/* -----------------------------------------------------------
   
		screen.css
		Copyright Fusionary Media

   * defines site specific styles for screen

-------------------------------------------------------------- */


/* =Defaults
-------------------------------------------------------------- */

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #5d5c58;
}

a           { color: #de7c09; font-weight:bold; text-decoration: none; }
a:hover     { color: #464439; }
body.csubs a        { color: #3b8dda;}
body.csubs a:hover  { color: #082f53; }

h1,h2,h3,h4,h5,h6{
	color: #666;
	line-height: 1.5em;
}

h1{
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h2{
	font-size: 24px;
}
h3{
	font-size: 18px;
}
h4{
	font-size: 16px;
}
h5{
	font-size: 14px;
}
h6{
	font-size: 12px;
	font-weight: bold;
}

ul{
	list-style: none;
}
ul li,
ul.collapsible-list li li{
	background: url(/images/ui/img-bullet.gif) no-repeat 0 .5em;
	padding-left: 12px;
}

body#home acronym,
body#cs-home acronym{
	border: none;
}


/* =Grid (12 col grid: 66px col / 12px gutter)
-------------------------------------------------------------- */

/* Use these classes to set the width of a column. */
.span-1  { width: 66px;}
.span-2  { width: 144px;}
.span-3  { width: 222px;}
.span-4  { width: 300px;}
.span-5  { width: 378px;}
.span-6  { width: 456px;}
.span-7  { width: 534px;}
.span-8  { width: 612px;}
.span-9  { width: 690px;}
.span-10 { width: 768px;}
.span-11 { width: 846px;}
.span-12 { width: 924px; margin: 0; }

.container{
  width: 924px;
  margin: 0 auto;
}
.col{
	float:left;
	margin: 0 12px 0 0;
}
.col.last,
.col-last{
	margin-right: 0;
}
.mod{
	margin-bottom: 12px;
	display: block;
}

/* =Structure
-------------------------------------------------------------- */

body{
	background: #d4d1c6 url(/images/ui/bld-stripe.gif) repeat-x;
	margin: 0 0 3em;
	padding: 10px 0 0;
}

#header,
#body,
#footer{
	width: 924px;
	margin: 0 auto;
}
#footer-sub{
	width: 924px;
	margin: 0 auto;
	min-height: 69px;
}
#header{
	width: 948px;
	height: 100px;
	position: relative;
	overflow: hidden;
}
#body{
	background: #f3f2ed;
	padding: 0 11px;
	border: 1px solid #fff;
	border-top: none;
	border-bottom: 1px solid #cfccc2;
	min-height: 74px;
}
#footer{
	padding: 0 12px 12px;
	position: relative;
	background: #fff url(/images/ui/bld-footer-shadow.gif) repeat-x bottom left;
	min-height: 77px;
}

#content-hdr{
	border-bottom: 1px solid #91b9d6;
	background: #b4d6eb url(/images/ui/hdg-main-grad.gif) repeat-x;
	margin: 0 -12px 12px;
	padding: .5em 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
}

#content-hdr,
#content-hdr a{
	font-size: 24px;
	font-weight: bold;
	color: #2c4150;
}
#content-hdr a{
	border-bottom: 1px solid #5fa6d6;
}
#content-hdr a:hover{
	color: #DE7C09;	
}
#content-hdr .raquo{
	vertical-align: middle;
}


/* =Shared
-------------------------------------------------------------- */

form.inline label{
	float: left;
	width: 5em;
	padding: 3px 0;
	line-height: 1.5em;
}
form.inline div.text input{
	float: left;
}
form.inline div.text{
	clear: left;
	overflow:hidden;
}

.swf,.swf object{
	display:block;
}

span.amp{
	font-family: Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;
	font-style: italic;
	font-size: 1.2em;
}

.btn,
body.csubs .btn{
	background: url(/images/ui/btn-default-r-cap.png) no-repeat right top;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	float: left;
	padding-right: 6px;
	cursor: pointer;
}
.btn span{
	background: url(/images/ui/btn-default-l.png) no-repeat;
	display: block;
	line-height: 24px;
	padding: 0 8px 4px 14px; /* 24 + 4 = 28px (height of btn) */
	min-height: 24px;
}
.btn-more{
	background-image: url(/images/ui/btn-default-r-cap-arrow.png);
	padding-right: 21px;
}
a.btn:hover,
body.csubs a.btn:hover{
	color: #dbeffd;
}

table.recordset td,
table.recordset th{
	padding: 2px 6px;
}
table.recordset thead th{
	text-transform: uppercase;
	font-weight: bold;
}
table.recordset td{
	border: 2px solid #f3f2ed;
	border-top: none;
	border-bottom: none;
}
table.recordset tr.odd td{
	background: #fff;
}

.notice{
	background: #fff8d4;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	border: 3px solid #d6d2bf;
	padding: 0;
}
.notice .hdg{
	color: #464439;
	font-size: 18px;
	font-weight: bold;
	padding-left: 23px;
	background: url(/images/ui/icn-exclamation.gif) no-repeat 0 .25em;
	margin: 0;
}
.notice em.neg{
	color: #a63333;
}
.notice .inner{
	border: 2px solid #fffefb;
	padding: 7px;
}

.warn{
	color: #a63333;
}

p.intro,
p.intro-sub{
	color: #67879f;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 1.2em;
	margin: 0 0 .75em;
}
p.intro-sub{
  color: #5d5c58;
}

/* =Shared - feat-box
------------------------------- */

.feat-box{
	background: #dedcd1;
	border: 3px solid #c1bca6;
	color: #5d5c58;
}
.feat-box .inner{
	border: 2px solid #e8e7df;
	padding: 5px 10px;
}

.feat-box.alt{
	background: #f9f7f1 url(/images/ui/img-grad-box.gif) left top repeat-y;
	border: 3px solid #d6d2bf;
}
.feat-box.alt .inner{
	border: 2px solid #fff;
}
.feat-box .hdg{
	color: #464439;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin-bottom: .25em;
}


/* Homepage */
body#home #feat-main,
body#cs-home #feat-main{
	margin-bottom: 12px;
}
body#home #feat-main .feat-box,
body#cs-home #feat-main .feat-box{
	width: 450px;
	float: left;
	margin: 0 12px 12px 0;
	font-size: 14px;
}
body#home #feat-main #req-home,
body#cs-home #feat-main #models-home{
	margin-right: 0;
}
body#home #feat-supp .feat-box,
body#cs-home #feat-supp .feat-box{
	width: 294px;
	float: left;
	margin: 0 12px 12px 0;
}
body#home #feat-supp #login-home,
body#cs-home #feat-supp #login-home{
	margin-right: 0;
}

body#home #feat-main .feat-box .inner,
body#cs-home #feat-main .feat-box .inner{
  min-height: 9em;
}
body#home #feat-supp .feat-box .inner,
body#cs-home #feat-supp .feat-box .inner{
  min-height: 9em;
}

body#home #feat-supp ul,
body#cs-home #feat-supp ul,
body#home #feat-supp ul,
body#cs-home #feat-supp dl{
	margin: 0;
}
body#cs-home #feat-main .btn{
 float: right;
}
#feat-main .hdg{
	font-size: 21px;
}
/* #cs-home #feat-main .hdg,
#cs-home #feat-supp .hdg{
  font-size: 16px;
} */
#feat-supp .hdg{
	font-size: 17px;
}
#feat-supp dt{
	font-size: 14px;
}
#feat-supp{
	margin-bottom: 12px;
}

#enroll-home .inner{
	background: url(/images/ui/img-feat-map.png) no-repeat left bottom;
	position: relative;
	padding-left: 150px;
}
#counter-home .inner{
  background: url(/images/ui/img-feat-counter.png) no-repeat 5px 30px;
	position: relative;
	padding-left: 130px;
}
#models-home .inner{
  background: url(/images/ui/img-feat-pen-check.png) no-repeat -70px -30px;
	position: relative;
	padding-left: 110px;
}
#enroll-home .hdg-sub{
	color: #464439;
	font-size: 12px;
	position: absolute;
	left: 0;
	bottom: 30px;
	text-align: center;
	width: 65px;
	line-height: 1.125em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#enroll-home .hdg-sub strong{
	font-size: 21px;
	font-weight: bold;
	display: block;
	text-align: center;
	margin-bottom: .25em;
}
#req-home .inner{
	background: url(/images/ui/img-feat-paper.png) no-repeat;
	position: relative;
}
#req-home .inner{
	padding-left: 125px;
}
#enroll-home ul.lnks{
	margin: 0;
	list-style: none;
}
#enroll-home ul.lnks li{
	background: none;
	padding: 0;
}
#enroll-home ul.lnks,
#req-home a.btn{
	position: absolute;
	bottom: 5px;
	right: 12px;
}
#policies-home{
  position: relative;
}
#policies-home .inner p{
  padding-left: 65px;
  margin-bottom: 0;
}
#policies-home img{
  position: absolute;
  bottom: 2px;
  left: 5px;
}
#subs-link{
  position: absolute;
  right: 320px;
  top: 25px;
  width: 110px;
  height: 26px;
}

/* =Shared - meta-img
------------------------------- */
dl.meta-img{
	overflow: hidden;
	margin-bottom: 0;
}
dl.meta-img dd{
	margin: 0;
}
dl.meta-img dd.img{
	border: 3px solid #d6d2bf;
	float: left;
	margin-right: 15px;
	margin-top: -1.5em;
}
dl.meta-img dd.img img{
	border: 1px solid #e5e2d4;
	display: block;
}
dl.meta-img dt{
	margin-left: 88px;
}

/* =Shared - hdg-rnd
------------------------------- */

.hdg-rnd{
	color: #fff;
	background: #938f83 url(/images/ui/hdg-rnd.gif) no-repeat;
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: .5em;
	padding-left: 6px;
}
.hdg-rnd span{
	background: url(/images/ui/hdg-rnd.gif) no-repeat top right;
	display: block;
	padding: 3px 6px 0 0;
}


/* =Header
-------------------------------------------------------------- */

#header{
	color: #fff;
}
#brand-logo{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
}
#brand-logo,
#brand-logo a{
	background: url(/images/ui/brand-logo-hdr.gif) no-repeat;
	width: 192px;
	height: 94px;
	letter-spacing: -1em;
	text-indent: -1000em;
	display: block;
}
#brand-sub{
	background: url(/images/ui/brand-hdg-eps.gif) no-repeat top left;
	width: 296px;
	height: 89px;
	letter-spacing: -1em;
	text-indent: -1000em;
	position: absolute;
	left: 202px;
	top: 0;
}
#brand-url{
	width: 137px;
	height: 23px;
	letter-spacing: -1em;
	text-indent: -1000em;
	position: absolute;
	right: 0;
	top: 33px;
}
#brand-url a{
	background: #74baed url(/images/ui/brand-subpass.png) no-repeat;
	width: 137px;
	height: 23px;
	display: block;
}
#brand-url a:hover{
	background-color: #fff;
}
body.csubs #brand-url{
	width: 196px;
	height: 23px;
}
body.csubs #brand-url a {
	background-image: url(/images/ui/brand-contractsubs.png);
	width: 196px;
	height: 23px;
}

/* =Footer
-------------------------------------------------------------- */

#footer{
	color: #878277;
}
#footer li.nav-home{
	background: url(/images/ui/brand-logo-footer.png) no-repeat;
	letter-spacing: -1em;
	text-indent: -1000em;
	position: absolute;
	right: 12px;
	top: -24px;
	padding: 0;
	border: none;
}
#footer li.nav-home,
#footer li.nav-home a{
	display: block;
	width: 76px;
	height: 100px;
}
#nav-supp{
	padding-top: 1.5em;
}
#nav-supp ul{
	margin: 0 0 .75em;
}
#nav-supp li{
	background: none;
	padding: 0;
	border-left: 1px solid #b1ada4;
	padding: 0 .75em 0 .667em;
	display: inline;
}
#nav-supp li.nav-sales,
.csubs #nav-supp li.nav-districts{
	border: none;
	padding-left: 0;
}
#copyright{
	margin: 0 0 .75em;
}


/* =Footer-sub
-------------------------------------------------------------- */

#footer-sub{
	color: #83817b;
	margin-top: 1em;
/*  background: url(/images/ui/bld-footer-div.gif) no-repeat center center;*/
	position: relative;
	clear: both;
}
#footer-sub dt,
#footer-sub dd{
  display: inline;
	font: italic 18px Georgia, "Times New Roman", Times, serif;
	text-align: center;
	margin: 0;
}
#footer-sub dt{
	margin-bottom: .5em;
	margin-right: .5em;
	vertical-align: text-bottom;
}
#footer-sub dd img{
	vertical-align: middle;
}
#footer-sub dl.affil-partner{
  margin: 0 auto;
  width: 240px;
}
#footer-sub span.amp{
	margin: 0 .25em;
}

#footer-sub .affil-2{
	position: relative;
	top: -3px;
}


/* =Nav-main
-------------------------------------------------------------- */
#nav-main{
	position: absolute;
	right:0;
	bottom: 0;
}
#nav-main ul{
	list-style: none;
	overflow: hidden;
	margin: 0;
}
#nav-main li{
	padding: 0;
	float: left;
	background: #3b78a4 url(/images/ui/nav-tab-l.gif) no-repeat;
	margin-left: 2px;
}
#nav-main li a{
	display: block;
	background: url(/images/ui/nav-tab-r-cap.gif) no-repeat top right;
	padding: .5em 1em;
	font-size: 14px;
	color: #fff;
}
#nav-main li a:hover{
	color: #98d4ff;
}
#nav-main li.active{
	background: #e0f3ff url(/images/ui/nav-tab-active-l.gif) no-repeat;
}
#nav-main li.active a{
	background-image: url(/images/ui/nav-tab-active-r-cap.gif);
	color: #333;
}

/* =Home
-------------------------------------------------------------- */

body#home #content-hdr,
body#cs-home #content-hdr{
	background: url(/images/ui/welcome-whiteboard.png) no-repeat;
	margin: 0 -12px 12px;
	color: #2c4150;
	line-height: 1.5em;
	font-weight: normal;
	font-size: 14px;
	padding: 0;
	border: none;
}
body#home #content-hdr a,
body#cs-home #content-hdr a{
	font-size: 14px;
	border: none;
}
body#home #content-hdr,
body#cs-home #content-hdr{
	height: 150px;
	position: relative;
}
body#home #content-hdr .lnk-more,
body#cs-home #content-hdr .lnk-more{
	background: url(/images/ui/img-lnk-arrow-r.gif) no-repeat right center;
	padding-right: 18px;
}
body#home #content-hdr .img,
body#cs-home #content-hdr .img{
	width: 249px;
	height: 159px;
	background: url(/images/ui/welcome-img.png) no-repeat;
	position: absolute;
	top: -9px;
	left: 0;
}
body#cs-home #content-hdr .img{
  background-image: url(/images/ui/welcome-img-cs.png);
  top: -6px;
}
body#home #content-hdr .main,
body#cs-home #content-hdr .main{
	position: absolute;
	width: 410px;
	left: 235px;
	top: 20px;
	z-index: 10;
}
body#cs-home #content-hdr .main{
  left: 255px;
  width: 410px;
}
body#home #content-hdr .main p,
body#cs-home #content-hdr .main p{
	font-size: 14px;
}
body#home #content-hdr .main h3,
body#cs-home #content-hdr .main h3{
	font-size: 16px;
	font-weight: bold;
	color: #2c4150;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	margin-bottom: .35em;
}
body#home #content-hdr a,
body#cs-home #content-hdr a{
	color: #0b578d;
}




#whiteboard{
	position: absolute;
	top: 27px;
	right: 27px;
	width: 246px;
	height: 96px;
}
#whiteboard ul,
#whiteboard li{
	list-style: none;
	background: none;
	margin: 0;
	padding: 0;
}
#whiteboard ul{
	position: absolute;
	bottom: 0;
	width: 246px;
	height: 50px;
	overflow: hidden;
}
#whiteboard img{
	top:  0; 
	left: 0;
	width: 246px;
	height: 40px;
}
#whiteboard .hdg {
	background: url(/images/ui/whiteboard-hdg-advantages.gif) no-repeat;
	width: 246px;
	height: 39px;
	letter-spacing: -1em;
	text-indent: -1000em;
	position: relative;
	top: 7px;
}
#cs-home #whiteboard .hdg{
  background-image: url(/images/ui/whiteboard-hdg-eff-sav.gif);
}

#enroll-home .btn{
	margin-left: 10px;
}
#enroll-home .lnks li{
	float: right;
}

#login-home{
	position: relative;
}
#login-home .hdg img{
	vertical-align: middle;
}
#login-home div.text input{
	width: 125px;
}
#cs-home #login-home div.text input{
  width: 100px;
}
#login-home div.text{
	margin: 0 0 4px;
}
#login-home #aesop-pin{
	width: 60px;
}
#login-home label{
	color: #000;
	font-weight: bold;
	width: 30px;
	margin-right: 5px;
}
#cs-home #login-home label{
  width: 60px;
}
#login-home fieldset{
	width: 175px;
	padding: 0;
	margin: 0;
}
#login-home div.submit{
	position: absolute;
	bottom: 0;
	right: 0;
}
#login-home form{
	position: relative;
	margin: 0;
}
#login-home legend{
	display: none;
}


/* =Districts
-------------------------------------------------------------- */

.sub-hdr{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	margin-bottom: .75em;
}

#map-view{
	width: 534px;
}
#list-view{
	width: 378px;
	margin: 0;
	background: url(/images/ui/img-list-view-grad.gif) repeat-y left top;
	min-height: 380px;
}
#list-view .list-state{
	margin: 0 12px 0 0;
	width: 144px;
	font-size: 14px;
}
#list-view .list-state li{
	padding: 0;
	background: none;
	border-bottom: 1px solid #c4c1b7;
}
#list-view .list-state a.active{
	background: #f3f2ed;
	color: #464439;
}
#list-view .list-state a{
	display: block;
	padding: 6px;
}
#list-view .hdg-rnd{
	margin: 0;
}
#list-view  .list-district{
	width: 222px;
	margin: 6px 0 0 0;
}
#list-view  .list-district ul{
	margin: 0;
}
#list-view  .list-district li{
	zoom: 1;
}
.show-districts ul{
	margin-left: 0;
}

body#district-list #content-wrap{
	background: url(/images/ui/img-list-view-grad.gif) repeat-y 78px 0;
}


body#district-list #content-main{
	width: 690px;
	margin: 0 0 0 234px;
	padding: 12px 0;
}
body#district-list #content-aside{
	width: 222px;
	margin: 0 0 0 -924px;
}
body#district-list .hdg-rnd{
	margin: 0;
}

ul.nav-aside{
	margin: 0 0 1.5em;
}
ul.nav-aside li{
	padding: 0;
	background: none;
	border-bottom: 1px solid #c4c1b7;
}
/*ul.nav-aside li:last-child,
ul.nav-aside li.last{
	border: none;
}*/
ul.nav-aside li a{
	display: block;
	padding: 7px;
}
ul.nav-aside a.active,
ul.nav-aside li.active{
	background: #f3f2ed url(/images/ui/nav-aside-active.gif) repeat-y top left;
}

body#district-list #enrollment-link,
body#district-list #payroll-link{
	float: left;
	width: 333px;
	margin: 0 12px 0 0;
}
body#district-list #payroll-link{
	margin: 0;
}

body#district-show #content-main{
	overflow: hidden;
	margin: 0 0 1.5em;
}
body#district-show #enrollment-link,
body#district-show #payroll-link{
	float: left;
	width: 48%;
	margin: 0 3% 0 0;
}
body#district-show #payroll-link{
	margin-right: 0;
}
body#district-show #content-supp ul,
.list-block ul{
	margin-left: 0;
	overflow: hidden;
}
body#district-show #content-supp ul li,
.list-block ul li{
	width: 278px;
	margin: 0 12px 0 0;
	float: left;
}
#county-loading {
  margin: 20px 70px;
}

body.aside #content-main{
	width: 690px;
	margin: 0 0 0 234px;
	padding: 12px 0;
}
body.aside #content-aside{
	width: 222px;
	margin: 0 0 0 -924px;
}
body.aside #body{
	background: #f3f2ed url(/images/ui/bld-aside-grad.gif) repeat-y;
	overflow:hidden;
}
body.aside #content-hdr{
	margin-bottom: 0;
}
body.full #body{
	overflow: hidden;
}
body.full #content-main{
	padding: 0 156px;
	margin-bottom: 5em;
	overflow: hidden;
}
table.enrollment-dates td.date{
	color: #464439;
	font-weight: bold;
}


/* Collapsible List
-------------------------------------------------------------- */

.collapsible-list{
	margin: 0;
}
.collapsible-list li{
	position: relative;
	margin-left: 48px;
	margin-bottom: 12px;
}
ul.collapsible-list li{
  margin: 0 0 12px;
  padding-left: 28px;
  background: none;
}
ul.collapsible-list span.toggle{
  left: 0;
}
.collapsible-list .extended li{
  position: static;
  margin: 0;
}
.collapsible-list span.toggle{
	width: 20px;
	height: 21px;
	background: url(/images/ui/icn-plus-minus-both.gif) no-repeat;
	position: absolute;
	top: 2px;
	left:-48px;
	letter-spacing: -1em;
	text-indent: -1000em;
	cursor: pointer;
	display: none;
}
.collapsible-list li.close span.toggle{
	background-position: 0 -21px;
}
.collapsible-list,
.collapsible-list .hdg{
	font-weight: bold;
	font-size: 14px;
}

.collapsible-list .summary,
.collapsible-list .extended{
	font-size: 12px;
	font-weight: normal;
}
.collapsible-list .summary{
	font-style: italic;
}


/* Payroll
-------------------------------------------------------------- */

body#payroll-rates .recordset td.district{
	font-weight: bold;
	vertical-align: middle;
}


/***************************************
   =Employee Recognition
************************************** */
.bio{
	border-top: 1px solid #afaca3;
	padding: 15px 0 0;
	margin: 0 0 15px;
}
.bio img{
	border: 3px solid #d6d2bf;
	padding: 1px;
	background: #e5e2d4;
	float: left;
}
.bio .bio-content{
	margin-left: 156px;
}
.bio .bio-title{
	font-size: 13px;
	color: #9f8f79;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.bio .bio-title strong{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5d5c58;
}
.bio cite{
	display: block;
	text-align: right;
	font-style: italic;
	padding: 0 18px;
}


blockquote {
	background: url(/images/ui/img-ldquo.gif) no-repeat scroll 0 .25em;
	padding: 0 18px;
	margin: 0;
	font-style: normal;
}
blockquote span.endquote {
	background: url(/images/ui/img-rdquo.gif) no-repeat 4px 0;
	padding: 0 0 0 24px;
	zoom: 1;
}

/** =contractsubs pages
************************************************************
************************************************************/
.signature{
  font-size: 14px;
}
.contact-box strong{
  font-size: 14px;
}
.contact-box{
  margin-bottom: 30px;
}
body.employment #content-main,
body.testimonials #contnent-main{
  padding: 0 78px;
}
.job-list .date,
.job-list .more{
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #a69883;
  font-size: 13px;
  font-weight: normal;
}
.job-list{
  margin: 0;
  border-top: 1px solid #cfccc2;
  margin-bottom: 1.5em;
}
.job-list .more{
  text-decoration: underline;
}
.job-list li{
  border-bottom: 1px solid #cfccc2;
  padding: 15px 0;
  background: none;
}