/**************************************************************************
							HEADER NAVIGATION
**************************************************************************/
div#headerContainer{
	border-bottom:1px solid #f90;
	padding-left:20px;
	padding-right:10px;
	text-align:left;
	height:100px;}

div#headerContainer div#user_details{
	text-align:right;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
}

div#headerContainer a img{
	clear:both;
	border-style:none;
	float:left;
}

div#headerContainer .search img
{
	clear:none;
	float:left;
	margin-right:10px;
	padding-top:6px;
	margin-bottom:20px;
}
div#headerContainer .search{
	float:right;
	margin:35px 0px 0px 0px;
}


/**************************************************************************
							MAIN NAVIGATION
**************************************************************************/
div#contentContainer{
	min-width:1024px;
}
div#mainNavContainer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	clear:both;
	float:left;
	margin:20px 15px 10px 0px;
	text-align:right;
	width:120px;
	
}



div#mainNavContainer ul{
	list-style-type:none;
	padding:0px;
	margin:0px;	
}

div#mainNavContainer ul li.first_item{
	margin-top:0px;
}

div#mainNavContainer ul li{
	margin:0px 0px 20px 0px;
	padding:0px;

}

div#mainNavContainer ul li a
{
	display:block;
	padding-right:5px;
	border-bottom:1px solid #fff;
	border-right:5px solid #fff;
	margin:0px;
}
div#mainNavContainer ul li#selected_module a{
	border-bottom:1px solid #f90;
	border-right:5px solid #f90;
}

div#mainNavContainer ul li a{
	font-weight:bold;
}
div#mainNavContainer ul li a:link,div#mainNavContainer ul li a:visited{
	color:#999;
	text-decoration:none;
}
div#mainNavContainer ul li#selected_module a:link,
div#mainNavContainer ul li#selected_module a:visited{
	color:#000;

}

div#mainNavContainer ul li a:hover{
	text-decoration:none;
	color:#333;
}
div#mainNavContainer ul li ul#submenu
{
	margin-bottom:20px;
}
div#mainNavContainer ul#submenu li
{
	margin:0px;
	border:1px solid #fff;

	
}
div#mainNavContainer  ul#submenu li a{
	border:0px none #fff;
	font-weight:normal;
	font-size:0.8em;
	padding-right:10px;
	margin:0px;
}
div#mainNavContainer ul#submenu li a:link,
div#mainNavContainer ul#submenu li a:visited{
	color:#999;
}


/**********************************************************
					COMMON STYLES
**********************************************************/
div#mainContentContainer{

	min-width:700px;
	/*width:64%;*/
	
	padding-top:10px;
	min-height:500px;
	_height:475px;
	margin-left:140px;
	margin-right:180px;
}

div#mainContentContainer form#changeTown, 
div#mainContentContainer #cycle_links{
	width:100%;
	padding:3px 5px;
	text-align:right;
	display:block;
	border:1px solid #ccc;
	margin:0px;
	background-image:url(../images/bg_banner.jpg);
	background-repeat:repeat-x;
	background-color:#ccc;
}


div#mainContentContainer #cycle_links a{
	font-weight:bold;
	text-decoration:none;
}

div#mainContentContainer form#changeTown label{
	padding-top:3px;
}

div#mainContentContainer form#changeTown label, div#mainContentContainer form#changeTown select,
div#mainContentContainer form#changeTown input{
	margin:0px;
	height:auto;
}

div#mainContentContainer form#changeTown select{
	margin-right:5px;
}

div#mainContainer form textarea{
	height:150px;
	overflow:auto;
	width:200px;
}

div#user_container{
	width: 100%;
	margin-right:150px;
	float:left;
	/*clear:both;*/
}

div#mainContentContainer div#feedbackContainer{
	border-style:none;
}


div#mainContentContainer div{
	border:1px solid #f90;
	padding:5px;
	margin:6px 0px;
}


div#mainContentContainer div.no_border{
	border:1px solid #fff;
	

}

div#mainContentContainer div div{
	border-style:none;
}



form#changeTown label{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.8em;
	text-align:left !important;
	color:#666;
}


form#changeTown div.options_holder{
	float:right;
	text-align:right;
	width:400px;

}
form#changeTown select{
	display:inline;
	margin:none;
	float:none;
}

form#changeTown input{
	display:inline;	
}

div#mainContentContainer div#home_main_container,
div#mainContentContainer div#town_info_main_container{
	width:80%;
	float:left;
	height:auto;
	overflow:hidden;
	clear:none;
}

div#mainContentContainer div#town_info_main_container{
	height:500px;
}

div#mainContentContainer div#home_main_container ol{
	height:434px;
	overflow:auto;
	margin-bottom:0px;
	list-style-type:decimal;
	list-style-position:outside;
	padding-left:40px;
	margin-left:0px;

}

div#mainContentContainer div.user_home{
	height:300px !important;
}


div#mainContentContainer div#secondary_list{
	/*width:25%;*/
	width:16%;
	float:right;
	clear:none;
	margin-right:0px !important;
	background-color:#fec;
	height:500px;
	overflow:auto;
	scrollbar-face-color:#fec;
	scrollbar-arrow-color:#f90;
	scrollbar-track-color:#fec;
	scrollbar-shadow-color:#fec;
	scrollbar-highlight-color:#fec;
	scrollbar-3dlight-color:#fec;
	scrollbar-darkshadow-Color:#fec;
	
}

div#mainContentContainer  div.header_details{
	border:1px solid #ccc;
	padding:0px;
	
	margin:0px;
	margin-bottom:10px;
	width:100%;
	
}

div#mainContentContainer  div.header_details div.object_data{
	margin:0px;
	border-bottom:1px solid #ccc;
	background-image:url(../images/bg_banner.jpg);
	background-repeat:repeat-x;
	height:18px;
	overflow:hidden;
}
div#mainContentContainer  div.header_details div.object_data label{
	font-weight:bold;
	display:block;
	float:left;
	margin:0px 5px 0px 0px;
	border-bottom:1px solid #00f;

}

div#mainContentContainer  div.header_details div.object_data span.field,
div#mainContentContainer  div#map_page_data div.display_field_container span.field
{
	font-weight:bold;
	display:block;
	float:left;
	width:120px;
	padding:0px;
}

div#mainContentContainer  div#map_page_data div.display_field_container span.field{
	width:200px;
	overflow:visible;
}


div#mainContentContainer  div.header_details div.object_data span.view_count,
div#mainContentContainer  div#map_page_data div.display_field_container span.view_count
{
	width:50px;
}
div#mainContentContainer  div.header_details div.object_data span.rating,
div#mainContentContainer div.display_field_container span.rating
{
	width:170px;
	
}


div#mainContentContainer  div.header_details div.object_description{
	border-bottom:1px solid #ccc;
}
div#mainContentContainer  div.header_details div.object_data,
div#mainContentContainer  div.header_details div.object_description p{
	margin:0px;
	padding:4px;
}

div#mainContentContainer  div.header_details div.your_rating{
	padding-top:0px;
	padding-bottom:0px;
	
}

/**********************************************************
				HOME PAGE / TOWN STYLES
**********************************************************/
div h2, div h3{
	margin-top:0px;
}

div#mainContentContainer div.comments{
	clear:both;
}

div#mainContentContainer div.comments ul{
	list-style-type:none;

}

div#mainContentContainer div.news ul li, div#mainContentContainer div.comments ul li{
	padding-bottom:10px;
}

div#mainContentContainer div.news ul li p, div#mainContentContainer div.comments p{
	margin:2px 0px;
}

div#mainContentContainer div.comments p.author{
	font-style:italic;
	font-weight:bold;
}

div#mainContentContainer ul li, div#mainContentContainer ol li{
	margin-bottom:5px;
}

div#featured_town{
	padding:5px;
	width:60%;
	height:300px;
	overflow:auto;
	float:left;
	border:1px solid #f90;
	background-color:#FEC;
	scrollbar-face-color:#fec;
	scrollbar-arrow-color:#f90;
	scrollbar-track-color:#fec;
	scrollbar-shadow-color:#fec;
	scrollbar-highlight-color:#fec;
	scrollbar-3dlight-color:#fec;
	scrollbar-darkshadow-Color:#fec;
}
/*div#featured_town p{
	/*clear:both;
}*/
div#featured_town .popular_venues{
	width:40%;
	margin-right:5%;
	float:left;
}

div#featured_town .popular_crawls
{
	width:40%;
	float:left;
}

div#featured_town ol{
	margin-bottom:0px;
}

div#most_recent{
	width:35%;
	height:300px;
	overflow:auto;
	border:1px solid #f90;
	display:block;
	float:right;
	padding:5px;
}

div#mainContentContainer  div.object_data label{
	padding:0px;
}
div#mainContentContainer  div.object_data span.field{
	padding-top:1px !important;
}
div#mainContentContainer  div.object_data .rating{

}


div#mainContentContainer ol.town_rankings li{
	margin-bottom:5px;
	padding-bottom:3px;
	border-bottom:1px solid #ccc;
	
}

div#mainContentContainer div#clear_map
{
	margin-top:0px;
	border:1px solid #f90;
	background-color:#fec;
	padding:5px;
	height:400px;
	margin-bottom:10px;
	width:500px;
	overflow:hidden;
	clear:left;
	
}

div#mainContentContainer div#clear_map div{
	width:40%;
	float:left;
	margin-right:5%;
}
/*********************************************************************
							VENUES STYLES
**********************************************************************/
div#secondary_list ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

div#secondary_list ul li{
	padding:0px;
	margin:0px 0px 7px 0px;
}

div#secondary_list ul li p{
	margin:0px;
	padding:0px;
}

div#secondary_list li a{
	font-weight:bold;
}

li a:link

{
	text-decoration:none;
	color:#000;
}

div#mainContentContainer ul li a.blue:link, div#mainContentContainer ul li a.blue:visited{
	text-decoration:underline;
	color:#00f !important;
}

div#mainContentContainer ul li a.blue:hover{
	text-decoration:underline;
	color:#f90 !important;
}

div#comments li a:link{
	color:#00f;
	text-decoration:underline;
}

div#secondary_list li h4 a:link, 
div#secondary_list li h4 a:visited
{
	color:#00F;
	text-decoration:underline;
}
 


div#secondary_list li a:hover,
div#secondary_list li h4 a:hover
{
	text-decoration:underline;
	color:#f90;
}

div#mainContentContainer form.browse_form{
	width:450px;
	margin-bottom:30px;
}

div#mainContentContainer form.browse_form label{
	text-align:left;
	margin-right:10px;
}

div.categories{
	height:200px;
	overflow:auto;
}


div#mainContentContainer #map_container{
	width:300px;
	float:right;
	border-style:none;
	padding:0px;
	margin:0px;
}
div#mainContentContainer #map{
	width:300px;
	height:225px;
	border:1px solid #f90;
	margin:0px;
	padding:0px;
	overflow:hidden;
	background-color:#fec;
}

div#mainContentContainer .mini_map{
	width:150px !important;
	height:112px !important;
	float:right;
	margin-left:10px !important;
}


div#mainContainer div#selected_object{
	width:100%;
	padding-top:2px;
}

div#mainContentContainer  div#map_links{

	margin:0px;
	position:relative;
	top:-1px;
	background-color:#fec;
	padding:5px;
	width:290px;
	border:1px solid #f90;
}
div#mainContentContainer  div#map_links ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}


div#mainContentContainer  div#map_links a{
	text-decoration:none;
	font-weight:bold;
}

div#mainContentContainer  div#map_links a img{
	margin-right:5px;
}

div#mainContentContainer #map div{
	margin:0px;
	padding:0px;
}

div#mainContentContainer #map_page_data{
	width:400px;
	border-style:none;
}

div#mainContentContainer #map .tooltip{
	border:2px solid #f90;
	background-color:#fff;
	font-weight:bold;
	padding:2px 1px;
}

div#mainContentContainer div.view_comments{
	border-style:none;
}
div#mainContentContainer div.view_comments ul {
	padding:0px;
	margin:0px;
}
div#mainContentContainer div.view_comments ul li{
	border:1px solid #ccc;
	padding:0px;
	margin:0px 0px 20px 0px;
}

div#mainContentContainer div.view_comments ul li p,div#mainContentContainer div.view_comments ul li h4{
	padding:2px 4px;
}

div#mainContentContainer p.comment_para{
	border-top:1px solid #f90;
}

div#mainContentContainer div.view_comments .comment_date{
	float:right;
	font-style:italic;
}
form#make_comment
{
	width:100%;
	margin-top:0px;
	padding-top:0px;
}

div#mainContentContainer form#make_comment textarea{
	width:600px;
	height:40px;
	border:1px solid #fff;
	overflow:auto; 

}
div#mainContentContainer form#advanced_search{
	width:100%;
	padding:5px;
	border:1px solid #f90;
	background-color:#FEC;
}
div#mainContentContainer div.route_venues div{
	margin-left:50px;
}

div#mainContentContainer  form select.venue_pos{
	width:95px;
}

div#mainContentContainer  div.rating{
	font-weight:bold;
}
div#mainContentContainer form#venue_browse{
	width:600px;
}

/*change in js instead
div#mainContentContainer input#other_town{
		font-style:italic !important;
		color:#666 !important;
}
*/
/*******************************************************
					ROUTE STYLES
*******************************************************/
div#mainContentContainer div.left_col{
	float:left;
	width:48%;
	padding:0px;
	border-style:none;
}

div#mainContentContainer div.right_col{
	width:48%;
	float:right;
	padding:0px;
	border-style:none;
}
div#mainContentContainer div.right_col .field_name{

}
div#mainContentContainer div.right_col .field_value{
}

div#mainContentContainer div.right_col .field_value object{
	display:inline;
	clear:none;
}

div#mainContentContainer div.categories a:link,
div#mainContentContainer div.categories a:visited{
	color:#00f;
	text-decoration:underline;
}
div#mainContentContainer div.categories a:hover{
	color:#f90;
	text-decoration:underline;
}
div#mainContentContainer ol#venues_list{
	margin-top:40px;
}

div#mainContentContainer ul#venues_list li{
	margin-bottom:16px !important;
}

div#mainContentContainer p#route_town{
	position:relative;
	top:-4px;
	margin:0px 0px 0px 4px;
	padding:0px;
}
/*******************************************************
					USER STYLES
*******************************************************/
div#mainContentContainer div.display_field_container{
	margin-bottom:15px;	
	width:100%;
	padding:0px;
	width:100%;
	display:block;
	height:20px;
	border-style:none;
}

div#mainContentContainer div.form_field_container{
	margin-bottom:4px;
	min-height:17px;
	
}

div#mainContentContainer form div{
	border-style:none;
}

div#mainContentContainer div.display_field_container div.address_container{
	width:100%;
	padding:0px;
	font-style:normal;
	margin:0px;
	min-height:20px;
}


.field_name{
	display:block;
	float:left;
	width:100px;
	font-weight:bold;
	text-align:right;
	margin-right:20px;
}

.field_value{
	display:block;
	float:left;
	width:200px;
}

.field_value p{
	margin:0px 0px 0px 120px;
}

p.form_para{
	margin-left:115px;
}

.main_form{
	width:350px;
	overflow:visible;
}

.user_form{
	width:500px;
	margin-top:20px;
}

.user_form label{
	width:200px;
}

.main_form input, .main_form textarea{
	padding:2px;
}

.main_form input, .main_form select{
	width:200px;
}
.main_form select{
	width:206px;
	font-weight:normal;
}


input.checkbox{
	width:auto !important;
}


div#mainContentContainer .not_active{
	color:#f00;
	font-style:italic;
}

div#mainContentContainer form.contact_us{
	width:500px;
}

div#mainContentContainer form.contact_us textarea{
	width:300px;
	height:80px;
}

/*******************************************************
					USER STYLES
*******************************************************/
div#mainContainer div#footerContainer{
	margin-top:10px;
	border-top:1px solid #f90;
	color:#999;
	text-align:center;
	padding:5px;
	clear:both;
}
div#mainContainer div#footerContainer a img{
	border-style:none;
	position:relative;
	top:5px;
}

/********************************************************
				RIGHT COL DETAILS
********************************************************/
div#rightColContainer{
	margin:0px;
	padding:5px;
	padding-top:15px;
	width:160px;
	text-align:center;
	clear:none;
	float:right;
	overflow:visible;
}

div#rightColContainer img{
	margin-bottom:10px;
}
