/********************************************************************************************/ /* */ /* QUT - REAL NOT REAL STYLESHEET */ /* */ /********************************************************************************************/ /*** BASICS ***/ /*IMG, DIV, INPUT { behavior: url("iepngfix.htc") }*/ * { padding:0; margin:0; } BODY { text-align:center; overflow-x:hidden; font: normal 12px Arial, Helvetica, sans-serif; color:#000000; background: #000000 url(../images/body_bg.jpg) top center no-repeat; } INPUT { border: 1px solid #D5D5D5; background: #FFFFFF; color:#000000; margin:0; padding: 0; font: normal 12px Arial, Helvetica, sans-serif; } A{ font: normal 12px Arial, Helvetica, sans-serif; color:#D04419; text-decoration: underline;} A:hover { font: normal 12px Arial, Helvetica, sans-serif; color:#D04419; text-decoration: none;} IMG { border: none; } FORM, UL, P, H1, H2, H3, H4 { margin: 0; padding: 0;} P { margin-bottom: 12px; } .clear { clear:both; } .relativeposition { position: relative;} /* BSU remove outline from transparent flash files */ object { outline:none; } /*** LAYOUT ***/ /* #sky-container { width: 100%; background: url(../images/skyBG.jpg) repeat-x top #B7D1B8; } #grass-container { width: 100%; background: url(../images/grassBG.png) repeat-x; height: 105px; } */ #home-main-container { width:795px; margin:0px auto; margin-bottom: 17px; text-align:left; } #home-main-container-noelvis { width: 795px; margin: auto; margin-bottom: 17px; } .home-topcontainer { width: 795px; height: 92px; margin:0px; padding:0px; background: url(../images/logo.png) no-repeat 0 0; text-align:left; } .home-pig-img { background: url(../images/left-pigbg.png) no-repeat; width: 191px; height: 181px; position:absolute; top:0px; left:-170px; } #player{ width:484px; height:382px;} .home-middcontainer { width: 795px; background: url(../images/woodenbg.gif) repeat-y; } .middlepart-result{ position:relative; } .realstories{ position:relative; display:block; text-align:right; width:780px !important; width:auto; height:34px; padding-top:5px; padding-right:10px; text-align:left; } A#realstories-btn {float:right; cursor:hand; width: 280px; height: 50px; display: block; background: url(../images/realstories_up.png) no-repeat; text-decoration:none;} A#realstories-btn:hover{ background: url(../images/realstories_over.png) no-repeat;} .home-middleftpart { width: 528px; float:left; } .home-middrightpart { width: 267px; float:left; background: url(../images/home-rightblackbg.png) no-repeat; height: 395px; margin-top: 11px; font: normal 12px Arial, Helvetica, sans-serif; color:#ffffff; } .home-middrightpart-video { width: 267px; float:left; background: url(../images/home-rightblackbg-video.png) no-repeat; height: 440px; margin-top: 11px; font: normal 12px Arial, Helvetica, sans-serif; color:#ffffff; } .home-playerbg { background: url(../images/home-playerbg.jpg) repeat-y; margin-top: 19px; padding-top: 18px; padding-bottom: 18px; text-align: center; margin-bottom: 12px; } .home-playerbg-video { background: url(../images/home-playerbg.jpg) repeat-y; margin-top: 19px; padding-top: 70px; padding-bottom: 2px; text-align: center; margin-bottom: 8px; } #home-sharing{ min-height:55px;} a#home-challengefriend { width: 268px; height: 45px; display: block; text-decoration: none; float: left; background-image: url(../images/challengefriend_up.png); cursor:hand;} a#home-bookmark { width: 258px; height: 45px; display: block; text-decoration: none; float: left; background-image: url(../images/bookmark_up.png); cursor:hand;} a#home-joincommunity { float:left; width: 235px; height: 50px; display: block; text-decoration: none; float: left; background-image: url(../images/joincommunity_up.png); cursor:hand;} a#home-challengefriend:hover{ background-image: url(../images/challengefriend_over.png);} a#home-bookmark:hover{ background-image: url(../images/bookmark_over.png);} a#home-joincommunity:hover{ background-image: url(../images/joincommunity_over.png);} a#send2friendBtn { float:right; width: 234px; height: 56px; display: block; text-decoration: none; float: left; background-image: url(../images/send2friend_up.png); cursor:hand;} a#send2friendBtn:hover{ background-image: url(../images/send2friend_over.png);} .home-bottcontainer { background: url(../images/bott-yellow-strip.png) no-repeat 3px; height: 29px; clear: both; } .home-rightpart-content { position: absolute; z-index: 1000; top:16px; left:3px; width: 100%; } .home-elvis-img { background: url(../images/elvis-right-img-new.png) no-repeat; width: 362px; height: 493px; position:absolute; top: 73px; right: -200px; z-index:100;} #elvis{ width:323px; height:494px; position:absolute; right:-210px; top:176px; background: url(../images/elvis-right-img-new.png) right no-repeat; overflow:hidden;} .home-right-txt { width: 100%; } h1 {font:normal 26px Arial Narrow; text-decoration:none; color:#ffffff; margin-bottom:20px; text-transform:uppercase; padding-left: 15px; margin-bottom: 12px; } .homerightcontent-padding-left { padding-left: 20px; } .home-realnotreal-img { background: url(../images/home-realnotreal-img.png) no-repeat; height: 111px; margin-left: 10px; } .home-realnotreal-img a { width: 105px; height: 102px; display: block; text-decoration: none; float: left; margin-right: 10px; } /* - Redundant - now conatined in flash. .home-rate { padding-left: 7px; } .home-rate a { background: url(../images/rating-circle.gif) no-repeat 0 0; display: block; text-decoration: none; width: 36px; height: 31px; float:left; } .home-rate a:hover { background: url(../images/rating-circle.gif) no-repeat 0 -33px; display: block; text-decoration: none; width: 36px; height: 31px; float:left; } .home-rate a.active { background: url(../images/rating-circle.gif) no-repeat 0 -66px; display: block; text-decoration: none; width: 36px; height: 31px; float:left; } .home-startbtn {display:block; width:283px; height:90px;} */ /* ------------------------------------------- */ .challenge-friend-btn { background: url(../images/challengeafriend-btn.png) no-repeat; width: 421px; height: 91px; position: absolute; top: -3px; left: -27px; cursor:hand; } .join-community-btn { background: url(../images/joincommunity-btn.png) no-repeat; width: 413px; height: 64px; position: absolute; top: 10px; left:-5px; cursor:hand; } h2 { background: url(../images/yellow-gradientbg.gif) repeat-x; height: 43px; padding-top: 13px; margin-bottom: 4px; text-indent: 15px; font:normal 25px Arial Narrow; text-transform: uppercase; } h2.nobg { text-indent: 2px; height:auto; padding:0; margin:0; padding-top:7px; margin-bottom: 11px; font:normal 22px Arial Narrow; text-transform: uppercase; background: none; } h3 { height: 43px; padding-top: 17px; margin-bottom: 4px; text-indent: 25px; font:bold 25px Arial Narrow; text-transform: uppercase; } h4 { font:bold 20px Arial Narrow; text-transform: uppercase; color:#FFFFFF; margin-bottom: 13px; } .challenge-friend-contentbg { background: url(../images/challengeafriend-contentbg.gif) repeat-x top #F5EAA5; height: 289px; } .challenge-friend-content { padding: 16px 15px 10px 15px; } .challenge-friend-content p { margin-top: 3px; margin-bottom: 12px; } .getadose { background: url(../images/btn-getadose.png) no-repeat; width: 366px; height: 67px; } .getadose a { width: 366px; height: 67px; display: block; } .everything-btn { background: url(../images/btn-everythingyou.png) no-repeat; width: 562px; height: 125px; position:absolute; top: -22px; left:-25px; } .everything-btn a { width: 562px; height: 125px; display: block; } A.video-img1 { background: url(../images/video-thumb-img1_up.gif) no-repeat; width: 178px; height: 120px; position:absolute; left: 42px; top: 5px; font-size: 10px; font-weight: bold; color:#000000; text-decoration:none; } A.video-img1:hover{ background:url(../images/video-thumb-img1_over.gif) no-repeat;} A.video-img2 { background: url(../images/video-thumb-img2_up.gif) no-repeat; width: 178px; height: 120px; position:absolute; left: 49px; top: 140px; font-size: 10px; font-weight: bold; z-index:10000; color:#000000; text-decoration:none; } A.video-img2:hover{ background:url(../images/video-thumb-img2_over.gif) no-repeat;} A.video-img3 { background: url(../images/video-thumb-img3_up.gif) no-repeat; width: 178px; height: 120px; position:absolute; left: 36px; top: 275px; font-size: 10px; font-weight: bold; z-index:10000; color:#000000; text-decoration:none; } A.video-img3:hover{ background:url(../images/video-thumb-img3_over.gif) no-repeat;} SPAN.video-active-arrow { width:28px; height:69px; display:block; position:absolute; top: 25px; left: -28px; background:url(../images/back-arrow.gif) no-repeat; } A.video-imgPromo { position:absolute; top:265px; left:528px; display:block; width:253px; height:206px; background:url(../images/video_promo_up.png) no-repeat; text-decoration:none; } A.video-imgPromo:hover{ background:url(../images/video_promo_over.png) no-repeat;} .tvc-blackbg { background: #000000; width: 485px; height: 30px; padding-top: 13px; margin-left: 22px; font-weight: bold; font-size: 11px; color:#FFFFFF; margin-top:5px; text-align: center;} .tvc-midd-bott { margin-left: 12px; padding-bottom: 7px;} .tvc-midd-bott2 { margin-left: 12px; padding-bottom: 7px; padding-top:15px;} .joinqutcommunity { background: url(../images/joinqutcommunity-btn.png) no-repeat; width: 288px; height: 54px; display: block; float: left; } .joinqutcommunity a { width: 288px; height: 54px; display: block; } .qut-img { position: absolute; top: -15px; left: 572px;} .bookmark { width: 264px; float: left; background: url(../images/bookmark.png) no-repeat; height: 53px; } .bookmark a { width: 264px; height: 53px; display: block; text-decoration: none; } A.back-img { float:left; z-index:1000; display:block; width:116px; height:53px; position:absolute; top: 170px; left: -105px; background: url(../images/back-img_up.png) no-repeat; text-decoration:none; cursor:hand;} A.back-img:hover{ background: url(../images/back-img_over.png) no-repeat; } .challenge-friend-leftpart { width:222px; padding-left: 10px; float: left; height: 47px; padding-top: 5px; padding-bottom:10px; padding-left:30px; } .challenge-friend-rightpart { width:222px; padding-left: 10px; float:left; height: 47px; padding-top: 5px; padding-bottom:10px; } .divider { clear: both; background:#E9E9E1; height:2px; } .challengefriend-contentbg { background: url(../images/challengeafriend-contentbg.gif) repeat-x #F4EAA3; } .required { padding-top: 10px; } .sendtofriends-btn { position:absolute; top: -45px; right:15px; } .midd-left-beforeresults { width: 785px; margin: auto; background: url(../images/beforeresult-blackbg.png) no-repeat; height: 450px; } .result-correct { width: 307px; float: left; text-align: center; padding-top: 20px; } .result-hd { width: 207px; float: left; padding-top: 38px; } .result-content { width: 260px; float: left; font-weight: normal; font-size: 14px; color:#FFFFFF; text-decoration: none; padding-top: 38px;} .beforeresult-graphbg { background: url(../images/beforeresult-graphbg.jpg) repeat; position: absolute; width: 762px; left: 10px; top: 15px; height: 306px; } .result-yellowbg { background: url(../images/result-yellow-bg.png) no-repeat; width: 629px; height: 251px; margin-top: 28px; margin-left: 23px; } .yellowbg-content { width: 485px; margin-left: 22px; font:bold 25px Arial Narrow; text-transform: uppercase; color: #D85A3A; margin-top: 25px; } .realornot-btn { background: url(../images/btn-realornot.png) no-repeat; width: 464px; height: 109px; } .realornot-btn a { width: 464px; height: 109px; display: block; } .result-graphbg { position:relative; background: url(../images/result-graphbg.jpg) no-repeat 0px 19px; width:780px; height: 255px; } .result-black-gradient { background: url(../images/result-black-gradient.jpg) no-repeat 10px 0; height: 202px; padding-bottom: 6px; } .youscored-img { position: absolute; top: -20px; left: 5px; background: url(../images/youscored-img.png) no-repeat; width: 355px; height: 310px; } #youscored{ position:absolute; top:94px; left:113px; } .finishedpage-bott-img { background: url(../images/home-challengefriend.png) no-repeat; height: 46px; padding-bottom: 15px; } .thanksforplaying { position:absolute; right:15px; width: 411px; margin-top: 52px; } .thanksfor-hd { background: url(../images/thanksforplaying-hd.png) no-repeat; width: 329px; height: 43px; margin-bottom: 5px; } .thanksforplaying p { margin-bottom: 10px; line-height: 17px; font-size: 14px; color: #3C3C3C; margin-left: 7px; } .bluematter { color: #1E5987 !important; font-size: 14px; font-style: italic; } .rankometer { width: 420px; height: 210px; position:absolute; top: 106px; left: 340px; } .rankometer #home-bookmark {} .result-bott-content { width: 746px; margin: auto; padding-top: 65px; color: #FFFFFF; font-size: 11px; font-weight: bold; } .result-bott1 { width: 220px; float: left; padding-left: 18px; } .result-bott2 { width: 30px; float: left; background: url(../images/result-bott-arrow.gif) no-repeat 0px 15px; height: 70px; height:100px; } .result-bott3 { width: 215px; float: left; padding-left: 30px; } .result-bott5 { width: 200px; float: left; height: 80px; text-align: center; padding-top: 15px; } .addmorefriend { background: url(../images/addmore-friendbg.png) no-repeat; width: 163px; height: 30px; padding-top: 12px; position:absolute; top: -25px !important; top: -20px; left: 300px; font-family: Helvetica, sans-serif; color: #EDCE0F; font-size: 13px; font-weight: bold; text-align: center; z-index: 1000; } .addmorefriend a { font-family: Helvetica, sans-serif; color: #EDCE0F; font-size: 11px; font-weight: bold; text-decoration: underline; cursor: pointer; } .addmorefriend a:hover { font-family: Helvetica, sans-serif; color: #EDCE0F; font-size: 11px; font-weight: bold; text-decoration: none; cursor: pointer; } .qut-small-img { float: right; width: 280px; } .qut-small-img2 { position:absolute; top:10px; right:-15px !important; right:-15px; } .qut-small-img2 A IMG { border:none;} .qut-small-img2 A { border:none;} .inner3-bott-right-img-1024 { position:absolute; top: 350px; right:-105px; z-index:1000; background: url(../images/inner1-bott-right-img-1024.png) 0px 0px no-repeat; width: 250px; height:356px;} .back-img-small { position:absolute; top: 190px; left: -105px; } .midd-bottpart { width: 783px; display: block; clear: both; height: 60px; padding:10px 0 10px 15px; background: url(../images/woodenbg.gif) repeat-y; } .facebookfriend{ float:right; width:300px; height:50px; position:relative; } A#facebookfriend-btn { position:absolute; top:5px; right:30px; width: 293px; height: 37px; display: block; background: url(../images/facebookfriend_up.png) no-repeat; text-decoration:none;} A#facebookfriend-btn:hover{ background: url(../images/facebookfriend_over.png) no-repeat;} A.challengefriendBtn{ width: 176px; height: 67px; display: block; margin-left:10px; background: url(../images/challengebtn_up.jpg) no-repeat; text-decoration:none; } A.challengefriendBtn:hover{ background: url(../images/challengebtn_over.jpg) no-repeat; text-decoration:none; } /****** FORM ***/ .challengefriend { background: url(../images/videobg.gif) no-repeat; width: 497px; padding: 60px 17px 20px 14px; } .challengefriend INPUT { width:200px; height:22px; border:1px solid #DDA600;} INPUT.fieldError{ width:200px; border: 2px solid #FF0000;} .errorMsg{ color:#FF0000; font-size: 11px; font-weight: bold; } .errorMsg_results { position:absolute; right:17px; top:-10px; color:#FF0000; font-size: 11px; font-weight: bold; } .homeBtn A{ position:absolute; top:0px; left:0px; display:block; width:540px; height:90px; text-decoration:none;}