/*----------- body --------------------*/
body
{	 
	font-family: verdana;
	background: #666 url(Images/page_bg_top.jpg) repeat-y top center;
	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: #ffffff;
	
}

.SiteNameHeader
{
	height: 173px;	
	vertical-align: bottom;
	text-align: right;
	padding: 0px 30px 3px 0px;
	color: #fff;
	font: bold 30px Arial;
}

.noteText
{
	font-size: 9px;
}
/*---------------------- menu ----------------------------------*/
.menuHolder
{
 	background-color: #cccccc;
	background-image: url(images/menu_footer_bg.jpg);
	background-repeat: repeat-x;	
	border-bottom: 1px solid #000000;	
	border-top: 1px solid #000000;		
	background-position: top left;		
}
 
 .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: #000000;
	text-decoration: none;	
}

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

/*---------------------- sidemenu ----------------------------------*/

.sidemenuHolder
{
 	background-color: #00182D;
	border-right: 1px solid #000000;
	width: 150px;
	height: 100%;
	background-image: url(images/sidemenu_bg.jpg);	
	background-repeat: repeat-y;
	background-position: top right;			
} 
 
.aboveMenu
{
	width: 150px;
 	background-color: #002441;
	background-repeat: no-repeat;
	background-position: bottom center;	
}
.sidemenu td
{
 	border-bottom: 1px solid #000000;
 	background-color: #D6E3EF;
 	padding: 0px;
 	font: 10px verdana; 
 	width: 150px;
}
.sidemenu a:visited
{	
	font: normal 11px verdana ;
	color: #e1e1e3;
	text-decoration: none;	
}

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

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

.sidemenu a
{	
	font: normal 11px verdana ;
	color: #e1e1e3;
	text-decoration: none;		
} 
  
/*------------------------ content --------------------------------*/
.contentHolder
{
	 background-image: url(images/content_bg.jpg);
	 background-repeat: no-repeat;
	 background-position: bottom right;
	 background-color: #ffffff; 
}

.content
{
	font-family: verdana;	
	font-size: 10px;
	line-height: 14px;			
	width: 100%;
}

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

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

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

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

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

.GridAltRowStyle,table.GridViewStyle tbody tr.odd td
{
	background-color: #D6E3EF;
	padding: 5px;		
	border-top: 1px solid #000000;	
	border-bottom: 1px solid #000000;	
}

.GridAltRowStyle td,table.GridViewStyle tbody tr.odd td
{
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.GridAltRowStyle td table tr td,table.GridViewStyle tbody tr.odd td
{
	border: 0px;
}

.GridFooterStyle
{
	padding: 5px;
}

.GridPagerStyle
{
	border-top: 1px solid #000000;	
	background-color: #052A47;
	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: #052A47;
	background-image: url(images/gridHeader_bg.jpg);
	background-repeat: repeat-x;
	background-position: top left;		
	border-bottom: 1px solid #000000;		
	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 11px verdana ;
	color: #002744;
	text-decoration: underline;	
}

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

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

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


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

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

.control .controlheader
{
	background: #000 url(images/controlHeader_bg.jpg) repeat-x top left;	
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	padding: 8px 5px 8px 5px;	
	border-bottom: solid 1px #000000;		
}

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


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

.footerHolder
{
 	background-color: #282828;
	background-image: url(Images/menu_footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: top left;	
	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: #000000;
	text-decoration: none;	
}

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

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

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

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

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

.CalendarTodayDayStyle
{
	background-color: #002744;
}

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

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

.CalendarDayHeaderStyle
{
	background-color: #565557;
	font-size: 9px;
	font-weight: bold;
	color: #ffffff;
	padding: 2px 0px 2px 0px;
	border: solid 1px #000000;
}

.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;	
}

form label.error, 
form input.submit { margin-left: 0px; }
label.error {
    /* remove the next line when you have trouble in IE6 with labels in list */
    color: red;
    font-style: italic; 	       
    float: none; 
    vertical-align: top;    
    display:block;             	               
}
input.error { border: 1px solid red; }