body{ background: #CCC url(/static_theme_images/user/background_top.jpg) repeat-x center top}
.buttonLink{ margin-bottom: 10px}
.buttonLink{ padding: 2px 10px 2px 10px; text-transform: uppercase; text-decoration: none; line-height: 18px; border: solid 1px #333; _height: 14px}
.buttonLink, .buttonLink{ color: #FFF; background: url(/static_theme_images/user/buttonLink.gif) repeat-x 0 -9px}
.buttonLink:hover{ color: #333; background-position: 0 -41px}
.buttonLink:active{ border-color: #FFF}
#flashNotice, #flashError{ width: 100%}
#flashNotice, #flashError, #errorExplanation {margin: 0 0 15px}
.siteContainer{ width: 940px; position: relative; overflow: hidden; text-align: left; margin: 0 auto; clear: both; color: #333; background: #FFF}
#pageContentContainer{ }
#panelTwo{ padding: 15px}
.includePanelOne #panelOne{ width: 165px; padding: 0 0 25px 25px; float: left}
.includePanelOne #panelTwo{ width: 700px; float: left}
#displayBodyHeader{ font-size: 24px; line-height: 32px; height: 32px}
.pageElement{ margin: 10px 0 10px; clear: both}
.pageElementAdmin{ margin: 0 0 15px}
.elementBar a:hover {background: #666}
.collectorElement .odd, .aggregatorElement .odd{ background-image: url(/app_images/subtleBackground.jpg); background-repeat: repeat-x; background-position: bottom left}
.aggregatorElement .vevent .dateImage{ background: #FFF; border: solid 1px #666}
.dateImage .month{ background: #4f4f4f url(/static_theme_images/admin/tableHeader.gif) repeat-x 0 -5px; line-height: 150%; color: #FFF}
.collectorElement .item, .aggregatorElement .item{ padding-left:5px; padding-right:5px}
.pageElement p {margin-bottom: 1em}
.pageElement h3 {font-size: 18px; line-height: 120%; margin-bottom: 0.3em}
.dataTable th{ padding: 5px; background: #4f4f4f url(/static_theme_images/admin/tableHeader.gif) repeat-x; color: #FFF; border: solid 1px #999; border-top: none}
.surveyRelated{ background: #FFF url(/static_theme_images/admin/pageContent.jpg) repeat-x}
#siteFooter{ padding-top: 17px; clear: both; background: #CCC url(/static_theme_images/user/content_footer.jpg) no-repeat center top}
#siteFooter ul{ display: block; text-align: center}
#siteFooter li{ display: inline; margin: 0 1px; line-height: 200%}
#siteFooter a{ color: #333}
#account_login #panelTwo {background: url(/app_images/login/bg.jpg) 0 0 no-repeat}
#account_login .loginInfo {margin: 15px 30px 0 0}
#account_login .loginInfo img {margin-bottom: 5px}
#account_login .loginForm {margin: 0 0 15px 15px; padding: 15px}
#account_login .loginForm .layoutContainer {display: block; padding: 0}
#account_login .loginForm a.link-home {display: block; height: 64px; outline: none; width: 400px; text-indent: -999999px}
#account_login .loginForm label {display: block; font-size: 11px; font-weight: bold; margin: 0 0 5px}
#account_login .loginForm input[type="text"], #account_login .loginForm input[type="password"] {font-size: 12px; margin: 0 0 0px; padding: 2px; width: 100%}
#account_login p.user-email {line-height: 24px}
#account_login .loginForm .twoColumn5050 .column {width: 185px}
#account_login .loginForm .twoColumn5050 .column1 {margin: 0 25px 0 0}
#account_login .loginForm p.formField {width: 390px}
#account_login .createAnAccount {background: #f2f2f2; border: 1px solid #e1e1e1; margin: 15px 0 0 15px; padding: 10px 15px}
#account_login #recaptcha_widget_div {border-bottom: 1px dotted #ccc; margin: 0 0 10px; padding: 0 0 5px}
#account_login #recaptcha_table {background: transparent}
#account_login #recaptcha_table #recaptcha_image {border: 1px solid #ccc !important}
.loginBox{ padding: 0 15px 15px 15px; border: solid 1px #CCC; background: #E1E1E1}
.loginBox h3{ font-size: 20px; clear: both}
.loginForm h3{ background: url(/app_images/ngin_stamp_logo.png) no-repeat center left; padding-left: 61px; font-size: 20px; margin: 10px 0; line-height: 120%}
.loginBox table{ background: #EFEFEF; width: 100%; border-top: solid 1px #CCC; border-left: solid 1px #CCC; border-right: solid 1px #CCC}
.loginBox th{ width: 25%; padding: 6px; line-height: 160%; text-align: right; border-bottom: solid 1px #CCC}
.loginBox td{ padding: 6px; border-bottom: solid 1px #CCC}
.loginBox .submit{ width: 15%}
.loginForm{ width: 400px; float: left; margin-top: 15px}
.loginHelp{ width: 50%; float: right; margin-top: 15px}
.loginBox .targetEmail{ display: block; font-size: 13px; line-height: 12%; padding: 5px 0}
.loginBox .step1, .loginBox .step2{ float: left}
.loginBox .step1{ width: 44%}
.loginBox .step2{ margin: 18px 5px 0}
.loginBox .step3{ width: 44%; margin-top: 17px; float: right}
.barBackground p{ font-size: 10px; line-height: 12px; float: left; margin: 0 0 0 2px; color: #FFF; font-weight: bold}
.barBackground{ display: block; width: 100%; float: left; height: 12px; background: #EFEFEF; margin: 3px 0}
.barForeground{ display: block; height: 12px; background: #333; padding-left: 2px}
.inlineHelp{ display: block; font-size: 11px; color: #666; padding-left: 17px; background: url(/app_images/helpBubble.gif) no-repeat}
.profilePickerNav{ width: 25%; float: left; clear: left}
.profilePicker{ margin-bottom: 15px}
.profilePicker .profile {margin: 0; border-top: none; border-bottom: solid 1px #999}
.profilePickerContent{ width: 73%; float: right; clear: none}
#pageContentContainer {zoom: 1}
#userPage .layoutContainer .layoutContainer {padding-left: 0}
.messageFolders {margin: 0 15px 0 0}
.messageFolders ul {border-top: 1px solid #999}
.messageFolders li {padding: 0}
.messageFolders li a {display: block; padding: 10px 5px 10px 24px}
.messageFolders li.inbox a {background: url(/app_images/message.png) 4px 50% no-repeat}
.messageFolders li.trash a {background: url(/app_images/trash.png) 4px 50% no-repeat}
.profileTabs{ list-style-type: none; display: block; height: 40px; margin: 0; padding: 0 10px; text-align: left; background: #CCC url(/app_images/profileTabsShadow.gif) repeat-x center bottom}
.profileTabs li{ float: left; margin-top: 15px; background-image: url(/app_images/profileTabs.gif); background-position: bottom right; padding-right: 15px; line-height: 25px; margin-right: 1px}
.profileTabs .selected{ background-position: top right}
.profileTabs .selected a{ color: #333}
.profileTabs li span{ background-image: url(/app_images/profileTabsLeft.gif); background-repeat: no-repeat; background-position: bottom left; padding-left: 15px; text-decoration: none; display: block}
.profileTabs li span a{ text-decoration: none; font-weight: bold; color: #FFF}
.profileTabs li span a:hover{ color: #FFF}
.profileTabs .selected a:hover{ color: #333}
.profileTabs .selected span{ background-position: top left}
#profileAvatarDisplay{ margin-bottom: 0}
#profilePanelOne{ float: left; width: 212px; text-align: center}
#profilePanelTwo{ float: left; width: 681px; margin: 5px 0 0 15px}
.subPanelA, .subPanelB{ width: 334px; float: left}
#dashboard .subPanelA{ width: 298px}
#dashboard .subPanelB{ width: 596px}
#dashboard .subPanelA{ float: left}
#dashboard .subPanelB{ float: right}
.profileInfo #adminNav{ text-align: center; margin: 0 auto}
#profilePanelTwo .contentTabs{ margin: 15px 0 0}
#profilePanelTwo .pageElement{ margin-left: 10px; margin-right: 10px}
#profilePanelTwo .subPanelA .pageElementAdmin, #profilePanelTwo .subPanelB .pageElementAdmin{ margin-left: 0; margin-right: 0}
#profilePanelTwo #displayBodyHeader{ margin: 10px 10px 0}
.subProfileToken{ margin-bottom: 5px}
.pageElementAdmin .subProfileToken, .profileInfo .pageElementAdmin .miniPersona{ margin-bottom: 0}
.subProfiles .pageElementAdmin{ margin-bottom: 5px}
#profilePanelOne .siteBadge{ margin-top: 2px}
#profilePanelOne .pageElementAdmin .siteBadge, #profilePanelOne .pageElementAdmin .profilePicture, .profileInfo .pageElementAdmin .miniPersona, .pageElementAdmin .profileMiniToken{ margin-top: -1px}
#profilePanelOne .profileInfo .pageElementAdmin{ margin-bottom: 5px}
.profileInfo .noEntry{ margin-top: 0}
.profileInfo{ text-align: left; border: solid 1px #CCC; background: #E1E1E1; padding: 5px; font-size: 10px; margin: 5px auto}
.profileInfo .profileSectionHeader{ color: #999; font-size: 14px; padding: 0px 0px 5px}
.profileInfo dt{ clear: left; float: left; font-weight: bold; margin: 0 0 10px; width: 25%}
.profileInfo dd {float: left; margin: 0 0 10px; padding-left: 5%; width: 70%}
.profileInfo .cmsButton{ font-size: 12px}
.profileInfo .currentSite img{ width: 584px}
.nextTestingContent h3, .nextTestingContent a, .nextTestingContent .profileSectionHeader{ color: #EB6212}
.nextTestingContent a:hover{ color: #FC8139}
.nextTestingEventHeader h3{ font-size: 24px; margin: 10px 0 0}
.nextTestingEventHeader h4{ font-size: 12px; font-weight: normal; color: #666; margin: 5px 0 0}
.nextTestingEventHeader h5{ font-size: 16px; font-weight: normal; margin: 3px 0 0}
.nextTestingEventHeader .event{ width: 45%; float: left}
.nextTestingEventHeader .athlete{ width: 45%; float: right; text-align: right}
.nextTestingContent .reportSections{ list-style-type: none; margin-top: 15px}
.nextTestingContent .nti{ text-align: center; font-size: 24px; line-height: 200%; font-weight: bold; color: #27387D}
.nextTestingContent .totalNTI{ color: #FFFFFF; background: #EB6212}
.nextTestingContent .componentHeader{ font-weight: bold; line-height: 160%; background: #626262; color: #FFF}
.nextTestingContent .resultsTable{ line-height: 160%}
.nextTestingReportTabs{ list-style: none}
.nextTestingReportTabs li{ display: inline-block; margin: 0; padding: 0}
.nextTestingReportTabs a{ display: block; width: 214px; height: 0; padding-top: 49px; background: url(/app_images/nt_athlete_tabs.gif); overflow: hidden}
.nextTestingReportTabs .selected .sportSpecific{ background-position: 0 -49px}
.nextTestingReportTabs .biometrics{ background-position: -218px 0}
.nextTestingReportTabs .selected .biometrics{ background-position: -218px -49px}
.nextTestingReportTabs .physiology{ background-position: -436px 0}
.nextTestingReportTabs .selected .physiology{ background-position: -436px -49px}
.ntiTable{ width: 100%; background: #FFF; border: solid 1px #CCC}
.ntiTable td{ padding: 5px; border: none}
.ntiTable .testResult{ border-top: solid 1px #CCC}
.ntiTable .name{ width: 150px}
.ntiTable .nti{ width: 75px}
.ntiTable .name h4{ line-height: 140%}
.ntiTable .testResult{ font-weight: bold; color: #27387D}
.testResult{ font-size: 14px}
.testResultMini{ font-size: 10px}
.testResultMini .name{ padding-left: 25px}
.ntiTable .earned{ background: #EFEFEF}
.ntiTable .bar{ width: 45%}
.ntiTable .barBackground{ width: 100%}
.ntiTable .testResult .barForeground{ background: #27387D}
.ntiTable .testResultMini .barForeground{ background: #999}
.testResult .barBackground, .testResult .barForeground{ height: 13px; overflow: hidden}
.testResultMini .barBackground, .testResultMini .barForeground{ height: 5px; overflow: hidden}
.dataTable .yours{ float: left; font-weight: bold; color: #27387D}
.dataTable .best{ float: right; text-align: right}
.dataTable .subTh{ font-size: 10px; color: #666}
.notificationDay{ font-size: 11px; font-weight: bold}
.notificationList li{ margin: 10px 0 10px 20px}
.timeStamp{ font-size: 9px; color: #999}