body{
	color: #000000;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, "Lucida Sans", Tahoma, Sans-Serif;
	font-size: 11pt;
	background: #fcf2e8;
	text-align: left;
}

a{
	color: #aa3600;
}

img{
	border: 0px;
}

hr{
	height: 0px;
	border: 1px #444444 solid;
}

.indexTable{
    padding: 3px;
   	width: 95%;
}

.indexTable th{
    border: 1px #977817 solid;
	font-weight: bold;
	background-color: #f0a666;
}

.indexTable td{
    border: 1px #977817 solid;
}

.appHeader{
	background-image: url(/img/OrangeCircles.gif);
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 20pt;
	color: #f0a666;
	font-weight: normal;
	vertical-align: middle;
}

.appContent{
	font-size: 9pt;
	color: #000000;
	font-weight: normal;
	margin: 5px 5px 5px 5px;
	text-align: left;
}

.appFooter{
	font-size: 8pt;
	font-weight: normal;
	text-align: right;
	color: #353535;
}

.related {
	text-align: left;
}

.supercontainer{
	border: 1px #977817 solid;
	background: #ffffff;
	color: #4c4c4c;
	border-spacing: 10px 10px;
	text-align: left;
}

.sc_titlebar{
	border: 1px solid #353535;
	background: #bbbbbb;
	color: #222222;
}

.sc_contentarea{
	border: 0px;
	border-style: hidden;
	background: #ffffff;
	margin: 5px;
	color: #222222;
}

.xc_footer{
	background: #123454;
	color: #ffffff;
	font-size: 8pt;
}

.decorativebar{
	height: 20px;
	background: url("/img/decorative_bar.gif") repeat-x;
}

.icontainer{
	background: white;
}

.container{
	margin-left: auto;
	margin-right: auto;
	width: 85%;
	min-width: 1024px;
	text-align: center;
	margin-bottom: 20px;
}

/* Data Tables */

.listTbl{
	background: white;
	border-spacing: 2px;
	margin: 2px 2px 2px 2px;
	font-size: 8pt;
}

.lt_oddrow{
	background: #fad9bd;
	color: #353535;
	padding: 4px 2px 4px 2px;
}

.lt_evenrow{
	background: #ffffff;
	color: #353535;
	padding: 4px 2px 4px 2px;
}

.lt_boldoddrow{
	background: #fad9bd;
	color: #353535;
	padding: 4px 2px 4px 2px;
	font-weight: bold;
}

.lt_boldevenrow{
	background: #ffffff;
	color: #353535;
	padding: 4px 2px 4px 2px;
	font-weight: bold;
}

.lt_header, .listTbl th {
	background: #f0a666;
	color: #000000;
}

/* Input Tables */

.inputTbl{
	border: 1px solid #e77817;
	background: white;
	border-spacing: 5px;
	margin: 2px 2px 2px 2px;
}

.fieldLabel{
	background: transparent;
	font-weight: bold;
	font-size: 10pt;
	text-align: left;
	color: #444444;
}

.errorLabel{
	background: transparent;
	font-weight: bold;
	font-size: 10pt;
	text-align: left;
	color: #ff3600;
}

.fieldContainer{
	border: 0px;
	background: #fad9bd;
	padding: 4px 4px 4px 4px;
	text-align: left;
	vertical-align: middle;
}

.displayValue{
	font-weight: bold;
	color: #000000;
}

.execWorkflow_buttonContainer{
	border: 0px;
	background: #ffffff;
	padding: 4px 4px 4px 4px;
}

.it_cell{
	font-weight: normal;
	font-size: 10pt;
	text-align: left;
	background: #fad9bd;
	color: #353535;
	padding: 4px 4px 4px 4px;
}

.it_buttonCell{
	font-weight: normal;
	font-size: 10pt;
	background: #fcf2e8;
	color: #353535;
	padding: 4px 4px 4px 4px;
	text-align: right;
}

.it_headerCell{
	font-weight: normal;
	font-size: 10pt;
	text-align: left;
	background: #f0a666;
	color: #353535;
	padding: 4px 4px 4px 4px;
	border: 1px #888888 solid;
}

label{
	font-weight: bold;
	font-size: 10pt;
	color: #353535;
}


.inputFieldLabel{
	font-weight: bold;
	font-size: 10pt;
	color: #353535;
}

.inputFieldErrorMsg{
	font-weight: bold;
	font-size: 11pt;
	color: #990000;
}

.inputField{
	font-weight: normal;
	font-size: 10pt;
	color: #000000;
	border: 1px #444444 solid;
}

.it_optionalLbl{
	font-weight: normal;
	font-size: 10pt;
	text-align: right;
	background: #fad9bd;
	color: #353535;
	padding: 2px 4px 2px 4px;
	height: 30pt;
}

.it_mandatoryLbl{
	font-weight: bold;
	font-size: 10pt;
	text-align: right;
	background: #fad9bd;
	color: #353535;
	padding: 2px 4px 2px 4px;
	height: 30pt;
}

.it_errorMsg{
	color: #ff3600;
	font-weight: bold;
	font-size: 8pt;
}

.it_inputFld{
	background: #ffffff;
}

.it_sectionHdr{
	background: #f0a666;
	font-weight: bold;
	font-size: 12pt;
	text-align: right;
}

.it_spacer{
	background: #ffffff;
}


/* View Tables */

.viewTbl{
	background: white;
	border-spacing: 2px;
	margin: 2px 2px 2px 2px;
}

.vt_cell{
	font-weight: normal;
	font-size: 10pt;
	text-align: left;
	background: #dddddd;
	color: #353535;
	padding: 4px 4px 4px 4px;
	border: 1px #888888 solid;
}

.vt_buttonCell{
	font-weight: normal;
	font-size: 10pt;
	text-align: right;
	background: #fad9bd;
	color: #353535;
	padding: 4px 4px 4px 4px;
	border: 1px #888888 solid;
}

.vt_headerCell{
	font-weight: normal;
	font-size: 10pt;
	text-align: left;
	background: #dddddd;
	color: #353535;
	padding: 4px 4px 4px 4px;
	border: 1px #888888 solid;
}

.vt_pseudoField{
	font-weight: normal;
	font-size: 10pt;
	background: #ffffff;
	color: #000000;
	padding: 2px 4px 2px 4px;
	border: 1px #000000 solid;
	width: 400px;
}

.vt_label{
	font-weight: normal;
	font-size: 10pt;
	text-align: right;
	background: #fad9bd;
	color: #353535;
	padding: 2px 4px 2px 4px;
	height: 20pt;
}

.vt_content{
	font-weight: bold;
	font-size: 10pt;
	text-align: left;
	background: #ffffff;
	color: #000000;
	padding: 2px 4px 2px 4px;
	height: 20pt;
}

.vt_sectionHdr{
	background: #108ca5;
	border: 1px #f0a666 solid;
	font-weight: bold;
	font-size: 12pt;
	text-align: right;
}

.vt_spacer{
	background: #ffffff;
}




/* Form Elements */
button{
	display: inline;
}
input:hover, select:hover, textarea:hover{
	border: 1px #e77817 solid;
}
input:focus, select:focus, textarea:focus{
	border: 2px #e77817 solid;
}
input[type=checkbox] {
float: left;
clear: left;
margin: 2px 6px 7px 2px;
}
input[type=radio] {
margin: 3px 3px 3px 16px;
display: inline;
vertical-align: middle;
}
input[type=hidden], input[type=hidden]:hover, input[type=hidden]:focus {
	background: transparent;
	color: #ffffff;
	border-style: none;
}
input, textarea {
clear: both;
display:block;
font-size: 9pt;
font-family: inherit;
border: 1px #e77817 solid;
}
select {
clear: both;
vertical-align: text-bottom;
font-size: 9pt;
font-family: inherit;
border: 1px #e77817 solid;
}
option {
font-size: 9pt;
font-family: inherit;
padding: 0 0.3em;
}
input[type=submit] {
display: inline;
vertical-align: bottom;
}
.bigselect {
clear: both;
vertical-align: text-bottom;
font-size: 9pt;
font-family: inherit;
border: 1px #e77817 solid;
width: 410px;
}
.dateInputField{
	font-weight: normal;
	font-size: 9pt;
	background: #ffffff;
	color: #000000;
	padding: 2px 4px 2px 4px;
	border: 1px #000000 solid;
	width: 100px;
	display: inline;
}
.inlineInput {
clear: both;
display:block;
font-size: 9pt;
font-family: inherit;
border: 1px #e77817 solid;
display: inline;
}

/* General GUI elements */
.instruction{
	background: transparent;
	font-size: 9pt;
	font-weight: bold;
}

.actionbar{
border: 0px;
margin: 9pt;
background: transparent;
width: 90%;
text-align: right;
}

.actionbutton{
	border: 1px #123454 solid;
	background: #99e6eb;
	font-size: 10pt;
	font-weight: bold;
	color: #123454;
	height: 25px;
	padding: 3px 3px 3px 3px;
	text-decoration: none;
}

.actionbutton:hover{
	border: 2px #123454 solid;
}

/* Cake general styles */

.error_message{
	color: #aa0000;
	font-weight: bold;
	font-size: 8pt;
}

#flashMessage{
	color: #ffffff;
	font-size: 10pt;
	font-weight: bold;
	background-color: #e77817;
	border: 2px black solid;
	margin: 10px 10px 10px 10px;
	padding: 5px 5px 5px 5px;
	width: 90%;
	text-align: center;
}

#infoMessage{
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	background-color: #8adb9d;
	border: 2px black solid;
	margin: 10px 10px 10px 10px;
	padding: 5px 5px 5px 5px;
	width: 90%;
	text-align: center;
}

.infoMessage{
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	background-color: #8adb9d;
	border: 2px black solid;
	margin: 10px 10px 10px 10px;
	padding: 5px 5px 5px 5px;
	width: 90%;
	text-align: center;
}

#errorMessage{
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	background-color: #ff7070;
	border: 2px black solid;
	margin: 10px 10px 10px 10px;
	padding: 5px 5px 5px 5px;
	width: 90%;
	text-align: center;
}

#warningMessage{
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	background-color: #f9ff59;
	border: 2px black solid;
	margin: 10px 10px 10px 10px;
	padding: 5px 5px 5px 5px;
	width: 90%;
	text-align: center;
}

.warningMessage{
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	background-color: #f9ff59;
	border: 2px black solid;
	margin: 10px 10px 10px 10px;
	padding: 5px 5px 5px 5px;
	width: 90%;
	text-align: center;
}

/* Login page */
/* Input Tables */

.login{
	background: #ffffff;
	background-image: url("/img/LoginBackground.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
	border: 1px #e77817 solid;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #000000;
	font-size: 11pt;
	padding: 5px;
	height: 300px;
	width: 280px;
}

.loginTitle{
	color: #000000;
	font-size: 13pt;
	font-weight: normal;
	text-align: right;
	display: block;
}

.loginField{
	position: relative;
	top: 20%;
	height: 30px;
	font-weight: bold;
}

.passwordField{
	position: relative;
	top: 35%;
	height: 30px;
	font-weight: bold;
}

.loginSubmit{
	position: relative;
	text-align: right;
	margin: 0px 8px 0px 0px;
	top: 60%;
}

.loginInput:hover, .loginInput:focus{
	background: #123454;
	color: #ffffff;
	border: 1px solid #ffffff;
	width: 140px;
}

.loginBtn{
	border: 2px #99e6eb solid;
	background: #123454;
	font-size: 11pt;
	font-weight: bold;
	color: #ffffff;
	height: 25px;
	padding: 3px 3px 3px 3px;
	text-decoration: none;
}
	
/* Menu Styles */
.topmenu{
	border: 0px;
	padding: 0px;
	margin: 5px;
	background: transparent;
	width: 100%;
	text-align: right;
}

.menuelement{
	border: 1px #444444 solid;
	margin: 1px;
	background: #eeeeee;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	height: 20px;
	padding: 2px 8px 3px 8px;
	text-decoration: none;
}

.menuelement:hover{
	border: 1px #444444 solid;
	margin: 1px;
	background: #bbbbbb;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	height: 20px;
	padding: 2px 8px 3px 8px;
	text-decoration: none;
}

table.pre_exec {
	border: 1px #353535 solid;
	margin: 2px;
	border-spacing: 2px;
	background: #8adb9d;
	font-size: 10pt;
}

table.exec {
	border: 1px #353535 solid;
	margin: 2px;
	border-spacing: 2px;
	background: #f9ff59;
	font-size: 10pt;
}

table.post_exec {
	border: 1px #353535 solid;
	margin: 2px;
	border-spacing: 2px;
	background: #ffbd52;
	font-size: 10pt;
}

table.rollback {
	border: 1px #353535 solid;
	margin: 2px;
	border-spacing: 2px;
	background: #a1b5f1;
	font-size: 10pt;
}

th.pre_exec, th.exec, th.post_exec, th.rollback {
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	color: #000055;
}

td.command {
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
}

td.params {
	font-size: 10pt;
	font-weight: normal;
	color: #444444;
	text-align: left;
}

td.comment {
	font-size: 8pt;
	font-weight: normal;
	color: #000055;
	text-align: left;
}

td.cmd_headers {
	font-size: 10pt;
	font-weight: bold;
	color: #222222;
	border-bottom: 1px #444444 solid;
	border-top: 1px #444444 solid;
}


/* Nice buttons */
table.niceButton {
	height: 27px;
	margin: 0px;
	border-spacing: 0px;
	border: 2px #353535 solid;
	background: #dddddd;
}

td.niceButton {
	vertical-align: middle;
	font-size: 10pt;
	font-weight: normal;
	color: black;
}

a.niceButton {
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
	color: #111111;
}

/* True buttons */
.niceButton_ok {
	display: inline;
	height: 27px;
	font-size: 10pt;
	font-weight: bold;
	color: #111111;
	background: #dddddd;
	border: 2px #353535 solid;
	background-image: url('/img/ok.gif');
	background-repeat: no-repeat;
}

.niceButton_right {
	display: inline;
	height: 27px;
	font-size: 10pt;
	font-weight: bold;
	color: #111111;
	background: #dddddd;
	border: 2px #353535 solid;
	background-image: url('/img/right.gif');
	background-repeat: no-repeat;
}

.niceButton_left {
	display: inline;
	height: 27px;
	font-size: 10pt;
	font-weight: bold;
	color: #111111;
	background: #dddddd;
	border: 2px #353535 solid;
	background-image: url('/img/left.gif');
	background-repeat: no-repeat;
}

.niceButton_up {
	display: inline;
	height: 27px;
	font-size: 10pt;
	font-weight: bold;
	color: #111111;
	background: #dddddd;
	border: 2px #353535 solid;
	background-image: url('/img/up.gif');
	background-repeat: no-repeat;
}

.niceButton_down {
	display: inline;
	height: 27px;
	font-size: 10pt;
	font-weight: bold;
	color: #111111;
	background: #dddddd;
	border: 2px #353535 solid;
	background-image: url('/img/down.gif');
	background-repeat: no-repeat;
}

.niceButton_cancel {
	display: inline;
	height: 27px;
	font-size: 10pt;
	font-weight: bold;
	color: #111111;
	background: #dddddd;
	border: 2px #353535 solid;
	background-image: url('/img/cancel.gif');
	background-repeat: no-repeat;
}

.niceButton_edit {
	display: inline;
	height: 27px;
	font-size: 10pt;
	font-weight: bold;
	color: #111111;
	background: #dddddd;
	border: 2px #353535 solid;
	background-image: url('/img/edit.gif');
	background-repeat: no-repeat;
}

.niceButton_view {
	display: inline;
	height: 27px;
	font-size: 10pt;
	font-weight: bold;
	color: #111111;
	background: #dddddd;
	border: 2px #353535 solid;
	background-image: url('/img/view.gif');
	background-repeat: no-repeat;
}

.niceButton_list {
	display: inline;
	height: 27px;
	font-size: 10pt;
	font-weight: bold;
	color: #111111;
	background: #dddddd;
	border: 2px #353535 solid;
	background-image: url('/img/list.gif');
	background-repeat: no-repeat;
}

.niceButton_lock {
	display: inline;
	height: 27px;
	font-size: 10pt;
	font-weight: bold;
	color: #111111;
	background: #dddddd;
	border: 2px #353535 solid;
	background-image: url('/img/lock.gif');
	background-repeat: no-repeat;
}

.niceButton_unlock {
	display: inline;
	height: 27px;
	font-size: 10pt;
	font-weight: bold;
	color: #111111;
	background: #dddddd;
	border: 2px #353535 solid;
	background-image: url('/img/unlock.gif');
	background-repeat: no-repeat;
}
/* FixedSize buttons */
.fixedNiceButton_ok {
	display: inline;
	height: 27px;
	width: 150px;
	font-size: 10pt;
	font-weight: bold;
	color: #111111;
	background: #dddddd;
	border: 2px #353535 solid;
	background-image: url('/img/ok.gif');
	background-repeat: no-repeat;
}

.fixedNiceButton_right {
	display: inline;
	height: 27px;
	width: 150px;
	font-size: 10pt;
	font-weight: bold;
	color: #111111;
	background: #dddddd;
	border: 2px #353535 solid;
	background-image: url('/img/right.gif');
	background-repeat: no-repeat;
}

.fixedNiceButton_left {
	display: inline;
	height: 27px;
	width: 150px;
	font-size: 10pt;
	font-weight: bold;
	color: #111111;
	background: #dddddd;
	border: 2px #353535 solid;
	background-image: url('/img/left.gif');
	background-repeat: no-repeat;
}

.fixedNiceButton_up {
	display: inline;
	height: 27px;
	width: 150px;
	font-size: 10pt;
	font-weight: bold;
	color: #111111;
	background: #dddddd;
	border: 2px #353535 solid;
	background-image: url('/img/up.gif');
	background-repeat: no-repeat;
}

.fixedNiceButton_down {
	display: inline;
	height: 27px;
	width: 150px;
	font-size: 10pt;
	font-weight: bold;
	color: #111111;
	background: #dddddd;
	border: 2px #353535 solid;
	background-image: url('/img/down.gif');
	background-repeat: no-repeat;
}

.fixedNiceButton_cancel {
	display: inline;
	height: 27px;
	width: 150px;
	font-size: 10pt;
	font-weight: bold;
	color: #111111;
	background: #dddddd;
	border: 2px #353535 solid;
	background-image: url('/img/cancel.gif');
	background-repeat: no-repeat;
}

.fixedNiceButton_edit {
	display: inline;
	height: 27px;
	width: 150px;
	font-size: 10pt;
	font-weight: bold;
	color: #111111;
	background: #dddddd;
	border: 2px #353535 solid;
	background-image: url('/img/edit.gif');
	background-repeat: no-repeat;
}

.fixedNiceButton_view {
	display: inline;
	height: 27px;
	width: 150px;
	font-size: 10pt;
	font-weight: bold;
	color: #111111;
	background: #dddddd;
	border: 2px #353535 solid;
	background-image: url('/img/view.gif');
	background-repeat: no-repeat;
}

.fixedNiceButton_list {
	display: inline;
	height: 27px;
	width: 150px;
	font-size: 10pt;
	font-weight: bold;
	color: #111111;
	background: #dddddd;
	border: 2px #353535 solid;
	background-image: url('/img/list.gif');
	background-repeat: no-repeat;
}

.fixedNiceButton_lock {
	display: inline;
	height: 27px;
	width: 150px;
	font-size: 10pt;
	font-weight: bold;
	color: #111111;
	background: #dddddd;
	border: 2px #353535 solid;
	background-image: url('/img/lock.gif');
	background-repeat: no-repeat;
}

.fixedNiceButton_unlock {
	display: inline;
	height: 27px;
	width: 150px;
	font-size: 10pt;
	font-weight: bold;
	color: #111111;
	background: #dddddd;
	border: 2px #353535 solid;
	background-image: url('/img/unlock.gif');
	background-repeat: no-repeat;
}


/* Pagination bar - wkf_reports:exec_reports */
table.paginationBar{
	background: #eeeeee;
	color: #353535;
	border: 1px #353535 solid;
	padding: 3px;
}

td.paginationBar{
	font-weight: bold;
	font-size: 10pt;
}

a.paginationBar{
	font-weight: bold;
	color: #000000;
}

/* Ordering */
.reports_ordering{
	color: #000000;
}


/* Remesa card */
.card{
	border: 1px #e77817 solid;
	background: #ffffff;
}

.label{
	font-weight: normal;
	font-size: 8pt;
	color: #202020;
}

.cardField{
	font-weight: bold;
	font-size: 9pt;
	color: #000000;
}

.cardContainer{
	font-weight: normal;
	font-size: 9pt;
	text-align: left;
	background: #fad9bd;
	color: #353535;
	padding: 2px 2px 2px 2px;
	border: 1px #e77817 solid;
}

.inlineContainer{
	display: inline;
}

.tipoPedimento{
	font-weight: bold;
	font-size: 25pt;
	color: #000000;
}

.hidden {
	display: none;
}