/* BOXES */
.contentboxselect
{
    position: absolute;
    bottom: 4px;
}
.contentboxselect select
{
    width: 144px;
    float: left;
    margin-top: 4px;
    margin-right: 4px;
}
.contentboxselect input
{
    background-color: transparent;
    float: left;
}

th.surveillanceheader
{
    font-family: Verdana, Arial, Sans-Serif;
}
th.surveillanceheaderx
{
	font-size: 90.9%;
}
th.surveillanceheadery
{
    font-size: 100%;
}
#visualization th,#visualization td
{
	padding: 4px 4px;
	text-align: right;
}
#visualization
{
    /*width: 100%;*/
}

.visualoptions
{
    width: 748px;
}
.visualoption
{
    float: left;
    display: inline;
    margin-right: 14px;
}
.topshow
{
    margin-right: 28px;
}
.visualoption img
{
    margin-right: 4px;
    vertical-align: middle;
}
.visualoptionright
{
    float: right;
    margin-right: 0;
    text-align: right;
}

#dataarea
{
    margin-top: 14px;
    width: 748px;
}
#bargraph table
{
    font-size: 12px;	
    /*width: 100%;*/
}
#graphproperties
{
    margin-top: 28px;
    padding-top: 14px;
    margin-bottom: 14px;
}
.graphproperty
{
    float: left;
    display: inline;
    margin-right: 14px;
}
.graphpropertyright
{
    float: right;
    margin-right: 0;
    text-align: right;
}
.graphpropertyright div
{
    float: left;
    display: inline;
    margin-left: 28px;
}
#graphproperties label
{
	margin-right: 5px;	
}


#filters
{
	margin-top: 14px;		
}
#filters label
{
	margin-right: 5px;
}
.filtercontainer
{
    float: left;
    display: inline;
    margin: 0 14px 14px 0;    
}
.filtercontainer .filtercontainer
{
    margin-bottom: 0;
}

/* MAP VIEW (FOR VACCINATIONDATA AND SURVEILLANCE DATA) */
#areaPopup 
{
    border: solid 2px #4572A7 !important;
    background-color: #FFFFFF !important;
    zoom: 1;
    opacity: 0.90 !important;
    filter: alpha(opacity=90);
    -moz-opacity:0.90;
    -khtml-opacity: 0.90;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    z-index: 1002;
    /*behavior: url(/js/www/map/PIE.htc);*/
}
#areaPopup div, #areaPopup span
{
    background-color: transparent !important;
    z-index: 1003;
}
#areaPopup.olPopup
{
    background-color: #FFFFFF;
}
#areaPopup_GroupDiv
{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
#areaPopup_contentDiv
{
    background-color: transparent !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    z-index: 1005;
}
.olPopupContent
{
    padding: 0px 5px 0px 5px !important;
}
.popupTitle, .popupDescription
{
    height: 16px;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    display: inline;
}
.popupTitle
{
    font-weight: bold;
}
#mapContainer
{
    width: 921px;
    height: 540px;
    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 1;
}
#map
{
    width: 921px;
    height: 540px;
    margin: 0px;
    padding: 0px;
    z-index: 2;
}
#mapLoader
{
    width: 320px;
    height: 100px;
    color: #4C5661;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    top: 235px;
    left: 288px;
    z-index: 1001;
    display: none;
}
#mapLegend
{
    width: 124px; /*140px*/
    /*height: 112px;*/
    background-color: #FFFFFF;
    position: absolute;
    top: 0px;
    left: 779px;
    z-index: 1001;
    display: none;
    border: solid 1px #000000; /*#6C7681,#4C5661*/
    margin: 0px;
    padding: 0px 8px 5px 8px;
}
.mapLegendHeader
{
    width: 124px;
    height: 14px;
    float: left;
    margin: 8px 0px 5px 0px;
}
.mapLegendColorBox
{
    background-color: #000000;
    width: 0px; /* 30px;*/
    height: 0px; /* 14px; */
    border-top: solid 7px #000000;
    border-bottom: solid 7px #000000;
    border-left: solid 15px #000000;
    border-right: solid 15px #000000;
    float: left;
    margin: 3px 3px 3px 0px;
	overflow: hidden;
}
.mapLegendLabel
{
    width: 91px;
    text-align: right;
    height: 14px;
    float: left;
    margin: 3px 0px 3px 0px;
}
.mapTextNoMapShow 
{
    width: 922px;
    padding: 60px 0px;
}

.mapNotificationText
{
    padding-top: 15px;
    font-size: 14px;
    color: #bd0000;
    font-weight: bold;
    width: 922px;
}