body {
font-family: helvetica, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
background: #ffffff;
color: #000000;
}
h1 {
color: #666666;
font-size: 200%;
margin: 0px;
padding: 0px;
font-weight: normal;
}
.no-decoration {
text-decoration: none;
}
.no-decoration:hover {
text-decoration: none;
}
#machineOffline {
display: none;
/*width:130px;
height: 19px;
<!--background: transparent url(../images/equipment_status.png) no-repeat 0 0;-->
display: inline-block;
margin-left: 20px;
margin-top: 2px;
*/
}
#machineOnline {
width:130px;
height: 19px;
background: transparent url(../images/equipment_status.png) no-repeat 0 -19px;
display: inline-block;
margin-left: 20px;
margin-top: 2px;
}
#machineOnline:hover {
background: transparent url(../images/equipment_status.png) no-repeat 0 -38px;
text-decoration: none;
}
#machine-status-check {
text-align: right;
clear: both;
}
h2 {
font-size: 100%;
color: #999999;
font-size: 12px;
margin: 0px;
padding: 0px;
text-transform: uppercase;
font-weight: normal;
}
a {
text-decoration: none;
color: #000000;
}
a:focus {
-moz-outline: none;
outline: none;
}
a:hover {
text-decoration: underline;
}
img {
border: 0;
margin: 0;
vertical-align: bottom;
}
ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0;
padding: 0;
}
.color-text {
color: #989898;
}
.underline {
text-decoration: underline;
}
.bold {
font-weight: bold;
}
.clear {
clear: both;
height: 0;
line-height: 0;
padding: 0;
margin: 0;
}
.small {
font-size: 80%;
}
.smaller {
font-size: 65%;
}
.big {
font-size: 120%;
}
#container-skin {
text-align: center;
background: #8AB0C5 url(../images/bg_body.png) repeat-x top left;
padding-bottom: 10px;
}
#container {
width: 980px;
margin: 0px auto;
text-align: left;
}
#header {
height: 70px;
padding-top: 10px;
width: 920px;
margin: 0 auto;
}
#errors {
width: 450px;
margin: 5px auto 15px auto;
border: 2px solid #2061B9;
background-color: #AECBE3;
padding: 20px;
}
#errors p.error-header {
font-size: 120%;
font-weight: bold;
color: #2061B9;
margin: 0 0 20px 0;
padding: 0;
}
#errors p.error-item {
font-weight: bold;
margin: 0;
padding: 0 0 0 20px;
}
.logo {
width: 220px;
float: left;
}
.login-box {
width:197px;
float:right;
text-align:right;
}
.account {
width:162px;
color:#333333;
padding-top:5px;
float:left;
}
.options {
font-size:10px;
color:#666666;
}
.options img {
vertical-align:bottom;
}
.options a {
color:#666666;
text-decoration:none;
margin:0px 2px;
}
.options a:hover {
text-decoration:underline;
}
.avatar {
width:35px;
float:right;
}
.avatar img {
padding:2px;
border:1px solid #e7e7e7;
}
/*********** topnav styles **************/
.topnav-logged-in{
width:481px;
}
.topnav-logged-out{
width: 399px;
/*width:487px;*/
}
#topnav {
background:url(../images/topnavbg-left.png) bottom left no-repeat;
height:33px;
margin:0px auto;
text-transform:uppercase;
font-weight:bold;
text-align:center;
}
#top-nav-left {
background:url(../images/topnavbg-right.png) bottom right no-repeat;
padding:0px 4px;
height:33px;
}
#topnav ul {
float:left;
}
#topnav li {
display:block;
float:left;
height:33px;
background:url(../images/topnav-sep.gif) bottom left no-repeat;
padding-left:2px;
}
#topnav li:first-child {
background:none;
}
#topnav li a {
height:33px;
display:block;
float:left;
text-indent:-99999px;
padding:0px 10px;
}
#dashboard {
background:url(../images/nav-dashboard.gif) top center no-repeat;
width:94px;
}
#schedule {
background:url(../images/nav-schedule.gif) top center  no-repeat;
width:60px;
}
#programs {
background:url(../images/nav-programs.gif) top center  no-repeat;
width:120px;
}
#store {
background:url(../images/nav-store.gif) top center  no-repeat;
width:37px;
}
#equipment {
background:url(../images/nav-equipment.gif) top center  no-repeat;
width:66px;
}
#home {
background:url(../images/nav-home.gif) top center  no-repeat;
width:34px;
}
#about {
background:url(../images/nav-about.gif) top center  no-repeat;
width:38px;
}
#contactus {
background:url(../images/nav-contactus.gif) top center  no-repeat;
width:67px;
}
#support {
background:url(../images/nav-support.gif) top center  no-repeat;
width:52px;
}
#topnav a:hover {
background-position:50% -33px !important;
}
.dashboard a {
background:url(../images/nav-dashboard.gif) 0px 10px no-repeat;
padding-left:20px;
}
.dashboard a:hover {
background:url(../images/nav-dashboard.gif) 0px -46px no-repeat;
}
#topnav ul ul {
font-size:10px;
position:absolute;
margin-top:40px;
margin-left:-5px;
}
#topnav ul ul li {
background:url(../images/subnav-sep.gif) 0px 2px no-repeat;
}
#topnav ul ul .first {
background:none;
}
#topnav ul ul li  a {
height:10px;
padding:0px 10px;
text-indent:0px;
}
#topnav ul ul li a:hover {
background:none;
}
#topnav .active ul#myfit-sub-section {
margin-left: -70px;
}
#topnav .active ul#myfit-sub-section li.active a {
color: #444;
}
#topnav .active ul#workouts-sub-section {
margin-left: -92px;
}
#topnav .active ul#workouts-sub-section li.active a {
color: #444;
}
#topnav .active a {
background-position:50% -33px !important;
}
#topnav .active ul a {
color:#999999;
background:none;
}
#topnav .active ul a:hover {
color:#666666;
background:none;
text-decoration:none;
}
#login-box {
float: left;
width: 150px;
height: 30px;
margin-top: 15px;
}
#left-login {
float: left;
width: 113px;
text-align:right;
padding-right: 10px;
}
#left-login ul.options {
float: right;
margin: 0px;
padding: 0px;
}
#left-login .options li {
float: left;
}
#left-login a.share {
background: transparent url(../images/ico-facebook.gif) no-repeat scroll 0 0;
padding-left: 16px;
}
#header-cart {
float: right;
margin: 10px 0 0 28px;
}
#nav-container {
background: transparent url('../images/nav_bar.png') no-repeat scroll 0 0;
height: 38px;
margin: 0px auto;
width: 898px;
}
#nav-container ul {
height: 38px;
margin: 0px;
padding: 0px;
}
#nav li {
float: left;
width: 128px;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
margin-top: 10px;
}
#breadcrumbs-container {
width: 920px;
margin: 0 auto 10px auto;
}
#breadcrumbs {
font-size: 12px;
color: #cccccc;
font-weight: bold;
}
#breadcrumbs a {
color:#cccccc;
text-decoration:none;
}
#breadcrumbs a:hover {
color:#bbbbbb;
}
#content-top {
background: transparent url('../images/bg_content_top.png') top left no-repeat;
height: 17px;
margin: 0px;
}
#content-middle {
margin: 0 auto;
background: transparent url('../images/bg_content_middle.png') top left repeat-y;
}
#content-bottom {
background:url(../images/bg_content_bottom.png) bottom left no-repeat;
height: 17px;
margin: 0;
padding: 0;
}
#content {
padding: 0px 35px;
}
.back {
position: absolute;
margin-left: 810px;
text-transform: uppercase;
color: #cccccc;
text-decoration: none;
padding: 0 0 0 9px;
background: transparent url('../images/bullet02.gif') no-repeat 0 4px;
margin-top: -13px;
font-weight: bold;
}
#footer {
width: 980px;
background-color: #ffffff;
text-align: center;
color: #979797;
margin: 0 auto;
}
#spotlights {
display: block;
padding: 10px 0 10px 3px;
height: 152px;
margin: 0 auto;
width: 930px;
}
#spotlights .box {
width: 305px;
height: 136px;
float: left;
position: relative;
padding: 0 5px 0 0;
}
#bottom-nav {
line-height: 26px;
background: url(../images/bg_bottomnav.gif) bottom center no-repeat;
height: 26px;
padding: 0px 30px;
color: #878787;
}
#bottom-nav .links {
float:left;
text-transform:uppercase;
font-size:10px;
}
#bottom-nav .links-right {
float: right;
text-transform: uppercase;
font-size: 10px;
}
#bottom-nav .links li {
display:block;
float:left;
background:url(../images/sep.gif) 0px 8px no-repeat;
padding:0px 4px 0px 6px;
}
#bottom-nav .links-right li {
display: block;
float: right;
background: url(../images/sep.gif) 0 8px no-repeat;
padding: 0px 4px 0px 6px;
}
#bottom-nav .links .active a,
#bottom-nav .links-right .active a{
color: #b4b4b4;
}
#bottom-nav a:hover {
color: #b4b4b4 !important;
text-decoration: none;
}
#bottom-nav .links li a,
#bottom-nav .links-right li a {
color: #878787;
}
#bottom-nav .links .first,
#bottom-nav .links-right .first {
padding-left: 0px;
background: none;
}
#bottom-nav .copyright {
float: right;
font-size: 10px;
text-align: right;
}
#bottom-nav .copyright a {
color:#878787;
margin:0px 2px;
}
#flash-content {
height: 544px;
width: 100%;
}
#flash {
width: 906px;
margin: 0 auto;
text-align: center;
font-size: 150%;
color: #666666;
}
#flash a {
text-decoration: underline;
color: #666666;
}
#dashboard-footer {
position: absolute;
top: 572px;
width: 100%;
}
#dashboard-footer-content {
width: 	940px;
height: 44px;
background: transparent url(../images/footpanelbg.gif) no-repeat 0 0;
margin: 0 auto;
}
#date-and-time {
float: left;
width: 212px;
height: 22px;
padding-top: 20px;
font-size:10px;
color:#999999;
font-family:Arial, Helvetica, sans-serif;
line-height: 17px;
}
#dotw {
text-transform: capitalize;
}
#login-container {
float: left;
width: 516px;
margin: 0 0 0 5px;
}
#lock {
width:28px;
height:31px;
text-indent:-9999px;
overflow:hidden;
float:left;
margin:5px 5px 0 10px;
}
.text {
background:transparent url(../images/bg-input-text.gif) no-repeat;
width:175px;
margin:5px 6px 0 0;
float:left;
}
.home-login {
background: transparent none repeat scroll 0 0;
border: none;
text-align: center;
height: 19px;
width: 175px;
font-size: 14px;
font-weight: bold;
color: #666666;
padding: 5px 0;
}
#upper-search-right-bar {
text-align: right;
padding: 5px 0;
}
#upper-search-right-bar a {
text-decoration: underline;
}
.login-header {
text-align:right;
line-height:35px;
margin: 0 2px 0 0;
}
/********** button styles **********/
.btn-login:hover{
background-position:0px 100%;
text-decoration: none;
}
.btn-login {
background:url(../images/btn-login-2.gif);
width:92px;
height: 40px;
border: none;
}
/* Pagination Styles */
.pagination-container {
position: relative;
height: 43px;
text-align: left;
}
.pagination-boxes {
padding: 7px;
width: 295px;
position: absolute;
right: 0;
}
.left-pagination-box {
width: 65px;
height: 38px;
float: left;
}
.left-pagination-box a.left-pagination-link {
display: block;
text-indent:-99999px;
width: 24px;
height: 38px;
background: transparent url(../images/btn_cal_prev_sprite.gif) no-repeat scroll 0 0;
}
.center-pagination-box {
width: 159px;
float: left;
text-align: center;
height: 38px;
line-height: 38px;
}
.right-pagination-box {
width: 65px;
height: 38px;
float: left;
}
.right-pagination-box a.right-pagination-link {
float: right;
display: block;
text-indent:-99999px;
width: 24px;
height: 38px;
background: transparent url(../images/btn_cal_next_sprite.gif) no-repeat scroll 0 0;
}
.align-right {
text-align: right;
}
.left-pagination-box a.left-pagination-link:hover, .right-pagination-box a.right-pagination-link:hover{
background-position: 0 100%;
text-decoration: none;
}
/*********** player styles **************/
#player {
float: left;
}
a.player {
background: #ffffff url(../images/bg_video_player.png) no-repeat scroll 0 0;
color: #FFFFFF;
cursor: pointer;
display: block;
margin-left: 6px;
height: 480px;
width: 600px;
text-align: center;
text-decoration: none;
}
a.player img {
border: 0 none;
margin-top: 216px;
}
#playlist, #myplaylist-container {
background-color: #EFEFEF;
border: 1px solid #CCCCCC;
float: left;
height: 644px;
overflow-x: hidden;
overflow-y: auto;
padding: 0px;
width: 264px;
margin-left: 6px;
}
#myplaylist-container {
width: 598px;
height: 130px;
overflow-x: scroll;
overflow-y: hidden;
margin-left: 6px;
}
#myplaylist {
width: 0;
height: 112px;
}
#playlist, #myplaylist {
background-color:#FFFFFF;
color:#666666;
display:block;
font-size:9px;
text-decoration:none;
}
#playlist {
width:252px;
padding:0 6px 0px;
}
#myplaylist {
width: 0;
padding: 0;
height: 112px;
}
#myplaylist .myVidImageContainer {
border: 0 none;
height: 55px;
width: 72px;
margin: 5px auto 1px;
padding: 0;
}
#myplaylist .myVidList {
height: 112px;
width: 100px;
float: left;
position: relative;
border-right: 1px solid #CCCCCC;
}
#playlist div a {
color: #666666;
}
#playlist div img, #myplaylist div img {
border:0 none;
float:left;
margin-right:5px;
}
#myplaylist .my-vidlist-btn {
position: absolute;
left: 8px;
bottom: 3px;
width: 90px;
border: 0 none;
padding: 0;
}
.vidList {
height: 62px;
border-bottom: 1px solid #CCCCCC;
}
#playlist .vidTitle {
font-weight: bold;
border: 0 none;
padding: 4px 0 0;
text-align: center;
text-transform: capitalize;
width: 144px;
height: 22px;
float: right;
}
.addVid {
float: right;
text-align: right;
-moz-outline: none;
outline: none;
}
.vidImage {
width: 68px;
border: 2px solid #cccccc !important;
}
#playlist .vidImageContainer {
border: 0 none;
width: 72px;
padding: 0;
float: left;
margin: 5px 0 0 0;
}
#longDescContainer {
width: 294px;
height: 200px;
background-color: #EFEFEF;
border: 1px solid #CCCCCC;
}
#title {
font-weight: bold;
color: #87ADC8;
background-color: #ffffff;
text-align: center;
font-size: 18px;
height: 22px;
border:1px solid #CCCCCC;
text-transform: capitalize;
width: 400px;
margin: 7px 20px 0 0;
float: right;
}
#playlist .vidAddContainer {
width: 144px;
padding: 8px 0 0 0;
border: 0 none;
float: right;
}
#myplaylist .hiddenInfo {
display: none;
}
#myplaylist .vidTitle {
width: 94px;
padding: 0 3px;
border: 0 none;
text-transform: capitalize;
text-align: center;
}
.vidPath {
float: left;
padding-left: 5px;
}
.play_button {
background: url("../images/btn_play.png") no-repeat;
width: 53px;
height: 24px;
float: left;
}
.play_button:hover {
background-position: 0 -24px;
text-decoration: none;
}
.delete_button {
background: url("../images/btn-close.gif") no-repeat;
width: 31px;
height: 24px;
float: left;
}
.delete_button:hover {
background-position: 0 -24px;
text-decoration: none;
}
.add_to_playlist_button {
background: url("../images/btn_add_to_playlist.png") no-repeat;
width: 73px;
height: 24px;
float: left;
}
.add_to_playlist_button:hover {
background-position: 0 -24px;
text-decoration: none;
}
.clear_playlist_button {
background: url("../images/btn_clear_playlist.png") no-repeat;
float: left;
width: 73px;
height: 24px;
}
.clear_playlist_button:hover {
background-position: 0 -24px;
text-decoration: none;
}
.play_all_button {
background: url("../images/btn_play_all.png") no-repeat;
float: left;
width: 53px;
height: 24px;
}
.play_all_button:hover {
background-position: 0 -24px;
text-decoration: none;
}
#left-column {
float: left;
width: 616px;
margin: 10px 8px 0 0;
}
#right-column {
float: left;
width: 282px;
margin-top: 10px;
}
#filter {
display: block;
padding: 0 0 0 20px;
position: relative;
width: 600px;
}
#filter a:hover {
text-decoration: none;
}
#filter p {
margin: 2px 0 5px 17px;
color: #666666;
font-size: 11px;
width: 205px;
}
#filter-goal-header {
color: #8c8a8c;
font-size: 18px;
font-weight: bold;
padding-bottom: 14px;
border-bottom: 1px solid #bdcbd6;
}
#filter-goal-header span {
color: #007dc4;
}
#filter-goal-footer {
color: #8c8a8c;
font-size: 18px;
font-weight: bold;
padding: 14px 0;
border-top: 1px solid #bdcbd6;
}
#filter-goal-footer span {
color: #007dc4;
}
#video-filter {
display: block;
padding: 20px 0;
position: relative;
height: 110px;
}
.link-on {
background-position: 0 100% !important;
}
#filter-left {
float:left;
width: 280px;
padding: 10px 0;
}
#filter-right {
float:left;
width: 290px;
padding: 10px 0;
}
.filter-bullet {
margin-top: 4px;
width: 250px;
}
.filter-goal-text {
margin-left: 5px;
width: 260px;
float: left;
}
#workout-builder-link {
color: #EFCB5A;
}
#workout-builder-link:hover {
text-decoration: none;
color: #DEAA10;
}
#maps-library-link {
color: #EF144A;
}
#maps-library-link:hover {
color: #B52F0D;
text-decoration: none;
}
#weight-loss-link {
background: transparent url(../images/weight-loss-link.png) no-repeat 0 0;
float: left;
width: 250px;
height: 14px;
}
#weight-loss-link:hover {
background-position: 0 100%;
text-decoration: none;
}
#get-fit-link {
background: transparent url(../images/get-fit-link.png) no-repeat 0 0;
float: left;
width: 250px;
height: 14px;
}
#get-fit-link:hover {
background-position: 0 100%;
text-decoration: none;
}
#performance-link {
background: transparent url(../images/performance-link.png) no-repeat 0 0;
float: left;
width: 250px;
height: 14px;
}
#performance-link:hover {
background-position: 0 100%;
text-decoration: none;
}
#power-walking-link {
background: transparent url(../images/power-walking-link.png) no-repeat 0 0;
float: left;
width: 250px;
height: 14px;
}
#power-walking-link:hover {
background-position: 0 100%;
text-decoration: none;
}
#musclegroup_list {
float: left;
width: 122px;
margin: 8px 0 0 40px;
}
#equipment_list {
float: left;
margin: 8px 0 0 17px;
width: 147px;
}
#player-top {
background: url("../images/bg_player_top2.png") no-repeat;
height: 10px;
}
#player-middle {
background: url("../images/bg_player_middle2.png") repeat-y;
}
#player-bottom {
background: url("../images/bg_player_bottom2.png") no-repeat;
}
.vid-button {
margin: 10px 0 0 10px;
width: 80px;
float: left;
}
#playlist-top {
background: url("../images/bg_playlist_top.png") no-repeat;
height: 10px;
}
#playlist-middle {
background: url("../images/bg_playlist_middle.png") repeat-y;
}
#playlist-bottom {
background: url("../images/bg_playlist_bottom.png") no-repeat;
}
#left-programs-box {
width: 280px;
float: left;
padding: 10px 0 0 22px;
}
#programs-plug {
color: #8C8A8C;
margin: 20px 40px;
width: 215px;
font-weight: bold;
}
#right-programs-content {
width: 605px;
padding-top: 10px;
float:left;
}
.program-container {
float:left;
margin: 2px 0;
width: 600px;
height: 78px;
}
.program-info {
float: left;
width: 519px;
}
.level-image {
padding-top:10px;
text-align: center;
color: #FFFFFF;
font-size: 10px;
width: 81px;
height: 78px;
float: left;
}
.program-desc {
width: 240px;
height: 78px;
float: left;
}
.program-desc h3 {
text-transform: uppercase;
color: #FFFFFF;
font-size: 10px;
text-align: center;
margin: 55px 0;
}
.program-data {
width: 85px;
height: 78px;
float: left;
font-size: 9px;
padding:13px 0 0;
text-align:center;
}
.program-data span {
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
}
.library-desc {
color: #ffffff;
margin: 55px 0;
font-weight: bold;
text-align: center;
font-size: 10px;
text-transform: uppercase;
}
.library-desc-inner {
color: #000000;
}
.view-button {
width: 61px;
height: 68px;
float: left;
}
.add{
float: left;
width: 81px;
height: 78px;
background: transparent url("../images/add-btn-sprite.png") no-repeat 0 0;
}
.add:hover {
background-position: 0 100%;
text-decoration: none;
}
.blank-add {
float: left;
width: 81px;
height: 78px;
background: transparent url("../images/add-btn-sprite-blank.gif") no-repeat 0 100%;
}
.weight-loss-program {
background: transparent url("../images/panel-bg-green.png") no-repeat 0 0;
}
.weight-loss-button-view, .WL-button-view {
background: transparent url("../images/view-button-sprite.png") no-repeat 0 0;
height: 66px;
width: 88px;
margin: 6px 0px;
float: left;
}
.weight-loss-button-view:hover, .WL-button-view:hover {
background-position: 0 100%;
text-decoration: none;
}
.progress-bar-container {
position:absolute;
height: 43px;
width: 217px;
}
.program-progress-background {
position: relative;
top: 10px;
}
.min {
display:block;
height:30px;
left:19px;
margin:0;
position:relative;
top:-62px;
width:210px;
}
.max {
float:left;
height:30px;
left:19px;
position:relative;
top:-32px;
width:210px;
}
.power-walking-program {
background: transparent url("../images/panel-bg-purple.png") no-repeat 0 0;
}
.power-walking-button-view, .PW-button-view {
background: transparent url("../images/view-button-sprite.png") no-repeat 0 0;
height: 66px;
width: 88px;
margin: 6px 0px;
float: left;
}
.power-walking-button-view:hover, .PW-button-view:hover {
background-position: 0 100%;
text-decoration: none;
}
.performance-program {
background: transparent url("../images/panel-bg-orange.png") no-repeat 0 0;
}
.performance-button-view, .PF-button-view {
background: transparent url("../images/view-button-sprite.png") no-repeat 0 0;
height: 66px;
width: 88px;
margin: 6px 0px;
float: left;
}
.performance-button-view:hover, .PF-button-view:hover {
background-position: 0 100%;
text-decoration: none;
}
.get-fit-program {
background: transparent url("../images/panel-bg-blue.png") no-repeat 0 0;
}
.get-fit-button-view, .WN-button-view {
background: transparent url("../images/view-button-sprite.png") no-repeat 0 0;
height: 66px;
width: 88px;
margin: 6px 0px;
float: left;
}
.get-fit-button-view:hover, .WN-button-view:hover {
background-position: 0 100%;
text-decoration: none;
}
/******* Workout Schedule *******/
#workouts-queue-header {
width: 910px;
height: 92px;
clear: both;
}
.workouts-queue-header-map-library {
line-height: 35px;
margin: 10px 36px 0 0;
color: #ffffff;
font-size: 15px;
text-align: right;
}
.workouts-queue-header-map-library a {
background:url(../images/pointright.png) no-repeat right 2px ;
padding: 0 15px 0 0;
}
.workouts-queue-header-map-library a {
color: #ffffff;
}
#content div.queue-header-weight-loss {
background:url(../images/header_green_schedule.gif) no-repeat 0 0  #D3D1D2;
}
#content div.queue-header-performance {
background:url(../images/header_orange_schedule.gif) no-repeat 0 0 #D3D1D2;
}
#content div.queue-header-power-walking {
background:url(../images/header_purple_schedule.gif) no-repeat 0 0 #D3D1D2;
}
#content div.queue-header-get-fit {
background:url(../images/header_blue_schedule.gif) no-repeat 0 0 #D3D1D2;
}
#content div.queue-header-map-library {
background:url(../images/header_greyblue_schedule.png) no-repeat 0 0 #D3D1D2;
}
#workouts-header {
background:transparent url(../images/workout-programs_header.gif) no-repeat 0 0;
height: 106px;
width: 910px;
display: inline-block;
position: relative;
}
#workouts-queue-header-level {
width: 65px;
height: 59px;
margin: 16px 15px 16px 10px;
float: left;
}
#workouts-queue-header-program {
float: left;
}
#workouts-queue-header-browse {
float: right;
line-height: 92px;
margin: 0 6px 0 0;
}
#header-quick-level-adjust {
color: #fff;
font-weight: bold;
font-size: 14px;
text-align: center;
width: 338px;
height: 75px;
float: left;
margin: 15px 0 0 0;
}
#quick-level-adjust-minus {
float: left;
width: 57px;
height: 60px;
margin: 9px 0 0 0;
}
#quick-level-adjust-minus div {
margin: -6px 0 0 0;
}
#quick-level-adjust-minus a {
display: block;
clear: both;
width: 57px;
height: 51px;
margin: 0;
}
#quick-level-adjust-minus a.adjust-minus-weight-loss {
background:transparent url(../images/minus_btn_green_sprite.png) no-repeat 0 0;
}
#quick-level-adjust-minus a.adjust-minus-performance {
background:transparent url(../images/minus_btn_orange_sprite.png) no-repeat 0 0;
}
#quick-level-adjust-minus a.adjust-minus-power-walking {
background:transparent url(../images/minus_btn_purple_sprite.png) no-repeat 0 0;
}
#quick-level-adjust-minus a.adjust-minus-get-fit {
background:transparent url(../images/minus_btn_blue_sprite.png) no-repeat 0 0;
}
#quick-level-adjust-minus a.adjust-minus-map-library {
background:transparent url(../images/minus_btn_grey_sprite.png) no-repeat 0 0;
}
#quick-level-adjust-minus a:hover {
background-position: 0 100%;
text-decoration: none;
}
#quick-level-adjust-bar {
margin: 0;
width: 212px;
height: 70px;
float: left;
}
#quick-level-adjust-bar .min-schedule {
margin: 2px 0 0 0;
padding: 1px 0 0;
}
#quick-level-adjust-plus {
float: left;
width: 57px;
height: 60px;
margin: 9px 0 0 7px;
}
#quick-level-adjust-plus div {
margin: -6px 0 0 0;
}
#quick-level-adjust-plus a {
display: block;
clear: both;
width: 57px;
height: 51px;
margin: 0;
}
#quick-level-adjust-plus a.adjust-plus-weight-loss {
background:transparent url(../images/plus_btn_green_sprite.png) no-repeat 0 0;
}
#quick-level-adjust-plus a.adjust-plus-performance {
background:transparent url(../images/plus_btn_orange_sprite.png) no-repeat 0 0;
}
#quick-level-adjust-plus a.adjust-plus-get-fit {
background:transparent url(../images/plus_btn_blue_sprite.png) no-repeat 0 0;
}
#quick-level-adjust-plus a.adjust-plus-power-walking {
background:transparent url(../images/plus_btn_purple_sprite.png) no-repeat 0 0;
}
#quick-level-adjust-plus a.adjust-plus-map-library {
background:transparent url(../images/plus_btn_grey_sprite.png) no-repeat 0 0;
}
#quick-level-adjust-plus a:hover {
background-position: 0 100%;
text-decoration: none;
}
.workout-number {
color: #666;
text-align: center;
width: 81px;
height: 78px;
float: left;
margin: 8px 0 0 8px;
}
.workout-number .workout-text {
font-size: 11px;
font-weight: bold;
}
.workout-number .large-number {
margin: 0;
font-size: 55px;
line-height: .8;
}
.workout-name {
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
}
.workout-number-library {
color: #ffffff;
text-align: center;
font-weight: bold;
width: 81px;
height: 78px;
float: left;
margin: 5px 0 0 5px;
}
.workout-number-library .workout-text {
font-size: 11px;
color: #000000;
}
.workout-number-library .large-number {
margin: 0;
font-size: 49px;
line-height: .8;
position: relative;
color: #000000;
}
.workout-number-library .large-number .super {
font-size: 25px;
position: relative;
top: -16px;
}
.workout-number-library-modal {
color: #666666;
width: 35px;
}
.workout-number-library-race {
width: 85px;
margin: 10px 0 0 0;
}
.workout-name-text-PF {
color: #f59a13;
}
.workout-name-text-PW {
color: #78486a;
}
.workout-name-text-WL {
color: #909E0A;
}
.workout-name-text-WN {
color: #0082aa;
}
.workout-name-text-5K, .workout-name-text-3K, .workout-name-text-1K, .workout-name-text-HM, .workout-name-text-MA {
color: #85ABC6;
}
.workout-level-small {
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
}
.min-schedule {
display:block;
height:42px;
margin:5px 0 0 15px;
width:219px;
padding:1px 0 0 19px;
}
.performance-image {
background: transparent url(../images/orange-progress-background.png) no-repeat 0 0;
}
.power-walking-image {
background: transparent url(../images/purple-progress-background.png) no-repeat 0 0;
}
.weight-loss-image {
background: transparent url(../images/green-progress-background.png) no-repeat 0 0;
}
.get-fit-image {
background: transparent url(../images/blue-progress-background.png) no-repeat 0 0;
}
.map-library-image {
background: transparent url(../images/google-progress-background.png) no-repeat 0 0;
}
.program-data-schedule {
width: 130px;
float: left;
margin:10px 0 0 15px;
line-height: 13px;
}
.profile-image-schedule {
margin: 9px 0 0 14px;
}
.buttons {
width: 85px;
height: 100px;
float: left;
}
.race-buttons {
width: 117px;
height: 106px;
float:left;
padding: 15px 0 0 0;
}
.move-button-wide {
height: 106px;
width: 29px;
float: right;
}
.move-button {
height: 78px;
width: 29px;
float: right;
}
.google-move-button {
height: 78px;
width: 29px;
float: right;
margin-top:-12px;
}
.repeat-button {
width: 84px;
height: 25px;
float: right;
right: 38px;
}
.favorite-button {
width: 84px;
height: 25px;
float: right;
right: 38px;
}
.view-button-schedule {
width: 84px;
height: 25px;
float: right;
right: 38px;
}
.move-button-view {
background: transparent url("../images/move_sprite.png") no-repeat 0 0;
height: 78px;
width: 21px;
float: right;
margin: 2px 2px 0 0;
}
.move-button-view-wide {
background: transparent url("../images/move_sprite_wide.png") no-repeat 0 0;
height: 106px;
width: 29px;
float: right;
}
.move-button-view:hover {
background-position: 0 100%;
text-decoration: none;
cursor: move;
}
.move-button-view-wide:hover {
background-position: 0 100%;
text-decoration: none;
cursor: move;
}
.left-programs-box-schedule-p-text {
margin: 10px 10px 10px 0;
}
.left-programs-box-schedule-p {
font-weight: bold;
margin: 0px 3px 5px 0px;
}
.left-programs-box-schedule-h2 {
margin: 5px 0 0 0;
font-weight: bold;
}
.left-programs-box-schedule-h2-large {
margin: 5px 0 0 0;
font-weight: bold;
font-size: 15px;
}
#workouts-queue-history {
width: 910px;
height: 100px;
border: 0;
background: transparent url("../images/my-workout-sched_header.gif") no-repeat 0 0;
position: relative;
}
#workouts-queue-history-content {
width: 910px;
background: #D3D1D2;
border: 0;
float:left;
min-height: 170px;
position: relative;
clear: both;
margin: 0;
}
#left-programs-box-history {
width: 300px;
float: left;
}
#left-programs-box-history span {
position: absolute;
bottom: 0px;
left: 0px;
width: 173px;
text-align: center;
}
#right-programs-history {
width: 605px;
float: right;
padding: 16px 3px 0 0;
}
#right-programs-history-right {
float: right;
margin: 0 20px 0 0;
padding: 5px 0 0 0;
text-align: right;
}
#right-programs-history-left {
font-size: 18px;
color: #666;
}
#user-machines {
width: 910px;
height: 15px;
margin-right: 9px;
background: #5f5f5f;
color: #878787;
position: absolute;
top: 85px;
font-size: 11px;
font-weight: bold;
}
#user-machines span {
text-transform: uppercase;
padding-left: 20px;
}
#user-machines a {
text-decoration: none;
color: #878787;
}
#user-machines a:hover {
color: #b4b4b4;
}
#user-machines a.active {
color: #b4b4b4;
}
.programs-browse-button-view {
height: 51px;
width: 188px;
float: left;
text-decoration: none;
margin: 24px 0 0 0;
}
.weight-loss-button-view-schedule {
background: transparent url("../images/browse_programs_green.png") no-repeat 0 0;
}
.weight-loss-button-view-schedule:hover {
background-position: 0 100%;
text-decoration: none;
}
.performance-button-view-schedule {
background: transparent url("../images/browse_programs_orange.png") no-repeat 0 0;
}
.performance-button-view-schedule:hover {
background-position: 0 100%;
text-decoration: none;
}
.power-walking-button-view-schedule {
background: transparent url("../images/browse_programs_purple.png") no-repeat 0 0;
}
.power-walking-button-view-schedule:hover {
background-position: 0 100%;
text-decoration: none;
}
.get-fit-button-view-schedule {
background: transparent url("../images/browse_programs_blue.png") no-repeat 0 0;
}
.get-fit-button-view-schedule:hover {
background-position: 0 100%;
text-decoration: none;
}
.repeat-button-view {
background: transparent url("../images/repeat_sprite.png") no-repeat 0 0;
height: 18px;
width: 84px;
float: left;
text-decoration: none;
}
.repeat-button-view:hover {
background-position: 0 100%;
text-decoration: none;
}
.favorites-button {
background: transparent url("../images/favorite_sprite.png") no-repeat 0 0;
height: 18px;
width: 84px;
float: left;
text-decoration: none;
}
.favorites-button:hover {
background-position: 0 100%;
text-decoration: none;
}
.button-view-schedule {
background: transparent url("../images/view-sprite.png") no-repeat 0 0;
height: 18px;
width: 84px;
float: left;
text-decoration: none;
}
.button-view-schedule:hover {
background-position: 0 100%;
text-decoration: none;
}
.workout-library-image {
width: 162px;
height: 106px;
float:left;
}
#inner-content-nav {
list-style-type: none;
margin: 0;
padding: 10px 0 10px 20px;
}
#inner-content-nav li {
display: inline;
padding-right: 10px;
font-weight: bold;
color: #8c8a8c;
}
#inner-content-nav a {
color: #8c8a8c;
}
#inner-content-nav a.active {
color: #007dc4;
}
.google-library-desc {
width: 169px;
color: #85ABC6;
margin: 8px 0 0 8px;
}
.google-library-desc span.title {
font-size: 13px;
font-weight: bold;
}
.google-library-desc img {
margin: 9px 0 0 0;
}
.google-library-data {
margin: 7px 0 0 15px;
font-size: 12px;
float: left;
width: 130px;
}
.google-library-data span {
font-size: 12px;
font-weight: bold;
color: #87ACC8;
}
.google-library-data div {
margin: 5px 0 0 0;
font-weight: bold;
width: 130px;
font-size: 12px;
}
.google-library-data div span {
font-size: 12px;
color: #87ACC8;
}
.program-desc .program-message {
color: #666666;
text-align: center;
font-weight: bold;
font-size: 14px;
width: 210px;
margin: 0 0 0 27px;
}
.remove-workout-queue-item {
float: right;
width: 84px;
height: 25px;
padding-top: 6px;
right: 38px;
}
.remove-workout-button {
float: left;
height: 18px;
width: 84px;
background: url("../images/delete_sprite.png") no-repeat scroll 0 0 transparent;
}
.remove-workout-button:hover {
background-position: 0 100%;
text-decoration: none;
}
.profile-coming-soon {
float: left;
height: 106px;
width: 238px;
margin-left: 10px;
}
.weight-loss-profile-key-schedule {
background: transparent url(../images/profile-key-weight-loss.png) no-repeat 0 0;
float: left;
height: 106px;
width: 238px;
margin-left: 10px;
}
.power-walking-profile-key-schedule {
background: transparent url(../images/profile-key-walking.png) no-repeat 0 0;
float: left;
height: 106px;
width: 238px;
margin-left: 10px;
}
.performance-profile-key-schedule {
background: transparent url(../images/profile-key-performance.png) no-repeat 0 0;
float: left;
height: 106px;
width: 238px;
margin-left: 10px;
}
.get-fit-profile-key-schedule {
background: transparent url(../images/profile-key-get-fit.png) no-repeat 0 0;
float: left;
height: 106px;
width: 238px;
margin-left: 10px;
}
.map-library-profile-key-schedule {
background: transparent url(../images/profile-key-get-fit.png) no-repeat 0 0;
float: left;
height: 106px;
width: 238px;
margin-left: 10px;
}
#training-header-workoutgoal {
margin: 0;
height: 65px;
width: auto;
color: #000000;
}
#training-header-workoutgoal .large-number {
width: 50px;
margin: 11px 0 0 0;
text-align: right;
font-size: 26px;
line-height: .8;
font-weight: bold;
}
#training-header-workoutgoal .super {
font-size: 15px;
position: relative;
top: -9px;
margin: 0;
}
.left-column {
text-align: right;
width: 25px;
}
/*** HISTORY ***/
#workouts-queue-history-all-history {
width: 910px;
height: 100px;
border: 0;
background: transparent url("../images/workoutHistory_greyHeader.gif") no-repeat 0 0;
position: relative;
}
#workouts-queue-history-content-all-history {
width: 910px;
background: #fff;
border: 0;
float:left;
min-height: 170px;
position: relative;
}
.program-data-history {
float: left;
line-height: 11px;
margin: 10px 0 0;
width: 130px;
}
.program-data-history span {
color: #87ACC8;
font-weight: bold;
}
.history-data-table {
float: left;
}
/*** FAVORITES ***/
#workout-queue-favorites {
background: transparent url("../images/favoriteWorkout_greyHeader.gif") no-repeat 0 0;
width: 910px;
height: 100px;
border: 0;
position: relative;
}
.remove-favorite-queue-item {
margin: 0px;
}
.repeat-btn-favorites {
margin-top: 32px;
}
/******* Program Levels *******/
.program-level-1 {
background:url(../images/level1.png) no-repeat 0 0;
}
.program-level-2 {
background:url(../images/level2.png) no-repeat 0 0;
}
.program-level-3 {
background:url(../images/level3.png) no-repeat 0 0;
}
.program-level-4 {
background:url(../images/level4.png) no-repeat 0 0;
}
.program-level-5 {
background:url(../images/level5.png) no-repeat 0 0;
}
.program-level-6 {
background:url(../images/level6.png) no-repeat 0 0;
}
.program-level-7 {
background:url(../images/level7.png) no-repeat 0 0;
}
.program-level-8 {
background:url(../images/level8.png) no-repeat 0 0;
}
.program-level-9 {
background:url(../images/level9.png) no-repeat 0 0;
}
.program-level-10 {
background:url(../images/level10.png) no-repeat 0 0;
}
.program-level-11 {
background:url(../images/level11.png) no-repeat 0 0;
}
.program-level-12 {
background:url(../images/level12.png) no-repeat 0 0;
}
.program-level-13 {
background:url(../images/level13.png) no-repeat 0 0;
}
.program-level-14 {
background:url(../images/level14.png) no-repeat 0 0;
}
.program-level-15 {
background:url(../images/level15.png) no-repeat 0 0;
}
.program-type-performance {
background:url(../images/performance-text.png) no-repeat 0 0;
height: 45px;
margin: 23px 0 0 0;
width: 250px;
}
.program-type-get-fit {
background:url(../images/getfit-text.png) no-repeat 0 0;
height: 45px;
margin: 23px 0 0 0;
width: 250px;
}
.program-type-power-walking {
background:url(../images/powerwalking-text.png) no-repeat 0 0;
height: 45px;
margin: 23px 0 0 0;
width: 250px;
}
.program-type-weight-loss {
background:url(../images/weightloss-text.png) no-repeat 0 0;
height: 45px;
margin: 23px 0 0 0;
width: 250px;
}
.program-type-map-library {
background:url(../images/training-text.png) no-repeat 13px center;
height: 65px;
margin: 15px 0 0 0;
width: 250px;
}
#event-header {
width: 910px;
height: 92px;
border: 0;
background: transparent url("../images/compete_header.gif") no-repeat 0 0;
position: relative;
}
/*************Map Library***********/
.google-library-desc-library {
color:#85ABC6;
padding:5px 0 0 5px;
width:180px;
margin: 6px;
}
.google-library-desc-library span.title {
font-size: 13px;
font-weight: bold;
}
.google-library-data-library {
float:left;
font-size:12px;
margin:17px 0 0;
width:120px;
}
.google-library-data-library span {
font-size: 12px;
font-weight: bold;
color: #87ACC8;
}
#library-title-buttons {
position: absolute;
right: 50px;
top: 15px;
width: 335px;
height: 54px;
}
#library-title-button-map {
float: left;
width: 160px;
height: 54px;
background: transparent url(../images/btn-map.png) no-repeat 0 -54px;
text-indent: -99999px;
}
#library-title-button-draw:hover {
background-position: 0 -54px;
}
#library-title-button-map a {
width: 160px;
height: 54px;
display: block;
}
#library-title-button-draw {
float: left;
width: 159px;
height: 54px;
margin-left: 10px;
background: transparent url(../images/btn-draw.png) no-repeat 0 0;
text-indent: -99999px;
}
#library-title-button-draw a {
width: 159px;
height: 54px;
display: block;
}
.library-view-btn {
width: 61px;
height: 68px;
}
.tall-add {
background:url("../images/tall-add-btn.png") no-repeat scroll 0 0 transparent;
float:left;
height:106px;
margin-top:10px;
width:81px;
}
.tall-add:hover {
background-position: 0 100%;
text-decoration: none;
}
.library-title {
height: 60px;
}
.button-view-library {
height: 18px;
width: 115px;
float: left;
margin: 1px 0 0 -6px;
background: transparent url(../images/view-btn-google.png) no-repeat;
}
.button-view-races {
height: 18px;
width: 115px;
float: left;
margin: 1px 0 0 -6px;
background: transparent url(../images/view-btn-races.png) no-repeat;
}
.button-view-training {
height: 18px;
width: 115px;
float: left;
margin: 1px 0 0 -6px;
background: transparent url(../images/view-btn-training.png) no-repeat;
}
.button-view-library:hover, .button-view-races:hover, .button-view-training:hover {
text-decoration: none;
background-position: 0 100%;
}
.map-library-program {
background: transparent url("../images/panel-map-library.png") no-repeat 0 0;
}
.library-add-button {
float:right;
height:78px;
width:81px;
}
.library-max {
float:left;
height:30px;
left:19px;
position:relative;
top: 10px;
width:210px;
}
.library-min {
display:block;
height:30px;
left:19px;
margin:0;
position:relative;
top:-20px;
width:210px;
}
.library-h3 {
margin-top:45px !important;
}
.library-info {
float:left;
height:63px;
padding:5px 3px 0;
width:513px;
}
.map-library-button-view {
background: transparent url("../images/view-button-sprite.png") no-repeat 0 0;
height: 66px;
width: 88px;
margin: 6px 0px;
float: left;
}
.map-library-button-view:hover {
background-position: 0 100%;
text-decoration: none;
}
.ragnar-r {
background: transparent url("../images/big-ragnar.png") no-repeat 16px 0;
height: 40px;
}
.ragnar-little-r {
height: 30px;
margin: -8px 0 0 2px;
}