﻿
body
{
	background-color: #FFFFFF;
}

table
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	color: black;
}

A
{
	color: #800000;
}

A.title
{
	color: black;
	text-decoration: none;
	font-size: 10pt;
}

.title
{
	color: black;
	text-decoration: none;
	font-size: 10pt;
}

.text
{
	color: black;
	font-size: 8pt;
}

.button
{
	/*border-color: #FFFFFF #666666 #666666 #FFFFFF; 	background-color: #CCCC99; border-style: solid; 	border-top-width: 1px; border-right-width: 1px; 	border-bottom-width: 1px; border-left-width: 1px;*/
}

/* button hover and active effect (CSS2) currently does not supported by IE */
.button:hover
{
}

.button:active
{
}

td.framebody
{
	border: 1px solid black;
	background-color: #e0e0e0;
}

td.frametitle
{
	color: White;
	font-size: 8pt;
	background-color: #666699;
}

.linkButton
{
}

div.mainmenu
{
	width: 100%;
	left: 0px;
	position: absolute;
	top: 0px;
	height: 87px;
}
table.mainmenu
{
	background-color: white;
}
table.mainmenu td
{
	vertical-align: middle;
	height: 21px;
	text-align: left;
}
table.stdTable
{
	border-top-width: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	padding-bottom: 0px;
	margin: 0px;
	width: 100%;
	padding-top: 0px;
	border-right-width: 0px;
}

.banner
{
	text-align: center;
}
.commandBar
{
}
.commandBar div
{
	text-align: right;
}
.commandBar table
{
	margin-left: auto;
	margin-right: 0;
}
.commandButtons
{
	text-align: right;
}



.loginInfo .text
{
	white-space: nowrap;
}

.loginInfo .fieldPromptBackground
{
	background-color: #e0e0e0;
}
.loginInfo .fieldBackground
{
	background-color: #e0e0e0;
}

.loginInfo td
{
}
/*Global Menu */
.commandButtons table, .commandButtons table td
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	background-color: #706e9d; /*lightsteelblue;*/
}
.nav a
{
	border-right: lavender 1px solid;
	padding-right: 2px;
	border-top: lavender 1px solid;
	padding-left: 2px;
	background-color: #706e9d; /*background-image: url(.\bg-menu-normal.jpg);*/
	padding-bottom: 2px;
	border-left: lavender 1px solid;
	cursor: hand;
	padding-top: 2px;
	border-bottom: lavender 1px solid;
	white-space: nowrap;
	position: relative;
	top: 0px;
	text-decoration: none;
	color: White;
}

.nav a:hover
{
	/*font-weight: bold; 	border-right: 1px solid gray; 	border-bottom: 1px solid gray;*/
	background-color: #605982; /*background-image: url(.\bg-menu-hoover.jpg);	*/
}

.dropdownmenu
{
	z-index: 1;
	left: 0px; /*background-image: url(.\bg-menu-normal.jpg);*/
	width: 100%;
	color: black;
	position: absolute;
	top: 50px;
	background-color: yellow;
}
/*main menu bar ??? */
.dropdownmenu table
{
	border-right: mediumpurple 1px solid;
	padding-right: 3px;
	border-top: mediumpurple 1px solid;
	padding-left: 3px;
	font-size: 8pt;
	padding-bottom: 3px;
	border-left: mediumpurple 1px solid;
	width: 100%;
	cursor: hand;
	color: black;
	padding-top: 3px;
	border-bottom: mediumpurple 1px solid;
	background-color: #706e9d; /*lightsteelblue;*/
	text-decoration: none;
}

.topItems
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	width: 130px;
	color: black;
	padding-top: 0px;
}

/* Main menu "button" */
.topItems a
{
	border-right: lavender 1px solid;
	padding-right: 3px;
	border-top: lavender 1px solid;
	display: block;
	padding-left: 3px; /*background-image: url(.\bg-menu-normal.jpg);*/
	padding-bottom: 3px;
	border-left: lavender 1px solid;
	width: 130px;
	color: white;
	padding-top: 3px;
	border-bottom: lavender 1px solid;
	white-space: nowrap;
	text-decoration: none;
	background-color: #706e9d;
}

.topItems a:hover
{
	font-weight: bold; /*border-right: 1px solid gray; 	border-bottom: 1px solid gray; 	background-image: url(.\bg-menu-hoover.jpg);*/
	background-color: #605982;
}

.topItem
{
	border-right: lavender 1px solid;
	padding-right: 0px;
	border-top: lavender 1px solid;
	padding-left: 0px;
	z-index: 1;
	visibility: hidden;
	padding-bottom: 0px;
	margin: 0px;
	border-left: lavender 1px solid;
	padding-top: 0px;
	border-bottom: lavender 1px solid;
	position: absolute;
	top: 75px;
	background-color: #706e9d; /*lightsteelblue;*/
	color: White;
}

/* Sub-menu */
.subItem a
{
	display: block;
	border-right: #706e9d 1px solid;
	padding-right: 3px;
	border-top: #706e9d 1px solid;
	padding-top: 3px;
	border-left: #706e9d 1px solid;
	padding-left: 3px;
	border-bottom: #706e9d 1px solid;
	padding-bottom: 3px; /*background-image: url(./bg-menu-normal.jpg);*/
	background-color: #706e9d;
	color: White;
}
.subItem a:hover
{
	/*font-weight: bold; 	background-color:rgb(255, 128, 128); 	background-image: url(.\bg-menu-hoover.jpg); 	*/
	background-color: #605982;
	border-left: 1px solid lavender;
	border-top: 1px solid lavender; /*border:0px;*/
}

.subItemSeparator
{
	background-color: White;
	margin: 0 auto;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 1px;
}

.zzMainPage
{
	width: 100%;
	left: 0px;
	top: 0px;
	position: absolute;  

}

.ReportMainPage
{
	width: 100%;
	left: 0px;
	top: 0px;
}
/********** Start Fields/FieldGroups **********/
.fieldGroupTable
{
	border: solid 1px #98d0de;
	background-color: #e0e0e0; /*#e8f7ff;*/
	width: 100%;
}

.fieldGroupTitle
{
	padding-left: 25px;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid 1px #000000;
}

.fieldPromptBackground
{
	background-color: #e6e8f0;
}

.fieldPrimaryKey
{
	font: inherit;
	font-weight: bold;
}

.fieldBackground
{
	background-color: #F1F3FB;
}

.readOnlyTextbox
{
	border: solid 1px #E0E0E0;
	background-color: #F2F4FB; 
	font-size: 8pt;
	font-family: Tahoma, Arial, Helvetica;
}

.enabledTextbox
{
	border: solid 1px #7395BF;
	background-color: #FFFFFF;
	font-size: 8pt;
	font-family: Tahoma, Arial, Helvetica;
}

.enabledTextboxMandatory
{
	border: solid 1px #7395BF;
	background-color: #FDFCDF;
	font-size: 8pt;
}

.enabledCheckbox
{
	border-style: none;
	border-width: 0px;
}

.checkboxMandatory
{
	border-style: none;
	border-width: 0px;
	background-color: #FDFCDF;
}

.listCtrlWithBorder
{
	border-style: solid;
	border-width: 1px;
	background-color: #FFFFFF;
	font-size: 8pt;
}

.listCtrlWithBorderMandatory
{
	border-style: solid;
	border-width: 1px;
	background-color: #FDFCDF;
	font-size: 8pt;
}

.listCtrlWithoutBorder
{
	border-style: none;
	border-width: 0px;
	background-color: #FFFFFF;
	font-size: 8pt;
}

.listCtrlWithoutBorderMandatory
{
	border-style: none;
	border-width: 0px;
	background-color: #FDFCDF;
	font-size: 8pt;
}
/********** End Fields/FieldGroups **********/



/********* PAGE TAB RELATED STYLES *********/
.passivelefttab
{
	text-align: left;
	width: 5px;
	border-bottom: black 1px solid;
	background: #99ccff url(InactiveTab-Left.png) no-repeat top left;
	cursor: hand;
}

.passivetab
{
	white-space: nowrap;
	text-align: center;
	border-bottom: black 1px solid;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #99ccff url(InactiveTab-centre.png) repeat top;
	cursor: pointer;
	cursor: hand;
}

.passiverighttab
{
	text-align: right;
	width: 5px;
	border-bottom: black 1px solid;
	background: #99ccff url(InactiveTab-Right.png) no-repeat top right;
	cursor: hand;
}

.activelefttab
{
	text-align: left;
	width: 5px;
	background: white url(ActiveTab-Left.png) no-repeat top left;
}

.activetab
{
	white-space: nowrap;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: white url(ActiveTab-Centre.png) repeat top;
}

.activerighttab
{
	text-align: right;
	width: 1px;
	background: white url(ActiveTab-Right.png) no-repeat top right;
}

.tabspacestyle
{
	width: 5px;
	border-bottom: black 1px solid;
}

.lasttabspace
{
	border-bottom: black 1px solid;
}

.lefttabnavigationpanel
{
	width: 1;
}

.tabnavigationpanel
{
	padding-bottom: 10px;
}

.righttabnavigationpanel
{
	width: 1;
}

.recordnavigation, .recordcounter, .standardtabbutton, .customtabbutton, .savecancelbutton
{
	font-size: 8pt;
	text-align: left;
}

.tabbodystyle
{
	font-size: 8pt;
	border-right: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: white;
}

/*******************************************/

.fieldSummaryTitle
{
	/*padding-left:10px; 	padding-right:35px;*/
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid 1px #000000;
	display: block;
}

.RISdivlfthead
{
	background-color: #f2eef6;
	border: 1px solid #cccccc;
	padding: 5px;
	text-align: center;
}
.RISdivlfthead a
{
	color: #000000;
	text-decoration: none;
}
.RISdivlfthead a:hover
{
	color: #000000;
	text-decoration: underline;
}

.RISdivlftscroll
{
	height: 300px;
	overflow: scroll;
}

.RISgrid
{
	color: #000000;
	background-color: #ffffff;
	padding: 5px;
}
.RISgrid a
{
	color: #000000;
	background-color: #ffffff;
	text-decoration: none;
}
.RISgrid a:hover
{
	color: #000000;
	background-color: #ffffff;
	text-decoration: underline;
}

.RISgridalt
{
	color: #000000;
	background-color: #EAEAEA;
	padding: 5px;
}
.RISgridalt a
{
	color: #000000;
	background-color: #EAEAEA;
	text-decoration: none;
}
.RISgridalt a:hover
{
	color: #000000;
	background-color: #EAEAEA;
	text-decoration: underline;
}

.reviewInvoices
{
	border: 1px solid #000000;
	width: 100%;
}
.txtthick
{
	font-weight: bold;
}
.sp10
{
	padding-left: 10px;
}
.sp20
{
	padding-left: 20px;
}
.wth40
{
	width: 40%;
}
.wth20
{
	width: 20%;
}
.reviewDetails
{
	border-collapse: collapse;
	width: 100%;
}
.hdrtb
{
	display: block;
	width: 100%;
}

.impTextBox
{
	color: Red;
	line-height: 15px;
	border: solid 1px #cccccc;
	padding: 5px;
}
.msgText
{
	color: Red;
	font-weight: bold;
}


/*--------------------------------------*/
/*	ACTION BAR REPORTS					*/
/*--------------------------------------*/
.rptActionBar
{
	/* reports main action bar */
	background: url(images/rptToolBg.gif) repeat-x;
	height: 26px;
	float: left;
	font-size: 8pt;
	line-height: 25px;
	margin: 0 0 10px 0;
	overflow: hidden;
	width: 100%;
}
.rptActionBarLeft
{
	/* reports main action bar */
	background: url(images/rptToolBg.gif) repeat-x;
	height: 26px;
	float: left;
	font-size: 8pt;
	line-height: 25px;
	margin: 0 0 10px 0;
	overflow: hidden;
	width: 100%;
	text-align: left;
}
.rptAtnBarLeft
{
	background: url(images/rptLeftCorner.gif) no-repeat;
	float: left;
	height: 26px;
	overflow: hidden;
	width: 9px;
}
.rptAtnBarRight
{
	background: url(images/rptRightCorner.gif) no-repeat;
	float: right;
	height: 26px;
	width: 9px;
}
.rptActionBar a
{
	/* reports action links */
	color: #0000ff;
	float: left;
	text-decoration: underline;
}
.rptActionBar a:hover
{
	color: #000000;
	text-decoration: none;
}
.rptActionBar a img
{
	border: 0px;
}
.rptActionBar a.help
{
	/* reports help icon */
	background: url(images/helpIco.gif) no-repeat;
	display: block;
	float: right;
	height: 19px;
	margin: 3px 0 0 3px;
	width: 19px;
}
.rptActionBar input
{
	/*reports action button style */ /*float:				right;[Bug-78: To make Submit button into center of the action bar]*/
	height: 19px;
	margin: 3px 0 0 0;
	font-size: 1em;
}
.reportMessage
{
	color: red;
	/*float: left;*/
	margin-left:10px;
	display:inline;
}
.reportMessage b, .reportMessage strong
{
	font-weight: normal !important;
}
.reportMessage em
{
	font-weight: bold;
	font-style: italic;
}
.reportMessage1
{
	color: red;
	/*float: left;*/
	margin-left:300px;
	display:inline;
	/*width:200px;
	border: 1px solid red;*/
}

/*--------------------------------------*/
/*	REPORTS								*/
/*--------------------------------------*/
.filterList /* reports filter styling */
{
	font-size: 0.9em;
}
.filterList table /* reports filter styling */
{
	width: 100%;
}
.filterList table td /* reports filter styling */
{
	padding: 5px;
}
.filterList fieldset
{
	padding: 0 0 5px 0;
}
.filterList legend
{
	/*color:				#000000;   */
	font-size: 1.1em;
	font-weight: bold;
}
.filterList .RadGrid
{
	margin: 5px;
}
.filterList .MasterTable_Default
{
	border: 1px solid #e0e0e0 !important;
}
.filterList td
{
	border-bottom: 1px solid #e0e0e0;
	font-size: 1.0em;
}
.filterList a.linkButton
{
	color: #000000;
	text-decoration: none;
}
.filterList a.linkButton:hover
{
	color: #000000;
	text-decoration: underline;
}
.rptTblPad
{
	padding: 7px 0 0 10px;
}
#CategoriesPanel fieldset
{
	padding: 5px;
}
.rptFilter
{
	border: 1px solid #262626;
}
.rptFilter td
{
	border: 1px solid #262626;
	padding: 2px 5px;
}
.filterLabel
{
	clear: both;
	display: block;
	padding: 0 0 3px 0;
}
/*--------------------------------------*/
/*	Ping Pong							*/

.pingPongTable
{
	border: 1px solid #3d5985 !important;
}
.pingPongFooter, .pingPongHead
{
	background: url(images/pingPongHeadBg.gif) repeat-x;
	color: #ffffff;
	height: 18px;
	font-weight: bold;
}
.pingPongTable select
{
	border: 1px solid red !important;
}

/*--------------------------------------*/
/*	SEARCH								*/
/*--------------------------------------*/
.search
{
}
.search table
{
	width: 100%;
}
.search table table
{
	width: 100%;
}

/*--------------------------------------*/
/*	REPORTS STYLES OVERRIDE				*/
/*--------------------------------------*/
.rptContainer .fieldPromptBackground, .rptContainer .fieldBackground
{
	background: none; /* removes default page backgrounds */
}

.fieldsetHead
{
	border-bottom: 1px solid #000000;
	font-weight: bold;
	text-decoration: none;
}


/*--------------------------*/
/* Field group SELECTS		*/

.listCtrlWithBorder /* default SELECT RAD Default enabled */
{
	/*	border-style:	solid; 	border-width:	1px; 	background:		#ffffff;*/
}

.listCtrlWithBorderMandatory .rcbInputCellLeft /* mandatory SELECT with border */
{
	border-style: solid;
	border-width: 1px;
	background: #d6e3f4 !important;
}
.listCtrlWithBorderMandatory .editControl /* mandatory SELECT with border */
{
	border-style: solid;
	border-width: 1px;
	background: #fff8c6 !important;
}
.listCtrlWithoutBorder /* defaut SELECT without border */
{
	border-style: none;
	border-width: 0px;
}
.listCtrlWithoutBorderMandatory /* mandatory SELECT without border */
{
	border-style: none;
	border-width: 0px;
	background: #fdfcdf;
}
.listCtrlEdited /* Edited SELECT */
{
	border-style: solid;
	border-width: 1px;
	background: #ffffcc !important;
}

/*--------------------------------------*/
/*	DATA GRID							*/
/*--------------------------------------*/
.containerGrid
{
	border: 1px solid #000000;
}
.dataGrid
{
	border: 1px solid #ffffff;
	margin: 0 0 10px 0;
}
.dataGrid tr.GridHead
{
	background-color: #666699;
	color: #FFFFFF;
}
.dataGrid tr.GridHead td
{
	padding: 5px;
}
.dataGrid tr.GridHead td a
{
	color: #FFFFFF;
	text-decoration: underline;
}
.dataGrid tr.GridHead td a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}

.dataGrid tr.mainGrid
{
	background-color: #e0e0e0;
	color: #000000;
}
.dataGrid tr.mainGrid td
{
	padding: 5px;
}
.dataGrid tr.AltGrid
{
	background-color: #FFFFFF;
	color: #000000;
}
.dataGrid tr.AltGrid td
{
	padding: 5px;
}
.gridTableMulti table
{
	background: #f1f1f1;
	border: 1px solid #a6caf0;
	margin: 0 0 10px 0;
	width: 100%;
}
.gridTableMulti table th
{
	background-color: #a6caf0;
	height: 24px;
	padding: 0 5px;
}
.gridTableMulti table td
{
	padding: 0 5px;
}

a.gridButton_new /* grid link buttons */
{
	border: 1px solid #003c74;
	background: url(images/btnBg.gif) #f0f0eb;
	color: #000000 !important;
	display: block;
	float: left;
	font-size: 0.9em;
	height: 20px;
	line-height: 20px;
	margin: 0 2px;
	padding: 0 3px;
	text-decoration: none !important;
	white-space: nowrap;
}
a.gridButton_new:hover
{
	border: 1px solid #003c74;
	background: url(images/btnBgHv.gif) #f0f0eb;
	color: #000000 !important;
	text-decoration: none !important;
}
.gridButtonCol
{
	white-space: nowrap !important;
	width: 80px !important;
}

.pagination a
{
	padding-left: 3px;
}

/*--------------------------------------*/
/*	CALENDAR							*/
/*--------------------------------------*/
.calendar
{
	font-size: 0.75em;
	background: url(images/calendar.gif) repeat-x;
	width: 22px;
	height: 20px;
	vertical-align: top;
}

.rptContainer
{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align:center;
}

td.TagRptHead
{
	background-color: #666699 !important;
	color: #FFFFFF !important;
}
td.TagRptHead a
{
	color: #FFFFFF !important;
}

/* Report Display */
@media print 
{
	#button_panel, .report_panel {display: none;}
}