﻿/* ### Esqueleto ### */

html, 
body,
form, 
#wrapper
{
    height:100%;
    margin: 0;
    padding: 0;
    text-align: center;
    FONT-SIZE: 10px; 
    COLOR: #000000; 
    TEXT-INDENT: 0px; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;   
}

#wrapper
{
   margin: 0 auto;
   text-align: left;
   vertical-align: middle;
   width: 100%;
}
        
/* ### formatação dos controlos ### */

.expanded{width: 400px;}
.height{width: 70px;text-align:center;}
.five{width: 80px;}
.money{width: 50px; text-align:right}
.four{width: 40px;text-align:center;}
.three{width: 32px;text-align:center;}
.two{width: 24px;text-align:center;}
.normal{width: 176px;}
.textarea{ height: 100px; width: 99.5%;}
.error-list{margin: 3px 0px 0px 6px;}
.input-data{text-align:center;}
.input-num{text-align:right;width:40px;}

/* ### tabelas ### */
.alt{background-color: white;}

table 
{
	FONT-SIZE: 10px; 
	COLOR: #000000; 
	TEXT-INDENT: 0px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}


IMG 
{
	border:0;	
}

/* ### "janelas" ###*/

div.container
{
	border: solid 1px #186EDF;
	padding: 0px 0px 0px 0px;
	margin: 6px 6px 6px 6px;
	background-color: #E7EDF9;
	background-image: url(../../imgs/layout/container-grad_azul_mar.jpg);
	background-repeat: repeat-x;
}

div.container-red
{
	border: solid 1px #DD1C17;
	padding: 0px 0px 0px 0px;
	margin: 6px 6px 6px 6px;
	background-color: #FADFE2;
	background-image: url(../../imgs/container-grad-red.jpg);
	background-repeat: repeat-x;
}

div.container-header
{
	border: solid 1px #186EDF;
	padding: 0px 0px 0px 0px;
	margin: 6px 6px 6px 6px;
}

.footer-st
{
	background-image: url(../../imgs/layout/footer-grad_azul_mar.jpg);
	background-repeat:repeat-x;
	padding-top: 1px;
	padding-bottom: 5px;
}

div.emptyContainer
{
	padding: 0px 0px 0px 0px;
	margin: 6px 6px 6px 6px;
}

div.myBlock
{
	margin: 8px 8px 8px 8px;
}

div.blue-label
{
	margin: 0px 0px 0px 0px;
	background-color: #186EDF;
	font-size: 12px;
	color: white;
	padding: 4px 12px 2px 6px;
	height: 18px;
	background-image: url(../../imgs/layout/blue-lbl-grad_azul_mar.jpg);
	background-repeat: repeat-x;
}

div.red-label
{
	margin: 0px 0px 0px 0px;
	background-color: #DD1C17;
	font-size: 12px;
	color: white;
	padding: 4px 12px 2px 6px;
	height: 18px;
	background-image: url(../../imgs/layout/red-lbl-grad.jpg);
	background-repeat: repeat-x;
}

div.header-label
{
	margin: 0px 0px 0px 0px;
	background-color: #519DFF;
	font-size: 12px;
	color: white;
	padding: 4px 12px 2px 6px;
	height: 18px;
}

td.label
{
	text-align: right;
	white-space: nowrap;
	vertical-align:top;
	font-weight: bold;
}

.text 
{
	FONT-SIZE: 10px; 
	COLOR: #000000; 
	TEXT-INDENT: 0px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.error_message 
{
	FONT-SIZE: 10px; 
	COLOR: red; 
	TEXT-INDENT: 0px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}


td.labelCenter
{
	 text-align: center;white-space:nowrap;
}

/* ### Time pick control ### */

.timePickerHour
{
	text-align: right;
	width: 33px;
	background-color: #eef4ff;
	border-style: solid;
	border-width: 1px;	
}

.timePickerMinute
{
	text-align: right;
	width: 18px;
	background-color: #eef4ff;
	border-style: solid;
	border-width: 1px;
}

/* ### links ### */

A:link 
{
	FONT-SIZE: 11px; 
	COLOR: #187CC2; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none;
}
A:visited 
{
	FONT-SIZE: 11px; 
	COLOR: #187CC2; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none;
}
A:hover 
{
	FONT-SIZE: 11px; 
	COLOR: #187CC2; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: underline;
	
}

A.bijeli:link 
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	COLOR: #ffffff; 
	FONT-SIZE: 11px; 
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none
}
A.bijeli:visited 
{
	 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #ffffff; FONT-SIZE: 11px; TEXT-DECORATION: none
}
A.bijeli:hover {
	 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #ffffff; FONT-SIZE: 11px; TEXT-DECORATION: underline
}
A.bijeli:active {
	 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #ffffff; FONT-SIZE: 11px; TEXT-DECORATION: none
}

.menuLink {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;COLOR: #186EDF; FONT-SIZE: 10px
}
A.menuLink:link {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #186EDF; FONT-SIZE: 10px; TEXT-DECORATION: none
}
A.menuLink:visited {
	 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #186EDF; FONT-SIZE: 10px; TEXT-DECORATION: none
}
A.menuLink:hover {
	 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #186EDF; FONT-SIZE: 10px; TEXT-DECORATION: underline
}
A.menuLink:active {
	 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #186EDF; FONT-SIZE: 10px; TEXT-DECORATION: none
}

/* ### Page navigation ### */

a.pagerPreviousExists,
a.pageNotSelected, 
a.pageSelected 
{
   margin: 0px 3px 0px 0px;
}

a.pageSelected
{
	background-color: White;
   	border: solid 1px #186EDF;
   	padding-left:2px;
   	padding-right: 2px;
}

span.spanOutros
{
	display:block;
	float:left;
}

span.spanConclusao
{
	display: none;
	float:left;
}

div.showCartao35
{
    display: none;
}