/*
margin order: top, right, bottom, left.
*/
body {
	background: url(/res/image/header-deco.gif) top right no-repeat;
	margin: 0;
	font-family: helvetica, arial, sans-serif;
	padding: 0px 0px 0px 0px;
}
#action_page_main {
	width: 100%;
	clear: left;
}
.form_ftd {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	width: 180px;
	background: #efefef;
	vertical-align: top;
}
.form_ovtd {
	text-align: left;
	padding: 5px;
	width: 200px;
	background: #efefef;
	vertical-align: top;
	border-bottom: 1px solid white;
}
.error {
	color: red;
	margin-left: 10px;
}
.form_table_1{
	background-color: white;
	margin: 0px 7px 7px 7px;
	font-size: 9pt;
	color: #3d3d3d;
	border-collapse: separate;
	border-spacing: 4px;
}
.form_table_1_sub_table {
	margin: 0;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
}
.form_table_1_sub_table th {
	background: #efefef;
	padding: 0.5em;
	font-weight: normal;
	text-align:left;
}
.form_table_1_sub_table td {
	border-bottom: 1px solid #efefef;
	padding: 0.5em;
	vertical-align: top;
}
.form_table_1_sub_table .inputCalendarContainer td {
    border:none;
    padding: 2px;
    text-align:left;
}

.form_legend{
	margin: 3px 7px 3px 7px;
	color: #6D6D6D;
	font-size: 8pt;
	padding: 0;
}
.inputText {
	width: 20em;
}
.inputTextSmall {
	width: 10em;
}
.inputTextTiny {
	width: 5em;
}
.itemList {
	text-align: left; 
	color: black; 
	list-style: none;
	margin: 0px 0px 0px 0px;
}
#message_global_div ul{
	text-align: left; 
	color: red;
	list-style: none;
	margin: 0;
	padding: 4px 0px 4px 0px;
}
.form_ftd_reset{
	width: 180px;
	text-align: right;
}
.message_global_ul{
	text-align: left; 
	color: red;
	list-style: none;
	margin: 0;
	padding: 4px 7px 4px 7px;
}
/* required field indicator */
.rfi{
    color:red;
    margin-right: 5px;
}
/* custom field indicator */
.cfi{
    color:blue;
    margin-right: 5px;
}


form caption{
	margin: 0px 7px 20px 7px;
}
form caption div{
	text-align: left;
	color: #3d3d3d;
}	
form ul{
	text-align: left; 
	color: red; 
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0;
}
form legend{
	color:#0F3A62;
	font-size: 12px;
	margin: 0px;
	padding-left: 10px;
}
form {
	margin: 0px;
}
fieldset{
	border: none;
	padding: 0;
}



.dataTable {
	width: 100%;
	border-bottom: 1px solid #1b569c;
	border-collapse: collapse;
	font: 75% Arial, Verdana, sans-serif;
	margin: 7px 7px 7px 7px;
}
.dataTable th{
  padding: 0.5em;
  margin: 0;
}
.dataTable tr {
  vertical-align: baseline;
}
.dataTable td {
  padding: 0.5em;
  margin: 0;
}
.dataTable th {
  background: #1b569c;
  color: #fff;
  text-align: left;
}
.dataTable th a {
  color: #ffffff;
}
.dataTable th a img {
  border: none;
}
.dataTable .dataTableActionColumn {
    text-align: right;
    padding-right: 10px;
}
.dataTable .dataTableActionColumn a {
    font-weight: normal;
    color: #9bc7f3;
}
.dataTableActionsDiv {
	text-align: center;
	margin-top: 10px;
}

.altrow {
  background: #edf4fb;
}


.dataTableTwo {
	border-collapse: separate;border-spacing: 0px;margin-left:10px;margin-top:10px;
}
.dataTableTwo th {
	padding: 3px;
	background:#1b569c;
	font-size:10pt;
  	color: #fff;
}
.dataTableTwo td {
	border-bottom:1px solid #cccccc;
	text-align:center;
	background:white;
	padding: 3px;
}
.dataTableTwo .firstTd {
	padding: 3px;
	border-bottom:1px solid #cccccc;
	background:#efefef;
	font-size:10pt;
	text-align:right;
	padding-right: 10px;
	color:#3d3d3d;
}
.doubleHeadingTr td {
	background:#9DBDE2;
	color:black;
}


/* header stuff */
#header {
	font: 85% Arial, Verdana, sans-serif;
	margin: 5px 0 0;
	padding: 0;
	position: relative;
	background: url(/res/image/logo-sm.gif) 1.5em 1em no-repeat;
	height: 5.1em;
}
#header a {
	text-decoration: none;
}
#header a:hover {
	text-decoration: underline;
}
#header a:link, #header a:visited {
	color: #1B569C;
}
#tabs {
	float: left;
	width: 100%;
	background: url(/res/image/submenu-unselect-border.gif) bottom repeat-x;
	line-height: 1em;
	margin: 0;
}
#curveSpan {
	background:#ffe133;
	width:150px;
	height:30px;
	float:right;
	margin-bottom:1px;
}
#curveSpan p {
	margin: 0px;
	padding-left:5px;
	font-size: 8pt;
}
#logoutLinkSpan {
    position:absolute;
    right:7px;
    top:0px;
}
#header.selected #tabs {
	background-image: url(/res/image/submenu-select-border.gif);
}
#tabs ul {
	margin: 0;
	padding: 15px 15px 0 150px;
	list-style: none;
	background: url(/res/image/curve.gif) right top no-repeat;
}
#tabs li {
	background: url(/res/image/tab-unselected-right3.gif) right top no-repeat;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 9pt;
}
.gbb {
	border-bottom: 1px solid #cccccc;
}
.wbb {
	border-bottom: 1px solid #eeeeee;
}
#tabs a {
	background: url(/res/image/tab-unselected-left3.gif) left top no-repeat;
	display: block;
	padding: 10px 11px 10px;
}
#header.selected #tabs a {
	padding: 10px 11px 9px;
}
#header.selected #tabs #current {
	background: url(/res/image/tab-selected-right3.gif) right top no-repeat;
}
#header #tabs #current {
	background: url(/res/image/tab-unselected-right3.gif) right top no-repeat;
}
#tabs #current a {
	background: url(/res/image/tab-unselected-left3.gif) left top no-repeat;
	padding-bottom: 10px;
}
#header.selected #tabs #current a {
	background: url(/res/image/tab-selected-left3.gif) left top no-repeat;
	padding-bottom: 10px;
}
#submenu {
	background: url(/res/image/submenu-unselect2.gif) center repeat-x;
	clear: left;
	height: 22px;
	margin: 0;
	padding: 0 0 0 5px;
}
#header.selected #submenu {
	background-image: url(/res/image/submenu-select2.gif);
}
#submenu li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 2px 1em;
	height: 16px;
	font-size: 8pt;
}
#submenu li a {
	color: #1B569C;
	display: block;
	margin: 0;
}



/* change how the headings look */
h1, h2, h3, h4, h5, h6 {
  color: #1b569c;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  font-size: 16pt;
}
h2 {
  border-bottom: 1px solid;
  font-size: 14pt;
  margin: 5px 7px 10px 7px;
  padding: 0.3em;
}
h3 {
  font-size: 11pt;
  margin: 6px 8px 6px 8px;
}


/* general styles for the main section */

#main {
	clear: left;
	margin: 1em 1.5em;
	min-height: 460px;
	height: auto !important;
	height: 460px;
}
#main p {
	font: 10pt Arial, Verdana, sans-serif;
}

/* style for left hand side "actions" menu */

#actions {
	background: #dae8f5;
	border: 1px solid #a0c3e1;
	font: 70% Arial, Verdana, sans-serif;
	width: 14em;
	min-height: 460px;
	height: auto !important;
	height: 460px;
	vertical-align: top;
}
#actions_div {
	min-height: 460px;
	height: auto !important;
	height: 460px;
	padding-top: 7px;
}

#actions h3 {
  border-bottom: 1px solid #a5c2e4;
  font-size: 105%;
  margin: 0;
  padding: 3px 6px;
}
#actions ul {
  border-top: 1px solid #fff;
  list-style: square;
  margin: 0 0 0.2em 0;
  padding: 0.1em 2em;
}
#actions h2 {
	margin-top:0px;
	background:black;
	color:white;
	text-align:center;
	font-weight:bold;
	font-size:12px;
}
#actions form {
	margin-bottom:10px;
	text-align:right;
}
#actions ul li {
  margin: 0.3em 0;
}
#actions a {
  color: #000;
  text-decoration: none;
}
#actions a:hover {
  text-decoration: underline;
}
#actions a:link, #actions:visited {
  color: #000;
}

#homePageLoginForm h3 {
    text-align:left;
}
#homePageLoginForm table tr td {
    text-align:left;
}

/* styles for main content area */
#content {
	vertical-align: top;
}
#content p {
	font-size: 10pt;
	padding: 0px;
	margin: 3px 8px 10px 8px;
}
.successTableRow {
	background: #d3f1d9;
	border-bottom: 1px solid #a1a0a3;
}
.errorTableRow {
	background: #FFE0E0;
	border-bottom: 1px solid #dda0a0;
}
.globalMessage {
	color: red;
	font-size: 9pt;
	margin: 10px;
	display:block;
}


.viewObjectTable {
	width: 100%;
}
.viewObjectTable td {
	vertical-align: top;
}
.viewObjectTable .firstTd {
	width: 70%;
}
.stepHeading {
	font-size: 11pt;
	margin: 5px 5px 5px 8px;
	font-weight: bold;
}
.headingDiv {
	margin: 0px 7px 0px 7px;
}
.heading {
	font-size: 11pt;
	margin: 0px 0px 0px 0px;
	padding: 3px 3px 3px 6px;
	font-weight: normal;
	background: #edf4fb;
}
.subHeading{
	font-size: 10pt;
	font-weight: bold;
	color: #1b569c;
}
.headingDivTable {
	width: 100%;
	border-collapse: collapse;
	font: 75% Arial, Verdana, sans-serif;
}
.headingDivTable td {
	padding: 5px;
}
.hdt_ftd {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	width: 180px;
	background: #efefef;
	vertical-align: top;
	border-bottom: 1px solid white;
}
.pageButtonsDiv {
    margin: 15px 0px 10px 0px;
	text-align: center;
}
.deleted{
	text-decoration: line-through;
	color: red;
}

.dlOne {
	font-size: 10pt;
}
.dlOne dd {
	color: #1b569c;
	margin:7px 0px 3px 0px;
}
.dlOne dt {
	margin: 0;
	padding: 0;
}
.dlOneLiHeading {
  color: #1b569c;
}
.dlOne dt ul{
	list-style: disc;
}

/* styles for footer */
#footer { background: #1b569c url(/res/image/footer-deco.gif) top left no-repeat; clear: left; color: #9bc7f3; font: 80% Arial, Verdana, sans-serif; margin: 0; padding: 0.5em 2em; text-align: right; }
#footer p { margin: 4px 0px 0px 0px; font-size: 9pt;}
#footer a { color: #9bc7f3; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer #releaseCodeSpan {position:absolute;left:5px;font-size:7pt;}

#transactionTime {
	text-align:center;
	font-size:8pt;
	background:#efefef;
	margin:0px;
	padding:3px;
}

/* styles for messages */
.m_ul {list-style: none; text-align: left; margin: 0; padding: 0;}
.m_success, .m_warn, .m_error { border: 1px solid; font: 95% Arial, verdana, sans-serif; margin: .5em; padding: 0.3em 2.6em;}
.m_success { background: #d3f1d9 url(/res/image/m_success.gif) .75em 50% no-repeat; border-color: #97d7a3; color: #383;}
.m_error { background: #FFE0E0 url(/res/image/m_error.gif) .75em 50% no-repeat; border-color: #FF8686; color: #FF3131; display: block;}
.m_warn { background: #FFF0DE url(/res/image/m_warn.gif) .75em 50% no-repeat; border-color: #FFBF7B; color: #FF4200; display: block;}
#content .m_success, .m_warn, .m_error {
    padding: 0.3em 2.6em;
}

#popupMainDiv {
	min-height: 446px;
	height: auto !important;
	height: 446px;
	padding: 10px;
}

/* hide stuff in an accessible way */
.hidden { position: absolute; left: -999em; width: 990em; }

/* START - form validation css classes
vffl = validation failed field label
fl = field label
fm = field message
ufl = updated field label
*/
.vffl {
	color: red;
}
.fl {
	color: #3d3d3d;
}
.fm {
	color: red;
}
.ufl {
	color: #ff6633;
	font-weight:bold;
}
/* END - form validation css classes */

/* multiField CSS START */
.multiFieldInputTable {
	margin: 0;
	width: 400px;
	border-bottom: 1px solid #efefef;
	border-collapse: collapse;
}
.multiFieldInputTableFieldLabelTd {
	text-align:right;
	background:#efefef;
	padding-right: 7px;
	width: 80px;
}
.multiFieldInputTableFieldTd {
	padding-left: 5px;
}
/* multiField CSS END */

.listFieldValue {
	margin: 0px;
	padding: 0px 0px 0px 25px;
}



/* AUTOCOMPLETAR START */

div.autocompleter-loading {
    float:                  left;
    clear:                  right;
    background:             #fff url(images/spinner.gif) no-repeat center;
    width:                  20px;
    height:                 16px;
}

ul.autocompleter-choices {
    position:               absolute;
    margin:                 0;
    padding:                0;
    list-style:             none;
    border:                 1px solid #386C2B;
    background-color:       #E8EDE2;
    border-right-color:     #A3BA9C;
    border-bottom-color:    #A3BA9C;
    text-align:             left;
    font-family:            Verdana, Geneva, Arial, Helvetica, sans-serif;
    z-index:                50;
}

ul.autocompleter-choices li {
    position:               relative;
    padding:                0.1em 1.5em 0.1em 1em;
    cursor:                 pointer;
    font-weight:            normal;
    font-size:              9pt;
    color:                  #3D3D3D;
}

ul.autocompleter-choices li.autocompleter-selected {
    background-color:       #D1E3C7;
    color:                  #386C2B;
}

ul.autocompleter-choices span.autocompleter-queried {
    font-weight:            bold;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
    color:                  #386C2B;
}

/* AUTOCOMPLETAR END */