/*--------------------------------------------------------------------
LAYOUT "formacao inscricoes" Style - PSIKONTACTO (IE6+ FF1.5+ Opera9+)

Version: 	1.0 - 2007f
author: 		Burocratik (alexandre r. gomes)
email: 		alex@burocratik.com
website: 	http://www.burocratik.com

-----------------------------------------------------------------------*/
@import url(reset.css);
@import url(corpo.css);


/* =HEADER : varia consuante a secção
------------------------------------------------------------------*/
.registo #header{background: transparent url(../pics/formacao-header-01registo.jpg) no-repeat;}
.inscricao #header{background: transparent url(../pics/formacao-header-08.jpg) no-repeat;}
/*.inscricao #header{background: transparent url(../pics/header-default.gif) no-repeat;}*/

/* =CONTENT : 
------------------------------------------------------------------*/
#content p.login{
	text-indent: 23px; line-height: 23px;
	background: url(../imgs/icon-user.gif) no-repeat;
}
#content form{margin-bottom: 20px; position: relative;}
#content form p{margin:5px 0; padding:0; overflow: hidden; height: 1%; }
#content form p.espaco{margin-bottom: 15px;}
#content form p.direita{text-align: right; padding-right: 21px;}
form legend{
	padding-top: 10px; 
	font: normal 18px Tahoma, Arial, Helvetica, sans-serif; color: #fdb813; 
}
* html form legend{margin-left:-7px;} /* :HACK: IE6*/
*:first-child+html form legend{margin-left:-7px;} /* :HACK: IE7*/
form #login2 legend{display: none;
}
form label{
	float: left; width: 80px; padding-right: 3px;
	font-weight: bold; font-size: 10px; text-align: right;
}
form input{
	width: 360px;
	font: 11px Tahoma, Arial, Helvetica, sans-serif; color : #4c4737; 
	border: 1px solid #edebe6; background-color: #edebe6;
}
form input.w150{width: 150px;}
form input.radio, table input.radio{width: auto; border: none; background-color: transparent;}
form input:hover,form input:focus{background-color: #f4f3f0;}
form p.inscricao{
	float: left; width: 80px; margin-top: 10px;
	font-weight: bold; font-size: 10px; text-align: right;
}
form div.inscricaoBts{float: left; width: 100px;}
form div.inscricaoBts label{float: none;}
form div.inscricaoCampos{float: left; width: 280px;}
form div.inscricaoCampos input{width: 180px;}
form div label, table label{font-weight: normal;}

form input.submit{
	width: 50px; height: 21px; margin: 0; padding:0; border: none; cursor: pointer;
	background: transparent url(../imgs/bt-enviar.gif) no-repeat left top;
}
form button.btnEnviar{
	text-indent: -5555px; overflow: hidden;
	width: 55px; height: 25px; margin: 0; padding:0; border: none; cursor: pointer;
	background: transparent url(../imgs/bt-enviar.gif) no-repeat left top;
}
form button.btnEnviar:hover{background: transparent url(../imgs/bt-enviar.gif) no-repeat left bottom;}
form button.btnInscricao{
	text-indent: -5555px; overflow: hidden;
	width: 95px; height: 25px; margin: 0; padding:0; border: none; cursor: pointer;
	background: transparent url(../imgs/bt-inscricao.gif) no-repeat left top;
}
form button.btnInscricao:hover{background-position:left bottom;}


form button.btnOk, form button.btnOk2{
	position: absolute; top: 86px; left: 242px;
	text-indent: -5555px; overflow: hidden;
	width: 38px; height: 25px; margin: 0; padding:0; border: none; cursor: pointer;
	background: transparent url(../imgs/bt-ok2.gif) no-repeat left top;
}
form button.btnOk2{position: absolute; top: 33px; left: 242px;}
form button.btnOk:hover, form button.btnOk2:hover{background: transparent url(../imgs/bt-ok2.gif) no-repeat left bottom;}
* html form button.btnOk{top: 90px; left: 245px;} /* :HACK: IE6*/
*:first-child+html form button.btnOk{top: 90px; left: 245px;} /* :HACK: IE7*/


/* =mensagem erro*/
#content .erro{
	font-size: 12px; font-weight: normal; color: #ca311e; line-height: 21px; padding-left: 25px;
	background: url(../imgs/icon-msg-erro.gif) no-repeat;
}
#content .enviado{
	font-size: 12px; font-weight: normal; color: #129d46; line-height: 21px; padding-left: 25px;
	background: url(../imgs/icon-msg-ok.gif) no-repeat;
}


/* =tabelas*/
table {width: 100%; height: auto; margin:10px 0 20px 0;}
thead tr th{height: 22px; font-weight: bold; border-bottom: 3px double #cccccc;}
tbody tr{height: 22px;}
tbody tr.last td{border-top: 1px solid #cccccc;}
th, td {vertical-align: middle;}
table .botoes{text-align: right;}
table td span{
	padding-left: 15px;  color: #ca311e; font-weight: bold;
	background: url(../imgs/icon-x.gif) no-repeat left center;
}
table .comp310{width: 300px;}
table .comp395{width: 400px;}
table .comp200{width: 200px;}
table .comp175{width: 175px;}
table .comp150{width: 150px;}
table .comp125{width: 125px;}
table .comp100{width: 100px;}
table .comp75{width: 75px;}

table.ciclo1 {background-color: #fffaee;}
table.ciclo1 th{color: #fdb813;}
table.ciclo2 {background-color: #f0f2ed;}
table.ciclo2 th{color: #8cc63f;}
table.ciclo3 {background-color: #fff6ec;}
table.ciclo3 th{color: #f78f1e;}
table.ciclo4 {background-color: #fcf2f1;}
table.ciclo4 th{color: #ef3f35;}
table.ciclo5 {background-color: #f0ebee;}
table.ciclo5 th{color: #ec008c;}
table.ciclo6 {background-color: #fff6e0;}
table.ciclo6 th{color: #fdb813;}
table.ciclo7 {background-color: #feebf1;}
table.ciclo7 th{color: #9a0432;}

p.erroCor label {color: #ca311e;}


/* =FICHA DE INSCRICAO 
------------------------------------------------------------------*/
.ficha #moradaPrint{
	position: absolute; left: -5555px; top: -5555px;
}
.ficha h3{font: bold 13px Tahoma, Arial, Helvetica, sans-serif; color: #fdb813;}
.ficha h4{font: bold 12px Tahoma, Arial, Helvetica, sans-serif; color: #fdb813; margin-top: 30px;}
.ficha #content p{margin: 0; padding:0 0 5px 0;}
.ficha ul{margin: 3px 0 20px 0;}
.ficha ul ul{
	padding-left: 20px;
}

.ficha table{line-height: 13px;}
.ficha table thead span{display: block; font-size: 10px;}
.ficha table .extra, .ficha table span{
	color: #999999; background: none; margin: 0; padding: 0; font-weight:normal;
}
.ficha table .extra strong{font-weight:normal; color: #6e664f;}
.ficha table tbody tr{height: 35px;}
.ficha table tr.last td{font-weight: bold;}

.ficha a.btImprimir{
	display: block; width: 66px; height: 25px; text-indent: -9999px; margin-left: 390px;
	background: transparent url(../imgs/bt-imprimir.gif) no-repeat left top;
}
.ficha a.btImprimir:hover{background-position: left bottom;}