html, body, form, fieldset{margin:0; padding:0}
body{color:#000; background:#FFF url(../images/bg1.png) no-repeat 50% 0; font:13px Arial,Helvetica,sans-serif; line-height:130%}
body.contentpane{width:auto; /* Printable Page */margin:1em 2em; line-height:1.3em; margin:0; font-size:12px; color:#333}

a{color:#069; text-decoration:underline}
a:hover, a:active, a:focus{color:#333; text-decoration:underline}
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4{font-family:Arial,Helvetica,sans-serif}
small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption{color:#666; font-size:92%}
h1{font-size:180%}
h2{font-size:150%}
h3{font-size:125%; line-height:130%; margin:0}
h4{font-size:100%; text-transform:uppercase}
p, pre, blockquote, ul, ol, h1, h2{margin:1em 0; padding:0}
ul{list-style:none}
ul li{padding-left:30px; background:url(../images/bullet.gif) no-repeat 18px 8px; line-height:180%}
ol li{margin-left:35px; line-height:180%}
th{padding:5px; font-weight:bold; text-align:left}
fieldset{border:none; padding:10px 5px; background:url(../images/hdot2.gif) repeat-x top}
fieldset a{font-weight:bold}
hr{border-top:1px solid #CCC; border-right:0; border-left:0; border-bottom:0; height:1px}
td, div{font-size:100%}
img{border:none}
/* FORM */
form{margin:0; padding:0}
form label{cursor:pointer}
input, select, textarea, .inputbox{padding:3px 5px; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:100%}
.button{padding:3px 5px; border:1px solid #333; background:url(../images/grad1.gif) repeat-x top #333; color:#CCC; font-size:85%; text-transform:uppercase}
.button:hover, .button:focus{border:1px solid #999; background:#333; color:#FFF}
* html .button{padding:2px 0 !important; /*IE 6*/}
*+html .button{padding:2px 0 !important; /*IE 7*/}
.inputbox{border:1px solid #CCC; background:#FFF}
.inputbox:hover, .inputbox:focus{background:#FFC}

pre, .code{padding:10px 15px; margin:5px 0 15px; border-left:5px solid #999; background:#FFF; font:1em/1.5 "Courier News",monospace}
blockquote{padding:1em 40px 1em 15px}
blockquote span.open{padding:0 0 0 20px; background:url(../images/so-q.gif) no-repeat left top}
blockquote span.close{padding:0 20px 0 0; background:url(../images/sc-q.gif) no-repeat bottom right}
.quote-hilite{padding:10px 15px; margin:0; border:1px solid #CACACC; background:#FFF}
.small-quote{margin:0; padding:0; background:none}
.small-quote span.open-quote{margin:0; padding-left:20px; background:url(../images/so-q.gif) no-repeat center left}
.small-quote span.close-quote{margin:0; padding-right:20px; background:url(../images/sc-q.gif) no-repeat center right}
.small-quote span.author{padding:2px 5px 2px 20px; border-top:1px solid #DCDDE0; margin:0.5em 0 0; display:block; background:url(../images/author.gif) no-repeat 5px 4px #EAEBEE; font-size:90%; text-transform:uppercase}
.dropcap{float:left; padding:4px 8px 0 0; display:block; color:#999; font:50px/40px Georgia,Times,serif}
/* Tips, Error, Message, Hightlight*/
p.error{padding-left:25px; color:#BF0000; background:url(../images/icon-error.gif) no-repeat top left}
p.message{padding-left:25px; color:#069; background:url(../images/icon-info.gif) no-repeat top left}
p.tips{padding-left:25px; color:#EE9600; background:url(../images/icon-tips.gif) no-repeat top left}
.highlight{padding:1px 5px; background:#FFC; font-weight:bold}
/* Note Style */
p.stickynote{padding:10px 0px 10px 40px; border:1px solid #CACACC; background:url(../images/sticky-bg.gif) no-repeat 5px center #FFF}
p.download{padding:10px 0px 10px 40px; border:1px solid #CACACC; background:url(../images/download-bg.gif) no-repeat 5px center #FFF}
.blocknumber{clear:both; padding:5px 15px 10px; position:relative}
/* Check list */
ul.checklist{list-style:none}
ul.checklist li{margin-left:15px; padding:0 0 5px 20px; background:url(../images/checklist-bg.gif) no-repeat 0 3px}
/* Small checklist */
ul.small-checklist{list-style:none}
ul.small-checklist li{margin-left:15px; padding:0 0 5px 20px; background:url(../images/icon_list.gif) no-repeat 0 3px}
/* Check list */
ul.stars{list-style:none}
ul.stars li{margin-left:15px; padding:0px 0 5px 20px; background:url(../images/star-bg.gif) no-repeat 0 3px}
/* Bignumber */
.bignumber{float:left; margin-right:8px; padding:6px 7px; display:block; background:url(../images/ol-bg.gif) no-repeat top left; color:#7BA566; font:bold 20px/normal Arial,sans-serif}
/* Legend */
.legend-title{margin:0; padding:0 3px; float:left; display:block; background:#F6F6F6; font-weight:bold; position:absolute; top:-10px; left:7px}
.legend{margin:20px 0; padding:0 10px; border:1px solid #CACACC; background:#FFF; position:relative}

/* JOOMLA */
table.blog{}
.article_separator{clear:both; display:block; height:20px}
.article_column{}
.column_separator{padding:0 25px}
/* content tables */
td.sectiontableheader{padding:4px; border-right:1px solid #fff}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td{  padding:4px}
td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2{  padding:3px}
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%; float:right}
table.contenttoc a{text-decoration:none}
table.contenttoc td{padding:1px 5px 1px 25px; background:url(../images/bullet-list.gif) no-repeat 5% 50%}
table.contenttoc th{padding:0 0 3PX; border-bottom:1px solid #CCC; text-indent:5px}
table.poll{padding:0; width:100%; border-collapse:collapse}
table.pollstableborder{padding:0; width:100%; border:none; text-align:left}
table.pollstableborder img{vertical-align:baseline}
table.pollstableborder td{padding:4px!important; border-collapse:collapse; border-spacing:0}
table.pollstableborder tr.sectiontableentry1 td{background:#ECECEC}
table.searchintro{padding:10px 0; width:100%}
table.searchintro td{padding:5px!important}
table.adminform{}
.adminform .inputbox{}
.blog_more{padding:10px 0; background:url(../images/hdot.gif) repeat-x top}
.blog_more strong{margin:0 0 5px; display:block; font-size:125%}
.blog_more ul{margin:0; padding:0}
.blog_more ul li{margin:0; padding:0 0 0 17px; background:url(../images/bullet.gif) no-repeat 6px 8px}
.category{font-weight:bold}
h1.componentheading, .componentheading{padding:5px 0 15px; margin:0 0 10px; background:url(../images/hdot.gif) repeat-x bottom}
.componentheading{font-size:180%; font-weight:bold}
.contentdescription{padding-bottom:30px}
h2.contentheading, .contentheading{padding:5px 0 8px; margin:0 0 10px; font-weight:normal; line-height:120%}
table.blog .contentheading{font-size:150%}
.contentheading{font-size:150%}
a.contentpagetitle, a.contentpagetitle:hover, a.contentpagetitle:active, a.contentpagetitle:focus{text-decoration:none !important}
a.readon{float:left; margin-top:10px; padding:1px 5px 1px 14px; border:1px solid #F6F6F6; display:block; background:url(../images/arrow.png) no-repeat 5px 48%; color:#069; font-weight:bold; text-decoration:none; text-transform:uppercase}
a.readon:hover, a.readon:active, a.readon:focus{border:1px solid #ECECEC; background:url(../images/arrow.png) no-repeat 5px 48% #FFF}
table.contentpaneopen td, table.contentpane td{}
table.contentpaneopen, table.contentpane, table.blog{width:100%}
.moduletable{padding:0}
ul.pagination{margin:15px auto; padding:10px 0; background:url(../images/hdot.gif) repeat-x top}
ul.pagination li{margin:0; padding:0; display:inline; background:none}
ul.pagination li span{padding:2px 5px}
ul.pagination a{padding:2px 5px; border:1px solid #F6F6F6}
ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus{border:1px solid #ECECEC; background:#FFF}
.pagenavbar{padding-left:14px}
.pagenavcounter{padding:8px 14px 0 14px}
.sectiontableheader{padding:8px 5px; background:#444; color:#FFF}
.sectiontableheader a{color:#FFF}
tr.sectiontableentry1 td{padding:8px 5px; background:url(../images/hdot2.gif) repeat-x bottom}
tr.sectiontableentry2 td{padding:8px 5px; background:url(../images/hdot2.gif) repeat-x bottom #ECECEC}
tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td{background:url(../images/hdot2.gif) repeat-x bottom #FFC}
.smalldark{text-align:left}
div.syndicate div{text-align:center}
.pollstableborder tr.sectiontableentry1 td, .pollstableborder tr.sectiontableentry2 td{background:none}

/* META */
.article-tools{border-top:1px solid #DDD; width:100%; float:left; clear:both; margin-bottom:15px; display:block; background:#ECECEC}
.article-meta{padding:5px; width:80%; float:left}
.createby{padding:3px 3px 3px 20px; background:url(../images/icon-user.gif) no-repeat 0 2px}
.createdate{padding:3px 3px 3px 20px; background:url(../images/icon-date.gif) no-repeat 0 2px}
.modifydate{width:100%; float:left}
div.buttonheading{float:right; width:15%}
.buttonheading img{margin:7px 5px 0 0; border:0; float:right}

/* MAIN LAYOUT DIVS */
#ja-wrapper{width:100%; margin:0}
#ja-containerwrap{}
#ja-containerwrap2{}
#ja-container{width:960px; margin:0 auto}
#ja-container2{padding:20px 0}
#ja-mainbody-fr #ja-col1{float:left; width:20%}
#ja-mainbody-fr #ja-contentwrap{float:right; width:80%}
#ja-mainbody, #ja-mainbody-fl{float:left; width:70%}
#ja-mainbody #ja-contentwrap{float:right; width:75%}
#ja-mainbody-fl #ja-contentwrap{float:left; width:100%}
#ja-mainbody-f, #ja-mainbody-fr{float:none; width:100%}
#ja-content{padding:0 20px 0 40px}
#ja-contentwrap{min-height:300px; height:auto}
* html #ja-contentwrap{height:300px}
#ja-mainbody-fl #ja-content{padding-left:0}
#ja-mainbody-f #ja-content{padding:0}

/* Full */
#ja-containerwrap-f{}
#ja-containerwrap-f #ja-containerwrap2{}
#ja-containerwrap-f #ja-container, #ja-containerwrap-f #ja-container2{background:none}

/* Full left */
#ja-containerwrap-fl{}
#ja-containerwrap-fl #ja-containerwrap2, #ja-containerwrap-fl #ja-container, #ja-containerwrap-fl #ja-container2{}

/* Full right */
#ja-containerwrap-fr{}
#ja-containerwrap-fr #ja-containerwrap2{}

/* LEFT COLUMN+RIGHT COLUMN */
#ja-col1{float:left; width:24.99%; padding-top:10px; overflow:hidden}
#ja-col2{float:right; width:30%; overflow:hidden}
#ja-col1 table, #ja-col2 table{border-collapse:collapse; border-spacing:0}
#ja-col1 ul li, #ja-col2 ul li{padding-left:15px; margin:0; background:url(../images/bullet.gif) no-repeat 5px 50%}
#ja-col1 ul, #ja-col2 ul{margin:0}
#ja-col1 ol, #ja-col2 ol{margin-left:5px}
#ja-col1 .article_separator, #ja-col2 .article_separator{display:none}

/* HEADER */
#ja-headerwrap{color:#CCC; line-height:normal; height:122px}
#ja-header{width:960px; margin:0 auto; position:relative; height:122px}
#ja-header a{color:#CCC}
h1.logo{margin:0; padding:0; text-transform:uppercase; font-size:180%}
h1.logo a{display:block; height:90px; width:330px; position:absolute; top:15px; background:none}
h1.logo a span{position:absolute; top:-1000px}

#banner_producom{position:absolute; left:348px; top:15px}

table#home h2{font-size:200%; font-weight:normal; margin:0 0 30px}
table#home h4{text-transform:none; font-size:125%; font-weight:normal; line-height:130%}

table#portfolio p{display:block; margin:0 0 0 5px; width:190px}
table#portfolio p a{text-decoration:none; color:#B54D38; font-size:11px}
table#portfolio p a:hover{text-decoration:none; color:#96402E}


/* Search */
#ja-search{padding-left:20px; background:url(../images/icon-search.gif) no-repeat center left; position:absolute; bottom:15px; right:0}
#ja-search .inputbox{width:120px; border:1px solid #333; padding:3px 5px; color:#999; background:#444; font-size:92%}

/* MAIN NAVIGATION */
#ja-pathway{font-size:92%}
#ja-pathway strong{margin-right:5px; font-weight:normal}
#ja-pathway a{text-decoration:none}
#ja-pathway img{margin:1px 5px}
#ja-mainnavwrap{margin-bottom:15px}
#ja-mainnav{margin:0 auto; width:972px}

#inset{margin:0 auto; width:960px}


/* MODULE */
div.moduletable, div.moduletable_menu, div.moduletable_text{padding:0 0 20px; margin-bottom:15px}
div.moduletable h3, div.moduletable_menu h3, div.moduletable_text h3{padding:0 0 8px; margin:0; color:#7BA566; font-size:125%; font-weight:bold; text-transform:uppercase}

/* Module rounded */
div.module h3{margin:0 -15px 10px; padding:8px 15px 5px; border-bottom:2px solid #F6F6F6; color:#7BA566; font-size:125%; font-weight:bold; text-transform:uppercase}
div.module{margin-bottom:20px; float:left; clear:both; width:100%; background:url(../images/b-br.gif) no-repeat bottom right #FFF}
div.module div{background:url(../images/b-bl.gif) no-repeat bottom left}
div.module div div{background:url(../images/b-tr.gif) no-repeat top right}
div.module div div div{padding:0 15px 10px; background:url(../images/b-tl.gif) no-repeat top left}
div.module div div div div{margin:0; padding:0; float:none; width:99%; background:none}

div.advs{float:left; width:100%; clear:both; display:block}

/* FOOTER */
#ja-footerwrap{padding:20px 0; clear:both}
#ja-footer{width:960px; margin:0 auto; padding:0; color:#666; position:relative; border-top:1px solid #eee;}
#ja-footer .copyright{clear:both; display:block; text-align:center; color:#666; font-style:normal; font-size:92%; padding:20px 0 0}
#ja-footer .copyright a{color:#666; text-decoration:none}
#ja-footer .copyright a:hover{color:#666; text-decoration:underline}
#ja-footnav{text-align:center}
#ja-footer ul{margin:0 0 5px; padding:0}
#ja-footer li{margin:0; padding:0; display:inline; background:none}
#ja-footer li a{padding:0 15px 0 0; display:inline; color:#666; font-weight:bold; font-size:92%; line-height:normal; text-decoration:none; text-transform:uppercase}
#ja-footer li a:hover, #ja-footer li a:active, #ja-footer li a:focus{color:#333; text-decoration:none}
.banneritem{display:block; margin-top:15px}

/* MISCELLANOUS */
ul.accessibility{position:absolute; top:-100%}

/*usertool*/
ul.ja-usertools-font{font-size:11px; position:absolute; top:8px; right:70px}
ul.ja-usertools-font li{padding:0; margin:0; display:inline; background:none}

/*collapsible h3*/
h3.show{background:url(../images/arrow2.png) no-repeat 90% 60%; cursor:pointer}
h3.hide{background:url(../images/arrow3.png) no-repeat 90% 60%; cursor:pointer}

/*others*/
#ja-banner{margin:15px 0; text-align:center}
div.back_button a, div.back_button a:hover, div.back_button a:active{margin:10px 0; display:block; background:none!important; text-decoration:none!important}
#form-login p{margin:0 0 5px}
#form-login ul{margin:10px 0 0}
#form-login .inputbox{width:90%}
.clr{clear:both}
.hasTip img{margin:10px 5px 0 0; border:none}

/* Tooltips */
.tool-tip{float:left; border:1px solid #D4D5AA; padding:5px; background:#FFC; max-width:200px}
.tool-title{padding:0; margin:0; margin-top:-15px; padding-top:15px; padding-bottom:5px; background:url(../../system/images/selector-arrow.png) no-repeat; font-size:100%; font-weight:bold}
.tool-text{margin:0; font-size:100%}
#system-message dd.message ul, #system-message dd.error ul, #system-message dd.notice ul{padding:0; margin:0}
#system-message dd.message ul li, #system-message dd.error ul li, #system-message dd.notice ul li{background:none; padding:5px; margin:0; color:#FFF}

/* System Standard Messages */
#system-message dd.message ul{background:#069; border:none}
/* System Error Messages */
#system-message dd.error ul{background:#BF0000; border:none}
/* System Notice Messages */
#system-message dd.notice ul{background:#EE9600; border:none}

/* Clearfix */
.clearfix:after{clear:both; display:block; content:"."; height:0; visibility:hidden}
* html >body .clearfix{width:100%; display:block}
* html .clearfix{height:1%}

/* Firefox Scrollbar Hack */
html{margin-bottom:1px; height:100%!important; height:auto}