/* Theme Name: ΟΜΗΡΟΣ - Ομιλος Εκπαίδευσης και Τεχνολογίας Theme URI: http://www.omiros.gr Description: CSS3 Author: Hyperlinc Web Services Author URI: http://www.hyperlinc.gr Created: 06|2011 */ /* HARD RESET ----------------*/ *{margin: 0;padding: 0;} /* BROWSER FIXES -------------*/ a{outline: none;color:#0A66A9;} a:hover{outline: none;color:#666;} a img{border: none;} /* HTML ELEMENTS ---------------*/ body{ font: normal 80%/120% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666;background: #fbfbfb url(images/bg.jpg) repeat;} /* TOPHEAD ---------------*/ #top{ background: url(images/top_bg.png) repeat-x; } #tophead{width: 984px;height: 32px;margin: 0 auto;} /* TOPNAV ---------------*/ ul#topnav{list-style: none;float: right;margin: 7px 15px 0 0;} ul#topnav>li {display: inline;} ul#topnav>li>a{display: block;float: left;text-decoration: none;text-align: center;font-family: Georgia, Tahoma, Arial,sans-serif;color: #336699;margin: 0 10px;font-size: 14px;} ul#topnav>li>a:hover{text-decoration: none;color: #f36600;} /* SEARCH FORM ---------------*/ form#search{float: right;margin-top: 5px;} input#srch{width: 147px;height: 23px;line-height:23px;background:url(images/search.png) no-repeat;text-indent: 27px; border:none; color:#666; } /* HEADER ---------------*/ #header{width: 984px;height: 92px;margin: 0 auto;} #header>h1#logo>a{display: block;width: 319px;height: 60px;float: left;background: url(images/logo.png) no-repeat;text-indent: -9999px; margin: 17px 0 0 17px;-moz-transition: all 0.5s ease 0s;-web-kit: all 0.5s ease 0s;} #header>div#logo>a{display: block;width: 319px;height: 60px;float: left;background: url(images/logo.png) no-repeat;text-indent: -9999px;margin: 17px 0 0 17px;-moz-transition: all 0.5s ease 0s;-web-kit: all 0.5s ease 0s;} /* DROPDOWN NAV MENU ---------------*/ #nav{width: 984px;margin: 0 auto 10px auto; height:61px;} #nav ul{margin:0; padding:0;list-style:none; } #nav ul li{margin:0; padding:0;list-style:none;margin-left:0px; } #nav ul li{float:left;display:block;} #nav ul li a.firstlevela{color:#fff;font-size:12px;text-decoration:none;margin-left: 13px;padding-right: 19px;display:block;padding-top:20px; height:30px;text-align: center;} #nav ul li a.firstlevela:hover{color:#336699;} #nav ul li ul li{float:none;display:block;background: url(images/dots.gif) repeat-x;} #nav ul li ul li:first-child{background: none;margin-top: 20px;} #nav ul li ul li a{background: none;color:#336699;font-size:12px;text-decoration:none;padding:0 10px;clear:both;font-family:Arial,serif;line-height: 33px; height: 33px; display: block;} #nav ul li ul li a:hover{color:#f36600;} #nav :hover ul li a:hover {color:#f36600; } #nav ul li.tophover {background: url(images/mnu_left.png) no-repeat 0 10px;} #nav ul li.tophover a.firstlevela {color:#336699;background: url(images/mnu_right.png) no-repeat right 10px;} .submenu {position: absolute; width: 280px;background: #ecf3f6 url(images/111.png) repeat;border:solid 1px #ddd;border-top:none;z-index: 1000;display:none;border-bottom: 3px solid #f36600;-moz-box-shadow: 3px 3px 3px #ccc;-webkit-box-shadow: 3px 3px 3px #ccc;box-shadow: 3px 3px 3px #ccc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} /* NIVO SLIDER ---------------*/ #slider-wrapper {background:url(images/slider.png) no-repeat; width:984px;height:392px;margin:10px auto 0;padding-top:50px;} #slider {position:relative;width:770px;height:300px;background:url(images/loading.gif) no-repeat 50% 50%;margin-top:-4px;margin-left:114px;} #slider img {position:absolute;top:0px;left:0px;display:none;} #slider a {border:0;display:block;} .nivo-controlNav {position:absolute;left:250px;bottom:-55px;} .nivo-controlNav a {display:block;width:22px;height:22px;background:url(images/bullets.png) no-repeat; text-indent:-9999px;border:0;margin-right:3px;float:left;} .nivo-controlNav a.active {background-position:0 -22px;} .nivo-directionNav a {display:block;width:30px;height:30px;background:url(images/arrows.png) no-repeat;text-indent:-9999px;border:0;} a.nivo-nextNav {background-position:-30px 0;right:15px;} a.nivo-prevNav {left:10px;} .nivo-caption {text-shadow:none;font-family: "Times New Roman",Helvetica, Arial, sans-serif;font-size: 16px;font-style: italic;text-align: justify;} .nivo-caption a { color:#efe9d1;text-decoration:underline;} .clear {clear:both;} /* WRAPPER ---------------*/ #wrapper{margin: 0 auto;overflow: hidden;width: 984px;} /* MAIN ---------------*/ #main{overflow: hidden;width: 700px;float: left;margin-right: 20px;} #news-tabb{margin: 0 auto;width: 690px;height: 500px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border: 3px solid #b8d8ef;background: #fff;} /* SECTIONS ---------------*/ ul#sections{list-style: none;overflow: hidden; width: 690px;} ul#sections>li{background:url(images/teaser_1.png) no-repeat;display:inline-block;width: 335px;height: 227px;margin-left: 10px;margin-top: 26px;float: left;} ul#sections li div {width:333px;height:192px;} ul#sections li div a {height: 182px;width: 100%;} ul#sections li div a img{line-height: 182px;margin: 20px auto;min-height: 120px;vertical-align: middle;} ul#sections li a{ display:block; text-align: center;text-decoration: none;width: 330px;margin: 5px auto;font-family: Georgia,Arial, sans-serif;color: #333;} ul#sections li a:hover{color: #d61206;} /* TEASERS ---------------*/ #teasers{ margin-top: 20px;} #teasers .teaser{display:block; float: left;margin:10px 5px 5px;} /* GALLERIES ---------------*/ #galleries{float:left;width: 680px;margin: 30px auto;background: url(images/gallbg.png) repeat-x;height: 207px;border:1px solid #ddd;} .gallery{ width:320px;height:200px;float: left;padding-top:5px;padding-bottom: 3px; padding-left: 10px;padding-right: 10px;display: inline-block;} #galleries h2{ height:43px;text-indent:50px;font-size: 25px;color: #d72915; font-family: Tahoma, Georgia,Arial, sans-serif;font-weight: bold; display: block;line-height:43px; margin-top: 5px; } #galleries h2.video{background: url(images/videogallery.png) no-repeat;} #galleries h2.photo{background: url(images/photogallery.png) no-repeat;} .videoitems,.photoitems {background: url(images/gallery_box.png) no-repeat;width:320px;height:145px;margin-top: 5px;} .videoitems ul{ width:106px;padding: 7px;height: 125px;float:left; } .photoitems ul{ width:106px;padding: 7px;height: 125px;float:right; } .videoitems ul li ,.photoitems ul li {list-style: none; } .videoitems ul li a, .photoitems ul li a {-webkit-border-radius: 3px;-moz-border-radius: 3px; display: block; width:106px;margin-bottom: 4px;height: 65px; background: #fff; border:1px solid #ddd; } .videoitems ul li a img, .photoitems ul li a img { padding-top: 3px; padding-left: 4px; } .videoitems ul li a:hover img, .photoitems ul li a:hover img {opacity:0.6;} .videoplayer{float: right;height: 138px;margin-right: 10px;margin-top: 7px;width: 187px; } .photoplayer{float: left;height: 138px;margin-left: 10px;margin-top: 7px;width: 187px; } .videoplayer a,.photoplayer a {-webkit-border-radius: 3px;-moz-border-radius: 3px; display: block; height: 136px;width:187px;margin-bottom: 4px;background: #fff; border:1px solid #ddd; display: block;} .videoplayer a img, .photoplayer a img { padding-top: 4px; padding-left: 4px; } .videoplayer a:hover img, .photoplayer a:hover img {opacity:0.6;} /* SIDEBAR ---------------*/ #sidebar{overflow: hidden;width: 260px;float: left;border-left: 1px dashed #B8D0D5;} /* PRESS,SECRETARY ULs ---------------*/ h2.press,h2.secret{display: block;width:230px;height: 51px;margin: 0 auto;color:#fff;text-align: left;text-indent:20px;line-height: 47px;font-weight: bold;text-shadow: 1px 1px 1px #666;font-family: Georgia,Arial, sans-serif;font-style: italic;} h2.press{background: url(images/press.jpg) no-repeat;} h2.secret{background: url(images/secret.jpg) no-repeat;} ul#press,ul#secret{width: 220px;list-style:none;margin: 13px auto 0 auto;} ul#press a, ul#secret a {display: block;width: 185px;line-height:30px;margin: 5px;text-indent: 10px;text-decoration: none;color: #fff;font-family: Georgia,Arial, sans-serif;font-weight: bold;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;box-shadow: 2px 2px 2px #ddd; } ul#press a {background: #5EACB4;-webkit-transition:all .8s ease;-moz-transition:all .8s ease; transition:all .8s ease;} ul#press a:hover{width: 195px;} ul#secret a {background: #9ACA84;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;} ul#secret a:hover{width: 195px;} /* HORIZONTAL SEPARATOR ---------------*/ .sep{border-top:1px dashed #B8D0D5;border-right: none;border-bottom: none;border-left: none; width: 230px;margin: 30px auto 20px auto;height: 10px;} /* TWITTER ---------------*/ img.homerTwiiter {display: block;margin: 20px auto 10px auto;width: 235px;height: 67px;text-indent: 70px;line-height: 70px;} h2.twitter{display: block;margin: 20px auto 10px auto;width: 235px;height: 58px;background: url(images/twitter_hd.jpg) no-repeat left top; text-indent: 70px;line-height: 70px;} p.twitt_cont{display: block;width: 247px;height: 300px;margin: 0 auto;background: url(images/twitt_cont.jpg) no-repeat;} h3 a.follow{display: block;margin: 0 auto 20px auto;width: 183px;height: 48px;background: url(images/follow.jpg) no-repeat left top; text-indent: 45px;line-height: 18px;text-align: center;color: #1F87CC;text-decoration: none;font-size: 15px;} /* FACEBOOK ---------------*/ /* #facebook{margin: 20px auto;width: 247px;height: 282px;background: url(images/fb.jpg) no-repeat;} */ #facebook, #twitter{margin-left: 10px;margin-bottom: 20px;} #facebook {background: #fff;} /* FOOTER ---------------*/ #footer{clear:both;width: 100%;height:370px;background: url(images/footer_bg.png) repeat;overflow: hidden;border-top: 5px solid #ebebeb;border-bottom: 1px solid #000;} #footer_info{margin: 0 auto;width: 984px;overflow: hidden;} /* FOOTER INFO ---------------*/ .info{width: 200px; overflow: hidden;float: left;} .info h4{color:#ccc;padding:15px 15px 5px 0;font-family: Georgia,Arial, sans-serif;} .info ul {list-style:none;} .info ul li a {color:#fff;text-decoration: none;font-family: "Trebuchet MS", Georgia,Arial, sans-serif;} .info ul li a:hover {color:#3cb0d2;} /* FOOTER NEWSLETTER ---------------*/ #newsletter{border-left: 1px solid #444444;border-radius: 5px 5px 5px 5px;border-right: 1px solid #555555;box-shadow: 1px 1px 4px #222222;float: left;margin-right: 5px;margin-top: 25px;width: 200px;padding-bottom: 20px;} #newsletter>h4{color: #fff;margin-top: 12px;margin-left: 20px;font-family: Georgia,Arial, sans-serif;margin-bottom: 11px;} #newsletter>form{margin-left: 20px;margin-top: 7px;margin-left: 20px;} #newsletter>form input[type='text'], form input#eml {background: #272727;color:#ccc;padding: 8px;border: none;width:142px;} #newsletter>form select {background: #272727;color:#ccc;padding: 15px;border: none;font-size: 10px;text-align: left;} input[type='submit'] {background:#ddd;color: #333;border:none;padding: 5px;text-align: center;float: right;margin-right: 20px;margin-top: 5px;-moz-border-radius:5px;-webkit-border-radius:5px;-border-radius:5px;font-weight: bold;font-family: Georgia,Arial, sans-serif;height:30px;display: block;} /* FOOTER NETWORKING ---------------*/ #networking{border-left: 1px solid #444444;border-radius: 5px 5px 5px 5px;border-right: 1px solid #555555;box-shadow: 1px 1px 4px #222222;float: left;margin-right: 5px;margin-top: 25px;width: 150px;padding-bottom: 20px;margin-bottom: 20px;margin-left: 10px;} #networking>h4{color: #ebebeb;margin-top: 12px;font-family: "Trebuchet MS", Georgia,Arial, sans-serif;margin-bottom: 11px;text-align: center;font-size: 18px;text-shadow: 1px 1px 1px #000;line-height: 20px;} #networking ul {list-style: none;margin-left: 10px;overflow: hidden;} #networking ul li {display: inline;} #networking ul li a {display: block;width: 32px;height: 32px;float: left;margin: 2px;margin-left: 10px;opacity: 0.9;} #networking ul li a:hover {opacity: 1;-webkit-transform:scale(1.10); -moz-transform:scale(1.10); cursor:pointer;} /* FOOTER CREDITS ---------------*/ #credits{width: 100%;height:80px;background: #000 url(images/carbon.gif) repeat;} #credits p{padding: 10px;text-align: center;color: #ddd;font-size: 12px;font-family: Georgia,Arial, sans-serif;} /* SELECTS */ a.NFSelect{height:34px; background:url(images/newletterselect.png) no-repeat 0 0; cursor:pointer; font:11px/13px Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC; padding-left:9px; margin-left:3px;line-height: 34px;width: 145px;display: block;text-decoration: none;} a.NFSelect:hover{background:url(images/newletterselect.png) no-repeat 0 -34px; } /* TABS */ ul.tabs {border-bottom: 1px solid #CACCCD;height: 54px;list-style: none outside none;margin: 0 !important;padding: 0;font-family: Trebuchet MS, Arial,sans-serif;background: #fff;} ul.tabs li {float:left;text-indent:0;padding:0;margin:0 !important;list-style-image:none !important;} ul.tabs a:active {outline:none;} ul.tabs a:hover {color:#336699;} ul.tabs li.current a, ul.tabs li.current a:hover, ul.tabs li.current a {background:url(images/currenttab.gif) no-repeat scroll center 38px transparent;cursor:default !important;color:#666 !important;} ul.tabs li a {display: block;font-size: 16px;height: 54px;line-height: 40px;margin: 0;padding: 0;position: relative;text-align: center;text-decoration: none;top: 10px;padding-right: 20px;padding-left: 20px;color:#c00;font-weight: bold;} ul.tabs li.current a {color:#336699;background:url(images/currenttab.gif) no-repeat scroll center 38px transparent;} .panes .pane{display:none;} /* NEWS SCROLL */ .scrollable,.scrollable2 {position:relative;overflow:hidden;width: 620px;height:470px;margin-top: 30px;} .scrollable .items ,.scrollable2 .items2 {width:20000em;position:absolute;clear:both;} .items div {float:left;width:620px;} .scrollable img ,.scrollable2 img {float:left;margin:20px 5px 20px 21px;background-color:#fff;padding:2px;width:100px;height:75px;} .scrollable .active,.scrollable2 .active {border:2px solid #000;position:relative;cursor:default;} .scrollable,scrollable2 {float:left;} a.browse {background:url(images/hori_large.png) no-repeat;display:block;width:30px;height:30px;float:left;margin-top:200px;margin-left:3px;cursor:pointer;font-size:1px;} a.right{ background-position: 0 -30px; clear:right; margin-right: 0px;} a.right:hover{ background-position:-30px -30px; } a.right:active{ background-position:-60px -30px; } a.left{ margin-left: 3px; } a.left:hover{ background-position:-30px 0; } a.left:active{ background-position:-60px 0; } #leftscroll.disabled,#leftscroll2.disabled {background:url(images/hori_large.png) no-repeat -60px 0;} #rightscroll.disabled,#rightscroll2.disabled {background:url(images/hori_large.png) no-repeat -60px -30px;} /* SCROLL ARTICLES */ .articlefront{margin-top: 10px;margin-bottom: 20px;} div.articleimage{float:left; width:160px; padding-right: 10px;} div.articletext{float:left;width:450px;} div.articletext a.articlemore{color:#336699;} div.articleimage .mainimage {border: 1px solid #CCCCCC;height: 114px;margin: 0 10px 0 0;padding: 4px;width: 144px;float: left;} h2.newstitle{ color: #0A66A9;font-size: 15px;padding-bottom: 10px;font-family: Trebuchet MS, Arial, sans-serif;} /* ADDTO */ ul.addto{list-style: none; overflow: hidden;width: 150px;} ul.addto li {display: inline;} ul.addto li a {text-indent: -9999px; display: block;float: left;margin: 5px;} ul.addto li.facebook a {background: url(images/addfacebook.png) no-repeat; width: 64px;height: 20px;} ul.addto li.tweeter a {background: url(images/addtweet.png) no-repeat;width: 55px;height: 20px;} /* SOCIAL */ ul#social {list-style: none;float: right;width: 175px;height:20px;margin-top: 15px;} ul#social li{ display: inline-block; margin-left: 5px;text-indent: -9999px;} ul#social li.facebook a {width:64px;height:20px;display: block;} ul#social li.tweeter a {width:55px;height:20px;display: block;} ul#social li.print {background: url(images/print.png) no-repeat; width:32px;height: 32px;float:right; margin-top: -6px;} ul#social li.print a {width:32px;height:32px;display: block;} ul#social li.tweeter {background: url(images/addtweet.png) no-repeat; width:55px;height: 20px;} ul#social li.tweeter { float:right;} ul#social li.facebook {background: url(images/addfacebook.png) no-repeat; width:64px;height: 20px;float:right; } /* OVERLAY */ #overlay {background-image:url(images/transparent.png);color:#999;height:450px;} div.contentWrap {height:441px;overflow-y:auto;} .apple_overlay {display:none;background-image:url(images/white.png);width:640px; padding:35px;font-size:11px;} .apple_overlay .close {text-decoration: none; color:#333;} .apple_overlay .close:hover {text-decoration: underline; color:#336699;} .apple_overlay a.closebutton {background-image:url(images/close.png);position:absolute; right:5px; top:5px;cursor:pointer;height:35px;width:35px;} .tomeas{color:#336699;font-size:12px;text-decoration:none;padding-bottom:5px;clear:both;font-family:Arial,serif;font-weight: bold;display: block;} .eidikotites{width:206px; display:inline-block;vertical-align:top;float:left;min-height: 110px;} .eidikotites ul {list-style: none outside none;padding: 5px;} /* CONTENT SIDEBAR ---------------*/ #BBar{overflow: hidden;width:100%;border-bottom: 1px dashed #B8D0D5; height: 47px;clear: both;margin-top: -21px;} #BBarContent{width:960px; margin:0 auto; overflow: hidden;} ul#breadcrumbs{display: block;width: 960px;margin: 0 auto;} ul#breadcrumbs li {display: inline;} ul#breadcrumbs li a, ul#breadcrumbs li.nolink,ul#breadcrumbs li.separator {display: block;float: left;text-align: center;text-decoration: none;line-height: 40px;font-family:Georgia, Arial,serif;margin: 5px;font-style: italic;} ul#breadcrumbs li.separator { background: url(images/sep.png) no-repeat; width: 10px; height: 19px; margin-top:16px;} #CSidebar{overflow: hidden;width: 260px;float: left;border-right: 1px dashed #B8D0D5;} h2.EidiTitle{margin-right: 10px;font-family: Georgia, Arial,serif;color: #c34648;margin-top: 18px; line-height:22px; font-size: 20px;text-align: center;} ul#LMenu {display: block;overflow: hidden;width: 240px;margin-top: 16px;list-style: none;border-bottom: 4px solid #c34648;-moz-box-shadow: 2px 2px 2px #ccc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-bottom: 16px;background: #ecf3f6 url(images/111.png) repeat;} ul#LMenu li:last-child {margin-bottom: 10px;} ul#LMenu li a {display: block;text-decoration: none;background: #ededed;line-height: 30px;border-bottom: 1px solid #ebebeb;padding-left: 10px;font-family: "Trebuchet MS", Georgia,Tahoma, Arial,serif;background: #ecf3f6;color: #0279a7;font-size: 13px;} ul#LMenu li a:hover {color:#fff;background: #4f98d3;} ul.level2 {text-indent: 10px;display: none;} ul#LMenu li ul.level2 li a { background: none #fff;} ul#LMenu li ul.level2 li a:hover { color: #999;} #CMain{overflow: hidden;width: 700px;float: left;margin: 20px 0 20px 20px;} h1.TomeasTitle{width: 690px;float: left;margin-left: 20px;font-family: Georgia, "Trebuchet MS", Arial,serif;color: #0379a8;padding: 2px;font-style: italic; font-size:19px;} h2.TomeasTitle{width: 690px;float: left;margin-left: 20px;font-family: Georgia, "Trebuchet MS", Arial,serif;color: #0379a8;padding: 2px;font-style: italic;} h3.TomeasTitle{font-family: Georgia, "Trebuchet MS", Arial,serif;color: #0379a8;padding: 2px;font-size: 14px;} #CTabb{margin: 40px auto 0 auto;width: 690px;background: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border: 4px solid #edf4f7;} .content{padding: 15px 15px 60px;overflow: hidden;} ul#topics{list-style: none;margin: 10px auto;width: 645px;display: block;overflow: hidden;padding-bottom: 10px;} ul#topics li {display: inline;} ul#topics li a {display: block;float: left;width: 146px;text-decoration: none;text-align: center;color: #fff;margin-right: 4px;margin-left: 7px; height: 31px;line-height: 31px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border: 1px solid #ddd;font-family: Georgia,Arial,sans-serif;font-weight: bold; -webkit-box-shadow: #ddd 2px 2px 2px;-moz-box-shadow: #ddd 2px 2px 2px;box-shadow: #ddd 2px 2px 2px;} ul#topics li a.proff {background: url(images/profbg.jpg) repeat-x;} ul#topics li a.career {background: url(images/carbg.jpg) repeat-x;} ul#topics li a.lessons {background: url(images/lessbg.jpg) repeat-x;} ul#topics li a.seminars {background: url(images/sembg.jpg) repeat-x;} ul#topics li a.current { background: #ebebeb; color:#333; font-weight: bold;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;border: 1px solid #ddd; background-image: -moz-radial-gradient(center 45deg, circle closest-corner, #ebebeb 10%, #ddd 70%); background-image: -webkit-gradient(radial, center center, 10, center center, 90, from(#ebebeb), to(#ddd)); } .cntimg{ background-color: #FFFFFF;border: 1px solid #CCCCCC;border-radius: 4px 4px 4px 4px;margin: 5px 15px 5px 5px;padding: 2px;float: left;} .caps{text-transform:capitalize;} #otherinfo{width: 680px;margin:20px auto 5px;background: url(images/gallbg.png) repeat-x;height: 207px;} .infobox{text-align:center;display: block;float: left;height: 191px;margin-left: 8px;margin-right: 8px;margin-top: 8px;width: 206px;} .infosep{ background: #E0E0E0;display: block;float: left;height: 122px;margin-left: 3px;margin-right: 3px;margin-top: 47px;width: 1px;} .infobox2{background: #fff;border: 1px dashed #ddd;display: block;height: 191px;margin-left: 1px;padding: 6px;text-align: center;width: 224px;} #otherinfo h3, .infobox2 h3{font-size: 20px; padding-bottom:9px;text-align: center;color:#C34648;font-family: Georgia,Arial,sans-serif;padding-top: 5px;border-bottom: 2px solid #cda;margin-bottom: 15px;font-style: italic;} #otherinfo ul {list-style: none outside none;} #otherinfo ul li {padding: 7px;border-bottom: 1px dotted #CCC;text-align: left;} #otherinfo ul li a.drast {color:#557482;line-height: 12px;font-size: 12px;} #otherinfo ul li a.drast:hover {color:#ccc;} #otherinfo img.gal { background:transparent;margin: 10px;-moz-box-shadow: 4px 4px 4px #CCC;-webkit-box-shadow: 4px 4px 4px #CCC;box-shadow: 4px 4px 4px #CCC; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CCCCCC')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CCCCCC'); } #otherinfo a img.gal:hover {opacity: 0.7;} #otherinfo a.gallerymore {font-size:14px;display: block; color: #4F98D3;text-align: center; padding-top: 10px;text-decoration:none;} #otherinfo a.gallerymore:hover{color:#ccc;} #otherinfo .online img,.infobox2 .online img {float:left; padding-right: 10px;} #otherinfo .online, .infobox2 .online{ padding-top: 3px;text-align: left; height: 91px;} #otherinfo a.onlinereg, .infobox2 a.onlinereg { text-align: center;font-size:14px;display: block; color: #4F98D3;text-decoration:none;} #tabcontent{padding:15px;display: inline-block;} .panes .pane {display:none;} #tabcontent .panes ul {padding-left: 30px;} #leftbanners{ margin: 0 auto; width:260px;text-align: center; margin-bottom: 20px;} .tooltip {display:none; background:transparent url(images/black_arrow.png);font-size:12px;height:70px;width:160px; padding:25px;color:#fff; z-index: 15;} .tooltip.bottom {background:url(images/black_arrow_bottom.png);padding-top:40px;height:55px;} .tooltip.bottom {background:url(images/black_arrow_bottom.png);} img.left, img.right{background-color: #FFFFFF;border: 1px solid #CCCCCC;border-radius: 4px 4px 4px 4px;margin: 5px 15px 5px 5px;padding: 2px;} img.left{ float:left;} img.right{ float:right;} ul#sitemaplist, ul#sitemaplist li ul, ul#sitemaplist li ul li ul{text-indent: 20px;padding-left: 20px;} ul#sitemaplist li{line-height: 22px;font-size: 14px;display: block;font-family: Georgia,Arial;} ul#FMenu {display: block;overflow: hidden;width: 665px;margin-top: 16px;list-style: none;} ul#FMenu ul { list-style: none; } ul#FMenu li:last-child {margin-bottom: 10px;} ul#FMenu li a {display: block;text-decoration: none;background: #ededed;line-height: 30px;border-bottom: 1px solid #ebebeb;padding-left: 10px;font-family:Tahoma, Arial,serif;color: #0279a7;font-size: 12px;} ul#FMenu li a:hover {color:#666;} ul#FMenu li ul.level2 {text-indent: 0px;display: none;margin-top:10px;} ul#FMenu li ul.level2 li {line-height: 19px;padding-left:20px;color: #666;font-size: 13px;} ul#FMenu li ul.level2 li a { background: none #fff;} ul#FMenu li.showsub2 {border-bottom: 1px dashed #999999;color: #0379A8;font-size: 14px;cursor: pointer;padding: 10px} ul#pagintionList {display: block;overflow: hidden;width: 650px;margin-top: 16px;list-style: none;} ul#pagintionList li {display: inline-block;padding-bottom: 20px;} ul.pagination{list-style: none;text-align: center;margin: 7px 15px 0 0;} ul.pagination>li {border-radius: 2px;cursor:pointer;background:#fbfbfb;color:#666;display: inline-block; padding-left: 6px;padding-right: 6px; border:1px solid #A8A8A8;margin: 2px;line-height: 20px} ul.pagination>li:hover, ul.pagination>li.paginationOn:hover {background: #EEF5FB;color:#666;border:1px solid #aacdea;} ul.pagination>li.paginationOn{ border:none; color:#FF0084; background:none;width:22px;height: 22px;} ul.pagination>li.paginationOn:hover{ border:none; color:#666; background:none;width:22px;height: 22px;} label.lb {width:170px;} label.lb2 {width:250px;} #captcha {border-radius: 5px; border:1px solid #ddd; padding:5px;} #refresh{ cursor:pointer; margin-left: 10px; margin-bottom: 18px;} #frmres {background: #E0F2CB;border: 1px solid #CCEBAC;border-radius: 6px 6px 6px 6px;color: #6DA827; font-family: tahoma;font-size: 14px;padding: 10px;line-height: 24px;display: block;} #frmres.red {background: #FBD3B1;border: 1px solid #F5C69A;border-radius: 6px 6px 6px 6px;color: #CE2700;display: block;font-family: tahoma;font-size: 14px;line-height: 24px;padding: 10px;} #footerLinks { width: 600px; height:365px; float:left;} #footerLinks .tomeas { color: #CCCCCC;font-family: Georgia,Arial,sans-serif;padding: 15px 15px 5px 0;font-size: 14px;} #footerLinks .tomeas a { color: #CCCCCC;font-family: Georgia,Arial,sans-serif;padding: 15px 15px 5px 0; text-decoration: none;} #footerLinks .tomeas a:hover { color: #3cb0d2;} #footerLinks .column { display: block; width:200px;float:left;} #footerLinks .column ul { list-style: none;} #footerLinks .column ul li a{ color: #FFFFFF; font-family: "Trebuchet MS",Georgia,Arial,sans-serif; text-decoration: none;} #footerLinks .column ul li a:hover {color: #9aca84;} /* ICONS */ .el-finder-cwd div {width: 81px;display: -moz-inline-stack;display: inline-block;vertical-align: top;zoom: 1;display: inline;margin:0 3px 3px 0;padding:1px 0;text-align:center;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;color:#000;background-color:transparent;} ul#DMenu {display: block;overflow: hidden;width: 650px;margin-top: 16px;list-style: none;} .download {float: left;width:650px;padding-bottom: 10px;padding-top: 10px;} .Zicon {width:48px;height:48px;margin-right: 10px;float: left;padding:0;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;background: url('images/icons-big.png') -1px 1px no-repeat;} a.downloadlink {float:right;padding: 10px;border-radius: 4px;-moz-border-radius:4px; -webkit-border-radius:4px; margin: 10px;text-align: center;background: #ebebeb;text-decoration: none;box-shadow: 3px 3px 3px #DDDDDD; font-family: Georgia,Arial;} a.downloadlink:hover {color:#666;} .downloadDesc {padding-bottom: 5px;padding-top: 5px;} .downloadTitle {border-bottom: 1px solid #778899;color: #0088CC;font-size: 14px;margin-left: 59px;padding-bottom: 5px;text-align: left;width: 400px;} .directory { background-position: 0 -45px; } .application, .exe, .bat { background-position: -1px -134px; } .audio { background-position: -1px -1082px; } .image { background-position: -1px -1132px; } .text, .x-empty { background-position: -1px -524px; } .video { background-position: -1px -1032px; } /* images */ .gif { background-position: 0 -1183px; } .jpeg, .jpg { background-position: 0 -1234px; } .vnd-adobe-photoshop, .postscript { background-position: 0 -1132px; } /* video */ .ogg, .wmv, .avi, .mp4 { background-position: -1px -1032px; } /* audio */ .ogm, .mp3, .aiff, .aif { background-position: -1px -1082px; } /* texts */ .rtf , .rtfd { background-position: 0 -573px; } .javascript, .x-javascript , .js { background-position: 0 -184px; } .x-c , .css, .x-sql, .sql, .x-python, .x-java-source { background-position: 0 -624px; } .html { background-position: 0 -777px; } .x-java { background-position: 0 -827px; } .x-php { background-position: 0 -726px; } .x-perl { background-position: 0 -675px; } .x-ruby { background-position: 0 -877px; } .x-shellscript { background-position: 0 -930px; } /* applications */ .vnd-ms-office, .msword , .vnd-ms-word, .vnd-oasis-opendocument-text , .doc, .docx{ background-position: -1px -232px; } .ms-excel,.vnd-ms-excel,.vnd-oasis-opendocument-spreadsheet , .xls, .xlsx{ background-position: -1px -330px; } .vnd-ms-powerpoint,.vnd-oasis-opendocument-presentation, .ppt { background-position: -1px -380px; } .pdf { background-position: -1px -282px; } .xml { background-position: 0 -980px; } .x-shockwave-flash , .swf, .fla { background-position: 0 -1032px; } .x-sh { background-position: 0 -930px; } /* archives */ .x-bzip, .x-bzip2,.zip,.x-rar,.x-rar-compressed, .x-tar, .x-7z-compressed , .rar { background-position: -1px -430px; } .x-gzip { background-position: -1px -477px; } /*pagination*/ .jPaginate{height:34px;position:relative;color:#a5a5a5;font-size:12px;width:100%;margin-top:20px;margin-left: 26%;} .jPaginate a{line-height:15px;height:18px;cursor:pointer;padding:2px 5px;margin-top:2px;margin-left: 1px;margin-right: 1px;float:left;font-size: 12px;} .jPag-control-back{position:absolute;left:0px;} .jPag-control-front{position:absolute;top:0px;} .jPaginate span{cursor:pointer;} ul.jPag-pages{float:left;list-style-type:none;margin:0px 0px 0px 0px;padding:0px;} ul.jPag-pages li{display:inline;float:left;padding:0px;margin:0px;} ul.jPag-pages li a{float:left;padding:2px 5px;} span.jPag-current{cursor:default;font-weight:normal;line-height:15px;height:18px;padding:2px 5px;margin-top:2px; float:left;} ul.jPag-pages li span.jPag-previous, ul.jPag-pages li span.jPag-next, span.jPag-sprevious, span.jPag-snext, ul.jPag-pages li span.jPag-previous-img, ul.jPag-pages li span.jPag-next-img, span.jPag-sprevious-img, span.jPag-snext-img{height:22px;margin:2px;float:left;line-height:18px;} ul.jPag-pages li span.jPag-previous, ul.jPag-pages li span.jPag-previous-img{margin:2px 0px 2px 2px;font-size:12px;font-weight:bold;width:10px;} ul.jPag-pages li span.jPag-next, ul.jPag-pages li span.jPag-next-img{margin:2px 2px 2px 0px;font-size:12px;font-weight:bold;width:10px;} span.jPag-sprevious, span.jPag-sprevious-img{margin:2px 0px 2px 2px;font-size:18px; width:15px;text-align:right;} span.jPag-snext, span.jPag-snext-img{margin:2px 2px 2px 0px;font-size:18px;width:15px;text-align:right;} a.drasteid{background: #C34648;border-radius: 5px;color: #FFFFFF;display: block;font-size: 13px;line-height: 21px;margin: 12px 0 0 25px;text-align: center;text-decoration: none;width: 120px;padding: 4px;position: absolute;font-family: Georgia;font-style: italic;} a.drasteid:hover{opacity: 0.8} ul#LMenu ul.level2 a{font-size: 11px;} a#goback {border: 1px solid #DDDDDD; display: block; line-height: 30px; margin-left: 10px; text-align: center; text-decoration: none; width: 257px;} .formttl{clear: both; font-size: 19px; padding: 10px; text-align: center; color: #0379A8; } .perr {display:none;color: #ff0000; font-size: 12px;font-weight: normal;}