/******************
Prosoft HRMS21Net css
******************/

html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button
{
	margin: 0;
	padding: 0;
	border: 0;
}

body, html
{
	height: 100% ! important;
	width: 100% ! important;
}

h1
{
	margin: 0;
	font-size: 1.4em;
	font-weight: normal;
}

h2
{
	font-size: 1.3em;
	font-weight: bold;
}

hr
{
	height: 1px;
	color: #B3C5E1;
	border:none;
	background-color:#B3C5E1 !important;
}

p
{
	margin: 2em 0;
	line-height: 1.4;
}

a
{
	text-decoration: none;
	color: blue;
}

a:hover
{
	text-decoration: underline;
}

.text-alert
{
	color: Red;
}

.text-inactive
{
	font-weight: lighter;
	color: Gray;
}

.text-highlight
{
	color: Blue;
}

.text-popup-Help
{
	font-size: 1.1em;
}

.text-popup-Help p
{
	margin: 0;
	line-height: 1;
}

.label-popup-help
{
	border-bottom: 1px dashed;
	cursor: help;
}

/* a generic element for displaying normal text. 
   Can make use of this to force normal text to be displayed in a div. */
.text-normal
{
	font-weight: normal;
}

.text-help
{
	font-style:italic; 
}

/* a generic element for displaying underlined text */
.underline
{
	text-decoration: underline;
}

/* a generic element for displaying headings */
.heading
{
	font-weight: bold;
}

/* This is only used by html buttons. 
   It makes them look similar to the ASP.Net server buttons. */
.htmlbutton-standard
{
	background-color: #EBF0FE;
	border-color: #6487DC;
	border-width: 1px;
	border-style: Solid;
}

/* used by all ASP.Net server text buttons, changes the mouse cursor to a pointer when it hovers over the button */
.button-standard, .htmlbutton-standard
{
	cursor: pointer;
	text-align: center;
	width:auto;
	padding:0px 2px 0px 2px;
	margin:0px 0px 0px 0px;
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=white, endColorstr=#B2CEF3);
}

.button-grid
{
	cursor: pointer;
	text-align: center;
}

/* used for disabled/invisible image buttons */
.button-disabled
{
	cursor: default !important;
	text-align: center;
}

/* used by the buttons at the bottom of each page (e.g. save, next, cancel buttons) 
	the margins defined here prevent the buttons from being too close to one another. */
.button-page
{
	cursor: pointer;
	text-align: center;
	margin: 0px 5px 0px 5px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=white, endColorstr=#B2CEF3);
}

.button-page-marginless
{
	cursor: pointer;
	text-align: center;
	margin: 0px 0px 0px 0px;
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=white, endColorstr=#B2CEF3);
}

.button-hideshowLink
{
	text-decoration: none;
	color: blue;
}

.button-hideshowLink:hover
{
	text-decoration: none;
}

.numeric-input-TMS
{
	text-align: right;
	font-family: "courier new";
}

.v21MainMenu-Hyperlink
{
	border:none;
	margin-left:3px;
	padding:3px 5px 3px 5px;
	Color:#003366;
	text-decoration:none !important;
}

body
{
	font-family: Arial, Tahoma, verdana, helvetica, sans-serif;
	background-color: #678fc2;
	color: black;
	text-align: left;
	font-size: 0.8em;
	margin-left: auto;
	margin-right: auto;
}

.main-container
{
	width: 948px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	height: expression(eval(documentElement.clientHeight + document.body.scrollTop));
	height:100% ! important;
}

.main-container-max
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	height: expression(eval(documentElement.clientHeight + document.body.scrollTop));
	height:100% ! important;
}

/* Header start */
.header-container {
	margin: 0px 10px 5px 0px;
	padding-top: 0px;
	font-weight: bold;
	color: black;
}

.header-container a
{
	font-size: 1em;
}

/* header-banner-column start
	 banner portion of the header, used to show the company logo */
.header-banner-container
{
	_height: 75px;
	min-height: 75px;
	margin: 0px 0px 4px 10px;
}

.header-banner-container-nologo
{
	margin: 0px 0px 4px 10px;
}

/* Header end */

/* Main menu */
/* menu-bar start */
#menubar-container
{
	_height: 27px;
	min-height: 27px;
	margin: 0px 0px 0px 0px;
	color: Black;
	font-size: 1em;
	font-family: Arial;
}

#main-menu
{
	float: left;
	margin: 0px 0px 0px 0px;
	color: Black;
	vertical-align: top;
}

.main-menu-bar
{
	background-image: url(Images/MainMenuCentre.gif);
    background-repeat: round;
}

.main-menu-bar-left
{
	background-image: url(Images/MainMenuBarLeft.gif);
    background-repeat: round;
}

.header-system-name
{
	font-weight:700;
	font-size:1.1em;
	font-family:Verdana;
	color:#FFFFFF;
}

.alignBottom
{
	vertical-align:bottom;
}

#menubar-container a
{
	color: #003366;
}
/* menu-bar end */

/* Main-body start */
/* The main-body section includes the nav bar and the content sections */
#main-body-container
{
	text-align: left;
	/* R131871 17/12/2013 [YW] */
	_height: 450px;
	min-height: 450px;
	/* height:100% !important; */
	margin: 3px 10px 0px 10px;
	font-size: 1em;
}

/* Nav bar */
#nav-bar-container
{
	float: left;
	background-color: #C3D9FF;
	color: #1B3D6B;
	_width: 132px;
	_height: 476px;
	min-width: 132px;
	min-height: 476px;
	margin: 0px 0px 0px 0px;
}

#nav-bar
{
	float: left;
	_width: 132px;
	min-width: 132px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
}
/* Nav bar end */

/* Content - without left nav-bar*/
#content-container
{
	color: black;
	float: left;
	_width: 936px;
	_height: 450px;
	min-height: 450px;
	min-width: 936px;
	margin: 0px 0px 0px 0px;
}

/* Content - with left nav-bar*/
#content-container-with-nav-bar
{
	float: right;
	color: black;
	_height: 450px;
	_width: 816px;
	min-height: 450px;
	min-width: 816px;
	margin: 0px 0px 0px 0px;
}

/* used for displaying the form title */
#content-header, #content-preview-header
{
	_height: 22px;
	min-height: 22px;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 10px;
	float: left;
	vertical-align: middle;
}

/* used to display misc info at the right of the content-header */
#content-header-right, #content-preview-header-right
{
	float: right;
	margin: 0px 4px 0px 0px;
	vertical-align: middle;
}


#content-form-container
{
	border: solid 4px #EAF2FD;
	float: left;
	_height: 420px;
	min-height: 420px;
	_width: 928px;
	min-width: 930px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#content-form-container-with-nav-bar
{
	border: solid 4px #EAF2FD;
	float: right;
	_width: 800px;
	_height: 420px;
	min-width: 800px;
	min-height: 420px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.content-border
{
	border: solid 1px #B3C5E1;
}

/* form tabs */
#form-tab-container
{
	font-weight: bold;
	_height: 30px;
	min-width: 900px;
	min-height: 30px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 4px 8px;
}

/* breadcrumbs */
#breadcrumb-container
{
	text-align: right;
	font-size: 0.9em;
}

/* content-form with nav-bar, reduced width to accommodate the nav bar */
.content-form-with-nav-bar
{
	float: left;
	_height: 370px;
	_width: 788px;
	min-width: 788px;
	min-height: 370px;
	margin: 0px 0px 0px 0px;
	border-bottom: solid 1px #EAF2FD;
}

.content-form-with-nav-bar-left
{
	float: left;
	min-width: 386px;
	_width: 386px;
	margin: 0px 3px 3px 3px;
}

.content-form-with-nav-bar-right
{
	float: right;
	_width: 386px;
	min-width: 386px;
	margin: 0px 3px 3px 3px;
}

/* content-form without nav-bar, increased width */
.content-form
{
	float: left;
	min-height: 350px;
	_width: 928px;
	min-width: 930px;
	_height: 350px;
	margin: 0px 0px 0px 0px;
}

.content-form-left
{
	float: left;
	_width: 454px;
	min-width: 454px;
	margin: 0px 3px 3px 3px;
}

.content-form-right
{
	float: right;
	_width: 454px;
	min-width: 454px;
	margin: 0px 3px 3px 3px;
}

/* a div with borders */
.content-with-border
{
	padding: 4px 0px 4px 0px;
	border: solid 1px #B3C5E1;
}

/* Used to display a section/panel title */
.section-heading
{
	background-color: #E8EEF7;
	width: 924px;
	height: 30px;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 5px;
	margin-bottom: 5px;
}

/* a table with an outline border, used for displaying data in a grid format */
table.table-outline
{
	border: solid 1px #B3C5E1;
}

table.table-outline tr.heading
{
	font-weight: bold;
	background: #cedefa;
	color: #244272;
	height: 32px;
}

table.table-outline tr.sub-heading
{
	font-weight: bold;
	background: #E8EEF7;
	color: #244272;
}

table.table-outline tr
{
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	text-align: left;
	height: 26px;
	border: 0px;
}

/* used this to leave a short blank row in between rows */
table.table-outline tr.blank-row
{
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	text-align: left;
	height: 0px;
	font-size: 0.5em;
}

/* final row of the table, so there is no need to paint the bottom border */
table.table-outline td.last-row
{
}

table.table-outline td
{
	padding: 0px 0px 0px 6px;
}

table.table-outline td.label
{
	padding: 0px 4px 0px 0px;
	text-align: right;
}

table.table-outline td.label-left
{
	padding: 0px 4px 0px 0px;
	text-align: left;
}

table.table-outline td.label-top
{
	padding: 0px 4px 0px 0px;
	vertical-align: top;
	text-align: right;
}

table.table-outline td.data
{
	padding: 0px 2px 0px 11px;
	text-align: left;
}

table.table-outline td.data-right
{
	padding: 0px 2px 0px 11px;
	text-align: right;
}

table.table-outline td.data-top
{
	padding: 0px 2px 0px 11px;
	vertical-align: top;
	text-align: left;
}

/* for center aligned cells, like checkboxes */
table.table-outline td.center
{
	vertical-align: middle;
	text-align: center;
}

/* end */

/* a standard style used to display a data-entry form in the horizontal label+textbox format */
table.form
{
}

table.form-small
{
	font-size: 10px;
}

table.form-small input, table.form-small select
{
	font-size: 10px;
}

table.form-small input[type='checkbox'], table.form-small input[type='radio']
{
	width: 10px;
	height: 10px;
}

table.form-small tr
{
	height: 19px;
	vertical-align: middle;
}

table.form-small tr.altrow
{
	background:#EEEEEE;
}

table.form-small td.label
{
	width: 140px;
	padding: 0px 2px 0px 0px;
	vertical-align: middle;
	text-align: right;
}

table.form-small td.data
{
	padding: 0px 1px 0px 10px;
	vertical-align: middle;
	text-align: left;
}

table.form tr
{
	height: 22px;
	vertical-align: middle;
}

table.form tr.altrow
{
	background:#EEEEEE;
}

table.form td.heading
{
	width: 200px;
	padding: 0px 3px 1px 0px;
	vertical-align: middle;
	text-align: right;
	font-weight: bold;
}

table.form td.label
{
	width: 200px;
	padding: 0px 4px 0px 0px;
	vertical-align: middle;
	text-align: right;
}

table.form td.label-required
{
	width: 200px;
	padding: 0px 4px 0px 0px;
	vertical-align: middle;
	text-align: right;
	color: Maroon;
}

table.form td.label2
{
	width: 237px;
	padding: 0px 4px 0px 0px;
	vertical-align: middle;
	text-align: right;
}

table.form td.label-left
{
	width: 200px;
	padding: 0px 4px 0px 0px;
	vertical-align: middle;
}

/* use this for multi-line textbox labels */
table.form td.label-top
{
	width: 200px;
	padding: 0px 4px 0px 0px;
	vertical-align: top;
	text-align: right;
}

td.label-top2
{
	width: 228px;
	padding: 0px 4px 0px 0px;
	vertical-align: top;
	text-align: right;
}

table.form td.data
{
	padding: 0px 2px 0px 11px;
	vertical-align: middle;
	text-align: left;
}

table.form td.data-top
{
	padding: 0px 2px 0px 11px;
	vertical-align: top;
	text-align: left;
}

table.form td.data-right
{
	padding: 0px 2px 0px 11px;
	vertical-align: middle;
	text-align: right;
}

table.form td.data-required
{
	padding: 0px 2px 0px 11px;
	vertical-align: middle;
	text-align: left;
	color: Maroon;
}

/* for center aligned cells, like checkboxes */
table.form td.center
{
	vertical-align: middle;
	text-align: center;
}

table.form td
{
	padding: 0px 2px 0px 11px;
	vertical-align: middle;
}

table.form td.no-paddings
{
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}

/* used by the form to display notification and error messages */
.message-container
{
    float:left;
	text-align: center;
	_width: 100%;
	_height: 12px;
	min-width: 100%;
	min-height: 14px;
	padding: 2px 0px 0px 0px;
	margin: 2px 0px 8px 0px;
	border-top: solid 1px #B3C5E1;
}

/* only used for displaying messages at the top of the page */
.message-container-top
{
    /* 10/01/2014 [YW] to solve ui alignment in firefox */
    /* float: left; */  
	text-align: center;
	_width: 100%;
	min-width: 100%;
	padding: 2px 0px 0px 0px;
	margin: 2px 0px 8px 0px;
}

/* to hold the button bar in the form */
.content-form-button-bar-container
{
    /* R120610 [YW] 30/03/2012 add float:left to have a proper alignment in FireFox */
    float: left;
    
	_height: 26px;
	_width: 100%;
	min-height: 26px;
	min-width: 100%;
	margin: 0px 0px 2px 0px;
	text-align: center;
	vertical-align: top;
}
/* content-form end */

/* Content end */
/* Main-body end */

/* footer */
.footer-text
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	color: Gray;
	font-size: 0.9em;
}
/* Footer end */

/* HTML Controls */
.textbox
{
	color: Black;
	border-color: #7F9DB9;
	border-width: 1px;
	border-style: solid;
}

.textbox-disabled
{
	color: Black;
	background: #E6E9F2;
}

/* HTML controls end */

/* User-login form start */
.user-login-background
{
	width: 532px;
	height: 230px; 
	background: url(images/LoginScreen.jpg) no-repeat;
}
.user-login-panel
{
	margin-left:130px;
}
/* User-login form end */

/* used for popup windows */
#popup-main-container, #popup-report-main-container
{
    /* R120610 [YW] 30/03/2012 add float:left to have a proper alignment in FireFox */
    float: left;
    
	margin: 10px;
	padding: 10px;
	border: solid 4px #EAF2FD;
	background: white;
}

#popup-main-container-max
{
	margin: 10px;
	padding: 10px;
	border: solid 4px #EAF2FD;
	background: white;
}

/* this will hide the scrollbar */
#popup-hide-scrollbar
{
	height: expression(eval(documentElement.clientHeight));
	height: 100% !important;
}

/* Rad-Grid styles, used by the pager, the command item and the grid header/item/footer templates */
table.RadGridPager
{
	border: none;
	padding: 5px 5px 5px 5px;
	height: 22px;
	width: 99%;
	font-size: 1em;
}

table.RadGridPager tr
{
	vertical-align: middle;
}

table.RadGridPager td
{
	border: none;
	vertical-align: middle;
}

table.RadGridItemCommand
{
	border: none;
	padding: 5px 5px 5px 5px;
	height: 25px;
	width: 99%;
}

table.RadGridItemCommand tr
{
}

table.RadGridItemCommand td
{
	border: none;
	vertical-align: middle;
	padding: 0px 0px 1px 0px;
}

.grid-container
{
	text-align: center;
	margin: 0px 0px 6px 0px;
}

.grid-container-center
{
 margin-left:auto !important;
 margin-right:auto !important;
}

table.RadGridHeader
{
	border: none;
	color: #244272;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

table.RadGridHeader tr
{
	border: none;
	text-align: left;
}

table.RadGridHeader td
{
	border: none;
}

table.RadGridHeader-ColumnLayout, table.RadGridSubHeader-ColumnLayout
{
	color: #244272;
	border-bottom: solid 1px #b3c5e1;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

table.RadGridHeader-ColumnLayout, table.RadGridSubHeader-ColumnLayout tr
{
}

table.RadGridHeader-ColumnLayout, table.RadGridSubHeader-ColumnLayout td
{
	padding: 0px 0px 0px 1px;
}

table.RadGridSubHeader-ColumnLayout
{
	font-weight: normal;
	font-size: 0.95em;
}

table.RadGridItem
{
	border: none;
	vertical-align: middle; /*word-break:break-all;	/* forces word wrap even when there are no delimiters. */ /* TJT 21/06/2007 - removed, because this affects the word wrap in multiline textboxes */
}

table.RadGridItem tr
{
}

table.RadGridItem td
{
	border: none !important;
	padding: 0px 0px 0px 0px !important;
	vertical-align: middle !important;
}

table.RadGridItem-ColumnLayout
{
	border: none !important;
	padding: 0px 0px 0px 0px !important;
	vertical-align: middle !important;
}

table.RadGridItem-ColumnLayout tr
{
}

table.RadGridItem-ColumnLayout td
{
	border-right: solid 1px #f1efe9 !important;
	padding: 1px 5px 1px 3px !important;
	line-height: 23px !important;
	vertical-align: middle !important;
}

table.RadGridFooter-ColumnLayout
{
	border-top: solid 1px #b3c5e1 !important;
	padding: 3px 0px 3px 0px !important;
	vertical-align: middle !important;
}

table.RadGridFooter-ColumnLayout tr
{
}

table.RadGridFooter-ColumnLayout td
{
	border-right: solid 1px #f1efe9 !important;
	padding: 1px 5px 1px 1px !important;
	line-height: 26px !important;
	vertical-align: middle !important;
}

/* This is only used in Calendar and Roster grids. */
table.CalendarGridDay
{
}

table.CalendarGridDay tr
{
}

table.CalendarGridDay td
{
	line-height: 16px;
	padding:0px 1px 0px 1px;
	background-color:Transparent; 
	border:0px; 
}

table.CalendarGridDay td.data-left
{
	text-align:left;	
}

table.CalendarGridDay td.data-right
{
	text-align:right;
}

.tooltip-hyperlink
{
	width:100%; 
	font-size:10px; 
	color:Blue; 
	cursor:pointer; 
	border:none;
	background-color:Transparent; 
}
/* Rad-Grid end */


/* Used for multiline ASP.NET textbox controls. Have to specify the font here
   or the text will display the default font */
textarea
{
	font-family: Arial, Tahoma, verdana, helvetica, sans-serif;
}

/* Timer */
#divBottomRight
{
	position: absolute;
}
.div-timer-container
{
	filter: alpha(Opacity=90);
	width: auto;
	text-align: center;
	font-size: 0.9em;
}
.timer-label-container
{
	width: 95px;
	border-width: 0px;
	color: Gray;
	filter: alpha(Opacity=90);
	background-color: Transparent;
}
.timer-container
{
	width: 35px;
	border-width: 0px;
	color: Gray;
	filter: alpha(Opacity=90);
	background-color: Transparent;
}
/* Timer end */

/* Acknowledgement */
table.acknowledgement
{
	width:100%;
	margin-top:5px;
	border:solid 1px #B3C5E1 
}

table.acknowledgement td.heading
{
	font-weight: bold;
	background: #cedefa;
	color: #244272;
	padding-left:5px;
	height: 20px;
}
/* End Acknowledgement */

/* RadCalendar */

table.RadCalendar_PSDefault
{
	border-collapse: separate;
	border: 0 !important;
	font: 11px arial,sans-serif;
	width: 176px;
}

.RadCalendar_PSDefault .rcTitlebar table
{
	font: bold 12px/24px arial,sans-serif;
}

.RadCalendar_PSDefault .rcMain
{
	padding: 3px 10px 10px 10px;
}

.RadCalendar_PSDefault .rcMainTable
{
	font: 10px/14px arial,sans-serif;
}

.RadCalendar_PSDefault .rcRow td
{
	border: 1px solid Silver;
}

.RadCalendar_PSDefault .rcWeek th
{
	font-weight: bold;
	text-align: center;
	border-bottom: solid 1px black;
}

/* Calendar View */
/* small calendar */
table.CalendarViewSingleDay
{
	width: 60px;
	height: 29px;
	padding: 0px 0px 0px 0px;
	border: none;
}

table.CalendarViewSingleDay td.image
{
	text-align: center;
	width: 16px;
	border: none;
}

table.CalendarViewSingleDay td.date
{
	text-align: left;
	width: 16px;
	border: none;
}

table.CalendarViewSingleDay td.data
{
	text-align: center;
	width: 28px;
	border: none;
}

/* leave calendar */
table.CalendarViewMultipleDay
{
	width: 100%;
	height: 80px;
	padding: 0px 0px 0px 0px;
	border: none;
}

table.CalendarViewMultipleDay td
{
	vertical-align:top !important;
	text-align: left !important;
	border: none !important;
	padding-left:2px !important;
}

table.CalendarViewMultipleDay td.date
{
	height:17px;
	font-size: 1.5em;
	font-weight: bold;
	padding-top:3px;
}

table.CalendarViewMultipleDay td.status
{
	font-weight: bold;
	color:Maroon;
}

table.CalendarViewMultipleDay td.indicator
{
	font-weight: bold;
	color:red;
}

table.CalendarViewMultipleDay td.data
{
	width: 120px;
}

table.CalendarViewMultipleDay span, 
	table.CalendarViewMultipleDay a
{
	padding: 0px 0px 0px 0px !important;
	width: 110px !important;
}

table.CalendarViewMultipleDay a
{
	cursor: pointer;
	text-decoration: none !important;
	color: blue !important;
	background:none !important;
}

/* end of Calendar View */

.lightblue-bgcolor
{
	background-color: #eaf2fd;
}

.hover-cell
{
	text-decoration: underline;
	cursor: hand;
}

.normal-cell
{
	text-decoration: none;
	cursor: none;
}

.hover-red-bold-cell
{
	text-decoration: underline;
	cursor: hand;
	font-weight: bold;	
	color: #FF0000;	
}

.red-bold-cell
{
	text-decoration: none;
	cursor: none;
	font-weight: bold;	
	color: #FF0000;	
}

/* ePay */
.text-BigBold-Black
{
	font-family: Arial, Tahoma, verdana, helvetica, sans-serif;
	font-weight: bold;	
	height:18px;
	font-size: 11pt;
	color: #000000;	
}

.text-SmallBold-Black
{
	font-family: Arial, Tahoma, verdana, helvetica, sans-serif;
	font-weight: bold;	
	font-size: 8pt;
	height:18px;
	color: #000000;		
}

.text-Small-Black
{
	font-family: Arial, Tahoma, verdana, helvetica, sans-serif;	
	font-size: 8pt;
	height:18px;
	color: #000000;		
}

.text-Smaller-Black
{
	font-family: Arial, Tahoma, verdana, helvetica, sans-serif;	
	font-size: 7pt;
	height:18px;
	color: #000000;		
}

.text-Smallest-Black
{
	font-family: Arial, Tahoma, verdana, helvetica, sans-serif;	
	font-size: 6pt;
	height:18px;
	color: #000000;		
}

.text-BigBold-White
{
	font-family: Arial, Tahoma, verdana, helvetica, sans-serif;
	font-weight: bolder;
	font-size: 9pt;
	height:18px;	
	color: #FFFFFF;	
}

.text-SmallBold-White
{
	font-family: Arial, Tahoma, verdana, helvetica, sans-serif;	
	font-weight: bolder;
	height:18px;
	font-size: 8pt;	
	color: #FFFFFF;	
}

.text-Small-White
{
	font-family: Arial, Tahoma, verdana, helvetica, sans-serif;
	font-size: 8pt;
	height:18px;
	color: #FFFFFF;	
}

.black-BgColor
{
	background-color: #000000;
}

.grey-BgColor
{
	background-color: #999999;
}

.white-BgColor
{
	background-color: #FFFFFF;
}


.border-Black-Solid
{
	width:100%;
	border-style:Solid;
	border-color:#000000;
	border-width:1px;
}

.border-Top-Black-Solid
{
	
	border-top-style:Solid;	
	border-color:#000000;
	border-width:1px;
}

.border-Bottom-Black-Solid
{	
	
	border-bottom-style:Solid;	
	border-color:#000000;
	border-width:1px;
}

.border-TopBottom-Black-Solid
{		
	border-top-style:Solid;	
	border-bottom-style:Solid;	
	border-color:#000000;
	border-width:1px;
}

.border-Bottom-Black-Dotted
{		
	border-bottom-style:dotted;	
	border-color:#000000;
	border-width:1px;
}

.border-Top-Black-Dotted
{		
	border-top-style:dotted;	
	border-color:#000000;
	border-width:1px;
}

.border-Left-Black-Solid
{	
	border-left-style:Solid;	
	border-color:#000000;
	border-width:1px;
}

.border-Right-Black-Solid
{	
	border-right-style:Solid;	
	border-color:#000000;
	border-width:1px;
}

.border-LeftRight-Black-Solid
{	
	border-left-style:Solid;
	border-right-style:Solid;	
	border-color:#000000;
	border-width:1px;
}

.border-TopLeftRight-Black-Solid
{	
	border-top-style:Solid;
	border-left-style:Solid;
	border-right-style:Solid;	
	border-color:#000000;
	border-width:1px;
}

.border-TopRight-Black-Solid
{	
	border-top-style:Solid;
	border-right-style:Solid;	
	border-color:#000000;
	border-width:1px;
}

.border-TopLeft-Black-Solid
{	
	border-top-style:Solid;
	border-left-style:Solid;	
	border-color:#000000;
	border-width:1px;
}

.border-BottomRight-Black-Solid
{	
	border-bottom-style:Solid;
	border-right-style:Solid;	
	border-color:#000000;
	border-width:1px;
}

.border-TopBottomLeft-Black-Solid
{	
	border-top-style:Solid;
	border-bottom-style:Solid;
	border-left-style:Solid;	
	border-color:#000000;
	border-width:1px;
}

.border-TopBottomRight-Black-Solid
{	
	border-top-style:Solid;
	border-bottom-style:Solid;
	border-right-style:Solid;	
	border-color:#000000;
	border-width:1px;
}

.border-BottomLeft-Black-Solid
{	
	border-bottom-style:Solid;
	border-left-style:Solid;	
	border-color:#000000;
	border-width:1px;
}

.border-TopBottomLeftRight-Black-Solid
{	
	border-top-style:Solid;
	border-bottom-style:Solid;
	border-left-style:Solid;
	border-right-style:Solid;
	border-color:#000000;
	border-width:1px;
}

.border-BottomLeftRight-Black-Solid
{	
	border-bottom-style:Solid;
	border-left-style:Solid;
	border-right-style:Solid;		
	border-color:#000000;
	border-width:1px;
}

.image-Bottom-Align
{	
	vertical-align: Bottom;
}

/* new menu item styles*/
.menu-Item
{
	font-weight:normal! important;
	white-space:nowrap;
}

.menu-ItemAlignTop
{
	vertical-align:top;
}

.menu-ItemImage
{
	vertical-align:middle;
}

.menu-ItemTable
{
	margin-right:15px;
}

.menu-ItemTable td.nowrap
{
	white-space:nowrap;
}

.menu-ItemTable td.Hover
{
	cursor:pointer; 
	white-space:nowrap;
}

/* Verisign */
.verisign-HyperLink
{
	color:#000000;
	font-size:7px !important; 
	font-weight:bold !important;
	font-family:Verdana, Sans-Serif;
	letter-spacing:.5px;
	text-decoration:none;
	text-align:center;
}
/* End Verisign */

.HER-cell-highlighted 
{
    background: #35D966;
}

.Expand{
    position: relative;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTgiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAxOCAzMiIgZmlsbD0iIzVmNWY1ZiI+PHBhdGggZD0iTTE4LjI4NiAxMi41NzFxMCAuNDY0LS4zMzkuODA0bC04IDhxLS4zMzkuMzM5LS44MDQuMzM5dC0uODA0LS4zMzlsLTgtOFEwIDEzLjAzNiAwIDEyLjU3MXQuMzM5LS44MDQuODA0LS4zMzloMTZxLjQ2NCAwIC44MDQuMzM5dC4zMzkuODA0eiIvPjwvc3ZnPg==); 
    background-repeat: no-repeat; 
    background-size:10px;
    background-position: center;  
}

.Collapse{
    position: relative;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTgiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAxOCAzMiIgZmlsbD0iIzVmNWY1ZiI+PHBhdGggZD0iTTE4LjI4NiAyMS43MTRxMCAuNDY0LS4zMzkuODA0dC0uODA0LjMzOWgtMTZxLS40NjQgMC0uODA0LS4zMzlUMCAyMS43MTR0LjMzOS0uODA0bDgtOHEuMzM5LS4zMzkuODA0LS4zMzl0LjgwNC4zMzlsOCA4cS4zMzkuMzM5LjMzOS44MDR6Ii8+PC9zdmc+); 
    background-repeat: no-repeat; 
    background-size:10px; 
    background-position: center; 
}


/* Start dashboard ADO942218 04/03/2025 [JWG] Fix NextGenUI */

.main-container-dashboard {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	height: expression(eval(documentElement.clientHeight + document.body.scrollTop));
	height: 100% !important;
}

.main-container-dashboard #main-body-container {
	text-align: left;
	/* R131871 17/12/2013 [YW] */
	_height: auto;
	min-height: auto;
	/* height:100% !important; */
	margin: 3px 10px 0px 10px;
	font-size: 1em;
}
.main-container-dashboard #content-container {
	color: black;
	float: left;
	_width: auto;
	_height: auto;
	min-height: auto;
	min-width: auto;
	margin: 0px 0px 0px 0px;
}

.main-container-dashboard #content-form-container {
	border: 0;
	float: left;
	_height: auto;
	min-height: auto;
	_width: auto;
	min-width: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.main-container-dashboard .content-form {
	float: left;
	_height: auto;
	min-height: auto;
	_width: 100%;
	min-width: 0;
	margin: 0px 0px 0px 0px;
}


.main-container-dashboard #form-tab-container {
	font-weight: bold;
	_height: 30px;
	min-width: auto;
	min-height: auto;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 4px 8px;
}

.main-container-dashboard #content-header {
	_height: auto;
	min-height: auto;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 10px;
	float: left;
	vertical-align: middle;
}


/* End dashboard */