/*------------------------------------------------- CSS CODE: FIGYELO NET RIPORTER AUTHOR: DOBO MATYAS, BLOGTER - BLOGTER.HU DATE: 2007.08.30 COMPANY: SANOMA SITE: FNRIPORTER.HU -------------------------------------------------*/ /*------------------------------------------------- CSS RESET -------------------------------------------------*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; background:transparent; margin:0; padding:0; } :focus { outline:0; } body { line-height:1; color:#000; background:#FFF; font:0.9em/1em arial, helvetica, sans-serif; } ol,ul { list-style:none; } table { border-collapse:collapse; border-spacing:0; } caption,th,td { text-align:left; font-weight:400; } blockquote:before,blockquote:after,q:before,q:after { content:""; } blockquote,q { quotes:"" ""; } strong { font-weight:700; } /*------------------------------------------------- GENERAL -------------------------------------------------*/ body {background-color: #F2F2F2; font: 13px verdana, helvetica, sans-serif; color: #282828; text-align: center;} a {color: #225998; text-decoration: none; cursor: pointer !important;} a:hover {text-decoration: underline} /*------------------------------------------------- MODIFIERS -------------------------------------------------*/ /*------------------------------------------------- MAIN -------------------------------------------------*/ #main {position: relative; text-align: left; width: 1000px; margin: 0 auto; background: #F2F2F2 url('../images/main_bg.png') repeat-y;} /*------------------------------------------------- HEAD -------------------------------------------------*/ #head {width: 1000px; height: 105px; background: #fff url('../images/head_top_bg.png') no-repeat; overflow: hidden} #head h1 {display: block; position: absolute; top: 19px; left: 23px; font-size: 30px} #head h1 a {display: block; position: relative; width: 92px; height: 73px; overflow: hidden;} #head h1 a span {display: block; position: absolute; width: 100%; height: 100%; background: #fff url('../images/head_fn_logo.png') no-repeat } #head h2 {display: block; position: absolute; top: 19px; left: 144px;} #head h2 a {display: block; position: relative; width: 480px; height: 73px; overflow: hidden;} #head h2 a span {display: block; position: absolute; width: 100%; height: 100%; background: #fff url('../images/head_riporter_logo.png') no-repeat } #headAct {display: block; position: absolute; top: 27px; left: 638px; color: #999999; font: 12px Georgia, Times, serif; overflow: hidden; text-transform:uppercase} #headAct a {color: #225998; font-weight: bold; text-decoration: none; } #headAct a:hover {text-decoration: underline; } #headSearch {display: block; position: absolute; top: 59px; left: 635px; width: 345px; height: 31px; background: #F2F2F2; overflow: hidden; font: 13px verdana, helvetica, sans-serif; } .searchFieldDiv {display: block; position: absolute; top: 6px; left: 5px; width: 111px; height: 69px; background: #F2F2F2 url('../images/head_search_text_bg.png') no-repeat; } .searchField {display: block; position: absolute; top: 1px; left: 3px; border: none; background: none; width: 103px; height: 13px; font-size: 12px; overflow: hidden;} .radioFN {display: block; position: absolute; top: 5px; left: 120px;} .labelFN {display: block; position: absolute; top: 6px; left: 142px;} .radioRiporter {display: block; position: absolute; top: 5px; left: 165px;} .labelRiporter {display: block; position: absolute; top: 6px; left: 187px;} .searchSubmit {display: block; position: absolute; top: 6px; left: 265px;} /*------------------------------------------------- HEAD MENU -------------------------------------------------*/ #headMenu ul {position: relative; height: 30px; background: #282828; margin: 0 10px 0 10px; padding-left: 9px; font: 11px georgia, serif; font-weight: bold;} #headMenu ul li {float: left; display: block; position: relative; text-transform: uppercase } #headMenu ul li.spacer {width: 1px !important; display: block; height: 30px} #headMenu ul li a {background: url('../images/hmenu_pia_c.png') repeat-x; display: block;} #headMenu ul li a span {display: block; float: left; height: 30px; overflow: hidden;} #headMenu ul li a span span {padding-top: 6px; color: #fff} #headMenu ul li a:hover {text-decoration: none; color: #fff} #headMenu ul li a.headmai span span {color: #CE352F !important} #headMenu ul li a.headmai {background: url('../images/hmenu_pa_c.png') repeat-x !important;} .headmal {width: 9px; background: url('../images/hmenu_pa_l.png') no-repeat;} .headmar {width: 9px; background: url('../images/hmenu_pa_r.png') no-repeat;} .headmial {width: 9px; background: url('../images/hmenu_pia_l.png') no-repeat;} .headmiar {width: 9px; background: url('../images/hmenu_pia_r.png') no-repeat;} .headmac {background: url('../images/hmenu_pa_c.png') repeat-x; } .headmiac {background: url('../images/hmenu_pia_c.png') repeat-x; } #headMenu ul li a span. {} #headMenu div {clear: both; height: 10px; margin: 0 10px 0 10px; background: #282828 url('../images/hmenu_bottom.png') repeat-x; } /*------------------------------------------------- CONT -------------------------------------------------*/ #cont {/*background: url('../images/a0_head_sponsor_bg.png') 10px 0 no-repeat;*/} #headSponsor {width: 1000px; position: absolute; height: 50px; top: 0; left: 0; top: 150px} /*------------------------------------------------- MAIN PAGE - A1 - LEFT -------------------------------------------------*/ #leftSpacer {display: block; float: left; width: 10px; height: 400px;} #leftA1 { width: 625px; float: left; border-top: 1px solid #CCC; border-right: 1px solid #CCC; background: #fff; margin: 0px 0 2px 0; } #leftA1In {margin: 20px 10px 10px 10px;} .a1AvatarContainer {display: block; float: right; margin: 0 0 10px 10px;} .playerContainer {float: left; margin-right: 10px; width: 207px; height: 181px;} #leftA1 .a1lead2 h1 {font-size: 18px; font-weight: bold; margin-bottom: 20px;} .a1spacera {height: 3px;} .a1PostAuthor {margin-bottom: 4px;} .a1PostDate {color: #999999;} .a1Tags {color: #999999;} .sepa {border: 0; height: 30px; background: #fff url('../images/horiz_sepa.png') repeat-x; clear: both;} .a1AvatarContainerB {float: right; margin: 10px 0 0 0} .a1MoreCont {float: right; clear: both; font: 11px geneva, serif; } .a1menuin {background: #F2F2F2; height: 31px;} .a1menuin li {height: 26px; display: block; float: left; width: 201px; font: 11px Georgia, Times, serif;} .a1menuin li.act a {position: relative; display: block; width: 199px; height: 25px; border-right: 1px #ffe solid; background: #F2F2F2 url('../images/a1_tab_a.png') no-repeat; overflow: hidden;} .a1menuin li.inact a {position: relative; display: block; width: 199px; height: 25px; border-right: 1px #ffe solid; border-bottom: 1px #fff solid; background: #fff url('../images/a1_tab_ia.png') no-repeat; overflow: hidden; } .a1menuin li a span {display: block; position: absolute; top: 5px; left: 10px;} .a1lead2 {clear: both; border-bottom: 1px #fff solid; } .a1lead2 div {} .a1lead2 h2 {font-weight: bold; font-size: 13px; margin: 0 0 4px 0;} .a1PostPic { position: relative; width: 160px; height: 120px; border: 1px #bbb solid; float: left; margin: 0 10px 10px 0} .a1PostPic tr td {vertical-align: middle; text-align: center;} .a1PostPic a {display: block;} .a1spacerb {width: 100%; height: 15px; display: block; position: relative; font-size: 15px;} .bannerCont { position: relative; background: #F2F2F2 url('../images/a1_banner_bg.png') no-repeat; height: 140px; width: 599px;} .bannerCont div {display: block; position: absolute; top: 10px; left: 75px;} /*------------------------------------------------- MAIN PAGE - A1 - LEFT - STAR-RATING -------------------------------------------------*/ .star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating{ background: url('../images/star.gif') left -1000px repeat-x; } .star-rating{ position:relative; width:75px; height:25px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top; float: right; clear: right;} .star-rating li{ display: inline; } .star-rating a, .star-rating .current-rating{ position:absolute; top:0; left:0; text-indent:-1000em; height:25px; line-height:25px; outline:none; overflow:hidden; border: none; } .star-rating a:hover, .star-rating a:active, .star-rating a:focus{ background-position: left bottom; } .star-rating a.one-star{ width:20%; z-index:6; } .star-rating a.two-stars{ width:40%; z-index:5; } .star-rating a.three-stars{ width:60%; z-index:4; } .star-rating a.four-stars{ width:80%; z-index:3; } .star-rating a.five-stars{ width:100%; z-index:2; } .star-rating .current-rating{ z-index:1; background-position: left center; } /*------------------------------------------------- MAIN PAGE - A1 - RIGHT -------------------------------------------------*/ #rightSpacer {display: block; float: right; width: 20px; height: 400px; } #right { display: block; float: right; width: 330px; margin: 50px 0 10px 0; border-top: 1px #ccc solid;} .a1Upload {margin-top: 20px; display: block; width: 330px; height: 25px; background: #FF7F01 url('../images/a1_upload_bt.png') no-repeat; } .a1Upload a {color: #ffe; display: block; position: relative; width: 330px; height: 25px;} .a1Upload a span {display: block; position: absolute; top: 5px; left: 10px; font: 12px Georgia, Times, serif;} .a1becomeHead {margin-top: 20px; display: block; width: 330px; height: 25px; background: #FF7F00 url('../images/a1_sidebar_head_bg.png') no-repeat; position: relative;} .a1becomeHead span {display: block; position: absolute; top: 5px; left: 10px; color: #ffe; font: 12px Georgia, Times, serif;} .a1becomeContainer {background: #fff; width: 330px; height:404px; overflow: hidden;} .a1beFNimgContainer {background: #fff; width: 330px; height:283px; overflow: hidden;} #a1Subscibe {margin-top: 20px;} #a1Subscibe h2 {width: 330px; height: 26px; background: url('../images/a1_subscribe_head.png') no-repeat; position: relative;} #a1Subscibe h2 span {position: absolute; top: 5px; left: 10px; color: #666666; font: 12px Georgia, Times, serif;} #a1SubscribeForm {display: block; width: 330px; height: 63px; position: relative; background: #fff;} #a1SubscribeForm div {display: block; position: relative; border-bottom: 1px #F2F2F2 solid; height: 31px; background: url('../images/a1_subscribe_form.png') 10px 5px no-repeat;} .a1SubscribeInput {display: block; position: absolute; top: 6px; left: 13px; width: 300px; font-size: 11px; border: 0; background: none; } .a1SubscribeSubmit {position: absolute; top: 38px; left: 200px;} #a1SideBanner {background: #fff url('../images/a1_banner_bg_side.png') no-repeat; height: 270px; width: 330px; margin-top: 20px; position: relative;} #a1SideBanner div {display: block; position: absolute; top: 10px; left: 25px;} #freshComments {margin-top: 20px;} #freshComments h2.head {width: 330px; height: 26px; background: url('../images/a1_freshcomments_head.png') no-repeat; position: relative;} #freshComments h2 span {position: absolute; top: 5px; left: 10px; color: #666666; font: 12px Georgia, Times, serif;} .a1Rlead2 {clear: both; background: #fff; border-bottom: 1px #F2F2F2 solid; padding: 10px;} .a1RAvatarContainer {display: block; float: right; margin: 0 0 10px 10px;} .a1Rlead2 h2 {font-weight: bold; font-size: 13px; margin: 0 0 4px 0;} .a1RPostAuthor {margin-bottom: 4px;} .a1RPostDate {color: #999999;} .a1RTags {color: #999999;} .a1RComm {margin-top: 3px;} #a1RFNItems {margin-top: 20px;} #a1RFNItems h2 {width: 330px; height: 26px; background: #fff url('../images/a1_fn_head_bg.png') no-repeat; position: relative;} #a1RFNItems h2 span {position: absolute; top: 5px; left: 10px; color: #ffe; font: 12px Georgia, Times, serif;} #a1RFNMenu {display: block; height: 26px;} .a1RFNMenu {width: 165px; height: 25px; background: url('../images/a1_fn_headmenu_a.png') no-repeat; position: relative; display: block; float: left} .a1RFNMenu span {position: absolute; top: 5px; left: 10px; color: #ce352f; font: 12px Georgia, Times, serif;} .a1RFNMenu:hover {color: #ce352f; background: url('../images/a1_fn_headmenu_a.png') no-repeat;} .a1Fnmod {border-left: 1px solid #fff; width: 164px !important} .a1RFNMenuAct {width: 165px; height: 25px; background: url('../images/a1_fn_headmenu_ia.png') no-repeat;color: #fff; position: relative; display: block; float: left } .a1RFNMenuAct span {position: absolute; top: 5px; left: 10px; color: #fff; font: 12px Georgia, Times, serif;} .a1RFNCont {background: #CCCCCC; padding: 5px 10px; border-bottom: 1px #F2F2F2 solid;} .a1RFNCont h3 {font-weight: bold; margin-bottom: 2px;} .a1RProfMore {margin-top: 4px;} #a1RProf {margin-top: 20px;} #a1RProf h2 {width: 330px; height: 26px; background: #2562A7 url('../images/a1_prof_head_bg.png') no-repeat; position: relative;} #a1RProf h2 span {position: absolute; top: 5px; left: 10px; color: #ffe; font: 12px Georgia, Times, serif;} .a1RProfCont {background: #CCCCCC; padding: 5px 10px; border-bottom: 1px #F2F2F2 solid;} .a1RProfCont h3 {font-weight: bold; margin-bottom: 4px;} .a1RProfMore {margin-top: 4px;} #a1RRSSSubscibe {margin: 20px 0; display: block; width: 330px; height: 25px; background: #FF7F00 url('../images/a1_subscribe_rss_bg.png') no-repeat; position: relative;} #a1RRSSSubscibe a {display: block; position: relative; width: 100%; height: 100%;} #a1RRSSSubscibe a span {position: absolute; top: 5px; left: 25px; color: #ffe; font: 12px Georgia, Times, serif;} #a1RRSSSubscibe a:hover {color: #ffe} /*------------------------------------------------- REGISTRATION LAYER - A2 -------------------------------------------------*/ #a2regLayer {width: 500px; background: #F2F2F2; margin: 30px auto; } #a2regLayer a {color: #225998;} #a2regLayer h1 {display: block; position: relative; width: 500px; height: 30px; background: #bbb url('../images/a2_head_bg.png') repeat-x; } #a2regLayer h1 span {position: absolute; top: 8px; left: 10px; color: #000; font: 12px Georgia, Times, serif;} #a2left {width: 300px; float: left; border-right: 1px #333 solid;} .a2spacerDiv {clear:both; position: relative; display: block; padding: 0; margin: 0; height: 1px; background: #333; font-size: 0.1px; line-height: 1px; overflow: hidden; } .a2regDesc {margin: 10px;} .a2regFormLabel {display: block; position: relative; width: 124px; float: left;} .a2regFormLabel span {display: block; position: absolute; top: 3px; left: 10px;} .a2regFormCont { float: right; width: 175px; border-left: 1px solid #333; } .a2emailheight {} .a2formBg {width: 156px; height: 19px; background: #fff url('../images/a2_reg_form_bg.png') no-repeat; position: relative; margin: 3px 0 3px 10px;} .a2FieldInput {border: 0; background: none; width: 152px; height: 15px; font-size: 12px; position: absolute; top: 2px; left: 2px; } .a2cbDesc {float: right; width: 265px; border-left: 1px #333 solid;} .a2newemail {display: block; font-size: 11px; padding-left: 5px;} .a2emailNew {display: block; position: absolute; top: 20px; left: 0px; font-size: 11px} .a2cbDesc span {display: block; margin: 5px 10px;} .a2cbDescFlr {display: block; float: right;} .a2cbCont {display: block; width: 32px; position: relative; float: left;} .a2cbCont input {display: block; position: absolute; top: 3px; left: 6px;} .a2CaptchaCont {position: relative; display: block; width: 280px; height: 100px;} .a2Captcha {display: block; margin: 10px;} .a2CaptchaCont a {position: absolute; display: block; top: 72px; left: 100px;} .a2allert {background: #fff url('../images/allert.gif') no-repeat; color: #000; font-weight: bold; margin: 0 10px 5px 10px; height: 20px; font-size: 11px; clear: both; position: relative;} .a2allert span {display: block; position: absolute; top: 3px; left: 25px;} .a2allert2 {display: block; background: #fff url('../images/allert.gif') no-repeat; color: #000; font-size: 11px; font-weight: bold; position: relative; height: 20px;} .a2allert2 strong {display: block; font-weight: bold; position: absolute; top: 3px; left: 25px;} #a2right {float: right; width: 179px; padding: 10px;} #a2rightpadder {width: 179px;} #a2rightpadder h2 {font-weight: bold; margin-bottom: 14px;} #a2rightpadder p {margin-bottom: 15px;} #a2foot {position: relative; width: 500px; height: 33px; border-top: 1px solid #333;clear: both;} .a2Submit {display: block; position: absolute; top: 4px; left: 10px; font-size: 12px; padding: 2px; width: 120px; /*height: 24px;*/} .a2CancelBt {display: block; position: absolute;top: 4px; left: 430px; font-size: 12px; padding: 2px; /*height: 24px;*/ width: 60px} /*------------------------------------------------- LOGIN LAYER - A3 -------------------------------------------------*/ #a3logLayer {width: 500px; background: #F2F2F2; margin: 30px auto; } #a3logLayer a {color: #225998;} #a3logLayer h1 {display: block; position: relative; width: 500px; height: 30px; background: #bbb url('../images/a2_head_bg.png') repeat-x; } #a3logLayer h1 span {position: absolute; top: 8px; left: 10px; color: #000; font: 12px Georgia, Times, serif;} #a3left {width: 300px; float: left; } .a3spacerDiv {clear:both; position: relative; display: block; padding: 0; margin: 0; height: 1px; background: #333; font-size: 0.1px; line-height: 1px; overflow: hidden; } .a3regDesc {margin: 10px;} .a3regFormLabel {display: block; position: relative; width: 124px; float: left;} .a3regFormLabel span {display: block; position: absolute; top: 3px; left: 10px;} .a3regFormCont { float: right; width: 175px; } .a3formBg {width: 156px; height: 19px; background: #fff url('../images/a2_reg_form_bg.png') no-repeat; position: relative; margin: 3px 0 3px 10px;} .a3FieldInput {border: 0; background: none; width: 152px; height: 15px; font-size: 12px; position: absolute; top: 2px; left: 2px; } .a3cbDesc {float: right; width: 265px; } .a3cbDesc span {display: block; margin: 5px 10px;} .a3cbDescFlr {display: block; float: right;} .a3cbCont {display: block; width: 32px; position: relative; float: left;} .a3cbCont input {display: block; position: absolute; top: 3px; left: 6px;} .a3Captcha {display: block; margin: 10px;} .a3allert {background: #fff url('../images/allert.gif') no-repeat; color: #000; font-weight: bold; margin: 0 10px 5px 10px; height: 20px; font-size: 11px; clear: both; position: relative;} .a3allert span {display: block; position: absolute; top: 3px; left: 25px;} .a3allert2 {display: block; background: red; color: #fff; font-size: 11px; } .a3allert2 strong {display: block; font-weight: normal; padding: 2px;} #a3right {float: right; width: 179px; padding: 10px; border-left: 1px #333 solid; padding-bottom: 45px;} #a3rightpadder {width: 179px;} #a3rightpadder h2 {font-weight: bold; margin-bottom: 14px;} #a3rightpadder p {margin-bottom: 15px;} #a3rightpadder p.a3last {margin-bottom: 0;} #a3foot {position: relative; width: 500px; height: 33px; border-top: 1px solid #333;clear: both;} .a3Submit {display: block; position: absolute; top: 4px; left: 15px; font-size: 12px; padding: 2px; /*height: 24px;*/ width: 120px;} .a3LoginBt {display: block; position: absolute; top: 4px; left: 225px;font-size: 12px; padding: 2px; /*height: 24px;*/ width: 60px;} .a3CancelBt {display: block; position: absolute;top: 4px; left: 410px; font-size: 12px; padding: 2px; /*height: 24px; width: 60px;*/ } /*------------------------------------------------- PROFILE - A4 -------------------------------------------------*/ /*------------------------------------------------- PROFILE PAGE - A4 - LEFT -------------------------------------------------*/ #leftSpacer {display: block; float: left; width: 10px; height: 400px;} #leftA4 { width: 625px; float: left; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #fff; margin: 10px 0 2px 0; } #leftA4In {margin: 20px 10px 10px 10px;} #a4profile {background: #F2F2F2} #a4profile h2 {padding: 7px 10px; font: 11px Georgia, Times, serif; color: #666666; display: block; position: relative;} .a4spacerDiv {clear:both; position: relative; display: block; padding: 0; margin: 0; height: 1px; background: #fff; font-size: 0.1px; line-height: 1px; overflow: hidden; } .a4profDataCont { float: right; width: 400px; border-left: 1px solid #fff; font-weight: bold; } .a4padder {padding: 10px; position: relative;} .a4AvatarSelect {position: absolute; top: 8px; left: 70px; } .a4AvatarSelectMore {position: absolute; top: 40px; left: 70px;} .a4AvatarMoreCont { border: 1px #ccc solid; padding: 3px; margin-top: 3px; background: #fff} .a4AvatarCancel {background: #ccc; font-size: 11px; display: block; width: 50px;} .a4AvatarCancel span {display: block; background: #fff; padding: 3px; border-left: 1px #ccc solid; border-bottom: 1px #ccc solid; border-right: 1px #ccc solid;} .a4Field {width: 312px;} .a4FieldPhone {width: 290px;} .a4FieldCont p {margin-top: 5px; display: block; background: #ff6800; padding: 2px; color: #fff;} .a4DatesCont {} .a4DatesCont li {float: left; margin-right: 5px;} .a4padder2 {clear: both; height: 1px; font-size: 1px; overflow: hidden;} .a4profileTable {width: 606px;} .a4profileTable tr td {border: 1px solid #fff; padding: 9px 10px} .a4Proc1 {background: #ffe6d6} .a4TableTitle {font-weight: bold} .a4profDataLabel {display: block; position: relative; width: 199px; float: left;} .a4profDataLabel span {display: block; position: absolute; top: 10px; left: 10px;} .a4editBt {display: block; float: right; padding: 10px;} .a4margint20 {margin-top: 20px;} ..a4profDataCont2 { float: right; width: 400px; border-left: 1px solid #fff; font-weight: bold; } .a4padder2 {padding: 10px; position: relative;} .a4profDataLabel2 {display: block; position: relative; width: 199px; float: left;} .a4profDataLabel2 span {display: block; position: relative; padding: 10px} .a4AvatarContainer {display: block; float: right; margin: 0 0 10px 10px;} #leftA4 .a4lead2 h1 {font-size: 18px; font-weight: bold; margin-bottom: 20px;} .a4spacera {height: 3px;} .a4PostAuthor {margin-bottom: 4px;} .a4PostDate {color: #999999;} .a4Tags {color: #999999;} .sepa {border: 0; height: 30px; background: #fff url('../images/horiz_sepa.png') repeat-x; clear: both;} .a4AvatarContainerB {float: right; margin: 10px 0 0 0} .a4menuin {background: #F2F2F2; height: 31px;} .a4menuin li {height: 26px; display: block; float: left; width: 201px; font: 11px Georgia, Times, serif;} .a4menuin li.act a {position: relative; display: block; width: 199px; height: 25px; border-right: 1px #ffe solid; background: #F2F2F2 url('../images/a4_tab_a.png') no-repeat; overflow: hidden;} .a4menuin li.inact a {position: relative; display: block; width: 199px; height: 25px; border-right: 1px #ffe solid; border-bottom: 1px #fff solid; background: #fff url('../images/a4_tab_ia.png') no-repeat; overflow: hidden; } .a4menuin li a span {display: block; position: absolute; top: 5px; left: 10px;} .a4lead2 {clear: both; border-bottom: 1px #fff solid; } .a4lead2 div {} .a4lead2 h2 {font-weight: bold; font-size: 13px; margin: 0 0 4px 0;} .a4PostPic { display: block; position: relative; width: 160px; height: 120px; border: 1px #bbb solid; float: left; margin: 0 10px 10px 0} .a4spacerb {width: 100%; height: 15px; display: block; position: relative; font-size: 15px;} .a4PostDateComment {color: #999999; margin-bottom: 4px;width: 300px;} #a4Pager {display: block; width: 599px; height: 19px; position: relative; margin-bottom: 80px;font: 12px Georgia, Times, serif; color: #333} .a4GoLeft0 {display: block; position: absolute;} .a4GoLeft1 {display: block; position: absolute; left: 30px;} .a4GoToNumber {display: block; position: absolute; left: 20px; width: 480px; text-align: center; left: 60px;} .a4GoRight1 {display: block; position: absolute; left: 544px;} .a4GoRight0 {display: block; position: absolute; left: 570px;} .bannerCont { position: relative; background: #F2F2F2 url('../images/a4_banner_bg.png') no-repeat; height: 140px; width: 599px;} .bannerCont div {display: block; position: absolute; top: 10px; left: 75px;} /*------------------------------------------------- PROFILE PAGE - A4 - RIGHT -------------------------------------------------*/ #rightSpacer {display: block; float: right; width: 20px; height: 400px; } #right { display: block; float: right; width: 330px; margin: 50px 0 10px 0; border-top: 1px #ccc solid;} .a4Upload {margin-top: 20px; display: block; width: 330px; height: 25px; background: #FF7F01 url('../images/a4_upload_bt.png') no-repeat; } .a4Upload a {color: #ffe; display: block; position: relative; width: 330px; height: 25px;} .a4Upload a span {display: block; position: absolute; top: 5px; left: 10px; font: 12px Georgia, Times, serif;} .a4becomeHead {margin-top: 20px; display: block; width: 330px; height: 25px; background: #FF7F00 url('../images/a4_sidebar_head_bg.png') no-repeat; position: relative;} .a4becomeHead span {display: block; position: absolute; top: 5px; left: 10px; color: #ffe; font: 12px Georgia, Times, serif;} .a4becomeContainer {background: #fff; width: 330px; height: 330px;} #a4Subscibe {margin-top: 20px;} #a4Subscibe h2 {width: 330px; height: 26px; background: url('../images/a4_subscribe_head.png') no-repeat; position: relative;} #a4Subscibe h2 span {position: absolute; top: 5px; left: 10px; color: #666666; font: 12px Georgia, Times, serif;} #a4SubscribeForm {display: block; width: 330px; height: 63px; position: relative; background: #fff;} #a4SubscribeForm div {display: block; position: relative; border-bottom: 1px #F2F2F2 solid; height: 31px; background: url('../images/a4_subscribe_form.png') 10px 5px no-repeat;} .a4SubscribeInput {display: block; position: absolute; top: 6px; left: 13px; width: 300px; font-size: 11px; border: 0; background: none; } .a4SubscribeSubmit {position: absolute; top: 38px; left: 200px;} #a4SideBanner {background: #fff url('../images/a4_banner_bg_side.png') no-repeat; height: 270px; width: 330px; margin-top: 20px; position: relative;} #a4SideBanner div {display: block; position: absolute; top: 10px; left: 25px;} #freshComments {margin-top: 20px;} #freshComments h2.head {width: 330px; height: 26px; background: url('../images/a4_freshcomments_head.png') no-repeat; position: relative;} #freshComments h2 span {position: absolute; top: 5px; left: 10px; color: #666666; font: 12px Georgia, Times, serif;} .a4Rlead2 {clear: both; background: #fff; border-bottom: 1px #F2F2F2 solid; padding: 10px;} .a4RAvatarContainer {display: block; float: right; margin: 0 0 10px 10px;} .a4Rlead2 h2 {font-weight: bold; font-size: 13px; margin: 0 0 4px 0;} .a4RPostAuthor {margin-bottom: 4px;} .a4RPostDate {color: #999999;} .a4RTags {color: #999999;} .a4RComm {margin-top: 3px;} #a4RRSSSubscibe {margin: 20px 0; display: block; width: 330px; height: 25px; background: #FF7F00 url('../images/a4_subscribe_rss_bg.png') no-repeat; position: relative;} #a4RRSSSubscibe a {display: block; position: relative; width: 100%; height: 100%;} #a4RRSSSubscibe a span {position: absolute; top: 5px; left: 25px; color: #ffe; font: 12px Georgia, Times, serif;} #a4RRSSSubscibe a:hover {color: #ffe} /*------------------------------------------------- CONTENT PAGE - A5 -------------------------------------------------*/ /*------------------------------------------------- CONTENT PAGE - A5 - RIGHT -------------------------------------------------*/ .a5Upload {margin-top: 20px; display: block; width: 330px; height: 25px; background: #FF7F01 url('../images/a5_upload_bt.png') no-repeat; } .a5Upload a {color: #ffe; display: block; position: relative; width: 330px; height: 25px;} .a5Upload a span {display: block; position: absolute; top: 5px; left: 10px; font: 12px Georgia, Times, serif;} #a5Pager {display: block; width: 599px; height: 19px; position: relative; margin-bottom: 80px; font: 12px Georgia, Times, serif; color: #333} .a5GoLeft0 {display: block; position: absolute;} .a5GoLeft1 {display: block; position: absolute; left: 30px;} .a5GoToNumber {display: block; position: absolute; left: 20px; width: 480px; text-align: center; left: 60px;} .a5GoRight1 {display: block; position: absolute; left: 544px;} .a5GoRight0 {display: block; position: absolute; left: 570px;} .a5becomeHead {margin-top: 20px; display: block; width: 330px; height: 25px; background: #FF7F00 url('../images/a5_sidebar_head_bg.png') no-repeat; position: relative;} .a5becomeHead span {display: block; position: absolute; top: 5px; left: 10px; color: #ffe; font: 12px Georgia, Times, serif;} .a5becomeContainer {background: #fff; width: 330px; height: 330px;} #a5Subscibe {margin-top: 20px;} #a5Subscibe h2 {width: 330px; height: 26px; background: url('../images/a5_subscribe_head.png') no-repeat; position: relative;} #a5Subscibe h2 span {position: absolute; top: 5px; left: 10px; color: #666666; font: 12px Georgia, Times, serif;} #a5SubscribeForm {display: block; width: 330px; height: 63px; position: relative; background: #fff;} #a5SubscribeForm div {display: block; position: relative; border-bottom: 1px #F2F2F2 solid; height: 31px; background: url('../images/a5_subscribe_form.png') 10px 5px no-repeat;} .a5SubscribeInput {display: block; position: absolute; top: 6px; left: 13px; width: 300px; font-size: 11px; border: 0; background: none; } .a5SubscribeSubmit {position: absolute; top: 38px; left: 200px;} #a5SideBanner {background: #fff url('../images/a5_banner_bg_side.png') no-repeat; height: 270px; width: 330px; margin-top: 20px; position: relative;} #a5SideBanner div {display: block; position: absolute; top: 10px; left: 25px;} #a5GlobalAct {margin-top: 20px;} #a5RightMenu {background: #FFF; height: 31px; border-bottom: 1px #F2F2F2 solid;} #a5RightMenu li {height: 26px; display: block; float: left; width: 108px; font: 11px Georgia, Times, serif; border-right: 1px #fff solid;} #a5RightMenu li.act a {position: relative; display: block; width: 108px; height: 25px; border-right: 1px #ffe solid; background: #F2F2F2 url('../images/a5_right_menu_a.png') no-repeat; overflow: hidden; color: #D83F39} #a5RightMenu li.inact a {position: relative; display: block; width: 108px; height: 25px; border-right: 1px #ffe solid; border-bottom: 1px #fff solid; background: #fff url('../images/a5_right_menu_ia.png') no-repeat; overflow: hidden; } #a5RightMenu li a span {display: block; position: absolute; top: 5px; left: 10px;} .a5Rlead2 {clear: both; background: #fff; border-bottom: 1px #F2F2F2 solid; padding: 10px;} .a5Rlead2 div {display: block; width: 70px; float: left; } .a5Rlead2 div img {margin-top: 2px} .a5RAvatarContainer {display: block; float: right; margin: 0 0 10px 10px;} .a5Rlead2 h2 {font-weight: bold; font-size: 13px; margin: 0 0 4px 0;} .a5RPostAuthor {margin-bottom: 8px;} .a5RPostDate {color: #999999;} .a5RTags {color: #999999;} .a5RComm {margin-top: 3px; clear: left;} /*------------------------------------------------- CONTENT - RIGHT - STAR-RATING -------------------------------------------------*/ .a5star-rating1, .a5star-rating1 a:hover, .a5star-rating1 a:active, .a5star-rating1 a:focus, .a5star-rating1 .a5current-rating1{ background: url('../images/star.gif') left -1000px repeat-x; } .a5star-rating1{ position:relative; width:75px; height:25px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top; float: right; clear: right;} .a5star-rating1 li{ display: inline; } .a5star-rating1 a, .a5star-rating1 .a5current-rating1{ position:absolute; top:0; left:0; text-indent:-1000em; height:25px; line-height:25px; outline:none; overflow:hidden; border: none; } .a5star-rating1 a:hover, .a5star-rating1 a:active, .a5star-rating1 a:focus{ background-position: left bottom; } .a5star-rating1 a.one-star{ width:20%; z-index:6; } .a5star-rating1 a.two-stars{ width:40%; z-index:5; } .a5star-rating1 a.three-stars{ width:60%; z-index:4; } .a5star-rating1 a.four-stars{ width:80%; z-index:3; } .a5star-rating1 a.five-stars{ width:100%; z-index:2; } .a5star-rating1 .a5current-rating1{ z-index:1; background-position: left center; } #a5RRSSSubscibe {margin: 20px 0; display: block; width: 330px; height: 25px; background: #FF7F00 url('../images/a5_subscribe_rss_bg.png') no-repeat; position: relative;} #a5RRSSSubscibe a {display: block; position: relative; width: 100%; height: 100%;} #a5RRSSSubscibe a span {position: absolute; top: 5px; left: 25px; color: #ffe; font: 12px Georgia, Times, serif;} #a5RRSSSubscibe a:hover {color: #ffe} /*------------------------------------------------- CONTENT PAGE - A5 - LEFT -------------------------------------------------*/ #lefta5 { width: 625px; float: left; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #fff; margin: 10px 0 2px 0; } #lefta5In {margin: 20px 10px 10px 10px;} .a5PrewievPane {display: block; height: 35px; border: 1px solid #FF7700; background: #FFE9D5 url('../images/a5_prewiev_pane_bg.png') repeat-x; margin-bottom: 20px; position: relative;} .a5PrewievPane h2 {font-size: 14px; display: block; position: absolute; top: 7px; left: 10px; font-weight: bold;} .a5PrevSave {display: block; position: absolute; top: 8px; left: 460px;} .a5PrevBack {display: block; position: absolute; top: 8px; left: 530px;} .a5AvatarContainer {display: block; float: right; margin: 0 0 10px 10px; text-align: right;} .a5AvatarContainer a {display: block;} .a5AvatarName {margin-top: 4px;} .playerContainer {float: left; margin-right: 10px; width: 207px; height: 181px;} .a5lead2 h1 {font-size: 18px; font-weight: bold; margin-bottom: 15px;} .a5spacera {height: 3px;} .a5PostAuthor {margin-bottom: 4px;} .a5PostDate {color: #999999;} .a5Tags {color: #999999; margin-bottom: 10px;} .a5InlineVideoContainer {margin: 15px 0; text-align: center} .a5InlineVideoContainer div {width: 424} #a5EmbedPane {height: 38px; position: relative; font: 11px Georgia, Times, serif; color: #225998;} .a5EmbedUrlTitle {display: block; position: absolute; top: 6px;} .a5EmbedUrlInput {display: block; position: absolute; top: 3px; left: 200px; width: 396px; height: 19px; background: #ffe url('../images/a5_embed_input_bg.png') no-repeat;} .a5EmbedUrlInput input {display: block; position: absolute; width: 387px; height: 15px; top: 1px; left: 3px; font-size: 10px; border: 0; background: none;} .a5EmbedEmberTitle {display: block; position: absolute; top: 31px;} .a5EmbedEmbedInput {display: block; position: absolute; top: 28px; left: 200px; width: 396px; height: 19px; background: #ffe url('../images/a5_embed_input_bg.png') no-repeat;} .a5EmbedEmbedInput input {display: block; position: absolute; width: 387px; height: 15px; top: 1px; left: 3px; font-size: 10px; border: 0; background: none;} /*------------------------------------------------- CONTENT - LEFT - PICTURE PLAYER -------------------------------------------------*/ .a5InlinePicContainer { width: 100%; position: relative; margin: 10px 0} .a5ImgCont {width: 424px; height: 427px; position: relative; padding-left: 90px;} .a5ImgBigCont {display: block; position: absolute; border: 1px solid #000; height: 316px; overflow: hidden;} .a5ImgBigCont table {height: 316px; width: 424px;} .a5ImgBigCont table tr td {vertical-align: middle !important; text-align: center;} .a5ImgNav {display: block; position: absolute; width: 425px; height: 25px; top: 319px; background: url('../images/a5_pic_nav_bg.png') no-repeat;} .a5ImgNav div {position: absolute; display: block; width: 18px; height: 15px; overflow: hidden; } .a5ImgNav div a {display: block; position: relative; width:18px; height: 15px;} .a5ImgNav a span {display: block; position: absolute; width: 18px; height: 15px;} .a5ImgNav1 {top: 5px; left: 10px;} .a5ImgNav1 a span {background: url('../images/a5_pic_nav_bg.png') -10px -5px no-repeat;} .a5ImgNav1 a:hover span {background: url('../images/a5_pic_nav_a_bg.png') -10px -5px no-repeat;} .a5ImgNav2 {top: 5px; left: 38px;} .a5ImgNav2 a span {background: url('../images/a5_pic_nav_bg.png') -38px -5px no-repeat;} .a5ImgNav2 a:hover span {background: url('../images/a5_pic_nav_a_bg.png') -38px -5px no-repeat;} .a5ImgNav3 {top: 5px; left: 66px;} .a5ImgNav3 a span {background: url('../images/a5_pic_nav_bg.png') -66px -5px no-repeat;} .a5ImgNav3 a:hover span {background: url('../images/a5_pic_nav_a_bg.png') -66px -5px no-repeat;} .a5ImgNavCount { display: block; position: absolute; top: 5px; left: 186px; background: #262626; width: 52px !important; height: 15px; text-align: center; color: #2F7AD0; } .a5ImgNavCount span {padding-top: 1px; font-size: 10px; display: block;} .a5ImgNav4 {top: 5px; left: 340px; display: none !important;} .a5ImgNav4 a span {background: url('../images/a5_pic_nav_bg.png') -340px -5px no-repeat; display: none !important;} .a5ImgNav4 a:hover span {background: url('../images/a5_pic_nav_a_bg.png') -340px -5px no-repeat; display: none !important;} .a5ImgNav5 {top: 5px; left: 368px;} .a5ImgNav5 a span {background: url('../images/a5_pic_nav_bg.png') -368px -5px no-repeat;} .a5ImgNav5 a:hover span {background: url('../images/a5_pic_nav_a_bg.png') -368px -5px no-repeat;} .a5ImgNav6 {top: 5px; left: 396px;} .a5ImgNav6 a span {background: url('../images/a5_pic_nav_bg.png') -396px -5px no-repeat;} .a5ImgNav6 a:hover span {background: url('../images/a5_pic_nav_a_bg.png') -396px -5px no-repeat;} .a5ImgBigNav {display: block; position: absolute; width: 424px; height: 82px; top: 345px; background: #767F71 url('../images/a5_pic_select_bg.png') no-repeat} .a5ImgBigLeft {display: block; position: absolute; top: 10px; left: 10px; background: #B3B3B3} .a5ImgBigLeft a {display: block; position: relative; width: 17px; height: 62px; overflow: hidden;} .a5ImgBigLeft a span {display: block; position: absolute; width: 100%; height: 100%; background: url('../images/a5_pic_left_bt.png') no-repeat} .a5ImgBigLeft a:hover span {background: url('../images/a5_pic_left_a_bt.png') no-repeat} .a5ImgBigPics {display: block; position: absolute; height: 62px; width: 368px; top: 10px; left: 28px; overflow: hidden;} .a5ImgBigPics a {display: block; float: left; margin-right: 2px; border: 1px solid #000; overflow: hidden; position: relative; width: 58px} .a5ImgBigPics a:hover {border: 1px #2F7AD0 solid; } #image-thumbs { height: 60px; } .a5ImgBigRight {display: block; position: absolute; top: 10px; left: 397px;} .a5ImgBigRight a {display: block; position: relative; width: 17px; height: 62px; overflow: hidden;} .a5ImgBigRight a span {display: block; position: absolute; width: 100%; height: 100%; background: url('../images/a5_pic_right_bt.png') no-repeat} .a5ImgBigRight a:hover span {background: url('../images/a5_pic_right_a_bt.png') no-repeat} #a5ActionPane {position: relative; height: 70px;} .a5AP1 {display: block; position: absolute; top: 5px; left: 0; font: 11px Georgia, Times, serif; color: #225998;} .a5AP2 {display: block; position: absolute; top: 29px; left: 0;} .a5AP3 {display: block; position: absolute; top: 58px; left: 0; color: #999999} .a5AP4 {display: block; position: absolute; top: 7px; left: 200px; font: 11px Georgia, Times, serif; color: #225998;} .a5AP5 {display: block; position: absolute; top: 33px; left: 200px; font: 11px Georgia, Times, serif; color: #225998;} .a5AP6 {display: block; position: absolute; top: 58px; left: 200px; font: 11px Georgia, Times, serif; color: #225998;} .a5AP7 {display: block; position: absolute; top: 5px; left: 430px; color: #999999;} .a5AP7 span {color: #225998} .a5AP8 {display: block; position: absolute; top: 31px; left: 430px; color: #999999;} .a5AP8 span {color: #225998} .a5AP9 {display: block; position: absolute; top: 56px; left: 430px; color: #999999;} .a5AP9 span {color: #225998} /*------------------------------------------------- CONTENT - LEFT - STAR-RATING -------------------------------------------------*/ .a5star-rating, .a5star-rating a:hover, .a5star-rating a:active, .a5star-rating a:focus, .a5star-rating .a5current-rating{ background: url('../images/star.gif') left -1000px repeat-x; } .a5star-rating{ position:relative; width:75px; height:25px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top; clear: right; } .a5star-rating li{ display: inline; } .a5star-rating a, .a5star-rating .a5current-rating{ position:absolute; top:0; left:0; text-indent:-1000em; height:25px; line-height:25px; outline:none; overflow:hidden; border: none; } .a5star-rating a:hover, .a5star-rating a:active, .a5star-rating a:focus{ background-position: left bottom; } .a5star-rating a.one-star{ width:20%; z-index:6; } .a5star-rating a.two-stars{ width:40%; z-index:5; } .a5star-rating a.three-stars{ width:60%; z-index:4; } .a5star-rating a.four-stars{ width:80%; z-index:3; } .a5star-rating a.five-stars{ width:100%; z-index:2; } .a5star-rating .a5current-rating{ z-index:1; background-position: left center; } #a5CommentAddPane {background: #F2F2F2; height: 196px;} #a5CommentAddPane h2 {position: relative; color: #666666; height: 26px; border-bottom: 1px #fff solid; font: 11px Georgia, Times, serif; } #a5CommentAddPane h2 span {position: absolute; display: block; top: 6px; left: 10px;} #a5CommentAddTextarea { position: relative; height: 128px; border-bottom: 1px #fff solid;} #a5CommentAddTextarea p {float: right; width: 199px; border-left: 1px #fff solid; height: 128px; color: #666666} #a5CommentAddTextarea p span {display: block; padding: 10px;} #a5CommentAddTextarea p span {display: block; padding: 10px;} #a5CommentAddTextarea p span span {display: block; padding: 0px; margin-top: 15px} #a5CommentAddTextarea p span span span {display: inline; padding: 0px; margin-top: 0; color: #D73E38} #a5CommentAddTextareaHolder {display: block; position: absolute; width: 379px; height: 109px; top: 10px; left: 10px; background: #fff url('../images/a5_textarea_bg.png') no-repeat; overflow: hidden; } #a5CommentAddTextarea textarea {display: block; position: absolute; border: 0; top: 2px; left: 2px; width: 374px; height: 104px; font: 11px arial, helvetica, sans-serif; } #a5CommentAdder {clear: both; position: relative; height: 48px;} #a5CommentAdder input {position: absolute; top: 10px; left: 315px} #a5CommentAdder span {display: block; float: right; width: 199px; border-left: 1px #fff solid; height: 39px} .a5CommentTime {color: #999999} .a5CommentAuthor {float: right;} .a5sepa2 {clear: both; height: 5px; font-size: 1px; overflow: hidden} .a5sepa3 {clear: both; height: 9px; font-size: 1px; overflow: hidden} .a5CommentAction {height: 22px; position: relative;} .a5CAHow {display: block; position: absolute; color: #999999} .a5CASend {display: none; position: absolute; left: 190px; top: 2px; font: 11px Georgia, Times, serif;} .a5CAAllert {display: block; position: absolute; left: 415px; top: 2px; font: 11px Georgia, Times, serif; } .a5sepa {border: 0; height: 20px; background: #fff url('../images/horiz_sepa.png') 0 -10px repeat-x; clear: both;} .a5sepa4 {border: 0; height: 30px; background: #fff url('../images/horiz_sepa.png') 0 -10px repeat-x; clear: both;} /*------------------------------------------------- UPLOAD PAGE - A6 -------------------------------------------------*/ /*------------------------------------------------- UPLOAD PAGE A6 - RIGHT -------------------------------------------------*/ .a6Upload {margin-top: 20px; display: block; width: 330px; height: 25px; background: #FF7F01 url('../images/a6_upload_bt.png') no-repeat; } .a6Upload a {color: #ffe; display: block; position: relative; width: 330px; height: 25px;} .a6Upload a span {display: block; position: absolute; top: 5px; left: 10px; font: 12px Georgia, Times, serif;} .a6KnowledgeBaseHead {margin-top: 20px; height: 26px; background: #FF7F01 url('../images/a6_infos_bg.png') no-repeat; position: relative;} .a6KnowledgeBaseHead span {position: absolute; top: 5px; left: 10px; color: #fff; font: 12px Georgia, Times, serif;} .a6KnowledgeBase li {display: block; font: 11px Georgia, Times, serif; width: 330px; border-bottom: 1px solid #F2F2F2; background: #fff url('../images/a6_infos_right_arrow.png') right bottom no-repeat; } .a6KnowledgeBase li a {color: #FF6600; display: block; width: 330px;} .a6KnowledgeBase li a span {display: block; padding: 6px 20px 5px 10px;} #a6Subscibe {margin-top: 20px;} #a6Subscibe h2 {width: 330px; height: 26px; background: url('../images/a6_subscribe_head.png') no-repeat; position: relative;} #a6Subscibe h2 span {position: absolute; top: 5px; left: 10px; color: #666666; font: 12px Georgia, Times, serif;} #a6SubscribeForm {display: block; width: 330px; height: 63px; position: relative; background: #fff;} #a6SubscribeForm div {display: block; position: relative; border-bottom: 1px #F2F2F2 solid; height: 31px; background: url('../images/a6_subscribe_form.png') 10px 5px no-repeat;} .a6SubscribeInput {display: block; position: absolute; top: 6px; left: 13px; width: 300px; font-size: 11px; border: 0; background: none; } .a6SubscribeSubmit {position: absolute; top: 38px; left: 200px;} #a6SideBanner {background: #fff url('../images/a6_banner_bg_side.png') no-repeat; height: 270px; width: 330px; margin-top: 20px; position: relative;} #a6SideBanner div {display: block; position: absolute; top: 10px; left: 25px;} #a6RRSSSubscibe {margin: 20px 0; display: block; width: 330px; height: 25px; background: #FF7F00 url('../images/a6_subscribe_rss_bg.png') no-repeat; position: relative;} #a6RRSSSubscibe a {display: block; position: relative; width: 100%; height: 100%;} #a6RRSSSubscibe a span {position: absolute; top: 5px; left: 25px; color: #ffe; font: 12px Georgia, Times, serif;} #a6RRSSSubscibe a:hover {color: #ffe} /*------------------------------------------------- UPLOAD PAGE A6 - LEFT -------------------------------------------------*/ #lefta6 { width: 625px; float: left; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #fff; margin: 10px 0 2px 0; } #lefta6In {margin: 20px 10px 10px 10px;} .a6PrewievPane {display: block; height: 35px; border: 1px solid #FF7700; background: #FFE9D5 url('../images/a5_prewiev_pane_bg.png') repeat-x; margin-bottom: 20px; position: relative;} .a6PrewievPaneBottom {display: block; height: 35px; border: 1px solid #FF7700; background: #FFE9D5 url('../images/a5_prewiev_pane_bg.png') repeat-x; margin-top: 20px; position: relative;} .a6PrewievPane h2, .a6PrewievPaneBottom h2 {font-size: 14px; display: block; position: absolute; top: 7px; left: 10px; font-weight: bold;} .a6Next {display: block; position: absolute; top: 10px; left: 450px;} .a6PreviewBt2 {position: absolute; top: 8px; left: 505px; } #a6profile {background: #F2F2F2} #a6profile h2 {padding: 7px 10px; font: 11px Georgia, Times, serif; color: #666666; display: block; position: relative;} .a6spacerDiv {clear:both; position: relative; display: block; padding: 0; margin: 0; height: 1px; background: #fff; font-size: 0.1px; line-height: 1px; overflow: hidden; } .a6profDataCont { float: right; width: 400px; border-left: 1px solid #fff; font-weight: bold; } .a6padder {padding: 10px; position: relative;} .a6AvatarSelect {position: absolute; top: 15px; left: 70px; } .a6AvatarSelectMore {position: absolute; top: 40px; left: 70px;} .a6AvatarMoreCont { border: 1px #ccc solid; padding: 3px; margin-top: 3px; background: #fff} .a6AvatarCancel {background: #ccc; font-size: 11px; display: block; width: 50px;} .a6AvatarCancel span {display: block; background: #fff; padding: 3px; border-left: 1px #ccc solid; border-bottom: 1px #ccc solid; border-right: 1px #ccc solid;} .a6Field {width: 379px; height: 19px; position: relative; } .a6Field input {width: 375px; position: absolute; } .a6PreUploadCont {text-align: left;} .a6Uploader {width: 379px; height: 25px; background: #F2F2F2 /*url('../images/a6_select_bg.png') no-repeat*/; position: relative; } ..a6Uploader input {width: 381px !important;} .a6fileUploader {width: 381px !important;} .a6UploadedContent { border: 1px #7F9DB9 solid; background: #fff; margin-top: 10px; display: block; position: relative; padding-bottom: 10px} .a6UpImageCont {display: block; width: 50px; height: 50px; float: left; position: relative; padding: 5px 5px 5px 7px;} .a6UpImageCont a {display: block; width: 50px; height: 50px; position: relative;} .a6UpImageCont a span {position: absolute; width: 17px; height: 17px; background: url('../images/a6_img_del.png') no-repeat; top: 30px; left: 30px; display: block; } .a6UploadedContent h2 {height: 30px !important; display: block; background: #F2F2F2; position: relative;} .a6UploadTile {position: absolute; top: 5px; display: block; left: 10px; color: #000; font: 12px verdana, Times, serif;} .a6UploadProgress {position: absolute; display: block; top: 2px; left: 310px; width: 55px; height: 15px; padding: 2px;} .a6UploadProgress span {position: absolute; display: block; color: #333; font: 12px verdana, helvetica, sans-serif !important; top: 3px; left: 20px; font-weight: bold !important;} .a6padder3 {clear: both; height: 5px; font-size: 1px; overflow: hidden;} .a6Select {width: 379px; height: 25px; background: #F2F2F2 /*url('../images/a6_select_bg.png') no-repeat*/; position: relative; } .a6Select select {width: 379px; position: absolute; font-size: 13px; } .a6TextField {width: 379px; height: 89px; position: relative; } .a6TextField textarea {width: 379px; height: 89px; position: absolute;} .a6TextFieldBig {width: 379px; height: 289px; position: relative; } .a6TextFieldBig textarea {width: 379px; height: 289px; position: absolute;} .a6FieldCont {position: relative;} .a6FieldCont p { background: #fff url('../images/allert.gif') 2px 2px no-repeat; margin-top: 8px; color: #000; font-size: 11px; font-weight: bold; position: relative; height: 25px; border: 1px #FFC28C solid;} .a6FieldCont p span {display: block; font-weight: bold; position: absolute; top: 5px; left: 25px;} .a6UploadBt {position: absolute; top: 0px; left: 298px;} .a6PreviewBt {position: absolute; top: 21px; left: 291px; display: none;} .a6SendBt {float: right; margin: 5px 10px; display: none;} .a6padder2 {clear: both; height: 1px; font-size: 1px; overflow: hidden;} .a6profDataLabel {display: block; position: relative; width: 199px; float: left;} .a6high100 {height: 120px;} .a6high35 {height: 150px;} .a6profDataLabel span {display: block; position: absolute; top: 10px; left: 10px;} .a6profDataLabelDesc {display: block; position: relative;} .a6profDataLabelDesc span {color: #666666; display: block; font-size: 11px; position: absolute; width: 190px; top:30px; left: 10px;} .a6profDataLabel span span {display: none; position: absolute; text-align: right; left: 105px; top: 0px; width: 80px;} .a6profDataLabel span span a {color: #FF6600} .a6colorOrange {color: #FF6600 !important} .a6dataLabelInfo {color: #666666; font-size: 11px;} /*------------------------------------------------- UPLOAD PAGE A7 - ALLERT LAYER -------------------------------------------------*/ #a7logLayer {width: 500px; background: #F2F2F2; margin: 30px auto; } #a7logLayer a {color: #225998;} #a7logLayer h1 {display: block; position: relative; width: 500px; height: 30px; background: #bbb url('../images/a2_head_bg.png') repeat-x; } #a7logLayer h1 span {position: absolute; top: 8px; left: 10px; color: #000; font: 12px Georgia, Times, serif;} #a7left {width: 500px; float: left;} .a7spacerDiv {clear:both; position: relative; display: block; padding: 0; margin: 0; height: 1px; background: #333; font-size: 0.1px; line-height: 1px; overflow: hidden; } .a7regDesc {padding: 10px 40px; background: url('../images/allert.gif') 15px 8px no-repeat} .a7regDescCommon {padding: 10px 40px;} #a7foot {position: relative; width: 500px; height: 31px;clear: both;} .a7OkBt {display: block; position: absolute;top: 6px; left: 410px;} /*------------------------------------------------- SEND LAYER - A8 -------------------------------------------------*/ #a8regLayer {width: 500px; background: #F2F2F2; margin: 30px auto; } #a8regLayer a {color: #225998;} #a8regLayer h1 {display: block; position: relative; width: 500px; height: 30px; background: #bbb url('../images/a2_head_bg.png') repeat-x; } #a8regLayer h1 span {position: absolute; top: 8px; left: 10px; color: #000; font: 12px Georgia, Times, serif;} #a8left {width: 300px; float: left; border-right: 1px #333 solid;} .a8spacerDiv {clear:both; position: relative; display: block; padding: 0; margin: 0; height: 1px; background: #333; font-size: 0.1px; line-height: 1px; overflow: hidden; } .a8regDesc {margin: 10px;} .a8regFormLabel {display: block; position: relative; width: 124px; float: left;} .a8regFormLabel span {display: block; position: absolute; top: 3px; left: 10px;} .a8regFormCont { float: right; width: 175px; border-left: 1px solid #333; } .a8formBg {width: 156px; height: 19px; background: #fff url('../images/a2_reg_form_bg.png') no-repeat; position: relative; margin: 3px 0 3px 10px;} .a8FieldInput {border: 0; background: none; width: 152px; height: 15px; font-size: 12px; position: absolute; top: 2px; left: 2px; } .a8cbDesc {float: right; width: 265px; border-left: 1px #333 solid;} .a8cbDesc span {display: block; margin: 5px 10px;} .a8cbDescFlr {display: block; float: right;} .a8cbCont {display: block; width: 32px; position: relative; float: left;} .a8cbCont input {display: block; position: absolute; top: 3px; left: 6px;} .a8Captcha {display: block; margin: 10px;} .a8allert {background: #fff url('../images/allert.gif') no-repeat; color: #000; font-weight: bold; margin: 0 10px 5px 10px; height: 20px; font-size: 11px; clear: both; position: relative;} .a8allert span {display: block; position: absolute; top: 3px; left: 25px;} .a8allert2 {display: block; background: #fff url('../images/allert.gif') no-repeat; color: #000; font-size: 11px; font-weight: bold; position: relative; height: 20px;} .a8allert2 strong {display: block; font-weight: bold; position: absolute; top: 3px; left: 25px;} #a8right {float: right; width: 179px; padding: 10px;} #a8rightpadder {width: 179px;} #a8rightpadder h2 {font-weight: bold; margin-bottom: 14px;} #a8rightpadder p {margin-bottom: 15px;} #a8foot {position: relative; width: 500px; height: 31px; border-top: 1px solid #333;clear: both;} .a8Submit {display: block; position: absolute; top: 6px; left: 10px;} .a8CancelBt {display: block; position: absolute;top: 6px; left: 410px;} /*------------------------------------------------- SEARCH, TAG, CATEGORY PAGE - A9 -------------------------------------------------*/ /*------------------------------------------------- SEARCH, TAG, CATEGORY PAGE - A9 - LEFT -------------------------------------------------*/ #leftSpacer {display: block; float: left; width: 10px; height: 400px;} #lefta9 { width: 625px; float: left; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #fff; margin: 10px 0 2px 0; } #lefta9In {margin: 20px 10px 10px 10px;} .a9h1Title {font-size: 16px; border-bottom: 1px solid #ddd; padding-bottom: 10px; font-weight: bold;} .a9noResult {margin-top: 15px;} .a9AvatarContainer {display: block; float: right; margin: 0 0 10px 10px;} .playerContainer {float: left; margin-right: 10px; width: 207px; height: 181px;} #lefta9 .a9lead2 h1 {font-size: 18px; font-weight: bold; margin-bottom: 20px;} .a9spacera {height: 3px;} .a9PostAuthor {margin-bottom: 4px;} .a9PostDate {color: #999999;} .a9Tags {color: #999999;} .sepa {border: 0; height: 30px; background: #fff url('../images/horiz_sepa.png') repeat-x; clear: both;} .a9AvatarContainerB {float: right; margin: 10px 0 0 0} .a9menuin {background: #F2F2F2; height: 31px;} .a9menuin li {height: 26px; display: block; float: left; width: 201px; font: 11px Georgia, Times, serif;} .a9menuin li.act a {position: relative; display: block; width: 199px; height: 25px; border-right: 1px #ffe solid; background: #F2F2F2 url('../images/a1_tab_a.png') no-repeat; overflow: hidden;} .a9menuin li.inact a {position: relative; display: block; width: 199px; height: 25px; border-right: 1px #ffe solid; border-bottom: 1px #fff solid; background: #fff url('../images/a1_tab_ia.png') no-repeat; overflow: hidden; } .a9menuin li a span {display: block; position: absolute; top: 5px; left: 10px;} .a9lead2 {clear: both; border-bottom: 1px #fff solid; } .a9lead2 div {} .a9lead2 h2 {font-weight: bold; font-size: 13px; margin: 0 0 4px 0;} .a9PostPic { display: block; position: relative; width: 160px; height: 120px; border: 1px #bbb solid; float: left; margin: 0 10px 10px 0} .a9spacerb {width: 100%; height: 15px; display: block; position: relative; font-size: 15px;} .bannerCont { position: relative; background: #F2F2F2 url('../images/a1_banner_bg.png') no-repeat; height: 140px; width: 599px;} .bannerCont div {display: block; position: absolute; top: 10px; left: 75px;} /*------------------------------------------------- SEARCH, TAG, CATEGORY PAGE - A9 - RIGHT edi -------------------------------------------------*/ #rightSpacer {display: block; float: right; width: 20px; height: 400px; } #right { display: block; float: right; width: 330px; margin: 0px 0 10px 0; border-top: 1px #ddd solid;} .a9Upload {margin-top: 20px; display: block; width: 330px; height: 25px; background: #FF7F01 url('../images/a1_upload_bt.png') no-repeat; } .a9Upload a {color: #ffe; display: block; position: relative; width: 330px; height: 25px;} .a9Upload a span {display: block; position: absolute; top: 5px; left: 10px; font: 12px Georgia, Times, serif;} .a9becomeHead {margin-top: 20px; display: block; width: 330px; height: 25px; background: #FF7F00 url('../images/a1_sidebar_head_bg.png') no-repeat; position: relative;} .a9becomeHead span {display: block; position: absolute; top: 5px; left: 10px; color: #ffe; font: 12px Georgia, Times, serif;} .a9becomeContainer {background: #fff; width: 330px; height: 222px;} #a9Subscibe {margin-top: 20px;} #a9Subscibe h2 {width: 330px; height: 26px; background: url('../images/a1_subscribe_head.png') no-repeat; position: relative;} #a9Subscibe h2 span {position: absolute; top: 5px; left: 10px; color: #666666; font: 12px Georgia, Times, serif;} #a9SubscribeForm {display: block; width: 330px; height: 63px; position: relative; background: #fff;} #a9SubscribeForm div {display: block; position: relative; border-bottom: 1px #F2F2F2 solid; height: 31px; background: url('../images/a1_subscribe_form.png') 10px 5px no-repeat;} .a9SubscribeInput {display: block; position: absolute; top: 6px; left: 13px; width: 300px; font-size: 11px; border: 0; background: none; } .a9SubscribeSubmit {position: absolute; top: 38px; left: 200px;} #a9SideBanner {background: #fff url('../images/a1_banner_bg_side.png') no-repeat; height: 270px; width: 330px; margin-top: 20px; position: relative;} #a9SideBanner div {display: block; position: absolute; top: 10px; left: 25px;} #freshComments {margin-top: 20px;} #freshComments h2.head {width: 330px; height: 26px; background: url('../images/a1_freshcomments_head.png') no-repeat; position: relative;} #freshComments h2 span {position: absolute; top: 5px; left: 10px; color: #666666; font: 12px Georgia, Times, serif;} .a9Rlead2 {clear: both; background: #fff; border-bottom: 1px #F2F2F2 solid; padding: 10px;} .a9RAvatarContainer {display: block; float: right; margin: 0 0 10px 10px;} .a9Rlead2 h2 {font-weight: bold; font-size: 13px; margin: 0 0 4px 0;} .a9RPostAuthor {margin-bottom: 4px;} .a9RPostDate {color: #999999;} .a9RTags {color: #999999;} .a9RComm {margin-top: 3px;} #a9RProf {margin-top: 20px;} #a9RProf h2 {width: 330px; height: 26px; background: #2562A7 url('../images/a1_prof_head_bg.png') no-repeat; position: relative;} #a9RProf h2 span {position: absolute; top: 5px; left: 10px; color: #ffe; font: 12px Georgia, Times, serif;} .a9RProfCont {background: #CCCCCC; padding: 5px 10px; border-bottom: 1px #F2F2F2 solid;} .a9RProfCont h3 {font-weight: bold; margin-bottom: 4px;} .a9RProfMore {margin-top: 4px;} #a9RRSSSubscibe {margin: 20px 0; display: block; width: 330px; height: 25px; background: #FF7F00 url('../images/a1_subscribe_rss_bg.png') no-repeat; position: relative;} #a9RRSSSubscibe a {display: block; position: relative; width: 100%; height: 100%;} #a9RRSSSubscibe a span {position: absolute; top: 5px; left: 25px; color: #ffe; font: 12px Georgia, Times, serif;} #a9RRSSSubscibe a:hover {color: #ffe} /*------------------------------------------------- ADMIN PAGE - A10 -------------------------------------------------*/ h2.a10AdminHead a span {background: #F2F2F2 url('../images/a10_riporter_admin_head.png') no-repeat !important;} .a10DescH2 {font-size: 14px; margin: 10px 0 10px 0} #a10NavBar {width: 1000px; height: 70px; position: relative;} #a10NavBar ul {background: #eaf3fd url('../images/a10_menu_bg.png') 0 40px repeat-x; margin: 0 10px; display: block; height: 41px;overflow: hidden;} #a10NavBar ul li {display: block; float: left; margin-right: 5px; width: 165px; height: 35px; text-align: center; margin-top: 5px} #a10NavBar ul li.active {border-top: 1px solid #c6dff9; border-left: 1px solid #c6dff9; border-right: 1px solid #c6dff9; background: #f2f2f2; } #a10NavBar ul li a span, #a10NavBar ul li span {display: block; margin-top: 6px;} #a10NavBar ul li span {font-weight: bold;} #a10NavBar div {margin: 10px 0 0 20px; font-weight: bold; font-size: 11px;} #a10NavBar div span {font-weight: normal;} #a10NavBar div a {font-weight: normal} #a10Table { width: 600px;} #a10Table tr td {border-bottom: 1px solid #cccccc; padding: 3px 10px 5px 3px} .a10TableAction {background: #c2cdd8} .a10TableAction div {float: right; margin: 3px 10px 0 0} .a10TableLAbels {background: #c2cdd8 url('../images/a10_admin_table_bg.png') repeat-x;} /*------------------------------------------------- RSS PAGE - A11 -------------------------------------------------*/ .a11RssCont h2 {font-size: 18px; font-weight: bold; margin-bottom: 15px;} .a11RssCont h3 {font-size: 14px; font-weight: bold; margin-bottom: 15px; margin-top: 15px} .a11RssCont p.a11rss { display: block; position: relative; background: #fff url('../images/a11_rss_icon.png') 0 1px no-repeat; padding-left: 20px; margin: 3px 0 3px 10px;} /*------------------------------------------------- FAQ PAGE - A12 -------------------------------------------------*/ .a12FaqCont h2 {font-size: 18px; font-weight: bold; margin-top: 30px; margin-bottom: 15px;} .a12FaqCont h3 {font-size: 14px; font-weight: bold; margin-bottom: 15px; margin-top: 15px; background: #f2f2f2; padding: 10px; border-top: 1px solid #ddd} .a12FaqCont p {margin: 2px 0 8px 0} .a12FaqCont img {border: 2px solid #000; margin: 20px} .a12FaqCont p.a11rss { margin: 3px 0 3px 10px;} .a12FaqCont ul {margin: 15px 0 15px 0; padding-left: 20px;} .a12FaqCont ul li {margin-bottom: 5px; list-style-type: circle;} /*------------------------------------------------- Adatvédelem, Impresszum - A13 -------------------------------------------------*/ .a13Foot h2 {font-size: 18px; font-weight: bold; margin-bottom: 15px;} .a13Foot h3 {font-size: 14px; font-weight: bold; margin-bottom: 15px; margin-top: 15px} .a13Foot p {margin: 2px 0 8px 0} .a13Foot img {border: 2px solid #000; margin: 20px} /*------------------------------------------------- Admin szerkesztes - A14 -------------------------------------------------*/ .a14Title {font-size: 15px; font-weight: bold; padding: 5px 5px 7px 10px; background: #ffcfa0; border-top: 1px solid #ff7f00; margin-bottom: 5px;} .a14Title span {color: #ff7f00} .a14leftAdminSmall {width: 500px;} .a14spacerDiv {overflow: hidden; display: block; position: relative; height: 1px; background: #bbb; margin-top: 10px; margin-bottom: 10px;} /*------------------------------------------------- FOOT -------------------------------------------------*/ #foot { display: block; position: relative; height: 148px; background: #fff url('../images/footer_bg.png') no-repeat; /*background-color: #fff*/; overflow: hidden; clear: both !important;} #footSponsor {display: block; position: absolute; width: 1000px; height: 60px; top: 0; left: 0;} #footMenu {display: block; position: absolute; width: 920px; top: 66px; left: 40px; font: 11px Georgia, Times, serif; } #footMenu a {color: #4B4B4B; text-decoration: none;} #footMenu a:hover {text-decoration: underline;} #footMenu .floatRight {display: block; float: right;} .sikerLogo {display: block; position: absolute; width: 132px; height: 37px; top: 95px; left: 25px; } .sikerLogo span {display: block; position: absolute; width: 100%; height: 100%; background: #fff url('../images/footer_bg.png') -25px -95px no-repeat;} .figyeloLogo {display: block; position: absolute; width: 132px; height: 37px; top: 95px; left: 235px;} .figyeloLogo span {display: block; position: absolute; width: 100%; height: 100%; background: #fff url('../images/footer_bg.png') -235px -95px no-repeat;} .hirstartLogo {display: block; position: absolute; width: 132px; height: 37px; top: 95px; left: 435px; } .hirstartLogo span {display: block; position: absolute; width: 100%; height: 100%; background: #fff url('../images/footer_bg.png') -435px -95px no-repeat;} /*------------------------------------------------- LIGHTBOX -------------------------------------------------*/ #overlay img{ border: none; } #overlay{ background-image: url('../images/overlay.png'); } * html #overlay{ back/ground-color: transparent; background-image: url('../images/blank.gif'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/images/overlay.png', sizingMethod="scale"); } .hidden { display:none; } .font-highlight { background-color: #FFDA2F; } #dialog { display:none; position: absolute; top:20%; left:45%; z-index:9999; margin:-120px 0 0 -210px; text-align:left; color: #393733; }