/******************************************************/
/************************ Typo ************************/
/******************************************************/

body {
	margin: 0px;
	margin-top: 3px;
	padding: 0px;
	text-align: center;
	font-family: Tahoma;
	background-color: #FFF;
}

body.noscroll {
	overflow: hidden;
}

div {
	font-size: 11px;
}

tr.destaque th, tr.destaque td, table.gridData tr.destaque th, table.gridData tr.destaque td, table.grid tr.destaque th, table.grid tr.destaque td {
	font-size: 11px;
	background-color: #5398C9;
	color:white;
	font-weight: bold;
	border: 1px solid #c0c0c0;
}

.destaqueTexto {
	color:rgb(204,255,102);
}

a {
	color: #0066cc;
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
}

div.overflow {
	overflow: auto;
	height: 400px;
	vertical-align: top;
}

div.grid {
	border: 1px solid #eeeeee;
} 

table {
	font-size: 11px;
	font-family: Tahoma;
	background-color: #FFFFFF;
}

table.grid {
	text-align: left;
	border: 1px solid #eeeeee;
	margin-top: 0px;
	width: 98%;
	margin: auto; /* isso faz com que a tabela fique centralizada */
	padding: 1px;
	
}

table.grid thead {
	background-color: white;
}

table.grid th {
	font-size: 10px;
	color: 000000;
	empty-cells: show;
}

tr.even td {
	background-color: #d3e5f1;	
}

tr.odd td {
	background-color: white;	
}

tr.nowrap td{
	white-space: nowrap;
}

tr.nowrap th{
	white-space: nowrap;
}

td.separadorDeLinha, .grid td.separadorDeLinha, .gridData td.separadorDeLinha{
	background-color: rgb(153, 204, 204);
	height: 1px;
}

tr.separadorDeLinha, .grid tr.separadorDeLinha, .gridData tr.separadorDeLinha{
	background-color: rgb(153, 204, 204);
	height: 1px;
}

table.zebra tr:even td {
	background-color: #d3e5f1;
}

table.zebra tr:odd td {
	background-color: white;
}

table.grid td {
	color: 444444;
}

.table tbody tr:hover {
	background: #EDF4F9 !important;
}


th {
	font-weight: bold;
	text-align: left;
	background-color: #EFEFEF;
	height: auto;
	border: 1px solid #C6D3EF;
	height: 10px;
	text-shadow: silver;
	color: 000000;
}

th.center {
	text-align: center;
}

th.left {
	text-align: left;
}

th.right {
	text-align: right;
}
td.center {
	text-align: center;
}

td.left {
	text-align: left;
}

td.right {
	text-align: right;
}

td.nowrap {
	white-space: nowrap;
}

th.nowrap {
	white-space: nowrap;
}

td.hidden {
	display: none;
}	

th.hidden {
	display: none;
}

tr.right td {
	text-align: right;
}

tr.right th {
	text-align: right;
}


img {
	border: none;
}

img.link {
	cursor: pointer;
}

img.icon {
	cursor: pointer;
	vertical-align: top;
}

h1 {
	font-size: 18px !important;
	color: #0085e3;
}

h2 {
	font-size: 16px !important;
	color: #1689d9;
}

h3 {
	font-size: 15px !important;
	color: #29a4e1;
}

h4 {
	font-size: 14px !important;
	color: #45A1E1;
}

h5 {
	font-size: 13px !important ;
	color: #56a2d9;
}

h6 {
	font-size: 12px !important;
	color: #62a8d9;
}

h1, h2, h3, h4, h5, h6 {
	text-align: center;
	text-justify: auto;
	margin-top: 2px;
	margin-bottom: 2px;
}

.bold {
	font-weight: bold;	
}

.help-icon {
	float: right;
	padding-right: 10px;	
}

.debito, .negativo {
	color: red !important;
}

.credito, .positivo {
	color: green !important;
}

table.grid th.totalPositivo {
	font-weight: bold;
	text-align: right;
	background-color: green;
	color: white;
}

table.grid th.totalNegativo {
	font-weight: bold;
	text-align: right;
	background-color: red;
	color: white;
}

/******************************************************/
/************************ Forms ***********************/
/******************************************************/

form ul {
	position: relative;
	list-style: none;
	width: 100%;
	padding: 0px;
}

ul.grid {
	position: relative;
	list-style: none;
	width: 98%;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #eeeeee;
}

fieldset {
	margin: 0 0 5px 0;
	padding: 10px 10px 5px 10px;
	color: #444;
}

li>fieldset,form>fieldset {
	border: 1px solid silver
}

fieldset.choices {
	padding: 10px 5px 10px 10px;
}

fieldset.fieldset {
	padding: 0px 0 10px 0;
}

legend {
	font-weight: bold;
	margin: 0 0 0 0;
	color: #444;
}

input {
	border: 1px solid #C6D3EF;	
	font-family: Tahoma;
	font-size: 11px;
	vertical-align: bottom;
	padding-right: 1px;
}

input:focus, fieldset input:focus {
	border-style: outset
	border-color: #45A1E1;
	border-width: 3px;
}


input.error {
	color: red;
	border-width: 1px;
	border-color: red;
	border-bottom-style: solid;
}

input.noBorder {
	border: background !important;
	background-color: transparent !important;
	color: black;
}

input {
	border: 1px solid #C6D3EF;	
	font-family: Tahoma;
	font-size: 11px;
	vertical-align: middle;
	
}	

input checkbox {
	border: none;
	background-color:blue; 	
}	

input.noBorder {
	border: background !important;
	background-color: transparent !important;
	color: black;
}

input.center {
	text-align: center;
}

input.left {
	text-align: left;
}

input.right {
	text-align: right;
}

input.uppercase {
	text-transform:uppercase;	
}

input.number {
	text-align: right;
}

input.numberBr {
	text-align: right;
}

select {
	font-family: Tahoma;
	font-size: 11px;	
}

.infoset {
	width: 96%;
	border: 1px #e5e5e5 double;
	padding: 15px;
	margin: auto;
	font-size: 12px;
}

.infoset label {
	display: block;
	width: 200px;
	float: left;
	color: #000;
	border-bottom: 1px solid #f1f1f1;
	text-align: left;
	font-size: 13px;
}

.formbox {
	border: 1px #e5e5e5 double;
	padding: 20px;
}

.formbox fieldset {
	padding: 20px;
	width: 70%;
}

.formbox legend {
	color: #45A1E1;
	font-size: 12px;
}

html>body legend {
	margin-bottom: 0px;
}

.formbox input {
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-bottom: 10px;
	color: #0E0659;	
}

.formbox select {
	border: 1px solid #333;
	margin-bottom: 10px;
	color: #0E0659;
}

.formbox label {
	display: block;
	width: 200px;
	float: left;
	color: #000;
	border-bottom: 1px solid #f1f1f1;
	text-align: left;
}

.formbox h6 {
	display: block;
	text-align: right;
	border-bottom: 1px solid #f1f1f1;
	padding: 0px;
	margin: 0px;
	font-style: italic;
	color: #aaaaaa;
	text-transform: lowercase;
	margin-bottom: 14px;
}

.formbox span {
	color: #999;
	font-size: 12px;
}

button {
	border: 1px solid #848CA5;
	background: #EFF7F7 repeat-x;
	background-image: url('../../../Images/Aqua/button_aqua_bg.gif');
	color: #131313;
	text-align: center;
	vertical-align: middle;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	cursor: pointer;
	height: 20px;
}

button[disabled] {
	color: #aaaaaa;
	border: 1px solid #aaaaaa;
}

.link {
	cursor: pointer;
}

.help {
	cursor: help;
}

ACRONYM {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: black;
	cursor: help;
}

/******************************************************/
/********************** Validacao *********************/
/******************************************************/


label.valid {
	background: url('checked.gif') no-repeat; 
	display: block; width: 16px; 
	height: 16px;
}

div.successBox li {
	background: url('checked.gif') no-repeat; 
	padding-left: 16px; 
	margin-left: 0.3em;
	float: none; 
	color: 0060BF;
	
	vertical-align: top;
	display: inline;
	font-size: 12px;
	font-weight: bolder;
}


label.error{
	background: url('unchecked.gif') no-repeat;
	padding-left: 16px; 
	margin-left: 0.3em;
	float: none; 
	color: red; 
	vertical-align: top;
	display: inline;
	
}
h6 h5 h4 h3 h2 h1 .error {
	color: red;
	font-weight: bold;
}

.successBox ul{
	list-style: none;
	margin-left: auto;
	margin-right: auto;
}

h6 h5 h4 h3 h2 h1 .success {
	color: 45A1E1;
	font-weight: bold;
}

/******************************************************/
/********************** Error Box *********************/
/******************************************************/

.errorBox ul, .errorBox li {
	list-style: none;
}

div.errorBox {
	margin-top: 6px;
	margin-bottom: 6px;
	background: #fcc url(images/error.png) no-repeat 10px 10px;
	margin-left: 10%;
	margin-right: 10%;
	min-height: 18px;
	padding: 10px 10px 10px 50px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;	
}

div.errorBox li, div.errorBox label.error {
	background: none;
	padding: inherit;
	margin: inherit;
	font-size: 12px;
	padding-bottom: 5px;
	text-align: left;
	color: black;
}

div.errorBox ul {
	padding-left: 2px;
}

label.error{
	background: url('unchecked.gif') no-repeat;
	padding-left: 16px; 
	margin-left: 0.3em;
	float: none; 
	color: red; 
	vertical-align: top;
	display: inline;
}

h6 h5 h4 h3 h2 h1 .error {
	color: red;
	font-weight: bold;
}



/******************************************************/
/********************** Grid Data *********************/
/******************************************************/
table.gridData {
	  text-align: left;
      border-spacing: 1px;
      padding: 1px;
      width: 98%;
      margin: auto; /* isso faz com que a tabela fique centralizada */
}


table.gridData thead tr,
table.gridData tfoot tr {
    background: #c0c0c0;
}

table.gridData tbody tr.odd {
    background: #FFFFFF;
}

table.gridData tbody tr.even {
    background: #D3E5F1;
}

table.gridData td {
    border: 0px solid white;
    margin: 0px;
    color: 444444;
}

table.gridData th {
	font-size: 10px;
	empty-cells: show;
	border: 0px solid white;
	text-shadow: silver;
}

tr.highlight, table.gridData tr.highlight, table.grid tr.highlight {
	background-color: #FFFFCC;
}

table.gridData th.borderseparator, table.gridData td.borderseparator {
	border-right: thin solid black;
}

/******************************************************/
/********************** Info Box* *********************/
/******************************************************/
.info-box {
	border: 1px solid #CCCCCC;
	background-color: #f9f9f9;
	width: 80%;
	padding: 4px;
	font-size: 11px;
	margin-left: 2cm;
	margin-right: 2cm;
	margin: auto;
}

.info-box li {
	list-style: none;	
	padding-top: 2px;
	padding-bottom: 2px; 
}

.info-box li label {
	font-weight: bold;	
}

/*
*/
.waiting {
	position:absolute;
	top:50%;
	left:50%;
	width:250px;
	height:180px;
	margin-left:-125px;
	margin-top:-90px;
}


/******************************************************/
/********************** Multiselect *******************/
/******************************************************/

.multiselect {
	width: 600px;
	height: 200px;
}
	
#switcher {
		margin-top: 20px;
}

.light-background {
	background-color: #c1ced9;
}

.hightlight-text {
	color: C2353D
}

.waiting {
	position:absolute;
	top:50%;
	left:50%;
	width:250px;
	height:180px;
	margin-left:-125px;
	margin-top:-90px;
}

.iconOn {
	opacity:1;
	filter:alpha(opacity=100);	
}

.iconOff {
	opacity:0.4;
	filter:alpha(opacity=40);
}

/******************************************************/
/********************** Drag and drop *****************/
/******************************************************/

ul.drop {
	border: 1px solid #cccccc;
	background-color: #e2e2e2;
	height: 190px;
	width: 98%;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}
ul.drop li { 
 	text-align: center;
 	font-size: 11px;
 	cursor: move;
	list-style-position:outside;
	list-style-type: none;
 	background-color:#D1E6EC;
	border:1px solid #7EA6B2;
	margin: 1px;
}