/***** GENERAL CLASSES *****/ body{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #464B57; } input, textarea, select{font-family: Arial, Helvetica, sans-serif; font-size: 12px;} /*box*/ .box{margin-bottom: 5px;} .box .top{font-size: 0; line-height: 2px; background: url(../images/layout/sliding.gif) no-repeat;} .box .top div{height: 2px; background: url(../images/layout/sliding.gif) no-repeat;} .box .body{border-right: 1px solid; border-left: 1px solid; padding: 18px 20px;} .box .bottom{font-size: 0; line-height: 2px; background: url(../images/layout/sliding.gif) no-repeat;} .box .bottom div{height: 2px; background: url(../images/layout/sliding.gif) no-repeat;} /*green*/ .green{} .green .top{background-position: 100% -495px;} .green .top div{background-position: 0 -497px;} .green .body{background: #E2F791; border-color: #C4ED1B;} .green .bottom{background-position: 100% -499px;} .green .bottom div{background-position: 0 -501px;} /*yellow*/ .yellow{margin-top: 15px;} .yellow .top{background-position: 100% -503px;} .yellow .top div{background-position: 0 -505px;} .yellow .body{background: #fff091; border-color: #ebd647;} .yellow .bottom{background-position: 100% -507px;} .yellow .bottom div{background-position: 0 -509px;} /***** PAGES STRUCTURE *****/ #home, #inside{width: 980px; margin: 0 auto; position: relative;} /*page structure for home*/ #home #content{width: 660px; margin-bottom: 15px; float: left; clear: both;} #home #sidebar{width: 300px; float: right;} /*page structure for home*/ #inside #content{width: 660px; margin-bottom: 15px; float: left; clear: both;} #inside #sidebar{width: 300px; float: right;} #content .intro{clear: both; font-size: 12px; font-weight: bold; color: #778091; margin-bottom: 10px;} /*HEADER*/ #header{margin-bottom: 15px; overflow: hidden; margin-top: 10px;} /*services menu*/ #header .ServicesMenu{float: right;} #header .ServicesMenu dl{padding: 20px 0; float: left;} #header .ServicesMenu dl dd{color: #778091; line-height: 11px; border-right: 1px solid #778091; padding-right: 10px; margin-right: 10px; float: left;} #header .ServicesMenu dl .last_dd{border-right:none; padding-right: 0px; margin-right: 0px;} #header .ServicesMenu dl dd a{color: #778091; text-decoration: none;} #header .ServicesMenu dl dd a:hover{color: #000;} /*languge*/ #header .ServicesMenu a.language{height: 21px; font-size: 11px; color: #778091; line-height: 21px; text-decoration: none; background: url(../images/layout/backgrounds.gif) no-repeat; padding-right: 100px; margin-top: 15px; display: block; float: left; position: relative;} #header .ServicesMenu a.language:hover{color: #778091;} #header .ServicesMenu a.language span{color: #af8f18; position: absolute; top: 0; right: 23px;} #header .ServicesMenu a.language:hover span{color: #7b6100;} /*ro*/ #header a.ro{background-position: 100% -150px !important;} #header a.ro:hover{ background-position: 100% -171px !important;} /*en*/ #header a.en{background-position: 100% -192px !important;} #header a.en:hover{ background-position: 100% -213px !important;} #header .logo {background:url("../images/layout/logo1.gif") no-repeat scroll 0 0 transparent;display:block;float:left;height:50px;margin:70px 0 0;overflow:hidden;text-indent:-1000px;width:233px;} #header .leaderboard{margin-bottom: 10px; float: right;} /*menu*/ #header .MainMenu{background: url(../images/layout/sliding.gif) 100% 0 no-repeat; clear: both;} #header .MainMenu ul{background: url(../images/layout/sliding.gif) 0 -60px no-repeat; padding: 0 15px; overflow: hidden;} #header .MainMenu ul li{height: 60px; background: url(../images/layout/menu-divider.gif) 100% 8px no-repeat; padding-right: 2px; float: left;} #header .MainMenu ul li a{font-size: 14px; color: #0065fe; font-weight: bold; text-decoration: none; padding: 5px; margin: 17px 10px; display: block;} #header .MainMenu ul li a:hover{color: #14772c;} #header .MainMenu ul li.last{background: none; padding-right: 15px;} #header .MainMenu ul li.selected{} #header .MainMenu ul li.selected a, #header .MainMenu ul li.selected a:hover{color: #fff; background-color: #0065fe; cursor: default; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} /*FOOTER*/ #footer{width: 100%; background: url(../images/layout/sliding.gif) 100% -375px no-repeat; clear: both;} #footer ul{height: 60px; font-size: 11px; color: #464B57; line-height: 60px; background: url(../images/layout/sliding.gif) 0 -435px no-repeat; padding-left: 20px;} #footer ul li{margin-right: 20px; float: left;} #footer ul li a{font-size: 11px; color: #989EAB; text-decoration: none;} #footer ul li a:hover{color: #464B57;} #footer ul li.last{float: right;} /***** HOME *****/ /*CONTENT*/ /*info*/ .info{margin-bottom: 10px; overflow: hidden;} .info h1{font-size: 27px; color: #000; line-height: 35px; background: url(../images/layout/icons.gif) 0 -250px no-repeat; padding-left: 65px; float: left;} .info span{color: #0065FE; margin: 0px 20px 0 150px; float: left;} .info span strong{font-weight: bold;} .info .intro{clear: both; float: left; font-size: 10px; color: #778091;} .info .info_date{background: url(../images/layout/sliding.gif) 100% -305px no-repeat; float: right;} .info div form{background: url(../images/layout/sliding.gif) 0 -340px no-repeat; padding: 0 5px 0 2px; overflow: hidden;} .info div form span{width: 24px; height: 31px; text-indent: -1000px; background: url(../images/calendar.png) 0 0 no-repeat; margin: 2px 5px 0 0; display: block;} .info div form label{font-size: 11px; color: #AE8F15; line-height: 35px; margin-right: 5px; float: left;} .info div form .curs_date{width: 86px; height: 25px; text-align: center; background: url(../images/layout/forms.gif) no-repeat; margin-top: 5px; float: left;} .info div form .curs_date input {width: 76px; font-size: 14px; color: #725E0E; background: none; border: 0; margin: 4px 0 5px 0;} /*table*/ table{width: 100%;} table thead{} table thead tr{height: 28px; line-height: 28px;} table thead tr th{font-size: 11px; color: #778091; font-weight: bold; text-align: center;} table thead tr th+th{text-align: left;} table thead tr th+th+th{text-align: center;} table thead tr th+th+th+th{text-align: center;} table thead tr th+th+th+th+th{text-align: center;} table thead tr th+th+th+th+th+th{text-align: center;} table tbody{} table tbody tr{height: 26px; color: #0065FE; line-height: 25px; background: url(../images/layout/sliding.gif) 100% -195px no-repeat; position: relative;} table tbody tr th{text-align: center; background: url(../images/layout/sliding.gif) 0 -220px no-repeat;} table tbody tr td{text-align: center; background: none;} table tbody tr td span{background: url(../images/layout/icons.gif) 100% 0 no-repeat; padding-right: 20px;} table tbody tr td .up{background-position: 100% -150px;} table tbody tr td .down{background-position: 100% -200px;} table tbody tr th+td{text-align: left;} table tbody tr th+td+td{} table tbody tr th+td+td+td{} table tbody tr th+td+td+td+td{} table tbody tr th+td+td+td+td+td{} table tbody tr.important{height: 39px; line-height: 35px; font-size: 14px; color: #464B57; font-weight: bold; background-position: 100% -120px;} table tbody tr.important th{font-weight: bold; background-position: 0 -155px;} table tbody tr.important th span{background: url(../images/layout/icons.gif) 0 0 no-repeat; padding-left: 28px;} table tbody tr.important th .eur{background-position: 0 0;} table tbody tr.important th .usd{background-position: 0 -50px;} table tbody tr.important th .xau{background-position: 0 -100px;} table tbody tr.important th+td+td+td span{padding-right: 15px;} table tbody tr.blue{color: #0145A9; background-position: 100% -250px;} table tbody tr.blue th{background-position: 0 -275px;} /*adaugat de ciprian*/ table tbody .tr_publicitate{height: 26px; color: #0065FE; line-height: 25px; background: url(../images/layout/sliding.gif) 100% -195px no-repeat; position: relative;} table tr .title_col {text-align: left; padding-left: 5px;} table tr .value_col {text-align: left; padding-left: 60px;} /*SIDEBAR*/ /*converter*/ .converter{} .converter h2{font-size: 24px; color: #14772C; font-weight: bold; line-height: 35px; background: url(../images/layout/icons.gif) 0 -300px no-repeat; padding-left: 45px; margin-bottom: 15px;} .converter form{width: 248px; margin: 0 auto;} .converter form label{font-size: 14px; color: #81C518; font-weight: bold; margin-bottom: 3px; display: block;} .converter form select{width: 100%; font-size: 17px; color: #464B57; font-weight: bold; margin-bottom: 10px;} .converter form div{height: 55px; background: url(../images/layout/backgrounds.gif) 0 0 no-repeat; padding: 3px;} .converter form div label{position: relative;} .converter form div label span{font-size: 11px; position: absolute; top: 0; right: 10px;} .converter form div input{width: 228px; font-size: 24px; color: #464B57; font-weight: bold; padding: 2px 5px;} .converter form .convert{margin-bottom: 10px;} .converter form .convert label{} .converter form .convert select{} .converter form .convert div label{color: #14772C;} .converter form .convert div label span{font-weight: normal;} .converter form .convert div input{border: 1px solid #81c518;} .converter form .converted{} .converter form .converted label{} .converter form .converted select{} .converter form .converted div{background-position: 0 -75px;} .converter form .converted div label{color: #fff;} .converter form .converted div label span{font-weight: normal;} .converter form .converted div input{border: 1px solid #81c516;} /*convert & converted*/ .convert span, .converted span{margin-bottom: 10px; display: block; position: relative; } .convert span .selectbox, .converted span .selectbox{width: 188px; height: 19px; font-size: 17px; color: #464B57; font-weight: bold; background: url(../images/layout/forms.gif) 0 -25px no-repeat; border: 0; padding: 3px 30px; cursor: pointer;} .convert span .selectbox:hover, .converted span .selectbox:hover{background-position: 0 -50px;} .convert span .selectbox-wrapper, .converted span .selectbox-wrapper{height: auto; padding: 0; position: relative;} .convert span .selectbox-wrapper ul, .converted span .selectbox-wrapper ul{width: 246px; font-size: 12px; line-height: 25px; background: #fff; border: 1px solid #81c518; position: absolute;} .convert span .selectbox-wrapper ul li, .converted span .selectbox-wrapper ul li{color: #464B57; padding: 0 8px; cursor: pointer;} .convert span .selectbox-wrapper ul li.hover, .converted span .selectbox-wrapper ul li.hover{background: #E2F791;} .convert span .selectbox-wrapper ul li.selected, .converted span .selectbox-wrapper ul li.selected{color: #14772C; background: #c5ed1b;} .converter form .convert div{background-position: 0 0;} /*square*/ .square{margin-bottom: 5px;} /*financial news*/ .FinancialNews{} .FinancialNews h2{font-size: 18px; color: #AE8F15; font-weight: bold; margin-bottom: 5px;} .FinancialNews ul{} .FinancialNews ul li{background: url(../images/layout/divider.gif) 0 100% repeat-x; padding-bottom: 10px; margin-bottom: 8px;} .FinancialNews ul li a{font-size: 14px; color: #7A551F; font-weight: bold; text-decoration: none;} .FinancialNews ul li a:hover{color: #464B57;} .FinancialNews ul li p{font-size: 11px; color: #464B57; margin-top: 5px;} .FinancialNews ul li.last{padding: 0; margin: 0; background: none;} /***** INSIDE *****/ /*CONTENT*/ #inside h1{font-size: 29px; color: #000; margin-bottom: 10px;} /*index*/ .index{background: #dcebff; padding: 5px 10px; overflow: hidden;} /*index list*/ .index ul{width: 250px; height: 28px; line-height: 11px; float: left;} .index ul li{border-right: 1px solid #464B57; padding-right: 5px; margin: 0 5px 5px 0; float: left;} .index ul li a{font-size: 11px; color: #464B57; font-weight: bold; text-decoration: none;} .index ul li a:hover{color: #0065ff;} .index ul li.last{} /*search*/ .index form{width: 170px; height: 25px; background: url(../images/layout/forms.gif) 0 -75px no-repeat; margin-top: 2px; float: right;} .index form:hover{background-position: 0 -100px;} .index form input{width: 140px; font-size: 14px; background: transparent; border: 0; margin: 4px 0 0 5px;} /*navigation*/ .navigation{} .navigation ul{width: 20px; margin: 10px auto; overflow: hidden;} .navigation ul li{float: left;} .navigation ul li a{width: 4px; height: 7px; text-indent: -1000px; background: url(../images/layout/icons.gif) no-repeat; padding: 0 3px; display: block; overflow: hidden;} .navigation ul li a.back{background-position: 0 -350px;} .navigation ul li a.back:hover{background-position: 0 -357px;} .navigation ul li a.BackDesable, .navigation ul li a.BackDesable:hover{background-position: 0 -364px; cursor: default;} .navigation ul li a.next{background-position: 100% -371px;} .navigation ul li a.next:hover{background-position: 100% -378px;} .navigation ul li a.NextDesable, .navigation ul li a.NextDesable:hover{background-position: 100% -385px; cursor: default;} /*listing*/ .listing{font-size: 14px;} .listing dt{} .listing dt a{color: #0065fe; font-weight: bold; text-decoration: none;} .listing dt a:hover{color: #14772c;} .listing dd{margin-bottom: 18px;} .listing dd a{color: #474958; text-decoration: none;} .listing dd a:hover{color: #000;} .listing dd span{display: block;} /*converter valutar*/ /*info*/ /*info*/ .infoConvertor{margin-bottom: 10px; overflow: hidden; float: right;} .infoConvertor span{color: #0065FE; margin: 2px 20px 0 20px; float: left;} .infoConvertor span strong{font-weight: bold;} .infoConvertor .info_date{background: url(../images/layout/sliding.gif) 100% -305px no-repeat; float: left;} .infoConvertor div form{background: url(../images/layout/sliding.gif) 0 -340px no-repeat; padding: 1px 5px 1px 2px; overflow: hidden;} .infoConvertor div form span{width: 24px; height: 31px; text-indent: -1000px; background: url(../images//calendar.png) 0 0 no-repeat; margin: 1px 5px 1px 0; display: block;} .infoConvertor div form label{font-size: 11px; color: #AE8F15; line-height: 35px; margin-right: 5px; float: left;} .infoConvertor div form .curs_date{width: 86px; height: 25px; text-align: center; background: url(../images/layout/forms.gif) no-repeat; margin-top: 5px; float: left;} .infoConvertor div form .curs_date input {width: 76px; font-size: 14px; color: #725E0E; background: none; border: 0; margin: 4px 0 5px 0;} .convertor{} .convertor .convertorBG{background-color:#e2f791; border:1px solid #c4ed1b;height:130px;} .convertor h2{font-size: 28px; color: #14772C; font-weight: bold; line-height: 35px; background: url(../images/layout/icons.gif) 0 -300px no-repeat; padding-left: 45px; margin-bottom: 10px;} .convertor h1{font-size: 24px; color: #14772C; font-weight: bold; line-height: 35px; background: url(../images/layout/icons.gif) 0 -300px no-repeat; padding-left: 45px; margin-bottom: 10px;} .convertor form{width: 560px; margin: 0 auto;} .convertor form .convertMoneda .monedaLeft{ float: left;display: block;} .convertor form .convertMoneda .monedaRight{ float: right;display: block;} .convertor form .convertMoneda .monedaLeft label{font-size: 14px; color: #81C518; font-weight: bold; margin-bottom: 3px; margin-top:10px; float:left;} .convertor form .convertMoneda .monedaRight label{font-size: 14px; color: #81C518; font-weight: bold; margin-bottom: 3px; margin-top:10px; float:left; } .convertor form .convertMoneda .monedaLeft select{width: 100%; font-size: 17px; color: #464B57; font-weight: bold; width:250px; margin-bottom: 10px; float: left;} .convertor form .convertMoneda .monedaRight select{width: 100%; font-size: 17px; color: #464B57; font-weight: bold; width:250px; margin-bottom: 10px; float: right;} .convertor form .convertSuma .sumaLeft{height: 55px; background: url(../images/layout/backgrounds.gif) 0 0 no-repeat; padding: 3px; float:left;} .convertor form .convertSuma .sumaRight{height: 55px; background: url(../images/layout/backgrounds.gif) 0 0 no-repeat; padding: 3px; float:right; background-position: 0 -75px;} .convertor form .convertSuma .sumaLeft label{font-size: 14px; color: #81C518; font-weight: bold; margin-bottom: 3px; display: block;} .convertor form .convertSuma .sumaRight label{font-size: 14px; color: #FFF; font-weight: bold; margin-bottom: 3px; display: block;} .convertor form .convertSuma div label{position: relative;} .convertor form .convertSuma div label span{font-size: 11px; position: absolute; top: 0; right: 10px; } .convertor form .convertSuma div input{width: 228px; font-size: 24px; color: #464B57; font-weight: bold; padding: 2px 5px;border: 1px solid #81c518;} /*financial news*/ .ConvertorNews{} .ConvertorNews h2{font-size: 18px; color: #AE8F15; font-weight: bold; margin-bottom: 5px;} .ConvertorNews ul li{background: url(../images/layout/divider.gif) 0 100% repeat-x; padding-bottom: 10px; margin-bottom: 8px;} .ConvertorNews ul li a{font-size: 14px; color: #7A551F; font-weight: bold; text-decoration: none;} .ConvertorNews ul li a:hover{color: #464B57;} .ConvertorNews ul li p{font-size: 11px; color: #464B57; margin-top: 5px;} .ConvertorNews ul li.last{padding: 0; margin: 0; background: none;} .arhivaYears{margin-bottom: 10px;} .arhivaYears ul li{display: inline; padding: 3px 5px 3px 5px; background-color: #0145a9;margin-left: 3px;} .arhivaYears ul .selected{display: inline; padding: 3px 5px 3px 5px; background-color: #FFF;margin-left: 3px;border:1px solid #0145a9;} .arhivaYears ul .selected a{color:#0145a9;font-weight: bold; text-decoration: none;} .arhivaYears ul li a{color:#FFF;font-weight: bold; text-decoration: none;} .arhivaDays{} .arhivaDays span {float: left; padding: 2px 0px 2px 0px; background-color:#0145a9;margin: 5px 0 5px 0;width:100%} .arhivaDays span a{color:#FFF;font-weight: bold;text-decoration: none;margin-left: 10px;} .arhivaDays ul .first{border:none;} .arhivaDays ul li{display: inline; padding: 1px 1px 1px 5px; border-left:1px solid #0145a9;margin-left:3px;margin-top: 5px;} .arhivaDays ul li a{color:#0145a9;font-weight: normal; text-decoration: none; } .newsPicturesDim a img{float:left;margin-right: 5px;} /* add by ciprian */ .static {font-size: 14px;} .static a {text-decoration: none; font-weight: bold;} .static ul {margin-left:10px;padding-top: 10px;} .static ul li{display:block;font-size: 14px;margin-top: 2px;} .detalii h2{font-size: 25px; color: #14772C; font-weight: bold; line-height: 35px; margin-bottom: 15px;} .breadcramp {font-size: 12px; color: #0065FE; margin-top: 5px; padding-left: 15px; } .breadcramp a{font-size: 12px; color: #0065FE; font-weight: bold; margin-top: 5px; text-decoration: underline;} .breadcramp_home {height:20px;} #sky_left{width: 120px; height: 600px; top: 0; left: -120px; position: absolute; } #sky_right{width: 120px; height: 600px; top: 0; right: -120px; position: absolute; } #sky_top{ height: 100px; top: 0; } .widget { color:#000; width: 100%; } .widget .left{text-align: left; color:#000; padding-left:5px; width:43%} .widget .right{text-align: left; color:#000; padding-left:5px; width:20%}