@import "fonts.css"; 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, caption, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; } 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, caption { vertical-align: baseline; } :focus { outline: 0; } a { cursor: pointer; text-decoration: none; } a:hover { text-decoration: none; outline: none; } a:active { text-decoration: none; color: inherit; outline: none; } a:hover img { text-decoration: none; } input:focus, select:focus { outline: none; } textarea { resize: none; } ul { list-style: none; } input, select { padding: 0; margin: 0; } body { cursor: default; background: #f6f6f6; } .reqElement { border: 1px solid red; } .FL { float: left !important; } .FR { float: right !important; } .w100 { width: 100%; } .mBot5 { margin-bottom: 5px; } .mBot10 { margin-bottom: 10px; } .mBot20 { margin-bottom: 20px; } .mBot30 { margin-bottom: 30px; } .mTop5 { margin-top: 5px; } .mTop20 { margin-top: 20px; } .mTop25 { margin-top: 25px; } .globaLinkTitle { width: 100%; height: 20px; display: block; overflow: hidden; margin-bottom: 10px; float: left; } .globaLinkTitle .cap { height: 20px; display: inline-block; color: #333; font: bold 15px/20px 'Metropolis Bold'; } .s { background: transparent url(../images/b_sprite.png) no-repeat; } .s2 { background: transparent url(../images/spriteV2.png) no-repeat; } .sBg { background: transparent url(../images/sBg.png) repeat-x; } select { display: inline-block; height: 32px; border: 1px solid #c0b6b6; padding: 6px; color: #615c5c; font: bold 13px/18px 'Metropolis Bold'; } select.maxW200 { max-width: 200px; } input[type="text"] { display: inline-block; height: 18px; border: 1px solid #c0b6b6; padding: 6px; color: #615c5c; font: bold 14px/18px 'Metropolis Bold'; } input[type="text"]:disabled { background: #f5f5f5; } .gloBttn { display: inline-block; height: 18px; border: 1px solid #e69343; padding: 6px 10px; color: #fff; font: bold 12px/18px 'Metropolis Bold'; background-position: 0 -560px; box-sizing: inherit; -moz-box-sizing: inherit; -webkit-box-sizing: inherit; cursor: pointer; } .gloBttn:hover { background: #ff8a1a; color: #fff; } .gloBttn2 { display: inline-block; height: 18px; border: 1px solid #e8dfdf; padding: 6px 10px; color: #000; font: bold 12px/18px 'Metropolis Bold'; background-position: 0 -520px; box-sizing: inherit; -moz-box-sizing: inherit; -webkit-box-sizing: inherit; cursor: pointer; } .gloBttn2:hover { background: #f7f5f5; color: #444; } .gloBttn3 { display: inline-block; height: 18px; border: 1px solid #e69343; padding: 6px 10px; color: #fff; font: bold 12px/18px 'Metropolis Bold'; background-position: 0 -560px; cursor: pointer; box-sizing: inherit; -moz-box-sizing: inherit; -webkit-box-sizing: inherit; cursor: pointer; } .gloBttn3:hover { background: #ff8a1a; color: #fff; } .ie7 .gloBttn, .ie7 .gloBttn2, .ie7 .gloBttn3 { height: 30px; line-height: 30px; padding: 0 10px; box-sizing: initial; -moz-box-sizing: initial; -webkit-box-sizing: initial; } .processButton { background: transparent url(../images/kapitalfx_button_bloomberght_v2.png); height: 30px; width: 251px; } .cellFull { width: 100%; } .cellLeft { float: left; } .cellRight { float: right; } /* DFP GERMANY-AUSTRIA */ #adl_sb_table { width: 985px; } /* DFP GERMANY-AUSTRIA */ /* BIGBOX MODAL */ .bigModalBg { width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; z-index: 10000001; background: rgba(51, 51, 51, 0.9); } .bigModalBox { width: 600px; display: none; position: fixed; top: 50%; left: 50%; z-index: 10000002; margin: -300px 0 0 -300px; background: #fff; } .bigModalCnt { width: 100%; height: 100%; display: block; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .bigModalCnt .bmContainer { width: 100%; display: inline-block; } .bmContainer .fbAlert { width: 100%; display: inline-block; margin: 10px 0; font: normal 14px/30px 'Metropolis Medium'; color: #000; } .bmContainer .fbAlert small { width: 30px; height: 30px; display: block; float: left; margin-right: 10px; background: transparent url(../images/feedbackSprite.png) no-repeat; } .bmContainer .fbAlert small.warning { background-position: 0 0; } .bmContainer .fbAlert small.success { background-position: -30px 0; } .bigModalCnt .closeBtn { width: 30px; height: 30px; display: block; position: absolute; top: -15px; right: -15px; background: #ff8a1a; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; cursor: pointer; } .bigModalCnt .closeBtn i { font-size: 20px; color: #fff; margin: 5px; } /* BIGBOX MODAL */ #bPWhite { width: 1000px; margin: 0 auto; background-color: #fff; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; overflow: hidden; } .advMasthead{ align-items: center; display: flex; flex-direction: column; margin: 20px 0; height: 250px; justify-content: center; text-align: center; } .advHeader { width: 970px; display: block; margin: 0 auto; text-align: center; } #header { width: 970px; display: block; margin: 10px auto 0; } #header .hLine1 { width: 100%; display: inline-block; padding-bottom: 10px; float: left; } #header .hLine1 .hLogo { width: 73px; height: 19px; display: inline-block; float: left; margin-top: 10px; } #header .hLine1 .member { height: 20px; display: inline-block; float: right; margin-top: 10px; } #header .member { display: inline-block; float: right; margin-top: 12px; } #header .member a { float: right; color: #111; font: bold 12px/20px 'Metropolis Bold'; margin-left: 10px; } #header .member a.portfoyum { width: 20px; height: 20px; display: block; background-position: 0 -23px; } #header .member small { float: right; color: #111; font: bold 12px/20px 'Metropolis Bold'; margin-left: 10px; } #header .headSocial { width: auto; height: 30px; display: block; margin: 0; float: left; margin-left: 0; } #header .headSocial ul.socialIcons { width: 163px; height: 30px; display: block; margin-left: 13px; margin-top: 8px; } #header .headSocial ul.socialIcons li { width: 20px; height: 20px; display: block; padding: 5px 10px; border-left: 1px solid #e7e7e7; float: left; position: relative; left: 0; bottom: 0; } #header .headSocial ul.socialIcons li:first-child { border-left: none; } #header .headSocial ul.socialIcons li a { width: 20px; height: 20px; display: block; background: url("../images/header-social.png") no-repeat; } #header .headSocial ul.socialIcons li.fb a { background-position: 6px 0; } #header .headSocial ul.socialIcons li.tw a { background-position: -27px 0px; } #header .headSocial ul.socialIcons li.in a { background-position: -62px 0px; } #header .headSocial ul.socialIcons li.rss a { background-position: -94px 0px; } #header .logoArea { width: 970px; display: inline-block; padding: 0; margin-bottom: 16px; } #header .logoArea a.logo { display: inline-block; width: 190px; height: 40px; margin-right: 113px; float: left; } #header .logoArea .search { float: left; border: solid 1px #d2d2d2; margin-top: 0; position: relative; } #header .logoArea .search input { border: none; width: 228px; height: 20px; background: #fafafa; font: normal 12px/20px 'Metropolis Medium'; color: #838383; padding: 10px; float: left; } #header .logoArea .search input:focus { color: #000; } #header .logoArea .search a.searchBtn { width: 40px; height: 40px; display: block; float: left; background-position: -40px 0; } #header .logoArea .topBanner { width: 300px; height: 50px; display: block; overflow: hidden; float: right; text-align: center; margin-top: 1px; } #header .navMenu { width: 970px; height: 29px; display: inline-block; margin-bottom: 10px; position: relative; z-index: 999999; } #header .navMenu ul.menu { list-style: none; float: left; } #header .navMenu ul.menu li { float: left; position: relative; z-index: 1; } #header .navMenu ul.menu li .h2 { width: 100%; height: 28px; display: inline-block; } #header .navMenu ul.menu li .h2 a { width: 100%; height: 24px; display: inline-block; padding: 2px 0; text-align: center; color: #000; font: bold 12px/24px 'Metropolis Bold'; border-left: 1px solid #f3f0f0; text-decoration: none; } #header .navMenu ul.menu li .h2 a .ico { width: 24px; height: 23px; display: block; float: left; margin: 0 5px 0 10px; } #header .navMenu ul.menu li:hover .h2 a { background-color: #ff8a1a; color: #fff; } #header .navMenu ul.menu li.active .h2 a { background-color: #ff8a1a; color: #fff; } #header .navMenu ul.menu li.home { width: 40px; } #header .navMenu ul.menu li.home .h2 { border: none; } #header .navMenu ul.menu li.home .h2 a { width: 18px; height: 18px; display: block; padding: 5px 11px; border: none; } #header .navMenu ul.menu li.home .h2 a span { width: 18px; height: 18px; display: block; background-position: 0 0; } #header .navMenu ul.menu li.home:hover .h2 a span { background-position: -20px 0; } #header .navMenu ul.menu li.itemBorsa { width: 68px; } #header .navMenu ul.menu li.itemDoviz { width: 63px; } #header .navMenu ul.menu li.itemAltin { width: 58px; } #header .navMenu ul.menu li.itemFaiz { width: 76px; } #header .navMenu ul.menu li.itemForex { width: 0px; } #header .navMenu ul.menu li.itemKredi { width: 62px; } #header .navMenu ul.menu li.itemViop { width: 110px; } #header .navMenu ul.menu li.itemAnaliz { width: 74px; } #header .navMenu ul.menu li.itemHaber { width: 94px; } #header .navMenu ul.menu li.itemKobi { width: 85px; } #header .navMenu ul.menu li.itemBes { width: 60px; } #header .navMenu ul.menu li.itemPortfoy { width: 100px; } #header .navMenu ul.menu li.itemKobi .h2 a { text-align: left; } #header .navMenu ul.menu li.itemKobi .h2 a .ico { background-position: -105px -140px; } #header .navMenu ul.menu li.itemKobi.active .h2 a .ico { background-position: -105px -110px; } #header .navMenu ul.menu li.itemBitcoin { width: 130px; } #header .navMenu ul.menu li.itemBitcoin .h2 a .ico { background-position: -135px -140px; } #header .navMenu ul.menu li.itemBitcoin.active .h2 a:hover .ico { background-position: -135px -110px; } #header .navMenu ul.menu li.itemFonlar { width: 99px; } #header .navMenu ul.menu li.itemFonlar .h2 a { text-align: left; } #header .navMenu ul.menu li.itemFonlar .h2 a .ico { background-position: -166px -141px; } #header .navMenu ul.menu li.itemInternet { width: 109px; } #header .navMenu ul.menu li.itemInternet .h2 a { text-align: left; } #header .navMenu ul.menu li.itemInternet .h2 a .ico { background-position: -165px -140px; } #header .navMenu ul.menu li.itemInternet .h2 a:hover .ico { background-position: -165px -110px; } #header .navMenu ul.menu li.hoverable:hover .h2 a { background-color: #f3f0f0; color: #000; height: 35px; } #header .navMenu ul.menu li .hoverItem { display: none; width: 200px; background-color: #fff; border-bottom: 5px solid #bababa; padding: 0 9px 9px; border: 1px solid #ddd; border-top: none; position: absolute; left: -10px; top: 39px; } #header .tfx-bant { display: block; margin-top: 5px; } .hoverItem ul.hoverMenu { width: 200px; display: inline-block; padding: 0; background: #f3f0f0; } .hoverItem ul.hoverMenu li { width: 200px; height: 31px; display: inline-block; float: left; position: relative; z-index: 10; } .hoverItem ul.hoverMenu li .h3 { width: 180px; height: 31px; display: inline-block; margin: 0 10px; border-top: 1px solid #e2d9d9; } .hoverItem ul.hoverMenu li:first-child h3 { border-top: 1px solid #f3f0f0; } .hoverItem ul.hoverMenu li .h3 a { width: 170px; height: 20px; display: inline-block; padding: 5px; color: #333; font: bold 12px/20px 'Metropolis Bold'; } .hoverItem ul.hoverMenu li .h3 a img.new { width: 48px; height: 14px; display: block; margin: 3px 0; float: right; } .hoverItem ul.hoverMenu li:hover { background-color: #ff8a1a; } .hoverItem ul.hoverMenu li:hover .h3 { border-top: 1px solid #ff8a1a; } .hoverItem ul.hoverMenu li:hover .h3 a { color: #fff; } #header .navMenu ul.menu li .hoverItemWide { display: none; background-color: #fff; border-bottom: 5px solid #bababa; padding: 0 9px 9px; border: 1px solid #ddd; border-top: none; position: absolute; left: -10px; top: 39px; } #header .navMenu ul.menu li:last-child .hoverItemWide, #header .navMenu ul.menu li.last-child .hoverItemWide { right: -11px; left: auto; } #header .navMenu ul.menu li.itemAnaliz .hoverItemWide { width: 600px; left: -178px; } #header .navMenu ul.menu li.itemAnaliz .hoverItemWide ul.hoverMenu { height: 280px; } #header .navMenu ul.menu li.itemAltin .hoverItemWide ul.hoverMenu { width: 200px; } #header .navMenu ul.menu li.itemKredi .hoverItemWide { width: 660px; } #header .navMenu ul.menu li.itemKredi .hoverItemWide ul.hoverMenu { height: 155px; width: 220px; } #header .navMenu ul.menu li.itemKredi .hoverItemWide ul.hoverMenu li { width: 220px; } #header .navMenu ul.menu li.itemKredi .hoverItemWide ul.hoverMenu li .h3 { width: 200px; } #header .navMenu ul.menu li.itemKredi .hoverItemWide ul.hoverMenu li .h3 a, #header .navMenu ul.menu li.itemKredi .hoverItemWide ul.hoverMenu li.cap .h3 { width: 194px; } #header .navMenu ul.menu li.itemKredi .hoverItemWide ul.hoverMenu li.cap .h3 { margin: 0 15px; } #header .navMenu ul.menu li.itemHaber .hoverItemWide { width: 400px; left: -179px; } #header .navMenu ul.menu li.itemHaber .hoverItemWide ul.hoverMenu { width: 200px; } #header .navMenu ul.menu li.itemInternet .hoverItemWide { left: -100px; } #header .navMenu ul.menu li.itemKredi .hoverItemWide { left: -179px; } .hoverItemWide ul.hoverMenu { width: 200px; display: inline-block; padding: 0; float: left; background: #f3f0f0; } .hoverItemWide ul.hoverMenu li { width: 200px; display: inline-block; float: left; } .hoverItemWide ul.hoverMenu li.cap { width: 200px; display: inline-block; padding: 5px 0; float: left; color: #000; font: bold 13px 'Metropolis Bold'; margin-top: 5px; } .hoverItemWide ul.hoverMenu li .h3 { width: 180px; display: inline-block; margin: 0 10px; border-top: 1px solid #e2d9d9; } .hoverItemWide ul.hoverMenu li:first-child .h3 { border-top: 1px solid #f3f0f0; } .hoverItemWide ul.hoverMenu li .h3 a { width: 170px; height: 20px; display: inline-block; padding: 5px; color: #333; font: bold 12px/20px 'Metropolis Bold'; position: relative; } .hoverItemWide ul.hoverMenu li .h3 a .new { width: 48px; height: 14px; display: block; margin: 3px 0; float: right; position: absolute; right: 0; top: 3px; } .hoverItemWide ul.hoverMenu li .h3 a .new-haberler { width: 64px; display: block; margin: 3px 0; float: right; position: absolute; right: 0; top: 4px; } .hoverItemWide ul.hoverMenu li:hover { background-color: #ff8a1a; } .hoverItemWide ul.hoverMenu li:hover .h3 { border-top: 1px solid #ff8a1a; } .hoverItemWide ul.hoverMenu li:hover .h3 a { color: #fff; } .hoverItemWide ul.hoverMenu li.cap a { background: #f3f0f0; color: #000; font: bold 13px 'Metropolis Bold'; } .hoverItemWide ul.hoverMenu li.cap a:hover { background: #f3f0f0; color: #000; } .hoverItemWide ul.hoverMenu li.cap:hover { background: #f3f0f0; } .hoverItemWide ul.hoverMenu li.cap:hover .h3 { border-top: 1px solid #f3f0f0; } #header .navMenu ul.menu li.hoverable:hover .hoverItem, #header .navMenu ul.menu li.hoverable:hover .hoverItemWide { display: inline-block; } .hotNews { width: 870px; height: 78px; display: block; overflow: hidden; padding: 11px 50px; background: #343232; margin: 10px 0; position: relative; } .hotNews .newsList { width: 870px; height: 78px; display: block; overflow: hidden; } .hotNews .newsList a { width: 870px; height: 78px; display: none; float: left; } .hotNews .newsList a:first-child { display: block; } .hotNews .newsList a img { width: 140px; height: 78px; display: block; float: left; margin-right: 10px; } .hotNews .newsList a .layer { height: 20px; display: block; float: left; padding: 2px 10px 1px; color: #fff; font: bold 14px/20px 'Metropolis Bold'; background: #d73a1b; } .hotNews .newsList a .title { width: 720px; height: 55px; display: block; overflow: hidden; float: left; color: #fff; font: bold 30px/55px 'Metropolis Bold'; } .hotNews .arrow { width: 24px; height: 54px; display: block; position: absolute; top: 24px; cursor: pointer; } .hotNews .arrow.prev { left: 10px; background-position: -240px -50px; } .hotNews .arrow.next { right: 10px; background-position: -275px -50px; } #header .shortcuts { width: 970px; background-color: #d8e4e9; height: 22px; overflow: hidden; margin-bottom: 10px; display: flex; } #header .shortcuts div { width: 100%; float: left; font: normal 11px 'Metropolis Medium'; color: #fff; background-color: #8fb8c9; padding: 5px 10px; margin-right: 1px; text-align: center; } #header .shortcuts div span { display: inline-block; width: 10px; height: 10px; background-position: -158px -55px; float: left; margin: 2px; } #header .shortcuts a { width: 100%; padding: 5px 0; font: normal 11px 'Metropolis Medium'; color: #333; border-left: 1px solid #fff; text-align: center; } /*#header .shortcuts a.sc1{width:90px} #header .shortcuts a.sc2{width:105px} #header .shortcuts a.sc3{width:125px} #header .shortcuts a.sc4{width:140px}*/ .longestAdv { width: 970px; display: inline-block; margin-bottom: 10px; } .longestAdv a { display: inline-block; } #header .hisse2014Bar { width: 970px; height: 45px; display: block; background-color: #fff; } #header .hisse2014Bar .title { float: left; width: 60px; font: normal 8pt 'Metropolis Medium'; color: #000; background-position: -45px -76px; padding: 22px 3px 0 5px; height: 12px; overflow: hidden; } #header .hisse2014Bar .hisse2014Content { float: left; width: 970px; position: relative; } #header .hisse2014Bar .hisse2014Content a.plus { width: 20px; height: 40px; display: inline-block; position: absolute; right: 0; top: 0; } #header .hisse2014Bar .hisse2014Content a.plus img { width: 20px; height: 40px; display: block; } #header .hisse2014Bar .hisse2014Content a.hisseler { width: 149px; height: 30px; display: inline-block; overflow: hidden; padding: 5px 1px; text-align: center; float: left; background-color: #262121; margin-right: 1px; } #header .hisse2014Bar .hisse2014Content a.hisseler:first-child { border-left: none; } #header .hisse2014Bar .hisse2014Content a.hisseler span { display: inline-block; font: normal 9pt 'Metropolis Medium'; color: #000; text-align: left; } #header .hisse2014Bar .hisse2014Content a.hisseler span .kod { display: block; font-size: 11px; } #header .hisse2014Bar .hisse2014Content a.hisseler span small { display: block; } #header .hisse2014Bar .hisse2014Content a.hisseler.up span.s { width: 22px; height: 23px; background-position: -80px 0; margin: 3px 1px 0 5px; } #header .hisse2014Bar .hisse2014Content a.hisseler.up span > b { color: #fff; } #header .hisse2014Bar .hisse2014Content a.hisseler.up span small b { color: #009819; } #header .hisse2014Bar .hisse2014Content a.hisseler.up span { color: #009819; } #header .hisse2014Bar .hisse2014Content a.hisseler.down span.s { width: 22px; height: 23px; background-position: -105px 0; margin: 3px 5px 0; } .ie7 #header .hisse2014Bar .hisse2014Content a.hisseler.down span.s { margin-top: 0; } #header .hisse2014Bar .hisse2014Content a.hisseler.down span > b { color: #fff; } #header .hisse2014Bar .hisse2014Content a.hisseler.down span small b { color: #ea0000; } #header .hisse2014Bar .hisse2014Content a.hisseler.down span { color: #ea0000; } #header .hisse2014Bar .hisse2014Content a.hisseler.static span.s { width: 18px; height: 18px; background-position: -130px 0; margin: 2px 8px; } #header .hisse2014Bar .hisse2014Content a.hisseler.static span > b { color: #fff; } #header .hisse2014Bar .hisse2014Content a.hisseler.static span small b { color: #2d73c6; } #header .hisse2014Bar .hisse2014Content a.hisseler.static span { color: #2d73c6; } #header .hisse2014Bar .hisse2014Content a.hisseler span.degisim { text-align: right; } #header .hisse2014Bar .hisse2014Content a.hisseler:hover { text-decoration: none; } #header .hisse2014Bar.version2 .hisse2014Content a.hisseler { background: #f7f7f7; border: 1px solid #d5d5d5; border-right: none; margin-right: 0; height: 28px; } #header .hisse2014Bar.version2 .hisse2014Content a.hisseler.down span > b { color: #000; } #header .hisse2014Bar.version2 .hisse2014Content a.hisseler.up span > b { color: #000; } #header .hisse2014Bar.version2 .hisse2014Content a.hisseler.static span > b { color: #000; } .verticalBigparaToggle { width: 40px; height: 40px; display: block; overflow: hidden; float: left; } .verticalBigparaToggle .vbtCnt { width: 40px; height: 40px; display: block; cursor: pointer; background: url(../images/bigToggle.gif); } .verticalBigparaToggle .vbtCnt.style1 { background-position: 0 0; } .verticalBigparaToggle .vbtCnt.style2 { background-position: 0 -40px; } .sticky { position: fixed !important; top: 0; z-index: 10000; } #content { width: 970px; overflow: hidden; margin: 0 auto 20px; } #content .wideContent { width: 970px; display: inline-block; margin-bottom: 20px; } .ie7 #content .wideContent { margin-bottom: 60px; } #content .wideContent .rowContent { width: 970px; display: inline-block; margin-bottom: 30px; } #content .rW { width: 300px; display: block; margin-bottom: 20px; float: right; } #content .contentLeft { width: 650px; display: inline-block; float: left; margin-bottom: 20px; } #content .contentLeft .rowContent650 { width: 650px; display: inline-block; margin-bottom: 20px; } #content .contentLeft .rowContent650 p { width: 100%; display: inline-block; margin-bottom: 10px; color: #555; font: normal 12px/18px 'Metropolis Medium'; } #content .contentRight { width: 300px; display: inline-block; float: right; } .newBpSlider { width: 650px; height: 410px; display: block; position: relative; float: left; } .newBpSlider .bpArrow { width: 57px; height: 57px; display: block; position: absolute; top: 150px; z-index: 51; cursor: pointer; } .newBpSlider .bpArrow.prev { left: 10px; background-position: -120px -50px; } .newBpSlider .bpArrow.prev:hover { background-position: -180px -50px; } .newBpSlider .bpArrow.next { right: 10px; background-position: 0 -50px; } .newBpSlider .bpArrow.next:hover { background-position: -60px -50px; } .newBpSlider .bpContainer { width: 650px; height: 365px; display: block; overflow: hidden; float: left; z-index: 50; } .newBpSlider .bpContainer .bpItem { width: 650px; height: 365px; display: none; float: left; position: relative; } .newBpSlider .bpContainer .bpItem img { width: 650px; height: 365px; display: block; float: left; } .newBpSlider .bpContainer .bpItem .textArea { width: 620px; display: inline-block; padding: 15px; position: absolute; left: 0px; bottom: 0px; background: transparent url(../images/transBgB.png) repeat; } .newBpSlider .bpContainer .bpItem .textArea .newsCaption { width: 100%; display: inline-block; color: #fff; font: bold 24px/30px 'Metropolis Bold'; } .newBpSlider .bpContainer .bpItem .textArea .newsCaption .photoGalleryIcon { width: 32px; height: 32px; display: block; margin-right: 15px; background-position: 0 -100px; } .newBpSlider .bpContainer .bpItem .textArea .newsSpot { width: 100%; display: none; color: #fff; font: normal 18px 'Metropolis Medium'; margin-top: 10px; } .newBpSlider .bpPagination { width: 644px; height: 20px; display: block; overflow: hidden; float: left; margin: 20px 3px 0; } .newBpSlider .bpPagination .pItem { width: 46px; height: 20px; display: block; float: left; cursor: pointer; } .newBpSlider .bpPagination .pItem .leftVerticalLine { width: 1px; height: 10px; display: block; float: left; margin-top: 5px; background-color: #e8dede; } .newBpSlider .bpPagination .pItem .pagerNo { width: 45px; height: 20px; display: inline-block; float: right; color: #1b1b1b; font: bold 14px/20px 'Metropolis Bold'; text-align: center; } .newBpSlider .bpPagination .pItem:hover .pagerNo { color: #f68b25; } .newBpSlider .bpPagination .pItem.select .pagerNo { color: #f68b25; } .newBpSlider.video .bpPagination { width: 230px; margin: 20px auto 0; float: none; } .newBpSlider.video .bpContainer { float: none; } .newBpSlider.investment .bpPagination { display: flex; justify-content: center; } .worldNews { width: 650px; height: 474px; float: left; background: #07103e; } .worldNews .caption { display: inline-block; padding: 5px 20px; color: #f2f3f7; font: bold 15px/20px 'Metropolis Bold'; background-color: #263479; margin: 15px 0; } .worldNews .wsCnt { width: 610px; display: inline-block; padding: 0 20px 20px; background-color: #07103e; } .worldNews .worldSlider { width: 100%; height: 192px; display: block; overflow: hidden; margin-bottom: 30px; } .worldNews .worldSlider .imgs { width: 340px; height: 192px; display: block; overflow: hidden; float: left; position: relative; z-index: 101; } .worldNews .worldSlider .imgs a { width: 340px; height: 192px; display: inline-block; } .worldNews .worldSlider .imgs a img { width: 340px; height: 192px; display: block; } .worldNews .worldSlider .wnList { width: 288px; height: 192px; display: block; overflow: hidden; float: left; position: relative; z-index: 102; margin-left: -18px; } .worldNews .worldSlider .wnList li { width: 288px; height: 48px; display: inline-block; float: left; } .worldNews .worldSlider .wnList li a { width: 250px; height: 38px; display: table; padding: 5px 8px 5px 12px; color: #fff; font: normal 14px/19px 'Metropolis Medium'; position: relative; margin-left: 18px; } .worldNews .worldSlider .wnList li a .tblSpot { display: table-cell; vertical-align: middle; } .ie7 .worldNews .worldSlider .wnList li a .tblSpot { width: 244px; height: 38px; } .worldNews .worldSlider .wnList li a .newsCap { width: 244px; height: 38px; display: table-cell; vertical-align: middle; overflow: hidden; } .worldNews .worldSlider .wnList li a img { display: none; } .worldNews .worldSlider .wnList li a .arrow { width: 18px; height: 48px; display: none; position: absolute; left: -17px; top: 0; background-position: -155px 0; } .worldNews .worldSlider .wnList li:hover a { color: #1e3250; background-color: #fff; } .worldNews .worldSlider .wnList li:hover a .arrow { display: block; } .worldNews .worldSlider .wnList li.select a { width: 245px; color: #1e3250; background-color: #c1c3cf; border-right: 5px solid #263479; } .worldNews .worldSlider .wnList li.select a .arrow { display: block; } .worldNews .worldList { width: 100%; height: 150px; display: block; overflow: hidden; } .worldNews .worldList li { width: 176px; display: inline-block; padding: 0 20px; border-left: 1px solid #293e5f; float: left; } .worldNews .worldList li a { width: 176px; display: inline-block; } .worldNews .worldList li a img { width: 176px; height: 99px; display: block; } .worldNews .worldList li a .cap { width: 100%; display: inline-block; color: #fff; font: normal 14px/20px 'Metropolis Medium'; margin-top: 10px; } .worldNews .worldList li a:hover .cap { color: #42509a; } .bpMasters { width: 650px; display: inline-block; float: left; } .bpMasters .bpList { width: 650px; display: inline-block; } .bpMasters .bpList li { width: 315px; height: 94px; display: block; overflow: hidden; border-top: 1px solid #ddd; float: left; margin-left: 20px; } .bpMasters .bpList li:first-child { border: none; } .bpMasters .bpList li:nth-child(2) { border: none; } .bpMasters .bpList li .bpmItem { width: 100%; display: inline-block; padding: 9px 0; } .bpMasters .bpList li .bpmItem .imgCnt { width: 76px; height: 76px; display: block; float: left; margin-right: 8px; position: relative; } .bpMasters .bpList li .bpmItem .imgCnt img { width: 76px; height: 76px; display: block; } .bpMasters .bpList li .bpmItem .imgCnt .elipse { width: 76px; height: 76px; display: block; position: absolute; left: 0; top: 0; z-index: 103; background: transparent url(../images/circleMaster.png) no-repeat; } .bpMasters .bpList li .bpmItem .textCnt { width: 230px; height: 76px; display: block; float: right; } .bpMasters .bpList li .bpmItem .textCnt .cat { width: 100%; display: inline-block; float: left; color: #8fb8c9; font: bold 12px/15px 'Metropolis Bold'; } .bpMasters .bpList li .bpmItem .textCnt .name { width: 100%; display: inline-block; float: left; color: #797171; font: normal 15px/18px 'Metropolis Medium'; } .bpMasters .bpList li .bpmItem .textCnt .cap { width: 100%; max-height: 40px; display: block; overflow: hidden; float: left; color: #343232; font: bold 16px/20px 'Metropolis Bold'; margin-top: 5px; } .wBorsaLive { width: 300px; height: 50px; display: block; overflow: hidden; margin-bottom: 20px; float: left; } .wBorsaLive a { width: 300px; height: 50px; display: inline-block; } .wChartTab { width: 300px; height: 340px; display: block; overflow: hidden; } .wChartTab ul.tabMenu { width: 300px; height: 40px; display: block; overflow: hidden; float: left; } .wChartTab ul.tabMenu li.tabItem { width: 74px; height: 22px; display: block; padding: 8px 0; float: left; color: #958888; font: bold 13px/22px 'Metropolis Bold'; background: #f3f0f0; text-align: center; border: 1px solid #e3dada; border-left: none; cursor: pointer; } .wChartTab ul.tabMenu li.tabItem:first-child { border-left: 1px solid #e3dada; width: 73px; } .wChartTab ul.tabMenu li.tabItem.selected { border-top: 6px solid #e3dada; background-color: #fff; color: #000; padding: 3px 0 9px; } .wChartTab .chartCnt { width: 280px; height: 285px; display: block; padding: 7px 9px; overflow: hidden; float: left; border: 1px solid #e3dada; border-top: none; background-color: #fff; } .wChartTab .chartCnt .chartItem { width: 280px; height: 285px; display: none; overflow: hidden; float: left; } .wChartTab .chartCnt .left { width: 120px; display: block; float: left; border-right: dotted 1px #dedede; margin-right: 9px; padding: 2px 0; overflow: hidden; } .wChartTab .chartCnt .left span { display: inline-block; font: bold 18pt 'Metropolis Bold'; color: #000; width: 100%; float: left; margin-bottom: 6px; } .wChartTab .chartCnt .left span small.s { display: inline-block; width: 22px; height: 23px; background-position: -114px -77px; margin-right: 3px; float: left; } .wChartTab .chartCnt .left span small { font: normal 8pt 'Metropolis Medium'; color: #000; float: left; line-height: 16px; } .wChartTab .chartCnt .left span b { font: bold 8pt 'Metropolis Bold'; color: #000; float: left; line-height: 16px; } .wChartTab .chartCnt .left.high span { color: #009819; } .wChartTab .chartCnt .left.high span small.s { display: inline-block; width: 22px; height: 23px; background-position: -80px 0; margin-right: 3px; float: left; } .wChartTab .chartCnt .left.high span b { color: #009819; } .wChartTab .chartCnt .left.high span b.time { color: #000; } .wChartTab .chartCnt .left.low span { color: #ea0000; } .wChartTab .chartCnt .left.low span small.s { display: inline-block; width: 22px; height: 23px; background-position: -105px 0; margin-right: 3px; float: left; } .wChartTab .chartCnt .left.low span b { color: #ea0000; } .wChartTab .chartCnt .right { width: 150px; display: block; overflow: hidden; float: left; } .wChartTab .chartCnt .right .top { width: 150px; display: inline-block; } .wChartTab .chartCnt .right .top .info { float: left; width: 40px; font: normal 8pt 'Metropolis Medium'; color: #000; height: 28px; overflow: hidden; text-align: right; } .wChartTab .chartCnt .right .top .info:first-child { text-align: left; } .wChartTab .chartCnt .right .top .info small { width: auto; height: auto; display: block; font: normal 11px 'Metropolis Medium'; color: #5e618f; margin: 1px 0; background: none; } .wChartTab .chartCnt .right .top .info b { font-weight: 400; } .wChartTab .chartCnt .right .top .date { float: left; width: 65px; font: bold 11px 'Metropolis Bold'; color: #958888; padding-top: 15px; text-align: center; } .wChartTab .chartCnt .right .range { width: 150px; display: inline-block; margin-top: 10px; position: relative; z-index: 0; } .wChartTab .chartCnt .right .range .rangeBar { width: 150px; height: 5px; background-color: #1a5488; } .wChartTab .chartCnt .right .range .indicator { display: inline-block; height: 23px; width: 100%; text-align: center; } .wChartTab .chartCnt .right .range .indicator span { font: bold 11px 'Metropolis Bold'; color: #5e618f; padding-top: 10px; display: inline-block; } .wChartTab .chartCnt .right .range .indicator span small { color: #000; } .wChartTab .chartCnt .right .range span.s.arrow { display: inline-block; width: 10px; height: 8px; background-position: -40px -41px; position: absolute; top: 5px; } .wChartTab .chartCnt .chartImg { width: 280px; height: 195px; overflow: hidden; border-top: dotted 1px #dadada; float: left; display: block; margin-top: 10px; } .wChartTab .chartCnt .chartImg img { width: 280px; height: 130px; overflow: hidden; } .wBan300x250 { width: 300px; height: auto; display: block; overflow: hidden; float: left; } .wBan300x250 a { display: inline-block; } .wBan300x200 { width: 300px; height: 200px; display: block; overflow: hidden; float: left; } .wStockStats { width: 300px; height: 180px; display: block; overflow: hidden; margin-top: 15px; } .wStockStats .ssContent { width: 270px; height: 154px; display: inline-block; padding: 10px 14px; border: 1px solid #e3dada; border-top: 5px solid #e3dada; background-color: #fafafa; } .wStockStats .ssContent .latestUpdate { width: 270px; display: inline-block; padding: 0; color: #000; font: normal 10px 'Metropolis Medium'; } .wStockStats .ssContent .summary { width: 270px; display: inline-block; padding: 3px 0 5px; border-bottom: 1px solid #d2d2d2; float: left; } .wStockStats .ssContent .summary .block { display: inline-block; float: left; } .wStockStats .ssContent .summary .block.bl1 { width: 60px; } .wStockStats .ssContent .summary .block.bl2, .wStockStats .ssContent .summary .block.bl3 { width: 100px; } .wStockStats .ssContent .summary .block .title { width: 100%; display: inline-block; color: #474444; font: normal 12px 'Metropolis Medium'; } .wStockStats .ssContent .summary .block .value { width: 100%; display: inline-block; color: #474444; font: bold 12px 'Metropolis Medium'; } .wStockStats .ssContent .summary .block.bl3 .title { text-align: right; } .wStockStats .ssContent .summary .block.bl3 .value { text-align: right; } .wStockStats .ssContent .graph { width: 270px; display: inline-block; margin-top: 2px; float: left; } .ie7 .wStockStats .ssContent .graph { margin-top: 15px; } .wStockStats .ssContent .graph .scaleData { width: 270px; margin: 0; } .wStockStats .ssContent .graph .scaleData .captions span { font: bold 12px 'Metropolis Bold'; margin-bottom: 3px; } .wStockStats .ssContent .graph .scaleData .captions .green { color: #288d00; } .wStockStats .ssContent .graph .scaleData .captions .red { color: #c80000; text-align: right; display: block; } .wStockStats .ssContent .graph .scaleData .captions .gray { color: #393939; text-align: center; display: block; } .wStockStats .ssContent .graph .scaleData .color span { display: block; height: 18px; } .wStockStats .ssContent .graph .scaleData .color .gain { background: #288d00; margin-top: 3px; } .wStockStats .ssContent .graph .scaleData .color .loss { background: #c80000; margin-top: 3px; } .wStockStats .ssContent .graph .scaleData .color .noChangeContainer { vertical-align: top; background: url(../images/scale-bg.png) repeat-x scroll center bottom transparent; } .wStockStats .ssContent .graph .scaleData .color .noChange { padding-top: 3px; background: url(../images/scale-arrow.gif) no-repeat scroll center bottom transparent; } .wStockStats .ssContent .graph .scaleData td span { font: bold 12px 'Metropolis Bold'; } .wChangableProcess, .wPiyasaEndeks { display: inline-block; float: left; } .widgetCp { width: 300px; display: inline-block; float: left; } .widgetCp ul.tabMenu { width: 300px; height: 58px; display: block; overflow: hidden; float: left; } .widgetCp ul.tabMenu li.tabItem { width: 128px; height: 36px; display: block; padding: 10px; float: left; color: #333; font: bold 13px/18px 'Metropolis Bold'; border: 1px solid #e3dada; border-left: none; cursor: pointer; background: #f3f0f0; } .widgetCp ul.tabMenu li.tabItem small { width: 100%; font-style: italic; } .widgetCp ul.tabMenu li.tabItem:first-child { border-left: 1px solid #d5d5d5; width: 129px; } .widgetCp ul.tabMenu li.tabItem.selected { border-top: 6px solid #e3dada; background-color: #fff; color: #000; padding: 6px 10px 10px; } .widgetCp .capRow { width: 298px; height: 34px; display: inline-block; border-left: 1px solid #e3dada; border-right: 1px solid #e3dada; float: left; background: #fafafa; } .widgetCp .capRow .inCap { width: 280px; display: inline-block; padding: 0 9px; background-color: #fff; } .widgetCp .capRow .inCap span { display: inline-block; height: 14px; padding: 8px 0; font: normal 12px/14px 'Metropolis Medium'; float: left; } .widgetCp .capRow .inCap span.symbol { width: 154px; } .widgetCp .capRow .inCap span.last { width: 53px; text-align: right; padding-right: 10px; } .widgetCp .ecdCnt { width: 298px; height: 354px; display: block; border: 1px solid #d2d2d2; border-top: none; float: left; } .widgetCp .encokContent { width: 298px; height: 300px; display: block; overflow: hidden; padding: 0; margin-bottom: 5px; float: left; } .widgetCp .encokContent .cnt { overflow: hidden; width: 298px; background: #f3f0f0; } .widgetCp .encokContent .cnt p.s_x { background: #288d00; display: block; height: 17px; font: bold 10pt 'Metropolis Bold'; color: #fff; padding: 5px 10px; cursor: pointer; position: relative; z-index: 1; } .widgetCp .encokContent .cnt.cnt2 p.s_x { background: #c80000; } .widgetCp .encokContent .cnt p.s_x span.s { width: 17px; height: 10px; display: block; background-position: -180px -0; position: absolute; right: 20px; top: 9px; } .widgetCp .encokContent .cnt p.s_x.selected span.s { background-position: -180px -10px; } .widgetCp .encokContent .cnt ul { display: none; height: 245px; width: 282px; margin: 0 8px; } .widgetCp .encokContent .cnt ul > li { display: block; width: 280px; overflow: hidden; height: 36px; float: left; border: 1px solid #e3dada; margin-top: 9px; background: #fff; } .widgetCp .encokContent .cnt ul li ol { display: block; width: 100%; list-style: none; border-bottom: dotted 1px #dedede; } .widgetCp .encokContent .cnt ul li ol li { float: left; padding: 3px 5px 2px; width: 52px; font: normal 9pt 'Metropolis Medium'; color: #000; text-align: right; } .widgetCp .encokContent .cnt ul li ol li.item2 { padding: 10px 10px 0 0; } .widgetCp .encokContent .cnt ul li ol li:first-child { width: 145px; text-align: left; } .widgetCp .encokContent .cnt ul li ol li span { width: 100%; display: block; font: bold 12px/15px 'Metropolis Bold'; float: left; } .widgetCp .encokContent .cnt ul li ol li span a { display: inline-block; color: #000; } .widgetCp .encokContent .cnt ul li ol li small { height: 14px; display: block; font: normal 10px/14px 'Metropolis Medium'; color: #9c9c9c; float: left; overflow: hidden; } .widgetCp .encokContent .cnt ul li ol li b { width: auto; } .widgetCp .encokContent .cnt ul li.up ol li b { color: #30b722; } .widgetCp .encokContent .cnt ul li.dw ol li b { color: #b72222; } .widgetCp .encokContent .cnt ul li.st ol li b { color: #226bb7; } .widgetCp .encokContent .tabContent { display: none; height: 300px; } .widgetCp .peCnt { width: 282px; height: 351px; display: inline-block; padding: 0 8px; border: 1px solid #d2d2d2; border-top: none; background-color: #f3f0f0; } .widgetCp .peCnt .peGroup { display: none; } .widgetCp .peCnt .peGroup p.s_x { background-position: 0 -128px; display: block; height: 17px; font: bold 10pt 'Metropolis Bold'; color: #fff; padding: 5px 10px; cursor: pointer; border: solid 1px #d8710e; position: relative; z-index: 1; margin-top: 10px; } .widgetCp .peCnt .peGroup p.s_x span.s { display: inline-block; width: 17px; height: 10px; background-position: 0 -125px; position: absolute; right: 5px; top: 9px; } .widgetCp .peCnt .peGroup p.s_x:hover { background-position: -1px -155px; } .widgetCp .peCnt .peGroup p.s_x.selected { background-position: -1px -155px; } .widgetCp .peCnt .peGroup p.s_x.selected span.s { background-position: -2px -138px; width: 10px; height: 16px; top: 6px; } .widgetCp .peCnt .peGroup ul > li { display: block; width: 280px; overflow: hidden; height: 25px; float: left; border: 1px solid #e3dada; margin-top: 10px; background: #fff; } .widgetCp .peCnt .peGroup ul li ol { display: block; width: 100%; list-style: none; } .widgetCp .peCnt .peGroup ul > li.up ol li.colorful { color: #4caa00; text-align: right; } .widgetCp .peCnt .peGroup ul > li.dw ol li.colorful { color: #ab0000; text-align: right; } .widgetCp .peCnt .peGroup ul > li.st ol li.colorful { color: blue; text-align: right; } .widgetCp .peCnt .peGroup ul li ol li { float: left; padding: 6px 10px 4px 0; width: 53px; font: bold 12px/15px 'Metropolis Bold'; text-align: right; } .widgetCp .peCnt .peGroup ul li ol li.colorful { font: normal 12px/15px 'Metropolis Medium'; } .widgetCp .peCnt .peGroup ul li ol li a { display: inline-block; color: #000; font-size: 13px; } .widgetCp .peCnt .peGroup ul li ol li:first-child { width: 144px; padding-left: 10px; padding-right: 0; text-align: left; } .widgetCp .peCnt .peGroup ul li ol li b { color: #4caa00; font-weight: 400; } .peGroup .allCommentLink { margin: 0; padding: 13px 0 12px; border-top: none; } .wPiyasaEndeks .widgetCp ul.tabMenu { height: 38px; } .wPiyasaEndeks .widgetCp ul.tabMenu li.tabItem { height: 16px; } .bpNewsFeed { width: 650px; display: block; overflow: hidden; float: left; } .bpNewsFeed .nfCnt { width: 650px; display: inline-block; float: left; } .bpNewsFeed .nfCnt .item { width: 315px; display: inline-block; float: left; margin-left: 20px; } .bpNewsFeed .nfCnt .item.type1 { height: 85px; margin-bottom: 20px; } .bpNewsFeed .nfCnt .item.type1 a { width: 100%; display: inline-block; } .bpNewsFeed .nfCnt .item.type1 a img { width: 152px; height: 85px; display: block; float: left; margin-right: 10px; } .bpNewsFeed .nfCnt .item.type1 a .caption { width: 143px; height: 85px; display: block; overflow: hidden; float: left; color: #333; font: bold 14px/18px 'Metropolis Bold'; } .bpNewsFeed .nfCnt .item.type2 { height: 46px; margin-bottom: 25px; border-top: 1px solid #e9e9e9; } .bpNewsFeed .nfCnt .item.type2 a { width: 100%; height: 36px; display: inline-block; padding: 10px 0; color: #333; font: bold 14px/18px 'Metropolis Bold'; } .bpNewsFeed .nfLink { height: 19px; display: inline-block; padding: 0 5px; float: right; color: #000; font: bold 12px/19px 'Metropolis Bold'; } .allCommentLink { width: 282px; display: inline-block; margin: 5px 8px 0; padding-top: 10px; border-top: 1px dotted #ddd; float: left; } .allCommentLink a { display: inline-block; float: left; color: #333; font: bold 12px 'Metropolis Bold'; } .allCommentLink small { display: inline-block; float: right; color: #333; font: normal 12px 'Metropolis Medium'; } .videoCast { width: 650px; display: block; overflow: hidden; float: left; } .videoCast ul.vpCnt { width: 650px; display: inline-block; float: left; } .videoCast ul.vpCnt li { width: 315px; height: 72px; display: block; overflow: hidden; float: left; margin-left: 20px; padding: 20px 0; border-bottom: 1px dotted #e3dfdf; } .videoCast ul.vpCnt li a { display: inline-block; position: relative; } .videoCast ul.vpCnt li a .imgs { width: 128px; height: 72px; display: inline-block; margin-right: 10px; float: left; position: relative; } .videoCast ul.vpCnt li a .imgs img { width: 128px; height: 72px; display: block; } .videoCast ul.vpCnt li a .imgs .playBtn { width: 50px; height: 50px; display: block; position: absolute; top: 12px; left: 42px; background-position: -240px 0; } .videoCast ul.vpCnt li a .caption { width: 172px; height: 50px; display: inline-block; float: left; color: #333; font: bold 13px/17px 'Metropolis Bold'; } .videoCast ul.vpCnt li a small { width: 172px; height: 18px; display: inline-block; color: #7c7c7c; font: normal 13px 'Metropolis Medium'; position: absolute; right: 0; bottom: 0; } .videoCast ul.vpCnt li.big { margin-left: 0; padding: 0; border: none; height: 318px; } .videoCast ul.vpCnt li.big a .imgs { width: 315px; height: 175px; } .videoCast ul.vpCnt li.big a .imgs img { width: 315px; height: 175px; } .videoCast ul.vpCnt li.big a .imgs .playBtn { width: 50px; height: 50px; display: block; position: absolute; top: 65px; left: 135px; background-position: -240px 0; } .videoCast ul.vpCnt li.big a .caption { width: 305px; display: inline-block; padding: 0 5px; margin: 10px 0; font: bold 20px 'Metropolis Bold'; } .videoCast ul.vpCnt li.big a small { width: 305px; display: inline-block; padding: 0 5px; margin: 10px 0; position: inherit; right: inherit; bottom: inherit; } .videoCast .vpSubCnt { width: 100%; display: inline-block; padding-top: 13px; float: left; } .videoCast .vpSubCnt .showAll { display: inline-block; float: left; color: #f68b25; font: bold 12px/32px 'Metropolis Bold'; } .videoCast .vpSubCnt .vpSearch { width: 315px; height: 36px; display: inline-block; float: right; border: 1px solid #e2d9d9; background-color: #f3f0f0; } .videoCast .vpSubCnt .vpSearch input { width: 270px; padding: 8px 10px; font: normal 14px/20px 'Metropolis Medium'; color: #413f3f; float: left; border: none; margin: 0; background-color: #f3f0f0; } .videoCast .vpSubCnt .vpSearch a.searchBtn { width: 22px; height: 22px; display: block; float: left; background-position: -199px 0; margin-top: 8px; padding: 0; } .wMoneyTranslator { width: 300px; height: 140px; display: block; overflow: hidden; background: #252323; } .wMoneyTranslator.goldTranslator { height: 170px; } .wMoneyTranslator.goldTranslator .subRedirectLink { display: block; color: #fff; padding:0px 15px; margin-bottom:10px; font-family: 'Metropolis Medium'; font-size: 14px; } .wMoneyTranslator .caption { width: 270px; display: inline-block; padding: 10px 15px; color: #fff; font: bold 15px/18px 'Metropolis Bold'; float: left; } .wMoneyTranslator .mTransCnt { width: 270px; display: block; padding: 0 15px 10px; overflow: hidden; float: left; } .wMoneyTranslator .radioBtnGroup { width: 100%; display: inline-block; float: left; } .wMoneyTranslator .radioBtnGroup input { display: none; } .wMoneyTranslator .radioBtnGroup label { height: 16px; display: inline-block; padding: 5px 0; color: #8dbfd4; font: bold 14px/16px 'Metropolis Bold'; cursor: pointer; margin-right: 20px; } .wMoneyTranslator .radioBtnGroup label small { width: 16px; height: 16px; display: block; margin-right: 5px; background-position: -200px -23px; float: left; } .wMoneyTranslator .radioBtnGroup label.select small { background-position: -220px -23px; } .wMoneyTranslator .row { width: 100%; height: 28px; display: inline-block; float: left; margin-top: 5px; } .wMoneyTranslator .row input { width: 110px; height: 18px; display: inline-block; padding: 5px 10px; float: left; color: #252323; font: bold 14px/18px 'Metropolis Bold'; background: #eee9e9; border: none; } .wMoneyTranslator .row select { width: 137px; height: 28px; display: inline-block; padding: 5px 10px; float: right; color: #252323; font: bold 14px 'Metropolis Bold'; border: none; } .wMoneyTranslator .rowClose { width: 88px; height: 28px; display: inline-block; float: left; margin: 5px 1px 0; } .wMoneyTranslator .rowClose select { width: 88px; height: 28px; display: inline-block; padding: 5px; float: right; color: #252323; font: bold 14px/28px 'Metropolis Bold'; border: none; } .wMoneyTranslator .rowClose.last { width: 268px; } .wMoneyTranslator .rowClose.last .bttn { width: 258px; height: 18px; display: inline-block; padding: 5px; color: #252323; font: bold 14px/18px 'Metropolis Bold'; background-position: 0 -520px; text-align: center; } .wMoneyTranslator .rowClose.last .bttn:hover { background: #f7f5f5; color: #444; } .wCreditCalc { width: 300px; height: 260px; display: block; overflow: hidden; background-color: #1b1b1b; } .wCreditCalc .formCnt { width: 260px; height: 160px; display: inline-block; padding: 15px 20px 0; float: left; } .wCreditCalc .formCnt .cSelector { width: 260px; display: inline-block; float: left; } .wCreditCalc .formCnt .cSelector select { width: 230px; max-width: 230px; height: 28px; display: inline-block; padding: 5px 10px; color: #000; font: bold 13px/14px 'Metropolis Bold'; border: 0; } .wCreditCalc .formCnt .row { width: 260px; height: 28px; display: inline-block; float: left; margin-top: 5px; } .wCreditCalc .formCnt .row .cap { width: 105px; height: 18px; display: inline-block; padding: 6px 0 4px; margin-right: 10px; float: left; color: #e0d3d3; font: bold 14px/18px 'Metropolis Bold'; text-align: right; } .wCreditCalc .formCnt .row .text { width: 145px; display: inline-block; float: right; } .wCreditCalc .formCnt .row .text input { width: 95px; height: 18px; display: inline-block; padding: 5px 10px; float: left; color: #000; font: bold 13px/18px 'Metropolis Bold'; border: 0; margin: 0; } .wCreditCalc .formCnt .row .text .txt { width: 20px; height: 18px; display: inline-block; padding: 6px 0 4px; float: left; color: #f68b25; font: bold 13px/18px 'Metropolis Bold'; margin-left: 10px; } .wCreditCalc .formCnt .row .text .calc { width: 95px; display: inline-block; padding: 7px 10px; float: left; color: #fff; font: bold 12px/14px 'Metropolis Bold'; background-color: #f68b25; text-align: center; position: relative; } .wCreditCalc .formCnt .row .text .calc .arrow { width: 16px; height: 7px; display: block; position: absolute; left: 50px; bottom: -7px; background-position: -60px -42px; } .wCreditCalc .resultCnt { width: 260px; height: 34px; display: inline-block; padding: 15px 20px 10px; float: left; } .wCreditCalc .resultCnt .total { width: 115px; height: 34px; display: inline-block; float: left; color: #8fb8c9; font: bold 13px/17px 'Metropolis Bold'; } .wCreditCalc .resultCnt .result { height: 34px; display: inline-block; float: left; color: #fff; font: bold 25px/34px 'Metropolis Bold'; } .wCreditCalc .resultCnt .tl { height: 14px; display: inline-block; float: left; color: #fff; font: bold 13px/14px 'Metropolis Bold'; margin: 13px 0 0 10px; } .wCreditCalc .moreInfo { height: 20px; display: inline-block; padding-right: 50px; float: right; color: #f68b25; font: bold 13px/20px 'Metropolis Bold'; } .newsFeedArea { width: 650px; display: inline-block; float: left; } .newsFeedBox { width: 315px; display: inline-block; float: left; margin-left: 20px; } .newsFeedBox:first-child { margin-left: 0; } .newsFeedBox .nfCaption { width: 295px; display: inline-block; float: left; color: #fff; font: bold 16px/28px 'Metropolis Bold'; background: #8fb8c9; padding: 2px 10px 0 10px; } .newsFeedBox ul.nfList { width: 315px; display: inline-block; float: left; } .newsFeedBox ul.nfList li.nfItem { width: 315px; display: inline-block; float: left; border-bottom: 1px solid #e3dada; } .newsFeedBox ul.nfList li.nfItem a { width: 315px; display: inline-block; float: left; } .newsFeedBox ul.nfList li.nfItem a .info { width: 295px; display: table; padding: 8px 10px 6px; float: left; } .newsFeedBox ul.nfList li.nfItem a .info .date { display: none; float: left; color: #5a97be; font: bold 13px/18px 'Metropolis Bold'; } .newsFeedBox ul.nfList li.nfItem a .info .time { display: none; float: left; color: #988a8a; font: bold 13px/18px 'Metropolis Bold'; margin-left: 5px; } .newsFeedBox ul.nfList li.nfItem a .info .title { width: 100%; height: 36px; display: table-cell; color: #000; font: normal 14px/18px 'Metropolis Medium'; vertical-align: middle; } .newsFeedBox ul.nfList li.nfItem a .info .title .ellipsis { width: 100%; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .newsFeedBox ul.nfList li.nfItem:first-child a .info .title { /*font-size:18px; line-height:22px;*/ height: 44px; } .newsFeedBox ul.nfList li.nfItem a .imgCnt { width: 315px; height: 175px; display: block; float: left; position: relative; } .newsFeedBox ul.nfList li.nfItem a .imgCnt img { width: 315px; height: 175px; display: block; } .newsFeedBox ul.nfList li.nfItem a .imgCnt .arrow { width: 36px; height: 20px; display: none; background-position: -200px -110px; position: absolute; left: 10px; bottom: -1px; } .newsFeedBox .showAll { width: 295px; height: 14px; display: inline-block; float: left; padding: 0 10px; color: #6b6464; font: bold 12px/14px 'Metropolis Bold'; margin-top: 10px; } .newsFeedBox ul.bist li.nfItem { height: 68px; } .newsFeedBox ul.bist li.nfItem a { height: 68px; } .newsFeedBox ul.bist li.nfItem a .info { padding: 7px 5px 5px; width: 305px; height: 56px; } .newsFeedBox ul.bist li.nfItem a .info .time { margin: 0; font: bold 12px/15px 'Metropolis Bold'; height: 15px; } .newsFeedBox ul.bist li.nfItem a .info .title { color: #423f3f; font: normal 12px/18px 'Metropolis Medium'; height: 36px; display: block; overflow: hidden; } .newsFeedBox ul.bist li.nfItem a .info .kurum { width: 305px; height: 26px; display: block; overflow: hidden; color: #8dbfd4; font: bold 16px/26px 'Metropolis Bold'; } .newsFeedBox ul.bist li.nfItem a .info .gundem { width: 305px; height: 26px; display: block; overflow: hidden; color: #8dbfd4; font: bold 16px/26px 'Metropolis Bold'; } .newsFeedBox ul.bist li.nfItem a .info .subject { width: 305px; height: 25px; display: block; overflow: hidden; color: #312d2d; font: normal 13px/25px 'Metropolis Medium'; margin-bottom: 5px; } .newsFeedBox ul.seansRaporu li.nfItem { height: 85px; } .newsFeedBox ul.seansRaporu li.nfItem a { height: 85px; } .newsFeedBox ul.seansRaporu li.nfItem a .info { padding: 16px 5px; width: 305px; height: 54px; } .newsFeedBox ul.seansRaporu li.nfItem a .info .left { width: 55px; float: left; } .newsFeedBox ul.seansRaporu li.nfItem a .info .left .time { width: 55px; margin: 0; } .newsFeedBox ul.seansRaporu li.nfItem a .info .left .stock { height: 16px; display: inline-block; padding: 1px 4px 0; color: #fff; font: bold 12px/15px 'Metropolis Bold'; background: #988a8a; margin-top: 2px; } .newsFeedBox ul.seansRaporu li.nfItem a .info .title { width: 250px; float: right; color: #423f3f; font: normal 13px/18px 'Metropolis Medium'; margin: 0; display: block; overflow: hidden; height: 54px; } .rW .newsFeedBox ul.seansRaporu li.nfItem a .info { width: 290px; } .rW .newsFeedBox ul.seansRaporu li.nfItem a .info .title { width: 235px; } .newsFeedBox ul.piyasaTakvimi li.nfItem { border: none; height: 75px; } .newsFeedBox ul.piyasaTakvimi li.nfItem a { height: 75px; } .newsFeedBox ul.piyasaTakvimi li.nfItem a .info { padding: 16px 5px 13px; width: 305px; height: 34px; } .newsFeedBox ul.piyasaTakvimi li.nfItem a .info .left { width: 66px; display: inline-block; padding: 3px 5px 1px; float: left; background: #5a97be; } .newsFeedBox ul.piyasaTakvimi li.nfItem a .info .left .day { width: 100%; height: 12px; display: block; overflow: hidden; color: #fff; font: normal 11px/12px 'Metropolis Medium'; } .newsFeedBox ul.piyasaTakvimi li.nfItem a .info .left .month { width: 100%; height: 18px; display: block; overflow: hidden; color: #fff; font: bold 12px/18px 'Metropolis Bold'; } .newsFeedBox ul.piyasaTakvimi li.nfItem a .info .title { width: 225px; height: 34px; display: block; overflow: hidden; float: right; margin: 0; color: #423f3f; font: normal 13px/17px 'Metropolis Medium'; } .newsFeedBox .inDate { width: 305px; height: 18px; display: block; padding: 0 5px; overflow: hidden; float: left; color: #988a8a; font: bold 13px/18px 'Metropolis Bold'; margin: 20px 0 10px; } .newsFeedBox .inDate .dateIcon { width: 18px; height: 18px; display: block; background-position: -200px -140px; margin-right: 10px; float: left; } .w1000TL { width: 260px; height: 250px; display: block; padding: 9px 19px; border: 1px solid #e2d9d9; background: #f3f0f0; position: relative; float: left; } .w1000TL .caption { width: 260px; display: inline-block; color: #2f2c2c; font: bold 15px/20px 'Metropolis Bold'; margin-bottom: 20px; float: left; padding: 0; background: transparent; } .w1000TL .binCnt { width: 260px; height: 200px; display: inline-block; float: left; position: relative; z-index: 15; } .w1000TL .binCnt .itemCnt { width: 65px; height: 200px; display: inline-block; float: left; } .w1000TL .binCnt .itemCnt .name { width: 65px; height: 20px; display: inline-block; float: left; margin-top: 10px; color: #a0a0a0; font: bold 13px/20px 'Metropolis Bold'; text-align: center; } .w1000TL .binCnt .itemCnt .verticalBar { width: 65px; height: 170px; display: inline-block; float: left; position: relative; } .w1000TL .binCnt .itemCnt .verticalBar .vbItem { width: 65px; display: inline-block; position: absolute; left: 0; bottom: 0; } .w1000TL .binCnt .itemCnt .verticalBar .vbItem .head { width: 39px; height: 26px; display: block; margin: 0 13px; background: transparent url(../images/1000TL-sprite.png) no-repeat; } .w1000TL .binCnt .itemCnt.up .verticalBar .vbItem .head { background-position: 0 0; } .w1000TL .binCnt .itemCnt.dw .verticalBar .vbItem .head { background-position: 0 -30px; } .w1000TL .binCnt .itemCnt .verticalBar .vbItem .foot { width: 39px; height: 16px; display: block; margin: 0 13px; background: transparent url(../images/1000TL-sprite.png) no-repeat 0 -60px; } .w1000TL .binCnt .itemCnt .verticalBar .vbItem .body { width: 39px; display: block; margin: 0 13px; background: transparent url(../images/1000TL-barBg.png) repeat-y; } .w1000TL .binCnt .itemCnt .verticalBar .vbItem .value { width: 63px; display: block; color: #fff; font: bold 11px/14px 'Metropolis Bold'; padding: 3px 0; text-align: center; margin: 0 1px 5px; position: relative; } .w1000TL .binCnt .itemCnt .verticalBar .vbItem .value .arrow { width: 13px; height: 5px; display: block; position: absolute; top: 20px; left: 15px; } .w1000TL .binCnt .itemCnt.up .verticalBar .vbItem .value .arrow { background-position: -200px -42px; } .w1000TL .binCnt .itemCnt.dw .verticalBar .vbItem .value .arrow { background-position: -214px -42px; } .w1000TL .binCnt .itemCnt.up .verticalBar .vbItem .value { background: #3b9e00; } .w1000TL .binCnt .itemCnt.dw .verticalBar .vbItem .value { background: #c80000; } .w1000TL .bgLine { width: 298px; height: 3px; display: block; background: #b3b1b1; position: absolute; left: 1px; top: 149px; z-index: 14; } .rW .newsFeedArea, .rW .newsFeedBox, .rW .newsFeedBox ul.nfList, .rW .newsFeedBox ul.nfList .nfItem, .rW .newsFeedBox ul.nfList .nfItem a { width: 300px; } /*.rW .newsFeedBox .caption{width:280px}*/ .rW .hesapMakineleri { width: 298px; display: inline-block; float: left; border: 1px solid #e0d7d7; } .rW .hesapMakineleri .newsFeedBox .hesapMakineleriTitle { width: 100%; height: 38px; display: block; padding-top: 2px; float: left; background: #e0d7d7; border-bottom: 6px solid #d5cccc; color: #323232; font: bold 16px/38px 'Metropolis Bold'; text-align: center; } .rW .hesapMakineleri .newsFeedBox .nfList li.nfItem { border: none; } .rW .hesapMakineleri .newsFeedBox .nfList li.nfItem a .info { padding: 10px; width: 280px; } .rW .hesapMakineleri .newsFeedBox .nfList li.nfItem a .info .hmTitle { width: 100%; height: 20px; display: block; overflow: hidden; color: #5f5959; font: bold 14px/20px 'Metropolis Bold'; float: left; margin-bottom: 5px; } .rW .hesapMakineleri .newsFeedBox .nfList li.nfItem a .info .hmImage { width: 40px; height: 40px; display: block; float: left; margin: 4px 10px 4px 4px; } .rW .hesapMakineleri .newsFeedBox .nfList li.nfItem a .info .hmText { width: 225px; height: 54px; display: block; overflow: hidden; float: right; color: #000; font: normal 14px/18px 'Metropolis Medium'; } .topLatestNews { width: 970px; height: 85px; display: block; overflow: hidden; margin-bottom: 10px; background-color: #07103e; } .topLatestNews .caption { width: 115px; height: 43px; display: inline-block; padding: 21px 25px 21px 15px; color: #fff; font: bold 16px/21px 'Metropolis Bold'; float: left; background: #262121 url(../images/latestNewsBg.gif) no-repeat top right; } .topLatestNews .newsList { width: 775px; height: 66px; display: inline-block; padding: 10px 20px 9px; float: left; } .topLatestNews .newsList li { width: 375px; height: 22px; display: inline-block; float: left; margin-left: 25px; } .topLatestNews .newsList li a { max-width: 375px; height: 22px; display: inline-block; } .topLatestNews .newsList li a .hour { width: 50px; height: 22px; display: inline-block; color: #d4f1fd; font: normal 14px/22px 'Metropolis Medium'; float: left; } .topLatestNews .newsList li a .news { max-width: 325px; height: 22px; display: block; overflow: hidden; color: #fff; font: normal 14px/22px 'Metropolis Medium'; float: left; } .topLatestNews .newsList li a:hover .news { color: #42509a; text-decoration: underline; } .pageTitle { width: 100%; display: inline-block; color: #262121; font: bold 30px/40px 'Metropolis Bold'; position: relative; } .pageTitle.crypto { margin: 10px 15px 0; } .pageTitle-campaign-cap { width: 420px; float: left; } .pageTitle-campaign-adv { width: 220px; height: 90px; display: block; float: right; } ul.breadcrumbs { width: 100%; display: inline-block; height: 20px; margin-bottom: 10px; } ul.breadcrumbs li { display: inline-block; height: 20px; float: left; margin-left: 10px; } ul.breadcrumbs li:first-child { margin-left: 0; } ul.breadcrumbs li a { display: inline-block; height: 20px; color: #000; font: normal 11px/20px 'Metropolis Medium'; } ul.breadcrumbs li .noLastBc { display: inline-block; height: 20px; color: #000; font: normal 11px/20px 'Metropolis Medium'; } ul.breadcrumbs li .noLastBc:hover { text-decoration: underline; } ul.breadcrumbs li span { display: inline-block; height: 20px; color: #f68b25; font: normal 11px/20px 'Metropolis Medium'; } ul.breadcrumbs li h1 { display: inline-block; } ul.breadcrumbs li:after { content: ">"; color: #f68b25; font: normal 11px/20px 'Metropolis Medium'; margin-left: 5px; } ul.breadcrumbs li.non-url:after { content: none; } ul.subMenu { width: 968px; height: 39px; display: block; float: left; border: 1px solid #e3dada; background: #f3f0f0; position: relative; z-index: 999998; } .wc-left ul.subMenu { z-index: 0; } ul.subMenu li.subItem { height: 38px; display: inline-block; padding: 0; float: left; background: #f3f0f0; border-left: 1px solid #e3dada; text-align: center; } ul.subMenu li.subItem:first-child { border-left: none; } ul.subMenu li.subItem.active { border-top: 6px solid #e3dada; background-color: #fff; color: #000; padding: 0; height: 35px; } ul.subMenu li.subItem .h2 { display: inline-block; } ul.subMenu li.subItem .h2 > a { height: 22px; display: inline-block; padding: 11px 8px 5px; color: #8e8686; font: bold 10px/22px 'Metropolis Bold'; text-align: center; letter-spacing: 0; } .faizler ul.subMenu li.subItem { box-sizing: border-box; width: 50%; } .faizler ul.subMenu li.subItem.active { height: 40px; } ul.subMenu.hasSub { position: relative; margin-bottom: 40px; } ul.subMenu.hasSub2 { position: relative; margin-bottom: 60px; } ul.subMenu.hasSub li.subItem.active > a { color: #343232; } ul.subSubMenu { width: 956px; display: inline-block; padding: 0 6px; height: 39px; position: absolute; left: -1px; top: 40px; background: #fff; border: 1px solid #e3dada; border-top: none; } ul.subSubMenu li { display: inline-block; height: 27px; float: left; border-left: 1px solid #e3dada; margin: 6px 0; } ul.subSubMenu li:first-child { border-left: none; } ul.subSubMenu li a { display: inline-block; height: 19px; padding: 4px 15px; color: #343232; font: bold 12px/18px 'Metropolis Bold'; } ul.subSubMenu li.select a { color: #fff; background: #ff8a19; } ul.subSubMenu li.memberinfo { float: right; border: none; } ul.subMenu.w650 { width: 648px; } ul.subMenu.w650 ul.subSubMenu { width: 636px; } .hisse ul.subMenu li.subItem .h2 > a { padding: 11px; } .hisse ul.subMenu li.subItem.dDown .h2 > a { padding: 11px 20px 12px 11px; } .analiz3 ul.subMenu li.subItem .h2 > a { padding: 11px 24px 5px; } .analiz2 ul.subMenu li.subItem .h2 > a { padding: 11px 9px 5px 8px; } .analiz1 ul.subMenu li.subItem .h2 > a { padding: 11px 13px 5px 14px; } .bilgi ul.subMenu li.subItem .h2 > a { padding: 11px 21px 5px; } .borsa ul.subMenu li.subItem .h2 > a { padding: 11px 13px 5px 12px; } .faizler ul.subMenu li.subItem .h2 > a { padding: 11px 55px 5px; } .viva ul.subMenu li.subItem .h2 > a { padding: 11px 24px 5px; } .haberler ul.subMenu li.subItem .h2 > a { padding: 11px 11px 5px; } .haberler ul.subMenu li.subItem.dDown .h2 > a { padding: 11px 22px 5px 13px; } ul.subMenu li.subItem.active .h2 > a { padding-top: 5px; padding-bottom: 6px; color: #343232; } .ie8 .analiz3 ul.subMenu li.subItem .h2 > a { padding: 11px 24px 5px 25px; } ul.subMenu li.subItem.dDown, ul.subMenu li.subItem.dDown .h2 > a { position: relative; } ul.subMenu li.subItem.dDown .h2 > a .dArrow { width: 8px; height: 4px; display: block; background-position: -40px -200px; position: absolute; right: 10px; top: 20px; } ul.subMenu li.subItem.dDown .ddMenu { width: 170px; display: none; border-left: 1px solid #e3dada; border-right: 1px solid #e3dada; background: #fff; position: absolute; top: 34px; left: -1px; z-index: 10; } ul.subMenu li.subItem.dDown .ddMenu .ddItem { width: 160px; display: inline-block; padding: 5px; border-bottom: 1px solid #e3dada; float: left; clear: both; } ul.subMenu li.subItem.dDown .ddMenu .ddItem a { width: 150px; display: inline-block; padding: 6px 5px 4px; color: #343232; font: bold 12px/18px 'Metropolis Bold'; text-align: left; } ul.subMenu li.subItem.dDown .ddMenu .ddItem a:hover { color: #fff; background: #ff8a1a; } ul.subMenu li.subItem.dDown:hover { border-top: 6px solid #e3dada; background-color: #fff; color: #000; padding: 0; height: 35px; } ul.subMenu li.subItem.dDown:hover .h2 > a { padding-top: 5px; padding-bottom: 6px; color: #343232; } ul.subMenu li.subItem.dDown:hover .h2 > a .dArrow { top: 14px; } ul.subMenu li.subItem.dDown:hover .ddMenu { display: block; } ul.innerTabs { width: 100%; height: 32px; display: block; overflow: hidden; } ul.innerTabs li { height: 31px; display: inline-block; float: left; border-top: 1px solid #e3dbdb; border-right: 1px solid #e3dbdb; } ul.innerTabs li:first-child { border-left: 1px solid #e3dbdb; } ul.innerTabs li a { height: 17px; display: inline-block; padding: 7px 20px; color: #444; font: bold 12px/17px 'Metropolis Bold'; } ul.innerTabs li.active { background: #9cbfd3; border-top: 1px solid #9cbfd3; } ul.innerTabs li.active:first-child { border-left: 1px solid #9cbfd3; } ul.innerTabs li.active a { color: #fff; } ul.innerTabs.fullBg { border-bottom: 3px solid #9cbfd3; } ul.innerTabs.fullBg li { background: #f3f0f0; } ul.innerTabs.fullBg li a { padding: 7px; font-size: 11px; } ul.innerTabs.fullBg li:hover { background: #fff; } ul.innerTabs.fullBg li.active { background: #9cbfd3; } ul.innerTabs.fullBg li.active:hover a { background: #9cbfd3; } ul.innerTabs.innerNewsTabs { border-bottom: 3px solid #263479; } ul.innerTabs.innerNewsTabs li { background-position: 0 -400px; } ul.innerTabs.innerNewsTabs li a { color: #393636; font: bold 12px/17px 'Metropolis Bold'; } ul.innerTabs.innerNewsTabs li a:hover { background: #fff; } ul.innerTabs.innerNewsTabs li.active { background: #263479; border-top: 1px solid #263479; border-left: 1px solid #263479; border-right: 1px solid #263479; } ul.innerTabs.innerNewsTabs li.active a { color: #fff; } ul.innerTabs.innerNewsTabs li.active:hover a { background: #263479; } .tableCnt { width: 100%; display: inline-block; margin-bottom: 30px; } .tableCnt .table { width: 315px; display: inline-block; float: left; margin-left: 20px; } .tableCnt .table .caption { width: 299px; display: inline-block; padding: 6px 7px 4px; color: #444; font: bold 11px/20px 'Metropolis Bold'; float: left; border: 1px solid #e3dbdb; border-bottom: none; background: transparent; margin: 0; } .tableCnt .table .tableBox { width: 100%; display: inline-block; } .tableCnt .table .tableBox .tHead { width: 313px; display: block; border-left: 1px solid #9cbfd3; border-right: 1px solid #9cbfd3; float: left; } .tableCnt .table .tableBox .tHead ul { width: 100%; display: block; overflow: hidden; background: #9cbfd3; } .tableCnt .table .tableBox .tHead ul li { display: inline-block; padding: 10px 7px; text-align: right; color: #fff; font: bold 12px/16px 'Metropolis Bold'; float: left; } .tableCnt .table .tableBox .tHead ul li:first-child { border-left: none; } .tableCnt .table .tableBox .tBody { width: 313px; display: block; border: 1px solid #e3dbdb; border-top: none; float: left; } .tableCnt .table .tableBox .tBody ul { width: 100%; display: block; overflow: hidden; background: #e1e9ec; } .tableCnt .table .tableBox .tBody ul li { display: inline-block; padding: 5px 7px; text-align: right; color: #333; font: normal 11px/16px 'Metropolis Medium'; float: left; } .tableCnt .table .tableBox .tBody ul li a { color: #333; font: bold 11px/16px 'Metropolis Bold'; } .tableCnt .table .tableBox .tBody ul li a .alarm { float: left; margin: 3px 5px 0 0; } .tableCnt .table .tableBox .tBody ul li a .miniFlag { float: left; margin: 1px 10px 0 0; width: 20px; height: 15px; display: block; } .tableCnt .table .tableBox .tBody ul li a.itemRemove { width: 12px; height: 12px; display: block; margin: 1px 3px 0 0; float: left; background-position: -275px -110px; } .tableCnt .table .tableBox .tBody ul li a.itemAdd { width: 12px; height: 12px; display: block; margin: 1px 3px 0 0; float: left; background-position: -287px -110px; } .tableCnt .table .tableBox .tBody ul li:first-child { border-left: none; } .tableCnt .table .tableBox .tBody ul li.arrow { position: relative; } .tableCnt .table .tableBox .tBody ul li.arrow span { width: 10px; height: 11px; display: block; position: absolute; right: 8px; top: 8px; } .tableCnt .table .tableBox .tBody ul li.arrow span.up { background-position: -80px -23px; } .tableCnt .table .tableBox .tBody ul li.arrow span.dw { background-position: -105px -23px; } .tableCnt .table .tableBox .tBody ul li.arrow span.st { background-position: -130px -23px; } .tableCnt .table .fLink { display: inline-block; color: #000; font: bold 11px/20px 'Metropolis Bold'; margin-top: 5px; } .signalBar { width: 300px; height: 14px; display: block; margin: 0 auto; background: #eaeaea; border: 1px solid #d2d2d2; } .signalBar small { height: 14px; display: block; float: left; overflow: hidden; text-align: center; color: #fff; font: bold 11px/14px 'Metropolis Bold'; } .signalBar small.up { background-position: 0 -600px; } .signalBar small.dw { background-position: 0 -650px; } .simpleTable { width: 100%; display: inline-block; } .simpleTable .tHead { width: 100%; display: inline-block; float: left; } .simpleTable .tHead ul { width: 100%; display: inline-block; border-bottom: 1px solid #d2d2d2; } .simpleTable .tHead ul li { display: inline-block; padding: 5px 5px 10px; color: #45499f; font: bold 12px/20px 'Metropolis Bold'; float: left; } .simpleTable .tBody { width: 100%; display: inline-block; float: left; margin-bottom: 20px; } .simpleTable .tBody ul { width: 100%; display: inline-block; float: left; border-bottom: 1px solid #d2d2d2; } .simpleTable .tBody ul li { display: inline-block; padding: 5px; float: left; color: #262121; font: bold 12px/20px 'Metropolis Bold'; } .simpleTable .tBody ul li a { display: inline-block; color: #262121; } .simpleTable .tBody ul li a:hover { color: #f68b25; } .simpleTable .tBody ul li a.orange { color: #f68b25; } .simpleTable .tBody ul li a.orange:hover { color: #262121; } .extraInfo { display: inline-block; color: #444; font: bold 14px/30px 'Metropolis Bold'; float: right; margin-right: 5px; } .extraInfo b { color: #45499f; margin-left: 5px; } .lineInfo { width: 100%; display: inline-block; margin: 5px 0; } .lineInfo small { width: 10px; height: 10px; display: inline-block; background-color: #c90606; float: left; margin: 5px 10px 0 0; } .lineInfo span { display: inline-block; color: #333; font: normal 11px/20px 'Metropolis Medium'; } .lineInfo span a { display: inline-block; text-decoration: underline; color: #262626; } .lineInfo span a:hover { color: #f68b25; } .tableCnt .table.wide { width: 650px; } .tableCnt .table.wide .caption { width: 634px; } .tableCnt .table.wide .tableBox .tHead, .tableCnt .table.wide .tableBox .tBody { width: 648px; } .tableCnt .table.x2wide { width: 970px; } .tableCnt .table.x2wide .caption { width: 954px; } .tableCnt .table.x2wide .tableBox .tHead, .tableCnt .table.x2wide .tableBox .tBody { width: 968px; } .tHead ul li.tal, .tBody ul li.tal { text-align: left !important; } .tHead ul li.tac, .tBody ul li.tac { text-align: center !important; } .tHead ul li.tar, .tBody ul li.tar { text-align: right !important; } .tHead ul li.fsn, .tBody ul li.fsn { font-weight: 400 !important; } .tHead ul li.fsn a, .tBody ul li.fsn a { font-weight: 400 !important; color: #262121; font-size: 14px; } .tHead ul li.line2x, .tBody ul li.line2x { height: 32px !important; } .tHead ul li.move, .tBody ul li.move { width: 12px; height: 12px !important; } .ui-unsortable .move { display: none !important; } .tHead ul li.move .handle, .tBody ul li.move .handle { width: 12px; height: 12px; display: block; cursor: n-resize; } .tHead ul li.imgCell, .tBody ul li.imgCell .newsImage { width: 80px; height: 45px; display: block; float: left; } .tHead ul li.imgCell, .tBody ul li.imgCell .newsTitle1 { width: 384px; display: block; float: left; margin-left: 10px; } .tHead ul li.imgCell, .tBody ul li.imgCell .newsTitle1 a { font-size: 15px; line-height: 22px; } .tHead ul li.imgCell, .tBody ul li.imgCell .newsTitle2 { width: 296px; display: block; float: left; margin-left: 10px; } .tHead ul li.cell001, .tBody ul li.cell000 { width: 85px; } .tHead ul li.cell001, .tBody ul li.cell001 { width: 148px; } .tHead ul li.cell002, .tBody ul li.cell002 { width: 80px; } .tHead ul li.cell003, .tBody ul li.cell003 { width: 74px; } .tHead ul li.cell004, .tBody ul li.cell004 { width: 50px; } .tHead ul li.cell005, .tBody ul li.cell005 { width: 79px; } .tHead ul li.cell006, .tBody ul li.cell006 { width: 80px; } .tHead ul li.cell007, .tBody ul li.cell007 { width: 52px; } .tHead ul li.cell008, .tBody ul li.cell008 { width: 166px; } .tHead ul li.cell009, .tBody ul li.cell009 { width: 90px; } .tHead ul li.cell010, .tBody ul li.cell010 { width: 216px; } .tHead ul li.cell011, .tBody ul li.cell011 { width: 320px; } .tHead ul li.cell012, .tBody ul li.cell012 { width: 69px; } .tHead ul li.cell013, .tBody ul li.cell013 { width: 38px; } .tHead ul li.cell014, .tBody ul li.cell014 { width: 478px; } .tHead ul li.cell015, .tBody ul li.cell015 { width: 82px; } .tHead ul li.cell016, .tBody ul li.cell016 { width: 67px; } .tHead ul li.cell017, .tBody ul li.cell017 { width: 100px; } .tHead ul li.cell018, .tBody ul li.cell018 { width: 30px; } .tHead ul li.cell019, .tBody ul li.cell019 { width: 106px; } .tHead ul li.cell020, .tBody ul li.cell020 { width: 436px; } .tHead ul li.cell021, .tBody ul li.cell021 { width: 372px; } .tHead ul li.cell022, .tBody ul li.cell022 { width: 70px; padding: 5px 27px 5px 7px !important; } .tHead ul li.cell023, .tBody ul li.cell023 { width: 166px; border-left: 1px solid #e3dbdb; } .tHead ul li.cell024, .tBody ul li.cell024 { width: 57px; } .tHead ul li.cell025, .tBody ul li.cell025 { width: 46px; } .tHead ul li.cell026, .tBody ul li.cell026 { width: 154px; } .tHead ul li.cell027, .tBody ul li.cell027 { width: 150px; } .tHead ul li.cell028, .tBody ul li.cell028 { width: 300px; } .tHead ul li.cell029, .tBody ul li.cell029 { width: 494px; } .tHead ul li.cell030, .tBody ul li.cell030 { width: 386px; } .tHead ul li.cell031, .tBody ul li.cell031 { width: 145px; } .tHead ul li.cell032, .tBody ul li.cell032 { width: 215px; } .tHead ul li.cell033, .tBody ul li.cell033 { width: 291px; } .tHead ul li.cell034, .tBody ul li.cell034 { width: 676px; } .tHead ul li.cell035, .tBody ul li.cell035 { width: 118px; } .tHead ul li.cell036, .tBody ul li.cell036 { width: 122px; } .tHead ul li.cell037, .tBody ul li.cell037 { width: 124px; } .tHead ul li.cell038, .tBody ul li.cell038 { width: 401px; } .tHead ul li.cell039, .tBody ul li.cell039 { width: 298px; } .tHead ul li.cell040, .tBody ul li.cell040 { width: 137px; } .tHead ul li.cell041, .tBody ul li.cell041 { width: 128px; padding: 5px 27px 5px 7px !important; } .tHead ul li.cell042, .tBody ul li.cell042 { width: 208px; } .tHead ul li.cell043, .tBody ul li.cell043 { width: 169px; } .tHead ul li.cell044, .tBody ul li.cell044 { width: 102px; } .tHead ul li.cell045, .tBody ul li.cell045 { width: 172px; } .tHead ul li.cell046, .tBody ul li.cell046 { width: 48px; } .tHead ul li.cell047, .tBody ul li.cell047 { width: 205px; } .tHead ul li.cell048, .tBody ul li.cell048 { width: 59px; } .tHead ul li.cell049, .tBody ul li.cell049 { width: 50px; } .tHead ul li.cell050, .tBody ul li.cell050 { width: 360px; } .tHead ul li.cell051, .tBody ul li.cell051 { width: 144px; } .tHead ul li.cell052, .tBody ul li.cell052 { width: 250px; } .tHead ul li.cell053, .tBody ul li.cell053 { width: 184px; } .tHead ul li.cell054, .tBody ul li.cell054 { width: 30px; } .tHead ul li.cell055, .tBody ul li.cell055 { width: 234px; } .tHead ul li.cell056, .tBody ul li.cell056 { width: 354px; } .tHead ul li.cell057, .tBody ul li.cell057 { width: 338px; } .tHead ul li.cell058, .tBody ul li.cell058 { width: 129px; } .tHead ul li.cell059, .tBody ul li.cell059 { width: 165px; } .tHead ul li.cell060, .tBody ul li.cell060 { width: 179px; } .tHead ul li.cell061, .tBody ul li.cell061 { width: 107px; } .tHead ul li.cell062, .tBody ul li.cell062 { width: 228px; } .tHead ul li.cell063, .tBody ul li.cell063 { width: 349px; } .tHead ul li.cell064, .tBody ul li.cell064 { width: 93px; } .tHead ul li.cell065, .tBody ul li.cell065 { width: 10px; } .tHead ul li.cell071, .tBody ul li.cell071 { width: 80px; } .tHead ul li.subCaption { background: #666; padding-top: 5px !important; padding-bottom: 5px !important; } .tHead ul li.pad5 { padding-top: 5px !important; padding-bottom: 5px !important; } .tBody ul li.pink { background: #ffeede; } .tableCnt .table .tableBox .tHead .subHead { background: #fff; } .tableCnt .table .tableBox .tHead .subHead li { background: #333; padding: 5px 7px 4px; } .tableCnt.liveStock .table { width: 970px; } .tableCnt.liveStock .table .tableBox { width: 242.5px; float: left; } .tableCnt.liveStock .table .tableBox .tHead { width: 241.25px; border: none; border-right: 1px solid #9cbfd3; } .tableCnt.liveStock .table .tableBox:first-child .tHead { border-left: 1px solid #9cbfd3; } .tableCnt.liveStock .table .tableBox .tBody { width: 241.25px; border: none; border-right: 1px solid #e3dbdb; } .tableCnt.liveStock .table .tableBox:first-child .tBody { border-left: 1px solid #e3dbdb; } .tableCnt.liveStock .table .tableBox .tHead ul { background: #75a3bd; } .liveStockStyle2 .tableCnt.myLiveStock.typeBlack .table .tableBox .tHead ul li small { color: #fff; } .vmCalc { width: 260px; height: 230px; display: block; padding: 9px 19px; border: 1px solid #e2d9d9; background: #f3f0f0; position: relative; float: left; } .vmCalc .caption { width: 260px; display: inline-block; color: #2f2c2c; font: bold 15px/20px 'Metropolis Bold'; margin-bottom: 10px; float: left; padding: 0; background: transparent; } .vmCalc .row { width: 260px; height: 32px; display: block; overflow: hidden; margin-top: 10px; float: left; } .vmCalc .row input[type="text"] { width: 116px; float: left; } .vmCalc .row select { width: 90px; float: left; margin-left: 10px; } .vmCalc .row select.wide { width: 245px; margin: 0; } .vmCalc .row .req { width: 10px; float: left; color: red; line-height: 32px; text-align: center; margin-left: 5px; } .vmCalc .row .text { float: left; color: red; font: bold 13px/32px 'Metropolis Bold'; } .vmCalc .row .gloBttn { margin-right: 15px; padding: 6px 20px; } .vmCalc .row .alert { display: inline-block; color: #968d8d; font: bold 12px/32px 'Metropolis Bold'; } .vmCalc .row .alert small { font-style: italic; font-weight: 700; color: #7b6f6f; } .bpMasterSlideCnt { width: 650px; height: 226px; display: block; overflow: hidden; position: relative; margin-bottom: 30px; } .bpMasterSlideCnt .bpMasterSlide { width: 650px; height: 196px; display: block; overflow: hidden; float: left; } .bpMasterSlideCnt .bpMasterSlide .bpArrow { width: 20px; height: 20px; display: block; overflow: hidden; background: #555; color: #fff; font: normal 17px/20px 'Metropolis Medium'; text-align: center; position: absolute; top: 0; cursor: pointer; } .bpMasterSlideCnt .bpMasterSlide .bpArrow.next { right: 0; } .bpMasterSlideCnt .bpMasterSlide .bpArrow.prev { right: 25px; } .bpMasterSlideCnt .bpMasterSlide .bpArrow:hover { background: #f68b25; } .bpMasterSlide .bpMasterWrapper { width: 10000px; height: 196px; display: block; overflow: hidden; } .bpMasterSlide .bpMasterWrapper .bpmsItem { width: 152px; height: 196px; display: block; overflow: hidden; float: left; margin-left: 14px; } .bpMasterSlide .bpMasterWrapper .bpmsItem:first-child { margin-left: 0; } .bpMasterSlide .bpMasterWrapper .bpmsItem .pic { width: 152px; height: 146px; display: block; overflow: hidden; float: left; position: relative; } .bpMasterSlide .bpMasterWrapper .bpmsItem .pic img { width: 152px; height: 146px; display: block; } .bpMasterSlide .bpMasterWrapper .bpmsItem .pic .bottom { width: 142px; height: 30px; display: block; padding: 5px; position: absolute; left: 0; bottom: 0; background-repeat: repeat-x; } .bpMasterSlide .bpMasterWrapper .bpmsItem .pic .bottom .grup { width: 100%; height: 14px; display: inline-block; color: #555; font: bold 11px/14px 'Metropolis Bold'; float: left; } .bpMasterSlide .bpMasterWrapper .bpmsItem .pic .bottom .name { width: 100%; height: 16px; display: inline-block; color: #555; font: normal 12px/16px 'Metropolis Medium'; float: left; } .bpMasterSlide .bpMasterWrapper .bpmsItem .newsCap { width: 100%; height: 40px; display: inline-block; color: #333; font: bold 16px/20px 'Metropolis Bold'; float: left; margin-top: 10px; } .bpMasterSlide .bpMasterWrapper .bpmsItem:hover .pic .bottom { background-position: 0 -100px; } .bpMasterSlide .bpMasterWrapper .bpmsItem:hover .pic .bottom span { color: #fff; } .sortOfBar { width: 650px; display: inline-block; float: left; } .sortOfBar ul { width: 100%; } .sortOfBar ul li { width: 4.3478260869565%; display: inline-block; float: left; background: #f4f0f1; border: 1px solid #e3dada; border-left: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .sortOfBar ul li a { width: 100%; height: 15px; display: inline-block; padding: 10px 0; color: #000; font: bold 12px/15px 'Metropolis Bold'; text-align: center; text-decoration: none; } .sortOfBar ul li:first-child { border-left: 1px solid #e3dada; } .sortOfBar ul li:hover { background: #fff; } .sortOfBar.wide { width: 970px; } .sortOfBar ul li.active { background: #9cbfd3; border: 1px solid #9cbfd3; border-left: none; } .sortOfBar ul li.active:first-child { border-left: 1px solid #9cbfd3; } .sortOfBar ul li.active a { color: #fff; } .sortOfBar.pager { width: auto; } .sortOfBar.pager ul li { background: #f7f7f7; border: none; width: auto; padding: 5px 15px; font: bold 15px/20px 'Metropolis Bold'; color: #666; margin: 0 1px; } .sortOfBar.pager ul li a { color: #666; height: 20px; padding: 0; font: bold 15px/20px 'Metropolis Bold'; } .sortOfBar.pager ul li a:hover { color: #fd8300; } .sortOfBar.pager ul li.active { background: #c3bdbd; color: #fff; } .sortOfBar.pager ul li.active a { color: #fff; } .sortOfBar.pager ul li.active a:hover { color: #fff; } .sort-bar-x .sortOfBar ul li { width: 4.1666%; } .ie7 .sortOfBar ul li { width: 27px; } .ie7 .sortOfBar.wide ul li { width: 41px; } .ie7 .sortOfBar.pager ul li { width: auto; } .filterBar { display: inline-block; } .filterBar .cell { display: inline-block; float: left; margin-left: 10px; } .filterBar .cell2 { display: inline-block; float: left; margin-left: 20px; color: #45499f; font: bold 14px/20px 'Metropolis Bold'; } .filterBar .cell:first-child, .filterBar .cell2:first-child { margin-left: 0; } .filterBar .cell .text, .filterBar .cell2 .text { display: inline-block; padding: 6px 0; color: #45499f; font: bold 14px 'Metropolis Bold'; } .filterBar .cell input[type="checkbox"] { width: 14px; height: 14px; display: block; border: 1px solid #d2d2d2; margin: 8px 0; float: left; } .filterBar .cell input[type="checkbox"] + label { height: 16px; display: block; margin: 8px 0; float: left; color: #333; font: bold 12px/16px 'Metropolis Bold'; margin-left: 5px; cursor: pointer; } .filterBar #SelectedHisse { width: 217px; } .table .filterBar { margin-bottom: 5px; float: left; } .filterBar.tableCap { padding: 4px 4px; background: #9cbfd3; float: left; margin-bottom: 15px; } .filterBar.tableCap select { border: 1px solid #9cbfd3; } .analiz1 .wideContent .filterBar { float: left; } .wLatestNews { width: 300px; display: block; overflow: hidden; background-color: #07103e; position: relative; } .wLatestNews .showAll { font: normal 14px/22px 'Metropolis Medium'; color: #fff; padding: 10px 15px; display: inline-block; width: 100%; box-sizing: border-box; } .wLatestNews .newsDate { font: normal 9px 'Metropolis Medium'; color: #ffffff; } .wLatestNews .wlnAll { display: block; position: absolute; right: 10px; top: 10px; color: #fff; font: bold 14px/20px 'Metropolis Bold'; z-index: 9; } .wLatestNews .caption { width: 270px; display: inline-block; padding: 10px 15px; color: #fff; font: bold 14px/20px 'Metropolis Bold'; float: left; position: relative; background: #263479; } .wLatestNews .caption a { width: 270px; display: inline-block; padding: 10px 15px; color: #fff; font: bold 14px/20px 'Metropolis Bold'; float: left; position: relative; background: #263479; } .wLatestNews .caption .arrow { width: 30px; height: 12px; display: block; position: absolute; left: 15px; bottom: -12px; background-position: -240px -110px; } .wLatestNews .newsList { width: 270px; display: inline-block; padding: 15px 15px 10px; float: left; } .wLatestNews .newsList li { width: 270px; display: inline-block; float: left; border-top: 1px dotted #263479; } .wLatestNews .newsList li:first-child { border-top: none; } .wLatestNews .newsList li a { width: 100%; display: inline-block; padding: 10px 0 5px; float: left; } .wLatestNews .newsList li a .hour { width: 50px; height: 22px; display: inline-block; color: #4055bc; font: normal 14px/22px 'Metropolis Medium'; float: left; } .wLatestNews .newsList li a .news { width: 180px; display: inline-block; color: #fff; font: normal 14px/22px 'Metropolis Bold'; float: left; } .wLatestNews .newsList li a .image { width: 80px; margin-right: 10px; display: inline-block; color: #fff; font: normal 14px/22px 'Metropolis Medium'; float: left; position: relative; } .wLatestNews .newsList li a .image img { max-width: 100%; } .wLatestNews .newsList li a .image .playBtn { display: block; width: 32px; height: 32px; background: url("../images/b_sprite.png") no-repeat -60px -170px; border-radius: 100%; position: absolute; left: 50%; margin-left: -16px; top: 50%; margin-top: -16px; } .wLatestNews .newsList.oneColumn li a .news { width: 100%; } .wLatestNews .newsList li a:hover .news { color: #42509a; } .wLatestNews .newsList.type2 li a { position: relative; padding-bottom: 25px; } .wLatestNews .newsList.type2 li a .news { width: 100%; height: 40px; display: block; overflow: hidden; font: normal 13px/20px 'Metropolis Medium'; } .wLatestNews .newsList.type2 li a .date { display: inline-block; font: normal 12px/20px 'Metropolis Medium'; position: absolute; right: 0; bottom: 0; color: #6e6969; } .wLatestNews .newsList.type2 li a:hover .news { color: #ffd7d7; } .liveStockBar { width: 100%; display: inline-block; margin-bottom: 40px; } .liveStockFilterBar ul.subSubMenu { display: inline-block; position: relative; width: auto; border: none; float: left; top: -4px; left: 0; padding: 0; background: none; } .liveStockFilterBar ul.subSubMenu li.select a { background: #2f6176; } .liveStockFilterBar .stockBox { height: 30px; display: inline-block; float: right; background: #fff; border: 1px solid #bcb2b2; margin-right: 10px; } .liveStockFilterBar .stockBox .stockName { height: 30px; display: inline-block; float: left; background: #a19898; margin-right: 5px; } .liveStockFilterBar .stockBox .stockName a { height: 20px; display: inline-block; padding: 6px 10px 4px; color: #fff; font: bold 18px/20px 'Metropolis Bold'; } .liveStockFilterBar .stockBox .stockWay { height: 11px; display: block; float: left; margin: 10px 5px 9px; } .liveStockFilterBar .stockBox .stockWay .arrow { width: 10px; height: 11px; display: block; } .liveStockFilterBar .stockBox .stockWay .arrow.up { background-position: -80px -23px; } .liveStockFilterBar .stockBox .stockWay .arrow.dw { background-position: -105px -23px; } .liveStockFilterBar .stockBox .stockWay .arrow.st { background-position: -130px -23px; } .liveStockFilterBar .stockBox .stockPrice { height: 20px; display: inline-block; float: left; padding: 6px 10px 4px; color: #393636; font: bold 18px/20px 'Metropolis Bold'; } .liveStockFilterBar { width: 100%; float: left; } .liveStockFilterBar .liveStockBttn { height: 21px; display: inline-block; padding: 8px 14px 6px; float: left; background-position: 0 -400px; border-top: 1px solid #dcd0d0; border-right: 1px solid #dcd0d0; } .liveStockFilterBar .liveStockBttn:first-child { border-left: 1px solid #dcd0d0; } .liveStockFilterBar .liveStockBttn:hover { background-position: 0 -430px; } .liveStockFilterBar .liveStockBttn .title { display: inline-block; color: #393636; font: bold 14px/21px 'Metropolis Bold'; float: left; margin-right: 48px; } .liveStockFilterBar .liveStockBttn .icon { display: block; float: right; } .liveStockFilterBar .liveStockBttn.myStocks { width: 149px; } .liveStockFilterBar .liveStockBttn.myStocks .icon { width: 14px; height: 19px; background-position: -270px -140px; } .liveStockFilterBar .liveStockBttn.listHider { width: 126px; } .liveStockFilterBar .liveStockBttn.listHider .icon { width: 18px; height: 9px; background-position: -287px -140px; margin: 5px 0; } .liveStockFilterBar .liveStockBttn.listHider.active .icon { background-position: -287px -150px; } .liveStockFilterBar .liveStockBttn.fonChanger { width: 210px; } .liveStockFilterBar .liveStockBttn.fonChanger .icon { width: 21px; height: 19px; background-position: -245px -140px; } .liveStockFilterBar .liveStockBttn.fonChanger.active { background: #000; } .liveStockFilterBar .liveStockBttn.fonChanger.active .title { color: #fff; } .liveStockFilterBar .liveStockBttn.fonChanger.active .icon { background-position: -220px -140px; } .liveStockFilterBar .latestDataTime { height: 30px; display: inline-block; margin: 1px 0; float: right; } .liveStockFilterBar .latestDataTime .text { display: inline-block; float: right; color: #393636; font: bold 14px/30px 'Metropolis Bold'; margin-right: 5px; } .splitNumbers { width: 155px; height: 30px; display: inline-block; float: right; overflow: hidden; } .splitNumbers span.com { padding: 0 !important; display: inline-block; width: 8px !important; height: 30px !important; background: transparent url(../images/countImages.png) no-repeat 0 0; background-position: -18px -306px; } .splitNumbers span.time { padding: 0 !important; display: inline-block; width: 8px !important; height: 30px !important; background: transparent url(../images/countImages.png) no-repeat 0 0; background-position: -5px -338px; } .splitNumbers span { padding: 0 !important; display: inline-block; margin: 0 0 0 2px !important; width: 20px !important; height: 30px !important; background: transparent url(../images/countImages.png) no-repeat; } .splitNumbers span.n1 { background-position: 0 -1px; } .splitNumbers span.n2 { background-position: 0 -31px; } .splitNumbers span.n3 { background-position: 0 -61px; } .splitNumbers span.n4 { background-position: 0 -91px; } .splitNumbers span.n5 { background-position: 0 -121px; } .splitNumbers span.n6 { background-position: 0 -151px; } .splitNumbers span.n7 { background-position: 0 -181px; } .splitNumbers span.n8 { background-position: 0 -211px; } .splitNumbers span.n9 { background-position: 0 -242px; } .splitNumbers span.n0 { background-position: 0 -272px; } .dovizBar { width: 100%; display: inline-block; } .dovizBar .dbItem { width: 194px; display: inline-block; padding: 7px; float: left; margin-left: 10px; border: 1px solid #e4e2e2; } .dovizBar .dbItem .line1 { width: 194px; display: inline-block; float: left; padding-bottom: 7px; border-bottom: 1px solid #e4e2e2; } .dovizBar .dbItem .line1 .name { display: inline-block; float: left; color: #262121; font: bold 13px/15px 'Metropolis Bold'; } .dovizBar .dbItem .line1 .value { display: inline-block; float: right; color: #262121; font: bold 13px/15px 'Metropolis Bold'; } .dovizBar .dbItem .box { width: 93px; display: inline-block; float: right; margin-top: 7px; border-left: 1px solid #e4e2e2; padding-left: 7px; } .dovizBar .dbItem .box.bFirst { border-left: none; float: left; padding: 0; } .dovizBar .dbItem .box .name { width: 93px; display: inline-block; float: left; color: #000; font: normal 10px/12px 'Metropolis Medium'; } .dovizBar .dbItem .box .value { width: 93px; display: inline-block; float: left; font: bold 20px/30px 'Metropolis Bold'; } .dovizBar .dbItem.up .box .value { color: #009819; } .dovizBar .dbItem.dw .box .value { color: #ea0000; } .dovizExchange { width: 630px; display: inline-block; padding: 9px; border: 1px solid #e2d9d9; background: #f3f0f0; } .dovizExchange .caption { width: 630px; display: inline-block; padding-bottom: 9px; color: #262121; font: bold 14px/20px 'Metropolis Bold'; border-bottom: 1px solid #e2d9d9; margin-bottom: 9px; float: left; } .dovizExchange .radioBtnGroup { width: 100%; display: inline-block; float: left; margin-bottom: 5px; } .dovizExchange .radioBtnGroup input { display: none; } .dovizExchange .radioBtnGroup label { height: 16px; display: inline-block; padding: 5px 0; color: #45499f; font: bold 14px/16px 'Metropolis Bold'; cursor: pointer; margin-right: 20px; } .dovizExchange .radioBtnGroup label small { width: 16px; height: 16px; display: block; margin-right: 5px; background-position: -200px -23px; float: left; } .dovizExchange .radioBtnGroup label.select small { background-position: -220px -23px; } .dovizExchange .filterBar { width: 100%; } .dovizExchange .filterBar div.FL { width: 290px; } .dovizExchange .filterBar div.FR { width: 330px; } .dovizExchange .filterBar .currency-list { width: 140px; } .goldTextArea { width: 650px; overflow: hidden; } .goldTextArea.fullwidth, .goldTextArea.fullwidth .head { width: 970px; } .goldTextArea.fullwidth .goldContent{ width:950px; } .goldTextArea .head { width: 650px; height: 34px; display: inline-block; background-color: #deeaef; } .goldTextArea .head .icon { width: 31px; height: 34px; display: block; background-position: 0 -170px; float: left; } .goldTextArea .head .caption { padding: 0 15px; color: #333; font: bold 12px/34px 'Metropolis Bold'; height: 34px; display: inline-block; float: left; } .goldTextArea .goldContent { width: 630px; display: inline-block; padding: 15px 10px 0; color: #262626; font: normal 12px/18px 'Metropolis Medium'; } .goldTextArea .goldContent a { display: inline-block; text-decoration: underline; color: #262626; } .goldTextArea .goldContent a:hover { color: #f68b25; } .goldTextArea.kripto { margin: 0 auto 20px; } .kurDetail { width: 650px; display: inline-block; padding-top: 9px; border-top: 1px solid #e4e2e2; } .kurDetail .kurBox { width: 155px; height: 60px; overflow: hidden; float: left; padding: 0 10px; border-left: 1px dotted #d2d2d2; } .kurDetail .kurBox:first-child { border: none; padding-left: 0; } .kurDetail .kurBox.last { width: 112px; } .kurDetail .kurBox .flag { width: 44px; height: 32px; display: block; float: left; } .kurDetail .kurBox .dName { width: 100%; height: 15px; display: inline-block; float: left; font: bold 13px 'Metropolis Bold'; overflow: hidden; margin-top: 5px; } .kurDetail .kurBox .text { width: 100%; display: inline-block; font: normal 10px/14px 'Metropolis Medium'; margin-bottom: 3px; } .kurDetail .kurBox .text2 { width: 100%; display: inline-block; font: bold 17px/20px 'Metropolis Bold'; margin-bottom: 3px; } .kurDetail .kurBox .text3 { width: 100%; display: inline-block; font: bold 11px/14px 'Metropolis Bold'; } .kurDetail .kurBox .value { width: 100%; display: inline-block; font: bold 34px 'Metropolis Bold'; } .kurDetail .kurBox .value.up { color: #009819; } .kurDetail .kurBox .value.dw { color: #e02b2b; } .chartBox { width: 600px; display: inline-block; padding: 24px; border: 1px solid #e4e2e2; } .chartBox .chartArea { width: 600px; height: 500px; display: block; overflow: hidden; float: left; } .kapNewsWidget { width: 620px; display: block; overflow: hidden; padding: 15px; background: #f0f0f0; } .kapNewsWidget .kapLink { width: 100%; display: inline-block; color: #333; font: normal 12px/16px 'Metropolis Medium'; } .kapNewsWidget .kapLink strong { color: #f68b25; font-weight: 700; } .kapNewsWidget .kapAllLink { display: inline-block; color: #333; font: bold 11px/15px 'Metropolis Bold'; margin-top: 5px; } .filterBar.fStyle1 { width: 100%; float: left; } .filterBar.fStyle1 .ddList { width: 420px; display: inline-block; float: right; } .filterBar.fStyle1 .ddList li { width: 60px; display: inline-block; float: left; } .filterBar.fStyle1 .ddList li a { width: 58px; display: inline-block; padding: 6px 0; color: #373737; font: bold 12px/18px 'Metropolis Bold'; text-align: center; border: 1px solid #e2d9d9; border-left: none; background-position: 0 -520px; } .filterBar.fStyle1 .ddList li:first-child a { border-left: 1px solid #e2d9d9; } .filterBar.fStyle1 .ddList li a:hover { background: #fff; } .filterBar.fStyle1 .ddList li.active a { background: #9cbfd3; color: #fff; } .wPariteler { width: 280px; display: block; overflow: hidden; padding: 9px; border: 1px solid #d5d5d5; background: #fff; } .wPariteler .caption { width: 280px; display: inline-block; float: left; margin-bottom: 10px; color: #262121; font: bold 14px/18px 'Metropolis Bold'; } .wPariteler .wpCnt { width: 280px; display: inline-block; float: left; } .wPariteler .wpCnt .wpHead { width: 280px; display: inline-block; float: left; border-bottom: 1px solid #4055bc; margin-bottom: 10px; } .wPariteler .wpCnt .wpHead li { display: inline-block; float: left; color: #4055bc; font: bold 12px/20px 'Metropolis Bold'; text-align: right; } .wPariteler .wpCnt .wpBody { width: 280px; height: 14px; margin: 8px 0; display: inline-block; float: left; } .wPariteler .wpCnt .wpBody li { display: inline-block; float: left; color: #666; font: normal 11px/14px 'Metropolis Medium'; text-align: right; position: relative; } .wPariteler .wpCnt .wpBody li span { width: 10px; height: 11px; display: block; position: absolute; right: 0; top: 1px; } .wPariteler .wpCnt .wpBody li span.up { background-position: -80px -23px; } .wPariteler .wpCnt .wpBody li span.dw { background-position: -105px -23px; } .wPariteler .wpCnt .wpBody li span.st { background-position: -130px -23px; } .wPariteler .wpCnt .wpBody li a { font-weight: 700; color: #333; } .wPariteler .wpCnt .wpHead li.tal, .wPariteler .wpCnt .wpBody li.tal { text-align: left; } .wPariteler .wpCnt .wpHead li.wp01, .wPariteler .wpCnt .wpBody li.wp01 { width: 100px; } .wPariteler .wpCnt .wpBody li.wp02 { width: 75px; padding-right: 15px; } .wPariteler .wpCnt .wpHead li.wp02, .wPariteler .wpCnt .wpHead li.wp03, .wPariteler .wpCnt .wpBody li.wp03 { width: 90px; } .bankaSubeleri { margin-bottom: 15px; } .bankaSubeleri .col { display: inline-block; float: left; margin: 0 0 5px 10px; color: #888; font: bold 12px/18px 'Metropolis Bold'; } .bankaSubeleri .col1 { width: 250px; margin-left: 0; } .bankaSubeleri .col2 { width: 150px; } .bankaSubeleri .col3 { width: 150px; } .bankaSubeleri .col4 { width: 50px; } .bankaSubeleri .col select { width: 100%; } .mainCommentsArea { width: 100%; display: inline-block; } .mainCommentsArea .caption { width: 100%; display: inline-block; color: #262121; font: bold 16px/20px 'Metropolis Bold'; padding-bottom: 5px; } .mainCommentsArea .form { background: #f6f6f6; width: 610px; padding: 20px; } .mainCommentsArea .form .filterBar { width: 100%; display: inline-block; } .mainCommentsArea .form .filterBar input[type="text"] { width: 250px; } .mainCommentsArea .form textarea { background: #fff; border: 1px solid #d9d9d9; width: 590px; padding: 10px; font: 'Metropolis Medium'; color: #7c7c7c; } .mainCommentsArea .form .sendArea { display: table; width: 100%; padding-top: 6px; } .comment-note { clear: both; font: 11px 'Metropolis Medium'; color: #7c7c7c; padding-top: 22px; } .mainCommentsArea .form .sendArea input { padding: 10px 20px; float: right; border: none; background: #ff9e2e; font-size: 16px; } .ied .mainCommentsArea .form .sendArea input { padding: 0 20px; } .ie7 .mainCommentsArea .form .sendArea input { height: 32px; } .mainCommentsArea .form .sendArea b { font: 14px 'Metropolis Medium'; color: #7c7c7c; } .mainCommentsArea .comments { width: 650px; display: inline-block; } .mainCommentsArea .comments .cItem { width: 590px; display: inline-block; padding: 30px 10px 15px 10px; position: relative; margin-bottom: 10px; background: #fff; } .mainCommentsArea .comments .cItem .absTopText { max-width: 450px; height: 12px; display: inline-block; border: 1px solid #d2d2d2; padding: 5px 10px; overflow: hidden; border-top: none; position: absolute; left: 0; top: 0; border-left: 3px solid #ff9000; } .mainCommentsArea .comments .cItem .absTopText a { display: inline-block; color: #333; font: bold 11px/12px 'Metropolis Bold'; } .mainCommentsArea .comments .cItem .voteBar { border-top: 1px solid #d9d9d9; clear: both; display: table; padding-top: 10px; margin-top: 3px; width: 100%; } .mainCommentsArea .comments .cItem .voteBar .text { display: inline-block; color: #333; font: bold 12px/23px 'Metropolis Bold'; margin-right: 10px; float: left; } .mainCommentsArea .comments .cItem .voteBar .opt { font: normal 12px 'Metropolis Medium'; cursor: pointer; margin: 0 5px; float: left; line-height: 19px; } .mainCommentsArea .comments .cItem .voteBar .opt .s { width: 11px; height: 11px; display: block; float: left; margin: 2px; } .mainCommentsArea .comments .cItem .voteBar .opt .s.yes { background-position: -40px -170px; } .mainCommentsArea .comments .cItem .voteBar .opt .s.no { background-position: -40px -185px; } .delete-comment { font: 12px 'Metropolis Medium'; color: #bebaba; display: inline-block; line-height: 19px; margin-left: 2px; cursor: pointer; } .commentUser { float: right; } .voteButton { float: left; } .mainCommentsArea .comments .cItem .row { width: 100%; display: inline-block; } .mainCommentsArea .comments .cItem .row .username { display: inline-block; float: left; color: #333; font: bold 14px/20px 'Metropolis Bold'; margin-bottom: 5px; } .mainCommentsArea .comments .cItem .row .username.comUser { padding: 3px 10px; border: 1px solid #c4650b; color: #fff; font: normal 11px/12px 'Metropolis Medium'; background: #f68b25; } .mainCommentsArea .comments .cItem .row .dateTime { display: inline-block; float: left; color: #333; font: normal 11px/15px 'Metropolis Medium'; margin-bottom: 5px; } .mainCommentsArea .comments .cItem .row .message { width: 100%; display: inline-block; float: left; color: #222; font: normal 12px/20px 'Metropolis Medium'; } .mainCommentsArea .commentUser { color: #bebaba; font: 11px/15px 'Metropolis Medium'; } .mainCommentsArea .commentUser .username { background: #bebaba; color: #fff; display: inline-block; padding: 2px 5px; margin-left: 3px; } /*new comment icon*/ .comment-vote { float: left; padding-left: 23px; font-size: 13px; font-weight: bold; line-height: 19px; text-align: right; height: 19px; line-height: 22px; margin-right: 5px; background-repeat: no-repeat; background-size: 18px 19px; } .no-like { color: #f5191b; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RThCM0IzRjUwMEFBMTFFNjkzQzU5QUZCNDZDRDc1QkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RThCM0IzRjYwMEFBMTFFNjkzQzU5QUZCNDZDRDc1QkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFOEIzQjNGMzAwQUExMUU2OTNDNTlBRkI0NkNENzVCRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFOEIzQjNGNDAwQUExMUU2OTNDNTlBRkI0NkNENzVCRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpsT30QAAAEXSURBVHjarFTREYIwDC0cC+Cf518ZAUeQEXAEGQFHgBF0BBhBRrAjyAr98t/Ge+ViryCIuQs9SvL6XpoQPLc7MWHSeI41ZfvK+BXr2wIA5SMANrk3rtn3GDFH460Fupj15GGjENTxkxnQHQdktBHiVAV0geTE+N547QERYNdyuSGTwmX04rspMCs50LCxwFowiznQr6atkrVAxOpArNYCSbDS/2BENcp9QNSI1Uwg2xoyMo8CiTELKPFeODJSz6FkXQTUzAmoANajKS1Q47m1M2EEE0Pb4EYyJuGB5JrV6GNofUbSblgTJpnYbpwhnuwjS1uyWoyOTjjzVmyRD2OB0YwR6NjPLWcztoiRgDwNoNppicFeAgwABVhBX7X2g4AAAAAASUVORK5CYII="); } .yes-like { color: #54c25f; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDhCRDgzRDgwMEFBMTFFNkJBQkVDRDdFNzJFRTEwMjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDhCRDgzRDkwMEFBMTFFNkJBQkVDRDdFNzJFRTEwMjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEOEJEODNENjAwQUExMUU2QkFCRUNEN0U3MkVFMTAyMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEOEJEODNENzAwQUExMUU2QkFCRUNEN0U3MkVFMTAyMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj/YI9EAAAENSURBVHjarFTRDYIwFKwNC+AIXYEVygbCr38yAo4AI+gIMoJ8+d8RZARZwdZcydFAgtaXXBqa13vX473uDo+j2BAK67CWIDeQnCyewN0iiyHqLSooa34hUlDgiK6Atki/JSqwmhiPnJIaanrsOTUjMItkhcRJv0BBSXsFSLxPU5GEkjhu8Cen6gXyUigVWJ1vlcTHK4C7wpm8ETiwD9Dir2pJhgqSm+NgGGOA1vu5ZLYhc7f02OeMFHGh/kU0XTeGKKXxETJWie92SQaXXxLVUGWYSNHzkEGy2mC0U9P5zu7Q8jXNkw5GwATNqdF/Pc9au9B8ipKbFUUGb9RsaMeFJIMi/tr8Mg5h8bcAAwBMQUaVxH0LugAAAABJRU5ErkJggg=="); } /*new comment icon end*/ .akgList { width: 650px; display: inline-block; } .akgList li { width: 315px; height: 32px; display: block; overflow: hidden; margin: 0 0 10px 20px; float: left; } .akgList li a { max-width: 315px; display: inline-block; } .akgList li a .sBg { width: 100px; float: left; text-align: center; } .akgList li a .title { width: 183px; height: 32px; float: left; margin-left: 10px; color: #555; font: bold 12px/32px 'Metropolis Bold'; } .akgList li.active a .title { color: #ff8a19; } .akgList .text { width: 100%; display: inline-block; color: #333; font: normal 12px/20px 'Metropolis Medium'; } .akgList .text p { width: 100%; display: inline-block; margin: 5px 0; } .ptCnt { width: 100%; display: inline-block; } .ptCnt .date { display: inline-block; margin-bottom: 3px; float: left; color: #fff; font: bold 15px 'Metropolis Bold'; padding: 5px 10px; background: #afcbd5; } .ptCnt .ptTable { width: 648px; display: inline-block; float: left; border-left: 1px solid #d9eae8; border-right: 1px solid #d9eae8; border-bottom: 1px solid #e8e8e8; border-top: 5px solid #cee1e8; margin-bottom: 20px; } .ptCnt .ptTable .ptHead { width: 648px; display: inline-block; background: #f4f8f9; float: left; } .ptCnt .ptTable .ptHead li { display: inline-block; padding: 10px 5px; text-align: right; color: #333; font: bold 12px 'Metropolis Bold'; float: left; } .ptCnt .ptTable .ptHead li.pt1 { width: 35px; text-align: left; } .ptCnt .ptTable .ptHead li.pt2 { width: 250px; text-align: left; padding-left: 26px; } .ptCnt .ptTable .ptHead li.pt3 { width: 50px; } .ptCnt .ptTable .ptHead li.pt4 { width: 65px; color: #72a8bb; } .ptCnt .ptTable .ptHead li.pt5 { width: 70px; color: #72a8bb; } .ptCnt .ptTable .ptBody { width: 648px; display: inline-block; float: left; } .ptCnt .ptTable .ptBody .ptList { width: 648px; display: inline-block; float: left; border-top: 1px solid #e8e8e8; } .ptCnt .ptTable .ptBody .ptList li { display: inline-block; padding: 10px 5px; text-align: right; color: #333; font: bold 11px/15px 'Metropolis Bold'; float: left; } .ptCnt .ptTable .ptBody .ptList li.ptTim { width: 35px; text-align: left; color: #333; } .ptCnt .ptTable .ptBody .ptList li.ptCou { width: 35px; text-align: left; color: #9f8382; } .ptCnt .ptTable .ptBody .ptList li.ptGos { width: 220px; text-align: left; font-weight: 400; padding-left: 25px; } .ptCnt .ptTable .ptBody .ptList li.ptOnc { width: 30px; text-align: left; padding: 10px 15px; } .ptCnt .ptTable .ptBody .ptList li.ptOnc .ptPriority { width: 19px; height: 14px; display: block; } .ptCnt .ptTable .ptBody .ptList li.ptOnc .ptPriority span { height: 14px; display: block; background: url(../images/ptPriority.gif) no-repeat; } .ptCnt .ptTable .ptBody .ptList li.ptOnc .ptPriority span.ptp1 { width: 5px; } .ptCnt .ptTable .ptBody .ptList li.ptOnc .ptPriority span.ptp2 { width: 12px; } .ptCnt .ptTable .ptBody .ptList li.ptOnc .ptPriority span.ptp3 { width: 19px; } .ptCnt .ptTable .ptBody .ptList li.ptAci { width: 75px; color: #72a8bb; } .ptCnt .ptTable .ptBody .ptList li.ptBek { width: 50px; } .ptCnt .ptTable .ptBody .ptList li.ptPre { width: 90px; color: #72a8bb; } .videoNewsList { width: 100%; display: inline-block; } .videoNewsList .vnItem { width: 315px; display: inline-block; float: left; margin-left: 20px; } .videoNewsList .vnItem a { width: 100%; display: inline-block; margin: 5px 0; padding: 10px 0; position: relative; border-bottom: 1px dotted #d2d2d2; } .videoNewsList .vnItem a .imgs { width: 128px; height: 72px; display: block; float: left; position: relative; margin-right: 12px; } .videoNewsList .vnItem a .imgs img { width: 128px; height: 72px; display: block; float: left; } .videoNewsList .vnItem a .imgs .play { width: 33px; height: 33px; display: block; position: absolute; left: 50px; top: 20px; background-position: -60px -170px; } .videoNewsList .vnItem a .title { width: 175px; height: 51px; display: block; overflow: hidden; float: left; color: #333; font: bold 13px/17px 'Metropolis Bold'; } .videoNewsList .vnItem a .date { width: 175px; height: 18px; display: block; overflow: hidden; color: #555; font: normal 13px/18px 'Metropolis Medium'; position: absolute; left: 140px; bottom: 5px; } .videoNewsList .vnItem a:hover .title { color: #ff8a1a; } .newBpSlider.video .bpContainer .bpItem .textArea { background: transparent url(../images/transBgW.png) repeat; } .newBpSlider.video .bpContainer .bpItem .textArea .play { width: 33px; height: 33px; display: none; overflow: hidden; float: left; margin: 0 12px 0 0; background-position: -60px -170px; } .newBpSlider.video .bpContainer .bpItem .textArea .newsCaption { font: bold 25px/33px 'Metropolis Bold'; color: #333; } .tradingview-widget-wrapper { height:1042px; } .kobiNews { width: 100%; display: inline-block; } .kobiNews .caption { width: 100%; display: inline-block; padding-bottom: 5px; color: #333; font: bold 14px/20px 'Metropolis Bold'; float: left; border-bottom: 1px dotted #d2d2d2; } .kobiNews .knList { width: 100%; display: inline-block; float: left; } .kobiNews .knList .knItem .knItem-img-wrapper { position: relative; display: inline-block; } .kobiNews .knList .knItem { width: 210px; min-height: 260px; display: inline-block; padding: 10px 0; float: left; margin-right: 10px; border-bottom: 1px dotted #d2d2d2; position: relative; } .kobiNews .knList .knItem .play { width: 33px; height: 33px; display: block; position: absolute; left: calc(50% - 16px); top: calc(50% - 16px); background-position: -60px -170px; } .knList.knList-type-varant .knItem { width: 25%; box-sizing: border-box; margin: 0; padding: 10px 5px; } .kobiNews .knList .knItem:nth-child(3n) { margin-right: 0; } .kobiNews .knList .knItem.clearItem { margin-right: 10px; } .kobiNews .knList .knItem.kripto-ads-box { display: none; } .kobiNews .knList .knItem a { width: 210px; height: 254px; display: block; overflow: hidden; float: left; } .kobiNews .knList .knItem a img { width: 210px; height: 150px; display: block; float: left; } .kobiNews .knList .knItem a .title { width: 100%; max-height: 36px; display: block; overflow: hidden; margin-top: 10px; color: #333; font: bold 14px/18px 'Metropolis Bold'; float: left; } .kobiNews .knList .knItem a .spot { width: 100%; max-height: 48px; display: block; overflow: hidden; margin-top: 10px; color: #888; font: normal 12px/16px 'Metropolis Medium'; float: left; } .metenem .widgetCp ul.tabMenu li.tabItem { width: 78px; } .metenem .widgetCp ul.tabMenu li.tabItem.selected { width: 80px; } .metenem .widgetCp .capRow .inCap span.symbol { width: 120px; } .metenem .widgetCp .capRow .inCap span.last { width: 55px; padding-right: 5px; } .metenem .widgetCp .capRow .inCap span.last2 { width: 35px; text-align: right; } .metenem .widgetCp .peCnt { height: 265px; } .metenem .widgetCp .peCnt .peGroup ul li ol li { width: 55px; font: normal 11px/15px 'Metropolis Medium'; padding: 6px 5px 4px 0; } .metenem .widgetCp .peCnt .peGroup ul li ol li.last2 { width: 35px; } .metenem .widgetCp .peCnt .peGroup ul li ol li:first-child { width: 110px; padding-left: 5px; } .metenem .widgetCp .peCnt .peGroup ul li ol li a { font: bold 11px/15px 'Metropolis Bold'; } .bitcoinHead { width: 970px; display: inline-block; margin-bottom: 15px; background-color: #fff; } .bitcoinHead .logo { width: 53px; height: 44px; display: block; margin-right: 1px; float: left; background: transparent url(../images/bitcoinBg.png) no-repeat 0 0; } .bitcoinHead .logoName { width: 916px; height: 44px; display: block; float: left; background: #ffb60f url(../images/bitcoinBg.png) no-repeat 0 -45px; } ul.bitcoinList { width: 970px; display: inline-block; } ul.bitcoinList .btItem { width: 210px; display: inline-block; padding: 15px 10px; border: 1px solid #dfe5e6; float: left; position: relative; margin-left: 14px; } ul.bitcoinList .btItem:first-child { margin-left: 0; } ul.bitcoinList .btItem .icon { width: 11px; height: 11px; display: block; position: absolute; left: 4px; top: 4px; background: transparent url(../Images/bitcoinBg.png) no-repeat 0 -90px; } ul.bitcoinList .btItem .top { width: 200px; display: inline-block; padding: 0 5px 15px; border-bottom: 1px solid #dfe5e6; } ul.bitcoinList .btItem .top .left { width: 100px; display: block; float: left; } ul.bitcoinList .btItem .top .left .caption { width: 100px; display: inline-block; color: #efac14; font: bold 16px 'Metropolis Bold'; margin-bottom: 5px; } ul.bitcoinList .btItem .top .left .caption a { width: 100px; display: inline-block; color: #efac14; font: bold 16px 'Metropolis Bold'; margin-bottom: 5px; } ul.bitcoinList .btItem .top .left .value { width: 100px; display: inline-block; font: bold 16px 'Metropolis Bold'; } ul.bitcoinList .btItem .top .left .value.up { color: #149e23; } ul.bitcoinList .btItem .top .left .value.down { color: #cd1a1a; } ul.bitcoinList .btItem .top .left select { width: 50px; height: 20px; display: block; color: #222; font: normal 10px 'Metropolis Medium'; text-align: left; margin-top: 12px; padding: 0; } ul.bitcoinList .btItem .top .right { width: 100px; display: block; float: right; } ul.bitcoinList .btItem .top .right span { width: 45px; display: inline-block; color: #666; font: normal 13px 'Metropolis Medium'; float: left; text-align: left; margin-bottom: 5px; } ul.bitcoinList .btItem .top .right small { width: 55px; display: inline-block; color: #333; font: bold 13px 'Metropolis Bold'; float: right; text-align: right; margin-bottom: 5px; } ul.bitcoinList .btItem .bottom { width: 200px; display: inline-block; padding: 15px 5px 0; } ul.bitcoinList .btItem .bottom .caption { width: 49px; display: block; float: left; color: #666; font: normal 13px 'Metropolis Medium'; margin-top: 3px; } ul.bitcoinList .btItem .bottom .right { display: block; float: right; } ul.bitcoinList .btItem .bottom .right .value { width: 95px; display: block; float: left; color: #222; font: bold 13px 'Metropolis Bold'; text-align: right; margin-top: 3px; } ul.bitcoinList .btItem .bottom .right select { width: 50px; height: 20px; display: block; float: right; color: #222; font: normal 10px 'Metropolis Medium'; text-align: left; border: 1px; } #chart_div_value { width: 970px; height: 350px; display: block; overflow: hidden; } .btcMembership { width: 280px; display: inline-block; padding: 10px; background: #252323; } .btcMembership .caption { width: 100%; display: inline-block; color: #fff; font: bold 15px/20px 'Metropolis Bold'; margin-bottom: 10px; } .btcMembership .btcMemberCnt { width: 100%; display: inline-block; } .btcMembership .btcMemberCnt .form-control { width: 266px; margin-bottom: 5px; color: #000; font: bold 13px/18px 'Metropolis Bold'; } .btcMembership .btcMemberCnt .btn-signup { width: 258px; } .btcMembership .btcAlert { width: 100%; display: inline-block; margin-top: 5px; color: #eee; font: normal 11px/30px 'Metropolis Medium'; } .btcMembership .btcAlert .alert { width: 30px; height: 30px; display: block; float: left; margin-right: 10px; background: transparent url(../images/feedbackSprite.png) no-repeat 0 0; } .masterBox { width: 298px; height: auto; overflow: hidden; border: 1px solid #d2d2d2; } .masterBox span { width: 280px; display: inline-block; padding: 5px 10px; font: bold 16px 'Metropolis Bold'; font-style: italic; color: #333; background-color: #d2d2d2; } .masterBox a { display: inline-block; color: #000; padding: 9px; } .masterBox img { max-width: 140px; max-height: 125px; display: block; margin-right: 15px; float: left; } .masterBox b { width: 125px; height: 20px; overflow: hidden; float: right; font: bold 11px 'Metropolis Bold'; } .masterBox small { width: 125px; height: 20px; overflow: hidden; float: right; font: normal 14px 'Metropolis Medium'; color: #444; } .masterBox h3 { width: 125px; height: 70px; overflow: hidden; float: right; font: normal 18px/24px 'Metropolis Medium'; margin-top: 10px; } .masterBox p { width: 280px; height: auto; display: inline-block; font: normal 12px/15px 'Metropolis Medium'; color: #444; margin-top: 10px; overflow: hidden; } .waySelector { width: 650px; height: 22px; display: inline-block; position: relative; z-index: 9; } .waySelector .item { display: inline-block; position: absolute; top: 0; text-align: center; } .waySelector .item .tagA { width: 120px; height: 16px; display: inline-block; padding: 3px 10px; color: #fff; font: bold 14px/16px 'Metropolis Bold'; background: #2f4668; } .waySelector .item.prev { left: 0; } .waySelector .item.next { right: 0; } .waySelector .item:hover .hoverNews { display: inline-block; } .waySelector .item .hoverNews { width: 250px; height: 34px; display: none; padding: 5px; position: absolute; top: 22px; background: #2f4668; } .waySelector .item .hoverNews img { width: 60px; height: 34px; display: block; float: left; } .waySelector .item .hoverNews .caption { width: 185px; height: 34px; display: block; overflow: hidden; float: left; color: #fff; font: normal 12px/17px 'Metropolis Medium'; margin-left: 5px; text-align: left; } .waySelector .item.prev .hoverNews { left: 0; } .waySelector .item.next .hoverNews { right: 0; } .dtSizeLine { width: 100%; display: inline-block; margin: 10px 0; padding-bottom: 5px; border-bottom: 3px solid #eee; } .dtSizeLine .dateTime { height: 14px; display: inline-block; color: #2f4668; font: bold 12px/20px 'Metropolis Bold'; text-align: left; float: left; } .dtSizeLine .fontSize { width: 40px; height: 20px; display: inline-block; float: right; } .dtSizeLine .fontSize a { width: 20px; height: 20px; display: block; background: url(../images/fontResizer.png) no-repeat; float: left; } .dtSizeLine .fontSize a.up { background-position: 0 0; } .dtSizeLine .fontSize a.down { background-position: -25px 0; } .dtSizeLine .fontSize a.up:hover { background-position: 0 -25px; } .dtSizeLine .fontSize a.down:hover { background-position: -25px -25px; } .newsDetail { width: 650px; display: inline-block; color: #444; font: normal 16px/26px 'Metropolis Bold'; } .newsDetail .newsImg { width: 650px; height: 365px; display: block; margin-bottom: 10px; } .newsDetail p { width: 650px; display: inline-block; margin-bottom: 10px; } .newsDetail b { width: 650px; display: inline-block; color: #333; font: bold 16px/25px 'Metropolis Bold'; margin-bottom: 10px; } .newsDetail strong { width: 650px; display: inline-block; color: #333; font: bold 16px/25px 'Metropolis Bold'; margin-bottom: 10px; } .newsDetail .bpNewDetailLink1 { width: auto; display: inline-block; color: #fff; font: bold 18px/25px 'Metropolis Bold'; padding: 5px 10px; background: #f68b25; margin-bottom: 10px; } .newsDetail .bpNewDetailLink2 { width: 100%; display: inline-block; color: #f68b25; font: bold 16px/25px 'Metropolis Bold'; margin-bottom: 10px; } .newsDetail .relatedNewsLink1 { width: 622px; height: 90px; display: inline-block; padding: 7px; border: 7px solid #e4e3df; margin-bottom: 10px; } .newsDetail .relatedNewsLink1 img { width: 160px; height: 90px; display: block; float: left; margin-right: 22px; padding: 0 !important; } .newsDetail .relatedNewsLink1 .caption { width: 440px; height: 90px; display: block; overflow: hidden; float: left; color: #333; font: normal 28px/30px 'Metropolis Medium'; } .newsDetail .aboutAuthors { width: 100%; display: inline-block; } .newsDetail .aboutAuthors li { width: 100%; display: inline-block; margin-bottom: 20px; float: left; } .newsDetail .aboutAuthors li .authorName { width: 100%; display: inline-block; float: left; margin-bottom: 5px; color: #333; font: bold 16px/20px 'Metropolis Bold'; } .newsDetail .aboutAuthors li .authorImg { width: 194px; height: 196px; display: block; float: left; padding: 0 15px 15px 0; } .newsDetail img { max-width: 100%; } .bigAction { width: 550px; height: 255px; display: block; overflow: hidden; padding: 0 50px 20px; background: #eee; position: relative; } .bigAction .caption { width: 550px; height: 50px; display: inline-block; float: left; color: #a0106f; font: normal 20px/50px "Metropolis Medium"; } .bigAction .sisCnt { width: 550px; height: 205px; display: block; overflow: hidden; float: left; } .bigAction .sisCnt .sisWrapper { width: 10000px; height: 205px; display: block; } .bigAction .sisCnt .sisWrapper .item { width: 180px; height: 205px; display: block; float: left; margin-left: 5px; background: #fff; } .bigAction .sisCnt .sisWrapper .item:first-child { margin-left: 0; } .bigAction .sisCnt .sisWrapper .item .title { width: 180px; height: 40px; display: table; float: left; background: #d9d9d9; } .bigAction .sisCnt .sisWrapper .item .title .name { width: 160px; height: 32px; display: table-cell; padding: 4px 10px; color: #000; font: normal 13px/16px "Metropolis Medium"; vertical-align: middle; } .bigAction .sisCnt .sisWrapper .item img { width: 180px; height: 103px; display: block; float: left; } .bigAction .sisCnt .sisWrapper .item .extra { width: 160px; height: 80px; display: none; overflow: hidden; padding: 5px 10px; float: left; } .bigAction .sisCnt .sisWrapper .item .extra .ex1 { width: 160px; max-height: 60px; display: block; float: left; color: #666; font: normal 12px/15px "Metropolis Medium"; margin-bottom: 5px; } .bigAction .sisCnt .sisWrapper .item .extra .ex2 { width: 160px; height: 15px; display: block; float: left; color: #444; font: normal 12px/15px "Metropolis Medium"; } .bigAction .sisCnt .sisWrapper .item .discount { width: 160px; display: block; padding: 0 10px; float: left; color: #000; font: normal 13px/18px "Metropolis Medium"; margin-top: 5px; } .bigAction .sisCnt .sisWrapper .item .price { width: 70px; height: 30px; display: block; padding: 0 10px; float: left; color: #a0106f; font: normal 18px/30px "Metropolis Medium"; } .bigAction .sisCnt .sisWrapper .item .buy { height: 20px; display: block; padding: 5px 10px; float: right; color: #fff; font: normal 18px/20px "Metropolis Medium"; background: #ffb400; } .bigAction .arrow { width: 45px; height: 90px; display: block; position: absolute; top: 103px; background: #e3e3e3; text-align: center; color: #999; font: bold 80px/80px 'Metropolis Bold'; cursor: pointer; } .bigAction .arrow.prev { left: 0; } .bigAction .arrow.next { right: 0; } .bigAction .arrow:hover { color: #fff; background: #a0106f; } .bigAction .sisCnt .sisWrapper .item:hover { background: #ffeffa; } .bigAction .sisCnt .sisWrapper .item:hover .title { background: #ffb400; } .bigAction .sisCnt .sisWrapper .item:hover .discount { color: #555; } .bigAction .sisCnt .sisWrapper .item:hover .price { color: #000; } .bigAction .sisCnt .sisWrapper .item:hover .buy { color: #fff; background: #a0106f; } .bilgiCnt { width: 970px; display: inline-block; } .kunye { width: 970px; display: inline-block; } .kunye h2 { width: 970px; display: inline-block; text-align: center; font: bold 15px 'Metropolis Bold'; color: #a0a0a0; } .kunye h3 { width: 970px; display: inline-block; text-align: center; font: bold 16px 'Metropolis Bold'; margin-top: 20px; } .kunye span { width: 970px; display: inline-block; text-align: center; font: bold 14px 'Metropolis Bold'; color: #444; margin-top: 40px; } .kunye p { width: 970px; display: inline-block; text-align: center; font: normal 14px 'Metropolis Medium'; color: #777; margin-top: 10px; } .kunye .contactUs { width: 970px; display: inline-block; text-align: center; font: normal 14px 'Metropolis Medium'; color: #333; margin-top: 50px; } .kunye .contactUs a { display: inline-block; color: #333; font-weight: 700; } .kunye .address { width: 970px; display: inline-block; text-align: center; font: normal 14px 'Metropolis Medium'; color: #333; margin-top: 30px; } .bilgiCnt .sssRow { width: 970px; display: inline-block; margin-bottom: 20px; position: relative; } .bilgiCnt .sssRow span.icon { width: 9px; height: 9px; display: block; position: absolute; top: 3px; left: 0; background-color: #f68b25; } .bilgiCnt .sssRow h3 { width: 950px; display: inline-block; color: #666; font: bold 16px 'Metropolis Bold'; float: right; margin-bottom: 3px; } .bilgiCnt .sssRow p { width: 950px; display: inline-block; color: #666; font: normal 12px/17px 'Metropolis Medium'; float: right; } .bilgiCnt .yatStr { width: 970px; display: inline-block; margin-bottom: 35px; } .bilgiCnt .yatStr p { width: 970px; display: inline-block; margin-bottom: 10px; font: normal 12px/18px 'Metropolis Medium'; color: #444; } .bilgiCnt .yatStr ul { width: 950px; display: inline-block; margin: 0 0 10px 20px; } .bilgiCnt .yatStr ul li { width: 970px; display: inline-block; } .bilgiCnt .yatStr ul li a { display: inline-block; font: normal 12px/18px 'Metropolis Medium'; color: #444; } .bilgiCnt .links { width: 970px; display: inline-block; margin-bottom: 35px; } .bilgiCnt .links span { width: 970px; display: inline-block; font: bold 12px 'Metropolis Bold'; color: #a0a0a0; padding-bottom: 10px; float: left; } .bilgiCnt .links .column { width: 450px; display: inline-block; float: left; } .bilgiCnt .links .column.fChild { margin-right: 30px; padding-right: 30px; border-right: 1px solid #ddd; } .bilgiCnt .links .column ul { width: 450px; display: inline-block; border-bottom: 1px solid #d2d2d2; } .bilgiCnt .links .column ul:first-child { border-top: 1px solid #d2d2d2; } .bilgiCnt .links .column ul li { width: 220px; display: inline-block; float: left; margin-left: 10px; padding: 10px 0 5px; color: #444; font: bold 12px 'Metropolis Bold'; } .bilgiCnt .links .column ul li:first-child { margin-left: 0; } .bilgiCnt .links .column ul li a { color: #777; font: normal 12px 'Metropolis Medium'; } .bilgiCnt .hisseBir { width: 970px; display: inline-block; margin-bottom: 35px; } .bilgiCnt .hisseBir p { width: 970px; display: inline-block; margin-bottom: 10px; font: normal 12px 'Metropolis Medium'; color: #444; } .bilgiCnt .formuleBox { width: 928px; height: 150px; display: inline-block; padding: 20px; border: 1px solid #d2d2d2; margin-bottom: 35px; } .bilgiCnt .mobil { width: 970px; display: inline-block; } .bilgiCnt .mobil .mobilLogo { width: 122px; height: 25px; display: block; margin-bottom: 10px; } .bilgiCnt .mobil p { width: 970px; display: inline-block; margin-bottom: 15px; color: #444; font: normal 12px/20px 'Metropolis Medium'; } .bilgiCnt .mobil span { width: 970px; display: inline-block; margin-bottom: 5px; color: #333; font: bold 12px/20px 'Metropolis Bold'; } .bilgiCnt .mobil ul.mobil { width: 970px; display: inline-block; margin-bottom: 20px; } .bilgiCnt .mobil ul.mobil li { width: 850px; display: inline-block; color: #444; font: normal 12px/17px 'Metropolis Medium'; float: left; } .bilgiCnt .mobil ul.mobil li.caption { width: 100px; margin-right: 20px; font-weight: 700; } .widgetCnt { width: 100%; display: inline-block; } .widgetCnt .text { width: 100%; display: inline-block; color: #333; font: normal 12px/15px 'Metropolis Medium'; } .widgetCnt .filterBar { width: 100%; } .filterBar .row { width: 100%; float: left; margin-bottom: 10px; } .widgetCnt .filterBar input[type="text"] { width: 50px; } .widgetCnt .filterBar .radioBtnGroup input { display: none; } .widgetCnt .filterBar .radioBtnGroup label { height: 16px; display: inline-block; padding: 5px 0; color: #8dbfd4; font: normal 12px/16px 'Metropolis Medium'; cursor: pointer; margin-right: 20px; } .widgetCnt .filterBar .radioBtnGroup label small { width: 16px; height: 16px; display: block; margin-right: 5px; background-position: -200px -23px; float: left; } .widgetCnt .filterBar .radioBtnGroup label.select small { background-position: -220px -23px; } .widgetCnt .filterBar .checkBtnGroup input { display: none; } .widgetCnt .filterBar .checkBtnGroup label { height: 16px; display: inline-block; padding: 5px 0; color: #8dbfd4; font: normal 12px/16px 'Metropolis Medium'; cursor: pointer; margin-right: 20px; } .widgetCnt .filterBar .checkBtnGroup label small { width: 16px; height: 16px; display: block; margin-right: 5px; background-position: -105px -170px; float: left; } .widgetCnt .filterBar .checkBtnGroup label.select small { background-position: -105px -189px; } .widgetCnt .insertCode { width: 650px; display: inline-block; } .widgetCnt .insertCode b { width: 650px; display: inline-block; font: bold 12px 'Metropolis Bold'; color: #333; margin-bottom: 5px; } .widgetCnt .insertCode textarea { width: 628px; display: inline-block; font: normal 12px 'Metropolis Medium'; color: #666; outline: none; border: 1px solid #d2d2d2; } .membershipCnt { width: 100%; display: inline-block; } .membershipCnt .fastFree { width: 900px; display: block; margin: 10px auto; } .membershipCnt .fastFree span { width: 920px; display: inline-block; font: bold 14px 'Metropolis Bold'; color: #898989; margin-bottom: 5px; } .membershipCnt .fastFree span small { display: inline-block; color: #f68b25; float: left; margin-right: 5px; } .membershipCnt .loginContent { width: 970px; display: inline-block; background-color: #f3f3f3; } .membershipCnt .loginContent .boxes { width: 260px; height: 70px; display: inline-block; padding: 20px 110px; } .membershipCnt .loginContent .boxes span { width: 260px; height: 35px; display: inline-block; margin-bottom: 5px; } .membershipCnt .loginContent .boxes .sBg { width: 200px; text-align: center; } .membershipCnt .loginContent .boxes.left { border-right: 1px solid #d6d6d6; } .membershipCnt .loginContent .boxes.right { border-left: 2px solid #fff; } .membershipCnt .loginContent .boxes .bttn { width: 258px; height: 28px; display: table-cell; font: bold 14px/28px 'Metropolis Bold'; text-align: center; vertical-align: middle; } .membershipCnt .loginContent .boxes .signup { color: #fff; border: 1px solid #fba04a; background-position: 0 -432px; } .membershipCnt .loginContent .boxes .login { color: #f68b25; border: 1px solid #dfdfdf; background-position: 0 -318px; } .membershipCnt .textContent { width: 900px; display: block; margin: 30px auto; } .membershipCnt .textContent h3 { width: 860px; display: inline-block; color: #898989; font: bold 17px 'Metropolis Bold'; } .membershipCnt .textContent span { width: 860px; display: inline-block; color: #5c5c5c; font: bold 14px 'Metropolis Bold'; margin: 20px 0 5px; } .membershipCnt .textContent p { width: 860px; display: inline-block; color: #898989; font: normal 14px 'Metropolis Medium'; } .yatirimSimulatoru { width: 100%; display: inline-block; } .yatirimSimulatoru p { width: 100%; display: inline-block; color: #555; font: normal 14px/20px 'Metropolis Medium'; margin-bottom: 10px; } .yatirimSimulatoru .api { width: 100%; display: inline-block; margin-bottom: 20px; } .yatirimSimulatoru .msg { width: 100%; display: inline-block; text-align: center; } .otyTable1 { width: 650px; display: inline-block; } .otyTable1 .otyHead { width: 628px; display: inline-block; padding: 10px; margin-bottom: 10px; background-color: #f8f8f8; border: 1px solid #e2e2e2; } .otyTable1 .otyHead .date { width: 50%; display: inline-block; float: left; color: #333; font: normal 12px 'Metropolis Medium'; text-align: left; } .otyTable1 .otyHead .seans { width: 50%; display: inline-block; float: right; color: #333; font: normal 12px 'Metropolis Medium'; text-align: right; } .otyTable1 .otyBody { width: 648px; display: inline-block; background-color: #fff; border: 1px solid #e2e2e2; } .otyTable1 .otyBody .col1 { width: 60px; display: inline-block; float: left; } .otyTable1 .otyBody .col1 .text { width: 50px; display: inline-block; padding: 3px 5px; float: left; color: #333; font: normal 12px 'Metropolis Medium'; text-align: center; } .otyTable1 .otyBody .col1 .text:first-child { font-weight: 700; } .otyTable1 .otyBody .col2 { width: 120px; display: inline-block; float: left; border-left: 1px solid #e2e2e2; } .otyTable1 .otyBody .col2 .text { width: 110px; display: inline-block; padding: 3px 5px; float: left; color: #333; font: bold 12px 'Metropolis Bold'; border-top: 1px solid #e2e2e2; } .otyTable1 .otyBody .col2 .text:first-child { border-top: none; } .otyTable1 .otyBody .col3 { width: 74px; display: inline-block; float: left; border-left: 1px solid #e2e2e2; } .otyTable1 .otyBody .col3 .text { width: 64px; display: inline-block; padding: 3px 5px; float: left; color: #333; font: normal 12px 'Metropolis Medium'; border-top: 1px solid #e2e2e2; } .otyTable1 .otyBody .col3 .text:first-child { border-top: none; } .otyTable1 .otyBody .col3 .text .s { width: 9px; height: 11px; display: block; margin: 2px 6px; } .otyTable1 .otyBody .col3 .text .s.up { background-position: -80px -23px; } .otyTable1 .otyBody .col3 .text .s.dw { background-position: -105px -23px; } .otyTable1 .otyBody .col3 .text .s.st { background-position: -130px -23px; } .wGraph { width: 630px; display: inline-block; padding: 9px; border: 1px solid #e2e2e2; } .wGraph .cfximg { max-width: 630px; display: block; } .elliot-message-image { width: 300px; height: 200px; display: block; margin: 20px auto; } .wGraph.wide { width: 950px; } .wGraph.wide .cfximg { max-width: 950px; max-height: 750px; } .explainBoxs { width: 650px; display: inline-block; margin-bottom: 15px; } .explainBoxs .exCap { width: 630px; display: inline-block; padding: 0 10px; font: bold 12px/33px 'Metropolis Bold'; color: #333; background-color: #deeaef; } .explainBoxs .exCap a { width: 100%; display: inline-block; font: normal 12px/33px 'Metropolis Medium'; color: #333; text-align: center; } .explainBoxs p { width: 630px; display: inline-block; padding: 5px 10px; font: normal 12px/18px 'Metropolis Medium'; color: #333; } .explainBoxs p strong { font-weight: bold; } .explainBoxs.wide { width: 970px; } .explainBoxs.wide .exCap, .explainBoxs.wide p { width: 950px; } .teknikAnaliz .parameters { width: 630px; display: inline-block; margin: 30px 0 10px; } .teknikAnaliz .parameters h2 { width: 450px; display: inline-block; margin: 10px 0; font: bold 12px 'Metropolis Bold'; } .teknikAnaliz .parameters .boxOuter { width: 195px; height: 220px; display: inline-block; float: left; margin-bottom: 10px; overflow: hidden; position: relative; } .teknikAnaliz .parameters .boxOuter span { width: 155px; height: 16px; display: inline-block; color: #fff; font: bold 12px 'Metropolis Bold'; background-color: #555; padding: 8px 20px 6px; } .teknikAnaliz .parameters .boxOuter select { width: 195px; height: 125px; display: inline-block; color: #000; padding: 5px; font: normal 9pt 'Metropolis Medium'; border: solid 1px #d2d2d2; background-color: #e6e6e6; text-shadow: 1px 1px 0 #fff; box-shadow: inset 1px 1px 5px #d2d2d2; } .teknikAnaliz .parameters .boxOuter select option.span { height: 50px; color: Orange; border: 2px solid red; } .teknikAnaliz .parameters .boxInner { width: 200px; height: 220px; display: block; overflow: hidden; float: left; margin: 0 20px 10px; } .teknikAnaliz .parameters .boxInner .period { width: 180px; height: 25px; display: inline-block; padding: 5px 10px; float: left; } .teknikAnaliz .parameters .boxInner .period span { width: 120px; display: inline-block; float: left; font: bold 12px/15px 'Metropolis Bold'; padding: 5px 0; } .teknikAnaliz .parameters .boxInner .period span.wide { width: 180px; } .teknikAnaliz .parameters .boxInner .period input { width: 55px; height: 11px; padding: 6px 0; border: 1px solid #d6d6d6; display: inline-block; text-align: center; float: right; color: #838383; font: normal 12px 'Metropolis Medium'; } .teknikAnaliz .parameters .boxInner .text { display: inline-block; color: #707070; font: normal 11px 'Metropolis Medium'; margin-bottom: 5px; } .teknikAnaliz .parameters small { width: 435px; display: inline-block; float: left; color: #686868; font: normal 11px/16px 'Metropolis Medium'; } .teknikAnaliz .parameters a { width: 195px; height: 30px; display: inline-block; float: left; } .teknikAnaliz .parameters a span.updateBttn { width: 193px; height: 22px; display: inline-block; font: bold 12px/22px 'Metropolis Bold'; color: #fff; text-align: center; text-shadow: 1px 1px #985413; padding: 4px 0 1px; background-position: 0 -128px; border: solid 1px #d8710e; } .teknikAnaliz .parameters input[type="submit"] { width: 173px; } .teknikAnaliz .parameters .boxInner #param_table { width: 200px; height: 175px; display: block; overflow: hidden; } .gostergeler { width: 191px; height: 185px; display: inline-block; color: #000; position: relative; padding: 1px; font: normal 9pt 'Metropolis Medium'; border: 1px solid #d5d5d5; background-color: #fafafa; } .gostergeler select { padding: 0 !important; border: none !important; height: 185px !important; } .gostergeler option { display: block; position: relative; width: 191px; color: #111; font: bold 12px 'Metropolis Bold'; text-shadow: none; padding: 7px 5px; border-bottom: 1px dotted #d2d2d2; background-color: #fafafa; } .toggleTab { width: 650px; display: inline-block; } .toggleTab .item { width: 650px; display: inline-block; margin-bottom: 5px; } .toggleTab .item .caption { width: 630px; height: 15px; display: inline-block; padding: 10px; margin-bottom: 5px; background-color: #deeaef; cursor: pointer; } .toggleTab .item .caption .cap { height: 15px; display: inline-block; float: left; font: bold 12px/18px 'Metropolis Bold'; color: #333; } .toggleTab .item .caption small { width: 10px; height: 10px; display: block; float: left; margin: 5px 0 0 5px; background-position: -220px 0; } .toggleTab .item .caption small.active { background-position: -230px 0; } .toggleTab .item .text { width: 640px; display: inline-block; padding: 5px; display: none; } .toggleTab .item .text p { width: 640px; display: inline-block; font: normal 12px/20px 'Metropolis Medium'; color: #333; margin-bottom: 5px; } .analizChart { width: 630px; height: 764px; overflow: hidden; padding: 20px 9px; background-color: #fafafa; border: 1px solid #f2f2f2; } .analizChart .tabSelect { width: 630px; display: inline-block; } .analizChart .tabSelect .subCap { width: 630px; display: inline-block; font: bold 12px 'Metropolis Bold'; margin-bottom: 5px; } .analizChart .tabSelect .chartImg { width: 630px; margin: 5px 0 20px; } .analizChart .tabSelect .chartImg img { width: 630px; height: 170px; overflow: hidden; margin-bottom: 5px; } .chartImg * { font-family: 'Metropolis Medium'; } .extraInfo.mali { display: inline-block; float: right; font: bold 10px/15px 'Metropolis Bold'; } .maliTable { width: 648px; display: inline-block; border: solid 1px #d2d2d2; overflow: hidden; } .maliTable > ul { width: 100%; display: block; } .maliTable > ul li { width: 648px; display: inline-block; list-style: none; overflow: hidden; text-align: right; border-top: solid 1px #d2d2d2; float: left; } .maliTable > ul li span { display: inline-block; padding: 6px 15px; font: bold 12px 'Metropolis Bold'; color: #333; float: left; } .maliTable > ul li span.i { font-weight: 400; margin-left: 20px; } .maliTable > ul li span.ii { font-weight: 400; margin-left: 40px; } .maliTable > ul li span.iii { font-weight: 400; margin-left: 60px; } .maliTable > ul li small { width: 100px; display: inline-block; padding: 6px 15px; font: bold 11px 'Metropolis Medium'; color: #666; float: right; border-left: 1px solid #d2d2d2; } .maliTable > ul li small.up { color: #1ea42b; } .maliTable > ul li small.down { color: #db2626; } .maliTable > ul li:first-child { border-top: none; } .maliTable > ul li:nth-child(odd) { background: #eff9fd; } .matchAnalys { width: 628px; display: inline-block; border: 1px solid #d2d2d2; padding: 10px; background-color: #f8f8f8; border-bottom: none; } .matchAnalys .list { width: 410px; display: inline-block; float: left; border: 1px solid #d2d2d2; } .matchAnalys .list select { width: 410px; height: 160px; display: inline-block; margin: 0; border: none; padding: 2px; } .matchAnalys .rightBlock { width: 190px; height: 162px; display: inline-block; float: right; margin-left: 26px; position: relative; } .matchAnalys .rightBlock b { width: 190px; display: inline-block; margin: 20px 0; font: bold 12px 'Metropolis Bold'; } .hisseProcessBar { width: 650px; display: inline-block; } .hisseProcessBar ul { width: 650px; display: inline-block; } .hisseProcessBar ul li { width: 152px; display: inline-block; margin: 0; float: left; border-left: 1px dotted #d2d2d2; padding: 0 6px; } .hisseProcessBar ul li.type { width: 200px; } .hisseProcessBar ul li.percent { width: 100px; } .hisseProcessBar ul li:first-child { margin-left: 0; border: none; padding-left: 0; } .hisseProcessBar ul li.type small { width: 35px; height: 38px; display: block; margin: 4px 10px 0 0; float: left; } .hisseProcessBar ul li.type.up small { background-position: -130px -170px; } .hisseProcessBar ul li.type.dw small { background-position: -170px -170px; } .hisseProcessBar ul li.type.st small { background-position: -210px -170px; } .hisseProcessBar ul li.type span { font: bold 36px/54px 'Metropolis Bold'; float: left; display: inline-block; } .hisseProcessBar ul li.type.up span { color: #009819; } .hisseProcessBar ul li.type.dw span { color: #d73a1b; } .hisseProcessBar ul li.type.st span { color: #216fe1; } .hisseProcessBar ul li.item small { display: block; color: #000; font: normal 12px/15px 'Metropolis Medium'; margin-bottom: 3px; } .hisseProcessBar ul li.item span { display: block; color: #2a2a2a; font: bold 24px/30px 'Metropolis Bold'; } .hisseProcessBar ul li.item span b { color: #000; font-weight: 700; } .hisseProcessBar .lineInfo { width: 650px; display: inline-block; font: bold 10px/15px 'Metropolis Bold'; margin: 0; } .hisseProcessBar .lineInfo b { font: normal 12px/15px 'Metropolis Medium'; color: #f68b25; } .hisseNewBar { width: 618px; overflow: hidden; padding: 5px 15px; border: 1px solid #d2d2d2; } .hisseNewBar ul { width: 618px; display: block; overflow: hidden; } .hisseNewBar ul li { float: left; list-style: none; } .hisseNewBar ul li.avatar { width: auto; height: 30px; display: block; } .hisseNewBar ul li.avatar img { height: 30px; display: block; } .hisseNewBar ul li.lotsNo { width: 435px; overflow: hidden; margin-left: 10px; } .hisseNewBar ul li.lotsNo span { width: 439px; overflow: hidden; display: block; font: normal 11px 'Metropolis Medium'; color: #333; } .hisseNewBar ul li.lotsNo span b { display: inline-block; float: left; font-weight: 700; } .hisseNewBar ul li.lotsNo span a { display: inline-block; float: left; text-decoration: underline; padding: 0 3px; font: normal 11px 'Metropolis Medium'; color: #333; } .hisseNewBar ul li.lotsNo span small { display: inline-block; float: left; margin-right: 3px; } .hisseNewBar ul li.lotsNo span i { display: inline-block; float: left; color: #f68b25; font: normal 11px 'Metropolis Medium'; padding: 0; } .hisseNewBar ul li.lotsNo span.bottom { font: normal 10px 'Metropolis Medium'; color: #333; margin-top: 3px; } .hisseNewBar ul li.comment { float: right; } .upDownContainer { width: 650px; display: inline-block; background-color: #fff; } .upDownStockCaption { width: 300px; display: inline-block; color: #333; font: bold 14px 'Metropolis Bold'; margin-bottom: 5px; float: left; } .upDownTotalVote { width: 162px; display: inline-block; float: left; color: #333; font: bold 10px 'Metropolis Bold'; text-align: right; } .upDownStockStatusContent { width: 628px; display: inline-block; background-color: #fff; float: left; padding: 10px; border: 1px solid #eee; } .upDownStockStatusContent .name { width: 100%; display: inline-block; } .upDownStockStatusContent .name span { width: 50%; display: inline-block; color: #333; font: normal 12px 'Metropolis Medium'; } .upDownStockStatusContent .name .area1 { float: left; } .upDownStockStatusContent .name .area2 { float: right; text-align: right; } .upDownStockStatusContent .action { width: 100%; display: inline-block; background-color: #f5f5f5; margin: 5px 0; } .upDownStockStatusContent .action span { height: 15px; display: inline-block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .upDownStockStatusContent .action .stUp { float: left; background-color: #13d833; } .upDownStockStatusContent .action .stDw { float: right; background-color: #d8132a; } .upDownStockStatusContent .percent { width: 100%; display: inline-block; } .upDownStockStatusContent .percent span { width: 50%; display: inline-block; color: #333; font: normal 12px 'Metropolis Medium'; } .upDownStockStatusContent .percent .area1 { float: left; } .upDownStockStatusContent .percent .area2 { float: right; text-align: right; } .upDownStockActionContent { width: 150px; height: 55px; display: block; overflow: hidden; background-color: #fff; float: left; padding: 10px; border: 1px solid #eee; margin-left: 16px; } .upDownStockActionContent a { width: 67px; height: 45px; display: inline-block; padding-top: 10px; } .upDownStockActionContent a.upper { float: left; } .upDownStockActionContent a.downer { float: right; } .upDownStockActionContent a .text { width: 67px; height: 27px; display: inline-block; color: #333; font: bold 14px/27px 'Metropolis Bold'; text-align: center; } .upDownStockActionContent a .icon { width: 33px; height: 20px; display: block; margin: 0 16px; } .upDownStockActionContent a.upper .icon { background-position: -250px -170px; } .upDownStockActionContent a.downer .icon { background-position: -250px -190px; } .upDownStockAlert { width: 100%; display: inline-block; float: left; color: #333; font: normal 10px 'Metropolis Medium'; margin-top: 5px; } .upDownComplated { font: normal 11px 'Metropolis Medium'; height: 45px; padding-top: 10px; } .upDownComplated small { width: 30px; height: 30px; display: block; float: left; margin-right: 10px; background: transparent url(/Content/Images/feedbackSprite.png) no-repeat; } .upDownComplated small.success { background-position: -30px 0; } .rowContent650 .caption { width: 650px; display: inline-block; color: #333; font: bold 20px/24px 'Metropolis Bold'; margin-bottom: 5px; } .alSatCalc .alSatBar { width: 628px; display: inline-block; padding: 10px; border: 1px solid #e2d9d9; background: #fafafa; } .alSatBar .col { display: inline-block; float: left; color: #888; font: bold 12px/18px 'Metropolis Bold'; margin-bottom: 5px; } .alSatBar .col1 { width: 130px; margin-left: 0; } .alSatBar .col2 { width: 80px; margin-left: 10px; } .alSatBar .col2 .radioBtnGroup { width: 100%; display: inline-block; float: left; } .alSatBar .col2 .radioBtnGroup input { display: none; } .alSatBar .col2 .radioBtnGroup label { height: 16px; display: inline-block; padding: 1px 0; color: #45499f; font: bold 14px/16px 'Metropolis Bold'; cursor: pointer; margin-right: 20px; } .alSatBar .col2 .radioBtnGroup label small { width: 16px; height: 16px; display: block; margin-right: 5px; background-position: -200px -23px; float: left; } .alSatBar .col2 .radioBtnGroup label.select small { background-position: -220px -23px; } .alSatBar .col3 { width: 81px; margin-left: 10px; } .alSatBar .col3 input { width: 67px; } .alSatBar .col4 { width: 81px; margin-left: 2px; } .alSatBar .col4 input { width: 67px; } .alSatBar .col5 { width: 110px; margin-left: 2px; } .alSatBar .col5 input { width: 96px; } .alSatBar .col6 { width: 120px; margin-left: 2px; } .alSatBar .col6 a { width: 118px; text-align: center; padding: 6px 0; } .alSatBar .col select { width: 100%; } .alSatResult { width: 98%; display: none; padding: 10px 0 0 2%; float: left; border-top: 1px dotted #999; margin-top: 10px; background: #fff; } .alSatResult .block { width: 200px; display: inline-block; padding: 0; float: left; margin-right: 20px; } .alSatResult .block span { width: 52%; display: inline-block; float: left; color: #000; font: bold 12px/18px 'Metropolis Bold'; } .alSatResult .block small { width: 48%; display: inline-block; float: left; color: #333; font: normal 12px/18px 'Metropolis Medium'; } .alSatResult .block span::after { content: ":"; } .alSatResult .closeBtn { width: 120px; float: right; margin-top: 20px; } .alSatResult .closeBtn a { width: 118px; text-align: center; padding: 6px 0; } .alSatResult .mes { width: 100%; display: inline-block; float: left; color: #999; font: normal 10px/12px 'Metropolis Medium'; margin-top: 10px; } .hPiyasaCnt { width: 100%; display: block; overflow: hidden; } .piyasaBox { width: 293px; display: block; overflow: hidden; padding: 5px 10px; margin-left: 20px; border: 1px solid #e2d9d9; background: #fafafa; float: left; } .piyasaBox:first-child { margin-left: 0; } .piyasaBox ul { width: 293px; display: inline-block; border-top: 1px dotted #d2d2d2; } .piyasaBox ul:first-child { border-top: none; } .piyasaBox ul li { width: 93px; height: 15px; display: inline-block; padding: 5px 10px; float: left; list-style: none; color: #333; font: normal 12px/15px 'Metropolis Medium'; } .piyasaBox ul li.cap { float: left; } .piyasaBox ul li.cap2 { width: 150px; } .piyasaBox ul li.area1 { width: 90px; text-align: right; float: right; } .piyasaBox ul li.subCap { width: 70px; font: bold 10px/15px 'Metropolis Bold'; float: left; } .piyasaBox ul li.area2 { width: 70px; } .piyasaBox .signalName { width: 100%; display: inline-block; padding-top: 15px; border-top: 1px dotted #d2d2d2; } .tekanaCnt .piyasaBox { height: 162px; } .teknikAnalizBox { width: 293px; height: 155px; display: inline-block; font: normal 12px 'Metropolis Medium'; float: left; position: relative; margin-top: 5px; } .teknikAnalizBox span.caption { width: 293px; height: 18px; display: inline-block; font: bold 15px 'Metropolis Bold'; color: #151515; margin-bottom: 5px; } .teknikAnalizBox span.comment { width: 293px; height: 80px; display: block; overflow: hidden; font: normal 12px 'Metropolis Medium'; color: #626262; } .teknikAnalizBox span.comment p { margin: 0; } .teknikAnalizBox a { width: 293px; height: 15px; display: inline-block; font: normal 12px 'Metropolis Medium'; color: #000; margin-top: 10px; } .trending { width: 650px; height: 26px; overflow: hidden; } .trending .vadeliTrend { width: 178px; height: 12px; display: block; overflow: hidden; padding: 5px 23px 7px 7px; float: left; position: relative; border: 1px solid #d4d4d4; font: normal 12px 'Metropolis Medium'; margin-left: 10px; } .trending .vadeliTrend:first-child { margin-left: 0; } .trending .vadeliTrend span { width: 11px; height: 12px; display: block; position: absolute; top: 7px; right: 5px; } .trending .vadeliTrend span.up { background-position: -80px -23px; } .trending .vadeliTrend span.dw { background-position: -105px -23px; } .trending .vadeliTrend span.st { background-position: -130px -23px; } .hisseGraph { width: 650px; display: inline-block; } .hisseGraph .hisseBox { width: 315px; min-height: 200px; overflow: hidden; margin: 0 0 25px 20px; float: left; } .hisseGraph .hisseBox .boxContent { width: 296px; display: inline-block; padding: 8px 8px 8px 7px; border: 1px solid #d2d2d2; margin-bottom: 10px; } .hisseGraph .hisseBox .boxContent .bx-title { width: 296px; height: 14px; display: inline-block; font: bold 11px 'Metropolis Bold'; color: #444; } .hisseGraph .hisseBox .boxContent img { width: 296px; height: 150px; overflow: hidden; margin: 5px 0; } .hisseGraph .hisseBox .openNewBrowser { width: 100%; height: auto; display: inline-block; padding: 2px 0; } .hisseGraph .hisseBox .openNewBrowser a { display: inline-block; color: #000; font: normal 11px 'Metropolis Medium'; } .aramasonuc { width: 970px; display: inline-block; } .aramasonuc ul { width: 970px; display: inline-block; } .aramasonuc ul li { width: 950px; display: inline-block; padding: 10px; margin-bottom: 20px; background-color: #fafafa; } .aramasonuc ul li a.caption { width: 770px; min-height: 30px; display: inline-block; margin-right: 30px; float: left; font: bold 17px/20px 'Metropolis Bold'; color: #111; } .aramasonuc ul li span { width: 150px; height: 20px; display: inline-block; float: left; font: normal 12px/20px 'Metropolis Medium'; text-align: right; } .aramasonuc ul li a.newsLink { width: 970px; display: inline-block; font: bold 13px 'Metropolis Bold'; color: #999; margin-top: 5px; } .endeksBar { width: 630px; display: inline-block; padding: 5px 9px; border: 1px solid #eee; background: #fafafa; } .endeksBar .col { width: 140px; display: inline-block; padding: 0 8px; float: left; border-left: 1px dotted #ddd; text-align: center; } .endeksBar .col:first-child { border-left: none; } .endeksBar .col .t1 { display: inline-block; color: #333; font: normal 12px/15px 'Metropolis Medium'; margin-right: 5px; } .endeksBar .col .t2 { display: inline-block; color: #333; font: bold 12px/15px 'Metropolis Bold'; } .newsDetail .bpNewDetailLink1:hover, ul.subSubMenu li a:hover, .tableCnt .table .tableBox .tBody ul li a:hover, .tableCnt .table .fLink:hover, ul.subMenu li.subItem h2 > a:hover, ul.breadcrumbs li a:hover, .newsFeedBox ul.bist li.nfItem a:hover .info .subject, .rW .newsFeedBox ul.nfList li.nfItem a:hover .info .hmText, .w1000TL .binCnt .itemCnt:hover .name, .newsFeedArea .newsFeedBox ul.nfList li.nfItem:hover a .info .title, .videoCast .vpSubCnt .showAll:hover, .videoCast ul.vpCnt li:hover a .caption, .bpNewsFeed .nfCnt .item.type2 a:hover, .bpNewsFeed .nfCnt .item.type1 a:hover span, #header .hisse2014Bar .hisse2014Content a.hisseler:hover span > b, #header .shortcuts a:hover, .hotNews .newsList a:hover .title { text-decoration: underline; } .mainFooter { width: 100%; background-color: #d9d9d9; } .mainFooter .footerAlign { width: 1000px; margin: 0 auto; position: relative; z-index: 1; } .mainFooter .footerSearchBar { width: 970px; display: inline-block; padding: 10px 15px; background-color: #fff; position: relative; z-index: 1; } .mainFooter .footerSearchBar .logo { display: block; overflow: hidden; float: left; } .mainFooter .footerSearchBar .logo a { font: bold 26px/42px 'Metropolis Bold'; color: #000; } .mainFooter .footerSearchBar .search { width: 288px; float: left; z-index: 10000; border: solid 1px #d2d2d2; margin: 0 0 0 70px; position: relative; background: #fafafa; } .mainFooter .footerSearchBar .search input[type="text"] { width: 228px; height: 20px; display: block; padding: 10px; color: #838383; font: normal 12px/20px 'Metropolis Medium'; float: left; border: none; } .mainFooter .footerSearchBar .search input.searchBtn { width: 40px; height: 40px; display: block; float: left; background-position: -40px 0; border: 0; cursor: pointer; } .mainFooter .footerContent { width: 100%; display: inline-block; padding: 20px 0; } .mainFooter .footerContent ul { display: inline-block; padding: 0 10px; float: left; border-left: 1px dotted #999; margin-right: 10px; } .mainFooter .footerContent ul:first-child { border: none; } .mainFooter .footerContent ul li { display: block; list-style: none; margin: 0; padding: 0; } .mainFooter .footerContent ul li a { font: normal 8pt/1.8 'Metropolis Medium'; color: #888; margin: 0; } .mainFooter .footerContent ul li a span { width: 12px; height: 12px; display: block; float: left; margin: 3px 5px 0 0; } .mainFooter .footerContent ul li a span.icoFac { background-position: -85px -150px; } .mainFooter .footerContent ul li a span.icoTwt { background-position: -85px -167px; } .mainFooter .footerContent ul li a span.icoLnk { background-position: -85px -185px; } .mainFooter .footerContent ul li a span.icoRss { background-position: -85px -203px; } .mainFooter .footerContent ul li a span.icoMob { background-position: -85px -221px; } .mainFooter .footerContent ul li a span.icoPod { background-position: -85px -239px; } .mainFooter .footerContent ul li a span.icoGPlus { background: transparent url(/Content/Images/googlePlus12x12.png) no-repeat; } .mainFooter .footerBottom { width: 970px; display: block; overflow: hidden; margin: 10px auto 0; } .mainFooter .footerBottom .left { width: 350px; overflow: hidden; float: left; padding: 10px 0; } .mainFooter .footerBottom .left h2 { display: block; font: bold 20pt 'Metropolis Bold'; color: #888; } .mainFooter .footerBottom .left span { display: block; font: bold 20pt 'Metropolis Bold'; color: #888; } .mainFooter .footerBottom .left p { display: block; font: normal 10px 'Metropolis Medium'; color: #888; margin-top: 15px; } .mainFooter .footerBottom .right { width: 600px; overflow: hidden; float: left; margin-left: 10px; padding: 12px 0 10px; } .mainFooter .footerBottom .right p { display: block; font: normal 10px 'Metropolis Medium'; color: #5b5b5b; margin-bottom: 5px; } .mainFooter .footerBottom .right p b { font-size: 11px; } .mainFooter .ekolayNetwork { width: 360px; display: inline-block; position: absolute; top: 10px; right: 20px; z-index: 1000; background-color: #bebaba; } .mainFooter .ekolayNetwork .left { padding: 20px 15px 0; overflow: hidden; float: left; } .mainFooter .ekolayNetwork .left a { display: inline-block; float: left; border-right: 1px solid #999; padding-right: 10px; margin-right: 10px; } .mainFooter .ekolayNetwork .left span { display: inline-block; float: left; font: bold 13px 'Metropolis Bold'; color: #888; padding: 3px 0; } .mainFooter .rightChannels { float: right; position: relative; top: 14px; right: 10px; width: 140px; z-index: 1; } .mainFooter .rightChannels span { display: block; padding: 5px 10px; font: normal 9pt 'Metropolis Medium'; color: #fff; background: #888 url(/Content/Images/whiteDownArrow.png) no-repeat 115px center; cursor: pointer; border: solid 1px #666; } .mainFooter .rightChannels .channelList { position: absolute; top: 22px; right: 0; z-index: 1002; width: 138px; border: solid 1px #666; border-top: none; background-color: #888; padding-bottom: 5px; display: none; } .mainFooter .rightChannels .channelList a { display: block; padding: 3px 10px; font: normal 9pt 'Metropolis Medium'; color: #fff; } .networkLinks { clear: both; background-color: #bebaba; width: 340px; display: inline-block; padding: 20px 10px; } .networkLinks ul { width: 94px; padding: 0 9px; float: left; border-left: dashed 1px #d2d2d2; overflow: hidden; } .networkLinks ul:first-child { border: none; } .networkLinks ul li { display: block; list-style: none; margin: 0; padding: 0; } .networkLinks ul li a { font: normal 11px/1.6 'Metropolis Medium'; color: #fff; margin: 0; } .networkLinks ul li a:hover { color: #fff; } .footerReklamCont { background: #f0f0f0; height: 35px; width: 100%; padding-top: 5px; float: left; margin: 10px 0; } .footerReklamCont .rvLink { width: 190px; height: 24px; display: block; background:url(/load/view.php?a=aHR0cHM6Ly9iaWdwYXJhLmh1cnJpeWV0LmNvbS50ci9Db250ZW50L0ltYWdlcy9yZWtsYW1fYmcucG5n) no-repeat 0 0; color: #fff; font: normal 12px 'Metropolis Medium'; padding: 8px 0 0 20px; float: left; } .rfLink { float: left; padding: 9px 10px 0; color: #111; font: bold 12px 'Metropolis Bold'; } .rfLink:hover { color: #f68b25; } .rLinks { width: 725px; float: left; height: 30px; padding-left: 20px; } .rLinks li { float: left; list-style: none; } .rDot { float: left; width: 10px; height: 30px; background:url(/load/view.php?a=aHR0cHM6Ly9iaWdwYXJhLmh1cnJpeWV0LmNvbS50ci9Db250ZW50L0ltYWdlcy9ub2t0YS5wbmc) no-repeat 0 13px; margin: 2px 10px 0; } .centerBox { width: 960px; margin: auto; padding: 0 20px; position: relative; } .quickPrevNext { width: 100%; height: 20px; display: inline-block; } .quickPrevNext .qpNews { width: 120px; height: 20px; display: block; padding: 0 5px; background: #263479; float: left; position: relative; } .quickPrevNext .qpNews .arrow { width: 10px; height: 20px; display: block; float: left; text-align: center; color: #fff; font: bold 14px/18px 'Metropolis Bold'; } .quickPrevNext .qpNews .name { width: 105px; height: 20px; display: block; float: right; text-align: right; color: #fff; font: bold 13px/20px 'Metropolis Bold'; margin: 0 5px 0 0; } .quickPrevNext .qpNews.next, .quickPrevNext .qpNews.next .arrow { float: right; } .quickPrevNext .qpNews.next .name { float: left; text-align: left; margin: 0 0 0 5px; } .quickPrevNext .qpNews .hoverNews { width: 250px; height: 34px; display: none; padding: 5px; position: absolute; top: 20px; background: #263479; z-index: 9; } .quickPrevNext .qpNews .hoverNews img { width: 60px; height: 34px; display: block; float: left; } .quickPrevNext .qpNews .hoverNews .caption { width: 185px; height: 34px; display: block; overflow: hidden; float: left; color: #fff; font: normal 12px/17px 'Metropolis Medium'; margin-left: 5px; text-align: left; } .quickPrevNext .qpNews.prev .hoverNews { left: 0; } .quickPrevNext .qpNews.next .hoverNews { right: 0; } .quickPrevNext .qpNews:hover .hoverNews { display: block; } .photoGalleryDate { width: 100%; display: inline-block; color: #2f4668; font: bold 12px/15px 'Metropolis Bold'; margin: 10px 0 5px; } .photoGalleryContent { width: 100%; display: inline-block; } .photoGalleryContent .photoBlock1 { width: 650px; display: inline-block; float: left; } .photoGalleryContent .photoBlock1 .photoCnt { width: 650px; height: 365px; display: block; overflow: hidden; position: relative; margin-bottom: 30px; float: left; } .photoGalleryContent .photoBlock1 .photoCnt img { width: 650px; height: 365px; display: block; } .photoGalleryContent .photoBlock1 .photoCnt .arrow { width: 57px; height: 57px; display: block; position: absolute; top: 150px; z-index: 51; cursor: pointer; } .photoGalleryContent .photoBlock1 .photoCnt .arrow.prev { left: 10px; background-position: -120px -50px; } .photoGalleryContent .photoBlock1 .photoCnt .arrow.prev:hover { background-position: -180px -50px; } .photoGalleryContent .photoBlock1 .photoCnt .arrow.next { right: 10px; background-position: 0 -50px; } .photoGalleryContent .photoBlock1 .photoCnt .arrow.next:hover { background-position: -60px -50px; } .photoGalleryContent .photoBlock1 .pagination { width: 650px; height: 20px; display: block; overflow: hidden; float: left; margin-bottom: 10px; } .photoGalleryContent .photoBlock1 .pagination li { height: 20px; display: inline-block; float: left; border-left: 1px solid #e2e2e2; } .photoGalleryContent .photoBlock1 .pagination li:first-child { border-left: none; } .photoGalleryContent .photoBlock1 .pagination li a { height: 20px; display: inline-block; color: #686464; font: normal 13px/20px 'Metropolis Medium'; padding: 0 15px; } .photoGalleryContent .photoBlock1 .pagination li.prv a, .photoGalleryContent .photoBlock1 .pagination li.nxt a { line-height: 18px; } .photoGalleryContent .photoBlock1 .pagination li:hover a { color: #000; } .photoGalleryContent .photoBlock1 .pagination li.active a { color: #ff9a3a; } .photoGalleryContent .photoBlock1 .pageNo { width: 300px; display: block; margin: 0 auto; } .photoGalleryContent .photoBlock2 { width: 300px; display: inline-block; float: right; } .photoGalleryContent .photoBlock2 .pageNo { width: 100%; display: inline-block; float: left; } .photoGalleryContent .photoBlock2 .pageNo .defaultNo { display: inline-block; float: left; margin-right: 10px; color: #ff9a3a; font: normal 18px/20px 'Metropolis Medium'; } .photoGalleryContent .photoBlock2 .pageNo .totalNo { display: inline-block; float: left; color: #222; font: normal 18px/20px 'Metropolis Medium'; } .photoGalleryContent .photoBlock2 .photoDetailText { width: 100%; display: inline-block; float: left; color: #444; font: normal 17px/25px 'Metropolis Medium'; } .photoWaySelector { width: 680px; display: inline-block; border-top: 1px solid #d2d2d2; padding: 20px 145px 0; } .photoWaySelector .item { width: 324px; display: block; float: left; margin: 0 7px; border: 1px solid #d2d2d2; } .photoWaySelector .item .caption { width: 100%; height: 20px; display: block; float: left; background: #263479; } .photoWaySelector .item .caption small { width: 15px; height: 20px; display: block; float: left; color: #fff; font: bold 14px/18px 'Metropolis Bold'; text-align: center; } .photoWaySelector .item .caption span { width: 305px; height: 20px; display: block; float: left; color: #fff; font: bold 14px/20px 'Metropolis Bold'; margin: 0 0 0 4px; } .photoWaySelector .item.next { float: right; } .photoWaySelector .item.next .caption small { float: right; } .photoWaySelector .item.next .caption span { float: right; margin: 0 4px 0 0; text-align: right; } .photoWaySelector .item a { width: 100%; height: 73px; display: block; float: left; padding: 8px 0; } .photoWaySelector .item a img { width: 130px; height: 73px; display: block; float: left; padding: 0 10px; } .photoWaySelector .item a .title { width: 150px; height: 73px; display: block; float: left; padding: 0 10px 0 4px; color: #222; font: bold 14px/18px 'Metropolis Bold'; } .newestGalleries { width: 100%; display: inline-block; } .newestGalleries .caption { width: 100%; display: inline-block; margin-bottom: 5px; color: #263479; font: bold 18px/25px 'Metropolis Bold'; } .newestGalleries .ngCnt { width: 100%; display: inline-block; } .newestGalleries .ngCnt .item { width: 310px; display: block; float: left; margin-left: 20px; } .newestGalleries .ngCnt .item img { width: 310px; height: 165px; display: block; float: left; } .newestGalleries .ngCnt .item .title { width: 310px; display: block; float: left; color: #222; font: bold 17px/25px 'Metropolis Bold'; margin-top: 5px; } .newestGalleries .ngCnt .item:first-child { margin-left: 0; } .photoGalleryContent .photoBlock2 .scrollThumbs { width: 100%; display: block; float: left; background: #eee; } .swiper-scroll-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; width: 300px; height: 80px; overflow: hidden; background: #fff; } .swiper-wrapper.scrollGaleri { position: relative; width: 100%; height: 55px !important; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0; transform: translate3d(0px, 0, 0); transition-timing-function: ease; margin-bottom: 25px; } .swiper-wrapper.scrollGaleri .swiper-slide { color: #fff; font-size: 25px; text-align: center; line-height: 55px; float: left; height: 55px !important; } .swiper-wrapper.scrollGaleri .swiper-slide a { width: 99px; height: 55px; display: inline-block; float: left; } .swiper-wrapper.scrollGaleri .swiper-slide a img { width: 99px; height: 55px; display: block; } .swiper-scrollbar { height: 20px; width: 100%; left: 0; bottom: 0; position: absolute; -ms-touch-action: none; background: #ececec; } .swiper-scrollbar-drag { height: 14px !important; margin: 3px 0; background: #ff9938; } .swiper-scrollbar-cursor-drag { cursor: pointer; } .ie8 .swiper-scrollbar, .ie7 .swiper-scrollbar { display: none; } .merkezBankasiCnt { width: 100%; display: inline-block; padding: 10px; color: #555; font: normal 12px/15px Courier New, Courier; border: 1px solid #d2d2d2; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .tableCnt .table .tableBox .tHead ul li.selectable.cell013 { width: 48px; padding: 10px 2px; } .tableCnt .table .tableBox .tHead ul li.selectable.cell013 select { width: 100%; height: 25px; padding: 5px 0; margin: 0; font: normal 11px/15px 'Metropolis Medium'; } .enflasyonVerileri { width: 950px; display: inline-block; padding: 10px; border: 1px solid #e2e2e2; } .enflasyonVerileri .evCnt { width: 100%; height: 360px; display: inline-block; float: left; } .enflasyonVerileri .evCnt .graph { width: 620px; height: 360px; display: inline-block; float: left; } .enflasyonVerileri .evCnt .yourE { width: 300px; height: 360px; display: inline-block; float: right; } .enflasyonVerileri .evCnt .yourE .caption { width: 100%; display: inline-block; color: #000; font: bold 12px/15px 'Metropolis Bold'; margin-bottom: 10px; } .enflasyonVerileri .evCnt .yourE .spot { width: 100%; display: inline-block; color: #333; font: normal 12px/15px 'Metropolis Medium'; margin-bottom: 10px; } .enflasyonVerileri .evCnt .yourE .parameters { width: 300px; display: inline-block; margin: 0; } .enflasyonVerileri .evCnt .yourE .parameters .boxOuter { width: 125px; height: 220px; display: inline-block; float: left; margin-bottom: 10px; overflow: hidden; position: relative; } .enflasyonVerileri .evCnt .yourE .parameters .boxOuter span { width: 105px; height: 16px; display: inline-block; color: #fff; font: bold 12px 'Metropolis Bold'; background-color: #555; padding: 8px 10px 6px; } .enflasyonVerileri .evCnt .yourE .parameters .boxOuter select { width: 121px; height: 100%; display: inline-block; color: #000; padding: 5px; font: normal 9pt 'Metropolis Medium'; border: solid 1px #d2d2d2; box-shadow: inset 1px 1px 5px #d2d2d2; } .enflasyonVerileri .evCnt .yourE .parameters .boxOuter select option.span { height: 50px; color: Orange; border: 2px solid red; } .enflasyonVerileri .evCnt .yourE .parameters .boxOuter .gostergeler { width: 121px; height: 185px; display: inline-block; color: #000; position: relative; padding: 1px; font: normal 9pt 'Metropolis Medium'; border: 1px solid #d5d5d5; background-color: #fafafa; } .enflasyonVerileri .evCnt .yourE .parameters .boxOuter .gostergeler ul { width: 100%; padding: 0; margin: 0; overflow: hidden; } .enflasyonVerileri .evCnt .yourE .parameters .boxOuter .gostergeler ul li { display: block; position: relative; width: 200%; height: 30px; border-bottom: 1px dotted #d2d2d2; } .enflasyonVerileri .evCnt .yourE .parameters .boxOuter .gostergeler ul li .lineX { width: 100%; height: 16px; display: inline-block; color: #111; font: bold 12px 'Metropolis Bold'; padding: 7px 10px 7px 4px; float: left; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .enflasyonVerileri .evCnt .yourE .parameters .boxOuter .gostergeler ul li.selected { background-color: #67b3ff; } .enflasyonVerileri .evCnt .yourE .parameters .boxOuter .gostergeler ul li.selected span { color: #fff; } .enflasyonVerileri .evCnt .yourE .parameters .boxOuter .gostergeler ul li input { float: left; display: none; } .enflasyonVerileri .evCnt .yourE .parameters .boxOuter .gostergeler ul li span { float: left; width: 150px; cursor: default; } .enflasyonVerileri .evCnt .yourE .parameters .boxInner { width: 40px; height: 80px; display: block; overflow: hidden; float: left; margin: 70px 5px; } .enflasyonVerileri .evCnt .yourE .parameters .boxInner .append { width: 30px; height: 30px; display: inline-block; float: left; border: 1px solid #d2d2d2; margin: 4px; text-align: center; font: bold 18px/30px 'Metropolis Bold'; cursor: pointer; background: #d0d0d0; } .enflasyonVerileri .evCnt .yourE .parameters .boxInner .append:hover { border: 1px solid #999; } .enflasyonVerileri .evCnt .yourE .results { width: 100%; display: inline-block; color: #999; font: bold 12px/25px 'Metropolis Bold'; text-align: center; } .enflasyonVerileri .evCnt .yourE .results #tufeRatio { color: #333; font-size: 15px; } .enflasyonVerileri .evCnt .yourE .results #enflasyonRatio { color: #fe8f00; font-size: 20px; } .enflasyonCal { width: 968px; display: inline-block; border: 1px solid #ddd; border-top: none; border-bottom: none; } .enflasyonCal .eRow { width: 100%; display: inline-block; } .enflasyonCal .eRow .tufe { background: #eef7fa; } .enflasyonCal span { width: 84px; height: 50px; display: inline-block; padding-top: 27px; text-align: center; border-bottom: 1px solid #d2d2d2; float: left; font: bold 22px 'Metropolis Bold'; } .enflasyonCal ul { width: 884px; height: 26px; display: inline-block; float: right; } .enflasyonCal ul li { width: 53px; height: 16px; display: inline-block; float: left; font: normal 11px 'Metropolis Medium'; border-left: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; padding: 6px 10px 3px 5px; text-align: right; } .enflasyonCal ul li.up { color: #1ea42b; } .enflasyonCal ul li.down { color: #db2626; } .enflasyonCal ul li.uto { width: 40px; color: #696868; font: normal 12px 'Metropolis Medium'; } .enflasyonCal ul.months { width: 968px; height: 30px; display: inline-block; background-color: #cfe1e8; } .enflasyonCal ul.months li { width: 53px; height: 16px; display: inline-block; float: left; font: bold 12px 'Metropolis Bold'; border-left: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; padding: 8px 10px 5px 5px; text-align: right; } .enflasyonCal ul.months li.uto { width: 40px; } .enflasyonCal ul.months li.year { width: 69px; border-left: none; } .enflasyonCal span.foreign { width: 144px; } .enflasyonCal ul.foreign { width: 824px; } .enflasyonCal ul.foreign li { width: 166px; } .enflasyonCal ul.foreign li.uto { width: 80px; } .enflasyonCal ul.foreign li.year { width: 129px; } .portMenu { width: 968px; height: 26px; display: inline-block; padding: 6px 0; border: 1px solid #ded4d4; } .portMenu li { display: inline-block; float: left; } .portMenu li a { height: 16px; display: inline-block; float: left; padding: 5px 15px; color: #393939; font: bold 10px/16px 'Metropolis Bold'; border-left: 1px solid #ded4d4; } .portMenu li.active a { color: #ff8613; } .portMenu li:first-child a { border: none; } .newPortfoyAlert { width: 100%; display: inline-block; margin-bottom: 10px; } .newPortfoyAlert .icon { width: 24px; height: 24px; display: block; float: left; margin-right: 10px; background-position: 0 -210px; } .newPortfoyAlert .text { height: 20px; display: block; float: left; color: #444; font: bold 14px/20px 'Metropolis Bold'; margin-top: 4px; } .newPortfoyAlert.warning .icon { width: 24px; height: 24px; display: block; float: left; margin-right: 10px; background-position: -30px -210px; } .newPortfoyAlert.warning .text { color: Red; font: normal 12px/20px 'Metropolis Medium'; } .tableCnt .table .tableBox .tBody ul li.btn a { display: inline-block; } .tableCnt .table .tableBox .tBody ul li.btn .show { width: 18px; height: 12px; display: block; background-position: -287px -170px; float: right; margin: 2px 5px 0 0; } .tableCnt .table .tableBox .tBody ul li.btn .del { width: 18px; height: 12px; display: block; background-position: -287px -183px; float: right; margin: 2px 5px 0 0; } .tableCnt .table .tableBox .tBody ul li.btn .buy { width: 18px; height: 12px; display: block; background-position: -287px -196px; float: right; margin: 2px 5px 0 0; } .tableCnt .table .tableBox .tBody ul li.btn .sell { width: 18px; height: 10px; display: block; background-position: -287px -160px; float: right; margin: 3px 5px 0 0; } .tableCnt .table .tableBox .tBody ul li.btn .exc { width: 18px; height: 12px; display: block; background-position: -240px -125px; float: right; margin: 2px 5px 0 0; } .tableCnt .table .tableBox .tBody ul li.btn .cancel { width: 18px; height: 12px; display: block; background-position: -258px -125px; float: right; margin: 2px 5px 0 0; } .tableCnt .table .tableBox .tBody ul li.btn .text { float: right; } .newPortfoy { width: 100%; display: inline-block; } .newPortfoy .npBtn { width: 200px; } .newPortfoy .gloBttn .icon { width: 15px; height: 15px; display: block; float: right; margin: 1px 0 0 10px; background-position: -292px 0; } .ie7 .newPortfoy .gloBttn .icon { margin: 8px 0 0 10px; } .newPortfoy .gloBttn2 .icon { width: 15px; height: 15px; display: block; float: right; margin: 1px 0 0 10px; background-position: -292px -23px; } .newPortfoy .npCnt { width: 408px; height: 240px; display: none; padding: 15px 30px; border: 1px solid #d2d2d2; margin-top: -1px; } .newPortfoy .npCnt .row { width: 100%; display: inline-block; float: left; margin: 8px 0; } .newPortfoy .npCnt .row .text { width: 40%; display: inline-block; float: left; color: #000; font: bold 12px/32px 'Metropolis Bold'; } .newPortfoy .npCnt .row input[type="text"] { width: 60%; height: 32px; display: inline-block; float: left; border: 1px solid #d6d6d6; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .ie7 .newPortfoy .npCnt .row input[type="text"] { width: 55%; height: 18px; } .newPortfoy .npCnt .row input[type="submit"] { padding: 6px 30px; } .ie7 .newPortfoy .npCnt .row input[type="submit"] { padding: 0 30px; } .pTableCaption { width: 100%; display: inline-block; color: #444; font: bold 14px/20px 'Metropolis Bold'; margin-bottom: 10px; } .portfoyProcessCenter { width: 100%; display: inline-block; } .portfoyProcessCenter .title { width: 100%; display: inline-block; color: #b8b4b4; font: bold 14px/20px 'Metropolis Bold'; margin-bottom: 10px; text-align: center; } .portfoyProcessCenter .ppCnt { width: 910px; display: inline-block; padding: 15px 30px 30px; background: #eee; } .portfoyProcessCenter .ppCnt .col { width: 212px; display: inline-block; float: left; margin-left: 20px; } .portfoyProcessCenter .ppCnt .col:first-child { margin-left: 0; } .portfoyProcessCenter .ppCnt .col .text { width: 100%; display: inline-block; color: #303030; font: bold 13px/18px 'Metropolis Bold'; margin-bottom: 10px; } .portfoyProcessCenter .ppCnt .col .input { width: 100%; display: inline-block; } .portfoyProcessCenter .ppCnt .col .input .select { width: 162px; height: 34px; display: inline-block; padding: 0 0 0 10px; float: left; background: #fff; color: #303030; font: normal 14px/32px 'Metropolis Medium'; border: 1px solid #dcdbdb; } .portfoyProcessCenter .ppCnt .col .input .gloBttn { width: 50px; height: 34px; border: 0; float: right; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .portfoyProcessCenter .ppCnt .col:first-child .input .gloBttn { width: 212px; height: 34px; } .tableCnt .table .tableBox .tBody ul li.cellPortfoy { font: bold 15px/32px 'Metropolis Bold'; height: 32px; } .tableCnt .table .tableBox .tBody ul li.cellPortfoy .inBtn { color: #fff; font: bold 11px/22px 'Metropolis Bold'; } .tableCnt .table .tableBox .tBody ul li.cellPortfoy.btn a { margin: 8px 0; } .tableCnt .table .tableBox .tBody ul li.cellPortfoy input { width: 100%; height: 32px; padding: 6px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: none; } .tableCnt .table .tableBox .tBody ul li.cellPortfoy select { max-width: 100%; height: 32px; padding: 6px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: none; } .ie8 .tableCnt .table .tableBox .tBody ul li.cellPortfoy .inBtn, .ie9 .tableCnt .table .tableBox .tBody ul li.cellPortfoy .inBtn, .ie10 .tableCnt .table .tableBox .tBody ul li.cellPortfoy .inBtn, .ie11 .tableCnt .table .tableBox .tBody ul li.cellPortfoy .inBtn { line-height: 18px; } .hisseAlimDetay { width: 100%; display: table; } .hisseAlimDetay .verticalBlock { width: 361px; height: 210px; display: inline-block; border: 1px solid #dcdbdb; border-top: none; float: left; } .hisseAlimDetay .verticalBlock li { width: 140px; display: inline-block; border-top: 1px solid #dcdbdb; color: #303030; font: normal 14px/20px 'Metropolis Medium'; float: left; } .hisseAlimDetay .verticalBlock .caption { padding: 7px 15px 7px 25px; background: #ededed; } .hisseAlimDetay .verticalBlock .value { padding: 7px 25px 7px 15px; border-left: 1px solid #dcdbdb; text-align: right; } .hisseAlimDetay .graphBlock { width: 361px; height: 210px; display: table-cell; border: 1px solid #dcdbdb; vertical-align: middle; text-align: center; } .ie7 .hisseAlimDetay .graphBlock { float: right; display: block; } .hisseAlimDetay .graphBlock img { max-width: 330px; max-height: 200px; } .tBody ul li.pmIcon { text-align: center !important; font-size: 20px !important; font-weight: 700 !important; color: #6eb1db !important; } .detcess { display: inline-block; margin-top: 10px; } .portfoy .tableCnt .table .tableBox .tBody ul.row1 { background: #fff !important; } .portfoy .tableCnt .table .tableBox .tBody ul.row2 { background: #ececec !important; } .portfoy .tableCnt .table .tableBox .tBody ul.row3 { background: #aea0a0 !important; } .openHisse, .openAlarm, .openFeed, .openFriend { display: none; } .lightModalBg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1000001; background: transparent url(../images/transBgW.png) repeat; } .lightModalBox { display: block; position: fixed; top: 50%; left: 50%; z-index: 1000002; } .lightModalBox .lightModalContent { width: 100%; display: inline-block; float: left; position: relative; background-color: #fff; border: 3px solid #f68b25; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .lightModalBox .lightModalContent .closeHisse, .lightModalBox .lightModalContent .closeFeed, .lightModalBox .lightModalContent .closeFriend { width: 42px; height: 42px; display: block; position: absolute; right: -15px; top: -15px; z-index: 9; background: transparent url(../images/close_btn.png) no-repeat; cursor: pointer; } .lightModalBox .lightModalContent .closeModal { width: 28px; height: 28px; display: block; position: absolute; right: -15px; top: -15px; z-index: 9; background: transparent url(../images/close_btn.png) no-repeat; cursor: pointer; } .lightModalBox .lightModalContent .modalTitle { display: inline-block; color: #fff; font: bold 14px 'Metropolis Bold'; position: absolute; left: -30px; top: -20px; background-color: #f68b25; border-radius: 20px; padding: 10px 30px; box-shadow: 0 0 20px #999; } .lightModalBox.liveStockInfoModal { width: 900px; height: 430px; margin: -200px 0 0 -450px; } .liveStockInfoModal .uf2Container { width: 874px; display: inline-block; padding: 30px 10px; } .liveStockInfoModal .uf2Container .ufBlock1 { width: 450px; display: inline-block; float: left; margin: 0 18px; } .liveStockInfoModal .uf2Container .ufBlock2 { width: 350px; display: inline-block; float: left; margin: 0 18px; } .liveStockInfoModal .uf2Container .caption { display: inline-block; color: #fff; font: bold 14px 'Metropolis Bold'; position: absolute; left: -30px; top: -20px; background-color: #f68b25; border-radius: 20px; padding: 10px 30px; box-shadow: 0 0 20px #999; } .liveStockInfoModal .uf2Container .uf2Content { width: 100%; display: inline-block; color: #333; font: normal 12px/18px 'Metropolis Medium'; } .liveStockInfoModal .uf2Container .close { width: 43px; height: 38px; display: block; position: absolute; right: -20px; top: -20px; cursor: pointer; background-position: -281px -185px; } .liveStockInfoModal .uf2Container .uf2Content .errorMsg { color: red; text-decoration: underline; margin-bottom: 5px; } .liveStockInfoModal .uf2Container .ufBlock2 .lbText1 { width: 100%; display: inline-block; float: left; color: #333; font: bold 15px/20px 'Metropolis Bold'; } .liveStockInfoModal .uf2Container .ufBlock2 .lbText2 { width: 100%; display: inline-block; float: left; color: #333; font: bold 15px/20px 'Metropolis Bold'; } .liveStockInfoModal .uf2Container .ufBlock2 .lbText3 { width: 100%; display: inline-block; float: left; color: #333; font: normal 12px/15px 'Metropolis Medium'; margin-top: 10px; } .liveStockInfoModal .uf2Container .ufBlock2 .imgCnt { width: 100%; display: inline-block; float: left; text-align: center; margin: 10px 0; } .liveStockInfoModal .uf2Container .ufBlock2 .imgCnt img { width: 224px; height: 184px; display: block; margin: 0 auto; } .control-group { width: 95%; margin-bottom: 10px; } .control-group label { color: #333; font: bold 12px 'Metropolis Bold'; padding: 10px 0; } .control-group .text-box { width: 100%; height: 34px; padding: 0; background: #fff; } .control-group .text-box input { width: 100%; height: 34px; display: block; padding: 5px 10px; border: none; background: transparent; color: #555; font: normal 12px/24px 'Metropolis Medium'; border: 1px solid #ddd; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .control-group .text-box.textarea { height: 60px; } .control-group .text-box.textarea .adres { width: 100%; height: 60px; display: block; padding: 5px 10px; border: none; background: transparent; color: #555; font: normal 12px/16px 'Metropolis Medium'; border: 1px solid #ddd; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; resize: none; outline: none; } .control-group .controls { width: 100%; } .control-group .controls select { width: 100%; background: #fff; margin-bottom: 3px; color: #555; font: normal 12px/34px 'Metropolis Medium'; padding: 0 0 0 10px; border: 1px solid #ddd; height: 34px; } .control-group label.checkbox { font: normal 11px/14px 'Metropolis Medium'; width: 100%; float: left; } .control-group .btn-red .login { width: 100%; height: 36px; background-color: #e56045; border: none; border-radius: 5px; cursor: pointer; text-align: center; color: #fff; font: bold 18px/36px 'Metropolis Bold'; margin-top: 10px; } .control-group .btn-red .cancel { width: 100%; height: 36px; background-color: #444; border: none; border-radius: 5px; cursor: pointer; text-align: center; color: #fff; font: bold 18px/36px 'Metropolis Bold'; margin-top: 10px; } .control-group .why { width: 100%; display: inline-block; color: #333; font: normal 12px/15px 'Metropolis Medium'; font-style: italic; text-decoration: underline; text-align: center; } .inputRequired { border: 1px solid red !important; } .lightModalBox.piyasaBandModal { width: 1026px; height: 200px; margin: -100px 0 0 -513px; } .piyasaBandModal .hisseEkleCikarMenu { width: 960px; display: inline-block; padding: 40px 30px; } .piyasaBandModal .hisseEkleCikarMenu .boxOuter { width: 390px; display: inline-block; float: left; } .piyasaBandModal .hisseEkleCikarMenu .boxOuter span { width: 350px; display: inline-block; padding: 8px 20px 6px; color: #444; font: normal 12px/15px 'Metropolis Medium'; background-color: #cfe1e8; } .piyasaBandModal .hisseEkleCikarMenu .boxOuter select { width: 390px; height: 130px; display: inline-block; color: #000; padding: 5px; font: normal 9pt 'Metropolis Medium'; border: solid 1px #d2d2d2; background-color: #e6e6e6; box-shadow: inset 1px 1px 5px #d2d2d2; } .piyasaBandModal .hisseEkleCikarMenu .boxBttn { width: 84px; padding: 21px 53px 10px; display: inline-block; float: left; } .piyasaBandModal .hisseEkleCikarMenu .boxBttn a { width: 82px; height: 15px; display: inline-block; padding: 8px 0; text-align: center; border: solid 1px #d6d6d6; font: bold 13px 'Metropolis Bold'; color: #000; text-shadow: 1px 1px 0 #fff; text-decoration: none; margin-top: 9px; } .piyasaBandModal .hisseEkleCikarMenu .boxBttn a:first-child { margin-top: 0; } .piyasaBandModal .hisseEkleCikarMenu .boxBttn a.addRemove { background-position: 0 -230px; } .piyasaBandModal .hisseEkleCikarMenu .boxBttn a.addRemove:hover { background: none #fff; } .piyasaBandModal .hisseEkleCikarMenu .boxBttn a.saveMenu { background-position: 0 -340px; color: #fff; text-shadow: none; border: solid 1px #d8710e; } .piyasaBandModal .hisseEkleCikarMenu .boxBttn a.saveMenu:hover { background: none #f68b25; } .piyasaBandModal .hisseEkleCikarMenu .boxBttn.center { padding: 0 20px; } .piyasaBandModal .hisseEkleCikarMenu .boxBttn.move { width: 32px; padding: 27px 0; display: inline-block; margin: 0 0 0 20px; float: right; } .piyasaBandModal .hisseEkleCikarMenu .boxBttn.move .moveup { width: 32px; height: 32px; padding: 0; display: block; float: left; margin: 10px 0; border: 0; background: transparent url(../images/hisseArrows.gif) no-repeat 0 0; } .piyasaBandModal .hisseEkleCikarMenu .boxBttn.move .movedw { width: 32px; height: 32px; padding: 0; display: block; float: left; margin: 10px 0; border: 0; background: transparent url(../images/hisseArrows.gif) no-repeat 0 -32px; } .hisseEkleCikar { display: inline-block; margin: 20px 0; } .hisseEkleCikar .hecTitle { width: 970px; display: inline-block; color: #444; font: bold 12px 'Metropolis Bold'; margin: 10px 0; } .hisseEkleCikar .hecCnt { width: 100%; display: inline-block; } .hisseEkleCikar .hecCnt .boxOuter { width: 390px; display: inline-block; float: left; } .hisseEkleCikar .hecCnt .boxOuter span { width: 350px; display: inline-block; padding: 8px 20px 6px; color: #444; font: normal 12px/15px 'Metropolis Medium'; background-color: #cfe1e8; } .hisseEkleCikar .hecCnt .boxOuter select { width: 390px; height: 125px; display: inline-block; color: #000; padding: 5px; font: normal 9pt 'Metropolis Medium'; border: solid 1px #d2d2d2; background-color: #e6e6e6; box-shadow: inset 1px 1px 5px #d2d2d2; } .hisseEkleCikar .hecCnt .boxBttn { width: 84px; padding: 17px 53px; display: inline-block; float: left; } .hisseEkleCikar .hecCnt .boxBttn a { width: 82px; height: 15px; display: inline-block; padding: 8px 0; text-align: center; border: solid 1px #d6d6d6; font: bold 13px 'Metropolis Bold'; color: #000; text-shadow: 1px 1px 0 #fff; text-decoration: none; margin-top: 10px; } .hisseEkleCikar .hecCnt .boxBttn a:first-child { margin-top: 0; } .hisseEkleCikar .hecCnt .boxBttn a.addRemove { background-position: 0 -230px; } .hisseEkleCikar .hecCnt .boxBttn a.addRemove:hover { background: none #fff; } .hisseEkleCikar .hecCnt .boxBttn a.save { background-position: 0 -345px; color: #fff; text-shadow: none; border: solid 1px #d8710e; } .hisseEkleCikar .hecCnt .boxBttn a.save:hover { background: none #f68b25; } .lightModalBox.alarmModal { width: 600px; margin: -200px 0 0 -300px; } .alarmCnt { width: 555px; display: inline-block; padding: 20px; } .alarmCnt .alarmBox { width: 515px; display: none; padding: 15px 20px 20px; border: 1px solid #c2c2c2; background: #f0f0f0; } .alarmCnt .alarmBox .icon { width: 25px; height: 25px; display: block; margin: 0 auto; background: transparent url(../images/alarm.png) no-repeat; } .alarmCnt .alarmBox .title { width: 100%; height: 20px; display: inline-block; float: left; margin: 15px 0 30px; background: transparent url(../images/alarmLine.png) repeat-x; } .alarmCnt .alarmBox .title span { width: 150px; height: 20px; display: block; padding: 0 10px; margin: 0 auto; background: #f0f0f0; color: #4e4e4e; font: bold 14px/20px 'Metropolis Bold'; text-align: center; } .alarmCnt .alarmBox .text { width: 100%; display: inline-block; float: left; color: #4e4e4e; font: bold 14px/20px 'Metropolis Bold'; text-align: center; } .alarmCnt .alarmBox .btn { width: 100%; display: inline-block; float: left; margin-top: 20px; } .alarmCnt .alarmBox .btn .orange { width: 158px; height: 30px; display: block; margin: 0 auto; color: #fff; font: bold 14px/30px 'Metropolis Bold'; text-align: center; background: #f68b25; border: 1px solid #f07a11; border-radius: 2px; } .alarmCnt .alarmBox .btn .orange:hover { background: #fe991a; } .alarmCnt .alarmBox .aTable { width: 100%; display: inline-block; } .alarmCnt .alarmBox .aTable ul { width: 100%; display: inline-block; margin-top: 15px; } .alarmCnt .alarmBox .aTable ul li { width: 98px; height: 32px; display: inline-block; color: #4e4e4e; font: bold 14px/20px 'Metropolis Bold'; float: left; margin-left: 6px; } .alarmCnt .alarmBox .aTable ul li:first-child { margin-left: 0; } .alarmCnt .alarmBox .aTable ul li select { width: 98px; height: 32px; display: inline-block; color: #4e4e4e; font: bold 14px 'Metropolis Bold'; float: left; border: 1px solid #c3c3c3; background: #fff; } .alarmCnt .alarmBox .aTable ul li .value { width: 88px; display: block; overflow: hidden; padding: 0 5px; line-height: 32px; color: #846e6e; background: #e8e8e8; } .alarmCnt .alarmBox .aTable ul li .kurBtn { width: 96px; height: 30px; display: inline-block; color: #fff; font: bold 14px/30px 'Metropolis Bold'; float: left; border: 1px solid #f07a11; background: #f68b25; text-align: center; border-radius: 2px; } .alarmCnt .alarmBox .aTable ul li .kurBtn:hover { background: #fe991a; } .alarmCnt .alarmBox .aTable ul li .silBtn { width: 66px; height: 30px; display: inline-block; padding-right: 30px; color: #fff; font: bold 14px/30px 'Metropolis Bold'; float: left; border: 1px solid #aaa; background: #bfbfbf; text-align: center; border-radius: 2px; position: relative; } .alarmCnt .alarmBox .aTable ul li .silBtn .sIcon { width: 18px; height: 18px; display: block; position: absolute; right: 20px; top: 6px; background: transparent url(../images/alarm.png) no-repeat; background-position: -30px 0; } .alarmCnt .alarmBox .aTable ul li .silBtn:hover { background: #999; } .alarmCnt .alarmBox .aTable ul.aHead { margin: 0; } .alarmCnt .alarmBox .aTable ul.aHead li { height: 20px; } .alarmCnt .alarmBox:first-child { display: inline-block; } .lightModalBox.alarmWidgetModal { width: 398px; margin: -226px 0 0 -199px; } .alarmWidget { width: 312px; display: inline-block; padding: 40px; } .alarmWidget .alarmBox { width: 280px; height: 335px; display: block; padding: 15px; border: 1px solid #cf6202; background: #fe0a0a; } .alarmWidget .alarmBox .alarmIcon { width: 280px; height: 185px; display: block; float: left; background: transparent url(../images/alarmIconBig.png) no-repeat; background-position: 65px 32px; } .alarmWidget .alarmBox .aContent { width: 100%; display: inline-block; float: left; padding: 15px 0; border-top: 1px solid #e60808; border-bottom: 1px solid #e60808; } .alarmWidget .alarmBox .aContent .icon { width: 141px; height: 89px; display: block; float: left; border-right: 1px solid #e60808; background: #fe0a0a url(../images/alarm.png) no-repeat; } .alarmWidget .alarmBox .aContent .icon.cur01 { background-position: 0 -30px; } .alarmWidget .alarmBox .aContent .icon.cur02 { background-position: -150px -30px; } .alarmWidget .alarmBox .aContent .icon.cur03 { background-position: -300px -30px; } .alarmWidget .alarmBox .aContent .icon.cur04 { background-position: -450px -30px; } .alarmWidget .alarmBox .aContent .icon.cur05 { background-position: -600px -30px; } .alarmWidget .alarmBox .aContent .icon.cur06 { background-position: 0 -130px; } .alarmWidget .alarmBox .aContent .icon.cur07 { background-position: -150px -130px; } .alarmWidget .alarmBox .aContent .icon.cur08 { background-position: -300px -130px; } .alarmWidget .alarmBox .aContent .icon.cur09 { background-position: -450px -130px; } .alarmWidget .alarmBox .aContent .icon.cur10 { background-position: -600px -130px; } .alarmWidget .alarmBox .aContent .icon.cur11 { background-position: 0 -230px; } .alarmWidget .alarmBox .aContent .icon.cur12 { background-position: -150px -230px; } .alarmWidget .alarmBox .aContent .icon.cur13 { background-position: -300px -230px; } .alarmWidget .alarmBox .aContent .detail { width: 115px; height: 89px; display: block; padding: 0 0 0 23px; float: right; } .alarmWidget .alarmBox .aContent .detail .name { width: 100%; height: 40px; display: inline-block; color: #fff; font: bold 25px/40px 'Metropolis Bold'; } .alarmWidget .alarmBox .aContent .detail .last { width: 100%; display: inline-block; color: #fff; font: normal 18px/22px 'Metropolis Medium'; } .alarmWidget .alarmBox .aDate { width: 100%; display: inline-block; color: #9e0000; font: normal 16px/20px 'Metropolis Medium'; text-align: center; margin-top: 10px; } .alarmWidget .alarmBox.type2 .aContent .icon { width: 87px; height: 87px; margin: 1px 0; } .alarmWidget .alarmBox.type2 .aContent .icon.cur01 { background-position: 0 -330px; } .alarmWidget .alarmBox.type2 .aContent .icon.cur02 { background-position: -100px -330px; } .alarmWidget .alarmBox.type2 .aContent .icon.cur03 { background-position: -200px -330px; } .alarmWidget .alarmBox.type2 .aContent .icon.cur04 { background-position: -300px -330px; } .alarmWidget .alarmBox.type2 .aContent .icon.cur05 { background-position: -400px -330px; } .alarmWidget .alarmBox.type2 .aContent .icon.cur06 { background-position: -500px -330px; } .alarmWidget .alarmBox.type2 .aContent .detail { width: 169px; height: 87px; margin: 1px 0; } .alarmPlusBtn { width: 123px; height: 22px; display: none; padding: 5px 18px; color: #fff; font: bold 14px/22px 'Metropolis Bold'; background: url(../images/alarmPlus.png) no-repeat; margin-left: 10px; } .alarmPlusBtn:focus { color: #fff; } .hissePlusBtn { width: 175px; height: 22px; display: block; padding: 5px 38px 5px 0; color: #fff; font: bold 14px/22px 'Metropolis Bold'; text-align: center; background: url(../images/hissePlus.png) no-repeat 0 0; } .hissePlusBtn.delFromMyList { background-position: 0 -40px; } .alarmPosition { position: relative; } .alarmPosition .alarmPlusBtn { position: absolute; right: 0; top: 5px; } .ban970x85 { width: 970px; height: 85px; display: block; overflow: hidden; margin-bottom: 20px; } .liveStockStyle2 .liveStockBar { margin-bottom: 20px; } .liveStockStyle2 .liveStockBar .stockBox { margin-right: 10px; } .liveStockStyle2 .liveStockBar .filterBar { float: left; margin-right: 30px; } .liveStockStyle2 .liveStockBar .liveVarant { float: left; } .liveStockStyle2 .tableCnt .table .tableBox .tBody ul li, .liveStockStyle2 .tableCnt .table .tableBox .tBody ul li a { line-height: 18px; } .liveStockStyle2 .tableCnt .table .tableBox .tHead ul li select { width: 100%; height: 25px; padding: 0; font: bold 12px/15px 'Metropolis Bold'; } .liveStockStyle2 .tableCnt .table .tableBox .tHead ul li small { width: 100%; display: inline-block; color: #5d90b0; font: normal 9px 'Metropolis Medium'; } .liveStockStyle2 .tableCnt .table .tableBox .tBody ul li a.itemAdd { width: 18px; height: 18px; background-position: -80px -210px; margin: 0 8px 0 0; } .liveStockStyle2 .tableCnt .table .tableBox .tBody ul li a.itemRemove { width: 18px; height: 18px; background-position: -60px -210px; margin: 0 8px 0 0; } .liveStockStyle2 .tableCnt .table .tableBox .tBody ul li a.handle { width: 8px; height: 18px; background-position: -105px -210px; float: left; cursor: n-resize; } .liveStockStyle2 .liveStockFilterBar .liveStockBttn.listHider { width: 90px; float: right; padding: 9px 14px 7px; background: #9cbfd3; border-top: 1px solid #9cbfd3; border-right: 1px solid #9cbfd3; } .liveStockStyle2 .liveStockFilterBar .liveStockBttn.listHider .title { margin-right: 10px; color: #5d90b0; } .liveStockStyle2 .liveStockFilterBar .liveStockBttn.listHider .icon { background-position: -137px -220px; } .liveStockStyle2 .liveStockFilterBar .liveStockBttn.listHider.active .icon { background-position: -137px -210px; } .liveStockStyle2 .liveStockFilterBar .liveStockBttn.myStocks { width: 115px; float: right; padding: 6px 14px 3px; border: 1px solid #ff820a; margin-right: 10px; background-position: 0 -560px; } .liveStockStyle2 .liveStockFilterBar .liveStockBttn.myStocks .icon { background-position: -120px -210px; } .liveStockStyle2 .liveStockFilterBar .liveStockBttn.myStocks .title { color: #fff; } .liveStockFilterBar .liveStockBttn .title { margin: 0; } .liveStockStyle2 .liveStockFilterBar .liveStockBttn.fonChanger { height: 25px; border: 0; padding: 0; color: #333; font: bold 14px/25px 'Metropolis Bold'; } .liveStockStyle2 .liveStockFilterBar .liveStockBttn.fonChanger .iconBg { width: 55px; height: 25px; display: block; float: left; margin-right: 10px; background: transparent url(../images/themeChanger.png) no-repeat; background-position: 0 -30px; } .liveStockStyle2 .liveStockFilterBar .liveStockBttn.fonChanger .iconBg #iconSlide { width: 17px; height: 17px; display: block; float: left; margin: 4px 5px; background: transparent url(../images/themeChanger.png) no-repeat; background-position: 0 -60px; } .liveStockStyle2 .liveStockFilterBar .liveStockBttn.fonChanger.active { background: transparent; } .liveStockStyle2 .liveStockFilterBar .liveStockBttn.fonChanger.active .iconBg { background-position: 0 0; } .liveStockStyle2 .liveStockFilterBar .liveStockBttn.fonChanger .title { line-height: 25px; } .liveStockStyle2 .liveStockFilterBar .liveStockBttn.fonChanger.active .title { color: #393636; } .liveStockStyle2 .liveStockFilterBar .liveStockBttn.viewChanger { height: 25px; border: 0; padding: 0; color: #333; font: bold 14px/25px 'Metropolis Bold'; margin-right: 50px; } .liveStockStyle2 .liveStockFilterBar .liveStockBttn.viewChanger .icon { width: 17px; height: 17px; display: block; float: left; margin: 4px 10px 4px 0; background-position: -159px -210px; } .wideContent .item-up { background-color: #2ade00; color: #333 !important; } .wideContent .item-dw { background-color: #ff1919; color: #fff !important; } .wideContent .item-st { background-color: #ecff19; color: #333 !important; } .varant .subMenu .active { float: left !important; } .news-tag-list { width: 100%; float: left; padding-bottom: 10px; } .ntl-item a { float: left; margin: 0 5px 5px 0; padding: 3px 6px; display: inline-block; background-color: #f68b25; color: #fff; font-weight: 700; font-size: 13px; } .content-widget { width: 100%; float: left; display: none; } .relational-news { width: auto; } .lightModalBox.gorusBildir { width: 530px; margin: -200px 0 0 -265px; } .feedback { width: 450px; height: 310px; display: block; padding: 40px; } .feedback .hint { width: 100%; display: inline-block; float: left; color: #be2728; font: normal 11px/15px 'Metropolis Medium'; } .feedback .txb_Baslik, .feedback .txb_UserEmail { width: 428px; height: 22px; padding: 5px 10px; overflow: hidden; font: normal 12px/22px 'Metropolis Medium'; color: #666; border: 1px solid #ddd; margin-bottom: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .feedback .txb_Aciklama { width: 428px; padding: 5px 10px; overflow: hidden; font: normal 12px/22px 'Metropolis Medium'; color: #666; border: 1px solid #ddd; margin-bottom: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .feedback .btn_Send { width: 150px; height: 32px; padding: 5px 10px; overflow: hidden; font: bold 14px/22px 'Metropolis Bold'; color: #fff; border: 1px solid #d75108; border-radius: 3px; background-position: 0 -360px; cursor: pointer; } .feedback .btn_Send:hover { background-position: 0 -231px; color: #000; } .feedback .fbAlert { width: 100%; display: inline-block; margin: 10px 0; font: normal 14px/30px 'Metropolis Medium'; color: #000; } .feedback .fbAlert small { width: 30px; height: 30px; display: block; float: left; margin-right: 10px; background: transparent url(../images/feedbackSprite.png) no-repeat; } .feedback .fbAlert small.warning { background-position: 0 0; } .feedback .fbAlert small.success { background-position: -30px 0; } .lightModalBox.arkadasinaGonder { width: 430px; margin: -200px 0 0 -215px; } .sendToFriend { width: 350px; display: block; padding: 40px; } .sendToFriend .input { width: 328px; height: 22px; padding: 5px 10px; overflow: hidden; font: normal 12px/22px 'Metropolis Medium'; color: #666; border: 1px solid #ddd; margin-bottom: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .sendToFriend .btn_Send { width: 150px; height: 32px; padding: 5px 10px; overflow: hidden; font: bold 14px/22px 'Metropolis Bold'; color: #fff; border: 1px solid #d75108; border-radius: 3px; background-position: 0 -360px; cursor: pointer; } .sendToFriend .btn_Send:hover { background-position: 0 -231px; color: #000; } .sendToFriend .sfAlert { width: 100%; display: inline-block; margin: 10px 0; font: normal 14px/30px 'Metropolis Medium'; color: #000; } .sendToFriend .sfAlert small { width: 30px; height: 30px; display: block; float: left; margin-right: 10px; background: transparent url(../images/feedbackSprite.png) no-repeat; } .sendToFriend .sfAlert small.warning { background-position: 0 0; } .sendToFriend .sfAlert small.success { background-position: -30px 0; } .FixedLineBottom { width: 100%; height: 35px; display: block; position: fixed; left: 0; bottom: 0; background-color: #2f4668; border-top: 2px solid #1e3250; z-index: 999999; } .fixedBanner1 { position: fixed; left: 0; bottom: 33px; z-index: 999999; } .fixedBanner2 { position: fixed; right: 0; bottom: 0; z-index: 1000000; } #flbWrapper { height: 20px; display: inline-block; padding: 8px 0; position: relative; } #flbWrapper li { width: 140px; height: 20px; display: block; overflow: hidden; float: left; padding: 0; } #flbWrapper li .flbItem { width: 129px; height: 20px; display: inline-block; padding: 0 5px; white-space: nowrap; border-left: 1px dotted #5d81b8; } #flbWrapper li .flbItem .arrow { width: 9px; height: 11px; display: block; float: left; margin: 4px 0; } #flbWrapper li .flbItem.up .arrow { background-position: -80px -23px; } #flbWrapper li .flbItem.dw .arrow { background-position: -105px -23px; } #flbWrapper li .flbItem.st .arrow { background-position: -130px -23px; } #flbWrapper li .flbItem .hName { height: 20px; display: block; float: left; color: #fff; font: bold 12px/20px 'Metropolis Bold'; margin-left: 5px; } #flbWrapper li .flbItem .value { height: 20px; display: block; float: right; color: #fff; font: normal 12px/20px 'Metropolis Medium'; } .tickercontainer .mask { position: relative; } .FixedLineBottom .control { width: 70px; height: 35px; display: block; padding: 0 5px; position: fixed; bottom: 1px; right: 0; background: #fff; z-index: 9; list-style: none; } .FixedLineBottom .control li { width: 35px; height: 35px; display: block; float: left; margin: 0; cursor: pointer; background: transparent url(../images/marqueeIcons.png) no-repeat; } .FixedLineBottom .control li.play { background-position: 0 0; } .FixedLineBottom .control li.play:hover { background-position: 0 -35px; } .FixedLineBottom .control li.pause { background-position: -45px 0; } .FixedLineBottom .control li.pause:hover { background-position: -45px -35px; } .FixedLineBottom .control li.close { background-position: -90px 0; } .FixedLineBottom .control li.close:hover { background-position: -90px -35px; } .ie7 .FixedLineBottom { display: none; } #bPWhite.simplePages { border-bottom: 1px solid #e5e5e5; } #bPWhite.simplePages #logo { width: 970px; display: block; margin: 20px auto; } .page500 { width: 677px; display: block; margin: 0 auto; } .page500 .img { width: 677px; height: 280px; display: inline-block; margin: 30px 0; } .page500 .links { width: 100%; display: inline-block; margin: 0; text-align: center; } .page500 .links .refresh { width: 244px; height: 32px; display: inline-block; float: left; margin: 0; cursor: pointer; } .page500 .links .toHome { width: 334px; height: 32px; display: inline-block; float: left; margin: 0; } .page500 .links span { width: 99px; height: 32px; display: inline-block; float: left; color: #999; font: bold 22px/32px 'Metropolis Bold'; } .page404 .image { width: 970px; display: inline-block; margin-bottom: 10px; } .page404 .image img { width: 800px; height: 300px; display: inline-block; margin: 0 85px; } .page404 .image p { width: 970px; display: inline-block; margin: 0; text-align: center; color: #3b3b3b; font: bold 23px 'Metropolis Bold'; border-bottom: 1px solid #d2d2d2; padding-bottom: 20px; } .page404 .errorPage { width: 970px; margin: 0 auto; position: relative; } .page404 .errorPage .mapColumn { width: 280px; display: inline-block; padding: 0 10px 0 30px; border-left: 1px dotted #d2d2d2; float: left; margin: 20px 0; position: relative; z-index: 2; } .page404 .errorPage .mapColumn:first-child { border-left: none; } .page404 .errorPage .mapColumn .box { width: 176px; display: inline-block; margin-bottom: 20px; } .page404 .errorPage .mapColumn .box span { width: 176px; display: inline-block; font: bold 12px 'Metropolis Bold'; } .page404 .errorPage .mapColumn .box a { width: 168px; display: inline-block; margin: 0 0 4px 8px; color: #444; font: normal 12px 'Metropolis Medium'; } .page404 .errorPage .mapColumn .box a:hover { text-decoration: underline; } .page404 .errorPage .mapColumn .box p { width: 176px; display: inline-block; margin-bottom: 4px; color: #222; font: bold 11px 'Metropolis Bold'; } .page404 .errorPage .mapColumn .box span a { width: 176px; display: inline-block; margin: 0 0 7px; color: #222; font: bold 11px 'Metropolis Bold'; } .page404 .errorPage .bg404 { width: 970px; display: inline-block; position: absolute; top: 100px; left: 0; text-align: center; color: #f6f6f6; font: bold 300px 'Metropolis Bold'; z-index: 1; text-shadow: 1px 1px 3px #d2d2d2; } .hoverItem ul.hoverMenu li .h3 a img.item { display: block; float: right; } .bbcNewsTitle { display: table; background: #c31b18; height: 36px; padding: 0 0 0 10px; width: 100%; } .bbcNewsTitle img { float: right; margin-right: 40px; } .bbclist li img { float: left; margin-right: 10px; } .linkNewsList li a { color: #454545; font-size: 14px; } .linkNewsList { padding: 0 10px; list-style: disc !important; } .linkNewsList li { padding: 10px 0 10px 15px; border-bottom: 1px solid #e5e5e5; background:url(/load/view.php?a=aHR0cHM6Ly93d3cuaHVycml5ZXQuY29tLnRyL3AvaHVycml5ZXQtMjAxMy9saXN0LWRpc2MuZ2lm) 0 16px no-repeat; width: 270px; margin-right: 20px; float: left; } .linkNewsList li:last-child { border-bottom: 0; } .linkNewsList li a:hover { color: #e8393a; } .widget300 { display: table; width: 100%; } .widget300 span { padding-bottom: 0 !important; font-size: 13px !important; } .widget300 .banaOzelTitle { background: #f8734a; color: #fff; font-size: 18px; padding: 8px 0 7px 10px; position: relative; height: auto !important; } .widget300 .bbclist { list-style: none !important; } .widget300 .bbclist li a { font: 400 13px 'Metropolis Medium'; } .widget300 .widgetList { padding: 0 10px 10px; display: table; } .widget300 .widgetList li { float: left; width: 100%; background: 0 0; padding: 10px 0; } .widget300 .widgetList li a { float: left; width: 100%; } .widget300 .widgetList li a img { float: left; padding: 0; } .widget300 .widgetList li a .newsTitle14 { font-size: 14px; display: block; color: #454545; line-height: 18px; } .widget300 .widgetList li a .newsTitle14 span { display: block; color: #ff6d27; padding-bottom: 2px; } .widget300 .widgetList li a .newsTitle14:hover { color: #e8393a; } .hoverItemWide ul.hoverMenu li.cap .sTitle { margin-left: 15px; } .tHead ul li.cell066, .tBody ul li.cell066 { width: 316px; padding: 5px 4px !important; } .tHead ul li.cell067, .tBody ul li.cell067 { width: 59px; padding: 5px 4px !important; } .tHead ul li.cell068, .tBody ul li.cell068 { width: 100px; padding: 5px 4px !important; } .tHead ul li.cell069, .tBody ul li.cell069 { width: 50px; padding: 5px 4px !important; } .tHead ul li.cell070, .tBody ul li.cell070 { width: 350px; padding: 5px 4px !important; } .tableCnt .table .tableBox .tBody ul.result li { font-weight: 700; } .tableCnt .table .tableBox .tBody ul li.cell070 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .kobiNews .allNews { display: inline-block; color: #333; font: bold 12px/15px 'Metropolis Bold'; margin-top: 10px; float: right; } .newsDetail p { display: block; margin-bottom: 10px; } .newsDetail .authorSide { width: 100%; display: inline-block; margin-bottom: 20px; } .newsDetail .authorSide .authorImg { width: 130px; height: 130px; display: block; float: left; cursor: default; } .newsDetail .authorSide ul.info { width: 500px; height: 110px; display: block; float: right; padding: 9px 0 9px 19px; background: #fefefe; border: 1px solid #ddd; border-left: 0; box-shadow: inset 0 0 5px #ddd; } .newsDetail .authorSide ul.info li { width: 480px; display: inline-block; float: left; margin: 1px 0; color: #333; font: normal 14px/20px 'Metropolis Medium'; } .newsDetail .authorSide ul.info li .icon { width: 20px; height: 20px; display: block; float: left; margin-right: 10px; background: transparent url(../images/author-iconset.png) no-repeat; } .newsDetail .authorSide ul.info li a { color: #333; } .newsDetail .authorSide ul.info li.eq1 { font-weight: 700; } .newsDetail .authorSide ul.info li.eq2 .icon { background-position: -30px 0; } .newsDetail .authorSide ul.info li.eq3 .icon { background-position: -60px 0; } .newsDetail .authorSide ul.info li.eq4 .icon { background-position: -90px 0; } .newsDetail .authorSide ul.info li.eq3 a:hover { color: #5068b5; } .newsDetail .authorSide ul.info li.eq4 a:hover { color: #30ace3; } .authorBoxes { width: 100%; display: inline-block; } .authorBoxes .onBox { width: 315px; display: inline-block; float: left; } .authorBoxes .onBox .caption { width: 295px; display: inline-block; padding: 5px 10px; float: left; color: #333; font: bold 14px/20px 'Metropolis Bold'; background: #eee; } .authorBoxes .onBox .caption .aIcon { width: 20px; height: 20px; display: block; float: left; margin-right: 10px; background: transparent url(../images/author-iconset.png) no-repeat; } .authorBoxes .onBox .caption .all { display: inline-block; float: right; color: #fa7200; font-weight: 400; font-size: 12px; } .authorBoxes .onBox .caption .all:hover { text-decoration: underline; } .authorBoxes .onBox .list { width: 313px; display: inline-block; border: 1px solid #eee; border-top: none; } .authorBoxes .onBox .list li { width: 100%; display: inline-block; background: #fdfafa; border-top: 1px solid #eee; } .authorBoxes .onBox .list li a { width: 94%; display: inline-block; padding: 5px 3%; color: #333; font: normal 12px/18px 'Metropolis Medium'; } .authorBoxes .onBox .list li a .aName { width: 100%; display: inline-block; float: left; font-weight: 700; margin-bottom: 1px; } .authorBoxes .onBox .list li a .date { width: 22%; display: inline-block; float: left; } .authorBoxes .onBox .list li a .title { width: 75%; height: 18px; display: block; float: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .authorBoxes .onBox .list li:hover { background: #f5f5f5 !important; } .authorBoxes .onBox.otherAuthors { margin-left: 20px; } .rNews { width: 270px; display: block; float: left; } .rNews .rnCap { width: 230px; display: inline-block; padding: 8px 10px; color: #888; font: bold 14px/18px 'Metropolis Bold'; background: #fff; border-top: 2px solid #d0d0d0; border-bottom: 2px solid #d0d0d0; } .rNews .item { width: 215px; display: inline-block; padding: 8px 10px 8px 25px; float: left; color: #6f2727; font: normal 13px/18px 'Metropolis Medium'; border-top: 1px dotted #fff; background: url(../images/list-style-icon1.gif) no-repeat left 10px top 13px; } .rNews .item:hover { text-decoration: underline; } .ie7 .rNews .item, .ie8 .rNews .item { padding-left: 10px; width: 225px; } .rNews3 { width: 250px; margin: 5px 20px 20px 0; } .rNews3 .caption, .rNews3 ul.nfList li.nfItem a .info { width: 230px; padding: 10px 10px 7px; } .rNews3 ul.nfList, .rNews3 ul.nfList li.nfItem, .rNews3 ul.nfList li.nfItem a { width: 250px; } .rNews3 ul.nfList li.nfItem a .imgCnt, .rNews3 ul.nfList li.nfItem a .imgCnt img { width: 250px; height: 140px; } .rNews3 ul.nfList li.nfItem a:hover .info .title { text-decoration: underline; } .rNews3 ul.nfList li.nfItem a .info .title { margin: 0; } .rNews3 ul.nfList li.nfItem.master a .info { padding: 10px 9px 7px; } .layerBar { width: 100%; display: inline-block; border-bottom: 1px solid #eee; } .layerBar .lHead { width: 100%; display: inline-block; border-bottom: 1px solid #eee; } .layerBar .lHead .lTitle { display: inline-block; padding: 5px 20px; background: #eee; color: #333; font: bold 12px/15px 'Metropolis Bold'; } .layerBar a { display: inline-block; padding: 5px 10px; color: #333; font: bold 12px/15px 'Metropolis Bold'; margin: 1px 0; } .layerBar a:hover { background: #f68b25; color: #fff; } .tooltipHint { position: relative; font-weight: 700; color: orange; } .tooltipHint .popText { cursor: pointer; } .tooltipHint .popBox { width: 300px; height: 325px; display: none; padding: 20px 20px 10px; background: #fff; border: 3px solid #dadada; position: absolute; left: 10px; bottom: 25px; z-index: 55; } .tooltipHint .popBox .close { display: inline-block; float: left; margin-top: 10px; color: #000; font: bold 12px/15px 'Metropolis Bold'; cursor: pointer; } .tooltipHint .popBox .close:hover { text-decoration: underline; } .tooltipHint:hover { text-decoration: underline; } .layerLink { color: #000; padding: 5px; } .layerLink:hover { background: orange; color: #fff; } .arzCnt { width: 300px; display: inline-block; } .arzCnt .head { width: 300px; height: 40px; display: inline-block; float: left; margin-bottom: 5px; } .arzCnt .head .caption { width: 260px; height: 40px; display: inline-block; float: left; color: #333; font: bold 16px/40px 'Metropolis Bold'; } .arzCnt .head .icon { width: 34px; height: 34px; display: block; float: right; margin: 3px; background: transparent url(../images/haSprite.png) no-repeat; } .arzCnt.type1 .head .icon { background-position: 0 0; } .arzCnt.type2 .head .icon { background-position: -40px 0; } .arzCnt.type3 .head .icon { background-position: -80px 0; } .arzCnt.type3 .head .caption { line-height: 42px; } .arzCnt .arzTable { width: 268px; display: inline-block; padding: 0 15px; float: left; background: #fafafa; border: 1px solid #d4d4d4; list-style: none; } .arzCnt .arzTable li { width: 100%; display: inline-block; border-top: 1px dotted #d4d4d4; } .arzCnt .arzTable li:first-child { border-top: none; } .arzCnt .arzTable li a { display: inline-block; padding: 12px 0; color: #333; font: normal 14px/18px 'Metropolis Medium'; } .arzCnt .arzTable li a:hover { color: #000; } .arzCnt .arzTable li.bist { border: none; padding: 12px 0; } .arzCnt .arzTable li.bist .icon { width: 63px; height: 23px; display: block; float: left; background: transparent url(../images/haSprite.png) no-repeat; background-position: -120px 0; } .arzCnt.type3 .arzTable { padding: 12px 15px; } .arzTypes { width: 100%; display: inline-block; margin-bottom: 10px; float: left; } .arzTypes .item { width: 100%; height: 130px; display: none; float: left; } .arzTypes .item:first-child { display: block; } .arzTypes .item .title { width: 100%; max-height: 40px; display: block; overflow: hidden; float: left; color: #333; font: bold 16px/20px 'Metropolis Bold'; } .arzTypes .item .spot { width: 100%; max-height: 180px; display: block; overflow: hidden; float: left; color: #333; font: normal 14px/20px 'Metropolis Medium'; } .arzTypes .item .spot .fullText { color: #7cb0c5; font-weight: 700; font-style: italic; } .arzCircles { width: 100%; height: 24px; display: block; overflow: hidden; margin-left: 45px; } .arzCircles .cItem { width: 24px; height: 24px; display: block; overflow: hidden; float: left; color: #fff; font: bold 16px/23px 'Metropolis Bold'; text-align: center; margin-right: 5px; background: transparent url(../images/haSprite.png) no-repeat; background-position: -190px 0; cursor: pointer; } .arzCircles .cItem:hover { background-position: -220px 0; } .arzCircles .cItem.active { background-position: -220px 0; } ul.subSubMenu li.memberinfo { float: right; border: none; } .radiNews { width: 650px; display: inline-block; float: left; } .radiNews .newsList { width: 650px; display: inline-block; float: left; margin-bottom: 10px; } .radiNews .newsList li { width: 210px; display: inline-block; float: left; margin-left: 10px; } .radiNews .newsList li:first-child { margin-left: 0; } .radiNews .newsList li a { display: inline-block; } .radiNews .newsList li a img { width: 210px; height: 112px; display: block; margin-bottom: 5px; float: left; padding: 0 !important; } .radiNews .newsList li a .title { width: 210px; display: block; float: left; color: #000; font: bold 16px/20px 'Metropolis Bold'; } .radiNews .newsList li a:hover .title { color: #444; } .radiNews .rLink { display: block; float: right; } .radiNews .rLink img { padding: 0 !important; } .radiNews .rLinkLeft { width: 191px; height: 21px; display: block; float: left; margin-top: 7px; } .radiNews .rLinkLeft img { padding: 0 !important; } .radiNews .rLinkLeft span { color: #000; font: bold 12px 'Metropolis Bold'; } .authorList { width: 100%; display: inline-block; } .authorList li { width: 100%; display: inline-block; float: left; margin-bottom: 20px; } .authorList li .aImg { width: 196px; height: 196px; display: block; float: left; margin: 0 20px 10px 0; } .authorList li .aName { color: #333; font: bold 18px/25px 'Metropolis Bold'; margin-bottom: 10px; display: inline-block; } .authorList li .aInfo { color: #555; font: normal 15px/22px 'Metropolis Medium'; } .authorList li p { margin: 10px 0; } .lightModalBox.gorusBildir { width: 530px; margin: -200px 0 0 -265px; } .feedback { width: 450px; height: 310px; display: block; padding: 40px; } .feedback .hint { width: 100%; display: inline-block; float: left; color: #be2728; font: normal 11px/15px 'Metropolis Medium'; } .feedback .txb_Baslik, .feedback .txb_UserEmail { width: 428px; height: 22px; padding: 5px 10px; overflow: hidden; font: normal 12px/22px 'Metropolis Medium'; color: #666; border: 1px solid #ddd; margin-bottom: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .feedback .txb_Aciklama { width: 428px; padding: 5px 10px; overflow: hidden; font: normal 12px/22px 'Metropolis Medium'; color: #666; border: 1px solid #ddd; margin-bottom: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .feedback .btn_Send { width: 150px; height: 32px; padding: 5px 10px; overflow: hidden; font: bold 14px/22px 'Metropolis Bold'; color: #fff; border: 1px solid #d75108; border-radius: 3px; background-position: 0 -360px; cursor: pointer; } .feedback .btn_Send:hover { background-position: 0 -231px; color: #000; } .feedback .fbAlert { width: 100%; display: inline-block; margin: 10px 0; font: normal 14px/30px 'Metropolis Medium'; color: #000; } .feedback .fbAlert small { width: 30px; height: 30px; display: block; float: left; margin-right: 10px; background: transparent url(../images/feedbackSprite.png) no-repeat; } .feedback .fbAlert small.warning { background-position: 0 0; } .feedback .fbAlert small.success { background-position: -30px 0; } .lightModalBox.arkadasinaGonder { width: 430px; margin: -200px 0 0 -215px; } .sendToFriend { width: 350px; display: block; padding: 40px; } .sendToFriend .input { width: 328px; height: 22px; padding: 5px 10px; overflow: hidden; font: normal 12px/22px 'Metropolis Medium'; color: #666; border: 1px solid #ddd; margin-bottom: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .sendToFriend .btn_Send { width: 150px; height: 32px; padding: 5px 10px; overflow: hidden; font: bold 14px/22px 'Metropolis Bold'; color: #fff; border: 1px solid #d75108; border-radius: 3px; background-position: 0 -360px; cursor: pointer; } .sendToFriend .btn_Send:hover { background-position: 0 -231px; color: #000; } .sendToFriend .sfAlert { width: 100%; display: inline-block; margin: 10px 0; font: normal 14px/30px 'Metropolis Medium'; color: #000; } .sendToFriend .sfAlert small { width: 30px; height: 30px; display: block; float: left; margin-right: 10px; background: transparent url(../images/feedbackSprite.png) no-repeat; } .sendToFriend .sfAlert small.warning { background-position: 0 0; } .sendToFriend .sfAlert small.success { background-position: -30px 0; } .FixedLineBottom { width: 100%; height: 35px; display: block; position: fixed; left: 0; bottom: 0; background-color: #2f4668; border-top: 2px solid #1e3250; z-index: 999999; } .fixedBanner1 { position: fixed; left: 0; bottom: 33px; z-index: 999999; } .fixedBanner2 { position: fixed; right: 0; bottom: 0; z-index: 1000000; } #flbWrapper { height: 20px; display: inline-block; padding: 8px 0; position: relative; } #flbWrapper li { width: 140px; height: 20px; display: block; overflow: hidden; float: left; padding: 0; } #flbWrapper li .flbItem { width: 129px; height: 20px; display: inline-block; padding: 0 5px; white-space: nowrap; border-left: 1px dotted #5d81b8; } #flbWrapper li .flbItem .arrow { width: 9px; height: 11px; display: block; float: left; margin: 4px 0; } #flbWrapper li .flbItem.up .arrow { background-position: -80px -23px; } #flbWrapper li .flbItem.dw .arrow { background-position: -105px -23px; } #flbWrapper li .flbItem.st .arrow { background-position: -130px -23px; } #flbWrapper li .flbItem .hName { height: 20px; display: block; float: left; color: #fff; font: bold 12px/20px 'Metropolis Bold'; margin-left: 5px; } #flbWrapper li .flbItem .value { height: 20px; display: block; float: right; color: #fff; font: normal 12px/20px 'Metropolis Medium'; } .tickercontainer .mask { position: relative; } .FixedLineBottom .control { width: 70px; height: 35px; display: block; padding: 0 5px; position: fixed; bottom: 1px; right: 0; background: #fff; z-index: 9; list-style: none; } .FixedLineBottom .control li { width: 35px; height: 35px; display: block; float: left; margin: 0; cursor: pointer; background: transparent url(../images/marqueeIcons.png) no-repeat; } .FixedLineBottom .control li.play { background-position: 0 0; } .FixedLineBottom .control li.play:hover { background-position: 0 -35px; } .FixedLineBottom .control li.pause { background-position: -45px 0; } .FixedLineBottom .control li.pause:hover { background-position: -45px -35px; } .FixedLineBottom .control li.close { background-position: -90px 0; } .FixedLineBottom .control li.close:hover { background-position: -90px -35px; } .ie7 .FixedLineBottom { display: none; } .faizlerIndex { width: 100%; display: inline-block; } .faizlerIndex li.item { width: 100%; display: inline-block; margin-bottom: 3px; float: left; } .faizlerIndex li.item a { width: 610px; height: 80px; display: inline-block; padding: 20px; float: left; background: #8bbad5; } .faizlerIndex li.item a .icon { width: 80px; height: 70px; float: left; display: block; margin: 5px 25px 5px 0; background: transparent url(../images/faizSprite.png) no-repeat; } .faizlerIndex li.item.i1 a .icon { background-position: 0 0; } .faizlerIndex li.item.i2 a .icon { background-position: 0 -100px; } .faizlerIndex li.item.i3 a .icon { background-position: 0 -200px; } .faizlerIndex li.item.i4 a .icon { background-position: 0 -300px; } .faizlerIndex li.item.i5 a .icon { background-position: 0 -400px; } .faizlerIndex li.item a .title { width: 150px; height: 60px; float: left; display: block; color: #fff; font: bold 24px/30px 'Metropolis Bold'; margin: 10px 0; } .faizlerIndex li.item a .desc { width: 340px; height: 80px; float: right; display: table; color: #4f6c8f; font: normal 15px/20px 'Metropolis Medium'; margin: 0; } .faizlerIndex li.item a .desc .cell { width: 100%; height: 80px; display: table-cell; vertical-align: middle; } .faizlerIndex li.item a:hover { background: #78a6c0; } .analizIndex { width: 100%; display: inline-block; } .analizIndex .aBox { width: 590px; display: inline-block; padding: 25px 30px; background: #67aad1; margin-bottom: 20px; } .analizIndex .aBox .sideL { width: 350px; display: inline-block; float: left; } .analizIndex .aBox .sideL .title { width: 100%; display: inline-block; float: left; color: #fff; font: bold 30px/40px 'Metropolis Bold'; } .analizIndex .aBox .sideL .icon { width: 160px; height: 140px; float: left; display: block; margin: 15px 0; background: transparent url(../images/analizSprite.png) no-repeat; } .analizIndex .aBox.arastirma .sideL .icon { background-position: 0 0; } .analizIndex .aBox.teknik .sideL .icon { background-position: 0 -140px; } .analizIndex .aBox.temel .sideL .icon { background-position: 0 -280px; } .analizIndex .aBox .sideL .desc { width: 100%; display: inline-block; float: left; color: #4f6c8f; font: normal 15px/20px 'Metropolis Medium'; } .analizIndex .aBox .aList { width: 200px; display: inline-block; float: right; } .analizIndex .aBox .aList li { width: 100%; display: inline-block; float: left; } .analizIndex .aBox .aList li a { width: 190px; display: inline-block; padding: 0 5px; float: left; color: #fff; font: normal 15px/32px 'Metropolis Medium'; border-bottom: 1px solid #5891ba; } .analizIndex .aBox .aList li a:hover { text-decoration: underline; } #fixedBtnBar { width: 40px; position: fixed; z-index: 999999; right: 0; top: 50%; margin-top: -44px; } #fixedBtnBar .item { width: 40px; height: 40px; display: block; float: left; margin: 2px 0; padding: 0; cursor: pointer; box-shadow: 0 0 5px #555; -moz-box-shadow: 0 0 5px #555; -webkit-box-shadow: 0 0 5px #555; } #fixedBtnBar .item.setalert { background-position: 0 -240px; background-color: #b00101; display: none; } #fixedBtnBar .item.feedback { background-position: -40px -240px; background-color: #fd8300; } #fixedBtnBar .item:hover { background-color: #333; } #fixedBtnBar .item.varant { height: 215px; background: #fd8300 url(../images/vettext.png) no-repeat; } #fixedBtnBar .item.varant a { width: 40px; height: 215px; display: block; float: left; } .lightModalBox.feedbackModal { width: 536px; margin: -200px 0 0 -300px; } .feedbackContainer { width: 450px; display: inline-block; padding: 40px 40px 25px; } .feedbackContainer span.alert { display: inline-block; color: #be2728; font: normal 11px 'Metropolis Medium'; padding-bottom: 5px; } .feedbackContainer span.Old { width: 450px; display: inline-block; color: #333; font: bold 14px 'Metropolis Bold'; margin-bottom: 10px; position: absolute; left: -30px; top: -30px; background-color: #f68b25; } .feedbackContainer input[type="text"] { width: 428px; height: 22px; padding: 5px 10px; overflow: hidden; font: normal 12px/22px 'Metropolis Medium'; color: #666; border: 1px solid #ddd; margin-bottom: 10px; border-radius: 3px; } .feedbackContainer textarea { width: 428px; padding: 5px 10px; overflow: hidden; font: normal 12px/22px 'Metropolis Medium'; color: #666; border: 1px solid #ddd; margin-bottom: 10px; border-radius: 3px; } .feedbackContainer input[type="button"] { width: 150px; height: 32px; padding: 5px 10px; overflow: hidden; font: bold 14px/22px 'Metropolis Bold'; color: #fff; border: 1px solid #d75108; border-radius: 3px; background-position: 0 -365px; cursor: pointer; } .feedbackContainer input[type="button"]:hover { background-position: 0 -450px; border: 1px solid #555; color: #333; } .feedbackContainer .result { width: 450px; display: inline-block; margin: 10px 0; font: normal 14px/30px 'Metropolis Medium'; color: #000; } .feedbackContainer .result small { width: 30px; height: 30px; display: block; float: left; margin-right: 10px; background: transparent url(../images/feedbackSprite.png) no-repeat; } .feedbackContainer .result small.alert { background-position: 0 0; } .feedbackContainer .result small.success { background-position: -30px 0; } .exchange-compare { width: 100%; display: inline-block; float: left; padding-top: 20px; } .exchange-compare .ec-select { float: left; margin-right: 10px; } .exchange-compare .ec-select label { font: normal 14px/32px 'Metropolis Medium'; color: #333; float: left; margin-right: 5px; } .exchange-compare .ec-list { overflow: hidden; } .exchange-compare .ec-list li { float: left; margin-right: 5px; margin-bottom: 5px; } .exchange-compare .ecl-item { padding: 0 15px; line-height: 31px; position: relative; display: inline-block; font-family: 'Metropolis Medium'; font-size: 13px; color: #fff; cursor: pointer; } .exchange-compare .ecl-item:hover { text-decoration: underline; } .exchange-compare .ecl-item span { font-size: 10px; color: #fff; position: absolute; right: 4px; top: 2px; line-height: 10px; } .exchange-compare .ecl-item:hover span { text-decoration: none; } .exchange-compare .ecl-item .ecli-text { font-style: normal; } .newsDetail a.bpNewDetailLink { width: auto !important; display: inline-block; color: #fff !important; font: bold 18px/25px 'Metropolis Bold' !important; background-color: #f68b25; padding: 5px 10px; } .newsDetail a.bpNewDetailLink font { color: #fff !important; } .newsDetail a.bpNewDetailLink::after { clear: both; } .videoBoxW { width: 300px; display: block; float: left; } .videoBoxW .title { width: 100%; display: inline-block; float: left; margin-bottom: 10px; color: #f68b25; font: normal 20px 'Metropolis Medium'; } .videoBoxW .title:hover { text-decoration: underline; } .videoBoxW .videoLink { width: 100%; display: inline-block; float: left; } .videoBoxW .videoLink .caption { width: 100%; display: inline-block; float: left; color: #555; font: bold 17px/20px 'Metropolis Bold'; } .videoBoxW .videoLink .date { width: 100%; display: inline-block; float: left; color: #333; font: normal 12px/15px 'Metropolis Bold'; margin: 3px 0 7px; } .videoBoxW .videoLink .imgs { width: 300px; height: 170px; display: block; float: left; position: relative; } .videoBoxW .videoLink .imgs img { width: 300px; height: 170px; display: block; float: left; } .videoBoxW .videoLink .imgs .playBtn { width: 60px; height: 60px; display: block; position: absolute; top: 55px; left: 120px; background-position: -60px -50px; } .videoBoxW .videoLink:hover .imgs .playBtn { background-position: 0 -50px; } .videoBoxW .showAll { width: 100%; display: inline-block; float: left; margin-top: 10px; color: #000; font: bold 12px/15px 'Metropolis Bold'; } .videoBoxW .showAll:hover { text-decoration: underline; } .mobilUstBant { width: 100%; display: inline-block; padding: 0; height: 50px; text-align: center; background: #efefef; margin: 10px 0; } .mobilUstBant a { display: inline-block; padding: 10px 20px; text-align: center; margin: 0 10px; background: #333; color: #fff; font: normal 20px 'Metropolis Medium'; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .tableCnt .table .tableBox .tHead > ul.hasTip { overflow: visible; display: inline-block; float: left; } .ekTip { display: inline-block; position: relative; text-align: left; z-index: 999999; } .ekTip .tipItem { width: 10px; height: 10px; display: block; margin: 0; cursor: help; } .ekTip .arrow { width: 10px; height: 10px; display: none; content: ""; background: #b20505; position: absolute; left: 0; bottom: 13px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .ekTip .tipCnt { width: 130px; display: none; position: absolute; color: #333; font: normal 12px/15px 'Metropolis Medium'; left: -20px; bottom: 17px; border: 3px solid #b20505; background: #fff; padding: 5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .ekTip .tipItem:hover ~ .arrow, .ekTip .tipItem:hover ~ .tipCnt { display: block; } .tBody.sBox { position: relative; } .sponsoredBg { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background: transparent url(../images/isvarant-bg.png) repeat-y; } .tableCnt .table .tableBox .tBody .sponsoredBg { z-index: 11; } .sponsored-none .sponsoredBg { display: none !important; } .tableCnt .table.wide .tableBox .tBody .sponsoredBg { left: 0px; } .tableCnt .table .tableBox .tBody ul li.cell009 a { position: relative; z-index: 12; } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: 0.5em 0.5em 0.5em 0.7em; zoom: 1; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: 0.7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: 0.5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } * html .ui-autocomplete { width: 1px; } .ui-button { display: inline-block; position: relative; padding: 0; margin-right: 0.1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } .ui-button-icon-only { width: 2.2em; } button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: 0.4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: 0.4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 1em 0.4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 2.1em 0.4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } input.ui-button { padding: 0.4em 1em; } .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: 0.5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: 0.5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: 0.5em; } .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -0.3em; } button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: 0.2em 0.2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: 0.9em; border-collapse: collapse; margin: 0 0 0.4em; } .ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: 700; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0.2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0 0; padding: 0 0.2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto 0.4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-datepicker-cover { position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 200px; height: 200px; } .ui-dialog { position: absolute; top: 0; left: 0; padding: 0.2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: 0.4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: 0.1em 16px 0.1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0.3em; top: 50%; width: 19px; margin: -10px 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 0.5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0; background-image: none; margin: 0.5em 0 0; padding: 0.3em 1em 0.5em 0.4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; } .ui-menu .ui-menu-divider { margin: 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px 0.4em; line-height: 1.5; zoom: 1; font-weight: 400; } .ui-menu .ui-state-disabled { font-weight: 400; margin: 0.4em 0 0.2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } .ui-menu .ui-icon { position: absolute; top: 0.2em; left: 0.2em; } .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted #000; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: 0.8em; } .ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: 0.8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; padding: 0; margin: 0.2em 0; vertical-align: middle; margin-left: 0.4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: 0.5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-spinner .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-tabs { position: relative; padding: 0.2em; zoom: 1; } .ui-tabs .ui-tabs-nav { margin: 0; padding: 0.2em 0.2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px 0.2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: 0.5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } * html .ui-tooltip { background-image: none; } body .ui-tooltip { border-width: 2px; } .ui-widget { font-family: Verdana, Arial, sans-serif; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaa; background: #fff url(../images/jquery-ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222; } .ui-widget-content a { color: #222; } .ui-widget-header { border: 1px solid #aaa; background: #ccc url(../images/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222; font-weight: 700; } .ui-widget-header a { color: #222; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(../images/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: 400; color: #555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999; background: #dadada url(../images/jquery-ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: 400; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaa; background: #fff url(../images/jquery-ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: 400; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url(../images/jquery-ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(../images/jquery-ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: 700; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; filter: Alpha(Opacity=70); font-weight: 400; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; filter: Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); } .ui-icon { width: 16px; height: 16px; background-image: url(../images/jquery-ui/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon { background-image: url(../images/jquery-ui/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon { background-image: url(../images/jquery-ui/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(../images/jquery-ui/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(../images/jquery-ui/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon { background-image: url(../images/jquery-ui/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon { background-image: url(../images/jquery-ui/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(../images/jquery-ui/ui-icons_cd0a0a_256x240.png); } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-widget-overlay { background: #aaa url(../images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: 0.3; filter: Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaa url(../images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: 0.3; filter: Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px 'Metropolis Medium'; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../images/fancybox/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url(../images/fancybox/fancybox_loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(../images/fancybox/blank.gif); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 10000000 !important; background: url(../images/fancybox/fancybox_overlay.png); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } .fancybox-title { visibility: hidden; font: normal 13px/20px 'Metropolis Medium'; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #fff; font-weight: 700; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../images/fancybox/fancybox_sprite@2x.png); background-size: 44px 152px; } #fancybox-loading div { background-image: url(../images/fancybox/fancybox_loading@2x.gif); background-size: 24px 24px; } } .formError { z-index: 990; } .formError .formErrorContent { z-index: 991; } .formError .formErrorArrow { z-index: 996; } .ui-dialog .formError { z-index: 5000; } .ui-dialog .formError .formErrorContent { z-index: 5001; } .ui-dialog .formError .formErrorArrow { z-index: 5006; } .inputContainer { position: relative; float: left; } .formError { position: absolute; top: 300px; left: 300px; display: block; cursor: pointer; text-align: left; } .formError.inline { position: relative; top: 0; left: 0; display: inline-block; } .ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none; } .formError .formErrorContent { width: 100%; background: #ee0101; position: relative; color: #fff; min-width: 120px; font-size: 11px; border: 2px solid #ddd; box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; -o-box-shadow: 0 0 6px #000; padding: 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; font-family: 'Metropolis Medium'; } .formError.inline .formErrorContent { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; } .greenPopup .formErrorContent { background: #33be40; } .blackPopup .formErrorContent { background: #393939; color: #fff; } .formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px; position: relative; } body[dir="rtl"] .formError .formErrorArrow, body.rtl .formError .formErrorArrow { margin: -2px 13px 0 0; } .formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; margin: 0 0 0 12px; top: 2px; } .formError .formErrorArrow div { border-left: 2px solid #ddd; border-right: 2px solid #ddd; box-shadow: 0 2px 3px #444; -moz-box-shadow: 0 2px 3px #444; -webkit-box-shadow: 0 2px 3px #444; -o-box-shadow: 0 2px 3px #444; font-size: 0; height: 1px; background: #ee0101; margin: 0 auto; line-height: 0; font-size: 0; display: block; } .formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; } .greenPopup .formErrorArrow div { background: #33be40; } .blackPopup .formErrorArrow div { background: #393939; color: #fff; } .formError .formErrorArrow .line10 { width: 13px; border: none; } .formError .formErrorArrow .line9 { width: 11px; border: none; } .formError .formErrorArrow .line8 { width: 11px; } .formError .formErrorArrow .line7 { width: 9px; } .formError .formErrorArrow .line6 { width: 7px; } .formError .formErrorArrow .line5 { width: 5px; } .formError .formErrorArrow .line4 { width: 3px; } .formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0 solid #ddd; } .formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd; } .formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd; } .ui-autocomplete.ui-corner-all { z-index: 9999999999 !important; background-color: #fff; border-radius: 0; max-height: 200px; width: 285px; overflow-y: auto; overflow-x: hidden; padding: 0; margin-left: -2px; } .ui-autocomplete .bgH-kod { font: bold 12px 'Metropolis Bold'; width: 85px; line-height: 17px; display: block; overflow: hidden; float: left; padding: 0; margin: 0; } .ui-autocomplete .bgH-ad { font: normal 12px 'Metropolis Medium'; width: 165px; text-align: right; line-height: 17px; float: left; padding: 0; margin: 0; margin-right: 5px; color: #000; } .ui-autocomplete .bgH-link { color: #111; border-radius: 0; } .ui-autocomplete.ui-menu .ui-menu-item.bgH-item:nth-child(odd) a { background-color: #fff; } .ui-autocomplete.ui-menu .ui-menu-item.bgH-item { border-radius: 0; margin: 0; position: relative; height: 25px; cursor: pointer; width: 100%; overflow: hidden; } .ui-autocomplete.ui-menu .ui-menu-item.bgH-item a { background: #eaeaea; height: 15px; padding: 5px; } .ui-autocomplete.ui-menu .ui-menu-item.bgH-item:hover a { background: #f14242 !important; color: #fff; } .ui-autocomplete.ui-menu .ui-menu-item.bgH-item:hover .bgH-ad { color: #fff; } .ui-autocomplete.ui-menu .ui-menu-item.bgH-item a.ui-state-focus { background: #f14242 !important; color: #fff; } .ui-autocomplete .bgH-link, .ui-autocomplete .bgH-link:hover { border: none !important; } .kapDahilLabel { margin-right: 10px; float: left; font: bold 12px 'Metropolis Bold'; color: #444; height: 25px; padding: 8px 5px 0; } .analizFilter .cell2 { margin-right: 10px; } .popupUser { display: none; } .b-current { color: #f68b25; } #mask_currency1, #mask_currency2 { width: 100px; } .mask_currency1, .mask_currency2, .currency-node { width: 100px; } .currency-list { width: 165px; } .lineInfo span { display: inline; } .marBot { margin-bottom: 30px !important; } .filterBar #SelectedSeans { width: 89px; } .filterBar #SelectedHisse { width: 123px; } .control-group .btn-red .cancel { display: block; } .topLatestNews { margin: 10px 0; } .gunOzet .tHead ul li.cell002, .gunOzet .tBody ul li.cell002 { width: 45px; } .AtaOnline { display: inline; } .halkaArzAll { color: #000; font: bold 12px 'Metropolis Bold'; display: inline-block; float: right; } select#SelectedEndeks { font-size: 10px; } .wChartTab .chartCnt .left.static span { color: #216fe1; } .wChartTab .chartCnt .left.static span small.s { display: inline-block; width: 22px; height: 23px; background-position: -218px -176px; margin-right: 3px; float: left; } .wChartTab .chartCnt .left.static span b { color: #216fe1; } .dovizBarDesc { display: block; padding: 0 10px; font: bold 11px 'Metropolis Bold'; color: #333; } .resultHeader { width: 78%; display: inline-block; margin: 10px 0; font: normal 14px/30px 'Metropolis Medium'; color: #000; text-align: right; } .resultHeader small { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 0; background: transparent url(../images/feedbackSprite.png) no-repeat; } .datepicker { width: 75px; } .sBox { position: relative; } .sponsoredBg { width: 100%; height: 100%; display: block; position: absolute; left: 150px; top: 0; background: transparent url(/images/isvarant-bg.png) 8% top repeat-y; } .analizChart.wide { width: 970px; } .checkBtnGroup { margin: 11px; } .checkBtnGroup input { display: none; } .checkBtnGroup label { height: 16px; display: inline-block; padding: 5px 0; color: #333; font: bold 12px/16px 'Metropolis Bold'; cursor: pointer; margin-right: 20px; } .checkBtnGroup label small { width: 16px; height: 16px; display: block; margin-right: 5px; background-position: -105px -170px; float: left; } .checkBtnGroup label.select small { background-position: -105px -189px; } .analiz1 .subMenu { margin-bottom: 10px; } .wideContent .breadcrumbs { margin-bottom: 0; } .analizChart { height: auto; min-height: 764px; } .sortOfBar.pager { margin-bottom: 20px; } .tableCnt .table.wide { margin-left: 0; } .tableCnt .table .tableBox .tBody ul li.cellPortfoy input { border: 1px solid #c0b6b6; padding-left: 5px; } .portfoyProcessCenter .ppCnt .col .input .gloBttn { float: none; } #alarmkapanis { width: 85px; } .borsa:after { clear: both; height: 0; content: " "; display: block; } .hisse:after { clear: both; height: 0; content: " "; display: block; } .haberler:after { clear: both; height: 0; content: " "; display: block; } .hisse ul.subMenu { margin-bottom: 20px; } .w1000TL .binCnt .itemCnt.down .verticalBar .vbItem .value .arrow { background-position: -214px -42px; } .w1000TL .binCnt .itemCnt.down .verticalBar .vbItem .value { background: #c80000; } .tableCnt .table.wide.pgAltin .caption { width: 200px; float: left; } .rightIcon { float: left; } .sponsoredBy { position: absolute; right: 10px; } .dovizExchange { position: relative; } .analiz1 #SelectedEndeks { font-size: 13px; } .dovizBar p { display: block; padding: 0 10px; font: bold 11px 'Metropolis Bold'; color: #333; } .yatirimsim { width: 955px; } .sosyal { background: url(../images/smedya.png) no-repeat 0 0; } .mainFooter .footerContent ul li a span.icoFac { background-position: 0 0; width: 12px; height: 12px; } .mainFooter .footerContent ul li a span.icoTwt { background-position: -1px -17px; width: 12px; height: 12px; } .mainFooter .footerContent ul li a span.icoLnk { background-position: -1px -35px; width: 12px; height: 12px; } .mainFooter .footerContent ul li a span.icoRss { background-position: -1px -53px; width: 12px; height: 12px; } .mainFooter .footerContent ul li a span.icoPod { background-position: -1px -71px; width: 12px; height: 12px; } .icoGPlus { background-position: 0 -89px; width: 12px; height: 12px; } .bpMasters .bpAll { height: 19px; display: inline-block; padding: 0 5px; float: right; color: #000; font: bold 12px/19px 'Metropolis Bold'; } .newBpSlider.video { margin-top: 20px; } .wCreditCalc .formCnt .row .cap #btnDetail { width: 93px; display: none; padding: 7px; margin-top: -6px; float: left; color: #fff; font: bold 11px/14px 'Metropolis Bold'; background-color: #f68b25; text-align: center; } .newsTextLink { width: 100%; display: block; float: left; margin-bottom: 10px; } .rndLink { display: inline-block; color: #fff; font: bold 16px/25px 'Metropolis Medium'; padding: 11px 10px 9px; background: rgb(18, 56, 97); } .rndLink:hover { text-decoration: underline; } .mCenter { margin: 0 auto; display: block; width: 650px; } .feedbackBtn { background: transparent url(../images/feedbackButton.png) no-repeat; width: 30px; height: 150px; position: fixed; right: 0; top: 350px; background-position: 0 0; z-index: 1000000; cursor: pointer; display: none; } .feedbackBtn:hover { background-position: -30px 0; } .bgH-action { float: left; padding: 10px; width: 72px; text-align: center; } .bgH-send { background: url(../images/bgh-send.png) no-repeat center center; height: 11px; width: 16px; display: inline-block; vertical-align: middle; margin-right: 10px; } .bgH-print { background: url(../images/bgh-print.png) no-repeat center center; height: 15px; width: 16px; display: inline-block; vertical-align: middle; } #segmentifyRelatedNews { width: 100%; display: none; margin-bottom: 20px; border-bottom: solid 1px #d2d2d2; } #segmentifyRelatedNews #sgyTitle { width: 100%; display: inline-block; color: #f68b25; font: normal 20px/22px 'Metropolis Medium'; margin-bottom: 5px; padding-bottom: 5px; border-bottom: solid 1px #d2d2d2; } .hisseTakipBox .htCnt { width: 310px; padding: 40px 25px; margin: 0 auto; background-color: #fff; border: 3px solid #f7f7f7; box-shadow: 0 0 30px #999; position: relative; } .hisseTakipBox .htCnt .text1 { width: 100%; display: inline-block; color: #797070; font: bold 16px/20px 'Metropolis Bold'; margin-bottom: 30px; } .hisseTakipBox .htCnt .htList { width: 100%; display: inline-block; list-style: none; } .hisseTakipBox .htCnt .htList li { width: 100%; display: inline-block; float: left; margin: 5px 0; } .hisseTakipBox .htCnt .htList li .hName { width: 100px; display: inline-block; float: left; color: #797070; font: bold 18px/25px 'Metropolis Bold'; } .hisseTakipBox .htCnt .htList li .add { width: 200px; height: 25px; display: inline-block; float: left; } .hisseTakipBox .htCnt .darkMan { width: 100px; height: 90px; display: block; float: left; background:url(/load/view.php?a=aHR0cHM6Ly9iaWdwYXJhLmh1cnJpeWV0LmNvbS50ci9JbWFnZXMvc2hhZG93LWF2YXRhci5qcGc) no-repeat; } .hisseTakipBox .htCnt .cnt2 { width: 200px; display: block; float: right; } .hisseTakipBox .htCnt .cnt2 .text1 { width: 100%; display: inline-block; color: #797070; font: bold 15px/20px 'Metropolis Bold'; margin: 10px 0 20px; } .hisseTakipBox .htCnt .cnt2 .signup { width: 150px; height: 30px; display: block; padding: 5px 0 3px; float: left; color: #fff; font: bold 18px/30px 'Metropolis Bold'; background: #ff9631; border: 1px solid #e39951; text-align: center; } .hisseTakipBox .htCnt .cnt2 .signup:hover { background: #999; border: 1px solid #777; } .feedback { height: 400px; } img#CaptchaImage { width: 100px; } .bgH-captch input { float: right; margin-top: -73px; width: 215px; height: 22px; padding: 5px 10px; overflow: hidden; font: normal 12px/22px 'Metropolis Medium'; color: #666; border: 1px solid #ddd; margin-bottom: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .bgH-captch { height: 85px; } .bgH-captch a { height: 19px; padding: 0 5px; color: #000; font: bold 12px/19px 'Metropolis Bold'; } .exchange-compare { padding: 20px 0; float: left; } .ec-select { float: left; margin-right: 10px; } .ec-select label { font: normal 14px/32px 'Metropolis Medium'; color: #333; float: left; margin-right: 5px; } .ec-list { overflow: hidden; } .ec-list li { float: left; margin-right: 5px; margin-bottom: 5px; } .ecl-item { padding: 0 15px; line-height: 31px; position: relative; display: inline-block; font-family: 'Metropolis Medium'; font-size: 13px; color: #fff; cursor: pointer; } .ecl-item:hover { text-decoration: underline; } .ecl-item span { font-size: 10px; color: #fff; position: absolute; right: 4px; top: 2px; line-height: 10px; } .ecl-item:hover span { text-decoration: none; } .ecl-item .ecli-text { font-style: normal; } .wStockStats .ssContent .graph .scaleData .captions span { display: block; } .FixedLineBottom { display: none; } .tHead ul li.cell0x66, .tBody ul li.cell0x66 { width: 148px; } .tHead ul li.cell0x67, .tBody ul li.cell0x67 { width: 40px; } .newsDetail img { cursor: pointer; } .newsDetail img.newsImg { cursor: default; } .widgetCp .peCnt { height: auto; } .allCommentLink span { float: left; margin-left: 5px; line-height: 12px; } .h-btn { outline: none; background: #f68b25; padding: 9px 20px; color: #fff; font-size: 14px; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; margin-bottom: 2px; display: inline-block; } .h-btn:hover, .h-btn:active { box-shadow: none; background-color: #e47e1e; color: #fff; } .nue-notify-wrapper { width: 380px; position: fixed; left: 18px; bottom: 18px; z-index: 9999999; font-family: 'Metropolis Medium'; } .nue-notify { width: 380px; min-height: 70px; position: relative; margin-top: 14px; padding-left: 98px; border-radius: 2px; overflow: hidden; background: #fff; -webkit-box-shadow: 0 1px 1px 0 #d3d3d3; -moz-box-shadow: 0 1px 1px 0 #d3d3d3; -o-box-shadow: 0 1px 1px 0 #d3d3d3; box-shadow: 0 1px 1px 0 #d3d3d3; display: none; } .nue-notify-type { width: 80px; height: 100%; position: absolute; left: 0; top: 0; } .nue-notify-type .nue-notify-icon { display: block; position: absolute; left: 50%; top: 50%; background: url(../images/notification-sprite.png) left top no-repeat; } .nue-notify-title { padding: 14px 40px 0 0; font-size: 18px; color: #000; line-height: 100%; } .nue-notify-content { font-size: 14px; color: #7b7b7b; line-height: 20px; padding: 10px 34px 14px 0; } .nue-notify-content strong { font-weight: 400; font-size: inherit; } .nue-notify-close { width: 16px; height: 16px; display: block; position: absolute; right: 10px; top: 10px; background: url(../images/notification-sprite.png) 0 -100px no-repeat; } .nue-success .nue-notify-title { color: #2ecc71; } .nue-success .nue-notify-type { background-color: #2ecc71; } .nue-success .nue-notify-icon { width: 35px; height: 24px; background-position: 0 0; margin-left: -17px; margin-top: -12px; } .nue-error .nue-notify-title { color: #e74c3c; } .nue-error .nue-notify-type { background-color: #e74c3c; } .nue-error .nue-notify-icon { width: 32px; height: 32px; background-position: 0 -67px; margin-left: -16px; margin-top: -16px; } .nue-warning .nue-notify-title { color: #f1c40f; } .nue-warning .nue-notify-type { background-color: #f1c40f; } .nue-warning .nue-notify-icon { width: 7px; height: 41px; background-position: 0 -25px; margin-left: -3px; margin-top: -20px; } .nue-confirm { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999999; display: none; text-align: center; font-family: 'Metropolis Medium'; } .nue-confirm-overlay { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999998; background: #000; opacity: 0.6; filter: alpha(opacity=60); display: none; } .nue-confirm-wrapper { min-width: 400px; max-width: 580px; display: inline-block; position: relative; top: 12%; background: #fff; border-radius: 2px; overflow: hidden; text-align: left; } .nue-confirm-title { padding: 14px; font-size: 18px; color: #fff; line-height: 100%; } .nue-confirm-content { font-size: 14px; color: #7b7b7b; line-height: 100%; padding: 14px; } .nue-confirm-action { text-align: right; padding: 0 14px 14px; } .nue-confirm-action .h-btn { margin-left: 14px; } .nue-confirm .nue-confirm-icon { display: block; float: left; background: url(../images/notification-sprite.png) left top no-repeat; margin: 0 12px 0 4px; } .nue-success .nue-confirm-title { background: #f68b25; } .nue-success .nue-confirm-icon { width: 32px; height: 22px; background-position: -36px 0; margin-top: -1px; } .nue-error .nue-confirm-title { background: #f68b25; } .nue-error .nue-confirm-icon { width: 26px; height: 26px; background-position: -33px -67px; margin: -4px 15px 0 7px; } .nue-warning .nue-confirm-title { background: #f68b25; } .nue-warning .nue-confirm-icon { width: 5px; height: 32px; background-position: -8px -25px; margin: -7px 21px 0 5px; } .wGraph .cfximg { max-height: inherit; } .wGraph.wide .cfximg { max-height: inherit; } .explainBoxs { width: 650px; display: inline-block; margin-bottom: 15px; } .explainBoxs.w970px { width: 970px; } .explainBoxs b { width: 630px; display: inline-block; padding: 0 10px; font: bold 12px/33px 'Metropolis Bold'; color: #333; background-color: #deeaef; } .explainBoxs b a { width: 100%; display: inline-block; font: normal 12px/33px 'Metropolis Medium'; color: #333; text-align: center; } .explainBoxs p { width: 630px; display: inline-block; padding: 5px 10px; font: normal 12px/18px 'Metropolis Medium'; color: #333; } .explainBoxs.w970px .search { width: 950px; display: inline-block; padding: 0 10px; font: bold 12px/33px 'Metropolis Bold'; color: #333; background-color: #deeaef; } .explainBoxs.w970px .search .sBox { width: 475px; display: inline-block; float: left; } .explainBoxs.w970px b { width: 950px; } .explainBoxs.w970px p { width: 950px; } .explainBoxs.w970px p span { width: 450px; float: left; margin-left: 50px; text-align: center; } .explainBoxs.w970px p span:first-child { margin-left: 0; } .explainBoxs.w970px p span img { width: 200px; height: 150px; display: inline-block; margin: 5px 0; } .explainBoxs.w970px p a { width: 450px; display: inline-block; color: #333; font: bold 12px 'Metropolis Bold'; } .feedbackLightBoxBg { width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; z-index: 1000001; background: transparent url(/Images/kobiTransBg.png) repeat; } .feedbackLightBox { display: none; position: fixed; top: 0; left: 0; z-index: 1000002; } .feedbackLightBox .content { width: 450px; height: 310px; padding: 40px; margin: 0 auto; background-color: #fff; border: 3px solid #f68b25; box-shadow: 0 0 30px #999; position: relative; } .feedbackLightBox .content span.caption { display: inline-block; color: #fff; font: bold 14px 'Metropolis Bold'; position: absolute; left: -30px; top: -20px; background-color: #f68b25; border-radius: 20px; padding: 10px 30px; box-shadow: 0 0 20px #999; } .feedbackLightBox .content span.alert { display: inline-block; color: #be2728; font: normal 11px 'Metropolis Medium'; padding-bottom: 5px; } .feedbackLightBox .content span.Old { width: 450px; display: inline-block; color: #333; font: bold 14px 'Metropolis Bold'; margin-bottom: 10px; position: absolute; left: -30px; top: -30px; background-color: #f68b25; } .feedbackLightBox .content input[type="text"] { width: 428px; height: 22px; padding: 5px 10px; overflow: hidden; font: normal 12px/22px 'Metropolis Medium'; color: #666; border: 1px solid #ddd; margin-bottom: 10px; border-radius: 3px; } .feedbackLightBox .content textarea { width: 428px; padding: 5px 10px; overflow: hidden; font: normal 12px/22px 'Metropolis Medium'; color: #666; border: 1px solid #ddd; margin-bottom: 10px; border-radius: 3px; } .feedbackLightBox .content input[type="button"] { width: 150px; height: 32px; padding: 5px 10px; overflow: hidden; font: bold 14px/22px 'Metropolis Bold'; color: #fff; border: 1px solid #d75108; border-radius: 3px; background-position: 0 -245px; cursor: pointer; } .feedbackLightBox .content input[type="button"]:hover { background-position: 0 -318px; border: 1px solid #ddd; color: #333; } .feedbackLightBox small.close { width: 43px; height: 38px; display: block; position: absolute; right: -20px; top: -20px; cursor: pointer; background-position: -281px -185px; } .feedbackLightBox .content .result { width: 450px; display: inline-block; margin: 10px 0; font: normal 14px/30px 'Metropolis Medium'; color: #000; } .feedbackLightBox .content .result small { width: 30px; height: 30px; display: block; float: left; margin-right: 10px; background: transparent url(/Images/feedbackSprite.png) no-repeat; } .feedbackLightBox .content .result small.alert { background-position: 0 0; } .feedbackLightBox .content .result small.success { background-position: -30px 0; } .warningBox { display: none; position: fixed; top: 0; left: 0; z-index: 1000002; } .warningBox .content { width: 340px; height: 25px; padding: 40px; margin: 0 auto; background-color: #fff; border: 3px solid #f68b25; box-shadow: 0 0 30px #999; position: relative; } .warningBox .content span.caption { display: inline-block; color: #fff; font: bold 14px 'Metropolis Bold'; position: absolute; left: -30px; top: -20px; background-color: #f68b25; border-radius: 20px; padding: 10px 30px; box-shadow: 0 0 20px #999; } .warningBox .content span.alert { display: inline-block; color: #be2728; font: bold 16px 'Metropolis Bold'; padding-bottom: 5px; } .warningBox .content span.Old { width: 450px; display: inline-block; color: #333; font: bold 14px 'Metropolis Bold'; margin-bottom: 10px; position: absolute; left: -30px; top: -30px; background-color: #f68b25; } .warningBox .content small.close { width: 43px; height: 38px; display: block; position: absolute; right: -20px; top: -20px; cursor: pointer; background-position: -281px -185px; } .advPlace { width: 970px; display: inline-block; margin-bottom: 10px; } .advPlace a { display: inline-block; } .jspContainer { overflow: hidden; position: relative; background: #f6f6f6; } .jspPane { position: absolute; padding: 20px !important; } .jspVerticalBar { position: absolute; top: 2px; right: 2px; width: 4px; height: 100%; background: none; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; display: none; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: none; position: relative; } .jspDrag { background: #d1d1d1; position: relative; top: 5px; right: 6px; width: 6px; cursor: pointer; border-radius: 3px; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } .pg-scroll-wrapper { width: 630px; padding-right: 20px; position: relative; } .pg-scroll-loading { width: 100%; height: 100%; position: absolute; z-index: 999; left: 0; top: 0; } .pgsl-overlay { width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0; background-color: #777; opacity: 0.1; filter: alpha(opacity=10); } .pgsl-loader { width: 100%; height: 100%; position: absolute; z-index: 2; left: 0; top: 0; background: url(../images/comment-loader.gif) center center no-repeat; } .highcharts-button { opacity: 0; filter: alpha(opacity=0); cursor: default !important; } #header .hisse2014Bar .hisse2014Content a.hisseler span { font-size: 8pt; } .mainCommentsArea .comments .cItem .hisseHaberID { max-width: 450px; height: 12px; display: inline-block; border: 1px solid #d2d2d2; padding: 6px 10px 4px; overflow: hidden; border-top: none; position: absolute; left: 0; top: 0; border-left: 3px solid #ff9000; border-radius: 0 0 10px 0; } .mainCommentsArea .comments .cItem .hisseHaberID a { display: inline-block; font: bold 11px 'Metropolis Bold'; color: #333; float: left; } .list-image-node { background: url(../images/chart-loader.gif) center center no-repeat; } .list-image-node img { opacity: 0; filter: alpha(opacity=0); } .chartBox .chartArea { height: auto; } .filterBar.fStyle1 .ddList { width: 100%; margin: 5px 0; } .filterBar.fStyle1 .ddList li { width: 57px; } .filterBar.fStyle1 .ddList li a { width: 56px; } .filterBar.fStyle1 .ddList li:last-child { width: 87px; } .filterBar.fStyle1 .ddList li:last-child a { width: 86px; } .newTabWidget { width: 300px; display: inline-block; } .newTabWidget .widgetRui { width: 298px; overflow: hidden; background-color: #fafafa; } .newTabWidget .widgetRui .tabs { width: 298px; height: 37px; overflow: hidden; background-color: #fafafa; } .newTabWidget .widgetRui .tabs span { width: 78px; display: inline-block; overflow: hidden; padding: 10px; float: left; text-align: center; font: bold 13px 'Metropolis Bold'; cursor: pointer; } .newTabWidget .widgetRui .tabs span.tab { background-color: #fff; color: #333; border-bottom: 1px solid #d2d2d2; } .newTabWidget .widgetRui .tabs span.selected { width: 80px; border: 1px solid #d2d2d2; color: #f68b25; border-bottom: none; background-color: #fafafa; } .newTabWidget .widgetRui .capRow { width: 296px; display: inline-block; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; } .newTabWidget .widgetRui .capRow .innerTabs { width: 296px; display: inline-block; margin-top: 10px; padding: 0; border-top: 1px solid #d2d2d2; background-color: #eaf2f3; } .newTabWidget .widgetRui .capRow .innerTabs span { display: inline-block; padding: 5px 10px; font: normal 12px 'Metropolis Medium'; float: left; } .newTabWidget .widgetRui .capRow .innerTabs span.symbol { width: 90px; } .newTabWidget .widgetRui .capRow .innerTabs span.alsat { width: 49px; border-left: 1px solid #d2d2d2; text-align: center; } .newTabWidget .widgetRui .capRow .innerTabs span.last { width: 24px; border-left: 1px solid #d2d2d2; text-align: center; } .newTabWidget .widgetRui .suanContent { width: 296px; display: inline-block; padding: 5px 0; border: 1px solid #d2d2d2; background-color: #fafafa; } .newTabWidget .widgetRui .suanContent .boxContainer p.s_x { background-position: 0 -128px; display: block; height: 17px; font: bold 10pt 'Metropolis Bold'; color: #fff; padding: 5px 10px; cursor: pointer; border: solid 1px #d8710e; position: relative; z-index: 1; margin-top: 10px; } .newTabWidget .widgetRui .suanContent .boxContainer p.s_x span.s { display: inline-block; width: 17px; height: 10px; background-position: 0 -125px; position: absolute; right: 5px; top: 9px; } .newTabWidget .widgetRui .suanContent .boxContainer p.s_x:hover { background-position: -1px -155px; } .newTabWidget .widgetRui .suanContent .boxContainer p.s_x.selected { background-position: -1px -155px; } .newTabWidget .widgetRui .suanContent .boxContainer p.s_x.selected span.s { background-position: -2px -138px; width: 10px; height: 16px; top: 6px; } .newTabWidget .widgetRui .suanContent .boxContainer { display: none; } .newTabWidget .widgetRui .suanContent .boxContainer ul > li { display: block; width: 100%; overflow: hidden; border-top: dotted 1px #dedede; } .newTabWidget .widgetRui .suanContent .boxContainer ul > li:first-child { border: none; } .newTabWidget .widgetRui .suanContent .boxContainer ul li ol { display: block; width: 100%; list-style: none; } .newTabWidget .widgetRui .suanContent .boxContainer ul > li.up ol li.colorful { color: #4caa00; text-align: right; } .newTabWidget .widgetRui .suanContent .boxContainer ul > li.down ol li.colorful { color: #ab0000; text-align: right; } .newTabWidget .widgetRui .suanContent .boxContainer ul > li.static ol li.colorful { color: blue; text-align: right; } .newTabWidget .widgetRui .suanContent .boxContainer ul li ol li { float: left; padding: 8px 5px 7px 0; width: 65px; font: normal 11px 'Metropolis Medium'; letter-spacing: 0; text-align: right; overflow: hidden; } .newTabWidget .widgetRui .suanContent .boxContainer ul li ol li a { display: inline-block; color: #000; } .newTabWidget .widgetRui .suanContent .boxContainer ul li ol li:first-child { width: 106px; padding: 8px 0 7px 5px; text-align: left; letter-spacing: 0; } .newTabWidget .widgetRui .suanContent .boxContainer ul li ol li.last { width: 40px; } .newTabWidget .widgetRui .suanContent .boxContainer ul li ol li b { color: #4caa00; font-weight: 400; } .newTabWidget .widgetRui .suanContent .tabContent { display: none; } #lastNews { display: none; } .longestAdv { height: auto; } .lightModalBox .lightModalContent .closeAlarm, .lightModalBox .lightModalContent .closeAlarmList { width: 42px; height: 42px; display: block; position: absolute; right: -15px; top: -15px; z-index: 9; background: transparent url(../images/close_btn.png) no-repeat; cursor: pointer; } .openAlarmList { display: none; } .alarm-list .btn { display: none !important; } ul.subMenu { z-index: 999; } .liveStockStyle2 .tableCnt .table .tableBox .tBody ul li a.itemAdd.item-added { background-position: -80px -229px; } .photoGalleryContent .photoBlock2 .photoDetailText { font: bold 16px/24px 'Metropolis Bold'; } .photoGalleryContent .photoBlock2 .photoDetailText2 { width: 100%; display: inline-block; float: left; color: #444; font: normal 13px/20px 'Metropolis Medium'; } .photoGalleryContent .photoBlock2 .photoDetailText2 strong { font-weight: bold; } .photoGalleryContent .photoBlock1 .pageNo { color: #444; font: normal 15px/20px 'Metropolis Medium'; } #bpFixedBox { width: 300px; height: 150px; display: none; position: fixed; right: 0; bottom: 0; z-index: 99999; box-shadow: -1px -1px 5px #999; } #bpFixedBox a { height: 300px; height: 150px; display: inline-block; } #bpFixedBox a img { height: 300px; height: 150px; display: block; } #bpFixedBox .close { width: 35px; height: 25px; display: block; padding: 5px 0; color: #fff; background-color: #b6b6b6; position: absolute; right: 0; top: 0; text-align: center; font: normal 25px/25px 'Metropolis Medium'; cursor: pointer; } #bpFixedBox .close:hover { background-color: #f10; } #bpFixedBox.scrollMainPage { bottom: 37px; } .newsFeedBox ul.bist li.nfItem a .info .gundem { position: relative; } .newsFeedBox ul.bist li.nfItem a .info .date { position: absolute; right: 0; top: 0; line-height: 26px; } .exchange-filter { position: relative; } .exchange-filter .live-stock-item { position: absolute; left: 0; top: 0; } .tBody ul li.imgCell .newsTitle1 { width: 248px; } .exchange-filter .move { display: none !important; } .latestDataTime { opacity: 0; filter: alpha(opacity=0); } .hotNews { display: none; } #content .contentLeft .piyasaBox .rowContent650 { width: auto; } .contentRight .newsFeedBox { float: none; margin: 0; width: auto; display: inherit; } .videoDetailTotal { width: 650px; overflow: hidden; display: block; font: bold 12px 'Metropolis Bold'; color: #333; margin-bottom: 20px; text-align: right; } /* canl� borsa multiple session alert */ #multipleSessionAlert { width: 640px; height: 30px; padding: 0 20px; margin: 20px 165px; background: #eb432d; display: none; float: left; } #multipleSessionAlert small { width: 10px; height: 30px; display: block; color: #fff; font: bold 26px/30px 'Metropolis Bold'; float: left; } #multipleSessionAlert span { width: 630px; height: 30px; display: block; text-align: center; color: #fff; font: bold 15px/30px 'Metropolis Bold'; float: left; } .comment-attention { width: 650px; display: inline-block; margin-bottom: 5px; } .comment-attention.w970px { width: 970px; } .comment-attention small { width: 10px; height: 10px; display: inline-block; background-color: #c90606; float: left; margin: 4px 10px 0 0; } .comment-attention small.gold { background-color: #0066ff; } .comment-attention i { width: 630px; display: inline-block; float: right; color: #444; font: normal 11px/18px 'Metropolis Medium'; } .comment-attention i a { display: inline-block; color: #444; font: normal 11px/18px 'Metropolis Medium'; text-decoration: underline; } .comment_Rules { float: right; font: 11px 'Metropolis Medium'; color: #7c7c7c; display: block; margin-bottom: 5px; cursor: pointer; } .comment-attention.w970px i { width: 950px; } #crBox { position: fixed; z-index: 1000001; top: 0px; left: 0px; width: 100%; height: 100%; display: none; background: url(../images/white-box-bg.png) repeat; } #commentRules { width: 660px; height: 300px; display: none; padding: 19px; border: 1px solid #d2d2d2; position: fixed; z-index: 1000002; top: 50%; left: 50%; margin-left: -350px; margin-top: -170px; background-color: #fff; } #commentRules h3 { width: 660px; display: inline-block; margin-bottom: 10px; font: bold 14px 'Metropolis Bold'; color: #111; } #commentRules .content { width: 660px; display: inline-block; position: relative; } #commentRules .content span { width: 660px; display: inline-block; margin-bottom: 5px; font: normal 12px/15px 'Metropolis Medium'; color: #333; } #commentRules .content ul { width: 640px; display: inline-block; list-style-type: disc; margin-left: 20px; } #commentRules .content ul li { width: 640px; margin-bottom: 5px; font: normal 12px/15px 'Metropolis Medium'; color: #333; } #commentRules .content small.close { width: 42px; height: 42px; display: block; position: absolute; right: -40px; top: -58px; z-index: 9; background: transparent url(../images/close_btn.png) no-repeat; cursor: pointer; } @media only screen and (max-width: 1000px) { #fixedBtnBar { display: none; } } /* trademaster landing page */ .trademaster-logo { width: 100%; height: 30px; display: block; background: #0e4e85; position: relative; margin-bottom: 20px; } .trademaster-logo a { width: 257px; height: 50px; display: block; position: absolute; top: 5px; left: 356px; } .trademasterSlider .bpContainer, .trademasterSlider .bpContainer .bpItem, .trademasterSlider .bpContainer .bpItem img { height: 285px; } .trademasterSlider .bpPagination .pItem .leftVerticalLine, .trademasterSlider .bpPagination .pItem .pagerNo { display: none; } .trademasterSlider { height: 320px; } .trademasterSlider .bpContainer { margin-bottom: 15px; } .trademasterSlider .bpPagination { width: 84px; float: none; margin: 0 auto; } .trademasterSlider .bpPagination .pItem { width: 17px; height: 17px; background: #002e51; margin: 0 2px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .trademasterSlider .bpPagination .pItem.select { background: #09528c; } .demoAccountWidget { width: 254px; height: 285px; display: block; padding: 20px 23px; float: left; background: #002e51; } .demoAccountWidget .t1 { width: 100%; display: inline-block; float: left; color: #fff; font: normal 17px/20px 'Metropolis Medium'; } .demoAccountWidget .t2 { width: 100%; display: inline-block; float: left; color: #ed8218; font: bold 31px/32px 'Metropolis Bold'; } .demoAccountWidget .tmLink { width: 254px; height: 54px; display: block; float: left; background: #05467a; margin: 5px 0; border-radius: 0 10px 10px 10px; -moz-border-radius: 0 10px 10px 10px; -webkit-border-radius: 0 10px 10px 10px; } .tm-masters { width: 100%; display: inline-block; float: left; } .tm-masters .title { width: 100%; display: inline-block; float: left; color: #064579; font: normal 18px/20px 'Metropolis Medium'; padding-bottom: 9px; } .tm-masters .masterList { width: 100%; display: inline-block; float: left; } .tm-masters .masterList li { width: 100%; display: inline-block; float: left; padding: 9px 0; border-top: 1px solid #ededed; } .tm-masters .masterList li a { width: 100%; display: inline-block; float: left; } .tm-masters .masterList li a img { width: 76px; height: 76px; display: block; float: left; } .tm-masters .masterList li a span { width: 210px; height: 66px; display: block; padding: 5px 0; float: right; color: #64769c; font: normal 18px/22px 'Metropolis Medium'; } #trademasterList { width: 100%; display: inline-block; float: left; } #trademasterList .item { width: 200px; display: block; float: left; text-align: center; } #trademasterList .item.iTM { padding-right: 12px; } #trademasterList .item.iNT { padding: 0 12px; border-left: 1px solid #ededed; border-right: 1px solid #ededed; } #trademasterList .item.iFX { padding-left: 12px; } #trademasterList .item .whats { width: 100%; height: 66px; display: inline-block; color: #7091b6; font: bold 18px/22px 'Metropolis Bold'; } #trademasterList .item .videoBox { width: 200px; height: 154px; display: block; background: #002c50; margin-top: 10px; cursor: pointer; } #trademasterList .item .linkSide { width: 100%; height: 530px; display: inline-block; text-align: left; margin: 15px 0; } #trademasterList .item .linkSide .boxLink { width: 180px; height: 17px; display: block; float: left; padding: 4px 10px 2px; color: #fff; font: bold 15px/17px 'Metropolis Bold'; background: #009ddb; margin: 5px 0; } #trademasterList .item .linkSide .textLink { width: 200px; display: block; float: left; margin-bottom: 15px; } #trademasterList .item .linkSide .textLink li { width: 180px; display: block; float: left; margin: 2px 10px; } #trademasterList .item .linkSide .textLink li a { width: 180px; display: block; float: left; padding: 3px 0; color: #074677; font: normal 15px/17px 'Metropolis Medium'; } #trademasterList .item .openAccount { width: 100%; display: inline-block; text-align: center; padding: 11px 0 9px; color: #fff; font: bold 18px/24px 'Metropolis Bold'; background: #ed8218; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .tm-contact { width: 100%; display: inline-block; float: left; margin-top: 45px; text-align: left; } .tm-contact .title { width: 100%; display: inline-block; float: left; color: #064579; font: bold 18px 'Metropolis Bold'; padding-bottom: 5px; border-bottom: 2px solid #064579; } .tm-contact .row { width: 100%; display: inline-block; margin-top: 10px; float: left; } .tm-contact .row .icon { width: 20px; height: 20px; display: block; float: left; } .tm-contact .row .info { width: 170px; display: block; float: right; color: #009ddb; font: normal 12px/17px 'Metropolis Medium'; text-decoration: underline; } .tm-contact .row.phone .icon { background: transparent url(../images/tm-sprite.jpg) no-repeat 0 0; background-size: 20px 40px; } .tm-contact .row.phone .info { color: #064579; font: bold 16px/20px 'Metropolis Bold'; text-decoration: none; } .tm-contact .row.email .icon { background: transparent url(../images/tm-sprite.jpg) no-repeat 0 -20px; background-size: 20px 40px; } #trademasterList .branches { width: 200px; display: block; margin: 0 auto; color: #064579; text-decoration: none; font: normal 18px/20px 'Metropolis Medium'; text-align: center; } #trademasterList .branches:hover { text-decoration: underline; } .tred-text { font-family: 'Metropolis Bold'; font-size: 11px; color: #003f72; font-weight: bold; clear: both; padding-top: 25px; text-align: left; } .atigFooter { width: 100%; height: 38px; display: block; overflow: hidden; margin: 20px 0 0; border-bottom: 4px solid #0f2c52; } .atigFooter .socialList { width: 500px; height: 38px; display: inline-block; float: left; } .atigFooter .socialList li { width: 25px; height: 25px; display: block; float: left; margin: 3px 13px 10px 0; } .atigFooter .socialList li a { width: 25px; height: 25px; display: block; float: left; } .atigFooter .socialList li.fb a { background-position: 0 0; } .atigFooter .socialList li.tw a { background-position: -30px 0; } .atigFooter .socialList li.gp a { background-position: -60px 0; } .atigFooter .socialList li.in a { background-position: -90px 0; } .atigFooter .socialList li.text { width: auto; color: #5f6060; font: bold 14px/25px 'Metropolis Bold'; } .atigFooter .webLinks { width: 430px; height: 38px; display: inline-block; float: right; background: #0f2c52; } .atigFooter .webLinks .middle { width: 40px; height: 38px; display: block; float: left; background-position: -120px 0; } .atigFooter .webLinks .web { height: 20px; display: block; padding: 14px 0 4px; float: left; margin: 0 10px; } .atigFooter .webLinks .phone { height: 20px; display: block; padding: 14px 0 4px; float: left; margin: 0 0 0 10px; color: #fff; font: normal 15px/20px 'Metropolis Medium'; } .atigFooter .webLinks .web a { display: inline-block; float: left; color: #fff; font: normal 15px/20px 'Metropolis Medium'; } .atigFooter .webLinks .web .icon { width: 21px; height: 20px; display: block; float: left; margin-right: 10px; background-position: 0 -30px; } .atigFooter .webLinks .phone .icon { width: 16px; height: 20px; display: block; float: left; margin-right: 10px; background-position: -30px -30px; } .atigSprite { background: transparent url(../images/atig-sprite.png) no-repeat; } /* 1 EURO NE KADAR? WIDGET */ .moneyTranslator { width: 100%; display: inline-block; float: left; } .mtTitle { width: 100%; display: inline-block; float: left; color: #444141; font: bold 30px/40px 'Metropolis Bold'; text-align: center; margin-bottom: 10px; } .mtWall { width: 100%; display: inline-block; float: left; background: #8fb8c9; margin-bottom: 10px; } .mtWall .currImg { width: 252px; height: 248px; display: inline-block; float: left; } .mtWall .currImg .icon { width: 130px; height: 130px; display: block; float: left; margin: 59px 61px; } .mtWall.euro .currImg .icon { background: transparent url(../images/icon-euro.png) no-repeat; } .mtWall.dollar .currImg .icon { background: transparent url(../images/icon-dollar.png) no-repeat; } .mtWall.hm03 .currImg .icon { background: transparent url(../images/hm03.png) no-repeat; } .mtWall.altin .currImg .icon { background: transparent url(../images/icon-altin.png) no-repeat; } .mtWall .mtCnt { width: 396px; height: 206px; display: block; padding-top: 40px; float: right; margin: 2px 2px 0 0; background: #fff; text-align: center; } .mtWall .mtCnt .line { width: 100%; display: inline-block; float: left; margin-top: 10px; } .mtWall .mtCnt .line .inputValue { width: 198px; height: 42px; padding: 0; color: #444141; font: normal 30px/43px 'Metropolis Medium'; text-align: center; border: 1px solid #8fb8c9; } .mtWall .mtCnt .line .currType { height: 45px; color: #444141; font: bold 34px/45px 'Metropolis Bold'; margin-left: 10px; } .mtWall .mtCnt .line .calc { width: 280px; height: 40px; display: block; overflow: hidden; margin: 0 auto; color: #fff; font: bold 22px/40px 'Metropolis Bold'; text-align: center; background: #79a4b6; } .mtWall .mtCnt .line .info { font: normal 14px/15px 'Metropolis Medium'; margin: 0 auto; width: 150px; display: inline-block; } .mtWall .mtCnt .line .info.up { color: #00a52d; } .mtWall .mtCnt .line .info.dw { color: #e55227; } .mtWall .mtCnt .line .info .icon { width: 8px; height: 13px; display: block; margin: 1px 0; float: left; margin-right: 5px; } .mtWall .mtCnt .line .info.up .icon { background-position: 0 -36px; } .mtWall .mtCnt .line .info.dw .icon { background-position: -10px -36px; } .mtWall .mtCnt .line.last { margin: 0; } .mtWall .mtCnt .result { width: 100%; display: inline-block; float: left; margin-top: 10px; color: #444141; font: bold 34px 'Metropolis Bold'; text-align: center; } .mtWall .mtCnt .result:after { content: " TL"; } .mtWall .miniBar { width: 100%; height: 35px; display: inline-block; float: left; color: #fff; } .mtWall .miniBar .value1 { width: 252px; height: 35px; display: inline-block; float: left; background: #79a4b6; font: bold 18px/35px 'Metropolis Bold'; text-align: center; } .mtWall .miniBar .mbCnt { width: 396px; height: 35px; display: inline-block; float: left; } .mtWall .miniBar .mbCnt .arrow { width: 20px; height: 35px; display: block; float: left; margin-right: 5px; background-position: 0 0; } .mtWall .miniBar .mbCnt .value2 { width: 175px; height: 25px; display: block; float: left; margin: 5px 5px; font: bold 12px/25px 'Metropolis Bold'; } .mtWall .miniBar .mbCnt .value2 span { font-size: 18px; margin-left: 3px; } .mtWall .miniBar .mbCnt .value2 span:after { content: " TL"; } .mtText { width: 100%; display: inline-block; float: left; color: #444141; font: normal 12px/16px 'Metropolis Medium'; margin-bottom: 30px; } .mtText strong { font-weight: bold; } .mtList { width: 100%; display: inline-block; float: left; } .mtList .item { width: 210px; height: 140px; display: block; float: left; margin: 0 0 18px 10px; } .mtList .item.first { margin-left: 0; } .mtList .item .head { width: 190px; height: 22px; display: inline-block; float: left; padding: 10px 10px 8px; color: #444141; font: bold 13px/25px 'Metropolis Bold'; background: #d8e4e9; border-bottom: 2px solid #c0d4dc; } .mtList .item .head img { width: 30px; height: 22px; display: block; float: left; margin-right: 8px; } .mtList .item .body { width: 208px; min-height: 70px; display: inline-block; color: #444141; float: left; border: 1px solid #eef4f7; border-top: none; text-align: center; } .mtList .item .body .value { width: 100%; display: inline-block; float: left; font: bold 26px/30px 'Metropolis Bold'; margin-top: 10px; } .mtList .item .body .type { width: 100%; display: inline-block; float: left; font: bold 14px/20px 'Metropolis Bold'; margin-top: 5px; } .mtList .item .body .info { font: normal 14px/15px 'Metropolis Medium'; margin: 5px auto 0; width: 150px; display: inline-block; } .mtList .item .body .info.up { color: #00a52d; } .mtList .item .body .info.dw { color: #e55227; } .mtList .item .body .info .icon { width: 8px; height: 13px; display: block; margin: 1px 0; float: left; margin-right: 5px; } .mtList .item .body .info.up .icon { background-position: 0 -36px; } .mtList .item .body .info.dw .icon { background-position: -10px -36px; } .mtLink { display: inline-block; float: left; width: 100%; text-align: center; } .mtLink a { padding: 5px 10px; background-color: #d9e6ec; display: inline-table; width: auto; color: #464445; text-decoration: none; font: 12px 'Metropolis Medium'; margin: 3px; } .mtLink a:hover { background-color: #c0d4dc; } /* H�SSE BAR */ .bigBtn1 { min-width: 100px; max-width: 600px; height: 32px; display: block; color: #fff; font: bold 14px/33px 'Metropolis Bold'; padding-top: 2px; text-align: center; background: #fc9f39; } .bigBtn2 { min-width: 98px; max-width: 598px; height: 30px; display: block; color: #3f3b3b; font: bold 14px/33px 'Metropolis Bold'; padding-top: 2px; text-align: center; background: #ececec; border: 1px solid #e3e3e3; } .hisse2014Bar .bar { display: inline-block; float: left; } .hisse2014Bar .bar .item { width: 119px; height: 26px; display: inline-block; float: left; padding: 9px 5px 8px; border: 1px solid #ececec; border-right: none; } .hisse2014Bar .bar .item:last-child { border-right: 1px solid #ececec; } .hisse2014Bar .bar .item a { display: inline-block; float: left; } .hisse2014Bar .bar .item .col1 { width: 53px; display: block; float: left; font: bold 12px/13px 'Metropolis Bold'; text-align: left; } .hisse2014Bar .bar .item .col1 .name { width: 100%; display: inline-block; color: #000; } .hisse2014Bar .bar .item .col1 .value1 { width: 100%; display: inline-block; } .hisse2014Bar .bar .item .col2 { width: 21px; display: block; float: left; } .hisse2014Bar .bar .item .col2 .arrow { width: 17px; height: 22px; display: block; float: left; margin: 2px; background-position: -10000px -10000px; } .hisse2014Bar .bar .item .col3 { width: 45px; display: block; float: left; font: normal 12px/13px 'Metropolis Medium'; text-align: right; } .hisse2014Bar .bar .item .col3 .value2 { width: 100%; display: inline-block; float: left; } .hisse2014Bar .bar .item.up a { color: #00a52d; } .hisse2014Bar .bar .item.dw a { color: #e55227; } .hisse2014Bar .bar .item.st a { color: #207598; } .hisse2014Bar .bar .item.up .col2 .arrow { background-position: -50px 0; } .hisse2014Bar .bar .item.dw .col2 .arrow { background-position: -100px 0; } .hisse2014Bar .bar .item.st .col2 .arrow { background-position: -150px 0; } .hisse2014Bar .bar .hisseContent { width: 30px; height: 45px; display: block; float: left; background: #8fb8c9; position: relative; } .hisse2014Bar .bar .hisseContent .aCnt { width: 17px; height: 10px; display: block; float: left; padding: 17px 7px 18px 6px; cursor: pointer; } .hisse2014Bar .bar .hisseContent .aCnt .arrow { width: 17px; height: 10px; display: block; float: left; background-position: 0px -75px; } .hisse2014Bar .bar .hisseContent .aCnt .arrow.opened { background-position: 0px -50px; } .hisse2014Bar .live-button { display: inline-block; float: right; } .bistSpn { width: 73px !important; } .bistLi { width: 151px !important; } .bistLlst { border-right: 1px solid #ececec; } .piyasaBandi { width: 810px; display: none; position: absolute; left: -780px; top: 45px; background: #fff; z-index: 1000; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); } .piyasaBandi .pTitle { width: 100%; height: 40px; display: block; float: left; color: #fff; font: bold 16px/40px 'Metropolis Bold'; text-align: center; background: #8fb8c9; } .piyasaBandi .piCnt { width: 750px; display: inline-block; float: left; padding: 17px 29px; border: 1px solid#d6d6d6; } .piyasaBandi .piCnt .messages { width: 100%; display: inline-block; float: left; margin-bottom: 20px; } .piyasaBandi .piCnt .messages .mBox { width: 380px; height: 22px; display: block; padding: 3px 9px; margin: 0 auto; background: #ffffed; border: 1px solid #f6f6d2; text-align: center; position: relative; } .piyasaBandi .piCnt .messages .mBox .icon { width: 22px; height: 22px; display: block; background-position: -50px -50px; position: absolute; left: 25px; top: 3px; } .piyasaBandi .piCnt .messages .mBox .text { width: 90%; display: inline-block; float: right; color: #343232; font: normal 14px/22px 'Metropolis Medium'; text-align: center; } .piyasaBandi .piCnt .box { width: 277px; display: inline-block; float: left; } .piyasaBandi .piCnt .box #SembolSelectListItems { width: 100%; height: 250px; display: block; float: left; border: none; background: transparent; padding: 0px; } .piyasaBandi .piCnt .box #SembolSelectListItems option { padding: 5px 15px; width: 230px; display: block; overflow: hidden; } .piyasaBandi .piCnt .box .selectedItemList { width: 100%; display: inline-block; float: left; } .piyasaBandi .piCnt .box .selectedItemList .sItem { width: 275px; height: 32px; display: block; float: left; margin-bottom: 5px; border: 1px solid #8fb8c9; background: #fff; } .piyasaBandi .piCnt .box .selectedItemList .sItem .piyasa-bant-handle { width: 16px; height: 16px; display: block; float: left; padding: 8px 7px; cursor: move; } .piyasaBandi .piCnt .box .selectedItemList .sItem .piyasa-bant-handle small { width: 16px; height: 16px; display: block; background-position: -50px -75px; } .piyasaBandi .piCnt .box .selectedItemList .sItem .sName { width: 215px; height: 32px; display: block; overflow: hidden; float: left; color: #3f3b3b; font: normal 14px/32px 'Metropolis Medium'; } .piyasaBandi .piCnt .box .selectedItemList .sItem .close { width: 12px; height: 16px; display: block; float: right; padding: 8px 9px; background: #8fb8c9; cursor: pointer; } .piyasaBandi .piCnt .box .selectedItemList .sItem .close small { width: 12px; height: 16px; display: block; float: left; background-position: -100px -50px; } .piyasaBandi .piCnt .box .iMessage { width: 100%; display: inline-block; float: left; margin-top: 6px; color: #949494; font: normal 11px/15px 'Metropolis Medium'; } .piyasaBandi .piCnt .box .iMessage .icon { width: 11px; height: 15px; display: block; float: left; margin-right: 10px; background-position: -150px -50px; } .piyasaBandi .piCnt .remote { width: 100px; height: 74px; display: block; float: left; margin: 60px 48px; } .piyasaBandi .piCnt .remote #HeaderReset { margin-top: 4px; } .piyasaBandi .piCnt .remote #HeaderAdd { margin-top: 4px; } .newTitleBox { width: 100%; height: 20px; display: block; overflow: hidden; float: left; position: relative; box-shadow: inset 0px -3px #e3dada; } .newTitleBox .grayBox { width: 10px; height: 15px; display: block; float: left; background: #e3dada; margin-top: 5px; } .newTitleBox .caption { display: inline-block; float: left; color: #252323; font: bold 20px/25px 'Metropolis Bold'; padding: 0 8px; background: #fff; } .newTitleBox .linkTo { display: inline-block; color: #444; font: bold 13px/15px 'Metropolis Bold'; float: right; margin-bottom: 5px; } .newsListing { width: 100%; display: inline-block; float: left; } .newsListing .newsItem { width: 300px; display: block; float: left; border-bottom: 2px dotted #e3e3e3; padding: 10px 0 10px 20px; background:url(/load/view.php?a=aHR0cHM6Ly9iaWdwYXJhLmh1cnJpeWV0LmNvbS50ci9Bc3NldHMvaW1hZ2VzL25ld3NJdGVtLWljb24uZ2lm) no-repeat left 0px bottom 20px; } .newsListing .newsItem .linkImg { width: 100%; display: none; float: left; overflow: hidden; } .newsListing .newsItem .linkImg img { width: 100%; float: left; } .newsListing .newsItem .linkTxt { width: 100%; height: 30px; display: table; float: left; overflow: hidden; } .newsListing .newsItem .linkTxt .newsSpot { width: 100%; display: none; color: #343232; font: normal 14px/18px 'Metropolis Medium'; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .newsListing .newsItem .linkTxt .newsTitle { width: 100%; display: table-cell; vertical-align: middle; } .newsListing .newsItem .linkTxt .newsTitle span { width: 100%; color: #343232; font: bold 14px/15px 'Metropolis Bold'; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .newsListing .newsItem .linkTxt .newsTitle .arrow { display: none; } .newsListing .newsItem .newsInfo { display: none; float: left; overflow: hidden; margin: 5px 0; color: #d2d2d2; font: normal 12px/24px 'Metropolis Medium'; } .newsListing .newsItem .newsInfo .icon { width: 20px; height: 20px; display: block; float: left; margin-right: 7px; } .newsListing .newsItem .newsInfo.date .icon { background-position: -100px -75px; } .newsListing .newsItem .newsInfo.time .icon { background-position: -150px -75px; } .newsListing .newsItem.id1 { width: 100%; padding: 0px; border: 0; position: relative; margin-bottom: 75px; } .newsListing .newsItem.id1 .linkImg img { width: 648px; border: 1px solid #d8cdcd; } .newsListing .newsItem.id2 .linkImg img { max-height: 180px; } .newsListing .newsItem.id1 .linkTxt { height: 60px; width: 570px; padding: 15px 10px; border: 1px solid #d8cdcd; box-shadow: 5px 5px 0 #e3dada; -moz-box-shadow: 5px 5px 0 #e3dada; -webkit-box-shadow: 5px 5px 0 #e3dada; position: absolute; left: 0; bottom: -45px; background: #fff; overflow: auto; } .newsListing .newsItem.id1 .linkTxt .newsTitle { position: relative; } .newsListing .newsItem.id1 .linkTxt .newsTitle span { font: bold 24px/30px 'Metropolis Bold'; } .newsListing .newsItem.id1 .linkTxt .newsTitle .arrow { width: 30px; height: 16px; display: block; position: absolute; left: 0px; top: -31px; background: transparent url(/Assets/images/news-arr1.png) no-repeat; } .newsListing .newsItem.id1 .linkImg, .newsListing .newsItem.id2 .linkImg { display: block; } .newsListing .newsItem.id2 .linkTxt { height: auto; } .newsListing .newsItem.id1 .linkTxt .newsTitle, .newsListing .newsItem.id2 .linkTxt .newsTitle { display: block; } .newsListing .newsItem.id2 .linkTxt .newsTitle span { font: bold 20px/25px 'Metropolis Medium'; margin-bottom: 5px; } .newsListing .newsItem.id2 .linkTxt .newsSpot { display: block; } .newsListing .newsItem.id2 { width: 320px; padding: 0px; border: 0; margin-right: 10px; background: none; } .newsListing .newsItem.id2 .newsInfo { display: block; } .newsListing .newsItem.id2 .linkImg { position: relative; } .newsListing .newsItem.id2 .linkImg .arrow { width: 30px; height: 16px; display: block; position: absolute; left: 10px; bottom: 0px; background: transparent url(/Assets/images/news-arr1.png) no-repeat; } .newsListing .newsItem.id3 { padding-top: 0; } .newsListing .newsItem.id9, .newsListing .newsItem.id10, .newsListing .newsItem.id11 { display: none; } .vpListing { width: 100%; display: inline-block; float: left; } .vpListing .vpItem { width: 320px; display: block; overflow: hidden; float: left; margin-left: 10px; } .vpListing .vpItem:first-child { margin-left: 0px; } .vpListing .vpItem a { display: inline-block; } .vpListing .vpItem a .imgs { width: 320px; height: 180px; display: block; overflow: hidden; float: left; position: relative; margin-bottom: 15px; } .vpListing .vpItem a .imgs img { width: 100%; } .vpListing .vpItem a .imgs .playBtn { width: 50px; height: 50px; display: block; position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -25px; background-position: -50px -100px; z-index: 9; } .vpListing .vpItem a .imgs .blackOverlay { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; margin: 0; background: #000; opacity: 0.2; z-index: 9; } .vpListing .vpItem a .caption { width: 100%; display: inline-block; float: left; color: #000; font: bold 20px/25px 'Metropolis Bold'; } .vpListing .vpItem .dt { width: 100%; display: inline-block; float: left; color: #d2d2d2; font: normal 12px/20px 'Metropolis Medium'; } .vpListing .vpItem .dt .icon { width: 20px; height: 20px; display: block; float: left; margin-right: 5px; } .vpListing .vpItem .dt.date .icon { background-position: -100px -75px; } .vpListing .vpItem .dt.time .icon { background-position: -150px -75px; } .photoListing { width: 100%; display: inline-block; float: left; } .photoListing .photo-gallery-slide-container { width: 100%; display: block; overflow: hidden; float: left; position: relative; } .photoListing .photo-gallery-slide-container .photo-slide { width: 100%; height: 365px !important; display: block; float: left; position: relative; } .photoListing .photo-gallery-slide-container .photo-slide a { width: 100%; height: 365px; display: inline-block; position: relative; } .photoListing .photo-gallery-slide-container .photo-slide a img { float: left; } .photoListing .photo-gallery-slide-container .photo-slide .textArea { width: 100%; display: inline-block; position: absolute; left: 0; bottom: 0; background: transparent url(../images/transBgB.png) repeat; } .photoListing .photo-gallery-slide-container .photo-slide .textArea .newsCaption { display: inline-block; padding: 10px; color: #fff; font: bold 24px/30px 'Metropolis Bold'; } .photoListing .swiper-wrapper { width: 10000px; height: 365px !important; float: left; } .photoListing .photo-pagination { width: 100%; height: 98px; display: block; overflow: hidden; float: left; border: 1px solid #f0f0f0; border-top: none; background: #fff; padding: 9px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .photoListing .photo-pagination .swiper-pagination-bullet { width: 118px; height: 80px; display: block; float: left; margin-left: 10px; background: #333; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; cursor: pointer; } .photoListing .photo-pagination .swiper-pagination-bullet:first-child { margin-left: 0px; } .photoListing .photo-pagination .swiper-pagination-bullet-active { border: 5px solid #f68a25; } .photoListing .photo-gallery-slide-container .photo-button-next { width: 57px; height: 57px; display: block; position: absolute; top: 150px; z-index: 51; cursor: pointer; right: 10px; background-position: 0 -50px; } .photoListing .photo-gallery-slide-container .photo-button-prev { width: 57px; height: 57px; display: block; position: absolute; top: 150px; z-index: 51; cursor: pointer; left: 10px; background-position: -120px -50px; } .photoListing .photo-gallery-slide-container .photo-button-next:hover { background-position: -60px -50px; } .photoListing .photo-gallery-slide-container .photo-button-prev:hover { background-position: -180px -50px; } .newsBox { width: 100%; display: inline-block; float: left; } .newsBox .nbItem { width: 100%; display: inline-block; float: left; padding: 0; border-bottom: 1px solid #e3dada; } .newsBox .nbItem a { width: 100%; display: inline-block; float: left; } .newsBox .nbItem a .box1 { width: 60px; display: block; float: left; overflow: hidden; overflow: hidden; padding: 10px 0; } .newsBox .nbItem a .box2 { width: 255px; display: block; float: left; overflow: hidden; overflow: hidden; padding: 10px 0; } .newsBox .nbItem a .box2 .nbTable { width: 244px; border-left: 1px solid #bebaba; padding-left: 10px; } .newsBox .nbItem a .nbTable { width: 100%; height: 50px; display: table; float: left; } .newsBox .nbItem a .nbTable .nbCell { width: 100%; display: table-cell; vertical-align: middle; } .newsBox .nbItem a .nbTable .nbCell .kapTime { width: 100%; display: block; color: #aa9c9c; font: bold 14px 'Metropolis Bold'; text-align: center; } .newsBox .nbItem a .nbTable .nbCell .text1 { width: 100%; max-height: 48px; display: block; display: -webkit-box; color: #000; font: normal 14px/16px 'Metropolis Regular'; margin: 1px 0; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .newsBox .nbItem a .nbTable .nbCell .dd { width: 100%; height: 22px; display: block; overflow: hidden; float: left; color: #aa9c9c; font: bold 28px/22px 'Metropolis Bold'; text-align: center; } .newsBox .nbItem a .nbTable .nbCell .mm { width: 100%; height: 14px; display: block; overflow: hidden; float: left; color: #aa9c9c; font: bold 12px/14px 'Metropolis Bold'; text-align: center; } .newsBox .nbItem a .nbTable .nbCell .xx { width: 100%; height: 14px; display: block; overflow: hidden; float: left; color: #fff; font: bold 11px/14px 'Metropolis Bold'; background: #aa9c9c; text-align: center; } .newsBox .nbItem a .nbTable .nbCell .hh { width: 100%; height: 18px; display: block; overflow: hidden; float: left; color: #aa9c9c; font: bold 14px/18px 'Metropolis Bold'; text-align: center; } .newsBox .nbItem a .nbTable .nbCell .hisse { width: 50px; height: 20px; display: block; overflow: hidden; float: left; color: #fff; font: bold 12px/20px 'Metropolis Bold'; background: #aa9c9c; text-align: center; margin: 0 5px; } .newsBox .nbItem a .nbTable .nbCell .cap { width: 100%; height: 18px; display: block; display: -webkit-box; color: #8dbfd4; font: bold 14px/18px 'Metropolis Bold'; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .newsBox .nbItem a .nbTable .nbCell .text2 { width: 100%; height: 32px; display: block; display: -webkit-box; float: left; color: #423f3e; font: normal 14px/16px 'Metropolis Medium'; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .newsBox .nbItem a .nbTable .nbCell .date { width: 100%; height: 14px; display: block; float: left; color: #6a6a6a; font: normal 12px/14px 'Metropolis Medium'; text-align: right; } .newsBox .nbItem a:hover .nbTable .nbCell .text1, .newsBox .nbItem a:hover .nbTable .nbCell .text2 { text-decoration: underline; } .newsShowAllBtn { width: 100%; display: inline-block; float: left; margin-top: 5px; } .newsShowAllBtn .btn { width: 110px; height: 28px; display: block; padding-top: 2px; margin: 0 auto; color: #8fb8c9; font: bold 13px/28px 'Metropolis Bold'; text-align: center; border-radius: 20px; background: #f3f0f0; } .newsShowAllBtn .btn:hover { text-decoration: underline; } /* UZMANA SOR SAYFALARI */ .authorForum { width: 100%; height: 800px; display: inline-block; background: #fff; color: #323232; } .authorForum .aCover { width: 100%; height: 300px; display: block; text-align: center; padding-top: 56px; background: transparent url(/Assets/images/author-new-bg2.png) no-repeat; position: relative; } .authorForum .aCover .kapitalfx { width: 106px; position: absolute; right: 15px; top: 235px; text-align: right; } .authorForum .aCover .kapitalfx span { color: #d72116; font: normal 12px/16px 'Metropolis Medium'; width: 100%; } .authorForum .aCover .aImg { width: 130px; height: 130px; display: block; margin: 0 auto 8px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .authorForum .aCover .aTitle { width: 100%; display: inline-block; color: #d72116; font: bold 24px 'Metropolis Bold'; } .authorForum .aCover .aName { width: 100%; display: inline-block; color: #70909d; font: normal 16px 'Metropolis Medium'; margin-bottom: 5px; } .authorForum .aCover .aName a { color: #323232; font: normal 16px 'Metropolis Medium'; } .authorForum .aCover .socialBox { width: 100%; display: inline-block; } .authorForum .aCover .socialBox i { margin: 0 4px; color: #70909d; font-size: 12px; } .authorForum .aCover .askBtn { width: 190px; height: 30px; display: block; margin: 10px auto 0; padding: 5px 0; color: #fff; font: bold 20px/30px 'Metropolis Bold'; text-align: center; background: #d72116; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } .authorForum .aTabs { width: 100%; display: inline-block; margin-bottom: 10px; border-bottom: 2px solid #323232; } .authorForum .aTabs li { display: inline-block; padding: 0 32px; float: left; font: bold 16px 'Metropolis Bold'; padding-bottom: 8px; border-bottom: 2px solid #fff; } .authorForum .aTabs li.active { border-bottom: 2px solid #323232; } .authorForum .aTabs li a { color: #d72116; } .authorForum .aTabs li.active a { color: #323232; } .authorForum .aSearch { width: 630px; height: 40px; display: inline-block; margin-bottom: 15px; background: #d72116; padding: 10px; } .authorForum .aSearch input { width: 530px; height: 20px; display: block; float: left; background: #fff; border: none; padding: 10px 15px; color: #333; font: normal 14px/20px 'Metropolis Medium'; } .authorForum .aSearch .sBtn { width: 70px; height: 20px; display: block; float: right; text-align: center; background: #323232; padding: 10px 0; cursor: pointer; } .authorForum .aSearch .sBtn i { color: #fff; height: 20px; } .authorForum .qList { width: 100%; display: inline-block; margin-bottom: 40px; } .authorForum .qList .noResult { font: normal 14px 'Metropolis Medium'; } .authorForum .qList .item { width: 620px; display: block; float: left; overflow: hidden; margin-top: 10px; padding: 15px 15px 15px 11px; border: 1px solid #ccc; border-left: 3px solid #ccc; } .authorForum .qList .item:first-child { margin-top: 0; } .authorForum .qList .item .question { height: 25px; display: block; float: left; overflow: hidden; color: #323232; font: bold 20px/25px 'Metropolis Bold'; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .question2 { font-family: 'Metropolis Medium'; font-size: 12px; display: block; clear: both; float: none; margin-bottom: 10px; } .question-link { color: #d72116; font-weight: bold; } .authorForum .popup { width: 600px; display: none; padding: 24px; background: #fff; text-align: left; border: 1px solid #ccc; position: absolute; left: 0; top: 340px; z-index: 999; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); } .authorForum .popup .popArrow { width: 21px; height: 13px; display: block; position: absolute; left: 50%; margin-left: -11px; top: -13px; background: transparent url(../images/author-form-arrow2.png) no-repeat; } .authorForum .popup .popClose { width: 8px; height: 10px; display: block; padding: 9px 10px; position: absolute; right: -12px; top: -12px; background: #d72116; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; cursor: pointer; } .authorForum .popup .popClose i { color: #fff; font-size: 10px; float: left; } .authorForum .popup .row { width: 100%; display: inline-block; float: left; margin: 5px 0; } .authorForum .form .row .message { width: 100%; display: inline-block; float: left; color: #ed6565; font: normal 14px 'Metropolis Medium'; margin-top: 5px; } .authorForum .form .row .required { border: 1px solid #ed6565 !important; } .authorForum .form .row #subject { width: 100%; height: 50px; display: block; padding: 9px; float: left; background: #fff; border: 1px solid #e8e1e1; color: #111; font: normal 14px 'Metropolis Medium'; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .authorForum .form .row #caption { width: 100%; height: 50px; display: block; padding: 9px; float: left; background: #fff; border: 1px solid #e8e1e1; color: #111; font: normal 14px 'Metropolis Medium'; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .authorForum .form .row #detail { width: 100%; height: 170px; display: block; padding: 9px; float: left; background: #fff; border: 1px solid #e8e1e1; color: #111; font: normal 14px 'Metropolis Medium'; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .authorForum .form .row .cell { display: inline-block; float: left; } .authorForum .form .row .cell #mailme { width: 12px; height: 12px; display: block; float: left; margin: 1px 7px 1px 0; } .authorForum .form .row .cell label { height: 14px; display: block; float: left; color: #323232; font: normal 14px/14px 'Metropolis Medium'; } .authorForum .form .row .sendForm { width: 150px; height: 50px; display: block; padding: 9px; float: right; background: #d72116; color: #fff; font: bold 18px 'Metropolis Bold'; border: none; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .authorForum .result .row { text-align: center; color: #323232; font: bold 28px 'Metropolis Bold'; } .authorForum .result .row .back-home { width: 135px; height: 35px; display: block; margin: 20px auto 0; color: #fff; font: bold 14px/35px 'Metropolis Bold'; text-align: center; background: #323232; } .authorAnswers { width: 100%; display: inline-block; background: #fff; color: #323232; margin-bottom: 25px; } .authorAnswers .areaQ { width: 940px; display: block; float: left; overflow: hidden; margin-bottom: 25px; padding: 15px 15px 10px 11px; border: 1px solid #ccc; border-left: 3px solid #ccc; } .authorAnswers .areaQ .question { width: 100%; display: block; float: left; overflow: hidden; color: #323232; font: bold 20px 'Metropolis Bold'; margin-bottom: 5px; } .authorAnswers .areaQ .question2 { width: 100%; display: block; float: left; overflow: hidden; color: #323232; font: normal 14px 'Metropolis Medium'; margin-bottom: 5px; } .authorAnswers .areaQ .showFull { display: inline-block; float: left; color: #8fb8c9; font: bold 14px 'Metropolis Bold'; margin-bottom: 10px; cursor: pointer; } .authorAnswers .areaA { width: 943px; display: block; float: left; padding: 10px 15px 15px 10px; border: 1px solid #ccc; border-top: 15px solid #ccc; position: relative; } .authorAnswers .areaA .arrow { position: absolute; left: 15px; top: -35px; width: 20px; height: 20px; } .authorAnswers .areaA .arrow i { font-size: 30px; color: #ccc; float: left; } .authorAnswers .areaA .profile { width: 150px; float: left; text-align: center; } .authorAnswers .areaA .profile .avatar { width: 140px; height: 140px; display: block; float: left; overflow: hidden; border: 5px solid #d72116; margin-bottom: 10px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .authorAnswers .areaA .profile .name { width: 100%; display: inline-block; color: #000; font: bold 16px 'Metropolis Bold'; } .authorAnswers .areaA .profile .title { width: 100%; display: inline-block; color: #d72116; font: normal 14px 'Metropolis Medium'; margin-bottom: 5px; } .authorAnswers .areaA .profile .socialBox { width: 100%; display: inline-block; } .authorAnswers .areaA .profile .socialBox i { margin: 0 4px; color: #70909d; font-size: 12px; } .authorAnswers .areaA .analysis { width: 773px; float: right; } .authorAnswers .areaA .analysis .answer { width: 100%; display: inline-block; color: #323232; font: normal 14px/20px 'Metropolis Medium'; } .authorAnswers .areaA .analysis .answer p { margin: 10px 0 15px; } .authorOptions { width: 100%; height: 15px; display: block; float: left; overflow: hidden; padding-top: 10px; border-top: 2px dotted #ccc; } .authorOptions .cell { display: inline-block; float: left; margin-left: 20px; } .authorOptions .cell:first-child { margin-left: 0; } .authorOptions .cell i { font-size: 12px; color: #d72116; float: left; margin-right: 6px; } .authorOptions .cell i.type2 { color: #4fba51; } .authorOptions .cell .cat { float: left; font: normal 12px 'Metropolis Medium'; } .authorOptions .cell .date { float: left; font: normal 12px 'Metropolis Medium'; } .authorOptions .cell a { float: left; color: #323232; font: normal 12px 'Metropolis Medium'; text-decoration: underline; } .authorOptions .cell .user { float: left; font: normal 12px 'Metropolis Medium'; } .authorOptions .cell .user .name { float: left; color: #d72116; font: bold 12px 'Metropolis Bold'; margin-right: 5px; } .relatedQuestions { width: 100%; display: inline-block; } .relatedQuestions .rqList { width: 640px; display: inline-block; padding-left: 10px; } .relatedQuestions .rqList li { width: 100%; display: inline-block; margin: 5px 0; } .relatedQuestions .rqList li a { display: inline-block; color: #323232; font: bold 14px/20px 'Metropolis Bold'; } .relatedQuestions .rqList li a i { color: #323232; margin-right: 10px; } /* GLOBAL POPUP RULES */ .bigModalBox .title { width: 100%; display: inline-block; float: left; font: bold 22px 'Metropolis Bold'; margin-bottom: 10px; text-align: center; } .bigModalBox .row { width: 100%; display: inline-block; float: left; margin: 7px 0; } .bigModalBox .row .text { width: 100%; display: inline-block; float: left; margin-bottom: 3px; font-weight: bold; } /*.bigModalBox .inputText{width:100%; height:50px; display:block; border:1px solid #e8e1e1; padding:10px; color:#343232; font:normal 14px/18px 'Metropolis Medium'; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .bigModalBox .inputArea{width:100%; height:150px; display:block; border:1px solid #e8e1e1; padding:10px; color:#343232; font:normal 14px/18px 'Metropolis Medium'; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; resize:none;}*/ .bigModalBox .inputText { width: 100%; height: 34px; padding: 5px 10px; overflow: hidden; font: normal 12px/22px 'Metropolis Medium'; color: #666; border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .bigModalBox .inputArea { width: 100%; padding: 5px 10px; overflow: hidden; font: normal 12px/22px 'Metropolis Medium'; color: #666; border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .bigModalBox .inputCheck { width: 12px; height: 12px; display: block; float: left; margin: 2px 5px 0 0; cursor: pointer; } .bigModalBox label { display: block; float: left; line-height: 16px; cursor: pointer; } .bigModalBox label.smart { font-size: 12px; line-height: 16px; display: block; width: 100%; float: none; } .bigModalBox .inputSubmit { width: 150px; height: 50px; display: block; margin: 0 auto; color: #fff; font: bold 18px/50px 'Metropolis Bold'; text-align: center; background: #ff8a1a; border: none; cursor: pointer; } .bigModalBox .inputSubmit:hover { background: #f6912f; } .bigModalBox .error { border: 1px solid #e14c52; } .bigModalBox .errorMsg { color: #e14c52; font-size: 12px; } .bigModalCnt .modalAvatar { width: 110px; height: 110px; display: block; position: absolute; top: -50px; left: 50%; margin-left: -55px; background: #ff8a1a; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; } .bigModalCnt .modalAvatar i { font-size: 60px; color: #fff; margin: 25px; } /* GLOBAL POPUP RULES */ /* HURPASS PAGE */ .membership { width: 100%; display: inline-block; padding: 25px 0; } .membership .mCnt { width: 386px; display: block; } .membership .mCnt.profile { float: left; padding: 0 55px 0 43px; border-right: 2px solid #e8e1e1; } .membership .mCnt.password { float: right; padding: 0 43px 0 55px; } .membership .mCnt .title { width: 100%; display: inline-block; color: #f58519; font: bold 22px 'Metropolis Bold'; margin-bottom: 30px; text-align: center; } .membership .mCnt .form { width: 100%; display: inline-block; } .membership .mCnt .row { width: 100%; display: inline-block; margin-top: 20px; } .membership .mCnt .row:first-child { margin-top: 0; } .membership .mCnt .row .text { width: 100%; display: inline-block; margin-bottom: 5px; color: #343232; font: bold 14px 'Metropolis Bold'; } .membership .mCnt .row .cell2 { width: 49%; display: inline-block; float: left; margin-right: 2%; } .membership .mCnt .row .cell2:last-child { margin-right: 0; } .membership .mCnt .row .cell3 { width: 32%; display: inline-block; float: left; margin-right: 2%; } .membership .mCnt .row .cell3:last-child { margin-right: 0; } .membership .mCnt .row .inputText { width: 100%; height: 40px; display: inline-block; color: #343232; font: normal 14px/20px 'Metropolis Medium'; padding: 9px; border: 1px solid #e8e1e1; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .membership .mCnt .row select { width: 100%; height: 40px; display: inline-block; color: #343232; font: normal 14px/20px 'Metropolis Medium'; padding: 9px; border: 1px solid #e8e1e1; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .membership .mCnt .row .radio { display: inline-block; float: left; margin: 5px 5px 0 0; cursor: pointer; } .membership .mCnt .row label { display: inline-block; color: #343232; font: normal 14px/20px 'Metropolis Medium'; float: left; margin: 1px 20px 0 0; cursor: pointer; } .membership .mCnt .row .check { display: inline-block; float: left; margin: 1px 5px 0 0; cursor: pointer; } .membership .mCnt .row .check + label { margin: 1px 0 0; width: 100%; float: none; display: block; font-size: 12px; line-height: 14px; } .membership .mCnt .row .check + label strong { font-weight: bold; } .membership .mCnt .row .submitBtn { width: 150px; height: 50px; display: block; padding: 10px 0; margin: 0 auto; color: #fff; font: bold 18px/30px 'Metropolis Bold'; text-align: center; background: #ff8a1a; border: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; cursor: pointer; } .membership .mCnt .row .submitBtn:hover { background: #f6912f; } .membership .mCnt.password .row .submitBtn { margin-bottom: 30px; } .membership .mCnt.password .form { margin-bottom: 30px; border-bottom: 1px solid #e8e1e1; } .membership .mCnt.password .accountText { color: #343232; font: normal 14px 'Metropolis Medium'; margin-bottom: 30px; } .membership .mCnt.password .stopAccount { color: #ff8a1a; font: bold 14px 'Metropolis Bold'; float: right; } .hurpassModalCnt { width: 450px; margin-left: -225px; font: normal 14px 'Metropolis Medium'; } .hurpassModalCnt .bigModalCnt { padding: 40px 25px 20px; } .hurpassModalCnt .row.centeredText { text-align: center; } .hurpassModalCnt .row .element { width: 100%; display: inline-block; float: left; } .hurpassModalCnt .row .line { width: 100%; display: inline-block; float: left; text-align: center; margin-top: 4px; } .hurpassModalCnt .row .line a { display: inline-block; color: #ff8a1a; font-weight: bold; } .hurpassModalCnt .row .smallAlert { font-size: 12px; } .hurpassModalCnt .row .smallAlert a { color: #343232; text-decoration: underline; } .hurpassModalCnt .row .loginLink { display: inline-block; color: #343232; } .hurpassModalCnt .row .loginLink i { color: #ff8a1a; font-size: 14px; margin-right: 3px; } /* HURPASS PAGE */ /* FEEDBACK POPUP */ .feedBackModalBox { width: 540px; margin-left: -275px; margin-top: -240px; font: normal 14px 'Metropolis Medium'; } .feedBackModalBox#siziDinliyoruz3 { margin-top: -65px; } .feedBackModalBox .bigModalCnt { padding: 70px 20px 20px; } .feedBackModalBox .title { font-size: 16px; margin-bottom: 5px; } .feedBackModalBox .topText { width: 100%; display: inline-block; font: normal 14px 'Metropolis Medium'; margin-bottom: 5px; text-align: center; } .feedBackModalBox .ratingCnt { width: 100%; display: inline-block; margin-bottom: 10px; text-align: center; } .feedBackModalBox .ratingCnt .text { font-size: 14px; } .feedBackModalBox .ratingCnt .status small { font-size: 12px; margin: 0 50px; } .feedBackModalBox .captcha { text-align: left; position: relative; width: 300px; margin: 0 auto; height: 35px; display: block; overflow: hidden; } .feedBackModalBox .captcha img { position: absolute; top: 0; left: 0; width: 100px; } .feedBackModalBox .captcha a { position: absolute; top: 0; left: 110px; width: 60px; padding-top: 10px; color: #000; font: bold 12px/19px 'Metropolis Bold'; } .feedBackModalBox .captcha input { position: absolute; top: 0; left: 170px; width: 100px; border: 1px solid #ddd; -webkit-border-radius: 3px; } .ratingStars { unicode-bidi: bidi-override; direction: rtl; text-align: center; } .ratingStars > span { height: 45px; display: inline-block; position: relative; cursor: pointer; } .ratingStars > span:before { content: "\2606"; color: #ff8a1a; font-size: 38px; } .ratingStars > span:hover, .ratingStars > span:hover ~ span { color: transparent; } .ratingStars > span:hover:before, .ratingStars > span:hover ~ span:before { content: "\2605"; color: #ff8a1a; } .ratingStars > span.active, .ratingStars > span.active ~ span { color: transparent; } .ratingStars > span.active:before, .ratingStars > span.active ~ span:before { content: "\2605"; color: #ff8a1a; } /* FEEDBACK POPUP */ /* VARANT E��T�M TAKV�M� */ .varant-egitim-takvimi { display: block; } .varant-egitim-takvimi .item { width: 100%; display: block; margin-bottom: 40px; } .varant-egitim-takvimi .item .title { width: 100%; display: block; color: #444444; font: bold 20px/25px 'Metropolis Bold'; margin-bottom: 15px; } .varant-egitim-takvimi .item span { width: 100%; display: block; color: #444444; font: normal 17px/20px 'Metropolis Medium'; clear: both; } .varant-egitim-takvimi .item span strong { font-weight: bold; margin-right: 2px; } .varant-egitim-takvimi .item .btn { clear: both; margin-top: 10px; font: bold 16px/20px 'Metropolis Bold'; height: 20px; background: #ff9d3e; color: #fff; padding: 10px; display: inline-block; } .varant-egitim-takvimi .item p { display: block; color: #666; font: normal 14px 'Metropolis Medium'; } .varant-egitim-takvimi .item p a { color: #333; text-decoration: underline; } /* VARANT E��T�M TAKV�M� */ /* DFP ENTEGRASYONU */ .dfp-pageskin-full { position: fixed; z-index: 99999; top: 0; } .dfp-pageskin-ortak { position: fixed; z-index: 99999; top: 0; } .dfp-pageskin-sol { right: calc(50% + 501px); text-align: right; overflow: hidden; } .dfp-pageskin-sol iframe { float: right; } .dfp-pageskin-sag { left: calc(50% + 501px); text-align: left; overflow: hidden; } .dfp-pageskin-sag iframe { float: left; } #omsv_sky_DhtmlLayer { left: 50% !important; margin-left: 500px; text-align: left; } #oms_wp_div { float: right; margin-right: -15px; } .dfp-pageskin-sol.dfp-pageskin-ortak.fancybox-margin { right: 50%; margin-right: 509px; text-align: right; overflow: hidden; position: absolute; z-index: 99999; top: 0; } .dfp-pageskin-sol.dfp-pageskin-full.fancybox-margin { right: 50%; margin-right: 509px; text-align: right; overflow: hidden; position: absolute; z-index: 99999; top: 0; } /* DFP ENTEGRASYONU */ /* UZMANA SORU SOR WIDGET */ .w-uzmana-sor { width: 298px; height: 148px; display: block; background: #d72116; float: left; position: relative; border: 1px solid #e3dada; } .w-uzmana-sor > img { width: 99px; height: 99px; display: block; border: 3px solid #d72116; position: absolute; left: 8px; top: 7px; z-index: 5; } .w-uzmana-sor .kapitalfx { display: block; position: absolute; left: 116px; top: 7px; z-index: 5; width: 179px; height: 40px; text-align: center; } .w-uzmana-sor .kapitalfx img { float: left; margin: 0; height: 39px; width: 178px; } .w-uzmana-sor .info { width: 200px; height: 32px; display: block; float: left; padding: 63px 96px 0 2px; margin-top: 50px; border-top: 3px solid #d72116; background: #fff; position: relative; } .w-uzmana-sor .info .name { width: 100%; height: 15px; display: block; float: left; color: #323232; font: bold 12px/15px 'Metropolis Bold'; text-align: left; padding-left: 6px; } .w-uzmana-sor .info .title { width: 100%; height: 15px; display: block; float: left; color: #323232; font: normal 12px/15px 'Metropolis Medium'; text-align: left; padding-left: 6px; } .w-uzmana-sor .info > .text { width: 165px; height: 30px; display: block; position: absolute; top: 15px; right: 9px; color: #fff; background: #d72116; text-align: center; font: bold 15px/30px 'Metropolis Bold'; } .w-uzmana-sor .info > .rate { width: 178px; display: block; position: absolute; top: 2px; right: 3px; color: #323232; text-align: center; font: bold 8px/11px 'Metropolis Bold'; } /* UZMANA SORU SOR WIDGET */ /*HABER DETAY ��� H�SSE MODAL*/ .stockInfoModal { display: inline-block; font: bold 17px/25px 'Metropolis Bold'; } .stockInfoModal .fa { font-size: 20px; } .stockInfoModal.up { color: #00a52d; } .stockInfoModal.dw { color: #f5191b; } /*HABER DETAY ��� H�SSE MODAL*/ /*CANLI BORSA LOGIN*/ .live-stock-bar-login-container { width: 100%; height: 54px; display: inline-block; background-color: #fffcd1; border-bottom: 1px solid #867d0c; text-align: center; font: 14px/54px 'Metropolis Medium'; margin-top: 10px; } .live-stock-bar-login-container span { color: #867d0c; font-weight: 500; padding-right: 18px; } .live-stock-bar-login-container a { color: #000; font-weight: 700; } .w100 .w650 { width: 100% !important; } .w100 ul.subMenu li.subItem { width: 190px !important; } .w100 .table .tableBox .tHead ul li { font: bold 13px/16px 'Metropolis Bold'; } .w100 .table .tableBox .tBody ul li a { font: bold 12px/16px 'Metropolis Bold'; } .w100 .table .tableBox .tBody ul li { font: bold 12px/16px 'Metropolis Bold'; } .m10 { margin: 10px 0; } .no-cursor { cursor: default; } /* New Share Bar - Square Design */ .newSocialBar { height: 40px; margin-bottom: 15px; max-height: none; width: 100%; } .newSocialBar.bottom { margin-bottom: 20px; background: rgba(0, 0, 0, 0.03); border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px 10px; } .newSocialBar .share-title { color: #626262; font: 700 14px/40px 'Metropolis Medium'; float: left; margin-right: 10px; } .newSocialBar .share-list { list-style: none; height: 40px; float: left; } .newSocialBar .share-list li { float: left; margin-right: 5px; } .newSocialBar .share-list li a { display: block; text-align: center; color: #fff; height: 40px; width: 40px; box-sizing: border-box; padding-top: 5px; padding-top: 9px; font-size: 23px; } .newSocialBar .share-list li.fb a { background: #3b5998; } .newSocialBar .share-list li.tw a { background: #55acee; } .newSocialBar .share-list li.in a { background: #117cb4; } .newSocialBar .share-list li.flipboard a { border: 0; background:url(/load/view.php?a=aHR0cHM6Ly9pbWFnZS5odXJpbWcuY29tL2kvaHVycml5ZXQvMTAwLzB4MC81OGM3ZmRiYzE4Yzc3MzFjMzg3MWUyMWIuanBn) center center no-repeat #e02828; background-size: 18px 18px; width: 40px; height: 40px; border-radius: 0; text-indent: -9999px !important; padding: 0; } .newSocialBar .share-list li.flipboard a * { display: none; } .newSocialBar .share-counters { list-style: none; height: 40px; float: right; } .newSocialBar .share-counters li { float: left; line-height: 40px; } .newSocialBar .share-counters li span { color: #626262; font: 700 14px/40px 'Metropolis Medium'; display: inline-block; vertical-align: middle; } .newSocialBar .share-counters li span.big { font-size: 22px; margin-right: 5px; } .newSocialBar .share-counters li.separator { margin: 0 15px; width: 1px; background: #b4b4b4; } .find-status-item { display: block; width: 100%; background: #fbfbfb; margin-bottom: 20px; padding: 15px; font-family: 'Metropolis Medium'; box-sizing: border-box; } .find-status-title { display: block; width: 100%; font-weight: bold; } .find-status-text { display: block; width: 100%; color: #999; margin-top: 10px; } /*DFP*/ .dfp { text-align: center; } .dfp[id="/9927946,22420977938/hurriyet/bigpara/header_728x90"] { margin: 20px 0; } .pageskinContainer { width: 1000px; display: block; position: relative; margin: 0 auto; } .pageskinContent { width: 100%; display: block; position: fixed; left: 0; top: 0; } .pageskinContainer .pageskin { position: absolute; width: 465px; min-height: 600px; top: 0; } .pageskinContainer .pageskin.ps-left { left: -475px; text-align: right; } .pageskinContainer .pageskin.ps-left #crt-1049563 { display: inline-block; } .pageskinContainer .pageskin.ps-left .dfp { text-align: right; } .pageskinContainer .pageskin.ps-left .dfp div{ text-align: right!important; width: auto!important; } .pageskinContainer .pageskin.ps-right { right: -475px; text-align: left; } .pageskinContainer .pageskin.ps-right .dfp { text-align: left; } .pageskinContainer .pageskin.ps-right .dfp div { text-align: left!important; width: auto!important; } .dfp-reset { line-height: 0; padding: 0; margin: 0 !important; } .adserviceOop { position: fixed; top: 0px; left: 0px; width: 0px; height: 0px; } .now-try-box { background: rgba(253, 140, 34, .1); display: inline-block; padding: 0 20px 0 20px; width: calc(100% - 20px); box-sizing: border-box; margin-left: 10px; margin-top: 10px; height: 90px; font-family: "IBM Plex Sans", sans-serif; background-image: url(../images/paket-bg-1703.png); background-position: 0 0; background-repeat: no-repeat; margin-bottom: 10px; } .now-try-box h3 { display: inline-block; color: #3b2a18; float: left; font-size: 20px; font-weight: 700; margin-top: 20px; margin-left: 269px; } .now-try-box .review-packages { display: inline-block; color: #fff; width: 179px; background: #fd8c22; line-height: 45px; height: 45px; text-align: center; float: right; font-size: 15px; font-weight: 700; margin-top: 22px; border-radius: 5px; } #header .hLine1 { display: none; } .login-button{ display: inline-block; float: right; } .login-button a{ background: #2f6176; width: 119px; height:42px; font-family: 'Metropolis Medium'; font-size: 14px; font-weight: 700; line-height:42px; color: #fff; display: block; text-align: center; } .login-button a span{ background: url("../images/login-ico.png") no-repeat left center; padding-left: 22px; letter-spacing: 0.6px; } .topBanner{ display: block; width: 100%; } .logo-box{ display: inline-block; float: left; margin-right: 113px; } .logo-box .logo-h{ display: inline-block; } .logo-box .logo-b{ display: inline-block; margin-left: 11px; } .logo-box img{ display: block; } .crypto-title p, .crypto-description p { font-size: 16px; width: 100%; height: 24px; display: inline-block; padding: 2px 0; color: #000; font: bold 15px/24px 'Metropolis Bold'; } .tradingview-widget-container { margin-top: 15px; } .contentLeft .video-title-detail { width: 100%; display: inline-block; color: #262121; font: bold 25px 'Metropolis Bold'; position: relative; line-height: normal; } .contentLeft .video-span-detail { margin-bottom: 10px; display: block; font-family:Arial; font-size:13px; } .contentLeft .video-span-detail time { font-family: 'Metropolis Medium'; font-size: 13px; color: #555; } .videoNewsList .vnItem a .title-detail { width: 175px; height: 51px; display: flex; overflow: hidden; float: left; color: #333; font: bold 13px/17px 'Metropolis Bold'; align-items: center; } .investmentList{ display:inline-block; width:100%; } .investmentList .vnItem{ display:inline-block; float:left; margin-left:20px; width:315px; } .investmentList .vnItem a{ border-bottom:1px dotted #d2d2d2; display:inline-block; margin:5px 0; padding:10px 0; position:relative; width:100%; } .investmentList .vnItem a .imgs{ display:block; float:left; height:72px; margin-right:12px; position:relative; width:128px; } .investmentList .vnItem a .imgs img{ display:block; float:left; height:72px; width:128px; } .investmentList .vnItem a .imgs .play{ background-position:-60px -170px; display:block; height:33px; left:50px; position:absolute; top:20px; width:33px; } .investmentList .vnItem a .title{ color:#333; display:block; float:left; font:bold 13px/17px 'Metropolis Bold'; height:51px; overflow:hidden; width:175px; } .investmentList .vnItem a .date{ bottom:5px; color:#555; display:block; font:normal 13px/18px 'Metropolis Medium'; height:18px; left:140px; overflow:hidden; position:absolute; width:175px; } .investmentList .vnItem a:hover .title{ color:#ff8a1a; } .countdown-sidebar-ads { min-height: 250px; display: flex; justify-content: center; align-items: center; } .news-title { display: block; font: bold 16px/18px 'Metropolis Bold'; padding-left: 5px; } .news-description{ display: block; font: normal 12px/14px 'Metropolis Medium'; float: left; width: 100%; } .news-detail-adv { background: #f3f3f3; padding: 25px 0px; position: relative; margin: 50px 0 30px 0; } .news-detail-adv-box { display: flex; justify-content: center; width: 100%; position: absolute; top: -26px; font-family: 'Metropolis Medium'; font-size: 14px; margin-bottom: 10px; } .news-detail-adv-box .arrow::after { border: solid #000; border-width: 0 1px 1px 0; content: ""; display: inline-block; margin-left: 10px; padding: 3px; position: absolute; top: 6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }