body {font-size:80%; background-color:#FFF; text-align:center; font-family:Tahoma, sans serif; background-image:url(/images/header_bg.gif); background-repeat:repeat-x; color:#0066cc;}
div, span, p, ul, li, dl, dt, dd, a, form, h1, h2, h3, h4   {text-align:left;}
body, form, ul, img {padding:0;margin:0;}
h1 {display:inline; font-size:1.2em; margin:0; padding:0; color:#00346c}

ul {list-style-type:none;}
img {border:0;}
input.field, select.field, textarea.field  {border:solid 1px #7f9db9; width:207px;}

input.submitButton, a.submitButton  {background-color:#00418b; border:solid 1px #002146; border-width:0 1px 1px 0; color:#FFF; text-decoration:none;}
input.submitButton.search	{background-color:#ffd633; color:#00346c;}


.fl     {float:left;}
.fr     {float:right;}
.cb    	{clear:both;}

/*
* 
*/
div.heading	{
	color:#FFF;
	font-size:1.1em; 
	font-weight:bold; 
	background-color:#0066CC; 
	background-image:url(/images/heading_off.gif); 
	background-repeat:repeat-x; 
	margin:0 0 7px 0;
}
div.heading div.title	{
	padding:2px 0 3px 4px;
	cursor:pointer;
}
div.heading input	{
	border:solid 0;
	background-image:url(/images/questionMark.gif);
	background-repeat:no-repeat;
	cursor:help;
	width:21px;
	height:21px;
}

div.heading.selected	{
	color:#003366;
	background-color:#ffcc00; 
	background-image:url(/images/heading_on.gif);
}
div.heading.selected input	{
	background-image:url(/images/questionMark_selected.gif);
}

/*
* 
*/


#page                   {width:900px; margin:0 auto;}
#header                {height:67px; background-color: #284482; background-image:url(/images/header_bg.gif); background-repeat:repeat-x;}
#header img.logo  {float:left}
#header form   {float:right; margin:30px 10px 0 0;}

#loginRegister            {position:absolute; top:0; left:0; z-index:1000; display:none; width:228px; padding:0 0 2px 0;  background-image:url(/images/login_border_bottom.gif); background-repeat:no-repeat; background-position:left bottom;
 opacity:0;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
 -moz-opacity:0;
}
#loginRegisterContent {background-image:url(/images/login_bg.gif); background-repeat:repeat-y;}
#loginRegisterContentForm form   {padding:10px; }
#loginRegisterContentForm dl, #loginRegisterContentForm dt, #loginRegisterContentForm dd   {margin:0; padding:0; background-color:#e5ecf3;}
#loginRegisterContentForm dd	{ overflow:auto;}
#loginRegisterContentForm a, #loginRegisterContentForm label {color:#002146; font-size:0.9em;}
#loginRegisterContentForm input.field  {border:solid 1px #7f9db9; width:206px;}
#loginRegisterContentForm input.submitButton  {float:right; margin:5px 0 5px 5px; font-size:0.9em;}
#loginRegisterContentForm p   {margin:0; padding:0px;}



#navigation   { padding:4px 18px 4px 18px;}
#navigation ul    {font-size:1em;}
#navigation li {display:inline; float:left; color:#FFF; margin:0 5px 0 0}
#navigation li.end {float:right; margin:0;}
#navigation a {text-decoration:none; color:#FFF;}
#navigation a:hover   {text-decoration:underline;}

#content       {margin:15px 0 0 0; padding:0px 18px 30px 18px;}


#sidebarLoading, #displayPaneLoading {position:absolute; display:block; background-color:white;background-image:url(/images/beachball_spin_loading.gif); background-repeat:no-repeat; background-position:center center; margin:1px 6px 6px 1px; z-index:100;}
#sidebarLoading {width:260px; height:531px;}
#displayPaneLoading {width:578px; height:507px;margin:25px 0 0 1px;}


#sidebarShadow    {width:277px; height:538px; background-image:url(/images/sidebar_shadow.gif); background-repeat:no-repeat;  float:left; z-index:inherit;}
#sidebarContent    {position:absolute; width:260px; height:531px; margin:1px 6px 6px 1px; font-size:0.9em; z-index:inherit; overflow:auto;}
#sidebarContent	h1 {padding:6px 0 0 10px;}
#sidebarContent a {color:#ed7412; font-size:inherit;}
#sidebarContent a.submitButton  {padding:2px 5px 2px 5px; color:#fff; font-size:inherit;}

#sidebarContent ul {padding:5px; margin:0 0 10px 0; font-size:inherit;}
#sidebarContent p  {padding:0 0 5px 5px; margin:0; font-size:inherit;}
#sidebarContent dl {margin:0 0 5px 5px;}
#sidebarContent dt, #sidebarContent dd {margin:0; padding:0;}
#sidebarContent dd {margin:0 0 10px 0;}
#sidebarContent label {color:#002146; font-size:1em; font-weight:bold;}
#sidebarContent .field    {width:248px}
#sidebarContent input.submitButton,#sidebarContent a.submitButton  {float:right; margin:5px 5px 5px 0;}
#sidebarContent iframe { border:0px solid black; width:260px; height:250px}

#sidebarContent div.intro	{padding:6px 0 15px 0}
#sidebarContent ul#breadcrumb {margin:0 0 10px 10px; padding:0;}
#sidebarContent ul#breadcrumb li {display:inline; float:left; color:#dba000;}
#sidebarContent ul#breadcrumb a {color:#ed7412; text-decoration:underline;}

#sidebarContent div.intro div.image	{margin:0 0 0 20px; float:left;}
#sidebarContent div.intro div.beachRating	{
	margin:0 0 20px 10px;
	padding:2px 4px 2px 0px;
	background-color:#d6e7f7;
	text-align:left;
	width:100px;
}
#sidebarContent div.intro div.beachRating dt	{padding:0 0 0 1px}
#sidebarContent div.intro div.beachRating ul	{margin:0; padding:0;}
#sidebarContent div.intro div.beachRating li	{display:inline; float:left;}

#sidebarContent	div.beenthere	{
	cursor:pointer; 
	background-color:#00418b; 
	border:solid 1px #00418b; 
	border-right:#002146; 
	border-bottom:#002146;
	margin:0 0 20px 10px;
	width:100px;
	text-align:center;
}
#sidebarContent	div.beenthere input	{float:right;}
#sidebarContent	div.beenthere label	{float:left; color:#FFFFFF; font-size:inherit; font-weight:normal; padding:2px 0 0 5px;}

input.beenThereQuestionMark			{float:right; background-image:url(/images/questionMark.gif); background-repeat:no-repeat; border:0;}
input.beenThereQuestionMarkSelected	{float:right; background-image:url(/images/questionMark_selected.gif); background-repeat:no-repeat; border:0;}

#sidebarContent .earthlink, #sidebarContent .maplink	{
	padding:0 0 0 20px;
	background-image:url(/images/icon_map_link_show_earth.gif);
	background-repeat:no-repeat;
}
#sidebarContent .maplink	{
	background-image:url(/images/icon_map_link_show_map.gif);
	margin:0 0 5px 0;
}



#displayPaneShadow        {width:585px; height:538px; background-image:url(/images/displayPane_shadow2.gif); background-repeat:no-repeat;  float:left;}

#displayPaneTab        {position:absolute; height:21px;}
#displayPaneTab li       {display:inline; background-image:url(/images/heading_off.gif); background-repeat:repeat-x; margin:0 1px 0 0; color:white; font-weight:bold; height:inherit; padding:0 8px 4px 8px;}
#displayPaneTab li.selected     {background-image:url(/images/heading_on.gif); background-repeat:repeat-x; color:#003366; padding:0 16px 4px 16px;}
#displayPaneTab li a      		{color:white; text-decoration:none}
#displayPaneTab li.selected a    {color:#003366;}

#displayPaneContent        {position:absolute; width:578px; height:507px; margin:25px 6px 6px 1px; z-index:9; overflow:auto}
#displayPaneContent a {color:#ed7412; font-size:inherit;}

#displayPaneShadow div#displayPaneMap  {position:absolute; width:578px; height:507px; margin:25px 6px 6px 1px; z-index:10;}
#displayPaneShadow div#displayPaneMap div   {text-align:center;}
#displayPaneShadow div#displayPaneMap table.infowindow	{width:300px; color:#0066cc; border:1px}
#displayPaneShadow div#displayPaneMap table.infowindow, #displayPaneShadow div#displayPaneMap table.infowindow div   {text-align:left;}
#displayPaneMap span.infowindowtitle	{padding:0; margin:0; color:#002146; font-size:inherit; font-weight:bold;}
.infowindowhelp	{padding:0; margin:0; color:#002146; font-size:inherit; float: left; width:200px;}
#displayPaneMap span.photoCaption font {font-size:inherit;}
#displayPaneContent a.submitButton  {float:right; color:white; margin:5px 5px 5px 0; font-size:inherit;padding:2px 5px 2px 5px;}

#displayPaneContent ul {padding:5px; font-size:inherit;}
#displayPaneContent p  {padding:0 0 5px 5px; margin:0; font-size:inherit;}
#displayPaneContent dl {margin:0 0 5px 5px;}
#displayPaneContent dt, #sidebarContent dd {margin:0; padding:0;}
#displayPaneContent dd {margin:0 0 10px 0;}
#displayPaneContent label {color:#002146; font-size:1em; font-weight:bold;}
#displayPaneContent .field    {width:248px}

#footer		{padding:20px}
#footer li	{display:inline; font-size:0.9em}

#addReviewForm   { display:block; background-color:#fefaf1; border: solid 1px #cccccc; padding:5px;}

.ratingMessage	{display:none; width:140px; float:left;}
.averageRatingContainer	{float:left;}
 
ul.userRating	{float:left; padding:1px 5px 1px 1px;}
ul.userRating, ul.userRating li, ul.averageRating, ul.averageRating li   {display:inline;}
ul.averageRating{width:140px;}
ul.userRating	{padding:1px;}

ul.tagCloud li {display:inline; margin: 0 5px 0 0;}

/* marko did this bit probably need to change :-) */
.home {padding:10px; font-size:1.1em;}
.home h2 {margin:0 0 5px 0; padding:0; color:#284482;}
.home dt {font-weight:bold; color:#284482; display:inline;}
.home dd {display:inline;}
.home ul {margin:0; padding:0;}
.home #beachoftheday {padding-top:0px; font-size:0.9em;}
.photoCaption {font-size:0.8em;}

#faq {padding:10px}
#faq h2	{font-size:1.2em; margin:0 0 10px 0; padding:0; color:#00346c;}
#faq dt {font-weight:bold;}
#faq #splashphoto {padding:10px;}

#browseCountries	{}

.hreviews hr	{
	color:#d6e7f7;
	height:1px;
	background-color:#d6e7f7;
	border:0;
}

.hreview blockquote	{
	display:inline; 
	margin:0; 
	padding:0;
}
.hreview div.starRating	{
	float:left;
}



/*box clearing patch fix*/
.box:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .box {height: 1%;}
/* End hide from IE-mac */

#logInfoDivId		{background-color:gray; color:black; border:solid 1px black; position:absolute; left:0; top:0; overflow:auto; width:200px; height:300px}
#logInfoDivId div	{border:solid 0px black; border-bottom:1px;}