/* styles for standard page elements*/
.hidden{display:none;}
.bold{font-weight:bold;}

#hd{
	text-align:left;
	background-color:#8f9d64;
}
#hd img{
	position:absolute;
	top:0;
}
#titleWrapper{
	height:64px;
}
.leftImg{
	float:left;
	left:0;
	height:64px;
}
.rightImg{
	right:0;
	height:64px;
}
#titleWrapper .fillerImg{
	background:url(../image/BannerFiller.jpg) left repeat-x;
	height:64px;
	width:100%;
}
#ft{
	text-align:center;
	vertical-align:top;
	font-size:77%;
	height:15px;
	background-color:#8f9d64;
	overflow:hidden;
}
#map {margin-right: 5px;}
#map-ftr{
	margin-right: 5px;
	font-size:85%;
}
#credits{color:black;font-size:x-small;margin-top:5px;}
.copyright{
	color:white;
}
.copyright a{
	text-decoration:underline;
	color:white;
	cursor:pointer;
}
.copyright a:hover{
	color:#981a2a;
}

#sidebar{
	overflow:hidden;
	padding-left:5px;
	padding-right:5px;
	width: 0em; 
	* width: 0em;
}
#dynamicContent{
	height: 100%;
	width: 85%;
	padding-left:5px;
	padding-right:5px;
}

#legendBtnContainer{
	text-align:right;
/*
	color:#f5e8b2;
	background-color:#bfcea2;
	cursor:pointer;
*/
}
#btnLegend{
/*
	background-color:#566d31;
	border:1px white solid;
*/
	padding:0 3px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:small;
}

.hlist ul {
	list-style-type:none;
	padding-right:1em;
}
.hlist li {
	display:inline;
}

/*
ul#quickViewList{
	list-style-type:none;
}
#quickViewList li{
	padding-left:0.1em;
	margin:2px 4px;
	border:solid black 1px;
	background-image:url('../image/sprite.png');
	background-position:0px -1300px;
	background-repeat: repeat-x;
	cursor:pointer;
}

#quickViewList li.over{
	background-position-y:-1400px;
}
*/
#quickViewList a{
	display:block;
	margin:2px 4px;
}
#navList ul, #navList2 ul {
                list-style-type: none;
                border-left: solid 1px #8f9d64;
            } #navList li, #navList2 li {
                display: inline;
                border-right: solid 1px #8f9d64;
                padding: 0 0.65em 0 0.65em;
            } #navList a, #navList2 a {
                color: #FFFFFF;
                font-weight: bold;
				font-size: 14px;
                text-decoration: none;
            } #navList a:hover, #navList2 a:hover {
                color: #981a2a;
            }

/*Layer Legend Styles*/
.layerTree ul {
    list-style-type: none;
    display: block;
}

.layerTree li {
    list-style-type: none;
    display: block;
}

#voteResultsTree{
	overflow:auto;
}

#layerMenu, #layerMenu .ygtvlabel, #sidebar{
	background-color:#aec79f;
}
#sidebar{
	margin-top:1px;
}

.rootSubtitle {
    font-size: 80%;
    color: #000;
    font-style: italic;
    font-weight: normal;
    margin-top: .1em;
    margin-bottom: 0.25em;
    margin-right: 0.25em;
}

.rootTitle {
    text-decoration: underline;
    text-transform: capitalize;
    font-weight: bolder;
}
.rootLayers p{
	margin-bottom:0.5em;
}

.rootLayers ul {
    margin-left: 0;
}

.rootLayers li {
    margin-bottom: 0.33em;
}

.nestedLayers ul {
    margin-left: 0.5em;
    margin-top: 0.1em;
}

.nestedLayers li {
    font-size: 93%
}

.layerDetails {
    font-size: 85%;
    margin: 2px 6px 0.5em 6px;
}

#legendPanel{
	width:200px;
	background-color:white;
	text-align:left;
	overflow:auto;
}
.legend h2{
	font-size:small;
	text-decoration:underline;
color:black;
}
.legend h3{
	font-size:small;
	font-style:italic;
text-decoration:underline;
color:black;
margin-top:5px;
}
.legend li div, .legendItem{
	margin-top:5px;
}

.chip {
    width: 3em;
font-size:10px;
	padding:0.10em 0.5em;
	margin: 2px 4px;
}
.legend .chip{
	margin-right:5px;
}

.markerChip{
	width:16px;
	height:18px;
	margin-right:5px;
}
.legend .label{
	vertical-align:top;
}

p.legendNotes{
	border-top:black solid 1px;
	padding-top:2px;
	font-size:xx-small;
	font-family:Arial, Helvetica, sans-serif;
}
#byMechLegend{
	font-size:smaller;
}

#markerLegendContainer{
	border:2px solid white;
	padding:5px;
}

.state{
	border:none;
}
.county{
	border:none;
}
.muni{
	border:none;
	
	font-size:8px;
}
.muni_point{
	border:none!important;
	background-image:url('../image/city_point.gif');
	background-repeat:no-repeat;
	background-position:center;
}
.chip.results{
	margin-left:1.5em;
}

#boundsStateChip{}
#boundsCountyChip{}
#boundsMuniChip{background-color:white;}


#passedMuniChip{
	background-color: #55ff00;
}
#passedCountyChip{
	background-color:#30b800;
}
#passedStateChip{
	background-color: #baf080;
}
#failedCountyChip{
	background-color: #ff7f7f;
}
#failedMuniChip{
	background-color:#e60000;
}
#failedStateChip{
	background-color: #ffbebe;
}
#unknownCountyChip{
	background:url('../image/UnknownCounty.jpg') no-repeat center;
	width:28px;
	height:17px;
	border:none;
}
#unknownMuniChip{
	background:url('../image/UnknownMuni.jpg') no-repeat center;
	width:28px;
	height:17px;
	border:none;
}
#unknownStateChip{
	background:url('../image/UnknownState.jpg') no-repeat center;
	width:28px;
	height:17px;
	border:none;
}

.passedMuniPoint{
	background:url('../image/PassPoint.jpg') no-repeat center;
	width:24px;
	height:20px;
	border:none;
}
.failedMuniPoint{
	background:url('../image/FailPoint.jpg') no-repeat center;
	width:24px;
	height:20px;
	border:none;
}
.unknownMuniPoint{
	background:url('../image/UnkPoint.jpg') no-repeat center;
	width:24px;
	height:20px;
	border:none;
}

#introText{
	border-bottom:2px solid black;
	margin-bottom:6px;
	width:95%
}
#addressTextBox{width:95%;}

.infoWindow .Fail{
	font-weight:bold;
	color:#ff3311;
}
.infoWindow .Pass{
	font-weight:bold;
	color:#00BB00;
}

.infoWindow .resultChart-Pass,.infoWindow .resultChart-Fail{
	width:200px;
	height:75px;
}
.infoWindow .resultChart-Unknown{
	width:0;height:0;
}
.infoWindow th, .infoWindow td{
padding-left:5px;
}
.infoWindow td{
	text-align:right;
}
.infoWindow .voteTotals{
	margin-top:3px;
	border-top:1px black solid;
	font-weight:bold;
}


.mechSummaryTable{
	width:250px;
}
/*
.mechSummaryTable .yui-g, #gridWrapper1.yui-g{
	width:100%;
}
#gridWrapper2.yui-g{
	width:50%;
}
*/

#yuiTabContainer{
	margin-right:3px;
	margin-top:10px;
}

#yearResultsTable {
	max-height:300px;
	overflow-y:auto;
	overflow-x:hidden;
	width:350px;
}
.byStateCountSum{
	width:370px;
}

/* Panel Styles */
.hd{
	background-color:#b9ae78;
	background-image:url('../image/close_arrow.png');
	background-position:right;
	background-repeat:no-repeat;
	padding:2px 6px 2px 4px;
	border:#008000 1px solid;
	cursor:pointer;	
}
.collapsed .hd{
	background-image:url('../image/open_arrow.png');
}
.hd.highlight{
	background-color:#9ecdc6;
}
.bd{
	padding:2px 4px 2px 4px;
	border:#008000 1px solid;
}
.bd .bd{
	padding:0;
	border:none;
	height 100%
}
.collapsed .bd{
	display:none;
}

/* Button Styles */

.btn, .btn-group .btn{
	background-color:#566d31; /*Dark Green Version*/
	/* background-color:#bdc597; Light brown-green Version*/
	padding: 2px;
	cursor:pointer;
	text-decoration:none;
	margin-top:0.25em;
	margin-bottom:0.25em;
}
.btn-unpressed{
	border:solid gray;
	border-bottom:2px;
	border-left:2px;
	border-top:1px;
	border-right:1px;
	color:#f5e8b2; 
}
.btn-highlight{
	color:#981a2a;
	border:solid gray;
	border-bottom:1px;
	border-left:1px;
	border-top:2px;
	border-right:2px;
	background-color:#8f9d64!important;
}
.btn-pressed{
	color:white;
	font-weight:bold;
	border:solid gray;
	border-bottom:1px;
	border-left:1px;
	border-top:2px;
	border-right:2px;
	padding-right:1px!important;
	padding-left:1px!important;
}

#btnLegend .btn-unpressed{
	background-image:url('../image/bullet-arrow-right');
	background-repeat:no-repeat;
	background-position:right;
}
#btnLegend .btn-pressed{
	background-image:url('../image/bullet-arrow-left');
	background-repeat:no-repeat;
	background-position:right;
}