/* CSS Document */
body{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#000000;
	position:absolute;
	left:50%;
	margin-left:-380px;
	background-color:#FFFFFF;
}
img, p{
	margin:0;
	padding:0;
	border:none;
}
hr{
	border:none;
	border-top:1px solid #FF0000;
	height:1px;
	line-height:1px;
}
#container{	
	width:760px;
	background-attachment:scroll;
	background-repeat:repeat;
	padding-bottom:50px;
/*	background-color:#FF0000;*/
}
#top{
	top:5px;
	background-image:url(../images/top.jpg);
	width:760px;
	height:112px;
}
#logo_sala_express{
	margin-left:20px;
}
/*Inicio - Menu vertical*/
ul#menu_vertical{
	list-style:none;
	margin:0;
	padding:0;
	margin-bottom:10px;
	margin-top:10px;
}
ul#menu_vertical li{
}
ul#menu_vertical li a{
	height:22px;
	line-height:22px;
	font:10px Verdana;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	color:#666666;
	padding-top:2px;
	padding-left:5px;
	padding-right:5px;
}
ul#menu_vertical li a:hover{
	text-decoration:underline;
}
ul#menu_vertical .separador{
	background-image:url(../images/menu/separador.jpg);
	background-repeat:repeat-x;
	margin-top:5px;
	margin-bottom:5px;
	height:2px;
	line-height:2px;
}
/*Fim - Menu vertical*/
/*Inicio - Menu Horizontal*/
#menu{
	margin-top:3px;
	margin-bottom:5px;
	margin-left:60px;
}
ul#menu_horizontal{
	background:#FFFFFF;
	list-style:none;
	margin:0;
	padding:0;
	width:760px;
}
ul#menu_horizontal li{
	float:left;
}
ul#menu_horizontal li a{
	display:inline;
	background:#FFFFFF;
	height:22px;
	line-height:22px;
	font:10px Verdana;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	color:#666666;
	padding-top:2px;
	padding-left:10px;
	padding-right:10px;
}
ul#menu_horizontal li a:hover{
	text-decoration:underline;
}
ul#menu_horizontal .separador{
	font:14px Verdana;
	font-weight:normal;
	text-decoration:none;
	color:#CCCCCC;
}


html>body ul#menu_horizontal li a{
	display:block;
}

/*Fim - Menu*/
/*Inicio Estrutura*/
#corpo{
	width:760px;
	height:50px;
}
#corpo_left{
	float:left;
	width:170px;
}
#corpo_right{
	float:right;
	width:580px;
}
/*Fim Estrutura*/
/*Inicio Destaques Home*/
#destaque01{
	width:590px;
	height:256px;
}
#destaque02{
	margin-top:10px;
	width:590px;
}
#destaque02 #destaque02_A{
	float:left;
}
#destaque02 #destaque02_B{
	float:right;
}
#destaque02 .header{
	background-image:url(../images/header_destaque2.jpg);
	background-repeat:no-repeat;
	width:289px;
	height:24px;
}
#destaque02 h1{
	margin-left:25px;
	padding-top:8px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#696969;
}
#destaque02 h1 a{
	color:#696969;
	text-decoration:none
}
/*Fim Destaques Home*/
/*Incio Grupos*/
#grupos{
	margin-top:5px;
	width:160px;
}
#grupos{
	margin-top:5px;
	width:160px;
}
#grupos .agendar{
}
#grupos .agendar img{
	margin:5px;
	margin-left:15px;
}
#grupos .header{
	width:160px;
	height:25px;
	background-color:#FF0000;
	background-image:url(../images/agendar_reuniao.jpg);
}
#grupos .conteudo{
	width:158px;
	border:1px solid #58aed4;
	border-top:none;
	background-color:#fafafa;
}
ul#menu_grupos{
	list-style:none;
	margin:0;
	padding:0;
}
#menu_grupos input{
	vertical-align:middle;
	height:15px;
	line-height:15px;
}
ul#menu_grupos li{
	margin:0px;
	padding:0px;
	height:20px;
	line-height:20px;
	font:10px Verdana;
	font-weight:bold;
	text-decoration:none;
	color:#666666;
	padding-top:0px;
	padding-left:5px;
}
ul#menu_grupos li a{
}
ul#menu_grupos li a:hover{
	text-decoration:underline;
}
ul#menu_grupos .separador{
	background-image:url(../images/menu/separador.jpg);
	background-repeat:repeat-x;
	height:2px;
	line-height:2px;
	vertical-align:middle;
	margin-top:2px;
	margin-bottom:2px;
}
/*Fim Grupos*/
/*Inicio Sucesso*/
#sucesso{
	margin-top:50px;
	width:100%;
	text-align:center;
}
#sucesso img{
	margin-left:2px;
	margin-right:2px;
}
#sucesso p{
	text-decoration:underline;
}
/*Fim Sucesso*/
/*Inicio Logout*/
#logout{
	margin-top:50px;
	width:100%;
	text-align:center;
}
#logout p{
	text-decoration:underline;
}
/*Fim Logout*/
/*Inicio Painel de Botoes*/
#btn_principal{
	width:100%;
	margin:5px;
	text-align:right;
}
.painel_botoes{
	width:100%;
	margin:5px;
	margin-top:20px;
	text-align:center;
}
.painel_botoes img{
	padding-left:5px;
	padding-right:5px;
}
.painel_botoes input{
	padding-left:5px;
	padding-right:5px;	
}

#login_ok{
	/*background-image:url(../imgs/gerenciar_sala.jpg);*/
	width:160px;
}
#login_ok .usuario{
	margin-left:5px;
	padding-top:5px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#696969;
}
#login_ok a{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#696969;
	text-decoration:underline;
}
#login_ok .header{
	width:160px;
	height:25px;
	background-color:#FF0000;
	background-image:url(../images/sala_de_reuniao.jpg);
}
#login_ok input{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #cccccc;
	width:139px;
	height:18px;
	line-height:18px;
	margin-left:5px;	
}
#login_ok label{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#d41c1e;
	height:20pxpx;;
	line-height:20px;
	padding-left:5px;	
}
#login_ok span{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#d41c1e;
	height:20px;
	line-height:20px;
	padding-left:28px;	
	text-decoration:underline;
}
#login_ok .conteudo{
	width:158px;
	border:1px solid #d41c1e;
	border-top:none;
	background-color:#fafafa;
}
#login_ok .confirmar{
	margin-top:5px;
	margin-left:70px;
	margin-bottom:10px;
}
#login_ok .sair{
	margin-top:30px;
	margin-left:40px;
}

/*Fim Painel de Botoes*/
/*Inicio Login*/
#login{
	/*background-image:url(../images/gerenciar_sala.jpg);*/
	width:160px;
}
#login .usuario{
	margin-left:5px;
	padding-top:5px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#696969;
}
#login a{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#696969;
	text-decoration:underline;
}
#login .header{
	width:160px;
	height:25px;
	background-color:#FF0000;
	background-image:url(../images/entrar_na_sala.jpg);
}
#login input{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #cccccc;
	width:139px;
	height:18px;
	line-height:18px;
	margin-left:5px;	
}



#login input{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #cccccc;
	width:139px;
	height:18px;
	line-height:18px;
	margin-left:5px;	
}
#login label{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#d41c1e;
	height:20pxpx;;
	line-height:20px;
	padding-left:5px;	
}
#login span{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#d41c1e;
	height:20px;
	line-height:20px;
	padding-left:28px;	
	text-decoration:underline;
}
#login .conteudo{
	width:158px;
	border:1px solid #d41c1e;
	border-top:none;
	background-color:#fafafa;
}
#login .confirmar{
	margin-top:5px;
	margin-left:70px;
	margin-bottom:10px;
	
}
#login .sair{
	margin-top:30px;
	margin-left:40px;
}
/*Fim Login*/
/*Inicio Rodape*/
#rodape{
	clear:both;
	padding-top:10px;
	width:760px;
	height:50px;
}
#rodape hr{
	border:none;
	border-top:1px solid #d41c1e;
	height:1px;
	line-height:1px;
}
#rodape .copyright{
	width:760px;
	text-align:center;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
	line-height:14px;
}
#rodape a{
	color:#666666;
	text-decoration:none;
}
#rodape a:hover{
	color:#666666;
	text-decoration:underline;
}
/*Fim Rodape*/
/*Inicio Tabela Interna*/
#mytable {
	width: 100%;
	padding: 0;
	margin: 0;
}
#mytable img{
	margin:2px;
}
caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}
#mytable .col_first{
	border-left: 1px solid #C1DAD7;
}
#mytable th {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 3px 6px;
	background: #CAE8EA url(../images/table/bg_header.jpg) no-repeat;
}
#mytable th.grupo_colunaA {
	border-top: 0;
	border-left:  1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
	background-image:url(../images/table/bg_header_grupo.jpg);
}
#mytable th.grupo {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
	background-image:url(../images/table/bg_header_grupo.jpg);
}
#mytable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}
#mytable td.alt {
	background: #F5FAFA;
	color: #797268;
}

#mytable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(../images/table/bullet1.gif) no-repeat;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#mytable a.im{
	padding:2px;
	color:#333333;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#mytable td.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#mytable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(../images/table/bullet2.gif) no-repeat;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}
/*Fim Tabela Interna*/
/*Criar Reunião*/
#criar_reuniao{
	width:580px;
}
#criar_reuniao a{
	padding:2px;
	color:#333333;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#criar_reuniao a:hover{
	padding:2px;
	color:#333333;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#criar_reuniao img{
	position:absolute;
	padding-top:3px;
}
#criar_reuniao table{
	width:580px;
}
#criar_reuniao .impar{
	background-color:#f5fafa;
	height:20px;
	line-height:20px;
	vertical-align:middle;
}
#criar_reuniao .par{
	background-color:#ffffff;
	height:20px;
	line-height:20px;
	vertical-align:middle;
}
#criar_reuniao input{
	vertical-align:middle;
	height:20px;
	line-height:20px;
}	
#criar_reuniao .input_string{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #cccccc;
	width:250px;
	height:18px;
	line-height:18px;
	margin-left:5px;	
}
#criar_reuniao .data{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #cccccc;
	width:75px;
	height:18px;
	line-height:18px;
	margin-left:5px;	
}
#criar_reuniao .input_string_multiline{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #cccccc;
	width:250px;
	height:40px;
	margin-left:5px;	
}

#criar_reuniao .select_multiline{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #cccccc;
	width:250px;
	height:100px;
	margin-left:5px;	
}


#criar_reuniao .combo_box{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #cccccc;
	width:100px;
	height:18px;
	margin-left:5px;	
}
.list_box{
	border: 1px solid #C1DAD7;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
	height:200px;
	width:200px;
}
.list_box option {
	font-family: verdana; font-size: 10px;
}
.list_box option.grupo{
	font-weight:bold;
}
.list_box option.contato{
	padding-left:10px;
}
/*Fim Reunião*/
/*Inicio Inputs Padrão*/
.ddd{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #cccccc;
	width:20px;
	height:18px;
	line-height:18px;
	margin-left:5px;	
	vertical-align:middle;
}
.telefone{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #cccccc;
	width:70px;
	height:18px;
	line-height:18px;
	margin-left:5px;	
	vertical-align:middle;
}

div.error, span.error, li.error, div.message {
    background: #ffffcc;
    border: 1px solid #000;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 10px auto;
    padding: 3px;
    text-align: left;
    vertical-align: bottom;
}

/* use a different color for the errors */
div.error, span.error, li.error {
    border: 2px solid red;
}

/* For Spring MVC */
span.error {
    display: block;
}

label.error {
    font-weight: bold;
}

/* IE fix, followed by the rest of the world fix */
li.error {
    padding: 3px !important;
}

ul>li.error {
    padding: 0px !important;
}

div.message p, div.message p {
    margin-bottom: 0;
}

img.validationWarning, div.error img.icon, div.message img.icon, li.error img.icon {
    border: 0 !important;
    width: 14px;
    height: 13px;
    vertical-align: middle;
    margin-left: 3px;
    background: transparent !important;
    /* important added because some themes define div#main img */
}

div.message a {
    background: transparent;
    color: #0000FF;
}

div.message a:visited {
    background: transparent;
    color: #0000FF;
}

div.message a:hover {
    background: transparent;
    color: #008000;
}

div.message a:active {
    text-decoration: underline overline;
}

div.message img.icon {
    vertical-align: middle;
}

span.fieldError, .errorMessage {
    color: red;
    font-size: .95em;
    font-weight: bold;
    display: block;
}

.consulta_se {
	width: 100%;
	padding: 0;
	margin: 0;
}
.consulta_se img{
	margin:2px;
}
caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}


/*Fim Inputs Padrão*/
/*Inicio Combo p/ aplicação no Header*/
.combo_header{
	border:1px solid #4f6b72;
	width:120px;
	height:18px;
	background-color:#cce8eb;
	color:#4f6b72;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-transform: uppercase;
	
}
.combo_header .optionImpar{
	background-color:#FFFFFF;
}
.combo_header .optionPar{
	background-color:#f5fafa;
}
.imageTable a.im{
	
	
	padding:2px;
	color:#333333;
	vertical-align:middle;
	height:20px;
	line-height:20px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}
/*Fim Combo p/ aplicação no Header*/
/*Inicio HowTo*/
div.howTo {
	margin-bottom:10px;
}
div.howTo p {
	margin-bottom:10px;
	font-size:11px;
}
div.howTo h4 {
	margin-bottom:10px;
	font-size:20px;
	color:#999;
}
/*Fim HowTo*/
/*Inicio Saiba Mais*/
.saibamais{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.saibamais a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FF0000;
	text-decoration:underline;
}
/*Fim Saiba Mais*/
/*Inicio Short FAQ*/
.titulo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
}
	
/*Fim Inputs Padrão*/

/*Inicio Short FAQ*/
.titulo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
}
.passo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FF0000;
	font-weight:bold;
}
.link{
text-decoration:none;
color:#666666;
}
.link a{
text-decoration:none;
color:#666666;
}
.link a:hover{
text-decoration:underline;
}
/*Fim Short FAQ*/