﻿/* 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;
}

