﻿body
{
	font-family: Verdana;
	font-size: 9pt;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}

#topband
{
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	right: 0;
	border: none;
	color: black; /*overflow: auto;*/
	z-index: 9999;
}
.main
{
	position: absolute;
	top: 355px;
	left: 0;
	bottom: 0;
	right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	background-color: white;
	overflow: auto;
	z-index: 0;
	text-align: center;
}
.Breadcrumbs
{
	position: absolute;
	font-size: 12px;
	color: #6DBCDC;
	top: 100px; /*z-index:1;*/
}
#desktop
{
	position: absolute;
	top: 82px;
	left: 0;
	bottom: 0;
	right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	background-color: transparent;
	overflow: auto;
	height: 296px;
}
#sidebar
{
	position: absolute;
	top: 20em;
	left: 0;
	bottom: 0;
	right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	background-color: white;
	overflow: auto;
	z-index: 2;
	width: 160px;
}
.subMenu
{
	position: absolute;
	top: 270px;
	left: 0;
	bottom: 0;
	right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	overflow: auto;
	z-index: 0;
	text-align: center;
	width: 100%;
	height: 40px;
}
.subMenuTop
{
	position: absolute;
	top: 200px;
	left: 0;
	bottom: 0;
	right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	overflow: auto;
	z-index: 0;
	text-align: center;
	width: 100%;
	height: 40px;
}
.subMenu1
{
	position: absolute;
	top: 270px;
	left: 0;
	bottom: 0;
	right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	overflow: auto;
	z-index: 0;
	text-align: center;
	width: 100%;
	height: 70px;
}
.subsubmenu
{
	width: 798px;
	border: solid 1px #A1A1A1;
	height: 33px;
	margin: 0 auto;
}
.subsubmenu1
{
	width: 798px;
	border: solid 1px #A1A1A1;
	height: 66px;
	margin: 0 auto;
}

/****************************************************************/
/****** SETUP FOR THE TABBED CONTAINERS *************************/
/****************************************************************/

/* CUSTOM PANEL*/
/*Vertical Align*/
.ajax__MyTab .ajax__tab_header
{
	float: left;
}
.ajax__MyTab .ajax__tab_body
{
	margin-left: 141px;
	border-top: solid 1px #A1A1A1;
}
.ajax__MyTab .ajax__tab_outer
{
	display: block !important;
}
.ajax__MyTab .ajax__tab_tab
{
	width: 134px;
	height: auto !important;
}

.ajax__tab_header
{
	font-family: verdana,tahoma,helvetica;
	font-size: 11px;
}

.ajax__MyTab .ajax__tab_outer
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	background: url( "Images/Tabs/tab-right.png" ) repeat-x;
}
.ajax__MyTab .ajax__tab_inner
{
	padding-left: 2px;
	padding-right: 0px;
	background: url( "Images/Tabs/tab-left.png" ) no-repeat;
}
.ajax__MyTab .ajax__tab_tab
{
	padding: 8px;
	padding-left: 2px;
	padding-right: 0px;
	background: url( "Images/Tabs/tab.png" ) repeat-x;
}

.ajax__MyTab .ajax__tab_hover .ajax__tab_outer
{
	background: url( "Images/Tabs/tab-hover-right-yellow.png" ) repeat-x;
}
.ajax__MyTab .ajax__tab_hover .ajax__tab_inner
{
	background: url( "Images/Tabs/tab-hover-left-yellow.png" ) no-repeat;
}
.ajax__MyTab .ajax__tab_hover .ajax__tab_tab
{
	background: url( "Images/Tabs/tab-hover-yellow.png" ) repeat-x;
}

.ajax__MyTab .ajax__tab_active .ajax__tab_outer
{
	background: url( "Images/Tabs/tab-active-right-yellow.png" ) repeat-x;
}
.ajax__MyTab .ajax__tab_active .ajax__tab_inner
{
	background: url( "Images/Tabs/tab-active-left-yellow.png" ) no-repeat;
}
.ajax__MyTab .ajax__tab_active .ajax__tab_tab
{
	background: url( "Images/Tabs/tab-active-yellow.png" ) repeat-x;
}

.ajax__tab_body
{
	font-family: verdana,tahoma,helvetica;
	font-size: 10pt;
	border: 1px solid #999999;
	border-top: 0;
	padding: 0px;
	background-color: #ffffff;
}

/*Horizontal Align*/
.ajax__Horizontal_tab .ajax__tab_header
{
	float: left;
	left: auto;
}
.ajax__Horizontal_tab .ajax__tab_body
{
	margin-left: 0px;
}
.ajax__Horizontal_tab .ajax__tab_outer
{
	display: inline !important;
}
.ajax__Horizontal_tab .ajax__tab_tab
{
	width: 100px;
	height: auto !important;
}

.ajax__Horizontal_tab .ajax__tab_outer
{
	padding-top: 23px;
	padding-right: 0px;
	padding-left: 0px;
	background: url( "Images/Tabs/tab-horiz-right.png" ) no-repeat right;
}
.ajax__Horizontal_tab .ajax__tab_inner
{
	padding-left: 3px;
	background: url( "Images/Tabs/tab-left.png" ) no-repeat;
}
.ajax__Horizontal_tab .ajax__tab_tab
{
	padding-top: 7px;
	padding-bottom: 11px;
	background: url( "Images/Tabs/tab.png" ) repeat-x;
}

.ajax__Horizontal_tab .ajax__tab_hover .ajax__tab_outer
{
	background: url( "Images/Tabs/tab-hover-horiz-right-yellow.png" ) no-repeat right;
}
.ajax__Horizontal_tab .ajax__tab_hover .ajax__tab_inner
{
	background: url( "Images/Tabs/tab-hover-left-yellow.png" ) no-repeat;
}
.ajax__Horizontal_tab .ajax__tab_hover .ajax__tab_tab
{
	background: url( "Images/Tabs/tab-hover-yellow.png" ) repeat-x;
}

.ajax__Horizontal_tab .ajax__tab_active .ajax__tab_outer
{
	background: url( "Images/Tabs/tab-active-horiz-right-yellow.png" ) no-repeat right;
}
.ajax__Horizontal_tab .ajax__tab_active .ajax__tab_inner
{
	background: url( "Images/Tabs/tab-active-horiz-left-yellow.png" ) no-repeat;
}
.ajax__Horizontal_tab .ajax__tab_active .ajax__tab_tab
{
	background: url( "Images/Tabs/tab-active-horiz-yellow.png" ) repeat-x;
}


/*Vertical Align*/
.ajax__TransTab .ajax__tab_header
{
	float: left;
}
.ajax__TransTab .ajax__tab_body
{
	margin-left: 141px;
	border-top: solid 1px #A1A1A1;
	margin-right: 140px;
}
.ajax__TransTab .ajax__tab_outer
{
	display: block !important;
}
.ajax__TransTab .ajax__tab_tab
{
	width: 133px;
	height: auto !important;
}

.ajax__tab_header
{
	font-family: verdana,tahoma,helvetica;
	font-size: 11px;
}

.ajax__TransTab .ajax__tab_outer
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	background: url( "Images/Tabs/tab-right.png" ) repeat-x;
}
.ajax__TransTab .ajax__tab_inner
{
	padding-left: 3px;
	background: url( "Images/Tabs/tab-left.png" ) no-repeat;
}
.ajax__TransTab .ajax__tab_tab
{
	padding: 10px;
	padding-left: 2px;
	padding-right: 0px;
	background: url( "Images/Tabs/tab.png" ) repeat-x;
}

.ajax__TransTab .ajax__tab_hover .ajax__tab_outer
{
	background: url( "Images/Tabs/tab-hover-right-yellow.png" ) repeat-x;
}
.ajax__TransTab .ajax__tab_hover .ajax__tab_inner
{
	background: url( "Images/Tabs/tab-hover-left-yellow.png" ) no-repeat;
}
.ajax__TransTab .ajax__tab_hover .ajax__tab_tab
{
	background: url( "Images/Tabs/tab-hover-yellow.png" ) repeat-x;
}

.ajax__TransTab .ajax__tab_active .ajax__tab_outer
{
	background: url( "Images/Tabs/tab-active-right-yellow.png" ) repeat-x;
}
.ajax__TransTab .ajax__tab_active .ajax__tab_inner
{
	background: url( "Images/Tabs/tab-active-left-yellow.png" ) no-repeat;
}
.ajax__TransTab .ajax__tab_active .ajax__tab_tab
{
	background: url( "Images/Tabs/tab-active-yellow.png" ) repeat-x;
}

.ajax__tab_body
{
	font-family: verdana,tahoma,helvetica;
	font-size: 10pt;
	border: 1px solid #999999;
	border-top: 0;
	padding: 0px;
	background-color: #ffffff;
}


/******* END TABBED CONTAINER SETUP ****************************/

.hyperlink
{
	cursor: hand;
	color: Blue;
	text-decoration: 'underline';
}

.userNameLabel
{
	font-weight: bold;
	color: #FFFFFF;
}



.userNameTable
{
	position: absolute;
	top: 80px;
	left: 0;
	bottom: 0;
	right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	overflow: auto;
	z-index: 0;
	text-align: left;
	width: 800px;
	margin: 0 auto;
	height: 40px;
}

/******* NOMINATION */
.Nom_Instruction
{
	font-size: 8pt;
	font-style: italic;
}


.desktopLabel
{
	cursor: pointer;
	font-size: 11pt;
	color: #FFFFFF;
	font-weight: bold;
	z-index: 0;
}

.DesktopTable
{
	text-align: center;
}
.GITable
{
	text-align: left;
}
.GITPL
{
	font-size: 8px;
}

.textbox
{
	font-size: 9pt;
	font-family: Arial;
}

.desktopLinks
{
	text-decoration: none;
	color: #778899;
	font-size: 8pt;
	z-index: 0;
}

.DashLinks
{
	text-decoration: none;
	color: #778899;
	font-size: 8pt;
	z-index: 0;
	font-size: 8pt;
}


.invisible
{
	display: none;
}

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.progressBackgroundFilter
{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background-color: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
	z-index: 1001;
}
.processMessage
{
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 10px;
	width: 14%;
	z-index: 1001;
}

.loading
{
	font-size: 8pt;
	font-variant: small-caps;
	font-style: italic;
}

.subTitle
{
	font-size: 9pt;
	font-weight: bold;
}

.tabTitle
{
	font-size: 9pt;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: underline;
}
/*Login*/
.LoginPanel
{
	border-left: solid 3px #778899;
	border-bottom: solid 3px #A1A1A1;
	border-right: solid 3px #A1A1A1;
	border-top: solid 3px #778899;
}
.LoginText
{
	font-size: 8pt;
	font-weight: bold;
	color: #778899;
}

.LoginTextBoxes
{
	height: 12px;
	width: 150px;
	font-size: 9pt;
}

.LoginButton
{
	height: 20px;
	font-size: 9pt;
	font-weight: bolder; /*font-family:'trebuchet ms',helvetica,sans-serif;*/
	font-family: Verdana,helvetica, Sans-Serif;
	border-top-color: #EEE;
	border-left-color: #EEE;
	border-right-color: #DDD;
	border-bottom-color: #DDD;
	cursor: hand;
	filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr= '#ffffffff' ,EndColorStr= '#ffEEEEEE' );
}

.LoginMiniPanel
{
	font-size: 8pt;
	font-weight: bold;
	text-decoration: 'underline';
	width: 160px;
	background-color: White;
}

/* Header */
.HeaderDiv
{
	width: 100%;
	text-align: center; /*position: absolute; 	margin: 0; padding: 0; top: 0; left: 0; right: 0; border: none; 	color: black; */ /*overflow: auto;*/
	z-index: 9999;
}

.HeaderImage
{
	height: 106px;
	background-image: url( 'images/spacer_11.gif' );
}
.HeaderText
{
	font-size: 20pt;
	color: #555555;
	text-indent: 60px;
	font-family: Arial Narrow;
	text-align: left;
	margin-top: 10px;
	font-weight: normal;
}
.OuterHeaderText
{
	font-weight: bold;
	font-size: 30pt;
	color: #FFFFFF;
	font-family: Arial Narrow;
}


.HeaderLogo
{
	text-align: left;
}

/* MENU */
.MenuStyle
{
	width: 100%;
	background-color: transparent;
	z-index: 9999;
	text-align: left;
}
.staticmenuItems
{
	font-family: Arial;
	text-decoration: none;
	color: #FFF;
	font-weight: bold; /*font-variant:small-caps;*/
}

.dynamicMenuItems
{
	font-family: Arial;
	text-decoration: none;
	color: white;
	font-weight: bold;
	background-color: #A1A1A1;
	height: 20px;
}

.menuItemsOver
{
	font-family: Arial;
	text-decoration: none;
	color: Orange;
	font-weight: bold;
}

.HeaderMenu
{
	background-color: #A1A1A1;
	height: 28px;
}

.dynamicMenu
{
	background-color: Blue;
}

.secTierMenu
{
	color: #888;
	font-weight: bold;
	text-decoration: none;
}

.secLevelStyle
{
	vertical-align: middle;
	height: 22px;
	font-size: 8pt;
}

.secLevelStyle1
{
	vertical-align: middle;
	height: 44px;
}

/* PRICING SCHEDULE SETUP */
.psSetupSubHeaders
{
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
}

.psSetupLinkButtons
{
	font-size: 9pt;
	color: Blue;
	text-decoration: 'underline';
	cursor: hand;
}

/* PROGRAM CONFIGURATION */
.pcSetupSubHeaders
{
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
}

.pcSetupLinkButtons
{
	font-size: 9pt;
	color: Blue;
	text-decoration: 'underline';
	cursor: hand;
}

.expandImage
{
	cursor: hand;
}

.pcQualSelect
{
	/*border: solid 1px black;*/
	width: 100%;
}

.pcHorRule
{
	color: Orange;
	width: 100%;
	height: 1px;
}

.pcGridHeaderRow
{
	font-weight: bold;
	font-variant: small-caps;
	font-size: 8pt;
	white-space: nowrap;
	text-align: center;
}

.collapsePanel
{
	overflow: hidden;
	height: 0px;
}

.MessageBox
{
	width: 100px;
	height: 70px;
	position: absolute;
	top: 50%;
	left: 50%;
	display: none;
	background-color: White;
	border: solid 1px darkgray;
	z-index: 9999;
	position: fixed;
	font-size: 9pt;
	font-variant: small-caps;
}

.pcTables
{
	width: 700px;
}

/* RTO SETUP STYLES */
.rsSetupSubHeaders
{
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
}

.rsSetupLinkButtons
{
	font-size: 9pt;
	color: Blue;
	text-decoration: 'underline';
	cursor: hand;
}

.rsGridHeaderRow
{
	font-weight: bold;
	font-variant: small-caps;
	font-size: 8pt;
	white-space: nowrap;
	text-align: center;
}
.rsGridItems
{
	font-size: 9pt;
	width: 100%;
}
.rsRegions
{
	font-size: 8pt;
	width: 100%;
}
.rsStandOutHeader
{
	font-size: 9pt;
	text-decoration: 'underline';
}

/* INVOICING */
.invHorRule
{
	color: Orange;
	width: 100%;
	height: 1px;
}

.invTableHeader
{
	border-top: solid 1px darkgray;
	border-bottom: solid 1px darkgray;
	font-weight: bold;
	font-size: 8pt;
	font-variant: small-caps;
}

.invTableHeaderLeft
{
	border-top: solid 1px darkgray;
	border-bottom: solid 1px darkgray;
	font-weight: bold;
	border-left: solid 1px darkgray;
	font-size: 8pt;
	font-variant: small-caps;
}

.invTableHeaderRight
{
	border-top: solid 1px darkgray;
	border-bottom: solid 1px darkgray;
	font-weight: bold;
	border-right: solid 1px darkgray;
	font-size: 8pt;
	font-variant: small-caps;
}

.invSetupSubHeaders
{
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
	text-decoration: underline;
}

.invTableText
{
	font-size: 8pt;
	width: 100%;
}

.leftAlign
{
	text-align: left;
}

.innerHeaders
{
	font-weight: bold;
	text-align: left;
}
.innerTitles
{
	font-weight: bold;
	text-decoration: underline;
	text-align: left;
}

.invHeader
{
	font-size: 11pt;
	font-weight: bold;
}

/* INVOICING REPORTS */
.irSubHeaders
{
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
}

.irTableHeader
{
	border-top: solid 1px darkgray;
	border-bottom: solid 1px darkgray;
	font-weight: bold;
	font-size: 8pt;
	font-variant: small-caps;
}

.irTableHeaderLeft
{
	border-top: solid 1px darkgray;
	border-bottom: solid 1px darkgray;
	font-weight: bold;
	border-left: solid 1px darkgray;
	font-size: 8pt;
	font-variant: small-caps;
}

.irTableHeaderRight
{
	border-top: solid 1px darkgray;
	border-bottom: solid 1px darkgray;
	font-weight: bold;
	border-right: solid 1px darkgray;
	font-size: 8pt;
	font-variant: small-caps;
}

.irSetupSubHeaders
{
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
	text-decoration: underline;
}

.irTableText
{
	font-size: 8pt;
	width: 100%;
}

.irinnerHeaders
{
	font-weight: bold;
	text-align: left;
}
.irinnerTitles
{
	font-weight: bold;
	text-decoration: underline;
	text-align: left;
}
/* IMPORT REPORTS */
.riSubHeaders
{
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
}

.riTableHeader
{
	border-top: solid 1px darkgray;
	border-bottom: solid 1px darkgray;
	font-weight: bold;
	font-size: 8pt;
	font-variant: small-caps;
}

.riTableHeaderLeft
{
	border-top: solid 1px darkgray;
	border-bottom: solid 1px darkgray;
	font-weight: bold;
	border-left: solid 1px darkgray;
	font-size: 8pt;
	font-variant: small-caps;
}

.riTableHeaderRight
{
	border-top: solid 1px darkgray;
	border-bottom: solid 1px darkgray;
	font-weight: bold;
	border-right: solid 1px darkgray;
	font-size: 8pt;
	font-variant: small-caps;
}

.riSetupSubHeaders
{
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
	text-decoration: underline;
}

.riTableText
{
	font-size: 8pt;
	width: 100%;
}

.riinnerHeaders
{
	font-weight: bold;
	text-align: left;
}
.riinnerTitles
{
	font-weight: bold;
	text-decoration: underline;
	text-align: left;
}

.errors
{
	font-weight: bolder;
}

/*RTO CONTRACTS*/
.rcSubHeaders
{
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
}

.rcFieldSet
{
	font-size: 8pt;
	font-variant: small-caps;
	font-weight: bold;
}

.rcLabels
{
	font-weight: bold;
}

.rcTableHeader
{
	border-top: solid 1px darkgray;
	border-bottom: solid 1px darkgray;
	font-weight: bold;
	font-size: 8pt;
	font-variant: small-caps;
}

.rcTableHeaderLeft
{
	border-top: solid 1px darkgray;
	border-bottom: solid 1px darkgray;
	font-weight: bold;
	border-left: solid 1px darkgray;
	font-size: 8pt;
	font-variant: small-caps;
}

.rcTableHeaderRight
{
	border-top: solid 1px darkgray;
	border-bottom: solid 1px darkgray;
	font-weight: bold;
	border-right: solid 1px darkgray;
	font-size: 8pt;
	font-variant: small-caps;
}

.rcSetupSubHeaders
{
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
	text-decoration: underline;
}

.rcTableText
{
	font-size: 8pt;
	width: 100%;
}

.rcinnerHeaders
{
	font-weight: bold;
	text-align: left;
}

.rcinnerTitles
{
	font-weight: bold;
	text-decoration: underline;
	text-align: left;
}

/*
Web Enabler */
.weMainTable
{
	width: 800px;
	text-align: left;
}

.weHeader
{
	font-size: 11pt;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
}

.weLinkButton
{
	color: Blue;
	text-decoration: underline;
	cursor: hand;
}

.wePopupPanels
{
	background-color: White;
	border: solid 1px #778899;
	width: 350px;
}

/* BUDGET REPORT - GRID */
.brSubHeaders
{
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
}

.priorityHeader
{
	font-weight: bold;
	text-decoration: underline;
}

.brHorRule
{
	color: Orange;
	width: 100%;
	height: 1px;
}

.brProgramHeaders
{
	font-weight: bold;
}

.brSubProgramHeaders
{
	font-weight: bold;
}

.brPSHeaders
{
	font-size: 8pt;
	font-weight: bold;
}

.brPSText
{
	font-size: 8pt;
}

/*
	Importer
*/
.impHeaders
{
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
}

.impHorRule
{
	color: Orange;
	width: 100%;
	height: 1px;
}

/* Budget Summary Report */
.topColHeaders
{
	font-weight: bold;
}

.innerColHeaders
{
	font-weight: bold;
	font-size: 10px;
}

.SearchTable
{
	background-color: #F1F1F1;
}

.Move
{
	cursor: move;
}

.zindex
{
	z-index: 11;
}
.zindex12
{
	z-index: 12;
}
.zindex2
{
	z-index: 9999;
}
.invisible
{
	visibility: hidden;
}

.FindClear
{
	text-decoration: none;
}
.addNewPanel
{
	background-color: White;
	width: 300px;
	border: solid 1px darkgray;
	visibility: hidden;
}
.RedText
{
	color: Red;
}
.GreenText
{
	color: Green;
}
.ImageThumbnail
{
	height: auto;
	width: 60px;
}

.validationErrors
{
	font-size: 8pt;
	font-style: italic;
	color: Red;
}

.validationErrorsPopup
{
	display: none;
}

.bulkPeopleGrid
{
	font-size: 8pt;
	vertical-align: top;
}

.payPlanPnl
{
	border: solid 2px DarkGray;
}

.NoImage
{
	background-image: none;
}
.Image
{
	background-image: url( "Images/radial.jpg" );
	background-position: center;
	background-repeat: no-repeat;
}
.SecondNoImage
{
	background-image: none;
}
.SecondImage
{
	background-image: url( "Images/radial1.jpg" );
	background-position: center;
	background-repeat: no-repeat;
}
.SecondText
{
	font-weight: bold;
	text-decoration: underline;
	color: #F89727;
}
.SecondNoText
{
	text-decoration: none;
	color: #888888;
}
.SpeechBubble
{
	background-image: url(Images/SpeechBubble2.gif);
	width: 135px;
	height: 85px;
	position: absolute;
	top: 0;
	right: 150px;
	color: #555555;
	font-weight: 300;
}
.GroupingGV
{
	background-color: #CCCCCC;
	text-align: left;
}
.GridHeading
{
	color: Blue;
	text-decoration: underline;
	font-size: medium;
}
.GVRow
{
	text-align: left;
}







/*****AVETMISS CONTROL CENTRE MODULE***************/

.avcTitle
{
	font-size: 9pt;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: underline;
}

.avcPaneHeader
{
	border: 1px solid #A1A1A1;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	padding: 5px;
	background-color: #CCCCCC;
}

.avcPaneHeaderSelected
{
	border: 1px solid #A1A1A1;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	padding: 5px;
	background-color: #F7D38F;
}

.avcPaneContent
{
	border: 1px solid #A1A1A1;
}

.avcContactYearsPanels
{
	height: 300px;
	width: 300px;
	border: solid 1px darkgray;
	background-color: #DDD;
}

.avcPaneBold
{
	font-weight: bold;
}

.avcLink
{
	color: Blue;
	text-decoration: underline;
	cursor: hand;
}

.avcLinkSmall
{
	color: Blue;
	text-decoration: underline;
	cursor: hand;
	font-size: 8pt;
}

.avcmodalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.avcModalPanel
{
	background-color: White;
	border: solid 2px #444;
}

.avcModalHeader
{
	font-size: 9pt;
	font-weight: bold;
}

.avcGridHeader
{
	font-size: 9pt;
	font-weight: bold;
	font-variant: small-caps;
}

.avcGridAlternate
{
	font-size: 9pt;
	background-color: #DEDEDE;
	vertical-align: top;
}

.avcGridItem
{
	font-size: 9pt;
	vertical-align: top;
}

.avcInstruction
{
	font-size: 8pt;
	font-style: italic;
}

.avcSmall
{
	font-size: 8pt;
}

.avcBody
{
	font-size: 9pt;
	font-family: Arial, Sans-Serif;
}

.avcSmallHeader
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: 900;
}

/*orange style*/
.HeaderBG
{
	background-color: #F7D38F;
}
.WeekendBG
{
	background-color:#A1A1A1;
}

/* AWARD MANAGER*/
.awmtabTitle
{
	font-size: 9pt;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: underline;
}

.awmpromptText
{
	font-size: 8pt;
	font-style: italic;
	font-weight: bold;
	color: #555;
	padding-left: 8px;
}

.awmrepInnerRepeaterHead
{
	font-size: 8pt;
	font-weight: bold;
}

.awmrepInnerRepeaterText
{
	font-size: 8pt;
}

.awmrepAlt
{
	background-color: #DDD;
}

.awmLink
{
	color: Blue;
	text-decoration: underline;
	cursor: hand;
}

.awmLinkSmall
{
	color: Blue;
	text-decoration: underline;
	cursor: hand;
	font-size: 8pt;
}

.awmLinkLabel
{
	color: Blue;
	cursor: Hand;
}

.awmLegends
{
	font-weight: bold;
	font-size: 9pt;
	font-variant: small-caps;
	font-style: italic;
}

.awmmodalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.awmModalPanel
{
	background-color: White;
	border: solid 2px #444;
}

.awModalHeader
{
	font-size: 9pt;
	font-weight: bold;
}

.awNoLink
{
	text-decoration: none;
}

.awmStandardHeader
{
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
}

.awBold
{
	font-weight: bold;
}

.awmInstruction
{
	font-size: 7pt;
	font-style: italic;
}

.awmGridHeader
{
	font-size: 9pt;
	font-weight: bold;
	font-variant: small-caps;
}

.awmGridAlternate
{
	font-size: 9pt;
	background-color: #DEDEDE;
	vertical-align: top;
}

.awmGridItem
{
	font-size: 9pt;
	vertical-align: top;
}

.awmAwardPanel
{
	border: solid 1px darkgray;
	width: 100%;
	height: 400px;
}

.awmValidationError
{
	font-size: 8pt;
	font-style: italic;
	color: Red;
}

.awmSmallLink
{
	font-size: 7pt;
}









.main1
{
	position: absolute;
	top: 355px;
	left: 0;
	bottom: 0;
	right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	background-color: white;
	overflow: auto;
	z-index: 0;
	text-align: center;
}
.Breadcrumbs1
{
	position: absolute;
	font-size: 12px;
	color: #6DBCDC;
	top: 190px; /*z-index:1;*/
}
.main2
{
	position: absolute;
	top: 355px;
	left: 0;
	bottom: 0;
	right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	background-color: white;
	overflow: auto;
	z-index: 0;
	text-align: center;
}
.Breadcrumbs2
{
	position: absolute;
	font-size: 12px;
	color: #6DBCDC;
	top: 55px; /*z-index:1;*/
}

/* Styles for the Training Package */
.TP_GridHeader
{
	font-size: 9pt;
	font-weight: bold;
	font-variant: small-caps;
}

.TP_GridAlternate
{
	font-size: 9pt;
	background-color: #DEDEDE;
}

.TP_SectionHeader
{
	font-size: 10pt;
	font-weight: bold;
}

.TP_SectionSubHeader
{
	font-size: 9pt;
	font-weight: bold;
}

.TP_Instruction
{
	font-size: 8pt;
	font-style: italic;
}

.TP_LinkButton
{
	font-size: 9pt;
	color: Blue;
	cursor: hand;
	white-space: nowrap;
}

.TP_HideHeader
{
	font-size: 8pt;
	font-variant: small-caps;
	font-weight: bold;
}

.TP_HideNormal
{
	font-size: 8pt;
}


.dgHeader
{
	font-weight: bold; /*filter:progid:DXImageTransform.Microsoft.Gradient       (GradientType=0,StartColorStr='#ff77CFEE',EndColorStr='#5896B6');*/
	background-color: #6DBCDC;
	color: #555555;
	text-align: center;
}



/*Horizontal Align*/
.ajax__Horizontal_tab2 .ajax__tab_header
{
	float: left;
	left: auto;
}
.ajax__Horizontal_tab2 .ajax__tab_body
{
	margin-left: 0px;
}
.ajax__Horizontal_tab2 .ajax__tab_outer
{
	display: inline !important;
}
.ajax__Horizontal_tab2 .ajax__tab_tab
{
	width: 134px;
	height: auto !important;
}

.ajax__Horizontal_tab2 .ajax__tab_outer
{
	padding-top: 23px;
	background: url( "Images/Tabs/tab-horiz-right.png" ) no-repeat right;
}
.ajax__Horizontal_tab2 .ajax__tab_inner
{
	padding-left: 3px;
	background: url( "Images/Tabs/tab-left.png" ) no-repeat;
}
.ajax__Horizontal_tab2 .ajax__tab_tab
{
	padding-top: 7px;
	padding-bottom: 11px;
	background: url( "Images/Tabs/tab.png" ) repeat-x;
}

.ajax__Horizontal_tab2 .ajax__tab_hover .ajax__tab_outer
{
	background: url( "Images/Tabs/tab-hover-horiz-right-yellow.png" ) no-repeat right;
}
.ajax__Horizontal_tab2 .ajax__tab_hover .ajax__tab_inner
{
	background: url( "Images/Tabs/tab-hover-left-yellow.png" ) no-repeat;
}
.ajax__Horizontal_tab2 .ajax__tab_hover .ajax__tab_tab
{
	background: url( "Images/Tabs/tab-hover-yellow.png" ) repeat-x;
}

.ajax__Horizontal_tab2 .ajax__tab_active .ajax__tab_outer
{
	background: url( "Images/Tabs/tab-active-horiz-right-yellow.png" ) no-repeat right;
}
.ajax__Horizontal_tab2 .ajax__tab_active .ajax__tab_inner
{
	background: url( "Images/Tabs/tab-active-horiz-left-yellow.png" ) no-repeat;
}
.ajax__Horizontal_tab2 .ajax__tab_active .ajax__tab_tab
{
	background: url( "Images/Tabs/tab-active-horiz-yellow.png" ) repeat-x;
}

.Blue
{
	color: #6DBCDC;
}


/**************************************************************/
/********** DOR STYLES ****************************************/
/**************************************************************/

/* Main */
.ObjectContainer
{
	display: none;
	background-color: White;
	position: absolute;
	top: 60px;
	left: 50%;
	margin-left: -325px;
	width: 650px;
}
.MainMenu
{
	font-size: 9pt;
	color: White;
	background-color: #708090; /*border-left: solid 2px DarkSlateGray;     border-right: solid 2px DarkSlateGray;*/
	text-decoration: none;
}

.MenuRoot
{
	text-decoration: none;
	color: White;
	font-weight: bold;
	cursor: hand;
}

.toplegend
{
	padding: 0.2em 0.5em;
	border: 2px solid SlateGray;
	color: #2f4f4f;
	font-size: 9pt;
	text-align: right;
	font-weight: bold;
	vertical-align: middle;
	background-color: White;
}

.topfieldset
{
	border: 2px solid SlateGray;
}

.cursorHand
{
	cursor: Hand;
	vertical-align: middle;
}

.label
{
	font-size: 8pt;
	font-weight: bold;
	width: 120px;
	white-space: nowrap;
	vertical-align: top;
}

.textAreas
{
	font-family: Arial;
}
.MTHeader
{
	font-size: 8pt;
	font-weight: bold;
	cursor: hand;
	color: #2f4f4f;
}

/*Search*/
.SearchContainer
{
	text-align: center;
	background-color: White;
	width: 650px;
	margin: 0 auto;
}
.ResultsName
{
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
	text-align: left;
}

.ResultsHeader
{
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
	white-space: nowrap;
	text-align: center;
}

.ResultsClick
{
	font-size: 7pt;
}

.PanelAlign
{
	text-align: center;
}

.ResultsText
{
	font-size: 8pt;
	text-align: left;
}

.ResultsOccur
{
	font-size: 8pt;
	font-style: italic;
}

.ResultsDate
{
	font-size: 8pt;
}

/*Report*/
.reportContainer
{
	width: 500px;
	background-color: White;
	border: solid 2px #444;
}
.ReportLabel
{
	font-size: 8pt;
	text-align: left;
	margin-left: 0;
	font-variant: small-caps;
	width: 150px;
}

.SubHeader
{
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
}

.ObjectSurround
{
	border: solid 1px DarkSlateGray;
	filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr= '#ffffffff' ,EndColorStr= '#ffEEEEEE' );
	padding: 20px;
}

.ReportHeader
{
	font-size: 10pt;
	font-weight: bold;
	text-decoration: 'underline';
	text-align: center;
	color: #2f4f4f;
}

.DORReportSubHeader
{
	font-size: 9pt;
	text-align: center;
	margin: 0 auto;
	font-weight: bold;
}

/* Admin */
.listboxes
{
	width: 300px;
	height: 400px;
}

/* Edit Object */
.EOContainer
{
	/*display: none;*/
	background-color: White;
	width: 770px;
}

.DORIFrame
{
	width: 800px;
	height: 75%;
}

/*****************************************************/
/******* SKILLS MANAGER ******************************/
/*****************************************************/

.skmstandard
{
	background-color: #DDDDDD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	border-left: 1.5pt #000000 solid;
	border-right: 1.5pt #000000 solid;
	border-top: 1.5pt #000000 solid;
	border-bottom: 1.5pt #000000 solid;
}
.skmstandard_nb
{
	background-color: #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}


.skmbutton
{
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	color: #78695A;
	font-family: 'trebuchet ms' ,helvetica,sans-serif;
	background-color: #fed;
	border: 1px solid;
	border-top-color: #EEE;
	border-left-color: #EEE;
	border-right-color: #DDD;
	border-bottom-color: #DDD;
	cursor: hand;
	height: 30px;
	filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr= '#ffffffff' ,EndColorStr= '#ffEEEEEE' );
}

.skmloginTable
{
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	color: #78695A;
	font-family: 'trebuchet ms' ,helvetica,sans-serif;
	background-color: #fed;
	border: 1px solid;
	border-top-color: #EEE;
	border-left-color: #EEE;
	border-right-color: #DDD;
	border-bottom-color: #DDD;
	cursor: hand;
	height: 30px;
	filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr= '#ffffffff' ,EndColorStr= '#ffEEEEEE' );
}
/*{
		
		font-size: 9pt;
		font-weight: bold;
		color:#000000;
		font-family:'trebuchet ms',helvetica,sans-serif;
		background-color:#fed;
		border:1px solid;
		border-top-color:#696;
		border-left-color:#696;
		border-right-color:#363;
		border-bottom-color:#363;
		filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffB61740',EndColorStr='#ffffffff');
}*/

.skmbutton_small
{
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	color: #78695A;
	font-family: 'trebuchet ms' ,helvetica,sans-serif;
	background-color: #fed;
	border: 1px solid;
	border-top-color: #EEE;
	border-left-color: #EEE;
	border-right-color: #DDD;
	border-bottom-color: #DDD;
	cursor: hand;
	height: 30px;
	filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr= '#ffEEEEEE' ,EndColorStr= '#ffffffff' );
}

.skmfloating_menu
{
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	color: #78695A;
	font-family: 'trebuchet ms' ,helvetica,sans-serif;
	background-color: #fed;
	border: 1px solid;
	border-top-color: #EEE;
	border-left-color: #EEE;
	border-right-color: #DDD;
	border-bottom-color: #DDD;
	cursor: hand;
	height: 30px;
	filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr= '#ffEEEEEE' ,EndColorStr= '#ffffffff' );
}
.skmsample_URL
{
	font-family: Arial;
	font-size: 12pt;
	color: blue;
	text-decoration: underline;
}
.skmsmall_text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: italic;
	color: red;
}
.skmsmall_text_bl
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: italic;
	color: black;
}



.skmsmall
{
	font-family: arial;
	font-size: 10pt;
	color: Red;
	font-style: italic;
}

.skmerror
{
	font-family: arial;
	font-size: 10pt;
	color: Red;
}

.skmmouseover
{
	/*background-color: Gray;*/
	color: #FFCC00;
	font-size: 14pt;
	font-family: Comic Sans MS;
	font-weight: bold;
	cursor: hand;
}
.skmmouseoff
{
	/*background-color: #FFCC00;*/
	color: Gray;
	font-size: 14pt;
	font-family: Comic Sans MS;
	font-weight: bold;
	cursor: hand;
}
.skmheader
{
	font-family: Arial;
	font-size: 18pt;
	font-weight: bold;
	text-align: center;
}

.skmsample_head
{
	text-align: center;
	font-family: Arial;
	font-size: 14pt;
}
.skmsample_sub
{
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
}

.skmsample_sub2
{
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
}

.skmsample_sub2Shade
{
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	background-color: #DDDDDD;
}

.skmback_img
{
	background-color: #FFCC00;
}

.skmsample_head_back
{
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
}

.skmsample_cat
{
	font-family: Arial;
	font-size: 12pt;
}
.skmsample_desc
{
	font-family: Arial;
	font-size: 10pt;
}

.skmpersonal_dg_head
{
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: 'Underline';
}

.skmlink
{
	color: Blue;
	text-decoration: underline;
	cursor: hand;
	font-size: 9pt;
	text-align: center;
}

.skmdgHeader
{
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	background-color: #EEEEEE;
}

.skmSmallHeader
{
	font-size: 10pt;
	text-decoration: 'underline';
	font-weight: bold;
}

.skmTrans_Back
{
	background-color: #FBFBFB;
	border-bottom: .5pt #000000 solid;
	border-left: .5pt #000000 solid;
	border-right: .5pt #000000 solid;
	border-top: .5pt #000000 solid;
}
.skmGridLayout
{
	background-color: #FBFBFB;
	border: .5pt #000000 solid;
}

.skmBorderedTable
{
	border: .5pt #000000 solid;
	background-color: #FFFFEE;
}

.skmGridItemStyle
{
	border-left: .5pt #000000 solid;
	border-right: .5pt #000000 solid;
	border-style: solid;
	border-color: Black;
	border-width: .5pt;
}

.skmstandard
{
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	border-left: .5pt #000000 solid;
	border-right: .5pt #000000 solid;
}

.skmstandard_top
{
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	border-top: .5pt #000000 solid;
	border-left: .5pt #000000 solid;
	border-right: .5pt #000000 solid;
}

.skmstandard_bottom
{
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	border-bottom: .5pt #000000 solid;
	border-left: .5pt #000000 solid;
	border-right: .5pt #000000 solid;
}
.skmstandard_text
{
	font-size: 10pt;
	font-family: Arial, Helvetica, Sans-Serif;
}
.skmunderline
{
	border-bottom: .5pt #000000 solid;
}

.skmsuccess
{
	color: Green;
	font-weight: bold;
}

.skmWeb_Enabler
{
	border-left: .5pt #000000 solid;
	border-right: .5pt #000000 solid;
	border-bottom: .5pt #000000 solid;
}

.skmBottom_Border
{
	border-bottom: .5pt #000000 solid;
}

.Tab_Outline
{
	border-left: .5pt #000000 solid;
	border-right: .5pt #000000 solid;
	border-bottom: .5pt #000000 solid;
}

.skmreport_Border
{
	border: solid 1px #DDDDDD;
}

.skmdg_Item
{
	font-size: 9pt;
}

.skmalternating
{
	font-size: 9pt;
	background-color: whitesmoke;
}

/*Applet*/
.AccordionHeader
{
	vertical-align: middle;
	color: #4d4d4d;
	text-align: center;
	font-size: small;
	cursor: hand;
}
.AccordionSelected
{
	vertical-align: middle;
	color: #4d4d4d;
	text-align: center;
	font-size: small;
	cursor: hand;
}
.ModalHeading
{
	font-size: small;
}
.AppTable
{
	border: 1px;
	border-color: Black;
	border-style: solid;
	width: 200px;
}
.BorderBottom
{
	border-bottom: solid 1px black;
}
.TotalBackground
{
	background-color: #FBC98C;
}
.space
{
	padding: 7px;
}
.Clear
{
	color: Gray;
}
.Head
{
	background-image: url( 'Images/Transaction/AccordionHeadYellow.png' );
	padding-top: 10px;
	padding-bottom: 10px;
	width: 200px;
}
.Save
{
	background-image: url( 'Images/Transaction/AccordionMiddleYellow.png' );
	height: 25.477px;
	width: 200px;
}
.ModalBack
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0-7;
	z-index: 100;
}

.ModalPanel
{
	background-color: White;
	border: solid 2px #444;
}

.invisible
{
	display: none;
}
.ModalStyle1
{
	/*width:200px; */
	background-color: White;
	border-width: 2px;
	border-color: Black;
	border-style: solid;
	padding: 20px;
	z-index: 101;
}
.ModalStyle2
{
	/*width:400px; */
	background-color: White;
	border-width: 2px;
	border-color: Black;
	border-style: solid;
	padding: 20px;
	font-size: 9px;
}
.ModalStyle3
{
	background-color: White;
	border-width: 2px;
	border-color: Black;
	border-style: solid;
	padding: 20px;
}
.Past
{
	background-image: url( 'Images/Transaction/AccordionMiddleYellow.png' );
	height: 25.477px;
	width: 200px;
}

.Foot
{
	background-image: url( 'Images/Transaction/AccordionFootYellow.png' );
	height: 20.390px;
	width: 200px;
}
.AppTable
{
	border: 1px;
	border-color: Black;
	border-style: solid;
	width: 200px;
}
.WatermarkCSS
{
	font-style: italic;
}
.zindexInvisible
{
	z-index: 11;
	visibility: hidden;
}

.DashBoard
{
	z-index: 10;
}

.SmallCaps
{
	font-variant: small-caps;
}


.GIRedBG
{
	/*background-color:#FF0000;*/
	background-color: #FF3535;
	font-size: 14px;
	padding: 10px;
	color: White;
	font-weight: bold;
	width: 250px;
	text-align: center;
}
.GIBlueBG
{
	/*background-color:#05438E;*/
	background-color: #0766DA;
	font-size: 14px;
	padding: 10px;
	color: White;
	font-weight: bold;
	width: 250px;
	text-align: center;
}
.GIGreenBG
{
	/*background-color:#2C5A19;*/
	background-color: #3D7B22;
	font-size: 14px;
	padding: 10px;
	color: White;
	font-weight: bold;
	width: 250px;
	text-align: center;
}
.GIPurpleBG
{
	/*background-color:#2A2156;*/
	background-color: #4F3E9F;
	font-size: 14px;
	padding: 10px;
	color: White;
	font-weight: bold;
	width: 250px;
	text-align: center;
}




.CalendarTable
{
	border: solid 1px black;
}
.CalendarCell1
{
	border: solid 1px black;
	font-size: 14px;
}
.CalendarCell2
{
	border: solid 1px black;
	text-align: left;
}
.Heading
{
	font-size: 14px;
	font-weight: bold;
}












/* FRAMESET CLASSES 
#topband {
	position: absolute;
	margin: 0; padding: 0; top: 0; left: 0; right: 0; border: none;
	color: black; 
	z-index: 9999;
}
*/
#main
{
	position: absolute;
	top: 20;
	left: 0;
	bottom: 0;
	right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	background-color: white;
	overflow: auto;
	z-index: 1;
	width: 100%;
}
/*

body 
{
    font-family: Verdana;
    font-size: 9pt;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    padding:0px;
}
*/
.MainHeader
{
	font-size: 11pt;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
	color: #555555;
}
/*
.loading
{
    font-size:8pt;
    font-style:italic;
    font-family: Arial;
    font-variant:small-caps;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	
}
*/
.smallLegend
{
	font-size: 8pt;
	font-style: italic;
}

.fieldset
{
	background-color: #E6E6D2;
}
/*
.invisible
{
    display: none;
}

.FindClear
{
	color: Gray;
	text-decoration:none;
}
*/
.error
{
	color: Red;
	font-weight: bold;
	font-variant: small-caps;
}

/* LOGIN SCREEN */
.loginTable
{
	width: 400px;
}

.loginLabels
{
	font-size: 9px;
	font-weight: bold;
	text-align: right;
}

.loginFields
{
	height: 12px;
	font-size: 11px;
	width: 150px;
}
/*
.loginButton
{
    font-size:10px;
    width:45px;
}
*/

/*MENU*/
.MenuButton
{
	cursor: hand;
	border: solid 1px #000000;
	font-weight: bold;
	font-variant: small-caps;
	width: 100px;
	background-image: url( 'images/header_bg.gif' );
	vertical-align: middle;
}

.MenuPanel
{
	filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr= '#779C9A70' ,EndColorStr= '#FFFFFFFF' );
	border: solid 1px #BBBBBB;
}

.menuItems
{
	font-family: Arial;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
}
/*
.menuItemsOver
{
    font-family: Arial;
    text-decoration: none;
    color: #77CFEE;
    font-weight: bold;
}
*/
/* HEADER */
/*
.HeaderImage
{
    height:106px;
    background-image: url('images/spacer_11.gif');
    
}

.HeaderText
{
    font-size: 20pt;
    color: #555555;
    text-indent: 50px;
    font-family: Arial Narrow;
    text-align:left;
}

.HeaderDiv
{
    width:100%;
    text-align: center;
	z-index: 9999;
}

.HeaderMenu
{
    background-color: #666666;
}

.HeaderLogo
{
    text-align: left;
}
*/
/* Trainee Find */
.findLegend
{
	font-size: 10pt;
	font-weight: bold;
	color: #555555;
	cursor: hand;
	font-variant: small-caps;
}

.labels
{
	font-size: 9pt;
	font-weight: bold;
}

.textBoxes
{
	font-family: Verdana;
	font-size: 9pt;
}

.ddls
{
	font-family: Arial;
	font-size: 9pt;
}

.findFieldset
{
	width: 600px;
	text-align: left;
}

.findDropDown
{
	text-align: center;
}

/*Trainee Panel*/
.traineeLegend
{
	font-size: 10pt;
	font-weight: bold;
	color: #555555;
	font-variant: small-caps;
}
/*
.dgHeader
{
    font-weight: bold;
    background-color: #6DBCDC;
    color: #555555;
    text-align: center;
}
/*
/* Personal Details */
.pdBackground
{
	background-color: white;
}

.pdLegend
{
	color: White;
	font-weight: bold;
	filter: Shadow(Color=#666666, 	 Direction=135, Strength=5);
	font-variant: small-caps;
}
.pdLabels
{
	font-size: 8pt;
	font-weight: bold;
}

.pdTextBoxes
{
	font-family: Verdana;
	font-size: 9pt;
}

.pdInstruction
{
	font-size: 7pt;
	font-style: italic;
}

/* Nomination Panel */
.nTextBoxes
{
	font-family: Verdana;
	font-size: 9pt;
}

.nLabels
{
	font-size: 8pt;
	font-weight: bold;
}

.nddls
{
	font-family: Arial;
	font-size: 9pt;
}

/* Setup */
.sTextBoxes
{
	font-family: Verdana;
	font-size: 9pt;
}

.sLabels
{
	font-size: 9pt;
	font-weight: bold;
	width: 180px;
}

.sddls
{
	font-family: Arial;
	font-size: 9pt;
}
.slegend
{
	font-size: 10pt;
	color: #555555;
	font-weight: bold;
	font-variant: small-caps;
}

.sLinks
{
	cursor: hand;
	font-size: 10pt;
	font-family: Verdana;
	text-decoration: underline;
	color: Blue;
}
/*
.addNewPanel
{
    background-color: White;
    width: 300px;
    border: solid 1px darkgray;
    visibility:hidden;
}
*/
.daysBox
{
	border: solid 1px Gray;
}

/* Trainee Payments */

.tpGridAlternate
{
	background-color: #E4E4E4;
	font-size: 8pt;
}

.tpGridHeader
{
	font-size: 8pt;
	font-weight: bold;
}

.tpGridItems
{
	font-size: 8pt;
}

.ppLabels
{
	font-weight: bold;
	font-size: 9pt;
}


/* RECEIPTS */
.newReceiptNo
{
	text-decoration: none;
	color: Yellow;
	font-size: 16pt;
}

.recLabels
{
	font-size: 9pt;
	font-weight: bold;
}

.recTemplate
{
	background-color: #DDDDDD;
}


/* Preview Panel */
.previewPanel
{
	background-color: White;
	border: solid 2px black;
	width: 100%;
}

.previewItemGrid
{
	border: solid 1px black;
}

.previewItemGridHeader
{
	border-bottom: solid 1px black;
}

.previewGridDescription
{
	font-size: 8pt;
	font-weight: bold;
}

.previewGridSubdescription
{
	font-size: 8pt;
	font-style: italic;
}

.previewGridItem
{
	padding-bottom: 8px;
	padding-top: 8px;
}

/* Enrolment */
.enrolExtra
{
	cursor: hand;
	font-weight: bold;
}
/* Transactions*/
/*
.AppTable
{ 
	border:1px;
	border-color:Black;
	border-style:solid;
	width:200px;
}

.Clear
{ 
	color:Gray;
}

.space
{
	padding:7px;
}
*/
.Center
{
	text-align: center;
}
.PanelHeader
{
	background-color: #e8e8e8;
	vertical-align: middle;
	cursor: pointer;
}
/*
.RedText
{
	color:Red;
}
.GreenText
{
	color:Green;	
}

.AccordionHeader
{  
	vertical-align:middle;
	color:#4d4d4d;
	text-align:center;
	font-size:small;
	cursor:hand;
	
}

.AccordionSelected
{
	vertical-align:middle;
	color:#4d4d4d;
	text-align:center;
	font-size:small;
	cursor:hand;
	
}
*/
/*
.ModalBack
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0-7;
	z-index:100;
	}

.BorderBottom
{ 
	border-bottom:solid 1px black;
}

.ModalStyle1
{
	background-color:White; 
	border-width:2px; 
	border-color:Black; 
	border-style:solid; 
	padding:20px;
	z-index:101;
}
.ModalStyle2
{
	background-color:White; 
	border-width:2px; 
	border-color:Black; 
	border-style:solid; 
	padding:20px;
	font-size:9px;
}
.ModalStyle3
{
	background-color:White; 
	border-width:2px; 
	border-color:Black; 
	border-style:solid; 
	padding:20px;
}

.ModalHeading
{
	font-size:small;
}

.TotalBackground
{ 
	background-color:#FBC98C;*/
/*	blue = #FBC98C
	yellow = #96BDD1
	green = #65C4BC
	purple = #CB6BB3
*//*
}
*/
/*Invoice*/

.RepeaterTable
{
	border: solid 1px black;
}
.UnderlineRow
{
	border: solid 1px gray;
}



/*Accordion Skins*/
/*Purple*/
/*
.Head
{
	background-image:url('Images/Transaction/AccordionHeadYellow.png'); 
	padding-top:10px; 
	padding-bottom:10px;
	width:200px;
}
.Past
{
	background-image:url('Images/Transaction/AccordionMiddleYellow.png'); 
	height:25.477px;
	width:200px;
}
.Save
{
	background-image:url('Images/Transaction/AccordionMiddleYellow.png'); 
	height:25.477px;
	width:200px;
}
.Foot
{
	background-image:url('Images/Transaction/AccordionFootYellow.png');
	height:20.390px;
	width:200px;
}
*/
.legend
{
	color: #4d4d4d;
}
/*Green*/
.Head1
{
	background-image: url( 'Images/Transaction/AccordionHeadGreen.png' );
	padding-top: 16px;
	padding-bottom: 16px;
	width: 260px;
}
.Save1
{
	background-image: url( 'Images/Transaction/AccordionMiddleGreen.png' );
	height: 33.087px;
	width: 260px;
}
.Past1
{
	background-image: url( 'Images/Transaction/AccordionMiddleGreen.png' );
	height: 32.087px;
	width: 260px;
}
.Foot1
{
	background-image: url( 'Images/Transaction/AccordionFootGreen.png' );
	height: 25.484px;
	width: 260px;
}
/*Blue*/
.Head2
{
	background-image: url( 'Images/Transaction/AccordionHeadBlue.png' );
	padding-top: 16px;
	padding-bottom: 16px;
	width: 260px;
}
.Save2
{
	background-image: url( 'Images/Transaction/AccordionMiddleBlue.png' );
	height: 33.087px;
	width: 260px;
}
.Past2
{
	background-image: url( 'Images/Transaction/AccordionMiddleBlue.png' );
	height: 32.087px;
	width: 260px;
}
.Foot2
{
	background-image: url( 'Images/Transaction/AccordionFootBlue.png' );
	height: 25.484px;
	width: 260px;
}
/*Yellow*/
.Head3
{
	background-image: url( 'Images/Transaction/AccordionHeadYellow.png' );
	padding-top: 16px;
	padding-bottom: 16px;
	width: 260px;
}
.Save3
{
	background-image: url( 'Images/Transaction/AccordionMiddleYellow.png' );
	height: 33.087px;
	width: 260px;
}
.Past3
{
	background-image: url( 'Images/Transaction/AccordionMiddleYellow.png' );
	height: 32.087px;
	width: 260px;
}
.Foot3
{
	background-image: url( 'Images/Transaction/AccordionFootYellow.png' );
	height: 25.484px;
	width: 260px;
}

.applet
{
	font-size: 8pt;
}

.OverduePayment
{
	background-color: orange;
	font-size: 8pt;
}
/*
.GroupingGV
{
	background-color:#CCCCCC;	
	text-align:left;
}

.GVRow
{ text-align:left;
}

.WatermarkCSS
{ 
	font-style:italic;
}
*/
/***** SUPPORT SECTION *************/
.sup_Link
{
	font-size: 9pt;
	font-weight: bold;
}
.sup_LinkDescription
{
	font-size: 8pt;
	font-style: italic;
}

.sup_SupportTable
{
	text-align: center;
	border: solid 1px gray;
}
.SmallFont
{
	font-size: 8pt;
}
.BorderBottom
{
	border-bottom: Solid 1px gray;
}
.CalDayBorder
{
	border-bottom: Solid 1px gray;
	width: 300px;
}
.lblName
{
	font-weight: bold;
	font-size: 14px;
}

.CalWeekBorder
{
	border: solid 1px gray;
}
.CalWeekLink
{
	 font-size:9px;
}
.CalWeekCell
{
	background-color:#FFFFFF;
	width:110px;
	height:50px;
}
.calText
{
	 font-size:9px;
}
.NotThisMonth
{
	background-color:#A5BFE1;
	width:110px;
	height:50px;
}
.NotThisMonthHeading
{
	background-color:#E3EFFF;
}
.AutoHeight
{
	 height:auto;
}







.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px solid black;
overflow: scroll; /*leave this value alone*/
width: 270px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}