@import url('yui-reset.css');

/* Colors: Link Orange: #ec6823 */

#main_left{width:400px; height:325px; float:left;}
#main_right{width:460px; height:auto; float:right; margin-left:10px;}
ul{line-height:20px;}
ul .o_f{list-style:none;}

.biz_card { border: 1px solid #ccc; background-image: url(../images/biz_card.jpg); background-repeat: no-repeat; height: 144px; width: 252px; font-family: Arial, Helvetica, sans-serif; position: relative; }
.biz_card div { position: absolute; top: 35px; right: 10px; font-size: 18px; font-weight: bold; text-align: right; }
.otext { color: #EC6823; font-size:16px; }
.button { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;
text-decoration: none; padding: 5px 8px; background-color: #333; font-size: 14px; border: 1px solid #666; padding-right: 4px!important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.button2 { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;
text-decoration: none; padding: 5px 8px; background-color: #cfcfcf; color: #000; border: 1px solid #444; font-size: 14px; padding-right: 4px!important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.button2:hover { color: #444; }
.button3:hover { color: #333; }
.button3 { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;
text-decoration: none; padding: 5px 8px; background-color: #C16229; border: 1px solid #666; color: #fff; font-size: 18px; padding-right: 4px!important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.biz_card div span { display: block; font-size: 12px; font-weight: normal; }
html { background-color: #000000; }
body { background: #000000; font-family: helvetica, arial, sans-serif; font-size: 12px; color: #ffffff; }
#wrapper { min-width: 1000px; position:relative; }
a,
img,
img a,
a img { text-decoration: none; border: none; }
a { color: #ec6823; text-decoration: underline; }
a:hover { color: #ee7c40; }
h1,
h2 { width: 700px; font-family: Helvetica, Arial, sans-serif; font-size: 28px; font-style: normal; font-weight: normal; text-transform: none; line-height: 1.2em; color: white; margin-bottom: 40px; }
h2 { font-size: 24px; margin-bottom: 20px; }

/* HEADER */

#header,
#title-bar img,
#footer,
#main { margin-left: 20px; }
#header { height: 72px; position: relative; min-width: 930px; }

img.top-logo { float: left; margin-top: 31px; margin-right: 15px; float:left; width:175px;}
.nav_container{width:1000px; height:auto; position:relative; padding-top:0px;}
#nav { position: relative; z-index: 100; float: left; height: 72px; margin-top: 35px; margin-left:0px; }
#nav li { display: inline;  float: left; }
#nav li a { display:block;text-transform: uppercase; font-size: 11px; color: white; font-weight: bold; width: auto; padding: 0px 10px 25px 5px; border-left: solid 1px #888888; text-decoration: none; }
#nav li a:hover,
#nav li.selected a { color: #ec6823; }
#nav li.no-left-border a { border: none; padding-right: 0px; }
#nav-hilite { position: absolute; z-index: 10; top: 0px; left: 0px; display: none; }
div.clear { clear:both; }
.login{width:130px; top:5px; text-align:right; padding:0px !important;}
.login a{ padding:0px !important; height:40px; float:none !important;}
/* CONTENT */

#content { margin-top: 0px; }
#title-bar { width: 100%; background: url(../images/bar.png) repeat-x; margin-bottom: 10px; *margin-top: 75px; position: relative; }
#title-bar img { margin-left: 35px; }
#title-bar .title-bar-holder { width: 900px; position: relative; }
#main { width: 900px; }
#main p { color: #ababab; margin-top: 7px; line-height: 16px; }
#main p.sub-text { max-width: 800px; font-size: 17px; line-height: 21px; color: #d0d0d0; }
.col { width: 250px; margin-top: 30px; margin-right: 40px; float: left; }
ul.bulleted { margin-top: 25px; margin-bottom: 25px; margin-left: 35px; color: #ababab; width: 300px; }
ul.bulleted li { margin-bottom: 20px; list-style: url(../images/bullet.png); }

/* MULTI-COLUMN (Only Works in Safari, Firefox) */

div.multicolumn { width: 700px; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; }

/* FLOATING IMAGE */

#right-image { position: absolute; top: 150px; right: 0px; }

/* CLASSES */

.white { color: #ffffff; }
.orange { color: #ec6823; }
p.large-link { font-size: 14px; }
.workout_circle { background:url(../images/circle.gif) no-repeat center center; height: 650px; position: relative; }
.workout { position: absolute; border: 1px solid #ccc; width: 260px; text-align: center; height: auto; background-color:#000000; padding: 10px; }
.workout img { margin-right: 5px; height:80px; }
.workout div { padding: 10px; }
#top.workout { left: 50%; top: 0px; margin-left: -130px; }
#left.workout { top: 50%; left: 0px; margin-top: -65px; }
#right.workout { top: 50%; right: 0px; margin-top: -65px; }
#bottom.workout { left: 50%; bottom: 0px; margin-left: -130px; }

/* FOOTER */

#footer { margin-top: 100px; margin-bottom: 20px; font-size: 11px; color: #aaaaaa; }
textarea { border: 1px solid #666; padding: 2px; background-color: #333333; color: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
select { border: 1px solid #666; padding: 2px; background-color: #333333; color: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
input { padding: 4px; border: 1px solid #666; background-color: #ccc; color: #111; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
input[type=text],
input[type=password] { border: 1px solid #666; padding: 4px; background-color: #333333; color: #eee; }
input[type=submit] { background: url(../images/input-bg.gif) repeat-x left center; color: #222; font-weight: bold; padding: 5px 12px 5px 10px; }
td { padding: 6px; }
h3 { font-weight: bold; margin-bottom: 10px; margin-top: 10px; font-size: 16px; }
h2 { margin: 10px 0px; font-weight: bold; font-size: 20px; }
h1 { margin: 10px 0px; font-size: 24px; font-weight: bold; }
p { margin: 5px 0px; }

/* ADMIN AREA */

#portal_header { width: 100%; }
#personal_image { width: 194px; height: 144px; overflow: hidden; float: left; margin-right: 20px; border: solid 3px #999; }
#personal_info { float: left; width: 675px; }
#portal_name { float: left; width: 400px; }
#payout { position: relative; font-family: helvetica, arial, sans-serif; text-align: center; float: right; width: 153px; height: 138px; background: black url(../images/earnings-badge-green.gif) no-repeat center center; margin-top: -5px; }
#payout.not-pro { background-image: url(../images/earnings-badge.gif); }
#payout p { position: absolute; margin: 0px; padding: 10px 0px 54px 0px; left: 0px; bottom: 0px; width: 153px; text-align: center; color: white; font-weight: bold; font-size: 27px; line-height: 17px; }
#payout p.upgrade { padding-bottom: 44px; }
#payout a { font-size: 10px; color: #000000; }
#portal_main { float: left; width: 675px; }
#portal_header h1,
#portal_header h2,
#portal_main h1,
#portal_main h2 { width: auto; }
#portal_name h1 { margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px; }
#portal_main h1,
#portal_main h2,
#portal_main h3 { font-family: arial, helvetica, sans-serif; }
#portal_main h2 { margin-top: 0px; padding-top: 7px; padding-left: 12px; margin-left: -12px; background: black url(../images/h2-bg.gif) repeat-x top left; font-size: 32px; font-weight: normal; }
#portal_main h3 { padding-top: 10px; padding-left: 12px; margin-left: -12px; background: black url(../images/h3-bg.gif) repeat-x top left; font-size: 21px; font-weight: normal; }
#main #portal_name p { margin: 0px; padding: 0px; }
#portal_nav,
#portal_main { margin-top: 20px; }
#portal_nav { float: left; margin-right: 20px; }
.admin_nav { width: 200px; }
.admin_nav,
.admin_nav li { list-style: none; margin: 0px; padding: 0px; }
.admin_nav li a { color: white; text-decoration: none; display: block; margin: 0px; padding: 6px 0px; padding-left: 2px; font-weight: normal; border-bottom: solid 1px #222; border-top: solid 1px #111; background: transparent url(../images/admin-nav.png) no-repeat top center; }
.admin_nav li.last a { border-bottom: solid 1px #111; }
.admin_nav li a:hover { background: transparent url(../images/admin-nav-over.png) no-repeat top center; color: #ffffff; }
.admin_nav li img { margin-bottom: -3px; margin-right: 10px; margin-left: 5px; }
span.account { font-size: 17px; font-weight: bold; }
span.price { font-size: 14px; }
div.current-score { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/current-score.png) no-repeat scroll center center; height:46px; margin:20px 0 4px; padding:0; position:relative; width:256px; }
#main div.current-score p { color:white; font-size:24px; font-weight:bold; margin:0; padding:0; position:absolute; right:20px; text-align:right; top:15px; }
#main div.current-score p.shadow { top: 16px; right: 19px; color: #842d00; }
p.retake-eval { width: 215px; margin-top: 5px; }
#main { width: 65%; }
.flyer_card { position: relative; width: 614px; height: 453px; font-size: 14px; background-image:url(../images/flyer.jpg); }
.flyer_card #info { width: auto; height: auto; position: absolute; top: 375px; left: 25px; }
.flyer_card #code { width: auto; height: auto; position: absolute; top: 413px; right: 25px; color:#FE9C21; }

.welcome_video {
	font-family: arial, helvetica;
	font-size: 12px;
	line-height: 18px;
	width: 125px;
	position: relative;
	top: 30px;
}
.welcome_video a {
	color: white;
}
#title-bar .welcome_video img {
	margin-left: 0px;
}