*,.pageBold { font-family: Verdana, Helvetica, sans-serif; color: #000000; font-size: 10pt; }
.error { font-size: 12pt; color: red; }
.warning { font-size: 10pt; color: red; }
.special { color: #cccc66; }
.disclaimer { font-size: 8pt; color: red; }
.footnote { font-size: 8pt; font-weight: normal; }
.nowrap { white-space: nowrap; }
@media print { .noprint { display: none; } #quickLinks, #verticalAd, #pageMenu, #pageNav, td#bannerRight { display: none; } }

body { margin: 0; padding: 0; background: white; }
img { border: 0; padding: 0; margin: 0; }
h2, span.h2 { font-size: 14pt; color: #006699; font-weight: normal; }
h3, span.h3 { color: #006699; font-size: 10pt; font-weight: bold; }
h3.divider { background-color: #006699; color:white; font-size: 10pt; font-weight: bold; text-align: left; vertical-align: top; height: 15px; padding: 5px; }
hr { color: #006699; background-color: #006699; border-color: #006699; border-width: 1px; border-style: solid; height: 1px; opacity: 0.5; -moz-opacity: 0.5; }
td.top { vertical-align: top; }
ul.new { list-style-image: url('/rj/images/new.gif'); }
div.bio { font-style: italic; font-size: 10px; }

a.blogSort, a.blogAdd { font-size: 10px; }
a.blogMore { font-size: 10px; float: right; }
span.blogSortSelected { font-size: 10px; font-weight: bold; }
span.blogPager { float: right; margin-top: -20px; }
div.blogPager { text-align: right; }
a.blogTitle, span.blogTitle { font-size: 11pt; color: #006699; }
a.blogAction { font-size: 10px; color: blue; }
span.blogStatus, span.blogStatusRevoked { font-size: 10px; text-transform: uppercase; }
span.blogStatusRevoked { color: red; font-weight: bold; }
div.byline, span.byline { font-size: 10px; }
div.blogEven { border-bottom: 1px dotted black; padding: 6px 3px; }
div.blogOdd { border-bottom: 1px dotted black; background-color: #f0f8ff; padding: 6px 3px; }
a.rss, a.rssX { padding-right: 16px; background: url('/rj/images/rss-small.gif') no-repeat right 50% transparent; }
a.rssX { font-size: 10px; float: left; }

table.pageLayout { padding: 0; border-collapse: collapse; width: 100%; border: none; margin: 0; }
td#bannerLeft { text-align: left; vertical-align: middle; height: 100px; padding: 0; margin: 0; line-height: 0; }
td#bannerRight { text-align: right; vertical-align: middle; height: 100px; padding: 0 5px; margin: 0; line-height: 0; }
td#pageMenu { clear: both; padding: 0; margin: 0; }
td.mainContent { text-align: left; vertical-align: top; padding: 5px 5px 5px 15px; }
td#blogContent { text-align: left; vertical-align: top; padding: 5px 15px 5px 15px; width: 200px; }
td#verticalAd { text-align: right; vertical-align: top; padding: 10px 5px; }
td#quickLinks { text-align: center; vertical-align: top; padding: 10px 5px; }
td.copyright { padding-top: 10px; text-align: center; vertical-align: top; font-size: 8pt; }
td#footer { border-top: #99cc66 2px solid; }
td#pageTitle, td#blogTitle { font-size: 14pt; color: #006699; font-weight: normal; text-align: left; vertical-align: top; height: 20px; }
td#pageTitle { padding: 10px 5px 0px 15px; }
td#blogTitle { padding: 10px 15px 0px 15px; }
td#pageNav { text-align: right; vertical-align: top; padding: 10px 10px 0px 5px; height: 20px; white-space: nowrap; }
td#pageNav a { margin-right: 6px; font-size: 10px; }
a.legend, a.popup { background: transparent url('/rj/images/descending_green.gif') 99% 5px no-repeat; padding: 3px 18px 3px 3px; border: 1px solid black; text-decoration: none; }
a.refresh { background: url('/rj/images/icon_refresh.png') no-repeat right 50% transparent; padding-right: 16px; }

/** Keep the home area smaller. */
div#mainContent { padding: 0; margin: 0; }
div#home, div.staticContent, td.staticContent { padding: 3px; }
div.contentArea { padding: 3px; }
td.tableContents { padding: 3px; vertical-align: top; }

td.pageTitleRight { height: 16px; text-align: right; }
.pageBold { font-weight: bold; }

td.subContainer { padding: 20px; }
div.widgetPackage, form.widgetPackage { padding: 0; margin: 0; }
div.dashboard { padding: 3px; border: 1px solid #006699; }
div.dashboard a { text-decoration: none; }
div.dashboard a:hover { text-decoration: underline; }

h1,.appTitle { font-size: 30pt; font-weight: normal; color: white; }

.pace { color: #006699; font-size: inherit; font-weight: bold; }
.paceExpired { color: red; font-size: inherit; font-weight: bold; }
.paceSmall { color: #006699; font-size: 8px; font-weight: bold; }
.quickLinksSmall, .paragraphSmall { font-size: 8pt; color: #000000; }
.paragraphHeader { color: #000000; font-weight: bold; font-size: 9pt; text-decoration: none; }
.paragraphSection { color: #000000; text-decoration: underline; }

a { color: inherit; font-size: inherit; }
a.quickLinks { font-size: 10pt; color: #000000; }
a.year { color: white; text-decoration: none; }
a.pageLinkOver { color: #000000; text-decoration: none; background-color: #cccccc; height: 20px; }
a.caption { color: white; font-size: 8pt; }
a.listingCaption { color: white; font-weight: bold; background-color: inherit; }

div.multiselect { overflow: auto; border: groove; }
input.calendar { background: white url('/rj/images/icon_calendar.gif') 100% 0 no-repeat; width: 120px; }
input.text, input.numeric, input.boolean, select.select, input.submit, input.reset, input.button,
	textarea.longText, OPTION.value { color: #000000; font-size: 10pt; font-weight: normal; }

table.fill { width: 100%; }
table.listing { display: table; margin: 0; border-collapse: collapse; }
table.detail { display: table; margin: 0; }
table.quickLinks { display: table; border: solid #99cccc 6px; padding: 3px; background-color: #99cccc; color: #000000; font-size: 8pt; border-collapse: collapse; width: 200px; }
table.quickForm { border: none; border-collapse: collapse; padding: 0; margin: 0; }
table.notes { display: table; border-width: thin; border-style: solid; color: #000000; font-size: 8pt; border-color: black; padding: 0px; }
table.notes ol { padding: 10px 25px 10px 30px; margin: 0; }
table.feedback { width: 400px; }

table.listing thead td { padding-bottom: 5px; white-space: nowrap; }
table.listing tfoot td { padding-top: 5px; white-space: nowrap; }
table.listing thead td, table.listing thead span, table.listing thead a { color: #006699; }
table.listing tfoot td, table.listing tfoot span, table.listing tfoot a { color: #006699; }
table.listing td.left { text-align: left; }
table.listing td.right { text-align: right; }

td.paragraph, td.instructional { color: #000000; }
td.totals { color: #000000; font-weight: bold; }
td.quickLinks { font-size: 8pt; color: #000000; padding: 3px; text-align: left; }
td.quickForm, td.quickForm b { font-size: 8pt; color: #000000; padding: 3px; text-align: left; }
td.quickLinks span { font-size: 8pt; color: #000000; }
td.quickForm input { font-size: 9px; color: #000000; }
td.quickLinksSpacer { height: 10px; }
td.notices { font-size: 8pt; color: red; padding: 3px 3px 6px; text-align: left; font-weight: bold; }
td.notices a, td.notices a:visited { display: block; font-size: 8pt; color: red; font-weight: bold; white-space: nowrap; } /* Make block so that it is on own lines. */
b.quickLinks { font-size: 8pt; color: #000000; font-weight: bold; }

td.listingDistance { text-align: right; width: 100px; }
td.listingDuration { text-align: right; }
td.listingHR, td.listingCheckBox { text-align: center; }
a.sortAscending { padding-right: 11px; font-weight: bold; background: url('/rj/images/arrow-ascending.gif') no-repeat right 50% #006699; }
a.sortDescending { padding-right: 11px; font-weight: bold; background: url('/rj/images/arrow-descending.gif') no-repeat right 50% #006699; }

tr.listingCaption, tr.listingOdd, tr.listingEven, td.detailCaption, td.detailCaptionX, td.detailValue,
	td.paragraph, td.totals, th.listingCaption, td.listingCaption, td.quickLinksHeader, td.notesHeader,
	tr.listingOddBold, tr.listingEvenBold
{
	font-size: 10pt;
}

td.detailHeader, td.detailCaption, td.detailCaptionX, td.detailValue { padding: 3px; }

td.listingCaption, th.listingCaption, td.listingOdd, td.listingEven, td.listingOddBold, td.listingEvenBold { padding: 6px; }

tr.listingCaption, td.listingCaption, tr.quickLinksHeader, tr.notesHeader { background-color: #006699; }
th.listingCaption, td.listingCaption, td.quickLinksHeader, td.notesHeader,
	td.listingCaption a, td.listingCaption a:visited, td.listingCaption a:hover { color: white; font-weight: bold; background-color: #006699; }
td.listingCaption a.more { color: white; font-weight: normal; background-color: #006699; text-decoration: none; font-size: 8pt; }
td.quickLinksHeader, td.notesHeader { text-align: center; }

th.listingCaption, td.listingCaption { text-align: left; vertical-align: bottom; }
td.listingCaptionCenter { text-align: center; vertical-align: bottom; color: white; font-weight: bold; background-color: #006699; font-size: 10pt; } 
tr.listingOdd, tr.listingOddBold { background-color: transparent; }
tr.listingEven, tr.listingEvenBold { background-color: #99cccc; }
td.listingOdd, td.listingEven, td.listingOddBold, td.listingEvenBold, td.listingOdd span, td.listingEven span { color: #000000; font-size: 8pt; vertical-align: top; }
td.listingOddBold, td.listingEvenBold { font-weight: bold; }
td.listingOddFuture, td.listingEvenFuture { font-size: 8pt; color: red; }
td.listingOddContainer, td.listingEvenContainer { padding: 5px 25px 25px 25px; }

td.detailHeader { background-color: #006699; color:white; font-weight: bold; text-align: left; vertical-align: top; height: 15px; }
td.detailHeaderGap { background-color: transparent; height: 10px; }
td.detailCaption, td.detailCaptionX { background-color: #99cccc; color: #000000; font-weight: bold; text-align: right; vertical-align: top; height: 15px; }
td.detailCaptionX { width: 10%; white-space: nowrap; }
p.detailCaption, span.detailCaption { padding:0px; margin:0px; border:0px; color: #000000; font-weight: bold; text-align: left; vertical-align: top; height: 15px; }
td.detailValue { background-color: transparent; color: #000000; text-align: left; vertical-align: top; height: 15px; }
div.dialogComments { width: 500px; height: 105px; overflow: auto; padding: 0; margin: 0; }
td.detailFutureValue, span.detailFutureValue { background-color: transparent; color: #006699; font-weight: normal; font-style: italic; text-align: left; vertical-align: top; height: 15px; }
p.detailValue { padding:0px; margin:0px; border:0px; background-color: transparent; color: #000000; text-align: left; vertical-align: top; height: 15px; }
td.detailAction { padding: 3px; text-align: left; }
div.waitMessageHide { display: none; }
div.waitMessageShow { display: block; }

table.trainingCalendar { display: table; border-collapse: collapse; border-style: solid; border-width: 2px; border-color: black; padding: 0px; }
table.trainingCalendar tr.header { background-color: #006699; }
table.trainingCalendar tr.header a, table.trainingCalendar tr.header span { text-decoration: none; color: white; }
table.trainingCalendar td.left { text-align: left; border-right: none; color: white; background-color: #006699; padding: 5px; }
table.trainingCalendar td.right { text-align: right; border-left: none; color: white; background-color: #006699; padding: 5px; }
table.trainingCalendar td { border-style: solid; border-width: 1px; border-color: black; }
table.trainingCalendar td.caption { text-align: center; background-color: #006699; color: white; border: solid 1px black; padding: 3px; }
table.trainingCalendar td.day { padding: 0; border: solid 1px black; vertical-align: top; }
table.trainingCalendar td.selected { background-color: #cccccc; }
table.trainingCalendar div.day { position: relative; min-width: 80px; min-height: 100px; height: 100%; padding: 0 3px 3px 3px; font-size: 9pt; }
table.trainingCalendar div.date { position: absolute; top: 0; right: 0; background-color: #006699; padding: 3px; width: 20px; text-align: center; color: white; font-size: 8pt; border-left: solid 1px black; border-bottom: solid 1px black; }
table.trainingCalendar br.date { line-height: 25px; }
table.trainingCalendar p { padding: 0; margin: 0; line-height: 20px; font-size: 9pt; }
table.trainingCalendar a.future { color: red; }
table.trainingCalendar div.day a { cursor: pointer; white-space: nowrap; font-size: 9pt; text-decoration: none; }

div.calendarContainer { position: absolute; margin: 5px 0 0 3px; display: none; background-color: white; padding: 0px; z-index: 200; }
tr.calendarCaption, td.calendarCaption { background-color: #006699; }
td.calendarCaption {  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: white; vertical-align: bottom; text-align: center; }
td.calendarCaption a, td.calendarCaption a:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: white; text-decoration: none; }
tr.calendarHeader, td.calendarHeader { background-color: #EBEBEB; }
td.calendarHeader { font-weight: bold; color: #000000; vertical-align: bottom; text-align: center; }
td.calendarDay { background-color: white; vertical-align: top; text-align: center; }
td.calendarSelected { background-color: #CCCCCC; vertical-align: top; text-align: center; }
tr.calendarFooter, td.calendarFooter { background-color: #006699; }
td.calendarFooter {  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: white; vertical-align: bottom; text-align: center; }
td.calendarFooter a, td.calendarFooter a:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: white; text-decoration: none; }

div.popupInfo { background-color: #99cccc; border: solid 3px #006699; opacity: 0.8; -moz-opacity:0.8; z-index: 100; display: none; position: absolute; padding: 3px; margin-left: 3px; }
div.popupLegend { background-color: white; border: solid 3px #006699; z-index: 100; display: none; position: absolute; padding: 3px; }
div.popupLegend span { display: block; white-space: nowrap; }
div.popupLegend a { display: block; text-decoration: none; white-space: nowrap; }
div.popupLegend a:hover { background-color: #99cccc; }
div.popupLegend div { max-height: 300px; overflow: auto; }

table.miniDetail { border: none; border-collapse: collapse; background-color: transparent; padding: 6px; }
td.miniCaption { font-weight: bold; vertical-align: top; }
td.miniValue { font-weight: normal; }

ul.dropdownMenu { float: left; list-style-type: none; padding: 0; margin: 0; z-index: 100; border-right: 1px solid black; }
ul.dropdownMenu li { float: left; list-style-type: none; padding: 0; margin: 0; border: 1px solid black; border-right: none; min-width: 100px; }
ul.dropdownMenu li a { float: left; padding: 5px 15px 5px 5px; text-decoration: none; font-family: tahoma,arial,helvetica; font-size:12px; font-weight:bold; background-color: #666666; color: #ffffff; min-width: 100px; }
ul.dropdownMenu li a:hover { background-color: #ffffff; color: #666666; }
ul.dropdownMenu li a.selected { background-color: #cc6600; color: #ffffff; }

ul.dropdownSubMenu { display: block; position: absolute; clear: both; list-style-type: none; padding: 0; margin: 0 0 0 10px; z-index: 101; border-bottom: 1px solid black; width: 162px; background-color: #666666; }
ul.dropdownSubMenu2 { display: block; position: absolute; clear: both; list-style-type: none; padding: 0; margin: 0; z-index: 102; border-bottom: 1px solid black; width: 162px; background-color: #666666; }
ul.dropdownSubMenu li, ul.dropdownSubMenu2 li { display: block; list-style-type: none; padding: 0; margin: 0; width: 150px; }
ul.dropdownSubMenu li a, ul.dropdownSubMenu2 li a { display: block; padding: 5px; text-decoration: none; font-family: tahoma,arial,helvetica; font-size:12px; font-weight:bold; background-color: #666666; color: #ffffff; width: 100%; border: 1px solid black; border-bottom: none; }
ul.dropdownSubMenu li a:hover, ul.dropdownSubMenu2 li a:hover { background-color: #ffffff; color: #666666; }
 
div.modalShield { position: absolute; border-style: none; background-color: #99cccc; top: 0px; left: 0px; opacity: 0.5; -moz-opacity:0.5; z-index: 99; }
div.modalDialog { position: absolute; border: solid 3px black; background-color: #f0f8ff; padding: 0; z-index: 100; }
table.modalDialog { padding: 0; border: none; border-collapse: collapse; }
tr.modalDialogHeader { background-color: #006699; }
td.modalDialogCaption { background-color: #006699; color: white; font-weight: bold; font-size: 14px; padding: 3px; text-align: left; }
td.modalDialogActions { background-color: #006699; padding: 3px; text-align: right; }
td.modalDialogActions a, td.modalDialogActions a:hover, td.modalDialogActions a:visited { color: white; font-size: 14px; text-decoration: none; }
td.modalDialogContainer { padding: 3px; text-align: left; vertical-align: top; }
 
input.iconAddRun { background: url('/rj/images/icon_plus_run.gif') 0 0 no-repeat transparent; width: 27px; height: 12px; border: none; cursor: pointer; outline: none; }
input.iconAddXtraining { background: url('/rj/images/icon_plus_xtrain.gif') 0 0 no-repeat transparent; width: 27px; height: 12px; border: none; cursor: pointer; outline: none; }
input.iconCopy { background: url('/rj/images/icon_copy.gif') 0 0 no-repeat transparent; width: 18px; height: 17px; border: none; cursor: pointer; outline: none; }
input.iconCollapse { background: url('/rj/images/icon_collapse.gif') 0 0 no-repeat transparent; width: 16px; height: 16px; border: none; cursor: pointer; outline: none; }
input.iconDelete { background: url('/rj/images/icon_delete.gif') 0 0 no-repeat transparent; width: 16px; height: 16px; border: none; cursor: pointer; outline: none; }
input.iconDetails { background: url('/rj/images/icon_details.gif') 0 0 no-repeat transparent; width: 17px; height: 19px; border: none; cursor: pointer; outline: none; }
input.iconEmail { background: url('/rj/images/icon_email.gif') 0 0 no-repeat transparent; width: 18px; height: 14px; border: none; cursor: pointer; outline: none; }
input.iconExercise { background: url('/rj/images/icon_barbell.gif') 0 0 no-repeat transparent; width: 18px; height: 9px; border: none; cursor: pointer; outline: none; }
input.iconExpand { background: url('/rj/images/icon_expand.gif') 0 0 no-repeat transparent; width: 16px; height: 16px; border: none; cursor: pointer; outline: none; }
input.iconHeartRate { background: url('/rj/images/icon_heart.gif') 0 0 no-repeat transparent; width: 16px; height: 14px; border: none; cursor: pointer; outline: none; }
input.iconInvite { background: url('/rj/images/icon_invite.gif') 0 0 no-repeat transparent; width: 13px; height: 18px; border: none; cursor: pointer; outline: none; }
input.iconReport { background: url('/rj/images/icon_report.gif') 0 0 no-repeat transparent; width: 13px; height: 16px; border: none; cursor: pointer; outline: none; }
input.iconRequest { background: url('/rj/images/icon_request.gif') 0 0 no-repeat transparent; width: 15px; height: 15px; border: none; cursor: pointer; outline: none; }
input.iconRsvp { background: url('/rj/images/icon_rsvp.gif') 0 0 no-repeat transparent; width: 22px; height: 14px; border: none; cursor: pointer; outline: none; }
input.iconShared { background: url('/rj/images/icon_shared.gif') 0 0 no-repeat transparent; width: 15px; height: 13px; border: none; cursor: pointer; outline: none; }
input.iconSleep { background: url('/rj/images/icon_sleep.gif') 0 0 no-repeat transparent; width: 15px; height: 15px; border: none; cursor: pointer; outline: none; }
input.iconWeight { background: url('/rj/images/icon_scale.gif') 0 0 no-repeat transparent; width: 16px; height: 16px; border: none; cursor: pointer; outline: none; }

tbody.selectionList a { display: block; width: 150px; height: 60px; padding: 5px; text-decoration: none; }
tbody.selectionList div { width: 150px; height: 60px; padding: 5px; background-color: #cc6600; }
tbody.selectionList a img, tbody.selectionList div img { float: left; border: solid 1px transparent; padding: 3px; }
tbody.selectionList a span, tbody.selectionList div span { float: left; margin-left: 5px; font-size: 10pt; width: 84px; }
tbody.selectionList a:hover { background-color: #99cccc; }
tbody.selectionList a:hover img { border: solid 1px #006699; }
tbody.selectionList a.selected { background-color: #006699; }
tbody.selectionList a.selected span { color: #f0f8ff; }