 /*------------------------------------------------------------------------# Author: CÔNG TY TNHH THIẾT KẾ SÀI GÒN# Websites:  http://www.thietkewebsg.com-------------------------------------------------------------------------*/

/* COMMON STYLE--------------------------------------------------------- */

html, body, form, fieldset {margin: 0;padding: 0;}

body {background: #e6e0db;color: #666666;font-family: Arial, Helvetica, sans-serif;line-height: 1.5;font-size: 12px; margin: 20px auto; width: 980px;}

body#bd {color: #666666;background: #F0F0F0;padding: 0;margin: 0;}

body.contentpane {color: #000000;font-size: 12px;line-height: 1.3em;margin: 0;margin: 1em 2em;width: auto; /* Printable Page */

}

#body-main{background: #fff; width: 980px; margin: 0 auto;}

body.fs1 {font-size: 10px;}

body.fs2 {font-size: 11px;}

body.fs3 {font-size: 12px;}

body.fs4 {font-size: 13px;}

body.fs5 {font-size: 14px;}

body.fs6 {font-size: 15px;}

/* Normal link */

a {color: #C32A2E;text-decoration: none;}

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

a img {border: none;}

/* Title text */

.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {line-height: normal;color: #333333;}

/* Small text */

small, .small, .smalldark, .article-meta, .modifydate, .img_caption p, .site-slogan, a.readon{font-size: 92%;}

/*article image*/

img {margin: 0;padding: 0;}

.img_caption p {text-align: center;color: #999999;}

.img_caption.left, .img_caption.right {margin-top: 3px;}

.img_caption img {}

.img_caption p {padding-top: 5px;margin-top: 0px;}

/* Heading */

h1 {}

h2 {font-size: 130%;}

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

ul li {background: none;padding-left: 30px;}

ol li {margin-left: 30px;}

th {font-weight: bold;padding: 8px;text-align: left;}

fieldset {border: none;padding: 10px 5px;background: url(../images/dot.gif) repeat-x top;}

fieldset a {font-weight: bold;}

fieldset.input {padding: 0;background: none;}

legend {font-weight: bold;background: #FFFFFF;}

hr {border-bottom: 0;border-left: 0;border-right: 0;border-top: 1px solid #DDDDDD;height: 1px;}

td, th, div {font-size: 100%;}

/* FORM--------------------------------------------------------- */

form {margin: 0;padding: 0;}

form label {cursor: pointer;}

form.search label {display: none;}

input, select, textarea, .inputbox {font-family: Arial, Helvetica, sans-serif;font-size: 100%;border-radius: 0px;}

.inputbox {padding: 2px;border: 1px solid #DDDDDD;background: #FFFFFF;color: #333333;font-size: 100%;}

.button {padding: 1px 8px;border: 1px solid #333333;background: url(../images/but-bg.gif) no-repeat top right #333333;color: #FFFFFF;font-weight: bold;font-family: Arial, Helvetica, sans-serif;}

* html .button { /*IE 6*/

padding: 0 5px !important;}

*+html .button { /*IE 7*/

padding: 0 5px !important;}

/* JOOMLA STYLE--------------------------------------------------------- */

.item_separator, .item_seperator {clear: both;display: block;height: 30px;margin: 0;background: url("../images/dot.gif") repeat-x center;}

.column_separator {padding: 0 25px;}

/* content tables */

.sectiontableheader {background: #666666;padding: 4px 8px;color: #FFFFFF;font-weight: bold;}

.sectiontableheader a,.sectiontableheader a:hover,.sectiontableheader a:active,.sectiontableheader a:focus {color: #FFFFFF;}

tr.sectiontableentry0 td,tr.sectiontableentry1 td,tr.sectiontableentry2 td {padding: 8px;border-bottom: 1px solid #CCCCCC;}

tr.sectiontableentry2 {background: #F9F9F9;}

table.contentpane {border: none;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.gif) no-repeat 12px 8px;padding: 1px 5px 1px 20px;}

table.contenttoc th {border-bottom: 1px solid #CCCCCC;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: #DDDDDD;}

table.searchintro {padding: 10px 0;width: 100%;}

table.searchintro td {padding: 5px!important;}

.items_more {margin: 15px 0 0;padding: 10px 0 0;background: none;}

.items_more strong {display: block;margin: 0 0 5px;text-transform: uppercase;}

.items_more ul {margin: 0;padding: 0;}

.items_more ul li {background: url(../images/bullet.gif) no-repeat 4px 8px;margin: 0;padding: 0 0 0 12px;}

.category {font-weight: bold;}

.contentdescription {padding-bottom: 30px;}

h2.contentheading, .contentheading {    border-bottom: 1px solid #D7D2BE;

    font-size: 20px;

    font-weight: normal;

    margin: 0 0 15px;

    padding: 0 0 10px;}

table.blog .contentheading {font-size: 150%;}

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

a.readon {background: url(../images/readon-bg.gif) no-repeat;width: 96px;height: 21px;line-height: 21px;color: #FFFFFF;display: block;float: left;text-indent: 20px;}

a.readon:hover, a.readon:focus, a.readon:active {color: #FFFFFF;text-decoration: none;}

table.contentpaneopen td, table.contentpane td {}

table.contentpaneopen, table.contentpane, table.blog {width: 100%;}

.moduletable {padding: 0;}

ul.pagination {margin: 15px auto 10px;padding: 10px 0 0;color: #333333;}

ul.pagination li {background: none;display: inline;margin: 0;padding: 0;}

ul.pagination li span{padding: 2px 5px;}

ul.pagination a {padding: 1px 4px;text-decoration: none;color: #666666;}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {color: #C01122;}

.pagenavbar {background: url(../images/icon-pages.gif) no-repeat center left;font-weight: bold;padding-left: 14px;}

.pagenavcounter {background: url(../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;}

.pollstableborder tr.sectiontableentry1 td,.pollstableborder tr.sectiontableentry2 td {background: none;}

ul.latestnews a, ul.mostread a {color: #666666;}

ul.latestnews a:hover, ul.mostread a:hover {color: #C01122;}

.bannerheader {font-size: 120%;font-weight: bold;}

/* SEARCH FORM */

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

form#searchForm {padding-top: 0;}

form#searchForm {padding: 15px 0;}

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

.search .word label, .search .word .inputbox, .search .word button {vertical-align: middle;}

.search .word label {vertical-align: bottom;}

.search .word label, .search .word .inputbox, .search .word button {vertical-align: middle;}

.search .word .inputbox {vertical-align: top;}

.inputbox, input[type="text"], input[type="password"] {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #E0E0E0;padding: 4px 9px;}

.search .word button {margin-left: 5px;}

button, .button {border-radius: 5px 5px 5px 5px;}

button, .button {background: none repeat scroll 0 0 #9C422E;border: 1px solid #712E1F;border-radius: 5px 5px 5px 5px;box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;color: #EED5D0;cursor: pointer;line-height: normal;margin-right: 5px;overflow: visible;padding: 2px 10px 2px 6px;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);}

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

.search fieldset legend {font-size: 100%;}

.search .phrases-box {margin: 0 0 10px;}

input[type="checkbox"], input[type="radio"], input[type="checkbox"]:hover, input[type="radio"]:hover, input[type="checkbox"]:focus, input[type="radio"]:focus, input[type="checkbox"]:active, input[type="radio"]:active {background: none repeat scroll 0 0 transparent;border: medium none !important;vertical-align: middle;}

.inputbox:hover, .inputbox:focus, input[type="text"]:hover, input[type="text"]:focus, input[type="password"]:hover, input[type="password"]:focus, select:hover, select:focus, textarea:hover, textarea:focus{border: 1px solid #E0E0E0;background: #ffffcc;}

.inputbox, input[type="text"], input[type="password"] {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #E0E0E0;padding: 4px 9px;}

input[type="checkbox"], input[type="radio"], input[type="checkbox"]:hover, input[type="radio"]:hover, input[type="checkbox"]:focus, input[type="radio"]:focus, input[type="checkbox"]:active, input[type="radio"]:active {background: none repeat scroll 0 0 transparent;border: medium none !important;vertical-align: middle;}

form#searchForm .form-limit {float: left;}

dl.search-results {margin-top: 30px;}

.search-results dt.result-title {border-top: 1px solid #E5E5E5;padding: 8px 0;}

.column dt {font-weight: bold;}

.search-results dd.result-category {color: #999999;float: left;font-size: 13px;font-style: italic;margin: -2px 10px 0 0;}

.search-results dd {margin-left: 0;}

.column dd {margin-left: 15px;}

.search-results dd.result-created {margin-bottom: 20px;text-align: right;}

.pagination {padding-bottom: 40px;}

.pagination ul, ul.pagenav {float: left;margin: 10px 0;}

.pagination ul li > a {display: inline-block;line-height: 20px;}

.pagination ul li, ul.pagenav li {margin-right: 3px;}

.pagination ul li, ul.pagenav li {background: none repeat scroll 0 0 transparent;display: block;float: left;margin: 0;overflow: hidden;padding: 0;}

.pagination ul li.pagination-prev > span.pagenav, .pagination ul li.pagination-start > span.pagenav, .pagination ul li.pagination-next > span.pagenav, .pagination ul li.pagination-end > span.pagenav {-moz-border-bottom-colors: none;-moz-border-image: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: none repeat scroll 0 0 #F6F6F6;border-color: #EEEEEE #DDDDDD #DDDDDD #EEEEEE;border-style: solid;border-width: 1px;color: #666666;text-shadow: none;}

.pagination ul li > span.pagenav {background: none repeat scroll 0 0 #9C422E;border: 1px solid #712E1F;color: #EED5D0;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);}

.pagination ul li span.pagenav, .pagination ul li a.pagenav, ul.pagenav li a {padding: 0 5px;}

.pagination ul li > span, .pagination ul li > strong {border-radius: 3px 3px 3px 3px;}

.pagination ul li > span, .pagination ul li > strong {-moz-border-bottom-colors: none;-moz-border-image: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: none repeat scroll 0 0 #F6F6F6;border-color: #EEEEEE #DDDDDD #DDDDDD #EEEEEE;border-style: solid;border-width: 1px;color: #666666;display: inline-block;line-height: 20px;margin-right: 3px;padding: 0 6px;}

/* LOGIN FORM */

#login-form p {margin: 0 0 5px;}

#form-login-username .inputbox, #form-login-password .inputbox {width: 90%;}

#form-login-username .inputbox, #form-login-password .inputbox {background-position: 5px center;background-repeat: no-repeat;font-weight: bold;}

#login-form ul {list-style: none outside none;margin: 0;padding: 0;}

#login-form ul li {background: none repeat scroll 0 0 transparent;list-style: none outside none;margin: 0;padding: 4px 0;}

#login-form ul li a {background: url("/jab/templates/ja_blazes/images/arrow-grey.png") no-repeat scroll 5px 4px transparent;color: #666666;padding-left: 15px;}

fieldset dt {clear: left;float: left;min-width: 12em;padding: 3px 0;}

.registration fieldset dt {margin-right: 5px;}

.red, .tag-red {background: -moz-linear-gradient(center top , #ED1C24, #AA1317) repeat scroll 0 0 transparent;border: 1px solid #980C10;color: #FADDDE;}

fieldset dd {min-height: 25px;padding: 3px 0;}

.registration inputbox, .registration input[type="text"], .registration input[type="password"] {width: 200px;}

/* 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: #999999;}

.createby {}

.createdate {padding-right: 6px;margin-right: 5px;background: url(../images/vline.gif) no-repeat right center;}

.modifydate {width: 100%;display: block;color: #999999;margin: 15px 0;}

.article-section {padding-left: 6px;margin-left: 5px;background: url(../images/vline.gif) no-repeat left center;}

.article-section a {color: #999999;}

.article-category a {color: #999999;}

div.buttonheading {position: absolute;top: 4px;right: 10px;}

.buttonheading img {margin: 0 0 0 5px;border: 0;float: right;}

/* pagenav */

ul.pagenav li {display:inline-block;padding:1px;margin:0;border:solid 0px #cc0000;position:relative;}

ul.pagenav li a {display:inline; background:none; padding:2px 10px 2px 0; text-decoration:none;}

ul.pagenav li.pagenav-prev {float:left}

ul.pagenav li.pagenav-next {float:right}

/* MAIN LAYOUT DIVS--------------------------------------------------------- */

body {}

ul.actions {min-width: 90px;text-align: right;float: right;margin: 0;padding: 0;}

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

dl.article-info {color: #AFAFAF;width: auto;margin: 0;padding: 0;text-transform: none;width: 70%;}

div.article-tools dd.category-name {background: url("/jab/templates/ja_blazes/images/icon-folder.png") no-repeat scroll 0 0 transparent;padding: 2px 5px 2px 17px;}

div.item-page div.article-tools dd.create {padding-left: 0;top: 75px;}

div.article-tools dd.create {background: none repeat scroll 0 0 transparent;font-family: "AbelRegular",Arial,sans-serif;left: 0;padding: 0 0 0 20px;position: absolute;top: 5px;width: 110px;}

div.article-tools dd.create, div.article-tools dd.published {background: url("/jab/templates/ja_blazes/images/icon-date.png") no-repeat scroll 0 0 transparent;padding: 1px 3px 2px 20px;}

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

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

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

div.article-tools .create .date {border-right: 1px solid #E5E5E5;color: #424242;float: left;font-size: 350%;line-height: 80%;margin-right: 8px;padding-right: 8px;text-transform: uppercase;}

div.article-tools .create .month-year {display: block;float: left;text-transform: uppercase;}

div.item-page div.article-tools dd.create {padding-left: 0;top: 75px;}

div div.article-tools dd.create {background: none repeat scroll 0 0 transparent;font-family: "AbelRegular",Arial,sans-serif;left: 0;padding: 0 0 0 20px;position: absolute;top: 5px;width: 110px;}

div.article-tools dd.create, div.article-tools dd.published {background: url("/jab/templates/ja_blazes/images/icon-date.png") no-repeat scroll 0 0 transparent;padding: 1px 3px 2px 20px;}

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

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

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

div.article-content {overflow: visible;}

.article-content {overflow: hidden;}

/* CONTENT */



/* Readmore */

.newsflash  a.readmore:link,.newsflash a.readmore:visited,#content a.readmore:link,#content a.readmore:visited{padding:4px 5px 4px 10px ;line-height:1.2em;text-decoration:none;}

.newsflash  a.readmore:link,.newsflash a.readmore:visited {margin:10px 0;display:block}

a.readmore:hover,a.readmore:active,a.readmore:focus {text-decoration:none}

.readmore a:link, .readmore a:visited, a.readmore:link, a.readmore:visited {background: url("../images/arrow1.gif") repeat-x scroll left top #EEEEEE;border: 1px solid #DDDDDD;color: #444444;}

.readmore a:hover, .readmore a:active, .readmore a:focus, a.readmore a:hover, a.readmore a:active, a.readmore a:focus {background:#555 url(../images/arrow2.gif) no-repeat left 6px !important;color:#fff;}

a.readmore:hover, a.readmore:active, a.readmore:focus {background:#555;color:#fff;}

/* Position */

.blog-featured {padding: 0;}

.items-leading {    background: none repeat scroll 0 0 transparent;

    border-bottom: 1px solid #DEDEDE;

    clear: both;

    margin-bottom: 10px;

    overflow: hidden;

    padding: 0 5px 15px;

    text-align: justify;}

.row-separator {display: block;clear: both;margin: 0;border: 0px;height:1px}

.item-separator {display: none;margin: 0px;}

.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{float: left;text-align: justify;width: 49%;}

.cols-2 .column-2{float: right;margin: 0;text-align: justify;width: 49%;}

.cols-3 .column-1{float: left;text-align: justify;width: 32%;}

.cols-3 .column-2{float: left;margin-left: 0;padding: 0 2%;text-align: justify;width: 32%;}

.cols-3 .column-3{float: right;text-align: justify;width: 32%;}

.items-row{border-bottom: 1px solid #EBEBEB;

    margin-bottom: 10px !important;

    overflow: hidden;}

.column-1,.column-2,.column-3{}

.column-2{}

.column-3{}

.cols-4 .column-1{float: left;text-align: justify;width: 22%;margin-right: 4%;}

.cols-4 .column-2{float: left;margin-left: 0;padding-right: 4%;text-align: justify;width: 22%;}

.cols-4 .column-3{float: left;text-align: justify;width: 22%;padding-right: 4%;}

.cols-4 .column-4{float: right;text-align: justify;width: 22%;}

.blog-more{padding: 10px 5px;}

/* CPANEL */

#cpanel-main{width: 980px;margin: 0 auto;height: 0px;line-height: 0px;}

/* END CPANEL */

/* MODULE--------------------------------------------------------- */

div.moduletable h3,div.moduletable_default h3,div.moduletable_menu h3,div.moduletable_text h3,div.moduletable_blank h3,div.moduletable_hilite h3,div.moduletable_black h3 {font-size: 125%;font-weight: bold;height: 29px;line-height: 29px;margin: 0;padding: 0;}

div.moduletable h3 span,div.moduletable_menu h3 span,div.moduletable_text h3 span,div.moduletable_blank h3 span,div.moduletable_hilite h3 span,div.moduletable_black h3 span {display: block;height: 29px;}

div.moduletable,div.moduletable_menu,div.moduletable_text,div.moduletable_blank {margin: 0 0 10px;padding: 0;}

/* Highlight module */

div.moduletable_hilite h3 {background: url(../images/h3-r-hilite.gif) no-repeat right center #04A504;color: #FFFFFF;}

div.moduletable_hilite h3 span {background: url(../images/h3-l-hilite.gif) no-repeat left center;}

/* Module banner */

div.module_banner h3 {background: none;color: #666666;font-size: 125%;line-height: 36px;margin: 0;padding: 0;text-transform: uppercase;}

div.module_banner h3 span{background: url("../images/h3.jpg") no-repeat scroll right center transparent;color: #FFFFFF;display: block;height: 41px;line-height: 41px;padding: 0 10px 0 0;text-align: center;}

div.module_banner {padding: 0;width: 100%;background: url(../images/box-br.jpg) no-repeat bottom right #FFFFFF;margin-bottom: 10px;}

div.module_banner div {margin: 0;padding: 0;background: url(../images/box-bl.jpg) no-repeat bottom left;}

div.module_banner div div {padding: 0;margin: 0;background: url(../images/box-tr.jpg) no-repeat top right;}

div.module_banner div div div {padding: 0px;background: url(../images/box-tl.jpg) no-repeat top left;}

div.module_banner div div div div {margin: 0;padding: 0px;background: none;overflow: hidden;}

div.module_banner div div div div div{margin: 0;padding: 0;background: none;overflow: hidden;}

/* Module */

div.module h3,div.module_text h3,div.module_menu h3,div.module_hilite h3 {background: url("../images/bg_title.jpg") repeat-x scroll right top transparent;color: #666666;font-size: 125%;line-height: 65px;margin: -1px -16px;padding: 0;text-transform: uppercase;}

div.module h3 span,div.module_text h3 span,div.module_menu h3 span,div.module_hilite h3 span,div.module_blank h3 span {background: none repeat scroll 0 0 #343434;

    color: #FFFFFF;

    display: block;

    font-size: 12px;

    font-weight: bold;

    height: 40px;

    line-height: 40px;

    padding: 0 15px;

    text-align: left;

    text-transform: none;}

div.module,div.module_text,div.module_menu,div.module_hilite {padding: 0;width: 100%;background: url(../images/box-br.jpg) no-repeat bottom right #FFFFFF;margin-bottom: 10px;}

div.module div,div.module_text div,div.module_menu div,div.module_hilite div {margin: 0;padding: 0;background: url(../images/box-bl.jpg) no-repeat bottom left;}

div.module div div,div.module_text div div,div.module_menu div div,div.module_hilite div div {padding: 0;margin: 0;background: url(../images/box-tr.jpg) no-repeat top right;}

div.module div div div,div.module_text div div div,div.module_menu div div div,div.module_hilite div div div {background: none repeat scroll 0 0 #FCFCFC;

    border: 1px solid #E9E8E8;

    padding: 0 15px 10px;}

div.module div div div div,div.module_text div div div div,div.module_menu div div div div,div.module_hilite div div div div {margin: 0;padding: 0 10px 10px;background: none;overflow: hidden;}

div.module div div div div div,div.module_text div div div div div,div.module_menu div div div div div,div.module_hilite div div div div div{margin: 0;padding: 0;background: none;overflow: hidden;}

/* Tooltips */

.tool-tip {background: #FFFFFF;border: 1px solid #CCCCCC;float: left;max-width: 200px;padding: 5px;z-index: 999;color: #333333;}

.tool-title {background: url(../../system/images/selector-arrow.png) no-repeat;font-size: 100%;font-weight: bold;margin: 0;margin-top: -15px;padding: 0;padding-bottom: 5px;padding-top: 15px;}

.tool-text {font-size: 100%;margin: 0;}

#system-message dd.message ul,#system-message dd.error ul,#system-message dd.notice ul {margin: 0;padding: 0;}

#system-message dd.message ul li,#system-message dd.error ul li,#system-message dd.notice ul li {background: none;color: #FFFFFF;margin: 0;padding: 5px;}

/* System Standard Messages */

#system-message dd.message ul {background: #666666;border: none;}

/* System Error Messages */

#system-message dd.error ul {background: #666666;border: none;}

/* System Notice Messages */

#system-message dd.notice ul {background: #666666;border: none;}

/* Clearfix */

* html .clearfix {height: 1%; /* IE5-6 */

}

.clearfix {display: inline-block; /* IE7xhtml*/

}

html[xmlns] .clearfix { /* O */

display: block;  }

.clearfix:after { /* FF, O, etc. */

content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/* MENU */

/* Default Joomla! Menu */

ul.menu {list-style: none;margin: 0;padding: 0;display: block;}

ul.menu li {display: block;background: none;margin: 0;padding: 0;line-height: normal;}

* html ul.menu li {width: 99%;}

*+html ul.menu li {width: 99%;}

ul.menu li a {display: block;outline: none;padding: 10px 0 10px 0;background: none;margin: 0;text-decoration: none;color: #878686;}

ul.menu li a:hover,ul.menu li a:active,ul.menu li a:focus {color: #c32a2e;text-decoration: none;background: none;}

ul.menu li.active a {font-weight: bold;background: url(../images/arrow-active.png) no-repeat 98% center;color: #00b9f1;}

ul.menu li ul {list-style: none;margin: 0;padding: 0;}

ul.menu li li {border: none;background: none;padding: 0;}

ul.menu li li a {color: #666666 !important;border: none;padding: 5px 5px 5px 25px !important;text-transform: none;font-weight: normal !important;background: url(../images/arrow.png) no-repeat 15px 10px !important;}

ul.menu li li a:hover,ul.menu li li a:active,ul.menu li li a:focus {color: #C01122 !important;text-decoration: underline;}

ul.menu li li.active a {color: #333333;font-weight: bold !important;}

ul.menu li li li a {color: #333333 !important;font-weight: normal !important;padding-left: 35px !important;background: url(../images/bullet.gif) no-repeat 25px 10px !important;}

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

/* Login Form */

* html #login-wrap {width: 99%;}

#login-wrap form {}

#login-wrap form label {}

#login-wrap form input.button {}

#login-wrap form #mod_login_username,#login-wrap form #mod_login_password {width: 95%;margin: 2px 0 5px;font-size: 12px !important;padding: 2px;background: #FFFFFF;border: 1px solid #DDDDDD;}

* html #login-wrap form #mod_login_username,* html #login-wrap form #mod_login_password {width: 90%;}

#login-wrap div.ja-login-links {padding: 8px 0 0;display: block;}

#login-wrap .ja-login-links a {padding: 0;display: block;color: #333333;}

#login-wrap .ja-login-links a:hover,#login-wrap .ja-login-links a:active,#login-wrap .ja-login-links a:focus {color: #C01122;}

/* Tooltips */

.tool-tip {background: #FFFFFF;border: 1px solid #CCCCCC;float: left;max-width: 200px;padding: 5px;z-index: 999;color: #333333;}

.tool-title {background: url(../../system/images/selector-arrow.png) no-repeat;font-size: 100%;font-weight: bold;margin: 0;margin-top: -15px;padding: 0;padding-bottom: 5px;padding-top: 15px;}

.tool-text {font-size: 100%;margin: 0;}

#system-message dd.message ul,#system-message dd.error ul,#system-message dd.notice ul {margin: 0;padding: 0;}

#system-message dd.message ul li,#system-message dd.error ul li,#system-message dd.notice ul li {background: none;color: #FFFFFF;margin: 0;padding: 5px;}

/* System Standard Messages */

#system-message dd.message ul {background: #666666;border: none;}

/* System Error Messages */

#system-message dd.error ul {background: #666666;border: none;}

/* System Notice Messages */

#system-message dd.notice ul {background: #666666;border: none;}

/* Clearfix */

* html .clearfix {height: 1%; /* IE5-6 */

}

.clearfix {display: inline-block; /* IE7xhtml*/

}

html[xmlns] .clearfix { /* O */

display: block;  }

.clearfix:after { /* FF, O, etc. */

content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/* ###################################################################################### */



/* HEADER */

#header{    background: none;

position: relative;}

#sg-header{background: none;line-height: normal;position: relative;z-index: 999;}

#sg-header-main{    background: none repeat scroll 0 0 #FFFFFF;

    height: 98px;

    margin: 0 auto;

    padding: 10px 0;

    width: 980px;}

/* END HEADER */



/*-- LOGO --*/

div.sg-logo, div.logo-text {margin: 0;padding: 0 0 0 15px;position: absolute;top: 30px;}

div.sg-logo a {    background: url("../images/logo.png") no-repeat scroll 0 0 transparent;

    display: block;

    height: 62px;

    width: 411px;}

div.sg-logo a span {position: absolute;top: -1000px;}

div.sg-logo-text {outline: none;}

div.sg-logo-text h1 {font-size: 250%;font-weight: bold;letter-spacing: 2px;margin: 0 0 0 15px;padding: 0;}

div.sg-logo-text h1 a {color: #FFFFFF;text-transform: uppercase;}

div.sg-logo-text h1 a:hover,div.sg-logo-text h1 a:focus,div.sg-logo-text h1 a:active {text-decoration: none;}

.site-slogan {color: #FFFFFF;margin: -5px 0 0 15px;padding: 0;letter-spacing: 1.5px;}

/*-- END Logo --*/



/*-- SG TOPS --*/

#tops {float: right;width: 40%; margin-right: 15px;}

#sg-top1{

    background: url("../images/bg_sg_top1.png") repeat scroll 0 0 transparent;

    float: left;

    height: 482px;

    margin-left: 10px;

    margin-top: -86px;

    padding: 15px;

    position: relative;

    width: 350px;

    z-index: 999;

	}

#sg-top2{width: 60%;float: right;}

/*-- END SG TOPS --*/



/* SG SEARCH TOP */

#sg-searchtop .button{background: url("../images/but-search.gif") no-repeat scroll right top #333333;border: none;color: #FFFFFF;float: right;font-family: Arial,Helvetica,sans-serif;font-weight: bold;height: 36px;overflow: hidden;padding: 0;width: 36px;}

#sg-searchtop{    clear: both;

    float: right;}

#sg-searchtop .inputbox{margin-right: 10px;

    padding: 10px;

    width: 300px;}

#sg-menutop{

    background: url("../images/bg_menu_top.png") repeat-x scroll right bottom transparent;

    clear: both;

    display: block;

    margin-bottom: 5px;

    overflow: hidden;

    padding-bottom: 10px;

	color: #a7a7a7;

}

/* END SG SEARCH TOP */



/*-- SG MAINMENU --*/

#sg-mainmenus{

    background: none repeat scroll 0 0 #2A7405;

    height: 44px;

    margin: 0 auto;

    width: 980px;	}

/*-- END SG MAINMENU --*/



/*-- SLIDE SHOW --*/

#sg-slideshow{background: none;padding-bottom: 0px;}

#sg-slideshows{    background: none repeat scroll 0 0 #FFFFFF;

    margin: 0 auto;

    padding: 10px;

    width: 960px;}

#sg-slideshows ul li{padding: 0 5px;}

/*-- END SLIDE SHOW --*/



/* SG TOPS */

#sg-tops{background: url("../images/images-repeat-x.png") repeat-x scroll 0 -87px transparent; height: 432px;}

#sg-tops-main{width: 980px;margin: 0 auto;}

/* END SG TOPS */



/*-- SG TOPUSER --*/

#sg-topuser-main{background: none repeat scroll 0 0 #F2F2F2;margin: 0 auto 10px;overflow: hidden;padding: 0px;width: 980px;}

#sg-user1, #sg-user2{margin-right: 20px;}

#sg-user1, #sg-user2, #sg-user3, #sg-user4{float: left;}

/*-- END SG TOPUSER --*/



/*-- SG TOPSLIDE --*/

#sg-topslide-main{width: 980px;margin: 0 auto;}

/*-- END SG TOPSLIDE --*/



/*-- CONTENT --*/

#sg-body-main{background: none repeat scroll 0 0 transparent;margin: 0 auto 15px;overflow: hidden;padding: 0 10px;width: 960px;}

#content .readmore a{font-weight:bold;padding:2px 5px 2px 10px;display:inline-block;margin-top:5px;text-decoration:none}

#content .readmore a:link,#content .readmore a:visited,#content a.readmore:link,#content a.readmore:visited {    background: none repeat scroll 0 0 #07A2CA;

    border: medium none;

    color: #FFFFFF;

    margin: 0;

    padding: 5px 10px;}

#content .readmore a:hover,#content .readmore a:active,#content .readmore a:focus,#content a.readmore a:hover,#content a.readmore a:active,#content a.readmore a:focus {background: #07A2CA !important;color: yellow !important;}

#content {float: left;}

#content .readmore a:hover,#content .readmore a:active,#content .readmore a:focus {background: #000000;color: #FFFFFF;}

#content ul.pagenav {list-style-type:none;padding:0;overflow:hidden}

#content ul.pagenav li {line-height:2em}

#content h2{

}

#content h2 a{

	color: #000;

}



#content ul li, #content ol li {line-height: 1.7em;padding: 0;}



#content-body img{

	}

#content-body-c-lor{background: none;}

#content-body-b-lor{background: none;}

#content-body-t-lor{background: none;padding: 0px 0px 10px;}

#content-body .counter {float: right;line-height: 1;margin: 15px 0;text-align: right;}

h1.componentheading, .componentheading {background: #6e7278;

    color: #FFFFFF;

    font-size: 12px;

    font-weight: bold;

    line-height: 40px;

    margin: 0px 0 15px !important;

    padding: 0 0 0 15px !important;}



/*-- END CONTENT --*/



/* SG LEFT */

#sg-left{float: left;margin-right: 10px;width: 230px;}

/* END SG LEFT */



/*-- sg-banner-top-content --*/

#sg-banner-top-content h2{font-size: 13px;font-weight: normal;}

#sg-banner-top-content h3{background: url("../images/bg_title_big_t.jpg") no-repeat scroll left top transparent;color: #666666;font-size: 125%;line-height: 53px;margin: 0 -10px;padding: 0;text-transform: uppercase;}

#sg-banner-top-content h3 span{background: none repeat scroll 0 0 transparent;color: #FFFFFF;display: block;font-weight: normal;height: 40px;line-height: 40px;padding: 0 20px;text-align: left;}

#sg-banner-top-content h4{background: none repeat scroll 0 0 transparent;

    border: medium none;

    font-size: 14px;

    font-weight: normal;

    margin: 5px 0 8px;

    padding: 5px 10px;

    text-transform: uppercase;}

#sg-banner-top-content h4 a{color: #000;}

#sg-banner-top-content h4 a:hover{color: #C32A2E;}

#sg-banner-top-content img{border: solid 3px #999;}

#sg-banner-top-content div.module {padding: 0;width: 100%;background: none;margin-bottom: 10px;}

#sg-banner-top-content div.module div {margin: 0;padding: 0;background: none;}

#sg-banner-top-content div.module div div {padding: 0;margin: 0;background: none;}

#sg-banner-top-content div.module div div div {padding: 0 10px 10px;background: none;}

#sg-banner-top-content div.module div div div div {margin: 0;padding: 0 0px 10px;background: none;overflow: hidden; border: none;}

#sg-banner-top-content div.module div div div div div{margin: 0;padding: 0;background: none;overflow: hidden; border: none;}

#sg-banner-top-content div.module div div div div div div{

	background: none;

	border: none;

}

#sg-banner-top-content ul li, #sg-banner-top-content ol li {line-height: 1.7em; padding: 0 5px;}

/*-- END sg-banner-top-content --*/

#sg-banner-bottom-content a.readon {

    color: #2a7405;

	font-size: 12px;

    line-height: normal;

    text-indent: 0;

}

#sg-banner-bottom-content .nspArt h4.nspHeader {

    float: left;

    font-size: 20px;

    font-weight: normal;

}

#sg-banner-bottom-content .nspArt h4.nspHeader a{

	color: #000;

}

/* SG RIGHT */

#sg-right {

	float: right;

    margin-left: 30px;

    width: 230px;

	}



#sg-right .modulenew h3 {

    border-bottom: 1px solid #D7D2BE;

    font-size: 20px;

    font-weight: normal;

    margin: 0 0 15px;

    padding: 0 0 10px;

}

#sg-right ul.menu li {

	border-bottom: 1px solid #E9E8E8;

	line-height: 18px;

    margin: 0 -15px;

    padding: 0 0 0 15px;}

#sg-right ul.menu li li {background: none repeat scroll 0 0 transparent;border: medium none;padding: 0;}

#sg-right ul.menu {display: block;list-style: none outside none;margin: 0px;padding: 0;}

#sg-right ul.menu li.active {display: block;

    line-height: 18px;

    margin: 0 -15px;

    padding: 0 0 0 15px;}

#sg-right ul.menu li.active a {background: none;color: #c32a2e;font-weight: bold;}

#sg-right ul.menu li li a:hover,#sg-right ul.menu li li a:active,#sg-right ul.menu li li a:focus {color: #C01122 !important;text-decoration: none;}

#sg-right ul.menu li ul li {background: none !important;list-style: none outside none;margin: 0;padding: 0;}

/* END SG RIGHT */



/*-- SG BANNER BOTTOM --*/

#sg-banner-bottom{background: url("../images/bg_banner_bottom_r.jpg") repeat-x scroll center 99px transparent;}

#sg-banner-bottom-main{background: url("../images/bg-banner-bottom.jpg") no-repeat scroll top center transparent;}

#sg-banner-bottoms{margin: 0 auto;padding: 15px;width: 980px;}

/*-- END SG BANNER BOTTOM --*/



/*-- SG BOTTOM USER --*/

#sg-bottompuser-main{width: 980px;margin: 0 auto;}

#sg-user5, #sg-user6, #sg-user7, #sg-user8{float: left;}

/*-- END SG BOTTOM USER --*/



/*-- SG TOP FOOTER --*/

#sg-top-footer{background: url("../images/bg_top_footer.jpg") repeat-x scroll center top transparent;color: #707070;height: 33px;line-height: 33px; clear: both;}

#sg-top-footer a{color: #fff;}

#sg-top-footer a:hover{color: yellow;}

#sg-top-footers{width: 980px;margin: 0 auto;}

/*-- END SG TOP FOOTER --*/



/*-- SG FOOTER --*/

#sg-footer{    background: #307807;

    color: #fff;

    max-height: 106px;

    padding: 10px;}

#footer{width: 950px;margin: 0 auto;clear: both;}

#footer-main a{color: #07A2CA;}

#footer-main a:hover{color: #DFDFB9;}

/*-- END SG FOOTER --*/



/*-- SG MENU FOOTER --*/

#sg-menu-footer{display: block;}

#sg-menu-footer-main{width: 980px;margin: 0 auto;}

#sg-menu-footer-main ul{background: none;margin: 0;padding-bottom: 15px;text-align: center;}

#sg-menu-footer-main ul.menu li {background: none repeat scroll 0 0 transparent;border-bottom: medium none;border-right: 1px solid #fff;display: inline;margin: 0;padding: 0;}

#sg-menu-footer-main ul.menu li ul{display: none;}

#sg-menu-footer-main ul.menu li a{background: none repeat scroll 0 0 transparent;color: #fff;display: inline;padding: 0 10px;}

#sg-menu-footer-main ul.menu li a:hover,#sg-menu-footer-main ul.menu li a:active,#sg-menu-footer-main ul.menu li a:focus{color: yellow !important;}

#sg-menu-footer-main ul.menu li.active a{color: yellow;}

/*-- END SG MENU FOOTER --*/





/* ADD NEW CSS */

.default .ja-zinlinks ul li {background: url("../images/li_menu_l.jpg") repeat-x scroll left bottom transparent;line-height: normal;margin: 0px;padding: 0px !important;}

.default .ja-zinlinks ul li a{padding: 5px 0;}

.jazin-links{margin: 0px;}

.janews-tool-tip {box-shadow: 0 0 10px rgba(0,0,0,.9);-moz-box-shadow: 0 0 10px rgba(0,0,0,.9);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.9);}

/* JA News Tooltips ---*/

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

.janews-tool-tip .tool-tip { background: #ffffa3; border: 0; color: #000; 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: #ffffa3; border: 0; color: #000; 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; }

div.ja-zincontent{

    color: #BFBFBF;

    float: left;

    margin: 0 4%;

    width: 42%;

}

div.ja-zincontent .readmore a{

    background: none repeat scroll 0 0 transparent;

    border: medium none;

    color: #FFFFFF;

	font-weight: bold;

}

div.ja-zincontent .readmore a:hover{

	color: yellow;

	background: none !important;

}

.jicons-icons {

    float: left;

    margin-right: 10px;

}

#jform_contact_name, #jform_contact_email, #jform_contact_emailmsg {

    border: 1px solid #DEDEDE;

    height: 25px;

    padding: 2px 10px;

    width: 350px;

}

#jform_contact_message {

    border: 1px solid #DEDEDE;

    padding: 2px 10px;

    width: 350px;

}