/*------------------------------------------------------------------------
* zt Template 1.5 - March, 2009
* ------------------------------------------------------------------------
* Copyright (C) 2004-2008 APL Solutions And Vision Co., LTD. All Rights Reserved.
* @license - Copyrighted Commercial Software
* Author: APL Solutions And Vision Co., LTD
* Websites:  http://www.joomgroup.com -  http://www.joomvision.com
-------------------------------------------------------------------------*/

/* COMMON STYLE
--------------------------------------------------------- */
html, body, form {
  margin: 0;
  padding: 0;
}
body {
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color:#000;
}
body.contentpane {
  color: #737373;
  background: #151515;
  font-size: 12px;
  line-height: 1.3em;
  margin: 0;
  margin: 1em 2em;
  width: auto; /* Printable Page */
}
.contentpane .button {
  display: inline;
  height: 25px;
  padding: 0 10px;
}

/* Small text */
small, .small, .smalldark, .article-meta, .modifydate, .img_caption p, .site-slogan {
  font-size: 92%;
}
/*article image*/

.img_caption.left, .img_caption.right {}

img.img_caption  {
  margin-right: 20px;
  float: left;
  border: 3px solid #c1c1c1;
  
}
div.img_caption.none {
  float: none;
  margin:0;
  text-align:left !important;
}
.img_caption p {
  background: url(http://skswisla.com/templates/zt_hong25/images/shadow-bg.gif) no-repeat right top;
  padding-top: 5px;
  margin-top: 0px;
}

img.caption {
  padding: 5px;
  background: #f3f3f3;
  border: solid 1px #ccc;
  
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3 ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
img.caption:hover{background:#ababab;border:1px solid #868686;}
img.personal 
{
  margin-right: 15px;
  float: leFt;
  background: #e9e9e9;
  padding: 3px;
  overflow: hidden;
}
a.img_hover img 
{
  margin-right: 15px;
  float: leFt;
  background: #e9e9e9;
  padding: 3px;
  overflow: hidden;
}
a.img_hover:hover img 
{
  padding: 3px;
  background: #a7a7a7;

}
img.browseProductImage {
  border: 1px solid #e9e9e9;
  padding: 3px;
}
a {
  outline: none;
  color: #40A0FF;
  text-decoration: none;
}
a:hover,
a:active,
a:focus {color:#F61630;}
.shadow img {
  padding: 1px;
  border: 1px solid #CCCCCC;  
}

.shadow {
  float: left;
  margin-right: 10px;
  padding-bottom: 3px;
}

/* Heading */
h1 {font-size: 200%;}
h2 {font-size: 175%;}
h3 {font-size: 150%;}
h4 {font-size: 125%;}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
  margin: 1em 0;
  padding: 0;
  
}
ul {
  list-style: none;
}
.tool-tip {
  background: #f3f3f3;
  border: 1px solid #b9b9b9;
  padding: 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
ul li {
  padding-left: 15px;
  background: url(../images/bullet.png) no-repeat 0 center;
}

ul.menu li {
  margin-left: 0;
  background: none;
}
ul.menu li a span {
}
ul.menu ul {
  margin: 0px;
}
ul.menu ul li {
  margin-left: 0;
  width:auto;
  border-bottom: none;
}
ul.list {
  margin: 0;
}
ul.list li {
  padding: 5px 0 5px 0;
  background: none;
  border-bottom: 1px solid #EAEAEA;
}
ul.list li a {
  color: #444;
  font-weight: bold;
}
ol li {
  margin-left: 21px;
}
th {
  font-weight: bold;
  padding: 8px;
  text-align: left;
}
fieldset {
  border: none;
  padding: 10px 0px !important;
}
fieldset a {
  font-weight: bold;
}
fieldset.input {
  padding: 0 15px;
  background: none;
}
legend {
  font-weight: bold;
}

/* FORM
--------------------------------------------------------- */
form {
  margin: 0;
  padding: 0;
}

input, select, textarea, .inputbox, .button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
}
.inputbox {
  padding: 5px 8px;
  border: 1px solid #eee;
  border-top-color: #ccc;
  border-left-color: #ccc;
  color: #797D84;
  background:#fff;
}
.button,
.button2 {
  overflow:visible;
  width:auto;
  margin: 3px;
  padding: 2px 7px 3px;
  height: 30px;
  color: #fff;
  cursor: pointer;
  font-size:12px;
  font-weight: bold;
  text-transform: inherit;
  background: #d8d6d7 url(../images/bg-button.gif) repeat-x left top;
}
.button:hover,
.button2 {
  color: #F61630;
  background:#d8d6d7 url(../images/bg-button-hover.gif) repeat-x left bottom;
}
/* JOOMLA STYLE
--------------------------------------------------------- */
/* Article Layout */
.leading {
  width: 100%;
  float:left;
  padding-bottom:21px;
  
}
.leading_separator {
  width: 100%;
  height:0px;
  float:left;
  font-size:0;
  line-height:2;
}
.article_column {
  float: left;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}
.article_separator {
  clear: both;
  margin: 0;
  display: none;
}
.row_separator {
  display: block;
  clear: both;
  height: 2px;
}
.article_row {
  margin-bottom: 10px;
  width: 100%;
  float: left;
  
}
.column1.cols1 {
  float: none;
}
.column2.cols2 {
  
}
.column3.cols3 {
  float: right;
}
.column4.cols4 {
  float: right;
}
.column5.cols5 {
  float: right;
}
.column1.cols2 .article_column_pad,
.column1.cols3 .article_column_pad,
.column2.cols3 .article_column_pad,
.column1.cols4 .article_column_pad,
.column2.cols4 .article_column_pad,
.column3.cols4 .article_column_pad,
.column1.cols5 .article_column_pad,
.column2.cols5 .article_column_pad,
.column3.cols5 .article_column_pad,
.column4.cols5 .article_column_pad {
}
.article_column_pad {
  
  padding: 5px ;
  overflow: hidden;
}
p.iteminfo {
  line-height: 1em;
  margin: 0;
  
}
.article_row p.iteminfo {
  line-height: 1em;
  margin: 0 -10px 5px;
  padding: 10px;
}
.articleinfo {
  margin: 0.5em 0;
}
/* Category Table layout */
.filter {
  float: left;
  margin: 0;
  padding: 0;
}
.display {
  float: right;
  margin: 10px 0 0;
  text-align: right;
}
/**/
table.category,
table.weblinks,
table.newsfeeds {
  border: 1px solid #383838;
  width: 100%;
  clear:both;
  font-size:1em;
  margin:20px 0;
}
table.category {
  border: 1px solid #cfcfcf;
  width: auto;
  margin:10px 0;
}
table.category td {
  padding: 4px 4px !important;
  background: #f4f6f1;
}
table.category td.last {
  padding: 0px 4px 0px 0px !important;
}
table.newsfeeds th, table.weblinks th, table.category th {
  color: #444;
  background: #dedede;
  padding: 8px 5px 8px 5px;
}
table.newsfeeds td, table.weblinks td, table.category td {
  padding:5px;
}
/* content tables */
.sectiontableheader {
  padding: 4px 8px;
  font-weight: bold;
}
.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:active,
.sectiontableheader a:focus {
  color: #444;
}
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding: 8px;
}
tr.sectiontableentry2 td {
  background: #efefef;
}
td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 4px;
}
table.contentpane {
  border: none;
  background:none;
  border:0px solid #383838;
  width: 100%;
}
table.contentpaneopen {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
}
table.contenttoc {
  margin: 0 0 10px 10px;
  padding: 0;
  width: 30%;
  float: right;
}
table.contenttoc td {
  background: url(http://skswisla.com/templates/zt_hong25/images/bullet-list.gif) no-repeat 5px 8px;
  padding: 1px 5px 1px 15px;
}
table.contenttoc th {
  border-bottom: 1px solid #CCCCCC;
  padding: 0 0 3px;
  text-indent: 5px;
}
span.poll{
  font-weight:bold;
}
table.poll {
  border-collapse: collapse;
  padding: 0;
  width: 100%;
}
table.pollstableborder {
  border: none;
  padding: 0;
  text-align: left;
  width: 100%;
}
table.pollstableborder img {
  vertical-align: baseline;
}

table.pollstableborder td {
  border-collapse: collapse;
  border-spacing: 0;
  padding: 4px !important;
  background: none;
}
table.pollstableborder tr.sectiontableentry1 td {
  background: #EEEEEE;
}

table.searchintro {
  padding: 10px 0;
  width: 100%;
}
table.searchintro td {
  padding: 5px!important;
}
.blog_more {
  margin: 0;
  padding: 10px 0 0;
}
.blog_more strong {
  display: block;
  margin: 0 0 5px;
  text-transform: uppercase;
}
.blog_more ul {
  margin: 0;
  padding: 0;
}
.blog_more ul li {
  margin: 0;
  padding: 0 0 0 21px;
}
.category {
  font-weight: normal;
}
h1.componentheading,
.componentheading {
  margin: 0 0 10px 0;
  font-size: 24px;
  line-height: normal;
  color: #797d84;
  font-weight:bold;
}
.contentdescription {
  /*padding-bottom: 30px;*/
}
h2.contentheading,
.contentheading {
  margin: 0 0 10px 0;
  font-size: 160%;
  line-height: normal;
  color: #797d84;
  font-weight:normal;
}
h2.contentheading a,
.contentheading a {
}
table.blog .contentheading {
  font-size: 1.4em;
}
td.contentheading {
  line-height: 28px;
}

a.readon {
  padding: 5px 10px;
  font-size:12px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  text-transform:inherit;
  background:#000;
  position:relative;
  float:left;
  -moz-transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3 ease-in-out;
  -o-transition: background 0.3s ease-in-out;
}
a.readon:hover{
  text-decoration: none;
  background:#F61630;
  
}
table.contentpaneopen td, table.contentpane td {
  padding-left:15px; 
}
table.contentpaneopen, table.contentpane, table.blog {
  width: 100%;
}
div.moduletable {
  padding: 0;
}
ul.pagination {
  color: #3B5468;
  overflow: hidden;
  clear: both;
  margin: 10px auto;
  padding: 10px 0;
  text-align: center;
  list-style: none;
}
ul.pagination li {
  margin: 10px 2px;
  padding: 0;
  /*float: left;*/
  display: inline;
  
  
}
ul.pagination li span {
  display: inline-block;
  background: #F61630;
  color: #fff;
  
}
ul.pagination li span span {
  padding: 3px 10px 3px 10px;
  display: inline-block;
  
}
ul.pagination a {
  padding: 0;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
}
ul.pagination a:hover span span, ul.pagination a:active span span, ul.pagination a:focus span span {
  color: #161616;
  background: #ebebeb;
}
.counter {
  text-align: center;
  margin: 0.5em auto;
  width: 107px;
  background: #F61630;
  color: #fff;
  padding:2px 0px;
}
.pagenavbar {
  background: url(http://skswisla.com/templates/zt_hong25/images/icon-pages.gif) no-repeat center left;
  font-weight: bold;
  padding-left: 14px;
}
.pagenavcounter {
  background: url(http://skswisla.com/templates/zt_hong25/images/icon-pages.gif) no-repeat 0 11px;
  font-weight: bold;
  padding: 8px 14px 0 14px;
}
.smalldark {
  text-align: left;
}
div.syndicate div {
  text-align: center;
}
/* META
--------------------------------------------------------- */
.article-toolswrap {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  position: relative;
}
.article-tools {
  display: block;
  padding: 0 10px 0 0;
}
.article-meta {
  width: 70%;
  float: left;
  color: #3B5468;
}
.createdby {
  font-size: 0.9em;
}

.createdate {
  font-size: 0.9em;
}
.modifydate {
  width: 100%;
  margin: 0 5px 0px 0;
}
.article-section {
  padding-left: 6px;
  margin-left: 5px;
}

.article-section a {
  color: #3B5468;
}
.article-category a {
  color: #3B5468;
}
.buttonheading img {
  margin: 0px 0 0 3px !important;
  padding: 0 !important;
  border: 0 !important;
  float: right;
  background: none !important;
}
p.buttonheading {
  text-align:right;
  margin: 0;
}

p.buttonheading a:hover {
  background:none !important;
  color:#000 !important;
}
p.buttonheading a:active,p.buttonheading a:focus {
  color:#000;
}
ul.latestnews,
ul.mostread {
  padding-left: 0; 
}
.inputboxquantity {
  border:1px solid #DEDEDE;
  margin:-4px 0 0;
  padding:3px;
}
hr {
  background: #e8e8e8;
  border: 0px;
  border-bottom: 1px solid #e8e8e8;
}
.sectiontableheader {
  background: #f4f4f4;
}
h3.zt-category-h3 {
  height: 35px;
  float: left;
}