body {
	margin: 0px 1% 0px 1%;
	padding: 0px;
	text-align:center;
}
	
#mainArea {
	width: 98%;
	margin:0px auto;
	text-align:left;
	padding:0px;
	/*border:1px dashed #333;*/
}	
       
#searchArea
{
	width: 300px;
    height: 550px;    
	border:1px solid black;
	overflow-y: auto;
    overflow-x: auto;    
                   
}
    
#mapWindow
{
	border:1px solid #738ab5;
	margin-bottom: -2px;
	background-color: white;        
}
        
#themesArea
{
	float: right;
	text-align: center;
}

#header
{
    margin-bottom: 2px;
}       
        
#footer
{
	clear: both;
}

/*-----------------Toolbar---------------*/

#toolbar
{
	height: 25px;
	FONT-FAMILY: arial, helvetica, sans-serif;
	FONT-SIZE: 8pt;
}
SPAN.btnToolBar
{
	height: 18px;
	width: 18px;
	margin-right: 1px;
	FONT-SIZE: 16px;
	cursor:pointer;	
	CURSOR: hand;
	FONT-FAMILY: arial, helvetica, sans-serif;
	border: solid 1px #f5f9ff;
}
SPAN.btnToolBarSelect
{
	height: 18px;
	width: 18px;
	margin-right: 1px;
	FONT-SIZE: 16px;
	cursor:pointer;	
	CURSOR: hand;
	FONT-FAMILY: arial, helvetica, sans-serif;
	border: solid MidnightBlue 1px;
}

IMG.btnImg
{
	width: 16px;
	height: 16px;
}

SPAN.separator
{
	width: 2px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #a0a0a0;
    margin-right: 2px;
}
/*-------------------------------*/

/*--Tabs-------------------------*/

#searchHeader
{
    WIDTH: 250px;
    height: 25px;
    line-height: 26px;        
}

A.tab
{	
    margin-top: 3px;
    margin-bottom: 2px;
    padding-top: 2px;
    padding-bottom: 2px;    
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
    line-height: 25px;
	font-size: 8pt;
	width: 13%;
	color: white;
	font-family: verdana;
	border-collapse: collapse;
	background-color: #738ab5;
	text-align: center;
	text-decoration: none;	
}
A.tabSelected
{
    margin-top: 3px;
    margin-bottom: 2px;
    margin-bottom: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
    line-height: 25px;
	font-size: 8pt;
	width: 13%;
	color: white;
	font-family: verdana;
	border-collapse: collapse;
	background-color: #496289;
	text-align: center;
	text-decoration: none;
	vertical-align: bottom;
}
A.tab:hover
{
    margin-top: 3px;
    margin-bottom: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
    line-height: 25px;
	font-size: 8pt;
	font-weight: bold;
	width: 13%;
	color: black;
	font-family: verdana;
	border-collapse: collapse;
	height: 18px;
	background-color: #738ab5;
	text-align: center;
	text-decoration: none;
}
/*----------------------------*/


   

TABLE.searchStyleTop
{
	border-left-color: #364967;
	border-top-color: #364967;
	border-bottom: #364967 1px solid;
	background-color: #496289;
	border-right-color: #364967;
	padding-left: 2px;
	text-align: left;
	width: 100%;
}

TABLE.searchStyle
{
	BORDER-TOP: solid 1px blue;
	BORDER-BOTTOM: solid 1px blue;
	BORDER-COLOR: #364967;
}

TD.searchStyleTextHeader
{
	font-family: Verdana , Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	cursor:pointer;	
	CURSOR: hand;
}
TD.searchStyleButtonHeader
{
	PADDING-RIGHT: 2px;
	PADDING-TOP: 2px;
	text-align: right;
}
IMG.searchStyleButtonHeader
{	
	cursor:pointer;	
	CURSOR: hand;
}


/*----------------------------*/
		
.tableHeader TD
{
    padding-left:0px;
}


.fieldTitle
{
    font-family: Verdana , Helvetica, sans-serif;
    font-size: 11px;
    color:#555555
}

.fieldData
{
    font-family: Verdana , Helvetica, sans-serif;
    font-size: 11px;
    color:#333333;    
}

.fieldData a:visited
{
    font-family: Verdana , Helvetica, sans-serif;
    font-size: 11px;
    color:#0000ff;    
   
}
.fieldData a:active {
    font-family: Verdana , Helvetica, sans-serif;
    font-size: 11px;
    color:#333333;    
}
.fieldData a:Hover
{
    font-family: Verdana , Helvetica, sans-serif;
    font-size: 11px;
    color:#0000ff;    
}

.button 
{
	background-color:#eeeeee;
	font-family:Verdana , Helvetica, sans-serif;
	font-size:10px;
}

/*---------------------------------------------------------*/
TABLE.resultsList
{
	border-top: silver 1px solid;
	width: 100%;	
	text-align: left;
}
TR.resultsListHeader
{
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;	
	color: white;
	font-family: Verdana;
	font-size: 8pt;
	/*background-color: #ff9933;*/
	background-color: #DF8200;	
}
SPAN.resultsListHeader
{
	font-weight: bold;
}
TR.resultsListNavigation
{
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 8pt;
	color: #0a2452;
	font-family: Verdana;
	background-color: #738ab5;
	text-decoration: none;
}
TD.resultsListData
{
	padding-left: 4px;
	padding-top: 3px;
	padding-right: 2px;
}
A.resultsListData
{
	color: black;
	font-family: Verdana;
	font-size: 8pt;
	text-decoration: none;
	background-color: #f5f5f5;
}
A.resultsListDataVisited
{
	font-size: 8pt;
	color: #ff6600;
	font-family: Verdana;
	text-decoration: none;
}

/*-------------------------------------------------------*/

DIV.referenceMap
{
    PADDING-TOP: 0px;
    text-align: center;
    height: 113px;    
}

IMG.referenceMap
{
	cursor:pointer;	
	CURSOR: hand;
	border: solid 1px #364967;	
}
/*------------------------------------------------------*/
.themesButtonsArea
{
	clear: left;
	text-align: center;
	width: 135px;
}
.themesHeader
{
	width: 135px;
	background-color: #496289;
	font-family: Verdana , Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 2px;
}
.themeInterspace
{
	font-size: 2px;
	display: block;
	WIDTH: 125px;
	height: 6px;
}
IMG.themeButton
{
	cursor: hand;
	cursor: pointer;
	border: solid 1px white;
	width: 35px;
	height: 35px;
}
IMG.themeButtonSelected
{
	cursor: hand;
	cursor: pointer;
	border: solid 1px black;
}

/*---------------------------------------------------------------*/

SPAN.linkMain
{
    font-family: Verdana , Helvetica, sans-serif;
    font-size: 10px;
    color:#555555;
	text-decoration: none;
}

A.linkMain
{
    font-family: Verdana , Helvetica, sans-serif;
    font-size: 10px;
    color: Black;
	text-decoration: none;
}

/*------------------------------------*/

.infoFieldTitle
{
    font-family: Verdana , Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color:#555555
}

.infoFieldData
{
    font-family: Verdana , Helvetica, sans-serif;
    font-size: 12px;
    color:#333333;  
}

.infoFieldData a:visited
{
    font-family: Verdana , Helvetica, sans-serif;
    font-size: 12px;
    color:#333333;  
}
.infoFieldData a:active
{
    font-family: Verdana , Helvetica, sans-serif;
    font-size: 12px;
    color:#333333;  
}
.infoFieldData a:hover
{
    font-family: Verdana , Helvetica, sans-serif;
    font-size: 12px;
    color:#333333;  
}

.imgInfo
{
	border: 8px solid #DF8200;
}

.imgTitle
{
    font-family: Verdana , Helvetica, sans-serif;
    font-size: 11px;
    color:#333333;    
}

/*Scalebar do Mapa*/
.divScalebar
{
	background-color: #496289;
}
.tbScalebar
{
}
.tdScalebarCoords
{	
}
.tdScalebarImage
{
	text-align: right;
}
SPAN.mouseCoords
{
	font-size: 7pt;
	color: white;
	font-family: Verdana;
}
/*-----------------------------------------------------*/

.toolspace
{
	WIDTH: 125px;
	HEIGHT: 14px;
	PADDING-TOP: 0px;
}
.themeButtonTop
{
	PADDING-TOP: 0px;
	BORDER-RIGHT: #f5f9ff 1px solid;
	BORDER-TOP: #f5f9ff 1px solid;
	BORDER-LEFT: #f5f9ff 1px solid;	
	BORDER-BOTTOM: #f5f9ff 1px solid;	
	FONT-SIZE: 8pt;
	cursor:pointer;	
	CURSOR: hand;
	FONT-FAMILY: Verdana, helvetica, sans-serif;
}

.themesHeaderTop
{
	background-color: #496289;
	font-family: Verdana , Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #DF8200;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
}

.meteoButtonTop
{
	WIDTH: 26px;
	HEIGHT: 18px;
	PADDING-TOP: 0px;
	BORDER-RIGHT: #f5f9ff 1px solid;
	BORDER-TOP: #f5f9ff 1px solid;
	BORDER-LEFT: #f5f9ff 1px solid;	
	BORDER-BOTTOM: #f5f9ff 1px solid;	
	FONT-SIZE: 8pt;
	cursor:pointer;	
	CURSOR: hand;
	FONT-FAMILY: Verdana, helvetica, sans-serif;
}

.meteoButtonTopSel
{
	WIDTH: 26px;
	HEIGHT: 18px;
	PADDING-TOP: 0px;
	BORDER-RIGHT: #DF8200 1px solid;
	BORDER-TOP: #DF8200 1px solid;
	BORDER-LEFT: #DF8200 1px solid;	
	BORDER-BOTTOM: #DF8200 1px solid;	
	FONT-SIZE: 8pt;
	cursor:pointer;	
	CURSOR: hand;
	FONT-FAMILY: Verdana, helvetica, sans-serif;
}

/*Ajuda*/

.textHelp
{
    font-family: Verdana , Helvetica, sans-serif;
    font-size: 11px;
    color:#333333;
    text-align: justify;
}

.titleHelp
{
	font-family: Verdana , Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
	text-align: left;
}