/* FitnessClasses */

.fitnessClassSignUpButton {
   width:100%;
   float: none;
   margin: 15px 0 0 0;
}

.threeColumn.fitnessClass#content #leftColumn input[type="submit"] {
   position: absolute;
   top: -5000px;
}

.fitnessClass .priceContainer {
   width: 200px;
   margin: 15px 0;
}

.fitnessClass .priceContainer .priceItem {
   width: 200px;
   margin: 5px 0;
}

.fitnessClass #leftColumn .description {
   margin-top: 25px;
}

.fitnessClass #leftColumn .description {
   border-top: 1px solid #EEE;
   padding-top: 15px;
}

.calendar.fitnessClass {
   margin-bottom: 25px;
}

.fitnessClass .calendarWeekRowOuterContainer {
   float:left;
   position: relative;
}

.fitnessClass .calendarWeekRowInnerContainer {
   position: relative;
   border-right: 1px solid #CCC;
   border-bottom: 1px solid #CCC;
   margin:auto;
}
.calendar.fitnessClass #daysOuterContainer {
   overflow:hidden;
}
.calendar.fitnessClass #daysInnerContainer.slideFromLeft {
   float: right;
   left: -701px;
   bottom:101px;
   margin-right: 0px;
 }

.calendar.fitnessClass #daysInnerContainer.slideFromRight {
   float: right;
   left: 721px;
   bottom:101px;
   margin-left: 0px;
}

.calendar.fitnessClass .calendarHeader {
   position: relative;
}

.calendar.fitnessClass h3 {
   line-height:35px;
   margin:0;
   color:#fff;
   text-align: center;
}

.prevLinkSpacer,.nextLinkSpacer{
   position:absolute;
   top:0;
   left:0;
   width:75px;
   padding:0 20px;
   height:35px;
}
.nextLinkSpacer {
   top:0;
   right:0;
   left:auto;
}
.calendar.fitnessClass .prevLink {
   display:block;
   position:absolute;
   top:0;
   left:0;
   height: 35px;
   width:75px;
   padding:0 20px;
   color:#fff;
}

.calendar.fitnessClass .nextLink {
   display:block;
   position:absolute;
   top:0;
   right:0;
   height: 35px;
   width:75px;
   padding:0 20px;
   color:#fff;
   text-align: right;
}

.calendar.fitnessClass .prevLink:hover,
.calendar.fitnessClass .nextLink:hover {
   background-color:#098ac6;
}

.calendar.fitnessClass .prevLink .rkicon,
.calendar.fitnessClass .nextLink .rkicon {
   font-size: .7em;
   position:relative;
   top:-2px;
}

.calendar.fitnessClass .calendarBox {
   margin: 0 auto;
   position: relative;
}

.calendar.fitnessClass .calendarBox .whiteout {
   position: absolute;
   top: 0;
   width: 15px;
   height: 120px;
   background: #FFF;
   z-index: 9;
}

.monthly .calendar.fitnessClass .calendarBox .whiteout {
   display: none;
}

.calendar.fitnessClass .calendarBox .whiteout.left {
   left: 0;
}

.calendar.fitnessClass .calendarBox .whiteout.right {
   right: 0;
}

.calendar.fitnessClass .calendarBox .calendarWeekRow {
   position: relative;
   margin: auto;
}

.monthly .calendar.fitnessClass .calendarBox .calendarWeekRow {
   margin: 0 auto;
}

.calendar.fitnessClass .calendarBox .calendarWeekRow .classShadow {
   width: 19px;
   height: 134px;
   position: absolute;
   top: -7px;
   z-index: 11;
}

.calendar.fitnessClass .calendarBox .calendarWeekRow .classShadow.left {
   left: 0;
   background: url(../images/fitnessClassWeekShadow-l.png) no-repeat 0 0;
}

.calendar.fitnessClass .calendarBox .calendarWeekRow .classShadow.right {
   right: -1px;
   background: url(../images/fitnessClassWeekShadow-r.png) no-repeat 0 0;
}

.calendar.fitnessClass .calendarBox .calendarWeekRow .calendarDayCell {
   display:block;
   float:left;
   width: 93px;
   height: 70px;
   border-left: 1px solid #CCC;
   border-top: 1px solid #CCC;
   position: relative;
   padding-top:29px;
}

.monthly .calendar.fitnessClass .calendarBox .calendarWeekRow .calendarDayCell {
   border-top: none;
}

.calendar.fitnessClass .calendarBox .calendarWeekRow .calendarDayCell:hover {
   background: #EEE;
   cursor: pointer;
}

.calendar.fitnessClass .calendarBox .calendarWeekRow .calendarDayCell:active {
   background: #DDD;
}

.calendar.fitnessClass .calendarBox .calendarWeekRow .calendarDayCell.selected,
.calendar.fitnessClass .calendarBox .calendarWeekRow .calendarDayCell.diffMonth.selected,
.calendar.fitnessClass .calendarBox .calendarWeekRow .calendarDayCell.todayCell.selected,
.calendar.fitnessClass .calendarBox .calendarWeekRow .calendarDayCell.selected:hover,
.calendar.fitnessClass .calendarBox .calendarWeekRow .calendarDayCell.diffMonth.selected:hover,
.calendar.fitnessClass .calendarBox .calendarWeekRow .calendarDayCell.todayCell.selected:hover {
   background-color:#31a4d9;
   z-index: 10;
}
.calendar.fitnessClass .calendarBox .calendarWeekRow .calendarDayCell.selected .calendarDayNumber,
.calendar.fitnessClass .calendarBox .calendarWeekRow .calendarDayCell.todayCell.selected .calendarDayNumber {
   background-color:#fff;
   color:#31a4d9;
}

.calendar.fitnessClass .calendarBox .calendarWeekRow .calendarDayCell .calendarDayNumber {
   position: absolute;
   top: 0;
   left: 0;
   padding: 2px 3px 4px;
   border-right: 1px solid #CCC;
   border-bottom: 1px solid #CCC;
   background: #F5F5F5;
   width: 18px;
}

.calendar.fitnessClass .calendarBox .calendarWeekRow .calendarDayCell.diffMonth {
   background: #EEE;
}

.calendar.fitnessClass .calendarBox .calendarWeekRow .calendarDayCell.diffMonth:hover {
   background: #F5F5F5;
   cursor: pointer;
}

.calendar.fitnessClass .calendarBox .calendarWeekRow .calendarDayCell.todayCell .calendarDayNumber {
   background-color: #E4EBF7;
}

.calendar.fitnessClass .dayHeader {
   background: #DDD;
   padding: 3px 0;
   float:left;
   text-align: center;
}

.calendar.fitnessClass .calendarBox .calendarWeekRow .calendarDayCell .classDayHeader {
   background: rgb(150,150,150); /* Old browsers */
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYmJiYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  rgba(150,150,150,1) 0%, rgba(63,63,63,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150,150,150,1)), color-stop(100%,rgba(63,63,63,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  rgba(150,150,150,1) 0%,rgba(63,63,63,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  rgba(150,150,150,1) 0%,rgba(63,63,63,1) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  rgba(150,150,150,1) 0%,rgba(63,63,63,1) 100%); /* IE10+ */
   background: linear-gradient(top,  rgba(150,150,150,1) 0%,rgba(63,63,63,1) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-8 */
   height: 14px;
   padding: 3px 0;
}

.calendar.fitnessClass .dayHeaderContainer
{
   margin: 0;
   position: relative;
}
.calendar.fitnessClass .dayHeaderContainer .dayHeaderRow {
   float:left;
   border-right: 1px solid #CCC;
}

.calendar.fitnessClass .dayHeaderContainer .dayHeader
{
   display: inline-block;
   white-space: nowrap;
   border-left: 1px solid #CCC;
   width: 93px;
}

.monthly .calendar.fitnessClass .dayHeaderContainer .dayHeader
{
   display: inline-block;
   white-space: nowrap;
   border-left: 1px solid #CCC;
   width: 93px;
}

.monthly .calendar.fitnessClass .dayHeaderContainer .dayHeader:first-child
{
   border-left: 1px solid #DDD;
}

.calendar.fitnessClass .calendarBox .calendarWeekRow .calendarDayCell.diffMonth .classDayHeader {
   background: #888;
}

.calendar.fitnessClass .calendarBox .calendarWeekRow .calendarDayCell.todayCell .classDayHeader {
   background: rgb(31,130,197); /* Old browsers */
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmODJjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzJmNWVhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNTNhN2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  rgba(31,130,197,1) 0%, rgba(47,94,171,1) 50%, rgba(37,58,123,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,130,197,1)), color-stop(50%,rgba(47,94,171,1)), color-stop(100%,rgba(37,58,123,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  rgba(31,130,197,1) 0%,rgba(47,94,171,1) 50%,rgba(37,58,123,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  rgba(31,130,197,1) 0%,rgba(47,94,171,1) 50%,rgba(37,58,123,1) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  rgba(31,130,197,1) 0%,rgba(47,94,171,1) 50%,rgba(37,58,123,1) 100%); /* IE10+ */
   background: linear-gradient(top,  rgba(31,130,197,1) 0%,rgba(47,94,171,1) 50%,rgba(37,58,123,1) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f82c5', endColorstr='#253a7b',GradientType=0 ); /* IE6-8 */
}

.calendar.fitnessClass .calendarBox .calendarWeekRow .calendarDayCell.todayCell .classDayHeader {
   background: rgb(31,130,197); /* Old browsers */
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmODJjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzJmNWVhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNTNhN2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  rgba(31,130,197,1) 0%, rgba(47,94,171,1) 50%, rgba(37,58,123,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,130,197,1)), color-stop(50%,rgba(47,94,171,1)), color-stop(100%,rgba(37,58,123,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  rgba(31,130,197,1) 0%,rgba(47,94,171,1) 50%,rgba(37,58,123,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  rgba(31,130,197,1) 0%,rgba(47,94,171,1) 50%,rgba(37,58,123,1) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  rgba(31,130,197,1) 0%,rgba(47,94,171,1) 50%,rgba(37,58,123,1) 100%); /* IE10+ */
   background: linear-gradient(top,  rgba(31,130,197,1) 0%,rgba(47,94,171,1) 50%,rgba(37,58,123,1) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f82c5', endColorstr='#253a7b',GradientType=0 ); /* IE6-8 */
}

.fitnessClass .workoutBox {
   width: 83px;
   padding: 5px; 
   position: relative;
}

.fitnessClass .restDay {
   position: relative;
   width: 89px;
   padding: 5px; 
}

.calendar.fitnessClass .calendarBox .calendarWeekRow .calendarDayCell .workoutBox .workoutItem {
   position: relative;
   z-index: 5;
   border: 2px dotted #CCC;
   background: #FFF;
   padding: 4px 5px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color:#888;
   font-weight:500;
}
.calendar.fitnessClass .calendarBox .calendarWeekRow .calendarDayCell .workoutBox .workoutItem.toDo {
   background:#31a4d9;
   border: none;
   color:#fff;
}
.calendar.fitnessClass .calendarBox .calendarWeekRow .calendarDayCell .workoutBox .workoutItem.skipped {
   background:#fac356;
   border: none;
   color:#fff;
}

.calendar.fitnessClass .calendarBox .calendarWeekRow .calendarDayCell .workoutBox .workoutItem.missed {
   background:#ec5e5e;
   border: none;
   color:#fff;
}

.calendar.fitnessClass .calendarBox .calendarWeekRow .calendarDayCell .workoutBox .workoutItem.completed {
   background:#8bd554;
   border: none;
   color:#fff;
}

.calendar.fitnessClass .calendarBox .calendarWeekRow .calendarDayCell .workoutBox .workoutItem .rkicon {
   padding-right: 3px;
   font-size: 18px;
   position: relative;
   top: 0;
}

.calendar.fitnessClass .calendarBox .calendarWeekRow .calendarDayCell.diffMonth .workoutBox .workoutItem {
   background: #999;
   border: none;
   color:#e9e9e9;
}

.fitnessClass .leftListItem .mainDetailsBox .icon {
   width: 30px;
   height: 30px;
   margin-right: 6px;
}

.fitnessClass .leftListItem .mainDetailsBox {
   height: 30px;
   position: relative;
}

.fitnessClass .leftListItem .mainDetailsBox .icon img {
   width: 30px;
   height: 30px;
}

.fitnessClass .leftListItem .mainDetailsBox .textBox {
   float: left;
   width: 123px;
}

.fitnessClass .leftListItem .mainDetailsBox .textBox .leftListTitle {
   margin-bottom: 4px;
}

.fitnessClass .leftListItem .friendsBox .leftListFriends {
   margin: 10px auto 0 auto;
   width: 180px;
}

.fitnessClass .leftListItem .friendsBox .leftListFriends .friendsTitle {
   margin-bottom: 6px;
}

.fitnessClass .detailsBox {
   width: 200px;
   margin-bottom: 20px;
}

.fitnessClass .detailsBox .icon {
   width: 50px;
   height: 50px;
   float: left;
   margin-right: 6px;
}

.fitnessClass .detailsBox .text {
   width: 140px;
   float: left;
   position: relative;
   top: 6px;
}

.fitnessClass .detailsBox .text .mainText {
   margin-bottom: 4px;
}

.fitnessClass .authorBox {
   margin: 10px 0 20px;
   width: 200px;
}

.fitnessClassHeaderBox {
   margin-bottom: 6px;
}

.fitnessClassHeaderBox .fitnessClassHeader {
   float: left;
   margin-left: 6px;
}

.fitnessClassHeaderBox .fitnessClassDetails {
   float: right;
   margin-right: 10px;
   position: relative;
   top: 6px;
}

.fitnessClass .alreadyStarted {
   width: 200px;
   margin: 20px 0;
}

.fitnessClass.workoutDetailsLightbox {
   width: 661px;
}

.monthlySession .workoutIntervalsContainer,
.fitnessClass .workoutIntervalsContainer {
   width: 240px;
   margin: 30px auto;
}

.monthlySession .workoutDetailsContainer,
.fitnessClass .workoutDetailsContainer {
   width: 370px;
   padding-right: 10px;
   float: left;
}

.monthlySession h3.workoutDetailsContainer,
.fitnessClass h3.workoutDetailsHeader {
   border-bottom: none;
   float: left;
   width: 296px;
}

.monthlySession h3 div.totalWorkout,
.fitnessClass h3 div.totalWorkout {
   float: right;
}

.monthlySession h3.intervalsHeader,
.fitnessClass h3.intervalsHeader {
   border-bottom: none;
   width: 240px;
   margin: 0 auto;
}

.monthlySession .intervalsContainer,
.fitnessClass .intervalsContainer {
   width: 260px;
   margin: 0 auto;
/*   max-height: 300px; */
   overflow: auto;
}

.monthlySession .intervalGroup,
.fitnessClass .intervalGroup {
   background: #666;
   padding: 2px;
   width: 236px;
}

#fancybox-inner p.footnote {.fitnessClass 
   margin-bottom:2px;
}

.monthlySession .intervalsContainer .intervalsItem,
.fitnessClass .intervalsContainer .intervalsItem {
   width: 226px;
   padding: 5px;
   margin-top: 2px;
}

.monthlySession .intervalsContainer .intervalsItem:first-child,
.fitnessClass .intervalsContainer .intervalsItem:first-child {
   margin-top: 0;
}

.monthlySession .intervalsContainer .intervalsItem.warmUp,
.fitnessClass .intervalsContainer .intervalsItem.warmUp,
.fitnessClass .intervalsContainer .intervalsItem.coolDown {
   background: #EEE;
   width: 230px;
}

.monthlySession .intervalsContainer .intervalsItem.slow,
.fitnessClass .intervalsContainer .intervalsItem.slow {
   background: #C3EDC7;
}

.monthlySession .intervalsContainer .intervalsItem.steady,
.fitnessClass .intervalsContainer .intervalsItem.steady {
   background: #F7EEC1;
}

.monthlySession .intervalsContainer .intervalsItem.fast,
.fitnessClass .intervalsContainer .intervalsItem.fast {
   background: #F7CCC1;
}

.monthlySession .intervalsContainer .intervalsItem .speed,
.fitnessClass .intervalsContainer .intervalsItem .speed {
   float: right;
}

.monthlySession .intervalsContainer .intervalsItem .number,
.fitnessClass .intervalsContainer .intervalsItem .number {
   float: left;
}

.monthlySession .nutrition1,
.fitnessClass .nutrition1 {
   width: 500px;
   background: #EDF5FC;
   border: 1px solid #369;
   padding: 10px;
}

.fitnessClass .noneContainer {
   width: 720px;
}

.fitnessClass .noneContainer .mainText {
   margin: 30px 0;
}

.fitnessClass .noneContainer .subText {
   margin-top: 30px;
}

.fitnessClass .additionalDetailsRow .selector {
   max-width: 382px;
}

.fitnessClass .additionalDetailsRow .selector span {
   max-width: 342px;
   overflow: hidden;
}

.resultsContainer.fitnessClasses .border:first-child {
   display: none;
}

.fitnessClass h3.profile {
   padding-bottom: 10px;
   margin-top: 60px;
}

.fitnessClass h3.profile img {
   position: relative;
   top: 2px;
}

.fitnessClass h3.profile:first-child {
   margin-top: 0;
}

.fitnessClass .calendarDayLabelsRow {
   width: 476px;
   margin: 0 auto;
}

.fitnessClass .calendarDayLabel {
   width: 62px;
   padding: 0 3px 3px 3px;
   float: left;
}

.fitnessClass #sponsorBiographyLightbox {
   overflow: auto;
   height: 270px;
   position: relative;
   top: 30px;
}

.fitnessClass .whatsThisbox {
   position: absolute;
   right: 0;
   top: 5px;
   align: right;
}

.fitnessClass #rightColumn .whatsThisbox {
   width: 200px;
   position: relative;
   margin: 0 auto 14px;
}

.fitnessClass .helpIcon {
   float: right;
   width: 20px;
   height: 20px;
   margin-right: 6px;
   position: relative;
   top: -4px;
}

.fitnessClass .whatsThisLink {
   float: right;
}

/* FitnessClasses 2.0 */

/* FitnessClasses | Breadcrumbs. */

.breadcrumbNav.fitnessclasses .links {
   float: right;
   position: relative;
   z-index: 10;
   height: 20px;
   top: 10px;
   margin-right: 5px;
}

.breadcrumbNav.fitnessclasses .links a {
   display: block;
   float: left;
   margin: 0 10px;
}

.breadcrumbNav.fitnessclasses .links .whatsThisLink {
   float: right;
}

.breadcrumbItem#currentBreadcrumb .arrow.right {	
	position: absolute;
	float: right;
	top: 0px;
	width: 6px;
	background: url(../images/breadcrumb-r.png) no-repeat 0 0;
}

.breadcrumbItem#currentBreadcrumb:hover .arrow.right {	
	position: absolute;
	float: right;
	top: 0px;
	width: 6px;
	background: url(../images/breadcrumb-r.png) no-repeat 0 -35px;
}

/* FitnessClasses | Main menu. */

#leftColumn.fitnessClass #mainMenu {
	margin: 10px 0;
}

#leftColumn.fitnessClass #mainMenu .divider {
	width: 100%;
	height: 0;		
	border-bottom: 1px solid #EEE;
	margin: 1px auto;
}

.fitnessClass #pageHeaderImg {
   float:right;
}
.fitnessClass .pageContent ol {
   list-style: decimal;
}
.fitnessClass .pageHeader ul {
   list-style: disc;
}
.fitnessClass #rightColumn .listWidget {
	width: 200px;
	margin-top: 20px;		
}

.fitnessClass #rightColumn .listWidget:first-child {
	margin-top: 0;		
}

.fitnessClass #rightColumn .listWidget .title {
	width: 188px;		
}

.fitnessClass #rightColumn .listWidget .listContainer {
	width: 198px;		
}

.fitnessClass #rightColumn .listWidget .listContainer .listItem {
   width: 186px;
}

.fitnessClass #rightColumn .listWidget .endCap {
	width: 188px;		
	margin-bottom: 5px;
}

.twoColumn.fitnessClass.schedule #leftColumn {
   width: 200px;
   margin-right: 39px;
}

.twoColumn.fitnessClass.schedule #rightColumn {
   display: none;
}

.twoColumn.fitnessClass.schedule #mainColumn {
   width: 731px;
}

.monthlySession table,
.fitnessClass table {
   border-right: 1px solid #CCC;
   border-bottom: 1px solid #CCC;
}

.monthlySession table th,
.fitnessClass table th {
   border-top: 1px solid #CCC;
   border-left: 1px solid #CCC;
   padding: 5px 0 8px;
   background: rgb(150,150,150); /* Old browsers */
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYmJiYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  rgba(150,150,150,1) 0%, rgba(63,63,63,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150,150,150,1)), color-stop(100%,rgba(63,63,63,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  rgba(150,150,150,1) 0%,rgba(63,63,63,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  rgba(150,150,150,1) 0%,rgba(63,63,63,1) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  rgba(150,150,150,1) 0%,rgba(63,63,63,1) 100%); /* IE10+ */
   background: linear-gradient(top,  rgba(150,150,150,1) 0%,rgba(63,63,63,1) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-8 */
}

.monthlySession table td,
.fitnessClass table td {
   border-top: 1px solid #CCC;
   border-left: 1px solid #CCC;
   padding: 10px;
}

.monthlySession table td .rkicon,
.fitnessClass table td .rkicon {
   background: rgb(150,150,150); /* Old browsers */
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYmJiYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  rgba(150,150,150,1) 0%, rgba(63,63,63,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150,150,150,1)), color-stop(100%,rgba(63,63,63,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  rgba(150,150,150,1) 0%,rgba(63,63,63,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  rgba(150,150,150,1) 0%,rgba(63,63,63,1) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  rgba(150,150,150,1) 0%,rgba(63,63,63,1) 100%); /* IE10+ */
   background: linear-gradient(top,  rgba(150,150,150,1) 0%,rgba(63,63,63,1) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-8 */
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   display: inline-block;
   width: 30px;
   height: 30px;
}

.monthlySession table td .text,
.fitnessClass table td .text {
   position: relative;
   display: inline-block;
   top: 1px;
   padding-left: 3px;
}

.fitnessClass #mainColumn .title {
   margin-top: 15px;
}

.fitnessClass #mainColumn a.trainerHomepage {
   display: block;
   margin-top: 6px;
}

.fitnessClass #mainColumn p.noClassDetails {
   margin-top: 60px;
}

#calHeadContainer {
   position: relative;
	background-color:#31a4d9;
   height:35px;
   line-height:35px;
   width:659px;
}

.fitnessClass.schedule .viewToggle {
   position: absolute;
   right: 15px;
   top: 4px;
}

.fitnessClass.schedule .viewToggle span.label {
   position: relative;
   top: 0;
   right: 2px;
}

.fitnessClass.schedule  label {
   float: left;
   position: relative;
   top: 6px;
   margin: 0 10px 0 15px;
}

.fitnessClass.schedule #calendarContainer {
   margin-top:50px;
}

.fitnessClass.feed .classFeedContainer {
   position: relative;
   margin-top: 30px;
}

.fitnessClass.feed .classFeedContainer h3 {
   margin-top: 0;
   padding-bottom: 6px;
}

.fitnessClass.feed .classFeedContainer .viewToggle {
   position: absolute;
   top: 0;
   right: 0;
}

#calTitleContainer {
   width: 500px;
   margin: 0 auto;
}

/* 
   Begin Training Plan Session re-design
*/

.dayLeftHeader.completed {
   background-color:#8bd554;
}
.dayLeftHeader.skipped {
   background-color:#fac356;
}
.dayLeftHeader.missed {
   background-color:#fe7979;
}
.dayLeftHeader.toDo {
   background-color:#31a4d9;
}

.clear {
   clear: both;
}
.dayWrapper{
   position:relative;
}
.dayLeft {
   margin-right: 260px;
   height: 450px;
}
.dayLeft.noIntervals {
   margin-right:0;
}
.dayRight {
   position:absolute;
   top:0;
   bottom:0;
   right:0;
   background-color:#eeeeee;
   width: 260px;
   overflow:auto;
}
.dayLeftFooter {
   border-top: 1px solid #eeeeee;
   height:60px;
   width:100%;
   position:absolute;
   bottom:0;
}
.dayLeftHeader, .dayRightHeader, .activityDetail {
   height: 55px;
}
.dayLeftHeader .dayContentRight {
   color:#fff;
   margin:0 30px 0 0;
}
.dayLeftHeader .dayContentLeft {
   color:#fff;
   margin:0 0 0 22px;
}

.dayLeftHeader img, .dayRightHeader img {
   vertical-align:middle;
   margin:0 10px 3px 0;
}
.dayRightHeader {
   background-color: #444444;
}
.dayRightHeader h3.dayContentLeft,
.dayRightHeader h3.dayContentRight {
   margin-top:0;
   margin-bottom:0;
}
.dayContentLeft {
   margin-left: 22px;
   line-height:55px;
}
.dayContentRight {
   margin-right: 25px;
   float:right;
   line-height:55px;
}

.dayLeftBody {
   margin:15px 25px;
   position:relative;
}
.dayLeftBody p {
   margin:0;
}
.activityDetail {
   border-bottom:1px solid #ffffff;
}

.intervalImg {
   width:21px;
   height:21px;
   display:block;
   float:left;
   margin:15px 10px 0 0;
}
.activityDetail .intervalImg.slow {background:url(../images/trainingplan_slow_icon.png);}
.activityDetail .intervalImg.steady{background:url(../images/trainingplan_steady_icon.png);}
.activityDetail .intervalImg.fast {background:url(../images/trainingplan_fast_icon.png);}

.workoutSpeed {
   text-transform: capitalize;;
}

.workoutTitle,
.workoutSubtitle {
   margin:0 !important;
}

.workoutDate {
   margin:0 0 10px 0 !important; 
}
.workoutDesc {
   margin:10px 0;
   overflow:auto;
}

.repsDesc {
   margin-right:10px;
}
.sessionActions {
   padding:10px 0;
}
.sessionActions .ctaButton.component {
   margin-right:15px;
}
.component.ctaButton.visible {
   display:inline-block;
}
.component.ctaButton.invisible {
   display:none;
}
.activityButtonText {
   vertical-align: middle;
   cursor:pointer; cursor:hand;
}
.completeNextStepWrap {
   width:300px;
   position:absolute;
   bottom:70px;
   left:35px;
   background-color:#ffffff;
   border:1px solid #333333;
   z-index:1;
   display:none;
   -webkit-box-shadow: 0px 0px 20px 1px #ccc;
   box-shadow: 0px 0px 20px 1px #ccc;
}
.completeNextStepTriangleBg {
   position:absolute;
   width:0;
   height:0;
   left:30px;
   bottom:-30px;
   border:15px solid;
   border-color:#333333 transparent transparent transparent;
}
.completeNextStepTriangleFg {
   position:absolute;
   width:0;
   height:0;
   left:30px;
   bottom:-29px;
   border:15px solid;
   border-color:#ffffff transparent transparent transparent;
}
.completeNextStepContent {
   width:270px;
   margin:15px auto;
}
.sessionLinkHeader {
   margin-bottom:15px !important;
}
.sessionSelect {
   width:100%;
}
.bigIcon {
   display:block;
   font-size:35px;
   padding-top:10px;
   color:#fff;
}
.fitnessClassImg img {
   display:block;
   margin:auto;
}
#startDateStored {
   line-height:30px;
}
.classStartDateContainer {
   min-height:50px;
}

/* 
   End Training Plan Session re-design
*/

#fitnessClassSignupLightbox {
   width: 700px;
   background-color:#f9f9f9;
}
h2.lightboxHeader {
   padding:20px 10px;
   margin:0;
   background-color:#31a4d9;
   color:#fff;
}
#fitnessClassSignupLightbox #dateSelector {
   margin:20px;
}
#startDateConfirmNav {
   margin-bottom:0;
}
#startDateConfirmNav li a {
   padding-left: 40px;
   background-repeat: no-repeat;
   background-position: 10px center;
}
#startDateConfirmNav li#startDateTab a {
   background-image:url('../../oceanus/images/dateTab_start_inactive.png');
}
#startDateConfirmNav li#endDateTab a {
   background-image:url('../../oceanus/images/dateTab_end_inactive.png');
}
#startDateConfirmNav li.active#startDateTab a {
   background-image:url('../../oceanus/images/dateTab_start_active.png');
}
#startDateConfirmNav li.active#endDateTab a {
   background-image:url('../../oceanus/images/dateTab_end_active.png');
}
.dateSelectContent {
   padding:10px;
   border:1px solid #ddd;
   border-top:none;
   background-color:#fff;
}
.dateSelectContent .calendarDrop {
   padding-left: 30px;
   background-image:url('../../oceanus/images/calendar_icon.png');
   background-repeat: no-repeat;
   background-position: left 3px;
   line-height:26px;
}
#fitnessClassSignupLightbox .span1.dash {
   line-height:26px;
   font-size:14px;
   font-weight:bold;  
}

#fitnessClassSignupLightbox #dateSelector .selector {
   margin:0px auto;
}
#fitnessClassSignupLightbox #dateSelector select {
   width:100% !important;
}
#fitnessClassSignupLightbox #buttonConfirmation {
   margin:20px;
}
#fitnessClassSignupLightbox #buttonConfirmation button.ctaButton.component {
   float:right;
   width:175px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
#fitnessClassSignupLightbox #buttonConfirmation button.ctaButton.component#fitnessClassSignupCancel {
   margin-right:15px;
}

.classStartDateContainer #endDateSelection,
.classStartDateContainer #uniform-endDateSelection {
   display:none;
}

#rescheduleClassLightbox {
   width: 700px;
}
#rescheduleClassLightbox form {
   margin:0;
}
#rescheduleClassLightbox select {
   width: 100% !important;
}

#rescheduleClassLightbox #backOnTrack {
   margin-top:6px;
   float:right;
}
#rescheduleClassLightbox #backOnTrack button,
#rescheduleClassLightbox #backOnTrack span {
   line-height:22px;
   margin:9px 0;
}
#rescheduleClassLightbox .clickLocked {
   color:#ccc;
   opacity:.5;
}
#rescheduleClassLightbox div.stepSection {
   border:1px solid #ccc;
   -webkit-border-radius:10px;
   border-radius:10px;
   padding:10px;
   overflow:hidden;
}
#rescheduleClassLightbox div.stepSection .checker {
   margin-top:2px;
}
#rescheduleClassLightbox div.stepSection#startDateSelectContainer {
   padding:0;
}
#rescheduleClassLightbox div.stepSection#startDateSelectContainer .head {
   background-color:#e9e9e9;
}
#rescheduleClassLightbox div.stepSection#startDateSelectContainer div[class*="span"] {
   min-height:auto;
   padding:10px;
}
#rescheduleClassLightbox div.stepSection#startDateSelectContainer .selector {
   margin-top:2px;
}
#rescheduleClassLightbox div.stepSection#startDateSelectContainer #originalEndDate {
   line-height:32px;
   background-image:url('../../oceanus/images/training_plus.png');
   background-position:right center;
   background-repeat: no-repeat;
}
#rescheduleClassLightbox div.stepSection#startDateSelectContainer #moveBy {
   background-image:url('../../oceanus/images/training_equals.png');
   background-position:right center;
   background-repeat: no-repeat;  
}
#rescheduleClassLightbox div.stepSection#startDateSelectContainer #uniform-weeksDifSelection > span,
#rescheduleClassLightbox div.stepSection#startDateSelectContainer #uniform-rescheduleClassSelection > span {
   width:115px;
}
#rescheduleClassLightbox #rescheduleButtons {
   padding: 20px 0 0 0;
}
#rescheduleClassLightbox #rescheduleButtons button {
   float:right; margin-left:15px;
}
#planPriceNote {
   text-align: center;
   margin: 10px auto;
   font-size: 13px;
   color:#31a4d9;
}
#planPriceDesc {
   text-align: center;
   margin: 10px auto;
   font-size: 12px;
   line-height: 110%;
}