/*
CSS Document
*/

body
{
	background-color:#FAFAFB;
	font-family:Arial;
	font-size:11px;	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	
}

tr 
{
	vertical-align: top;
}


.cdONBodyCellPadded 
{ 
	padding:0px; 
}

	
.txtBoxStyle
{
	border-style: solid;
	border-width: 1px;
	border-color: #7089A3;
	font-size: 12px;
	vertical-align:middle;
	margin-right: 4px;
	padding-left:10px;
}

Button 
{
	font:bold 50%;
	font-family:Arial;
	font-size:11px;
	color: #203246;
	border-style:solid ;
	border-width:1px;
	border-color:#7089A3;
	border-bottom-color:#7089A3;
	background-color:#E7F2F9;
	height:23px;
	cursor:hand;
}

.btnGridStyle
{
	font:bold 50%;
	font-family:Arial;
	font-size:11px;
	color: #203246;
	border-style:solid ;
	border-width:1px;
	border-color:#7089A3;
	border-bottom-color:#7089A3;
	background-color:#E7F2F9;
}

.btnStyle 
{
	font:bold 50%;
	font-family:Arial;
	font-size:11px;
	color: #203246;
	border-style:solid ;
	border-width:1px;
	border-color:#7089A3;
	border-bottom-color:#7089A3;
	background-color:#E7F2F9;
	height:23px;
}

.btnStyle2
{
	font:bold 50%;
	font-family:Arial;
	font-size:11px;
	border-style:none;
	background-color:Transparent;
	height:15px;
	width:40px;
}

.btnStylePopup 
{
	font:bold 50%;
	font-family:Arial;
	font-size:11px;
	color: #4E4E4E;
	border-style:solid ;
	border-width:1px;
	border-color:#666666;
	border-bottom-color:#666666;
	background-color:#D4D0C8;
	height:23px;
}

.btnMouseDown
{
	font:bold 50%;
	font-family:Arial;
	font-size:11px;
	color: #203246;
	border-style:solid ;
	border-width:1px;
	border-color:#7089A3;
	border-bottom-color:#7089A3;
	height:23px;
	background-color:#C8DEFC;
}

.btnMouseUp
{
	font:bold 50%;
	font-family:Arial;
	font-size:11px;
	color: #203246;
	border-style:solid ;
	border-width:1px;
	border-color:#7089A3;
	border-bottom-color:#7089A3;
	height:23px;
	background-color:#C7DFF4;
}

.btnMouseOver
{
	font:bold 50%;
	font-family:Arial;
	font-size:11px;
	color: #203246;
	border-style:solid ;
	border-width:1px;
	border-color:#7089A3;
	border-bottom-color:#7089A3;
	height:23px;	
	background-color:#C7DFF4;	
cursor:hand;
}


.tr
{
	background-color:#FBFBFC;
	font-family:Arial;
	font-size:11px;
	vertical-align:middle;	
}

.td
{
	background-color:#FBFBFC;
	font-family:Arial;
	font-size:11px;	
	vertical-align:middle;	
}

.lstBoxStyle
{
	list-style-type:disc ;
	border-style: solid;
	border-width: 1px;
	border-color: #7089A3;
	font-size: 11px;
	vertical-align:middle;
	margin-right: 4px;
	cursor:hand;
}


.dropDownList
{
	border-style: solid;
	border-width: 1px;
	border-color: #7089A3;
	font-size: 11px;
	vertical-align:middle;
	margin-right: 4px;
	
}

.pHeader
{
	padding: 3px 0 3px 0; 
	width: 155px;
	background-color:#F3F2F0; 
	border-bottom:1px; 
	border-top:1px; 
	border-bottom-style:solid; 
	border-top:solid; 
	border-bottom-color:#DDDEE6; 
	border-top-color:#DDDEE6; 
	vertical-align:middle;
}

.labelHead
{
	font-size:11px;
	font-family:Arial;
	color:#3E5267;
	padding-left:10px;	
}

.chkbox
{
	font-size: 11px;
	font-family:Arial;
}

.radioButton
{
	font-size: 11px;
	font-family:Arial;
}

.labelScroll 
{
	overflow: auto;
}

/*Hyperlink*/
a { text-decoration: none; }
a:link { color: #3E41A1; }
a:hover {text-decoration:underline; color: #4496D2; }
a:visited {color: #272965; }

.aBreadcrumb1 
{ 
	text-decoration:none ; 
	font-weight:bold;
	cursor:default;
}

.aBreadcrumb1:link
{ 
	color: #3E5267;
}

.aBreadcrumb1:hover
{ 
	text-decoration:none ; 
}

.aBreadcrumb1:visited
{ 
	color: #3E5267;
}

.aBreadcrumbSep
{ 
	color: Black;
	font-weight:bold;
}

.aBreadcrumb2 
{ 
	text-decoration: underline; 
	font-weight:bold;
}

.aBreadcrumb2:link
{ 
	color: #3E41A1;
	font-weight:bold;
}

.aBreadcrumb2:hover
{ 
	color: #4496D2;
	font-weight:bold;
}

.titleHeaded
{
	font-size:10pt;
	font-family:Arial;
	color:#3E5267;
	padding: 6px 0 3px 0;
}

.marginPopUp
{
	margin-bottom:2;
	margin-left:2;
	margin-right:2;
	margin-top:2;
}


/** grid styles **/
.NormalGrid
{
	border:1px solid #92B0DD; 
	margin-top: 5px;
	margin-bottom: 5px;		
}

.NormalGridTitle
{
	border:1px solid gray;
	background-color:#E2EAF8;
}


.NormalHeader
{
 font-weight: bold;
 text-align:center;
 color: #7089A3;
 font-family: Arial, Helvetica, sans-serif;
 border-top-color: #FFFFFF;
 border-left-color: #FFFFFF;
 border-bottom-color: #CCCCCC;
 border-right-color: #CCCCCC;
 border-width: 1px;
 border-style: solid;
 vertical-align: middle;
 padding:2px;
 background-color: #EBE9E5;
 border:1px solid #CCCCCC;
}

.NormalHeader A:link { color: #1A4768; }
.NormalHeader A:hover { color: #4496D2; }
.NormalHeader A:visited { color: #1A4768; }


.NormalItem TD 
{
 color: #333333;
 border-top-color: #FFFFFF;
 border-left-color: #FFFFFF;
 border-bottom-color: #CCCCCC;
 border-right-color: #CCCCCC;
 border-width: 1px;
 border-style: solid;
 padding:2px;
 font-size: 11px;
}

.NormalItem 
{
 color: #333333;
 vertical-align: middle;
}

.NormalItem:hover
{
	background-color: #EEEEEE;
	border-bottom: solid 1px #7089A3		
}

.ListItem
{
	background-color: #FFFFFF;
	color: #333333;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-bottom-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	padding:2px;
	font-size: 11px;
	font-weight: normal;
}

.ListItem:hover
{
	background-color: #F6F6F6;
	border-bottom: solid 1px #7089A3		
}

.NoRecord
{
	border: 1px solid #CCCCCC;
	border-top-width:0px; 
}

.NormalFooter TD {
 color: #333333;
 border-top-color: #FFFFFF;
 border-left-color: #FFFFFF;
 border-bottom-color: #CCCCCC;
 border-right-color: #CCCCCC;
 border-width: 1px;
 border-style: solid;
 padding:2px;
}

.NormalFooter {
 color: #333333;
 vertical-align: middle;
}

.NormalPager TD {
 color: #333333;
 border-top-color: #FFFFFF;
 border-left-color: #FFFFFF;
 border-bottom-color: #CCCCCC;
 border-right-color: #CCCCCC;
 border-width: 1px;
 border-style: solid;
 padding:1px;
}

.NormalPager 
{
 color: #333333;
 vertical-align: middle;
}

.NormalAlternatingItem TD
{
 background-color: #F7F7F7;
 border-top-color: #FFFFFF;
 border-left-color: #FFFFFF;
 border-bottom-color: #CCCCCC;
 border-right-color: #CCCCCC;
 border-width: 1px;
 border-style: solid;
 vertical-align: middle;
 padding:2px;
}

.NormalSelectedItem TD
{
 border-top-color: #FFFFFF;
 border-left-color: #FFFFFF;
 border-bottom-color: #CCCCCC;
 border-right-color: #CCCCCC;
 border-width: 1px;
 border-style: solid;
 vertical-align: middle;
 padding:2px;
}

.NormalSelectedItem
{
 color: #333333;
 background-color: #F9FFE1;
}

.RightTab
{
	border-color:#D0E0F7; 
	height: 21px; 
	padding-left:5px;
	padding-bottom:1px;
	padding-right:5px;
	padding-top:10px;
}

.divTab
{
	background-color:#E7F1FF;  
	border:solid 1px;
	padding-left:5px;	
	padding-right:5px;
	font-family:Arial;
	color:#0577CF;

}


/* Calendar */

.Calendar { 
	border: 1px solid #3d84cc;
	width: 100%;
	}

.CalendarWeekdayName{
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	text-align: center; 
	vertical-align: top;
	white-space: nowrap;
	background-color: #ebf2f8; 
	color: #000000;
	}

.CalendarWeekdayName a:link {
	color: #0059b2;
	}

.CalendarWeekdayName a:visited{
	color: #840084;
	}

.CalendarWeekdayName a:hover, .CalendarWeekdayName a:active{
	color: #ff0000;
	}

.CalendarWeekendName{
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	white-space: nowrap;
	text-align: center; 
	vertical-align: top;
	background-color: #ebf2f8;	
	color: #000000;
	}

.CalendarWeekendName a:link {
	color: #000000;
	}

.CalendarWeekendName a:visited{
	color: #000000;
	}

.CalendarWeekendName a:link, .CalendarWeekendName a:visited{
	color: #ff0000;
	}

/* Calendar Day */
.CalendarDay{
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	text-align: center;
	background-color: #f7f7f7;	
	color: #000000;
	}

.CalendarDay a:link {
	color: #0059b2;
	}

.CalendarDay a:visited{
	color: #840084;
	}

.CalendarDay a:hover, .CalendarDay a:active{
	color: #ff0000;
	}

/* Calendar Weekend */
.CalendarWeekend{
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	text-align: center;
	background-color: #ebf2f8;	
	color: #000000;
	}

.CalendarWeekend a:link {
	color: #0059b2;
	}

.CalendarWeekend a:visited{
	color: #840084;
	}

.CalendarWeekend a:hover, .CalendarWeekend a:active{
	color: #ff0000;
	}

/* Calendar Today */
.CalendarToday {
	font-size: 80%;
	padding: 2px;
	border-top: 3px solid #3d84cc; border-right: 3px solid #3d84cc; border-left: 2px solid #3d84cc; border-bottom: 2px solid #3d84cc;
	text-align: center;
	background-color: #f7f7f7;	
	color: #000000;
	}

.CalendarToday a:link {
	color: #0059b2;
	}

.CalendarToday a:visited{
	color: #840084;
	}

.CalendarToday a:hover, .CalendarToday a:active {
	color: #ff0000;
	}

/* Calendar Weekend Today */
.CalendarWeekendToday {
	font-size: 80%;
	padding: 2px;
	border-top: 3px solid #3d84cc; border-right: 3px solid #3d84cc; border-left: 2px solid #3d84cc; border-bottom: 2px solid #3d84cc;
	text-align: center;
	background-color: #ebf2f8;	
	color: #000000;
	}

.CalendarWeekendToday a:link {
	color: #0059b2;
	}

.CalendarWeekendToday a:visited{
	color: #840084;
	}

.CalendarWeekendToday a:hover, .CalendarWeekendToday a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Day */
.CalendarOtherMonthDay{
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	text-align: center;
	background-color: #f7f7f7;	
	color: #3d84cc;
	}

.CalendarOtherMonthDay a:link {
	color: #3d84cc;
	}

.CalendarOtherMonthDay a:visited{
	color: #3d84cc;
	}

.CalendarOtherMonthDay a:hover, .CalendarOtherMonthDay a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Today */
.CalendarOtherMonthToday {
	font-size: 80%;
	padding: 2px;
	border-top: 3px solid #3d84cc; border-right: 3px solid #3d84cc; border-left: 2px solid #3d84cc; border-bottom: 2px solid #3d84cc;
	text-align: center;
	background-color: #f7f7f7;	
	color: #3d84cc;
	}

.CalendarOtherMonthToday a:link {
	color: #3d84cc;
	}

.CalendarOtherMonthToday a:visited{
	color: #3d84cc;
	}

.CalendarOtherMonthToday a:hover,.CalendarOtherMonthToday a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Weekend */
.CalendarOtherMonthWeekend {
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	text-align: center;
	background-color: #ebf2f8;	
	color: #3d84cc;
	}

.CalendarOtherMonthWeekend a:link {
	color: #3d84cc;
	}

.CalendarOtherMonthWeekend a:visited{
	color: #3d84cc;
	}

.CalendarOtherMonthWeekend a:hover, .CalendarOtherMonthWeekend a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Weekend Today */
.CalendarOtherMonthWeekendToday {
	font-size: 80%;
	padding: 2px;
	border-top: 3px solid #3d84cc; border-right: 3px solid #3d84cc; border-left: 2px solid #3d84cc; border-bottom: 2px solid #3d84cc;
	text-align: center;
	color: #3d84cc;
	background-color: #ebf2f8;	
	}

.CalendarOtherMonthWeekendToday a:link {
	color: #3d84cc;
	}

.CalendarOtherMonthWeekendToday a:visited{
	color: #3d84cc;
	}

.CalendarOtherMonthWeekendToday a:hover, .CalendarOtherMonthWeekendToday a:active{
	color: #ff0000;
	}

/* Calendar Selected Day (for DatePicker) */
.CalendarSelectedDay{
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	background-color: #dfdfdf;
	color: #000000;
	text-align: center;
	font-weight: bold;
	}

.CalendarSelectedDay a:link {
	color: #000000;
	}

.CalendarSelectedDay a:visited{
	color: #000000;
	}

.CalendarSelectedDay a:hover, .CalendarSelectedDay a:active{
	color: #ff0000;
	}

/* Calendar Navigator */
.CalendarNavigator {
	font-size: 80%;
	padding: 4px;
	background-color: #dfdfdf; color: #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}

.CalendarNavigator a:link {
	color: #0059b2;
	}

.CalendarNavigator a:visited{
	color: #840084;
	}

.CalendarNavigator a:hover, .CalendarNavigator a:active{
	color: #ff0000;
	}

.CalendarNavigator img{
	margin: 2px;
	vertical-align: middle; 	
	}

/* Calendar Extra */
.CalendarEvent{
	font-size: 100%;
	text-align: left;
	}

.CalendarEvent a:link {
	color: #0059b2;
	}

.CalendarEvent a:visited{
	color: #840084;
	}

.CalendarEvent a:hover, .CalendarEvent a:active{
	color: #ff0000;
	}
	
	
	/* Grid Options */
.Grid { 
	border-left: 1px solid #3d84cc; border-bottom: 1px solid #3d84cc;
	width: 100%;
	}

.Caption th { 
	font-size: 80%; 	text-align: left; vertical-align: top;
	padding: 4px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	background-image: url('Images/CaptionBg.gif'); color: #000000;
	white-space: nowrap;
	}

.Caption td { 
	font-size: 80%; 	text-align: left; vertical-align: top;
	padding: 4px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	background-image: url('Images/CaptionBg.gif'); color: #000000;
	white-space: nowrap;
	}

.Caption a:link { 
	color: #000000;
	}

.Caption a:visited { 
	color: #000000;
	}

.Caption a:hover, .Caption a:active { 
	color: #ff0000;
	}

.Caption img {
	margin: 2px; 
	vertical-align: middle;
	}

.Caption input {
	vertical-align: middle;
	}

.Row th { 
	font-size: 80%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 4px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	background-color: #f7f7f7; color: #000000;
	white-space: nowrap;
	color: #000000;
	}

.Row td { 
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	vertical-align: top;
	background-color: #f7f7f7; 
	color: #000000;
	}

.Row a:link { 
	color: #0059b2;
	}

.Row a:visited { 
	color: #840084;
	}

.Row a:hover, .Row a:active { 
	color: #ff0000;
	}

.Separator{
	color: #3d84cc;
	}

.Separator td{
	height: 1px;
	}


.AltRow th { 
	font-size: 80%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 4px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	background-color: #f7f7f7; color: #000000;
	white-space: nowrap;
	color: #000000;
	}

.AltRow td { 
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	vertical-align: top;
	background-color: #ebf2f8; 
	color: #000000;
	}

.AltRow a:link { 
	color: #0059b2;
	}

.AltRow a:visited { 
	color: #840084;
	}

.AltRow a:hover, .AltRow a:active { 
	color: #ff0000;
	}

.NoRecords td { 
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	background-color: #f7f7f7; 
	color: #000000;
	vertical-align: top;
	}

.Footer td { 
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	background-color: #dfdfdf; color: #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}

.Footer a:link { 
	color: #0059b2;
	}

.Footer a:visited { 
	color: #840084;
	}

.Footer a:hover, .Footer a:active { 
	color: #ff0000;
	}

.Footer img {
	margin: 2px; 
	vertical-align: middle;
	}

.Footer input {
	margin: 2px;
	vertical-align: middle;
	}
	
.FieldName
{
	vertical-align:middle; 
	font-weight:bold
}
	
.InfoLabel
{
 font-weight: bold;
 text-align:center;
 color: #7089A3;
 font-family: Arial, Helvetica, sans-serif;
 border-top-color: #CCCCCC;
 border-left-color: #CCCCCC;
 border-bottom-color: #CCCCCC;
 border-right-color: #CCCCCC;
 border-width: 1px;
 border-style: solid;
 vertical-align: middle;
 padding:1px;
 background-color: #EBE9E5;
 border:1px solid #CCCCCC;
}

.InfoText
{
 color: #333333;

 background-color: #FFFFFF;
 border-top-color: #CCCCCC;
 border-left-color: #CCCCCC;
 border-bottom-color: #CCCCCC;
 border-right-color: #CCCCCC;
 border-width: 1px;
 border-style: solid;
 font-weight:normal;
 padding:1px;
 text-align:left;
 }
 
 .whiteTab{background-color: #E9EEF4;} 
 
 .blueTab{background-color: #6496C7;}	
 
 .whiteToggle
 {	
	width:118px;
	height:28px;
	vertical-align:middle;
	text-align:center;
	background-image:url(../Images/tab_active.gif);
	cursor:hand;			
	color: #39507A;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:12px;
	border:solid 2px #FFD275;

 }
 
  .blueToggle
 {
	width:118px;
	height:28px;
	vertical-align:middle;
	text-align:center;
	background-image:url(../Images/tab_inactive.gif);
	cursor:hand;	
 }
 
  .whiteVertical
 {
	vertical-align:middle;
	text-align:center;
	background-color:#E4E2E4;
	cursor:hand;
	width:21px;
	color: #7089A3;
	border:solid 2px #FFD275;
	background-repeat:repeat;

 }
 
 .blueVertical
 {
	vertical-align:middle;
	text-align:center;
	border:solid 2px #B4C2EC;
	cursor:hand;
	width:21px;
	background-repeat:repeat;
	background-color:#BCCEEC;
 }
 
.blueVerticalText 
{
	width:23px;
	background-color:#BCCEEC;
	text-align:center;
	vertical-align:bottom;
	font-family:Arial;
	padding-left:3px;
	writing-mode: tb-rl;
	filter:fliph flipv ;
}

.whiteVerticalText 
{
	width:23px;
	text-align:center;
	color: #39507A;
	text-align:center;
	font-family: Arial;
	writing-mode: tb-rl;
	filter:fliph flipv ;
	font-weight:bold;
	background-color:#E4E2E4;

}
 
  .Vertical:hover
 {
	background-image:url(../Images/toolgrad.gif);
	cursor:hand;
	background-repeat:repeat;
	vertical-align:middle;
 }
 
.Vertical
 {
	vertical-align:middle;
 }
 
   .Horizontal:hover
 {
	background-image:url(../Images/style04_n_back.gif);
	cursor:hand;
	background-repeat:repeat;
	vertical-align:middle;
 }
 
.Horizontal
 {
	vertical-align:middle;
 }
 
 
 
.Sub:hover
 {
	background-image:url(../Images/style04_s_back.gif);
	cursor:hand;
	background-repeat:repeat;
	vertical-align:middle;
 }
 
.Sub
 {
	vertical-align:middle;
 }
 
 .blueBars
 {
	width: 100%; 
	vertical-align:middle;
	background-image:url(../Images/toolgrad.gif); 
	background-repeat:repeat; 
	background-repeat:repeat-x;
	border-width:1px; 
	border-style:solid; 
	border-color:#95B7F3;
	background-color:#9EBFF6;
	}
	
	.NormalItemTitle
	{
	font-weight: bold;
	 color: #7089A3;
	 font-family: Arial, Helvetica, sans-serif;
	 vertical-align: middle;
	 padding:2px;
		}