body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*color: #000000;*/	
}

body {
	background-color: #9AAFC0;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
td 
{
	vertical-align: middle;
}
label
{
	vertical-align: middle;
}

a {
	color: #000000;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #333333;
}


/* zero margin on all forms */
form 
{
	margin: 0px;
}
/* begin classes */
input, select, textarea 
{
	margin-bottom: 8px;
}

img 
{
	border: none;
}


/* define the main layout divs */

#login 
{
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	text-align: right; 

}

#login a:link, #login a:visited 
{
	color: #ffffff;
	text-decoration: none;
}

#login a:hover 
{
	text-decoration: underline;
}


/* make crumbs after making new nav */
#breadcrumb 
{
	padding: 8px 10px 8px 18px;
	background: #ffffff;
	color: #0A2A4A;
	font-size: 12px;
	height: 20px;
}

#breadcrumb a:link, #breadcrumb a:visited 
{
	color: #0A2A4A;
	text-decoration: none; 
}


#footer 
{
	color: #ffffff;
	width: 800px;
}

#footer a
{
	color: #ffffff;
}

/* sometimes we hide elements from display in visual browsers (but leave them in the source for non visual browsers and for accessibility).*/
.hidden 
{
	visibility: hidden;
	display: none;
}
.None 
{
	display: none;
}

.watermark
{
   vertical-align: middle;
   color:gray;
   font-style: italic;  
}

/*begin creating the tabs */
.menu 
{
	font-weight: bold;
}
/* set tab1 as top level container table, then target TDs inside*/
.menuItem td 
{
	font-size: 13px;
	height: 24px;
	width: 100px;
	text-align: center;
}

.menuSelectedItem td 
{
}

.menuItem a:link, .menuItem a:visited, .menuPopupItem a:link, .menuPopupItem a:visited 
{
	color: #ffffff;
	text-decoration: none;
}

.menuItem a:hover 
{
	text-decoration: underline;
}

/* make drop down menu container style */
.menuPopup 
{
	border: 1px solid #666666;
	border-bottom: none;
}

/* make drop down menu item style */
.menuPopupItem 
{
	color: #ffffff;
	background-color: #9AAFC0; 	
	border-bottom: 1px solid #666666;
	padding: 6px;
}

.CommonContentArea
{
    margin: 0px 0px 0px 0px;
}

/* IE needs height:512px BUT this height:512px below must be removed to display correctly in Mozilla */
#CommonContentArea 
{
	/*height: 512px; commenting out since we don't want fixed */
}
/* Mozilla needs min-height:512px (IE will ignore this min-height) */
#CommonContentArea 
{
	min-height: 600px;
}
#CommonContentArea 
{
	/*padding: 10px; */
	background-color: #FFFFFF;
	color: #666666;
	font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;	
}

/* create hover effect for calendar icons */
#CommonContentArea a:link img, #CommonContentArea a:visited img {
	padding: 2px;
	/*border: 1px solid #DFE4EA */
	background: #DFE4EA;
}
#CommonContentArea a:hover img {
	padding: 2px;
	/*border: 1px solid #C1CFE0;*/
	background: #E8ECF0;
}

#CommonContentArea a:active img {
	padding: 2px;
	/*border: 1px solid #C1CFE0;*/
	background: #C9D4E2;
}


/* make the cal icon appear in line with the forms and text */
#CommonContentArea img {
	border: 0px;
	vertical-align: text-bottom;
}

#CommonInnerContentArea
{
    padding: 0px 5px 10px 15px;
}

.CommonShortcutMenuArea 
{
    /*margin: 1px 1px; */
	background: #FFFFFF;
	padding: 0px 10px 0px 0px;
}
.CommonShortcutMenuArea th
{
	text-align: center;
	color: #ffffff;
	background-color : #0A2A4A;
	border-width: thick;
}

.CommonShortcutMenuItem  
{
    padding: 3px 2px 3px 8px;   	
	background-color: #7DAEDB;
}

.CommonShortcutMenuItem a 
{
    color: #0A2A4A;
	font-weight:bold;  
	text-decoration: none; 
}

.CommonShortcutMenuSelectedItem  
{
    padding: 3px 2px 3px 8px;   	
	background-color: #75A1CA;
}

.CommonShortcutMenuSelectedItem a 
{
    color: #0A2A4A;
	font-weight:bold;  
	text-decoration: none; 
}


.CommonFormRow
{
	padding-top: 5px;
	padding-bottom: 5px;		 
}

.CommonFieldLabel
{
  font-weight:      bold;
  width:            140px;
  padding-right:    10px;
  float:            left;
}

.EmailFormFieldLabel
{
  font-weight:      bold;
  width:            100px;
  padding-right:    3px; 
  float:            left;
}

.CommonButton 
{
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 0.9em;
	height: 25px;
	width: 100px;
	color: #000000;
}

.LargeButton 
{
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 0.9em;
	height: 25px;
	width: 125px;
	color: #000000;
}


.CommonButtonFooterArea
{
	text-align: center;	 	
}


/* Modal - BEGIN */
.popupControl 
{
	background-color:#9AAFC0;
	position:absolute;
	visibility:hidden; 
	border-style:solid;
	border-color: Black;
	border-width: 1px;

}

.popupControl ul 
{ 
	list-style-type: none;
}
.popupControl li 
{
     padding: 5px 40px 0 0;
}

.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup 
{
	background-color: #ffffff; 
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:200px;
}

.ModalContentArea
{
	padding: 10px;
	/*border: 1px solid #000000;*/
	background: #FFFFFF;
	color: #666666;
}

.ModalHeaderArea
{
    border  : solid 1px #000000; 
	background-color:#E0E2CF; 
	color: #000000; 
	font-weight:bold;
	font-size:medium; 
	height:22px; 
	padding: 2px 2px 2px 2px; 
	margin: 10px 0 10px 0;
}

.ModalFieldLabel 
{
	background: #FFFFFF;
	font-weight:bolder; 
	color: #666666;
	font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;	
}

.ModalFooterArea
{
	/*vertical-align: middle; */
	text-align: center;	
}

/* Modal - End */

/* GridView - BEGIN */
.CommonListArea
{
	border: none 0px #ffffff;	
	width : 100%;
}

.CommonListRow
{
	padding: 5px;
	text-align : left;
	background: #F9FAFB;	
}

.CommonListArea td, th
{
	/* this overrides following styles on row by row basis*/
	padding: 9px 9px 9px 9px;
}

.CommonListAlternatingRow
{	
	text-align : left;
	background-color :#F9FAFB; 
}
.CommonListSelectedRow
{	
	font-weight: bold;
	text-align : left;	
	background-color : #F0F3E8; 
}

.CommonListHeaderRow
{
	text-align : left;
	background-color : #C9CDAC;
	border-width: thick;
}

.CommonListHeaderRowSortedCell
{
	color: #000000;	
	font-weight: bold;
	font-size: 15px; 
}

.CommonListHeaderRowSortedCell a
{
	font-size: 12px; 
	color: #000000;	
}


.CommonListPagerRow
{
    padding: 0px;
}

.CommonListPagerRow td
{
    padding: 3px;
}

/* GridView - END */



/* Tab - BEGIN */
.CommonTabArea {padding-top: 20px;}
.CommonTabArea .ajax__tab_header {font-size:11px;}
.CommonTabArea .ajax__tab_outer {padding-right:0px;height:27px; }
.CommonTabArea .ajax__tab_inner {padding-left:0px; }
.CommonTabArea .ajax__tab_tab {height:18px;padding-left:30px; padding-right:30px; padding-top:5px; padding-bottom:3px;margin:0; background-color:#9AAFC0; color:#ffffff; border: solid 1px #000000; border-bottom: 0;}
.CommonTabArea .ajax__tab_active .ajax__tab_outer {}
.CommonTabArea .ajax__tab_active .ajax__tab_inner {}
.CommonTabArea .ajax__tab_active .ajax__tab_tab {height:19px; padding-left:30px; padding-right:30px; padding-top:4px; padding-bottom: 4px; background-color:#ffffff; color:#000000; border-bottom: 0;}
.CommonTabArea .ajax__tab_body { border:1px solid #000000;padding:8px;background-color:#ffffff;}

/* Tab - END */



/* Accordion - BEGIN */

.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

/*#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}
*/
.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

/*
#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}
*/
.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/* Accordion - BEGIN */

/* TimeSelector - BEGIN */

.CommonTimeSelector input
{
	margin-bottom: 2px; 
}

/* TimeSelector - END */


/*
Message Styles
*/

.CommonMessageSuccess
{
	margin: 16px 0;
	padding: 12px;
	font-size: 100%;
	color: #030;
	font-weight: normal;
	border: solid 1px #030;
	background-color: #88dd88;
}

.CommonMessageWarning
{
	margin: 16px 0;
	padding: 12px;
	font-size: 100%;
	color: #330;
	font-weight: normal;
	border: solid 1px #eec600;
	background-color: #FFFFAA;
}

.CommonMessageError
{
	margin: 16px 0;
	padding: 12px;
	font-size: 100%;
	color: #000;
	font-weight: normal;
	border: solid 1px #300;
	background-color: #d66;
}


/*
Message Box Styles
*/


.CommonMessageBoxArea
{
	width: 50%;
	margin-top: 64px;
	margin-bottom: 64px;
	background-color: #ffffff;
}

.CommonMessageBoxTitle
{
	text-align:center;
	font-size: 180%;
	font-weight: bold;
	background-color:#5078B3;
	color: #FFFFFF;
	padding: 8px;
	padding-left: 16px;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}

.CommonMessageBoxContent
{
	font-size: 100%;
	color: #000000;
	padding: 16px;
	padding-bottom: 16px;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-top-width: 0px;
	border-color: #000000;
}

/* Heading Panel */
.CommonHeaderPanel
{
	width:100%; 
	margin:0 0 5px 0;
}

.CommonHeaderPanelTitle
{
	background-color:#0189D2; 
	color: #FDD543; 
	font-weight:normal; 
	height:35px; 
	padding: 10px 2px 2px 5px; 
	margin: 0 0 0 0;
}

.CommonHeaderPanelSubTitle
{
	background-color:#F38025; 
	color: #ffffff; 
	font-weight: bold; 
	height:20px; 
	padding: 5px 3px 3px 5px; 
	margin: 0 0 0 0;
}

.CommonFlashHeaderPanel
{    
    padding: 0px 10px 10px 10px;
}



/* SubHeadings */
.CommonSubHeadingGreen
{
	background-color: #80C44B;
	padding: 5px 5px 5px 5px;
    color:#FFFFFF; 
    font-size:18px;
    font-weight:bold;  
      
}

.CommonSubHeadingBlue
{
	background-color: #0189D2;
	padding: 5px 5px 5px 5px;
    color:#FFFFFF; 
    font-size:18px;
}

.CommonSubHeadingOrange
{
	background-color: #F38025;
	padding: 5px 5px 5px 5px;
    color:#FFFFFF; 
    font-size:18px;
}

.CommonValidationSummaryArea
{
    width: 300px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the element */
	text-align: left;
}