/* Main Navigation */
.menuLinks a:hover{
	background-color:#0c2074; 
	font-size: 10pt;
}

.menuLinks a {
	color:#ffffff;  /* non-hover color for regular links */
	background-color:#0c2074;
	text-decoration:none;
	font-size: 10pt;
}

.verticalAlignMiddle {
	vertical-align: middle;
}

.rightAlign {
    text-align:right;
}

.leftAlign {
    text-align:left;
}

.centerAlign {
    text-align:center;
}

.verticalAlignTop {
	vertical-align:top;
}

.titleHeader {
	color: #0c2074;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
}

.errorHeader {
	color: red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold; 
}

.displayMessageHeader {
	color: red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align:justify;
	
}

.sectionHeader {
	color: #0c2074;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold; 
}

.sectionHeader2 {
	color: #0c2074;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: underline;
}

.indication {
	color: black;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 10pt;
	font-style: italic;
}

.textFont{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 10pt;
}

.infoText {
	color: black;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 10pt;
}

.infoTextBold {
	color: black;
	font-weight: bold;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 10pt;
}

.infoTextUnderline {
	color: black;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 10pt;
	text-decoration: underline;
}

.promptText {
	color: black;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 10pt;
}

.right_aligned_red {
	color: red;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 10pt;
	text-align: right;
}

.vertical-align-top {
	vertical-align: top;
	width: 400px;
	height: 200px;
}

.vertical-align-top2 {
	vertical-align: top;
	width: 400px;
	height: 200px;
}

.promptTextCol {
	color: black;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 10pt;
	text-align: left;
	/*width: 100px;*/
}

.requiredFlagCol {
	color: #D80000;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 10pt;
	text-align: right;
	font-weight: bold;
	/*width: 10px;*/
}

.textFieldCol {
	width: 100%;
}

.textFieldColLong {
	width: 320px;
	min-width: 320px;
}

.formContentRow {
	height: 200px;
	max-height: 200px;
}

.oddRow {
	background-color: #CCCCCC;
}

.evenRow {
	background-color: #FFFFFF;
}

.headerClass {
	background-color: #0066CC;
	text-align: Left;
	color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: WindowFrame;
	margin: 0px;
	padding: 0px;
	padding-left: 4pt;
	padding-right: 4pt;
	padding-top: 4px;
	padding-bottom: 4px;
}

.borderClass {
	border-collapse: collapse;
	border-color: WindowFrame;
	border-style: solid;
	border-width: 1px;
}

.border {
	border-collapse: collapse;
	border-color: black;
	border-style: solid;
	border-width: 1px;
}

.invoiceRadio {
	padding-left: 2px;
	padding-bottom: -2px;
	padding-top: -2px;
	padding-right: -2px;
	margin-left: 2px;
	margin-right: -2px;
	margin-bottom: -2px;
	margin-top: -2px;
	text-align: center;
}

.invoiceRadioCell {
	padding: 0px;
	margin: 0px;
}

.dateTimeField input {
   vertical-align: middle;
   margin-right: 1px;		   
}

.dateTimeField img {
   vertical-align: middle;
}

/* Links
------------------------------------------------------------------ */
a:link {color: blue; text-decoration: underline; }
a:visited {  color: #003399; text-decoration: underline; }
a:hover {  color: #003399; text-decoration: underline;  }
a:active {  color: blue; text-decoration: underline;  }

.ui-datatable-scrollable-body::-webkit-scrollbar {
	height: 15px;
	width: 15px;
}	
		
.ui-datatable-scrollable-body::-webkit-scrollbar-button:vertical {
    height: 16px;
    width: 15px;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
}

.ui-datatable-scrollable-body::-webkit-scrollbar-button:horizontal {
    height: 15px;
    width: 16px;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
}

.ui-datatable-scrollable-body::-webkit-scrollbar-track {
    background: #E6E6E6;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);  
}

.ui-datatable-scrollable-body::-webkit-scrollbar-thumb:vertical {
    background: #CFCFCF;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
	border-radius: 4px;
	border:1px solid grey;
}
.ui-datatable-scrollable-body::-webkit-scrollbar-thumb:horizontal {
    background: #CFCFCF;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
	border-radius: 4px;
	border:1px solid gray;
}
.ui-datatable-scrollable-body::-webkit-scrollbar-thumb:hover {
    background: #B8B8B8;
}
.ui-datatable-scrollable-body::-webkit-scrollbar-thumb:active {
    background: #A1A1A1;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
}

.ui-datatable-scrollable-body::-webkit-scrollbar-button:horizontal:increment:hover {background-image: url("/eportal/images/right.png");}
.ui-datatable-scrollable-body::-webkit-scrollbar-button:horizontal:increment {background-image: url("/eportal/images/right_gray.png");}

.ui-datatable-scrollable-body::-webkit-scrollbar-button:horizontal:decrement:hover {background-image: url("/eportal/images/left.png");}
.ui-datatable-scrollable-body::-webkit-scrollbar-button:horizontal:decrement {background-image: url("/eportal/images/left_gray.png");}

.ui-datatable-scrollable-body::-webkit-scrollbar-button:vertical:increment:hover {background-image: url("/eportal/images/down.png");}
.ui-datatable-scrollable-body::-webkit-scrollbar-button:vertical:increment {background-image: url("/eportal/images/down_gray.png");}

.ui-datatable-scrollable-body::-webkit-scrollbar-button:vertical:decrement:hover {background-image: url("/eportal/images/up.png");}
.ui-datatable-scrollable-body::-webkit-scrollbar-button:vertical:decrement {background-image: url("/eportal/images/up_gray.png");}


.tablecolumn-20width { color: black;  font-size: 13px; font-family: Arial; width: 20px; }
.tablecolumn-25width { color: black;  font-size: 13px; font-family: Arial; width: 25px; }
.tablecolumn-30width { color: black;  font-size: 13px; font-family: Arial; width: 30px; }
.tablecolumn-35width { color: black;  font-size: 13px; font-family: Arial; width: 35px;}
.tablecolumn-40width { color: black;  font-size: 13px; font-family: Arial; width: 40px; }
.tablecolumn-45width { color: black;  font-size: 13px; font-family: Arial; width: 45px; }
.tablecolumn-50width { color: black;  font-size: 13px; font-family: Arial; width: 50px; }
.tablecolumn-55width { color: black;  font-size: 13px; font-family: Arial; width: 55px; }
.tablecolumn-60width { color: black;  font-size: 13px; font-family: Arial; width: 60px; }
.tablecolumn-65width { color: black;  font-size: 13px; font-family: Arial; width: 65px; }
.tablecolumn-70width { color: black;  font-size: 13px; font-family: Arial; width: 70px; }
.tablecolumn-75width { color: black;  font-size: 13px; font-family: Arial; width: 75px; }
.tablecolumn-80width { color: black;  font-size: 13px; font-family: Arial; width: 80px; }
.tablecolumn-85width { color: black;  font-size: 13px; font-family: Arial; width: 85px; }
.tablecolumn-90width { color: black;  font-size: 13px; font-family: Arial; width: 90px; }
.tablecolumn-95width { color: black;  font-size: 13px; font-family: Arial; width: 95px; }
.tablecolumn-100width { color: black; font-size: 13px; font-family: Arial; width: 100px; }
.tablecolumn-105width { color: black; font-size: 13px; font-family: Arial; width: 105px; }
.tablecolumn-110width { color: black; font-size: 13px; font-family: Arial; width: 110px; }
.tablecolumn-115width { color: black; font-size: 13px; font-family: Arial; width: 115px; }
.tablecolumn-120width { color: black; font-size: 13px; font-family: Arial; width: 120px; }
.tablecolumn-125width { color: black; font-size: 13px; font-family: Arial; width: 125px; }
.tablecolumn-130width { color: black; font-size: 13px; font-family: Arial; width: 130px; }
.tablecolumn-135width { color: black; font-size: 13px; font-family: Arial; width: 135px; }
.tablecolumn-140width { color: black; font-size: 13px; font-family: Arial; width: 140px; }
.tablecolumn-145width { color: black; font-size: 13px; font-family: Arial; width: 145px; }
.tablecolumn-150width { color: black; font-size: 13px; font-family: Arial; width: 150px; }
.tablecolumn-155width { color: black; font-size: 13px; font-family: Arial; width: 155px; }
.tablecolumn-160width { color: black; font-size: 13px; font-family: Arial; width: 160px; }
.tablecolumn-165width { color: black; font-size: 13px; font-family: Arial; width: 165px; }
.tablecolumn-170width { color: black; font-size: 13px; font-family: Arial; width: 170px; }
.tablecolumn-175width { color: black; font-size: 13px; font-family: Arial; width: 175px; }
.tablecolumn-180width { color: black; font-size: 13px; font-family: Arial; width: 180px; }
.tablecolumn-185width { color: black; font-size: 13px; font-family: Arial; width: 185px; }
.tablecolumn-190width { color: black; font-size: 13px; font-family: Arial; width: 190px; }
.tablecolumn-195width { color: black; font-size: 13px; font-family: Arial; width: 195px; }
.tablecolumn-200width { color: black; font-size: 13px; font-family: Arial; width: 200px; }
.tablecolumn-205width { color: black; font-size: 13px; font-family: Arial; width: 205px; }
.tablecolumn-210width { color: black; font-size: 13px; font-family: Arial; width: 210px; }
.tablecolumn-215width { color: black; font-size: 13px; font-family: Arial; width: 215px; }
.tablecolumn-220width { color: black; font-size: 13px; font-family: Arial; width: 220px; }
.tablecolumn-225width { color: black; font-size: 13px; font-family: Arial; width: 225px; }
.tablecolumn-230width { color: black; font-size: 13px; font-family: Arial; width: 230px; }
.tablecolumn-235width { color: black; font-size: 13px; font-family: Arial; width: 235px; }
.tablecolumn-240width { color: black; font-size: 13px; font-family: Arial; width: 240px; }
.tablecolumn-245width { color: black; font-size: 13px; font-family: Arial; width: 245px; }
.tablecolumn-250width { color: black; font-size: 13px; font-family: Arial; width: 250px; }
.tablecolumn-275width { color: black; font-size: 13px; font-family: Arial; width: 275px; }
.tablecolumn-300width { color: black; font-size: 13px; font-family: Arial; width: 300px; }
.tablecolumn-305width { color: black; font-size: 13px; font-family: Arial; width: 305px; }
.tablecolumn-310width { color: black; font-size: 13px; font-family: Arial; width: 310px; }
.tablecolumn-315width { color: black; font-size: 13px; font-family: Arial; width: 315px; }
.tablecolumn-325width { color: black; font-size: 13px; font-family: Arial; width: 325px; }
.tablecolumn-350width { color: black; font-size: 13px; font-family: Arial; width: 350px; }
.tablecolumn-375width { color: black; font-size: 13px; font-family: Arial; width: 375px; }

.tablecolumn-width100 { width: 100px; }
.tablecolumn-width125 { width: 125px; }
.tablecolumn-width150 { width: 150px; }
.tablecolumn-width175 { width: 175px; }
.tablecolumn-width200 { width: 200px; }
.tablecolumn-width225 { width: 225px; }
.tablecolumn-width250 { width: 250px; }
.tablecolumn-width275 { width: 275px; }
.tablecolumn-width285 { width: 285px; }
.tablecolumn-width295 { width: 295px; }
.tablecolumn-width300 { width: 300px; }
.tablecolumn-width300-top { width: 300px; vertical-align: top; font-size: 12px; font-family: Arial;}
.tablecolumn-width325 { width: 325px; }
.tablecolumn-width350 { width: 350px; }
.tablecolumn-width375 { width: 375px; }
.tablecolumn-width390 { width: 390px; }
.tablecolumn-width400 { width: 400px; }