/* Races */

.headlineBox.new.races .icon {
   background: url(../images/icon-stepCircle.png) no-repeat 0 0;
   width: 34px;
   height: 35px;
   float: left;
   margin-right: 10px;
}

.headlineBox.new.races .icon div {
   width: 34px;
   position: relative;
   top: 5px;
}

.headlineBox.races h2 {
   margin-bottom: 4px;
}

.newRaceRow {
   margin: 10px 0;
}

.newRaceRow label {
   float: left;
   width: 200px;
   position: relative;
   top: 5px;
   margin-right: 10px;
}

.newRaceRow label span {
   display: block;
   margin-top: 4px;
}

.newRaceRow .inputRightColumn {
   float: left;
}

.newRaceRow .inputRightColumn .formBoxRight input[type="text"] {
   width: 26px;
   float: left;
}

.newRaceRow .inputRightColumn .formBoxRight .dropdownGreyContainer {
   float: left;
   margin-left: 5px;
}

.newRaceRow .inputRightColumn .formBoxRight .timeDivider {
   float: left;
   margin: 0 2px;
   position: relative;
   top: 2px;
}

.newRaceRow .inputRightColumn textarea {
   width: 400px;
   height: 100px;
}

.race .newRaceRow div.uploader {
   margin-bottom: 0;
   position: relative;
   top: -5px;
}

.raceActionButton {
   width: 200px;
}

.raceActionButton.blueButton-medium .m .mainText {
   top: 9px;
}

h2.racePageHeader {
    background-image: url('../../oceanus/images/compass-icon.jpg');
    background-repeat: no-repeat;
    background-position: .4em center;
    background-size: 30px 30px;
    line-height: 30px;
    padding-left: 50px;
}

#subNav h3.pageHeader.race,
#subNav h3.pageHeader.fitnessClass  {
   max-width: 600px;
   height: 31px;
   padding-bottom: 0;
   margin-bottom: 0;
   overflow: hidden;
   text-overflow: ellipsis;
}

.race #createButtons {
   margin-top: 30px;
   padding-top: 20px;
   border-top: 1px solid #EEE;
}

.race #createButtons #cancelButton {
    margin-left: 5px;
}
.race#leftColumn .raceDescription {
   margin: 10px 0 30px 0;
   padding: 0 3px;
   width: 194px;
}

.race.static .raisedHeaderContainer {
    width: 500px;
    margin-top: 30px;
}

.race.static .raisedHeaderMiddle {
   width: 490px;
   margin: 0 auto;
}

.race.search .resultListItem .resultTextContainer .resultFriends .label,
.races.search .resultListItem .resultTextContainer .resultFriends .label {
   margin: 15px 0 5px 0;
}

.race #activityActions {
    float: right;
    position: relative;
    top: 4px;
    right: 5px;
}

.race .raisedHeaderContainer #activityActions a#deleteRace,
.race .raisedHeaderContainer #activityActions a#editRace {
    display: block;
    padding: 0 0 0 15px;
    margin: 0;
    float: right;
}

.race .raisedHeaderContainer #activityActions a#deleteRace:hover {
    cursor: pointer;
    background: transparent url(../images/icon-delete.png) no-repeat 0 -38px;
    border: none;
    padding: 0 0 0 15px;
}

.race .raisedHeaderContainer #activityActions a#editRace:hover {
    cursor: pointer;
    background: transparent url(../images/icon-edit.png) no-repeat 0 -38px;
    border: none;
    padding: 0 0 0 15px;
}

.race #raceInfoBox {
   width: 500px;
   margin: 20px 0;
}

.race #raceInfoBox .raceInfoRow {
   width: 500px;
   margin: 0 0 10px 0;
}

.race #raceInfoBox .raceInfoRow .label {
   float: left;
   width: 100px;
   padding-right: 10px;
   position: relative;
   top: 1px;
}

.race #raceInfoBox .raceInfoRow .details {
   float: left;
   width: 370px;
}

.search.races h3.profile,
.static.race h3.profile {
   padding-bottom: 10px;
   margin-top: 60px;
}

.search.races h3.profile:first-child,
.static.race h3.profile:first-child {
   margin-top: 0;
}

.search.races h3.profile img,
.static.race h3.profile img {
   position: relative;
   top: 2px;
}

.search.races h3.profile span,
.static.race h3.profile span {
   margin-left: 20px;
}

.races .noneContainer {
   width: 720px;
}

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

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

.race #sideNav.raceHistory {
   margin-top: 40px;
}

.race.static .noResultsContainer {
   width: 500px;
   margin: 30px 0;
   padding-bottom: 30px;
}

.race.static .noResultsContainer h3 {
   border-bottom: none;
}

.addRaceToRaceHubBox {
   border: 1px solid #DDD;
   width: 718px;
   margin-bottom: 30px;
   padding: 10px;
   background: #FAFAFA;
}

.addRaceToRaceHubHeader {
   margin-bottom: 20px;
}

.addRaceToRaceHubHeader .editOtherInfoLink {
    margin-top: 5px;
}

.addRaceToRaceHubBox .icon {
   width: 50px;
   height: 50px;
   float: left;
   margin-right: 10px;
   border: 1px solid #EEE;
   background: #F5F5F5;
}

.addRaceToRaceHubTextContainer {
   width: 656px;
   float: left;
}

.addRaceToRaceHubDesc {
   margin-top: 5px;
}

.suggestionBox h3.leftListHeader {
   border-left: none;
}

#noSearchCreateButton {
   float: none;
   position: relative;
}

.leftSideMenu .divider {
    width: 198px;
    border-bottom: 1px solid #EEE;
    font-size: 0.1em;
    height: 1px;
}

.noFriends {
    font-style: italic;
}

#beTheFirst {
   width: 120px;
   margin: 10px auto;
   float: none;
}

.leftSideSignupContainer {
   padding: 5px;
   background: #E8EEF7;
   width: 218px;
   border: 1px solid #C4D4E8;
}

.leftSideSignupContainer .header {
   margin-bottom: 10px;
}

#leftSideSignUp {
   float: none;
   width: 200px;
   margin: 20px auto 10px auto;
}

#leftSideSignUp .mainText {
   top: 6px;
}

#sideNav h3.history {
   margin-top: 30px;
}

.loggedOutMessage {
   border: 1px solid #CCC;
   background: #EEE;
    padding: 10px;
    width: 950px;
    margin: 20px auto;
    position: relative;
}

#warningLightbox {
   position: relative;
}

#warningLightbox .warningLightboxHeaderContainer {

}

#warningLightbox .warningLightboxHeaderContainer .icon {
   position: relative;
   width: 50px;
   height: 50px;
   float: left;
   margin-right: 14px;
}

#warningLightbox .warningLightboxHeaderContainer .textContainer {
   float: left;
   width: 420px;
   padding-top: 6px;
}

#warningLightbox .warningLightboxHeaderContainer .textContainer .mainText {
   margin-bottom: 8px;
}

#warningLightbox .warningLightboxHeaderContainer .textContainer .subText {
   margin-bottom: 10px;
}

#warningLightbox .warningLightboxSelectionList {
   height: 120px;
   padding: 6px;
   overflow: auto;
   margin: 18px auto;
   border: 1px solid #CCC;
}

#warningLightbox.duplicate .warningLightboxSelectionList {
   height: 86px;
}


#warningLightbox .warningLightboxSelectionList .divider {
   border-top: 1px solid #EEEEEE;
   height: 1px;
   margin: 8px auto;
   width: 380px;
}

#warningLightbox .warningLightboxFooter {
   position: relative;
   top: 10px;
}

#warningLightbox .warningLightboxFooter .text {
   float: right;
   position: relative;
   top: 3px;
   margin-right: 10px;
}

#warningLightbox .warningLightboxFooter #cancelSave {
  margin-left: 5px;
}

.newRaceRow .footnote {
   margin: 8px 0 20px 210px;
}

.newRaceRow .footnote.required {
   margin: 8px 0 20px 210px;
}

/* popout */

.suggestionBox {
   padding: 0;
   margin: 0;
   position: relative;
   border: 1px solid #CCC;
   width: 198px;
   background: #C4D4E8;
}

.suggestionBox #suggestionHolder .border:first-child {
   display: none;
}

.suggestionBox .popout-tl {
   display: none;
   position: absolute;
   top: -13px;
   left: -13px;
   z-index: -1;
}

.suggestionBox .popout-t {
   display: none;
   position: absolute;
   top: -13px;
   width: 178px;
   margin: 0 10px;
   z-index: -1;
}

.suggestionBox .popout-tr {
   display: none;
   position: absolute;
   top: -13px;
   right: -13px;
   z-index: -1;
}

.suggestionBox .popout-r {
   display: none;
   position: absolute;
   right: -13px;
   margin: 10px 0 0 0;
   z-index: -1;
}

.suggestionBox .popout-br {
   display: none;
   position: absolute;
   bottom: -13px;
   right: -13px;
   z-index: -1;
}

.suggestionBox .popout-b {
   display: none;
   position: absolute;
   bottom: -13px;
   width: 178px;
   margin: 0 10px;
   z-index: -1;
}

.suggestionBox .popout-bl {
   display: none;
   position: absolute;
   bottom: -13px;
   left: -13px;
   z-index: -1;
}

.suggestionBox .popout-l {
   display: none;
   position: absolute;
   left: -13px;
   margin: 10px 0 0 0;
   z-index: -1;
}

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

.race .leftListItem .mainDetailsBox {
   position: relative;
}

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

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

.race .leftListItem .mainDetailsBox .textBox .leftListTitle {
   margin: 0 0 2px 0;
}

.race .leftListItem .mainDetailsBox .textBox .leftListSub {
   margin:1px 0;
}

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

.race .leftListItem .friendsBox .leftListFriends .title {
   margin-bottom: 6px;
}

.race .userGrid.friends {
   margin-bottom: 40px;
}

.race .leftListItem .friendsBox .userGrid.friends {
   margin-bottom: 0;
}

#raceDirectorBox {
   position: relative;
   margin-bottom: 30px;
   background: #FFF;
   border: 1px solid #CCC;
}

#raceDirectorBox a {
   text-decoration: underline;
}

#manageRaceBox {
   position: relative;
   margin-bottom: 30px;
   background: #FFF;
   border: 1px solid #CCC;
}

#manageRaceBox #manageRaceLink {
   text-decoration: underline;
}

#liveRaceDisplay {
   margin-bottom: 30px;
   position: relative;
}

#liveRaceDisplay h2 {
   margin-bottom: 6px;
}

#liveRaceDisplay h2.broadcasting {
   margin-bottom: 6px;
}

#liveRaceDisplay h2 .rkLiveLightMenu {
   top: -4px;
   left: -4px;
}

.liveRaceUserGrid {
   position: relative;
   background: #FFF;
   border: 1px solid #CCC;
   width: 190px;
   left: -8px;
   padding: 5px 4px;
}

.race .liveRaceUserGrid .userGrid.friends {
   margin-bottom: 0;
}

.race .liveRaceUserGrid .userGrid.friends a {
   margin-right: 4px;
}

.liveRaceEliteBox {
   clear: both;
   margin: 5px 0 0 0;
}

.liveRaceEliteBox .text {
   margin: 7px 0 4px;
}

.liveRaceEliteBox a.liveRaceEliteButton span {
   visibility: hidden;
}

#raceResultsBox {
   position: relative;
   width: 500px;
   margin: 20px 0;
}

#raceResultsBox #raceResultsHeader {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 15px;
   border-bottom: 1px solid #CCC;
}

#raceResultsBox #raceResultsHeader #raceResultsPositionLabel {
   position: absolute;
   top:0px;
   left:0px;
   width:50px;
   height: 15px;
}

#raceResultsBox #raceResultsHeader #raceResultsUserLabel {
   position: absolute;
   top: 0px;
   left: 50px;
   width: 300px;
   height: 15px;
   border-left: 1px solid #CCC;
}

#raceResultsBox #raceResultsHeader #raceResultsTimeLabel {
   position: absolute;
   top:0px;
   left:350px;
   width:75px;
   height: 15px;
   border-left: 1px solid #CCC;
   border-right: 1px solid #CCC;
}

#raceResultsBox #raceResultsHeader #raceResultsPaceLabel {
   position: absolute;
   top: 0px;
   left: 425px;
   width: 75px;
   height: 15px;
}

#raceResultsBox #raceResultsList {
   position: relative;
   top: 17px;
   left: 0px;
   width:100%;
   padding: 2px 0 0 0;
}

#raceResultsBox #raceResultsList .raceResultsListItem {
   position: relative;
   width: 100%;
   height: 30px;
   text-decoration: none;
}

#raceResultsBox #raceResultsList .raceResultsListItem:hover {
   background: #DDD;
   cursor: pointer;
}

#raceResultsBox #raceResultsList .raceResultsListItem .position {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 50px;
   height: 30px;
   padding-top: 8px;
   margin-right: 1px;
}

#raceResultsBox #raceResultsList .raceResultsListItem .icon {
   position: absolute;
   top:0px;
   left: 50px;
   width: 30px;
   height: 30px;
   padding: 2.5px 0 0 3px;
}

#raceResultsBox #raceResultsList .raceResultsListItem .user {
   position: absolute;
   top: 0px;
   left: 85px;
   width: 275px;
   height: 30px;
   padding: 8px 0 0 5px;
 }

#raceResultsBox #raceResultsList .raceResultsListItem .time {
   position: absolute;
   top: 0px;
   left: 350px;
   width: 75px;
   height: 30px;
   padding-top: 8px;
}

#raceResultsBox #raceResultsList .raceResultsListItem .pace {
   position: absolute;
   top: 0px;
   left: 425px;
   width: 75px;
   height: 30px;
   padding-top: 8px;
}

#currentLiveRacesWidget {
   background: white;
   position: relative;
   top: 0px;
   left: 0px;
   margin: 0px auto;
   padding: 8px 0px;
   width: 198px;
}

#currentLiveRacesWidget .liveRacesListItem {
   position: relative;
   margin: 0px;
   padding: 5px;
   width: 188px;
}

#currentLiveRacesWidget .liveRacesListItem:hover {
   cursor: pointer;
   background: #EEE;
}

#currentLiveRacesWidget .liveRacesListItem .detailsBox {
   position: relative;
   height: 30px;
}

#currentLiveRacesWidget .liveRacesListItem .detailsBox .icon {
   height: 30px;
   width: 30px;
   float:left;
   margin-right: 6px;
}

#currentLiveRacesWidget .liveRacesListItem .detailsBox .icon img {
   height: 30px;
   width: 30px;
}

#currentLiveRacesWidget .liveRacesListItem .detailsBox .arrow {
   background: url("../images/feedArrow-small.png") no-repeat scroll 0 0 transparent;
   height: 16px;
   margin-top: -8px;
   position: absolute;
   right: 8px;
   top: 50%;
   width: 16px;
}

#currentLiveRacesWidget .liveRacesListItem .detailsBox .textBox {
   float: left;
   width: 123px;
}

#currentLiveRacesWidget .liveRacesListItem .detailsBox .textBox .title {
   margin-bottom: 4px;
}

#currentLiveRacesWidget .liveRacesListItem .detailsBox .textBox .subTitle.distance {
   margin-top: 4px;
}

#currentLiveRacesWidget .liveRacesListItem .detailsBox .textBox .subTitle.location {
   margin-top: 0px;
}

#currentLiveRacesWidget .liveRacesListItem .detailsBox .textBox .subTitle.time {
   margin-top: 0px;
}

#currentLiveRacesWidget .liveRacesListItem .detailsBox .textBox .subTitle.date {
   margin-top: 0px;
}

#currentLiveRacesWidget .liveRacesListItem .participantsBox .participants {
   margin: 10px auto 0px;
   width: 180px;
}

#currentLiveRacesWidget .liveRacesListItem .participantsBox .participants .title {
   margin-bottom: 6px;
}

#currentLiveRacesWidget .liveRacesListItem .participantsBox .participants .userGrid {
   margin-bottom: 0px;
}

#currentLiveRacesWidget .border {
   height: 1px;
   margin: 8px 0px;
   width: 200px;
   background: #EEE;
}

#currentLiveRacesWidget a#viewAll {
   display: block;
   margin: 5px auto 0px;
   width: 50px;
}

/* FIXME: Live races landing page. Remove when testing is complete. */

#content.liveRaces {
   position: relative;
   z-index: 2;
   margin-top: 30px;
}

#content.race #rightColumn {
  float:right;
  width:200px;
}

#content.race #rightColumn #raceFitnessClassRecommendations {
   position: relative;
   width: 200px;
   margin: 40px auto 40px;
   z-index: 10;
}

#content.race #rightColumn #raceFitnessClassRecommendations .header {
   position: relative;
   height: 40px;
}

#content.race #rightColumn #raceFitnessClassRecommendations .header .icon {
   float: left;
   height: 28px;
   width: 28px;
   margin-top: 2px;
   margin-right: 10px;
}

#content.race #rightColumn #raceFitnessClassRecommendations .header .title {
   position: relative;
   top: 1px;
}

#content.race #rightColumn #raceFitnessClassRecommendations .fitnessClassesListContainer {
   position: relative;
   background: #FFF;
   border: 1px solid #CCC;
   width: 190px;
   left: -8px;
   padding: 5px 4px;
}

#content.race #rightColumn #raceFitnessClassRecommendations .fitnessClassesListItem {
   position: relative;
   margin: 0px;
   padding: 5px;
   width: 180px;
}

#content.race #rightColumn #raceFitnessClassRecommendations .fitnessClassesListItem:hover {
   cursor: pointer;
   background: #EEE;
}

#content.race #rightColumn #raceFitnessClassRecommendations .fitnessClassesListItem:active {
   cursor: pointer;
   background: #CCC;
}

#content.race #rightColumn #raceFitnessClassRecommendations .fitnessClassesListItem.featured {
   border: 2px solid #2C5DAA;
   position: relative;
   top: -5px;
   left: -5px;
   width: 186px;
   margin-bottom: -10px;
}

#content.race #rightColumn #raceFitnessClassRecommendations .fitnessClassesListItem .featuredClassText {
   display: none;
}

#content.race #rightColumn #raceFitnessClassRecommendations .fitnessClassesListItem.featured .featuredClassText {
   display: block;
   padding: 5px 0;
   position: relative;
   left: -5px;
   bottom: -5px;
   width: 196px;
   background: #2C5DAA;
}

#content.race #rightColumn #raceFitnessClassRecommendations .fitnessClassItemBox {
   position: relative;
   margin: 0px;
   width: 180px;
}

#content.race #rightColumn #raceFitnessClassRecommendations .fitnessClassesListItem .fitnessClassItemBox .arrow {
   background: url("../images/feedArrow-small.png") no-repeat scroll 0 0 transparent;
   position: absolute;
   top: 50%;
   right: 0px;
   height: 16px;
   width: 16px;
   margin-top: -8px;
}

#content.race #rightColumn #raceFitnessClassRecommendations .fitnessClassesListItem .fitnessClassItemBox .title {
   position: relative;
   margin-bottom:5px;
   width: 160px;
}

#content.race #rightColumn #raceFitnessClassRecommendations .fitnessClassesListItem .fitnessClassItemBox .details {
   position: relative;
   width: 160px;
}

#content.race #rightColumn #raceFitnessClassRecommendations .fitnessClassesListItem .details .goal {
   margin-bottom: 3px;
}

#content.race #rightColumn #raceFitnessClassRecommendations .fitnessClassesListItem .participantsBox .participants {
   margin: 10px auto 0px;
   width: 180px;
}

#content.race #rightColumn #raceFitnessClassRecommendations .fitnessClassesListItem .participantsBox .participants .title {
   padding-bottom: 3px;
   width: 160px;
}

#content.race #rightColumn #raceFitnessClassRecommendations .fitnessClassesListItem .participantsBox .participants .userGrid {
   margin-bottom: 0px;
}

#content.race #rightColumn #raceFitnessClassRecommendations .border {
   height: 1px;
   margin: 5px 0;
   position: relative;
   left: -4px;
   width: 198px;
   background: #EEE;
}

#content.race #rightColumn #raceFitnessClassRecommendations .border:first-child {
   display: none;
}

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

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

.whatsThisLink {
   float: left;
}

#raceForm div.errors .header {
   margin-bottom: 2px;
}

#raceForm div.errors ol {
   list-style-type: disc;
   margin-bottom: 20px;
}

#raceForm div.errors li {
   margin-left: 25px;
   margin-top: 1px;
   margin-bottom: 1px;
}



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

.headlineBox.races #distanceBox {
    position: relative;
    float: right;
    background: url(../images/profileStatsBox-bg-sm.png) no-repeat 0 0;
    width: 90px;
    height: 31px;
    padding: 0px 2px;
    margin: 3px 6px 0px 10px;
}

.headlineBox.races #distanceBox #distanceDisplay {
    position: relative;
    float: left;
    top: 7px;
    margin-left: 3px;
    margin-right: 2px;
}

.headlineBox.races #distanceBox #distanceUnits {
    position: relative;
    float: left;
    top: 15px;
    margin-right: 3px;
}

.headlineBox.races #distanceBox img#profileStatsWindow-reflection {
    position: relative;
    top: -25px;
    width: 90px;
    height: 31px;
}

/* Race | Main content fields. */

.race#tabbedContent {
    float:left;
    position: relative;
    margin-bottom: 5px;
    display:table-cell;
    width: 100%;
}

table#raceStatsBox {
    position: relative;
    margin-top: 20px;
    width:100%;
    border-collapse: collapse;
}

table#raceStatsBox thead tr {
    height: 25px;
    background: #EEE;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#CCC));
    background: -moz-linear-gradient(-90deg, #EEE, #CCC);
}

table#raceStatsBox tbody {
    background: white;
}

table#raceStatsBox thead th {
    border: 1px solid #BBB;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    cursor: default;
}

table#raceStatsBox tbody td {
    border: 1px solid #BBB;
    padding: 5px 3px 5px 3px;
    vertical-align: middle;
}

table#raceStatsBox tbody td .content {
    position: relative;
    width: inherit;
    height: 22px;
    margin: 0px auto 0px;
    cursor: default;
}

table#raceStatsBox tbody td .content .text {
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
}

table#raceStatsBox tbody td#stat-category .content #categoryContainer {
    position:relative;
}

table#raceStatsBox tbody td#stat-category .content img {
    position: relative;
    margin-right: 3px;
}

table#raceStatsBox tbody td#stat-category .content .text {
    position: relative;
    height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.race#upperContent .middleColumn #raceDescription {
    position: relative;
    display: block;
    width: 100%;
    margin: 25px auto 0px;
}

.race#upperContent .middleColumn #raceDescription #truncatedRaceDescription a#seeMoreDescription,
.race#upperContent .middleColumn #raceDescription #fullRaceDescription a#seeLessDescription {
    cursor: pointer;
}

.race#upperContent .middleColumn #participantsRequest {
    position: relative;
    display: block;
    width: 100%;
    margin: 25px auto 0px;
}

.race#upperContent .middleColumn .participantsContainer {
    position: relative;
    display: block;
    width: 100%;
}

.race#upperContent .middleColumn .participantsContainer .header {
    position: relative;
    float: left;
    display: block;
    margin-top: 25px;
    margin-bottom: 10px;
}

.race#upperContent .middleColumn .participantsContainer .participants {
    display: block;
    float: left;
    width: 100%;
}

.race#upperContent .middleColumn .participantsContainer .participants .userGrid {
    width: 100%;
    margin-bottom: 0px;
}

.race#upperContent .middleColumn .participantsContainer .participants .visibleParticipants {
    cursor: pointer;
}

/* Race | Join/Leave race buttons. */

.race #joinRaceButton,
.race #joinRaceWithGoalButton,
.race #leaveRaceButton {
    width:100%;
    float:none;
    margin:10px auto;
}
/* Race | Fitness class recommendation widget. */

.race #raceFitnessClassRecommendations {
   position: relative;
   width: 200px;
   margin: 20px auto 40px;
   z-index: 10;
}

.race #raceFitnessClassRecommendations .header {
   position: relative;
   height: 40px;
}

.race #raceFitnessClassRecommendations .header .icon {
   float: left;
   height: 28px;
   width: 28px;
   margin-top: 2px;
   margin-right: 10px;
}

.race #raceFitnessClassRecommendations .header .title {
   position: relative;
}

.race #raceFitnessClassRecommendations .fitnessClassesListContainer {
   position: relative;
   background: #FFF;
   border: 1px solid #CCC;
   width: 190px;
   left: -8px;
   padding: 5px 4px;
}

.race #raceFitnessClassRecommendations .fitnessClassesListItem {
   position: relative;
   margin: 0px;
   padding: 5px;
   width: 180px;
}

.race #raceFitnessClassRecommendations .fitnessClassesListItem:hover {
   cursor: pointer;
   background: #EEE;
}

.race #raceFitnessClassRecommendations .fitnessClassesListItem:active {
   cursor: pointer;
   background: #CCC;
}

.race #raceFitnessClassRecommendations .fitnessClassesListItem.featured {
   border: 2px solid #2C5DAA;
   position: relative;
   width: 186px;
}

.race #raceFitnessClassRecommendations .fitnessClassesListItem .featuredClassText {
   display: none;
}

.race #raceFitnessClassRecommendations .fitnessClassesListItem.featured .featuredClassText {
   display: block;
   padding: 5px 0;
   position: relative;
   left: -5px;
   bottom: -5px;
   width: 196px;
   background: #2C5DAA;
}

.race #raceFitnessClassRecommendations .fitnessClassItemBox {
   position: relative;
   margin: 0px;
   width: 180px;
}

.race #raceFitnessClassRecommendations .fitnessClassesListItem .fitnessClassItemBox .arrow {
   background: url("../images/feedArrow-small.png") no-repeat scroll 0 0 transparent;
   position: absolute;
   top: 50%;
   right: 0px;
   height: 16px;
   width: 16px;
   margin-top: -8px;
}

.race #raceFitnessClassRecommendations .fitnessClassesListItem .fitnessClassItemBox .title {
   position: relative;
   margin-bottom:5px;
   width: 160px;
}

.race #raceFitnessClassRecommendations .fitnessClassesListItem .fitnessClassItemBox .details {
   position: relative;
   width: 160px;
}
.race #raceFitnessClassRecommendations .fitnessClassesListItem .details .goal {
   margin-bottom: 3px;
}

.race #raceFitnessClassRecommendations .fitnessClassesListItem .participantsBox .participants {
   margin: 10px auto 0px;
   width: 180px;
}

.race #raceFitnessClassRecommendations .fitnessClassesListItem .participantsBox .participants .title {
   padding-bottom: 3px;
   width: 160px;
}

.race #raceFitnessClassRecommendations .fitnessClassesListItem .participantsBox .participants .userGrid {
   margin-bottom: 0px;
}

.race #raceFitnessClassRecommendations .border {
   height: 1px;
   margin: 5px 0;
   position: relative;
   left: -4px;
   width: 198px;
   background: #EEE;
}

.race #raceFitnessClassRecommendations .border:first-child {
   display: none;
}

/* Race | Tabbed menu. */

.race#tabbedContent #tabbedOptions #subNavContainer {
    margin: 0px auto 10px auto;
}

.race#tabbedContent #tabbedOptions #subNavContainer #subNavBox {
    width: auto;
}

.race#tabbedContent #tabbedOptions #subNavContainer #manageRaceLinkBox {
    margin: 0px;
    float: right;
    height: 29px;
}

.race#tabbedContent #tabbedOptions #subNavContainer #manageRaceLinkBox:hover {
    cursor: pointer;
}

.race#tabbedContent #tabbedOptions #subNavContainer #manageRaceLinkBox .text {
    position: relative;
    float: right;
    margin-right: 10px;
}

/* Race | Race map. */

.race#tabbedContent #tabbedOptions #mapContainer #liveRacersContainer {
    position: relative;
    width: 100%;
    display: block;
}

.race#tabbedContent #tabbedOptions #mapContainer #liveRacersContainer .header {
    position: relative;
    float: left;
    display: inline;
    height: 20px;
    margin-right: 5px;
}

.race#tabbedContent #tabbedOptions #mapContainer #liveRacersContainer #liveRacersList {
    display: inline;
    float: left;
    width: 587px;
}

.race#tabbedContent #tabbedOptions #mapContainer #liveRacersContainer #liveRacersList .userGrid {
    width: 587px;
    margin-bottom: 30px;
}

.race#tabbedContent #tabbedOptions #mapContainer #map_area {
    position: relative;
    width:100%;
    margin: 0 auto 15px auto;
    border: none;
    overflow: hidden;
}


/* Race | Race results. */

.race#tabbedContent #tabbedOptions #raceResultsContainer,
.race#tabbedContent #tabbedOptions #mapContainer {
    float:left;
    position: relative;
    display:table-cell;
    width:100%;
    margin: 0 auto;
}

.race#tabbedContent #tabbedOptions #raceResultsContainer #searchBox {
    position: relative;
    height: 35px;
    margin-bottom: 20px;
    border: 1px solid #CCC;
    background: #EEE;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2F2F2), to(#DDD));
    background: -moz-linear-gradient(-90deg, #F2F2F2, #DDD);
}

.race#tabbedContent #tabbedOptions #raceResultsContainer #searchBox label {
    position: relative;
    float: left;
    top: 9px;
    margin-left: 10px;
    margin-right: 5px;
}

.race#tabbedContent #tabbedOptions #raceResultsContainer #searchBox #nameSearchInput,
.race#tabbedContent #tabbedOptions #raceResultsContainer #searchBox #bibNumberSearchInput {
    position: relative;
    float: left;
    top: 4px;
    width: 150px;
}

.race#tabbedContent #tabbedOptions #raceResultsContainer #searchBox #bibNumberSearchInput {
    width: 60px;
}

.race#tabbedContent #tabbedOptions #raceResultsTableContainer {
    position: relative;
    max-height: 400px;
    overflow: auto;
}

.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults {
    position: relative;
    border-collapse: collapse;
    width: 100%;
}

.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults thead {
    display: table-header-group;
}

.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults thead tr {
    display: table-row;
    height: 25px;
    background: #EEE;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#CCC));
    background: -moz-linear-gradient(-90deg, #EEE, #CCC);
}

.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults thead th {
    border: 1px solid #BBB;
    vertical-align: middle;
    padding-left: 7px;
    padding-right: 7px;
}

.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults thead th:hover {
    cursor: pointer;
    text-decoration: underline;
}

.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults thead th.official:hover,
.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults thead th.claim:hover,
.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults thead th.icon:hover {
    cursor: default;
}

.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults thead th.official,
.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults thead th.icon {
    width: 20px;
}

.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults thead th.age {
    width: 26px;
}

.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults thead th.gender {
    width: 44px;
}

.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults thead th.time,
.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults thead th.pace {
    width: 48px;
}

.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults thead th .content {
    position: relative;
    margin: 0px;
    width: inherit;
    padding: 0 5px;
}

.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults thead th.icon .content .icon {
    position: relative;
    margin: 0px auto;
    width: 20px;
    height: 20px;
    background: url(../images/icon-profilePic.png) no-repeat 0 0;
}

.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults thead th.official .content .icon {
    position: relative;
    margin: 0px auto;
    height: 20px;
    width: 20px;
}

.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults tbody {
    display: table-row-group;
    border-collapse: collapse;
}

.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults tbody tr {
    display: table-row;
    height: 30px;
}

.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults tbody tr.hasActivity:hover,
.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults tbody tr.hasActivity:hover td {
    background-image: -moz-linear-gradient(top, #1F82C5, #253A7B);
    background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #1F82C5), color-stop(1, #253A7B));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#1F82C5', EndColorStr='#253A7B')";
    cursor: pointer !important;
}

.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults tbody tr.hasActivity:active {
    background-image: -moz-linear-gradient(top, #253A7B, #1F82C5);
    background-image: -webkit-gradient(linear,left top,left bottom, color-stop(1, #253A7B), color-stop(0, #1F82C5));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#253A7B', EndColorStr='#1F82C5')";
    cursor: pointer !important;
}

.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults tbody tr.hasActivity:hover td .content,
.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults tbody tr.hasActivity:active td .content {
    cursor: pointer;
}

.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults tbody td {
    border-collapse: collapse;
    vertical-align: middle;
}

.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults tbody td .content {
    position: relative;
    margin: 0px;
    padding: 5px 7px 5px 7px;
    text-overflow: ellipsis;
    cursor: default;
}

.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults tbody td.icon .content .icon,
.race#tabbedContent #tabbedOptions #raceResultsContainer table#raceResults tbody td.official .content .icon {
    position: relative;
    margin: 0px auto;
}

/* Race | Live race feed. */

.race #liveRaceFeedWidget {
    position: relative;
    width: 200px;
    margin: 0px auto;
    z-index: 10;
    display: none;
}

.race #liveRaceFeedWidget .header {
    position: relative;
    height: 20px;
}

.race #liveRaceFeedWidget .header .title {
    position: relative;
    margin: 0px auto;
}

.race #liveRaceFeedWidget #raceFeedContainer {
    position: relative;
    background: #FFF;
    border: 1px solid #CCC;
    width: 190px;
    left: -8px;
    padding: 5px 4px;
    height: 250px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.race #liveRaceFeedWidget #raceFeedContainer #liveRaceFeed .feedItem {
    position: relative;
    margin-right: 0px;
    padding: 2px 3px 2px 3px;
    width: 180px;
}

.race #liveRaceFeedWidget #raceFeedContainer #liveRaceFeed .feedItem .icon {
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
}

.race #liveRaceFeedWidget #raceFeedContainer #liveRaceFeed .feedItem .content {
    position: relative;
    float: left;
    top: -2px;
    width: 135px;
}

.race #liveRaceFeedWidget #raceFeedContainer #liveRaceFeed .feedItem .postTime {
    position: relative;
    float: left;
    left: 30px;
    margin-top: 4px;
}

.race #liveRaceFeedWidget #raceFeedContainer #liveRaceFeed .border {
    position: relative;
    height: 1px;
    margin: 5px 0;
    left: -4px;
    width: 198px;
    background: #DDD;
}

/* Race hub | Main content fields. */

.raceHub#upperContent {
    position: relative;
    margin: 30px auto 30px;
}

.raceHub#tabbedContent {
    position: relative;
    margin: 0px auto 30px;
}

.raceHub#tabbedContent #subNav {
   margin-top: 0;
}

.raceHub#upperContent .rightContent {
    float:right;
    width: 200px;
}

/* Race hub | Tabbed menu. */

.raceHub#tabbedContent #tabbedOptions #subNavContainer {
    margin: 0px auto 10px auto;
}

.raceHub#tabbedContent #tabbedOptions #subNavContainer #subNavBox {
    width: auto;
}

.raceHub#tabbedContent #tabbedOptions #subNavContainer #manageRaceHubLinkBox {
    margin: 0px;
    float: right;
    height: 29px;
}

.raceHub#tabbedContent #tabbedOptions #subNavContainer #manageRaceHubLinkBox:hover {
    cursor: pointer;
}

.raceHub#tabbedContent #tabbedOptions #subNavContainer #manageRaceHubLinkBox .text {
    position: relative;
    float: right;
    top: 6px;
}

/* Race hub | Race results. */

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer {
    position: relative;
    width: 970px;
    margin: 0 auto;
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer #searchBox {
    position: relative;
    width: 968px;
    height: 35px;
    margin-bottom: 20px;
    border: 1px solid #CCC;
    background: #EEE;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2F2F2), to(#DDD));
    background: -moz-linear-gradient(-90deg, #F2F2F2, #DDD);
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer #searchBox label {
    position: relative;
    float: left;
    top: 9px;
    margin-left: 10px;
    margin-right: 5px;
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer #searchBox #nameSearchInput,
.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer #searchBox #bibNumberSearchInput,
.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer #searchBox #dateSearchInput {
    position: relative;
    float: left;
    top: 4px;
    width: 150px;
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer #searchBox #bibNumberSearchInput {
    width: 60px;
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer #searchBox #dateSearchInput {
    width: 85px;
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer #searchBox #uniform-categorySearchInput {
    position: relative;
    float: left;
    top: 1px;
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer #searchBox #categorySearchInput {
    width: 100% !important;
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer #searchBox #uniform-runningRaceTypeInput,
.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer #searchBox #uniform-cyclingRaceTypeInput,
.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer #searchBox #uniform-triathlonRaceTypeInput,
.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer #searchBox #uniform-walkingRaceTypeInput,
.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer #searchBox #uniform-wheelchairRaceTypeInput {
    position: relative;
    float: left;
    top: 0;
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer #searchBox #runningRaceTypeInput,
.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer #searchBox #cyclingRaceTypeInput,
.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer #searchBox #triathlonRaceTypeInput,
.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer #searchBox #walkingRaceTypeInput,
.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer #searchBox #wheelchairRaceTypeInput {
    width: 100% !important;
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsTableContainer {
    position: relative;
    width: 970px;
    max-height: 400px;
    overflow: auto;
}

.raceHub#tabbedContent #tabbedOptions #loadingMoreResults {
    position: relative;
    float: none;
    top: 80px;
    margin: 0px auto;
    z-index: 100;
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer table#raceResults {
    position: relative;
    border-collapse: collapse;
    width: 100%;
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer table#raceResults thead {
    display: table-header-group;
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer table#raceResults thead tr {
    display: table-row;
    height: 25px;
    background: #EEE;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#CCC));
    background: -moz-linear-gradient(-90deg, #EEE, #CCC);
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer table#raceResults thead th {
    border: 1px solid #BBB;
    vertical-align: middle;
    padding-left: 7px;
    padding-right: 7px;
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer table#raceResults thead th:hover {
    cursor: pointer;
    text-decoration: underline;
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer table#raceResults thead th.official:hover,
.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer table#raceResults thead th.claim:hover,
.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer table#raceResults thead th.icon:hover {
    cursor: default;
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer table#raceResults thead th .content {
    position: relative;
    margin: 0px;
    width: inherit;
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer table#raceResults thead th.icon .content .icon {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0px auto;
    background: url(../images/icon-profilePic.png) no-repeat 0 0;
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer table#raceResults tbody {
    display: table-row-group;
    border-collapse: collapse;
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer table#raceResults tbody tr {
    display: table-row;
    height: 30px;
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer table#raceResults tbody tr.hasActivity:hover,
.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer table#raceResults tbody tr.hasActivity:hover td {
    background-image: -moz-linear-gradient(top, #1F82C5, #253A7B);
    background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #1F82C5), color-stop(1, #253A7B));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#1F82C5', EndColorStr='#253A7B')";
    cursor: pointer;
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer table#raceResults tbody tr.hasActivity:active {
    background-image: -moz-linear-gradient(top, #253A7B, #1F82C5);
    background-image: -webkit-gradient(linear,left top,left bottom, color-stop(1, #253A7B), color-stop(0, #1F82C5));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#253A7B', EndColorStr='#1F82C5')";
    cursor: pointer;
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer table#raceResults tbody tr.hasActivity:hover td .content,
.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer table#raceResults tbody tr.hasActivity:active td .content {
    cursor: pointer;
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer table#raceResults tbody tr:odd {
    background-color: #EEE;
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer table#raceResults tbody td {
    padding: 5px 7px 5px 7px;
    border-collapse: collapse;
    vertical-align: middle;
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer table#raceResults tbody td .content {
    position: relative;
    margin: 0px auto 0px;
    text-overflow: ellipsis;
    cursor: default;
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer table#raceResults tbody td.icon .content .iconContainer {
    position: relative;
    float: left;
    left: 50%;
}

.raceHub#tabbedContent #tabbedOptions #searchRaceResultsContainer table#raceResults tbody td.icon .content .iconContainer .icon {
    position: relative;
    float: left;
    left: -50%;
    height: 20px;
    width: 20px;
}

/* Race hub | Find race. */

.raceHub#tabbedContent #tabbedOptions #findRaceContainer {
    position: relative;
    margin: 0 auto;
}

.raceHub#tabbedContent #tabbedOptions #findRaceContainer .selectionBox {
    position: relative;
    float: left;
    width:30%;
}

.raceHub#tabbedContent #tabbedOptions #findRaceContainer #selectCategoryBox {
    margin-right: 15px;
}

.raceHub#tabbedContent #tabbedOptions #findRaceContainer #selectDistanceBox {
    margin-left: 15px;
    margin-right: 15px;
}

.raceHub#tabbedContent #tabbedOptions #findRaceContainer #selectRaceBox {
    margin-left: 15px;
}

.raceHub#tabbedContent #tabbedOptions #findRaceContainer .divider {
    position: relative;
    float: left;
    width: 0;
    height: 350px;
    z-index: 2;
    background: #DDD;
    border-left: 1px solid #DDD;
    margin: 0 1px 0 0;
}

.raceHub#tabbedContent #tabbedOptions #findRaceContainer .selectionBox .header {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
}

.raceHub#tabbedContent #tabbedOptions #findRaceContainer .selectionBox .header .text {
    position: relative;
    top: 3px;
    float: left;
}
.raceHub#tabbedContent #tabbedOptions #findRaceContainer .selectionBox .createRace {
    position: relative;
    width: 100%;
    height: 60px;
    margin-top: 20px;
}

/* Race Hub | Fitness class recommendation widget. */

.raceHub #raceFitnessClassRecommendations {
   position: relative;
   width: 200px;
   margin: 0px auto 40px;
   z-index: 10;
}

.raceHub #raceFitnessClassRecommendations .header {
   position: relative;
   height: 40px;
}

.raceHub #raceFitnessClassRecommendations .header .icon {
   float: left;
   height: 28px;
   width: 28px;
   margin-top: 2px;
   margin-right: 10px;
}

.raceHub #raceFitnessClassRecommendations .header .title {
   position: relative;
   top: 1px;
}

.raceHub #raceFitnessClassRecommendations .fitnessClassesListContainer {
   position: relative;
   background: #FFF;
   border: 1px solid #CCC;
   width: 190px;
   left: -8px;
   padding: 5px 4px;
}

.raceHub #raceFitnessClassRecommendations .fitnessClassesListItem {
   position: relative;
   margin: 0px;
   padding: 5px;
   width: 180px;
}

.raceHub #raceFitnessClassRecommendations .fitnessClassesListItem:hover {
   cursor: pointer;
   background: #EEE;
}

.raceHub #raceFitnessClassRecommendations .fitnessClassesListItem:active {
   cursor: pointer;
   background: #CCC;
}

.raceHub #raceFitnessClassRecommendations .fitnessClassesListItem.featured {
   border: 2px solid #2C5DAA;
   position: relative;
   top: -5px;
   left: -5px;
   width: 186px;
   margin-bottom: -10px;
}

.raceHub #raceFitnessClassRecommendations .fitnessClassesListItem .featuredClassText {
   display: none;
}

.raceHub #raceFitnessClassRecommendations .fitnessClassesListItem.featured .featuredClassText {
   display: block;
   padding: 5px 0;
   position: relative;
   left: -5px;
   bottom: -5px;
   width: 196px;
   background: #2C5DAA;
}

.raceHub #raceFitnessClassRecommendations .fitnessClassItemBox {
   position: relative;
   margin: 0px;
   width: 180px;
}

.raceHub #raceFitnessClassRecommendations .fitnessClassesListItem .fitnessClassItemBox .arrow {
   background: url("../images/feedArrow-small.png") no-repeat scroll 0 0 transparent;
   position: absolute;
   top: 50%;
   right: 0px;
   height: 16px;
   width: 16px;
   margin-top: -8px;
}

.raceHub #raceFitnessClassRecommendations .fitnessClassesListItem .fitnessClassItemBox .title {
   position: relative;
   margin-bottom:5px;
   width: 160px;
}

.raceHub #raceFitnessClassRecommendations .fitnessClassesListItem .fitnessClassItemBox .details {
   position: relative;
   width: 160px;
}
.raceHub #raceFitnessClassRecommendations .fitnessClassesListItem .details .goal {
   margin-bottom: 3px;
}

.raceHub #raceFitnessClassRecommendations .fitnessClassesListItem .participantsBox .participants {
   margin: 10px auto 0px;
   width: 180px;
}

.raceHub #raceFitnessClassRecommendations .fitnessClassesListItem .participantsBox .participants .title {
   padding-bottom: 3px;
   width: 160px;
}

.raceHub #raceFitnessClassRecommendations .fitnessClassesListItem .participantsBox .participants .userGrid {
   margin-bottom: 0px;
}

.raceHub #raceFitnessClassRecommendations .border {
   height: 1px;
   margin: 5px 0;
   position: relative;
   left: -4px;
   width: 198px;
   background: #EEE;
}

.raceHub #raceFitnessClassRecommendations .border:first-child {
   display: none;
}

/* Races | Search. */

.races#searchContainer {
    margin: 30px auto 30px;
}

.races#searchResultsContainer {
    max-height: 506px;
    overflow-y:scroll;
}

.races#searchResultsPagingContainer {
    height: 25px;
}

.races#searchResultsCreateARaceLinkContainer {
    height: 35px;
    margin-top: 10px;
}

.races#searchParamsContainer #basicParamsContainer {
    background-color:#eee;
    padding: 8px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border: 1px solid #CCC;
}

.races#searchParamsContainer #advancedSearchHeader {
    position: relative;
    float: left;
    clear: both;
    height: 20px;
    width: 210px;
    background: #CCC;
}

.races#searchParamsContainer #advancedSearchHeader span.text {
    position: relative;
    float: left;
    top: 4px;
    left: 5px;
}

.races#searchParamsContainer #basicParamsContainer .inputLabel {
    position: relative;
    float: none;
    clear: both;
    margin-bottom: 5px;
    display: block
}

.races#searchParamsContainer #basicParamsContainer .inputBox {
    position: relative;
    float: none;
    clear: both;
    width: 100%;
    margin-bottom: 14px;
}

.races#searchParamsContainer #basicParamsContainer .inputBox #fromDate {
    position: relative;
    float: left;
}

.races#searchParamsContainer #basicParamsContainer .inputBox #toDate {
    position: relative;
    float: left;
}

.races#searchParamsContainer #basicParamsContainer input[type="text"] {
    width: 165px;
}

.races#searchParamsContainer #basicParamsContainer #fromDateSearchInput {
    width: 70px;
}

.races#searchParamsContainer #basicParamsContainer #toDateSearchInput {
    width: 70px;
    margin-left: 5px;
}

.races#searchParamsContainer #basicParamsContainer #uniform-raceCategorySearchInput,
.races#searchParamsContainer #basicParamsContainer #uniform-runningRaceDistanceSearchInput,
.races#searchParamsContainer #basicParamsContainer #uniform-cyclingRaceDistanceSearchInput,
.races#searchParamsContainer #basicParamsContainer #uniform-triathlonRaceDistanceSearchInput,
.races#searchParamsContainer #basicParamsContainer #uniform-walkingRaceDistanceSearchInput,
.races#searchParamsContainer #basicParamsContainer #uniform-wheelchairRaceDistanceSearchInput{
    width: 128px !important;
}

.races#searchParamsContainer #basicParamsContainer  span {
    width: 100%;
}


.races #pagingOptions {
   display:table;
   width:100%;
   height:60px;
   font-size: 16px;
}
.races #pagingOptions #previousPageGroup,
.races #pagingOptions #nextPageGroup,
.races #pagingOptions #pageGroupListContainer {
   display:table-cell;
   vertical-align: middle;
   text-align: left;
   width: 10%;
   height:100%;
   padding-bottom: 1em;
}
.races #pagingOptions #previousPageGroup {
   padding-left: 1em;
}
.races #pagingOptions #nextPageGroup {
   text-align: right;
   padding-right:1em;
}
.races #pagingOptions #pageGroupListContainer {
   width:auto;
   text-align: center;
}
.races #pageGroupList {
   list-style:none;
   display:inline-block;
   text-align: center;
   margin-bottom: 0;
}
.races #pageGroupList li {
   display:inline-block;
}

.races #searchBox {
   float: left;
}

.races#searchStatusContainer {
    position: relative;
    margin: 0px auto;
}

.races#searchStatusContainer .searchNumber {
    margin-right: 20px;
    display: block;
    margin-bottom: 6px;
}

.races#searchStatusContainer .params {
    position: relative;
    width: 100%;
    padding-bottom: 6px;
}

.cantFindBox {
   padding-left: 10px;
}
.races#searchStatusContainer .params .paramItem {
    position: relative;
}
.races#searchStatusContainer .params .paramItem .resultLabel {
  float:left;
  margin-right:10px;
  line-height:20px;
}
.races#searchStatusContainer .params .paramItem h3 {
  float:left;
  margin:0;
}

.races#searchStatusContainer .params .paramItem.searchedFor {
    position: relative;
    margin-right: 5px;
}

.races#searchStatusContainer .params.noResultsFound {
    border-bottom: 1px solid #CCC;
}

.races#searchStatusContainer.noResultsFound {
    margin: 0px auto;
}

.races#searchStatusContainer.resultsFound {
    margin-bottom: 5px;
}

.races#performingSearch {
    position: relative;
    float: none;
    top: 80px;
    margin: 0px auto;
}
.races #searchResults .iconContainer {
   width:40px;
   height:40px;
   -moz-border-radius:25px;
   -webkit-border-radius:25px;
   border-radius: 25px;
   overflow: hidden;
   background-color: #eee;
}
.races #searchResults .iconContainer .icon img {
   width:40px;
   height:40px;
}
.races #searchResults {
   font-size: 16px;
}
.races #searchResults {
   display:table;
   width:100%;
   height: auto;
   border-collapse: collapse;
}
.races #searchResultsTHead {
   display: table-header-group;
}
.races #searchResultsTHead .searchResultCell {
   padding: 0.5em 0.625em 0.625em;
   font-size: 0.875em;
   color: #222222;
   text-align: left;
}
.races #searchResultsTBody {
   display: table-row-group;
}
.races #searchResults .searchResultsTRow {
   display:table-row;
}
.races #searchResults .searchResultCell {
   display:table-cell !important;
   vertical-align: middle;
}
.races .searchResultCell.icon {width:60px;}
.races .searchResultCell.raceHubName {width: auto;}
.races .searchResultCell.raceHubLocation {width: 30%;}

.races .searchResultCell.raceName {width:35%;}
.races .searchResultCell.raceLocation {width: 30%;}

.races .searchResultCell a:active {
   opacity: .7;
}
.races #searchResults {
   width: 100%;
   border: none;
   outline: none;
}
.races #searchResults #searchResultsTHead {
   color: #444;
   background: transparent;
   border-bottom: 2px solid #444;
   height:auto;
   font-weight: bold;
}
.races #searchResults #searchResultsTBody .searchResultsTRow .searchResultCell {
   color:#444;
   height:60px;
   font-size: 0.875em;
}
.races #searchResults #searchResultsTBody .searchResultsTRow:hover {
   cursor:pointer;cursor:hand;
}
.races #searchResults #searchResultsTBody .searchResultsTRow:hover .searchResultCell .resultLink,
.races #searchResults #searchResultsTBody .searchResultsTRow:hover .searchResultCell .resultPseudoLink {
   color:#31a4d9;
}
.races #searchResults #searchResultsTBody .searchResultsTRow:active .searchResultCell:not(.icon) {
   opacity: .7;
}
.races #searchResults #searchResultsTBody .searchResultsTRow:nth-of-type(odd) {
    background-color: white !important;
}
.races #searchResults #searchResultsTBody .searchResultsTRow:nth-of-type(even) {
    background-color: #f9f9f9 !important;
    border-top:1px solid #e9e9e9;
    border-bottom:1px solid #e9e9e9;
}
.races .resultLink,
.races .resultPseudoLink {
   display:table;
   height:100%;
   width:100%;
   color:#444;
}
.races .resultLink .content,
.races .resultPseudoLink .content {
   display: table-cell;
   padding: 0.5625em 0.625em;
   height:100%;
   vertical-align: middle;
}
.races .resultLink:hover,
.races .resultLink:active,
.races .resultPseudoLink:hover,
.races .resultPseudoLink:active {
   color:#444;
}

.races#searchResultsPagingContainer #searchResultsPaging #resultsStatus {
    position: relative;
    float: left;
    top: 6px;
    height: 100%;
}

.races#searchResultsPagingContainer #searchResultsPaging #previousPageGroup {
    position: relative;
    float: right;
    top: 6px;
    height: 100%;
    margin-right: 5px;
    cursor: pointer;
}

.races#searchResultsPagingContainer #searchResultsPaging #previousPageGroup:hover {
    text-decoration: underline;
}

.races#searchResultsPagingContainer #searchResultsPaging #pages {
    position: relative;
    float: right;
}

.races#searchResultsPagingContainer #searchResultsPaging #pages .page {
    position: relative;
    float: left;
    top: 6px;
    height: 100%;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
}

.races#searchResultsPagingContainer #searchResultsPaging #pages .page.lastPage {
    margin-right: 0px;
}

.races#searchResultsPagingContainer #searchResultsPaging #pages .page:hover {
    text-decoration: underline;
}

.races#searchResultsPagingContainer #searchResultsPaging #nextPageGroup {
    position: relative;
    float: right;
    top: 6px;
    height: 100%;
    margin-left: 5px;
    margin-right: 0px;
    cursor: pointer;
}

.races#searchResultsPagingContainer #searchResultsPaging #nextPageGroup:hover {
    text-decoration: underline;
}

.bullet {
   background: #999;
   float: left;
   width: 6px;
   height: 6px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    top: 15px;
}

.breadcrumbNav.races .manageLinks {
   float: right;
   position: relative;
   z-index: 21;
   height: 35px;
   line-height:35px;
   margin-right: 5px;
}

.breadcrumbNav.races .manageLinks a {
   display: block;
   float: left;
   margin: 0 10px;
   height:35px;
   line-height:35px;
}

#noResultsNotice {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

p.findRaceDescription {
    margin-bottom: 30px;
    display:block;
    width:100%;
}

p.findRaceDescription span.bold {
    display: block;
    margin-bottom: 6px;
}

#searchStatusContainer img {
   margin-right: 6px;
   position: relative;
   top: 3px;
}

/* Race Creation */

.races#createRaceContainer {
    position: relative;
}

.races#createRaceContainer > .header {
    position: relative;
    float: left;
    height: 30px;
    margin-bottom: 2px;
}

.races#createRaceContainer #creationSteps {
    position: relative;
    height: 30px;
    width: 500px;
    margin:10px auto;
}
.races#createRaceContainer #creationSteps .steps {
    width:500px;
    margin:0;
}

.races#createRaceContainer #creationSteps .stepSelector-medium:hover {
    cursor: default;
}

.races#createRaceContainer #creationContentBox {
    position: relative;
    display: block;
    width:700px;
    margin:10px auto;
    border:1px solid #e9e9e9;
    padding:15px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}

.races#createRaceContainer #creationContentBox.map {
    background: none;
}

.races#createRaceContainer #creationContentBox.map > .greyBorder {
    display: none;
}

.races#createRaceContainer #creationContentBox #creationContent {
    position: relative;
}

.races#createRaceContainer #creationContentBox #creationContent.matchSuggestions {
    height: 440px;
}

.races#createRaceContainer #creationButtons {
    position: relative;
    display: block;
    width:700px;
    padding:15px 0;
    margin: 0px auto;
    height:40px;
}

.races#createRaceContainer #creationButtons #backButton {
    float: left;
}

.races#createRaceContainer #creationButtons #nextButton {
    float: right;
}

.races#createRaceContainer #creationButtons #saveButton {
    float: right;
}

.races#createRaceContainer .createRaceForm .row {
    position: relative;
    margin: 20px 0;
}

.races#createRaceContainer .createRaceForm .row:first-child {
    margin-top: 0;
}

.races#createRaceContainer .createRaceForm .row label {
    position: relative;
    float: left;
    top: 5px;
    width: 220px;
    margin-right: 10px;
}

.races#createRaceContainer #additionalInfoForm.createRaceForm .row label {
    width: 220px;
}

.races#createRaceContainer .createRaceForm .row .inputContainer {
    position: relative;
    float: left;
}

.races#createRaceContainer .createRaceForm .row .inputContainer input {
    float: left;
}

.races#createRaceContainer .createRaceForm .row .notes {
    position: relative;
    float: left;
    left: 230px;
    margin-top: 3px;
}

.races#createRaceContainer .createRaceForm .row #urlNotes.notes,
.races#createRaceContainer .createRaceForm .row #sponsorNotes.notes {
    left: 230px;
}

.races#createRaceContainer .createRaceForm #logoPreviewBox {
    position: relative;
    left: 250px;
    margin-top: 10px;
    width: 200px;
}

.races#createRaceContainer .createRaceForm img#logoPreview {
    position:relative;
    height: 100px;
    width: 100px;
}

.races#createRaceContainer .createRaceForm .row #name {
    width: 300px;
}

.races#createRaceContainer .createRaceForm .row #location {
    width: 300px;
}

.races#createRaceContainer .createRaceForm .row #localDate {
    width: 85px;
}

.races#createRaceContainer .createRaceForm .row #localHourContainer,
.races#createRaceContainer .createRaceForm .row #localMinuteContainer {
    position: relative;
    float: left;
}

.races#createRaceContainer .createRaceForm .row #localMinuteContainer {
    margin-left: 3px;
}

.races#createRaceContainer .createRaceForm .row #localHour,
.races#createRaceContainer .createRaceForm .row #localMinute {
    width: 50px;
}

.races#createRaceContainer .createRaceForm .row #timeColon {
    position: relative;
    float: left;
    top: 2px;
}

.races#createRaceContainer .createRaceForm .row #amContainer {
    position: relative;
    float: left;
    margin-left: 5px;
}

.races#createRaceContainer .createRaceForm .row #uniform-logo {
    margin-bottom: 0px;
}

.races#createRaceContainer .createRaceForm .row #websiteURL {
    width: 300px;
}

.races#createRaceContainer .createRaceForm .row #registrationURL {
    width: 300px;
}

.races#createRaceContainer .createRaceForm .row #titleSponsor {
    width: 300px;
}

.races#createRaceContainer .createRaceForm .row #description {
    width: 300px;
    height: 60px;
}

.races#createRaceContainer .createRaceForm .row .checkboxLabel {
    position: relative;
    float: left;
    top: 5px;
}

.races#createRaceContainer .createRaceForm .row .checkbox {
    position: relative;
    float: left;
    top: 3px;
    margin-left: 3px;
}

.races#createRaceContainer #requiredInfoContainer {
    position: relative;
}

.races#createRaceContainer #matchSuggestionsContainer {
    position: relative;
    height: 440px;
    margin: 0 auto;
    overflow-y: auto;
    overflow-x: hidden;
}

.races#createRaceContainer #matchSuggestionsContainer form {
   margin:0;
}

.races#createRaceContainer #matchSuggestionsContainer .header h2 {
   margin-top:0;
   width: 100%;
}

.races#createRaceContainer #matchSuggestionsContainer .header p {
    width: 100%;
    margin-top: 10px;
}

.races#createRaceContainer #additionalInfoContainer {
    position: relative;
    margin: 0 auto;
}

.races#createRaceContainer #mapContainer {
    position: relative;
}

.races#createRaceContainer #mapContainer #map_area {
    margin: 0;
    height: 440px;
}

.races#createRaceContainer #mapContainer #map_area #mapControls {
    margin: 0;
}

.races .errors,
.race .errors,
.raceHub .errors {
    padding: 10px;
    border: solid 1px red;
    background: #F7E8E9;
    margin: 10px auto 20px;
}

.races#createRaceContainer .createRaceForm#requiredInfoForm .errors,
.races#createRaceContainer .createRaceForm#additionalInfoForm .errors {
    width: 650px;
    margin-top: 0;
}

.races#createRaceContainer #mapDataForm {
   margin-bottom:0;
}

.races#createRaceContainer #mapDataForm.createRaceForm .errors {
    padding: 10px;
    border: solid 1px red;
    background: #F7E8E9;
    width: 710px;
    margin: 10px auto 20px;
}

.races .errors .header,
.race .errors .header,
.raceHub .errors .header {
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.races .errors ol,
.race .errors ol,
.raceHub .errors ol {
   position: relative;
   display: block;
   list-style-type: disc;
   padding-left: 20px;
}

.races .errors li,
.race .errors li,
.raceHub .errors li {
   margin: 3px 0;
}

.races input.error,
.race input.error,
.raceHub input.error {
    border: 2px solid red;
}

.races#createRaceContainer #matchSuggestionsContainer .header {
    position: relative;
    margin-bottom: 5px;
}

.races#createRaceContainer #matchSuggestionsContainer #matches {
    margin-top: 30px;
}

.races#createRaceContainer #matchSuggestionsContainer #matches .matchItem {
    position: relative;
    width: 205px;
    height: 50px;
    padding: 10px;
    margin: 0 7px 20px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    float: left;
}

.races#createRaceContainer #matchSuggestionsContainer #matches .matchItem.exact {
    height: 80px;
}

.races#createRaceContainer #matchSuggestionsContainer #matches .matchItem:hover {
    cursor: pointer;
    background: #31a4d9;
    color:#fff;
}

.races#createRaceContainer #matchSuggestionsContainer #matches .matchItem:active {
    cursor: pointer;
    background: #999;
}

.races#createRaceContainer #matchSuggestionsContainer #matches .matchItem .icon {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.races#createRaceContainer #matchSuggestionsContainer #matches .matchItem .details {
    float: left;
    width: 145px;
}

.races#createRaceContainer #matchSuggestionsContainer #matches .matchItem .details .location {
    margin-bottom: 10px;
}

.races#createRaceContainer #matchSuggestionsContainer #matches .matchItem .details .date {
    margin-bottom: 3px;
}

.races#createRaceContainer #mapActions .dividerGrey {
    background: url(../images/mapControls-divider.png) repeat;
    width: 1px;
    height: 35px;
    float: left;
}
.races#createRaceContainer #mapActions #distanceBox {
    position: relative;
    width: 68px;
    height: 35px;
    z-index: 20;
    float: left;
    margin: 3px 10px 0px 10px;
    padding: 0 3px;
    line-height:35px;
}

.races#createRaceContainer #mapActions #distanceBox #distanceDisplay{
    position: relative;
    float: left;
    width: 48px;
    margin-right: 6px;
    font-size:16px;
    font-weight:bold;
}

.races#createRaceContainer #mapActions #distanceBox #distanceUnits {
    position: relative;
    float: left;
    width: 14px;
}

.races#createRaceContainer #mapActions #mapRaces {
    position: relative;
    float: left;
}

.races#createRaceContainer #mapActions #mapRaces #mapRaceLabel {
    position: relative;
    top: 9px;
    float: left;
    margin: 0 6px 0 10px;
}

.races#createRaceContainer #mapActions #mapRaces #mapRaceSelect {
    position: relative;
    float: left;
    top: 2px;
    z-index: 20;
}

/* Race & Race Hub | Edit */

#editBox {
    position: relative;
    width: 730px;
    margin: 30px auto 30px;
}

#editBox .row {
    position: relative;
    width: 100%;
    margin-bottom: 18px;
}

#editBox .row label {
    position: relative;
    float: left;
    width: 210px;
    top: 5px;
}

#editBox .row .inputContainer {
    position: relative;
    float: left;
    margin-left: 10px;
}

#editBox .row .notes {
    margin-left: 220px;
    margin-top: 8px;
}

#editBox .row .inputContainer input[type=text] {
    width: 200px;
}

#editBox .row .inputContainer textarea {
    width: 360px;
    height: 60px;
}

#editBox .row #localHourContainer,
#editBox .row #localMinuteContainer {
    position: relative;
    float: left;
}

#editBox .row #localMinuteContainer {
    margin-left: 3px;
}

#editBox .row #localHour,
#editBox .row #localMinute {
    width: 50px;
}

#editBox .row #timeColon {
    position: relative;
    float: left;
    top: 2px;
}

#editBox .row #amContainer {
    position: relative;
    float: left;
    margin-left: 5px;
}

#editBox .row .inputContainer .uploader {
    margin-bottom: 0px;
}

#editBox .row  {
    position: relative;
    float: left;
    margin: 15px 0 0 240px;
}

#editBox .row #logoPreviewBox img#logoPreview {
    position:relative;
    height: 100px;
    width: 100px;
}

#editBox #mapRaces {
	position: relative;
}

#editBox #availableRaceMaps #availableRaceMapsLabel {
	position: relative;
	float: left;
	margin-right: 10px;
	top: 6px;
	left: 5px;
}

#editBox #raceMapLabel {
	position: relative;
	left: 5px;
}

#editBox #raceMap {
    position: relative;
}

#editBox #raceMap #distanceBox {
    position: absolute;
    width: 68px;
    height: 20px;
    margin: 3px 6px 0px 10px;
    bottom: 5px;
    padding: 3px;
    z-index: 20;
    font-size:17px;
}

#editBox #raceMap #distanceBox #distanceDisplay {
    position: relative;
    float: left;
    width: 48px;
    margin-right: 6px;
    top: 3px;
}

#editBox #raceMap #distanceBox #distanceUnits {
    position: relative;
    float: left;
    width: 14px;
    top: 8px;
}

#editBox > .divider {
    width: 100%;
    height: 0;
    border-top: 1px solid #CCC;
    margin: 30px 0 15px;
}

/* Race & Race Hub | Revision History */

#historyLoadingGraphic {
    position: relative;
    float: none;
    top: 70px;
    margin: 0px auto;
    height: 0px;
}

#revisionsBox {
	position: relative;
	width: 750px;
	margin: 30px auto 30px;
}

#revisionsBox .revisionItemContainer {
	position: relative;
	width: 750px;
	padding: 10px 0;
	border-top: 1px solid #EEE;
}

#revisionsBox .revisionItem {
	position: relative;
	padding: 7px 5px;
	width: 740px;
}

#revisionsBox .revisionItem .icon {
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 10px;
}

#revisionsBox .revisionItem .details {
	float: left;
	width: 680px;
}

#revisionsBox .revisionItem .details .header {
	margin: 2px 0 0 0;
}

#revisionsBox .revisionItem .details .main {
	margin: 2px 0 0 0;
	list-style: disc;
	padding-left: 20px;
}

#revisionsBox .revisionItem .details .main .change  {
	padding: 2px;
	margin: 5px 0;
}

#revisionsBox .revisionItem .details .main .change div.newValue {
	margin: 10px 0;
}

#revisionsBox .revisionItem .details .main .change .newLogo,
#revisionsBox .revisionItem .details .main .change .newMap {
	position: relative;
	clear: both;
	margin-top: 10px;
}

#revisionsBox .revisionItem .details .subText {
	position: relative;
	float: left;
	clear: both;
	margin-top: 10px;
	width: 680px;
}

#revisionsBox .revisionItem .details .subText .created {
	position: relative;
	float: left;
	top: 4px;
	margin-right: 7px;
}

#revisionsBox .revisionItem .details .subText .report {
	position: relative;
	float: left;
	top: 4px;
}

#revisionsBox .revisionItem .details .subText .report a {
	margin: 0 6px;
}

/* Step Selector */

#createRaceContainer.races .stepSelector-medium:hover .l {
    background: url(../images/stepSelector-left.png) no-repeat 0 -60px;
}

#createRaceContainer.races .stepSelector-medium:active .l {
    background: url(../images/stepSelector-left.png) no-repeat 0 -60px;
}

#createRaceContainer.races .stepSelector-medium.selected .l {
    background: url(../images/stepSelector-left.png) no-repeat 0 -90px;
}

#createRaceContainer.races .stepSelector-medium:hover .m {
    background: url(../images/stepSelector-middle.png) repeat-x 0 -60px;
}

#createRaceContainer.races .stepSelector-medium:active .m {
    background: url(../images/stepSelector-middle.png) repeat-x 0 -60px;
}

#createRaceContainer.races .stepSelector-medium.selected .m {
    background: url(../images/stepSelector-middle.png) repeat-x 0 -90px;
}

#createRaceContainer.races .stepSelector-medium:hover .r {
    background: url(../images/stepSelector-right.png) no-repeat 0 -60px;
}

#createRaceContainer.races .stepSelector-medium:active .r {
    background: url(../images/stepSelector-right.png) no-repeat 0 -60px;
}

#createRaceContainer.races .stepSelector-medium.selected .r {
    background: url(../images/stepSelector-right.png) no-repeat 0 -90px;
}

#createRaceContainer.races .stepSelector-medium.left:hover .r {
    background: url(../images/stepSelector-dividerRight.png) no-repeat 0 -60px;
}

#createRaceContainer.races .stepSelector-medium.left:active .r {
    background: url(../images/stepSelector-dividerRight.png) no-repeat 0 -60px;
}

#createRaceContainer.races .stepSelector-medium.left.selected .r {
    background: url(../images/stepSelector-dividerRight.png) no-repeat 0 -90px;
}

#createRaceContainer.races .stepSelector-medium.middle:hover .r {
    background: url(../images/stepSelector-dividerRight.png) no-repeat 0 -60px;
}

#createRaceContainer.races .stepSelector-medium.middle:active .r {
    background: url(../images/stepSelector-dividerRight.png) no-repeat 0 -60px;
}

#createRaceContainer.races .stepSelector-medium.middle.selected .r {
    background: url(../images/stepSelector-dividerRight.png) no-repeat 0 -90px;
}

#createRaceContainer.races .stepSelector-medium.middle:hover .l {
    background: url(../images/stepSelector-dividerLeft.png) no-repeat 0 -60px;
}

#createRaceContainer.races .stepSelector-medium.middle:active .l {
    background: url(../images/stepSelector-dividerLeft.png) no-repeat 0 -60px;
}

#createRaceContainer.races .stepSelector-medium.middle.selected .l {
    background: url(../images/stepSelector-dividerLeft.png) no-repeat 0 -90px;
}

#createRaceContainer.races .stepSelector-medium.right:hover .l {
    background: url(../images/stepSelector-dividerLeft.png) no-repeat 0 -60px;
}

#createRaceContainer.races .stepSelector-medium.right:active .l {
    background: url(../images/stepSelector-dividerLeft.png) no-repeat 0 -60px;
}

#createRaceContainer.races .stepSelector-medium.right.selected .l {
    background: url(../images/stepSelector-dividerLeft.png) no-repeat 0 -90px;
}

/* Map shadow */

#creationContent #map_area .greyBorder.t {
    width: 714px;
}

#creationContent #map_area .greyBorder.rt {
    height: 397px;
}

#creationContent #map_area .greyBorder.bs {
    width: 730px;
}

#creationContent #map_area .greyBorder.lt {
    height: 397px;
}

.manageRace .mostPopularContainer {
   width: 200px;
}

.manageRace .mostPopularContainer .title,
.manageRace .appDetailsContainer .title {
   width: 190px;
}

.manageRace .mostPopularContainer .listContainer {
   width: 190px;
}

.manageRace .mostPopularContainer .listContainer ul {
   padding-left: 20px;
}

.manageRace .mostPopularContainer .listContainer ul li {
   list-style: disc;
   width: 166px;
   padding: 4px 0;
}

.manageRace .mostPopularContainer .endCap,
.manageRace .appDetailsContainer .endCap {
   width: 190px;
}

.manageRace .mostPopularContainer .listContainer .listItem {
   width: 184px;
}

.manageRaceFormContainer {
   margin: 40px 0;
}

.manageRace #loginInfo {
   background: #EEE;
   border: 1px solid #D9D9DB;
   padding: 10px 10px;
   width: 700px;
}

.manageRace #loginInfo #signupOrLoginBox {
    width: 700px;
    margin: 10px auto 20px;
}

.manageRace #loginInfo #signupContainer,
.manageRace #loginInfo #loginContainer {
    float: left;
    display: block;
    width: 300px;
}

.manageRace #loginInfo #signupContainer {
    border-right: 1px solid #CCC;
    padding-right: 7px;
    margin-right: 20px;
}

.manageRace #loginInfo #loginContainer {
    padding-left: 10
}
.manageRace #loginInfo #signupOrLoginBox label {
    display: block;
    margin: 0 0 3px 0;
}

.manageRace #loginInfo #signupOrLoginBox input[type="text"],
.manageRace #loginInfo #signupOrLoginBox input[type="password"] {
    margin-right: 13px;
    width: 280px;
}

.manageRace #loginInfo h4 {
    margin: 0 0 12px 0;
}

.manageRace #loginContainer .blueButton-medium {
   right: 10px;
   top: 5px;
}

.manageRace .manageRaceFormRow {
  margin:7px 0;
}
.manageRace .manageRaceFormRow label {
  width:200px;
  float:left;
}
.manageRace .manageRaceFormRow .inputRightColumn {
  float:left;
  width:250px;
}
.manageRace .manageRaceFormRow .notes {
  float:left;
  width:190px;
}

/* Flagging */

.race#flaggingContainer {
    width: 100%;
}

.raceHub#flaggingContainer {
    width: 100%;
}

#flaggingContainer .header {
    position: relative;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 15px;
}

#flaggingContainer #flagTypeContainer {
    position: relative;
    float: left;
    width: 700px;
    margin-top: 10px;
}

#flaggingContainer.race #flagTypeContainer {
    width: 740px;
}

#flaggingContainer #flagTypeContainer label#selectFlagTypeLabel {
    position: relative;
    float: left;
    top: 7px;
    margin-right: 5px;
}

#flaggingContainer #flagTypeContainer #uniform-selectFlagType {
    position: relative;
    float: left;
}

#flaggingContainer #flagInputContainer {
    position: relative;
    float: left;
    width: 700px;
    margin-top: 5px;
}

#flaggingContainer.race #flagInputContainer {
    width: 740px;
}

#flaggingContainer #flagInputContainer #mergeInput label#raceHubNameSearchStringLabel {
    position: relative;
    float: left;
    top: 7px;
    margin-right: 5px;
}

#flaggingContainer #flagInputContainer #mergeInput .raceHubNameSearchString {
    position: relative;
    float: left;
    width: 410px;
}

#flaggingContainer #flagInputContainer #mergeInput #searchResultsInstructions {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 15px;
}

#flaggingContainer #flagInputContainer #mergeInput #performingSearch {
    position: relative;
    float: none;
    top: 93px;
    margin: 0px auto;
}

#flaggingContainer #flagInputContainer #mergeInput #noResultsFound {
    position: relative;
    float: none;
    height: 0px;
    margin: 0px auto;
}

#flaggingContainer #flagInputContainer #mergeInput .resultsTableContainer {
    position: relative;
    margin-top: 5px;
    width: 700px;
    height: 200px;
    border: 1px solid #BBB;
}

#flaggingContainer.race #flagInputContainer #mergeInput .resultsTableContainer {
    width: 740px
}

#flaggingContainer #flagInputContainer #mergeInput table.resultsTable {
    position: relative;
    width: 100%;
}

#flaggingContainer #flaggingInputContainer #mergeInput table.resultsTable thead {
    display: table-header-group;
}

#flaggingContainer #flagInputContainer #mergeInput table.resultsTable thead tr {
    display: block;
}

#flaggingContainer #flagInputContainer #mergeInput table.resultsTable thead th {
    background: #EEE;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#CCC));
    background: -moz-linear-gradient(-90deg, #EEE, #CCC);
    padding: 4px 3px;
    border-bottom: 1px solid #BBB;
}

#flaggingContainer #flagInputContainer #mergeInput #raceHubResults table.resultsTable thead th.select {
    width: 60px;
}

#flaggingContainer #flagInputContainer #mergeInput #raceHubResults table.resultsTable thead th.name {
    width: 540px;
    border-left: 1px solid #BBB;
    border-right: 1px solid #BBB;
}

#flaggingContainer #flagInputContainer #mergeInput #raceHubResults table.resultsTable thead th.numParticipants {
    width: 80px;
}

#flaggingContainer #flagInputContainer #mergeInput #raceResults table.resultsTable thead th.select {
    width: 60px;
}

#flaggingContainer #flagInputContainer #mergeInput #raceResults table.resultsTable thead th.name {
    width: 200px;
    border-left: 1px solid #BBB;
}

#flaggingContainer #flagInputContainer #mergeInput #raceResults table.resultsTable thead th.category {
    width: 80px;
    border-left: 1px solid #BBB;
}

#flaggingContainer #flagInputContainer #mergeInput #raceResults table.resultsTable thead th.distance {
    width: 80px;
    border-left: 1px solid #BBB;
}

#flaggingContainer #flagInputContainer #mergeInput #raceResults table.resultsTable thead th.date {
    width: 100px;
    border-left: 1px solid #BBB;
}

#flaggingContainer #flagInputContainer #mergeInput #raceResults table.resultsTable thead th.time {
    width: 70px;
    border-left: 1px solid #BBB;
    border-right: 1px solid #BBB;
}

#flaggingContainer #flagInputContainer #mergeInput #raceResults table.resultsTable thead th.numParticipants {
    width: 102px;
}

#flaggingContainer #flagInputContainer #mergeInput table.resultsTable tbody {
    display: block;
    overflow-y: scroll;
    height: 176px;
}

#flaggingContainer #flagInputContainer #mergeInput table.resultsTable tbody tr {
    display: block;
    height: 30px;
    border-bottom: 1px solid #BBB;
}

#flaggingContainer #flagInputContainer #mergeInput table.resultsTable tbody td {
    vertical-align: middle;
}

#flaggingContainer #flagInputContainer #mergeInput table.resultsTable tbody td .content {
    position: relative;
    margin: 0px;
    padding: 5px 7px 5px 7px;
    cursor: default;
}

#flaggingContainer #flagInputContainer #mergeInput #raceHubResults table.resultsTable tbody td.select {
    width: 67px;
}

#flaggingContainer #flagInputContainer #mergeInput #raceHubResults table.resultsTable tbody td.select .content {
    padding-left: 22px;
}


#flaggingContainer #flagInputContainer #mergeInput #raceHubResults table.resultsTable tbody td.name {
    width: 547px;
}

#flaggingContainer #flagInputContainer #mergeInput #raceHubResults table.resultsTable tbody td.name .content {
    position: relative;
    top: 2px;
    width: 460px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#flaggingContainer #flagInputContainer #mergeInput #raceHubResults table.resultsTable tbody td.numParticipants {
    width: 70px;
}

#flaggingContainer #flagInputContainer #mergeInput #raceHubResults table.resultsTable tbody td.numParticipants .content {
    position: relative;
    top: 2px;
    width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#flaggingContainer #flagInputContainer #mergeInput #raceResults table.resultsTable tbody td.select {
    width: 66px;
}

#flaggingContainer #flagInputContainer #mergeInput #raceResults table.resultsTable tbody td.select .content {
    padding-left: 22px;
}

#flaggingContainer #flagInputContainer #mergeInput #raceResults table.resultsTable tbody td.name {
    width: 208px
}

#flaggingContainer #flagInputContainer #mergeInput #raceResults table.resultsTable tbody td.name .content {
    position: relative;
    top: 2px;
    width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#flaggingContainer #flagInputContainer #mergeInput #raceResults table.resultsTable tbody td.category {
    width: 87px
}

#flaggingContainer #flagInputContainer #mergeInput #raceResults table.resultsTable tbody td.category .content {
    position: relative;
    top: 2px;
    width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#flaggingContainer #flagInputContainer #mergeInput #raceResults table.resultsTable tbody td.distance {
    width: 87px
}

#flaggingContainer #flagInputContainer #mergeInput #raceResults table.resultsTable tbody td.distance .content {
    position: relative;
    top: 2px;
    width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#flaggingContainer #flagInputContainer #mergeInput #raceResults table.resultsTable tbody td.date {
    width: 107px;
}

#flaggingContainer #flagInputContainer #mergeInput #raceResults table.resultsTable tbody td.date .content {
    position: relative;
    top: 2px;
    width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#flaggingContainer #flagInputContainer #mergeInput #raceResults table.resultsTable tbody td.time {
    width: 77px;
}

#flaggingContainer #flagInputContainer #mergeInput #raceResults table.resultsTable tbody td.time .content {
    position: relative;
    top: 2px;
    width: 60px;
}

#flaggingContainer #flagInputContainer #mergeInput #raceResults table.resultsTable tbody td.numParticipants {
    width: 90px;
}

#flaggingContainer #flagInputContainer #mergeInput #raceResults table.resultsTable tbody td.numParticipants .content {
    position: relative;
    top: 2px;
    width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#flaggingContainer #submitContainer {
    position: relative;
    float: left;
    width: 100%;
    height: 40px;
    margin-top: 10px;
    clear: both;
}

#flaggingContainer #submitButton {
    position: relative;
    float: left;
    top: 6px;
    right: 50%;
}

#flaggingContainerLink {
   margin: 0;
}

#resultsDisplayToggle div.radio {
   display: none;
}

.raceResultsHeader {
   position: relative;
}

.raceResultsHeader h2 {
   margin-bottom: 10px;
}

.raceResultsHeader #resultsDisplayToggle {
   position: absolute;
   top: 0;
   right: 0;
}
.raceImg img {
  display:block;
  margin:auto;
}

.createRace .ui-datepicker a.ui-datepicker-prev {display:none;}
.createRace .ui-datepicker a.ui-datepicker-next {display:none;}
.createRace .ui-datepicker#ui-datepicker-div {
   border: 1px solid #e9e9e9;
}
.raceSearch #ui-datepicker-div {
   display:none;
   width:auto;
}
#editRaceControls button {
   float:right;
}
#editRaceControls #editHistoryToggle {
   float:left;
}
#editRaceForm .formRow {
   margin: 10px 0;
}
#editRaceForm #timeColon {
   float:left;
   line-height:30px;
}
#editRaceForm #timeRow .selector,
#editRaceForm #timeRow #timeColon {
   margin-right:7px;
}
#editRaceForm #logoPreviewBox {
   margin:10px 0;
}

.race div.subNavcontainer {
  padding: 10px;
  border-bottom: 1px solid #CCC;
}

div#allParticipantsContainer {
  border-top: 1px solid #CCC;
  padding-top: 20px;
}

div.pageHeader {
  border-bottom: none;
  line-height: 18px;
}

.raceDetailsSubheader {
  color: #000;
}

#raceDescription {
  margin-bottom: 10px;
}

div.participants {
  padding-top: 10px;
}

div#raceDescription {
  margin-bottom: 30px;
}