﻿/**
 *
 * Global tag styles
 *
 *	Examples:
 *
 *	   body { ... }
 *	   a { ... }
 *	   h1 { ... }
 *
 * Global color guidelines:
 * Blue headlines (h1): #268ccc, rgb(38,140,204)
 * Gray text / headlines: #4c4c4c, rgb(76,76,76)
 * Dark gray text on light blue bg: #353535, rgb(53,53,53)
 */
table td{margin:0px; padding:0px; border:0px;}
table{width:auto}
.dpinput{width:100px;}
.right{text-align:right;}


 
body {
	font-family: Arial, Verdana, sans-serif;
	color: #303030;
	background:url('bg.png') repeat-x;
	height:100%;
}
body > div.bg {
	background:url('bg-page.gif') repeat-y center top;
}

textarea {
	font-family: Arial,Sans-serif;
	color: #303030;
}

h1 {
	color: #4C4C4C;
	font-size: 35px;
	font-weight: bold;
	letter-spacing: -1px;
}

h2 {
 border-bottom: 1px dotted #97D1F4;
    color: #B00006;
    font: bold 20px Arial,Helvetica,sans-serif;
    padding-bottom: 0;
}
h2.underline {
	border-bottom:1px solid #ececec;
	padding-bottom:3px;
}

h3 {
	margin-bottom: 0.5em;
}

a {
	color: #1b90d0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

input,button {
overflow:visible;
}


/**
 *
 *	Styles for .classified tags for global use
 *
 *	Examples:
 *
 *		div.form { ... }
 *
 */


/* Global Form styles, applied with .form */

div.form .entry {
	float:left;
	width:100%;
	padding-bottom:10px;
}
div.form .wrap {
	float:left;
}

div.form .entry .wrap label input {
	float:left;
}

div.form .entry .label
{
	font-weight: bold;
}

/* Width adjustments */
.text,
.text-medium,
.text-small {
	background:url('input-background.gif') no-repeat left top !important;
	border:1px solid #adadad;
	padding:5px 5px 6px;
	margin:0;
}
.text {
	width:300px;
}
.text-medium {
	width:137px;
	margin-right:10px;
}
.text-small {
	width:83px;
	margin-right:10px;
}

/* Layout adjustments for .settings-form (uses full width)*/
.settings-form {
	float:left;
	margin:0;
	padding:0;
	width:100%;
	}
	.settings-form label {
		width:200px;
		margin-right:10px;
		float:left;
		line-height:27px;
		text-align:right;
		font-weight:bold;
	}
	.settings-form .entry {
		width:100%;
	}
	.settings-form .label-indent { margin-left:210px; }
/* Layout adjustments for .main layout */
.main div.form label
{
	width:150px;
	font-weight: bold;
	font-size: 0.9em;
	display: block;
	float:left;
	margin-right:10px;
	text-align:right;
	line-height:27px;
}

.main div.form .wrap { width:340px; }
.main div.form .wrap .error { margin-right:38px;}
.main div.form .entry .wrap label {
	width:150px;
	margin-top:5px;
	line-height:20px;
	font-weight:normal;
}
.main div.form .label-indent { margin-left:160px; }
.main div.form .entry .wrap label {
	margin-right:10px;
	float:left;
	text-align:left;
}






/* Validation */
div.form .wrap .hint {
	margin: 0;
	padding: 0;
	color: #999;
}
div.form .note /* Need example */
{
	font-style: italic;
}
div.form span.required /* Need example */
{
	color: red;
}
div.form div.error label,
div.form label.error,
div.form span.error {
	color: #C00;
}
div.form input.error,
div.form textarea.error,
div.form select.error {
	background: #FEE;
	border-color: #C00;
}

div.form input.success,
div.form textarea.success,
div.form select.success {
	background: #E6EFC2;
	border-color: #C6D880;
}

.form div.notification {
	padding:10px;
	margin:10px 0;
	border-width:1px;
	border-style:solid;
	border-color:#cecece;@
	margin-right:20px;
	border-radius:3px;
	clear:both;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.form div.hint {line-height:19px;}
.form div.success {
	background-color:#e2fae4;
	border:1px solid #a9c1a9;
	color:#3b6017;
}
.form div.error {
	color:#900;
	border-color:#ce8e8b;
	background-color:#feeeee;
}
.form div.info {
	background-color:#f4f8fc;
	border-color:#268ccc;
	color:#004d7e;
}
.form div.notification ul {
	list-style:disc;
	list-style-position:outside;
	margin:10px 0 0 15px;
	font-size:11px;
	line-height:18px;
}

.main .form .wrap div.error {
	background:none;

}

.errorMessage {
	background-color: #FBE3E4;
	color: #8a1f11;

	border: 1px solid #FBC2C4;
	padding: 3px 5px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}



/**
 *
 *	Styles for #identified elements
 *
 *	Examples:
 *
 *	   #main-tabs {...}
 *	   #main-tabs ul {...}
 *	   #main-tabs .active {...}
 *
 *	Styles for widgets with #id should go into widget section instead.
 *	Styles for layouts with #id should go into layout section instead.
 *
 */
#page {
	width: 960px;
	margin: 0 auto;
	text-align:left;
}


#header
{
	float:left;
	display: block;
	padding-top: 15px;
	padding-bottom:15px;
	width:100%;
	position:relative;
	z-index:1000; /* IE z-index Fix */
}

.page-site-index #header {
	border-bottom:0;
}

#header .search
{
	text-align: right;
}

#header .logo {
	width:225px;
	display: block;
	float: left;
}

#main-tabs
{
	margin: 0;
	padding: 0 0 0 140px;
	height: 32px;
	float:left;
}

#main-tabs li
{
	display:block;
	float:left;
	list-style: none;
	position:relative;
	margin:0 2px;
	padding:0 0 0 5px;
	height:33px;
	background:url('main-tabs-sprite.gif') no-repeat left -33px;
}

#main-tabs li a, #main-tabs li a:visited {
	display: block;
	line-height: 27px;
	background:url('main-tabs-sprite.gif') no-repeat right -33px;
	font-size:13px;
	margin-left: 0;
	padding: 3px 20px 3px 15px;
	text-decoration:none;
	color: #fff;

}

#main-tabs li:hover
{
	background-position: left -66px !important;
}
#main-tabs li:hover a
{
	background-position: right -66px !important;
}
#main-tabs li.active {
	background-position:left -99px !important;
}
#main-tabs li.active a{
	background-position: right -99px !important;
	line-height: 27px;
	color: #5a5c5d;
	font-weight: bold;
}
.page-site-index #main-tabs li.active {
	background-position:left 0 !important;
}
.page-site-index #main-tabs li.active a{
	background-position: right 0 !important;
	line-height: 27px;
	color: #5a5c5d;
	font-weight: bold;
}
#main-tabs .beta-label {
	background:url('maintab-beta-label.png') no-repeat;
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:32px;
	height:33px;

}

#user-menu {
	float:right;
	width:728px;
}

#user-menu .profile-image {
	float: left;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin: 0 3px;
}

#user-menu ul {
	float: right;
	list-style: none;
	margin:0;
	padding:0 0 6px;
	}

#user-menu ul li {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 16px;
	padding:3px 6px;
}
#user-menu li a {
	display: block;
	line-height: 16px;
	display: block;
	text-decoration:none;
}
#user-menu ul li.dropdown {
	background: url('sprites.png') no-repeat 100% -363px;
	padding: 3px 18px 3px 6px;
	/*margin: -6px 0 -4px -11px;*/
	margin: 0 2px;
	height: 16px;
	position:relative;
}
#user-menu ul li.dropdown:hover {
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-top: 1px solid #dedede;
	background: url('sprites.png') no-repeat 100% -364px;
	border-bottom: 1px solid #ffffff;
	z-index: 1024;
		padding:2px 18px 2px 6px;
		margin: 0 1px;
}

#user-menu li.user-settings a img {
	float:left;
	margin-right:5px;
	}
#user-menu li.user-settings a span {
	float:left;
	}
#user-menu li a:hover {
	/*background-color: #2b9fd8;
	color: #ffffff;*/
}



#user-menu .profile-menu {
	width: 160px;
}

#user-menu .profile-menu li {
	width: 150px;
}

#user-menu .guides-menu {
	width: 200px;
}

#user-menu .guides-menu li {
	width: 200px;
}

#user-menu ol {
	display:none ;
	list-style: none;
	list-style-position: outside;
	padding: 0;
	margin: -3px 0 0 -7px;
	text-align: left;
}

#user-menu li:hover ol {
	position: absolute;
	top: 24px;
	float: left;
	display: block;
	border: 1px solid #dedede;
	background: #ffffff;
	z-index: 1024;
}

#user-menu ol li {
	float: left;
	width:100%;
	list-style: none;
	padding: 0;
}
#user-menu ol li a {
	padding:5px;
	display:block;
	border-top: 1px dotted #ccc;
}
#user-menu ol li:first-child a {
	border-top: 0;
}

#user-menu ol li a:hover {
	font-weight: bold;
}

#user-menu ol li .count {
	font-size: 11px;
	color: #666666;
}

#copyright
{
	padding: 5px;
	margin: 10px 0;
	font-size: 0.8em;
	text-align: center;
	width:950px;
	float:left;
}


#footer
{  background: none repeat scroll 0 0 #EFF7FD;
    border-left: 1px solid #3CB7E4;
    border-right: 1px solid #3CB7E4;
    border-top: 2px solid #3CB7E4;
    float: left;
    margin: 0 0;
    padding: 10px 20px;
    text-align: center;
    width: 100%;
}

#footer h2 {
	margin: 0;
	padding: 20px 0;
	font-size: 31px;
	line-height: 31px;
	color: #066cac;
	border-bottom: 1px solid #DDDDDD;
}

#footer a {
	color: #492843;
}

#footer.guide
{
   margin-left: -25px;
    width: 968px;
}

#footer .block
{
	margin: 0;
}

.sitemap
{
	padding: 10px;
	border-bottom: 0;
}

.sitemap .logo
{
	float: left;
	width: 15%;
}

.sitemap ul, .sitemap ul li
{
	display:block;
}

.sitemap ul
{
	float:left;
	margin: 0;
	width: 20%;
}

.sitemap ul li, .sitemap ul li a
{
	font-size: 13px;
	line-height: 16px;
}

.sitemap ul li.title, .sitemap ul li.title a
{
	color: #5e0e59;
	font-size: 14px;
	font-weight:bold;
}

.sitemap ul li
{
	margin:0 0 3px 0;
}

.sitemap ul li.title
{
	margin-left:0;
}

.sitemap ul li.space
{
	margin-top:26px;
}

#breadcrumbs
{
	padding: 5px 0;
	font-size: 0.9em;
	width:100%;
	float:left;
}

#breadcrumbs span
{
	font-weight: bold;
}



/**
 *
 *  Global class based styles for general use
 *
 * Example:
 *
 *	.button { ... }
 *	.incomplete { ... }
 *	.rounded { ... }
 *
 */

.button {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	display:inline-block;
		margin:0;
		padding:0;
	background-image:url('sprite-gray.png');
		text-align:center;
		text-decoration:none;
		vertical-align:top;
		overflow:visible;
		font-size:12px;
}
a.button { 
	margin-right:3px;
}
button.button span {
	background-position:inherit right;
	display:inline-block;
	position:relative;

}

/* input element*/
span.button input {
	padding:0;
	border:0;
	float:left;
	font-weight:bold;
	background:transparent;
}

/* Purple buttons*/
span.purple,
button.purple,
a.purple {
	background-image:url('sprite-purple.png');
	background-repeat:no-repeat;
}

span.purple input,
button.purple span,
a.purple span {
	background-image:url('sprite-purple.png');
	color:white !important;
}
.purple.xlarge,
.purple.large,
.purple.medium {
	color:white;
}
.purple:active span,
.purple.small:active input { color:white;}

/* Blue buttons*/
span.blue,
button.blue,
a.blue {
	background-image:url('sprite-blue.png');
	background-repeat:no-repeat;
}
span.blue input,
button.blue span,
a.blue span {
	background-image:url('sprite-blue.png');
	color:#fff;
}
a.blue,
.blue:active span,
.blue.small:active input,
input.blue,
button.blue,
{
	color:white;
}
/* Gold */
span.gold,
button.gold,
a.gold {
	background-image:url('sprite-gold.png');
	background-repeat:no-repeat;
}
span.gold input,
button.gold span,
a.gold span {
	background-image:url('sprite-gold.png');
	color:#fff;
}

.gold:active span,
.gold.small:active input,
input.gold,
button.gold,
a.gold
{
	color:white;
	text-shadow:1px 1px 1px #d7a417;
}





/* Set button sizes */



/* Background and States */


button.button {
	background-color:transparent;
	white-space:nowrap;
}

/* Default*/
.button {
	height:24px;
	line-height:24px;
	margin:0;
	padding:0 6px 0 0;
	background-position:left -123px;
	font-weight: bold;
	margin-right:10px;
}

.button span,
span.button input {
	height:24px;
	line-height:24px;
	background-image:url('sprite-gray.png');
	background-position:right -123px;
	float:left;
	display:block;
	font-size:inherit;
	margin-left:10px;
	margin-right:-10px;
	padding-right:10px;
	white-space:nowrap;
	color: #7e136a;
	cursor:pointer;
}

.purple span,
span.purple input {
	background-image:url('sprite-purple.png');

}

.blue span,
span.blue input {background-image:url('sprite-blue.png');
}

.gold span,
span.gold input {background-image:url('sprite-gold.png');
}

.button:hover { background-position:left -294px; text-decoration: none; }
.button:hover span, .button:hover input { background-position:right -294px; text-decoration: none; }
.button:active { background-position:left -465px; }
.button:active span, .button:active input { background-position:right -465px; color:#fff; }


/* Small */
.button.small {
	height:22px;
	line-height:22px;
	background-position:left -148px;
}
.button.small span,
.button.small input {
	background-position:right -148px;
	height:22px;
	line-height:22px;
}
.button.small:hover { background-position:left -319px; }
.button.small:hover span, .button.small:hover input { background-position:right -319px; }
.button.small:active { background-position:left -490px; }
.button.small:active span, .button.small:active input { background-position:right -490px; }

/* Medium */
.button.medium {
	height:34px;
	line-height:34px;
	background-position:left -88px;
}
.button.medium span,
.button.medium input {
	background-position:right -88px;
	height:34px;
	line-height:34px;
}
.button.medium:hover { background-position:left -259px; }
.button.medium:hover span, .button.medium:hover input { background-position:right -259px; }
.button.medium:active { background-position:left -430px; }
.button.medium:active span, .button.medium:active input { background-position:right -430px; }

/* Large */
.button.large {
	height:39px;
	line-height:39px;
	background-position:left -48px;
}
.button.large span,
.button.large input {
	background-position:right -48px;
	height:39px;
	line-height:39px;
}
.button.large:hover { background-position:left -219px; }
.button.large:hover span, .button.large:hover input { background-position:right -219px; }
.button.large:active { background-position:left -390px; }
.button.large:active span, .button.large:active input { background-position:right -390px; }

/* XLarge */
.button.xlarge {
	height:47px;
	line-height:47px;
	background-position:left top;

	font-weight:bold;
}
.button.xlarge span,
.button.xlarge input {
	background-position:right top;
	height:47px;
	line-height:47px;
	font-size:18px;
	color:white;
}
.button.xlarge:hover { background-position:left -171px; }
.button.xlarge:hover span, .button.xlarge:hover input { background-position:right -171px; }
.button.xlarge:active { background-position:left -342px; }
.button.xlarge:active span, .button.xlarge:active input { background-position:right -342px; }

/* Font Colors */


/* Browser fixes */
button::-moz-focus-inner {
	border: none ;  /* overrides extra padding in Firefox */
}

/* Override blue font color*/
.blue span, .blue input { color:#fff !important;}

span.stars {
	background: url('stars.png') no-repeat;
	height: 12px;
	width: 65px;
	display: inline-block;
}

.stars.s00 {background-position: -65px 0;}
.stars.s05 {background-position: -52px -20px;}
.stars.s10 {background-position: -52px 0;}
.stars.s15 {background-position: -39px -20px;}
.stars.s20 {background-position: -39px 0;}
.stars.s25 {background-position: -26px -20px;}
.stars.s30 {background-position: -26px 0;}
.stars.s35 {background-position: -13px -20px;}
.stars.s40 {background-position: -13px 0;}
.stars.s45 {background-position: 0 -20px;}
.stars.s50 {background-position: 0 0;}

span.ratings {
	background: url('ratings.png') no-repeat;
	padding: 0 0 0 69px;
	height: 14px;
}

.ratings.r00 {
	background-position: -69px 1px;
}

.ratings.r05 {
	background-position: -55px -14px;
}

.ratings.r10 {
	background-position: -55px 1px;
}

.ratings.r15 {
	background-position: -41px -14px;
}

.ratings.r20 {
	background-position: -41px 1px;
}

.ratings.r25 {
	background-position: -27px -14px;
}

.ratings.r30 {
	background-position: -27px 1px;
}

.ratings.r35 {
	background-position: -14px -14px;
}

.ratings.r40 {
	background-position: -14px 0;
}

.ratings.r45 {
	background-position: 0 -14px;
}

.ratings.r50 {
	background-position: 0 1px;
}

.template {
	display: none;
}

.incomplete {
	border: 1px solid red;
}

.hr {
	width: 100%;
	height: 2px;
	/*background: #ffffff url(../images/hr.png) repeat-x;*/
	background: url('sprites.png') repeat-x 100% -120px;
}

.rounded {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.added {
	height:24px;
	line-height:24px;
	display:inline-block;
	margin:0;
	padding:0 0 0 17px;
	color:#666;
	white-space:nowrap;
	background:url('added_to_guide.png') no-repeat 0 3px;
}

/* small exception: not really general but used in many places */
.add-venue-button.added, .add-venue-button.added:hover,
.add-hotel-button.added, .add-hotel-button.added:hover {
	cursor: default;
}

.tabs {
	width: 100%;
	border-bottom: 1px solid #cecece;
	float: left;
	clear: both;
	height: 31px; /* .widget-filter-selector should have equalent margin-top */
	padding: 0;
	margin: 0;
}

.tabs .label {
	float: left;
	padding:6px 8px 4px;
}
.tabs .button {
	float:right;
	margin-left:20px;
	}
.tabs ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

.tabs li {
	float: left;
}

.tabs li a {
	display: block;
	line-height: 20px;
	padding: 6px 14px 4px;
	margin-left: 3px;
	color: #3590c1;
	background-color: #fafafa;
	text-decoration: none;
	letter-spacing: 0.5px;
	border: 1px solid #cecece;
	border-bottom: 1px solid #fafafa;
	border-bottom:none;
	font-size:12px;
	border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	-moz-border-radius:  2px 2px 0 0;

}

.tabs li a:hover {
	background-color: #fff;
	color: #4b4b4b;
	border-bottom: 1px solid #FFF;
}

.tabs li a.active {
	background-color: #fff;
	color: #3c3c3c;
	font-weight: bold;
	border-bottom: 1px solid #FFF;
}
/*
.tabs.large {
	padding: 0 0 6px 0;
}

.tabs.large li a {
	padding: 6px 15px;
}
*/
/*
Inspired by "Pure CSS Speech Bubbles":
See: http://nicolasgallagher.com/demo/pure-css-speech-bubbles/bubbles.html
*/
.bubble {
	position: relative;
	float:left;
	margin: 10px 0;
	background:url('stay-bubble-sprite.png') no-repeat left bottom;
	padding-bottom:15px;
}
.bubble .bubble-wrap {
	background:url('stay-bubble-sprite.png') no-repeat left top;
	padding: 12px 20px;
	float: left;
	clear: both;
	width: 920px;
}

.bubble .bubble-wrap-610 {
	background:url('stay-bubble-sprite-610.png') no-repeat left top;
	padding: 12px 20px;
	float: left;
	clear: both;
	width: 570px;
}

.bubble h2 {
	margin: 0 0 4px;
}

.bubble p {

	font: 18px/24px "Helvetica Neue",Arial,Sans-serif;
	margin: 5px 0;
}

.bubble .message {
	float: left;
	width: 80%;
}

.bubble .action {
	float: left;
	text-align: center;
	height: 100%;
	margin:20px 10px 0;
}

.bubble .action p {
	font-size: 12px;
	font-weight:bold;
	padding:0;
	margin:0;
}
.bubble .close-bubble-button {
	display:block;
	height:15px;
	width:15px;
	float:right;
	background:url('bubble_close.gif') no-repeat;
}

.box {
	width: 100%;
	background-color: #e9f7ff;
	border: 1px solid #97d1f4;
	padding: 15px;
}

.box .title,
.box h1 {
	color: #2B9FD8;
	line-height: 28px;
	font-weight: bold;
	margin: 0;
}

.box .title em,
.box h1 em {
	font-weight: normal;
}

.box .tagline,
.box h2 {
	margin: 0;
	color: #484848;
	font-size: 18px;
}

/**
 * Styles that are common for elements among different pages
 *
 * Schema:
 *      .common-<name>
 *
 * Examples:
 *      .common-page-title
 */

h1.common-page-title
{
	color: #4C4C4C;
	line-height: 30px;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0 0 10px 0;
}
n

h1.common-page-title .tagline
{
	font-size: 0.5em;
	color: #999;
	font-weight: normal;
}

/**
 * Styles for elements in layouts
 *
 * Schema:
 *      .layout-<layout-name>-<sub-name>
 *      .layout-<layout-name>-<sub-name> .<child-element-class>
 *
 * Examples:
 *      .layout-hotel-content
 *      .layout-hotel-shortcuts .shortcut
 */

#layout-guide-main {
	width: 960px;
	float:left;

}

#layout-guide-main h1,
.layout-hotel-content h1
{
	color: #4c4c4c;
	font-weight: bold;
	margin-bottom: 5px;
}
/*
#layout-guide-main .stars {
	display:block;
	clear:both;
}
*/
#layout-guide-sidebar {
	width: 120px;
}
#layout-guide-sidebar .stay { float:left; text-align:center;}
#layout-settings {
	margin-top: 2em;
	float:left;
	width:100%;
}
#layout-settings h2 {
	float:left;
	width:100%;
	display:block;
	border-bottom:1px solid #cecece;
}

#layout-settings .menu{
	width: 200px;
	float: left;
	padding:0;
	margin:0;
	border-bottom: 1px solid #cecece;
}

#layout-settings .content {
	margin-left: 10px;
	width: 750px;
	float: left;
}

#layout-settings .main {
	width: 500px;
	margin-right: 10px;
	float: left;
}

#layout-settings .help {
	width: 240px;
	float: left;}

#layout-settings .help h3 {
	font-size:16px;
}



#layout-settings .menu a {
	display:block;
	font-size: 1em;
	text-decoration: none;
}

#layout-settings .menu li {
	list-style: none;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #cecece;
}

#layout-settings .menu li.active {
	background: #2AA0D2;
}
#layout-settings .menu li.active a {
	color: #fff;
	font-weight:bold;
}

.layout-hotel-content {

}
.layout-hotel-content h1 span {
	font-size:16px;
	color:#4c4c4c;
	font-weight:normal;
}


.layout-hotel-shortcuts {
	color: #666;
	padding:10px 0 0 ;
	text-align: right;
	float:left;
	width:100%;
}

.layout-hotel-shortcuts .shortcut {
	margin: 0 0 0 10px;
	display: inline;
}

.layout-hotel-shortcuts span.own-guide
{
    float: left;
    margin: -6px 0 0 3px;
	line-height:29px;
}

.layout-hotel-shortcuts .own-guide .items
{
	line-height:16px;
	margin:5px 0;

    color: #303030;
}


.user-view {
	float:left;
	width:100%;
	}
	.user-view .profile-details {
		float:right;
		width:280px;
		background-color:#eff7fe;
		border-top:1px solid #92d4f6;
		padding:10px;
		}
		.user-view .profile-details dt {
			width:100px;
			float:left;
		}
		.user-view .profile-details dd {

		}
		.user-view .user-header {
			width:100%;
			float:left;
			margin-top:10px;
		}
		.user-view .user-header img {
			float:left;
			margin:0 15px 0 3px;
		}
		.user-view .user-header h2 {
			float:left;
		}
	.user-view .user-content {
		float:left;
		width:660px;
		}
		.user-view .user-content div.stay-box {
			margin-left:33px;
		}




.widget-filter-selector{
	margin-top:31px;
	padding: 5px 10px;
	background: #eff7fd;
	float:left;
	border-top: 1px solid #97d1f4;
	border-bottom: 1px solid #97d1f4;
}
.filters h2{
	font-weight: bold;
	margin: 8px 0 10px 0;
	padding-bottom:8px;
	font-size:15px;
	border-bottom:1px solid #dfdfdf;
}
.filters h2 a{
	font-size: 0.8em;
	font-weight: normal;
}
.filters h3{
	float: left;
	margin: 5px 0;
	padding: 0;
	font-size: 1.2em;
	color: #4C4C4C;
	font-weight: bold;
}
.filters .facet, .filters .options{
	margin: 5px 0 0 8px;
	float: left;
	width: 162px; /* changed from 162 */
}

.results .filters input {
	float:left;
}
.results .filters label {
	float:left;
	width:115px; /* changed from 115 */
	cursor:pointer;
	white-space:nowrap;
	
}
.results .filters .facet-term.all label{
	font-weight: bold;
}
.results .filters .facet-term {
	float:left; width:100%;
}
.results .filters .facet-term span {
	margin-left: 0px;
}

.widget-filter-selector ul, .widget-filter-selector li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.widget-filter-selector .facet .count {
	color: #666666;
	font-size: 11px;
	text-decoration: none;
}


.widget-filter-selector .term-count {
	color: #aaa;
	font-size: 11px;
}

.widget-filter-selector .facets .inactive{
	display: none;
}

.widget-filter-display {
	float:left;
}
.widget-filter-display .hits { float:left;}

.widget-filter-display .active-filters {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 10px;
	display: none;
}

.widget-filter-display a.active-term {
	border: 1px dotted #CCC;
	display: block;
	float: left;
	margin-right: 10px;
	padding: 1px 20px 1px 6px;
	position: relative;
	text-decoration: underline;
	width: auto;
	height: 20px;
	background: #fff url('sprites.png') no-repeat 100% -122px;
}
/* Cut paste from 3753 */



.filter label .rate { float:left;}

.filter .options label {
	width:135px;
	}
	.filter .options input {
		float:left;
	}
	.filter .options label span {
		/*float:left;*/
		display:inline;
		}
		.filter .options label span.stars {
			margin:0 4px;
			display:inline-block;
		}
		.filter .options label .ratings {
			display:block;
			margin:0 5px;
		}
		.filter .options label .count {
			font-size:11px;
			color:#666666;
		}



.filter .options .all span { float:none; }

.hotel-search .filters .filter .disabled
{
	color: #999;
	cursor: auto;
}

.hotel-search .filters .filter,
.venue-list .filters .filter
{
	float:left;
	margin-bottom: 15px;
}
.hotel-search .filters .filter .option {
	float:left;
	width:100%;
}
.hotel-search .filters .filter .option.all label
{
	font-weight: bold;
}
.hotel-search .filters .filter .option span.rate,
.hotel-search .filters .filter .option span.ratings{
	display:inline-block;
}
.hotel-search .filters .filter.keyword
{
	border: 0;
}


/* City section list*/
.city-section {
	float:left;
}
.city-section h2 {
	border-bottom:1px solid #cecece;
	padding:2px 10px;
	margin-bottom:10px;
}

.partial-site-featured #tab-content {
	float:left;
	width:100%;
	height:500px;
}
.partial-site-featured .featured-city {
	position:relative;
	width:960px;
	height:489px;
}
.partial-site-featured .featured-city-content {
	position:absolute;
	top:0;
	left:0;
	width:940px;
	height:449px;
	padding:10px;
}
.partial-site-featured .featured-city-content .button {
	float:right;
	margin:10px;
}
.partial-site-featured .caption {
	font-size:28px;
	color:#fff;
	float:left;
}
.partial-site-featured .caption .feature {
	font-weight:bold;
}
.partial-site-featured .partial-stay-list {
	float:left;
	width:956px;
	margin:0 0 0 4px;
	position:absolute;
	left:0;
	bottom:0;
}

.partial-site-featured .create-guide-button {

}


/* Filter layout */

.results {
	width:990px;
	float:left;
}
.filters {
	width:190px;
	float:left;
	margin-right:10px;
}
.content {
	width:760px;
	float:left;
}

.partial-venue-list {
	float: left;
	width:100%;
	margin-bottom:15px;

}

.partial-venue-list .summary {
	text-align: right;
	padding: 10px 0 0;
	float: right;
}

.partial-venue-list .pager,
.hotels .pager {
	text-align: right;
	padding: 10px 0 0;
	color: #484848;
	float: right;
}

.partial-venue-list #tab-content.map .venues {
	display: none;
}

.partial-venue-list #tab-content.grid #venue-map,
.partial-venue-list #tab-content.list #venue-map {
	display: none;
}

.partial-venue-list .loading {	/* "loading" layer */
	display:none;
	position: absolute;
	background: rgba(255,255,255,0.9);
	z-index: 999;
}



/*

.partial-stay-list

*/
.partial-stay-list .grid .stay-box
{
	float: left;
	width: 177px;
	height: 199px;
	margin:10px 0px 10px 13px;
	position:relative;
	padding: 11px 4px 25px 14px;
	background: url('guide-box.png') no-repeat;
}
	.partial-site-featured .partial-stay-list .grid .stay-box {
		margin: 10px 10px 10px 41px;
	}
	.partial-stay-list .grid .stay-box.first {
		margin-left:0;
	}
	.partial-site-featured .partial-stay-list .grid .stay-box.first {
		margin-left:10px;
	}
	.partial-stay-list .grid .stay-box a.delete-stay-button
	{
		display:block;
		float: right;
		font-size: 1.1em;
		font-weight:bold;
		color: #f00;
		text-decoration: none;
		height: 11px;
		width: 10px;
		position:absolute;
		top:18px;
		right:23px;
		background: url('sprites.png') no-repeat 100% -215px;
}

	.partial-stay-list .grid .stay-box .label {
		float: left;
		width:155px;
		color: #fff;
		background-color:#ff9400;
		padding:3px 0 3px 10px;
		font-size:12px;
		margin-bottom:6px;
	}
	.partial-stay-list .grid .stay-box .title
	{
		float: left;
		width: 164px;
		font-weight: bold;
		font-size: 14px;
		margin: 5px 10px 3px 0;
	}
	.partial-stay-list .grid .stay-box .visitcount { margin:0 8px 10px 0;}

	.partial-stay-list .grid .stay-box a img
	{
		float:left;
		width:165px;
		height:52px;
	}
	.partial-stay-list .grid .stay-box .title a {
		text-decoration:none;
	}
	.partial-stay-list .grid .stay-box .title a:hover
	{
		text-decoration: underline;
	}

	.partial-stay-list .grid .stay-box .author
	{
		float: left;
		width: 100%;
		font-size:.8em;
	}

.partial-stay-list .grid .stay-box .image
{
	/*width: 180px;
	height: 60px;*/
}

.partial-stay-list .grid .stay-box .thumbs {
	float: left;
	width: 180px;
	height: 58px;
}

.partial-stay-list .grid .stay-box .thumbs img {
	width: 58px;
	height: 58px;
	margin-right: 3px;
}

.partial-stay-list .grid .stay-box .thumbs img.last {
	margin: 0;
}

.partial-stay-list .grid .stay-box .visitcount {
	float: left;
	width: 166px;
	font-size: 11px;
}

.partial-stay-list .list .stay-box
{
	height: 100px;
	margin: 10px 0;
	padding: 5px;
	position: relative;
}

.partial-stay-list .list .stay-box .image
{
	height: 88px;
	width: 188px;
	border: 1px solid red;
	top: 25px;
	position: absolute;
}

.partial-stay-list .list .stay-box .name
{
	font-weight: bold;
	font-size: 1.1em;
	top: 0px;
	position: absolute;
}

.hotel-index-benefits {
	float:left;
	width:315x;

}
.hotel-index-benefits .benefit
{
	margin-bottom: 10px;
	width:315px;
}

.hotel-index-benefits .benefit li
{
background: url("list-icon.jpg") no-repeat scroll 7px 5px transparent;
    border-bottom: 1px dotted #97D1F4;
    color: #0F4664;
    font-size: 13px;
    line-height: 17px;
    list-style: none outside none;
    margin: 5px 0;
    padding: 2px 0 3px 22px;
    width: 292px;
}

.hotel-index-benefits h3
{
	background:#EFF7FD;
	font-size:15px;
	font-weight: bold;
	padding: 10px;
	color: #474747;
	border:1px solid #97D1F4;
}

.hotel-index-benefits label
{
	display: block;
	font-weight: bold;
}
.hotel-index-benefits .benefit p { margin:0px;}
.hotel-index-benefits #email
{
	font-size: 15px;
	width: 180px;
	float:left;
	margin: 0 10px 5px 0;
}
.hotel-index-benefits .button { float:right;}
.hotel-index-benefits .errorMessage

.hotel-index-benefits p
{
	margin: 0 10px;
	padding: 0 0 10px 0;
}

.hotel-index-benefits form
{
	margin: 0 10px;
}

.hotel-index-benefits .success
{
	color: #018b04;
}







/* Hotel Index Search */
.hotel-index-search
{
	float:left;
	background-color: #eff7fd;
	border: 1px solid #97d1f4;
	padding:15px;
	width:578px;
	margin-right:10px;
}
.hotel-index-search h3
{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #258dca;
}
.hotel-index-search h3 .step
{
	margin-right: 2px;
	width:35px;
	float:left;
	text-align:center;
}

.hotel-index-search .section {
	float:left;
	width:100%;

}

.hotel-index-search .section .entry,
.hotel-index-search .widget-hotel-room-selector {
	margin-left:38px;
	width:555px;
	padding-right:20px;
}
.hotel-index-search .section .widget-hotel-room-selector {
	width:411px;
	float:left;
	}
.hotel-index-search .section span.button.blue {
	float:left;


	}
	.hotel-index-search .section span.button.blue input {
		padding-right:25px;
		margin-left:25px;
		font-weight:bold;
	}

.hotel-index-search .section .entry span.label {
	padding-bottom:3px;
	float:left;
	width:100%;
}
.hotel-index-search .section .entry input
{
	margin: 0;
	padding:5px;
	float:left;
}
.hotel-index-search .section .entry input.text {
	width:410px;
}
.hotel-index-search .hint
{
	color: #999;
}
.hotel-index-search .errorMessage { clear:both;}
.hotel-index-search .date-input
{
	width: 226px;
	float: left;
	padding-right:10px;
}

.hotel-index-search .nights
{
	float: left;
	width: 70px;
	padding-top: 20px;
	color: #999;
}

.hotel-index-search .date-input input { width:170px;}
.hotel-index-search .date-input p.hint {
	width:100%;
	float:left;
	margin:0;
}
.hotel-index-search .no-dates
{
	margin: 5px 0 0 0;
	float:left;
}

.hotel-index-search .no-dates label
{
	display:inline;
	font-weight:normal;
	margin-left:8px;

}
.hotel-index-search .section.many .label
{
	display: block;
	clear:both;
}
.hotel-index-search .section.many .hint
{
	display: block;
	color: gray;
	font-size: 0.8em;
}
.hotel-index-search .section.many select
{
	width: 50px;
	margin: 0;
}

.hotel-index-search .child-count {
	float:left;
}
.hotel-index-search .room-count
{
	float: left;
	width:90px;

}








/* Not sure if these are used, not in sandbox*/
.widget-hotel-room-selector .label{
	float: left;
	width:100%;
	font-weight:bold;
}

.hotel-index-search .rooms
{
	float: left;
	margin: 0 0 0 20px;
	width:300px;
}

.hotel-index-search .room
{
	margin: 0 0 5px;
}

.hotel-index-search .room-label
{
	float: left;
	margin: 20px 0 0 0;
}

.hotel-index-search .adult-count,
.hotel-index-search .child-count
{
	float: left;
	text-align: left;
	width:75px;
	margin: 0 0 5px 20px;
}

.hotel-index-search .child
{
	text-align: right;
	margin: 0 0 5px 20px;
}

.hotel-index-search .section.many .child .label
{
	display: inline;
}

.hotel-index-search .disabled h3,
.hotel-index-search .disabled p,
.hotel-index-search .disabled span
{
	color: #999;
}

.hotel-index-search .entry.dates
{
	position: relative;
}

.hotel-index-search .daterange-pickers
{
	position: absolute;
	top: 50px;
	left: 0px;
	background: #ccc;
	padding: 10px;
}

.hotel-index-search .daterange-picker
{
	float: left;
	margin: 0 5px 5px 5px;
}

.hotel-index-search .daterange-pickers .close-button
{
	margin: 0 5px;
	text-align: right;
}








/* hotel-search-form */

.hotel-search-form .date-input
{
	width: 160px;
	float: left;
}
.hotel-search-form .date-input input {
	width:100px;
}
.hotel-search-form .hint
{

}
.hotel-search-form .date-input p.hint {
	width:100%;
	float:left;
	margin:0;
	color: #999;
	margin: 0;
	padding: 0;
}

.hotel-search-form .search-form
{
	background-color: #EFF7FD;
	border: 1px solid #97d1f4;
	padding: 15px 15px;
}
.hotel-search-form .widget-hotel-room-selector { float:left;}
.hotel-search-form .buttons { float:right;}

.hotel-search-form .section.many .label
{
	display: block;
	clear:both;
	float:none;
}

.hotel-search-form .section.many .hint
{
	display: block;
	color: gray;
	font-size: 0.8em;
}

.hotel-search-form .section.many select
{
	width: 50px;
	margin: 0;
}

.hotel-search-form .room-count
{
	float: left;
}

.hotel-search-form .rooms
{
	float: left;
	margin: 0 0 0 20px;
	width:280px;
}

.hotel-search-form .room
{
	margin: 0 0 5px;
	float:left;
	width:100%;
}

.hotel-search-form .rooms .room-label
{
	float: left;
	margin: 20px 0 0 0;
	width:50px;
}

.hotel-search-form .rooms .adult-count
{
	float: left;
	text-align: left;
	margin: 0 0 5px 20px;
}
.hotel-search-form .rooms .child-count {
	float: right;
	text-align: left;
	margin: 0 0 5px 20px;


}
.hotel-search-form .rooms .adult-count select,
.hotel-search-form .rooms .child-count select {

}
.hotel-search-form .children {
	float:right;
	clear:both;
	margin-bottom:30px;
	border:1px solid #bbe0f7;
	background-color:#e3f3ff;
	padding:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	display: none;
}

.hotel-search-form .child
{
	text-align: left;
	float:left;
	margin: 0 0 5px 10px;
}

.hotel-search-form .section.many .child .label
{
	width:100%;
	display:block;
	font-size:.9em;
	color:#4C4C4C;
	font-weight:normal;
}
.hotel-search-form .section.many .child select { float:right;}

.hotel-search-form .section.when
{
	position: relative;
}

.hotel-search-form .daterange-pickers
{
	position: absolute;
	top: 50px;
	left: 0px;
	background: #ccc;
	padding: 10px;
	float: left;
	margin: 0 5px 5px 5px;
}

.hotel-search-form .daterange-pickers .close-button
{
	margin: 0 5px;
	text-align: right;
}























.layout-hotel-content .hotel-search .results { width:960px; }
.layout-hotel-content .hotel-search .content { width:760px;	}


.hotel-search-results .hotel
{
	padding: 0 0 10px;
	margin: 10px 0 20px;
	float:left;
	width:100%;
	border-bottom: 1px dashed #AAA;
}

.hotel-search-results .hotel .location-info,
.hotel-search-results .hotel .distance
{
	margin-left: 5px;
}

.hotel-search-results .hotel .name
{
	font-size: 1.5em;
	font-weight: bold;
	color: #353535;
}

.hotel-search-results .hotel .name .price
{
	padding-left: 30px;
	font-size: 0.7em;
	font-weight: normal;
	float: none;
}

.hotel-search-results .hotel .name .price ins
{
	color: #303030;
	display: inline;
	font-size: 1.2em;
	font-weight: bold;
}

.hotel-search-results .hotel .price .note
{
	font-size: 11px;
}

.hotel-search-results .hotel .image
{
	float:left;
	margin:5px 20px 0 0;
}
.hotel-search-results .hotel .image .action
{
	text-align: center;
	font-size: 11px;
}
.hotel-search-results .hotel .description
{
	float: left;
	width: 540px;
}
.hotel-search-results .hotel .right {
	width: 180px;
	/*border: 1px solid red;*/
	float:right;
	text-align:center;
}

/* Target wide (override default )*/
/*.layout-hotel-content .hotel-search .results .description { width:400px;}*/



.hotel-search-results .hotel .price
{
	font-weight: normal;
	padding: 0 0 10px 0;
	width:100%;
	float:left;

}

.hotel-search-results .hotel .price ins
{
	color: #018b04;
	width: 100%;
	display: block;
}

.hotel-search-results .hotel .buttons a
{
	margin-right: 10px;
}

.hotel-search-results .hotel .price
{
	text-align: center;
}

.hotel-search-results .hotel .price del
{
	font-size: 1.0em;
	color: #848484;
}

.hotel-search-results .hotel .price ins
{
	text-decoration: none;
	font-size: 2.0em;
	font-weight: bold;
}

.hotel-search-results {
	float:left;
	padding:0;
}
.hotel-search-results .sorter {
	padding:10px 0;
	font-size:11px;
}
.hotel-search-results .sorter a
{
	font-weight: bold;
	text-decoration: none;
	margin:0;
	padding: 4px 8px;
}

.hotel-search-results .sorter a.asc,
.hotel-search-results .sorter a.desc,
.hotel-search-results .sorter a.active {
	color: #fff;
	padding-right:17px;
	margin-right:8px;
}
.hotel-search-results .sorter a.asc { background:url('sort.png') no-repeat 100% -2px;
}
.hotel-search-results .sorter a.desc { background:url('sort.png') no-repeat 100% -18px;
}
.hotel-search-results .sorter a.active {
	background-color:#268ccc;
	padding-right:8px;
}


.hotel-search-results .name a
{
    color: #000;
}

.hotel-search-results .pager { float: right; }
.hotel-search-results .summary { float: right; padding: 10px 20px; }
.hotel-steps
{
	margin: 0 0 10px;
	float:left;
}

.hotel-steps ul
{
	margin: 0;
	padding: 0;
}

.hotel-steps li
{
	display: block;
	float: left;
	background: url('processbar-sprite.png') no-repeat 100% -36px;
}
	.hotel-steps li div {
		background: url('processbar-sprite.png') no-repeat 0% -36px;
		margin-right:35px;
		float:left;
		line-height:36px;
		color: #4c4c4c;
		height:36px;
		font-size: 1.2em;
		font-weight: bold;

	}
	.hotel-steps li.step-2
	{
		background: url('processbar-sprite.png') no-repeat 100% -144px;
}
		.hotel-steps li.step-2 div {
			background: url('processbar-sprite.png') no-repeat 0% -144px;
}
	.hotel-steps li.step-3
	{
		background: url('processbar-sprite.png') no-repeat 100% -216px;
}
		.hotel-steps li.step-3 div {
			background: url('processbar-sprite.png') no-repeat 0% -216px;
}
	.hotel-steps li div span {
		float:left;
		width:26px;
		color:#999;
		text-align:right;
		margin-right:15px;

	}
	/* If step-1 = active */
	.hotel-steps li.step-1.active {
		background-position:100% 0;
	}
	.hotel-steps li.step-1.active div {
		background-position:0 0;
	}
	/* If step-2 is active*/
	.hotel-steps li.step-2.active {
		background-position:100% -72px;
	}
	.hotel-steps li.step-2.active div {
		background-position:0 -72px;
	}
	.hotel-steps li.step-2 span {
		width:24px;
	}
		/* If step-2 is active*/
		.hotel-steps li.step-3.active {
			background-position:100% -180px;
		}
		.hotel-steps li.step-3.active div {
			background-position:0 -180px;
		}
		/* These classes fixes the previous step's arrow to fit with the current step's state */
		.hotel-steps li.step-1.arrowfix {
			background-position:100% -144px !important;
		}
		.hotel-steps li.step-2.arrowfix {
			background-position:100% -108px !important;
		}
/*
.hotel-steps li.last
{
	background: none;
}

.hotel-steps li a
{
	text-decoration: none;
}

.hotel-steps li.active
{
	color: black;
}

.hotel-steps li.done
{
	color: #666;
}
*/
.hotel-book-summary
{
	margin: 20px 0;
}

.hotel-book-summary .vssigned
{
	margin: 10px;
	text-align: center;
}

.hotel-book-summary .summary
{
	padding: 10px;
	border: 1px solid silver;
	background: white;
}

.hotel-book-summary .summary h3
{
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.hotel-book-summary .section
{
	margin: 0 0 10px;
}

.hotel-book-summary .summary h4
{
	background: #eee;
	padding: 2px 4px;
	margin: 0 0 10px;
}

.hotel-book-summary .section.address img
{
	float: right;
}

.hotel-book-summary .summary .date
{
	font-weight: bold;
}

.hotel-book-summary .summary .price
{
	width: 100px;
	text-align: right;
}

.hotel-book-summary .summary .room-type
{
	font-weight: bold;
	margin: 0 0 10px;
}

.hotel-book-summary .summary .room-promo
{
	font-weight: normal;
}

.partial-stay-similar .stay
{
	width: 200px;
	margin: 10px 0 0 10px;
	padding: 5px;
	border: 1px solid #ccc;
}

.partial-stay-similar .stay .image
{
	text-align: center;
}

.partial-stay-similar .stay .name a
{
	font-size: 1.2em;
	text-decoration: none;
}

.partial-stay-similar .stay .count
{
	color: #999;
}

.partial-stay-similar .stay .rating
{
	float:right;
}

.partial-stay-similar .stay .author a
{
	font-size: 0.9em;
	text-decoration: none;
}


.partial-stay-hotels .hotel-box
{
	width: 188px;
	float:left;
	margin: 0 0 20px 10px;
	padding: 8px;
	border: 1px solid #ccc;
	}
	.partial-stay-hotels .hotel-box .image
	{
		text-align: center;
	}

	.partial-stay-hotels .hotel-box .name
	{
		font-size: 14px;
		font-weight:bold;
	}

	.partial-stay-hotels .hotel-box .actions
	{
		padding: 10px 0;
	}
	.partial-stay-hotels .hotel-box .actions .add-hotel-button{
		float:right;
	}
	.partial-stay-hotels .hotel-box .price
	{
		width: 90px;
		float: left;
		text-align: center;
	}

.partial-stay-hotels .hotel-box a.check-rates-button
{
	float: right;
	margin-top: 10px;
	display:block;

}

.partial-stay-hotels .hotel-box a.add-guide-button
{
	float: right;
	display:block;
}





/**
 *
 *  Styles for elements in controller views
 *
 *  Schema:
 *
 *		.<controller>-<view>
 *
 *  Examples:
 *		.venue-index .city-info { ... }		(views/venue/index.php)
 *		.stay-view .topbar a { ... }		(views/stay/view.php)
 *
 */
.site-index
{
	margin: 0;
}


.site-index #main-tabs /* override fix, special case for main-tabs on front page */
{
	border-bottom: 0;
}

.site-index .banner {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	background: url('site-index-banner.png') no-repeat left top;
	float: left;
		clear: both;
		margin: 0 0 10px; /* Override padding from .box */
		padding:15px 0 0; /* Override padding from .box */

}
.site-index .banner .banner-inner {
	float:left;
	width: 930px;
	padding: 0 15px 15px;
	background:url('site-index-banner.png') no-repeat left bottom;
}


.site-index .banner h1 {
	color: #268ccc;
	font-weight: bold;
	line-height:40px;
}



.site-index .banner h1 em {
	font-weight: normal;
}

.site-index .banner p {
	margin: 4px 0 20px;
	color:#353535;
}
.site-index .banner p.hint {
	float:left;
	margin: 0px 0 8px;
}
.site-index .banner p.hint,
.site-index .banner p.hint a {
	color:#687986;
}

.site-index .banner .tagline {
	font-size: 16px;
}

.site-index .banner #city-search {
	float: left;
	padding:0 10px;
	width:400px;
}

.site-index .banner #city-search form input {
	float:left;
}
.site-index .banner #promo-video {
	float: right;
}


.site-index .city-list
{
	/*margin-top: 280px;*/
}

.site-index .city-list span
{
	display: block;
	width: 200px;
	float: left;
}

.site-index .city-list span a.unlaunched
{
	background: #fcc;
}

.site-index .popular-cities .city-box
{
	float: left;
	padding-top:20px;
	margin:0 0 20px 58px;
	width:188px;
	border-top:1px solid #c4c4c4;
}

.site-index .popular-cities .city-box.first-row { border-top:0;}

.site-index .popular-cities .city-box.first { margin-left:17px;}

.site-index .popular-cities .city-box .name {
	font-size:16px;
	font-weight:bold;
	}

/* Site Static*/

.site-static {
	float:left;
	width:100%;
	}
	.site-static .content-row {
		float:left;
		width:100%;
	}
	.site-static .content-row .text-wrap {
		padding:30px 30px 0;
		font-weight:100;
		}
		.site-static .content-row .text-wrap p {
			line-height:1.3em;
			text-align:justify;
		}
		.site-static h1 {
			font-size:30px;
			font-weight:bold;
			}
		.site-static p {
			font-size:17px;
			margin-bottom:15px;
		}


	.site-static .content-row {
		display:block;
		border-bottom:1px solid #a4d1f1;
		padding-bottom:40px;
		margin-bottom:40px;
	}
	.site-static .left-indent-50 .text-wrap{
		width:450px;
		padding-right:0;
		float:right;
	}
	.site-static .right-indent-50 .text-wrap {
		width:450px;
		padding-left:0;
		float:left;

	}
	.site-static .about-header {
		border-bottom:0;
		margin:0;
		padding:0;
		}
		.site-static .about-header h1 {
			font-size:33px;
			color:#268ccc;
		}
		.site-static .about-header .text-wrap{
			height:240px;
			width:900px;
			margin-left:30px;


		}
		.site-static .about-header .text-wrap p {
			padding-right:500px;
			margin-bottom:15px;

		}
		.site-static .about-header .action {
			width:100%;
			float:left;
			padding:0 0 30px 30px;
		}
		.site-static .about-header .button { float:left; margin:0 20px 0 70px;}
		.site-static .about-header .button span { color:#333;}
		.site-static .about-header .button-punchline {
			float:left;
			padding:12px;
		}

.venue-index .city-info
{
	margin: 10px 0;
}
.venue-index h2 {
	margin-bottom:0.35em;
	float:left;
	width:100%;
}

#layout-guide-main .section-info
{
	margin: 20px 0;
	float:left;
}
#layout-guide-main .section-info .button { margin-left:20px;}
#layout-guide-main .section-info .added {
	margin-left:20px;
	background-image:url('added_to_guide_big.png');
	height:35px;
	line-height:35px;
	padding-left:30px;
}
/*.venue-list .tagline
{
	font-weight: bold;
	margin: 0 0 10px;
}*/

.hotels h2,
.cities h2 {
	border-bottom:1px solid #cecece;
	padding-bottom:3px;
}

.hotel-index .cities
{
	margin: 20px 0 0 0;
	width:100%;
}
.hotel-index .cities .first-row {
	float:left;
	width:100%;
}

.hotel-index .cities .city
{
	float: left;
	width: 188px;
	margin: 10px 0 10px 69px;
}
.hotel-index .cities .city.first {
	margin-left:0 !important;

}
.hotel-index .cities .city h3
{
	margin: 0 0 3px;

}
.hotel-index .cities .city h3 a {
	color:#4c4c4c;
	text-decoration:none;
	font-weight:bold;
}


.hotel-index .cities .city .hotel-count
{
	float: left;
}

.hotel-index .cities .city .price-range
{
	float: right;
}

.hotel-index .countries
{
	background: #eee;
	margin-top: 20px;
	padding: 10px;
}

.hotel-index .countries .continent a
{
	display: block;
	float: left;
	width: 150px;
}

.hotel-city .hotels
{
	margin: 20px 0 0 0;
}

.hotel-city div.hotel
{
	float: left;
	width: 188px;
	height: 230px;
	margin: 10px 0 10px 69px;
	border-bottom: 1px solid #c5c5c5;
	position: relative;
}
.hotel-city div.hotel.first { margin-left:0;}

.hotel-city .hotel .name
{
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	line-height: 14px;
}

.hotel-city .hotel .name a
{
	text-decoration: none;
}

.hotel-city .hotel .stars {
	float: left;
	clear: both;
}

.hotel-city .hotel .location {
	float: left;
	clear: both;
	font-size: 11px;
	margin: 3px 0;
}

.hotel-city .hotel td
{
	padding: 0;
	margin: 0;
}

.hotel-city .hotel .price
{
	position: absolute;
	left: 0;
	bottom: 0;
	float: left;
	margin: 3px 0;
	width: 100%;
}

.hotel-city .hotel .price del {
	font-size: 12px;
}

.hotel-city .hotel .price ins
{
	text-decoration: none;
	font-size: 1.4em;
	font-weight: bold;
	color: #038700;
}

.hotel-city .hotel .price ins.normal,
.hotel-search-results .hotel .price ins.normal
{
	font-size: 2.0em;
	font-weight: bold;
	color: #303030;
}

.hotel-city .hotel .price .note
{
	font-size: 10px;
}

.hotel-city .hotel .actions
{
	vertical-align: middle;
	text-align: right;
}

.hotel-city .facets
{
	background: #eee;
	margin-top: 20px;
	padding: 10px;
}

.hotel-city .facets .facet a
{
	display: block;
	float: left;
	width: 150px;
}

.hotel-city-summary img
{
    float: right;
    margin-left: 2em;
    margin-bottom: 1em;
}

.hotel-search
{
	min-height: 500px;
}

.hotel-search .results
{
	margin-top: 20px;
}

.hotel-search  .layout.list .map
{
	display: none;
}

.hotel-search  .layout.map .hotels
{
	display: none;
}

.hotel-search .init
{
	height: 300px;
}

.hotel-search .landmark-input
{
	width: 170px;
}



.hotel-search #venue-map
{
	margin-top: 10px;
}







.partial-venue-list .loading-indicator,
.hotel-search .loading-indicator
{
	display: none;
	position: fixed;
	padding: 20px 0;
	text-align: center;
	background: #E9F7FF;
	border: 3px solid #97D1F4;
	font-size: 1.5em;
	color: #97D1F4;
	font-weight: bold;
	width: 400px;
	z-index:100;
}

.partial-venue-list .loading-indicator img
.hotel-search .loading-indicator img
{
	vertical-align: middle;
	padding: 0 0 0 10px;
}



/* Payment form NEW */
/* HOTEL BOOKING --------------------------------------------------*/
.hotel-book .payment-form .section
{
	margin: 0 0 20px;
	border:1px solid #cecece;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:19px 0 19px 19px;
}
.hotel-book .payment-form h2
{
	margin-bottom:4px;
}
.hotel-book .payment-form h3
{
	margin-bottom:6px;
}

.hotel-book .payment-form label
{
	display: block;
	font-weight: bold;
	margin:2px 0;
}

.hotel-book .payment-form input.text,
.hotel-book .payment-form select
{
	margin: 3px 0;
}

.hotel-book .payment-form .entry
{
	margin: 0 0px 5px 0;
	float: left;
	width:344px;
}

.hotel-book .payment-form .hint
{
	color: #999;
	margin: 0;
	padding: 0;
}

.hotel-book .payment-form input.success
{
	background-color: #aaddaa;
}

.hotel-book .payment-form .errorMessage
{
	margin-right:30px;
}

.hotel-book .payment-form .first-name input,
.hotel-book .payment-form .last-name input,
.hotel-book .payment-form .address input,
.hotel-book .payment-form .country select,
.hotel-book .payment-form .city input,
.hotel-book .payment-form .email input,
.hotel-book .payment-form .phone input
{
	width: 300px;
}


.hotel-book .payment-form .entry.state,
.hotel-book .payment-form .entry.postal-code
{
	width: 150px;
}

.hotel-book .payment-form .state input,
.hotel-book .payment-form .postal-code input
{
	width: 130px;
}

.hotel-book .payment-form .card-number input
{
	width: 200px;
}

.hotel-book .payment-form .security-code input
{
	width: 100px;
}

.hotel-book .payment-form .subscribe label
{
	display: inline;
	font-weight: normal;
}

.hotel-book .payment-form .room-id
{
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 50px 0 0;
}

.hotel-book .payment-form .smoking,
.hotel-book .payment-form .bed-type
{
	float: left;
	width: 172px;
}

.hotel-book .payment-form .entry.accept
{
	width: 20px;
}

.hotel-book .payment-form .terms
{
	width: 600px;
}

/* Payment form OLD ------------------------------------------
.hotel-book .payment-form .section
{
	margin: 0 0 20px;
}

.hotel-book .payment-form label
{
	display: block;
	font-weight: bold;
}

.hotel-book .payment-form input,
.hotel-book .payment-form select
{
	margin: 3px 0;
}

.hotel-book .payment-form .entry
{
	margin: 0 20px 5px 0;
	float: left;
}

.hotel-book .payment-form .hint
{
	color: #999;
	margin: 0;
	padding: 0;
}

.hotel-book .payment-form input.success
{
	background-color: #aaddaa;
}


.hotel-book .payment-form .first-name input,
.hotel-book .payment-form .last-name input,
.hotel-book .payment-form .address input,
.hotel-book .payment-form .country select,
.hotel-book .payment-form .city input,
.hotel-book .payment-form .email input,
.hotel-book .payment-form .phone input
{
	width: 320px;
}


.hotel-book .payment-form .postal-code input
{
	width: 95px;
}

.hotel-book .payment-form .card-number input
{
	width: 200px;
}

.hotel-book .payment-form .security-code input
{
	width: 100px;
}

.hotel-book .payment-form .subscribe label
{
	display: inline;
}

.hotel-book .payment-form .room-id
{
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 50px 0 0;
}

.hotel-book .payment-form .smoking,
.hotel-book .payment-form .bed-type
{
	float: left;
	width: 200px;
}

.hotel-book .payment-form .terms
{
	width: 600px;
}
*/

.travel-info
{
	font-size: 13px;
	color: #353535;
	background-color: #eff6fc;
	margin: 0;
	padding: 10px;
}

.hotel-review .processing
{
	color: #018b04;
	font-weight: bold;
}

.hotel-confirm .stay-preview
{
	padding: 20px 50px;
	background: #eee;
	font-size: 1.2em;
	text-align:center;
}

.hotel-view .address
{
	margin: 5px 0 10px; /* be aware of bottom-padding at hotel detail view*/
}

.hotel-view .quick-book
{
	margin-top:-15px;
	float: right;
}

.hotel-view .tab-view
{
	padding: 10px 0;
}

.hotel-view #tab-overview .section
{
	margin: 0 0 10px;
}

.hotel-view #tab-overview .section h2
{
	font-weight: bold;
	padding: 3px 0;
	/*background: #eee;*/
}

.hotel-view #tab-overview .primary-image
{
	margin: 0 20px 20px 0;
	float: left;
}

.hotel-view .loading-indicator
{
	display: none;
	padding: 20px 0;
	text-align: center;
	font-size: 1.2em;
	color: #97D1F4;
	font-weight: bold;
}

.hotel-view .loading-indicator img
{
	vertical-align: middle;
	padding: 0 0 0 10px;
}

.hotel-view .rating
{
	float: left;
}
.hotel-view .tabs .rating { margin-left:25px;}

.hotel-view #tab-comments
{
	padding: 10px;
}

.hotel-view-overview .gallery
{
	float: left;
	width: 480px;
	margin: 0 20px 10px 0;
	border: 5px solid #eaeaea;
}

.hotel-view-overview .more-photos
{
	margin: 5px 0 4px;
	text-align: center;
}

.hotel-view-overview .description
{
	float: left;
	font-size: 13px;
}

.hotel-view-overview .general p, .hotel-view-overview .driving p
{
    padding-left: 3.333em;
}

.hotel-view-rooms
{
	padding: 20px 0;
}

.hotel-view-rooms.empty
{
	color: red;
}
.hotel-view-rooms table { border-bottom:0;}
.hotel-view-rooms table td
{
	padding-top:15px;
	padding-bottom:15px;
	border-top: 1px solid #cecece;
	}
	.hotel-view-rooms table th
	{
		text-align: center;
		font-size:14px;
		}
		.hotel-view-rooms table th:first-child {
			text-align:left;
		}
		.hotel-view-rooms table th:first-child { text-align:left; }
	.hotel-view-rooms table td del { color:#999;}
	.hotel-view-rooms table td .promo {
		color:#018b04;
		font-size: 13px;
		font-weight: bold;
	}
	/* Total price column */
	.hotel-view-rooms table td.total
	{
		width: 180px;
		text-align: center;
		}
		.hotel-view-rooms table td.total .price {
			font-size:25px;
			font-weight:bold;
		}
	/* Rate Column */
	.hotel-view-rooms table td.rate
	{
		width: 180px;
		padding-top:35px;
		text-align: center;
		}
		.hotel-view-rooms table td.rate .price {
			font-size:20px;
			font-weight:bold;
		}

		.hotel-view-rooms table td.rate .note,
		.hotel-view-rooms table td.total .note {
			font-size: 11px;
		}
	/* Room column */
	.hotel-view-rooms table td.room {
		vertical-align:top;
		}
		.hotel-view-rooms table td.room .type {
			font-size:18px;
			font-weight:bold;
		}



	.hotel-view-rooms table td.button
	{
		width: 100px;
		text-align: center;
		}
		.hotel-view-rooms table td .book-button { float:right;}



.hotel-view-rooms .cancellation, .hotel-view-rooms .room-desc
{
	display: none;
}

.hotel-view-rooms .cancellation.non-refundable
{
	display: block;
    font-weight: bold;
}


.hotel-view-rooms .amenities table
{
    display: none;
}

.hotel-view-rooms .amenities td
{
    border-bottom: 0 none;
}

.hotel-view .comments
{
	width: 600px;
}

.hotel-view .comment
{
	margin: 0 0 20px 0;
}

.hotel-view .comment .date
{
	background: url('comment-bubble.png') no-repeat;
	padding-left: 30px;
}

.hotel-view .comment .title
{
	font-weight: bold;
	font-size: 1.2em;
}

.hotel-view-ratings
{
	margin: 10px 0;
}

.hotel-view-ratings ul,
.hotel-view-ratings li
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
	text-align: right;
	width: 200px;
}

.hotel-view-ratings li .rating-type
{
	margin-right: 10px;
}

.hotel-view-ratings .overall,
.hotel-view-ratings .itemized
{
	float: left;
}



/* ITEM BOX */
.partial-item-box
{
	float: left;

	background: #fff;
	}

	.partial-item-box .name a,
	.partial-item-box .name a:visited {
		color: #353535;
		text-decoration: none;
	}

	.partial-item-box .image
	{
		width: 188px;
	}
	.partial-item-box .category {
		margin: 0;
		padding: 0;
		font-size: 11px;
		text-transform: uppercase;
	}

	.partial-item-box .name
	{
		font-weight: bold;
		font-size: 12px;
		margin: 1px 0 8px;
		line-height: 12px;
	}
	.partial-item-box .tagline
	{
		line-height: 14px;
		margin: 4px 0;
		font-size: 12px !important;
		min-height:28px;
	}
	.partial-item-box .description
	{
		display:none;
	}

	.partial-item-box a.delete-visit-button
	{
		display:block;
		float: right;
		font-size: 1.1em;
		font-weight:bold;
		color: #f00;
		text-decoration: none;
		height: 11px;
		width: 10px;
		background: url('sprites.png') no-repeat 100% -215px;
}

	.partial-item-box .actions
	{
		margin: 10px 0;
		text-align: left;
	}

	.partial-venue-list .sorter {
		padding:10px 0;
		font-size:11px;
	}
	.partial-venue-list .sorter a
	{
		font-weight: bold;
		text-decoration: none;
		margin:0;
		padding: 4px 8px;
	}

	.partial-venue-list .sorter a.asc,
	.partial-venue-list .sorter a.desc,
	.partial-venue-list .sorter a.active {
		color: #fff;
		padding-right:17px;
		margin-right:8px;
	}
	.partial-venue-list .sorter a.asc { background:url('sort.png') no-repeat 100% -2px;
}
	.partial-venue-list .sorter a.desc { background:url('sort.png') no-repeat 100% -18px;
}
	.partial-venue-list .sorter a.active {
		background-color:#268ccc;
		padding-right:8px;
	}


	/* GRID */
	.partial-venue-list .grid .partial-item-box
	{
		position: relative;
		float: left;
		width: 188px;
		border-top: 1px solid #c5c5c5;
		padding-top:20px;
		margin: 0 0 0 20px;
		}
		.partial-venue-list.column3 .grid .partial-item-box {
			margin-left:28px;
		}
		.partial-venue-list .grid .partial-item-box.first-row {
			border-top:0;
		}
		.partial-venue-list .grid .partial-item-box.first {
			margin-left:0;
		}

		/* Grid Content elements*/
		.partial-venue-list .grid .partial-item-box .description {
			display: none;
		}
		.partial-venue-list .grid .partial-item-box .actions {
			float: left;
			width: 100%;
			margin: 8px 0;
			text-align: left;
			position:relative;
			}
			.partial-venue-list .grid .partial-item-box .actions .links {
				float: left;
				margin: 4px 0px;
			}
			.partial-venue-list .grid .partial-item-box .actions .add-venue-button,
			.partial-venue-list .grid .partial-item-box .actions .added-venue  { 
				float:right;
			}
			.partial-venue-list .grid .partial-item-box .actions .read-more-button {
				display: none;
			}
			.partial-venue-list .grid .partial-item-box .actions .add-to-guide-button {
				float: right;
				width: 55%;
				margin: 4px 0px;
				text-align: right;
			}

		.partial-venue-list .grid .distance,
		.partial-venue-list .grid .area
		{
			display: none;
			font-size: 11px;
		}


	/* List */
	.partial-venue-list .list .partial-item-box
		{
			position: relative;
			float: left;
			width: 620px;
			border-top: 1px solid #c5c5c5;
			padding-top:20px;
			margin: 0;
		}
		.partial-venue-list .list .partial-item-box.first {
		}
		/* List Content Items */
		.partial-venue-list .list .partial-item-box .image {
			float:left;
			margin-right:10px;
		}
		.partial-venue-list .list .partial-item-box .category {
			font-size:10px;
		}
		.partial-venue-list .list .partial-item-box .name {}
		.partial-venue-list .list .partial-item-box .tagline {

		}
		.partial-venue-list .list .partial-item-box .description {
			margin: 4px 0 30px 0;
			float: left;
			display:block;
			width: 282px
		}
		.partial-venue-list .list .partial-item-box .description p {
			margin-bottom:0;
		}
		.partial-venue-list .list .partial-item-box .actions {
			float:left;
		}
		.partial-venue-list .list .partial-item-box .actions .links {
			position: absolute;
			bottom: 10px;
			left: 200px;
		}
		.partial-venue-list .list .partial-item-box .actions .button {
			position: absolute;
			right: 0;
			top: 70px;
		}


	/* View list (related + nearby) */
		.nearby .partial-venue-list .grid .distance {
			display: block;
		}

/* Guide Grid View*/
.stay-view .visit-list {
	width:;
}
.stay-view .tabs {
	width:710px;
}

.stay-view .partial-item-box
{
	position: relative;
	float: left;
	width: 188px;
	/*border-top: 1px solid #c5c5c5;*/
	padding-top:20px;
	margin: 0 0 0 73px; /* Was original 60 */
	}
	.stay-view .partial-item-box.first-row {
		border-top:0;
	}
	.stay-view .partial-item-box.first {
		margin-left:0;
	}
	.stay-view .visit-list div.clear {
		background:url('view-stay-item-border.gif') no-repeat;
		width:100%;
		height:1px;
		float:left;
	}

	/* Grid Content elements*/
	.stay-view .partial-item-box .delete-visit-button {
		position:absolute;
		top:22px;
		right:2px;
	}
	.stay-view .partial-item-box .description {
		display: none;
	}
	.stay-view .partial-item-box .actions {
		float: left;
		width: 100%;
		margin: 8px 0;
		text-align: left;
		position:relative;
		}
		.stay-view .partial-item-box .actions .links {
			float: left;
			width: 45%;
			margin: 4px 0px;
		}
		.stay-view .partial-item-box .actions .links
		.stay-view .partial-item-box .actions .read-more-button {
			display: none;
		}
		.stay-view .partial-item-box .actions .add-to-guide-button {
			float: right;
			width: 55%;
			margin: 4px 0px;
			text-align: right;
		}


.stay-view .share
{
	padding: 25px;
	background: #eee;
	border: 2px solid #ccc;
}
.stay-view .share.guest
{
	text-align: center;
}

.stay-view .share .invitation-form,
.stay-view .share .invitation-preview
{
	width:45%;
	float:left;
}
.stay-view .share .invitation-preview .content { width:auto;}
.stay-view-map
{
	padding: 10px 0;
}

.venue-view .title
{
	margin-bottom: 10px;
	font-size: 2em;
	font-weight: bold;
}

.venue-view .address
{
	margin: 0;
}

.venue-view #tab-content.overview #tab-photos,
.venue-view #tab-content.overview #tab-map,
.venue-view #tab-content.overview #tab-comments {
	display: none;
}

.venue-view #tab-content.photos #tab-overview,
.venue-view #tab-content.photos #tab-map,
.venue-view #tab-content.photos #tab-comments {
	display: none;
}

.venue-view #tab-content.map #tab-overview,
.venue-view #tab-content.map #tab-photos,
.venue-view #tab-content.map #tab-comments {
	display: none;
}

.venue-view #tab-content.comments #tab-overview,
.venue-view #tab-content.comments #tab-photos,
.venue-view #tab-content.comments #tab-map{
	display: none;
}


.venue-view #tab-overview {
	float: left;
}

.venue-view #tab-overview .overview-details{
	padding: 10px 0;
	position: relative;
}
.overview-details .overview-content{
	float:left;
	width:510px;
}
	.overview-details .overview-column {
		float:left;
		width:300px;
		margin-left:10px;
	}


.venue-view #tab-overview .image
{
	position: relative;
}

.venue-view #tab-overview .image.hotel
{
	background-color: #eaeaea;
	padding: 5px 0;
	height: 270px;
	text-align: center;
}

.venue-view #tab-overview .description
{
	margin-top: 10px;
}

.venue-view #tab-overview .static-map
{
	height: 270px;
	overflow:hidden;
	margin: 0 0 10px 0;
}

.venue-view #tab-overview .details
{
	padding: 15px 20px;
	background: #eff7fd;
	border-top: 1px solid #97d1f4;
}

.venue-view #tab-overview .details .name
{
	font-weight:bold;
}

.venue-view #tab-overview .related,
.venue-view #tab-overview .nearby
{
	float: left;
	margin-top: 10px;
}

.venue-view #tab-comments
{
	padding: 10px;
}

.venue-view #tab-comments .comments
{
	margin-top: 20px;
	width: 600px;
}

.venue-view #tab-comments .comment
{
	margin: 0 0 20px 0;
}

.venue-view #tab-comments .comment .date
{
	background: url('comment-bubble.png') no-repeat;
	padding-left: 30px;
}

.venue-view #tab-comments .comment .title
{
	font-weight: bold;
	font-size: 1.2em;
}

.venue-view #tab-comments .rating-detail ul,
.venue-view #tab-comments .rating-detail li
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.venue-view #tab-comments .rating-detail .overall b
{
	font-size: 1.2em;
	padding-right: 20px;
}

.venue-view #tab-comments .rating-detail li
{
	display: block;
	float: left;
	margin: 10px 20px 10px 0;
}

.venue-view #tab-comments .rating-detail .rating-type
{
	padding-right: 10px;
}





/**
 *
 *	Styles for external plugins
 *
 */

/* jqModal base Styling courtesy of Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
.jqmWindow
{
	display: none;
	position: fixed;
	top: 17%;
	left: 50%;
	margin-left: -300px;
	width: 600px;
	background: #EEE;
	color: #333;
	border: 1px solid #DDD;
	padding: 12px;
}
.jqmClose
{
	float: right;
}
form .jqmClose { float:none;}
.jqmOverlay
{
	background: #000;
}

/* jQUery UI datepicker theme */
div.ui-datepicker .ui-datepicker-title
{
	font-size: 0.8em;
	line-height: 1.2em;
}

div.ui-datepicker .ui-datepicker-prev,
div.ui-datepicker .ui-datepicker-next
{
	height: 15px;
}

div.ui-datepicker .ui-datepicker
{
	padding:5px;
	background-color:#fff;
	border:0;
}

div.ui-datepicker .ui-datepicker-calendar
{
	font-size: 11px;
	border-collapse: collapse;
}

div.ui-datepicker .ui-datepicker-calendar .ui-state-default
{
	padding: 2px;
	border:1px solid #b9b9b9;
	display:block;
	margin:1px;
}

div.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current
{
	display: none;
}

div.ui-datepicker .ui-datepicker-calendar th
{
	font-weight: bold;
	padding:0;
	margin:0;
	width: 15px;
	height: 15px;
	border:0;
	background:none;
	color:#999;
}

div.ui-datepicker .ui-datepicker-calendar td
{
	background: white;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	padding:0;
	margin:0;
	width: 15px;
	height: 15px;
}

div.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day { background: #107ec3; }
div.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { color: white; }
div.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a:hover { background-color:Transparent;}
div.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable { font-weight: normal; background-color:#f7f7f7; cursor: default; color:#999; }
div.ui-datepicker .ui-datepicker-calendar a {margin:1px; color: #492843; text-decoration: none; padding: 2px;display:block; font-weight:bold; background: transparent; border: none;}
div.ui-datepicker .ui-datepicker-calendar a:hover { background-color:#9C6FAB; color:#fff;}
div.ui-datepicker .ui-datepicker-calendar tr.ui-datepicker-title-row td { border: none; }
.ui-datepicker.ui-datepicker-multi { z-index:99999 !important;}
.ui-widget-content { border:1px solid #328ec0; border-radius:0; border-top-width:4px; margin-top:10px;}
.ui-corner-left, .ui-corner-right { border-radius:0; border:0; background:0; margin:10px 0;}
.ui-datepicker-title { color:#268ccc; }
.ui-datepicker td span, .ui-datepicker td a { text-align:center;}
div.ui-datepicker .ui-datepicker-today a.ui-state-default { background-color:#eff7fd; color:#328ec0; border:1px solid #328ec0; }
div.ui-datepicker .ui-datepicker-today a.ui-state-default:hover { color:#328ec0;}
.ui-datepicker td.ui-datepicker-unselectable span{text-decoration: line-through;}
.ui-datepicker td.ui-datepicker-unselectable.past span{text-decoration: none;}

/* Tipsy tooltips */
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }

/**
 *
 *	Styles for specific browsers / hacks
 *
 */

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm
{
	position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow
{
	position: absolute;
	top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

table.columnar
{
    width: 100%;
}

table.columnar td
{
    width: 33%;
    vertical-align: top;
}









/**
 * WORK IN PROGRESS BELOW
 *
 * PLEASE USE ONE OF THE ABOVE SCHEMAS AND PUT THE STYLES
 * IN THE APROPRIATE SECTIONS!
 *
 */

.hits {
	font-size: 15px;
}

.hits .count {
	font-size: 24px;
	font-weight: bold;
}

/* styles for classified tags */


.city-info,
.section-info {
	margin-bottom: 10px;
}

.city-info h1,
.section-info h1,
.venue-view {
	margin-bottom: 5px;
}


.city-info .tagline,
.section-info .tagline,
.venue-view .tagline {
	font-size: 18px;
	color: #4c4c4c;
}

.city-info p,
.section-info p,
.venue-view p {
	font-size: 13px;
	margin: 0 0 10px;
}




.widget-section-selector
{
	float: left;
	clear: both;
	width: 100%;
	padding: 0 0 1px;
	margin-bottom: 10px;
}

.widget-section-selector ul.expanded {
	margin-bottom:28px;
}

.widget-section-selector .sections
{
	margin: 0;
	padding: 0;
	background: url('section-selector-sprite.gif') no-repeat right top;
	width: 100%;
	position: relative;
	float: left;


}

.widget-section-selector .sections ul {
	float: left;
	margin-right:-1px;
}

.widget-section-selector .sections li
{
	list-style: none;
	float: left;
	background: url('section-selector-sprite.gif') no-repeat left bottom;
	padding: 0;
	font-weight: bold;

}
.widget-section-selector .sections li:first-child {
	background: url('section-selector-sprite.gif') no-repeat left top;
	margin: 0 0 0 -1px;
}

.widget-section-selector .sections li a,
.widget-section-selector .sections li a:visited
{
	display: block;
	line-height: 37px;
	padding: 3px 7px 8px;
	color: #268ccc;
	text-decoration:none;
	letter-spacing: 0.5px;
	margin:0 3px;
	font-size:13px;

}
.widget-section-selector .sections li:hover {
	color: #fff;
	background: url('section-selector-sprite.gif') no-repeat -248px -96px;
}
.widget-section-selector .sections li:first-child:hover {
	background: url('section-selector-sprite.gif') no-repeat 0 -96px;
}


/* Active*/

.widget-section-selector .sections li.active {
	background: url('section-selector-sprite.gif') no-repeat -100px -48px ;
}
.widget-section-selector .sections li.active:first-child {
	background: url('section-selector-sprite.gif') no-repeat left -48px !important;
}
.widget-section-selector .sections li.active a {
	color: #fff;
	background: url('section-selector-sprite.gif') no-repeat center -48px !important;
}


/* Submenu */
.widget-section-selector .sections li ul li a,
.widget-section-selector .sections li ul li.active a,
.widget-section-selector .sections li ul li.active:first-child {
	color: #fff;
	background: none !important;
}

.widget-section-selector .sub-sections
{
	margin: 0;
	padding:0;
	width: 960px;
	display: block;
	position: absolute;
	left: 0px;
	top:40px;
	background: url('section-selector-sprite.gif') no-repeat right -59px !important;
}
.widget-section-selector .sub-sections li,
.widget-section-selector .sub-sections li:hover
{
	display:block;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	font-size: 13px;
	height:32px;
	background: url('section-selector-sprite.gif') no-repeat -100px -59px !important;
}
.widget-section-selector .sub-sections li:first-child {
	background: url('section-selector-sprite.gif') no-repeat 0 -59px !important;
	margin-left:-1px;
}

.widget-section-selector .sections .sub-sections li a {
	background:none !important;
	height:31px;
	line-height:31px;
}
.widget-section-selector .sections li ul.sub-sections li.active a {
	background: url('section-selector-sprite.gif') no-repeat center -59px !important;
	height:37px;
	line-height:31px;
}
.widget-section-selector .sections .sub-sections li.active a {
	border-bottom:0;
}


.widget-section-selector .sections li ul.sub-sections li.active:first-child {
	background: url('section-selector-sprite.gif') no-repeat 0px -59px !important;
}


.widget-section-selector .sub-sections li a,
.widget-section-selector .sub-sections li a:visited
{
	color: #fff;
	font-size: 13px;
	padding: 0 5px 0 15px;
	text-decoration:none;
	background: none;
	font-weight:normal;
}

.widget-section-selector .sub-sections li a:hover
{
	text-decoration: underline;

}
.widget-section-selector .sub-sections li.active a {
	font-weight:bold;
}


.widget-section-selector li.search {
	float:right;
	padding:7px 9px 9px;
	height:30px;
	background: none;
}
.widget-section-selector li.search:hover {
	background:none;

}

.widget-section-selector li.search input.text {
	padding:5px;
	width:100px;
	margin:0;
	float:left;
	border:1px solid #999;
	font-size:1em;
}
.widget-section-selector li.search input.button-search {
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	float:left;
	background: url('section-selector-sprite.gif') no-repeat right bottom;
		border-left:0;
		width:33px;
		height:27px;
}


.buzz {
	float: left;
	background-color: #EFF7FD;
	border-top: 1px solid #3CB7E4;
	border-bottom: 1px solid #3CB7E4;
	padding: 20px 0;
	margin: 20px 0 20px 0;
	width:100%
}

.bzz {
	float: left;
	width: 290px;
	margin: 0;
	padding: 0 15px;
}

.bzz h3 {
	font-family:Georgia,sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 24px;
	text-align: center;
	color: #444444;
}

.bzz .byline {
	font-family:Georgia,sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
}




#reviews{
padding:0px;
margin:0 0 0px 0;
height:auto;
overflow:hidden;
}

#reviews img{
float:left;
margin:0 7px 0 0;
}

p.article-links a{
font-weight:bold;
color:#1B90D0;
font-size:12px;
}


#footer p{
	color: #000;
	padding: 5px 0 0;
	font: 13px Arial, Helvetica, sans-serif;
	text-align:center;
}
#footer a{
	color: #000;
	text-decoration: none;
	padding:0 5px 0 7px;
}


.tbl_list2{
}
.tbl_list2 th{
background: none repeat scroll 0 0 #B0DEFA;
    border-bottom: 1px solid #97D1F4;
    border-top: 1px solid #97D1F4;
    color: #474747;
    font-size: 1.3em;
    font-weight: bold;
    padding: 10px;
    text-align: center;
}
.tbl_list2 td{
  border-bottom: 1px solid #97D1F4;
    border-right: 1px solid #97D1F4;
    font-weight: bold;
    padding: 5px 0;
    text-align: center;
}
.tbl_list2 td.lftbdr{
	border-left: 1px solid #97D1F4;
	border-right: 0px;
	padding: 5px 0px 5px 7px;
}
.tbl_list2 td.third{
	border-bottom: 0px;
	border-right: 0px;
	padding: 5px 0px 5px 14px;
}
.tbl_list2 td.third_bdr{
	border-bottom: 0px;
	border-right: 1px solid #97D1F4;
}
.tbl_list2 td.forth{
	border-right: 0px;
	border-bottom: 0px; 
}
.tbl_list2 a{
	color: #000;
	text-decoration: none;
}
.tbl_list2 a:hover{
	text-decoration: none;
}
.tbl_list2 tr.odd{
	background: #fff;
}
.tbl_list2 tr.even{
	background: #EFF7FD;
}

.bonus{
color:#FF0000;
}


#story h1, #story h2, #articles h2{
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #b00006;
	padding-bottom:0px;
	border-bottom:1px dotted #97D1F4;
}

#story p{
margin:0 0 7px 0;
}


#story{
margin:15px 0 0 0;
width:600px;
}

#articles{
margin:10px 0 0 0;
width:600px;
}

#articles p{
margin:0px;
}

p.fR{
float:right;
}

.imgaligen{
float:left;
margin:3px 7px 0 0;
padding:1px;
border:1px solid #bcbcbc;
}
















