
/* DEFAULT STYLING */
html, body {
    margin: 0px;
    padding: 0px;
}
body {
    background-color: #fff;
}

.xl-align-left    { text-align: left;    }
.xl-align-right   { text-align: right;   }
.xl-align-center  { text-align: center;  }
.xl-align-justify { text-align: justify; }
.xl-right         { float: right; }
.xl-left          { float: left;  }
.xl-clear         { clear: both;  }

h2 {    margin: 0.5em 0 0.875em; }
h3 {    color: #62A66C; }
h4 {    color: #000000; }

table {
    border-collapse: collapse;
}

/* MAIN LAYOUT */
#xl-main-container {
    background-color: #fff;
    margin: 0px auto;
    padding: 0px 10px 20px;
    width: 900px;
}

.xl-resolution-1024 #xl-main-container {
    width: 984px;
}

.xl-resolution-max #xl-main-container {
    width: auto;
}

.xl-title {
    color: #E6083A;
    font-weight: bold;
    text-transform: uppercase;
}

li .xl-title {
    color: #000000;
}

li li .xl-title {
    color: #62A66C;
}

#xl-main-header {
    margin-bottom: 4px;
    padding: 5px 0px 7px;
    position: relative;
}

#xl-main-header-logo {
	float: left;
	padding-left: 13px;
}

#xl-main-header-text {
	position: absolute;
	text-align: center;
	bottom: 15px;
	width: 100%;
}

#xl-main-header-text h1 {
	color: #000;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 17.5pt;
	font-weight: bold;
	margin: 0 0 0 215px;
}

#xl-main-header-menu {
	background-color: #62A66C;
}

#xl-main-footer-menu {
	background-color: #62A66C;
	min-height: 15px;
}

#xl-main-footer-menu {
	height: 15px;
}

#xl-main-container > #xl-main-footer-menu {
	height: auto;
}

#xl-main-header-menu ul, #xl-main-footer-menu ul {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#xl-main-header-menu ul {
	background-color: #62A66C;
	border-bottom-color: #62A66C;
	width: 100%;
}

#xl-main-footer-menu ul {
	background-color: #E6083A;
	border-bottom-color: #E6083A;
	float: right;
}

#xl-main-header-menu li,
#xl-main-footer-menu li {
	float: left;
	margin: 0px;
	padding: 0px;
}

#xl-main-header-menu li {
	width: 16.5%;
}

#xl-main-header-menu li {
	background-color: #62A66C;
}

#xl-main-footer-menu li {
	background-color: #E6083A;
}

#xl-main-header-menu li div {
	border-left: 1px solid #fff;
	padding: 2px 2px 2px 3px;
	width: 95%;
}

#xl-main-footer-menu li div {
	padding: 0px 7px 0px 8px;
	width: 95%;
}

#xl-main-header-menu li.first div,
#xl-main-footer-menu li.first div {
	border-left: none !important;
}

#xl-main-header-menu li a,
#xl-main-footer-menu li a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#xl-main-header-menu li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

#xl-main-footer-menu li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 24px;
}

#xl-main-header-menu li.empty,
#xl-main-footer-menu li.empty {
	width: 2px;
}

#xl-main-header-menu li.empty div,
#xl-main-footer-menu li.empty div {
	padding-left: 0px;
	padding-right: 0px;
	width: 2px;
}

#xl-main-header-menu li.empty span,
#xl-main-footer-menu li.empty span {
	font-size: 10pt;
	text-indent: -1000px;
	visibility: hidden;
}

#xl-main-header-menu td.item,
#xl-main-footer-menu td.item {
	background-color: #000;
	padding: 2px 2px 0px 3px;
}

#xl-main-header-menu a,
#xl-main-footer-menu a {
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

#xl-main-header-menu table,
#xl-main-footer-menu table {
	border-bottom: 2px solid #000;
}

#xl-main-breadcrumb {
    background-color: #FFFFFF;
    border-bottom: 2px solid #CFCFCF;
    height: 36px;
    margin: 0;
    padding: 10px 3px 10px 10px;
}

#xl-main-breadcrumb a {
    background: #ffcb99; /* Old browsers */
    background: -moz-linear-gradient(top, #ffcb99 0%, #ffa44f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcb99), color-stop(100%,#ffa44f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffcb99 0%,#ffa44f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffcb99 0%,#ffa44f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffcb99 0%,#ffa44f 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffcb99 0%,#ffa44f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcb99', endColorstr='#ffa44f',GradientType=0 ); /* IE6-9 */
    border: 2px solid #C88;
    border-radius: 5px;
    color: #000;
    font-size: 14px;
    line-height: 36px;
    padding: 5px;
    vertical-align: middle;
    width: 80px;
}

#xl-main-breadcrumb a:hover {
    background: #ffeddd; /* Old browsers */
    background: -moz-linear-gradient(top, #ffeddd 0%, #ffcb99 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffeddd), color-stop(100%,#ffcb99)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffeddd 0%,#ffcb99 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffeddd 0%,#ffcb99 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffeddd 0%,#ffcb99 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffeddd 0%,#ffcb99 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeddd', endColorstr='#ffcb99',GradientType=0 ); /* IE6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93c29a', endColorstr='#62a66c',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 0 3px #ffcb99;
    text-decoration: underline;
}

#xl-main-breadcrumb .divider {
    font-size: 36px;
    font-weight: bold;
    line-height: 36px;
    margin: 0 0.125em;
    vertical-align: middle;
}

#xl-main-breadcrumb .xl-right span {
    font-size: 13px;
    font-weight: bold;
    line-height: 36px;
    text-transform:capitalize;
    vertical-align: middle;
}

#xl-main-breadcrumb.shrink {
    height: 20px;
    padding: 0px 3px 0px 10px;
}

#xl-main-breadcrumb.shrink .xl-right span {
    font-size: 13px;
    line-height: 20px;
}

#xl-main-footer {
	font-size: 10pt;
	height: 40px;
	margin: 5px 0px 0px;
	padding: 0px 0px 5px;
	text-align: center;
}

#xl-main-footer a {
	color: #E6083A;
	font-size: 10pt;
}

#xl-main-footer a img {
	border: none;
}

#xl-main-footer div.footer,
#xl-main-footer div.large-footer {
	color: #000;
	font-size: 10pt;
	line-height: 160%;
	margin: 0px;
	padding: 0px;
}

#xl-main-footer div.footer {
	float: left;
	width: 33.25%;
}

/* APPLICATION LAYOUT */
#xl-app-container {
	background-color: #fff;
	border: none;
	border-collapse: collapse;
	width: 100%;
}

#xl-app-form-menu {
	background-color: #ECF5F1;
	border: none;
}

#xl-app-form {
	min-height: 300px;
}

#xl-app-form-container {
	overflow-x: auto;
	padding: 0px 1px 15px;
}

#xl-app-print-menu {}
#xl-app-application-menu {}
#xl-app-footer-application-menu {}
#xl-app-footer-print-menu {}

#xl-app-print-menu input.button, #xl-app-print-menu input.submit, #xl-app-print-menu input.reset,  #xl-app-print-menu input.inputbutton,
#xl-app-print-menu input[type=button], #xl-app-print-menu input[type=submit], #xl-app-print-menu input[type=reset],
#xl-app-application-menu input.button, #xl-app-application-menu input.submit, #xl-app-application-menu input.reset,  #xl-app-application-menu input.inputbutton,
#xl-app-application-menu input[type=button], #xl-app-application-menu input[type=submit], #xl-app-application-menu input[type=reset],
#xl-app-footer-application-menu input.button, #xl-app-footer-application-menu input.submit, #xl-app-footer-application-menu input.reset,  #xl-app-footer-application-menu input.inputbutton,
#xl-app-footer-application-menu input[type=button], #xl-app-footer-application-menu input[type=submit], #xl-app-footer-application-menu input[type=reset],
#xl-app-footer-print-menu input.button, #xl-app-footer-print-menu input.submit, #xl-app-footer-print-menu input.reset, #xl-app-footer-print-menu input.inputbutton,
#xl-app-footer-print-menu input[type=button], #xl-app-footer-print-menu input[type=submit], #xl-app-footer-print-menu input[type=reset] {
	width: 100%;
}

/* Popups-specific */
#xl-popup-header {
	background-color: #62A66C;
	border-color: #fff;
	border-style: solid none none;
	border-width: 1px;
	height: 15px;
}

#xl-popup-content {
	padding: 0px 10px 15px;
}

#xl-popup-content strong {
	color: #000000;
}

/* Alert window */
#modal_dialog {
	background-color: #fff;
	border: 3px solid #62A66C;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#modal_dialog .xlalert_nw, #modal_dialog .xlalert_n, #modal_dialog .xlalert_ne,
#modal_dialog .xlalert_w, #modal_dialog .xlalert_e,
#modal_dialog .xlalert_sw, #modal_dialog .xlalert_s, #modal_dialog .xlalert_se {
	background-image: none;
}

#overlay_modal {
	background-color: #CFCFCF;
}

#modal_dialog .xlalert_message {
	color: #E6083A;
}

#modal_dialog .xlalert_progress {
	background-image: url("/resources/prod/afm//images/spinner.gif");
	height: 48px;
}

/* Common */
.common-text {
	color: #000;
	font-size: 12.8px;
}

.common-text a, .common-text a:hover {
	font-size: 12.8px;
}

.common-text p {
	margin: 1em 0;
}

.common-text blockquote em {
	color: #000000;
}

.common-text ul, .common-text ol {
	list-style: disc;
}

ul.common-file-list {
	list-style-image: url(/resources/prod/afm//images/export_right.gif);
	list-style-type: square;
	margin: 10px 0px;
}

ul.common-file-list li {
	clear: both;
	font-size: 10.5pt;
	line-height: 1em;
	padding-bottom: 0.5em;
}

ul.common-file-list li a {
	cursor: pointer;
}

ul.common-file-list ul li img {
	border: none;
	margin-right: 5px;
	float: left;
}

#xl-app-form-menu ul {
	color: #000;
	list-style-type: square;
	margin: 10px 0px;
	padding: 0px 0px 0px 20px;
}

#xl-app-form-menu ul li {
	font-size: 10.5pt;
	line-height: 1em;
	padding-bottom: 0.5em;
}

#xl-app-form-menu ul li a {
	cursor: pointer;
}

ul.common-helpdesk-reports {
	color: #000;
	list-style-type: square;
	margin: 10px 0px;
	padding: 0px 30px;
}

ul.common-helpdesk-reports li {
	font-size: 10.5pt;
	line-height: 1em;
	padding-bottom: 0.5em;
}

ul.common-helpdesk-reports li a {
	cursor: pointer;
}

#pr_main_menu td {
	padding-left: 100px;
}

#pr_main_menu ul {
	/*font-size: 18px;
	font-weight: bold;*/
	font-family: Verdana, Helvetica, sans-serif;
	color: #000000;
}

#pr_main_menu ul li {
	padding-bottom: 10px;
}

textarea, select, input[type=text], input[type=password] {
    border: 1px solid #8BB7C1;
    color:#4f5559;
}

input.button, input.submit, input.reset, input.inputbutton,
input[type=button], input[type=submit], input[type=reset] {
	background: #FAFAFA url(/resources/prod/afm//images/button.png) repeat-x !important;
	border: 3px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	font-weight: bold;
	padding: 0.1625em;
}

/* START GENERAL STYLES */
    .banner {background-color : #62A66C;}
/* END GENERAL STYLES */

/* start text styles */
	td {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #4f5559;}
    .justify {text-align:justify;}
    .nowrap {white-space:nowrap;}
	.tddefault {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #4f5559;}
	.tdtop {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; vertical-align: top; color: #4f5559;}
	.apptitle {font-family: Verdana, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #4F5559; line-height: 20px; padding-top: 5px;}
	.formtitle {font-family: Verdana, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #5d87a1; line-height: 20px; padding-top: 5px;}
	.title {font-family: Verdana, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #000; line-height: 20px; padding-top: 5px;}
	.titlelist {font-family: Verdana, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #4F5559; line-height: 20px; padding-top: 5px; text-align: center}
    .title14 {font-family: Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000; line-height: 20px; padding-top: 5px;}
	.subtitle {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #E6083A; line-height: 14px; font-weight: bold;}
    .subtitle_level2 {color:#5d87a1}
    .subtitle_red {font-family: Verdana, Helvetica, sans-serif; font-size: 13px; color: #c00; line-height: 14px; font-weight: bold;}
	.subtitle14 {font-family: Verdana, Helvetica, sans-serif; font-size: 14px; color: #4d6777; line-height: 20px; font-weight: bold;}
    .padding5 {padding:5px!important;}

	.label {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #5d87a1;}
	.message {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #4f5559;}
	.comment {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #4f5559;}
	.error {color: #E31936;}
	.help {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #4f5559;}

	.bolderrorhdr {font-family: Verdana, Helvetica, sans-serif; font-size: 14px; color: #497B3A; font-weight: bold; line-height: 17px;}
	.text {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #4f5559; font-weight: normal;}
	.boldtext {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #4f5559; font-weight: bold;}
	.boldblacktext {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #000; font-weight: bold;}
	.boldbluetext {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #6C85AE; font-weight: bold;}
	.boldbluedardtext {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #5d87a1; font-weight: bold;}
    .boldgreentext {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #6CAE76; font-weight: bold;}
	.boldredtext {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #E31936; font-weight: bold;}
	.redtext {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #E31936; font-weight: normal;}
	.redtext14 {font-family: Verdana, Helvetica, sans-serif; font-size: 14px; color: #E31936; font-weight: normal;}
	.boldredtext {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #E31936; font-weight: bold;}
	.boldredtext14 {font-family: Verdana, Helvetica, sans-serif; font-size: 14px; color: #E31936; font-weight: bold;}
	.whitetext {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF;}
	.boldwhitetext {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold;}
	.footer {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF;}
    .bluetext {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #6C85AE; font-weight: normal;}

	.reservedtable {background-color: #C5D7BD; padding: 10px; width: 100%;}
    .fillbgtable {
        background-color: #ECF5F1;
        width: 100%;
        border: 1px solid #000000;
        -moz-border-radius: 5px; -webkit-border-radius: 5px;
        border-radius: 5px;
        border-collapse: separate;
    }
/* end text styles */

/* start lines styles */
	.line {background-color: #62A66C; color: #5D87A1; width: 100%; height: 1px;}
/* end lines styles */

/* start images styles */
    .image {vertical-align: top;}
/* end images styles */

/* start legende styles */
	.legendetitle {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #4f5559;}
	.legendetext {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #4f5559;}
/* end legende styles */

/* start div scroll styles */
    #scrollinfo1 {height: 100px; overflow: auto; overflow-x: hidden;}
    #scrolltabletitle {overflow: hidden;}
    #scrolltableapp {height: 175px;  overflow-y: scroll; overflow-x: hidden;}
/* end div scroll styles */

/* start Print Instructions styles */
    .printinstcol1 {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #4f5559; width: 175px; padding-left: 35px; padding-right: 5px;}
    .printinstcol2 {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #4f5559; width: 475px;}
    #break {clear: both;}
/* end Print Instructions styles */

/* start menus styles */
	.topnav {font-size: 12px; font-family: Verdana, Helvetica, sans-serif; text-decoration: none; color: #4f5559; font-weight: bold;}
	.topnav:hover {font-size: 12px; font-family: Verdana, Helvetica, sans-serif; text-decoration: none; color: #A1A1A1; font-weight: bold;}
	.topnavspec {font-family: Verdana, Helvetica, sans-serif; text-decoration: none; color: #CE3436; font-weight: bold;}
	.topnavspec:hover {font-family: Verdana, Helvetica, sans-serif; text-decoration: none; color: #4f5559; font-weight: bold;}
	.secnavtd {background-color: #D6E3F3; color: #CE3436; font-weight: bold;}
	.secnavtdhover {background-color: #64934D; color: #FFFFFF; font-weight: bold; cursor: pointer;}
	.secnavtdselected {background-color: #64934D; color: #CE3436; font-weight: bold;}
	.leftnavtitle {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #000; font-weight: bold; padding-top: 5px;}
	.leftnav {font-family: Verdana, Helvetica, sans-serif; text-decoration: none; color: #000000;}
	.leftnav:hover {font-family: Verdana, Helvetica, sans-serif;  text-decoration: none; color: #E6083A;}
	.leftnavselected {font-family: Verdana, Helvetica, sans-serif;  font-weight: bold; text-decoration: none; color: #E6083A;}
	.leftnavselected:hover {font-family: Verdana, Helvetica, sans-serif;  font-weight: bold; text-decoration: none; color: #E6083A;}
	.pfnavrg {font-family: Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: none; color: #9889B0;}
	.pfnavrg:hover {font-family: Verdana, Helvetica, sans-serif; text-decoration: none; color: #5d87a1;}
	.pfnavrgselected {font-family: Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: none; color: #9889B0;}
	.pfnavrgselected:hover {font-family: Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: none; color: #5d87a1;}
	.pfnavrp {font-family: Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: none; color: #ECB200;}
	.pfnavrp:hover {font-family: Verdana, Helvetica, sans-serif; text-decoration: none; color: #5d87a1;}
	.pfnavrpselected {font-family: Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: none; color: #ECB200;}
	.pfnavrpselected:hover {font-family: Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: none; color: #5d87a1;}
    .menuine {font-size: 14px; font-family: Verdana, Helvetica, sans-serif; color: #455D84;}
    .menu {font-size: 14px; font-weight: bold; font-family: Verdana, Helvetica, sans-serif; color: #E6083A;}
    .menu:hover {font-size: 14px; font-family: Verdana, Helvetica, sans-serif; color: #E6083A;}
    .navlink {font-weight:bold;}
    .navcurpage {font-size: 14px; font-family: Verdana, Helvetica, sans-serif; font-weight:bold; text-decoration: none; color: #A11;}
    .navperpage {font-size: 14px; font-family: Verdana, Helvetica, sans-serif; font-weight:bold; color: #E6083A;}
    .navperpage img {vertical-align: middle!important;}
	.navperpage:hover {font-size: 14px; font-family: Verdana, Helvetica, sans-serif;  font-weight:bold; color: #000;}
	td.navperpage {color: #bbb; }
	td.navperpage:hover {color: #bbb; }
/* end menus styles */

/* start lists styles */
	.listnav {font-family: Verdana, Helvetica, sans-serif; color: #A1A1A1; font-size: 11px; font-weight: bold; text-decoration: underline;}
	.listnav:hover {font-family: Verdana, Helvetica, sans-serif; color: #4f5559; font-size: 11px; font-weight: bold; text-decoration: underline;}
	.listitemcol1 {font-family: Verdana, Helvetica, sans-serif; color: #6C85AE; font-size: 11px; font-weight: bold; text-decoration: underline;}
	.listitemcol1:hover {font-family: Verdana, Helvetica, sans-serif; color: #4f5559; font-size: 11px; font-weight: bold; text-decoration: underline;}
	.listitemcol2 {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #4f5559;}
/* end lists styles */

/* start portfolio styles */
	.filetable {background-color: #62A66C; color: #FFFFFF; border: 1px solid #62A66C; border-collapse: collapse; width: 100%;}
	.filetableapp {background-color: #FFFFFF; border: 1px solid #62A66C; border-collapse: collapse; vertical-align: top; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #4f5559;}

	.filetitle {background-color: #62A66C; border: 1px solid #62A66C; color: #FFFFFF; padding: 5px; font-weight: bold;}
	.filesubtitle {background-color: #C5D7BD; color: #4F5559; border: 1px solid #62A66C; border-collapse: collapse; padding: 5px; font-weight: normal;}
	.filecoltitle {background-color: #CFCFCF; color: #4F5559; border: 1px solid #62A66C; border-collapse: collapse; padding: 5px; font-weight: bold;}
	.fileseparator {background-color: #EEEEEE; color: #4F5559; border: 1px solid #62A66C; border-collapse: collapse; padding: 5px; font-weight: normal;}

	.filetd {background-color: #FFFFFF; padding: 5px; border-bottom: 1px solid #62A66C; border-right: 1px solid #62A66C; border-collapse: collapse; vertical-align: top; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #4f5559;}
	.filetd2 {background-color: #FFFFFF; vertical-align: top; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #5D87A1;}
	.filetdbg {background-color: #CFCFCF; padding: 5px; border: 1px solid #62A66C; border-collapse: collapse; vertical-align: top; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #4f5559;}
	.filetdmid {background-color: #FFFFFF; padding: 5px; border: 1px solid #62A66C; border-collapse: collapse; vertical-align: middle; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #4f5559;}

	.file2td {background-color: #FFFFFF; vertical-align: top; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #5D87A1;}
	.file2tdbg {background-color: #CFCFCF; vertical-align: top; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #5D87A1;}
	.file2tdmid {background-color: #FFFFFF; vertical-align: middle; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #5D87A1;}

	.fileblacktd {background-color: #FFFFFF; padding: 5px; border: 1px solid #62A66C; border-collapse: collapse; vertical-align: top; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000;}
	.fileblacktdbg {background-color: #CFCFCF; padding: 5px; border: 1px solid #62A66C; border-collapse: collapse; vertical-align: top; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000;}
	.fileblacktdmid {background-color: #FFFFFF; padding: 5px; border: 1px solid #62A66C; border-collapse: collapse; vertical-align: middle; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000;}

	.file2blacktd {background-color: #FFFFFF; vertical-align: top; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #4F5559;}
	.file2blacktdbg {background-color: #CFCFCF; vertical-align: top; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #4F5559;}
	.file2blacktdmid {background-color: #FFFFFF; vertical-align: middle; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #4F5559;}

	.filelink {font-family: Verdana, Helvetica, sans-serif; text-decoration: underline; /*color: #0000CC;*/ font-weight: normal;}
	.filelink:hover {font-family: Verdana, Helvetica, sans-serif; text-decoration: underline; /*color: #4f5559;*/ font-weight: normal;}
	.filelinkine {font-family: Verdana, Helvetica, sans-serif; text-decoration: underline; color: #4f5559; font-weight: normal;}
	.filelinkine:hover {font-family: Verdana, Helvetica, sans-serif; text-decoration: underline; color: #4f5559; font-weight: normal;}
/* end portfolio styles */

/* start general table styles */
	.elemtable {background-color: #62A66C; color: #FFFFFF; border: 1px solid #62A66C; border-collapse: collapse; width: 100%;}
	.elemtitle {background-color: #CFCFCF; color: #000000; padding: 5px; font-weight: bold;}
	.elemsubtitle {background-color: #CFCFCF; color: #000000; border: 1px solid #62A66C; border-collapse: collapse; padding: 5px; font-weight: normal;}
	.elemcoltitle {background-color: #CFCFCF; color: #000000; border: 1px solid #62A66C; border-collapse: collapse; padding: 5px; font-weight: bold;}
	.elemtd {background-color: #FFFFFF; padding: 5px; border: 1px solid #62A66C; border-collapse: collapse; vertical-align: top; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #4f5559;}
	.elemtd2 {background-color: #FFFFFF; padding: 5px; border: 1px solid #62A66C; border-collapse: collapse; vertical-align: top; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #4f5559;}
	.elemtdmid {background-color: #FFFFFF; padding: 5px; border: 1px solid #62A66C; border-collapse: collapse; vertical-align: middle; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #4f5559;}
	.elemlink {font-family: Verdana, Helvetica, sans-serif; text-decoration: underline; color: #0000CC; font-weight: bold;}
	.elemlink:hover {font-family: Verdana, Helvetica, sans-serif; text-decoration: underline; color: #4f5559; font-weight: bold;}

	.tbltable {background-color: #62A66C; color: #FFFFFF; border: 1px solid #62A66C; border-collapse: collapse;}
	.tbltitle {background-color: #CFCFCF; color: #000000; border: 1px solid #62A66C; border-collapse: collapse; padding: 5px; font-weight: bold; vertical-align : top;}
	td.tblsubtitle {background-color: #CFCFCF; color: #000000; border: 1px solid #62A66C; border-collapse: collapse; padding: 5px; font-weight: normal; vertical-align : top;}
	.tbltext {background-color: #CFCFCF; color: #000000; font-weight: bold; vertical-align : top;}
	.tblcomment {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #497B3A; font-weight: normal;}
	.tbltd {background-color: #FFFFFF; padding: 5px; border: 1px solid #62A66C; border-collapse: collapse; vertical-align: top; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #4f5559;}

    /* PEER REVIEW TABLE CSS === À REVOIR === */
    .tbltdine {background-color: #EBEBE4; padding: 5px; border: 1px solid #62A66C; border-collapse: collapse; vertical-align: top; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000;}
    .tbltdh1 {background-color: #DFCEA7; padding: 5px; border: 1px solid #62A66C; border-collapse: collapse; vertical-align: top; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000;}
	.tbltdh2 {background-color: #D7B76D; padding: 5px; border: 1px solid #62A66C; border-collapse: collapse; vertical-align: top; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000;}
	.tbltdh3 {background-color: #BFA260; padding: 5px; border: 1px solid #62A66C; border-collapse: collapse; vertical-align: top; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000;}
    /* vert */
    .tbltdp1 {background-color: #AAE4A4; padding: 5px; border: 1px solid #62A66C; border-collapse: collapse; vertical-align: top; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000;}
	/* bleu */
    .tbltdp2 {background-color: #A3B7E4; padding: 5px; border: 1px solid #62A66C; border-collapse: collapse; vertical-align: top; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000;}
	/* mauve */
    .tbltdp3 {background-color: #C9B1DB; padding: 5px; border: 1px solid #62A66C; border-collapse: collapse; vertical-align: top; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000;}
	/* rose */
    .tbltdp4 {background-color: #D9AFBE; padding: 5px; border: 1px solid #62A66C; border-collapse: collapse; vertical-align: top; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000;}
	/* jaune */
    .tbltdp5 {background-color: #F3F495; padding: 5px; border: 1px solid #62A66C; border-collapse: collapse; vertical-align: top; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000;}
    /* ====== */
    
	.tbltdmid {background-color: #FFFFFF; padding: 5px; border: 1px solid #62A66C; border-collapse: collapse; vertical-align: middle; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #4f5559;}
	.tbllink {font-family: Verdana, Helvetica, sans-serif; text-decoration: underline; color: #0000CC; font-weight: bold;}
	.tbllink:hover {font-family: Verdana, Helvetica, sans-serif; text-decoration: underline; color: #4f5559; font-weight: bold;}

	.tbltableblank {background-color: #FFFFFF; color: #FFFFFF; padding: 0px; border: 1px solid #FFFFFF; border-collapse: collapse;}
	.tbltdblank {background-color: #FFFFFF; padding: 0px; border: 1px solid #FFFFFF; border-collapse: collapse; vertical-align: top; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #4f5559;}
/* end general table styles */

/* start link styles */
	a {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color: #E6083A;}
	a:hover {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color: #E6083A;}
	.footerlink {font-family: Verdana, Helvetica, sans-serif; text-decoration: underline; font-weight: normal; font-size: 10px; color: #FFFFFF;}
	.footerlink:hover {font-family: Verdana, Helvetica, sans-serif; text-decoration: underline; font-weight: normal; font-size: 10px; color: #E6EEF7;}
	.redlink {font-family: Verdana, Helvetica, sans-serif; text-decoration: none; color: #E31936;}
	.redlink:hover {font-family: Verdana, Helvetica, sans-serif; text-decoration: underline; color: #4f5559;}
	.changelang {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: underline; color: #E31936;}
	.changelang:hover {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: underline; color: #4f5559;}

    .button,
    .button:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; vertical-align: top;}
    .imagebutton {color: #FFFFFF; font-weight: bold; font-size: 10px; font-family: Verdana, Helvetica, sans-serif; text-decoration: none;}
    .imagebutton:hover {color: #455D84; font-weight: bold; font-size: 10px; font-family: Verdana, Helvetica, sans-serif; text-decoration: none;}

    /*Link used in Budget section*/
	.subtotal {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #4d6777; line-height: 20px; padding-top: 5px;}    
	.link_subtitle_blue {font-family: Verdana, Helvetica, sans-serif; font-size: 13px; text-decoration: underline; color: #5D87A1;line-height: 14px; font-weight: bold;}
	.link_subtitle_blue:hover {font-family: Verdana, Helvetica, sans-serif; font-size: 13px; text-decoration: underline; color: #5D87A1;line-height: 14px; font-weight: bold;}
	.link_boldtext {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color: #4f5559; font-weight: bold;}
	.link_boldtext:hover {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color: #4f5559; font-weight: bold;}

/* end link styles */

/* start form styles */
    .inputtd {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4f5559; text-decoration: none; vertical-align: top; position : static;}
    .inputlabel {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4f5559; text-decoration: none; font-weight: bold; text-align: right; vertical-align: top; position : static;}
    .inputtext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; vertical-align: top;}
    .inputlist {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; vertical-align: top; width : 325px;}
    .inputnote {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #E6083A;}
    .inputcomment {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #808080;}
    .inputinfo {vertical-align: top;}
    .inputerror {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #E31936; vertical-align: top;}
    .inputmandato {vertical-align: top;}
    .inputhelp {vertical-align: top;}
    .inputbutton {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; vertical-align: top;}
    .inputfile {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 20px;}
    input.readonly {background-color: #EBEBE4; border: 1px solid #969696;}
/* end form styles */

/* inherited SEGO portlet styling */
.common-portlet, .common-portlet-topper, .common-portlet-content, .common-portlet-title {
	background: transparent url(/resources/prod/afm//images/portlet-bg.png) no-repeat bottom right;
}

.common-portlet {
	margin:5px 0px 10px;
	padding-right: 10px;
	text-align: left;
}

.common-portlet-topper {
	background-position: right top;
	margin-right: -10px;
	padding-right: 40px;
	position: relative;
}

.common-portlet-title {
	background-position: top left;
	display: block;
	font-weight: bold;
	min-width: 50%;
	padding: 8px 0px 4px 10px;
}

.common-portlet-content {
	background-position: left bottom;
	padding: 10px 5px 25px 15px;
}
/* end inherited SEGO portlet styling */

/* navigation links */
.navperpage {
    font-size: 9pt;
}

a.navperpage:hover {
    font-size: 9pt;
}

ul.helpdesk-reports {
	list-style-type: square;
	margin: 10px 0px;
	padding: 0px 30px;
}

ul.helpdesk-reports li {
	font-size: 10.5pt;
	line-height: 1em;
	padding-bottom: 0.5em;
}

ul.helpdesk-reports li a {
    white-space: nowrap;
	cursor: pointer;
}

#xl-popup-content dl dt {
    font-weight: bold;
    margin-bottom: 0.5em;
}

#xl-popup-content dl dd {
    margin-bottom: 1em;
}

#xl-product-signature {
    color: #FFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    margin-top: 10px;
    padding: 10px 10px 10px 10px;
    text-align: left;
    vertical-align: middle;
}

#xl-app-form .ui-tabs-nav {
    border-bottom: none;
}

#xl-app-form .ui-tabs-nav li {
    background-color: #62A66C;
    /* Corner radius */
    -webkit-border-radius: 5x 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #62A66C;
    margin-right: 5px;
}

#xl-app-form .ui-tabs-nav li.ui-tabs-selected {
    background-color: #E2EFDC;
    border-bottom-color: #E2EFDC;
    margin-bottom: -1px;
    padding-bottom: 1px;
}

#xl-app-form .ui-tabs-nav li a {
    background-image: none;
    color: #FFF;
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0 10px;
    vertical-align: middle;
}

#xl-app-form .ui-tabs-nav li.ui-tabs-selected a {
    color: #000;
}

#xl-app-form .ui-tabs-container {
    background-color: #E2EFDC;
}

#xl-overlapping-bar {
    background-color: #FFCB99;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    position: fixed;
    top: 0px;
    vertical-align: top;
    width: 100%;
    z-index: 10000;
}

div.warning-box {
    background-color: #fff8c4;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABqklEQVR4XqWTvWsUURTFf+/tx7DmA5sUmyB+EGQDCkFRxCFosYWCFgELm2ApCBYW/gOCFpYSrUMsBIv4BwTSCSqaWgsTEDRV2EVBZWffvXIYwhZOEdgLhzmcc+7h3WKCuzPOhI+P80rDzE7WwmAHIHnzVIxxl4qJVaKbkYrBxvyVZQRxaYcq0EmehvePzp5YnD67hCAuzd0PUWB2JNQazzo377D7+auAuDR51QWjZWxYvD2e34DsJw+fbwviSJOnTHWBO5aGt6fa84szF67CzguCIYgjTZ4yuP9fYGqO2avO8j348hSKff4OkiAuDXnKKDsqGD1989jSLWJvA/58g+YUv34Xgrg0eSij7MEpsXx66k62O932wjT030NjAuotXj/YE8SlyUMZZbWj3ejmEFubp69fg711yCYha0GWcXftjCAuTZ4yKKsd7dbNfHXuUk6jeAPNCSBCAJpGb78PiGel7gCmLHMXc76/21oNn57kfm5lFg0W0KBPDag7GoYBEuCUE0uy/fIH4cOjy27J0SlI56DEiSVFFi4dEUUIMRBrQZTzjDFj/87/ACmm3+QFX8sKAAAAAElFTkSuQmCC");
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid #f2c779;
    color: #555;
    font-family: Tahoma, Geneva, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0;
    padding: 5px 10px 10px 30px;
}

div.no-icon {
    background-image: none !important;
    padding-left: 10px !important;
}

div.warning-box a {
    border-bottom: thin dotted #555;
    color: inherit;
    text-decoration: none;
}

div.warning-box em {
    font-style: normal;
    font-weight: bolder;
    quotes: '\201C' '\201D';
}

div.warning-box em:before {
    content: open-quote;
}

div.warning-box em:after {
    content: close-quote;
}

.inputlabel .help-tip {
    border: none;
    cursor: help;
    font-size: smaller;
    padding-left: 0.5em;
    text-decoration: none;
    vertical-align: super;
}

.inputlabel .help-tip span {
    color: red;
}


