@-ms-viewport{
	width:640px;
	min-width:640px;
}
/* Page Elements */
body, html { 
font-family: 'Helvetica';
width:100%;

 } 

body,ul,li {
	padding:0;
	margin:0;
	border:0;
}

ul, li { list-style-type: none; } 

body {
	font-size:.8em;
	
	font-family:helvetica;
	background: url(../images/bg.png) repeat; 
}

body.dim { 

	max-height: 940px; 
	overflow: hidden; 
	scroll: none;

}

body.no-footer { max-height: 0; min-height: 960px; padding: 85px 0 0 }

input { border: none; outline: none; } 

#loadme { padding-bottom: 100px; } 

.wrapper { width: 100%;} 
.wrapper#home, .wrapper#coach-home { padding-bottom: 100px; padding-top: 88px; } 
#register .wrapper { padding-bottom: 100px;  }

.desktop select{
	-webkit-appearance: none;
}

/* Fonts */
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/HelveticaMd/helveticaneueltpro-md.eot');
    src: url('../fonts/HelveticaMd/helveticaneueltpro-md.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaMd/helveticaneueltpro-md.woff') format('woff'),
         url('../fonts/HelveticaMd/helveticaneueltpro-md.ttf') format('truetype'),
         url('../fonts/HelveticaMd/helveticaneueltpro-md.svg#helveticaneueltpro-md') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaBd';
    src: url('../fonts/HelveticaBd/helveticaneueltpro-bd.eot');
    src: url('../fonts/HelveticaBd/helveticaneueltpro-bd.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaBd/helveticaneueltpro-bd.woff') format('woff'),
         url('../fonts/HelveticaBd/helveticaneueltpro-bd.ttf') format('truetype'),
         url('../fonts/HelveticaBd/helveticaneueltpro-bd.svg#helveticaneueltpro-bd') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaBdCn';
    src: url('../fonts/HelveticaBd/helveticaneueltpro-bdcn.eot');
    src: url('../fonts/HelveticaBd/helveticaneueltpro-bd.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

div { cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); }

/* App Elements */
#top-bar { position:fixed; z-index:31; top:0; left:0; height: 88px; width: 100%; padding: 0; background: url(../images/topbar-bg.png) repeat-x;  }  
a#back-button { width: 60px; height: 51px; display: block; background: url(../images/buttons/back-button.png) no-repeat; margin: 20px 0 0 30px; cursor: pointer; position: absolute; z-index: 10; text-decoration: none; font-size: 0px;  } 
a#edit-button { width: 60px; height: 51px; display: block; background: url(../images/buttons/edit-button.png) no-repeat; margin: 20px 30px 0 0; cursor: pointer; float: right; text-decoration: none; right: 0; font-size: 0px; position: absolute; z-index: 99999999;  } 
a#message-button { width: 60px; height: 51px; display: block; background: url(../images/buttons/message-button.png) no-repeat; margin: 20px 30px 0 0; cursor: pointer; float: right; text-decoration: none; right: 0; font-size: 0px; position: absolute; z-index: 10;  } 
#top-bar h1 { height: 88px; font: 38px 'HelveticaBd', sans-serif; position: absolute; width: 100%; float: left; text-align: center; color: #fff; text-shadow: 0px -2px 0px rgba(0, 0, 0, 0.4); } 

#top-bar h1{
	height:44px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-button { width: 580px; height: 89px; background: url(../images/buttons/submit-button.png) no-repeat; float: left; font: 45px 'Helvetica', sans-serif; color: #ffdd00; text-shadow: 0px -2px 0px rgba(0, 0, 0, 0.4); } 

/* Lightbox */
.shadow { display: none; height: 1200px; margin: -45px 0 0; width: 100%; /* proper res */ position: fixed; z-index: 999; background: url(../images/shadow.png) repeat-x; }
.lightbox-wrapper { width: 100%; position: fixed; z-index: 9999; float: left; } 
.lightbox {  display: none; width: 580px; height: auto; margin: 245px auto; } 
.lightbox-outer { width: 100%; height: auto; float: left; background: url(../images/lightbox-outer.png) repeat; border-radius: 5px; -webkit-box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.35); } 
.lightbox-inner { width: 570px; height: auto; float: left; margin: 5px; background: url(../images/bg-trans.png) repeat; border-radius: 5px;  }
.lightbox p, .lightbox-inner > div {margin: 50px auto 0; text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); color: #fff; text-align: center; }
.lightbox p{width:550px;font: bold 24px 'HelveticaBdCn', sans-serif;}
.lightbox-inner > div {margin-top:20px;}
.lightbox-inner > div h1{color:#fff;font-size:23px;}
.dismiss-box { width: 32px; height: 33px; background: url(../images/buttons/dismiss-small.png) no-repeat; position: absolute; margin: 13px 0 0 535px; }
.okay-box, .okay-box .highlight-box { width: 216px; height:63px; color: #363636; font: bold 24px/63px 'HelveticaBdCn', sans-serif; text-shadow: 1px 1px 1px #ffffff; text-align: center; background: url(../images/buttons/okay-box.png) no-repeat; margin: 25px auto; } 
.okay-box .highlight-box { float: left; margin: 0; position: absolute; background: url(../images/buttons/okay-box-yellow.png) no-repeat; display: none; } 

.lightbox.image { margin-top: 20px; width: 620px; } 
.lightbox.image .lightbox-inner { width: 610px; } 
.lightbox.image .dismiss-box {  margin: 13px 0 0 573px; } 
.lightbox.image img { margin: 10px auto; display: block; max-width: 590px; } 

.lightbox.confirm .okay-box { margin: 25px 5px; float: none; display: inline-block; }
.lightbox.confirm .options-wrapper { text-align: center; width: auto; }  

/* Play Button */
a.play-button { width: 64px; height: 59px; background: url(../images/buttons/play.png) no-repeat; display: block; }

/* hover state 
a.play-button:hover { background: url(../images/buttons/play-hover.png) no-repeat; } 
*/

/* Favorite Button */
a.fave-button { width: 64px; height: 61px; background: url(../images/buttons/favorite.png) no-repeat; display: block; }
a.fave-button.selected { background: url(../images/buttons/favorite-hover.png) no-repeat; } 

/* Notes */
/* Notes */
.lightbox textarea{
	border: 1px solid #000000;
    border-radius: 6px;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.5) inset;
    font-family: 'Helvetica';
    font-size: 22px;
    height: 125px;
    padding: 10px;
    width: 80%;
}

#note-section { height: auto; width: 100%; float: left; background: url(../images/white-bg.png) repeat; float: left; padding-bottom: 30px;} 
.note { width: 582px; height: auto;margin: 20px auto 20px; }
.note-top, .note-bottom { width: 100%; float: left;} 
.note-top { height: 18px; background: url(../images/buttons/note-top.png) no-repeat; } 
.note-bottom { height: 29px; background: url(../images/buttons/note-bottom.png) no-repeat; } 
.note p { display: block; background: url(../images/buttons/note-middle.png) repeat-y; margin: 0; width: 486px;  float: left; padding: 10px 80px 10px 15px;  height: auto; font: 28px 'HelveticaBd', sans-serif; color: #fff; text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);  }
.dismiss { float: right; margin: 10px 50px;  } 
.dismiss a{ width: 39px; margin-top: 20px; height: 40px; background: url(../images/buttons/dismiss-note.png) no-repeat; display: block; position: absolute;  }
.heading .note-count { position: absolute; float: left; margin: -45px 0 0 190px; height: 38px; display: block; width: 35px; background: url(../images/messages.png) no-repeat; text-transform: none; color: #363636; font: 18px/38px 'HelveticaBdCn', sans-serif; padding: 0;  text-align: center; padding-right: 12px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); } 
.heading .note-count { position: absolute; float: left; margin: -45px 0 0 180px; height: 38px; display: block; width: 35px; background: url(../images/messages.png) no-repeat; text-transform: none; color: #fff; font: 18px/40px 'HelveticaBdCn', sans-serif; padding: 0;  text-align: center; padding-right: 13px; } 
.note-title { float: left; width: 355px; font: 22px 'HelveticaBd', sans-serif; color: #5f5f5f; margin: 30px 40px 0 40px; } 

#footer .note-count { position: absolute; margin: -15px 0 0 17.5%; height: 38px; display: block; width: 35px; background: url(../images/messages.png) no-repeat; text-transform: none; color: #363636; font: 18px/38px 'HelveticaBdCn', sans-serif; padding: 0;  text-align: center; padding-right: 12px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); color: #fff; display: none; } 

/* Section Heading */
div.heading { height: 58px; width: 100%; background: url(../images/darkheader-bg.png) repeat-x; float: left; } 
div.heading h2 { font: 30px 'HelveticaBd', sans-serif; margin: 20px 0 0 40px; text-transform: uppercase; color: #ffdd00; }

/* Messages */
div.heading h2.messages { margin-left: 10px; width: auto; padding-left: 30px; background: url(../images/header-arrow-white.png) left 5px no-repeat; } 
div.heading h2.messages.active { background:  url(../images/header-arrow-down-white.png) left 3px no-repeat; } 

/* Level Heading */
div.level { width: 100%; height: 58px; background: url(../images/level-bg.png) repeat-x; float: left; } 
div.level h2 { font: 25px 'Helvetica', sans-serif; color: #353535; margin: 17px 0 0 40px; }
div.level h2 span { font-family: 'HelveticaBd', sans-serif; }

/* Grey Subheader */
.grey-subheader { background: url(../images/grey-subheader-bg.png) repeat-x; height: 42px; width: 100%; float: left; } 
.grey-subheader h2 { font: 20px 'HelveticaBd', sans-serif; height: 42px; color: #353535; text-transform: uppercase; margin-left: 40px; } 

	/* Trends Subheader */ s
	.grey-subheader ul { width: 100%; float: left; } 
	.grey-subheader ul li { font: 20px 'HelveticaBd', sans-serif; height: 42px; color: #353535; float: left; width: 150px; padding: 15px 0 0; }
	.grey-subheader ul li.col-1 { width: 340px; text-transform: uppercase; margin-left: 40px; height: 42px; float: left; }
	.grey-subheader ul li.col-2 { width: 130px; float: left; }
	.grey-subheader ul li.col-3 { float: right; width: 100px; } 
	
/* Progress Section */
div.progress { height: 194px; width: 100%; float: left; background: url(../images/white-bg.png) repeat; } 
div.progress span.title { font: 25px 'HelveticaBd', sans-serif; color: #353535; margin-top: 30px; float: left; }
div.progress a.play-button { float: right; margin: 10px 10px 10px 0; } 
div.progress div.progress-wrapper { width: 592px; margin: 30px auto 0; }

#progress-bar { height: 20px; width: 580px; float: left; background: 
 url(../images/progress-bar.png) no-repeat; } 
#progress-bar .meter { height: 12px; float: left; border-radius: 20px 0 0 20px; background: url(../images/progress-bar-meter.png) repeat-x; position: absolute; margin: 4px 0 0 5px; }  
#progress-bar .handle { min-width: 18px; min-height: 17px; background: url(../images/progress-bar-handle.png) no-repeat; float: left; margin: 1px 0 0; position: absolute; display: block; }
#progress-bar ul.labels { width: 580px; float: left; display: inline; margin: 25px 0 0 10px; } 
#progress-bar ul.labels li { width: 180px; float: left; list-style-type: none; font: 20px 'Helvetica', sans-serif; color: #5f5f5f; text-align: left; margin-right: 5px; } 

/* Track */
#track .stats span { font: bold 50px 'HelveticaBdCn', sans-serif; color: #353535; width: auto; padding-right: 45px; }  
#track label { font: 20px 'Helvetica', sans-serif; color: #5f5f5f; text-transform: uppercase; width: 160px; display: block; border-bottom: 2px solid #5f5f5f; }
#track .up-arrow { background: url(../images/green-arrow.png) no-repeat right; } 
#track .down-arrow { background: url(../images/red-arrow.png) no-repeat right; } 
#track .number { float: left; width: 180px; margin-left: 40px; margin-top: 20px; }
#track a.play-button { float: right; margin: 30px 40px; } 

/* Track Submenu */
#track-menu { display: none; width: 100%; height: 106px; background: url(../images/sub-menu-bg.png) repeat-x; position: fixed; bottom: 100px; left: 0; z-index: 50; }  
#track-menu a { margin-top: 25px; width: 284px; height: 56px; display: block; } 
#track-menu .pchart-button { background: url(../images/buttons/pChart.png) no-repeat; float: right; margin-right: 30px; }
#track-menu .mchart-button { background: url(../images/buttons/mChart.png) no-repeat; float: left; margin-left: 30px; } 

/* Switches */
.basic-switch { width: 143px; height: 51px; background: url(../images/switches/basic-bg.png) no-repeat; display: block; float: left; }
.basic-switch .handle { width: 46px; height: 46px; display: block; background: url(../images/switches/basic-handle.png) no-repeat; position: absolute; margin: 3px 0; }
.basic-switch .handle.default { margin-left: 50px; }  
.basic-switch label { font: bold 35px 'HelveticaBdCn', sans-serif; color: #ffdd00; text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); margin-top: 5px; float: left; } 
.basic-switch div.left-area { z-index: 1; position: absolute; width: 70px; height: 51px; } 
.basic-switch div.right-area { position: absolute; width: 70px; height: 51px;margin-left: 70px; z-index: 1; } 
.basic-switch label.left { float: left; margin-left: 17px; } 
.basic-switch label.right { float: right; margin-right: 17px; } 
.basic-switch .handle.green { background: url(../images/switches/green-handle.png) no-repeat; display: none; }
.basic-switch .handle.red { background: url(../images/switches/red-handle.png) no-repeat; display: none; }

/* Edit Chart */
#edit-chart { width: 100%; float: left; background: url(../images/white-bg.png) repeat; } 
#edit-chart .entry { padding: 15px 0 10px; float: left; width: 100%; height: auto; min-height: 80px; border-bottom: 1px solid #969696; }
#edit-chart .entry .name { max-width: 350px; padding-right: 0px; float: left; margin-left: 20px; white-space:nowrap;  }
#edit-chart .name span { width: 100%; float: left; margin-top: 25px; overflow:hidden; text-overflow:ellipsis;  } 
#edit-chart .name .title { font: 24px 'HelveticaBd', sans-serif; color: #353535; } 
#edit-chart .entry .delete-area { height: 70px; width: 100px; position: absolute; z-index: 30; margin: 8px 0; } 
#edit-chart .entry .delete-button { margin-left: 20px; float: left; width: 80px; height: 31px; line-height:35px; font-size:25px; background: url(../images/buttons/delete-button.png) right top no-repeat; margin-top: 20px;  }
#edit-chart .type { margin-top: 35px; width: 155px; float: left; text-align: center; font: 18px 'HelveticaBd', sans-serif; color: #353535; } 
#edit-chart .type { margin-top: 35px; width: 155px; float: left; text-align: center; font: 18px 'HelveticaBd', sans-serif; color: #353535; } 
#edit-chart .edit-arrow { float: right; margin-right: 10px; width: 85px; line-height:39px; font-size:25px; height: 39px; background: url(../images/icon-arrow.png) right top no-repeat; margin: 20px 30px 0 0;  } 

#mchart.edit { height: 100%; float: left; } 
.edit .grey-subheader ul li.col-1 { width: 240px; }
.edit .grey-subheader ul li.col-2 { margin-left: 70px; width: 155px; text-align: center; }
.edit .grey-subheader ul li.col-3 { width: 70px; }

#add-button { margin: 20px 30px 0 0; cursor: pointer; float: right; text-decoration: none; right: 0; font-size: 0px; position: absolute; z-index: 10;  display: block; float: right; width: 60px; height: 51px; background: url(../images/buttons/add-button.png) no-repeat; margin: } 

/* Charts */
#mchart, #mchart-edit { margin-top: 88px; float: left; width: 100%; padding-bottom: 120px; height: 100%; background: url(../images/white-bg.png) repeat; }
#mchart .inner-wrapper, #mchart-edit .inner-wrapper, .past-tests .inner-wrapper, .test-results .inner-wrapper { width: 580px; margin: 0 auto; float: none; }
.past-tests .inner-wrapper, .test-results .inner-wrapper {margin-top:100px !important;}
#mchart .chart { width: 381px; height: 61px; background: url(../images/chart-base.png) no-repeat; float: left; margin: 30px 0 30px; }
#mchart .date { height: 61px; width: 250px; text-align: center; float: left; margin: 0 0 0 5px; }
#mchart .date #current-date { text-align: center; width: 220px; border: none; background: none;  color: #ffdd00; text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); font: 28px/72px 'HelveticaBd', sans-serif; } 
#mchart .calendar, #mchart .trends { width: 64px; height: 61px; background: url(../images/buttons/calendar.png) no-repeat; display: block; float: left;  } 
#mchart .calendar { margin: 30px 35px 0 0; } 
#mchart .calendar.active { background: url(../images/buttons/calendar-yellow.png) no-repeat; } 
#mchart .trends { margin: 30px 0 0 35px; }
#mchart .trends { background: url(../images/buttons/trends.png) no-repeat; }
#mchart .trends.yellow { background: url(../images/buttons/trends-yellow.png) no-repeat; } 
#mchart .chart-backwards, #mchart .chart-forwards { display: block; width: 56px; height: 52px; }
#mchart .chart-backwards { float: left; margin: 5px 0 0 5px; background: url(../images/buttons/chart-backwards.png) no-repeat; } 
#mchart .chart-forwards { float: right; margin: 5px 5px 0 0; background: url(../images/buttons/chart-forwards.png) no-repeat; } 


#Mental h2, #variables h2 { float: left; width: 505px; font: 22px 'HelveticaBd', sans-serif; color: #5f5f5f; margin: 20px 0 20px 40px; }


/* Calendar */
#calendar { float: left; width: 100%; height: 570px; }

.calendar-wrapper { float: left; width: 100%; height: 570px; background: url(../images/calendar-bg.png) top repeat-x, url(../images/bg.png) repeat;  float: left; border: none; display: none; }
fieldset.jcalendar { width: 100%; float: left; -webkit-margin-start: 0;
-webkit-margin-end: 0;
-webkit-padding-before: 0m;
-webkit-padding-start: 0;
-webkit-padding-end: 0;
-webkit-padding-after: 0 }
.jcalendar { border: none; }  
.jcalendar table { float: left; max-width: 590px; margin-left: 10px; border: none;} 
.jcalendar thead th, .jcalendar tbody tr td { font: bold 35px 'HelveticaBdCn', sans-serif; color: #ffdd00; text-align: center; max-width: 85px; height: 61px; border: none; } 
.jcalendar tbody tr td:hover, .jcalendar tbody tr td.today { -webkit-box-shadow: inset -1px 1px 1px 1px rgba(0, 0, 0, .3); box-shadow: inset -1px 1px 1px 1px rgba(0, 0, 0, .3); border-radius: 5px; border-left: 1px solid #5a5a5a; border-bottom: 1px solid #5a5a5a; background: #353535; width: 39px; height: 59px; border: none; }
.jcalendar tbody tr td a.inactive, .jcalendar tbody tr td.inactive { color: #646464; } 
.jcalendar tbody tr td a.stats, .jcalendar tbody tr td.stats { color: #ffdd00; }
.jcalendar tbody tr a { color: #fff; text-decoration: none; display: block; width: 91px; height: 60px; line-height: 60px; padding: 0; margin: 0; }
.jcalendar-wrapper { width: 640px; height: 400px; margin: 0 auto;}

.jcalendar-selects { margin: 40px 0 30px; width: 100%; float: left; }
.jcalendar .next, .jcalendar .prev { float: left; } 
.jcalendar .prev { margin-right: 25px; margin-left: 110px; font-size: 0; } 
.jcalendar .next { margin-left: 25px; font-size: 0; } 
.jcalendar .link-prev, .jcalendar .link-next { width: 60px; height: 51px; display: block; font-size: 0px; } 
.jcalendar .link-prev { background: url(../images/calendar-left.png) no-repeat; } 
.jcalendar .link-next { background: url(../images/calendar-right.png) no-repeat; } 

	/* Select Boxes */
	.jcalendar .select { webkit-box-shadow: inset -1px 1px 1px 1px rgba(0, 0, 0, .3); box-shadow: inset -1px 1px 1px 1px rgba(0, 0, 0, .3); border-radius: 5px; border-left: 1px solid #5a5a5a; border-bottom: 1px solid #5a5a5a; background: #353535; height: 52px; float: left;  } 
	.jcalendar .select select { position: absolute; border: 1px solid red; height: 52px; opacity: 0; }
	.jcalendar .the-year { margin-right: 25px; } 
	.jcalendar .the-year, .jcalendar .the-year select{ width: 100px; }
	.jcalendar .the-month, .jcalendar .the-month select { width: 110px; } 
	.jcalendar .the-option { margin-top: 5px; text-align: center; font: bold 35px 'HelveticaBdCn', sans-serif; color: #ffdd00;} 
	.jcalendar .month-option { width: 100px; } 
	.jcalendar .year-option { width: 110px;  } 

/* Team Selector */
.team { width: 334px; height: 51px; background: url(../images/team.png) no-repeat; margin: 20px auto; } 
.team a { position: absolute; z-index: 9999999; width: 40px; height: 51px; display: block; }
.team .next { float: right; background: url(../images/buttons/team-arrow-right.png) center no-repeat; margin: 0 0 0 290px; }
.team .prev { float: left; background: url(../images/buttons/team-arrow-left.png) center no-repeat; margin: 0 0 0 5px; } 
.team div { text-shadow: 0px -2px 0px rgba(0, 0, 0, 0.4); font: 32px/51px 'HelveticaBdCn', sans-serif; color: #fff; width: 245px; margin-top: 2px; margin-left: 45px; text-align: center; float: left;  }
.team select { margin-left: 65px; width: 200px; z-index: 5; position: absolute; height: 51px; opacity: 0; }

/* Coach Home */
#coach-home { float: left; width: 100%; padding-bottom: 120px; height: 100%; background: url(../images/white-bg.png) repeat; }
#coach-home .coach-menu { width: 100%; padding: 10px 0; height: 80px; float: left; background: url(../images/white-bg.png) repeat; }
#coach-home .coach-menu-wrapper { width: auto; height: 55px; padding: 5px 5px 0 5px; background: url(../images/coach/coach-menu.png) no-repeat;  margin: 5px 30px 15px 0;float:right; }
/*
#coach-home  .coach-menu-wrapper .button { color: #5f5f5f; text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.5);  font: 15px/50px 'HelveticaBd', sans-serif; ; text-align: center; }
#coach-home .coach-menu-wrapper .button.active { color: #ffdd00; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5) }
#coach-home .coach-menu-wrapper .border { width: 2px; height: 52px; background: url(../images/progress/border.png) repeat-y; float: left; }
#coach-home .coach-menu-wrapper #first { width: 283px; height: 52px; background: url(../images/coach/left-button.png) no-repeat; float: left; }
#coach-home .coach-menu-wrapper #first.active { width: 283px; background: url(../images/coach/left-button-active.png) no-repeat; float: left; margin-right: -1px; } 
#coach-home .coach-menu-wrapper #second { width: 286px; height: 52px; background: url(../images/coach/right-button.png)no-repeat; float: left; } 
#coach-home .coach-menu-wrapper #second.active  { width: 286px; margin-left: -2px; background: url(../images/coach/right-button-active.png) no-repeat; } */
#coach-home .legend { margin-top: 15px; width: 100%; height: 22px; float: left; background: url(../images/coach/legend.png) no-repeat left;  }
.coach .grey-subheader h2 { margin-left: 20px; } 

	/* Athlete selector */
	#coach-home .inner-wrapper, .rotator .inner-wrapper { width: 580px; margin: 0 auto; float: none; } 
	#coach-home .chart, .rotator .chart { width: 580px; height: 61px; background: url(../images/athlete-base.png) no-repeat; float: left; margin: 20px 0 10px;position:relative; }
	#support .rotator .chart{float:none; margin:120px auto 10px;}
	#mchart.rotator > .chart,
	#mtrends.rotator .tip + .chart { 
	width: 580px; 
	height: 61px; 
	background: url(../images/athlete-base.png) no-repeat; 
	float: none; 
	margin: 20px auto 10px auto;
	position:relative;
}
	#coach-home .date, .rotator .date { height: 61px; width: 450px; text-align: center; float: left; margin: 0 0 0 5px; }
	#mchart.rotator #team-selector + .date,
	#mtrends.rotator #team-selector + .date{ height: 61px; width: 450px; text-align: center; float: left; margin: 0 0 0 5px; }
	#coach-home .date #current-athlete, .rotator #current-athlete  { text-align: center; width: 450px; border: none; background: none;  color: #ffdd00; text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); font: 32px/72px 'HelveticaBd', sans-serif; } 
	#coach-home .athlete-backwards, #coach-home .athlete-forwards, .rotator .athlete-forwards, .rotator .athlete-backwards { display: block; width: 56px; height: 52px; }
	#coach-home .athlete-backwards, .rotator .athlete-backwards { float: left; margin: 5px 0 0 5px; background: url(../images/buttons/chart-backwards.png) no-repeat; } 
	#coach-home .athlete-forwards, .rotator .athlete-forwards { float: right; margin: 5px 5px 0 0; background: url(../images/buttons/chart-forwards.png) no-repeat; } 
	#coach-home .chart select, .rotator .chart select { margin-left: 5px; width: 450px; position: absolute; height: 61px; opacity: 0; left:64px; }
	
	/* New Team Selector */
	#coach-home .date #team-name,.rotator .date #team-name { text-align: center; width: 450px; border: none; background: none;  color: #ffdd00; text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); font: 32px/72px 'HelveticaBd', sans-serif; }
	#coach-home .team-backwards, #coach-home .team-forwards, .rotator .team-backwards, .rotator .team-forwards { display: block; width: 56px; height: 52px; }
	#coach-home .team-backwards, .rotator .team-backwards { float: left; margin: 5px 0 0 5px; background: url(../images/buttons/chart-backwards.png) no-repeat; } 
	#coach-home .team-forwards, .rotator .team-forwards { float: right; margin: 5px 5px 0 0; background: url(../images/buttons/chart-forwards.png) no-repeat; } 
	#coach-home .chart select, .rotator .chart select { margin-left: 5px; width: 450px; position: absolute; height: 61px; opacity: 0;left:64px; }
	
	/* Athlete selector Overrides for Coach Homepages */
	.team-details#coach-home .inner-wrapper, .team-summary#coach-home .inner-wrapper { width: 580px; margin: 0 auto; float: none; } 
	.team-details#coach-home .chart, .team-summary#coach-home .chart{
		/* width: 450px; height: 61px; background: url(../images/athlete-base-small.png) no-repeat; margin: 20px 0 10px 20px;position:relative; */
		margin:20px auto 10px auto;
		float:none;
		 }
	.team-details#coach-home .date, .team-summary#coach-home .date{ height: 61px; /*width: 320px; */text-align: center; float: left; margin: 0 0 0 5px; }
	.team-details#coach-home .chart select, .team-summary#coach-home .chart select{ width: 450px;}
	
	/* New Team Selector */
	.team-details#coach-home .date #team-name, .team-summary#coach-home .date #team-name { 
		display: inline-block;
		line-height: 61px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 405px;
	}
	.team-details#coach-home .chart select, .team-summary#coach-home .chart select { width: 450px;left:64px; }
	
	/* pChart athlete selector */
	#athlete-chart .chart { width: 580px; height: 61px; background: url(../images/athlete-base.png) no-repeat; float: left; margin: 10px 0 -15px; position:relative;}
	#athlete-chart .date { height: 61px; width: 450px; text-align: center; float: left; margin: 0 0 0 5px; }
	#athlete-chart .date #current-athlete { text-align: center; width: 450px; border: none; background: none;  color: #ffdd00; text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); font: 32px/72px 'HelveticaBd', sans-serif; } 
	#athlete-chart .athlete-backwards, #athlete-chart .athlete-forwards { display: block; width: 56px; height: 52px; }
	#athlete-chart .athlete-backwards { float: left; margin: 5px 0 0 5px; background: url(../images/buttons/chart-backwards.png) no-repeat; } 
	#athlete-chart .athlete-forwards { float: right; margin: 5px 5px 0 0; background: url(../images/buttons/chart-forwards.png) no-repeat; } 
	#athlete-chart .chart select { margin-left: 5px; width: 450px; position: absolute; height: 61px; opacity: 0; }
	#past-tests #athlete-chart .chart select {margin-left:0; left:65px;}
	/* pChart coach */
	#mchart .pchart-team .inner-wrapper { width: 580px; margin: 0 auto; float: none; } 
	#mchart .pchart-team .chart { width: 580px; height: 61px; background: url(../images/athlete-base.png) no-repeat; float: left; margin: 10px 0 10px; }
	#mchart .pchart-team .date { height: 61px; width: 450px; text-align: center; float: left; margin: 0 0 0 5px; }
	#mchart .pchart-team .date #current-pchartteam { text-align: center; width: 450px; border: none; background: none;  color: #ffdd00; text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); font: 28px/72px 'HelveticaBd', sans-serif; } 
	#mchart .pchart-team .pchartteam-backwards, .pchart-team .pchartteam-forwards { display: block; width: 56px; height: 52px; }
	#mchart .pchart-team .pchartteam-backwards { float: left; margin: 5px 0 0 5px; background: url(../images/buttons/chart-backwards.png) no-repeat; } 
	#mchart .pchart-team .pchartteam-forwards { float: right; margin: 5px 5px 0 0; background: url(../images/buttons/chart-forwards.png) no-repeat; } 
	#mchart .pchart-team .chart select { margin-left: 5px; width: 450px; position: absolute; height: 61px; opacity: 0; }
	
	/* Play buttons single Summary */
	#coach-home .entry .play-button,
	#athlete-home .entry .play-button{ float: right; margin: -10px 40px 10px 0; }	

	

/* Team Details Header */
.entry-title { float: left; height: 40px; width: 620px; border-bottom: 1px solid #ababaa; font: 23px/30px 'HelveticaBd', sans-serif; color: #5f5f5f; padding-left: 20px; } 
	
/* Usage */
#usage, .usage { background: url(../images/white-bg.png) repeat; width: 100%; float: left; min-height: 700px; height: auto; }

	/* Entries */
	#usage .entry, .usage .entry { float: left; height: auto; width: 100%; border-bottom: 1px solid #ababaa; } 
	#usage .entry.small { padding-top: 20px;  height: auto; } 
	#usage .entry .title { margin: 10px 0; color: #5f5f5f; width: 620px; padding-left: 20px; float: left; font: 23px 'Helvetica', sans-serif; }
	#usage .entry .title span { font-family: 'HelveticaBd', sans-serif; }

	/* Stats (percentages) */
	#usage .stats { display: inline-block; margin-top: 15px; margin-left: 20px; width: 175px; height: auto; margin-right: 15px; min-height: 110px; } 
	#usage .stats .title { text-transform: uppercase; padding: 0; width: 100%; float: left; height: 26px; border-bottom: 2px solid #b1b2b0; font: 20px 'Helvetica', sans-serif; color: #5f5f5f; height: auto; }
	#usage .stats .percent { text-align: left; float: left; width: 135px; font: bold 42px 'HelveticaBdCn', sans-serif; color: #353535; padding-left: 55px; }
	#usage .stats .percent.up { background: url(../images/green-arrow.png) 0 9px no-repeat; }
	#usage .stats .percent.down { background: url(../images/red-arrow.png) 0 9px no-repeat; }
	#usage .stats-wrapper { float: left; width: 100%; border-bottom: 0px solid #ababaa; padding-bottom: 15px; }
	#usage .stats .title span{ display:block; text-transform:lowercase; font-size:14px;}
	
	/* Stat bars */
	#usage .statbars { font: bold 40px 'HelveticaBdCn', sans-serif; color: #353535;  width: 100%; float: left; height: auto; } 
	#usage .statbars  .stats .title { color: #363636; } 
	#usage .statbars .stats { float: left; height: 600px; height: 27px;  margin-bottom: 10px; } 
	#usage .statbars .wrapper { float: left; width: 100%; } 
	#usage .statbars .wrapper.subentry { margin: 10px 0; }
	#usage .statbars .bar-wrapper { float: left; width: 440px; margin-left: 20px; }
	#usage .statbars .bar { float: left; border-radius: 10px; font-size: 20px; text-align: right; padding: 0; float: left; } 
	#usage .statbars .grey { background: url(../images/coach/grey-statbar.png) repeat-x; height: 17px; }
	#usage .statbars .yellow { background: url(../images/coach/yellow-statbar.png) repeat-x; height: 32px; }
	#usage .statbars .value { float: left; margin: -5px 0 0 10px; }
	#usage .statbars .value.small { font-size: 20px; margin: -3px 0 0 5px; } 
	#usage .labels { margin-top: 5px; color: #5f5f5f; float: left; display: block; width: 180px; height: 70px; font: 18px 'Helvetica', sans-serif; color: #5f5f5; }
	#usage .labels span { float: left; margin-left: 20px; } 
	#usage .weekly { margin-top: 12px; } 
	
	/* Stats */
	.stats-wrapper .stats { margin-right: 20px; } 
	.stats-wrapper .stats .name, .wrapper.top { margin-top: 15px;  width: auto; float: left; color: #5f5f5f; font: 18px 'HelveticaBdCn', sans-serif; }
	.stats-wrapper .stats .amount { float: right; font: bold 30px 'HelveticaBdCn', sans-serif; color: #363636; width: auto; text-align: right; margin-top:6px; } 
	.stats-wrapper .stats  .amount.grey { color:#5f5f5f; }
	.stats-wrapper .stats .wrapper.bottom { margin-top: 5px; }  
	
/* Team Details */
.team-details #usage .entry { height: 85px; }
.team-details .entry ul li { display: block; float: left; }
.team-details .entry ul li.col-2, .team-details .entry ul li.col-1 { font: 30px 'Helvetica', sans-serif; }
.team-details .entry ul li.col-1 { font-size: 20px; } 
.team-details ul li.col-1 { width: 210px; margin-left: 20px; } 
.team-details ul li.col-2 { width: 200px; text-align: center; }
.team-details ul li.col-3 { width: 200px; float: right; text-align: center; }
.team-details .percent { font: bold 40px 'HelveticaBdCn', sans-serif; color: #353535; text-align: center; }
.team-details .percent.up { color: #00ae66; }
.team-details .percent.down { color: #ff563f; }
.team-details .entry ul li.col-1 { margin-top: 35px; } 
.team-details .entry ul li.col-2, .team-details .entry ul li.col-3 { margin-top: 15px; }
.team-details .entry ul li.col-3 { margin-right: 75px; width: 35px; text-align: center; } 
.team-details .entry ul li .row { text-align: left; width: 100%; float: left; font: bold 18px 'HelveticaBdCn', sans-serif; color: #5f5f5f;   }
.team-details .entry ul li .row .number { width: 35px; float: right; margin-right: 30px; text-align: center; } 
.team-details .grey-subheader .col-2 { margin-left: 100px; width: 100px; } 
.team-details .entry ul li.col-3 .row.green { color: #00ae66;  }
.team-details .entry ul li.col-3 .row.red { color: #ff563f; }

/* Team Summary */
#level-statistics { float: left; width: 100%; min-height: 155px; height:auto; background: url(../images/lightgrey-bg.png) repeat;  text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);  } 
#level-statistics h3 { font: bold 24px 'HelveticaBdCn', sans-serif; color: #ffdd00; text-transform: uppercase; margin-left: 20px; }
#level-statistics div {  width: 120px; float: left; margin-right: 15px; margin-bottom: 20px;	}
#level-statistics span { width: 100%; float: left; font: bold 20px 'HelveticaBdCn', sans-serif; color: #ffdd00; }
#level-statistics span.white { color: #fff; } 
	
/* Chart Stats */
#chart-stats { width: 100%; float: left; background: url(../images/white-bg.png) repeat; } 
#chart-stats .entry { padding: 15px 0 10px; float: left; width: 100%; min-height: 70px; height: auto; border-bottom: 1px solid #969696; }
#chart-stats .entry .name { max-width: 420px; width:60%;float: left; margin-left: 40px;  }
#chart-stats .basic-switch { margin-top: 7px; float: right; margin-right: 15px; } 
#chart-stats .name span { width: 100%; float: left; } 
#chart-stats .name .title { font: 34px 'HelveticaBd', sans-serif; color: #353535; } 
#chart-stats .name .subtitle { font: 25px 'Helvetica', sans-serif; color: #818181; } 

/* Note Icon */
#chart-stats .note{
	width:45px;
	height:45px;
	float:right;
	display:block;
	background: url('../images/note-icons.png') left top no-repeat transparent;
	padding-right:5px;
}

/* Note has Data */
#chart-stats .note.data{
	background-position:left bottom;	
}

/* Note is disabled */
#chart-stats .note[data-role-state='disabled']{
	opacity:0.3;
	cursor:default;
}

/* Edit Variable */
#edit-variable { margin-top: 88px; padding-bottom: 100px; float: left; width: 100%; background: none; overflow: hidden; }
#support #edit-variable{}
#edit-variable .inner-wrapper { width: 640px; margin: 0 auto; } 
#edit-variable .box { width: 189px; height: 89px; background: url(../images/box.png) no-repeat; float: left; font: 34px/89px 'Helvetica', sans-serif; text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); color: #fff; text-align: center; margin: 0 10px;  }
#edit-variable.pchart-edit .box { width: 230px; background: url(../images/box-large.png) no-repeat; } 
#edit-variable.pchart-edit .box.active { background: url(../images/box-large-yellow.png) no-repeat; }

#edit-variable.pchart-edit .box.small { width: 189px; background: url(../images/box.png) no-repeat; } 
#edit-variable.pchart-edit .box.small.active { background: url(../images/box-yellow.png) no-repeat; }  
#edit-variable.pchart-edit .box.small input, #edit-variable.pchart-edit .box.small .option { text-align: center; border: none; background: none; height: 89px; width: 159px; padding: 0 10px; color: #fff; margin-left: 0; }

#edit-variable .box.small select { opacity: 0; height: 89px; width: 189px; position: absolute; z-index: 100; } 
#edit-variable .box.active { background: url(../images/box-yellow.png) no-repeat; color: #353535; }
#edit-variable .category-boxes { margin-left: 5px; } 
#edit-variable .progress-boxes { margin-left: 120px; }
#edit-variable .target-boxes { float: left; width: 100%; }
#edit-variable h1 { color: #fff; width: 640px; float: left; text-align: center; margin: 30px 0; font-size: 30px; } 
#edit-variable input[type="text"], #edit-variable input[type="password"], #edit-variable textarea { padding-right: 20px; padding-left: 20px; width: 540px; height: 89px; font: 28px 'Helvetica', sans-serif; color: #353535; text-shadow: 1px 1px #f5f5f5; background: url(../images/buttons/input.png) no-repeat; float: none; margin-left: 30px; }
#edit-variable textarea { background: url(../images/buttons/edit-textarea.png) no-repeat; height: 150px; width: 540px; padding: 20px; resize: none; } 
#edit-variable input[type="submit"], #edit-variable input[type="button"] { width: 580px; height: 89px; background: url(../images/buttons/submit-button.png) no-repeat; float: left; font: 45px 'Helvetica', sans-serif; color: #ffdd00; text-shadow: 0px -2px 0px rgba(0, 0, 0, 0.4); margin-left: 30px; margin-bottom: 40px; float: left; }


#edit-variable .add, #edit-variable .edit { margin-top: 60px; } 

.target-goal { display: block; position: absolute; z-index: 50; width: 189px; height: 89px; opacity: 0; } 

/* pChart */
#pchart #chart-stats .name { width: 300px; margin-top: 5px; } 
#chart-stats .goal { float: left; width: auto;  text-align: center; font: 35px/64px 'HelveticaBdCn', sans-serif; color: #353535; height: 42px;  } 
#pchart .grey-subheader ul li.col-1 { width: 300px; height: 42px; }
#pchart .grey-subheader ul li.col-2 { width: 80px; height: 42px; }
#pchart .name .title { margin: 10px 0 0; font-size: 30px; } 

.select-number { background: url(../images/number-input.png) no-repeat; width: 99px; height: 53px; float: right; margin: 5px 40px; }
.select-number select { opacity: 0; position: absolute; width: 99px; height: 53px; z-index: 99;}
.select-number .option { height: 38px; padding-top: 5px; width: 99px; text-align: center; font: 35px 'HelveticaBdCn', sans-serif; color: #ffdd00; text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); }   

.input-number { background: url(../images/number-input-large.png) no-repeat; width: 140px; height: 53px; float: right; margin: 6px 17px 0 0; }
.input-number input { border: none; display: block; margin: 0 0 0 10px; font: 35px/53px 'HelveticaBdCn', sans-serif; color: #ffdd00; text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); background: none;width: 130px;text-align: center; height: 53px; padding: 0;}

/* Subheading */
div.subheading { height: 41px; width: 100%; float: left; background: url(../images/subheading-bg.png) repeat-x; }
div.subheading h3 { float: left; margin: 15px 0 0 40px; font: 20px 'Helvetica', sans-serif; color: #353535; }  

/* Stats */
div.stats { float: left; width: 100%; height: 119px; background: url(../images/white-bg.png) repeat; } 

/* Favorites */
div.favorites  { float: left; width: 100%; background: url(../images/white-bg.png) repeat; }
div.favorites .fave-item { height: 88px; width: 100%; float: left; border-bottom: 1px solid #aaa; } 
div.favorites .fave-title { float: left; width: 355px; font: 22px 'HelveticaBd', sans-serif; color: #5f5f5f; margin-top: 33px; }
div.favorites a.fave-button { margin: 12px 0 0 29px; float: left; }
div.favorites a.play-button { margin: 12px 29px 0 29px; float: right; }
div.favorites .icon { float: left; width: 20px; margin: 0 20px; text-align: center; margin-top: 30px; } 

/* Home */
#header { margin-top: 15%; width: 100%; height: 72px; text-align: center; } 
#sign-in #header { margin-top: 43px; padding-top: 88px; }

/* User
#users { width: 100%; text-align: center; }
#users a { color: #fff; }
#users a:hover { color: #ffda00; } 
#users ul { width: auto; text-align: center; } 
#users ul.header { font-weight: bold; border-bottom: 1px dotted #fff; }
#users ul li { margin: 5px 0; display: inline-block; width: 20%; list-style-type: none; } 
#users ul.row:hover { color: #ffda00; cursor: pointer; }
#users input[type="text"] { border-radius: 5px; padding: 0 5px; }
s */

/* Login Screen */
.largebutton { width: 580px; margin: 0 auto; height: 89px; display: block; }
#signin { background: url(../images/buttons/signin.png) no-repeat; } 
#getstarted { background: url(../images/buttons/getstarted.png) no-repeat; margin-bottom: 120px; } 
div.tooltip-wrapper { width: 0px; height: 0px; margin: 0 auto; } 
img.tooltip { position: absolute; margin: -96px 17px; display: none; }

	/* Welcome Menu */
	#wmenu { width: 580px; height: 163px; margin: 30px auto 170px; background: url(../images/welcome-menu.png) no-repeat; } 
	#wmenu a.startbutton { display: block; float: left; } 
	#wmenu #learnbutton { background: url(../images/buttons/learn.png) no-repeat; width: 98px; height: 105px; margin: 32px 0 0 40px; }
	#wmenu #practice { background: url(../images/buttons/practice.png) no-repeat; width: 150px; height: 106px; margin: 32px 0; }
	#wmenu #track { background: url(../images/buttons/track.png) no-repeat; width: 105px; height: 106px; margin: 32px 0 0 0; }
	#wmenu div.divider { margin: 43px 18px 0 30px; float: left; width: 31px; height: 39px; background: url(../images/icon-arrow.png) no-repeat; } 
	#wmenu div.divider.right { margin: 43px 28px 0 14px; }
	
	#language, #help { margin: 20px 0; width: auto; text-align: center; } 
	#language li, #help a { margin: 0 10px; display: inline-block; color: #ffdd00;  font: bold 24px 'HelveticaBdCn', sans-serif; } 
	#language a, #help a { text-decoration: none;letter-spacing: 2px; color: #fff;  }
	#language a:hover, #language a.active, #help a { color: #ffdd00; } 
	
	/* Tabs */
	.tab.menu { display: block; } 
	.tab { display: none; width: 580px; float: left; height: 163px; } 
	#wmenu #learnyellow {  background: url(../images/buttons/learn-yellow.png) no-repeat; width: 98px; height: 105px; margin: 31px 40px; }
	#wmenu #practiceyellow { background: url(../images/buttons/practice-yellow.png) no-repeat; width: 150px; height: 106px; margin: 31px 30px; }
	#wmenu #trackyellow { background: url(../images/buttons/track-yellow.png) no-repeat; width: 105px; height: 106px; margin: 31px 30px; }
	#wmenu .description { width: 320px; height: 163px; float: left; font: 24px Helvetica, sans-serif; color: #fff; }
	#wmenu .learn .description { width: 325px; margin-right: 0; margin-left: -10px;} 
	.learn .divider.right { margin-left: 5px; } 
	#wmenu .practice .description { width: 260px; margin-right: -10px; } 
	#wmenu div.divider.right { margin: 43px 28px 0 14px; }
	
	#wmenu .practice .divider { margin: 43px 20px 0 0px; float: right; } 
	#wmenu div.divider.left-arrow { background: url(../images/icon-arrow-left.png) no-repeat; float: left; margin-left: 20px; margin-right: 0; }
	
	#wmenu .track .divider { background: url(../images/icon-arrow-left.png) no-repeat; float: left; }
	
		
	/* Landscape Mode */
	@media screen and (orientation:landscape) {
		#header { margin-top: 2%; }
		#wmenu { margin-bottom: 50px; }
		#getstarted { margin-bottom: 30px; }
		.tooltip { visibility: hidden; } 
	}
	
	/* Responsive */
	@media screen and (min-width:800px) {
		#edit-chart .entry .name { max-width: 480px;}
	}
	@media screen and (min-width:1024px) {
		#edit-chart .entry .name { max-width: 560px;}
	}

/* Sign In */
#sign-in form { width: 580px; margin: 70px auto 0; }
#sign-in form input[type="text"], #sign-in form input[type="password"] { padding-left: 217px; width: 363px; height: 89px; font: 28px 'Helvetica', sans-serif; color: #353535; text-shadow: 1px 1px #f5f5f5; background: url(../images/buttons/input.png) no-repeat; }
#sign-in form input.e-mail { background: url(../images/buttons/email-input-new.png) no-repeat; }
#sign-in form input.password { background: url(../images/buttons/password-input-new.png) no-repeat; margin: 34px 0 88px; }
#sign-in form input[type="submit"], #sign-in form input[type="button"] { width: 580px; height: 89px; background: url(../images/buttons/submit-button.png) no-repeat; float: left; font: 45px 'Helvetica', sans-serif; color: #ffdd00; text-shadow: 0px -2px 0px rgba(0, 0, 0, 0.4); margin-bottom: 40px; }

/* Settings */
#settings { margin-top: 88px; float: left; width: 100%; margin-bottom: 100px; } 
#settings .wrapper { width: 580px; margin: 40px auto; float: none; } 
.input-button { width: 580px; height: 89px; background: url(../images/buttons/submit-button.png) no-repeat; float: left; font: 36px 'Helvetica', sans-serif; color: #ffdd00; text-shadow: 0px -2px 0px rgba(0, 0, 0, 0.4); margin-bottom: 40px; } 
 
.account-info { } 
.account-info form { width: 580px; margin: 40px auto 100px; }
.account-info form input[type="text"], .account-info form input[type="password"] { padding: 0 20px 0 250px; width: 310px; height: 89px; font: 24px 'Helvetica', sans-serif; color: #353535; text-shadow: 1px 1px #f5f5f5; margin: 20px 0; }
.account-info form input.firstname { background: url(../images/buttons/first-name.png) no-repeat; }
.account-info form input.lastname { background: url(../images/buttons/last-name.png) no-repeat; }
.account-info form input.email { background: url(../images/buttons/email.png) no-repeat; }
.account-info form input.phone { background: url(../images/buttons/cell-phone.png) no-repeat; width:100%; padding-left:279px; }
.account-info form input.confirm { background: url(../images/buttons/confirm.png) no-repeat; }
.account-info form input.groupcode { background: url(../images/buttons/group-code.png) no-repeat; }
.account-info form input.e-mail { background: url(../images/buttons/email-input-new.png) no-repeat; }
.account-info form input.password { background: url(../images/buttons/password-input-new.png) no-repeat; }
.account-info form input[type="submit"], .account-info form input[type="button"] { width: 580px; height: 89px; background: url(../images/buttons/submit-button.png) no-repeat; float: left; font: 45px 'Helvetica', sans-serif; color: #ffdd00; text-shadow: 0px -2px 0px rgba(0, 0, 0, 0.4); margin: 20px 0; }
.account-info .selectbox { width: 580px; height: 89px; font: 28px/89px 'Helvetica', sans-serif; color: #353535; text-shadow: 1px 1px #f5f5f5;  margin: 20px 0; }
.account-info .selectbox select { width: 580px; height: 89px; opacity: 0; float: left; position: absolute; z-index: 1; }
.account-info .selectbox.gender { background: url(../images/buttons/sex.png) no-repeat; float: left; }
.account-info .selectbox.sport { background: url(../images/buttons/sport.png) no-repeat; float: left; }
.account-info .selectbox.language { background: url(../images/buttons/language.png) no-repeat; float: left; }
.account-info .selectbox .option { position: absolute; margin: 0 220px; } 

.account-info .datebox { background: url(../images/buttons/dob.png) no-repeat; width: 350px; height: 89px; float: left; margin: 20px 0; padding-left: 230px; } 

/* Date Field */
.account-info .select { float: left; background: url(../images/buttons/dropdown.png) no-repeat right 35px; height: 89px;  }
.account-info .month { width: 70px; text-align: center; padding-right: 25px; }
.account-info .day { width: 50px; text-align: center; padding-right: 25px; margin-left: 10px; }
.account-info .year { width: 90px; text-align: center; padding-right: 25px; margin-left: 10px; }
.account-info .select .option { margin-top: 30px; font: 24px 'HelveticaBd', sans-serif; color: #353535; } 
.account-info .month select { width: 95px; } 
.account-info .day select { width: 75px; } 
.account-info .year select { width: 115px; } 
.account-info .select select { position: absolute;height: 67px; margin: -50px 0 0; opacity: 0; }
label[for='opt'] { margin: 10px 0px; color: #ffdd00;  font: bold 19px 'HelveticaBdCn', sans-serif; } 

#settings #language { margin-bottom: 40px; } 

/* Register */
#register form { width: 580px; margin: 70px auto 0; }
#register form input[type="text"], #register form input[type="password"] { padding: 0 20px 0 250px; width: 310px; height: 89px; font: 24px 'Helvetica', sans-serif; color: #353535; text-shadow: 1px 1px #f5f5f5; margin: 20px 0; }
#register form input.invalid, #register form .selectbox.invalid, #register form .datebox.invalid, input[type="text"].invalid  { border: 2px solid red; border-radius: 5px; } 
#register form input.firstname { background: url(../images/buttons/first-name.png) no-repeat; }
#register form input.lastname { background: url(../images/buttons/last-name.png) no-repeat; }
#register form input.email { background: url(../images/buttons/email.png) no-repeat; }
#register form input.confirm { background: url(../images/buttons/confirm.png) no-repeat; }
#register form input.groupcode { background: url(../images/buttons/group-code.png) no-repeat; border: 2px solid #ffdd00; }
#register form input.e-mail { background: url(../images/buttons/email-input-new.png) no-repeat; }
#register form input.phone { background: url(../images/buttons/cell-phone.png) no-repeat; width:100%; padding-left:279px; }
#register form input.password { background: url(../images/buttons/password-input-new.png) no-repeat; }
#register form input[type="submit"], #register form input[type="button"] { width: 580px; height: 89px; background: url(../images/buttons/submit-button.png) no-repeat; float: left; font: 45px 'Helvetica', sans-serif; color: #ffdd00; text-shadow: 0px -2px 0px rgba(0, 0, 0, 0.4); margin: 20px 0; }
#register .selectbox { width: 580px; height: 89px; font: 28px/89px 'Helvetica', sans-serif; color: #353535; text-shadow: 1px 1px #f5f5f5;  margin: 20px 0; }
#register .selectbox select { width: 580px; height: 89px; opacity: 0; float: left;  position: absolute; z-index: 1; }
#register .selectbox.gender { background: url(../images/buttons/sex.png) no-repeat; float: left; }
#register .selectbox.sport { background: url(../images/buttons/sport.png) no-repeat; float: left; }
#register .selectbox.language { background: url(../images/buttons/language.png) no-repeat; float: left; }
#register .selectbox .option { position: absolute; margin: 0 220px; } 

#register .datebox { background: url(../images/buttons/dob.png) no-repeat; width: 350px; height: 89px; float: left; margin: 20px 0; padding-left: 230px; } 
#register form input.groupcode.invalid {  border: 2px solid red; }
/* Date Field */
#register .select { float: left; background: url(../images/buttons/dropdown.png) no-repeat right 35px; height: 89px;  }
#register .month { width: 70px; text-align: center; padding-right: 25px; }
#register .day { width: 50px; text-align: center; padding-right: 25px; margin-left: 10px; }
#register .year { width: 90px; text-align: center; padding-right: 25px; margin-left: 10px; }
#register .select .option { margin-top: 30px; font: 24px 'HelveticaBd', sans-serif; color: #353535; } 
#register .month select { width: 95px; } 
#register .day select { width: 75px; } 
#register .year select { width: 115px; } 
#register .select select { position: absolute;height: 67px; margin: -50px 0 0; opacity: 0; }

#confirm { width: 97px; height: 51px; display: block; background: url(../images/buttons/confirm-button.png) no-repeat; margin: 20px 0 0 30px; cursor: pointer; position: absolute; z-index: 10; text-decoration: none; font-size: 0px; right: 0; margin-right: 30px; } 

/* Teams of Service */
#tos { display: none; padding: 0 40px; font: 16px "Helvetica", sans-serif; color: #fff; text-shadow: 0px -2px 0px rgba(0, 0, 0, 0.4); }

/* Athlete Selector */
#trends .chart, #trends .calendar, #trends .trends {  } 
#trends .page-title { width: 100%; text-align: center; font: 34px 'HelveticaBd', sans-serif; color: #353535; float: left; } 
.athlete { margin-top: 10px; float: left; width: 580px; height: 61px; background: url(../images/athlete-base.png) no-repeat; }
.athlete input { margin-left: 15px; text-align: center; width: 430px; border: none; background: none;  color: #ffdd00; text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); font: 34px/61px 'HelveticaBd', sans-serif }



/* Learn Modules */
#learn { margin-top: 88px; padding-bottom: 100px; min-height: 960px; background: url(../images/white-bg.png) repeat; } 
.learn-header { float: left; width: 100%; height: 59px; background: url(../images/learn-header.png) repeat-x; } 
.learn-header h2 { height: 25px; float: left; font: 25px 'Helvetica', sans-serif; color: #353535; margin: 25px 0 0 40px; background: url(../images/header-arrow.png) no-repeat 0 0px; padding: 0 0 0 25px; }
.learn-section.locked .learn-header .lock { height: 36px; width: 32px; background: url(../images/lock.png) no-repeat; position: absolute; right: 0; margin: 15px 40px 0 0;  }
.learn-header.active h2 { background: url(../images/header-arrow-down.png) no-repeat 0 0px; }
.learn-header h2 span { font-family: 'HelveticaBd', sans-serif; text-transform: uppercase; }
.divider { float: left; width: 100%; height: 5px; background: url(../images/shifting-bar.png) repeat-x; } 
#learn .learn-section .module { display: none; height: auto; float: left; } 
#learn .module #progress-bar { float: left; margin-top: 28px; margin-left: 40px;  } 
#learn .module { float: left; width: 100%; }
#learn .module .inner-wrapper { float: left; width: 100%; } 

	/* Module Tabs */
	#learn .module-section-wrapper { width: 576px; height: 54px; padding: 5px 0 0 5px; background: url(../images/module-section-wrapper.png) no-repeat; float: left; margin-top: 10px; margin-left: 40px; }
	#learn .button { color: #5f5f5f; text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.5);  font: 18px/50px 'HelveticaBd', sans-serif; ; text-align: center; }
	#learn .button.locked { color: #9d9d9d; }
	#learn .button.active { color: #ffdd00; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5) }
	#learn .border { width: 2px; height: 49px; background: url(../images/progress/border.png) repeat-y; float: left; }
	#learn #first { width: 188px; height: 50px; background: url(../images/progress/first.png) no-repeat; float: left; }
	#learn #first.active { width: 188px; background: url(../images/progress/first-active.png) no-repeat; float: left; margin-right: -1px; } 
	#learn #first .highlight { width: 188px; height: 50px; display: block; position: absolute; border-radius: 5px; border: 3px solid #ffdd00; margin: -4px -5px 0 -4px; display: none; } 
	#learn #second { width: 191px; height: 50px; background: url(../images/progress/second.png) no-repeat; float: left; } 
	#learn #second.active  { width: 191px; margin-left: -1px; background: url(../images/progress/second-active.png) no-repeat; }
	#learn #second .highlight { width: 188px; height: 50px; display: block; position: absolute; border-radius: 5px; border: 3px solid #ffdd00; margin: -4px -5px 0 -2px; display: none; } 
	#learn #third { width: 188px; height: 50px; background: url(../images/progress/third.png) no-repeat; float: left; } 
	#learn #third.active  { width: 188px; margin-left: -1px; background: url(../images/progress/third-active.png) no-repeat; }
	#learn #third .highlight { width: 188px; height: 50px; display: block; position: absolute; border-radius: 5px; border: 3px solid #ffdd00; margin: -4px -5px 0 -2px; display: none; } 
	#learn .button .sublevel-title { position: absolute; z-index: 1; text-align: center; width: 189px; }
	
	/* Lesson */
	#learn .lesson { background: url(../images/module-bg.png) repeat; width: 100%; float: left; height: auto; }
	#learn .lesson p { float: left; width: 550px; }
	#learn .arrow { width: 64px; height: 23px; background: url(../images/module-arrow.png) no-repeat; position: absolute; z-index: 0; margin: -20px 0 0 100px; }
	#learn .top-border { margin-top: 30px; width: 100%; float: left; height: 2px; background: url(../images/module-top-border.png) repeat-x; } 
	#learn .lesson h1 { margin-left: 40px; font: 25px 'HelveticaBd', sans-serif; color: #353535; }
	#learn .lesson p { margin-left: 40px; font: 20px 'Helvetica', sans-serif; color: #353535; } 
	#learn .lpt { width: 470px; height: 75px; float: left; margin: 40px 0 0 85px; } 
	#learn .lpt div { float: left; }
	#learn .lpt #learn-area { width: 64px; height: 75px; background: url(../images/modules/learn.png) no-repeat; }
	#learn .lpt #learn-area.active { background: url(../images/modules/learn-yellow.png) no-repeat; }  
	#learn .lpt #practice-area { width: 76px; height: 75px; background: url(../images/modules/practice.png) no-repeat;  }
	#learn .lpt #practice-area.active { background: url(../images/modules/practice-yellow.png) no-repeat; }  
	#learn .lpt #track-area { width: 64px; height: 75px; background: url(../images/modules/track.png) no-repeat; }
	#learn .lpt #track-area.active { background: url(../images/modules/track-yellow.png) no-repeat; }  
	#learn .lpt .arrow-divider { width: 31px; height: 39px; background: url(../images/modules/arrow.png) no-repeat; margin: 25px 50px; } 
	/* Hide Track and Track arrow on learn page - 5/6/15 */
	#practice-area + .arrow-divider,
	#learn .lpt #track-area{display: none;}
	
	/* Courses */
	#learn .courses { background: url(../images/white-bg.png) repeat; width: 100%; float: left; height: auto; }
	#learn .course-border { display: none; background: url(../images/course-entry-bottom.png) repeat-x; float: left; height: 5px; width: 100%; } 
	#learn .white-arrow { width: 64px; height: 23px; background: url(../images/white-arrow.png) no-repeat; position: absolute; z-index: 0; margin: -20px 0 0 87px; }
	#learn .white-top-border { margin-top: 30px; width: 100%; float: left; height: 2px; background: url(../images/module-white-border.png) repeat-x; } 
	#learn .courses .entry { width: 100%; float: left; height: 93px; border-bottom: 1px solid #aaaaa9; } 
	
	#learn .entry .fave-button { float: left; margin: 20px 20px 0 25px; } 
	#learn .entry .icon { margin: 25px 0 0; float: left; height: 70px; width: 45px; text-align: center; }
	#learn .entry .icon img { float: left; }
	#learn .entry .course-title { margin-left: 10px; width: 340px; height: 70px; float: left; margin-top: 20px; } 
	#learn .entry .course-title span { width: 100%; float: left; } 
	#learn .entry .course-title .title { font: 24px 'HelveticaBd', sans-serif; color: #353535; } 
	#learn .entry .course-title .description { font: 25px 'Helvetica', sans-serif; color: #818181; }
	
	#learn .viewmchart { width: 100%; float: left; height: 93px; border-bottom: 1px solid #aaaaa9; } 
	#learn .viewmchart .fave-button { float: left; margin: 20px 0 0 25px; } 
	#learn .viewmchart .icon { margin-top: 15px; float: left; height: 70px; width: 75px; text-align: center; }
	#learn .viewmchart .course-title { width: 390px; height: 70px; float: left; margin-top: 20px; } 
	#learn .viewmchart .course-title span { width: 100%; float: left; } 
	#learn .viewmchart .course-title .title { font: 24px 'HelveticaBd', sans-serif; color: #353535; } 
	#learn .viewmchart .course-title .description { font: 25px 'Helvetica', sans-serif; color: #818181; }
	
	#learn .play-button { float: right; margin: 20px 20px 0 0; } 
	
	/* Practice */
	#learn .practice .icon { margin-top: 40px; }
	#learn .practice .course-title { height: 40px; margin-top: 40px; } 
	
	/* Preloader */
	#learn .preloader { float: left; margin-top: 20px; margin-bottom: 20px; margin-left: 30px; font: bold 24px 'HelveticaBdCn', sans-serif; color: #353535; text-transform: uppercase; } 
	#learn .preloader img { float: left; } 
	#learn .preloader span { margin-top: 20px; margin-left: 20px; }
	
	/* Media */
	.media { width: 580px; margin: 150px auto 120px; }
	.media img { max-height: 550px; max-width: 580px; margin: 0 auto; display: block; } 
	.media input[type="submit"], .media input[type="button"] { width: 580px; height: 89px; background: url(../images/buttons/submit-button.png) no-repeat; float: left; font: 45px 'Helvetica', sans-serif; color: #ffdd00; text-shadow: 0px -2px 0px rgba(0, 0, 0, 0.4); margin-bottom: 40px; margin-top: 30px; }
	#play-me { width: 571px; height: 256px; background: url(../images/play-media.png) no-repeat; } 
	.media h1 { width: 100%; float: left; text-align: center; color: #fff; font: 45px 'Helvetica', sans-serif; }
	
	/* Locked */
	#learn .locked div { color: grey; opacity: 0.9;  }
	#learn .locked .lpt #learn-area.active {  background: url(../images/modules/learn.png) no-repeat; }
	.locked #disabled { width: 100%; position: absolute; border: 1px soldid red; z-index: 2; } 
	.locked .module-section-wrapper .button.active { text-outline: 0; } 
	
/* Trends, 3 Columns */
#trends #chart-stats .name { width: 290px; margin-top: 5px; margin-right: 20px; } 
#trends #chart-stats .name .title { font: 34px 'HelveticaBd', sans-serif; color: #353535; } 
#trends #chart-stats .name .subtitle { font: 25px 'Helvetica', sans-serif; color: #818181; } 
#trends #chart-stats .results,
.usage .results { display: block; margin-top: 20px; width: 170px; float: left; } 
#trends #chart-stats .percent { float: right; width: 90px; margin-top: 10px; margin-right: 0px; text-align: center; font: 35px/53px 'HelveticaBdCn', sans-serif; color: #353535; } 

	/* Switches */
	#trends div.switch,
	.usage div.switch { width: 16px; height: 35px; float: left; margin: 0 4px; } 
	#trends div.switch.green,
	.usage div.switch.green  { background: url(../images/switches/green-switch.png) no-repeat; }
	#trends div.switch.red,
	.usage div.switch.red  { background: url(../images/switches/red-switch.png) no-repeat } 
	#trends div.switch.empty,
	.usage div.switch.empty  { background: url(../images/switches/empty-switch.png) no-repeat; }
	
/* Add User */
#add-user { width: 300px; margin: 0 auto; } 
#add-user label { width: 100px; float: left; text-align: right; }

/* Support */
#support h1 { text-align: left;width: 500px; } 
#support .variable-description { margin-bottom: 25px; } 
#support .inner-wrapper { width: 580px; float } 
#support input[type="text"], #support textarea { float: left; margin-left: 0; } 
#support input[type="button"] { float: left; margin-left: 0; } 

/* Disbaled */
#support input[type="button"].disbaled { color:#ccc } 

/* Tutorial */
#tutorial { width: 580px; margin: 40px auto; float: none; }
#tutorial .inner-wrapper {  min-height: 800px; width: 100%; height: auto; float: left; background: transparent url(../images/tutorial/bg.png) repeat; border-radius: 5px; -webkit-box-shadow: inset -1px 1px 1px 1px rgba(0, 0, 0, .3); box-shadow: inset -1px 1px 1px 1px rgba(0, 0, 0, .3); border-left: 1px solid #5a5a5a; border-bottom: 1px solid #5a5a5a; background: #353535; }  
#tutorial .button { width: 100%; float: left; text-align: center; margin: 50px 0 60px; } 
#tutorial input[type="button"] { width: 432px; height: 89px; background: url(../images/tutorial/button.png) no-repeat; font: 30px 'Helvetica', sans-serif; color: #ffdd00; text-shadow: 0px -2px 0px rgba(0, 0, 0, 0.4); }
#tutorial h1 {  font: bold 34px 'HelveticaBdCn', sans-serif; margin-top: 40px; color: #ffdd00; text-align: center; width: 100%; float: left; } 
#tutorial h2 { margin: -10px 0 30px; font: bold 24px 'HelveticaBdCn', sans-serif; color: #fff; text-align: center; width: 100%; float: left; } 
#tutorial h3 { float: left; width: 100%; font: bold 24px 'HelveticaBdCn', sans-serif; color: #fff; text-align: center; margin: 40px 0 -10px;  } 
#tutorial p, #tutorial li { font: 24px/32px 'HelveticaBd', sans-serif; color: #fff; width: 520px; float: left; padding: 0 40px; }
#tutorial ul { margin-left: 50px; } 
#tutorial li { width: 100%; float: left; margin-bottom: 10px; } 
#tutorial .bullet { color: #ffdd00; margin-right: 30px; } 
#tutorial .module-section { width: 580px; } 
#tutorial .module-section .image { width: 170px; float: left; padding-top: 20px; margin-right: 20px; } 
#tutorial .module-section img { float: left; margin-left: 25px; }
#tutorial .module-section p { font-size: 18px; margin-left: 40px; float: left; width: 350px; padding: 0; }

#tutorial .inner-wrapper { display: none; } 
#tutorial .play-me { margin: 0 auto; width: 450px; height: 202px; background: url(../images/tutorial/play.png) no-repeat; } 

/* Main Menu (Bottom) */
#footer { position:fixed; z-index:50; bottom:0; left:0; height: 100px; width: 100%; padding: 0; } 
#footer ul { float: left; width: 100%; text-align: center; height: 100%;  background: url(../images/bmenu-bg.png) repeat-x; }
#footer li { z-index: 50; display: block; width: 20%; height: 100%; float: left; text-align: center; background: url(../images/bmenu-border.png) no-repeat right; }
#footer li:hover, #footer li.active { width: 20%; background: url(../images/bmenu-bgactive.png) repeat-x; }
#footer li a { text-decoration: none; width: 100%; height: 100%; display: block; color: #fff; } 

	/* Menu Icons */
	#footer li a#homepage, #footer li a.homepage {  background: url(../images/bmenu-home.png) no-repeat center; } 
	#footer li a#homepage:hover, #footer li.active a#homepage, #footer li a.homepage:hover, #footer li a.homepage.active  { background: url(../images/bmenu-home-active.png) no-repeat center; } 
	#footer li a#learnpage { background: url(../images/bmenu-learn.png) no-repeat center; }
	#footer li a#learnpage:hover, #footer li.active a#learnpage { background: url(../images/bmenu-learn-active.png) no-repeat center; }
	#footer li a#trackpage { background: url(../images/bmenu-track.png) no-repeat center; }
	#footer li a#trackpage:hover, #footer li.active a#trackpage{ background: url(../images/bmenu-track-active.png) no-repeat center; }
	#footer li a#supportpage { background: url(../images/bmenu-support.png) no-repeat center; }
	#footer li a#supportpage:hover, #footer li.active a#supportpage { background: url(../images/bmenu-support-active.png) no-repeat center; }
	#footer li a#settingspage { background: url(../images/bmenu-more.png) no-repeat center; }
	#footer li a#settingspage:hover, #footer li.active a#settingspage  { background: url(../images/bmenu-more-active.png) no-repeat center; }


/*****  Disabled Button State Stlyes *******/
input[disabled="disabled"]{
	opacity:0.3;
	cursor:default;
}


/***************  Basic Page Templates *************/
.basic-page { margin-top: 88px; padding-bottom: 100px; background: url(../images/white-bg.png) repeat; width:100%;}
.basic-text{
	color: #353535;
    font: 24px 'HelveticaBd',sans-serif;
}


.basic-page .subheading {
    background: url("../images/subheading-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    float: none;
}

.basic-page .subheading h3 {
    color: #353535;
    float: none;
    margin: 0 0 0 40px;
    text-transform: uppercase;
	line-height:41px;
}

.basic-page input[type="submit"] {
    background: url("../images/buttons/submit-button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFDD00;
    float: left;
    font: 45px 'Helvetica',sans-serif;
    height: 89px;
    margin: 30px;
    text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.4);
    width: 580px;
	cursor:pointer;
}

/* Basic Page Selector - Mimics the Athlete Selector */
.basic-page .inner-wrapper { width: 100%; margin: 0 auto; float: none; display:none; border-bottom:1px solid #ABABAB; }
.past-tests .basic-page .inner-wrapper { display:block;padding-top:20px; } /* Only Show on Past Results Detail */
.basic-page .chart { width: 580px; height: 61px; background: url(../images/athlete-base.png) no-repeat; float: none; margin: 20px auto;position:relative; }
.basic-page .date { height: 61px; width: 450px; text-align: center; float: left; margin: 0 0 0 5px; }
.basic-page .date #current-value { text-align: center; width: 450px; border: none; background: none;  color: #ffdd00; text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); font: 32px/72px 'HelveticaBd', sans-serif; } 
.basic-page .backwards, .basic-page .forwards { display: block; width: 56px; height: 52px; }
.basic-page .backwards { float: left; margin: 5px 0 0 5px; background: url(../images/buttons/chart-backwards.png) no-repeat; } 
.basic-page .forwards { float: right; margin: 5px 5px 0 0; background: url(../images/buttons/chart-forwards.png) no-repeat; } 
.basic-page .chart select { margin-left: 5px; width: 450px; position: absolute; height: 61px; opacity: 0;left:63px;top:0px; }

.home-toughness.basic-page{padding-bottom:20px;}

/** Past Overview Styles **/
.results-overview .current-test{
	padding:40px 0 30px 0;
	border-bottom:1px solid #ababab;
	border-top:1px solid #fff;
}

.results-overview .past-overview, .home-toughness .past-overview{
	border-top:1px solid #fff;	
	padding:15px 40px;
	box-sizing:padding-box;
}
.home-toughness .past-overview{
	border-bottom:1px solid #ababab;
	padding:15px 0;
}

.home-toughness .past-overview .basic-text{
	border-bottom:1px solid #ababab;
	padding:15px 30px;
}

.home-toughness.no-results .past-overview .basic-text{border-bottom:0px;}
.home-toughness.no-results a.button[href="past-tests.html"]{display:none;}

.test-results.no-results .current-test,
.test-results.no-results .areas-to-work,
.test-results.no-results .test-answers{
	display:none;
}

.results-overview .trend-chart, .home-toughness .trend-chart{
	height:70px;
	width:340px;
	margin:30px 0 0 30px;
	background: rgba(95,95,95,0.1);
}

/* Graph for Past Results Landing */
#past-results .trend-chart{
	height:110px;
	width: calc(100% - 60px);
	margin:10px 30px 10px 30px;
	background: rgba(95,95,95,0.1);
}

/* Hide HighCharts Label */
.trend-chart text{
	display:none;	
}

.results-overview .score-title{
	color:#5f5f5f;
	text-align:center;
	font-size:24px;
	text-transform:uppercase;
}

.results-overview .score-value{
	color:#353535;
	font-size:100px;
	line-heght:130px;
	text-align:center;
}

.results-overview .score-label{
	font-size:50px;
	text-align:center;
	color:#00ae66;
	line-height:60px;
}

.past-overview .number {
    float: left;
    margin-left: 40px;
    margin-top: 20px;
    width: 180px;
}

.past-overview .vs{
	line-height:100px;
	font-size:22px;
}

.past-overview label {
    border-bottom: 2px solid #5F5F5F;
    color: #5F5F5F;
    display: block;
    font: 20px 'Helvetica',sans-serif;
    text-transform: uppercase;
    width: 160px;
}

.past-overview .goals, #past-results .goals {
    color: #353535;
    font: bold 50px 'HelveticaBdCn',sans-serif;
    padding-left: 45px;
    width: auto;
}

#coach-home .past-overview label {width:auto;}
#coach-home .past-overview .number{width:115px;margin-left:20px;}
#coach-home .past-overview .goals{padding-left:0px;}
#coach-home.single-athlete .past-overview .goals{padding-left:40px;}  
#past-results .goals{}

#past-results time{
	width:45%;
	text-align:left;
}
#past-results .fave-item{
	line-height:60px;
}

#past-results .goals {
    font-size: 60px;
}

.past-overview .up-arrow, #past-results .up-arrow {
    background: url("../images/green-arrow.png") no-repeat scroll left center rgba(0, 0, 0, 0);
}
.past-overview .down-arrow, #past-results .down-arrow {
    background: url("../images/red-arrow.png") no-repeat scroll left center rgba(0, 0, 0, 0);
}

#past-results .up-arrow, #past-results .down-arrow{
	background-position:left center;
	padding:0 0 0 45px;
}

.question-wrap .response{
	font-size:32px;
	font-style:italic;
	color:#8e8e8e;
	line-height:48px;
}

.areas-to-work .fave-item{
	padding:25px 50px;
	border-bottom:1px solid #ababab;
	border-top:1px solid #fff;
	min-height:59px;
}
.areas-to-work .fave-item .basic-text{
	line-height:59px;
}

.areas-to-work .no-recos{
    padding: 25px 50px;
	font-size:24px;
}

#past-results .areas-to-work{
	border-top:1px solid #ababab;
}

/*** Coaches Styles ***/
.test-results #athlete-chart{margin-top:20px;}
.test-results #athlete-chart .chart{float:none;margin:20px auto;}




/*** CSS Radio Buttons ***/
.radio-wrap{
	width:144px;
	height:49px;
	position:relative;
}
.radio-wrap input[type='radio']{
	display:block;
	width:100%;
	opacity:0;
	height:49px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	cursor:pointer;
}

.radio-wrap label, 
.radio-wrap .button{
	font-size:23px;
	color:#3a3a3a;
	text-shadow:0 1px 1px rgba(250,250,250,0.5);
	height:49px;
	line-height:49px;
	width:142px;
	text-align:center;
	font-family:'HelveticaBd',sans-serif;
	background:url("../images/progress/first.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
	border:1px solid #e0e0e0;
	border-bottom-color:rgba(17,17,17,0.6);
	position:absolute;
	top:0;
	left:0;
	transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;
	z-index:1;
}

.radio-wrap .button{width:121px;}

.radio-wrap:first-child label,
.radio-wrap:first-child .button{
	border-bottom-left-radius:6px;
	border-top-left-radius:6px;
}

.radio-wrap:last-child label,
.radio-wrap:last-child .button{
	border-bottom-right-radius:6px;
	border-top-right-radius:6px;
}	

.radio-wrap input[type='radio']:checked + label,
.radio-wrap input[type='radio']:hover + label,
.radio-wrap .button.active,
.radio-wrap .button:hover{
	color:#fbdf00;
	text-shadow:0 -1px 1px rgba(0,0,0,0.5);
	background:url("../images/progress/second-active.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
	border:1px solid #959595;
	border-bottom-color:rgba(17,17,17,0.3);
	
}
/*** Quiz Specific Styles ***/
.question-wrap{
	border-top:2px solid #fff;
	border-bottom:1px solid rgba(150,150,150,0.8);
	padding:30px;
	width:calc(100% - 60px);
}

.answers,
.coach-menu-wrapper{
	background:rgba(17,17,17,0.2);
	border-radius:6px;
	border:1px solid rgba(17,17,17,0.5);
	border-bottom-color:#d9d9d9;
	border-top-color:#808180;
	padding:4px;
	box-shadow:0 1px 1px 0 rgba(0,0,0,0.5) inset;
	margin-top:20px;
}

/** Reusable Action Buttons **/
.action-buttons{
	border-top:1px solid #fff;
	width:100%;
}

.action-buttons > div{
	margin:10px 30px;
}
a.button{
	
	font-size:23px;
	color:#000;
	text-shadow:0 1px 1px rgba(250,250,250,0.5);
	height:49px;
	line-height:49px;
	width:142px;
	text-align:center;
	font-family:'HelveticaBd',sans-serif;
	background:url("../images/progress/second.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
	border:1px solid #e0e0e0;
	border-bottom-color:rgba(17,17,17,0.6);
	text-decoration:none;
	top:0;
	left:0;
	transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;
	z-index:1;
	border-radius:6px;
	padding:0 10px;
}

a.button:last-child{
	margin-left:10px;
}
	
a.link{
	margin:0 0 20px 0;
	display: inline-block;
	color: #ffdd00;
	font: bold 20px 'HelveticaBdCn', sans-serif;
}

/* Custom HTML LightBox Styles */
.lightbox .html{
	width:90%;
	margin:0 auto;
	font-size:16px;
	text-align:center;
	color:#fff;
}

.lightbox .html .button{
	display:inline-block;
	width:90%;
}

/*** Semantic Styles ***/
.left{float:left;}
.right{float:right;}
.clear:before, .clear:after{
	content:' ';
	display:block;
	clear:both;
}


/***********************************
*     Athlete Detail Styles 
*		8-16-2014 Updates
***********************************/
.usage .stat-item{
	border-top:1px solid #fff;
	padding:20px 5% 20px 5%;
	border-bottom:1px solid rgba(150,150,150,0.8);
	width:90%;
	margin:0px auto;
	color:#353535;
	float:none;
}

.usage .grey-subheader{float:none}
.usage .grey-subheader h2{line-height:42px;}

/* Stat Title Column */
.stat-item .stat-title{width:27%;}

.stat-item time{
	color:#5f5f5f;
	font-size:16px;
	margin-bottom:10px;	
	text-transform:uppercase;
}

.stat-item .title{
	font-size:24px;
	font-weight:bold;
}

/* Stat Data Column */
.stat-item .stat-data{width:20%;min-width:230px;}

.stat-item .entry{font-size:18px;padding-bottom:0px;border-bottom:0px;}
.stat-item .entry.large{font-size:65px;font-weight:bold;border-bottom:0px;line-height:65px;}

div[data-stat="mchart"] .stat-data .entry:first-child,
div[data-stat="activity"] .stat-data .entry:first-child{
	margin-bottom:10px;
}
.stat-item .entry.logins{
	margin:20px 0 5px 0;
}

/* Stat Data Analysis */
.stat-item .stat-analysis{width:20%;}

.stat-item .number label, .slide label{
    border-bottom: 2px solid #5F5F5F;
    color: #5F5F5F;
    display: block;
    font: 16px 'Helvetica',sans-serif;
    text-transform: uppercase;
	width:120px;
}

.stat-item .number .goals, .slide .goals.arrows{
	color: #353535;
    font: bold 40px 'HelveticaBdCn',sans-serif;
    padding-right: 40px;
    width: 90px;
	display:block;
	text-align:right;
}

.stat-item .number .up-arrow, .slide .goals.arrows.up-arrow {
    background: url("../images/green-arrow.png") no-repeat scroll right center rgba(0, 0, 0, 0);
	color:#00ae66;
	background-size:25px;
}
.stat-item .number .down-arrow, .slide .goals.arrows.down-arrow {
    background: url("../images/red-arrow.png") no-repeat scroll right center rgba(0, 0, 0, 0);
	color:#ff563f;
	background-size:25px;
}

.stat-item .sub-label{
	font-size:16px;
	color:#bbb;
	font-style:oblique;
	display:block	
}

.stat-item .fire, .stat-item .on-fire, .slide .name.fire{
	background: url("../images/on-fire.png") left top no-repeat transparent;
	height:70px;
	width:50px;
	display:block;
	margin:0 auto 10px auto;
	background-size:cover;
}

.stat-item .on-fire, .slide .name.fire{
	background: url("../images/fire.png") left top no-repeat transparent;
	background-size:cover;
}


.stat-item .fire-image .label{
	text-transform:uppercase;
	color:#5f5f5f;
}

#coach-home .stat-item.entry .play-button,
#athlete-home .stat-item.entry .play-button{margin:10px 0 0 0;}

#top-bar .title{
	color: #fff;
    font-size: 38px;
    height: 51px;
    line-height: 51px;
    margin: 20px auto;
    max-width: 400px;
    text-align: center;
    width: auto;
}


/*** Team Detail Summary Menu Switcher **/
.team-details > .clear, .team-summary > .clear{
	margin:0 auto;
	width:640px;
}
.coach-menu-wrapper .radio-wrap{
	width:122px;
}
.coach-menu-wrapper .radio-wrap .button:before{
	display:inline-block;
	content:'';
	background: url("../images/percentage.png") left 4px no-repeat transparent;
	width:50px;
	height:50px;
}

.coach-menu-wrapper .radio-wrap .button.active:before{background: url("../images/percentage.png") left -56px no-repeat transparent;}
.coach-menu-wrapper .radio-wrap #second.button:before{background: url("../images/details.png") left 4px no-repeat transparent;}
.coach-menu-wrapper .radio-wrap #second.button.active:before{background: url("../images/details.png") left -56px no-repeat transparent;}

/* Team Details Table Styles */
.team-details table{
	width:100%;
	text-align:center;
	font-size:16px;
}
/* Hide Actual values that Table Sorter plugin uses */
.team-details table td > span{display:none;}

table .grey-subheader{
	width:100%;
	float:none;
	text-transform:uppercase;
	color: #353535;
    font: 16px 'HelveticaBd',sans-serif;
}
.team-details table td:first-child,
.team-details table th:first-child{
	text-align:left;
	padding-left:45px;
}

.team-details table td{
	padding:15px 0;
	border-top:1px solid #fff;
	border-bottom:1px solid rgba(150,150,150,0.8);
}

.team-details table td.fire{
	background: url("../images/fire.png") no-repeat scroll 31px 9px / calc(6%) auto transparent;
}

/* Fake Play Button on last column */
.team-details table tbody tr td:last-child{
	padding-right:50px;
	background: url("../images/buttons/play.png") no-repeat scroll 90% center / calc(36px) auto transparent;
}

/* Desc/Asc Header Styles */
th div{
	position:relative;
	padding-right:20px;
	float:left;
}
th.tablesorter-header.tablesorter-headerAsc div:before, th.tablesorter-header.tablesorter-headerDesc div:before{
	font-family:"FontAwesome";
	display:inline-block;
	right:0;
	content:"\f078";
	font-size:14px;
	top:1px;
	position:absolute;
}


th.tablesorter-header.tablesorter-headerAsc div:before{
	content:"\f077";
}

/**** Team Summary Styles ****/
#top-bar, #footer{
	z-index:1009;
}


.size {
    float: left;
    font-size: 20px;
    margin: 20px 0 20px 30px;
}

#coach-home .coach-menu-wrapper{margin-bottom:10px;}

#usage-wrap{border-top:1px solid #808080;}

/* Slider */
.cycle-slideshow, .stat-slide-wrap{
	height:300px;
	position:relative;
	width:100%;
	border-top:1px solid #fff;
	border-bottom:1px solid #aaaaa9;
}

.pager-wrap{position:relative;}

.cycle-prev-slide:before, .cycle-next-slide:before {
    content:"\f054";
	font-family:"FontAwesome";
    cursor: pointer;
    display:inline-block;
    height: 35px;
    right: 25px;
    position: absolute;
    top: 115px;
    width: 25px;
    z-index: 1000;
	font-size:40px;
	color:#5f5f5f;
}
.cycle-prev-slide,
.cycle-next-slide
{
	display:none;
}

.cycle-prev-slide.active,
.cycle-next-slide.active{
	display:block;
}


.cycle-prev-slide:before{
	content:"\f053";
	left:25px;
	right:auto;
}

.slide{
	height:350px;
	width:100%;
}

.slide-inner{
	width:55%;
	margin:0 auto;
	padding:20px 0 0;
	position:relative;
	height:280px;
}

/** Iconography **/
.slide .icon,
.single-athlete .icon{
    background: url("../images/graph-icon.png") no-repeat scroll left top / calc(70%) auto transparent;
    height: 91px;
    left: -128px;
    margin-right: 25px;
    position: absolute;
    width: 128px;
	bottom:85px;
}

.icon.icon-clipboard {
    background: url("../images/clipboard-icon.png") no-repeat scroll left top / calc(56%) auto transparent;
    bottom: 55px;
    height: 100px;
}


.icon.icon-learn {
    background: url("../images/arrow-icon.png") no-repeat scroll left top / calc(55%) auto transparent;
    bottom: 99px;
    left: -121px;
}

.icon.icon-fire {
    background: url("../images/activity-icon.png") no-repeat scroll left top / calc(55%) auto transparent;
    bottom: 99px;
    left: -121px;
}

.single-athlete .icon{
	background-position: 0 center;
    background-size: calc(40px) auto;
    bottom: auto;
    display: table-cell;
    height: 95px;
    left: auto;
    padding-left: 45px;
    position: relative;
    vertical-align: middle;
    width: 75%;

}

.single-athlete .icon.icon-clipboard {
    background: url("../images/clipboard-icon.png") no-repeat scroll left center / calc(40px) auto transparent;
    bottom: auto;
    left: auto;
	padding-left:50px;
}


.single-athlete .icon.icon-learn {
    background: url("../images/arrow-icon.png") no-repeat scroll left center / calc(40px) auto transparent;
    bottom: auto;
    left: auto;
}

.single-athlete .icon.icon-fire {
    background: url("../images/activity-icon.png") no-repeat scroll left center / calc(40px) auto transparent;
    bottom: auto;
    left: auto;
	padding:0 0 0 50px;
}

.single-athlete .icon.icon-gap {
    background: url("../images/gap-sm.png")  no-repeat scroll left 45px / calc(35px) auto transparent;
    padding-left: 50px;
	left:auto;
	right:auto;
}

.single-athlete .icon.icon-music{
	background: url("../images/relax-sm.png")  no-repeat scroll left 25px / calc(35px) auto transparent;
    padding-left: 50px;
}

/* Notebook */
.single-athlete .icon.icon-notebook{
	background: url("../images/journal-sm.png")  no-repeat scroll left 25px / calc(35px) auto transparent;
    padding-left: 50px;
}

/* Results */
.single-athlete .icon.icon-schedule{
	background: url("../images/schedule-sm.png")  no-repeat scroll left 25px / calc(35px) auto transparent;
    padding-left: 50px;
}

/* Roadmap */
.single-athlete .icon.icon-roadmap{
	background: url("../images/roadmap-sm.png")  no-repeat scroll left 25px / calc(35px) auto transparent;
    padding-left: 50px;
}


.slide h2 {
    color: #353535;
    font-size: 35px;
    text-transform: uppercase;
	margin:0;
	font-family:"HelveticaBd";
}

.slide h3, .slide time, .slide label {
    color: #5f5f5f;
    font-family: "Helvetica";
    font-size: 16px;
    font-weight: lighter;
    line-height: 20px;
    margin: 0 0 40px;
    text-transform: uppercase;
}

.slide .leaderboard h3{margin-bottom:30px;}

.slide label{
	padding-bottom:5px;
	margin:0;
}

.slide .number .goals{
	font-size:50px;
	line-height:50px;
	font-weight:bold;
}

.slide .number time{
	display:block;
	margin:0;
}


.slide .goals.arrows{
    background-size: calc(21%) !important;
    font-size: 32px;
    line-height: 40px;
    padding-right: 30px;
    text-align: right;
    width: 95px;
}

.slide-inner .number.first{
	width:50%;
}

/*** Leader Board Styles ***/
.slide.leaderboard{
	background:rgba(234,234,234,0.6);
}

.top, .bottom{
	width:calc(50% - 20px);
}

.top{margin-right:20px;}

.top h4, .bottom h4{
	margin:0px;
	background:#06ba77;
	color:#fff;
	height:38px;
	line-height:38px;
	font-size:20px;
	font-weight:bold;
	margin:0 0 10px 0;
	border:0px;
	border-radius:4px;
	padding-left:20px;
	background: linear-gradient(#06c382 0%, #049d4f 100%) no-repeat;
	background: -webkit-linear-gradient(#06c382 0%, #049d4f 100%) no-repeat;
	background: -ms-linear-gradient(#06c382 0%, #049d4f 100%) no-repeat;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#06c382', endColorstr='#049d4f');/*For IE7-8-9*/
}

.bottom h4{
	background: linear-gradient(#ff6f53 0%, #ff4333 100%) no-repeat;
	background: -webkit-linear-gradient(#ff6f53 0%, #ff4333 100%) no-repeat;
	background: -ms-linear-gradient(#ff6f53 0%, #ff4333 100%) no-repeat;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff6f53', endColorstr='#ff4333');/*For IE7-8-9*/
}

.row{
	padding:0;
	font-size:18px;
	line-height:26px;
}


.slide .row .name {
    display: inline-block;
    height: auto;
    margin-bottom: 0;
    overflow: hidden;
    padding-left: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 57%;
}

.row .score{
	width:17%;
	display:inline-block;
	overflow:hidden;
	margin-right:5px;
}

.slide .single-athlete{
	 background: url("../images/buttons/play.png") no-repeat scroll 0 2px / contain rgba(0, 0, 0, 0);
	 width:30px;
	 height:30px;
	 cursor:pointer;
	 display:inline-block;
}

.button.view-all {
    font-size: 20px;
    height: 40px;
    left: auto;
    line-height: 40px;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 105px;
}

#toughness .button.view-all{
	top:67px;
}

#activity .slide h3{margin-bottom:0;}

.slide .name.fire{
	background:url("../images/fire.png") no-repeat scroll 3px -2px auto transparent;
	background-size:calc(19px);
}

#activity .slide .fire {
    background: url("../images/fire.png") no-repeat scroll left top transparent;
    color: #fff;
    font-size: 79px;
    height: 138px;
    display:table-cell;
	vertical-align:bottom;
    text-align: center;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
    width: 100px;
	background-size:cover;
}

#activity time{
	margin:0;
	width:100px;
	text-align:center;
	display:block;
}

@media only screen and (max-width:960px){

.leaderboard .slide-inner{
	width:75%;
}

.button.view-all{
	top:58px;
}
}
@media only screen and (max-device-width:1024px){
/* Video Playback Overrides */
ul.jp-toggles li a{
	background-size:100%;
	width:30px !important;
	height:30px !important;
}

}
@media all and (max-width:640px){
html, body{
	width:640px;
	min-width:640px;
}
#top-bar, #load, #footer{
	width:640px;
	min-width:640px;
}

}
/** Updates to Main Navigation 
	Added Practice and More sections
	9-24-2014
**/

.cycle-slideshow, .stat-slide-wrap{
	height:350px;
}

#footer li a#practice{
	background:url("../images/bmenu-practice.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

#footer li a#track{
	background:url("../images/bmenu-track.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

#footer li.active a#practice{
	background:url("../images/bmenu-practice-active.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

#footer li.active a#track{
	background:url("../images/bmenu-track-active.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

/*** Track and Practice Styles ***/
.feature-row{
	border-bottom: 1px solid rgba(150, 150, 150, 0.8);
    border-top: 2px solid #fff;
    padding: 30px;
    width: calc(100% - 60px);
	position:relative;
}


.feature-row.disabled:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    color: #f5d605;
    content: "Coming Soon";
    cursor: default;
    display: block;
    font-size: 36px;
    height: calc(100% - 18px);
    left: 0;
    padding-top: 20px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 100%;
    z-index: 1;
}
.feature-button-wrap{
	background:rgba(17,17,17,0.2);
	border-radius:6px;
	border:1px solid rgba(17,17,17,0.5);
	border-bottom-color:#d9d9d9;
	border-top-color:#808180;
	padding:4px;
	box-shadow:0 1px 1px 0 rgba(0,0,0,0.5) inset;
	margin-top:20px;
	width:100%;	
}

.feature-button{
	border-radius:6px;
	font-size:34px;
	line-height:40px;
	color:#3a3a3a;
	text-shadow:0 1px 1px rgba(250,250,250,0.5);
	min-height:49px;
	font-family:'HelveticaBd',sans-serif;
	background: linear-gradient(#d5d5d5 0%, #b9b9b9 100%) no-repeat;
	background: -webkit-linear-gradient(#d5d5d5 0%, #b9b9b9 100%) no-repeat;
	background: -ms-linear-gradient(#d5d5d5 0%, #b9b9b9 100%) no-repeat;
	border:1px solid #e0e0e0;
	border-bottom-color:rgba(17,17,17,0.6);
	transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;
	z-index:1;
	overflow:hidden;
	height:auto;
	position:relative;
}

.feature-button:hover,
.feature-button:active,
.feature-button.active{
	color:#fbdf00;
	text-shadow:0 -1px 1px rgba(0,0,0,0.5);
	background: linear-gradient(#b9b9b9 0%, #d5d5d5 100%) no-repeat;
	background: -webkit-linear-gradient(#b9b9b9 0%, #d5d5d5 100%) no-repeat;
	background: -ms-linear-gradient(#b9b9b9 0%, #d5d5d5 100%) no-repeat;
	border:1px solid #959595;
	border-bottom-color:rgba(17,17,17,0.3);
}

.feature-button span{
	border-left: 1px solid #dfdfdf;
    display: block;
    float: left;
    height: 100%;
    min-height: 40px;
    padding: 25px;
    width: calc(100% - 192px);
	margin-left:140px;	
}
.feature-button span:first-child{
	border-left: 0 none;
    border-right: 1px solid #909090;
    bottom: 0;
    height: calc(100% - 50px);
    left: 0;
    position: absolute;
    top: 0;
    width: 89px;
	margin-left:0;
}

/* Iconograpghy */
.feature-button .button-icon{
	background: url('../images/graph-icon.png') center center no-repeat transparent;
	background-size:calc(50px);
}
.feature-button .button-icon.icon-journal{
	background: url('../images/journal-sm.png') center center no-repeat transparent;
}

.feature-button .button-icon.icon-roadmap{
	background: url('../images/roadmap-sm.png') center center no-repeat transparent;
}

.feature-button .button-icon.icon-schedule{
	background: url('../images/schedule-sm.png') center center no-repeat transparent;
}

.feature-button .button-icon.icon-tough{
	background: url('../images/clipboard-icon.png') center center no-repeat transparent;
	background-size:calc(50px);
}

.feature-button .button-icon.icon-imagery{
	background: url('../images/imagery-sm.png') center center no-repeat transparent;
}

.feature-button .button-icon.icon-relax{
	background: url('../images/relax-sm.png') center center no-repeat transparent;
}

.feature-button .button-icon.icon-gap{
	background: url('../images/gap-sm.png') center center no-repeat transparent;
}

.feature-button .edit{
	background: url('../images/buttons/edit-button.png') 0 0 no-repeat transparent;
	display:block;
	position:absolute;
	right:20px;
	top:20px;
	height:51px;
	width:60px;	
}

/** Top Bar Tip Styles **/
.hasTip:after{
	font-family:"FontAwesome";
	display:inline-block;
	content:'\f059';
	font-size:40px;
	line-height:45px;
	padding-left:20px;
	color:rgba(250,250,250,0.5);
}

.hasTip.open:after{
	color:rgba(250,250,250,0.8);
}


.tip{
	background:rgba(0,0,0,0.6);
	border:1px solid #999b98;
	border-radius:6px;
	font-size:24px;
	line-height:normal;
	font-weight:bold;
	color:#fff;
	font-family:"HelveticaBd";
	padding:30px;
	width:calc(100% - 120px);
	margin:20px auto;
	position:relative;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
	display:none;
}

.tip a.closeTip{
	position:absolute;
	top:10px;
	right:10px;
	background: url('../images/closeTip.png') top left no-repeat transparent;
	display:block;
	height:27px;
	width:26px;
}


.stat-item .entry.large {
    padding-left: 30px;
}
/* Imagery Styles */
.editable{
	display:none;
}

.editable input[type='text']{
	font-family: Helvetica;
    font-size: 20px;
    height: 29px;
    margin: 5px 40px;
    text-indent: 5px;
    width: 250px;
	border-radius:6px;
	background:rgba(0,0,0,0.2);
	box-shadow:0 1px 0 0 rgba(0, 0, 0, 0.5) inset;
}

.editable span,
.subheading span{
	color: #353535;
    float: right;
    line-height: 41px;
    margin: 0 40px 0 0;
    text-transform: uppercase;
}
/** Mame Title Bigger **/
.subheading span{
	font-size:18px;
}

textarea.editable, .imagery.content {
	border: 1px solid #ccc;
    font-family: Helvetica;
    font-size: 20px;
    height: 200px;
    margin: 20px 40px;
    width: calc(100% - 40px);
	display:block;
	border-radius:6px;
	background:rgba(0,0,0,0.2);
	box-shadow:0 1px 0 0 rgba(0, 0, 0, 0.5) inset;
}

.imagery.content{
	border:0px;
	padding-left:0px;
	background:transparent;
	box-shadow:none;
	overflow-y:scroll;
}

textarea.editable {
    display: none;
}

.editable.actions.clear {
    margin: 0 auto 20px;
    width: 95%;
}

/** 
	Prgogressive Relaxion Styles 
	@author Brett Exnowski
	@date 10/31/14 ~ Spooky!
	
**/

/** jPlayer Audio Overrides **/

div.jp-audio{
	width:100%;
	background:none;
	padding:20px 40px;
	height:75px;
	border-bottom:1px solid #ababaa;
}

.jp-audio div.jp-controls-holder{
	width:85px;
	top:10px;
}

div.jp-audio ul.jp-controls{
	padding:0;
	width:100%;
}

.jp-audio a.jp-play,
.jp-audio a.jp-pause,
.jp-audio a.jp-stop,
.jp-audio a.jp-play:hover,
.jp-audio a.jp-pause:hover,
.jp-audio a.jp-stop:hover
{
	background:url("../images/audio-buttons.png") left top no-repeat transparent;
	width:64px;
	height:59px;
	display:block;
}
.jp-audio a.jp-pause,
.jp-audio a.jp-pause:hover{
	background:url("../images/audio-buttons.png") left -123px no-repeat transparent;
}

div.jp-audio div.jp-progress{
	width:50%;
	position:relative;
	background:rgba(17,17,17,0.2);
	border-radius:14px;
	border:1px solid rgba(17,17,17,0.5);
	border-bottom-color:#d9d9d9;
	border-top-color:#808180;
	padding:6px 7px 7px;
	box-shadow:0 1px 1px 0 rgba(0,0,0,0.5) inset;
	top:26px;
}
.jp-audio div.jp-seek-bar{
	background:rgba(17,17,17,0.2);
	border-radius:9px;
	border:1px solid rgba(17,17,17,0.5);
	border-bottom-color:#d9d9d9;
	border-top-color:#808180;
	box-shadow:0 1px 1px 0 rgba(0,0,0,0.5) inset;
	height:16px;
}

.jp-audio div.jp-play-bar{
	border-radius:9px;
	border:0;
	overflow:visible !important;
	position:relative;
	min-width:7px;
}

.jp-audio div.jp-play-bar:after{
	background:url("../images/handle.png") left top no-repeat transparent;
    content: "";
    display: inline-block;
    position:absolute;
	right:-7px;
	height:18px;
	width:18px;
	top:-1px;
}

.jp-audio div.jp-current-time, 
.jp-audio div.jp-duration{
	font-style:normal;
	font-size:20px;
	color:#5f5f5f;
	top:35px;
	font-family:'HelveticaBd', sans-serif;
	font-weight:bold;
	margin:25px 0 0 20px;
}

/** 
	GAP Styles 
	11-6-2014
	
**/

.timer-top, 
.timer-buttons,
#gap #jp_container_1{
	margin: 25px auto;
    max-width: 500px;
    min-width: 380px;
    width: 100%;
	border:0;
}

.feature-button-wrap.timer{
	cursor:default;
	height:130px;
}

.timer .feature-button,
.timer .feature-button:hover{
    background: linear-gradient(#717171 0%, #8e8e8e 100%) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -webkit-linear-gradient(##717171 0%, #8e8e8e 100%) no-repeat;
	background: -ms-linear-gradient(##717171 0%, #8e8e8e 100%) no-repeat;
    color: #fbdf00;
    font-size: 100px;
    font-weight: bold;
    height: 128px;
    line-height: 130px;
    text-align: center;
    text-shadow: 1px -2px 2px rgba(0, 0, 0, 0.7);
}

#counter{
	pointer:default;
}

.timer-buttons .feature-button-wrap{
	width:185px;
	font-size:23px;
	text-align:center;
	font-weight:bold;
}
.timer-buttons .feature-button{
	font-size:24px;
	line-height:45px;
}

.total-time{
	font-size:24px;
	font-family: 'HelveticaBd', sans-serif;
}

.timer-buttons .feature-button-wrap:first-child{
	margin-right:25px;
}

#gap .feature-button:hover,
#gap .feature-button:active,
#gap .feature-button.active{
    background: linear-gradient(#717171 0%, #8e8e8e 100%) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -webkit-linear-gradient(##717171 0%, #8e8e8e 100%) no-repeat;
	background: -ms-linear-gradient(##717171 0%, #8e8e8e 100%) no-repeat;
}


/** 
	Notebook Styles 
	@author Brett Exnowski
	@date 2/6/15
	
**/

#notebook-wrapper {
    min-height: 260px;
}

/** Pure CSS Add Button **/
.add-notebook:before,
.add-schedule:before,
.add-roadmap:before{
    color: #fff;
    content: "";
    font-family: "FontAwesome";
    font-size: 32px;
}

a#edit-button.add-notebook,
a#edit-button.add-schedule,
a#edit-button.add-roadmap,
#top-bar .edit{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, 0.5) transparent rgba(250, 250, 250, 0.5);
    border-image: none;
    border-left: 1px solid transparent;
    border-radius: 8px;
    border-right: 1px solid transparent;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5) inset;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 0;
    height: 51px;
    line-height: 51px;
    margin: 20px 30px 0 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    width: 60px;
    z-index: 99999999;
}

/* Edit Defaults button on Results Page */
#top-bar .edit{
	background: url("../images/buttons/edit-button.png") no-repeat scroll 0 0 transparent;
    right: 75px;
}


.editable input.datepicker[type="text"]{
	margin-right:10px;
}

/* Calendar Label Control */
#notebook-wrapper label,
#schedule-wrapper label,
#roadmap-wrapper label {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    margin-top: 3px;
    padding: 4px 7px 6px;
}
label .fa-calendar {
    color: #ffdd00;
    font-size: 24px;
}

/** Heading **/
#notebook .subheading h3,
#schedule .subheading h3,
#roadmap .subheading h3{
	float:left;
}

#notebook .imagery.content,
#schedule .imagery.content,
#roadmap .imagery.content {
    height: auto;
    max-height: 200px;
    min-height: 50px;
}

/** Loader Icon - Lazy loading **/
.wrapper #loader {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    border: 1px solid #ccc;
    font-size: 18px;
    padding: 30px 0;
    text-align: center;
    width: calc(100% - 2px);
}


/** 
	Results and Schedules Styles 
	@author Brett Exnowski
	@date 3/10/15
	
**/
#schedule{}
#schedule-wrapper{
	min-height:450px;
	border-top:1px solid #ccc;
}

#schedule-wrapper .imagery.content,
#schedule-wrapper textarea,
#roadmap-wrapper .imagery.content,
#roadmap-wrapper textarea{
    width: calc(100% - 76px);
	float:left;
	margin:0 0 0 20px;
	padding:5px;
}

#schedule input[type="text"] {
    width: 200px;
	color:#3a3a3a;
}
input::-webkit-input-placeholder {
  color:#3a3a3a;
}

/* Results Check Mark */
.results-middle{
	margin:20px;
}
.result-check {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.2) transparent;
    border-image: none;
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2) inset;
    display: block;
    font-size: 50px;
    height: 40px;
    margin:0;
    width: 40px;
	float:left;
	text-decoration:none;
}
.result-check i {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    color: rgba(0, 0, 0, 0.3);
    display: block;
    font-size: 28px;
    height: 30px;
    margin: 5px auto;
    text-align: center;
    text-decoration: none;
    width: 30px;
}

div[data-checked='1'] .result-check i{
	color:#ffde00;
}


body.mobile .ui_tpicker_hour_slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all::after,
body.mobile .ui_tpicker_minute_slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all::after {
    content: "Tap to Change";
    display: inline;
    font-size: 12px;
    position: absolute;
    right: 11px;
    top: 0px;
}

/** 
	Roadmap Styles 
	@author Brett Exnowski
	@date 4/21/15
	
**/

#roadmap .subheading .left.text {
    float: left;
    font-size: 18px;
    margin: 0 20px;
}

#roadmap .editable input.datepicker[type="text"] {
    margin: 5px 10px 5px 0;
    width: 150px;
}


#roadmap span.age {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.5) inset;
    color: #000;
    display: inline-block;
    float: left;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    margin: 5px;
    text-align: center;
    width: 40px;
}


#roadmap .content h3 {
    margin-left: 0;
}
#roadmap .content span.age {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 6px;
    box-shadow: none;
    color: #353535;
    display: inline-block;
    float: left;
    font-size: 18px;
    height: 30px;
    line-height: 42px;
    margin: 0;
    text-align: center;
    width: auto;
}
#roadmap .content span.age::after {
    content: ",";
}
#roadmap .subheading.content .left.text{margin:0 10px;}
#roadmap .subheading.content .left.text.first{maring:0 10px 0 20px;}



/** 
	New Athlete Home Styles 
	@author Brett Exnowski
	@date 6/15/15
	
**/
#athlete-home {
    margin: 85px 0 20px;
    padding-bottom: 100px;
}
#athlete-home:after {
	content:'';
	clear:both;
	display:block;
}

#athlete-home #note-section {
  background-color: rgba(0, 0, 0, 0.1);
  backgroud-image:none;
  border-bottom: 1px solid #666;
  float: left;
  height: auto;
  margin-bottom: 15px;
  padding: 10px 0 30px;
  width: 100%;
}

#athlete-home div.heading h2.messages.active {
  background-position:left 20px;
}
#athlete-home div.heading h2.messages {
  background-position:left 19px;
}
#athlete-home div.heading h2 {
  margin: 0 0 0 33px;
  height:58px;
  display:inline-block;
  padding-top:3px;
}
#athlete-home div.favorites .fave-title{color:#fff;}
#athlete-home div.favorites .icon {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  float: left;
  margin: 25px 0 0;
  opacity: 0;
  text-align: center;
  width: 10px;
}
#athlete-home .stat-item .learn-level{
	color:#5f5f5f;
	font-size:16px;
	margin:-5px 0 10px 0;
	text-transform:uppercase;
}
#athlete-home #progress-bar{
	height:auto;
	max-width:580px;
	position:relative;
	width:100%;
	background-size:100% 20px;
}
#athlete-home .stat-item[data-stat='learn'] .stat-data{width:50%;}
#athlete-home #progress-bar ul.labels{width:100%;max-width:580px;}
#athlete-home #progress-bar ul.labels li {

  font: 16px "Helvetica",sans-serif;
  list-style-type: none;
  margin-right: 0;
  width:33%;
}

#athlete-home .stat-item .stat-data{width:33%;}

#athlete-home div.favorites {
  background:url("../images/white-bg.png") 0 0 repeat rgba(0, 0, 0, 0);
  clear: both;
  float: none;
  margin-bottom: 150px;
  width: 100%;
}
#athlete-home .stat-item .fire-image{
	background: url("../images/icon-cold.png") no-repeat 0 7px transparent;
  	background-size:55px; 
	display:block;
	height:auto;
	margin:0 auto 0;
	width:100%;
}

.stat-item[data-stat='activity'] time{display:block;}
#athlete-home .stat-item .fire-image.warm {
  background-image: url("../images/icon-warm.png");
  background-position: 15px 10px;
  background-size: 30px auto;
}
#athlete-home .stat-item .fire-image.hot {
  background-image: url("../images/icon-hot.png");
  background-position: 12px 5px;
  background-size: 36px auto;
}
#athlete-home .stat-item .fire-image.fire{
	background-image:url('../images/icon-on-fire.png');
	background-position:0 0;
}

#athlete-home .stat-item .fire-image .label{
    color: #353535;
    display: inline-block;
    font-size: 20px;
	font-weight:100;
    padding: 10px 0 10px 65px;
    text-transform: none;
}
#athlete-home .stat-item .fire-image .label strong{
	font-size:30px;
	font-weight:bold;
	display:block;
}

#athlete-home .usage div.switch{
	background: url('../images/switches/streak-trend-icons.png') 0 0 no-repeat transparent;
}
#athlete-home .usage div.switch.warm{background-position:-22px 0;}
#athlete-home .usage div.switch.hot{background-position:-45px 0;}
#athlete-home .usage div.switch.fire{background-position:-66px 0;}

/* Info Lightbox Styles */
.lightbox-wrapper[data-page='athlete-home']{
	margin:0 auto;
	width:100%;
}
.lightbox-wrapper[data-page='athlete-home'] .lightbox{
	max-width:580px;
	width:100%;
	margin:0 auto;
}

.lightbox-wrapper[data-page='athlete-home'] .lightbox-outer{position:relative;}
.lightbox-wrapper[data-page='athlete-home'] .dismiss-box{
	right:15px;
	top:10px;
	margin:0;
}
.lightbox-wrapper[data-page='athlete-home'] .lightbox-inner{
	margin:5px;
	width:98%;
}
.streak-info {
    text-align: left;
}
#streak-info i {
  color: #aaa;
  font-size: 26px;
  padding-left: 5px;
  vertical-align: baseline;
}
.slevel {
  background: url("../images/icon-cold.png") no-repeat left top transparent;
  background-size:45px; 
  font-size: 14px;
  font-weight: 300;
  height: 75px;
  margin-left: 0;
  padding-left: 65px;
  width: 200px;
  text-shadow:none;
  color:#bbb;
}
.slevel strong{
	display:block;
	font-size:26px;
	color:#fff;
}

/* Warm */
.slevel.warm-level {
  background-image: url("../images/icon-warm.png");
  background-position: 20px top;
  background-size: 18px auto;
}
/* Hot */
.slevel.hot-level {
  background-image: url("../images/icon-hot.png");
  background-position: 16px top;
  background-size: 23px auto;
}
/* Fire */
.slevel.fire-level {
  background-image: url("../images/icon-on-fire.png");
  background-position: 10px top;
  background-size: 35px auto;
}
.level-stats {
  margin-bottom: 20px;
}

.level-stats > div {
  color: #bbb;
  margin: 5px 0;
  text-shadow: none;
  font-weight:100;
}
.level-stats > div span{
  color: #fff;
  font-size:24px;
  font-weight:bold;
}

/***** Menu Fire Call Outs *****/
#footer ul li:first-child{position:relative;}
#footer ul li:first-child:before {
    content: '';
    height: 100%;
    position: absolute;
	left:0;
	top:0;
	display:none;
	opacity:0.4;
    width: 100%;
    z-index: -1;
	background: -moz-linear-gradient(center bottom , #ffdf0b 0%, transparent 35%, transparent 100%) repeat-x scroll 0 0;
	background: -webkit-linear-gradient(bottom, #ffdf0b 20%, transparent 55%, transparent 100%) repeat-x scroll 0 0;
	background: -ms-linear-gradient(bottom, #ffdf0b 20%, transparent 55%, transparent 100%) repeat-x scroll 0 0;
	background: -o-linear-gradient(bottom, #ffdf0b 20%, transparent 55%, transparent 100%) repeat-x scroll 0 0;
	background: linear-gradient(bottom, #ffdf0b 0%, transparent 35%, transparent 100%) repeat-x scroll 0 0;
}

body.warm #footer ul li:first-child:before{display:block;}
/* Hot */
body.hot #footer ul li:first-child:before{
	display:block;
	opacity:0.6;
	background: -moz-linear-gradient(center bottom, #ffa02d 10%, transparent 40%, transparent 100%) repeat-x scroll 0 0;
	background: -webkit-linear-gradient(bottom, #ffa02d 20%, transparent 55%, transparent 100%) repeat-x scroll 0 0;
	background: -ms-linear-gradient(bottom, #ffa02d 20%, transparent 55%, transparent 100%) repeat-x scroll 0 0;
	background: -o-linear-gradient(bottom, #ffa02d 20%, transparent 55%, transparent 100%) repeat-x scroll 0 0;
	background: linear-gradient(bottom, #ffa02d 10%, transparent 40%, transparent 100%) repeat-x scroll 0 0;
}
/* On Fire */
body.fire #footer ul li:first-child:before{
	display:block;
	opacity:0.8;
	background: -moz-linear-gradient(center bottom, #ff5f49 20%, transparent 55%, transparent 100%) repeat-x scroll 0 0;
	background: -webkit-linear-gradient(bottom, #ff5f49 20%, transparent 55%, transparent 100%) repeat-x scroll 0 0;
	background: -ms-linear-gradient(bottom, #ff5f49 20%, transparent 55%, transparent 100%) repeat-x scroll 0 0;
	background: -o-linear-gradient(bottom, #ff5f49 20%, transparent 55%, transparent 100%) repeat-x scroll 0 0;
	background: linear-gradient(bottom, #ff5f49 20%, transparent 55%, transparent 100%) repeat-x scroll 0 0;
}

#level-changed{
	position:absolute;
	bottom:30px;
	left:6%;
	background: url('../images/level-modal.png') left top no-repeat transparent;
	width:364px;
	height:188px;
	display:none;
	padding:15px 0 0 20px;
	opacity:0;
}
#level-changed .copy{
	float:left;
	text-transform:uppercase;
	font-size:20px;
	color:#bbb;
	font-weight:100;
	text-shadow:none;
	padding-left:25px;
}
#level-changed .copy strong{
	font-size:30px;
	color:#fff;
	display:block;
}
#level-changed:before{
	background: url('../images/icon-warm.png') 12px 10px no-repeat transparent;
	background-size:32px;
	float:left;
	display:block;
	height:58px;
	width:40px;
	content:'';
}
/* Warm */
body.warm #level-changed:before{
	background-size:28px;
}
/* Hot */
body.hot #level-changed:before{
  background-image: url("../images/icon-hot.png");
  background-position: 8px 4px;
}
/* Fire */
body.fire #level-changed:before{
  background-image: url("../images/icon-on-fire.png");
  background-position: 1px 0;
  background-size: 39px auto;
}

body.fire #footer li a#homepage,
body.warm #footer li a#homepage,
body.hot #footer li a#homepage   {
  background: url("../images/home-icon-level-off.png") center center no-repeat transparent;
  background-size:55px;
}

body.fire #footer li a#homepage:hover, 
body.fire #footer li.active a#homepage, 
body.fire #footer li a.homepage:hover, 
body.fire #footer li a.homepage.active,
body.warm #footer li a#homepage:hover, 
body.warm #footer li.active a#homepage, 
body.warm #footer li a.homepage:hover, 
body.warm #footer li a.homepage.active,
body.hot #footer li a#homepage:hover, 
body.hot #footer li.active a#homepage, 
body.hot #footer li a.homepage:hover, 
body.hot #footer li a.homepage.active {
  background: url("../images/home-icon-level.png") center center no-repeat transparent;
  background-size:55px;
}
body.has-level #footer li a#homepage:hover, 
body.has-level #footer li.active a#homepage, 
body.has-level #footer li a.homepage:hover, 
body.has-level #footer li a.homepage.active{}


/* Misc Athlete Homepage Tweaks/Overrides */

.stat-item .change-time {
  color: #5f5f5f;
  font-size: 16px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
#athlete-home .stat-item .stat-data {
  padding-left: 40px;
  width: 30%;
}
#athlete-home .stat-item .entry.large{
	padding-top:10px;
}
#athlete-home .stat-item[data-stat='schedule'] .stat-data,
#athlete-home .stat-item[data-stat='roadmap'] .stat-data{
  width: 50%;
}

#athlete-home .heading .note-count{margin-top:-51px;}

#athlete-home .stat-item  strong.entry.large{
	width:auto;
	padding-top:0;
}
#athlete-home .stat-item strong.entry.large + span {
  line-height: 70px;
  padding-left: 20px;
}

#athlete-home div.heading h2{
	line-height:58px;
}


/** Textarea Character Counter **/
.char-count i{
	font-size:20px;
	color:green;
}
.char-count i.red{color:red;}