* { outline-color: invert; outline-style: none; outline-width: medium; }
body { margin: 0pt; padding: 0pt; background: #DFE8F6 none repeat; color: rgb(34, 34, 34); font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif; font-size: 11px; line-height: 1.7em; }
.clearfix:after, .rlinks:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
h1 { border-bottom: 1px solid rgb(238, 238, 238); color: rgb(51, 51, 51); font-size: 14px; padding-bottom: 3px; font-weight: bold; }
a, a:visited { color: #1010ff; text-decoration: none; }
a:hover { color: rgb(51, 51, 51); }
a img { border: medium none ; }
h1 a, h2 a, h3 a, h1 a:visited, h2 a:visited, h3 a:visited { border: medium none ; color: rgb(51, 51, 51); }
.mt { margin-top: 1em; }
.left { float: left; }
.grey { color: rgb(153, 153, 153); }
.right { float: right; }
.white {color: #FFFFFF;}
img.icon { vertical-align: middle; padding-right: 1px; }
img.icon_large { float: left; margin-right: 10px; }
#wrap { margin: 0px auto; min-width: 965px; }
#footer {  bottom: 0;height: 28px;line-height: 35px;text-align: center;width: 100%; background: transparent url(../images/wave500x100.png) repeat-x scroll 50% 50%;  }
#header {  padding: 15px 25px; font-size: 1em; height: 1%; background: transparent url(../images/fundo-header.png) repeat scroll 0% 0%; }
#header a, #header a:visited { color: #CCCCCC; text-decoration: underline; }
#header a:hover { background: transparent none repeat; color: rgb(204, 204, 204); }
#title { border: medium none ; font-size: 12px; line-height: 1.5em; font-weight: bold; display: inline; color: rgb(255, 255, 255); }
#titleBig { border: medium none ; font-size: 20px; line-height: 1.5em; font-weight: bold; display: inline; color: rgb(255, 255, 255); }
#titleSmall { border: medium none ; font-size: 9px; line-height: 1.5em; font-weight: bold; display: inline; color: rgb(255, 255, 255); }
#content { background: #DFE8F6 repeat-x scroll left top; height: 1%; padding-bottom:20px;}
#left { clear: both; float: left; width: 75%; }
#right { background: transparent none repeat; float: left; width: 24%; }
#left_container { padding: 25px; background: rgb(255, 255, 255) none repeat; margin-left: 25px; }

/* navigation */
#navigation { padding: 20px 25px 0px; background: transparent none repeat }
#navigation a { padding: 5px 10px 4px; background: transparent url('../images/tabr.gif') no-repeat scroll right top; display: block; color: rgb(34, 68, 0); }
#navigation a:hover { padding: 5px 10px 4px; background: transparent url('../images/tabr.gif') no-repeat scroll right top; display: block; color: rgb(0, 0, 0); }
#navigation ul { display: inline; list-style-type: none; list-style-image: none; list-style-position: outside; }
#navigation li { border-bottom: 4px solid #5d8beb; background: #b1c8e7  url('../images/tabl.gif') no-repeat scroll left top; float: left; margin-right: 3px; }
#navigation li.current { border-bottom: 4px solid rgb(246, 246, 246); background: rgb(246, 246, 246) url('../images/tabcl.gif') no-repeat scroll left top; }
#navigation li.current a { background: transparent url('../images/tabcr.gif') no-repeat scroll right top; color: rgb(51, 51, 51); }

/* action nav */
#action_nav { border-bottom: 1px solid rgb(221, 221, 221); margin: -25px -25px 25px; padding: 10px 0px; background: rgb(246, 246, 246) url('../images/buttonbg.gif') repeat-x scroll left top; }
#action_nav a, #action_nav a:visited { color: rgb(68, 68, 68); }
#action_nav a:hover { color: rgb(0, 0, 0); }
#action_nav ul { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
#action_nav ul li { margin-left: 15px; display: inline; }

/* hint */
.hint { padding: 7px 10px; background: rgb(255, 235, 153) none repeat; line-height: 1.7em; margin-bottom: 1em; }
.hint .hl { background: rgb(255, 243, 195) none repeat; }
#right .hint { border: 1px solid #b1c8ea; margin: 0px 20px 20px 20px; padding: 15px; background: #b1c8e7 url('../images/hint_background.gif') repeat-x scroll left top; color: rgb(68, 68, 68); line-height: 1.7em; }
#right ul { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
#right h1, #right h2 { border: medium none ; font-size: 12px; line-height: 1em; margin-top: 0pt; margin-bottom: 1em; }
#right .grey { border: 1px solid rgb(214, 214, 214); margin: 20px; padding: 15px; background: rgb(238, 238, 238) url('../images/grey_background.gif') repeat-x scroll left top; color: rgb(68, 68, 68); line-height: 1.7em; }
h1.notetitle { border-bottom: 1px solid rgb(231, 231, 231); font-size: 1.4em; font-weight: bold; padding-left: 5px; margin-bottom: 0pt; }
h1.notetitle span { font-size: 11px; font-weight: normal; color: rgb(153, 153, 153); }
.note_text { padding: 0pt 8px; }

.quick {
	color: #444;
	margin: 0px 20px 20px 20px;
	background: #f6f6f6 url("../images/buttonbg.gif") repeat-x bottom left;
	padding: 15px;
	line-height: 1.7em;
	border: 1px solid #ccc;
}

.quick h2, .quick h1 {
	margin-top: 0;
}

label { display: block; margin-bottom: 1px; color: rgb(68, 68, 68); font-weight: bold; }
label span { color: rgb(170, 170, 170); }
label.cb { display: inline; margin-left: 5px; }
fieldset { border: 1px solid #ddd; padding: 10px 15px; background: #fafafa none repeat; margin-bottom: 1.0em; margin-top: 1.0em; }
fieldset fieldset { border: 1px solid rgb(218, 218, 218); background: #fbfbfb none repeat; }
fieldset legend { border: 1px solid #ccc; padding: 3px 10px; background: rgb(246, 246, 246) url('../images/buttonbg.gif') repeat-x scroll left top; font-weight: bold; color: rgb(102, 102, 102); }
input[type="text"], input[type="password"], textarea { border: 1px solid rgb(204, 204, 204); padding: 4px; background: rgb(255, 255, 255) none repeat; font-size: 1em; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border: 1px solid #666; }
input[disabled="disabled"] { border: 1px solid rgb(204, 204, 204); }
input.campoCalculado { background-color: #eee }
textarea { width: 100%; line-height:18px; font-size: 1.0em; min-height: 60px; }
.errors { background: #fff3f3 none repeat; border: 1px solid red; padding: 10px 15px; }
select { border: 1px solid rgb(204, 204, 204); padding: 4px; background: rgb(255, 255, 255) none repeat; font-size: 1em; }
select:focus { border: 1px solid #666; padding: 4px; background: rgb(255, 255, 255) none repeat; font-size: 1em; }
fieldset h1 {font-size: 11px; font-weight: bold; color: rgb(102, 102, 102);}
label.error { display: inline; margin-left: 5px; background: rgb(255, 235, 153); color: rgb(68, 68, 68); border: 1px solid rgb(255, 215, 51); padding: 4px; font-size: 1em;}

/* form */
form div.column { float: left; margin-right: 20px; width: 46%; }
form br { clear: left; display: block; margin-bottom: 10px; }
form.inline { display: inline; }

/* table */
table {
	width: 100%;
	border-collapse: collapse;
}

table tr th {
	padding: 10px 3px;
	background: rgb(246, 246, 246) url("../images/buttonbg.gif") repeat-x top left;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #ddd;
}

table tr td {
	padding: 5px 3px;
	border-bottom: 1px solid rgb(238, 238, 238);
	vertical-align: top;
}

table tr.selected {
	background-color: #ffffdc;
	color: #000;
}

table tr.odd {
	background: #fff;
}

table tr.even {
	background: #f7f7f7;
}

#consulta form { display: inline; }
div.green {padding: 10px 3px; background: rgb(228, 240, 224) none repeat; margin-bottom: 10px;}
div.importante {padding: 10px 3px; background: #ffffce none repeat; margin-bottom: 10px; font-weight: bold;}
div.importante ul {list-style-type: none;}
div.mensagem {padding: 10px; background: #e9eef4 none repeat; border: 1px solid blue; margin-bottom: 10px; font-weight: bold; text-align: center;}
div.mensagem ul {list-style-type: none; margin: 0px; padding: 0px;}
div.errors {padding: 10px; background: #fff3f3 none repeat; border: 1px solid red; color: #cc0000; margin-bottom: 10px; font-weight: bold; text-align: center;}
div.errors ul {list-style-type: none; margin: 0px; padding: 0px;}

.adicionar {
	background-image: url(../images/adicionar.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	padding: 0;
	cursor: pointer;
}

.remover {
	background-image: url(../images/excluir.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	padding: 0;
	cursor: pointer;
}

.alerta { background-color: rgb(255, 235, 153); border: 1px solid rgb(255, 215, 51); }

/* DIALOG */
.dialog table {
	padding: 5px 0;
}

.prop {
	padding: 5px;
}

.prop .name {
	text-align: left;
	width: 15%;
	white-space: nowrap;
}

.prop .value {
	text-align: left;
	width: 85%;
}

/* PAGINATION */
.paginateButtons {
	background: rgb(246, 246, 246) url("../images/buttonbg.gif") repeat-x top left;
	border-top: 1px solid #eee;
	color: #666;
	overflow: hidden;
	padding: 10px 3px;
	margin-top: 10px;
}

.paginateButtons a {
	background: #fff;
	border: 1px solid #ccc;
	color: #1010ff;
	margin: 0 3px;
	padding: 2px 6px;
}

.paginateButtons span {
	padding: 2px 3px;
}

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicador.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}
 
.ac_over {
	background-color: #B1C8E7;
	color: white;
}
