map {
    display: block;
}

#intro
{
	FONT-FAMILY: Arial,Helvetica;
	font-size: 12px;
	padding: 5px;	
}
div#map_canvas
{
	margin: 0px;
}
div#map
{
	FONT-FAMILY: Arial,Helvetica;
	font-size: 11px;
}
div#form
{
	margin-bottom: 0;
}
.iwheader 
{
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
} 
.iwsub
{
	font-size: 12px;
	font-weight: bold;
} 
.iwstyle 
{
	font-size: 11px;
}
div#legend
{
	FONT-FAMILY: Arial,Helvetica;
	font-size: 10px;
}
#legend td
{
	font-size: 10px;
}
#legend_head
{
	background-color: #6699CC; color: white;
	font-size: 12px;
	text-align: center;	
}
.projects
{
	font-size: 12px;
	FONT-FAMILY: Arial Unicode MS,Arial,sans-serif;
}
.squarebox 
{
	width: 100%;
	text-align: center;
	overflow: hidden; 
}
.squareboxgradientcaption {
    height: 20px;
    padding: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #6699CC;
    color: white;
    font-family: Tahoma,Geneva,Kalimati,sans-serif;
    font-size: 12px;
    font-weight: bold;
}
.squareboxcontent 
{
	text-align: left;
	font-size: 12px;
	FONT-FAMILY: Arial Unicode MS,Arial,sans-serif;
}
.squareboxcontent1
{
	padding: 4px;
	text-align: left;
	font-size: 12px;
	FONT-FAMILY: Arial Unicode MS,Arial,sans-serif;
	display: none;
}
#layers
{
	/*height: 600px;*/
    overflow: auto;	
	overflow-x: hidden;
	FONT-FAMILY: Arial Unicode MS,Arial,sans-serif;
	font-size: 9pt;
}
#drainList
{
	height: 324px;
    overflow: auto;
	FONT-FAMILY: Arial Unicode MS,Arial,sans-serif;
	font-size: 11px;
}
.button {
    border: none;
    background: url(css/up.png) no-repeat top left;
    padding: 2px 6px;
	font-family: Tahoma,Geneva,Kalimati,sans-serif;
}
.button:hover {
    border: none;
    background: url(css/down1.png) no-repeat top left;
    padding: 2px 6px;
	/*cursor: pointer;*/
}
.gradient {
	height: 14px;
	padding: 4px;
	background: url(css/gradient1.jpg) 0% 0% repeat-x;
	color: white;
	font-family: Tahoma,Geneva,Kalimati,sans-serif;
	font-size: 12px;
}
.ui-tabs .ui-tabs-hide {
     display: none;
}
#loading {
    position: absolute;
    top: 400px;
    align-content: center;
    right: 50%;
    z-index: 400;
    /*background: white;
        padding: 10px;*/
}
#basemaps-wrapper {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 400;
    background: white;
    padding: 10px;
}
#addressList {
    height: 200px;
    overflow-y: auto;
}
.basemap-dropwdown {
    position: absolute;
    right: 75px;
    top: 140px;
    z-Index: 100;
    font-size: 8pt;
}
@media only screen and (max-width: 320px) {
    #basemap-dropdown {
        float: right;

    }
}
input[type="checkbox"] {
    vertical-align: middle;
}
ol.layer-list {
    list-style-type: none;
    padding:0;
    margin:0;
    line-height:10%;
}