/* MINIMUM RESET - based on work by Eric Meyer
------------------------------------------------------------------ */

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
a { text-decoration: none; }

/* 
Main Coloring From Template 
*/
body{ background-color: #FFF; }

html,body,h2,h3,h4,h5,h6,a,a:active,p,ul,li { color: #333;  }


h1 { color:#E74814; }
h2 { color: #F60;  }

h5 {  color:#666; }

a,
a:visited { color: #3B88AD; } /* blue links with orange hover */
a:hover {  color: #E74814; }

ul, li, p{ color: #333; }

ul#mainNav a,
ul#mainNav a:visited { color:#333; }

ul#mainNav a.selected, 
ul#mainNav a:hover { color: #3B88AD; } /*(active page)*/


ul#mainNav li ul li a,
ul#mainNav li ul li a:visisted  { color: #333; }
ul#mainNav li ul li a:hover { color: #fff; }


#content #sideNav ul li a,#content #sideNav ul li a:active { font-weight: normal; color: #333333; }
#content #sideNav ul li a:visited { color: #666; }
#content #sideNav ul li.selected a { color: #E74814; } /* (active sub-page)*/
#content #sideNav ul li a:hover { color: #3B88AD; }

#content a.circleBullet strong { color: #333; }

#content #interiorHeader h1,

#content #gallery h1 { color:#fff; }


#content #gallery a#signUpFree { /* text behind the "Sign Up" image, style while image is loading */
	color:  #E74814; /* red */
}
#content #gallery .slide .info .circleBullet span strong { color: #E74814; } /* headers on circle bullets */
#content #gallery .slide .info .circleBullet span { color: #333; } /* almost black */

#content div.sideInfo h3 { color: #E74814; } /* red */

#content .interior a.circleBullet em { 	color: #3B88AD; }

#content .interior .subscribeFree p a,
#content .interior .subscribeFree a.signUp,  /* Sign Up Links*/
#content .interior .subscriptionbox .price,
#content .interior .subscribePay em
{ color: #50ADD5; } /* light blue */

#content .interior .subscriptionbox,
#content .interior .subscriptionbox .price strong
{ color: #333; } /* Dark text needs to be set for everything other than highlights. */

/* highlight current plan*/
#content .interior .subscriptioncurrent .title,
#content .interior .subscriptioncurrent .price strong
{ color: #50ADD5; } /* light blue */

#content .interior .subscribePay span.saveBullet strong {
	color:#FFFFFF;
}

#footer a { color: #E74814; } /* red */
#footer a:hover, #footer h2 { color: #414648;  }  /*(Site Links, About Us, etc.)*/


/* 
Fonts
*/

@font-face {
	font-family: 'MuseoSans500';
	font-weight:normal;
    font-style:normal;
    font-variant:normal;
	src: url('/Content/wp-content/themes/ActiTrainer/font/MuseoSans_500.eot'); /* Full URL needed due to minification! */
	src: local('☺'), url('/Content/wp-content/themes/ActiTrainer/font/MuseoSans_500.otf') format('opentype'), url('/Content/wp-content/themes/ActiTrainer/font/MuseoSans_500.woff') format('woff'), url('/Content/wp-content/themes/ActiTrainer/font/MuseoSans_500.svg#MuseoSans-500') format('svg');
}
 /* define a class that uses this font so we can preload it*/
.museo { font-family:'MuseoSans500'; }
html,body {font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif; }

/* Font Replacing */
#content h1,
#content h2,
#content h3,
#content h4
#content #gallery .slide .info h2,
#content #gallery .slide .info .circleBullet span strong,
#content .interior .subscriptionbox { font-family: "MuseoSans500", "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif; font-weight: normal; }

/* remove Museo from the sign up link inside the subscribe boxes */
#content .interior .subscribePay em { font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif; font-weight: normal; }

/* Sizing */
html{ font-size: 16px; } /* basic sizing should be 16px, body will then take 16px * 62.5% to give us 1em = 10px */

body{ font-size: 62.5%; letter-spacing: -.001em; line-height: 1.4em; }

h1 { font-size: 30px; line-height: 35px; }

h2 { font-size: 24px; line-height: 26px; }

h3 { font-size: 19px; letter-spacing: -0.45px; line-height: 22px; font-weight: normal; } /* p header*/

h4 { font-size: 12px; line-height: 14px; }

h5 { font-size: 11.5px; line-height: 13px; }

h6 { font-size: 11px; line-height: 12px; }

form{ font-size: 13px; }

#content p, #content ul, #content ol, #content table, label { font-size: 12px; }
#content p {  line-height: 19px; } /* increase spacing between lines */

ul#mainNav li h1 a { font-size: .8em; font-weight: bold; text-shadow: none; } /* big logo text needs to hide behind graphic */
ul#mainNav li a { font-size: 1.44em;text-shadow: #fff 1px 1px 1px; } /* main nav links */
ul#mainNav li ul li a { font-size: 1.29em; text-shadow: none; } /* subnav links */




#content #interiorHeader h1, /* "Live. Track. Share." text */
#content #gallery h1 { font-size: 36px; line-height: 39px; }

#content #gallery p { 
	font-size:1.68em;
	letter-spacing:-.07em;
	font-weight:bold;
}

#content #gallery a#signUpFree { /* text behind the "Sign Up" image, style while image is loading */
	font-size:1.2em;
	font-weight:bold;
}

#content #gallery .slide .info h2 { font-size: 2.52em;  }

#content #gallery .slide .info .circleBullet span strong{ font-size: 1.7em; font-weight: bold; }

.cufon-active #content #gallery .slide .info .circleBullet span strong{ font-size: 1.92em; font-weight: bold; }

#content #sideNav h2,
#content #sideNav ul { font-size: 1.44em; } /* same as h2 */

#content a.circleBullet span { line-height: 1.4em; } /* increase the double link text slightly */
#content a.circleBullet span strong { font-size: 1.98em; } /* match the h3 that I can't use in an anchor */




#content a.circleBullet span em { font-size: 1.2em; } /* "Click here to return home" type text */
#content a.circleBullet em { font-size: 1.08em; } /* Read more link, such as on the homepage */

#content .interior .subscribeFree p a,
#content .interior .subscribeFree a.signUp { font-size: 16.2px; line-height: 11px; } /* Sign Up! link */

#content .interior .subscriptionbox .title { font-size: 18px; line-height: 22.5px; letter-spacing: -0.12px; } /* "Single User Limited" title in subscription box */
#content .interior .subscriptionbox .price { font-size: 45px; line-height: 10px; }

#content .interior .subscribePay .price { font-weight: bolder; line-height: 67.5px;}

#content .interior .subscribePay .price sup { font-size: 31.5px;line-height: 44.1px; }

#content .interior .subscribePay em { font-size: 11.25px; }

#content .interior .subscribePay span.saveBullet strong {
	font-weight:bold;
	font-size:23px;
}


#footer dl dt { font-weight: bold; font-size: 1.38em; } /* headers for links */
#footer #footerLinks dl dd { font-size: 1.2em; } /* links in footer columns */
#footer div.bottom { font-size: 1em; } /* Copyright text */

/*
	Helper Styles 
*/
.clear        { clear:both; }
.padleft { padding-left: .5em; }
.padright { padding-right: .5em; }

.marginleft { margin-left: .5em; }
.marginright { margin-right: .5em; }

.margincenter { margin: 0 auto; }

.left { float: left; }
.right { float:right; }

.left { float: left; }
.right { float:right; }

.nofloat { float: none !important; }

.nojs .js, .hidden{
	visibility:hidden;
	display:none;
	width:0!important;
	height:0!important;
	line-height:0!important;
	padding:0!important;
	margin:0!important;
}

.textcenter { text-align: center; }
.textmiddle { vertical-align: middle; }


/* from fancy-type/screen.cs: */

/* Surround uppercase words and abbreviations with this class.
   Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size:1.2em;
  line-height:1%;
  font-weight:bold;
  padding:0 2px;
}
/* Indentation instead of line shifts for sibling paragraphs. 
   p + p { text-indent:2em; margin-top:-1.5em; }
   form p + p  { text-indent: 0; } /* Don't want this in forms. *//**/


/* 

Specific Styling

*/
html,body,#wrap{ width: 100%; }
#wrap { 
	min-width: 1050px;
	background: #FFF url(wp-content/themes/ActiTrainer/img/bg_sprite.png) repeat-x 0 -246px;
}

/* fix reporting of styles when cufon reads them from browsers: */
em, i {	font-style: italic; }

strong, b { font-weight: bold; }

h1 { margin-bottom: 8px; }
h2,h3,h4,h5 { margin-bottom: 5px; }


/* Anchors */
a,
a:visited { text-decoration: underline; }
a:hover { text-decoration: none; }

/* reset the underlining for the header, sidenav and footer */
ul#mainNav a,
ul#mainNav a:visited,
ul#mainNav a:hover,
#content #sideNav ul li a, 
#content #sideNav ul li a:visited,
#content #sideNav ul li a:hover,
#footerLinks a,
#footerLinks a:visited,
#footerLinks a:hover { text-decoration: none; }

/* fixing subscription box 'subscribe links' */
#content .interior a.subscriptionbox em { text-decoration:underline; }

#content #rightContent table td h3,
#content .interior table td h3,
#content #rightContent table td p, 
#content .interior table td p 
{ margin-bottom: 0; max-width: 900px; width: auto; }



/* Header */
ul#mainNav {
	height:70px;
	/*min-width: 1000px;
	width: auto !important;
	width: 1000px; /* ie6 */
	width: 1010px; /* Fixes nav going too wide on an error page (SHOULD BE 1000!) */
	
	
	display: table;  /*allow centering without a known width, IE6 hacked elsewhere */
	margin:0 auto;
	padding: 0;
	z-index:400;
	position:relative;
}

ul#mainNav ul { padding: 0; }

ul#mainNav li {
	height:70px;
	float:left;
	background:url(wp-content/themes/ActiTrainer/img/mainnav_sprite.png) no-repeat;
	font-weight:bold;
	position:relative;
}

ul#mainNav li.highlighted > a {
	background:url(wp-content/themes/ActiTrainer/img/mainnav_sprite.png) repeat-x 0 -80px;
	margin-left: 5px;
	position: relative;
}

ul#mainNav li.highlighted span.newribbon {
	height:60px;
	width: 45px;
	top: 0;
	right: 0;
	background:url(wp-content/themes/ActiTrainer/img/mainNav_li_newribbon.png) no-repeat;
	position:absolute;
}

ul#mainNav li.last { width: 5px; }

ul#mainNav li a {
	display:inline-block;
	padding:25px 18px;
}

/* logo */
ul#mainNav li.logo {
	width:296px;
	/*height: 100px;*//*allow h1 to peek it's head out, don't set this otherwise content is pushed */
	background:none;
	margin-right:30px;
}

ul#mainNav li.logo h1 a {
	display:block;
	width:266px;
	height:100px;
	position:relative;
	z-index:400;
	padding:10px 0 0 10px;
}

ul#mainNav li.logo span {
	background: url(wp-content/themes/ActiTrainer/img/head_h1_a_bkgd.png) no-repeat; 
	width:296px;
	height:100px;
	left:-15px;
	top:-10px;
	position:absolute;
	cursor:pointer;
}

/* pop out sub menu */
ul#mainNav div.subNavShadow,
ul#mainNav div.subNavShadowBottom,
ul#mainNav li ul {
	left: 0px;
	visibility:hidden;
	position:absolute;
}

ul#mainNav div.subNavShadow {
	width:250px;
	margin-top:3px;
	background:transparent url(wp-content/themes/ActiTrainer/img/dropNav_shadow.png) repeat-y;
	top:95%;
	z-index:200;
}

ul#mainNav div.subNavShadowBottom {
	width:250px;
	height:7px;
	background:transparent url(wp-content/themes/ActiTrainer/img/dropNav_shadowBtm.png) repeat-x;
	top:-400px;
}

ul#mainNav li ul {
	width:240px;
	margin:-3px 0 0 5px;
	background:#DADADA url(wp-content/themes/ActiTrainer/img/dropnav_sprite.png) repeat-x 0 -68px;
}
ul#mainNav li:hover ul,
ul#mainNav li:hover div.subNavShadow,
ul#mainNav li:hover div.subNavShadowBottom { visibility: visible; }

ul#mainNav li ul li { 
	width:240px;
	height:38px;
	background:none;
	border-top:1px solid #E6E6E6;
	border-bottom:1px solid #AAA;
	vertical-align:middle;
}

ul#mainNav li ul li.first {
	padding-top:3px;
	background:url(wp-content/themes/ActiTrainer/img/dropNav_ul_bkgd.png) no-repeat;
	border-top:none;
}

ul#mainNav li ul li a { 
	width:220px;
	height:18px;
	padding:10px;
	font-weight:normal;
}

ul#mainNav li ul li a:hover {
	background:#333 url(wp-content/themes/ActiTrainer/img/dropnav_sprite.png) repeat-x 0 0;
}

#content {
	width:1040px;
	margin: 0 auto 20px auto !important;
	min-height:400px;
	float:none;
}

#content #gallery {
	width:1040px;
	height:518px;
	overflow:hidden;
}

#content div.left {
	margin-bottom:30px;
	width:1020px;
}

/*#content div.right, #content div.sideInfo {
	clear:right;
	float:right;
}

#content div.right {
	padding:20px 51px 0 10px;
}*/

#content div.sideInfo {
	/*margin: 20px 51px 0 10px; Removing, used in BluePrint causes extra spacing we are trying to control....*/ /* IE6 wants padding for .right, use margin here*/
}

/* Sign up Button (used on gallery and sideInfo) and virtual trainer 'login' buttons */
#content a#signUpFree,
#content a#virtTrainer,
#content a#signUpPro {
	width:160px;
	height:53px;
	margin:15px 0 0 15px;
	display:block;
	
	line-height: 3em; /* pushing text out of the way of the button */
	text-indent:15px;
	position:relative;
}
#content a#virtTrainer { clear: both; margin-bottom: 5px; }
#content a#signUpFree span,
#content a#virtTrainer span,
#content a#signUpPro span {

	width:160px;
	height:53px;
	left:-15px;
	position:absolute;
	background:transparent url(wp-content/themes/ActiTrainer/img/signup_btn.png) no-repeat 0 0;
	cursor:pointer;
}

#content a#virtTrainer span {
	background:transparent url(wp-content/themes/ActiTrainer/img/virtTra_btn.png) no-repeat 0 0;
}
#content a#signUpPro span
{
  background:transparent url(wp-content/themes/ActiTrainer/img/signup_btn_pro.png) no-repeat 0 0;
}
#content a#signUpFree span:hover,
#content a#virtTrainer span:hover,
#content a#signUpPro span:hover {
	background-position:0 -53px;
}


/* Circle Bullet (image -> header with text underneath) */
#content .circleBullet {
	width:260px;
	display:inline-block;
	cursor:pointer;
}

#content .circleBullet img {
	width:101px;
	display:block;
	float:left;
}
#content .circleBullet span { /* area next to the background bullet image */
	display:block;
	margin:20px 0 0 111px;
}

#content .circleBullet span strong { /* the headline */
	display:block;
	margin-bottom:5px;
}
#content .circleBullet span em { /* text under the headline of the bullet */
	margin:0;
	display:inline;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
}

#content .circleBullet em { /* used for read more links */
	display:block;
	margin:5px 0 0 111px;
	font-style:normal;
	font-weight:bold;
	text-decoration:underline;
}


/* Interior Page Header */
#content #interiorHeader {
	width:1040px;
	height:150px;
	position:relative;
	z-index:200;
	background:transparent url(wp-content/themes/ActiTrainer/img/head_bkgd.png) no-repeat 0 0;
}

#content #interiorHeader h1 {
	position:absolute;
	left:108px;
	top:61px;
	
	text-shadow: #90DAFF 0px 0px 7px; /* modern browsers will make the text glow */
}


/* Side nav */
#content #sideNav {
	width: 221px;
	min-height:370px;
	float:left;
	/*margin:15px 20px 0 30px;*/ /* don't add extra space on VT, we need this space and will be controlled by Blueprint*/
	background:#FFF url(wp-content/themes/ActiTrainer/img/sideNav_shadow.png) no-repeat 100% 0;
}

#content #sideNav ul {
	padding: 37px 0 0;
	margin: 0;
}

#content #sideNav ul li {
	width:221px;
	height:50px;
	list-style:none;
	
	margin-left: 0;
}

#content #sideNav ul li.selected {
	background:transparent url(wp-content/themes/ActiTrainer/img/sideNav_ul_li.png) no-repeat 100% 0;
}

#content #sideNav ul li a {
	width:206px;
	height:35px;
	display:inline-block;
	padding:15px 0 0 15px;
	text-decoration: none;
}

#content #sideNav h2 { 
	margin-top:25px;
	padding-left:15px;
}

/* Rules for both 2 column and 1 column (no left nav) */
#content .interior a.circleBullet em {	text-decoration: underline; }

#content .interior a.circleBullet:hover em { text-decoration:none; }

#content .interior a.circleBullet strong { text-decoration: none; }

#content .interior ul 
{
	list-style:square inside url(wp-content/themes/ActiTrainer/img/bullet_red.png);
	margin-bottom:33px;
}
#content .interior ul.cr { list-style: none; }

#content .interior ul li {
	margin:10px 0 10px 10px;
}

/* 1 column, content indented */
#content .interior { margin:20px 0 0px 20px; }

#content .interior > h1 { margin-bottom: 29px; }
#content .interior > h1 + h2 { margin-top: -29px; margin-bottom: 29px; }
#content .interior > h2 { margin-bottom: 29px; } 

#content .interior > h3 { margin-bottom: 6px; }

/*#content .interior > p,
#content .interior > p { margin-bottom: 19px; }*/


#content .interior a.circleBullet { width: 300px; }


#content .interior div.sideInfo {
	width:445px;
	background:#FFF url(wp-content/themes/ActiTrainer/img/sideInfo_mid_bkgd.png) repeat-y 0 0;
	margin-bottom:50px;
	position:relative;
	padding-bottom: 10px; /* extra spacing for the bottom graphic */
}

#content .interior div.sideInfo .top,
#content .interior div.sideInfo .bottom
 {
	height:20px;
	width:445px;
	display:block;
	position:absolute;
}

#content .interior div.sideInfo .top{
	background: #FFF url(wp-content/themes/ActiTrainer/img/sideInfo_top_bkgd.png) no-repeat 0 0;
	top:-20px;
}

#content .interior div.sideInfo .bottom {
	height:30px;
	background:#FFF url(wp-content/themes/ActiTrainer/img/sideInfo_btm_bkgd.png) no-repeat 0 0;
	bottom: -30px;
}

#content .interior div.sideInfo h3 { margin-top: 10px; }
#content .interior div.sideInfo h4 { margin-bottom: 0; }
#content .interior div.sideInfo p { margin-bottom: 10px; }


#content .interior div.sideInfo h3,
#content .interior div.sideInfo h4,
#content .interior div.sideInfo p,
#content .interior div.sideInfo table
{
	margin-left: 45px;
	margin-right: 45px;
	max-width:375px;
	width:auto!important;
	width:375px;
}

/* 2 column, right side (with left nav) */
#content #rightContent {
	width:770px;
	float:right;
	margin: 5px 0 10px 0;
	padding:35px 0 0 39px;
}

#content #rightContent h1 { 
	margin-bottom:21px;
	clear:both;
}
#content #rightContent .left > h1 + h2 { margin-top: -21px; margin-bottom: 21px; }
#content #rightContent .left > h2 { margin-bottom: 21px; } 

#content #rightContent .left > h3 { margin-bottom: 6px; }


#content #rightContent .left > p,
#content #rightContent right > p { 
	margin-bottom:23px;
	max-width: 580px; /* force p tags to not go too wide, like bottom of subscription page */
}
#content #rightContent .left p { width: 463px; } /* fit beside images on right */

#content #rightContent a.circleBullet { margin-bottom: 10px; }

#content #rightContent div.right { 

	width:236px;
	padding-top:55px;
}

/* 2 column subscription, right side (with left nav) */
#content .interior .subscriptionbox {
	text-decoration:none;
	padding:15px;
	float:left;
	cursor:pointer;
}
#content .interior .subscriptioncurrent { cursor:default; }

#content .interior .subscribeFree {
	min-height:76px;
	height:auto!important;
	height: 76px; /* ie6 */
	padding-left:284px;
	margin-bottom:30px;
}

#content .interior .subscribeFree .subscriptionbox {
	width: 234px; /* subtract the 15px padding from these! */
	height:46px;
	margin:0 0 0 -284px;
	background:#FFF url(wp-content/themes/ActiTrainer/img/freePlan_bkgd.jpg) no-repeat 0 0;
}

#content .interior .subscribeFree .subscriptionbox .title {
	width:110px;
	line-height:1.25em;
}

#content .interior .subscribeFree .subscriptionbox .price {
	text-transform:uppercase;
	top:0;
}

#content .interior .subscribeFree p {
	width:365px;
	margin-bottom:0;
}
#content .interior .subscribeFree p a,
#content .interior .subscribeFree a.signUp {
	display:inline-block;
	margin-top:10px;
	text-decoration:underline;
	font-weight:bold;
}
#content .interior .subscribeFree p a:hover,
#content .interior .subscribeFree a.signUp:hover { text-decoration: none; }


#content .interior .subscribePay {
	width: 146px; /* subtract 20px padding from both! */
	min-height:126px;
	height:auto!important;
	height: 126px; /* ie6 */
	/*margin:0px 20px 20px 0;*//*Why the -10px?*/
	margin:-10px 20px 0px 0;
	padding:20px;
	position:relative;
	background:#FFF url(wp-content/themes/ActiTrainer/img/payPlan_bkgd.jpg) no-repeat 0 0;
}

#content .interior .subscribePay .title {
	width:156px;
	height:50px;
}

#content .interior .subscribePay .price {
	position:absolute;
	left:17px;
	top:80px;
}

#content .interior .subscribePay .price sup {
	position:absolute;
	top:5px;
}

#content .interior .subscribePay em {
	position:absolute;
	right:20px;
	bottom:15px;
	text-decoration:underline;
	font-style:normal;
}

#content .interior .subscribePay:hover em {
	text-decoration:none;
}

#content .interior .subscribePay span.saveBullet {
	width:80px;
	height:80px;
	background:transparent url(wp-content/themes/ActiTrainer/img/save_img.png) no-repeat 0 0;
	display:block;
	position:absolute;
	top:30px;
	left:146px;
}

#content .interior .subscribePay span.saveBullet strong {
	left:20px;
	position:absolute;
	top:35px;
}


#content .interior .subscribe1month,
#content .interior .subscribe3month,
#content .interior .subscribe12month {
	width:186px;
	height:166px;
	margin:-10px 20px 20px 0;
	float:left;
}

#content .interior .subscribe1month {
	background: #FFF url(wp-content/themes/ActiTrainer/img/payPlan1.jpg) no-repeat 0 0;
}

#content .interior .subscribe3month {
	background: #FFF url(wp-content/themes/ActiTrainer/img/payPlan2.jpg) no-repeat 0 0;
}

#content .interior .subscribe12month {
	background: #FFF url(wp-content/themes/ActiTrainer/img/payPlan3.jpg) no-repeat 0 0;
	position:relative;
}

#content .interior .subscribe12month span.saveBullet {
	width:80px;
	height:80px;
	background:transparent url(wp-content/themes/ActiTrainer/img/save_img.png) no-repeat 0 0;
	display:block;
	position:absolute;
	top:30px;
	left:146px;
}

/* Footer */
#footer {
	width:100%;
	min-width:1050px; /*when browser isn't wide enough make bg fill correctly */
	background:#FFE260 url(wp-content/themes/ActiTrainer/img/bg_sprite.png) repeat-x 0 -14px;
}

/* Water Droplets */
#footer #waterHolder { 
	width:1020px;
	margin:0 auto;
	position:relative;
}

#footer #waterHolder span.left, #footer #waterHolder span.right {
	display:inline-block;
	position:absolute;
	top:-40px;
	z-index:200;
}

#footer #waterHolder span.left {
	width:75px;
	height:48px;
	background:transparent url(wp-content/themes/ActiTrainer/img/waterDrops_left.png) no-repeat 0 0;
}

#footer #waterHolder span.right{
	width:132px;
	height:50px;
	background:transparent url(wp-content/themes/ActiTrainer/img/waterDrops_right.png) no-repeat 0 0;
	right:0;
}

/* Footer Links */
#footer div#footerLinks { 
	width:990px;
	margin:0 auto;
	height:172px;
	padding-top:20px;
}

#footer div#footerLinks dl { 
	float:left;
	width:169px;
	height:150px;
	background:#FFBE34 url(wp-content/themes/ActiTrainer/img/foot_bkgd.png);
	padding:10px 0 0 11px;
	margin-right:7px;
}

#footer div#footerLinks dl dt { padding-bottom: 11px; }

#footer div#footerLinks dl dd {  padding-bottom: 10px; margin:0; }

#footer div#footerLinks dl.stack { 
	width:231px;
	height:51px;
	margin-right:0;
}
#footer div#footerLinks dl.stack dt { width: 125px; float:left; padding-bottom:0; padding-top:5px; }


#footer div#footerLinks dl.bottom { margin-top: 7px; height: 82px; }
#footer div#footerLinks dl.bottom dt { padding: 0; margin:-5px 0 0 -2px;float: none; }

#footer div#footerLinks dl.bottom .clientSlides img { margin: 0 auto; }

#footer div.bottom { 
	clear:left;
	width:990px;
	margin:0 auto;
	
	overflow:hidden; /*wrap around floated elements */
}

#footer div.bottom a.toolbox { 
	width:43px;
	height:22px;
	float:right;
	display:inline-block;
	background-image:url(wp-content/themes/ActiTrainer/img/vcLogo_btn.png);
}

/* 
Sticky Footer 
http://www.cssstickyfooter.com
*/
html, body {height: 100%;}

#wrap {min-height: 100%;}

#content {overflow:auto;
          padding-bottom: 222px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -222px; /* negative value of footer height */
	height:222px;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}





.ErrorMessageBar {
	text-align:center;
	padding-top:250px;
	height:50%;
	width:50%;
	top:50%;
	left: 30%;
	background-color:RED;
	color:#fff;
	font-size:2.5em;
	line-height:3em;
	position:absolute;
	z-index:10000;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity:0.85;
	opacity:0.85;
	/*text-shadow:#fff 1px 1px 1px;*/
}

.ErrorMessageBar A {
	text-decoration:underline;
	color:white;
	/*text-shadow:#fff 1px 1px 1px;*/
}

#btc {
	z-index:1000;
}


.UploadQueueMessage {
	text-shadow:#90DAFF 0 0 7px;
	width:100%;
	height:14px;
	display:none;
	font-size:14pt;
	background-color:Orange;
	background-image:url(images/OrangeGradient.png);
	padding:20px;
	border-bottom:solid thin #ff3300;
	font-weight:bolder;
	color:#ffe7b5;
}

.FoodLogStyleBox {
	margin:10px;
	border:2px dashed #360;
	position:relative;
}

/* tables */
table.tablesorter {
	background-color:#CDCDCD;
	margin:10px 0 15px;
	font-size:8pt;
	width:100%;
	text-align:left;
}

table.tablesorter thead tr th,table.tablesorter tfoot tr th {
	background-color:#e6EEEE;
	border:1px solid #FFF;
	font-size:8pt;
	padding:4px;
}

table.tablesorter thead tr .header {
	background-image:url(images/bg.gif);
	background-repeat:no-repeat;
	background-position:center right;
	cursor:pointer;
}

table.tablesorter tbody td {
	color:#3D3D3D;
	padding:4px;
	background-color:#FFF;
	vertical-align:top;
}

table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}

table.tablesorter thead tr .headerSortUp {
	background-image:url(images/asc.gif);
}

table.tablesorter thead tr .headerSortDown {
	background-image:url(images/desc.gif);
}

table.tablesorter thead tr .headerSortDown,table.tablesorter thead tr .headerSortUp {
	background-color:#8dbdd8;
}


/*
*
*  Dialog 
*
*/

.ui-dialog-content a, 
#tooltip a, 
.tooltip a {
	text-decoration:underline; 
}

a#fdbk_tab { /* Get Satisfaction Tab */
             top: 85px !important;  /* Stop hitting our H1s! */
             position: absolute !important; /* STAY IN THE HEADER! */
}
        


/* 
*
* Errors
*
*/

.input-validation-error { 	border: 1px solid #ff0000 !important;
	background-color: #ffeeee !important;
}
.validation-summary-errors span { font-size: 1.5em; font-weight: bolder; }
.field-validation-error { display:inline-block; color: #ff0000; font-weight: bolder; margin-left: 4px; height: inherit; }
#content .error ul, .error ul li { margin-top: 0; margin-bottom: 0; }




/*
*
* Fixes *
*
*/
.x-panel input { margin: 0; position: inherit; } /* fix EXT panel input positioning when used with Blueprint... */
.x-panel label { font-weight: normal; } /* fix EXT label font weight when used with Blueprint... */
.x-panel th, .x-panel td, .x-panel caption { padding: inherit; } /* fix EXT tables from getting huge columns when use with Blueprint ... */
.x-panel table { margin-bottom: inherit; } /* fix EXT table from being *huge* when use with Blueprint ... */
.x-panel select{ margin:0; } /* fixing incorrect spacing around selects with Blueprint... */
.x-panel textarea { height: auto; } /* fixes super tall textarea in extjs */
.x-panel button { float: none; padding: 0 3px; display: inline; } /* resetting what our button plugin does */
.x-abs-layout-item { position: absolute !important; } /* ensuring absolute positioning is used (x-panel input overrides this) */
.x-panel input { position: static; } /* STOP INHERITING POSITION YOU IDIOT.  This causes issues with inputs taking absolute positioning.  I hate ExtJS */

.tooltip table tr, .tooltip table tr td { margin: 0; padding: 0; } /* Make rows have no spacing in between, allowing tooltip to fit in BG set. */

.inline { line-height: 3em; } /* Blueprint 'hack' to allow elements other than forms line up inlined labels/inputs */
.error+h3,.error+h4, .success+h3,.success+h4, .notice+h3,.notice+h4,.error+*,.notice+*,.warn+*,.notice+form,.notice+div,.error+form,.error+div,.warn+form,.warn+div {  clear:both; } /* Fixing messages having a TINY bit of space on right, allowing IE to shove an h3 in there. */

#content .interior a { cursor: pointer; } /* ensure anchors have a hand */
 
.interior a.sprite { margin-left: 18px; display:inline-block; } /* prevent underlining when using a sprite image in an anchor */
.interior a.sprite .ss_sprite { margin-left: -18px; } /* shove sprite into the left of the anchor */

#mainNav li .ss_sprite { margin-right:-2px; margin-top:-5px;width:13px; } /* allow menu items to line up and not take up a huge amount of space when using a sprite*/