body {font: .8em Tahoma, Arial, sans-serif; line-height: 1.7em;  color: #454545;}
h4 {width:100%;display: block;
	margin-bottom: 4px; border-bottom:#CCC dashed 0.9pt;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #AAA;}
.title { 
font-size:10px; color:#0073AA; 
font-weight:bold; 
background:#DDE;
background-image:url(../images/bg_top_tab.jpg); 
background-repeat:repeat-x;
padding: 3px 12px 3px 12px;
}


.clink { 
	color:#FFFFFF; 
	font-size: 0.8em;
	font-weight:bold; 
	margin: 5px 0 6px 0px; 
	padding:0 0 0 210px; 
	
}
.clink a:link, .clink a:visited, .clink a:active{
	color:#FFFFFF; text-decoration:none;
	display: block; width:100%;
}
.clink a:hover {
	color:#FFFFFF;
}

.descr {
	color: #664;
	font-size: 0.9em;
	margin: 5px 0 6px 0px; 
	padding:0 0 0 15px; 	
}
.infopad {
	margin: 5px 0 6px 0px; 
	padding:0 0 0 15px; 	
}

a:link, a:visited, a:active { color:#3366CC; font-weight:bold; text-decoration:underline; }
a:hover { color:#53A615; font-weight:bold; text-decoration:underline}
/*p { text-align:justify }*/
.hlinks { font-size:12px; color:#FFFFFF; padding-top:4px; font-weight:bold;	}
.hlinks a:link, .hlinks a:visited, .hlinks a:active {
color:#FFFFFF;
background:#336699;
border:#CCCCCC 0.8pt solid;
padding: 3px 12px 3px 12px;
text-decoration:none;
}
.hlinks a:hover {
background:#1BA7DA;
border:#CCCCCC 0.8pt solid;
color:#FFFFFF;
}


.ev_links {color:#FFFFFF; font-weight:bold;	}
.ev_links a:link, .ev_links a:visited, .ev_links a:active {
color:#FFFFFF;
}
.ev_links a:hover {
color:#FF3300;
}


.navitabs {color:#ffffff; padding-top:3px; width:100%; font-weight:bold; text-decoration:underline}
.navitabs a:link, .navitabs a:visited, .navitabs a:active {
color:#ffffff;
display: block;
border-bottom: 0.8pt #6682C4;
padding: 3px 12px 3px 12px;
/*text-decoration:none;*/
}
.navitabs a:hover {
background:#DDE;
color:#000000; font-weight:bold;
text-decoration:none;
background-image:url(../images/bg_taboff.jpg); background-repeat:repeat-x;
}


.navipad {color:#000000; padding-top:7px; width:100%}
.navipad a:link, .navipad a:visited, .navipad a:active {
color:#000000;
display: block;
border-bottom: 1px solid #CCCCCC;
padding: 7px 12px 7px 12px;
text-decoration:none;
 font-size:12px;
}
.navipad a:hover {
background:#1DA6DC;
color:#000000; font-weight:bold;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #aaaaaa;
background-image:url(../images/nav_pad_overbg.jpg);
}

.btn { background:#1BA7DA;
border:#000000 0.8pt solid; cursor:hand;
color:#FFFFFF; font-weight:bold;}
.orange { color:#CC0000;}
.etitles { 
	color:#FB7D00; 
	background: url(../images/hpoint.gif) no-repeat left;
	font-weight:bold; 
	margin: 5px 0 5px 0px; 
	padding-left:15px; 
}

.ttitles { 
	color:#002424; 
	font-size:90%; 
	font-weight:bold; margin-left:9px;
	line-height:22pt;
}

.rlinks { 
	color: #ccc; 
	background: #3D3E42;
	text-align: left; 
	margin: 5px 0px 0px 0px; 
	padding: 0 0 0 5px; 
	border-top: 1px solid #555;
	text-decoration: none;
	font-size:10px;
}

.rlinks a { color: #ccc; }
.rlinks a:hover { color: #FB7D00; }

.form {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #C1CAD3;
	color: #666;
	display: block;
	font: normal 1em Tahoma,sans-serif;
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
/*	white-space: pre;*/
	width:90%;
}


/* TAB CSS*/

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px tahoma, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
 background-image:url(../images/bg_top_tab.jpg); background-repeat:repeat-x;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #318CE8;
 border-bottom: 1px solid #318CE8;
 color:#fff;
 }

ul.tabbernav li.tabberactive a:hover
{
 color: #fff;
 background: #318CE8;
 border-bottom: 1px solid #318CE8;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
 background:#318CE8;
 color:#FFFFFF;
 background-image:url(../images/bg_tabber.jpg);
 background-position:bottom; background-repeat:no-repeat;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:250px;
 overflow:scroll;
}


/* LI increment 
h1:before {
  counter-increment: section;     
  content: "Section " counter(section) ": ";
}

ol {
    counter-reset: section;             
    list-style-type: none;
  }
  li:before {
    counter-increment: section;           
    content: counters(section, ".") " ";   
  }

*/
	.dhtmlgoodies_tabPane{
		height:21px;	/* Height of tabs */
		border-bottom:1px solid #919b9c;
	}
	.dhtmlgoodies_aTab{
		border-left:1px solid #919b9c;
		border-right:1px solid #919b9c;
		border-bottom:1px solid #919b9c;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		padding:5px;		
		
	}
	.dhtmlgoodies_tabPane DIV{
		float:left;
		height:100%;	/* Height of tabs */
		padding-left:3px;
		vertical-align:middle;
		background-repeat:no-repeat;
		background-position:bottom left;
		cursor:pointer;
		position:relative;
		bottom:-1px;
		margin-left:0px;
		margin-right:0px;
	}
	.dhtmlgoodies_tabPane .tabActive{
		background-image:url('../images/tab_left_active.gif');
		margin-left:0px;
		margin-right:0px;	
		z-index:10;	
	}
	.dhtmlgoodies_tabPane .tabInactive{
		background-image:url('../images/tab_left_inactive.gif');
		margin-left:0px;
		margin-right:0px;
		z-index:1;
	}

	.dhtmlgoodies_tabPane .inactiveTabOver{
		background-image:url('../images/tab_left_over.gif');
		margin-left:0px;
		margin-right:0px;
	}
	.dhtmlgoodies_tabPane span{
		font-family:arial;
		vertical-align:top;
		font-size:11px;
		padding-left:3px;
		padding-right:3px;		
		line-height:21px;
		float:left;
	}
	.dhtmlgoodies_tabPane .tabActive span{
		padding-bottom:1px;
		line-height:20px;
	}
	
	.dhtmlgoodies_tabPane img{
		float:left;
	}
	


code {
	background: #FFF;
	background-image:url('../images/navbar_bg.jpg');
	border: 1px solid #EEE;
	border-left: 6px solid #C1CAD3;
	color: #666;
	display: block;
	font: normal 1em Tahoma,sans-serif;
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
/*	white-space: pre; */
}	


.modalDialog_transparentDivs{	
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#AAA;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:3px solid #000;	
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}

#mainContainer{
		width:500px;
		margin:0 auto;
		margin-top:10px;
		border:1px double #000;
		padding:5px;
		
	}
	
	/* Alternative layout for the message box - used by one of the messages */
	
	.modalDialog_contentDiv_error{
		border:3px solid #FFF;	
		padding:2px;
		z-index:100;/* Always needed	*/
		position:absolute;	/* Always needed	*/
		background-color:#F00;	/* White background color for the message */
		color:#FFF;
	}
	.modalDialog_contentDiv_error a{
		color:#FFF;
	}
	h1{
		margin-top:0px;
	}
/*cursor Style*/
.trailerstyle {
	position: absolute;
	visibility: visible;
	top: -50px;
	font-size: 12px;
	font-family: Arial,Helvetica,Verdana;
   	font-weight: bold;
	color: #000000;
	}
	
	/* DIALOG BOX */
			.demoHeaders { margin-top: 2em; }
			#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
			#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
			ul#icons {margin: 0; padding: 0;}
			ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
			ul#icons span.ui-icon {float: left; margin: 0 4px;}
	
	/**** GALLERY *******/
	#gallery {
		background-color: #444;
		padding: 10px;
		width: 520px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	
	
/****************************************************** ACCOMODATION FORM STYLE **************************************************************/
/* Forms
------------------------------*/

form, fieldset {
	margin: 0;
	padding: 0;
	}
	
fieldset { border: 1px solid #000; }

legend {
	padding: 0;
	color: #000;
	}

input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
	}
	
select { padding: 0; }

.sr {
	position: absolute;
	left: -9999em;
	top: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}

form.cmxform fieldset { margin-bottom: 10px; font-size:12px }
	
form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	}
	
form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	}
	
form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
	}
	
form.cmxform fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	}
	
form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}
	
form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
	
form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
	}

form.cmxform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

form.cmxform label { width: 120px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */
form.cmxform fieldset fieldset span { margin-left: 50px; }

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */

form.cmxform {
	width: 100%;
	font-size: 1.1em;
	color: #333; padding:5px;
	}
	
form.cmxform legend { padding-left: 0; }
	
form.cmxform legend,
form.cmxform label { color: #333; }

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;
	}
	
form.cmxform fieldset fieldset { background: none; }
	
form.cmxform fieldset li {
	padding: 5px 10px 7px;
	background: url(../images/cmxform-divider.gif) left bottom repeat-x;
	}