body { font-size: 16px; color: #fff; margin: 0 auto; font-family: 'HVLTStd-Roman', Sans-Serif; } #container {width: 1024px; margin: 0 auto; overflow: hidden; position: relative; } /*** general ***/ .clear { clear: both; } .float_left { float: left; } .float_right { float: right; } .float_none { float: none; } .wspace_bottom { margin-bottom: 12px; } .wspace_top { margin-top: 12px; } .wspace_top_none { margin-top: 0; } .wspace_bottom_none { margin-bottom: 0; } img { border: none; } img.left { float: left; margin: 0 12px 12px 0; } img.right { float: right; margin: 0 0 12px 12px; } img.center { margin: 0 auto; display: block; } p { margin: 16px 0; text-align:justify; clear: both; } p.clear_none { clear: none; } p.faq_wspace_top { margin-top: 50px; } hr { border: 2px solid #FB1C24; clear: both; margin: 40px 0; } /*** links ***/ a:link { text-decoration: underline; color: #fff; } a:hover, a:visited { text-decoration: none; color: #fff; } /*** masthead ***/ #header { width: 100%; height: 125px; background:url(/images/bursa_wrmp/bullhunt/nav-bg.jpg) top left; -webkit-box-shadow: 0px 5px 12px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 5px 12px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 5px 12px 0px rgba(50, 50, 50, 0.75); margin-bottom: 46px; } /*** logo ***/ #tbhlogo { float: left; width: 158px; height: 78px; margin: 23px 0 0 30px; } .tg { text-align: right; font-size: 29px; font-family: 'HVLTStd-Th', Sans-Serif; position:relative; top: -5px; color: #002157; } .bursa { text-align: right; font-size: 68px; font-family: 'HVLTStd-BlkCn', Sans-Serif; position:relative; top: -37px; color: #002157; } .bh { text-align: right; font-size: 21px; font-family: 'HVLTStd-MdCn', Sans-Serif; position:relative; top: -58px; color: #002157; } /*** main navigation ***/ #main-nav { float: right; width: 787px; height: 75px; margin: 25px 30px 0 0; } #nav-top { float: left; width: 787px; height: 33px; border-bottom: 3px solid #790000; padding-bottom: 2px; } #welcome { float: left; width: 65px; line-height: 20px; background: rgba(0,0,0,.5); text-align: center; margin-top: 8px; font-size: 0.8em; } #navigation { float: right; list-style: none; padding: 0; margin-top: 12px; font-size: 0.9em; } #navigation li { display: inline; margin: 0 5px 0 5px; color: #4e3e34; } #navigation li a { color: #4e3e34; text-decoration: none; } #navigation li a:hover { color: #4e3e34; font-weight: bold; } #navigation li.active { font-weight: bold; } #nav-bottom { float: left; width: 787px; height: 33px; padding-top: 3px; } #user-name { float: left; text-align: left; color: #4e3e34; font-size: 0.8em; font-family: 'HVLTStd-Hv', Sans-Serif; padding-left: 2px; } /*** icon ***/ #share { float: right; padding-top: 3px; } /*** container background ***/ .the_bull_hunt { background: url(/images/bursa_wrmp/bullhunt/overview-bg.jpg) bottom left no-repeat; } .questions { background: url(/images/bursa_wrmp/bullhunt/q-bg.jpg) bottom left no-repeat; } .faq { background: url(/images/bursa_wrmp/bullhunt/faq-bg.jpg) bottom left; } .winner { background: url(/images/bursa_wrmp/bullhunt/wwinner-bg.jpg) bottom left; } .contact { background: url(/images/bursa_wrmp/bullhunt/contact-bg.jpg) bottom left; } /*** typography ***/ h1 { font-size: 26px; font-family: 'HVLTStd-Hv', Sans-Serif; color: #fff; text-transform: uppercase; } h1.broker_week { font-size: 40px; font-family: 'HVLTStd-Hv', Sans-Serif; text-transform: uppercase; line-height: 0; margin-top:15px; } h2 { font-size: 23px; font-family: 'HVLTStd-Lt', Sans-Serif; color: #fff; font-weight: normal; text-transform: uppercase; } h3 { font-size: 20px; font-family: 'HVLTStd-Hv', Sans-Serif; color: #fff; text-transform: uppercase; } h4 { font-size: 18px; font-family: 'HVLTStd-Roman', Sans-Serif; color: #fff; text-transform: uppercase; } h5 { font-size: 16px; font-family: 'HVLTStd-Hv', Sans-Serif; color: #fff; } h6 { font-size: 12px; font-family: 'HVLTStd-Hv', Sans-Serif; color: #fff; } h5.reg { font-size: 12px; font-family: 'HVLTStd-Roman', Sans-Serif; color: #fff; } .footnote { font-style: italic; font-size: 12px; } .error { color: #F6FF00; font-size: 0.7em; } ul.error { margin: 0; padding: 0 0 0 13px; } .bm_error { color: #F6FF00; font-size: 0.7em; } ul.bm_error { margin: 0; padding: 0 0 0 13px; } .labels { font-family: 'HVLTStd-Roman', Sans-Serif; } p .question, p .faq_answer { font-family: 'HVLTStd-Hv', Sans-Serif; margin-right: 10px; } /*** general button ***/ a.button, div.button, #feedback .button { float: left; font-family: 'HVLTStd-Hv', Sans-Serif; font-size: 13px; margin: 10px 20px 0 0; color: #000; text-decoration: none; } a.button.red, div.button.red { border-bottom: 3px solid #790000; } a.button.blue, div.button.blue, #feedback .button.blue { border-bottom: 3px solid #005b7f; } a.button.brokerpage, #user-name .button { float: none; } /*** grid ***/ .grid3 { width: 920px; } .grid2 { width: 602px; } .grid1 { width: 286px } .gridHalfLeft { width: 428px; float: left; padding-right: 30px; border-right: 4px solid #FB1C24; } .gridHalfRight { width: 428px; float: left; padding-left: 30px; } .grid1, .grid2, .grid3, .gridHalf { float: left; margin: 0 30px 0 0; } .grid1.last { margin-right: 0} .grid1.float_right { float: right; } .grid1.feedback { margin-left: 237px; } .grid2.feedback { margin-left: 237px; } /*** highlighted box ***/ .block_highlight { padding: 20px; } .block_highlight.red { background: rgba(0,0,0,0.7); } .block_highlight.blue { background: rgba(0,0,0,.75); } /*** content ***/ #content { width: 920px; height: auto; padding: 0 52px 52px 52px; } #content.the_bull_hunt { padding-bottom: 450px; } #content.questions { padding-bottom: 500px; } #content.winner { padding-bottom: 350px; } #content.faq { padding-bottom: 350px; } #content.contact { padding-bottom: 250px; } /*** answer box ***/ .answer { width: 300px; height: 35px; line-height: 35px; float: left; margin: 0 20px 20px 0; position: relative; } .answer .answer_box_top { width: 240px; height: 35px; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 20; } .answer .answer_box_bottom { width: 240px; height: 35px; position: absolute; top: 5px; left: 5px; background: rgba(0,0,0,0.5); z-index: 10; } .answer .input { width: 215px; padding-left: 10px; line-height: 30px; position: absolute; left: 0; top: 0; z-index: 30; font-size: 16px; } /*** FAQ ***/ .faq_list { list-style: decimal; margin: 0 0 0 20px; padding:0; } .faq_list li { margin-bottom: 30px; } .faq_list table { margin-top: -8px;} .faq_list table tr.header { background: rgba(0,0,0,.75); } .faq_list table td, .faq_list table tr.header th { padding: 5px 15px;} .faq_list table td { background: rgba(0,0,0,.35)} /*** contact ***/ .contact h1, .contact h3, .contact p, .contact a:link, .contact a:hover, .contact a:visited { color: #534741; } .contact h1.contact { margin-top: 80px; } /*** feeback form ***/ #feedback { width: 445px; } #feedback label { float: left; width: 425px; height: 22px; padding: 3px 10px 0 10px; background: rgba(0,0,0,.6); } #feedback input, #feedback textarea { width: 415px; height: 25px; border: none; background: none; padding: 0 5px 0 5px; color: #534741; } #feedback textarea { min-height: 170px !important; border: 10px solid rgba(0,0,0,.6); background: none; margin-top: 0; } /*#feedback .leftBorder.textarea, #feedback .rightBorder.textarea { min-height: 180px !important; }*/ #feedback .leftBorder { float: left; width: 10px; height: 25px; background: rgba(0,0,0,.6);} #feedback .rightBorder { float: right; width: 10px; height: 25px; background: rgba(0,0,0,.6);} #feedback .bottom { float: left; width: 425px; height: 12px; padding: 3px 10px 0 10px; background: rgba(0,0,0,.6); } #feedback .submit { width: auto !important } /*** footer ***/ #footer { width: 100%; height: 85px; position: absolute; bottom: 0;} #footer.the_bull_hunt { background: url(/images/bursa_wrmp/bullhunt/footer-tbh.jpg); } #footer.questions { background: url(/images/bursa_wrmp/bullhunt/footer-q.jpg); } #footer.faq { background: url(/images/bursa_wrmp/bullhunt/footer-faq.jpg); } #footer.winner { background: url(/images/bursa_wrmp/bullhunt/footer-wwinner.jpg); } #footer.contact { background: url(/images/bursa_wrmp/bullhunt/footer-contact.jpg); } a.tnc { text-decoration: none; color: #fff; float: left; padding: 35px 0 0 30px; font-size: 11px; font-family: 'HVLTStd-Roman',Sans-Serif; } img.bursalogo { float: right; padding: 29px 30px 0 0; } /*** fixed ***/ .fixed:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .fixed { display: block; } /* \*/ .fixed{ min-height: 1%; } * html .fixed { height: 1%; } /*** fancybox ***/ a.fancybox, a:hover.fancybox { text-decoration: none} #fancy_inline, #fancy_inline2 { width:400px; padding: 20px; height: auto; display: none; } #fancy_inline h3, #fancy_inline2 h3, #fancy_inline h4, #fancy_inline2 h4, #fancy_inline p, #fancy_inline2 p { color: #000; } #fancy_inline h4, #fancy_inline2 h4 { margin-bottom: 5px;} #fancy_inline p, #fancy_inline2 p { font-size: 0.9em } #fancy_inline .error { color: #ff0000; font-size: 0.7em; } #fancy_inline p.lightbox-ans, #fancy_inline2 p.lightbox-ans { color: #666; font-size: 0.8em;} /*** Registration ***/ #reg_container { width: 1024px; min-height: 800px; margin: 0 auto; overflow: hidden; background:url(/images/bursa_wrmp/bullhunt/login-bg.jpg) bottom left;} #left-content { float: left; width: 432px; margin: 50px 35px 0 35px; } #reg_tbhlogo { width: 432px; height: 300px; float: left; } #reg_tg { width: auto; height: auto; font-family: 'HVLTStd-Th', Sans-Serif; font-size: 83px; position: relative; left: 8px; text-align: right;} #reg_bursa { width: auto; height: auto; font-family: 'HVLTStd-BlkCn', Sans-Serif; font-size: 185px; position: relative; text-align: right; left: 0px; top: -85px;} #reg_bh { width: auto; height: auto; font-family: 'HVLTStd-MdCn', Sans-Serif; font-size: 61px; position: relative; left:; text-align: right; left: 13px; top: -144px;} #reg_tagline { font-family: 'HVLTStd-Th', Sans-Serif; font-size: 50px; position: relative; } #reg_tagline .amount { font-family: 'HVLTStd-Hv', Sans-Serif; font-size: 75px; } #reg_tagline .thousand { font-family: 'HVLTStd-Hv', Sans-Serif; font-size: 48px; } #reg_tagline .won { position: absolute; top: 50px; right: 0; } #reg_tagline .note { font-size: 13px; text-align: right; font-family: 'HVLTStd-Roman', Sans-Serif; position: absolute; top: 115px; right: 0; } #arrow { width: 39px; height: 54px; position: relative; left: 480px; top: 200px; background: url(/images/bursa_wrmp/bullhunt/arrow.png) no-repeat; } #right-content { float: right; width: 432px; margin: 50px 35px 0 35px; } #log-reg-form { float: left; width: 424px; margin-left: 15px; height: auto; } #loginform { margin-top: 5px; } .formbg { background-color: #000; opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */ } label { font-size: .8em; } #log-form { float: left; width: 424px; height: auto; margin-bottom: 15px; } #logform { float: left; width: 250px; } a.reg { font-family: 'HVLTStd-Hv', Sans-Serif; color: #000; text-decoration: none; font-size: 13px; } .reg { font-family: 'HVLTStd-Hv', Sans-Serif; color: #000; text-decoration: none; font-size: 13px; } .reg_buttons { float: left; width: 240px; height: 25px; margin-top: 5px; } .reg_buttons .btn-border1, #form-btns .btn-border1 { height: 20px; border-bottom: 3px solid #005b7f; margin: 0; } .reg_buttons .Lbutton { float: left; width: 50px; margin: 0 8px 0 0;} .reg_buttons .Cbutton { float: left; width: 110px; } .reg_buttons .Rbutton { float: right; } .reg_buttons .submit { float: right; width: 50px; } .reg_buttons .logout { float: right; width: 42px; } .reg_buttons .back { float: right; width: 35px; } .reg_buttons .back a { text-decoration: none; color: #000; } .reg_buttons input.login { float: left; font-size: 13px; width:40px; height: auto; font-family: 'HVLTStd-Hv', Sans-Serif; color: #000; } .reg_buttons input.submit { width:50px; height: auto; font-family: 'HVLTStd-Hv', Sans-Serif; color: #000; } .LogSign { width: 240px; height: auto; float: left; } /*#signin { width: 70px; float: left; }*/ #vids { float: left; height: auto; margin: 15px 0; } .videos { float: left; width: 250px; height: 175px; background: #000; margin-bottom: 20px; } #reg-form { float: left; width: 424px; height: auto; margin-bottom: 15px; display: none; } #regform { float: left; width: 250px; margin-top: 5px; } input { width: 210px; height: 25px; border: none; background: none; padding: 0 5px 0 5px; color: #fff; } input.input2 { width: 70px; height: 25px; } input.input3 { width: 120px; height: 25px; } .labeltext2 { width: 80px; margin-right: 10px; float:left; } .labeltext3 { width: 130px; float:left; } .error-with-field span.error { position: relative; top: -18px; left: 240px; color: #f6ff00; font-family: 'HVLTStd-Roman', Sans-Serif; font-size: .7em; } .gap { float: left; width:240px; height: 10px; } .labels { float: left; width: 220px; height: 22px; padding: 3px 10px 0 10px; } .inputs { float: left; width: 240px; height: 25px; } .Linput { float: left; width: 10px; height: 25px; } .Cinput { float: left; width: 220px; height: 25px; } .Cinput2{ float: left; width: 80px; height: 25px; } .Cinput3{ float: left; width: 130px; height: 25px; } .Rinput { float: right; width: 10px; height: 25px; } .labels-bottom { float: left; width: 220px; height: 12px; padding: 3px 10px 0 10px; } select { width: 220px; height: 25px; background: none; color: #fff; border: none; } select.country { width: 130px; } option { color: #000; } #reg-terms { float: left; width: 420px; margin-top: 15px; } input.agree { float: left; width: auto; height: auto; margin: 0px 15px 0 0; background: #fff; } #check-terms { float: left; width: 420px; height: auto; } #check-terms input { height: auto; width: auto; } #form-btns { width: 420px; height: auto; float: left; margin: 15px 0 ; } input.submit-reg { width: 60px; height: auto; font-family: 'HVLTStd-Hv', Sans-Serif; color: #000; } input.login, input.reset, input.submit-reg {cursor: pointer;} .submitbtn { width: 60px; float: right; } .logout { width: 43px; float: right; } .reg-tc { font-size: 11px; margin-top: 0} #footer { width: 1024px; height: 85px; margin: 0 auto ; background:url(/images/bursa_wrmp/bullhunt/footer-bg.jpg); } #reg_footer { width: 1024px; height: 85px; margin: 0 auto ; background:url(/images/bursa_wrmp/bullhunt/footer-bg.jpg); } #reg_logos { height: 27px; float: right; margin: 29px 0 0 0; } img.reg_kenangalogo, img.reg_mpluslogo, img.reg_bursalogo { float: left; width: 94px; height: 27px; margin-right: 30px; }