/*------------------------------------------------------------------------

# JA Iolite 1.0 - June, 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

-------------------------------------------------------------------------*/





body#bd {

	color: #59676B;

	background: #F3F4F6;

}



/* Normal link */

a {

	color: #2D99C4;

}



a:hover, a:active, a:focus {

	background: #2D99C4;

}



/* Title text */

.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4, .nftitle {

	color: #3A4345;

}	



small, .small, .img_caption {

	color: #97A4A8;

}



hr {

	border-top: 1px solid #CAD9DF;

}



/* FORM

--------------------------------------------------------- */

.inputbox {

	border: 1px solid #CAD9DF;

	color: #59676B;

}



.button {

	border: 1px solid #CAD9DF;

	background-color: #D3DADC;

	color: #59676B;

}



/* JOOMLA STYLE

--------------------------------------------------------- */

/* content tables */

.sectiontableheader {

	border-right: 1px solid #E7EDF0;

}



tr.sectiontableentry2 td {

	background: #E7EDF0;

}



table.pollstableborder tr.sectiontableentry1 td {

	background: #E7EDF0;

}



a.readon {

	background-color: #2D99C4;

}



a.readon:hover, a.readon:focus, a.readon:active {

	background-color: #59676B;

}



/* META

--------------------------------------------------------- */

.createdate,

.modifydate {

	color: #97A4A8;

}



/* COLLAPSIBLE LAYOUT

--------------------------------------------------------- */

#ja-containerwrap,

#ja-containerwrap-f,

#ja-containerwrap-c {

	background: url(../../images/cyan/grad1.gif) repeat-x top;

}



/* MODULE

--------------------------------------------------------- */

div.moduletable_hilite {

	background: url(../../images/cyan/grad2.gif) repeat-x top #2D99C4;

	border: 1px solid #257EA1;

}



/* HEADER

--------------------------------------------------------- */

h1.logo a {

	background: url(../../images/cyan/logo.png) no-repeat;

}



/* MAIN NAVIGATION

--------------------------------------------------------- */

#ja-subnav a {

	color: #59676B;

}



#ja-subnav a:hover,

#ja-subnav a:active,

#ja-subnav a:focus {

	color: #59676B;

	background: #E7EDF0;

}



#ja-subnav li.active a {

	color: #59676B;

	background: #E7EDF0;

}



/* breadcrumbs */

#ja-pathway strong {

	/* background: url(../../images/cyan/symbol.gif) no-repeat 2px center #E7EDF0; */

}



/* Default Joomla! Menu */

ul.menu li a {

	color: #59676B;

}



ul.menu li a:hover,

ul.menu li a:active,

ul.menu li a:focus {

	color: #59676B;

	background: #E7EDF0;

}



ul.menu li.active a {

	background: #E7EDF0;

}



ul.menu li li a:hover,

ul.menu li li a:active,

ul.menu li li a:focus {

	color: #2D99C4;

}



/* SPOTLIGHT

--------------------------------------------------------- */

#ja-topsl .nftitle {

	color: #2D99C4;

}



#ja-topsl .nfcontent {

	color: #CAD9DF;

}



/* Bot spotlight */

#ja-botsl1 {

	border: 1px solid #CAD9DF;

	background: url(../../images/cyan/botsl-bg.gif) no-repeat bottom right #E7EDF0;

}



#ja-botsl1 li a {

	color: #59676B;

}



/* FOOTER

--------------------------------------------------------- */

#ja-footer {

	border-top: 5px solid #CAD9DF;

}



#ja-footer small {

	color: #97A4A8;

}



/* MISCELLANOUS

----------------------------------------------------------- */

#ja-search .inputbox {

	color: #CAD9DF;

}



div.ja-innerdiv {

	border-bottom: 1px solid #E7EDF0;

}



div.ja-innerdiv img {

	border: 1px solid #E7EDF0;

}



/* JA Hpanel */

#ja-hp-switch {

	background: url(../../images/cyan/hpanel-bg.png) no-repeat top;

}



.ja-hp-active {

	color: #3A4345 !important;

	background: url(../../images/cyan/hpanel-bg.png) no-repeat bottom !important;

}



#ja-hpwrap {

	background: #D3DADC;

}



/* TYPO

----------------------------------------------------------- */

pre, .code {

	background: #E7EDF0;

	border-left: 5px solid #2D99C4;

}



blockquote.testimonial {

	padding: 0 0 10px;

	border-bottom: 1px solid #CAD9DF;

}



.dropcap {

	color: #2D99C4;

}



.highlight {

	background: #E7EDF0;

}



p.stickynote,

p.download {

	border: 1px solid #CAD9DF;

}



div.bubble1 div {

	background: url(../../images/cyan/bub1-br.gif) no-repeat bottom right;

}



div.bubble1 div div {

	background: url(../../images/cyan/bub1-bl.gif) no-repeat bottom left;

}



div.bubble1 div div div {

	background: url(../../images/cyan/bub1-tr.gif) no-repeat top right;

}



div.bubble1 div div div div {

	background: url(../../images/cyan/bub1-tl.gif) no-repeat top left;

}



div.bubble2 div {

	background: url(../../images/cyan/bub2-br.gif) no-repeat bottom right;

}



div.bubble2 div div {

	background: url(../../images/cyan/bub2-bl.gif) no-repeat bottom left;

}



div.bubble2 div div div {

	background: url(../../images/cyan/bub2-tr.gif) no-repeat top right;

}



div.bubble2 div div div div {

	background: url(../../images/cyan/bub2-tl.gif) no-repeat top left;

}



div.bubble3 div {

	background: url(../../images/cyan/bub3-br.gif) no-repeat bottom right;

}



div.bubble3 div div {

	background: url(../../images/cyan/bub3-bl.gif) no-repeat bottom left;

}



div.bubble3 div div div {

	background: url(../../images/cyan/bub3-tr.gif) no-repeat top right;

}



div.bubble3 div div div div {

	background: url(../../images/cyan/bub3-tl.gif) no-repeat top left;

}



div.bubble4 div {

	background: url(../../images/cyan/bub4-br.gif) no-repeat bottom right;

}



div.bubble4 div div {

	background: url(../../images/cyan/bub4-bl.gif) no-repeat bottom left;

}



div.bubble4 div div div {

	background: url(../../images/cyan/bub4-tr.gif) no-repeat top right;

}



div.bubble4 div div div div {

	background: url(../../images/cyan/bub4-tl.gif) no-repeat top left;

}



.legend-title {

	background: #F3F4F6;

}



.legend {

	border: 1px solid #CAD9DF;

}



/* SplitMenu

----------------------------------------------------------*/

#ja-splitmenu a:hover,

#ja-splitmenu a:active,

#ja-splitmenu a:focus {

	color: #2D99C4;

}



#ja-splitmenu li.active a,

#ja-splitmenu li.active a:hover,

#ja-splitmenu li.active a:active,

#ja-splitmenu li.active a:focus {

	color: #2D99C4;

}



/* SplitMenu + Moo

----------------------------------------------------------*/

#ja-cssmenu li a:hover,

#ja-cssmenu li a:active,

#ja-cssmenu li a:focus {

	color: #2D99C4;

}



#ja-cssmenu li:hover a,

#ja-cssmenu li.sfhover a,

#ja-cssmenu li.havechildsfhover a,

#ja-cssmenu li.havechild-activesfhover a {

	color: #2D99C4;

}



#ja-cssmenu li a.active,

#ja-cssmenu li a.active:hover,

#ja-cssmenu li a.active:active,

#ja-cssmenu li a.active:focus {

	color: #2D99C4;

}



#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.sfhover,

#ja-cssmenu ul ul li.havesubchildsfhover,

#ja-cssmenu ul ul li.havesubchild-activesfhover {

	color: #2D99C4 !important;

}



#ja-cssmenu ul li a.active {

	color: #2D99C4 !important;

}



#ja-cssmenu ul li a.active:hover,

#ja-cssmenu ul li a.active:active,

#ja-cssmenu ul li a.active:focus {

	color: #2D99C4 !important;

}



/*ja-tabs

--------------------------------------------------*/

.ja-tabswrap {

	border: 1px solid #CAD9DF;

}



/* JA Tabs top*/

.ja-tabs-title-top {

	border-bottom: 1px solid #CAD9DF;

	background: url(../../images/cyan/grad1.gif) repeat-x top;

}



.ja-tabs-title-top ul.ja-tabs-title li {

	border: 1px solid #CAD9DF;

}



.ja-tabs-title-top ul.ja-tabs-title li h3 {

	border: 1px solid #F3F4F6;

	border-bottom: none;

}



.ja-tabs-title-top ul li.active h3 ,

.ja-tabs-title-top ul li.firstactive h3,

.ja-tabs-title-top ul li.lastactive h3 {

	color: #2D99C4;

}



/* JA Tabs left*/

.ja-tabs-title-left {

	background-color: #F3F4F6;

}



.ja-tabs-title-left ul li.active H3 ,

.ja-tabs-title-left ul li.firstactive H3,

.ja-tabs-title-left ul li.lastactive H3 {

	color: #2D99C4;

}