/* CSS Document */
body
{
    font-family: verdana, arial, helvetica;
    font-size: 13px;
    margin: 0px;
    color: #000033;
    background-color: #ffffff
}
th 
{
   font-family: verdana, arial, sans-serif; 
   font-weight:bold;
   font-size: 13px; 
   color:#FFFFFF; 
   background-color:#507CD1; 
}
td 
{
   font-family: verdana, arial, sans-serif; 
   font-size: 13px;
}

.Title100
{
    font-family: verdana,arial,helvetica;
    font-weight: bold;
    font-size: 20px;
    color: Navy;    
    vertical-align: top;
}
.Title101
{
    font-family: verdana,arial,helvetica;
    font-weight: bold;
    font-size: 18px;
    color: Navy;    
    vertical-align: top;
}
.Title102
{
    font-family: verdana,arial,helvetica;
    font-weight: bold;
    font-size: 16px;
    color: Navy;    
    vertical-align: top;
}
.Title200
{
    font-family: arial,verdana,helvetica;
    font-weight: bold;
    font-size: 20px;
    color: Navy;    
    vertical-align: top;
}
.Title201
{
    font-family: arial,verdana,helvetica;
    font-weight: bold;
    font-size: 18px;
    color: Navy;    
    vertical-align: top;
}
.Title202
{
    font-family: arial,verdana,helvetica;
    font-weight: bold;
    font-size: 17px;
    color: Navy;    
    vertical-align: top;
}

.FormHead101
{
    font-family: verdana,arial,helvetica;
    font-weight: bold;
    font-size: 17px;
    color: #006699;
    vertical-align: top;
    text-align: left;
}
.FormHead102
{
    font-family: verdana,arial,helvetica;
    font-weight: bold;
    font-size: 15px;
    color: #006699;
    vertical-align: top;
    text-align: left;
}

.Section101
{
    font-family: verdana,arial,helvetica;
    font-weight: normal;
    font-size: 17px;
    color: Navy;    
}
.Section102
{
    font-family: verdana,arial,helvetica;
    font-weight: normal;
    font-size: 15px;
    color: Navy;    
}
.Section103
{
    font-family: arial,verdana,helvetica;
    font-weight: normal;
    font-size: 13px;
    color: Navy;    
}

.LargeBlackText
{
    font-family: Arial;
    font-size: 18px;
    color: Black;
    vertical-align: top;
    text-align: left
}

.FixedGridHeader
{
   position: relative;
   /*IE5+ only*/
   /*top: expression(parentNode.parentNode.parentNode.parentNode.scrollTop-2);*/
   /*left:expression(parentNode.parentNode.parentNode.parentNode.scrollLeft);*/
   /*z-index: 99;*/
}

.Chinese
{
	font-family: Verdana, Arial, SimSun, SimHei;
}

/*AJAX related */
.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

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

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

/*AJAX CollapsiblePanel*/
.collapsePanel {
	width: 640px;
	height:0px;
	background-color:White;
	overflow:hidden;
}

.collapsePanelHeader{	
	width:640px;		
	height:20px;
	color: DarkBlue;
	background-color: #EFF3FB;
	font-weight:bold;
	float:left;
	padding:5px; 
	cursor: pointer; 
	vertical-align: middle;
}

/*AJAX DropDown Menu*/
.ContextMenuPanel 
{
	border: 1px solid #868686;
	z-index: 1000;
	background: url(images/menu-bg.gif) repeat-y 0 0 AliceBlue;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
}

.ContextMenuBreak
{
	margin:1px 1px 1px 32px;
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	
}

a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 32px;
}

/*AJAX Calendar*/
.MyCalendar .ajax__calendar_container
{
   border: 1px solid #646464;
   background-color: #EFF3FB;
   color: navy;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year 
{
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year 
{
    color: blue;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year 
{
    color: blue;
    font-weight:bold;
}


/*AJAX Tab custom settings*/
/* Default tab - for the tab headertext */
.MyCustomAjaxTab .ajax__tab_tab
{
    font-family:verdana,arial,helvetica;
    font-size: 13px;
    padding: 4px;
    background-color: #EAEAEA;
    width: 142px;  
    height:16px;   
    margin-right:4px;overflow:hidden;text-align:center;
}
/* When mouse over */
.MyCustomAjaxTab .ajax__tab_hover .ajax__tab_tab
{
    font-weight:bold;
    text-decoration: underline;
}
/* Current selected tab */
.MyCustomAjaxTab .ajax__tab_active .ajax__tab_tab
{
   font-weight: bold;
   background-color: #ffdab9;  /*lightsteelblue: #b0c4de*/
}
/* TabPanel Content */
.MyCustomAjaxTab .ajax__tab_body
{
    border: 1px solid #b0c4de; /* same color as the active tab backgroud */
    padding: 8px;
    background-color: #ffffff; /*white*/
    margin-right: 4px; /* Your proper right-margin, make your header and the content have the same width */
    margin-top: 0px;
}