body#bd {
	background: url(../../images/metal/body-bg.gif) #000000;
	color: #f9f9f9;
}

a {
	color: #B9A91F;
}

.img_caption img {
	border: 5px solid #111111;
}

.inputbox {
	color: #FFFFFF;
}


#ja-loginwrap a {
	color: #FFFFFF;
}

#ja-login a {
	color: #FFFFFF;
}

/* joomla style */
h1.fp-componentheading {
	background: url(../../images/metal/h3-bg.gif);
	border-top:1px solid #393939;
	border-bottom:1px solid #393939;
	color: #FFFFFF;
}

.article_separator, .article_seperator {
	background: url(../../images/metal/dot.gif) repeat-x center;
}

.sectiontableheader {
	background: url(../../images/but-bg.gif) repeat-x left center #000000;
	color: #B9A91F;
}

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

#ja-headerwrap {
	background: url(../../images/metal/hw-bg.gif) repeat-x left top;
}

#ja-pathway a {
	color: #B9A91F;
}

h1.logo a {
	background: url(../../images/metal/logo.png) no-repeat center;
}

#ja-header-innerpad {
	background: url(../../images/metal/header-bg.gif) no-repeat left top;
}

#ja-search .inputbox {
	background: url(../../images/metal/input-bg.gif) repeat-x left top;
	border: 1px solid #222222;
	color: #111111;
}

#ja-loginwrap {
	border-left: 1px solid #222222;
	background: none;
}

#ja-mainnavwrap {
	background: url(../../images/metal/mainnav-bg.gif) repeat-x left bottom;
	border-bottom: 1px solid #111111;
}

#ja-topslwrap {
	background: url(../../images/metal/botsl-bg.gif);
}

#ja-cs-wrap {
	background: url(../../images/metal/cs-bg.gif) repeat-x left top;
}

#ja-cs {
	background: url(../../images/metal/contentslide-bg.gif) repeat-x left bottom;
}

#ja-cs-wrap div.ja-innerpad {
	background: url(../../images/metal/link-bg.gif) no-repeat  center top;
	padding-bottom: 15px;
}

#ja-current-content {
	background: url(../../images/metal/pat3.gif);
}

div.moduletable h3,
div.moduletable_menu h3,
div.moduletable_text h3,
div.moduletable_hilite h3,
div.moduletable_h31 h3,
div.moduletable_h32 h3 {
	background: url(../../images/metal/h3-bg.gif) repeat-x left center;
	border-bottom:1px solid #393939;
	border-top:1px solid #393939;
	color: #FFFFFF;
}

div.moduletable,
div.moduletable_menu,
div.moduletable_text,
div.moduletable_hilite,
div.moduletable_h31,
div.moduletable_h32 {
	background: url(../../images/metal/pat3.gif) #000000;
}

div.ja-boxct-wrap {
	background: url(../../images/metal/line-bot1.gif) repeat-x left bottom;
}

div.ja-boxct {
	background: url(../../images/metal/grad2.gif) repeat-x 0 0;	
}

div.moduletable_hilite {
	background: url(../../images/metal/pat1.gif);
	color: #AAAAAA;
}

div.moduletable_hilite .ja-boxct-wrap {
	background: url(../../images/metal/line-bot2.gif) repeat-x left bottom !important;
}

div.moduletable_hilite .ja-boxct {
	background: none;
}

div.moduletable_hilite .img-border {
	border: 5px solid #351C05;
}

div.moduletable_hilite a {
	color: #DDDDDD;
}

div.moduletable_h31 h3 {
	background: url(../../images/metal/h31-bg.gif) repeat-x left center;
	border-bottom:1px solid #393939;
	border-top:1px solid #393939;
	color: #FFFFFF;
}

div.moduletable_h32 h3 {
	background: url(../../images/metal/h3-bg.gif) repeat-x left top;
	border-bottom: 1px solid #393939;
	border-top: 1px solid #393939;
	color: #FFFFFF;
}

#ja-colmass div.moduletable {
	background: url(../../images/metal/module-bg.gif) repeat-x 0px 30px #222222;
}

#ja-subnav li {
	background: url(../../images/metal/mainlevel-bg.gif) repeat-x  left bottom;
}

#ja-subnav a {
	background: url(../../images/metal/arrow-grey.gif) no-repeat  left center;
	color: #666666;
}

#ja-subnav a:hover, 
#ja-subnav a:active, 
#ja-subnav a:focus {
	background: url(../../images/metal/arrow-1.gif) no-repeat  left center;
	color: #DDDDDD;
}

ul.menu li {
	background: url(../../images/metal/mainlevel-bg.gif) repeat-x  left bottom;
}

ul.menu li a {
	background: url(../../images/metal/arrow-grey.gif) no-repeat  left center;
	color: #666666;
}

ul.menu li a:hover, 
ul.menu li a:active, 
ul.menu li a:focus {
	background: url(../../images/metal/arrow-1.gif) no-repeat  left center;
	color: #DDDDDD;
}

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

ul.menu li li a {
	color: #666666 !important;
	background: url(../../images/metal/arrow-grey.gif) no-repeat 10px 11px;
}

ul.menu li li a:hover, 
ul.menu li li a:active, 
ul.menu li li a:focus {
	background: url(../../images/metal/arrow-1.gif) no-repeat 10px 11px;
	color: #DDDDDD !important;
}

ul.menu li li a {
	background: url(../../images/metal/arrow-1.gif) no-repeat 10px 11px;
}

#ja-botsl1 div.moduletable, 
#ja-botsl1 div.moduletable_h31, 
#ja-botsl1 div.moduletable_h32 {
	background: url(../../images/metal/pat3.gif);
}

#ja-botsl1 div.ja-boxct-wrap {
	background: url(../../images/metal/line-bot3.gif) repeat-x left bottom;
}

#ja-botsl1 ul.ja-bullettin li {
	background: url(../../images/metal/mainlevel-bg.gif) repeat-x  left bottom;
	border: none;
}

#ja-botsl1 .img-border,
#ja-botsl1 ul.ja-bullettin li img {
	background: #111111;
	padding: 4px;
	border: 1px solid #000000;
}

#ja-botsl1 a {
	color: #CBCBCB;
}

#ja-botsl2 {
	background: url(../../images/metal/pat3.gif);
	border-bottom: 1px solid #111111;
}

#ja-botsl2 div.moduletable h3 {
	background: url(../../images/metal/dot.gif) repeat-x left center;
	color: #666666;
}

#ja-botsl2 div.moduletable h3 span {
	background: url(../../images/metal/span-bg.gif);
	color: #CCCCCC;
}

#ja-botsl2 ul.ja-bullettin li {
	border-bottom: 1px solid #323232;
}

#ja-botsl2 .img-border,
#ja-botsl2 ul.ja-bullettin li img {
	background: #AAAAAA;
	padding: 4px;
	border: 1px solid #323232;
}

#ja-footer {
	background: url(../../images/metal/hw-bg.gif) repeat-x left top;
	border: none;
	color: #CCCCCC;
}

#ja-footer a,
#ja-footer a:hover, #ja-footer a:active, #ja-footer a:focus {
	color: #B9A91F;
}

#ja-footer li a {
	color: #DDDDDD;
}

div.ja-innerdiv {
	background: #111111;
	border: 1px solid #000000;
}

/* ja news */
#jazin-wrap {
	background: url(../../images/metal/pat3.gif);
	color: #f9f9f9;
}

h2.jazin-title a, h4.jazin-title a {
	color: #ebc015;
}

.jazin-more {
	color: #666666;
}

div.jazin-section a span {
	background: url(../../images/metal/span-bg.gif);
	border-left: 4px solid #CCCCCC;
}

.jazin-content img {
	background: #111111;
	padding: 4px;
	border: 1px solid #000000;
}

div.jazin-section a {
	background: url(../../images/metal/dot-grey.gif) repeat-x left center;
	color: #666666;
}

div.jazin-section a span {
	border-left: 4px solid #666666;
}

ul.jazin-links li {
	background: url(../../images/metal/bullet1.gif) no-repeat 1px 7px;
}

/* typography */
pre, .code {
	background: url(../../images/trans-bg.png);
	border-left: 5px solid #000000;
	color: #CCCCCC;
}

.highlight {
	color: #B9A91F;
	background: #1B1B1B;
}

.stickynote, .download {
	background: #1B1B1B;
}

.bignumber {
	background: url(../../images/metal/ol-bg.png) no-repeat left top;
}

ul.checklist li {
	background: url(../../images/metal/icon-checklist.gif) no-repeat 0 6px;
}

ul.arrow li {
	background: url(../../images/metal/icon-arrow.gif) no-repeat 3px 7px;
}

div.bubble1 div {
	background: url(../../images/metal/bub1-br.gif) no-repeat bottom right;
}

div.bubble1 div div {
	background: url(../../images/metal/bub1-bl.gif) no-repeat bottom left;
}

div.bubble1 div div div {
	background: url(../../images/metal/bub1-tr.gif) no-repeat top right;
}

div.bubble1 div div div div {
	background: url(../../images/metal/bub1-tl.gif) no-repeat top left;
}

div.bubble2 div {
	background: url(../../images/metal/bub2-br.gif) no-repeat bottom right;
}

div.bubble2 div div {
	background: url(../../images/metal/bub2-bl.gif) no-repeat bottom left;
}

div.bubble2 div div div {
	background: url(../../images/metal/bub2-tr.gif) no-repeat top right;
}

div.bubble2 div div div div {
	background: url(../../images/metal/bub2-tl.gif) no-repeat top left;
}

div.bubble3 div {
	background: url(../../images/metal/bub3-br.gif) no-repeat bottom right;
}

div.bubble3 div div {
	background: url(../../images/metal/bub3-bl.gif) no-repeat bottom left;
}

div.bubble3 div div div {
	background: url(../../images/metal/bub3-tr.gif) no-repeat top right;
}

div.bubble3 div div div div {
	background: url(../../images/metal/bub3-tl.gif) no-repeat top left;
}

div.bubble4 div {
	background: url(../../images/metal/bub4-br.gif) no-repeat bottom right;
}

div.bubble4 div div {
	background: url(../../images/metal/bub4-bl.gif) no-repeat bottom left;
}

div.bubble4 div div div {
	background: url(../../images/metal/bub4-tr.gif) no-repeat top right;
}

div.bubble4 div div div div {
	background: url(../../images/metal/bub4-tl.gif) no-repeat top left;
}

.dropcap {
	color: #B9A91F;
}

.legend {
	border: 1px solid #323232;
}

.legend-title {
	background: url(../../images/metal/pat3.gif);
}

/* slideshow */
.ja-slide-item {
	background: none;
}

.ja-slide-item img {
	border: 10px solid #1B1B1B;
}

#ja-topsl-innerpad {
	background: none;
}

.maskDesc {
	width: 100% !important;
}

div.ja-slide-playback, 
div.ja-slide-next,
div.ja-slide-play,
div.ja-slide-stop,
div.ja-slide-thumb,
div.ja-slide-thumbs-handles span {
	background: url(../../images/metal/sl-sep.gif) no-repeat right top;
	color: #666666;
}


div.ja-slide-thumbs .active span,
div.ja-slide-thumbs .hover span,
div.ja-slide-playback.hover, 
div.ja-slide-next.hover,
div.ja-slide-play.hover,
div.ja-slide-stop.hover{
	color: #DDDDDD;
}

.maskDesc .ja-slide-desc {
	color: #CBCBCB;
	font-size: 100%;
}

.maskDesc .ja-slide-desc h3 {
	color: #CBCBCB;
}

.maskDesc a.readon {
	background: url(../../images/metal/but-readon.gif) no-repeat left top;
}

/* ja tabs */
#ja-tabwrap .img-border {
	background: #111111;
	padding: 4px;
	border: 1px solid #000000;
}

.cooper div.container {
	background: url(../../images/metal/pat3.gif) #000000 !important;
}

.ja-tabswrap div.ja-tab-subcontent {
	color: #666666;
}

.cooper .ja-tabs-title-top {
	background: url(../../images/metal/h31-bg.gif) repeat-x left top;
	border-top: 1px solid #4B2703;
}

.cooper .ja-tabs-title-top ul.ja-tabs-title li {
	background: none;
}

.cooper .ja-tabs-title-top ul.ja-tabs-title li h3 {
	color: #CBCBCB;
}

.cooper .ja-tabs-title-top ul.ja-tabs-title li.active,
.cooper .ja-tabs-title-top ul.ja-tabs-title li.firstactive,
.cooper .ja-tabs-title-top ul.ja-tabs-title li.lastactive {
	background: url(../../images/metal/tab-active.gif) no-repeat center bottom;
}

.cooper .ja-tab-panels-bottom {
	background: url(../../images/metal/pat3.gif) #000000;
}

.cooper .ja-tabs-title-bottom {
	background: url(../../images/metal/h31-bg.gif) repeat-x left bottom;
	border-bottom: 1px solid #4B2703;
}

.cooper .ja-tabs-title-bottom ul.ja-tabs-title li {
	background: none;
}

.cooper .ja-tabs-title-bottom ul.ja-tabs-title li h3 {
	color: #CBCBCB;
}

.cooper .ja-tabs-title-bottom ul.ja-tabs-title li.active,
.cooper .ja-tabs-title-bottom ul.ja-tabs-title li.firstactive,
.cooper .ja-tabs-title-bottom ul.ja-tabs-title li.lastactive {
	background: url(../../images/metal/tab-active-bot.gif) no-repeat center top;
}

.cooper .ja-tabs-title-bottom ul li.active h3,
.cooper .ja-tabs-title-bottom ul li.firstactive h3,
.cooper .ja-tabs-title-bottom ul li.lastactive h3 {
	color: #DDDDDD;
}

/*header tool*/
#ja-headtools li {
	background: url(../../images/metal/tool-sep.gif) repeat-y left top;
}

.ja-day {
	color: #666666;
}

.ja-day div {
	background: #222222;
	color: #B9A91F;
}

#ja-headtools li a.search-switch,
#ja-headtools li a.login-switch,
#ja-headtools li a.register-switch {
	background: url(../../images/metal/arrow2.gif) no-repeat right 5px;
	color: #666666;
}

#ja-headtools li a.search-switch:hover,
#ja-headtools li a.login-switch:hover,
#ja-headtools li a.register-switch:hover {
	background: url(../../images/metal/arrow2-hover.gif) no-repeat right 5px;
	color: #B9A91F;
}

#ja-headtools li a.show,
#ja-headtools li a.show:hover {
	background: url(../../images/metal/icon-close.gif) no-repeat right 5px;
	color: #B9A91F;
}

/* ja login */
#ja-login form a {
	background: url(../../images/metal/bullet2.gif) no-repeat left center;
}

#ja-register, #ja-search, #ja-login {
	color: #B9A91F;
}

/* split menu */
#ja-splitmenu li a {
	color: #5E563F;
}

#ja-splitmenu li a:hover,
#ja-splitmenu li a:hover
#ja-splitmenu li a:hover {
	color: #8D815F;
}

#ja-splitmenu li {
	background: url(../../images/metal/mainnav-sep.gif) no-repeat right bottom;
}

#ja-splitmenu li.first-item a {
	background: url(../../images/metal/mainnav-sep.gif) no-repeat left bottom;
}

#ja-splitmenu li.active {
	background: url(../../images/metal/active-r1.gif) no-repeat right bottom;
}

#ja-splitmenu li.active a {
	background: url(../../images/metal/active-l2.gif) no-repeat left bottom;
}

#ja-splitmenu li.first-item a.active {
	background: url(../../images/metal/active-l1.gif) no-repeat left bottom;
}

#ja-splitmenu li.last-item a.active {
	background: url(../../images/metal/active-l2.gif) no-repeat left bottom;
}

/* css menu */
#ja-cssmenu li a {
	color: #5E563F;
}

#ja-cssmenu li a:hover,
#ja-cssmenu li a:active,
#ja-cssmenu li a:focus {
	color: #FFFFFF;
}

#ja-cssmenu li {
	background: url(../../images/metal/mainnav-sep.gif) no-repeat right bottom;
}

#ja-cssmenu li a.first-item {
	background: url(../../images/metal/mainnav-sep.gif) no-repeat left bottom;
}

#ja-cssmenu li.active {
	background: url(../../images/metal/active-r1.gif) no-repeat right bottom;
}

#ja-cssmenu li.active a.first-item {
	background: url(../../images/metal/active-l1.gif) no-repeat left bottom;
}

#ja-cssmenu li.active a {
	background: url(../../images/metal/active-l2.gif) no-repeat left bottom;
}