/********************************************************************/
/*    Styles for California State Controller's PublicPay website    */
/********************************************************************/

/********************************************************************/
/* =TABLE OF CONTENTS */
/********************************************************************/
/* =COLOR REFERENCE */
/* =BASE ELEMENT STYLES */
/* =GENERIC LAYOUT STYLES & HELPERS */
/* =MASTER PAGE LAYOUT */
/* =GENERIC CONTROLS W/STYLES */
/* =STYLES FOR DATA PAGES */
/* =STYLES FOR REPORT BUILDER/TOOL PAGES */
/* =STYLES FOR OTHER PAGES */
/***** =HOME PAGE *****/
/***** =SEARCH *****/
/***** =ADVANCED SEARCH *****/
/***** =GLOSSARY *****/
/***** =CONTACT US WEB FORM *****/
/***** =FAQ *****/
/* =UTILITIES & HELPERS */
/* =MEDIA QUERIES */


/********************************************************************/
/* #region =COLOR REFERENCE */
/********************************************************************/
/* WHITE - #FFF (default bg, text for areas with strong colored bg, first table row */
/* BLACK - #404040 (main nav bg, footer bg, border lines) */
/* BLACK - #3F3F3F (default text - normal black is too harsh) */
/* DARK GRAY - #7F7F7F (search button bg in nav) */
/* REDBROWN - #612621 (content area title) */
/* DARK BLUE - #369 [51, 102, 153] (links, button area bg, clickable objects such as bars on bar charts */
/* HIGHLIGHT BLUE - #36F (link hover) */
/* LIGHT BLUE - #D2DFEC (secondary nav area bg, area of clickable objects) */
/* DARK GREEN - #5F8F4E (table column header bg, GCC header bg) */
/* OFFWHITE - #F8F8F8 (table row alt bg, faq answer) */
/* GRAY - #BFBFBF (table border) */
/* LIGHT GRAY - #DDD (table disclaimer) */
/* LIGHT GREEN - #F2F8EF (secondary content bg) */
/* GREEN - #B2C9A9 (secondary content border) */
/* LIGHT RED - #FCC (maintenance msg bg) */
/* RED - #F00 (maintenance msg border) */
/* YELLOW - #FF9 (highlight bg) */

/* #endregion =COLOR REFERENCE */


/********************************************************************/
/* #region =BASE ELEMENT STYLES */
/********************************************************************/

@import url("fonts/fonts.css");  /* for 'LatoBold' */

/* CSS Reset - http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html { 
    font-size: 100%; 
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
    overflow-y: scroll; 
}

html, button, input, select, textarea { 
    font-family: sans-serif; 
    color: #222; 
}

body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;  /* base font size (default size = 16px = 1em) */
    line-height: 1.4;
}

a
{
	color: #369;
	text-decoration: underline;
}

a:hover
{
	color: #36f;
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6
{
	color: #333;
	font-family: 'LatoBold', Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin-top: .3em;
}

h1
{
	font-size: 1.8em;
}

h2 {
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: #612621;  /* REDBROWN */
    font-size: 1.5em;   /* 24px */
}

h3
{
	font-size: 1.3em;
}

h4
{
	font-size: 1.2em;
}

p, ol, ul, blockquote
{
	margin: 0 0 1em;
}

ul
{
	padding-left: 1.6em;
}

img {
    border:0px;
}

/* #endregion =BASE ELEMENT STYLES */


/********************************************************************/
/* #region =GENERIC LAYOUT STYLES & HELPERS */
/********************************************************************/

/* this is what keeps areas centered on the page */
.page_section > .inner
{
	max-width: 960px;  
	margin: 0 auto;  /* this is what keeps sections centered on the page */
}


.column_main
{
	width: 630px;
	float: left;
}

.column_right
{
	width: 300px;
	float: right;
}

.column_half_width
{
	float: left;
	width: 50%;
}

.column_third_width
{
	float: left;
	width: 33.3%;
}

.column_two_third_width
{
	float: left;
	width: 66.6%;
}

.column > .inner
, .column_half_width > .inner
, .column_third_width > .inner
, .column_two_third_width > .inner
, .column_variable_width > .inner
{
	margin: 0 .5em;
}

.column.column_first > .inner
, .column_half_width.column_first > .inner
, .column_third_width.column_first > .inner
, .column_two_third_width.column_first > .inner
, .column_variable_width.column_first > .inner
{
	margin-left: 0;
}

.column.column_last > .inner
, .column_half_width.column_last > .inner
, .column_third_width.column_last > .inner
, .column_two_third_width.column_last > .inner
, .column_variable_width.column_last > .inner
{
	margin-right: 0;
}


/* #endregion =GENERIC LAYOUT STYLES & HELPERS */


/********************************************************************/
/* #region =MASTER PAGE LAYOUT */
/* ==HEADER */
/* ==NAVIGATION */
/* ==CONTENT AREA */
/***** =FOOTER *****/
/********************************************************************/

/* #region ==HEADER */

#heading {
	border-top: 2px solid #404040;  /* BLACK - border across top of page */
}

#heading .logo {
	float: left;
}

#heading .title {
	display: none;
}

.gcc_header a:hover {
    opacity: 0.8;
}

.sco_header a:hover {
    opacity: 0.5;
}

/* #endregion ==HEADER */


/* #region ==NAVIGATION */

#navigation {
	text-align: left;
	min-height: 50px;
	background: #404040;  /* BLACK */
}


/* navigation buttons */

#navigation ul {
    list-style: none;
    padding-left: 0;
}

#navigation li {
    float: left;
    margin-right: 0.2em;
}

#navigation a {
	color: #FFF;
	text-decoration: none;
    font-family: 'Century Gothic', Arial;
    font-weight: bold;
    font-size: 16px;        
    word-spacing: 2px;
    letter-spacing: 1px;
	margin: 0 0.8em;
    line-height: 50px;

    /* the following 3 properties makes the whole area clickable instead of just the link */
    display: inline-block;
    height: 100%;
    width: 100%;
}

#navigation li:hover a {
    text-decoration: underline;
}

#navigation li:hover {
    background-color: #7F7F7F;  /* DARK GRAY */
}


/* navigation search engine */

.nav_search {
    float: right;
    margin: 10px 10px;
}

.nav_search .search_field
{
    color: #7F7F7F;  /* DARK GRAY */
    font-size: 12px;
    height: 2em;
	min-width: 205px;
	padding: 0 0.2em;    
    text-align: left;
}

.nav_search button
{    
    background-color: #7F7F7F;  /* DARK GRAY */
    border: 1px solid #FFF;  /* WHITE */
    border-radius: 8px;
    color: #FFF;  /* WHITE */
    font-size: 14px;
	margin: 0 0 0 8px;
    padding: 0.4em 0.8em;
    cursor: pointer;   
}

.nav_search button:hover
{ 
    background-color: #BFBFBF;  /* GRAY */
}

/* #endregion ==NAVIGATION */


/* #region ==CONTENT AREA */

#content_top
{
	margin: .5em 0 1em;
}


#content_bottom
{
	padding: 1px 0;
}

#content_bottom > .inner
{
	margin: .5em auto;
}

/* #endregion ==CONTENT AREA */


/* #region ==FOOTER */

#footer {        
	background: #404040;  /* BLACK */
}

#footer > .inner {
    color: #FFF;  /* WHITE */
    font-size: 11px;
    text-align: center;
    padding: 1em 0;
}

#post_footer {
    margin-top: 0.5em;
}

#post_footer > .inner {
    background-color: #FFF;  /* WHITE */    
    color: #3F3F3F;  /* BLACK */
    font-size: 12px;
    text-align: center;
    margin-bottom: 2em;
}

/* #endregion ==FOOTER */
/* #endregion =MASTER PAGE LAYOUT */


/********************************************************************/
/* #region =GENERIC CONTROLS W/STYLES */
/* ==BREADCRUMB */
/********************************************************************/

/* #region ==BREADCRUMB */

#breadcrumb
{
	font-size: .8em;
	color: #333;
	margin: .5em 0;
}

#breadcrumb .current_page
{
	color: #999;
}

.breadcrumb_content_area
{
    float: left;
}

/* #endregion ==BREADCRUMB */
/* #endregion =GENERIC CONTROLS W/STYLES */


/********************************************************************/
/* #region =STYLES FOR DATA PAGES */
/********************************************************************/

.location_title
{
	font-family: 'LatoBold', Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

.location_title .more_info
{
	font-weight: normal;
	font-size: .7em;
}

.location_title select
{
	font-family: 'LatoBold', Helvetica, Arial, sans-serif;
	font-size: 1em;
}


.pre_table
{
	font-size: .8em;
    margin: 0;
    padding: 0.5em 0.8em;
	overflow: hidden; /*~contain floats*/
    background-color: #DDD;  /* LIGHT GRAY */
}

.pre_table .disclaimer
{
	font-weight: bold;
	float: left;
}

.pre_table .file_types
, .title_area .file_types
{
	float: right;
	padding-left: 18px;
	margin-left: .5em;
	background: transparent url(images/icon-csv.png) no-repeat 2px 2px;
}

.file_types a:first-child
{
	margin-left: 0;
}

.file_types a.icon-xls
{
	padding-left: 18px;
	padding-bottom: 2px;
	background: transparent url(images/icon-xls.png) no-repeat 0 0px;
}

.file_types a.icon-pdf
{
	padding-left: 18px;
	padding-bottom: 2px;
	background: transparent url(images/icon-pdf.png) no-repeat 0 0px;
}

.table_top
{
	color: #fff;
	font-size: .8em;
	background: #679554 url(images/table_top_bg.png) repeat-x 0 0;
}

.table_top a
{
	color: #fff;
}

.table_top .search_field
{
	padding-left: 21px;
	background: #fff url(images/input-search-icon.png) no-repeat 3px center;
}

.table_top > .inner
{
	padding: .4em .8em;
}

.table_top .table_options
{
	float: left;
}

.table_top .table_search
{
	float: right;
}

.table_top_report
{
    background:#6498cd url(images/tooltip-header-bg.png) repeat-x 0 bottom;
}

.table_pager
{
	overflow: hidden; /*contain floats*/
}

.table_pager .result_count
{
	float: left;
}

.table_pager .pager
{
	float: right;
}

.table_pager .pager a
, .table_pager .pager span
{
	display: inline-block;
	padding: 2px 8px;
}

.table_pager a
{
	color: #369;
	cursor: pointer;
}

.table_pager a:hover
{
    color: #36f;
	background: #fff;
}

.table_pager ul
{
	margin: 0;
}

.table_pager li
{
	list-style: none;
	color: #000;
	background: #f2f8ef;
	border: 1px solid #b2c9a9;
	border-left: 0px;
	float: left;
}

.table_pager .active
{
	color: #666;
	font-weight: bold;
	border: 1px solid #369;
}

.table_pager .inactive
{
	color: #ccc;
}

.table_pager .inactive a
, .table_pager .inactive a:hover
{
	color: #ccc;
	text-decoration: none;
	background: transparent;
	cursor: default;
}
	
.table_pager li:first-child   /* HACK */
{
	border-left: 1px solid #b2c9a9;
}

/* #endregion =STYLES FOR DATA PAGES */


/* TODO */

/**********************************************
   Content Section Styles
**********************************************/


.data .row
{
	text-align: center;
}

.data .value
, .data.main_stats .row.link_section .link_label
{
	font-weight: bold;
	display: inline-block;
}

.data.main_stats .value
, .data.main_stats .row.link_section .link_label
{
	font-size: 1.8em;
	text-align: right;
	width: 48%;
}

.data .label
, .data.main_stats .row.link_section .links
{
	color: #666;
	font-size: .9em;
	text-align: left;
	line-height: 1em;
	display: inline-block;
}

.data.main_stats .label
, .data.main_stats .row.link_section .links
{
	width: 48%;
	margin-left: .5em;
}

.data.main_stats .row.link_section .link_label
{
    vertical-align: top; 
    font-size: .9em;
}

.data.main_stats .row.link_section .links
{
    font-size: .9em; 
    margin-bottom: 1em; 
    line-height: 1.5em;
}

.data.main_stats
{
    margin-bottom: 1.5em;
}

.data.main_stats .group
{
    border-top: 3px solid #b2c9a9;
    border-bottom: 3px solid #b2c9a9;
    padding-top: 0.3em;
    margin-bottom: 0.5em;
    margin-left: 1em;
    margin-right: 1em;
}

.data.main_stats .metric
{
    font-weight: bold;
}

.data.main_stats .row.smaller .value
{
    font-size: 1.6em;
}

.position_title
{
	font-size: 2em;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 0.1em;
}

.data.position_info .row
{
	text-align: left;
}

.data.position_info .label
, .data.position_info .value
{
	display: inline;
}

.data.position_info .other_info
{
    margin-top: 1em;
	font-weight: normal;
	font-size: 0.8em; 
}

.data.position_info ul.multiposition 
{
    margin-top: 0.5em;
	font-weight: bold;
}

.position_main_stats .value
{
	font-size: 2.3em;
	font-weight: bold;
}

.position_main_stats .label
{
	font-size: 1.5em;
	color: #666;
	margin-left: 0.5em;
}

.position_main_stats.secondary
{
    margin-top: 1em;
}

.position_main_stats.secondary .value
{
	font-size: 1.8em;
}

.position_main_stats.secondary .label
{
	font-size: 1em;
}

.position_box_stats
{
	padding: .5em;
	background: #f2f8ef;
	border: 1px solid #b2c9a9;
}

.position_box_stats .row
{
	width: 25%;
	float: left;
	margin-top: .3em;
	border-bottom: 1px solid #b2c9a9;
	padding-bottom: .5em;
	margin-bottom: .2em;
}

.position_box_stats .data.three_items .row {
    width: 33%;
}

.position_box_stats .row.row_full
{
	width: 100% !important;
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.position_box_stats .data span.value
, .position_box_stats .data span.label
{
	text-align: center;
	display: block;
}

.position_box_stats .data .label
{
	font-size: .8em;
	line-height: 1.2em;
}

.position_box_stats .data .label:first-line
{
	line-height: 1em;
}

.position_box_stats .row.row_full span.value
, .position_box_stats .row.row_full span.label
{
	display: inline;
}

.position_box_stats .row.row_full span.label
{
    margin-left: 0.3em;
}

/* make trigger for definition popups colored like a link */
.position_main_stats .show_tooltip + .label 
, .position_box_stats .show_tooltip + .label 
{
    color: #369;
}

.position_main_stats .show_tooltip + .label:hover 
, .position_box_stats .show_tooltip + .label:hover
{
    color: #36f;
    text-decoration: underline;
}	


.info_box
{
	font-size: .8em;
	padding: 1em;
	margin: 1em 0;
}

.info_box h3
{
	margin: 0;
}

.info_box.type_a
{
	border: 1px solid #6599cd;
	background: #edf2f7;  /* blue */
}

.info_box.type_b   
{
	border: 1px solid #b2c9a9;
	background: #f2f8ef;  /* green */
}


.graph_container {
	border: 1px solid #6498cd;
}

.graph_container > .inner
{
	padding: 1em;
}

.graph_title, .activity_container .title
{
	font-size: 1.2em;
	font-family: 'LatoBold', Helvetica, Arial, sans-serif;
}

.graph_title select
{
	vertical-align: middle;
}

.post_graph
{
	margin-bottom: 1.5em; 
	margin-top: 0.5em; 
	font-size: 0.8em;
}

.post_graph .instructions
{
	float: left; 
	color: #666;
}

.post_graph .report_builder_link
{
	float: right;
}

.graph_container .info_box 
{
    margin: 3em 0 0 0;
    clear: both;
}


.activity_container
{
	line-height: 1.2em;
	margin-top: .5em;
	margin-bottom: 1em;
}

.activity_container a
{
	font-size: .8em;
}

.activity_container .title
{
	display: inline;
}


/*** Map Styles ***/

.map_container
{
	border: 5px solid #6498cd;
}

#map_canvas
{
    width: 100%;
    height: 550px;
}

.map_key
, .map_msg
, .map_browse
{
	margin: 6px;
	padding: .5em;
	background: #fff;
	background: rgba(255,255,255,.7);
	border: 1px solid #6498CD;
}

.map_key.simple 
{
    padding: .5em 1em .5em 0;
}

.map_key
, .map_msg
{
    width: 18em;   
    margin-bottom: 0;
}

.map_msg
{
    margin-top: 0;
    text-align: center;
}

.map_key .key_options
, .map_key .key_values
{
	float: right;
}

.map_key .key_options select
{
	width: 90%;
	margin: .3em 1em .5em 1em;
}

.map_key .key_value
{
	display: block;
	float: right;
}

.map_key .key_colors
{
	display: block;
	float: right;
	border: 1px solid #999;
	margin: 0 .3em;
}

.map_key .key_color 
{
	display: block;
	float: left;
	width: 14px;
	height: 1em;
	background: #fff;
}

h3.map_title  
{
	text-align: left;    
	line-height: 1.4em;   
	padding-bottom: 0.5em;
}

.map_browse
{
    width: 9em;   
    margin-bottom: 0;    
    text-align: center;
}

.map_browse input[type='button']
{
    font-size: 0.9em;
    width: 8.5em;
}


.title_area .title
{
	float: left;
	margin-top: 0;
}

.title_area .file_types
{
	margin-top: 1.1em;
	font-size: .8em;
}

#content_top .title_area
{
	overflow: hidden; /*~contain the floats*/
	margin-bottom: .5em;
}

#content_top .title_area .location_title
, #content_top .title_area .panel_title
{
	float: left;
	margin-bottom: .42em;
}

#content_top .title_area .department_select
, #content_top .title_area .map_locate
, .report_builder_results .map_locate
{
	font-size: .8em;
	float: right;
	margin-bottom: .625em;
	max-width: 100%;
}

#content_top .title_area .department_select select
{
	max-width: 100%;
}

#content_top .footer
{
	font-size: .8em;
	margin-top: .5em;
	overflow: hidden; /*~contain the floats*/
}

#content_top .footer .more_info
{
	float: left;
}

#content_top .footer .last_updated
{
	float: right;
}


#tab_panel .column_variable_width.column_sidebar
{
	width: 33%;
	float: left;
}

#tab_panel .column_variable_width.column_main
{
	width: 67%;
	float: left;
}

.filter_box input, .filter_box label
{
	vertical-align: middle;
}

.filter_box
{
	font-size: .7em;
	background: #fff;
	border: 2px solid #679554;
	margin-bottom: 1em;
}

.filter_box > .inner
{
	margin: 1em;
}

.filter_box .inner .row 
{
    min-height: 20px;   /* to ensure that row height can fit 16px x 16px image without checkbox - e.g. Report Builder Comparison */
}

.filter_box h4 .information_icon 
{
    margin-left: 0.5em;
}

.filter_box .check_all
{
    border-bottom: 1px solid #679554;
    padding-bottom: 0.2em;
    margin-bottom: 0.5em;
}

.filter_box h3
{
	color: #fff;
	font-size: 1.2em;
	padding: .5em 1em;
	margin-top: 0;
	background: #679554 url(images/table_top_bg.png) repeat-x 0 0;
}

.filter_box h4
{
	margin-bottom: .3em;
}

.filter_box .nav_back
{
    margin-bottom: .5em;
}

.filter_box .more_options
{
	display: inline-block;
	overflow: hidden;
	text-indent: -99999px;
	width: 16px;
	height: 16px;
	float: right;
	vertical-align: middle;
	background: transparent url(images/filter_more-options.png) no-repeat center center;
}

.filter_box .additional_filters
{
    margin: 1em 0 2em 0;
}

.filter_box .more_options.down
{
	background: transparent url(images/filter_more-options-down.png) no-repeat center center;
}

.filter_box .more_options.up
{
	background: transparent url(images/filter_more-options-up.png) no-repeat center center;
}

.filter_box .text_filter
{
    margin-top: 0.3em;
    margin-bottom: 0.5em;
}

.filter_box .text_filter label
{
    display: inline-block;
    width: 2em;
    margin-left: 0.8em;
}

.submit_container
{
	margin: 1em 0;
	text-align: center;
}

.filter_box input[type="button"]
, .filter_box input[type="submit"]
, #tab_panel_content input[type="button"]
, #tab_panel_content input[type="submit"]
{
	color: #fff;
	font-family: 'LatoBold', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	padding: .6em 1em;
	margin: 0 0 .3em;
	border: none;
	background: #356323 url(images/filter-submit-bg.png) repeat-x 0 0;
	border-radius: 6px;
	cursor: pointer;
}

.filter_box input[type="button"]:hover
, .filter_box input[type="submit"]:hover
{
	background: #356323 url(images/filter-submit-bg.png) repeat-x 0 -10px;
}

.filter_box input[type="button"]:active
, .filter_box input[type="submit"]:active
{
	background: #4c7a3a url(images/filter-submit-bg.png) repeat-x 0 10px;
}

.filter_box div.tagsinput span.tag
{
	padding: 0 3px;
	font-size: 1em;
}

.filter_box .tooltip
{
	font-size: 1.4em;
}

/**********************************************
   ~ Search
**********************************************/

.search_container
{
	color: #fff;
	margin: .5em 0;
	padding: .5em 1em;
	background: #369 url(images/search-bg.png) repeat-x 0 0;    
}

.search_container input[type="button"]
, .search_container input[type="submit"]
{
	color: #fff;
	font-family: 'LatoBold', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	margin: 0 0.5em;
	padding: 0.6em 1.5em;
	border: 1px solid #5b82ba;
	background: #1b4d80 url(images/search-button-bg.png) repeat-x 0 0;
	border-radius: 6px;
	cursor: pointer;
}

.search_container input[type="button"]:hover
, .search_container input[type="submit"]:hover
{
	background: #2f5b90 url(images/search-button-bg.png) repeat-x 0 45px;
}

.search_container input[type="button"]:active
, .search_container input[type="submit"]:active
{
	background: #346699 url(images/search-button-bg.png) repeat-x 0 10px;
}

.search_container label
{
	font-weight: bold;
}

.search_container a
{
	color: #fff;
}


/*** SIMPLE SEARCH ***/

#search_simple_criteria
{
	text-align: center;
	padding: 1.5em 1em 1em 1em;	
}

#search_simple_criteria.search_container .search_type
{
    height: 2.1em;  /* not 2em since it still isn't same size as search_field */	
	padding: 0 0 0 0.5em;
	margin: 0 0.5em;
}

#search_simple_criteria.search_container input.search_field
{
    height: 2em;
	width: 30em;
	padding: 0 0 0 0.8em;
}

#search_simple_example
{
    font-size: 0.8em;
    text-align: left; 
    font-style: italic;
    margin-top: 0.2em;
    margin-left: 0.1em;
}

#search_simple_description
{
    font-size: 0.9em;
    margin-top: 1.2em;
    line-height: 1.5em;    
}

#search_simple_result_container 
{
    margin: 0.5em 0 3em 0;
}

.search_simple_result_header
{
    background: url(images/table_top_bg.png) repeat-x 0 bottom;
    color: White;
    text-align: left;
    vertical-align: middle;
    font-size: 1em;
    font-weight: bold;
    padding: 0.5em 1em;
}

.search_simple_results > .inner
{
	border: 1px solid #b2c9a9;
    background-color: White;
}

.search_simple_result_content 
, .search_simple_quicklinks
{
    padding: 0.5em 1em;  
}

.search_simple_quicklinks ul
{
	padding-left: 1em;
}

.search_simple_quicklinks li
{
    font-size: 0.9em;
    padding: 0.3em 0;
}

.result_info 
{
    margin-bottom: 1em; 
}

.result_info .term 
{
    font-weight: bold;
}

.result_info .count
{
    font-weight: bold;
}


.search_simple_result 
{
    margin-bottom: 1.2em;
}

.search_simple_result:nth-child(even) {
    background-color: #F8F8F8;  /* OFFWHITE */
}

.search_simple_result .result a
{
    font-size: 1.2em;
}

.search_simple_result.dept_result .dept_type
{
    font-size: 0.9em;
    font-style: italic;
}

.search_simple_result.position_result .entity
, .search_simple_result.entity_result .entity_type
, .search_simple_result.dept_result .entity
{
    font-size: 1em;
    margin-top: 0.1em;
}

.search_simple_result.position_result .entity .entity_type
, .search_simple_result.dept_result .entity .entity_type
{
    font-size: 0.9em;
    font-style: italic;
}

.search_simple_result .metric
{
    font-size: 0.9em;
    margin-top: 0.1em;
}

.search_simple_result .label
{
    font-style: italic;
}

.search_simple_result strong
{
    font-weight: bold;
    font-size: inherit;
}


.search_simple_result_content .result_count 
{
    font-weight: bold;
    font-size: 0.8em;
    line-height: 2em;
}

.search_simple_result_content .pager
{
    font-size: 0.8em;
}

.search_simple_result_content .pager li
{
    border-radius: 3px;
}

.search_simple_result_content .table_pager li:hover
{
	background: #fff;
}

.search_simple_result_content .table_pager li:hover.inactive
{
	background: #f2f8ef;
}


.search_loading
, .search_result_title
{
    margin-left: 0.8em;
    font-size: 1.3em;
    height: 1.5em;
}

.search_loading div
{
    float: left;
}


/*** ADVANCED SEARCH ***/

#search_adv_criteria
{
	padding: 1.5em 0.5em 1.5em 1em;
	text-align: left;
}

#search_adv_criteria input
{
	vertical-align: baseline;
}

#search_adv_criteria select
{
	font-family: 'LatoBold', Helvetica, Arial, sans-serif;
	font-size: 1em;
    height: 30px;
    width: 80px;
}

#search_adv_criteria a
{
	white-space: nowrap;
	font-size: 0.8em;
}

#search_adv_criteria .column
{
	width: 22%;
	float: left;
}

#search_adv_criteria .column.column_first
{
	width: 10%;
}

#search_adv_criteria .column.column_last
{
	width: 24%;
	padding-top: 1.3em;
}

#search_adv_criteria label
{
	font-weight: bold;
	display: block;
}

#search_adv_criteria .inline *
{
	display: inline;
}

#search_adv_criteria .inline input
{
	margin-left: 0;
}

#search_adv_criteria input.search_field
{
    height: 2em;
	width: 95%;
	padding: 0 0 0 0.5em;
	margin: 0 0 0.5em 0;
}


#search_adv_results .column_variable_width.column_sidebar
{
	width: 21%;     
	float: left;
}

#search_adv_results .column_variable_width.column_main
{
	width: 79%;
	float: left;
}


/**********************************************
   =STYLES FOR REPORT BUILDER/TOOL PAGES
**********************************************/

#report_builder
{
	background: #d2dfec; 
	border: 1px solid #a6bfd8; 
	min-height: 498px;
}

#report_builder .column_variable_width.column_sidebar
{
	width: 22%;
	float: left;
}

#report_builder .column_variable_width.column_main
{
	width: 78%;
	float: left;
}

#report_builder .filter_box
{
	min-height: 430px;
}

#report_builder .filter_box .filter_instruction_title
{
	font-size: 3em;
	margin-top: 3.5em;
}

#report_builder .report_builder_results_header
{
	text-align: center;
	font-size: .84em;
	font-weight: bold;
	padding: .5em 1em;
	color: #fff;
	background: #6498cd url(images/tooltip-header-bg.png) repeat-x 0 bottom;
}

#report_builder .report_builder_results_header .options_primary
{
	float: left;
}

#report_builder .report_builder_results_header .options_secondary
{
	float: right;
}

#report_builder .report_builder_results_header label
{
	margin-left: 1.5em;
}

#report_builder .report_builder_results_header .options_primary label
{
	margin-left: 0;
}

#report_builder .report_builder_results > .inner 
{
	margin: 1em;
}

#report_builder .report_builder_results .report_builder_total
{
    float: right;
}

#report_builder .report_builder_results .report_builder_nav
{
	float: left;
	height: 30px;
	background: #d3d3d3 url(images/report-builder-nav.png) repeat-x 0 0;
	border: 1px solid #ddd;
	border-radius: 5px;
	line-height: 30px;
	overflow: hidden;
}

#report_builder .report_builder_results .report_builder_nav a
{
	display: block;
	float: left;
	height: 30px;
	width: 34px;
	line-height: 27px;
	text-align: center;
}

#report_builder .report_builder_results .report_builder_nav a:first-child:hover, 
#report_builder .report_builder_results .report_builder_nav a.active:first-child
{
	border-radius: 5px 0 0 5px;
}

#report_builder .report_builder_results .report_builder_nav a:last-child:hover, 
#report_builder .report_builder_results .report_builder_nav a.active:last-child
{
	border-radius: 0 5px 5px 0;
}

#report_builder .report_builder_results .report_builder_nav a:hover, 
#report_builder .report_builder_results .report_builder_nav a.active
{
	text-decoration: none;
	margin: 0 -1px;
	position: relative;
	z-index: 5;
}

#report_builder .report_builder_results .report_builder_nav a:hover
{
	background: #fff url(images/report-builder-nav.png) repeat-x 0 15px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	z-index: 6;
}

#report_builder .report_builder_results .report_builder_nav a.active
{
	background: #6382a2 url(images/report-builder-nav-active.png) repeat-x 0 0;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	
}

#report_builder .report_builder_results .report_builder_nav .separator
{
	float: left;
	width: 1px;
	height: 32px;
	text-indent: -99999px;
	overflow: hidden;
	background: transparent url(images/report-builder-nav-separator.png) no-repeat 0 center;
}

#report_builder .report_builder_results .report_builder_nav img
{
	vertical-align:middle;
	display: inline;
}

#report_builder .report_builder_results .hoverover_message
{
	float: right;
	color: #666;
	font-size: small;
}

/***** =GLOSSARY *****/

#glossary_terms li 
{
    padding-bottom: 0.4em;
}

#glossary_defs
{
    margin-bottom: 3em;
}

#glossary_defs h3 
{
    margin: 0.5em 0;
}

#glossary_defs h4
{
    font-size: 1.1em; 
}

#glossary_defs div
{
    margin-bottom: 1.2em;
}

/***** =DATA DICTIONARY *****/

.data_table
{
    width: 100%;
	border: 1px solid #BFBFBF;  /* GRAY */ 
    border-collapse: collapse;  /* essentially removes cellspacing */
    margin-bottom: 3em;
}

.data_table th, 
.data_table td {
	border: 1px solid #BFBFBF;  /* GRAY */ 
	padding: 0.3em 0.5em 0.3em 0.5em;
}

.data_table th
{
    background: url(images/table_top_bg.png) repeat-x 0 bottom;
    color: White;
    text-align: center;
    vertical-align: middle;
}

.data_table td {
    font-size: 0.8em;
}

/**********************************************
   Component Styles
**********************************************/
.tooltip
{
	position: relative;
	box-shadow:  0px 1px 15px 3px rgba(0, 0, 0, .3);
}

.tooltip_header
{
	color: #fff;
	font-size: .8em;
	background:#6498cd url(images/tooltip-header-bg.png) repeat-x 0 bottom;
	padding: .4em 30px .4em 1em;
}

.tooltip_header a
{
	color: #fff;
}

.tooltip_header .search_field 
{
	padding-left: 21px;
	background: #fff url(images/input-search-icon.png) no-repeat 3px center;
}

.tooltip_close
{
	display: block;
	width: 16px;
	height: 17px;
	text-indent: -99999px;
	background: transparent url(images/tooltip-close.png) no-repeat 0 0;
	position: absolute;
	right: 6px;
	top: 6px;
}

.tooltip_inner
{
	font-size: .8em;
	border: 2px solid #6498cd;
	padding: 1em;
	background: #fff;
	
}

.tooltip h3
, .micro_data h3
{
	color: #6498cd;
	margin-top: 0;
}

.tooltip_tip_bottomMiddle
{
	position: absolute;
	bottom: 0;
	left: 50%;
}

.tooltip_tip
{
	width: 28px;
	height: 21px;
	position: absolute;
	bottom: -18px;
	left: -14px;
	background: transparent url(images/tooltip-tip_bottomMiddle.png) no-repeat 0 0;
}

.tooltip_tip_bottomRight
{
	position: absolute;
	bottom: 0;
	right: 0;	
}

.tooltip_tip_bottomRight .tooltip_tip
{
	width: 17px;
	background: transparent url(images/tooltip-tip_bottomRight.png) no-repeat 0 0;
	left: auto;
	right: 4px;
}

.tooltip_tip_bottomLeft
{
	position: absolute;
	bottom: 0;
	left: 0;	
}

.tooltip_tip_bottomLeft .tooltip_tip
{
	width: 17px;
	background: transparent url(images/tooltip-tip_bottomLeft.png) no-repeat 0 0;
	left: 4px;
}

.tooltip_tip_leftMiddle
{
	position: absolute;
	bottom: 50%;
	left: 0;
}

.tooltip_tip_leftTop
{
	position: absolute;
	top: 50px;
	left: 0;
}

.tooltip_tip_leftMiddle .tooltip_tip, .tooltip_tip_leftTop .tooltip_tip
{
	width: 16px;
	height: 26px;
	background: transparent url(images/tooltip-tip_leftMiddle.png) no-repeat 0 0;
	top: -10px;
	left: -13px;
}

.tooltip .value
, .micro_data .value
{
	font-weight: bold;
}

.micro_data 
{
    font-size: 1.1em;
}

.chooser_popup 
{
    position: absolute; 
    width: 500px; 
    z-index: 200;  /* 200 to be on top of map controls, but under autocomplete on report builder - map */
    display: none;
}

.chooser_popup .showAll
{
    position: absolute;
	right: 20px;
	top: 48px;
	font-size: 0.8em;
	font-weight: bold;
}

.chooser_popup .minCharMsg
{
	font-weight: bold;
}


/**********************************************
   Misc. Styles
**********************************************/


.section
{
    margin:0 0 1em;
}

/* !important styles override styles set in SSRS! */
.report_data a 
{
    color: #369 !important;
	text-decoration: underline !important;
}

.report_data a:hover 
{
    color: #36f !important;
	text-decoration: underline !important;
}

/* hack for non-IE browsers to show SSRS sub reports as top aligned when they are supposed to be */
.report_data tr[valign="top"] td
{
    vertical-align: top;
}

.report_viewer
{
    min-height: 100px;
    background-color: White;  /* hack to hide space for some reports that render extra space at the bottom of their first page for some strange reason */
}

.pager .page_number
{
    border: 1px solid transparent;
    height: 18px;
    text-align: center;
    width: 3em;
}

.information_icon
{
    cursor: pointer;
    vertical-align: middle;
}

.report_builder_report_viewer
{
    margin: 0 auto;
    overflow: auto;  /* IE11 hack to show vertical scrollbar */
    /* IE11 has horizontal scrollbar, it just always appears at the VERY bottom of the content! */
}

.report_builder_error_message_box
{
    text-align: center;
    width: auto;
    height: 400px;
}

.report_builder_error_message
{
    position:relative; 
    top:50%;
}

.maintenance_message
{
    width: 100%;
    background-color: #FFCCCC;
    text-align: center;
    padding: 0.5em;
    border: 1px solid #FF0000;
    margin: 1em 0;
    font-size: 0.9em;
}

.ui-widget.ui-autocomplete
{
	font-size: .8em;
	z-index: 1000 !important;  /* important to allow autocomplete list to appear over map controls */
}

.search_many_results
{
    text-align: center;
    margin-bottom: 1em;
}

.search_many_results .large_text
{
    font-size: 1.2em;
    margin-bottom: 0.5em;
}

.search_many_results .small_text
{
    font-size: 0.8em;
    margin-bottom: 0.5em;
}

.webform 
{
    font-size: small;
}

.webform th 
{
	text-align: right; 
	vertical-align: top;
	padding-top: 0.5em;
	padding-right: 0.5em;
	font-weight: normal;
	width: 15em;
}

.webform td 
{
	text-align: left; 
	vertical-align: top;
	padding-top: 0.5em;
}


.webform .privacy_warning 
{
	color: #FF0000; 
}

.webform input[type="button"]
, .webform input[type="submit"]
{    
    background-color: #7F7F7F;  /* DARK GRAY */
    border: none;
    border-radius: 8px;
    color: #FFF;  /* WHITE */
    font-size: 14px;
    padding: 0.6em 0.8em;
    cursor: pointer;   
}

.webform input[type="button"]:hover
, .webform input[type="submit"]:hover
{ 
    background-color: #BFBFBF;  /* GRAY */
}




.home_description {    
    font-size: 16px;
}

.home_description > .inner {
    margin: 5px 15px;
}

.home_popular_links {  
    background-color: #D2DFEC;  /* LIGHT BLUE */
    display: inline-block;
    width: 100%;
    padding-bottom: 15px;
}

.home_popular_links > .inner {
    margin: 10px 15px;
}


.explore_list {
    background-color: #D2DFEC;  /* LIGHT BLUE */
    display: inline-block;
    width: 100%;
}

.explore_list > .inner {
    margin: 10px 15px;
}


.link_list {
    list-style: none;
    padding-left: 0;
}

.explore_button {
    background-color: rgba(51, 102, 153, 1.0);  /* DARK BLUE */
    color: #FFF;  /* WHITE */
    border: 2px solid #FFF;  /* WHITE */
    border-radius: 8px;
    padding: 6px 15px;
    margin: 10px 0;
    cursor: pointer;
}

.explore_button a {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFF;  /* WHITE */
    font-size: 16px;
    text-decoration: none;

    /* the following 3 properties makes the whole area clickable instead of just the link */
    display: inline-block;
    height: 100%;
    width: 100%;
}

.explore_button:hover {
    background-color: rgba(51, 102, 153, 0.8);  /* DARK BLUE */
}

.explore_button:hover a {
    text-decoration: underline;
}

.explore_button.descriptive .label {
    font-size: 1.3em;
}

.explore_button.descriptive .description {
    font-size: 0.8em;
}

.explore_button.descriptive:hover a {
    text-decoration: none;
}

.explore_button.descriptive:hover a .label {
    text-decoration: underline;
}

.explore_button.descriptive img {
    height: 55px;
    margin-top: 0.5em;
}

.explore_button.descriptive:hover img {
    opacity: 0.8;
}

.explore_button_img_area {
    float: left; 
    width: 35%;
}

.explore_button_description_area {
    float: left; 
    width: 65%;
}


.content_box {
    margin-bottom: 30px;
}

.content_box h2 {
    margin-bottom: 5px;
}

.home_pub_schedule {
    border: 1px solid #404040;  /* BLACK */
    width: 100%;
    margin-bottom: 15px;
}

.home_pub_schedule_type {
    text-align: left;
    padding: 0.2em;
}

.home_pub_schedule_date {
    text-align: right;
    padding: 0.2em;
    width: 7em;
}

table.striped tbody tr:nth-child(even) {
    background-color: #F8F8F8;  /* OFFWHITE */
}


.accordion-section {
	margin-bottom: 1em;
}

.accordion-section-content {
	margin-top: 0.5em;
	padding: 0.5em;
	display: none;
	border: 1px solid #BFBFBF;  /* GRAY */
	background: #F8F8F8;  /* OFFWHITE */
}


/********************************************************************/
/* #region =UTILITIES & HELPERS */
/********************************************************************/

/* ASP.NET uses this class to flag disabled controls, but some browsers don't always render the grayed style */
.aspNetDisabled {
    background-color: #DDD;
}

.center {
    text-align: center;
}

.cleaner {
    clear:both;
    height:2px;
    font-size:1px;
    border:none;
    margin:0 0 -2px 0;
}

.hidden {
	display: none;
}

.highlight {
    background-color: #FF9;  /* yellow */
}

.hold_floats {
	overflow: hidden;
}

/* content only visible when highlighted with mouse */
.invisible {
    color: transparent; 
    speak: none;
}

.required {
	color: #FF0000; 
	font-weight: bold;
}

/* #endregion =UTILITIES & HELPERS */

/********************************************************************/
/* #region =MEDIA QUERIES */
/********************************************************************/

@media print  
{
    .noPrint, .noPrint * { display: none !important; } 
}

/* #endregion =MEDIA QUERIES */