@charset "utf-8";
@import url("flexcrollstyles.css");

body {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}
h1 {
	color: #B9FF00;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px !important;
	margin-top: 10px !important;
	margin-botton: 15px !important;
	
}
h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 15px;
	color: #B9FF00;
	font-weight: bold;
	margin-top: 30px !important;
}
h3 {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #B9FF00;
	font-weight: bold;
}
.header {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CCCC00;
}
#containerIndex {
	width: 1000px;
	margin: 0px auto;
	position: relative;
	background: url(images/bg_home.jpg) no-repeat left top;
}
#container {
	width: 1000px;
	margin: 0px auto;
	position: relative;
	background: url(images/bg_secondary_dk.jpg) no-repeat left top;
}
#containerWorkout {
	width: 1000px;
	margin: 0px auto;
	position: relative;
	background: url(images/bg_player.jpg) no-repeat left top;
}
#col1Wrapper {
	float: left;
	width: 420px;
	display: block;

}
#col1WrapperRegister {
	float: left;
	width: 418px;
	display: block;

}
#col1Home {
	padding: 0 25px;
}
#col1{
	padding: 0;
	width: 420px;
}
#col1Register{
	padding: 0;
	width: 418px;
}
#col2Wrapper {
	float: left;
	width: 580px;
	display: block;
}
#col2WrapperRegister {
	float: right;
	width: 580px;
	display: block;
}

#col2 {
	padding: 15px 30px 15px 15px;
}
.mainBox {
	display: block;
	width: 520px;
	background: url(images/bg_div.jpg) no-repeat left top;
	background-color: #000;
	padding: 1px 0 0 0;
	overflow: hidden;
}
.boxTop {
	display: block;
	width: 520px;
	height: 20px;
	background: url(images/bg_div_top.gif) no-repeat left top;
}
.workoutCell {
border-top:dotted 1px #666666;
border-bottom:dotted 1px #666666;
border-left:dotted 1px #666666;
border-right:dotted 1px #666666;
}
.boxBottom {
	display: block;
	width: 520px;
	height: 20px;
	padding: 1px 0 0 0;
	background: url(images/bg_div_bottom.gif) no-repeat left top;
	overflow: hidden;
}
.boxTopSweat {
	display: block;
	width: 520px;
	height: 35px;
	background: url(images/bg_div_top_sweat.gif) no-repeat left top;
}
.boxTopCertificate {
	display: block;
	width: 520px;
	height: 35px;
	background: url(images/bg_div_top_certificate.gif) no-repeat left top;
}
.regMainBox {
	display: block;
	width: 550px;
	background: url(images/bg_register.gif) left top;
	background-color: #000;
	padding: 1px 0 0 0;
	min-height: 125px;
	overflow: hidden;
}
.regBoxTop {
	display: block;
	width: 550px;
	height: 20px;
	background: url(images/bg_register_top.gif) no-repeat left top;
}
.regBoxBottom {
	display: block;
	width: 550px;
	height: 20px;
	padding: 1px 0 0 0;
	background: url(images/bg_register_bottom.gif) no-repeat left top;
	overflow: hidden;
}
#newUser {
	float: left;
	width: 250px;
	height: 95px;
	border: 2px solid #333333;
	margin: 0 0 0 0;
}
#newUserLeft {
	float: left;
	width: 250px;
	height: 95px;
	margin: 315px 0 0 40px;
}
#newUserLeftBG {
   	width: 250px; 
   	height: 95px;
	background-color: #000;       
	filter:alpha(opacity=68);
	-moz-opacity:0.68;
	opacity: 0.68;
}
#newUserHome {
	width: 250px;
	height: 95px;
	border: 1px solid #999;
	background-color: transparent;
	position: absolute;
	z-index: 2;
	left: 40px;
}
#userLogin {
	float: right;
	width: 250px;
	min-height: 95px;
	border: 2px solid #333333;
	background: url(images/bg_login.jpg) no-repeat left top;
	margin: 0 0 5px 0;
}
#userLoginLeft {
	float: left;
	width: 250px;
	min-height: 95px;
	margin: 20px 0 5px 40px;
}
#userLoginLeftBG {
   	width: 250px; 
   	height: 95px;
	background-color: #000;       
	filter:alpha(opacity=68);
	-moz-opacity:0.68;
	opacity: 0.68;
}
#userLoginHome {
	width: 250px;
	height: 95px;
	border: 1px solid #999;
	background-color: transparent;
	position: absolute;
	z-index: 2;
	left: 40px;
}
.loginInput {
	border: 1px solid #666 !important;
	background-color: #333 !important;
	color: #FFF !important;
	font-size: 11px !important;
	width: 150px !important;
	font-family: Verdana,Arial,Helvetica,sans-serif !important;
}
.selectInput {
	border: 1px solid #666 !important;
	background-color: #333 !important;
	color: #FFF !important;
	font-size: 11px !important;
	font-family: Verdana,Arial,Helvetica,sans-serif !important;
}
.homeGoogle {
	background-color: #000000;
}

#content {
	width: auto;
	padding: 10px 30px 10px 50px;
}
#homeContent {
	width: auto;
	padding: 10px 0px 40px 50px;
	width: 940px;
	align: right;
}
#newsWrapper {
	margin: 280px 0 0 0 ;
	width: 357px;

}
#newsWrapperAlt {
	margin: 150px 0 0 0 ;
	width: 357px;

}
#newsWrapperHome {
	float: left;
	width: 377px;

}
#newsHome {
	margin: 40px 0 10px 0;
	height: 250px;
}
#news {
	margin: 0;
	height: 250px;
}
#newsBG {
   	width: 377px; 
   	height: 250px;
	background-color: #000;       
	filter:alpha(opacity=68);
	-moz-opacity:0.68;
	opacity: 0.68;
}
#newsScroll {
	overflow: auto;
	height: 200px;
}
#registrationBG {
   	width: 550px; 
   	height: 250px;
	background-color: #009999;       
	filter:alpha(opacity=35);
	-moz-opacity:0.35;
	opacity: 0.35;
}
#registrationWrapper {
	margin: 10px 0 0 0 ;
	width: 550px;
}
#registrationDetails {
	width: 550px;
	min-height: 250px;
	border: 1px solid #333;
	background-color: transparent;
	position: absolute;
	z-index: 2;
}
#newsListHome {
	width: 377px;
	height: 250px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	background-color: transparent;
	position: absolute;
	z-index: 2;
	left: 51px;
}
#newsList {
	width: 377px;
	height: 250px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	background-color: transparent;
	position: absolute;
	z-index: 2;
}

#newsListHome ul {
	margin: 0 40px 10px 0px;
	padding-left: 20px;
}
#newsListHome ul li {
	border-bottom: 4px solid #000;
	border-top: 1px solid #333;
	padding: 5px 0 10px 20px;
	list-style: none;
	margin-left: 0px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	background-image: url(images/bullet_green.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
}
#newsListHome ul li a {
	text-decoration: none;
}
#newsList ul {
	margin: 0 40px 10px 0px;
	padding-left: 20px;
}
#newsList ul li {
	border-bottom: 4px solid #000;
	border-top: 1px solid #333;
	padding: 5px 0 15px 20px;
	list-style: none;
	margin-left: 0px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	background-image: url(images/bullet_green.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
}
#newsList ul li a {
	text-decoration: none;
}
#workoutList ul {
	margin: 0px;
	padding-left: 5px;
}
#workoutList ul li {
	padding: 5px 0 0 10px;
	list-style: none;
	margin-left: 0px;
	font-family: genvea, sans-serif;
	background-image: url(images/bullet_green.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
}
#workoutList ul li a {
	text-decoration: none;
}
#homeFlashWrapper {
	margin: 0px;
	float: right;
	width: 560px;
	height: 300px;
	background: url(images/bg_home_flash.gif) no-repeat left top;
}
#homeFlash {
	margin: 0;
}
#homeFlashContainer {
	margin: 15px;
	background-color: #000000;
	width: 530px;
	height: 270px;
}
#homePreFooter {
	padding-left: 357px;
}
#flashWrapper {
	margin: 0px;
	float: right;
	width: 650px;
	height: 500px;
}
#flash {
	margin: 0;
}
#flashContainer {
	background-color: #000000;
	height: 500px;
}
#leftWrapper {
	float: left;
	width: 277px;
}
#leftHome {
	margin: 40px 0 10px 0;
	text-align: center;
}
#leftBG {
   	width: 277px; 
   	height: 350px;
	background-color: #000;       
	filter:alpha(opacity=68);
	-moz-opacity:0.68;
	opacity: 0.68;
}
#leftListHome {
	padding-top: 10px;
	width: 277px;
	background-color: transparent;
	position: absolute;
	z-index: 2;
}
#leftListHome p {
	padding: 10px;
}
.clear { 
	clear: both;
	margin-bottom: 15px;
}
.introText {
	font-size: 12px !important;
	margin: 0px;
	padding: 5px 15px 0 15px;
}
.costText {
	color: #B9FF00;
}
.costTitle {
	color: #B9FF00;
	font-size: 18px !important;
}
.greenBoldText {
	color: #9FFF00;
	font-weight: bold;
}
.greenBoldLink {
	color: #9FFF00 !important;
	font-weight: bold !important;
	text-decoration: underline !important;
}
.orangeBoldText {
	color: #F9AC33;
	font-weight: bold;
	font-size: 14px;
}
#workoutNumber {
	display: inline;
	padding: 2px;
	margin: 0px;
	border: 1px solid #FFFFFF;
	color: #F9AC33;
	font-weight: bold;
	font-size: 30px;
	font-family: Verdana, sans-serif;
	text-align: center;
}
.orange {
	color: #F9AC33;
}
.green {
	color: #9FFF00;
}
.title {
	margin: 25px 0 10px 0;
}
#welcome {
	text-align: left;
	width: 515px;
	padding-left: 20px;
	margin-bottom: 10px;
	font-size: 14px !important;
	font-weight: bold;
}
#footer {
	width: 1000px;
	margin: 0px;
	padding: 10px 0 0 0;
	position: relative;
	height: 93px;
	background: url(images/bg_footer.jpg) no-repeat left top;
}
#footer a {
	text-decoration: none;
}
.validation-advice {
	padding: 5px;
	color : #E23137;
	font-weight: bold;
}
.validation-adviceNote {
	color : #FFFFFF;
	font-style: italic;
	font-weight: normal;
}
input.validation-failed {
	border: 1px solid #D34E3B !important;
	color : #D34E3B !important;
}
/* these are the various classes used to style the demo error fields */
.errorField {
background-color: #990000;
color: white;
}
.errorFieldDemo2 {
	border: 1px solid #E23137 !important;
	color : #E23137 !important;
}
.errorFieldDemo5 {
background-color: #ffffcc;
border: 1px solid #E23137;
color: #E23137;
}
.errorFieldDemo6 {
background-color: green;
color: #yellow;
}
#enterCode {
	border: 1px solid #B9FF00;
	width: 265px;
	margin-top: 20px;
}
#buyWorkouts {
	border: 1px solid #B9FF00;
	width: 265px;
	margin-top: 20px;
}
#enterCode2 {
	border: 1px solid #B9FF00;
	width: 255px;
	margin-top: 20px;
}
#buyWorkouts2 {
	border: 1px solid #B9FF00;
	width: 255px;
	margin-top: 20px;
}
.smallWhite {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.smallishWhite {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.mediumWhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;

}
.mediumWhiteTall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #FFFFFF;

}
.largeWhite {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 26px;
	color: #FFFFFF;
}
/*Main Navigation ************************************************/
#nav {
	/*margin-left: 355px;*/
	float: left;
	width: 645px;
}
#homeHeader {
	float: left;
	width: 355px;
	text-indent: -9999px;
	text-decoration: none;
	
}
#homeHeader a {
	display: block;
	width: 355px;
	height: 82px;
}
#nav ul{
	height: 82px;
	width: 645;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	background: url(images/top_navs.gif) no-repeat top left;
	overflow: hidden;
}

#nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 32px;
}

#nav ul li, #nav ul li a {
	height: 28px;
	display: block;
}

#nav ul li a {
	text-indent: -9999px;
	text-decoration: none;
}

#nav1 { left: 8px; width: 113px; }
#nav2 { left: 123px; width: 109px;} 
#nav3 { left: 234px; width: 115px;}
#nav4 { left: 351px; width: 105px;}
#nav5 { left: 459px; width: 81px; }
#nav6 { left: 543px; width: 88px; }
.logout {
	text-align: right;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
		width: 600px;
	color: #FFFFFF;
	padding-right: 25px;
}
.viewAll {
	text-align: right;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	width: 520px;
	color: #FFFFFF;
}