/* Reset CSS and general stuff */ *{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,li,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font:100% serif}table{border-collapse:collapse}caption,th,td{text-align:left} html { overflow:-moz-scrollbars-vertical; } p {margin: 1em 0; display:block;} .clear { clear:both; font-size:0; height:0; line-height:0; } a { outline:none; color:#666; } .hiddentext, .invis { position:absolute; left:-9999px; } .border_wrong {background-color: #FFFF99 } .no_display {display:none;} .display {display:block; float:left; color:#FF0000; font-weight:bold; padding:5px 0 0 5px; margin:0;} body { background:#fff url(../images/bg_index.gif) 0 0 repeat-x; font:12px Verdana, Arial, Helvetica, sans-serif; color:#666; } #header { position:relative; width:100%; height:132px; margin:0 auto 15px; padding:0;} #header #logo { position:absolute; display:block; top:23px; left:0; width:351px; height:101px; background:url(../images/logo.gif) left bottom no-repeat;z-index: 99; } #header #login {float:right; height:27px; background:#fff url('images/bg-login_l.jpg') no-repeat 0 0; padding:0;} #header #login #login_padding {float:left; padding:5px 20px 0 20px; background: url('images/bg-login_r.jpg') no-repeat right top;} #header #addthis_block { float: right; padding: 4px 5px 0 0; z-index: +100; } #header #logo_title { position: absolute; left: 355px; top: 63px; font-size: 20px; line-height: 20px; font-style: italic;color: #1a1a1a;} #header #language_links { position: absolute; right: 0 ;top: 63px; } #header #tabs_index {background:#fff url('images/tabs_index.gif') no-repeat 0 0; width:380px; height:32px; position:absolute; right:0; bottom:0; } #header #tabs_index #advertiser_tab, #header #tabs_index #publisher_tab {display:block; width:190px; height:23px; padding-top:9px; float:left; color: #ffffff; font-size:12px; font-style:italic; text-decoration: none; text-align: center; } #header #login_field div { position:relative; display:inline;} #header #forgot_infos {text-align:right;} #header div a { margin:0 0 0 0; font:11px/20px Verdana, Arial, Helvetica, sans-serif; color:#666; text-decoration:none; } #header div a:hover { text-decoration:underline; } #header #btn-go {background:url(../images/btn-go.gif) center right no-repeat; padding:5px 25px 5px 0; font:11px Verdana, Arial, Helvetica, sans-serif; color:#f00; text-decoration:none; } #header label { font:11px Verdana, Arial, Helvetica, sans-serif; color:#f00; } #header .textbox { position:relative; width:138px; height:15px; padding:1px; margin:0 0 0 2px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#000; border:1px solid #000; } /*COMMON PUBLIC PAGES*/ #advertiser_page, #publisher_page, div.bg_content, #content_img_advertiser {float:left;} #advertiser_page, #publisher_page {border:solid 1px #666; width:977px; background:url(../images/bg-publicpages.gif) repeat-x 0 62px; padding:0 0 20px 0;} #container #advertiser_page h2, #container #publisher_page h2 {background:url('images/title_ad_pub.gif') no-repeat 0 0; width:977px; height:52px; padding:10px 0 0 15px; position:relative; color: #fedd8c; font-size: 18px; font-style: italic;} span.h2_txt {font-style:italic; color:#fff;padding-left: 5px;} div.content {margin:20px auto 20px auto; width:925px;} div.bg_content {background:#dddddd url(../images/bg-publiccontent.gif) repeat-x bottom left; position:relative; color:#000000; font-family:Arial, Helvetica, sans-serif; } div.content ul {padding:0 0 0 10px;} div.content ul li{padding:0 0 10px 0; list-style:url(../images/liste-puce.gif) outside;} /* ADVERTISER PAGE */ #advertiser_page #content_img_advertiser {background:url(../images/content-advertisers.jpg) no-repeat; width:296px; height:638px; border:solid 1px #000; margin-right:20px;} #advertiser_page div.bg_content { height:598px; width:565px; border:solid 1px #000; padding:20px;} #advertiser_page #btn_advertise {background:url('images/bt-advertisenow.gif') no-repeat center top; width:100%; height:92px; position:absolute; bottom:0;} #advertiser_page #btn_advertise a {display:block; width:250px; height:40px; padding-top: 20px; margin:18px auto; text-align: center; text-decoration: none; font:italic bold 18px/18px Verdana,Arial,Helvetica,sans-serif; color: #ffffff;} /* WEBSITE OWNERS PAGE */ #publisher_page div.bg_content { height:598px; width:885px; border:solid 1px #000; padding:20px;} #publisher_page #btn_earnmoney {background:url('images/bt-earnmoneynow.gif') no-repeat center top; width:100%; height:92px; position:absolute; bottom:0;} #publisher_page #btn_earnmoney a {display:block; width:160px; height:40px; padding-top: 12px; padding-left: 45px; padding-right: 45px; margin:18px auto; text-align: center; text-decoration: none; font:italic bold 18px/18px Verdana,Arial,Helvetica,sans-serif; color: #ffffff;} #publisher_page .bloc_content {background:url(../images/bg-publishercontent.gif) no-repeat top left; width:435px; height:164px; padding:7px 0 0 7px; float:left; /*position:relative;*/} #publisher_page .bloc_content div {float:left;} .bloc_content div.img {width:170px; height:144px; border:solid 3px #676766;} .bloc_content div.text {width:225px; background:url(../images/liste-puce.gif) no-repeat left 3px; margin:3px 0 0 5px; padding:0 0 0 15px; /*position:absolute; left:190px; top:10px;*/} div.img1 {background:url(../images/content-publisher1.jpg) no-repeat top left} div.img2 {background:url(../images/content-publisher2.jpg) no-repeat top left} div.img3 {background:url(../images/content-publisher3.jpg) no-repeat top left} div.img4 {background:url(../images/content-publisher4.jpg) no-repeat top left} div.img5 {background:url(../images/content-publisher5.jpg) no-repeat top left} div.img6 {background:url(../images/content-publisher6.jpg) no-repeat top left} /* Index page */ #container { position:relative; width:980px; margin:0 auto; } #container #flash-header { height:200px; margin:0 0 15px; } #container #flash-header a { color:#ac0000; } /* !!!TO RESTORE AFTER PROMO!!! #container #advertisers, #container #publishers { position:relative; display:inline; float:left; width:465px; height:328px;} #container #advertisers a.now, #container #publishers a.now { position:absolute; display:block; width:246px; height:65px; top:252px; left:213px; } #container #advertisers a.learn_more, #container #publishers a.learn_more { position:absolute; display:block; width:98px; height:65px; top:252px; left:6px; } #container #advertisers { background:url(../images/bg-advertisers.jpg) 0 0 no-repeat; margin:0 50px 15px 0; } #container #advertisers a { } #container #publishers { background:url(../images/bg-publishers.jpg) top right no-repeat; margin:0 0 15px 0; } #container #publishers a { } !!!TO RESTORE AFTER PROMO!!! */ #container #advertisers, #container #publishers { position:relative; display:inline; float:left; width:465px; } #container #advertisers .promo_advertisers, #container #publishers .promo_publishers { height: 0px; } #container #advertisers h3, #container #publishers h3 { font-size: 20px; line-height: 20px; font-style: italic; color: #ffffff; height: 38px; padding: 15px 0 0 15px; background: url('images/bg_index_block_title.jpg') left top no-repeat;} #container #publishers div.block_content, #container #advertisers div.block_content {position: relative; height: 263px; padding: 10px 0 0 25px; font: italic bold 18px/18px Verdana, Arial, Helvetica, sans-serif;color: #000000; background: url('images/bg_index_block.jpg') left top no-repeat;} #container #publishers div.block_content ul, #container #advertisers div.block_content ul { margin: 0; padding: 10px 0 0 0; } #container #publishers div.block_content ul li, #container #advertisers div.block_content ul li {padding: 4px 0; list-style:url('images/bullet_index_list.jpg') inside; font: italic normal 16px/18px Verdana, Arial, Helvetica, sans-serif;color: #626262; letter-spacing: -1px;} #container #advertisers a.now, #container #publishers a.now { position:absolute; display:block; height:45px; top:198px; left:213px; text-align: center; color: #ffffff; text-decoration: none; } #container #advertisers a.now { width:246px; padding-top: 20px; } #container #publishers a.now { width:166px; padding-top: 12px; padding-left: 40px; padding-right: 40px; } #container #advertisers a.learn_more, #container #publishers a.learn_more { position:absolute; display:block; width:98px; height:53px; padding-top:12px; top:198px; left:6px; text-align: center; color: #ffffff; text-decoration: none; } #container #advertisers {margin:0 50px 15px 0; } #container #publishers { margin:0 0 15px 0; } /*#container #advertisers { background:url(../images/bg-advertisers_02.jpg) 0 0 no-repeat; margin:0 50px 15px 0; } #container #advertisers a { } #container #publishers { background:url(../images/bg-publishers_promo.jpg) top right no-repeat; margin:0 0 15px 0; } #container #publishers a { } */ #container #xba { background:url(../images/xba2010_nominee.gif) top left no-repeat; padding:40px 0; text-align:right; color:black; width:500px; } #container #tit-properties { height:24px; padding: 7px 0 0 10px; background:url('images/bg_index_banner_title.jpg') 0 0 no-repeat; color: #ffffff; font-size:12px; font-style:italic;} #container #partners { position:relative; width:978px; height:78px; margin:0 0 25px; border:1px solid #999; border-top:none; background:url(../images/bg-partners.gif) top left repeat-x; } #container #partners a { color:#ac0000; } #partners div.scrollableArea * { position:relative; float:left; margin:0; padding:0; } #partners div.scrollableArea img { margin:3px 5px 3px 5px; height:70px; border:1px solid black; } #container .formtext { width:640px; margin:0 auto 20px; } #container h2 { font:bold 24px Verdana, Arial, Helvetica, sans-serif; margin-bottom:20px; } #container .forgottext { width:340px; margin:0 auto 20px; text-align:center; } #forgot_note { width:340px; margin:0 auto 10px auto; font-weight:bold;} #container #text-content h2, #container #text-content p { width:auto; margin:0 0 20px; } #container #text-content h3 { font:bold 16px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; margin-bottom:12px; } #container #text-content h4 { font:bold 12px Verdana, Arial, Helvetica, sans-serif; } input, select { font:12px Verdana, Arial, Helvetica, sans-serif; } #container #frmUser, #container #frmProfile { position:relative; width:600px; margin:0 auto 20px; padding:20px; background:#eee; border:1px solid #ddd; } #container #frmUser div { position:relative; display:inline; float:left; } #container #frmUser div p { margin:0 0 10px; font-size:12px; } #container #frmUser div input { display:block; width:75%; margin:3px 0 0; padding:2px; border:1px solid #ccc; } #container #frmForgot { position:relative; width:300px; margin:0 auto 20px; padding:20px; background:#eee; border:1px solid #ddd; } #container #frmForgot div { margin:0 0 10px 0; } #container #frmForgot div input { display:block; width:98%; margin:3px 0 0; padding:2px; border:1px solid #ccc; } #container #frmForgot div #captcha-label { margin:0 0 3px 0; } #container #frmForgot div .no_display, #container #frmForgot div .display { font-size:0.8em; float:none; padding:0; } #container #frmProfile fieldset { margin:0 0 15px; padding:10px; } #container #frmProfile fieldset .legend { font-weight:bold; font-size:14px; color:#666666} #container #frmProfile div { height:40px; font-size:12px; position:relative;} #container #frmProfile label { display:block; width:250px; float:left; } #container #frmProfile div input, #container #frmProfile div select { display:block; width:250px; float:left; border:1px solid #ccc; padding:2px; } #container #frmProfile .display {position:absolute; right:75px; bottom:5px; font-size:0.8em;} #container #frmProfile ul.errors, .contact ul.errors, .errors {clear:both; color:#FF0000; font-size:0.8em; font-weight:bold;} #container #footer { margin-bottom: 40px; clear: both; padding-top: 40px; } #container .copy { float:left; } #container .bottom_menu { float:right; margin:0 0 30px; } #container .bottom_menu a { text-decoration:none; } #container .bottom_menu a:hover { text-decoration:underline; } /* REGISTER PAGE */ #register_note { width:640px; margin:0 auto 10px auto; font-weight:bold;} .register_line {height:60px; width:300px; } .register_line .no_display, .register_line .display {font-size:0.8em;} /* CONTACT PAGE */ #container h3 span{font-size:1.4em; color:#E90101} .contact .blocline div {clear:both; float:left; margin-bottom:7px;} .contact .blocline input[type=text], .blocline textarea {width:250px; border:solid 1px #000000; float:left; padding:2px 0; margin-top:1px;} .contact .blocline label{float:left; display:block; width:108px; padding:5px; margin:0 10px 0 0; background:#EEEEEE; font-weight:bold; color:#000000; text-align:right;}