﻿body
{
	font-size: 8pt;
	color: black;
	font-family: verdana;
	background-color: #353a50;
	margin:0px;
	height: auto; 
	min-height:100%; 

}
iframe
{
	border: 0px none #FFFFFF;
}
html
{
	font-size: 8pt;
	color: black;
	font-family: verdana;
	background-color: #353a50;
	margin:0px;
}

.Calendar #MonthHeader
{
	font-family: 'Arial Black' , Arial;
	font-size: 12pt;
	font-weight: bold;
	height: 55px;
	text-align: center;
}

.Calendar td
{
 border: solid 1px black;
 width :14%;
}

.Calendar #WeekHeader
{
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	background-color: #666666;
	color: #FFFFFF;
}
.Calendar #regularday
{
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	background-color: #FFFFFF;
	color: #000000;
}
.Calendar #blackoutday
{
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	background-color: #CCCCCC;
	color: #FFFFFF;
}
.Calendar #today
{
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	background-color: #DDDDDD;
	color: #000000;
}

.pagetitle
{
	font-size: 14pt;
	color: black;
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
}
.FloatBox
{
	position: absolute; top: 25%;  
            margin-bottom: auto; margin-left: auto; margin-right: auto;z-index:520;
	}
.RegText
{
	font-size: 8pt;
	color: black;
	}
.modalBackground
{
    filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
    width: 100%;  height:100%; background-color: #999999;
    position: fixed;
    z-index: 100;
    top: 0px; left: 0px;
    margin-top:0px; margin-bottom:0px;
    margin:0px;
}
.Notification
{
	border: 1px solid #808080;
	margin: 10px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #EEEEEE;
}

.CriticalNotification
{
	border: 3px solid #333300;
	margin: 10px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #EC3535;
	color: #FFFFFF;
	font-weight: bold;
}
.HistButton
{
	background-image: url( 'images/icons/history.png' );
	background-repeat: no-repeat;
	background-color:Transparent;
	border-style: none;
	width:16px;
	height:16px;
}
.EditButton
{
	background-image: url( 'images/icons/edit.png' );
	background-repeat: no-repeat;
	background-color:Transparent;
	border-style: none;
	width:16px;
	height:16px;
}
.ReopenButton
{
	background-image: url( 'images/icons/reopen.png' );
	background-repeat: no-repeat;
	background-color:Transparent;
	border-style: none;
	width:16px;
	height:16px;
}
.DecButton
{
	background-image: url( 'images/icons/decline.png' );
	background-repeat: no-repeat;
	background-color:Transparent;
	border-style: none;
	width:16px;
	height:16px;
}
.DelButton
{
	background-image: url( 'images/icons/Delete.png' );
	background-repeat: no-repeat;
	background-color:Transparent;
	border-style: none;
	width:16px;
	height:16px;
}
.ApprButton
{
	background-image: url( 'images/icons/Approve.png' );
	background-repeat: no-repeat;
	background-color:Transparent;
	border-style: none;
	width:16px;
	height:16px;
}

.ApprButtonBig
{
	background-image: url( 'images/icons/Approve.png' );
	background-repeat: no-repeat;
	background-position:left, bottom;
	padding:5px;
	margin:5px;
	text-align:right;
	width:175px;
	border: 1px solid #808080;
	font-size: 8pt;
	color: black;
	font-family: verdana;
	height: 25px;
	
}

.DecButtonBig
{
	background-image: url( 'images/icons/Decline.png' );
	background-repeat: no-repeat;
	background-position:left, bottom;
	padding:5px;
	margin:5px;
	text-align:right;
	width:175px;
	border: 1px solid #808080;
	font-size: 8pt;
	color: black;
	font-family: verdana;
	height: 25px;
	
}

.ViewButton
{
	background-image: url( 'images/icons/view.png' );
	background-repeat: no-repeat;
	background-color:Transparent;
	border-style: none;
	width:16px;
	height:16px;
}
.MileButton
{
	background-image: url( 'images/icons/miles.png' );
	background-repeat: no-repeat;
	background-color:Transparent;
	border-style: none;
	width:16px;
	height:16px;
}
.banner
{
	width: 742px;
	height: 75px;
	background-image: url( 'images/top.jpg' );
	background-repeat: no-repeat;
}
.pagetable
{
	border-right: #000000 1px solid;
	border-left: #000000 1px solid;
	background-color: White;
}
.svcbk
{
	background-image: url('images/services_bkg.gif');
	}
.cvnt
{
	background-image: url('images/cevent_bkg.gif');
	height: 150px;
	}
input
{
	border: 1px solid #808080;
	font-size: 8pt;
	color: black;
	font-family: verdana;
}
input[type=submit]
{
	border: 1px solid #808080;
	font-size: 8pt;
	color: black;
	font-family: verdana;
	background-image: url('images/gridh.gif');
	background-repeat: repeat-x;
		height: 25px;
	}
input[type=submit]:hover
{
	border: 1px solid red;
	font-size: 8pt;
	color: red;
	font-family: verdana;
	background-image: url( 'images/gridh.gif' );
	background-repeat: repeat-x;
	height: 25px;
}

.header
{
		font-size: 14pt;
	color: black;
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	}
	
.stepBar
{
	font-size: 14pt;
	color: black;
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	background-image: url(         'images/stepbar.gif' );
	background-repeat: no-repeat;
	text-align: left;
	height: 40px;
	text-indent: 10px;
	vertical-align: bottom;
}
.stepBarDn
{
	font-size: 14pt;
	color: black;
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	background-image: url('images/stepbar_dwn.gif' );
	background-repeat: no-repeat;
	text-align: left;
	height: 50px;
	text-indent: 10px;
	vertical-align: bottom;
}
.formText
{
	text-indent: 10px;
	font-size: 8pt;
	text-align:left;
}

.gridItem
{
	background-color: #FFFFFF;
	border: 1px solid #000000;
	font-family: verdana;
	font-size: 8pt;
	height:25px;
	color: #000000;
}
.boldText
{
	font-family: verdana;
	font-size: 8pt;
	height:25px;
	color: #000000;
	font-weight: bold;
	}
.whiteText
{
	font-family: verdana;
	font-size: 8pt;
	height:25px;
	color: #FFFFFF;
}
.menuActive
{
	border-style: none;
	font-family: verdana;
	font-size: 8pt;
	height: 15px;
	color: #000000;
	font-weight: bold;
	background-color: Transparent;
}
#Shadow
{
	position:relative;
	left:-1px;
	top:-1px;
	padding:10px;
	background:#AAAAAA;
	}
.menuActive:hover
{
	border-style: none;
	font-family: verdana;
	font-size: 8pt;
	height: 15px;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
	background-color: Transparent;
}
.menuNotActive
{
	font-family: verdana;
	font-size: 8pt;
	height: 15px;
	color: #666666;
	border-style: none;
	background-color: Transparent;
}
.menuNotActive:hover
{
	font-family: verdana;
	font-size: 8pt;
	height: 15px;
	color: #666666;
	text-decoration: underline;
	border-style: none;
	background-color: Transparent;
}

.declinedRow
{
	background-color: #EECD6A;
	height:23px;
}	
.correctedRow
{
	background-color: #79AFC4;
	height:23px;
}	
.contentDiv
{
	width: 100%;
	padding: 20px;
}

.Grid
{
	border: 1px solid #666666;
}

.PendingGrid
{
	border: 1px solid #666666;
}

.Grid td
{
	border-style: none solid solid none;
	border-width: 1px;
	border-color: #666666;
	font-family: arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	background-color: #EEEEEE;
	height: 20px;
}
.Grid th
{
	border-style: none solid solid none;
	border-width: 1px;
	border-color: #666666;
	font-family: arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #333333;
	height: 26px;
	background-image: url( "images/gridh.gif" );
	background-repeat: repeat-x;
	text-decoration:none;
}
.PendingGrid th
{
	border-style: none solid solid none;
	border-width: 1px;
	border-color: #666666;
	font-family: arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #333333;
	height: 26px;
	background-image: url( "images/gridh.gif" );
	background-repeat: repeat-x;
	text-decoration:none;
}
.PendingGrid th a
{
	font-family: arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #333333;
	text-decoration:none;
}

.Grid tr:hover
{
	background-color:#CCCCCC;
}
.SideTable
{
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
}
