﻿/* RAW TAG STYLES - BASE STYLES */
html, body
{
	width:100%;
	margin:0;
	padding:0;
	background:#eaeaea;
	font-size:9pt;
	font-family: Verdana, sans-serif;
}

.error
{
	color:#FF0000;
}

/* TOP LEVEL PAGE STYLES */
#container-main
{
	margin:0 auto;
	padding:0 1px;
	overflow:hidden;
	width:982px;
}

/* HEADER STYLES - includes logos */
#container-header
{
	margin:18px 0 7px;
	padding:0 32px 0 22px;
	float:left;
	width:960px;
}

#container-header p
{
	margin:0 0 0 400px;
	padding:0;
	display:inline;
}

/* NAVIGATION STYLES - main horizontal navigation bar */
#container-nav
{
	width:982px;
	height:51px;
	margin:0;
	padding:0;
	float:left;
	/*background:url('images/main-nav-background.jpg') repeat-x;*/
}

/*
#container-nav .nav-left
{
	margin:0;
	padding:0;
	float:left;
	background:url('images/main-nav-left.jpg') no-repeat;
}

#container-nav ul
{
	margin:0 0 0 29px;
	padding:0;
	width:967px;
	background:url('images/main-nav-right.jpg') no-repeat 100% 0%;
	float:left;
	list-style:none;
	height:51px;
	border:1pt solid #ffcc00;
}

#container-nav li
{
	margin:7px 0 0;
	padding:14px 9px 0 9px !important;
	float:left;
	display:inline;
	height:32px;
	background:url('images/main-nav-line.jpg') no-repeat 100% 50%;
}

#container-nav .last { background:none; }

#container-nav .li-selected { background:url('images/main-nav-selected-right.jpg') no-repeat 100% 50%; }

#container-nav a
{
	margin:0 12px 0 0 !important;
	padding:0 0 10px 8px !important;
	font-weight:bold;
	font-size:8pt;
	color:#000;
	text-decoration:none;
	height:32px;
}

#container-nav a:hover { color:#183d6c; text-decoration:underline; }

#container-nav .a-selected { color:#fff; }

#container-nav .p-selected
{
	background:url('images/main-nav-selected-left.jpg') no-repeat;
	height:32px;
	width:5px;
	margin:-7px 0 0 -11px !important;
	padding:0;
	float:left;
}
*/

/* UPDATED MAIN NAV STYLES */

#mainButtons 
{
	width: 982px; 
	height: 51px;
    background: url('images/main-nav.jpg');
    margin: 0 auto; 
    padding: 0;
    position: relative;
    float:left;
}
#mainButtons li 
{
	margin: 0; 
	padding: 0; 
	list-style: none;
	position: absolute; 
	top: 0;	
}
#mainButtons li, #mainButtons a 
{
	height: 51px; 
	display: block;
}

#mainButtons #panel1b, #mainButtons #panel1b_s {left: 29px; width: 74px;}
#mainButtons #panel2b, #mainButtons #panel2b_s {left: 103px; width: 97px;}
#mainButtons #panel3b, #mainButtons #panel3b_s {left: 200px; width: 119px;}
#mainButtons #panel4b, #mainButtons #panel4b_s {left: 319px; width: 123px;}
#mainButtons #panel5b, #mainButtons #panel5b_s {left: 442px; width: 113px;}
#mainButtons #panel6b, #mainButtons #panel6b_s {left: 555px; width: 97px;}
#mainButtons #panel7b, #mainButtons #panel7b_s {left: 652px; width: 107px;}
#mainButtons #panel8b, #mainButtons #panel8b_s {left: 759px; width: 91px;}
#mainButtons #panel9b, #mainButtons #panel9b_s {left: 850px; width: 103px;}

#mainButtons #panel1b a:hover, #mainButtons #panel1b_s a:hover { background: transparent url(images/main-nav.jpg) -29px -51px no-repeat; }
#mainButtons #panel2b a:hover, #mainButtons #panel2b_s a:hover { background: transparent url(images/main-nav.jpg) -103px -51px no-repeat; }
#mainButtons #panel3b a:hover, #mainButtons #panel3b_s a:hover { background: transparent url(images/main-nav.jpg) -200px -51px no-repeat; }
#mainButtons #panel4b a:hover, #mainButtons #panel4b_s a:hover { background: transparent url(images/main-nav.jpg) -319px -51px no-repeat; }
#mainButtons #panel5b a:hover, #mainButtons #panel5b_s a:hover { background: transparent url(images/main-nav.jpg) -442px -51px no-repeat; }
#mainButtons #panel6b a:hover, #mainButtons #panel6b_s a:hover { background: transparent url(images/main-nav.jpg) -555px -51px no-repeat; }
#mainButtons #panel7b a:hover, #mainButtons #panel7b_s a:hover { background: transparent url(images/main-nav.jpg) -652px -51px no-repeat; }
#mainButtons #panel8b a:hover, #mainButtons #panel8b_s a:hover { background: transparent url(images/main-nav.jpg) -759px -51px no-repeat; }
#mainButtons #panel9b a:hover, #mainButtons #panel9b_s a:hover { background: transparent url(images/main-nav.jpg) -850px -51px no-repeat; }

#mainButtons #panel1b_s { background: transparent url(images/main-nav.jpg) -29px -102px no-repeat; }
#mainButtons #panel2b_s { background: transparent url(images/main-nav.jpg) -103px -102px no-repeat; }
#mainButtons #panel3b_s { background: transparent url(images/main-nav.jpg) -200px -102px no-repeat; }
#mainButtons #panel4b_s { background: transparent url(images/main-nav.jpg) -319px -102px no-repeat; }
#mainButtons #panel5b_s { background: transparent url(images/main-nav.jpg) -442px -102px no-repeat; }
#mainButtons #panel6b_s { background: transparent url(images/main-nav.jpg) -555px -102px no-repeat; }
#mainButtons #panel7b_s { background: transparent url(images/main-nav.jpg) -652px -102px no-repeat; }
#mainButtons #panel8b_s { background: transparent url(images/main-nav.jpg) -759px -102px no-repeat; }
#mainButtons #panel9b_s { background: transparent url(images/main-nav.jpg) -850px -102px no-repeat; }

/* SPLASH PAGE STYLES */
#container-splash
{
	margin:40px auto;
	padding:0 1px;
	overflow:hidden;
	width:743px;
	height:440px;
	background:url('images/splash-background.jpg') no-repeat;
}

#container-splash-acci
{
	margin:280px 20px 0 30px;
	padding:0;
	width:300px;
	float:left;
}

#container-splash-aigx
{
	margin:280px 30px 0 20px;
	padding:0;
	width:300px;
	float:right;
}

#container-splash-acci ul, #container-splash-aigx ul
{
	margin:0 0 0 20px;
	padding:0;
	list-style:none;
}

#container-splash-acci ul
{
	margin-bottom:46px;
}

#container-splash-acci li
{
	margin: 0 0 0 70px;
}

#container-splash-aigx li
{
	margin: 0 0 0 70px;
}

#container-splash-acci a, #container-splash-aigx a
{
	font-weight:bold;
	color:#666;
	text-decoration:none;
}

#container-splash-acci a:hover, #container-splash-aigx a:hover
{
	text-decoration:underline;
}

/* HOME PAGE STYLES - includes blurb and login */
#container-index
{
	margin:0;
	padding:0px;
	float:left;
	background:url('images/main-index-background.jpg') no-repeat;
	width:982px;
	height:390px;
}

#container-index-content
{
	margin:0;
	padding:20px;
	float:left;
	position:relative;
	top:210px;
	left:22px;
	width:456px;
	overflow:hidden;
	height:116px;
	color:#fff;
	line-height:20px;
}

#container-index-contenthompage
{
	margin:0;
	padding:20px;
	float:left;
	position:relative;
	top:198px;
	left:22px;
	width:456px;
	overflow:hidden;
	height:125px;
	color:#fff;
	line-height:16px;
}

#container-index-login
{
	margin:0;
	padding:10px 30px;
	float:right;
	position:relative;
	top:268px;
	right:34px;
	width:269px;
	overflow:hidden;
	height:67px;
}

#container-index-login h2
{
	font-size:8pt;
	font-weight:bold;
	margin:0 0 2px;
	padding:0;
}

#container-index-login ul
{
	margin:0;
	padding:0;
	list-style:none;
	font-size:8pt;
	width:280px;
	float:left;
}

#container-index-login li
{
	margin:0 3px 0;
	padding:0;
	display:inline;
	float:left;
	font-size:8pt;
	line-height:13px;
}

#container-index-login .textbox-login
{
	font-size:8pt;
	width:100px;
	height:13px;
	border:none;
	background:url('images/textbox-background.jpg') no-repeat;
}

#container-index-login .button-login
{
	margin:13px 0 0;
}

#container-index-login a
{
	color:#1a4579;
	font-size:8pt;
	text-decoration:none;
}


/* CONTENT AREA STYLES - includes all main body elements */
#container-content
{
	line-height: 18px;
	font-size:8pt;
	margin:0;
	padding:14px 20px 14px 20px;
	color:#666;
	float:left;
	background:url('images/container-content-background.jpg') repeat-y;
	width:960px;
}

#container-contentpopup
{
	line-height: 18px;
	font-size:8pt;
	margin:0;
	padding:14px 20px 14px 20px;
	color:#666;
	float:left;
	width:960px;
}

div.container-contentheader
{
	font-size:12pt;
	font-weight:bold;
	color:#666666;
}
input { font:9pt arial; border:1pt solid #666666 }


#container-content hr
{
	color:#1a4579;
	height:1px;
}

td.divider
{
	border-right: dashed 1px #666;
}


#container-content a
{
	font-size:8pt;
	color:#000000;
	text-decoration:none;
}

#container-content a:hover { text-decoration:underline; color:#1a4579;}

#container-content a.facility
{
	font-size:8pt;
	color:#1a4579;
	text-decoration:none;
}

#container-content a.facility:hover { text-decoration:underline; color:#1a4579;}

a.links
{
	font-size:8pt;
	color:#1a4579;
	text-decoration:none;
}

a.links:hover { text-decoration:underline; color:#1a4579;}


.facilityheader {font-size:10pt; color:#333333; }

.referencesheader
{
	font-size:9pt;
	font-weight:bold;
	color:#333333;
}

.referencessubheader
{
	font-size:8pt;
	font-weight:bold;
	color:#333333;
}

/* FOOTER STYLES - includes footer graphic and links */
#container-footer
{
	margin:0;
	padding:0;
	float:left;
	text-align:center;
	width:982px;
	font-size:8pt;
	color:#1a4579;
}

#container-footer ul
{
	margin:0 0 0 60px;
	padding:0;
	list-style:none;
	float:none;
}

#container-footer li
{
	display:inline;
	margin:0 4px;
	padding:0;
	float:left;
}

#container-footer a
{
	color:#1a4579;
	text-decoration:none;
}

#container-footer a:hover { text-decoration:underline; }

#container-footer p
{
	clear:left;
	margin:20px 0;
}


.leftnav
{
	width:100px;
	height:100%;
	vertical-align:top;
	margin:0px 5px 0px 10px;
	
	
}

td.metric
{
	vertical-align: top;
	text-align:center;
}

tr.survey
{
	color:Black;
	background-color: Silver;
}

/* Rate Builder STYLES  */

table.ratebuilder
{
	width:80%;
	margin:0;
	padding:0;
	border:solid 1px #000000;
}

tr.ratecatrow
{
	background-color:silver;
	font-weight:bold;
	color:#333333;
}

tr.ratesubcatrow
{
	background-color:silver;
	color:#333333;
}

tr.raterow
{
	vertical-align: top;
	text-align:left;
}

tr.raterowalt
{
	vertical-align: top;
	text-align:left;
	background-color:#D5D5D5;
	color:#333333;
}

td.ratesubcatdesc
{
	text-align:left;
	padding: 1px;
	border-top:solid 5px #ffffff ;
	border-bottom:solid 1px #000000 ;
}

td.ratecatdesc
{
	text-align:left;
	padding: 5px;
}

td.ratechk
{
	width:5%;
	text-align:right;
	padding: 2px;
}

td.ratedesc
{
	width:95%;
	text-align:left;
	padding: 2px;
}

/*GridViewCSS*/
.GridViewStyle{    
font-family: Arial, Sans-Serif;    
font-size:small;    
table-layout: auto;    
border-collapse: collapse;    
border: #000000 5px solid;
 width:90%;}

/*Header and Pager styles*/
.HeaderStyle, .PagerStyle /*Common Styles*/
{    background-image: url(Images/HeaderGlassBlack.jpg);    
background-position:center;    
background-repeat:repeat-x;    
background-color:silver;
}

.HeaderStyle th
{    padding: 5px;    
color: #000000;}

.HeaderStyle a
{    text-decoration:none;    
color:#ffffff;    
display:block;    
text-align:left;    
font-weight:normal;}

.PagerStyle table
{    text-align:center;    
margin:auto;}

.PagerStyle table td
{    border:0px;    
padding:5px;}

.PagerStyle td
{    border-top: #1d1d1d 3px solid;}

.PagerStyle a
{    color:#ffffff;    
text-decoration:none;    
padding:2px 10px 2px 10px;    
border-top:solid 1px #777777;    
border-right:solid 1px #333333;    
border-bottom:solid 1px #333333;    
border-left:solid 1px #777777;}

.PagerStyle span
{    font-weight:bold;    
color:#FFFFFF;    
text-decoration:none;    
padding:2px 10px 2px 10px;}

/*RowStyles*/
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td /*Common Styles*/
{    padding: 5px;    
border-right: solid 1px #333333;}

.RowStyle td
{    background-color: #f0f0f0;}

.AltRowStyle td
{    background-color: #D5D5D5;
	color:#333333;}

.SelectedRowStyle td
{    background-color: #ffff66;}


/* ADMIN NAV STYLES */

#navButtons 
{
	width: 148px; 
	height: 222px;
    background: url('images/customer-nav.jpg');
    margin: 10px auto; 
    padding: 0;
    position: relative;
}
#navButtons li 
{
	margin: 0; 
	padding: 0; 
	list-style: none;
	position: absolute; 
	left: 0;	
}
#navButtons li, #navButtons a 
{
	height: 37px; 
	display: block;
}

#navButtons #panel1b {top: 0; width: 148px;}
#navButtons #panel2b {top: 37px; width: 148px;}
#navButtons #panel3b {top: 74px; width: 148px;}
#navButtons #panel4b {top: 111px; width: 148px;}
#navButtons #panel5b {top: 148px; width: 148px;}
#navButtons #panel6b {top: 185px; width: 148px;}

#navButtons #panel1b a:hover { background: transparent url(images/customer-nav.jpg) -148px 0 no-repeat; }
#navButtons #panel2b a:hover { background: transparent url(images/customer-nav.jpg) -148px -37px no-repeat; }
#navButtons #panel3b a:hover { background: transparent url(images/customer-nav.jpg) -148px -74px no-repeat; }
#navButtons #panel4b a:hover { background: transparent url(images/customer-nav.jpg) -148px -111px no-repeat; }
#navButtons #panel5b a:hover { background: transparent url(images/customer-nav.jpg) -148px -148px no-repeat; }
#navButtons #panel6b a:hover { background: transparent url(images/customer-nav.jpg) -148px -185px no-repeat; }

#careerButtons 
{
	width: 148px; 
	height: 222px;
    background: url('images/career-nav.jpg');
    margin: 10px auto; 
    padding: 0;
    position: relative;
}
#careerButtons li 
{
	margin: 0; 
	padding: 0; 
	list-style: none;
	position: absolute; 
	left: 0;	
}
#careerButtons li, #careerButtons a 
{
	height: 37px; 
	display: block;
}

#careerButtons #panel1b {top: 0; width: 148px;}
#careerButtons #panel2b {top: 37px; width: 148px;}
#careerButtons #panel3b {top: 74px; width: 148px;}
#careerButtons #panel4b {top: 111px; width: 148px;}
#careerButtons #panel5b {top: 148px; width: 148px;}
#careerButtons #panel6b {top: 185px; width: 148px;}

#careerButtons #panel1b a:hover { background: transparent url(images/career-nav.jpg) -148px 0 no-repeat; }
#careerButtons #panel2b a:hover { background: transparent url(images/career-nav.jpg) -148px -37px no-repeat; }
#careerButtons #panel3b a:hover { background: transparent url(images/career-nav.jpg) -148px -74px no-repeat; }
#careerButtons #panel4b a:hover { background: transparent url(images/career-nav.jpg) -148px -111px no-repeat; }
#careerButtons #panel5b a:hover { background: transparent url(images/career-nav.jpg) -148px -148px no-repeat; }
#careerButtons #panel6b a:hover { background: transparent url(images/career-nav.jpg) -148px -185px no-repeat; }