/********************************************************************************** * Basic Stylesheet ( For Mac: Firefox, Safari PC: Firefox, Opera, Netscape, IE6/7, Safari Beta ) * * version: 1.1 * author: ken hanson * email: ken@markupninjas.com * website: www.markupninjas.com **********************************************************************************/ /*********************************************************************** * Table of =Contents * ---------------------------------------------------------------------- * =Normalization (CSS Reset)..................................(Line 27) * =SAMPLE SAMPLE..............................................(Line ##) * =SAMPLE SAMPLE..............................................(Line ##) * =SAMPLE SAMPLE..............................................(Line ##) * =SAMPLE SAMPLE..............................................(Line ##) * =SAMPLE SAMPLE..............................................(Line ##) * =SAMPLE SAMPLE..............................................(Line ##) * =SAMPLE SAMPLE..............................................(Line ##) * =SAMPLE SAMPLE..............................................(Line ##) *************************************************************************/ /* When Searching for items in the table of contents, use = where they show up in the text above to find items more quickly */ /*********************************** =Normalization ***********************************/ /* Normalizes Margin, padding */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0;} /* Normalizes font-size for headers */ h1, h2, h3, h4, h5, h6 { font-size: 100%; } /* Removes list-style from lists */ ol, ul { list-style: none; } /* Normalizes font-style and font-weight to normal */ address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } /* Removes border styles from tables */ table { border-spacing: 0; border-collapse: collapse;} /* Removes border from fieldset and img */ fieldset, img { border: 0; } /* Left aligns text in caption and th */ caption, th { text-align: left; } /* Removes quotation marks from q */ q:before, q:after { content: ''; } /* Normalize Links for Netscape when image replacements are used (text decorates the whole page width up to the IR'd link with an underline) */ a { text-decoration: none; color: black;} a:hover { text-decoration: underline; } .ir { position: relative; overflow: hidden; display: block;} .ir em { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: block; background-repeat: no-repeat;} /*********************************** =Wrappers ***********************************/ a { color: #CCC; } a em { cursor: pointer; } body { color: #ffffff; margin: 0 auto; background: #91c03c url(images/bg_body.jpg) repeat-y center top; font-size: 12px; font-family: Arial; text-transform: uppercase; } #wrapper { margin: 0 auto; overflow: hidden; width: 1018px; border: solid 1px #4f4f4f; border-style: none solid; } /*********************************** =Header ***********************************/ #header { height: 140px; background: url(images/bg_header.jpg) repeat-x left top; } #header h1 { float: left; margin-left: 30px; width: 186px; height: 140px; } #header h1 em { background: url(images/ir_mgc.jpg) no-repeat left top; } #header .banner { margin-left: 240px; width: 744px; height: 106px; padding-top: 16px; } #header .banner a, #header .banner object { background: url(images/bg_banner.jpg) no-repeat left top; border: solid 1px #2e2f33; border-bottom: none; width: 728px; height: 90px; padding: 8px; display: block; } #header .banner img { background: none; border: none; width: 728px; height: 90px; } /*********************************** =Navigation ***********************************/ #navigation { clear: left; position: relative; z-index: 1000;} #main { background: url(images/bg_nav_last.jpg) repeat-x left top; height: 29px; line-height: 29px; padding-left: 4px; } #main a { display: block; padding: 0 27px; font-size: 12px; } #main a:hover { color: #ffe264; text-decoration: none; } #main li {float: left; background: url(images/bg_nav.jpg) no-repeat right top; position: relative; } #main li.tournament {float: left; background: url(bracket/images/menu_tournaments.png) no-repeat right top; position: relative; width: 154px; } #main li.lastli { background: url(images/bg_nav_last.jpg) no-repeat right top; } #main li:hover, #main li.over { color: #ffe264; } #main li:hover .firstLevel, #main li.over .firstLevel { display: block; } #main .firstLevel a { font-size: 11px; height: 1%; padding: 0 5px;} #main .firstLevel { display: none; position: absolute; background: lime; line-height: 20px; top: 29px; left: 0px; width: 140px;} #main .firstLevel li { float: none; background: #000000; border: solid 1px #4f4f4f; border-top: none; } #main .firstLevel li:hover, #main .frstLevel li.over { background: #4f4f4f; } #main .firstLevel li:hover .secondLevel, #main .firstLevel li.over .secondLevel { display: block; left: 100%; top: 0; } #main .secondLevel { display: none; position: absolute; } #main .secondLevel li { float: left; clear: left; width: 140px; } #subNavigation { height: 27px; line-height: 29px; background: url(images/bg_subnav.jpg) repeat-x left top; border: solid 1px #4f4f4f; border-style: solid none; z-index: 10px; } #subNavigation .scroller {float: left; margin-left: 20px; width: 600px; text-transform: none; font-weight: bold; color: #91c03c; } #subNavigation .scroller li { list-style: none; color: #91C03C;} #subNavigation .scroller a { color: #91C03C; font-size: 1.2em;} #subNavigation .join { float: right; background: transparent url(images/bg_join.jpg) no-repeat right top; padding-right: 9px; } #subNavigation .join a { margin: 0 3px; } #subNavigation .join a.signIn { color: #eec719; } #subNavigation .search { float: left; margin-left: 12px; } #searchInput { width: 184px; height: 19px; border: solid 1px #000000; float: left; margin: 3px 8px 0 0;} #subNavigation .searchButton { background: url(images/bg_search.jpg) no-repeat left top; width: 72px; height: 21px; padding: 21px 0 0 0; overflow: hidden; border: none; float: left; margin: 3px 0 0 0; } /*********************************** =Content (static) ***********************************/ #content { float: left; zoom: 1.0; overflow: hidden; background: #4f4f4f url(images/bg_content1.jpg) no-repeat left top; z-index: 190; width: 100%; } #content2 { float: left; zoom: 1.0; overflow: hidden; background: #4f4f4f url(images/bg_content2.jpg) no-repeat left top; z-index: 190; width: 100%; } #contentHeader { margin: 0 auto; width: 1018px; } #contentHeader ul { height: 93px; margin-left: 75px; padding-top: 6px; } #contentHeader ul li {float: left;} #contentHeader a { padding: 0 15px; } #contentHeader .guitarHero { width: 94px; height: 84px; } #contentHeader .guitarHero em { background: url(images/Guitar-Hero-5_small.png) no-repeat left top; } #contentHeader .madden { width: 331px; height: 84px; } #contentHeader .madden em { background: url(images/madden-nfl-10-logo.png) no-repeat left top; } #contentHeader .smashBros { width: 149px; height: 84px; } #contentHeader .smashBros em { background: url(images/ir_Smash.jpg) no-repeat left top; } #contentHeader .burnout { width: 187px; height: 84px; } #contentHeader .burnout em { background: url(images/ir_Burnout.jpg) no-repeat left top; } #contentHeader .fifa { width: 163px; height: 84px; } #contentHeader .fifa em { background: url(images/ir_FIFA.jpg) no-repeat left top; } #contentHeader .nfss { width: 242px; height: 84px; } #contentHeader .nfss em { background: url(images/nfss_logo.png) no-repeat left top; } #contentHeader .nidr { width: 242px; height: 84px; } #contentHeader .nidr em { background: url(images/nfss_logo.png) no-repeat left top; } #contentHeader .bowling {width: 240px; height: 84px;} #contentHeader .bowling em { background: url(images/Fast&Furious_LOGO.png) no-repeat left top; } #lowerLeftContent { float: left; padding: 8px 0px 16px 16px; width: 857px; } #lowerLeftContentning { float: left; padding: 8px 0px 16px 16px; width: 100%; } #contentSidebar { margin-left: 879px; zoom: 1.0; background: #000 url(images/bg_rightcolumn.jpg) no-repeat left top; font-size: 10px; width: 128px; } #contentSidebar ul { padding: 27px 6px 16px; zoom: 1.0; } #contentSidebar ul li { width: 121px; } #contentSidebar ul .mcdonalds a { width: 121px; height: 79px; } #contentSidebar .mcdonalds a em { background: url(images/McCafe-gray.png) no-repeat left top; } #contentSidebar .mcdonalds a:hover em { background: url(images/McCafe-color.png) no-repeat left top; } #contentSidebar .iplay a { width: 121px; height: 61px; margin-top: 0px; } #contentSidebar .iplay a em { background: url(images/ir_IPlay_bw.jpg) no-repeat left top; } #contentSidebar .iplay a:hover em { background: url(images/ir_IPlay.jpg) no-repeat left top; } #contentSidebar .southwest a { width: 121px; height: 68px; margin-top: 0px; } #contentSidebar .southwest a em { background: url(images/ir_Southwest_bw.jpg) no-repeat left top; } #contentSidebar .southwest a:hover em { background: url(images/ir_Southwest.jpg) no-repeat left top; } #contentSidebar .att a { width: 124px; height: 94px; margin-top: 0px; } #contentSidebar .att a em { background: url(images/ATT_LOGO_B.png) no-repeat left top; } #contentSidebar .att a:hover em { background: url(images/ATT_LOGO_A.png) no-repeat left top; } #contentSidebar .hin a { width: 121px; height: 54px; margin-top: 0px; } #contentSidebar .hin a em { background: url(images/HIN%20Logo_greay.jpg) no-repeat left top; } #contentSidebar .hin a:hover em { background: url(images/HIN%20Logo_color.jpg) no-repeat left top; } #contentSidebar .GamePro a { width: 124px; height: 94px; margin-top: 0px; } #contentSidebar .GamePro a em { background: url(images/GAME_PRO_LOGO_B.png) no-repeat left top; } #contentSidebar .GamePro a:hover em { background: url(images/GAME_PRO_LOGO_A.png) no-repeat left top; } #contentSidebar .oneUp a { width: 121px; height: 54px; margin-top: 0px; } #contentSidebar .oneUp a em { background: url(images/ir_1up_bw.jpg) no-repeat left top; } #contentSidebar .oneUp a:hover em { background: url(images/ir_1up.jpg) no-repeat left top; } #contentSidebar .eca a { width: 121px; height: 63px; margin-top: 0px; } #contentSidebar .eca a em { background: url(images/ir_ECA_bw.jpg) no-repeat left top; } #contentSidebar .eca a:hover em { background: url(images/ir_ECA.jpg) no-repeat left top; } #contentSidebar .charity a { width: 121px; height: 91px; margin-top: 0px; } #contentSidebar .charity a em { background: url(images/ir_MDcharity_bw.jpg) no-repeat left top; } #contentSidebar .charity a:hover em { background: url(images/ir_MDcharity.jpg) no-repeat left top; } #contentSidebar .coke a { width: 121px; height: 91px; margin-top: 0px; } #contentSidebar .coke a em { background: url(images/COKE%20ZERO%20GRAYSCALE.png) no-repeat left top; } #contentSidebar .coke a:hover em { background: url(images/COKE%20ZERO%20COLOR.png) no-repeat left top; } #contentSidebar .warheads a { width: 105px; height: 92px; margin-top: 0px; } #contentSidebar .warheads a em { background: url(images/logos/warheads_logo_gs.png) no-repeat left top; margin-left:9px; } #contentSidebar .warheads a:hover em { background: url(images/logos/warheads_logo_color.png) no-repeat left top; } #contentSidebar .nvga a { width: 120px; height: 18px; margin-top: 0px; } #contentSidebar .nvga a em { background: url(images/logos/nvga_logo_gs.jpg) no-repeat left top; margin-left:0; } #contentSidebar .nvga a:hover em { background: url(images/logos/nvga_logo_color.jpg) no-repeat left top; } #contentSidebar .rated a { width: 121px; height: 79px; margin-top: 0px; } #contentSidebar .rated a em { background: url(images/ir_rated_bw.jpg) no-repeat left top; } #contentSidebar .xdc a { width: 121px; height: 151px; margin-top: 0px; } #contentSidebar .xdc a em { background: url(images/xdccrest_grey.jpg) no-repeat left top; } #contentSidebar .xdc a:hover em { background: url(images/xdccrest.jpg) no-repeat left top; } #contentSidebar .gladiators a { width: 124px; height: 94px; margin-top: 0px; } #contentSidebar .gladiators a em { background: url(images/cleveland_gladiators_off.png) no-repeat left top; } #contentSidebar .gladiators a:hover em { background: url(images/cleveland_gladiators_on.png) no-repeat left top; } #contentSidebar .asics a { width: 124px; height: 44px; margin-top: 0px; } #contentSidebar .asics a em { background: url(images/asics-logo-white.png) no-repeat left top; } #contentSidebar .asics a:hover em { background: url(images/asics-logo-color.png) no-repeat left top; } /*********************************** =Footer ***********************************/ #footerWrapper { background: #000000; } #footer { margin: 0 auto; width: 1022px; text-align: center; } #footer ul { margin: 0 auto; padding-top: 30px; width: 890px; } #footer ul li { float: left; border-right: solid 2px #ffffff; line-height: 10px; } #footer ul .lastli { border: none; } #footer ul li a { padding: 0 16px; font-size: 11px; } #footer .copyright { display: block; margin: 0 auto; width: 800px; font-size: 10px; color: #91c13d; padding-top: 40px; } #footer .design { margin: 0 auto; width: 460px; font-size: 10px; padding: 30px 0 30px; } #footer .design span { display: block; margin-left: 100px; padding-top: 8px; color: #a9a4a4; } #footer .design span a { text-decoration: underline; color: #a9a4a4; } #footer .score { float: left; } #footer .score ul li { float: left; boder: none;} #footer .score a { width: 87px; height: 86px; } #footer .score a em { background: url(images/Affinity-Logo-Gray.png) no-repeat left top; height: 86px; } #footer .score a:hover em { background: url(images/Affinity-Logo-Color.png) no-repeat left top; height: 86px; } /*********************************** =content (dynamic) ***********************************/ /** Home **/ #leftColumn { float: left; background: #000000 url(images/bg_partners.jpg) repeat-x left top; padding: 10px; width: 400px; } #leftColumn .flash { float: left; width: 402px; height: 324px; background: #000; } #leftColumn .flashText { text-transform: none; float: left; clear: left; width: 368px; padding: 12px 0 12px 24px; } #leftColumn .flashText h3 { width: 100%; font-size: 14px; font-weight: bold; line-height: 18px; } #leftColumn .flashText p { font-size: 12px; } #leftColumn .flashText a { color: #f7d43f; text-decoration: underline; } #leftColumn .videos { float: left; clear: left; width: 380px; padding: 10px; border: solid 1px #4f4f4f; background: url(images/bg_partners.jpg) repeat-x left top; margin-top: 5px; padding-bottom: 31px; .padding-bottom: 31px; } #leftColumn .videos h2 { width: 213px; height: 17px; } #leftColumn .videos h2 em { background: url(images/ir_gamerGenedVideo.jpg) no-repeat left top; } #leftColumn .videos .videoList { margin: 10px 0 0; overflow: hidden; zoom: 1.0; } #leftColumn .videos .videoList li { float: left; font-size: 11px; padding-bottom: 16px; text-transform: none; } #leftColumn .videos .videoList li img { float: left; width: 118px; margin-right: 8px; } #leftColumn .videos .videoList li a { color: #f7d43f; text-decoration: underline; } #videoPager { display: block; float: left; width: 380px; height: 19px; line-height: 19px; background: url(images/bg_pro_page.jpg) repeat-x left top; } #videoPager li { float: left; background: url(images/bg_pro_page_number.jpg) no-repeat right top; text-transform: uppercase; font-size: 10px; margin: 0; } #videoPager li.lastli { background: none; } #videoPager li a { margin: 0 4px; text-decoration: none; } #videoPager li a:hover { color: #f7d43f; } #rightColumn { margin-left: 436px; } #rightColumn .cityBox { background: url(images/bg_partners.jpg) repeat-x left top; float: left; width: 421px; } #rightColumn .cityBox h2.mgc { width: 313px; height: 23px; margin: 16px 0 0 54px; } #rightColumn .cityBox h2.mgc em { background: url(images/ir_mgc_text.jpg) no-repeat left top; } #rightColumn .cityBox h2.coming { width: 343px; height: 82px; margin: 16px 0 0 40px; } #rightColumn .cityBox h2.coming em { background: url(images/2010%20HEADLINE%20MGC.png) no-repeat left top; } #rightColumn .cityBox p { margin: 16px 0 0 20px; text-align: center; font-size: 10px; color: #f7d43f; line-height: 14px; width: 380px; } #rightColumn .cityTable { float: left; width: 416px; } #rightColumn .cityTable table thead h2 { width: 280px; height: 24px; margin: 20px 0 8px 70px; } #rightColumn .cityTable table thead h2 em { background: url(images/ir_playForCash.jpg) no-repeat left top; } #rightColumn .cityTable table { margin: 0 8px 14px; } #rightColumn .cityTable table tbody tr td { background: #313231; border: solid 1px #000000; } #rightColumn .cityTable table tr td a { text-align: center; display: block; font-size: 10px; padding: 0px 6px; line-height: 25px; } #rightColumn .cityTable table tr td a:hover { color: #f7d43f; text-decoration: none; } #rightColumn .cityTable table tfoot span { font-size: 9px; text-align: center; display: block; line-height: 28px; } #rightColumn .sweepstakes { background: #000000 url(images/bg_sweepstakes.jpg) no-repeat left top; margin-top: 7px; float: left; position: relative; overflow: hidden; width: 421px; height: 270px; } #rightColumn .sweepstakes .enter { position: absolute; top: 0; right: 0; width: 123px; margin: 10px 14px 0 0; height: 1%; } #rightColumn .sweepstakes .enter span { float: left; font-size: 11px; font-weight: bold; padding: 0 0 4px 34px; } #rightColumn .sweepstakes .enter a { width: 123px; height: 19px; float: left; } #rightColumn .sweepstakes .enter a em { background: url(images/ir_enterToWin.jpg) no-repeat left top; } #rightColumn .sweepstakes .enter a:hover em { background: url(images/ir_enterToWinHover.jpg) no-repeat left top; } #rightColumn .sweepstakes .prize { padding: 186px 0 0 32px; float: left; } #rightColumn .sweepstakes h2 { width: 360px; height: 23px; } #rightColumn .sweepstakes h2 em { background: url(images/ir_winAPrize.jpg) no-repeat left top; } #rightColumn .sweepstakes h3 { margin: 10px 0 20px; width: 359px; height: 32px; display: block; } #rightColumn .sweepstakes h3 em { background: url(images/ir_packageIncludes.jpg) no-repeat left top; } #rightColumn .mgcForum { background: #000000; margin-top: 7px; float: left; padding: 10px; width: 401px; } #rightColumn .mgcForum h2 { width: 96px; height: 18px; float: left; display: block; } #rightColumn .mgcForum h2 em { background: url(images/ir_mgcForum.jpg) no-repeat left top; } #rightColumn .mgcForum h3 { width: 279px; height: 13px; float: right; display: block; } #rightColumn .mgcForum h3 em { background: url(images/ir_getUpToDate.jpg) no-repeat left top; } #rightColumn .mgcForum ul { padding: 8px 10px 3px; .padding: 2px 10px 3px; clear: left;} #rightColumn .mgcForum ul li { clear: left; } #rightColumn .mgcForum ul li a { font-size: 11px; color: #f7d43f; text-transform: none; text-decoration: underline; } /** About **/ #about { background: #000 url(images/bg_partners.jpg) repeat-x left top; overflow: hidden; zoom: 1.0; padding: 20px 24px; text-transform: none; font-size: 11px; } #about h2 { width: 348px; height: 18px; } #about h2 em { background: url(images/ir_about.jpg) no-repeat left top; } #about img { float: left; padding-top: 16px; } #about h3 { float: left; padding-top: 14px; font-weight: bold; font-size: 16px; text-align: justify; } #about p { font-size: 11px; line-height: 14px; color: #f7d43f; text-align: justify; padding-top: 14px; } /** Winners **/ #winnersWrapper { background: url(images/bg_partners.jpg) repeat-x left top; overflow: hidden; height: 803px; padding: 16px 0 16px 24px; zoom: 1.0; width: 831px; } #winnersWrapper h2 { width: 84px; height: 19px; float: left; } #winnersWrapper h2 em { background: url(images/ir_partners.jpg) no-repeat left top; } #photosWrapper { background: url(images/bg_partners.jpg) repeat-x left top; overflow: hidden; height: 803px; padding: 16px 0 16px 24px; zoom: 1.0; width: 831px; } #photosWrapper h2 { width: 84px; height: 19px; float: left; } #photosWrapper h2 em { background: url(images/ir_photos.jpg) no-repeat left top; } /** Partners **/ #partnersWrapper { background: url(images/bg_partners.jpg) repeat-x left top; overflow: hidden; height: 803px; padding: 16px 0 16px 24px; zoom: 1.0; width: 831px; } #partnersWrapper h2 { width: 84px; height: 19px; float: left; } #partnersWrapper h2 em { background: url(images/ir_partners.jpg) no-repeat left top; } #partners { float: left; width: 795px; padding-left: 17px; margin-top: 24px; background: url(images/bg_partners_left.jpg) no-repeat left top; } #partners ul { background: url(images/bg_partners_right.jpg) no-repeat 742px top; overflow: auto; height: 711px;} #partners ul li { border-bottom: solid 1px #4f4f4f; text-transform: none; color: #f7d43f; font-size: 12px; line-height: 14px; text-align: justify; margin-right: 42px; } #partners li.att { background: url(images/ATT_LOGO_A.png) no-repeat 20px 4px; padding: 50px 0 50px 150px; } #partners li.mcDonalds { background: url(images/bg_partners_MCD.jpg) no-repeat 20px 4px; padding: 50px 0 50px 150px; } #partners li.iplay { background: url(images/bg_partners_iplay.jpg) no-repeat 20px 10px; padding: 22px 0 28px 150px; } #partners li.asics { background: url(images/asics-logo-color.png) no-repeat 20px 10px; padding: 22px 0 28px 150px; } #partners li.southwest { background: url(images/bg_partners_SW.jpg) no-repeat left 36px; padding: 28px 0 28px 150px; } #partners li.oneUp { background: url(images/bg_partners_1up.jpg) no-repeat 12px 14px; padding: 20px 0 20px 150px; } #partners li.eca { background: url(images/bg_partners_ECA.jpg) no-repeat left 36px; padding: 16px 0 16px 150px; } #partners li.charities { background: url(images/bg_partners_RMHC.jpg) no-repeat 30px 6px; padding: 24px 0 25px 150px;} #partners li.warheads { background: url(images/bg_partners_warheads.png) no-repeat 20px 6px; padding: 28px 0 15px 150px; } #partners li.nvga { background: url(images/bg_partners_nvga.jpg) no-repeat 0 40px; padding: 28px 0 15px 150px; border: none; } #gamesettingsWrapper { background: url(images/bg_partners.jpg) repeat-x left top; overflow: hidden; height: 803px; padding: 16px 0 16px 24px; zoom: 1.0; width: 831px; } #gamesettingsWrapper h2 { width: 164px; height: 19px; float: left; } /*#gamesettingsWrapper h2 em { background: url(images/ir_partners.jpg) no-repeat left top; }*/ #gamesettings { float: left; width: 795px; padding-left: 17px; margin-top: 24px; } #gamesettings ul { background: url(images/bg_partners_right.jpg) no-repeat 742px top; overflow: auto; height: 711px;} /** My Profile **/ #profile { background: #000000 url(images/bg_wideLeftContent.jpg) repeat-x left top; padding: 8px 8px 8px 24px; float: left; width: 825px; } #profileHeader { float: left; overflow: hidden; height: 1%; } #profileHeader .leftColumn { float: left; width: 500px; font-size: 12px; text-transform: none; } #profileHeader .leftColumn h2 { width: 97px; height: 18px; margin-top: 10px; } #profileHeader .leftColumn h2 em { background: url(images/ir_myProfile.jpg) no-repeat left top; } #profileHeader .leftColumn .user { float: left; font-weight: bold; line-height: 18px; margin-top: 36px; } #profileHeader .leftColumn .user .userIcon { float: left; padding: 0 20px; background: url(images/bg_icon_people.jpg) no-repeat left top; } #profileHeader .leftColumn span .email { width: 15px; height: 13px; float: left; margin-right: 10px; } #profileHeader .leftColumn span .email em { background: url(images/bg_icon_mail.jpg) no-repeat left top; } #profileHeader .leftColumn span .messenger { width: 16px; height: 15px; float: left; } #profileHeader .leftColumn span .messenger em { background: url(images/bg_icon_messenger.jpg) no-repeat left top; } #profileHeader .leftColumn ul { float: left; clear: left; margin-top: 26px; } #profileHeader .leftColumn ul li { float: left; } #profileHeader .leftColumn ul li a { margin: 0 12px 0 0; padding: 0; } #profileHeader .leftColumn h4 { float: left; clear: left; font-size: 14px; margin-top: 4px; } #profileHeader .rightColumn { margin: 0 0 0 566px; text-transform: none; zoom: 1.0; } #profileHeader .rightColumn span.search { margin-bottom: 8px; float: left; height: 1%; overflow: hidden; } #profileHeader .rightColumn span.search #searchInputProfile { width: 180px; border: solid 1px #000000; height: 18px; float: left; } #profileHeader .rightColumn span.search input.searchButton { background: none; border: none; color: #ffffff; font-weight: bold; margin: 2px 0 0 184px; display: block; } #profileHeader .rightColumn div h3 { float: left; width: 110px; font-size: 14px; font-weight: bold; padding-left: 8px; } #profileHeader .rightColumn div span a.signOut { text-decoration: underline; } #profileHeader .rightColumn ul { margin: 20px 0 0 8px; } #profileHeader .rightColumn ul li { padding: 0 0 2px 16px; } #profileHeader .rightColumn ul li.settingsli { background: url(images/bg_icon_settings.jpg) no-repeat left -2px; } #profileHeader .rightColumn ul li a { padding: 0; } #profileBody { float: left; width: 760px; text-transform: none; } #profileBody .leftColumn { float: left; width: 220px; } #profileBody .leftColumn img { margin-top: 6px; } #profileBody .leftColumn h3 { font-size: 16px; font-weight: bold; margin-top: 10px; } #profileBody .leftColumn a { text-decoration: underline; } #profileBody .leftColumn span.share { background: url(images/bg_icon_share.jpg) no-repeat left top; padding-left: 12px; margin-top: 6px; float: left; } #profileBody .leftColumn div { margin-top: 16px; float: left; } #profileBody .leftColumn div h4 { font-size: 14px; width: 180px; float: left; font-weight: bold; } #profileBody .leftColumn div input { margin: left; 200px; border: none; background: #ffffff; width: 36px; height: 18px; } #profileBody .leftColumn div span { line-height: 18px; font-size: 14px; margin-top: 8px; float: left; width: 100%; } #profileBody .leftColumn div span.addMusic { padding-left: 12px; background: url(images/bg_icon_add.jpg) no-repeat left top; } #profileBody .rightColumn { margin-left: 260px; } #profileBody .rightColumn .activity { padding-top: 36px; position: relative; border-bottom: solid 1px #ffffff; overflow: hidden; height: 1%; } #profileBody .rightColumn .activity .invite { position: absolute; top: 0; right: 0; background: url(images/bg_icon_add.jpg) no-repeat left top; padding: 4px 0 0 16px; height: 16px; text-decoration: underline; overflow: hidden; } #profileBody .rightColumn .activity div { } #profileBody .rightColumn .activity div h4 { float: left; width: 300px; font-size: 14px; font-weight: bold;} #profileBody .rightColumn .activity div input { margin-left: 460px; background: #ffffff; width: 36px; height: 18px; border: none; font-size: 12px; display: block; } #profileBody .rightColumn .activity h5 { text-transform: uppercase; font-size: 12px; color: #afafaf; margin: 10px 0 0 10px; } #profileBody .rightColumn .activity span { margin: 4px 0; float: left; } #profileBody .rightColumn .activity span a { text-decoration: underline; } #profileBody .rightColumn .activity span .date { color: #afafaf; float: none; } #profileBody .rightColumn .items { float: left; width: 500px; } #profileBody .rightColumn .items .rss { float: left; width: 420px; padding: 2px 0 0 16px; background: url(images/bg_icon_rss.jpg) no-repeat left top; margin: 4px 0 0 10px; text-decoration: underline; } #profileBody .rightColumn .items .privacy { margin: 4px 0 0 450px; text-decoration: underline; display: block; } #profileBody .rightColumn .items .innerItem { float: left; width: 100%; overflow: hidden; } #profileBody .rightColumn .items .innerItem h4 { float: left; width: 400px; margin: 12px 0 10px; } #profileBody .rightColumn .items .innerItem input { border: none; background: #ffffff; float: none; margin: 12px 0 0 460px; width: 36px; height: 18px; display: block; } #profileBody .rightColumn .items .innerItem span { margin-left: 0; } #profileBody .rightColumn .items h4 { float: left; clear: left; font-size: 14px; font-weight: bold; width: 496px; } #profileBody .rightColumn .items h4.email { padding-left: 14px; width: 482px; background: url(images/bg_icon_lock.jpg) no-repeat left top; color: #cfcfcf; } #profileBody .rightColumn .items span { float: left; clear: left; margin: 2px 0 2px 10px; font-weight: bold; width: 496px; } #profileBody .rightColumn .items span.email { color: #cfcfcf; } #comments { float: left; margin: 16px 0; width: 500px; overflow:hidden; } #comments h4 { float: left; width: 460px; font-size: 14px; font-weight: bold; } #comments .commentInput { width: 36px; height: 18px; border: none; background: #ffffff;} #comments .add { margin-top: 12px; overflow: hidden; width: 500px; } #comments .add span { font-size: 14px; font-weight: bold; float: left; margin-bottom: 10px } #comments .add .editor { float: left; clear: left; padding-left: 60px; overflow: hidden; width: 430px; } #comments .add .editor img { float: left; width: 54px; border: solid 1px #ffffff; } #comments .add .editor .editorPane { margin-left: 70px; background: #ffffff; no-repeat left top; width: 360px; height: 180px; } #comments .add .editor span { font-size: 14px; font-weight: normal; border-bottom: solid 1px #ffffff; padding: 10px 0 10px 70px; width: 360px; float: left; } #comments .add input { clear: both; margin-left: 370px; width: 120px; display: block; height: 18px; font-size: 12px; border: none; background: #ffffff; color: #4f4f4f; } /** Schedules **/ #schedules { background: url(images/bg_wideLeftContent.jpg) repeat-x left top; padding: 20px 24px; overflow: hidden; height: 803px; width: 810px; } #schedules h2 { float: left; width: 670px; height: 17px; } #schedules h2 em { background: url(images/ir_schedules.jpg) no-repeat left top; } #schedules .innerWrapper { float: left; width: 795px; margin-top: 28px; padding-left: 17px; background: url(images/bg_partners_left.jpg) no-repeat left top; } #schedules .innerWrapper .innerContent { float: left; width: 795px; height: 710px; background: url(images/bg_partners_right.jpg) no-repeat 742px top; overflow: auto; } .innerContent table { margin: 16px 17px 20px 0; font-size: 12px; } .innerContent table thead tr td { line-height: 24px; } .innerContent table tbody tr td { padding-right: 24px; line-height: 24px; color: #f7d43f; text-transform: none; } .innerContent table tbody tr td.city { text-transform: uppercase; } /** Pro Files **/ #pro { background: url(images/bg_partners.jpg) repeat-x left top; padding: 19px 24px; text-transform: none; font-size: 11px; overflow: hidden; zoom: 1.0; } #pro h2 { width: 125px; height: 19px; float: left; margin-right: 200px; } #pro h2 em { background: url(images/ir_pro.jpg) no-repeat left top; } #pro .dropdowns { float: left; width: 100%; margin-top: 20px; } #pro select.citySelect { float: left; width: 160px; clear: left; display: block;} #pro select.gameSelect { width: 160px; display: block; margin-left: 194px; } #pro .data { float: left; margin-top: 30px; } #pro .data img { float: left; width: 171px; } #pro .data span { display: block; line-height: 14px; text-transform: uppercase; } #pro .data span.question { margin-left: 195px; color: #ffffff; font-weight: bold; font-size: 12px; } #pro .data span.answer { margin: 0 0 14px 195px; color: #f7d43f; font-size: 10px; } #pro .details { float: left; margin: 10px 0; } #pro .details h4 { font-size: 12px; font-weight: bold; text-transform: uppercase; } #pro .details p { margin-top: 14px; line-height: 14px; font-size: 11px; } #pro .details span.answer { color: #f7d43f; } #pro .details ul { display: block; float: left; width: 100%; height: 19px; line-height: 19px; background: url(images/bg_pro_page.jpg) repeat-x left top; margin-top: 56px; } #pro .details ul li { float: left; background: url(images/bg_pro_page_number.jpg) no-repeat right top; text-transform: uppercase; font-size: 10px; } #pro .details ul li.lastli { background: none; } #pro .details ul li a { margin: 0 8px; text-decoration: none; } #pro .details ul li a:hover { color: #f7d43f; } /** Forums **/ #forumContent { background: url(images/bg_wideLeftContent.jpg) repeat-x left top; height: 803px; padding: 14px 16px; } #forumContent h2 { width: 68px; height: 18px; float: left; } #forumContent h2 em { background: url(images/ir_forums.jpg) no-repeat left top; } #forumContent .mainContent { float: left; width: 824px; clear: left; background: #ffffff; height: 746px; margin-top: 10px; } /** Pod Casts **/ #podcasts { float: left; width: 810px; height: 803px; background: url(images/bg_wideLeftContent.jpg) repeat-x left top; padding: 16px 24px; } #podcasts h2 { width: 85px; height: 17px; float: left; margin-right: 64px; } #podcasts h2 em { background: url(images/ir_podcasts.jpg) no-repeat left top; } #podcasts select.citySelect { float: left; margin-bottom: 36px; } #podcasts .flash { clear: left; width: 424px; height: 374px; margin: 0; } #podcasts h3 { clear: left; margin: 24px 0 0 92px; font-size: 11px; font-weight: normal; } #podcasts ul { clear: left; margin: 30px 0 0 92px; } #podcasts ul li { font-size: 11px; line-height: 18px; } #podcasts ul li a { padding: 0; } #podcasts ul li a:hover { text-decoration: none; color: #f7d43f; } /** Photo Gallery **/ #gallery { background: url(images/bg_wideLeftContent.jpg) repeat-x left top; width: 808px; padding: 20px 24px; overflow: hidden; } #gallery .header { float: left; } #gallery .header h2 { width: 134px; height: 17px; float: left; } #gallery .header h2 em { background: url(images/ir_photoGallery.jpg) no-repeat left top; } #gallery .header select.citySelect { margin-left: 12px; } #gallery .header select.gameSelect { margin-left: 12px; } #pictures { float: left; width: 790px; margin-top: 30px; background: url(images/bg_partners_left.jpg) no-repeat left top; padding-left: 24px; } #pictures ul { background: url(images/bg_partners_right.jpg) no-repeat 740px top; height: 691px; overflow: auto; padding-top: 20px; width: 790px; float: left; } #pictures ul li { float: left; width: 148px; height: 112px; } #pictures ul li.tallRow { height: 140px; } #pictures ul li.portrait { width: 144px; padding-left: 4px; } #bigPictureWrapper { float: left; width: 800px; height: 738px; background: url(images/bg_partners_left.jpg) no-repeat left top; padding-left: 30px; margin-top: 30px; } #bigPicture { background: url(images/bg_partners_right.jpg) no-repeat right top; width: 776px; text-align: center; padding-top: 20px; height: 711px; } #bigPicture .scrollWrapper { width: 720px; height: 140px; overflow: auto; margin-top: 60px;} #bigPicture ul { display: block; width: 10000px; } #bigPicture ul li { float: left; padding: 0 10px; } /** News **/ #newsContent { background: url(images/bg_wideLeftContent.jpg) repeat-x left top; zoom: 1.0; margin-left: 436px; padding: 14px 20px; text-transform: none; font-size: 11px; } #newsContent a { color: #f7d43f; text-decoration: underline; display: block; text-align: justify; line-height: 14px; } #newsContent h2 { width: 112px; height: 18px; } #newsContent h2 em { background: url(images/ir_latestNews.jpg) no-repeat left top; } #newsContent ul { margin-top: 10px; overflow: auto; height: 711px; padding-right: 15px; } #newsContent ul li { padding-top: 13px; width: 100%; } #newsItem { background: url(images/bg_wideleftcontent.jpg) repeat-x left top; padding: 20px 24px; overflow: auto; height: 762px; text-transform: none; } #newsItem h2 { width: 112px; height: 18px; } #newsItem h2 em { background: url(images/ir_latestNews.jpg) no-repeat left top; } #newsItem .item { } #newsItem .item h3 { margin-top: 40px; } #newsItem .item h4 { width: 120px; line-height: 32px; margin-top: 12px; color: #f7d43f; } #newsItem .item p { margin: 12px 0; } #newsItem a { display: block; margin-top: 24px; text-decoration: underline; color: #f7d43f; } #newsItem input { margin:5px 30px 5px 5px; } /** Contests **/ #contests { background: url(images/bg_wideLeftContent.jpg) repeat-x left top; width: 808px; overflow: hidden; padding: 20px 24px; height: 762px; } #contests h2 { width: 81px; height: 18px; float: left; margin-bottom: 10px; } #contests h2 em { background: url(images/ir_contests.jpg) no-repeat left top; } #contests p { float:left; clear: left; margin-top: 16px; } #contests h3 { float: left; clear: left; font-weight: normal; font-size: 11px; margin-top: 36px; } #contests span { float: left; clear: left; font-size: 11px; text-transform: none; color: #f7d43f; } #contests a { float: left; clear: left; display: block; padding: 0; text-transform: none; text-decoration: underline; font-size: 11px; margin: 16px 0 0; color: #f7d43f; } /** Registration **/ #registration { background: #000000 url(images/bg_wideLeftContent.jpg) repeat-x left top; padding: 20px 24px; overflow: visible; width: 807px; } #registration h2 { width: 120px; height: 18px; float: left; } #registration h2 em { background: url(images/ir_registration.jpg) no-repeat left top; } #registration .item { margin-bottom: 36px; overflow: hidden; height: 1%;} #registration h3, td { color: #f7d43f; text-transform: uppercase; line-height: 14px; margin-right: 10px; padding-right: 20px; padding-top: 8px; } #registration .upperRegistrationLeft input, #registration .upperRegistrationRight input { display: block; width: 240px; zoom: 1.0; float: left;} #registration .upperRegistrationLeft select, #registration .upperRegistrationRight select { display: block; float: left;} #registration .upperRegistrationLeft { float: left; padding-top: 24px; width: 400px; clear: left; } #registration .upperRegistrationRight { margin: 42px 0 0 400px; zoom: 1.0;} #registration .upperRegistrationRight .game { margin-bottom: 0px; height: 18px; } #registration .upperRegistrationRight .radios { padding-left: 110px; overflow: hidden; clear: left;} #registration .upperRegistrationRight .radio { margin: 4px 4px 0 0; width: 16px; float: left; clear: left; } #registration .upperRegistrationRight span { float: left; margin-top: 5px; display: block; font-size: 12px; text-transform: none; color: #f7d43f; width: 250px; } #registration .lowerRegistration { float: left; width: 100%; overflow: hidden; padding: 36px; } #registration .lowerRegistration h3 { float: left; width: 100px; } #registration .lowerRegistration input { margin-left: 110px; display: block; width: 580px; height: 180px; } #registration .lowerRegistration input.submit { border: none; background: transparent url(images/bg_registration_submit.jpg) no-repeat left top; width: 134px; height: 23px; margin: 20px 0 30px 560px; } #registration .lowerRegistration input.submit:hover { background: url(images/bg_registration_submit_hover.jpg) no-repeat left top; } .xg_3col .xg_1col { width:230px; } .xg_3col .xg_2col { width:747px; } .xg_2col { width:465px; } .xg_3col { width:690px; } .xg_3col { width:1018px; } #xg_body { width:980px; } li ul li { list-style-type:none!important; } #xg_matt li ul { font-size:1em; margin:-7px 0 0.5em 0; } #xg_matt li a { margin-top: 5px; } #xg_matt .firstLevel a { margin-top: 0; } /* BALCORN */ .search_image_button { margin-top: 3px; .margin-top: 1px; } #dynamic_photo_content { text-transform: none; height: 700px; overflow: auto; } #dynamic_photo_content table td { width: 190px; } #dynamic_photo_content table td p { padding-top: 5px; } #dynamic_photo_content h6 { padding-bottom: 5px; font-size: 14px; color: #FFEC1F; } .body2 td { padding: 3px; }