/* layout.css */

/*
------------------------------------
    Base
------------------------------------
*/

body { background: #e9e9e9; }
div { position: relative; }

#content h4 { border-bottom: 1px solid #E6E6E6; padding-bottom: 6px; margin-top: 36px; }
.page-introduction p { font-size: 16px; max-width: 930px; }

/*
------------------------------------
    Column Structure
------------------------------------
*/

.col-1 { float: left; width: 60px; margin: 0 10px; }
.col-2 { float: left; width: 140px; margin: 0 10px; }
.col-3 { float: left; width: 220px; margin: 0 10px; }
.col-4 { float: left; width: 300px; margin: 0 10px; }
.col-5 { float: left; width: 380px; margin: 0 10px; }
.col-6 { float: left; width: 460px; margin: 0 10px; }
.col-8 { float: left; width: 620px; margin: 0 10px; }
.col-10 { float: left; width: 780px; margin: 0 10px; }
.col-12 { float: left; width: 940px; margin: 0 10px; }

#content .col-1 { float: left; width: 50px; margin: 0 10px; }
#content .col-2 { float: left; width: 130px; margin: 0 10px; }
#content .col-3 { float: left; width: 210px; margin: 0 10px; }
#content .col-4 { float: left; width: 290px; margin: 0 10px; }
#content .col-5 { float: left; width: 370px; margin: 0 10px; }
#content .col-6 { float: left; width: 450px; margin: 0 10px; }
#content .col-8 { float: left; width: 610px; margin: 0 10px; }
#content .col-10 { float: left; width: 770px; margin: 0 10px; }
#content .col-12 { float: left; width: 920px; margin: 0 10px; }

.col-right { float: right; margin: 0 10px; }
.col-left { float: left; margin: 0 10px; }

.clearfloat { clear: both; display: block; height: 1px; margin-top: -1px; }
.break { clear: both; }

.img-left { float: left; margin: 0 10px 10px 0; border: 1px solid #CBCBCB; }
.img-right { float: right; margin: 0 0 10px 10px; border: 1px solid #CBCBCB; }
.img-center { text-align: center; }
.no-border { border: none; }
/*
------------------------------------
    Layout
------------------------------------
*/

body { background: #e9e9e9; }
#wrapper { width: 960px; margin: 18px auto; background: #fff; }
#content { clear: both; padding: 0 10px; }
#content-home { padding: 0;  }
#header { padding: 18px 0 0 0; border-bottom: 1px solid #D5D5D5; margin-bottom: 18px; }
.home #header { padding: 18px 0 0 0; border: none; margin-bottom: 0; }
#navigation { clear: both; padding: 18px 0 0 0; background: url(/assets/img/layout/checkered-line.gif) top left repeat-x; }
#footer-modblocks { clear:both; padding: 18px 0 0 0; }
#footer { clear: both; padding: 9px 0; margin-top: 18px; background: url(/assets/img/layout/checkered-line.gif) top left repeat-x; }

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

h1.logo { margin: 0; padding: 0; }
h1.logo a { float: left; display: block; width: 291px; height: 60px; margin-left: 10px; background: url(/assets/img/logo/bb-logo.png) top left no-repeat; text-indent: -9999px; }

ul.top-credentials { float: right; margin: 15px 20px 0 0; }
ul.top-credentials li { float: left; margin-left: 20px; }
ul.top-credentials li ul li { float: none;  font-size: 11px; }

/*
------------------------------------
    Navigation
------------------------------------
*/

ul.mainnav { float: left; }
ul.mainnav li { float: left; margin-right: 20px; padding: 0; }
ul.mainnav li a { color: #292929; padding: 5px; margin: 0; }
ul.mainnav li a:hover { background: #cee0e4; }

#nav-search ul { float: right; margin:0; }
#nav-search ul li { float: left; padding: 0; }
#nav-search input { margin: 0; padding: 3px; max-height:21px; border: none; font-size: 10px; font-style: italic; }
#nav-search #search-field { width: 140px; background: #e6eff1; margin: 0; border: 1px solid #e6eff1; }
#nav-search #submit { background: #a9a8a8; color: #fff; cursor: pointer; }

/*
------------------------------------
    Subnav
------------------------------------
*/

#subnav-block { width:290px; border: 1px solid #E4E4E4; font-family: Trebuchet, Tahoma, Arial, sans-serif;  }
#subnav-block h4 { margin-top: 0; }
ul.subnav { color: inherit; background: #e6eff1; padding: 10px; margin-bottom: 0; }
ul.subnav li { padding: 5px 0; line-height: 13px; }
ul.subnav li a { color:#7699a1; font-size: 12px; }
ul.subnav li a:hover,
ul.subnav li.current-page a {color:#4B6268;}
ul.subnav li h4 { margin-bottom: 6px; }

/*
------------------------------------
    Stories
------------------------------------
*/

#stories { display: block; overflow: hidden; width: 940px; height: 240px; margin-bottom: 18px; }
#stories .welcome { z-index: 9999; position: absolute; width: 424px; height: 41px; padding: 10px; background: url(/assets/img/layout/film-blk-60.png) top left repeat; }
#stories .welcome h2 { color: #fff; letter-spacing: 1px; margin-bottom: 6px; }
#stories .welcome p { color: #9ec2ca; font-family: Trebuchet, Tahoma, Arial, sans-serif; }
#stories #items { width: 5000px; overflow: hidden; }
#stories #items .item { float: left; width: 940px; }
.story-copy { float: right; position: relative; top: -46px; height: 34px; padding: 7px; overflow: hidden; color: #fff; background: url(/assets/img/stories/story-poem-bg.png) top left no-repeat; font-family: Trebuchet, Tahoma, Arial, sans-serif; font-style: italic; cursor: pointer; }
.story-copy a { color: #fff; }
.story-poem-arrow { position: relative; top: 1px; }

/*
------------------------------------
    Page - Home
------------------------------------
*/

/* Modular Block - Clearinghouse */
#modblock-clearinghouse { background: url(/assets/img/modblock/blk-clearinghouse-bg.png) bottom left repeat-x; border-bottom: 3px solid #bcbcbc; min-height: 300px; }
#modblock-clearinghouse h3 { background: #123f5c; color: #fff; padding: 9px 5px; }
#modblock-clearinghouse p { padding: 0 5px; }
#modblock-clearinghouse .modblock-copy { float: right; width: 275px; height: 250px; }
#modblock-clearinghouse .modblock-enter-btn { position: absolute; bottom: 0; }
#modblock-clearinghouse .modblock-enter-btn a { padding: 10px; font-size: 18px; font-family: Trebuchet, Tahoma, Arial, sans-serif; color: #fff; background: #276084; border: 1px solid #828383; }
#modblock-clearinghouse .modblock-enter-btn a:hover { background: #839CAB; }
#modblock-clearinghouse img.map-small { margin: 0 0 10px 5px; }

/* Modular Block - Indicators */
#modblock-indicators { position: relative; background: url(/assets/img/modblock/blk-indicators-bg.png) bottom left repeat-x; border-bottom: 3px solid #bcbcbc; }
#modblock-indicators h3 { background: #3c4f0b; color: #fff; padding: 9px 5px; }
#modblock-indicators p { padding: 0 10px; }
#modblock-indicators .modblock-copy { float: left; width: 250px; height: 250px; }
#modblock-indicators .modblock-enter-btn { position: absolute; bottom: 0; }
#modblock-indicators .modblock-enter-btn a { padding: 10px 20px; font-size: 18px; font-family: Trebuchet, Tahoma, Arial, sans-serif; color: #fff; background: #97b247; border: 1px solid #828383; }
#modblock-indicators .modblock-enter-btn a:hover { background: #C2CBA2; }
#modblock-indicators ul.indicators-list { float: right; background: url(/assets/img/modblock/blk-indicators-chk-bg-top.png) top left no-repeat; width: 177px; padding: 15px 0; margin-right: 20px;  }
#modblock-indicators ul.indicators-list li { background: url(/assets/img/modblock/blk-indicators-chk-bg.png) top left repeat-y; padding: 0 15px; list-style-image: url(/assets/img/modblock/blk-indicators-chk-bullet.png); list-style-position: inside; }
#modblock-indicators ul.indicators-list li.last-li { background: url(/assets/img/modblock/blk-indicators-chk-bg-btm.png) top left no-repeat; height: 15px; list-style-image: none; }
#modblock-indicators ul.indicators-list li a { position: relative; top: -2px; font-family: Trebuchet, Tahoma, Arial, sans-serif; font-size: 11px; }
#modblock-indicators ul.indicators-list li a:hover { color: #000; }
#modblock-indicators img.indicator-teaser-btn { position: absolute; float: right; bottom: 8px; right: 55px; }


/*
------------------------------------
    Page - Contact
------------------------------------
*/

#contact_form { width: 438px; }
#contact_form p { clear: both; }
#contact_form label { float: left; width: 100px; }
#contact_form input { float: left; width: 200px; }
#contact_form textarea { float: left; }
#contact_form #submit { float: right; background: #cee0e4; width: 75px; margin: 3px 0; cursor: pointer; }
#contact_form #submit:hover { background: #95A3A6; }
#contact_form textarea, #contact_form input { background: none; border: 1px solid #ddd; padding: 3px; }

/*
------------------------------------
    Page - Goals
------------------------------------
*/

.indicators #subnav-block { width: 288px; color: #000; background: transparent url(/assets/img/modblock/subnav-goal-bg.png) bottom left repeat-x; border: 1px solid #E4E4E4; border-bottom: 3px solid #E4E4E4; }
.indicators #subnav-block p { padding-left: 10px; margin: 0; }
.indicators #subnav-block ul { background: none; margin-bottom: 0; padding-bottom: 10px; border: none; padding-top: 0; }
.indicators #subnav-block ul a {color:#2C392F;}
.indicators #subnav-block ul a:hover { color: #8C8C8C; }
.indicators #subnav-block h4 { background: #3c4f0b; padding: 10px; color: #fff; }

#content #goal-objectives { width: 460px; margin: 0 0 12px 60px; color: #fff; background: #77904e url(/assets/img/modblock/blk-green-top.png) top left no-repeat; }
#goal-objectives h4 { color: #fff; border: none; padding: 10px 10px 0 10px; margin-bottom: 5px; margin-top:0; }
#goal-objectives ul.goal-objectives-list { margin: 0; padding: 0; background: url(/assets/img/modblock/blk-green-btm.png) bottom left no-repeat; }
#goal-objectives ul.goal-objectives-list li ul { width: 230px; float: left; margin: 0; padding-bottom: 6px; }
#goal-objectives ul.goal-objectives-list li ul li { line-height: 12px; padding: 3px 0; margin: 0 0 5px 30px; font-size: 12px; list-style-image: url(/assets/img/modblock/blk-goals-chk-bullet.png); list-style-position: outside; }

#goal-reports ul li { background: url(/assets/img/layout/pdf-icon.png) left no-repeat; padding: 3px 0 3px 50px; }

/*
------------------------------------
    Page - About
------------------------------------
*/

.about #subnav-block { background: #e6eff1; }
.about #content #subnav-block h4 { border: none; margin-bottom: 0; background: #cee0e4; padding: 10px; }
.about #content #subnav-block ul.subnav li a { color: #393939;  }
.about #content #subnav-block ul.subnav li a:hover,
.about #content #subnav-block ul.subnav li.current-page a { color: #B8B8B8; }

#content #mission-blk { width: 460px; margin: 0 0 12px 60px; background: #cee0e4 url(/assets/img/modblock/blk-blue-top.png) top left no-repeat; }
#content #mission-blk h4 { padding: 10px 10px 5px 10px; margin: 0; border: none; }
#content #mission-blk p { margin: 0; padding: 5px 10px 10px 10px; background: transparent url(/assets/img/modblock/blk-blue-btm.png) bottom left no-repeat; }

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

#footer-modblocks .col-4 { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; background: url(/assets/img/modblock/footer-modblock-bg.jpg) bottom left repeat-x; }
#footer-modblocks h4, #footer-modblocks ul, #footer-modblocks p { padding: 0 10px; margin: 9px 0; border: none; }
#footer-modblocks li { padding-bottom: 9px; }
#footer-modblocks ul, #footer-modblocks p { font-size: 12px; }
#footer-modblocks a { color: #7699a1; font-style: italic; border: none; }
/* Modular Block - Announcemnents */
ul.announcements-list li { padding-bottom: 5px; }
ul.announcements-list .date { color: #5a5a5a; }

#footer p { font-size: 10px; font-family: Trebuchet, Tahoma, Arial, sans-serif; }

/*
------------------------------------
    Data Search Form
------------------------------------
*/
/* Form Base & Structure */
#data-search-container { width: 260px; background: url(/assets/img/modblock/data-search-bg.png) bottom left repeat-x; border: 1px solid #E7E7E7; font-family: Trebuchet, Tahoma, Arial, sans-serif; }
#data-search-container h2 { background: #123f5c; color: #fff; padding: 8px 5px; border-bottom: 1px solid #bcbcbc; }
#data-search-container h2 a.search-help-btn { float: right; color: #FFFFFF; font-size: 12px; padding: 0 10px; margin-right: 10px; background: #8c1c24; }
#data-search-container h2 a.search-help-btn:hover { background: #AD6D72; }
#data-search-container h2 a.definitions-btn { float: right; color: #FFFFFF; font-size: 12px; padding: 0 10px; margin-right: 10px; background: #8c1c24; }
#data-search-container h2 a.definitions-btn:hover { background: #AD6D72; }
.search-module { float: left; width: 285px; margin: 30px 9px 0 9px; background: #e5f3f4; border: 1px solid #dedede; min-height: 138px; }
.search-module h3 { height: 44px; padding: 8px 0 0 0; margin-bottom: 0; text-align: center; background: url(/assets/img/search/dropdown-hdr-bg.png) top center no-repeat; color: #fff; }
.search-module h3 .search-step-arrow { display: block; position: absolute; top: -43px; left: 75px; width: 133px; height: 52px; text-indent: -9999px; }
.search-module a.drop-btn { position: relative; display: block; width: 255px; margin: 5px 10px; padding: 3px 5px; background: #fff url(/assets/img/search/drop-arrow.png) top right no-repeat; color: inherit; cursor: pointer; }
.search-module a.drop-btn.loading { position: relative; display: block; width: 255px; margin: 5px 10px; padding: 3px 5px; background: #fff url(/assets/img/search/selection-loading.gif) right no-repeat; color: inherit; cursor: pointer; }
.search-module a.drop-btn:hover { background: #a0be3a url(/assets/img/search/drop-arrow-hover.png) top right no-repeat; color: #fff; }
.search-module a.drop-btn .drop-arrow { position:absolute; right: 0; top: 0; }
.selection-output { margin: 0; padding: 10px; font-size: 11px; line-height:12px; }
.selection-output h5 { font-weight: bold; padding: 0 0 3px 0; }
.selection-output p { line-height: 12px; margin: 0; padding: 0; }
#topicSelect, #geographySelect, #yearSelect { display: none; z-index: 9999; position: absolute; top: 34px; left: 0; width: 100%; background: #fff; margin: 0 auto; padding: 10px 0 30px 0; border: 1px solid #616161; border-top: 5px solid #616161; border-bottom: 5px solid #616161; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; }
.search-list-column { float: left; width: 230px; }
#topicSelect h6 { font-weight: bold; font-size: 12px; margin: 0 5px 5px 5px; padding: 2px 0px 5px 16px; cursor: pointer; line-height: 11px; background: url(/assets/img/search/slide-toggle-icon.png) no-repeat; background-position: 1px 2px; }
#topicSelect h6:hover { color: #515151; background: url(/assets/img/search/slide-toggle-icon-over.png) no-repeat; background-position: 1px 2px; }
#topicSelect h6.slide-open { background: url(/assets/img/search/slide-toggle-icon-close.png) no-repeat; background-position: 1px 2px; }
#topicSelect h6.slide-open:hover { background: url(/assets/img/search/slide-toggle-icon-close-over.png) no-repeat; background-position: 1px 2px; }
#topicSelect h6.selected, #topicSelect h6.slide-open.selected:hover { background-color: #FFEF00; }
#topicSelect ul { display: none; padding: 0 3px; }
#topicSelect li { margin: 0 auto; padding: 3px 5px 3px 17px; color: inherit; font-size: 12px; line-height: 12px; cursor: pointer; }
#geographySelect ul, #yearSelect ul { float: left; width: 155px; margin: 0 5px 5px 5px; }
#geographySelect li, #yearSelect li { width: 155px; margin: 0 auto; padding: 3px 5px; color: inherit; font-size: 12px; line-height: 12px; cursor: pointer; }
#topicSelect li:hover, #geographySelect li:hover, #yearSelect li:hover { background: #EBEBEB; }
#topicSelect li.selected, #geographySelect li.selected, #yearSelect li.selected { background: #FFEF00; }
#topicSelect a.close-btn, #geographySelect a.close-btn, #yearSelect a.close-btn { position: absolute; bottom: 5px; right: 5px; padding: 3px 5px; background:#a0be3a; color: #fff; border: 1px solid #BCBCBC; font-size: 12px; cursor: pointer; }
#data-search-container a.close-btn:hover { background: #BBBEBE; }
#topicSelect a.reset-btn, #geographySelect a.reset-btn, #yearSelect a.reset-btn { position: absolute; bottom: 5px; right: 60px; padding: 3px 5px; background:#BE2300; color: #fff; border: 1px solid #BCBCBC; font-size: 12px; cursor: pointer; }
#data-search-container a.reset-btn:hover { background: #BBBEBE; }
#topic-dropdown .search-step-arrow { background: url(/assets/img/search/step1-msg.png) top left no-repeat; }
#geo-dropdown .search-step-arrow { background: url(/assets/img/search/step2-msg.png) top left no-repeat; }
#year-dropdown .search-step-arrow { background: url(/assets/img/search/step3-msg.png) top left no-repeat; }
#search-submit { text-align: center; padding: 6px 0; }
#csBtn, #resetBtn { margin: 6px auto; padding: 10px; background: #a0be3a; border: 1px solid #e8e8e8; color:#fff; font-size: inherit; outline: none; cursor: pointer; }
#csBtn:hover, #resetBtn:hover { background: #7b933b; }
/* Nice Alert Modal */
#nice-alert-modal-container { position: absolute; z-index: 10000; background: transparent; width: 100%; }
#nice-alert-modal { position: relative; z-index: 10000; display: none; width: 200px; margin: 0 auto; padding: 5px; border: 1px solid #000; background: #fff; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; }
#nice-alert-modal a.close-btn { position: absolute; bottom: 1px; right: 1px; padding: 3px 5px; background:#a0be3a; color: #fff; border: 1px solid #BCBCBC; font-size: 12px; cursor: pointer; }
#nice-alert-modal p.alert-icon { margin-bottom: 0; }
#nice-alert-modal p.nice-alert-msg { margin-bottom: 30px; }
/* Search Help Modal */
#search-help-modal-container { display: none; position: fixed; z-index: 10000; top: 0; left: 0; background: transparent; width: 100%; height: 100%; }
#search-help-modal { position: relative; z-index: 10000;  width: 600px; height: 450px; margin: 60px auto; padding: 0 0 30px 0; border: 1px solid #000; background: #fff; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; }
#search-help-modal a.close-btn { position: absolute; bottom: 1px; right: 1px; padding: 3px 5px; background:#a0be3a; color: #fff; border: 1px solid #BCBCBC; font-size: 12px; cursor: pointer; }
#search-help-modal .search-help-content { width: 600px; height: 450px; overflow: auto; }
#search-help-modal ul.bullet-list li { list-style-position: outside; margin-left: 30px; }
#content #search-help-modal h4 { border: none; }
#search-help-modal h4, #search-help-modal p { margin-left: 5px; }
div.instructions { width: 610px; margin: 0 auto 5px auto; padding: 6px; border: 1px solid #E9E9E9; }
div.instructions p.small { margin-bottom: 5px; line-height: 14px; }
div.blue-gradient { padding-bottom: 5px; background: url(/assets/img/modblock/blk-clearinghouse-bg.png) top left repeat-x; border-bottom: 3px solid #bcbcbc; }
.search-note { width: 425px; margin: 0 auto; text-align: left; font-size: 11px; line-height: 12px; padding-top: 5px; }
/* Definitions Modal */
#definitions-modal-container { display: none; position: fixed; z-index: 10000; top: 0; left: 0; background: transparent; width: 100%; height: 100%; }
#definitions-modal { position: relative; z-index: 10000;  width: 600px; height: 450px; margin: 60px auto; padding: 0 0 30px 0; border: 1px solid #000; background: #fff; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; }
#definitions-modal a.close-btn { position: absolute; bottom: 1px; right: 1px; padding: 3px 5px; background:#a0be3a; color: #fff; border: 1px solid #BCBCBC; font-size: 12px; cursor: pointer; }
#definitions-modal .definitions-content { width: 600px; height: 450px; overflow: auto; }
#content #definitions-modal .definitions-content h4 { border: none; padding: 10px 10px 0 10px; margin: 0; }
div.def-nav { float: right; padding: 5px; margin: 5px 3px; background: #F9F9F9; }
div.def-nav a { padding: 1px 2px; }
dl.data-definitions { padding: 10px; }
dl.data-definitions dt { font-weight: bold; padding: 5px 0; }
dl.data-definitions dd { padding: 0 0 10px 10px; }

/*
------------------------------------
    General Content Modals
------------------------------------
*/

/* the overlayed element */
#modal { display:none; z-index:10000; width:675px; min-height:200px; border:1px solid #666; background: #fff; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; }
#modal .close {	background-image:url(/assets/img/layout/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:28px; width:28px; text-indent: -9999px; }

/*
------------------------------------
    Data Results & Tables
------------------------------------
*/

table { font-family: Trebuchet, Tahoma, Arial, sans-serif; margin-top: 18px; border-top: 3px solid #2C2C2C; }
thead tr:hover, thead tr.hightlighted { background: inherit; }
thead th { font-weight: bold; border-bottom: 1px solid #DDDDDD; }
thead th.header { cursor: pointer; background: url( /assets/img/tables/sort_both.png ) center right no-repeat;  }
thead th.header:hover { background-color: #cee0e4;  }
thead th.headerSortDown { background: url( /assets/img/tables/sort_asc.png ) center right no-repeat; }
thead th.headerSortUp { background: url( /assets/img/tables/sort_desc.png ) center right no-repeat; }
tr td, tr th { padding: 5px; }
tr.even { background: #F5F5F5; }
.results-table td.summable { cursor: pointer; }
.results-table td.summable:hover,
.results-table td.summable.selected { background: #ffef00; }
.results-table tr.summation-row { height: 70px; }
.results-table tr.summation-row td { border-top: 2px solid #dddddd; font-weight: bold; }
.results-table tr.summation-row td.total-label-container { width: 133px; vertical-align: top; }
.results-table tr.summation-row td.summation-total-value { min-width: 133px; vertical-align: top; padding: 0; }
.results-table td .total-label { position: relative; z-index: 100; top: -9px; right: -3px; }
.results-table td .click-label { position: relative; top: -4px; left: -50px; }
.results-table td .sum-total { position: relative; z-index: 1; display: block; width: 100%; left: -15px; background: #CEE0E4; padding: 10px 0px 12px 20px; }
#cs div.instructions { margin-top: -18px; margin-bottom: 36px; }
div.data-disclaimer p { font-size: 11px; }