/*
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
03/26/2012	Kelly Johnson		W00813475		New Kemper Specialty pages
05/01/2012	Kelly Johnson		W02500323		Update to match production

*/
.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-family: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-family: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;}
#unitrin-logo {margin-top: 10px; margin-bottom: 10px;}  /* W00813475 - Kemper Specialty home page */
/* 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: 138px; }
#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; width:820px; } /* Kemper branding */
.homeImage {background:url(/us/images/homePage820.jpg) no-repeat top left; height:214px; padding:0px; margin:0px;} /* W00813475 - Kemper Specialty home page */
.homePageText {font-family: calibri; font-size: 1.4em; color: #808285; } /* Kemper branding */
.homePageText2 {font-family: arial; font-size: 1.4em; color: #808285; letter-spacing: .4px;} /* Kemper branding */

.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; height: 214px; margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; background-color: #fff;} /* W00813475 - Kemper Specialty home page */
.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 6px 0px;}
/* gradients */
.gradient {height:214px; font-size:0px; margin:0px; padding:0px; float:right;} /* Kemper branding */
.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; } 
#mainErrorContainer {font-size:125%;display:none;margin:auto;margin-top:20px;margin-bottom:20px;width:60%;border:1px solid red;background-color:#ff5e5e;color:#fff;font-weight:bold;padding:15px;text-align:center;}
/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}
   
#boxes .window {
  position:absolute;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
 
 
/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width:375px;
  height:100px;
  background-color:#fff;
  border:3px solid #558bad;
}
#boxes #dialog #top { text-align:right;}
#boxes #dialog p {padding-top:20px;font-weight:bold;}