/*
Change Log
	
Date		Programmer				Project		Issue		Subtask	Description
----		----------				-------		-----		-------	-----------
02/07/2007	Adrian J. Moreno		8			5643		5924	updated global CSS 
02/28/2007	Kelly Johnson			8			5643		5924	updated top-navigation a, smaller font
03/07/2007	Kelly Johnson			8			5643		6147	change width on hasSubMenu list
03/23/2007  Brook Buchanan          								updated css for redesign
03/28/2007	Adrian J. Moreno	8.5643.6277		implemented new design
03/29/2007	Adrian J. Moreno	8.5643.6277		added z-index to "#navlist ul.hasSubMenu li"; moved z-index from "#subnav" to startLayout.cfm
03/30/2007	Adrian J. Moreno	8.5643.6277		cleaned up navlist; implemented Son of Suckerfish Menus for drop-down
07/16/2007	Kelly Johnson			8			6801				Add .on and .off classes for top navlist buttons
05/23/2007	Adrian J. Moreno	24.677			added CSS for Lapse display
08/07/2007	Adrian J. Moreno	24.677			added style for Lapse display in Agent Reports
08/15/2007	Adrian J. Moreno	24.677			harmonized with production
11/16/2009	Kelly Johnson		W00811539							Update webrater launch process

*/
.yui-t3 #yui-main { font-size:0.9em; /*margin:0px;*/ }
/* header */ 
#hd { height:80px; padding:0px 0px 0px 3px; margin:0px;}
/* header : search form */
#unitrin-search.yui-b {float:right; margin:23px 0px 0px 0px; font-size:12px; width:300px; text-align:right; background:url(/us/images/layout/search_bgnd.gif) no-repeat top right; height:60px; padding:0px 7px 0px 0px;}
#unitrin-NOsearch.yui-b {float:right; margin:23px 3px 0px 0px; font-size:12px; width:300px; text-align:right; height:60px; padding:0px 7px 0px 0px;}
#unitrin-search.yui-b h1 { font:Arial, Helvetica, sans-serif; font-size:13px; font-style:italic; font-weight:bold; margin:0px; letter-spacing:-1px; padding:5px 0px 5px 0px; line-height:12px; }
#unitrin-NOsearch.yui-b h1 { font:Arial, Helvetica, sans-serif; font-size:13px; font-style:italic; font-weight:bold; margin:0px; letter-spacing:-1px; padding:5px 0px 5px 0px; line-height:12px; }
#unitrin-search.yui-b input { font-size:11px; font-weight: normal;}
/* top navigation */
#main-nav { height: 32px; }
#top-navigation.yui-b { width:100%; height:51px; background:url(/us/images/layout/nav_bgnd.jpg) repeat-x top left; padding:7px 0px 0px 0px; }
#top-navigation ul li a { display:block;  border-right:1px #fff solid;}
#top-navigation a { text-decoration: none; font-size: 11px; padding:4px 8px 5px 8px; letter-spacing:-1px; }
#top-navigation a:link, #top-navigation a:visited {color: white; }
#top-navigation a:hover {color:#fff; background:#336699;}
/* second-level lists */ 
#navlist, #navlist ul { padding: 0; margin: 0; list-style: none; font-size: 0.9em; }
#navlist a { display: block; width: auto; }
#navlist li { float: left; width: auto; }
#navlist li ul { position: absolute; width: 10em; left: -999em; }
#navlist li:hover ul { left: auto; }
#navlist li:hover ul, #navlist li.sfhover ul { left: auto; }

#navlist ul.hasSubMenu li { background:url(/us/images/layout/sub_nav_bgnd.gif) repeat-x top left; width: 134px; 
	margin-top: 1px; text-align: center; }
#navlist ul.hasSubMenu li.off { opacity: 0.9; filter:alpha(opacity=90); }

#navlist li.on {background-color: #336699; } /* JKJ - W00806801 */
#navlist li.off {background-color: none; } /* JKJ - W00806801 */
/* sub navigation (formerly side navigation) */
#top-navigation #subnav a { font-size: 10px; }
#subnav { font-size: 10px; margin-left: -8px; color: #254B72; width: 700px; }
#subnav a:link, #subnav a:visited {color:#254B72;}
#subnav a:hover { color:#66819C; background-color: transparent; }
/* Outage message */
#outage { clear: both; padding:4px; background-color: #FFC; margin-top: 4px; margin-bottom: 4px; font-weight: bold;  }
#outage.inEffect { background-color: #ff0000; color: #ffffff; }
#outage p.last { margin-bottom: 0px; }
/* Main Content area */
#bd { clear: both; }
.yui-t3 #yui-main #view.yui-b { margin:0px; font-size: 1.1em; }  /*fixes margin to same width as left-hand navigation */
.mainContent {padding:10px; margin:0px;}
.homeImage {background:url(/us/images/layout/homeImage_01.jpg) no-repeat top left; height:120px; padding:0px; margin:0px;}
.divider {margin:0px 0px 10px 0px; border-bottom:1px #eee solid;}
.loginInfo {font-size:9px; line-height:11px; letter-spacing:normal; display:block; margin:0px 0px 0px 5px;}
.loginArea {float:right; margin:0px 0px 0px 0px; padding:0px 7px 0px 10px; background:url(/us/images/layout/login_bgnd.jpg) no-repeat top left;}
.loginTable {font-size:11px; color:#fff; width:136px; vertical-align:top; margin:0px;}
.loginTop {background:url(/us/images/layout/loginTop.jpg) no-repeat bottom center; padding:4px 0px 0px 18px; height:28px;}
.login {background:url(/us/images/layout/loginMid.jpg) repeat-y top center; padding:7px 0px 0px 10px;}
.loginBottom {background:url(/us/images/layout/loginBottom.jpg) no-repeat top center; font-size:0px;}
.loginTable h1 {font:16px Arial, Verdana, sans-serif; letter-spacing:-1px; font-weight:bold; color:#fff; margin:0px; padding:0px; text-align:left;}
.goBtn {display:block; margin:10px 0px 0px 0px;}
/* gradients */
.gradient {height:120px; font-size:0px; margin:0px; padding:0px; float:right;}
.grad1 {background:#fff; width:2px; height:120px; opacity: 0.10; filter:alpha(opacity=10); padding:0px; margin:0px;}
.grad2 {background:#fff; width:2px; height:120px; opacity: 0.20; filter:alpha(opacity=20); padding:0px; margin:0px;}
.grad3 {background:#fff; width:2px; height:120px; opacity: 0.30; filter:alpha(opacity=30); padding:0px; margin:0px;}
.grad4 {background:#fff; width:2px; height:120px; opacity: 0.40; filter:alpha(opacity=40); padding:0px; margin:0px;}
.grad5 {background:#fff; width:2px; height:120px; opacity: 0.50; filter:alpha(opacity=50); padding:0px; margin:0px;}
.grad6 {background:#fff; width:2px; height:120px; opacity: 0.60; filter:alpha(opacity=60); padding:0px; margin:0px;}
.grad7 {background:#fff; width:2px; height:120px; opacity: 0.70; filter:alpha(opacity=70); padding:0px; margin:0px;}
.grad8 {background:#fff; width:2px; height:120px; opacity: 0.80; filter:alpha(opacity=80); padding:0px; margin:0px;}
.grad9 {background:#fff; width:2px; height:120px; opacity: 0.90; filter:alpha(opacity=90); padding:0px; margin:0px;}
.grad10 {background:#fff; width:2px; height:120px; padding:0px; margin:0px;}
/* slogan */
#slogan {background:url(/us/images/layout/slogan_bgnd.jpg) repeat-x top left; color:#fff; text-align:center; height:21px; padding:5px 0px 0px 0px; margin:5px 0px 2px 0px; display:block; font-size:0.8em; letter-spacing:-1px; clear: both;}
/* footer */
.yui-t3 #ft {background:url(/us/images/layout/footer_bgnd.jpg) repeat-x top left; font-size:10px; color:#fff; height:70px; padding:10px; }
#ftr-nav a:link, #ftr-nav a:visited {color:#fff;}
#ftr-nav a:hover {color:#B8D5E4;}
#survey { text-align: center; }
#bestLogo { width: 95px; }
#contactUs { width: 63px; float: right; clear: left; }
#ft-mid { text-align:center; margin-left:95px; margin-right:95px;}
#serverInstance { clear: both; text-align: center; color: white; }
/* Project 24.677: Lapse */
#lapseBox, .lapseBox { width: 300px; }
#lapseBox table tr td { font-size: inherit; }
td div#lapseBox td { padding: 0px; }
td.lapseTableCell, .lapseBox td, td { padding: 0px; vertical-align: top; }
.lapseTable { width: 100%; }
.evenRow table.lapseTable td, .oddRow table.lapseTable td { font-size: 10px; padding: 0px; }