/* start google maps v3 css */

#map3{
	height: 500px;
	overflow: hidden;
}

.forum_comment_map{
	height: 500px;
	overflow: hidden;
}

#fullmap{
	height: 700px;
	overflow: hidden;
}

#map3.loading {
	background : url("https://www.bestbikingroads.com/images/map_loading_2d_225h.gif");
	background-repeat: no-repeat;
	background-position:center; 
	margin-left: auto;   
	margin-right: auto;
}

.info
{
	width: 250px;
	color: black;
}

/* end google maps v3 css */ 

BODY
{
	background-color: black;
	font-size: small;
	font-family: "trebuchet MS", verdana, arial;
	color: white;
}

#footer
{
	clear: both;
	width : 950px;
	margin-left: auto;
	margin-right: auto;	
}

p 
{
	margin: 1em 2em;
}

/* used on the form validation */
.error 
{ 
	color: #FF0000; font-weight: bold; padding-left: 20px; 
} 

.photo-thumbnail-footer
{
	background-color: #333333;
	margin: 0px 0px 10px 0px;
	padding: 10px;
}

#nav, #nav ul 
{
	float: left;
	/* w/idth: 36em; */
	list-style: none;
	line-height: 1;
	background: yellow;
	font-weight: bold;
	padding: 0;
	border: solid black;
	border-width: 1px 0;
	margin: 0 0 1em 0;
	z-index:99;

}
 
#nav a {
	display: block;
	/* w/idth: 10em; */
	color: black;
	text-decoration: none;
	padding: 0.25em 2em;
	z-index:99;
}
 
#nav li {
	float: left;
	padding: 0;
	/* w/idth: 10em; */
	z-index:99;
}
 
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width : 27em;
	/* w/idth: 14.4em; */
	/* w\idth: 13.9em; */
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
	z-index:99;
}
 
#nav li li {
	padding-right: 1em;
	/* w/idth: 13em */
 	z-index:99;
}
 
#nav li ul a {
	width: 15em;
	/* w\idth: 9em; */
	z-index:99;
	white-space:nowrap;
}
 
#nav li ul ul {
	margin: -1.75em 0 0 14em;
	z-index:99;
	width : 28em;
}
 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	z-index:99;
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	z-index:99;
}
 
#nav li:hover, #nav li.sfhover {
	background: red;
	z-index:99;
}

#text
{
	width: 500px;
	/* float: center; */
}
#signup_table
{
	/* float: center; */
}

/* start new a param added 220711 */
a{
	color: yellow;
}
/* end new a param added 220711 */

A:LINK 
{ 
  color : #FFFF00; 
}
A:VISITED
{
  color :#99FF00; 
}
A:HOVER
{
  color : #FF0000; 
}
A:ACTIVE 
{ 
  color : #666666; 
}

a img{
outline:none;
text-decoration:none;
border:none;
}

#googlebubble A:LINK
{
  color:#0000FF;
}

#leftcontent 
{
  /* position: absolute; */
  border:1px solid #000;
  /* text-align: right; */
  float: left;
  left:10px;
  width:200px;
  padding: 2px 10px 10px 10px;
  color: #cccccc;
  height: 100%;
  border-right:1px solid;
}

#leftcontent2 
{
  float: left;
  width: 200px;
  background-color: yellow;
}

#centercontent2 
{
	margin-left: 210px;
	margin-right: 230px;
	background-color: green;
}

#rightcontent2 
{
	float: right;
	width: 220px;
	background-color: red;
}

#centercontent 
{
	/* position: absolute; */
  /* float: left; */
  min-width: 150px;
  margin-left:250px;
  margin-right:25%;
  border:1px solid #000;
  voice-family: "\"}\"";
  voice-family: inherit;
}

#topborder
{
  /* border-style: solid; */
  /* border-top-width: 1px */
  /* border-top:1px solid; */
  border-top: 1px solid #f5d7b4;
}


#rightcontent 
{
	float: right;
	right:10px;
	width:20%;
	min-width: 150px;
	padding: 2px 10px 10px 20px;
	color: #cccccc;
	border-left:1px solid;
}

#rightcontent_narrow 
{
	position: absolute;
	right:5px;
	width:30%;
	padding: 2px 10px 10px 20px;
	color: #cccccc;
	background: transparent; 
	border-left:1px solid;
}

#rightcontent_wide 
{
	position: absolute;
	right:10px;
	width:40%;
	padding: 2px 10px 10px 20px;
	color: #cccccc;
	border-left:1px solid;
}


#rightcontent_25percent 
{
	position: absolute;
	right:5px;
	width:25%;
	padding: 2px 10px 10px 20px;
	color: #cccccc;
	background: transparent; 
	/* compensates for IE Win bungling */
	/* height: 75%; */
	/* border-left:1px solid #cccccc; */
	border-left:1px solid;
}

#rightcontent2 
{
  position: absolute;
  right:300px;
  width:200px;
  border:1px solid #000;
}

h1{
	font-size:1.5em;
}
h2{
	font-size:1.2em;
}

H3
{
  font-family: arial; 
  font-size: medium;
  font-weight: normal;
}

H3small
{
  font-family: arial; 
  font-size: small;
  font-weight: normal;
}

H4
{
  font-family: arial; 
  font-size: 10px;
  font-weight: normal;
}

H5
{
  font-family: arial; 
  font-size: 10px;
  font-weight: normal;
  text-align: center;
}

H6
{
  font-family: arial; 
  font-size: 10px;
  font-weight: normal;
  text-align: center;
}

#flash_message 
{ 
	text-transform:uppercase; 
	text-align:center; 
	margin: 1em 0; 
	background-color: #FFFF00; 
	color: #FF0000; 
	font-weight:bold; 
	padding: 1em; 
	border: 2px dashed #FF0000; 
}

#full_screen 
 { 
	float: right; 
	margin: 0 2em; 
	text-decoration: none; 
	border:none;
	/* border: 0 0 0 0; */
}

#full_screen img 
{ 
	border: none; 
}

#full_screen_msg 
{ 
	display:inline-block;
	padding:0 0 30px 10px;
	vertical-align:middle;
}
table td 
{
  font-family: arial; 
  font-size: 14px;
  font-weight: normal;
}

.TableSmallBold {font-family:arial;font-size: small;font-weight:bolder}
.TableSmallBoldRed {color:Red;font-family:arial;font-size: xx-small;font-weight:bolder}
.TableSmall {font-family:arial;font-size: xx-small;font-weight:normal}
.Table {font-family:arial;font-size:small;font-weight:bold}
.TableProps {padding:1%;}
.TablePropsPadded
{
  padding : 1% 1% 1% 1%;
}
.TableProps2{}

.sansa { font-family:arial}
.sansb, .sansa small b, .sansa b small, small.sansa b, small b.sansa {font-family: arial}
.serifa { font-family: arial}
small.sansa,.sansa small {font-family: arial}
big.sansb,.sansb big { font-family: arial}
.min {font-size: 10px}


#wrapper { width: 980px; text-align: left; margin: 1em auto; }

#masthead { color:#FFCC00; background-color: #000; text-align: left; padding: 1em;}

#navigation { width: 100%; display:block; clear:both; height: 56px;}
#navigation ul { margin:0; padding:0; list-style:none; }
#navigation li { background-repeat:no-repeat; float: left; }
#navigation img { border: 0; margin: 0 1em 0 0;}
#frmSearchTown p{ margin: 0 2em; }
#basic_data, #help_panel, #route_features { 
	
	border: 1px solid #ccc; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	padding: 0.5em 1em; 
	
	}
	
#help_panel { background-color: #FFFF99; margin: 0 0 1em 0;}
#stage1_reveal { font-weight:bold; color:#e60000; }
#help_panel, #stage1_reveal { display:none; }

#map_holder { 
	margin: 1em auto;
	border: solid 2px #FC0;
	width: 960px;
	height: 500px;
}

#forum_reply_map_holder { 
	margin: 1em auto;
	border: solid 2px #FC0;
	width: 960px;
	height: 500px;
}

#route_features { display:none; margin-top: 1em; }

/*

legend { text-transform: uppercase; font-weight:bold; font-size: 1.2em;}

fieldset { 
	margin: 1em; 	
	border: 2px solid #D9E3E8;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
	
*/

#frmSearchTown dt, #frmRouteInfo dt, #frmRouteFeatures dt { width: 200px; float: left; text-align:right; line-height: 2em; }
#frmSearchTown dd, #frmRouteInfo dd, #frmRouteFeatures dd { margin: 0 0 0.5em 220px; line-height: 2em; }
#frmSearchTown dd input[type="text"], #frmRouteInfo dd input[type="text"], #frmRouteFeatures dd input[type="text"] { 

	border: 1px solid #666667; 
	padding: 0.3em 0.4em; 
	background-color:#FF9;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	}
	
/* 	not all browsers observer the important statement so this is also set via the JS 
	see $(document).ready(function() { and look for $(".no_edit") */

.no_edit { background-color:#E6EEF7!important; } 

.btn_actions { width:31px; height:31px; margin: 0.2em 0.2em 0.2em 0; }

#btn_hand {
  background-image: url(http://google.com/mapfiles/ms/t/Bsu.png);

}
#btn_hand.selected {
  background-image: url(http://google.com/mapfiles/ms/t/Bsd.png);
}
 
#btn_placemark {
  background-image: url(http://google.com/mapfiles/ms/t/Bmu.png);
}
#btn_placemark.selected {
  background-image: url(http://google.com/mapfiles/ms/t/Bmd.png);
}
 
#btn_line {
  background-image: url(http://google.com/mapfiles/ms/t/Blu.png);
}
#btn_line.selected {
  background-image: url(http://google.com/mapfiles/ms/t/Bld.png);
}
 
#btn_shape {
  background-image: url(http://google.com/mapfiles/ms/t/Bpu.png);
}
#btn_shape.selected {
  background-image: url(http://google.com/mapfiles/ms/t/Bpd.png);
}

/*** Emmanuel's guy followed by superfish ***/

.DivGbl {
width: 1200px;
}

.GBLContent {
width: 950px;
}

.GBLFooter {
width: 950px;
}

.DivHeader {}

.DivContent {
width: 950px;
}

.DivFooter {}

/*************************START HEADER STYLE*************************/

.DivHeaderTop {
background-image: url(/images/Bg_HeaderTop.png);
background-repeat: repeat-x;
height: 46px;
}

.HeaderTopContent {
width: 950px;
}


.Flag {
float: left;
margin-top: 5px;
}

.EspaceMembre {
float: right;
}

.DivHeaderMiddle {
background-image: url(/images/HeaderImg_Rpt.png);
background-repeat: repeat-x;
height: 196px;
}

.HeaderImg {
background-image: url(/images/HeaderImg.png);
background-repeat: repeat-x;
background-position: center;
width: 1143px;
height: 196px;
float: left;
}

.LogoPosition {
float: left;
padding: 75px 0 0 200px;
}

.StatPosition {
float: right;
padding-top: 60px;
}

.StatPosition ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
list-style: none;
text-align: left;
}

.ValiderButton {
background-image: url(/images/Bouton_valider.png);
background-repeat: no-repeat;
background-position: top;
width: 59px;
height: 14px;
border: 0;
cursor: pointer;
}

.box_txt {
font-family: "Trebuchet MS", Arial;
color: #646464;
font-weight: normal;
font-size: 10px;
border: #0A0B0C solid 1px;
background-color: #D8D8D8;
/* background-color: #101314; too dark */
height: 12px;
padding-left: 5px;
}
/****************************END HEADER STYLE*************************/

/**************************START FOOTER STYLE*************************/

.FooterBG1 {
background-color: #151515;
height: 60px;
border-top: #2B2B2B  solid 1px;
}

.FooterBG2 {
background-color: #0A0A0A;
height: 100%;
}

.FooterPOSLeft{
float: left;
text-align: left;
padding-top: 10px;
}
.FooterPOSCenter{
float: right;
text-align: center;
margin-right: 300px;
padding-top: 10px;
}

.FooterMenu, a.FooterMenu:link, a.FooterMenu:visited, a.FooterMenu:active{
font-family: "Trebuchet MS", Arial;
font-weight: normal;
font-size: 12px;
color: #777777;
}

a.FooterMenu:hover{
font-family: "Trebuchet MS", Arial;
font-weight: normal;
font-size: 12px;
color: #d7cd2c;
}

.FooterMenu_S, a.FooterMenu_S:link, a.FooterMenu_S:visited, a.FooterMenu_S:active {
font-family: "Trebuchet MS", Arial;
font-weight: normal;
font-size: 10px;
color: #777777;
}

a.FooterMenu_S:hover {
font-family: "Trebuchet MS", Arial;
font-weight: normal;
font-size: 10px;
color: #d7cd2c;
}

.FooterSeparate {
font-family: "Trebuchet MS", Arial;
color: #d7cd2c;
padding: 0 1px;
height: 10px;
}

/***********************END FOOTER STYLE***********************/

/*************************START MENU *************************/

.DivHeaderMenu {
background-color: #171717;
height: 26px;
}

#BlocMenu {
width: 950px;
height: 46px;
float: left;
}

#BlocMenu ul {
list-style-type: none;
margin-top: 0;
margin-left: -40px;
/* margin-left: 0px; */
float:left;
}

#BlocMenu li {
float:left;
margin-right: 2px;
}

#BlocMenu li a {
float:left;   
font-family: "Century Gothic", Arial;
font-size: 12px;
color: #8e8e8e;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
background-image: url(images/BGMenu_Link.png);
background-position: top;
background-repeat: repeat-x;
height: 44px;
padding: 10px 10px 0 10px;
}

#BlocMenu li a:hover{
font-family: "Century Gothic", Arial;
font-size: 12px;
font-weight: bold;
color: #E0B22D;
text-decoration: none;
z-index:0;
float:left;
text-transform: uppercase;
background-image: url(/images/BGMenu_Hover.png);
background-position: top;
background-repeat: repeat-x;
height: 44px;
}

#BlocMenu ul li:hover ul {
display: block;
z-index: 99;
float: left;
position: absolute;
margin-left: -50px;
}

#BlocMenu ul .niveau2 {
margin-top: 40px;
list-style-type: none;
display: none;
float:left;
}

#BlocMenu .niveau2 ul li{
list-style-type: none;
float: left;
position: absolute;
}
#BlocMenu .niveau2 li a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #4c4c4c;
text-transform: uppercase;
background-image: none;
}
#BlocMenu .niveau2 li a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #E0B22D;
text-transform: uppercase;
background-image: none;
}

.HeaderBGMenuLink {
background-image: url(/images/SubMenu_BG.png);
background-repeat: repeat-x;
height: 24px;
}

/******************************END MENU *****************************/

/**************************START NORMAL TEXT**************************/

.NormalTextEM {
font-family: "Trebuchet MS", Arial;
font-size: 11px;
font-weight: normal;
/* color: #d7cd2c; too dark */
color: #D8D8D8;
}

.NormalLinkGrayS, a.NormalLinkGrayS:link, a.NormalLinkGrayS:active, a.NormalLinkGrayS:visited {
font-family: "Trebuchet MS", Arial;
font-weight: normal;
font-size: 9px;
/* color: #646464; too dark */
color: #D8D8D8;
text-decoration: none;
}

a.NormalLinkGrayS:hover {
font-family: "Trebuchet MS", Arial;
font-weight: normal;
/* color: #646464; too dark */
color: #D8D8D8;
text-decoration: underline;
}

.NormalTextYellow {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
color: #d7cd2c;
}


.NormalTextGray {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
/* color: #646464; too dark */
color: #D8D8D8;
}

.SmallTextGray {
font-family: "Trebuchet MS", Arial;
font-weight: normal;
font-size: 10px;
color: #777777;
}

.NormalTextYellow_2 {
font-family: "Trebuchet MS", Arial;
font-weight: normal;
font-size: 12px;
color: #d7cd2c;
}

.NormalTextGray_2 {
font-family: "Trebuchet MS", Arial;
font-weight: normal;
font-size: 12px;
color: #777777;
}

/***************************END NORMAL TEXT***************************/
/*** superfish ***/

/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	background-color: #171717;
	color: #d7cd2c;
	font-size: 12px;
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	/* font-family: "Trebuchet MS"; */
	/* font-family: Tahoma; */	
}
.sf-menu {
	line-height: 1.0;
	
}

.sf-menu li ul li ul {margin-left:60px}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	/* width:			100%; */
	width : 22em;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	z-index: 999; /* Ensure drop-down menus are always on top */
}
.sf-menu a {
	display:		block;
	position:		relative;
}


.sf-menu li a { color: #d7cd2c; }
.sf-menu li a:visited { color: #d7cd2c; }


.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	left:			17em;
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			17em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	left:			22em; /* match ul width */
	top:			-999em;
}

.sf-menu ul li li li{
	/* width:			100%; */
	width : 22em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			17em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	/* border-left:	1px solid #fff; */
	/* border-top:		1px solid #CFDEFF; */
	border:		1px solid #CFDEFF;
	padding: 		.5em 0.75em;
	text-decoration:none;
	color: #d7cd2c;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	#color:			#13a;
}
.sf-menu li {
	#background:		#BDD2FF;
}
.sf-menu li li {
	#background:		#AABDE6;
}
.sf-menu li li li {
	#background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	#background:		#CFDEFF;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
 /*** image hover js piece ***/
 
pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}

img{border:none;}
ul,li{
	margin:0;
	padding:0;
}
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
	
/* 22/07/11 completely new css classes here, for new route detail page and everything after . . . */


ul.nobullets { 
	list-style-type: none; 
	padding-left: 0px;
	margin : 0px;
	line-height: 1.4em;
}

#fullwidth{
	width : 100%;
	height : 100%;
	margin-left: auto;
	margin-right: auto;	
}
#allcontent{
	width : 950px;
	margin-left: auto;
	margin-right: auto;	
}
#onedaypromo{
	width : 950px;
	background-color: #333333;
	margin-left: auto;
	margin-right: auto;	
	padding: 5px;
}

.titleblock{
	background-color: #333333;
	margin: 0px 0px 10px 0px;
	padding: 5px;
}

.linksheadingblock{
	background-color: #333333;
	margin: 0px 0px 10px 0px;
	padding: 10px;
}

#usertitleblock{
	background-color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	
}

.forumthreadblock{
	background-color: #333333;
	margin: 0px 0px 10px 0px;
	/* padding: 5px; */
}

.forumthreadcontent{
	background-color: #333333;
	margin: 0px 0px 10px 0px;
	padding: 5px;
}
.forumthreadactivitypanel{
	background-color: #333333;
	border-top: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	float: right;
	width: 150px; 
}

.forumthreadtitlepanel{
	background-color: #333333;
	/* margin-right: 100px; */
	/* padding: 5px; */
}

#deleteblock{
	background-color: #333333;
	margin: 0px 0px 10px 0px;
	padding: 5px;
}

#deleteblock_950{
	width : 950px;
	background-color: #333333;
	margin: 0px 0px 10px 0px;
	padding: 5px;
}

.reviewholder{
	background-color: #333333;
	margin : 0px 0px 10px 0px; /* a 10px bottom margin to separate the containers */	
	overflow: hidden; /* stops a mysterious margin appearing a the top of the container */
	padding: 10px;
}

.userdetailsholder{
	background-color: #333333;
	margin : 10px 0px 0px 0px; /* a 10px bottom margin to separate the containers */	
	overflow: hidden; /* stops a mysterious margin appearing a the top of the container */
	padding: 10px;
}

.textcontent{
	background-color: #333333;
	padding-right: 5px;
	line-height: 1.4em;
	margin-right: 100px;
	overflow: hidden; /* stops a mysterious margin appearing a the top of the container */
}
.usersummary{
	background-color: #333333;
	width: 100px; 
	float : right;
	overflow: hidden; /* stops a mysterious margin appearing a the top of the container */
}

.threadUser{
	width: 150px;
}

.forumCommentImage{
left : 150px;
}

.forumCommentContentPane{
	left : 150px;
}

.forumtextcontent{
	float: right;
	/* border : 1px solid white; */
	margin-left: 110px;
	background-color: #666666;
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-right: 5px;
	width : 810px;
}
.forumdeletethread{
	background-color: #333333;
	float: right;
	padding: 10px;
	overflow: hidden; /* stops a mysterious margin appearing a the top of the container */
}
.forumusersummary{
	background-color: #333333;
	width: 100px;
	margin-right: 100px;
	overflow: hidden; /* stops a mysterious margin appearing a the top of the container */
}
.forumreviewholder{
	background-color: #333333;
	margin : 0px 0px 10px 0px; /* a 10px bottom margin to separate the containers */	
	overflow: hidden; /* stops a mysterious margin appearing a the top of the container */
	padding: 10px;
}

#pikaholder{
	background-color: #333333;
	overflow: hidden;
	margin : 10px 0px 10px 0px; /* a 10px bottom margin to separate the containers */	
	padding : 15px 0px 0px 0px; /* a 15px top padding to balance the look of the component */	
}

		
.films{
	background-color: #333333;	
	padding : 5px; /*to make movie look centred in box */
	margin : 0px 0px 10px 0px; /* a 10px bottom margin to separate the containers */
}		


.buttonsholder{
	background-color: #333333;	
	margin : 5px 0px 5px 0px;
	padding : 5px;
	overflow: hidden;	
	font-size: 1.4em;
	align: center;				
}

.googleadshallow{
	background-color: #333333;	
	margin : 5px 0px 5px 0px;
	padding : 5px 5px 10px 5px;
	overflow: hidden;	
	font-size: 1.4em;
	align: center;
	width : 630px;
}


#addfilms{
	/* background-color: yellow ;*/
	color:  #333333;
	float: right;
	width : 275px;	
	margin : 0px;
	padding : 15px;
	overflow: hidden;
	font-size:1.5em;
	text-align:center;	
}

#addphotos{
	margin-right: 275px;
	/* background-color: yellow; */
	color:  #333333;
	margin : 0px; 
	padding : 15px;
	overflow: hidden;	
	font-size:1.5em;
	text-align:center;			
}

#donatebutton{
	/* background-color: yellow; */
	/* color:  #333333; */
	/* float: right; */
	/* width : 275px; */
	/* margin : 10px 0px 10px 5px; */ /* left margin only so that buttons appear separated */
	position: relative;
	padding : 5px;
	overflow: hidden;
	font-size:1.0em;
	text-align:center;	
}	

#addreviewbutton{
	margin-right: 275px;
	background-color: yellow;
	color:  #333333;
	margin : 10px 5px 10px 0px; /* right margin only so that buttons appear separated */
	padding : 15px;
	overflow: hidden;	
	font-size:1.5em;
	text-align:center;			
}

.googleads{
	background-color: #333333;	
	padding : 5px; /*to make movie look centred in box */
	margin : 0px 0px 10px 0px; /* a 10px bottom margin to separate the containers */
}

.fb-like-block{
	background-color: #333333;	
	padding : 5px; /*to make movie look centred in box */
	margin : 0px 0px 10px 0px; /* a 10px bottom margin to separate the containers */
}

.fb-activity-block{
	background-color: #333333;	
	padding : 5px; /*to make movie look centred in box */
	margin : 0px 0px 10px 0px; /* a 10px bottom margin to separate the containers */
	height : 400px;
}


.googleads2{
	background-color: #333333;	
	padding : 5px; /*to make movie look centred in box */
	margin : 0px 0px 0px 0px; /* a 10px bottom margin to separate the containers */
}


.arearoutesummary{
	background-color: #333333;	
	padding : 5px; /*to make movie look centred in box */
	margin : 10px 0px 0px 0px; /* a 10px top margin to separate the containers */
}


#routesummaryholder{
	background-color: black;			
	width: 310px;
}
		
#ratingsgraphics{
	float: right;
	width : 125px;
	background-color: #333333;	
	padding : 2px;
	margin : 0px 0px 10px 0px; /* a 10px bottom margin to separate the containers */			
}

#ratingslabels{
	margin-right: 175px;
	background-color: #333333;	
	padding : 2px 2px 2px 30px;
	margin : 0px 0px 10px 0px; /* a 10px bottom margin to separate the containers */
}

.forum_create_thread_container{
	background-color: #333333;
}

.forum_create_reply_container{
	background-color: #333333;
}

.forum_create_thread_container table{
	padding: 10px;
}

.forum_create_thread_container th{
	text-align: right;
	vertical-align: top;
	padding-right: 10px;
	padding-top: 2px;
}

.forum_create_thread_container td{
	vertical-align: top;
	padding-bottom: 15;
}

.routedetailnearbyroutescontent{
	background-color: #333333;
	line-height: 1.2em;
	margin : 0px 0px 10px 0px; /* a 10px bottom margin to separate the containers */
	padding: 5px 25px 1px 25px;
	overflow: hidden; /* stops a mysterious margin appearing a the top of the container */
	height : 160px;
}


.homepageadblocks{
	font-size: x-small;
	background-color: #333333;
	line-height: 1.2em;
	margin : 0px 0px 10px 0px; /* a 10px bottom margin to separate the containers */
	padding: 5px;
	overflow: hidden; /* stops a mysterious margin appearing a the top of the container */
}

.innerpageadblocks{
	font-size: small;
	background-color: #333333;
	line-height: 1.2em;
	margin : 0px 0px 10px 0px; /* a 10px bottom margin to separate the containers */
	padding: 5px;
	overflow: hidden; /* stops a mysterious margin appearing a the top of the container */
}

.adblockforcontinent{
	background-color: #333333;
	line-height: 1.2em;
	margin : 0px 0px 10px 0px; /* a 10px bottom margin to separate the containers */
	padding: 5px;
	overflow: hidden; /* stops a mysterious margin appearing a the top of the container */
}

.adblockforhotelspage{
	background-color: #333333;
	line-height: 1.2em;
	margin : 0px 0px 10px 0px; /* a 10px bottom margin to separate the containers */
	padding: 5px;
	overflow: hidden; /* stops a mysterious margin appearing a the top of the container */
}

.useravatarblock{
	background-color: #333333;
	line-height: 1.2em;
	margin : 10px 0px 0px 0px; /* a 10px bottom margin to separate the containers */
	padding: 5px;
	overflow: hidden; /* stops a mysterious margin appearing a the top of the container */
}

.adblockforsearch{
	background-color: #333333;
	line-height: 1.2em;
	margin : 0px 0px 10px 0px; /* a 10px bottom margin to separate the containers */
	padding: 5px;
	overflow: hidden; /* stops a mysterious margin appearing a the top of the container */
}


.widegoogleadblock{
	background-color: #333333;
	margin: 0px 0px 10px 0px;
	padding: 10px;
}

.routedetailsummary{
	background-color: #333333;
	padding : 1px 25px 1px 25px;
	margin : 0px 0px 10px 0px; /* a 10px bottom margin to separate the containers */
}

#mapframe{
	/*holds the map object */
	background-color: #333333;
	margin : 0px;
	overflow: hidden;
}

.euflashmapframe{
	/*holds the map object */
	background-color: #333333;
	margin : 0px;
	overflow: hidden;
	width: 400px;
	line-height: 1;
	z-index:-99;
}


.usflashmapframe{
	/*holds the map object */
	background-color: #333333;
	margin : 0px;
	overflow: hidden;
	width: 400px;
	line-height: 1;
	margin-bottom: 5px;
	z-index:-99;
}

.advertisewithus{
	font-size: x-small;
	background-color: #333333;	
	padding : 5px; /*to make movie look centred in box */
	margin : 0px 0px 10px 0px; /* a 10px bottom margin to separate the containers */
}

#map{
	height: 500px;
	overflow: hidden;
}

#map_andy{
	width: 950px;
	height: 500px;
	overflow: hidden;
}


#overallrating{
	/* align : center; */
	border-top : 1px 1px 1px 0px solid #C0C0C0;
	border-right : 1px 1px 1px 0px solid #C0C0C0;
	border-left : 1px 1px 1px 0px solid #C0C0C0;
	padding: 5px 25px 5px 25px;
	background-color: #333333;	
	margin : 0px; 
}

.awesome, .awesome:visited 
{
	background-color: yellow;	
	/* display: inline-block; */ 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
.yellow.awesome:hover{ 
	background-color: #fc9200; 
}
.yellow.awesome, .yellow.awesome:visited{ 
	background-color: #ffb515;
}
.button{
	color: black;
	width: 100px;
}
.button:hover{
	background-color: #fc9200; 
}
.firstbutton{
	float: left;
	margin : 1px;
}
.secondbutton{
	float : left;
	left : 75px;
	margin : 1px;
}		
.thirdbutton{
	float : left;
	left : 150px;
	margin : 1px;
}		
.fourthbutton{
	float : left;
	left : 225px;
	margin : 1px;
}		
.fifthbutton{
	float : left;
	left : 400px;
	width : 245px;
	margin : 1px;
	overflow: hidden;
}

.leftsidebar{
	width: 630px;
	background-color: black;	
	overflow: hidden; /* stops a mysterious margin appearing a the top of the container */
}

.eucontinentroutesleftsidebar{
	width: 630px;
	background-color: black;	
	overflow: hidden; /* stops a mysterious margin appearing a the top of the container */
}

/*
.eucontinentsholderframe{
	background-color: black;
	float : right;
	width : 210px;
	padding: 0px;
}*/

.uscontinentsholderframe{
	background-color: black;
	float : right;
	width : 230px;
	padding: 0px;
}

.eucontinentslistframe{
	background-color: #333333;
	float : right;
	width : 210px;
	padding: 5px;
}


.uscontflashmapcontainer{
	background-color: black;
}

.uscontinentslistframe{
	background-color: #333333;
	float : right;
	width : 215px;
	padding: 5px;
	margin-bottom: 5px;
}

.uscontgoogleadscontainer{
	background-color: black;	
}

.uscontinentroutesleftsidebar{
	width: 630px;
	background-color: black;	
	overflow: hidden; /* stops a mysterious margin appearing a the top of the container */
}
		
.rentalsidebar{
	background-color: black;			
	width: 310px;
	float: left;
}		
.rightsidebar{
	background-color: black;			
	width: 310px;
	float: right;
}

/* Start Newsreel CSS */
#newstitleblock{
	background-color: black;
	margin: 0px 0px 5px 0px;
	padding: 5px;
}

.newsreelcontainer{
	background-color: black;
	clear: both;
	width : 950px;
	margin-left: auto;
	margin-right: auto;	
}

.newsreelblock1{
	background-color: #333333;
	padding : 5px;
	width: 142px;
	float: right;
	margin : 0px 5px 0px 0px;
}

.newsreelblock2{
	background-color: #333333;
	padding : 5px;
	width: 142px;
	float: right;
	margin : 0px 5px 0px 0px;
}

.newsreelblock3{
	background-color: #333333;
	padding : 5px;
	width: 142px;
	float: right;
	margin : 0px 5px 0px 0px;
}

.newsreelblock4{
	background-color: #333333;
	padding : 5px;
	width: 142px;
	float: right;
	margin : 0px 5px 0px 0px;
}
.newsreelblock5{
	background-color: #333333;
	padding : 5px;
	width: 142px;
	float: right;
	margin : 0px 5px 0px 0px;
}
.newsreelblock6{
	background-color: #333333;
	padding : 5px;
	width: 142px;
	float: right;
	margin : 0px 5px 0px 0px;
} 
/* End Newsreel CSS */