/*Browser specific*/ .ie6 #header{height:148px; } .ie6 #siteNavigation ul .siteNav_item01 a{margin-left: 8px;} .ie6 #register_sale .inputTextShort{ margin-right:45px; } .ie6 #my_game .inputTextShort{margin-right:45px; } .ie6 .pngIE, .delimiterTraining, .title{behavior: url('iepngfix.htc');} /*Master Reset*/ *{margin: 0; padding: 0; font-family: Verdana; font-size: 11px; color: #2f2f2f; background-position: 0 0; background-repeat: no-repeat!important; outline: none; outline-style:none; outline-width:0; } body{background: #fff url(../images/bg_body.gif) repeat-x !important; padding:20px 0 0 0;} li{list-style-type: none;} hr {border: 0; width: 100%;} img{border: 0; display: block; margin: 0;} a{text-decoration: underline;} a:hover{text-decoration: underline; } h1{font-size:17px; font-weight: bold; text-transform: uppercase; margin: 10px 0 20px 0; } h2{font-size:14px; font-weight: bold; text-transform: uppercase; margin: 10px 0;} h3{font-size:13px; font-weight: bold; text-transform: uppercase; margin: 5px 0;} h3 span{font-size:13px;} p{line-height:15px; margin: 15px 0; } /*fix disappearing text*/ p, h1, h2, h3, #header{zoom: 100%;} /*Classes*/ .left{float: left;} .right{float: right;} .center{margin: 0 auto;} .block{display: block;} .inline{display: inline;} .strong{font-weight: bold;} .fixer{display: none;} .clearer{display: block; clear: both; height: 0; line-height: 0; font-size: 0;} .accent{color:#15b4b0;} .absolute{position:absolute;} .relative{position: relative;} .nomargin{margin:0;} .spacer{display: block; clear: both; height: 0; line-height: 0; font-size: 0;} .white{color:#fff;} .list li{padding-left: 30px; background: url(../images/bg_list.gif) 2px 5px; } .spacer_S{height: 4px;} .spacer_M{height: 8px;} .spacer_L{height: 16px;} .spacer_XL{height: 32px;} .spacer_XXL{height: 48px;} .fontSize_S{font-size: 10px;} .fontSize_M{font-size: 12px;} .fontSize_L{font-size: 14px;} .fontSize_XL{font-size: 17px;} .fontSize_XXL{font-size: 20px;} .linkButton{display: block; padding: 10px; text-decoration: none; cursor: pointer; font-size:11px; color:#fff; background-color:#0d8376; border-top: 1px solid #269084; border-bottom: 1px solid #0a685e; border-right: 1px solid #0b7267; border-left: 1px solid #19897d;} .linkButton span{display: block; color:#fff;} /*Layout*/ #wrapContent{width: 952px; margin: 0 auto; min-height:100%; height:auto !important; height:100%; border: 10px solid #fff; background:#fff;} #header{background: #15b4b0 url(../images/bg_header.png); border-bottom: 3px solid #15b4b0;} #header #identityDynamic{width:197px; height:118; float: right; background: url(../images/bg_identityDynamic.png)} /*Site Navigation*/ #siteNavigation{height:30px; background: #1a1a1a url(../images/bg_siteNavigation.png) repeat-x !important; } #siteNavigation ul{} #siteNavigation ul li{display: inline;} #siteNavigation ul li a{display: block; float: left; height:30px; line-height:30px; margin: 0 22px; background-position: 0 50% !important;} #siteNavigation ul li a span{display: none;} #siteNavigation ul .current a, #siteNavigation ul li a:hover{background-position: 100% 50% !important; } #siteNavigation ul .siteNav_item01 a{background: url(../images/siteNav_item01.png); width: 36px; margin-left:15px;} #siteNavigation ul .siteNav_item02 a{background: url(../images/siteNav_item02.png); width: 166px;} #siteNavigation ul .siteNav_item03 a{background: url(../images/siteNav_item03.png); width: 56px;} #siteNavigation ul .siteNav_item04 a{background: url(../images/siteNav_item04.png); width: 60px;} #siteNavigation ul .siteNav_item05 a{background: url(../images/siteNav_item05.png); width: 56px;} #siteNavigation ul .siteNav_item06 a{background: url(../images/siteNav_item06.png); width: 34px;} #siteNavigation ul .siteNav_item07 a{background: url(../images/siteNav_item07.png); width: 95px;} #siteNavigation ul .delimiter{display: block; float: left; height:30px; line-height:30px; width:2px; background: url(../images/delimiter_siteNav.png); background-position: 0 50% !important;} #siteNavigation ul .delimiter span{display:none;} .identity_PremierLeague{background-color:#15b4b0; border-right: 1px solid #fff; float: left;} .btn span{display: none;} .btn_logOut{float: right; display: block; background: url(../images/btn_logOut.png); width: 78px; height:30px; line-height:30px; background-position: 0 50% !important; margin-right:10px;} /*Content*/ #content{margin: 8px 0;} #content #main{float: left; width:681px;} #content #side{float: right; width:260px; background-color:#4c4c4c; } #content #side .content{padding: 9px;} #wrapMainContent{padding-top: 29px;} .mainContent{border-bottom: 1px solid #c5c5c5; background-image: url(../images/bg_main.png);} .mainContent .content{padding: 15px; } #side{} #side .bordered{border:1px solid #626262;} #wrapUserPoints{margin-bottom: 2px;} #user, #points{ background-color:#2f2f2f; border:1px solid #626262; } #user{float: left; width: 146px;} #points{float: right; width: 90px;} #user .content, #points .content{padding: 6px; font-size: 9px; font-weight:bold; color:#fff;} #side .data{font-size:13px; font-weight: bold; color:#15b4b0; display: block; line-height:20px;} /*League Leader*/ #wrapLeagueLadder{margin-bottom: 2px; } #wrapLeagueLadder .title {width: 40%; display: block; float: left; color:#fff; font-size: 9px; line-height:14px;} #wrapLeagueLadder #leagueLadderTabs{ width: 60%; float: right; background:#2f2f2f; } #wrapLeagueLadder #leagueLadderTabs li{float: right; height: 16px; line-height: 16px; text-align: center; margin-right: 1px;} #wrapLeagueLadder #leagueLadderTabs li a{display: inline; float:left; width:auto !important; text-decoration: none; font-weight: bold; font-size: 9px; background: url(../images/bg_leagueLadderTabs.png); padding: 0 5px 0 10px; } #wrapLeagueLadder #leagueLadderTabs li a:hover{color:#808080;} #wrapLeagueLadder #leagueLadderTabs li span{background: url(../images/bg_leagueLadderTabs.png) 305px 0 !important; width:5px; height:16px; display: inline;float:left;} #wrapLeagueLadder #leagueLadderTabs .active a{background-position: -300px 0 !important;} #wrapLeagueLadder #leagueLadderTabs .active span{background-position: 100% 0 !important;} #leagueLadder{width: 240px; background-color:#2f2f2f; border:1px solid #626262; } #leagueLadder .content{padding: 6px; font-size: 10px; font-weight:bold; color:#fff; } #leagueLadder .wrapTable {border: none; background-color:#2f2f2f; padding:1px; clear:both; padding-top: 0px;} #leagueLadder .wrapTable table tr th{text-align: left; padding: 5px; font-weight: bold; background:#fff; color:#4c4c4c; font-size: 10px; } #leagueLadder .wrapTable table tr td{color:#4c4c4c;} /*Forms*/ form label {cursor: pointer; line-height:18px;} input{ background: #fff; border: 1px solid #c9c9c9; line-height: 12px;} select{} .button{text-decoration: none; overflow: visible; background-position: 50% 100% !important; text-indent: -9999px; cursor: pointer; font-size:9px; text-transform: uppsercase; color:#fff; background-color:#0d8376; border-top: 1px solid #269084; border-bottom: 1px solid #0a685e; border-right: 1px solid #0b7267; border-left: 1px solid #19897d;} .checkbox{width: 16px; height: 16px; margin-right: 6px;} .radio{width: 16px; margin-right: 12px; background: none; border: none;} .inputText{padding: 3px 3px 3px 3px; } .inputFile{padding: 3px 3px 3px 3px;} .textArea{padding: 3px 3px 3px 3px; overflow: auto; background: #fff; border: 1px solid #c9c9c9; line-height: 12px;} .select{height: 23px; text-align: left; font-size: 14px; line-height: 16px; font-family: Arial; font-weight: bold; font-style: italic; background: #434343; border: 1px solid #606060; color: #a6a6a6; overflow: auto;} /*Tables*/ .wrapTable {border: 1px solid #c4c4c4; background-color:#fff; padding:1px; } .wrapTable table {border-collapse: collapse; background-color:#e7e7e7; width:100%;} .wrapTable table tr th{text-align: left; padding: 5px; font-weight: bold; background:#2f2f2f; color:#fff; font-size: 10px; } .wrapTable table tr td{padding: 7px; font-weight: bold; font-size: 10px; background: #e7e7e7 url(../images/bg_tableTD.gif) 0 0 repeat-x !important;} .wrapTable table .even td{background-color:#fff !important;} .rank{border:1px solid #c3c3c3; background:#fff; padding: 1px;} .rank div{background: #2f2f2f; font-size:10px; font-weight: bold; color:#fff; padding: 5px; display: block; text-align: center;} .rank div .accent{font-size:10px;} /*Titles*/ .title{margin: 0; width:100%; display: block; height: auto; } .title span{display: none;} .title_tryThisPhone{background: url(../images/title_tryThisPhone.png); height: 40px; } .title_quiz{background: url(../images/title_quiz.png); height: 40px; } .btn_training{background: url(../images/btn_training.png); height: 40px; width: 120px; } .btn_takeQuiz{background: url(../images/btn_takeQuiz.png); height: 40px; width: 120px; } /*Tabs*/ #content #tabs{ position: absolute;}/* position: relative;*/ #content #tabs li{float: left; height: 30px; line-height: 30px; text-align: center; margin-right: 2px;} #content #tabs li a{display: inline; float:left; width:auto !important; text-decoration: none; font-weight: bold; background: url(../images/bg_tabs.png); padding: 0 10px 0 15px; } #content #tabs li a:hover{color:#15b4b0;} #content #tabs li span{background: url(../images/bg_tabs.png) 305px 0 !important; width:5px; height:30px; display: inline;float:left;} #content #tabs .active a{color:#15b4b0; background-position: -300px 0 !important;} #content #tabs .active span{background-position: 100% 0 !important;} /*Footer*/ #footer{background-color:#15b4b0; height:32px; line-height:32px;} #footer .links{position:absolute; margin-left:600px;} #footer .identity{width:126px; position: absolute; margin-left:413px; margin-top:8px;} #footer a{color:#fff; font-size:10px; text-decoration: none;} #footer a:hover{text-decoration: underline;} #footer .delimiter{padding: 0 20px; color:#fff; font-size:10px;} /*Buttons*/ #btn_requestStoreChange{background-image: url(../images/btn_valueRequestStoreChange.gif); width: 150px;} #btn_cancel{background-image: url(../images/btn_valueCancel.gif); width: 60px;} #btn_confirm{background-image: url(../images/btn_valueConfirm.gif); width: 60px;} #btn_submit{background-image: url(../images/btn_submit.gif); width: 60px;} #btn_shoot{background-image: url(../images/btn_shoot.gif); width: 60px;} #btn_go{background-image: url(../images/btn_go.gif); width: 35px;} #btn_yes{background-image: url(../images/btn_yes.gif); width: 35px;} #btn_no{background-image: url(../images/btn_no.gif); width: 35px;} .btn_redeemNow{background-image: url(../images/btn_redeemNow.gif); width: 90px;} #btn_backToTop{background-image: url(../images/btn_backToTop.gif); width: 100px;} /*Home*/ #home .mainContent{background-image: url(../images/bg_home.jpg); background-color:#12b3b0; border: 0;} #home #wrapMainContent{padding-top: 0;} #home .mainContent .content{padding: 0; } #home .mainContent .content a{position: absolute;} #home .mainContent .content a span{display: none;} #home .mainContent .content #homelinkTraining{margin-left:35px; margin-top: 259px; width:71px; height:105px;} #home .mainContent .content #homelinkNews{margin-left:157px; margin-top: 50px; width:160px; height:327px;} #home .mainContent .content #homelinkRewards{margin-left:361px; margin-top: 26px; width:284px; height:398px;} /*My Game*/ #my_game .mainContent{background-image: url(../images/bg_myGame.png); } #my_game #wrapForm {width:330px; position: ; margin-top: 30px; margin-left: 20px;} #my_game label{display: block; float: left;} #my_game .inputText{width:180px; display: block; float: right;} #my_game .inputTextShort{width: 90px; margin-right:90px; } /*Register a Sale*/ #register_sale .mainContent{background-image: url(../images/bg_registerSale.jpg); } #register_sale #wrapForm {width:330px; margin-left: 20px;} #register_sale label{display: block; float: left;} #register_sale .inputText{width:180px; display: block; float: right;} #register_sale .inputTextShort{width: 90px; margin-right:90px; } #register_sale h1{color:#fff; margin-top: 80px; zoom: normal;} #register_sale .greatSkills{background:#2f2f2f; color:#fff; font-weight: bold; border:10px solid #2f2f2f; width: 120px; display: block; position: absolute; margin-top: 107px; margin-left: 492px;} #register_sale_success .mainContent{background-image: url(../images/bg_registerSaleSuccess.jpg); } /*Help me*/ #help_me #wrapForm {width: 600px; } #help_me label{display: block; float: left;} #help_me .inputText{width:180px; display: block; float: right;} #help_me .textArea{width:180px; display: block; float: right;} /*Confirmation*/ #confirmation {background: #15b4b0; border: 1px solid #555555; position: absolute; left: 50%; width: 334px; margin-left: -167px; margin-top: 50px; display: none; } #confirmation .content p{color:#fff; text-align: center;} /*Training*/ #training .mainContent{background-image: url(../images/bg_training.jpg); } #training h1, #training h3, #training p{color:#fff;} #training .delimiterTraining{background: url(../images/delimiter_training.png) 0 50%; height:50px; clear: both; display: block;} #training .wrapRangePhone{} /*width: 320px; float: left;*/ #training .wrapRangePhone .photo{width: 25%; float: left;} #training .wrapRangePhone .info{width: 75%; float: left;} /*Training & Quizes*/ #training_quizzes .mainContent{background-image: url(../images/bg_training.jpg); } #training_quizzes h1, #training_quizzes h3, #training_quizzes p{color:#fff;} #training_quizzes .delimiterTraining{background: url(../images/delimiter_training.png) 0 50%; height:50px; clear: both; display: block;} #training_quizzes form .question{color:#fff; font-weight: bold; margin: 0;} #training_quizzes form .info{color:#fff; margin: 5px 0;} #training_quizzes form label{color:#fff; font-weight: bold;} /*Quiz Status*/ #quiz_status .mainContent{background-image: url(../images/bg_training.jpg); } #quiz_status h1, #quiz_status h3, #quiz_status p{color:#fff;} #quiz_status p{margin: 0;} #quiz_status .statusPoints, #quiz_status .statusQuiz { border: 1px solid #fff; float: left; width: 140px; text-align: center; color:#fff; font-weight: bold; line-height: 27px;} #quiz_status .statusPoints {margin-right: 10px; color:#15b4b0;} #quiz_status .statusQuiz a{font-weight: bold; color:#fff; text-decoration: none;} /*Available Rewards*/ #available_rewards .wrapRewards{width: 320px; float: left;} #available_rewards .wrapRewards h3{margin: 0;} #available_rewards .wrapRewards .photo{width: 50%; float: left;} #available_rewards .wrapRewards .info{width: 50%; float: left;} #available_rewards .wrapRewards .info p{margin: 5px 0 10px 0;} #rewardsPoints li{display: block; float: left;} #rewardsPoints li a{display: block; float: left; width:77px; height:67px; background-position: 50%; background-color:#2f2f2f; } #rewardsPoints li a span{display: none;} #rewardsPoints li .delimiter{background:#2f2f2f url(../images/delimiter_rewardsPoints.gif) 50%; height:67px; width:15px; display: block; float: left;} #rewardsPoints li .delimiter {text-indent: -9999px;} #rewardsPoints .rewardsPointsFill{background-image: url(../images/bg_rewardsPoints.gif); width:10px; height:67px; display: inline; float:left;} #rewardsPoints .rewardsPointsFillStart{background-position: 0;} #rewardsPoints .rewardsPointsFillEnd{background-position: 100%;} #rewardsPoints .points100{background-image: url(../images/title_100points.gif);} #rewardsPoints .points200{background-image: url(../images/title_200points.gif);} #rewardsPoints .points300{background-image: url(../images/title_300points.gif);} #rewardsPoints .points400{background-image: url(../images/title_400points.gif);} #rewardsPoints .points500{background-image: url(../images/title_500points.gif);} #rewardsPoints .points600{background-image: url(../images/title_600points.gif);} #rewardsPoints .points700{background-image: url(../images/title_700points.gif);} .delimiterRewards{background: url(../images/delimiter_news.png) 0 50% repeat-x !important; height:70px; clear: both; display: block;} /*Sale History*/ #wrapSaleHistoryTable{background: url(../images/bg_saleHistoryTable.jpg);} #wrapSaleHistoryTableBottom{background: url(../images/bg_saleHistoryTable.jpg) 0 100%; height: 70px; display: block;} /*News*/ .delimiterNews{background: url(../images/delimiter_news.png) 0 50% repeat-x !important; height:50px; clear: both; display: block;}