/* HTML classes */
body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 15px 0px;
	background-color: #EDF4FE;
}
input,select,textarea,optgroup,option { font: 11px Verdana, Arial, Helvetica, sans-serif; }
a { color:#0033FF; }
h1 { font-size:17px; color:#446EB7;font-family:Arial, Helvetica, sans-serif; }
h1.underlined { padding-bottom:3px; border-bottom:1px solid #B0B7CF; }
h2 { font-size:13px; color:#5B88DB; }
h2.underlined { padding-bottom:3px; border-bottom:1px solid #B0B7CF; }
p.underlined { padding-bottom:4px; border-bottom:1px solid #B0B7CF; }
ul,ol { margin-left:1.2em;padding-left:1.2em; }

/* Border classes */
.bAll { border:1px solid #B0B7CF; }
.bT { border-top:1px solid #B0B7CF; }
.bB { border-bottom:1px solid #B0B7CF; }
.bL { border-left:1px solid #B0B7CF; }
.bR { border-right:1px solid #B0B7CF; }

/* Margin classes */
p,h1,h2 { margin:1.4em auto; } /* Ensure uniform text distance for ALL browsers */
ul,ol { margin-top:1.4em; margin-bottom:1.4em; }
li { margin-bottom:1em; }
.m0 { margin:0px; }
.mt0 { margin-top:0px; }
.mb0 { margin-bottom:0px; }
.mt10 { margin-top:10px; }
.mb10 { margin-bottom:10px; }
.sidePadding td { padding-right:8px; }

/* Table classes */
#canvas { background-color:#FFFFFF; }

#login { background-color:#EDF4FE; }
#login th { background-color:#D2E4FC; padding:4px; }
#login #email { width:160px; }
#login #password { width:160px; }
#login #loginButton { width:60px; }
#login #forgot { padding-left:8px; font-size:10px; }

#passwordReminder { background-color:#FFF4CC; border:1px solid #CEB070; }
#passwordReminder strong { color:#D42626; }
#loginTop td { padding-right:8px;font-size:9px; }
#loginTop #email { width:140px; color:#9900FF; font-weight:bold; }
#loginTop #password { width:100px; color:#9900FF; font-weight:bold; }
#loginTop #login { width:48px; }

#topMenu { background-color:#D2E4FC; border:1px solid #B0B7CF; margin-top:8px; }
#topMenu a { display:block; float:left; padding:4px 10px; text-decoration:none; color:#0E5AA8; }
#topMenu a:hover { background-color:#5096F5; color:#FFFFFF; }
#topMenu a.current { background-color:#EBF3FE; }
#topMenu a.current:hover { background-color:#5096F5; color:#FFFFFF; }

#mainContent { margin-top:8px; }

#bottomMenu { background-color:#D2E4FC; border:1px solid #B0B7CF; margin-top:8px; }
#bottomMenu a { display:block; float:left; padding:4px 10px; text-decoration:none; color:#0E5AA8; }
#bottomMenu a:hover { background-color:#5096F5; color:#FFFFFF; }
#bottomMenu a.current { background-color:#EBF3FE; }
#bottomMenu a.current:hover { background-color:#5096F5; color:#FFFFFF; }

#footer { margin-top:8px; font-size:9px; color:#CCCCCC; }
#footer a { color:#CCCCCC; }
#footer a:hover { color:#666666; }

#tripTipSelector { background-color:#EDF4FE; }
#tripTipSelector th { background-color:#D2E4FC; padding:4px; }

.blueTable { background-color:#EDF4FE;border:1px solid #B0B7CF; }
.blueTable th { background-color:#D2E4FC; padding:4px;border-bottom:1px solid #B0B7CF; }

.guidebooksTable { background-color:#EDF4FE; border-top:1px solid #B0B7CF; border-right:1px solid #B0B7CF; }
.guidebooksTable th { background-color:#D2E4FC; border-left:1px solid #B0B7CF;border-bottom:1px solid #B0B7CF; }
.guidebooksTable td { border-left:1px solid #B0B7CF;border-bottom:1px solid #B0B7CF; }

.noBorder { border:0px; }
.noBorder td { border:0px; }

.trOver { background-color:#F9FBFF; }
#selectedRow { background-color:#DEFBBF; }
#selectedRow.trOver { background-color:#F3FEE7; }

#postcard { background-image:url(../images/postcard-background.gif); background-position:right top; background-repeat:no-repeat; background-color:#FFFFFF; }
#postcardLayer { background-color:#E8EAF0; }
#postcardTitle { font-weight:bold; }
#postcardCountry { font-weight:bold; }
#postcardCity { font-weight:bold; }
#postcardAddress { font-weight:bold; }
#postcardBody { margin:0px; }
#postcardPhone { font-weight:bold; }
#postcardState { font-weight:bold; }

#register #name { width:140px; }
#register #email { width:140px; }
#register #age { width:140px; }
#register #nationality { width:140px; }
#register #country { width:220px; }
#register #reason { width:90%; }
#register #interests { width:90%; }

#createTripTip td { padding-bottom:10px; }
#createTripTip table.defaultPadding td { padding-bottom:0; }

#recommendTable { border-left:1px solid #77AD4A; border-bottom:1px solid #77AD4A; border-top:1px solid #77AD4A; }
#recommendTable td { border-right:1px solid #77AD4A; }
#atmosphereTable { border-left:1px solid #9FBEFF; border-bottom:1px solid #9FBEFF; border-top:1px solid #9FBEFF; }
#atmosphereTable td { border-right:1px solid #9FBEFF; }
#costTable { border-left:1px solid #ED808C; border-bottom:1px solid #ED808C; border-top:1px solid #ED808C; }
#costTable td { border-right:1px solid #ED808C; }
#styleTable { border-left:1px solid #E9CB72; border-bottom:1px solid #E9CB72; border-top:1px solid #E9CB72; }
#styleTable td { border-right:1px solid #E9CB72; }

#loading {
	z-index:100;
	background-color:#990000;
	font-size:17px;
	color:#FFFFFF;
	border:1px solid #000000;
	visibility:hidden;
}

.fanBackground { width:138px; height:108px; background-color:#EBF3FE; font-size:10px; line-height:10px; }
.fanBackground div { width:80px; height:50px; position:absolute; background-color:#FFFFFF; border:1px solid #B0B7CF; }
.fanBackground div a { display:block; width:80px; height:50px; text-decoration:none; color:#000000; }
.fanBackground div a:hover { background-color:#FFF2C6; }
.fanTitle { padding-top:4px; font-size:12px; }
div.fanDisabled { border:1px solid #CCCCCC; color:#CCCCCC; background-color:#F5F5F5; }
.fanEat { z-index:50; margin:52px 0px 0px 4px;}
.fanStay { z-index:40; margin: 40px 0px 0px 16px; }
.fanSee { z-index:30; margin: 28px 0px 0px 28px; }
.fanDo { z-index:20; margin: 16px 0px 0px 40px; }
.fanParty { z-index:10; margin: 4px 0px 0px 52px; }
.cityName { margin-top:4px; margin-bottom:8px; }

.tripTipSmall { border:1px solid #CCCCCC; background-repeat:no-repeat; background-position: right top; background-image: url(../images/pic-postage-small.gif); }
.tripTipSmall td, .tripTipSmall p { font-size:10px; }

.tripTipSmallDeleted { border:1px solid #CCCCCC; background-color:#F5F5F5; }

#stampSmallGreen { position:absolute; margin:10px 0px 0px 10px; }
#stampSmallBlue { position:absolute; margin:22px 0px 0px 10px; }
#stampSmallRed { position:absolute; margin:34px 0px 0px 10px; }
#stampSmallOrange { position:absolute; margin:46px 0px 0px 10px; }
.stampRating5 { width:42px; }
.stampRating4 { width:34px; }
.stampRating3 { width:26px; }
.stampRating2 { width:18px; }
.stampRating1 { width:8px; }
.stampRating0 { width:2px; }

#stampLargeGreen { position:absolute; margin:16px 0px 0px 16px; }
#stampLargeBlue { position:absolute; margin:36px 0px 0px 16px; }
#stampLargeRed { position:absolute; margin:56px 0px 0px 16px; }
#stampLargeOrange { position:absolute; margin:76px 0px 0px 16px; }
.stampLargeRating5 { width:72px; }
.stampLargeRating4 { width:58px; }
.stampLargeRating3 { width:44px; }
.stampLargeRating2 { width:30px; }
.stampLargeRating1 { width:16px; }
.stampLargeRating0 { width:2px; }

#nav, #nav ul { padding: 0; margin: 0; list-style: none; }
#nav li { float: left; margin:0px; clear:left; }
#nav li a { display:block; }
#nav li ul { position: absolute; z-index:1000; left: -999em; width:210px; border:1px solid #999999; background-color:#EEEEEE; }
#nav li ul li p { display:block; padding:4px; margin:0px; width:202px; }
#nav li ul li a { padding:4px; width:202px; text-decoration:none; color:#000000; border-top:1px solid #FFFFFF; border-bottom:1px solid #CCCCCC; }
#nav li ul li a:hover { background-color:#D7D7D7; border-top:1px solid #CCCCCC; border-bottom:1px solid #FFFFFF; }
#nav li ul li a.selected { background-color:#DEFBBF; }
#nav li ul li a.selected:hover { background-color:#B4F56B; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }

/* Other classes */
.error { font-weight:bold; color:#FF0000; }
.success { font-weight:bold; color:#009900; }
.inputElement { color:#333333; }
.grey { color:#999999; }
.f10 { font-size:10px; }
.selectRegion { font-size:11px; font-weight:bold; font-style:normal; }
.mostCommonRegion { font-size:11px; font-weight:bold; background-color:#FFF7E8; }
.boldTripTip { font-weight:bold; }
.cyanBack { background-color:#EDF4FE; }

.private { font-weight:bold; color:#CC0000; }
.shared-with-buddies { font-weight:bold; color:#FF9900; }
.shared-with-all { font-weight:bold; color:#009900; }

a.private, a.shared-with-buddies,a.shared-with-all { text-decoration:none; }
a.private:hover, a.shared-with-buddies:hover,a.shared-with-all:hover { text-decoration:underline; }


#dhtmltooltip { 
	position: absolute; 
	width:350px; 
	visibility:hidden; 
	z-index: 100;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
}