/*
 * TEMPLATE DEFAULT DO SISTEMA
 *
 * REFERENCIA DAS CORES:
 * 
 * #4682B4 - Azul do Link
 * #76B2F4 - Azul do Link quando o mouse esta posicionado encima dele
 * #E45D04 - Laranja mais escuro
 * #F1A400 - Laranja do Logotipo do SIM
 * #748B45 - Verde do Logotipo do SIM
 * #9F3331 - Vermelho do Logotipo do SIM
 * #ECEADD - Bege do fundo do Sistema
 * #F6F5F0 - Bege do fundo dos paineis do Sistema
 * #FFE79C - Amarelo do Warning
 * #8C4915 - Marrom do Warning
 * #565248 - Marrom 
 *  
 */

body { font-family: Tahoma, Helvetica, Arial; font-size: 11px;}
a { color: #222222; }
h2 { font-weight:normal;}
h3 {margin:0;}
.collapse {background-position:left center;background-repeat:no-repeat;cursor:pointer;}
.collapse.up {background-image: url(../imagens/tree/collapsed.gif);}
.collapse.down {background-image: url(../imagens/tree/expanded.gif);}

div.group {
	background-color:#555;
	border: 1px solid #FFF;
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;
    padding: 3px 10px;
}
div.ui-widget-header.ui-sim3g-header {padding:3px 10px;}
div.ui-widget-header.icon {position:relative;padding-left:40px;}
div.ui-widget-header.icon img {position:absolute;top:-10px;left:2px;}

div.botoes {padding:5px 0;line-height:3em;border-width:1px 0 0;}

.qtip {font-size:10px;}

/* ******************************
    MENSAGENS DE INFORMA��O
******************************* */
.info { color: #666;line-height:100%;}
.info.message {margin: 0px; padding: 10px; color: #666;font-weight: bold;}
.info.information {color:#FFFFFF;font-weight:bold;background: #4682B4 url(../imagens/message/warning.png) no-repeat scroll 10px 50%;}
.info.warning { color: #8C4915; font-weight: bold; background: #FFE79C url(../imagens/message/warning.png) no-repeat scroll 10px 50%;}
.info.success {color:#FFFFFF;font-weight:bold;background: #080 url(../imagens/message/warning.png) no-repeat scroll 10px 50%;}


/* ******************************
    BOT�ES DO ESTILO DO GOOGLE 
******************************* */
.btn {text-decoration: none;color: #333;font-size: 13px;}
.btn span {background: #DEDEDE url(../imagens/button/bg-button.gif) repeat-x 0 0;border-left: 1px solid #bbb;border-right: 1px solid #aaa;}
.btn span span {border-top: 1px solid #bbb;border-bottom: 1px solid #aaa;padding: 2px 10px;}
.btn:hover span,.btn:hover span span,.btn:focus span,.btn:focus span span {border-color: #000}
.btn.destaque {font-weight: bold;}
.btn.destaque span {background: #DEDEDE url(../imagens/button/bg-button-destaque.gif) repeat-x 0 0;}
.btn.destaque:hover span,.btn.destaque:hover span span,.btn.destaque:focus span,.btn.destaque:focus span span {border-color: #000 !important;color: #333;}
.btn.disabled,.btn.destaque.disabled {color: #CCC;}
.btn.disabled:hover span,
.btn.disabled:hover span span,
.btn.disabled:focus span,
.btn.disabled:focus span span {border-color: #999; color: #999;}

.btn .img {display:inline-block;height:16px;margin:-3px 0;width:16px;}
.btn.confirmar .img {background-image:url("../imagens/icon/confirmar.png");}
.btn.cancelar  .img {background-image:url("../imagens/icon/cancelar.png");}
/* ****************************************************
    BARRA DE CABE�ALHO DO SISTEMA
**************************************************** */

header a.logo, #cabecalho a.logo {
	background:
		url("../../../configuracao/logotipo.imagem.ws?modulo=sim3g.web.topo.software.logotipo&padrao=../layout/default/imagens/logo_mastersales.png")
		no-repeat center center;
/*     transition: all .5s ease-in-out; */
}

header a.logo.icone, #cabecalho a.logo.icone {
	background:
		url("../../../configuracao/logotipo.imagem.ws?modulo=sim3g.web.menu.icone&padrao=../layout/default/imagens/icone_mastersales.png")
		no-repeat center center;
	width: 60px;
	min-width: 60px;
/* 	transition: all .2s ease-in-out; */
}

header a.ws, #cabecalho a.ws {background-image: url("../../../configuracao/logotipo.imagem.ws?modulo=sim3g.web.topo.desenvolvedor.logotipo&padrao=../layout/default/imagens/logo_ws.png");}
header div.menu-item a .icon, #cabecalho div.menu-item a .icon {background-image: url("../imagens/icones_277x85_eeeeee.png");}
header div.menu-item a.ui-state-hover .icon, #cabecalho div.menu-item a.ui-state-hover .icon {background-image: url("../imagens/icones_277x85_eeeeee.png");}
header div.menu-item a.active .icon, #cabecalho div.menu-item a.active .icon {background-image: url("../imagens/icones_384x100_333333.png");}

	/* ******************************
	    ABAS
	******************************* */
	
	 
	div.abas .btn span {background: #DEDEDE url(../imagens/layout/fundo.png) repeat-x 0 0;}
	div.abas .btn.active span {background: #FFF;border-left: 1px solid #bbb;border-right: 1px solid #aaa;}
	div.abas .btn.active span span {font-weight: bold; color: #666;border-left: none; border-right: none; border-bottom: 1px solid #FFF;}
	div.abas .btn:hover span,
	div.abas .btn:hover span span,
	div.abas .btn:focus span,
	div.abas .btn:focus span span {border-color: #000 #000 #FFF #000;color: #000;}
	div.abas .btn.disabled {color: #CCC;}
	div.abas .btn.disabled:hover span,
	div.abas .btn.disabled:hover span span,
	div.abas .btn.disabled:focus span,
	div.abas .btn.disabled:focus span span {border-color: #999 #999 #FFF #999;color: #999;}
	/* ABAS COM SUBMENU */
	div.abas .btn.submenu span span,
    .btn.submenu span span { padding-right: 20px;background: url(../imagens/layout/seta_submenu.gif) no-repeat right 50%;}
	/* ******************************
	    TITULO
	******************************* */
	#principal div.title h1 { font-weight:bold; letter-spacing:-1px; float:left;}
	#principal div.title h2 { font-weight:bold;}
	
	/* ******************************
	    CORPO DO CONTEUDO
	******************************* */
	#principal div.body {}
	
	/* ******************************
	    BARRA DE BOT�ES
	******************************* */
	#principal div.buttonbar { }

/* ******************************
    FORMULARIO
******************************* */
.form table input[type=text]:focus {border: 2px solid #999;}
.form {}
.form ul li{*line-height: 2em; vertical-align: middle;}
.form ul li not:(#login_form), .form td.pergunta, .form .item { border-bottom: 1px solid #DFDFDF; padding:5px;}
.form td.pergunta {}
.form ul li.last { border-bottom: 0px }
.form select,.form textarea,.form input {border: 2px solid #DFDFDF;font-size: 99%;padding: 2px;}
.form ul li.focus {background: #FFFCDF none repeat scroll 0%;}
.form input[type=radio] {border: none}
.form ul li.focus select,.form ul li.focus textarea,.form ul li.focus input:focus {border-color: #DFD77D;}
.form label {  margin: 0; *margin-top: -5px}
div._divGridInput { left: 146px; position: relative; }
._divGridInput input { width:0; }


/* Mensagens de erro */
.form p.error, .form ul li.error,  .form  div.errorparent {background: #FFDFDF none repeat scroll 0;border-color: #DF7D7D;border-style: solid;border-width: 1px 0;}
.form p.error div.error,.form ul li.error div.error, .form  div.errorparent div.error  {background: #FFBFBF none repeat scroll 0;color: #AF4C4C;font-weight: bold;}

/* Mensagens de erro para grids */
.container-error {background: #FFDFDF none repeat scroll 0;border-color: #DF7D7D;border-style: solid;border-width: 1px 0;}
.container-error div.error {background: #FFBFBF none repeat scroll 0;color: #AF4C4C;font-weight: bold;padding: 4px;margin: 0 0 6px; line-height:2em;}

.form input.disabled, .form textarea.disabled {background-color: #EEE;color: #999999;}
fieldset {border: 1px solid #DFDFDF; background-color: #F6F5F0;}
fieldset legend {font-size:12px;}

/* ******************************
    LABEL COM ICONES
******************************* */
label.icon.aprovado {background-image: url(../imagens/label/aprovado.png);}
label.icon.reprovado {background-image: url(../imagens/label/reprovado.png);}
label.icon.pendente {background-image: url(../imagens/label/pendente.png);}

/* ******************************
    CAMPO DE FILTRO
******************************* */
input.filter {background-image: url(../imagens/icon/lupa.png);border: 2px solid #DFDFDF;}

/* ******************************
    PAGINA DE MENU
******************************* */
div.linkcontainer div {  padding: 10px 0 10px 110px; background-position: 20px 40px;background-repeat: no-repeat;float:left;}
div.linkcontainer div h2 { margin-left: -100px; position: absolute;}
/*div.linkcontainer div h3 { color:#666666; font-size:15px; margin:0 0 10px; border: none;font-weight:bold;line-spacing:0px;}*/
div.linkcontainer div > ul > li {border-width:0 0 0 1px;margin:-1px 0 10px -1px;padding:10px 20px;width:160px;}
div.linkcontainer div ul li ul li a {padding: 0 0 0 12px;background-image: url(../imagens/layout/item.gif);background-repeat: no-repeat;background-position: 0 center;}

/* ******************************
   CAMPO DE BUSCA DE CLIENTE
******************************* */
div.clientSearch div.name { color: #333;}

/* ******************************
    PAINEL DE SUBMENU
******************************* */
.panelSubmenu li a {border-bottom:1px solid #CCCCCC;color:#666666;}
.panelSubmenu li a:hover {color: #FFF;background-color: #748B45;}
.panelSubmenu li.subtitle {border-bottom:1px solid #999999;color:#666666;line-height:21px;}
/* ******************************
    PAINEL DE SUBMENU RELATORIO
******************************* */
.panelSubmenuRelatorio li a {border-bottom:1px solid #CCCCCC;color:#666666;}
.panelSubmenuRelatorio li a:hover { color:#fff !important; border-color:transparent !important; background:#959ca6 !important}
.panelSubmenuRelatorio li.subtitle {border-bottom:1px solid #999999;color:#666666;line-height:21px;}
/* ******************************
    RODAPE
******************************* */
#rodape p.ws {}
/* ******************************
    LISTAGEM
******************************* */
div.listagem {}
div.listagem p {font-size: 13px;margin: 5px 0; clear:both; color:#555;}
div.listagem p label {float:left;font-weight:bold;width:210px; color: #444;}
div.listagem.small p label {width:130px;}

/* ******************************
    SECAO VERTICAL
******************************* */
ul.secao.vertical li {border-bottom: 1px solid #CCC;}
ul.secao.vertical a { background-color: #FFF; color: #666; font-weight: bold; text-decoration: none;}
ul.secao.vertical a.ativo { background-color: #748B45; color: #FFF; background-image: url(../imagens/layout/setaSecaoVertical.gif);
    background-position: right top;background-repeat: no-repeat;width: 200px;}
    
/* ******************************
    ARVORE
******************************* */
ul.tree label {font-weight: bold; color: #666;}
ul.tree label.hover {color:#E45D04;}
ul.tree li .collapsed {background-image: url(../imagens/tree/collapsed.gif) !important;}
ul.tree li .expanded {background-image: url(../imagens/tree/expanded.gif) !important;}
ul.tree li .checkbox {background: url(../imagens/tree/unchecked.gif) no-repeat 0 0px;}
ul.tree li .checked {background-image: url(../imagens/tree/checked.gif);}
ul.tree li .half_checked {background-image: url(../imagens/tree/checked.gif);}

/* ******************************
    MENSAGENS
******************************* */
div.jGrowl div.jGrowl-notification.alert div.message {
    padding-left: 30px;
    background: transparent url(../imagens/message/warning.png) no-repeat 0 0;
}

div.tipcontent {
	font-size: 12px; color: #666;
}

div.biglink {clear:both;float:left;padding-bottom:2em;width:100%;}
div.biglink div {border:1px solid #CCCCCC;display:inline;float:left;height:100px;
margin:2px;padding:10px;width:100px; cursor:pointer;background-image:url(../imagens/label/go.png);
background-position:right bottom;background-repeat:no-repeat;}
div.biglink div.hover {background-color: #EEE;}
div.biglink div a {color:#555555;font-size:17px;text-decoration:none;}

/************************
	GIF do progressbar
*************************/
.ui-progressbar-value { background-image: url(../imagens/pbar-ani.gif); }