@import "pages.css";

body { 
	margin: 0; padding: 0; background: #E3E2E1 url(/assets/images/bg_gradient.gif) repeat-x; 
	font: 68% Arial, Helvetica, sans-serif; color: #37383c;  
}
table { font-size: 1em; }


/* Headings */
h1, h2, h3, h4, h5, h6 { color: #57585c; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.3em;  }
h3 { font-size: 1.1em; }
h4 { font-size: 1em; }
h5, h6 { font-size: .9em; }
h2.compact, h2.sub-title { font-size: 1em; color:#9a9796; font-weight: normal; margin: 0px 0px 5px 0px; text-transform: uppercase; }
h3 { margin-bottom: .2em !important; }



/* Typography */

p { line-height: 1.4em; margin: 0 0 1em; }
a { outline: none; }
a:link, a:visited { color:#1371C0; text-decoration: none; }
a:hover, a:active { color:#79bbf4; }

/* Special Elements */

.clear { clear: both; font-size: 1px; line-height: 1px; height: 1px; }
.hide { display: none !important; }

.alert, .success, .error {  padding: 10px 100px 10px 10px; margin: 8px 0;  }
.alert h3, .success h3, .error h3 { margin: 0 0 .2em 0; }

.error { border: 1px solid #ff7b7B; background: #FFDBDB; color: #DD0000 }
.alert { border: 1px solid #FFF96E; background: #FFFCD5; color: #8F8920 !important; }
.success { border: 1px solid #c6ddba; background: #f5fff0; color: #566d4a; }

.alert h3 { color: #8F8920 }
.success h3 { color: #566d4a; }
.error h3 { color: #AA0000 }

.alert p, .success p, .error p { font-weight: normal; line-height: 1.2em; margin: 0; }
.alert li { font-weight: normal !important; }

.error ul, .alert ul, .success ul { margin: 0 !important; list-style: none; }
.error li, .alert li, .success li { padding-left:0px; }

.close { background: url(/assets/images/icon_close.gif) no-repeat; text-indent: -9999em; right: 4px; top: 4px; position: absolute; height: 11px; width: 11px; overflow: hidden; }

#loading-window { background: black; opacity:.5; color: white; font-size: 2.5em; width: 400px; position: absolute; text-align: center; }
#loading-window div.loading-content { padding: 2em;  }

#print-data { display: none; }


.help { background: url(/assets/images/button_help.gif) no-repeat; height: 26px; width: 26px; position: absolute; right: 6px; text-indent: -9999em; overflow: hidden; }
a.help:hover { background: url(/assets/images/button_help.gif) no-repeat 0 -26px; }

/* Page layout */

/* Forms */

.button { vertical-align: middle; }
.textbox { color: #555; }

label em { color: red; }

.save-button { margin-top: 0px; background: url(/assets/images/button_save.gif) no-repeat; height: 21px; width: 66px; overflow: hidden; text-indent: -9999em; }
.save-button a { display: block; height: 21px; width: 66px; }
.save-button a:hover { background: url(/assets/images/button_save.gif) no-repeat 0 -21px; }

.simpleSave { margin-top: 0px; background: url(/assets/images/button_save.gif) no-repeat; height: 21px; width: 66px; overflow: hidden; text-indent: -9999em; }
.simpleSave a { display: block; height: 21px; width: 66px; }
.simpleSave a:hover { background: url(/assets/images/button_save.gif) no-repeat 0 -21px; }
.cancel-button { margin-top: 0px; padding-right: 5px; background: url(/assets/images/button_cancel_profile.gif) no-repeat; height: 21px; width: 70px; overflow: hidden; text-indent: -9999em; }
.cancel-button a { display: block; height: 21px; width: 70px; }
.cancel-button a:hover { background: url(/assets/images/button_cancel_profile.gif) no-repeat 0 -21px; }

fieldset { border: none; padding: 0; margin: 0; }
label:hover { cursor: pointer;  }

input.inputover { border: 1px solid #FBB609; }
input.textbox { border: 1px solid #ccc; }

/* === remove? === */
h3, h4 {font-size:12px;font-family:Arial;color:#000000;line-height:15px;font-weight:bold;margin:0px;}
.content2Columns { background:url(/assets/images/bg_2cols.gif) repeat-y; }


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash {
	/* visibility: hidden !important; font-size: 25px; letter-spacing: 2px; */
}

.sIFR-hasFlash .sifr { visibility: hidden !important; }
.sIFR-hasFlash h1.sifr { visibility: hidden !important; font-size: 25px; }
.sIFR-hasFlash h1.title { visibility: hidden !important; }
.sIFR-hasFlash .article h1 { visibility: hidden !important; font-size: 17px !important; }
.sIFR-hasFlash .workout .pagetop .col1 h1 { visibility: hidden !important; font-weight: normal; font-size: 14px; letter-spacing: -1px; }
.sIFR-hasFlash .print .ContentWrapper h1 { visibility: hidden !important; font-weight: normal; font-size: 14px; letter-spacing: -1px; }


/* added dec 18, 2006 */
/* ----------------------------------------------------------------------------------------------------------------- */
	#container { width: 893px; margin: auto; background: #FFF url(/assets/images/common/bkgMainWrapper.gif) 0px 0px repeat-x;}
	
	/* header */
		.Header{
			width: 891px;
			height: 94px;
			background-color: #666;
		}
		
		.LogoWrapper{
			float:left;
			width:1px;
			height:1px;
			position:relative;
		}
		
		.Logo{
			position: absolute;
			top: 0px;
			left: 0px;
			z-index:10
		}
		
		.FeaturedInfo{
			width: 217px;
			height: 76px;
			overflow:hidden;
			float: left;
			background: url(/assets/images/common/gfxFeaturedInfo.gif) 714px 8px no-repeat;
			padding: 8px 84px 0px 497px;
		}
		
		.FeaturedInfo h3{
			margin: 0px;
			padding-top: 13px;
			color: #FFD100;
			font-size:12px;
			font-style: italic;
		}
	
		.FeaturedInfo a:link, .FeaturedInfo a:visited{
			color: #FFF6CD;
			text-decoration: none;
		}
			
		.FeaturedInfo a:hover, .FeaturedInfo a:active{
			color: #FFF;
		}
		
		.FeaturedInfo p{
			font-size: 12px;
			color: #FFF;
			margin: 0px;
			line-height:128%;
		}
		
		/* top nav */
			.TopNav{
				width: 90px;
				height: 70px;
				padding: 14px 0px 0px 0px;
				float:left;
			}
			
			.TopNav ul{
				margin: 0px;
				padding: 0px;
				list-style-type: none;
			}
			
			.TopNav ul li{
				background:url(/assets/images/common/bkgBtnTopNav.jpg) 0px 0px no-repeat;
				width: 85px;
				margin-bottom: 1px;
				line-height: 21px;
				text-align:center
			}
			
			.TopNav ul li a:link, .TopNav ul li a:visited{
				font-size: 10px;
				color: #FFF;
				text-decoration: none;
			}
			
			.TopNav ul li a:hover, .TopNav ul li a:active, .TopNav ul li a.selected{
				color: #FFF6CD;
			}
		/* /top nav */
	/* /header */
	
	/* main nav */
		.MainNav{
			clear:both;
			width: 866px;
			height: 23px;
			margin-left: 8px;
			overflow:hidden;
			padding-left: 4px;
			margin-bottom:0px;
		}
		
		.MainNav ul{
			margin: 0px;
			padding: 0px;
			list-style-type: none;
			width: 880px
		}
		
		.MainNav ul li{
			display: inline;
		}
		
		.MainNav ul li a:link, .MainNav ul li a:hover, .MainNav ul li a:active, .MainNav ul li a:visited{
			display: block;
			width: 150px;
			height: 23px;
			float: left;
			background: url(/assets/images/common/bkgMainNav.gif) 0px 0px no-repeat;
			
			line-height: 24px;
			text-decoration: none;
			text-align:center;
			font-size: 11px;
			font-weight:bold;
			color: #333;
			margin-left: -4px;
		}
		
		.MainNav ul li a.selected{
			background: url(/assets/images/common/bkgMainNav_selected.gif) 0px 0px no-repeat;
		}
	/* /main nav */
	
	/* footer */
		.Footer{
			height:78px;
			padding-top: 8px;
			background-color: #E3E2E0;
		}
		
		.FooterNav{
			padding-left: 200px;
			background:url(/assets/images/common/HyperStrike_ft.gif) 40px 0px no-repeat;
			line-height: 21px;
			
			font-size:10px;
			color: #333333;
		}
		
		.FooterNav a:link, .FooterNav a:visited{
			font-size: 10px;
			color: #333333;
			text-decoration: none
		}
		
		.FooterNav a:hover, .FooterNav a:active{
			text-decoration: none;
		}
		
		.Footer .Secured{
			width: 300px;
			float: left;
		}
		
		.Footer .Secured .verisign{
			width: 100px;
			padding-left: 35px;
			float: left;
		}
		.Footer .Secured .accepted_cards{
			float: left;
			padding-top: 23px;
		}
		
		.Footer .Copyright{
			width: 550px;
			padding-top: 20px;
			text-align: right;
			float: left;
			font-size: 10px;
			color: #666666;
		}
		
		.Footer .Copyright a:link, .Footer .Copyright a:visited, .Footer .Copyright a:hover, .Footer .Copyright a:active{
			color: #666666;
		}
	/* /footer */
	
	/* common */
		.clr{
			clear: both;
			height: 1px;
			position: relative;
			top: -1px;
			overflow:hidden
		}
		
		.visible{display: block}
		.hidden{display: none}
		
		.greyBox{
			border: 1px solid #CCC;
		}
		
		.greyBox h3{
			background: #999 url(/assets/images/common/bkgGreyBoxHeading.gif) 0px 0px repeat-y;
			border-bottom: 1px solid #CCC;
			margin: 0px;
			
			line-height: 20px;
			padding-left: 10px;
			font-size: 11px;
			color: #333;
		}
	/* /common */
/* ----------------------------------------------------------------------------------------------------------------- */
/* /added dec 18, 2006 */