/*** Style Enhancements and Browser Specific Changes ***/ /*** Dan Chapman, June 2009 ***/ * html #midground{background: #C8E9F2;} * html #foreground{background: #C8E9F2;} * html .contentfooter {background: none; background-image: none; padding: 0;} * html #pageFooter dl {float: left; margin-top: 5.5em; color: #fff; text-align: left; width: 15%; overflow: hidden;} * html #pageFooter dl.webmakers, *+html #pageFooter dl.webmakers {background-color: #248FB5;} /* IE5 needs shifting up - and #empty to clear its parsing palette */ * html body #pageHeader { font-family : "\"}\""; font-family : inherit; margin-bottom : 0; } * html #wrapper2 {border: none;} * html #wrapper2 {border-top: 1px solid #C8E9F2;} * html #mainContent {float: left; width: 99%; margin: 0; padding: 0;} *+html #pageContainer #mainContent .pagination {overflow: hidden; padding: .5em 0 0 0;} * html #pageContainer #mainContent .pagination {overflow: hidden;} /*** IE 7 Menu background fix ***/ *+html #wrapper2 {border-top: 1px solid transparent;} /*\*/ * html #mainNav ul li a {height: 19px;} *+html #mainNav ul li a {height: 19px;} /* #mainNav block links -- IE Bug. Thanks, Holly! */ *html .widgets {padding: 0 8px;} *+html #mainContent.homepage ul li.onlineservices ul li a {background: url(../img/backgrounds/lightgray_trans.png) top left repeat;} *+html #mainContent.homepage ul li.onlineservices ul li a:hover {background: url(../img/backgrounds/darkgray_trans.png) top left repeat;} * html #mainContent.homepage ul li.onlineservices ul li a {background: #124574;} * html #mainContent.homepage ul li.onlineservices ul li a:hover {background: #08222F;} *+html #pageContainer #mainContent.homepage ul li.highlights ul li a {background: url(../img/backgrounds/lightgray_trans.png) top left repeat; line-height: 1em; padding: 0 .2em; text-decoration: underline;} *+html #pageContainer #mainContent.homepage ul li.highlights ul li a:hover {background: url(../img/backgrounds/darkgray_trans.png) top left repeat; line-height: 1em; padding: 0; text-decoration: underline; color: #fff; padding: 0 .2em;} /** IE Community backgrounds ***/ *+html #mainContent.homepage ul li.communitygroups a {background: url(../img/backgrounds/lightgray_trans.png) top left repeat; text-decoration: underline; margin: 0 0 .4em 0; padding: .2em; line-height: .8em;} *+html #mainContent.homepage ul li.communitygroups a:hover {background: url(../img/backgrounds/darkgray_trans.png) top left repeat; color: #fff;} * html #mainContent.homepage ul li.communitygroups a {text-decoration: underline; margin: 0; padding: 0; line-height: 1em;} * html #mainContent.homepage ul li.communitygroups a:hover {text-decoration: underline;} * html #mainContent.homepage ul li.photographs, * html #mainContent.homepage ul li.green {height: 10.5em;} * html #mainContent.homepage ul li.communitygroups a {margin: 0; padding: 0; line-height: 1em;} * html #pageContainer.homepage #mainContent.homepage ul li.media ul li a {padding: 0 0 0 20px; border-bottom: none;;} * html #pageContainer.homepage #mainContent.homepage ul li.media ul li a:hover {background-color: #fff;} *+html #mainContent .sliderboxNav a {background: url(../img/backgrounds/darkgray_trans.png) top left repeat;} * html #mainContent .sliderboxNav a {background: #777; font-size: 1em; line-height: 1.05em; border-top: 1px solid #eee; border-bottom: 1px solid #eee;} * html #mainContent .sliderboxNav a:hover {background: #3E423A; font-size: 1em; line-height: 1.05em; color: #fff;} *+html .sliderboxNav div.progress_box div{background: #194b80; padding-top: 0;} * html .sliderboxNav div.progress_box div{background-color: #194b80;} *+html #mainContent .sliderboxNav div.sliderboxNavMain a.active_icon {background: url(../img/backgrounds/darkgray_trans.png) top left repeat-x; } * html #mainContent .sliderboxNav div.sliderboxNavMain a.active_icon {color: #fff; background-color: #238BB1;} * html #pageContainer #rightRail #mediaCentral ul li a, * html #pageContainer #rightRail .communities ul li a{padding: 0px 0 0px 20px; margin: 0; background-color: #fff; border-top: none; line-height: .6em;} *html #pageContainer #header h1 {padding-left: 8px;} /*** Tabs ***/ dl.tabContent { -moz-border-radius-topright: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } *+html #pageContainer #mainContent li#tabBox {margin-top: .35em; width: 48.5%; margin-bottom: 0;} * html #pageContainer #mainContent.homepage li#tabBox dl.tabContent dd a {line-height: 1.3em;} * html div#shareContainer{background-color: #248FB5;} *+html div#shareContainer{background: url(../img/backgrounds/share.png) repeat;} * html #pageContainer #topNav .hoveredShareBox .sharelist ul li a:hover, *+html #pageContainer #topNav .hoveredShareBox .sharelist ul li a:hover {background-color: #003a67;} /*** Top Nav ***/ * html #topNav {font-size: .7em;} * html .helplinks a.spanish {background: url(../img/navbar/espanol.gif) 5% 25% no-repeat;} * html .helplinks a.spanish:hover {background: none url(../img/navbar/espanol_hover.gif) 5% 25% no-repeat;} * html .helplinks a.phonebook {background: url(../img/navbar/phonebook.gif) 5% 25% no-repeat;} * html .helplinks a.phonebook:hover {background: url(../img/navbar/phonebook_hover.gif) 5% 25% no-repeat;} * html .helplinks a.askri {background: url(../img/navbar/ask.gif) 5% 25% no-repeat;} * html .helplinks a.askri:hover {background: url(../img/navbar/ask_hover.gif) 5% 25% no-repeat;} * html .helplinks a.twooneone {background: url(../img/navbar/211.gif) 5% 25% no-repeat;} * html .helplinks a.twooneone:hover {background: url(../img/navbar/211_hover.gif) 5% 25% no-repeat; } * html .helplinks a.fiveoneone {background: transparent url(../img/navbar/511.gif) 5% 25% no-repeat;} * html .helplinks a.fiveoneone:hover {background: url(../img/navbar/511_hover.gif) 5% 25% no-repeat;} * html .helplinks a.help {background: url(../img/navbar/help.gif) 5% 25% no-repeat;} * html .helplinks a.help:hover {background: url(../img/navbar/help_hover.gif) 5% 25% no-repeat;} * html .helplinks a.atoz {background: url(../img/navbar/az.gif) 5% 25% no-repeat;} * html .helplinks a.atoz:hover {background: url(../img/navbar/az_hover.gif) 5% 25% no-repeat;} *+html .helplinks a.spanish {background: url(../img/navbar/espanol.gif) 5% 25% no-repeat;} *+html .helplinks a.spanish:hover {background: none url(../img/navbar/espanol_hover.gif) 5% 25% no-repeat;} *+html .helplinks a.phonebook {background: url(../img/navbar/phonebook.gif) 5% 25% no-repeat;} *+html .helplinks a.phonebook:hover {background: url(../img/navbar/phonebook_hover.gif) 5% 25% no-repeat;} *+html .helplinks a.askri {background: url(../img/navbar/ask.gif) 5% 25% no-repeat;} *+html .helplinks a.askri:hover {background: url(../img/navbar/ask_hover.gif) 5% 25% no-repeat;} *+html .helplinks a.twooneone {background: url(../img/navbar/211.gif) 5% 25% no-repeat;} *+html .helplinks a.twooneone:hover {background: url(../img/navbar/211_hover.gif) 5% 25% no-repeat; } *+html .helplinks a.fiveoneone {background: transparent url(../img/navbar/511.gif) 5% 25% no-repeat;} *+html .helplinks a.fiveoneone:hover {background: url(../img/navbar/511_hover.gif) 5% 25% no-repeat;} *+html .helplinks a.help {background: url(../img/navbar/help.gif) 5% 25% no-repeat;} *+html .helplinks a.help:hover {background: url(../img/navbar/help_hover.gif) 5% 25% no-repeat;} *+html .helplinks a.atoz {background: url(../img/navbar/az.gif) 5% 25% no-repeat;} *+html .helplinks a.atoz:hover {background: url(../img/navbar/az_hover.gif) 5% 25% no-repeat;} * html span.skip {margin-top: -2em;} * html .videoWrapper { margin-bottom: 45px; margin-bot\tom: 0; } *+html #mainContent #tabBox dl.tabContent.judiciary dd, #mainContent #tabBox dl.tabContent.legislature dd, #mainContent #tabBox dl.tabContent.other dd {padding-bottom: 0;} * html #mainContent.homepage ul li.calendar {width: 22%; margin-right: 2.7%; float: right;} *+html #mainContent form.application fieldset legend{ padding-top: 10px; margin-top: -10px; padding-bottom: .5em; } *+html #mainContent .application fieldset legend{ padding-top: 10px; margin-top: -10px; padding-bottom: 1.5em; } * html #mainContent form.application fieldset, * html #mainContent .application fieldset { background: ##E8EAEB url(../img/backgrounds/application.gif) top left repeat-x; } * html #mainContent .application fieldset { background: ##E8EAEB url(../img/backgrounds/application.gif) top left repeat-x; } #mainContent .pageNav a, .xmlButton, .podcastButton, a.podcastButton { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } a.az {border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;} #pageContainer #mainContent #trans_slide ul li, #mainContent .phonebook, #mainContent .smartsearch, #mainContent .lightgreyContent h1, #mainContent .lightgreyContent h3, #mainContent .lightblueContent h2, #mainContent .darkblueContent h3, #mainContent .linkContent h3, #mainContent .lightblueContent, #mainContent .linkContent, #mainContent .darkblueContent, #mainContent .blueContent, #mainContent .lightgreyContent, #mainContent .tagContent, #mainContent .contentbox, #mainContent .pressContent, .contentbox .related, #mainContent.homepage ul li, #pageFooter dl, .refine, #pageContainer.askri #mainContent #splashHeader, #pageContainer.edemocracy #mainContent #splashHeader, .identity, .identity img, iframe, #shareContainer, #header input#search, .primary, #pageContainer #mainContent .pagination a.previous, #pageContainer #mainContent .pagination a.next, #mainContent .pageNav .backButton a, #mainContent .pageNav .nextButton a { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #mainContent .lightblueContent, #mainContent .linkContent, #mainContent .darkblueContent, #mainContent .tagContent, #mainContent .contentbox, #mainContent .pressContent, #topNav, #mainContent .linkblock, #mainContent .quickLinks, #mainContent .lightgreyContent, #shareContainer, #mainContent.homepage ul li.toppicks, #mainContent.homepage ul li.topnews, #mainContent.homepage ul li.alerts, #mainContent.homepage ul li.photographs, #mainContent.homepage ul li.calendar, #mainContent.homepage ul li.onlineservices, #mainContent.homepage ul li.communitygroups, #mainContent.homepage ul li.highlights, #mainContent.homepage ul li.news, #mainContent.homepage ul li.green, #mainContent.homepage ul li.media, #mainContent.homepage ul li#tabBox dl.tabContent, #rightRail .content, #rightRail h1, #rightRail .accordion h3, #rightRail .accordion .expandcontent { box-shadow: 2px 2px 2px rgba(0,0,0,.1); -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.1); -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.1); } #pageContainer.guide .blueContent { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: 3px; } #mainContent .results .open a, #mainContent .results .close a {-moz-border-radius: 3px; -webkit-border-radius: 3px;} * html dd.link {display: none;} *+html dd.link {overflow: hidden;} #mainContent .tabNav a.selected {-moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px;} .sliderboxNav div.progress_box div, .accordion h3 a, #pageFooter a:hover, #weatherContainer a, #mainContent.homepage ul li.communitygroups a, #mainContent.homepage ul li.green a, #pageContainer #mainContent.homepage ul li.highlights ul li a, .results dd.tags a, #mainContent.homepage ul li.onlineservices ul li a, #pageContainer #topNav .hoveredShareBox .sharelist ul li a:hover, .sortLink a, #pageContainer.homepage h3 { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #mainContent .sliderboxNav a.next {-moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; } #mainContent .sliderboxNav a.prev {-moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px;} #mainContent.homepage ul li.green a {background: rgba(255,255,255,.8);} #mainContent.homepage ul li.communitygroups a {background-color: rgba(0,0,0,.1);} #pageContainer #mainContent.homepage ul li.highlights ul li a {background-color: rgba(0,0,0,.1); } #pageContainer #mainContent.homepage ul li.highlights ul li a:hover {background-color: rgba(0,0,0,.2);} #mainContent.homepage ul li.onlineservices a:hover {background-color: rgba(0,0,0,.3);} *+html #mainContent.homepage ul li.onlineservices ul li a {font-size: 1em;} *+html #mainContent.homepage ul li.communitygroups ul li a {font-size: .9em;} #mainNav { -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; } #pageContainer #rightRail .sidebarContent h1, #pageContainer #rightRail #mediaCentral h1 { -moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; } #rightRail .sidebarContent .content { -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; } #wrapper2 {-webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px;} #pageContainer #mainContent .linkblock .results dl{ -moz-border-radius: none; -webkit-border-radius: none; } /*** RGBa Color values ***/ #weatherContainer a {background-color: rgba(0,0,0,.1);} #mainContent.homepage ul li.communitygroups a:hover {background-color: rgba(0,0,0,.2);} div#shareContainer {background-color: rgba(36,143,181,.9);} #pageContainer #topNav .hoveredShareBox .sharelist ul li a:hover {background-color: rgba(0,58,103,.5);} #mainContent .sliderboxNav a{background-color: rgba(0,0,0,.5); } #pageFooter dl {background-color: rgba(36,143,181,.8);} #mainContent.homepage ul li.onlineservices ul li a {background-color: rgba(0,0,0,.1);} #mainContent .sliderboxNav a:hover {background-color: rgba(0,0,0,.2)} .sliderboxNav div.progress_box div {background-color: rgba(0,0,0,.1);} #mainContent .sliderboxNav div.sliderboxNavMain a.active_icon {background-color: rgba(0,0,0,.7); } #pageContainer #mainContent #trans_slide ul li {background: rgba(18,73,113,.2);} * html #mainContent.homepage ul li.toppicks ul li a {line-height: 1.4em;} *+html #mainContent.homepage ul li.toppicks ul li a {line-height: 1.5em;} /*** Fancy Schmancy Webkit Transitions ***/ a, #mainNav a, #mainContent .linkblock a, .results dt a {-webkit-transition: color .2s linear;} #pageFooter a:hover {background-color: rgba(25,75,128,.5); color: rgba(255,255,255,.85); } #pageFooter a, #mainContent .linkblock a {-webkit-transition: background-color .3s linear;} #rightRail a.az {-webkit-transition: background-color .2s linear;}