3/*--------------------------------------------------------------- # Package - Joomla Template based on Helix Framework # --------------------------------------------------------------- # Author - JoomShaper http://www.joomshaper.com # Copyright (C) 2010 - 2012 JoomShaper.com. All Rights Reserved. # license - PHP files are licensed under GNU/GPL V2 # license - CSS - JS - IMAGE files are Copyrighted material # Websites: http://www.joomshaper.com -----------------------------------------------------------------*/ ::selection {background:#97defb;color:#fff} a{color: #ED1890} a:hover,a:active,a:focus{color: #69C9CA } p a {color: #E80B7D !important} p a:hover, p a:active, p a:focus {color: #bbb !important } /*.sp-article strong, .item-page strong {color: #3358C7 !important}*/ /*.item-page ul li { line-height: 170%; background:url(../../images/typo/bullet.gif) no-repeat 0 8px !important; margin-left: 20px;padding:0 0 0 12px}*/ body{color:#555;font-family: Verdana,Arial,Helvetica,sans-serif; font-size:12px !important ; line-height:140%} body.bg {background: #EBECED /*url(../../images/styles/style3/bg.jpg) no-repeat 50% 0;*/; } /*div.main-bg.clearfix { background: url(../../images/styles/style3/headbgpic.png) repeat-x 0 0 !important }*/ #top-bar {background: none; padding: 10px 0px 0; float:right} /*Top Menu*/ #top-menu {float:right; margin-top: 7px} #top-menu ul {list-style-type:none; padding:0; margin:0} #top-menu li {float:left;background:none;padding:0;margin:0px 0 0 0} #top-menu a {font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration:none; color:#fff; margin:0;padding:0 8px} #top-menu a:hover{color:#35C0CD;text-decoration:none} .login-greeting {padding: 6px 0 } div.logout-button {padding: 0 0 6px } /*Logo*/ a#logo {background: url(../../images/styles/style3/logo.png) no-repeat 0 50%; /*float:left;*/; position: relative; z-index: 100 !important; margin: 0px 0 0 0px} /*Header Area*/ #header {position:relative; background: #015A62 url(../../images/styles/style3/headbgpic.png) repeat-x 0 0; /*padding-bottom: 8px; border-bottom: 8px solid #C5DEDD*/ } #header .sp-wrap { background: transparent url(../../images/styles/style3/hpic.png) no-repeat 0 0; } /*Slidefull*/ #slidefull { background: #EBECED url(../../images/styles/style3/headbgpic.png) repeat-x 0 0; margin: 0px 0px ; padding: 0px 0px; } #sp-slides { /*height: 244px;*/ position: relative; z-index: 1 !important; margin: 0px 0px 10px 0px; } /*#sp-banner { font-size: 12px; color: #fff; float:right !important; margin: 10px 5px 0 0 ; background: none /*#1F9EA9*//*; width: 800px !important; height: 100px }*/ /*#logo-text {float:left;margin:0 5px !important} #logo-text h1{font-size:200%;font-weight:bold;text-transform:uppercase;border:0 !important;margin:10px 0 0 !important; padding:0 !important} #logo-text h1 a{} #logo-text p.site-slogan{margin:0;padding:0;color:#999}*/ /*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Headings */ h2,h4,h5,h6{line-height:100%; margin-bottom: 5px} h1 { font-size: 220%; line-height:100%;} h2 { font-size: 226%; } h3 { font-size: 136%; } h4 { font-size: 110%; } h5 { font-size: 100%; } h6 { font-size: 90%; } h1{font-family: Verdana, Georgia, Arial, serif; font-weight:500; margin: 0 !important; padding: 6px 10px !important; border-bottom: 0 !important; color: #ED1890 !important;} h2{font-family: Verdana, Georgia, Arial, serif; font-weight:600; margin: 15px 0px 20px !important; color: #000 !important; } h3{font-family: Verdana, Georgia, Arial, serif; font-weight:600; /*margin: 0px 0px !important;*/ color: #000 ; } h4{font-family: Arial, Georgia, serif; font-weight:600; margin: 10px 0px !important; color: #000 !important; } h5{font-family: Verdana, Georgia, Arial, serif; font-weight:600; !important; margin:0!important;padding:8px 8px!important; border:1px solid #aaa;border-radius:8px 8px 8px 8px} h1 {font-family: 'Monda';} p,ul,ol,h2,h3,h4,h5,h6{margin:0.7em 0;padding:0} /*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*Unite revolution slider*/ .tp-leftarrow.tparrows.default { z-index: 100; cursor: pointer; position: relative; background: url("../../images/styles/style3/large_left2.png") no-repeat scroll left top transparent !important; margin-left: -70px } .tp-rightarrow.tparrows.default {z-index: 100; cursor: pointer; position: relative; background: url("../../images/styles/style3/large_right2.png") no-repeat scroll left top transparent !important; margin-right: -70px} .tp-bannershadow.tp-shadow2 { background: url("../../images/styles/style3/shadow3.png") no-repeat scroll 0% 0% / 100% auto transparent !important; width: 890px; height: 30px !important; bottom: -30px !important;} .tp-caption.big_black {color: #339999 !important ; font-weight: 500; font-size: 36px; line-height: 36px; padding: 0px 4px; letter-spacing: -1.5px; } /*hot full carousel .hero-carousel div.carousel-article { width: 1010px !important; margin: 0px auto !important; height: 246px !important; display: block; float: left; position: relative;} div.shade_left, div.shade_right {z-index: 4; height: 246px; !important; background: rgba(16,16,18, 0.7); margin: 0 -6px } .hero h2, .hero h2 a { font-weight: 300 !important; font-size:54px !important; color:#FFF !important; line-height: 44px !important; text-shadow:1px 1px 1px #000; padding:0; margin:0; text-decoration: none !important;} .hero-carousel div.carousel-article .contents { color: #ccc !important; font-size: 14px !important; top: 130px !important; left: 30px; position: relative; z-index: 2; list-style: none; text-shadow:1px 1px 1px #000; width: 720px !important; padding: 0;} .hero-carousel div.carousel-article .contents a {color: #FFF !important; text-decoration: underline;} .hero-carousel div.carousel-article .contents a:hover {color: #FF8000 !important;}*/ /*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*article special*/ .boxgrey { background: #F3F3F3; line-height:140%; padding:8px 8px; border:1px solid #ddd; color: #444 } .boxgrey strong { color: #444 !important } .boxgrey li { line-height: 180% !important; background: url(../../images/typo/bullet.gif) no-repeat scroll 0px 8px transparent; margin-left: 10px;padding: 0px 0px 0px 12px;} .boxmagenta { background: #F6F5F6; line-height:140%; padding:8px 8px; border:1px solid #ddd; color: #AE1C87 } .boxmagenta strong { color: #AE1C87 !important } /*_menu suffix*/ .module_menu .mod-wrapper li{background:#E7EEF0; margin:0 0 3px 0;padding:6px 10px;border:1px solid #e5e5e5} .module_menu .mod-wrapper li a{padding:7px 0; font-weight: 600; color: #357176} .module_menu .mod-wrapper li:hover a,.module_menu .mod-wrapper li.active a{text-decoration:none; color: #668014} .mod-wrapper li li,.module_menu .mod-wrapper li li{margin-left:0px;border-bottom:0!important} .module_menu .mod-wrapper li li,.module_menu .mod-wrapper li li{background:none!important;border:0!important} .module_menu .mod-wrapper li li:hover,.module_menu .mod-wrapper li li.active{background:none!important;border:0 !important} .module_menu .mod-wrapper li:hover,.module_menu .mod-wrapper li.active {background:#F0F8F4} /*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*Menu*/ #hornav ul.level-0, #sublevel ul.level-1{ float: left !important ; margin: 0 0 8px 0px !important;} #hornav { background: transparent /*url(../../images/styles/style3/hornav-m.png) repeat-x 0 0 */; float: left !important; width: 1000px !important; margin: 0px 0px 0 2px !important;} #sublevel {margin-top:0px; background:#333} #hornav ul.level-0 > li.menu-item {background: #FEFEFE url(../../images/styles/style3/hornav-m.png) repeat-x 0 0 !important ; border-right: 0px solid #028E9B; margin-left: 3px !important; margin-right: 3px !important } #hornav ul.level-0 > li.menu-item.last{border-right:0; margin-right: 0px !important} #hornav ul.level-0 > li.menu-item > a.menu-item, #sublevel ul.level-1 > li.menu-item > a.menu-item{ display:block;font-size:15px;font-weight:500;line-height:100%;text-decoration:none;margin:0;padding:14px 25px; color:#000; /*text-shadow:1px 1px #000;*/} #hornav ul.level-0 > li.menu-item span.menu-desc, #sublevel ul.level-1 > li.menu-item span.menu-desc{display:block;font-weight:400;font-size:82%;color:#999} #hornav ul.level-0 > li.menu-item.parent:hover > a, #sublevel ul.level-1 > li.menu-item.parent:hover > a{background-color:#2B802B;color:#fff;margin:0px 0px 0 0px; /*text-shadow:1px 1px #000;*/} #hornav ul.level-0 > li.menu-item:hover > a.menu-item{background-color:#67C8CA; color:#000; } #hornav ul.level-0 > li.menu-item.active span.menu-desc {color:#fff; } #hornav ul.level-0 > li.menu-item:hover span.menu-desc {color:#444; } #sublevel ul.level-1 > li.menu-item.active span.menu-desc {color:#fff; } #sublevel ul.level-1 > li.menu-item:hover span.menu-desc {color:#444; } #hornav ul.level-0 > li.menu-item.active > a.menu-item, /*#hornav ul.level-0 > li.menu-item:hover > a.menu-item,*/ #sublevel ul.level-1 > li.menu-item.active > a.menu-item,#sublevel ul.level-1 > li.menu-item:hover > a.menu-item{ background:/*#C06000*/ url(../../images/styles/style3/menubbg.png) repeat-x 0 0; /*text-shadow:1px 1px #2B5E59*/; color:#fff;/*margin:5px 5px 0px 5px; padding:5px 10px 5px 10px; border-radius:5px 5px 5px 5px*/} /*submenu box--------------------------------------*/ #hornav ul.level-0 > li .submenu-inner,#sublevel ul.level-1 > li .submenu-inner {background-color: #008F9C; padding: 6px; border-left: 1px solid #5FA19E; border-right: 1px solid #5FA19E; border-bottom: 1px solid #5FA19E; border-radius: 0 6px 6px 6px; box-shadow: none !important} #hornav li.menu-item li:hover,#hornav li.menu-item li.active, #sublevel li.menu-item li:hover,#sublevel li.menu-item li.active{background:#4CA6AE !important; border-radius: 4px 4px 4px 4px;} /*------------submenu item select-------------*/ /*Submenu*/ #hornav li.menu-item li.menu-item, #sublevel li.menu-item li.menu-item {background:none;display:block;margin:0;padding:0;float:none; } #hornav li.menu-item li.menu-item a.menu-item, #sublevel li.menu-item li.menu-item a.menu-item{display:block;font-size:120%;font-weight:normal;line-height:normal;text-decoration:none; margin: 0px; padding: 4px 10px; color:#fff; border-top:1px solid #82BABF; /*border-bottom:1px solid #222;*/ } #hornav li.menu-item li.menu-item a.menu-item:hover, #sublevel li.menu-item li.menu-item a.menu-item:hover {color: #fff } /*submenu inner-------------------------------------*/ #hornav ul li .submenu-inner,#sublevel ul li .submenu-inner {background:#fff;color:#fff; border: 0px solid #666; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*Joomla*/ /*buttons*/ a.readmore,a.sp-slide-morein, span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button, .vm-button-correct,.vm-button-correct:link,.vm-button-correct:visited, .adminform button,#adminForm button,.button,button[type=submit],input[type=submit],input[type=button], a.product-details,a.details,div.details,a.ask-a-question, span.details-button input.details-button { background:#FBFBFB ; border:1px solid #C5C5C5; color:#3B3B3B; font-size:11px; text-shadow:1px 1px #fff; margin: 0px 0 0px; -moz-box-shadow:inset 0px -44px 46px #E7E7E7; -webkit-box-shadow:inset 0px -44px 46px #E7E7E7; box-shadow:inset 0px -10px 10px #E7E7E7; } a.readmore:hover,a.sp-slide-morein:hover, span.addtocart-button input.addtocart-button:hover, span.addtocart-button input.notify-button:hover, .vm-button-correct:hover , .adminform button:hover,#adminForm button:hover,.button:hover,button[type=submit]:hover,input[type=submit]:hover,input[type=button]:hover, a.product-details:hover,a.details:hover,div.details:hover, a.ask-a-question:hover, span.details-button input.details-button:hover, div.pagination ul li a:hover,div.pagination ul li.pagination-active a {background:#E6E6E6 ; border:1px solid #C5C5C5; color:#3B3B3B; text-shadow:1px 1px #fff;} /* Pagination */ div.pagination{clear:both;min-height:1px;padding:10px 0;margin-top:0; font-weight: 500} div.pagination ul{text-align:left} div.pagination ul li{cursor:pointer;display:inline;overflow:hidden;margin:0 5px 0 0;padding:0 !important; font-size: 90%} div.pagination ul li a, div.pagination p.counter {background: #fff; border:1px solid #D3DEDE; color:#777;font-weight:normal;} div.pagination ul li a:hover {background: #eee; border:1px solid #D3DEDE !important; color:#555; text-shadow: none} div.pagination ul li.pagination-active a {text-decoration:none; background: #ED1890; color:#fff; border:1px solid #D3DEDE; text-shadow: none} div.pagination p.counter{float:right;margin:5px 0 0 0; padding:4px 6px!important; font-size: 92% } /* Article Info */ /*.article-tools{color:#7CB0A3; background: #DEE8EA; clear:both;display:block;position:relative; margin-left:-1px; margin-bottom: 8px; font-size: 11px !important; border-top: 1px solid #222; border-bottom: 1px solid #949CA2}*/ .article-tools {border-top: 0px solid rgb(229, 229, 229); color: #67C8CA; margin: 0px -10px -10px; padding: 5px 10px ; font-size: 11px !important; clear: both; display: block; position: relative; overflow: hidden; } dl.article-info{float:left;width:70%;padding:3px 3px} dd.create,dd.createdby,dd.createdate,dd.createdby,dd.section,dd.category{margin-right:8px;text-transform:capitalize;padding:2px 0 0 0 !important} dd.modifydate{color:#999;} ul.buttonheading{float:right;margin:0;padding: 0px 0 0} ul.buttonheading li{background:none;display:inline;line-height:1;margin:0;padding: 0} ul.buttonheading li img{border:0 none;margin:0 5px 0 0} dl.article-info dd,dl.article-info dt{display:inline;padding:0 5px 0 0} div.items-more { background: none ; border: 0px solid rgb(202, 202, 202); padding: 10px; margin: 0px; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Layout */ /*#inner_content .sp-content-inner, .mod-wrapper { position: relative; z-index: 0; background: #fff }*/ /*#inner_content .sp-content-inner .item_innerDiv{ margin: 0px 5px !important; padding: 0px 0px !important; background: none; }*/ .item-page, .archive, .categories-list, .category-list { background: #FFF; border:1px solid #D2D8D2 !important; } /*.item-page, .archive, .categories-list, .category-list h3,*/ #inner_content h3.header { color: #fff; } .sp-article img {width: 100%; max-width:300px; margin-top: 2px} .sp-article {position:relative; margin-bottom:10px; padding: 0px 11px 10px 11px; min-height: 380px} .sp-article h2 { background: #ED1890; font-size: 136%; margin: auto -11px !important; padding: 10px 10px 10px 10px !important; /*line-height: 100%; height: 32px;*/ } .sp-article h2 a {color: #fff; } /*Module Styles*/ .mod-wrapper {background: #fff ; border-radius: 0px; border: 1px solid #D2D8D2; font-family: Arial,Helvetica, sans-serif;} /********boxs background********/ .mod-wrapper ul li {margin-left: 0px !important; } .mod-wrapper li a { color:#3C8A91;} .mod-wrapper li a:hover {color: #56C2CF;} .mod-wrapper h3.header span {/*color:#fff;*/ font-weight: 500 } .mod-wrapper h3.header {background: #67C8CA; color:#fff; padding: 10px 10px} .mod-wrapper h4 { font-weight: 600; font-family: Arial,Helvetica, sans-serif; } .module_none .mod-wrapper h3.header {color: #028E9B } .module_text .mod-wrapper h3.header {color: #028E9B } /*.mod-wrapper ul{list-style:none;margin:0;padding:0; } .mod-wrapper li{background: none url(../../images/styles/style3/arrow.gif) no-repeat 0 10px;border-top:0px solid #f5f5f5; border-bottom:1px dashed #aaa; margin:0; padding:5px 10px; display:block; } .mod-wrapper li:first-child {border-top:0} .mod-wrapper li:last-child {border-bottom:0} .mod-wrapper li a{font-size:12px;color:#666;display:block;text-decoration:none;margin:0}*/ .mod-wrapper-flat h3.header{ /*font-size:12px;font-weight:500;*/ text-transform:uppercase;margin:0px 0 15px} .mod-wrapper-flat ul{list-style:none;margin:0;padding:0} .mod-wrapper-flat li{background:none;list-style:disc inside none;border:0;color:#888;line-height:125%;padding:3px 5px} .mod-wrapper-flat li a,.mod-wrapper-flat a{color:#888;text-shadow:0 0px #000} /* Table .filter{margin:10px 0} .display-limit,.filter{margin-right:7px;text-align:right} span.number{color:#969696;font-style:italic} table.contenttoc{float:right;margin:5px 10px;padding:5px} table.contenttoc td{padding:0 5px} #adminForm table thead tr,#adminForm table thead tr th{background:#008F9C;color:#fff;text-align:left;border-bottom:1px solid #b4b4b4;font-weight:700;padding:5px 10px} #adminForm table thead tr th a{color:#FFF} .cat-list-row0 td,.cat-list-row1 td{border-bottom:0px dotted #DADADA;border-left:1px dotted #DADADA;padding:6px 10px} .cat-list-row1 td{background:#E7F0F1} .cat-list-row0:hover,.cat-list-row1:hover{background:#F1FAFB } .cat-list-row0 td:first-child,.cat-list-row1 td:first-child{border-left:medium none} table.category th a img{padding:2px 10px} .filter-search{float:left} .filter-search .inputbox{width:6em} .contentdescription {margin-bottom:10px}*/ /*table*/ Table.tabcol { background-color:#FFFFFF; } thead td.tabcol{ color:#FFFFFF; background:#67C8CA !important; font-weight:bold; padding: 4px; text-align: center; vertical-align:middle; } tr.tabcol{ color:#000000; font-weight:normal; } tr:nth-child(odd) td.tabcol{ background:#fff; border: 1px solid #ddd; } col:nth-child(odd) td.tabcol{ background:#fff; border: 1px solid #ddd; } td.tabcol{ background:#F6F6F6; padding:4px; text-align:left; vertical-align:middle; border: 1px solid #ddd; } /*#sp-content5 td {*border: none; background: none; text-align:center; border: 1px solid #fff; padding:4px; }*/ /*#sp-content5 td:hover {border: 1px solid #ddd; background: #eee; text-align:center; }*/ .divTable{ display: table; width:100%; height: auto; background-color: none; border:0px solid #ddd; padding: 0px 4px; border-spacing:0px;/*cellspacing:poor IE support for this*/ /* border-collapse:separate;*/ font-family:Arial, Helvetica, sans-serif; font-size:12px; } .divRow{ display:table-row; width:auto; } .divleft{ float:left;/*fix for buggy browsers*/ display:table-column; width:auto; padding:4px 0px; margin: 0 0px 0 0px; background-color:none; text-align: left; } .divright{ float:right;/*fix for buggy browsers*/ display:table-column; /*width:100px;*/ padding:4px 0px; margin: 0 4px 0 0px; background-color:none; text-align: right; } /*Sufix CSS--------------------------------------------------------------------------------------------------------------------------------------------------*/ /*Suffix _roundedlight*/ .module_roundedlight .mod-wrapper {background: rgba(96,98,103,0.4) /*url(../../images/styles/style3/bglightgr2.png) repeat-x top*/; border-radius:8px 8px 8px 8px} .module_roundedlight .mod-wrapper h3.header {background: url(../../images/styles/style3/h3bg.png) repeat-x 0px; border-radius:8px 8px 0px 0px; padding: 10px 10px; border-bottom: 1px solid #777} /*Suffix _simple*/ .module_simple .mod-wrapper {border:0;background:none;padding:10px 10px} .module_simple .mod-wrapper .mod-inner {border:0;padding:0;margin:0;background:none} .module_simple .mod-wrapper h3 {margin:0} .module_simple .mod-wrapper h3.header {border:none} .module_simple .mod-wrapper {box-shadow:none} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Breadcrumbs */ #sp-breadcrumbs{background:#303034; border-bottom:1px solid #999;overflow:hidden;height:28px;line-height:26px;margin:-10px -10px 10px;padding:0 10px;border-radius:5px 5px 0px 0px} #sp-breadcrumbs span.showhome {font-weight:bold;margin-right:5px} #sp-breadcrumbs .padding{padding:5px 8px} #sp-breadcrumbs a,#sp-breadcrumbs span,#sp-breadcrumbs strong{display:block;float:left} #sp-breadcrumbs a,#sp-breadcrumbs span.separator{margin-right:10px;padding-right:15px;background: url(../images/breadcrumbs.png) 100% 50% no-repeat} #sp-breadcrumbs span.current{color:#999} /*Login and Registration*/ #form-login-username input, #form-login-password input{ background:#fff; color:#2C615C; height:18px;width:150px; padding:2px 5px;margin:0; border-top:1px solid #C4D3C2; border-bottom:1px solid #C4D3C2; border-left:1px solid #C4D3C2; border-right:1px solid #C4D3C2;} div.mod-inner fieldset {padding:5px !important} #sp-login {width:160px;padding: 5px 10px 0px; position:absolute; z-index:99999999; background:#EFF0F0 /*url(../../images/styles/style3/bglightgr2.png) repeat-x top*/; border:1px solid #98BBC2; border-radius:0 0 8px 8px; line-height: 15px;} #sp-login fieldset.userdata { margin: 0 !important; padding: 0 !important; background: none; border: none; } #sp-login a { line-height:normal !important;} #members-area { padding: 0; float: right; line-height: 30px; height: 28px; display: block;} /*Login link, reg link*/ #members-area a.login-link {background:url(../../images/icon-key.png) no-repeat 2px 50%; font-family: Arial,Helvetica,sans-serif; font-size: 11px;} #members-area a.reg-link {background:url(../../images/icon-user.png) no-repeat 2px 50%; font-family: Arial,Helvetica,sans-serif; font-size: 11px;} #members-area a{ float: right; line-height: 32px; height: 30px; display: block; padding:0 5px 0 24px; color:#fff;} #members-area a:hover { color:#35C0CD;} #members-area a.login-link.show {background-color:#028E9B;color:#fff} /*Search*/ #search {float:right; margin:0px 0px;padding:6px 0 5px 5px; } #search input#mod-search-searchword, #sp-search input#mod-finder-searchword { font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: #fff; width: 118px; padding: 2px 0px 2px 4px; margin: 0px ;background: url(../../images/search.png) no-repeat 98% 50%; border:1px solid #fff} .search fieldset { border: 1px solid #fff; margin: 25px 0px 15px; padding: 10px; /*width: 200px*/} /*.search .word label {vertical-align: middle;} span.highlight {background: #67C8CA !important} /* Footer */ #sp-footer{padding:10px 0 10px 0;height: 50px; background:#222;text-shadow: none; border-top: 1px solid #028E9B} #sp-footer a {color:#777} #sp-footer a:hover {color:#999} #sp-footer .cp {float:left;margin-top:6px; font-size:11px; } #sp-footer .cp a { color: #3C8A91; } #sp-footer .cp a:hover { color: #56C2CF; } /*Footer Menu*/ #sp-footer-nav{float:right;margin-top:6px; } #sp-footer-nav ul{list-style-type:none;padding:0;margin:0 0 5px 0; } #sp-footer-nav li{background:none;padding:0;display:inline} #sp-footer-nav a{font-size:11px; color: #3C8A91; font-weight:normal;text-decoration:none;display:inline;margin:0;padding:0 0px; text-shadow: none} #sp-footer-nav a:hover {color: #56C2CF;} a#topofpage{font-size:11px;float:right;margin:8px 0 0 0;width:12px;height:12px;background:url(../../images/styles/style3/to-top.png) no-repeat 0 0;text-indent: -999em} a#topofpage:hover{background-position:0 -12px} /*sp bottom*/ #sp-bottom {background:#222; color:#888; border-top:6px solid #028E9B; padding: 10px 0 10px; font-size: 95%; } #sp-bottom .mod-wrapper-flat h3.header { margin: 0 0 10px 0 !important; color:#028E9B;} #sp-bottom .mod-wrapper-flat h3.header span {color:#ccc; margin: 0 0 0 0} #sp-bottom .sp-block.separator .mod-block {border-right:1px solid #444; } #sp-bottom .mod-block {padding: 10px 20px 10px 20px} #sp-bottom .sp-block .first {margin-left:0px} #sp-bottom .sp-block .last {margin-right:-20px} #sp-bottom .sp-block .single {margin-left:-20px;margin-right:-20px} #sp-bottom li{background:none;list-style: square outside url(../../images/styles/style3/arrow.gif);border:0;color:#888;line-height:120%;padding: 2px 0px;} #sp-bottom li a{color:#888; text-shadow:0 0px #000} #sp-bottom li a:hover, #sp-bottom a:hover, #sp-bottom .social a:hover{color:#fff; padding: 0px 0px; } #sp-bottom .mod-wrapper-flat {min-height: 70px !important} /* forms */ fieldset {border: 1px solid #D2D8D2; margin:10px 0; padding:5px; background: #F8F8F8; font-family: Arial,Helvetica,sans-serif;} fieldset dd {float:left; margin: 0px 0px 10px 0px !important; } fieldset dt {clear:both; float:left; margin:4px 0 6px; min-width:180px; font-size: 12px;} form label, {cursor:pointer; font-size: 90%; } fieldset a {font-weight: 600} legend {font-size:120%; font-weight: 600; line-height:1} form {display:inline; margin:0; padding:0} .edit label { display: block; float: left; font-weight: 600; text-align: right; width: 160px; font-size: 12px; padding: 4px } .edit div.formelm-buttons { margin: 0px 0px 20px 185px; } .login label, .registration dl dt { display: block; float: left; font-weight: 600; text-align: right; width: 150px; padding-right: 10px; margin: 4px 0 0 0} .profile-edit dl dt, .remind dl dt, .reset dl dt{ display: block; float: left; font-weight: 600; text-align: right; width: 150px; padding-right: 10px; } input,select,textarea,.inputbox{ background:#fff;border-top:1px solid #C4D3C2; border-bottom:1px solid #C4D3C2; border-left:1px solid #C4D3C2; border-right:1px solid #C4D3C2; font-size: 12px; font-family:Arial,Helvetica,sans-serif;padding:4px; color:#2C615C; } hr{background-color:#333;border:#aaa;color:#333;height:1px} #jform_profile_tos {width: 15em !important; margin: 0 !important; padding: 0 2px !important;} #jform_profile_tos input {margin:0px 5px 0 0 !important; width:10px !important;} #jform_profile_tos label {margin:0 15px 0 0 !important; width:auto;} div.sp_social ul li { list-style: none outside none !important; padding: 0px !important; margin: 0px !important; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*Lof responsive articlescroller*/ .sp-block .respo-carousel .respo-feature-news {background: transparent /*rgba(91,139,146,0.2)*/; margin: 10px 0px 10px 0px !important; /*width: 1000px !important;*/ } .sp-block .respo-carousel .respo-feature-news .item-news { padding: 0px 0px 0px 0px } .respo-carousel .respo-feature-news .item-inner { background: transparent /*rgba(255,255,255,1)*/ !important; border: 0px solid #D2D8D2; -moz-transition:all 0.5s;-webkit-transition:all 0.5s; } .respo-carousel .respo-feature-news .item-inner:hover { background: #fff /*rgba(255,255,255,1)*/ !important; /*box-shadow: 0px 1px 8px 1px #8CB5BC;*/ -moz-transition:all 0.5s;-webkit-transition:all 0.5s; } .respo-carousel .respo-feature-news img { border: 1px solid #D2D8D2 } /*.respo-carousel .respo-feature-news .entry-content {font-size: 1em}*/ .respo-carousel .respo-feature-nav {width: 50px !important; height: 34px !important; position: relative !important; top:0px !important; right: 12px; } .respo-carousel .next { background-position: -33px -33px; right: -950px !important } .respo-carousel .paginate { text-align: center; position: relative !important; margin-top:20px !important; margin-bottom: -20px !important; right: 0px !important; } /*Ga Caption Module .ga-caption { width: 100%; font-size:1em; overflow: hidden; position: relative; margin:0 4px 0 4px; border:1px solid #543418 !important; border-radius:6px 6px 6px 6px; } .ga-caption a {color:#fff;cursor:pointer;text-decoration:none;} .ga-caption-cover { float: left; position: absolute; width: 100%; z-index:3; overflow: hidden; left:0; bottom:0;} .ga-caption-content {position: absolute; top: 0; z-index:1; height: 100%; width:100%;} .ga-caption .ga-opacity { background:#592D11 !important;} .ga-caption .ga-infor { color:#fff; border-top:1px solid rgba(128,138,135,0.2); padding: 3px 8px;} .ga-caption .ga-title { padding:0 0 4px 0;font-size:1.25em;font-family:Verdana, Geneva, sans-serif; font-weight: 500 !important; line-height:1.45em;color: #FFBF00 !important;} .ga-caption .ga-desc { padding-top:0;color:#fff;color:rgba(255, 255, 255, 0.8);}*/ /*--- horizontal style----------------------------------------------*/ .ga-caption-horizontal {position:relative;margin-left: -4px !important;overflow:hidden;} .ga-caption-horizontal .ga-caption { float:left; } /*----vertical style------------------------------------------------- .ga-caption-vertical {position:relative;overflow:hidden;} .ga-caption-vertical .ga-caption { margin:5px 0}*/ /*----Arrows Next and Previous---------------------------------- #ga-caption-previous, #ga-caption-next { background: url(images/arrows.png) no-repeat scroll 0 0 transparent; position:absolute;text-indent:-9999em;top:40%;z-index:10;margin:0px;cursor:hand; cursor:pointer;width:26px; height:35px;cursor:hand;cursor:pointer;opacity: 0.2 !important; #ga-caption-previous:hover, #ga-caption-next:hover {opacity: 0.8 !important }*/ /*Simple images gallery img.sp_simple_gallery { -moz-transition:background-color 0.5s;-webkit-transition:background-color 0.5s; } img.sp_simple_gallery:hover { background: #555 !important; border: 1px solid #888; -moz-transition:background-color 0.5s;-webkit-transition:background-color 0.5s; }*/ /*News Show SP1 img.sp-news-image {float:left;margin-right:10px!important;background:transparent;border:1px dashed transparent;padding:5px} img.sp-news-image:hover {background:transparent;border:1px dashed #aaa;padding:5px}*/ /*Zt-Headline .mod-wrapper .scroller-slider div.catpanel {display:table;} .mod-wrapper .scroller-slider div.catpanel > div {display:inline-block;margin:0 10px; padding: 10px; background:#494C50; border-radius:5px;} .mod-wrapper .scroller-slider div.catpanel > div:hover {background:#67696E; box-shadow: 0 0 18px 0 #333;} .mod-wrapper .scroller-slider div.catpanel > div > a{display:block;} .mod-wrapper .scroller-slider div.catpanel > div > a.img{padding: 5px;border:1px solid #666; box-shadow: 0 0 8px #222;display: table; margin:auto; float:left} .mod-wrapper .scroller-slider div.catpanel > div > span.img{padding: 5px;border:1px solid #ddd;box-shadow: 0 0 5px #ccc; display: table; margin:auto;} .mod-wrapper .scroller-slider div.catpanel > div > a.img:hover{opacity:0.9; border: 1px solid #ccc;} .mod-wrapper .scroller-slider div.catpanel > div > span.img:hover{opacity:0.9; border: 1px solid #ccc;} .mod-wrapper .scroller-slider div.catpanel > div > a.title{clear:both;margin:5px 0; padding-top: 5px; font-size:94%;font-family:Tahoma; font-weight:600;text-transform:uppercase; color: #FF9900 } .mod-wrapper .scroller-slider div.catpanel > div.block p {margin: 0;}*/ /*K2 Specific div.itemRelated li a:hover,div.itemAuthorLatest li a:hover, div.itemCommentsForm p.itemCommentsFormNotes {color:#2b9ccb} .catItemBlogView .infoBlock,.itemViewBlog .infoBlock {background:#2b9ccb url(../../images/styles/style3/k2/arrow.png) no-repeat 100% 23px} .catItemBlogView .catItemDate, .itemViewBlog .catItemDate {background:url(../../images/styles/style3/k2/date_border.png) repeat-x 0 100%;} div.k2TagCloudBlock a:hover {background: #2b9ccb;border: 1px solid #42c7ff}*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/