@charset "utf-8";
/* CSS Document */

body
{
    BACKGROUND-COLOR: #FFFFFF;
	MARGIN: 0px;
	FONT-FAMILY: "Arial";
	height: 100%;
}

/*.NoJS gets hidden and .ReqJS shown via javascript in document ready*/
.NoJS {
	display: block;
	border: solid thin #AAAAAA;
	background-color: #DDDDDD;
	margin: 4px;
	padding: 5px;
}
.ReqJS {
	display:none;
}

/* Programmatic Classes, implemented in Framework/generalsite.js
Blank Classes explicitly listed for Intellisense detection */
.GhostText {color: #AAAAAA;}
.AutoTab {}
.NumericOnly {}

#ScreenOverlay { background-color: #333333;
	position: fixed;
	display: block;
	top: 0px; left: 0px;
	right: 0px; bottom: 0px; 
	width: 100%; height: 100%;
	margin-left: 0px; margin-right: 0px;
	display: none;
	z-index: 100;
	filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75;
}
#PopupWin {
	position: fixed;
	top: 30px;
	left: 60px; right: 60px;
	/*width: 700px;*/
	padding: 20px;
	border: 2px solid #ccc;
	background-color: #FFFFFF;
	display: none;
	z-index: 101;
    -moz-border-radius: 20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
}
#PopupWin a.close{
    float:right;
    width:26px;
    height:26px;
	position:relative;
	z-index: 102;
    background:transparent url("/images/icon_cancel.png") repeat top left;
    margin-top:-30px;
    margin-right:-30px;
    cursor:pointer;
}
#PopupWin a.closeLink, #FAQ a.delLink {
	margin-right: 30px;
}
#ToastMsgWrapper {
	position: fixed;
	top: 10px; left: 0px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	display: none;
}
#ToastContent {
	background-color: #ffe942;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border: 1px solid #000;
	padding: 3px;
	display: inline-block;
}
#ToastMsg {
	color: #003b6e;
}

.EntryPanel {
	background-color: #FFCCCC;
	border-style: solid;
	border-color: #999999;
	border-width: thin;
	display: inline-block;
	margin-bottom: 10px;
	padding: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
}

.HoverRow { cursor: pointer; }
.HoverRow > td { border-bottom: 1px solid #CCCCCC; padding-right: 4px; }
.HoverRow .ImgButton { visibility:hidden; }
.ImgButton { cursor: pointer; }
.ImgButtonGroup { white-space: nowrap; }
.ToggleDiv {
	font-size: 0.8em;
	cursor: pointer;
	display: inline;
	padding: 2px;
	margin: 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}
.ToggleDiv.Unchecked {
	border: 2px solid #FFEEEE;
	background-color: #FFEEEE;
	filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;
}
.ToggleDiv.Checked {
	border: 2px solid #FF9999;
	background-color: #FFCCCC;
	filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;
}
.VerticalText {
	writing-mode: tb-rl;
}

#MenuLinks { padding-left: 5px; }
#MenuLinks a { display: block; border-bottom: 1px solid #CCCCCC; white-space: nowrap; }
#MenuLinks a:hover { background-color: #FFFFCC; text-decoration: none; }
#MenuLinks .SectionHead { display: block; border-top: 2px solid black; margin-top: 3px; padding-top: 3px; font-style: italic; white-space: nowrap; position: relative; top: -5px; }

A:link {COLOR: #000099; TEXT-DECORATION: none;}
A:visited {COLOR: #000099; TEXT-DECORATION: none;}
A:hover {COLOR: #000099; TEXT-DECORATION: underline overline;}
A.BlackLink:link {COLOR: #000000; TEXT-DECORATION: none;}
A.BlackLink:visited {COLOR: #000000; TEXT-DECORATION: none;}
A.BlackLink:hover {COLOR: #000000; FONT-STYLE: italic; TEXT-DECORATION: underline overline;}
A.AsLink:link {COLOR: #0000FF; TEXT-DECORATION: none; cursor:pointer;}
A.AsLink:visited {COLOR: #0000FF; TEXT-DECORATION: none; cursor:pointer;}
A.AsLink:hover {COLOR: #0000FF; TEXT-DECORATION: underline overline; cursor:pointer;}

IMG, IMAGE {BORDER: 0px;}

TD {FONT-SIZE: 10pt;}

SPAN#List_Item_Heading
{
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold;
	COLOR: #0000CC;
	WHITE-SPACE: nowrap
}
SPAN#List_Item_Heading_hover
{
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold;
	COLOR: #0000CC;
    TEXT-DECORATION: underline overline;	
	WHITE-SPACE: nowrap
}
SPAN#Footer
{
	font: 10px verdana;
	color: #666666
}
.fadehover a:hover
{
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
	zoom: 1;
}
.PopDisplay {
	position: absolute;
	display: none;
	z-index: 2;
	background-color: #FFFF66;
	border-color: #0033CC;
	border-style: ridge;
	border-width: thick;
	padding: 2px;
}
.InlinePopup {
	display: none;
	background-color: #FFFF66;
	border-color: #0033CC;
	border-style: ridge;
	border-width: thick;
	padding: 2px;
}
	
.header {
	font-family: Tahoma;
	font-size: 18px;
	font-weight: 500;
	color: #003399;
}

.content {
	font-family: Tahoma;
	font-size: 14px;
	font-style: normal;
}
.special {
	font-family: Tahoma;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
}
.SectionHeading {
	background-color: #FF6666;
	border-width: thin;
}

.GreenGradientButton, .RedGradientButton {
	color: #fff;
	cursor: pointer;
	margin: 2px;
}
.GreenGradientButton {
	background: -moz-linear-gradient(top, #66cc99, #006600);
	background: -webkit-gradient(linear, center top, center bottom, from(#66cc99), to(#006600));
	/* Internet Explorer */
    *background: #66cc99;
    background: #66cc99\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#66cc99, endColorstr=#006600);
}
.RedGradientButton {
	background: -moz-linear-gradient(top, #FF9999, #FF3333);
	background: -webkit-gradient(linear, center top, center bottom, from(#FF9999), to(#FF3333));
	/* Internet Explorer */
    *background: #66cc99;
    background: #66cc99\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF9999, endColorstr=#FF3333);
}
.GreenGradientButton:hover, .RedGradientButton:hover {
	color: #eee;
}
.SearchField {
	background: #ffffff url(/images/icon_search.png) no-repeat 2px 2px;
	padding: 2px 2px 2px 20px;
	height: 16px;
}