/***************************************************** Author: Burciu Ovidiu | o[dot]burciu[at]gmail.com Date: July.2009 ****************************************************** CSS Style Table of contents: [1] Main Layout [2] Common classes definition [3] Highslide related [-] Cross browser compatibility ****************************************************** [1] Main Layout ******************************************************/ body {margin:0px; padding:0px; color:#666666; font-family:Arial,Helvetica,sans-serif;} a {outline: none;} h1 {float:left; clear:both; font-size:24px; line-height:normal; margin:0px; font-weight:lighter; width:100%;} h2 {float:left; clear:both; font-size:18px; line-height:normal; margin:0px; font-weight:lighter; width:100%;} h3 {float:left; clear:both; font-size:13px; line-height:normal; margin:0px; font-weight:bold; width:100%; color:#00aeef;} h4 {float:left; clear:both; font-size:14px; line-height:normal; margin:0px; font-weight:lighter; width:100%;} .clear { clear: both; } #bgLeft {float:left; width:100%; background-image:url("../images/bg_top_left_bubbles.gif"); background-position:-70px -50px; background-repeat:no-repeat; background-attachment:fixed;} #bgRight {float:left; width:100%; background-image:url("../images/bg_right_bubbles.gif"); background-position:right bottom; background-repeat:no-repeat; background-attachment:fixed; padding-bottom:70px;} /* #bgTopRight {float:left; width:100%; background-image:url("../images/bg_Right_top.gif"); background-position:right top; background-repeat:no-repeat; background-attachment:fixed; padding-bottom:70px;} */ #topRow {float:left; width:100%; margin-top:10px;} #leftCorner {float:left; width:20px; height:10px; overflow:hidden;} #leftCorner img {float:left; width:20px; height:10px;} #middle {float:left; width:780px; background-color:#ffffff; font-size:4px; height:10px; display:block;} #rightCorner {float:right; width:20px; height:10px; overflow:hidden;} #rightCorner img {float:right; width:20px; height:10px;} #topContainer {float:left; width:100%; background-color:#ffffff; font-size:14px; color:#c8c8c8;} #mainContainer {float:left; width:100%; padding-bottom:20px; background-color:#ffffff;} #bottomContainer {float:left; width:100%;} #wrapper {margin:0px auto; width:820px; z-index:10;} #bottomLeft {float:left; width:800px; background-color:#ffffff; font-size:11px; padding:0px 0px 6px 0px; text-align:right;} #bottomRight {float:right; width:20px;} #logoContainer {float:left; width:230px; height:54px; padding-left:20px;} #logoContainer a img {border:0px;} #bottomLeft a{text-decoration:none;color:#666;} span.separator{margin:0 5px;} #menuContainer {float:left; width:550px; text-align:right; padding-top:4px;} #menuContainer a {text-decoration:none; color:#c8c8c8; font-weight:bold;} #menuContainer a:hover {} #menuContainer a.green:hover {color:#B7D432;} #menuContainer a.blue:hover {color:#11B2F0;} #menuContainer a.pink:hover {color:#EA098B;} #menuContainer a.activeGreen {text-decoration:none; font-weight:bold; color:#b7d432;} #menuContainer a.activePink {text-decoration:none; font-weight:bold; color:#ea098b;} #menuContainer a.activeBlue {text-decoration:none; font-weight:bold; color:#11b2f0;} #topTxt {float:left; width:550px; text-align:right; color:#00AEEF; padding-top:6px; font-weight:bold;} .telno { color:#00aeef; font-size:15px; font-weight:bold;} #homeContainer {float:left; clear:both; width:780px; padding:20px 20px 0px 20px; background-image:url("../images/bg_main.gif"); background-position:center 50px; background-repeat:no-repeat; font-size:13px; color:#7e7e7e; height:420px;} #homeContainer #lContainer {float:left; width:250px; padding-top:155px; padding-right:25px;} #homeContainer #lContainer .txt {float:left; padding-bottom:5px; clear:both; padding-left:25px; width:100%;} #homeContainer #lContainer .btn {float:right; clear:both; margin-right:30px;} #homeContainer #lContainer ul {float:right; clear:both; width:189px; margin:0px 30px 0px 0px; padding:9px 0px 0px 0px; list-style-type:none; background-image:url("../images/arrow_up_blue.gif"); background-position:right top; background-repeat:no-repeat;} #homeContainer #lContainer ul li {float:left; clear:both; width:100%; margin-bottom:3px; background-image:url("../images/bgLiLeft.gif");background-repeat:no-repeat; position:relative;z-index:2;} #homeContainer #lContainer ul li a {float:right; clear:both; padding:2px 0px 1px 8px; font-size:12px; color:#ffffff; width:185px;} #homeContainer #lContainer ul li a:hover {font-weight:bold;} #homeContainer #rContainer {float:left; width:225px; padding:192px 0px 0px 277px; height:175px;} #homeContainer #rContainer .txt {float:left; padding-top:5px; clear:both; width:100%;} #homeContainer #rContainer .btn {float:left; clear:both;} #homeContainer #rContainer ul {float:left; clear:both; width:162px; margin:0px 0px 5px 0px; list-style-type:none; padding:0px 0px 8px 0px; background-image:url("../images/arrow_down_green.gif"); position:absolute; background-position:2px bottom; background-repeat:no-repeat; margin-top:-132px;} #homeContainer #rContainer ul li {float:left; clear:both; width:100%;} #homeContainer #rContainer ul li a {float:left; clear:both; padding:1px 0px 1px 5px; font-size:12px; color:#ffffff; width:157px; margin-top:3px; background-image:url("../images/bgLiRight.gif");} #homeContainer #rContainer ul li a:hover {font-weight:bold; color:#ffffff;} #homeContainer a {text-decoration:none; display:block; float:left; clear:both;} #homeContainer a img {border:0px;} #pageContainer {float:left; clear:both; width:800px; padding:35px 0px 0px 20px; font-family:arial; font-size:13px; color:#4b4b4b;} #leftCol {float:left; width:550px; background-image:url("../images/dot.gif"); background-position:left top; background-repeat:repeat-x; margin:5px 0px; padding-top:10px;} #leftCol ul { margin-top: 0; } #leftCol ul li { font-size:12px; line-height: 150%; } #leftCol a { color: #11B2F0; } #rightCol {float:left; width:230px; background-image:url("../images/dot.gif"); background-position:left top; background-repeat:repeat-x; margin:5px 0px 0px 20px;} #rightCol a {font-size:11px; color:#666666; padding:6px 0px 6px 30px; text-decoration:none;} #rightCol a:hover, #rightColBlue a:hover, #rightColGreen a:hover {color:#666666;} .bttnBlue {float:left; background-image:url("../images/bubble_blue.gif"); background-position:left top; text-decoration:none; background-repeat:no-repeat; padding:6px 0px 6px 30px; font-size:11px; color:#666666;} .bttnPink {float:left; background-image:url("../images/bubble_pink.gif"); background-position:left top; background-repeat:no-repeat; padding:6px 0px 6px 30px;font-size:11px; color:#666666; text-decoration:none;} .bttnGreen {float:left; background-image:url("../images/bubble_green.gif"); background-position:left top; background-repeat:no-repeat; padding:6px 0px 6px 30px; font-size:11px; color:#666666; text-decoration:none;} .bttnShare {float:left; background-image:url("../images/btnShare.gif"); background-position:left top; background-repeat:no-repeat; padding:6px 0px 6px 30px; font-size:11px; color:#666666; text-decoration:none;} #rightCol a.bttnShare { margin-bottom:0px;} #rightCol a.bttnTwitter {float:left; background-image:url("../images/bttnTwitter.gif"); background-position:left top; background-repeat:no-repeat; padding:3px 0px 3px 35px;} #rightCol a.bttnRss {float:left; background-image:url("../images/bttnRss.gif"); background-position:left 4px; background-repeat:no-repeat; padding:3px 0px 3px 35px;} #map_canvas {width:547px; height:208px; float:left; border:solid 1px #cccccc; margin-bottom:10px;} .highlightBlue {color:#00aeef; font-weight:bold;} a.greenLink {color:#b7d432; font-size:15px; font-weight:bold; text-decoration:none;} a.greenLink:hover {text-decoration:underline;} .thumbs {float:left; width:100%; padding-bottom:100px;} .thumbs a {float:left; text-decoration:none; padding:5px;} .thumbs a:hover {background-color:#efefef;} .thumbs a img {border:0px;} #searchBox, #historyBox, #categoriesBox {float:left; clear:both; width:100%; background-image:url("../images/dot.gif"); background-position:left top; background-repeat:repeat-x; padding:10px 0px;} .txtSearch {float:left; width:180px; border:solid 1px #c8c8c8; margin-top:5px; padding-right:20px;} .btnSearch {float:left; margin:6px 0px 0px -20px;} #historyBox ul {float:left; clear:both; width:225px; list-style-type:none; margin:0px; padding:0px 0px 0px 5px;} #historyBox ul li {float:left; clear:both; width:225px;} #historyBox ul li a {float:left; padding:5px 0px 0px 0px; display:block;} #historyBox ul li a.open {background-image:url("../images/arrow_blue_down.gif"); background-position:left 10px; } #historyBox ul li ul {float:left; clear:both; width:205px; padding:0px 5px 0px 15px; list-style-type:none; margin:0px;} #historyBox ul li ul li {float:left; clear:both; width:205px;} #historyBox ul li ul li a.article {float:left; clear:both; padding:3px 5px 3px 10px; background-image:url("../images/dot_blue.gif"); background-position:left 8px; background-repeat:no-repeat;} #historyBox ul li a.arrow{background-image:none;} img.arrow{margin-right:4px;border:0;} #categoriesBox ul {float:left; clear:both; width:225px; list-style-type:none; padding:0px 0px 0px 5px; margin:0px;} #categoriesBox ul li {float:left; clear:both; width:225px;} #categoriesBox ul li a {float:left; clear:both; padding:5px 0px 0px 10px; background-image:url("../images/arrow_blue_right.gif"); background-position:left 6px; background-repeat:no-repeat; display:block;} #leftCol p {margin:0px; padding:0px 0px 15px 0px; font-size:12px; line-height: 150%; } #leftCol .font13 p, #leftCol p.font13 {font-size:13px;} #leftCol a img {border:0px;} #rightColBlue {float:left; width:230px; margin:5px 0px 0px 20px;} #rightColBlue .head {float:left; width:225px; background-color:#11b2f0; color:#ffffff; font-size:13px; font-weight:bold; padding:5px 0px 2px 5px; background-image:url("../images/left_round_blue.gif"); background-repeat:no-repeat; background-position:left top;} #rightColBlue ul {float:left; width:225px; margin:0px; padding:0px 0px 0px 5px; list-style-type:none; border-bottom:solid 2px #11b2f0;} #rightColBlue ul li {float:left; width:225px; clear:both; margin:0px; padding:10px 0px;} #rightColBlue ul li a {float:left; font-weight:bold;text-decoration:none; color:#11b2f0; font-size:11px;} #rightColBlue ul li a:hover {color:#666666;} #rightColBlue ul li a.active {color:#666666;} #rightColGreen {float:left; width:230px; margin:5px 0px 0px 20px;} #rightColGreen .head {float:left; width:225px; background-color:#b7d432; color:#ffffff; font-size:13px; font-weight:bold; background-image:url("../images/left_round_green.gif"); background-position:left top; background-repeat:no-repeat; padding:5px 0px 2px 5px;} #rightColGreen ul {float:left; width:225px; margin:0px; padding:0px 0px 0px 5px; list-style-type:none; border-bottom:solid 2px #b7d432;} #rightColGreen ul li {float:left; width:225px; clear:both; margin:0px; padding:10px 0px;} #rightColGreen ul li a {float:left; text-decoration:none; color:#b7d432; font-size:11px;font-weight:bold;} #rightColGreen ul li a:hover {color:#666666; text-decoration:underline;} #rightColGreen ul li a.active {color:#666666;} .blogItem {float:left; clear:both; width:100%; margin-bottom:10px; background-image:url("../images/dot.gif"); background-position:left bottom; background-repeat:repeat-x;} .blogItem h3 a{text-decoration:none;color:#ea098b !important;} .blogText{line-height:1.5em;font-size:12px;padding-bottom:15px;} .videoContainer {float:left; clear:both; width:100%; margin-bottom:10px;} .date {font-size:10px; float:left; clear:both; padding-top:3px; width:100%; padding-bottom:15px;} .labels {font-size:10px; float:left; clear:both; padding-top:3px; width:100%; font-weight:bold;} .labels a {text-decoration:underline; color:#666666; font-weight:bold;} .labels a:hover {text-decoration:none;} .author {font-size:10px; float:left; clear:both; padding-top:3px; width:100%; font-weight:bold;} .author a {font-weight:bold; text-decoration:none;} .comments {font-size:10px; float:left; clear:both; padding-top:3px; width:100%; font-weight:bold; padding:10px 0px 10px 0px;} .comments span {float:left; padding-right:10px; padding-top:2px;} .modalCloseX {background-image:url("../images/bttnCloseBlue.png"); background-repeat:no-repeat; background-position:left top;} #contact-overlay {background-color:#ffffff; cursor:wait;} #contact-container {width:820px; font-family:Arial; text-align:left;} #contact-container .contact-content {background-color:#ffffff; color:#ddd; height:450px;} /***************************************************** [2] Common classes definition ******************************************************/ .fl {float:left;} .fr {float:right;} .cl{clear:left;} .clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0;height: 0;} .clearfix {display: inline-block; font-size:1px;} html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;} .newRow {float:left; clear:both; width:100%;} .tcGreen {color:#b7d432;} .tcPink {color:#ea098b;} .tcBlue {color:#11b2f0;} .halfWidth {float:left; width:50%; padding:10px 0px;} .topBorderDot {background-image:url("../images/dot.gif"); background-position:left top; background-repeat:repeat-x;} .mT10 {margin-top:10px;} .bold {font-weight:bold;} .mR10 {margin-right:10px;} .mR15 {margin-right:15px; margin-bottom: 10px; } .bgLeftTop {background-position:left top;} .bgLeftBottom {background-position:left bottom;} .bgGreen {background-color:#B7D432; background-image:none !important;} /***************************************************** [3] Highslide ******************************************************/ #hsId1 {padding-top:10px; padding-right:10px;} .close-blue {width:38px; height:39px; display:block; background-image:url("../images/bttnCloseBlue.png"); background-position:left top; background-repeat:no-repeat; cursor:pointer;} /***************************************************** [-] Cross browser compatibility ******************************************************/ *html #homeContainer #rContainer {padding-left:250px;} *html #homeContainer #lContainer .btn {margin-right:15px;} *html #homeContainer #lContainer ul {margin-right:15px;} /* Hide unwanted Add this popup when click */ #at16pcc{display:none !important;} .thumbContainer {float:left; margin:10px 0px 5px 15px;}