body {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	background-color: #EBEAE7;
	/*#f5f3ee;*/
	cursor: auto;
	font-family: Verdana, Arial, san-serif;
	font-size: 11px;
}

#wrapper {
	width: 940px;
	margin: auto;
	padding:0; border: 0;
}

#site {
	width: 900px;
	border-left: 20px solid #fff;
	border-right: 20px solid #fff;
	background-color: #fff;
	text-align: left;
}

/* GLOBAL STYLES ::::::::::::::::::::::::::::::::::::::::::::: */
div, span, a, input, select, textarea, button, label, td, th, h1, h2, h3, h4, p {
	color: #666666;
	font-family: Verdana, Arial, san-serif;
	font-size: 11px;
}


.ero {
	width: 10px;
}
a {
	color: #0099CC;
}

a:hover { color: #333;}
a.active { color: #333;}

h1, h2, h3 {
	font-family: arial, Helvetica, san-serif;
	font-weight: bold;
	margin: 0; padding: 0 0 5px 0;
}

h1 {	color: #0099cc;	font-size: 18px; letter-spacing: -1px; padding: 0 0 14px 0;}
h2 {	
	font-size: 14px;
	color: #0099cc;
	padding-bottom: 12px;
}
h3 {	font-size: 14px;}
div { background-color: transparent;}
input, textarea, button {
	border: 1px solid #666666;
	padding: 3px;
}
ul.generic { list-style: none; padding: 0; margin: 0;}
ul.generic li { margin: 0; padding-left: 10px; background: transparent url(../img/bullet.gif) no-repeat left 4px;}

label {
	width: 150px;
	float: left;
	color: #606060;
	font-weight: bold;
}

div.value {	width: 170px;	float: left;}
form div.msg {	width: 120px;	float: left;}
form div.item {	width: 440px;	height: 30px; clear: both;}
form h2 { width: 440px; clear: both;}
input.required {
	background: transparent url(/img/required.gif) no-repeat 130px 2px;
}
.nascondi {
	display: none;
}

p {
	margin-top: 0; padding-top: 0;
}

blockquote { margin: 0; padding: 0;}
div.container { padding: 10px 20px 20px 20px;}
div.box ul { list-style: none; margin: 0; padding: 0;}
div.box ul li { margin:0; padding-left: 10px; background: transparent url(../img/bullet.gif) no-repeat left 4px;}

#pageTitle {
	display: none;
}

/* HEADER :::::::::::::::::::::: */
#header {
	width: 900px;
	height: 81px;
	margin: 0; padding: 0; border: 0;
}
#logo { 	width: 280px; 	height: 81px; 							float: left; }
#search { 	width: 290px; 					padding-top: 28px;	 	float: left;}
#account{ 	width: 330px; 	height: 81px; 							float: left;}
#account p{ 								margin-top: 24px;}



/* GENERAL_NAVIGATION :::::::::: */
#general_navigation {
	width: 900px;
	height: 24px;
	border-bottom: 4px solid #0099cc;
}

#general_navigation ul {	bottom: 0;	margin: 0 0 0 10px;	padding: 0;}
#general_navigation li {	list-style: none;	height: 24px;	float: left; background-image: none;}
#general_navigation li a {
	background: #9BD4EC url(../img/bg_general_navigation.gif) left top no-repeat;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	float: left;
	margin-right: 1px;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	width: 96px;
}
#general_navigation li.moderate a { background-color: #DAD9D3;}
#general_navigation li a.on {
	background: #0099CC url(../img/bg_general_navigation.gif) left top no-repeat;
	border-bottom: 1px solid #0099CC;
}

ul#general_navigation_right {	float: right;	margin-right: 10px;}
#general_navigation_right li a {
	background: #F5BD22 url(../img/bg_general_navigation.gif) left top no-repeat;
	margin-right: 0;
	margin-left: 1px;
}

#general_navigation_right li a.on {
	background: #0099CC url(../img/bg_general_navigation.gif) left top no-repeat;
	border-bottom: 1px solid #0099CC;
}


/* MAP :::::::::::::::::::: */
#mapsection {
	border-left: 2px solid #0099cc;
	border-right: 2px solid #0099cc;
	border-bottom: 2px solid #0099cc;
	padding: 0; margin: 0 0 0 0;
}


/* SITE CONTENT :::::::::::: */
#sitecontent {
	width: 900px;
	clear: both;
	padding: 0;
	border: 0;
	margin: 0;
}

#sitecontent div.leftcolumn, #sitecontent div.rightcolumn {float: left;	width: 440px;}
#sitecontent div.leftcolumn { margin-right: 20px;}
#sitecontent div.leftcolumn div.info, #sitecontent div.rightcolumn div.info {
	width: 118px;
	float: left;
}
#sitecontent div.leftcolumn div.content, #sitecontent div.rightcolumn div.content {
	width: 322px;
	float: left;
}


#sitecontent div.column, #sitecontent div.doublecolumn, #sitecontent div.lastcolumn, #sitecontent div.triplecolumn {
	width: 210px;
	margin-right: 20px;
	padding: 0;
	border: 0;
	float: left;
	background-color: transparent;
}
#sitecontent div.fullrightcolumn {
	width: 670px;
	float: left;
	margin: 0;
	padding: 0;
}


#sitecontent div.doublecolumn { width: 440px;}
#sitecontent div.triplecolumn { width: 670px; margin-right: 0;}
#sitecontent div.lastcolumn { margin-right: 0;}
#sitecontent div.leftcolumn div.info {
	width: 75px;
}


div.address {
	padding: 10px 0 10px 0;
	clear: both;
}
div.address h4 {
	margin: 0;
	padding: 0;
}

/* FOOTER :::::::::::::::::: */
#footer {
	width: 900px;
	height: 30px;
	background: #fff url(../img/footerbg.gif) no-repeat left top;
	text-align: center;
}

#footer p {
	margin: 0;
	padding: 0px;
	color:  #939393;
}
#footer a { color: #939393;}

/* LOGIN BOX :::::::::::::::::::::::::::::: */
#login_box {
	text-align: left;
	display: none;
	background-color: #0099CC;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2147483647;
	width: 215px;
	height: 180px;
	background: transparent url(/img/login/loginbox_balloon.gif) no-repeat left top;
	color: #fff;
}

#login_box form  {
	margin: 0;
	padding: 10px 10px 10px 10px;
}
#login_box ul { list-style: none; padding: 4px 0 0 0; margin: 0;}
#login_box ul li { padding: 0 0 10px 0; margin: 0; clear: both; width: 200px; height: 21px;}

#login_box label {
	width: 70px;
	color: #fff;
	float: left;
}
#login_box div.value {
	width: 125px;
	float: left;
}
#login_box input {
	width: 120px;
	height: 14px;
	font-size: 12px;
}
#login_box input.formradio {
	width: 14px;
	height: 14px;
	border: 0;
}
#login_box div.formsubmit{ margin: 4px 0 0 0px;}
#login_box button {border: 1px solid #fff; background-color: #9BD4EC; color: #fff; padding-right: 5px;}
#login_box a.closer:hover{ background-color: #00BBF9;}

a.closer { display: block; text-align: right;}

div.sidebox div.container { padding: 4px 10px 0 10px;}
div.sidebox h1 { padding: 0; color: #fff;}
div.sidebox, div.sidebox p, div.sidebox div.container { color: #fff;}

div.buttonbg { 
	width: 90px;
	height: 34px;
	background: transparent url(../img/buttonbg.gif) no-repeat top left;
	text-align: center;
}
/* 1 COLUMN BOX :::::::::::::::::::::: */
	div.box {	padding-top: 5px; width: 210px; float: left; background: transparent url(/img/boxes/gray.gif) no-repeat 0px 0px;}
	div.box div.boxcontent { background-color: #F5F5F5;}
	div.boxclose { 
		font-size: 4px;	clear: both; height: 6px; background: transparent url(/img/boxes/gray.gif) no-repeat 0px -140px;
	}
	div.box div.container {	 padding: 0 10px 4px 10px;}
	
	#findtrayle div.box {background: transparent url(/img/boxes/verylight.gif) no-repeat 0px 0px;}
	#findtrayle div.boxclose {background: transparent url(/img/boxes/verylight.gif) no-repeat 0px -140px;}
	#findtrayle div.box div.boxcontent { background-color: #F4F8FA;}

	#finddestination div.box {background: transparent url(/img/boxes/verylight.gif) no-repeat 0px 0px;}
	#finddestination div.boxclose {background: transparent url(/img/boxes/verylight.gif) no-repeat 0px -140px;}
	#finddestination div.box div.boxcontent { background-color: #F4F8FA;}
	
	#findactivity div.box {background: transparent url(/img/boxes/verylight.gif) no-repeat 0px 0px;}
	#findactivity div.boxclose {background: transparent url(/img/boxes/verylight.gif) no-repeat 0px -140px;}
	#findactivity div.box div.boxcontent { background-color: #F4F8FA;}	

	#trayleactions { margin-bottom: 2px; width: 210px; height: 102px; background: transparent url(../img/moreboxes/mediumbluelinedbox.gif) no-repeat left top;}	#trayleactions div.container { padding: 10px;}


	#blogadmin div.box {background: transparent url(/img/boxes/verylight.gif) no-repeat 0px 0px;}
	#blogadmin div.boxclose {background: transparent url(/img/boxes/verylight.gif) no-repeat 0px -140px;}
	#blogadmin div.box div.boxcontent { background-color: #F4F8FA;}	


	#finddestination, #findactivity { margin-bottom: 20px;}

/* BIG BOX :::::::::::::::::::::::::::::::::: */
	div.bigbox {
		display: none;
		background-color: transparent;
		position: absolute;
		top: 0;
		left: 0;
		z-index:109;
		width: 680px;
	}
	div.bigbox div.tuit{ float: left; width: 5px; height: 40px; background: transparent url(/img/boxes/greentuitleft.gif) no-repeat 0px 15px;}
	div.bigbox div.box {  width: 675px; float: left; background: transparent url(/img/boxes/greenbig.gif) no-repeat 0px 0px;}
	div.bigbox div.box div.destinationlist { background-color: #9DDE34; }
	div.bigbox div.boxclose { 
		background: transparent url(/img/boxes/greenbig.gif) no-repeat;
		background-position: 5px -110px;	
	}

	#infobox { 
		display: none;
		background-color: transparent;
		position: absolute;
		top: 0;
		left: 0;
		z-index:230;
		width: 440px;
	}
	
	#infobox div.box {
		width: 440px;
		background: transparent url(/img/boxes/bluedouble.gif) no-repeat left top;
	}
	#infobox div.container { background-color: #09c;}
	#infoboxcontent { background-color: #09c; text-align: left; color: #fff;}
	#infoboxcontent h1 { color: #fff;}
	#infoboxcontent a { color: #fff;}
	#infoboxcontent p { color: #fff;}
	#infobox div.boxclose { height: 6px; width: 445px; background: transparent url(/img/boxes/bluedouble.gif) no-repeat 0 -138px;}

	#infoboxcontent div.myactions a {
		width: 190px;
		height: 18px;
		background: #7CCFDE url(/img/actions2.gif) no-repeat left top;
		color: #fff;
		text-decoration: none;
		text-align: center;
		display: block;
		float: left;
		margin-right: 4px;
	}
	#infoboxcontent div.myactions a:hover {		background-color: #006688;	}
/* HALF BOX ::::::::::::::::::::::::::::::::: */
	div.halfbox {	padding-top: 5px; width: 440px; float: left; background: transparent url(/img/boxes/graydouble.gif) no-repeat 0px 0px;}
	div.halfbox div.boxcontent { background-color: #F5F5F5;}
	div.halfboxclose { 
		font-size: 4px;	clear: both; height: 6px; background: transparent url(/img/boxes/graydouble.gif) no-repeat 0px -140px;
	}
	div.halfbox div.container {	 padding: 0 10px 4px 10px;}
	
	div.poitrayle div.halfbox { background-image: url(/img/boxes/verylightdouble.gif);}
	div.poitrayle div.halfbox div.boxcontent { background-color: #F4F8FA;}
	div.poitrayle div.halfboxclose { background-image: url(/img/boxes/verylightdouble.gif);}

	#regfinished div.halfbox { background-image: url(/img/boxes/bluedouble.gif);}
	#regfinished div.halfbox div.boxcontent { background-color: #0099CC;}
	#regfinished div.halfboxclose { background-image: url(/img/boxes/bluedouble.gif);}
	
	
	#regfinished h2, #regfinished h3, #regfinished p { color: #fff;}
div.usericon {
	width: 109px;
	height: 89px;
	border: 0;
	padding: 0;
	margin: 0;
}
div.nameplate {
	width: 59px;
	height: 48px;
	margin: 0; padding: 0;
	margin-top: 1px;
	background: #0099cc url(../img/miniwindowedge.gif) no-repeat left top;
}
div.nameplate h2 {
	margin: 0;	padding: 3px 0 2px 4px; 
	font-family: arial;
	color: #fff;
}
div.nameplate p {
	margin: 0; padding: 3px 0 2px 4px;
	font-size: 11px;
	color: #fff;
	height: 34px;
}
div.nameplate a.cta, #featuredbox a.go{
	width: 23px;
	height: 23px;
	margin-top: 5px;
	margin-right: 5px;
	display: block;
	background: transparent url(../img/cta.gif) no-repeat left top;
	float: right;
}

#sitecontent div.categories div.leftcolumn, #sitecontent  div.categories div.rightcolumn { width: 210px; float: left;}
#sitecontent div.categories div.leftcolumn { margin-right: 20px;}
#sitecontent div.categories div.category { width: 210px; clear: both;}
#sitecontent div.categories div.icon img { width: 59px; height: 48px; border: 0;}
#sitecontent div.categories div.icon { width: 69px; float: left;}
#sitecontent div.categories div.items{ width: 141px; float: left;}
#sitecontent div.categories div.items a{ 
	display: block;
	text-decoration: none;
	color: #1ba6e6;
	font-weight: bold;
	font-size: 12px;
	padding-left: 12px;
	background: transparent url(../img/bullet.gif) no-repeat 0px 4px;
}
#sitecontent div.categories div.items div.poitype a {
	font-size: 10px; text-decoration: none; font-style: italic;
	color: #8B8B8B;
	padding-left: 10px;
	background-image: none;
}
#sitecontent div.categories  div.items a:hover {	color: #333;}
#poicategories div.categories div.items a { font-size: 11px; font-weight: normal;}
#latestfromtrayle div.category {height: 60px;}
#browsedestinations ul.continents, #browsedestinations ul.continents li, #browsedestinations ul.continents li ul, #browsedestinations ul.continents li ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#browsedestinations ul li {	width: 210px;	float: left; background-image: none;}
#browsedestinations ul li a{ 	font-weight: bold;	color: #333;	text-decoration: none; background-image: none;}
#browsedestinations ul.continents li ul li {}
#browsedestinations ul.countries li a, #browsedestinations ul.countries li a:visited{
	color: #fff; 
	text-decoration: none;
	display: block;
	background: transparent url(../img/bullet.gif) no-repeat 0px 4px;
	padding-left: 14px;
}
#browsedestinations ul.continents li ul li a:hover {	background-color: #fff;	color: #333;}
#browsedestinations ul.continents li ul li a:visited {	color: #EEEEEE;}
#browsedestinations a.closer:hover { background-color: #BEE978;}
#browsedestinations a.more { color: #7DB71E; text-decoration: none; font-size: 10px; display: block; padding-left: 14px;}
#browsedestinations a.more:hover { color: #333;}

div.fix { clear: both; font-size: 6px; height: 20px;}

.trayle, .trayle p {
	border-bottom: 1px dashed #9BD4EC;
	cursor: help;
}

.trayle img {
	margin: 5px 5px 5px 5px;
}



#maincontent div.poitrayle a.dest {
	font-size: 14px;
	color: #0099cc;
	padding-bottom: 12px;
	font-weight: bold;
	text-decoration: none;
}
div.poitrayle div.header {
	color: #8CC53A;
	font-size: 14px;
	font-weight: bold;
}
div.poitrayle div.header div.author {
	width: 330px;
	float: left;
}
span.friend div.poitrayle div.header div.author a { color: #8CC53A;}

div.poitrayle div.header div.stars {
	float: right;	
	width: 70px;
	margin: 0;
}
#maincontent div.poitrayle h4{ padding: 2px 0 0 4px; margin: 0;}
div.poitrayle div.date {
	color: #333;
	font-size: 9px;
	font-weight: normal;
	padding-bottom: 4px;
	text-align: right;
}
div.poitrayle div.stars img {
	border: 0;
}



div.poitrayle div.author {
	color: #09c;
}


div.trayle img {
	border: 1px solid #09c;	
	margin-left: 5px;
	margin-bottom: 5px;
}

div.alert {	
	position: absolute;
	top: 0;
	left: 0;
	width: 350px;
	margin: 240px 0px 0px 350px;
	border:#666666 2px solid;
	padding:1px 5px 1px 5px;
	background-color: #FEFF5B;
	filter:alpha(opacity=85);
	opacity:.85;
	display: none;
	font-size:8pt;		
}


#iframe { background-color: #fff; text-align: left; padding: 10px;}

/* DESTINATIONS :::::::::::::::::::::::::::::::: */

div.location { padding: 0 0 14px 0;}
div.location img { padding: 2px 5px 0 5px;}
div.location a {
	font-weight: bold;
	font-family: arial;
	text-decoration: none;
	color: #0099cc;	font-size: 18px; letter-spacing: -1px;
}

#maincontent h1{
	clear: both;
}

#destinationbrowser {
	margin: 0;
	padding: 0;
	border: 0;
	width: 440px;
	clear: both;
}

#destinationbrowser div.items { padding-top: 10px;}
#destinationbrowser div.items div.continent {
	width: 200px;
	height: 130px;
	padding: 0 10px 12px 10px;
	float: left;
}
#destinationbrowser div.continent a.head {
	color: #8b8b8b;
	margin: 0;
	padding: 0 0 4px 0;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	display: block;
}
#destinationbrowser div.items div.continent ul{
	list-style: none;
	width: 100px;
	margin: 0; padding: 0; border: 0;
	float: left;
}
#destinationbrowser div.items div.continent ul ol { list-style: none; margin:0; padding: 0 0 0 20px;}
#destinationbrowser div.items div.continent ul li {	margin: 0;	padding: 0;}
#destinationbrowser div.items div.continent ul li a {
	padding-left: 10px;
	background: transparent url(../img/bullet.gif) no-repeat 0px 4px;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
}
#destinationbrowser div.items div.continent ul li a:hover {	color: #333;}
#destinationbrowser h1 {
	color: #8b8b8b;
	margin: 0;
	padding: 0 0 4px 0;
}



#destinationbrowser a.more {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #8B8B8B;
	font-weight: bold;
	font-size: 11px;
	clear: both;
}
#destinationbrowser a.more:hover { background-color: #F4F8FA;}

#destinationbrowser div.container { padding: 0px 20px 20px 20px;}
#destinationbrowser div.biglist, #destinationbrowser div.smalllist { width: 400px; clear: both;}

#sitecontent div.biglist ul { list-style: none; padding: 0; margin: 0; width: 200px; float: left;}
#sitecontent div.biglist ul li { margin: 0; padding: 0 0 0 20px;  background: transparent url(../img/bullet_big.gif) no-repeat left 4px;}
#sitecontent div.biglist ul li a {
	 font-size: 16px; font-weight: bold; color: #00A8E0; text-decoration: none;
	 letter-spacing: -1px;
	 font-family: arial;
}
#sitecontent div.biglist ul li a:hover { color: #333;}
#sitecontent div.smalllist ul { list-style: none; padding: 0; margin: 0; width: 100px; float: left; }
#sitecontent div.smalllist ul li { margin: 0; padding: 0;  width: 100px; overflow: hidden;}
#sitecontent div.smalllist ul li a {
	color: #00A8E0; text-decoration: none;
	padding: 0 0 0 10px;
	background: transparent url(../img/bullet.gif) no-repeat left 4px;
}
#sitecontent div.smalllist ul li a:hover { color: #333;}

#maincontent a.destinationname { 
	color: #686868;
}
#maincontent a.poiname {
	color: #9F9F9F;
}

ul.subtabs { list-style: none; margin: 0; padding: 0;}
ul.subtabs li { margin: 0; padding: 0; border: 0; float: left;}
ul.subtabs li a { display: block; width: 106px; text-align: center;
	background: #9BD4EC url(../img/smalltabtop.gif) no-repeat left top;
	text-decoration: none;
	color: #fff;
	padding: 4px 0 4px 0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
ul.subtabs li a.on {	border-bottom: 1px solid #0099CC;	background-color: #0099CC;}

#hotspots div.item{
	width: 210px;
	height: 60px;
	clear: both;
}
#hotspots div.item div.icon {	float: left;}
div.icon {	width: 68px;}
div.icon a.showmore { 
	text-decoration: none;
	font-size: 10px;
	color: #686868;
	display: block;
	text-align: center;
}


#hotspots a.hotspotname { display: block; text-decoration: none; color: #00bfff; font-weight: bold;}
#hotspots a.hotspotname:hover { color: #333;}
#hotspots a.destinationname {display: inline; text-decoration: none; color: #333; padding-bottom: 2px;}
#hotspots a.destinationname:hover { text-decoration: underline;}
#featuredbox {
	width: 210px;
	height: 108px;
	background: transparent url(../img/moreboxes/blue.gif) no-repeat left top;
	margin-bottom: 2px;
	color: #fff;
}
#featuredbox h1 { color: #fff; padding: 0 0 10px 0;}
#featuredbox div.container a { color: #F4F8FA; font-weight: bold; text-decoration: none;}
#featuredbox div.poinr{ padding-bottom: 8px; color: #fff;}
#activetraylersbox {
	width: 210px;
	height: 146px;
	background: transparent url(../img/moreboxes/green.gif) no-repeat left top;
	margin-bottom: 2px;
}

#findtrayle label, #finddestination label, #findactivity label {
	font-weight: normal;
	color: #333;
	font-size: 11px;
	width: 190px;
	padding: 4px 0 3px 0px;
}

div.traylebit div.icon{ 	width: 78px; float: left;}
div.traylebit div.content{	width: 362px; float: left;}
div.photo { 	width: 69px; height: 62px;}
div.photofrontfeatured { 	width: 59px; height: 48px;}
div.traylebit div.cta {margin-top: 1px; width: 69px; height: 62px; background: #0099CC url(/img/overlaysmall.gif) no-repeat left top;}
div.traylebit div.cta div.container { padding: 20px 0 0 3px; margin: 0;}
div.traylebit div.cta a { font-size: 11px; color: #fff; text-decoration: none; padding-right: 10px; background: transparent url(../img/arrow_white.gif) no-repeat right 4px;}
div.traylebit span.even div.cta { background-color: #33ADD6;}
div.traylebit div.postinfo{width: 362px;}
div.traylebit div.blogger{ width: 242px; float: left;}
div.traylebit div.date { width: 120px; font-size: 11px; float: left; text-align: right; color:#8B8B8B;}
div.traylebit div.lastvisited { width: 362px; clear: both; padding: 2px 0 4px 0; font-weight: bold; color: #8B8B8B;}

div.mapactions a {
	padding: 0 10px 0 10px;
	background: transparent url(../img/arrow_darkblue.gif) no-repeat 0px 4px;
	text-decoration: none;
}

div.blogger a { font-size: 12px; font-weight: bold; text-decoration: none;}
#ads {
	margin-top: 10px;
}

#whataretrayles {
	width: 210px;
	height: 148px;
	background: transparent url(../img/moreboxes/blue2.gif) no-repeat top left;
	color: #fff;
}
#noticabletrayles { width: 440px; height: 172px; background: transparent url(../img/moreboxes/green2.gif) no-repeat left top;}
#whataretrayles h1 { color: #fff; padding-bottom: 5px;}
#whataretrayles div.container { padding: 5px 10px 0px 10px;}
#whataretrayles p { color: #fff;}
#photobrowser { margin-top: 2px;}
#photopicker { margin-bottom: 2px; width: 210px; height: 392px; background: transparent url(../img/moreboxes/blue3.gif) no-repeat top left;}
div.more {	text-align: right;}
div.more a { padding-right: 10px; font-weight: bold; font-size: 11px; color: #fff; text-decoration: none; background: transparent url(/img/arrow_white.gif) no-repeat right 4px;}
div.sep { 
	padding: 10px;
	background: transparent url(../img/dottedline.gif) repeat-x left  center;
	clear: both;
}

div.sepsolid {
	padding-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #33ADD6;
	clear: both;
}


div.window { 
	width: 670px;
	clear: both;
	background: transparent url(../img/boxes/window/r.gif) repeat-y left top;
}
div.windowopener { width: 670px; font-size: 6px; background: transparent url(../img/boxes/window/t.gif) no-repeat left top; height: 6px;}
div.windowcloser { width: 670px; font-size: 6px; background: #fff url(../img/boxes/window/b.gif) no-repeat left top; height: 6px;}

div.smallwindow {
	width: 440px;
	clear: both;
	background: transparent url(../img/boxes/window/rs.gif) repeat-y left top;
}
div.smallwindowopener { width: 440px; font-size: 6px; background: transparent url(../img/boxes/window/ts.gif) no-repeat left top; height: 6px;}
div.smallwindowcloser { width: 440px; font-size: 6px; background: transparent url(../img/boxes/window/bs.gif) no-repeat left top; height: 6px;}

div.fullwindow { 
	width: 900px;
	clear: both;
	background: transparent url(../img/boxes/window/rb.gif) repeat-y left top;
}
div.fullwindow div.windowopener { width: 900px; font-size: 6px; background: transparent url(../img/boxes/window/tb.gif) no-repeat left top; height: 6px;}
div.fullwindow div.windowcloser { width: 900px; font-size: 6px; background: #fff url(../img/boxes/window/bb.gif) no-repeat left top; height: 6px;}

div.blogheader{ width: 670px; height: 36px; clear: both;}
div.blogheader div.title {	color: #0099cc;	font-weight: bold; font-size: 18px; letter-spacing: -1px; float: left;}
div.blogheader div.subtitle {color: #9BD4EC; font-weight: bold;  font-size: 18px; letter-spacing: -1px; }
	

#blogposts { width: 420px;  overflow: auto;}
#blog div.sep { margin-bottom: 40px;}
#blogcontent{ width: 460px; float: left;}
#blogcontent div.container { padding: 10px 20px 20px 20px;}
#bloglinks { width: 210px; float: left;}
#bloglinks div.container { padding: 10px 20px 20px 20px;}

#bloglinks div.bloggerinfo { margin-bottom: 20px;}
#bloglinks div.bloggerinfo div.icon { width: 78px; float: left;}
#bloglinks div.bloggerinfo div.info { width: 92px; float: left;}

#bloglinks ul { list-style: none; padding: 0 0 20px 0; margin: 0;}
#bloglinks ul li { margin: 0; background: transparent url(../img/bullet.gif) no-repeat 0px 4px;padding-left: 10px; color: #0099CC; font-size: 10px;}
#bloglinks ul li a { font-size: 12px; text-decoration: none; }
#bloglinks h3 { clear: both; color: #0099CC;}

div.post div.header { width: 420px; height: 30px; clear: both; }
div.post div.content { width: 420px; clear: both;}
div.post div.header a {width: 310px; text-decoration: none; font-size: 18px; font-weight: bold; color: #0099CC; display: block; float: left;}
div.post div.header div.date { padding-top: 4px; width: 110px; float: left; font-size: 10px; color: #8B8B8B; text-align: right;}
div.post div.header a:hover { color: #333;}
div.post div.postactions { width: 420px; clear: both; padding-top: 10px; }
div.post div.postactions div.comments { width: 250px; float: left; font-size: 10px; color: #0099CC;}
div.post div.postactions div.actions { width: 170px; float: left; text-align: right;}
div.post div.postactions div.comments a { text-decoration: none; padding: 0 10px 0 10px; background: transparent url(../img/arrow_darkblue.gif) no-repeat left 4px;}

#featuredblog div.post div.header a { font-size: 14px;}

button.ilikebigbuttons { width: 97px; height: 31px; background: transparent url(../img/button.gif) no-repeat left top; color: #fff; font-weight: bold; border: 0; margin: 0; padding: 0;}

button.ilikebigbuttons150 { width: 150px; height: 31px; background: transparent url(../img/button150.gif) no-repeat left top; color: #fff; font-weight: bold; border: 0; margin: 0; padding: 0;}

div.formaction { 
	text-align: right;
	padding: 10px 0 10px 0;

}

.reactionBox {
	width: 420px;
	margin-top: 10px;
	background-color: #F4F8FA;
}

.reactionBox form {
	padding: 20px;
}

div.reactionBox label {
	color: #333;
	float: none;
	display: block;
}
div.reactionBox input, div.reactionBox textarea {
	width: 300px;
	margin-bottom: 5px;
}
div.comment div.actions{ 	clear: both;	text-align: right;	}
div.comment span.author{ 	font-weight: bold; color: #8B8B8B;}
div.comment span.date { 	font-weight: normal; color: #8B8B8B;}
div.comment div.commentinfo { text-align: right; padding-top: 20px;}
div.reactionBox button { display: block;}
#poilist { clear: both;}
#poilist ul { width: 220px; float: left;}


#newcommentbutton {
	width: 120px; height: 19px;
	padding: 0; margin: 0;
	background: #0099CC url(../img/open_overlay.gif) no-repeat left top;
}
div.newcommentclose { background: #0099CC url(../img/close_overlay.gif) no-repeat left top;}
#newcommentbutton a  { 
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding-top: 2px;
}
#featuredblog h1 { margin-top: 0; padding-top: 0;}
#poilist ul { width: 220px; float: left;}

.autocompleteList {
	border: 1px solid #000;
	padding: 0px;
	background-color: #9bd4ec;
}

.autocompleteUnselected {
	cursor: pointer;
	background-color: transparent;
	color: #fff;
	border-bottom: 1px solid #fff;
	padding: 2px 5px 2px 5px;
}

.autocompleteSelected {
	cursor: pointer;
	font-weight: bold;
	background-color: #09c;
	color: #fff;
	border-bottom: 1px solid #fff;
	padding: 2px 5px 2px 5px;
}

.iconStyle {
	position:relative;
	top:-6px;
	left:6px;
}

.pinTitleStyle {
	text-align: left;
	font-weight: bold;
}

.pinDetailStyle {
	text-align: left;
}




div.left { width: 50%; float: left;}
div.right { width: 50%; float: left;}



#trayleaction { 
	width: 210px;
	height: 88px;
	background: transparent url(../img/moreboxes/green4.gif) no-repeat left top;
}
#trayleaction a { 
	text-decoration: none;
	color: #fff;
	padding: 3px 5px 0 5px;
	display: block;
}
#trayleaction a:hover { color: #333;}


#blogactions {
	width: 210px;
	height: 146px;
	background: transparent url(../img/moreboxes/green.gif) no-repeat left top;
	margin-bottom: 3px;
}
#blogactions div.container { padding: 6px 10px 0 10px;}
#blogactions ul { list-style: none; padding: 0 0 5px 0; margin: 0;}
#blogactions ul li { padding-left: 10px; background: transparent url(../img/bullet.gif) no-repeat 0px 4px;}
#blogactions ul li a { text-decoration: none; color: #fff; font-weight: bold;}
#blogactions ul li a:hover { color: #333;}
#blogactions h3 {
	font-size: 12px;
	color: #333;
	padding: 0 0 3px 0;
}
/* FRIEND BOX ::::::::::::::::::::::::::::::::::::::::*/
#friends_box {
	text-align: left;
	display: none;
	background-color: #F7FAFB;
	border: 2px solid #0099CC;
	position: absolute;
	z-index: 2147483646;
	width: 220px;
	height: 280px;
	padding-left: 5px;
	color: #fff;
}

div.poicategories ul {
	list-style: none; padding: 0; margin: 0 10px 0 0;
	width: 130px;
	float: left;
}

div.poicategories ul li {
	padding-left: 10px; background: transparent url(../img/bullet.gif) no-repeat left 4px;
}
div.poicategories ul li a { text-decoration: none;}


div.dropdown {
	width: 100px;
	background-color: #9BD4EC;
	position: absolute;
	top: 0;
	left: 0px;
	z-index: 2;
	display: none;
}

div.photoAlbumList {
	border-top: 1px solid #09c;
	border-right: 1px solid #09c;
	border-bottom: 2px solid #09c;
	border-left: 1px solid #09c;
	margin-bottom: 5px;
	padding: 5px 0 5px 5px;
}

div.dropdown ul { list-style: none; padding: 0; margin: 0;}
div.dropdown ul li { padding: 0; margin: 0; border-bottom: 1px solid #fff;}
div.dropdown ul li a { padding: 3px 0 3px 10px; display: block; color: #fff; font-weight: bold; font-size: 12px; letter-spacing: 4px;}
div.dropdown ul li a:hover { background-color: #E2F2FA; color: #333;}



div.photoNav {
	border-top: 1px solid #09c;
	border-left: 1px solid #09c;	
	border-right: 1px solid #09c;
	border-bottom: 1px solid #000;
	padding-top: 3px;
	padding-left: 3px;
	padding-bottom: 3px;

}

.loading {
	text-align: center;
	background: transparent url(../img/loading.gif) no-repeat center;
	height: 30px;
	margin: auto;
}

.newFriend {
	color: #f00;
	font-weight: bold;
}

.notfound {
	padding: 8px;
}

#poilistdetailed div.poi {
	padding-bottom: 14px;
}
#poilistdetailed div.poi a {
	color: #09c;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}
#poilistdetailed div.poi div.poiname {
	padding-right: 10px;
}

div.poitrayle div.more { clear: both; text-align: right; padding-top: 5px;}
div.poitrayle div.more a { color: #09c; background-image: url(/img/arrow_darkblue.gif);}



#miniphotobrowser { width: 210px; height: 155px; background: transparent url(../img/imagehidden.gif) no-repeat left top; margin-bottom: 3px;}



/* HOME ::::::::::::::::::::::::::::::::::: */

#traylesinfo {	width: 325px;	padding-right: 20px;	float: left; }
#travelguideinfo {	width: 325px;	margin-right: 20px;	float: left;}
#traylegeneralinfo {	width: 210px;	float: left;}

#traylesinfo div.intro, #travelguideinfo div.intro {
	height: 98px;
}

#traylesinfo h1, #travelguideinfo h1 { padding-bottom: 5px;}
#traylesinfo div.intro ul, #travelguideinfo div.intro ul {
	list-style: none; padding: 0; margin:0;
}
#traylesinfo div.intro ul li, #travelguideinfo div.intro ul li {
	padding-left: 12px;
	padding-bottom: 3px;
	background: transparent url(../img/arrow_darkblue.gif) no-repeat 0px 4px;
}

#maincontent div.searchbox { width: 325px; height: 71px; margin-bottom: 20px; background: transparent url(../img/home/greenbox.gif) no-repeat left top;}
#travelguideinfo div.searchbox {background-image: url(../img/home/bluebox.gif); }
#maincontent div.searchbox h3 { color: #fff; padding: 0; margin: 0;}
#maincontent div.searchbox div.container { padding: 10px;}
#maincontent div.searchbox div.searchfield input {
	margin: 0 4px 0 0;
	padding: 4px 5px 0 5px;
	border: 0;
	width: 207px;
	height: 23px;
	background: transparent url(../img/home/inputfield.gif) no-repeat left top;
}
div.searchfield { margin-bottom: 3px;}
#maincontent div.searchbox div.searchfield button, #maincontent button.go {
	margin: 0; padding: 0; border: 0;
	width: 27px; height: 23px;
	background: transparent url(../img/home/greensubmit.gif) no-repeat left top;
}
#travelguideinfo div.searchbox div.searchfield button   {background-image: url(../img/home/bluesubmit.gif);}
#maincontent button.go {margin-left: 4px; background-image: url(../img/submit.gif);}
#starttrayling { margin-bottom: 20px;}
#myinfo {
	width: 210px;
	height: 172px;
	background: transparent url(/img/moreboxes/myinfohome.gif) no-repeat left top;
	margin-bottom: 20px;
}

#myinfo p { color: #fff;}
#myinfo div.container {	padding: 10px; color: #fff;}
#myinfo a.header { font-size: 14px; font-family: arial, helvetica; color: #fff; text-decoration: none; font-weight: bold; padding-bottom: 4px; display: block;}
#myinfo ul { list-style: none; margin: 0; padding: 0;}
#myinfo ul li { margin: 0; padding: 0 0 0 10px; background: transparent url(../img/bullet_white.gif) no-repeat left 4px;}
#myinfo ul li.plain { background-image: none; padding: 0; color: #fff;}
#myinfo ul li a { color: #fff; text-decoration: none;}
#myinfo ul li.plain a { font-weight: bold;}
#myinfo ul { width: 50%; float: left;}


#myquicktrayle {
	width: 210px;
	height: 172px;
	background: transparent url(/img/moreboxes/myquicktrayle.gif) no-repeat left top;
	margin-bottom: 20px;
}
#myquicktrayle h1 { color: #fff;}
#myquicktrayle div.container { padding: 5px 10px 10px 10px; color: #fff;}
#myquicktrayle div.stats { color: #fff; padding-bottom: 10px; clear: both; height: 40px;}
#myquicktrayle div.stats span { color: #fff; font-weight: bold;}
#myquicktrayle div.myactions { clear: both;}
#myquicktrayle div.myactions a {
	display: block;
	width: 190px;
	height: 18px;
	background: #F6EA99 url(/img/actions1.gif) no-repeat left top;
	text-align: center;
	color: #987107;
	margin-bottom: 2px;
	text-decoration: none;
}
#myquicktrayle div.myactions a:hover {
	background-color: #987107;
	color: #fff;
}

#traylesinfo div.traylebit { width: 325px; clear: both;}
#traylesinfo div.traylebit div.content { width: 245px; }
#traylesinfo div.traylebit h4 { padding: 0; margin: 0; font-style: italic; font-weight: normal; font-size: 10px; color: #868686;}
#traylesinfo div.traylebit span.author a{ color: #0099cc; text-decoration: none; font-weight: bold; padding-right: 5px;}
#traylesinfo div.traylebit span.title a{ color: #0099cc; text-decoration: none;}
#traylesinfo div.traylebit div.lastspots a { text-decoration: none; font-weight: bold; color: #333;}
#trayletoday div.post { width: 190px; }
#trayletoday div.post div.content { width: 190px;}
#trayletoday div.post div.header { width: 190px; height: auto; padding-bottom: 5px;}
#trayletoday div.post div.header a {font-size: 12px; width: 190px; float: none;}
#trayletoday div.post div.header div.date { float: none; padding: 0; text-align: left;}

#traylesinfo #photobrowser { margin-bottom: 18px;}

#travelguideinfo div.hotspot {width: 325px; clear: both;}
#travelguideinfo div.hotspot div.icon { width: 69px; float: left;}
#travelguideinfo div.hotspot div.content { width: 256px; float: left;}
#travelguideinfo div.hotspot a.name { text-decoration: none; display: block; font-weight: bold; font-size: 14px; color: #333;}
#travelguideinfo div.hotspot a.destination, #travelguideinfo div.hotspot a.country { 
	text-decoration: none;
	color: #333;
	font-weight: normal;
	font-size: 11px;
}
#travelguideinfo div.hotspot div.nroftrails { color: #909090; font-size: 11px; font-style: italic;}

#travelguideinfo div.activity { margin-bottom: 10px;}
#travelguideinfo div.activity h1 { font-weight: bold; color: #333; font-size: 12px; padding: 0 0 4px 0; font-family: arial; letter-spacing: 1px;}
#travelguideinfo div.activity ul { list-style: none; padding: 0; margin: 0;}
#travelguideinfo div.activity ul li { padding-left: 10px; background: transparent url(/img/bullet.gif) no-repeat 0px 3px;}
#travelguideinfo div.activity a { text-decoration: none;}

/* HOME END ::::::::::::::::::::::::::::::: */


div.toggle { height: 20px; padding-top: 4px; clear: both;}
div.toggle a {
	padding-left: 10px;
	background: transparent url(../img/show.gif) no-repeat left top;
	width: 117px;
	height: 16px;
	color: #333;
	text-decoration: none;
	display: block;
}
div.toggle a.hide {
	background: transparent url(../img/hideup.gif) no-repeat left top;
}

#maincontent ul.formlist { list-style: none; margin: 0; padding: 0;}
#maincontent ul.formlist li { padding-bottom: 4px; clear: both; background-image: none;}
#maincontent ul.formliststacked {list-style: none; padding: 0; margin: 0;}
#maincontent ul.formliststacked li {padding: 0 0 20px 0;  background-image: none;}
#maincontent ul.formliststacked label { display: block; float: none; width: auto; padding-bottom: 5px;}
#maincontent ul.formliststacked div.value { display: block; float: none;}

#maincontent #bloglinks ul.formliststacked { padding-top: 10px;}
#maincontent #bloglinks ul.formliststacked li{ padding: 0 0 4px 0;}


/* TRAYLE MOUSEOVER INFO BOX ::::::::::::::::::::::::*/
#trayleinfohover {
	display: none;
	width: 130px;
	border: 2px solid #333;
	background-color: #fff;
	padding: 5px;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 234;
}

#trayleinfohover ul { list-style: none; padding: 0; margin: 0;}
#trayleinfohover ul li label {	display: block; color: #333; font-weight: bold;}
#tih_fnorg { font-weight: bold; color: #333; font-size: 12px;}
#tih_ratings { padding-top: 5px;}

div.pageselect { height: 40px; margin-top: 20px; clear: both;}
div.pageselect a {
	display: block;
	width: 117px;
	height: 16px;
	text-align: center;
	background: transparent url(../img/show.gif) no-repeat left top;
	text-decoration: none;
	float: left;
}
#maincontent div.pageselect span.prev a { background-image: url(../img/show_r.gif);}
div.pageselect a.disabled { color: #E6E3DF;}
div.pageselect a.enabled { color: #09c;}

img.descimg {
	border: 5px solid #EEF4F9;
	margin: 20px 0 20px 0;
}


#aboutnav li {
	padding-left: 10px; 
	background: transparent url(/img/arrow_darkblue.gif) no-repeat 0px 4px;
}

#aboutnav li a {
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

#waitplz {
	float: left;
	width: 670px;
	height: 630px;
	position: absolute;
	top: 150px;	
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	background-color: #fff;
}