@CHARSET "UTF-8";

html {
	background-color: #AD0303;
	overflow-x: auto;
	overflow-y: scroll;
	height: 100%;}

body {
	height: 100%;
	font-family: Lucida Sans,"Lucida Grande",Arial,sans-serif;
	font-size: 9pt;
	line-height: 12pt;
	color: white;
	background-color: #AD0303;}

#map {
	color:#000;}

div#body_content {
	position: absolute;
	min-height: 100%;
	_height: 100%;
	left: 0px;
	width: 100%;
	text-align: center;
	background-color: #A70606;
	background: -moz-linear-gradient(left bottom, rgb(185,11,11) 25%, rgb(143,1,1) 85%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0.25, rgb(185,11,11)), color-stop(0.85, rgb(143,1,1)));}

div#header {
	position: absolute;
	left: 0px;
	width: 100%;
	height: 92px;
	background-color: white;
	background-image: url('../img/bg_header.png');
	background-repeat: repeat-x;}

div#language {
	position: absolute;
	vertical-align: middle;
	top: 69px;
	left: 0px;}

div#page {
	position: relative;
	z-index: 1;
	min-height: 100%;
	_height: 100%;
	margin: 0 auto;
	padding: 0 10px;
	text-align: left;
	width: 972px;}

div#content_standard {
	margin-top: 90px;
	min-height: 500px;
	_height: 500px;
	padding-bottom: 70px;}

/* h1 uses the "typeface.js" font replacement plugin */
h1 {
	font-family: tabula itc std,Lucida Sans,"Lucida Grande",Arial,sans-serif;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	text-transform: uppercase;
	font-size: 25pt;
	font-weight: bold;
	background-color: #000;}

h1.col_head {
	padding: 0 10px;
	height: 35px;
	line-height: 35px;
	font-size: 15pt;}

h1.col_head_center {
	width: 616px;}

h1.col_head_full {
	width: 940px;}

h1.dramatic {
	font-family: Lucida Sans,"Lucida Grande",Arial,sans-serif;
	height: 25px;
	line-height: 25px;
	padding: 0 5px;
	font-size: 12pt;
	letter-spacing: -0.8px;}

h1.dramatic_reduced {
	font-family: Lucida Sans,"Lucida Grande",Arial,sans-serif;
	height: 14px;
	line-height: 18px;
	padding: 0 5px;
	font-size: 10pt;
	text-transform: none;
	letter-spacing: 0px;}

h1.community {
	color: #C30000;
	background-color: transparent;}

h1.profile_author {
	height: 22px;
	line-height: 22px;
	padding-left: 0px;
	padding-top: 8px;
	font-size: 14pt;
	text-transform: none;}

h2 {
	font-family: georgia,serif;
	margin-bottom: 4px;
	font-size: 12pt;
	line-height: 12pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;}

h2.profile {
	font-size: 22pt;
	margin-bottom: 8px;
	letter-spacing: -0.5pt;
	text-transform: none;}

h2.static {
	padding: 10px 0 5px 0;
	color: #B10000;
	text-transform: none;
	font-size: 25pt;
	font-weight: normal;}

/* h3 is coloured, bold, serif text */
h3 {
	font-family: georgia,serif;
	font-size: 12pt;
	line-height: 12pt;
	font-weight: bold;
	color: #B10000;}

h3.community {
	font-size: 9pt;
	line-height: 9pt;}

h3.personal_guide {
	font-style: italic;
	padding-bottom: 5px;}

h4 {
	margin-bottom: 5px;
	font-size: 12pt;
	font-weight: bold;}

h4.foreground {
	color: #4A4A4A;}

h4.foreground_spaced {
	line-height: 16pt;
	color: #4A4A4A;}

h4.foreground_prom {
	line-height: 17pt;
	color: #000;}

h4.colour {
	color: #B10000;}

h4.error {
	color: #B10000;
	margin:10px 0;}

h4.confirm {
	font-weight: normal;
	letter-spacing: -1pt;
	font-size: 14pt;
	color: #4A4A4A;}

h4.community_sub {
	text-transform: uppercase;
	padding-left: 15px;
	margin-top: 3px;
	margin-bottom: 10px;}

/* Smaller header text */
h5 {
	font-size: 8pt;
	font-weight: bold;}

p {
	margin-bottom: 2px;}

p.notes {
	color: #4A4A4A;
	line-height: 11pt;
	margin-left: 5px;
	font-size: 8pt;}

p.prominent {
	font-size: 7pt;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 10px;}

p.temp {
	font-family: georgia,serif;}

p.cms {
	color: #FFFF00;}

p.nextstop {
	color: black;}

table#weather td {
	line-height: 7pt;
	padding-bottom: 2px;
	font-size:7pt;
	text-align: center;}

div.foreground, p.foreground, ol.mobile li {
	color: #4A4A4A;}

p.foreground_col {
	color: #B30000;}

span.foreground_col {
	color: #B30000;}

p.tab_tips {
	margin-bottom: 0px;
	letter-spacing: -1.2px;
	font-size: 10.5pt;
	line-height: 10.5pt;
	font-weight: bold;
	color: #9C0000;}

p.tab_tips_active {
	color: #FFF;}

strong {
	font-weight: bold;}

em {
	font-style: italic;}

span.reduced_more {
	position: relative;
	height: 15px;
	color: #FFF;
	line-height: 15px;
	padding: 1px 10px 1px 5px;
	font-family: Lucida Sans,"Lucida Grande",Arial,sans-serif;
	text-transform: uppercase;
	font-size: 7pt;
	font-weight: bold;
	background-color: #000;}

span.error_bg {
	background-color: #B40000;}

/* small coloured tip text - e.g. 'xy people liked this' */
span.like_info {
	font-size: 8pt;
	color: #BF0000;}

td {
	vertical-align: middle;}

td.tip_liked_foreground {
	color:#BBBBBB;}

img {
	display: block;
	position: relative;}

ul.errorlist li {
	color: #BF0000;}

#where-form button { display:none; }
/* This allows for a semi-transparent div bg, with full opacity text within the div.
   Also allows for the contained text to stretch the div. */
div.info_panel {
	background-color:rgba(0, 0, 0, 0.7);
	/* Support in IE 6 and up. */
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#B3000000', EndColorStr='#B3000000');}

/* This allows for a semi-transparent div bg, with full opacity text within the div.
   Where text stretch is not required, and in this case the backgound can be faded with jQuery */
div.info_panel_bg {
	background-color: black;}

div#logo_holder {
	position: relative;
	width: 179px;
	height: 92px;}

div#dest_dropdown_container {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	margin-left: 2px;
	padding-bottom: 0px;
	z-index: 2;}

div#footer {
	position: fixed;
	width: 100%;
	height: 27px;
	bottom: 0px;
	left:0px;
	background-color: #830404;
	font-size: 8pt;
	z-index: 101;}

.my_comm_tip_details .actions a {
	margin-right: 10px; }

div#footer_content {
	position: relative;
	margin: 5px auto 0 auto;
	padding: 0 10px;
	text-align: left;
	width: 972px;}

.tip_pager {
	background-color:#000;
	color:#FFF;
	width:636px;
}
.tip_pager .next, .tip_pager .prev {
	margin:6px 0px 4px;
}
.tip_pager .next {
	background:url("../img/arrow_right_tip_pager.png") right no-repeat;
	float:right;
	padding-right:25px;
}
.tip_pager .prev {
	background:url("../img/arrow_left_tip_pager.png") left no-repeat;
	float:left;
	padding-left:25px;
}
.tip_pager .nohref {
	visibility:hidden;
}

/* feature: redguide logo */
img#feature_redguide {
	position: absolute;
	left: 11px;
	top: 12px;}

/* feature: surrounding shadow */
img#feature_shadow {
	position: absolute;
	left: -9px;
	top: -11px;}

img.arrows_head_back {
	float:left;
	margin:12px 10px 12px 0;}

div.tip_thumb {
	position: relative;
	float: left;
	width: 150px;
	height: 150px;
	margin: 0 12px 12px 0;}

img.tip_thumb_shadow {
	position: absolute;
	top: -6px;
	left: -6px;}

div.tip_thumb_sep {
	float: left;
	width: 12px;}

div.column_center {
	position:relative;
	float:left;
	width:636px;
	min-height: 500px;
	_height: 500px;
	padding-bottom:50px;
	background-color:#FFF;}

div.column_full {
	position:relative;
	width:960px;
	min-height: 500px;
	_height: 500px;
	padding-bottom:50px;
	background-color:#FFF;}

div.column_right {
	position:relative;
	float:left;
	padding-bottom:50px;
	margin-left:10px;}

.has_newer .tip_thumb_city {
	background: url("../img/page_refresh.png") no-repeat scroll 130px 50% transparent; }

.is_preview .tip_thumb_city {
	background: url("../img/page_add.png") no-repeat scroll 130px 50% transparent; }

.cms_link img {
	display:inline;
	position:static; }

.cms_tip_filter {
	padding:2.5em 0.5em 2em 0;
}
.cms_tip_filter .ctrlHolder {
	float:left;
	margin-right:1.5em;
}
.cms_tip_filter label {
	display:block;
	font-weight:bolder;
}

.cms_tip_filter .filter select { width:107px; }


.cms_tip_filter .order {
	margin-top:2.2em;
}
.cms_tip_filter .buttons {
	float:left;
	font-size:1.5em;
	margin-left:.2em;
	margin-top:.7em;
}
.cms_tip_filter .buttons input {
	height:auto;
	color:white;
	border:1px solid black;
	background-color:black;
}
.cms_tip_filter .filter {
	clear:left;
}
.cms_tip_filter #div_id_fulltext {
	margin-top:1em;
	margin-bottom:1em;
}
.cms_tip_filter #div_id_fulltext label {
	font-size:1.5em;
	line-height:1.5em;
}
.cms_tip_filter #id_fulltext {
	font-size:2em;
	height:auto;
	width:20em;
}

div.tip_thumb_city {
	position: absolute;
	width: 145px;
	height: 25px;
	top: 125px;
	padding-left: 5px;
	font-family: georgia,serif;
	font-weight: bold;
	line-height: 25px;}

/* Separate from the main info content, so that opacity does not affect the content */
div.tip_thumb_city_bg {
	position: absolute;
	width: 150px;
	height: 25px;
	top: 125px;
	background-color: #000;}

div.tip_thumb_hover {
	position: absolute;
	display: none;
	top: 0px;
	width: 150px;
	height: 125px;}

div.tip_thumb_hover_info {
	position: absolute;
	left: 5px;
	top: 58px;
	width: 140px;}

/* Separate from the main hover content, so that opacity does not affect the content */
div.tip_thumb_hover_bg {
	position: absolute;
	display: none;
	top: 0px;
	width: 150px;
	height: 125px;
	background-color: black;}

table#header_bar {
	position: absolute;
	width: 100%;
	height: 30px;
	left: 0px;
	margin-top: 92px;}

table#header_bar td {
	height: 30px;}

table#header_bar td#mid {
	width: 960px;}

table#header_bar td.content {
	background-color: black;}

table#header_bar td.margin {
	width: 10px;}

div#share_off {
	position:absolute;
	top: 92px;
	left: 513px;
	width: 88px;
	height: 35px;}

div#share_on {
	position:absolute;
	top: 92px;
	left: 281px;
	width: 320px;
	height:0px;
	overflow:hidden;
	z-index:4;}

div.share_text {
	position: absolute;
	right: 5px;
	width: 40px;
	top: 7px;
	white-space: nowrap;}

div#sharing_dialog {
	position:absolute;
	left:0px;
	top:0px;
	width:192px;
	padding: 3px 7px;
	border: 1px solid #CCC;
	background-color:#FFF;
	z-index:100;}

div#sharing_dialog td {
	font-size: 7.5pt;
	padding: 2px;
	width: 93px;}

div#sharing_dialog img {
	padding-right: 5px;}

div#tabs {
	position: absolute;
	left: 601px;
	top: 92px;}

div#tabs_tips {
	position: absolute;
	left: 14px;
	top: 18px;
	width: 38px;
	text-align: center;
	white-space: nowrap;}

div#tabs_user {
	position: absolute;
	left: 59px;
	top: 37px;
	white-space: nowrap;
	letter-spacing: -0.5px;
	color: #FFFFFF;}

div#tabs_mobile {
	position: absolute;
	left: 241px;
	top: 37px;
	white-space: nowrap;}

/* Styles for articles created with TinyMCE */

div.styled_article {
	color: #4A4A4A !important;}

div.styled_article ul, div.styled_article ol {
	margin:0 0 8px 25px;}

div.styled_article ul li {
	list-style: disc outside;}

div.styled_article ol li {
	list-style: decimal outside;}

div.styled_article a:link			{color: #B10000;}
div.styled_article a:visited 		{color: #B10000;}
div.styled_article a:hover 			{color: #B10000;}
div.styled_article a:active 		{color: #B10000;}

/* End TinyMCE article styles */

table.icons {
    position:relative;
    float:right;
    display:inline;
    margin-right:5px;}

table.icons td {
	vertical-align:middle;
	height:25px;
	padding-right:10px;}

table.icons td.narrow {
	height:22px;}

/* Form table holder */

table.form {
	color: #7D7D7D;
	margin-top: 20px;
	width: 100%;}

table.form_profile_tipadd {
	margin-top: 10px;}

table.form td {
	padding-bottom: 12px;
	vertical-align: middle;
	text-align: left;}

table.form td.right {
	text-align: right;}

input, textarea, select {
	background-color: #F7F7F7;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #EEE;
	border-right: 1px solid #EEE;}

input {
	width: 175px;
	padding-left:5px;}

select {
	width: 180px;
	padding-left:2px;}

input, select {
	height: 20px;}

input[type="radio"], input[type="checkbox"] {
	background-color: transparent;
	border: 0;
	padding: 0;
	width: 16px;
	height: 16px;}

div.search_filters input {
	width: 16px;
	height: 16px;}

textarea {
	width: 100%;
	height: 65px;}

input.profile_tipadd, select.profile_tipadd {
	border: none;
	color: #FFF;
	height: 18px;
	background-color: #640000;}

input.profile_tipadd {
	width: 245px;}

select.profile_tipadd {
	width: 250px;}

form#search_header input#id_search-query {
	background-color: #FFF;
	width: 178px;}

form#search_main input#id_search-query {
	background-color: #FFF;
	width: 466px;}

select#language_select {
	background-color: #FFF;
	width: 186px;
	height: 23px;}

input.submit {
	width: auto;
	height: 30px;
	line-height: 14pt;
	padding-left: 16px;
	text-align: right;
	background-color: #FFF;
	background-image: url("../img/arrow_submit.png");
	background-repeat: no-repeat;
	background-position: 0 12px;
	cursor: pointer;
	font-family: Lucida Sans,"Lucida Grande",Arial,sans-serif;
	font-weight: bold;
	font-size: 13pt;
	color: #7A7A7A;
	border: none;*/}

input.submit_profile_addtip {
	height: 20px;
	margin-top: -5px;
	color: #640000;
	background-color: transparent;
	background-position: 0 7px;
	background-image: url("../img/arrow_submit_profile_addtip.png");}

input.submit_note {
	width: auto;
	background-color: #FFF;
	cursor: pointer;
	font-family: Lucida Sans,"Lucida Grande",Arial,sans-serif;
	color: #7A7A7A;
	border: none;}

input.search_submit {
	background: transparent;
	border: none;
	position: absolute;
	top: 5px;
	left: 157px;
	width: 18px;
	height: 14px;}

form#search_main input.search_submit {
	left: 445px;}

/* any input field having a parent with this class is marked as containing an error. */
.input_error_cont input {
	border: 1px solid #B30000}

div#profile_note_cont textarea {
	width: 450px;
	background-color: white;}

div.dialog_tipadd_header {
	position: relative;
	float: left;
	font-weight: normal;
	color: #640000;
	padding-right: 20px;}

div.dialog_tipadd_header_on {
	position: relative;
	float: left;
	font-weight: bold;
	color: #FFF;
	padding-right: 20px;}

div.val, div.changable, div.val_edit {
	position: relative;
	float: left;}

div.val, div.changable {
	padding-right: 10px;}

div.val_edit {
	padding-right: 30px;}

div#dialog_addtip_container {
	position:relative;padding:45px 15px 20px 15px;
}

div#dialog_addtip_title {
	position:relative;
	float:left;}

div#dialog_addtip_title div.val {
	font-family: Lucida Sans,"Lucida Grande",Arial,sans-serif;
	font-size: 20pt;
	font-weight: bold;
	color:#000;}

div#dialog_addtip_shorttext {
	position: relative;
	float: left;
	height: 25px;}

div#dialog_addtip_shorttext div.val {
	color: #B10000;
	font-family: georgia,serif;
	font-size: 12pt;
	font-weight: bold;}

div#dialog_addtip_cat {
	border: 1px solid #F7F7F7;
	position: relative;
	background-color: #F7F7F7;
	width: 100%;
	padding: 5px 0px;}

div#dialog_addtip_cat li {
	float:left;
	padding-left: 5px;
	padding-right: 15px;
	list-style:none outside none;
	position: relative;}

div#dialog_addtip_cat label, div#dialog_addtip_cat input{
	vertical-align:middle;}

div#dialog_addtip_cat label {
	font-size: 7.5pt;
	letter-spacing: -0.5pt;
	color: #7D7D7D;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 10px;}

img.dialog_addtip_error_exclamationmark {
	position:absolute;
	left:-19px;
	bottom:0px;
}

.dialog_addtip_error_text {
	color: #B10000;
	font-family: Lucida Sans,"Lucida Grande",Arial,sans-serif;
    font-size: 7pt;
    font-weight: bold;
    height: 15px;
    line-height: 15px;
}

span.dialog_addtip_error_text {
	margin-left: 5px;
}

div.dialog_addtip_error_text {
	position: relative;
	margin-left: 14px;
}

ol.mobile {
	margin-top: 15px;
}

ol.mobile li {
	list-style:decimal;
	list-style-position:outside;
	margin: 0 0 15px 30px;
}

/* CSS dropdown/select */

div.select_cont {
	position:absolute;
	border:1px solid #DDDDDD;}

span.select_item {
	line-height: 8pt;
	display:block;
	padding:6px 7px 1px 7px;}

div.select_vals {
	padding-bottom:6px;}

a.select_cover span.select_item {
	color: black;}

/* end CSS dropdown/select */

input#departure_day, input#departure_month, input#arrival_day, input#arrival_month, select#to, select#from {
	width: 120px;}

input.flighttype {
	width: 20px;}

select#adults, select#children, select#babies {
	width: 50px;}

div#booking-form input.submit {
	width: auto;}

.text_reduced {
	font-size:93%}

.refinement {
	color:gray;}

.hidden {
	display:none;}

/* standard links */
a:link						{color: #FFF; text-decoration: none;}
a:visited					{color: #FFF; text-decoration: none;}
a:hover						{color: #FFF; text-decoration: none;}
a:active					{color: #FFF; text-decoration: none;}

/* generic color links */
a.color_link:link			{color: #640000;}
a.color_link:visited		{color: #640000;}
a.color_link:hover			{color: #FFF; text-decoration: none;}
a.color_link:active			{color: #FFF; text-decoration: none;}

/* generic color links */
a.detail_foot:link			{color: #555555;}
a.detail_foot:visited		{color: #555555;}
a.detail_foot:hover			{color: #FFF; text-decoration: none;}
a.detail_foot:active		{color: #FFF; text-decoration: none;}

/* tip thumb option links */
a.tip_thumb_opt:link		{color: #B4B4B4;}
a.tip_thumb_opt:visited		{color: #B4B4B4;}
a.tip_thumb_opt:hover		{color: #FFF; text-decoration: none;}
a.tip_thumb_opt:active		{color: #FFF; text-decoration: none;}

/* headings and filters */
a.heading:link				{color: #6A0C0E;}
a.heading:visited			{color: #6A0C0E;}
a.heading:hover				{color: #FFF; text-decoration: none;}
a.heading:active			{color: #FFF; text-decoration: none;}

/* headings and filters - selected */
a.heading_on:link			{color: #FFF;}
a.heading_on:visited		{color: #FFF;}
a.heading_on:hover			{color: #FFF; text-decoration: none;}
a.heading_on:active			{color: #FFF; text-decoration: none;}

/* link without any effects */
a.static:link				{color: #FFF;}
a.static:visited 			{color: #FFF;}
a.static:hover 				{color: #FFF; text-decoration: none;}
a.static:active 			{color: #FFF; text-decoration: none;}

/* titles for community tips */
a.comm_title:link			{color: #B10000;}
a.comm_title:visited 		{color: #B10000;}
a.comm_title:hover 			{color: #B10000;}
a.comm_title:active 		{color: #B10000;}

/* community tips, created by */
a.comm_creator:link			{color: #000;}
a.comm_creator:visited 		{color: #000;}
a.comm_creator:hover 		{color: #000;}
a.comm_creator:active 		{color: #000;}

/* Foreground, general */
a.foreground:link			{color: #4A4A4A;}
a.foreground:visited		{color: #4A4A4A;}
a.foreground:hover			{color: #B10000; text-decoration: none;}
a.foreground:active			{color: #B10000; text-decoration: none;}

/* City listing, user page */
a.subdued:link				{color: #818181;}
a.subdued:visited			{color: #818181;}
a.subdued:hover				{color: #B10000; text-decoration: none;}
a.subdued:active			{color: #B10000; text-decoration: none;}

/* City listing, user page - selected */
a.subdued_on:link			{color: #B10000;}
a.subdued_on:visited		{color: #B10000;}
a.subdued_on:hover			{color: #B10000; text-decoration: none;}
a.subdued_on:active			{color: #B10000; text-decoration: none;}

/* Provide links to liked tips and created tips in red|me section */
a.tips_created_link:link		{color: #818181; text-decoration: underline;}
a.tips_created_link:visited		{color: #818181; text-decoration: underline;}
a.tips_created_link:hover		{color: #B10000; text-decoration: underline;}
a.tips_created_link:active		{color: #B10000; text-decoration: underline;}

a.tips_likes_link:link			{color: #818181; text-decoration: underline;}
a.tips_likes_link:visited		{color: #818181; text-decoration: underline;}
a.tips_likes_link:hover			{color: #B10000; text-decoration: underline;}
a.tips_likes_link:active		{color: #B10000; text-decoration: underline;}

/* back link for redme likes/creates area */
.redme_back { margin:0 15px 30px; }
.redme_back a:link			{color: #000; font-weight: bold;}
.redme_back a:visited			{color: #000; font-weight: bold;}
.redme_back a:hover			{color: #000; font-weight: bold;}
.redme_back a:active			{color: #000; font-weight: bold;}

/* dark title links */
a.title:link                {color: #000000;}
a.title:visited             {color: #000000;}
a.title:hover               {color: #B10000; text-decoration: none;}
a.title:active              {color: #B10000; text-decoration: none;}

/* dark static title links */
a.title_static:link         {color: #4A4A4A; text-decoration: underline;}
a.title_static:visited      {color: #4A4A4A; text-decoration: underline;}
a.title_static:hover        {color: #B10000; text-decoration: underline;}
a.title_static:active       {color: #B10000; text-decoration: underline;}

/* tip sort */
a.sort:link					{color: #B90000;}
a.sort:visited				{color: #B90000;}
a.sort:hover				{color: #FFF; text-decoration: none;}
a.sort:active				{color: #FFF; text-decoration: none;}

/* always showing link state */
a.always_on:link			{color: #FFF; text-decoration: underline;}
a.always_on:visited			{color: #FFF; text-decoration: underline;}

a.cms:link					{background-color:#000; color: #FFFF00;}
a.cms:visited				{background-color:#000; color: #FFFF00;}
a.cms:hover					{background-color:#000; color: #FFFF00; text-decoration: underline;}
a.cms:active				{background-color:#000; color: #FFFF00; text-decoration: underline;}