﻿/*

*/



body
{
	background-color: #000000;
	font-family: Verdana;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	/*background-image: url(/images/background.jpg);
	background-repeat: repeat;*/
}

#mainTbl
{
	background-color: White;
	border: solid 2px Black;
	padding: 0px 0px 0px 0px;
	width: 1000px;
}

.banner
{
	background-color: #B51D1C;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 150px;
	background-image: url(/images/BannerWithAfricanViolet6.jpg);
	background-repeat: no-repeat;
}

.breadCrumb
{
	background-color: #5E3881;
	height: 25px;
	border-bottom: solid 2px #B51D1C;
	border-top: solid 2px #B51D1C;
	border-bottom: solid 2px #B51D1C;
}

.rightSide
{
	background-color: #F2E6F7;
	width: 200px;
	border-left: solid 1px #B51D1C; /*height: 100%;*/
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: black;
	border-top-color: #B51D1C;
	padding: 3px 3px 3px 3px;
}

.innerTbl
{
	margin: 0px 0px 0px 0px;
}

.contentCell
{
	padding: 0px 5px 0px 5px;
}

#ContentHeader
{
	color: #5E3881;
}

#PageBanner
{
	color: White;
	text-align: right;
	margin-right: 10px;
}
.siteFooter
{
	background-color: #B51D1C;
	color: White;
	text-align: center;	
}

.loginScreen
{
	background-color: Silver;	
}

h1
{
	margin: 15px 0px 1px 0px;
	font-size: 20px;
	color: #5E3881;
	text-align: center;
	width: 100%;
}
h2
{
	margin: 15px 0px 1px 0px;
	font-size: 16px;
	color: #FFFFFF;/*#5E3881*/
	text-align: center;
	width: 100%;
}
h3
{
	margin: 15px 0px 1px 0px;
	font-size: 14px;
	color: #5E3881;
	text-align: center;
	width: 100%;
}
h4
{
	margin: 15px 0px 1px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #B51D1C;
	text-align: center;
	width: 100%;
}
p
{
	margin: 0px 0px 5px 0px;
}
p:first-letter
{ 
	font-size: 16px;
}
.scrollable
{
	overflow: scroll;
	height: 500px;
	max-height: 500px;
}
@media screen
{
	.easyMenu
	{
		height: 25px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.easyMenuItemContainer
	{
		background-color: #5E3881;
	}
	
	.easyMenuItem
	{
		cursor: pointer; 
		cursor: auto;
		height: 25px;
	}
	
	.easyMenuSubMenu
	{
		cursor: pointer; 
		cursor: auto;
		height: 25px;
		border-top: solid 2px #B51D1C;
	}
	
	.easyMenuItemContentCell a:visited
	{
		text-decoration: none;
		color: White;	
	}
	
	.easyMenuItemContentCell a:link
	{
		text-decoration: none;
		color: White;	
	}
	
	.easyMenuItemContentCell a: hover
	{
		text-decoration: none;
		color: Yellow;	
	}
	
	.easyMenuItemContentCell
	{
		font: 12px Tahoma; 
		font-weight:bold;
		color: #ffffff;
		text-align: left;
		white-space: nowrap;
	}

	.easyMenuItemOver a:visited
	{
		text-decoration: none;
		color: White;	
	}
	
	.easyMenuItemOver a:link
	{
		text-decoration: none;
		color: White;	
	}
	
	.easyMenuItemOver a: hover
	{
		text-decoration: none;
	}

	.easyMenuItemOver
	{
		cursor: pointer; 
		cursor: auto;
		height: 25px;
	}
	.easyMenuSubItemOver
	{
		cursor: pointer; 
		cursor: auto;
		height: 25px;
		border-top: solid 2px #B51D1C;
	}

	.easyMenuSubItemOver a:visited
	{
		text-decoration: none;
		color: White;	
	}
	
	.easyMenuSubItemOver a:link
	{
		text-decoration: none;
		color: White;	
	}
	
	.easyMenuSubItemOver a: hover
	{
		text-decoration: none;
	}


	.easyMenuItemContentCellOver
	{
		font: 12px Tahoma;
		font-weight: bold;
		color: #ffffff;
		text-align: left;
		white-space: nowrap;
		background-color: #B51D1C;
	}

	.easyMenuItemSubMenuCell
	{
		width: 40px;
		font-family: Tahoma;
	}
	
	
	.easyMenuItemSubMenuCellOver
	{
		width: 40px;
		font-family: Tahoma;
		background-color: #B51D1C;
	}
	
	.easyMenuSeparator, .easyMenuSeparatorOver
	{
		width:3px;
		padding: 0px;
	}
	
	.easyMenuSeparatorContentCell, .easyMenuSeparatorContentCellOver
	{
		color: #FF0000;
	}
	
	.easyMenuComponentSubMenuCell
	{
		background-color: Red;		
	}

	/* do not change these classes */
	.menuContainerIframeUnderlay
	{
		border: 0px;
		position : absolute; 
		visibility : hidden;
		top : -2000px;
		left : 0px; 
		filter : "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)"; 
		filter : "Alpha(Opacity='0')";
		opacity : 0;
		--moz-opacity : 0;
		background-color: white;
	}
	#ob_em_mc
	{
		width: 100%;
		height: 100%;
		border-collapse: separate;
		border-spacing: expression(cellSpacing=0);
		border-spacing: 0px;
	}
	#ob_em_mc td
	{
		padding: 0px;
	}
	/* do not change these classes */
}

@media print
{
	.menuContainerIframeUnderlay
	{
		display: none;
	}	
}

.shadow{
border:1px solid silver;
font:10pt Tahoma;
position:relative;
display:inline;
background:white;
z-index:1
}

.shadow_inner{
overflow:hidden;
position:absolute;
top: -1000px;
filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/
opacity:0.1; /*firefox 1.5 opacity*/
-moz-opacity:0.1; /*mozilla opacity*/
-khtml-opacity:0.1; /*opacity*/
z-index:0
}



.calendarCalendar {
	border:1px solid #999999;
	background-image:url('/Styles/graphite/cal_bg.gif');
	background-repeat:repeat-x;
	text-align:left;
}
.calendarTitle {
	font:bold 11px Tahoma;
	color:#FAFAFA;
	text-align:center;
	padding-top:2px;
}
.calendarArrowLeft {
	width:30px;
	height:14px;
	background-image:url('/Styles/graphite/arr_left.gif');
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer; cursor:hand;
}
.calendarArrowRight{
	width:30px;
	height:14px;
	background-image:url('/Styles/graphite/arr_right.gif');
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer; cursor:hand;
}
.calendarMonth {
	background-image:url('/Styles/graphite/month_bg.gif');
	border:1px solid #333333;
}
.calendarMonthTitle {
	font:bold 11px Tahoma;
	text-align:center;
	padding:4px;
	color:#FAFAFA;
}
.calendarDayName {
	font:bold 11px Tahoma;
	color:#CACACA;
	text-align:center;
}
.calendarDay {
	font:11px Tahoma;
	color:#FFFFFF;
	padding:1px;
	text-align:center;
	cursor:pointer; cursor:hand;
}
.calendarDayToday {
	font:bold 11px Tahoma;
	color:#333333;
	text-align:center;
	background-color:#CECECE;
	border:1px solid #333333;
	cursor:pointer; cursor:hand;
}
.calendarDayDisabled {
	font:11px Tahoma;
	color:#8E8E8E;
	text-align:center;
	padding:1px;
}
.calendarDaySelected {
	font:bold 11px Tahoma;
	color:#FFFFFF;
	text-align:center;
	background-color:#C4000E;
}
.calendarDaySpecial {
	font:bold 11px Tahoma;
	color:#C4000E;
	text-align:center;
	padding:1px;
}

.calendarDatePickerButton {
	cursor:pointer; cursor:hand;
	vertical-align:bottom;
}
.blah {
	font:bold 11px Tahoma;
	color:white;
	background-color:navy;
}
.specialDateJuly4 {
	font-size:1px;
	color:#F6F6F6;
	text-align:right;
	vertical-align:bottom;
	padding:1px;
	border:0px solid black;
	background-image:url('../flag_usa.gif');
	background-position:bottom center;
	background-repeat:no-repeat;
}
.calendarYearSelectorTitle 
{
	cursor:pointer;
	display:inline;
	padding-left:5px;
	font:bold 11px Tahoma;
	color:#FAFAFA;
	text-align:center;
}
.calendarYearSelectorContainer
{
	border:1px solid #FAFAFA;
	padding-left:5px;
	padding-right:5px;
	display:none;
	background-image:url('cal_bg.gif');
	background-repeat:repeat-x;
	font:bold 11px Tahoma;
	color:#FAFAFA;
	text-align:center;
}
.calendarYearSelectorArrowUp
{
	cursor:pointer;
	background:url('arrowUp.gif');
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
}
.calendarYearSelectorArrowDown
{
	cursor:pointer;
	background:url('arrowDown.gif');
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
}
.calendarYearSelected
{
	cursor:pointer;
	font:bold 11px Tahoma;
	text-align:center;
	background-color:#FAFAFA;
	color:#999999;
}
.calendarYear
{
	cursor:pointer;
	font:bold 11px Tahoma;
	color:#FAFAFA;
	text-align:center;
}

.gridDocumentLink
{
	color: Blue;
	text-decoration: none;
	cursor:pointer;
}
