/*** GENERAL SCREEN LAYOUT STYLES ***/

body
{
	background:url(/Images/Skins/Generic/Background1.jpg) fixed repeat center top;
}

h1
{
	color:#006699;
	font-size:150%;
}

h2
{
	color:#6ea116;
	font-size:130%;
}

h3
{
	color:#333333;
	font-size:120%;
}

h4
{
	color:#333333;
	font-weight:normal;
	font-size:110%;
	margin-bottom:0px;
}

h5
{
	color:#333333;
	font-weight:normal;
	font-size:100%;
	margin-bottom:0px;
}

.Hidden
{
	position:absolute;
	left:-10000px;
	text-decoration:none !important;
	font-size:1px !important;
}

img.Transparent
{
	behavior:url(/Styles/pngbehavior.htc);
}

#MainWrapper
{
	position:relative;
}


/*** Main section ***/

#Main
{
	margin:0px auto 30px auto;
	padding:0px;
	position:relative;
	width:996px;
}

/* Header section */

#Header
{
	background:url(/Images/BannerBg.png) no-repeat left top;
	height:192px;
	margin-top:12px;
}

#Header .HomeLink
{
	display:block;
	height:130px;
	width:116px;
	margin-left:40px;
	position:absolute;
}

#Header #MyProfile
{
	float:right;
	margin-top:5px;
	position:relative;
	width:344px;
}

#Header #MyProfile #LoginDetails
{
	float:left;
}

#Header #MyProfile #LoginDetails #Tabs
{
	margin-top:2px;
}

#Header #MyProfile #LoginDetails #Tabs a.LoginLink
{
	background:url(/Images/ProfileLoginTab.png) no-repeat left top;
	display:block;
	height:26px;
	width:83px;
}

#Header #MyProfile #LoginDetails #Tabs a.MyProfileLink,
#Header #MyProfile #LoginDetails #Tabs a.MyProfileLinkSelected
{
	background:url(/Images/ProfileMyProfileTab.png) no-repeat left top;
	display:block;
	float:left;
	height:26px;
	width:91px;
}

#Header #MyProfile #LoginDetails #Tabs a.MyProfileLinkSelected
{
	background:url(/Images/ProfileMyProfileTabSelected.png) no-repeat left top;
}

#Header #MyProfile #LoginDetails #Tabs a.LogoutLink
{
	background:url(/Images/ProfileLogoutTab.png) no-repeat left top;
	display:block;
	float:left;
	height:26px;
	margin-left:1px;
	width:76px;
}

#Header #MyProfile #LoginDetails #LoginForm
{
	clear:both;
	padding-top:17px;
	padding-left:14px;
	position:relative;
}

#Header #MyProfile #LoginDetails #LoginForm div
{
	clear:both;
}

#Header #MyProfile #LoginDetails #LoginForm input[type="text"]
{
	width:137px;
	border:1px solid #ffffff;
	background-color:#ffffff;
	font-family:Arial, Verdana, Helvetica, Sans-Serif;
	margin-top:9px;
	padding:4px 10px;
}

#Header #MyProfile #LoginDetails #LoginForm input.Password
{
	background-color:#ffffff;
	width:107px;
	margin-top:9px;
	padding-right:40px;
}

#Header #MyProfile  #LoginDetails #LoginForm #LoginFormButton
{
	position:absolute;
	bottom:1px;
	right:0px;
}

#Header #MyProfile #LoginDetails #LoginForm input[type="submit"]
{
	border:1px solid #ea8612;
	background:#f3b700 url(/Images/BgButton.gif) repeat-x left bottom;
	background-color:#ffffff;
	-moz-border-radius:0px 4px 4px 0px;
	-webkit-border-radius:0px 4px 4px 0px;
	color:#ffffff;
	cursor:pointer;
	font-family:Arial, Verdana, Helvetica, Sans-Serif;
	font-weight:bold;
	margin: 0px;
	padding:3px 5px;
}

#Header #MyProfile #LoginDetails #ProfileData
{
	clear:both;
	color:#ffffff;
	font-size:150%;
	font-weight:bold;
	padding-top:22px;
	padding-left:14px;
	position:relative;
	width:173px;
}

#Header #MyProfile #LoginDetails #ProfileData .Nickname,
#Header #MyProfile #LoginDetails #ProfileData .Nickname a
{
	color:#ffcc00;
}

#Header #MyProfile #LoginDetails #ProfileData #PointsLabel
{
	color:#99ccff;
	float:left;
	font-size:55%;
	margin-top:10px;
	width:55px;
}

#Header #MyProfile #LoginDetails #ProfileData #BannerPoints
{
	float:left;
	font-size:150%;
	margin-top:7px;
}

#Header #MyProfile #LoginDetails #ProfileData #BannerPoints a
{
	color:#ffffff !important;
}

#Header #MyProfile #Avatar
{
	float:right;
	position:relative;
}

#Header #MyProfile #Avatar img
{
	border:1px solid #f00;
	position:absolute;
	left:13px;
	top:20px;
	height:105px;
	width:105px;

}

#Header #MyProfile #Avatar #PictureFrame
{
	background:url(/Images/PictureFrames.png) no-repeat left top;
	height:136px;
	width:146px;
	margin-top:2px;
	margin-right:10px;
	position:relative;
	z-index:10;
}

/*** Main navigation elements ***/

#TopNav
{
	clear:both;
}

#TopNav ul
{
	margin:0px 0px 0px 26px;
	padding:0px;
}

#TopNav ul li
{
	float:left;
	font-size:110%;
	font-weight:bold;
	list-style-type:none;
	margin-top:-1px;
	/*padding:11px 0px 10px 0px;*/
}

#TopNav ul li:hover
{
	background-image:none;
}

#TopNav ul li:first-child
{
	background-image:none;
	/*margin-left:26px;*/
}

#TopNav ul li a
{
	display:block;
	font-weight:bold;
	padding:11px 0px 10px 0px;
}

#TopNav ul li.Active,
#TopNav ul li a:active, #TopNav ul li a:focus, #TopNav ul li a.Hover, #TopNav ul li a:hover,
#TopNav ul li a.Active
{
	background-color:#ffffff !important;
	background-image:none !important;
	border-top:solid 1px #c9c9c9 !important;
	border-right:solid 1px #c9c9c9 !important;
	border-bottom:solid 1px #cccccc !important;
	border-left:solid 1px #c9c9c9 !important;
	color:#006699 !important;
	padding:11px 9px 13px 8px !important;
	text-decoration:none;
}

#TopNav ul li a:link, #TopNav ul li a:visited
{
	background:url(/Images/BgTopNavDivider.gif) no-repeat left top;
	border-top:solid 1px #d76916;
	border-right:solid 1px #d76916;
	color:#ffffff;
	padding:10px 9px 10px 9px;
	text-decoration:none;
}

#TopNav ul li:first-child a:link, #TopNav ul li:first-child a:visited
{
	background-image:none;
}

/*
#TopNav li:hover div.Flyout
{
	display:block;
}

#TopNav div.Flyout
{
	background:url(/Images/BgFlyoutArrow.gif) no-repeat center top;
	display:none;
	left:0px;
	padding-top:27px;
	position:absolute;
	top:27px;
	width:196px;
	z-index:100;
}

#TopNav div.Flyout div.FlyoutInner
{
	border-right:1px solid #f1e519;
	border-left:1px solid #f1e519;
	width:194px;
}

#TopNav div.Flyout li
{
	border-bottom:1px solid #f1e519;
	float:none;
	padding:0;
}

#TopNav div.Flyout li a:link, #TopNav div.Flyout li a:visited
{
	background-color:#ffffff;
	display:block;
	padding:15px 10px;
	width:174px;
}

#TopNav div.Flyout li a:active, #TopNav div.Flyout li a:focus, #TopNav div.Flyout li a:hover
{
	background-color:#f3edb2;
	border-top:none;
	border-bottom:none;
	display:block;
	padding:15px 10px;
	width:174px;
}
*/

.ErrorMessage
{
	color:#f00;
}


/* Page Navigation */

#Nav
{
	background-image:url(/Images/SideNavBgSide.gif);
	background-position:right;
	background-repeat:repeat-y;
	float:left;
	font-size:1.1em;
	font-weight:bold;
	margin-top:15px;
	width:212px;
}

#Nav ul
{
	margin:0px 0px 15px 0px;
	padding:0px;
	list-style-type:none;
}

#Nav ul li
{
	background:url(/Images/GreenNavDot.gif) no-repeat 10px 8px;
	margin-top:3px;
	padding:3px 10px 3px 26px;
}

#Nav ul li a.Current,
#Nav ul li a.Active
{
	color:#00597b;
}

#Nav ul li li
{
	padding:2px 0px 2px 10px;
	background-image:url(/Images/ArrowBullet.gif);
	background-position:0px 9px;
	background-repeat:no-repeat;
	font-size:0.9em;
}

/*** FORMBUILDER STYLES ***/

.FormBuilderMandatory
{
	float:right;
	background-image:url(../Images/IconMandatory.gif);
	background-repeat:no-repeat;
	background-position:left top;
	width:16px;
	height:20px;
	overflow:hidden;
}

.FormBuilderMandatory span
{
	position:relative;
	left:-10000px;
}

/*** Link styles ***/

.SectionLinks
{
	padding-top:10px;
}

.SectionLinks ul
{
	margin:5px 0px 10px 0px !important;
	padding:0px !important;
	list-style-type:none;
	padding:0;
	display:block;
}

.SectionLinks li
{
	margin:0px;
	padding:0px;
	padding:4px 0px 3px 20px !important;
	background-position:0em .3em !important;
	background-repeat:no-repeat !important;
}

.SectionLinks ul li div.LinkDescription
{
	font-size:0.85em;
	line-height:1em;
}
.SectionLinks ul li div.LinkDescription p
{
	line-height:1.2em;
	margin-top:5px;
	margin:5px 0px;
}

.fileSize 
{
	color:#635F5C;
	font-size:.8em;
}


/* Content wrapper */

#ContentWrapper
{
	margin:0px auto;
	width:926px;
	background-color:#ffffff;
	padding:16px 19px 30px 19px;
}

/* Page content wrapper */

#Content
{
	float:right;
	margin-top:5px;
	width:700px;
}

ul#TOC,
.ContentSection ul
{
	margin:10px 0px;
}

ul#TOC li,
.ContentSection li
{
	line-height:1.6em;
	margin-bottom:0.3em;
}

/* Breadcrumbs */

#BreadCrumbs
{
}

#BreadCrumbs ul
{
	margin:0px;
	padding: 0px;
	list-style-type:none;
}

#BreadCrumbs ul li
{
	display:block;
	float:left;
	height:26px;
	line-height:26px;
}

#BreadCrumbs ul li.First
{
	background:url(/Images/BreadcrumbAnchor.gif) no-repeat left top;
	padding-left:30px;
}

#BreadCrumbs ul li a
{
	color:#d76916;
	display:block;
	padding-right:11px;
	margin-right:6px;
	background-image:url(/Images/ArrowBullet.gif);
	background-position:right 11px;
	background-repeat:no-repeat;
}

.BreadcrumbsLine
{
	background:url(/Images/BreadcrumbsLine.gif) no-repeat left top;
	clear:both;
	height:1px;
	line-height:1px;
	overflow:hidden;
}

/* Box Content */

.BoxContentTop
{
	background:url(/Images/BgBoxBorderTop.gif) no-repeat left top;
	height:6px;
	margin-top:30px;
	width:700px;
}

.BoxContent
{
	border-left:solid 6px #e2e2e2;
	border-right:solid 6px #e2e2e2;
	width:680px;
	padding:4px 4px;
}

.BoxContent h2
{
	margin-top:0px;
}

.BoxContentBottom
{
	background:url(/Images/BgBoxBorderBottom.gif) no-repeat left top;
	height:6px;
	width:700px;
}

/* Bonus Points */

.BonusPoints
{
	background-color:#f6f6f6;
	padding:20px;
}

.BonusPoints .BonusPointsCodeLabel,
.BonusPoints .BonusPointsLabel
{
	display:block;
	font-weight:bold;
}

.BonusPoints .CodeHolder,
.BonusPoints .PointsHolder
{
	float:left;
	width:230px;
}

.BonusPoints .BonusPointsCodeValue,
.BonusPoints .BonusPointsValue
{
	color:#02718e;
	font-size:200%;
}

/*** PAGER STYLE ***/

.Pager
{
	background-image:url(/Images/PagerGreyDot.gif);
	background-repeat:repeat-x;
	background-position:0px 11px;
	width:524px;
	margin-top:10px;
	margin-bottom:10px;
}

.Pager ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	height:22px;
	float:left;
	background-color:#fff;
}

.Pager ul li
{
	margin:0px 1px 0px 0px;
	padding:0px;
	display:block;
	float:left;
}

.Pager ul li a
{
	margin:0px;
	padding:3px 0px 0px 0px;
	display:block;
	float:left;
	color:#5d5d5d;
	width:25px;
	height:19px;
	text-align:center;
	background-image:url(/Images/PagerBg.gif);
	background-repeat:no-repeat;
}

.Pager ul li a.Selected
{
	color:#fff;
	font-weight:bold;
	background-image:url(/Images/PagerSelectedBg.gif);
}

.Pager ul li a:hover
{
	text-decoration:none;
}

.Pager ul li a.PreviousEnabled
{
	background-image:url(/Images/PagerPreviousEnabled.gif);
}

.Pager ul li a.PreviousDisabled
{
	background-image:url(/Images/PagerPreviousDisabled.gif);
}

.Pager ul li a.NextEnabled
{
	background-image:url(/Images/PagerNextEnabled.gif);
}

.Pager ul li a.NextDisabled
{
	background-image:url(/Images/PagerNextDisabled.gif);
}

.Pager ul li a.ShowAll
{
	width:135px;
	height:22px;
	padding:0px;
	margin-left:10px;
	margin-right:10px;
	background-image:url(/Images/ShowAllBtn.gif);
}

.Pager ul li a.WriteAReview
{
	width:101px;
	height:22px;
	padding:0px;
	margin-left:10px;
	margin-right:10px;
	background-image:url(/Images/WriteAReviewBtn.gif);
}

/*** FOOTER STYLES ***/

#Footer
{
	background-color:#ffffff;
	margin:-1px auto;
	width:926px;
	padding:10px 19px;
}

#Footer #FooterLinks
{
	float:left;
}

#Footer #PhoneNumber
{
	background:url(/Images/PhoneIcon.gif) no-repeat left center;
	color:#006a8c;
	font-size:1.1em; 
	padding:1px 0px 1px 26px;
}

#Footer #FooterNav
{
	margin-top:8px;
}

#Footer #FooterNav li
{
	background:url(/Images/BgFooterNavDivider.gif) no-repeat left center;
	padding:8px 16px;
}

#Footer #FooterNav a
{
	color:#727272;
	text-decoration:none;
}

#Footer #FooterNav a:active, #Footer #FooterNav a:focus, #Footer #FooterNav a:hover
{
	color:#727272;
	text-decoration:underline;
}


#Footer #FooterNav li:first-child, #FooterNav li.First
{
	background-image:none;
	padding-left:0px;
}

#Footer #FooterLogos
{
	float:right;
	margin-top:10px;
}

#Footer #FooterLogos li
{
	margin-left:22px;
}

#Footer ul
{
	margin:0px;
	padding:0px;
}

#Footer ul li
{
	float:left;
	list-style-type:none;
}

#FooterCorner
{
	background:url(/Images/FooterBg.png) no-repeat center bottom;
	height:24px;
	margin:0px auto;
	width:964px;
}