/**

 * ------------------------------------------------------------------------

 * JA Teline IV Template for Joomla 2.5

 * ------------------------------------------------------------------------

 * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.

 * @license - Copyrighted Commercial Software

 * Author: J.O.O.M Solutions Co., Ltd

 * Websites:  http://www.joomlart.com -  http://www.joomlancers.com

 * This file may not be redistributed in whole or significant part.

 * ------------------------------------------------------------------------

 */

/* COMMON STYLE

--------------------------------------------------------- */

body {
  font-family: "Avenir Next", Arial, sans-serif;
}

body#bd {
  color: #333;

  font-size: 14px; /* Base Font */

  line-height: 1.5;
}

/* Normal links ---*/

a {
  color: var(--color-main);

  text-decoration: none;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

  transition: all 0.2s ease;
}

a:visited {
  color: #888;
}

h1 a:visited {
  color: var(--color-main);
}

a:hover,
a:active,
a:focus {
  text-decoration: underline;
}

ul li {
  background: none;
  overflow: visible;
  padding: 0;
}

/* Readon links ---*/

p.readmore {
  float: left;
  padding-top: 2px;
}

p.readmore a {
  background: url(../images/arrow-bg.png) no-repeat right top;

  color: var(--color-main) !important;

  display: inline-block;

  font: bold 10px/20px "Avenir Next", Arial, sans-serif;

  height: 20px;

  padding: 0 12px 0 8px;

  text-transform: uppercase;

  -webkit-transition: none;

  -moz-transition: none;

  -o-transition: none;

  transition: none;
}

p.readmore a:hover,
p.readmore a:active,
p.readmore a:focus,
body.com_cobalt p.readmore a {
  background: url(../images/arrow-bg.png) no-repeat right bottom;

  color: var(--color-opposite);

  text-decoration: none;
}

/* Images ---*/

img.img-border {
  border: 1px solid #ddd;

  margin: 20px 0;

  padding: 3px;
}

.ja-thumbnailwrap {
  margin-top: 15px;
}

/* Headings & Titles ---*/

h1 {
  font-size: 180%;
}

h2 {
  font-size: 150%;
}

h3 {
  font-size: 150%;
}

h4 {
  font-size: 100%;
  text-transform: none;
}

h5 {
  font-size: 100%;
}

.contentheading,
.componentheading,
h1,
h2,
h3,
h4,
h5 {
  font-family: "Avenir Next", Arial, sans-serif;
}

h1.contentheading,
h2.contentheading,
.contentheading {
  margin: 0;
  padding-bottom: 5px;
}

h1.componentheading,
.componentheading {
  border-bottom: 10px solid #ddd;

  color: var(--color-main);

  font: bold 200% / normal "Avenir Next", Arial, sans-serif;

  margin-bottom: 12px;

  padding: 0 0 8px;

  text-transform: uppercase;
}

.contentheading {
  font-size: 200%;
}

.blog-featured .contentheading,
.blog .contentheading {
  font-size: 125%;
}

.ja-telineiv-blog .contentheading {
  font-size: 200%;

  line-height: 1;

  margin: 0;

  padding: 0 0 0 70px;
}

.ja-telineiv-blog .contentheading a {
  color: #333;
}

.items-leading .contentheading {
  font-size: 175%;
}

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

/* List ---*/

.ja-content-main ul li p,
.ja-content-main ol li p {
  margin: 0;
}

.ja-moduletable ol li,
.ja-module ol li,
.ja-content-main ol li {
  line-height: 1.4;
}

/* Others ---*/

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

#ja-absolute .main {
  height: auto;

  left: 1px;

  position: fixed;

  top: 1px;

  width: auto !important;

  z-index: 99999;
}

#ja-absolute .main a {
  background: url(../images/joomla15.png) no-repeat left top;

  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;
}

/* FORM

--------------------------------------------------------- */

input,
select,
textarea,
.inputbox {
  font-family: "Avenir Next", Arial, sans-serif;
  padding: 2px;
}

.inputbox {
  background: var(--color-opposite);
  border: 1px solid #aaa;
  padding: 3px 5px;
}

.button,
button {
  background: url(../images/grad-l1.gif) repeat-x left bottom var(--color-opposite);

  border-bottom: 1px solid #ccc;

  border-left: 1px solid #ddd;

  border-right: 1px solid #ccc;

  border-top: 1px solid #ddd;

  cursor: pointer;

  font-family: "Avenir Next", Arial, Verdana, Sans-serif;

  font-weight: bold;

  overflow: visible;

  padding: 3px 5px;

  text-transform: uppercase;
}

.button2-left {
  margin-left: 0 !important;
  margin-top: 10px !important;
  margin-right: 5px;
}

.toggle-editor .button2-left {
  margin-top: 5px !important;
}

/* Search ---*/

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

form.search .inputbox {
  width: 95%;
}

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

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

/* Contact ---*/

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

.contact_email {
  margin: 10px 0;
}

.contact_email div {
  margin: 5px 0;
}

label[for="contact_email_copy"] {
  display: inline;
}

input#contact_email_copy {
  float: left;

  margin-right: 5px;
}

/* JOOMLA STYLE

--------------------------------------------------------- */

/* Layout Deco ---*/

.items-leading {
  background: var(--color-opposite) ae5;

  border: 1px solid #ddd;

  margin: 0 0 12px;

  padding: 8px;
}

.items-row {
  background: url(../images/divider.gif) repeat-x top;
  padding-top: 20px;
}

.items-row .item {
  background: url(../images/dot-2.gif) repeat-y left;
}

.items-row .column-1 {
  background: none;
}

/* Meta ---*/

.article-tools {
  border-bottom: 1px dotted #ddd;

  font-family: "Avenir Next", Arial, sans-serif;

  line-height: normal;

  margin-bottom: 5px;

  padding: 0 0 2px;

  text-transform: uppercase;

  position: static;
}

dl.article-info {
  color: #aaa;
  font-size: 1.5em;
}

ul.actions {
  margin: 0;
}

ul.actions li {
  background: none;
  line-height: 1;
}

p.modifydate {
  color: #999;

  font-family: "Avenir Next", Arial, sans-serif;

  margin-top: 0;

  text-transform: uppercase;
}

.ja-telineiv-blog .article-tools {
  border: 0 none;

  display: block;

  font-style: italic;

  padding: 5px 0 0 70px;

  text-transform: uppercase;
}

.ja-telineiv-blog .article-info a {
  text-transform: uppercase;
}

.ja-telineiv-blog .ja-blog-date {
  background: url(../images/curl2-bg.gif) no-repeat left top;

  color: var(--color-opposite);

  padding-top: 5px;

  position: absolute;

  left: -20px;

  line-height: 1;

  text-align: center;

  top: 0px;

  width: 80px;
}

.ja-blog-date div.inner {
  display: inline;
}

.ja-telineiv-blog .ja-blog-date div.inner {
  background: #333;

  padding: 0 10px 5px 10px !important;

  display: block;
}

.ja-telineiv-blog .ja-blog-date span.date {
  float: left;

  font-size: 200%;

  font-weight: bold;

  margin-top: 2px;

  text-shadow: 0 1px 1px var(--color-main);
}

.ja-telineiv-blog .ja-blog-date span.month-year {
  font-family: "Avenir Next", Arial, Helvetica, sans-serif;

  font-size: 10px;

  text-transform: uppercase;

  color: #ccc;

  padding-top: 7px;

  display: block;
}

.ja-telineiv-blog .ja-blog-date span.month-year strong {
  display: block;

  padding: 0 0 2px;
}

.ja-telineiv-blog .ja-blog-date .jac-add-button {
  border: 0;

  color: #ccc;

  clear: both;

  display: block;

  font-family: "Avenir Next", Arial, Helvetica, sans-serif;

  font-size: 11px;

  margin: 3px 0 0;

  padding: 0;

  width: 100%;

  float: none;
}

.ja-telineiv-blog .ja-blog-date .jac-add-button a {
  color: #ccc !important;

  display: inline;

  text-shadow: 0 1px 1px var(--color-main);

  padding: 0 !important;

  border: 0;

  background: none !important;

  text-transform: none;

  line-height: normal;

  width: 100%;
}

.ja-telineiv-blog .ja-blog-date .jac-add-button a:hover {
  color: var(--color-opposite);
}

.ja-telineiv-blog .jac-add-button span.jac-count-comment {
  background: none;

  border: 0;

  color: #ccc !important;

  padding: 0;

  display: inline;

  line-height: 1;

  width: 100%;
}

/* Article ---*/

.blog-featured .article-content,
.blog .article-content {
  font-size: 100%;
}

.item-page.ja-telineiv-blog {
  position: relative;
}

/*Inline images ---*/

div.img-caption {
  margin-bottom: 15px !important;
  margin-top: 15px !important;
}

p div.img-caption {
  margin-top: 5px;
}

p.img-caption {
  background-color: var(--color-main);

  border-top: 1px solid var(--color-opposite);

  color: #ccc;

  font-family: "Avenir Next", Arial, sans-serif;

  padding: 2px 5px 0;

  text-transform: uppercase;
}

/* Pagination ---*/

/* Com User ---*/

.registration fieldset {
  border: 1px solid #ccc;

  padding: 15px;

  margin: 15px 0;
}

/* MODULE STYLES

--------------------------------------------------------- */

div.ja-moduletable,
div.moduletable {
  border: 1px solid #ccc;

  margin: 2px 2px 4px 2px;

  padding: 0;
}

div.ja-moduletable .ja-box-ct,
div.moduletable .ja-box-ct {
  padding: 8px;
}

div.ja-moduletable ul,
div.ja-module ul,
div.ja-moduletable ol,
div.ja-module ol,
div.ja-moduletable p,
div.ja-module p,
div.ja-moduletable h4,
div.ja-module h4 {
  margin-top: 0;
}

div.ja-moduletable ul li,
div.ja-module ul li {
  background-position: 2px 7px;
}

div.ja-moduletable #login-form ul li,
div.ja-module #login-form ul li {
  padding-left: 12px !important;
}

/* Tab Modules ---*/

div.moduletable-tabs {
  border-top: 0 !important;
}

div.moduletable-tabs > h3 {
  display: none !important;
}

div.moduletable-tabs .ja-box-ct {
  padding: 0 !important;
}

/* JA News Frontpage Modules ---*/

div.moduletable-newsfp {
  background: 0 !important;
  border: 0;
  margin: 0 !important;
}

div.moduletable-newsfp .ja-box-ct {
  padding: 0;
}

.ja-colswrap .ja-moduletable .article_separator {
  display: none;
}

span.jazin-content-text {
  color: #999;
  overflow: hidden;
}

#ja-topmega {
  position: relative;

  z-index: 12;

  border: none;
}

/* Blog Button */

#ja-topmega li.nav-blog {
  background: url(../images/stripe-bg-2.png);
}

#ja-topmega li.nav-blog a.nav-blog {
  background: url(../images/icons/nav-blog.png) no-repeat center var(--color-main) !important;
}

#ja-topmega li:hover a.nav-blog,
#ja-topmega li.over a.nav-blog,
#ja-topmega li.active a.nav-blog {
  background: url(../images/icons/nav-blog.png) no-repeat center #3b7513 !important;
}

#ja-topmega li.nav-blog .ja-moduletable ul li {
  padding-left: 10px;
}

#ja-topmega li.nav-blog .childcontent-inner {
  background-image: none !important;
}

#ja-topmega li.nav-blog .ja-moduletable .k2LatestCommentsBlock ul li {
  background: none;

  padding-left: 0;

  padding-right: 0;
}

/* Interview Button */

#ja-topmega li.nav-interview {
  background: url(../images/stripe-bg-2.png);
}

#ja-topmega li.nav-interview a.nav-interview {
  background: url(../images/icons/nav-interview.png) no-repeat center var(--color-main) !important;
}

#ja-topmega li:hover a.nav-interview,
#ja-topmega li.over a.nav-interview,
#ja-topmega li.active a.nav-interview {
  background: url(../images/icons/nav-interview.png) no-repeat center #e04b40 !important;
}

#ja-topmega li.nav-interview .childcontent-inner {
  background-image: none !important;
}

/* Social Button */

#ja-topmega li.nav-social a.nav-social {
  background: url(../images/icon-twitter.png) no-repeat center #138bb3 !important;
}

#ja-topmega li:hover a.nav-social,
#ja-topmega li.over a.nav-social,
#ja-topmega li.active a.nav-social {
  background: url(../images/icon-twitter.png) no-repeat center #138bb3 !important;
}

/* RSS Feeds */

#ja-topmega li.nav-feeds a.nav-feeds {
  background: url(../images/icon-feeds.png) no-repeat center #f68916 !important;
}

#ja-topmega li:hover a.nav-feeds,
#ja-topmega li.over a.nav-feeds,
#ja-topmega li.active a.nav-feeds {
  background: url(../images/icon-feeds.png) no-repeat center #f68916 !important;
}

#ja-topmega li.nav-feeds .childcontent-inner {
  padding-top: 0;
}

/* Ja Twitter Modules ---*/

div.ja-twitter {
  font-family: "Avenir Next", Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 0;
}

.ja-twitter-wrapper ul li {
  background: none;
}

.ja-twitter-wrapper {
  background: #f0f0f0;

  border: 1px solid #ccc;

  margin-bottom: 10px;

  padding: 8px;
}

.ja-twitter-wrapper .ja-twitter-avatar {
  padding-right: 2px !important;
}

.ja-twitter-image {
  display: block;
  float: left;
}

.ja-twitter-source,
.ja-twitter-text {
  color: #333;
}

.ja-twitter center img {
  float: none !important;
}

.ja-twitter h4 {
  margin: 10px 0;
  padding: 5px 0;
}

/* Advertisement Modules ---*/

div.moduletable-ads .ja-box-ct {
  padding: 0;
}

div.moduletable-ads .ads-squarebutton img,
div.moduletable-ads .ads-squarepopup img {
  border: 1px solid #ccc;
  margin: 3px;
}

div.moduletable-ads .ads-squarebutton {
  padding: 5px;
}

div.bannergroup_text div.banneritem {
  border-bottom: 1px dotted #ccc;
  padding: 5px 0;
}

div.bannergroup_text div.bannerfooter {
  padding: 5px 0;
}

/* MAIN LAYOUT DIVS

--------------------------------------------------------- */

.main .main-inner1 {
  margin-left: 0;
  margin-right: 0;
}

/* MAIN COLUMN

--------------------------------------------------------- */

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

#ja-contentwrap {
  padding: 0;
}

/* Content Top ---*/

.ja-content-top {
  border: 1px solid #ccc;
  margin: 2px;
  padding: 0;
}

#ja-content-top .ja-moduletable,
#ja-content-top .ja-module {
  margin-left: 0;
  margin-right: 0;
}

/* Block Tabs */

.ja-blocktab-title {
  left: -25px;
  position: absolute;
  top: 8px;
}

.ja-blocktab-title ul li {
  background: url(../images/news-btn-sprites.gif) no-repeat top left var(--color-opposite);

  color: #666;

  cursor: pointer;

  display: block;

  font: 92%/18px "Avenir Next", Arial, sans-serif;

  margin-bottom: 5px;

  text-indent: -1000em;

  text-transform: uppercase;

  width: 18px;
}

.ja-blocktab-title ul li:hover,
.ja-blocktab-title ul li.active {
  background-position: bottom left;
}

.ja-blocktab-title ul li.blocktab-ja-news-2 {
  background-position: center top;
}

.ja-blocktab-title ul li.blocktab-ja-news-2:hover,
.ja-blocktab-title ul li.blocktab-ja-news-2.active {
  background-position: center bottom;
}

.ja-blocktab-title ul li.blocktab-ja-news-3 {
  background-position: right top;
}

.ja-blocktab-title ul li.blocktab-ja-news-3:hover,
.ja-blocktab-title ul li.blocktab-ja-news-3.active {
  background-position: right bottom;
}

/* Content Bottom ---*/

#ja-content-bottom .ja-moduletable,
#ja-content-bottom .ja-module {
  margin-left: 0;
  margin-right: 0;
}

/* Content Mass ---*/

.ja-mass-top .ja-moduletable,
.ja-mass-top .ja-module {
  margin: 2px 2px 4px 2px;
}

.ja-mass-bottom .ja-moduletable,
.ja-mass-bottom .ja-module {
  margin: 2px 2px 4px 2px;
}

#ja-content-mass-bottom .ja-moduletable,
#ja-content-mass-bottom {
  text-align: center;
}

#ja-content-mass-bottom .ja-module {
  border-top: 0; /*float: left; width: 49%;*/
}

#ja-content-mass-bottom .banneritem {
  box-shadow: none !important;
}

#ja-content-mass-bottom .ja-moduletable h3 {
  border-top: 5px solid var(--color-main);
}

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

h1.logo,
div.logo-text h1 {
  font-size: 40px;
  line-height: 1;
}

/* Logo Image ---*/

h1.logo a {
  background: none;
  display: block;
  width: 360px;
}

/* Logo Text ---*/

div.logo-text {
  margin-top: 40px;
}

div.logo-text h1 {
  letter-spacing: 2px;
  margin-left: 2px;
}

div.logo-text h1 a {
  color: var(--color-main);
  text-decoration: none;
}

p.site-slogan {
  background-image: url(../images/stripe-bg.png);

  color: #999;

  display: block;

  font-family: "Avenir Next", Arial, sans-serif;

  font-size: 85%;

  line-height: 1;

  margin: 3px 0 0;

  padding: 0;

  text-align: center;

  text-transform: uppercase;
}

p.site-slogan span {
  display: inline-block;
  padding: 0 5px;
}

/* Header Right ---*/

.ja-header-r {
  padding: 0;
  position: absolute;
  right: 0;
  bottom: 4px;
  width: auto;
}

/* Head Date  */

.ja-day {
  background: url(../images/stripe-bg-2.png);

  border-left: 1px solid #ccc;

  border-right: 1px solid #ccc;

  color: var(--color-main);

  float: left;

  position: relative;

  text-transform: uppercase;
}

.ja-day span {
  display: block;
}

.ja-day span.month,
.ja-day span.date {
  border-right: 1px solid #ccc;

  float: left;

  font: bold 11px/26px "Avenir Next", Arial, sans-serif;

  text-align: center;

  width: 30px;
}

.ja-day span.day,
.ja-day span.year {
  display: none;

  float: right;

  font: bold 11px/26px "Avenir Next", Arial, sans-serif;

  text-align: center;

  text-transform: uppercase;

  width: 50px;
}

.ja-day span.year {
  display: block;
}

.ja-day:hover span.day {
  background: #069;
  color: var(--color-opposite);
  display: block;
}

.ja-day:hover span.year {
  display: none;
}

/* Search ---*/

#ja-search {
  border-left: 1px solid #ccc;

  border-right: 1px solid #ccc;

  height: 26px;

  right: 0;

  top: 0;
}

#ja-search form.search {
  background: url(../images/icons/search.png) no-repeat 10px center;

  padding-left: 35px;

  display: block;

  height: 26px;
}

#ja-search .inputbox {
  background: transparent;

  border: 1px solid transparent;

  color: var(--color-main);

  font-size: 100%;

  padding: 0;

  vertical-align: top;

  margin-top: 4px;
}

#ja-search .button {
  background: #ccc;

  border: 0;

  color: var(--color-main);

  padding: 0px 8px;

  height: 26px;

  text-transform: uppercase;

  vertical-align: middle;

  white-space: nowrap;

  margin: 0px !important;
}

#ja-search:hover form.search,
#ja-search:focus form.search {
  background-color: #ddd;
}

#ja-search:hover .button,
#ja-search:focus .button {
  background: #069;
  color: var(--color-opposite);
}

/* Top Bar ---*/

#ja-topbar {
  height: 26px;
  position: absolute;
  top: 0;
  z-index: 11;
}

#ja-topbar .main {
  border-bottom: 1px solid #ccc;

  color: #999;

  font: 92%/26px "Avenir Next", Arial, sans-serif;
}

.ja-updatetime {
  border-right: 1px solid #ccc;
  float: left;
  padding: 0 10px;
}

.ja-updatetime span {
  color: #999;
  font-weight: bold;
}

.ja-updatetime em {
  color: var(--color-main);
  font-style: normal;
  margin-left: 5px;
}

span.has-image {
  min-height: 18px;
}

/* Breadcrumbs Top ---*/

#ja-navhelper-top {
  clear: both;

  color: #999;

  display: block;

  padding: 0;

  position: relative;
}

#ja-navhelper-top .ja-breadcrums a.ja-back-btn {
  display: none;
}

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

/* Breadcrumbs ---*/

#ja-navhelper {
  color: #ccc;

  font: 92%/1.5 "Avenir Next", Arial, sans-serif;
}

#ja-navhelper .main {
  padding: 10px 0;
  text-transform: uppercase;
  background: #2a2a2a;

  border-bottom: 1px solid #333;
}

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

#ja-navhelper a {
  background: var(--color-main);
  color: var(--color-opposite);
  padding: 1px 5px;
}

/* Extras ---*/

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

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

/* Default Joomla! Menu ---*/

#ja-container ul.menu li {
  border-bottom: 1px dotted #ddd;
  line-height: normal;
}

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

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

#ja-container ul.menu li ul {
  margin: 0;
}

#ja-container ul.menu li li {
  background: none;
  border: none;
}

#ja-container ul.menu li li a {
  background: url(../images/arrow-3.png) no-repeat 2px 8px;

  color: #666;

  font-size: 92%;

  font-weight: normal !important;

  text-indent: 15px;

  text-transform: none;

  width: 100%;
}

#ja-container ul.menu li li a:hover,
#ja-container ul.menu li li a:active,
#ja-container ul.menu li li a:focus {
  background: url(../images/arrow-3.png) no-repeat 2px 8px;
}

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

#ja-container ul.menu span.separator {
  background: url(../images/arrow-3.png) no-repeat 2px 8px;

  color: #666;

  display: block;

  font-size: 92%;

  font-weight: normal !important;

  padding: 5px 0;

  text-indent: 15px;

  text-transform: none;

  width: 100%;
}

#ja-container ul.menu li ul ul {
  margin: 0 10px;
}

/* SPOTLIGHT

--------------------------------------------------------- */

#ja-topsl1 .ja-moduletable,
#ja-botsl1 .ja-moduletable,
#ja-topsl2 .ja-moduletable,
#ja-botsl2 .ja-moduletable {
  margin: 0;
}

/* Top spotlight 1 ---*/

#ja-topsl1 {
  padding: 12px 0 4px;
}

#ja-topsl1 .column {
  overflow: visible;
}

#ja-topsl1 .ja-box-right .ja-moduletable {
  margin-bottom: 4px;

  margin-left: 2px;

  overflow: hidden;
}

#ja-topsl1 .ja-box-right .moduletable-tabs {
  border-top: 0 !important;
}

/* Bot spotlight 1 ---*/

#ja-botsl1 {
  padding: 8px 0 2px;
}

#ja-botsl1 .main {
  padding: 0;
  width: 948px;
}

/* Bot spotlight 2 ---*/

#ja-botsl2 .main {
  background: #2a2a2a;
  padding: 10px 0;
}

#ja-botsl2 a {
  color: var(--color-opposite);
}

#ja-botsl2 .main {
  padding: 0 0 8px;
}

#ja-botsl2 .ja-moduletable {
  background: transparent;
  border: 0;
  color: #999;
  margin-top: 12px;
}

#ja-botsl2 .ja-moduletable h3 {
  border-bottom: 1px dotted #666;

  border-top: 0;

  color: var(--color-opposite);

  margin: 0 12px;

  padding-left: 0;
}

#ja-botsl2 .ja-box-right .ja-moduletable {
  background: #333 !important;
  margin: 12px;
}

#ja-botsl2 .ja-box-right .ja-moduletable .ja-box-ct {
  padding: 12px 12px 8px;
}

/* FOOTER

----------------------------------------------------------- */

#ja-footer {
  background: var(--color-main);
  margin-top: 30px;
}

#ja-footer .main {
  background: #1f1f1f;
  color: #666;
  padding: 0;
  text-align: left;
}

#ja-footer .main-inner1 {
  padding: 12px 0 24px 240px;
  background: #1f1f1f;
}

#ja-footer a {
  color: #aaa;
}

#ja-footer a:hover {
  color: var(--color-opposite);
  text-decoration: underline;
}

#ja-footer .ja-footnav,
#ja-footer .ja-copyright {
  margin: 0 0 8px;
  text-align: center;
}

/* Footnav ---*/

#ja-footer .ja-footnav {
  border-bottom: 1px dotted #333;
}

#ja-footer .ja-footnav ul {
  overflow: hidden;

  padding-bottom: 8px;

  padding-left: 4px;

  display: inline-block;
}

#ja-footer li.top {
  display: none !important;
}

#ja-footer .ja-footnav ul.ja-links {
  float: right;

  margin: 0;
}

#ja-footer .ja-footnav ul li,
.urbanist-network-props .row.text a {
  border-left: 1px dotted #444;

  border-bottom: 0;

  display: block;

  float: left;

  line-height: normal;

  padding: 0 8px;
}

#ja-footer .ja-footnav ul li:first-child,
.urbanist-network-props .row.text a:first-child {
  border: none;
}

.urbanist-network-props .row.text a {
  font-size: 1.4em;
  margin-top: 0.5em;
}

#ja-footer .ja-footnav ul li a {
  padding: 0;

  color: #aaa;
}

/* Foot Logo ---*/

/*

#ja-footlogo {

  background: url(../images/curl-bg-4.png) no-repeat right top;

  height: 85px;

  left: 12px;

  position: absolute;

  text-align: center;

  top: -5px;

  width: 220px;

}



#ja-footlogo a {

  background: var(--color-main);

  border: 1px solid var(--color-main);

  color: #666;

  display: block;

  font: 24px/85px 'Ubuntu Condensed', 'Avenir Next', Arial, sans-serif;

  height: 85px;

  text-transform: uppercase;

  white-space: nowrap;

  width: 214px;

}



#ja-footlogo a:hover,

#ja-footlogo a:active,

#ja-footlogo a:focus { background: #069; color: var(--color-opposite); text-decoration: none; }*/

/* T3 Logo --- */

#ja-poweredby {
  position: absolute;
  right: 10px;
  top: 42px;
}

/* Copyright Info. ---*/

/*

#ja-footer .ja-copyright { border-left: 1px dotted #333; margin-left: 4px; padding-bottom: 4px; }



#ja-footer .ja-copyright small { text-indent: 8px; }*/

/* Site Map ---*/

#ja-sitemap .item-inner {
  border-left: 1px solid #333;
  margin: 0;
  padding: 0 12px;
}

#ja-sitemap .column1 .item-inner {
  border-left-color: #2a2a2a;
}

#ja-sitemap .item-inner:hover {
  background: #333;
}

#ja-sitemap h4 {
  font-family: "Avenir Next", Arial, sans-serif;

  margin: 0;

  padding: 4px 0 4px;

  text-transform: uppercase;
}

#ja-sitemap .item-inner:hover h4 {
  color: var(--color-opposite);
}

#ja-sitemap ul {
  padding-bottom: 4px;
}

#ja-sitemap ul li {
  background: url(../images/arrow-l.png) no-repeat 2px 5px;
  padding-left: 10px;
}

#ja-sitemap ul li a {
  color: #999;
  font-size: 92%;
}

/* MISCELLANOUS

----------------------------------------------------------- */

/* JA News Tooltips ---*/

.janews-tool-tip {
  background: #ffea97;
  border: 0;
}

.janews-tool-tip .tool-tip {
  background: var(--color-opposite) fa3;
  border: 0;
  color: var(--color-main);
  overflow: hidden;
}

.janews-tool-tip .janews-tool-title {
  font-size: 110%;

  font-weight: bold;

  margin: 3px 3px 0;

  padding: 8px 12px 4px;
}

.janews-tool-tip .janews-tool-text {
  margin: 0 3px 3px;
  padding: 0 12px 8px;
}

.janews-tool-tip .janews-tool-text img {
  float: right !important;
  margin: 5px 0 0 8px;
  max-width: 60px;
}

/* JA News Tooltips ---*/

.tip-wrap {
  background: #ffea97;
  border: 0;
  max-width: 300px;
}

.tip-wrap .tip {
  background: var(--color-opposite) fa3;
  border: 0;
  color: var(--color-main);
  overflow: hidden;
}

.tip-wrap .tip-title {
  font-size: 110%;

  font-weight: bold;

  margin: 3px 3px 0;

  padding: 8px 12px 4px;
}

.tip-wrap .tip-text {
  margin: 0 3px 3px;
  padding: 0 12px 8px;
}

.tip-wrap .tip-text img {
  float: right !important;
  margin: 5px 0 0 8px;
  max-width: 60px;
}

/* Mod Feed ---*/

.newsfeed-wrap {
  border: 1px solid #ddd;
  margin-top: 10px;
  padding: 10px;
}

.newsfeed-wrap .site-name {
  height: 20px;
  margin: -20px 0 10px -5px;
  width: 106px;
}

.newsfeed-wrap .site-name a {
  background: url(../images/joomlart.gif) no-repeat left top;

  display: block;

  height: 20px;

  width: 106px;
}

.newsfeed-wrap .site-name a span {
  display: none;
}

.newsfeed-wrap ul li {
  background: url(../images/arrow-3.png) no-repeat left 5px !important;

  padding-bottom: 5px;

  padding-left: 15px;
}

.newsfeed-wrap ul li.last {
  border: none;
  padding-bottom: 0;
}

/* Comment Button --- */

.jac-add-button {
  display: block;

  float: right;

  font: 10px / normal "Avenir Next", Arial, sans-serif;

  text-transform: uppercase;
}

.jac-add-button a,
.jac-add-button span.jac-count-comment {
  background: #f0f0f0;

  color: #333 !important;

  display: block;

  float: left;

  line-height: 18px;

  padding: 0 8px;

  border: 1px solid #ccc;
}

.jac-add-button a:hover,
.jac-add-button a:active,
.jac-add-button a:focus {
  background: var(--color-main);

  color: var(--color-opposite) !important;

  border: 1px solid var(--color-main);

  text-decoration: none;
}

.jac-add-button span.jac-count-comment {
  background: #ccc;

  border: 1px solid #ccc;

  color: #333 !important;

  font-weight: bold;

  padding: 0 4px;
}

/* Others ---*/

#ja-banner {
  border-top: 1px solid #ccc;
}

.custom-tabs p {
  display: none;

  height: 0;

  position: absolute;
}

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

div.ja-innerdiv h4 {
  color: #999;

  font-family: "Avenir Next", Arial, sans-serif;

  font-size: 92%;

  font-weight: normal;

  text-transform: uppercase;
}

div.advs-title {
  background: url(../images/dot-g1.gif) repeat-x left center;

  color: #999;

  font-family: "Avenir Next", Arial, Helvetica, sans-serif;

  font-size: 8px;

  letter-spacing: 1px;

  text-align: center;

  text-transform: uppercase;
}

div.advs-title span {
  background: var(--color-opposite);
  padding: 0 5px;
}

.fancyboxgroup,
.fancyboxgroup:hover,
.fancyboxgroup:focus {
  cursor: pointer;
  text-decoration: none;
}

ul.social-network {
  overflow: hidden;
}

ul.social-network li {
  display: block;
  float: left;
}

/* Max Width for Side Image --- */

#ja-inset1 div.ja-innerdiv img,
#ja-right div.ja-innerdiv img,
#ja-inset1 div.ja-innerdiv img,
#ja-right div.ja-innerdiv img {
  max-width: 99.9%;
}

/* contentpane ---*/

body#bd.contentpane p {
  margin: 10px 0;
}

/* Ja Popup ---*/

.ja-video-thumb {
  overflow: hidden;
}

.ja-video-thumb a,
.ja-video-thumb a.highslide {
  display: block;

  float: left;

  margin: 2px;
}

.ja-video-thumb a img,
.ja-video-thumb a.highslide img {
  border: 0;

  margin: 0;

  padding: 0;
}

.ja-video-thumb a.highslide:hover img {
  border: 0 !important;
}

/* Archive page

--------------------------------------------------------- */

.archive dl.article-info {
  float: none;
}

ul#archive-items li {
  background: none;

  padding-left: 10px;
}

.profile-edit fieldset dt {
  min-width: 17em;
}

.contact-form fieldset dd {
  margin-left: 0px;
}

.contact-miscinfo .jicons-icons,
.contact-address .jicons-icons {
  float: left;

  width: 16px;

  margin-right: 3px;
}

.contact div.current {
  max-width: 515px;
}

p img.caption {
  margin-top: -10px;
}

.text-align-center {
  text-align: center;
}

/* Hal Fixes & Mods

--------------------------------------------------------- */

.ja-zinfp-featured .ja-zincontent-img img,
#hd-articlemod img,
.item-page p > img:not(.vertical-orientation),
.blog p > img:not(.vertical-orientation) {
  width: 100%;

  height: auto;
}

img.vertical-orientation {
  width: auto;
}

#ja-right-mass-top .custom img {
  width: 100%;
}

object,
iframe:not(#iframe-stmblpn-widget-1) {
  width: 100%;
}

#ja-botsl1 .main,
div.class-box-wrap1,
div.class-box-wrap2,
div.class-box {
  width: auto;
}

img.article-view-hide {
  display: none;

  visibility: hiddden;
}

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

.ja-zinfp-featured-wrap {
  width: 52%;
}

.ja-zinfp-normal-wrap {
  width: 47.9%;
}

/* mobile */
body.bd-iphone h1.logo,
body.bd-handheld h1.logo {
  height: inherit;
  width: inherit;
}

body.bd-iphone h1.logo a,
body.bd-handheld h1.logo a {
  max-width: 100%;
}

body.bd-iphone .ja-zin .ja-zinsec:hover .ja-zincat h3,
body.bd-handheld .ja-zin .ja-zinsec:hover .ja-zincat h3 {
  background-image: none;
}

#ja-navhelper-top .ja-breadcrums {
  float: none;
  margin: 20px 0 0;
  padding: 0px;
  white-space: nowrap;
  font-size: 2em;
  font-weight: bold;
  text-indent: 0;
  width: auto;
}