@media screen { /* globals */ * {margin: 0; padding: 0; border: 0} html {border: 0 solid; min-height: 101%} html * {border: 0 solid; padding: 0; margin: 0} body {padding-top: 10px; color: #000; font: 12px Arial, Tahoma, Helvetica, sans-serif; background: #f7f7f7} * html body {background: #047794; overflow: hidden} /* IE6 blocking */ * html {overflow: hidden} * html .wrapper {overflow: auto} * html .wrapper * {display: none} * html body #ie6-fadeout {display: block} #ie6-msg, #ie6-fadeout {display: none} * html #ie6-fadeout {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 90; filter: alpha(opacity = 50)} * html body #ie6-msg {background: url(/images/sorry.jpg) top left no-repeat; display: block; width: 419px; height: 284px; padding-left: 419px; padding-top: 284px; overflow: hidden; position: absolute; z-index: 200; top: 50%; margin-top: -142px; left: 50%; margin-left: -209px} * html body #ie6-msg a {position: absolute; width: 90px; height: 84px; padding-left: 90px; padding-top: 84px; overflow: hidden} * html body #ie6-msg a#ie6-ff {left: 86px; top: 187px} * html body #ie6-msg a#ie6-ie {left: 241px; top: 187px} /* Shadows */ .sh1 {/*background: url(/images/shadow-right.png) top right no-repeat; */position: relative; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} *:first-child+html .sh1 {zoom: 1; display: inline} /*.sh2 {display: block; background: url(/images/shadow-bottom.png) bottom left no-repeat; padding-top: 10px; padding-left: 10px} .sh3 {display: block; background: url(/images/shadow.png) bottom right no-repeat} .inside {display: block; position: relative; top: -10px; left: -10px; line-height: 0; font-size: 0; overflow: hidden} *:first-child+html .sh2, *:first-child+html .sh3, *:first-child+html .inside {zoom: 1} *:first-child+html .sh1, *:first-child+html .sh2, *:first-child+html .sh3, *:first-child+html .inside {background: transparent}*/ *:first-child+html .inside {position: relative; /*zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(enabled=true,color=#000000,strength=5,direction=135)"; filter: progid:DXImageTransform.Microsoft.Shadow(enabled=true,color=#000000,strength=5,direction=135)*/} /* Float breaking */ .break, .break-left, .break-right {line-height: 0; height: 0; overflow: hidden} .break {clear: both} .break-left {clear: left} .break-right {clear: right} /* Lightbox */ #ajax-smallframe {width: 504px; height: 424px; position: fixed; z-index: 100; overflow: hidden} #ajax-smallframe .box-content {border-color: #FFF; width: 480px; height: 380px; padding: 10px; overflow-y: auto} #fade-out {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 90; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; -ms-filter: 'alpha(opacity = 50)'; filter: alpha(opacity = 50)} #ajax-smallframe .close {position: absolute; top: 25px; right: 20px; width: 40px; height: 40px; cursor: hand; cursor: pointer; background: url(/images/close1.jpg) top left no-repeat} #ajax-smallframe div.autosuggest {position: fixed} /* layout */ /* Main page constructs */ .wrapper {width: 970px; margin-left: auto; margin-right: auto} .main2 {padding: 10px 0} /* NEW Header layout */ #header {margin:-10px 0 0 0; width:100%; min-height:200px; background:url(/images/nav/bk-header.jpg) repeat-x;} #header .top_mnu {height:36px; overflow:hidden;} #header .top_mnu:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} #header .top_mnu ul {display:block; margin:0 auto; padding:0; width:960px; height:36px; list-style-type:none;} #header .top_mnu ul:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} #header .top_mnu ul li, #header .top_mnu ul li a {display:block; float:left; margin:0; width:62px; height:36px; text-decoration:none;} #header .top_mnu ul li a {float:none; text-align:center; font:14px/36px "Trebuchet MS", Helvetica, SansSerif; color:#FFF;} #header .top_mnu ul li a:hover {color:#FFC; background:#444;} #header .top_mnu ul li.wider, #header .top_mnu ul li.wider a {width:140px;} #header .top_mnu ul li.top_search {float:right; padding:8px 0 0 0; width:170px; height:28px; overflow:hidden; text-align:right;} #header .top_mnu ul li.top_search input[type=text] {float:right; margin:0; padding:2px 0 0 6px; border:0; height:18px; background:transparent url(/images/search_box.png) no-repeat; color:#A1A1A1; font:12px Arial, Helvetica, sans-serif;} #header .top_mnu ul li.top_search input[type=submit] {float:right; margin:0; padding:20px 0 0 24px; border:0; width:24px; height:20px; background:transparent url(/images/btn_search.png) no-repeat; overflow:hidden;} #header .container {position:relative; margin:0 auto; padding:0; width:960px; height:208px; overflow:hidden;} #header .container .logo {position:absolute; z-index:10; top:30px; left:0; width:213px; height:104px; background:url(/images/nav/logo-n2e-header-sml.png) no-repeat; cursor:pointer;} #header .container .banner {position:absolute; z-index:10; top:20px; right:5px; width:728px; height:110px; overflow:hidden;} #header .container .signup_txt {position:absolute; z-index:10; top:150px; right:190px; width:300px; height:60; text-align:right; font:bold 16px "Trebuchet MS", Helvetica, SansSerif; color:#000;} #header .container .signup_txt div { font:12px "Trebuchet MS", Helvetica, SansSerif; color:#000;} #header .container .signup_btn {position:absolute; z-index:10; top:140px; right:5px; width:168px; height:59px; background:url(/images/nav/btn-sm-signup.png) no-repeat;} #header .container .signup_btn:hover {background:url(/images/nav/btn-sm-signup-over.png) no-repeat; cursor:pointer;} #header .container .login_form {position:absolute; z-index:10; left:5px; top:150px; width:430px; height:60px;} #header .container .login_form a {color:#008080; text-decoration:none;} #header .container .login_form a:hover {color:#00BBBB;} #header .container .login_form div {float:left; margin:5px 5px 0 0;} #header .container .login_form div:first-child {float:none; margin:0; width:100%; text-indent:5px; line-height:20px;} #header .container .login_form input[type=text], #header .container .login_form input[type=password] {float:left; margin:0; padding:2px 0 0 6px; border:0; width:142px; height:18px; background:url(/images/fnav/input-left.png) no-repeat; color:#666;} #header .container .login_form .input_end {float:left; display:block; width:8px; height:20px; background:url(/images/fnav/input-right.png) no-repeat;} #header .container .login_form input[type=submit] {margin:0; padding:22px 0 0 94px; border:0; width:94px; height:22px; overflow:hidden; background:url(/images/fnav/btn-login.png) no-repeat;} #header .container .login_form input[type=submit]:hover {background:url(/images/fnav/btn-login-over.png) no-repeat; cursor:pointer;} .red {color:#C80000;} #header .container.shorter {height:138px;} #header .container_dash {position:relative; margin:0; width:100%; height:37px; background:url(/images/nav/bk-dash.png) repeat-x;} #header .container_dash ul {display:block; margin:0 auto; width:960px; height:37px; overflow:hidden; list-style-type:none;} #header .container_dash ul:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} #header .container_dash ul li {float:left; display:block; margin:0; padding:0; width:80px; height:37px; text-align:center;} #header .container_dash ul li a {display:block; margin:0; padding:0; width:100%; height:37px; font:14px/37px "Trebuchet MS", Helvetica, SansSerif; text-decoration:none; color:#008080;} #header .container_dash ul li a:hover {background:#F7F7F7; color:#00BBBB;} #header .container_dash ul li.profile {width:400px;} #header .container_dash ul li.wider {width:100px;} #header .container_dash .right {float:right;} /*adv css start*/ .banners-style{ width:468px; height:80px; float:left; margin:10px 16px 0 16px;} .skyscraper{ width:160px; height:600px; margin:5px 21px 0 21px;} .leaderboard{ width:728px; height:90px; margin-top:5px;} .small-square{ width:200px; height:200px; margin:0 13.5px;} /*adv css end1*/ /* NEW footer layout */ #footer {clear:both; margin:30px auto 10px auto; padding:12px 0 0 0; width:968px; height:43px; background:url(/images/footer_bgr.png) no-repeat} #footer .col1 {float:left; margin:0 0 0 6px; width:48%;} #footer .col1 ul {display:block; margin:0; padding:0; list-style-type:none;} #footer .col1 ul li {float:left; display:block; margin:0 0 0 2px; padding:0; width:60px; text-align:center;} #footer .col1 ul li.wider {width:90px;} #footer .col1 ul li a {display:block; margin:0; padding:0; text-decoration:none; font:10px/18px Tahoma, Geneva, SansSerif;} #footer .col2 {float:right; margin:0 12px 0 0; width:48%; text-align:right; font:10px/18px Tahoma, Geneva, SansSerif; color:#333;} /* Generic positional constructs */ .menu-left { float:left; width:202; margin-right:8px;} .sidebar {float: left; width: 307px; margin-right: 10px} .sidebar-r {float: right; width: 200px; margin-left: 10px} .large-sidebar {float: left; width: 401px; margin-right: 10px} .public-sidebar {float: left; width: 227px; margin-right: 10px} .menu-sidebar {float: left; width: 200px; margin-right: 10px} .menu-sidebars {width: 200px;} .main-content {float: left; width: 651px} .center-r {float: right; width: 758px} .ls-main-content {float: left; width: 558px} .public-main-content {float: left; width: 731px; position: relative} .menu-main-content {float: left; width: 760px} .sidebar-right {float: left; width: 486px} .content-right {float: left; margin-right: 10px; width: 474px} .left-side {float: left; width: 316px} .right-side {float: left; width: 160px; margin-left: 10px} .sidebar-inner {width: 250px; float: left; margin-right: 10px} .content-inner {width: 500px; float: left} .three-column-right {float: right; width: 200px; margin-left: 10px} .three-column-left {float: right; width: 521px} /* Main boxes */ .sidebar+.main-content {margin-top: 0} .box {margin-top: 10px; position: relative} .box:first-child {margin-top: 0} .box .box-top-left {height: 24px; padding-left: 10px; background: url(/images/box_hdr_left.png) top left no-repeat} .box .box-top-right {height: 24px; padding-right: 10px; background: url(/images/box_hdr_right.png) top right no-repeat} .box .box-top {height: 24px; background: url(/images/box_hdr_bgr.png) top center repeat-x} .box .box-top h2 {font-size: 14px; font-weight: bold; line-height: 24px; vertical-align: middle; color: #FFF} .box .box-content {margin-top: -1px; border: #989898 solid; border-width: 0 1px 1px; padding: 3px 5px 5px; background: #FFF; margin-left: 1px; margin-right: 1px; zoom: 1} /* Top links on boxes */ .top-buttons {position: absolute; top: 0; right: 5px; height: 16px; line-height: 16px; padding-top: 4px; padding-bottom: 4px; font-size: 10px} .top-buttons li {position: relative; vertical-align: middle; display: -moz-inline-block; display: -moz-inline-box; display: inline-block; padding-left: 5px; margin-left: 5px; border-left: #FFF 1px solid} .top-buttons li:first-child {margin-left: 0; padding-left: 0; border-left: none} *:first-child+html .top-buttons li {zoom: 1; display: inline} .top-buttons li a {display: block; color: #FFF; text-decoration: none} .top-buttons li a:hover {text-decoration: underline} .top-buttons .syn-rss, .top-buttons .syn-atom {padding-left: 24px; background: url(/images/rss.gif) 5px 50% no-repeat} .top-buttons li:first-child .syn-rss, .top-buttons li:first-child .syn-atom {padding-left: 19px; background-position: 0 50%} /* Top links on boxes that are replaced by graphics */ .btn-link {margin-top: 38px} .btn-link:first-child {margin-top: 28px} .btn-link .top-buttons {top: -32px} .btn-link .top-buttons a {width: 0; height: 0; overflow: hidden; padding-left: 138px; padding-top: 26px; background-position: top left; background-repeat: no-repeat} /* Replaced top links */ .my-userinfo .top-buttons a {background-image: url(/images/buttons/edit-userdetails.png)} .perrec .top-buttons a {background-image: url(/images/buttons/edit-personalrecords.png)} .aboutme .top-buttons a {background-image: url(/images/buttons/edit-aboutme.png)} .my-contact .top-buttons a {background-image: url(/images/buttons/edit-contactinfo.png)} .my-favorite .top-buttons a {background-image: url(/images/buttons/edit-myfavorites.png)} .news .top-buttons a {background-image: url(/images/buttons/add-news.png)} .articles .top-buttons a {background-image: url(/images/buttons/add-article.png)} .training .top-buttons a {background-image: url(/images/buttons/add-traininglog.png)} .reply .top-buttons a {background-image: url(/images/buttons/reply.png)} .blog .top-buttons a {background-image: url(/images/buttons/add-blog.png)} .event .top-buttons a {background-image: url(/images/buttons/add-event.png)} .top-buttons a.past {background-image: url(/images/buttons/past-events.png)} .top-buttons a.current {background-image: url(/images/buttons/current-events.png)} .posting .top-buttons a {background-image: url(/images/buttons/add-raceresults.png)} .album .top-buttons a {background-image: url(/images/buttons/add-album.png)} .video .top-buttons a {background-image: url(/images/buttons/add-video.png)} .music .top-buttons a {background-image: url(/images/buttons/add-song.png)} .comments .top-buttons a {background-image: url(/images/buttons/add-comment.png)} .forum-subcat .top-buttons a {background-image: url(/images/buttons/new-thread.png)} .new-post {background-image: url(/images/buttons/new-post.png)} /* General items */ .more a {vertical-align: top; position: relative; display: -moz-inline-block; display: -moz-inline-box; display: inline-block; width: 0; height: 0; overflow: hidden; padding-left: 69px; padding-top: 20px; background: url(/images/btn_viewall.png) top left no-repeat} *:first-child+html .more a {zoom: 1; display: inline} /* Header */ .header {position: relative; width: 970px; height: 150px} .header h1 a {position: absolute; top: 41px; left: 18px; width: 0; height: 0; overflow: hidden; padding-left: 223px; padding-top: 72px; background: url(/images/n2e_logo.png) top left no-repeat} .header .top-ad {position: absolute; top: 0; left: 239px; width: 728px; height: 90px} .header .navbar {position: absolute; top: 123px; left: 0; width: 970px; height: 28px; background: url(/images/navbar.png) top left no-repeat} .header .navbar li {line-height: 26px; vertical-align: middle; position: relative; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} *:first-child+html .header .navbar li {zoom: 1; display: inline} .header .navbar li a {background: url(/images/navbar_barrier.png) right center no-repeat; text-align: center; color: #FFF; text-decoration: none; display: block; height: 18px; line-height: 18px; padding: 5px 19px 5px 17px; cursor: hand; cursor: pointer} .header .top-search {float: right; width: 390px; text-align: right; padding-right: 10px} .header .top-search label, .header .top-search input {position: relative; vertical-align: middle; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} *:first-child+html .header .top-search label, *:first-child+html .header .top-search input {zoom: 1; display: inline} .header .top-search label {color: #FFF; font-weight: bold} .header .top-search input[type="text"] {height: 16px; background: url(/images/search_box.png) top left no-repeat; padding: 2px 5px; border: none} .header .top-search input[type="submit"] {width: 0; height: 0; overflow: hidden; padding-top: 20px; padding-left: 24px; background: url(/images/btn_search.png) top left no-repeat} *:first-child+html .header .top-search input[type="submit"] {width: 24px; height: 20px} .header .sec-navbar {position: absolute; top: 97px; left: 266px; width: 287px; height: 26px; background: url(/images/sec_navbar.png) top left no-repeat; text-align: center} .header .sec-navbar li {line-height: 26px; vertical-align: middle; position: relative; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} *:first-child+html .header .sec-navbar li {zoom: 1; display: inline} .header .sec-navbar li a {font-size: 10px; background: url(/images/navbar_barrier.png) left center no-repeat; text-align: center; color: #FFF; text-decoration: none; display: block; height: 16px; line-height: 16px; padding: 5px 8px 5px 10px; cursor: hand; cursor: pointer} .header .sec-navbar li:first-child a {background: none; padding-left: 8px} .header .login-box {height: 32px; line-height: 32px; position: absolute; top: 90px; right: 0; width: 414px; height: 32px; text-align: right} *:first-child+html .header .login-box {top: 97px} .header .login-box li {vertical-align: middle; line-height: 32px; vertical-align: middle; position: relative; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} *:first-child+html .header .login-box li {zoom: 1; display: inline} .header .login-box li a {display: block; line-height: 14px; padding-left: 5px; padding-right: 5px; } .header .login-box li:first-child a {border-left: none} .header .login-box .notify-signup a {display: block; width: 0; height: 0; overflow: hidden; padding-left: 121px; padding-top: 22px; background: url(/images/btn_signup.png) top left no-repeat} .header .login-box .notify-login a {display: block; width: 0; height: 0; overflow: hidden; padding-left: 121px; padding-top: 22px; background: url(/images/btn_login.png) top left no-repeat} /* Footer */ .footer {margin-bottom: 10px; background: url(/images/footer_bgr.png) top left no-repeat; width: 968px; padding-top: 6px; padding-bottom: 6px; height: 31px; margin-left: auto; margin-right: auto} .footer .navbar {text-align: center; width: 968px; height: 18px} .footer .navbar li {line-height: 18px; vertical-align: middle; position: relative; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} *:first-child+html .footer .navbar li {zoom: 1; display: inline} .footer .navbar li a {text-align: center; color: #000; text-decoration: none; display: block; height: 14px; line-height: 14px; padding: 2px 5px; cursor: hand; cursor: pointer} .footer .navbar li a:hover {text-decoration: underline} .footer .copy {font-size: 10px; line-height: 13px; text-align: center; margin-top: 5px} /* Advertisements */ .main .ad {margin: 10px auto 0} .three-box {margin-top: 10px} .three-box:first-child {margin-top: 0} /* Ad sizes */ .ad120 {width: 122px} .ad125 {width: 127px} .ad160 {width: 162px} .ad180 {width: 182px} .ad200 {width: 202px} .ad234 {width: 236px} .ad250 {width: 252px} .ad300 {width: 302px} .ad336 {width: 338px} .ad468 {width: 470px} .ad728 {width: 730px} /* Pagination */ .pagination {text-align: right} .pagination li {position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} *:first-child+html .pagination li {zoom: 1; display: inline} .pagination li span, .pagination li a {text-align: center; width: 16px; height: 16px; line-height: 16px; display: block; padding: 5px; margin: 0 2px; font-weight: bold} .pagination li a {border: 1px solid; padding: 4px; text-decoration: none; color: #468bcc} .pagination .prev span, .pagination .next span, .pagination .prev a, .pagination .next a {border: none; width: auto} .pagination .cur-page {font-weight: bold; font-style: normal; color: #BE191D} /* Comments */ .wrapper .comments td {text-align: center; vertical-align: top} .comments .aside {width: 50px; border-right: 2px solid #FFF} .comments .aside span {display: block} .comments .comments-header {margin-bottom: 10px; border-bottom: #7c7c7c 1px solid } .comments .comments-title {margin-right: 110px; text-align: left; font-size: 12px; font-weight: normal} .comments .comments-commands {float: right; width: 100px; margin-left: 10px; text-align: right} .comments .comments-commands li {padding-left: 3px; margin-left: 3px; border-left: 1px solid; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} *:first-child+html .comments .comments-commands li {zoom: 1; display: inline} .comments .comments-commands li:first-child {padding-left: 0; margin-left: 0; border-left: none} .comments .comments-content {margin-left: 20px; margin-right: 20px; text-align: left} .comments .comments-date-posted {margin-top: 10px; text-align: right} /* Searches */ .search-results h3 {text-align: left; color: #be191d; padding-bottom: 3px; background: url(/images/divider.png) bottom left no-repeat; clear: both; font-size: 12px; font-weight: bold; margin-bottom: 10px; margin-top: 0} .search-results .total-results {text-align: right} .search-results .search-result-single {padding: 5px 0} .search-results .search-result-left {text-align: center; float: left; width: 100px; margin-right: 10px} .search-results .search-result-video .search-result-left {width: 180px} .search-results .search-result-center {float: left; width: 421px} .search-results .search-result-video .search-result-center {width: 341px} .menu-main-content .search-results .search-result-center {width: 425px} .shorten .search-results .search-result-center {width: 310px} .search-results .search-result-center h4 {color: #000; font-size: 12px; margin-bottom: 3px; padding-bottom: 3px; border-bottom: #7c7c7c 1px solid; font-weight: bold} .search-results .search-result-center h4 a {display: block; color: #000; text-decoration: none} .search-results .search-result-center p, .search-results .search-result-center ul {margin-left: 10px; margin-right: 10px} .search-results .search-result-center .sr-categories {font-size: 10px; text-align: right} .search-results .search-result-center .sr-categories li {position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block; margin-left: 3px; padding-left: 3px; border-left: 1px solid} *:first-child+html .search-results .search-result-center .sr-categories li {zoom: 1; display: inline} .search-results .search-result-center .sr-categories .sr-header+li, .search-results .search-result-center .sr-categories li:first-child {margin-left: 0; padding-left: 0; border-left: none} .search-results .search-result-center .sr-categories .sr-header {font-weight: bold; margin-right: 10px} .search-results .search-result-right {float: left; width: 200px; margin-left: 10px} .shorten.search-results .search-result-right {width: 200px} .search-results .search-result-right .label {margin-bottom: 5px; float: left; clear: left; width: 80px; margin-right: 10px; color: #3599cd} .search-results .search-result-right .content {margin-bottom: 5px; float: left; width: 110px} .search-results .search-result-right .combined {text-align: center; margin-top: 10px; clear: left} /* Manage - table style */ .manage th, .manage td {text-align: center} .manage .date {color: #BE191D} .manage .unit-rating {margin-left: auto; margin-right: auto} .manage .event-name a {display: block} /* Manage - label-content pairing style */ .details dt, .details dd {vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; position: relative; display: inline-block} *:first-child+html .details dt, *:first-child+html .details dd {zoom: 1; display: inline} .details dt {vertical-align: middle; line-height: 20px; color: #5d5b68; font-weight: bold; width: 150px; text-align: right} .details dd {vertical-align: middle; line-height: 20px; width: 576px; margin-left: 5px} /* Manage - video icons */ .manage .title .title-inner {position: relative} .manage .title .youtube, .manage .title .ustream, .manage .title .dailymotion, .manage .title .metacafe {position: absolute; top: 0; right: 0; width: 0; height: 0; padding-left: 23px; padding-top: 20px; overflow: hidden; display: block; background: url(/images/logo_youtube.jpg) top left no-repeat; border: rgb(51, 35, 90) solid; border-width: 1px 0 1px 1px} .manage .title .ustream {background-image: url(/images/logo_ustreamtv.jpg)} .manage .title .dailymotion {background-image: url(/images/logo_dailymotion.jpg)} .manage .title .metacafe {background-image: url(/images/logo_metacafe.jpg)} /* Info bar on most all and view pages - user */ .share-it {margin-top: 10px} .wrapper .share-it a {background-position: 3px 50%; background-repeat: no-repeat; padding: 5px 10px 5px 22px} .wrapper .share-it .bookmarks a {background-image: url(/images/icons/item_commands/bookmark.gif)} .wrapper .share-it .favorites a {background-image: url(/images/icons/item_commands/favorite.gif)} .wrapper .share-it .send2friend a {background-image: url(/images/icons/item_commands/send2friend.gif)} .wrapper .share-it .rss a, .wrapper .share-it .atom a {background-image: url(/images/icons/item_commands/rss.gif)} .wrapper .share-it .facebook a {background-image: url(/images/icons/item_commands/facebook.gif)} .wrapper .share-it .digg a {background-image: url(/images/icons/item_commands/digg.gif)} .wrapper .share-it .stumble a {background-image: url(/images/icons/item_commands/stumble.gif)} .wrapper .share-it .report a {background-image: url(/images/icons/item_commands/report.gif)} .wrapper .share-it li:first-child h2 {background-image: url(/images/shareit_top_bgr.png)} .more-blogs .box-content {padding: 0} .more-blogs .box-content li {margin-top: 2px; padding-top: 3px; background: url(/images/divider.png) top center no-repeat} .more-blogs .box-content li:first-child {margin-top: 0; padding-top: 0; background: transparent} .more-blogs .box-content li a {padding: 5px; display: block} .more-blogs .box-content li a:hover {background: #BE191D; color: #FFF} .more-blogs .box-content li .title, .more-blogs .box-content li .categories {display: block} .more-blogs .box-content li .categories {margin-left: 10px; font-size: 10px} .more-videos .video-single {margin-bottom: 10px} .more-videos .video-thumbnail {float: left; width: 50px; margin-right: 5px} .more-videos .video-dts {float: left; width: 155px} .more-videos .video-dts h3 {color: #000; font-size: 12px; margin-bottom: 3px; padding-bottom: 3px; border-bottom: #7c7c7c 1px solid; font-weight: bold} .more-videos .video-dts h3 a {color: #000; text-decoration: none} .more-videos .video-dts p, .more-videos .video-dts ul {margin-left: 10px; margin-right: 10px} .more-news .box-content {padding: 0} .more-news .box-content li {margin-top: 2px; padding-top: 3px; background: url(/images/divider.png) top center no-repeat} .more-news .box-content li:first-child {margin-top: 0; padding-top: 0; background: transparent} .more-news .box-content li a {padding: 5px; display: block} .more-news .box-content li a:hover {background: #BE191D; color: #FFF} .more-news .box-content li .title, .more-news .box-content li .categories {display: block} .more-news .box-content li .categories {margin-left: 10px; font-size: 10px} .view .event-info .event-image {text-align: center} /* Index page */ .fp-communities {margin-bottom: 10px} .fp-communities .box-content {text-align: center} .fp-communities li {vertical-align: top; position: relative; display: -moz-inline-block; display: -moz-inline-box; display: inline-block; margin-right: 5px; margin-bottom: 5px} *:first-child+html .fp-communities li {zoom: 1; display: inline} .fp-communities .swim a {display: block; width: 0; height: 0; overflow: hidden; padding-left: 140px; padding-top: 165px; background: url(/images/communities/swimming.jpg) top left no-repeat} .fp-communities .run a {display: block; width: 0; height: 0; overflow: hidden; padding-left: 139px; padding-top: 165px; background: url(/images/communities/running.jpg) top left no-repeat} .fp-communities .cyc a {display: block; width: 0; height: 0; overflow: hidden; padding-left: 140px; padding-top: 163px; background: url(/images/communities/cycling.jpg) top left no-repeat} .fp-communities .tria a {display: block; width: 0; height: 0; overflow: hidden; padding-left: 139px; padding-top: 163px; background: url(/images/communities/triathlon.jpg) top left no-repeat} .fp-infosection {margin-bottom: 10px; width: 651px; border: 1px solid #000; margin-left: auto; margin-right: auto; background: url(/images/main_image.jpg) top left no-repeat; height: 380px} .fp-infosection .fp-info-top {padding: 4px; width: 641px; margin-left: auto; margin-right: auto; line-height: 1.5em; background: url(/images/fp_top-bg.png) top left no-repeat; height: 56px; color: #FFF; margin-top: 1px} .fp-infosection .fp-info-top em {font-style: normal; font-size: 18px; margin-right: 10px; font-weight: bold} .fp-infosection .fp-info-points {height: 49px; font-size: 10px; font-weight: bold; float: right; clear: right; width: 305px; margin-right: 1px; padding: 5px 5px 5px 30px; background: url(/images/fp_point-bg.png) top right no-repeat} .fp-infosection .fp-info-points dt, .fp-infosection .fp-info-points dd {display: inline; line-height: 14px} .fp-infosection .fp-info-points dt {font-size: 14px; font-weight: bold; color: #0289cd} .fp-infosection .fp-info-signup {text-align: center; float: right; clear: right; width: 330px; margin-right: 1px; padding: 30px 5px 5px} .fp-infosection .fp-info-signup a {width: 0; height: 0; overflow: hidden; padding-left: 140px; padding-top: 38px; background: url(/images/fp_signup.png) top left no-repeat; display: -moz-inline-block; position: relative; vertical-align: middle; display: -moz-inline-box; display: inline-block} *:first-child+html .fp-infosection .fp-info-signup a {zoom: 1; display: inline} .fp-members {margin-bottom: 10px} .fp-members .box-content {text-align: center} .fp-members .fp-members-single {width: 85px; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block; margin-right: 5px; margin-bottom: 5px} *:first-child+html .fp-members .fp-members-single {zoom: 1; display: inline} .fp-members .fp-members-name {display: block; text-align: center} .fp-members .more {clear: left; text-align: right} .fp-forum .label {width: 100px; padding: 5px 2px 5px 36px; background-position: 0 50%; background-repeat: no-repeat; vertical-align: middle} .fp-forum .content {width: 384px; padding: 5px 10px} .fp-forum .content .forum-topic-views {margin-left: 5px} .fp-news {margin-bottom: 10px} .fp-news .label {width: 100px; float: left; clear: left; margin-right: 2px; margin-bottom: 5px; padding: 5px 2px 5px 36px; background-position: 0 50%; background-repeat: no-repeat} .fp-news .content {float: left; width: 384px; margin-bottom: 5px; padding: 5px 10px} .fp-news .content a {font-size: 10px; margin-left: 5px} .fp-videos .fp-videos-main {float: left; width: 250px; margin-right: 10px; text-align: center} .fp-videos ul {margin-top: 5px} .fp-videos li {list-style: none} .fp-videos .video-title {font-size: 14px; font-weight: bold} .fp-videos .video-views {color: #898989; font-style: italic} .fp-videos .unit-rating {margin-left: auto; margin-right: auto} .fp-videos .fp-videos-other {float: left; width: 200px} .fp-videos .fp-videos-other li {clear: left} .fp-videos .fp-videos-other li .fp-videos-minithumb {float: left; width: 90px; margin-right: 10px} .fp-videos .fp-videos-other li .fp-videos-info {float: left; width: 100px} .fp-videos .more {clear: left; text-align: right} .fp-groups .fp-groups-single {width: 120px; text-align: center; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block; margin-right: 5px; margin-bottom: 5px} *:first-child+html .fp-groups .fp-groups-single {zoom: 1; display: inline} .fp-groups .fp-groups-name {display: block; text-align: center} .fp-groups .more {clear: left; text-align: right} .fp-articles h3 {color: #000; font-size: 12px; margin-bottom: 3px; padding-bottom: 3px; border-bottom: #7c7c7c 1px solid; font-weight: bold} .fp-articles .fp-articles-image {text-align: center; float: right; margin-left: 10px; margin-bottom: 10px} .fp-articles .fp-articles-single {margin-top: 10px} .fp-articles .fp-articles-single:first-child {margin-top: 0} .fp-articles .fp-articles-readmore {text-align: right} .fp-articles .more {clear: left; text-align: right} /* Dashboard - menu */ .dashboard-menu {border-bottom: #d8d9da 1px solid} .dashboard-menu h2 {vertical-align: center; height: 24px; line-height: 24px; padding: 0 6px; background: url(/images/mm_hdr_bgr.png) top left no-repeat; font-size: 12px; font-weight: bold; color: #FFF} .dashboard-menu li:first-child h2 {background-image: url(/images/mm_top_bgr.png)} .dashboard-menu a {background: #FFF; font-size: 12px; color: #000; text-decoration: none; display: block; border: #d8d9da solid; border-width: 0 1px; padding: 5px 10px} .dashboard-menu a:hover {background-color: #BE191D; color: #FFF} /* Dashboard - info section */ h2.group-header {color: #000; font-size: 16px; margin-bottom: 3px; padding-bottom: 3px; border-bottom: #7c7c7c 1px solid; font-weight: bold} .db-userinfo .box-content {text-align: center} .db-userinfo li {font-size: 10px; padding: 5px; margin-bottom: 5px} .db-userinfo .label {text-align: right; clear: left; float: left; width: 80px; margin-right: 5px} .db-userinfo .content {text-align: left; float: left; width: 130px} .db-newsfeeds {font-size: 12px} .db-newsfeeds h3 {text-align: center; color: #be191d; padding-bottom: 3px; background: url(/images/divider.png) bottom center no-repeat; clear: both; font-size: 12px; font-weight: bold; margin-bottom: 10px; margin-top: 0} .db-newsfeeds .mini-photo-cell {width: 40px} .db-newsfeeds .recup-date-cell {width: 80px} .db-newsfeeds .more {text-align: right; margin-top: 5px} .db-friends .friend-single {text-align: center; width: 100px; position: relative; vertical-align: top; margin-right: 4px; margin-bottom: 4px; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} *:first-child+html .db-friends .friend-single {zoom: 1; display: inline} .db-friends .friend-single span {display: block; text-align: center} .db-friends .friend-single a span, .db-friends .friend-single a img {cursor: hand; cursor: pointer} .db-friends .friend-single .pp-outer-target {width: 80px; height: 80px; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} *:first-child+html .db-friends .friend-single .pp-outer-target {zoom: 1; display: inline} .db-friends .friend-single .pp-outer-shell {position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; padding-left: 80px; padding-top: 80px; background: url(/images/friends_box.png) top left no-repeat} .db-friends .friend-single a {text-decoration: none; color: #000} /* Old profile .pr-userinfo {padding: 10px; background: #FFF; border: #d9d9d9 1px solid; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -opera-border-radius: 10px; text-align: center} .pr-userinfo h2 {color: #c11e23; font-size: 16px; text-decoration: underline; margin-bottom: 10px} .pr-userinfo dl {margin-bottom: 10px} .pr-userinfo .label {margin-bottom: 5px; float: left; width: 120px; margin-right: 10px; text-align: right; font-variant: small-caps; color: #413936} .pr-userinfo .content {margin-bottom: 5px; float: left; width: 155px; text-align: left} .view .pr-userinfo .label {clear: left; margin-bottom: 5px; float: left; width: 90px; margin-right: 10px; text-align: right; font-variant: small-caps; color: #413936} .view .pr-userinfo .content {margin-bottom: 5px; float: left; width: 102px; text-align: left} .pr-userinfo .combined {clear: left; margin-bottom: 5px} .pr-userinfo .online-status {margin-left: auto; margin-right: auto; width: 0; height: 0; overflow: hidden; padding-left: 132px; padding-top: 34px; background: url(/images/buttons/offline.jpg) top left no-repeat} .pr-userinfo .on {background-image: url(/images/buttons/online.jpg)} .pr-contact dt {color: #319ac9; margin-bottom: 2px} .pr-contact dd {margin-left: 20px; margin-bottom: 10px; color: #707070} .wrapper .pr-aboutme li {list-style: disc; margin-left: 20px} .pr-friends .friend-single {text-align: center; width: 85px; position: relative; vertical-align: top; margin-right: 10px; margin-bottom: 10px; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} *:first-child+html .pr-friends .friend-single {zoom: 1; display: inline} .pr-friends .friend-single a span, .pr-friends .friend-single a img {cursor: hand; cursor: pointer} .pr-friends .friend-single .pp-outer-target {width: 80px; height: 80px; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} *:first-child+html .pr-friends .friend-single .pp-outer-target {zoom: 1; display: inline} .pr-friends .friend-single .pp-outer-shell {position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; padding-left: 80px; padding-top: 80px; background: url(/images/friends_box.png) top left no-repeat} .pr-friends .friend-single a {text-decoration: none; color: #000} .pr-grating {text-align: center} .pr-grating li, .pr-grating .rate-up, .pr-grating .rate-down {position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} .pr-grating .rate-up {width: 0; height: 0; overflow: hidden; padding-left: 16px; padding-top: 16px; background: url(/images/buttons/rate-up.png) top left no-repeat} .pr-grating .rate-down {width: 0; height: 0; overflow: hidden; padding-left: 16px; padding-top: 16px; background: url(/images/buttons/rate-down.png) top left no-repeat} *:first-child+html .pr-grating li, *:first-child+html .pr-grating .rate-up, *:first-child+html .pr-grating .rate-down {zoom: 1; display: inline} .pr-usercommands {height: 32px; line-height: 32px; padding: 10px; background: #FFF; border: #d9d9d9 1px solid; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -opera-border-radius: 10px; text-align: center} .pr-usercommands li {margin-left: 5px; vertical-align: middle; position: relative; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} *:first-child+html .pr-usercommands li {zoom: 1; display: inline} .pr-usercommands li:first-child {margin-left: 0} .pr-pinfo .am-fav-pic {line-height: 100px; float: right; width: 335px; margin-left: 10px; margin-top: 5px} .pr-pinfo .am-fav-pic p {color: #3498ca; font-size: 10px; vertical-align: middle; float: left; width: 90px; margin-right: 10px} .pr-pinfo .am-fav-pic .am-fav-pic-photo {vertical-align: middle; float: left; width: 235px} .pr-pinfo .am-user-details {float: right; width: 270px; padding: 0 10px; margin-top: 5px} .pr-pinfo .am-user-details h3 {margin-top: 10px; color: #be191d; padding-bottom: 3px; background: url(/images/divider.png) bottom left no-repeat; font-size: 12px; font-weight: bold; margin-bottom: 10px} .pr-pinfo .am-user-details dt {float: left; clear: left; width: 120px; margin-right: 10px; color: #3399ca; margin-bottom: 10px} .pr-pinfo .am-user-details dd {float: left; width: 140px; margin-bottom: 10px} .pr-pinfo .am-user-details .view-pr {text-align: center; clear: left} .pr-pinfo .am-user-details .view-pr a {display: block; margin: 10px auto 0; width: 0; height: 0; overflow: hidden; padding-left: 144px; padding-top: 32px; background: url(/images/buttons/more-details.png) top left no-repeat} .pr-pinfo .am-favorites {padding: 10px; clear: left} .pr-pinfo .am-favorites h3 {margin-top: 10px; color: #be191d; padding-bottom: 3px; background: url(/images/divider.png) bottom left no-repeat; font-size: 12px; font-weight: bold; margin-bottom: 10px} .pr-pinfo .am-favorites dl {width: 305px; float: left} .pr-pinfo .am-favorites dt {float: left; width: 140px; margin-right: 10px; margin-bottom: 10px; color: #3399ca} .pr-pinfo .am-favorites dd {float: left; width: 155px; margin-bottom: 10px} .pr-training .box-content ul {cursor: hand; cursor: pointer} .pr-training .box-content ul:hover {color: #FFF; background-color: #BE191D} .pr-videos .video-single {margin-bottom: 10px} .pr-videos .video-thumbnail {float: left; width: 150px; margin-right: 10px} .pr-videos .video-dts {float: left; width: 470px} .pr-videos .video-dts h3 {color: #000; font-size: 12px; margin-bottom: 3px; padding-bottom: 3px; border-bottom: #7c7c7c 1px solid; font-weight: bold} .pr-videos .video-dts h3 a {color: #000; text-decoration: none} .pr-videos .video-dts p, .pr-videos .video-dts ul {margin-left: 10px; margin-right: 10px} .pr-leftcolumn, .pr-rightcolumn {float: left; width: 320px; margin-top: 10px} .pr-leftcolumn {margin-right: 10px} .pr-photos .wrap {width: 90px; font-size: 10px; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block; margin-right: 10px; margin-bottom: 10px; text-align: center} *:first-child+html .pr-photos .wrap {zoom: 1; display: inline} .pr-photos .wrap .name {display: block} .pr-photos .wrap a {text-decoration: none} .pr-usercommands .sendmessage a {width: 0; height: 0; display: block; overflow: hidden; padding-left: 138px; padding-top: 26px; background: url(/images/buttons/send-msg.png) top left no-repeat} .pr-usercommands .report a {width: 0; height: 0; display: block; overflow: hidden; padding-left: 138px; padding-top: 26px; background: url(/images/buttons/report.png) top left no-repeat} .pr-usercommands .addasfriend a {width: 0; height: 0; display: block; overflow: hidden; padding-left: 138px; padding-top: 26px; background: url(/images/buttons/add-friend.png) top left no-repeat} .pr-usercommands .removeasfriend a {width: 0; height: 0; display: block; overflow: hidden; padding-left: 138px; padding-top: 26px; background: url(/images/buttons/remove-friend.png) top left no-repeat} .pr-usercommands .grouphome a {width: 0; height: 0; display: block; overflow: hidden; padding-left: 138px; padding-top: 26px; background: url(/images/buttons/group-home.png) top left no-repeat} .pr-usercommands .groupforums a {width: 0; height: 0; display: block; overflow: hidden; padding-left: 138px; padding-top: 26px; background: url(/images/buttons/group-forums.png) top left no-repeat} .pr-usercommands .joingroup a {width: 0; height: 0; display: block; overflow: hidden; padding-left: 138px; padding-top: 26px; background: url(/images/buttons/join-group.png) top left no-repeat}*/ /* New Profile - left column */ .pr-userinfo {padding: 10px; background: #FFF; border: #d9d9d9 1px solid; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -opera-border-radius: 10px; text-align: center} .pr-userinfo h2 {color: #c11e23; font-size: 16px; text-decoration: underline; margin-bottom: 10px} .pr-userinfo h2 a {color: #c11e23} .pr-userinfo dl {margin-bottom: 10px} .pr-userinfo .label {margin-bottom: 5px; float: left; width: 120px; margin-right: 10px; text-align: right; font-variant: small-caps; color: #413936} .pr-userinfo .content {margin-bottom: 5px; float: left; width: 155px; text-align: left} .view .pr-userinfo .label {clear: left; margin-bottom: 5px; float: left; width: 90px; margin-right: 10px; text-align: right; font-variant: small-caps; color: #413936} .view .pr-userinfo .content {margin-bottom: 5px; float: left; width: 102px; text-align: left} .pr-userinfo .combined {clear: left; margin-bottom: 5px} .pr-userinfo .online-status {margin-left: auto; margin-right: auto; width: 0; height: 0; overflow: hidden; padding-left: 132px; padding-top: 34px; background: url(/images/buttons/offline.jpg) top left no-repeat} .pr-userinfo .on {background-image: url(/images/buttons/online.jpg)} .pr-usercommands {margin-top: 10px; text-align: center} .pr-usercommands li {width: 99px; height: 32px; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} *:first-child+html .pr-usercommands li {display: inline; zoom: 1} .pr-usercommands li a {display: block; background-repeat: no-repeat; background-position: top left; width: 0; height: 0; overflow: hidden; padding-left: 99px; padding-top: 32px} .pr-usercommands .sendmessage a {background-image: url(/images/buttons/sendmessage.png)} .pr-usercommands .sendmessage a:hover {background-image: url(/images/buttons/sendmessage_hovered.png)} .pr-usercommands .addasfriend a {background-image: url(/images/buttons/addfriend.png)} .pr-usercommands .addasfriend a:hover {background-image: url(/images/buttons/addfriend_hovered.png)} .pr-usercommands .removeasfriend a {background-image: url(/images/buttons/removefriend.png)} .pr-usercommands .removeasfriend a:hover {background-image: url(/images/buttons/removefriend_hovered.png)} .pr-usercommands .report a {background-image: url(/images/buttons/reportcontent.png)} .pr-usercommands .report a:hover {background-image: url(/images/buttons/reportcontent_hovered.png)} .pr-usercommands .grouphome a {background-image: url(/images/buttons/grouphome.png)} .pr-usercommands .grouphome a:hover {background-image: url(/images/buttons/grouphome_hovered.png)} .pr-usercommands .groupforums a {background-image: url(/images/buttons/groupforums.png)} .pr-usercommands .groupforums a:hover {background-image: url(/images/buttons/groupforums_hovered.png)} .pr-usercommands .joingroup a {background-image: url(/images/buttons/joingroup.png)} .pr-usercommands .joingroup a:hover {background-image: url(/images/buttons/joingroup_hovered.png)} .pr-contact dt {color: #319ac9; margin-bottom: 2px} .pr-contact dd {margin-left: 20px; margin-bottom: 10px; color: #707070} .wrapper .pr-aboutme li {list-style: disc; margin-left: 20px} .pr-friends .friend-single {text-align: center; width: 85px; position: relative; vertical-align: top; margin-right: 10px; margin-bottom: 10px; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} *:first-child+html .pr-friends .friend-single {zoom: 1; display: inline} .pr-friends .friend-single a span, .pr-friends .friend-single a img {cursor: hand; cursor: pointer} .pr-friends .friend-single .pp-outer-target {width: 80px; height: 80px; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} *:first-child+html .pr-friends .friend-single .pp-outer-target {zoom: 1; display: inline} .pr-friends .friend-single .pp-outer-shell {position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; padding-left: 80px; padding-top: 80px; background: url(/images/friends_box.png) top left no-repeat} .pr-friends .friend-single a {text-decoration: none; color: #000} /* New Profile - right column generic */ .profile-list .box-content ul {width: 616px; float: left; margin-top: 5px; padding-top: 5px; background: url(/images/divider.png) top center no-repeat} .profile-list .box-content ul:first-child {margin-top: 0; padding-top: 0; background-image: none} .profile-list .box-content ul ul {text-align: right; margin: 0; padding: 0; background: transparent; float: none; width: auto} .profile-list .label {color: #329acd; float: left; width: 150px; margin-right: 10px} .profile-list .content {float: left; width: 455px} .profile-list .combined {font-size: 12px; clear: left; width: 100%} .profile-list .box-content .combined li {border-left: none; padding-left: 0; font-size: 12px; display: block; text-align: left} .profile-list .box-content .combined .top-level>li {background: transparent; padding: 0; border-top: none} .profile-list .box-content .combined ul {text-align: left} .profile-list .box-content .combined .top-level {background: #ECECEC; margin-left: 50px} .profile-list .box-content .combined .top-level ul {margin-left: 0} .profile-list .box-content .combined p {margin: 0} .profile-list h3 {color: #000; font-size: 12px; margin-bottom: 3px; padding-bottom: 3px; border-bottom: #7c7c7c 1px solid; font-weight: bold} .profile-list h3 a {display: block; color: #000; text-decoration: none} .profile-list p, .profile-list ul {margin-left: 10px; margin-right: 10px} .profile-list .top-buttons {margin-left: 0; margin-right: 0} .profile-list .box-content li .pr-raceresults-options {background: #ECECEC; margin-left: 50px} .profile-list .box-content li .pr-raceresults-options li {position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block; margin-left: 5px; padding-left: 5px; border-left: 1px solid} *:first-child+html .profile-list .box-content li .pr-raceresults-options li {zoom: 1; display: inline} .profile-list .box-content li .pr-raceresults-options li:first-child {margin-left: 0; padding-left: 0; border-left: none} .profile-list .box-content li .pr-raceresults-options a {color: #808080} /* New Profile - right column */ .pr-status {padding: 10px; background: #FFF; border: #d9d9d9 1px solid; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -o-border-radius: 10px} .pr-status em {font-style: normal; font-size: 16px; color: #319ac9} .pr-tabs {margin-top: 10px} .pr-tabs li {margin-right: 5px; width: 92px; height: 28px; list-style: none; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} *:first-child+html .pr-tabs li {zoom: 1; display: inline} .pr-tabs li a {color: #C80000; text-decoration: none; display: block; text-align: center; background: url(/images/profile_tab.png) top left no-repeat; line-height: 28px} .pr-tabs .current-target a {background-image: url(/images/profile_tab_active.png); color: #FFF} .pr-tabs li a:hover {text-decoration: underline} .pr-tabs~div>div:first-child {margin-top: 10px} .pr-share {height: 36px; padding: 10px; background: #FFF; border: #d9d9d9 1px solid; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -o-border-radius: 10px} .public-main-content .pr-share, .group.pr-share {margin-top: 10px} .pr-share input[type="text"] {float: left; display: block; width: 528px; height: 30px; padding: 2px; font-size: 22px; color: #c0c0c0; border: #c0c0c0 1px solid; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -o-border-radius: 10px} .public-main-content .pr-share input[type="text"] {width: 398px} .current-photo .pr-share input[type="text"] {width: 593px} .pr-share input[type="submit"] {float: left; background: transparent url(/images/buttons/small_post.png) top left no-repeat; width: 0; height: 0; overflow: hidden; padding-left: 84px; padding-top: 36px; margin-left: 10px; cursor: hand; cursor: pointer} *:first-child+html .pr-share input[type="submit"] {width: 84px; height: 36px} .pr-relay .box-content {font-size: 12px} *:first-child+html .pr-relay li {zoom: 1} .pr-relay .top-level ul {background: #ECECEC; margin-left: 50px} .pr-relay .top-level ul ul {margin-left: 0} .pr-relay .top-level>li {padding-top: 1px; background: url(/images/divider2.png) top center no-repeat} .pr-relay .top-level>li:first-child {background: transparent; padding-top: 0} .pr-relay li .entry {padding: 6px; background-position: 4px 50%; background-repeat: no-repeat; padding-left: 50px} *:first-child+html .pr-relay li .entry {zoom: 1} .pr-relay li .entry p {line-height: 16px} .pr-relay li .entry p a:first-child {font-weight: bold; color: #319ac9; text-decoration: none} .pr-relay li .entry p a:first-child:hover {text-decoration: underline} .pr-relay .top-level li .pr-relay-options {background: transparent; margin-left: 0} .pr-relay .top-level li .pr-relay-options li {border-top: none; line-height: 16px; color: #808080; margin-left: 2px; padding-left: 5px; border-left: 1px solid; list-style: none; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} *:first-child+html .pr-relay .top-level li .pr-relay-options li {zoom: 1; display: inline} .pr-relay .top-level li .pr-relay-options li:first-child {margin-left: 0; padding-left: 0; border-left: none} .pr-relay .top-level li .pr-relay-options li a {color: #808080; text-decoration: none} .pr-relay .top-level li .pr-relay-options li a:hover {text-decoration: underline} .pr-relay .top-level li .entry .nf_photodisplay {display: block} .pr-relay .top-level li .pr-relay-options a {color: #808080} .pr-pinfo .am-fav-pic {line-height: 100px; float: right; width: 335px; margin-left: 10px; margin-top: 5px} .pr-pinfo .am-fav-pic p {color: #3498ca; font-size: 10px; vertical-align: middle; float: left; width: 90px; margin-right: 10px} .pr-pinfo .am-fav-pic .am-fav-pic-photo {vertical-align: middle; float: left; width: 235px} .pr-pinfo .am-user-details {float: right; width: 270px; padding: 0 10px; margin-top: 5px} .pr-pinfo .am-user-details h3 {margin-top: 10px; color: #be191d; padding-bottom: 3px; background: url(/images/divider.png) bottom left no-repeat; font-size: 12px; font-weight: bold; margin-bottom: 10px} .pr-pinfo .am-user-details dt {float: left; clear: left; width: 120px; margin-right: 10px; color: #3399ca; margin-bottom: 10px} .pr-pinfo .am-user-details dd {float: left; width: 140px; margin-bottom: 10px} .pr-pinfo .am-user-details .view-pr {text-align: center; clear: left} .pr-pinfo .am-user-details .view-pr a {display: block; margin: 10px auto 0; width: 0; height: 0; overflow: hidden; padding-left: 144px; padding-top: 32px; background: url(/images/buttons/personal-records.png) top left no-repeat} .pr-pinfo .am-favorites {padding: 10px; clear: left} .pr-pinfo .am-favorites h3 {margin-top: 10px; color: #be191d; padding-bottom: 3px; background: url(/images/divider.png) bottom left no-repeat; font-size: 12px; font-weight: bold; margin-bottom: 10px} .pr-pinfo .am-favorites dl {width: 305px; float: left} .pr-pinfo .am-favorites dt {float: left; width: 140px; margin-right: 10px; margin-bottom: 10px; color: #3399ca} .pr-pinfo .am-favorites dd {float: left; width: 155px; margin-bottom: 10px} .pr-videos .video-single {margin-bottom: 10px} .pr-videos .video-thumbnail {float: left; width: 150px; margin-right: 10px} .pr-videos .video-dts {float: left; width: 470px} .pr-videos .video-dts h3 {color: #000; font-size: 12px; margin-bottom: 3px; padding-bottom: 3px; border-bottom: #7c7c7c 1px solid; font-weight: bold} .pr-videos .video-dts h3 a {color: #000; text-decoration: none} .pr-videos .video-dts p, .pr-videos .video-dts ul {margin-left: 10px; margin-right: 10px} .pr-leftcolumn, .pr-rightcolumn {float: left; width: 320px; margin-top: 10px} .pr-leftcolumn {margin-right: 10px} .pr-photos .wrap {width: 90px; font-size: 10px; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block; margin-right: 10px; margin-bottom: 10px; text-align: center} *:first-child+html .pr-photos .wrap {zoom: 1; display: inline} .pr-photos .wrap .name {display: block} .pr-photos .wrap a {text-decoration: none} .pr-training .separator td {padding-top: 20px; background: url(/images/divider2.png) center 10px no-repeat; line-height: 0} .pr-training .total+.separator td {height: 40px; background: transparent} .pr-training .pr-training-props {text-align: left; background: #ECECEC; margin-left: 50px; padding: 5px 0} .pr-training .pr-training-options {text-align: left; background: #ECECEC; margin-left: 50px} .pr-training .pr-training-options li {margin-left: 2px; padding-left: 4px; border-left: 1px solid; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} *:first-child+html .pr-training .pr-training-options li {zoom: 1; display: inline} .pr-training .pr-training-options li:first-child {margin-left: 0; padding-left: 0; border-left: none} .pr-training .pr-training-options a {color: #808080} .pr-training .top-level {background: #ECECEC; margin-left: 50px} .pr-training li .entry {text-align: left; padding: 6px; background-position: 4px 50%; background-repeat: no-repeat; padding-left: 50px} .pr-training li .entry p {line-height: 16px} .pr-training li .entry p a:first-child {font-weight: bold; color: #319ac9; text-decoration: none} .pr-training li .entry p a:first-child:hover {text-decoration: underline} .pr-training .top-level li .pr-relay-options {background: transparent; margin-left: 0} .pr-training .top-level li .pr-relay-options li {border-bottom: none; border-top: none; line-height: 16px; color: #808080; margin-left: 2px; padding-left: 5px; border-left: 1px solid; list-style: none; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} .pr-training .top-level li .pr-relay-options li:first-child {margin-left: 0; padding-left: 0; border-left: none} .pr-training .top-level li .pr-relay-options li a {color: #808080; text-decoration: none} .pr-training .top-level li .pr-relay-options li a:hover {text-decoration: underline} .pr-training .top-level li .entry .nf_photodisplay {display: block} .pr-training .total td {background: #BE191D; color: white} .pr-training .total:hover td {background: #009900} #WzTtDiV .period-breakdown {width: 100%} #WzTtDiV .period-breakdown th {text-align: center; padding: 5px; border-top: 1px solid #000} #WzTtDiV .period-breakdown th[colspan] {font-size: 14px; border-top: none; padding-top: 0} #WzTtDiV .period-breakdown td {width: 115px; text-align: right; padding: 5px; border-top: 1px solid #000} #WzTtDiV .period-breakdown td:first-child {width: 366px; text-align: center} .pr-training .numbers {font: 12px "Courier New", Courier, Lucida Console, monospace; text-align: right} .pr-raceresults tr td {border-top: 1px solid #c11e23} .pr-raceresults tr:first-child td, .pr-raceresults tr:first-child .rr-comments td {border-top: none} body:last-child .pr-raceresults tr {padding-top: 1px; background: url(/images/divider2.png) top center no-repeat} body:last-child .pr-raceresults tr td {border-top: none} body:last-child .pr-raceresults tr:first-child, body:last-child .pr-raceresults .rr-comments {background: transparent; padding-top: 0} .pr-raceresults .rr-comments .pr-raceresults-props {text-align: left; background: #ECECEC; margin-left: 50px; padding: 5px 0} .pr-raceresults .rr-comments .pr-raceresults-options {background: #ECECEC; margin-left: 50px} .pr-raceresults .rr-comments .pr-raceresults-options a {color: #808080} .pr-raceresults .rr-comments .pr-raceresults-options li {margin-left: 2px; padding-left: 4px; border-left: 1px solid; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} *:first-child+html .pr-raceresults .rr-comments .pr-raceresults-options li {zoom: 1; display: inline} .pr-raceresults .rr-comments .pr-raceresults-options li:first-child {margin-left: 0; padding-left: 0; border-left: none} .pr-raceresults .rr-comments td {text-align: left; border-top: none} .pr-raceresults .rr-comments li {font-size: 12px} .pr-raceresults .rr-comments .top-level {background: #ECECEC; margin-left: 50px} .pr-raceresults .rr-comments .top-level>li:first-child {border-top: none} .pr-raceresults .rr-comments li .entry {text-align: left; padding: 6px; background-position: 4px 50%; background-repeat: no-repeat; padding-left: 50px} .pr-raceresults .rr-comments li .entry p {line-height: 16px} .pr-raceresults .rr-comments li .entry p a:first-child {font-weight: bold; color: #319ac9; text-decoration: none} .pr-raceresults .rr-comments li .entry p a:first-child:hover {text-decoration: underline} .pr-raceresults .rr-comments .top-level li .pr-relay-options li {border-top: none; line-height: 16px; color: #808080; margin-left: 2px; padding-left: 5px; border-left: 1px solid; list-style: none; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} .pr-raceresults .rr-comments .top-level li .pr-relay-options li:first-child {margin-left: 0; padding-left: 0; border-left: none} .pr-raceresults .rr-comments .top-level li .pr-relay-options li a {color: #808080; text-decoration: none} .pr-raceresults .rr-comments .top-level li .pr-relay-options li a:hover {text-decoration: underline} .pr-raceresults .rr-comments .top-level li .entry .nf_photodisplay {display: block} /* Show Props list */ .proplist li {margin: 5px 5px 5px 25px} /* Message boxes - Inbox and sent */ .inbox table {margin-bottom: 20px} .inbox th, .inbox td {text-align: center} .inbox td:first-child, .inbox td.new {width: 20px} .inbox .message-commands {line-height: 26px; height: 26px; position: absolute; bottom: 6px; left: 7px} .inbox .message-commands li {padding: 5px; height: 16px; line-height: 16px; vertical-align: middle; position: relative; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} *:first-child+html .inbox .message-commands li {zoom: 1; display: inline} .db-message .message-body {margin: 10px 20px} .db-message .message-body p {margin-bottom: 10px; text-indent: 20px} /* Manage/Groups */ .gmanage th, .gmanage td {text-align: center} /* Manage/Friends */ .my-friends .friend-single {text-align: center; width: 100px; position: relative; vertical-align: top; margin-right: 10px; margin-bottom: 10px; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} *:first-child+html .my-friends .friend-single {zoom: 1; display: inline} .my-friends .friend-single a span, .my-friends .friend-single a img {cursor: hand; cursor: pointer} .my-friends .friend-single .pp-outer-target {width: 80px; height: 80px; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} *:first-child+html .my-friends .friend-single .pp-outer-target {zoom: 1; display: inline} .my-friends .friend-single .pp-outer-shell {position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; padding-left: 80px; padding-top: 80px; background: url(/images/friends_box.png) top left no-repeat} .my-friends .friend-single a {text-decoration: none; color: #000} /* All/Blog list */ .bloglist .box-content ul {margin-left: 20px; margin-right: 20px; width: 611px; float: left; margin-top: 2px; padding-top: 3px; background: url(/images/divider.png) top center no-repeat} .bloglist .box-content ul:first-child {margin-top: 0; padding-top: 0; background: transparent} .bloglist .box-content ul ul {text-align: right; margin: 0; padding: 0; background: transparent; float: none; width: auto} .bloglist .label {color: #329acd; float: left; width: 150px; margin-right: 10px} .bloglist .content {float: left; width: 445px} .bloglist h3 {color: #000; font-size: 12px; margin-bottom: 3px; padding-bottom: 3px; border-bottom: #7c7c7c 1px solid; font-weight: bold} .bloglist h3 a {display: block; color: #000; text-decoration: none} .bloglist p, .bloglist ul {margin-left: 10px; margin-right: 10px} .bloglist .box-content li li {font-size: 10px; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block; margin-left: 5px; padding-left: 5px; border-left: 1px solid} *:first-child+html .bloglist .box-content li li {zoom: 1; display: inline} .bloglist .box-content li li:first-child {margin-left: 0; padding-left: 0; border-left: none} /* All/News list */ .newslist .box-content ul {margin-left: 20px; margin-right: 20px; width: 611px; float: left; margin-top: 2px; padding-top: 3px; background: url(/images/divider.png) top center no-repeat} .newslist .box-content ul:first-child {margin-top: 0; padding-top: 0; background: transparent} .newslist .box-content ul ul {text-align: right; margin: 0; padding: 0; background: transparent; float: none; width: auto} .newslist .label {color: #329acd; float: left; width: 150px; margin-right: 10px} .newslist .content {float: left; width: 445px} .newslist h3 {color: #000; font-size: 12px; margin-bottom: 3px; padding-bottom: 3px; border-bottom: #7c7c7c 1px solid; font-weight: bold} .newslist h3 a {display: block; color: #000; text-decoration: none} .newslist p, .newslist ul {margin-left: 10px; margin-right: 10px} .newslist .box-content li li {font-size: 10px; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block; margin-left: 5px; padding-left: 5px; border-left: 1px solid} *:first-child+html .newslist .box-content li li {zoom: 1; display: inline} .newslist .box-content li li:first-child {margin-left: 0; padding-left: 0; border-left: none} /* All/Training list */ .training-all tr td {cursor: hand; cursor: pointer} .training-all tr[colspan] td {cursor: normal} .training-all tr .date {color: #BE191D} .training-all tr[onclick]:hover td {color: #FFF; background: #BE191D} /* View/Blogs */ .blog-details h3 {color: #000; font-size: 16px; margin-bottom: 3px; padding-bottom: 3px; border-bottom: #7c7c7c 1px solid; font-weight: bold} .blog-content {margin: 10px 20px} .blog-xtra {text-align: right} .blog-xtra li {font-size: 10px; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block; margin-left: 5px; padding-left: 5px; border-left: 1px solid} *:first-child+html .blog-xtra li {zoom: 1; display: inline} .blog-xtra li:first-child {margin-left: 0; padding-left: 0; border-left: none} /* View/Events */ .event-info h3, .event-details h3 {color: #000; font-size: 16px; margin-bottom: 3px; padding-bottom: 3px; border-bottom: #7c7c7c 1px solid; font-weight: bold} .event-info h3 {font-size: 12px} .event-info dt {color: #319ac9; margin-bottom: 2px} .event-info dd {margin-left: 20px; margin-bottom: 10px; color: #707070} .event-info .show-more {font-size: 10px; text-align: right; margin: 5px 0} .event-info .member a {display: block; padding: 2px 2px 2px 36px; background-position: 0 50%; background-repeat: no-repeat} .event-details .event-content {margin: 10px 20px} /* View/Image Gallery */ .photolist h3 {color: #000; font-size: 12px; margin-bottom: 3px; padding-bottom: 3px; border-bottom: #7c7c7c 1px solid; font-weight: bold} .photolist .comments h3 {margin-bottom: 0; padding-bottom: 0; border-bottom: none} .collection p {margin-bottom: 20px; border: 1px solid; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -opera-border-radius: 10px; padding: 5px; white-space: nowrap; margin-left: 10px; margin-right: 10px; overflow-x: auto; overflow-y: hidden} .collection p a {text-decoration: none; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block; margin-left: 10px} *:first-child+html .collection p a {zoom: 1; display: inline} .collection p a:first-child {margin-left: 0} .collection p a span {display: block; text-align: center} .photolist .cur-pic {text-align: center} .photolist .cur-pic .inside {position: relative; overflow: visible} .photolist .cur-pic .inside img {position: relative; zoom: 1} .photolist .cur-pic a {z-index: 10; display: block; width: 0; height: 0; overflow: hidden; padding-left: 44px; padding-top: 44px; background: url(/images/buttons/enlarge.png) top left no-repeat; position: absolute; top: 0; right: -50px} .photolist .photo-taken {font-size: 10px; text-align: center} /* View/Videos */ .video-details h3 {color: #000; font-size: 16px; margin-bottom: 3px; padding-bottom: 3px; border-bottom: #7c7c7c 1px solid; font-weight: bold} .video-content {margin: 10px 20px} .video-xtra {text-align: right} .video-xtra li {font-size: 10px; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block; margin-left: 5px; padding-left: 5px; border-left: 1px solid} *:first-child+html .video-xtra li {zoom: 1; display: inline} .video-xtra li:first-child {margin-left: 0; padding-left: 0; border-left: none} /* View/News */ .news-details h3 {color: #000; font-size: 16px; margin-bottom: 3px; padding-bottom: 3px; border-bottom: #7c7c7c 1px solid; font-weight: bold} .news-content {margin: 10px 20px} .news-xtra {text-align: right} .news-xtra li {font-size: 10px; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block; margin-left: 5px; padding-left: 5px; border-left: 1px solid} *:first-child+html .news-xtra li {zoom: 1; display: inline} .news-xtra li:first-child {margin-left: 0; padding-left: 0; border-left: none} .articles-content {margin: 10px 20px} .articles-xtra {text-align: right} .articles-xtra li {font-size: 10px; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block; margin-left: 5px; padding-left: 5px; border-left: 1px solid} *:first-child+html .articles-xtra li {zoom: 1; display: inline} .articles-xtra li:first-child {margin-left: 0; padding-left: 0; border-left: none} /* View/Postings */ .posting-info h3, .posting-details h3 {color: #000; font-size: 16px; margin-bottom: 3px; padding-bottom: 3px; border-bottom: #7c7c7c 1px solid; font-weight: bold} .posting-info h3 {font-size: 12px} .posting-info dt {color: #319ac9; margin-bottom: 2px} .posting-info dd {margin-left: 20px; margin-bottom: 10px; color: #707070} .posting-info .show-more {font-size: 10px; text-align: right; margin: 5px 0} .posting-info .member {padding: 2px 2px 2px 36px; background-position: 0 50%; background-repeat: no-repeat} .posting-details .posting-content {margin: 10px 20px} .posting-xtra {text-align: right} .posting-xtra li {font-size: 10px; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block; margin-left: 5px; padding-left: 5px; border-left: 1px solid} *:first-child+html .posting-xtra li {zoom: 1; display: inline} .posting-xtra li:first-child {margin-left: 0; padding-left: 0; border-left: none} /* View/Training */ h3.training-overall-header {color: #000; font-size: 16px; line-height: 18px; margin-bottom: 3px; padding-bottom: 3px; border-bottom: #7c7c7c 1px solid; font-weight: bold} .move-between-sessions {position: absolute; top: 0; right: 0} .move-between-sessions li {line-height: 14px; margin-top: 4px; position: relative; display: -moz-inline-block; display; -moz-inline-box; display: inline-block; padding: 0 5px; border-left: 1px solid #000} .move-between-sessions li:first-child {border-left: none} .move-between-sessions li a {text-decoration: none; color: #319AC9} .training-details .box-content, .training-stats .box-content, .training-notes .box-content {min-height: 250px} .training-details {margin-bottom: 5px; width: 200px; float: left; margin-right: 10px} .training-details dt {color: #319ac9; margin-bottom: 2px} .training-details dd {margin-left: 20px; margin-bottom: 10px; color: #707070} .training-stats {margin-bottom: 5px; width: 310px; float: left} .training-stats .col1, .training-stats .col2 {width: 148px; float: left} .training-stats dt {line-height: 15px; color: #319ac9; margin-bottom: 2px} .training-stats dd {line-height: 15px; margin-left: 20px; margin-bottom: 10px; color: #707070} .training-stats table {font-size: 12px} .training-notes {margin-bottom: 5px; width: 200px; float: left; margin-left: 10px} .training-divider {clear: left; height: 1px; overflow: hidden; background: #BE191D; margin-top: 5px; margin-bottom: 5px} .training-view-dt .dt {width: 630px} .edit-interval th, .edit-interval td {text-align: center} .edit-interval td[colspan] {text-align: left} /* View/Personal Records */ .personal-records ol {list-style: latin} .personal-records ol>li {clear: left; margin-left: 2em; margin-bottom: 10px} .personal-records ul {list-style: none} .personal-records .label {float: left; clear: left; width: 120px; margin-right: 10px; color: #3399ca; margin-bottom: 2px} .personal-records .content {float: left; margin-bottom: 2px} /* Invite */ .wrapper .invite td {width: 50%; vertical-align: top} .wrapper .invite p, .invite ul {margin-bottom: 10px} .invite li {padding: 5px 15px} .invite .mail-list, .invite .invite-commands, .invite .invite-commands>span, .invite .mail-delete {vertical-align: middle; position: relative; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} .invite .mail-list {width: 292px; margin-right: 4px} *:first-child+html .invite .mail-list, *:first-child+html .invite .invite-commands, *:first-child+html .invite .invite-commands>span, *:first-child+html .invite .mail-delete {zoom: 1; display: inline} .invite .add-friend a {display: block; width: 0; height: 0; overflow: hidden; padding-left: 16px; padding-top: 16px; background: url(/images/add_friend.gif) top left no-repeat} .invite .remove-friend a {display: block; width: 0; height: 0; overflow: hidden; padding-left: 16px; padding-top: 16px; background: url(/images/remove_friend.gif) top left no-repeat} .invite .invite-delete a, .invite .mail-delete {width: 0; height: 0; overflow: hidden; padding-left: 16px; padding-top: 16px; background: url(/images/remove.gif) top left no-repeat} .invite .invite-delete a {display: block} .invite .mail-break {line-height: 0} /* Forums */ .forum th {color: #BE191D} .forum td {text-align: center} .forum h3 {text-align: left; color: #000; font-size: 12px; margin-bottom: 3px; padding-bottom: 3px; border-bottom: #7c7c7c 1px solid; font-weight: bold} .forum h3 a {color: #000; text-decoration: none} .forum .desc {width: 300px} .forum .desc p {font-size: 10px; text-align: left} .forum .latest-topic {list-style: none; text-align: center} .forum .latest-topic li {font-size: 12px} .forum-search {width: 460px; float: right; margin-left: 10px} .forum-search .long-form label, .forum-search .long-form input[type="submit"], .forum-search .long-form input[type="text"] {line-height: 25px; vertical-align: middle} .forum-search input[type="text"] {margin-right: 5px} .forum-search .advanced {margin-left: 150px; width: 110px; text-align: center; font-size: 10px; margin-top: -5px} .breadcrumbs {margin-right: 470px} .wrapper .forum-thread td {vertical-align: top} .forum-thread .forum-userinfo {width: 220px; border: none; border-right: 2px solid #FFF} .forum-thread .forum-userinfo .forum-thumbnail {float: left; width: 90px; margin-right: 10px} .forum-thread .forum-userinfo .forum-myuserinfo {float: left; width: 100px} .forum-thread .forum-userinfo h2 {color: #c11e23; font-size: 12px; text-decoration: underline; margin-bottom: 10px} .forum-thread .forum-userinfo dl {margin-bottom: 10px} .forum-thread .forum-userinfo .label {text-align: left; width: 50px; float: left; clear: left; margin-right: 5px; font-size: 10px; color: #BE191D} .forum-thread .forum-userinfo .content {text-align: left; float: left; width: 45px; font-size: 10px} .forum-thread .forum-posts-commands {text-align: right; float: right; width: 200px; margin-bottom: 10px} .forum-thread .forum-posts-commands li {margin-left: 3px; padding-left: 3px; border-left: 1px solid; position: relative; vertical-align: middle; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} *:first-child+html .forum-thread .forum-posts-commands li {zoom: 1; display: inline} .forum-thread .forum-posts-commands li:first-child {padding-left: 0; margin-left: 0; border-left: none} .forum-thread .forum-posts-title {text-align: left; margin-right: 210px} .forum-thread .forum-posts-content {clear: right; margin-left: 20px; margin-right: 20px; text-align: left} .forum-thread .forum-posts-quote {border: #000 1px solid; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 15px 10px 10px; position: relative} .forum-thread .forum-posts-quote .forum-posts-quoteheader {position: absolute; top: 2px; left: 10px; color: #319ac9; font-style: italic; letter-spacing: 1px; text-transform: lowercase} .forum-thread .forum-posts-bottom {text-align: right; float: right; width: 400px; margin-top: 10px} .forum-thread .forum-posts-bottom li {margin-left: 3px; padding-left: 3px; border-left: 1px solid; position: relative; vertical-align: middle; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} *:first-child+html .forum-thread .forum-posts-bottom li {zoom: 1; display: inline} .forum-thread .forum-posts-bottom li:first-child {padding-left: 0; margin-left: 0; border-left: none} /* Community headers */ .comm-header {background-position: top left; background-repeat: no-repeat; width: 0; height: 0; overflow: hidden; margin: 0 auto 10px; padding-left: 895px; padding-top: 106px} .cycling-header {background-image: url(/images/comm-cycling.jpg)} .running-header {background-image: url(/images/comm-running.jpg)} .swimming-header {background-image: url(/images/comm-swimming.jpg)} .triathlon-header {background-image: url(/images/comm-triathlon.jpg)} /* Administrative constructs */ .admin-alpha {text-align: center; margin-bottom: 10px} .admin-alpha li {margin-left: 2px; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} *:first-child+html .admin-alpha li {zoom: 1; display: inline} .admin-alpha li:first-child {margin-left: 0} /* Terms of Service */ .tos-format h3 {font-weight: bold; font-size: 14px; margin-bottom: 5px; margin-top: 20px} .tos-format p {margin: 0 20px 10px} .tos-format li {margin: 0 40px 5px} .tos-format ul, .tos-format ol {margin-bottom: 10px} .tos-format ul {list-style: disc} .tos-format ol {list-style: alpha} /* Sections that get code from tinyMCE */ .mceEditor li {list-style: disc} .underline {text-decoration: underline} .strike {text-decoration: strikethrough} .aboutme .box-content p {margin-left: 10px; margin-right: 10px; margin-bottom: 5px} .aboutme .box-content li {list-style: disc; margin-left: 20px} /* Distance tracker */ .dt {background: #000; padding: 3px; text-align: center; width: 480px; margin-left: auto; margin-right: auto; margin-top: 5px; color: #FFF} .dt form input, .dt form select, .dt form label {vertical-align: middle; position: relative; display: -moz-inline-block; display: -moz-inline-box; display: inline-block; margin-right: 5px; line-height: 25px} *:first-child+html .dt form input, *:first-child+html .dt form select, *:first-child+html .dt form label {zoom: 1; display: inline} .dt .generate {width: 0; height: 0; overflow: hidden; padding-left: 144px; padding-top: 32px; background: url(/images/buttons/generate.png) top left no-repeat; cursor: hand; cursor: pointer} *:first-child+html .dt .generate {width: 144px; height: 32px} /* tags */ form label, form input[type="text"], form input[type="password"], form input[type="date"], form textarea, form .mceEditor, form select, form .multiselector, form .multiselector #to_d, form fieldset ul, form fieldset span {vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; position: relative; display: inline-block} form .individual-lines label, form .individual-lines input[type="text"], form .individual-lines input[type="password"], form .individual-lines input[type="date"], form .individual-lines textarea, form .individual-lines .mceEditor, form .individual-lines select, form .individual-lines .multiselector, form .individual-lines .multiselector #to_d, form .individual-lines fieldset ul {display: block} *:first-child+html form label, *:first-child+html form input[type="text"], *:first-child+html form input[type="password"], *:first-child+html form input[type="date"], *:first-child+html form textarea, *:first-child+html form .mceEditor, *:first-child+html form select, *:first-child+html form .multiselector, *:first-child+html form .multiselector #to_d, *:first-child+html form fieldset ul {zoom: 1; display: inline} *:first-child+html form .mceEditor, *:first-child+html form .mceEditor table {zoom: 1; position: relative} form input[type="text"], form input[type="password"], form input[type="date"], form textarea, form select {color: #a1a1a1; border: 1px solid} .wrapper table {width: 100%} .wrapper th, .wrapper td {vertical-align: middle; padding: 5px} .wrapper th {vertical-align: bottom} .wrapper li {list-style: none} .wrapper ol li {list-style-type: decimal!important; list-style-position:inside; margin-left: 10px} /* custom classes */ .odd, tr.odd td, tr.odd th {background-color: #ececec} .even, tr.even td, tr.even th {background-color: #FFF} /* links */ a {text-decoration: none} a:link {color: #329acd} a:visited {color: #127aad} a:hover {color: #9A0000} /* forms */ /* Generic form stuff */ .long-form h3, .user-photo h3 {text-align: left; color: #be191d; padding-bottom: 3px; background: url(/images/divider.png) bottom left no-repeat; clear: both; font-size: 12px; font-weight: bold; margin-bottom: 10px; margin-top: 0} .long-form fieldset {zoom: 1; padding-bottom: 11px; background: url(/images/divider.png) bottom left no-repeat; margin-bottom: 2px} .long-form fieldset p, .long-form fieldset .paragraph {margin-bottom: 2px; zoom: 1; position: relative} .long-form fieldset table {width: 100%} .long-form fieldset .mceEditor table {width: auto} .long-form fieldset th, .long-form fieldset td {padding: 5px; vertical-align: middle} .long-form fieldset .mceEditor th, .long-form fieldset .mceEditor td {padding: 0; vertical-align: inherit} .long-form fieldset th {vertical-align: bottom} .long-form fieldset .mceEditor th {vertical-align: inherit} .long-form fieldset .nolabel {width: auto} .long-form fieldset>.newl {clear: both} .long-form fieldset .line-up {margin-left: 155px} .long-form fieldset label {vertical-align: middle; line-height: 20px; color: #5d5b68; font-weight: bold; width: 150px; text-align: right} .long-form fieldset>.individual-lines label, .long-form fieldset .nolabel label, .long-form fieldset label+label {width: auto; text-align: left} .long-form .shortlabels label {width: 80px} .long-form fieldset label+label {margin-left: 5px} .long-form fieldset>.mini {margin-top: 1px; display: block; font-size: 10px} .long-form fieldset>p .notice {margin-top: 1px; width: 300px; text-align: center; display: block; margin-left: 155px; font-size: 10px; color: #FF0000; font-weight: bold} .long-form fieldset input[type="text"], .long-form fieldset input[type="password"], .long-form fieldset input[type="date"], .long-form fieldset textarea, .long-form fieldset .mceEditor, .long-form fieldset input[type="file"], .long-form fieldset select {vertical-align: middle; line-height: 20px; width: 300px; margin-left: 5px} .long-form fieldset>.nolabel input[type="text"], .long-form fieldset>.nolabel input[type="password"], .long-form fieldset>.nolabel input[type="date"], .long-form fieldset>.nolabel textarea, .long-form fieldset>.nolabel .mceEditor, .long-form fieldset>.nolabel select {margin-left: 0} .long-form fieldset input[type="text"], .long-form fieldset input[type="date"], .long-form fieldset input[type="password"] {padding: 0 3px; width: 294px} .long-form fieldset select {width: 302px} .long-form fieldset input[type="radio"], .long-form fieldset input[type="checkbox"] {margin-right: 5px; vertical-align: middle} .long-form fieldset input[type="file"]~.notice {text-align: left} .long-form fieldset optgroup>option {margin-left: 10px} .long-form fieldset .summary {margin-top: 10px; margin-left: 155px; width: 300px; text-align: right} .long-form .shortlabels .summary {margin-left: 85px} /* Shorter elements */ .long-form fieldset>.short input[type="text"], .long-form fieldset>.short input[type="password"], .long-form fieldset>.short input[type="date"], .long-form fieldset>.short textarea, .long-form fieldset>.short .mceEditor, .long-form fieldset>.short select {width: 94px} .long-form fieldset>.short select {width: 102px} .long-form fieldset>.short .summary {width: 100px} /* Medium elements */ .long-form fieldset>.medium input[type="text"], .long-form fieldset>.medium input[type="password"], .long-form fieldset>.medium input[type="date"], .long-form fieldset>.medium textarea, .long-form fieldset>.medium .mceEditor, .long-form fieldset>.medium select {width: 194px} .long-form fieldset>.medium select {width: 202px} .long-form fieldset>.medium .summary {width: 200px} /* Larger elements */ .long-form fieldset>.large input[type="text"], .long-form fieldset>.large input[type="password"], .long-form fieldset>.large input[type="date"], .long-form fieldset>.large textarea, .long-form fieldset>.large .mceEditor, .long-form fieldset>.large select {width: 394px} .long-form fieldset>.large select {width: 402px} .long-form fieldset>.large .summary {width: 400px} /* Multiple items on one line */ .long-form fieldset .multiselect-2 span, .long-form fieldset .multiselect-2 select {width: 148px} .long-form fieldset .multiselect-2 span {text-align: center} .long-form fieldset .multiselect-2 input[type="text"] {width: 147px} .long-form fieldset .multiselect-2 label+select {width: 149px} .long-form fieldset .multiselect-3 span, .long-form fieldset .multiselect-3 select {width: 97px} .long-form fieldset .multiselect-3 span {text-align: center; margin-left: 5px} .long-form fieldset .multiselect-3 input[type="text"] {width: 94px} .long-form fieldset .multiselect-3.date input[type="text"] {width: 77px} .long-form fieldset .multiselect-3 label+select {width: 98px} .long-form fieldset .multiselect-4 span, .long-form fieldset .multiselect-4 input[type="text"], .long-form fieldset .multiselect-4 select {width: 68px; margin-left: 5px} /* Sorting widget */ .long-form fieldset .sortby label:first-child, .long-form fieldset .sortby select, .long-form fieldset .sortby #div_sort_by {position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block} *:first-child+html .long-form fieldset .sortby label:first-child, *:first-child+html .long-form fieldset .sortby select, *:first-child+html .long-form fieldset .sortby #div_sort_by {display: inline; zoom: 1} .long-form fieldset .sortby #div_sort_by.hidden {display: none} .long-form fieldset .sortby select {width: 202px; margin-right: 5px} .long-form fieldset .sortby .nosecond {width: 302px} .long-form fieldset .sortby #div_sort_by {width: 92px} .long-form fieldset .sortby #div_sort_by label {display: block} /* Distance widget */ .long-form fieldset .distance-widget .distance {width: 194px; margin-right: 5px} .long-form fieldset .distance-widget .distance-units {width: 95px; margin: 0} /* Temperature widget */ .long-form fieldset .temperature-widget .temperature {width: 194px; margin-right: 5px} .long-form fieldset .temperature-widget .temperature-units {width: 95px; margin: 0} /* Weight widget */ .long-form fieldset .weight-widget .weight {width: 194px; margin-right: 5px} .long-form fieldset .weight-widget .weight-units {width: 95px; margin: 0} /* Time widget */ .long-form fieldset .time-widget label, .long-form fieldset .time-widget select {width: 45px; margin-left: 5px; text-align: left} .long-form fieldset .time-widget label:first-child, .long-form fieldset .time-widget select:first-child {margin-left: 0; width: 50px} .long-form fieldset .time-widget label:first-child {width: 150px; margin-left: 0; text-align: right} /* Link commands - commands using links in forms */ .long-form fieldset .link-commands li {text-align: center} /* Training - interval table */ .long-form .edit-interval th {text-align: center} .long-form .edit-interval td {text-align: center; font-size: 10px} .long-form .edit-interval td div {text-align: center; margin-top: 10px} .long-form .edit-interval td div:first-child {margin-top: 0} .long-form .edit-interval .short {width: 140px} .long-form .edit-interval .distance-time-widget {width: 500px} #n2endurance .long-form .edit-interval label:first-child {display: block; width: auto; text-align: center} .long-form .edit-interval input[type="text"], .long-form .edit-interval input[type="password"], .long-form .edit-interval input[type="date"] {width: 84px} .long-form .edit-interval select {width: 92px} .long-form .edit-interval .distance-widget input {width: 158px} .long-form .edit-interval .distance-widget select {width: 100px; margin-left: 5px} .long-form .edit-interval .time-widget select, .long-form .edit-interval .time-widget label {margin-left: 5px; width: 50px} .long-form .edit-interval .time-widget label {width: 30px} .long-form .edit-interval .time-widget select:first-child, .long-form .edit-interval .time-widget label:first-child {margin-left: 0} .long-form .edit-interval label:first-child {display: block; width: auto} .long-form .edit-interval .add, .long-form .edit-interval .remove {width: 0; height: 0; overflow: hidden; padding-left: 58px; padding-top: 16px; display: block; margin-left: auto; margin-right: auto} .long-form .edit-interval .add {background: url(/images/buttons/slim-add.png) top left no-repeat} .long-form .edit-interval .remove {background: url(/images/buttons/slim-delete.png) top left no-repeat} /* Training filter */ .training-filter p {text-align: right} .training-filter select, .training-filter input[type="date"] {margin-left: 5px; margin-right: 5px} #n2endurance .training-filter p>*, #n2endurance .training-filter select>*, #n2endurance .training-filter a>img {line-height: 25px; vertical-align: middle} .training-filter input[type="submit"] {margin-left: 5px; width: 0; height: 0; overflow: hidden; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block; padding-left: 144px; padding-top: 32px; background-position: top left; background-repeat: no-repeat; cursor: hand; cursor: pointer} *:first-child+html .training-filter input[type="submit"] {width: 144px; height: 32px} .training-filter input.find {background-image: url(/images/buttons/find.jpg)} /* Miscellaneous items */ .long-form fieldset>p>#d_country, .long-form fieldset>p>#state_select>p {margin-bottom: 2px} /* Form submit buttons */ .long-form input[type="submit"] {width: 0; height: 0; overflow: hidden; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block; padding-left: 144px; padding-top: 32px; background-color: transparent; background-position: top left; background-repeat: no-repeat; cursor: hand; cursor: pointer} *:first-child+html .long-form input[type="submit"] {width: 144px; height: 32px} .long-form input.accept {background-image: url(/images/buttons/accept.png)} .long-form input.add {background-image: url(/images/buttons/add.png)} .long-form input.cancel {background-image: url(/images/buttons/cancel.png)} .long-form input.edit {background-image: url(/images/buttons/edit.png)} .long-form input.find {background-image: url(/images/buttons/find.png)} .long-form input.import {background-image: url(/images/buttons/import.png)} .long-form input.invite {background-image: url(/images/buttons/invite.png)} .long-form input.ok {background-image: url(/images/buttons/ok.png)} .long-form input.reset {background-image: url(/images/buttons/reset.png)} .long-form input.save {background-image: url(/images/buttons/save.png)} .long-form input.send {background-image: url(/images/buttons/send.png)} .long-form input.submit {background-image: url(/images/buttons/submit.png)} .long-form input.upload {background-image: url(/images/buttons/upload.png)} .long-form .advanced-search {width: 0; height: 0; overflow: hidden; position: relative; vertical-align: top; display: -moz-inline-block; display: -moz-inline-box; display: inline-block; padding-left: 144px; padding-top: 32px; cursor: hand; cursor: pointer; background: url(/images/buttons/adv1.png) top left no-repeat} }