@charset "UTF-8";
body  {
    margin: 0;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    background: #47597A url('/imgstore/body-bg/0.jpg') repeat;
    background-attachment:fixed;
    color: #333;
}
html {
    overflow:auto;
}

img { -ms-interpolation-mode:bicubic; }     /* use bicubic smoothing when resizing images in IE7 */

img.tight  {
    vertical-align:bottom;  /* required in IE6 / IE7 to remove 3px bottom padding below image */
    border: 0;
}
form {
    padding: 0px;   /* required in IE6 / IE7 to remove padding around form */
    margin: 0px;
}

#container {
    width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
} 
#sidebarHolderRight {
    float: right; /* since this element is floated, a width must be given */
    width: 179px;
    padding-bottom: 80020px;    /* This is OK in IE7. Making the mainContent padding 80000 causes IE7  to render pages incorrectly */
    margin-bottom: -80000px; /* this is a trick, working in conjunction with overflow:hidden in the container, to make both columns appear to be the same height */
    background-color: #BFCCD4;
    border-left: 1px dotted #195D8D;
} 
.sidebarBlock {
    width: 160px;
    padding: 8px 0px;
    margin: 0px 10px;
    border-bottom: 1px dotted #195D8D;
}
.sidebarBlock p {
    font: 11px "Helvetica Neue", Arial, sans-serif;
    line-height: 13px;
    margin: 0px 0px 6px;
}
.twoColFixHdr #mainContent {
    float: left; /* since this element is floated, a width must be given */
    width: 560px;
    margin-bottom: -20000px; /* this is a trick, working in conjunction with overflow:hidden in the container, to make both columns appear to be the same height */
    padding: 15px 20px 20020px 20px;    /* making this 80000 breaks IE7. 20000 works ok with sidebar at 80000. mainContent column contains the long content */
    background-color: #FFFFFF;
} 
.oneColFixHdr #mainContent {
    clear: both;
    float: left;
    width: 700px;
    padding: 20px 40px; 
    background-color: #FFFFFF;
} 
.oneColFixHdr #extraWideContent {
    clear: both;
    float: left;
    width: 780px;
    padding: 0px 0px;
    background-color: #FFFFFF;
} 

#footer a {
    color: #EEEEEE;
}
#footer {
    clear: both;
    xpadding: 10px 0px; /* padding leaves extra space on top in IE7 - WTF!? */
    background-color: #286baa;
    position: relative;     /* required to make z-index work */
    z-index: 10;
} 
#footer p {
    margin: 0px;
    text-align: center;
    color: #EEEEEE;
    font: 11px Verdana, Geneva, sans-serif;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear: both;
    height: 0px;
    font-size: 1px;
    line-height: 0px;
}

/*Top Menu */
#topmenu {
    background-color: #286baa;
    height: 25px;
    width: 780px;
    text-align: left;
}
#nav {
    width: 780px;
    list-style: none;
    background-repeat: repeat-x;
    font: 12px Tahoma, TrebuchetMS, Arial, sans-serif;  /* TrebuchetMS is for iOS */
    line-height: 14px;
    margin: 0px;
    padding: 0px;
}
#nav li {
    float: left;
    margin: 0px;
    padding: 0px 2px;
}
#nav li a {
    display: block;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #EEEEEE;
    text-decoration: none;
    margin: 3px 0px 0px 0px;
    padding: 2px 10px 1px 10px;
    height: 16px;
}
#nav li a:hover, #nav a#active {
    background-color: #225A90;
}

#nav li a#logoff, #nav li a#login {
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 13px;
    background-color: #6DA3C3;
    padding: 1px 8px 2px 8px;
    margin: 4px 3px 0px 1px;
    font: bold 10px 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#nav li a#login {
    color: #F8F4F3;
}

#nav li a#logoff {
    color: #E5D970;
}

#nav a#login:hover, #nav a#logoff:hover {
    background-color: #6192AF;
    text-decoration:none;
}

#nav #search-box {
    float: right;
    xwidth: 200px;
    overflow: hidden;
    margin: 3px 0px 0 0;
}

/*Sub Menu */
#submenu {
    background-color: #BFCCD4;
    height: 22px;
    width: 780px;
    overflow: hidden;
    text-align: left;
} 
/* For two-column layout, submenu sits only on top of the left column, the right column goes all the way to the main menu */
.twoColFixHdr #submenu {
    width: 600px;
    float: left;
} 
#subnav {
    width: 780px;
    list-style: none;
    font: 11px Tahoma, TrebuchetMS, Arial, sans-serif;  /* TrebuchetMS is for iOS */
    line-height: 13px;
    margin: 0px;
    padding: 0px;
    color: #195D8D;
}
.ext-mac #subnav {     /* mac fonts are naturally bolder than windows, make font slightly smaller to compensate */
    font: 10px Tahoma, TrebuchetMS, Arial, sans-serif;  /* TrebuchetMS is for iOS */
    line-height: 14px;
}    
#subnav li {
    float: left;
    margin: 0px;
    padding: 0px 2px;
    color: #195D8D;
}
#subnav li a {
    display: block;
    -moz-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
    color: #195D8D;
    text-decoration: none;
    margin: 0px;
    padding: 2px 10px 0px;
    margin-top: 3px;
    height: 17px;
}
#subnav li a:hover, #subnav a#active {
    color: #286baa;
    background-color: #FFFFFF;
}

#about p {
    font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 22px;
    margin: 0px 0px 15px;
    color: #555;
}
#about h1   {
    font: 25px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #286baa;
    margin-top: 8px;
    margin-bottom: 4px;
    -webkit-font-smoothing: antialiased;
}
#about h2 {
    font: 20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #195D8D;
    margin: 0 0 4px;
}
#about .spacer {
    clear:both;
    height:50px;
}

p {
    font: 13px 'Helvetica Neue', Arial, sans-serif;
    line-height: 17px;
    margin: 0px 0px 12px;
    color: #555;
}
p.newp {
    font:14px 'Helvetica Neue', Arial, sans-serif;
    line-height:17px;
    color: #555;
}    
h1   {
    font: 23px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #286baa;
    margin: 0px; 
    padding: 8px 0px 4px 0px; /* margin-top is broken in IE7 (POS) */
}
h1 a {
    color: #286baa !important;
}
h1 a:hover {
    text-decoration: none;
}
h2   {
    font: 15px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #195D8D;
    margin: 0 0 4px;
}
h3   {
    font: normal 14px 'Helvetica Neue', Arial, sans-serif;
    color: #195D8D;
    margin: 0 0 4px;
}

.faded {
    opacity: .5;
    filter: alpha(opacity=50);
}

.results-btn
{
    font: 11px 'Helvetica Neue', Arial, sans-serif;
}

.action-btn, .action-btn2, .action-btn-sm {
    font: 11px Arial, 'Helvetica Neue', Helvetica, sans-serif;
    text-align: center;
    border: 1px solid #BBB;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 1px 5px;
    text-decoration: none;
    margin: 0px;
    cursor: pointer;
    background-color: #E5E5E5;
    color: #286baa;
}
.action-btn:hover, .action-btn2:hover, .action-btn-sm:hover {
    background-color: #BFCCD4;
}
.action-btn.highlight {
    background-color: #FF0;
}
.action-btn.disabled, .action-btn2.disabled, .action-btn-sm.disabled {
    cursor: default;
    background-color: #E5E5E5;
    opacity: .6;
    filter: alpha(opacity=60);
}
.action-btn:hover.disabled, .action-btn2:hover.disabled, .action-btn-sm:hover.disabled {
    background-color: #E5E5E5;
}
.action-btn-sm {
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 1px 3px;
    font: 9px Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
.action-btn2 {      /* action-btn2 works well in areas with secondary background color */
    background-color: #FFF;
}
.action-btn2:hover {
    background-color: #E0E0E0;
}
.ext-webkit .action-btn {
    padding: 1px 5px 2px 5px;
}
.ext-ie .action-btn-sm {
    padding: 1px 3px 0px 3px;
}
.ext-gecko .action-btn-sm {
    padding: 0px 3px 1px 3px;
}

.tm-banner-bg {     /* will show through transparent areas in banner sample in team manager page */
    background: url('/images/transparent.png') repeat;
}
/* list used in team-manager forms */
ul.tm-list { list-style: disc; }
li.tm-list { margin-left: 20px; margin-top: 10px; padding-left: 0px; }

.more-btn
{
    color: #444;
    font: 9px 'Helvetica Neue', Arial, sans-serif;
    cursor: pointer;
    text-align:left;
    padding:2px 0px 0px 12px;
    width:50px;
    height: 9px;
    margin:5px auto 0px auto;
    background: url('/images/more-arrow.gif') no-repeat 0px 5px;
    white-space: nowrap;
}
.more-btn:hover
{
    text-decoration: underline;
}

.delete-x-btn
{
    color: red;
    font: 12px Arial, Helvetica, sans-serif;
}

.edit-report-btn
{
    color: green;
    font: 12px Arial, Helvetica, sans-serif;
}

.team-home .text
{
    font:13px 'Helvetica Neue', Arial, sans-serif;
    line-height:17px;
    color: #555;
}
.team-home .photo
{
    float:left;
    width:340px;
    height:204px;
    margin: 2px 20px 15px 0
}
.team-home .help-info
{
    clear: both;
    padding:8px 20px;
    border: 1px solid #CCC;
    background-color: #FFFDCC;
    font:12px Tahoma, Helvetica, Arial, sans-serif;
}
/* need to restrict ul styles to team-home div to avoid interfering with ExtJS calendar */
.team-home ul { list-style: disc; overflow: auto}
.team-home ol { list-style: decimal; }
.team-home li { margin-left: 20px; padding-left: 5px; }

.ridenet-mini-ad
{
    width: 80px;
    text-align: center;
    font:9px arial, 'helvetica neue', sans-serif;
}
.ridenet-mini-ad a
{
    color:#8180A5;
}


.block-table
{
    padding: 15px 25px;
    background-color: #BFCCD4;
    border-top: 2px solid #195D8D;
    border-right: 2px solid #195D8D;
    border-bottom: 2px solid #195D8D;
    border-left: 2px solid #195D8D;
    -moz-border-radius: 16px;
    border-radius: 16px;
}
.block-table .header
{
    text-align: center;
    font: 16px Tahoma, Helvetica, Arial, sans-serif;
    padding: 3px 3px 15px;
    color: #195D8D;
}
.block-table2
{
    padding: 6px 6px 10px;
    border-top: 1px solid #7F7F7F;
    border-right: 1px solid #7F7F7F;
    border-bottom: 1px solid #7F7F7F;
    border-left: 1px solid #7F7F7F;
}
.block-table2 .header
{
    text-align: center;
    font: 16px Tahoma, Helvetica, Arial, sans-serif;
    padding: 3px 3px 8px;
    color: #195D8D;
}

.commute-ride-group
{
    float:left;
}
.commute-ride-group .header
{
    text-align: left;
    border-bottom: 1px solid #7F7F7F;
    margin-bottom: 1px;
    font: 15px 'Helvetica Neue', Arial, sans-serif;
    color: #888;
}
.commute-ride-group .header-info
{
    font:13px 'Helvetica Neue', Arial, sans-serif;
}
.commute-ride-group .photobox
{
    margin:1px;
    border:1px solid silver;
    position:relative;
    float:left;
}
.commute-ride-group .photobox .dimmed
{
    opacity:.5;
    filter: alpha(opacity=50);
}
.commute-ride-group .countbox
{
    background-color:#E5D40E;
    color:black;
    padding:2px;
    font:bold 9px Tahoma, Helvetica, Arial, sans-serif;
    position:absolute;
    z-order:5;
    bottom:0px;
    right:0px;
    text-align:center;
}
.commute-ride-group .countbox-sm
{
    background-color:#E5D40E;
    color:black;
    padding:1px 2px;
    font:bold 7px Tahoma, Helvetica, Arial, sans-serif;
    position:absolute;
    z-order:5;
    bottom:0px;
    right:0px;
    text-align:center;
}
.commute-ride-group .no-data
{
    font:12px Tahoma, Helvetica, Arial, sans-serif;
    padding:2px;
}

.rider-callout .primary
{
    font:bold 14px Tahoma, Helvetica, Arial, sans-serif;
    line-height: 17px;
    white-space:nowrap;
}
.rider-callout .secondary
{
    font:11px Tahoma, Helvetica, Arial, sans-serif;
    white-space:nowrap;
    color: #888;
}
.rider-callout .stats
{
    white-space:nowrap;
    font: 12px 'Helvetica Neue', Arial, sans-serif;
    color: #888;
}
.rider-callout .ridetext
{
    font:13px 'Helvetica Neue', Arial, sans-serif;
    color: #555;
    line-height:1.25em;
}
.rider-callout .ridetag
{
    font:12px 'Helvetica Neue', Arial, sans-serif;
    color: #888;
}

div#ride-class-key .header
{
    font:bold 11px 'Helvetica Neue', Arial, sans-serif;
    border-bottom:1px solid #7F7F7F;
}
div#ride-class-key .details
{
    font:11px 'Helvetica Neue', Arial, sans-serif;
}

table#race-report .header
{
    font: 14px Verdana, Geneva, sans-serif;
    text-align: center;
    color: #888;
    border-bottom: 1px solid #7F7F7F;
    padding-bottom: 2px;
}
table#race-report .data
{
    font: 13px Verdana, Geneva, sans-serif;
    text-align: left;
}

table#post-results .header
{
    font: bold 13px 'Helvetica Neue', Arial, sans-serif;
    text-align: left;
}

table#results .header, table#results .header-sm
{
    font: bold 13px Verdana, Geneva, sans-serif;
    text-align: left;
    border-bottom: 1px solid #7F7F7F;
    padding-bottom: 1px;
}
table#results .header-sm
{
    font: bold 13px 'Helvetica Neue', Arial, sans-serif;
}
table#results .data
{
    font: 13px Verdana, Geneva, sans-serif;
    text-align: left;
    padding-right: 1px;
    padding-bottom: 1px;
}
table#results .data-sm
{
    font: 13px 'Helvetica Neue', Arial, sans-serif;
}

table#profile-table .header
{
    font: 13px 'Helvetica Neue', Arial, sans-serif;
    color: #666;
    text-align: left;
    border-bottom: 1px dotted #7F7F7F;
    padding-bottom: 1px;
}
table#profile-table .data
{
    font: 13px 'Helvetica Neue', Arial, sans-serif;
    text-align: left;
    padding: 1px;
}

.no-data-rp
{
    font: 13px Verdana, Geneva, sans-serif;
    border-bottom: 1px dotted #7F7F7F;
    border-top: 1px dotted #7F7F7F;
    padding: 3px;
}

table#event-list .header
{
    font: 12px 'Helvetica Neue', Arial, sans-serif;
    border-bottom: 1px solid #7F7F7F;
    text-align: left;
    background-color: #BFCCD4;
    color: #666;
}
table#event-list .data
{
    font: 12px 'Helvetica Neue', Arial, sans-serif;
    text-align: left;
}
table#event-list .thisweek
{
    background-color: #F6EB46;
}
table#event-list .striping
{
    background-color: #E0E0E0;
}
table#event-list .section-header
{
    font: 16px Verdana, Geneva, sans-serif;
    border-bottom: 1pt solid #7F7F7F;
    padding: 1px 1px;
}
table#event-list .instructions
{
    font:11px Arial, Helvetica, sans-serif;
    color: #666;
}

table#ride-log .header
{
    border-color: #7F7F7F;
}
table#ride-log .week-header
{
    font: bold 12px Arial, Helvetica, sans-serif;
    border-bottom: 1px dotted #7F7F7F;
    text-align: left;
    padding: 2px 5px;
    background-color: #BFCCD4;
}
table#ride-log .summary
{
    font:11px Arial, Helvetica, sans-serif;
    color: #555;
}
table#ride-log .instructions
{
    font:11px Arial, Helvetica, sans-serif;
    color: #195D8D;
}
table#ride-log .data, table#ride-log .comment
{
    font: 12px Arial, Helvetica, sans-serif;
    border-bottom: 1px dotted #7F7F7F;
    padding: 1px;
    text-align: left;
}
table#ride-log .comment
{
    font: 11px Arial, Helvetica, sans-serif;
}

.team-board-instructions
{
    font: 10px Arial, Helvetica, sans-serif;
    color: #888}
div.ridenet-wall .wrapper
{
    padding:10px 0 0 20px;
    overflow: hidden;
}
div.ridenet-wall .picture
{
    float:left;
    margin-right:10px;
}
div.ridenet-wall .title
{
    font:13px 'Helvetica Neue', Arial, sans-serif;
    white-space:nowrap;
    color: #888}
div.ridenet-wall .icon
{
    float:left;
    margin-right:2px;
}
div.ridenet-wall .bullet
{
    font: 13px Helvetica, Arial, sans-serif;
    line-height: 10px;
}
div.ridenet-wall .body
{
    float:left;
    width:370px;
    padding-top:3px;
    font:11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
    color: #555;
    line-height:1.25em;
}
div.ridenet-wall .tag
{
    font:11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
    color: #888;
}
div.ridenet-wall .day-header
{
    margin-top: 15px;
    padding: 1px 10px;
    font: 13px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
    color: #666;
    background-color: #BFCCD4;
    border: 1px solid #C4C4C4;
}
div.ridenet-wall .day-header-age
{
    font: 9px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
    color: #888;
    position:relative;
    top:-1px;
}
div.ridenet-wall .divider
{
    clear:both;
    padding-top:4px;
    border-bottom:1px dotted #CCC;
}
div.ridenet-wall .delete-x
{
    font:bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
    padding: 1px 2px;
    margin-right:5px;
    color: #888;
    cursor: pointer;
    float:right;
    visibility: hidden;
}
div.ridenet-wall .delete-x:hover
{
    color: #FFF;
    background-color: #888; 
}

table#event-detail
{
    font: 12px Arial, Helvetica, sans-serif;
    line-height: 14px;
}
table#event-detail .label
{
    font-weight: bold;
    text-align: right;
    padding: 1px 5px 1px 1px;
}
table#event-detail .text
{
    padding: 1px;
    text-align: left;
}
table#event-detail .submit  /* fine-tune submit button */
{
    padding-bottom:2px;     /* needed in Windows FF to center text in button */
    height:22px;
    width:60px
}

table#profile
{
    font: 12px Arial, Helvetica, sans-serif;
    line-height: 14px;
}
table#profile .label
{
    font-weight: bold;
    text-align: right;
    padding: 0 5px 0 0;
}
table#profile .text
{
    padding: 0px;
    text-align: left;
}

table#login
{
    font: 12px Arial, Helvetica, sans-serif;
    line-height: 14px;
}
table#login .label
{
    font-weight: bold;
    text-align: right;
    padding: 0 5px 0 0;
}
table#login .text
{
    padding: 0px;
    text-align: left;
}

table#results-breakdown
{
    border-color: #7F7F7F;
}
table#results-breakdown .title
{
    font: bold 13px Tahoma, Helvetica, Arial, sans-serif;
    padding: 0px 5px 1px 0px;
}
table#results-breakdown .header, table#results-breakdown .header-sm, table#results-breakdown .header-xsm
{
    text-align: center;
    font: 12px Verdana, Geneva, sans-serif;
    border: 1px dotted #7F7F7F;
}
table#results-breakdown .header-sm
{
    font: 11px Verdana, Geneva, sans-serif;
}
table#results-breakdown .header-xsm
{
    font: 10px Verdana, Geneva, sans-serif;
}
table#results-breakdown .data, table#results-breakdown .data-sm, table#results-breakdown .data-xsm
{
    text-align: center;
    font: 12px Verdana, Geneva, sans-serif;
    border: 1px dotted #7F7F7F;
    background-color: #EEE;
}
table#results-breakdown .data-sm
{
    font: 11px Verdana, Geneva, sans-serif;
}
table#results-breakdown .data-xsm
{
    font: 10px Verdana, Geneva, sans-serif;
}

.find-name
{
    font:bold 11px "lucida grande", tahoma, verdana, arial, sans-serif;
    color: #02448B;
}
.find-info
{
    font:11px "lucida grande", tahoma, verdana, arial, sans-serif;
    padding-top: 1px;
    color: #666;
}
.find-info2
{
    font:9px "lucida grande", tahoma, verdana, arial, sans-serif;
    padding-top: 2px;
    color: #999;
}

.table-divider
{
    background-color: #7F7F7F;
    height:1px;
    line-height:1px;
    font-size:1px;
}

.table-spacer
{
    height:1px;
    line-height:1px;
    font-size:1px;
}

ul.help
{   /* Use image for bullet to work around IE8 bug - bullet's are hidden with <ul> in ExtJS Window until mouse hovers over window  */
    list-style-image:url("/images/help-bullet.gif");
}
li.help
{
    margin-left: 30px; margin-top: 10px; padding-left: 5px;
}
.help-body
{
    font: 13px 'Helvetica Neue', Arial, sans-serif;
}
.help-title
{
    font: 18px 'Helvetica Neue', Arial, sans-serif;
    color: #0072BF;
    margin: 0 0 10px;
}
#help-btn
{
    font:12px 'Helvetica Neue', Arial, sans-serif;
    cursor:pointer;
    color:#5074AF;
    background: url('/images/help-icon.png') no-repeat;
    padding: 2px 0px 0px 20px;
}
#edit-btn
{
    font:12px 'Helvetica Neue', Arial, sans-serif;
    cursor:pointer;
    color:#888;
    background: url('/images/edit-icon.png') no-repeat;
    padding: 0px 0px 0px 17px;
}

.link-box
{
    padding: 8px;
    cursor: pointer;
    border: 1px solid #FFFFFF;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.link-box:hover
{
    border: 1px solid #195D8D;
    background-color: #BFCCD4;
}

div.ellipses   /* show ellipses when text overruns specified width */
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

a
{
    color: #3D6CC4;
    cursor: pointer;
    text-decoration: none;
}
a:hover
{
    color: #3D6CC4;
    cursor: pointer;
    text-decoration: underline;
}

.action-photo
{
    border: 2px solid #7F7F7F;
}

.photo-caption
{
    color: #888;
    font: 12px 'Helvetica Neue', Arial, sans-serif;
    text-align: left;
    margin: 0px;
}
.profile-photo-caption
{
    font: bold 11px 'Helvetica Neue', Arial, sans-serif;
    text-align: center;
    xmargin: 0px;
}

.event-thumbnail
{
    margin:3px;
    float:left;
    border:1px solid #777;
    height:73px;
    width:73px;
}

.tw-wrap
{
    height:20px;
    width:55px;
    float:left;
    margin-left:5px;
    xoverflow:hidden;
}

.fb-wrap
{
    height:18px;
    xwidth:60px;
    float:left;
    margin-left:5px;
    xoverflow:hidden;
}

.linkcolor
{
    color: #3D6CC4;
}

.text40
{
    color: #999;
}
.text50
{
    color: #888;
}
.text75
{
    color: #555;
}
.primary-color
{
    color: #286baa;
}
.secondary-color
{
    color: #195D8D;
}
.secondary-background
{
    background-color: #BFCCD4;
}
.link-color
{
    color: #3D6CC4;
}

.sub
{
    vertical-align:-20%;
    font-size:.75em
}


table#calendar
{
    border:2px solid silver;
    border-collapse:collapse;
    margin: 0 auto;
}
table#calendar .month
{
    background-color: #999999;
    color: black;
    text-align: center;
    font: 12px Verdana, Geneva, sans-serif;
    padding: 0px 0px 2px 0px;
}
table#calendar .cell
{
    border: 1px solid black;
    text-align: center;
    font: 11px Arial, Helvetica, sans-serif;
    width: 19px;
    line-height: 17px;
}
table#calendar .weekday
{
    background-color: #555555;
    color: white;
    font: 11px Arial, Helvetica, sans-serif;
    line-height: 18px;
}
table#calendar .day
{
    background-color: #D84C58;
    color: black;
    height: 15px;
}
table#calendar .has-events
{
    background-color: #D84C58;
    height: 15px;
}
table#calendar .has-events div:hover
{
    background-color: #E7D242;
}
table#calendar .has-events a:visited
{
    color: #E7D242;
    text-decoration: none;
}
table#calendar .has-events a:link
{
    color: #E7D242;
    text-decoration: none;
}
table#calendar .has-events a:hover
{
    color: black;
    text-decoration: none;
}
table#calendar .notaday
{
    background-color: white;
    font: 1px verdana;
}
table#calendar a
{
    color: #D84C58;
    text-decoration: none;
}

.calendar-event-list
{
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-size: 10px;
    line-height: 13px;
}

#roster-view .thumb {    /* draw frame around img */
    background: #DDD;
    padding: 3px;
}
#roster-view .thumb-wrap { 
    width: 86px;
    height: 105px;   /* reserve space for full profile image height */
    margin: 0 auto;
    xtext-align: center;
}
#roster-view .rider-wrap {
    cursor: pointer;
    float: left;
    margin: 4px;
    padding: 5px;
    width: 124px;
    height: 140px;
}
#roster-view .name, #roster-view .category, #roster-view .details {
    display: block;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    font: bold 11px Arial, Helvetica, sans-serif;
    line-height: 12px;
}
#roster-view .category {
    font: 10px Arial, Helvetica, sans-serif;
    line-height: 11px;
    color: #666;
}
#roster-view .details {
    font: 9px Arial, Helvetica, sans-serif;
    line-height: 10px;
    color: #666;
}
#roster-view .x-view-over {
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #E5E5E5;
    border-top: 1px solid #CCC;
    padding-top: 4px;
}

.manage-site-instructions {
    color:#1E008C;
    font: 12px Tahoma, Helvetica, Arial, sans-serif;
    line-height: 14px;
    background-color: #DDD;
    border: 1px solid #999;
    padding: 4px 8px;
}

.inline_ce_image_pair {
    height: 14px;
    width: 14px;
    vertical-align:bottom;  /* required in IE6 / IE7 to remove 3px bottom padding below image */
    border: 0;
    position: relative;
    top: -2px;
}
.ext-gecko .inline_ce_image_pair {
    top: -1px;
}