﻿.breadcrumbs a.inactive, .breadcrumbs a.inactive:hover {color:#818A8F;}

.button,
a.button {
    display:inline-block;
    zoom:1;_display:inline;
    padding: .1em .4em;
    background-color: #74C142;
    border: 1px solid #74C142;
    color: #fff;
    font-weight:bold;
    cursor:pointer;
}
.button:hover, .button:focus, .button:active,
a.button:hover, a.button:focus, a.button:active {
    background-color:#529b22;
}



h1, h2, h3 { color:#666; }
h1 { font-size: 2em; }
h1 a.edit {
    font-size: .7em;
    margin-left: 15px;
}

h2 { 
    font-size: 1.4em; 
    background:url(Img/underHeaderGray.png) 0 100% no-repeat; 
    padding: 0 0 .3em 0;
    margin: .5em 0 1em;
}
h3 { font-size: 1.2em;font-weight:bold;color:#00467F; }
h4 { font-size: 1em; }

.higher { color:#990000;font-weight:bold; } 
.lower { color:#006600;font-weight:bold; } 

#stateViewPage, #stateEditPage { position:relative; }
#stateViewTemplate { background-color: #eee; }


.stateSelectCont { position:relative; z-index:999; }
.stateSelectCont label {font-weight:bold;color:#00467F;}

.usamapCont { width: 859px; margin:0 auto; }
.usamap { margin:60px auto; }

.ataglance {
    display:inline-block;
    *display:inline;zoom:1;
    vertical-align:top;
    width:273px;
}

.ataglance .header {
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    color:white;
    background-color: #767676;
    margin:0;padding:0.4em  0.8em;
    text-align:center;
    border: 1px solid #858585;
    border-bottom:none;
}

.ataglance .accordion {
    height:291px;
    border: 1px solid #858585;
    border-top:none;
}
.ie7.ataglance .accordion { height:291px; } 

.ataglance .accordion .ui-accordion-header {
    cursor:pointer;
    text-align:center;
    color:white;
    background-color:#00467f;
    border-top: 1px solid #003560;
    padding:5px 0;
    height:17px;
    height:auto;
}
.ataglance .accordion .ui-accordion-header a { color:white; }
.ataglance .accordion .ui-state-active { border-width: 1px 0 0 0; }

.ataglance .accordion .ui-accordion-content,.ataglance .accordion .ui-accordion-content-active { 
    border:none; 
    height: 161px;
    padding:0;    
    overflow:hidden!important;
    background: #00467f;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00467f', endColorstr='#003560'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#00467f), to(#003560)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #00467f,  #003560); /* for firefox 3.6+ */ 
}
.accContent
{overflow:hidden;
}

.placeholderGraph{
    display:block;
    width:271px;
    height:150px;
    background: url(Img/placeholderGraph.jpg);
    border-radius: 25px;
    -moz-border-radius: 25px;
}
.graph {
    display:block;
    width:271px;
    overflow:hidden;
    height:150px;
    border-radius: 25px;
    -moz-border-radius: 25px;
    background-color: #fff;
}


#topChartTooltip { font-size:.8em;color:#888;display:none; }


.summaryTxt { 
    display:inline-block;
    *display:inline;zoom:1; 
    vertical-align:top;
    width: 635px;
    padding-left: 15px;
}

.summaryTxt h3.first { padding-top:.4em; }
.summaryTxt h3 { padding: 1.2em 0 .8em 0; }  

.stateGraphicCont {float:right;display:inline;margin:0 0 10px 10px;border:none;position:relative;}
.graphicBG {}
.graphicOverlay {position:absolute;top:0;right:0;}

.tabs { margin: 25px 0; border-bottom: 1px solid #D6D6D6; }

.dataSummaryTable {
    float:right;display:inline;
    margin-left: 30px;
    border-collapse:separate;
    border-spacing: 1px;
}
.dataSummaryTable tr td,
.dataSummaryTable tr th { padding:4px 15px;background-color:#888;color:#fff;font-weight:bold;text-align:center;} 
.dataSummaryTable tr th { background-color:#aaa; }
.dataSummaryTable tr td.first { background-color:transparent; }
.dataSummaryTable tr th.first { text-align:right; }

.dataSummaryTable .tl { border-top-left-radius:8px;-moz-border-radius-topleft:8px;-webkit-border-top-left-radius:8px; }
.dataSummaryTable .tr { border-top-right-radius:8px;-moz-border-radius-topright:8px;-webkit-border-top-right-radius:8px;}
.dataSummaryTable .br { border-bottom-right-radius:8px;-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px; }
.dataSummaryTable .bl { border-bottom-left-radius:8px;-moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px; }


bottomGraphCont {}
.bottomGraph{ 
    height: 200px;
    width: 960px;
}
#bottomGraphTooltip{width:200px;display:none;}
#tooltipPointer{ 
    display:block;
    width:21px;height:14px;
    background:url(Img/tooltipPointer.png); 
    margin:0 auto;padding:0;

}
#tooltipContent {
    background-color:#888888;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    color:white;
    font-weight:bold;
    padding:10px 15px; margin:0;
    text-align:center;
}

.tabs h3 {
    color:white;
    background-color:#888888;
    -moz-border-radius: 15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;    
    border-radius: 15px 15px 0 0;
    padding: 5px 0 5px 15px;margin:25px 0 0 0;
}
.tabs h3 a {color:#fff;}



/* edit/admin page specific */
.editStateFields label { display:inline-block;background-color:#dddddd;padding:3px 10px 3px 0;width:200px;text-align:right; }

.editStateFields label.txtarea { height:75px; vertical-align:top; }
.editStateFields input.mid { width:191px; }
.editStateFields input.lg { width:200px; }
.editStateFields textarea { width:606px; height:75px; }
.editStateFields div { margin:3px 0; }
input,textarea {padding:.2em;}

.editStateFields .saveCont { text-align:center;margin-top: 15px }
.editStateFields .saveCont .button { font-size:1.3em; }

#responseMsg { position:absolute; color:red; font-weight:bold; font-size: 1.3em; left:40%; top:60px; }
.editStateFields .validationErrors { padding: 5px 10px; margin-bottom: 20px; font-size:1.1em; font-weight:bold; background-color:#dddddd; border: 1px solid #999; }
.validationErrors ul { font-size: .9em; font-weight:normal; border-top:1px solid #999;margin-top:10px; padding: 10px 0 0 25px; }
.validationErrors ul li { list-style-type: disc; }



/* utils */
.hide {display:none!important;}
.invis {position:absolute!important;height:1px!important;width:1px!important;left:-999em!important;}
.local a.edit { display:none; }


