/* -------------------------------------------------------------------------- Sportsvite | Global Stylesheet Author: Clint Balcom / Balcom & Nobody Version: 2.0 Copyright © 2004-2008, Sportsvite, LLC. Don't Steal. ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- THE (bn) CORE RESET ----------------------------------------------------------------------------- */ html, body { font-size: 10px; margin: 0; padding: 0; line-height: 1; color: #424242; } body { background: #18437e; } /* actually the footer bg color */ * { margin: 0; padding: 0; font-size: 1em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: inherit; outline: 0; vertical-align: baseline; } img { border: none; } ul, ol, li { list-style: none; } :focus { outline: none; } table, td, form, fieldset { border: none; border-collapse: collapse; border-spacing: 0; } .clear { clear: both; height: 0; margin: 0; padding: 0; line-height: 0; font-size: 1px; } .hide, legend { display: none; } .current, .current a { cursor: default !important; } .btn, .text_btn { cursor: pointer; } .btn em { display: none; } .no_border { border: none !important; } .no_padding { padding: 0 !important; } .last_row, .last_row div, .last_row dl, .last_row dt, .last_row dd, .last_row th, .last_row td, .last_row ul, .last_row li, a.last_row { border-bottom: none !important; } .no_pad { padding: 0 !important; } /* ----------------------------------------------------------------------------- TYPOGRAPHY & GENERAL DISPLAY ----------------------------------------------------------------------------- */ p { font-size: 1.3em; } a { font-family: inherit; color: #3574c2; text-decoration: none; border-bottom: 1px solid #eecaa4; } a:hover { color: #18437e; border-color: #18437e; } /* Page Titles */ h1 { margin-bottom: -7px; padding: 10px 0 6px 13px; font: normal 2.5em Arial, sans-serif; letter-spacing: -1px; color: #e2e2e2; background: #3574c2 url(/images/maven/global/page_top.png) 0 0 no-repeat; } #content.sidebar h1 { margin-bottom: 0; padding: 7px 0 6px 13px; } h1 a { color: #97b5db; border-bottom: 1px solid #5091e1; } h1 a:hover { color: #e2e2e2; border-color: #e2e2e2; } span.h1 { display: block; height: 9px; background: #3574c2 url(/images/maven/global/page_top.png) 0 0 no-repeat; } /* Section Headings */ h2 { padding: 9px 0 10px 10px; font: bold 1.8em Arial, sans-serif; letter-spacing: -1px; color: #ef8214; text-transform: capitalize; background: transparent url(/images/maven/global/h2_standard.gif) left bottom repeat-x; } h2.no_shadow { padding: 0 0 3px 0; background: transparent; } h2 select { float: right; width: 119px; margin-right: 8px; font-size: .8em; font-style: italic; font-weight: normal; color: #aaa; background: #fff; border: 1px solid #bacade; } h2 a { font-size: 1em; color: #ef8214; border: none; } h2 a:hover { color: #3574c2; border: none; } h2 a.right { float: right; margin: 3px 10px 0 0; } h2 a.rss { border: none !important; } h2 a.rss img { display: inline !important; margin: 0 0 -3px 0 !important; } h2 em { padding-left: 1px; font-size: .7em; letter-spacing: 0; font-weight: normal; color: #aaa; text-transform: none; } .utility h2 { font-weight: normal; padding-bottom: 6px; color: #fadfb2; background: #eb8f25 url(/images/maven/global/h2_utility.gif) 0 0 repeat-x; } .utility h2 a { font-size: 1em; color: #fadfb2; border: none; } .utility h2 a:hover { color: #fff; border: none; } .utility h2 em { color: inherit; } /* Sidebar Headings */ h3 { margin: 7px 0 -1px 10px; font: italic normal 1.3em Georgia, serif; color: #eee; } /* Misc Highlight Headings (Dropdown, Events, Footer, etc...) */ h4 { margin-bottom: .3em; font: italic normal 1.3em Georgia, serif; color: #3574c2; } strong { font-weight: bold; } em { font-style: italic; font-family: Georgia, serif; } code { font-family: Courier, Monaco, "Monaco", monospace; color: inherit; } /* Standard Text Button */ .text_btn { padding: 2px 6px 2px 5px; font-size: 14px; font-weight: bold; color: #eee; letter-spacing: -1px; background: #3574c2; border: 1px solid #1d49a2; border-top: 1px solid #83b6de; border-left: 1px solid #83b6de; } .text_btn:hover { color: #eee; background: #e77b20; border: 1px solid #ad5a32; border-top: 1px solid #ffb475; border-left: 1px solid #ffb475; } /* Ad Slots */ .ad.leaderboard { width: 728px; height: 90px; padding: 3px; background: transparent url(/images/maven/global/dark_42.png); } .ad.skyscraper { width: 160px; height: 600px; padding: 3px; background: transparent url(/images/maven/global/dark_21.png); } .ad.media { width: 300px; height: 250px; margin: 0 auto; } .ad a { border: none !important; } .ad.leaderboard iframe { width: 728px; height: 90px; border: none; border-collapse: collapse; z-index: 5000; } /* Pagination */ .pagination { margin: -4px 0 19px 0; text-align: center; } .pagination p { margin: 0; padding-bottom: 8px; font: normal bold 10px "Lucida Grande", "Lucida Sans", Arial, sans-serif !important; color: #3574c2; } .pagination p select { width: 50px; margin: 0 2px; font-size: 11px !important; } .pagination a { margin: 0 1px; padding: 3px 4px; font-size: 1.4em; font-weight: bold; letter-spacing: -1px; text-transform: lowercase; border: 1px solid #bacade; background: #e6eef8; } .pagination a:hover { border: 1px solid #18437e; } .pagination a.current, .pagination a.current:hover { color: #fff; background: #ef8214; border-color: #ef8214; cursor: default; } .pagination a.hide, .pagination a.hide:hover { color: #bacade; border-color: #bacade; cursor: default; } /* Simple Pagination */ .simple-pagination { margin: 21px 0; text-align: center; } .simple-pagination li { display: inline-block; margin: 0 -1px; padding: 0; background: #bfbfbf; } .simple-pagination li a { position: relative; display: block; padding: 6px 12px; color: #fff; font: normal bold 11px/14px "Lucida Grande", "Lucida Sans", Arial, sans-serif; text-shadow: #999 -1px -1px 1px; text-decoration: none; } .simple-pagination li.prev { text-align: right; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-bottomleft: 12px; -webkit-border-top-left-radius: 12px; -moz-border-radius-topleft: 12px; } .simple-pagination li.next { -webkit-border-bottom-right-radius: 12px; -moz-border-radius-bottomright: 12px; -webkit-border-top-right-radius: 12px; -moz-border-radius-topright: 12px; } .simple-pagination li a strong { position: absolute; text-align: left; top: 50%; width: 16px; height: 16px; margin-top: -8px; text-indent: -5000px; background: transparent url(/_i/simple-page-arrows.gif) 0 0 no-repeat; } .simple-pagination li.prev a { padding-left: 35px; } .simple-pagination li.prev a strong { left: 7px; background-position: 0 -16px; } .simple-pagination li.next a { padding-right: 35px; } .simple-pagination li.next a strong { right: 7px; } .simple-pagination li:hover { background-color: #2d6cbe; } .simple-pagination li:hover a { text-shadow: #1d4483 -1px -1px 1px; } .simple-pagination li.disabled { background-color: #ddd !important; } .simple-pagination li.disabled a { text-shadow: #bbb -1px -1px 1px; cursor: default !important; } /* ----------------------------------------------------------------------------- FORMS (General Definitions) ----------------------------------------------------------------------------- */ form { padding: 8px; background: #e6eef8; } input, textarea { font-size: 1.3em; font-weight: bold; letter-spacing: -1px; } input.text, textarea { padding: 5px 6px 3px 6px; background: #fff url(/images/maven/global/input_bg.gif) 0 0 no-repeat; border: 1px solid #fff; } fieldset { } fieldset input.text, fieldset textarea, fieldset select { display: block; } fieldset label.inline { display: inline; } label { display: block; padding: 0 0 2px 1px; font-size: 1em; font-weight: bold; text-transform: uppercase; color: #3574c2; } label.inline { padding: 0; font-size: 1.2em; font-weight: normal; text-transform: none; color: inherit; } label.optional { background: transparent url(/images/maven/global/form_optional.gif) right center no-repeat; } select { font: normal 1.3em Arial, sans-serif; background: #eee; border: 1px solid #999; } p.form_row { font-size: 1em; margin-bottom: .6em; } p.form_row * { display: inline; } p.form_row label.inline { padding-left: 2px; } fieldset.div_line { margin-bottom: 9px; padding-bottom: 5px; border-bottom: 1px solid #bacade; } /* Header Bar Dropdowns (search sorting, etc) */ form#header_drop { float: right; padding-top: 1.2em; background: transparent; } form#header_drop label { float: left; color: #bbb; padding: 0 5px 0 0; line-height: 2.2em; } form#header_drop select { float: left; width: 169px; font-size: 1.3em; padding: 1px 0; font-weight: bold; letter-spacing: -1px; background: #fff; border: 1px solid #94b4dc; } /* Header Bar Dropdowns on Search pages */ div#page form#header_drop { padding: .2em 0 .1em 0; } div#page form#header_drop label { color: #3588dc; } /* Form overrides for standard buttons */ .form_buttons { margin: 10px auto 0 auto; padding: 10px 0 4px 0; background: transparent url(/images/maven/global/form_buttons_bg.gif) 0 0 repeat-x; } input.btn.go { margin: .3em 0 0 7px !important; } .sidebar input.btn.go { margin: .1em 0 0 5px !important; } /* Highlighted Forms */ form.highlight { background: #3574c2 url(/images/maven/global/page_top.png) -10px 0 no-repeat; } form.highlight input.btn.go:hover { background-position: 0 -19px !important; } /* Big Forms (Log In, Sign Up, etc) */ .big_form label.checkbox { display: inline !important; font: inherit; font-size: 1.2em; color: inherit; text-transform: none; letter-spacing: 0; line-height: 1.25em; } .big_form label em.note { text-transform: none; color: #888; font-weight: normal; letter-spacing: 0; font-size: 1.1em; } .big_form label.half { float: left; width: 255px; margin-right: 16px; } .big_form label.half.right { margin-right: 0; } .big_form label.radio { float: left; padding: 3px 12px 0 3px; font-size: 1.3em; font-weight: normal; text-transform: none; color: inherit; } .big_form input.text { display: block; width: 515px; font-size: 1.6em; } .sidebar .big_form input.text { width: 351px; } .big_form input.checkbox { float: left; width: auto; margin: 0 .3em 0 0; font-size: 1.2em !important; border: none; background: transparent; } .big_form input.half { float: left; width: 242px; margin-right: 16px; } .big_form input.half.right { margin-right: 0; } .big_form input.radio { float: left; margin-top: 3px; } .big_form select { width: 528px; font-size: 1.5em; background: #fff; } .big_form select.half { float: left; width: 257px; margin-right: 16px; } .big_form select.half.right { margin-right: 0; } .big_form select option { padding-left: 3px; } .big_form fieldset { margin-bottom: 1.8em; } .big_form fieldset.button.checkbox { margin: 0 0 4px 0 !important; } .big_form fieldset.button.checkbox input.btn { margin-right: 8px; } .big_form fieldset.button.checkbox fieldset { margin-bottom: 0 !important; padding: .7em 0 5px 0; } .big_form fieldset.button.checkbox fieldset a { font-size: .9em; } .big_form fieldset.small label { letter-spacing: 0 !important; font-style: italic; } .big_form fieldset.small label.checkbox em a { font-size: 1em; } .big_form p.label_wrap { margin: 0; font-size: 1em; } .big_form p.label_wrap label { float: left; padding: 3px 12px 0 3px; font-size: 1.3em; font-weight: normal; text-transform: none; color: #555; } .big_form p.forgot { padding: 1em 0 0 2px; font-size: 1.2em; color: #888; } .big_form p.forgot a { margin-left: 2px; } .big_form fieldset.birthdate select { float: left; margin-right: 12px; } .big_form fieldset.birthdate select#dob_month { width: 184px; } .big_form fieldset.birthdate select#dob_day { width: 69px; } .big_form fieldset.birthdate select#dob_year { width: 96px; margin-right: 0; } .login form#userLoginForm { } .login .big_form input.text { width: 262px; } .login .big_form label.checkbox { font-size: 1em; } #fb-login { width: 230px; float: right; } #fb-login.connected { border: 1px solid #9DE29D; background: #B7F1B6 url(/_i/icon-confirm.png) no-repeat 8px 1.1em; padding: 10px 10px 0 30px; width: 200px; } #fb-login h3 { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #424242; font-style: normal; font-weight: bold; font-size: 1.5em; margin: 0; letter-spacing: -1px; } #fb-login.connected h3 { font-size: 1.3em; } #fb-login .fbconnect_login_button, #fb-login .fbconnect_login_button img { border: 0; padding: 0; } #fb-login p { font-size: 1.2em; margin: .2em 0 1em; line-height: 1.2em; } /* Big Choices with explanations (like team/game create) */ fieldset.radio_extra label { font-weight: bold; } fieldset.radio_extra label.inline { line-height: 1.15em; } fieldset.radio_extra label strong { font-size: 1.2em; } fieldset.radio_extra label em { display: block; margin: 1px 0 7px 0; padding: 0 20px 0 1.3em; font: inherit; font-weight: normal; font-style: italic; color: #888; letter-spacing: 0; } /* Form Error Styles */ fieldset.error input.text, fieldset.error select, fieldset.error textarea { border-color: #e17812; background: #ffd7b1; } fieldset.error label { color: #e17812; } fieldset.button.checkbox.error label.checkbox { padding: 1px 3px; color: #fff; background-color: #e17812; } fieldset.button.checkbox.error label.checkbox a { color: #fff; border-bottom: none; } /* City & Sport Select AutoComplete */ .ac_input {} .ac_results * { margin: 0; padding: 0; border: none; background: transparent; } .ac_results { position: relative; margin: 0 !important; padding: 0 !important; border-top: 1px solid #245086; background: #fff; overflow: hidden; } .ac_results ul { margin: 0 !important; padding: 0 !important; background: transparent !important; } .ac_results li { margin: 0 !important; padding: 5px 8px; font-size: 12px; cursor: pointer; overflow: hidden; color: #eee; border-bottom: 1px solid #295b98; border-top: 1px solid #538cd3; } .ac_results li strong { color: #eee; } .ac_results li em { display: block; padding-top: 2px; color: #aaa; } .ac_loading { background: url('/jquery/img/indicator.gif') right center no-repeat; } .ac_over { background: #295b98 !important; } /* Sports Sidebar */ .ac_results { width: 226px !important; background: #3574c2 !important; } .ac_results iframe { display: none; /*Windoze*/ display/**/: block; /*Windoze*/ position: absolute; top: 0; left: 0; z-index: -1; width: 3000px; height: 3000px; } /* Header Permalink */ .title-bar-permalink { position: absolute; top: 0; right: 0; } .title-bar-permalink form { padding: 12px 10px 0 0; background: transparent; } .title-bar-permalink label { float: left; margin-right: 5px; padding-top: 3px; font: italic normal 1.2em Georgia, serif; color: #ddd; text-transform: none; } .title-bar-permalink input { float: left; width: 190px; margin-right: 5px; padding: 3px 5px 2px 5px; font-size: 11px !important; letter-spacing: 0; color: #ddd; background: #fff url(/images/maven/global/hdr_permalink.png) 0 0 no-repeat; border: 1px solid #5683cc; } .title-bar-permalink a.share { float: left; } /* Header Link Share */ #share-links { position: absolute; top: 36px; right: 37px; width: 363px; padding-top: 15px; background: transparent url(/images/maven/shared/share-bubble-top.gif) 0 0 no-repeat; z-index: 1; } #share-links div.quick-wrap { padding-bottom: 9px; background: transparent url(/images/maven/shared/share-bubble-btm.gif) 0 bottom no-repeat; } #share-links h2 { margin: 0; padding: 0; background: #fff url(/images/maven/shared/share-bubble-bg.gif) 0 0 repeat-y; } #share-links h2 strong { display: block; margin: 0 6px; padding: 2px 7px 7px 7px; font: normal bold 14px/10px "Helvetica Neue", Helvetica, Arial, sans-serif; background: #e6eef8; color: #3574c2; letter-spacing: 0; } #share-links h2 a.close { float: right; width: 9px; height: 10px; margin: 3px 12px 0 0; background: transparent url(/images/maven/tne/invite-remove.gif) 0 -10px no-repeat; border: none !important; cursor: pointer; } #share-links h2 a.close:hover { width: 11px; height: 12px; margin: 1px 11px 0 0; background: #3574c2 url(/images/maven/tne/invite-remove.gif) 1px -19px no-repeat; } #share-links ul { padding: 14px 10px 2px 12px; background: #fff url(/images/maven/shared/share-bubble-bg.gif) 0 0 repeat-y; } #share-links li { float: left; width: 48%; margin: 0 1% 5px 0; padding-left: 1%; } #share-links li a { display: block; height: 29px; padding-left: 35px; font: normal bold 11px/28px "Helvetica Neue", Helvetica, Arial, sans-serif; border: none !important; } #share-links li a#share-fb { background: transparent url(/images/maven/shared/share-fb.gif) 0 center no-repeat; } #share-links li a#share-ms { background: transparent url(/images/maven/shared/share-ms.gif) 0 center no-repeat; } #share-links li a#share-dg { background: transparent url(/images/maven/shared/share-dg.gif) 0 center no-repeat; } #share-links li a#share-cl { background: transparent url(/images/maven/shared/share-cl.gif) 0 center no-repeat; } #share-links li a#share-dl { background: transparent url(/images/maven/shared/share-dl.gif) 0 center no-repeat; } #share-links li a#share-tw { background: transparent url(/images/maven/shared/share-tw.gif) 0 center no-repeat; } #share-links li a:hover { text-decoration: underline; } /* ----------------------------------------------------------------------------- HEADER ----------------------------------------------------------------------------- */ #header { position: relative; z-index: 2; background: #2b68b7 url(/images/maven/global/headers/svite.jpg) center 25px no-repeat; } .svite.boston #header { background: #2b68b7 url(/images/maven/global/headers/boston.jpg) center 25px no-repeat; } .svite.chicago #header { background: #2b68b7 url(/images/maven/global/headers/chicago.jpg) center 25px no-repeat; } .svite.denver #header { background: #2b68b7 url(/images/maven/global/headers/denver.jpg) center 25px no-repeat; } .svite.la #header { background: #2b68b7 url(/images/maven/global/headers/los_angeles.jpg) center 25px no-repeat; } .svite.newyork #header { background: #2b68b7 url(/images/maven/global/headers/new_york.jpg) center 25px no-repeat; } .svite.sandiego #header { background: #2b68b7 url(/images/maven/global/headers/san_diego.jpg) center 25px no-repeat; } .svite.sf #header { background: #2b68b7 url(/images/maven/global/headers/san_francisco.jpg) center 25px no-repeat; } .svite.seattle #header { background: #2b68b7 url(/images/maven/global/headers/seattle.jpg) center 25px no-repeat; } .svite.dc #header { background: #2b68b7 url(/images/maven/global/headers/washington_dc.jpg) center 25px no-repeat; } #shadow { background: transparent url(/images/maven/global/header_shadow.png) 0 25px repeat-x; } #header .wrap { position: relative; width: 980px; height: 184px; margin: 0 auto; } #header h1 { position: absolute; top: 30px; left: 0; width: 242px; height: 118px; padding: 0; font-size: 1em; font-weight: bold; color: #194280; text-align: center; background: transparent; } #header h1 em { display: block; color: #194280; font-size: 1em; font-weight: normal; text-transform: none; } #header h1 a { display: block; padding-top: 21px; color: #f17c09; text-transform: uppercase; border: none; } #header h2 { display: none; } p#sports_quote { float: left; padding-top: 6px; font-size: 1.1em; color: #ddd; line-height: 1em; } p#sports_quote em { font-size: .9em; padding-left: 5px; color: #153768; font-weight: bold; } p#site-notice { float: left; height: 25px; padding: 0 0 0 24px; font-size: 1.1em; color: #ddd; line-height: 2.2em; } p#site-notice.error { background: transparent url(/images/maven/global/site-notice-error.png) 0 2px no-repeat; } p#site-notice.update { background: transparent url(/images/maven/global/site-notice-update.png) 0 2px no-repeat; } p#site-notice a { font-weight: bold; color: #ff9e3d; border: none !important; } p#site-notice a:hover { color: #fff; text-decoration: underline; } #personal_nav { padding-top: 3px; } #personal_nav a em { display: none; } #personal_nav li { float: right; margin: 0 2px; } #personal_nav li.first { margin-right: 0px; } #personal_nav li.divider a { display: block; width: 1px; height: 12px; margin: 3px 3px 0 2px; background: transparent url(/images/maven/global/dark_21.png); border: none !important; border-left: 1px solid #467abe !important; } #personal_nav a.btn.sign_up:hover { background-position: -37px -19px !important; } #personal_nav li.user_welcome { padding-right: 1px; font-size: 1.1em; font-weight: bold; color: #eee; line-height: 1.7em; } #personal_nav li.user_welcome a { border: none; color: #eee; } #personal_nav li.user_welcome a:hover { color: #fff; border-bottom: 1px solid #538bd5; } #personal_nav li.user_welcome a#fb-navpic img { width: 20px; height: 20px; vertical-align: middle; padding: 0 2px 0 4px; } #personal_nav li.user_welcome a#fb-navpic { border: 0; } #personal_nav li.user_welcome fb\:profile-pic { width: 20px !important; height: 20px !important; } #personal_nav li a.fbconnect_login_button { border: 0 } #personal_nav li#fb-nav-btn { margin-top: -1px; } /* Main Navigation Tabs */ #main_nav { position: absolute; left: -3px; bottom: -13px; } #main_nav li { float: left; display: block; margin: 0 1px; padding-bottom: 23px; } #main_nav li.first { margin-left: 0; } #main_nav li a { padding: 8px 14px; font-size: 1.2em; font-weight: bold; color: #e2e2e2; background: transparent url(/images/maven/global/tab_bg.png) left bottom no-repeat; border: none !important; } #main_nav li a:hover { background: transparent url(/images/maven/global/tab_bg.png) -310px bottom no-repeat; } #main_nav li.current { margin: 0 -2px; padding-left: 4px; background: transparent url(/images/maven/global/tab_current.gif) 1px bottom no-repeat; } #main_nav li.first.current { margin-left: -1px; } #main_nav li.current a, #main_nav li.current a:hover { padding: 8px 17px 21px 14px; color: #1a4987; background: transparent url(/images/maven/global/tab_bg.png) right bottom no-repeat; cursor: default; } /* Sports Dropdown v2 */ li#sports_tab { position: relative; } li#sports_tab a { padding-right: 28px; } li#sports_tab.current a, li#sports_tab.current a:hover { padding-right: 30px; } li#sports_tab span { position: absolute; top: -1px; right: 0; display: block; width: 15px; height: 14px; margin-right: 8px; background: transparent url(/images/maven/global/sports_drop_arrow.png) 0 0 no-repeat; cursor: pointer; } li#sports_tab.current span { margin-right: 10px; } li#sports_tab span:hover { background-position: 0 -14px; } li#sports_tab span em { display: none; } #sports_drop { display: none; z-index: 6950; position: absolute; top: 22px; left: -2px; width: 496px; background: transparent url(/images/maven/global/sd_bg.png) 0 0 repeat-y; } .sd_btm { margin-bottom: -132px; padding: 12px 6px 24px 11px; background: transparent url(/images/maven/global/sd_btm.png) 0 bottom no-repeat; } #sports_drop dl { float: left; width: 137px; margin: 0 5px; padding: 0; background: #ddd; border: 1px solid #0e2541; } #sports_drop dl#sd_cats { width: 163px; } #sports_drop dt, #sports_drop dd { float: none; padding: 0; } #sports_drop dd a, li#sports_tab.current #sports_drop dd a { display: block; margin: 0 1px 1px 1px; padding: 3px 6px 4px 6px; font-weight: normal; color: #3574c2; font-size: 1.1em; background: #eee; } #sports_drop dd a:hover, li#sports_tab.current #sports_drop dd a:hover { color: #eee !important; font-weight: bold; background: #3574c2; } #sports_drop dd.highlight a, li#sports_tab.current #sports_drop dd.highlight a { padding: 4px 6px 2px 6px; font: italic bold 1.2em Palatino, "Palatino Linotype", Times, serif; color: #ef8214; } #sports_drop dt strong { display: block; margin: 1px; padding: 3px 6px; font: bold italic 1.4em Palatino, "Palatino Linotype", Times, serif; color: #ddd; background: #3574c2 url(/images/maven/global/tab_bg.png) 0 bottom no-repeat; } #sports_drop dd p { margin: 0; padding: 6px; font-size: 1.1em; line-height: 1.2em; background: #eee; } #sd_your_sports dt strong { color: #fff; background-color: #ff8b24; } /* Quick Search Tool */ #mini_search { position: absolute; right: 0; bottom: 13px; padding: 0; background: transparent; } #mini_search label { float: left; padding: 5px 6px 0 6px; font: italic normal 1.2em Georgia, serif; color: #ddd; text-transform: none; line-height: 1em; } #mini_search select { float: left; width: 96px; margin-top: 1px; background: #ddd; } #mini_search option { display: block; padding: 0 4px; } #mini_search optgroup { margin-top: 7px; padding: 0 4px; } #mini_search optgroup option { padding-left: 4px; } #mini_search input.btn.go { margin: .1em 0 0 5px !important; } #mini_search input.btn.go:hover { background-position: 0 -19px !important; } /* Ad Slot */ .ad.leaderboard { position: absolute; top: 41px; right: 0; } /* ----------------------------------------------------------------------------- LOGGED-OUT PAGE HEADERS ----------------------------------------------------------------------------- */ #page_header { margin-bottom: -30px; padding: 0 !important; background: #e2e2e2; } #page_header h2, #page_header p { display: none; } #page_header div.wrap { position: relative; width: 302px; margin: 0 auto; padding: 12px 0 12px 678px; } #page_header.home div.wrap { background: transparent url(/images/maven/global/pagehdr_home.gif) 0 bottom no-repeat; } #page_header.sports div.wrap { background: transparent url(/images/maven/global/pagehdr_sports.gif) 0 bottom no-repeat; } #page_header.games div.wrap { background: transparent url(/images/maven/global/pagehdr_games.gif) 0 bottom no-repeat; } #page_header.players div.wrap { background: transparent url(/images/maven/global/pagehdr_players.gif) 0 bottom no-repeat; } #page_header.teams div.wrap { background: transparent url(/images/maven/global/pagehdr_teams.gif) 0 bottom no-repeat; } #page_header.leagues div.wrap { background: transparent url(/images/maven/global/pagehdr_leagues.gif) 0 bottom no-repeat; } #page_header .btn.sign_me_up { position: absolute; bottom: 8px; } #page_header.home .btn.sign_me_up { left: 206px; } #page_header.sports .btn.sign_me_up { left: 206px; } #page_header.games .btn.sign_me_up { left: 172px; } #page_header.players .btn.sign_me_up { left: 184px; } #page_header.teams .btn.sign_me_up { left: 208px; } #page_header.leagues .btn.sign_me_up { left: 221px; } #page_header #page_header_login { padding-top: 8px; background: transparent url(/images/maven/global/pagehdr_login_bg.gif) 0 0 no-repeat; } #page_header form { padding: 0 0 8px 8px; background: transparent url(/images/maven/global/pagehdr_login_bg.gif) 0 bottom no-repeat; } #page_header form input.text { width: 271px; margin-bottom: 6px; color: #aaa; } #page_header form input.text:focus { color: #444; } #page_header form input.text.pw { float: left; width: 237px; } #page_header form p { display: block; float: left; padding: .5em 0 0 8px; font-weight: bold; color: #888; letter-spacing: 2px; } #page_header fieldset.button.checkbox { clear: both; } #page_header fieldset.small input.checkbox { float: left; margin: 7px 3px 0 0; } #page_header fieldset.small label { float: left; padding-top: 7px; font-size: 1.1em; font-weight: normal; letter-spacing: 0 !important; font-style: italic; color: #888; text-transform: none; } #page_header fieldset.small label.checkbox em a { font-size: 1em; } #page_header form .btn.large.log_in { margin: 0 8px -4px 0; } /* ----------------------------------------------------------------------------- CONTEXTUAL HEADERS ----------------------------------------------------------------------------- */ #contextual-header { margin: 0 0 -10px 0; padding: 0 !important; background: #e2e2e2; border-top: 25px solid #e2e2e2; } #contextual-header div.wrap { position: relative; width: 980px; margin: 0 auto; padding: 12px 0; background: #fff url(/images/maven/global/cxhdr-top.png) 0 0 no-repeat; } #contextual-header div.wrap .content { z-index: 100; position: relative; margin: 0; padding: 0 16px 2px 16px; } #contextual-header div.wrap .btm { z-index: 99; position: absolute; left: 0; bottom: 0; width: 980px; height: 21px; background: #fff url(/images/maven/global/cxhdr-btm.png) 0 bottom no-repeat; } #contextual-header a { cursor: pointer; } #contextual-header a.close { float: right; display: block; width: 14px; height: 14px; margin: 2px -2px 0 0; background: transparent url(/images/maven/global/cxhdr-close.gif) 0 0 no-repeat; border: none !important; } #contextual-header a.close:hover { background-position: 0 -14px; } #contextual-header a.set-filter { float: right; display: none; width: 135px; height: 23px; margin: -3px -2px 0 0; background: transparent url(/images/maven/global/cxhdr-done.gif) 0 0 no-repeat; border: none !important; } #contextual-header a.set-filter:hover { background-position: 0 -23px; } #contextual-header .sport-filter #filter-recap { font: italic bold 1.1em/1em Arial, sans-serif; color: #739fd5; } #contextual-header .sport-filter #filter-recap h3 { display: inline; padding: 0; margin: 0; font: normal bold 1.5em/1em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #3574c2; } #contextual-header .sport-filter #filter-recap h3 strong { color: #ef8214; } #contextual-header .sport-filter #filter-recap a { font-weight: normal; color: #739fd5; border: none !important; } #contextual-header .sport-filter #filter-recap a:hover { color: #3574c2; text-decoration: underline; } #contextual-header .sport-filter #filter-recap em { padding-left: 8px; font-family: Arial, sans-serif; } #contextual-header .sport-filter #filter-edit { margin-top: 12px; border-top: 1px solid #ededed; } #contextual-header .sport-filter #filter-edit .filter-sports { float: left; width: 400px; margin-top: 12px; border-right: 1px solid #ededed; } #contextual-header .sport-filter #filter-edit .filter-cats { float: left; width: 172px; margin-top: 12px; padding-left: 12px; border-right: 1px solid #ededed; } #contextual-header .sport-filter #filter-edit .filter-my-sports { float: left; width: 348px; margin-top: 12px; padding-left: 12px; } #contextual-header .sport-filter #filter-edit h3 { padding: 0; margin: 0 0 .7em 0; font: normal bold 1.3em/1em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #555; } #contextual-header .sport-filter #filter-edit h3 a { border: none; margin-left: 4px; font-size: .85em; } #contextual-header .sport-filter #filter-edit h3 a sup { position: relative; top: -2px; font-size: 1.1em; line-height: .8em; } #contextual-header .sport-filter #filter-edit label { position: relative; top: 1px; display: inline; font: normal normal 1.1em/1.3em Arial, sans-serif; text-transform: none; cursor: pointer; vertical-align: bottom; } #contextual-header .sport-filter #filter-edit label:hover { text-decoration: underline; } #contextual-header .sport-filter #filter-edit input { vertical-align: bottom; } #contextual-header .sport-filter #filter-edit li { margin: 0 0 3px 0; padding-right: 12px; } #contextual-header .sport-filter #filter-edit .filter-sports li { float: left; width: 121px; } #contextual-header .sport-filter #filter-edit .filter-cats ul { padding-top: 1px; } #contextual-header .sport-filter #filter-edit .filter-my-sports h3 { color: #ef8214; } #contextual-header .sport-filter #filter-edit .filter-my-sports h3 a { font-weight: normal; color: #739fd5; } #contextual-header .sport-filter #filter-edit .filter-my-sports h3 a:hover { color: #3574c2; } #contextual-header .sport-filter #filter-edit .filter-my-sports p { font-size: 1.2em; margin-bottom: 2.1em; } #contextual-header .sport-filter #filter-edit .filter-my-sports p input { position: relative; top: .025em; font-size: 11px; vertical-align: middle; } #contextual-header .sport-filter #filter-edit .filter-my-sports p label { vertical-align: middle; } #contextual-header .sport-filter #filter-edit .filter-my-sports label { font-size: 1em; color: #555; cursor: default; } #contextual-header .sport-filter #filter-edit .filter-my-sports label:hover { text-decoration: none; } #contextual-header .sport-filter #filter-edit .filter-my-sports a { font-style: italic; margin-left: 5px; border: none !important; } #contextual-header .sport-filter #filter-edit .filter-my-sports form { padding: 6px 0 0 0; background: transparent url(/images/maven/global/cxhdr-form-top.gif) 0 0 no-repeat; } #contextual-header .sport-filter #filter-edit .filter-my-sports form fieldset { width: auto; padding: 2px 10px 10px 10px; background: transparent url(/images/maven/global/cxhdr-form-btm.gif) 0 bottom no-repeat; } #contextual-header .sport-filter #filter-edit .filter-my-sports form fieldset ul { margin: 7px 0 0 2px; } #contextual-header .sport-filter #filter-edit .filter-my-sports form fieldset li { margin: 3px 0 0 0; font-size: 1.1em; color: #777; } #contextual-header .sport-filter #filter-edit .filter-my-sports form h3 { color: #3574c2; margin-bottom: .4em; } #contextual-header .sport-filter #filter-edit .filter-my-sports form input.text { display: inline; width: 221px; margin-right: 4px; font: normal normal 1.2em/1em Arial, sans-serif; color: #aaa; letter-spacing: 0; } #contextual-header .sport-filter #filter-edit .filter-my-sports form input.form-btn { position: relative; top: -1px; font: normal normal 1.2em/1em Arial, sans-serif !important; color: #333; letter-spacing: 0 !important; } /* ----------------------------------------------------------------------------- MAIN CONTENT MODULES ----------------------------------------------------------------------------- */ #content { background: #e2e2e2; padding-top: 30px; } #content .wrap { position: relative; width: 980px; margin: 0 auto; padding-bottom: 7px; } /* Old Style Region List */ ul#change_region { position: absolute; top: 0; right: 14px; } ul#change_region li { display: inline; font: italic normal 1.2em Georgia, serif; color: #153768; letter-spacing: -1px; line-height: 3.9em; } ul#change_region li a { margin-left: 5px; padding-right: 1px; font: inherit; color: #153768; border: none; } ul#change_region li a:hover { color: #ddd; } /* Region Nav */ #region-nav { position: relative; z-index: 0; background: #e2e2e2; margin-bottom: -16px; } #region-nav .wrap { width: 980px; margin: 0 auto; padding: 14px 0 0 0; } #region-display-alert * { float: none; width: auto; height: auto; margin: 0; padding: 0; background: transparent; border: none; } #region-display { position: relative; padding: 7px 9px; background: #d2d2d2; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; border: 1px solid #c6c6c6; } #region-display p { font: normal bold 1.1em/1em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #666; } #region-display a { font: normal bold 1em/1em "Helvetica Neue", Helvetica, Arial, sans-serif; cursor: pointer; } #region-display a:hover { text-decoration: underline; } #region-display a.switch-regions { position: relative; top: -1px; margin-left: 3px; padding: 2px 7px 3px 7px; font-size: .9em; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #e2e2e2; border: 1px solid #c6c6c6; } #region-display a.switch-regions:hover { background: #f2f2f2 !important; text-decoration: none; } #region-display a.close { position: absolute; right: 6px; top: 7px; height: 12px; width: 11px; background: transparent url(/images/maven/tne/invite-remove.gif) center -9px no-repeat; cursor: pointer; } #region-display a.close:hover { background-position: center -19px; background-color: #3574c2; } #region-display a.home-region { position: relative; top: -1px; margin: 0 2px 0 7px; padding: 2px 7px 3px 17px; font-size: .9em; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #e2e2e2 url(/images/maven/global/region-icon-home.gif) 6px center no-repeat; border: 1px solid #c6c6c6; } #region-display a.home-region:hover { background: #f2f2f2 url(/images/maven/global/region-icon-home.gif) 6px center no-repeat !important; text-decoration: none; } #region-display #region-slideout { margin-top: 8px; padding: 0; border-top: 1px solid #bbb; background: transparent; } #region-display #region-slideout .slide-wrap { padding-top: 12px; border: none; background: transparent; border-top: 1px solid #e3e3e3; } /* Temp Style for BBBS */ #region-display a.bbbs-links { float: right; margin-bottom: -4px; position: relative; top: -2px; padding: 2px 7px 3px 7px; font-size: 1em; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; color: #ffa92a; background: #7f317f; border: 1px solid #671967; } #region-display a.bbbs-links:hover { color: #fff; background: #f3950a !important; text-decoration: none; } /* Region / Help Slideout */ #region-help { position: absolute; top: 0; right: 12px; font: italic normal 1.2em/3.9em Georgia, serif; color: #153768; } #region-help a { position: relative; margin: 0 5px 0 4px; padding-right: 9px; font: inherit; color: #153768; border: none; } #region-help a span { display: block; height: 3px; width: 5px; position: absolute; top: .525em; right: 0; background: transparent url(/images/maven/global/region-help-arrow.gif) 0 0 no-repeat; } #region-help a:hover { color: #ddd; } #region-help a:hover span { background-position: 0 -3px; } #help-slideout, #region-slideout { background: #3574c2; padding: 9px; } .slide-wrap { padding: 27px; background: #ffffcc; border: 1px solid #265ea3; } #help-slideout .slide-wrap { padding-bottom: 8px; } #region-slideout .slide-wrap { padding: 0 5px 5px 5px; } .slide-wrap h2 { margin-bottom: .3em; padding: 0; font-size: 1.7em; background: transparent; color: #444; } .slide-wrap p { margin-bottom: 1.7em; } .slide-wrap a { border: none !important; text-decoration: underline; } #region-slideout .col-4-home, #region-slideout .col-4-popular, #region-slideout .col-4-topcities, #region-slideout .col-4-search { float: left; padding-right: 15px; border-right: 1px solid #bbb; border-left: 1px solid #d2d2d2; } #region-slideout .col-4-home { width: 196px; border-left: none; } #region-slideout .col-4-popular { width: 196px; padding-left: 18px; } #region-slideout .col-4-topcities { width: 196px; padding-left: 18px; border-right: 1px solid #bbb; } #region-slideout .col-4-search { width: 257px; padding-left: 18px; padding-right: 0; border: none; } #region-slideout li { font-size: 1.2em; line-height: 1.4em; font-weight: normal; } #region-slideout li a { font-weight: normal; } #region-slideout li a:hover { text-decoration: none; } #region-slideout li.home-region { margin-bottom: 1em; line-height: 1.3em; } #region-slideout li.home-region em { display: block; padding-top: 1px; color: #888; font-size: .9em; } #region-slideout li.home-region em a { color: #888; } #region-slideout li.home-region em a:hover { color: #777; } #region-slideout li.intl { margin-top: 1.3em; } #region-slideout li.intl em a { color: #888; } #region-slideout li.intl em a:hover { color: #666; } #region-slideout .col-4-search form { padding: 0; background: transparent; } #region-slideout .col-4-search form input { float: left; } #region-slideout .col-4-search form input.btn.go { margin-top: .3em !important; } #region-slideout .col-4-search form input.text { width: 200px; margin-right: 5px; } #region-slideout .col-4-search form p.region-display { clear: both; text-align: left; width: 200px; margin: 0; padding: 7px 6px 6px 6px; font-size: 1.2em; font-weight: normal; color: #696969; background: #ddd; border: 1px solid #ccc; border-top: none; } #frame { position: relative; padding: 9px 0; background: #2d6cbe; /*url(/images/maven/global/page_btm.png) 0 bottom no-repeat; */ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } #content.sidebar #frame { float: left; width: 786px; padding: 0 0 8px 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; } #page { margin: 0 9px; padding: 12px 12px 0 12px; background: #fff; border: 6px solid #153768; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #content.sidebar #page { margin: 0 7px; } #left_column { float: left; width: 585px; padding-right: 15px; } #content.sidebar #left_column { width: 421px; } #right_column { float: left; width: 324px; } #content.sidebar #right_column { width: 300px; } .section { margin: 0 0 15px 0; padding: 6px; background: #e6eef8; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .section.utility { background: #fad89f; } .section.trans { background: #fff; border: none; padding: 0; } /* Basic FAQish Module (copy for the sidebar usually) */ .section.trans h2 { background: transparent; margin: 5px 0 .8em 0; padding: 0; } .section.trans h3 { font: italic normal 1.4em Georgia, serif; color: #555; margin: 0 0 .2em 0; } .section.trans p { margin-bottom: 1em; font: italic normal 1.2em Georgia, serif; color: #888; } .section.trans p strong { font: italic normal 1em Georgia, serif; color: #555; background: #ffffaa; } .section.trans a.take_tour { margin: 0 0 1.5em 98px; } .gutter { background: #fff; border: 1px solid #bacade; } .section.utility .gutter { border: 1px solid #f4b978; } .section.utility .content { background: #fff url(/images/maven/global/h2_standard.gif) left top repeat-x; } .section.utility .content.no_shadow { background: #fff; } .section.trans .gutter { background: #fff; border: none; } .content { padding: 12px; } .section.trans .content { padding: 0; } /* Section Tabs */ .tabs { float: right; padding: 8px 10px 0 0; } .tabs a { margin-left: 3px; } /* ----------------------------------------------------------------------------- POPUPS (Temporary) ----------------------------------------------------------------------------- */ body.popup { background: #e2e2e2; } body.popup h1 { background: #3574c2 url(/images/maven/global/pop_frame_top.gif) 0 0 no-repeat; } body.popup #content .wrap { width: 550px; } body.popup #frame { background: #3574c2 url(/images/maven/global/popup_frame_btm.gif) 0 bottom no-repeat; } /* ----------------------------------------------------------------------------- SIDEBAR ----------------------------------------------------------------------------- */ #content.full #sidebar { display: none; } #sidebar { float: left; position: relative; width: 194px; padding: 9px 0 9px 0; background: #3574c2; -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; border-top-left-radius: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; border-bottom-left-radius: 7px; } #sidebar_round { z-index: 502; position: absolute; bottom: 0; right: -7px; width: 7px; height: 8px; background: #3574c2 url(/images/maven/global/page_btm.png) right bottom no-repeat; } .ad.skyscraper { display: none; position: absolute; bottom: -628px; left: 14px; } .ad.skyscraper a { width: 160px; height: 600px; } #sidebar.show_ad { margin-bottom: 628px; } #sidebar.show_ad .ad.skyscraper { display: block; } /* New Sidebar Menus */ #sidebar ul { margin: 0 0 0 9px; padding: 0; background: #e6eef8; border-top: 2px solid #fff; } #sidebar ul.spacer { margin-top: 7px; } /* Standard Items */ #sidebar li { position: relative; border: 2px solid #fff; border-top: none; } #sidebar li a { display: block; padding: 5px 7px 6px 8px; font: bold 1.1em/1em Arial, sans-serif; border: none !important; } #sidebar li a:hover { background: #cfddef; } /* Alternate Styles */ #sidebar ul.orange li a, #sidebar li.orange a { color: #ef8214; background: #fdf3e7; } #sidebar ul.orange li a:hover, #sidebar li.orange a:hover { color: #d86508; background: #fde8d1; } #sidebar ul.back { background: #285a9b; border-top: none; } #sidebar ul.back li { background: transparent; border: none; } #sidebar ul.back li a { padding: 7px 7px 8px 27px; color: #fff; background: #235391 url(/images/maven/global/sidebar-back.gif) 0 center no-repeat; } #sidebar ul.back li a:hover { background: #1a4176 url(/images/maven/global/sidebar-back.gif) -185px center no-repeat; } /* Inbox Style (OLD) #sidebar li a span { color: #fff; font-weight: bold; background: transparent url(/images/maven/global/inbox-count-off.gif) 0 0 no-repeat; } #sidebar li a span.inbox-tl { margin-left: 2px; padding: 0 0 1px 0; } #sidebar li a span.inbox-tr { padding: 0 0 1px 0; background-position: right top; } #sidebar li a span.inbox-br { padding: 1px 0 1px 0; background-position: right bottom; } #sidebar li a span.inbox-bl { padding: 1px 6px 1px 6px; background-position: left bottom; } #sidebar li a:hover span { background-image: url(/images/maven/global/inbox-count-on.gif); } */ /* Inbox Style (Border-radius to the rescue) */ #sidebar li a span.inbox-bl { position: relative; top: 1px; margin-left: 2px; padding: 1px 5px; color: #fff; font-weight: bold; background: #ef8214; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* Sub Menus */ #sidebar ul.sub { display: none; padding: 2px 0 3px 0; background: transparent; border: none; } #sidebar ul.sub li { padding: 0 0 0 15px; margin-bottom: .4em; border: none; background: transparent url(/images/maven/global/sidebar-bullet.gif) 2px 3px no-repeat; } #sidebar ul.sub li a { display: inline; padding: 0; font-weight: normal; color: #4f94d4; background: transparent; } #sidebar ul.sub li a:hover { color: #18437e; text-decoration: underline; } #sidebar ul.orange li ul.sub, #sidebar li.orange ul.sub { margin-left: 0; padding: 2px 0 3px 9px; background: #fdf3e7 !important; } #sidebar li.current ul.sub { display: block; background: transparent !important; } #sidebar li.current ul.sub li.current { border: none; } #sidebar ul.orange li ul.sub, #sidebar li.orange ul.sub { background: #fdf3e7; } #sidebar ul.orange li ul.sub li a, #sidebar ul li.orange ul.sub li a { color: #f09030; } #sidebar ul.orange li ul.sub li a:hover, #sidebar ul li.orange ul.sub li a:hover { color: #e87712; background: transparent; } /* Current Items */ #sidebar li.current { padding-left: 2px; background: #fff url(/images/maven/global/sidebar-current.gif) left .35em no-repeat !important; border-left: none; } #sidebar li.current a { cursor: pointer !important; } #sidebar li.current a:hover { background: transparent; } #sidebar li.current a span, #sidebar li.current a:hover span { background-image: url(/images/maven/global/inbox-count-white.gif); } #sidebar ul.orange li.current, #sidebar li.orange.current { background: #fff url(/images/maven/global/sidebar-current-l.gif) left .35em no-repeat !important; } #sidebar ul.orange li.current a, #sidebar li.current.orange a { background: transparent; } #sidebar ul.orange li ul.sub, #sidebar li.orange ul.sub { background: transparent; } #sidebar ul.sub li.current a { color: #18437e; font-weight: bold; } #sidebar ul.orange li ul.sub li.current a, #sidebar li.orange ul.sub li.current a { color: #e87712; } #sidebar ul.sub li.current { background: transparent url(/images/maven/global/sidebar-bullet.gif) 2px -47px no-repeat !important; } #sidebar ul.orange li ul.sub li, #sidebar li.orange ul.sub li { background: transparent url(/images/maven/global/sidebar-bullet.gif) 2px -97px no-repeat !important; } #sidebar ul.orange li ul.sub li.current, #sidebar li.orange ul.sub li.current { background: transparent url(/images/maven/global/sidebar-bullet.gif) 2px -147px no-repeat !important; } /* Slideout Arrow */ #sidebar a.sub-arrow-down, #sidebar a.sub-arrow-up { float: right; display: block; width: 13px; height: 13px; margin: .45em 5px 0 0; padding: 0 !important; background: transparent url(/images/maven/global/sidebar-arrow.gif) 1px 0 no-repeat !important; border: none !important; } #sidebar a.sub-arrow-down:hover { background: transparent url(/images/maven/global/sidebar-arrow.gif) 1px -13px no-repeat !important; } #sidebar a.sub-arrow-up { background: transparent url(/images/maven/global/sidebar-arrow.gif) 1px -26px no-repeat; } #sidebar a.sub-arrow-up:hover { background: transparent url(/images/maven/global/sidebar-arrow.gif) 1px -39px no-repeat !important; } /* New Items */ #sidebar li a.new { padding-left: 37px; background-image: url(/images/maven/global/new-alt.png) !important; background-position: 6px center !important; background-repeat: no-repeat !important; } #sidebar ul.orange li a.new, #sidebar li.orange a.new { background-image: url(/images/maven/global/new.png) !important; } /* Search and Refine Tools */ #sidebar .tools { margin-left: 9px; } #sidebar .tools div.togglee { display: none; padding: 6px 0 5px 0; } #sidebar .tools a.toggler { display: block; padding: 2px 0 2px 12px; font-size: 1em; font-weight: bold; text-transform: uppercase; background: transparent url(/images/maven/global/sidebar_toggle.gif) 2px 3px no-repeat; border-bottom: 1px solid #bacade; cursor: pointer; } #sidebar .tools fieldset { margin-bottom: 10px; } #sidebar .tools input.text { float: left; } #sidebar .tools input#by_name { width: 112px; } #sidebar .tools input#search_region { width: 155px; } #sidebar .tools input#cityString { width: 112px; } #sidebar .tools input.go { margin: .325em 0 0 6px !important; } #sidebar .tools input.update { margin-left: 30px; } #sidebar .tools input.text { width: 155px; } #sidebar .tools input.mini { width: 30px !important; margin: 0 6px; font-size: 1.1em; } #sidebar .tools label { font-size: 1.1em; } #sidebar .tools .inline { float: left; } #sidebar .tools label.inline { padding-top: 3px; color: #424242; } #sidebar .tools label.inline.blue { color: #3574c2; } #sidebar .tools label.inline.radio { padding-top: 1px; margin-right: 10px; } #sidebar .tools label.inline.mini { padding-top: 6px; } #sidebar .tools input.radio { width: auto; font-size: 1.2em; border: none; background: none; } #sidebar .tools input.radio.inline { margin-right: 3px; } #sidebar .tools select { width: 169px; font-size: 1.3em; padding: 1px 0; font-weight: bold; letter-spacing: -1px; background: #fff; border: 1px solid #94b4dc; } #sidebar .tools select.mini { width: 42px; padding: 0; font-size: 1.1em; } #sidebar .tools input.checkbox { float: left; width: auto; margin: 0 4px 5px 0; border: 1px solid #bacade; background: #fff; } #sidebar .tools label.checkbox { float: none !important; display: inline !important; line-height: 1.2em; } #sidebar .tools label.big_label { margin: 1em 0 .2em -.1em; font-weight: bold; font-size: 1.1em; text-transform: none; } #sidebar h3.help-title { margin-top: 10px; padding-top: 8px; background: transparent url(/images/maven/global/sidebar-help-bevel.gif) 0 0 repeat-x; } #sidebar ul.sidebar-help { padding: 3px 0 6px 0; background: #fff; border: none; } #sidebar ul.sidebar-help li { margin: 0; padding: 3px 10px 3px 8px; background: transparent; border: none; } #sidebar ul.sidebar-help li a { margin: 0; padding: 3px 0 3px 21px; color: #999; text-transform: none; background: transparent url(/images/maven/global/sidebar-help-icon.gif) 0 center no-repeat; } #sidebar ul.sidebar-help li a:hover { color: #666; } /* ----------------------------------------------------------------------------- NEW SIDEBAR ----------------------------------------------------------------------------- */ #content.sidebar h1 { margin-left: 194px; background: #2d6cbe; -webkit-border-top-left-radius: 7px; -moz-border-radius-topleft: 7px; border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topright: 7px; border-top-right-radius: 7px; border-top: 1px solid #1d4483; } #sidebar-2 { position: relative; top: -11px; float: left; width: 194px; padding: 10px 0; z-index: 1; } .side-nav-section { width: 175px; margin-bottom: 8px; padding: 2px; background: #fff; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .side-nav-section li { padding: 5px 8px; border-bottom: 1px solid #eee; zoom: 1; } .side-nav-section li:last-child { border: none; } .side-nav-section li a { border: none; } .side-nav-section li a.new { padding-right: 30px; background: transparent url(/images/maven/global/new-alt.png) right center no-repeat; } .side-nav-section li a:hover { cursor: pointer !important; text-decoration: underline; } .side-nav-section li.closed, .side-nav-section li.opened { display: block; background-image: url(/images/maven/global/sb2-arrow.png); background-repeat: no-repeat; cursor: pointer; } .side-nav-section li.closed { background-position: right 6px; } .side-nav-section li.opened { background-position: right -294px; } .side-nav-section li.closed:hover { background-position: right -144px; } .side-nav-section li.opened:hover { background-position: right -444px; } .side-nav-section li ul { margin-top: 2px; } .side-nav-section li li { padding: 2px 8px 1px 8px; border: none !important; } .side-nav-section li li a { font-weight: normal; } .side-nav-section li.current { padding-bottom: 6px; background: #2d6cbe; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none !important; } .side-nav-section li.current>a, .side-nav-section li.current span.sub-toggle a { color: #fff; } .side-nav-section li li a { color: rgba(45,108,190,.7); .color: #6e9ad2; } .side-nav-section li.current li a { color: rgb(150,186,231); color: rgba(255,255,255,.5); .color: #8ab2dd; } .side-nav-section li li a:hover { color: rgb(45,108,190); } .side-nav-section li.current li a:hover { color: rgb(255,255,255); } .side-nav-section li>a, .side-nav-section li span.sub-toggle a { font: normal bold 11px/14px "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif; } #sidebar-2 span.sidebar-count { position: relative; left: 2px; padding: 1px 4px; font: normal bold 10px/14px "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif; color: #fff; background: #2d6cbe; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .side-nav-section li { position: relative; } span.toggle-arrow { position: absolute; z-index: 10; top: 4px; right: 3px; width: 169px; height: 17px; cursor: pointer; } span.sub-toggle a { position: relative; z-index: 20; } li.current span.toggle-arrow { display: none; } .side-nav-section li.current li.sub-current { background: transparent url(/images/maven/global/sb2-sub-current.png) 0 center no-repeat; } .side-nav-section li.current li.sub-current a { list-style: disc; color: #fff; font-weight: bold !important; } .side-nav-section li.closed ul { display: none; } .side-nav-section h3 { margin: 0 0 2px 0; padding: 4px 6px; font: normal bold 11px/14px "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif; color: #fff; background: #2d6cbe; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; } .sidebar-team-recap { position: relative; min-height: 40px; padding-left: 50px !important; background: transparent url(/images/maven/global/sidebar-team-recap-bg.png) 0 0 repeat-x; background-image: -webkit-gradient(linear, left top, left bottom, from(#e5edf7), to(#FFFFFF)); } .sidebar-team-recap p { font: normal normal 10px/12px "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif; color: #888; } .sidebar-team-recap a.img { position: absolute; top: 7px; left: 7px; display: block; width: 30px; padding: 2px; text-align: center; background: #fff; border: 1px solid #d2d2d2; } .sidebar-team-recap a.img:hover { border-color: #2d6cbe; } a.sidebar-btn { display: block; margin-bottom: -2px; padding: 2px 7px 4px 7px; .padding-bottom: 4px; .padding-left: 6px; text-align: center; color: #fff; background: #aaa; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } a.sidebar-btn:hover { background: #2d6cbe; text-decoration: none !important; } a.sidebar-btn strong { font-size: 14px; } .sidebar-help { padding-bottom: 4px; background: rgba(255,255,255,.42); .background: #eee; border-color: rgba(0,0,0,.12); .border-color: #d2d2d2; } .sidebar-help h3 { margin: 0 8px 4px 8px; padding: 3px 0 4px 21px; color: rgba(0,0,0,.5); .color: #777; border-bottom: 1px solid #cfcfcf; border-color: rgba(0,0,0,.12); background: transparent url(/images/maven/global/sidebar-help-icon.gif) 0 center no-repeat; } .sidebar-help li { margin-bottom: 4px; padding-top: 1px; padding-bottom: 2px; border: none; } .sidebar-help li a { color: rgba(0,0,0,.37); .color: #969696; line-height: 12px; } .sidebar-help li a:hover { color: rgba(0,0,0,.5); .color: #777; } .sidebar-help li a.sidebar-btn { padding-top: 3px; padding-bottom: 5px; background: #ccc; } .sidebar-help li a.sidebar-btn:hover { color: #fff; background: #2d6cbe; } #sidebar-2 .ad.skyscraper { position: static; display: block !important; margin: 11px 0 0 8px; background: #c2c2c2; background: rgba(0,0,0,.12); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* ----------------------------------------------------------------------------- FOOTER ----------------------------------------------------------------------------- */ #footer { margin: 0; padding: 19px 0 21px 0; background: transparent url(/images/maven/global/footer_top.gif) 0 0 repeat-x; } #footer hr { display: none; } #footer .wrap { position: relative; width: 980px; margin: 0 auto; padding-top: 57px; } a#feedback_btn { position: absolute; top: 0; left: 10px; display: block; width: 175px; height: 42px; border: none; background: transparent url(/images/maven/global/btn_feedback.gif) 0 0 no-repeat; text-indent: -5000px; } a#feedback_btn:hover { background-position: 0 -42px; } #feedback-v2 { margin: -17px 0 18px 0; padding: 10px 35px; color: #ddd; font-size: .9em; background: #2a5796 url(/images/maven/global/feedback-icon.gif) 9px center no-repeat; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } #feedback-v2 p { color: #ddd; } #feedback-v2 a { color: #ff9037; font-weight: bold; border: none; } #feedback-v2 a:hover { color: #fff; text-decoration: underline; } #footer_links { margin-bottom: 1.2em; padding: 12px; background: #153768; border: 1px solid #113261; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } #footer_links ul { float: left; width: 22%; padding-left: 3%; } #footer_links ul.first { padding-left: 0; } #footer_links li { font-size: 1.1em; color: #aaa; line-height: 1.3em; } #footer_links li.spacer { padding-top: .9em; } #footer_links li strong { font-weight: normal; color: #eee; } #footer_links li a { border-color: #264777; } #footer_links li a:hover { color: #eee; border-color: #999; } #footer_links li#twitterlink.spacer { padding-top: 1.3em; } #footer_links li#twitterlink.spacer a { padding: 1.3em 30px .1em 0; background: url(/images/maven/global/twitter-footer.gif) no-repeat 100% 9px; } p#copyright { font-size: 1.1em; color: #3574c2; line-height: 1.3em; } p#copyright em { color: #275ca0; } /* ----------------------------------------------------------------------------- BUTTONS ----------------------------------------------------------------------------- */ .btn { float: left; display: block; height: 19px; margin: 0; background: transparent url(/images/maven/global/btns_site.png) 0 0 no-repeat; border: none !important; text-indent: -5000px; } .btn.right { margin-right: 0; } .btn.left { margin-left: 0; } .btn.schedule { position: relative; } .btn.schedule span { display: none; } /* Buttons */ .btn.go, .btn.go.current, .btn.go.current:hover, .btn.go.off:hover, .btn.go.orange:hover { width: 37px; background-position: 0 0; } .btn.sign_up, .btn.sign_up.current, .btn.sign_up.current:hover, .btn.sign_up.off:hover, .btn.sign_up.orange:hover { width: 61px; background-position: -37px 0; } .btn.learn_more, .btn.learn_more.current, .btn.learn_more.current:hover, .btn.learn_more.off:hover, .btn.learn_more.orange:hover { width: 88px; background-position: -98px 0; } .btn.log_in, .btn.log_in.current, .btn.log_in.current:hover, .btn.log_in.off:hover, .btn.log_in.orange:hover { width: 55px; background-position: -186px 0; } .btn.log_out, .btn.log_out.current, .btn.log_out.current:hover, .btn.log_out.off:hover, .btn.log_out.orange:hover { width: 66px; background-position: -241px 0; } .btn.clipboard, .btn.clipboard.current, .btn.clipboard.current:hover, .btn.clipboard.off:hover, .btn.clipboard.orange:hover { width: 32px; background-position: -307px 0; } .btn.schedule, .btn.schedule.current, .btn.schedule.current:hover, .btn.schedule.off:hover, .btn.schedule.orange:hover { width: 33px; background-position: -339px 0; } .btn.inbox, .btn.inbox.current, .btn.inbox.current:hover, .btn.inbox.off:hover, .btn.inbox.orange:hover { width: 34px; background-position: -372px 0; } .btn.add, .btn.add.current, .btn.add.current:hover, .btn.add.off:hover, .btn.add.orange:hover { width: 44px; background-position: -406px 0; } .btn.edit, .btn.edit.current, .btn.edit.current:hover, .btn.edit.off:hover, .btn.edit.orange:hover { width: 44px; background-position: -450px 0; } .btn.x, .btn.x.current, .btn.x.current:hover, .btn.x.off:hover, .btn.x.orange:hover { width: 21px; margin-left: 3px; background-position: -494px 0; } .btn.post, .btn.post.current, .btn.post.current:hover, .btn.post.off:hover, .btn.post.orange:hover { width: 48px; background-position: -515px 0; } .btn.update, .btn.update.current, .btn.update.current:hover, .btn.update.off:hover, .btn.update.orange:hover { width: 109px; background-position: -563px 0; } .btn.add_league, .btn.add_league.current, .btn.add_league.current:hover, .btn.add_league.off:hover, .btn.add_league.orange:hover { width: 118px; background-position: -672px 0; } .btn.cancel, .btn.cancel.current, .btn.cancel.current:hover, .btn.cancel.off:hover, .btn.cancel.orange:hover { width: 63px; background-position: -790px 0; } .btn.save, .btn.save.current, .btn.save.current:hover, .btn.save.off:hover, .btn.save.orange:hover { width: 50px; background-position: -853px 0; } .btn.go.off { width: 37px; background-position: 0 -19px; } .btn.sign_up.off { width: 61px; background-position: -37px -19px; } .btn.learn_more.off { width: 88px; background-position: -98px -19px; } .btn.log_in.off { width: 55px; background-position: -186px -19px; } .btn.log_out.off { width: 66px; background-position: -241px -19px; } .btn.clipboard.off { width: 32px; background-position: -307px -19px; } .btn.schedule.off { width: 33px; background-position: -339px -19px; } .btn.inbox.off { width: 34px; background-position: -372px -19px; } .btn.add.off { width: 44px; background-position: -406px -19px; } .btn.edit.off { width: 44px; background-position: -450px -19px; } .btn.x.off { width: 21px; margin-left: 3px; background-position: -494px -19px; } .btn.post.off { width: 48px; background-position: -515px -19px; } .btn.update.off { width: 109px; background-position: -563px -19px; } .btn.add_league.off { width: 118px; background-position: -672px -19px; } .btn.cancel.off { width: 63px; background-position: -790px -19px; } .btn.save.off { width: 50px; background-position: -853px -19px; } .btn.go:hover, .btn.go.orange { width: 37px; background-position: 0 -38px; } .btn.sign_up:hover, .btn.sign_up.orange { width: 61px; background-position: -37px -38px; } .btn.learn_more:hover, .btn.learn_more.orange { width: 88px; background-position: -98px -38px; } .btn.log_in:hover, .btn.log_in.orange { width: 55px; background-position: -186px -38px; } .btn.log_out:hover, .btn.log_out.orange { width: 66px; background-position: -241px -38px; } .btn.clipboard:hover, .btn.clipboard.orange { width: 32px; background-position: -307px -38px; } .btn.schedule:hover, .btn.schedule.orange { width: 33px; background-position: -339px -38px; } .btn.inbox:hover, .btn.inbox.orange { width: 34px; background-position: -372px -38px; } .btn.add:hover, .btn.add.orange { width: 44px; background-position: -406px -38px; } .btn.edit:hover, .btn.edit.orange { width: 44px; background-position: -450px -38px; } .btn.x:hover, .btn.x.orange { width: 21px; margin-left: 3px; background-position: -494px -38px; } .btn.post:hover, .btn.post.orange { width: 48px; background-position: -515px -38px; } .btn.update:hover, .btn.update.orange { width: 109px; background-position: -563px -38px; } .btn.add_league:hover, .btn.add_league.orange { width: 118px; background-position: -672px -38px; } .btn.cancel:hover, .btn.cancel.orange { width: 63px; background-position: -790px -38px; } .btn.save:hover, .btn.save.orange { width: 50px; background-position: -853px -38px; } /* Tabs */ .btn.players, .btn.players.current, .btn.players.current:hover, .btn.players.off:hover, .btn.players.orange:hover { width: 67px; background-position: -1200px 0; } .btn.teams, .btn.teams.current, .btn.teams.current:hover, .btn.teams.off:hover, .btn.teams.orange:hover { width: 56px; background-position: -1267px 0; } .btn.leagues, .btn.leagues.current, .btn.leagues.current:hover, .btn.leagues.off:hover, .btn.leagues.orange:hover { width: 68px; background-position: -1323px 0; } .btn.my_stuff, .btn.my_stuff.current, .btn.my_stuff.current:hover, .btn.my_stuff.off:hover, .btn.my_stuff.orange:hover { width: 71px; background-position: -1391px 0; } .btn.local_stuff, .btn.local_stuff.current, .btn.local_stuff.current:hover, .btn.local_stuff.off:hover, .btn.local_stuff.orange:hover { width: 89px; background-position: -1462px 0; } .btn.most_compatible, .btn.most_compatible.current, .btn.most_compatible.current:hover, .btn.most_compatible.off:hover, .btn.most_compatible.orange:hover { width: 99px; background-position: -1551px 0; } .btn.most_active, .btn.most_active.current, .btn.most_active.current:hover, .btn.most_active.off:hover, .btn.most_active.orange:hover { width: 91px; background-position: -1650px 0; } .btn.my_sports_only, .btn.my_sports_only.current, .btn.my_sports_only.current:hover, .btn.my_sports_only.off:hover, .btn.my_sports_only.orange:hover { width: 109px; background-position: -1741px 0; } .btn.newest, .btn.newest.current, .btn.newest.current:hover, .btn.newest.off:hover, .btn.newest.orange:hover { width: 65px; background-position: -1850px 0; } .btn.players.off { width: 67px; background-position: -1200px -19px; } .btn.teams.off { width: 56px; background-position: -1267px -19px; } .btn.leagues.off { width: 68px; background-position: -1323px -19px; } .btn.my_stuff.off { width: 71px; background-position: -1391px -19px; } .btn.local_stuff.off { width: 89px; background-position: -1462px -19px; } .btn.most_compatible.off { width: 99px; background-position: -1551px -19px; } .btn.most_active.off { width: 91px; background-position: -1650px -19px; } .btn.my_sports_only.off { width: 109px; background-position: -1741px -19px; } .btn.newest.off { width: 65px; background-position: -1850px -19px; } .btn.players:hover, .btn.players.orange { width: 67px; background-position: -1200px -38px; } .btn.teams:hover, .btn.teams.orange { width: 56px; background-position: -1267px -38px; } .btn.leagues:hover, .btn.leagues.orange { width: 68px; background-position: -1323px -38px; } .btn.my_stuff:hover, .btn.my_stuff.orange { width: 71px; background-position: -1391px -38px; } .btn.local_stuff:hover, .btn.local_stuff.orange { width: 89px; background-position: -1462px -38px; } .btn.most_compatible:hover, .btn.most_compatible.orange { width: 99px; background-position: -1551px -38px; } .btn.most_active:hover, .btn.most_active.orange { width: 91px; background-position: -1650px -38px; } .btn.my_sports_only:hover, .btn.my_sports_only.orange { width: 109px; background-position: -1741px -38px; } .btn.newest:hover, .btn.newest.orange { width: 65px; background-position: -1850px -38px; } /* ----------------------------------------------------------------------------- CALLOUTS (and some Utility) ----------------------------------------------------------------------------- */ .callout { width: 324px; height: 169px; padding: 0; background: transparent; } .callout h2, .callout p { display: none; } .callout .btn, .utility .btn.alt { height: 43px; margin: 80px 0 0 0; background: transparent url(/images/maven/global/btns_callout.png) 0 0 no-repeat; } .callout .btn.alt, .utility .btn.alt { height: 19px; margin: 0 0 2px 0; background-color: transparent !important; } .utility h2 .btn { float: right; margin: -1px 6px 0 0 !important; } /* Backgrounds */ .callout.sports { height: 250px; background: transparent url(/images/maven/global/callout_sports.gif) 0 0 no-repeat; } .callout.sports_edit { height: 250px; background: transparent url(/images/maven/global/callout_sports_edit.gif) 0 0 no-repeat; } .callout.game { background: transparent url(/images/maven/global/callout_game.gif) 0 0 no-repeat; } .callout.teams { background: transparent url(/images/maven/global/callout_teams.gif) 0 0 no-repeat; } .callout.signup { background: transparent url(/images/maven/global/callout_signup.gif) 0 0 no-repeat; } .callout.league { background: transparent url(/images/maven/global/callout_league.gif) 0 0 no-repeat; } /* Main Action Buttons */ .callout .btn.create_team { width: 168px; margin-left: 77px; background-position: 0 0; } .callout .btn.add_sport { width: 191px; margin-left: 65px; margin-bottom: 29px; background-position: -168px 0; } .callout .btn.start_game { width: 158px; margin-left: 83px; background-position: -359px 0; } .callout .btn.signup { width: 147px; margin-left: 88px; background-position: -517px 0; } .callout .btn.league_partner { width: 261px; margin-left: 33px; background-position: -664px 0; } .callout .btn.sport_edit { width: 198px; margin-left: 62px; margin-bottom: 29px; background-position: -925px 0; } .callout .btn.create_team:hover { background-position: 0 -43px; } .callout .btn.add_sport:hover { background-position: -168px -43px; } .callout .btn.start_game:hover { background-position: -359px -43px; } .callout .btn.signup:hover { background-position: -517px -43px; } .callout .btn.league_partner:hover { background-position: -664px -43px; } .callout .btn.sport_edit:hover { background-position: -925px -43px; } /* Alternate Buttons */ .callout .btn.alt.learn_more { width: 111px; margin: 7px 0 0 107px; background-position: 0 -86px; } .callout .btn.alt.start_game, .utility .btn.alt.start_game { width: 97px; margin-left: 114px; background-position: -111px -86px; } .callout .btn.alt.find_players { width: 94px; margin-left: 115px; background-position: -208px -86px; } .callout .btn.alt.create_team, .utility .btn.alt.create_team { width: 103px; margin-left: 111px; background-position: -302px -86px; } .callout .btn.alt.join_league, .utility .btn.alt.join_league { width: 99px; margin-left: 113px; background-position: -405px -86px; } .utility .btn.alt.hide_this { width: 71px; background-position: -504px -86px; } .utility .btn.alt.need_help { width: 52px; background-position: -575px -86px; } .callout .btn.alt.learn_more:hover { background-position: 0 -105px; } .callout .btn.alt.start_game:hover, .utility .btn.alt.start_game:hover { background-position: -111px -105px; } .callout .btn.alt.find_players:hover { background-position: -208px -105px; } .callout .btn.alt.create_team:hover, .utility .btn.alt.create_team:hover { background-position: -302px -105px; } .callout .btn.alt.join_league:hover, .utility .btn.alt.join_league:hover { background-position: -405px -105px; } .utility .btn.alt.hide_this:hover { background-position: -504px -105px; } .utility .btn.alt.need_help:hover { background-position: -575px -105px; } /* Large and Overlay Buttons */ .btn.large { width: 66px; height: 28px; background: transparent url(/images/maven/global/btns_large.png) 0 0 no-repeat; } .btn.large.save { width: 66px; background-position: 0 0; } .btn.large.send { background-position: -66px 0; } .btn.large.cancel { width: 85px; background-position: -132px 0; } .btn.large.sign_me_up { width: 113px; background-position: -217px 0; } .btn.large.log_in { width: 78px; background-position: -330px 0; } .btn.large.take_tour { width: 123px; background-position: -408px 0; } .btn.large.im_done { width: 138px; background-position: -531px 0; } .btn.large.close { width: 74px; background-position: -669px 0; } .btn.large.remove { width: 86px; background-position: -743px 0; } .btn.large.save:hover { width: 66px; background-position: 0 -28px; } .btn.large.send:hover { background-position: -66px -28px; } .btn.large.cancel:hover { background-position: -132px -28px; } .btn.large.sign_me_up:hover { background-position: -217px -28px; } .btn.large.log_in:hover { background-position: -330px -28px; } .btn.large.take_tour:hover { background-position: -408px -28px; } .btn.large.im_done:hover { background-position: -531px -28px; } .btn.large.close:hover { background-position: -669px -28px; } .btn.large.remove:hover { background-position: -743px -28px; } /* Team/Game Create Splash */ .btn.lets_go { float: none; width: 193px; height: 43px; margin: 0 auto; background: transparent url(/images/maven/global/btn_lets_go.png) 0 0 no-repeat; } .btn.lets_go:hover { background-position: 0 -43px; } /* Generic Team Profile-Sized Columns (in use in My Players / Invite section) */ div.twothirds-left { float: left; width: 463px; margin: 10px 21px 0 0; } div.onethird-right { float: left; width: 234px; margin: 10px 0 0; } /* Generic Preview Style (used in invite preview in My Players section) */ div.preview { background: #FFFFDF url(/images/maven/roster/note-corner-large.gif) no-repeat top right; padding: 5px 15px 15px; margin: 0 0 2em; border: 1px solid #F5E7B2; border-width: 0 0 1px 1px; } .tne div.preview p { font-weight: normal; font-size: 1.2em; line-height: 1.4em; margin: .8em 0 .2em;} .tne div.onethird-right p em { line-height: 1.2em; } .stackup { width: 150px; float: right; } .stackup p { text-indent: -10000em; height: 23px; background: url(/images/maven/shared/sr_stackup.gif) no-repeat; } .stackup p.average { background-position: 0 -35px; } .stackup p.weak { background-position: 0 -70px; } .stackup p.nodata { background-position: 0 -105px; } /* Inline Reg */ .inline-reg { background: #e5edf7; padding: 20px 0 0; margin-bottom: 20px; } .inline-reg p.buttons { margin-left: 112px; margin-bottom: 18px; display:inline; overflow: auto; height: 1%;} .inline-reg p.buttons input { overflow: visible; } /* Tell Your Teammates Counter (friends pages) */ #tyt-friends { background: #3574c2 url(/images/maven/friends/tyt-friends-dividers.gif) no-repeat 50% 46px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; padding: 10px 10px 15px; width: 698px; float: left; margin: 0 0 12px 95px; position: relative; _display: inline; } #content.sidebar #tyt-friends { margin-left: 0; } #tyt-friends p, #tyt-friends a { font-family: arial, helvetica !important; } #tyt-friends h2 { text-indent: -10000em; width: 690px; height: 13px; background: url(/images/maven/friends/friends-heading.gif) no-repeat; margin: 0 auto 8px; } #tyt-friends p.tyt-about { width: 180px; background: url(/images/maven/friends/friends-blowhorn.jpg) no-repeat 7px 10px; float: left; color: #bed2eb; padding: 10px 10px 0 56px; font-size: 1.2em; line-height: 1.3em; } #tyt-friends p.tyt-about a { color: #fff; text-decoration: underline; } #tyt-friends p.tyt-action { width: 206px; float: left; margin: 0; text-align: center; padding: 20px 0 4px; } #tyt-friends p.tyt-action a { background: #f8810a; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 4px 8px; font-size: 1.1em; } #tyt-friends p.tyt-action a:hover { background-color: #fea217; text-decoration: none; color: #3574C2; } #tyt-friends p.tyt-action span { display: block; padding-top: .8em; color: #bed2eb; } #tyt-friends p.tyt-action span.tyt-doit { font-size: 1.1em; color: #fff; margin: 0; padding: 0; } #tyt-friends #tyt-friends-counter { width: 220px; float: right; margin: 0; text-align: center; padding: 0 0 4px; } #tyt-friends #tyt-friends-counter p.tyt-heading { text-transform: uppercase; font-size: 1em; color: #bed2eb; margin: 0 0 .4em; } #tyt-friends-counter ul { overflow: hidden; _width: 224px; } #tyt-friends-counter ul li { float: left; width: 104px; text-align: center; margin: 0 5px 0 0; } #tyt-friends-counter ul li a { display: block; background: #1752a2; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; font-size: 2em; text-decoration: none; padding: 6px 0 6px; color: #fff; } #tyt-friends-counter ul li a:hover { background: #153768; } #tyt-friends-counter ul li.tyt-confirmed a { color: #62d756; } #tyt-friends-counter ul li.tyt-pending a { color: #f3963b; } #tyt-friends-counter ul li.tyt-pending { margin: 0; } #tyt-friends-counter ul li a span { display: block; text-transform: uppercase; color: #bed2eb; font-size: .4em; margin: 5px 0 0;} #tyt-friends-counter ul li.winner a { color: #fff; background: #62d756; } #tyt-friends-counter ul li.winner a span { color: #1752a2 !important; } #tyt-friends p.tyt-confirmation { color: #bed2eb; margin: .6em 0 0; font-size: 1em; } #tyt-friends p.tyt-confirmation a { color: #bed2eb; text-decoration: underline; } #tyt-friends p.tyt-confirmation a:hover { color: #fff; } #tyt-friends span.cTip, #tyt-clipboard span.cTip { width: 9px; height: 11px; background: url(/images/maven/friends/tyt-blue-tip.gif) no-repeat; margin: 0; } #contest-ribbon { display: block; position: absolute; top: -6px; left: -6px; width: 67px; height: 67px; background: url(/images/maven/friends/ribbon.gif) no-repeat; } /* ----------------------------------------------------------------------------- IE6 NOTICE ----------------------------------------------------------------------------- #ie6-notice { padding: 10px 0 8px 0; background: #ec811a url(/images/maven/ie/ie-notice-bg.gif) 0 bottom repeat-x; } #ie6-notice p { width: 984px; margin: 0 auto; font-size: 12px; line-height: 15px; color: #eee; text-align: center; } #ie6-notice p strong { display: block; margin-bottom: 3px; color: #fff; font-size: 14px; } #ie6-notice p a { color: #eee; border: none; text-decoration: underline; } #ie6-notice p a:hover { color: #fff; text-decoration: none; } */ #ie6-notice { background: #e2e2e2; padding: 8px 0; position: relative; } #ie6-notice p { width: 988px; margin: 0 auto; font-size: 12px; line-height: 15px; color: #333; text-align: center; } #ie6-notice p#closeie6notice { position: absolute; right: 10px; top: 12px; width: auto; } #ie6-notice p#closeie6notice a { display: block; width: 20px; height: 20px; background: url(/_i/_ie/close-notice.gif) no-repeat; text-indent: -10000em; border: 0; } /* ----------------------------------------------------------------------------- SEO MODULES ----------------------------------------------------------------------------- */ .content.lists { overflow: auto; } .content.lists ul { float: left; margin: 0 30px 0 0; padding: 0 0 10px; _display: inline; width: 105px; overflow: hidden; } .content.lists ul li { font-size: 1.1em; margin: 0 0 .4em; list-style-position: outside; } .content.lists ul li a { border: 0; text-decoration: udnerline; } /* ----------------------------------------------------------------------------- CRAIGSLIST GUIDE ----------------------------------------------------------------------------- */ body#clGuide { background: #153768 url(/images/maven/global/svite-logo.gif) no-repeat; border-top: 2px solid #F8810A; font-family: "Lucida Grande","Lucida Sans",Arial,sans-serif; letter-spacing: 0; } #clLogo a { display: block; width: 320px; height: 84px; text-indent: -10000em; outline: none; border: 0; } #clGuideWrap { background: #E5EDF7; margin: 0 15px 15px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; padding: 10px 10px 20px; } #clGuideWrap p, #clGuideWrap dt, #clGuideWrap dd, #clGuideWrap textarea, #clGuideWrap input { font-family: "Lucida Grande","Lucida Sans",Arial,sans-serif; font-weight: normal; letter-spacing: 0; } #clGuideWrap h1 { background: none; color: #2D6CBE; font-weight: bold; padding: 0; margin: 0 0 1px; font-size: 19px; letter-spacing: 0; } #clGuideWrap h2 { background: none; font-weight: bold; padding: 0; margin: 0 0 1px; font-size: 16px; letter-spacing: 0; } #clGuideWrap textarea, #clGuideWrap input { width: 96.2%; font-size: 12px; padding: 4px 5px; border: 1px solid #ddd; border-color: ##BBBBBB #DDDDDD #DDDDDD #BBBBBB; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #424242; display: block; } #clGuideWrap dt { font-size: 12px; font-weight: bold; margin: 15px 0 2px; } #clGuideWrap dd { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid #fff; width: 98%; background: #fff; } #clGuideWrap p { font-size: 12px; line-height: 16px; } #clGuideWrap p.note { font-size: 11px; color: #999999; line-height: 14px; } #clFooter { margin: 25px 15px; } #clFooter a { color: #b9b9b9; border: 0; } #clFooter a:hover { color: #fff; } /* ----------------------------------------------------------------------------- PHOTO CATEGORIES ----------------------------------------------------------------------------- */ .add_cat { background: #F2F2F2; width: 430px; margin-top: 10px; padding: 10px 10px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .add_cat form { background: none !important; padding: 0 0 2px !important; } .classic .content .add_cat form fieldset { background: none !important; border: none !important; } .add_cat p.note { margin: 0 40px 14px 0 !important; font-size: 11px; background: #FFFFCC; padding: 6px 8px 5px; color: #888; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-family: "Lucida Grande","Lucida Sans",Arial,Verdana,sans-serif; } .add_cat h4 { margin-bottom: 4px; font: bold 12px Helvetica, Arial, sans-serif; color: #4f4f4f; } .add_cat select { width: 200px; padding: 3px; font-family: "Lucida Grande","Lucida Sans",Arial,Verdana,sans-serif; } .classic .content .add_cat form fieldset { background: none !important; border: none !important; padding: 0 !important; } .cat_col { width: 150px; float: left; margin-right: 20px; _display: inline; } .classic .content .add_cat form fieldset.cat_col.or { width: 250px; background: url(/_i/overlay-or.gif) no-repeat 215px 2px !important; } .classic .gallery .add_cat a.cancel, .classic .content .add_cat a.cancel { padding: 0; margin: 0 0 5px 15px; float: right; border: 0 !important; text-indent: -10000em; display: block; width: 19px; height: 19px; background: url(/_i/gray-close.gif) no-repeat !important; line-height: 1px; } .classic .gallery .add_cat a.cancel:hover, .classic .content .add_cat a.cancel:hover { border: 0 !important; background-position: 0 -19px !important; } #selectFilesLink a, #uploadFilesLink a, #clearFilesLink a, #photoCategories a { background: #2D6CBE !important; border: 0 !important; color: #fff !important; -moz-border-radius: 13px; -webkit-border-radius: 13px; padding: 4px 10px 5px !important; font-family: "Lucida Grande","Lucida Sans",Arial,Verdana,sans-serif; } .classic .content form input.core-btn, .classic .content form input.core-btn-light { background: #2D6CBE; color: #fff; font font-family: "Lucida Grande","Lucida Sans",Arial,Verdana,sans-serif; border: 0; -moz-border-radius: 13px; -webkit-border-radius: 13px; letter-spacing: 0; padding: 4px 10px 5px; float: left; margin-right: 10px; } .classic .content form input.core-btn-light { background: #a7a7a7; } #dataTableContainer { clear: both; } #theCats .overlay_wrap { background: none; } .classic .content #theCats p { margin-bottom: 10px; }