/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
}
body{
   line-height: 1;
}
ol, ul {
   list-style: none;
}
blockquote, q {
   quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: '';
   content: none;
}

/* remember to define focus styles! */
:focus {
   outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
   text-decoration: none;
}
del {
   text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
   border-collapse: collapse;
   border-spacing: 0;
}

/* layout */

body{
   margin: 0;
   padding: 0;
   font-family: Helvetica Neue, helvetica, arial, sans-serif;
   font-size: 12px;
   color: #111;
   font-weight: normal;
   height: 100%;
   background: #BBB;
}

html {
   height: 100%;
}

* html .container {
   height: 100%;
}

#container {
   position: relative;
   min-height: 100%;
   background: #BBB;
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#bbb));
   background: -moz-linear-gradient(-90deg, #ddd, #bbb);
}

#partnerHeader {
   background: url(../../images/partner/header-bg.png) repeat-x 0 0;
   height: 50px;
   width: 100%;
}

#partnerHeader .divider {
   background: #444;
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565656), to(#0A0A0A), color-stop(0.50, #666));
   background: -moz-linear-gradient(-90deg, #565656, #666666 50%, #0A0A0A);
   height: 40px;
   width: 1px;
   float: left;
   clear: none;
}  
   
#partnerHeader .divider.right {
   float: right;
}

#main {
   width: 100%;
   margin-top: 30px;
}

.content {
   width: 970px;
   position: relative;
   margin: 0 auto;
}

#main .content {
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   box-shadow: 0px 1px 7px #666;
   -webkit-box-shadow: 0px 1px 7px #666;
   -moz-box-shadow: 0px 1px 7px #666;
   background: #EEE;
   min-height: 400px;
}

#siteLogoContainer {
   position: relative;
   float: left;
   width: 232px;
   height: 50px;
}

#siteLogoContainer h1 {
   border: 0;
   width: 232px;
}

#siteLogoContainer #siteLogo {
   display: block;
   top: 7px;
   left: 0px;
   width: 232px;
   height: 46px;
   background: url(../../images/partner/logo.png) center center no-repeat;
   text-indent: -10000px;      
}

#siteLogoContainer #siteLogo img {
   width: 232px;
   height: 46px;   
}

#mainNavContainer {
   position: relative;
   float: left;
   width: 500px;
   height: 50px;
}

#mainNavContainer li {
   position: relative;
   float: left;
   font-size: 13px;
   font-weight: normal;
   padding: 5px 11px;
   border-radius: 12px;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   margin: 7px 0 0 10px;
   text-shadow: 0 0 2px #000;
}

#mainNavContainer li:first-child {
   margin-left: 10px;
}

#mainNavContainer li:hover {
   background: #666;
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999), to(#666));
   background: -moz-linear-gradient(-90deg, #999, #666);
   border: 1px solid #444;
   padding: 4px 10px;
}

#mainNavContainer li.selected {
   background: #666;
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(#666));
   background: -moz-linear-gradient(-90deg, #444, #666);
   font-weight: bold;
   border: 1px solid #444;
   padding: 4px 10px 4px;
}

#mainNavContainer li a {
   color: #CCC;
   text-decoration: none;
}

#mainNavContainer li:hover a {
   color: #FFF;
   text-decoration: none;
}

#mainNavContainer li.selected a {
   color: #FFF;
}

#mainNavContainer li.selected:hover a {
   color: #FFF;               
}

#userInfoContainer {
   position: relative;
   float: right;
   max-width: 235px; 
   height: 50px;
}

#userInfoContainer .portalAvatar {
   float: left;
   margin: 4px 5px; 
   width: 30px;
   height: 30px;
   background: #666;
}

#userInfoContainer .portalAvatar .pictureSettingsBox {
   display: none;
}

#userInfoContainer .portalAvatar img {
   width: 30px;
   height: 30px;
}   

#userInfoContainer .infoContent {
   float: left;
   max-width: 185px;
   margin: 4px 10px 4px 0;
}

#userInfoContainer .infoContent .fullname {
   font-weight: bold;
   color: #FFF;
   text-shadow: 0 0 1px #000;
   font-size: 14px;
   float: left;
}

#userInfoContainer .infoContent .actions {
   font-weight: normal;
   color: #FFF;
   text-shadow: 0 0 1px #000;
   font-size: 11px;
   position: relative;
   top: 3px;
   float: left;
}

#userInfoContainer .infoContent .actions a {
   font-weight: normal;
   color: #DDD;
   text-decoration: none;
}

#userInfoContainer .infoContent .actions a:hover {
   color: #FFF;
}

.content #leftColumn {
   width: 230px;
   position: relative;
   margin-right: 0px;
   float: left;
   overflow: hidden;
}

#leftColumn .content {
   position: relative;
}

#leftColumnHeaderContainer {
   width: 200px;
   padding: 15px;
}

#leftColumnHeaderContainer .icon {
   width: 30px;
   height: 30px;
   float: left;
   background: #CCC;
   margin-right: 10px;
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;   
}

#leftColumnHeaderContainer .icon img {
   width: 30px;
   height: 30px;
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;   
}

#leftColumnHeaderContainer .title {
   width: 160px;
   float: left;
   font-size: 24px;
   font-weight: 100;
   font-color: #333;
   position: relative;
   top: 2px;
}

#leftColumnNavContainer {
   width: 230px;
   margin: 0 0 10px 0;
   border-top: 1px solid #CCC;
   border-bottom: 1px solid #FFF;
}

#leftColumnNavContainer .navItem {
   padding: 10px 15px;
   display: block;
   position: relative;
   z-index: 0;
   color: #333;
   font-weight: 100;
   font-size: 16px;
   border-top: 1px solid #FFF;
   border-bottom: 1px solid #CCC;
}

#leftColumnNavContainer .navItem:hover {
   cursor: pointer;
   background: #ddd;
   color: #000;
}

#leftColumnNavContainer .navItem:active {
   background: #CCC;
   color: #333;
}

#leftColumnNavContainer .navItem.selected {
   background: #fff;
   font-weight: 500;
   box-shadow: 0 0 10px #999;
   -webkit-box-shadow: 0 0 10px #999;
   -moz-box-shadow: 0 0 10px #999;
   z-index: 2;
}

#leftColumnNavContainer .navItem a {
   color: #000;
}

#leftColumnNavContainer .divider {
   border-bottom: 1px solid #FFF;
   border-top: 1px solid #CCC;
   width: 210px;
   margin: 0 auto;
   position: relative;
   z-index: 1;
   height: 0px;
}

.content #mainColumn {
   width: 700px;
   padding: 20px;
   float: left; 
   position: relative;
   background: #FFF;
   border-radius: 0 10px 10px 0;
   -webkit-border-radius: 0 10px 10px 0;
   -moz-border-radius: 0 10px 10px 0;
   box-shadow: -3px 0 5px #999;
   -moz-box-shadow: -3px 0 5px #999;
   -webkit-box-shadow: -3px 0 5px #999;
   min-height: 360px;
}
   
#partnerFooter {
   width: 100%;
   margin: 20px auto;
   font-size: 10pt;
   text-align: center;
   color: #333;
   font-weight: 200;
   padding-bottom: 50px;
}

.clear {
   clear: both;
}

h1 {
   font-size: 24px;
   width: 700px;
   border-bottom: 1px solid #eee;
   padding-bottom: 6px;
   font-weight: 100;
}

h1 span {
   font-size: 14px;
   font-weight: bold;
   color: #333;
}

#main .content.home {
   padding: 20px;
   background: #FFF;
}

#main .content #homeOverview {
   width: 538px;
   float: left; 
   margin-right: 30px;
}

#main .content #homeOptions {
   background: #EEE;
   border: 1px solid #d9d9db;
   padding: 10px 10px;
   width: 380px;
   float: left;
}

#main .content #homeOverview #homeOverviewHeader {
   position: relative;
   margin-bottom: 10px;
   font-size: 25px;
   font-weight: normal;
   color: gray;   
   text-align: left;
}

#main .content #homeOverview .divider {
   background: #CCC;
   height: 1px;
   margin-bottom: 20px;
   clear: none;
}

#main .content #homeOverview #homeOverviewGraphic {
   margin-bottom: 20px;
}

#main .content #homeOverview #homeOverviewContent {
   font-size: 18px;
   font-weight: normal;
   line-height: 25px;         
}

#main .content #homeOptions #homeOptionsHeader {
   position: relative;
   font-size: 25px;
   font-weight: normal;
   color: gray;   
   text-align: center;
   padding-bottom: 7px;
   border-bottom: 1px solid #CCC;
}

#main .content #homeOptions .signupOrLogin {
   margin-top: 30px;     
}

#main .content #homeOptions .option {
   position: relative;
   margin: 0px;
   padding: 10px 5px;
   width: 370px;
   border-bottom: 1px solid #CCC;
}

#main .content #homeOptions .option:hover {
   cursor: pointer; 
   background: #DDD;
}

#main .content #homeOptions .option .optionIcon {
   float: left;
   width: 40px;
   height: 40px;        
   margin-right: 8px;
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;  
}

#main .content #homeOptions .option .optionIcon img {
   width: 40px;
   height: 40px;
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;  
}

#main .content #homeOptions .option .optionContentBox {
   margin-left: 50px;
}

#main .content #homeOptions .option .optionContentBox .optionHeader {
   font-size: 12pt;
   font-weight: 600;
   color: black;
   margin-bottom: .25em;
}

#main .content #homeOptions .option .optionContentBox .optionContent {
   font-size: 10pt;
   font-weight: 200;
   color: gray;
   line-height: 120%;
}

.content.races #mainColumn .breadcrumbs {
   font-size: 13px;
   font-weight: normal;
   color: gray;
   margin-top: 5px;
}

.content.races #mainColumn .breadcrumbs a {
   color: gray;
   text-decoration: none;
}

.content.races #mainColumn .breadcrumbs a:hover {
   color: #2A5DB0;
}

.content.races #mainColumn .breadcrumbs a.active {
   font-weight: bold;
}

.content #mainColumn .pageContent {
   font-size: 14px;
   font-weight: normal;
   line-height: 17px;
}

.content.races #mainColumn .pageContent.races.intro {
   margin-top: 15px;    
}

.content.races #mainColumn .pageContent.races.intro .section {
   font-size: 12px;
   font-weight: normal; 
   margin-bottom: 15px;
}

.content.races #mainColumn .pageContent.races.intro .section h1 {
   font-size: 15px;
   font-weight: bold;
   border: none;
}

.content.races #mainColumn .pageContent.races.intro .section p {
   margin: 0px;
   font-size: 12px;
   font-weight: normal;
   line-height: 15px;
}

.content.races #mainColumn .pageContent.races.list {
   margin-top: 15px; 
}

.content.races #mainColumn .pageContent.races.list h2 {
   font-weight: bold;
   font-size: 14px;
   margin-top: 20px;
   margin-bottom: 10px;
}

.content.races #mainColumn .pageContent .raceListItem {
   position: relative;
   width: 687px;
   height: 20px;
   margin-bottom: 4px;
   padding: 6px 5px 5px 8px;   
}

.content.races #mainColumn .pageContent .raceListItem:hover {
   cursor: pointer;   
   background: #EEE;      
}

.content.races #mainColumn .pageContent .raceListItem:active {  
   background: #CCC;      
}

.content.races #mainColumn .pageContent .raceListItem:hover .raceName {  
   color: #2F8CCC;      
}

.content.races #mainColumn .pageContent .raceListItem:active .raceName {  
   color: #19397F;      
}

.content.races #mainColumn .pageContent .raceListItem .raceName {
   font-weight: bold;
   color: #2A5DB0;
   float: left;
}

.content.races #mainColumn .pageContent .raceListItem .viewRaceHubLink {
   position: relative;
   float: right;
   display: none;
   margin-right: 15px;
}

.content.races #mainColumn .pageContent .raceListItem .viewRaceHubLink a {
   font-weight: normal;
   font-size: 11px;
   color: #2A5DB0;
   text-decoration: none;      
}

.content.races #mainColumn .pageContent .raceListItem .viewRaceHubLink a:hover {
   color: #2F8CCC;  
   text-decoration: underline; 
}

.content.races #mainColumn .pageContent .raceListItem .addRaceLink {
   position: relative;
   float: right;
   display: none;
   margin-right: 5px;
}

.content.races #mainColumn .pageContent .raceListItem .addRaceLink a {
   font-weight: normal;
   font-size: 11px;
   color: #2A5DB0;
   text-decoration: none;
}

.content.races #mainColumn .pageContent .raceListItem .addRaceLink a:hover {
   color: #2F8CCC;   
   text-decoration: underline; 
}

.content.races #mainColumn .pageContent .raceListItem .editRaceHubLink {
   position: relative;
   float: right;
   display: none;
   margin-right: 15px;
}

.content.races #mainColumn .pageContent .raceListItem .editRaceHubLink a {
   font-weight: normal;
   font-size: 11px;
   color: #2A5DB0;
   text-decoration: none;
}

.content.races #mainColumn .pageContent .raceListItem .editRaceHubLink a:hover {
   color: #2F8CCC;   
   text-decoration: underline; 
}

.content.races #mainColumn .pageContent .raceListItem .raceCategory {
   font-weight: bold;
   color: #2A5DB0;
   float: left;
}

.content.races #mainColumn .pageContent .raceListItem .raceDistance {
   font-weight: bold;
   color: #2A5DB0;
   float: left;
}

.content.races #mainColumn .pageContent .raceListItem .raceDate {
   font-weight: bold;
   color: #2A5DB0;
   float: left;
}

.content.races #mainColumn .pageContent.races.list {
   margin-top: 15px; 
}

.content.races #mainColumn .pageContent.races.list h2 {
   font-weight: bold;
   font-size: 14px;
   margin-top: 20px;
   margin-bottom: 10px;
}

.content.races #mainColumn .pageContent.races.list .raceResultsHeader span {
   color: #000;
   font-weight: bold;
}

.content.races #mainColumn .pageContent.races.list .raceResultsHeader span.success {
   color: green;
}

.content.races #mainColumn .pageContent.races.list .raceResultsHeader span.error {
   color: red;
}

.content.races #mainColumn .pageContent.races.list .raceResultsHeader a {
   color: #000;
   font-weight: bold;
   text-decoration: underline;
}

.content.races #mainColumn .pageContent #innerMainColumn {
   position: relative;
   float: left;
   width: 505px;
   margin-top: 20px; 
}

.content.races #mainColumn .pageContent #innerMainColumn .header {
   position: relative;
   width: 100%;
   height: 30px;
   background: #EEE;
   font-size: 15px;
   font-weight: bold;
   color: black;
   margin-bottom: 10px;
}

.content.races #mainColumn .pageContent #innerMainColumn .header .label {
   position: absolute;
   top: 6px;
   left: 7px; 
}

.content.races #mainColumn .pageContent #innerMainColumn .description {
   position: relative;
   width: 100%;
   font-size: 12px;
   font-weight: normal;
   margin-bottom: 20px;      
}

.content.races #noRaces {
   font-style: italic;
   color: #666;
   font-size: 18px;
   text-align: center;
}

#raceResultsUploadInstructions {
   position: relative;
   width: 600px;
}

#raceResultsUploadInstructions .header {
   font-size: 13px;
   font-weight: bold;
   margin-bottom: 10px;
   text-align: center;
}

#raceResultsUploadInstructions .contents {
   font-size: 12px;
   font-weight: normal;
   line-height: 18px;
}

#raceResultsUploadInstructions .contents p {
   margin-bottom: 5px;  
}

#raceResultsUploadInstructions .contents .section .header {
   text-align: left;
   text-decoration: underline;
   margin-bottom: 2px;
}

#raceResultsUploadInstructions .contents .section .header.middle {
   margin-top: 5px;  
}

#raceResultsUploadInstructions .contents table#dataTypes {
   position: relative;
   width: 550px;
   margin: 20px auto 20px;
   border-collapse: collapse;
}

#raceResultsUploadInstructions .contents table#dataTypes thead {
   display: table-header-group;
}

#raceResultsUploadInstructions .contents table#dataTypes thead tr {
   display: table-row;
   height: 25px;
}

#raceResultsUploadInstructions .contents table#dataTypes thead th {
   border: 1px solid #CCC;
   vertical-align: middle;
   text-align: center;
   font-weight: bold;
   white-space: nowrap;    
   padding-left: 5px;
   padding-right: 5px;
}

#raceResultsUploadInstructions .contents table#dataTypes tbody {
   display: table-row-group;
}

#raceResultsUploadInstructions .contents table#dataTypes tbody tr {
   display: table-row;
   height: 25px;
}

#raceResultsUploadInstructions .contents table#dataTypes tbody td {
   font-weight: normal;
   font-size: 12px;
   vertical-align: middle;
   padding: 5px;
   border: 1px solid #CCC;
}

#raceResultsUploadInstructions .contents table#dataTypes tbody td.dataType {
   white-space: nowrap;
   text-align: center;  
   width: 125px;
}

#raceResultsUploadInstructions .contents table#dataTypes tbody td.columnHeader {
   white-space: nowrap; 
   text-align: center;
   width: 125px;
}

#raceResultsUploadInstructions .contents table#dataTypes tbody td.description {
   text-align: left; 
}

#raceResultsUploadInstructions .divider {
   position: relative;
   background: #d9d9db;
   height: 1px;
   margin: 8px auto 8px;
   width: 90%;
}

.content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadContainer {
   position:relative;
   float: left;
   font-size: 12px;
   margin-left: 95px; 
   text-align: left;     
}

.content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadContainer .uploader {
   margin-bottom: 5px;  
}

.content.races #mainColumn .pageContent #innerMainColumn #uploading {
   position: relative;
   float: left;
   top: 10px;
   height: 16px;
   width: 16px;
   border: 0;
   margin-left: 15px;
}

.content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadStatus {
   position: relative;
   width: 100%;
   font-size: 11px;
   text-align: center;
   margin-bottom: 5px;
   font-weight: bold;
}

.content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadStatus #status.success span {
   color: green;
}

.content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadStatus #status.error span {
   color: red;
}

.content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadDetails {
   position: relative;
   display: none;
   width: 504px;
   font-size: 11px;
   font-weight: normal;
   color: #111;
   padding: 5px;
   border: 1px solid #EEE;
}

.content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadDetails #showWarnings {
   text-decoration: underline;
   color: #2A5DB0;
}

.content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadDetails #hideWarnings {
   text-decoration: underline;
   color: #2A5DB0;
   display: none;
}

.content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadDetails #showWarnings:hover,
.content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadDetails #hideWarnings:hover {
   position: relative;
   cursor: pointer;
   color: #2F8CCC; 
}

.content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadDetails #warnings {
   display: none; 
}

.content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadDetails #showErrors {
   text-decoration: underline;   
}

.content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadDetails #hideErrors {
   text-decoration: underline;
   display: none;
}

.content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadDetails #showErrors:hover,
.content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadDetails #hideErrors:hover {
   position: relative;
   cursor: pointer;
   color: #2F8CCC; 
}

.content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadDetails #hideErrors {
   display: none;
}

.content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadDetails #errors {
   display: none;
}

.content.races #mainColumn .pageContent #innerMainColumn #featuredFitnessClassContainer {
   position: relative;
   left: 105px;
   font-size: 12px;
   margin-bottom: 30px;   
   text-align: left;
}

.content.races #mainColumn .pageContent #innerMainColumn #submitButton {
   float: right;
   margin-right: 20px;
   margin-bottom: 20px;      
}

.content.races #mainColumn .pageContent #innerRightColumn {
   position: relative;
   float: left;
   width: 180px;
   height: 400px;
   overflow: hidden;
   margin-top: 20px;
   margin-left: 15px;
}

.content.races #mainColumn .pageContent #innerRightColumn .divider {
   position: relative;
   background: #d9d9db;
   height: 1px;
   width: 100%;
   clear: none;      
}

.content.races #mainColumn .pageContent #innerRightColumn .menuItem {
   position: relative;
   height: 30px;
   width: 180px;    
   font-size: 12px;
   font-weight: bold;
   color: #2A5DB0;
}

.content.races #mainColumn .pageContent #innerRightColumn .menuItem:hover {
   pointer: cursor; 
   background: #FFF;    
   color: #2F8CCC;  
}

.content.races #mainColumn .pageContent #innerRightColumn .menuItem .icon {
   position: relative;
   float: left;
   background: gray;
   width: 30px;
   height: 30px;   
}

.content.races #mainColumn .pageContent #innerRightColumn .menuItem .label {
   position: relative;
   top: 7px;
   float:left;
   margin-left:10px;
}

.applicationContainer {
   padding: 5px;
   position: relative;
   min-height: 100px;
}

.applicationContainer .icon {
   float: left;
   width: 100px;
   height: 100px;
   margin-right: 20px;
}

.applicationContainer .details {
   float: left;
   width: 394px;
}

.applicationContainer .details .name {
   font-size: 20px;
   font-weight: bold;
}

.applicationContainer .details .status {
   margin-top: 8px;
   font-size: 12px;
   font-weight: normal;
}

.applicationContainer .details .status span {
   font-weight: bold;
}

.applicationContainer .details .status span.published {
   color: green;
}

.applicationContainer .details .status span.notpublished {
   color: red;
}

.applicationContainer .details .description {
   color: #333;
   font-size: 12px;
   margin-top: 10px;
}

.applicationContainer .details .actions {
   font-size: 12px;
   color: #666;
   margin-top: 10px;
}

.applicationContainer .permissions {
   position: absolute;
   right: 10px;
   top: 50%;
   margin-top: -35px;
   width: 130px;
   height: 50px;
   text-align: center;
   font-size: 12px;
   padding: 10px;
   border: 1px solid #CCC;
}

.applicationContainer .permissions h3 {
   font-weight: bold;
   font-size: 10pt;
   color: #333;
   padding: 4px 0 12px;
}

.applicationContainer .permissions img {
   display: inline-block;
   margin-right: 4px;
   width: 20px;
   height: 20px;
}

#applicationDetails .permissions .pending {
   font-weight: bold;
   color: black;
}

#applicationDetails .permissions .granted {
   font-weight: bold;
   color: green;
}

#applicationDetails .permissions .denied {
   font-weight: bold;
   color: red;
}

.pageContent .header .backlink {
   float: right;
}

.pageContent .body {
   margin: 15px 0;
}

.content #mainColumn .pageContent .body h2.keys {
   padding-left: 2px;
   font-size: 13px;
   font-weight: bold;
   color: #666;
   margin: 10px 0;
}

.pageContent .body .row {
   clear: both;
}

.pageContent .body .appDivider {
   height: 11px;
   border-bottom: 1px solid #DDD;
   margin: 0 0 10px;
   clear: both;
}

.pageContent .body form ul {
   margin-bottom: 20px;
}

.pageContent .body .leftbg {
   position: absolute;
   z-index: 0;
   background: #EEE;
   width: 230px;
}

.pageContent .body .row .leftColumn {
   position: relative;
   z-index: 1;
   float: left;
   width: 200px;
   padding: 15px;
   margin-right: 15px;
   font-weight: bold;
   color: #222;
   font-size: 14px;
}

.pageContent .body .row .rightColumn {
   position: relative;
   z-index: 1;
   padding: 15px;
   float: left;
   width: 425px;
}

.pageContent .body .row .rightColumn input {
   width: 300px;
   font-size: 13px;
}

.pageContent .body .row .rightColumn .keyText {
   background: #EEE;
   font-family: courier;
   padding: 6px 5px 5px 6px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}

.pageContent .body .row .rightColumn .fileUpload .action {
   font-size: 12px;
}

.pageContent .body .row .rightColumn textarea {
   width: 360px;
   font-size: 13px;
}

.pageContent .body .row .rightColumn p {
   margin-bottom: 10px;
}

.pageContent .body .row .rightColumn .checkRow {
   padding: 5px;
}

.pageContent .body .row .rightColumn .checkRow label {
   position: relative;
   top: 3px;
}

.pageContent .body .row.permissions .rightColumn .checkRow label {
   font-weight: bold;
   color: #111;
   font-size: 18px;
   position: relative;
   top: 2px;
   float: left;
}

.pageContent .body .row.permissions .rightColumn .checkRow img.permissionIcon {
   width: 20px;
   height: 20px;
   float: left;
   position: relative;
   top: 1px;
   margin-left: 5px;
}

.pageContent .body .row.permissions .rightColumn .checkRow p {
   color: #333;
   font-size: 11px;
   padding-left: 3px;
   padding-top: 5px;
   margin-bottom: 2px;
}

.pageContent .body .divider {
   display: block;
   margin: 0;
   padding: 0;
   border-bottom: 1px solid #DDD;
   height: 0;
   width: 100%;
   clear: both;
   position: relative;
   z-index: 2;
}

.pageContent .body .row .rightColumn img#iconImage {
   float: left;
   margin-right: 15px;
}

.pageContent .body .row .rightColumn .fileUpload {
   float: left;
   width: 360px;
}

.pageContent .body .row .rightColumn .uploader {
   margin-bottom: 0;
   top: -6px;
}

.pageContent .body .row .rightColumn p.footnote {
   color: #333;
   font-size: 11px;
   font-style: italic;
   margin-left: 5px;
}

.pageContent .body .row .rightColumn .fileUpload p.footnote {
   margin: 0 0 0 5px;
}

.justification {
   padding: 0 0 20px 8px;
}

.justification label {
   color: #333;
   font-weight: bold;
   font-size: 11px;
}

.justification textarea {
   width: 390px;
   height: 60px;
   margin-top: 10px;
}

#activityHistoryJustificationBox,
#fitnessReportsJustificationBox {
   display: none;
}

.noApps {
   font-style: italic;
   color: #666;
   font-size: 18px;
   text-align: center;
}

#mainColumn .pageContent {
   font-weight: 200;
   font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
   font-size: 11pt;
   line-height: 120%;
}

#mainColumn p {
   margin: 1em 0;
   font-weight: 200;
   line-height: 120%;
   font-size: 11pt;
}

#affiliateGetStarted {
   padding: 20px;
   text-align: center;
}
#affiliateTnC {
   padding: 0 20px;
   text-align: center;
   font-size: 8pt;
   font-weight: 200;
}

#mainColumn #rightColumn {
   float: right;
   width: 200px;
   border: 0;
   border-left: 1px solid #EEE;
   padding: 0 0 0 20px;
   margin: 15px 0 0 20px;
}

#mainColumn #rightColumn h2 {
   font-weight: 400;
    font-size: 12pt;
   font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
    margin-bottom: .5em;
   margin-top: 1em;
}

#mainColumn #rightColumn ul#affiliateExampleList {
   border-top: 1px solid #EEE;
}
#mainColumn #rightColumn ul#affiliateExampleList li {
   border-bottom: 1px solid #EEE;
   padding: 20px 10px;
}
#mainColumn #rightColumn ul#affiliateExampleList li img {
   display: block;
   margin: 0 auto;
}

#mainColumn .pageContent h2 {
   font-weight: 400;
    font-size: 12pt;
   font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
    margin-bottom: .5em;
   margin-top: 1em;
}

#mainColumn .code input {
   background: transparent;
   font-family: Monaco, Consolas, 'Courier New', Courier, monospace;
   position: relative;
   font-size: 8pt;
   border: 0;
   width: 450px;
}

#mainColumn .code {
   padding: 6px 5px 5px 6px;
   background: #EEE;
   font-family: Monaco, Consolas, 'Courier New', Courier, monospace;
   position: relative;
   font-size: 8pt;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}

#mainColumn ol {
   padding-left: 25px;
}
#mainColumn ol li {
   list-style-type: decimal;
   font-weight: 200;
   font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
   font-size: 11pt;
   line-height: 120%;
}

#mainColumn #balanceBox {
   background: #EEE;
   border: 2px solid #CCC;
   padding: 10px;
}

#mainColumn #balanceBox hr {
   border: 0;
   border-top: 1px solid #CCC;
   margin-top: 10px;
}

#mainColumn #balanceBox #currentBalance h2 {
   text-align: center;
   font-weight: 600;
   font-size: 16pt;
   color: #666;
   margin: 5px 0;
}
#mainColumn #balanceBox #currentBalance p {
   text-align: center;
   font-weight: 800;
   font-size: 22pt;
   margin: 5px 0;
}
#mainColumn #balanceBox #currentBalance p.paymentButton {
   text-align: center;
}
#mainColumn #balanceBox #paymentDetails p {
   font-size: 9pt;
}
#mainColumn #balanceBox #paymentsSentTo h3 {
   text-align: center;
   color: #999;
}
#mainColumn #balanceBox #paymentsSentTo input {
   width: 96%;
   font-family: Monaco, Consolas, 'Courier New', Courier, monospace;
   font-size: 8pt;
}
#mainColumn #balanceBox #paymentsSentTo input.set {
   background: transparent;
   border: 0;
   text-align: center;
}
#mainColumn #balanceBox #paymentsSentTo #changePaymentEmail {
   text-align: center;
   font-size: 9pt;
}

#mainColumn #rightColumn #totalToDate h2 {
   text-align: center;
   font-weight: 600;
   font-size: 12pt;
   color: #666;
   margin: 15px 0 5px 0;
}
#mainColumn #rightColumn #totalToDate p {
   text-align: center;
   font-weight: 800;
   font-size: 12pt;
   margin: 5px 0;
}

/* affiliate assets */
table.graphicalAssets {
   width: 100%;
   border-collapse:collapse;
}
table.graphicalAssets tr td {
   background: #EEE;
   border: 0;
   border-right: 1px solid #FFF;
   border-bottom: 1px solid #FFF;
}
table.graphicalAssets tr:first-child td:first-child {
   border-radius: 5px 0 0 0 ;
}
table.graphicalAssets tr:first-child td:last-child {
   border-radius: 0 5px 0 0 ;
}
table.graphicalAssets tr td.affiliateAsset.selected {
   background: #CCC;
   border: 0;
   border-right: 1px solid #FFF;
   border-bottom: 1px solid #CCC;
}
table.graphicalAssets tr td.codeExample {
   padding: 20px;
   border-radius: 0 0 5px 5px;
}
table.graphicalAssets tr td.codeExample.filled {
   background: #CCC;
}
table.graphicalAssets tr td.affiliateAsset a {
   display: block;
   padding: 20px 0;
   text-align: center;
}
table.graphicalAssets tr td.affiliateAsset:hover {
   background: #CCC;
}
table.graphicalAssets tr td.affiliateAsset a img {
   border: 0;
   margin: 0 auto;
}
table.graphicalAssets tr td.selected {
   background: #CCC;
   border-bottom: 1px solid #CCC;
}

textarea#affiliateCodeExample {
   font-family: Monaco, Consolas, 'Courier New', Courier, monospace;
   font-size: 8pt;
   width: 97%;
   height: 150px;
   border: 1px solid #999;
   padding: 10px;
   box-shadow: 2px 2px 5px #999 inset;
   -moz-box-shadow: 2px 2px 5px #999 inset;
   -webkit-box-shadow: 2px 2px 5px #999 inset;
}

/* faq */
.content #mainColumn dl.faq {
   line-height: 120%;
}
.content #mainColumn dl.faq dt {
   padding: 1em 0;
   font-weight: 400;
   font-size: 12pt; 
   border: 0;
   background: transparent;
}
.content #mainColumn dl.faq dd {
   padding: 1em 0 1em 0;
   margin-bottom: 1em;
   font-weight: 200;
   font-size: 11pt;
   border: 0;
   background: transparent;
}
.content #mainColumn dl.faq dt.selected {
   font-weight: 600;
   border: 0;
   border-top: 1px dotted #CCC;
}
.content #mainColumn dl.faq dd.selected {
   font-weight: 400;
   border: 0;
   border-bottom: 1px dotted #CCC;]
}
.content #mainColumn dl.faq dd ul {
   padding-left: 25px;
}
.content #mainColumn dl.faq dd ul li {
   list-style-type: disc;
}
.content #mainColumn dl.faq dd strong {
   font-weight: 500;
}
.content #mainColumn dl.faq dd div.definitionFooter {
   margin-top: 1em;
   font-size: 9pt;
   color: #CCC;
}
.content #mainColumn dl.faq dd div.definitionFooter a {
   color: #CCC;
}
.content #mainColumn dl.faq dd div.definitionFooter a:hover {
   color: #999;
}
.content #mainColumn dl.faq dd.selected div.definitionFooter a,
.content #mainColumn dl.faq dd:hover div.definitionFooter a {
   color: #999;
}
.content #mainColumn dl.faq dd.selected div.definitionFooter a:hover,
.content #mainColumn dl.faq dd:hover div.definitionFooter a:hover {
   color: #666;
}
.content #mainColumn #rightColumn ul#faqList {
   margin-bottom: 1.5em;
}
.content #mainColumn #rightColumn ul#faqList li {
   list-style-type: none;
   font-size: 10pt;
   font-weight: 200;
   line-height: 120%;
   margin-top: .75em;
}



/* alpha partner form */


form#ss-form label {
   font-size: 11pt;
   line-height: 120%;
   width: 75px;
   display: inline-block;
}
form#ss-form input {
   font-size: 11pt;
   line-height: 120%;
   width: 275px;
}
form#ss-form ul {
   border-top: 1px solid #CCC;
}
form#ss-form ul li {
   padding: 10px;
   border-bottom: 1px solid #CCC;
}
form#ss-form ul li span {
   color: #900;
}
#form-message p {
   font-size: 11pt;
   line-height: 120%;
   font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
   font-weight: 200;
   margin: 10px 0;
   padding: 10px;
   border: 0;
   border-top: 1px solid #CCC;
   border-bottom: 1px solid #CCC;
}


.content #homeOverviewContent h3 {
   font-weight: 400;
   font-size: 12pt;
   margin: 1.25em 0 .75em;
}
.content #homeOverviewContent p {
   font-weight: 200;
   font-size: 11pt;
   margin: .75em 0;
}

/* Sign up or Login Widget */

#homeOptions #signupOrLoginBox {
   width: 380px;
   margin-top: 20px;
}

#homeOptions #signupOrLoginBox .greydient-content {
   padding: 0;
}

#homeOptions #signupContainer,
#homeOptions #loginContainer {
   float: left;
   display: block;
   width: 180px;
}

#homeOptions #loginContainer {
   padding-left: 7px;
}

#homeOptions #signupContainer {
   border-right: 1px solid #CCC;
   padding-right: 7px;
   margin-right: 5px;
}

#homeOptions #loginContainer {
}

#homeOptions #signupOrLoginBox label {
   display: block;
   text-align: left;
   font-size: 8pt;
   font-weight: bold;
   color: #666;
   margin: 0 0 3px 0;
}

#homeOptions #signupOrLoginBox input[type="text"],
#homeOptions #signupOrLoginBox input[type="password"] {
   font-size: 10px;
   margin-right: 10px;
   width: 165px;
}

#homeOptions #signupOrLoginBox h4 {
   font-size: 10pt;
   font-weight: bold;
   margin: 0 0 12px 0;
}

#homeOptions #signupOrLoginBox .signupRow,
#homeOptions #signupOrLoginBox .loginRow {
   margin: 8px 0;
   width: 184px;
   position: relative;
}

#homeOptions #signupOrLoginBox .blueButton-medium {
   float: left;
}

#homeOptions #signupOrLoginBox .signupRow.last,
#homeOptions #signupOrLoginBox .loginRow.last {
   padding-top: 20px;
   clear: both;
}
#homeOptions #signupOrLoginBox .loginRow.last {
   padding-top: 25px;
}
#homeOptions #signupOrLoginBox .signupRow.last p,
#homeOptions #signupOrLoginBox .loginRow.last p{
   font-size: 7pt;
   line-height: 120%;
}
#homeOptions h3#firstThingsFirst {
   margin-bottom: 10px;
   font-size: 18pt;
}

/* options for assets */
h2 div.buttonOptions {
   float: right;
   width: 205px;
   height: 25px;
}
h2 div.buttonOptions .dropdownGreyContainer {
   display: inline; 
   float: right; 
   position: relative; 
   top: -5px;
}

#mainColumn .pageContent.fitnessClasses .info {
   float: right;
   width: 200px;
   padding: 10px;
   background: #EEE;
   border: 1px solid #CCC;
}

#mainColumn .pageContent.fitnessClasses .info h2 {
   margin: 0 0 12px 0;
   font-size: 14px;
   padding-bottom: 4px;
   border-bottom: 1px solid #CCC;
}

#mainColumn .pageContent.fitnessClasses .info h3 {
   font-size: 12px;
}

#mainColumn .pageContent.fitnessClasses .info p {
   font-size: 12px;
   line-height: 130%;
}

#mainColumn .pageContent.fitnessClasses .form {
   float: left;
   margin-right: 20px;
   width: 450px;
}

#mainColumn .pageContent.fitnessClasses input.error { 
   border: 2px solid #880000; 
   background-color: #FFDDDD;
}

#mainColumn .pageContent.fitnessClasses textarea.error {
   border: 2px solid #880000;
   background-color: #FFDDDD;
}

#mainColumn .pageContent.fitnessClasses label.error { 
  color: #880000; 
  font-weight: bold; 
  text-decoration: underline;
}

#mainColumn .pageContent.fitnessClasses label {
   float: left;
   width: 140px;
   text-align: right;
   font-size: 16px;
   font-weight: bold;
   position: relative;
   top: 2px;
}

#mainColumn .pageContent.fitnessClasses input[type="text"],
#mainColumn .pageContent.fitnessClasses textarea {
   float: left;
   margin-left: 10px;
   font-size: 14px;
   width: 200px;
   margin-bottom: 12px;
}

#mainColumn .pageContent.fitnessClasses textarea {
   width: 280px;
   height: 70px;
}

#mainColumn .pageContent.fitnessClasses div.uploader {
   float: right;
   margin: 12px;
}

#mainColumn .pageContent.fitnessClasses img {
   float: left;
   margin-left: 10px;
}

#mainColumn .pageContent.fitnessClasses div.selector {
   margin-left: 10px;
}

#mainColumn .pageContent.fitnessClasses .contactForm {
   margin: 20px auto;
   padding: 20px 0;
   border-top: 1px solid #CCC;
   border-bottom: 1px solid #CCC;
}

#mainColumn .pageContent.fitnessClasses .contactForm label.checkbox {
   width: 270px;
   text-align: left;
   font-size: 14px;
   font-weight: normal;
   position: relative;
   top: 4px;
}

#mainColumn .pageContent.fitnessClasses .contactForm #contactPanel p:first-child {
   margin-top: 30px;
}

#mainColumn .pageContent.fitnessClasses .contactForm .checker {
   margin-left: 150px;
}


a.button {
   border: 1px solid #263b78;
   padding: 5px 25px 7px 25px;
   color: #FFF;
   font-weight: 200;
   font-size: 18px;
   text-shadow: -1px -1px 1px #000;
   background: rgb(38,59,120);
   
   -moz-border-radius: 18px;
   -webkit-border-radius: 18px;
   border-radius: 18px;
   
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0, rgb(38,59,120)),
      color-stop(1, rgb(30,133,192))
   );
   background-image: -moz-linear-gradient(
      center bottom,
      rgb(38,59,120) 0%,
      rgb(30,133,192) 100%
   );
}
a.button:hover {  
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0, rgb(21,84,166)),
      color-stop(1, rgb(71,160,216))
   );
   background-image: -moz-linear-gradient(
      center bottom,
      rgb(21,84,166) 0%,
      rgb(71,160,216) 100%
   );
}
a.button:active { 
   color: #47a1d8;
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0, rgb(30,133,192)),
      color-stop(1, rgb(38,59,120))
   );
   background-image: -moz-linear-gradient(
      center bottom,
      rgb(30,133,192) 0%,
      rgb(38,59,120) 100%
   );
}