﻿body, td, th, input
{
	font-family: arial;
	font-size: 12px;
}

.botao 
{ 
	height: 14px;
	padding: 3px;
	color: #000000;
	white-space: nowrap;
	text-decoration: none;
	background:#E2E2E2; 
	margin-bottom: 5px;
	border-left:1px solid #A9A9A9;
	border-top:1px solid #A9A9A9;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
}

:hover.botao
{ 
	padding: 3px;
	border-left:1px solid #333333;
	border-top:1px solid #333333;
	border-right:1px solid #A9A9A9;
	border-bottom:1px solid #A9A9A9;
	background:#F4F4F4; 
}


#menu
{
	width: 753px;
	margin-bottom: 2px;
}

#corpo
{
	margin-top: 4px;
	width: 753px;
}

.textoCabecalho
{
	font-weight: bold;
	color: White;
	padding-right: 10px;
}

#corpo #colunaEsquerda
{
	width: 229px;
	padding-left: 9px;
	vertical-align: top;
}

#corpo #colunaDireita
{
	width: 515px;
	vertical-align: top;	
}

#navegacao
{
	margin-bottom: 10px;
	padding-top: 4px;
	padding-bottom: 8px;
	border-bottom:  dashed 1px Black;
	border-bottom-style: dotted
}

table .caract
{
	padding-top: 2px;
	padding-bottom: 2px;
}

.caixaTitulo
{
	padding: 5px;
	background-color: #9e9e9e;
	color: White;
	font-weight: bold;
}

.caixaCorpo
{
	padding: 10px;
	border: solid 1px #9e9e9e;
	margin-bottom: 5px;
}

#cabecalho
{
	padding-bottom: 5px;
	width: 753px;
}

#cabecalho .menuCabecalho
{
	text-align: right;
	vertical-align:bottom;
}

#cabecalho .menuCabecalho a
{
	margin-left: 10px;
}

.divisao
{
	margin-top: 10px;
	border-bottom: dotted 1px Black;
	margin-bottom: 10px;
}

.tabelaComparacao
{
	background: #DFDFDF;
	margin-top: 10px;
}

.tabelaComparacao td
{
	background-color: White;
	border: solid 2px White;
	padding: 5px;
}

.tabelaComparacao th
{
	background-color: White;
	padding: 5px;

	text-align: left;
	border: solid 2px White;
}

.tabelaComparacao .cabecalho
{
	background-color: #EAF1F4;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #5B95A8;
	font-size: 12px;
}

.cabecalhoRevista
{
	background-image: url(imagem/cabecalhoRevista.gif);
	height: 181px;
	width: 753px;
	vertical-align: bottom;
	text-align: right;
}

.cabecalhoSite
{
	background-image: url(imagem/cabecalhoSiteTreinamento.gif);
	height: 181px;
	width: 753px;
	vertical-align: bottom;
	text-align: right;
}

#criarSite
{
	float: right;	
	margin-bottom: 8px;
	margin-right: 8px;
}

.cabecalhoGerenciadorEnsinar
{
		background-image: url(imagem/cabecalhoGerenciadorEnsinar.gif);
	height: 181px;
	width: 753px;
	vertical-align: bottom;
	text-align: right;
}

.cabecalhoAtendimento
{
	background-image: url(imagem/cabecalhoAtendimento.gif);
	height: 181px;
	width: 753px;
	vertical-align: bottom;
	text-align: right;
}

#criarAtendimento
{
	margin-bottom: 10px;
	margin-right: 8px;
}

#criarAtendimento a
{
	color: White;
	font-weight: bold;
}

.cabecalhoVideo
{
	background-image: url(imagem/cabecalhoVideoConferencia.gif);
	height: 181px;
	width: 753px;
	vertical-align: bottom;
	text-align: right;
}

#criarVideo
{
	margin-bottom: 8px;
	margin-right: 8px;
	float: right;
}

.espaco
{
	height: 1px;
}

#rodape
{
	padding: 20px;
	width: 753px;
	text-align: center;
}

.titulo
{
	font-size: 130%;
}

.formTitulo
{
	 text-align: right;
	 width: 27%;
}

.formPequeno
{
	width: 100px;
}

.formGrande
{
	width: 300px;
}

.destaque
{
	color: Red;
}

.asterisco
{
	color: Red;
	font-size: 120%;
}

.formTextAreaGrande
{
	height: 150px;
	width: 300px;
}

/**
 * Caixa com as mensagens de sucesso e erro
 */
.caixaSucesso
{
	border: 1px dotted #7F7F7F;
	margin-top: 0px;
	margin-bottom: 5px; 
	background-color: #F7F7AE;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px
}

.menuSecundario
{
	
	margin-top: 10px;	
}

.menuSecundario a
{
	padding-right: 8px;
}

/**
 * SuperGridView
 */

.gridPaginacao table
{
	font-size: 180%;
	font-weight: bold;
}

.quantidadeGrid
{
	text-align: right;
	padding: 3px;
    font-size: 90%;
}

.resultadoGrid
{
	text-align: right;
	padding: 10px;
    font-size: 110%;
}

.cabecalhoGrid
{
	padding: 3px;
	font-size: 100%;
	color: White;
}

.itemGrid
{
	padding: 10px;
}


/** Videoconferencia **/

.acessarVideoconferencia
{

color: #C0C0C0; border-left-style: solid; border-left-width: 1px; 
               border-right-style: solid; border-right-width: 1px; 
               border-top-width: 1px; border-bottom-style: solid; 
               border-bottom-width: 2px}
               
.videoconferenciaAjuda
{
	border-left: solid 1px #C0C0C0;
	padding-left: 10px;
}

.formularioBotao
{ 
    height: 14px;
	padding: 3px;
	margin-right: 2px;
	border-left:1px solid #A9A9A9;
	border-top:1px solid #A9A9A9;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
	text-decoration:none;
	background:#E2E2E2;
	font-size: 100%;
	color:#000000;
}

:hover.formularioBotao 
{ 
	border-left:1px solid #333333;
	border-top:1px solid #333333;
	border-right:1px solid #A9A9A9;
	border-bottom:1px solid #A9A9A9;
	background:#F4F4F4; 
}


