﻿.rota {
    display: table-row;
}

.linha {
    padding-right:10px;
    display:table-cell;
    font-size: 12px;
}

DIV.fieldOuterHeader
{
	/* width: 600px; */
	color: #EE2224;
	font-size: 14px;
	font-weight: bold;
	background-image: url(imagens/bullet01.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	padding: 0 0 7px 12px;
	margin: 0 0 7px 0; 
	border-bottom: solid 1px #D1D1D1;
}

DIV.lineName
{
    font-weight: bold;
    font-size: 13px;
    padding-bottom: 15px;
}

/* MAPA */
.mapSapo
{
    width:100%;
    height:450px;
    position:relative;
    background-color:#F5F7F5;
}

.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 {
	background-color:#000000;
	width:100%;
	height: 100%;
	position:absolute;
	top:0;
	left:0;
	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: #F05C1E;
    color: #FFD184; 
    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: #F05C1E;
    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;
}


/* 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;
}


/***************************/
/* TARIFÁRIOS + HORÁRIOS   */
/***************************/
TABLE.meios_transp_options {
	width:100%;
	margin: 15px 0 0 0;
	padding: 0;	
}
TABLE.meios_transp_options TD.cell_1 {
	background-image:url(imagens_modulo/autocarros_electricos.gif);
	background-repeat:no-repeat;
	background-position:left;
	height: 60px;
}
TABLE.meios_transp_options TD.cell_2 {
	background-image:url(imagens_modulo/comboios.gif);
	background-repeat:no-repeat;
	background-position: 4px;
	height: 60px;
}
TABLE.meios_transp_options TD.cell_3 {
	background-image:url(imagens_modulo/metro.gif);
	background-repeat:no-repeat;
	background-position: 4px;
	height: 60px;
}
TABLE.meios_transp_options TD.cell_4 {
	background-image:url(imagens_modulo/barcos.gif);
	background-repeat:no-repeat;
	background-position: 4px;	
	height: 60px;
}
TABLE.meios_transp_options TD.cell_5 {
	background-image:url(imagens_modulo/ana.gif);
	background-repeat:no-repeat;
	background-position: 4px;
	height: 60px;
}
TABLE.meios_transp_options TD.cell_6 {
	background-image:url(imagens_modulo/city_center.gif);
	background-repeat:no-repeat;
	background-position: 4px;
	height: 60px;
}

@media screen and (min-width : 900px) {
    TABLE.meios_transp_options TD.cell_1 DIV.descricao {
        margin: 10px 0 0 50px;
        padding: 0 3px 0 0;
        text-align: left;
        border-right: #E4E4E4 dashed 1px;
        height: 60px;
    }

    TABLE.meios_transp_options TD.cell_2 DIV.descricao {
        margin: 10px 0 0 50px;
        padding: 0 3px 0 0;
        text-align: left;
        border-right: #E4E4E4 dashed 1px;
        height: 60px;
    }

    TABLE.meios_transp_options TD.cell_3 DIV.descricao {
        margin: 10px 0 0 58px;
        padding: 0 3px 0 0;
        text-align: left;
        border-right: #E4E4E4 dashed 1px;
        height: 60px;
    }

    TABLE.meios_transp_options TD.cell_4 DIV.descricao {
        margin: 10px 0 0 50px;
        padding: 0 3px 0 0;
        text-align: left;
        border-right: #E4E4E4 dashed 1px;
        height: 60px;
    }

    TABLE.meios_transp_options TD.cell_5 DIV.descricao {
        margin: 10px 0 0 50px;
        padding: 0 3px 0 0;
        text-align: left;
        height: 60px;
    }

    TABLE.meios_transp_options TD.cell_6 DIV.descricao {
        margin: 10px 0 0 50px;
        text-align: left;
        height: 60px;
    }

    .logoOp {
       border-top: solid 1px #F05C1E;
       margin: 0 0 5px 0;
    }

    .logoOp span {
        background-color:#F05C1E; 
        color: #FFFFFF; 
        padding: 0 4px 4px 4px;
    }
}
@media screen and (max-width : 900px) {
    TABLE.meios_transp_options TD.cell_1 DIV.descricao, TABLE.meios_transp_options TD.cell_2 DIV.descricao, TABLE.meios_transp_options TD.cell_3 DIV.descricao, TABLE.meios_transp_options TD.cell_4 DIV.descricao, TABLE.meios_transp_options TD.cell_5 DIV.descricao, TABLE.meios_transp_options TD.cell_6 DIV.descricao
    {
        display:none;
    }

    .logoOp {
       border-top: solid 1px #F05C1E;
       margin: 0 0 5px 0;
    }

    .logoOp span {
        background-color:#F05C1E; 
        color: #FFFFFF; 
        padding: 0 4px 4px 4px;
    }
}

@media screen and (min-width : 601px) and (max-width : 700px) {
    TABLE.meios_transp_options TD.cell_1, TABLE.meios_transp_options TD.cell_2, TABLE.meios_transp_options TD.cell_3, TABLE.meios_transp_options TD.cell_4, TABLE.meios_transp_options TD.cell_5, TABLE.meios_transp_options TD.cell_6 {
        background-size: 40px;
    }

    TABLE.meios_transp_options .logo {
        font-size: 8px;
    }
}

@media screen and (max-width : 600px) {

    .logo img {
        transform: scale(0.75, 0.75);
        -ms-transform: scale(0.75, 0.75);
        -webkit-transform: scale(0.75, 0.75);
    }

    TABLE.meios_transp_options TD.cell_1, TABLE.meios_transp_options TD.cell_2, TABLE.meios_transp_options TD.cell_3, TABLE.meios_transp_options TD.cell_4, TABLE.meios_transp_options TD.cell_5, TABLE.meios_transp_options TD.cell_6 {
        background-size: 25px;
    }

    TABLE.meios_transp_options .logo {
        font-size: 6px;
    }
}

LI.link {
	list-style-image:url(imagens_modulo/seta_azul.gif);
	list-style-position:outside;
	vertical-align:middle;
	font-size:11px;
	font-weight:bold;
}

/* TIMETABLE */

TABLE.timetable TD
{
    border-bottom:#E4E4E4 dashed 1px;
    padding: 5px;
	font-size: 12px;
}

TABLE.timetable TD.headerLine
{
    border:0;
    background-color:#FAFAF9;
    color:#000000;
    padding: 5px;
    font-weight:bold;
}

TABLE.timetable CAPTION H3
{
    padding: 5px;
    margin: 10px 0 0 0;
    text-align:left;
    color:#000000;
    font-weight:bold;
}

TABLE.timetable TH H4
{
    padding: 5px;
    margin: 10px 0 0 0;
    text-align:left;
    font-weight:bold;
    color:#000000;
}

/* LINE */

#PnLinha TABLE.Path
{
 	width: 210px;
}
#PnLinha TABLE.Path TD
{
	border-bottom: 1px dashed #CCCCCC;
}
#PnLinha TABLE.Path TD.stop
{
 	width: 35px;
	background-image: url(imagens/path_stop_tt.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	
}
#PnLinha TABLE.Path TD.pathType
{
	padding: 2px 5px 0 0;
    display: none;
}
#PnLinha TABLE.Path TD.start
{
 	width: 35px;
	background-image: url(imagens/path_start.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
    text-align: center;
}
#PnLinha TABLE.Path TD.start SPAN.start
{
	font-weight: bold;
	line-height: 18px;
	color: #fff;
    font-size: 11px;
}
#PnLinha TABLE.Path TD.end
{
 	width: 35px;
	background-image: url(imagens/path_end.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
    text-align: center;
    padding-top: 4px;
}
#PnLinha TABLE.Path TD.end SPAN.end
{
    font-weight: bold;
    line-height: 18px;
    color: #fff;
    font-size: 11px;
}
#PnLinha TABLE.Path TD.description
{
	padding: 5px;
}
#PnLinha TABLE.Path TD.description p {
    margin: 0;
    font-size: 12px;
}


/* BACK BTNS */
#PnLinha DIV.wrap DIV.utilsHeader
{
	text-align: right;
}
/* link btn print */
#PnLinha DIV.wrap DIV.utilsHeader DIV.btnGo
{
	margin:5px 0 0 5px;
	padding:0;
}
/* link btn back */
#PnLinha DIV.wrap DIV.utilsHeader DIV.btnGo A.back
{
	margin:0;
	padding:0 3px 0 15px;
	color:#FF003B;
	background-color:#F0F2EF;
	text-decoration:none;
	background-image:url(imagens/bullet_back_off.gif);
	background-position:4px;
	background-repeat:no-repeat
}
#PnLinha DIV.wrap DIV.utilsHeader DIV.btnGo A.back:hover
{
	text-decoration:none;
	background-color:#FF6633;
	color:#FFFFFF;
	background-image:url(imagens/bullet_back_on.gif);
	background-position:4px;
	background-repeat:no-repeat
}


/* BACK TO TOP */
DIV.utilsHeaderBackTop
{
	margin:0;
	padding:0;
}
DIV.utilsHeaderBackTop DIV.btnGoTop
{
	float:right;
	margin:13px 0 0 5px;
	padding:0;
}
DIV.utilsHeaderBackTop DIV.btnGoTop A.backTop
{
	margin:0;
	padding:0 3px 0 15px;
	color:#FF003B;
	background-color:#F0F2EF;
	text-decoration:none;
	background-image:url(imagens/bullet_top_off.gif);
	background-position:4px;
	background-repeat:no-repeat
}
DIV.utilsHeaderBackTop DIV.btnGoTop A.backTop:hover
{
	text-decoration:none;
	background-color:#FF6633;
	color:#FFFFFF;
	background-image:url(imagens/bullet_top_on.gif);
	background-position:4px;
	background-repeat:no-repeat
}

DIV.newTimeTable P
{
    font-weight:bold;
    font-size:12px;
}

/* RESPOSTA */
#resposta
{
    /*width:220px;*/ 
    margin: 0;
    margin-right: 10px;
}

/* 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");
}

.labelPin
{
    overflow:visible !important;
}

.labelPin div
{
    white-space:nowrap;
    font-size:x-small !important;
    color:white !important;
}



/* EDU */
.newTimeTable {
    font-size: 11px;
    position: relative;
}
.newTimeTable table tr td {
    padding-right: 10px;
    vertical-align: top;
}

@media only screen and (min-width:992px) {
    DIV.newTimeTable {
        margin: 10px 0;
        padding: 5px;
        border: solid 1px #F0F2EF;
        background-image: url(imagens/newTimetableBg.gif);
        background-position: 0 0;
        background-repeat: round;
        height: 36px;
    }

    .newTimeTable .alteraHora {
        position: absolute;
        top: 5px;
        right: 5px;
    }

    .newTimeTable table tr td label {
        padding-left: 5px;
    }
}

@media only screen and (min-width:767px) and (max-width:991px) {
    DIV.newTimeTable {
        margin: 10px 0;
        padding: 5px;
        border: solid 1px #F0F2EF;
        background-image: url(imagens/newTimetableBg.gif);
        background-position: 0 0;
        background-repeat: round;
        height: 83px;
    }

    .newTimeTable .alteraHora {
        top: 5px;
        right: 5px;
    }

    .newTimeTable table tr td label {
        padding-left: 0;
    }
}

@media only screen and (min-width:510px) and (max-width:766px) {
    DIV.newTimeTable {
        margin: 10px 0;
        padding: 5px;
        border: solid 1px #F0F2EF;
        background-image: url(imagens/newTimetableBg.gif);
        background-position: 0 0;
        background-repeat: round;
        height: 36px;
    }

    .newTimeTable .alteraHora {
        position: absolute;
        top: 5px;
        right: 5px;
    }

    .newTimeTable table tr td label {
        padding-left: 5px;
    }
}

@media only screen and (min-width:391px) and (max-width:509px) {
    DIV.newTimeTable {
        margin: 10px 0;
        padding: 5px;
        border: solid 1px #F0F2EF;
        background-image: url(imagens/newTimetableBg.gif);
        background-position: 0 0;
        background-repeat: round;
        height: 72px;
    }
    
    .newTimeTable .alteraHora {
        top: 5px;
        right: 5px;
    }

    .newTimeTable table tr td label {
        padding-left: 5px;
    }
}

@media only screen and (max-width:390px) {
    DIV.newTimeTable {
        margin: 10px 0;
        padding: 5px;
        border: solid 1px #F0F2EF;
        background-image: url(imagens/newTimetableBg.gif);
        background-position: 0 0;
        background-repeat: round;
        height: 100px;
    }

    .newTimeTable .alteraHora {
        top: 5px;
        right: 5px;
    }

    .newTimeTable table tr td label {
        padding-left: 0;
    }
}

.newTimeTable .alteraHora input,
.newTimeTable .alteraHora input {
    width: 40px;
    text-align: center;
}

@media only screen and (min-width:715px) {
    .respostaLeftPanel {
        display: table-cell;
        width: 220px;
    }

    .respostaRightPanel {
        display: table-cell;
        vertical-align: top;
        width: 100%;
    }
}

@media only screen and (max-width:714px) {
    .respostaLeftPanel {
        width: 100%;
    }

    .respostaRightPanel {
        vertical-align: top;
        width: 100%;
    }
}

DIV.nota {
    font-size: 10px;
    color: #999999;
    margin: 10px 0 0 0;
    padding: 0;
    line-height: 11px;
}

.butInput {
    height: 25px !important;
    padding: 0 6px !important;
    margin-left: 5px !important;
    font-size: 12px !important;
    vertical-align: baseline !important;
}