/* LAYOUT */ * {margin:0;padding:0; } body {padding: 0 0 20px;background: #ffffff url("/images/template/bg.jpg") repeat-x 0 100%; background-attachment: fixed;color:#333;font:12px arial,tahoma,verdana,sans-serif} .floatleft {float: left; margin: 0 1em 0 0; } .floatright {float: right; margin: 0 0 0 1em;} .middle {margin: 0px auto;} .gamesbkcolour, .cringesbkcolour, .mystickittybkcolour, .issuebkcolour, .surveybkcolour, .privacybkcolour, .infoparentsbkcolour, .contactusbkcolour {background-color: #A4D6FF; width: 626px;} .wordsearchbkcolour {background-color: #D5FFCD; width: 626px;} .quizzesbkcolour, .arrowquizzesbkcolour {background-color: #FFFCCA; width: 626px;} .gogirlclubbkcolour {background-color: #DEF8FF; width: 626px;} .landingpagesbkcolour {background-color: #DEF8FF; width: 626px;} /* LAYOUT - HEADER */ #header {position: relative; width: 980px; height: 215px; margin: 0 0 20px;padding: 0 0 8px} #header #site-strapline {position: relative; display: none; } #header #site-logo {position: relative;} #header #site-search {position: relative; display: none; } #banner_standard {position: relative; background: #fff url(/images/template/bg_standardbanner.gif) no-repeat; width:770px; height:101px; line-height:100px; margin: 0px auto; padding-bottom: 10px;} #banner_standard object, #banner_standard embed, #banner_standard img {vertical-align:middle; ; margin-top: 5px; } #banner_tower {position: relative; background: #fff url(/images/template/bg_towerbanner.gif) no-repeat; width:160px; height:634px;text-align: center;} #banner_mpu {position: relative; float: right; background: url(/images/template/bg_mpubanner.gif) no-repeat; width: 306px; height: 279px; margin-right: 1px; margin-top: 14px;} /* NAV - top horizontal nav */ #nav {position: relative; padding: 0; margin: 0; width: 980px; height: 46px;} #nav ul {list-style: none; padding: 0; margin: 0; } /* #nav {font: normal 85% arial; float: right; }*/ #nav li {position:relative;float: left; display:block;margin: 0;padding:0} #nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:underline;cursor:pointer;color:#fff;} /* hide from IE mac \*/ #nav li {width:auto} /* end hiding from IE5 mac */ .nav_inpage {float: left; } .nav_inpage a{text-decoration: underline;} .nav_inpage ul {list-style: url(/images/arro.gif) square;} .nav_inpage ul li {list-style: none;margin:0; padding: 1px 5px 1px 15px;font-family: arial;display:block;background: url("/images/sprites.gif") no-repeat 5px -700px;} #subMenu {margin: 9px;} #inpageMenu {text-align: center;} /* LAYOUT - main body of page */ #wrap {width:980px; margin: 0 auto;position:relative; background-color: #ffffff; } #content-wrap {position:relative;width:980px; top: -30px; } #menubar {position:absolute;top:0; width:187px; padding: 0 0 0px 0;} #utility {width:187px; padding: 0 0 10px 0; background: #fff url(/images/template/bg_utility.gif) left bottom no-repeat; } #login {margin: 5px 0px 0px 0px; padding: 70px 0px 0px 0px; background: transparent url("/images/template/bg_login.gif") no-repeat; height: 233px; width: 187px; font-size: .8em; color: #fff;} #login .buttons {float: left; width: auto; margin: 2px 0px 0px 17px} #sidebar {position:relative; float: right; top:0;right:0px;width:162px; min-height: 530px;padding-bottom: 40px; } #headerGraphic {width: 620px; margin-left: 2px; } #content-wrap-full {position:relative;width:100%; top: -30px; background-color: #A5D6FF; background: url(/images/template/bg_home.gif)} #content-wrap-full #sidebar {width:0px; padding:0; margin:0;} #content-wrap-fuller {position:relative; width:100%; top: -30px; } #content-wrap-avatar {position:relative; width:100%; top: -30px;} #content {position: relative; margin: 0; padding:0; } /* IMAGES */ .contentImg {border: 1px solid #0D3D7F; margin: 2px 3px;} .framedImg {border: 1px solid #0D3D7F; } .homeThumbnail {padding: 0; position:relative;z-index:9999;float:right; margin:5px 0px 0px 5px;} .homeThumbnail img {border: 1px solid #0D3D7F} /*.thumbnail {padding: 0; position:relative;z-index:9999;float:left; margin:5px 5px 0px 0px;}*/ .thumbnail img {border: 1px solid #0D3D7F} /*.thumbnail {padding: 0; position:relative;z-index:9999;float:left;width:100px;margin:5px 0px 2px 2px;}*/ .featurebox {color:#F13DA1;padding: 10px;border: 1px solid #8FB0DD; margin: 0 0 1em;background: #FDECF3 url("/images/featurebox_bg.gif") repeat-x 100% 100%;} .featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;color:#F13DA1} .featurebox p {border:none;margin: 0 0 1em;color:#000;} .featurebox a {font-weight:normal} .related {margin: 0 17px 5px 10px; background: #F4409E url("/images/featurebox_bg.gif"); font-size: .8em; color: #fff;} .related h1, .related h2, .related h3, .related h4, .related h5, .related h6 { color:#003178; font-size: 1.2em; padding: 5px 0; margin:0;border-bottom: 1px solid #A6C0E3; } .related p {margin: 2px;} .related p.first {border-top:1px none #fff; } .related p.last {border-bottom: 1px none #A6C0E3; } .related a {font-weight:normal; text-decoration: underline; color: #fff;} .related .more {font-weight:bold; text-align:right; display: block; background: url("/images/sprites.gif") no-repeat right -700px; padding: 3px 3px 0 0; } .fileInfo {padding:2px; margin-top: 10px;} .linkIcon img {margin-right: 5px;} .featureMoreLinks {position: absolute; bottom: 8px; right:8px;} .portal3 {position: absolute; margin-top: 0px; width:214px; } #categoryForm1 {width: 100%; text-align: right; margin-right: 10px; margin-top: 10px; padding-bottom: 0px;} #categoryForm2 { width:100%; position: relative; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; } .categorySelect { margin:0px 5px 6px 0px; } /* CARDS */ #cards dl { background: url("/images/template/cards/cardBot.gif") bottom left no-repeat; width: 165px; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px;} .cards div { padding: 0px 10px 0px 0px; margin: 0px 0px 0px 0px; } .cards dt { background: url("/images/template/cards/cardTop.gif") top left no-repeat; font-weight: bold;padding: 5px 0px 5px 8px; margin: 0px 0px 0px 0px; } .cards dd { padding: 0px 18px 0px 8px; margin: 0px 0px 0px 0px; background: url("/images/template/cards/cardMid.gif") top left repeat-y; } /* NEXT PREVIOUS BTN*/ #nextPrevious {position: relative; width: 100%; height: 70px; text-align: center; } #nextPrevious #btnNext {position: relative; float: right; width: 133px; } #nextPrevious #btnPrev {position: relative; float: left; width: 133px; } #gallery{padding: 10px 0px; width:420px;} #gallery, #gallery li{list-style:none;padding:0;font: .9em 'arial'; } #gallery li {margin:0 10px; float:left;display:inline;width:120px;} #gallery img {display:block;border:1px solid #007198;margin:0} #gallery a {display:block; padding: 4px 0; text-decoration: underline} /* TABLES */ .table1 {border: 1px solid #8FB0DD;border-collapse:collapse;width:100%} .table1 td {background: #ffffff url("/images/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #fff} .table1 th {text-align:left;border: 1px solid #ffffff} .table1 thead th {font-family: century gothic, verdana; font-size: 130%; color: #fff; height: 26px; font-weight: normal; text-decoration: none; background-color: #83A7DA; padding: 2px 2px 2px 5px; margin-bottom: 2px;} .table1 tbody th {color:#013179;font-size:100%; font-weight: bold;background-color: #DAE7FA; padding: 6px} .table1 tbody th.sub {font-size:100%;color:#000;background: #efefef url("/images/sprites.gif") repeat-x 0 -1500px;padding: 6px} /* TABLES - calendar */ .calendar {width:200px;font-size:92%} .calendar td {text-align:center;border: 1px solid #ddd} .calendar th {text-align:center} .calendar thead th {padding: 3px 2px} .calendar tbody th {padding: 2px} .calendar tbody th.sub {padding: 2px} /* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */ a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("/images/sprites.gif") no-repeat 5px -500px;padding-left:21px} a.morelink:hover {background: transparent url("/images/sprites.gif") 5px -400px} .morelink span {position:absolute;left:-9999px;width:900px} /* 'ENLARGE IMG' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */ a.enlargeImg:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("/images/sprites.gif") no-repeat 0px -2015px;padding-left:21px;font-size:92%} .enlargeImg span {position:absolute;left:-9999px;width:900px} /* LAYOUT TYPE C */ /* #type-c #content {margin: 0 167px 0 184px}*/ #type-c #content {margin: 0 163px 0 190px; padding:0px;} #type-fullpage #content {margin: 0 162px 0 186px; padding:0px;} #content-wrap-full #content {margin: 0 0 0 187px; padding:0px;} /* LAYOUT - FOOTER */ #footer {position: relative; clear:both; margin: 20px auto; padding: 2px 0 30px; font-size:86%; color:#000; width:770px; } #footer p {margin:0} #footer a:link {color:#C8015E} #copyright { float: right; display: inline; padding: 0px 0px 0px 0px; margin: 5px 0px 0px 10px; } #footerNav{ float: left; margin: 5px 25px 0px 0px;} #footerNav li { display: inline; padding: 1px 5px; margin: 0; border-right: 1px solid #000; } #footerNav a:link { color: #C8015E; font-family: arial; font-size: 11px; } #footerNav a:visited { color: #C8015E; font-family: arial; font-size: 11px; } #footerNav a:active { color: #C8015E; font-family: arial; font-size: 11px; } #footerNav a:hover { color: #C8015E; font-family: arial; font-size: 11px; text-decoration: underline; } #footerEnd {text-align: center; font: 80% arial; padding-top: 5px;} .footerFeature { position: relative;font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #616161; line-height: 120%; overflow: hidden; float: left; height: 100px; width: 181px; padding: 5px; background: url(/images/template/footer/bg.gif) bottom left repeat-x; border-top: 1px solid #7F7F7F ;} .footerFeatureLink { width: 180px; padding: 0px; font-size: 12px; height: 18px; padding-right: 5px; font-weight: bold; text-align: right; bottom: 2px; position: absolute; } /* POWERED BY*/ #poweredby {width:96px;height:63px;position:absolute;top:-102px;right:0} /*.listIntro {position: relative; background: transparent url("/images/template/bg_blue_intro.gif") no-repeat; width: 408px; height: 101px;} .listIntro p {position: relative; padding: 10px 15px 10px 20px; color: #fff;}*/ .sponsoredheader {position: relative; background: transparent url("/images/template/sponsored/sponsoredheader.gif") no-repeat; width: 417px; height: 92px;} .featureText {position: relative; background: transparent url("/images/template/bg_blue_error.gif") no-repeat; width: 408px; height: 101px;} .featureText p {position: relative; padding: 20px 30px 10px 40px; color: #fff;} .featureTextPink {position: relative; background: transparent url("/images/template/bg_pink_error.gif") no-repeat; width: 412px; height: 122px;} .featureTextPink p {position: relative; padding: 20px 30px 10px 30px; color: #fff;} .featureTextOrange {position: relative; background: transparent url("/images/template/bg_orange_error.gif") no-repeat; width: 412px; height: 122px;} .featureTextOrange p {position: relative; padding: 20px 30px 10px 30px; color: #fff;} .featureTextBlue {position: relative; background: transparent url("/images/template/errorboxblue.gif") no-repeat; width: 412px; height: 122px; margin-left: 8px;} .featureTextBlue p {position: relative; padding: 20px 50px 10px 30px; color: #fff;} .xtraPoints {position: relative; background: transparent url("/images/xtraPoints/quizzes.gif") no-repeat; width: 377px; height: 120px; margin: 0 auto; padding-top: 60px; } .xtraPoints p {position: relative; margin: 0px 20px 20px 20px; padding: 0; color: #F0037F; font-size: 16px; font-weight: bold; text-align: center;} /* HOME */ #content-wrap-full #static {background: transparent url("/images/template/bg_full_static.gif") top left repeat-y; } #content-wrap #static {position: relative; background: transparent url("/images/template/bg_static.gif") top right repeat-y; width:418px; margin: 0 auto;} #contact-form {position: relative; width: 377px; height: 260px; margin-left: 20px; padding-top: 60px; padding-left:15px; background: transparent url("/images/template/bg_contactform.gif") no-repeat ; } #static .mainText {margin: 0 10px;} #issue {position: relative; background: transparent url("/images/template/bg_blue_games.gif") top right repeat-y; width: 417px; margin: 0px auto;} #issue .mainText {position: relative; background: transparent url("/images/template/bg_static_text.gif") bottom left no-repeat; margin: 0 4px; padding: 0 15px 40px 15px;} #issue .mainTitle {position: relative; margin: 0 4px;} #contact {position: relative; background: transparent url("/images/template/bg_green.gif") top right repeat-y;} /* HOMEPAGE */ .homeCard {width: 180px; height: 220px; float: left; text-align: center; margin: 6px; padding: 0px; cursor:pointer} .homeCard a {color: #fff; font-weight: bold; text-decoration: none;} .latestCard {background: url(/images/home/bg_latest.gif);} .cringesCard {background: url(/images/home/bg_cringes.gif); text-align: left;} .cringesCard .moreText {position: relative; text-align: left; color: #E4428D; width: 70px; padding: 0px; margin: 80px 0px 0px 35px;} .cringesCard .moreText a {color: #E4428D; text-decoration: none;} .hotCard {position: relative; text-align: center; background: url(/images/home/bg_hot.gif);text-align: left;} .hotCard .moreText {color: #E4428D; width: 140px; margin-top: 80px; margin-left: 20px; text-align: center;} .hotCard .moreText a {color: #fff; text-decoration: none;} .gamesCard {background: url(/images/home/bg_games.gif);} .gossipCard {background: url(/images/home/bg_gossip.gif); text-align: left;} .gossipCard .moreText {color: #20B6B6; width: 120px; text-align: center; font-weight: normal; line-height: 12px;margin-left: 30px;} .gossipCard .moreText a {color: #20B6B6; font-weight: normal; text-decoration: none;} .quizzesCard {background: url(/images/home/bg_quizzes.gif); text-align: left;} .quizzesCard .moreText {color: #E4428D; width: 120px; text-align: center; margin-top: 155px; margin-left: 35px;} .quizzesCard .moreText a {color: #fff; text-decoration: none; } .wordsearchCard {background: url(/images/home/bg_wordsearches.gif); text-align: left;} .wordsearchCard .moreText {color: #E4428D; width: 140px; margin-top: 100px; margin-left: 20px; } .wordsearchCard .moreText a {color: #00B0E6; text-decoration: none;} .votingCard {position: relative; background: url(/images/home/bg_vote.gif) no-repeat;color: #000; } .votingCard .moreText {position: relative; text-align: left; color: #000; width: 70px; padding: 0px; margin: 80px 0px 0px 35px;} .votingCard .moreText a {color: #000; text-decoration: none;} /* .homeLatest {position: relative; float: left; width: 190px; height: 233px; background: url(/images/template/home/bg_mag.gif) no-repeat; line-height:80px; text-align: center;} .homeCringe {position: relative; float: left; padding: 0; width: 190px; height: 230px; background: url(/images/template/home/bg_cringe.gif) no-repeat; } .homeCringeTxt {position: relative; width: 90px; height: 150px; line-height: 15px; vertical-align: bottom; margin: 5px 10px 10px 20px; color: #B60562; font-weight: bold;} .homeQuiz {position: relative; float: left; width: 181px; height: 227px; background: url(/images/template/home/bg_quiz.gif) no-repeat; line-height:35px; padding: 0px 0px 10px 17px;} .homeQuiz a:link, .homeQuiz a:visited {text-decoration: underline; color: #0F6478; font-weight: bold;} .homeQuiz ul {padding:2px; margin-left:35px;} .homeQuiz li {padding:0px; margin:0px;} .homeGame {position: relative; float: left; width: 190px; height: 233px; background: url(/images/template/home/bg_game.gif) no-repeat; line-height:33px; text-align: center; color: #fff; font-weight: bold; } .homeGossip {position: relative; float: left; width: 190px; height: 233px; background: url(/images/template/home/bg_gossip.gif) no-repeat;} .homeGossipTxt {position: relative; width: 150px; height: 90px; color: #B60562; font-weight: bold; line-height:15px; margin: 0px 18px 5px 22px;} .gossipImg {float: left;} .gossipThumbnail { border: 3px solid #E882B8; margin-right: 5px;} .homeMystic {position: relative; margin: 0px 0px 0px 0px; float: left; width: 196px; height: 233px; background: url(/images/template/home/bg_mystickitty.gif) no-repeat;} */ #contact {background: transparent url("/images/template/bg_static.gif") top right repeat-y; width:418px; margin: 0 auto;} .yellow {position: relative; width: 433px; min-height: 496px; background-color: #FEED01; margin: 0px 0px 0px 96px;} /* QUIZ-TASTIC */ #wordsearch {background: transparent url("/images/template/bg_wordsearch.gif") top right repeat-y; width:620px; margin: 0 auto;} #wordsearch .pinkCorners {position: relative; width: 395px; height: 30px; margin: 0 auto;} #wordsearch .pinkInner {background-color: #C11680; width: 395px; min-height: 496px; margin: 0 auto;} #wordsearch .starsLeft {position: relative; float: left; background: transparent url("/images/template/wordsearch/wordsearchLeft.gif") no-repeat; margin: 40px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 90px; height: 329px;} #wordsearch .starsRight {position: relative; float: right; background: transparent url("/images/template/wordsearch/wordsearchRight.gif") no-repeat; margin: 40px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 90px; height: 329px;} /*#wordsearch h4 { font-size: 12px; background: transparent url("/images/template/bg_orange_surveyh4.gif") no-repeat; margin: 0 10px 1px 20px; padding: 10px 10px 2px 50px; height: 42px;}*/ #wordsearch h4 {background: transparent url("/images/template/wordsearch/wordsearchBox.gif") no-repeat; margin: 0px 0px 0px 0px; padding: 12px 0px 0px 70px; height: 91px;} #wordsearch h4 p {float: left; width: 230px; margin: 20px 0px 0px 0px} /*#wordsearch h4 a {color: #FFF; font-size: 10pt; text-decoration: none;}*/ #wordsearch h4 .listThumbnail { position: relative; float:left; width: 50px; height: 57px; border: 2px solid #918121; } #wordsearch .listIntro {position: relative; width: 360px; height: 75px; margin: -75px 0px 0px 132px} #wordsearch .listIntro p {position: relative; font: bold 10pt arial; padding: 0px 0px 0px 0px; color: #FFF;} #testyourself {background: transparent url("/images/template/bg_testyourself.gif") top right repeat-y; width:620px; margin: 0 auto;} #testyourself .blueCorners {position: relative; width: 395px; height: 30px; margin: 0 auto;} #testyourself .blueInner {background-color: #B2D8F6; width: 395px; min-height: 496px; margin: 0 auto;} #testyourself .starsLeft {position: relative; float: left; background: transparent url("/images/template/testyourself/testYourselfLeft.gif") no-repeat; margin: 40px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 90px; height: 329px;} #testyourself .starsRight {position: relative; float: right; background: transparent url("/images/template/testyourself/testYourselfRight.gif") no-repeat; margin: 40px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 90px; height: 329px;} /*#wordsearch h4 { font-size: 12px; background: transparent url("/images/template/bg_orange_surveyh4.gif") no-repeat; margin: 0 10px 1px 20px; padding: 10px 10px 2px 50px; height: 42px;}*/ #testyourself h4 {background: transparent url("/images/template/testyourself/testYourselfBox.gif") no-repeat; margin: 0px 0px 0px 0px; padding: 12px 0px 0px 70px; height: 91px;} #testyourself h4 p {float: left; width: 230px; margin: 20px 0px 0px 0px} /*#testyourself h4 a {color: #FFF; font-size: 10pt; text-decoration: none;}*/ #testyourself h4 .listThumbnail { position: relative; float:left; width: 50px; height: 57px; border: 2px solid #918121; } #testyourself .listIntro {position: relative; width: 360px; height: 75px; margin: -75px 0px 0px 132px} #testyourself .listIntro p {position: relative; font: bold 10pt arial; padding: 0px 0px 0px 0px; color: #FFF;} #celebquizzes {background: transparent url("/images/template/bg_testyourself.gif") top right repeat-y; width:620px; margin: 0 auto;} #celebquizzes .blueCorners {position: relative; width: 395px; height: 30px; margin: 0 auto;} #celebquizzes .blueInner {background-color: #B2D8F6; width: 395px; min-height: 496px; margin: 0 auto;} #celebquizzes .starsLeft {position: relative; float: left; background: transparent url("/images/template/testyourself/testYourselfLeft.gif") no-repeat; margin: 40px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 90px; height: 329px;} #celebquizzes .starsRight {position: relative; float: right; background: transparent url("/images/template/testyourself/testYourselfRight.gif") no-repeat; margin: 40px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 90px; height: 329px;} /*#wordsearch h4 { font-size: 12px; background: transparent url("/images/template/bg_orange_surveyh4.gif") no-repeat; margin: 0 10px 1px 20px; padding: 10px 10px 2px 50px; height: 42px;}*/ #celebquizzes h4 {background: transparent url("/images/template/celebquiz/celebQuizBox.gif") no-repeat; margin: 0px 0px 0px 0px; padding: 12px 0px 0px 70px; height: 91px;} #celebquizzes h4 p {float: left; width: 230px; margin: 20px 0px 0px 0px} /*#celebquizzes h4 a {color: #FFF; font-size: 10pt;text-decoration: none;}*/ #celebquizzes h4 .listThumbnail { position: relative; float:left; width: 50px; height: 57px; border: 2px solid #918121; } #celebquizzes .listIntro {position: relative; width: 360px; height: 75px; margin: -75px 0px 0px 132px} #celebquizzes .listIntro p {position: relative; font: bold 10pt arial; padding: 0px 0px 0px 0px; color: #FFF;} #allaboutyou {background: transparent url("/images/template/bg_allAboutYou.gif") top right repeat-y; width:620px; margin: 0 auto;} #allaboutyou .purpleCorners {position: relative; width: 395px; height: 30px; margin: 0 auto;} #allaboutyou .purpleInner {background-color: #B26DA6; width: 395px; min-height: 496px; margin: 0 auto;} #allaboutyou .starsLeft {position: relative; float: left; background: transparent url("/images/template/allaboutyou/allAboutYouLeft.gif") no-repeat; margin: 40px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 90px; height: 329px;} #allaboutyou .starsRight {position: relative; float: right; background: transparent url("/images/template/allaboutyou/allAboutYouRight.gif") no-repeat; margin: 40px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 90px; height: 329px;} /*#wordsearch h4 { font-size: 12px; background: transparent url("/images/template/bg_orange_surveyh4.gif") no-repeat; margin: 0 10px 1px 20px; padding: 10px 10px 2px 50px; height: 42px;}*/ #allaboutyou h4 {background: transparent url("/images/template/allaboutyou/allAboutYouBox.gif") no-repeat; margin: 0px 0px 0px 0px; padding: 12px 0px 0px 70px; height: 91px;} #allaboutyou h4 p {float: left; width: 230px; margin: 20px 0px 0px 0px} /*#allaboutyou h4 a {color: #FFF; font-size: 10pt; text-decoration: none;}*/ #allaboutyou h4 .listThumbnail { position: relative; float:left; width: 50px; height: 57px; border: 2px solid #918121; } #allaboutyou .listIntro {position: relative; width: 360px; height: 75px; margin: -75px 0px 0px 132px} #allaboutyou .listIntro p {position: relative; font: bold 10pt arial; padding: 0px 0px 0px 0px; color: #FFF;} .question { position: relative; background: transparent url("/images/template/quizzes/bg_question.gif") no-repeat; width: 380px; height: 360px; margin:0 auto; } .questionTitle { position: relative; background: transparent url("/images/template/quizzes/bg_questionTitle.gif") no-repeat; height: 114px; color: #F0037F; padding: 2px;} .questionTitle p { margin: 25px 40px; font-weight: bold; line-height: 20px; } .answers { margin: 10px 40px 10px 40px; color: #F0037F; font-weight: bold;} .answers p {line-height: 1px; color: #F0037F;} .result { position: relative; background: transparent url("/images/template/quizzes/bg_questionResult.gif") no-repeat; width: 400px; height: 241px; padding: 2px; margin: 0 auto;} .result p { position: relative; color: #F0037F; font-weight: bold; margin: 50px 30px;} .result .listThumbnail { position: relative; float: left; width: 138px; height: 138px; padding: 0; margin: 50px 20px; border: 2px solid #918121} .sendtofriend { position: relative; background: transparent url("/images/template/quizzes/bg_sendtofriend.gif") no-repeat; width: 394px; height: 281px; margin-left: 0px;padding: 2px;} .sendtofriend .sendtofriendForm { position: relative; float: left; margin-top: 40px;} #sendavatar {position: relative; width: 417px; } #quizzes .listIntro {position: relative; width: 380px; height: 75px; margin: -75px 0px 0px 132px} #quizzes .listIntro p {position: relative; font: bold 10pt arial; padding: 0px 0px 0px 0px; color: #FFF;} /* #quizzes {position: relative; background: transparent url("/images/template/bg_orange.gif") top right repeat-y; width: 417px; margin: 0 auto;} #quizzes .background {position: relative; background: transparent url("/images/template/bg_quizzes.gif") no-repeat; width: 395; height: 493px; margin-left: 12px; padding-bottom: 10px } #quizzes .background .link {padding: 10px 0px 0px 20px} #quizzes .listIntro {position: relative; background: transparent url("/images/template/bg_orange_intro.gif") no-repeat; width: 408px; height: 91px;} #quizzes .listIntro p {position: relative; padding: 10px 40px 10px 40px; color: #000;} #quizzes h5test { font-size: 12px; background: transparent url("/images/template/bg_orange_h4.gif") no-repeat; margin: 0 10px 1px 20px; padding: 10px 10px 2px 50px; height: 60px;} #quizzes h4 {background: transparent url("/images/template/bg_orange_h4.gif") no-repeat; margin: 10px 0px 0px 20px; padding: 16px 0px 0px 8px; height: 60px;} #quizzes h4 p {float: left; width: 230px; margin-top: 10px} #quizzes h4 a {color: #F10085; font-size: 10pt;} #quizzes h4 .listThumbnail { position: relative; float:left; width: 50px; height: 50px; border: 1px solid #F10085; margin: 0px 0px 0px 0px; } #quizzes .question { position: relative; background: transparent url("/images/template/quizzes/bg_question.gif") no-repeat; width: 380px; height: 360px; margin-left:15px; } #quizzes .questionTitle { position: relative; background: transparent url("/images/template/quizzes/bg_questionTitle.gif") no-repeat; height: 114px; color: #F0037F; padding: 2px;} #quizzes .questionTitle p { margin: 25px 40px; font-weight: bold; line-height: 20px; } #quizzes .answers { margin: 10px 40px 10px 40px; color: #F0037F;font-weight: bold;} #quizzes .answers p {line-height: 1px; color: #F0037F;} #quizzes .result { position: relative; background: transparent url("/images/template/quizzes/bg_questionResult.gif") no-repeat; width: 400px; height: 241px; margin-left: 10px;padding: 2px;} #quizzes .result p { position: relative; color: #F0037F; font-weight: bold; margin: 50px 30px;} #quizzes .listThumbnail { position: relative; float: left; width: 138px; height: 138px; padding: 0; margin: 50px 20px; } #quizzes .sendtofriend { position: relative; background: transparent url("/images/template/quizzes/bg_sendtofriend.gif") no-repeat; width: 394px; height: 281px; margin-left: 10px;padding: 2px;} #quizzes .sendtofriend .sendtofriendForm { margin-top: 40px;} */ #arrowquizzes {position: relative; background: transparent url("/images/template/bg_arrow.gif") top right repeat-y; width: 620px; margin: 0 auto;} #arrowquiz {background: transparent url("/images/template/bg_arrowquizzes.gif") top right repeat-y; width: 418px; margin: 0 auto;} #arrowquizzes .background {position: relative; background: transparent url("/images/template/bg_quizzes.gif") no-repeat; width: 395; height: 493px; margin-left: 12px; padding-bottom: 10px } #arrowquizzes .background .link {padding: 10px 0px 0px 20px} #arrowquizzes .listIntro {position: relative; width: 360px; height: 75px; margin: -75px 0px 0px 132px} #arrowquizzes .listIntro p {position: relative; font: bold 10pt arial; padding: 0px 0px 0px 0px; color: #FFF;} #arrowquizzes .blueCorners {position: relative; width: 395px; height: 30px; margin: 0 auto;} #arrowquizzes .blueInner {background-color: #B2D8F6; width: 395px; min-height: 496px; margin: 0 auto;} #arrowquizzes .starsLeft {position: relative; float: left; background: transparent url("/images/template/quizzes/arrowQuizLeft.gif") no-repeat; margin: 40px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 90px; height: 329px;} #arrowquizzes .starsRight {position: relative; float: right; background: transparent url("/images/template/quizzes/arrowQuizRight.gif") no-repeat; margin: 40px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 90px; height: 329px;} #arrowquizzes h4 {background: transparent url("/images/template/quizzes/quizBox.gif") no-repeat; margin: 0px 0px 0px 0px; padding: 16px 0px 0px 70px; height: 91px;} #arrowquizzes h4 p {float: left; width: 180px; margin: 16px 0px 0px 0px} /*#arrowquizzes h4 a {color: #FFF; font-size: 10pt; text-decoration: none;}*/ #arrowquizzes h4 .listThumbnail { position: relative; float:left; width: 125px; height: 50px; border: 2px solid #918121; } #arrowquizzes .sendtofriend { position: relative; background: transparent url("/images/template/quizzes/bg_sendtofriend.gif") no-repeat; width: 394px; height: 281px; margin-left: 0px;padding: 2px;} #arrowquizzes .sendtofriend .sendtofriendForm { position: relative; float: left; margin-top: 40px;} #surveys {position: relative; background: transparent url("/images/template/bg_surveys.gif") top right repeat-y; width:620px; margin: 0 auto;} #surveys .listIntro {position: relative; width: 360px; height: 75px; margin: -75px 0px 0px 132px} #surveys .listIntro p {position: relative; font: bold 10pt arial; padding: 0px 0px 0px 0px; color: #FFF;} #surveys .pinkCorners {position: relative; width: 395px; height: 30px; margin: 0 auto;} #surveys .pinkInner {background-color: #CA0D82; width: 395px; min-height: 496px; margin: 0 auto;} #surveys .pinkInner p {color: #fff} #surveys .starsLeft {position: relative; float: left; background: transparent url("/images/template/survey/surveysLeft.gif") no-repeat; margin: 40px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 90px; height: 329px;} #surveys .starsRight {position: relative; float: right; background: transparent url("/images/template/survey/surveysRight.gif") no-repeat; margin: 40px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 90px; height: 329px;} #surveys h4 { font-size: 12px; background: transparent url("/images/template/survey/surveyBox.gif") no-repeat; margin: 0px 0px 0px 4px; padding: 16px 0px 0px 70px; height: 91px;} #surveys h4 p {float: left; width: 180px; margin: 16px 0px 0px 0px} /*#surveys h4 a {color: #FFF; font-size: 10pt; text-decoration: none;}*/ #surveys h4 .listThumbnail { position: relative; float:left; width: 125px; height: 50px; border: 2px solid #918121; } #surveys .introBox { position: relative; background: transparent url("/images/template/survey/surveyintrobox.gif") no-repeat; width: 384px; height: 96px; margin-left: 7px; color: #FFF; padding: 10px 0px 0px 20px} #surveys .introBox p {width: 340px; } #surveys .question { position: relative; background: transparent url("/images/template/survey/bg_question.gif") no-repeat; width: 410px; height: 380px; margin-left: 1px;} #surveys .questionTitle { position: relative; background: transparent url("/images/template/survey/bg_questionTitle.gif") no-repeat; height: 114px; color: #fff; width: 410px; padding: 2px; } #surveys .questionTitle p { position: relative; margin: 20px;} #surveys .questionImage { position: relative; float: left; width: 118px; height: 114px; padding: 0; margin:0; top: -2px;} #surveys .answers { margin: 10px 40px 10px 40px;} #surveys .answers p {line-height: 1px;} /* GAMES */ #content #games {position: relative; background: transparent url("/images/template/bg_blue_games.gif") repeat-y; width: 417px; padding: 0; margin: 0 auto;} #content #games a:link { color:#000; text-decoration: underline;} #content #games .list1 {position: relative; width: 403px; height: 108px; background: transparent url("/images/template/games/list1.gif") ; padding: 0;} #content #games .list1 p { position: absolute; top: 18px; right: 20px; width: 250px; height: 60px; } #content #games .list1 .listThumbnail { position: absolute; top: 17px; left: 23px; width: 95px; height: 65px; } #content #games .list2 {position: relative; width: 403px; height: 108px; background: transparent url("/images/template/games/list2.gif") ; padding: 0;} #content #games .list2 p { position: absolute; top: 18px; right: 20px; width: 250px; height: 60px; } #content #games .list2 .listThumbnail { position: absolute; top: 17px; left: 23px; width: 95px; height: 65px; } #content #games .list3 {position: relative; width: 403px; height: 108px; background: transparent url("/images/template/games/list3.gif") ; padding: 0;} #content #games .list3 p { position: absolute; top: 18px; right: 20px; width: 250px; height: 60px; } #content #games .list3 .listThumbnail { position: absolute; top: 17px; left: 23px; width: 95px; height: 65px; } #content #games .list4 {position: relative; width: 403px; height: 108px; background: transparent url("/images/template/games/list4.gif") ; padding: 0; } #content #games .list4 p { position: absolute; top: 18px; right: 20px; width: 250px; height: 60px; } #content #games .list4 .listThumbnail { position: absolute; top: 17px; left: 23px; width: 95px; height: 65px; } #content #games .listThumbnail { position: relative; float: left; width: 100px; height: 100px;} #content #games .imgThumbnail { position: relative; border: 3px solid #F0037F;} #content #games .moreBtn { position: absolute; bottom: 0; right: 20px;} #content-fuller #games {position: relative; background: transparent url("/images/template/bg_full_blueCircle.gif") repeat-y; padding: 0; width: 770px; margin: 0px auto;} #content-fuller #games a:link { color:#000; text-decoration: underline;} #games .game-view { position: relative; background-color: #00A0C6; text-align: center; padding: 10px; margin: 10px 0; margin: 0 auto;} #games .game-questions { position: relative; width: 452px; height: 344px; background: url(/images/template/games/bg_question.gif) no-repeat; margin-left: 4px; margin-top: 10px; margin-bottom: -25px;padding: 1px;} #games .game-questions p, #games .game-questions form { position: relative; margin: 15px 12px; font-weight: bold; padding: 1px; width: 410px;} #games .game-questions-intro { position: relative; width: 439px; height: 69px; background: url(/images/template/games/bg_intro.gif) no-repeat; margin-top: 40px; margin-left: 5px; padding: 1px; text-align: center;} #games .game-questions-intro p { position: relative; margin: 15px 12px;} /* GO GIRL CLUB */ #gogirlclub {position: relative; background: transparent url("/images/template/bg_green.gif") top right repeat-y; width: 417px; margin: 0 auto;} #gogirlclub .listIntro {position: relative; background: transparent url("/images/template/bg_green_intro.gif") no-repeat; width: 408px; height: 101px;} #gogirlclub .listIntro p {position: relative; padding: 10px 40px 10px 35px; color: #fff;} #gogirlclub .clubInfoChimp {position: relative; background: transparent url("/images/template/club/subscribeBox.gif") no-repeat; width: 408px; height: 243px; margin-left: 3px;} #gogirlclub .clubInfoChimp p {position: relative; padding: 10px 40px 10px 35px; color: #fff;} #gogirlclub .clubInfoChimp #mce-responses {position: relative; padding: 10px 40px 10px 35px; color: #fff; margin-top: 25px; font-weight: bold;} #gogirlclub .clubInfo { position: relative; background: transparent url("/images/template/club/bg_text.gif") top right no-repeat; width: 416px; height: 300px; padding-top: 50px; margin-bottom: 20px;} #gogirlclub .clubInfo p {position: relative; padding: 0 20px 0px 20px; margin: 10px;} #gogirlclub form.f-wrap-1 {position: relative; margin-left: 20px; width: 370px;} /* PROMO PAGE */ #promo {position: relative; background: transparent url("/images/template/bg_pink.gif") top right repeat-y; width: 417px; height: 630px; margin: 0 auto;} #promo .listIntro {position: relative; background: transparent url("/images/template/intro_pink.gif") no-repeat; width: 379px; height: 78px; margin: 10px auto} #promo .listIntro p {position: relative; padding: 10px 40px 10px 35px; color: #fff;} #promo .bkground {position: relative; background: transparent url("/images/promo/bkground.gif") no-repeat; width: 296px; height: 147px; margin: 0 auto} /* AVATAR */ #content-avatar #avatar {position: relative; background: transparent url("/images/template/bg_avatar.gif") no-repeat; width: 810px; height: 700px;} /*#content-avatar #avatar {position: relative; background-color:#B8DE6D; width: 810px; height: 750px;}*/ #avatar .listIntro {position: relative; background: transparent url("/images/template/intro_pink.gif") no-repeat; width: 379px; height: 78px;} #avatar .listIntro p {position: relative; padding: 10px 40px 10px 35px; color: #fff;} /*SEND AVATAR */ #sendavatar {background: transparent url("/images/template/sendavatarbg.gif") top left no-repeat; width:414px; height: 635px; margin: 0 auto;} #sendavatar .expandable_box {background: transparent url("/images/template/avatar/avatarboxmiddle.gif") top left repeat-y; margin-left: 7px;} /*#sendavatar .expandable_box .inside { position: relative; float: left; padding-bottom:0px; width: 390px;} #sendavatar .expandable_box .middle {width: 396px; background-image: url("/images/template/avatar/avatarboxmiddle.gif"); background-position: center; background-repeat: repeat-y; padding-left: 15px; margin-bottom: -18px;} #sendavatar .expandable_box .inside {padding-bottom:0px; width: 390px;} #sendavatar .expandable_box .submitbutton {position: relative; text-align: center;}*/ /* CRINGES */ #cringes {position: relative; background: transparent url("/images/template/bg_blue.gif") top right repeat-y; width: 417px; margin: 0 auto;} #cringes .imgThumbnail {position: relative; border: 1px solid #F0037F; } #cringes .moreBtn { position: absolute; bottom: 0; right: 20px;} #cringes .headerIntroText {position: relative; float: right; font-weight: bold; font-style: italic; width: 75px; height: 50px; margin-top:20px; padding-bottom: 4px;} #cringes .newicon {position: relative; float: right; margin: -10px -5px 0px 0px} #cringes .list1 {float: left; position: relative; margin-left: 3px; margin-top: 15px; width: 204px; height: 121px; background: transparent url("/images/template/cringes/cringelist1.gif") no-repeat ; } #cringes .list1 p { position: absolute; top: 18px; right: 20px; width: 250px; height: 60px; } #cringes .list1 .listThumbnail { position: absolute; top: 17px; left: 23px; width: 95px; height: 65px; } #cringes .list2 {float: left; position: relative; margin-left: 3px; margin-top: 15px; width: 204px; height: 121px; background: transparent url("/images/template/cringes/cringelist2.gif") no-repeat ; } #cringes .list2 p { position: absolute; top: 18px; right: 20px; width: 250px; height: 60px; } #cringes .list2 .listThumbnail { position: absolute; top: 17px; left: 23px; width: 95px; height: 65px; } #cringes .list3 {float: left; position: relative; margin-left: 3px; margin-top: 15px; width: 204px; height: 121px; background: transparent url("/images/template/cringes/cringelist3.gif") no-repeat ; } #cringes .list3 p { position: absolute; top: 18px; right: 20px; width: 250px; height: 60px; } #cringes .list3 .listThumbnail { position: absolute; top: 17px; left: 23px; width: 95px; height: 65px; } /*cringes submit my cringe page*/ #cringes-submit {position: relative; width: 377px; height: 260px; margin-left: 20px; padding-top: 60px; padding-left:5px; background: transparent url("/images/template/bg_submitcringe.gif") no-repeat ; } #cringes-submitbutton {position: relative; text-align: center;} /*cringes detailed page*/ #cringes-backgroundmain {position: relative; width: 398px; height: 264px; margin-left: 8px; margin-top: 10px; padding-left:5px; background: transparent url("/images/template/bg_maincringe.gif") no-repeat ; } #cringes-left {position: relative; float: left; width: 150px; height: 225px;} #cringes-right {position: relative; float: right; width: 230px; margin-right: 15px;} #cringes-picture {position: relative; height: 121px; width:110px; margin-left: 18px; margin-top: 15px;} #cringes .mainPicture {position: relative; height: 121px; width:110px; margin-left: 0px;} #cringes-mainTitle {position: relative; position: relative; margin-top: 15px; padding-bottom: 2px; font-weight: bold;} #cringes-mainText {position: relative; position: relative; font-size: 12px; line-height: 14px; height: 170px; width: 220px;} #cringes-blushbuttons {position: relative; position: relative; float: left; padding-top: 44px; padding-left: 24px; width:120px; background: transparent url("/images/template/cringes/vote-icons.gif") 8px 8px no-repeat ;} #cringes-face {position: relative; position: relative; float: right; margin-top: 0px; margin-right: 2px;} #cringes #result {position: relative; float: left; padding-top: 0; padding-left: 14px; width:120px;} #cringes #result img {position: relative;} /*cringes main page*/ /* #cringes .listPicture {position: relative; padding-top: 15px; margin-left:30px; width: 70px; height: 0px;} #cringes .headerIntroText {position: relative; margin-left: 110px; font-weight: bold; font-style: italic; padding-bottom: 4px;} #cringes .introText {position: relative; float:left; margin-left: 110px; line-height: 14px;width: 280px; height: 0px;} #cringes .readMore {position: relative; float: right; margin-right: 10px; margin-top: 50px;} */ /* CELEB PUZZLES */ #celebgames {background: transparent url("/images/template/bg_testyourself.gif") top right repeat-y; min-height: 700px; width:620px; margin: 0 auto;} #celebgames .blueCorners {position: relative; width: 395px; height: 30px; margin: 0 auto;} #celebgames .blueInner {background-color: #B2D8F6; width: 395px; min-height: 496px; margin: 0 auto;} #celebgames .starsLeft {position: relative; float: left; background: transparent url("/images/template/testyourself/testYourselfLeft.gif") no-repeat; margin: 40px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 90px; height: 329px;} #celebgames .starsRight {position: relative; float: right; background: transparent url("/images/template/testyourself/testYourselfRight.gif") no-repeat; margin: 40px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 90px; height: 329px;} /*#wordsearch h4 { font-size: 12px; background: transparent url("/images/template/bg_orange_surveyh4.gif") no-repeat; margin: 0 10px 1px 20px; padding: 10px 10px 2px 50px; height: 42px;}*/ #celebgames h4 {background: transparent url("/images/template/celebquiz/celebQuizBox.gif") no-repeat; margin: 0px 0px 0px 0px; padding: 16px 0px 0px 70px; height: 91px;} #celebgames h4 p {float: left; width: 180px; margin: 16px 0px 0px 0px} /*#celebpuzzles h4 a {color: #FFF; font-size: 10pt; text-decoration: none;}*/ #celebgames h4 .listThumbnail { position: relative; float:left; width: 125px; height: 50px; border: 2px solid #918121; } #celebgames .listIntro {position: relative; width: 360px; height: 75px; margin: -75px 0px 0px 132px} #celebgames .listIntro p {position: relative; font: bold 10pt arial; padding: 0px 0px 0px 0px; color: #FFF;} #celebflashholder {background: transparent url("/images/template/celebplaceholder.gif") no-repeat; width: 512px; height: 416px; margin: 0px auto; margin-top: 20px} /* SLEEPOVER */ .einvite td {color: #fff; font: bold 10pt arial; padding: 0px; } .einvite input { background: url(/images/template/ecards/forms.gif) no-repeat; border: none; width: 221px; height: 24px; padding: 4px 5px 0px 5px;} .einvite textarea {font: 10pt Arial; background: url(/images/template/ecards/formsLrg.gif) no-repeat; border: none; width: 221px; height: 40px; padding: 2px 5px 0px 5px; overflow: hidden;} .listContainer {width: 180px; height: 72px;} .listContent, .listShadow { position: relative; bottom: 3px; right: 3px; } .listShadow { background-color: #2C3F4E; } .listContent { background-color: #fff; min-height: 72px; color: #000; border: 3px solid #918121; padding: 0em; } .listLink:LINK { color: #000; text-decoration: none; } .listLink:VISITED { color: #000; text-decoration: none; } .listLink:ACTIVE { color:#C11680; text-decoration: underline; } .listLink:HOVER { color: #C11680; text-decoration: underline; } .listLinkWht:LINK { color: #FFF; font-size: 10pt; font-weight: bold; text-decoration: none; } .listLinkWht:VISITED { color: #FFF; font-size: 10pt; font-weight: bold; text-decoration: none; } .listLinkWht:ACTIVE { color:#FFF; font-size: 10pt; font-weight: bold; text-decoration: underline; } .listLinkWht:HOVER { color: #FFF; font-size: 10pt; font-weight: bold; text-decoration: underline; } /* SITE MAP */ ul.sitemap ul{ padding: 2px; } ul.sitemap li{ list-style: none; padding: 2px; } .blusher {width: 15px; height: 15px; margin: 4px 25px 2px 0px; padding: 0px;} a.largeBtn {display: block; padding: 10px; border: 1px solid #83A7DB; background: #fff url(/images/template/bg_button_fade.gif) repeat-x 0 bottom; text-align: center; font: bold 1.2em arial; font-weight: bold;} .cart { padding: 2px 4px 2px 2px; border-bottom: 1px solid #CDD5D2; width:100%;} .cartLabel { width: 127px; text-align: right; padding-right: 20px; border: 1px none #000000; } .cartTotal { float: right; text-align: left; border: 1px none #000000; } .icon {border: 1px none #fff;} .center {text-align: center;} .border {border: 1px solid #ff0000;} #sponsorLogo {position: absolute; top: 72px; left:340px}