/* ---------- Base styles ---------- */
html {
	height: 100%;
}

body, .ui-widget-content{
	font-size: 12px;
	font-family: Arial;
	color: #737678;
}

h1 {
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 10px 0;
	color: #037379;
	padding-bottom: 3px;
	padding-top: 15px;
	border-top: 1px solid #037379;
	text-align: left;
}

h2 {
	font-weight: normal;
	margin: 0 0 10px 0;
	color: #037379;
	margin-top: 20px;
	padding-bottom: 3px;
	border-bottom: 1px solid #CCCCCC;
	font-size: 15px;
}

h3 {
    border-bottom: 1px solid #CCCCCC;
    clear: both;
    color: #037379;
    font-size: 13px;
    margin: 26px 0px 10px 0px;
}

h4 {
	font-weight: bold;
	color: #037379;
}

legend {
	font-size: 12px;
	font-weight: bold;
	color: #037379;
}

form fieldset {
	margin: 5px 0px;
}

form textarea{
	padding: 5px;	
}

fieldset {
	margin: 5px 0px; 
	border: 1.5px solid #037379;
	padding: 8px;
}

th {
    font-weight: bold;
}

caption, th {
    text-align: left;
}

body td {
    padding: 5px;
    vertical-align: top;
}

/* ---------- Links ---------- */

a {
    color: #037379;
    text-decoration: none;
}

a:hover {
    color: #aaa;
    text-decoration: underline;
}

a.noimage{
	display: block;
	min-width: 16px;
	padding-right: 10px;
	padding-left: 10px;
}

a.details {
    background: url("../images/link/page.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    display: block;
    min-width: 16px;
    padding-left: 20px;
}

a.details2 {
    background: url("../images/link/page.png") no-repeat scroll left center rgba(0, 0, 0, 0);    
    min-width: 16px;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}
a.edit2 {
    background: url("../images/link/edit.png") no-repeat scroll left center rgba(0, 0, 0, 0);    
    min-width: 16px;
    padding-left: 20px;
    /*padding-top: 1px;
    padding-bottom: 15px;*/
}

a.validate2 {
    background: url("../images/link/validate.png") no-repeat scroll left center rgba(0, 0, 0, 0);    
    min-width: 16px;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}


a.history {
    min-width: 16px;
    display: block;
}

a.ask_reopen {
    display: block;
    min-width: 16px;
}

a.ask_reopen_image {
    background: url("../images/link/ask_reopen.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    min-width: 16px;
}

a.edit {
    background: url("../images/link/edit.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 16px;
    line-height: 16px;
    padding-left: 18px;
}

a.add_report {
    background: url("../images/link/add_article.png") no-repeat scroll left 8px center rgba(0, 0, 0, 0);
    padding: 5px 0 5px 18px;
}

a.add_user {
	background: url(../images/link/add_user.png) no-repeat;
	display: block;
	padding-left: 18px;
}

a.delete_report {
	background: url(../images/link/close.png) left center no-repeat;
	display: block;
	padding-left: 20px;
}

a.submitFromUpload {
	height: 16px;
	background: url(../images/link/forward.png) no-repeat;
	display: block;
	padding-left: 18px;
	line-height: 16px;
}

a.addInvoice {
	height: 16px;
	background: url(../images/link/add.png) no-repeat;
	padding-left: 18px;
	line-height: 16px;
	float:left;
	width: 103px;
}

a.addInvoice2 {
	background: url(../images/link/add.png) no-repeat;	
    background-position: left 4px center;
    padding-left: 18px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 16px;
}

a.view {
	background: url(../images/link/page.png) no-repeat;	
    background-position: left 4px center;
    padding-left: 18px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 16px;
}

a.invoicesTable {
	height: 16px;
	background: url(../images/link/pop_up.png) no-repeat;
	padding-left: 18px;
	line-height: 16px;
	float: left;
	width: 135px;
}

a.uploadInvoices {
	height: 16px;
	background: url(../images/link/add_article.png) no-repeat;
	padding-left: 18px;
	line-height: 16px;
	float: left;
	width: 110px;
}

a.delete_entry {
	height: 16px;
	background: url(../images/link/delete.png) no-repeat;
	line-height: 16px;
}

a.edit_entry {
	height: 16px;
	background: url(../images/link/edit.png) no-repeat;
	line-height: 16px;
}

a.show_entry_lines_ajax {
	height: 16px;
	background: url(../images/link/expand.png) no-repeat;
	line-height: 16px;
	display: block;
}

a.hide_entry_lines_ajax {
	height: 16px;
	background: url(../images/link/collapse.png) no-repeat;
	line-height: 16px;
	display: block;
}

a.show_entry_lines {
	height: 16px;
	background: url(../images/link/expand.png) no-repeat;
	line-height: 16px;
}

a.hide_entry_lines {
	height: 16px;
	background: url(../images/link/collapse.png) no-repeat;
	line-height: 16px;
}

a.show_all_entry_lines {
	height: 16px;
	background: url(../images/link/expand_all.png) no-repeat;
	display: block;
	padding-left: 18px;
	line-height: 16px;
}

a.hide_all_entry_lines {
	height: 16px;
	background: url(../images/link/collapse_all.png) no-repeat;
	display: block;
	padding-left: 18px;
	line-height: 16px;
}

a.print-document {
	background: url(../images/link/print.png) no-repeat;
	display: block;
	padding-left: 25px;
}

a.csv-document {
	background: url(../images/link/page_excel.png) no-repeat;
	padding-top: 2px;
	padding-bottom: 2px;
}

a.text-document {
	background: url(../images/link/page.png) no-repeat;
	padding-top: 2px;
	padding-bottom: 2px;
}

a.pdf-document {
	background: url(../images/link/file_acrobat.gif) no-repeat;
	display: block;
	padding-left: 25px;
}

a.add {
    background: url("../images/link/add.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
    display: block;
    height: 16px;
    line-height: 16px;
    padding-left: 18px;
}

a.add2 {
    background: url("../images/link/add.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
    color: #037379;
    height: 16px;
    line-height: 16px;
    padding-left: 18px;
}

a.delete {
    background: url("../images/link/delete.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 16px;
    line-height: 16px;
    padding-left: 18px;
}

a.delete2 {
    /*background: url("../images/link/delete.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    height: 16px;
    /*line-height: 16px;*/
    padding-left: 20px;
    background: url("../images/link/delete.png") no-repeat scroll left center rgba(0, 0, 0, 0);    
    min-width: 16px;
    /*padding-top: 5px;
    padding-bottom: 5px;*/
}

a.validatenif {
    background: url("../images/link/validate.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 16px;
    line-height: 16px;
    padding-left: 16px;
    margin-top: 2px;
}

a.clearnif {
    background: url("../images/link/close.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 16px;
    line-height: 16px;
    padding-left: 16px;
    margin-top: 2px;
}

a.prorrogation {
	background: url(../images/link/calendar.png) left center no-repeat;
	display: block;
	padding-left: 20px;
}

a.button{
	padding-left: 6px !important; 
	margin-left: 0px !important; 
	padding-right: 6px !important;
}

a.edit_mail_close {
    background: url("../images/link/mail_close.png") no-repeat scroll left center rgba(0, 0, 0, 0);    
    min-width: 16px;
    padding-left: 20px;
    /*padding-top: 0px;
    padding-bottom: 15px;*/
}

a.edit_mail_open {
    background: url("../images/link/mail_open.png") no-repeat scroll left center rgba(0, 0, 0, 0);    
    min-width: 16px;
    padding-left: 20px;
    /*padding-top: 0px;
    padding-bottom: 15px;*/
}

a.delete_mail {
    background: url("../images/link/mail_delete.png") no-repeat scroll left center rgba(0, 0, 0, 0);    
    min-width: 16px;
    padding-left: 20px;
    /*padding-top: 0px;
    padding-bottom: 15px;*/
}

.tooltip a{
	float:none;
	height:auto;
	padding-left:25px;
	text-decoration:none;
}

.actions a.uploadDoc {
	padding-left: 25px;
	background: transparent url(../images/link/page_white_get.png)
		no-repeat scroll 3px 50%;
}

a.uploadDoc {
	background: url(../images/link/page_white_get.png) no-repeat scroll left center rgba(0, 0, 0, 0);
	min-width: 16px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.actions a.submitF {
	padding-left: 25px;
	background: transparent url(../images/link/forward.png)
		no-repeat scroll 3px 50%;
}
.actions a.save {
	padding-left: 20px;
	background: transparent url(../images/link/export.png)
		no-repeat scroll 3px 50%;
}
.actions a.deleteF {
	padding-left: 25px;
	background: transparent url(../images/link/delete.png)
		no-repeat scroll 3px 50%;
}
.actions a.validate {
	padding-left: 20px;
	background: transparent url(../images/link/validate.png)
		no-repeat scroll 3px 50%;
}

.actions a.back, .subactions a.back {
	padding-left: 25px;
	background: transparent url(../images/link/undo.png)
		no-repeat scroll 3px 50%;
}

.actions a.edit {
    background: transparent url("../images/link/edit.png") no-repeat scroll 0 0;
    padding-left: 20px;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.procedure tr.procedure_line td.procActions a {
    display: block;
    float: left;
    height: 16px;
    margin: 0;
    padding: 0;
    width: 16px;
}
.procedure a.expand {
    background: url("../images/arrows/02_down.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.procedure a.unexpand {
    background: url("../images/arrows/02_up.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/* ---------- Forms ---------- */

select {
	padding: 1px;
}

form fieldset td {
	padding: 5px 5px;
}

.form_footer {
	border-top: 1px solid #aaa;
	background-color: #eee;
	margin-top: 10px;
	padding: 5px 10px;
	text-align: left;
	clear: both;
	display:block;
}

.form_footer a{
	padding-left: 20px;
}	

form .form_footer a{
	margin-left: 10px;
}

.form_footer a{
	border: 1px solid #B4B6B7;
	font-size: 12px;	
    padding: 5px 20px 4px 30px;
    color: #737678;
    background-color: white;
    font-weight: bold;
}

.form_footer a.cancel{
	background: white;
	padding: 3px 8px 3px 8px;
}
.form_footer a.back{
	background: url("../images/link/undo.png") no-repeat scroll 8px 50% white;
}

.form_footer a:HOVER{
	text-decoration: none;
}
	
form input[type=submit] {
	margin-left: 10px;
}

form #submit{
	display: none;
}

input[type="button"],input[type="submit"], input[type="reset"]{
	border: 1px solid #B4B6B7;
	background: white;
	color: #737678;
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	cursor: pointer;
}

input[type="text"] {
    padding: 3px;
}

input[type="text"], input[type="password"], input[type="file"], select, textarea, .textarea {
/* 	background-image: url(../images/forms/input_shadow.png); */
	background-repeat: no-repeat;
	border: 1px solid;
	border-color: #B4B6B7;
	font: 1em Arial,Helvetica,Verdana,sans-serif;
}

.form-tooltip {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #000000;
    font-size: 11px;
    max-width: 175px;
    padding: 5px 15px;
    z-index: 2;
}

.help-link-form {
    margin-left: 5px;
}

.help-link a, .help-link-left a, .help-link-form {
    background: url("../images/link/help.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding: 5px 0 5px 20px;
    margin-top: 20px;
    float: right;
}

/* ---------- Tables ---------- */

table {
    /* border-collapse: collapse; */
    border-spacing: 0;
}

table.lfr-table td{
	padding: 5px;
	vertical-align: top;
}

table.data-table {
    border: 1px solid #037379;
    width: 100%;
}

table.data-table thead {
    background: #037379;
}

table.data-table th {
    background: #037379;
    color: #FFFFFF;
    cursor: pointer;
    height: 30px;
    padding: 3px 10px !important;
	background-size: auto 100%;
}

table.data-table td:first-child {
    border-left: medium none;
}

table.data-table td {
    border-left: 1px solid #DDDDDD;
    padding: 5px 10px;
    vertical-align: middle;
}

.data-table-center {width:100% !important}
.data-table-center td {text-align: center}
.data-table-center th {text-align: center}

table.data-table th.headerSortUp{
	background: #737373;
	padding-left: 20px !important;
}
table.data-table th.headerSortDown{
	background: #737373;
	padding-left: 20px !important;
}

table.data-table th:hover {
	text-decoration: underline;
}

table.data-table .number{
	text-align: center;
}

table.data-table .odd {
	background: #EEEEEE;
}

table.data-table td {
	padding: 5px 10px;
	vertical-align: middle;
	border-left: 1px solid #ddd;
}

table.data-table td:last-child{
	border-right: solid 1px #037379;
}

table.data-table tbody {
    border-top: 1px solid #DDDDDD;
}

/*
*SRVI TABLE
*/
table.srvi-table th {
	padding: 3px 10px !important;
	background: #037379;
	height: 30px;
	background-size: auto 100%;
	cursor: pointer;
	color: white;
}

table.srvi-table th.headerSortUp{
	background: url(../images/arrows/asc.gif) left center no-repeat;
	padding-left: 20px !important;
}

table.srvi-table th.headerSortDown{
	background: url(../images/arrows/desc.gif) left center no-repeat;
	padding-left: 20px !important;
}

table.srvi-table th div.form-tooltip{
	font-weight:normal;
}

table.srvi-table {
	border: 1px solid #132F48;
	width: 100%;
}

table.srvi-table .number{
	text-align: center;
}

table.srvi-table .odd {
	background: #E8F2FE;
}

table.srvi-table td {
	padding: 5px 10px;
	vertical-align: middle;
	border-left: 1px solid #ddd;
}

table.srvi-table td:first-child {
	border-left: none;
}

/* double table */
table.double-table th {
	padding: 3px 10px !important;
	height: 30px;
	background-color: #ddd;
	background: url(../images/table/table_header_bg2.png) repeat-x;
	cursor: pointer;
	color: white;
}

table.double-table thead {
	background: url(../images/table/table_header_bg2.png) repeat-x;
}

table.double-table th.headerSortUp{
	background: url(../images/table/asc.gif) left center no-repeat;
	padding-left: 20px !important;
}

table.double-table th.headerSortDown{
	background: url(../images/table/desc.gif) left center no-repeat;
	padding-left: 20px !important;
}

table.double-table th:hover {
	/*color: #E8F2FE;*/
	text-decoration: underline;
}

table.double-table {
	border: 1px solid #037379;
	width: 100%;
}

table.double-table .number{
	text-align: center;
}

table.double-table td {
	padding: 5px 10px;
	vertical-align: middle;
	border-left: 1px solid #ddd;
}

table.double-table td:first-child {
	border-left: none;
}

table.double-table tbody{
	border-top: 1px solid #ddd;
}

table.double-table table.double-table th{
	background-image: none;
	background: #DEDEDE;
	color: black;
}

table.double-table th{
	background-image: none;
	background: #037379;
	color: white;
}

table.contracts_table{
	width: 100%;
}

table.procedures{
	font-size: 90%;
}

table.procedures table.contracts_table th{
	background: #DEDEDE;
	color: black;
	text-align:center;	
}

/*--------- Procedure Table --------------*/

.procedure .procedureButtons {
    height: 16px;
    width: 48px;
}

.procedure .contract_table{
	display: inline;
}

.procedure tr.procedure_line td.procActions a{
	display:block;
	float:left;
	height: 16px;
	width: 16px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.procedure a.inactive{
	display:none !important;
}
.procedure a.expand{
	background: url(../images/arrows/02_down.png) no-repeat;
}
.procedure a.unexpand{
	background: url(../images/arrows/02_up.png) no-repeat;
}
#procedureForm .buttons input{
	height: 28px;
}
#procedureForm .buttons{ 	
	padding-top: 10px;
}

.buttons a.cancel{
	border: 1px solid #B4B6B7;
	font-size: 12px;	
    padding: 7px 6px 6px 6px;
    color: #737678;
    background-color: white;
    font-weight: bold;
}

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

#procedures .procedureField{
	float:left;
	width: 420px;
	height: 55px;
	margin-right: 20px;
	margin-bottom: 10px;
	z-index: 1; 
}

#procedures .procedureField.small{
	width:276px;
}
#procedures .procedureField label{
	z-index: 1; 
	color: #037379;
	font-weight: bold;
}
#procedures .procedureField select{
	z-index: 1; 
}
#procedures .procedureField option{
	z-index: 1; 
}
.procedure .procedureButtons{
	width: 48px;
	height: 16px;
}

.inactive {
    display: none;
}

#cpvMenuDiv {
    background-color: #FFFFFF;
    border: 1px solid;
    height: 300px;
    overflow-y: scroll;
    position: relative;
    width: 400px;
}

.treeview ul{
	list-style: none;
}

.treeview li{
	list-style: none;
}

.treeview span:hover{
	color: red; cursor: pointer; 
}

/* ---------- Tabs ---------- */

.tabs > ul > li{
	float:left;
	margin: 5px 5px 0px 5px;
	list-style: none;
}

.tabs{
	margin-top: 20px;
}

.tabs > ul > li > a{
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 5px 15px;
	display: block;	
	background-color: #ddd;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	color: #272727;
	text-decoration: none;
}

:-moz-any-link:focus {
  outline: none;
}


.tabs > ul > li> a.active{
	background-color: #c4c4c4;
	border: 1px solid #B4B4B4;
	border-bottom: 0px;
}

.tabs > ul{
	margin: 0px;
	padding: 0px 0px 0px 5px;
	/*background-color: #eee;*/
	overflow: hidden;
	/*border-top: 1px solid #ccc;*/
	/*border-right: 1px solid #ccc;*/
	/*border-left: 1px solid #ccc;*/
}

.tabs > div.tab{
	clear:both;
	padding: 10px;
	border: 1px solid #ccc;
}

/* ---------- General Wrappers ---------- */

#wrapper {
	border: 10px solid #EBECED;
	left: 0px;
	margin: 0 auto;
	width: 976px;
	position:relative;
	z-index: 2;
}

#content-wrapper {
	background-color: white;
	width:956px;
	margin-left:10px;
	min-height: 400px;
	overflow: auto;
}

/* ---------- Content ---------- */

.portlet {
    text-align: left;
}

.portlet-content {
    line-height: 20px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    min-height: 400px;
}

div.info{
	border: 2px solid #037379;
	padding: 10px 10px 10px 45px;
	line-height: 2em;
	background: #ECEDEF url(../images/info.png) 5px 5px no-repeat;
	margin: 5px;
	font-size: 12px;
}

div.warn{
	border: 2px solid #BC0404;
	padding: 10px 10px 10px 45px;
	line-height: 2em;
	background: #ECEDEF url(../images/application/warn_pe.png) 5px 5px no-repeat;
	margin: 5px;
	font-size: 12px;
}

div.error{
	border: 2px solid #BC0404;
	padding: 10px 10px 10px 45px;
	line-height: 2em;
	background: #ECEDEF url(../images/error.png) 5px 5px no-repeat;
	margin: 5px;
	font-size: 12px;
	color: black;
}

#error-messages{
	position: relative;
	color: red;
}

#error-messages .close-button {
    float: right;
    margin: -5px 5px 2px 2px;
}

#error-messages .close-button:hover {
    text-decoration: none;
}

#info-messages{
	position: relative;
}

#info-messages .close-button {
    float: right;
    margin: -5px 5px 2px 2px;
}

#info-messages .close-button:hover {
    text-decoration: none;
}

.portlet-content .scrollable{
	width:940px;
	overflow:auto;
}

#background-wrapper {
	background-color: white;
	margin-top: -13px;
}

.portlet-content .actions {
/* 	background:none repeat scroll 0 0 #EEEEEE; */
/* 	border:1px solid #CCCCCC; */
	margin:5px 0 10px;
	overflow:hidden;
	padding:5px;
}

.portlet-content .subactions {
	margin:-35px 0 10px;
	overflow:hidden;
	padding:5px;
	float: right;
}

.portlet-content .actions a, .subactions a {
	background-color: white;
	display: block;
	float: left;
	margin: 0 10px 0 0;
	padding-right: 10px;
	border: 1px solid #B4B6B7;
	text-decoration: none;
	color: #272727;
	background-position: 5px center;
}

.noimage a {
	padding-left: 10px;
}

.portlet-content .actions a:hover, .subactions a:hover {
	background-color: #ccc;
	border: 1px solid #aaa;
	color: #000;
}

/* ---------- Banners ---------- */

#topbanner {
	background: url(../images/banner/banner_sup.png) no-repeat;
	background-color: white;
	display: block;
	height:95px;
	top: 0px;
	overflow: hidden;
	position: relative;
	z-index: 3;
	height: 105px;
	width: 100%;
}

#footer {
    height: 70px;
    left: 0;
    text-align: right;
    width: 976px;
    z-index: 2;
}
#footer2 {
	background-image: url("../images/banner/banner_inf_linha.png");
    background-repeat: no-repeat;
    display: block;    
    height: 3px;
    left: 0;
    text-align: right;
    width: 945px;
    z-index: 2;
}

#footerLinkR {
	background-image: url("../images/banner/banner_inf_img_r.png");
	background-repeat: no-repeat;
	background-position: right;
	display: block;
	height: 55px;
	margin: 0 auto;
	text-indent: -9999px;
}

#footerLinkL {
	background-image: url("../images/banner/banner_inf_img_l.png");
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	height: 55px;
	margin: 0 auto;
	text-indent: -9999px;
	margin-left: 50px;
}

/* ---------- Navigation Menu V2 ---------- */
#jsddm {
	margin: 0;
	padding: 0
}

div.jsddm {
	background: url("../images/navigation/NavigationBG.png") repeat-x;
	width: 100%;
	height: 35px;
}

#jsddm li {
	float: left;
	list-style: none;
	font: 12px Arial;
	text-align: center;
	font-weight: bold;
}

#jsddm li a {
	display: block;
	background: url("../images/navigation/NavigationBG.png") repeat-x;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
	border-right: 1px solid white;
	/*width: 140px;*/
	color: white;
	white-space: nowrap
}

#jsddm li a:hover {
	background: url(/../images/navigation/NavigationBG_selected.png) repeat-x;
}

#jsddm li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid white;
	z-index: 100000;
}

#jsddm li ul li {
	float: none;
	display: inline
}

#jsddm li ul li a {
	width: 220px;
	background: #ECEDEF;
	color: #737678;
}

#jsddm li ul li a:hover {
	background: #3F8C91;
	color: white;
}

/* ---------- Homepage ---------- */
h2.homepage {
	font-weight: bolder;
	border-bottom: 0px;
}

hr.homepage {
	margin-bottom: 20px;
	margin-top: 15px;
	color: #035D5F;
}

p.homepage {
	text-align: justify;
}

div.homepage {
	margin: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

#login{
	border:1px solid #035D5F;
	margin-bottom:20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 0 10px #037379;
	-webkit-box-shadow: 0 0 10px #037379;
	background-color: #037379;
	
}

#loginHeader{
	margin: 0px 0 10px 0;
	background-color: #3F8C91;
}

#loginHeader h2{
	font-weight:bolder;
	color: white;
	border-bottom: 0px;
	padding-top: 5px;
	padding-left: 10px;
}

#login .loginButton {
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	display: block;
	text-align: center;
	color: white;
	background-color: #035D5F;
	margin: 20px 5px 20px 5px;
	padding: 5px;
	border: 1px solid #035D5F
}

#login a:hover{
	background-color: #3F8C91;
}

#btn-exit{
	background:url("../images/navigation/sign_out.gif") no-repeat scroll 4px center transparent;
	color:white;
	display:block;
	float:right;
	padding-right:10px;
	margin-right: 10px;
	margin-top: -2.7em;
	padding:5px 8px 5px 24px;
	text-decoration:none;
	font-weight: bold;
}

#btnExit{
	background:url("../images/navigation/sign_out.png") no-repeat scroll 4px center transparent;
	display:block;
	/*float:right;*/
	padding:10px 0px 8px 25px;
	text-decoration:none;
	font-weight: bold;
}

#btn-exit:hover{
	background-color: #eee;
	background-image: url("../images/navigation/sign_out_hover.png");
	color: black;
}

/* ---------- User Information ---------- */

div.welcomeSection {
    float: right;
    margin-right: 15px;
    position: absolute;
    top: 0;
    right: 0;
}

/* ---------- REA ---------- */

form#procedureForm h2 span{
	color:#242424;
	font-family:"trebuchet MS", Georgia;
	font-weight:normal;
}

#procedureForm{
 	margin-bottom: 40px;
}

#reaHeader{
	position: relative;
	/*height:160px;*/
	text-align: center;
	padding: 10px;
	border: 1px solid #ddd;
}

#reaHeader h3{
	font-size: 18px;	
}
#reaHeader i{
	font-size: 13px;
	font-weight: bold;	
}

#reaNotice{
	position: relative;
	text-align: center;
	padding: 5px;
	background: #ddd;
	margin-top: 10px;
	font-size: 12px;
}

#reaHeader .legal{
	position: absolute;
	top:10px;
	left:10px;
	width: 200px;
	border: 1px solid #ddd;
	margin: 0px !important; 
}

div.year{
	padding-left: 10px;	
	padding-right: 10px;	
	bottom: 10px; 
	border: 1px solid #ddd;
	margin-top: 3px;
	float: right
}

#reaHeader img.logo{
	display:block;
	position: absolute;
	right: 10px;
	top: 10px; 
	margin: 0px !important;
}

#reaForm{
	position: relative;
}

#reaForm .tabs > ul > li > a{
  padding: 5px 14px;
}

div.reaInfo{
	margin-left:auto;
	margin-right:auto;
	border:1px solid black; 
	width: 60%;
	padding-right: 5px; 
}

ul.reaInfo{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

ul.reaInfo li{
	background-image: url(../images/arrows/bullet_cinza.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 14px;
	padding-bottom: 10px; 
}

ul.reaInfo li span{
	line-height: 20px;
}

/* ---------- JQuery UI ---------- */

.ui-widget-header {
    background: #037379 !important;
    color: #FFFFFF !important;
}

.ui-jqgrid-titlebar{
	background: #FDFFFF !important;
    color: #037379 !important;	
}


.ui-widget button {
	background: white;
	border: 1px solid;
}

/* ---------- Datatable UI ---------- */

.dataTables_paginate {
    width: auto;
}

.paging_full_numbers {
    width: 400px !important;
}

.dataTables_paginate .paginate_button{
    border: 1px solid #D3D3D3;
    background-color:#E6E6E6;
    font-weight: normal;
    margin-left: 0;
    display: inline-block;
    position: relative;
    text-align: center;
    padding: 2px 6px;
    text-decoration: none !important;
}

.dataTables_paginate .paginate_button_disabled{
	opacity: 0.6;
}

.dataTables_paginate .paginate_active {
    font-weight: bold;
    text-align: center;
    padding: 2px 6px;
}

.dataTable tr.row_selected td{
	background-color: #B0BED9;
}

/*--------- Simple Modal ------------*/

#basic-modal-content {display:none;}
#simplemodal-overlay {background-color:#000; cursor:wait;}
#simplemodal-container {height:320px; width:600px; color:#FFF; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}


/*--------- Table  ------------*/

div.DTTT_container{
	float: right;
    margin: -30px 0 10px;
    overflow: hidden;
    padding: 5px;
}

a.DTTT_button{
	border: 1px solid #B4B6B7;
    color: #272727;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding-right: 10px;
    padding-left: 10px;
    text-decoration: none;
    text-align: center;
}

.DTTT_button a:hover {
	background-color: #ccc;
	border: 1px solid #aaa;
	color: #000;
}

/* REA instructions */ 

div.indentList {
	padding-left: 40px;
}


table.noSpaceTbl {
	border-collapse:separate !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

table.noSpaceTbl td {
    border: none !important;
    min-width: 110px !important;
}

.ie9-scroll-fix {
    /*this should fix the bug*/
    min-height: 0%;
    /*this also fixes the bug*/
    margin-bottom: auto;
}

.ui-state-default {background-image: none !important;}

.ui-state-highlight , .ui-state-highlight td { 
	
	font-weight: bold !important;   
	background-color: rgb(218, 218, 218) !important;
}

.ui-jqgrid {
	padding: 1px 0px 0px 1px;
    border-bottom:0px none transparent;
    border-top: 0px none transparent;
    border-left: 0px none transparent;
    border-right: 0px none transparent;
    margin: 3px 0px 20px 0px;	
}

.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column{
	background-image: none;
	border-right: 1px solid #037379;
	background-color: #037379;
}

.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {             
	padding: 8px 0;
}

.ui-jqgrid tr.ui-row-ltr td {
    text-align: center;
    color: #747474;
    border-right-style: none; 
}

.ui-jqgrid .ui-jqgrid-hdiv {
        background: #e7e7e7;
        font-weight: bold;
        border-bottom: 1px solid #ffffff;		
}

.ui-jqgrid tr.footrow td {
border-top-width: 0px;
 background: rgb(238, 238, 238);
}

.ui-jqgrid tr.footrow-ltr td {
border-right-width: 0px;
}

/* Pager*/
.ui-jqgrid .ui-jqgrid-pager {
	background-image: none;	
	}

.ui-jqgrid .ui-subgrid td.subgrid-data {
 
	background-image: none;
}

.ui-jqdialog .ui-jqdialog-titlebar-close:hover, .ui-jqdialog .ui-jqdialog-titlebar-close:focus {
 
	background-image: none;
}
	
.ui-jqgrid .selected-row, div.ui-jqgrid .selected-row td {	
	background-color: rgb(218, 218, 218);
	font-weight: bold;
}
	
.ui-jqgrid tr.jqgrow td {
    height:auto;
	padding: 5px;
	border-bottom-style: none;
}

.ui-jqgrid-sortable {
	font-size: 100%;
    font-weight: bold;
}

.ui-th-column {
	border: 1px solid #4B7831;
}
.ui-jqgrid-sortable {
	font-size: 12px;
	font-family: Arial;
	color: #FFFFFF;
}
.ui-jqgrid .ui-jqgrid-btable tr:nth-child(odd) {
  background: #f5f5f5;
}

input.cmd {
	width: 150px;
}

/***
 * COMMON CSS
*/

td.label {
	text-align: right; 
	font-weight: bold
}

label.label {
	text-align: right; 
	font-weight: bold
}

.vlabel {
	font-weight: bold
}

/**************************
* VALIDATORS JQUERY *
**************************/

input.error {
    border:1px solid red !important;
}


label.error {
	font-weight: bolder;
	font-size: x-small;
	color: red;
}

input.image-button-add{
    background: url(../images/link/add.png) no-repeat;
}

input.image-button-add-article{
	background: url("../images/link/add_article.png") no-repeat;
}
input.image-button-undo{
    background: url(../images/link/undo.png) no-repeat;
}

input.image-button-print{
    background: url(../images/link/print.png) no-repeat;
}

input.image-button-save{
    background: url(../images/link/export.png) no-repeat;
}

input.image-button-validate{
    background: url(../images/link/validate.png) no-repeat;
}

input.image-button-delete{
    background: url(../images/link/delete.png) no-repeat;
}

input.image-button-edit{
    background: url(../images/link/edit.png) no-repeat;
}

input.image-button-close{
    background: url(../images/link/close.png) no-repeat;
}

input.image-button-forward{
    background: url(../images/link/forward.png) no-repeat;
}

input[class*="image-button"] {
    background-position: left 4px center;
    padding-left: 25px;
    cursor: pointer;    
}

input[class*="image-button"]:hover {
    background-color: #F5F5F5;
}

/*Warning Message Box*/

.divAlertMsgBox{        
    border: 2px solid rgb(39,136,138);
    padding:15px;
    margin-bottom:15px;
    background-image: url(../images/application/warn_pe.png);
    background-repeat:no-repeat;
    background-position:left 5px center;    
    padding-left:40px;
}