﻿/*  HOME MODULE */
DIV.clear
{
    clear:both;
    height: 0;
}

@media only screen and (min-width:510px) {
    DIV.ModuleWraper DIV.leftContent {
        width: 230px;
        margin: 0;
        display: table-cell;
    }

    DIV.ModuleWraper DIV.rightContent
    {
	    position: relative;
	    margin: 0 0 0 7px;
	    padding: 0;
        display: table-cell;
        width: 100%;
        vertical-align: top;
    }

    DIV.ModuleWraper DIV.leftContent DIV.wrap
    {
	    margin: 0 10px 14px 0;
	    width: 230px;
    }

    DIV.ModuleWraper DIV.leftContent DIV.wrapResponse
    {
	    margin: 0 10px 14px 0;
	    padding: 0;
	    width: 230px;
    }

    DIV.ModuleWraper DIV.leftContent DIV.fieldContentFloatLeftType1Wraper
    {
        background-color: #FAFAF9;
        width:230px;
        clear:both;
        margin: 0 0 4px 0;
        padding: 0;
    }
}

@media only screen and (max-width:509px) {
    DIV.ModuleWraper DIV.leftContent {
        width: 100%;
        margin: 0;
    }

    DIV.ModuleWraper DIV.rightContent
    {
	    position: relative;
	    margin: 0 0 0 7px;
	    padding: 0;
        width: 100%;
        vertical-align: top;
    }

    DIV.ModuleWraper DIV.leftContent DIV.wrap
    {
	    margin: 0 10px 14px 0;
	    width: 100%;
    }

    DIV.ModuleWraper DIV.leftContent DIV.wrapResponse
    {
	    margin: 0 10px 14px 0;
	    padding: 0;
	    width: 100%;
    }

    DIV.ModuleWraper DIV.leftContent DIV.fieldContentFloatLeftType1Wraper
    {
        background-color: #FAFAF9;
        width: 100%;
        clear:both;
        margin: 0 0 4px 0;
        padding: 0;
    }
}

DIV.ModuleWraper DIV.leftContent SPAN.spacer
{
	font-size: 9px;
	padding: 0 0 0 3px;
}
DIV.ModuleWraper DIV.leftContent DIV.fieldOuterHeaderNumbered
{
	width: 230px;
	color: #2b8d98;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 7px 0;
}
DIV.ModuleWraper DIV.leftContent DIV.fieldOuterHeaderNumbered SPAN:first-child
{
	color:#000000;
	padding: 0 2px 0 0;
}
DIV.ModuleWraper DIV.leftContent DIV.fieldOuterHeader
{
	width: 218px;
	color: #2b8d98;
	font-size: 12px;
	font-weight: bold;
	background-image: url(imagens/bullet01.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	padding: 0 0 0 12px;
	margin: 0 0 7px 0;
}
DIV.ModuleWraper DIV.leftContent DIV.fieldContent
{
	/* background-color:#FAFAF9; */
	/* background-image: url(imagens/fieldBg.gif); */
	/* background-position: 0 0; */
	/* background-repeat: no-repeat; */
    background-color: #f4f7ff;
    border-bottom-color: #bcbcbc;
    border-bottom-width: 1px;
    border-bottom-style: double;
    padding: 2px 0 4px 12px;
    margin: 0 0 4px 0;
    clear: both;
}

DIV.ModuleWraper DIV.leftContent DIV.fieldContentAlert
{
	background-color:#E0E0E0;
	background-image: url(imagens/fieldBg.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 2px 0 4px 12px;
	margin: 0 0 4px 0;
}

DIV.ModuleWraper DIV.leftContent DIV.fieldContentAlert label
{
	font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #F00;
}

DIV.ModuleWraper DIV.leftContent DIV.fieldContentAlert DIV.alert
{
	font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight:normal;
    padding: 2px 4px 2px 4px;
}

DIV.ModuleWraper DIV.rightContent DIV.alertas
{
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #F00;
    background-color: antiquewhite;
    margin: 10px 0 0 0;
    padding: 10px 10px 10px 20px;
    text-align: center;
    background-image: url(imagens/ocorrencias.gif);
    background-repeat:no-repeat;
    background-position: 4px center;
}

.alertas_recalc 
{
    margin: 10px 0 0 4px;
}

DIV.ModuleWraper DIV.rightContent DIV.alertas_recalc DIV.trp_recalculate_path {
    background-image: url(imagens/ico_recalculate.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 0 0 0 25px;
    height: 16px;
    margin: 0 0 5px 0;
}

DIV.ModuleWraper DIV.leftContent DIV.fieldContent FIELDSET
{
    width: 220px;
    /*clear: both;*/
    padding: 0;
    margin: 0;
    border: 0;
}

DIV.ModuleWraper DIV.leftContent DIV.fieldContent FIELDSET LEGEND.ie /* ONLY IE*/
{
    padding: 0;
    margin: 0 0 0 -7px;
    font-size: 13px;
    font-weight: bold;
}

DIV.ModuleWraper DIV.leftContent DIV.fieldContent FIELDSET LEGEND
{
    padding: 0;
    margin: 0;
    font-size: 10px;
    font-weight: bold;
}

.normal 
{
    font-size: 12px;
    font-weight: normal;
    margin: 0 5px 0 2px;
    vertical-align: text-bottom;
}

.inputTxt
{
    font-size: 10px !important;
    font-weight: normal;
    text-align: center;
}

.inputTxtLeft
{
    font-size: 10px !important;
    font-weight: normal;
}

DIV.ModuleWraper DIV.leftContent DIV.fieldContent INPUT.pointToMap
{
    border: 0;
    font-family: Arial, Verdana, Tahoma;
    font-size: 9px;
    text-decoration: underline;
    color: #6f95bd;
    background-color:Transparent;
    cursor:pointer;
}
DIV.ModuleWraper DIV.leftContent DIV.fieldContent INPUT.SubmitCalculate
{
    width: 93px;
    height: 28px;
	border: 0;
	cursor:pointer;
	padding: 0;
	margin: 10px 0 5px 0;
	font-size:10px;
	font-weight:bold;
}

DIV.fieldContentFloatLeftType1_01 label, DIV.fieldContentFloatLeftType1_02 label, DIV.fieldContent label,
DIV.fieldContentFloatLeftType2_01 label, DIV.fieldContentFloatLeftType2_02 label, DIV.fieldContentFloatLeftType2_03 label 
{
    font-size: 10px;
}

DIV.fieldContentFloatLeftType1_01 SPAN, DIV.fieldContentFloatLeftType1_02 SPAN, DIV.fieldContent SPAN,
DIV.fieldContentFloatLeftType2_01 SPAN, DIV.fieldContentFloatLeftType2_02 SPAN, DIV.fieldContentFloatLeftType2_03 SPAN 
{
    font-size: 10px;
    display: block;
}

DIV.ModuleWraper DIV.leftContent DIV.fieldContent SPAN A
{
	font-size: 9px;
}

DIV.ModuleWraper DIV.leftContent DIV.fieldContentFloatLeftType1Wraper DIV.fieldContentFloatLeftType1_01
{
	/* background-color:#FAFAF9; */
	/* background-image: url(imagens/fieldBg.gif); */
	/* background-position: 0 0; */
	/* background-repeat: no-repeat; */
 background-color: #f4f7ff;
 border-bottom-color: #bcbcbc;
 border-bottom-width: 1px;
 border-bottom-style: double;
	padding: 2px 5px 4px 12px;
	margin: 0 0 4px 0;
	border-right: solid 5px #FAFAF9;
	float:left;
	width: 50%;
}
DIV.ModuleWraper DIV.leftContent DIV.fieldContentFloatLeftType1Wraper DIV.fieldContentFloatLeftType1_02
{
	/* background-color:#FAFAF9; */
	/* background-image: url(imagens/fieldBg.gif); */
	/* background-position: 0 0; */
	/* background-repeat: no-repeat; */
 background-color: #f4f7ff;
 border-bottom-color: #bcbcbc;
 border-bottom-width: 1px;
 border-bottom-style: double;
	padding: 2px 0 4px 12px;
	margin: 0 0 4px 0;
	float:left;
	width: 50%;
}
DIV.ModuleWraper DIV.leftContent DIV.fieldContentFloatLeftType1Wraper DIV.fieldContentFloatLeftType2_01
{
	/* background-color:#FAFAF9; */
	/* background-image: url(imagens/fieldBg.gif); */
	/* background-position: 0 0; */
	/* background-repeat: no-repeat; */
 background-color: #f4f7ff;
 border-bottom-color: #bcbcbc;
 border-bottom-width: 1px;
 border-bottom-style: double;
	padding: 2px 5px 4px 12px;
	margin: 0 0 4px 0;
	border-right: solid 5px #FFFFFF;
	float:left;
	width:33%;
}
DIV.ModuleWraper DIV.leftContent DIV.fieldContentFloatLeftType1Wraper DIV.fieldContentFloatLeftType2_02
{
	/* background-color:#FAFAF9; */
	/* background-image: url(imagens/fieldBg.gif); */
	/* background-position: 0 0; */
	/* background-repeat: no-repeat; */
 background-color: #f4f7ff;
 border-bottom-color: #bcbcbc;
 border-bottom-width: 1px;
 border-bottom-style: double;
	padding: 2px 5px 4px 12px;
	margin: 0 0 4px 0;
	border-right: solid 5px #FFFFFF;
	float:left;
	width:33%;
}
DIV.ModuleWraper DIV.leftContent DIV.fieldContentFloatLeftType1Wraper DIV.fieldContentFloatLeftType2_03
{
	/* background-color:#FAFAF9; */
	/* background-image: url(imagens/fieldBg.gif); */
	/* background-position: 0 0; */
	/* background-repeat: no-repeat; */
 background-color: #f4f7ff;
 border-bottom-color: #bcbcbc;
 border-bottom-width: 1px;
 border-bottom-style: double;
	padding: 2px 0 4px 12px;
	margin: 0 0 4px 0;
	float:left;
	width:34%;
}

/* RIGHT */
DIV.ModuleWraper DIV.leftContent TABLE.Path
{
 	min-width: 210px;
	margin: 5px 0 0 0;
}
DIV.ModuleWraper DIV.leftContent TABLE.Path TD
{
	border-bottom: 1px dashed #CCCCCC;
}
DIV.ModuleWraper DIV.leftContent TABLE.Path TD.stop
{
 	width: 35px;
	background-image: url(imagens/path_stop.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	
}
DIV.ModuleWraper DIV.leftContent TABLE.Path TD.pathType
{
	padding: 2px 5px 0 0;
}
DIV.ModuleWraper DIV.leftContent TABLE.Path TD.start
{
 	width: 35px;
	background-image: url(imagens/path_start.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
DIV.ModuleWraper DIV.leftContent TABLE.Path TD.start SPAN.start
{
 	display:block;
	width: 35px;
	height: 20px;
	text-align: center;	
	font-weight: bold;
	line-height: 18px;
	color: #FFFFFF;
	margin: 0 0 5px 0;
}
DIV.ModuleWraper DIV.leftContent TABLE.Path TD.end
{
 	width: 35px;
	background-image: url(imagens/path_end.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
DIV.ModuleWraper DIV.leftContent TABLE.Path TD.end SPAN.end
{
 	display:block;
	width: 35px;
	height: 20px;
	text-align: center;	
	font-weight: bold;
	line-height: 18px;
	color: #FFFFFF;
	margin: 5px 0 0 0;
}
DIV.ModuleWraper DIV.leftContent TABLE.Path TD.description
{
	padding: 5px;
}

/* LINK ICONS */
DIV.ModuleWraper DIV.leftContent DIV.wrapResponse DIV.trp_recalculate_path
{
	background-image: url(imagens/ico_recalculate.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 0 0 0 25px;
	height: 16px;
	margin: 0 0 5px 0;
}

DIV.trp_recalculate_path a, .trp_new_path a, .trp_print a, .trp_send_pal
{
    font-size: 11px;
}

DIV.ModuleWraper DIV.leftContent DIV.wrapResponse DIV.trp_print
{
	background-image: url(imagens/ico_print.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 0 0 0 25px;
	height: 16px;
	margin: 0 0 5px 0;
}
.trp_send_pal
{
	background-image: url(imagens/ico_send_pal.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 0 0 0 25px;
	height: 16px;
	margin: 0 0 5px 0;
	display:none;
}
DIV.ModuleWraper DIV.leftContent DIV.wrapResponse DIV.trp_help
{
	background-image: url(imagens/ico_help.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 0 0 0 25px;
	height: 16px;
	margin: 0 0 5px 0;
}
DIV.ModuleWraper DIV.leftContent DIV.wrapResponse DIV.trp_new_path
{
	background-image: url(imagens/ico_new_path.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 0 0 0 25px;
	height: 16px;
	margin: 0 0 5px 0;
}

/* ERROR MSG */
DIV.ModuleWraper DIV.leftContent DIV.wrap DIV.error
{
	background-image: url(imagens/error.gif);
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding: 0 0 0 35px;
	height: 40px;
	margin: 10px 0 0 0;
	color:#CC0000;
	font-weight:bold;
}

/* MAPA */
.mapSapo
{
    width:100%;
    height:800px; /*620px; 625px;*/
    background-color:#F5F7F5;
}

.mapSelLayers
{
	position: absolute;
	z-index:800;
	width:730px;
	height:auto;
	background-color:Gray;
	bottom:0;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	/* CSS3 standard */
	opacity:0.9;
}

.mapLayers INPUT.showLayersButton
{
	border: 0;
    text-decoration: none;
    text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
    background-color:Black;
    cursor:pointer;
    padding: 4px 8px 4px 8px;
    position: absolute;
	z-index:800;
	top: 10px;
	right:10px;
	width: 56px;
}

.BusyIndicator
{
    z-index: 1200;
    width: 234px; 
    height: 39px;
    position:absolute;
    background-image: url(imagens/loadingAnimation.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

/* POPUP BG */

/*
.shadeBg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=70);
	opacity:0.7;
	z-index: 1100;
}
*/


/* POPUP */
.modalPopup {
	background-color:#ffffff;
	border-width:10px;
	border-style:solid;
	border-color:#FFFFFF;
	padding:3px;
	width:250px;
	z-index:120;
}

.modalPopup .modalPopup_header
{
    font-family: Arial, Tahoma;
    background-color: #818182;
    color: #FFFFFF; 
    font-weight: bold; 
    font-size: 13px;
    padding: 8px 4px 8px 4px; 
    z-index: 120;
    text-align: left;
    margin: 0 0 10px 0;   
    text-transform:uppercase; 
}

.modalPopup .modalPopup_body
{
    z-index: 120;
    font-family: Verdana, Arial, Tahoma;
    font-size: 12px;
    text-align: left;
}

.modalPopup .modalPopup_body SPAN
{
    display: block;
    text-align: center;
}

.modalPopup .modalPopup_footer
{
    text-align: center;
    margin: 10px 0 5px 0;
    padding: 10px 0 0 0;
    border-top: solid 1px #eeeeee;
}

.modalPopup .modalPopup_footer input
{
    width: 70px;
    margin: 2px 4px 0 4px;
    padding: 2px 0 2px 0;
    display:inline;
}

.modalPopup .modalPopup_footer input[disabled="disabled"], .modalPopup .modalPopup_footer input.disabled, .modalPopup .modalPopup_footer input:disabled
{
    display:none !important;
}

/* RESULT TABLE FLOAT **/
TABLE.tabela_resultados 
{
    font-size: 10px;
    width: 100%;
    margin: 0;
    padding: 0;
}
TABLE.tabela_resultados TD.header
{
    font-size: 11px;
    font-family:Arial, Verdana, Tahoma;
    font-weight: bold;
    text-transform:uppercase;
    border-bottom: solid 1px #CFCFCF;
    padding: 10px 0 5px 0;
    margin: 0;
    
}
TABLE.tabela_resultados TD.header SPAN.head
{
    color: #FFFFFF;
    background-color: #818182;
    padding: 2px;
    margin: 0;
    text-align:left;
    display:inline;
}
TABLE.tabela_resultados TD.concelho
{
    font-size: 10px;
    font-weight: bold;
    background-color: #F6F6F6;
    margin: 0;
    padding: 8px 0 4px 20px;
    background-image: url(imagens/bullet02.gif);
	background-position: 3px 7px;
	background-repeat: no-repeat;
}
TABLE.tabela_resultados TD LABEL
{
    font-size: 10px;
    font-weight: normal;
    padding: 0 0 0 5px;
    margin: 0;
}
TABLE.tabela_resultados TD.input
{
    padding: 2px 0 2px 3px;
    margin: 0;
}

/* ASP.NET DROPDOWNLIST */
.DropDownListTime
{
    font-family: Arial, Verdana, Tahoma;
    font-size:10px;
    width:44px;
}
/* ASP.NET RADIOBUTTONLIST */
.RadioButtonList
{
    margin: 2px 0 0 0; 
    padding: 0;    
}
.RadioButtonList LABEL
{
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px; 
    font-weight: normal; 
    color: #000; 
    margin: 0;   
}


/* CONTEXT MENU */
.contextMenu
{
 z-index: 1000;
 left: 0px;
 width: 170px;
 position: absolute;
 top: 0px;
 height: 80px;
 font-family: Arial, Tahoma;
 font-size: 10px;
 background-image: url(imagens/context_menu.png);
 background-position:0 0;
 background-repeat: no-repeat;
 margin:0;
 padding:15px 0 0 24px;
}
.contextMenu DIV.line
{
     margin:0;
     padding:0;
     border-bottom: solid 1px #E7E7E7;
     width:125px;
}
.contextMenu DIV.line_bottom
{
     margin:0;
     padding:0;
     width:125px;
}
.contextMenu DIV.line A.context, .contextMenu DIV.line_bottom A.context
{
     color: #CC0000;
     text-decoration: none;
     line-height:25px;
}
.contextMenu DIV.line A.context:hover, .contextMenu DIV.line_bottom A.context:hover
{
     color: #000;
     text-decoration: none;
}

/* hidden fields*/
.trp_hiddenTxtField
{
    visibility:hidden;
    display:none; 
    font-size:1px; 
    height:1px; 
    border:0;
    margin:0;
    padding:0;
}


/* PAGE OVERLAY*/
#overlay
{
    background-image: url(imagens/overlay.png);
}

* html #overlay
{
	background-color: #000;
	background-color: transparent;
	background-image: url(imagens/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagens/overlay.png", sizingMethod="scale");
}

DIV.nota
{
 font-size:10px; 
 color:#999999;   
 margin:10px 0 0 0;
 padding:0;
 line-height: 11px;
}

#inlineTemas{
	float:none;
	clear:both;
	margin:0;
}

.clearTemas{
	height:1px;
	font-size:1px;
	float:none;
	clear:both;
}

@media screen and (min-width: 801px) {
    .embedTemas{
	    width:24%;
	    float:left;
	    font-family: Arial, Verdana, Tahoma;
        font-size: 11px;
	    font-weight: normal;
	    padding: 0 0 0 5px;
	    text-align:left;
    }
}

@media screen and (min-width: 661px) and (max-width: 800px) {
    .embedTemas{
	    width:32%;
	    float:left;
	    font-family: Arial, Verdana, Tahoma;
        font-size: 11px;
	    font-weight: normal;
	    padding: 0 0 0 5px;
	    text-align:left;
    }
}

@media screen and (max-width: 660px) {
    .embedTemas{
	    width:46%;
	    float:left;
	    font-family: Arial, Verdana, Tahoma;
        font-size: 11px;
	    font-weight: normal;
	    padding: 0 0 0 5px;
	    text-align:left;
    }
}

.embedHeader{
	width:90%;
	height:20px;
	float:left;
	font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
	font-weight: bold;
	padding: 0 0 0 5px;
}

.embedHeaderClose{
	float:right;
	font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
	font-weight: normal;
	width:16px;
	height:20px;
	vertical-align: middle;
}

.TemasHeader{
	float:left;
	font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	height:14px;
}

.inp120 {
    width: 120px !important;
    display: inline-block !important;
    margin: 3px 0 0 10px !important;
}

.MicrosoftMap .labelStyleSwitch {
    max-width: initial;
}

.MicrosoftMap .labelStyleSwitchDescription {
    max-width: initial;
}