﻿body
{
	background-color: #ccc;
	margin: 0px 0px 15px 0px;
}
H2
{
	font-family: Arial;
	font-size: 10pt;
	color: #8c0628;
	text-align: center;
	font-weight: bold;
	border-bottom: solid 1px #8c0628;
	margin-top: 10px;
}


#container
{
	margin-top: 30px;
	border: solid 4px #333;
	background-color: White;
	font-family: Tahoma;
	font-size: 8pt;	
	color: Black;
}

#topBanner
{
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #818181;
	padding: 0px 0px 0px 0px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	width: 960px;
	border-bottom: solid 4px #616161;
}

#executiveLeft
{
	color: #fff;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	margin: 80px 20px 0px 0px;
	text-align: left;
}
 #executiveRight
{
	color: #fff;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	margin: 80px 0px 0px 20px;	
	text-align: right;
}

/***********/
#topNav
{
	background-color: White;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
	width: 960px;
}

#pmi, #is, #bs, #lmi
{	
	background-color: #8c0628;	
	vertical-align: top;
	padding: 10px;
	
}

#logo
{
	background-color: #ffffff;	
	background-image: url(../images/esclogo.gif);
	background-position: center top;
	background-repeat: no-repeat;
	margin: 0px;
	height: 78px;	
}

#pmi a:hover strong, #is a:hover strong, #bs a:hover strong, #lmi a:hover strong {
	color: #fff;
}

#pmi strong, #is strong, #bs strong, #lmi strong
{
	font-weight: bold;
	font-size: 9pt;
	color: #ddd;
	text-transform: uppercase;
	font-style: normal;
}

#pmi a, #is a, #bs a, #lmi a
{	
	font-family: Arial;
	font-size: 8pt;
	color: #ddd;
	text-decoration: none;
	margin-bottom: 5px;
	font-style: italic;
}

#pmi:hover, #is:hover, #bs:hover, #lmi:hover
{	
	/*border: solid 2px #000000;*/
}

/**************************************************/
#mainSection
{
	background-color: White;
	margin: 0px;
	width: 960px;
	border-top: solid 1px #ccc;		
}

/**************************************************/
/**************************************************/

#systemMessages
{
	width: 100%;
	padding: 0 0 0 0;
	margin-bottom: 30px;
	color: #000000; 
}

#systemMessages div a
{
	color: #8c0628;
}

#systemMessages div
{
	border: solid 2px #eeeebb;
	background-color: #ffffcc;
	padding: 5px 5px 5px 5px;
	color: #8c0628;
	margin-bottom: 20px;
}

#systemMessages div h3
{
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
	font-size: 9pt;
	margin: 0 0 20px 0;
	padding: 0;
}

#systemMessages ul li, #systemMessages ul
{
	margin-left: 5px;
	padding-left: 5px;
	list-style-type: square;
}

#systemMessages ul li
{
	margin-bottom: 5px;
}

#systemMessages hr
{
	width: 80px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #8c0628;
	
}

.closeMe
{
	padding: 2 2 2 2;
	border: solid #ccc 1px;
	margin-left: auto;
	width: 15px;
	height: 15px;
	text-align: center;
	vertical-align: middle;
	background-color: #ccc;
	color: #8c0628;
	cursor: pointer;
	visibility: hidden;
}

/*****************/
#missionStatement
{
	color: #000;
	font-family: Arial;
	font-size: 9pt;
	width: 500px;
	padding: 10px 10px 10px 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	border: solid 2px #8c0628;	
}

#missionStatement p
{
	margin-top: 20px;
	margin-bottom: 20px;
}

#missionStatement a
{
	color: Black;
}
/**************/
#leftCenterColumn , #rightCenterColumn, #bottomCenterColumn
{   
    color: #FFF;
	/*display: inline; */
	margin-top: 10px;
	height: auto;
	margin: 10px 0px 0px 0px;
}

#leftCenterColumn ul , #rightCenterColumn ul, #bottomCenterColumn ul {
    margin: 3px;
    padding: 0px;
}

#leftCenterColumn li, #rightCenterColumn li, #bottomCenterColumn li {
    list-style-type: none;
    padding-bottom: 10px;
}

#leftCenterColumn  ul li a, #rightCenterColumn  ul li a, #bottomCenterColumn ul li a {
    text-decoration: none;    
    color: #000;
    font-family: Arial;
    font-size: 9pt;
    cursor: pointer;   
}

#leftCenterColumn  li a:hover, #rightCenterColumn li a:hover, #bottomCenterColumn  li a:hover{
    text-decoration: underline;
}

#qlContainer
{
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
}

#qlHeaderLeft, #qlHeaderRight
{
	color: #000;
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	float: left;	
	border-bottom: solid black 1px;	
}

#leftCenterColumn, #qlHeaderLeft
{
	text-align: left;
	margin: 0px 0px 0px 5px;
}

#rightCenterColumn, #qlHeaderRight
{
	text-align: right;margin: 0px 5px 0px 0px;
}

#bottomCenterColumn
{
	text-align: left;
	margin: 0px 5px 0px 127px;
}
/***************/

#quickLinks
{
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 500px;
	text-align: center;
}
#quickLinksDDL
{
	font-family: Arial;
	font-size: 8pt;
}

/**************/

#bottomLinks {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

#bottomLinks ul {
    margin: 3px;
    padding: 0px;
    white-space: nowrap;
}
#bottomLinks li {
    list-style-type: none;
    display: inline;
}
#bottomLinks li a {
    text-decoration: none;
    padding: 0px 10px;
    font-family: Arial;
    font-size: 8pt;
    color: #333;
}
#bottomLinks li a:hover {
    text-decoration: underline;
    color: #000;
}

/**************/

#copyright
{
	color: #222;
    font-family: Arial;
    font-size: 8pt; 
    text-align:center;
    margin-top: 20px;
    margin-bottom: 20px;
}
/**************************************************/
/**************************************************/
#leftSection
{
	width: 159px;
}
#rightSection
{
	width: 159px;
}
#login
{
	width: 100%;
	padding: 0 0 0 0;
	text-align: center;	
	margin-bottom: 30px;
}

#login #loginBoxes
{
	text-align: left;
	margin: 5px 0px 5px 0px;
	width: 103px;
	margin-left:auto;
	margin-right:auto;
}

#loginBoxes img
{
	vertical-align:top;
}

.loginTB, .loginBtn
{
	font-family: Arial;
	font-size: 8pt;
	margin-bottom: 10px;
}

.loginTB
{
	width: 80px;
}

#login a
{
	color: Black;
}

#idInfo
{
	border: 0;
	margin-left: 3px;
}
#custIDtxtBox
{
	margin-left: 17px;
}

#additionalInfo
{
	margin-top: 10px;
}

#additionalInfo p
{
	margin: 5px 0px 5px 0px;	
}

#additionalInfo div#hoursContainer, #additionalInfo div#hoursContainer a
{	
	cursor: help;
}


#additionalInfo div#hoursContainer div#hours 
{
	font-family: Arial;
	font-size: 8pt;
	margin-top: 10px;
	border: solid 1px #ccc;
	background-color: #eee;
	padding: 3px;
}

#additionalInfo div#hoursContainer div#hours p 
{
	margin-top: 10px;
}

#verisignImage
{
	margin: 10px 0px 10px 0px;
}

/****************/
#leftLinks
{
	width: 100%;
	padding: 0 0 0 0;	
}

#leftLinks ul
{
	margin: 0px;
	padding: 0px;
}

#leftLinks ul li
{
	list-style-type: none;
	text-align: left;
	border-bottom: solid 1px #ccc;
    margin-top: 7px;
}

#leftLinks li a {
    text-decoration: none;    
    color: #333;
    font-family: Arial;
    font-size: 9pt;
    margin-left: 5px;
}

#leftLinks li strong a 
{
	margin-left: 20px;
    font-weight: normal;    
}

#leftLinks li a:hover {
    color: #000;
    text-decoration: underline;
}

.newWindow 
{
	
}

/**************/

#middleSection
{
	margin: 0px;
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

#test1 , #test3
{
	margin-bottom: 20px;
}

#test2
{
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	margin-bottom: 20px;
}

#test3
{
	margin: 0px;
	width: 170px;
}

/************/
.basicModal .basic 
{
	cursor: help;
}
/****/
.vGroupSummary, .forgotPINGroupSummary
{
	border: solid 2px #eeeebb;
	background-color: #ffffcc;
	padding: 5px 5px 5px 5px;
	color: #8c0628;
}
.forgotPINGroupSummary
{
	text-align: center;
}
.vGroupSummary
{
	text-align: left;
}
/** 960 **/
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
/***/
#errorPage 
{
	margin-top:30px;
	margin-left: auto;
	margin-right: auto;
	padding: 100px 20px 20px 20px;
	border: solid 4px #333;
	background-color: #fff;	
	width: 500px;	
	background-image: url(../images/esclogo.gif);
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
}

#errorPage p, #errorPage a
{
	font-family: Tahoma;
	font-size: 10pt;	
	color: Black;
	margin-bottom: 10px;
}