body
{
   
   
 
background: rgba(242,246,248,1);
background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(242,246,248,1) 22%, rgba(216,225,231,1) 59%, rgba(181,198,208,1) 88%, rgba(224,239,249,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,246,248,1)), color-stop(22%, rgba(242,246,248,1)), color-stop(59%, rgba(216,225,231,1)), color-stop(88%, rgba(181,198,208,1)), color-stop(100%, rgba(224,239,249,1)));
background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(242,246,248,1) 22%, rgba(216,225,231,1) 59%, rgba(181,198,208,1) 88%, rgba(224,239,249,1) 100%);
background: -o-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(242,246,248,1) 22%, rgba(216,225,231,1) 59%, rgba(181,198,208,1) 88%, rgba(224,239,249,1) 100%);
background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(242,246,248,1) 22%, rgba(216,225,231,1) 59%, rgba(181,198,208,1) 88%, rgba(224,239,249,1) 100%);
background: linear-gradient(to bottom, rgba(242,246,248,1) 0%, rgba(242,246,248,1) 22%, rgba(216,225,231,1) 59%, rgba(181,198,208,1) 88%, rgba(224,239,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=0 );
 /******   background: #f1f1f1 url(../images/DesignIcon/greyfloral.png);

background: rgba(188,224,238,1);
background: -moz-linear-gradient(top, rgba(188,224,238,1) 0%, rgba(179,220,237,1) 44%, rgba(41,184,229,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(188,224,238,1)), color-stop(44%, rgba(179,220,237,1)), color-stop(100%, rgba(41,184,229,1)));
background: -webkit-linear-gradient(top, rgba(188,224,238,1) 0%, rgba(179,220,237,1) 44%, rgba(41,184,229,1) 100%);
background: -o-linear-gradient(top, rgba(188,224,238,1) 0%, rgba(179,220,237,1) 44%, rgba(41,184,229,1) 100%);
background: -ms-linear-gradient(top, rgba(188,224,238,1) 0%, rgba(179,220,237,1) 44%, rgba(41,184,229,1) 100%);
background: linear-gradient(to bottom, rgba(188,224,238,1) 0%, rgba(179,220,237,1) 44%, rgba(41,184,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bce0ee', endColorstr='#29b8e5', GradientType=0 );
background: rgba(179,220,237,1);
background: -moz-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(179,220,237,1) 79%, rgba(41,184,229,1) 97%, rgba(188,224,238,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179,220,237,1)), color-stop(79%, rgba(179,220,237,1)), color-stop(97%, rgba(41,184,229,1)), color-stop(100%, rgba(188,224,238,1)));
background: -webkit-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(179,220,237,1) 79%, rgba(41,184,229,1) 97%, rgba(188,224,238,1) 100%);
background: -o-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(179,220,237,1) 79%, rgba(41,184,229,1) 97%, rgba(188,224,238,1) 100%);
background: -ms-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(179,220,237,1) 79%, rgba(41,184,229,1) 97%, rgba(188,224,238,1) 100%);
background: linear-gradient(to bottom, rgba(179,220,237,1) 0%, rgba(179,220,237,1) 79%, rgba(41,184,229,1) 97%, rgba(188,224,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee', GradientType=0 );********/
text-align:center;
margin : 0 auto;
}

html[data-useragent*='MSIE 10.0'] 
td
{
    text-align:left;
}

html[data-useragent*='MSIE 10.0']  
td[align=right]
{
    text-align:right;
}

html[data-useragent*='MSIE 10.0']  
td[align=center]
{
    text-align:center;
}

.themebg
{
    background-color:#0077be;   
}
.themecolor
{
    color: #0077be; 
}
/*************page section and content***************************/
.showUnderline
{
     text-decoration: underline ;
}
.loginSection
{
    width:1150px;
    display:inline-block;
    background-color:#ffffff;
}

.pageSection
{
    width:1200px;
    display:inline-block;
    background-color:#ffffff;
}

.portalSection
{
    width:1250px;
    display:inline-block;
    background-color:#ffffff;
}
#page-wrap 
{   
	background-color: white;
	min-width: 780px;
	max-width: 1260px;
	margin: 10px auto;
	min-height:650px;
	height:auto !important;
	}
	
	#page-wrap #inside {
		margin: 10px 10px 0px 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

#home content-wrap
{ 
    width: 1050px;
    margin: auto;   
    float:left;
}

#content-wrap
{   
    width: 1130px;
    margin: auto;
    background-color: #ffffff;
    display:inline-block;
}
/************************************************/
tr.BlackSectionStrip
{
    font-weight: bold;
    font-size: 15px;
    font-family: Calibri,Tahoma, 'Trebuchet MS' ,Verdana,Arial, Helvetica;
    background-color: Black;
    height: 30px;
    color:White;
    text-align: left;
    padding: 5px;
}
tr.SectionStripI9
{
    font-weight: bold;
    font-size: 15px;
    font-family: Calibri,Tahoma, 'Trebuchet MS' ,Verdana,Arial, Helvetica,'Times New Roman';
    background-color: silver;
    height: 30px;
    color: #ffffff;
    text-align: left;
    padding: 5px;
}
tr.SectionStrip
{
    font-weight: bold;
    font-size: 15px;
    font-family: Calibri,Tahoma, 'Trebuchet MS' ,Verdana,Arial, Helvetica;
    background-color: #5C5C5C;
    height: 30px;
    color: #ffffff;
    text-align: left;
    padding: 5px;
}
tr.PortalSectionStrip
{    
    font-weight: bold;
    font-size: 15px;   
    font-family: Calibri,Tahoma, 'Trebuchet MS' ,Verdana,Arial, Helvetica;
    background-color: #f1f1f1;
    height: 31px;
    color: #000066;
    text-align: left;
    padding:5px;
}

tr.GraySectionStrip
{
    font-weight: bold;
    font-size: 15px;
    font-family: Calibri,Tahoma, 'Trebuchet MS' ,Verdana,Arial, Helvetica;
    background-color: #CC3300;
    height: 31px;
    color: #000066;
    text-align: left;
    padding: 5px;
}
.I9Table
{
    border: 1px solid #000000;
    padding: 0px;
    margin: 0px;
    font-weight: bold;
    font-size: 9pt;
    color: #000000;
    font-family: Tahoma, 'Trebuchet MS' ,Verdana,Arial, Helvetica;
    background-color: #ffffff;
}

.SectionRoundDiv
{
    border: 2px solid #0077be;
    padding: 0px;
    margin: 0px;
    font-weight: bold;
    font-size: 9pt;
    color: #000000;
    font-family: 'Open Sans', sans-serif ;
    background-color: #ffffff;
}

Table.Outline
{
	font-weight: normal;
	font-size: 10px;
	color: #000000;	
     border-width:1px;
     border-color:#0171C7;
     border-style:solid; 
     background-color:#ffffff;
     
}

Table.PortalOutline
{
    border: 1px solid #CCCCCC;
    font-weight: normal;
    font-size: 10px;
    color: #000000;
    background-color: #ffffff;
    padding-top:5px;
    padding-left:5px;
     padding-right:5px;
    padding-bottom:10px;
    width:98%;
}
/*****************Style for Module Home pages*******************/
TD.MenuHead
{
	height:30px;
	background-color:#0077be;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	padding-left:10px;
	padding-right:10px;
}

Table.MenuOutline
{
	font-weight: normal;
	font-size: 10px;
	color: #000000;	
     border-width:1px;
     border-color:#0077be;
     border-style:solid; 
     background-color:#ffffff;     
} 
td.MenuItem
{
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    background-color:#f1f1f1;
     font-size: 13px;
    color:Black; 
padding:10px; 
text-align: left; 
}
td.MenuItem:hover
{
    background-color:#e8e8e8;
     font-size: 13px;
    color:Black; 
padding:10px; 
text-align: left; 
}
td.MenuAltItem
{
     background-color:#ffffff;
      font-size: 13px;
     color:Black;
padding:10px;
text-align: left;
}
td.MenuAltItem:hover
{
    background-color:#e8e8e8;
     font-size: 13px;
    color:Black; 
padding:10px; 
text-align: left; 
}
/***********************************/

/*************Summary Section**********************/
Table.SummaryOutline
{
	font-weight: normal;
	font-size: 10px;
	color: #000000;	
     border-width:1px;
     border-color:#FF9900;
     border-style:solid; 
     background-color:#ffffff;     
}

TD.SummaryHeader
{
    height: 30px;
    background-color: #FF9900;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    font-family: Arial,Verdana;
    padding-left: 10px;
}
/***********************************/

/********************Home Menu Style**************************************/
.BlueMenuHead
{
    height:40px;
	background-color:#0077be;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	font-family: Arial,Verdana ;
	padding:5px;
	width:175px;
	text-align:center;			
}
.RedMenuHead
{
    height:40px;
	background-color:#D65C4F;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	font-family: Arial,Verdana ;
	padding:5px;
	width:175px;
	text-align:center;			
}
.GreenMenuHead
{
     height:40px;
	background-color:#65B688;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	font-family: Arial,Verdana ;
	padding:5px;
	width:175px;
	text-align:center;		
}
.OrangeMenuHead
{
     height:40px;
	background-color:#EE8366;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	font-family: Arial,Verdana ;
	padding:5px;
	width:175px;
	text-align:center;			
}
.BlackMenuHead
{
    height:40px;
    background-color: #32434D;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    font-family: Arial,Verdana;
    padding: 5px;
   width:175px;
    text-align: center;  
   
}
.HomeMenuIcon
{
    height: 125px;
    background-color: #CCCCCC;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    font-family: Arial,Verdana;
    padding-top: 20px;  
    text-align: center;
    margin-left: 15px;
    margin-right: 15px;
}

.HomeAlertIcon
{
    height: 160px;
    background-color: #f1f1f1;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    font-family: Arial,Verdana;
    padding-top: 20px;  
    text-align: center;
    margin-left: 15px;
    margin-right: 15px;
}


.GreenHeader
{
    height:30px;
	background-color:#65B688;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	font-family: Arial,Verdana ;
	padding:5px;
	width:100%;
	text-align:center;		
}
/*************Header & FOOTER****************************************/
.Header
{
    background-color:#ffffff;
    width: 100%;    
}
TD.nav
{
    
    font-size: 10pt;
    color: #ffffff;
    font-weight: bold;
    font-family: 'Trebuchet MS';
    height: 25px; /* background-image: url(../Images/bgBlue.png); */
    background-color: #0077be;
    width: 1050px;
   /*     #5DB2FF */
}
/*For top navigation menu*/
 TD.nav A:link
{
	font-size: 10pt;
	color: #ffffff;
	font-family: 'Trebuchet MS';
	font-weight: bold;
	text-decoration: none;
}
 TD.nav A:visited
{
	font-size: 10pt;
	font-weight: bold;
	color: #ffffff;
	font-family: 'Trebuchet MS';
	text-decoration:none;
}
TD.nav A:active
{
	font-size: 10pt;
	font-weight: bold;
	color: #ffffff;
	font-family: 'Trebuchet MS';
	text-decoration:none;
}
.footer 
{
   background-color: #0171C7;
	text-align: center;
	font-size:9pt;	
	width:100%;
	height:98px;
	position:relative;
	bottom:0;
	left:0;
}
.innerFooter
{
    background-color: #007ECA;
    text-align: center;
    font-size: 9pt;
    color: #FFFFFF;
    width: 100%;
    height: 98px;
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
}
.portalFooter
{
    background-color: #006600;
    text-align: center;
    font-size: 9pt;
    color: #FFFFFF;
    width: 100%;
    height: 98px;
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
}
/*Used for the texts of footer*/
TD.PageFooter
{
	font-weight: 300;
	font-size: 9pt;
	color: #FFFFFF;
	font-family: 'Open Sans', sans-serif;	
}

#topstrip
{
	background-color:#0077be;
	height:5px;
	width:100%;	
}

.portaltopstrip
{
    font-size: 10pt;
    font-family:'Open Sans', sans-serif;
    color:#ffffff;
    background-color:#0171C7;
	height:25px;	
}

.portaltopstripGreenee
{
    font-size: 10pt;
    font-family: 'Trebuchet MS';
    color:#ffffff;
    background-color:#76BA2D;
	height:25px;	
}
/************************Controls*********************************/
.fieldSpace
{
    padding-left:10px;
}

.text-control
{
    font-family: Verdana,Helvetica, Arial,  sans-serif;	
    padding: 3px 3px 3px 3px;
    font-size: 13px;
    border: thin solid #CCCCCC;
}


.Textbox
{
    border: thin solid #999999;
    font-family: 'Trebuchet MS';
    color: #000000;
    background-color: #ffffff;
    font-size: 14px;
    font-weight:normal;    
}

.Dropdownlist
{
    border: thin solid #999999;
    font-family: 'Trebuchet MS';
    color: #000000;
    background-color: #ffffff;
    font-size: 14px;
    font-weight:normal;
    height:25px;
}
.ModuleDropdown
{
    font-family: 'Trebuchet MS';
    color: #000000;
    background-color: #f1f1f1;
    font-size: 14px;
    font-weight: bold;
    border-color: #000000;
    border-width: thin;
    border-style: solid;
}

/*********************************************************/
.HomeInfo
{
    font-size:35PX;
    color:#000000;
    cursor:pointer;
}

TD.MainHeader
{
     background-color: #0077be;
     padding:10px;
     height:20px;
     font-weight: bold;
    font-size: 13pt;
    color: #ffffff;
    font-family: FontAwesome;
    background-color: #0077be;    
    text-align: left;
}

TD.SubHeader
{
	height:30px;
	background-color:#0077be;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	font-family: Arial,Verdana ;
	padding-left:10px;
}

TD.SubMenu
{
	height:30px;
	background-color:#0077be;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	font-family: Arial,Verdana ;
	padding-left:10px;
}

/*Used for description texts for all admin pages*/
TD.TextMatter
{
	font-weight: 500;
	font-size: 10pt;
	color: #000000;
	line-height: 16px;
	font-family:   'Trebuchet MS',Verdana,Arial, Helvetica;
	text-align: justify;
	padding-left:10px;
	padding-right: 10px;
}

  /*Used for description texts for all admin pages*/
.TextMatter
{
	font-weight: 500;
	font-size: 10pt;
	color: #000000;
	line-height: 16px;
	font-family:  'Trebuchet MS',Verdana,Arial, Helvetica;
	text-align: justify;
	padding-left:7px;
	padding-right: 7px;
}
.LargeTextMatterLeft
{	
	font-weight: 500;
	font-size: 10pt;
	color: #000000;
	line-height: 16px;
	font-family:  'Trebuchet MS',Verdana,Arial, Helvetica;
	text-align: justify;
	padding-left:0px;
	padding-right: 5px;
}
/****************Button**************************/
.portalsubmitbtn
{
    border: outset 0px Black;
    border-top-style: ridge;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: black;
    text-align: center;
    vertical-align: middle;   
    height: 30px;
    line-height: 20px;
    background-color: #006600;
    background-repeat: repeat-x;
    color: #ffffff;
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
        
.portalsubmitbtn:hover
{
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    color: white;
    vertical-align: middle;
    height: 30px;
    line-height: 20px;
    background-color: #FF9900; /*background-image:url(../images/Button/ButtonHover.png);*/
    background-repeat: repeat-x;
}

.instrbtn
{
    border: outset 0px Black;
    border-top-style: ridge;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: black;
    text-align: center;
    vertical-align: middle;
    height: 30px;
    line-height: 20px;
    background-color: #999966;
    background-repeat: repeat-x;
    color: #ffffff;
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
        
.instrbtn:hover
{
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    color: white;
    vertical-align: middle;
    height: 30px;
    line-height: 20px;
    background-color: #FF9900; /*background-image:url(../images/Button/ButtonHover.png);*/
    background-repeat: repeat-x;
}

.uploadbtn
{
    border: outset 0px Black;
    border-top-style: ridge;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: black;
    text-align: center;
    vertical-align: middle;
    bottom: 1px;
    height: 25px;
    line-height: 20px;
    background-color: #0077be;
    background-repeat: repeat-x;
    color: #ffffff;
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
        
.uploadbtn:hover
{
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    color: white;
    vertical-align: middle;
    height: 25px;
    line-height: 20px;
    background-color: #FF9900; /*background-image:url(../images/Button/ButtonHover.png);*/
    background-repeat: repeat-x;
}

.submitbtn
{
border:outset 0px Black;
border-top-style:ridge;
cursor: pointer;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size:13px;
font-weight:bold;
color:black;
text-align: center;
vertical-align:middle;
bottom:1px;
height: 30px;
line-height: 20px; 
background-color: #0077be;    
background-repeat:repeat-x;  
color: #ffffff;  
margin-right:10px; 
padding-left:20px;
padding-right:20px; 
}
        
.submitbtn:hover
{
        
cursor:pointer;
font-weight: bold;
text-align: center;
color:white;
vertical-align:middle;
height: 30px;
line-height: 20px;        
background-color:#3DBEED;
/*background-image:url(../images/Button/ButtonHover.png);*/
background-repeat:repeat-x;  
}
.addbtn
{
border:outset 0px Black;
border-top-style:ridge;
cursor: pointer;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size:13px;
font-weight:bold;
color:black;
text-align: center;
vertical-align:middle;
bottom:1px;
height: 30px;
line-height: 20px; 
background-color: #0077be;    
background-repeat:repeat-x;  
color: #ffffff;  
padding-left:20px;
padding-right:20px; 
}
        
.addbtn:hover
{
        
cursor:pointer;
font-weight: bold;
text-align: center;
color:white;
vertical-align:middle;
height: 30px;
line-height: 20px;        
background-color:#3DBEED;
/*background-image:url(../images/Button/ButtonHover.png);*/
background-repeat:repeat-x;  
}
.prevbtn
{
    border: outset 0px Black;
    border-top-style: ridge;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: black;
    text-align: center;
    vertical-align: middle;
    bottom: 1px;
    height: 30px;
    line-height: 20px;
    background-color: #999999;
    background-repeat: repeat-x;
    color: #ffffff;
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
        
.prevbtn:hover
{
        
cursor:pointer;
font-weight: bold;
text-align: center;
color:white;
vertical-align:middle;
height: 30px;
line-height: 20px;        
background-color:#3DBEED;
/*background-image:url(../images/Button/ButtonHover.png);*/
background-repeat:repeat-x;  
}

.nextbtn
{
    border: outset 0px Black;
    border-top-style: ridge;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: black;
    text-align: center;
    vertical-align: middle;
    bottom: 1px;
    height: 30px;
    line-height: 20px;
    background-color: #CC6600;
    background-repeat: repeat-x;
    color: #ffffff;
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
        
.nextbtn:hover
{
        
cursor:pointer;
font-weight: bold;
text-align: center;
color:white;
vertical-align:middle;
height: 30px;
line-height: 20px;        
background-color:#3DBEED;
/*background-image:url(../images/Button/ButtonHover.png);*/
background-repeat:repeat-x;  
}
.skipbtn
{
    border: outset 0px Black;
    border-top-style: ridge;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: black;
    text-align: center;
    vertical-align: middle;
    bottom: 1px;
    height: 30px;
    line-height: 20px;
    background-color: #996600;
    background-repeat: repeat-x;
    color: #ffffff;
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
        
.skipbtn:hover
{
        
cursor:pointer;
font-weight: bold;
text-align: center;
color:white;
vertical-align:middle;
height: 30px;
line-height: 20px;        
background-color:#3DBEED;
/*background-image:url(../images/Button/ButtonHover.png);*/
background-repeat:repeat-x;  
}

.printbtn
{
    border: outset 0px Black;
    border-top-style: ridge;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: black;
    text-align: center;
    vertical-align: middle;
    bottom: 1px;
    height: 30px;
    line-height: 20px;
    background-color: #996633;
    background-repeat: repeat-x;
    color: #ffffff;
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
        
.printbtn:hover
{
        
cursor:pointer;
font-weight: bold;
text-align: center;
color:white;
vertical-align:middle;
height: 30px;
line-height: 20px;        
background-color:#3DBEED;
/*background-image:url(../images/Button/ButtonHover.png);*/
background-repeat:repeat-x;  
}

.cancelHyperLink
{
    border: outset 0px Black;
    border-top-style: ridge;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding: 7px 20px 8px;
    vertical-align: middle;
    line-height: 20px;
    background-color: #000000;
    color: #ffffff;
    margin-right: 10px;
}

.cancelHyperLink:hover
{
    color: #ffffff;
    background-color: #666666;
}

.cancelbtn
{
    border: outset 0px Black;
    border-top-style: ridge;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding: 10 10 10 10;
    text-align: center;
    vertical-align: middle;
    bottom: 1px;
    height: 30px;
    line-height: 20px; /*background-image:url(../Images/Button/ButtonBg.png); */
    background-color: #000000;
    background-repeat: repeat-x;
    color: #ffffff;
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
        
        .cancelbtn:hover
{
    cursor: pointer;
    font-weight: bold;    
    text-align: center;
    color: white;
    vertical-align: middle;
    height: 30px;
    line-height: 20px;
    background-color: #666666; /*background-image: url(../images/Button/ButtonHover.png);*/
    background-repeat: repeat-x;
}

.cancelModalbtn
{
    background: url("../images/Button/close-popup-white.png") no-repeat;
    border: outset 0px Black;
    border-top-style: ridge;
    color:White;
    cursor: pointer;
    display: block;
    float: right;
    height: 30px;
    position: absolute;
    right: -12px;
    top: -16px;
    width: 30px;
    z-index: 1;
}
.resetbtn
{
    border: outset 0px Black;
    border-top-style: ridge;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding: 10 10 10 10;
    text-align: center;
    vertical-align: middle;
    bottom: 1px;
    height: 30px;
    line-height: 20px; /*background-image:url(../Images/Button/ButtonBg.png); */
    background-color: #333333;
    background-repeat: repeat-x;
    color: #ffffff;
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
        
        .resetbtn:hover
{
    cursor: pointer;
    font-weight: bold;  
    text-align: center;
    color: white;
    vertical-align: middle;
    height: 30px;
    line-height: 20px;
    background-color: #999999; /*background-image: url(../images/Button/ButtonHover.png);*/
    background-repeat: repeat-x;
}

/*****************************Sidebar Navigation**********************************************/
/*===== Page content =====*/

.sidebar-content { 
  position: relative;
}

.page-content {
  margin: 0 0 0 240px;
  position: relative;
  height:650px; 
}

.sidebar-narrow .page-content {
  margin-left: 54px;
}

.sidebar-hidden .page-content {
  /*margin: 0 25px!important;*/
}

.full-width .page-content {
  margin: 0 25px;
}


.hidden-ul {
  display: none;
}

/*===== Sidebar toggle button =====*/

.sidebar-toggle
{
    position: relative;
    top: 15px;
    line-height: 1;
    color: #fff;
    margin-left:10px;
    padding: 6px 7px 7px 7px;
    background-color: #0077be;
    height: 30px;
}
.sidebar-toggle:hover, .sidebar-toggle:focus {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
}

/*===== Sidebars =====*/

.sidebar {
  width: 240px;
  background-color: #5C5C5C;
  position: absolute; 
  height:650px;
  z-index: 10;
}
.sidebar-right .sidebar {
  left: auto;
  right: 0;
}
.sidebar-right .navigation > li > a > i {
  right: 16px;
}
.sidebar-right .page-content {
  margin: 0 265px 0 25px;
}
.sidebar-right .navigation > li > a {
  border-left: 0;
  border-right: 3px solid transparent;
}
.sidebar-right .navigation > li:hover > a {
  border-left: 0;
  border-right: 3px solid #65B688;
}




 /*--*/

.sidebar-narrow .sidebar {
  width: 54px;
}
.sidebar-narrow.sidebar-right .sidebar {
  left: auto;
  right: 0;
}
.sidebar-narrow.sidebar-right .page-content {
  margin: 0 79px 0 25px;
}
.sidebar-narrow.sidebar-right .navigation > li > a {
  padding-right: 0;
  padding-left: 3px;
}
.sidebar-narrow.sidebar-right .navigation > li > ul {
  left: auto;
  right: 100%;
  border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
}
.sidebar-narrow.sidebar-right .navigation > li:hover > ul {
  border-left: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.sidebar-narrow-right .page-content {
  margin: 0 79px 0 25px;
}

/*===== Main navigation ====*/

.navigation {
  list-style: none;
  margin: 0 0 35px 0;
  padding: 0;
  border-bottom: 1px solid #49565D;
}
.navigation li {
  position: relative;
}
.navigation > li {
  border-top: 1px solid #49565D;
  position: relative;
}

/***********side selected******************/
.navigation > li.active > a, .navigation > li.active:hover > a, .navigation > li.active:focus > a
{
    color: #fff;
    background-color: #0077be;
    border-color: #65B688;
}

.navigation > li.active > a > i {
  opacity: 1;
  filter: alpha(Opacity=100);
}
.navigation > li > a {
  color: rgba(255,255,255,0.8);
  padding: 13px 40px 14px 14px;
  display: block;
  border-left: 3px solid transparent;
}

/****************side hover****************/
.navigation > li:hover > a
{
    color: #fff;
    border-left: 3px solid #EE8366;
    background-color: #0077be;
}

.navigation > li:hover > a > i {
  opacity: 1;
  filter: alpha(Opacity=100);
}
.navigation > li > a > i {
  font-size: 16px;
  position: absolute;
  right: 14px;
  top: 13px;
  opacity: 0.8;
  filter: alpha(Opacity=80);
}
.navigation > li ul {
  margin: 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.15);
  font-size: 11px;
  list-style: none;
  z-index: 1010;
}


.sidebar-narrow .navigation > li > ul {
  background-color: #2D3A42;
}

.navigation > li ul > li {
  border-top: 1px solid rgba(255,255,255,0.05);
}
.navigation > li ul > li:first-child {
  border-top: 0;
}
.navigation > li ul > li.active.has-ul > a, .navigation > li ul > li.active.has-ul > a:hover {
  background-color: #4A5D64;
}

.navigation > li ul > li.active > a, .navigation > li ul > li.active > a:hover {
  background-color: rgba(0,0,0,0.2);
}



.navigation > li ul > li.has-ul > a:after {
  content: "";
  background: url(../images/interface/plus.png) no-repeat;
  opacity: 0.4;
  filter: alpha(Opacity=40);
  margin-top: 4px;
  float: right;
  width: 7px;
  height: 7px;
  margin-right: 2px;
}

.navigation > li ul > li.has-ul > a:hover:after,
.navigation > li ul > li.active.has-ul > a:after {
  opacity: 1;
  filter: alpha(Opacity=100);
}

.navigation > li ul > li.active.has-ul > a:after {
  content: "";
  width: 7px;
  height: 7px;
  background: url(../images/interface/minus.png) no-repeat;
}


.navigation > li ul > li.active > a:after {
  content: "";
  width: 5px;
  height: 9px;
  opacity: 0.9;
  filter: alpha(Opacity=90);
  margin: 4px 2px 6px 0;
  float: right;
  background: url(../Images/nav_arrow_right.png) no-repeat;
}

.navigation > li ul > li > a {
  display: block;
  padding: 13px 14px 14px 24px;
}

.navigation > li ul li a {
  color: rgba(255, 255, 255, 0.8);
}

.navigation > li ul li a:hover,
.navigation > li ul li a:focus,
.navigation > li ul li.active > a {
  color: #fff;
}


.navigation > li ul > li > a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.navigation > li ul > li > a .label {
  position: absolute;
  top: 9px;
  right: 12px;
}
.navigation > li ul > li.active > a .label {
  right: 30px;
}
.navigation > li ul li ul a {
  display: block;
}

.navigation > li ul > li > ul > li > a {
  padding-left: 30px;
}
.navigation > li ul > li > ul > li > ul > li > a {
  padding-left: 36px;
}

.navigation li.disabled a {
  opacity: 0.4;
  filter: alpha(Opacity=40);
  cursor: not-allowed;
}
.navigation li.disabled:hover a {
  background: none;
  border-color: transparent;
}
.navigation ul li.disabled:hover a {
  color: #ccc;
}
.navigation > li.disabled:hover > a:after, 
.navigation > li.disabled:hover > a > i {
  opacity: 0.5;
  filter: alpha(Opacity=50);
}


/* Left aligned icons */

.navigation-icons-left > li > a {
  padding-right: 14px;
  padding-left: 40px;
}
.navigation-icons-left > li > a > i {
  left: 14px;
  right: auto;
}

@media (max-width: 991px) {
  .navigation {
    margin: 0;
  }
}

/*===== Narrow sidebar navigation ====*/

.sidebar-narrow .navigation > li > a > span {
  display: none;
}
.sidebar-narrow .navigation > li > a {
  padding: 15px 3px 16px 0;
  width: 100%;
  text-align: center;
}
.sidebar-narrow .navigation > li > a > i {
  display: block;
  position: static;
}
.sidebar-narrow .navigation > li ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar-narrow .navigation > li > ul {
  width: 220px;
  border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-left: 1px solid rgba(255,255,255,0.1);
  margin-left: -1px;
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
}

.sidebar-narrow .navigation > li:hover > ul {
  display: block;
}

.sidebar-narrow .navigation > li.disabled:hover > ul {
  display: none;
}

.sidebar-narrow .navigation > li > ul > li > a {
  padding-left: 14px;
}

.sidebar-narrow .navigation > li > ul > li:first-child {
  border-top: 0;
}
.sidebar-narrow .navigation > li > ul > li:first-child > a {
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
}
.sidebar-narrow .navigation > li > ul > li:last-child > a {
  border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
}


@media (max-width: 991px) {
  .page-content {
    margin: 0 25px 0 25px;
  }

  .sidebar-toggle {
   display: none;
  }

  .sidebar {
    left: -240px;
    position: fixed;
  }

  .sidebar-narrow .sidebar {
    left: -54px;
  }

  .offcanvas-active .sidebar {
    position: absolute;
    left: 0;
  }

  .offcanvas-active.sidebar-narrow .page-content {
    margin-left: 79px;
  }

  .offcanvas-active .page-content {
    margin-left: 265px;
    margin-right: 0;
    overflow: hidden;
  }

  .offcanvas-active .page-content-inner {
    margin-right: -240px;
  }

  .sidebar-narrow.offcanvas-active .page-content-inner {
    margin-right: -54px;
  }

  .sidebar-narrow .page-content {
    margin-left: 25px;
  }

  .sidebar-right .page-content {
    margin: 0 25px 0 25px;
  }

  .sidebar-right.offcanvas-active .sidebar {
    right: 0;
  }

  .sidebar-right .sidebar {
    left: auto;
    right: -240px;
  }

  .sidebar-right.sidebar-narrow .sidebar {
    left: auto;
    right: -54px;
  }

  .sidebar-right.sidebar-narrow.offcanvas-active .sidebar {
    right: 0;
  }

  .sidebar-right.sidebar-narrow .page-content {
    margin-left: 25px;
    margin-right: 25px;
  }

  .sidebar-right.offcanvas-active .page-content {
    margin-right: 265px;
    margin-left: 0;
  }

  .sidebar-right.sidebar-narrow.offcanvas-active .page-content {
    margin-right: 79px;
  }

  .sidebar-right.offcanvas-active .page-content-inner {
        margin-left: -240px;
        margin-right: 0;
  }

  .sidebar-right.sidebar-narrow.offcanvas-active .page-content-inner {
        margin-left: -54px;
        margin-right: 0;
  }
}

@media (max-width: 768px) {
  .page-content {
    margin: 0 15px 0 15px;
  }

  .sidebar-narrow .page-content {
    margin-left: 15px;
  }

  .offcanvas-active .page-content {
    margin-left: 255px;
  }

  .sidebar-narrow .page-content {
    margin-left: 15px;
  }

  .offcanvas-active.sidebar-narrow .page-content {
    margin-left: 69px;
  }

  .sidebar-right .page-content {
    margin: 0 15px 0 15px;
  }

  .sidebar-right.sidebar-narrow .page-content {
    margin-left: 15px;
    margin-right: 15px;
  }

  .sidebar-right.offcanvas-active .page-content {
    margin-right: 255px;
  }

  .sidebar-right.sidebar-narrow.offcanvas-active .page-content {
    margin-right: 69px;
    margin-left: 0;
  }
}

/*===== Sidebar user dropdown ====*/

.user-menu > a {
  padding: 18px 16px;
  display: block;
  background: #2D3A42 url(../images/nav_arrow_right.png) no-repeat 220px;
}
.user-menu > a img {
  width: 48px;
  display: block;
  float: left;
}

.user-menu .dropdown-menu {
  left: 100%;
  margin-left: 10px;
  top: 0;
  border: 0;
}

.sidebar-right .user-menu .dropdown-menu {
  left: auto;
  right: 100%;
  margin-left: 0;
  margin-right: 10px;
}

.user-menu .dropdown-menu:before {
  position: absolute;
  top: 25px;
  left: -7px;
  display: inline-block;
  border-top: 7px solid rgba(0, 0, 0, 0);
  border-right: 7px solid #CCC;
  border-bottom: 7px solid rgba(0, 0, 0, 0);
  content: '';
}
.user-menu .dropdown-menu:after {
  position: absolute;
  top: 26px;
  left: -6px;
  display: inline-block;
  border-top: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid #FFF;
  border-bottom: 6px solid rgba(0, 0, 0, 0);
  content: '';
}

.sidebar-right .user-menu .dropdown-menu:before {
  left: auto;
  right: -7px;
  border-right: 0;
  border-left: 7px solid #CCC;
}
.sidebar-right .user-menu .dropdown-menu:after {
  left: auto;
  right: -6px;
  border-right: 0;
  border-left: 6px solid #FFF;
}


.user-menu .popup {
  min-width: 0;
  width: 220px;
  border: 1px solid #ccc;
}

.user-menu .thumbnail {
  padding: 15px 15px 20px 15px;
}
.user-menu .thumb-options, .user-menu .thumbnail img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.user-menu h6, .user-menu h5, .user-menu h4 {
  margin-bottom: 0;
  line-height: 1;
}
.user-menu .popup .list-group {
  margin: -1px;
}
.user-menu .popup .list-group-item {
  border-top-color: #eee;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
}

.user-info {
  margin-left: 12px;
  float: left;
  color: #FFF;
  font-weight: 400;
  margin-top: 8px;
}
.user-info span {
  font-size: 11px;
  color: #999;
  display: block;
  margin: 2px 0 0 0;
}

.sidebar-narrow .user-menu {
  padding: 0;
  display: block;
}
.sidebar-narrow .user-menu > a {
  padding: 12px 8px;
}
.sidebar-narrow .user-menu .user-info {
  display: none;
}
.sidebar-narrow .user-menu img {
  max-width: 100%;
  float: none;
}

@media (max-width: 991px) {
  .user-menu .dropdown-menu {
    left: 0;
  }

  .sidebar-narrow .user-menu .dropdown-menu {
    left: 54px;
  }

  .sidebar-right .user-menu .dropdown-menu {
    left: auto;
    right: 0;
  }

  .sidebar-right.sidebar-narrow .user-menu .dropdown-menu {
    right: 54px;
  }

  .user-menu .dropdown-menu:before,
  .user-menu .dropdown-menu:after {
    content: none;
  }
}

/*===== Navbar popup =====*/

.popup {
  min-width: 300px;
}
.popup-header {
  background: #32434D;
  text-align: center;
  color: #fff;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
}
.popup .popup-header {
  margin: -1px -1px 0 -1px;
}
.popup-header > span {
  display: inline-block;
  margin: 11px 12px 12px 12px;
}
.popup-header a {
  display: block;
  color: #fff;
  padding: 11px 12px 12px 12px;
  line-height: 1;
}
.popup-header a:hover {
  background-color: rgba(0,0,0,0.2);
  color: #fff;
}
.popup-header a i {
  opacity: 0.8;
  filter: alpha(Opacity=80);
}
.popup-header a:hover i {
  opacity: 1;
  filter: alpha(Opacity=100);
}

.dropdown-menu .popup-header:after {
  content: '';
  position: absolute;
  top: -7px;
  left: 13px;
  display: inline-block;
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid #32434D;
  border-left: 6px solid rgba(0, 0, 0, 0);
}
.dropdown-menu.dropdown-menu-right .popup-header:after {
  left: auto;
  right: 13px;
}

.popup .table {
  min-width: 400px;
}

@media (max-width: 767px) {
  .popup, .popup .table {
    min-width: 0;
  }
}





/*===== Navbar messages =====*/

.popup-messages {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 197px;
  overflow-y: auto;
}
.popup-messages > li {
  border-top: 1px solid #eee;
}
.popup-messages > li:first-child {
  border-top: 0;
}
.popup-messages > li > a {
  padding: 12px;
  display: block;
  position: relative;
}
.popup-messages > li > a:hover {
  background-color: #F5FFFB;
}
.popup-messages > li > a:hover > strong {
  color: #D65C4F;
}
.popup-messages > li > a > div {
  margin-left: 52px;
}
.popup-messages > li > a > strong {
  display: block;
  margin-top: 4px;
  font-weight: 600;
  color: #333;
  padding-right: 20px;
}
.popup-messages > li > a > strong > i {
  position: absolute;
  right: 12px;
  top: 15px;
  color: #ccc;
}
.popup-messages > li > a > span {
  color: #676767;
  font-size: 11px;
}
.popup-messages > li.unread > a {
  background: #fffff2;
}
.popup-messages > li.unread > a > strong {
  color: #237B91;
}

.user-face {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 12px;
}

.face {
  width: 60px;
  height: 60px;
}


/*===== Navbar activity =====*/

.activity {
  max-height: 182px;
  overflow-y: auto;
  font-size: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.activity > li {
  padding: 12px;
  border-top: 1px solid #f5f5f5;
}
.activity > li:first-child {
  border-top: 0;
}
.activity > li:hover {
  background-color: #F5FFFB;
}
.activity > li:hover a {
  color: #D65C4F;
}
.activity > li > i {
  float: left;
  margin-top: 1px;
}
.activity > li > div {
  margin-left: 28px;
}
.activity > li > div > a {
  font-weight: 600;
}
.activity > li > div > span {
  display: block;
  color: #999;
  font-size: 11px;
  line-height: 16px;
}
/***************************************************************************/


/******************different buttons******************************************/
/* ===== Buttons ===== */

.btn {
  padding: 7px 16px 8px 16px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: 0;
}
.btn:active,
.btn.active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}


/* Button with icon */

.btn > i { 
  float: left; 
  margin: 0 6px 0 -4px; 
}
.btn-sm > i, .btn-xs > i { 
  margin-left: 0; 
}
.btn.btn-right-icon > i { 
  float: right; 
  margin: 0 -4px 0 6px; 
}

.btn-icon { 
  padding: 5px 6px 6px 6px; 
}
.btn-lg.btn-icon { 
  padding: 7px 10px 8px 10px; 
}
.btn-sm.btn-icon { 
  padding: 4px 5px 5px 5px; 
}
.btn-xs.btn-icon { 
  padding: 3px 4px 4px 4px; 
}

.btn-icon i { 
  display: block; 
  padding: 2px; 
  margin: 0; 
}


/* Button with caret */

.btn.btn-icon .caret { 
  margin: 9px 4px; 
}
.btn-lg .caret {
  border-width: 3px 3px 0;
}
.btn .caret {
  margin-left: 4px;
  margin-right: -4px;
}
.btn .caret.caret-split {
  margin-left: 1px;
  margin-right: 1px;
}
.dropup .caret, 
.navbar-fixed-bottom .dropdown .caret {
  border-bottom-width: 3px;
}


/* Button spacing */

.btn-group .btn + .btn, 
.btn-group .btn + .btn-group, 
.btn-group .btn-group + .btn, 
.btn-group .btn-group + .btn-group {
  margin-left: 1px;
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}


/* Button sizing */

.btn-lg,
.btn-group-lg > .btn {
  padding: 9px 18px 10px 18px;
  font-size: 12px;
  line-height: 1.42857143;
  border-radius: 2px;
}

.btn-sm,
.btn-group-sm > .btn {
  padding: 6px 12px 7px 12px;
  font-size: 12px;
  line-height: 1.42857143;
  border-radius: 2px;
}

.btn-xs,
.btn-group-xs > .btn {
  padding: 5px 10px 6px 10px;
  font-size: 12px;
  line-height: 1.42857143;
  border-radius: 2px;
}


/* Button default */

.btn-default {
  background-color: #fcfcfc;
  height: 32px;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-color: #fafafa;
}


/* Button primary */

.btn-primary {
  background-color: #546672;
  border-color: #546672;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #657580;
  border-color: #657580;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: #4C5B66;
  border-color: #4C5B66;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #4C5B66;
  border-color: #4C5B66;
}


/* Button success */

.btn-success {
  background-color: #65B688;
  border-color: #65B688;
}
.btn-success:hover,
.btn-success:focus {
  background-color: #74bd94;
  border-color: #74bd94;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-color: #59A87B;
  border-color: #59A87B;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #59A87B;
  border-color: #59A87B;
}


/* Button warning */

.btn-warning {
  background-color: #E48561;
  border-color: #E48561;
}
.btn-warning:hover,
.btn-warning:focus {
  background-color: #e69171;
  border-color: #e69171;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-color: #DB805D;
  border-color: #DB805D;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #DB805D;
  border-color: #DB805D;
}


/* Button danger */

.btn-danger {
  background-color: #D65C4F;
  border-color: #D65C4F;
}
.btn-danger:hover,
.btn-danger:focus {
  background-color: #da6c61;
  border-color: #da6c61;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-color: #C75549;
  border-color: #C75549;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #C75549;
  border-color: #C75549;
}


/* Button info */

.btn-info {
  background-color: #50ABC2;
  border-color: #50ABC2;
}
.btn-info:hover,
.btn-info:focus {
  background-color: #61b3c8;
  border-color: #61b3c8;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-color: #4DA2B8;
  border-color: #4DA2B8;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #4DA2B8;
  border-color: #4DA2B8;
}


/* Button link */

.btn-link {
  color: #555;
}
.btn-link:hover,
.btn-link:focus {
  text-decoration: none;
}
.btn-link:active {
  box-shadow: none;
}




/*********************************************************/

/*Used for text in W4 page*/
TD.FormHeadText
{
	font-weight: bold;
	font-size: 17px;
	color: #000000;
	font-family:Calibri;
	
}
TD.FormText
{
	font-weight: normal;
	font-size: 15px;
	color: #000000;
	font-family:Calibri;
	
}
TD.FormTextSmall
{
	font-weight: normal;
	font-size: 13px;
	color: #000000;
	font-family:Calibri;
	
}
TD.W4Text
{
	font-weight: normal;
	font-size: 13px;
	color: #000000;
	font-family: Verdana,Arial, Helvetica;
	text-align: left;
     
}
TD.GrayBackground
{
	font-weight: normal;
	font-size: 11px;
	background-color:#E2DFDE;
	font-family: Verdana,Arial, Helvetica;
	text-align: center;
}
TD.WhiteBackground
{
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana,Arial, Helvetica;
	text-align: center;
}
/*Used for text in W4 page*/
/*Used for text in California wage notice*/

TD.FormHeaderText
{
	font-weight: bold;
	font-size: 16px;
	color: #000000;
	font-family:Verdana,Arial, Helvetica;
}

/*Used for text in California wage notice*/
TD.AlabamaText
{
	font-weight: normal;
	font-size: 13px;
	color: #000000;
	font-family: Verdana,Arial, Helvetica;
	text-align: right;
}

#inner-content-text{padding:5px 5px 5px 5px;}
#section_head{margin: 10px;font-size: 12pt;color: Red;font-weight: bold;}
#inner-logos-wrap{background:url(../images/inner-logos-bg.jpg) no-repeat top center #fff; text-align:center; padding:20px 0 25px; width:940px; margin:auto;}
#inner-logos-wrap img{margin:0 4px;}

/*********for equal columns*****************/
#content-left{width:500px;	float:left; color:#062050;text-align:left;padding-left:5px;}
#content-left h1{font-weight:normal; margin-top:0; font-size:28px; padding-left:35px;}
#content-left h1.about{background:url(../images/about-logo.png) no-repeat top left; }
#content-left p{line-height:18px; }

#content-right{width:540px; float:right; padding:0 0 0 10px;}
#content-right h2{margin:0 0 10px; font-size:20px; font-weight:bold; padding:0 0 0 40px; color:#062050;}
#content-right h2.quick-links{background:url(../images/link-small-logo.png) no-repeat top left;}
#content-right h2.testimonials{background:url(../images/testimonials-small-logo.png) no-repeat top left;}
#content-right a.link{color:#062050; text-decoration:underline; font-weight:bold;}
#content-right a.link:over{text-decoration:none;}
.clear {clear:both;	font-size:0; height:0; line-height:0;}
.space {clear:both;	font-size:0; height:5px; line-height:0;}
.seperator{clear:both;	font-size:0; height:10px; line-height:0;}
/***********for unequal columns IN OBS Home***************/
#left{width:570px;	float:left; color:#062050;text-align:left;padding-left:5px;}
#left h1{font-weight:normal; margin-top:0; font-size:28px; padding-left:35px;}
#left h1.about{background:url(../images/about-logo.png) no-repeat top left; }
#left p{line-height:18px; }

#right{width:400px; float:right; padding:0 0 0 10px;}
#right h2{margin:0 0 10px; font-size:20px; font-weight:bold; padding:0 0 0 40px; color:#062050;}
#right h2.quick-links{background:url(../images/link-small-logo.png) no-repeat top left;}
#right h2.testimonials{background:url(../images/testimonials-small-logo.png) no-repeat top left;}
#right a.link{color:#062050; text-decoration:underline; font-weight:bold;}
#right a.link:over{text-decoration:none;}

#quick-links{text-align:left;padding-left:5px;padding-top:0px;	padding-bottom:0px;margin:auto;}
#quick-links ul,#quick-links ul li{padding:0; margin:0; list-style:none; display:block;}
* html body #quick-links ul, * html body #quick-links ul li{display:inline-block;}

#quick-links a{ font-family: 'Trebuchet MS',Verdana;
	font-size:11pt;
	color:#000066;
	font-weight:bold;
	text-align:left;
	padding-left:15px;
	padding-bottom:5px;
	padding-top:5px;
	height:15px;
	text-decoration:none;}
#quick-links a.link:hover{ color:#7f7f7f;}
#quick-links .icon-arrow{background:url(../images/process.gif) no-repeat center left;padding:5px;}
#quick-links .icon-square{background:url(../images/whitesquare.gif) no-repeat center left;padding:5px;}
#quick-links .icontext{width:350px;padding:5px;text-align:left;}


/*for sortable divs style*/
.sortablelistitem    
	{
	    position: relative;    
	    display: block;    
	    float: left;        
	    list-style-type: none; 
	    width: 330px;  
	    height:250px;      
	    padding: 5px;  
	   /* margin: 5px;   
	    background: steelblue;  
        border: solid 1px khaki;  */
	    text-align: center;
	 }
	 
	.imagecontainer
	{
	    cursor:move;
	}
/*end*/ 

	#padcolumn 
  {
    padding-left:5px;
    background: #ffffff;
    float: left;
    width: 2%;
    height: 75%;
  }
  #leftcolumn 
  {    
    background: #2675a8;
    float: left;
    width: 40%;
    height: 75%;
  }
  #centercolumn 
  {
    padding-left:5px;
    background: #ffffff;
    float: left;
    width: 10%;
    height: 75%;
  }
  #rightcolumn 
  {
    background: #000;
    float: left;
    width: 40%;
    height: 75%;
  }

.normalItalic
{
    font-style:italic;
    font-weight:normal;
}
	
	
#bluestrip
{
	font-size: 10pt;
	color: #ffffff;
	font-weight: bold;
	font-family: 'Trebuchet MS';	
	background-color: #f1f1f1;
	background-image: url(../Images/TopMenuBarBg.png);
	width:100%;
}

#topline
{
   background-color:#0077be;
	height:5px;
	width:100%;	
}

#rowstrip
{	
    font-weight: bold;
	font-size: 12px;
	color: #000000;
	font-family: Tahoma,'Trebuchet MS',Verdana,Arial, Helvetica;
	background-color:#A9C9EF;
	height: 10px; 
	color: #000066;
	text-align:left;
}


#header 
{
	text-align: center;	
	font-size:8pt;
}
#footer1 
{    
	background-color: #D0E2FA;
	text-align: center;
	font-size:8pt;	
	width:100%;
	position:relative;
	bottom:0;
	left:0;
}


#container3 { width: 730px; margin-left: auto; margin-right: auto; 
              border: none; padding: 0 20px; margin-top: 20px; 
              margin-bottom: 40px; }
              
#footer { position: fixed; clear: both; width: 100%; 
          bottom: 0; border: none; padding: 13px 0 0 0; 
          text-align: center; color: #335500; 
          } 
          

	
#bottomstrip
{
	background-image: url(../Images/topBanner.png);	
	height:50px;
	width:100%;
	position:relative;
	bottom:0;
	left:0;	
}

.UserMessage
{
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	background-color: #99CCFF;
	border: thin ridge #000099;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	font-size: 11px;
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica;
	width: 75%;
	text-align: left;
}



#clear
{
	width:100%;
	height:10px;
}

#space
{
	width:100%;
	height:40px;
}

TR.ReportStrip
{
	font-size: 10pt;
	color: #ffffff;
	font-weight: bold;
	font-family: 'Trebuchet MS';	
	background-color: #0077be;	
	width:100%;
}

.ReportLink
{
    font-family: Arial, Tahoma, 'Trebuchet MS' , Verdana, Helvetica;
    font-size: 11pt;
    color: #3366CC;
    font-weight: bold;
    text-align: left;
    padding-left: 2px;
    padding-bottom: 5px;
    padding-top: 5px;
    height: 15px;
    text-decoration: none;
}
.VideoLink
{
    font-family: Verdana,Arial, Tahoma, 'Trebuchet MS' , Helvetica;
    font-size: 11pt;
    color: #3366CC;
    font-weight: normal;
    text-align: left;
    padding-left: 2px;
    padding-bottom: 5px;
    padding-top: 5px;
    height: 15px;
    text-decoration: none;
}



TD.OnboardNav
{
    font-size: 10pt;
	color: #ffffff;
	font-weight: bold;
	font-family: 'Trebuchet MS';
	height: 25px;	
	/* background-image: url(../Images/bgBlue.png); */
	background-color:#ffffff;
}

.divScroll {  
color: #000000; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
margin: 0px; 
overflow: auto; 
padding: 1px; 
scrollbar-face-color: #D7DCE1; 
scrollbar-highlight-color: #FBVF4F; 
scrollbar-3dlight-color: #FBVF4F; 
scrollbar-darkshadow-color: #FBVF4F; 
scrollbar-shadow-color: #FBVF4F; 
scrollbar-arrow-color: #000000; 
scrollbar-track-color: #A8D4D9; 
}

/*Numbering in list*/
.Integer
{ 
	list-style-type: decimal; }


/*Outline for table*/
Table.TableBody
{
	font-weight: normal;
	font-size: 10px;
	color: #000000;
	
     border-width:1px;
     border-color:#f1f1f1;
      border-style:solid; 
     
}

/*Medium Outline for table*/
Table.TableBodyMedium
{
	font-weight: normal;
	font-size: 10px;
	color: #000000;
	
     border-width:1px;
     border-color:#000000;
      border-style:solid; 
     
}

/*Large Outline for table*/
Table.TableBodyLarge
{
	font-weight: normal;
	font-size: 10px;
	color: #000000;
	
     border-width:2px;
     border-color:#000000;
      border-style:solid; 
     
}


/***********For required textboxes***************/
 .ReqTxtbox
{
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	font-weight: 500;
	font-size: 11px;
	border-left: #cccccc 1px solid;
	color: #000000;
	border-bottom: #cccccc 1px solid;
	font-family: Verdana,Arial;
	height: 15px;
	background-color: #FFDDDD;
	text-align: left;
	text-decoration: none;
}
 .RemoveTheme
{
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	font-weight: 500;
	font-size: 11px;
	border-left: #cccccc 1px solid;
	color: #000000;
	border-bottom: #cccccc 1px solid;
	font-family: Verdana,Arial;
	height: 15px;
	background-color: #FFFFFF;
	text-align: left;
	text-decoration: none;
}
 .ReqCombo
{
	 background-color: #FFDDDD; 	 
	 font-weight: 500;
	 font-family: Verdana,Arial;
	 font-size: 12px;
	 height: 20px;
	 border-right: #cccccc 1px solid;
	 border-top: #cccccc 1px solid;
	 border-left: #cccccc 1px solid;
	 border-bottom: #cccccc 1px solid;
}
.RemoveComboTheme
{
	 background-color: #FFFFFF; 
	 font-weight:bold; 
	 font-weight: 500;
	 font-family: Verdana,Arial;
	 font-size: 12px;
	 height: 20px;
	 border-right: #cccccc 1px solid;
	 border-top: #cccccc 1px solid;
	 border-left: #cccccc 1px solid;
	 border-bottom: #cccccc 1px solid;
}
/***********For disabled textboxes***************/
 .DisabledTxtbox
{
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	font-weight: 500;
	font-size: 11px;
	border-left: #cccccc 1px solid;
	color: #000000;
	border-bottom: #cccccc 1px solid;
	font-family: Verdana,Arial;
	height: 15px;
	background-color: #f1f1f1;
	text-align: left;
	text-decoration: none;
}

/**********Login Page Text***************/
 .LoginText
  {
  	font-family: Helvetica;
	color: #000000;
	font-size: 15px;
	font-weight: normal;	
  }
  /**********Login Page label***************/
   .LoginLabel
  {
  	font-family: 'Trebuchet MS',Verdana, Helvetica;
	color: #cc0000;
	font-size: 15px;
	font-weight: bold;	
  }
  .LoginLabelLarge
  {
  	font-family: 'Trebuchet MS',Verdana, Helvetica;
	color: Navy; /* #18305C;  #cc0000;*/
	font-size: 18px;
	font-weight: bold;	
  }
  /*Used for menus in Home Page*/
  .HomeMenu
{
	text-align: left;
	vertical-align: middle;
	border: thin dashed #f1f1f1;
	padding: 3px;	
	width: 275px;
	height:51px;
}

  .HomeMenuText
{
	font-weight: bold;
	font-size: 14px;
	color: #000066;  
	font-family: Century Gothic, Verdana, Arial;	
}
/*step in welcome page*/
 .StepLabel
  {
  	font-family: 'Trebuchet MS',Verdana, Helvetica;
	color: #cc0000;
	font-size: 10pt;
	font-weight: bold;	
  }
/*Used for status in I9 Home*/
.StatusText
{
	font-family:Verdana, Arial;
	font-size:9pt;
	color:#0000ff;
	font-weight:normal;
	text-align:left;
	padding-left:5px;
	padding-bottom:5px;
	padding-top:5px;
	height:15px;
	text-decoration:underline;	
}
 .WhiteHead
{
	font-family: 'Trebuchet MS',Verdana, Helvetica;
	color: #ffffff;
	font-size: 13pt;
	font-weight: bold;
}

  .RedHead
{
	font-family: FontAwesome;
	color: #cc0000;
	font-size: 13pt;
	font-weight: bold;
}
  .RedText
{
	font-family: 'Trebuchet MS',Verdana, Helvetica;
	color: #cc0000;
	font-size: 10pt;
	font-weight: bold;
}

  .BlueText
{
	font-family: 'Trebuchet MS',Verdana, Helvetica;
	color: #3982DB;
	font-size: 10pt;
	font-weight: bold;
}

TD.FormsText
{
	font-weight: 500;
	font-size: 10pt;
	color: #000000;
	line-height: 16px;
	/*font-family:   'Trebuchet MS',Verdana,Arial, Helvetica;*/
	font-family: Times New Roman,Verdana,Arial, Helvetica;	
	padding-left:2px;
	padding-right: 0px;
}

TD.TextMatterLeft
{
	font-weight: 500;
	font-size: 10pt;
	color: #000000;
	line-height: 16px;
	font-family:  'Trebuchet MS',Verdana,Arial, Helvetica;
	text-align: justify;
	padding-left:0px;
	padding-right: 0px;
	
}


  
.LargeTextMatter
{
	font-weight: 500;
	font-size: 10pt;
	color: #000000;
	line-height: 16px;
	font-family:  'Trebuchet MS',Verdana,Arial, Helvetica;
	text-align: justify;
	padding-left:7px;
	padding-right: 7px;
}

/*Used for description texts for all admin pages*/
.BoldTextMatter
{
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
	line-height: 16px;
	font-family:  'Trebuchet MS',Verdana,Arial, Helvetica;
	text-align: justify;
	padding-left:5px;
	padding-right: 5px;
}
/**********repeater style*********/
tr.RepHeader
{
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    font-family: Tahoma, 'Trebuchet MS' ,Verdana,Arial, Helvetica;
    background-color: #0077be;
    height: 10px;   
    text-align: left;
}
tr.RepItem
{
    background-color:#F7F6F3;
     font-size: 12px;
    color:Black;    
    height:25px;
}
tr.RepAltItem
{
     background-color:#ffffff;
      font-size: 12px;
     color:Black;
      height:25px;
}
/**********end********/
/***************gray head strip for round divs**************/
tr.LargeSectionStrip
{ 
    font-family: 'Trebuchet MS', Tahoma,Verdana,Arial, Helvetica;
    background-color: #A9C9EF;
    height: 10px;
    color: #000066;
    text-align: left;
    font-weight: bold;
	font-size: 15px;
	color: #000066;	
}


tr.GreenSectionStrip
{
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    font-family: Tahoma, 'Trebuchet MS' ,Verdana,Arial, Helvetica;
    background-color: #d2eced;
    height: 10px;
    color: #000066;
    text-align: left;
}



tr.DarkBlueStrip
{
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    font-family: Tahoma, 'Trebuchet MS' ,Verdana,Arial, Helvetica;
    background-color: #0077be;
    height: 10px;   
    text-align: left;
}

TR.GrayStrip
{
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	font-family: Tahoma,'Trebuchet MS',Verdana,Arial, Helvetica;
	background-color:#f1f1f1;
	height: 15px; 
	color: #000066;
	text-align:left;
}
TR.DarkStrip
{
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    font-family: Tahoma, 'Trebuchet MS' ,Verdana,Arial, Helvetica;
    background-color: #55a5ca;
    height: 15px;
    color: #ffffff;
    text-align: left;
}

TR.DarkGrayStrip
{
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    font-family: Tahoma, 'Trebuchet MS' ,Verdana,Arial, Helvetica;
    background-color: #CCCCCC;
    height: 15px;
    color: #000066;
    text-align: left;
}

tr.OrangeStrip
{
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    font-family: Tahoma, 'Trebuchet MS' ,Verdana,Arial, Helvetica;
    background-color: #FF9900;
    height: 10px;
    color: #000066;
    text-align: left;
}

TD.OrangeStrip
{
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    font-family: Tahoma, 'Trebuchet MS' ,Verdana,Arial, Helvetica;
    background-color: #FF9900;
    height: 10px;
    color: #000066;
    text-align: left;
}
TD.BlueStrip
{
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    font-family: Tahoma, 'Trebuchet MS' ,Verdana,Arial, Helvetica;
    background-color: #0066CC;
    height: 10px;
    color: #ffffff;    
}
TD.GreenStrip
{
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    font-family: Tahoma, 'Trebuchet MS' ,Verdana,Arial, Helvetica;
    background-color: #006600;
    height: 10px;
    color: #3399FF;
    text-align: left;
}
tr.BlueStrip
{
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    font-family: Tahoma, 'Trebuchet MS' ,Verdana,Arial, Helvetica;
    background-color: #0066CC;
    height: 10px;
    color: #000066;
    text-align: left;
}
tr.YellowSectionStrip
{
    font-weight: bold;
    font-size: 10px;
    color: #000000;
    font-family: Verdana,Tahoma, 'Trebuchet MS' ,Arial, Helvetica;
    background-color: #FFFF00;
    height: 10px;
    color: #000000;
    text-align: center;    
}
.SectionStripImage
{
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    font-family: Tahoma, 'Trebuchet MS' ,Verdana,Arial, Helvetica;
  /*  background: #CAE8EA url(../images/section_header.png) no-repeat;*/
 /*   background: #CAE8EA url(../images/SectionHd_Blue.png) no-repeat;*/
   background: #ffffff url(../images/blueStrip.png) no-repeat;    
   /*background: #ffffff url(../images/strip.png) no-repeat;  */
    height: 10px;
    color: #000066;
    text-align: left;
  
}

.SectionStripImageRpt
{
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    font-family: Tahoma, 'Trebuchet MS' ,Verdana,Arial, Helvetica;
  /*  background: #CAE8EA url(../images/section_header.png) no-repeat;*/
 /*   background: #CAE8EA url(../images/SectionHd_Blue.png) no-repeat;*/
   background: #ffffff url(../images/blueHead.png) repeat-x;    
   /*background: #ffffff url(../images/strip.png) no-repeat;  */
    height: 10px;
    color: #000066;
    text-align: left;
  
}

/*Texts in My page Events*/
td.DivHead
{
    background-position: #9999FF;
    background: #96c7df;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    height: 15px;
    padding: 5px;
}

td.DivLink
{
	font-family: 'Trebuchet MS';
	color: #000000;
	font-size: 13px;
	font-weight: bold;	
	text-align:center;
}
td.BlueSection
{
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    font-family: Tahoma, 'Trebuchet MS' ,Verdana,Arial, Helvetica;
    background-color: #A9C9EF;
    height: 10px;
    color: #000066;
}
/*Round Divs*/

/*******My Page style***********/
 .MyPageDivRound
{
	border: 1px solid #336699;
	padding: 5px;	
	margin: 0px;
	color: #ffffff;
	background-color: #FFFFFF;
	width: 95%;
	height:200px;
}

  .GrayRoundDiv
{
	border: 2px solid #EAEAEA;
	padding: 5px;		
	font-weight: bold;
	font-size: 9pt;
	color: #000000;
	font-family: Tahoma,'Trebuchet MS',Verdana,Arial, Helvetica;
	background-color: #ffffff;
}
   .divRound
{
	border: 1px solid #336699;
	padding: 5px;	
	width: 150px;	
	margin: 10px;
	color: #ffffff;
	background-color: #D0E2FA;
}

 .divFieldset
{
    border: 1px solid #333333;
    padding: 5px;    
    background-color: #ffffff;
}

.BlackRoundDiv
{
	border: 1px solid #000000;
	padding: 5px;
	margin: 5px;
	color: #000000;
	background-color: #ffffff;	
}

 .BlueRoundDiv
{
	border: 2px solid #D0E2FA;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 9pt;
	color: #000000;
	font-family: Tahoma,'Trebuchet MS',Verdana,Arial, Helvetica;
	background-color: #ffffff;	
}

 .GrayWithBlueRound
{
	border: 2px solid #f1f1f1;
	padding: 5px;	
	margin: 5px;
	color: #ffffff;
	background-color: #D0E2FA;
}
 .BlueWithGrayRound
{
	border: 2px solid #D0E2FA;
	padding: 0px;	
	margin: 0px;
	color: #ffffff;
	background-color:#f1f1f1;
}

.OrangeRoundDiv
{
    border: 2px solid #FFCC00;
    padding: 5px;
    margin: 5px;
    font-weight: bold;
    font-size: 9pt;
    color: #000000;
    font-family: Tahoma, 'Trebuchet MS' ,Verdana,Arial, Helvetica;
    background-color: #ffffff;
}



.SectionTable
{
   /** border: 2px solid #D0E2FA;**/
	padding-left: 0px;
	margin-left: 0px;
	font-weight: bold;
	font-size: 9pt;
	color: #000000;
	font-family: Tahoma,'Trebuchet MS',Verdana,Arial, Helvetica;
   /* background-color: #FAFBEE;*/
}

.SectionTableBlue
{
   /** border: 2px solid #D0E2FA;**/
	padding-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	font-size: 9pt;
	color: #000000;
	font-family: Tahoma,'Trebuchet MS',Verdana,Arial, Helvetica;
    background-color: #E6EFFA;
}
.SectionTableGray
{
    /** border: 2px solid #D0E2FA;**/
    padding-left: 5px;
    margin-left: 5px;
    font-weight: bold;
    font-size: 9pt;
    color: #000000;
    font-family: Tahoma, 'Trebuchet MS' ,Verdana,Arial, Helvetica;
    background-color: #f1f1f1;
}

.SectionTableLightGreen
{
    /** border: 2px solid #D0E2FA;**/
    padding-left: 5px;
    margin-left: 5px;
    font-weight: bold;
    font-size: 11pt;
    color: #ffffff;
    font-family: Verdana,Tahoma, 'Trebuchet MS' ,Arial, Helvetica;
    background-color: #E8F4EE;
}

/*Used for heading texts for all pages*/
TD.PH
{
	font-weight: bold;
	font-size: 16px;
	color: #000066;
	font-family: Helvetica,Verdana,Tahoma,'Trebuchet MS',Arial;
}
TD.PHOrange
{
	font-weight: bold;
	font-size: 16px;
	color:Orange;
	font-family: 'Trebuchet MS';
}

/*Used for heading texts for all pages*/
TD.GreenHead
{
    font-weight: bold;
    font-size: 16px;
    color: #006600;
    font-family: 'Trebuchet MS';
}

/**/
/*Used for small and bold text for all pages*/
TD.FormLabels
{
	font-weight: bold;
	font-size: 9pt;
	color: #000000;
	font-family: 'Open Sans', sans-serif;
}

.BoldText
{
	font-weight: bold;
	font-size: 9pt;
	color: #000000;
	font-family: Tahoma,'Trebuchet MS',Verdana,Arial, Helvetica;
}

TD.FormLabelsPadding
{
	font-weight: bold;
	font-size: 9pt;
	color: #000000;
	font-family: Tahoma,'Trebuchet MS',Verdana,Arial, Helvetica;
	padding-left:7px;
	padding-right: 7px;
}
TR.FormLabels
{
	font-weight: bold;
	font-size: 9pt;
	color: #000000;
	font-family: Tahoma,'Trebuchet MS',Verdana,Arial, Helvetica;
}
TR.FormLabelSmall
{
	font-weight: normal;
	font-size: 8pt;
	color: #000000;
	font-family: Tahoma,'Trebuchet MS',Verdana,Arial, Helvetica;
}
/*Used for display Values in label*/
TD.Label
{
    font-weight: normal;
    font-size: 12px;
    color: #000000;
    font-family: Verdana,Arial, Helvetica;
}
TD.BlueLabel
{
    font-weight: normal;
    font-size: 12px;
    color: #3366CC;
    font-family: Verdana,Arial, Helvetica;
}
/*Used for link in feature not available page*/
TD.links
{
	font-weight: 400;
	font-size: 11pt;
	color: #100D74;
	font-family: FontAwesome;
}
TD.forgotLink
{
    font-weight: bold;
    font-size: 9pt;
    color: #000066;
    font-family: Verdana, Arial, Helvetica;
}
/*Used for background of the modal pop up*/
.modalBackground {
    background-color:#414141;
    filter:alpha(opacity=70);
    opacity:0.7;
    z-index:1000 !important;

}

/*Used for the modal pop up*/
.Div
{
	background-color:#e8e5d3 ; 
	font-family: Verdana,Arial;
	font-size: 9pt;
	color: #000000;
	font-weight:bold; 
	width: 50%;
}

/*Text of Module*/
.Module
{
	font-family: 'Trebuchet MS';
	color: #358DB3;
	font-size: 14px;
	font-weight: bold;
}



/*Style for the Logged in User name*/
.DisplayName
{
	font-weight: bold;
	font-size: 12pt;
	color: #000066;
	font-family: 'Trebuchet MS';
}

/*Used for the footer text*/
TD.WhiteTextLarge
{
	font-weight: bold;
	font-size: 18px;
	color: #ffffff;
	font-family: Arial,Verdana,Century Gothic ;	
	padding-right:10px;	
}

.button
{
    border-style: none;
    border-width: thin;
    border-color: inherit;
    font-weight: bold;
    font-size: 13px;
    color: #ffffff;
    font-family: 'Trebuchet MS';
    background-color: #006699;
    margin: 5px;
    height: 25px;
}

TD.ButtonText
{
	font-weight: bold;
	font-size: 16px;
	color: #000066;
	font-family: 'Trebuchet MS';
}

td .btnImageIcon
{
    vertical-align: middle;
    margin-top: -10px;
}

/*For the validation summary message*/

.ValidationError1
{
	padding-bottom:5px;
	padding-top:5px;
	font-family: Tahoma;
	font-weight:bold;
	font-size: 10pt;
	color: #FF4848;
	font-family: Verdana, Arial, Helvetica;
	width: 60%;
	text-align: left;
}
/*Used for Display Messages*/
TD.Error
{
	font-weight: bold;
	font-size: 11px;
	color: #ff0000;
	font-family: Verdana, Arial, Helvetica;	
}

TD.Message
{
    font-weight: bold;
    font-size: 11px;
    color: #993300;
    font-family: Verdana, Arial, Helvetica;
}

.Error
{
	font-weight: bold;
	font-size: 11px;
	color: #ff0000;
	font-family: Verdana, Arial, Helvetica;	
}

/*Used for version*/
td.Version
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica;
	font-size: 7pt;
}

/*Used in HR home Text*/
  .HRHomeValue
{
	font-family: 'Trebuchet MS';
	color: #006600;
	font-size: 14px;
	font-weight: bold;
}


/*Grid style*/

.Grid
{
    border: 1px solid #688CAF;
    background: white;
    color: #333;
    border-collapse:separate !important;
    border-width: 1px;
    border-right-color: #688CAF !important;
    border-right-width:1px;
    border-right-style:solid;
}

.Grid tr:last-child
{
    border-top:1px;
    border-color: #688CAF;
}

.GridHeader
{
    background: 0 -2300px repeat-x #C3D8F1 url('../Images/radGrid.gif');
    font: 12px/16px "segoe ui",arial,sans-serif;
	color: #00156E;
	height: 29px;
}

.GridHeader th a
{
	color: #00156E;
	text-decoration: none;
}

.GridHeader th:first-child
{
    border-left-width:0px;
}

.GridHeader th
{
    border: solid #5D8CC9;
    border-width: 0 0 1px 1px;
    background: 0 -2300px repeat-x #C3D8F1 url('../Images/radGrid.gif');
}

.GridFooter
{
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #B4D1F5;	
}

.GridPager
{
	background: #ECF3FC 0 -7002px repeat-x url('../Images/radGrid.gif');
	color: #00156E;
	font: 12px/16px "segoe ui",arial,sans-serif;
	height: 32px;
	text-align: left;
	border-width:0;
}

.GridPager table
{
    margin-left:5px;
}

.GridPager td
{
    border-width: 0px;
    padding-left:0px !important;
}

.GridPager td span
{
    padding: 1px 3px 1px 3px;
    background-color:White;
    border:1px solid #688CAF;
}

.GridPager td a
{
    text-decoration: none;
    padding: 1px 3px 1px 3px;
    margin:1px;
    color: #00156E;
}

.GridPager td a:hover
{
    background-color:#ECF4FF;
    border:1px solid #688CAF;
    margin:0px;
}

.GridRow
{
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: White;
	padding: 6px 6px 6px 12px;
	font-weight: normal;
	font: 12px/16px "segoe ui",arial,sans-serif;
	/*text-align: justify;*/
}

.GridRow:hover
{
    background:#ECF4FF;
}
.GridRow:hover td
{
    border-width:0px 0px 1px 1px;
    border-left-color:#ECF4FF;
}

.GridRow td:first-child
{
	border-left-width: 0px;
}
.GridRow td
{
	border-width: 0 0 1px 1px;
	border-style:solid;
	border-color:#C1DAD7;
}

.GridRowStyleFirstColumn
{
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(../images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;
}
.GridAlternateRowStyleFirstColumn
{
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(../images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;
	color: #B4AA9D;
}

.GridERS
{
	font-weight: 500;
	font-size: 11px;
	color: #336699;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	background-color:#fffaf0;
}

.GridARS
{
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #f1f1f1;
	padding: 6px 6px 6px 12px;
	font-weight: normal;
	font: 12px/16px "segoe ui",arial,sans-serif;
	/*text-align: justify;*/
}

.GridARS td:first-child
{
	border-left-width: 0px;
}
.GridARS td
{
	border-width: 0 0 1px 1px;
	border-style:solid;
	border-color:#C1DAD7;
}
.GridARS:hover td
{
    border-left-color:cornsilk;
}

.GridRowSelected
{
    background:#0077be 0 -3900px repeat-x url('../images/bullet2.gif');
	font: 12px/16px "segoe ui",arial,sans-serif;
	color:#ffffff;
}

.GridRowSelected a
{
	color:#ffffff;
}

.GridRowSelected td
{
    border-width:0px 0px 1px 1px;
    border-bottom:1px solid #FF9B35;
    border-left-color: #FFCB60;
}

/*Grid style*/

/*for making cursor hand*/
.thumbnail
{
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
}

/*for making cursor default and remove underline*/
.NoLink
{
	text-decoration:none;	
	cursor:default;
}


/*Used for main sub heading with banner in Home Page of Modules for divs*/

.SubMenuHead
{
	height:15px;
	background-color:#0077be;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	font-family: Verdana, Arial;
	padding-left:10px;
	text-align:left;
	margin:auto;
}

.SubMenuContent
{	text-align:left;
	padding-left:5px;
	padding-top:10px;
	padding-bottom:10px;
	margin:auto;
}

/*Used for sub heading in Home Page of Modules*/
.MenuText
{
    font-family: 'Open Sans', sans-serif;
    font-size: 11pt;
    color: #000000;
    font-weight: bold;
    text-align: left;
    padding-left: 2px;
    padding-bottom: 5px;
    padding-top: 5px;
    height: 15px;
    text-decoration: none;
}

/****************style for tab***************/
.ajax__tab_outline-theme .ajax__tab_header 
{
    background:url(../Images/tab-line.png) repeat-x bottom;
    font-size:15px;
    display:block;
    text-align:left;
}
.ajax__tab_outline-theme .ajax__tab_header .ajax__tab_outer 
{
    border:solid 1px #D7DCE1;
    padding:1px 1px 0px 1px;
    border-bottom:solid 2px #A8D4D9;
    background-color:#edf2fb;
}
.ajax__tab_outline-theme .ajax__tab_header .ajax__tab_tab 
{
    padding:6px 10px 6px 10px;
    color:#000066;
    width:170px;
    display:block;
    text-align:center; 
    font-weight:600;   
}
.ajax__tab_outline-theme .ajax__tab_header .ajax__tab_tab img
{
    height:24px;
    width:24px;
}
.ajax__tab_outline-theme .ajax__tab_header .ajax__tab_tab div
{
    font-family:Verdana, Arial, Sans-Serif;
    font-weight:bold;
    white-space:nowrap;
    line-height:145%;
    font-size:92%;
}
.ajax__tab_outline-theme .ajax__tab_active .ajax__tab_outer 
{
    padding:0px 0px 0px 0px;
    border:solid 2px #A8D4D9;
    border-bottom-color:#ffffff;
    background-color:#ffffff;
}
.ajax__tab_outline-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:8px;
    background-color:#ffffff;
    border:solid 2px #A8D4D9;
    border-top-width:0;
}

.HolidayText
{
	color: #4c4949;
	font-size: 10pt;
	font-family: Verdana, Arial;
}

/*for displaying alert messages*/
.AlertText
{
	color: #CC3300;
	font-size: 10pt;
	font-family: Verdana, Arial;
}

/*for tooltip message*/
.popupLink
{
    font-style: italic;
    cursor: pointer;
    color: #0066FF;
}

.popuptitle
{	
	background: #99CCFF;
	color: #000000;
	font-weight: bold;
	height: 15px;
	padding: 5px;
}
  
.popupMessage
{
	font-weight: 500;
	font-size: 11px;
	color: #000000;
	line-height: 14px;
	font-family: Verdana, Arial, Helvetica;
	text-align: justify;	
	padding: 5px;	
	background-color: #EBF1F4;
}
/*Used for seperation after each text*/
.VSeperatorLeft
{
	border-left: #000000 1px solid;
}

/*Text for the popup windows*/
td.PopUpHead
{
	font-weight: bold;
	font-size: 14px;
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica;
	vertical-align: middle;
}

td.PopUpText
{
	font-family: 'Trebuchet MS';
	color: #000000;
	font-size: 13px;
	font-weight: bold;	
	text-align :right;
	vertical-align:middle;
}

/*Used in Everify*/
td.Eligibility
{	
	font-weight: bold;
	font-size: 20px;
	color: #000000;
	font-family: 'Trebuchet MS';
}

/*Used for displaying the case details*/
td.DisplayField
{
	font-weight: bold;
	font-size: 11px;
	color: #006600;
	font-family: Verdana,Arial, Helvetica;
	
}

.lblDocument
{
	font-weight: normal;
	font-size: 8pt;
	color: #686868;
	font-family: Verdana, Arial, Helvetica;
	vertical-align: middle;
	text-decoration:underline;
}

TD.contact
{
	font-weight: 400;
	font-size: 8pt;
	color: #100D74;
	font-family: Verdana, Arial, Helvetica;
}

.CaseNumber
{
	text-align:right;
	font-weight: bold;
	font-size: 14px;
	color: #cc0000;
	font-family: 'Trebuchet MS',Verdana;
	
}

.TncResult
{
	font-weight: bold;
	font-size: 16px;
	color: #ff0000;
	font-family: 'Trebuchet MS';
}

td.Result
{	
	font-weight: bold;
	font-size: 16px;
	color: #336633;
	font-family: 'Trebuchet MS';
}

.lblDocStatus
{
	font-weight: bold;
	font-size: 9pt;
	color: #0000ff;
	font-family: Verdana, Arial, Helvetica;
	vertical-align: middle;
}

/*Used for legends style*/
.Legends
{
	font-weight: bold;
	font-size: 12px;
	color: #000066;
	font-family: Verdana, Arial, Helvetica;
	vertical-align: middle;
}

/*top links in everify */
.topLinks
{
	font-weight: normal;
	font-size: 9pt;
	color: #0000ff;
	font-family: Verdana, Arial, Helvetica;
	vertical-align: middle;
	text-decoration:none;
	cursor:pointer;
} 

.topLinksLarge
{
	font-weight: bold;
	font-size: 10pt;
	color: #0000ff;
	font-family: Verdana, Arial, Helvetica;
	vertical-align: middle;
	text-decoration:none;
	cursor:pointer;
} 

TD.notelink
{
	font-weight: 400;
	font-size: 11px;
	color: #100D74;
	font-family: Verdana, Arial, Helvetica;
	text-decoration:underline;
	cursor:pointer;
}

/*Used for documents in I9Thanks*/
.DocumentList
{
	font-family:Verdana, Arial;
	font-size:9pt;
	color:#666699;
	font-weight:normal;
	text-align:left;
	padding-left:5px;
	padding-bottom:5px;
	padding-top:5px;
	height:15px;
	text-decoration:none;	
}

.CaseNo
{
	font-weight: bold;
	font-size: 14px;
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica;
	vertical-align: middle;
}

.SearchButton
{
     background: url('../Images/searchButton.png') 0 0 no-repeat !important; 
    /* background-image: url(../Images/TopMenuBarBg.png);*/
}

.msg_list {
margin: 2px;
padding: 4px;
width: auto ;
}
.msg_head {
font-weight: bold;
font-size: 15px;
font-family: Calibri,Tahoma,"Trebuchet MS",Verdana,Arial,Helvetica;
background-color: #5C5C5C;
height: 20px;
color: #FFF;
text-align: left;
padding: 5px;
margin-top:10px;
}

.toggle_text
{
    float:left;
}
.toggle_downicon
{
    cursor:pointer;
    background:url(../images/down.png) no-repeat center right;padding:5px;
   
}
.toggle_upicon
{
    cursor:pointer;
    background:url(../images/up.png) no-repeat center right;padding:5px;   
}

.downIcon
{
    width:20px;
    cursor:pointer;
    background:url(../images/down.png) no-repeat;padding:5px;
}
.upIcon
{
    width:20px;
    cursor:pointer;
    background:url(../images/up.png) no-repeat;padding:5px;
}

.invisible_text
{
	display:none;
}

.msg_lightbody
{
    background-color:#ddebf7;
padding: 5px 10px 15px;
}
.msg_body {
padding: 5px 10px 5px;
border: 2px solid #D0E2FA;
}
.msg_fixedbody {
padding: 5px 10px 15px;
border: 2px solid #D0E2FA;
}

.btnDecorated {font-weight: bold !important;}

/******Round Table Design*******/

TD.TopLeft
{
    background:url(../images/RoundedCorner/top_lef.png) no-repeat  center ;   
}
TD.TopCenter
{
    background:url(../images/RoundedCorner/top_mid.png) center;   
}
TD.TopRight
{
    background:url(../images/RoundedCorner/top_rig.png) no-repeat center ;   
}
TD.MidLeft
{
    background:url(../images/RoundedCorner/cen_lef.png) center ;   
}
TD.MidCenter
{
       
}
TD.MidRight
{
    background:url(../images/RoundedCorner/cen_rig.png) center ;   
}
TD.BottomLeft
{
    background:url(../images/RoundedCorner/bot_lef.png) no-repeat center ;   
}
TD.BottomCenter
{
    background:url(../images/RoundedCorner/bot_mid.png) center;   
}
TD.BottomRight
{
    background:url(../images/RoundedCorner/bot_rig.png) no-repeat center;   
}

/* For multi column combo box */

.rcbHeader ul,
.rcbFooter ul,
.rcbItem ul, .rcbHovered ul, .rcbDisabled ul
{
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.col1, .col2, .col3,.col4,.col5
{
    float: left;
    width: 190px;
    margin: 0;
    padding: 0 5px 0 0;
    line-height: 14px;
	font-size: 9pt;	
	font-family: Tahoma,'Trebuchet MS',Verdana,Arial, Helvetica;
    color: #4888a2;
}

/********************end************/
/**********remove calender validation icon**************/
.riError 
       { 
           background-image:none !important; 
       }
       
       
 /**************for tree view contents in resources******************************/
.TreeHead
{
    font-weight:bold;
    font-family:Trebuchet MS,Verdana;
    font-size: 11pt;
}

.TreeSubHead
{
     font-weight:bold;
    font-family: 'Trebuchet MS',Verdana;
    font-size: 10pt;
}
.TreeSubContent
{
    color:#000000;
     font-weight:bold;
    font-family: 'Trebuchet MS',Verdana;
    font-size: 10pt;
}

.TreeLink
{
     color:#000000;
     font-weight:bold;
    font-family: 'Trebuchet MS',Verdana;
    font-size: 10pt;
}

.TreeLinkContent
{
     color:#000000;
     font-weight:normal;
    font-family: 'Trebuchet MS',Verdana;
    font-size: 10pt;
}
/******************end*******************/

/****************Button**************************/
.sbttn
            {
          border:outset 0px Black;
        border-top-style:ridge;
        cursor: pointer;
        font-family: Arial, sans-serif;
        font-size:12px;
        font-weight:bold;
        color:black;
        padding : 0 10 0 10;
        text-align: center;
        vertical-align:middle;
        bottom:1px;
        height: 25px;
        line-height: 20px;  
        /*background-color:#81A594;*/
        /*background-color:#94ba6d;*/
        /*background-color:#3571A6;*/
        background-image:url(../Images/Button/ButtonBg.png);
	    background-repeat:repeat-x;
        /*background-color:#D7E7F5;
        border-style:outset;
        border-width:4px;
        border-color:#D7E7F5;*/
        }
        .sbttn:hover
        {
        
        cursor:pointer;
        font-weight: bold;
         padding : 0 10 0 10;
        text-align: center;
        color:white;
        vertical-align:middle;
        height: 25px;
        line-height: 20px;        
        background-color:#3DBEED;
        background-image:url(../images/Button/ButtonHover.png);
	    background-repeat:repeat-x;
        /*background-image:url(../App_Themes/button1.png);
	    background-repeat:repeat-x;
        border:inset 1px;
        /*background-color: #FFCC66;
        border-style: outset;
        border-width: 4px;
        border-color: #D7E7F5;*/
        
        }

/******************************************/

.CheckboxList input 
{ 
    vertical-align :middle;
    margin-left: -20px; 
}
.CheckboxList td 
{ 
    vertical-align :top;
    padding-left: 20px; 
}
.CheckBox label {  margin-left:7px; }  
.chk
{
    -webkit-appearance: none;
    background-image: url(../images/checkboxBg.png);
    display: inline-block;
    height: 16px;
    width: 16px;
    background-position-x: 18px;
    padding: 0;
    vertical-align: bottom;
}
.chk:checked
{
    background-position-x: 0;
}

.alignImage input[type="image"],img {
    vertical-align: bottom;
}

/***********for overriding rad button text alignment*******************************/
.rbDecorated 
{ 
 padding-left: 30px !important;/* this could be increased if you want to have more space betwwen the left button edge and the text  */
 text-align: left !important; 
} 

/***********for RadioButtonList alignment*******************************/
.rblist
{
    list-style-type: none;
}
.rblist li
{
    float: left;
    margin-right: 10px;
    height: 25px;
}
.rblist li img
{
    vertical-align:text-bottom;
}

.RadioButton label {  margin-left:7px; margin-right:7px}  

/*******************For rad panel bar*********************************/
.RadPanelBar .rpText
{
    font-size:10pt !important;
}

/*******************For calender legend*********************************/
#legends div
{
    float:left;
    height:10px;
    margin:0px 5px 0px 25px;
    width:10px;
}
#legends div.first
{
    margin:0px 5px;
}
#legends span
{
    float:left;
    margin-top:-2px;
}
.LightBlueBg
{
   background-color: #C3D8F1;
}
.LightGreenBg
{
     background-color: #C0EDC0;
}
.OrangeBg
{
     background-color: #FE9166;
}
.LightRedBg
{
    background-color: #EFC5C5;
}
.RoseBg
{
    background-color: #E8B0E8;
}
.VioletBg
{
    background-color:#c2c2ee;
}
 /*************************************************/
 .MarginColumn
 {
     margin-left:15px;
 } 
 
 /**************Header color for detail table ***********************************/
  .DetailTableHeader
        {
            background-image: none !important;
            background-color: Orange !important;
        }
/*************************************************/      


/****************message style*****************************/
.info, .success, .warning, .errorMsg
{
font-family: Verdana, Arial, Helvetica;	
text-align:left;
font-weight: bold;
font-size: 12px;
border: 1px solid;
padding:15px 5px 15px 45px;
background-repeat: no-repeat;   
background-position: 10px center;

}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../images/information.png');
display:block;
}
.success 
{
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../images/Green Tick.png');
display:block;
}
.errorMsg {
color: Red;			
background-color: #FFBABA;    
background-image: url('../Images/ErrorMsg.png');
display:block;
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../Images/warning.gif');
display:block;
}
.errorMsgAlert {
    color: Red;			    
    background-image: url('../Images/alert.png');
    display: block;
    background-repeat: no-repeat;
    padding-left: 18px;
    padding-bottom: 3px;
    font-size:12px !important;
}

.block
{
    display:block;
}

.ValidationError
{	
    font-family: Verdana, Arial, Helvetica;	
    text-align:left;
    font-weight: bold;
    font-size: 12px;
    border: 1px solid;
    padding:3px 3px 3px 45px;
    background-repeat: no-repeat;   
    background-position: 10px center;
	color: #ffffff;			
    background-color: #FFBABA;    
    background-image: url('../Images/ErrorMsg.png');
}

.ValidationError li
{
    padding:2px 0px;
}

/***********for the field text and value****************/
TD.FieldText
{
    text-align:right;
	font-weight: bold;
	font-size: 9pt;
	color: #000000;
	font-family: Tahoma,'Trebuchet MS',Verdana,Arial, Helvetica;
}
TD.FieldValue
{
    text-align:left;
    font-weight: normal;	
}

/*************************************************/
.testimonialContainer { 
     border: none; 
     background-color: #fff; 
} 
.testimonialText { 
     border: none; 
     background-color: #fff; 
     color: #666; 
     font: normal 12px Calibri, Arial, Verdana, Helvetica, Sans-serif; 
     text-align: justify; 
     padding-top: 5px; 
} 
/**************rad tile************************/
.radHeight
{
    height:60px;
}
.radTileText
{
     font-size: 11pt;
     font-weight:bold;
     font: Calibri, Arial, Verdana, Helvetica, Sans-serif;   
     text-align:center;
}

/*****************rotator********************/
.start { 
     width: 31px; 
     height: 34px; 
     background-image: url(images/slideshow.gif); 
     border: 0px; 
     background-color: transparent; 
     cursor: hand; 
} 
  
/* message definitions */
.eMailContainer { 
     width: 640px; 
     height: 400px; 
     border: none; 
     clear: both; 
} 
.eMailTop { 
     width: 640px; 
     height: 12px; 
     border: none; 
} 
.eMailBody { 
     width: 640px; 
     border: none; 
     background-image: url(Images/eMailBg.gif); 
     background-repeat: repeat-y; 
} 
.eMailBottom { 
     width: 640px; 
     height: 25px; 
     border: none; 
} 
.eMailSubject { 
     font: bold 16px Arial, Verdana, Helvetica; 
     color: #000; 
     text-align: left; 
     margin-left: 20px; 
     padding-top: 5px; 
} 
.eMailFrom { 
     font: normal 16px Arial, Verdana, Helvetica; 
     color: #000; 
     text-align: left; 
     margin-left: 20px; 
     margin-top: 5px; 
} 
.eMailTo { 
     font: bold 12px Arial, Verdana, Helvetica; 
     color: #9099ae; 
     text-align: left; 
     margin-left: 20px; 
     margin-top: 5px; 
} 
.eMail { 
     font: normal 12px Arial, Verdana, Helvetica; 
     color: #000; 
     margin-left: 20px; 
} 
hr.eMailseparator { 
     width: 96%; 
     text-align: left; 
     margin-left: 20px; 
} 
.message { 
     font: normal 14px Calibri; 
     color: #000; 
     margin-top: 10px; 
     margin-left: 20px; 
     margin-right: 25px; 
     padding-bottom: 10px; 
     text-align: justify; 
} 
/* API definitions */
.apiContainer { 
     width: 329px; 
     height: 140px; 
     border: solid 1px #757b91;     
     background-color: #bed3f1; 
     margin: 0; 
     padding: 0; 
     cursor: hand; 
} 
.apiIcons { 
     float: left; 
} 
.apiContent { 
     width: 248px; 
     height: 65px; 
     float: left; 
     line-height: 13px; 
     cursor: hand; 
} 
.apiFrom { 
     color: #000; 
     font: bold 11px Arial, Verdana, Helvetica; 
} 
.apiSubject { 
     color: #000; 
     font: normal 11px Arial, Verdana, Helvetica; 
} 
.apiMessage { 
     color: #3263c1; 
     font: normal 11px Arial, Verdana, Helvetica; 
}
.viewDetail
{    
     height: 20px; 
     background-color: #bed3f1;   
     text-align:right;
     width:100%;
}
 
.colors
{
    background-color:Aqua;
    background-color:Blue;
    background-color:Fuchsia;
    background-color:Gray;
    background-color:Green;
    background-color:Lime;
    background-color:Maroon;
    background-color:Navy;
    background-color:Olive;
    background-color:Orange;
    background-color:Purple;
    background-color:Red;
    background-color:Silver;
    background-color:Teal;
    background-color:Yellow;
    background-color:#3399FF;     
    background-color:#339966;     
}

.darkredthemebox
{
    background-color: #AC193D;
    height: 50px;
    width: 50px;
    font-size:0px;
}
.bluethemebox
{
    background-color:#0077be;
    height:50px;
    width:50px;
     font-size:0px;
}
.greenthemebox
{
    background-color: #008A17;
    height: 50px;
    width: 50px;
     font-size:0px;
}
.graythemebox
{
    background-color: #585858;
    height: 50px;
    width: 50px;
     font-size:0px;
}
.darkorangethemebox
{
    background-color: #D24726;
    height: 50px;
    width: 50px;
     font-size:0px;
}
.orangethemebox
{
    background-color: #FF8F32;
    height: 50px;
    width: 50px;
     font-size:0px;
}

.pinkthemebox
{
    background-color: #DC4FAD;
    height: 50px;
    width: 50px;
    font-size: 0px;
}
.purplethemebox
{
    background-color: #8C0095;
    height: 50px;
    width: 50px;
    font-size: 0px;
}
.lightgreenthemebox
{
    background-color: #82BA00;
    height: 50px;
    width: 50px;
    font-size: 0px;
}
.tealthemebox
{
    background-color: #008299;
    height: 50px;
    width: 50px;
    font-size: 0px;
}
.lighttealthemebox
{
    background-color: #03B3B2;
    height: 50px;
    width: 50px;
    font-size: 0px;
}

/***************************Rad Panel Style*******************************/
.RadPanelBar_Web20 {
  background: #fff; }

.RadPanelBar_Web20 .rpRootGroup {
  border-color: #7496ce; }

.RadPanelBar_Web20 a.rpLink,
.RadPanelBar_Web20 .rpTemplate,
.RadPanelBar_Web20 div.rpHeaderTemplate {
  font: normal 12px/24px 'Open Sans', sans-serif; }

/***********************panel head ****************/
.RadPanelBar_Web20 a.rpLink,
.RadPanelBar_Web20 div.rpHeaderTemplate {
  color: #fff;
  background-color: #0077be;
  border-color: #89aee5; }

.RadPanelBar_Web20 .rpOut {
  border-color: #89aee5; }

* html .RadPanelBar_Web20 .rpRootGroup .rpHeaderTemplate {
  height: 25px; }

/***********************panel head hover****************/
.RadPanelBar_Web20 a.rpFocused,
.RadPanelBar_Web20 div.rpFocused,
.RadPanelBar_Web20 a.rpLink:hover {
  color: #0f3789;
  background-color: #ffca5e; }

.RadPanelBar_Web20 a.rpExpanded,
.RadPanelBar_Web20 div.rpExpanded {
  border-color: #002d96; }

/***********************panel item hover****************/
.RadPanelBar_Web20 a.rpSelected,
.RadPanelBar_Web20 div.rpSelected,
.RadPanelBar_Web20 a.rpSelected:hover {
  color: #0f3789;
  background-color: #c3d8f1;
  border-color: #9eb6ce; }

/* <disabled items> */
.RadPanelBar_Web20 a.rpDisabled,
.RadPanelBar_Web20 div.rpDisabled,
.RadPanelBar_Web20 a.rpDisabled:hover {
  color: #ccc; }

.RadPanelBar_Web20 a.rpDisabled:hover {
  border-color: #002d96; }

.RadPanelBar_Web20 a.rpDisabled .rpOut,
.RadPanelBar_Web20 a.rpDisabled:hover .rpOut {
  border-color: #89aee5; }

/* </disabled items> */
/* <subitems> */
.RadPanelBar_Web20 .rpGroup {
  background-color: #fff; }

.RadPanelBar_Web20 .rpGroup a.rpLink,
.RadPanelBar_Web20 .rpGroup div.rpHeaderTemplate,
.RadPanelBar_Web20 .rpGroup .rpTemplate {
  color: #000;
  background-color: transparent;
  background-image: none;
  line-height: 20px;
  min-height: 20px; }

* html .RadPanelBar_Web20 .rpGroup a.rpLink,
* html .RadPanelBar_Web20 .rpGroup div.rpHeaderTemplate {
  height: 20px; }

.RadPanelBar_Web20 .rpGroup div.rpHeaderTemplate,
.RadPanelBar_Web20 .rpGroup a.rpLink {
  background-color: transparent;
  background-image: none;
  padding: 1px;
  margin: 0 1px; }

.RadPanelBar_Web20 .rpGroup .rpOut {
  border-bottom: 0;
  margin-right: 3px; }

/***********************panel item hover****************/
.RadPanelBar_Web20 .rpGroup .rpItem a.rpLink:hover {
  color: #0f3789;
  background-color: #e7f1ff;
  border: 1px solid #bcd2f1;
  padding: 0; }

/***************Selected panel item*******************/
.RadPanelBar_Web20 .rpGroup li.rpItem .rpSelected, .RadPanelBar_Web20 .rpGroup .rpItem a.rpSelected:hover
{
    color: #000000;
    background-color: #CCECFF;
    border: 1px solid #3333FF;
    padding: 0;
}

/* <subitems (disabled)> */
.RadPanelBar_Web20 .rpGroup li.rpItem .rpDisabled,
.RadPanelBar_Web20 .rpGroup .rpItem a.rpDisabled:hover,
.RadPanelBar_Web20 .rpGroup .rpItem a.rpDisabled:hover .rpOut {
  background-image: none; }

.RadPanelBar_Web20 .rpGroup li.rpItem .rpDisabled,
.RadPanelBar_Web20 .rpGroup .rpItem a.rpDisabled:hover {
  color: #999;
  text-decoration: none;
  background-color: #fff;
  border: 0;
  padding: 1px; }

.RadPanelBar_Web20 .rpGroup .rpItem a.rpDisabled:hover .rpOut {
  border-bottom: 0; }

/* </subitems (disabled)> */
/* <subitems> */
/* <background positioning> */
.RadPanelBar_Web20 a.rpFocused,
.RadPanelBar_Web20 div.rpFocused,
.RadPanelBar_Web20 a.rpLink:hover,
.RadPanelBar_Web20 a.rpExpanded:hover {
  background-position: 0 -200px; }

.RadPanelBar_Web20 a.rpLink,
.RadPanelBar_Web20 div.rpHeaderTemplate,
.RadPanelBar_Web20 a.rpExpanded,
.RadPanelBar_Web20 div.rpExpanded,
.RadPanelBar_Web20 .rpItem a.rpLinkExpandHovered {
  background-position: 0 0; }

.RadPanelBar_Web20 a.rpSelected,
.RadPanelBar_Web20 div.rpSelected,
.RadPanelBar_Web20 a.rpSelected:hover {
  background-position: 0 -400px; }

.RadPanelBar_Web20 .rpFirst a.rpLink,
.RadPanelBar_Web20 .rpFirst div.rpHeaderTemplate,
.RadPanelBar_Web20 li.rpFirst .rpExpanded {
  background-position: 0 -1px; }

.RadPanelBar_Web20 li.rpFirst .rpFocused,
.RadPanelBar_Web20 .rpFirst a.rpLink:hover {
  background-position: 0 -201px; }

.RadPanelBar_Web20 li.rpFirst .rpSelected,
.RadPanelBar_Web20 .rpFirst a.rpSelected:hover {
  background-position: 0 -401px; }

/* <root items (disabled)> */
.RadPanelBar_Web20 a.rpDisabled:hover {
  cursor: default; }

.RadPanelBar_Web20 a.rpDisabled,
.RadPanelBar_Web20 div.rpDisabled,
.RadPanelBar_Web20 a.rpDisabled:hover,
.RadPanelBar_Web20 a.rpDisabled:hover .rpOut {
  background-position: 0 0; }

/* </root items (disabled)> */
/*      <expand arrows> */
/* <expand arrows> */
.RadPanelBar_Web20 .rpExpandable span.rpExpandHandle,
.RadPanelBar_Web20 .rpExpanded span.rpExpandHandle {
  background-color: transparent;
  background-image: url('../Images/DesignIcon/Expandable.png');
  background-repeat: no-repeat; }

.RadPanelBar_Vista_rtl .rpGroup .rpText {
  padding: 0 10px; }

.RadPanelBar_Web20 .rpExpandable span.rpExpandHandle,
.RadPanelBar_Web20 a.rpExpandable:hover .rpNavigation .rpExpandHandle {
  background-position: 0 -5px; }

.RadPanelBar_Web20 a.rpExpandable:hover .rpExpandHandle,
.RadPanelBar_Web20 a.rpExpandable:hover .rpNavigation .rpExpandHandleHovered {
  background-position: 100% -5px; }

.RadPanelBar_Web20 .rpExpanded span.rpExpandHandle,
.RadPanelBar_Web20 a.rpExpanded:hover .rpNavigation .rpExpandHandle {
  background-position: 0 -181px; }

.RadPanelBar_Web20 a.rpExpanded:hover .rpExpandHandle,
.RadPanelBar_Web20 a.rpExpanded:hover .rpNavigation .rpExpandHandleHovered {
  background-position: 100% -181px; }

.RadPanelBar_Web20 div.rpExpandable .rpExpandHandleHovered {
  background-position: 0 -5px; }

.RadPanelBar_Web20 div.rpExpanded .rpExpandHandleHovered {
  background-position: 0 -181px; }

/*      </expand arrows> */
.RadPanelBar_Web20 .rpGroup a.rpLink,
.RadPanelBar_Web20 .rpGroup div.rpHeaderTemplate,
.RadPanelBar_Web20 .rpGroup a.rpLink .rpOut {
  background-position: 0 200px; }

.RadPanelBar_Web20 .rpGroup a.rpLink:hover,
.RadPanelBar_Web20 ul.rpGroup .rpFocused {
  background-position: 100% -22px; }

.RadPanelBar_Web20 .rpGroup a.rpLink:hover .rpOut,
.RadPanelBar_Web20 .rpGroup a.rpFocused .rpOut {
  background-position: 0 0; }

/*      <subitems (selected)> */
.RadPanelBar_Web20 ul.rpGroup .rpSelected,
.RadPanelBar_Web20 .rpGroup a.rpSelected:hover {
  background-position: 100% -222px;
  background-color: transparent; }

.RadPanelBar_Web20 .rpGroup a.rpSelected .rpOut,
.RadPanelBar_Web20 .rpGroup a.rpSelected:hover .rpOut {
  background-position: 0 -200px; }

/*      </subitems (selected)> */
/*      <subitems (expand arrows)> */
.RadPanelBar_Web20 ul.rpGroup .rpExpandable .rpExpandHandle,
.RadPanelBar_Web20 .rpGroup a.rpExpandable:hover .rpNavigation .rpExpandHandle {
  background-position: 0 -343px; }

.RadPanelBar_Web20 .rpGroup a.rpExpandable:hover .rpExpandHandle,
.RadPanelBar_Web20 .rpGroup a.rpExpandable:hover .rpNavigation .rpExpandHandleHovered {
  background-position: 100% -343px; }

.RadPanelBar_Web20 ul.rpGroup .rpExpanded .rpExpandHandle,
.RadPanelBar_Web20 .rpGroup a.rpExpanded:hover .rpNavigation .rpExpandHandle {
  background-position: 0 -482px; }

.RadPanelBar_Web20 .rpGroup a.rpExpanded:hover .rpExpandHandle,
.RadPanelBar_Web20 .rpGroup a.rpExpanded:hover .rpNavigation .rpExpandHandleHovered {
  background-position: 100% -482px; }

.RadPanelBar_Web20 .rpGroup div.rpExpandable .rpExpandHandleHovered {
  background-position: 0 -343px; }

.RadPanelBar_Web20 .rpGroup div.rpExpanded .rpExpandHandleHovered {
  background-position: 0 -482px; }

.RadPanelBar .rpGroup a.rpExpanded span.rpExpandHandle,
.RadPanelBar .rpGroup a.rpExpandable span.rpExpandHandle {
  margin: 4px 0 0 0; }

.RadPanelBar_rtl .rpGroup a.rpExpanded span.rpExpandHandle,
.RadPanelBar_rtl .rpGroup a.rpExpandable span.rpExpandHandle {
  margin: 4px 0 0 3px; }

/* Lightweight radpanelbar */
.RadPanelBar_Vista {
    border-color: #6788be;
    color: #333;
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal !important;
}

.RadPanelBar_Vista .rpRootLink,
.RadPanelBar_Vista .rpHeaderTemplate {
    border-color: #6788be;
    color: #fff;
    background-color: #0077be;
    background-image: linear-gradient(#0077be, #0077be 50%, #0077be 50%, #0077be);/*linear-gradient(#9db7db, #7b95c6 50%, #698ac0 50%, #92b3de);*/
    font: normal 12px/24px 'Open Sans', sans-serif;
}

.RadPanelBar_Vista .rpGroup .rpLink {
    border-radius: 2px
}

.RadPanelBar_Vista .rpExpandHandle {
    border-radius: 2px
}

.RadPanelBar_Vista .rpLink.rpHovered {
    border-color: #bcd2f1;
    color: #0f3789;
    background-color: #e7f1ff
}

.RadPanelBar_Vista .rpRootLink.rpHovered {
    border-color: #6788be;
    color: #0f3789;
    background-color: #c4d8f0;
    background-image: linear-gradient(#0077be, #0077be 50%, #0077be 50%, #0077be);/*linear-gradient(#dbe6f4, #abbedf 50%, #91acd9 50%, #c4d8f0)*/
}

.RadPanelBar_Vista .rpExpandHandle.rpHovered {
    border-color: #0f3789
}

.RadPanelBar_Vista .rpSelected .rpExpandHandle.rpHovered {
    border-color: #0f3789
}

.RadPanelBar_Vista .rpRootLink .rpExpandHandle.rpHovered {
    border-color: #0f3789
}

.RadPanelBar_Vista .rpRootLink.rpSelected .rpExpandHandle.rpHovered {
    border-color: #0f3789
}

.RadPanelBar_Vista .rpLink.rpFocused {
    border-color: #85c843;
    box-shadow: inset 0 0 5px #85c843
}

.RadPanelBar_Vista .rpRootLink.rpFocused {
    border-color: #6788be;
    box-shadow: inset 0 0 5px #6788be
}

.RadPanelBar_Vista .rpLink.rpSelected {
    border-color: #85c843;
    color: #0f3789;
    background-color: #c3d8f1
}

.RadPanelBar_Vista .rpRootLink.rpSelected {
    border-color: #6788be;
    color: #0f3789;
    background-color: #c3d8f1;
    background-image: linear-gradient(#0077be, #0077be 50%, #0077be 50%, #0077be);
}

.RadPanelBar_Vista .rpRootLink.rpExpanded {
    border-color: #6788be;
    color: #0f3789;
    background-color: #c3d8f1;
    background-image: linear-gradient(#0077be, #0077be 50%, #0077be 50%, #0077be);
}

.RadPanelBar_Vista .rpRootLink.rpExpandable{
color: #fcf6f6;
}
/* End of LighWeight*/

/*      </subitems (expand arrows)> */
/* </background positioning> */

/***********************tab control style*******************************/
.RadTabStrip_Office2007 {
  color: black!important;}
  .RadTabStrip_Office2007 .rtsLevel1 {
  background-color: #0077be !important; } 
    .RadTabStrip_Office2007 .rtsLI,
.RadTabStrip_Office2007 .rtsLink {
  color: #ffffff !important;}
   .RadTabStrip_Office2007 .rtslevel2
  {
      background-color: #0077be !important;
  color: #00156e !important;}
  .RadTabStrip_Office2007 .rtsLevel .rtsSelected
  {
  color: #00156e !important;}
  
  /* RadListbox button problem in IE11 */
  .RadListBox .rlbNoButtonText .rlbButtonText {
    padding-left: 18px;
    width: 0px;
    font-size: 0px;
    height:12px !important;
}

  
  /*******************popup window**********************
     .RadWindow_Web20 .rwFooterLeft,
  .RadWindow_Web20 .rwFooterRight,
  .RadWindow_Web20 .rwFooterCenter, .RadWindow_Web20 .rwPopupButton,.RadWindow_Web20 .rwStatusbar,.RadWindow_Web20 .rwStatusbar div,.RadWindow_Web20 .rwTopResize,.RadWindow_Web20 .rwTopRight, .RadWindow_Web20.rwMinimizedWindow .rwCorner,
   .RadWindow_Web20 .rwTopLeft,
  .RadWindow_Web20 .rwPopupButton span 
   {
        background-image:none !important; 
   }
  
  .RadWindow_Web20 .rwIcon
  {     
      background-color:#0077be;       
  }
  
  .RadWindow_Web20 .rwTitlebar 
  {     
      background-color:#0077be;  
      background-image:none !important; 
  }
  
  .RadWindow_Web20 .rwBodyLeft,
  .RadWindow_Web20 .rwBodyRight
  { 
     background-image:none !important;  
  }
  .RadWindow_Web20 .rwStatusbarRow .rwCorner 
  { background-color:#0077be;   
     background-image:none !important;  
  }
     
  .RadWindow .rwTitleRow em {
    font-family: "Segoe UI",Arial !important;
    font-weight:bold!important;
     font-size: 15px!important;
    color: black;
    padding: 4px 0 0 1px!important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;    
}
 
 ****/
 /********** for home dashboard background **************************/
 .sectionHead
 {
     font-size: 15px; font-weight: 700; color: #587EB2;
 }
 .grayLine
{
  border: 1px solid grey;
}
 
  /**************** for sections in benefits *****************/
.I9SectionHead {
     font-size: 16px; font-weight: 700; color: #000000;
    background-color:#CCCCCC;
}

.I9SectionSubHead {
    font-weight: 500;
	font-size: 11pt;
	color: #000000;
	line-height: 16px;
	font-family:  'Trebuchet MS',Verdana,Arial, Helvetica;
	text-align: justify;
	padding-left:7px;
	padding-right: 7px;
    background-color:#f1f1f1;
}
   .I9ShadeSection
  {
      
      box-shadow: 2px 2px 2px 2px #c0c0c0;
      margin-bottom: 5px;
  }

  .ShadeSection
  {
      
      box-shadow: 3px 3px 3px 3px #c0c0c0;
      margin-bottom: 10px;
  }
  
  .BenefitSectionWithCoverage
  {
      width:290px;
      height:330px;
  }
  
  .BenefitSection
  {
      width:250px;
      height:100px;
  }
  
   .GraySection
{
    background-color: #CCCCCC;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    font-family: Arial,Verdana;
    padding: 5px;
    text-align: center;
}

   .GraySectionBlueee
{
    background-color: #0077be;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    font-family: Arial,Verdana;
    padding: 5px;
    text-align: center;
}

    .BlueSection
{
    background-color: #0099CC;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    font-family: Arial,Verdana;
    padding: 5px;
    text-align: center;
}

  .GreenSection
{
    background-color: #009933;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    font-family: Arial,Verdana;
    padding: 5px;
    text-align: center;
}

  .OrangeSection
{    
	background-color:#FF9900;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	font-family: Arial,Verdana ;
	padding:5px;
	text-align:center;		
}

.SubHeadWithBorder {
    padding: 8px;
    background-color:lightblue;
    font-weight: bold;
	font-size: 9pt;
	color: #000000;
	font-family: Tahoma,'Trebuchet MS',Verdana,Arial, Helvetica;
}

.SubSubHeadWithBorder {
    padding: 8px;
    background-color: aliceblue;
    font-weight: bold;
	font-size: 9pt;
	color: #000000;
	font-family: Tahoma,'Trebuchet MS',Verdana,Arial, Helvetica;
}

.RadPanelBar_Vista .rpRootLink.rpHovered,
.RadPanelBar_Vista .rpLink.rpSelected,
.RadPanelBar_Vista .rpLink.rpHovered
{
	background-color: #c4d8f0 !important;
}