/* ----- Buttons & Icons -----------------------------------------------*/
.clsIcon
{
	border:1px;
	width:13px;
	border-style:outset;
	height:13px;
}
.clsIconSel
{
	width:13px;
	height:13px;
	border:1px;
	border-style:inset;
}

.ButtonOn
{
	height:20px;
	border-right: 1px outset;
	border-top: 1px outset;
	font-size: 11px;
	border-left: 1px outset;
	padding-left:1px;
	padding-right:1px;
	cursor: hand;
	color: black;
	border-bottom: 1px outset;
	background-color: #b0ddda;
}
.ButtonOff
{
	height:20px;
	border-right: 1px outset;
	border-top: 1px outset;
	font-size: 11px;
	border-left: 1px outset;
	padding-left:1px;
	padding-right:1px;
	cursor: hand;
	color: black;
	border-bottom: 1px outset;
	background-color: #b0ddda;
}
TD.clsButton
{
/*	padding-right: 5px;
	padding-left: 0px;
	background-image: url(../images/action.gif);
	padding-bottom: 7px;
	padding-top: 0px;
	background-repeat: no-repeat;*/
	width: 55px;
	height: 22px;
}
INPUT.clsButton
{
	border-right: 1px outset;
	border-top: 1px outset;
	font-weight: 800;
	font-size: 10px;
	border-left: 1px outset;
	padding-left:1px;
	padding-right:1px;
	cursor: hand;
	color: white;
	border-bottom: 1px outset;
	background-color: #009999;
}



.clsPageLayout
{
	font-size: 11px;
	color: #006699;
	font-family: Arial;
	background-image: url(../images/header.gif);
	background-repeat:no-repeat;
	width:800px;
	
}
.PageTitles
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14pt; 
	font-weight: bolder; 
	color: black; 
	text-decoration: none; 
	font-style: italic
}
.tdHeader 
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: bold; 
	color: #333333
}

.clsHeader
{
	font-weight: bold;
	font-size: 11px;
	color: white;
	padding-top: 6px;
	padding-right: 15px;
	font-family: Arial;
	height: 38px;
	text-align: right;
}
.clsLogo
{
	font-weight: bold;
	font-size: 17px;
	color: white;
	font-family: Arial;
	text-align: center;
	height: 69px; 
	width: 137px;
}
.SearchCriteriaBgd
{
	border:outset 2px silver;
    BACKGROUND-COLOR: #777777;
}
A.clsNavButton
{
	font-size: 11px;
	color: white;
	font-family: Arial;
	text-align: center;
	text-decoration: none;
}
.clsShiftColor
{
	font-size: 11px;
	color: red;
	font-family: Arial;
	padding: 5px;
	
}
TD.clsNavButton
{
	font-weight:500;
	background-image: url(../images/button.gif);
	padding-bottom: 8px;
	color: white;
	height: 28px;
	text-align: center;
}
TD.clsNavMenu
{
	padding-top:  10px;
	background-color: white;
}
TABLE.clsNavMenu
{
	width: 144px;
}
.clsFooter
{
	padding-right: 15px;
	background-image: url(../images/footer.gif);
	padding-bottom: 10px;
	color: white;
	height: 51px;
	text-align: right;
}
.clsCopyright
{
	color: green;
	font-size: 11px;
	font-family: Arial;
}

.clsPageDetail
{
	padding-left: 20px;
	padding-top: 0px;
	background-color: white;
}
.clsTitle
{
	font-weight: 700;
	font-size: 14px;
	text-transform: capitalize;
	color: black;
	font-family: arial;
}
.clsTitlePage
{
	font-weight: 700;
	font-size: 14px;
	color: black;
	font-family: arial;
}
.clsDisplayNone
{
	display: none;
}
.clsData
{
	font-size: 11px;
	color: black;
	font-family: Arial;
}
.clsLabel
{
	font-size: 11px;
	font-weight: bold;
	font-family: Arial;
}
.clsPrompt
{
	font-family:Arial;
	font-style:italic;
	font-size:11px;
	color:green;
}
.clsError
{
	color:Red;
}

input
{
	height: 16px;
	font-size: 10px;
	color: black;
	font-family: Arial;
	padding-top:0px;
}

select
{
	color: black;
	font-size: 10px;
	height: 16px;
	font-family: Arial;
}
textarea
{
	color: black;
	font-size: 10px;
	font-family: Arial;
}
A.clsNavMenu
{
	font-size: 12px;
	color: white;
	font-family: Arial;
}
TABLE.clsNavMenu
{
	background-image: none;
	background-color: white;}
INPUT.clsTime
{
	width: 50px;
}
DIV.clsScrollArea
{
	border-right: 4px inset;
	border-top: 4px inset;
	overflow: auto;
	border-left: 4px inset;
	border-bottom: 4px inset;
	height: 300px;
}
TR.clsAlternateRow
{
	background-color: #b0ddda;
}
.clsPagination
{
	font-weight: bold;
	font-size: 11px;
	color: #009999;
	font-family: Arial;
	text-decoration: none;
}
.clsGridItem
{
	padding-right: 3px;
	padding-left: 3px;
	font-size: 10px;
	padding-bottom: 1px;
	color: black;
	padding-top: 1px;
	font-family: arial;
	height: 23px;
	background-color: #f8fff8;
}

.clsGridAltItem
{
	padding-right: 3px;
	padding-left: 3px;
	font-size: 10px;
	padding-bottom: 1px;
	color: black;
	padding-top: 1px;
	font-family: arial;
	height: 23px;
	background-color: #c6e4dd;
}
.clsGridHeader
{
	height:23px;
	font-weight: normal;
	font-size: 10px;
	color: white;
	font-family: 'Microsoft Sans Serif';
		background-color: #009999;
}
.clsGridFooter
{
}

.clsGrid
{ 
	
}
A
{
	text-decoration: none;
	color: #005200;
}

.A2
{
	text-decoration: none;
	color: #005200;
	font-family:Arial;
	font-size:small;
}

TD.clsOption
{
	background-color:#333333;
	color:White;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	font-weight: bolder; 
	border-width:1px;
	border-color:White;
	border-style:outset;
	 padding-left:2px;
	 padding-right:2px;
	 padding-top:2px;
	 padding-bottom:2px;
	 
	 
	 
	cursor:hand;

}
TD.clsOptionSel
{
	background-color:#333333;
	color:White;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	font-weight: bolder; 
	border-width:1px;
	border-color:White;
	border-style:inset;
	 padding-left:2px;
	 padding-right:2px;
	 padding-top:2px;
	 padding-bottom:2px;
	cursor:hand;
}
A.clsOption
{
	color:White;
	font-family: Arial ; 
	font-size: 11px; 
}
.clsSortCell
{
	padding-top:2px;
	padding-bottom:2px;
	padding-left:3px;
	padding-right:2px;
	border-right: silver 2px outset;
	border-top: silver 2px outset;
	font-weight: normal;
	font-size: 10px;
	border-left: silver 2px outset;
	cursor: hand;
	color: white;
	border-bottom: silver 2px outset;
	font-family: 'Microsoft Sans Serif';
}
.clsSortCell_Sel
{
	padding-top:2px;
	padding-bottom:2px;
	padding-left:3px;
	padding-right:2px;
	BORDER: silver 2px inset; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	CURSOR: hand; 
	COLOR: white; 
	FONT-FAMILY: 'Microsoft Sans Serif'; 
}
.clsSortCell_Off
{
	padding-top:3px;
	padding-bottom:2px;
	padding-left:3px;
	padding-right:2px;
	border-right: #009999 1px solid;
	border-top: #009999 1px solid;
	font-weight: normal;
	font-size: 10px;
	border-left: #009999 1px solid;
	color: white;
	border-bottom: #009999 1px solid;
	font-family: 'Microsoft Sans Serif';
}
.clsTextBox_Edit
{
	border: solid 1px navy;
	padding-left:2px;
	 
}
.clsTextBox_View
{
	border: solid 1px silver;
	 padding-left:2px;
}

.csRedOddMinuteDay
{
	font-size: 10px;
	color: red;
	font-family: arial;
}
.csRedForeground
{
	color: Red;
}

/* Nav Bar *********************************************************************************************/

.NavBar
{
		border-left:solid 1px black;
		border-right:solid 1px black;
		border-bottom:solid 1px black;
		border-top: solid 1px white;
}
.Nav1
{
text-align:center;
	font-family:verdana;
	font-size: 12px;
	letter-spacing:1px;
	padding-top : 3px;
	padding-bottom : 3px;
	border-top: solid 1px white;
	border-right:solid 1px white;
	border-bottom: solid 1px white;
 	width :180px;
/*	text-transform:uppercase;*/
	cursor:hand;
}
.Nav1_On
{
	color : black;
	background-color : #b0ddda;

}
.Nav1_Off
{
 	background-color : #333333;
	color : white;
}

.NavMenu2
{
	 
}
.Nav2
{
	font-family:arial;
	font-size: 11px;
	letter-spacing:1px;
	font-weight:lighter;
	padding-top : 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 0px;
	border : solid 1px black;
	text-align:left;
	cursor:hand;
/*	width : 180px;*/
}
.Nav2_On
{
	color : black;
	background-color : lavender;
}
.Nav2_Off
{
	background-color : #b0ddda;
	color : black;
}
/* clsAvailCell shortened for performance*/
.cAC
{
	border-right: solid 1px white;
	border-bottom: solid 1px white;
}
.clsPageTitle
{
	PADDING-RIGHT: 15px; 
	BACKGROUND-POSITION: left top; 
	PADDING-LEFT: 15px; 
	BACKGROUND-IMAGE: url(../images/etivity_21.gif); 
	PADDING-BOTTOM: 4px; 
	BACKGROUND-REPEAT: repeat-x; 
	HEIGHT: 24px; 
	color: white;
	font-weight: 600;
	font-size: 13px;
	text-transform: capitalize;
	font-family: MS Sans Serif;

}

/* new Menu */
/*

*/
A.clsHome
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10pt;
	color: white;
	text-align: center;
	text-decoration: none;
}
.table_main_topbar
{
	background-color: #333333;
	border-top: solid 1px white;
	border-right:solid 1px white;
	border-bottom: solid 1px white;
}
.table_main {
 	background-color : #333333;
	color : white;
	width: 100%;
	margin: 0 auto;
	
}
.topbar_tabs {
	
	/*
	background-image: url(../images/etivity_21.gif);	
	background-color: #868178;
	color: #DFD6C8;
	*/
	background-color: #333333;
	color: white;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10pt;
	
	text-align: center;
	
	border-bottom: solid 1px #666151;
	letter-spacing:1px;
	padding-top : 3px;
	padding-bottom : 3px;
	
}
.topbar_tab_inactive_home {
	background-color: #333333;
	color: white;
	width: 180px;
	cursor: pointer;
	border-top: solid 1px white;
	border-right:solid 1px white;
	border-bottom: solid 1px white;
	
}
.topbar_tab_inactive_home a {
	background-color: #333333;
	color: white;
	width: 180px;
	cursor: pointer;
	
}
.topbar_tab_active_home {
	background-color : #b0ddda;
	color: black;
	width: 180px;
	cursor: pointer;
	border-top: solid 1px white;
	border-right:solid 1px white;
	border-bottom: solid 1px white;
}
.topbar_tab_active_home a {
	background-color : #b0ddda;
	color: black;
	width: 180px;
	cursor: pointer;
}
.topbar_tab_active {
	background-color : #b0ddda;
	color: black;
	width: 190px;
	cursor: pointer;
	border-top: solid 1px white;
	border-right:solid 1px white;
	border-bottom: solid 1px white;
}
.topbar_tab_inactive {
	background-color: #333333;
	color: white;
	width: 190px;
	cursor: pointer;
	border-top: solid 1px white;
	border-right:solid 1px white;
	border-bottom: solid 1px white;
}
.topbar_tab_inactive a:hover {
	background-color: #b0ddda;
	color: white;
	text-decoration: underline;
	width: 190px;
}

.topbar_menu {
	width: 190px;
	background-color: #C6C1B4;
	color: #464131;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9pt;
	text-align: left;
	float: left;
}
.topbar_menu a:link {
	color: #464131;
	text-decoration: none;
}
.topbar_menu a:active {
	color: #464131;
	text-decoration: none;
}
.topbar_menu a:visited {
	color: #464131;
	text-decoration: none;
}
.topbar_menu a:hover {
	color: #464131;
	/*text-decoration: underline; /*when the hover over the menuitem*/
}

.topbar_menu a:link {
	color: #464131;
	text-decoration: none;
}

.topbar_menu_row {
	color : black;
	background-color: #b0ddda;
	cursor: pointer;
	font-family:arial;
	font-size: 11px;
	letter-spacing:1px;
	font-weight:lighter;
	padding-top : 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 0px;
	border : solid 1px black;
	text-align:left;
}
.topbar_menu_row:hover {
	background-color: lavender;
}

.clsLoginStatus
{
	color: black;
	font-size:xx-small;
	font-family:Verdana;
}

.menuBar
{
	background-color: #333333;
	border-top: solid 1px white;
	border-right:solid 1px white;
	border-bottom: solid 1px white;
	border-left:solid 1px white;
}

.SearchCriteriaBgdTheme1
{
	border:outset 2px silver;
    BACKGROUND-COLOR: orange;
}

.modalBackground 
{
    background-color:Gray;            
    filter:alpha(opacity=70);
    opacity:0.7;
}
.hiddencol
    {
        display:none;
    }

.floatl
    {
		border-right: Aqua 1px solid;
        float:left;
    }

.floatr
{
	border-left: Aqua 1px solid;
	float: right;
}
.clsSubHead
{
	
	font-size: 11px;
	color: black;
	padding-top: 1px;
	font-family: arial;
	height: 23px;
	background-color: #f8fff8;
	text-align: left;
}
.hidden
{
  display: none;
}
.messageBoard
{
	
	font-size: 12px;
	padding-left: 40px;
	font-family: arial;
}