/*
 * YUI Resect CSS version: 2.2.2 
 * Copyright (c) 2007, Yahoo! Inc. All rights reserved.
 * Licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
 */
 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,optgroup,button,p,blockquote,th,td{margin:0;padding:0;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}table{border-collapse:collapse;border-spacing:0;}caption,th{text-align:left;}ol,ul{list-style:none;}fieldset,img{border:0;}input,textarea,select,optgroup,option,button{font-family:inherit;font-size:100%;}button,input {width: auto;overflow: visible;}optgroup,address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
dl li{list-style: none;}

a:link { outline: none; color: #dec703; font-weight: bold; text-decoration: none;}
a:visited { outline: none; color: #dec703; font-weight: bold; text-decoration: none;}
a:hover { outline: none; color: #cbb102; font-weight: bold; text-decoration: none;}
a:active { outline: none; color: #dec703; font-weight: bold; text-decoration: none;}

body {
	color: #6C6764;
	font-size: 90%;
  	line-height: 1.8;
}

span.big { font-size: 120%; }
span.small { font-size: 80%; }

.clear { clear: both;}
.clearfix { clear: right; }

p#shortedText { width: 580px;}

#pageBackground { width: 100%; background: #F8F6EC url(../images/below_green_bg.png) top left repeat-x; border-bottom: 23px solid #7B614E; padding: 30px 0 50px; }

h2 { width: 354px; height: 59px; margin-bottom: 20px; padding-top: 35px; float: left; }
h2 a { background: url(../images/logo.png) top left no-repeat; width: 354px; height: 59px; display: block; text-indent: -9999em; }

#contentWrapper #mainContainer { width: 940px; margin: 0 auto 80px; padding: 0;}
#pageMain { margin: 35px 25px 50px; }

#header { width: 940px; margin: 0 auto; margin-bottom: 50px; }

.module { margin-bottom: 50px; }

#ltColumn, .ltColumn { width: 555px; margin-right: 25px; float: left;}
#rtColumn, .rtColumn { width: 285px; margin-left: 25px; float: left;}

#nav { width: 940px; height: 35px; background: #85BE3D url(../images/bg_nav.jpg) bottom left repeat-x; }

#nav li {  float: left;  text-transform: uppercase; padding: 0px; background: url(../images/bg_navLine.png) right 5px no-repeat; width:150px; }
/*#nav li.last { background: none; }*/
#nav li a { color: #F8F6EC; text-decoration: none; font-weight: normal; padding: 5px 20px; display: block; text-align: center; }
body.scorecard #nav li#scorecard, body.scorecard #nav li#scorecard a, body.background #nav li#background, body.background #nav li#background a, body.analysis #nav li#analysis, body.analysis #nav li#analysis a, body.methodology #nav li#methodology, body.methodology #nav li#methodology a,  body.media #nav li#media, body.media #nav li#media a, body.corrections #nav li#corrections, body.corrections #nav li#corrections a, body.resources #nav li#resources, body.resources #nav li#resources a, body.feedback #nav li#feedback, body.feedback #nav li#feedback a, body.summary #nav li#summary, body.summary #nav li#summary a, body.results-consistency #nav li#consistency a, body.results-completeness #nav li#completeness a, body.results-timeliness #nav li#timeliness a, body.data-act #nav li#data-act a { color: #fff; background-color: #609819; }


#subnav { border-bottom: 1px solid #f3f2f2; }
#subnav li { padding: 12px 20px 8px; float: left; position:relative; }
#subnav li a { color: #807c77; font-weight: normal;  }
#subnav li:hover a { color: #807c77; font-weight: bold;  }
#subnav li:hover { border-bottom: 3px solid #f3f2f2;  }

#nav ul li ul {left: -9999px; position:absolute; list-style: none; width:150px; z-index:2147483647; }
#nav ul li ul li { background-color: #84BC3D; padding:0px; float: none; width:150px; margin: 0;}
#nav ul li:hover ul {left: auto;  }
#nav ul li ul li:hover {background-color:#609819;}

#featureBox { background: url(../images/bg_featureBox.jpg) right bottom no-repeat; min-height: 320px; }
#featureBox .ltColumn{
	width: 660px;
}
#featureBox h3 { margin-bottom: 15px; color: #645253; font-size: 380%; line-height: 50px; }
#featureBox h3 span { display: block; font-weight: 700; }
#featureBox p { font-size: 135%; line-height: 30px; padding-right: 30px; margin-bottom: 100px; color: #857273; }

#scorecardPromo { background: url(../images/bg_scorecardPromo.jpg) top left no-repeat; padding: 50px 10px 0; text-align: center; height: 240px; }
#scorecardPromo a { background: url(../images/btn_viewScorecard.png) center top no-repeat; width: 252px; height: 66px; margin: 0 auto;   }

a#scorecardBtn { display: block; width: 322px; height: 45px; background: url(../images/btn_results.png) top left no-repeat; text-indent: -9999em; position: relative; top: 20px;}

h3 { color: #645253; font-size: 200%; margin-bottom: 25px; line-height: 30px; }
h4 { font-size: 170%; line-height: 28px; font-weight: normal; margin-bottom: 20px; padding-top: 10px; }
#summary h3 { text-transform: none;}
#homeltColumn h3, #homertColumn h3  { text-transform: capitalize;}

#rtColumn h4 { margin-top: 0px;}
h5 { margin-bottom: 10px; font-weight: bold; color: #636466;}

#reporting { background: url(../images/header_reporting.jpg) top center no-repeat; padding-top: 55px; margin-bottom: 40px;}
#metrics { background: url(../images/header_metrics.jpg) top center no-repeat; padding-top: 55px;}
#important { background: url(../images/header_video.jpg) top center no-repeat; padding-top: 55px;}

#pageMain ul li { margin-bottom: 15px; list-style-type: disc; margin-left: 25px;}
#pageMain ol li { margin-bottom: 15px; list-style-type: decimal; margin-left: 25px; }

#contact-form fieldset label.error {display:block; margin: 0px 0px 0px 8px; padding:0; background-color: white; border: none; font-weight: bold; float:left; font-size: 80%; }
#contact-form input.error { padding: 0; margin: 0px 0px 10px; float:left; border-color: #FBC2C4; border-width:2px; }
#contact-form textarea.error {padding: 0; background-color: white;}

.graphicRight { float: right; margin-left: 25px; margin-bottom: 15px;}
.graphicLeft { float: left; margin-right: 25px; margin-bottom: 15px;}
.graphic table td{ border: 1px solid #e8e6e1; padding: 7px; text-align: left;}
.graphic table tr th { font-weight: bold; padding: 0 0 5px 5px;}

cite {color: #717171; font-size: 90%; font-style: italic; }


/*--------------------------filters*/

#filters { background-color: #ECE8DC; padding: 15px; border: 1px solid #d6d2c4;}
body.program-detail #filters { float: left; width: 100%; max-width: 600px; margin-top: 15px; }
#filters ul li, #pageMain #bottom-legend li, #pageMain  ul.legend li { list-style-type: none;}
#pageMain #filters ul li, #pageMain #bottom-legend li  { margin-left: 0;}
#pageMain #filters li { margin-bottom: 0;}
#filters h4 { margin-top: 0;}
#years li { float: left; font-size: 120%; margin-top: 10px; }
#years li a { color: #68A31D; padding: 8px 9px 5px; text-decoration: none; font-weight: normal; }
#years li a:hover, #years li a.active  { color: #FFF; background-color: #85BE3D; border: 1px solid #68A31D; font-weight: bold;}

#pageMain input.radio { position: static; margin-right: 5px;}

#radios, #program-search { margin-left: 25px; padding-left: 15px; border-left: 1px solid #D6D2C4; float: left; }
#contentWrapper #program-search input.submit { background: url("http://assets.sunlightfoundation.com/site/3.1/images/magnifier.png") left top no-repeat; border: none; height: 16px; width: 16px; cursor: pointer; display: block; margin-top: 7px; margin-left: 10px;}
#contentWrapper #program-search input { border: 1px solid #c8c4b7; float: left;}
#program-search label { margin-right: 10px; float: left; margin-top: 7px;}

ul#bottom-legend li { float:left;  margin: 0 15px;}
ul#bottom-legend li span { text-indent: -9999em; width: 10px; height: 10px; display: block; margin-top: 6px; float: left; margin-right: 5px;}
span.bad { background-color: #EB4724; }
span.warn { background-color: #EC9322; }
span.good { background-color: #83A93F;}
span#keyTitle, ul#bottom-legend { float: left;}
span#keyTitle { padding-top:2px; font-weight: bold; margin-right: 10px;}
#agencyKey { margin-top: 15px;}

.tip { font-family: Georgia, Times, "Times New Roman", serif; font-style: oblique; font-size: 95%; margin-bottom: 20px; }

h4 .tip{
	font-size: 16px;
	display: block;
}

#graph { float: left; }
.graph { float: left; }
#description { margin-bottom: 30px; }
#description ul.legend { font-size: 90%; float:left; margin-top: 10px; }
#pageMain #description ul.legend li { margin-bottom: 10px; margin-left: 0;}
#description ul.legend li span { width:10px; height: 10px; display: block; float:left; margin-right: 5px; margin-top: 4px;}

#agency_data { margin: 40px 0; padding-bottom: 40px; border-bottom: 1px solid #e8e6e1;}

#pageMain #bignumbers li, #program-total-value { color: #7ABDD4; font-size: 120%; float: left; display: block; text-align: center; margin: 0 20px 0 0; width: 128px; font-weight: bold; }
#bignumbers li span { font-weight: normal;}
.bignumberstext { display: block; font-size: 80%; }

#agency { margin: 30px 0; }
#agency h4 { margin-top: 0;}
#agencylogo { margin-right: 15px; float: left; }
#department { color: #636466; font-size: 120%; font-weight: bold; }
#title { float: left; width: 670px; }

.program-title > a,
.program-title > a:link,
.program-title > a:active,
.program-title > a:visited,
.program-title > a:hover 
.agency-title > a,
.agency-title > a:link,
.agency-title > a:active,
.agency-title > a:visited,
.agency-title > a:hover { color: #645253; font-weight: normal; }
.program-title { vertical-align: bottom; }
.agency-title { vertical-align: bottom; }
h3.program-title, h3.agency-title { font-size: 26px; line-height: 28px; font-weight: normal; }
h4.program-title, h4.agency-title { font-size: 20px; line-height: 22px; font-weight: normal; }

#program-total-value { float: right; width: 210px; margin: 0; }
#program-total-value span { font-size: 95%; font-weight: normal; margin-bottom: 10px; display: block;}
#program-total-value ul li { list-style-type: none; margin-left: 0px;  font-weight:normal; }
#program-total-value ul { list-style-type: none; }
.greenarrow { background: url(../images/greenarrow.png) top left no-repeat; display: block; width: 17px; height: 19px; text-indent: -9999em;  }
.redarrow { background: url(../images/redarrow.png) top left no-repeat; display: block; width: 17px; height: 19px; text-indent: -9999em; }

.ratingtable.program-detail th.arrow, .arrow { width: 20px; }


/*---------------------------tables*/
table { font-size: 90%; width: 100%; }
#pageMain table a { text-decoration: underline; font-weight: normal; color: #636466; }
#pageMain table a:hover { color: #68A31D;}
table.generic-table { margin-top: 25px; }
.agencydescription { padding: 10px 10px; }
th { color: #636466; font-weight: bold; padding-bottom: 15px; font-size: 100%; text-transform: uppercase; line-height: 15px; padding-right: 10px;}
.ratingtable { padding-bottom: 30px; }
#pageMain .ratingtable li { border-top: 1px solid #E8E6E1; margin-top: 30px; padding-top: 30px; list-style-type: none; margin-left: 0; margin-bottom: 0;}
.ratingtable th { padding: 0 10px 10px 10px; font-size: 130%; color: #636466; font-weight: bold; }
.ratingtable td { width: 150px; }
.ratingtable .reviewed { width: 350px;}

td { padding: 15px 0 15px 15px; padding-right: 10px;}
.sort, #agencytable th.sort:nth-child(2) { background: url(../images/sortArrows.png) right 10px no-repeat;  padding-right: 15px; cursor:pointer; }
th.sort:nth-child(1), th.sort:nth-child(2) { background: url(../images/sortArrows.png) left 10px no-repeat;  padding-left: 15px; cursor:pointer; }

.headerSortDown, #agencytable th.headerSortDown:nth-child(2) { background: url(../images/sortArrows_down.png) right 10px no-repeat;}
.headerSortUp, #agencytable th.headerSortUp:nth-child(2) { background: url(../images/sortArrows_up.png) right 10px no-repeat;}
th.headerSortDown:nth-child(1), th.headerSortDown:nth-child(2) { background: url(../images/sortArrows_down.png) left 10px no-repeat;}
th..headerSortUp:nth-child(1), th.headerSortUp:nth-child(2) { background: url(../images/sortArrows_up.png) left 10px no-repeat;}

.last-cell { padding-right: 20px;}

.even, .odd { color: #636466; }
.odd { background-color: #F6F4EE; }

.bad { color: #EB4724; }
.warn { color: #EC9322; }
.good { color: #83A93F;}

#pageMain a.name { text-decoration: none;}
#pageMain a.name:hover { text-decoration: underline; }

/*buttons*/
button, .textReplace { text-indent: -9999em; display: block; height: 45px; cursor: pointer; border: none;}
.submit { width: 124px; background: url(../images/btn_submit.jpg) top left no-repeat; margin-left: 120px; margin-top: 30px;}
.okBtn { width: 50px; height: 33px; background: url(../images/btn_ok.jpg) top left no-repeat; margin-right: 25px; margin-top: 25px;}
.noShowBtn { width: 159px; height: 33px; background: url(../images/btn_dontShow.jpg) top left no-repeat; margin-top: 25px;}

/*-------------------index page*/

#download { background: url(../images/pdf-icon.jpg) left 1px no-repeat; padding-left: 20px; font-size: 90%; display: block; float: right; text-transform: uppercase; color: #68A31D;}
#download:hover{ color: #636466; }

#steps { width: 228px; padding-top: 40px; float: left; position: relative; }
#pageMain #sidenav li { width: 180px; margin: 0; display: block;}
#pageMain #sidenav li a, #pageMain #sidenav li p { border: none;}
#pageMain #sidenav li a { width: 228px; height: 36px; display: block;}

.number { font-family: Georgia, "Times New Roman", Times, sans-serif; font-weight: bold; font-size: 200%; display: block; float: left; margin-right: 10px; line-height: 25px; }
.animationTitle { text-transform: uppercase; font-size: 80%; display: block; float: left; width: 160px; line-height: 13px; margin-top: 6px;}

.yellow:hover { background: url(../images/animation_arrowsYellow.png) left -36px no-repeat;}
.yellow a.active { background: url(../images/animation_arrowsYellow.png) left top no-repeat; }
.yellow a.active, .blue a.active  { color: #fff;}

.blue:hover { background: url(../images/animation_arrowsBlue.png) left -36px no-repeat;}
.blue a.active { background: url(../images/animation_arrowsBlue.png) left top no-repeat;}

.pullDown { background: url(../images/expandarrow.png) top left no-repeat; text-indent: -9999em; float: left; margin: 13px 10px 0; display: block; width: 6px; height: 8px;}
.blue a.active .pullDown, .yellow a.active .pullDown { background: url(../images/expandarrow.png) left -8px no-repeat; }

#firstNumber { margin-left: 21px;}

.scorecard #sidenav p { display: none; font-size: 90%; color: #8E8E8E; padding: 10px 0 20px 25px; line-height: 18px; width: 175px;}
ul#sidenav { margin-left: 0px; }
#view { display: block; margin-top: 35px; color: #68A31D; font-weight: bold; text-transform: uppercase; background: url(../images/btn_scorecardSm.png) top left no-repeat; text-indent: -9999em; width: 186px; height: 33px;}
#view:hover { color: #636466; }

#stage { float: left; margin-left: -14px; margin-top: 22px; }


/* cross browser table scroll styling */
div#agencytablecontainer, div#programtablecontainer { height: 500px; width: 890px; clear:both; overflow-y:auto; overflow-x:hidden; }
html>body div#agencytablecontainer, html>body div#programtablecontainer { overflow: hidden; width:100%; height: 550px; }
div#agencytablecontainer thead tr th, div#programtablecontainer thead tr th  {  background-color:white; }

div#agencytablecontainer table, div#programtablecontainer table { float:left; width: 874px; }
html>body div#agencytablecontainer table, html>body div#programtablecontainer table { width: 100%; }
div#agencytablecontainer thead tr, div#programtablecontainer thead tr { position:relative; }

html>body div#agencytablecontainer thead tr, html>body div#programtablecontainer thead tr { display:block; }

div#agencytablecontainer tbody, div#programtablecontainer tbody { height: 500px; width: 100%; overflow-x: hidden; overflow-y: auto; display:block;}
div#agencytablecontainer tr, div#programtablecontainer tr {  }


div#programtablecontainer .med { width: 105px;}
div#programtablecontainer .lg { width: 150px;}
div#programtablecontainer .sm { width: 70px;}
div#agencytablecontainer .med  { width: 116px; }
 div#agencytablecontainer .lg  { width: 160px; }
 div#agencytablecontainer .sm  { width: 70px; }

div#agencytablecontainer, div#programtablecontainer { margin: 40px 0;}
#agencytable tr, #programtable tr, #agencytable tr td, #programtable tr td {height: auto;}

#agencytable tr > td, #agencytable tr > th {text-align:right; }
#agencytable tr > td:first-of-type, #agencytable tr > th:first-of-type { text-align:left; }
#programtable tr > td, #programtable tr > th { text-align:right; }
#programtable tr > td:nth-child(1), #programtable tr > td:nth-child(2), #programtable tr > th:nth-child(1), #programtable tr > th:nth-child(2) { text-align:left; }

tr#titles, #programtable thead tr {margin-right: 20px; }

.agencydescription { color: #8E8E8E; font-size: 100%; line-height: 150%; padding-left: 10px; display: none; width: 280px; }

.caveat { -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #C30B0B; color: #636466; display:block; font-style:italic; margin-top: 20px; padding: 10px 30px; }


/* table styles */
span.float-right { display: inline; float:right; margin: 15px; font-weight: bold; }
span.float-left { display: inline; float:left; margin: 15px; font-weight: bold; }
span.float-right table, span.float-left table { margin-top: 10px; }
span.float-right table th, span.float-left table th { color: #636466; font-weight: bold; text-align:center; padding: 7px; }
span.float-right table td, span.float-left table td { border: 1px solid #636466; padding: 7px; }

/* popup for scorecard intro */
div#scorecard-intro {display: none; }
div#scorecard-intro { color: #636466; background-color: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid; padding: 25px; position: absolute; margin-left: 130px; width: 605px; z-index: 2;}
.buttonWrapper { float: left;}
div#scorecard-intro p { margin-bottom: 15px; clear:both; }
div#scorecard-intro span { width: 250px; float: left; display: block; font-weight: bold; margin-top: 25px;}
div#scorecard-intro img { float: left; }
div#scorecard-intro ul { clear: both; padding-top: 3px;}
#interiorList { margin-left: 25px;}
div#scorecard-intro ul li { margin: 5px; padding-top: 3px; list-style-type: none; margin-left: 0;}
div#scorecard-intro span.clear { margin: 0; float:none; }

ol#cite { font-size: x-small; font-style: italic; }
ol#cite li { margin-bottom: 2px;  }
.footnote { padding: 10px; margin: 10px; display: block; font-style:italic; }

#summary { margin: 0; padding: 0; vertical-align: top; }
.section { margin-bottom: 30px;}
#summary .section h1 { font-weight: bold; font-size: 150%; margin: 1.5em 0 0.5em 0; }
#summary span.graph-title { display: inline-block; font-weight: bold; padding: 0; margin: 0; text-align: center; width: 100%; }
#summary .legend { background-color: #F7F7F2; border: 1px solid #EAE7E4; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 220px; margin: 15px auto; }
#summary .legend li span { width: 10px; height: 10px; display: block; float: left; margin-right: 5px; margin-top: 4px; }
#summary .legend li { display: inline-block; text-align: center; margin: 5px 0 5px 15px;}
#summary img { margin-top: 20px;}

#updated { text-indent: -9999em; display: block; background: url(../images/bg_2012badge.png); width: 127px; height: 105px; float: right; margin-top: -30px}
 
.spendingOverTime img { float: left; margin-right: 15px;}
#summary .spendingOverTime .legend { float: left; width: 120px; margin-top: 25px; }
#summary .spendingOverTime .legend li { text-align: left;}
.legendTitle { margin: 5px 0 0 15px; font-weight: bold;}

.lightBlock { background-color: #F7E2AD; border: 1px solid #D6AF63; text-indent: -9999em; display: block;}
.darkBlock { background-color: #FBCB2D; border: 1px solid #BC8E0C; text-indent: -9999em; display: block;}

#summary table.exhibit td, .results-table td { border: 1px #C4C2C1 solid; padding: 0.25em 0 0.25em 0; margin: 0; }
#summary table.exhibit th, .results-table td { border-bottom: 1px #C4C2C1 solid; font-weight: bold; vertical-align: bottom; padding: 0.25em; margin: 0; }
#summary table.exhibit tr.odd { background-color: transparent; }
table.exhibit th, td.year, td.pct, td.tally { text-align: center; }
#summary #completeness-total { width: 219px; height: 219px; position: relative; background-color: #faca2c; margin: 20px auto;  font-size: 125%; font-weight: bold; border: 2px solid #ddab1d; }
#summary #completeness-complete { width: 79px; height: 79px; position: absolute; top: 0; right: 0; background-color: #f6e4b2; }
#summary #completeness-total span { display: inline-block; margin: 1em; }

.results-table td { padding: 10px; text-align:right;}
.results-table th { padding-bottom: 5px; text-align:right;}
.results-table { margin: 20px 0px; }
.results-table tr.even {background-color: #F6F4EE; }
h5.table-header { margin-top: 20px; }
.clear:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }

            body {
                background: url(../images/sfapp_bg.jpg) center 53px repeat-x #FFFFFF;
                font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
                margin: 0;
            }
            
            p { margin-bottom: 1.5em;}
            strong, b { font-weight: bold;}
            em, i { font-style: italic; }

            .container, header { margin: 0 auto; width: 940px; padding: 0 10px;}
            #navWrapper { background: url("http://assets.sunlightfoundation.com/site/3.1/images/green_bar_bg.png") top left repeat-x; height: 36px; }
            #contentWrapper .normalForm { margin-top: 30px; }
            #contentWrapper .normalForm li { margin-bottom: 10px; list-style-type: none; margin-left: 0;}
            #contentWrapper .normalForm label { width: 120px; display: block; float: left; color: #615e5c; }
            #contentWrapper .normalForm input, #contentWrapper .normalForm textarea { width: 390px; }
            #contentWrapper .normalForm textarea { height: 150px;}
            #contentWrapper .normalForm input, .normalForm textarea, #program-search input { padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #edeae2; background-color: #f8f6f0; color: #9a9592;}
 

/*   Chart Styles  */

        ul#chart-buttons {
            float: right;
            padding: 0 6px 0px 20px;
            border-bottom: 1px solid #e9e8e8;
            margin-bottom: 6px;
        }
        #pageMain ul li.fiscal_year_chooser {
            text-align: right;
            color: #68A31D;
            margin: 0 0.5em;
            cursor: pointer;
            display: inline;
			border-left: 2px dotted #e9e8e8;
			border-right: 2px dotted #e9e8e8;
			border-top: 2px dotted #e9e8e8;
			padding: 5px 10px;
			margin: 0;
        }
        li.fiscal_year_chooser:hover {
        }
        li.fiscal_year_chooser.selected {
            color: #68A31D;
            font-weight: bold;
            background: #F3F7F3;
        }