/*
cabecalho e rodape

fundo: #930
h1 e texto: #FFF7F0
links: #F7C99C
links hover: #FFF7F0
borda: #551C00

conteudo

*/

body {
    font-family:Tahoma,Arial,"Helvetica Neue",Helvetica,sans-serif;
    margin:0;
    padding:0;
}

label, input, select {
    font-size:1.1em;
}

ul {
    list-style: none;
    margin-left:0;
}

a {
	text-decoration:none;
    color:#DB8E24;
}

a:hover {
    color:#000;
}

.cabecalho {
    background:#930 url(../img/bg_cabecalho.gif) repeat-x bottom;
    padding:0 30px;
    border-bottom:7px solid #551C00;
    color:#FFF7F0;
}

h1 {
    font-size:24pt;
    color:#FFF7F0;
    margin:0;
    padding:10px 0 8px;
}

h1 a {
    color:#FFF7F0 !important;
}

.cabecalho a {
    color:#F7C99C;
    text-decoration:none;
}

.cabecalho a:hover {
    color:#FFF7F0;
}

#usuario {
    text-align:right;
    margin:4px 0 8px;
    border-left:1px solid #F7C89C;
}

#usuario a {

    display:block;
}

.conteudo {
    padding:20px 0;
}

.ajuda {
    color:#666;
    text-align:right;
    padding:2px;
}

.rodape {
    background:#930;
    border-top:1px solid #551C00;
    padding:2px 40px;
    color:#FFF7F0;
}

/* formulario */

h3 {
    background:url(../img/bg_h3.gif) repeat-x bottom;
    border-bottom:2px solid #551C00;
    padding:4px;
    margin-bottom:0px;
}

.forte label, label {
    display:block;
    color:#411;
    font-weight:bold;
}

hr {
    margin:10px 0 20px;
}

.box_indent{
    border-left:5px solid #eee;
    padding-left:10px;
}

.fim_formulario {
    background:#F8F8F8;
    border-bottom:4px solid #CCC;
    padding:10px 20px;
    margin:10px 0;
}

.fim_formulario input, .fim_formulario a {
	padding:3px 20px;
    margin-right:30px;
	background-color:#441111;
	color:#FFF;
	font-family:Tahoma,Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size:1.1em;
	border:1px solid #A87070;
	border-bottom:1px solid #230505;
	border-right:1px solid #230505;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	
}

.fim_formulario .default {
    font-weight:bold;
}

/* outros */

.inline {
    display:inline !important;
}

.hidden {
    display:none;
}

#responsavel p {
    margin:0;
}

ul.lista {
    list-style:none;
    margin:10px 20px 20px;
	font-size:12pt;
}

ul.lista .pos {
	color:#AAA;
}

ul.lista .etapa {
	color:#993300;
}

ul.lista ul {
	font-size:9pt;
	margin-bottom:6px;
}

ul.lista li {
	padding:4px 0 4px 40px;
	margin-bottom:4px;
	background-repeat:no-repeat;
	background-position:8px 4px;
}

ul.lista li li {
	padding:0;
}

ul.lista .ok {
	background-image:url(../img/accept.png);
}

ul.lista .erro {
	background-color:#FFF6F6;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-image:url(../img/warning.png);
}

/********************************/

/* especifico identificacao_telecentro */

.act_exibedetalhes {
    cursor:pointer;
}

tr.aberto td {
    border-top:2px solid #CCC;
    background:#FFF url(../img/bg_tr_aberto.gif) repeat-x;
}

tr.aberto a {
    color:#930 !important;
}

tr.detalhes td {
    padding:0;
    border-bottom:2px solid #CCC !important;
    background:#F8F8F8 url(../img/bg_tr_detalhes.gif) repeat-x;
}

tr.detalhes p {
    margin:4px 5px;
    padding:0;
}

tr.detalhes a.botao {
    margin-top:10px;
    display:block;
}

/* *** */

ul#menu_topo{
	list-style:none;
	float:right;
	font-size:10pt;
}
ul#menu_topo li{
	display:inline;
	margin-left:15px;
}
ul#menu_topo li a{
	color:#15718C;
	padding:0px 5px 5px 5px;
	border-bottom:5px solid #9bccda;
}
ul#menu_topo li a:hover{
	background:#cde6ed;
	border-bottom:1px solid #2b92b0;
}
#topo_logout{
	height:60px;
	border-left: 1px solid #cde6ed;
	text-align:right;
	margin-top:3px;
}

h2{
	color:#000;
	border-bottom:1px solid #000;
}

.biglink {
    display:block;
    font-size:13pt;
    margin:10px 0;
}

.Back_verde_g{
	padding:10px;
	padding-left:40px;
	background:url(../img/icons/Backgreen_g.gif) no-repeat left;
}

.Plus_verde_g{
	padding:10px;
	padding-left:40px;
	background:url(../img/icons/Plusgreen_g.gif) no-repeat left;
}

.Up_verde_g{
	padding:10px;
	padding-left:60px;
	background:url(../img/icons/Upgreen_g.png) no-repeat left;
}

p{
	margin:0px;
}
.padding-top{
	padding-top:30px;
}
.margin-top{
	margin-top:30px;
}
.tabela_box{
	border:1px solid #eee;
	border-bottom:5px solid #eee;
	padding:10px;
	margin-bottom:30px;
}

.tabela_box p img {
    float:none;
}

span.legenda {
	margin-top:8px;
	display:inline-block;
	vertical-align:top;
}

span.legenda .linha {
	margin-bottom:2px;
}

span.legenda .icone {
	margin-right:4px;
}

.tabela_capa{
	margin-bottom:0px;
}
.tabela_capa th{
	color:#930;
	border:1px solid #ccc;
	border-left:none;
	border-right:none;
}

.tabela_capa .nome {
	font-weight:bold;
	margin-left:25px;
	display:block;
}

.fraco {
	font-style:italic;
	color:#999;
}

.ico_bola_verde_vazia {
    background-image:url(../img/icons/bola_verde_vazia.gif);
}

.ico_bola_amarela_exclamacao {
    background-image:url(../img/icons/bola_amarela_exclamacao.gif);
}

.ico_check, .status_aprovado{
	padding-left:23px;
	background:url(../img/icons/CheckMarkgreen_mini.png) no-repeat left;
}
.ico_cancel, .status_reprovado{
	padding-left:23px;
	background:url(../img/icons/Cancelred_mini.png) no-repeat left;
}
.ico_minus_cinza{
	padding-left:23px;
	background:url(../img/icons/Minussmoke_mini.png) no-repeat left;
}
.ico_minus_cinza, .status_em{
	padding-left:23px;
	background:url(../img/icons/Restartsmoke_mini.png) no-repeat left;
}
.ico_minus_vermelho, .status_cancelado{
	padding-left:23px;
	background:url(../img/icons/Minusred_mini.png) no-repeat left;
}
.status_incompleto{
    padding-left:23px;
	background:url(../img/icons/Exclamationyellow_mini.png) no-repeat left;
}

.ico_blank_azul, .status_atendido{
	padding-left:23px;
	background:url(../img/icons/Blankblue_mini.png) no-repeat left;
}
.ico_up_verde{
	padding-left:20px;
	padding-bottom:2px;
	background:url(../img/icons/selecionar.gif) no-repeat left;
}
.ico_down_verde{
	padding-left:23px;
	background:url(../img/icons/Downgreen_mini.png) no-repeat left;
}
.ico_down_cinza{
	padding-left:23px;
	background:url(../img/icons/Downsmoke_mini.png) no-repeat left;
}
.ico_minus_vermelho{
	padding-left:20px;
	padding-bottom:2px;
	background:url(../img/icons/remover.gif) no-repeat left;
}
.icodir_minus_vermelho{
	padding-right:23px;
	background:url(../img/icons/Minusred_mini.png) no-repeat right;
}
.ico_blank_cinza, .fieldset{
    padding-left:23px;
	background:url(../img/icons/Blanksmoke_mini.png) no-repeat left;
}
.ico_blank_vermelho, .fieldset_error{
    padding-left:23px;
	background:url(../img/icons/Blankred_mini.png) no-repeat left;
}

.ico_blank_verde, .fieldset_ok{
    padding-left:23px;
	background:url(../img/icons/Blankgreen_mini.png) no-repeat left;
}
.ico_shutdown_vermelho{
    padding-left:23px;
	background:url(../img/icons/Shotdownred_mini.png) no-repeat left;
}

.proxima_etapa, .ico_right_verde{
    padding-right:23px;
	background:url(../img/icons/Rightgreen_mini.png) no-repeat right;
}

.ico_blank_verde, .fieldset_ok{
    padding-left:23px;
	background:url(../img/icons/Blankgreen_mini.png) no-repeat left;
}

.msg_sucesso{
    font-size:12pt;
    font-weight:bold;
    color:green !important;
}

.success {
    background-color:#F1F7D9;
    background-image:url(../img/bg_success.gif);
}

.error {
    background-color:#FFF6F6;
    background-image:url(../img/bg_error.gif);
}

.success, .error{
    font-size:11pt;
    background-repeat:no-repeat;
    background-position:10px center;
    padding-left:100px;
	clear:both;
}

.success p, .error p {
    margin-left:0;
}

.success a, .error a {
    color:#2b92b0;
    text-decoration:underline;

}

.success a:hover, .error a:hover {
    color:#89C6D8;
}

.etapas {
	border-bottom:1px solid #eee;
	font-size: 14pt;
	padding-top:10px;
	text-align:center;
	background:url(../img/bg_etapas.gif) repeat-x;
	margin-bottom:20px;
}

.sub {
	border-top:1px solid #eee;
    font-size:11pt;
    padding:4px;
    background-color:#FFF;
}

.etapas span.num{
	background:url(../img/bg_roda_pb.gif) no-repeat center;
	padding:8px 12px 10px;
	color:#aaa;
}

.etapas span.letra {
    padding-right:2px;
    margin:0;
}

.etapas .selected span.letra {
    color:#000;
}

.etapas .selected span.num{
	background:url(../img/bg_roda_vermelha.gif) no-repeat center;
	padding:12px;
	color:#000;
}
.etapas a, .etapas span.item{
	color:#aaa;
	margin:0 14px 0 0;
	padding:6px 8px 0;
}

.etapas .sub a {
    margin:0;
    padding:0 4px;
}

.etapas a.margin-0{
	margin-right:0;
}
.etapas .selected, .etapas a:hover{
	color:#DB8E24 !important;
}

.etapas .selected {
	border:1px solid #eee;
	border-bottom:none;
    background:#FFF;
	padding-bottom:3px !important;
}

.etapas .sub a.selected {
    color:#930;
    border:0;
    border-bottom:4px solid #DDD;
}

.margin-top2{
	margin-top:60px;
}
h3 label{
	font-size:12px;
	color:#666;
	display:inline;
	padding:0px 5px 0px 15px;
}
h3 form{
    padding-top:10px;
    padding-left:0px;
}
.paginacao{
	text-align:right;
	padding-top:10px;
}
.paginacao a, .paginacao span{
	margin:0 3px 0 3px;
}
.paginacao span{
	color:#2b92b0;
	font-weight:bold;
}

.destaque{
	font-size:14pt;
	color:#930;
}
.inline{
    display:inline !important;
}

.fix_bottom{
bottom:0px;
left:0px;
right:0px;
position:fixed;
}

/*****************/

.notice a{
	text-decoration:underline;
	font-weight:bold;
}
textarea {
	height:40px;
	width:60%;
}
.box_indent{
	border-left:3px solid #ccc;
	padding-left:20px;
	margin-left:4px;
}

.toggle_next{
	cursor:pointer;
}
fieldset, .tabela_capa{
	background:url('../img/bg_fieldset.jpg') repeat-x top #f8f8f8;
}
div.content_right{
    margin-left: 295px;
    padding-right:20px;
}

fieldset p{
margin:0;
}
input, select{
	color:#444;
	font-size:12px;
}
select{
	margin-bottom:3px;
}


.input_quantidade, .input_quantidade input{
	text-align:right;
}
th{
	color: #2B92B0;
	background:none;
}
.delete{
	padding-left:25px;
	background:url(http://www.onid.org.br/media/estatico/images/icons/delete.png) no-repeat 3px;
	cursor:pointer;
}
.add{
	padding-left:25px !important;
	background:url(http://www.onid.org.br/media/estatico/images/icons/add.png) no-repeat 3px;
	cursor:pointer;
}

.clone {
	display:block;
	clear:both;
}

.bg{
	background:#000000;

}

.color_verde{
	color:green;
}
.color_verde_forte{
	color:#2b92b0;
}

ul.errorlist{
    margin:15px 0px 0px 0px;
    padding:0px;
    color:#8A1F11;
    margin-bottom:-10px;
    list-style: none;
	clear:both;
}

ul.errorlist li {
    background:#FFF6F6 url(../img/bg_alert.gif) no-repeat center right;
    padding:2px 80px 2px 6px;
    border-left:4px solid;
    margin-bottom:4px;
}

.forte label, label{
	margin-top:10px;
}
.sub_label label {
    display:inline;
}

.sub_label_block label, .sub_label label, ul label {
    color:#444444;
    font-weight:normal;
    padding-right:10px;
    margin-top:1px;
}

.obr {
	color:#C00;
}

/*
verde-forte: #2b92b0;
verde-claro: #9bccda;
verde-clarinho: #cde6ed;
*/

#painel{
    height:100%;
    background:#9bccda url(../img/sombra.jpg) repeat-y right;
	position: absolute; left: 0px; top: 0px;
	padding-right:8px;
}

#painel ul{
margin:0; padding:0;
}
#painel li{
margin:0;
padding:0;
border-bottom: 1px solid #cde6ed;
}
#painel li a{
display:block;
text-decoration:none;
color:#2b92b0;
font-size:14px;
font-weight:bold;
padding: 2px 0px 0px 10px;
border-top:1px solid #2b92b0;

list-style:none;
cursor:pointer;
margin:0;
}
#painel ul.menu{
height:400px;
}
#painel li:hover{
background:#cde6ed;
}
#painel .box_menu{
background:#FFF;
border-left:10px solid #ccc;
padding:0px;
height:250px;
overflow:scroll;
}
#painel .box_menu li{
border:none;
color:#444;
font-weight:normal;
font-size:12px;
padding:0px;
}
#painel .box_menu li:hover{
background:none;
}
#painel .box_menu li a{
display:block;
color:#DB8E24;
font-size:13px;
line-height:15px;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
text-decoration:none;
padding:4px 0px 4px 10px;
background:#eee;
}

#painel .box_menu li ul{
margin-top:10px;
margin-bottom:15px;
}
#painel .box_menu li ul li{
border:none;
list-style:inside;
margin-left:20px;
color:#990000;
border-bottom:1px solid #fff;
margin-bottom:0px;
cursor:pointer;
}

.verde{
color:green;
}
.laranja{
color:#DB8E24;
}

h2.vermelho{
    color:#990000;
    border:none;
    text-align:center;
    font-size:14pt;
}

#logo{
	background:#cde6ed;
}

#logo img{
	margin:10px 0 10px 22px;
}
#logo_cadastro{
	background:#2b92b0;
	padding:8px 0px 0px 10px;
}
#logo_cadastro h2{
color:#FFF;
font-size:18px;
}
body > div#painel {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}

/*[if gte IE 5.5]
[if lt IE 7]
*/
div#painel {
  /* IE5.5+/Win - this is more specific than the IE 5.0 version */
  left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
  height: expression( ( ignoreMe3 = document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) + 'px' );
}

/*[endif]>
[endif]*/
p{
margin:10px;
}

.ul_aceito ul{
list-style:none;
margin:0;
}

hr{
border-top:1px solid #ffffff;
border-bottom:1px solid #ddd;
margin-top:20px;
}
table tr td{
border-bottom:1px solid #eee !important;
}
table tr:hover{
background:#FEFFD6; /*#E0F8FF;*/
}
.orientacao{
color:#666666;
font-size:10pt;
margin-bottom:30px;
}

/* especificos */

#programas_container {
    width:600px;
    overflow:auto;
    background:#FCFCFC;
    height:300px;
    border-top:1px solid #DDD;
    border-left:1px solid #DDD;
    border-bottom:1px solid #FFF;
    border-right:1px solid #FFF;
}

#programas_container ul {
    margin:0;
}

/* pagina de gestao */


/* status dos telecentros */

.icone {
	width:16px;
	height:16px;
	text-indent:-500px;
	overflow:hidden;
	vertical-align:bottom;
	float:left;
}

.pendente, .aprovado, .reprovado, .incompleto {background-image: url(../img/status.gif);}

.pendente {background-position:right -32px !important;}
.aprovado {background-position:right -16px !important;}
.reprovado {background-position:right 0 !important;}
.incompleto {background-position:right -128px !important;}