/*------------------------------------------------------------------------
* Copyright (c) 2008-2012 ZooTemplate. All Rights Reserved.
* @license - Copyrighted Commercial Software
* Author: ZooTemplate
* Websites:  http://www.zootemplate.com
-------------------------------------------------------------------------*/
/* COMMON STYLE
--------------------------------------------------------- */
html, body, form {
    margin: 0;
    padding: 0
    }
body.contentpane {
    color: #000;
    background: #FFF;
    font-size: 12px;
    line-height: 1.3em;
    margin: 0;
    margin: 1em 2em;
    width: auto
    }
.contentpane .button {
    display: inline;
    height: 25px;
    padding: 0 10px
    }
/* Heading */
h1 {
    font-size: 200%;
    font-weight: normal
    }
h2 {
    font-size: 175%;
    font-weight: normal
    }
h3 {
    font-size: 150%;
    font-weight: normal
    }
h4 {
    font-size: 125%;
    font-weight: normal
    }
h5 {
    font-size: 100%;
    font-weight: normal
    }
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
    margin: 1em 0;
    padding: 0;
    list-style: none
    }
ol li {
    margin-left: 21px
    }
th {
    font-weight: bold;
    padding: 8px;
    text-align: left
    }
fieldset {
    border: none;
    padding: 0
    }
fieldset a {
    font-weight: bold
    }
fieldset.input {
    background: none
    }
legend {
    font-weight: bold
    }
a {
    color: #1382c9;
    transition: color 0.2s linear 0s;
    -moz-transition: color 0.2s linear 0s;
    -ms-transition: color 0.2s linear 0s;
    -o-transition: color 0.2s linear 0s;
    -webkit-transition: color 0.2s linear 0s
    }
a:hover, a:active, a:focus {
    color: #FC930A !important
    }
/* ++++++++++++++  position  ++++++++++++++ */
.blog-featured {
    padding: 0
    }
.items-leading {
    padding: 0 5px 10px 5px;
    margin-bottom: 10px
    }
.row-separator {
    display: block;
    clear: both;
    margin: 0;
    border: 0;
    height: 1px
    }
.item-separator {
    display: none;
    margin: 0
    }
.shownocolumns {
    width: 98% !important
    }
#top {
    margin: 0 0 20px 0;
    overflow: hidden
    }
/* ++++++++++++++  blog  ++++++++++++++ */
.cols-1 {
    display: block;
    float: none !important;
    margin: 0 !important
    }
.cols-2 .column-1 {
    width: 48%;
    float: left;
    border-bottom: 1px solid #E9EBE5
    }
.cols-2 .column-2 {
    width: 48%;
    float: right;
    margin: 0;
    border-bottom: 1px solid #E9EBE5
    }
.cols-3 .column-1 {
    float: left;
    width: 29%;
    padding: 0 5px;
    margin-right: 4%
    }
.cols-3 .column-2 {
    float: left;
    width: 29%;
    margin-left: 0;
    padding: 0 5px
    }
.cols-3 .column-3 {
    float: right;
    width: 29%;
    padding: 0 5px
    }
.items-row {
    overflow: hidden;
    margin-bottom: 10px !important
    }
.column-1, .column-2, .column-3 {
    padding: 10px 5px
    }
.column-2 {
    width: 55%;
    margin-left: 40%
    }
.column-3 {
    width: 30%
    }
.blog-more {
    padding: 10px 5px
    }
/* FORM
--------------------------------------------------------- */
form {
    margin: 0;
    padding: 0
    }
select, textarea, input[type="text"], input[type="password"], input[type="url"], input[type="email"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    border-top-color: #ccc;
    height: 34px;
    line-height: 35px;
    padding: 0 12px;
    font-size: 110%;
    color: #555;
    max-width: 100% !important
    }
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    line-height: 150%;
    padding: 10px;
    max-width: 100% !important
    }
select {
    padding: 2px
    }
html.-moz-select {
    padding: 3px 5px
    }
input[type="text"]:focus, input[type="password"]:focus, input[type="url"]:focus, input[type="email"]:focus, textarea:focus {
    background: #fffef4
    }
button, input.button, span.button, button.button, div.button, input[type="submit"], input[type="button"], .pagenav-prev a, .pagenav-next a {
    display: block;
    float: left;
    height: 33px;
    line-height: 33px;
    padding: 0 16px;
    border: none;
    background: #353b3f;
    font-size: 120%;
    text-align: center;
    color: #fff;
    cursor: pointer;
    -webkit-transition: background-color 0.15s ease-out;
    -moz-transition: background-color 0.15s ease-out;
    -o-transition: background-color 0.15s ease-out;
    -ms-transition: background-color 0.15s ease-out;
    transition: background-color 0.15s ease-out
    }
.pagenav-prev a, .pagenav-next a {
    color: #fff !important
    }
button:hover, input.button:hover, span.button:hover, button.button:hover, div.button:hover, input[type="submit"]:hover, input[type="button"]:hover, .pagenav-prev a:hover, .pagenav-next a:hover {
    background: #1383c9;
    color: #fff !important
    }
input[type=checkbox], .checkbox, input[type=radio], .radio {
    height: auto !important;
    background: transparent !important;
    border: none !important;
    margin-top: 7px !important
    }
select[size] {
    height: auto;
    font-size: 100%
    }
select[size="1"] {
    height: 26px !important;
    line-height: 24px
    }
.invalid {
    background: #fffef4;
    border: 1px solid #e25527 !important;
    color: #000
    }
label {
    font-size: 110%
    }
label.invalid {
    color: #e25527 !important;
    background: #fff;
    border: none !important
    }
legend.hidelabeltxt {
    display: none
    }
fieldset.filters {
    margin-bottom: 20px
    }
fieldset.filters > div > * {
    float: left;
    margin-right: 10px
    }
fieldset.filters > div > select {
    margin-top: 4px
    }
/* Common */
div div.article {
    margin-top: 0
    }
div div.article:first-child {
    margin-top: 0
    }
div > div.header {
    margin: 0 0 30px;
    padding: 0
    }
div > div.header h1 {
    line-height: 130%
    }
div > div.header h2 small {
    font-size: 165%;
    color: #666
    }
div > div.header div img {
    float: left;
    margin: 0 20px 20px 0
    }
div > div.header div p {
    font-size: 110%
    }
div img {
    /* to avoid problems with too big images in category/blog view */
    }
/* Categories list */
div.categories-list ul {
    clear: both
    }
div.category .children, div.blog .children {
    clear: both;
    margin-top: 32px
    }
div.categories-list ul ul li {
    margin-left: 24px;
    padding-left: 18px;
    border: none;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee
    }
div.categories-list ul ul li a {
    font-size: 100%
    }
div.categories-list li, div.category .children li, div.blog .children li {
    clear: both;
    padding: 12px 0;
    border-top: 1px solid #eee;
    line-height: 1.4;
    overflow: hidden
    }
div.categories-list li:first-child, div.category .children li:first-child, div.blog .children li:first-child {
    border-top: none !important
    }
/* category title */
div.categories-list li > a, div.category .children li > a, div.blog .children li > a {
    font-size: 110%
    }
/* category desc */
div.categories-list li > div p, div.category .children li > div p, div.blog .children li > div p {
    line-height: 1.2;
    margin: 0
    }
/* category items counter */
div.categories-list li > dl, div.category .children li > dl, div.blog .children li > dl {
    font-size: 90%;
    margin: 0
    }
div.categories-list li > dl > dt, div.category .children li > dl > dt, div.blog .children li > dl > dt {
    float: left
    }
div.categories-list li > dl > dd, div.category .children li > dl > dd, div.blog .children li > dl > dd {
    float: left;
    font-weight: bold;
    margin-left: 5px
    }
/* Category */
/* Information showed if no items in category */
div.category .children h3, div.blog .children h3 {
    font-size: 200%;
    line-height: 24px;
    margin: 20px 0
    }
/* Filters */
.filters .hidelabeltxt {
    display: none
    }
.filters .display-limit {
    float: right
    }
.filters .display-limit select {
    display: inline !important;
    float: none
    }
/* Tables */
table {
    width: 100%;
    margin-bottom: 20px
    }
th {
    padding: 5px 10px;
    font-size: 135%;
    font-weight: 400;
    text-align: left;
    color: #555
    }
.rtl th {
    text-align: right
    }
.category th a {
    color: #fff
    }
tbody tr td {
    padding: 6px 10px
    }
tbody tr td p {
    margin: 0.5em 0
    }
/* Blog */
div.blog .leading {
    margin-bottom: 20px
    }
div.blog .items-row {
    clear: both;
    margin-bottom: 20px;
    overflow: hidden
    }
div.blog .items-row div.article div.header li {
    border: none;
    padding: 0 0 3px
    }
div.blog .items-more {
    clear: both
    }
div.blog .items-more h3 {
    font-size: 200%;
    line-height: 24px;
    margin-bottom: 20px
    }
div.blog .items-more ol {
    margin-top: 0
    }
/* div.articles */
div.article {
    position: relative
    }
div.article div.header {
    margin: 0 0 30px
    }
div.article div.header h1 {
    font-size: 205%;
    clear: both;
    line-height: 130%
    }
div.article div.header h2 {
    line-height: 46px
    }
div.article div.header h1 a, div.article div.header h2 a {
    color: #353639
    }
div.article div.header h1 a:hover, div.article div.header h2 a:hover {
    color: #CF8080
    }
div.article div.header h1 a:visited {
    color: #888
    }
div.article div.header ul {
    overflow: hidden;
    position: relative;
    margin: 6px 0
    }
div.article div.header li {
    background: none;
    float: left;
    padding: 6px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 1;
    color: #676767
    }
div.article div.header li:before {
    content: "/  ";
    white-space: pre;
    color: #676767
    }
div.article div.header li:first-child:before {
    content: ""
    }
li.print-icon, li.email-icon {
    padding: 2px 6px
    }
div.article div.header li a {
    color: #737373
    }
div.article div.header li a:hover {
    color: #222
    }
div.article div.header + div, div.article div.header + p {
    clear: both
    }
.img-intro-none {
    float: none
    }
.img-intro-none img {
    margin: 0 auto;
    float: none !important
    }
.img-intro-left {
    float: left;
    margin: 0 20px 20px 0
    }
.img-intro-right {
    float: right;
    margin: 0 0 20px 20px
    }
.img-fulltext-none, .img-fulltext-left, .img-fulltext-right {
    float: none;
    margin: 0 0 32px;
    overflow: hidden;
    position: relative
    }
.img-fulltext-none > div, .img-fulltext-left > div, .img-fulltext-right > div {
    float: none !important;
    width: 100% !important
    }
.img-fulltext-none img, .img-fulltext-left img, .img-fulltext-right img {
    display: block;
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important
    }
p.img_caption {
    position: absolute;
    left: 0;
    bottom: 24px;
    margin: 0;
    padding: 5px 12px;
    background: #CF8080;
    color: #fff;
    font-size: 100%
    }
.item-page ul {
    list-style-type: none
    }
.content-links {
    margin-bottom: 20px
    }
.filter-search .filter-search-lbl {
    margin-top: 5px
    }
/* Weblinks */
.edit fieldset > div {
    clear: both;
    padding: 5px 0
    }
.edit fieldset > div label {
    display: block;
    min-width: 120px;
    float: left
    }
/* User */
div.login .login-fields {
    padding-bottom: 16px
    }
div.login .login-fields label {
    display: block;
    min-width: 100px;
    float: left;
    line-height: 34px
    }
div.login ul {
    margin-top: 20px
    }
.profile-edit legend {
    font-size: 200%;
    color: #33353A
    }
.profile legend {
    font-size: 200%;
    color: #33353A
    }
.profile dt {
    min-width: 200px;
    float: left;
    clear: both;
    font-weight: bold;
    font-size: 95%
    }
/* Contact */
.contact .jicons-icons {
    display: none
    }
.contact-image {
    border: 1px solid #eee;
    float: right;
    padding: 3px
    }
dt.inline {
    float: left
    }
.contact h3 {
    margin: 30px 0 0;
    border-top: 1px solid #eee;
    padding: 12px 0 0
    }
#jform_contact_email_copy {
    margin-left: 10px
    }
/* Newsfeed */
div.newsfeed > ol {
    list-style: none
    }
div.newsfeed > ol > li {
    border-top: 1px solid #eee;
    padding: 24px 0 0
    }
div.newsfeed > ol > li > a {
    font-size: 300%
    }
/* IFrame */
div.contentpane iframe {
    border: 1px solid #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
    }
/* tooltips */
.tip {
    max-width: 350px;
    padding: 8px;
    border: 1px solid #eee;
    background: #fff;
    -webkit-box-shadow: 1px 1px 1px #888;
    -moz-box-shadow: 1px 1px 1px #888;
    box-shadow: 1px 1px 1px #888
    }
.tip-title {
    background: #cf8080;
    font-size: 110%;
    color: #fff;
    line-height: 20px;
    padding: 5px 15px;
    font-weight: bold
    }
.tip-text {
    color: #555;
    font-size: 100%;
    padding: 5px 0
    }
/* System messages */
#system-message dt {
    display: none
    }
#system-message {
    margin: 0 0 5px 0
    }
#system-message dd ul {
    list-style: none !important
    }
#system-message dd {
    color: #fff;
    font-size: 130%;
    text-align: center;
    font-weight: 300;
    margin: 0 auto;
    background: #353636
    }
#system-message dd.error {
    color: #fff;
    background: #cf8080
    }
#system-message dd.notice {
    color: #333;
    background: #fff
    }
#system-message-container {
    padding: 0;
    margin: 0 5px
    }
/* Register */
#member-registration legend {
    font-size: 365%;
    line-height: 32px;
    color: #353639
    }
#member-registration dt, #member-registration dd {
    display: inline-block;
    padding-bottom: 10px
    }
#member-registration dt {
    min-width: 170px
    }
#member-registration dd {
    min-width: 200px
    }
#member-registration dd:after {
    content: "\a ";
    white-space: pre
    }
#member-registration fieldset + div {
    line-height: 35px
    }
#member-profile > div {
    line-height: 35px
    }
/* Banners */
.bannergroup:first-line, .bannergroup_text:first-line {
    font-size: 110%;
    color: #333
    }
div.banneritem {
    padding: 8px 0;
    font-size: 90%;
    color: #999
    }
div.banneritem a {
    font-size: 110%
    }
div.bannerfooter {
    border-top: 1px solid #f0f0f0;
    font-size: 90%;
    font-style: italic;
    padding-top: 5px;
    text-align: right
    }
/* reCAPTCHA */
#dynamic_recaptcha_1, #recaptcha_area {
    max-width: 480px;
    min-height: 112px
    }
/* Page break */
.pane-sliders {
    margin-bottom: 20px
    }
.pane-sliders .panel h3 {
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
    color: #353639;
    padding: 5px 0
    }
.pagenavcounter {
    font-size: 100%
    }
#div.article-index {
    float: right;
    margin: 0 0 30px 30px;
    padding: 0 0 0 24px;
    width: 180px;
    border-left: 3px solid #33353A
    }
#div.article-index ul {
    margin: 0;
    padding: 0
    }
#div.article-index li {
    border-top: 1px solid #eee;
    line-height: 3;
    font-size: 100%
    }
#div.article-index li a {
    color: #353639
    }
#div.article-index li a:hover {
    color: #cf8080
    }
#div.article-index li a.active {
    font-weight: bold;
    color: #333
    }
#div.article-index li:first-child {
    border-top: none;
    margin-top: 10px
    }
dl#tabs, dl.tabs {
    margin: 0 0 10px 0;
    min-height: 30px;
    overflow: hidden
    }
dl#tabs dt.tabs, dl.tabs dt.tabs {
    float: left;
    margin: 10px 6px 0 0;
    padding: 0 8px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    border: 1px solid #e5e5e5
    }
dl#tabs dt.tabs span h3, dl.tabs dt.tabs span h3 {
    margin: 0;
    padding: 0;
    font-size: 115%
    }
dl#tabs dt.tabs span h3 a, dl.tabs dt.tabs span h3 a {
    float: left;
    padding: 0 15px;
    height: 30px;
    line-height: 29px
    }
dl#tabs dt.tabs h3:hover a, dl.tabs dt.tabs h3:hover a {
    cursor: pointer
    }
dl#tabs dt.tabs.open a, dl.tabs dt.tabs.open a {
    color: #353639
    }
/* Search & smart search */
#finder-search fieldset label[for="q"] {
    margin-top: 5px
    }
#searchForm fieldset input[type="radio"], #searchForm fieldset input[type="checkbox"] {
    margin-top: 11px !important
    }
#search-form fieldset.word label, #search-form fieldset.word input, #search-form fieldset.word button {
    float: left;
    margin-right: 5px
    }
#searchForm label, #searchForm input {
    float: left;
    margin: 0 5px 0 0
    }
#searchForm label {
    margin-top: 5px
    }
#searchForm fieldset, .search-results dt {
    margin: 12px 0 0;
    padding: 12px 0 6px;
    border-top: 1px solid #e5e5e5
    }
fieldset.phrases, fieldset.only {
    border: 1px solid #e5e5e5;
    padding: 12px 24px 24px !important
    }
#searchForm fieldset.word {
    border: none;
    padding: 20px 0
    }
#searchForm fieldset legend {
    color: #33353A;
    padding: 0 6px
    }
.search-results dt:first-child {
    border-top: none
    }
.searchintro strong {
    font-weight: 400;
    font-size: 135%;
    color: #33353A
    }
.form-limit {
    float: right;
    margin: 24px 0 0
    }
.result-category, .result-created {
    color: #AFAFAF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%
    }
.result-created {
    float: right;
    margin: 6px 0 0;
    font-size: 90%
    }
.result-title {
    clear: both;
    color: #33353A
    }
#advanced-search-toggle {
    font-size: 90%;
    display: block;
    padding: 10px 0;
    text-align: center
    }
.advanced-search-tip {
    padding: 12px 0;
    margin: 0 0 24px;
    font-size: 100%;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
    }
.advanced-search-tip p {
    margin: 0
    }
#finder-filter-select-list label {
    float: left;
    font-size: 100%;
    min-width: 140px;
    line-height: 36px;
    clear: both
    }
#finder-filter-select-list li {
    padding: 0;
    overflow: hidden
    }
#search-query-explained {
    font-size: 90%;
    padding: 10px 0;
    border-bottom: 4px solid #eee
    }
#search-result-empty h2 {
    font-size: 150%
    }
.autocompleter-queried {
    color: #cf8080 !important
    }
div.search-pages-counter {
    text-align: center;
    font-size: 100%;
    font-style: italic
    }
.search-results .highlight {
    background-color: #1382C9;
    font-weight: bold;
    padding: 1px 4px
    }
/* Archive */
.archive div.article {
    border-top: 1px solid #eee;
    padding: 32px 0 0
    }
input, select, textarea, .inputbox, .button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 110%
    }
div.modulecontent ul.weblinks, div.modulecontent ul.menu {
    float: left;
    margin: 15px 0;
    padding: 0
    }
select, textarea, input[type="text"], input[type="password"], input[type="url"], input[type="email"] {
    border-radius: 0;
    border-color: #CCC #E7E7E7 #E7E7E7;
    border-image: none;
    border-right: 1px solid #E7E7E7;
    border-style: solid;
    border-width: 1px;
    color: #555;
    height: 32px;
    line-height: 32px;
    max-width: 100% !important;
    padding: 0 12px
    }
input[type="text"], input[type="password"] {
    padding: 0 12px !important
    }
/*Menu*/
ul.weblinks li, ul.menu li {
    line-height: 31px;
    height: 31px;
    padding: 0;
    background: none;
    float: left;
    width: 100%;
    border-bottom: 1px solid #e6e6e6
    }
ul.weblinks li:hover a, ul.menu li:hover a, ul.menu li.current a, ul.menu li:hover a {
    background-position: 0 -38px;
    margin-left: 10px;
    transition: margin 0.3s linear 0s;
    -moz-transition: margin 0.3s linear 0s;
    -webkit-transition: margin 0.3s linear 0s;
    -ms-transition: margin 0.3s linear 0s;
    -o-transition: margin 0.3s linear 0s
    }
ul.menu li.last {
    line-height: 32px;
    height: 32px
    }
ul.menu li img {
    display: none
    }
ul.weblinks li a, ul.menu li a {
    background: url(../images/arrows.png) no-repeat 0 2px;
    color: #393939 !important
    }
ul.menu li a span {
    padding: 0 0 0 15px
    }
ul.weblinks li a:hover, ul.menu li a:hover {
    background-position: 0 -38px
    }
ul.menu ul {
    margin: 0;
    padding: 0 0 0 10px
    }
ul.menu ul li {
    margin-left: 0;
    width: auto;
    border-bottom: none
    }
ul.menu2 li a span {
    padding: 0
    }
/*menu 2*/
ul.mostread li, ul.latestnews li, ul.menu2 li {
    line-height: 25px;
    height: 25px;
    padding: 0;
    float: left;
    text-align: left;
    width: 100%;
    background: url(../images/arrows.png) no-repeat left 2px
    }
ul.mostread li a, ul.latestnews li a, ul.menu2 li a {
    line-height: 25px;
    color: #0e74bb;
    float: right;
    width: 100%;
    padding: 0
    }
ul.weblinks li a {
    padding-left: 15px
    }
ul.weblinks li a span, ul.mostread li a span, ul.latestnews li a span, ul.menu2 li a span {
    margin: 0 0 0 15px
    }
ul.weblinks li a span span, ul.mostread li a span span, ul.latestnews li a span span, ul.menu2 li a span span {
    margin: 0
    }
ul.weblinks li a:hover, ul.mostread li a:hover, ul.latestnews li a:hover, ul.menu2 li a:hover {
    text-decoration: none
    }
ul.menu2 li img {
    display: none
    }
ul.menu2 li.current, ul.mostread li:hover, ul.latestnews li:hover, ul.menu2 li:hover {
    margin: 0 0 0 10px;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s
    }
ul.menu2 li.last {
    line-height: 25px;
    height: 25px
    }
/*list*/
ul.list {
    margin: 0
    }
ul.list li {
    padding: 5px 0 5px 0;
    background: none;
    border-bottom: 1px dotted #545454
    }
ul.list li a {
    color: #444;
    font-weight: bold
    }
#zt-userwrap3 ul.list li {
    border-bottom: dotted 1px #BFBFBF
    }
/* JOOMLA STYLE
--------------------------------------------------------- */
/* Article Layout */
.leading {
    border-bottom: 1px solid #E2E3E5;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0
    }
h4.leadding-title {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 140%
    }
.leading_separator {
    display: block;
    margin: 1px 0;
    height: 2px;
    overflow: hidden;
    width: 100%
    }
.article_column {
    float: left;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden
    }
.article_separator {
    clear: both;
    margin: 0;
    display: none
    }
.item-separator {
    clear: both;
    margin: 0;
    width: 100%
    }
.row_separator {
    display: block;
    clear: both;
    height: 2px
    }
.article_row {
    margin-bottom: 10px;
    width: 100%;
    float: left
    }
.column1.cols1 {
    float: none
    }
.column3.cols3 {
    float: right
    }
.column4.cols4 {
    float: right
    }
.column5.cols5 {
    float: right
    }
.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;
    margin: 10px 0
    }
table.category td {
    padding: 4px 4px !important;
    background: #f4f6f1
    }
table.category td.last {
    padding: 0 4px 0 0 !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: 0 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(../images/bullet-list.gif) no-repeat 5px 8px;
    padding: 1px 5px 1px 15px
    }
table.contenttoc th {
    border-bottom: 1px solid #CCC;
    padding: 0 0 3px;
    text-indent: 5px
    }
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: #EEE
    }
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
    }
.category {
    font-weight: normal
    }
table.blog .contentheading {
    font-size: 1.4em
    }
td.contentheading {
    line-height: 28px
    }
table.contentpaneopen td, table.contentpane td {
    padding-left: 15px
    }
table.contentpaneopen, table.contentpane, table.blog {
    width: 100%
    }
div.moduletable {
    padding: 0
    }
/*Pagination*/
.pagination {
    clear: both;
    margin: 40px 0 0
    }
.pagination ul {
    box-shadow: none;
    border-radius: 0;
    display: block;
    text-align: center
    }
.pagination ul li {
    background: none;
    color: #212121;
    cursor: default;
    display: inline-block !important;
    margin-bottom: 4px;
    margin-top: 4px;
    padding-left: 5px
    }
div.pagination ul li span, div.pagination ul li a {
    background: none repeat scroll 0 0 #fff;
    color: #363636;
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    border: 1px solid #d6dad9;
    border-radius: 0 !important;
    color: #fff;
    display: block;
    margin: 0 4px 0 0;
    padding: 0 4px;
    text-align: center;
    width: 34px
    }
div.pagination ul li span {
    background-color: #1382c9
    }
div.pagination ul li a:hover, div.pagination ul li a:focus, div.pagination ul li a:active {
    background-color: #1382c9;
    color: #fff !important;
    text-decoration: none
    }
div.pagination ul li.pagination-start span, div.pagination ul li.pagination-prev span, div.pagination ul li.pagination-next span, div.pagination ul li.pagination-end span {
    background: #fff;
    color: #363636 !important
    }
div.pagination ul li.counter {
    float: right;
    font-size: 11px;
    line-height: 42px;
    margin-right: 12px
    }
/* 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 0 0
    }
.article-section {
    padding-left: 6px;
    margin-left: 5px
    }
.article-section a {
    color: #3B5468
    }
.article-category a {
    color: #3B5468
    }
.buttonheading img {
    margin: 3px 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
    }
.inputboxquantity {
    border: 1px solid #DEDEDE;
    margin: -4px 0 0;
    padding: 3px
    }
hr {
    background: #e8e8e8;
    border: 0;
    border-bottom: 1px solid #e8e8e8
    }
.sectiontableheader {
    background: #f4f4f4
    }
.register_form div {
    margin: 0 0 5px 0;
    clear: both;
    overflow: hidden
    }
.register_form label {
    width: 110px;
    float: left
    }
a {
    outline: none;
    color: #0683cb;
    text-decoration: none;
    transition: color 0.15s linear 0s;
    -moz-transition: color 0.15s linear 0s;
    -webkit-transition: color 0.15s linear 0s;
    -o-transition: color 0.15s linear 0s
    }
a:hover, a:active, a:focus {
    color: #fea21e;
    text-decoration: none
    }
/* Form validation */
.invalid {
    border-color: #f00
    }
label.invalid {
    color: #f00
    }
/*Back To Top*/
#gototop {
    display: none;
    position: fixed;
    right: 5px;
    bottom: 5px
    }
/* -- buttons */
.formelm-buttons {
    margin-bottom: 10px;
    text-align: right
    }
#editor-xtd-buttons {
    padding: 0;
    height: 115px !important
    }
#editor-xtd-buttons .button2-left .bsc-accordion {
    background: 0
    }
#editor-xtd-buttons .button2-left .bsc-blockquote {
    background: 0
    }
#editor-xtd-buttons .button2-left .bsc-buttons {
    background: 0
    }
#editor-xtd-buttons .button2-left .bsc-column {
    background: 0
    }
#editor-xtd-buttons .button2-left .bsc-dropcap {
    background: 0
    }
#editor-xtd-buttons .button2-left .bsc-gallery {
    background: 0
    }
#editor-xtd-buttons .button2-left .bsc-message {
    background: 0
    }
#editor-xtd-buttons .button2-left .bsc-social {
    background: 0
    }
#editor-xtd-buttons .button2-left .bsc-tabs {
    background: 0
    }
#editor-xtd-buttons .button2-left .bsc-testimonial {
    background: 0
    }
#editor-xtd-buttons .button2-left .bsc-toggle {
    background: 0
    }
#editor-xtd-buttons .button2-left .bsc-vimeo {
    background: 0
    }
#editor-xtd-buttons .button2-left .bsc-youtube {
    background: 0
    }
#editor-xtd-buttons .button2-left .bsc-divider {
    background: 0
    }
#editor-xtd-buttons .button2-left .bsc-spacer {
    background: 0
    }
#editor-xtd-buttons .button2-left .bsc-googlemap {
    background: 0
    }
#editor-xtd-buttons .button2-left .bsc-highlighter {
    background: 0
    }
#editor-xtd-buttons .button2-left .bsc-lightbox {
    background: 0
    }
#editor-xtd-buttons .button2-left .bsc-list {
    background: 0
    }
#editor-xtd-buttons .button2-left .bsc-list {
    background: 0
    }
#editor-xtd-buttons .button2-left {
    background: 0 !important
    }
a.modal-button, .button2-left .blank a, .button2-left a, .button2-left div.readmore a {
    background: #eee;
    padding: 4px 10px !important;
    margin: 0 !important;
    line-height: 1.2em;
    border: solid 1px #ddd;
    font-weight: bold;
    text-decoration: none;
    margin-top: 10px !important
    }
.button2-left, .button2-right, .button2-left div, .button2-right div {
    float: left
    }
.button2-left a, .button2-right a, .button2-left span, .button2-right span {
    display: block;
    float: left;
    color: #666;
    cursor: pointer
    }
.button2-left span, .button2-right span {
    cursor: default;
    color: #999
    }
.button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span {
    padding: 0 6px
    }
.page span {
    color: #000;
    font-weight: bold
    }
.button2-left a:hover, .button2-right a:hover {
    text-decoration: none;
    color: #0B55C4
    }
.button2-left a, .button2-left span {
    padding: 0 24px 0 6px
    }
.button2-right a, .button2-right span {
    padding: 0 6px 0 24px
    }
.button2-left {
    float: left;
    margin-left: 5px
    }
.button2-right {
    float: left;
    margin-left: 5px
    }
.toggle-editor {
    margin: -85px 0 0 0
    }
.toggle-editor .button2-left {
    background: 0 !important
    }
.edit.item-page fieldset {
    margin: 0 0 30px 0
    }
/* Tooltips */
div.tooltip {
    float: left;
    background: #ffc;
    border: 1px solid #D4D5AA;
    padding: 5px;
    max-width: 200px;
    z-index: 13000
    }
div.tooltip h4 {
    padding: 0;
    margin: 0;
    font-size: 95%;
    font-weight: bold;
    margin-top: -15px;
    padding-top: 15px;
    padding-bottom: 5px;
    background: url(../images/selector-arrow.png) no-repeat
    }
div.tooltip p {
    font-size: 90%;
    margin: 0
    }
img {
    border: 0
    }
/* Caption fixes */
.caption4 {
    border: 1px solid #dbdbdb;
    background: #fff;
    padding: 4px;
    margin: 0;
    width: 96%
    }
.img_caption.left {
    float: left;
    border: 1px solid #dbdbdb;
    background: #fff;
    padding: 4px;
    margin: 0
    }
.img_caption.right {
    float: right;
    margin-left: 1em
    }
.img_caption.left p {
    clear: left;
    text-align: center
    }
.img_caption.right p {
    clear: right;
    text-align: center
    }
.img_caption {
    text-align: center !important
    }
.img_caption.none {
    margin-left: auto;
    margin-right: auto
    }
.caption.left {
    float: left;
    margin-right: 1em
    }
.caption.right {
    float: right;
    margin-left: 1em
    }
.caption.left p {
    clear: left;
    text-align: center
    }
.caption.right p {
    clear: right;
    text-align: center
    }
.caption.none {
    margin-left: auto;
    margin-right: auto
    }
img.icaption {
    float: left;
    border: 1px solid #dbdbdb;
    background: #fff;
    padding: 4px;
    margin: 0
    }
img.caption2 {
    margin: 0 10px 10px 0;
    padding: 4px;
    float: left;
    width: 50%;
    border: 1px solid #ddd
    }
span.blogthumb-image img {
    margin: 0 10px 10px 0;
    padding: 4px;
    float: left;
    border: 1px solid #ddd
    }
.leading span.blogthumb-image img {
    max-width: 45%
    }
.user-caption {
    padding: 4px;
    border: 1px solid #ddd
    }
img.mcaption {
    border: 4px solid #f3f3f3;
    float: left;
    margin: 0 10px 0 0
    }
/* Calendar */
a img.calendar {
    width: 16px;
    height: 16px;
    margin-left: 3px;
    background: url(../images/calendar.png) no-repeat;
    cursor: pointer;
    vertical-align: middle
    }
/* Small text */
small, .small, .smalldark, .article-meta, .modifydate, .img_caption p, .site-slogan {
    font-size: 92%
    }
h1.componentheading, .componentheading {
    line-height: 100%;
    margin: 20px 0;
    padding: 0
    }
h2.contentheading, .contentheading {
    line-height: 100%;
    margin: 20px 0;
    padding: 0
    }
a.readon {
    text-align: center;
    background: url(../images/readmore-bg.png) no-repeat left 0;
    color: #fff !important;
    display: inline-block;
    color: #fff;
    float: left;
    font-size: 125%;
    height: 37px;
    line-height: 30px;
    text-shadow: 0 0 4px #FFF
    }
a.readon span {
    background: url(../images/readmore-bg.png) no-repeat right 0;
    display: inline-block;
    height: 37px;
    line-height: 30px;
    padding: 0 15px
    }
a.readon:hover {
    background-position: 0 -37px;
    color: #fff !important
    }
a.readon:hover span {
    background-position: 100% -37px
    }
.inputbox {
    margin: 0 0 5px 0;
    padding: 5px;
    width: 217px;
    color: #555;
    font-family: Arial;
    font-size: 100%;
    border: 1px solid #d9d9d9
    }
fieldset {
    margin: 10px 0;
    padding: 15px 0
    }
/* ########################## search ############################ */
.searchintro {
    font-weight: normal;
    margin: 20px 0 20px
    }
#finder-search fieldset label[for="q"] {
    margin-top: 5px
    }
#search-form fieldset.word label, #search-form fieldset.word input, #search-form fieldset.word button {
    float: left;
    margin-right: 5px
    }
#searchForm label, #searchForm input {
    float: left;
    margin-right: 5px;
    padding: 3px
    }
#searchForm fieldset, .search-results dt {
    border-top: 1px solid #E5E5E5;
    margin: 12px 0 0;
    padding: 12px 0 6px
    }
fieldset.phrases, fieldset.only {
    border: 1px solid #E5E5E5;
    padding: 12px 24px 24px !important
    }
#searchForm fieldset.word {
    border: medium none;
    padding: 20px 0
    }
#searchForm fieldset legend {
    color: #2F3336;
    padding: 0 6px
    }
.search-results dt:first-child {
    border-top: medium none
    }
.searchintro strong {
    color: #2F3336;
    font-size: 16px;
    font-weight: 400
    }
.form-limit {
    float: right;
    margin: 24px 0 0
    }
.result-category, .result-created {
    color: #AFAFAF;
    font-size: 12px
    }
.result-created {
    float: right;
    font-size: 11px;
    margin: 6px 0 0
    }
.result-title {
    clear: both;
    color: #2F3336
    }
#advanced-search-toggle {
    display: block;
    font-size: 11px;
    padding: 10px 0;
    text-align: center
    }
.advanced-search-tip {
    border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
    font-size: 12px;
    margin: 0 0 24px;
    padding: 12px 0
    }
.advanced-search-tip p {
    margin: 0
    }
#finder-filter-select-list label {
    clear: both;
    float: left;
    font-size: 12px;
    line-height: 36px;
    min-width: 140px
    }
#finder-filter-select-list li {
    overflow: hidden;
    padding: 0
    }
#search-query-explained {
    border-bottom: 4px solid #EEE;
    font-size: 11px;
    padding: 10px 0
    }
#search-result-empty h2 {
    font-size: 18px
    }
.autocompleter-queried {
    color: #418CD1 !important
    }
div.search-pages-counter {
    font-size: 12px;
    font-style: italic;
    text-align: center
    }
.search-results .highlight {
    background-color: #61BC10;
    color: #fff;
    font-weight: bold;
    padding: 1px 4px
    }
/* mod stats  */
.stats-module dl {
    margin: 10px 0 10px 0
    }
.stats-module dt {
    float: left;
    margin: 0 15px 0 0;
    font-weight: bold
    }
.stats-module dt, .stats-module dd {
    padding: 2px 0 2px 0;
    float: right
    }
/*zo2 overlay*/
.zo2_overlay {
    display: none;
    position: absolute;
    background: #000;
    left: 0;
    top: 0;
    z-index: 666
    }
/* OpenID icon style */
input.system-openid, input.com-system-openid {
    background: url(/openid.net/images/login-bg.gif) no-repeat;
    background-color: #fff;
    background-position: 0 50%;
    color: #000;
    padding-left: 18px
    }
/* Unpublished */
.system-unpublished {
    background: #e8edf1;
    border-top: 4px solid #c4d3df;
    border-bottom: 4px solid #c4d3df
    }
/* System Messages */
.error {
    padding: 0;
    margin-bottom: 20px
    }
.error h2 {
    color: #000 !important;
    font-size: 1.4em !important;
    text-transform: uppercase;
    padding: 0 0 0 0 !important
    }
#system-message {
    margin: 10px 0 20px 0;
    border-left: 0;
    border-right: 0
    }
#system-message dt {
    font-weight: bold
    }
#system-message dd {
    margin: 0 0 15px 0;
    font-weight: bold;
    text-indent: 0;
    padding: 0
    }
#system-message dd ul {
    color: #000;
    list-style: none;
    padding: 0
    }
#system-message dd ul li {
    line-height: 1.5em
    }
/* System Standard Messages */
#system-message dt.message {
    position: absolute;
    top: -2000px;
    left: -3000px
    }
#system-message dd.message ul {
    background: #fff url(../images/notice.jpg) no-repeat 0 0;
    padding-left: 40px;
    padding: 10px 10px 10px 40px;
    border-top: 2px solid #90B203;
    border-bottom: 2px solid #90B203
    }
#system-message dd.message ul li {
    background: none !important
    }
/* System Error Messages */
#system-message dt.error {
    position: absolute;
    top: -2000px;
    left: -3000px
    }
#system-message dd.error ul {
    color: #D8000C;
    background: #FFBABA;
    padding-left: 40px;
    padding: 10px 10px 10px 40px;
    border: 1px solid #c20202
    }
/* System Notice Messages */
#system-message dt.notice {
    position: absolute;
    top: -2000px;
    left: -3000px
    }
#system-message dd.notice ul {
    background: #fff url(../images/notice.jpg) no-repeat 0 -57px;
    padding-left: 40px;
    padding: 10px 10px 10px 40px;
    border-top: 2px solid #FAA528;
    border-bottom: 2px solid #FAA528
    }
#system-message dd.notice ul {
    color: #000;
    margin: 10px 0
    }
#system-message {
    margin-bottom: 0;
    padding: 0
    }
#system-message dt {
    font-weight: bold
    }
#system-message dd {
    font-weight: bold;
    padding: 0
    }
.item-page fieldset {
    border: 0
    }
.item-page .inputbox {
    color: #000
    }
/*tooltip*/
.tip {
    background: #fcfcfc;
    border: 1px solid #ddd;
    font-size: 0.8em;
    text-align: left;
    padding: 3px;
    max-width: 400px
    }
.tip-title {
    font-weight: bold
    }
ul.the-icons li {
    background: 0;
    padding: 0
    }
ul.the-icons li em, ul.the-icons li i {
    text-indent: -999em
    }
.gmnoprint img {
    max-width: none
    }
ul#finder-filter-select-list li {
    background: 0;
    padding: 0
    }
ul#finder-filter-select-list li .inputbox {
    color: #2C2C2C
    }
#mod-finder-searchword {
    margin: 0
    }
#mod-finder-searchform .button {
    height: 27px;
    line-height: 27px;
    padding: 0 10px;
    margin: 0 0 0 10px
    }
.search .inputbox {
    color: #2C2C2C
    }
.search legend {
    border: none;
    color: #333;
    display: block;
    font-size: 100%;
    line-height: 100%;
    margin-bottom: 0;
    padding: 5px 20px;
    width: auto
    }
/*User Images*/
a.user-img {
    display: block;
    line-height: 0;
    overflow: hidden;
    width: 100%
    }
a.user-img img {
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    height: auto !important;
    max-width: 100% !important;
    width: 100% !important
    }
a.user-img img:hover {
    transform: scale(1.1) rotate(-1deg);
    -moz-transform: scale(1.1) rotate(-1deg);
    -webkit-transform: scale(1.1) rotate(-1deg);
    -o-transform: scale(1.1) rotate(-1deg)
    }