/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {background:#E8E8E8;height:100%;}

body {
    font-size: 1em;
    line-height: 1.4;
	font-family: 'Bitter', serif;
	}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } 
.bitter {font-family: 'Bitter', serif;}
.red {color:#FA3831;}
.w980 {width:100%;}
#header-holder {width:100%;}
#header {}
#nav-holder {width:100%;}
#nav {list-style:none;}
#nav li {}
#nav li a {font-family: 'Bitter', serif;font-size:102.5%;color:#999999;text-decoration:none;font-weight:bold;letter-spacing:.05em;}
#nav li a:hover {color:#666;}
.nav .icon {background:url(../images/icon_sprite.png) no-repeat;float:left;margin:0px 16px 0px 0px;}
.nav.dashboard .icon {background-position:-3px -3px;width:20px;height:20px;}
.nav.user-list .icon {background-position:-55px -3px;width:23px;height:20px;}
.nav.video-gallery .icon {background-position:-25px -2px;width:25px;height:20px;}
.nav.team-list .icon {background-position:-82px -2px;width:20px;height:21px;}
/*
.nav.dashboard a:hover .icon {background-position:-3px -26px;}
.nav.user-list a:hover .icon {background-position:-55px -26px;}
.nav.video-gallery a:hover .icon {background-position:-25px -25px;}
.nav.team-list a:hover .icon {background-position:-82px -24px;}
*/
.ses-home-logo {background:url(../images/icon_sprite.png) no-repeat -4px -55px;width:42px;height:57px;text-indent:-9999px;}
.profile-image {border:2px solid #FFF;}
.header-user-name {color:#B3B3B3;font-family:Arial, Helvetica, sans-serif;letter-spacing:.05em;}
.header-name {color:#FFF;}
.names {}
.content-holder {background:#FFF;-webkit-border-radius: 3px;border-radius: 3px;padding:3% 5%;width:90%;margin:20px auto;}
.result-info h1 {color:#262626;font-size:150%;padding:0px;margin:0px;font-weight:normal;}
p.coach {color:#808080;font-family:Arial, Helvetica, sans-serif;font-style:italic;font-size:80%;}
p.coach span {color:#262626;font-size:110%;}
.user-actions a {color:#BFBFBF;font-size:80%;text-decoration:none;float:left;font-family:Arial, Helvetica, sans-serif;font-style:italic;}
.user-actions a .icon {background:url(../images/icon_sprite.png) no-repeat;text-indent:-9999px;float:left;margin:0px 8px 0px 0px;}
.user-actions a.add-athlete .icon, .user-actions a.add-client .icon {background-position:-42px -58px;width:23px;height:20px;}
.user-actions a.clear-videos .icon {background-position:-42px -82px;width:23px;height:20px;}
.user-actions a.clear-videos {clear:both;margin:10px 0px 0px 0px;}
.filter-holder {width:100%;background:#EEEEEE;}
.hidden-list {display:none;list-style:none;margin:0px;}
span.filter-text {color:#808080;font-family:Arial, Helvetica, sans-serif;font-style:italic;}
div.filter {position:relative;}
ul.selected {list-style:none;margin:0px;background:#FFF url(../images/icon_sprite.png) no-repeat 83px -148px;}
ul.selected li {}
ul.selected li a {color:#424242;text-decoration:none;font-family:Arial, Helvetica, sans-serif;}
.result-list {}
.each-result-holder {width:100%;}
.each-user-option a, .each-client-option a {float:left;text-indent:-9999px;background: url(../images/icon_sprite.png) no-repeat;width:20px;height:20px;}
a.delete-user-video {text-indent:-9999px;background: url(../images/icon_sprite.png) no-repeat;width:20px;height:20px;position:absolute;top:0px;right:0px;}
a.edit-user-video {text-indent:-9999px;background: url(../images/icon_sprite.png) no-repeat;width:20px;height:20px;position:absolute;top:0px;right:22px;}
a.delete-user, a.delete-user-video, a.delete-client, a.delete-video {background-position:-26px -114px;}
a.add-video-to-user, a.edit-client, a.edit-video, a.edit-user-video {background-position:-6px -114px;}
.each-user-option {float:right;}
.each-users-information {display:none;float:left;clear:both;}
.each-users-videos {display:none;}
#pagination {margin:20px 0px 0px 0px;padding:0px;list-style:none;float:left;}
#pagination li {float:left;margin:0px 10px 10px 0px;}
#pagination li.pag_selected a {background:#000;}
#pagination li a {float:left;padding:4px 9px;background:#FA3831;-webkit-border-radius: 4px;border-radius: 4px;text-decoration:none;color:#FFF;font-size:70%;}
h1.all {background: url(../images/icon_sprite.png) no-repeat -125px -4px;padding:10px 0px 10px 90px;} 
h1.all-videos {background:url(../images/icon-video-gallery-heading.png) no-repeat 0 0;padding:10px 0px 10px 90px;}
h1.all-clients {background:url(../images/icon_sprite.png) no-repeat -125px -64px;padding:10px 0px 10px 70px;}
h3.workout-header, h3.associate-video-header, h3.user-info-header {font-size:10px;color:#B3B3B3;text-transform:uppercase;font-family:Arial, Helvetica, sans-serif;font-weight:normal;padding:20px 0px;margin:0px;}
.calendar {
	font-family:Helvetica, sans-serif;
	font-size: 0.9em;
	background-color: #EEE;
	color: #333;
	border: 1px solid #DDD;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 0.2em;
	width: 14em;
	top:-75px!important;
	left:220px!important;
}

.calendar .months {
	background-color: #FA3831;
	border: 1px solid #900;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #FFF;
	padding: 0.2em;
	text-align: center;
}

.calendar .prev-month,
.calendar .next-month {
	padding: 0;
}

.calendar .prev-month {
	float: left;
}

.calendar .next-month {
	float: right;
}

.calendar .current-month {
	margin: 0 auto;
}

.calendar .months .prev-month,
.calendar .months .next-month {
	color: #FFF;
	text-decoration: none;
	padding: 0 0.4em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}

.calendar .months .prev-month:hover,
.calendar .months .next-month:hover {
	background-color: #FFF;
	color: #212121;
}

.calendar table {
	border-collapse: collapse;
	padding: 0;
	font-size: 0.8em;
	width: 100%;
}

.calendar th {
	text-align: center;
}

.calendar td {
	text-align: right;
	padding: 1px;
	width: 14.3%;
}

.calendar td span {
	display: block;
	color: #666;
	background-color: #F6F6F6;
	border: 1px solid #CCC;
	text-decoration: none;
	padding: 0.2em;
	cursor: pointer;
}

.calendar td span:hover {
	color: #212121;
	background-color: #f2f2f2;
	border: 1px solid #CCC;
}

.calendar td.today span {
	background-color: #FA3831;
	border: 1px solid #212121;
	color: #FFF;
}
input[type="file"].upload_file { visibility: hidden;width: 0;height: 0;}
#fileSelect {padding:10px 13px 8px 13px;background:#0096D8;cursor: pointer;font-size:10px;color:#FFF;text-transform:uppercase;border:none;font-weight:bold;}
.login-holder {border-top:7px solid #FA3831;}
.logo-holder {width:200px;margin:10px auto;}
.logo-holder img {max-width:100%;}
.full-background {background:url(../images/bg_header.png) repeat;}
.form-holder {display:block;margin:10px auto 0px auto;padding:10px;width:90%;background:url(../images/bg_black_opacity.png) repeat;-webkit-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: inset 0px 0px 5px 1px #000;box-shadow: inset 0px 0px 5px 1px #000;}
.left-form h2 {color:#FFF;font-size:22px;margin:15px 0px 0px 0px;padding:0px;font-family: 'Bitter', serif;font-weight:bold;width:100%;text-align:center;}
.right-form form {display:block;margin:10px auto;width:220px;}
.right-form .fe.buttons {margin:15px 0px 8px 0px;}
.right-form .fe {float:left;width:100%;margin:8px 0px;}
.right-form .fe label {text-transform:uppercase;font-size:14px;font-family:Helvetica, sans-serif;color:#CCC;float:left;width:110px;letter-spacing:.08em;margin:6px 0px 0px 0px;}
.right-form .fe input[type="text"], .right-form .fe input[type="password"] {float:left;border:1px solid #C3C3C3;padding:5px 5px;-webkit-box-shadow: inset 0px 1px 1px 1px #C3C3C3;box-shadow: inset 0px 1px 1px 1px #C3C3C3;width:220px;}
.right-form .fe input[type="submit"] {-webkit-border-radius:6px;border-radius:6px;background:#FA3831;border:none;font-size:18px;padding:5px 20px;font-family: 'Bitter', serif;font-weight:bold;float:right;color:#FFF;text-transform:uppercase;}
.forgot-pass-link {font-size:10px;font-style:italic;color:#CCC;text-decoration:none;letter-spacing:.1em;float:left;margin:10px 0px 0px;font-family: Helvetica, sans-serif}
@media only screen and (min-width: 30em) {
}

@media only screen and (min-width: 42em) {
}

@media only screen and (min-width: 61.5em) {
.w980 {width:980px;margin:0px auto;}
#header-holder {border-top:7px solid #FA3831;background:url(../images/bg_header.png) repeat;padding:30px 0px;}
.login-holder {border-top:7px solid #FA3831;}
.full-background {background:url(../images/bg_header.png) repeat;}
#nav-holder {background:#CFCFCF;}
#nav {padding:0px 0px;}
#nav li {float:left;border-left:1px solid #8E8E8E;margin:10px 0px;}
#nav li.logout {border-left:none;margin:0px;}
#nav li.logout a {padding:17px 25px 13px 25px;background:#A8A8A8;color:#FFF;font-style:italic;}
#nav li.logout a:hover {background:#FA3831;}
#nav li a {text-transform:uppercase;padding:6px 24px 4px 25px;float:left;}
.messaging {position:fixed;top:0px;left:50%;margin:0px 0px 0px -175px;width:350px;z-index:999;}
.messaging .success {background:#093;color:#FFF;font-size:11px;padding:8px 10px;font-family:Helvetica, sans-serif;display:block;text-align:center;}
.messaging .fail {background:#F00;color:#FFF;font-size:11px;padding:8px 10px;font-family:Helvetica, sans-serif;display:block;text-align:center;}
.messaging a {text-decoration:underline;color:#FFF;}
.messaging .close-icon {float:left;text-indent:-9999px;background:#FFF url(../images/icon_sprite.png) no-repeat -26px -114px;width:20px;height:20px;border:1px solid #CCC;}
.personal-info {float:left;}
.ses-home-logo {float:right;}
.profile-image {float:left;margin:0px 20px 0px 0px;}
.header-user-name {font-size:90%;float:left;}
.header-name {font-size:130%;float:left;clear:both;}
.names {float:left;margin:4px 0px 0px 0px;}
.content-holder {border:1px solid #D6D6D6;background:#FFF;padding:30px;width:978px;}
.result-header {position:relative;clear:both;}
.team-image {float:left;margin:0px 20px 0px 0px;}
.result-info {float:left;}
.result-info.videos {}
.result-info .info {float:left;margin:5px 0px 0px 0px;}
.add-video-actions {float:right;margin:20px 0px 0px 0px;}
.user-actions {float:right;width:110px;margin:15px 0px 0px;}
.filter-holder {float:left;padding:10px 15px;margin:0px 0px 20px 0px;}
div.filter {float:left;margin:0px 20px 0px 0px;}
.hidden-list {position:absolute;top:0px;left:0px;padding:0px 10px 10px 9px;margin:0px;list-style:none;background:#FFF;border:1px solid #CCC;z-index:9;}
.hidden-list li {float:left;clear:both;margin:2px 0px;}
.hidden-list a {font-size:75%;color:#424242;text-decoration:none;font-family:Arial, Helvetica, sans-serif;}
#user-type-list {top:27px;left:52px;width:330px;}
#video-type-list, #team-type-list {top:27px;left:52px;width:122px;}
#order-by-list {top:27px;left:72px;width:140px;}
#direction-list {top:27px;left:71px;width:122px;}
#limit-list {top:27px;left:74px;width:70px;}
span.filter-text {float:left;font-size:80%;margin:5px 12px 5px 0px;}
#user-type-selected {width:180px;background-position:141px -148px;}
#user-type-selected li {width:142px;}
#order-by-selected {width:140px;background-position:102px -148px;}
#limit-selected {width:70px;background-position:30px -148px;}
#limit-selected li {width:45px;}
ul.selected {float:left;padding:6px 0px 5px 8px;border:1px solid #FFF;position:relative;}
ul.selected.open {border:1px solid #CCC;border-bottom:none;z-index:11;}
ul.selected li {float:left;clear:both;overflow:hidden;width:112px;padding:0px 5px 0px 0px;}
ul.selected li a {float:left;font-size:75%;width:500px;overflow:hidden;}
.result-list {margin:20px 0px 0px 0px;}
.each-result-holder {float:left;clear:both;border-bottom:1px solid #EEEEEE;position:relative;}
.each-result-holder.remove-this-row {background:#F2F2F2;}
a.get-user-videos {float:left;font-size:100%;color:#262626;text-decoration:none;font-family: 'Bitter', serif;font-weight:bold;letter-spacing:.07em;background: url(../images/icon_sprite.png) no-repeat -7px -203px;padding:20px 0px 18px 20px;width:90%;}
.each-user-option {width:45px;margin:23px 0px 0px 0px;}
.each-users-videos, .add-video-holder, .each-users-bio {float:left;}
.each-users-videos {width:380px;padding:0px 20px 20px 0px;margin:0px 20px 0px 20px;border-right:1px solid #EEEEEE;}
.add-video-holder {width:200px;padding:0px 0px 0px 0px;margin:0px 20px 0px 0px;}
.each-users-bio {width:270px;border-left:1px solid #EEEEEE;padding:0px 0px 20px 20px;}
.each-workout-video {float:left;clear:both;margin:0px 0px 15px 0px;padding:0px 0px 15px 0px;border-bottom:1px solid #EEEEEE;width:100%;position:relative;}
.each-workout-video.remove-this-row {background:#f2f2f2;}
.each-workout-video .thumbnail, .each-workout-video .info {float:left;}
.each-workout-video .info {margin:5px 0px 0px 20px;width:230px;}
.info p {padding:0px 0px 6px 0px;font-family:Helvetica, sans-serif}
.info p.video-title {color:#000;font-weight:bold;font-size:12px;width:180px;}
.info p.reps, .info p.sets {font-size:11px;color:#999999;font-style:italic;width:60px;}
.info p.date {font-size:11px;color:#999999;font-style:italic;width:100%;}
.info p.reps span.number, .info p.sets span.number {font-weight:bold;color:#FA3831;font-style:normal;float:right;}
.info p.date span.date-added, .info p.date span.date-associated {font-style:normal;float:right;color:#212121;}
.each-users-information {padding:0px 0px 25px 0px;}
a.add-video-blue-button {background:#007cdb;color:#FFF;width:100%;text-align:center;display:block;-webkit-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;text-decoration:none;font-size:14px;font-family:Helvetica, sans-serif;padding:8px 0px 7px 0px;}
a.add-video-blue-button:hover {background:#0371c5;}
.each-users-bio ul {list-style:none;margin:0px 0px 0px 0px;padding:0px;}
.each-users-bio ul li {color:#000;font-size:11px;font-weight:bold;font-family: Helvetica, sans-serif;float:left;clear:both;margin:0px 0px 6px 0px;}
.each-users-bio ul li span {color:#999;font-weight:normal;font-style:italic;width:90px;float:left;}
.each-users-bio ul li a {text-decoration:none;color:#FA3831;}
p.no-results {color:#999;font-size:11px;font-family:Helvetica, sans-serif;background:url(../images/icon_exclamation.png) no-repeat 0 center;padding:5px 10px 5px 40px;}
p.no-results-user {color:#FFF;font-size:13px;font-family:Helvetica, sans-serif;background:url(../images/icon_exclamation.png) no-repeat 0 center;padding:5px 10px 5px 40px;float:left;clear:both;margin:20px 0px 0px 0px;}
#add-video p {font-size:11px;color:#000;line-height:18px;font-family:Helvetica, sans-serif;padding:0px 0px 15px 0px;}
#add-video p span {color:#666;}
#add-video label {color:#666;font-style:italic;font-size:11px;font-family:Helvetica, sans-serif;}
#add-video .fe {float:left;clear:both;width:100%;margin:0px 0px 10px 0px;}
#add-video .fe.buttons {margin:10px 0px 10px 0px;}
#add-video .fe .form-section {float:left;clear:both;width:100%;margin:4px 0px;position:relative;}
#add-video input[type="text"] {width:90px;float:right;font-size:11px;color:#212121;padding:5px;}
#add-video select#associated_video_id {width:100%;padding:4px 0px 2px 0px;margin:0px 0px 6px 0px;}
input#addVideoToUser, a#associate-video-to-user {background:#f2f2f2 url(../images/add_cancel_sprite.png) no-repeat 5px 6px;font-size:10px;text-transform:uppercase;color:#858585;float:left;border:none;padding:10px 13px 8px 25px;font-weight:bold;text-decoration:none;font-family:Helvetica, sans-serif}
a#cancel-add-video {background:#f2f2f2 url(../images/add_cancel_sprite.png) no-repeat 5px -20px;font-size:10px;text-transform:uppercase;color:#858585;float:right;padding:9px 13px 7px 25px;font-weight:bold;text-decoration:none;font-family:Helvetica, sans-serif}

.logo-holder {display:block;margin:65px auto 50px auto;width:315px;}
.form-holder {display:block;margin:0px auto;padding:0px;width:725px;background:url(../images/bg_black_opacity.png) repeat;-webkit-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: inset 0px 0px 5px 1px #000;box-shadow: inset 0px 0px 5px 1px #000;}
.left-form {float:left;width:300px;padding:50px 0px;}
.left-form h2 {color:#FFF;font-size:22px;margin:15px 0px 0px 0px;padding:0px;font-family: 'Bitter', serif;font-weight:bold;width:100%;text-align:center;}
.right-form {float:right;width:425px;padding:40px 40px;border-left:2px solid #000;}
.right-form p {font-size:12px;color:#CCC;line-height:22px;width:100%;font-family:Helvetica, sans-serif;letter-spacing:.1em;padding:0px 0px 20px 0px;}
.login-icons {background:url(../images/login_sprite.png) no-repeat 0 0;display:block;margin:0px auto;}
.login-icons.admin-login {width:77px;height:81px;background-position:-148px 0px;}
.login-icons.reset-password {width:65px;height:81px;background-position:-76px 0px;}
.login-icons.member-login {width:77px;height:81px;background-position:2px 0px;}
.right-form form {display:block;margin:0px auto;}
.right-form .fe.buttons {margin:15px 0px 8px 0px;}
.right-form .fe {float:left;width:100%;margin:8px 0px;}
.right-form .fe label {text-transform:uppercase;font-size:14px;font-family:Helvetica, sans-serif;color:#CCC;float:left;width:110px;letter-spacing:.08em;margin:6px 0px 0px 0px;}
.right-form .fe input[type="text"], .right-form .fe input[type="password"] {float:left;border:1px solid #C3C3C3;padding:5px 5px;-webkit-box-shadow: inset 0px 1px 1px 1px #C3C3C3;box-shadow: inset 0px 1px 1px 1px #C3C3C3;width:230px;}
.right-form .fe input[type="submit"] {-webkit-border-radius:6px;border-radius:6px;background:#FA3831;border:none;font-size:18px;padding:5px 20px;font-family: 'Bitter', serif;font-weight:bold;float:right;color:#FFF;text-transform:uppercase;}
.forgot-pass-link {font-size:10px;font-style:italic;color:#CCC;text-decoration:none;letter-spacing:.1em;float:left;margin:10px 0px 0px;font-family: Helvetica, sans-serif}
table.videos {width:100%;margin:20px 0px 0px 0px;float:left;clear:both;}
table.videos thead {}
table.videos thead tr {border-bottom:1px solid #EEEEEE;float:left;}
table.videos thead th {padding:10px;font-size:10px;text-transform:uppercase;color:#CCC;font-family:Helvetica, sans-serif;font-weight:bold;text-align:left;letter-spacing:.1em;}
table.videos tbody tr {border-bottom:1px solid #EEEEEE;position:relative;float:left;}
tr.remove-this-row, tbody tr:hover {background:#f2f2f2;}
table.videos tbody tr td {padding:10px;vertical-align:top;font-size:12px;font-family:Helvetica, sans-serif;color:#333;positioN:relative;vertical-align:middle;}
table.videos tbody tr td a.vimeo-link {color:#FA3831;text-decoration:none;font-size:12px;font-style:italic;}
table.videos tbody tr td a:hover {text-decoration:underline;}
table.videos tr td.title {font-size:12px;width:230px;font-weight:bold;}
table.videos tr th.title {width:230px;}
table.videos tr .each-client-option {width:80px;}
table.videos tr .description {width:230px;}
table.videos tr .thumbnail {width:140px;}
table.videos tr .date {width:120px;}
table.videos tr .link {width:150px;}
table.videos tr .sets-reps {width:80px;}
table.videos tr .weight {width:80px;}
table.videos .logo {width:85px;}
table.videos .name {width:315px;}
table.videos .coach-name {width:170px;}
table.videos .sport {width:150px;}
.add-video-text {float:left;font-weight:bold;color:#4F4F4F;font-family:Helvetica, sans-serif;margin:8px 10px 0px 0px;font-size:12px;}
input#video_id {float:left;padding:5px 5px;width:130px;font-size:12px;}
a#getVideoDetails {float:left;background:#A8A8A8 url(../images/icon_get_details.png) no-repeat 6px 8px;padding:8px 10px 7px 25px;font-size:11px;color:#FFF;text-transform:uppercase;text-decoration:none;margin:0px 0px 0px 10px;}
.action-prompts {display:none;background:#EEEEEE;width:100%;margin:20px 0px;clear:both;}
.action-left {float:left;width:275px;padding:55px 0px 55px 0px;}
.action-left h2 {text-align:center;margin:0px auto;display:block;color:#4C4D4C;font-size:18px;font-weight:bold;text-transform:uppercase;}
.action-right {float:left;width:640px;padding:30px 0px;}
.action-right .column {float:left;width:50%;}
.action-right .fe {float:left;clear:both;margin:5px 0px;width:100%;}
.action-right .fe.buttons {margin:15px 0px 5px 0px;}
.action-right .fe label {float:left;width:120px;color:#4F4F4F;font-weight:bold;font-family:Helvetica, sans-serif;text-align:right;font-size:12px;margin:7px 12px 7px 12px;}
.action-right .fe select {float:left;width:160px;margin:4px 0px 0px 0px;}
.action-right .fe input[type="text"], .action-right .fe input[type="password"], .action-right .fe textarea {float:left;width:160px;padding:5px 5px;font-size:12px;}
input[type="text"].good, input[type="password"].good, input[type="email"].good {border:1px solid #093;}
input[type="text"].error, input[type="password"].error, input[type="email"].error {border:1px solid #EB3D3D;}
.action-right .fe textarea {height:100px;}
.action-right p {font-size:12px;padding:0px 50px 0px 0px;color:#4C4D4C;line-height:21px;}
.action-right p span.caution {text-transform:uppercase;font-weight:bold;font-size:14px;}
.action-icons {background:url(../images/action-prompts-sprite.png) no-repeat 0 0;display:block;margin:0px auto;height:61px;}
.action-icons.add-video {background-position:0px 0px;width:80px;}
.action-icons.add-athlete {background-position:-82px 0px;width:80px;}
.action-icons.clear-videos {background-position:-158px 0px;width:80px;}
input.confirm-button, a.confirm-button {background:#41CF54 url(../images/add_cancel_sprite_white.png) no-repeat 5px 6px;font-size:10px;text-transform:uppercase;color:#FFF;float:left;border:none;padding:10px 13px 8px 25px;font-weight:bold;border:none;width:auto;margin:0px 0px 0px 15px;text-decoration:none;font-family:Helvetica, sans-serif;}
a.confirm-button {padding:8px 13px 8px 25px;}
a.cancel-action-prompt, a.cancel-delete-video, a.cancel-delete-user, a.cancel-delete-video, a.cancel-delete-client, a.cancel-edit-client, a.cancel-edit-video {background:#EB3D3D url(../images/add_cancel_sprite_white.png) no-repeat 5px -20px;font-size:10px;text-transform:uppercase;color:#FFF;float:left;padding:9px 13px 7px 25px;font-weight:bold;text-decoration:none;font-family:Helvetica, sans-serif;margin:0px 0px 0px 85px;}
a.cancel-action-prompt.no-margin, a.cancel-delete-video.no-margin, a.cancel-delete-user.no-margin, a.cancel-delete-video.no-margin, a.cancel-delete-client.no-margin, a.cancel-edit-client.no-margin, a.cancel-edit-video.no-margin {margin:0px;}
a.authorize-link {font-family:Helvetica, sans-serif;color:#666;font-size:80%;float:right;clear:both;margin:10px 0px 0px 0px;text-decoration:none;font-style:italic;}
a.authorize-link:hover {text-decoration:underline;}
.delete-message-holder {display:none;position:absolute;top:-50px;right:22px;background:#FFF;width:300px;padding:10px;-webkit-box-shadow: 0px 0px 5px 1px #CCC;box-shadow: 0px 0px 5px 1px #CCC;z-index:999;}
#edit-uservideo-holder.delete-message-holder {right:-400px;}
.delete-message-holder.edit-zone {width:400px;}
.edit-form {position:relative;}
.delete-message-holder p {font-weight:bold;padding:0px 0px 10px 0px;line-height:22px;color:#333;font-size:13px;font-family:Helvetica, sans-serif;}
.delete-message-holder p .note {color:#999;font-size:11px;font-weight:normal;}
#delete-video-holder {float:left;width:100%;clear:both;margin:20px 0px 0px 0px;display:none;}
#delete-video-holder p {color:#999;font-weight:normal;font-style:italic;font-size:10px;font-family:Helvetica, sans-serif;padding:0px 0px 10px 0px;}
.video-id-error {margin:0px 0px 8px 0px;display:none;}
.video-id-error p {color:#EB3D3D;font-family:Helvetica, sans-serif;font-size:12px;}
.user-holder {display:block;margin:0px auto 30px auto;width:980px;background:#0A0A0A;-webkit-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: inset 0px 0px 5px 1px #000;box-shadow: inset 0px 0px 5px 1px #000;padding:30px;}
.user-information-header {float:left;width:100%;border-bottom:1px solid #737373;padding:0px 0px 30px 0px;}
.user-information-header .left {float:left;width:360px;}
.user-information-header .center {float:left;width:360px;margin:0px 0px 0px 60px;}
.user-information-header .right {float:right;position:relative;}
.user-information-header .full {float:left;width:100%;margin:25px 0px 0px 0px;}
.user-information-header .today-date {font-size:16px;color:#FFF;font-family:Helvetica, sans-serif;text-transform:uppercase;font-weight:bold;}
.user-information-header .username-text {font-family:Helvetica, sans-serif;font-size:13px;text-transform:uppercase;color:#B3B3B3;padding-bottom:15px;}
.user-information-header .first-last-text {font-family:'Bitter', serif;font-size:22px;color:#FFF;font-weight:bold;}
.user-information-header .team-name {font-family:Helvetica, sans-serif;font-size:13px;text-transform:uppercase;color:#B3B3B3;padding-bottom:20px;}
.user-information-header .team-name-text {font-family:'Bitter', serif;font-style:italic;font-size:16px;color:#FFF;}
.user-information-header .user-logout-button {background:#404040;padding:6px 18px 3px 18px;font-family:'Bitter', serif;font-size:17px;color:#FFF;font-weight:bold;text-decoration:none;text-transform:uppercase;float:right;-webkit-border-radius: 4px;border-radius: 4px;}
.user-information-header .user-logout-button:hover {background:#FF0012;}
.user-information-header .user-change-password {font-size:11px;color:#CCCCCC;float:right;margin:10px 0px 0px 0px;text-decoration:none;font-style:italic;font-family:Helvetica, sans-serif;letter-spacing:.04em;clear:both;}
.each-day-video {float:left;width:100%;padding:30px 0px;border-bottom:1px solid #CCC;}
.each-day-video .left-video {float:left;width:360px;}
.each-day-video .center-video {float:left;width:220px;margin:0px 0px 0px 60px;}
.each-day-video .right-video {float:right;}
.each-day-video .right-video .sets-video {float:left;margin:0px 25px 0px 0px;}
.each-day-video .right-video .reps-video {float:left;margin:0px 25px 0px 0px;}
.each-day-video .right-video .weight-video {float:left;margin:0px;}
.each-day-video .sets-text, .each-day-video .reps-text, .each-day-video .weight-text {color:#FFF;text-transform:uppercase;font-family:Helvetica, sans-serif;font-size:12px;padding-bottom:25px;}
.each-day-video .sets-number, .each-day-video .reps-number, .each-day-video .weight-number {font-size:18px;color:#CCC;font-family:Helvetica, sans-serif;}
.each-day-video .video-title-text {font-size:16px;color:#FFF;font-family:'Bitter', serif;padding-bottom:20px;}
.each-day-video .video-description {font-size:12px;font-family:Helvetica, sans-serif;color:#CCC;letter-spacing:.04em;line-height:20px;}
#password_form {background:#333;border:1px solid #000;padding:10px;position:absolute;top:-60px;right:130px;-webkit-border-radius: 4px;border-radius: 4px;width:200px;display:none;}
#password_form label {color:#FFF;font-size:12px;float:left;margin:0px 0px 5px 0px;font-family:Helvetica, sans-serif;}
#password_form input[type="password"] {float:left;width:100%;font-size:12px;padding:5px 8px;margin:0px 0px 10px 0px;}
#password_form .fe {float:left;width:100%;}
/*#password_form #password_sub {padding:10px 13px 8px 13px;background:#0096D8;cursor: pointer;font-size:10px;color:#FFF;text-transform:uppercase;border:none;font-weight:bold;float:left;}*/
.welcome-text {width:100%;padding:0px 0px 20px 0px;border-bottom:1px solid #CFCFCF;text-align:center;font-family:'Bitter', serif;font-size:22px;color:#A7A9AC;font-weight:normal;margin:0px;}
.dash-options {float:left;width:100%;margin:30px 0px;}
.each-options {float:left;width:300px;padding:40px;border-right:1px solid #CFCFCF;}
.each-options.last {border-right:none;}
.each-options a {font-size:18px;text-decoration:none;color:#A7A9AC;text-align:center;margin:0px auto;display:block;width:100px;}
.each-options a .icon {background:url(../images/dash-icons.png) no-repeat;width:80px;height:80px;float:left;}
.each-options a .text {float:left;clear:both;}
a.dash-add-video .icon {background-position:-7px 0px;}
a.dash-add-user .icon {background-position:2px -107px;}
a.dash-add-doc .icon {background-position:22px -212px;}
.each-options a.dash-add-doc {width:130px;}
.dash-notice {background:#E8E8E8;float:left;width:100%;clear:both;padding:20px 0px;border-top:1px solid #CFCFCF;}
.dash-notice .icon {background:url(../images/dash-icons.png) no-repeat -11px -338px;width:64px;height:52px;float:left;margin:0px 0px 0px 80px;}
.notice-holder {float:left;width:400px;margin:0px 0px 0px 50px;}
.notice-text {font-size:12px;font-family:Helvetica, sans-serif;font-weight:bold;color:#4C4D4C;line-height:25px;}
.notice-text span {font-family:'Bitter', serif;font-size:16px;}
.authorize-account-dash {background:#404041 url(../images/dash-icons.png) no-repeat 4px -441px;text-transform:uppercase;color:#FFF;font-family:Helvetica, sans-serif;font-size:11px;padding:8px 12px 8px 30px;float:left;text-decoration:none;font-weight:bold;}
.dash-notice .actions {float:left;margin:15px 0px 0px 50px;}
#file-value {float:right;clear:both;margin:4px 40px 0px 0px;font-size:11px;color:#666;font-style:italic;}
.edit-form .fe {float:left;width:100%;margin:4px 0px 4px 0px;}
.edit-form .fe.last {margin:4px 0px 15px 0px;}
.edit-form .fe label {font-weight:bold;color:#333;font-size:12px;font-family:Helvetica, sans-serif;float:left;width:120px;margin-bottom:4px;}
.edit-form .fe input[type="text"] {border:1px solid #C3C3C3;padding:5px 5px;font-size:12px;float:left;width:250px;}
.edit-form .fe textarea {border:1px solid #C3C3C3;padding:5px 5px;font-size:12px;float:left;width:250px;height:100px;}
.edit-form .fe select {float:left;}
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}