@charset "UTF-8";

/* ===== colors ================================================== */

.blue1 { color: #BFE4FF; }

.blue2 { color: #80CAFF; }

.green1 { color: #A1FF99; }

.green2 { color: #81CC7A; }

.green3 { color: #689963; }

.error,
.required {
	font-weight: bold;
	color: #F33;
}
input.required, textarea.required,select.required,
input.error, textarea.error,select.error {
	color: #000;
	font-weight: normal;
}

.success {
	font-weight: bold;
	color: #0C0;
}

/* ===== base ================================================== */

html,
body {
	background-color: #404040;
	margin: 0;
	padding: 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
}

h2,
h3,
h4,
h5,
h6 { color: #80CAFF; }

em,
strong { color: #BFE4FF; }

h2 {
	font-weight: normal;
	font-size: 2em;
	color: #FFF;
	margin: 0px;
}

h3 { font-size: 1.75em; }

h4 { font-size: 1.5em; }

h5 { font-size: 1.25em; }

h6 { font-size: 1em; }

a {
	color: #BFE4FF;
	outline: none;
}

a:hover { color: #A1FF99; }

h2 a,
h2 a:hover {
	color: #fff;
	text-decoration: none;
}

/* ===== layout ================================================== */

#container {
	position: relative;
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#container1 { height: 110px; }

#container2 { background-color: #5A5A5A; }

#wrapper { background: transparent url('../images/wrapper_bg.jpg') repeat-x left top; }

#container3 { }

/* ===== header ================================================== */

#header {
	width: 240px;
	height: 50px;
	float: left;
}

#header h1 a {
	display: block;
	background: transparent url('../images/hdr_logo.jpg') no-repeat left bottom;
	width: 240px;
	height: 50px;
}

/* ===== utilities ================================================== */

#utilities {
	width: 720px;
	height: 40px;
	padding-top: 10px;
	font-size: .92em;
	color: #999;
	text-align: right;
	float: left;
}

#utilities form {
	display: block;
	width: auto;
	padding-left: 5px;
	float: right;
}

#utilities form ol li {
	display: inline;
	padding-left: 5px;
}

#utilities form ol li input.searchMask {
	font-style: italic;
	color: #999;
}

#utilities ul { list-style-type: none; }

#utilities ul li b { color: #FFF; }

#utilities ul { margin-top: 5px; }

#utilities ul li {
	display: inline;
	border-left: 1px solid #999;
	padding: 0 7px 0 10px;
}

#utilities ul li.first { border: none; }

#utilities ul li.last {
	border: none;
	padding: 0;
}

#utilities ul li a { color: #999; }

#utilities ul li a:hover {
	color:#FFF;
	text-decoration: none;
}

/* ===== nav ================================================== */

#nav {
	background: transparent url('../images/nav_matrix.jpg') no-repeat left bottom;
	height: 60px;
	clear: both;
}

#nav ul li { float: left; }

#nav ul li a {
	display: block;
	background: transparent url('../images/nav_matrix.jpg') no-repeat left top;
	width: 120px;
	height: 60px;
}

/* logged out */

#nav ul li a.nav0a {
	background-position: 0px 0px;
	width: 355px;
}

#nav ul li a.nav1a { background-position: -355px 0px; }

#nav ul li a.nav2a { background-position: -475px 0px; }

#nav ul li a.nav3a { background-position: -595px 0px; }

#nav ul li a.nav4a { background-position: -715px 0px; }

#nav ul li a.nav5a {
	background-position: -835px 0px;
	width: 125px;
}

#nav ul li a.nav0a:hover { background-position: 0px -60px; }

#nav ul li a.nav1a:hover { background-position: -355px -60px; }

#nav ul li a.nav2a:hover { background-position: -475px -60px; }

#nav ul li a.nav3a:hover { background-position: -595px -60px; }

#nav ul li a.nav4a:hover { background-position: -715px -60px; }

#nav ul li a.nav5a:hover { background-position: -835px -60px; }

#nav ul li.on a.nav0a { background-position: 0px -120px; }

#nav ul li.on a.nav1a { background-position: -355px -120px; }

#nav ul li.on a.nav2a { background-position: -475px -120px; }

#nav ul li.on a.nav3a { background-position: -595px -120px; }

#nav ul li.on a.nav4a { background-position: -715px -120px; }

#nav ul li.on a.nav5a { background-position: -835px -120px; }

/* logged in */

#nav ul li a.nav0b {
	background-position: 0px -180px;
	width: 355px;
}

#nav ul li a.nav1b { background-position: -355px -180px; }

#nav ul li a.nav2b { background-position: -475px -180px; }

#nav ul li a.nav3b { background-position: -595px -180px; }

#nav ul li a.nav4b { background-position: -715px -180px; }

#nav ul li a.nav5b {
	background-position: -835px -180px;
	width: 125px;
}

#nav ul li a.nav0b:hover { background-position: 0px -240px; }

#nav ul li a.nav1b:hover { background-position: -355px -240px; }

#nav ul li a.nav2b:hover { background-position: -475px -240px; }

#nav ul li a.nav3b:hover { background-position: -595px -240px; }

#nav ul li a.nav4b:hover { background-position: -715px -240px; }

#nav ul li a.nav5b:hover { background-position: -835px -240px; }

#nav ul li.on a.nav0b { background-position: 0px -300px; }

#nav ul li.on a.nav1b { background-position: -355px -300px; }

#nav ul li.on a.nav2b { background-position: -475px -300px; }

#nav ul li.on a.nav3b { background-position: -595px -300px; }

#nav ul li.on a.nav4b { background-position: -715px -300px; }

#nav ul li.on a.nav5b { background-position: -835px -300px; }

/* ===== subnav ================================================== */

#subnav {
	margin-bottom: 20px;
	font-weight: bold;
	font-size: .92em;
	text-align: center;
}

#subnav ul li { margin: 0; }

#subnav ul li a {
	display: block;
	background-color: #444;
	height: 24px;
	border-top: 1px solid #555;
	border-bottom: 1px solid #333;
	padding-top: 11px;
	color: #FFF;
	text-decoration: none;
}

#subnav ul li a:hover { background-color: #333; }

#subnav ul li.on a {
	background-color: #000;
	color: #80CAFF;
}

#subnav ul li.first a { border-top: none; }

#subnav ul li.last a { border-bottom: none; }

/* ===== pager ============================================= */
.pager { margin: 20px; }

.pager hr { margin-bottom: 20px; }

.pager a {
	text-decoration: none;
	color: #f1f1f1;
}

.pager-number {
	margin: 0px 2px;
	padding: 2px 4px;
}

.pager a .pager-number,
.pager .current {
	background: #333;
	border: 1px solid #C8C8C8;
}

.pager a:hover .pager-number,
.pager .current,
.pager a:hover .prev,
.pager a:hover .next {
	background: #444;
	color: #BFE4FF;
	border-color: #BFE4FF;
}

.pager a .prev,
.pager a .next { background: #444; }

.pager .current { border-color: #333; }

/* ===== content ================================================== */

#content { padding: 19px 10px 20px; }

.colRow { padding-top: 15px; }

.colA {
	width: 710px;
	padding-left: 10px;
	float: right;
}

.colB {
	width: 220px;
	float: right;
}

.colC {
    width: 450px;
    float: right;
    padding-right: 10px;
}

.col13,.column13 {
	width: 33%;
	float: left;
}
.col23,.column23 {
	width: 66%;
	float: left;
}
.col14,.column14 {
	width: 25%;
	float: left;
}
.col34,.column34 {
	width: 75%;
	float: left;
}
.col12,.column12 {
	width: 48%;
	float: left;
	margin-right: 2%;
}
.col12:last-child,.column12:last-child {
	margin-right: 0;
}
.leftColA { 
	width: 650px;
	float: left;
	padding-right: 10px;
}
.leftColC {
    width: 450px;
    float: left;
    padding-right: 10px;
}
.leftColB {
	width: 220px;
	float:left;
}
.leftColD { 
	width: 280px;
	float: left;
}
.greenIdea {
	background-color: #689963;
	width: 198px;
	margin: 0 0 20px 0;
	border: 1px solid #81CC7A;
	padding: 10px;
	font-size: .92em;
	text-align: center;
}

.greenIdea h4 {
	font-weight: bold;
	font-size: 1.09em;
	color: #FFF;
	text-transform: uppercase;
	margin: 0;
}

#LocationTabs li {
	width: 230px;
	padding-right: 10px;
	float: left;
}

#LocationTabs li.last {
	padding: 0px;
	text-align: right;
}

#LocationTabs li a.btn_InGym,
#LocationTabs li a.btn_AtHome {
	display: block;
	background-color: #666;
	width: 230px;
	height: 29px;
	padding-top: 6px;
	font-weight: bold;
	font-size: 1.5em;
	text-align: center;
	text-decoration: none;
	float: left;
}

#LocationTabs li.ui-tabs-selected a { background-color: #444; }

#ExerciseLocation-InGym,
#ExerciseLocation-AtHome {
	background-color: #444;
	margin-bottom: 20px;
	padding-top: 10px;
}

#ExerciseLocation-InGym-Desc,
#ExerciseLocation-AtHome-Desc {
	background-color: #FFF;
	margin: 0px 10px 10px;
	padding: 10px;
	color: #555;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#ExerciseLocation-InGym-Title { color: #80CAFF; }

#ExerciseLocation-InGym li,
#ExerciseLocation-AtHome li {
	margin: 0;
	padding: 10px;
	border-top: 1px solid #555;
	border-bottom: 1px solid #333;
}

#ExerciseLocation-InGym li li,
#ExerciseLocation-AtHome li li {
	background-color: #777;
	margin: 0 0 5px 0;
	padding: 0;
	border: none;
}

#ExerciseLocation-InGym li li a.play,
#ExerciseLocation-AtHome li li a.play {
	display: block;
	background: #FFF url('../images/btn_playVideo.gif') no-repeat 10px center;
	width: 405px;
	margin: 0 10px 0 0;
	padding: 18px 10px 18px 45px;
	color: #555;
	text-decoration: none;
	float: left;
}

#ExerciseLocation-InGym li li .novideo,
#ExerciseLocation-AtHome li li .novideo {
	display: block;
	background: #FFF;
	width: 432px;
	margin: 0 10px 0 0;
	padding: 18px 10px 18px 18px;
	color: #555;
	text-decoration: none;
	float: left;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

#ExerciseLocation-InGym li li a.videoStills,
#ExerciseLocation-AtHome li li a.videoStills {
	display: inline-block;
	background: none;
	width: 60px;
	height: 40px;
	margin: 5px 2px 5px 0px;
	padding: 0;
}

.move { cursor: move; }

.moveBackground {
	background: url('../images/move.gif') no-repeat right top;
	padding-left: 25px;
}

.sortHelper,
#ExerciseLocation-InGym .sortHelper,
#ExerciseLocation-AtHome .sortHelper {
	border: 2px dashed #FFF;
	width: 95%;
	margin: 5px;
	background: #000;
}

#ExerciseLocation-InGym .adminLinks a,
#ExerciseLocation-AtHome .adminLinks a { }

/* ===== undo ============================================== */

.undo {
	background: #FFFFAA;
	padding: 5px;
	color: #333;
}

.undo a { color: Blue; }

.undo a:hover { color: Green; }

/* ===== chat =================================================== */

#ChatMessages {
	height: 300px;
	overflow: auto;
	border: 1px solid #000;
	background: #fff;
	color: #666;
	padding: 10px;
}

#ChatMessage { width: 75% }

/* ===== news =================================================== */

.newslist li { padding-bottom: 10px; }

.newslist li h3 a { text-decoration: none; }

/* ===== index ================================================== */

#i_contentA {
	background: #266999 url('../images/i_contentA.jpg') repeat-x left top;
	padding: 9px 0 15px;
}

#i_contentA .colA {
	width: 460px;
	padding: 0 20px 0 0;
	float: right;
}

#i_contentA .colA h2 {
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 0;
}

#i_contentA .colA p {
	font-size: 1em;
	line-height: 1.8em;
}

#i_contentA .colB {
	width: 470px;
	padding-right: 10px;
	text-align:right;
	float: right;
}

#i_contentB {
	background-color: #000;
	padding: 15px 0 0 10px;
}

#i_contentB ul li {
	display: block;
	background: #333 url('../images/i_contentB.jpg') repeat-x left top;
	width: 160px;
	height: 210px;
	padding: 10px 10px 0;
	margin-right: 10px;
	float: left;
}

#i_contentB ul li h2 {
	display: block;
	background-color: #444;
	height: 15px;
	padding: 5px;
	font-weight: bold;
	font-size: 1.083em;
	color: #80CAFF;
	margin: 0 0 10px;
}

#i_contentB ul li p.first {
	display: block;
	height: 145px;
	font-size: .92em;
}

/* ===== footer ================================================== */

#footer {
	background: transparent url('../images/footer.jpg') no-repeat left top;
	height: 34px;
	padding: 16px 10px 0;
	border-top: 15px solid #000;
	font-size: .92em;
	color: #666;
}

#footer a { color: #666; }
#footer a.btn { color: #fff }
#footer a:hover { color:#FFF; }

#footer ul {
	display: block;
	width: 525px;
	float: left;
}

#footer ul li {
	display: inline;
	border-left: 1px solid #666;
	padding: 0 7px 0 10px;
}

#footer ul li.first {
	padding-left: 0;
	border: none;
}

#footer p {
	display: block;
	width: 335px;
	text-align: right;
	float: right;
}

/* ===== form ================================================== */

form ol li label {
	display: inline-block;
	background-color: #777;
	width: 125px;
	margin-right: 5px;
	padding: .125em 1em;
}

form ol li li label {
	display: inline;
	width: auto;
	background-color: transparent;
	margin: 0;
	padding: 0;
}

form ol li label#otherlabel {
	display: inline-block;
	width: 110px;
	margin-right: 5px;
	padding: .25em 2em .25em 0;
}
form ol li input { width: 150px; }

form ol li select { width: 156px; }

.wideForm li { margin-bottom: .5em; }

.wideForm input { width: 300px }

.wideForm select { width: 306px }

form ol li input.radio,
form ol li input.checkbox,
form ol li input.submit { width: auto; }

form ol li input#zip { width: 70px; }

/* ===== buttons ================================================== */

a.btn,
#utilities ul li a.btn {
	background-color: #555;
	margin: 0;
	padding: .33em .75em;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}

a.btn:hover,
#utilities ul li a.btn:hover { background-color: #777; }

a.btn_takeTheTour,
a.btn_learn,
a.btn_signUp,
a.btn_join,
a.btn_continueTour,
a.btn_print,
a.btn_fitnessTest,
a.btn_changeLevel {
	display: block;
	width: 120px;
	height: 20px;
}

a.btn_takeTheTour {
	background: transparent url('../images/btn_takeTheTour.gif') no-repeat left top;
	width: 150px;
	margin-top: 1em;
	float: right;
}

a.btn_learn {
	position: relative;
	background: transparent url('../images/btn_learn.gif') no-repeat center top;
	width: 160px;
	margin: 0 auto;
}

a.btn_signUp { background: transparent url('../images/btn_signUp.gif') no-repeat left top; }

a.btn_join { background: transparent url('../images/btn_join.gif') no-repeat left top; }

a.btn_continueTour { background: transparent url('../images/btn_continueTour.gif') no-repeat left top; }

a.btn_print {
	background: transparent url('../images/btn_print.gif') no-repeat left top;
	float:right;
}

a.btn_fitnessTest,
a.btn_changeLevel {
	width: 220px;
	margin-bottom: 10px;
}

a.btn_fitnessTest { background: transparent url('../images/btn_fitnessTest.gif') no-repeat left top; }

a.btn_changeLevel { background: transparent url('../images/btn_changeLevel.gif') no-repeat left top; }

a.i_btn_freeTrial,
a.btn_freeTrial {
	display: block;
	width: 450px;
	height: 55px;
	margin-top: 20px;
}

a.i_btn_freeTrial { background: transparent url('../images/i_btn_freeTrial.jpg') no-repeat left top; }

a.btn_freeTrial { background: transparent url('../images/btn_freeTrial.jpg') no-repeat left top; }

/* ===== default ================================================== */

.clear,
.c { clear: both; }

.right {
	margin: 0 0 1em 1em;
	float: right;
}

.left {
	margin: 0 1em 1em 0;
	float: left;
}

.center {
	position: relative;
	margin: 0 auto;
}

.reduced_top { margin-top: 0; }

.reduced,
#header h1,
#nav ul,
#subnav ul,
form,
fieldset,
form ol,
#footer ul,
#footer p,
#i_contentB ul,
#i_contentB ul li p,
.greenIdea h4,
.greenIdea p,
#LocationTabs ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}

.hide,
.ui-tabs-hide,
.printOnly,
#header h1 a span,
#nav ul li a span,
a.btn_takeTheTour span,
a.btn_learn span,
a.btn_signUp span,
a.btn_join span,
a.btn_continueTour span,
a.btn_print span,
a.btn_fitnessTest span,
a.btn_changeLevel span,
a.i_btn_freeTrial span,
a.btn_freeTrial span { display: none; }

.small { font-size: 9pt }

.wide { width: 100% }

/* ===== hacks / special ================================================== */
/*
#content,
#i_contentA,
#i_contentB { text-shadow: #333 1px 1px 2px; }


#ExerciseLocation-InGym-Desc,
#ExerciseLocation-AtHome-Desc, 
#ChatMessages { text-shadow: none; }
*/

.col,
.infoModule,
.wideInfoModule {
	background-color: #333;
	margin-bottom: 1em;
	padding: 1em;
	border: 1px solid #333;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.lightInfoModule { background: #404040; }

.col,
.col2 {
	-moz-column-count: 4;
	-moz-column-gap: 2em;
	-moz-column-rule: 1px solid #444;
	-webkit-column-count: 4;
	-webkit-column-gap: 2em;
	-webkit-column-rule: 1px solid #444;
}

.col2 {
	-moz-column-count: 2;
	-webkit-column-count: 2;
}

.infoModule { width:250px; }

.col h3,
.infoModule h3,
.wideInfoModule h3 {
	display: block;
	background-color: #444;
	margin: 0;
	padding: .5em;
	border: 1px solid #444;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.infoModule h3 a,
.wideInfoModule h3 a { text-decoration: none; }

label {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

a.btn {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.greenIdea,
#i_contentB ul li {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#i_contentB ul li h2 {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#subnav ul li.first a {
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

#subnav ul li.last a {
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

#ExerciseLocation-InGym ul li ul li,
#ExerciseLocation-AtHome ul li ul li {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#ExerciseLocation-InGym ul li ul li a,
#ExerciseLocation-AtHome ul li ul li a {
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	text-shadow: none;
}

#utilities form ol li input { _vertical-align: middle; }

#utilities ul { _margin-top: 1em; }

#wrapper {
	height: 1%;
	padding-top: 1px;
}

.wideForm select.halfWidth { width: 150px }

/******** jquery overrides *********/
.ui-widget-overlay 
{
	opacity:.80;
	filter:Alpha(Opacity=80);
}