/***************************************************** www.ecentre.ro | Reteaua e-centrelor din Romania ****************************************************** Author: Burciu Ovidiu | o.burciu@gmail.com Date: feb.2009 ****************************************************** CSS Style Table of contents: [1] Main Layout [2] Common classes definition [3] SlideShow [4] Highslide Related [-] Layout fix / hacks and trics ******************************************************/ /***************************************************** [1] Main Layout ******************************************************/ body {margin:0px; background-color:#ffffff; font-family:Arial; font-size:12px; background-image:url(../images/bg_body.gif); background-position:left top; background-repeat:repeat-x;} #bg_new {float:left; width:100%;background-image:url(../images/bg_main.jpg); background-position:right top; background-repeat:no-repeat;} h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px; line-height:normal;} h3 {font-size:16px; color:#0064c1;} a {color:#015099; text-decoration:none;} a:hover {color:#ff5704;} a.active {color:#ff5704; font-weight:bold;} p {} ul {margin:0px; padding:0px; margin-left:15px; /*list-style-type:none;*/} input, button, select, textarea {font-size:11px;} img {border:0px;} blockquote {margin:0px;} #pageContent .colLeft ul {margin:0px; padding:0px; list-style-type:none;} #wrapper {margin:0px auto; width:982px;} #mainContainer {float:left; width:100%;} #top {float:left; clear:both; width:100%; height:105px;} #logo {float:left; padding-left:30px; padding-top:10px;} #txtTop {float:left; color:#ffffff; padding-left:20px; padding-top:40px; font-size:16px; font-family:Trebuchet MS; font-weight:bold;} #topRight {float:right; width:197px; padding-top:5px; margin-top:49px;} /*** JQuery settings ***/ #switcher {float:right; padding: 0px 10px 20px 0px; height:22px;} #datepicker {clear:both; float:left; font-size:10px !important; font-family:Verdana;} /**** End JQuery Settings ***/ #topLinksBox {float:left; width:173px; padding:6px 10px 4px 6px;} #topLinksBox a {float:left; margin:0px 0px 0px 23px; padding-left:13px; text-decoration:none; color:#ffffff; background-image:url("../images/bullet_top_items_orange.gif"); background-position:left 5px; background-repeat:no-repeat;} #topLinksBox a:hover {color:#0156c0;} #searchBox {float:left; width:176px; padding:6px 10px 3px 6px; background-image:url("../images/search_box_orange.jpg"); background-position:left top; background-repeat:no-repeat;} #searchBox .input {float:left; border:0px; font-size:11px; height:15px; padding-left:2px; width:153px; position:relative; margin-right:-5px; background-image:url("../images/search_orange_bg.jpg"); background-position:left top; background-repeat:no-repeat;} #searchBox #bttnSearch {float:left; width:17px; height:17px; border:0px; margin-right:4px; cursor:pointer; border:0px; position:relative; background-image:url("../images/bttnSearch_orange.jpg"); background-position:left top; background-repeat:no-repeat;} #mainNav {float:left; clear:both; padding:0px 15px; width:952px; text-transform:uppercase; height:34px; background-image:url("../images/bg_menu.gif"); background-position:left top; background-repeat:repeat-x;} #mainNav ul {float:left; width:930px; clear:both; list-style-type:none;} #mainNav ul li {float:left; width:auto; height:34px;} #mainNav ul li a {float:left; width:auto; padding:7px 17px 3px 17px; display:block; color:#ffffff; font-size:12px; height:24px; text-decoration:none;} #mainNav ul li a:hover, #mainNav ul li a.active {background-color:#ff5704; background-image:none;} #pageContent {float:left; clear:both; width:948px; border:solid 2px #d2d2d2; border-top:none; border-bottom:none; padding:20px 15px; background-color:#ffffff;} #pageContent .colLeft {float:left; width:190px;} #pageContent .colLeft2 {float:left; width:718px; padding:0px 15px 0px 25px;} #pageContent .colCenter {float:left; width:500px; padding:0px 25px} #pageContent .colCenter img {border:solid 1px #FF5704; clear:both; display:block; max-width:495px;} #pageContent .colLeft .rightBox {float:left; width:188px;} #pageContent .colLeft .rightBox .header {float:left; width:188px; float:left; clear:both; width:100%; background-image:url("../images/left_box_header1.jpg"); height:18px; background-color:#ffffff; background-position:left top; background-repeat:no-repeat; font-family:Trebuchet MS; font-size:12px; color:#015099;} #pageContent .colLeft .rightBox img {width:188px;} #homeLeft {float:left; width:740px;} #homeBox {float:left; width:100%; background-color:#fafafa; border:solid 1px #999999; height:160px; background-image:url("../images/article_1.jpg"); background-position:left top; background-repeat:no-repeat; margin-bottom:20px;} #homeBox p {margin:0px;} .homeBoxTxt {float:left; width:283px; border:solid 1px #cccccc; background: rgba(255, 255, 255, 0.8); color:#000000; padding:10px;} .homeBoxTxt a {float:right; clear:both; padding-top:5px; font-weight:bold;} #bttns {float:right; width:185px; height:160px; background-color:#ececec;} #bttns a {float:left; padding:15px 5px 15px 10px; width:170px; clear:both; display:block; text-decoration:none; font-family:Tahoma; font-size:13px; font-weight:bold;} #bttns a:hover, #bttns a.active {background-color:#666666; color:#ffffff;} #pageContent #homePage img {border:solid 1px #FF5704; display:block; width:100px; float:left; margin:10px 10px 10px 0px;} #pageContent #homePage p {margin:5px;} #pageContent .colRight {float:left; width:207px;} .leftBox {float:left; width:188px; border:solid 1px #ababab; background-image:url("../images/box_bg.gif"); background-position:left 21px; background-repeat:repeat-x; margin-bottom:15px;} .leftBox .header {float:left; clear:both; width:100%; background-image:url("../images/left_box_header1.jpg"); height:21px; background-color:#ffffff; background-position:left top; background-repeat:no-repeat; font-family:Arial Narrow; font-size:14px; color:#015099;} .leftBox .header a {float:right; margin:8px;} .leftBox .header span {padding-left:5px; font-weight:normal;} .leftBox .footer {float:left; clear:both; width:100%; background-image:url("../images/left_box_footer.jpg"); height:15px; background-position:left top; background-repeat:repeat-y; font-weight:bold;} .leftBox .footer a {float:right; text-decoration:none; color:#015099; white-space:nowrap; padding-right:15px; background-image:url("../images/left_box_footer_bullet.gif"); height:15px; margin-right:5px; background-position:right center; background-repeat:no-repeat; font-size:11px;} .leftBox .footer a:hover {color:#ff5704;} .leftBox .txtContainer {float:left; margin:5px 0px; padding:5px; width:178px; font-family:Trebuchet MS; line-height:150%;} .leftBox .txtContainer a.active {background-image:none;} .leftBox .txtContainer p {margin:0px; padding:0px;} .leftBox .txtContainer img {margin:10px 15px; border:solid 1px #ff5704;} .leftBox .txtContainer img.bulet {margin:0px; border:none;} .leftBox .imgContainer {border:solid 1px #ff5704;} .leftBox .txtContainer .fixHeight300 {float:left; width:100%; height:300px; overflow-y:auto; scrollbar-base-color: #ffffff; scrollbar-arrow-color:#000000; scrollbar-DarkShadow-Color:#ffffff;} .rightBox {float:left; width:205px; border:solid 1px #ababab; background-image:url("../images/box_bg.gif"); background-position:left 21px; background-repeat:repeat-x; margin-bottom:15px;} .rightBox .header {float:left; clear:both; width:100%; background-image:url("../images/right_box_header.jpg"); height:17px; background-color:#ffffff; background-position:left top; background-repeat:no-repeat; font-family:Trebuchet MS; font-size:12px; color:#015099; padding-top:3px;} .rightBox .header a {float:right; margin:4px 10px;} .rightBox .header span {padding-left:5px; font-weight:normal;} .rightBox .footer {float:left; clear:both; width:100%; background-image:url("../images/left_box_footer.jpg"); height:15px; background-position:left top; background-repeat:repeat-y; font-weight:bold;} .rightBox .footer a {float:right; text-decoration:none; color:#015099; white-space:nowrap; padding-right:15px; background-image:url("../images/left_box_footer_bullet.gif"); height:15px; margin-right:5px; background-position:right center; background-repeat:no-repeat; font-size:11px;} .rightBox .txtContainer {float:left; margin:5px 0px; padding:5px; width:178px; font-family:Trebuchet MS; line-height:150%;} .rightBox .txtContainer img {margin:10px 15px; border:solid 1px #ff5704;} .rightBox .imgContainer {float:left; width:100%;} .article {float:left; clear:both; width:100%; border-bottom:solid 1px #f66606; margin-bottom:25px;} .pageItem {float:left; clear:both; width:100%; margin-bottom:25px;} .head {float:left; clear:both; width:100%; font-weight:bold; margin-bottom:15px; width:500px;} .head .date {float:left; width:33px;} .head .date .day {float:right; clear:both; font-size: 16px; color:#128100; padding-right:8px;} .head .date .month {float:right; font-size: 16px; color:#777777; padding-right:8px;} .head .title {float:left; padding-left:15px; width:450px; border-left:solid 1px #403f3f;} .head .title span {float:left; color:#777777; padding-top:3px;} .content {float:left; width:100%;} .article .content a {text-decoration:underline;} .article .content a:hover {text-decoration:none;} .content img {border:solid 1px #ff5704;} /*.article .content p {float:left; clear:both; padding-top:5px; width:100%;}*/ .content a.more {float:right; clear:both; text-decoration:none; font-weight:bold; padding-right:15px; background-image:url("../images/arrow_next_blue.gif"); background-repeat:no-repeat; background-position:right center;} .pageItem .title {padding-top:20px;} #bottom {float:left; clear:both; width:978px; padding:1px 0px; font-size:11px; border:solid 2px #d2d2d2; border-top:none; margin-bottom:10px; background-color:#337902; /*background-image:url("../images/bg_bottom.gif"); background-position:left top; background-repeat:repeat-x; background-color:#000000;*/} #bottom span {float:left; color:#ffffff; padding:5px 2px;} #bottom span.txtCopyright {float:left; clear:both; /*margin-top:-20px;*/ width:100%; text-align:center; display:block; padding:0px 0px 5px 0px;} #bottom span.termeni {float:right;} #bottom a {color:#ffffff;} #bottom a:hover {text-decoration:underline;} #myMap {position:relative; width:500px; height:400px; margin:0px auto;} .resurseTop {float:left; clear:both; padding:5px 10px; background-color:#efefef; width:474px; margin-bottom:10px; border:solid 1px #ABABAB;} .resurseTop select {font-size:11px; background-color:#fafafa;} .sortare {float:left; padding-top:3px;} .twoCols {float:left; width:237px; /*margin-top:10px;*/} .twoCols a {font-weight:bold;} .title2Col {font-family:Verdana; font-size:11px; font-weight:bold; background-color:#ececec; float:left; width:218px; padding:5px 10px; margin-bottom:5px;} .btn-slide {background-image:url("../images/arrow_up_blue.gif"); width:10px; height:10px; background-repeat:no-repeat; font-size:1px;} .btn-slide.active {background-image:url("../images/arrow_down_blue.gif");} #pageContent .content .highslide-gallery {float:left; clear:both; width:100%;} #pageContent .content .highslide-gallery a {float:left; width:auto; margin:0px 20px 7px 15px; border:solid 5px #cccccc; text-decoration:none;} #pageContent .content .highslide-gallery a img {float:left; width:120px; border:none;} #pageContent .content .highslide-gallery a:hover {border:solid 5px #666666;} .paginare {float:left; clear:both; width:100%; background-color:#ececec; color:#000000; border-top:solid 1px #dddddd; border-bottom:solid 1px #dddddd; margin:10px 0px; font-family:Verdana; font-size:11px;} .paginare a {float:left; text-decoration:none; padding:0px 1px;} #pageContent .paginare a img {float:left; border:none; /*width:15px;*/} .paginare .activPage {float:right; padding:5px; border-right:solid 1px #dddddd;} .paginare .activPage a.active {font-weight:bold; color:#f06733; background-image:none;} .paginare .pageof {float:left; padding:6px 5px; border-left:solid 1px #dddddd;} #formular {float:right;} #pageContent .videoThumb {float:left; width:150px; padding-right:15px;} #pageContent .videoThumb a img {float:left; width:140px; border:solid 5px #dddddd;} #pageContent .videoTxt {float:left; width: 320px;} .bttnVideo {float:left; clear:both; margin-bottom:10px} .bttnVideo a {float:left; text-decoration:none; display:block; background-color:#ececec; padding:3px 5px; color:#0E8400; font-weight:bold; border-left:solid 2px #dddddd; border-right:solid 2px #dddddd; border-bottom:solid 2px #dddddd;} .bttnVideo a:hover {color:#999999;} .videoTxt h3 {font-size:14px; padding-bottom:10px;} .tag {float:left; clear:both; width:100%; border-top:dotted 1px #ececec; padding-top:3px; margin:10px 0px;} .videoRow {float:left; width:100%; clear:both; border-bottom:solid 1px #cccccc; margin-bottom:10px; padding-bottom:10px;} #chooseTag {font-family:Verdana; font-size:11px;} .cmsEdit {float:left; position:absolute; top:0px; right:150px;} .cmsEdit a {float:left; display:block; background-image:url("../images/bg_cmsEdit.gif"); background-repeat:no-repeat; background-position:left bottom; color:#999999; font-weight:bold; width:100px; padding:4px 0px 4px 26px;} .cmsEdit a:hover {background-position:left top; color:#666666;} /***************************************************** [2] Common classes definition ******************************************************/ .fl {float:left;} .fr {float:right;} .fn {float:none;} .cb {clear:both;} .cn {clear:none !important;} .mL20 {margin-left:20px} .mT10 {margin-top:10px} .mB10 {margin-bottom:10px} .mB15 {margin-bottom:15px;} .bold {font-weight:bold;} .lighter{font-weight:lighter;} .tcRed {color:Red;} .bgRed {background-color:Red;} .borderBottomBlack2 {border-bottom:solid 2px black;} .hide {display:none;} .noBorder {border:none !important;} .mR5 {margin-right:5px;} .pdT0 {padding-top:0px !important;} .pdT10 {padding-top:10px;} .maxWidth {width:100%;} .pageRow {float:left; clear:both; width:100%; padding:3px 0px;} .pageRow p {margin:0px; padding-bottom:10px;} .bg_bottom { background-position:left bottom;} a.noutate {float:left; padding:6px 0px 5px 30px; background-image:url("../images/iconNoutate.jpg"); background-repeat:no-repeat; background-position:left center;} a.document {float:left; padding:6px 0px 5px 30px; background-image:url("../images/word_icon.jpg"); background-repeat:no-repeat; background-position:left center;} a.link {float:left; padding:6px 0px 5px 39px; background-image:url("../images/iconLink.jpg"); background-repeat:no-repeat; background-position:left center;} a.searchRez {float:left; padding-left:15px; background-image:url("../images/arrow_next_blue.gif"); background-repeat:no-repeat; background-position:left center;} .pgofpg {margin-right:3px;} #results, .pgBlock {float:left; width:100%;} #pageContent .content .highslide-gallery .paginare a, #pageContent .content .highslide-gallery .paginare a img {border:0px !important; width:auto !important; margin:0px !important;} .borderBottomGrey {border-bottom:solid 1px #cccccc;} #pageContent .colCenter #aniBox {width:500px; height:175px; margin-bottom:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border:solid 5px #FF5704;} #pageContent .colCenter #aniBox ul {list-style-type:none; margin:0px; padding:0px;} #pageContent .colCenter #aniBox ul li img {border:0px; width:500px; max-width:500px;} /***************************************************** [3] SlideShow ******************************************************/ #slideshow {float:left; height:152px; display:block; overflow:hidden;} #slideshow IMG {z-index:8; opacity:0.0;} #slideshow IMG.active {z-index:10; opacity:1.0;} #slideshow IMG.last-active {z-index:9;} #slider ul, #slider li {margin:0px;list-style:none;padding:0px;width:205px;} #slider, #slider li{ width:100%;height:152px;overflow:hidden; } #slider li{ background-color:#cccccc;} #slider li a { display:block;float:left;} #slider li h2{ margin:0 20px;padding-top:20px;} #slider li p{ margin:20px;} #slider li a span{ float:left;width:205px;margin-top:-28px;z-index:1000;background-color:#cccccc; opacity:0.5;filter: alpha(opacity=50);padding:5px 0px 5px 10px;font-weight:bold;color:#000000;} span#prevBtn{float:right;padding:3px; width:10px;} span#nextBtn{float:right;padding:3px; width:10px;} /***************************************************** [4] Highslide Related ******************************************************/ .myCaption {float:left; width:100%; border-top:solid 1px #ececec; padding:3px 0px 0px 0px; text-align:center; font-weight:bold;} /***************************************************** [-] Layout fix / hacks and trics ******************************************************/