/*----------------------------------------------------------------------------
Style Sheet for colors

Template Name:   JJ Flex
Version:         1.0
Author:          JoomlaJunkie
Support:         http://forum.joomlajunkie.com
Template Guide:  http://guides.joomlajunkie.com

NOTE: Always make a backup of your stylesheets before editing!
NB!! Use the search function to find a section, eg: search for $2 for Sidebar menu
----------------------------------------------------------------------------*/

/*---------IMPORTANT----------
!!!IF YOU ARE LOOKING FOR AN ELEMENT THAT 
HAS A SPECIFIC COLOR THEN LOOK HERE AS ALL COLOR ELEMENTS
ARE SEPERATED!!------------*/

#navbar .inputbox {
background-image:url(../images/search-bg_f2.jpg);
}

/*  ---- aziz removed: 30Dec06
div#navbar h2 {
background:url(../images/branding_f2.jpg) no-repeat;
}
--------*/

/*  aziz Added: 30Dec06 */
div#navbar {
background:url(../images/eable_bg_green.jpg) no-repeat;
position: relative;
background-color:#9DC840;
}

div#top-seperator {
background:url(../images/top-seperator_f2.jpg) repeat-x;
}

div#bottom-seperator {
background:url(../images/bottom-seperator_f2.jpg) repeat-x;
}

.button {
/* button style for Joomla component, form and module buttons
specifically in the  sidebar*/
border:1px solid #9DC840;
background:#9DC840;
color:#fff;
margin:8px 0;
font-size: 100%;
}

#contentsidebar .inputbox:hover,#content .inputbox:hover {
border:1px solid #9DC840;
}

#contentsidebar .inputbox:focus,#content .inputbox:focus {
border:1px solid #9DC840;
}

.readon {
background:url(../images/read_more_f2.png) no-repeat;
; font-size: 16px
}

/*MODULE STYLING*/
.moduletable h3 {
color:#9DC840;
border-bottom:1px solid #9DC840;
}

div#contentsidebar .moduletable h3 {
color: #9DC840;
border-bottom: 1px solid #9DC840;
}


/*LEFT MENU STYLING*/
ul#mainlevel li a:hover,
ul#mainlevel a#active_menu {
background: #9DC840 url(../images/left-menu-bullet.gif) no-repeat 3px;
color: #fff;
}

/*SUCKERFISH MENU STYLING*/
/* 2nd Menu Hover Persistence */
ul#mainmenu-nav li:hover li a:hover,
ul#mainmenu-nav li:hover li:hover a,
ul#mainmenu-nav li.iehover li a:hover,
ul#mainmenu-nav li.iehover li.iehover a {
  background: #9DC840;
}
ul#mainmenu-nav li:hover li a.hassubchild:hover,
ul#mainmenu-nav li:hover li:hover a.hassubchild,
ul#mainmenu-nav li.iehover li a.hassubchild:hover,
ul#mainmenu-nav li.iehover li.iehover a.hassubchild {
background: #9DC840 url(../images/hassubchild.gif) no-repeat right center;
}

/* 3rd Menu Hover Persistence */
ul#mainmenu-nav li:hover li:hover li a:hover,
ul#mainmenu-nav li:hover li:hover li:hover a,
ul#mainmenu-nav li.iehover li.iehover li a:hover,
ul#mainmenu-nav li.iehover li.iehover li.iehover a {
  background: #9DC840;
}
ul#mainmenu-nav li:hover li:hover li a.hassubchild:hover,
ul#mainmenu-nav li:hover li:hover li.hassubchild:hover a,
ul#mainmenu-nav li.iehover li.iehover li a.hassubchild:hover,
ul#mainmenu-nav li.iehover li.iehover li.hassubchild.iehover a {
background: #9DC840 url(../images/hassubchild.gif) no-repeat right center;
}


/* 4th Menu Hover */
ul#mainmenu-nav li:hover li:hover li:hover li a:hover,
ul#mainmenu-nav li.iehover li.iehover li.iehover li a:hover {
  background: #9DC840;
}

#mainmenu-nav #active_menu-nav {
background: #9DC840;
border-bottom: 1px solid #9DC840;
}

#mainmenu-nav li a#active_menu-nav {
background:#9DC840;
}
#mainmenu-nav li a#active_menu-nav.haschild {
background:#9DC840 url(../images/haschild-active.gif) no-repeat bottom center;
}


/*HTML Elements colors from customize.css*/
h1 {
color:#9DC840;
}

h2 {
color:#9DC840;
}

h4 {
color:#9DC840;
}

h6 {
color:#9DC840;
}

a:link,a:visited {
color:#0033CC;
}

td.contentheading {
/* Used as the Title of the content, article, etc. being displayed,

it is also used for Section's heading*/
color:#9DC840;
}

.sectiontableheader {
background:#E3F5FB;
}

.createdate {
/* styling the date the content was created on*/
background:url(../images/date-green.gif) no-repeat 4px 0;
height: 16px;
}


/* Aziz Added: 2jan07 */
div#footer{
background: url(../images/eable_footer_bg_green.jpg) repeat-x;
color: #FFF;
height: 52px;
line-height: 52px;
padding: 0 10px;
}

/* hotel tab */
.switch_HtlTab_Off {
	font-size:16;
	font-weight:bold;
	font-family:arial;
	text-align:center;
	border:thin solid rgb(131,160,14);
	border-width:2px;		
	display:block;
	text-align:center;
	background-image: url("/images/stories/H/green_tab_Y.gif");		
}
.switch_HtlTab_On {
	height:20;
	padding-top:2px;text-decoration:none;
	font-size:16;
	font-weight:bold;
	text-align:center;	
	border-top:thin solid rgb(131,160,14);
	border-top-width:2px;
	border-right:thin solid rgb(131,160,14);
	border-right-width:2px;
	border-left:thin solid rgb(131,160,14);
	border-left-width:2px;
	display:block;text-align:center;				
}
.rate_HtlTab_Off {
		font-size:13;
		font-weight:bold;
		font-family:arial;
		text-align:center;
		border:solid 2px;
		border-top-color:rgb(255,137,105);
		border-right-color:rgb(255,137,105);
		border-left-color:rgb(255,137,105);
		border-bottom-color:rgb(255,184,66);
		display:block;text-align:center;
		background-image: url("/images/stories/H/green_ratetab.gif");		
}
.htlTabGap {
	border-bottom-style:solid;
	border-width:2;
	border-bottom-color:rgb(131,160,14);
}
.htlFrameDiv {
	 border:0; 
	 width:100%;
	 cellspacing:0;
	 style:background-color:rgb(255,255,255);
	 border:solid #83A00E 2px;
	 border-top-style:none;
}
.servBookBox {
	 border:0; 
	 width:100%;
	 cellspacing:0;
	 style:background-color:rgb(255,255,255);
	 border:dotted #83A00E 2px;
}
.servRateBox {
	 border:0; 
	 width:100%;
	 cellspacing:0;
	 background-color:rgb(253,255,251);
	 border:dashed #83A00E 1px;
}
.htlBullet {
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("/images/stories/H/green_bullet.jpg");
}
.htlVenueHead
{
	font-family: 'Verdana';
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: #84A631;
}
.rateHdrText {
height: 20px;
   background: url("/images/stories/H/green_tab.gif");
}
.rateDtlTextOdd {
   background-color:rgb(249,254,241);
}
.rateDtlTextEven {
   background-color:rgb(241,252,226);
}
.itinDtlTextOdd {
   background-color:rgb(249,254,241);
}
.itinDtlTextEven {
   background-color:rgb(241,252,226);
}