﻿/* daisy-chained to kcagencies.css
   seperated so not to appear in RTE CSS DDL */

/* standard link colors */
a, a:link{color:#396BAC;}
a:visited{color:#509;}
a:hover, a:focus, a:visited:hover, a:visited:focus{color:#69C;}
a:active{color:#F36;}

abbr, acronym{border-bottom:0;}
body{background:#FFF;color:#000;font-family:arial, helvetica, sans-serif;margin:0;padding:0;}
dl{margin-left:16px;font-family:arial, helvetica, sans-serif;}

h1,h2,h3,h4,h5{font-weight:bold;font-family:Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;}
h1{color:#036;font-size:130%;margin-bottom:.8em;}
h2{color:#2E5B89;font-size:115%;margin-bottom:.8em;}
h3{color:#036;font-size:100%;padding-bottom:0;}
h4{color:#900;font-size:100%;margin-bottom:0;}
h5{color:#999;font-size:85%;margin-bottom:0;}
h1 a, h1 a:visited, h1 a:link{color:#2E5B89;}
h2 a, h2 a:visited, h2 a:link{color:#2E5B89;}
h3 a, h3 a:visited, h3 a:link{color:#036;}
h4 a, h4 a:visited, h4 a:link{color:#900;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus{color:#90BADE;}

hr{color:#666;height:1px;}
p{font-family:arial, helvetica, sans-serif;}
table{font-size:100%;}
.kcJumpLinks{position:absolute;left:0;top:-500px;width:1px;height:1px;overflow:hidden;}

/* light links for dark bg */
a.light:link, a.light:visited, a.light:hover, a.light:focus,
a.light:active, a.light:visited:hover, a.light:visited:focus{color:#FFF;}

/* layout positioning for 2-3 col tbl */
#container{width:100%;}
#leftcol{background:#006;width:170px;vertical-align:top;}
#leftcol a{color:#FFF;}
#leftcol a:hover, #leftcol a:focus{color:#90BADE;}
#rightcol{background:#FFF;border-left:1px solid #DDD;width:251px;padding:10px;padding-top:15px;vertical-align:top;font-size:.85em;}
#contentcol{background:#FFF;font-family:Arial, Helvetica, sans-serif;padding:15px 14px 14px 14px;vertical-align:top;font-size:.85em; vertical-align:top;}
#sitecontentheader{vertical-align:top;}
.contentcontainer{padding:0;vertical-align:top;font-size:.75em;}

/* col 3 disappears under col 1, 2 when shrink browser width */
#col2{position:relative;}

/* 1 col div */
#contentcoldiv{padding:4px 14px 14px 14px;vertical-align:top;font-size:.85em;}

/* datatable, main class in kcagencies */
.datatable caption, .datatable .dgcaption{color:#369;font-size:120%;font-weight:bold;padding:3px;text-align:left;}
.datatable thead th, .datatable .dghead{background:#69C;border-bottom:1px solid #90BADE;color:#FFF;
  font-weight:bold;padding:3px;text-align:left;vertical-align:top;}
.datatable thead a, .datatable .dghead a{color:#FFF;}
.datatable thead a:hover, .datatable thead a:focus, 
.datatable .dghead a:hover, .datatable .dghead a:focus{color:#F0F8FF;}
.datatable tbody th, .datatable .dghead2{background:#F0F8FF;border-bottom:1px solid #90BADE;
  border-right:1px solid #90BADE;color:#000;font-weight:bold;padding:3px;text-align:left;vertical-align:top;}
.datatable tfoot td, .datatable .dgfoot{background:#FFF;border-bottom:1px solid #90BADE;
  border-left:1px solid #90BADE;border-right:1px solid #90BADE;color:#369;font-weight:bold;padding:3px;vertical-align:top;}
.datatable tbody td, .datatable .dgcell{background:#FFF;border:1px solid #90BADE;padding:3px;vertical-align:top;}
.datatable tbody tr.odd td, .datatable .dgodd{background:#F0F8FF;}

/* global announcement */
.glbannounce, .glbannounce_neutral{padding-left:170px;}
.glbannounce{background-color:#006;}
.glbannounce_neutral{background-color:#C2C2C2;}

/* header, footer */
#header{background:#006;color:#FFF;padding:1px 0 0.55em;height:5em;min-height:80px;}
#footer{background:#FFF;clear:both;font-size:.75em;text-align:center;}
#agencyfooter{border-bottom:1px solid #CCC;padding:8px;}
#footer ul{margin:8px 0 5px 0;padding-left:0;text-align:center;width:auto;}
#globalbottomnav li, #agencybottomnav li{display:inline;list-style-type:none;padding-left:3px;}
#pageupdateddate{background:#006;color:#FFF;font-size:.8em;height:23px;padding-bottom:4px;padding-left:181px;padding-top:4px;}
span.kcSpacer{padding:0 9px 0 3px;}

/* Menu Styles */
#navcontainer, .navcontainer{font-family:Arial, sans-serif, Verdana, Lucida, Geneva;font-size:.75em;
  background-color:#036;border-top:1px solid #90BADE;color:#333;margin-bottom:1em;margin:0;padding:0;width:170px;}
#navcontainer ul, .navcontainer ul{border:none;list-style:none;margin-left:0;padding:0;}
#navcontainer li, .navcontainer li{list-style-type:none;margin-left:0;}
#navcontainer li div.navspacer, .navcontainer li div.navspacer{background-color:#2a4f7f;border-bottom:1px solid #90BADE;color:#CCC;
  display:block;font-weight:bold;height:1.2em;padding:10px 10px 8px 8px;}
.navnullspace{background-color:#006;padding:2em 0 0 0;}

#navcontainer li a, .navcontainer li a{background-color:#396BAC;border-bottom:1px solid #90BADE;color:#FFF;display:block;
  padding:4px 10px 4px 10px;text-decoration:none;}
#navcontainer li li, .navcontainer li li{border-bottom:0;margin:0;}
#navcontainer li li a, .navcontainer li li a{background-color:#4480C9;padding: 4px 0 4px 15px;width:155px;}
#navcontainer li li li a, .navcontainer li li li a, #leftcol .navcontainer li li li a
{background-color:#BDE0FF;border-bottom:1px solid #90BADE;color:#2D5386;padding:3px 0 3px 20px;width:150px;}
#navcontainer li li li li a, .navcontainer li li li li a, #leftcol .navcontainer li li li li a
{background-color:#E3F2FF;border-bottom:1px solid #90BADE;color:#2D5386;padding:3px 0 3px 25px;width:145px;}
#navcontainer li a:hover, #navcontainer li a:focus,
#leftcol .navcontainer li a:hover, #leftcol .navcontainer li a:focus, 
#leftcoldiv .navcontainer li a:hover, #leftcoldiv .navcontainer li a:focus{background-color:#498AD8;color:#FFF;}
#navcontainer .on, .navcontainer .on, 
#leftcol .navcontainer li a.on, #leftcol .navcontainer li a.on:hover, 
#leftcoldiv .navcontainer li a.on, #leftcoldiv .navcontainer li a.on:hover{background-color:#FFF;color:#369;font-weight:bold;}
#leftcol .navcontainer li a.on:hover, #leftcoldiv .navcontainer li a.on:hover{cursor:text;}

#picscontainer{left:162px;position:absolute;vertical-align:middle;width:850px;}
#pics img{border:1px inset #8CB3D9;margin-bottom:3px;margin-top:5px;}
#leftColumnContent, .leftColumnContent{padding:7px;}
#agencybottomnav li a{white-space:nowrap;}

/* breadcrumbs */
#breadcrumbs{background-color:#396BAC;border-bottom:1px solid #396BAC;border-left:170px solid #396BAC;
  clear:both;color:#FFF;font:0.75em arial, sans-serif;padding-left:14px;padding-top:2px;padding-bottom:2px;
  height:1.3em;line-height:1.3em;white-space:nowrap;}
#breadcrumbs a{color:#FFF;text-decoration:none;}
#breadcrumbs a:hover, #breadcrumbs a:focus{color:#6692CC;}
#breadcrumbs .trail{display:inline;}
#breadcrumbs #sitemap{padding-right:.5em;}

/* searchbox positioning */
#searchbox{height:17px;left:510px;position:absolute;top:6px;white-space:nowrap;}
/* if search box moved in as list item */
ul#topnav li #searchbox{left:0;position:static;top:0;}
ul#topnav li #searchbox, ul#topnav li #searchbox form{display:inline;}

/* searchbox */
#searchbox, #leftColumnContent, .leftColumnContent, #sitesubname
{color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:.80em;}
#seek .textbox{border:1px solid #90BADE;padding-left:6px;width:170px;vertical-align:top;}
#seek .textbox:focus{background-color:#FFC;}
#seek .submit{background:#DDD url("/~/media/global/homepage/kcHighlights/kcHighlightRotator_cellshade.ashx") top left repeat-x;border:1px solid #90BADE;color:#000;font-weight:bold;margin-left:6px;vertical-align:top;}
#seek .submit:hover, #seek .submit:focus{background-image:none;}

/* PRINT-FRIENDLY, SITEMAP links 
  #funcs - Deprecated. Retained for designers not using IT Central maintained templates
  kcFunctions - new version */
.kcFunctions{display:inline;line-height:1.1em;position:absolute;right:0;}
#funcs, .kcFunctions{font-family:arial, helvetica;font-size:.85em;text-transform:uppercase;}
#funcs{font-size:65%;position:absolute;right:4px;text-align:right;top:90px;}
#funcs div, .kcFunctions div{background:#396BAC;border-left:1px solid #EEE;float:left;padding:3px;}
#funcs div a, #breadcrumbs .kcFunctions div a{color:#FFF;text-decoration:underline;}
#funcs div img, .kcFunctions div img{border:0;vertical-align:middle;}

/* top horizonal menu */
#kclogo{height:90px;left:5px;position:absolute;text-align:center;top:3px;width:140px;}
#kclogo a img{border:0;}
ul#topnav{margin:6px auto .5em 180px;padding-left:0;text-transform:uppercase;white-space:nowrap;}
#topnav li{display:inline-block;}/* this line MUST preceed next one to fix IE Zoom */
#topnav li{display:inline;list-style-type:none;margin:0;padding:0;text-transform:uppercase;}
#topnav .menuitem a{padding:0 7px; border-left:1px solid #FFF;}
#topnav .first a{padding:0 7px 0 7px;border-left:1px solid #FFF;}
#topnav .last a{padding:0 7px 0 7px;border-right:1px solid #FFF;border-left:1px solid #FFF;}
#topnav a{border-top:1px solid #006;text-decoration:none;}
#topnav a:link, #topnav a:visited{color:#FFF;font:normal .7em/100% verdana, arial, sans-serif;text-decoration:none;}
#topnav a:hover, #topnav a:focus{border-top:1px solid #396bac;color:#BDE0FF;}
#topnav li.last a{font-weight:normal;}

/* Main site heading, first text line at top left */
div#sitename{color:#FFF;font:bold 1.5em/1em verdana, arial, sans-serif;padding-bottom:4px;
  white-space:nowrap;width:450px;margin:0 0 0 185px;}
#sitename a, #toptitle a:visited{color:#FFF;text-decoration:none;}
#sitename a:hover{color:#BDE0FF;}

/* Secondary site heading, second text line at top left */
#sitesubname{color:#C9E7FD;display:block;font-weight:bold;
  white-space:nowrap;width:450px;margin:.4em 0 0 185px;}
#sitesubname a{color:#FFF;text-decoration:none;}
#sitesubname a:hover, #sitesubname a:focus{color:#BDE0FF;}

#agencyhomefeature{background-color:#D1D8E0;border-bottom:solid 1px #F09915;
  border-top:5px solid #F09915;font-size:.8em;padding:0 5px 2px 9px;vertical-align:top;}
#agencyhomefeature h1{margin-top:10px;}

/* from enterprise */
html, body{height:100%;}
body{
_font-size:100%;/* using underscore hack for MSIE */
}
#sitecontentheader{vertical-align:top;}
.colorbar{background-color:#F09915;border:0;font-size:1px;height:3px;padding:0;vertical-align:top;}
.colorbar2{border-top:3px solid #F09915;}
#navcontainer .menuhead, .navcontainer .menuhead{background:#396BAC url("/style/kcBaseImages/leftarrowlight.gif") left no-repeat;
  color:#FFF;border-bottom:1px solid #90BADE;font:bold 1.2em Arial, Helvetica, sans-serif;
  height:20px;padding-left:10px;padding-top:4px;vertical-align:middle;}
#contentbanner{background-color:#D1D8E0;border-bottom:1px solid #F09915;}
div#header{clear:both;}

/* Replacement for deprecation portal styles */
#threecolwrapper .kcMainColumn{background-image:url("/style/kcBaseImages/backleftbar.png");background-repeat:repeat-y;min-height:80%;
_height:80%;/* MSIE underscore hack */
}
#threecolwrapper .kcMainColumn, #threecolwrapper .kcMainColumnNoNav
{border-top:5px solid #F09915;display:block;float:left;width:100%;}
#threecolwrapper .kcMainContent{margin-left:169px;}
#threecolwrapper .kcMainContent, #threecolwrapper .kcMainContentNoNav
{background:#FFF;border:1px solid #FFF;border-top:0;min-height:100%;
  _height: 100%;/* using underscore hack for MSIE here */ 
  margin-right:200px;}

/* Deprecated portal styles. Retained in case portal is mimiced by County designers */
div#maincol{background-image:url("/style/kcBaseImages/backleftbar.png"); /* this makes left blue bar go all the way down */
background-repeat:repeat-y;border-top:5px solid #F09915;display:block;float:left;min-height:80%;width:100%;
_height:80%;/* MSIE underscore hack */
} /* this is needed by Opera */
div#main{background:#FFF;border:1px solid #FFF;border-top:0;min-height:100%;
  _height: 100%;/* using underscore hack for MSIE here */ 
  margin-left:169px;margin-right:200px;}


div#wrapper{display:table-row;vertical-align:top;}
div#col3{border-left:1px solid #CCC;border-bottom:1px solid #CCC;float:left;
  margin-left:-202px;margin-top:5px;width:200px;}
div.colwrapper{margin:0;}
#pageupdateddate{clear:both;}
#leftinnercol{width:48%;}
#rightinnercol{width:48%;padding-left:8px;float:right;}
.portalcol .linkwithblurb a:link, .portalcol .linkwithblurb a:visited{color:#C26200;font-weight:bold;}
.portalcol .linkwithblurb a:hover, .portalcol .linkwithblurb a:focus{color:#F57C00;}

/* homepage */
/* pet this looked wrong, changed */
.kcHome .contentcontainer{background:url("https://kingcounty.govhttps://kingcounty.gov/media/global/homepage/kcBackgrounds/HomePageBg.ashx") top left repeat-x scroll;}
#homefeature{background-color:#D1D8E0;border-bottom:1px solid #F09915;padding:0 5px 2px 9px;vertical-align:top;}
#homebanner{background-color:#D1D8E0;border-bottom:1px solid #F09915;height:100%;vertical-align:top;}
#lefthome{border-right:1px solid #DDD;padding-left:11px;width:260px;}
#middlehome{border-right:1px solid #DDD;width:200px;}
#righthome .spot{width:240px;}
#lefthome .spot{width:220px;}
.spot{margin-bottom:12px;}
.spot ol, .spot ul{margin-bottom:0;}
.spot ol li{margin-left:-18px;}
.spot ul li{list-style-image:url("/style/kcBaseImages/bullet2.png");margin-bottom:3pt;margin-left:-22px;}
.spot p{margin-top:3px;margin-bottom:3px;}
.spot a img{border:0;}

/* homepage and portal specific */
body.kcEnterprise .column{padding:7px 7px 10px 10px;vertical-align:top;}
body.kcEnterprise #navcontainer, body.kcEnterprise .navcontainer{font-family:Verdana, Lucida, Geneva;font-size:.7em;}
body.kcEnterprise .navcontainer li a:link{color:#FFF;}
body.kcEnterprise #leftcol .navcontainer li a:hover{background-color:#498AD8;color:#FFF;}
body.kcEnterprise div.contentcontainer{padding:1em;}
body.kcEnterprise .contentcontainer h1{font-size:1.2em;margin-bottom:0;margin-top:3px;padding-bottom:0;}
body.kcEnterprise .contentcontainer h2,
body.kcEnterprise .content h2{color:#006;font-size:1em;margin-bottom:0;padding-bottom:0;}
body.kcEnterprise .contentcontainer p,
body.kcEnterprise .contentcontainer ul,
body.kcEnterprise .contentcontainer ol{margin-top:5px;}
body.kcEnterprise div#col2{float:left;margin-left:-100%;width:170px;background-color:#006;}
body.kcEnterprise a:link{color:#039;text-decoration:none;}
body.kcEnterprise a:visited{text-decoration:none;}
body.kcEnterprise a:hover{color:#06C;}

/* Custom code sections */
.kcBeforeBreadcrumbs, .kcEnterprise .kcAfterBreadcrumbs{background-color:#90BADE;}

/* Share */
#kcSharePage{background-color:#396BAC;border:1px solid #036;margin:3px 0 0 0;padding:.5em;position:absolute;right:0;top:1.5em;width:10em;}
#kcSharePage, #kcSharePage li{list-style-type:none;text-transform:none;}
#kcSharePage li{height:16px;line-height:16px;padding-bottom:.25em;}
#kcShareLink{position:relative;z-index:1000;}
#kcSharePage li a{background-image:url("~/media/global/icons/kcShareLink.ashx");background-color:transparent;background-repeat:no-repeat;display:block;height:16px;padding:0 0 0 19px;/*ff: padding:1px 0 2px 19px;*/}
.kcShareEmail a{background-position:-0px -0px;}
.kcShareFacebook a{background-position:-0px -16px;}
.kcShareTwitter a{background-position:-0px -32px;}
.kcShareDelicious a{background-position:-0px -48px;}
.kcShareDigg a{background-position:-0px -64px;}
.kcShareReddit a{background-position:-0px -80px;}
.kcShareStumbleUpon a{background-position:-0px -96px;}
.kcShareBuzz a{background-position:-0px -112px;}

/* jQuery Resets */
html body .ui-helper-reset{font-size:.85em;font-family:Arial,Helvetica,sans-serif;}