body,html 
{
	width:100%;
	height:100%;
	margin:0;
	padding:0;

}

body
{
	font-family: "Arial","Verdana","sans-serif";
    font-size: 10px;
}
img
{
	border-width:0px;
	padding:0;
	margin:0;
}

.tooltip {
    -moz-box-shadow: 0 0 10px #000000;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    display: none;
    font-size: 12px;
    padding: 10px 15px;
    text-align: left;
    width: 220px;
    -moz-border-radius: 5px 5px 5px 5px;
    background: url("../images/h300.png") repeat-x scroll 0 0 #111111; 
    z-index:99999;
}
.tooltip-title
{
	font-weight:bold;
	margin-bottom:4px;
	font-size:13px;
	color:#ffa500;
}
.loading
{/*#4682B4*/
	z-index:3;
	border:solid 1px #000000;
	padding: 8px 0;
	text-align:center;
	position:absolute;
	bottom:45%;
	margin-left:-50px;
	left:50%;
	width:100px;
	background:#444444;
	color:#ffffff;
	-moz-border-radius: 5px 5px 5px 5px;
	display:none;
	font-size:14px;
}
#lnkGoToFullMap
{
	font-size:13px;
	margin-top:5px;
	display:none;
}
#OpenLayers_Control_Attribution_Left
{
    font-size: smaller; 
    left: 60px!important; 
    bottom: 1.5em; 
    position: absolute; 
    display: block;
}
.olControlPanZoom
{
	top:44px!important;
}

.olPopupCloseBox
{
	background: url( "../images/close.gif" ) no-repeat !important;
	cursor: pointer;
}
.olPopup{pointer-events:none;}
.olFramedCloudPopupContent, .olPopupCloseBox{pointer-events:auto;}

#popup_FrameDecorationDiv_0,
#popup_FrameDecorationDiv_1,
#popup_FrameDecorationDiv_2,
#popup_FrameDecorationDiv_3{pointer-events:auto;}
#popup_FrameDecorationDiv_4{pointer-events:none;}

.popupContentWaiting
{
	opacity:0.4;
	filter: alpha(opacity = 40);
}
.olFramedCloudPopupContent
{
	font-size:12px;
	color:#333333;
	overflow:visible!important;
	margin:0px!important;
	padding:0px!important;
}
.olFramedCloudPopupContent .content-container
{
	/*padding: 3px 2px 4px 4px;*/
	padding: 5px 0 0 0;
}
.olFramedCloudPopupContent p
{
	margin-top:2px;
	margin-bottom:8px;
}
.olFramedCloudPopupContent a
{
	color:#0000FF;
}
.olFramedCloudPopupContent h1,.olFramedCloudPopupContent h2, .olFramedCloudPopupContent h3
{
	padding:0;
	margin:0;
}
.olFramedCloudPopupContent h1
{
	font-size:12px;
	color:#555555;
	padding-right:16px;
}
.olFramedCloudPopupContent h2
{
	margin-top:10px;
	font-size:13px;
	color:#555555;
}
.olFramedCloudPopupContent h3
{
	margin-top:8px;
	font-size:10px;
}

.olTileReplacing {
    display: block!important;
}
.olImageLoadError {
    opacity: 0!important;
    color: #fff0!important;
}

.voting-results-header
{
	font-size:11px;
	color:#555555;
	font-weight:bold;
}
.votingresults-pos1
{
	top:38px;
	left:11px;
	position:absolute;
}
.votingresults-pos2
{
	top:38px;
	left:11px;
	position:absolute;
}

.footnotes
{
	color:#888888;
	font-size:10px;
	margin-top:18px;
}
.footnotes-title
{
	font-weight:bold;
}

#radMapType .ui-button-text 
{
	padding: 0.4em 0;
	font-weight:normal;
}

label[for=selDistrictType-button]
{
    font-size:1.2em;
    color:#777777;
}


label.ui-state-default {
    border: 1px solid #444444;
    font-size:11px;
}


a.trigger
{
	z-index:100000;
	position: absolute;
	text-decoration: none;
	/*top: 128px; right: 0px;*/
	font-size: 17px;
	/*letter-spacing:-1px;*/
	line-height:16px;
	/*font-family: verdana, helvetica, arial, sans-serif;*/
	color:#333333;
	padding: 10px 7px 10px 13px;
	font-weight: 700;
	background:#EEEEEE;
	border:1px solid #444444;
	border-right:1px solid #EEEEEE;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	display: block;
}
a.trigger:hover{
	position: absolute;
	text-decoration: none;
	/*top: 128px; right: 0;*/
	font-size: 17px;
	/*letter-spacing:-1px;*/
	/*font-family: verdana, helvetica, arial, sans-serif;*/
	color:#111111;
	padding: 10px 12px 10px 13px;
	font-weight: 700;
	background:#ffffff;
	border:1px solid #444444;
	border-right:1px solid #ffffff;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	display: block;
}
a.trigger#trgrLegend
{
	z-index:10001;
	bottom: 50px; 
	right: 0px;
	width:60px;
}
.panel 
{
	z-index:100000;
	position: absolute;
	/*top: 122px;*/
	right: 0;
	display: none;
	background: #ffffff;
	border:1px solid #111111;
	border-right:1px solid #ffffff;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	width: 370px;
	height: auto;
	padding: 8px 15px 10px 15px;
	filter: alpha(opacity=95);
	opacity: .95;
}
.panel#pnlLegend
{
	z-index:10001;
	bottom: 40px;
	padding-bottom:70px;
}

#gcAttribution
{
	position:absolute;
	left:20px;
	bottom:40px;
	z-index:100;
}

/* FIXES WEIRD CHROME BUG. MIGHT CASUE ACCESSIBILITY PROBLEMS, BUT WHAT CAN I DO...*/
.ui-helper-hidden-accessible {
    opacity:0; 
}
.ui-helper-hidden-accessible {
	left: -9999999px;
	/*left: -99999999px;*/
}

/*COPIED FROM UI-DARKNESS. CHANGED THE HOVER COLOR AND BORDER COLOR; AND ACTIVE BORDER COLOR AND ACTIVE BORDER TOP WIDTH*/
#radMapType .ui-state-default, #radMapType .ui-widget-content .ui-state-default, #radMapType .ui-widget-header .ui-state-default { border: 1px solid #666666; background: #555555 url(images/ui-bg_glass_20_555555_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eeeeee; }
#radMapType .ui-state-hover, #radMapType .ui-widget-content .ui-state-hover, #radMapType .ui-widget-header .ui-state-hover, #radMapType .ui-state-focus, #radMapType .ui-widget-content .ui-state-focus, #radMapType .ui-widget-header .ui-state-focus { border: 1px solid #777777; background: #777777 url(images/ui-bg_glass_40_0078a3_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
#radMapType .ui-state-active, #radMapType .ui-widget-content .ui-state-active, #radMapType .ui-widget-header .ui-state-active { border: 1px solid #f58400; border-top-width:2px; background: #f58400 url(images/ui-bg_inset-soft_30_f58400_1x100.png) 50% 50% repeat-x; font-weight: bold; font-size:1.2em; color: #ffffff; }

/* Selectmenu
----------------------------------*/
.ui-selectmenu { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; }
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; display: none; overflow: auto; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-open { display: block; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status { line-height: 1.4em; display: block; padding: .405em 1em; outline:none; text-decoration:none; }
.ui-selectmenu-menu li.ui-state-disabled a { cursor: default; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; }
.ui-selectmenu-open li.ui-selectmenu-item-focus a { }
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-content { }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/* for optgroups */
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }
/* IE6 workaround (dotted transparent borders) */
* html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; }
* html .ui-selectmenu-menu li a { position: relative }

/*ui-selectmenu OVERRIDES*/
.ui-selectmenu { height: 2.2em;}
.ui-selectmenu-status { line-height: 1.0em; }
.ui-selectmenu.ui-state-default
{
	color:#FD6400;
	background:#eeeeee;
	font-weight:normal;
	font-size:16px;
}
.ui-selectmenu-menu li a, .ui-selectmenu-status
{
	color:#FD6400;
    padding: 0.605em 0.4em;
    padding-right:0;
}
.ui-selectmenu-menu li
{
	font-size:14px;
	background-color:#fdfdfd;
}
.ui-selectmenu-menu .ui-state-hover a:hover
{
	color:#FD6400;
}
/*ui-accordion overrides*/

.ui-accordion .ui-accordion-header 
{
    background-color:#555555;
    border:0px solid #555555;
}
.ui-accordion .ui-accordion-header a 
{
	background-color:#555555;
    font-size:12px;
    color:#ffffff;
}
.ui-accordion-header.ui-state-active a, .ui-accordion-header.ui-state-active a:link, .ui-accordion-header.ui-state-active a:visited {
    font-weight: normal;
    background:#f58400;
}
.ui-accordion-header.ui-state-hover a
{
	background:#777777;
}
.ui-accordion .ui-accordion-content-active {
    border:solid 1px #f58400;
}
/*
.map-click-tabs 							{ zoom: 1; }
.map-click-tabs .ui-tabs-nav 				{ list-style: none; position: relative; padding: 2px 2px 0; overflow: hidden; top: 1px; z-index: 1000; height: 25px; }
.map-click-tabs .ui-tabs-nav li 			{ position: relative; float: left; border: 1px solid #ccc; border-bottom-width: 0 !important; margin: 0 2px -1px 0; background: #ccc; }
.map-click-tabs .ui-tabs-nav li a 			{ float: left; text-decoration: none; padding: 5px 10px; color: black; }
.map-click-tabs .ui-tabs-nav li.ui-tabs-selected 				{ padding-bottom: 1px; border-bottom-width: 0; background: white; }
.map-click-tabs .ui-tabs-panel 			{ display: block; border-width: 0; background: none; border: 0px solid #ccc; position: relative; min-height: 200px; height: auto !important; height: 200px; }
.map-click-tabs .ui-tabs-hide 				{ display: none !important; }
*/
.map-click-tabs .ui-widget-header {
    background:transparent;
	border-width:0px;
	border-bottom-width:1px;
	border-radius:0;
	font-size:10px;
}
.map-click-tabs.ui-widget
{
	background: transparent;
    border: 0px solid #AAAAAA;
}
.map-click-tabs .ui-tabs-panel {
    padding: 0.1em 0.6em;
}
/*
.map-click-tabs .ui-widget-content {
    background: #FFFFFF;
    border: 0px solid #AAAAAA;
}
*/
/* BARCHART  */
.chartlist { 
  /*float: left; */
  border-top: 4px solid #EEE;
  border-bottom: 3px solid #EEE;
  width: 18em;
  /*ADDED*/
  font-family:Verdana;
  font-size:11px;
  margin: 4px 0 0 0; 
  padding: 0; 

}
.chartlist li { 
  position: relative;
  display: block;  
  border-bottom: 1px solid #EEE; 
  _zoom: 1;

}
.chartlist li a { 
  display: block; 
  padding: 0.4em 4.5em 0.4em 0.5em;
  position: relative; 
  z-index: 2; 
  cursor:default;
  /*ADDED*/
  /*color: #2D7BB2;*/
  color: #777788;
}
.chartlist .count { 
  display: block; 
  position: absolute; 
  top: 0; 
  right: 0; 
  margin: 0 0.3em; 
  text-align: right; 
  color: #777; 
  font-weight: normal; 
  font-size: 0.875em; 
  line-height: 2em; 
}
.chartlist .index { 
  display: block; 
  position: absolute; 
  top: 0; 
  left: 0; 
  height: 100%; 
  background: #B8E4F5; 
  text-indent: -9999px; 
  overflow: hidden; 
  line-height: 2em;
  /*border-right:solid 1px #98C4D5;*/
  
}
.chartlist li:hover { 
  background: #EFEFEF; 
}
/* END BARCHART */