/*common style*/
body#bd {
	background: url(../../images/gray/body-bg.jpg) repeat-x top center #444444;
	color: #999999;
}

a {
	color: #CD6A1B;
}

a:hover, a:active, a:focus {
	color: #999999;
}

h1, h2, h3, h4, .contentheading, .componentheading, .blog_more strong, table.contenttoc th, .nftitle {
	color: #999999;
}

small, .small, .img_caption {
	color: #666666;
}

hr {
	border-top: 1px solid #444444;
}

ul li {
	background-image: url(../../images/gray/bullet.gif);
}

img {
	border: 1px solid #444444;
	background: #333333;
}

.leading_separator {
 	border-bottom: 5px solid #666666;
}
 
.row_separator {
	background-image: url(../../images/gray/sep-dot.gif);
}

/* content tables */
.sectiontableheader {
	background: #444444;
	border-right: 1px solid #666666;
}

tr.sectiontableentry2 td {
	background: #444444;
}


table.contenttoc {
	border: 1px solid #444444;
}

table.contenttoc td {
	background-image: url(../../images/bullet.gif);
}

table.contenttoc th {
	background-image: url(../../images/gray/sep-dot.gif);
}

table.pollstableborder tr.sectiontableentry1 td {
	background: #444444;
}


.blog_more ul li {
	background-image: url(../../images/bullet.gif);
}

h1.componentheading, .componentheading {
	border-bottom: none;
	background: url(../../images/gray/contentheading-bg.gif) repeat-x bottom left;
	color: #777777;
}

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
	color: #999999;
}

a.readon {
	color: #CD6A1B;
}

a.readon:hover, a.readon:focus, a.readon:active {
	color: #CD6A1B;
}

.pagenavbar {
	background: url(../../images/icon-pages.gif) no-repeat center left;
}

.pagenavcounter {
	background: url(../../images/icon-pages.gif) no-repeat 0 11px;
}

.sectiontableheader {
	color: #999999;
}

.sectiontableheader a {
	color: #999999;
}

.img_caption p {
	color: #666666;
}

.article-tools {
	color: #666666;
}

.createdate {
	background: url(../../images/gray/vline.gif) no-repeat right center;
}

.createdby {
	color: #CD6A1B;
}

.modifydate {
	color: #666666;
}

/*module style*/
div.module h3,
div.module_text h3,
div.module_menu h3,
div.module_hilite h3,
div.module_testimonial h3 {
	border-bottom: 1px solid #666666;
	color: #999999;
}

div.module,
div.module_text,
div.module_menu,
div.module_hilite,
div.module_testimonial {
	background: url(../../images/gray/box-br.gif) no-repeat bottom right;
}

div.module div,
div.module_text div,
div.module_menu div,
div.module_hilite div,
div.module_testimonial div {
	background: url(../../images/gray/box-bl.gif) no-repeat bottom left;
}

div.module div div,
div.module_text div div,
div.module_menu div div,
div.module_hilite div div,
div.module_testimonial div div {
	background: url(../../images/gray/box-tr.gif) 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,
div.module_testimonial div div div {
	background: url(../../images/gray/box-tl.gif) no-repeat top left;
}

div.module_hilite h3 {
	background: url(../../images/gray/h3-hilite-bg.gif) repeat-x left bottom;
	border-bottom: none;
	color: #CD6A1B;
}

div.module_hilite {
	background: url(../../images/gray/box-hilite-br.gif) no-repeat bottom right;
	color: #CD6A1B;
}

div.module_hilite div {
	background: url(../../images/gray/box-hilite-bl.gif) no-repeat bottom left;
}

div.module_hilite div div {
	background: url(../../images/gray/box-hilite-tr.gif) no-repeat top right;
}

div.module_hilite div div div {
	background: url(../../images/gray/box-hilite-tl.gif) no-repeat top left;
}

div.module_hilite img {
	background: #CD6A1B;
	border: 1px solid #CD6A1B;
}

ul.menu li {
	border-bottom: 1px solid #666666;
}

ul.menu li a {
	color: #999999;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
	color: #FFFFFF;
}

ul.menu li.active a {
	color: #FFFFFF;
}

ul.menu li li a {
	background: url(../../images/gray/arrow.gif) no-repeat 0px 8px;
	color: #999999 !important;
}

ul.menu li li a:hover,
ul.menu li li a:active,
ul.menu li li a:focus {
	background: url(../../images/gray/arrow2.gif) no-repeat 0px 8px;
	color: #FFFFFF !important;
}

ul.menu li li.active a {
	color: #FFFFFF;
}

ul.menu li li li a {
	color: #999999 !important;
	background: url(../../images/gray/bullet.gif) no-repeat 25px 10px !important;
}

/*layout*/
#ja-container,
#ja-container-f,
#ja-container-c,
#ja-container-m,
#ja-container-cm {
	background: #444444;
}

#ja-content .ja-box-br {
	background: url(../../images/gray/box-br3.gif) no-repeat bottom right #333333;
}

#ja-content .ja-box-bl {
	background: url(../../images/gray/box-bl3.gif) no-repeat bottom left;
}

#ja-content .ja-box-tr {
	background: url(../../images/gray/box-tr3.gif) no-repeat top right;
}

#ja-content .ja-box-tl {
	background: url(../../images/gray/box-tl3.gif) no-repeat top left;
}

/*header*/
#ja-header {
	background: url(../../images/gray/header-bg.gif) repeat-x left bottom;
}

#ja-header .main {
	padding: 0;
	position: relative;
}

#ja-topsl {
	background: #444444;
}

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

h1.logo-text a {
	color: #EEEEEE;
}

h1.logo-text a:hover, logo-text a:active, logo-text a:focus {
	color: #EEEEEE;
}

span.site-slogan {
	color: #999999;
}

/*top spotlight*/
#ja-topsl div.moduletable .title {
	background: url(../../images/gray/dot.gif) repeat-x left 13px;
}

#ja-topsl div.moduletable .title span {
	background: #444444;
	color: #999999;
}

/* pathway */
#ja-pathway {
	background: #444444;
	color: #999999;
}

#ja-pathway .ja-inner {
	background: url(../../images/gray/pathway-bg.gif) no-repeat top left;
}

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

#ja-pathway a:hover,
#ja-pathway a:active,
#ja-pathway a:focus {
	color: #CD6A1B;
}

#ja-pathway span {
	color: #CD6A1B;
}

/*bottom spotlight*/
#ja-botsl div.moduletable h3,
#ja-botsl div.moduletable_default h3,
#ja-botsl div.moduletable_menu h3,
#ja-botsl div.moduletable_icon h3 {
	color: #CD6A1B;
	border-bottom: 1px solid #444444;
}

#ja-botsl #form-login .inputbox {
	background: #333333;
	border: 1px solid #444444;
	color: #999999;
}

#ja-botsl #form-login .button {
	background: #333333;
	color: #999999;
}

#ja-botsl {
	background: url(../../images/gray/grad2.gif) repeat-x left top #333333;
	border-bottom: 1px solid #333333;
	color: #999999;
	padding-top: 50px;
}

#ja-botsl a {
	color: #999999;
}

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

#ja-botsl img {
	background: #333333;
}

#ja-botsl li {
	background: url(../../images/gray/bullet.gif) no-repeat left center;
}

#ja-botsl #form-login ul li {
	background: url(../../images/gray/bullet.gif) no-repeat left center;
}

/*footer*/
#ja-footer {
	background: #2F2F2F;
	border-top: 1px solid #333333;
	color: #666666;
}

#ja-footer small {
	float: left;
	color: #666666;
}

#ja-footer a {
	color: #666666;
}

#ja-footer li {
	border-left: 1px dotted #666666;
}

/*slideshow*/
.maskDesc a.readon {
	background: #444444;
	color: #999999;
}

.maskDesc a.readon:hover, .maskDesc a.readon:active, .maskDesc a.readon:focus {
	background: #999999;
	color: #EEEEEE;
}

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

.maskDesc .ja-slide-desc span {
	color: #FFFFFF;
}

#ja-slideshow-bot {
	background: none;
}

/*typography*/
div.module_testimonial h3 {
	background: url(../../images/gray/h3-bubble-bg.gif) repeat-x left bottom;
}

div.module_testimonial,
div.module_testimonial div,
div.module_testimonial div div,
div.module_testimonial div div div {
	background: none;	
	padding: 0;
}

div.module_testimonial div.bubble div {
	background: #333333 url(../../images/gray/bubble-hilite-br.gif) no-repeat right bottom;
}

div.module_testimonial div.bubble div div {
	background: url(../../images/gray/bubble-hilite-bl.gif) no-repeat left bottom;
}

div.module_testimonial div.bubble div div div {
	background: url(../../images/gray/bubble-hilite-tr.gif) no-repeat right top;
}

div.module_testimonial div.bubble div div div div {
	background: url(../../images/gray/bubble-hilite-tl.gif) no-repeat left top;
}

div.module_testimonial div.bubble div div div div div {
	color: #999999;
}

div.module_testimonial span.author {
	color: #CD6A1B;
}

ul.address {
	border-left: 5px solid #666666;
}

pre, .code {
	background: #444444;
	border-left: 5px solid #999999;
	color: #999999;
}

ul li {
	background-image: url(../../images/gray/bullet.gif);
}

ul.checklist li {
	background-image: url(../../images/gray/icon-checklist.gif);
}

ul.stars li {
	background-image: url(../../images/gray/icon-star.gif);
}

ul.arrow li {
	background-image: url(../../images/gray/icon-arrow.gif);
}

blockquote span.open {
	background-image: url(../../images/gray/so-q.gif);
}

blockquote span.close {
	background-image: url(../../images/gray/sc-q.gif);
}

blockquote.testimonial {
	border-bottom-color: #666666;
}

blockquote.testimonial span.author {
	background-image: url(../../images/gray/icon-author.gif);
}

.dropcap {
	color: #CD6A1B;
}

p.error {
	background-image: url(../../images/gray/icon-error.gif);
	color: #CC0000;
}

p.message {
	background-image: url(../../images/gray/icon-info.gif);
	color: #2D99C4;
}

p.tips {
	background-image: url(../../images/gray/icon-tips.gif);
	color: #CD6A1B;
}

.highlight {
	background: #444444;
	color: #CD6A1B;
}

p.stickynote {
	background: url(../../images/gray/sticky-bg.gif) no-repeat 10px 0 #444444;
	border-color: #555555;
}

p.download {
	background: url(../../images/gray/download-bg.gif) no-repeat 10px 0 #444444;
	border-color: #555555;
}

.bignumber {
	background-image: url(../../images/gray/ol-bg.gif);
	color: #999999;
}

div.bubble1,
div.bubble2,
div.bubble3,
div.bubble4 {
	color: #999999;
}

div.bubble1 div {
	background-image: url(../../images/gray/bub1-br.gif);
}

div.bubble1 div div {
	background-image: url(../../images/gray/bub1-bl.gif);
}

div.bubble1 div div div {
	background-image: url(../../images/gray/bub1-tr.gif);
}

div.bubble1 div div div div {
	background-image: url(../../images/gray/bub1-tl.gif);
}

div.bubble2 div {
	background-image: url(../../images/gray/bub2-br.gif);
}

div.bubble2 div div {
	background-image: url(../../images/gray/bub2-bl.gif);
}

div.bubble2 div div div {
	background-image: url(../../images/gray/bub2-tr.gif);
}

div.bubble2 div div div div {
	background-image: url(../../images/gray/bub2-tl.gif);
}

div.bubble3 div {
	background-image: url(../../images/gray/bub3-br.gif);
}

div.bubble3 div div {
	background-image: url(../../images/gray/bub3-bl.gif);
}

div.bubble3 div div div {
	background-image: url(../../images/gray/bub3-tr.gif);
}

div.bubble3 div div div div {
	background-image: url(../../images/gray/bub3-tl.gif);
}

div.bubble4 div {
	background-image: url(../../images/gray/bub4-br.gif);
}

div.bubble4 div div {
	background-image: url(../../images/gray/bub4-bl.gif);
}

div.bubble4 div div div {
	background-image: url(../../images/gray/bub4-tr.gif);
}

div.bubble4 div div div div {
	background-image: url(../../images/gray/bub4-tl.gif);
}

.legend-title {
	background: #333333;
}

.legend {
	border-color: #444444;
}

/*split menu*/
#ja-splitmenu a {
	color: #999999;
}

#ja-splitmenu a:hover,
#ja-splitmenu a:active,
#ja-splitmenu a:focus {
	background: #444444;
	color: #EEEEEE;
}

#ja-splitmenu li.active a,
#ja-splitmenu li.active a:hover,
#ja-splitmenu li.active a:active,
#ja-splitmenu li.active a:focus {
	background: #444444;
	color: #EEEEEE;
}

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

#ja-cssmenu li a:hover,
#ja-cssmenu li a:active,
#ja-cssmenu li a:focus {
	background: #2F2F2F;
	color: #EEEEEE;
}

#ja-cssmenu li.havechild:hover a,
#ja-cssmenu li.sfhover a,
#ja-cssmenu li.havechildsfhover a,
#ja-cssmenu li.havechild-activesfhover a {
	background: #2F2F2F;
	color: #EEEEEE;
}

#ja-cssmenu li.active a {
	background: #2F2F2F;
	color: #EEEEEE;
}

#ja-cssmenu li ul {
	border: 1px solid #444444;
	background: url(../../images/gray/trans-bg.png);
}

#ja-cssmenu li ul ul {
	border: 1px solid #444444;
}

#ja-cssmenu li ul li {
	border-bottom: 1px solid #444444;
}

#ja-cssmenu li ul a {
	color: #FFFFFF !important;
}

#ja-cssmenu li ul a:hover,
#ja-cssmenu li ul a:active,
#ja-cssmenu li ul a:focus,
#ja-cssmenu ul li:hover,
#ja-cssmenu ul li.sfhover,
#ja-cssmenu ul li.havesubchildsfhover,
#ja-cssmenu ul li.havesubchild-activesfhover,
#ja-cssmenu ul ul li:hover,
#ja-cssmenu ul ul li:hover a,
#ja-cssmenu ul ul li.sfhover,
#ja-cssmenu ul ul li.havesubchildsfhover,
#ja-cssmenu ul ul li.havesubchild-activesfhover {
	background: #222222;
	color: #FFFFFF !important;
}