/*------------------------------------------------------------------------
# JA Utahia II - April, 2007
# ------------------------------------------------------------------------
# Copyright (C) 2004-2007 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
--------------------------------------------------------- */
body#bd {
	color: #333333;
}

a {
	color: #5598d1;
	text-decoration: underline;
}

a:hover, a:active, a:focus {
	color: #1061a8;
	text-decoration: underline;
        
}

h1, h2, h3, h4, h5, h6 {
	color: #333333;
}

hr {
	border-top: 2px solid #FCE6BC;
}

select, textarea, .inputbox {
   
	background: #edf6fb;
	color: #5598d1;
}

.button, .button:hover {
	background: url(../images/but-bg.gif) repeat-x center #72a5d1;
	
	color: #fff;
	font-weight: bold;
	padding: 2px 5px;
}
.inputbox {
 border: 1px solid #B4E4F0;
	margin-bottom: 2px;
	
}

.inputbox:hover, .inputbox:focus {
	border-color: #B4E4F0;
}

div.moduletable h3 {
	color: #666666;
}

table.contenttoc th {
	background: url(../../images/natural/but-bg.gif) repeat-x center #ecf7fb;
}

.blog_more {
	background: url(../../images/natural/seperator.gif) no-repeat top left;
}

.blog_more strong {
	color: #333333;
}

.componentheading {
	color: #333333;
	background: url(../../images/natural/seperator.gif) no-repeat bottom left;
}

.contentheading {
	color: #333333;
}

.createdate,
.modifydate,
.mosimage_caption,
.small,
.smalldark {
	color: #999999;
}

.sectiontableheader {
	background: url(../../images/natural/but-bg.gif) repeat-x center #ecf7fb;
}

tr.sectiontableentry1 td {
	background: #FFFFFF;
	border-bottom: 1px solid #FCE6BC;
}

tr.sectiontableentry2 td {
	background: #F4F2E6;
	border-bottom: 1px solid #FCE6BC;
}

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

div.module-hilite {
	background: url(../../images/natural/box-hilite-br.gif) no-repeat bottom right #CDBD89;
}

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

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

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

#ja-containerwrap {
	background: url(../../images/natural/containerwrap-bg.gif) repeat-x;
}

#ja-container, #ja-container-fr  {
	background: url(../../images/natural/container-bg.gif) repeat-x 20% 0% #FFFFFF;
}

#ja-headerwrap {
	background: url(../../images/natural/header-bg.gif) repeat-x bottom #F4F2E6;
}

#ja-mainnavwrap {
	background: url(../images/mainnavwrap-bg.gif) repeat-x top #c7e4f2;
	border-bottom: 0px solid #0089AB;
	border-top: 0px solid #0089AB;
	padding: 0;
}

#ja-mainnav  {
	background: url(../../images/natural/mainnav-bg.gif) no-repeat 20% 0% #c7e4f2;
}

a.mainlevel {
	color: #669dcd;
}

a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus {
	color: #669dcd;
	border: 0px solid #FCE6BC;
}

a.mainlevel#active_menu {
	background: #ecf7fb;
	border: 0px solid #ecf7fb;
}

#active_menu {
	color: #ecf7fb;
}

#ja-topslwrap {
	background: #CDBD89;
}

#ja-topsl {
	background: url(../../images/natural/topsl-bg.gif) repeat-x 20% 0% #D3C495;
}

#ja-botslwrap2 {
	background: url(../../images/natural/botsl-right-bg.gif) no-repeat top right;
}

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

#ja-botsl div.ja-box-left,
#ja-botsl div.ja-box-center {
	background: url(../../images/natural/botsl-vseperator.gif) no-repeat center right;
}

#ja-botsl div.moduletable {
	color: #999999;
}

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

#ja-pathwaywrap {
	background:;
	clear: both;
	display: block;
	float: left;
	margin-bottom: 20px;
	padding-left: 6px;
}
#ja-pathway {
	background:;
}

#ja-footerwrap {
	background: #fbf076;
        border-bottom: 4px solid #fbd44c;
}

#ja-footer {
	background: url(../images/sublogo.gif) no-repeat bottom left;
	clear: both;
	color: #9AA6AA;
	overflow: hidden;
	padding:15px;
	position: relative;
	text-align: left;
}
#ja-footer a {
	color: #999999;
}

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

div.gradline {
	background: url(../../images/natural/grad-line.gif) repeat-y 80% 0% #ecf7fb;
	border-top:0px solid #BF7900;
	border-bottom: 0px solid #BF7900;
}

/* BONUS TYPO
--------------------------------------------------------- */
pre, .code {
	background: url(../../images/natural/tp-code.gif) no-repeat top left #FFFFF0;
}

/* Quote */
blockquote {
	background: url(../../images/natural/quote.gif) 15px 5px no-repeat;
}

div.blockquote {
	background: url(../../images/natural/quote-right.gif) no-repeat bottom right;
}

.dropcap,
.message,
.tips {
	color: #ecf7fb;
}

.highlight {
	border: 1px dotted #999999;
	background: #FFFFF0;
}

p.stickynote {
	background: url(../../images/natural/sticky-bg.gif) no-repeat top right #FFFFF0;
}

p.pinnote {
	background: url(../../images/natural/pin-bg.gif) no-repeat top right #FFFFF0;
}

p.clipnote {
	background: url(../../images/natural/clip-bg.gif) no-repeat top right #FFFFF0;
}

ul.checklist li {
	background: url(../../images/natural/checklist-bg.gif) no-repeat top left;
}

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

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

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

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

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

div.bubble2 {
	background: url(../../images/natural/bub-arrow-bg.gif) no-repeat bottom left;
}

div.bubble2 div {
	border-color: #FCE6BC;
	background-color: #FFFFF0;
}

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

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

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

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

div.bubble4 {
	background: url(../../images/natural/bub2-arrow-bg.gif) no-repeat bottom left;
}

div.bubble4 div {
	border-color: #FCE6BC;
	background-color: #FFFFF0;
}

a.but-download {
	background: url(../../images/natural/download-right-bg.gif) no-repeat top right #ecf7fb;
}

span.download {
	background: url(../../images/natural/download-left-bg.gif) no-repeat top left;
}

span.download span {
	color: #FCE6BC;
}

a.but-signup {
	background: url(../../images/natural/signup-right-bg.gif) no-repeat top right #ecf7fb;
}

a.but-signup:hover span.signup strong {
	color: #FFFF66;
}

span.signup {
	background: url(../../images/natural/signup-left-bg.gif) no-repeat top left;
}

span.signup span {
	color: #FCE6BC;
}

a.ja-ob {
	background: url(../../images/natural/ob.gif) no-repeat top right;
}

a.ja-ob:hover, a.ja-ob:active, a.ja-ob:focus {
	background: url(../../images/natural/ob-on.gif) no-repeat top right;
}

a.ja-cb {
	background: ;
}

a.ja-cb:hover, a.ja-cb:active, a.ja-cb:focus {
	background: ;
}

/* SPLIT MENU
--------------------------------------------------------- */
#ja-splitmenu a {
	background: url(../../images/natural/mainnav-sep.gif) no-repeat top right !important;
}

#ja-splitmenu a:hover,
#ja-splitmenu a:active,
#ja-splitmenu a:focus {
	color: #559edd !important;
	background: url(../../images/natural/mainnav-sep.gif) no-repeat top right #ecf7fb !important;
}

#ja-splitmenu li.active a,
#ja-splitmenu li.active a:hover,
#ja-splitmenu li.active a:active,
#ja-splitmenu li.active a:focus {
	color: #FFFFFF !important;
	background: url(../../images/natural/mainnav-active-bg.gif) no-repeat top right #ecf7fb !important;
}

#ja-subnav a {
	background: url(../../images/natural/submenu-bg.gif) repeat-x center left #CDBD89 !important;
	border: 0px solid #CDBD89 !important;
}

#ja-subnav a:hover,
#ja-subnav a:active,
#ja-subnav a:focus {
	background: url(../../images/natural/submenu-hover-bg.gif) repeat-x center left #ecf7fb !important;
	border: 0px solid #ecf7fb !important;
}

#ja-subnav li.active a,
#ja-subnav li.active a:hover,
#ja-subnav li.active a:active,
#ja-subnav li.active a:focus {
	background: url(../../images/natural/submenu-hover-bg.gif) repeat-x center left #ecf7fb !important;
	border: 0px solid #ecf7fb !important;
}

/* SOSD MENU
--------------------------------------------------------- */
#ja-cssmenu li ul {
	border: 0px solid #918561 !important;
	background: #c5e4f2 !important;
}

#ja-cssmenu li ul li {
	border-top: 0px solid #D3C495 !important;
}

#ja-cssmenu li a {
	background: url(../../images/natural/mainnav-sep.gif) no-repeat top right !important;
}

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

#ja-cssmenu li li a {
	background: none !important;
}

#ja-cssmenu li li a.active {
	background: none !important;
	color: #559edd !important;
}

#ja-cssmenu li a.active {
	background: url(../../images/natural/mainnav-active-bg.gif) no-repeat top right #ecf7fb !important;
}

#ja-cssmenu ul li:hover,
#ja-cssmenu ul ul li:hover,
#ja-cssmenu ul li.sfhover,
#ja-cssmenu ul li.havesubchildsfhover,
#ja-cssmenu ul li.havesubchild-activesfhover,
#ja-cssmenu ul ul li.sfhover,
#ja-cssmenu ul ul li.havesubchildsfhover,
#ja-cssmenu ul ul li.havesubchild-activesfhover {
	background: #ecf7fb !important;
}

#ja-cssmenu li:hover,
#ja-cssmenu li.sfhover,
#ja-cssmenu li.havechildsfhover,
#ja-cssmenu li.havechild-activesfhover,
#ja-cssmenu li:hover a.first-item,
#ja-cssmenu li.sfhover a.first-item,
#ja-cssmenu li.havechildsfhover a.first-item,
#ja-cssmenu li.havechild-activesfhover a.first-item {
	background: url(../../images/natural/mainnav-sep.gif) no-repeat top right #ecf7fb !important;
	color: #559edd !important;
}

#ja-cssmenu li a.active-first-item {
	background: url(../../images/natural/mainnav-active-bg.gif) no-repeat top right #ecf7fb !important;
}

/* TRANSMENU
---------------------------------------------------------*/
.transMenu .background {
	background-color: #c !important;
}

.transMenu .item.hover {
	background: #C1B281 !important;
}

.transMenu .item#active,
.transMenu .item#active:hover {
	background: #ecf7fb !important;
}

#ja-transmenu li a {
	background: url(../../images/natural/mainnav-sep.gif) no-repeat top right !important;
}

#ja-transmenu a.havechild-mainlevel-active-trans,
#ja-transmenu a.havechild-mainlevel-active-trans:hover,
#ja-transmenu a.havechild-mainlevel-active-trans:active,
#ja-transmenu a.havechild-mainlevel-active-trans:focus {
	background: url(../../images/natural/mainnav-active-bg.gif) no-repeat top right #ecf7fb !important;
}

#ja-transmenu a.jahover {
	background: url(../../images/natural/mainnav-sep.gif) no-repeat top right #ecf7fb!important;
	color: #333333 !important;
}

#ja-transmenu a.jahover-active {
	background: url(../../images/natural/mainnav-active-bg.gif) no-repeat top right #ecf7fb !important;
}

#ja-transmenu a.mainlevel-trans:hover,
#ja-transmenu a.mainlevel-trans:active,
#ja-transmenu a.mainlevel-trans:focus {
	background: url(../../images/natural/mainnav-sep.gif) no-repeat top right #ecf7fb !important;
	color: #333333 !important;
}

#ja-transmenu a.mainlevel-active-trans,
#ja-transmenu a.mainlevel-active-trans:hover,
#ja-transmenu a.mainlevel-active-trans:active,
#ja-transmenu a.mainlevel-active-trans:focus {
	background: url(../../images/natural/mainnav-active-bg.gif) no-repeat top right #ecf7fb !important;
}

/* First item */
#ja-transmenu a.havechild-mainlevel-active-trans-first,
#ja-transmenu a.havechild-mainlevel-active-trans-first:hover,
#ja-transmenu a.havechild-mainlevel-active-trans-first:active,
#ja-transmenu a.havechild-mainlevel-active-trans-first:focus,
#ja-transmenu a.mainlevel-active-trans-first,
#ja-transmenu a.mainlevel-active-trans-first:hover,
#ja-transmenu a.mainlevel-active-trans-first:active,
#ja-transmenu a.mainlevel-active-trans-first:focus {
	background: url(../../images/natural/mainnav-active-bg.gif) no-repeat top right #ecf7fb !important;
}

#ja-transmenu a.havechild-mainlevel-trans-first:hover,
#ja-transmenu a.havechild-mainlevel-trans-first:active,
#ja-transmenu a.havechild-mainlevel-trans-first:focus,
#ja-transmenu a.mainlevel-trans-first:hover,
#ja-transmenu a.mainlevel-trans-first:active,
#ja-transmenu a.mainlevel-trans-first:focus {
	background: url(../../images/natural/mainnav-sep.gif) no-repeat top right #ecf7fb !important;
	color: #333333 !important;
}