/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of Eric Meyer's Reset*/



body
{
	font-family: "Arial","Verdana","sans-serif";
    font-size: 11px;
}

body,html 
{
	width:100%;
	height:100%;
	overflow:hidden;
}
#pageContainer 
{
	width:100%;
	height:100%;
	overflow:hidden;
}
.north
{
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:80px;
	border:solid 0px #ff0000;
}
.center
{
	position:absolute;
	top:82px;
	bottom:27px;
	left:14px;
	right:12px;
	padding:8px;
	background:#C0C0C0;
	border-radius:10px;
}
.south
{
	position:absolute;
	height:25px;
	bottom:0;
	left:0;
	right:0;
	border:solid 0px #ff0000;
	padding-left:20px;
	color:#777777;
}
#map
{
	width:100%;
	height:100%;
	/*
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	border:solid 8px #C0C0C0;
	border-radius:10px;*/
}
#centerMask
{

	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:#FFFFFF;
	opacity:0.5;
	z-index:100;
	display:none;
}
#stats-container
{
	z-index:11!important;
	position:absolute;
	left:12px;
	top:12px;
	background:#FFFFFF;
	border:solid 4px #999999;
	border-radius:10px;
	font-size:12px;
	/*font-family:Verdana;*/
	color:#222222;
	padding:6px 4px 8px 8px; 
	width:auto;
	line-height:12px;
	cursor:default;
	display:none;
	
}
#stats-container .source
{
	font-size:10px;
	line-height:10px;
	color:#AAAAAA;
	max-width:270px;
	
}
.votingdata-container td
{
	vertical-align:middle;
	
}
.votingdata td
{
	text-align:right;
	padding:2px 2px 2px 8px;
	border:solid 1px #EEEEEE;
	
}
.votingdata
{
	background:#FFFFFF;
	border-collapse:collapse;
	color:#000000;
	border:solid 4px #cccccc;
}
table.votingdata tr:first-child  
{
	background: #DDDDDD;
	color:#444444;
	font-weight:bold;
}
table.votingdata tr:first-child td
{
	text-align:center;
}
table.votingdata tr td:first-child  
{
	background: #DDDDDD;
	width:95px;
	font-weight:bold;
	padding:2px 2px 2px 0px
}
tr.total
{
	background-color:#999999;
	color:#ffffff;
}
tr.total .label
{
	color:#555555;
}
tr.white
{
	background-color:#08529C;
	color:#ffffff;
}
tr.white .label
{
	color:#08529C;
}
tr.black
{
	background-color:#E6560E;
	color:#ffffff;
}
tr.black .label
{
	color:#E6560E;
}
tr.hispanic
{
	background-color:#31A353;
	color:#ffffff;
}
tr.hispanic .label
{
	color:#31A353;
}
tr.asian
{
	background-color:#C41B89;
	color:#ffffff;
}
tr.asian .label
{
	color:#C41B89;
}
tr.other
{
	background-color:#636363;
	color:#ffffff;
}
tr.other .label
{
	color:#636363;
}
.piechart-container
{
	padding-left:4px;
}
#jqstooltip
{
	z-index:11!important;
}

h1
{
	font-size:2.0em;
	padding-bottom:2px;
	font-weight:bold;
}
h2
{
	font-size:1.4em;
	padding-left:2px;
}

#headerleft
{
	height:100%;
	padding:0 220px 0 20px;
}
#headerright
{
	
	position:absolute;
	right:0;
	bottom:0;
	top:0;
	width:520px;
}
#headerleft .title
{
	color:#555555;
	margin-top:10px;
}
#headerleft .link
{
	position:absolute;
	bottom:2px;
}
#headerright #geocodeBox
{
	margin:4px 0 0 0;
	padding: 5px; 
	border: solid 1px #E0E0E0; 
    background-color: #F0F0F0;
    position:absolute;
    bottom:0px;
    right:14px;
    border-radius:5px;
    color:#DD8800;
}
#divDistrictType
{
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:10;
}
#selDistrictType
{
	width:140px;
}
#divDistrict
{
    position:absolute;
    bottom:0px;
    left:145px;
    z-index:10;
}
#selDistrict
{
    width:140px;
}
a.trigger
{
	z-index:9;
	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: 16px 5px 16px 10px;
	font-weight: 700;
	background:#FFFFFF;
	border:3px solid #909090;
	border-right:1px solid #FFF6E8;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	border-radius:20px 0 0 20px;
	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: 16px 10px 16px 10px;
	font-weight: 700;
	background:#FFFFFF;
	border:3px solid #909090;
	border-right:1px solid #FFF6E8;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	display: block;
}
a.trigger#trgrLegend
{
	bottom: 50px;
	right: 0px;

}
.panel#pnlLegend
{
	z-index:8;
	bottom: 30px;
	position: absolute;
	/*top: 122px;*/
	right: 0;
	display: none;
	background: #FFFFFF;
	border:8px solid #C0C0C0;
	border-right:0px solid #FFF6E8;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	border-radius: 20px 0 0 20px;
	width:350px;
	height:auto;
	padding: 8px 0px 70px 20px;
	filter: alpha(opacity=95);
	opacity: .95;
	cursor:default;
}


.leaflet-container .leaflet-control-attribution {
    background-color: transparent;
    box-shadow: 0 0 00 #CCCCCC;
    float:left;  
}
.leaflet-bottom {
    z-index: 10;
}


	
	


.drop-shadow {
    position:relative;
    float:left;
    width:40%;
    padding:1em;
    margin:2em 10px 4em;
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.drop-shadow:before,
.drop-shadow:after {
    content:"";
    position:absolute;
    z-index:-2;
}

.raised {
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}


div.wax-tooltip
{ 
	z-index:6!important;
	font-size:11px;
	font-family:Verdana;
	background-color:#333333;
	color:#777777;
	padding:4px;
	position:absolute; 
	border-style:solid;
	border-color:#EEEEEE;
	border-width:0px;
	/*max-width:115px;*/
	line-height:11px;
	border-radius:6px;
	
}

div.wax-tooltip .hover-header
{
	color:#FFBB22;
	display:block;
	text-align:center;
	font-size:1.1em;
	margin-bottom:3px;
}
div.wax-tooltip .hover-explanation
{
	font-weight:normal;
	color:#909090;
	display:block;
	font-size:0.9em;
	line-height:1em;
	text-align:center;
	
}

#selDistrict-menu
{
	bottom:60px;
}


#geocodeResultsWindow
{
	display:none;
}
#linkWindow
{
	display:none;
}
.ajaxLoader {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    z-index: 100;
    /*display: none;*/
    background:#FFFFFF url('../images/ajax-loader.gif') 0px 50% no-repeat;
    color:#FF9900;
    font-size:22px;
    padding:6px 4px 4px 36px;
    border-radius:8px;
    border:solid 3px #AAAAAA;
    width:100px;
    display:none;
}

.ui-effects-transfer  
{
	border: 2px dotted gray; 
} 
.ui-widget-overlay {
    background: none repeat scroll 0 0 #000000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.ui-dialog {
   border:solid 4px #999999;
   border-radius:8px;
}
.ui-dialog .ui-dialog-titlebar {
    background: none repeat scroll 0 0 #ECECEC;
    border:solid 1px #B0B0B0;
    border-width:0;
    margin:-3px;
	margin-bottom:1px;
	border-radius:2px 2px 0 0;
	color:#333333;
}

/* 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: 1.6em;}
.ui-selectmenu-status { line-height: 1.3em; }
.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.155em 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-selectmenu-menu .ui-state-hover
{
	border: 1px solid #E0E0E0;
	background: #F0F0F0; 
}

/*ui-widget OVERRIDES*/
.ui-widget {
    font-family: Arial,sans-serif;
}