/*
 * ------------------------------------------------------------------------
 * JA T3 Blank template for joomla 1.7
 * ------------------------------------------------------------------------
 * 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
 * ------------------------------------------------------------------------
*/
/* FONTS */
@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('fonts/League-Gothic/League_Gothic-webfont.eot');
    src: url('fonts/League-Gothic/League_Gothic-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/League-Gothic/League_Gothic-webfont.woff') format('woff'),
         url('fonts/League-Gothic/League_Gothic-webfont.ttf') format('truetype'),
         url('fonts/League-Gothic/League_Gothic-webfont.svg') format('svg');
    font-weight: normal; font-style: normal;
}

/* COMMON STYLE
--------------------------------------------------------- */
body {color:#00000e; font-family:Verdana, Helvetica, Arial, sans-serif;}
body#bd {background-color:#022637; color:#00000e;}

/* Normal links ---*/
a {color:#426877; text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:underline; color:#333;}

/* Readon links ---*/
p.readmore {margin:0;}
p.readmore a {text-transform:uppercase; font-weight:bold;}

.contentheading, .componentheading, h1, h2, h3, h4, h5 {font-family:'LeagueGothicRegular', Verdana, Helvetica, Arial, sans-serif;}
h1 {font-size:46px;}
h2 {font-size:38px;}
h3 {font-size:30px;}
h4 {font-size:20px;}
h5 {font-size:;}
h6 {font-size:;}
#ja-main h2 {text-transform:uppercase}
h1.componentheading, .componentheading {border-bottom:1px solid #00000e; font-weight:bold; margin-bottom:20px;}
h2.contentheading, .contentheading {font-weight:normal;}
.contentheading {font-size: 38px;}
.blog-featured .contentheading {font-size:150%;}
.jitem-title {font-size:110%; font-weight:bold;}

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

/* FORM
--------------------------------------------------------- */
input, select, textarea, .inputbox {
  padding: 2px;
  font-family: Verdana, Helvetica, Arial, sans-serif
}

.inputbox { border: 1px solid #ccc; background: #fff; }

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

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

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

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

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

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

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

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

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

#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 {
  margin: 15px 0;
  float: right;
}

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

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

/* JOOMLA STYLE
--------------------------------------------------------- */
/* Layout Deco ---*/
.items-leading { border-bottom: 1px solid #00000e; }

.items-row { border-bottom: 1px solid #00000e; }

/* Meta ---*/
dl.article-info {color:#555; text-transform:none;}
div.article-tools {margin-bottom:20px;}

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

ul.actions li {
  display: inline;
  background: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}

/*Inline images ---*/
p.img_caption { color: #999; text-transform: uppercase; }

/* Tables ---*/
thead tr th {
  background: #333;
  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 {margin-right:20px !important; color:#eaeaee; font-size:11px; font-weight:bold; background-color:#426877 !important; padding:2px 10px 3px 10px !important; border:1px solid #033649; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.pagination li:hover {background-color:#132E37 !important;}
.pagination li a {color:#eaeaee; font-size:11px; font-weight:bold; display:block;}
.pagination li a:hover {text-decoration:none;}
.pagination li span,
.pagination li strong {line-height:20px;}

.items-more {border-bottom:1px solid #ccc;}
.items-more h3 {font-size:125%;}

/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable h3, div.moduletable h3 {
  font-size: 100%;
  text-transform: uppercase;
  font-family: Helvetica, Arial, sans-serif;
  color:#033649;
  border-bottom: 1px solid #426877;
}
div.ja-moduletable, div.moduletable {padding: 0 0 10px;}
div.ja-moduletable p, div.moduletable p {margin:0px 0px 10px 0px;}
div.ja-moduletable label, div.moduletable label {font-size:10px; margin-left:3px; margin-bottom:2px; color:#033649;}
div.ja-moduletable input, div.moduletable input {font-size:10px; font-weight:normal !important; color:#426877; padding:4px 6px; border:1px solid #ccc; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}


/* Login Module ---*/
#login-form ul li {
  background: url(../images/bullet.gif) no-repeat 2px 8px;
  line-height: 160%;
  margin-bottom: 5px;
  overflow: hidden;
  padding-left: 12px;
}

#login-form label {
  display: block;
}

#login-form #form-login-remember label {
  display: inline;
}

/* Right Modules (position-5) ---*/
#ja-right .column ul li {background:none; line-height:100%; margin-bottom:0px; padding-left:5px;}
#ja-right .column h4 {margin:5px 0px !important;}
#ja-right .ja-moduletable ul {margin:0; padding:0;}
#ja-right .moduletable-related-items h4 {margin:0 !important; font-weight:normal; font-size:20px; text-transform:none;}

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

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper {background:none !important;}

#ja-container {background-color:transparent; color:#00000e;}
#ja-container a {color:#033649;}
#ja-container a:hover {color:#00000e; text-decoration:none;}
#ja-container .main {padding:20px 0 0; background: url("../images/content-bg.png") repeat-y scroll center top transparent;}
#ja-content h1 {font-size:46px;}
#ja-content ul ul {margin-top:5px;}
.main .main-inner1 { margin-left: 0 !important; margin-right: 0 !important; }
.withSubText {font-size:80%;}


.column div.ja-moduletable, .column div.moduletable, .column div.ja-module, .column div.module {margin-left:10px; margin-right:10px;}
.column ul li {margin-bottom:10px; line-height: 120%;}
.column br {line-height:75%;}

#article-index {padding:0 12px; margin:20px 0; background-color:#C0CDD1; border-top:2px solid #033649; border-bottom:2px solid #033649; color:#033649;}
#article-index a {color:#033649;}
#article-index a:hover {color:#426877; text-decoration:none;}
#article-index li {background: url("../images/bullet.gif") no-repeat scroll 10px 7px transparent; line-height:120%; margin-bottom:2px; padding-left:20px;}

/* HEADER --------------------------------------------------------- */
#ja-header {background:url("../images/header-bg.png") repeat-x scroll center top #033649;}
#ja-header .main {background: url("../images/header-tree-bg.gif") no-repeat scroll center top transparent; border-bottom: 0px solid #ccc; height:83px; padding:21px 15px;}

h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; margin-left: 10px;}

/* Logo Image ---*/
h1.logo {width:280px; height:83px;}
h1.logo a {background:url("../images/jcdt-logo.png") no-repeat left; display:block; width:280px; height:83px;}

/* Logo Text ---*/
div.logo-text h1 {
  font-size: 200%;
  font-family: Arial, sans-serif;
  font-weight: bold;
}

div.logo-text h1 a {
  text-decoration: none;
}

p.site-slogan {
  color: #ccc;
  display: block;
  font-size: 85%;
  margin: 3px 0 0;
  padding: 0 10px;
  text-transform: uppercase;
}

/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav {background-color: #033649;}
#ja-mainnav .main {background: url("../images/menu-tree-bg.gif") no-repeat scroll center top transparent; border-bottom: 0px solid #ccc; height:40px; }
#ja-megamenu {}
.ja-megamenu ul.level0 li.mega a.mega {color:#EAEAEE !important; padding:12px 15px; font-weight:normal;}

/* Breadcrumbs ---*/
#ja-navhelper {background-color:#022637; color:#426877;}
#ja-navhelper a {color:#426877;}
#ja-navhelper .main {text-transform:uppercase; border-bottom:1px solid #033649; color:#426877;}

.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 { border-bottom: 1px dotted #ccc; }

#ja-container ul.menu li li { border-bottom: 0; border-top: 1px dotted #ccc; }

/* Pagination ---*/
.pagination li a {color:#EAEAEE !important; padding:1px 5px 2px 5px !important;}
.pagination li span {color:#bbb;}

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl h2 {font-size:32px; margin-bottom:0;}
#ja-topsl h2 a:hover {color:#ddd; text-decoration:none;}
#ja-topsl .ja-box, #ja-botsl .ja-box {background:url(../images/dot-1.png) repeat-y right;}

#ja-topsl .ja-box-right, #ja-botsl .ja-box-right {
  background: 0;
}

#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable {
  margin-top: 10px;
  margin-bottom: 10px;
}

#ja-topsl div.ja-moduletable h3,
#ja-botsl div.ja-moduletable h3 { border-bottom: 0; padding-bottom: 0; }

#ja-topsl ul.menu li, #ja-botsl ul.menu li,
#ja-topsl ul.latestnews li, #ja-botsl ul.latestnews li,
#ja-topsl ul.weblinks li, #ja-botsl ul.weblinks li {
  background: url(../images/bullet.gif) no-repeat 1px 6px;
  line-height: 160%;
  margin-bottom: 5px;
  overflow: hidden;
  padding-left: 10px;
}

/* Top spotlight ---*/
#ja-topsl .main { padding: 0; }
#ja-topsl .main-inner1 { padding: 10px 0; border-bottom: 1px solid #ccc; }

/* Bot spotlight ---*/
#ja-botsl {background-color: #022637;}
#ja-botsl .main { padding: 0; border-bottom: 1px solid #033649; }
#ja-botsl .main-inner1 { padding: 10px 0; border-top: 1px solid #ccc; }

/* MISCELLANOUS
----------------------------------------------------------- */
/* Others ---*/
#ja-top-panel .main-inner1 {
  border: 2px dotted #e2e2b5;
  padding: 5px 10px;
  text-align: center;
  margin-top: 15px;
  background: #ffffcc;
  position: relative;
}

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

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

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;
  color: #666;
  display: block;
  font-weight: bold;
  position: absolute;
  padding: 5px 5px 5px 43px;
  right: 10px;
  top: 8px;
  text-decoration: none;
  width: 35px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0 0 3px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}
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 {
  position: fixed;
  width: auto;
  height: auto;
  z-index: 99999;
  top: 1px;
  left: 1px;
}

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

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

/* SEARCH
----------------------------------------------------------- */
#ja-search {bottom: 23px; right:15px;}
#ja-search .inputbox {height:20px; color:#c0cdd1; background-color:#426877; padding:3px 8px; border:1px solid #132E37; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;}

/* TOP NAVIGATION
----------------------------------------------------------- */
#ja-topnav {line-height:1; position: absolute; right:15px; top:23px;}
#ja-topnav .menu {}
#ja-topnav .menu li {display:inline; margin-left:20px;}
#ja-topnav .menu li a {color:#426877;}
#ja-topnav .menu li a:hover {color:#c0cdd1; text-decoration:none;}

/* TOP NAVIGATION (IceMegaMenu)
----------------------------------------------------------- */
#ja-topnav {line-height:1; position:absolute; right:0px; top:23px;}
div.icemegamenu ul#icemegamenu {position:none;}
div.icemegamenu ul#icemegamenu li {border:none;}

/* SHOWCASE
----------------------------------------------------------- */
#ja-showcase {background-color:transparent; margin-top:0; padding-top:10px;}
#ja-showcase div.ja-moduletable {padding:0;}

/* TAG BAR
----------------------------------------------------------- */
#ja-tag-bar {background-color:#00000e; border-bottom:1px solid #033649; clear:both; overflow:hidden;}
#ja-tag-bar .main {}
#ja-tag-bar div.ja-moduletable, #ja-tag-bar div.moduletable {margin:0; padding:0;}
#ja-tag-bar .tag-bar-left {float:left; text-align:left;}
#ja-tag-bar .tag-bar-right {float:right; text-align:right;}

/* SOCIAL NETWORK ICONS
----------------------------------------------------------- */
#ja-tag-bar h2 {font-size:18px;}
#ja-tag-bar .custom {clear:both; overflow:hidden;}
#ja-tag-bar .tag-bar-right li {display:inline; line-height:70px; margin-left:10px;}
#ja-tag-bar .tag-bar-right li.social-twitter {display:none;}
#ja-tag-bar .tag-bar-right li.social-facebook {}
#ja-tag-bar .tag-bar-right li.social-googleplus {display:none;}
#ja-tag-bar .tag-bar-right li.social-youtube {display:none;}

/* FOOTER
----------------------------------------------------------- */
#ja-footer {background-color:#151044; color:#595B89; padding:10px 0 20px 0 !important;}
#ja-footer a {color:#595B89;}
#ja-footer a:hover {color:#ffffff; text-decoration:none;}
#ja-footer small {}
#ja-footer small.left {}
#ja-footer small.right {}
#ja-footer ul.menu {text-align:left; margin:5px 0 20px 0 !important; padding:0; float:left; clear:both; border-top:1px dotted #595B89;}
#ja-footer ul.menu li {display:inline; margin: 0 8px; padding:0;}
#ja-footer ul.menu li:first-child {margin-left:0;}

#ja-footer small.right a.wsg {height:26px; width:26px; display:inline-block; background:url(../../../wsg-tags/wsg-white-trans-26.png) no-repeat 0 0; text-indent:-99999px;}

/* CONTENTS - Tables
----------------------------------------------------------- */
/* Tables Defaults */
#ja-content table {border-top:5px solid #033649; border-bottom:5px solid #033649; margin-bottom:30px;}
#ja-content table th, #ja-content table td {padding:12px; vertical-align:top;}
#ja-content table th {background-color:#426877; color:#eaeaee; border-bottom:5px solid #033649;}
#ja-content table td {border-bottom:2px solid #033649;}
#ja-content table span.sub-text-note {font-size:11px; font-weight:normal; font-style:italic; color:#EAEAEE;}

#ja-content table.about-history td {padding:12px; vertical-align:top; border-bottom:2px solid #033649;}
#ja-content table.about-history tr td:first-child {width:145px}
#ja-content table.about-history tr.tr-last td {border-bottom:none;}

#ja-content table.projects-examples span.sub-text-note {font-size:8.4px;}

/* CONTENTS - Article Images
----------------------------------------------------------- */
#ja-content img.article-image {margin:20px 0px 5px 0px;}
#ja-content span.caption {width:550px; display:block;}
#ja-content span.caption2 {width:260px; display:inline-block;}
#ja-content span.caption, #ja-content span.caption2 {padding:10px; text-align:center; margin:0 auto; margin:5px 0 20px 0; color:#eaeaee; background-color:#426877; border-top:1px solid #033649; border-bottom:1px solid #033649;}

/* CONTENTS - BreezingForms
----------------------------------------------------------- */
#ja-content table#bfReCaptchaWrap {border:none; margin:none;}
#ja-content table#bfReCaptchaWrap td {border:none;}
div.bfClearfix div {clear:both;}

/* CONTENTS - ContentBuilder
----------------------------------------------------------- */
div.cbListView tr.cb-buttons-row td {border-bottom:1px dotted #033649 !important;}
div.cbListView tr.cb-filter-row td table.cbFilterTable,
div.cbListView tr.cb-filter-row td table.cbFilterTable td {border:none !important; margin:0 !important;}
div.cbListView tr.cb-filter-row td table.cbFilterTable td {padding:0 !important;}

/* CONTENTS - ChronoForms
----------------------------------------------------------- */
form.Chronoform {}
form.Chronoform .ccms_form_element {font-size:12px; padding:0;}
form.Chronoform .ccms_form_element label {width:100px}
form.Chronoform .ccms_form_element label span.required {color:red;}
form.Chronoform .ccms_form_element input {width:450px; padding:6px; font-size:12px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
form.Chronoform .ccms_form_element textarea {width:450px; padding:6px; font-size:12px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
form.Chronoform .ccms_form_element select {width:463px; padding:6px; font-size:12px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
form.Chronoform .ccms_form_element div.tooltipimg {margin-top:7px;}
form.Chronoform .ccms_form_element div.tooltipimg a {display:block; background-color:#033649; color:#fff; padding:2px !important; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;}
form.Chronoform .ccms_form_element div.small-message {margin:-4px 0 0 108px; padding:0; clear:none;}
form.Chronoform .ccms_form_element input.cf-button {width:auto; background-color:#033649; color:#fff;}
form.Chronoform .cfdiv_submit {margin-top:50px;}

.chronoform {margin-top:100px; font-size:75%; text-align:center;}

/* Sponsors Logos
----------------------------------------------------------- */
#ja-sponsors {text-align:center; background-color:#022637; color:#426877;}
#ja-sponsors .main {border-bottom: 1px solid #033649; padding:10px 0px;}
#ja-sponsors .ja-moduletable {margin:0; padding:0;}
#ja-sponsors p {}
#ja-sponsors ul {}
#ja-sponsors li {display:inline-block; margin:5px;}

/* Slideshow Fix */
.slide-desc-bg {background:#000000; opacity:1;}

/* JoomGallery Fix */
.gallery .jg_imgalign_gal {margin-bottom:10px;}
.gallery .jg_element_txt li {padding-left:0;}
.gallery .jg_imgalign_catimgs {width:171px; height:125px;}
.gallery .jg_catelem_txt {width:171px;}
.gallery .jg_catelem_txt  li {padding:0; margin-bottom:0px; text-align:left !important;}
.gallery img.jg_photo {margin:0;}
.gallery .jg_details, .gallery .jg_voting {float:left; padding:0 20px; height:150px; border:none; border-bottom:1px dotted #666; text-align:left !important;}
.gallery .jg_details {margin-left:100px; width:300px; padding-bottom:20px;}
.gallery .jg_details .sectiontableentry1 p,
.gallery .jg_details .sectiontableentry2 p {margin:0;}
.gallery .jg_details .jg_photo_right {margin-bottom:0px; padding-top:0;}
.gallery .jg_voting {width:200px; padding-bottom:20px;}
.gallery .jg_commentsarea, .gallery .jg_send2friend {clear:both; margin:10px 100px; padding:0 20px; border:none; border-bottom:1px dotted #666; text-align:left !important;}
.gallery .jg_details h4, .gallery .jg_voting h4, .gallery .jg_commentsarea h4, .gallery .jg_send2friend h4  {text-align:left;}
.gallery .jg_commentsarea table {margin-bottom:15px !important;}
.gallery .jg_commentsarea table, .gallery .jg_commentsarea table td {border:none !important;}
.gallery .jg_commentsarea table td.jg_cmtf {text-align:left !important; padding:0 0 20px 0 !important; border-bottom:1px solid #666 !important;}
.gallery .jg_commentsarea .jg_cmtl {margin-right:20px;}
.gallery .pagination {clear:both; overflow:hidden; margin:0 30px;}

/* EventList Fix */
div#eventlist h2 {font-size:3em !important;}

/* New Show GK4 */
.home-body #ja-contentwrap {display:none;}
.nspArt img.nspImage {margin-bottom:10px !important;}