/* base */
h1 { font-size:138.5%; }
h2 { font-size:123.1%; }
h3 { font-size:108%; }
h1,h2,h3 { margin:0.5em 0; }
h1,h2,h3,h4,h5,h6,strong { font-weight:bold; }
em { font-style:italic; }
p,fieldset,table { margin-bottom:1em; }

/* layout */
#doc { width:100%; }
#bd { float:right; width:100%; margin-left:-190px; }
#content { margin-left:190px; margin-right:10px; }
#sidebar { float:left; clear:left; width:180px; }
#ft { background-color:#f3f3f3; border-top:2px solid #ccc; clear:both; margin-top:20px; padding:5px 10px; text-align:right; }

/* icons */
.icon-48-anuncio        { background: url(../../images/icons/icon-48-anuncio.png) 6px 3px no-repeat; }
.icon-48-bairro	        { background: url(../../images/icons/icon-48-bairro.png) 6px 3px no-repeat; }
.icon-48-cidade	        { background: url(../../images/icons/icon-48-cidade.png) 6px 3px no-repeat; }
.icon-48-cliente        { background: url(../../images/icons/icon-48-cliente.png) 6px 3px no-repeat; }
.icon-48-corretor       { background: url(../../images/icons/icon-48-corretor.png) 6px 3px no-repeat; }
.icon-48-imobiliaria    { background: url(../../images/icons/icon-48-imobiliaria.png) 6px 3px no-repeat; }
.icon-48-curriculo      { background: url(../../images/icons/icon-48-curriculo.png) 6px 3px no-repeat; }
.icon-48-imovel     	{ background: url(../../images/icons/icon-48-imovel.png) 6px 3px no-repeat; }
.icon-48-painel	        { background: url(../../images/icons/icon-48-painel.png) 6px 3px no-repeat; }
.icon-48-relatorio      { background: url(../../images/icons/icon-48-relatorio.png) 6px 3px no-repeat; }
.icon-48-tabela         { background: url(../../images/icons/icon-48-tabela.png) 6px 3px no-repeat; }
.icon-48-user           { background: url(../../images/icons/icon-48-user.png) 6px 3px no-repeat; }
.icon-48-venda	        { background: url(../../images/icons/icon-48-venda.png) 6px 3px no-repeat; }
.icon-48-visita	        { background: url(../../images/icons/icon-48-visita.png) 6px 3px no-repeat; }

.icon {
	background-position: 0% 40%;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 3px;
}
.icon-checked { background-image: url(../../images/icons/ok.png); }
.icon-reload  { background-image: url(../../images/icons/reload.png); }

/* header */
#hd	{ 
	background: url("../../images/admin/bck_hd.jpg") repeat-x; 
	height: 50px; 
}
#hd .logo { 
	float:left;
	height:50px;
	width:250px; 
}
#hd .usuario {
	float:right;
	height:20px;
	padding-right:5px;
	text-align:right;
	width:300px;
}
#hd a {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
#hd a:hover {
	text-decoration:underline;
}

/* menu */
#menu {
	float:left;
	font-size:100%;
	height: 40px;
	width:100%;
}
#menu li.selected a {
	color: #FFF;
}
#menu li.selected li a:hover { background: #FFF; color: #000; }

.menu_blue { background: url("../../images/admin/bck_tabs_blue.gif") repeat-x; }
.menu_blue li.selected a { background:#236FBD; }
.menu_blue li.selected a:hover { background:#236FBD; }
.menu_green { background: url("../../images/admin/bck_tabs_green.gif") repeat-x; }
.menu_green li.selected a { background:#44A12C; }
.menu_green li.selected a:hover { background:#44A12C; }
.menu_orange { background: url("../../images/admin/bck_tabs_orange.gif") repeat-x; }
.menu_orange li.selected a { background:#E39321; }
.menu_orange li.selected a:hover { background:#E39321; }
.menu_purple { background: url("../../images/admin/bck_tabs_purple.gif") repeat-x; }
.menu_purple li.selected a { background:#56458C; }
.menu_purple li.selected a:hover { background:#56458C; }
.menu_yellow { background: url("../../images/admin/bck_tabs_yellow.gif") repeat-x; }
.menu_yellow li.selected a { background:#E5C130; }
.menu_yellow li.selected a:hover { background:#E5C130; }
.menu_brown { background: url("../../images/admin/bck_tabs_brown.gif") repeat-x; }
.menu_brown li.selected a { background:#A55647; }
.menu_brown li.selected a:hover { background:#A55647; }
.menu_blue2 { background: url("../../images/admin/bck_tabs_blue2.gif") repeat-x; }
.menu_blue2 li.selected a { background:#419BA6; }
.menu_blue2 li.selected a:hover { background:#419BA6; }
.menu_red { background: url("../../images/admin/bck_tabs_red.gif") repeat-x; }
.menu_red li.selected a { background:#D90000; }
.menu_red li.selected a:hover { background:#D90000; }

/* toolbar */
#toolbar {
	background-color:#E8E8E8;
	height:55px;
	margin:0 0 10px 0;
}
#toolbar .header {
	float: left;
	padding-left: 60px;
	width: 400px; /*275*/
}
#toolbar .subtitle {
	font-size: 138.5%;
	line-height: 24px;
	padding-top: 3px;
}
#toolbar .title {
	font-size: 167%;
	font-weight: bold;
	line-height: 24px;
}
#toolbar .buttons { 
	float: right;
	padding-top: 10px;
	text-align: right;
	width: 340px;
}
#toolbar .buttons a {
	background-color: #E8E8E8;
	border: 1px solid #E8E8E8;
	color: #000;
	cursor: pointer;
	float: right;
	font-size: 93%;
	margin-right: 5px;
	text-align: center;
	text-decoration: none;
	width: 40px;
}
#toolbar .buttons a img{
	display: block;
	margin: 3px auto;
	border: none;
	width: 32px;
	height: 32px;
}
#toolbar .buttons a:hover{
	border:1px solid #999;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
}
.toolbar_blue   { border-bottom: 5px solid #236FBD; }
.toolbar_green  { border-bottom: 5px solid #44A12C; }
.toolbar_orange { border-bottom: 5px solid #E39321; }
.toolbar_purple { border-bottom: 5px solid #56458C; }
.toolbar_yellow { border-bottom: 5px solid #E5C130; }
.toolbar_brown  { border-bottom: 5px solid #A55647; }
.toolbar_blue2  { border-bottom: 5px solid #419BA6; }
.toolbar_red    { border-bottom: 5px solid #D90000; }

/* sidebars */
#sidebar .box {
	background-color:#E8E8E8;
	font-size: 100%;
	margin:0 0 5px 10px;
	padding: 5px;
	width: 160px;
}
#sidebar .box a {
	color: #000;
	text-decoration: none;
}
#sidebar .box a.seta {
	background: url("../../images/admin/sidebar_arrow.gif") 0 0 no-repeat;
	display:block;
	font-weight:bold;
	margin-bottom:5px;
	padding-left:15px;
}
#sidebar .box a.open {
	background-position: 0 0;
}
#sidebar .box a.closed {
	background-position: 0 -18px;
}
#sidebar .textfield, .select {
	width: 150px;
}
#sidebar .buttons {
	margin:10px 0;
}
#sidebar .buttons a {
	margin-right:10px;
}
#sidebar .buttons a:hover {
	color: #666;
	text-decoration: underline;
}

/* configs */
.clear { clear: both; }
.right { float:right; }

/* Success, notice and error boxes
-------------------------------------------------------------- */
#errors div,
#success div { 
	padding: .6em 1.8em; 
	margin-bottom: 1em; 
}
#errors div { 
	background: #FBE3E4 url(../../images/icons/error.png) no-repeat 4px center;
	border: 1px solid #FBC2C4; 
	color: #8a1f11; 
}
#success div {
	background: #E4FFCA url(../../images/icons/ok.png) no-repeat 4px center;; 
	border: 1px solid #66CC00; 
	color: #264409; 
}
#success a { 
	color: #000;
	font-weight:bold;
	text-decoration:none;
}

/* form */
.form {
	color: #000;
	text-align: left;
}
.form fieldset {
	background-color: #FAFAFA;
	border: 1px solid #D6D6D6;
	clear: left;
	padding: 10px 5px 5px 12px;
}
.form div.aba fieldset {
	background-color: #FFF;
	border:none;
}
.form br {
	clear: left;
}
.form label { /* Possui IE fix */
	display: block;
	margin: 0 10px 0 0;
	padding: 0 0 5px 0;
	line-height: 1.2em;
	float: left;
}
.form label.col-8 {
	width: 710px;
}
.form label.col-6 {
	width: 530px;
}
.form label.col-4 { /* Possui IE fix */
	width: 350px;
}
.form label.col-2 { /* Possui IE fix */
	width: 170px;
}
.form label.col-1 { /* Possui IE fix */
	width: 80px;
}
.form .textfield,
.form .select,
.form .text {
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	display: block;
	width: 100%;
}
.form .error {
	background: #FBE3E4;
	border: 1px dotted red; 
}

/* form data */
.form .date-pick {
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	display:block;
	float: left;
	width: 130px;
}

/* fom img */
.form label.img {
	border:1px solid #CCC;
	margin-bottom:10px;
	padding:5px;
}
.form label.img .opcoes {
	font-weight:bold;
	margin-top:5px;
}
.form label.img a {
	background:url(../../images/icons/zoom_in.png) left center no-repeat;
	color:#000;
	font-weight:bold;
	float:left;
	line-height:20px;
	height:20px;
	padding-left:20px;
	text-decoration:none;
}
.form label.img a:hover {
	text-decoration:underline;
}

/* form add line */
.form .add {
	margin: 0;
	padding: 0;
}
.form .add a {	
	font-weight: bold;
	background: url(../../images/icons/add.png) no-repeat left center;
	padding: 2px 0 2px 20px;
	color: #000;
	text-decoration: none
}
.form .add a:hover {
	text-decoration:underline;
}

/* buttons */
.form .buttons {
	margin-bottom:10px;
}
.fg-button { 
   outline: 0; 
   margin:0; 
   padding: .3em 1em; 
   text-decoration:none !important; 
   cursor:pointer; 
   position: relative; 
   text-align: center; 
}
.form .buttons .fg-button {
	margin-right:5px;
}

/*** MENU ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			22px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
	margin-left:    10px;
}
.sf-menu a {
	padding: 		3px 10px;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#000;
}
.sf-menu li {
	background:		#EAEAEA;
	margin-right:   1px;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#DBDBDB;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			.5em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../../images/admin/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background: url('../../images/admin/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}