



/*##################################*/
/*## Formatações layout da página ##*/
/*##################################*/

.bodyLarguraMinima { 
	width: 850px;
}

.container { 
	padding-top: 20px; 
	padding-bottom: 20px; 
	width: 100%; 
}

.principalMargemEsquerdaDireita { 
	width: 35px; 
}

.tblPrincipal {
	width: 100%;
	padding: 0px 5px 5px 5px;
	background-color: #bed232;
}

.cabecalhoPrincipal { 
	height: 30px; 
	vertical-align: bottom; 
	padding:0px 10px 7px 10px; 
}

.tblInterior {
	width: 100%;
	height: 100%;
	border: solid 1px #94a4b4;
	background-color: #bed232;
}

.tblLateral { 
	width: 20%; 
	padding: 10px 5px 5px 5px; 
	vertical-align: top; 
}

.tblCentral { 
	width: 80%; 
	padding: 10px 5px 5px 5px; 
	vertical-align: top; 
	background-color: #FFFFFF; 
}

.tblConteudo {
	width: 100%;
	height: 100%;
	padding: 0px 4px 5px 4px;
	background-color: #bed232; 
}

td.tblConteudo { 
	width: 100%; 
	padding: 8px;
}

.tblListagem {
	width: 100%;
	height: 30px;
	padding-left: 10px;
	vertical-align: middle;
	background-color: #FFFFFF; 
}

.tblListagemCorPrincipal {
	width: 100%;
	height: 30px;
	padding-left: 10px;
	vertical-align: middle;
	background-color: #bed232;
}

.divconteudo
{
	width: 100%;
}

.divconteudo .coluna_esquerda
{
	float: left;
	width: 74%;
}

.divconteudo .coluna_esquerda .registo
{
	border: 1px dotted #94a4b4;
	margin-bottom: 5px;
	padding: 2px;
}

.divconteudo .coluna_esquerda .registo:hover {
	background-color: #bed232; 
	color:black;
	cursor: pointer;
}

.divconteudo .coluna_esquerda .registo .unread {
	font-weight: bold;
}

.divconteudo .coluna_esquerda .registo .colAvatar {
	vertical-align: middle;
	text-align: center;
	width: 50px;
	height: 50px;
}

.divconteudo .coluna_esquerda .registo .colNome {
	width:35%; 
	vertical-align: middle;
}

.divconteudo .coluna_esquerda .registo .colAssunto {
	vertical-align:middle;
}

.divconteudo .coluna_esquerda .registo .colData {
	width:10%; 
	vertical-align:middle;
	font-size: 12px;
	text-align: right;
	white-space: nowrap;
}

.divconteudo .coluna_esquerda .registo .colAlNome {
	width:30%; 
	vertical-align: middle;
}

.divconteudo .coluna_esquerda .registo .colAlTurma {
	width:30%; 
	vertical-align: middle;
}

.divconteudo .coluna_esquerda .registo .colAlEnc {
	width:20%; 
	vertical-align: middle;
}

.divconteudo .coluna_esquerda .registo .colAlCod {
	width:10%; 
	vertical-align: middle;
}

.divconteudo .coluna_esquerda .registo .colTuDes {
	width:43%; 
	vertical-align:top;
}

.divconteudo .coluna_esquerda .registo .colTuAno {
	width:12%; 
	vertical-align:top;
}

.divconteudo .coluna_esquerda .registo .colTuProf {
	width:45%; 
	vertical-align:top;
}

.divconteudo .coluna_esquerda .registo .colUtNome {
	width:30%; 
	vertical-align: middle;
}

.divconteudo .coluna_esquerda .registo .colUtPerfil {
	width:30%; 
	vertical-align: middle;
}

.divconteudo .coluna_esquerda .registo .colUtActivo {
	width:5%; 
	vertical-align: middle;
}

.divconteudo .coluna_esquerda .registo .colUtAlunos {
	vertical-align: middle;
}

.divconteudo .coluna_esquerda .registoFoto
{
	margin-bottom: 15px;
    clear: both;
}

.divconteudo .coluna_esquerda .registoFoto table
{
	border: 1px dotted #94a4b4;
    margin-bottom: 5px;
	padding: 2px;
}

.divconteudo .coluna_esquerda .registoFoto .colAssunto {
	vertical-align:middle;
}

.divconteudo .coluna_esquerda .registoFoto .colData {
	width:10%; 
	vertical-align:middle;
	font-size: 12px;
	text-align: right;
	white-space: nowrap;
}

.divconteudo .coluna_esquerda .registoFoto .colDownloadTodos
{
    width:4%; 
    vertical-align:middle;
    text-align: right;
}

.divconteudo .coluna_esquerda .registoFoto .foto
{
	float:left;
    width: 217px;
    height: 132px;
}

.divconteudo .coluna_esquerda .registoFoto .foto a,
.divconteudo .coluna_esquerda .registoFoto .foto img,
.divconteudo .coluna_esquerda .registoFoto .colDownloadTodos a,
.divconteudo .coluna_esquerda .registoFoto .colDownloadTodos img
{
	border: none;
}

.divRegistoAlunos .colUtAlunoNome
{
	width:40%; 
	vertical-align:top;
	text-align:left;
}

.divRegistoAlunos .colUtAlunoTurma
{
	width:50%; 
	vertical-align:top;
	text-align:left;
}

.divRegistoAlunos .colUtAlunoActivo
{
	width:10%; 
	vertical-align:top;
	text-align:center;
}

.divRegistoAlunos .colUtAlunoNomeHeader
{
	text-align:left;
}

.divRegistoAlunos .colUtAlunoTurmaHeader
{
	text-align:left;
}

.divRegistoAlunos .colUtAlunoActivoHeader
{
	text-align:left;
}

.divRegistoAlunos .trAlunosHeader
{
	background-color: #bed232; 
	color:black;
}

.divconteudo .coluna_direita
{
	float: right;
	width: 24%;
}

.coluna_direita_caixa {
	border: 1px dotted #94a4b4;
	padding: 4px;
	margin-bottom: 5px;
}

.coluna_direita_caixavista {
	border: 1px dotted #94a4b4;
	padding: 4px;
	margin-bottom: 5px;
    background-color: #bed232; 
}

.pesquisa_botoes{
	margin-top: 25px;
	text-align: right;
}

.txt_numero_registos{
	text-align: right;
	margin-top: 4px;
	color: gray;
	font-size: 12px;
}

.txt_cinzento_pequeno{
	color: gray;
	font-size: 12px;
}

.registo_seleccionado {
	background-color: #bed232; 
	color:black;
}

.respostas {
	max-height: 300px; 
	overflow-y: scroll;
}

.resposta {
	width: 96%;
	border: 1px dotted #94a4b4;
	margin-bottom: 5px;
	padding: 2px;
}

.resposta .colNome {
	width:35%; 
	vertical-align:top;
	font-size: 12px;
}

.resposta .colNome .unread{
	font-weight: bold;
}

.resposta .colResposta {
	width: 220px; 
	vertical-align:top;
}

.resposta textarea {
	font-size: 12px;
	margin-top:4px;
	width: 95%;
}

.resposta select {
	font-size: 12px;
}

.actividades {
	max-height: 160px; 
	overflow-y: scroll;
}

.actividade {
	width: 94%;
	border: 1px dotted #94a4b4;
	margin-bottom: 5px;
	padding: 5px;
}

.actividade .colTurmaNome {
	width: 99%;
	vertical-align:top;
	font-size: 12px;
}

.actividade select {
	font-size: 12px;
}

.invisivel { 
	display: none;
}

/*#####################################*/
/*## Formatações "menores" da Página ##*/
/*#####################################*/

a {
	color: black;
	text-decoration: none;
}

a span {
	color: black;
}

a:hover { 
	text-decoration: underline; 
}

body {
	background-attachment: fixed;
	background-color: #345e84; 
	background-image: url(); 
	background-repeat: repeat;
	font-family: Verdana; 
	color: black;
	font-size: 13px;
	margin: 0;
}

.tamanhoMaximo { 
	width: 100%; 
}

.borderPopupDiv {
	border: solid 1px gray;
}

.border {
	border: solid 1px #94a4b4;
	padding: 3px 3px 3px 3px;
	width: 100%;
}

.borderImg {
	border: solid 1px #94a4b4;
}

.borderWidget {
	border: solid 1px #94a4b4;
	padding: 3px 3px 3px 3px;
	width: 100%;
	background-color: white;
}

.borderWidgetAvatar {
	padding: 3px 3px 3px 3px;
	width: 100%;
}

/*#################################################*/
/*## Formatações gerais (fontes, dropdowns, etc) ##*/
/*#################################################*/

.txt_erro
{
	font-size: 11px;
	color: #FF0000;
}

.txt_ok
{
	font-size: 11px;
	color: #00FF00;
}

.txt_AreaReservada {
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 15px;
	color: black;
}

.txt_tituloPagina
{
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 15px;
	color: black;
}

.txt_linksTopo
{
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 12px;
	color: black;
}

input{
	padding-left: 4px;
	color: black;
	font-family: Verdana;
	font-size: 13px;
	border: solid 1px #94a4b4;
}

textarea{
	padding-left: 4px;
	color: black;
	font-family: Verdana;
	font-size: 13px;
	border: solid 1px #94a4b4;
}

select{
	padding-left: 4px;
	color: black;
	font-family: Verdana;
	font-size: 13px;
	border: solid 1px #94a4b4;
}

.for_35 { width: 36px; }

.for_100 { width: 102px; }

.for_160 { width: 165px; }

.for_185 { width: 185px; }

.for_192 { width: 192px; }

.for_200 { width: 200px; }

.for_220 { width: 202px; }

.for_250 { width: 245px; }

.for_270 { width: 271px; }

.for_360 { width: 362px; }

.for_390 { width: 388px; }

.for_400 { width: 397px; }

.for_470 { width: 469px; }

.for_490 { width: 490px; }

.for_505 { width: 505px; }

.for_full { width: 99.5%; }

.ddl_100 { width: 100px; }

.ddl_160 { width: 170px; }

.ddl_195 { width: 194px; }

.ddl_200 { width: 201px; }

.ddl_210 { width: 212px; }

.ddl_215 { width: 214px; }

.ddl_220 { width: 221px; }

.ddl_250 { width: 251px; }

.ddl_370 { width: 371px; }

.fileUploadContainer { padding: 20px 0 20px 0; width: 100%; }

.fileUpload
{
	width:100%;
	color:black;
	text-align:left;
	text-decoration:none;
	font-family: Verdana;
	font-size: 13px;
	border: solid 1px gray;
}

.rb_200 { width: 202px; text-align: center; }

.txt_alignRight { text-align: right; }

.txt_alignLeft { text-align: left; }

.div_leitura {border: solid 1px #94a4b4; padding: 2px;}

/*####################*/
/*## Menu Principal ##*/
/*####################*/

.borderMenu {
	border-top: solid 1px #94a4b4;
	border-bottom: solid 1px #94a4b4;
	width: 100%;
}

.menuEdicao {
	width: 100%;
	text-align: center;
	background-color:#bed232;
	font-family: Verdana;
	font-size:13px;
	text-transform: uppercase;
}

.menuEdicao a {
	padding-top:2px;
	padding-bottom:2px;
}

.menuEdicaoPrimeiroItem {
	width: auto;
	border-right: solid 1px #94a4b4;
}

.menuEdicaoPrimeiroItem a { 
	display: block; 
	padding-left: 4px;
	color: black;
}

.menuEdicaoPrimeiroItem a:hover {
	text-decoration: none;
	background-color: white;
	color: black;
}

.menuEdicaoItem {
	width: auto;
	border-right: solid 1px #94a4b4;
	border-left: solid 1px #94a4b4;
}

.menuEdicaoItem a { 
	padding-left: 4px; 
	display: block; 
	color: black;
}

.menuEdicaoItem a:hover {
	text-decoration: none;
	background-color: white;
	color: black;
}

.menuEdicaoUltimoItem {
	width: auto;
	border-left: solid 1px #94a4b4;
}

.menuEdicaoUltimoItem a { 
	padding-left: 4px; 
	display: block; 
	color: black;
}

.menuEdicaoUltimoItem a:hover {
	text-decoration: none;
	background-color: white;
	color: black;    
}

.menuEdicaoItemSeleccionado {
	width: auto;
	background-color: white;

}

.menuEdicaoItemSeleccionado a {
	padding-left: 4px;
	display: block;
	color: black;
}

.menuEdicaoItemSeleccionado a:hover { 
	text-decoration: none;
}

/*###########################################*/
/*## Popup de nova mensagem e de contactos ##*/
/*###########################################*/
.hiddencol { display:none; }
.hiddencolTurma { display:none; }

/*####################*/
/*## Menu de Rodapé ##*/
/*####################*/

.footer
{
	width:100%;
	font-family: Verdana;
	font-size: 12px;
	color: black;
	letter-spacing:1px;
	padding:4px 4px 4px 4px;
	background-color: white; 
	border: solid 1px #94a4b4; 
}

.footer a
{
	color: black;
	text-decoration: none;
}

/*############*/
/*## Botões ##*/
/*############*/

.txt_forms_b {
	padding-right: 6px; 
	font-family:Verdana;
	font-weight: normal; 
	font-size: 13px;
	height: auto; 
	text-align: right; 
	text-decoration: none
}

.txt_forms_bt, .txt_forms_bt_topo{
	font-family:Verdana;
	font-size: 13px; 
	padding: 5px;
	text-align: center; 
	text-decoration: none;
	border: solid 1px #94a4b4;    
	background-color:#bed232;
	color: black;
}

.txt_forms_bt_topo{
	width: 65px;
}

.txt_forms_bt_disabled, txt_forms_bt_disabled:hover {
	font-family:Verdana;
	font-size: 13px; 
	padding: 5px;
	text-align: center; 
	text-decoration: none;
	color: gray;
	border: solid 1px darkGray;
	background-color: #EEE;
}

.txt_forms_bt:hover, .txt_forms_bt_topo:hover {
	text-decoration: none;
	background-color: white;
	color: black;
}

.txt_forms_bt2 {
	background-color: white;
	color: black;
	font-family:Verdana;
	font-size: 13px; 
	padding-left: 6px;
	padding-right: 6px;
	height: 3px;
	text-align: center; 
	text-decoration: none;
	border: solid 1px #94a4b4; 
}

.txt_forms_bt2:hover {
	background-color:#bed232;
	text-decoration: none;
}

.txt_forms_grid_bt {
	background-color: white;
	color: black;
	font-family:Verdana;
	font-size: 15px; 
	text-align: center; 
	text-decoration: none;
	border: solid 1px #94a4b4; 
	padding-left: 5px;
	padding-right: 5px;
}

.txt_forms_grid_bt:hover {
	background-color:#bed232;
	text-decoration: none;
	color: black;
}


/*#####################*/
/*## Página de Login ##*/
/*#####################*/

.login{
	border: solid 1px #94a4b4;
}

.login th{
	background-color:#bed232;
	font-family:Verdana;
	font-weight: normal;
	font-size: 13px;
	color: black;
	padding-top:10px;
	padding-bottom:10px;
	text-transform:uppercase;
	border-bottom: 1px solid #94a4b4; 
}

.login td{
	font-family:#bed232;
	font-size: 13px;
	padding:10px;
	color: black;
	background-color: white;    
}


/*############*/
/*## PopUps ##*/
/*############*/

.popupContainer{
	position:absolute;
	z-index:101;
	background-color:#bed232;
	vertical-align:middle;
	display:none;
	border: solid 1px #94a4b4;
	padding:0px;
}

.popupOverlay{
	position:absolute; 
	z-index:100; 
	top:0px; 
	left:0px; 
	background:black url(../img/blackdot.gif);
	display:none; 
	width:100%;   
}

.titulo_popup{
	width: 600px;
	background-color:#bed232;
	color: black;
	font-family:Verdana;
	font-size: 13px;
	text-align: center;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #94a4b4;
	cursor: default;
}

.popup{
	width: 580px;
	background-color: #FFFFFF; 
	padding:10px;
}

.fundo_popup{
	margin-top: 15px;
	margin-bottom: 15px;
	text-align:right;
}

.fundo_popup2{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align:right;
}

/*###########*/
/*## Grids ##*/
/*###########*/

.grid_white_header{
	background-color: #bed232;
	font-size: 13px;
	font-family:Verdana;
	color: black;
}

.grid_white_rows{
	background-color:  white;
	font-size: 13px;
	font-family:Verdana;
	color: black;

}

.grid_white_header th  {
	border: solid 1px black;
	font-weight: normal; 
	padding: 5px 5px 5px 5px;
	text-align: left;
}

.grid_white_rows td  {
	border: solid 1px black;
	padding: 5px 5px 5px 5px;
}

.thAvisosTexto {
	text-align: left !important;
}

.thAvisosCustom {
	text-align: right !important;
}

.aAvisosCustomHeader {
	text-decoration: underline;
}

.thAvisosValor {
	text-align: right !important;
}

.thAvisosAddCol {
	width: 15px;
}

.imgAvisosAddCol {
	cursor: pointer;
}

.thAvisosTotal {
	text-align: center !important;
}

.tdAvisosTexto {
	text-align: left;
}

.tdAvisosCustom {
	text-align: right;
}

.tdAvisosValor {
	text-align: right;
}

.inputAvisosCustom {
	width: 60px;
	text-align: right;
}

.inputAvisosValor {
	width: 60px;
	text-align: right;
}

.tdAvisosTotal {
	text-align: center;
}

/*##########################################*/
/*## Formatações para popup de Actividade ##*/
/*##########################################*/

.txt_div,.txt_div_de { width:548px; height:350px; padding:10px 10px 10px 10px; overflow:auto; border: solid 1px #94a4b4; }

.txt_div_Gray,.txt_div_de_gray { width:548px; height:350px; padding:10px 10px 10px 10px; overflow:auto; border: solid 1px gray; }

.txt_div_de_gray { height:250px;}

.txt_div_de { height:250px;}

.fic_div_edi { height:60px; width:567px; border: solid 1px #94a4b4; overflow:auto; overflow-x: hidden; }

.fic_div_edi_gray { width:567px; font-size: 12px;}

.fic_div_gray { height:55px; width:567px; border: solid 1px gray; overflow:auto; overflow-x: hidden; font-size: 12px;}

.fic_div_vis { height:55px; width:568px; border: solid 1px #94a4b4; overflow:auto; overflow-x: hidden; font-size: 12px;}

.fic_div_vis_gray { height:55px; width:568px; border: solid 1px gray; overflow:auto; overflow-x: hidden; font-size: 12px;}

.padding_bot_edi { padding-right:11px; }

.padding_bot_vis { padding-right:10px; }

.fic_bt_remover {
	background-color: white;
	color: black;
	font-family:Verdana;
	font-size: 12px; 
	text-align: center; 
	text-decoration: none;
	border: solid 1px #94a4b4; 
	padding-left: 3px;
	padding-right: 3px;
}

.fic_bt_remover:hover {
	background-color:#bed232;
	text-decoration: none;
	color: black;
}

/*############################*/
/*## Listagem de Ficheiros ##*/
/*############################*/

.grid_ficheiros_white_header {
    background-color: #bed232;
	font-size: 13px;
	font-family:Verdana;
	color: black;
    cursor: pointer;
}

.grid_ficheiros_white_header th  {
	border: solid 1px black;
	font-weight: normal; 
	padding: 5px 5px 5px 5px;
	text-align: left;
}

.grid_ficheiros_white_row {
	background-color:  white;
	font-size: 13px;
	font-family:Verdana;
	color: black;
    cursor: pointer;
}

.grid_ficheiros_white_row td  {
	border: solid 1px black;
	padding: 5px 5px 5px 5px;
}

.grid_ficheiros_white_row:hover {
	background-color: #eeeeee;
	font-size: 13px;
	font-family:Verdana;
}

.explorador_menu {
	width: 100%;
	height: 30px;
	vertical-align: middle;
	background-color: white; 
}

.explorador_menu td {
	padding: 2px;
}

.explorador_menu td:hover {
	background-color: #C8E6E6; 
}

.explorador_menu a {
    text-decoration: none;
}

.explorador_breadcrumb {
	font-family: Verdana;
	font-size: 10px;
	padding: 5px;
}

.explorador_breadcrumb a {
	font-family: Verdana;
	font-size: 12px;
	color: black;
	text-decoration: underline;
}

.coluna_esquerda {
	float: left;
	width: 75%;
	border: 1px dotted #94a4b4;
	padding: 4px;
}

.coluna_caixa {
	border: 1px dotted #94a4b4;
	padding: 4px;
	margin-bottom: 5px;
}

.totalRegistos {
	float: right;
	font-size: 12px;
	color: gray;
}

/*############################*/
/*## Pesquisa Destinatarios ##*/
/*############################*/

.pedeContainer {
	position: absolute;
	background-color: #FFFFFF;
	color: #747474;
	overflow: hidden;
	padding: 0;
	z-index: 99999;
	border: solid 1px #747474 ;
}

.pedeUl {
	max-height: 180px;
	overflow: auto;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	width: 100%;
	color: #747474;
	text-align: center;
}

.pedeItem {
	cursor: default;
	display: block;
	font: menu;
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	overflow: hidden;
	padding: 2px 5px;
	text-align: left;
	list-style: none outside none;
	color: #747474;    
}

.pedeItemHover {
	background-color: #B5D5FF;
	color: #000000;
}

.pedeDestinatario {
	background-color: #B5D5FF;
	padding: 2px;
	margin-right: 2px;
	color: #000000;
}

.pedeRemove{
	color: #ffffff; 
}

.pedeRemove:hover{
	cursor: pointer;
}

.poweredByContainer{
	padding-top:5px;
	text-align: center;
	margin-top: 5px;
}

.poweredBy {
	padding: 3px;
	text-align: center;
	background-image: url(../img/semiTransparente.png);
	margin-top: 5px;
}

.poweredBy a{
	color: black; 
	text-decoration: none;
	font-size:12px;
}

.itemListaFicheiros {
	color: black;
}

.loaderItem {
	text-align: center;
	vertical-align: middle;
	cursor: default;
	margin-bottom: 5px;
	padding: 10px;
}

.loaderItem:hover {
	cursor: default !important;
}

.coluna_direita_caixa_solid {
	border: 1px solid #94a4b4;
	padding: 4px;
}

.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
}

.simpleLink {
	text-decoration: underline;
	color: #bed232;
}

.textoFiltro {
	font-size: 12px;
	color: gray;
	text-align: justify;
}

th.headerSortUp {
	background: url(../img/arrow_down.gif) no-repeat right center;
}

th.headerSortDown {
	background: url(../img/arrow_up.gif) no-repeat right center;
}
/* Download de todos os anexos */
.divDownloadTodos
{
    text-align: right; 
    float: left;
}

.divDownloadTodos a
{
    position: relative; 
    top: 8px;
}

.divDownloadTodos a img
{
    border: 0px;
}