/* ballsi.de Global declarations Text (dark blue) #011a35 Text (light blue) #738faa Borders (light grey) #ced3d6 */ /************************************************************ * BROWSER RESET ************************************************************/ html { height:101%; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, option, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline: 0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; } :focus { outline:0; } body { line-height:1; color:black; background:white; } ol, ul { list-style:none; } table { border-collapse:separate; border-spacing:0; } caption, th, td { text-align:left; font-weight:normal; } blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; } img { display:block; } td img { display:inline; } /************************************************************ * GENERAL ITEMS ************************************************************/ body { height:100%; background:#010100 url('../images/body_background.jpg') top center fixed repeat-y; } p { margin:0 0 15px 0; } .left { float:left !important; } .right { float:right !important; } .none { float:none !important; } .center { text-align:center; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { min-width:0; display:block; clear:both; } .nowrap { white-space:nowrap; } .line_white { display:block; clear:both; height:3px; background:#fff; } .nomrg { margin:0 !important; } hr { margin:10px 0; height:1px; border:0; border-top:1px solid #ccc; } .required { color:#ff0500; cursor:help; } em { font-style:normal; font-weight:bold; } .mrgtop { padding-top:27px; } .mrgtop_pager { padding-top:33px; } .mrgtop_tiny { margin-top:5px; } .mrgtop_little { margin-top:3px; } .mrgtop_small { margin-top:27px; } .mrgtop_negative { margin-top:-15px; } .mrgbot { padding-bottom:15px; } .mrgbot_large { padding-bottom:27px; } .mrgbotmin { margin-bottom:5px !important; } .mrgleft { margin-left:10px !important; } .mrgnobot { margin-bottom:0; } .mrgtop_medium { padding-top:17px; } /************************************************************ * TYPO ************************************************************/ div,span,p,a,li,td,input,select,option,textarea { font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Geneva,Arial,sans-serif; font-size:11px; font-weight:normal; color:#011a35; line-height:14px; } a:link, a:visited, a:active { text-decoration:none; } a:focus, a:hover { text-decoration:underline; } a.u:link, a.u:visited, a.u:active, a.u:focus, a.u:hover { text-decoration:underline; } a.h:link, a.h:visited, a.h:active { text-decoration:none !important; } a.h:focus, a.h:hover { text-decoration:underline !important; } a.hint:link, a.hint:visited, a.hint:active { color:#738faa; font-size:10px; text-decoration:none !important; } a.hint:focus, a.hint:hover { text-decoration:underline !important; } a.none:link, a.none:visited, a.none:active, a.none:focus, a.none:hover { text-decoration:none; } a.profilelink { color:#ff7200; background:none !important; } a.underline { text-decoration:underline !important; } .hint { color:#738faa; font-size:10px; } .hint b { color:#011a35; } .hint_mrgleft { margin-left:20px; } .hint_large { color:#738faa; font-size:11px; } .sans { font-family:Arial,Helvetica,sans; } .serif { font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Geneva,Arial,sans-serif; } .notice {margin:20px 0; padding: 10px 5px; background:#e7ff93; border:2px solid #a5d300; border-width:2px 0; color:#4a6c8d; font-weight:bold; font-size:13px; } .aboutme { font-size:14px; margin-bottom:25px; line-height:18px; } .aboutme a { font-size:14px; color:#011a35; text-decoration:underline; } .warning { font-size:11px; color:#b20000; font-weight:bold; } .framed { border:2px solid #B5CADE; padding:10px 10px 0; margin-bottom:15px; } h1, h3 { font-size:22px; font-weight:bold; letter-spacing:-1px; padding-bottom:20px; line-height:24px; font-family:Arial,Helvetica,sans; } h1 span, h3 span { font-size:16px; font-weight:normal; color:#738faa; display:block; font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Geneva,Arial,sans-serif; letter-spacing:0; } h1 span.bsid { font-size:11px; display:-moz-inline-box; display:inline-block; padding-bottom:10px; vertical-align:top; } h1.centered { text-align:center; padding-bottom:10px; } h2, h2 span, h4 { font-size:16px; font-weight:bold; letter-spacing:-1px; margin-bottom:10px; font-family:Arial,Helvetica,sans; } h2.mrgleft { margin-left:8px; } h2.centered { text-align:center; font-size:16px; font-weight:normal; display:block; margin:0; padding-bottom:20px; font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Geneva,Arial,sans-serif; letter-spacing:0; } h3.small { font-size:13px; font-weight:bold; margin-bottom:5px; letter-spacing:0; padding:0; margin:0; } h5,h5 a { font-size:13px; font-weight:bold; color:#738FAA; margin-bottom:15px; font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Geneva,Arial,sans-serif; } h5.dots { border-bottom:1px dotted #969b9d; padding-bottom:3px; } h6 { font-size:13px; font-weight:bold; margin-bottom:5px; } h6 span { font-size:13px; font-weight:bold; margin-bottom:5px; color:#6381a1; } div.col_right h1, div.col_right h2, div.col_right h3, div.col_right h4, div.col_right h5, div.col_right h6 { font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Geneva,Arial,sans-serif; } /************************************************************ * FRAMEWORK ************************************************************/ #wrapper { width:1016px; margin:0 auto; } #container { position:relative; } /************************************************************ * FOOTER ************************************************************/ #footer { background:url('../images/content_bottom_white.png') 0 0 no-repeat; } #footer div.footer_wrapper { position:relative; height:90px; overflow:hidden; padding:10px 26px 20px; } #footer ul li { float:left; margin-right:18px; } #footer ul li.last { margin-right:0; } #footer ul li span { display:block; float:left; margin-right:10px; color:#898a8a; font-weight:bold; font-size:12px; } #footer ul li ul { display:block; float:left; } #footer ul li ul li { width:auto; float:none; } #footer ul li ul li a { color:#898a8a; font-weight:normal; font-size:10px; } #footer span.copyright { color:#738189; font-size:10px; color:#fff; position:absolute; bottom:12px; left:25px; } #footer a.uservoice { display:block; width:92px; height:26px; position:absolute; bottom:9px; right:124px; } #footer a.woofoo { display:block; width:92px; height:26px; position:absolute; bottom:9px; right:31px; } #footer a.livesupport { display:block; width:190px; height:26px; position:absolute; bottom:9px; right:321px; } /************************************************************ * NAVIGATION ************************************************************/ #navigation { width:215px; position:fixed; } #navigation a.logo { display:block; padding:8px 0 0 23px; } #navigation div.wrapper { min-height:440px; padding:0 16px; position:relative; background:url('../images/navigation_middle.png') 0 0 repeat-y; } #navigation div.wrapper a { float:left; color:#fff; font-size:10px; } #navigation div.wrapper a span { font-size:10px; } /* sticker */ #navigation span.sticker { display:-moz-inline-box; display:inline-block; height:18px; float:left; padding:0 0 0 4px; margin:-1px 0 0 3px; cursor:pointer; } #navigation span.sticker em { display:block; height:16px; padding:2px 7px 0 2px; font-size:9px; line-height:10px; font-weight:normal; } #navigation span.sticker_red { background:url('../images/sticker_red_right.png') 0 0 no-repeat; } #navigation span.sticker_red em { color:#fff; background:url('../images/sticker_red.png') right 0 repeat-x; } #navigation span.sticker_grey { width:20px; padding:0; background:url('../images/sticker_grey.png') 0 0 no-repeat; } #navigation span.sticker_green { width:20px; padding:0; background:url('../images/sticker_green.png') 0 0 no-repeat; } /* modules */ #navigation div.module { width:183px; padding-bottom:10px; overflow:hidden; } #navigation div.module h6 { padding:5px 0 0 30px; margin-bottom:0; width:175px; height:19px; overflow:hidden; color:#738faa; font-weight:bold; font-size:12px; } #navigation div.module div.module_bottom { width:183px; height:9px; overflow:hidden; background:url('../images/sprites_navigation.png') -183px -72px no-repeat; } #navigation div.module div.module_bottom_last { height:8px; background:url('../images/sprites_navigation.png') -183px -73px no-repeat; } #navigation div.module ul { width:184px; } #navigation div.module ul li { float:left; } #navigation div.module ul.navlist li a { width:84px; height:15px; padding:1px 0 0 8px; text-decoration:none; font-size:10px; cursor:pointer; background:url('../images/sprites_navigation.png') right -81px no-repeat; } #navigation div.module ul.navlist li a span { font-size:10px; color:#fff; } #navigation div.module ul.navlist li a:hover, #navigation div.module ul.navlist li a:focus { background:url('../images/sprites_navigation.png') right -97px no-repeat; } #navigation div.module ul.navlist li.active a, #navigation div.module ul.navlist li.active a:hover, #navigation div.module ul.navlist li.active a:focus { background:url('../images/sprites_navigation.png') right -113px no-repeat; } #navigation div.module ul.navlist li a span.sticker { float:right; margin:-1px 3px 0 0; height:16px; } #navigation div.module ul.navlist li a span.sticker em { height:14px; } #navigation div.module_login h6 { background:url('../images/sprites_navigation.png') -183px 0 no-repeat; } #navigation div.module_login form { padding:4px 8px 8px 8px; background:#637078 url('../images/sprites_navigation.png') 0 0 no-repeat; } #navigation div.module_findout { padding-bottom:70px; } #navigation div.module_findout h6 { background:url('../images/sprites_navigation.png') -183px -24px no-repeat; } #navigation div.module_explore h6 { background:url('../images/sprites_navigation.png') -183px -48px no-repeat; } #navigation div.module_explore ul li.search { width:168px; position:relative; height:56px; } #navigation div.module_explore ul li.search a { width:175px !important; } #navigation div.module_explore ul li.search a, #navigation div.module_explore ul li.search a:hover, #navigation div.module_explore ul li.search a:focus { background:transparent url('../images/sprites_navigation.png') 0 0 no-repeat; } #navigation div.module_explore ul li.search form { position:absolute; top:0; left:0; padding:7px 5px 7px 7px; width:172px; background:url('../images/sprites_navigation.png') 0 -16px no-repeat;} #navigation div.module_explore ul li.search form span.left { display:inline-block; padding-top:3px; color:#fff; font-size:10px; text-decoration:underline; cursor:pointer; } #navigation div.module_explore ul li.search_advanced { height:102px; } #navigation div.module_user h6 { background:url('../images/sprites_navigation.png') -183px 0 no-repeat; } #navigation div.module_user ul { position:relative; } #navigation div.module_user ul li { width:84px; height:18px; padding:0 0 0 8px; font-size:10px; color:#fff; background:url('../images/sprites_navigation.png') 0 0 no-repeat; } #navigation div.module_user ul li a { width:84px; height:17px; margin-left:-8px; padding-left:8px; color:#9f9e9e; text-decoration:none; cursor:pointer; } #navigation div.module_user ul li a strong { font-weight:normal; float:left; } #navigation div.module_user ul li a.tab { display:block; width:84px; height:17px; margin-left:-8px; padding-left:8px; font-size:10px; color:#9f9e9e; text-decoration:none; cursor:pointer; } #navigation div.module_user ul li a.tab_active { background:none !important; color:#fff; width:83px; } #navigation div.module_user ul li a.tab:hover, #navigation div.module_user ul li a.tab:focus, #navigation div.module_user ul li a.tab:hover span, #navigation div.module_user ul li a.tab:focus span { color:#fff; } #navigation div.module_user ul li a.tab span { font-size:10px; color:#9f9e9e; } #navigation div.module_user ul li ul { position:absolute; top:18px; left:0; height:auto; background:url('../images/sprites_navigation.png') 0 -16px no-repeat; } #navigation div.module_user ul li ul li { background:none; } #navigation div.module_myside ul { height:103px; } #navigation div.module_myside ul li a.tab { background:url('../images/sprites_navigation.png') -274px -146px no-repeat; } #navigation div.module_myside ul li ul { padding-top:10px; padding-bottom:6px; } #navigation div.module_myside ul li ul li a { color:#fff; background:url('../images/sprites_navigation.png') -274px -163px no-repeat; } #navigation div.module_myside ul li ul li.active a, #navigation div.module_myside ul li ul li a:hover, #navigation div.module_myside ul li ul li a:focus { background:url('../images/sprites_navigation.png') -274px -180px no-repeat; } #navigation div.module_myside ul li ul li a span { color:#fff; } #navigation div.module_myside ul li ul li span.inactive { display:block; width:84px; height:17px; margin-left:-8px; padding-left:8px; color:#9f9e9e; font-size:10px; color:#979797; background:url('../images/sprites_navigation.png') -274px -163px no-repeat; } #navigation div.module_myside ul li ul li.last a { background:none; } #navigation div.module_myside ul li ul li.logout { width:168px; margin:-3px 0 0 8px; padding-left:0; background:url('../images/sprites_navigation.png') -183px -274px no-repeat; } #navigation div.module_myside ul li ul li.logout a { background:none; width:76px; float:right; margin-top:3px; color:#ff6d00; } #navigation div.module_myside ul li ul li.last a:hover, #navigation div.module_myside ul li ul li.last a:focus, #navigation div.module_myside ul li ul li.logout a:focus, #navigation div.module_myside ul li ul li.logout a:hover{ background:url('../images/sprites_navigation.png') -274px -197px no-repeat; } #navigation div.module_myteams { min-height:103px; } #navigation div.module_myteams ul { height:103px; } #navigation div.module_myteams ul li a.tab { background:url('../images/sprites_navigation.png') -274px -129px no-repeat; } #navigation div.module_myteams ul li ul { height:81px; padding-left:4px; padding-top:4px; width:179px; overflow:hidden; } #navigation div.module_myteams ul li ul.favorites { top:45px; } #navigation div.module_myteams ul li ul li { width:32px; height:32px; margin-bottom:7px; padding:3px 0 0 3px; background:url('../images/sprites_navigation.png') -183px -162px no-repeat; } #navigation div.module_myteams ul li ul li a { width:35px; height:35px; display:block; margin:-3px 0 0 -3px; cursor:pointer; } #navigation div.module_myteams ul li ul li a:hover, #navigation div.module_myteams ul li ul li a:focus, #navigation div.module_myteams ul li ul li a.active { background:url('../images/sprites_navigation.png') -219px -162px no-repeat; } #navigation div.module_myteams ul li ul li a.empty:hover, #navigation div.module_myteams ul li ul li a.empty:focus{ background:url('../images/sprites_navigation.png') -183px -197px no-repeat; } #navigation div.module_myteams ul li ul li.line { width:172px; height:5px; background:none; } #navigation div.module_myteams ul li ul li.line hr { border-top:0; margin:0; height:4px; background:url('../images/sprites_navigation.png') -183px -334px no-repeat; } #navigation div.module_myteams ul li ul li.teamname { width:172px; background:none; } #navigation div.module_myteams ul li ul li.teamname hr { border-top:0; height:2px; margin:2px 0 7px 0; background:url('../images/sprites_navigation.png') -183px -334px no-repeat; } #navigation div.module_myteams ul li ul li.teamname strong { font-size:12px; color:#fff; } /* meta navigation */ #navigation div.metanavi { position:absolute; bottom:0; left:23px; overflow:hidden; } #navigation div.metanavi ul { width:184px; } #navigation div.metanavi ul li { margin:10px 10px 10px 0; width:84px; } #navigation div.metanavi ul li a { cursor:pointer; } #navigation div.metanavi ul li.twitter { float:left; margin-right:0; } #navigation div.metanavi ul li.twitter a { text-decoration:none; } #navigation div.metanavi ul li.twitter a span { float:left; color:#334e68; padding-top:1px; margin-right:7px; } #navigation div.metanavi ul li.twitter a em { display:block; float:left; width:80px; height:17px; background:url('../images/sprites_navigation.png') -186px -133px no-repeat; } #navigation div.metanavi ul li.facebook { float:left; } #navigation div.metanavi ul li.facebook a { text-decoration:none; } #navigation div.metanavi ul li.facebook a span { float:left; color:#334e68; padding-top:1px; margin-right:7px; } #navigation div.metanavi ul li.facebook a em { display:block; float:left; width:78px; height:17px; background:url('../images/sprites_navigation.png') -279px -214px no-repeat; } /* language switch */ div.language_switch { font-size:10px; position:absolute; top:25px; right:420px; white-space:nowrap; } div.language_switch a { color:#59799b; font-size:10px; margin:0 2px; } div.language_switch_one_column { right:20px; } /************************************************************ * GENERAL CONTENT ************************************************************/ #content { width:811px; position:absolute; top:3px; left:205px; } #content div.wrapper { min-height:463px; padding:12px 25px 10px 26px; } /* columns */ #content div.one_column_white { background:url('../images/content_middle_onecol_white.png') 0 0 repeat-y; } #content div.one_column_blue { background:url('../images/content_middle_onecol_blue.png') 0 0 repeat-y; } #content div.two_columns_white { padding-right:16px; background:url('../images/content_middle_onecol_white.png') 0 0 repeat-y; } #content div.two_columns_blue { padding-right:16px; background:url('../images/content_middle_twocols_blue.png') 0 0 repeat-y; } #content div.col_left { width:494px; float:left; margin-right:23px; height:auto; } #content div.col_right { width:250px; float:left; position:relative; } #content div.content_header { width:769px; height:62px; overflow:hidden; padding:19px 16px 0 26px; position:relative; background:url('../images/content_top_twocols_blue_header.png') 0 0 repeat-y; } #content div.content_header h1 { color:#738faa; padding-top:2px; } #content div.content_header h2 { color:#738faa; padding-top:2px; font-size:22px; font-weight:bold; letter-spacing:-1px; padding-bottom:20px; line-height:24px; font-family:Arial,Helvetica,sans; } /* error message */ #navigation div.errorExplanation { width:157px; } #wrapper div.errorExplanation { padding:2px 5px; margin-bottom:5px; border:2px solid #b20000; background:#fff; font-size:10px; line-height:12px; } #content div.errorExplanation { margin-bottom:10px; display:block; clear:both; height:1%; background:#fff url('../images/content_icon_error.png') 8px 8px no-repeat; } #content div.errorExplanation h2 { display:block; padding-left:78px; font-weight:bold; font-size:12px; margin-bottom:0; letter-spacing:0; line-height:16px; } #content div.errorExplanation ul { margin-top:10px; padding-left:78px; } #content div.errorExplanation ul li { font-size:10px; margin-bottom:5px; line-height:12px; } #content div.col_left div.errorExplanation h2, #content div.col_left div.errorExplanation ul { padding-left:118px; } #content div.col_right div.error { margin-left:85px; margin-bottom:10px; padding:2px 0; background:#ffcfcf; border:1px solid #b20000; border-width:1px 0; } #content div.col_right div.error input.radio { margin-top:2px; margin-bottom:0; } #content div.col_right div.error select { margin-bottom:0; margin-top:1px; } #content div.col_right div.error span.label { display:-moz-inline-box !important; display:inline-block !important; padding-top:2px !important; } #content div.col_right div.errorExplanation h2 { padding-left:38px; font-weight:bold; font-size:12px; margin-bottom:0; letter-spacing:0; line-height:16px; } #content div.col_right div.errorExplanation ul { padding-left:38px; } /* buttons */ #navigation div.button { float:right; padding:0 0 0 8px; background:url('../images/sprites_buttons.png') 0 0 no-repeat; } #navigation div.button a, #navigation div.button input { display:block; width:auto !important; overflow:visible; height:19px !important; border:none; margin:0 !important; padding:0 8px 0 0 !important; color:#fff !important; cursor:pointer; background:url('../images/sprites_buttons.png') right 0 no-repeat; } #content div.buttons div.button_small { margin-left:10px; } div.button_margin_bottom { margin-bottom:5px; } div.button_margin_top { margin-top:-15px; } div.button_large { float:right; padding:0 0 0 20px; background:url('../images/sprites_buttons.png') 0 -19px no-repeat; } div.button_large a { display:-moz-inline-box; display:inline-block; text-align:center; text-decoration:none !important; padding-top:6px !important; } div.button_large a, div.button_large input { width:auto !important; height:27px !important; overflow:visible; margin:0 !important; border:none !important; padding:0 20px 0 0 !important; font-weight:bold !important; font-size:12px !important; color:#000 !important; cursor:pointer; background:url('../images/sprites_buttons.png') right -19px no-repeat; } div.button_small { float:right; height:18px; padding:0 0 0 5px; background:url('../images/sprites_buttons.png') 0 -46px no-repeat; } div.button_small a, div.button_small input { width:auto !important; height:18px !important; overflow:visible; margin:0 !important; border:none !important; padding:0 5px 0.1em 0 !important; color:#fff !important; cursor:pointer; background:url('../images/sprites_buttons.png') right -46px no-repeat; } div.button_small a { display:-moz-inline-box; display:inline-block; text-align:center; text-decoration:none !important; padding-top:2px !important; height:14px !important; } div.button_light { float:right; padding:0 0 0 5px; background:url('../images/sprites_buttons.png') 0 -64px no-repeat; } div.button_light a, div.button_light input { width:auto !important; height:18px !important; overflow:visible; margin:0 !important; border:none !important; padding:0 5px 2px 0 !important; color:#fff !important; cursor:pointer; background:url('../images/sprites_buttons.png') right -64px no-repeat; } div.button_light a { display:-moz-inline-box; display:inline-block; text-align:center; text-decoration:none !important; padding-top:2px !important; height:14px !important; } div.button_tall { float:right; height:23px; padding:0 0 0 5px; background:url('../images/sprites_buttons.png') 0 -82px no-repeat; } div.button_tall a, div.button_tall input { width:auto !important; height:23px !important; overflow:visible; margin:0 !important; border:none !important; font-size:12px; padding:0 5px 0.1em 0 !important; color:#fff !important; cursor:pointer; background:url('../images/sprites_buttons.png') right -82px no-repeat; } div.button_tall a { display:-moz-inline-box; display:inline-block; text-align:center; text-decoration:none !important; padding-top:2px !important; height:20px !important; } div.button_huge { float:left; height:26px; padding:0 0 0 2px; background:url('../images/sprites_buttons.png') 0 -120px no-repeat; } div.button_huge a, div.button_huge input { width:auto !important; height:26px !important; overflow:visible; margin:0 !important; white-space:nowrap; border:none !important; font-size:14px; font-weight:bold; padding:0 14px 0.1em 12px !important; color:#fff !important; cursor:pointer; background:url('../images/sprites_buttons.png') right -120px no-repeat; } div.button_huge a { display:-moz-inline-box; display:inline-block; text-align:center; text-decoration:none !important; padding-top:6px !important; height:19px !important; } div.button_giant { float:left; height:43px; padding:0 0 0 53px; background:url('../images/sprites_buttons.png') 0 -282px no-repeat; } div.button_giant a, div.button_giant input { width:auto !important; height:33px !important; overflow:visible; margin:0 !important; white-space:nowrap; border:none !important; font-size:20px; font-weight:bold; padding:10px 53px 0.1em 0 !important; color:#fff !important; cursor:pointer; background:url('../images/sprites_buttons.png') right -282px no-repeat; } div.button_giant a { display:-moz-inline-box; display:inline-block; text-align:center; text-decoration:none !important; padding-top:13px !important; height:28px !important; } div.button_giant_margin { margin-top:40px !important; } div.button_giant_outline { float:none; margin:0 auto; height:49px; padding:0 0 0 52px; background:url('../images/sprites_buttons.png') 0 -325px no-repeat; } div.button_giant_outline a, div.button_giant_outline input { width:auto !important; height:49px !important; overflow:visible; margin:0 !important; white-space:nowrap; border:none !important; font-size:20px; font-weight:bold; padding:0 52px 0.1em 0 !important; color:#fff !important; cursor:pointer; background:url('../images/sprites_buttons.png') right -325px no-repeat; } div.button_giant_outline a { display:-moz-inline-box; display:inline-block; text-align:center; text-decoration:none !important; padding-top:13px !important; height:36px !important; } div.button_green { float:left; height:35px; padding:0 0 0 20px; background:url('../images/sprites_buttons.png') 0 -374px no-repeat; } div.button_green a, div.button_green input { width:auto !important; height:35px !important; overflow:visible; margin:0 !important; white-space:nowrap; border:none !important; font-size:12px; font-weight:bold; padding:0 20px 0.1em 0 !important; color:#000 !important; cursor:pointer; background:url('../images/sprites_buttons.png') right -374px no-repeat; } div.button_green a { display:-moz-inline-box; display:inline-block; text-align:center; text-decoration:none !important; padding-top:6px !important; height:19px !important; } div.button_green_bg { float:left; height:35px; padding:0 0 0 20px; background:url('../images/sprites_buttons.png') 0 -409px no-repeat; } div.button_green_bg a, div.button_green_bg input { width:auto !important; height:35px !important; overflow:visible; margin:0 !important; white-space:nowrap; border:none !important; font-size:12px; font-weight:bold; padding:0 20px 0.1em 0 !important; color:#000 !important; cursor:pointer; background:url('../images/sprites_buttons.png') right -409px no-repeat; } div.button_green_bg a { display:-moz-inline-box; display:inline-block; text-align:center; text-decoration:none !important; padding-top:6px !important; height:19px !important; } div.button_giant_green { float:left; margin:0 auto; height:49px; padding:0 0 0 52px; background:url('../images/sprites_buttons.png') 0 -444px no-repeat; } div.button_giant_green a, div.button_giant_green input { width:auto !important; height:49px !important; overflow:visible; margin:0 !important; white-space:nowrap; border:none !important; font-size:20px; font-weight:bold; padding:0 52px 0.1em 0 !important; color:#011a35 !important; cursor:pointer; background:url('../images/sprites_buttons.png') right -444px no-repeat; } div.button_giant_green a { display:-moz-inline-box; display:inline-block; text-align:center; text-decoration:none !important; padding-top:17px !important; height:30px !important; } /* NEW for different text in the button "Sing up for free" by Christoph */ div.button_giant_green_signup { float:left; margin:0 auto; height:49px; padding:0 0 0 42px; background:url('../images/sprites_buttons.png') 0 -493px no-repeat; } div.button_giant_green_signup a, div.button_giant_green_signup input { width:auto !important; height:49px !important; overflow:visible; margin:0 !important; white-space:nowrap; border:none !important; font-size:20px; font-weight:bold; padding:0 42px 0.1em 0 !important; color:#011a35 !important; cursor:pointer; background:url('../images/sprites_buttons.png') right -493px no-repeat; } div.button_giant_green_signup a { display:-moz-inline-box; display:inline-block; text-align:center; text-decoration:none !important; padding-top:17px !important; height:36px !important; } /* end */ a.button_left { width:21px; height:21px; background:url('../images/sprites_buttons.png') 0 -163px no-repeat; } a.button_right { width:21px; height:21px; background:url('../images/sprites_buttons.png') -21px -163px no-repeat; } div.button_forward { padding:0 0 0 23px; background:url('../images/sprites_buttons.png') 0 -246px no-repeat; } div.button_forward a, div.button_forward input { background:url('../images/sprites_buttons.png') right -246px no-repeat; } div.button_reply { padding:0 0 0 23px; background:url('../images/sprites_buttons.png') 0 -228px no-repeat; } div.button_reply a, div.button_reply input { background:url('../images/sprites_buttons.png') right -228px no-repeat; } div.button_delete { padding:0 0 0 23px; background:url('../images/sprites_buttons.png') 0 -264px no-repeat; } div.button_delete a, div.button_delete input { background:url('../images/sprites_buttons.png') right -264px no-repeat; } div.tab_small { height:15px; padding:0 0 0 5px; overflow:hidden; float:right; background:url('../images/sprites_buttons.png') 0 -105px no-repeat; } div.tab_small a { color:#fff; cursor:pointer; padding:0 5px 0 0 !important; text-align:center; text-decoration:none !important; background:url('../images/sprites_buttons.png') right -105px no-repeat; } div.tab_small_active a { color:#FF7200; } div.arrow_down { width:19px; height:11px; background:url('../images/sprites_buttons.png') -173px -149px no-repeat; } /* lists */ ul.options { margin-left:-4px; } ul.options li { margin-bottom:3px; } ul.options li a { padding:1px 4px; text-decoration:none; color:#4a6c8d; font-weight:bold; } ul.options li a:hover, ul.options li a:focus { color:#fff; background:#343d41; } ul.bulletpoints { list-style:disc; padding-left:20px; margin-bottom:15px; } ol.numbered { list-style:decimal; margin-bottom:30px; margin-left:5px; list-style-position:inside; } ol.numbered li { color:#738faa; text-align:center; } /* horizontal rows */ #content div.col_right hr { border-top:0; margin:12px 0 8px; height:4px; background:url('../images/content_col_right_separator.png') 0 0 repeat-x; } /* common elements */ div.logo { overflow:hidden; padding:6px 0 0 6px; margin:0 auto; } /* content tabs */ div.content_tabs { position:relative; border-bottom:1px solid #ced3d6; height:20px; } div.content_tabs ul { position:absolute; left:15px; bottom:-1px; } div.content_tabs ul li { float:left; } div.content_tabs ul li a { display:block; padding:3px 8px; border:1px solid #ced3d6; border-left-width:0; background:#f1f4f7; color:#4a6c8d; text-decoration:none; font-weight:bold; } div.content_tabs ul li a:hover, div.content_tabs ul li a:focus { color:#011a35; } div.content_tabs ul li a.active { border-bottom-color:#fff; background:#fff; color:#011a35; } div.content_tabs ul li.first a { border-left-width:1px; } div.content_tabs a.jump { color:#4a6c8d; font-size:10px; position:absolute; right:0; bottom:2px; } div.content_tabs div.hint { margin-bottom:3px; } div.content_tabs div.hint a { font-size:10px; color:#738faa; } div.content_tabs div.hint b { font-size:10px; color:#011a35; } /* page tabs */ #content ul.page_tabs { position:absolute; left:18px; top:59px; } #content ul.page_tabs li { float:left; } #content ul.page_tabs li a { display:block; padding:4px 9px; color:#738faa; text-decoration:none; font-weight:bold; font-size:12px; font-family:Arial,Helvetica,sans; } #content ul.page_tabs li.new_paid a { color:#afff00; } #content ul.page_tabs li.new_unpaid a { color:#011a35; background:url('../images/sprites_content.jpg') 0 -162px no-repeat; } #content ul.page_tabs li a:hover, #content ul.page_tabs li a:focus { color:#fff; background:url('../images/sprites_content.png') 0 -17px no-repeat; } #content ul.page_tabs li a.active, #content ul.page_tabs li a.active:hover, #content ul.page_tabs li a.active:focus { color:#011a35; background:#fff; } /* credits */ #content div.credits { height:35px; text-align:center; } #content div.credits * { display:-moz-inline-box; display:inline-block; vertical-align:top; } #content div.credits em { padding-top:10px; font-size:12px; } #content div.credits span.display { height:28px; padding-top:7px; font-size:16px; line-height:16px; font-weight:bold; color:#fff; background:url('../images/credits_middle.png') 0 0 repeat-x; } #content div.credits span.links { padding:10px 0 0 10px; } /* layers */ div.layer { position:absolute; top:0; left:0; width:100%; height:101%; } div.layer div.wrapper { width:383px; height:181px; overflow:hidden; margin:140px auto 0; padding:22px; position:relative; cursor:move; border-left:190px solid transparent; } div.layer div.wrapper div.close { position:absolute; top:22px; right:22px; display:block; width:15px; height:15px; cursor:pointer; background:url('../images/sprites_buttons.png') 0 -146px no-repeat; } div.layer div.wrapper div.buttons { position:absolute; bottom:18px; right:22px; } div.layer div.wrapper div.buttons div.button_small { margin-left:10px; } div.layer div.bottom div.buttons { position:relative; float:right; margin-top:26px; } div.layer div.bottom a.hint { position:relative; float:left; margin:10px 0 0 22px; } div.layer div.wrapper div.text_wrapper { height:120px; display:table; overflow:hidden; } div.layer div.wrapper div.text_wrapper div.text_inner { display:table-cell; vertical-align:middle; } div.layer div.wrapper div.text_scroller { position:absolute; top:50px; right:12px; width:462px; height:257px; padding-top:10px; overflow:auto; overflow-x:hidden; } div.layer div.wrapper div.small_scroller { display:block; clear:both; width:454px; height:45px; overflow:auto; overflow-x:hidden; } div.layer div.wrapper div.subnav { position:absolute; top:22px; right:50px; font-size:10px; color:#738189; } div.layer div.wrapper div.subnav a { font-size:10px; color:#738189; text-decoration:none; } div.layer div.wrapper div.subnav a.active, div.layer div.wrapper div.subnav a:hover, div.layer div.wrapper div.subnav a:focus { color:#011a35; } div.layer div.wrapper ul.options { margin-bottom:20px; } div.layer div.wrapper ul.options li { margin-bottom:0; } div.layer div.wrapper ul.options li a { font-size:10px; font-weight:normal; } div.layer div.wrapper div.logo { width:117px; height:117px; background:url('../images/content_team_frame_large.png') 0 0 no-repeat; } div.layer div.wrapper div.content_edit { min-height:250px; } div.layer div.wrapper p.amount { font-weight:bold; font-size:18px; } div.layer_terms div.wrapper { width:454px; height:318px; border-left:225px solid transparent; } div.layer_error div.text_inner, div.layer_message div.text_inner, div.layer_success div.text_inner { padding-left:100px; } div.layer h5 { margin-bottom:5px; } div.layer h5 span { color:#ff4200; font-weight:bold; font-size:13px; } div.layer h5.dots { margin-bottom:5px; margin-top:10px; } div.layer h5.dots span.left { color:#738FAA; margin-top:5px; } div.layer div.col_left { width:175px; height:195px; float:left; } div.layer div.col_right { width:255px; height:195px; float:right; } div.layer table td { padding-bottom:5px; vertical-align:top; } div.layer_error h4 { color:#c40101; } div.layer_message h4 { color:#ff6400; } div.layer_success h4 { color:#27a700; } div.layer div.wrapper form { padding-top:5px; } div.layer div.wrapper form.edit { padding-top:0; } div.layer div.wrapper form.edit div.top input { width:250px; margin-top:-2px; } div.layer div.wrapper form.edit h5.dots { margin-top:6px; } div.layer div.wrapper form.edit h5.dots a.edit { float:right; color:#738189; font-size:10px; font-weight:normal; margin-top:5px; margin-bottom:0; } div.layer div.wrapper form.edit table td { padding-bottom:10px; } div.layer div.wrapper form.edit table td.last { text-align:right; } div.layer div.wrapper form.edit table td.label { padding-left:5px; } div.layer div.wrapper form.edit table td table td { padding:0; } div.layer div.wrapper form.edit table select { width:175px; } div.layer div.wrapper form.edit table select.year { width:55px; } div.layer div.wrapper form.edit table select.month { width:64px; } div.layer div.wrapper form.edit table select.day { width:50px; } div.layer div.wrapper form.edit table select.shoe { width:64px; } div.layer div.wrapper form.edit table input { width:170px; } div.layer div.wrapper form.edit table input.radio { margin-right:5px; vertical-align:middle; float:left; } div.layer div.wrapper form.edit table input.feet { width:25px; margin-right:3px; text-align:right; } div.layer div.wrapper form.edit table input.inch { width:30px; margin-right:3px; text-align:right; } div.layer div.wrapper form.edit table span.label { vertical-align:middle; margin-right:5px; float:left; } div.layer div.wrapper form.edit table span.edit_links, div.layer div.wrapper form.edit table a.edit { color:#738189; font-size:10px; margin-top:3px; } div.layer div.wrapper form.edit table span.edit_links a.edit { float:none; margin:0; } div.layer div.wrapper form.edit textarea { width:454px; height:40px; } div.layer div.wrapper form.edit input.file { width:170px; border:none; margin-top:10px; } div.layer div.wrapper input.checkbox { float:left; margin-bottom:5px; } div.layer div.wrapper label.checkbox { display:-moz-inline-box; display:inline-block; float:left; padding-left:5px; margin-bottom:5px; } div.layer_info div.wrapper { background:url('../images/layer_info.png') 0 0 no-repeat; } div.layer_error div.wrapper { background:url('../images/layer_error.png') 0 0 no-repeat; } div.layer_message div.wrapper { background:url('../images/layer_message.png') 0 0 no-repeat; } div.layer_success div.wrapper { background:url('../images/layer_success.png') 0 0 no-repeat; } div.layer_terms div.wrapper { background:url('../images/layer_terms.png') 0 0 no-repeat; } div.layer_flexible div.wrapper { height:auto; padding:0; width:498px; } div.layer_flexible div.wrapper div.top { height:23px; padding:22px 0 0 22px; overflow:hidden; background:url('../images/layer_flexible_top.png') 0 0 no-repeat; } div.layer_flexible div.wrapper div.top_plain { height:23px; padding:22px 0 0 22px; overflow:hidden; background:url('../images/layer_flexible_top_plain.png') 0 0 no-repeat; } div.layer_flexible div.wrapper div.bottom { height:45px; background:url('../images/layer_flexible_bottom.png') 0 0 no-repeat; } div.layer_flexible div.wrapper div.content { padding:15px 22px; background:url('../images/layer_flexible_middle.png') 0 0 repeat-y; } div.layer_flexible div.wrapper div.tabs { padding:5px 12px 0; background:url('../images/layer_flexible_middle.png') 0 0 repeat-y; } div.layer_flexible div.wrapper div.content_tabs ul { left:10px; } div.layer_flexible div.wrapper div.content label { width:110px; display:block; float:left; margin-bottom:10px; } div.layer_flexible div.wrapper div.content label.last { margin-bottom:10px !important; } div.layer_flexible div.wrapper div.content input.last { margin-bottom:20px !important; } div.layer_flexible div.wrapper div.content tr#insert_states td label { width:auto; margin:0px; } div.layer_flexible div.wrapper div.content input { float:left; margin-bottom:10px; } div.layer_flexible div.wrapper div.content textarea { width:100%; height:50px; } div.layer_flexible div.wrapper div.content label.checkbox { width:400px; padding-left:0; margin-bottom:0; } div.layer_flexible div.wrapper div.content label.checkbox input { margin-right:3px; } div.layer_flexible div.wrapper div.content label.checkbox input.checkbox { border:0; } div.layer_flexible div.wrapper div.content label.checkbox span { display:block; float:left; padding:0 0 0 5px; } div.layer_flexible div.wrapper div.content div.verfiy { margin-left:10px; } div.layer_flexible div.wrapper div.content fieldset.middle { margin-left:120px; } div.layer_flexible div.wrapper div.content fieldset.full{ margin-left:0; } div.layer_flexible div.wrapper div.content fieldset.middle select { width:200px; margin-bottom:10px; } div.layer_flexible div.wrapper div.content fieldset input { width:450px; margin-bottom:10px; } div.layer_flexible div.wrapper div.content fieldset label { float:none; width:auto; } div.layer_flexible div.wrapper div.content fieldset label span.label { margin-left:5px; } div.layer_flexible fieldset.subscribe { padding-left:70px; background:url('../images/content_fieldset_subscribe.jpg') 0 0 no-repeat; } div.layer_flexible fieldset.subscribe h5, div.layer_flexible fieldset.subscribe p { padding-left:20px; } div.layer_flexible fieldset.subscribe h5.mrgtop { padding-top:15px; } div.layer_flexible fieldset.subscribe span.label { display:block; padding-left:15px; } div.layer_flexible fieldset.subscribe p.recharge { border:2px solid #B5CADE; padding:5px; margin:0 40px 0 20px; } div.layer_flexible fieldset.subscribe p.recharge a { color:#567695; } div.layer_flexible fieldset.subscribe p.hint { color:#838383; margin:0; } div.layer_flexible fieldset.subscribe p.hint b { color:#838383; } div.layer_flexible fieldset.subscribe p.player_teams { font-weight:bold; } div.layer_flexible fieldset.subscribe label.clearfix { margin-bottom:5px !important; } div.layer_flexible div.wrapper div.content fieldset.personal_info label { width:75px; float:left; margin-bottom:15px; } div.layer_flexible div.wrapper div.content fieldset.personal_info input { width:170px; } div.layer_flexible div.wrapper div.content fieldset.personal_info input.feet { width:25px; text-align:right; } div.layer_flexible div.wrapper div.content fieldset.personal_info input.inch { width:30px; text-align:right; } div.layer_flexible div.wrapper div.content fieldset.personal_info select { width:175px; } div.layer_flexible div.wrapper div.content fieldset.personal_info select.year { width:55px; } div.layer_flexible div.wrapper div.content fieldset.personal_info select.month { width:64px; } div.layer_flexible div.wrapper div.content fieldset.personal_info select.shoe { width:64px; float:left; } div.layer_flexible div.wrapper div.content fieldset.personal_info select.day { width:50px; } div.layer_flexible div.wrapper div.content fieldset.personal_info span.label { float:left; vertical-align:middle; margin:-1px 7px 0 5px; } div.layer_flexible div.wrapper div.content fieldset.personal_info span.label_inline { margin-top:0; padding-top:3px; } div.layer_flexible div.wrapper div.content fieldset.personal_info a.hint { display:inline-block; padding:3px 0 0 5px; float:right; } div.layer_event div.wrapper { height:auto; padding:0; width:298px; border:0; position:relative; } div.layer_event div.wrapper div.close { top:12px; right:30px; background:url('../images/sprites_buttons.png') -15px -146px no-repeat; } div.layer_event div.wrapper div.top { height:19px; background:url('../images/layer_event_top.png') 0 0 no-repeat; } div.layer_event div.wrapper div.bottom { height:21px; background:url('../images/layer_event_bottom.png') 0 0 no-repeat; } div.layer_event div.wrapper div.content { padding:0 29px 0 19px; background:url('../images/layer_event_middle.png') 0 0 repeat-y; } div.layer_event div.wrapper div.arrow { position:absolute; top:110px; right:9px; width:14px; height:21px; background:url('../images/layer_event_arrow.png') 0 0 no-repeat; } div.layer_event div.wrapper div.content fieldset { padding-top:11px; background:url('../images/sprites_content.png') -519px -40px no-repeat; } div.layer_event div.wrapper div.content fieldset.first { padding-top:0; background:none; } div.layer_event div.wrapper div.content label { width:40px; display:block; float:left; padding-top:1px; } div.layer_event div.wrapper div.content label.medium { width:60px; } div.layer_event div.wrapper div.content input, div.layer_event div.wrapper div.content select { margin-bottom:8px; margin-right:2px; float:left; } div.layer_event div.wrapper div.content textarea { width:240px; height:40px; } div.layer_event div.wrapper div.content label.eventlabel { width:30px; padding-right:10px; text-align:right; } div.layer_event div.wrapper div.content input.eventtitle { width:165px; font-size:12px; font-weight:bold; } div.layer_event div.wrapper div.content select.wide { width:170px; } div.layer_event div.wrapper div.content select.short { width:125px; } div.layer_event div.wrapper div.content select.small { width:60px; } div.layer_event div.wrapper div.content select.tiny { width:45px; } div.layer_event div.wrapper div.content span.label { float:left; vertical-align:middle; margin:0 30px 0 5px; padding-top:1px; } div.layer_event div.wrapper div.content span.label_short{ margin:0 5px 0 3px; } div.layer_event div.wrapper div.content span.label_tiny { margin:0 5px 0 0; } div.layer_event div.wrapper div.content div.indent { padding-left:40px; } div.layer_event div.wrapper div.content div.indent label { margin-right:5px; } div.layer_event div.wrapper div.content div.indent input { width:145px; } div.layer_event div.wrapper div.content div.allday { float:left; margin-left:10px; padding-top:2px; } div.layer_event div.wrapper div.content div.allday span.label { margin-right:0; } div.layer_event div.wrapper div.content div.buttons { position:static; margin:10px 10px 0 0; } div.layer_event div.wrapper div.fieldset { padding:11px 0; background:url('../images/sprites_content.png') -519px -40px no-repeat; } div.layer_event div.wrapper div.fieldset_first { padding-top:0; background:none; } div.layer_event div.wrapper div.fieldset dl dt { float:left; width:70px; } div.layer_event div.wrapper div.fieldset dl dd { float:left; width:170px; } div.layer_event div.wrapper div.fieldset div.buttons { margin-top:0; } div.layer_event div.wrapper div.fieldset div.buttons a:hover, div.layer_event div.wrapper fieldset div.buttons a:hover, div.layer_event div.wrapper div.fieldset div.button_small a:hover { background:none !important; } div.layer_event div.wrapper div.fieldset h6 { margin-left:70px; margin-bottom:0; padding-top:5px; } div.layer_event div.wrapper div.fieldset a.map:hover { text-decoration:underline; } div.layer_event div.wrapper div.fieldset a.map { color:#738faa; float:right; text-decoration:none; background:none; } div.layer_event div.wrapper div.fieldset a.map:hover { text-decoration:underline; } div.layer_large div.wrapper { height:auto; padding:0; width:708px; } div.layer_large div.wrapper div.top { height:23px; padding:22px 0 0 30px; overflow:hidden; background:url('../images/layer_large_top.png') 0 0 no-repeat; } div.layer_large div.wrapper div.bottom { height:45px; background:url('../images/layer_large_bottom.png') 0 0 no-repeat; } div.layer_large div.wrapper div.content { min-height:400px; background:url('../images/layer_large_middle.png') 0 0 repeat-y; } div.layer_large div.wrapper div.tabs { padding:5px 12px 0; background:url('../images/layer_large_middle.png') 0 0 repeat-y; } div.layer_large div.wrapper div.account_wrapper { padding:15px 30px; } div.layer_large div.wrapper div.account_wrapper_nomrg { padding:0 12px; } div.layer_large div.wrapper h5.text_small { padding:0 10px 0 15px; } div.layer_large div.wrapper div.text_small { padding:0 10px 0 15px; width:400px; float:left; } div.layer_large div.wrapper div.text_large { padding:15px 10px 0 15px; } div.layer_large div.wrapper div.button_right { margin-right:10px; margin-top:-20px; } div.layer_large div.wrapper .margin_wrapper { margin:0 50px 0 120px; position:relative; } div.layer_large div.wrapper .margin_wrapper a.paypal { position:absolute; top:30px; right:80px; } div.layer_large div.wrapper .hint { font-size:10px; color:#8b8c8c; } div.layer_large div.wrapper .hint a { font-size:10px; color:#738faa; text-decoration:underline; } div.layer_large div.wrapper fieldset ul.credits_buy { margin-bottom:15px; } div.layer_large div.wrapper fieldset ul.credits_buy li { margin-bottom:5px; display:block; clear:both; } div.layer_large div.wrapper fieldset ul.credits_buy li h5 { float:left; } div.layer_large div.wrapper fieldset ul.credits_buy li h5.price { padding-left:45px; } div.layer_large div.wrapper fieldset ul.credits_buy li label { display:block; float:left; } div.layer_large div.wrapper fieldset ul.credits_buy li label input.radio { float:left; margin-right:5px; } div.layer_large div.wrapper fieldset ul.credits_buy li label span.label { display:block; float:left; width:75px; font-size:12px; font-weight:bold; } div.layer_large div.wrapper fieldset ul.credits_buy li label span.costs { font-size:12px; color:#8b8c8c; } div.layer_large div.wrapper fieldset ul.credits_buy li label span.costs b { font-size:12px; color:#011a35; } div.layer_large div.wrapper fieldset span.hint_rounded { padding-left:95px; font-size:10px; color:#8b8c8c; } div.layer_large div.wrapper fieldset select { width:180px; margin-bottom:10px; } div.layer_large div.wrapper ul.credits_confirm { width:180px; } div.layer_large div.wrapper ul.credits_confirm li { padding:3px 10px; } div.layer_large div.wrapper ul.credits_confirm li.first { padding:6px 10px; background:#f1f4f7; } div.layer_large div.wrapper ul.credits_confirm li.first span.hint { color:#8d8d8d; } div.layer_large div.wrapper p.hint_vat { padding-left:10px; } div.layer_large div.wrapper div.buttons_inline span { padding:10px 10px 0; float:left; } div.layer_large div.wrapper div.buttons_inline div.button_small { margin-top:8px !important; } div.layer_large div.wrapper div.table_header { height:15px; padding:5px 3px 3px; margin:0 1px; color:#fff; text-align:center; font-weight:bold; text-transform:uppercase; font-family:Arial,Helvetica,sans; position:relative; background:url('../images/sprites_content.png') 0 -17px no-repeat; } div.layer_large div.wrapper div.table_header a.left { display:block; float:left; width:5px; height:9px; position:absolute; left:6px; top:6px; background:url('../images/sprites_buttons.png') -192px -150px no-repeat; } div.layer_large div.wrapper div.table_header a.right { display:block; float:left; width:5px; height:9px; position:absolute; right:6px; top:6px; background:url('../images/sprites_buttons.png') -197px -150px no-repeat; } div.layer_large div.wrapper table.account_table { width:682px; margin:0 1px 30px 1px; } div.layer_large div.wrapper table.account_table tr th { background:#cddae6; padding:2px 15px !important; border-right:1px solid #fff; font-weight:bold; text-transform:uppercase; font-size:10px; font-family:Arial,Helvetica,sans; } div.layer_large div.wrapper table.account_table tr th.last { border-right:0; } div.layer_large div.wrapper table.account_table tr td { padding:2px 5px 2px 15px !important; border-bottom:1px solid #ced3d6; vertical-align:top; } div.layer_large div.wrapper table.account_table tr td.teamname { color:#4a6c8d; font-weight:bold; } div.layer_large div.wrapper table.account_table tr td.statstype { font-weight:bold; } div.layer_large div.wrapper table.account_table tr td span.user { color:#ff5200; font-weight:bold; } div.layer_large div.wrapper table.account_table tr td.earnings { text-align:right; padding-right:25px !important; } div.layer_large div.wrapper table.account_table tr td.totals { text-align:right; border:none; } div.layer_large div.wrapper table.account_table tr td.totals a.hint { color:#748faa; } div.layer_large div.wrapper div.balance { float:right; margin-right:35px; height:35px; overflow:hidden; background:url('../images/sprites_content.png') -494px -1251px no-repeat; } div.layer_large div.wrapper div.balance span { display:block; float:left; font-weight:bold; font-size:13px; padding:10px 15px 0; } div.layer_large div.wrapper p.request_payment { padding:10px 0 0 290px; font-size:10px; } div.layer_large div.wrapper p.request_payment a.hint { color:#4a6c8d; } div.layer_large div.wrapper p.contributions_total { text-align:right; padding-right:15px; font-weight:bold; margin-top:-15px; } div.layer_large div.wrapper div.fieldset_left { width:295px; float:left; margin-right:15px; } div.layer_large div.wrapper div.fieldset_left label { display:block; float:left; clear:both; width:80px; margin-bottom:7px; padding-top:3px; } div.layer_large div.wrapper div.fieldset_left input { width:180px; margin-bottom:7px; } div.layer_large div.wrapper div.fieldset_left select { margin-bottom:7px; } div.layer_large div.wrapper div.fieldset_left select.large { width:95px; } div.layer_large div.wrapper div.fieldset_left select.year { width:60px; } div.layer_large div.wrapper div.fieldset_left select.month { width:60px; } div.layer_large div.wrapper div.fieldset_left select.day { width:60px; } div.layer_large div.wrapper div.fieldset_right { width:330px; float:left; } div.layer_large div.wrapper div.fieldset_right label { display:block; float:left; clear:both; width:125px; margin-bottom:7px; padding-top:3px; } div.layer_large div.wrapper div.fieldset_right input { width:180px; margin-bottom:7px; } div.layer_large div.wrapper div.fieldset_right select { margin-bottom:7px; } div.layer_large div.wrapper div.fieldset_right select.large { width:185px; } div.layer_large div.wrapper div.label { float:left; margin:-2px 0 10px 10px; } div.layer_large div.wrapper div.label input { width:100px; } /* inline edit icons */ #content ul li em.inline_line { display:-moz-inline-box; display:inline-block; visibility:hidden; width:9px; height:15px; background:url('../images/sprites_buttons.png') -57px -146px no-repeat; } #content ul li em.inline_line, x:-moz-any-link { margin-bottom:13px !important; } #content ul li em.inline_line, x:-moz-any-link, x:default { margin-bottom:0px !important; } #content ul li a.inline_link, x:-moz-any-link { margin-bottom:13px !important; } #content ul li a.inline_link, x:-moz-any-link, x:default { margin-bottom:0px !important; } #content ul li a.inline_text, x:-moz-any-link { margin-bottom:0 !important; } #content ul li a.inline_text, x:-moz-any-link, x:default { margin-bottom:0px !important; } #content ul li a.inline_link { visibility:hidden; display:-moz-inline-box; display:inline-block; margin-right:4px; width:9px; height:15px; } #content ul li a.inline_text { width:auto; vertical-align:top; padding-top:1px; font-size:10px; color:#567695;} #content ul li a.inline_mail { width:13px; background:url('../images/sprites_buttons.png') -66px -146px no-repeat; } #content ul li a.inline_up { background:url('../images/sprites_buttons.png') -30px -146px no-repeat; } #content ul li a.inline_down { background:url('../images/sprites_buttons.png') -39px -146px no-repeat; } #content ul li a.inline_delete { background:url('../images/sprites_buttons.png') -48px -146px no-repeat; } #content ul li a.inline_stats { width:16px; background:url('../images/sprites_buttons.png') -124px -146px no-repeat; } /* form box */ #content div.form_box { margin-bottom:10px; padding:7px; border:1px solid #ced3d6; background:#f1f4f7; } #content div.form_box fieldset { margin:0; } #content div.form_box input, #content div.form_box select { margin-bottom:0; } /* content boxes */ #content div.content_box { margin-bottom:5px; padding:20px 0; border:1px solid #ced3d6; border-top:0; background:#f1f4f7; } /* pager */ #content div.pager { text-align:center; color:#738faa; } #content div.pager span { display:inline; font-size:10px; color:#738faa; } #content div.pager a { font-size:10px; color:#738faa; } #content div.pager span.current { font-size:10px; color:#011a35; } #content div.pager span.disabled { color:#ccc; } /* hint */ #content .hint a.delete { display:-moz-inline-box; display:inline-block; width:9px; height:13px; /*margin-left:4px;*/ vertical-align:middle; background:url('../images/sprites_buttons.png') -48px -149px no-repeat; } #content .hint a.message, x:-moz-any-link { margin-bottom:11px; } #content .hint a.message, x:-moz-any-link, x:default { margin-bottom:0; } #content .hint a.message { display:-moz-inline-box; display:inline-block; width:13px; height:12px; background:url('../images/sprites_buttons.png') -66px -146px no-repeat; } #content .hint_inactive { color:#838383; } #content .hint_inactive a.delete { color:#838383; background:url('../images/sprites_buttons.png') -164px -149px no-repeat; } span.hin_icon { display:block; float:left; width:17px; height:17px; margin:0 10px 25px 0; background:url('../images/sprites_buttons.png') -79px -146px no-repeat; } /* statistics icons */ div.icon_stats_computer { width:47px; height:36px; margin-bottom:5px; background:url('../images/sprites_content.jpg') 0 -190px no-repeat; } div.icon_stats_player { width:145px; height:36px; margin:20px 0 5px; background:url('../images/sprites_content.jpg') -47px -190px no-repeat; } div.icon_stats_happy { width:49px; height:41px; margin:20px 0 5px; background:url('../images/sprites_content.jpg') -192px -185px no-repeat; } /************************************************************ * SPECIFIC CONTENT ************************************************************/ /* registration: progress indicator */ #content div.progress { margin-bottom:15px; } #content div.col_right div.progress { margin-left:-5px; } #content div.col_right div.progress a, #content div.col_right div.progress span { display:block; float:left; height:50px; } #content div.col_right div.progress span.step1 { width:73px; background:url('../images/sprites_content.png') 0 -40px no-repeat; } #content div.col_right div.progress span.step2 { width:114px; background:url('../images/sprites_content.png') -73px -40px no-repeat; } #content div.col_right div.progress span.step3 { width:60px; background:url('../images/sprites_content.png') -301px -40px no-repeat; } #content div.col_right div.progress a.step2 { width:114px; background:url('../images/sprites_content.png') -73px -40px no-repeat; } #content div.col_right div.progress a.step2:hover, #content div.col_right div.progress a.step2:focus { background:url('../images/sprites_content.png') -187px -40px no-repeat; } #content form.boxed div.progress { position:absolute; right:0; top:-10px; } #content form.boxed div.progress a, #content form.boxed div.progress span { display:block; float:left; height:35px; } #content form.boxed div.progress span.step1 { width:47px; background:url('../images/sprites_content.png') 0 -90px no-repeat; } #content form.boxed div.progress span.step2 { width:52px; background:url('../images/sprites_content.png') -371px -90px no-repeat; } #content form.boxed div.progress span.step3 { width:42px; background:url('../images/sprites_content.png') -183px -90px no-repeat; } #content form.boxed div.progress a.step1 { width:63px; background:url('../images/sprites_content.png') -115px -90px no-repeat; } #content form.boxed div.progress a.step1:hover, #content form.boxed div.progress a.step1:focus { background:url('../images/sprites_content.png') -47px -90px no-repeat; } #content form.boxed div.progress a.step2 { width:73px; background:url('../images/sprites_content.png') -225px -90px no-repeat; } #content form.boxed div.progress a.step2:hover, #content form.boxed div.progress a.step2:focus { background:url('../images/sprites_content.png') -298px -90px no-repeat; } #content div.col_right p.demoteam { margin:0; padding:5px 0 0; text-align:center; } #content div.col_right p.demoteam a { color:#506f8e; text-decoration:underline; } #content div.col_right p.sponsor { text-align:center; margin:25px 0 0; } /* registration: form elements */ #content div.teaser_registration_free { position:absolute; right:10px; top:-30px; width:42px; height:50px; } #content form.boxed { width:395px; margin:0 auto; } #content form.boxed h4 { position:relative; } #content form.boxed h4 img { position:absolute; right:0; top:-7px; } #content form.boxed h5 { position:relative; } #content form.boxed h5 span { position:absolute; right:0; top:1px; } #content form.boxed span.hint_username { display:block; margin:-10px 0 10px 105px; } #content form.boxed span.terms { display:-moz-inline-box; display:inline-block; float:left; padding:5px 0 0 5px; width:370px; } #content form.boxed input.terms { float:left; margin-top:5px; } #content form.boxed div.button_large { margin-top:5px; } #content form.boxed fieldset { padding:10px; border:2px solid #b5cade; background:#fff; margin-top:5px; } #content form.boxed fieldset label { width:105px; } #content form.boxed fieldset select { width:206px; } #content form.boxed fieldset input { width:200px; } #content form.boxed fieldset input.radio, #content form.boxed fieldset input.checkbox { margin:0 10px 0 83px; float:left; } #content form.boxed fieldset textarea { width:200px; height:100px; } #content form.boxed fieldset div.textlabel, #content form.boxed fieldset label.textlabel { float:left; width:260px; padding-bottom:10px; margin-top:-1px; } #content form.boxed fieldset div.textlabel { padding-bottom:0; } #content form.boxed fieldset div.textlabel input { margin-bottom:0; } #content div.confirmation { width:395px; margin:0 auto; padding-top:90px; } #content div.confirmation h1 { position:relative; padding-left:270px; } #content div.confirmation h1 img { position:absolute; left:0; top:-7px; } #content div.confirmation div.box { padding:10px; border:2px solid #b5cade; background:#fff; } #content div.confirmation div.box ul { margin-left:50px; } #content div.confirmation div.box ul li { margin-bottom:5px; } #content div.confirmation div.box ul li * { float:left; } #content div.confirmation div.box ul li span { display:inline-block; width:75px; } #content div.confirmation div.box ul li div.field { padding:2px 4px; width:120px; font-size:14px; background:#d1d7dd; margin-right:10px; } #content div.confirmation div.button_small { margin-top:5px; } /* page header image */ #content div.header_image { height:136px; margin-bottom:20px; } #content div.header_image h1 { color:#fff; padding:12px 0 0 10px; } #content div.header_image h1 span { color:#fff; } /* teams: add team */ #content form.addteam h5 { margin-bottom:3px; } #content form.addteam fieldset { padding:5px 0 0 125px; border-top:1px #969b9d dotted; } #content form.addteam fieldset.last { border-bottom:1px solid #ced3d6; } #content form.addteam fieldset label { width:85px; } #content form.addteam fieldset label.small { width:auto; padding:2px 5px 0 15px; white-space:nowrap; } #content form.addteam fieldset input { width:265px; } #content form.addteam fieldset input.large { width:350px; } #content form.addteam fieldset input.radio { float:left; margin-right:5px; margin-bottom:10px; } #content form.addteam fieldset label.textlabel { float:left; width:340px; padding-bottom:10px; margin-top:-2px; } #content form.addteam fieldset select { width:150px; float:left; } #content form.addteam fieldset select.small { width:70px; } #content form.addteam fieldset span.hint { margin:-8px 22px 0 0; } #content form.addteam fieldset span.label { vertical-align:top; margin-right:10px; } #content form.addteam fieldset textarea { width:354px; height:50px; } #content form.addteam div.button_small { margin:5px 0 0 10px; } #content form.addteam div#team_insert_states div.clearfix { display:inline !important; } /* teams: shortlist */ #content ul.teamview { margin-bottom:5px; } #content ul.teamview li { position:relative; padding:7px 8px; height:82px; border-bottom:1px solid #ced3d6; margin-top:1px; background:#fff; } #content ul.teamview li:hover { background:#f1f4f7; } #content ul.teamview li div.logo { float:left; width:71px; height:71px; margin-right:13px; background:url('../images/content_team_frame.png') 0 0 no-repeat; } #content ul.teamview li h5 { margin:5px 0; } #content ul.teamview li h5 a { padding-right:10px; } #content ul.teamview li h5 a.nopad { padding-right:0; } #content ul.teamview li h5 em { font-weight:normal; font-size:10px; } #content ul.teamview li h5 label { display:-moz-inline-box; display:inline-block; float:none; font-size:11px; font-weight:normal; color:#011a35; padding:0; } #content ul.teamview li h5 label input { margin:0; } #content ul.teamview li p { margin-bottom:0; } #content ul.teamview li div.icon { position:absolute; top:7px; right:8px; } #content ul.teamview li div.actions { position:absolute; bottom:7px; right:8px; font-size:10px; color:#4a6c8d; } #content ul.teamview li div.actions a { font-size:10px; color:#4a6c8d; } #content ul.teamview li.inactive * { color:#a5acb4 !important; } #content ul.teamview li.first { border-top:1px solid #ced3d6; } #content h5 label span.import { display:-moz-inline-box; display:inline-block; width:23px; height:13px; background:url('../images/sprites_buttons.png') -202px -147px no-repeat; } #content div.fan_inactive { width:17px; height:17px; background:url('../images/sprites_content.png') 0 0 repeat-x; } #content div.coach_inactive { width:17px; height:17px; background:url('../images/sprites_content.png') -68px 0 repeat-x; } #content div.player_inactive { width:17px; height:17px; background:url('../images/sprites_content.png') -136px 0 repeat-x; } #content div.staff_inactive { width:17px; height:17px; background:url('../images/sprites_content.png') -204px 0 repeat-x; } #content div.fan_active { width:17px; height:17px; background:url('../images/sprites_content.png') -34px 0 repeat-x; } #content div.coach_active { width:17px; height:17px; background:url('../images/sprites_content.png') -102px 0 repeat-x; } #content div.player_active { width:17px; height:17px; background:url('../images/sprites_content.png') -170px 0 repeat-x; } #content div.staff_active { width:17px; height:17px; background:url('../images/sprites_content.png') -238px 0 repeat-x; } #content div.fan_inactive_background, #content ul.teamview li:hover div.fan_inactive { width:17px; height:17px; background:url('../images/sprites_content.png') -17px 0 repeat-x; } #content div.coach_inactive_background, #content ul.teamview li:hover div.coach_inactive { width:17px; height:17px; background:url('../images/sprites_content.png') -85px 0 repeat-x; } #content div.player_inactive_background, #content ul.teamview li:hover div.player_inactive { width:17px; height:17px; background:url('../images/sprites_content.png') -153px 0 repeat-x; } #content div.staff_inactive_background, #content ul.teamview li:hover div.staff_inactive { width:17px; height:17px; background:url('../images/sprites_content.png') -221px 0 repeat-x; } #content div.fan_active_background, #content ul.teamview li:hover div.fan_active { width:17px; height:17px; background:url('../images/sprites_content.png') -51px 0 repeat-x; } #content div.coach_active_background, #content ul.teamview li:hover div.coach_active { width:17px; height:17px; background:url('../images/sprites_content.png') -119px 0 repeat-x; } #content div.player_active_background, #content ul.teamview li:hover div.player_active { width:17px; height:17px; background:url('../images/sprites_content.png') -187px 0 repeat-x; } #content div.staff_active_background, #content ul.teamview li:hover div.staff_active { width:17px; height:17px; background:url('../images/sprites_content.png') -255px 0 repeat-x; } /* user: shortlist */ #content ul.userview { margin-bottom:20px; border:1px solid #ced3d6; border-width:1px 0; } #content ul.userview li { padding:7px 8px; width:226px; float:left; margin:1px 10px 0 0; border-bottom:1px solid #ced3d6; background:#fff; } #content ul.userview li:hover { background:#f1f4f7; } #content ul.userview li div.logo { float:left; width:56px; height:56px; margin-right:7px; background:url('../images/content_team_frame_small.png') 0 0 no-repeat; } #content ul.userview li h5 { margin:5px 0; padding-right:10px; } #content ul.userview li h5 a { padding-right:10px; } #content ul.userview li h5 em { font-weight:normal; font-size:10px; } #content ul.userview li h5 label { display:-moz-inline-box; display:inline-block; float:none; font-size:11px; font-weight:normal; color:#011a35; padding:0; } #content ul.userview li h5 label input { margin:0; } #content ul.userview li p { margin-bottom:0; } #content ul.userview li.last { border-bottom:none; } #content ul.userview li.right { margin:0; } #content ul.userview_no_border { border-top:0; } /* teams: info header */ #content div.content_header div.team_info { position:absolute; right:21px; top:15px; width:248px; height:62px; } #content div.content_header div.team_info div.logo { float:left; width:56px; height:56px; margin-right:7px; background:url('../images/content_team_frame_small.png') 0 0 no-repeat; } #content div.content_header div.team_info p { color:#738faa; padding-top:7px; font-size:10px; margin-bottom:5px; } #content div.content_header div.team_info ul li, #content div.content_header div.team_info ul li a { float:left; color:#738faa; margin-right:3px; font-size:10px; } #content div.content_header ul.member_options { position:absolute; right:290px; top:30px; } #content div.content_header ul.member_options li, #content div.content_header ul.member_options li span, #content div.content_header ul.member_options li a { float:left; color:#738faa; margin-right:3px; font-size:10px; } /* teams: blackboard */ #content div.blackboard { background:#f1f4f7; border:1px solid #ced3d6; padding:3px; } #content div.blackboard div.notes { overflow:hidden; margin-bottom:10px; position:relative; background:url('../images/sprites_content.png') 0 -422px no-repeat; } #content div.blackboard div.notes ul { padding-top:6px; margin:0 0 5px 36px; } #content div.blackboard div.notes ul li { width:700px; overflow:hidden; text-align:center; padding:4px; } #content div.blackboard div.notes ul li, x:-moz-any-link { padding:0; margin-bottom:-10px; } #content div.blackboard div.notes ul li, x:-moz-any-link, x:default { padding:4px; margin-bottom:0; } #content div.blackboard div.notes ul li.first { margin-bottom:5px; background:url('../images/sprites_content.png') 20px bottom no-repeat; } #content div.blackboard div.notes ul li span { font-size:14px; color:#fff; margin-right:10px; } #content div.blackboard div.notes ul li.first span { font-size:18px; color:#ff5c00; } #content div.blackboard div.notes ul li span.nowrap { margin:0; } #content div.blackboard div.notes ul li:hover a.inline_link { visibility:visible; } #content div.blackboard div.notes ul li:hover em.inline_line { visibility:visible; } #content div.blackboard div.notes ul.one_item li.first { background:none; } #content div.blackboard div.notes img.icon_top { position:absolute; top:6px; left:6px; } #content div.blackboard div.notes img.icon_bottom { position:absolute; bottom:6px; left:11px; } #content div.blackboard div.notes div.line { position:absolute; top:33px; left:17px; width:2px; display:none; background:url('../images/sprites_content.png') -235px -221px no-repeat; } #content div.blackboard div.notes div.line_three_items { height:22px; } #content div.blackboard div.notes div.line_four_items { height:43px; } #content div.blackboard form fieldset { padding:0 12px; } #content div.blackboard form fieldset input { width:595px; float:left; padding:3px 2px; } #content div.blackboard form fieldset a { width:30px; text-align:center; display:block; float:left; padding-top:4px; text-decoration:none; } /* sidebar items */ #content ul.side_items { margin:15px 0 0 6px; } #content ul.side_items li { width:238px; padding:15px 0 5px 0; background:url('../images/content_col_right_separator.png') left bottom no-repeat; } #content ul.side_items li.last { padding-bottom:0; background:none; } #content ul.side_items li div.container { min-height:85px; } #content ul.side_items li a.option { display:block; clear:both; text-align:right; color:#738faa; font-size:10px; } #content ul.side_items li span.options { display:block; clear:both; text-align:right; color:#738faa; font-size:10px; } #content ul.side_items li span.options a { color:#738faa; font-size:10px; } #content ul.side_items li ul li { background:none; padding-top:5px; } #content ul.side_items li ul.network { margin-top:5px; } #content ul.side_items li ul.images li { float:left; width:77px; height:77px; } #content ul.side_items li ul.images li a { display:block; width:71px; height:71px; padding:6px 0 0 6px; background:url('../images/content_team_frame.png') 0 0 no-repeat; } #content ul.side_items li h6 { margin-bottom:0; } /* call to action */ #content div.cta { text-align:center; padding: 10px 5px; background:#e7ff93; border:2px solid #a5d300; border-width:2px 0; color:#4a6c8d; font-weight:bold; font-size:13px; } #content div.cta a { color:#011a35; font-weight:bold; font-size:18px; text-decoration:underline; display:block; padding-bottom:3px; } #content div.cta_mrgtop { margin-top:20px; } /* userprofile: holler */ #content div.col_left fieldset.holla { padding:13px 5px 5px 5px; margin-bottom:15px; background:#f5dcbd; } #content div.col_left fieldset.holla input { width:425px; height:22px; padding-top:2px; font-size:16px; float:left; margin-bottom:0; } #content div.col_left fieldset.holla div.button_large { padding-left:5px; height:27px; } #content div.col_left fieldset.holla div.button_large input { padding-right:5px !important; } #content div.col_right fieldset.holla { width:235px; height:105px; margin-bottom:10px; position:relative; background:url('../images/sprites_content.png') 0 -221px no-repeat; } #content div.col_right fieldset.holla textarea { position:absolute; top:18px; left:10px; width:213px; height:48px; } #content div.col_right fieldset.holla label { position:absolute; top:77px; left:10px; } #content div.col_right fieldset.holla label input { float:left; margin-right:3px; } #content div.col_right fieldset.holla div.button_small { position:absolute; top:77px; left:185px; } /* userprofile: activities */ #content ul.activities { margin-top:5px; margin-bottom:20px; } #content ul.activities li { padding:10px 0; border-bottom:1px solid #ced3d6; } #content ul.activities li h5 { font-size:12px; } #content ul.activities li ul { margin-left:75px; } #content ul.activities li ul li { padding:0; border:none; } #content ul.activities li ul.conversation { margin-left:20px; } #content ul.activities li ul.conversation li div.logo { float:left; width:35px; height:35px; padding:6px 0 0 6px; background:url('../images/content_team_frame_tiny.png') 0 0 no-repeat; } #content ul.activities li ul.conversation li ul { padding-left:0px; margin-left:55px; margin-bottom:10px; background:#fcf2e8; } #content ul.activities li ul.conversation li ul li { padding:4px; border-bottom:1px solid #ced3d6; } #content ul.activities li ul.conversation li ul li dl dt { margin-bottom:5px; min-height:15px; } #content ul.activities li ul.conversation li ul li dl dt span { float:right; font-size:10px; color:#b0b1b2; } #content ul.activities li ul.conversation li ul li dl dd a.action { float:right; font-size:10px; color:#738faa; } #content ul.activities li ul.conversation li ul li input { width:340px; height:22px; padding-top:2px; font-size:16px; margin-bottom:0; float:left; } #content ul.activities li ul.conversation li ul li div.button_large { padding-left:5px; } #content ul.activities li ul.conversation li ul li div.button_large input{ padding-right:5px !important; } /* userprofile: comments */ #content fieldset.comment { height:84px; overflow:hidden; margin-bottom:15px; padding:6px 11px 6px 6px; } #content fieldset.comment div.logo { float:left; width:56px; height:56px; margin-right:7px; background:url('../images/content_team_frame_small.png') 0 0 no-repeat; } #content fieldset.comment textarea { margin-top:4px; margin-bottom:5px; height:52px; } #content fieldset.comment input { margin-top:4px; margin-bottom:5px; width:402px; } #content div.two_columns_blue fieldset.comment { width:477px; background:url('../images/sprites_content.png') 0 -125px no-repeat; } #content div.two_columns_blue fieldset.comment textarea { width:406px; } #content div.one_column_white fieldset.comment { width:743px; background:url('../images/sprites_content.png') 0 -326px no-repeat; } #content div.one_column_white fieldset.comment textarea { width:672px; } #content fieldset.comment_large { height:125px; } #content fieldset.comment_large textarea { height:68px } #content div.two_columns_blue fieldset.comment_large { width:477px; background:url('../images/sprites_content.png') 0 -1126px no-repeat; } #content ul.comments li dl dt span.date { float:right; font-size:10px; font-weight:normal; color:#b0b1b2; } #content ul.comments li dl dt { min-height:15px; } #content ul.comments li dl dd p { margin-bottom:5px; } #content ul.comments li dl dd p.actions, #content ul.comments li dl dd p.actions a { color:#738faa; font-size:10px; } #content div.col_left ul.comments li { margin-bottom:15px; } #content div.col_left ul.comments { margin-left:6px; } #content div.col_left ul.comments li div.logo { float:left; width:56px; height:56px; margin-right:7px; background:url('../images/content_team_frame_small.png') 0 0 no-repeat; } #content div.col_left ul.comments li dl { margin-left:70px; } #content div.col_left ul.comments li dl dt { margin-bottom:5px; padding-top:5px; border-bottom:1px dotted #969b9d; padding-bottom:3px; } #content div.col_left ul.comments li dl dt span, #content div.col_left ul.comments li dl dt a.profilelink { font-weight:bold; } #content div.one_column_white ul.comments li { margin-bottom:15px; } #content div.one_column_white ul.comments { margin-left:6px; } #content div.one_column_white ul.comments li div.logo { float:left; width:56px; height:56px; margin-right:7px; background:url('../images/content_team_frame_small.png') 0 0 no-repeat; } #content div.one_column_white ul.comments li dl { margin-left:70px; } #content div.one_column_white ul.comments li dl dt { margin-bottom:5px; padding-top:5px; border-bottom:1px dotted #969b9d; padding-bottom:3px; } #content div.one_column_white ul.comments li dl dt span, #content div.one_column_white ul.comments li dl dt a.profilelink { font-weight:bold; } #content div.col_right ul.comments li div.logo { float:left; width:35px; height:35px; padding:6px 0 0 6px; background:url('../images/content_team_frame_tiny.png') 0 0 no-repeat; } #content div.col_right ul.comments li dl { margin-left:45px; } #content div.col_right ul.comments li dl dd p { margin-bottom:0; } /* stats: edit info */ #content fieldset.stats_info { margin-left:115px; width:290px; } #content fieldset.stats_info label { width:120px; } #content fieldset.stats_info input { width:160px; } #content fieldset.stats_info select { width:166px; } #content fieldset.stats_info span.label { vertical-align:top; margin-right:5px; } #content dl.stats_info { margin-left:115px; width:290px; } #content dl.stats_info dt { float:left; width:120px; margin-bottom:5px; } #content dl.stats_info dd { float:left; width:160px; margin-bottom:5px; } #content fieldset.stats_lineup { margin:0 0 10px 80px; } #content fieldset.stats_lineup div.captain { width:24px; height:24px; padding:3px; text-align:center; background:#f1f4f7; float:left; } #content fieldset.stats_lineup div.captain input { margin-bottom:0; } #content fieldset.stats_lineup div.logo { float:left; width:71px; height:71px; margin-top:-6px; background:url('../images/content_team_frame.png') 0 0 no-repeat; } #content fieldset.stats_lineup div.details { height:55px; overflow:hidden; margin-right:1px; padding:5px; background:#f1f4f7; float:left; } #content fieldset.stats_lineup div.details h5 { margin-bottom:10px; } #content fieldset.stats_lineup div.details h6 { margin-bottom:8px; font-size:11px; text-align:center; } #content fieldset.stats_lineup div.details input { margin:0; width:20px; text-align:center; } #content fieldset.stats_lineup div.details select { margin:0; width:50px; } #content fieldset.stats_lineup div.details input.radio { margin:0 7px 2px 0; } #content fieldset.stats_lineup div.details span { display:block; float:left; text-align:center; padding-left:5px; } #content fieldset.stats_lineup div.details span.first { padding-left:0; } #content fieldset.stats_lineup div.details_more, #content fieldset.stats_lineup div.details_less { padding:0; height:65px; } #content fieldset.stats_lineup div.details_more a { display:block; width:7px; height:65px; background:url('../images/sprites_content.png') -237px -221px no-repeat; } #content fieldset.stats_lineup div.details_less a { display:block; width:7px; height:65px; background:url('../images/sprites_content.png') -244px -221px no-repeat; } #content fieldset.stats_lineup div.info { float:left; height:38px; padding:27px 10px 0; } #content fieldset.stats_lineup div.info a { font-size:10px; color:#4a6c8d; text-decoration:none; } #content fieldset.stats_lineup div.info a span { font-size:10px; color:#4a6c8d; } #content fieldset.stats_lineup div.info a em { width:17px; height:17px; float:left; margin:-2px 0 0 3px; background:url('../images/sprites_buttons.png') -79px -146px no-repeat; } #content fieldset.stats_lineup div.details_optional { background:#cfdce8; } #content fieldset.stats_lineup div.details_optional span { padding:0 2px; } #content p.stats_newplayer { margin:0 0 0 115px; } #content div.stats_done { text-align:right; } #content div.stats_done span { margin-right:10px; padding-top:5px; display:block; float:right; } /* stats insert details */ #content div.stats_insert { padding:5px; background:#f1f4f7; border:1px solid #CED3D6; float:left; } #content div.stats_minute { border-right:0; width:95px; } #content div.stats_minute span { float:left; display:block; padding:5px 5px 0 0; } #content div.stats_minute input { float:left; padding:5px; width:20px; text-align:center; margin:0; } #content div.stats_minute a.minute_prev { width:14px; height:14px; display:block; float:right; margin-top:5px; cursor:pointer; background:url('../images/sprites_buttons.png') -96px -146px no-repeat; } #content div.stats_minute a.minute_next { width:14px; height:14px; display:block; float:right; margin:5px 0 0 3px; cursor:pointer; background:url('../images/sprites_buttons.png') -110px -146px no-repeat; } #content div.stats_player { width:295px; margin-bottom:15px; position:relative; padding:5px 0; } #content div.stats_player div.player { width:41px; height:54px; overflow:hidden; float:left; margin:0 4px; } #content div.stats_player div.player a { display:block; padding:6px; width:35px; height:48px; text-decoration:none; } #content div.stats_player div.player span { font-size:14px; font-weight:bold; color:#fff; display:block; width:29px; text-align:center; } #content div.stats_player div.player_top { margin-bottom:10px; background:url('../images/sprites_content.png') -251px -221px no-repeat; } #content div.stats_player div.player_top span { margin-top:2px; } #content div.stats_player div.player_top_active { background:url('../images/sprites_content.png') -292px -221px no-repeat; } #content div.stats_player div.player_bottom { background:url('../images/sprites_content.png') -333px -221px no-repeat; } #content div.stats_player div.player_bottom a { padding-top:2px; } #content div.stats_player div.player_bottom span { margin-bottom:3px; } #content div.stats_player div.player_bottom_active { background:url('../images/sprites_content.png') -374px -221px no-repeat; } #content div.stats_player div.tab_small { position:absolute; bottom:-16px; right:10px; } #content div.stats_buttons { border-left:0; width:345px; } #content div.stats_buttons div.button_huge { margin-right:5px; } #content div.stats_buttons div.button_huge_last { margin-right:0; } #content table.scoreboard { width:100%; background:#f1f4f7; margin-bottom:40px; border-collapse:collapse; } #content table.scoreboard td { border:1px solid #CED3D6; padding:2px 5px; } #content table.scoreboard td fieldset { display:inline; margin:4px auto 0; } #content table.scoreboard td input { padding:5px 8px; width:20px; text-align:center; margin:0; float:left; font-size:14px; } #content table.scoreboard td fieldset input { width:30px; } #content table.scoreboard td input.home { border-color:#ff5c00; background:#fff; } #content table.scoreboard td span.period { float:left; margin-right:10px; font-weight:bold; } #content table.scoreboard td span.dots { display:block; float:left; width:9px; height:23px; margin-top:3px; background:url('../images/sprites_content.png') -237px -286px no-repeat; } #content table.scoreboard td div.home_team { float:left; font-size:13px; color:#ff5c00; font-weight:bold; padding:7px 7px 0 0; } #content table.scoreboard td div.away_team { float:left; font-size:13px; color:#112942; font-weight:bold; padding:7px 0 0 7px; text-align:left; } #content table.scoreboard td div.away_team span { font-size:10px; color:#4a6c8d; } /* calendar/stats list view */ #content ul.stats_detail { padding-bottom:5px; } #content ul.stats_detail li { border-top:1px solid #ced3d6; padding:5px 0; } #content ul.stats_detail li.stats_input { border-top:0; padding-top:0; } #content ul.stats_detail li.last { border-bottom:1px solid #ced3d6; } #content ul.stats_detail li strong { font-weight:bold; color:#567695; padding:3px 0; float:left; } #content ul.stats_detail li ul { clear:both; } #content ul.stats_detail li ul li { border:0; padding:3px 0 3px 120px; } #content ul.stats_detail li ul li.active, #content ul.stats_detail li ul li:hover { background:#f1f4f7; } #content ul.stats_detail li ul li:hover a.inline_link { visibility:visible; } #content ul.stats_detail li ul li:hover em.inline_line { visibility:visible; } #content ul.stats_detail li ul li span { margin-right:10px; } #content ul.stats_detail li em.inline_line, #content ul.stats_detail li a.inline_link { margin-bottom:-3px; } #content ul.stats_detail li ul li.total:hover { background:none; } #content ul.stats_detail li ul li.total span.total_points { float:right; color:#808080; margin:0; } #content ul.stats_detail li ul li.total span.total_points b { font-weight:normal; } /* stats output */ #content fieldset.stats_selector { margin:5px 0 10px; } #content fieldset.stats_selector select { margin-right:10px; float:left; } #content fieldset.stats_selector select.short { width:90px; } #content fieldset.stats_selector select.middle { width:110px; } #content fieldset.stats_selector select.long { width:170px; } #content fieldset.stats_selector div.button_small { float:left; } #content img.stats_frame { margin-left:-4px; } #content div.stats_table_wrapper { width:769px; margin-left:-4px; } #content div.stats_table_wrapper div.content_tabs { margin:0 13px 1px 13px; } #content table.stats_table { width:744px; margin-left:13px; } #content table.stats_table thead tr th { padding:1px 4px; border-right:1px solid #fff; text-transform:uppercase; font-size:10px; font-family:Arial,Helvetica,sans; white-space:nowrap; background:#cddae6; } #content table.stats_table thead tr th.last { border:none; } #content table.stats_table thead tr.header th { padding:4px 4px; font-weight:bold; color:#fff; font-size:11px; white-space:nowrap; background:url('../images/sprites_content.png') -251px -286px no-repeat; } /* NEW for dynamic stats by Christoph */ #content table.stats_table thead tr th a {display:block; text-decoration:underline; } #content table.stats_table thead tr.header th a { font-weight:bold;color:#fff; font-size:11px;} /* End of modification*/ #content table.stats_table tbody tr { margin-top:2px; } #content table.stats_table tbody tr td { border-right:1px solid #fff; background:#f1f4f7; border-top:2px solid #fff; text-align:center; vertical-align:middle; } #content table.stats_table tbody tr td.last { border-right:none; } #content table.stats_table tbody tr td.player_image { border-right:none; } #content table.stats_table tbody tr td.player_image img { display:block; } #content table.stats_table tbody tr td.player_name, #content table.stats_table tbody tr td.player_name span { text-align:left; color:#4a6c8d; } #content table.stats_table tbody tr td.player_name span.nowrap { color:#738FAA; font-weight:normal; } #content table.stats_table tbody tr td.player_starting { font-weight:bold; color:#011A35; } #content table.stats_table tbody tr td.player_starting span { font-weight:bold; color:#011A35; } #content table.stats_table tbody tr td.player_didnotplay { text-align:left; padding-left:7px; } #content table.stats_table tbody tr td.player_undefined { color:#4a6c8d; padding:13px 0 13px 3px; } #content table.stats_table tbody tr td.team_name { color:#4a6c8d; padding:5px 0 5px 5px; text-align:left; } #content table.stats_table tbody tr td.team_name b { color:#011a35; } #content table.stats_table tbody tr td div.logo { float:left; width:35px; height:35px; padding:6px 0 0 6px; background:url('../images/content_team_frame_tiny.png') 0 0 no-repeat; } #content table.stats_table tbody tr td.line { height:1px; background:#001f3e; border-bottom:2px solid #fff; border-bottom:2px solid #fff; border-right:none; } #content table.stats_table tbody tr td.line, x:-moz-any-link { height:5px; } #content table.stats_table tbody tr td.line, x:-moz-any-link, x:default { height:5px; } #content table.stats_table tbody tr.stats_totals td { padding:4px 0; } #content table.stats_table tbody tr.stats_totals td a { display:block; width:100%; height:100%; text-decoration:none; } #content table.stats_table tbody tr.stats_totals td.action { background:#ffceb2; } #content table.stats_table tbody tr.stats_totals td.active { background:#ff5c00; } #content table.stats_table tbody tr.stats_totals td.active a { color:#fff; } #content table.stats_table tbody tr td.team_name { color:#4a6c8d; padding:5px 0 5px 5px; text-align:left; } #content table.stats_table tbody tr td.stats_graph { background:#fff; text-align:left; padding-top:20px; } #content table.stats_table tbody tr td.stats_graph div.line_chart { border:1px solid #ced3d6; padding:6px 6px 0 6px; background:#f1f1f1; position:relative; } #content table.stats_table tbody tr td.stats_graph div.line_chart img.spacer { position:absolute; top:6px; left:6px; } #content div.stats_table_wrapper_practice { /*width:590px;*/ margin:0 auto; } #content div.stats_table_wrapper_practice div.button_small { margin-top:10px; } #content table.stats_table_practice { width:760px; margin:0; } #content table.stats_table tbody tr.team td { background:#ccd9e5; padding:13px 0 13px 3px; font-weight:bold; } #content table.stats_table tbody tr.team td.player_team { text-align:left; padding-left:7px; } #content table.stats_table tbody tr td input { width:30px; text-align:center; padding:4px; margin:3px 0 0 0; } #content div.stats_table_wrapper div.graph { margin:0 13px; position:relative; } #content div.stats_table_wrapper div.graph div { border:1px solid #ced3d6; padding:6px 6px 0 6px; background:#f1f1f1; margin-top:10px; margin-bottom:10px; position:relative; } #content div.stats_table_wrapper div.graph div.last { margin-bottom:0; } #content div.stats_table_wrapper div.graph div img { display:inline; } #content div.stats_table_wrapper div.graph div img.spacer { position:absolute; top:6px; left:6px; } #content div.stats_table_wrapper div.analysis { margin:0 13px; color:#fff; padding:2px; background:#8fa1b7 url('../images/sprites_content.png') 0 -700px repeat-x; } #content div.stats_table_wrapper div.analysis fieldset { float:left; margin:0 10px 0 20px; background:url('../images/content_stats_line.png') right 12px no-repeat; } #content div.stats_table_wrapper div.analysis fieldset.last { margin-right:0; background:0; } #content div.stats_table_wrapper div.analysis fieldset legend { color:#fff; padding-right:40px; margin-bottom:10px; height:18px; background:url('../images/sprites_content.png') right -222px no-repeat; } #content div.stats_table_wrapper div.analysis fieldset legend.two_columns { padding-right:100px; } #content div.stats_table_wrapper div.analysis fieldset legend.plain { padding-right:0; background:none; } #content div.stats_table_wrapper div.analysis fieldset input.radio { margin:0 5px 5px 0; } #content div.stats_table_wrapper div.analysis fieldset span.label { display:-moz-inline-box !important; display:inline-block !important; color:#fff; vertical-align:top; } #content div.stats_table_wrapper div.analysis fieldset div.button_large { margin-top:10px; float:left; } #content div.stats_wrapper { margin-top:-5px; } #content div.stats_tools { text-align:right; margin-bottom:10px; } #content div.stats_tools em, #content div.stats_tools a { visibility:visible !important; } #content span.stats_hint { display:block; padding:3px 10px; text-align:right; background:#ced3d6; font-family:Arial,Helvetica,sans; font-size:10px; color:#696969; } /* photo gallery */ #content ul.gallery li { float:left; margin:0 9px; height:140px; display:table; } #content ul.gallery li div.outer { display:table-cell; vertical-align:middle; } #content ul.gallery li div.middle { padding-right:20px; position:relative; } #content ul.gallery li div.inner { border:1px solid #b0b1b2; } #content ul.gallery li p { margin:0; } #content ul.gallery li p em { font-weight:bold; color:#4a6c8d; font-size:12px; } #content ul.gallery li div img { border:1px solid #fff; } #content ul.gallery li div.outer a.inline_link { visibility:visible; margin-left:5px; position:absolute; right:0; bottom:0; } /* single photo */ #content div.photo_box { margin-bottom:5px; padding:10px 5px; border:1px solid #ced3d6; position:relative; background:#f1f4f7; } #content div.photo_box a.button_left { position:absolute; left:5px; top:50%; } #content div.photo_box a.button_right { position:absolute; right:5px; top:50%; } #content div.photo_box div.photo_detail { width:699px; margin-left:25px; text-align:center; } #content div.photo_box div.photo_detail a { text-decoration:none; } #content div.photo_box div.photo_detail img { display:inline; border:1px solid #fff; } #content div.photo_box div.photo_description { width:697px; margin-left:26px; padding-top:10px; } #content div.photo_box div.photo_description h5 { font-size:12px; color:#011a35; margin-bottom:5px; } #content div.photo_box div.photo_description p { margin-bottom:5px; } #content div.photo_box div.photo_description p.info { color:#828282; font-size:10px; margin:0; } #content div.photo_box div.photo_description p.info a.profilelink { font-size:10px; } #content div.photo_box_small div.photo_detail { width:auto; margin:0 auto; } #content div.photo_box_small div.photo_description { width:450px; margin-left:8px; } #content div.photo_box_slider { margin-bottom:5px; padding:10px 5px; border:1px solid #ced3d6; position:relative; background:#f1f4f7; } #content div.photo_box_slider a.button_left { position:absolute; left:5px; top:50%; } #content div.photo_box_slider a.button_right { position:absolute; right:5px; top:50%; } #content div.photo_box_slider div.photo_detail { margin-left:25px; text-align:center; } #content div.photo_box_slider div.photo_detail ul.gallery li { margin:0 10px; width:120px; text-align:center; } #content div.photo_box_slider div.photo_detail ul.gallery li img { display:inline; } #content div.photo_box_slider div.photo_detail ul.gallery li div.middle { padding:0; } #content div.photo_box_slider div.photo_detail_row { margin-left:0; } #content div.photo_box_slider div.photo_detail_row ul.gallery li { width:140px; } #content div.photo_box_fixed div.photo_detail li { height:110px; } #content div.photo_box_fixed div.photo_detail li a { display:-moz-inline-box; display:inline-block; width:71px; height:71px; padding:6px 0 0 3px; background:url('../images/content_team_frame.png') 0 0 no-repeat; } #content div.photo_box_fixed div.photo_detail li a, x:-moz-any-link { background:none; } #content div.photo_box_fixed div.photo_detail li a, x:-moz-any-link, x:default { background:url('../images/content_team_frame.png') 0 0 no-repeat; } #content div.photo_box_fixed div.photo_detail li a img { border:none; } /* messaging system */ #content table.messaging { width:760px; margin:2px 0 5px; } #content table.messaging thead tr th { border-right:1px solid #fff; text-transform:uppercase; font-size:10px; font-family:Arial,Helvetica,sans; white-space:nowrap; background:#cddae6; } #content table.messaging thead tr th span { display:block; padding:4px; font-weight:bold; color:#fff; font-size:10px; font-family:Arial,Helvetica,sans; white-space:nowrap; text-align:right; } #content table.messaging thead tr th a { padding:4px; display:block; text-transform:uppercase; font-size:10px; font-family:Arial,Helvetica,sans; color:#fff; font-weight:bold; text-decoration:none; } #content table.messaging thead tr th a:hover { background:url('../images/sprites_content.png') 0 -422px no-repeat; } #content table.messaging thead tr th a.sort_desc { background:url('../images/sprites_buttons.png') right -184px no-repeat; } #content table.messaging thead tr th a.sort_asc { background:url('../images/sprites_buttons.png') right -207px no-repeat; } #content table.messaging thead tr th { background:url('../images/sprites_content.png') -251px -286px no-repeat; } #content table.messaging thead tr th.active { background:url('../images/sprites_content.png') 0 -422px no-repeat; } #content table.messaging thead tr th.last { border:none; } #content table.messaging tbody tr { margin-top:2px; } #content table.messaging tbody tr:hover { background:#f1f4f7; } #content table.messaging tbody tr td { border-bottom:1px solid #ced3d6; text-align:left; vertical-align:middle; padding:5px; } #content table.messaging tbody tr td a { text-decoration:none; } #content table.messaging tbody tr td.player_image { border-right:none; padding-left:0; } #content table.messaging tbody tr td.player_image img { display:block; } #content table.messaging tbody tr td.date a { color:#7c7c7c; } #content table.messaging tbody tr td div.logo { float:left; width:35px; height:35px; padding:6px 0 0 6px; background:url('../images/content_team_frame_tiny.png') 0 0 no-repeat; } #content table.messaging tbody tr.unread td a { font-weight:bold; } #content table.messaging tbody tr td.actions span { display:block; float:right; padding:0 5px; } #content table.messaging tbody tr td.actions a { display:block; float:right; height:17px; } #content table.messaging tbody tr td.actions a.message_delete { width:9px; background:url('../images/sprites_buttons.png') -48px -146px no-repeat; } #content table.messaging tbody tr td.actions a.message_reply { width:12px; background:url('../images/sprites_buttons.png') -140px -146px no-repeat; } #content table.messaging tbody tr td.actions a.message_forward { width:12px; background:url('../images/sprites_buttons.png') -152px -146px no-repeat; } #content table.messaging tbody tr.compose { background:#f1f4f7; } #content table.messaging tbody tr.compose td { text-align:center; vertical-align:top; } #content table.messaging tbody tr.compose select { width:180px; margin-top:10px; margin-bottom:0; } #content table.messaging tbody tr.compose select.left { margin-left:20px; } #content table.messaging tbody tr.compose div#add_copy { width:14px; height:14px; float:left; margin:12px 0 0 5px; cursor:pointer; background:url('../images/sprites_buttons.png') -110px -146px no-repeat; } #content div.message_box { margin-bottom:15px; padding:7px; border-bottom:1px solid #ced3d6; background:#f1f4f7; } #content div.message_box div.logo { float:left; width:56px; height:56px; margin-right:7px; background:url('../images/content_team_frame_small.png') 0 0 no-repeat; } #content div.message_box div.from { float:left; width:185px; padding-top:10px; font-size:12px; } #content div.message_box div.from a.profilelink { font-size:12px; font-weight:bold; } #content div.message_box div.from span.hint { font-size:11px; } #content div.message_box div.subject { float:left; width:220px; padding-top:10px; font-size:12px; } #content div.message_box div.date { float:left; width:270px; padding-top:10px; font-size:12px; } #content div.message_body { margin-bottom:5px; padding:7px 130px 30px 150px; border-bottom:1px solid #ced3d6; } #content div.message_body label { width:80px; color:#233950; font-size:12px; } #content div.message_body input { width:350px; } #content div.message_body textarea { width:354px; height:200px; } /* teamboard */ #content div.record_box { margin-bottom:5px; padding:1px; border:1px solid #ced3d6; background:#f1f4f7; } #content div.record_box p { margin:0; padding:2px 9px; font-size:10px; color:#828282; } #content div.record_box div.header { height:14px; overflow:hidden; padding:7px 9px; background:url('../images/sprites_content.png') 0 -786px no-repeat; } #content div.record_box div.header span { float:left; color:#fff; font-weight:bold; } #content div.record_box div.header select { float:right; width:110px; margin-top:-2px; } #content div.record_box div.details { height:81px; background:url('../images/sprites_content.png') 0 -814px no-repeat; } #content div.record_box div.details div.record { width:168px; height:41px; padding-top:40px; float:left; margin:0 48px 0 5px; background:url('../images/sprites_content.jpg') 0 0 no-repeat; } #content div.record_box div.details div.record span { display:block; float:left; width:82px; color:#fff; line-height:20px; font-size:24px; font-family:Arial,Helvetica,sans; text-align:center; } #content div.record_box div.details div.streak { width:75px; height:41px; padding-top:40px; float:left; } #content div.record_box div.details div.streak span { display:block; color:#fff; width:75px; line-height:20px; font-size:24px; font-family:Arial,Helvetica,sans; text-align:center; } #content div.record_box div.details div.streak_negative { background:url('../images/sprites_content.jpg') -169px 0 no-repeat; } #content div.record_box div.details div.streak_positive { background:url('../images/sprites_content.jpg') -245px 0 no-repeat; } #content div.record_box div.details div.trend { float:left; width:72px; height:81px; margin-right:45px; } #content div.record_box div.details div.trend_positive_neutral { background:url('../images/sprites_content.jpg') 0 -81px no-repeat; } #content div.record_box div.details div.trend_positive_up { background:url('../images/sprites_content.jpg') -72px -81px no-repeat; } #content div.record_box div.details div.trend_positive_top { background:url('../images/sprites_content.jpg') -144px -81px no-repeat; } #content div.record_box div.details div.trend_negative_neutral { background:url('../images/sprites_content.jpg') -216px -81px no-repeat; } #content div.record_box div.details div.trend_negative_down { background:url('../images/sprites_content.jpg') -288px -81px no-repeat; } #content div.record_box div.details div.trend_negative_bottom { background:url('../images/sprites_content.jpg') -360px -81px no-repeat; } #content div.record_box div.details div.percentage { width:75px; height:41px; padding-top:40px; float:left; background:url('../images/sprites_content.jpg') -320px 0 no-repeat; } #content div.record_box div.details div.percentage span { display:block; color:#fff; width:75px; line-height:20px; font-size:24px; font-family:Arial,Helvetica,sans; text-align:center; } #content table.roster { width:494px; margin-bottom:5px; } #content table.roster thead tr th { border-right:1px solid #fff; text-transform:uppercase; font-size:10px; font-family:Arial,Helvetica,sans; white-space:nowrap; background:#cddae6; } #content table.roster thead tr th span { display:block; padding:4px; font-weight:bold; color:#fff; font-size:10px; font-family:Arial,Helvetica,sans; white-space:nowrap; text-align:right; } #content table.roster thead tr th a { padding:4px; display:block; text-transform:uppercase; font-size:10px; font-family:Arial,Helvetica,sans; color:#fff; font-weight:bold; text-decoration:none; } #content table.roster thead tr th a:hover { background:url('../images/sprites_content.png') 0 -422px no-repeat; } #content table.roster thead tr th a.sort_desc { background:url('../images/sprites_buttons.png') right -184px no-repeat; } #content table.roster thead tr th a.sort_asc { background:url('../images/sprites_buttons.png') right -207px no-repeat; } #content table.roster thead tr th { background:url('../images/sprites_content.png') -251px -286px no-repeat; } #content table.roster thead tr th.active { background:url('../images/sprites_content.png') 0 -422px no-repeat; } #content table.roster thead tr th.last { border:none; } #content table.roster tbody tr { margin-top:2px; } #content table.roster tbody tr td { border-bottom:1px solid #fff; border-right:1px solid #fff; background:#f1f4f7; text-align:center; vertical-align:middle; padding:0 2px; } #content table.roster tbody tr td.last { border-right:0; } #content table.roster tbody tr td a { text-decoration:none; } #content table.roster tbody tr td.player_image { border-right:none; padding-left:0; } #content table.roster tbody tr td.player_image img { display:block; } #content table.roster tbody tr td.player_name { text-align:left; font-weight:bold; } #content table.roster tbody tr td div.logo { float:left; width:35px; height:35px; padding:6px 0 0 6px; background:url('../images/content_team_frame_tiny.png') 0 0 no-repeat; } #content table.roster tbody tr td.role div { margin:0 auto; } #content table.roster tbody tr.inactive td.player_name { color:#808080; } #content div.game_box { width:215px; height:79px; overflow:hidden; padding:5px 9px; margin:0 auto; background:url('../images/sprites_content.png') -493px -786px no-repeat; } #content div.game_box_next { background:url('../images/sprites_content.png') -493px -875px no-repeat; } #content div.game_box span.hint { display:block; margin-bottom:11px; letter-spacing:-1px; } #content div.game_box span.hint a.hint { margin-left:0; letter-spacing:-1px; } #content div.game_box div { float:left; color:#fff; font-weight:bold; margin-bottom:10px; height:15px; } #content div.game_box div.team { width:28px; } #content div.game_box div.name { width:154px; } #content div.game_box div.score { width:27px; text-align:right; } #content div.game_box_next div.score { display:none; } #content div.game_box_next div.name { width:181px; } #content div.game_box_inactive { width:215px; height:19px; overflow:hidden; padding:5px 9px; margin:10px auto; background:url('../images/sprites_content.png') -493px -964px no-repeat; } #content div.game_box_inactive em { display:block; padding-top:2px; color:#929292; } #content div.game_box_arrow { width:229px; height:10px; } #content div.game_box_arrow a.up { display:block; width:9px; height:10px; margin:0 auto; background:url('../images/sprites_buttons.png') -30px -146px no-repeat; } #content div.game_box_arrow a.down { display:block; width:9px; height:10px; margin:0 auto; background:url('../images/sprites_buttons.png') -39px -150px no-repeat; } #content div.fan_box { margin-bottom:10px; margin-left:4px; } #content div.fan_box div.logo { float:left; width:35px; height:35px; padding:6px 0 0 6px; background:url('../images/content_team_frame_tiny.png') 0 0 no-repeat; } div.col_right div.button_giant { margin:0 auto; } div.col_right div.button_giant_green { margin:15px 0 0 3px; } /* games */ #content div.game_details_box { width:476px; height:41px; overflow:hidden; padding:5px 9px; margin-bottom:5px; position:relative; background:url('../images/sprites_content.png') 0 -895px no-repeat; } #content div.game_details_box a.title { width:230px; padding-right:20px; font-size:12px; font-weight:bold; line-height:14px; float:left; cursor:pointer; } #content div.game_details_box div.results { position:absolute; top:6px; right:0; width:224px; } #content div.game_details_box div.results div { float:left; color:#fff; font-weight:bold; margin-bottom:10px; height:15px; } #content div.game_details_box div.results div.team { width:28px; } #content div.game_details_box div.results div.name { width:154px; } #content div.game_details_box div.results div.score { width:27px; text-align:right; } #content div.game_details_first { background:url('../images/sprites_content.png') 0 -997px no-repeat; } #content div.game_details_recent { background:url('../images/sprites_content.png') 0 -946px no-repeat; } #content div.game_details_recent_first { background:url('../images/sprites_content.png') 0 -1048px no-repeat; } #content div.scorer_box { width:229px; overflow:hidden; padding:1px; margin:0 auto 5px auto; border:1px solid #ced3d6; background:#fff; } #content div.scorer_box hr { margin-bottom:2px; } #content div.scorer_box div.title { padding:5px 7px; margin-bottom:5px; color:#fff; text-transform:uppercase; font-size:11px; font-family:Arial,Helvetica,sans; background:url('../images/sprites_content.png') -251px -286px no-repeat; } #content div.scorer_box div.logo { float:left; width:35px; height:35px; margin-bottom:5px; padding:6px 0 0 6px; background:url('../images/content_team_frame_tiny.png') 0 0 no-repeat; } #content div.scorer_box div.playername { float:left; font-size:12px; font-weight:bold; margin:6px 0 0 2px; width:185px; } #content div.scorer_box div.playername a { font-size:12px; font-weight:bold; } #content div.scorer_box div.hint { float:left; white-space:nowrap; margin-left:2px; } #content div.scorer_box div.hint a.hint { margin:0; } #content div.scorer_box div.hint a.delete { margin-left:0; } #content div.game_single_box { width:494px; height:21px; padding-top:6px; overflow:hidden; margin-bottom:5px; background:url('../images/sprites_content.png') 0 -1099px no-repeat; } #content div.game_single_box div.first { float:left; width:247px; } #content div.game_single_box div.last { float:left; width:247px; } #content div.game_single_box div { float:left; color:#fff; font-weight:bold; } #content div.game_single_box div.team { width:25px; margin-left:2px; text-align:center; } #content div.game_single_box div.name { width:150px; padding:0 10px; } #content div.game_single_box div.score { width:50px; text-align:center; } #content div.game_single_box div.last div.name { text-align:right; } #content div.games_table_wrapper { width:490px; border:1px solid #ced3d6; padding:1px; margin-bottom:5px; position:relative; } #content div.games_table_wrapper img.cover { position:absolute; top:2px; left:2px; } #content div.games_table_wrapper div.cta { position:absolute; top:10px; left:35px; width:420px; } #content table.games_table { width:490px; } #content table.games_table thead tr th { padding:1px 4px; border-right:1px solid #fff; text-transform:uppercase; font-size:10px; font-family:Arial,Helvetica,sans; white-space:nowrap; background:#cddae6; } #content table.games_table thead tr th.last { border:none; } #content table.games_table thead tr.header th { padding:4px 4px; font-weight:bold; color:#fff; font-size:11px; white-space:nowrap; background:url('../images/sprites_content.png') -251px -286px no-repeat; } #content table.games_table tbody tr { margin-top:2px; } #content table.games_table tbody tr td { border-right:1px solid #fff; background:#f1f4f7; border-top:2px solid #fff; text-align:center; vertical-align:middle; padding:10px 0; } #content table.games_table tbody tr td.last { border-right:none; } #content div.scollable_box { margin-bottom:10px; padding:7px; border:1px solid #ced3d6; background:#f1f4f7; } #content div.scollable_box div.scrollable { width:455px; height:175px; margin-bottom:5px; padding:10px; border:1px solid #ced3d6; background:#fff; overflow:scroll; overflow-x:hidden; } #content div.scollable_box p { margin:0; } #content div.scollable_box p a.hint { font-size:11px; } #content div.scollable_box h5 { margin-bottom:0; } #content div.scollable_box ul.stats_detail { margin-bottom:15px; } #content div.scollable_box ul.stats_detail li { border-bottom:1px solid #ced3d6; border-top:0; } #content div.scollable_box ul.stats_detail li ul li { border:0; } #content div.search_box { margin-bottom:15px; border:1px solid #ced3d6; border-top:0; background:#f1f4f7; } #content div.search_box hr { margin:0; } #content div.search_box fieldset { padding:7px; text-align:center; } #content div.search_box fieldset input { width:260px; margin:0; padding:4px; } #content div.search_box fieldset select { float:left; margin:0 5px 0 0; } #content div.search_box fieldset select.country { width:155px; } #content div.search_box fieldset select.gender { width:95px; } #content div.search_box fieldset select.age { width:112px; } #content div.search_box fieldset div.button_small { float:left; } /* file uploads */ #content ul.fileview { margin-bottom:5px; } #content ul.fileview li { padding:7px 8px; border-bottom:1px solid #ced3d6; margin-top:1px; background:#fff; } #content ul.fileview li:hover { background:#f1f4f7; } #content ul.fileview li a.icon { float:left; margin-right:13px; } #content ul.fileview li h5 { margin:0 0 5px; } #content ul.fileview li h5 em { font-weight:normal; font-size:10px; } #content ul.fileview li p { margin-bottom:0; } #content ul.fileview li a.delete { display:-moz-inline-box; display:inline-block; width:9px; height:13px; margin:0 0 0 4px; vertical-align:middle; background:url('../images/sprites_buttons.png') -48px -149px no-repeat; } /* teaser */ #content div.teaser_register { width:242px; height:260px; margin:-8px auto 10px; } #content div.teaser_register_header { margin-top:14px; } #content div.teaser_register h2 { padding:20px 0 0; color:#fff; text-align:center; font-size:19px; line-height:22px; letter-spacing:0; } #content div.teaser_register p { padding:10px 70px 0 10px; color:#fff; font-size:12px; line-height:16px; } #content div.teaser_register_bauermann { background:url('../images/teaser_bauermann.jpg') 0 0 no-repeat; } #content div.teaser_register_coach { background:url('../images/teaser_coach.jpg') 0 0 no-repeat; } #content div.teaser_register_mark_burger { background:url('../images/teaser_mark_burger.jpg') 0 0 no-repeat; } #content div.teaser_register_karsten_schul { background:url('../images/teaser_karsten_schul.jpg') 0 0 no-repeat; } #content div.teaser_register_bauermann p { padding:10px 10px 0 90px; text-align:right; } #content div.teaser_nocontent { height:144px; overflow:hidden; margin-bottom:15px; } #content div.teaser_nocontent_small { width:494px; } #content div.teaser_nocontent_large { width:760px; } #content div.teaser_nocontent span { display:block; text-align:center; padding-top:50px; color:#587c9b; font-size:14px; } #content div.teaser_nocontent div { padding-top:50px; text-align:center; } #content div.teaser_nocontent div a { font-weight:bold; font-size:18px; line-height:20px; text-decoration:underline; padding-right:20px; background:url('../images/sprites_content.png') right -1312px no-repeat; } /* landing page */ #content a.twitter { display:block; width:295px; height:25px; padding:11px 200px 0 0; margin:5px 0 15px; font-size:14px; letter-spacing:-1px; text-align:right; text-decoration:none; background:url('../images/sprites_content.png') 0 -1263px no-repeat; } #content ul.benefits { margin-bottom:15px; } #content ul.benefits li { margin-right:8px; float:left; } #content ul.benefits li div, #content ul.benefits li a { display:block; width:159px; height:86px; text-decoration:none; } #content ul.benefits li em { display:block; font-weight:bold; font-size:14px; color:#fff; padding:7px 0 23px 8px; } #content ul.benefits li div.es em, #content ul.benefits li a.es em { font-size:10px; letter-spacing:-1px; padding-left:5px; } #content ul.benefits li div.fr em, #content ul.benefits li a.fr em { font-size:11px; } #content ul.benefits li div.gr em, #content ul.benefits li a.gr em { font-size:11px; } #content ul.benefits li strong { display:block; font-weight:bold; font-size:12px; text-align:right; padding:0 6px 0 15px; } #content ul.benefits li div.fr strong, #content ul.benefits li a.fr strong { letter-spacing:-1px; } #content ul.benefits li span { display:block; text-decoration:underline; font-size:11px; text-align:right; padding:2px 15px 0; margin-right:4px; background:url('../images/sprites_content.png') right -1314px no-repeat; } #content ul.benefits li div.gr span, #content ul.benefits li a.gr span { font-size:10px; } #content ul.benefits li.last { margin-right:0; } #content ul.benefits li.coach { background:url('../images/sprites_content.png') -494px -993px no-repeat; } #content ul.benefits li.player { background:url('../images/sprites_content.png') -494px -1079px no-repeat; } #content ul.benefits li.fans { background:url('../images/sprites_content.png') -494px -1165px no-repeat; } #content ul.newest { margin:0 6px; } #content ul.newest li { padding:5px 0; border-bottom:1px solid #ced3d6; } #content ul.newest li div.logo { float:left; width:35px; height:35px; padding:6px 0 0 6px; margin-right:5px; background:url('../images/content_team_frame_tiny.png') 0 0 no-repeat; } #content ul.newest li span.date { float:right; margin-top:3px; color:#9d9d9d; font-size:10px; } #content ul.newest li h6 { float:left; margin-top:3px; } #content ul.newest li h6 a { font-weight:bold; padding-bottom:3px; } #content ul.newest li h6 em { font-weight:normal; font-size:11px; } /* list view */ ul.listview li { border-bottom:1px solid #ced3d6; padding:5px 0; } ul.listview li em { width:115px; float:left; font-weight:bold; font-size:13px; padding:3px 0; } ul.listview li ul { float:left; width:645px; } ul.listview li ul li { border:0; padding:3px 0; } ul.listview li ul li:hover { background:#f1f4f7; } ul.listview li.noevents { padding:15px 0; } ul.listview li .event_title { padding-left:20px; width:100px; float:left; font-weight:bold; } ul.listview li .event_type_1 { color:#011a35; background:url('../images/event_calendar/ballside_sprites.png') 3px -49px no-repeat; } ul.listview li .event_type_2 { color:#ec7826; background:url('../images/event_calendar/ballside_sprites.png') 3px -18px no-repeat; } ul.listview li .event_type_3 { color:#7d0071; width:120px; background:#be7fb8; padding-left:0; background:none !important; } ul.listview li .event_type_4 { color:#007b0c; background:url('../images/event_calendar/ballside_sprites.png') 3px -82px no-repeat; } ul.listview li .event_type_5 { color:#8b6715; background:url('../images/event_calendar/ballside_sprites.png') 3px -114px no-repeat; } ul.listview li .event_time { width:150px; float:left; } ul.listview li .event_bar { width:90px; height:3px; margin-top:5px; overflow:hidden; } ul.listview li .event_bar_3 { background:#7d0071; } ul.listview li .event_bar_4 { background:#009c0f; } ul.listview li .event_name { width:300px; overflow:hidden; float:left; } ul.listview li .event_buttons { float:right; text-align:right; color:#738FAA; font-size:10px; visibility:hidden; padding-right:3px; } ul.listview li .event_buttons a.hint { text-decoration:none !important; } ul.listview li .event_buttons a.hint:hover, ul.listview li .event_buttons a.hint:focus { text-decoration:underline !important; } ul.listview li ul li:hover .event_buttons { visibility:visible; } ul.listview_small li em { width:115px; float:left; font-weight:bold; font-size:13px; padding:3px 0; } ul.listview_small li ul { width:auto; } ul.listview_small li ul li:hover { background:none; } ul.listview_small li .event_type_3 { width:90px; } ul.listview_small li .event_title { width:75px; } ul.listview_small li .event_time { width:120px; } ul.listview_small li .event_name { width:150px; } ul.listview_pager { margin:5px 0 35px; } ul.listview_pager li { float:right; font-size:10px; color:#4a6c91; } ul.listview_pager li a { font-size:10px; color:#4a6c91; margin-left:3px; } ul.listview_pager li.current_timespan em { font-weight:bold; color:#011a35; margin-left:3px; } /************************************************************ * FORM FIELDS ************************************************************/ input { padding:1px 2px; border:1px solid #a4a4a4; color:#000; } select { color:#000; } select option { padding:0 5px; } input.radio, input.checkbox { width:auto !important; height:auto !important; padding:0 !important; border:0 !important; margin:0; background:none !important; } input.error { background:#ffcfcf; font-weight:normal !important; color:#000 !important; border-color:#b20000 !important; } input.disabled { color:#7b7c7c; } #navigation input { width:165px; margin-bottom:5px; } #navigation select { width:100%; margin-bottom:5px; border:1px solid #565656; } #navigation select.tiny { float:left; width:75px; margin-right:6px; } #navigation select.small { float:left; width:90px; } #navigation label { float:right; } #navigation label span { display:-moz-inline-box; display:inline-block; padding-left:3px; color:#fff; font-size:10px; } #navigation label input.checkbox { float:left; } #content label { display:block; float:left; padding-top:1px; } #content input { margin-bottom:10px; border-color:#a4a4a4; } #content select { margin-bottom:10px; } #content select.last { margin-bottom:0; } #content textarea { margin-bottom:10px; border:1px solid #a4a4a4; color:#000; } #content div.col_right label { width:85px; } #content div.col_right input { width:159px; } #content div.col_right input.radio { margin:0 5px 10px 0; } #content div.col_right input.radio_last { margin-left:15px; } #content div.col_right select { margin-bottom:5px; } #content div.col_right select.year { width:50px; } #content div.col_right select.month { width:60px; } #content div.col_right select.day { width:45px; } #content div.col_right span.label { vertical-align:top; } #content div.col_right a.hint { margin-left:87px; } #content div.col_right div.button_large { margin-top:5px; } #content fieldset.registration h2 { font-size:20px; text-align:center; } #content fieldset.registration label { padding:0 40px; float:none; width:auto; } #content fieldset.registration label.select { float:left; margin-right:5px; padding:0; } #content fieldset.registration label.radio { float:left; margin-right:20px; width:auto; padding:0; } #content fieldset.registration label.label_first { padding-left:40px; } #content fieldset.registration label span.label { display:block; float:left; margin-top:-1px; } #content fieldset.registration input { border:#b6cbe0 solid 3px; } #content fieldset.registration input.radio { float:left; } #content fieldset.registration select.last { margin-bottom:0; } #content fieldset.registration select.short { width:60px; } #content fieldset.registration select.tiny { width:45px; } #content fieldset.registration select.year { margin-left:40px; } #content fieldset.registration textarea { margin-bottom:10px; border:#b6cbe0 solid 3px; color:#000; } #content fieldset.registration p { padding:0 20px 0 40px; margin-bottom:5px; } #content fieldset.registration p a.hint { margin:0; white-space:nowrap; padding-right:30px; } #content fieldset.registration div.arrow_down { margin:10px 0 0 115px; } #content fieldset.registration div.error { margin-left:0; } #content fieldset.registration_frontpage { padding-top:25px; background:url('../images/content_icon_free.png') top left no-repeat; } /* changed registration form Christoph */ #content fieldset.registration_cleanedfrontpage { padding-top:25px; background:url('../images/arrow_right_big_grey.png') top left no-repeat; background-position:30px 22px;} #content div.col_right input { width:240px; } #content fieldset.registration label { padding:0 0px; float:none; width:auto; } #content fieldset.registration label span.label_infront { padding-right:20px; } #content fieldset.registration select.year { margin-left:0px; } #content div.col_right select.year { width:55px; } #content div.col_right select.month { width:72px; } #content div.col_right select.day { width:43px; } #content div.teaser_register { width:242px; height:150px; margin:-8px auto 0px; } #content div.teaser_register_bauermann p { color:#011a35; font-size:11px; line-height:15px; padding:10px 0px 0 90px; text-align:right; } #content div.teaser_register p span { font-size:13px;} #content div.teaser_register p span.job { font-size:10px;} #content div.teaser_register_bauermann {background:url('../images/teaser_bauermann-neu.jpg') 0 0 no-repeat;margin-left:-5px;} /* end Christoph */ /************************************************************ * Quick-Layout Analyzer-Preview #content ************************************************************/ #content div.centralpart {margin-top:15px;margin-left:auto; margin-right:auto; width:560px; text-align:center;background-color:#f1f4f7; padding:10px;} #content div.three_parts_left {width:33%; float:left; position:relative; height:auto;} #content div.three_parts_middle {width:34%; float:left; position:relative; height:auto;} #content div.three_parts_right {width:33%; float:left; position:relative; height:auto;} #content div.for_picture { width:25px; float:left; height:auto; vertical-align:middle;} #content div.indent_for_picture { margin-left:25px; height:auto; vertical-align:baseline;} h1.seoh2 { font-size:16px; margin-bottom:10px; padding-bottom:0px; line-height:14px;}