@import url("/layout/designer.css");
@import url("/layout/typography.css");

.buttons,.controls
{
	font-family: Arial, Verdana, sans-serif;
	font-size:18px;
	line-height:20px;
}

.buttons a, .buttons button{
	display:block;
	float:left;
	margin:0 7px 0 0;
	background-color:#f5f5f5;
	border:1px solid #dedede;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	font-family: Arial, Verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	text-decoration:none !important;
	color:#565656 !important;
	cursor:pointer;
	padding:5px 10px 6px 7px;
}

#but_meio a
{
	background-color:#E1ECF7;
	border:1px solid #C0D6ED;
	border-top:1px solid #F3F8FC;
	border-left:1px solid #F3F8FC;
}
#but_meio a:hover
{
	background-color:#FFF;
	border:1px solid #F3F8FC;
	border-top:1px solid #C0D6ED;
	border-left:1px solid #C0D6ED;
}
#but_meio a:active
{
	background-color:#85AEDC;
}

#but_topo a
{
	font-size:12px;
	font-weight:normal;
	font-family: Tahoma;
}

#but_topo a img
{
	padding-right:4px;
}

.buttons a:hover
{
	text-decoration:none;
}
.buttons button{

	width:auto;
	overflow:visible;
	padding:2px 10px 2px 7px; /* IE6 */
}
.buttons button[type]{
	padding:3px 10px 4px 7px; /* Firefox */
	line-height:22px; /* Safari */
}
*:first-child+html .buttons button[type]{
	padding:2px 10px 2px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
	margin:0 3px -3px 0 !important;
	padding:0;
	border:none;
	width:16px;
	height:16px;
}

.buttons_bar .buttons a,.buttons_bar .buttons button{
	margin-bottom:5px;
}

/* STANDARD */

.buttons button:hover, .buttons a:hover{
	background-color:#dff4ff;
	border:1px solid #c2e1ef;
	color:#336699 !important;
}
.buttons a:active{
	background-color:#6299c5;
	border:1px solid #6299c5;
	color:#fff !important;
	
}


/* POSITIVE */

button.positive, .buttons a.positive{
	color:#529214 !important;
}
.buttons a.positive:hover, button.positive:hover{
	background-color:#E6EFC2;
	border:1px solid #C6D880;
	color:#529214 !important;
}
.buttons a.positive:active{
	background-color:#529214;
	border:1px solid #529214;
	color:#fff !important;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
	color:#d12f19 !important;
}
.buttons a.negative:hover, button.negative:hover{
	background:#fbe3e4;
	border:1px solid #fbc2c4;
	color:#d12f19 !important;
}
.buttons a.negative:active{
	background-color:#d12f19;
	border:1px solid #d12f19;
	color:#fff !important;
}


.buttons_bar #but_topo.buttons a {

/*
	font-weight:none;
	font-size:15px;
	color:#555;
	margin-bottom:5px;
	*/
}

.controls
{
	margin:0px;
	padding:0px;
}

.controls label
{
	display:block;
	font-size:18px;
	margin-bottom:3px;
	color:#333;
}

.controls img
{
	padding-left:5px;
}

.controls label span
{
	display:block;
	font-size:14px;
	color:#888 !important;
}

.controls input,.controls textarea
{
	margin-bottom:15px;
	font-family:Verdana;
}

.controls input,.controls textarea
{
	padding:4px;
	border:1px solid #d3d3d3;
	font-size:18px;
	color:#555 !important;
	letter-spacing:0px;
}

.controls input:focus,.controls textarea:focus
{
	border:1px solid #888;
	background:#f5f5f5;
}

.controls .required
{
	background:#FFFFCC;
}

.controls .required:focus
{
	background:#FFFF99;
}

.controls input.checkbox
{
	width: 30px;
	height: 30px;
	border:none;
	float:left;
	margin:0px !important;
	margin-right:10px !important;
}

.controls .clab {display:inline;padding-top:5px;float:left;padding-left:3px;font-size:18px;}
.controls .info {float:right;padding:10px;border:1px solid #EEE;background:#FFFFCC url(icons/asterisk_orange.png) no-repeat 15px 12px;font-size:18px;padding-left:44px;}
.controls .box, .controls .box_branca {color:#777 !important;clear:both;padding-left:10px;padding-top:10px;font-size:20px;border-top:1px solid #EEE;background:#efefef;border-bottom:1px solid #EEE;padding-bottom:9px;margin-bottom:10px;}
.controls .box img, .controls .box_branca img {padding-right:6px;}
.controls .box_branca {background:#FFF;color:#333;border:1px solid #EEE;}

.controls ul {list-style:none;padding:0px;margin:0px;}
.controls ul li {border-bottom:1px solid #eaeaea;padding-bottom:7px;margin-bottom:7px;padding-left:18px;background:url(icons/bullet_white.png) no-repeat 0px 7px;font-size:18px;}
.controls ul li a {text-decoration:none;color:#000 !important;}
.controls ul li a:hover {text-decoration:none;color:#777 !important;}
.box_errors ul {margin-top:10px;}
.box_errors ul li {list-style:none;margin-bottom:0px;color:#FF0000 !important;margin-left:5px;font-weight:bold;padding-left:23px;background:url(icons/exclamation.png) no-repeat 0px 3px;}
.box_errors {padding:10px;border:1px solid #FFA4A4;margin-bottom:25px;font-size:14px;background:#FFECEC}
.box_messages {background:#FFFFCC url(icons/tick.png) no-repeat 10px 14px;padding:10px;padding-left:35px;border:1px solid #FFCC99;margin-bottom:25px;font-size:20px;}

#lightbox{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
#lightbox { position: absolute; left: 0px; top: 0px; }
body > #lightbox { position: fixed; left: 0px; top: 0px; }

#lightbox #background
{
position:absolute;
top:0px;
left:0px;
background:#FFFFFF;
width:100%;
height:100%;
display:block;
filter:alpha(opacity=80);
opacity:.80;
-moz-opacity: 0.80;
z-index:1002;
}

#lightbox #desktop
{
 position:absolute;
 top:50%;
 left:50%;
 z-index:1005;
}

#window
{
	position:relative;
	left:-64px;
	top:-64px;
	width:128px;
	height:128px;
	font-size:14px;
	color:#666 !important;
}

#window h1
{
	margin:0px;
	padding:0px;
	margin-bottom:15px;
	font-size:20px;
	font-weight:bold;
	color:#333 !important;
}

#window #window_content
{
	position:absolute;background:#FFF;border:1px solid #999999;width:100%;height:100%;z-index:10;
}

#window #window_shadow
{
	position:absolute;bottom:-3px;right:-3px;background:#595959;width:100%;height:100%;z-index:5;
}


#window .window_bottom
{
position:absolute;bottom:15px;right:10px;
}

#window .window_top
{
position:absolute;top:15px;right:10px;
}
/* padding-right:5px;padding-top:8px;padding-bottom:10px */

.naked li
{
	border:none !important;
	font-size:16px;
	list-style:decimal;
	clear:both;
	padding-top:5px;
	margin-left:50px !important;
	padding-left:5px !important;
	
}

.bloco-pagina {
	position:relative;
	background:url('/components/application_visuals/background/background-content.gif') repeat-y;
	min-height:5px;
}

* html #bloco-pagina {

}

.controls label {display:block}
.controls input {margin-bottom:10px}

.tabela-backend       { margin-bottom: 10px; width:100%; }
.tabela-backend td	{ font-size:16px;border-right:1px solid #DDD !important; border-left:1px solid #DDD !important }
.tabela-backend thead		{}
.tabela-backend thead th,.tabela-backend thead td { font-weight:bold; background: #E8E8E8 !important; color:#666; border:0px none #000; padding-top:10px; padding-bottom:8px; padding-left:10px; border-bottom:2px solid #DDD !important; }
.tabela-backend th          { font-weight: bold; background: #303030; color:#FFF }
.tabela-backend th,.tabela-backend td       { padding: 4px 10px 4px 5px; border-right:1px solid #CCC; }
.tabela-backend tbody td { border-bottom:1px solid #E8E8E8;}
.tabela-backend tr.impar td  { background: #EEE; }
.tabela-backend tfoot       { font-style: italic; }
.tabela-backend caption     { background: #eee; }

.backend_paginate {
	margin:0px;
	padding:0px;
}

.backend_paginate li {
	display:inline !important;
	background:none !important;
	text-align:left;
	width:30px;
	padding:0px !important;
	margin:0px !important;
}

.backend_paginate li a {
	display:block;
	float:left;
	border:1px solid #AAA;
	line-height:30px;
	min-width:30px !important;
	width:30px;
	height:30px;
	text-align:center !important;
	text-decoration:none !important;
	margin-right:5px !important;
	margin-bottom:5px !important;
	font-size:14px !important;
	font-weight:bold !important;
	color:#000 !important;
	border-top:1px solid #DEDEDE;
	border-left:1px solid #DEDEDE;
}

.backend_paginate li a:hover {
	background:#EFEFEF !important;
	color:#000 !important;
	border:1px solid #DEDEDE;
	border-top:1px solid #AAA;
	border-left:1px solid #AAA;
}

.backend_paginate li.sel a, .backend_paginate li.sel a:hover {
	border:1px solid #333 !important;
	background:#333 !important;
	color:#FFF !important;
}

.field_error input,.field_error textarea {
	border:3px solid #F00;
}

.field_error input:focus, .field_error textarea:focus {
	border:3px solid #CCC;
}

.checkbox {
	background-image: url(/components/application_visuals/icons/cross.png);
	background-position: center center;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	cursor: pointer;
	float: left;
	padding-right:10px;
	padding-top:10px;
	border:1px solid #DEDEDE;
	margin-right:5px;

}

.checkbox:hover {
	background-color:#EFEFEF;
}

.checkbox.checked {
	background-image: url(/components/application_visuals/icons/tick.png);
}

.div_focus {
	border:1px solid #FFF;
}

.div_focus:hover {
	border:1px solid #B1C3D9;
}

.div_selected {
	background:#DFEFFF;
	border:1px solid #CFE2F6;
}

.div_focus input,.div_focus label
{
	margin:0px;
	padding:0px;
	cursor:move;
}

.day
{
	width:40px;
	height:40px;
	float:left;
	cursor:pointer;
}

#content_DatePicker .normal
{
	background:#FFF;
}

#content_DatePicker .hover
{
	background:#F00 !important;
	color:#FFF;
}

#content_DatePicker .weekend
{
	background:#CCC;
}

#content_DatePicker .current
{
	background:#00F !important;
	color:#FFF !important;
}

#content_DatePicker .selected
{
	background:#333;
	color:#FFF;
}