/*----- Start "Main definitions" -----*/ * { padding: 0; margin: 0; outline: 0; } body { font-size: 13px; line-height: 1.5; font-family: Arial, "Trebuchet MS", sans-serif; color: #333; background: #fff; text-align: left; } a img { border: 0; } a { color: #e21b1b; text-decoration: underline; cursor: pointer; } a:hover { text-decoration: none; } .left { float: left; display: inline; } .right { float: right; display: inline; } .cl { font-size: 1px; line-height: 0; height: 0; clear: both; } h3, h4 { font-size: 16px; font-weight: bold; line-height: 19px; margin-bottom: 5px; color: #262626; } /*----- End "Main definitions" -----*/ /* Different Types of pages Home Page = Advertisers Page = Developers Page = Publishers Page = */ .shell { width: 920px; margin: 0 auto; } .hide { display: none; } /*----- Start "Top Part (Main Navigation, Logo & Sound Button)" -----*/ #top { height: 53px; background: url(nav-bkg.gif) repeat-x #000 0 2px; position: relative; z-index: 100; } #logo { float: left; display: inline; width: 50px; height: 29px; font-size: 1px; line-height: 0; padding-top: 11px; padding-right: 13px; } #logo a { display: block; width: 146px; height: 29px; text-indent: -4000px; background: url(logo.gif) no-repeat 0 0; } #sound-link { float: left; display: inline; margin-top: 18px; width: 23px; height: 23px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(sound-ico.gif) no-repeat 0 0; cursor: pointer; } #pronunciation {display: none; position: absolute; z-index: 400; top: 32px; left: 165px; width: 127px; height: 58px; background: url(pronounce.png) no-repeat;} #pronunciation span {display: none;} #nav { width: 710px; height: 61px; float: left; display: block; position: relative; margin-bottom: -8px; } #nav .bg { height: 61px; background: url(nav.png) no-repeat 0 0; } #nav ul { float: left; display: inline; position: relative; list-style-type: none; text-transform: uppercase; padding: 19px 0 0 61px; } #nav ul li { float: left; display: inline; font-size: 1px; line-height: 0; margin-left: 32px; padding-left: 32px; background: url(nav-sep.gif) no-repeat 0 4px; } #nav ul li a { float: left; display: inline; text-indent: -4000px; height: 12px; padding-bottom: 3px; } #nav ul li a.active, #nav ul li a.active:hover { color: #262626; border-bottom: solid 2px #262626; } #nav ul li a:hover { border-bottom: solid 2px #e21b1b; } /*----- Start "Header" -----*/ #header, #header .shell { background-color: #fff; background-repeat: repeat-x; background-position: center 0; } #header .shell { padding-top: 0px; position: relative; } #header .cnt { position: relative; margin-left: 226px; margin-right: 190px; } #header .cnt h2 { font-size: 28px; color: #fff; text-transform: uppercase; font-weight: bold; line-height: 40px; white-space: nowrap; } #header .cnt h2.oneline { padding-top: 13px; } #header .cnt .right { width: 140px; } #header .cnt .right a.simple-link { font-weight: bold; color: #fff; text-decoration: underline; background: url(white-arrow.gif) no-repeat right 5px; padding-right: 10px; } #header .cnt .right a.simple-link:hover { text-decoration: none; } #header h1 { margin-top: 15px; color: white; } .adv-page #header, .adv-page #header .shell { background-image: url(adv-page-header.jpg); } .adv-page #header { height: 100px; } .adv-page #header .shell { height: 74px; } .dev-page #header, .dev-page #header .shell { background-image: url(dev-page-header.jpg); } .dev-page #header { height: 100px; } .dev-page #header .shell { height: 74px; } .pub-page #header, .pub-page #header .shell { background-image: url(pub-page-header.jpg); } .pub-page #header { height: 100px; } .pub-page #header .shell { height: 74px; } .home-page #header, .home-page #header .shell { background-image: url(headergeb.jpg); } .general-page #header, .general-page #header .shell { background-image: url(gen-page-header.jpg); } .general-page #header { height: 100px; } .general-page #header .shell { height: 74px; } /*------ End "Header" ------*/ /*----- Start "Content Main Positions" -----*/ #main { margin-top: 40px; } #sidebar { width: 148px; float: left; display: inline; } #content { width: 690px; float: right; display: inline; background: url(content-line.gif) repeat-y 0 0; padding-left: 40px; padding-right: 8px; } /*------ End "Content Main Positions" ------*/ /*----- Start "Sub Navigation" -----*/ .subnav { position: relative; width: 100%; } .subnav .character { display: block; font-size: 1px; line-height: 0; text-indent: -4000px; position: absolute; z-index: 10; } .subnav .character-1 { width: 183px; height: 126px; background: url(character-1.png) no-repeat 0 0; top: -114px; left: 0px; } .subnav .character-2 { width: 156px; height: 115px; background: url(character-2.png) no-repeat 0 0; top: -115px; left: -2px; } .subnav .character-3 { width: 157px; height: 133px; background: url(character-3.png) no-repeat 0 0; top: -133px; left: 5px; } .subnav ul { border-top: solid 1px #bcbcbc; margin-bottom: 20px; position: relative; z-index: 9; } .subnav ul li { list-style-type: none; font-size: 14px; padding: 5px 0 5px 3px; border-bottom: solid 1px #bcbcbc; position: relative; height: 100%; } .subnav ul li a { text-decoration: none; padding-right: 11px; } .subnav ul li a:hover { text-decoration: none; background: url(red-arrow.gif) no-repeat right 5px; } .subnav ul li.active { background: #888888 url(white-arrow.gif) no-repeat 10px center; padding-left: 22px; color: #fff; } .subnav ul li.active a { color: #fff; } .subnav ul li.active a:hover { background: none !important;} .dev-page .subnav ul li a:hover { background-image: url(orange-arrow.gif); } .adv-page .subnav ul li a:hover { background-image: url(purple-arrow.gif); } .pub-page .subnav ul li a:hover { background-image: url(green-arrow.gif); } /*------ End "Sub Navigation" ------*/ /*----- Start "Content Head" -----*/ #content-head { padding-top: 5px; font-size: 14px; line-height: 21px; color: #262626; } #content-head .title { float: left; display: inline; width: 325px; } #content-head .title h2 { font-size: 38px; font-weight: bold; color: #262626; line-height: 39px; text-transform: uppercase; } #content-head h2.more-money {width: 690px; height: 140px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(txt-title-49.gif) no-repeat 0 0;margin:-25px 0 15px 0;} #content-head h2.beam-message {width: 690px; height: 124px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(txt-title-15.gif) no-repeat 0 0;margin:-25px 0 15px 0;} #content-head h2.entertain {width: 690px; height: 122px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(txt-title-51.gif) no-repeat 0 0;margin:-25px 0 15px 0;} #content-head h2.more-plays {width: 690px; height: 130px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(txt-title-61.gif) no-repeat 0 0;margin:-25px 0 15px 0;} #content-head h2.more-plays {width: 690px; height: 130px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(txt-title-61.gif) no-repeat 0 0;margin:-25px 0 15px 0;} #content-head h2.build-it {background:transparent url(txt-title-28.gif) no-repeat scroll 0 0;font-size:1px;height:164px;line-height:0;margin:-27px 0 15px;text-indent:-4000px;width:690px;} #content-head h2.your-players {width: 690px; height: 130px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(txt-title-62.gif) no-repeat 0 0;margin:-9px 0 15px 0;} #content-head .content { float: right; display: inline; width: 330px; } #content-head .content.full { float: right; display: inline; width: 690px; } #content-head .content p { padding-bottom: 15px; } #content-head .content p.intro {padding:0;font-size:17px;width:530px;float:left;} /*------ End "Content Head" ------*/ /*----- Start "Footer" -----*/ #footer { padding: 50px 0 50px; } #footer ul { float: left; display: inline; width: 150px; margin-right: 41px; border-top: solid 1px #bcbcbc; font-size: 12px; line-height: 18px; } #footer ul.last { margin-right: 0 !important; } #footer ul li { border-bottom: solid 1px #bcbcbc; padding: 5px 0; list-style-type: none; list-style-position: outside; } #footer ul li a { text-decoration: none; padding-right: 11px; } #footer ul li a:hover { background-image: url(red-arrow.gif); background-repeat: no-repeat; background-position: right 4px; } #footer ul li h3 { font-size: 17px; line-height: 18px; text-transform: uppercase; margin-bottom: 0; } #footer ul li h3 a { color: #262626; } #footer ul li h3 a:hover { color: #e21b1b; } #footer ul li.post .date { font-size: 10px; color: #646464; text-transform: uppercase; } #footer ul li.post .title { color: #262626; font-weight: bold; font-style: italic; } #footer ul li.post .title a { color: #262626; } #footer ul li.post .title a:hover { background: none; } #footer ul li.post .more a { font-size: 11px; text-decoration: underline; } #footer .copy { border-bottom: none; font-size: 10px; line-height: 15px; color: #999999; margin-top: 15px;} #footer .copy a { color: #6d6d6d; font-size: 10px; } #footer .copy a:hover { background: none !important; padding-right: none; } .home-page #footer ul { width: 153px; margin-right: 23px; } .home-page #footer { width: 870px; padding-top: 25px; } .general-page #footer ul { width: 153px; margin-right: 23px; } .general-page #footer { padding-top: 25px; } .general-page #footer .last { margin-right: 0 !important; } .adv-page #footer ul li a:hover { background-image: url(purple-arrow.gif); } .adv-page #footer ul li h3 a:hover { color: #792ee5; } .dev-page #footer ul li a:hover { background-image: url(orange-arrow.gif); } .dev-page #footer ul li h3 a:hover { color: #fc6a06; } .pub-page #footer ul li a:hover { background-image: url(green-arrow.gif); } .pub-page #footer ul li h3 a:hover { color: #75ae07; } /*------ End "Footer" ------*/ /*----- Start "Home Page Only" -----*/ #main-character { display: block; width: 377px; height: 320px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(main-charactergeb.png) no-repeat 0 0; margin-left: 50px; } #home-page-text { float: right; display: inline; width: 410px; height: 246px; color: #fff; margin: 0 51px 0 0;background:transparent;} #home-page-text #pager {text-align:right;text-indent:-4000px;margin:10px 0 0 0;} #home-page-text #pager a {margin:10px 3px 0 0;font-size:1px;text-indent:-4000px;width:10px;height:10px;background:white;padding:2px 3px;color:#fff;} #home-page-text #pager .activeSlide {margin:10px 3px 0 0;font-size:1px;text-indent:-4000px;width:10px;height:10px;background:#ff3e4d;padding:2px 3px;color:red;} #home-page-text .rotator {background:transparent;} #home-page-text .rotator div {display:none;background:transparent !important;} #home-page-text .rotator div p a {background:#ff3e4d;color:#000000;text-decoration:none;padding: 1px 3px;} #home-page-text .rotator div p strong {font-size:15px; color:#000000;} #home-page-text .rotator div .fueling {width: 410px; height: 140px; font-size: 1px; color:#000000; line-height: 0; text-indent: -4000px; background: url(header.png) no-repeat 0 0;margin:0 0 10px 0;} #callouts { height: 260px; width: 930px; background: url(callouts.gif) no-repeat 0 0; position: relative; margin-left: -10px; padding: 33px 10px 10px 0; } #callouts ul li { float: left; display: inline; width: 170px; padding: 4px 32px 0; background: url(callouts-col.gif) repeat-y right 0; } #callouts ul li.last { background: none; padding-right: 0; } #callouts ul li h3 { font-size: 20px; text-transform: uppercase; padding: 4px 0 5px 55px; margin-bottom: 0; } #callouts ul li h3.kategorie { background: url(lautsprecher.gif) no-repeat 0 0; } #callouts ul li h3.advertise { background: url(lautsprecher.gif) no-repeat 0 0; } #callouts ul li h3.network { background: url(lautsprecher.gif) no-repeat 0 0; } #callouts ul li h3.play { background: url(lautsprecher.gif) no-repeat 0 0; } #callouts ul li p { font-size: 14px; line-height: 19px; height: 70px; padding-top: 5px; } #callouts ul li a.redlink { display: block; width: 144px; height: 35px; line-height: 32px; padding-left: 15px; margin-top:15px; white-space: nowrap; background: url(redlink2.gif) no-repeat 0 0; font-weight: bold; font-size: 14px; letter-spacing: -0.03em; color: #fff; text-decoration: none; } #callouts ul li a.redlink:hover { text-decoration: underline; } #callouts ul li a.order { display: block; width: 144px; height: 35px; line-height: 32px; padding-left: 15px; margin-top:3px; white-space: nowrap; background: url(order.gif) no-repeat 0 0; font-weight: bold; font-size: 14px; letter-spacing: -0.03em; color: #fff; text-decoration: none; } #callouts ul li a.order:hover { text-decoration: underline; } #whats-new {margin:15px 0 10px 0;background: url(how.gif) top left no-repeat;width:922px;padding:40px 0 20px 0;float:left;} #whats-new .content {width:675px;float:left;} #whats-new .content p {font-size:16px;} #whats-new .sidenote {width:220px;float:right;height:100px;} #whats-new .leaderboards-3 {background: url(how2.gif) top left no-repeat;padding:0 0 0 100px;min-height:92px;} #whats-new .leaderboards-3 h2 {text-indent:-5000px;width:353px;height:24px;margin:0 0 4px 0;} #whats-new a.redlink { display: block; width: 144px; height: 35px; line-height: 32px; padding-left: 24px; margin-top:8px; white-space: nowrap; background: url(redlink2.gif) no-repeat 0 0; font-weight: bold; font-size: 14px; letter-spacing: -0.03em; color: #fff; text-decoration: none; } #whats-new a.redlink:hover { text-decoration: underline; } /*------ End "Home Page Only" ------*/ /*----- Start "Advertising Page Only" -----*/ .adv-page a { color: #A922CE; } .adv-page #sidebar a { color: #000; } .adv-page .theme-heading { border-color: #a922ce; } .adv-page .theme-heading h3 { color: #000; } .adv-page .theme-heading .tabs li a { background: url(adv-heading-tabs.gif) no-repeat 0 0; } .adv-page .theme-heading .tabs li a:hover, .adv-page .theme-heading .tabs li a.active { color: #A922CE; } .adv-page table.pr-table tr td a img { border-color: #A922CE; } .adv-page .question-link span { background: url(purple-arrow.gif) no-repeat right center; } .adv-page .question-link { background: url(question-ico.gif) no-repeat 0 3px; } /*------ End "Advertising Page Only" ------*/ /*----- Start "Developers Page Only" -----*/ .dev-page a { color: #fc6a06; } .dev-page #sidebar a { color: #000; } .dev-page .theme-heading { border-color: #fc6a06; } .dev-page .theme-heading h3 { color: #fc6a06; } .dev-page a.arrowed-link { background: url(orange-arrow.gif) no-repeat right 4px; } .dev-page .question-link span { background: url(orange-arrow.gif) no-repeat right center; } .dev-page .question-link { background: url(question-ico-orange.gif) no-repeat 0 3px; } .dev-page .clock-link { background: url(clock-link.gif) no-repeat 0 3px; padding-left: 22px; text-decoration: underline; } .dev-page .clock-link:hover { text-decoration: none; } .dev-page .ad-formats li a img { border-color: #fc6a06; } /*------ End "Developers Page Only" ------*/ /*----- Start "Publishers Page Only" -----*/ .pub-page a { color: #76af07; } .pub-page #sidebar a { color: #000; } .pub-page .theme-heading { border-color: #82bf0c; } .pub-page .theme-heading h3 { color: #82bf0c; } .pub-page a.arrowed-link { background: url(green-arrow.gif) no-repeat right 4px; } .pub-page .question-link span { background: url(green-arrow.gif) no-repeat right center; } .pub-page .question-link { background: url(question-ico-green.gif) no-repeat 0 3px; } .pub-page .doc-link { background: url(doc-ico-green.gif) no-repeat 0 3px; } /*------ End "Publishers Page Only" ------*/ /*----- Start "Headings With Graphics" -----*/ .heading { border-bottom: solid 5px #262626; padding: 10px 0 5px; margin-bottom: 10px; height: 18px; } .heading h3 { line-height: 1; } .heading h3.replace { font-size: 18px; } .heading .tabs { float: right; display: inline; line-height: 37px; font-size: 13px; font-weight: bold; position: relative; margin: -9px 10px -10px 0; } .heading .tabs li { float: left; display: inline; list-style-type: none; } .heading .tabs li a { text-decoration: none; color: #fff; float: left; display: inline; width: 109px; text-align: center; } .heading .tabs li a:hover, .heading .tabs li a.active { background-position: 0 bottom !important; } .heading-type-1 { background: url(heading-type-1.gif) no-repeat 480px bottom; } .dev-page .heading-type-2 { background: url(heading-type-2.gif) no-repeat right bottom; } .dev-page .heading-type-3 { background: url(heading-type-3.gif) no-repeat right bottom;} .dev-page .heading-type-4 { background: url(heading-type-4.gif) no-repeat 179px bottom;} .adv-page .heading-type-5 { background: url(heading-type-1-purple.gif) no-repeat 132px bottom; } .adv-page .heading-type-6 { background: url(heading-type-6.gif) no-repeat 384px bottom; } .adv-page .heading-type-7 { background: url(heading-type-7.gif) no-repeat 152px bottom; padding-top: 17px; } .adv-page .heading-type-8 { background: url(heading-type-8.gif) no-repeat right bottom;height:25px; } .pub-page .heading-type-9 { background: url(heading-type-9.gif) no-repeat 156px bottom; } .pub-page .heading-type-10 { background: url(heading-type-10.gif) no-repeat 150px bottom; } /*------ End "Headings With Graphics" ------*/ /*----- Start "Slider (Only Used in Publications Pages)" -----*/ .slider { height: 114px; position: relative; margin-bottom: 30px; } .slider .buttons span { position: absolute; top: 0; display: block; width: 27px; height: 114px; font-size: 1px; line-height: 0; text-indent: -4000px; cursor: pointer; } .slider .buttons span.prev { left: 0; } .slider .buttons span.next { right: 0; } .slider .holder { width: 613px; position: relative; overflow: hidden; height: 114px; margin-left: 37px; } .slider .holder .content { position: absolute; top: 0; left: 0; width: 1000000px; height: 114px; margin-left: 7px;} .slider .holder .content .fragment { float: left; display: inline; margin-right: 25px; margin-top: 7px; position: relative;} .slider .holder .content .fragment a { text-decoration: none; } .slider .holder .content .fragment .overlay_caption { padding: 4px; margin:0; position: absolute; width: 92px; bottom: 0; left: 0; z-index: 100; color: #fff; line-height: 13px; background: url(/static/public/overlay_bg.png) 0 0 repeat } .pub-page .slider .buttons span.prev { background: url(button-prev.gif) no-repeat 0 0; } .pub-page .slider .buttons span.next { background: url(button-next.gif) no-repeat 0 0; } /*------ End "Slider (Only Used in Publications Pages)" ------*/ /*----- Start "Uncategorized Style" -----*/ .question-link { padding: 2px 0 2px 15px; text-decoration: none; display: block; font-size: 12px; margin-bottom: 10px; } .question-link span { padding-right: 10px; text-decoration: underline; } .question-link:hover span { text-decoration: none; } .advertisers-block .cnt { text-align: center; } #publisher_rotator .cnt { text-align: center; } #publisher_rotator .cnt a { padding-top: 15px; z-index: 100; } .right-advertisers-block { float: right; display: inline; width: 205px; margin-right: 17px; } table.pr-table tr td { font-weight: bold; text-align: left; vertical-align: top; padding-right: 10px;} table.pr-table tr td a img { border: solid 3px #e21b1b; } table.pr-table tr td a { text-decoration: none; } table.pr-table tr td a:hover { text-decoration: underline; } table.pr-table tr td p { padding: 5px 0; } table.ad-campaigns tr td { padding: 0 25px 15px 0; } .audience-tab { margin-bottom: 30px; margin-top: 40px; } .audience-tab .col { width: 200px; padding-right: 50px; background: url(callouts-col.gif) repeat-y right 0; margin-right: 25px; float: left; display: inline; min-height: 320px; } .audience-tab .last-col { float: right; margin-right: 0; padding-right: 0; background: none; width: 140px; } .audience-tab h2 { font-size: 28px; line-height: 36px; color: #262626; font-weight: bold; letter-spacing: -1px; } .audience-tab h3 { line-height: 21px; margin-bottom: 15px; } .audience-tab h3.ages { color: #888888; font-weight: normal; font-size: 20px; line-height: 30px; letter-spacing: -1px; margin-bottom: 10px; } .audience-tab h3.ages img { margin-bottom: -2px; margin-left: 3px; } ul.benefits-3col li { width: 204px !important; margin-right: 30px !important; padding-bottom: 25px; } ul.benefits-3col li.last { width: 222px !important; margin-right: 0 !important; } ul.benefits h4 { font-weight: bold; font-size: 16px; color: #262626; line-height: 19px; margin-bottom: 5px; } .get-start ul li { float: left; display: inline; width: 145px; padding-right: 29px; margin-right: 5px; list-style-type: none; background: url(step-path.gif) no-repeat right 0; } .get-start ul li.last { padding-right: 0; margin-right: 0; background: none; } .get-start ul li a.image img { border: solid 3px #792ee5; } .get-start ul li h3 { margin-top: 5px; } .get-start ul li h3 span { color: #792ee5; display: block; } .get-start ul li p { margin-bottom: 5px; } a.arrowed-link { padding-right: 11px; background: url(purple-arrow.gif) no-repeat right 4px; font-weight: bold; text-decoration: none; } a.arrowed-link:hover { text-decoration: underline; } .audience { width: 325px; float: left; display: inline; } .comscore { float: right; display: inline; width: 325px; } .comscore .heading { margin-bottom: 5px; } .comscore .heading span.date { float: right; display: inline; font-size: 12px; font-weight: bold; } .comscore table .a-right { text-align: right; padding-right: 10px; } .comscore table tr td { border-top: solid 1px #bcbcbc; font-size: 14px; padding: 4px 0; } .comscore table tr.first td { font-weight: bold; } .comscore table tr th { font-size: 13px; color: #792ee5; font-weight: normal; padding: 4px 0; } .ad-formats { margin-bottom: 30px; } .ad-formats .heading { margin-bottom: 0; border-bottom: 0; } .ad-formats li { float: left; display: inline; width: 145px; list-style-type: none; margin-right: 34px; } .ad-formats li a img { border: solid 3px #792ee5; } .ad-formats li.last { margin-right: 0; } .centered-table { text-align: center; } .centered-table tr td { vertical-align: middle; padding: 10px 5px; } ul.benefits li{float: left; display: inline; width:146px; margin-right:34px; margin-bottom: 0; } ul.benefits li.ads{padding-left:50px; background:url(ads.gif) no-repeat 0 28px; } ul.benefits li.analytics{padding-left:50px; background:url(analytics.gif) no-repeat 0 28px; float: left; display: inline;} ul.benefits li.coin{padding-left:50px; background:url(coin.gif) no-repeat 0 28px; float: left; display: inline;} ul.benefits li.game{padding-left:50px; background:url(game.gif) no-repeat 0 28px; float: left; display: inline;} ul.benefits li.scores{padding-left:50px; background:url(scores.gif) no-repeat 0 28px; float: left; display: inline;} ul.benefits li.control{padding-left:50px; background:url(control.gif) no-repeat 0 28px; float: left; display: inline;} ul.benefits li.last{margin-right:0} ul.benefits li.right-end .heading-type-2{background-position: right bottom;} ul.benefits li .heading{margin-bottom:0} ul.benefits li p { margin-bottom: 5px; } ul.benefits li h4{padding-top:14px; } ul.benefits li h4.title { font-size: 18px; } ul.benefits{list-style-type: none; padding-bottom:0px; margin-bottom:0px} ul.benefits li{float: left; display: inline; width:146px; margin-right:34px} ul.benefits li.last{margin-right:0} ul.benefits li .heading{margin-bottom:0} ul.benefits li h4{padding-top:14px;} .explanation { width:508px; float: left; display: inline; padding-bottom:15px; } .explanation p.space{padding-bottom:25px} #content .corner{background-position: right bottom;} .narrow .explanation{width:320px;} .narrow .explanation ul{list-style-type: none; font-style: italic; font-size: 14px;} .narrow .explanation li {background:url(bull.gif) no-repeat 0 7px; padding-left:10px; padding-bottom:3px} .narrow .explanation li span{color:#fc6a06; padding-right:5px} .orange-frame{float: right; display: inline; padding-top:35px} .orange-frame img{display: block; border:solid 4px #fc6a06} .character-pic{float: right; display: inline; padding-top:10px} .coins{float: left; display: inline; padding-right:32px; padding-top:50px} .sign-up{float: left; display: inline; padding-right:8px; padding-top:40px; padding-left:15px;} .character-heart{padding-top:67px; margin-right:-60px; float: right; position:relative;} .control-holder{float: left; display: inline; padding-right:70px} /*------ End "Uncategorized Style" ------*/ .txt-title-3, .txt-title-4, .txt-title-5, .txt-title-8, .txt-title-9, .txt-title-10, .txt-title-13, .txt-title-16, .txt-title-17, .txt-title-18, .txt-title-19, .txt-title-20, .txt-title-45, .txt-title-46, .txt-title-47, .txt-title-58, .txt-title-59, .txt-title-60, .txt-title-63, .txt-title-64, .txt-title-65, .txt-title-66 { width: 114px; height: 14px; background: url(txt-title-3.gif) no-repeat 0 0; font-size: 1px; line-height: 0; text-indent: -4000px; } .txt-title-5 { width: 65px; background: url(txt-title-5.gif) no-repeat 0 0; } .txt-title-4 { width: 82px; background: url(txt-title-4.gif) no-repeat 0 0; } .txt-title-8 { width: 101px; background: url(txt-title-8.gif) no-repeat 0 0; } .txt-title-9 { width: 69px; background: url(txt-title-9.gif) no-repeat 0 0; } .txt-title-10 { width: 182px; background: url(txt-title-10.gif) no-repeat 0 0; } .txt-title-13 { width: 321px; background: url(txt-title-13.gif) no-repeat 0 0; } .txt-title-16 { width: 105px; background: url(txt-title-16.gif) no-repeat 0 0; } .txt-title-17 { width: 105px; background: url(txt-title-17.gif) no-repeat 0 0; } .txt-title-18 { width: 264px; background: url(txt-title-18.gif) no-repeat 0 0; } .txt-title-19 { width: 121px; background: url(txt-title-19.gif) no-repeat 0 0; } .txt-title-20 { width: 127px; background: url(txt-title-20.gif) no-repeat 0 0; } .txt-title-45 { width: 77px; background: url(txt-title-45.gif) no-repeat 0 0; } .txt-title-46 { width: 69px; background: url(txt-title-46.gif) no-repeat 0 0; } .txt-title-47 { width: 113px; background: url(txt-title-47.gif) no-repeat 0 0; } .txt-title-57 { width: 77px; background: url(txt-title-57.gif) no-repeat 0 0; } .txt-title-58 { width: 100%; background: url(txt-title-58.gif) no-repeat 0 0; padding:0 0 8px 0; } .txt-title-59 { width: 100%; background: url(txt-title-59.gif) no-repeat 0 0; padding:0 0 8px 0; } .txt-title-60 { width: 100%; background: url(txt-title-60.gif) no-repeat 0 0; padding:0 0 8px 0; } .txt-title-63 { width: 100%; background: url(txt-title-63.gif) no-repeat 0 0; padding:0 0 8px 0; } .txt-title-64 { width: 100%; background: url(txt-title-64.gif) no-repeat 0 0; padding:0 0 8px 0; } .txt-title-65 { width: 100%; background: url(txt-title-65.gif) no-repeat 0 0; padding:0 0 8px 0; } .txt-title-66 { width: 100%; background: url(txt-title-66.gif) no-repeat 0 0; padding:0 0 8px 0; } #right form{padding:0 0 0 0} #right form input.textBox{background:url(index-Dateien/input_bg.png) no-repeat 0 0; height:54px; width:424px; margin:0 0 0 0; padding:16px 0 0 15px; border:none; font:bold 30px "Arial",Arial,Helvetica,sans-serif} .fromrelative{position:relative} .required{background:url(index-Dateien/required.png) no-repeat 0 0; height:13px; width:69px; position:absolute; left:285px; top:16px; text-indent:-22222px} .invalid{background:url(index-Dateien/invalid.png) no-repeat 0 0; height:13px; width:69px; position:absolute; left:285px; top:16px; text-indent:-22222px} #right form input.submit{background:url(index-Dateien/submit.png) no-repeat 0 0; height:35px; width:120px; border:none; margin:0px 0 0 0; cursor:pointer} /* Buttons */ a.button, span.button, del.button{ display:-moz-inline-box; display:inline-block; cursor:pointer; border:none; font-size:0; line-height:0; /* for Safari, read this first http://creativebits.org/webdev/safari_background_repeat_bug_fix */ background-position:0 0; background-repeat:no-repeat; height:30px; text-decoration:none; color:#FFFFFF; font-style:normal; margin:0 6px 0px 0; padding:0 10px 0 0; vertical-align:middle; padding-top:-2px; _position:relative; _width:10px; _overflow-y:hidden; } a.button, span.button, del.button, a.button span, span.button button, span.button input, del.button span{ background-image:url(form_buttons.png); _background-image:url(form_buttons.gif); } a.button span, span.button button, span.button input, del.button span{ white-space:nowrap; cursor:pointer; color:#FFF; display:-moz-inline-box; display:inline-block; line-height:1; letter-spacing:0 !important; font-family:"Arial" !important; font-size:12px !important; font-style:normal; background-color:transparent; background-position:100% 0; background-repeat:no-repeat; height:30px; padding:8px 20px 0 10px; margin:0 -16px 0 10px; border:none; vertical-align:text-top; zoom:1; _position:relative; _padding-left:0px; _padding-right:12px; _margin-right:-10px; _display:block; _top:0; _right:-5px; } span.button button{ line-height:2.5;/*Opera need this*/ } html.safari a.button span, html.safari del.button span{ line-height:1.3; } html.safari span.button button{ line-height:2.6; } html.safari a.button:focus, html.safari span.button button:focus{ outline:none; } del.button{ /* cursor:not-allowed; */ background-position:0 -120px; } del.button span{ cursor:default; color:#aaa !important; background-position:100% -120px; } span.button button, span.button input{ padding-top:0px; line-height:2.5;/*Opera need this*/ } /** optional **/ /* a.button:visited{ color:#aaa; } */ /*Hover Style*/ a.button:hover, span.button:hover, a.button:focus, a.dom-button-focus, span.button-behavior-hover{ background-position:0 -60px; color:#222; text-decoration:none; } a.button:hover span, span.button:hover button, a.button:focus span, span.button-behavior-hover button, span.button-behavior-hover input{ background-position:100% -60px; } a.button:active, a.button:focus span{ color:#444; } del.button-behavior-hover, del.button:hover{ background-position:0 -180px; /* cursor:not-allowed; */ } del.button-behavior-hover span, del.button:hover span{ background-position:100% -180px; /* cursor:not-allowed; */ } /*Optional hack for IE6 to simulate :hover selector*/ span.button button, del.button span, span.button input{ _behavior:expression( (function(el){ if( typeof( behavior_onMouseEnter) == 'undefined'){ behavior_onMouseEnter = function(el){ var dEl = this.parentNode; var sClass = dEl.className ; dEl.__defaultClassName = sClass ; dEl.className = sClass + ' button-behavior-hover'; this.setCapture(); }; behavior_onMouseLeave = function(el) { var dEl = this.parentNode; dEl.className = dEl.__defaultClassName ; dEl.__defaultClassName = undefined; this.releaseCapture(); }; }; el.runtimeStyle.behavior = 'none'; el.onmouseenter = behavior_onMouseEnter; el.onmouseleave = behavior_onMouseLeave; })(this)); } a.info { border-bottom: 1px dashed #800000; text-decoration: none } a.info:hover { cursor: help; background: #FFFFFF } a.info span { width: 400px; text-align: right; visibility: hidden; position: absolute; left: 21em; padding-left:10px; padding-right:10px; text-decoration: none; height:50px; float:right;} a.info:hover span { visibility: visible; color: #333; background: #FFFFFF; font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px;} #header .cnt h22 { font-size: 28px; color: #fff; text-transform: uppercase; font-weight: bold; line-height: 40px; white-space: nowrap; }