@charset "utf-8"; @import "reset.css"; /**************************************** client: Premier Scouts author: Nicola Hibbert agency: Akiko Design url: http://www.akikodesign.com /****************************************/ /******************************************* HTML Elements */ html { overflow-y: scroll } body { font: 12px Arial, Verdana, Helvetica, sans-serif; text-align: center; min-width: 960px; background: url(../../images/bg/bg_body.jpg) center top no-repeat; background-attachment: fixed } a { text-decoration: none; color: red } /******************************************* Layout */ #wrapper { position: relative; width: 940px; margin: 0 auto; text-align: left } #banners { position:absolute; right:-129px; top:10px; } /******************************************* Header */ #header { position: relative; width: 920px; height: 120px; padding: 10px; margin-bottom: 10px; background: black } #header ul { height: 30px; width: 920px; position: absolute; left: 10px; bottom: 10px; background: url(../../images/bg/bg_nav.png) top left no-repeat } #header li { float: left; text-transform: uppercase } #header li.nav-7, #header li.nav-8 { float: right } #header li a { display: block; height: 30px; text-indent: -9999px; background-image: url(../../images/sprite.png); background-repeat: none } #header li.nav-1 a { width: 56px; background-position: 0 -142px } #header li.nav-2 a { width: 103px; background-position: -56px -142px } #header li.nav-3 a { width: 99px; background-position: -159px -142px } #header li.nav-4 a { width: 121px; background-position: -258px -142px } #header li.nav-5 a { width: 57px; background-position: -379px -142px } #header li.nav-6 a { width: 91px; background-position: -436px -142px } #header li.nav-7 a { width: 71px; background-position: -848px -142px } #header li.nav-8 a { width: 55px; background-position: -794px -142px } #header li.nav-1 a:hover, #header li.nav-1 a.selected { background-position: 0 -173px } #header li.nav-2 a:hover, #header li.nav-2 a.selected { background-position: -56px -173px } #header li.nav-3 a:hover, #header li.nav-3 a.selected { background-position: -159px -173px } #header li.nav-4 a:hover, #header li.nav-4 a.selected { background-position: -258px -173px } #header li.nav-5 a:hover, #header li.nav-5 a.selected { background-position: -379px -173px } #header li.nav-6 a:hover, #header li.nav-6 a.selected { background-position: -436px -173px } #header li.nav-7 a:hover, #header li.nav-7 a.selected { background-position: -848px -173px } #header li.nav-8 a:hover, #header li.nav-8 a.selected { background-position: -794px -173px } #header .status { position: relative; float: right; height: 90px; width: 230px; margin-right: 30px } #header .status div { height: 90px; width: 90px; position: absolute; top: 0; left: 0; background-image: url(../../images/sprite.png); background-repeat: no-repeat } #header .status div.manager { background-position: -20px -220px } #header .status div.player { background-position: -137px -220px } #header .status div.scout { background-position: -256px -220px } #header .status p { font-weight: bold; text-align: left; margin-left: 90px } #header .status p.usertype { color: red; font-size: 10px; text-transform: uppercase; margin-top: 20px } #header .status p.name { color: red; font-size: 18px } #header .status p.logout { font-size: 10px; text-transform: uppercase; color: white } #header .status p.logout a { color: #909090 } /* #header a.logo { display: block; height: 50px; width: 341px; position: absolute; top: 29px; left: 16px; background: url(../../images/sprite.png) 0 -90px no-repeat } */ #header a.logo { display: block; height: 51px; width: 330px; position: absolute; top: 26px; left: 16px; background: url(../../images/logo.png) top left no-repeat } #header .free-trail {position: absolute; top: 25px; left: 366px;} /******************************************* Main */ #main { width: 920px; padding: 10px; background: black; margin-bottom: 10px; position: relative } /******************************************* Main -> Nav */ #nav { height: 44px; width: 100% } #nav li { float: left; margin-right: 2px } #nav li a { display: block; height: 44px; background-image: url(../../images/sprite.png); background-repeat: no-repeat; text-indent: -9999px } #nav li.dashboard a { width: 143px; background-position: 0 0 } #nav li.games a { width: 115px; background-position: -145px 0 } #nav li.teamwall a { width: 147px; background-position: -262px 0 } #nav li.players a { width: 117px; background-position: -527px 0 } #nav li.profile a { width: 114px; background-position: -411px 0 } #nav li.dashboard a:hover, #nav li.dashboard a.selected { background-position: 0 -45px } #nav li.games a:hover, #nav li.games a.selected { background-position: -145px -45px } #nav li.teamwall a:hover, #nav li.teamwall a.selected { background-position: -262px -45px } #nav li.players a:hover, #nav li.players a.selected { background-position: -527px -45px } #nav li.profile a:hover, #nav li.profile a.selected { background-position: -411px -45px } #nav li.friends { float: right; height:32px; margin-right: 0 } #nav li.friends a { width: 152px; height: 32px; background-position: -646px 0 } #nav li.friends a:hover, #nav li.friends a.selected { background-position: -646px -32px } #breadcrumb { width: 900px; height: 24px; padding: 10px; line-height: 22px; clear: both; background: white; color: #4d4d4d; font-weight: bold; background: white url(../../images/bg/bg_breadcrumb.png) left bottom repeat-x } #breadcrumb span { padding: 0 5px } #latestnews { width: 880px; height: 34px; line-height: 22px; clear: both; background: url(../../images/bg/bg_latest_s.jpg) top left repeat-x; position: relative; margin-bottom: 20px } #latestnews span.start { display: block; width: 127px; height: 34px; background: url(../../images/sprite.png) 0 -380px no-repeat; position: absolute; top: 0; left: 0; text-indent: -9999px } #latestnews span.title { text-transform: uppercase; color: #4d4d4d; padding-right: 3px } #latestnews span.end { display: block; width: 4px; height: 34px; background: url(../../images/bg/bg_latest_r.jpg) top left no-repeat; position: absolute; top: 0; right: 0 } #latestnews p { margin-left: 137px; line-height: 34px; color: #bb0000 } /******************************************* Main -> Content */ #content { position: relative; width: 900px; padding: 20px 10px; background: white; overflow: auto } #content h1 { text-transform: uppercase; font-size: 24px; font-weight: bold; color: black; margin-bottom: 15px; /*clear: left*/ } #content h2 { color: black; font-size: 18px; text-transform: uppercase; font-weight: bold; margin-bottom: 8px } #content h2.red { color: #ff0000; font-size: 18px; text-transform: uppercase; font-weight: bold } #content h2.l-red { color: #ff0000; font-size: 18px; text-transform: none; font-weight: normal } #content h2.l-black { color: black; font-size: 18px; text-transform: uppercase; font-weight: normal; clear: left } #content h2.l-grey { font-size:13px; color: #555; text-transform: uppercase; font-weight: bold } #content h2.s-black { font-size:13px; color: #222; text-transform: uppercase; font-weight: bold } #content a.showall { color: #9e0b0f; padding: 10px } #content .p-img { float: left; border: 2px solid #e9e9e9 } #content p.season { color: #4d4d4d; vertical-align: middle; margin-bottom: 15px } #content p.season label { padding-right: 3px } #content p.season select { color: #4d4d4d } #content p.season.tr { top: 25px; right: 10px } #content p.season.n3 { position: absolute; top: 200px; right: 10px } /******************************************* Main -> Content -> Table Styles */ .form { background: #f2f2f3; padding: 10px; margin-bottom: 10px } .form tr.last td { border: 0 } .form td { border-bottom: 1px solid #e9e9e9; padding: 10px 0 } .form td table td { border: 0 } .form td.label { width: 32%; padding-right: 3%; text-align: right; /*color: #4d4d4d;*/ color: #8d9095; vertical-align: middle } .form td.input { width: 65%; text-align: left; color: black } .form td.photo { color: #8d9095; vertical-align: top; font-size: 11px } .form td.photo img { float: left; border:3px solid #eaeaea; margin-right: 10px } .form td.sport li { float: left } .form td.sport li span { width: 100px } .form td.input2 { width: 50%; vertical-align:top; } .form td.input2 img { border:3px solid #eaeaea;} .form td.input span { color: #8d9095; display: block; margin-top: 5px; font-size: 11px } .form td.input .message {color:#8D8F95; font-size:11px; padding-top:5px;} .form td.textarea { vertical-align: top } .form td.short input { width: 40px !important; margin-right: 2px } .table { margin-bottom: 10px } .table table { background: url(../../images/bg/bg_table_th.jpg) top left repeat-x } .table tr.yellow td { background: #fffbcc; color: black; font-weight: bold } .table tr.yellow td p { font-style: italic } .table tr.last td { border-width: 2px } .table th { padding: 10px; color: white; font-weight: bold } .table th.first { background: url(../../images/bg/bg_table_th_l.jpg) top left no-repeat } .table th.last { background: url(../../images/bg/bg_table_th_r.jpg) top right no-repeat; text-align: center } .table td { border-bottom: 1px solid #e9e9e9; padding: 10px; color: #4d4d4d; vertical-align: middle } .table td.player { color: #dc1a21 } .table td.rating span { display: block; background: url(../../images/sprite_icons.png) -1px -37px no-repeat; width: 32px; height: 32px; font-weight: bold; color: #fff; line-height: 32px } .table td.rating2 span {background-image: url(../../images/sprite-player.png);background-repeat:no-repeat;background-position:-75px 0px; width:30px; height:30px; display:block; font-weight:bold; color:#fff; line-height:32px;} .table td.warning span { background-image: url(../../images/sprite-player.png);background-repeat:no-repeat;background-position:-0px -42px; width:13px; height:14px; display:block } .table td.remove span a{ background-image: url(../../images/sprite-player.png);background-repeat:no-repeat;background-position:-13px -42px; width:20px; height:17px; display:block; } .table td.add span a{ background-image: url(../../images/sprite-player.png);background-repeat:no-repeat;background-position:-17px -60px; width:20px; height:17px; display:block; } .table td.rate a { display: block; height: 20px; width: 60px; background: url(../../images/sprite.png) -132px -342px no-repeat; text-indent: -9999px } .table td p.black { color: black; font-weight: bold } .table td strong { color: black } .table-side { float: left; width: 585px; margin-right: 15px } /******************************************* Main -> Content -> Callouts */ .callouts { min-height: 160px } .callouts li { min-height: 160px; width: 280px; margin-right: 20px; float: left; border-bottom: 1px solid #e9e9e9 } .callouts li.ratings { margin-right: 0 } .callouts h2 { height: 40px; line-height: 40px; background: #f2f2f3; border-top: 2px solid #e9e9e9; border-bottom: 1px solid #e9e9e9 } .callouts h2 span { display: block; height: 30px; width: 30px; background-image: url(../../images/sprite_icons.png); background-repeat: no-repeat; float: left; margin: 5px 7px } .callouts li.friend h2 span { background-position: 0 3px } .callouts li.wall h2 span { background-position: -35px 2px } .callouts li.ratings h2 span { background-position: 0 -113px } .callouts p { color: #8d9095; margin: 10px } .callouts li.wall p.player { font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic } .callouts li.wall p.date { font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-style: normal } .callouts li.wall p span { color: #bb0000 } .callouts li.ratings p { width: 65%; float: left } .callouts a { display: block; clear: both; margin-left: 10px; color: #bb0000 } .callout-side { float: right; width: 290px; margin-right: 10px } .callout-side li { float: none } .colm2 .callout-side { margin-right: 0; float: none } .colm2 .callout-side li { min-height: 95px; width: 290px; margin-right: 10px } .colm2 .callout-side p { margin-bottom: 0 } .next3 { min-height: 110px; margin-bottom: 20px } .next3 li { min-height: 84px; width: 251px; padding: 15px 20px; margin-right: 13px; float: left; background: url(../../images/bg/bg_callout_red.jpg) top left no-repeat } .next3 li.ratingfor { width: 300px; background: none; padding: 0 } .next3 li.ratingfor img { border: 3px solid #e9e9e9; float: left; margin-right: 10px } .next3 li.last { margin-right: 0 } .next3 h3 { font-size: 24px; color: white; font-weight: bold; line-height: 24px } .next3 h3 span { float: right } .next3 p { font-size: 11px; margin-top: 5px; margin-left: 3px; color: black } .next3 p strong { display: block } .managersbox { width: 50%; } .managersbox h2 { height: 40px; line-height: 40px; background: #f2f2f3; border-top: 2px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; text-transform: none !important } .playercommentstop { height: 5px; width: 100%; background: url(../../images/bg/playercomments-top.jpg) top left no-repeat } .playercommentswrap { background: url(../../images/bg/playercomments-mid.jpg) top left repeat-y } .playercomments { position: relative; background: url(../../images/bg/playercomments-btm.jpg) bottom left no-repeat; padding: 0 20px } .playercomments h1 { margin-left: 115px; margin-bottom: 5px !important; padding-top: 10px } .playercomments img { position: absolute; top: -16px; left: 20px; border: 3px solid #eaeaea } .playercomments blockquote { margin-left: 115px; font-size: 16px; font-weight: bold; font-style: italic; color: white; padding-left: 35px; background: url(../../images/bg/blockquote.jpg) -3px -6px no-repeat } .playercomments input.discuss { width: 501px; padding: 5px 0 7px 43px; margin: 30px 0 15px 0; /*height: 24px;*/ font-size: 22px; /*line-height: 32px;*/ background: white url(../../images/sprite_icons.png) -28px 4px no-repeat; border:1px solid #E3E4E9; border-top:1px solid #ACADB2 } .playercomments input.addlink { float: left; margin-top: 5px } .playercomments input.teamshare { float: right; margin-bottom: 15px } .teamcomments ul.comment { margin: 20px 0 } .teamcomments li.speechbubble { background: url(../../images/bg/speechbubble-top.png) top left no-repeat; padding-top: 16px; padding-left: 0; padding-right: 0; border: 0 } .teamcomments li.speechbubble ul { width: 504px; padding: 4px 20px 0 20px; background: #f2f2f3 url(../../images/bg/speechbubble-btm.png) bottom left no-repeat } .teamcomments li.speechbubble li { border-top: 0; border-bottom: 1px solid #e9e9e9; padding-left: 0; padding-right: 0 } .teamcomments li.speechbubble li.commentinput { border-bottom: 0; padding: 20px 0 } .teamcomments li.speechbubble li.commentinput input { width: 498px } .teamcomments li { position: relative; padding: 10px 30px 10px 5px; border-top: 1px solid #e9e9e9 } .teamcomments li.empty { border: 0 !important; padding-top: 2px !important } .teamcomments p { line-height: 18px } .teamcomments p.time { color: #4d4d4d; font-size: 11px } .teamcomments strong, .teamcomments a { color: #ed1c24 } a.remove { display:block; background: url(../../images/sprite-player.png) -13px -42px no-repeat; width: 20px; height: 17px; position: absolute; top: 10px; right: 10px } .static p { margin-bottom: 10px; width: 75% } .static p a { font-weight: bold } /******************************************* Main -> Content -> jq-slider */ #jq-slider { width: 535px } #slider-label { height: 25px } #slider-label span { display: block; float: left; width: 53px } .ui-slider-range-min { background: #F00000 !important } /******************************************* Footer */ #footer { width: 900px; height: 120px; padding: 20px; background: black } #footer ul { height: 7px; margin: 0 0 10px 10px } #footer li { float: left; text-transform: uppercase; margin-right: 10px } #footer li a { color: #4d4d4d; font-size: 10px; display: block; height: 7px; background-image: url(../../images/sprite.png); background-repeat: no-repeat; text-indent: -9999px } #footer li.nav-1 a { width: 27px; background-position: -381px -209px } #footer li.nav-2 a { width: 107px; background-position: -420px -209px } #footer li.nav-3 a { width: 77px; background-position: -539px -209px } #footer li.nav-4 a { width: 59px; background-position: -628px -209px } #footer li.nav-5 a { width: 45px; background-position: -699px -209px } #footer li.nav-1 a.selected, #footer li.nav-1 a:hover { width: 27px; background-position: -381px -221px } #footer li.nav-2 a.selected, #footer li.nav-2 a:hover { width: 107px; background-position: -420px -221px } #footer li.nav-3 a.selected, #footer li.nav-3 a:hover { width: 77px; background-position: -539px -221px } #footer li.nav-4 a.selected, #footer li.nav-4 a:hover { width: 59px; background-position: -628px -221px } #footer li.nav-5 a.selected, #footer li.nav-5 a:hover { width: 45px; background-position: -699px -221px } #footer div { position: relative; clear: left; height: 100px; border-top: 1px dashed #4d4d4d; border-bottom: 1px dashed #4d4d4d } #footer div p { font-size: 11px; color: white; font-weight: bold; background: url(../../images/sprite.png) -381px -234px no-repeat; width: 288px; height: 27px; text-indent: -9999px; margin: 10px } /* #footer div a.logo { display: block; height: 32px; width: 216px; background: url(../../images/sprite.png) -411px -99px no-repeat; position: absolute; top: 10px; right: 10px } */ #footer div a.logo { display: block; height: 34px; width: 217px; background: url(../../images/footer_logo.png) left top no-repeat; position: absolute; top: 56px; left: 140px } #footer div a.akiko { width: 105px; height: 16px; background: url(../../images/sprite.png) -655px -107px no-repeat; position: absolute; bottom: 10px; left: 10px } #footer div a.kickout { display: block; height: 57px; width: 104px; background: url(../../images/kickout_logo.png) left top no-repeat; position: absolute; top: 20px; right: 0 } #footer div a.facebook { display: block; height: 44px; width: 144px; background: url(../../images/facebook_logo.png) left top no-repeat; position: absolute; top: 20px; right: 124px } /******************************************* Global Classes */ .error { padding: 20px; background: #fffbcc; color: black } .error p { margin-left: 20px; margin-bottom: 5px } .error p.heading { color: #ed1c24; margin-left: 0; font-weight: bold } .addteam { display: block; float: right; width: 124px; height: 37px; background: url(../../images/sprite.png) 0 -415px no-repeat; border: 0; cursor: pointer; margin: 10px } .addrating { display: block; float: right; width: 128px; height: 37px; background: url(../../images/sprite.png) 0 -342px no-repeat; border: 0; cursor: pointer; margin: 10px } .addgame { display: block; float: right; width: 127px; height: 38px; background: url(../../images/sprite.png) 0 -453px no-repeat; border: 0; cursor: pointer; margin: 10px } .addmanager { display: block; float: right; width: 146px; height: 37px; background: url(../../images/sprite.png) -234px -341px no-repeat; border: 0; cursor: pointer; margin: 10px } .savechanges { display: block; float: right; width: 145px; height: 38px; background: url(../../images/sprite.png) 0 -491px no-repeat; border: 0; cursor: pointer; margin: 10px } .login { display: block; width: 124px; height: 37px; background: url(../../images/btn_login.png) left top no-repeat; border: 0; cursor: pointer } .submit { display: block; width: 124px; height: 37px; background: url(../../images/btn_submit.png) left top no-repeat; border: 0; cursor: pointer } .commentbtn { display: block; width: 108px; height: 20px; background: url(../../images/btn_comment.png) left top no-repeat; border: 0; cursor: pointer } .requestbtn { display: block; width: 104px; height: 20px; background: url(../../images/btn_request.png) left top no-repeat; border: 0; cursor: pointer } /******************************************* Generic Classes */ .lightgrey { color: #e9e9e9 } .grey { color: #4d4d4d } .red { color: #ff0000 } .red a { color: red } .white a { color: white } .black a { color: black } .tr { position: absolute; top: 0; right: 5px } .bt td { border-top: 2px solid #e9e9e9 } ul#tempnav { position: absolute; top: 10px; left: 10px; width: 180px } ul#tempnav li ul li:last-child { margin-bottom: 10px } ul#tempnav a { color: white } /* Werner's Section */ /*****************************************************************************************************************************************/ /*****************************************************************************************************************************************/ #content-h { width: 900px; padding:0; } #content-h h1 { font-size: 36px; line-height:36px; font-weight: bold; color: white; padding:10px; margin-bottom:10px } #content-h h2.s-white { font-size:12px; color: #fff; text-transform: uppercase; font-weight: bold; line-height:12px } #content-h h2.red { color: #ff0000; font-size: 24px; text-transform: uppercase; font-weight: bold; line-height:24px } #content-h h2 { font-size: 24px; text-transform: uppercase; font-weight: bold; } #content-h h2.s-general { font-size:14px; text-transform: uppercase; font-weight: bold } #content { width: 900px; padding: 20px 10px; background: white } #content h1 { text-transform: uppercase; font-size: 24px; line-height: 24px; font-weight: bold; color: black; margin-bottom: 20px } #content h2 { color: black; font-size: 18px; text-transform: uppercase; font-weight: bold; margin-bottom: 8px } #content h2.red { color: #ff0000; font-size: 18px; text-transform: uppercase; font-weight: bold } #content h2.l-red { color: #ff0000; font-size: 18px; text-transform: none; font-weight: normal } #content h2.l-black { color: black; font-size: 18px; text-transform: uppercase; font-weight: normal } #content h2.l-grey { font-size:13px; color: #555; text-transform: uppercase; font-weight: bold } #content h2.s-black { font-size:13px; color: #222; text-transform: uppercase; font-weight: bold } #content-b { padding: 20px 10px; background: black } #content-b h1 { text-transform: uppercase; font-size: 30px; font-weight: bold; color: black; margin-bottom: 20px; color:#FFF; } #content-b h2 { color: white; font-size: 21px; text-transform: uppercase; font-weight: bold;} #content-b h2.s-black { color: black; font-size: 16px; text-transform: uppercase; font-weight: bold;} #content-b h2.l-black { color: black; font-size: 24px; text-transform: uppercase; font-weight: bold;} #content-b h2.l-white { color: white; font-size: 24px; text-transform: uppercase; font-weight: normal } #content-b h2.m-black { color: black; font-size: 22px; text-transform:none; font-weight: normal; margin-bottom:15px; } #content-b h2.white { color: white; font-size: 24px; text-transform: uppercase; font-weight: bold } #content-b h2.l-red { color: #ff0000; font-size: 18px; text-transform: none; font-weight: normal;margin-bottom: 8px } #content-b h2.ml-red { color: #ed1c24; font-size: 22px; text-transform: none; font-weight: normal;margin-bottom: 3px } #content-b h2.xl-red { color: #ed1c24; font-size: 30px; text-transform: none; font-weight: normal;margin-bottom: 3px } /************HOME PAGE********/ .home-image {position:absolute; top:0;left:0;z-index:-2;} .home-intro {height:340px; position:relative; width:920px; } .arrow-img {position:absolute; left:-20px; top:110px; z-index:-1;} .home-arrow { color:#FFF; width:580px; font-size:14px; position: relative} .home-arrow .padding { float:left; width:230px; margin-left:20px} .home-arrow p { font-size:14px; padding-top:10px} .home-members { background:url(../../images/home-opaque.png) repeat-y; width:304px; height:342px; border-left:1px solid #333;} .home-members li {position: relative; padding:7px 20px 6px; border-bottom:1px dashed white; font-weight:bold; font-size:11px;} .home-members li p{padding-bottom: 3px; width: 200px; overflow: hidden } .home-members li span{ background-image:url(../../images/sprite-members.png); background-repeat:no-repeat; position: absolute; right: 10px; bottom: 0} .home-members li span.players{ background-position: -255px 0px; width:70px; height:85px; display:block} .home-members li span.scouts{ background-position: -330px 0px; width:75px; height:85px; display:block} .home-members li span.managers{ background-position: -408px 0px; width:70px; height:85px; display:block} .home-arrow iframe { float:left; margin-left:10px; padding:10px; background:#3b3b3b} .home-arrow .more { position:absolute; top:283px; left:80px} #news { background:black; margin-bottom:10px;} #news h2 { color: white; font-size: 24px; font-weight: bold; } #news h2.s-white { color: white; font-size: 22px; font-weight: bold; } .news-heading{ background:url(../../images/bg/bg_home_heading.jpg) repeat-x;padding:6px; border-top:3px solid #000; border-left:3px solid #000; border-right:3px solid #000;} .news-heading span {background-image:url(../../images/sprite-members.png); background-repeat:no-repeat; background-position: 0px -50px; width:25px; height:35px; display:block; margin-right:5px;} .articles {padding:0 0 10px 10px; height:275px;} .articles li {width:300px; color:#fff; font-size:16px; margin-right:10px;} .articles li p { margin:5px 0; padding-right:15px; font-size:14px; border-right:1px dashed #666;} .articles li h2 {background:#BB0000 url(../../images/bg/bg_home_heading_article.jpg) repeat-x; border:3px solid #BB0000; border-bottom:0; padding:2px 8px 8px 8px;} .articles li div { background: white; text-align: center } #stats { background:black; margin-bottom:10px;padding-bottom:5px;} #stats h2 { color: white; font-size: 24px; font-weight: bold; } .stats-heading{ background:url(../../images/bg/bg_home_heading.jpg) repeat-x;padding:6px; border-top:3px solid #000; border-left:3px solid #000; border-right:3px solid #000;} .stats-heading span {background-image:url(../../images/sprite-members.png); background-repeat:no-repeat; background-position: -25px -50px; width:25px; height:35px; display:block; margin-right:5px;} #stats ul li { padding:0 10px; position:relative;} #stats ul li { width:440px; float:left;} #stats ul li span{ font-size:28px;} #stats ul li span.scout{ position:absolute; top:-35px; right:-5px; background-image:url(../../images/sprite-members.png); background-repeat:no-repeat; background-position: -485px 0px; width:45px; height:65px; display:block; padding-right:20px; border-right:1px dashed #333;} #stats ul li span.player{position:absolute; top:-35px; right:0px; background-image:url(../../images/sprite-members.png); background-repeat:no-repeat; background-position: -550px 0px; width:50px; height:80px; display:block; } /***********PLAYER AREA*************/ .area-header {background:url(../../images/bg/bg_area.jpg) repeat-x; width:900px; height:222px; } .area-header span.area-l{background:url(../../images/bg/bg_area_l.jpg) no-repeat; width:6px; display:block; height:222px;} .area-header span.area-r{background:url(../../images/bg/bg_area_r.jpg) no-repeat; width:6px; display:block; height:222px;} .area-header .player-big { background:url(../../images/player_big.png) no-repeat; height:147px; width:147px; display:block; margin:35px;} .area-header .manager-big { background:url(../../images/signup-manager.png) no-repeat; height:149px; width:149px; display:block; margin:35px;} .area-header .scout-big { background:url(../../images/signup-scout.png) no-repeat; height:149px; width:149px; display:block; margin:35px;} .area-header .home-content { margin:20px 20px 0 20px; width:590px; font-size:12px; /*font-weight:bold;*/ line-height:14px; position:relative;} .area-header .home-content p { width:450px; font-weight: bold } .area-header .home-content .player-price { position:absolute; width:135px; height:80px; background:url(../../images/player-price.png) no-repeat; display:block; right:-15px; top:80px;} .area-content { background:#fff url(../../images/bg/bg-top.jpg) repeat-x;padding:30px 20px;;} .area-content .par { padding-bottom:20px;} .area-content img.left { margin-right:50px;} .area-content img.right { margin-left:50px;} .area-content p { color:#777; line-height:18px;} .area-content .sign-up{ margin-left:300px;} /***********SIGN UP**********/ .signup-header {background: #fff url(../../images/bg/bg-red-header.jpg) repeat-x; width:300px; float:left; } .signup-header span.corner-l{background:url(../../images/bg/bg-red-cornerl.jpg) no-repeat; width:3px; display:block; height:72px;} .signup-header span.corner-r{background:url(../../images/bg/bg-red-cornerr.jpg) no-repeat; width:3px; display:block; height:72px;} .signup-header div { width:270px; margin:12px; } .signup-header div div{ background:url(../../images/sprite-members.png); background-repeat:no-repeat;width:46px; height:46px; margin:0 10px 0 0;} .signup-header div.player div{ background-position:0 0; } .signup-header div.manager div{ background-position:-46px 0px;} .signup-header div.scout div{ background-position:-92px 0px;} .signup-list { background:#fff url(../../images/bg/bg-top.jpg) repeat-x; padding:12px; border-right:1px solid #ededed; min-height: 180px } .signup-list li {padding:10px; color:#8d9095;} .signup-list li div{ background:url(../../images/sprite-members.png); background-repeat:no-repeat;width:14px; height:13px; background-position:-140px -2px; float:left; margin:0 10px 0 0 ; padding:0; } .signup-button a {background:url(../../images/button-signup.png) no-repeat; width:110px; height:38px; display:block; margin-left:70px;} .signup-faq { background:url(../../images/bg/bg-faq.jpg) no-repeat; margin-top:20px;padding:8px 10px;} .signup-content { margin:10px 30px 0 0;} .signup-content tr td label{ color:#EC1B23; } .signup-content tr td.space{ width:60px; } .signup-content tr td p{ font-size:11px; color:white; padding-bottom:30px; line-height:16px;} /***********REGISTER**********/ .register-header {background: #fff url(../../images/bg/bg-red-header.jpg) repeat-x; width:900px; float:left; } .register-header span.corner-l{background:url(../../images/bg/bg-red-cornerl.jpg) no-repeat; width:3px; display:block; height:72px;} .register-header span.corner-r{background:url(../../images/bg/bg-red-cornerr.jpg) no-repeat; width:3px; display:block; height:72px;} .register-header div { width:882px; position:relative; margin:12px 0 12px 12px} .register-header .steps { position:absolute; right:0; top:0;} .register-header .steps li { float:left; text-align:center; min-width:80px; padding:8px 10px;} .register-header .steps li span{ background-image:url(../../images/sprite-members.png); background-repeat:no-repeat; /*margin-bottom:10px;*/ /*padding:5px 10px*/ display: block; height: 20px; width: 20px; margin: 0 auto 5px } .register-header .steps li span.one{ background-position:-158px -0px; } .register-header .steps li span.two{ background-position:-177px -0px; } .register-header .steps li span.three{ background-position:-196px -0px; } .register-header .steps li span.four{ background-position:-215px -0px; } .register-header .steps li span.five{ background-position:-234px -0px; } .register-header .steps li label { color:#ec9999; font-size:14px; font-weight:bold;} .register-header .steps li label.current { color:#fff; font-size:14px; font-weight:bold;} .register-header .step1 { background:url(../../images/bg/bg-reg-tab.jpg) no-repeat; position:absolute; top:-12px; right:407px; height:72px; width:81px;} .register-header .step2 { background:url(../../images/bg/bg-reg-tab2.jpg) no-repeat; position:absolute; top:-12px; right:306px; height:72px; width:83px;} .register-header .step3 { background:url(../../images/bg/bg-reg-tab3.jpg) no-repeat; position:absolute; top:-12px; right:200px; height:72px; width:94px;} .register-header .step4 { background:url(../../images/bg/bg-reg-tab2.jpg) no-repeat; position:absolute; top:-12px; right:109px; height:72px; width:83px; } .register-header .step5 { background:url(../../images/bg/bg-reg-tab5.jpg) no-repeat; position:absolute; top:-12px; right:-23px; height:72px; width:127px;} .register-header div div{ background:url(../../images/sprite-members.png); background-repeat:no-repeat;width:46px; height:46px; margin:0 10px 0 0;} .register-header div.player div.left { background-position:0 0; } .register-header div.manager div.left { background-position:-46px 0px;} .register-header div.scout div.left { background-position:-92px 0px;} .register-content{ background:#fff url(../../images/bg/bg-top.jpg) repeat-x; padding:20px; clear: both; position:relative } .register-button { background:#fff; width:100%; text-align:right; padding-bottom:20px } .register-button a { background:#fff url(../../images/button-next.png); display:block; width:82px; height:38px; margin-right:20px; float:right;} .success{ background-image:url(../../images/sprite-members.png); background-repeat:no-repeat; margin:3px 8px 0 0; display:block; height:24px; width:23px; float:left; background-position:-138px -16px; } .register-button-finish {margin-left:330px;} .register-button-finish a { background:#fff url(../../images/button-player-area.png); display:block; width:214px; height:38px; margin-right:20px;} .register-content p.terms { padding-bottom:20px} .register-content .price-badge { position:absolute; top:30px; right:30px} /******************************************* Main -> Content -> Table Styles */ .form { background-color: #f2f2f3; padding: 10px } .form tr.last td { border: 0 } .form td { border-bottom: 1px solid #e9e9e9; padding: 10px 0 } .form td.label { width: 32%; padding-right: 3%; text-align: right; color: #888; vertical-align:top;padding-top:15px; } .form td.input[type=text], .form td.input[type=password] { width: 65%; text-align: left; color: #222; } .form td.label2 {width: 42%;padding-right: 3%; text-align: right; color: #888;} .form td.input2 { vertical-align:middle; text-align:left; padding-right:2%; } .form td.input2 img { border:3px solid #eaeaea;} .form td.input input[type=text], .form td.input input[type=password] {width:158px; border:1px solid #E3E4E9; font-size:12px; color:#222; border-top:1px solid #ACADB2; padding:3px;} .form td.input select {width:165px; border:1px solid #E3E4E9; font-size:12px; color:#222; border-top:1px solid #ACADB2; padding:3px;} .form td.input .message {color:#8D8F95; font-size:11px; padding-top:5px;} .form td.input input.date {width:40px !important; margin-right:10px;} .form td.input textarea {border:1px solid #E3E4E9; font-size:12px; color:#222; border-top:1px solid #ACADB2; padding:3px;} .form td.input textarea.long {width:526px; height:123px;} .form td.input textarea.medium {width:348px; height:123px;} .form td.input span {width:200px;} .form td.input span .checkbox {width:20px;} .table table { background: url(../../images/bg/bg_table_th.jpg) top left repeat-x } .table tr.yellow td { border-top: 1px solid #e9e9e9; background: #fffbcc } .table tr.yellow td { color: black; font-weight:bold } .table tr.last td { border-width: 2px } .table th { padding: 10px 5px; color: white; font-weight: bold;} .table th.first { background: url(../../images/bg/bg_table_th_l.jpg) top left no-repeat } .table th.last { background: url(../../images/bg/bg_table_th_r.jpg) top right no-repeat } /*.table tr.content:hover { background-color:#efefef;}*/ .table td { border-bottom: 1px solid #e9e9e9; padding:10px 5px;; color: #8D8F95 } .table td.player { color: #dc1a21 } .table td.rating span {background-image: url(../../images/sprite-player.png);background-repeat:no-repeat;background-position:-45px 0px; width:30px; height:30px; display:block; font-weight:bold; color:#fff; line-height:32px;} .table td.rating2 span {background-image: url(../../images/sprite-player.png);background-repeat:no-repeat;background-position:-75px 0px; width:30px; height:30px; display:block; font-weight:bold; color:#fff; line-height:32px;} .table td.warning span { background-image: url(../../images/sprite-player.png);background-repeat:no-repeat;background-position:-0px -42px; width:13px; height:14px; display:block; } .table td.remove span a{ background-image: url(../../images/sprite-player.png);background-repeat:no-repeat;background-position:-13px -42px; width:20px; height:17px; display:block; } .table td.add span a{ background-image: url(../../images/sprite-player.png);background-repeat:no-repeat;background-position:-17px -60px; width:20px; height:17px; display:block; } .table td .black { color: black; font-weight: bold } .news-header {background: #fff url(../../images/bg/bg-grey-header.jpg) repeat-x; width:900px; float:left; } .news-header span.corner-l{background:url(../../images/bg/bg-grey-cornerl.jpg) no-repeat; width:3px; display:block; height:72px;} .news-header span.corner-r{background:url(../../images/bg/bg-grey-cornerr.jpg) no-repeat; width:3px; display:block; height:72px;} #navigation a{background:#AAAAAA url(../../images/left-tab.png) left top no-repeat;text-decoration: none; font-size:11px; font-weight:bold; color:#fff; float: left; line-height:28px; padding-left:10px;} #navigation a span{background: url(../../images/right-tab.png) right top no-repeat;padding:0; /*float: right;*/ padding-right:10px; cursor: pointer } #navigation a, #navigation a span{display: block; height:26px;} #navigation a:hover{color: #fff;background: #ED1C24 url(../../images/left-tab-hover.png) left top no-repeat;padding-left: 10px} #navigation a:hover span{background: url(../../images/right-tab-hover.png) right top no-repeat;padding-right: 10px} #navigation a.current{color: #fff;background: #ED1C24 url(../../images/left-tab-hover.png) left top no-repeat;padding-left: 10px} #navigation a.current span{background: url(../../images/right-tab-hover.png) right top no-repeat;padding-right: 10px} #navigation {margin:0;padding:25px 0 0 15px;} #navigation li{float: left;margin-right:10px;} .news-region {line-height:25px; width:423px; padding-top:25px; color:#8D8F95; text-align:right;} .news-region select { width:158px; border:1px solid #E3E4E9; font-size:12px; color:#8d9095; border-top:1px solid #ACADB2; padding:3px;} .news-content{ background:#fff url(../../images/bg/bg-top.jpg) repeat-x; padding:20px; clear: both } .news-content .pagination { border-bottom:1px solid #f0f0f0; padding-bottom:15px; color:#8d9095;} .news-content .pagination ul li { float:left; margin-left:3px; font-weight:bold; font-size:13px;} .news-content .pagination ul li a{ border:1px solid #ccc; padding:7px; color:#8d9095; display:block;} .news-content .pagination ul li a:hover{ border:1px solid #ccc; padding:7px; background:#eb1c24; color:white; display:block;} .news-content .pagination ul li.current span { border:1px solid #ccc; padding:7px; background:#eb1c24; color:white; display:block;} .news-content .news-browse ul {margin-top:20px;} .news-content .news-browse ul li { margin-bottom:40px; color:#8d9095} .news-content .news-browse img { margin-right:50px;} .news-content .news-browse .desc { float:left; width:530px;} .news-content .news-browse .date { font-size:11px; padding-bottom:10px; color:black;font-weight:bold} .news-content .colm1 { width:575px; float:left; color:#8d9095} .news-content .colm1 .date { font-size:11px; padding-bottom:20px; color:black; } .news-content .colm1 img { padding-bottom:20px; } /*.news-content .colm1 .share span { background-image:url(../../images/sprite-share.gif); background-repeat:no-repeat; display:block; width:16px; height:16px; float:left; margin-right:3px;}*/ .news-content .colm1 .share { color:black; margin:25px 0 100px 0px;} /*.news-content .colm1 .share span a{ display:block; width:16px; height:16px; } .news-content .colm1 .share span.plus{ background-position:-6px -4px;} .news-content .colm1 .share span.facebook{ background-position:-26px -4px;} .news-content .colm1 .share span.myspace{ background-position:-46px -4px;} .news-content .colm1 .share span.google{ background-position:-66px -4px;} .news-content .colm1 .share span.twitter{ background-position:-86px -4px;} .news-content .colm1 .share span.blue{ background-image:none; width:36px; color:#4c5ccf; text-align:center; line-height:18px;} .news-content .colm1 .share span.line{ background-image:none; width:10px; text-align:center} */ .news-content .colm2 { width:270px; float:left; padding-top:15px;} .news-content .colm2 strong{ font-size:14px; } .news-content .colm2 ul { padding-top:20px;} .news-content .colm2 ul li{ padding-bottom:10px;} #player_img { float:left; border:2px solid #efefef;margin:-10px 10px 10px 0;} .player_watch { height:20px; width:123px; margin:2px 0 0 5px; } #ctl00_middle_profileheader_player_img { margin: 0 10px 5px 0 } .player_watch a{background-image: url(../../images/sprite-player.png);background-repeat:no-repeat;background-position:-46px -33px; display:block; float:left; } .player_watch a:hover{background-position:-46px -55px; display:block; float:left; } .player_table { background: url(../../images/bg/bg_player_table.jpg) top left no-repeat; padding:20px; min-height:120px; } .player_table td.manager span { background-image: url(../../images/sprite-player.png);background-repeat:no-repeat;background-position:-105px 0px; width:30px; height:30px; display:block; float:left; margin-right:10px; } .player_table td.manager h2 {margin:3px 0 0 10px;} .player_table td.player span { background-image: url(../../images/sprite-player.png);background-position:-134px 0px; width:30px; height:30px; display:block; float:left; margin-right:10px; } .player_table td.player h2 {margin:3px 0 0 10px;} .player_table td.rating span{background-image: url(../../images/sprite-player.png);background-repeat:no-repeat;background-position:0px 0px; width:45px; height:18px; text-align:center; color:#fff; font-weight:bold; font-size:18px; display:block; padding:12px 0; margin:0 20px 5px 20px;} .player_table td.desc{ font-size:14px; font-weight:bold; color:#8D8F95; border-top:1px solid #efefef;} .player_table td.total{ font-size:14px; font-weight:bold; color:#222; text-align:center;border-top:1px solid #efefef; padding:7px 0;} #player_nav { height:44px; width: 100%; margin-top:20px; border-bottom:1px solid #ccc;} #player_nav li { float: left; border-bottom:1px solid #fff; text-align:center;width: 94px; font-size:14px; font-weight:bold; } #player_nav li a { display: block; height: 30px; background-image: url(../../images/sprite-player.png); background-repeat: no-repeat; background-position: -170px 0; padding-top:15px; color:#222;} #player_nav li.current { padding-top:5px;width: 82px;} #player_nav li.current a { background-position: -170px -46px; padding-top:12px; color:#666; } .player_show { margin-left:15px;line-height:25px;} .player_season {line-height:25px; width:208px; color:#8D8F95;} .player_season select { width:158px; border:1px solid #E3E4E9; font-size:12px; color:#8D8F95; border-top:1px solid #ACADB2; padding:3px;} .clear { clear:both; margin:0; padding:0;} .left { float:left;} .right { float:right;} .center { text-align:center;} .lightgrey { color: #e9e9e9 } .mediumgrey { color:#999 } .grey { color: #4d4d4d } .red { color: #ff0000 } .white { color: #fff;} .black { color:#222;} .space { padding-bottom:10px;} .spacer { padding-bottom:5px;} .manager{ background-position:-105px 0px; } .player{ background-position:-135px 0px; } /**********BUTTONS***********/ .button-save-changes { padding:10px; } .button-save-changes a{ background:url(../../images/button-save-changes.png) no-repeat; display:block; width:146px; height:38px;} .button-search { padding:10px; } .button-search a{ background:url(../../images/button-search-big.png) no-repeat; display:block; width:101px; height:38px;} /********COLUMNS***********/ .colm1 {float:left; width:590px; margin-right:10px;} .colm2 {width:295px; float:left; } .colm3 {width:50%; float:left;} /*****TEAMS***/ .teams { background: #f2f2f3; padding: 20px } .teams .heading { font-weight:bold; font-size:14px; padding:0 0 8px 0;} .teams li { padding:2px 0;} .teams li.label { color: #555; font-weight:bold; } .teams li.input { text-align: left; color: #888; } .teams li.space { padding-bottom:20px;} /********GAME RATINGS*********/ .ratings { } .ratings li.team { background:url(../../images/bg/bg-red.png) no-repeat; width:252px;height:95px; padding:10px 20px; } .ratings li.team span.white { font-size:22px; color:#fff; line-height:26px;} .ratings li.team span.small { font-size:11px;} .ratings li.manager { background:url(../../images/bg/bg-grey.png) no-repeat; margin-left:10px; width:262px;height:95px; padding:15px 15px; position:relative;} .ratings li.manager h2 span { background-image:url(../../images/sprite-player.png);background-repeat:no-repeat; width:30px;height:30px; float:left; margin-right:5px; display:block; } .ratings li.manager h2 span.medal { background-image:url(../../images/sprite-player.png);background-repeat:no-repeat; width:17px;height:35px;background-position:0px -57px; float:right; margin-right:5px; display:block; } .ratings li.manager p span.rating {background-image:url(../../images/sprite-player.png);background-position:0 0;background-repeat:no-repeat;color:#FFFFFF;display:block;font-size:18px;font-weight:bold;height:18px;padding:12px 0;text-align:center;width:45px;position:absolute;right:18px;top:50px;} .ratings li.manager p.rated { margin-top: 25px } .ratings li.manager p.rated img { float: left; margin-right: 14px } .grey_box {padding-bottom:9px; width:445px;} .grey_box .grey_box_header {background:#F2F2F3 url(../../images/bg/corner-tr.gif) no-repeat scroll 100% 0; height:4px; overflow:hidden;} .grey_box .grey_box_header div {background:#F2F2F3 url(../../images/bg/corner-tl.gif) no-repeat scroll 0 0; height:4px; overflow:hidden; width:4px;} .grey_box .grey_box_content{background:#F2F2F3 none repeat scroll 0 0; color:#FFFFFF; padding:20px; display:block; } .grey_box .grey_box_content .ratings-content h2 {width:402px; background:url(../../images/bg/bg-ratings.gif) no-repeat; text-align:left; height:35px; padding:5px 0 0 10px; } .grey_box .grey_box_content .ratings-content h2 span { background-image:url(../../images/sprite-player.png);background-repeat:no-repeat; width:30px;height:30px; float:left; margin-right:10px; display:block; } .grey_box .grey_box_content .ratings-content label{ color:#999;} .grey_box .grey_box_content .ratings-content p{ color:#222; padding-bottom:25px;} .grey_box .grey_box_footer {background:#F2F2F3 url(../../images/bg/corner-br.gif) no-repeat scroll 100% 0; height:4px; overflow:hidden;} .grey_box .grey_box_footer div {background:#F2F2F3 url(../../images/bg/corner-bl.gif) no-repeat scroll 0 0; height:4px; overflow:hidden; width:4px;} /*****Dashboard****/ .dashboard-heading{ background:url(../../images/bg/bg-heading-dashboard.png) no-repeat; height:15px; /*width:100%;*/ padding:10px;} .dashboard-heading span { color:#777; line-height:18px; margin-left:40px;} /*****Quick Search****/ .quick-search { position:relative; background:url(../../images/bg/bg-colm2.png) no-repeat; padding:20px 25px;} .quick-search h2 {line-height:10px;} .quick-search h2 span { background-image:url(../../images/sprite-player.png);background-repeat:no-repeat; width:13px;height:13px; float:left; margin-right:5px; display:block; background-position:-33px -42px;} .quick-search img { position:absolute; top:35px; right:20px;} .quick-search input {width:180px; border:1px solid #E3E4E9; font-size:12px; color:#222; border-top:1px solid #ACADB2; padding:3px; color:#999; float: left} .quick-searchImgButton { position: relative; top: -10px } .quick-search small a{ font-size:11px;color:#999; margin:3px 0 10px 0; display:block} .quick-search hr {border-top:1px solid #ccc; margin-bottom:10px;} .quick-search ul { padding:10px;list-style:inside; margin:0;} .quick-search ul li { color:#555; font-size:11px; padding-bottom:4px;} .quick-search-friend { background-image: url(../../images/bg/wall-friends.png); height: 55px; margin-bottom: 10px } #mask { position:absolute; left:0;top:0;z-index:9000; background-color:#000; display:none; } #boxes .window { position:absolute;left:0;top:0; display:none; z-index:9999; padding:20px; } #boxes p {color: #031125;font-weight:800;font-size: 14px;line-height: 120%;font-style:italic;margin:10px 0 10px 0;padding:0 0 0 0;} /***** Contact Form ****/ .form .contact-form td.input select{ width:auto} .form .contact-form textarea { width:300px; height:150px; font-family:Verdana, Geneva, sans-serif} /***** Videos ****/ .news-content .video-browse ul {margin-top:20px;} .news-content .video-browse ul li { margin-bottom:40px; color:#8d9095} .news-content .video-browse iframe { margin-right:50px; float:left} .news-content .video-browse .desc { float:left; width:400px;}