/*
 * ------------------------------------------------------------------------
 * JA Elastica Template for Joomla 2.5
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites: http://www.joomlart.com - http://www.joomlancers.com
 * ------------------------------------------------------------------------
*/

/* WEBFONTS
--------------------------------------------------------- */
@import url(fonts/TeX-Gyre-Adventor/stylesheet.css);

/* COMMON STYLE
--------------------------------------------------------- */
body {
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1.6;
}

body#bd {
  background: #f5f5f5;
  color: #666;
  font-size: 12px; /*Base font size */
}

body.fs1 #ja-wrapper {
  font-size: 1em;
}

body.fs2 #ja-wrapper {
  font-size: 1.1em;
}

body.fs3 #ja-wrapper {
  font-size: 1.2em;
}

body.fs4 #ja-wrapper {
  font-size: 1.3em;
}

body.fs5 #ja-wrapper {
  font-size: 1.4em;
}

body.fs6 #ja-wrapper {
  font-size: 1.5em;
}

/* Normal links ---*/
a {
  color: #444;
  text-decoration: none;
}

a:hover,
a:active,
a:focus {
  color: #0f2180;
  text-decoration: none;
}

/* Readon links ---*/
p.readmore {
}

p.readmore a {
  background: url(../images/readmore-bg.png) no-repeat right top;
  color: #FFF;
  display: block;
  float: left;
  font-size: .85em;
  line-height: 30px;
  padding: 0 1em;
  padding-right: 1.5em;
  text-transform: uppercase;
}

p.readmore a:hover,
p.readmore a:active,
p.readmore a:focus {
  background-position: right bottom;
}

/* Content spacing ---*/
.ja-content p, .ja-content pre, .ja-content blockquote,
.ja-content h1, .ja-content h2, .ja-content h3, .ja-content h4, .ja-content h5, .ja-content h6,
.ja-content ol, .ja-content ul, .ja-content dl {
  margin: 1em 0;
}

/* Headings & Titles ---*/
h1 {
  font-size: 2.2em;
}

h2 {
  font-size: 1.8em;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 1em;
  text-transform: UPPERCASE;
}

h5 {
  font-size: 1em;
}

.contentheading,
.componentheading,
h1,
h2,
h3,
h4,
h5 {
  color: #444;
  font-family: TeXGyreAdventorBold, Arial, sans-serif;
  font-weight: normal;
}

h1.componentheading,
h2.componentheading,
.componentheading {
  font-weight: normal;
  margin: 0 0 1em;
}

h1.contentheading,
h2.contentheading,
.contentheading {
  font-weight: normal;
  margin: 0 0 1em;
  padding: 0;
}

.contentheading {
  font-size: 1.7em;
}

.blog-featured .contentheading {
  font-size: 1.75em;
}

.contentheading a {
  color: #444;
  text-decoration: none;
}

.contentheading a:hover,
.contentheading a:active,
.contentheading a:focus {
}

.jitem-title {
  font-size: 110%;
  font-weight: bold;
}

/* List ---*/
ul li {
  background: url(../images/bullet.png) no-repeat 15px 8px;
  line-height: 160%;
  margin-bottom: 5px;
  overflow: hidden;
  padding-left: 30px;
}

ol li {
  line-height: 180%;
  margin-left: 30px;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 15px;
}

/* Others ---*/
hr {
  border-top: 1px solid #ccc;
}

img {
  max-width: 100%;
}

img[align=left] {
  margin: 0 20px 0 0;
}

/* FORM
--------------------------------------------------------- */
input, select, textarea, .inputbox {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1em;
  padding: 3px;
}

input[type="checkbox"],
input[type="radio"] {
  border: 0;
}

.inputbox {
  background: #fff;
  border: 1px solid #CCC;
  color: #444;
}

.inputbox:hover, .inputbox:focus {
  background: #fff;
}

.button,
button.validate {
  background: #e33629;
  border: 1px solid #e33629;
  color: #FFF;
  padding: 3px 10px;
}

.button:hover, .button:focus,
button.validate:hover, button:validate:focus {
  background: #222;
  border: 1px solid #222;
}

.login_form label,
.login label {
  padding-right: 10px;
}

/* Search ---*/
form#searchForm {
  border-top: 1px solid #ccc;
}

.searchintro {
  border-bottom: 1px solid #ccc;
}

.results h4 {
  font-size: 110%;
  text-transform: none;
}

.search fieldset {
  border: 1px solid #ccc;
  margin: 15px 0;
  padding: 10px;
}

.search legend {
  font-size: 100%;
  font-weight: bolder;
  line-height: 1.2;
  margin-left: 10px;
}

div.search {
  overflow: hidden;
}

/* Contact ---*/
#component-contact #emailForm {
  border-top: 1px solid #ccc;
}

#contact-slider {
  border-bottom: 1px solid #e2e2b5;
  float: none;
}

#contact-slider .title {
  border-left: 1px solid #e2e2b5;
  border-right: 1px solid #e2e2b5;
  border-top: 1px solid #e2e2b5;
  margin: 0;
  padding: 8px 10px;
}

#contact-slider .jpane-toggler-down {
  background: #444444;
}

#contact-slider .jpane-toggler-down a {
  color: #fff;
}

#contact-slider dt.closed {
  background: #ffffcc;
}

#contact-slider .content {
  border: 1px solid #e2e2b5;
  padding: 8px 10px;
}

#contact-slider .contact-image {
  float: right;
  margin: 15px 0;
}

#contact-form dl dd input.required,
#contact-form dl dd textarea.required {
  width: 60% !important;
}

/* -- EDITOR STYLES ----------------------------- */
#adminForm fieldset {
  border: 1px solid #ccc;
  margin-bottom: 20px;
  padding: 10px;
}

#adminForm fieldset legend {
  padding: 0 5px;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
/* Layout Deco ---*/
.item-page,
.cat-children,
.com_content .archive,
.items-leading .leading .contentpaneopen,
.items-row .item .contentpaneopen {
  background: #FFF;
  border-top: 1px solid #d7d7d7;
  box-shadow: 0 1px 1px rgba(0,0,0,.25);
  position: relative;
}

.item-page {
  margin-bottom: 1em;
}

.items-leading {
}

.items-row {
}

.item {
}

/* Meta ---*/
.article-tools {
  margin: -1em 0 2em;
  padding: 0;
  font-size: .875em;
  color: #999;
}

dl.article-info {
  margin: 0;
  padding: 0;
  width: 80%;
}

dl.article-info dd,
dl.article-info dt {
  margin: 0;
  padding: 0 5px 0 0;
}

dl.article-info a {
  color: #444;
  border-bottom: 1px solid #EEE;
}

dd.parent-category-name {
}

dd.category-name {
}

dd.create {
  padding-right: 5px;
}

dd.createdby {
  padding-right: 5px;
}

dd.hits {
  padding-right: 5px;
}

dl.article-info span {
  color: #444;
  text-transform: uppercase;
}

dl.article-info dt.article-info-term {
  display: none;
}

p.article-url {
  margin: 10px 0 0;
}

p.modifydate {
  margin: 1em 0 0;
}

.contentdescription {
  display: block;
  padding: 1em;
}

.contentdescription p {
  margin: 0;
}

ul.actions {
  float: right;
  margin: 0;
  padding: 0;
}

ul.actions li {
  display: inline-block;
}

ul.actions li img {
  border: 0;
  margin: 0 5px 0 0;
}

/* Sub Category List ---*/
.cat-children {
  margin: 1em 0;
  padding: 1.5em;
}

.cat-children h3 {
  margin: 0;
}

.cat-children ul {
}

.cat-children ul li {
  background: none;
  border-top: 1px solid #DDD;
  padding: 1em 0;
}

.cat-children ul li span.jitem-title {
}

.cat-children ul li span.jitem-title a {
}

/* Archive ---*/
.com_content .archive {
  padding: 1.5em;
}

ul#archive-items > li {
  background: none;
}

/* Inline images ---*/
.img_caption {
  margin: 1em 0;
  max-width: 100% !important;
  width: auto !important;
}

p.img_caption {
  color: #999;
  max-width: 100%;
  text-transform: uppercase;
  width: auto;
}

/* Tables ---*/
thead tr th {
  background: #444;
  color: #fff;
  padding: 5px;
}

thead tr th a,
thead tr th a:hover,
thead tr th a:focus,
thead tr th a:active {
  color: #fff;
}

.cat-list-row1,
.cat-list-row12,
tr.cat-list-row1 td,
tr.cat-list-row2 td {
  border-bottom: 1px solid #ccc;
  padding: 5px;
}

.cat-list-row1:hover,
.cat-list-row2:hover {
  background: #ffffcc;
}

.cat-list-row2,
tr.cat-list-row2 td {
  background-color: #f6f6f6;
}

/* Content Toc */
table.contenttoc {
  border: 1px solid #ccc;
}

table.contenttoc td {
  border-bottom: 1px dotted #ccc;
}

table.contenttoc th {
  background: #f6f6f6;
  border-bottom: 1px solid #ccc;
  text-transform: uppercase;
}

/* Poll */
form#poll {
  border-bottom: 1px dotted #ccc;
  font-weight: bold;
}

dl.poll {
  border-bottom: 1px dotted #ccc;
}

table.pollstableborder td {
  background: #f6f6f6;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  padding: 5px !important;
}

table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td {
  background: #fff;
  font-weight: normal;
}

/* Pagination ---*/
.pagination li span,
.pagination li strong {
  line-height: 20px;
}

.items-more {
  border-bottom: 1px solid #ccc;
}

.items-more h3 {
  font-size: 125%;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-main, ja-content {
  float: none;
}

#ja-container .main {
  padding: 0;
}

#ja-content {
}

#ja-content-main {
  background: #FFF;
  border-top: 1px solid #d7d7d7;
  box-shadow: 0 1px 1px rgba(0,0,0,.25);
  margin: 0;
  padding: 1.5em;
}

.com_content #ja-content-main {
  background: none;
  border-top: 0;
  box-shadow: none;
  padding: 0;
}

/* HEADER
--------------------------------------------------------- */
#ja-header {
  background: #222;
  color: #FFF;
  margin-bottom: 1em;
}

#ja-header .main {
  padding: 0;
}

#ja-header .main-inner1 {
  background: #444;
  min-height: 43px;
}

h1.logo, div.logo-text h1 {
  font-size: 2em;
  line-height: 1;
  margin: 0;
}

/* Logo Image ---*/
h1.logo {
  background: #e33629;
  float: left;
  font-size: 1em;
  height: 70px;
  width: auto;
  z-index: 12;
}

h1.logo a {
  background: none;
  display: block;
  font-size: 2em;
  height: auto;
  padding: 1em .5em;
  text-align: center;
  width: auto;
}

h1.logo a img {
  max-width: 100%;
}

/* Logo Text ---*/
div.logo-text {
  background: #e33629;
  height: 50px;
  margin: 0;
  padding: 0 1em;
}

div.logo-text h1 {
  font-size: 1.25em;
  font-weight: normal;
  letter-spacing: 3px;
  margin-top: .5em;
}

div.logo-text h1 a {
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
}

p.site-slogan {
  color: #FFF;
  display: block;
  font-size: .875em;
  margin: 3px 0 0;
  padding: 0;
}

/* Search & Social Bars ---*/
#ja-top {
  border-left: 1px dotted #666;
  right: 5px;
  top: 5px;
  height: 70px;
  position: absolute;
  width: auto;
  z-index: 999;
}

/* Search */
#ja-search {
  border-bottom: 1px dotted #666;
  height: 31px;
  padding: 0 1em;
  position: static;
  right:10px!important;
}

#ja-search .search-btn {
  background: url(../images/icon-search.png) no-repeat center;
  display: block;
  float: left;
  height: 30px;
  text-indent: -1000em;
  width: 30px;
}

#ja-search:hover .search-btn {
}

#ja-search form.search {
  float: left;
  padding-top: 5px;
  width: 155px;
}

#ja-search .inputbox {

}

/* Social */
#ja-social {
  height: 35px;
}

#ja-social ul {
  display: block;
  padding: 5px 1em 0;
}

#ja-social ul li {
  border-right: 1px solid #444;
  float: left;
  height: 30px;
  margin: 0;
  padding: 0;
  text-indent: -1000em;
  width: 30px;
}

#ja-social ul li a {
  background: url(../images/social-bg.png) no-repeat center top #444;
  display: block;
  height: 30px;
  width: 30px;
}

#ja-social ul li.social-rss a {
  background-position: center top;
}

#ja-social ul li.social-facebook a {
  background-position: center -30px;
}

#ja-social ul li.social-twitter a {
  background-position: center -60px;
}

#ja-social ul li.social-gplus a {
  background-position: center bottom;
}

#ja-social ul li a:hover {
  background-color: #e33629;
}

/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav {
  float: left;
}

/* Breadcrumbs ---*/
#ja-navhelper .main {
  text-transform: uppercase;
}

.ja-breadcrums {
  text-indent: 10px;
}

/* Extras ---*/
.ja-links {
  padding-right: 10px;
}

.ja-links li {
  padding: 0 10px;
}

/* Default Joomla! Menu ---*/
#ja-container ul.menu li {
  background: url(../images/bullet-c.png) no-repeat .025em 1em;
  border-top: 1px solid #EEE;
  padding: 0 1em;
}

#ja-container ul.menu li:first-child {
  border-top: 0;
}

#ja-container ul.menu li a {
  color: #666;
  padding: .5em 0;
}

#ja-container ul.menu li a:hover,
#ja-container ul.menu li a:active,
#ja-container ul.menu li a:focus {
  color: #444;
}

#ja-container ul.menu li.active > a {
  color: #663399;
  font-weight: bold;
}

#ja-container ul.menu li a img {
  margin-right: 3px;
}

#ja-container ul.menu li ul {
  border-top: 1px solid #EEE;
  margin: 0 -1em;
}

#ja-container ul.menu li li {
  background: none !important;
  margin-left: 1em;
  padding: 0;
}

#ja-container ul.menu li li a {
  font-weight: normal;
  text-indent: 10px;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footer {
  color: #999;
  font-size: .9em;
  padding: 2em 0;
  text-shadow: 0 1px 1px #FFF;
}

#ja-footer .main {
  text-align: center;
}

#ja-footer .inner {
  padding: 0;
}

#ja-footer .custom {
  padding: 1em 2em;
}

#ja-footer small {
  font-size: 1em;
}

#ja-footer a {
  color: #999;
  border-bottom: 1px solid #CCC;
}

#ja-footer a {
  color: #999;
  border-bottom: 1px solid #CCC;
}

#ja-footer a:hover,
#ja-footer a:active,
#ja-footer a:focus {
  color: #444;
  border-bottom-color: #444;
}

.t3-logo a,
.t3-logo-sm a {
  border-bottom: 0 !important;
  margin-top: 1em;
  opacity: .5;
}

.t3-logo a:hover,
.t3-logo-sm a:hover {
  opacity: 1;
}


/* MISCELLANOUS
----------------------------------------------------------- */
/* Others ---*/
#ja-banner {
  border-top: 1px solid #EEE;
}

div.ja-innerdiv {
  border-bottom: 1px dotted #EEE;
}

div.ja-innerdiv h4 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 92%;
  font-weight: normal;
  text-transform: uppercase;
}

a.ja-icon-video {
  background: url(../images/icon-youtube.gif) no-repeat 5px 8px #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 0 3px rgba(0, 0, 0, .2);
  color: #666;
  display: block;
  font-weight: bold;
  -moz-border-radius: 5px;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
  padding: 5px 5px 5px 43px;
  position: absolute;
  right: 10px;
  text-decoration: none;
  top: 8px;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
  width: 35px;
}

a.ja-icon-video span {
  color: #666;
}

a.ja-icon-video:hover,
a.ja-icon-video:focus,
a.ja-icon-video:active {
  border-color: #ddd;
  text-decoration: none;
}

a.ja-icon-video:hover span {
  color: #0F85D8;
}

#ja-absolute .main {
  height: auto;
  left: 1px;
  position: fixed;
  top: 1px;
  width: auto;
  z-index: 99999;
}

#ja-absolute .main a {
  background: url(../images/joomla15.png) no-repeat left top #fff;
  display: block;
  height: 99px;
  overflow: hidden;
  text-indent: -9999px;
  width: 91px;
}

#ja-absolute .main a:hover,
#ja-absolute .main a:focus {
  background-position: left bottom;
  text-decoration: none;
}

/* Loading */
#ja-extra-col-loading {
	background: url(../images/loading.gif) no-repeat 0px 0px;
	height: 32px;
	margin: 50px auto 0;
	text-indent: -999em;
	width: 32px;
}

/* Banner */
.banneritem {
	margin-bottom: 1em;
}











/*============== ASW =================== */
div.ja-moduletable-inner, div.moduletable-inner {background: transparent!important;box-shadow: none!important; border:0!important; }
h1, h2, h3, h4, h5 {color:#444!important;}
div.ja-moduletable h3, div.moduletable h3 {letter-spacing: -1px;text-transform: none!important;font-size: 1.4em!important; }
#ja-content-main {background: transparent;border: 0;box-shadow: none;}
#yoo-zoo .details div.heading {border:0;padding:0;}
.contentheading, .componentheading, h1, h2, h3, h4, h5 {font-family: 'ubuntu';}
.ja-content p, .ja-content pre, .ja-content blockquote, .ja-content h1, .ja-content h2, .ja-content h3, .ja-content h4, .ja-content h5, .ja-content h6, .ja-content ol, .ja-content ul, .ja-content dl {margin:0em 0 0.5em;}
.ja-megamenu ul.level0 li.mega a.mega {overflow: hidden;}
.ja-content-main ul li {background-position: 0px 8px;padding-left:13px;}
.fullwidth {width:100%;}
.smaller {font-size:.9em;}
.smaller h3 span{font-style: normal;font-size: .9em;}
#yoo-zoo .item a:hover {text-decoration: none;}
.teaser-item-bg {background: none!important;}
#yoo-zoo .pagination {margin-top:30px;}
.gtranslate {margin:20px 0 20px 0;}
#yoo-zoo .items h2.pos-subtitle, #yoo-zoo .item h2.pos-subtitle {text-transform: none;}
#ja-dc a, .item-page a, #yoo-zoo .item a{text-decoration: underline;}
a[name=comment] a, .element-download a {text-decoration: none!important;}
div.moduletable.time-date {float:left;margin-left:20px;}

/*ZOO*/
#yoo-zoo .details h1.title, #yoo-zoo .item h1.pos-title, .teaser-item-bg h1.pos-title {font-size: 170%!important;font-family: 'ubuntu'!important;color:#555!important;line-height: 1.3em;letter-spacing: normal;}
.teaser-item-bg h1.pos-title a {font-size: 90%; color:#555!important;letter-spacing: normal;line-height: 1.3em;font-family: 'pt sans';}
#yoo-zoo .items div.teaser-item:last-child div.teaser-item-bg {padding-bottom: 10px!important;}
#yoo-zoo .items p.pos-links span a {padding:5px 10px 5px 10px!important; width:auto!important; text-align: left!important; font-size: .9em;}
#yoo-zoo .items p.pos-links span a:hover {text-decoration: none;}
#yoo-zoo .items p.pos-links span a::after {content:"\2192";font-weight: 700;margin-left:10px;}
#yoo-zoo .items p.pos-links span a {float:right;}
.blog-news div.teaser-item-bg, .blog-presentation .teaser-item-bg {border-bottom: 1px solid #ddd!important; }
#yoo-zoo .item div.pos-bottom .element {background: none;}
#yoo-zoo .items p.pos-meta {font-style: normal;font-size: .9em;}
#yoo-zoo .items h1.pos-title a {color:#032E7A!important; }
.element-socialbuttons, .element-socialbookmarks{display: inline-block;margin:0; padding:!important}
#yoo-zoo .item div.pos-bottom .element {margin:0;padding:0;}
.yoo-zoo.socialbookmarks a {background:url(../images/fshare.gif) no-repeat;width:59px;}
.element-socialbookmarks {position: relative;top:4px;}

/* Logo */
#ja-logo {padding:0;background:url(../images/bg-roof.png) 40% 0 no-repeat;box-shadow: inset 0px 7px 10px #dbdbdb;padding-bottom: 20px;padding-top:7px;}


/*Slideshow*/
.wk-slideshow .caption-wrap {background:url(../images/bg-caption-bot.png) 0 100% no-repeat;height:50px;width:350px;padding-bottom:5px;position: relative;left:-57px;}
ul.slides li {padding:0;background: none;}
.wk-slideshow .caption {bottom:16px;left:3px;background:transparent;background:url(../images/bg-caption-top.png) no-repeat;width:300px;padding-top:10px;}
.wk-slideshow .caption a{color:#444!important; margin-left:50px;display: block;color:#444;margin-top:10px;text-decoration: none;font-size: 1.4em;letter-spacing: -1px;line-height: 1.2em;padding-top:20px;cursor: default;height:80px;}
.wk-slideshow .caption a span {font-size: .6em;font-style: normal;letter-spacing: normal;color:#777}
.wrap-outer::before {content:'.';/*background: #f5f5f5*/; margin-top:-90px!important;margin-left:0px; z-index: 2;position: absolute;color:#f5f5f5;width:266px;height:127px;}
/* added by @andy 08-11-2018 */
.wk-slideshow .caption {left:-57px;bottom: -50px;}
.wk-slideshow::after {content: "";display: block;background:url(../images/bg-caption-bot.png) 0 100% no-repeat;height:60px;width:350px;padding-bottom:5px;position: relative;left:-59px;}
/* end added by @andy */

/*Maincontent Homepage*/
.item-page, .cat-children, .com_content .archive, .items-leading .leading .contentpaneopen, .items-row .item .contentpaneopen {background: transparent;box-shadow: none;border:0px solid #d7d7d7;}
.frontpage .items-leading .contentpaneopen{border-top:1px solid #ccc!important; padding-bottom:0px!important; }
.blog-featured h2.contentheading {letter-spacing: -1px!important;}
.frontpage .blog-featured {border-right:1px solid #ccc!important;}
.shadow-bg  {background:url(../images/shadow-gallery.png) no-repeat;}
.shadow-bg .shadow-bg {background: none;}

#ja-main .caption a strong {font-weight: 700;}
#ja-main .caption a, #yoo-zoo .items p.pos-links span a, .right-detailinfo .element-download a, .reply a, #ja-main .complete_gal{
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(top, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #333;
  font: bold inherit inherit;
  line-height: 1;
  padding: 5px 10px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  width: 150px;
  box-shadow: inset 0px 1px 0px #fff;
  -moz-box-shadow: inset 0px 1px 0px #fff;
  -webkit-box-shadow: inset 0px 1px 0px #fff;
  text-decoration: none;
  }
#ja-main .caption a:hover, .right-detailinfo .element-download a:hover, .reply a:hover, #ja-main .complete_gal:hover {
    background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(top, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd; }
#ja-main .caption a:active, .right-detailinfo .element-download a:active, .reply a:active, #ja-main .complete_gal:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }
.blog-featured ul.zoo-item-list li {background: url(../images/bullet.png) no-repeat 0px 8px; padding-left:15px;padding-top:0!important; margin:0 auto!important; }


/* Comment System */
#yoo-zoo #comments .comment-body .reply {margin:20px 0;}
#yoo-zoo #comments .comment-body .reply a{padding:5px 20px;text-decoration: none;}
#yoo-zoo #comments .comment-head {padding:0px 10px;background: none;border:0;}
#comments li {background: none;padding-left:0;}
.comment-head , .comment-body {padding:0!important; }
.comment-body {background: url(../images/bubble.png) -20px 0 no-repeat;padding:15px 0 0px!important;margin-bottom: 0!important;}
.comment-body .content {background: #fff;padding:10px;
-webkit-border-radius: 	3px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
-moz-border-radius: 	3px; /* FF1-3.6 */
border-radius: 			3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */}
#respond .actions input {padding:5px 10px!important; }
#yoo-zoo #comments .comment-byadmin .comment-head {background-color: transparent!important; border:0!important; }
#yoo-zoo #comments .comment-byadmin h3.author{color:#d9381f!important; }

/*Content Style*/
#ja-container .alternate-table ul li {display: block;list-style: none;padding:0;background: none;padding:5px;}
#ja-container .alternate-table ul li:nth-child(odd) {background: #eee;}
#yoo-zoo .item .element-textarea p{margin: 1.2em 0!important; }

/*Topmid*/
#ja-slideshow ul.zoo-item-list li {padding:0;background: none;}
#ja-slideshow ul.zoo-item-list li .layout-default div div{display: inline!important;}

#ja-slideshow ul.zoo-item-list {font-size: .8em;}
#ja-slideshow ul.zoo-item-list li a {color:#666;}
#ja-slideshow ul.zoo-item-list li:nth-child(even) {background: #eee;}
#ja-slideshow ul.zoo-list > li {border-top:0!important;padding:2px 10px 7px;margin:0;}

.wk-slideshow .caption {padding-bottom:25px!important;}
.nopadding .moduletable-inner{padding:10px !important;}
.nopadding .moduletable-inner h3 {padding:10px;}
.news-updates{margin-top:0px!important;}
.news-updates h3, .mobile-news-update h3{letter-spacing: -999em;text-indent: -999em;background:url(../images/news-heading-module.png) no-repeat;margin-top:10px!important;}
.mobile-news-update h3 {padding-bottom: 20px!important;}
.wk-slideshow .layout-article div.media-top {margin-bottom: 0!important;}
.mobile-news-update {display: none;}
ul.slides, ul.slides li {height:306px!important;}
ul.slides {box-shadow:0 1px 10px rgba(0,0,0,.95);}

/* Contact Us */
.contact h2 {border-bottom:1px solid #ccc;padding-bottom:10px;}

/* Footer */
#ja-footmodules {background:url(../images/bg-footer.jpg) repeat;box-shadow: inset 0px 3px 10px #ccc;padding:0 0 10px 0;}
#ja-footmodules .moduletable {font-size: 90%;}
#ja-footmodules .moduletable h3 {font-style: normal; }
.zoo-item-list li{border:0!important;padding:0;background: none;}
#ja-footmodules .upcoming-event h3 {margin-left: 5px;}
#ja-footmodules .upcoming-event li p.title {font-weight: 700;}
#ja-footmodules .upcoming-event li {padding:5px;}
#ja-footmodules .upcoming-event li:nth-child(odd)  {background: #ddd!important;}
.featured .description {font-weight: 700;}
#ja-footmodules .featured .element-link a {letter-spacing: -1px;}
.zoo-item-list p.links span a::after {content:none!important;}
#ja-footmodules .zoo-item-list p.meta {font-weight: bold;font-style: normal!important;color:#666;}
#ja-footmodules a{color:#666;}
p.links a{font-weight: 800;}


/* Copyright */
#Mod96 {width: 320px;float:left;font-weight: 700;}
#Mod1 {float:left;width:660px;}
#ja-copyright {border-top: 1px solid #fff;}
#ja-copyright ul.menu {margin: 0;padding: 0;overflow: auto;}
#ja-copyright ul.menu li{display: inline-block;padding: 0 10px 0 10px;list-style: none;background: none;}
#ja-copyright a, span.separator {color:#032E7A!important; }
#ja-copyright ul.menu img {display: none;}

/* Top */
#ja-login {position: absolute;right:210px;top:6px;width:60px;}
#ja-top {border:0!important; width:100px!important;}
#ja-search .search-btn {background-color: #666!important; }
#ja-search .search-btn:hover {background-color: #666!important; }
#ja-search form.search {background: none!important;}
#ja-search.active .search-btn, #ja-search .search-btn:hover{background-color: #666!important;}

/*SearchBox*/
div.search-box {margin-top:10px!important;}
div.search-box input, .filterbox input {width:100%;font-family: inherit!important;background:#fff url(../images/lens.png) 98% 7px no-repeat!important;-webkit-box-shadow: 			inset 1px 2px 3px #eee; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: 	inset 1px 2px 3px #eee; /* FF3.5 - 3.6 */
box-shadow: 		inset 1px 2px 3px #eee; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
padding:5px 0px!important;
margin-bottom: 10px;
text-indent: 10px;
color: #666;
-webkit-border-radius: 	2px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
-moz-border-radius: 	2px; /* FF1-3.6 */
border-radius: 			2px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}
div.search-box .inputbox:focus, div.search-box .inputbox:hover {background:#fff url(../images/lens.png) 98% 3px no-repeat!important;}

/* Navigation */
#ja-mainnav {max-width:none!important;}
#ja-header {background:url(../images/shadow-topmenu.png) repeat-x;margin-bottom: 0!important;height:20px;}
#ja-header .main {height:20px;}
#ja-header.ja-megamenu ul.level0 li.active, .ja-megamenu ul.level0 li.active {background: transparent!important;}
#ja-header .main-inner1 {position: relative;top:-24px; background:url(../images/bg-topmenu.png) repeat-x;}
#ja-header .main-inner1 {border-radius: 7px;border:1px solid #d3d3d3;}
.ja-megamenu ul.level0 li.mega span.menu-title {color:#032E7A;font-size: 1em!important;text-transform: none;font-weight: 300;line-height: 1.8em;}
span.has-image {background-position: 0 13px!important;}
.ja-megamenu ul.level0 li.mega:hover {background: transparent!important;}
.ja-megamenu ul.level1 li.mega:hover {background: #f1f1f1!important;}
.ja-megamenu ul.level0 li a.mega:hover {color: #000!important; }
.ja-megamenu ul.level1 li.mega a.mega {padding:.5em!important;background: none!important; font-size: .9em;}
ul.megamenu ul {margin:0px!important;}
.ja-megamenu .childcontent-inner {background: #fff!important;padding-bottom:0px;
	-moz-border-radius: 	    0px 0px 5px 5px;
	-webkit-border-radius: 		0px 0px 5px 5px;
	-o-border-radius: 			0px 0px 5px 5px;
	border-radius: 				0px 0px 5px 5px;}
.ja-megamenu .childcontent-inner .childcontent-inner {padding-bottom:0px;
	-moz-border-radius: 	    0px 5px 5px 0px;
	-webkit-border-radius: 		0px 5px 5px 0px;
	-o-border-radius: 			0px 5px 5px 0px;
	border-radius: 				0px 5px 5px 0px;}
.ja-megamenu ul.level1 li.last:hover {
	-moz-border-radius: 	    0px 0px 5px 5px;
	-webkit-border-radius: 		0px 0px 5px 5px;
	-o-border-radius: 			0px 0px 5px 5px;
	border-radius: 				0px 0px 5px 5px;
}
.ja-megamenu ul.level1 li.mega {border-top: 1px solid #f1f1f1!important; }
.ja-megamenu ul.level1 li.first.mega {border-top:0!important;}
.ja-megamenu ul.level0 li.mega a.mega {height:30px!important;}
.ja-megamenu .level1 .childcontent-inner {border:1px solid #ddd!important;}
.ja-megamenu li .menu-image img {position: relative;top:13px;}
.ja-megamenu ul.level0 li.mega a.mega {padding:0 .8em!important;}

/*4 Column Tables*/
td.4calCol1{width:40%;}
td.4calCol2{width:20%}
td.4calCol3{width:20%;}
td.4calCol4{width:20%!important;}

/* Event */
table.zootable {width:100%;border-collapse: collapse;}
table.zootable thead tr th {background: transparent;color:#444;}
td.calCol1 {width:30%;}
td.calCol2{width:40%}
td.calCol3{width:30%;}

table.zootable tr.theader th div {
	background-color #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(top,#f1f1f3, #e9e9eb);
  background-image: -moz-linear-gradient(top, 	#f1f1f3, #e9e9eb);
  background-image: -ms-linear-gradient(top, 	#f1f1f3, #e9e9eb);
  background-image: -o-linear-gradient(top, 	#f1f1f3, #e9e9eb);
  background-image: linear-gradient(top, 		#f1f1f3, #e9e9eb);
  color: #333;
  font: bold inherit inherit;
  line-height: 1;
  text-align:left!important;
  text-shadow: 0 1px 0 #ee
e;
  width: 150px;
  box-shadow: inset 0px 1px 0px #fff;
  -moz-box-shadow:
.ja-megamenu ul li .menu-image img {position: relative;top:10px;} inset 0px 1px 0px #fff;
  -webkit-box-shadow: inset 0px 1px 0px #fff;
  padding:10px 0;
  width:100%;
  border-top:1px solid #dfdfdf;
  border-bottom:1px solid #d4d4d6;
}
table.zootable tr.theader th div.first {
-webkit-border-radius : 7px 0 0 7px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
-moz-border-radius 	  : 7px 0 0 7px; /* FF1-3.6 */
border-radius 		  : 7px 0 0 7px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
border-left:1px solid #dfdfdf;
  }
table.zootable tr.theader th div.last {
	-webkit-border-radius 	: 0 7px 7px 0; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
-moz-border-radius 	  		: 0 7px 7px 0; /* FF1-3.6 */
border-radius 		  		: 0 7px 7px 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
border-right:1px solid #dfdfdf;
}
table.zootable tr.theader th div span {margin:0 10px;}
table.zootable .tablerow p {margin:5px 0;}
table.zootable .tablerow td {padding-left:10px;padding-top:5px;padding-bottom:5px;}
table.zootable tr.tablerow:nth-child(even) td{background: #eee;}

/* Details */
#yoo-zoo .item p.pos-meta {font-style: normal;font-size: 90%;}
#yoo-zoo .item h3 {font-family: inherit;}
.zoo-details .element h3 {width:120px;font-size: 1em!important;font-weight: 700!important; }
.zoo-details .element-date, .zoo-details .element-link, .zoo-details .element-textarea, .zoo-details .element-itemeventstart, .zoo-details .element-itemeventstop  {clear:both;}
.zoo-details .element-date h3, .zoo-details .element-link h3, .zoo-details .element-textarea h3, .zoo-details .element-itemeventstart h3, .zoo-details .element-itemeventstop h3 {float:left;}
.zoo-details .element-text h3{float:left;clear:both;}
.detail-location h3 {width:120px;float:left;font-size: 1em!important; font-weight: 700!important; }
#yoo-zoo .details {margin-bottom:10px;}
.pos-meta {line-height: 1.4em;}
a.element-print-button {float:right;}

/* Modules Styling */
.zoo-category-list li.active a.active {color:#639;}
#ja-main .niftymod h3, .niftyfilter ul.select_link .level0 a, .nsw-mod ul#mainlevel li span.mainlevel{
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(top, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #333;
  font-size:1em!important;
  font-style:normal;
  font-weight: bold;
  line-height: 1;
  padding: 10px 15px;
  text-align: left;
  text-shadow: 0 1px 0 #eee;
  box-shadow: inset 0px 1px 0px #fff;
  -moz-box-shadow: inset 0px 1px 0px #fff;
  margin-bottom: 0;
}
.mini-flag {margin-bottom:20px;}

.niftyfilter ul.select_link .level0 a {width:99%!important;display: block;padding:10px 0;}
.niftyfilter ul.select_link .level0 {margin-top:15px;}
.niftyfilter ul.select_link li {background: none;padding: 0;text-indent: 10px;}
.niftyfilter ul.select_link li li{margin:0;}
.niftyfilter ul.select_link ul.level1 a {background: none;border:0;font-weight: 300;border-bottom: 1px solid #eee;border-radius: 0;text-shadow: none;}
.niftyfilter ul.select_link ul.level1 {background: #fff;}
ul.categories-module, ul.zoo-category-list, ul.download_module {background: #fff;}
ul.categories-module li, ul.zoo-category-list li, ul.download_module li{background: none;border-bottom: 1px solid #ddd;padding:7px 15px;}
ul.categories-module li a, ul.zoo-category-list li a, ul.download_module li a{color:#666;}
.zoo_calendar {width:100%;}
.zoo_calendar td {border:1px solid #ccc;}
.zoo_calendar thead tr th {background: transparent;border-top:2px solid #ccc;border-bottom:2px solid #ccc;color:#666;font-size: 1.1em;font-weight: 300;text-align: center;}
.zoo_calendar td.zdate{text-align: center;border-left:0;}
.zoo_calendar td span.country {font-size: .8em;}
.zoo_calendar td.country, .zoo_calendar td.title {border-right:0!important; }
.zoo_calendar td.title {font-weight: 700;}
.zoo_calendar td.title .country {font-weight: 300;}
.nsw-mod ul#mainlevel li {padding:0;background: none;}

.nsw-mod ul#mainlevel li span.mainlevel {display: block;}
.nsw-mod ul#mainlevel ul {background: #fff;padding:5px 0px;}
.nsw-mod ul#mainlevel ul ul {padding:0;}
.nsw-mod ul#mainlevel ul ul li {border-bottom: 1px solid #eee;}
.nsw-mod ul#mainlevel ul li span.sublevel {font-weight: 700!important;margin:7px 0;display: block }
.nsw-mod ul#mainlevel li li{padding:5px 15px;border-bottom:1px solid #eee!important; }


/* category Content */
.blog-news .description img {margin-right:20px;}

/* Xmap */
#xmap ul.level_0 >li {width:235px;margin-right:75px;background: none;padding:0;	font-size: 1.3em;}
#xmap ul.level_0 >li li {font-size: .8em;}
#xmap ul.level_0 >li:first-child {display: none;}
#xmap ul.level_0 >li span, #xmap ul.level_0 > li > a {display: block;padding:0px;padding-bottom:0px!important;color:#666;}
#xmap ul.level_0 > li {padding-bottom:0;}

/* added by @andy 08-11-2018 */
.osmap-items .level_0 a {font-size: 1.3em}
.osmap-items .level_1 a {font-size: .8em}
.osmap-items li {line-height:150%;}
/* end added by @andy */

/* Pagination */
.pagination {position: relative;top:-10px;}
.pagination-bg a, .button, input[type=submit], button[type=submit], .pagination-bg span, a.buttongrey {
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(top, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #333;
  font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  line-height: 1;
  padding: 5px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  display:inline-block;

  }


.pagination-bg a:hover, .button:hover, input[type=submit]:hover, button[type=submit]:hover, a.buttongrey:hover, .element-download a strong  {
    background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(top, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd; }

.pagination-bg a:active, .button:active, input[type=submit]:active, button[type=submit]:active, .pagination-bg span, a.buttongrey:hover, .element-download a strong:hover {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }

/* Tables */
.blog-report td.calCol1, .blog-meeting td.calCol1{width:54%;}
.blog-report td.calCol2, .blog-meeting td.calCol2{width:24%;}
.blog-report .zootable th:first-child {width:50%}

/* Google News */
.googlenews {text-align: left;width:100%!important;}
.gns-300x250 {background: none!important;width:100%;height:330px!important;}
.gns-300x250 .gns-basecanvas {width:100%!important;height:327px!important;background: none!important;}
.gns-300x250, .gns-300x250 .gns-result, .gns-300x250 .gns-query-title  {width:100%!important;}
.gns-300x250 .gns-ss-frame {bottom:40px!important;top:auto!important;left:10px;}
.gns-clusterresults, .gns-ss-frame, .gns-ss-title {display:none;}
.news-updates li {padding: 5px;background: none;border:0!important;margin:0!important;font-size: 1.1em; }
.news-updates li:nth-child(odd){background-color: #ebebeb;}


/* Usermenu */
#ja-usermenu {position: relative;top:-10px!important;margin-bottom:-40px!important;}
#ja-usermenu .moduletable-inner {border-bottom: 1px solid #ccc!important; }
#ja-usermenu .logout .moduletable-inner {border-bottom:0!important;}
#ja-usermenu .logout {border-left:1px solid #ccc;}
#ja-usermenu a, .menu-suckerfish-horizontal{color:#818181;}
#ja-usermenu #Mod120{width:100%;}
#ja-usermenu .moduletable-inner {padding:0!important; }
#ja-usermenu .moduletable ul#mainlevel li {float:left;background: none;padding:0 17px;border-right:1px solid #ddd;}
#ja-usermenu .logout {width:auto;float:right;right:15px;top:-30px;}
#login-form div {float:left;margin-left:10px;}
.login-greeting {line-height: 2em;}


/* Download */
.leftdetails {float:left;width:17%;}
.rightdetails {float:right;width:82%!important;}
.rightdetails .element-textarea {border-bottom: 1px solid #ddd;margin-bottom: 15px;padding-bottom: 10px;}
.left-detailinfo {float:left;margin-bottom:19px!important;overflow: auto;}
.right-detailinfo {float:right;padding:0px!important; }
.right-detailinfo .element {padding:18px 0!important;}
.detailinfo {}
.blog-download .teaser-item-bg {border-bottom: 1px solid #ddd;}
.element-download a strong {color:#000;font-weight: 300;padding:4px 10px;margin-top:20px;border-radius: 3px;width:140px;display: block;}
.element-download.last div {}
.element-download.last div h4{text-transform: none;margin-top: 20px;}

/*megamenu*/
.ja-megamenu ul.level1 li.mega a.mega {padding:.7em 1em!important;}
.ja-megamenu ul.level1 li.mega a.mega span.menu-title {line-height: 1.1em;}
.menu-image {
text-align: right;
position: relative;
left: 7px;
}

/*Suckerfish*/
span.expanded {background:url(../images/arrow-down.png) 100% 7px no-repeat;padding-right:17px;}
.menu-suckerfish-horizontal{position:relative;z-index:9;}
.menu-suckerfish-horizontal ul ul {width:16em;margin-top:10px;}
ul.mainlevel-suckerfish-horizontal li li {position:relative;width:15em;padding:5px 10px;margin:0;border-bottom:1px solid #eee;background: #fff;}
ul.mainlevel-suckerfish-horizontal li li:last-child {
-webkit-border-radius:  0 0 5px 5px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
-moz-border-radius: 	0 0 5px 5px; /* FF1-3.6 */
border-radius: 			0 0 5px 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
border-bottom:0;
}
ul.mainlevel-suckerfish-horizontal li {float:left;position:relative;background: none;overflow: visible!important;}
ul.mainlevel-suckerfish-horizontal ul {display: none;position: absolute;padding-top:10px;top:.5em!important;left:0px!important;z-index: 999;}
ul.mainlevel-suckerfish-horizontal ul ul{padding-top:0;}
ul.mainlevel-suckerfish-horizontal li:hover ul{display: block!important;top:0;left:0;}
.menu-suckerfish-horizontal ul#menulist_root-suckerfish-horizontal li {padding-left:20px!important;}
.mainlevel-suckerfish-horizontal ul li:hover {background: #f1f1f1;}


/*subLevel2*/
#ja-usermenu ul.mainlevel-suckerfish-horizontal ul ul{top:-10px!important;left:230px!important;display:none!important;}
#ja-usermenu ul.mainlevel-suckerfish-horizontal ul li:hover ul {display: block!important;}
#ja-usermenu ul.mainlevel-suckerfish-horizontal ul span.expanded {background:url(../images/arrow-sub-right.png) 100% 7px no-repeat;padding-right:17px;display: block;}



/*Photo Gallery*/
.photo-thumb{;float:left;margin-right:7px!important;margin-bottom: 7px!important;}
.blog-media div.media-left {margin:0!important;}
#Mod143 .media {clear:both;width: 63px;display: inline-block;}
#Mod143 .flickr_image{margin:1px;width:60px;height:60px;margin:4px;float:left;}
#Mod143 .moduletable-inner {padding:0!important; }
#Mod143 .shadow-background:url(../images/) no-repeat; {padding:15px;}
#Mod143 .moduletable {padding:15px;}
.moduletable .complete_gal {margin-top:20px;}
.blog-media .teaser-item {float:left!important;width:175px;}
.blog-media div.teaser-item-bg {background: none!important;}
.blog-media div.teaser-item:last-child div.teaser-item-bg, .blog-media div.teaser-item:last-child {padding: inherit;}
.photoset h4 a {font-family: 'droid sans'!important;color:#666!important;text-transform: none;font-size: .8em;height:50px;display: block;}
img.flickr_image {display: block!important;}
.blog-media .floatbox {height:245px;}

/*Video*/
.element-deyoutube {text-align:center;}
.blog-youtube .teaser-item {float:left;margin-right: 0px;width:223px;}
.blog-youtube .teaser-item-bg {padding:10px 10px 10px 10px!important; background: #fff!important;border-bottom:2px solid #eee;height:222px;}
.blog-youtube .teaser-item a {color: #666;font-size: .9em;}
#yoo-zoo .item .element-deyoutube {margin-bottom: 40px!important;}

/*Hacks*/
.show-on-mobile {display: none;}

/*Finder*/
.finder {margin-top:10px;margin-bottom:20px!important;}

/* Forum */
.cofiMainmenuRow {overflow: auto;background: #f1f1f1;padding:0;border:1px solid transparent;}
.cofiMainmenuRow a {background: #f9f9f9;padding:3px 10px;display: block; border-left:1px solid #eee;}
.cofiMainmenuItem {margin-left: -3px;}
.cofiMainmenuItemRecentText {margin:3px 10px 0 30px;}

/*Disclaimer*/
#ja-dc {border-top:1px solid #fff;}

/*Panel Menu*/
#Mod154 ul.menu {margin-bottom:15px;position:relative;z-index:19;float:right;}
#Mod154 ul.menu li {display:inline-block;background:none;padding:0 10px;font-size:.8em;}
#Mod154 ul.menu li a {color:#666;}
#Mod154 ul.menu li{border-right:1px solid #999;}
#Mod154 ul.menu li:last-child {border:none;}
#Mod154 div.moduletable-inner {padding:0 15px 15px 15px!important; }

/* Submission & Staging*/
#yoo-zoo .mysubmissions > h1.headline, #yoo-zoo .submission > h1.headline {font-family: inherit;font-size: 3em;}
#yoo-zoo div.submission fieldset legend {display: none;}
a.item-icon:after {content:']';}
a.item-icon:before{content:'[';}
a.item-icon{font-style: italic;}
div.repeat-elements li.repeatable-element {background: none;padding:0;}
#yoo-zoo .item div.pos-author {background: none;border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin-top:20px;font-size: .8em!important;}
#yoo-zoo .item div.pos-author h3 {font-size: 1em;float:left;width:120px;}
#yoo-zoo .item div.pos-author .element {width:100%;display: block;clear:both;}
#yoo-zoo .item div.pos-author ol {float:left;padding-left:15px;}
#itemauthorprofile ul li {background: none;padding:0;}
h1.pos-title a.edit-item, .tablerow a.edit-item {color:#f04326;}
.author li {background: none;padding-left:0!important; }


/*Contact Us*/
.aiContactSafe_row {overflow: auto;height:30px;}
#aiContactSafe_row_aics_message {height:auto;}
.aiContactSafe_row input{width:240px;}
.aiContactSafe_row textarea {width:400px!important;height:150px!important;}
#countdown_aics_message {width:auto;}

/* Mobile Menu */
#ja-mobilemenu {display: none;}

/*Time and Date */
.time-date {font-size: .8em; absolute;top:0px;float:right;right:10px;}


/* Access Detect */
.for-contributor, .for-adr {background:url(../images/exclamation.png) 0 50% no-repeat;padding-left:22px;}

/*Meeting Records*/
.blog-meeting-lwg-meeting td.calCol1 a.for-registered:first-child, .blog-meeting-twg-meeting td.calCol1 a.for-registered:first-child, .blog-meeting-aswsc td.calCol1 a.for-registered:first-child, .blog-meeting-swg-acts td.calCol1 a.for-registered:first-child{display: none;}

/*Customize*/
.shadow-bg .media:last-child {width:auto!important;}
#ja-usermenu a {color:#032E7A;}
.social-module img{text-align:center;margin-left:5px;}
.news-updates ul.zoo-item-list {height:260px;overflow-y:scroll;}
::-webkit-scrollbar {
    height: 3px;
	width: 3px;
	background: #fff;
    }
::-webkit-scrollbar-thumb {
    background: #666;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px #ddd;
}
::-webkit-scrollbar-corner {
    background: #000;
}
.aswplorer #ja-content, .ja-frontpage #ja-content {
	width:100%;
}

/* 26 feb 2019 */
.flickr_album ul {display: flex; width: 100%; flex-wrap: wrap;}
.flickr_album ul li {padding:0; margin: 10px; width: 30%; border: 1px solid #ddd; background-color: #fff; min-height: 175px; font-size: 24px; background-repeat: no-repeat; background-position: 50% 50%; position: relative; display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.flickr_album ul li a {color: #fff; position: relative; z-index: 2;}
.flickr_album ul li:before {
	background: rgba(0, 0, 0, 0.2);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.6)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.flickr_album ul li:nth-child(1) {background-image: url(../../../images/flickr/flickr1.jpg)}
.flickr_album ul li:nth-child(2) {background-image: url(../../../images/flickr/flickr2.jpg)}
.flickr_album ul li:nth-child(3) {background-image: url(../../../images/flickr/flickr3.jpg)}
.flickr_album ul li:nth-child(4) {background-image: url(../../../images/flickr/flickr4.jpg)}
.flickr_album ul li:nth-child(5) {background-image: url(../../../images/flickr/flickr5.jpg)}
.flickr_album ul li:nth-child(6) {background-image: url(../../../images/flickr/flickr6.jpg)}
.flickr_album ul li:nth-child(7) {background-image: url(../../../images/flickr/flickr7.jpg)}
.flickr_album ul li:nth-child(8) {background-image: url(../../../images/flickr/flickr8.jpg)}
.flickr_album ul li:nth-child(9) {background-image: url(../../../images/flickr/flickr9.jpg)}
.flickr_album ul li:nth-child(10) {background-image: url(../../../images/flickr/flickr10.jpg)}