/*------------------------------------------------------------------------
# JA Edentite 1.0 - Mar, 2008
# ------------------------------------------------------------------------
# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
-------------------------------------------------------------------------*//* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset
{
    margin: 0;
    padding: 0;
}
body
{
    background: #fff;
    color: #000;
    font-family: "Lucida Grande",Arial,sans-serif;
    line-height: 1.6;
}
body#bd
{
    color: #515756;
    background: #fff;
}
body.contentpane
{
    color: #000;
    font-size: 12px;
    line-height: 1.3em;
    margin: 0;
    margin: 1em 2em;
    width: auto;/* Printable Page */
}
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: #2c79b3;
    text-decoration: none;
}
a:hover, a:active, a:focus
{
    color: #2c79b3;
    text-decoration: underline;
}
a img
{
    border: none;
}/* Title text */
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption, p.site-slogan, a.readon, #ja-pathway, #ja-headlinewrap, #ja-col1, #ja-col2, #ja-botsl, #ja-footer
{
    font-size: 92%;
}
small, .small
{
    color: #858783;
}
img
{
    margin: 0;
    padding: 0;
}
img.caption
{
    margin-top: 15px;
}/* Heading */
h1
{
    font-size: 180%;
}
h2
{
    font-size: 150%;
}
h3
{
    font-size: 125%;
}
h4
{
    font-size: 100%;
    text-transform: uppercase;
}
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6
{
    margin: 10px 0;
    padding: 0;
}
ul
{
    list-style: none;
}
ul li
{
    background: url(../image/bullet.gif) no-repeat 18px 7px;
    line-height: 200%;
    padding-left: 30px;
    margin-bottom: 5px;
}
ol li
{
    line-height: 180%;
    margin-left: 35px;
}
th
{
    font-weight: bold;
    padding: 5px;
    text-align: left;
}
fieldset
{
    border: none;
    padding: 10px 5px;
}
fieldset a
{
    font-weight: bold;
}
fieldset.input
{
    padding: 0;
}
hr
{
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #ccc;
    height: 1px;
}
td, div
{
    font-size: 100%;
}/* FORM
--------------------------------------------------------- */
form
{
    margin: 0;
    padding: 0;
}
form label
{
    cursor: pointer;
}
input, select, textarea, .inputbox
{
    font-family: Tahoma,Arial,sans-serif;
    font-size: 100%;
}
.inputbox
{
    border: 1px solid #ccc;
    padding: 3px;
    color: #515756;
    background: #fff;
}
.button
{
    padding: 2px 8px;
    border: 1px outset #a8a8a8;
    background: url(../image/grad4.gif) repeat-x;
    font-size: 92%;
    color: #515756;
    font-weight: bold;
}
* html .button
{/*IE 6*/
    padding: 1px 5px!important;
}
*+html .button
{/*IE 7*/
    padding: 1px 5px!important;
}/* JOOMLA STYLE
--------------------------------------------------------- */
.article_separator
{
    clear: both;
    display: block;
    height: 30px;
    background: url(../image/dot.gif) repeat-x center;
}
.column_separator
{
    padding: 0 25px;
}/* content tables */
td.sectiontableheader
{
    background: url(../image/grad3.gif) repeat-x bottom #a8a8a8;
    border: 1px solid #e7e8e6;
    padding: 4px;
}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td
{
    padding: 4px;
    background: url(../image/dot.gif) repeat-x bottom;
}
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: 35%;
    font-size: 92%;
}
table.contenttoc a
{
    text-decoration: none;
}
table.contenttoc td
{
    background: url(../image/bullet.gif) no-repeat 10px 9px;
    padding: 1px 5px 1px 20px;
}
table.contenttoc th
{
    border-bottom: 1px solid #e7e8e6;
    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: #f8f8f7;
}
table.searchintro
{
    padding: 10px 0;
    width: 100%;
}
table.searchintro td
{
    padding: 5px!important;
}
.blog_more strong
{
    display: block;
    font-size: 125%;
    margin: 0 0 5px;
}
.blog_more ul
{
    margin: 0;
    padding: 0;
}
.blog_more ul li
{
    background: url(../image/bullet.gif) no-repeat 6px 10px;
    margin: 0;
    padding: 0 0 0 17px;
}
.category
{
    font-size: 125%;
    font-weight: bold;
}
h1.componentheading, .componentheading
{
    margin: 0 0 10px;
    padding: 0 0 5px;
}
.componentheading
{
    font-size: 200%;
    font-weight: normal;
    border-bottom: 1px solid #e7e8e6;
}
.contentdescription
{
    padding-bottom: 30px;
}
h2.contentheading, .contentheading
{
    font-weight: normal;
    margin: 0;
    padding: 0;
    line-height: normal;
}
.contentheading
{
    font-size: 200%;
    line-height: normal;
    color: #2c79b3;
}
table.blog .contentheading
{
    font-size: 150%;
    line-height: normal;
}
a.readon
{
    display: block;
    float: left;
    text-align: center;
    clear: both;
    padding: 0 5px;
    background: url(../image/grad2-2.gif) repeat-x center #8bab32;
    color: #fff;
    margin-top: 5px;
    text-transform: lowercase;
}
a.readon:hover, a.readon:active, a.readon:focus
{
    background: url(../image/grad2-1.gif) repeat-x center #2c79b3;
    color: #fff;
    text-decoration: none;
}
table.contentpaneopen, table.contentpane, table.blog
{
    width: 100%;
}
.moduletable
{
    padding: 0;
}
ul.pagination
{
    margin: 15px auto 0;
    padding: 0;
}
ul.pagination li
{
    background: none;
    display: inline;
    margin: 0;
    padding: 0;
}
ul.pagination li span
{
    padding: 2px 5px;
}
ul.pagination a
{
    padding: 2px 3px;
    text-decoration: none;
}
.pagenavbar
{
    background: url(../image/icon-pages.gif) no-repeat center left;
    font-weight: bold;
    padding-left: 14px;
}
.pagenavcounter
{
    background: url(../image/icon-pages.gif) no-repeat 0 11px;
    font-weight: bold;
    padding: 8px 14px 0 14px;
}
.sectiontableheader
{/*color: #FFFFFF; modified by luther*/
    color: #626a69;
    font-weight: bold;
    padding: 8px 5px;
}
.sectiontableheader a
{
    color: #fff;
}
tr.sectiontableentry1 td
{
    padding: 8px 5px;
}
tr.sectiontableentry2 td
{
    padding: 8px 5px;
}
.smalldark
{
    text-align: left;
}
div.syndicate div
{
    text-align: center;
}
.pollstableborder tr.sectiontableentry1 td, .pollstableborder tr.sectiontableentry2 td
{
    background: none;
}/* META
--------------------------------------------------------- */
.createdate
{
    color: #858783;
}
.modifydate
{
    float: left;
    width: 100%;
    color: #858783;
    margin-bottom: 10px;
    display: block;
}
div.buttonheading
{
    float: right;
    width: 20%;
}
.buttonheading img
{
    border: 0;
    float: right;
    margin: 7px 5px 0 0;
}/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper
{
    padding: 0 0 40px;
    width: 950px;
    margin: 0 auto;
}
.narrow #ja-wrapper
{
    width: 750px;
}
#ja-header, #ja-mainnav, #ja-subnav, #ja-pathway, #ja-container, #ja-topsl, #ja-botsl, #ja-footer
{
    clear: both;
}
#ja-container
{
    border-top: 1px solid #e7e8e6;
    border-bottom: 1px solid #e7e8e6;
    background: url(../image/main-bg1.gif) repeat-y left;
}
.narrow #ja-container
{
    background: url(../image/main-bg1-n.gif) repeat-y left;
}
#ja-container2
{
    border-bottom: 1px solid #e7e8e6;
    background: url(../image/main-bg2.gif) repeat-y right;
}
.narrow #ja-container2
{
    background: url(../image/main-bg2-n.gif) repeat-y right;
}
#ja-mainbody
{
    width: 80%;
    float: right;
}/* PRIMARY COLUMN
--------------------------------------------------------- */
#ja-content
{
    clear: both;
    display: block;
    float: left;
    width: 75%;
}
#ja-current-content
{
    padding: 10px 15px;
}/* COLUMNS
--------------------------------------------------------- */
#ja-col1
{
    float: left;
    overflow: hidden;
    width: 20%;
    color: #626a69;
}
#ja-col2
{
    float: right;
    overflow: hidden;
    width: 25%;
    color: #626a69;
}/*common style for column*/
#ja-colwrap table
{
    border-collapse: collapse;
    border-spacing: 0;
}
#ja-colwrap .article_separator
{
    display: none;
}/* COLLAPSIBLE LAYOUT
--------------------------------------------------------- */
#ja-containerwrap, #ja-containerwrap-f, #ja-containerwrap-fr, #ja-containerwrap-fl
{
    padding: 0;
    margin: -3px 0;/* margin: 25px 0; edit by luther*/
    background: url(../image/grad1.gif) repeat-x bottom #fff;
}/*full*/
#ja-containerwrap-f #ja-mainbody
{
    width: 100%;
}
#ja-containerwrap-f #ja-content
{
    width: 100%;
}
#ja-containerwrap-f #ja-container, #ja-containerwrap-f #ja-container2
{
    background: none;
}
#ja-containerwrap-f #ja-container
{
    border: 1px solid #e7e8e6;
}/*content + left*/
#ja-containerwrap-fr #ja-content
{
    width: 100%;
}
#ja-containerwrap-fr #ja-container2
{
    background: none;
}
#ja-containerwrap-fr #ja-container2
{
    border-right: 1px solid #e7e8e6;
}/*content + right*/
#ja-containerwrap-fl #ja-mainbody
{
    width: 100%;
}
#ja-containerwrap-fl #ja-content
{
    width: 79.9%;
}
#ja-containerwrap-fl #ja-col2
{
    width: 20%;
}
#ja-containerwrap-fl #ja-container
{
    background: none;
    border-left: 1px solid #e7e8e6;
}/* MODULE
--------------------------------------------------------- */
div.moduletable h3, div.moduletable_menu h3, div.moduletable_text h3, div.moduletable_hilite h3
{
    font-size: 100%;
    margin: 0 -10px 5px;
    padding: 5px 10px;
    background: url(../image/grad3.gif) repeat-x bottom #a8a8a8;
    border-bottom: 1px solid #e7e8e6;
    color: #fff;
}
div.moduletable, div.moduletable_menu, div.moduletable_text, div.moduletable_hilite
{
    margin: 0;
    padding: 0 10px 10px;
}
#ja-botsl div.moduletable, #ja-botsl div.moduletable_menu, #ja-botsl div.moduletable_text
{
    border-bottom: none;
}/* mis */
div.banneritem_text
{
    padding: 5px 0!important;
}
div.advs
{
    clear: both;
    display: block;
    float: left;
    width: 100%;
}
div.moduletable ul, div.moduletable_text ul, div.moduletable_menu ul, div.moduletable_hilte ul
{
    margin: 0;
    padding: 0;
}
div.moduletable li, div.moduletable_text li, div.moduletable_menu li, div.moduletable_hilite li
{
    background: url(../image/bullet.gif) no-repeat 5px 8px;
    margin: 0;
    padding-left: 16px;
}/* Hilite */
div.moduletable_hilite h3
{
    background: url(../image/grad2.gif) repeat-x bottom #2c79b3;
}/* HEADER
--------------------------------------------------------- */
#ja-header
{
    height: 80px;
    line-height: normal;
    position: relative;
}
h1.logo, h1.logo-text
{
    margin: 0;
    padding: 0;
    font-size: 200%;
}
h1.logo a
{
    width: 950px;
    display: block;
    background: url(../image/nengxu-logo.jpg) no-repeat;
    position: absolute;
    height: 60px;
    bottom: 10px;
    left: 0;
}
h1.logo a span
{
    position: absolute;
    top: -1000px;
}
h1.logo-text a
{
    text-decoration: none;
    outline: none;
    position: absolute;
    bottom: 35px;
    left: 15px;
}
p.site-slogan
{
    margin: 0;
    padding: 0;
    color: #858783;
    position: absolute;
    bottom: 20px;
    left: 15px;
}/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnavwrap
{
    background: url(../image/shadow.gif) repeat-x bottom;
    height: 37px;
    position: relative;
    z-index: 999;
}
#ja-mainnav
{
    background: url(../image/grad2.gif) repeat-x top #2c79b3;
    height: 32px;
}
#ja-mainnav a, #ja-subnav a
{
    outline: none;
}
#ja-subnav
{
    display: block;
    font-size: 92%;
    border-bottom: 1px solid #e7e8e6;
    height: 28px;
}
#ja-subnav ul
{
    margin: 0;
    padding: 0;
}
#ja-subnav li
{
    background: none;
    display: inline;
    margin: 0;
    padding: 0;
}
#ja-subnav li a
{
    display: block;
    float: left;
    padding: 0 15px;
    line-height: 28px;
    background: url(../image/vline.gif) no-repeat center left;
}
#ja-subnav li.active a, #ja-subnav li.active a:hover, #ja-subnav li.active a:active, #ja-subnav li.active a:focus
{
    font-weight: bold;
    color: #8bab32;
}
#ja-subnav li a.first-item
{
    background: none;
}/* breadcrumbs */
#ja-pathway
{
    border: 1px solid #e7e8e6;
    border-bottom: none;
    padding: 5px 15px;
    color: #626a69;
    font-weight: bold;
    background: #f8f8f7;
}
#ja-pathway strong
{
    margin-right: 5px;
}
#ja-pathway a
{
    color: #626a69;
    font-weight: normal;
}
#ja-pathway img
{
    margin: 1px 5px;
}/* Default Joomla! Menu */
ul.menu
{
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.menu li
{
    background: none;
    margin: 0;
    padding: 0;
}
ul.menu li a
{
    display: block;
    outline: none;
    padding: 6px 4px;
    color: #626a69;
    border-bottom: 1px solid #e7e8e6;
    background: url(../image/arrow.png) no-repeat 97% center;
}
ul.menu li a:hover, ul.menu li a:active, ul.menu li a:focus
{
    color: #2c79b3;
    background: url(../image/arrow2.png) no-repeat 97% center;
}
ul.menu li.active a
{
    color: #2c79b3;
    font-weight: bold;
}
ul.menu li ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.menu li li a
{
    background: url(../image/bullet.gif) no-repeat 10px 13px!important;
    border: none;
    font-weight: normal!important;
    padding-left: 20px!important;
    width: 75%;/*need for ie6 transparent*/
}
ul.menu li li a:hover, ul.menu li li a:active, ul.menu li li a:focus
{
    background: none;
}/* SPOTLIGHT
--------------------------------------------------------- *//* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right
{
    float: left;
    overflow: hidden;
}
.ja-box-left, .ja-box-center
{
    background: url(../image/vline2.gif) repeat-y top right;
}/* Top spotlight */
#ja-topsl
{/*height: 240px;*/
    margin: 0 0 10px;
    overflow: hidden;
    width: 100%;
}
* html #ja-topsl
{/*IE 6*/
    margin: 0 1px 10px!important;
}
*+html #ja-topsl
{/*IE 6*/
    margin: 0 1px 10px!important;
}/* Bot spotlight */
#ja-botsl
{
    border: 1px solid #e7e8e6;
    background: url(../image/grad1.gif) repeat-x top #f8f8f7;
    color: #626a69;
    padding: 10px 0;
}
#ja-botsl h3
{
    color: #626a69;
    font-size: 100%;
    background: none;
    border: none;
    margin-bottom: 0;
}
#ja-botsl div.moduletable
{
    padding: 0 15px;
}
#ja-botsl ul, #ja-botsl ol
{
    margin: 0;
    padding: 0;
}
#ja-botsl ol li
{
    margin: 0 0 0 20px;
    padding: 0;
}
#ja-botsl ul li
{
    margin: 0;
    padding: 0 0 0 15px;
    background: url(../image/bullet.gif) no-repeat 5px 7px;
}
#ja-botsl a
{
    color: #626a69;
}
#ja-footer
{
    color: #626a69;
    padding: 20px 0 0;
    position: relative;
    text-align: center;
    border-top: 1px solid #e7e8e6;
}
#ja-footer small
{
    color: #858783;
    font-size: 100%;
}
#ja-footer ul
{
    margin: 0 0 8px;
    padding: 0;
    line-height: normal;
}
#ja-footer li
{
    display: inline;
    margin: 0;
    padding: 0;
    background: url(../image/vline.gif) no-repeat center left;
}
#ja-footer li a
{
    display: inline;
    line-height: normal;
    padding: 0 15px;
}
li.ja-firstitem
{
    background: none!important;
}
.ja-footurl
{
    float: none;
    clear: both;
}/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility
{
    position: absolute;
    top: -100%;
}/* Search */
#ja-search
{
    bottom: 12px;
    right: 10px;
    position: absolute;
    font-size: 11px;
}
#ja-search .inputbox
{
    padding: 2px 0 2px 22px;
    background: url(../image/icon-search.gif) no-repeat 5px center #fff;
    border: 1px solid #e7e8e6;
}/* Login Form */
#ja-login
{
    position: absolute;
    top: 15px;
    right: 0;
    background: url(../image/grad4.gif) repeat-x bottom #f8f8f7;
    padding: 4px 8px;
    border: 1px solid #e7e8e6;
    border-bottom: 1px solid #ccc;
}
#ja-login form
{
    float: left;
}
#ja-login form label
{
    float: left;
}
label.ja-login-user span
{
    display: block;
    float: left;
    text-indent: -5000px;
    background: url(../image/icon-user.gif) no-repeat center left;
    width: 20px;
    height: 20px;
}
label.ja-login-password span
{
    display: block;
    float: left;
    text-indent: -5000px;
    background: url(../image/icon-key.gif) no-repeat center left;
    width: 20px;
    height: 20px;
}
#ja-login form input.button
{
    font-size: 11px!important;
    float: left;
}
#ja-login form #mod_login_username, #ja-login form #mod_login_password
{
    width: 110px;
    margin: 1px 8px 0 0;
    font-size: 11px!important;
    padding: 2px;
}
#ja-login form a
{
    color: #858783;
    padding: 0 5px;
    text-decoration: none;
    font-size: 10px;
}
#ja-login form a:hover, #ja-login form a:active, #ja-login form a:focus
{
    color: #858783;
    text-decoration: underline;
}
.ja-login-links
{
    padding-top: 2px;
    clear: both;
}/*others*/
.mostread, .latestnews
{
    text-decoration: none;
}
#ja-banner
{
    margin: 0 0 15px;
    text-align: center;
    overflow: hidden;
    width: 100%;
}
div.back_button a, div.back_button a:hover, div.back_button a:active
{
    background: none!important;
    display: block;
    margin: 10px 0;
    text-decoration: none!important;
}
.clr
{
    clear: both;
}
.hasTip img
{
    border: none;
    margin: 10px 5px 0 0;
}
div.ja-innerdiv
{
    clear: both;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e7e8e6;
}
div.ja-innerdiv img
{
    padding: 2px;
    border: 1px solid #e7e8e6;
    margin: 2px 8px 0 0;
}/* Tooltips */
.tool-tip
{
    background: #fff;
    border: 1px solid #ccc;
    float: left;
    max-width: 200px;
    padding: 5px;
}
.tool-title
{
    background: url(../image/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: #fff;
    margin: 0;
    padding: 5px;
}/* System Standard Messages */
#system-message dd.message ul
{
    background: #626a69;
    border: none;
}/* System Error Messages */
#system-message dd.error ul
{
    background: #626a69;
    border: none;
}/* System Notice Messages */
#system-message dd.notice ul
{
    background: #626a69;
    border: none;
}/* Clearfix */
.clearfix:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
* html>body .clearfix
{
    display: block;
    width: 100%;
}
* html .clearfix
{
    height: 1%;
}