/* ----- Buttons & Icons -----------------------------------------------*/
.clsIcon
{
	border:1px;
	width:13px;
	border-style:outset;
	height:13px;
}
.clsIconSel
{
	width:13px;
	height:13px;
	border:1px;
	border-style:inset;
}
.redTextOn
{
  	background-color : #ed1c24;
  	color :White
}
.redTextOff
{
	color:Black;
}
html, body
{
  max-width:1431px;
  max-height:64px;
  min-height:64px;
  margin: 0 auto;
}
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: #2ca3e1;
}



.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: #D3D4D4
}

.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:  #2ca3e1;
	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:black;
}
.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: #D3D4D4;
}
.clsPagination
{
	font-weight: bold;
	font-size: 11px;
	color: #2ca3e1;
	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: white;
}

.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: #D3D4D4;
}
.clsGridHeader
{
	height:23px;
	font-weight: normal;
	font-size: 10px;
	color: white;
	font-family: 'Microsoft Sans Serif';
	background-color: #2ca3e1;
}
.clsGridFooter
{
}

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

.A2
{
	text-decoration: none;
	color: black;
	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: #2ca3e1 1px solid;
	border-top: #2ca3e1 1px solid;
	font-weight: normal;
	font-size: 10px;
	border-left: #2ca3e1 1px solid;
	color: white;
	border-bottom: #2ca3e1 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 : #2ca3e1;

}
.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 : #2ca3e1;
	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 : #2ca3e1;
	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 : #2ca3e1;
	color: black;
	width: 180px;
	cursor: pointer;
}
.topbar_tab_active {
	background-color : #2ca3e1;
	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: #2ca3e1;
	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: #2ca3e1;
	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: white;
	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: white;
	text-align: left;
}
.hidden
{
  display: none;
}

.clsSignOut
{
  font-weight: bold;
  font-family: 'Arial';
  font-size: 20px;
  color: #ffffff;
    
}

.messageBoard
{
	
	font-size: 12px;
	padding-left: 40px;
	font-family: arial;
}

.rosterView
{
	padding-top : 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	background-color:#2ca3e1;
	Color:White;
}

.CustomComboBoxStyle .ajax__combobox_textboxcontainer input 
{
   height:13px;
}
.CustomComboBoxStyle .ajax__combobox_buttoncontainer button 
{
 height:13px;
 }