/*css used for Login Page*/
#content {
	float: left;
	width: 603px;
}
.content-top
{
	font-family:Tahoma;
	font-size:14px;
	color:#192680;
	text-decoration:none;
	padding:0 0 0 10px;
}

a {text-decoration:none; color:Black;}

.login-bg
{
	background-image:url(Images/login-bg.gif); 
	background-repeat:no-repeat; width:791px; height:402px;
}

.logo
{
	padding:22px 0px 0px 10px;
}

.Main
{
	background-color:White; 
	margin:0;
	vertical-align:middle;	

}

.ecrm-logo{padding:25px 10px 0px 0px;}

.ecrm-solution-logo
{
	background-image:url(images/ecrm-solution-logo.jpg); width:402px; height:90px; background-repeat:no-repeat;
}

.search-box{background-image:url(images/search_box.png); background-repeat:no-repeat; width:210px; height:30px;}

.input-text-1
{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#535050;
	height:22px; width:100px; border:1px #fff solid;
}

.input-text-2
{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#535050;height:13px; width:90px; 
    border:1px #fff solid; padding-top:2px;
}

.input-text-3
{
	
}
select:focus::-ms-value {
      background-color: white; 
      color:#000;
}

#ddlModule {
   font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color: rgb(161,161,161);color:White; width:195px;height:25px; border:0px White solid; 
	padding:3px 0px 3px 0px; margin-left:10px; margin-top:3px;margin-bottom: 12px;
}

#ddlModule option {
background-color: rgb(201,202,202);
color:Black;
}

.sub-heading-font{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#0059AC; font-weight:bold;}

.ecrm-img{padding:0px 10px 0px 50px;}

.member-login-font
{
	font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#FF7F0A;
}

.font
{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#535050;
}

.forgot-password-font{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#1870C4; padding-left:65px; padding-top:5px;}
.forgot-password-font a{ text-decoration:none; color:#1870C4;}

.copyright-font
{
	font-family:Futura, "Trebuchet MS", Arial, sans-serif; font-size:11px; color:#fff; padding-left:25px;
}



/*end of css used for Login Page*/

/*css used for Inner Page*/
/*
.blue-bg
{
	background-image:url(images/blue-bg.gif); background-repeat:repeat-x; width:100%; height:0px;
}
*/
.blue-bg{background-image:url(images/ecrm-solutionbg.jpg); background-repeat:repeat-x; width:100%; height:90px;}

.grey-bg{background-image:url(images/menu-grey-bg.jpg); background-repeat:no-repeat; width:261px; height:32px;}

.menu
{
	/*float:right; text-align:right; 
	margin:0px; padding:10px 0px 0px 50px; border:0px red solid; width:240px;*/

	float:left; text-align:right; height:20px;
	font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#353535;		
	margin:0px; padding:5px 0px 0px 0px; border:0px red solid; width:340px;
}

.menu li
{
	padding:0px 10px 0px 10px; list-style:none; 
	/*background:url(images/white-divider.png) no-repeat center left; float:left;*/
	background:url(images/white-divider.png) no-repeat center left; float:right;

}
.menu .nobg{background-image:none;}

.black-font
{
	font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#000; font-weight:bold;        
}

.heading-font
{
	font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#0059AC; font-weight:bold;
}

.blue-font
{
	font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#0059AC; padding-bottom:5px;
}

.acs-logo{padding-right:20px;}

.img{padding-top:5px;}

/*end of css used for Inner Page*/


/*-------------------------BUTTON CSS-----------------------------------------------*/
/*.button
{
	background: url('Images/content-top-bg.gif') repeat-x right top; 
	font-family: Verdana,Sans-serif, Arial, Helvetica;
    font-size:11px;
    Font-Weight:Normal;
    border: solid 1px #C3C3C3;
    height:25px;
    padding:4px;
}
*/
.button
{
	color: Black !important;
    background-color: rgb(195,195,195);
    border-color: #e1e5ec;
    border-left: 4px solid rgb(217,0,25)!important;
    height:23px;
    border-top: none;
    font-family: Verdana,Sans-serif, Arial, Helvetica;
    font-size: 11px;    
}

    


.button:disabled
{
	border-left: 4px solid rgb(161,161,161) !important;
	/*border:1px solid #C3C3C3 !important;
	background:#fff url('Images/buttonBgNew.gif') repeat-x; */
	color:#6f6f6f !important;
	cursor:text;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px; 
	-webkit-box-shadow:0px 0px 3px #999999; 
	-moz-box-shadow:0px 0px 3px #999999;
}

.button:hover
{
	/* border:1px solid #888 !important; 
	background:#fff url('Images/buttonBgNew.gif') repeat-x; */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px; 
	-webkit-box-shadow:0px 0px 3px #999999; 
	-moz-box-shadow:0px 0px 3px #999999;
}

.buttonLayer	
{
	height: 18px;	
	background-color: #E0ECFF;
}

/*------------------------------------END BUTTON CSS----------------------------------*/


.GridFont
{
	font-family:"Calibri";         /*Tahoma*/
	font-size:11px; 	         /*x-smaller*/
	color:Black;
	height:25px;
	background-color:#eeeeee;	/* #E2E2E2 */
}

.GridSelectedItemStyle
{
	font-weight:bold;
	Color:#CC0066;
	height:25px;
}                  

.GridItemStyle
{
    font-family:"Calibri";
	color: Black; 		/*Maroon;Black        		*/
	font-size:small;
	background-color:#E2E2E2;                   /*white;lisght yellow base color*/ 
	text-align :left;
	height:25px;
	padding:10px 10px 10px 10px;
}	

.GridAlternatingItemStyle
{
    font-family:"Calibri";
	color: Black; 		/*;Maroon        		*/
	font-size:small;	
	background-color:White; 	/* #E2E2E2 DFE2E3 #ECE5C6    F2F2E6  /*LightGray;*/
	/*text-align :left;*/
	padding:0px 10px 0px 10px !important;	
	height: 25px;	
}	


.GridAlternatingItemStyleSync
{
    font-family:"Calibri";
	color: Black; 		/*;Maroon        		*/
	font-size:medium;	
	background-color:White; 	/* #E2E2E2 DFE2E3 #ECE5C6    F2F2E6  /*LightGray;*/
	/*text-align :left;*/
	padding:0px 10px 0px 10px !important;	
	height: 17px;	
}	


.GridHeaderStyle 
{
	border-top-width: 1px;
    border-style: solid;
    border-top-color: rgb(217,0,25);
    border-left: none;
    border-right: none;
	/* background:transparent url('Images/line.png') repeat-x ;		
	border-bottom:1px solid black;	*/
	height:25px;
	padding:0px 10px 0px 10px;	
    font-family:Verdana,Sans-serif, Arial, Helvetica;	
	font-size:11px;
	/*font-weight:bold; */
	text-align :center;				/*left;								/*center*/
	color:#1F2436;
	background-color:#fff;
	border-bottom: 2px solid black;
}

.GridFooterStyle
{
	color: #000000;
	background-color: #99CCCC;
	font-size: 15px;
	text-align:center;
}


.GridPagerStyle
{
     font-family:"Calibri";	 
	 font-size:small;									/*x-smaller*/
	 font-weight:bold;                                        /* :bold; */
	 Color:#003F87;													/*Blue*/		
	 text-align:center;				/*right;					/*:left */
}	 

.GridEditItemStyle 
{
	font-weight:bold;
	background-color:#F2F2F2;		/*#B0E2FF; Lime;	/* Gainsboro;*/
	font-size:x-small;
	text-align :left;
	height:25px;
}	

.ItemStyle	
{
	padding:0px 10px 0px 10px !important;	
	height: 23px;	
	font-family:"Calibri";
	font-family:"Calibri";
	color: Black; 		/*;Maroon        		*/
	font-size:small;
}

.GridHeader
{
	border-top-width: 1px;
    border-style: solid;
    border-top-color: rgb(217,0,25);
    border-left: none;
    border-right: none;
	/* background:transparent url('Images/line.png') repeat-x ;		
	border-bottom:1px solid black;	*/
	height:25px;
	padding:0px 10px 0px 10px;	
    font-family:Verdana,Sans-serif, Arial, Helvetica;	
	font-size:11px;
	/*font-weight:bold; */
	text-align :center;				/*left;								/*center*/
	color:#1F2436;
	background-color:#fff;
	border-bottom: 2px solid rgb(158, 155, 155);
}

.footer{
	font-family:Verdana,Sans-serif, Arial, Helvetica;
	font-size:12px;
	color:#003F87;
	background-color:#0762A8;
	height:80px;
	text-align:center;
}

.welcome-text{
	font-family:Verdana,Sans-serif, Arial, Helvetica;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;		
}

.change-password{
	font-family:Verdana,Sans-serif, Arial, Helvetica;
	font-size:12px;
	font-weight:bold;
	color:#FF8300;
	text-decoration:none;
}
.change-password a{
	font-family:Verdana,Sans-serif, Arial, Helvetica;
	font-size:12px;
	font-weight:bold;
	color:#FF8300;
		text-decoration:none;
}

.content-top
{
	font-family:Tahoma;
	font-size:14px;
	color:#192680;
	text-decoration:none;
	padding:0 0 0 10px;
}

/*Displays the heading of Frame */
.Frame-heading{
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family:Calibri;
	font-size:medium;
	color:#135A9C;
	/*font-weight:bold;*/
	padding-left:5px;
	padding-bottom:5px;
}

.CheckOptionFontStyle
{
	font-family:Verdana,Sans-serif, Arial, Helvetica;
	font-weight:normal;
	color: Black; 
	font-size:11px;		/*small*/
	text-align:right;
	vertical-align:middle;
	padding:4px;
}

.DropDownStyle
{
	font-family: Verdana,Sans-serif, Arial, Helvetica;
	font-size: 11px;
	border: 1px solid #DDD;
	padding: 3px;
	height: auto;
	-webkit-appearance: menulist;
	/*box-sizing: border-box;*/
	-webkit-box-align: center;
	border: 1px solid;
	white-space: pre;
	-webkit-rtl-ordering: logical;
	color: black;
	background-color: white;
	cursor: default;
}


/*Displays the font style for the label and where text displayed in the label font
such as radiobutton checkbox */
.LabelFontStyle 
{
	background-color:#FAFAFA;		  
	font-family:Verdana,Sans-serif, Arial, Helvetica ;
	font-weight:normal;
	color: Black; 
	font-size:11px;		/*small*/
	text-align:right;
	vertical-align:middle;
	padding-top:0px;
	padding-right:4px;
	padding-bottom:0px;
	border-color:Gray;
	height:25px;
}

.LabelDateFontStyle 
{
	background-color:White;	  
	font-family:Verdana,Sans-serif, Arial, Helvetica;
	font-weight:normal;
	color:GrayText;
	font-size:11px;		/*small*/
	text-align:right;
	vertical-align:middle;
	padding-top:0px;
	padding-right:4px;
	padding-bottom:0px;
}


.LabelFontStyleLeft
{
	background-color:#FAFAFA;		  
	font-family:Verdana,Sans-serif, Arial, Helvetica;
	font-weight:normal;
	color: Black; 
	font-size:11px;		/*small*/
	vertical-align:middle;
	padding-top:0px;
	padding-right:4px;
	padding-bottom:0px;
	text-align:left;
}

.LabelFontStyleCenter
{
	background-color:#FAFAFA;		  
	font-family:Verdana,Sans-serif, Arial, Helvetica;
	font-weight:normal;
	color: Black; 
	font-size:11px;		/*small*/
	vertical-align:top;
	padding-top:0px;
	padding-right:4px;
	padding-bottom:0px;
	text-align:center;
}

.LabelRecCountStyle
{
	font-family:Verdana;
	font-weight:bold;
	font-size:x-small;
	color:#0054A0;
}

.PageHeader
{
	/*background-color:#F0EFEF;		  #7EC3E2*/
	float:left;
	/*font-family:Verdana, Geneva, sans-serif; */
	font-size:11px; 
	/*color:#09548E;		#09548E*/
	font-weight:bold;
	margin:0;
	height:17px;
	font-family:Verdana,Sans-serif, Arial, Helvetica;
	vertical-align:middle;
	padding-top:2px;
	padding-left:0px;
}


.SectionHeader
{
	background-color:rgb(238,238,239);		  /*#F0EFEF*/
	border:none;
	float:left;
	/*font-family:Verdana, Geneva, sans-serif; */
	font-size:11px; 
	/*color:#09548E;		#09548E*/
	font-weight:bold;
	margin:0;
	height:19px;
	width:100%;
	font-family:Verdana,Sans-serif, Arial, Helvetica;
	vertical-align:middle;
	padding-top:2px;
	padding-left:0px;
	padding-bottom:4px;
	padding-right:0px;
}

.Hyperlink
{
	float:left; 
	font-family:Verdana, Geneva, sans-serif; 
	font-size:11px; 
	color:#09548E;
	font-weight:bold;
	margin:0;
}

/* Text for all the textboxes, combo boxes and list boxes the text displayed there in*/
.FormTextFontStyle 
{	     
	font-family:Verdana,Sans-serif, Arial, Helvetica;
	font-size:11px; 
	height:13px;
    border: 1px solid #DDD;
    outline: medium none;
    padding: 3px;
    vertical-align:top;
}


.FormTextFontStyleSync 
{	     
	font-family:Verdana,Sans-serif, Arial, Helvetica;
	font-size:11px; 
	height:15px;
    border: 1px solid rgb(243, 243, 243);
    outline: medium none;
    padding: 3px;
    vertical-align:top;
}


/* Text for all the Disabled Text Boxes */
.FormDisableText
{
	font-family:Verdana,Sans-serif, Arial, Helvetica;
	color:GrayText;
	font-size:11px;
	height:13px;
	border: 1px solid #DDD;
	outline: medium none;
	padding: 3px;
	vertical-align:top;
}

/* Text for all the textboxes, combo boxes and list boxes the text displayed there in*/
.FormTextNumFontStyle 
{	     
	font-family:"Calibri";	
	border-color:#7F9DB9;
	color:Black;  /*Maroon*/
	font-size:small; 
	height:18px;
	text-align:right;
	border-color:#7F9DB9;
    border-style:solid;
    border-width:1px; 
}

.DisableText
{
	color:Black;  /*Maroon*/
	font-size:small;
	text-align:left;
	height:18px;
	/*font-family:"Calibri";
	background-color:#E6E5E2;*/	
	border-color:white;		/*#DDDADA*/
	background-color:White;
	border-width:1px;
    border-style:solid;
	font-family:Verdana;
	font-family:"Calibri";	
    font-weight:bold;
}

/*This is used to give effect on control on focus*/
.GetFocus{
	position:relative;
	z-index:999;
	border : solid 1px #E79400;
	font-family:"Calibri";
	color:Black;  
	height:18px;
	font-size:small;
	/*background: #FFFFFF url('Images/img09.gif') repeat-x; 	*/	
	direction:ltr;}

.LostFocus{
	font-family:"Calibri";
	border : solid 1px #7F9DB9;
	color:Black;  
	height:18px;
	/*background: #FFFFFF url('Images/img09.gif') repeat-x;*/
	font-size:small;} 	

.pnlMain
{
	background:#d2e2f4;
	border:1px solid #96aecd;
}

   
.ListItem 
{
   font-style:italic;
   font-family:Arial;
   background-color:Green; 
}
   

.MandatoryFontStyle 
{
	font-family:Verdana,Sans-serif, Arial, Helvetica;
	color:#C00000;
	background-color:#FAFAFA;		  
	font-weight:bold;
	font-size:11px;		/*small*/
	text-align:right;
	vertical-align:middle;
	padding:4px;
}

.MandatoryCaptionFontStyle
{
	font-family:Verdana,Sans-serif, Arial, Helvetica;
	color:#C00000;
	background-color:White;		  
	font-weight:bold;
	font-size:11px;		/*small*/
	text-align:right;
	vertical-align:top;
	padding:4px;
}


/* Displays the font style for the text to be displayed for the error messages used throughout eCRM */
.ErrorFontStyle 
{
	font-family:"Calibri";
	color:Red;
    font-size:small;            
    Border-Style:none;
    background-color:Transparent;			/* Silver; */
    text-align:center;    	
}

.Optional
{
   font-family:Calibri;
	color:Green ;
    font-size:small;
    font:txt;   
}

.left-menu-Quickbg
{
	/*background:url(Images/left-menu-bg.gif) no-repeat;*/
}


/*------------------------TREE VIEW CSS-------------------------------------------*/

.left-menu-bg
{
	/*background-color: #FFFFFF; */
	background-color:#eeeeef;
	width: 196px;
	float: left;
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #09548E;
	vertical-align:top;
	padding-top: 0px;
	padding-left: 10px;
}

.left-menu
{
	font-family:Futura, "Trebuchet MS", Arial, sans-serif;
	/*font-family:Calibri;*/
	font-size: 11px;
	color: rgb(217,0,25);
	width: 100%;
	vertical-align:top;
}

.left-menu a{	
	text-decoration:none;
	vertical-align:top;
}
/* Commented by Rogit Gupta Changes For LeftMenu */
/*
.left-menu div{	
	direction: ltr !important;
}

.left-menu a img { 
   
    background-color: rgb(116,115,116);
    height: 26px;
    width: 10px;
}
*/

.left-menu-hover
{
	color: rgb(217,0,25);
	font-weight: bold; 
	font-size: 12px;
	text-decoration: underline;
}

.left-menu-line
{
	border-bottom:1px #DCDCDC solid;
	width:180px;	
}

/*---------------------END OF TREE VIEW CSS---------------------------------------*/

/* Text for all the textboxes, combo boxes and list boxes the text displayed there in*/
.ComboFontStyle 
{
	font-family:Verdana,Sans-serif, Arial, Helvetica;
	/*border-color:#7F9DB9;*/
	border: 1px solid #DDD;
	color:Black;  /*Maroon*/
	font-size:11px; 
	text-align:left;
	padding: 3px;
	vertical-align:middle;
}

RefreshLink
{	font-family:Calibri;
	font-size:12px;		/*small*/
	text-align:right;
	color:Green;
	font-weight:bold;
}


.SearchButton
{
	/*background-image:url('Images/Calendar-icon.png');*/
	background-repeat:no-repeat;
	text-decoration:underline;
	cursor:pointer;
}

.CalButton
{
	/*background-image:url('Images/Calendar-icon.png');*/
	background-repeat:no-repeat;
	text-decoration:underline;
	cursor:pointer;
}


/*-------------------------------------CALENDAR CSS------------------------------------*/
/*
.Calender
{
	background-color:White;
	border:1px solid #646464;
    color: black;
}
*/

.Calender .ajax__calendar_container 
{
	border:1px solid #646464;
    background-color: white;
    /*background: url('Images/back-over.png');  */
    background-repeat:repeat;
    color:Black;
}

.Calender .ajax__calendar_other .ajax__calendar_day,
.Calender .ajax__calendar_other .ajax__calendar_year 
{
	color:Gray;
}

.Calender .ajax__calendar_hover .ajax__calendar_day,
.Calender .ajax__calendar_hover .ajax__calendar_month,
.Calender .ajax__calendar_hover .ajax__calendar_year 
{
	color:black;
	font-weight:bold;
	background-color: #ffffff;
}

.Calender .ajax__calendar_active .ajax__calendar_day,
.Calender .ajax__calendar_active .ajax__calendar_month,
.Calender .ajax__calendar_active .ajax__calendar_year 
{
	color: Purple;
	font-weight:bold;
}


.Calender .ajax__calendar_header  
{
    background-color: #ffffff; 
    margin-bottom: 4px;
}

.Calender .ajax__calendar_today   
{
    font-weight:bold;
}
/*-------------------------------------END CALENDAR CSS------------------------------------*/


.ConvertToLabel 
{                   
    background-color:#FAFAFA;
    font-family:Verdana,Sans-serif, Arial, Helvetica;
    font-size:11px; 
    height:13px;
    border: none;
    outline: medium none;
    padding: 3px;
    vertical-align:top;
 }

.seccontent 
{
	border-left: 1px solid #EAF2FF;
	border-right: 1px solid #EAF2FF;
	border-bottom: 1px solid #EAF2FF;
	background: white;
}

/*************************************************************************************/
.tableHeadBg	
{
	height: 25px;	
	line-height: 25px;
	background-color: #E0ECFF;
	border-top: 1px solid #B7C9E8;
}

.tableHead	
{
	padding:0px 10px 0px 10px !important;	
	font-family: Verdana,Sans-serif, Arial, Helvetica;	
	font-size: 11px;	
	font-weight: bold;	
	color: #000;	
	white-space:nowrap;
}

.tableHead a	
{
	padding:0px !important;	
	text-decoration: none;	
	color: #000;
}

.tableHead a:hover	
{
	text-decoration: underline;
}

.tableData	
{
	padding:0px 10px 0px 10px !important;	
	height: 23px;	
	font-family:"Calibri";
	font-size: 11px;	
	font-family:"Calibri";
	color: Black; 		/*;Maroon        		*/
	font-size:small;
}

.tableRowSep	
{
	height: 1px;	
	background-color: #E7E7CF;
}

.FooterImage
{
	background:transparent url('Images/line.png') repeat-x ;		
	border-bottom:1px solid black;	
	height:25px;
	padding:0px 10px 0px 10px;	
	
}

.MenuBack
{
	width: 100%;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	background-color:rgb(220, 221, 221);
	border-bottom: 1px solid #ccc; 
	border-top: 1px solid #ccc;
}

.ImageMenu
{
	font-family:Verdana, Geneva, sans-serif; 
	font-size:11px; 
	color:black; 	
	display: block;
	padding: 3px 15px;
	text-decoration: none;
	font-weight: bold;		
	border-right: 1px solid #ccc;
}

.ImageMenu:hover
{
	color: #c00;
	background-color: #fff;
	cursor:pointer;
}

.ImageMenuOnclick
{
	font-family:Verdana, Geneva, sans-serif; 
	font-size:11px; 		
	display: block;
	padding: 3px 15px;
	text-decoration: none;
	font-weight: bold;		
	border-right: 1px solid #ccc;
	color: #c00;
	background-color: #fff;
}

.watermark
{
	color:GrayText;	
	font-family:Verdana,Sans-serif, Arial, Helvetica;
	font-size:11px; 
	font-style:italic;
	height:13px;
    border: 1px solid #DDD;
    outline: medium none;
    padding: 3px;
    vertical-align:top;
    border:solid 1px #c3c3c3;
}

.bg	
{
	background-color: #FBFBF4;
	height:15px;
}


.TemplateLink
{
	color: Black;
	cursor:pointer;
	font-family: Verdana,Sans-serif, Arial, Helvetica;	
	font-size: 11px;	
	font-weight:normal;
	text-align :left;
}

.TemplateLink:hover
{
	color: Black;
	cursor:pointer;
	font-family: Verdana,Sans-serif, Arial, Helvetica;	
	font-size: 11px;	
	font-weight:normal;
	text-align :left;
	background-color:#ADD8E6;
}

.AltTemplateLink:hover
{
	color: Black; 		/*;Maroon        		*/
	background-color:#ADD8E6; 	/*DFE2E3 #ECE5C6    F2F2E6  /*LightGray;*/
	text-align :left;
	cursor:pointer;
	font-family: Verdana,Sans-serif, Arial, Helvetica;	
	font-size: 11px;	
	font-weight:normal;
}

.AltTemplateLink
{
	color: Black; 		/*;Maroon        		*/
	background-color:#E2E2E2; 	/*DFE2E3 #ECE5C6    F2F2E6  /*LightGray;*/
	text-align :left;
	cursor:pointer;
	font-family: Verdana,Sans-serif, Arial, Helvetica;	
	font-size: 11px;	
	font-weight:normal;
}

.div-split-normal{background-color:rgb(161,161,161);}

.div-split-hover{background-color:rgb(161,161,161);}

.div-split-open{background-image:url('Images/divslideright.png');}

.div-split-close{background-image:url('Images/divslideleft.png');}

.div-split {
width: 5px;
background-position: 0px 120px;
background-repeat: no-repeat;
border-left: 1px solid rgb(161,161,161);
border-right: 1px solid rgb(161,161,161);
cursor: pointer;
vertical-align: top;
}
/***************************************************************************/


/*TAB STYLE*/
div.content {
	border: #48f solid 3px;
	clear: left;
	/*padding: 1em;*/
}

ol#toc {
	height: 2em;
	list-style: none;
	margin: 0;
	padding: 0;
}


ol#toc a {
	background: url(Images/tabs.gif) 100% 0;
	color: #008;
	float: left;
	line-height: 3em;
	outline: none;
	padding-right: 10px;
	text-decoration: none;
}


ol#toc li.current {
	background-color: #48f;
	background-position: 0 -60px;
}

ol#toc li.current a {
	background-position: 100% -60px;
	color: #fff;
	font-weight: bold;
	font-family:Verdana,Sans-serif, Arial, Helvetica;
	font-size:11px;

}

ol#toc li {
	background: #bdf url(Images/tabs.gif);
	float: left;
	margin: 0 1px 0 0;
	padding-left: 10px;
	font-family:Verdana,Sans-serif, Arial, Helvetica;
	font-size:11px;

}


ol#toc hover 
{
	background-position: 100% -60px;
	color: #fff;
	font-weight: bold;
	font-family:Verdana,Sans-serif, Arial, Helvetica;
	font-size:11px;
}

/*TAB STYLE END*/


/*
Added by Vinod Tiwari on Jan-12-2011 for Modal PopUp
*/

.modal-inner-wrapper
{
	width:340px;
	height:440px;
	background-color:Gray;
}   

.modal-inner-wrapper .content
{
	width:320px; height:420px; background-color:#FFFFFF; border: solid 1px Gray; z-index:9999;
	float:right; margin-top:10px; margin-right:10px;
}

.modal-inner-wrapper .content .close
{
	float:right; 
}

.modal-inner-wrapper .content .body
{
	margin-top:20px;
}

.rounded-corners 
{
	/*FOR OTHER MAJOR BROWSERS*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;

	/*FOR IE*/
	behavior: url(border-radius.htc);
}

.rel 
{
	position: relative;
	z-index: inherit;
	zoom: 1; /* For IE6 */
}

.modal-bg
{
	background-color:Gray;
	filter:alpha(opacity=50);
	opacity:0.6;
	z-index:999;
 }

 .modal
 {
	position:absolute;
 }

/*
End of Addition by Vinod Tiwari for Modal PopUp.
*/

/* Start Calendar CSS*/
.MyCalendar 
{
	font-family:Verdana,Sans-serif, Arial, Helvetica;
	Font-Size:8pt; 
	text-transform: uppercase;
}

.MyCalendar .DayHeaderStyle 
{
    background-color: #8AB5EB;
    font-weight: bold;
    font-size: 8pt;
}

.MyCalendar .DayStyle 
{
	padding: 4px;
}

.MyCalendar .SelectedDayStyle
{
	background-color :rgb(238,238,239);
	color : rgb(217,0,15);
}

.MyCalendar .SelectorStyle 
{
	padding: 4px;
    background-color: #CCCCCC;
}

.MyCalendar .TitleStyle 
{
    font-weight: bold;
    background-color: #9BABD1;
}

.MyCalendar .TodayDayStyle 
{
    background-color : #99CCCC;
    color: Black; 
}

/*
.MyCalendar .WeekendDayStyle  
{
    background-color: #CCCCFF;
    color: #000;
}
*/

/* End Calendar CSS*/


.cal-NextPrev
{
	padding-left:10px;
	padding-right:10px;
}
.cal-today a
{
	border:1px solid Red;
	}
	.cal-SelectDay a
	{
	 background-color:#A08D7C !important;
	}
	.cal-SelectDay 
	{
	 background-color:White !important;
	}
ul{
    margin: 0 auto;
}
ul.rollover li{
    text-align: left;
    float: left;
    list-style: none;
}
    ul.rollover a{
        display: block;
        text-decoration: none;
        background: url(cool_background.gif) 5px 5px no-repeat;
        padding: 3px 10px 3px 25px;
        margin: 5px;
    }
    ul.rollover a:hover{
        background-image: url(cool_background2.gif);
        text-decoration: none;
    }


/* Right Assignment Menu Style*/
.MenuMain
{
	width: 100%;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	background-color:rgb(220, 221, 221);
	border-bottom: 1px solid #ccc; 
	border-top: 1px solid #ccc;
}
.MenuImage
{
	font-family:Verdana, Geneva, sans-serif; 
	font-size:11px; 
	color:black; 	
	display: block;
	padding: 3px 15px;
	text-decoration: none;
	font-weight: bold;		
	border-right: 1px solid #ccc;
}
.MenuImage:hover
{
	color: #c00;
	background-color: #fff;
	cursor:pointer;
}
.MenuImageClick
{	
	font-family:Verdana, Geneva, sans-serif; 
	font-size:11px; 		
	display: block;
	padding: 3px 15px;
	text-decoration: none;
	font-weight: bold;		
	border-right: 1px solid #ccc;
	color: #c00;
	background-color: #fff; 
}
/* End Menu Style*/


/*Grid Pagination */
.pagination 
{
	font-size: 80%;
	letter-spacing:2px;      /*  changes 7px to 2 px , to decrease space btwn digits */
	vertical-align:middle;
}

 .pagination span     
{
	background: #26B;
	color: #fff;
	border: solid 1px #AAE;
}


/*Reports Css Begin*/
/*Form created For Defining Seperate class for report layout of eCRM. */
/*For Header 1 Of Report Means Report Heading */
.Heading1
{
    background-color:#5486A6;
    font-family:Calibri;
	color:White;      
	font-size:medium;			
	font-weight:bold;    
	
}
/*For Header2 For Report as Company Name And Report Id And Run date Time*/
.Heading2
{
    font-family:tahoma;
	color:#333300;/*#cc0099;*/      
	font-size:x-small ;			
	font-weight:bolder;      
	
}
.Header
{
	background-color:Red;
}
/* For Sub Heading Caption Under Report Heading */
.SubHeadingCaption 
{
    font-family:tahoma;
	color:#330000;      
	font-size:x-small ;			
	font-weight:bolder;      
	
}
/* For Sub Heading Data Under Report Heading */
.SubHeadingData
{
    font-family:tahoma;
	color:Black;      
	font-size:x-small  ;			
	font-weight:lighter;      
	
}
/* For Paramter Section */
.ParameterRow
{
    background-color:#ffffe1; 
}
/* For Paramters Caption */
.ParameterCaption
{
    font-family:tahoma;
	color:#330000;      
	font-size:x-small ;			
	font-weight:bolder;      	
}
/* For Paramters Data */
.ParameterData
{
    font-family:tahoma;
	color:Black;      
	font-size:x-small  ;			
	font-weight:lighter;      
	
}
/*This Class For Fixed Column In The Report*/
.FixedCol
{
    background-color:#778899;
    font-family:tahoma;
	color:#ffe4d6;
    font-size:xx-small;
    font-weight:bolder;            
    text-align:center; 
}
/*This Class For Fixed Row In The Report For e.g Table Header in The Details section*/
/*This Class For Fixed Row In The Report For e.g Table Header in The Details section*/
.FixedRow
{
    background-color:Gray; 
    font-family:tahoma;
	color:White;
    font-size:x-small;
    font-weight:bold ;            
    text-align:center; 
    white-space:nowrap;
    vertical-align:top;
    
}
.FixedRow1
{
    background-color:White; 
    font-family:tahoma;
	color:Blue;
    font-size:Small;
    font-weight:bold ;            
    text-align:center; 
    white-space:nowrap;
    vertical-align:top;
    
}
/*This Class For Address Row In The Report */
.ContactRow
{
    background-color:InfoBackground;
    font-family:tahoma;
	color:Black;
    font-size:xx-small;
    font-weight:bolder;            
     
}
/*To Display Sub total In The Report*/
.SubTotal
{
    font-family:tahoma;
    color:#ffffff;
    font-size:x-small;
    text-align:center;
    font-weight:bold; 
    background-color:GrayText;
}
/*To Display Total Of Report*/
.Total
{
   font-family:tahoma;
    color:#ffffff;
    font-size:x-small;    
    font-weight:bold;
    background-color:Gray;
    text-align:center;
}
/*To Display Total Of Report*/
.TotalRightAlign
{
   font-family:tahoma;
    color:#ffffff;
    font-size:x-small;    
    font-weight:bold;
    background-color:Silver;
    text-align:right;
}
/*To Display Group Heading For Dealer Caption*/
.GroupHeading1Caption
{
    font-family:tahoma;
	color:#330000;			/*   Blue; 	*/
	font-size:x-small;     
	font-weight:bold;
}
/*To Display Group Heading For Dealer Data*/
.GroupHeading1Data
{
    font-family:tahoma;
	color:#330000;			/*   Blue; 	*/
	font-size:x-small;     
	font-weight:bold;
	
}
/*To Display Group Heading For Team,TeamLeader And Executive Caption When Single Line Aligned*/
.GroupHeading2Caption
{
    font-family:tahoma;
	color:#003F88;			/*   Blue; 	*/
	font-size:x-small;     
	font-weight:bold;
	
}
/*To Display Group Heading For Team,TeamLeader And Executive Data When Single Line Aligned*/
.GroupHeading2Data
{
    font-family:tahoma;
	color:#003F88;			/*   Blue; 	*/
	font-size:x-small;     
	font-weight:bold;
	
}
/*To Display group Heading For Other Item Caption*/
.GroupHeading3Caption
{
    font-family:tahoma;
	color:#003F89;			/*   Blue; 	*/
	font-size:x-small;     
	font-weight:bold;
}
/*To Display group Heading For Other Item Data*/
.GroupHeading3Data
{
    font-family:tahoma;
	color:#003F89;			/*   Blue; 	*/
	font-size:x-small;     
	font-weight:bold;
}
/*To Display text in The Report*/
.DataFontStyle
{
    font-family:Trebuchet MS,Arial,San-Serif;
	color:Black;  	  
	font-size:x-small;		
}
/*To Display Data in The Report*/
.CaptionFontStyle 
{
	font-family:tahoma;
	color: Black; 		/*Maroon;        		*/
	font-size:x-small;
	font-weight:bold; 
	background-color:#dcdcdc;
}
/*For Header in Particular Row*/
.RowStyle
{
      background-color:#ECEEE7;

}
/*For Header in Alternate Row In The Report*/
.AltRowStyle
{
    background-color:#e6ffff;
}
/*For Special Row  */
.SpecialRow
{
    background-color:#e6ffff;
}
/*For Special Column  */
.SpecialCol
{
    background-color:#e6ffff;
}
/*To Display Color in The Dealer Row*/
.GroupHeading1Row
{	
    background-color:Silver;	   
	 font-family:tahoma;
	color:Black;			/*   Blue; 	*/
	font-size:x-small;     
	font-weight:bold;
}
/*To Display Color in The Team,TeamLeader,Executive Row*/
.GroupHeading2Row
{
	background-color:#ffdab9;
	 font-family:tahoma;
	color:#003F89;			/*   Blue; 	*/
	font-size:x-small;     
	font-weight:bold;
}
/* to Add Horizonat row in the report*/
.HorizontalLine
{
	width:99%;
	color:inherit;
	font-weight:lighter;
	line-height:normal;
}

/*For the border on the right and bottom*/
.BorderRightBottom
{
    border-right-style:solid;
    border-right-color:Black;
    border-right-width:thin;
    border-bottom-style:solid;
    border-bottom-color:Black;
    border-bottom-width:thin;
}

/*For the border on the right and bottom*/
.Quotation
{
    font-family:tahoma;
    font-size:x-small;       
}
/*To Display Color in The Team,TeamLeader,Executive Row*/
.ExecutiveRow
{
	background-color:#faebd7;
	font-family:tahoma;
	color:#003F89;			/*   Blue; 	*/
	font-size:x-small;     
	font-weight:bold;
}
.DataStyle
{
	font-family:Courier;
    font-size:xx-small;
    
}
.Row
{
	background-color:#fcf7f7;
	 color:Black;
}
.AltRow
{
	background-color:#E1DDDD;
	 color:Black;
}
.AltRowOutlet
{
	background-color:#F9F9F9;
	font-family:tahoma;
	color:#003F89;			/*   Blue; 	*/
	font-size:x-small;     
	font-weight:bold;
	 
}
/*End Report Css*/


#slidebox{
    width:400px;
    height:100px;
    padding:10px;
    background-color:#E1DDDD;
    border-top:3px solid #E28409;   
    position:fixed;
    bottom:0px;
    right:-430px;
	-moz-box-shadow:-2px 0px 5px #aaa;
	-webkit-box-shadow:-2px 0px 5px #aaa;
	box-shadow:-2px 0px 5px #aaa;
}
#slidebox p, a.more{
    font-size:11px;
    text-transform:uppercase;
    font-family: Arial,Helvetica,sans-serif;
    letter-spacing:1px;
    color:#555;
}
a.more{
    cursor:pointer;
    color:#E28409;
}
a.more:hover{
    text-decoration:underline;
}
#slidebox h2{
    color:#E28409;
    font-size:18px;
    margin:10px 20px 10px 0px;
}
a.close{
    background:transparent url(Images/close.gif) no-repeat top left;
    width:13px;
    height:13px;
    position:absolute;
    cursor:pointer;
    top:10px;
    right:10px;
}
a.close:hover{
    background-position:0px -13px;
}

.tooltip {
	background: #FFFFFF;
	border: 1px solid #ccc;
	padding: 0px;
	border-radius: 8px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);	
	position: relative;
}

/* arrows - :before and :after */
.tooltip:before {
	position: absolute;
	display: inline-block;
	border-top: 7px solid transparent;
	border-right: 7px solid #eee;
	border-bottom: 7px solid transparent;
	border-right-color: rgba(0, 0, 0, 0.2);
}

.tooltip:after {
	position: absolute;
	display: inline-block;
	border-top: 6px solid transparent;
	border-right: 6px solid #eee;
	border-bottom: 6px solid transparent;
}

.AccountGridHeader
{
	background:#E2E2E2;	
	height:25px;
	padding:0px 10px 0px 10px;	
    font-family:"Calibri";	
	font-size:12px;
	font-size:small; 
	text-align :center;				/*left;								/*center*/
	color:#1F2436;
	border:solid 1px #E0E3E5;
	
	
}

.AccountItemStyle	
{
	padding:0px 10px 0px 10px !important;	
	height: 23px;	
	font-family: Calibri;
	background-color:#F2F3F3;	
	color: Black; 		/*;Maroon        		*/
	font-size:small;
}


/*Mobile Screens Css -- START*/
.Mobblue-bg{background-image:url(images/ecrm-solutionbg.jpg); background-repeat:repeat-x; width:100%; height:30px;}

.Mobecrm-solution-logo
{
	background-image:url(images/ecrm-solution-logo.jpg); width:402px; height:40px; background-repeat:no-repeat;
}
.mobmenu
{
	/*float:right; text-align:right; 
	margin:0px; padding:10px 0px 0px 50px; border:0px red solid; width:240px;*/

	text-align:right; 
	font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#353535;		
	margin:0px; padding:10px 0px 0px 0px; border:0px red solid; 
}

.Mobpagination 
{
	font-size: 80%;
	letter-spacing:12px;
	vertical-align:middle;
}

 .Mobpagination span     
{
	background: #26B;
	color: #fff;
	border: solid 1px #AAE;
}
/*Mobile Screens Css -- END*/


/* Displays the font style for the Dashboard */
.DashSectionHeader
{
	background-color:#EAF2FF;		  /*#F0EFEF*/
	border:none;
	float:left;
	font-size:11px; 
	font-weight:bold;
	margin:0;
	height:19px;
	width:100%;
	text-align:left;
	font-family:Verdana,Sans-serif, Arial, Helvetica;
	vertical-align:middle;
	padding-top:2px;
	padding-left:0px;
	padding-bottom:4px;
	padding-right:0px;
}

.DashHeadingFontStyle 
{
	background-color:#FFC99A;		  
	font-family:Verdana,Sans-serif, Arial, Helvetica;
	font-weight:bold;
	color: Black; 
	font-size:11px;		/*small*/
	text-align:center;
	vertical-align:middle;
	padding-top:0px;
	padding-right:4px;
	padding-bottom:0px;
	border-color:Gray;
	height:20px;
}

.DashDataFontStyle 
{
	background-color:#DDEBF7;		  
	font-family:Verdana,Sans-serif, Arial, Helvetica;
	font-weight:bold;
	color: Black; 
	font-size:11px;		/*small*/
	text-align:center;
	vertical-align:middle;
	padding-top:0px;
	padding-right:4px;
	padding-bottom:0px;
	border-color:Gray;
	height:20px;
}


.DashHeadingFontStyle2 
{
	background-color:#CCFFCC;		  
	font-family:Verdana,Sans-serif, Arial, Helvetica;
	font-weight:bold;
	color: Black; 
	font-size:11px;		/*small*/
	text-align:center;
	vertical-align:middle;
	padding-top:0px;
	padding-right:4px;
	padding-bottom:0px;
	border-color:Gray;
	height:20px;
}

input[type='radio'] {
    -webkit-appearance:none;
    width:12px;
    height:12px;
    margin-left: 5px!important;
    margin-right: 5px!important;
    border:1px solid red;
    border-radius:50%;
    outline:none;
}
input[type='radio']:before {
    content:'';
    display:block;
    width:60%;
    height:60%;
    margin: 20% auto;    
    border-radius:50%;    
}
input[type='radio']:checked:before {
    background:rgb(217,0,25);
}




input[type="file"] {
       padding: 3px 7px 1px;
}


.HeaderHeading
{
    background-color:rgb(161, 161, 161);
    font-family:Verdana, Geneva, sans-serif;	      
	font-size:small;			
	font-weight:bold; 
}





/*

input[type="checkbox"]:checked + label::after {
   content: '';
   position: absolute;
   width: 1.2ex;
   height: 0.4ex;
   background: rgba(0, 0, 0, 0);
   top: 0.9ex;
   left: 0.4ex;
   border: 2px solid rgb(217,0,25);
   border-top: none;
   border-right: none;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

input[type="checkbox"] {
   line-height: 2.1ex;
}


input[type="checkbox"] {
    position: absolute;
    left: -999em;
}

input[type="checkbox"] + label {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

input[type="checkbox"] + label::before {
   content: "";
   display: inline-block;
   vertical-align: -25%;
   height: 10px;
   width: 10px;
   padding-right:1px;
   background-color: white;
   border: 1px solid red;
   border-radius: 2px;
   margin-right: 0.5em;
}
*/