/*----------- body --------------------*/
body
{	 
	font-family: verdana;
	background-color: #BEBDC2;
	background-image: url(Images/page_bg_top.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	text-align: center;	
	margin: 0px;
	width: 100%;
}

table
{
	border-collapse: collapse;
}
			
hr
{
	height: 1px;
}		

.sitecontainer
{
	border: 1px solid #000000;
	height: 100%;
	width: 780px;
	background-color: #ffffff;
} 

.top
{
	background-color: #002744;	
	border-bottom: 1px solid #000000;
}

.SiteNameHeader
{
	background-color: #002744;
	background-image: url(Images/logo_name.jpg);
	background-repeat: no-repeat;
	background-position: top right;	
	width: 528px;
	height: 122px;
	text-align: right;
	padding: 0px 20px 10px 0px;
	font-family: tahoma;
	font-weight: normal;
	font-size: 30px;
	color: #ffffff;
	vertical-align: bottom;
}

/*---------------------- menu ----------------------------------*/
.menuHolder
{
 	background-color: #002744;
	background-image: url(Images/menu_bg.jpg);
	background-repeat: repeat-x;	
	background-position: top left;	
	border-bottom: 1px solid #000000;	
}
 
.menu td
{
 	border-left: 1px solid #000000;
 	padding: 6 15 6 15;
 	font: 10px verdana; 
}
 
.menu a:visited
{	
	font: normal 11px verdana ;
	color: #ffffff;
	text-decoration: none;	
}

.menu a:active
{	
	font: normal 11px verdana ;
	color: #ffffff;
	text-decoration: none;	
}

.menu a:hover
{	
	font: normal 11px verdana ;	
	color: #767679;
	text-decoration: none;	
}

.menu a
{	
	font: normal 11px verdana ;
	color: #ffffff;
	text-decoration: none;		
}
 
/*---------------------- sidemenu ----------------------------------*/
 
.sidemenuHolder
{
	background-color: #767679;	
	border-right: 1px solid #000000; 	
	width: 150px;
	height: 100%;
} 

.aboveMenu
{
	width: 150px;
 	background-color: #000000;
	background-repeat: no-repeat;
	background-position: bottom center;	
}
/*
.sidemenu td
{
 	border-bottom: 1px solid #000000;
 	background-color: #e1e1e1;
 	padding: 10px;
 	font: 10px verdana; 
 	width: 150px;
}
 */
.sidemenu a:visited
{	
	font: normal 11px verdana ;
	color: #000000;
	text-decoration: none;	
}

.sidemenu a:active
{	
	font: normal 11px verdana ;
	color: #000000;
	text-decoration: none;	
}

.sidemenu a:hover
{	
	font: normal 11px verdana ;	
	color: #767679;
	text-decoration: underline;	
}

.sidemenu a
{	
	font: normal 11px verdana ;
	color: #000000;
	text-decoration: none;		
} 
  
/*------------------------ content --------------------------------*/
.content
{
	font-family: verdana;	
	font-size: 10px;
	line-height: 14px;	
	background-color: #ffffff;	
	width: 100%;
}

.content td
{
	font-size: 12px;
	padding: 5px;	
}

h1
{
	font: bold 18px arial;		
	margin-bottom: -4px;		
}

/*------------------------ grid view --------------------------------*/

.GridViewStyle
{
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #000000;	
	padding: 1px;
}

.GridViewStyle td
{	
	font-size: 12px;		
	padding: 5px;				
}

.GridAltRowStyle
{
	background-color: #F7D9D9;
	padding: 5px;		
	border-top: 1px solid #EEABAB;	
	border-bottom: 1px solid #EEABAB;	
}

.GridAltRowStyle td
{
	border-top: 1px solid #EEABAB;
	border-bottom: 1px solid #EEABAB;
}

.GridAltRowStyle td table tr td
{
	border: 0px;
}

.GridFooterStyle
{
	padding: 5px;
}

.GridPagerStyle
{
	border-top: 1px solid #5A0C02;
	background-color: #CC0001;
	background-image: url(images/gridHeader_bg.jpg);
	background-repeat: repeat-x;
	background-position: top left;	
}

.GridPagerStyle td
{
	color: #ffffff;
	font-size: 10px;
	padding: 6px;
	font-weight: bold;
	text-align: right;		
}

.GridPagerStyle td table tr td
{	
	color: #ffffff;
	font-size: 10px;
	padding: 2px;
	font-weight: bold;
	text-align: right;	
}


.GridPagerStyle a
{	
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;		
}

.GridPagerStyle a:visited
{	
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;		
}

.GridPagerStyle a:hover
{	
	color: #767679;
	font-size: 10px;
	font-weight: bold;		
}

.GridPagerStyle a:active
{	
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;		
}

.GridHeaderStyle
{
	background-color: #282425;
	background-image: url(images/gridHeader_bg.jpg);
	background-repeat: repeat-x;
	background-position: top left;		
	border-bottom: 1px solid #002441;
	color: #ffffff;
	font-weight: bold;
}

.GridHeaderStyle th
{
	color: #ffffff;
	font-family: verdana;
	font-size: 12px;
	text-align: left;			
	padding: 10px 5px 10px 5px;
}

.GridHeaderStyle a
{	
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;		
}

.GridHeaderStyle a:visited
{	
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;		
}

.GridHeaderStyle a:hover
{	
	color: #767679;
	font-size: 12px;
	font-weight: bold;		
}

.GridHeaderStyle a:active
{	
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;		
}


.modifiedBy
{
	width: 200px;	
	border: 1px solid #000000;
}

.modifiedBy td
{
	background-color: #ffffff;	
	text-align: left;
	
}


/*------------------------ links --------------------------------*/
.ClickImage
{
	cursor: pointer;
}

a:visited
{	
	font: bold 10px verdana ;
	color: #767679;
	text-decoration: underline;	
}

a:active
{	
	font: bold 10px verdana ;
	color: #767679;
	text-decoration: underline;	
}

a:hover
{	
	font: bold 10px verdana ;	
	color: #5A0C02;
	text-decoration: underline;	
}

a, .a
{	
	font: bold 10px verdana ;
	color: #767679;
	text-decoration: underline;		
}

/*------------------------ controls --------------------------------*/

.control
{
	width: 248px;
	background-color: #ffffff;		
	border: solid 1px #5A0C02;	
}

.control .controlheader
{
	background-color: #282425;		
	background-image: url(images/controlHeader_bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;	
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	padding: 8px 5px 8px 5px;			
}

td.eventControl
{
	padding: 0px;
	text-align: center;
}

/*------------------------ footer links --------------------------------*/

.footerHolder
 {
 	background-color: #002744;
	background-image: url(Images/menu_bg.jpg);
	background-repeat: repeat-x;
	background-position: top center;	
	border-bottom: 1px solid #000000;	
	border-top: 1px solid #000000;		
 }

.footer
{
	width: 100%;
}

.footer td
{
 color: #ffffff;
 font: normal 9px verdana ;	
 padding: 5px;
}

.footer a:visited
{	
	font: normal 9px verdana ;
	color: #ffffff;
	text-decoration: none;	
}

.footer a:active
{	
	font: normal 9px verdana ;
	color: #ffffff;
	text-decoration: none;	
}

.footer a:hover
{	
	font: normal 9px verdana ;	
	color: #767679;
	text-decoration: none;	
}

.footer a
{	
	font: normal 9px verdana ;
	color: #ffffff;
	text-decoration: none;		
}

/*-----------------------  calendar styles -------------------------------*/
.CalendarWidget
{
	background-color: #e1e1e1;
	border: solid 1px #000000;
}

.CalendarWidget td
{
	
	border: solid 1px #000000;
}

td.CalendarSelectedDayStyle
{
	border: solid 1px #000000;
	background-color: #4A5C8C;
}

.CalendarSelectorStyle
{
	border: solid 1px #000000;
}

.CalendarTodayDayStyle
{
	background-color: #002744;
}

.CalendarOtherMonthDayStyle
{
	background-color: #e1e1e1;
	border: solid 1px #000000;
}

.CalendarNextPrevStyle
{
	color: #ffffff;	
	font-size: 9px;
	font-weight: bold;	
}

.CalendarDayHeaderStyle
{
	background-color: #002744;
	font-size: 9px;
	font-weight: bold;
	color: #ffffff;
	padding: 2px 0px 2px 0px;
	
}

.CalendarTitleStyle
{
	color: #ffffff;	
	font-size: 9px;
	font-weight: bold;	
	border: 0px;	
}

.CalendarTitleStyle td
{
	border: 0px;
	font-size: 11px;
	font-weight: bold;	
	padding: 0px;	
}

.CalendarDayStyle
{
	background-color: #ffffff;	
}

/*-----------------------  Sub headers and buttons -------------------------------*/
.SubHeaderBgColor
{
	background-color: Gray
}

.Office-Header
{
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	background-color: #e6e6e6;
}

.popupDiv
{
	cursor:pointer;
	width:400px;
	display:none;
	position:absolute;
	overflowY:scroll;
	border: solid 1px #000;
	padding: 20px;
	background-color: #ffffff;
	z-index: 91;
	filter: alpha(opacity=93);
	opacity:0.93;
	-moz-opacity:0.93;	
}