﻿/*** GENERAL SCREEN LAYOUT STYLES ***/

.Hidden
{
	position:absolute;
	left:-10000px;
	text-decoration:none !important;
	font-size:1px !important;
}

img.Transparent
{
	behavior:url(/Styles/pngbehavior.htc);
}

#Main
{
	width:990px;
	margin:0px auto;
	padding:0px;
	background-color:#fff;
}


.Header
{
	height:147px;
	background-repeat:no-repeat;
	background-position:right top;
	position:relative;
	padding:0px 15px 0px 15px;
	z-index:10;
}

#Logo
{
	margin:3px 0px 0px 0px;
}

#SearchForm
{
	width:186px;
	position:absolute;
	right: 260px;
	top:18px;
}

.MemberBtn
{
	width:146px;
	height:29px;
	position:absolute;
	right: 260px;
	top:73px;
}

.MemberBtn a
{
	display:block;
	width:146px;
	height:29px;
	background-image:url(/Images/MemberLoginBtn.gif);
	background-repeat:no-repeat;
}

#SearchInputWrapper
{
	float:left;
	margin:0px;
	border:1px solid #90b7df;
	height:21px;
}


#SearchForm input.SearchInput
{
	border:2px solid #ffffff;
	background-color:#e8f0f8;
	width:122px;
	padding:0px;
	height:17px;
	margin:0px;
	color:#2e3032;
}

*:first-child+html #SearchForm  input.SearchInput
{
	margin:-1px 0px 0px 0px;
}
 
* html #SearchForm  input.SearchInput
{
	margin:-1px 0px -1px 0px;
}

#SearchForm input.GoButton
{
	float: right;
	width:45px;
	height:23px;
	margin-left: 4px;
}



#Nav
{
	height:28px;
	background-image:url(/Images/NavBg.gif);
	width:960px;
	background-repeat:repeat-x;
	background-position:bottom;
	position:absolute;
	bottom:0px;
	right:15px;
}

* html #Nav
{
	position:absolute;
	bottom:-1px;
	right:0px;
}

#Nav ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	float:right;
	display:block;
	width:100%;
}

#Nav ul li
{
	margin:0px 0px 0px 1px;
	padding:0px;
	display:block;
	float:right;
}


#Nav ul li a
{
	margin:0px;
	padding:0px;
	display:block;
	float:left;
	min-height:28px;
	cursor:pointer;
}

* html #Nav ul li a
{
	height:28px;
}

#Nav ul li.TopNavHome a
{
	width:90px;
	min-height:28px;
	background-image:url(/Images/TopNavHome.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

* html #Nav ul li.TopNavMyASG a
{
	height:28px;
}

#Nav ul li.TopNavHome a.Current,
#Nav ul li.TopNavHome a:hover
{
	background-position:0px -28px;
}

#Nav ul li.TopNavMyASG a
{
	width:80px;
	min-height:28px;
	background-image:url(/Images/TopNavMyASG.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

* html #Nav ul li.TopNavMyASG a
{
	height:28px;
}

#Nav ul li.TopNavMyASG a:hover
{
	background-position:0px -28px;
}

#Nav ul li.TopNavMyASG a.Current,
#Nav ul li.TopNavMyASG a.Active
{
	background-position:0px 0px;
}

.TopNavLeft
{
	background-position:0px 0px;
	background-image:url(/Images/TopNavLeftBg.gif);
	background-repeat:no-repeat;
	width:4px;
	float:left;
	display:block;
	height:28px;
}

.TopNavMiddle
{
	float:left;
	display:block;
	background-position:0px 0px;
	background-image:url(/Images/TopNavMiddleBg.gif);
	background-repeat:repeat-x;
	height:22px;
	padding:6px 12px 0px 12px;
}

.TopNavRight
{
	float:left;
	display:block;
	background-position:0px 0px;
	background-image:url(/Images/TopNavRightBg.gif);
	background-repeat:no-repeat;
	width:4px;
	height:28px;
}

#Nav ul li:hover .TopNavLeft,
#Nav ul li:hover .TopNavMiddle,
#Nav ul li:hover .TopNavRight,
#Nav ul li.Hover .TopNavLeft,
#Nav ul li.Hover .TopNavMiddle,
#Nav ul li.Hover .TopNavRight,
#Nav ul li a.Current .TopNavLeft,
#Nav ul li a.Current .TopNavMiddle,
#Nav ul li a.Current .TopNavRight,
#Nav ul li a.Active .TopNavLeft,
#Nav ul li a.Active .TopNavMiddle,
#Nav ul li a.Active .TopNavRight
{
	background-position:0px -28px;
}

#Nav ul li div.FlyoutWrapper
{
	display:none;
	position:absolute;
	left:-5px;
	top:28px;
	width:265px;
	padding-bottom:4px;
	background-image:url(/Images/FlyoutNavBottom.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	float:left;
}

#Nav ul li.First div.FlyoutWrapper
{
	left:auto;
	right:-5px;
}

#Nav ul li:hover div.FlyoutWrapper,
#Nav ul li.Hover div.FlyoutWrapper
{
	display:block;
}

#Nav ul li div.SubFlyoutWrapper
{
	display:none;
	position:absolute;
	left:150px;
	top:6px;
	width:200px;
	padding-bottom:4px;
	background-image:url(/Images/SubFlyoutNavBottom.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	float:left;
}

#Nav ul div.FlyoutWrapper li:hover div.SubFlyoutWrapper,
#Nav ul div.FlyoutWrapper li.Hover div.SubFlyoutWrapper
{
	display:block;
}
	

#Nav ul li .FlyoutTop
{
	height:5px;
	background-image:url(/Images/FlyoutNavTop.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	width:265px;
}


#Nav ul li .FlyoutMiddle
{
	border-left:1px solid #e4e8e9;
	border-right:1px solid #e4e8e9;
	width:255px;
	background-color:#ffffff;
	padding:0px 4px 0px 4px;
}

#Nav ul ul
{
	margin:0px;
	padding:0px;

}

#Nav ul ul li
{
	display:block;
	background-color:#ffffff;
	margin:3px 0px 0px 0px;
	padding:0px;
	float:right;
}

#Nav ul ul li.First
{
	margin:0px;
}

#Nav ul ul li a
{
	background-color:#eaf0f0;
	background-repeat:no-repeat;
	background-position:240px 7px;
	border:1px solid #e6e7e9;
	display:block;
	width:232px;
	min-height:15px;
	padding:4px 15px 4px 6px;
	margin:0px;
	color:#000000;
	font-size:0.85em;
	text-decoration:none;
}

* html #Nav ul ul li a
{
	height:15px;
}

#Nav ul ul li a:hover
{
	text-decoration:underline;
	background-color:#ffffff;
}

#Nav ul ul ul li a
{
	width:176px;
	padding:4px 6px 4px 6px;
}

#Nav ul ul li .FlyoutTop
{
	height:5px;
	background-image:url(/Images/SubFlyoutNavTop.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	width:200px;
}


#Nav ul ul li .FlyoutMiddle
{
	border-left:1px solid #e4e8e9;
	border-right:1px solid #e4e8e9;
	width:190px;
	background-color:#ffffff;
	padding:0px 4px 0px 4px;
}

#LeftColumn
{
	width:168px;
	float:left;
}

#LeftNavTop
{
	background-image:url(/Images/LeftNavTopBg.gif);
	background-repeat:repeat-y;
}

#LeftNavTopInner
{
	background-image:url(/Images/LeftNavTopBgInner.gif);
	background-repeat:no-repeat;
	min-height:40px;
}

* html #LeftNavTopInner
{
	height:40px;
}

.ParentNav
{
	color:#ffffff;
	font-weight:bold;
	display:block;
	width:144px;
	padding:15px 12px 5px 12px;
}

.ParentNav:hover
{
	color:#ffffff;
}

#NavHolder
{
	border-left:1px solid #e5e8e9;
	border-right:1px solid #e5e8e9;
	border-bottom:1px solid #e5e8e9;
	padding:4px;
	height:1%;
}

#NavHolder ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#NavHolder ul li
{
	width:158px;
	margin:0px 0px 4px 0px;
	display:block;
	float:right;
	padding:0px;
	height:1%;
}

#NavHolder ul li a
{
	display:block;
	margin:0px;
	width:144px;
	padding:10px 6px 10px 6px;
	border:1px solid #e5e8e9;
	background-color:#eaf0f0;
	color:#000000;
	
	text-decoration:none;
}

#NavHolder ul li a:hover
{
	background-color:#ffffff;
}

#NavHolder ul li a.Current,
#NavHolder ul li a.Active
{
	background-color:#f39925;
	font-weight:bold;
}

#NavHolder ul li.Last
{
	margin:0px;
}

#NavHolder ul ul li
{
	margin:4px 0px 0px 0px;
}

#NavHolder ul ul li a
{
	background-color:#f9edce;
}

#NavHolder ul ul li a.Current,
#NavHolder ul ul li a.Active
{
	background-color:#f9edce;
	font-weight:bold;
}

#NavHolder ul ul li a.HasSubNav
{
	border-bottom:none;
}

#NavHolder ul ul ul li
{
	margin:0px 0px 0px 0px;
	
}

#NavHolder ul ul ul li a
{
	width:116px;
	background-image:url(/images/FourthLevelNavDot.gif);
	background-repeat:no-repeat;
	background-position:13px 15px;
	border-top:none;
	border-bottom:1px solid #e5e8e9;
	border-left:1px solid #e5e8e9;
	border-right:1px solid #e5e8e9;
	padding:8px 15px 8px 25px;
}

#NavHolder ul ul ul li a.Current
{
	background-color:#ffffff;
}


#ToolIcons
{
	width:168px;
	margin:33px 0px 15px 0px;
}

#ToolIcons ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#ToolIcons ul li
{
	display:block;
	margin:0px;
	padding:0px;
	float:left;
}
	
#ToolIcons ul li a
{
	display:block;
	float:left;
	margin-right:9px;
	width:39px;
	height:40px;
	background-repeat:no-repeat;
}

#ToolIcons ul li a.PrintIcon
{
	background-image:url(/Images/PrintIcon.gif);
}

#ToolIcons ul li a.FeedbackIcon
{
	background-image:url(/Images/FeedbackIcon.gif);
}

#ToolIcons ul li a.EmailIcon
{
	background-image:url(/Images/EmailIcon.gif);
	margin-right:0px;
}



#PageContent
{
	width:751px;
	float:right;
	padding:0px 13px 0px 13px;
}

.Mandatory
{
	background-image:url(../Images/IconMandatory.gif);
	background-repeat:no-repeat;
	display:block;
	height:16px;
	width:16px;
	float:right;
	margin-right:-4px;
}

/*** FORMBUILDER STYLES ***/

.FormBuilderMandatory
{
	float:right;
	background-image:url(../Images/IconMandatory.gif);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	overflow:hidden;
	margin-top:2px;
}

.FormBuilderMandatory span
{
	position:relative;
	left:-10000px;
}

/*** Link styles ***/

.SectionLinks
{
	/*padding-top:10px;*/
	display:block;
	float:left;
}

.SectionLinks ul
{
	margin:5px 0px 10px 0px !important;
	padding:0px !important;
	list-style-type:none;
	display:block;
}

.SectionLinks li
{
	margin:0px;
	display:block;
	padding:4px 0px 3px 20px !important;
	background-position: 0em .3em !important;
	background-repeat: no-repeat !important;
}

.SectionLinks ul li div.LinkDescription
{
	color:#666666;
	font-size:85%;
}

.fileSize 
{
	color:#635F5C;
	font-size:.8em;
}

/*** Content  Styles ***/

#IntroText
{
	color:#000000;
	font-size:1.4em;
	margin-bottom:10px;
}


/*** Table of Content Styles ***/

.TOC
{
	width:751px;
	margin:0px 0px 10px 0px;
}

.TOCTop
{
	background-image:url(/images/SectionOverviewBgTop.gif);
	height:5px;
	overflow:hidden;
}

.TOCBottom
{
	background-image:url(/images/SectionOverviewBgBottom.gif);
	height:5px;
	overflow:hidden;
	
}

.TOCMid
{
	padding:0px 4px 0px 4px;
	border-left:1px solid #e5e8e9;
	border-right:1px solid #e5e8e9;
	overflow:hidden;
}

.TOC ul
{
	margin:0px;
	padding:4px 0px 4px 0px;
	list-style-type:none;
	background-color:#fbfcfc;
}

.TOC ul li
{
	margin:0px;
	padding:4px 15px 4px 15px;
}

.BTT
{
	display:block;
	margin-top:5px;
}

/*** Section Video ***/

.SectionVideo
{
	padding:4px 4px 2px 4px;
	border:1px solid #e5e8e9;
	float:right;
}


.SectionVideoCaption
{
	color:#000000;
	font-weight:bold;
	font-size:0.9em;
	padding:4px 84px 4px 8px;
	margin-top:0px;
	background-color:#ffffff;
}




/*** Member Banners ***/

#MemberBannerLarge
{
	height:78px;
	background-image:url(/images/LargeMemberBanner.gif);
	margin-bottom:15px;
}

#MemberBannerSmall
{
	height:38px;
	background-image:url(/images/SmallMemberBanner.gif);
	margin-bottom:15px;
}

#MemberBannerLarge .LoginDetail
{
	position:relative;
	width:165px;
	height:68px;
	margin-right:30px;
	float:right;
	padding-top:10px;
}

#MemberBannerLarge .LogOutBtn
{
	position:absolute;
	bottom:0px;
	left:-4px;
	width:165px;
	height:33px;
	display:block;
	background-image:url(/images/LogOutBtn.gif);
	background-repeat:no-repeat;
}

.LoginText
{
	color:#ffffff;
	font-size:0.85em;
}

#MemberBannerSmall .LoginDetail
{
	float:right;
	width:350px;
	text-align:right;
	margin-top:12px;
	margin-right:7px;
}


#MemberBannerSmall .LogOutBtn
{
	width:165px;
	height:33px;
	display:block;
	float:right;
	background-image:url(/images/LogOutBtn.gif);
	background-repeat:no-repeat;
	margin-top:5px;
}

.HiddenMessage
{
	font-size:0.9em;
	margin:0px 0px 10px 0px;
}

.HiddenMessageText
{
	background-color:#fbfcfc;
	padding:4px;
}

.NewsTickerHolder
{
	border: 2px solid #1764b4;
	padding: 5px;
	width: 220px;
	float:right;
	margin-left:15px;
}

.NewsTickerHolder h2
{
	color: #1764b4;
	margin:0px;
	padding:0px 0px 5px 0px;
}
	