@import url("font-awesome/5.12.1/css/all.min.css"); 
body {
	color: #000000;
	font-size: 10px;
	font-family: Arial;
}
html.login { 
  background: url(../images/login_bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* Link Styles */
A:link    { color: #000000; font-weight:bold; text-decoration:none }   /* unvisited links */
A:visited { color: #000000; font-weight:bold; text-decoration:none }   /* visited links   */
A:hover   { color: #0330AB; font-weight:bold; text-decoration:none }   /* user hovers     */
A:active  { color: #0330AB; font-weight:bold; text-decoration:none }   /* active links    */ 
a.dottab:link    {color: #FFFFFF; text-decoration: none; }
a.dottab:visited {color: #FFFFFF; text-decoration: none; }
a.dottab:hover   {color: #000000; text-decoration: none; }
a.dottab:active  {color: #FFFFFF; text-decoration: none; }
.pie-chart-pad {
	padding: 20px;
}

.modal {
	display: none;
	position: fixed;
	z-index: 999;
	left: 0; top: 0;
	width: 100%; height: 100%;
	background-color: rgba(0,0,0,0.5);
	justify-content: center;
	align-items: center;
}
.modal-content {
	background: white;
	padding: 30px;
	border-radius: 12px;
	max-width: 800px;
	text-align: center;
	box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}
.modal button {
	margin-top: 20px;
	padding: 8px 20px;
	border: none;
	background: #3498db;
	color: white;
	border-radius: 6px;
	cursor: pointer;
}

.email-success {
    color : #084603;
    font-size: 18px;
    background-color: #B4FFAE;
    text-align: center;
    height: 50px;
}
.curse {
	cursor: pointer;
}
.blue {
    color: #0330AB;
}
.red {
    color: #9C0508;
}
.green {
    color: #0B5B00;
}
.yellow {
    color: #FFFD46;
}
.btn-Submit {
  background-color: #4CAF50; /* Green */
  border: 1px solid transparent;
  border-radius: 4px;
  color: white;
  padding: 6px 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}
.btn-Submit:hover {
  background-color: #337535; /* Dark Green */
  border: 1px solid transparent;
  border-radius: 4px;
  color: white;
  padding: 6px 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
}
.btn-Close {
  background-color: #AF4C4C; /* Green */
  border: 1px solid transparent;
  border-radius: 4px;
  color: white !important;
  padding: 6px 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-weight: normal !important;
  font-size: 16px;
}
.btn-Close:hover {
  background-color: #753333; /* Dark Green */
  border: 1px solid transparent;
  border-radius: 4px;
  color: white !important;
  padding: 6px 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-weight: normal !important;
  font-size: 16px;
  cursor: pointer;
}
img.img_hover:hover {
    cursor:pointer;
	cursor:hand;
}
/* Main Menu Style */
table.tblMenu { /* Encloses all other menu items */
	font-size: 12px;
	font-family: Arial;
	line-height: 18px;
	border: 0px dotted #001BA5;
}
input[type='range'] {
                -webkit-appearance: none !important;
                -webkit-border-radius: 5px;
                -webkit-box-shadow: inset 0 0 5px #333;
                background-color: #FFFFFF;
                display: block;
                height: 10px;
            }
            input[type='range']::-webkit-slider-thumb {
                -webkit-appearance: none !important;
                -webkit-border-radius: 10px;
                background-color: #AAA;
                
                border: 0px solid #999;
                height: 0px;
                width: 0px;
            }
            #range {
               display: block;
                font-size: 200%;
                font-weight: bold;
                margin: 0px;
                text-align: center;
            }
th.thMenu { /* Menu Headers */
	font-size: 16px;
	margin: 0px;
	padding: 3px;
	border: 0px solid #FFFFFF;
	line-height: 30px;
	font-family: Arial;
	color: #FFFFFF;
	background-color: #121E7D;
	align: center ;
}
td.tdMenu { /* Menu Cells */
	color: #000000;
	background: #F0F0F0;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	/*border: 1px solid #666666;*/
	line-height: 18px;
	font-family: Arial;
	height : 25px;
}
table.tblSubMenu { /* Encloses all other menu items */
	font-size: 12px;
	font-family: Arial;
	line-height: 18px;
	padding:0px;
	border: 0px dotted #001BA5;
	box-shadow: 0px 0px 15px #777777;
}
td.tdSubMenu { /* Menu Cells */
		/*color: #000000;
	background: #FFFFFF;*/
	font-size: 14px;
	font-weight:bold;
	margin: 0px;
	padding-left: 25px;
	border: 0px solid #666666;
	line-height: 18px;
	font-family: Arial;
	height : 35px;
}
table {
}
/* Header on Detail Form */
table.tblHeader { /* Heading Main Table */ 
}  
	
tr.trHeader {
	background-color: #FFA44B;
	border: 0px solid #FFA44B;
	font-size: small;
}
td.tdHeader {
	background-color: #0330AB;
	border: 0px solid #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	height: 35px;
}
/* Navigation on Detail Form*/
table.tblNavigate {
}
tr.trNavigate {
    background-color: #DBDBDB;
}
td.tdNavigate { /*The navigate bar*/
	color: #000000;
	link: #FFFFFF;
	font-size: medium;
	margin: 0px;
	padding: 2px;
	border: 0px solid #FFFFFF;
	height : 50px;
}
td.tdNavigate1{ /*The navigate bar - active mode highlight*/
	color: #000000;
	link: #FFFFFF;
	font-size: medium;
	margin: 0px;
	padding: 2px;
	border: 2px solid #0330AB;
}
/* Fields $ Input on Detail Form */
table.tblForm {
  font-size: small;
}
td.tdFormLabel { /* Column names on input form */
	background-color: #F0F0F0;
	height: 35px;
	font-weight: bold;
	color:#000000;
	margin: 1px;
	padding-left: 25px;
	border: 0px outset #000000;
	font-size: 11px;
}
td.tdFormInput { /* Input Fields on input form */
	background-color: #ffffff;
	border: 0px ridge #000000;
	padding-left: 25px;
	font-weight: normal;
	font-size: 12px;
}
td.tdFormInputLrg { /* Input Fields on input form */
	background-color: #ffffff;
	border: 0px ridge #000000;
	padding-left: 25px;
	font-weight: normal;
	font-size: 14px;
}

td.tdFormInfo { /* Static Text for Readonly fields */
    background-color: #F0F0F0;
	height: 25px;
	font-weight: normal;
	color: #001BA5;
	margin: 1px;
	padding-left: 25px;
	border: 0px outset #000000;
	font-size: 12px;
}

td.tdFormInfoEmail { /* Static Text for Readonly fields */
    background-color: #F7F7F7;
	height: 25px;
	font-weight: normal;
	color: #001BA5;
	margin: 1px;
	padding: 25px;
	border: 0px outset #000000;
	font-size: 14px;
}

td.tdFormCategory { /* To break a form into categories*/
	background-color: #CACACA;
	font-weight: bold;
	margin: 0px;
	padding-left: 10px;
	height:25px;
	border: 0px outset #000000;
}
/* Save Bar on Detail Form */
tr.trSave {
    background-color: #DBDBDB;
}
td.tdEditHighlight { /*for row editing on lists */
    background-color: #D7DCE1;
	margin: 0px;
	padding: 5px;
	border: 0px solid #dbc0a7;
	font-size: 12px;
}
/* Navigate Bar on List Form */
td.tdNavigateDetail { /*The navigate bar*/
	background-color: #DBDBDB;
	color: #000000;
	link: #FFFFFF;
	font-size: medium;
	margin: 0px;
	padding: 2px;
	border: 0px solid #FFFFFF;
	height : 25px;
}
/*List form Search Bar */
table.tblSearch {
	font-size: small;
	font-weight: 400;
}
tr.trSearch {
	border: 0px solid #DBDBDB;
	background-color: #DBDBDB;
}
td.tdSearch { /*For the search bar in a list form*/
	border: 0px solid #dda36a;
	padding: 5px;
}
/* List form Column Headers */
table.tblList {
}
tr.trHead { /*Used in list forms for the table columns which are above the edit & delete j3_icon*/
    background-color: #0330AB;
	margin: 0px;
	padding: 2px;
	border: 0px solid #B6CCD8;
	color: #FFFFFF;
}
th.tdHead { /*Used in the List forms table column names */
    background-color: #0330AB;
	margin: 0px;
	padding: 2px;
	border: 0px solid #dbc0a7;
	color: #FFFFFF;
	font-size: 11px;
}
th.tdHeadLrg { /*Used in the List forms table column names */
    background-color: #0330AB;
	margin: 0px;
	padding: 4px;
	border: 0px solid #dbc0a7;
	color: #FFFFFF;
	font-size: 15px;
}
th.tdGroupHead { /*Used in the List forms groups for names */
    background-color: #FFFFFF;
	margin: 0px;
	padding: 2px;
	border: 0px solid #dbc0a7;
	color: #0330AB;
	font-size: 16px;
}
/* List Form Detail Rows */
td.tdDetail {
	margin: 0px;
	padding: 2px;
	border: 0px solid #dbc0a7;
	font-size: 11px;
}
td.tdDetailLrg {
	margin: 0px;
	padding: 4px;
	border: 0px solid #dbc0a7;
	font-size: 15px;
}
td.tdDetailInactive {
	margin: 0px;
	padding: 2px;
	border: 0px solid #dbc0a7;
	font-size: 11px;
	color:#FF0000;
	text-decoration: line-through;
}
td.tdDetailLrgInactive {
	margin: 0px;
	padding: 2px;
	border: 0px solid #dbc0a7;
	font-size: 11px;
	color:#7F7F7F;
	text-decoration: line-through;
}
td.tdDetailGreen {
	margin: 0px;
	padding: 2px;
	border: 0px solid #dbc0a7;
	font-size: 11px;
	color:#006600;
	font-weight:bold;
}
td.tdDetailGreenLrg {
	margin: 0px;
	padding: 2px;
	border: 0px solid #dbc0a7;
	font-size: 14px;
	color:#006600;
	font-weight:bold;
}
td.tdDetailRedLrg {
	margin: 0px;
	padding: 2px;
	border: 0px solid #dbc0a7;
	font-size: 14px;
	color:#BB0000;
/*	font-weight:bold; */
}
td.tdDetailBlue {
	margin: 0px;
	padding: 2px;
	border: 0px solid #dbc0a7;
	font-size: 11px;
	color:#000099;
	font-weight:bold;
}
td.tdDetailBlueLrg {
	margin: 0px;
	padding: 2px;
	border: 0px solid #dbc0a7;
	font-size: 14px;
	color:#000099;
	font-weight:bold;
}
tr.curse{
    cursor: pointer;
}
tr.mOver {
	background-color: #d9d9ff;
}
tr.mOverActive {
	cursor: pointer;
	background-color: #d9d9ff;
}
tr.trLine1 {
    background-color: #FFFFFF;
}
tr.trLine2 {
    background-color: #f3f4ff;
}
tr.trLine3 {
    background-color: #f3f4ff;
	color:#888888;
}
tr.trLine4 {
    background-color: #FFFFFF;
	color:#888888;
}
/* Footer */
table.tblFooter {
	font-size: xx-small;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #AAAAAA;
	/*text-transform: lowercase; */
}
/* Login Screen */
td.tdLoginText {
	background-color: 	#FFFFFF;
	font-weight: 		bold;
	color: 				#000000;
	margin: 			3px;
	padding: 			3px;
	border: 			0px outset #000000;
	font-size: 			11px;
	text-align: 		right;
}
td.tdLoginHint {
	background-color: #FFFFFF;
	font-weight: bold;
	color: #FF0000;
	margin: 3px;
	padding: 3px;
	border: 0px outset #000000;
	font-size: 11px;
	text-align: center;
}
/* USED for tabs & highlighted tabs*/
td.tdTab {
	background-color: #96A6B8;
	border: 1px solid #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	padding:5px;
}
td.tdTabSelect {
	background-color: #0330AB;
	border: 1px solid #0330AB;
	font-size: 16px;
	font-weight: bold;
	padding:5px;
	color:#FFFFFF;
	
}
td.tdTabDetail {
	margin: 0px;
	padding: 5px;
	border: 0px solid #dbc0a7;
	font-size: 12px;
}
td.tdTabDetailGrey {
	margin: 0px;
	padding: 5px;
	border: 0px solid #dbc0a7;
	font-size: 12px;
	color:#BBBBBB;
}
td.tdTabDetailHigh {
	margin: 0px;
	padding: 5px;
	border: 0px solid #dbc0a7;
	font-size: 12px;
	color:#009900;
	font-weight:bold;
}
td.tdTabDetailLow {
	margin: 0px;
	padding: 5px;
	border: 0px solid #dbc0a7;
	font-size: 12px;
	color:#990000;
	font-weight:bold;
}
td.tdTabDetailLrg {
	margin: 0px;
	padding: 5px;
	border: 0px solid #dbc0a7;
	font-size: 14px;
}
td.tdTabColumns {
	background-color: #0330AB;
	border: 1px solid #0330AB;
	font-size: 12px;
	font-weight: bold;
	padding:5px;
	color:#FFFFFF;
	
}
/* CALENDAR STYLES */
.cal_header {
  text-align: center; 
  background-color: #A8BECD; 
  color: #000000; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: bold; 
  font-size: 12px; 
}
.cal_norm_day    {
  text-align: center; 
  background-color: #FFFFFF; 
  color: #000000; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: normal; 
  font-size: 12px; 
}
.cal_event_day    {
  text-align: center; 
  background-color: #9A0000; 
  color: #FFFFFF; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: bold; 
  font-size: 12px; 
}
.cal_weekend_day {
  text-align: center; 
  background-color: #E3E9F1; 
  color: #AAAAAA; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: normal; 
  font-size: 12px; 
}
.cal_grey_day    {
  text-align: center; 
  background-color: #FFFFFF; 
  color: #AAAAAA; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: normal; 
  font-size: 12px; 
}
.cal_holiday    {
  text-align: center; 
  background-color: #FFFF88; 
  color: #9A0000; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: bold; 
  font-size: 12px; 
}
.cal_overlap    {
  text-align: center; 
  background-color: #333399; 
  color: #FFFFFF; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: bold; 
  font-size: 12px; 
}
.cal_other_day    {
  text-align: center; 
  background-color: #CCCCCC; 
  color: #FFFF00; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: bold; 
  font-size: 12px; 
}
A.cal_event_day:link   {
  text-align: center; 
  color: #FFFFFF; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: bold; 
  font-size: 12px; 
}
A.cal_event_day:visited   {
  text-align: center; 
  color: #FFFFFF; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: bold; 
  font-size: 12px; 
}
A.cal_event_day:hover  {
  text-align: center; 
  color: #000000; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: bold; 
  font-size: 12px; 
}
A.cal_event_day:active   {
  text-align: center; 
  color: #000000; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: bold; 
  font-size: 12px; 
}
/* JQuery Screen fill with Dialogue Box */
.show_hide {
    display:none; 
} 
#ConfirmDiv {
    display:none;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	overflow: visible;
	z-index:1;
	background-color: #000000;
	text-align:center;
	zoom: 1;        
	filter: alpha(opacity=95);        
	opacity: 0.9;
}
.dlgHead {
	font-size: 24px;
	font-weight: bold;
}
.dlgBody {
    font-size: 12px;
}
/* Reporting System */
td.RepGroup {
  font-size:14px;
  font-weight:bold;
  color:#000000;
}
td.RepTotal {
  font-size:12px;
  font-weight:bold;
  color:#000000;
  text-align:right;
}
td.RepFooter {
  font-size:10px;
  font-weight:normal;
  color:#000000;
}
td.RepHeader {
  font-size:18px;
  font-weight:bold;
  text-align:center;
  color:#000000;
  text-decoration:underline;
}
td.RepCriteria {
  font-size:12px;
  font-weight:normal;
  color:#000000;
  text-align:center;
}
td.RepColumn {
  font-size:14px;
  font-weight:bold;
  color:#000000;
}
/* Hints on entry screens & menu*/
div.div_hint {
  font-size: 9px;
  font-weight: normal;
  color: #555555;
  line-height: 12px;
}
div.hint {
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
  color:#006699;
  font-style:italic;
  display:inline;
}
/* AJAX Tooltip Data (HTML)*/
.ajaxtooltip{
    position: absolute; /*leave this alone*/
	display: none; /*leave this alone*/
	width: 250px;
	left: 0; /*leave this alone*/
	top: 0; /*leave this alone*/
	background: lightyellow;
	border: 2px solid black;
	border-width: 2px 2px 2px 2px;
	padding: 5px;
}
tr.trATTHead { /* Header */
  font-family:Verdana, Arial, Helvetica, sans-serif;
  background-color:#333333;
  color:#FFFFFF;
  height:25px;
  font-size:11px;
  font-weight:bold;
  
}
td.tdATTHead {
  padding-left:5px;
}
tr.trATTData { /* Data */
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:normal;
}
td.tdATTData {
  padding-left:5px;
}
/* Humanity style sheet for jQuery Datepicker v4.1.0. */
.datepick {
	background-color: #f4f0ec;
	color: #1e1b1c;
	border: 1px solid #cb842e;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 110%;
}
.datepick-rtl {
	direction: rtl;
}
.datepick-popup {
	z-index: 1000;
}
.datepick-disable {
	position: absolute;
	z-index: 100;
	background-color: white;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.datepick a {
	color: #1e1b1c;
	text-decoration: none;
}
.datepick a.datepick-disabled {
	color: #888;
	cursor: auto;
}
.datepick button {
    margin: 0.25em;
    padding: 0.125em 0em;
    background-color: #ede4d4;
    border: none;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    font-weight: bold;
}
.datepick-nav, .datepick-ctrl {
	float: left;
	width: 100%;
	background-color: #ede4d4;
	font-size: 110%;
	font-weight: bold;
}
.datepick-ctrl {
	background-color: #cb842e;
}
.datepick-cmd {
	width: 30%;
}
.datepick-cmd:hover {
	background-color: #f4f0ec;
}
.datepick-cmd-prevJump, .datepick-cmd-nextJump {
	width: 8%;
}
a.datepick-cmd {
	height: 1.5em;
}
button.datepick-cmd {
	text-align: center;
}
.datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear {
	float: left;
	padding-left: 2%;
}
.datepick-cmd-current, .datepick-cmd-today {
	float: left;
	width: 35%;
	text-align: center;
}
.datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {
	float: right;
	padding-right: 2%;
	text-align: right;
}
.datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump,
.datepick-rtl .datepick-cmd-clear {
	float: right;
	padding-left: 0%;
	padding-right: 2%;
	text-align: right;
}
.datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {
	float: right;
}
.datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump,
.datepick-rtl .datepick-cmd-close {
	float: left;
	padding-left: 2%;
	padding-right: 0%;
	text-align: left;
}
.datepick-month-nav {
	float: left;
	text-align: center;
}
.datepick-month-nav div {
	float: left;
	width: 12.5%;
	margin: 1%;
	padding: 1%;
}
.datepick-month-nav span {
	color: #888;
}
.datepick-month-row {
	clear: left;
}
.datepick-month {
	float: left;
	width: 17em;
	border: 1px solid #e0cfc2;
	text-align: center;
}
.datepick-month-header, .datepick-month-header select, .datepick-month-header input {
	height: 1.5em;
	background-color: #cb842e;
	color: #fff;
	font-weight: bold;
}
.datepick-month-header select, .datepick-month-header input {
	height: 1.4em;
	border: none;
}
.datepick-month-header input {
	position: absolute;
	display: none;
}
.datepick-month table {
	width: 100%;
	border: 2px solid transparent;
	border-collapse: collapse;
}
.datepick-month th, .datepick-month td {
	margin: 0em;
	padding: 0.125em;
	font-weight: normal;
	text-align: center;
}
.datepick-month td.datepick-week,
.datepick-month td.datepick-week * {
	background-color: #cb842e;
	color: #fff;
	border: 1px solid #cb842e;
}
.datepick-month a {
	display: block;
	width: 100%;
	padding: 0.125em 0em;
	background-color: #ede4d4;
	color: #000;
	border: 1px solid #cdc3b7;
	text-decoration: none;
}
.datepick-month a, .datepick-month span {
	display: block;
	margin-top: 0.25em;
}
.datepick-month a {
	background-color: #ede4d4;
	color: #444;
	border: 1px solid #cdc3b7;
	text-decoration: none;
}
.datepick-month td span {
	color: #888;
}
.datepick-month td .datepick-other-month {
	background-color: #f4f0ec;
}
.datepick-month td .datepick-today {
	background-color: #f5f5b5;
	border: 1px solid #d9bb73;
}
.datepick-month td .datepick-highlight {
	background-color: #f5f0e5;
	color: #1e1b1c;
	border: 1px solid #f5ad66;
}
.datepick-month td .datepick-selected {
	background-color: #cb842e;
	color: #fff;
	border: 1px solid #cb842e;
}
.datepick-status {
	clear: both;
	text-align: center;
}
.datepick-clear-fix {
	clear: both;
}
/* FILE UPLOADER /uploader */
#loader{
   visibility:hidden;
}
label {
	padding: 0px;
	text-align: center;
}
.msg {
	text-align:left;
 	color:#666;
	background-repeat: no-repeat;
 	margin-left:30px;
   margin-right:30px;
	padding:5px;
   padding-left:30px;
}
.emsg {
	text-align:left;
	margin-left:30px;
   margin-right:30px;
	color:#666;
	background-repeat: no-repeat;
	padding:5px;
   padding-left:30px;
}
#f1_upload_form{
   height:75px;
}
#f1_error{
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight:bold;
   color: #FF0000;
}
#f1_ok{
   font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
   font-weight:bold;
   color:#00FF00;
}
#f1_upload_form {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}
#f1_upload_process{
   z-index:150;
   visibility:hidden;
   position:absolute;
   text-align:center;
   width:400px;
}
/* FROM HERE I HAVE NOT TESTED YET - COULD BE DELETED THOUGH*/
tr.mOverActiveMenu { /* has pointer */
	background-color: #000000;
	cursor: pointer;
	outline:2 #ED2228 solid;
	color:#FFFFFF;
}
tr.mOverActiveSubMenu { /* has pointer */
	cursor: pointer;
	outline:1 #ED2228 solid;
	color:#ED2228;
	text-shadow:#666666;
}
tr {
}
tr.trMenu{
}
tr.trAdd{
    font-siza: medium;
	font-style: normal;
}
td {
}
td.tdNavigateRep {
	color: #000000;
	link: #FFFFFF;
	font-size: medium;
	margin: 0px;
	padding: 0px;
	border: 0px solid #666666;
}
td.tdDetailRep {
	margin: 0px;
	padding: 0px;
	border: 0px solid #FFFFFF;
}
td.tdDetail2 {
    color: #CFCFCF;
	margin: 0px;
	padding: 2px;
	border: 0px solid #666666;
}
td.tdDetail3 {
    color: #00811B;
	margin: 0px;
	padding: 2px;
	border: 0px solid #666666;
}
td.tdDetail4 {
    color: #D70000;
	margin: 0px;
	padding: 2px;
	border: 0px solid #666666;
}
h1 {
	color: #000000;
	text-transform: capitalize;
	text-decoration: underline;
}

h1.error{
    color:  #FF0000;
    text-align: center;
}

h1.h1Header { /*Header text */
	color: #FFFFFF;
	text-transform: none;
	text-decoration: none;
	background-color: #336799;
}
h2 {
	color: #FFFF66;
}
h3, h4 {
	color: #333333;
	text-transform: capitalize;
}
h5, h6 {
	color: #6699CC;
}