﻿/*Added by Narsimha on 13 May 08 for AdminToBar in edit mode(Starts)*/

		/*       TopBar       */

.Menutop_Wrapper	{ 		margin: 0 auto;		width:100%;
	height:80px;		border:0px solid #FF0000; 		}

.SM_Topbar {
 	width: 100%;	border:0px solid blue;
 	color: #333;	height: 79px; 
 	background: url('../images/header_bg_small.gif') repeat-x left top;
}
 

.SM_Menutop		{	width:100%;		height:53px;	border:0px solid green;		}

.SM_Header_Leftbg  { 	color: #333;	border: 0px solid #ccc;
	height:78px;		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: 78px;	width: 97%;		float:left;		display: inline;
}
.SM_Header_Rightbg  { 
	color: #333;
	border: 0px solid #ccc;
	height: 78px;
	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.gif') 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: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%;
}

#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;
	display:block;
	background:url('../images/menu_active.gif') repeat-x right top;
	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; 		width:140px;		position:absolute; font-weight:bold;
	font-size:13px;		text-align:right;	color:White; 
	padding-left:6px; 	padding-right:6px;	height:187px; 
	left:0px; 			width:272px; 		border:0px solid #FFFFFF;
	position:absolute; 	color:White; 		z-index:1;
	background: url('../images/Modules_Bg.png') repeat-y center center;
	left:0px; 	top:0px;
}

.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:268px; 		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:261px; height:150px; z-index:100;
	left:0px; top:0px; position:relative; border:1px solid #FFFFFF;
	background:#fffaf1 url('../images/dropdiv_bg1.gif') repeat-x right top;
}

.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_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: url('../images/dropdiv_bg1.gif') 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:295px; 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 url('../images/dropdiv_bg1.gif') 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 url('../images/dropdiv_bg1.gif') 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:192px; 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:400px;
	font:bold 8pt Arial , Verdana, Trebuchet ms;
	line-height:normal;
	height: 22px; 
	border:0px solid red;
	
}

.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;
	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:150px;
}


/*Added by Narsimha on 13 May 08 for AdminToBar in edit mode(Ends)*/ 


/* Added by narasimha on 21 October - to assign class to the preview mode topbar */

img
{
	border:0px none
}

.Editbar_Main
{
	 width:100%;	height:25px;	max-width:999px;
	 background: url(../images/editbar_bg.gif) repeat-x top left;
}

.EPM_LeftDiv	{	height:25px;	width:15px;	float:left;
 	background: url(../images/editbar_leftbg.gif) repeat-x top left;	}

.EPM_RightDiv	{	height:25px;	width:15px; float:right;
 	background: url(../images/editbar_rightbg.gif) repeat-x top left;	}

.Logo_Icondiv
{
float:left;	
display:inline;
}
.Small_Icon
{
 margin-left:5px;	
 margin-top:2px;
 float:left;
}
.Youare_In
{
	margin-left:5px;
 	margin-top:3px;
 	float:left;
	font-family:"Myriad Pro", "Myriad Pro Light", "Gill Sans MT", Arial, Verdana;
 	font-size:11pt;
 	font-weight:normal;
 	text-align:left;
 	width:200px;	
}
.CP_IconDiv
{
width:350px;	border:0px solid;
height:25px;
float:right;
display:inline;
padding-top:3px; padding-right:0px;
}



/* Added by narasimha on 21 October - to assign class to the preview mode topbar */



/* Style Added by Murali - 21st April 2009 */

/* Header */
.CP_Topbar {
 	width: 100%;	border:0px solid blue;
 	color: inherit;	height: 71px; 
 	background: url('../images/CP_topbg.png') repeat-x left top;
 	padding: 2px 0px 0px 0px;
}
.Topbar_left 
{   width: 230px; padding: 0px 0px 0px 10px;
    
    }
.Topbar_left1 
{   width: 230px; padding: 0px 0px 0px 10px;
    float: left;
    }
    
    
.Topbar_right 
{ 	border: 0px solid #669966;
	padding: 0px 0px 0px 0px;
	float:right;
    
}

.Topbar_right img,.Topbar_right1 img {
 border: none;
}
.Topbar_right ul,.Topbar_right1 ul 
{ list-style: none; padding: 0px; margin:0px; 
    
    }
.Topbar_right a:link,.Topbar_right a:visited,.Topbar_right1 a:link,.Topbar_right1 a:visited {
	background: none;
	color: #000000;
	text-decoration: underline;
}
.Topbar_right a:hover,.Topbar_right1 a:hover {
	background: none;
	color: #9e6503;
	text-decoration: underline;
}
.Topbar_right ul li,.Topbar_right1 ul li
{ float: left;
	margin-right: 15px;
    
}
.CPWelcome {
	clear: both;
	font-weight: bold;
	background: none;
	color: #ffffff;
	
}
.CPWelcome a:link,.CPWelcome a:visited {
	font-weight: bold;
	background: none;
	color: #ffffff;
	text-decoration: none;
}
.CPWelcome a:hover {
	font-weight: bold;
	background: none;
	color: #FFCC00;
	text-decoration: none;
}
.CP_Topbar_Urlname {
	float: right;
	margin: 4px 10px 0px 0px;

}
.CP_Welcommsg {
	padding: 4px 0px 0px 10px;
	
}

.Topbar_right1 
{ 	border: 0px solid #669966;
	padding: 10px 0px 0px 0px;
	margin-left: 710px;
    
}
