/*Added by Narsimha on 13 May 08 for AdminToBar in edit mode(Starts)*/

		/*       TopBar       */

.Menutop_Wrapper	{ 		margin: 0 auto;		width:780px; text-align:center;
	height:93px;		border:0px solid #FF0000;  	}

.SM_Topbar {
 	width: 100%;	border:0px solid blue;
 	color: #333;	height: 92px; 
 	background: url('../images/header_bg_small.gif') repeat-x left top; margin-bottom:5px;
}

.SM_Menutop		{	width:100%;		height:53px;	border:0px solid green;		}

.SM_Header_Leftbg  { 	color: #333;	border: 0px solid #ccc;
	height:91px;		width: 8px;		float: left;
	background: url('../images/left_bg_small.gif') no-repeat left top;
}
.SM_Content { 
	color: #333;	border: 0px solid #ccc;
	background: url('../images/header_bg_small.gif') repeat-x left top;
	height: 91px;	width: 97%;		float:left;		display: inline;
}
.SM_Header_Rightbg  { 
	color: #333;
	border: 0px solid #ccc;
	height: 91px;
	width: 8px;
	float: right;
	background: url('../images/right_bg_small.gif') no-repeat left center;
}

.Logo_small
{
	 width:150px;
	 height:44px;
	 background: url('../images/logo_small.png') no-repeat left center;
	 margin-top:6px;
	 cursor:pointer;
	 float:left;
}

.Logo_small a
{
	color:#eaeaea;
	text-decoration:none;
}

/*       TopBar Content       */

.SM_Topname
{
	width:auto;
	height:25px;
	float:left;
	display:inline;
	margin-top:15px;
}

.SM_Topbar_Welcome
{
    	font-family: Arial, Verdana, Trebuchet MS,;
   	font-size:8pt;
    	float:left;
	vertical-align: baseline;
	color:#333333; 
	font-weight:bold;
	text-align:left;
	padding-left:20px; 
	width:140px;
	height:auto;
	
}

.SM_Topbar_Welcome:first-letter 
{
	font-weight:normal;
	color:#333333;
	font-size:large;
}

.SM_Topbar_Username
{
	font-family:Arial, Verdana, Trebuchet MS;
    	font-size:8pt;
   	float:left;
	vertical-align: baseline;
	color:#f65f06; 
	font-weight:bold;
	text-align:left;
	padding-left:0px; 
	width:130px;
	height:auto;
	
}

.SM_Topbar_Username:first-letter 
{
	font-weight:normal;	
	color:#f65f06;
	font-size:large;
}
				   
.SM_Topbar_Urlname 
{
	font-family:Arial, Verdana, Trebuchet MS;
    font-size:9pt;
    float:left;
	vertical-align: baseline;
	color:#990000; 
	font-weight:bold;
	text-align:left;
	padding-left:2px; 
	padding-top:2px;
	width:auto;
	height: 20px;
}
				   
.SM_Topbar_Urlname a
{
	height:100%;
	float:left;
	position:relative;				   				     
	color:#990000; 
	font-weight:bold;
	text-align:right;
	text-decoration:none;
}

.SM_Topbar_Urlname a:hover
{
	color:#990000; 
	text-decoration:underline;
}

/*       TopBar Buttons       */

.SM_Topbar_Buttons
{
	font-family:Arial, Verdana, Helvetica, sans-serif; 
    font-size:10px; 
	color:#0066CC; 
	text-decoration:none;
	float:right;
	width:100px;
	height:45px;
	padding-top:6px;
	text-align:center;
}

.SM_Upgrade
{
	text-align:center;
	float:left;
	width:50px;
	height:45px;
}

.SM_Upgrade a
{
	color:#0066CC;	
	border:0px solid;
	text-decoration:none;	
}

.SM_Upgrade a:hover
{
	border:0px solid;
	text-decoration:none;	
}

.SM_Logout
{
	text-align:center;
	float:left;
	width:50px;
	height:45px;
}

.SM_Logout a
{
	color:#0066CC;	
	border:0px solid;
	text-decoration:none;	
}

.SM_Logout a:hover
{
	border:0px solid;
	text-decoration:none;	
}				   

/* ------------------------*/	
/* Navigation Menu CSS */
/* ------------------------*/
#SM_Settingtabs
{
	z-index:101;
	float:left;
	width:auto;
	font-size:8pt;
	font-family:Arial , Verdana, Trebuchet ms;
	line-height:normal;
/* 	position:absolute;
	top: 54px;
	left: 30px; */
	height: 20px;
	cursor:hand;
	border:0px solid red;
	width:100%;
	margin-top:5px;
}

#SM_Settingtabs ul{
	list-style-type: none;
	margin-left: 0px; /*Left offset of entire tab menu relative to page*/
	padding:0;
	height: 20px;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	
}

#SM_Settingtabs li{
	display:inline;
	margin:0;
	padding:0;
}

#SM_Settingtabs a{
	float:left;
	margin:0;
	margin-right: 5px; /*spacing between each tab*/
	padding:0 0 0 0px;
	text-decoration:none;
	cursor:pointer;
}

#SM_Settingtabs a span{
	float:left;
		background:url('../images/menu_active.gif') repeat-x right top;
	display:block;
	padding: 2px 5px 2px 5px;
	font-weight:normal;
	color:White;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#SM_Settingtabs a span 
{
	float:none;
}
/* End IE5-Mac hack */

#SM_Settingtabs a:hover span {
	color: White;
}

#SM_Settingtabs #current a{ /*Selected Tab style*/
	background-position:0 0px; /*Shift background image up to start of 2nd tab image*/
	text-decoration:none;
	color:White;
}

#SM_Settingtabs #current a span{ /*Selected Tab style*/
	background-position:100% 0px; /*Shift background image up to start of 2nd tab image*/
	color: White;
}

#SM_Settingtabs a:hover{ /*onMouseover style*/
	background-position:0% 0px; /*Shift background image up to start of 2nd tab image*/
	text-decoration:none;
}

#SM_Settingtabs a:hover span{ /*onMouseover style*/
	background-position:100% 0px; /*Shift background image up to start of 2nd tab image*/
}

/* drop down css - start here*/
.PopUps_Overview	{	position:relative; float:left; border:0px solid red; clear:both;	}

.EW_AddModule_Overview
{
	padding:0px; 							font-weight:bold;
	font-size:13px;		text-align:right;	
	padding-left:6px; 	padding-right:6px;	height:336px; 
	left:0px; 			width:372px; 		border:0px solid red;
	position:absolute; 	color:White; 		z-index:1;
	background: url('../images/Layouts_bg1.png') repeat-y center center;
	left:0px; 	top:0px; background-color:#f8f8f8;
}

.EW_AddModule_Close
{
	padding:0px; 		position:absolute; font-weight:bold;
	font-size:13px;		text-align:right;	color:White; 
	padding-right:5px; 	padding-top:4px;	height:26px; 
	left:0px; 			width:368px; 		border:0px solid #FFFFFF;
	position:relative; 	color:White; 		z-index:1;
	background:url('../images/dropdiv_bg.gif') repeat-x right top;
	left:0px; 	top:0px;
}

.EW_AddModule
{
	float:left; margin:0;  margin-right: 0px; /*spacing between each tab*/
	text-decoration:none; color:#1666b7; padding-left:10px; padding-top:5px; 
	overflow:scroll; line-height:22px; 
	width:361px; height:300px; z-index:100;
	left:0px; top:0px; position:relative; border:1px solid #FFFFFF;
	
}

.EW_AddModule a
{
	text-decoration:none;
	/*color:#cc6600;	*/
	font-weight:bold;
}

.EW_AddModule a:hover
{
	text-decoration:none;
	color:white;	
	font-weight:bold;
	background-color:#ef9037;
}

.EW_ModuleHeading	{	float:left; 	text-align:left; 	padding:3px; 	width:70%;	 height:17px;
						text-transform:uppercase; 	cursor:default; 	padding-left:10px;	}

.EW_ModuleClose	{	float:right; 	cursor:pointer; 	font-size:11px;		border:1px solid #FFFFFF; 	
					padding-left:2px;	padding-right:2px;	margin-top:2px;	}

.EW_BottomBg	{	background:url('../images/Layoutbottom_bg.png') no-repeat center bottom;	 width:320px; height:10px;}
.EW_BottomBg1	{	background:url('../images/Layoutbottom_bg.png') no-repeat center bottom;	 width:100%; height:10px;}
.EW_ComponentBottomBg	{	background:url('../images/Layoutbottom_bg1.png') no-repeat center bottom;	 width:374px; height:8px;border:solid 0px red;}

.EW_AddChildModule_Close
{
	padding:0px; width:140px; 	position:absolute; 	font-weight:bold;	
	font-size:13px; 			text-align:right;	color:White; 		
	padding-right:5px; 			padding-top:5px;	height:26px; 
	height:20px; width:267px; 	border:1px solid #FFFFFF;
	position:absolute; background-color:#ef9037;
	color:White; z-index:-1;
	background:url('../images/dropdiv_bg.gif') repeat-x right top;
	left:210px;  top:0px;
}

.EW_AddChildModule
{
	float:left; text-decoration:none; color:#1666b7; font-weight:bold; padding-left:10px; padding-top:5px; 
	font-size:13px; overflow:scroll; text-transform:capitalize;
	line-height:22px; font-family:Arial, Trebuchet MS;
	width:260px; height:150px; 
	position:relative; border:0px solid #ef9037; z-index:101;
	background:  repeat-x right top;
	left:0px; top:0px; 
}

.EW_AddChildModule a
{
	text-decoration:none;
	color:#0066CC;	
	font-weight:bold;
}

.EW_AddChildModule a:hover
{
	text-decoration:none;
	color:white;	
	font-weight:bold;
	background-color:#0066CC;
	font-size:13px;
}

.EW_AddWebpart_Overview
{
	position:absolute; 	text-align:right; 	font-weight:bold;	border:0px solid #FFFFFF;
	padding-right:5px; 	padding-left:5px;	height:188px; 
	font-size:13px;		width:165px; 		position:absolute; 
	background-color:#ef9037; 	text-align:right;	color:White; 	z-index:1;
	background: url('../images/Sections_bg.png') repeat-y center center;
	left:400px; top:0px;
}
.EW_AddWebpart_Close
{
	position:absolute; 	text-align:right; 	font-weight:bold;	border:0px solid #FFFFFF;
	padding-right:5px; 	padding-top:5px;	height:26px; 
	font-size:13px;		width:160px; 		position:relative; 
	background-color:#ef9037; 	text-align:right;	color:White; 	z-index:1;
	background:url('../images/dropdiv_bg.gif') repeat-x right top;	
	left:0px; top:0px;
}
.EW_AddWebpart
{
	float:left; text-decoration:none; color:#333333;	font-weight:bold;
	font-size:13px; z-index:101; border:1px solid #FFFFFF;
	padding-left:10px; padding-top:5px; 
	width: 153px; height: 150px; 
	position:relative; visibility:hidden; 
	overflow:scroll; text-transform:capitalize; line-height:22px; font-family:Arial, Trebuchet MS;
	background:#f3f9ff  repeat-x right top;
	left:0px; top:0px;
	color:#0066CC;
}
.EW_AddWebpart a
{
	font-family:Arial, Trebuchet MS;
	font-size:13px; 
	color:#0066CC;
}

.EW_AddWebpart a:link
{
	font-family:Arial, Trebuchet MS;
	font-size:13px; 
	color:#0066CC;
}

.EW_AddWebpart a:hover
{
	font-family:Arial, Trebuchet MS;
	font-size:13px; 
	background-color:#0066CC;
	color:white;
}


.EW_AddTheme_Overview
{
	position:absolute; text-align:right; font-weight:bold;	border:0px solid #FFFFFF;
	padding-left:5px; padding-right:5px;	height:190px; 
	font-size:13px; width:275px; position:absolute; 
	background-color:#ef9037; text-align:right;color:White; 
	background:url('../images/Modules_Bg.png') repeat-y center center;
	left:85px; top:0px;
}

.EW_AddTheme_Close
{
	position:absolute; text-align:right; font-weight:bold;	border:0px solid #FFFFFF;
	padding-right:5px; padding-top:5px;	height:26px; 
	font-size:13px; width:270px; position:relative; 
	background-color:#ef9037; text-align:right;color:White; z-index:1;
	background:url('../images/dropdiv_bg.gif') repeat-x right top;
	left:0px; top:0px;
}
.EW_AddTheme
{
	color:Gray; top:45px; padding:4px; 
	width:264px; height:150px; overflow:scroll;
	position:relative; border:1px solid #FFFFFF;z-index:101;
	background:#fff3f3  repeat-x right top;
	left:0px; top:0px;
}
.EW_AddTheme_Table
{
	font-weight:bold;
	font-size:13px;
}

.EW_ThemeSelect	{	cursor:pointer;	width:75px;		height:75px;	padding:5px; text-align:center;	color:#990000;	}


.EW_AddLayout_Overview
{
	position:absolute; text-align:right; font-weight:bold;	
	padding-right:6px; padding-left:6px; font-size:13px;	
	width:320px; height:340px; 	
	position:absolute; text-align:right; color:White; 
	background: url('../images/Layouts_bg.png') repeat-y center center;
	left:114px; top:0px;
}

.EW_AddLayout_Close
{
	position:absolute; text-align:right; font-weight:bold;	
	padding-right:5px; padding-top:5px; font-size:13px;	
	width:315px; height:26px; 	border:0px solid #FFFFFF;
	position:relative; background-color:#ef9037; text-align:right;color:White; 
	background:url('../images/dropdiv_bg.gif') repeat-x right top;
	left:0px; top:0px;
}

.EW_AddLayout
{
	color:Gray; background-color:#f8f8f8; padding:4px; 
	width:309px; height:300px; overflow:auto;
	position:relative; border:1px solid #FFFFFF; z-index:101;
	left:0px; 
}
/* drop down css - end here */


/* Select Page */

.SM_Selectpage
{
	float:right;
	width:520px;
	font:bold 8pt Arial , Verdana, Trebuchet ms;
	line-height:normal;
	height: 22px; 
	margin-top:0px;
	
}

.SM_Selectpage span
{
	float:left;
	height: 22px; display:inline;
	border:0px solid red;

}

#SM_SelectWidth	{	width:10px;	}

.SM_Selecttext
{
	font-size:11px;
	font-family:Arial , Verdana, Trebuchet ms;
	/*color:#1f459b;*/
	color:#000000;
	font-weight:bold;
	float:left;
	padding: 3px;
}
.SM_Dropdown
{
	font-size:11px;
	font-family:Arial , Verdana, Trebuchet ms;
	color:#1f459b;
	font-weight:normal;
	float:left;
	padding-left:5px;
	width:250px;
	text-transform:capitalize;
}
.SM_SaveButtons
{
	float:right;
	text-align:right;
	width:150px;
	font-size:8pt;
	font-family:Arial , Verdana, Trebuchet ms;
	line-height:normal;
	border: 0px solid #131414;
	height: auto; z-index:2;  display:inline;
}

/*Added by Narsimha on 13 May 08 for AdminToBar in edit mode(Ends)*/ 

/* Admin topbar dropdown divs css - added by narasimha on 20-06-08 */



/* Admin topbar dropdown divs css - added by narasimha on 20-06-08 */

/* Added by sachin on 10 july - to assign class to the child instance (starts)*/
.MainWebpartName
{
	color:#CC6600;
	font-size:13px;
	font-weight:bold;	
	font-family:Trebuchet MS, Arial; 
	text-transform:capitalize;
	border:solid 0px red; 
	display:block;
	width:320px;
	text-align:left;
	text-transform:capitalize;
}

.MainWebpartName a
{
	color:#CC6600;
	font-size:13px;	
	font-weight:bold;
	font-family:Trebuchet MS, Arial; 
	text-transform:capitalize;
}
.MainWebpartName a:link
{
	color:#CC6600;
	font-size:13px;	
	font-weight:bold;
	font-family:Trebuchet MS, Arial; 
	text-transform:capitalize;
}

.MainWebpartName a:hover
{
	text-decoration:none;
	color:White;	
	font-weight:bold;
	font-size:13px;	
	background-color:#3777a6;
	font-family:Trebuchet MS, Arial; 
	text-transform:capitalize;
	background-color:#0066CC;
}

.WebpartChildInstance
{
	color:#0066CC;
	margin-left:30px;
	font-size:12px;
	font-family: Arial; 
	text-transform:capitalize;
}

.WebpartChildInstance a
{
	color:#0066CC;
	margin-left:10px;
	font-size:12px;
	font-family: Arial; 
	text-transform:capitalize;
}

.WebpartChildInstance a:link
{
	color:#0066CC;
	margin-left:10px;
	font-size:12px;
	font-family: Arial; 
	text-transform:capitalize;
}

.WebpartChildInstance a:hover
{
	color:#FFFFFF;
	margin-left:10px;
	font-size:12px;
	font-family: Arial; 
	background-color:#0066CC;
	text-transform:capitalize;
}
/* Added by sachin on 10 July - to assign class to the child instance(ends) */

.CW_HTMLButton 
{background:url('../images/green_button.jpg') repeat-x bottom left; color:#000000;font-size:12px; 
             	font-weight:bold;	height:auto; padding:1px 0px 2px 0px;border: #eeeeee 1px solid;	cursor:pointer;
             	margin: 0px;text-transform:capitalize;
}
.CW_HTMLButton:link, .CW_HTMLButton:visited, .CW_HTMLButton:active 
	{	background: inherit;color:#000000; text-decoration:none; margin: 0px;
	 	border: #FFFFFF 0px solid;text-transform:capitalize;	 }
.CW_HTMLButton:hover 
	{	background:url('../images/green_buttonH.jpg') repeat-x bottom left;color:#000000; 
	 	text-decoration:none;	margin: 0px; border: #eeeeee 1px solid;text-transform:capitalize;	 }
	 	
.CW_HTMLButton_Cancel, .CW_HTMLButton_Cancel:link, .CW_HTMLButton_Cancel:visited, .CW_HTMLButton_Cancel:active 

{
	background:url('../images/em_cancel_btn.gif') repeat-x bottom left; color:#000000;font-size:12px; 
             	font-weight:bold;	height:24px; border: #eeeeee 0px solid;	cursor:pointer;
             	margin: 0px; width: 67px;text-transform:capitalize;
}

/*This be;ow style is added for cancel button*/
.Gray_Button { background:url('../images/gray_button.jpg') repeat-x bottom left; color:#000000;font-size:12px; 
              font-weight:bold; height:auto; padding:1px 0px 2px 0px;border: #eeeeee 1px solid; cursor:pointer;
              margin: 0px; }
.Gray_Button:link, .Gray_Button:visited, .Gray_Button:active 
 { background: inherit;color:#000000; text-decoration:none; margin:0px;
   border: #FFFFFF 0px solid;  }
.Gray_Button:hover 
 { background:transparent url('../images/gray_buttonH.jpg') repeat-x bottom left;color:#000000; 
   text-decoration:none; margin: 0px; border: #eeeeee 1px solid;  }
   
 .CP_savebtn 
{background:url('../images/save.png') no-repeat top left; color:#000000;cursor:pointer;
 width: 79px; height:29px;border:none; 	
}

 .CP_cancelbtn 
{background:url('../images/cancel.png') no-repeat top left; color:#000000;cursor:pointer;
 width: 91px; height:29px;border:none; 	
}
   
   /*End of style for cancel button*/