.error {color:#9F0000;}
#tmError h3, #tmError h1 { color:#9F0000 !important; font-weight: bold; font-size: 14px; }
#tmError {  padding: 5px 10px 5px 10px; margin: 10px 10px 0 10px; background-color: #FFE3E3; border: solid 2px #CF0000; }
#tmError p { color:#9F0000; font-weight: bold; font-size: 12px; }
#tmError li { color:#9F0000; font-weight: bold; font-size: 12px; margin-top: 5px; }
#tmError li a { text-decoration: underline; }

.tmFormError {background-color:#FFE3E3;}

/* All Tables */
.tabDetail {width:100%; border-spacing:1px; border-collapse:separate; clear:both;}
.tabDetail .desc {background-color:#e7e7e7; font-weight:bold; vertical-align:top;}
.tabDetail  ul {margin:0; padding:0px; list-style:none;}
.tabDetail TD, .tabDetail TH  {background-color:white; vertical-align:top;}
.tmImagePrev {float:right; margin:5px;}

/* ---------- LIST VIEW ------------*/
#listView {padding:0 10px 0 10px; text-align:left;}
#listView H1, #listView  H2, #listView  H3 {display:inline; margin:0px; font-size:12px;}

.listView IMG {border:0px;}		/* overwrite style with border */ 
.listView P {color:black; font-size:12px; margin-left:5px; margin-right:2px;}
.listView TD {border:0px; padding:0px; margin:0px; vertical-align:top;}
.listView .tabList {width:100%; padding:0px; margin:0px; margin-bottom:10px; border:solid 1px black;}
.listView .trList {background-color:white; border-bottom:solid 1px black;}
.listView .tdPic {width:102px; border:0px; padding:0px; margin:0px; background-color:#e7e7e7; vertical-align:top; text-align:center;}
.listView .prevImg {border:solid 1px black; width:100px; height:75px; margin:2px;}
.listView .tdPic a:hover {opacity:.70; filter:alpha(opacity=70); -moz-opacity:0.7;}
.listView .tdDesc, .tdDescLite {width:343px;}
.listView .hilite {background-color:#e7e7e7;}

	/* List Menu Detail, Book.... */
	.menuInfo {margin-bottom:10px;}
	.menuInfo ul {margin:0; padding:0; list-style:none;}
	.menuInfo li {display:inline; margin:0; padding:0;}
	.menuInfo a {color:white; margin:0 1px 0 0; padding: 2px 1px 2px 16px; text-decoration:none; background-repeat:no-repeat;}
	.menuInfo a:hover {color:white;}
	/* Base informations about item */
	.prevInfo a {margin:0 2px 0 0; padding:0px 0px 0px 15px; text-decoration:none; background:url('/grafik/list_tm.gif') no-repeat 0px 0px;}
	.prevInfo ul {margin:0; padding:0px; list-style:none;}
	.prevInfo li {display:inline; margin:5px; padding:0;}
	.prevInfo {margin-bottom:10px;}
	
	/* Tab menu list */
	.tmNavSearchContainer {margin-top: 10px;}
	ul#tmNavList { font-weight: bold; list-style-type: none; padding-bottom: 24px; border-bottom: 1px solid #DFDFDF; margin: 0;}
	ul#tmNavList li { float: left; height: 21px; background-color: #efefef; margin: 2px 2px 0 2px; padding: 0px; border: 1px solid #DFDFDF; list-style: none;}
	ul#tmNavList li#tmNavActive { border-bottom: 1px solid #efefef; padding: 0px; background-color: #DFDFDF;}
	li#tmNavActive a { color: #000;}
	#tmNavList a { float: left; display: block; color: #666; text-decoration: none; padding: 4px; margin: 0px;}
	#tmNavList a:hover { background: #fff;}
	
	/* Google Style jumb links */
	.tmBrowse { text-align: center;}
	.tmBrowse a:link {  margin-right:5px;}
	.tmBrowse a:visited {margin-right:5px;}
	.tmBrowse a:active { margin-right:5px;}
	.tmBrowseLink { margin-left: 7px; text-decoration: none;}

/* ---------- DETAIL VIEW ------------*/
#detailView {padding:0px 2px 0px 5px; text-align:left;}
#tmHeader {margin:5px 0 0 0;}
#tmHeader H1, #tmHeader H2 {display:inline; margin:0px;}

/* detail.lasso Gallery */
#tmGallery {width:100%; height:260px; margin:0 0 3px 0; padding:3px 0 0 0; background-color:#e7e7e7;}
#tmGallery .tmImages {border:0px; margin:0px; width:550px;}
#tmGallery .tmImageLg {width:320px; margin-right:2px; float:left;}
#tmGallery .tmThumbs {width:220px; float:right;}
#tmGallery .tmThumbList {display:inline; width:108px;}
#tmGallery IMG {border:solid 1px black; margin:2px;}
#tmGallery .tmGalleryOff {display:none; position:relative; z-index:100;}

/* detail.lasso  FEATURES AND FURNISHING */
#dispAttributes LI, #dispFeatures LI, #dispFurnishing LI {list-style:none;}
#dispAttributes UL, #dispFeatures UL, #dispFurnishing UL {margin:0 0 0 5px; padding:0; border:0;}

#tmFurnishing LI { list-style: none;}
#tmFeatures LI { list-style: none;}
#tmAttributes LI { list-style: none;}


/* HOTEL */
#hotelRooms SELECT {font-size:10px;}
#hotelRooms .hotelPrices {width:100%; border-width:0px; padding:0px;}
#hotelRooms .hotelPrices TD {white-space:nowrap;}

/* Bar con't */
.dispDetailMenu {margin:5px 0 10px 0; background-color:#ddd; border:1px solid black; padding:3px; text-align:right; vertical-align:middle;}
.dispDetailMenu ul {margin:0; padding:0; list-style:none;}
.dispDetailMenu li {display:inline;}
.dispDetailMenu A {color:white; font-size:12px; font-weight:bold; background:url('/grafik/arrow_list_tm.gif') no-repeat 0px 4px; margin:0; padding:0px 6px 2px 12px;}
.dispDetailMenu A:hover {color:#FFD86F;}
.dispDetailMenu INPUT { margin: 0 0 0 30px;}
.dispDetailMenu INPUT, BUTTON {width: 120px;}

#dispTravelData {margin-bottom:10px;}
#dispTravelData .desc {width:20%; white-space:nowrap;}
#dispTravelData TD {width:30%; white-space:nowrap; padding:3px;}

#dispObject, #dispCalc, #dispResData, #dispTenant {margin-bottom:10px;}

#dispObjectInfo .tabDetail {width:240px;}

#dispResData .desc {width:25%; white-space:nowrap;}
#dispResData TD {width:75%; white-space:nowrap;}

#dispTenant .desc {width:25%; white-space:nowrap;}
#dispTenant TD {width:75%; padding:3px;}

/* CHECKOUT global css can be overwritten in local css --------------------------------------------------------------------*/

#tmCheckOut ul {display:block; margin:15px 0 15px; padding:0px; list-style:none;}
#tmCheckOut li {display:inline; margin:0px; padding:0;}
#tmCheckOut a {font-size:12px; font-weight:bold; text-decoration:none; color:#6F6F6F;}
#tmCheckOut a {margin:0; padding:6px 2px 0px 12px; background:url('/travelmate/images/arrow_checkout.gif') 0px 0px no-repeat;}
#tmCheckOut .tmStepOn a {color:black;}
#tmCheckOut .tmStepDone a {background:url('/travelmate/images/arrow_checkout2.gif') 0px 0px no-repeat;}

.tmButtonReset {font-size:11px;}
.tmButtonContinue {font-size:12px; font-weight:bold; padding:0 30px 0 30px;}

/* ACTION BOX --------------------------------------------------------------------*/
#tmBookFlat {width:100%; padding:0px; margin:5px 0 0 0px;}
#tmBookFlat INPUT, SELECT {font-size:10px;}
#tmBookFlat .arrival {background-color:#ddd; padding:2px; color:white; border:solid 1px black; text-align:left;}
#tmBookFlat .depart {margin:3px 0px 3px 0px; background-color:#ddd; padding:2px; color:white; border:solid 1px black; text-align:left;}
#tmBookFlat .cities {background-color:#ddd; padding:2px; color:white; border:solid 1px black; text-align:left;}
#tmBookFlat .submit {margin:3px 0px 3px 0px; height:25px; background-color:#ddd; padding:2px; border:solid 1px black; text-align:right;}
#tmBookFlat .tmSubmitButton {font-size:14px; font-weight:bold; padding:0 20px 0 20px;}

/* SEARCH FORM */
.tmSubmit {background-color:#ddd; color:white; border:solid 1px black; margin:5px 0 5px 0; padding:3px 20px 3px 20px; text-align:center;}

.tmSortForm {background-color:#E7E7E7; margin: 0; border:solid 1px black; font-size:10px; padding:3px;}
.tmSortForm INPUT, SELECT {font-size:10px;}

ul.tmExpand {margin:8px 0 8px 0; padding:0; list-style:none;}
.tmExpand li {display:inline;}
.tmExpand A {color:white; font-size:14px; font-weight:bold; background:url('/grafik/icon_expand.gif') 0px 4px no-repeat; margin:0; padding:5px 6px 4px 23px;}
.tmExpand A:hover {color:#8F4000; font-size:16px; background:url('/grafik/icon_expand.gif') 0px 4px no-repeat; margin:0; padding:5px 6px 4px 23px;}

ul.tmCalendar {margin:30px 0 30px 0; padding:0; list-style:none;}
ul.tmCalendar li {display:inline;}
ul.tmCalendar A {color:#8F4000; font-size:16px; font-weight:bold; background:url('/travelmate/images/calendar.gif') 0px 4px no-repeat; margin:0; padding:25px 6px 15px 15px;}
ul.tmCalendar A:hover {color:#CC5B00; font-size:16px; background:url('/travelmate/images/calendar.gif') 0px 4px no-repeat; margin:0; padding:25px 6px 15px 15px;}
.tmLinkText {margin-left:20px;}
.tmDateText {color:black; font-size:16px;}
.tmDateDay {color:black; font-size:16px;}

div.tmCalendarLink {float:none; vertical-align:bottom;} 
div.tmCalendarLink A {color:black; font-size:16px; font-weight:bold;}
div.tmCalendarLink A:hover {color:#CC3300;}
div.tmCalendarIcon {width:50px; text-align:center;}
div.tmCalendarIcon {background:url('/travelmate/images/calendar.gif') 0px 0px no-repeat; margin:0px; padding:0 0px 5px 0px; float:left;}
div.tmCalendarIcon .tmDateMonth {font-size:9px; color:white; display:block; margin:2px 0 5px 0px;}
div.tmCalendarIcon A {padding:10px; font-size:18px;}
span.tmCalendarText {display:inline; padding:10px 0px 0px 5px; margin-top:20px;}

#tmMessageLink {float:right; vertical-align:bottom;} 

ul.tmJumpLink {margin:8px 0 3px 3px; padding:0; list-style:none;}
.tmJumpLink li {background:url('/grafik/bg_search.gif') 0px 4px no-repeat; padding:8px 5px 10px 22px;}
.tmJumpLink A {font-size:14px; color:white; font-weight:bold; margin:0;}

/* Help - FAQ  fade in layer */
#tmMessageLink {margin:0px 0 0 0;} /* detail.lasso only */
.tmMessageLinkIcon {margin:0px 0 0px 0; background:url('/travelmate/images/help.gif') 0px 0px no-repeat; padding:12px 0px 12px 40px;}
.tmMessageLink {margin:0px 0 10px 0;}
.tmMessageLink A {font-weight:bold; font-size:14px;}
.tmHelpText {background-color:#e7e7e7; border:solid 1px #9F9F9F; padding:5px; margin:5px 0 5px 0;}

/* Calendar --------------------------------------------------------------------*/
#tmCalendar {clear:both;}
#tmCalendar .calContainer {text-align:center; height:133px; width:auto; margin:0 2px 5px 0; border:solid 1px black; display:block; float:left;} 
#tmCalendar .calContainer TABLE {width:134px; border:none; border-spacing:1px; border-collapse:separate;}
#tmCalendar .calendar {height:auto;} 
#tmCalendar .calendar * {font-size:10px;} 
#tmCalendar .calendar thead {background-color:#EDEFE0; color:white;} 
#tmCalendar .calendar thead tr th {height:15px; padding:0px; background-color:#FFD86F;}
#tmCalendar .calendar td {width:12px; height:15px; vertical-align:top; text-align:center; padding:0px; background-color:#D5E673;} 
#tmCalendar .o {color:#D5E673;} 
#tmCalendar .t {background-color:#EDEFE0 !important; color:black;} 
#tmCalendar .m {background-color:#BDCF5A !important; color:black;} 
#tmCalendar .e {background-color:#BF3100 !important; color:white;}

/* mapImage */
#mapImage {width:100%; margin:5px 0 0 0; border-bottom:solid 1px white; text-align:center;}

/* ---------- MEMO POPUP ------------*/
#tmMemo {padding:5px;}
#tmMemo .tmMemoMenu LI {display:inline;}
#tmMemo .tmMemoMenu A {background:url('/travelmate/images/arrow_sm.gif') 0px 4px no-repeat; font-weight:bold; margin:0; padding:0 6px 2px 12px;}
.tmMenuPopup {text-align:center; vertical-align:bottom; margin:2px; padding:2px; border:solid 1px black; background-color:#ddd;}
.tmMenuPopup a {font-size:16px; font-weight:bold;}


/* Rental Form external data */
#tmRentalForm IFRAME {width:549px; height:1200px; border:0; margin:0; padding:0;}

/* Offer Panel --------------------------------------------------------------------*/

#tmOfferPanel {margin:5px 0 0 0;}
#tmOfferPanel TD {width:100%; font-size:10px; background-color:#e7e7e7; border-bottom:solid 1px white; white-space:normal; vertical-align:top;}
#tmOfferPanel A { font-weight:bold;}
#tmOfferPanel A:hover {font-weight:bold;}
#tmOfferPanel B {color:#CC5B00;}

/* TAG CLOUD --------------------------------------------------------------------*/
#linksExternal {width:100%; margin:5px 0 0 0;}
#linksExternal TABLE {border-spacing:0; border-collapse:collapse; table-layout:fixed; padding:0px; margin:3px 0 0 0; width:100%;}
#linksExternal TD {height:100%; vertical-align:top; padding:2px 0 0 3px; margin-bottom:1px;}

.tagCloud {overflow:hidden; width:99%; height:100px; padding:7px; text-align:center; line-height:1.2em;}
.tagCloud * {line-height:1em;}
a.cloud1 {font-size:9px;}
a.cloud2 {font-size:10px;}
a.cloud3 {font-size:11px;}
a.cloud4 {font-size:12px;}
a.cloud5 {font-size:15px;}
a.cloud6 {font-size:13px;}
a.cloud1, a.cloud2, a.cloud3, a.cloud4, a.cloud5, a.cloud6 {margin-right:3px; float:left; font-weight:bold;}

/* jQuery LIGHTBOX  --------------------------------------------------------------------*/
#jquery-overlay,#jquery-lightbox,#lightbox-loading,#lightbox-nav { position: absolute;}
#jquery-overlay,#jquery-lightbox,#lightbox-nav { top: 0;}
#jquery-overlay,#jquery-lightbox,#lightbox-nav,#lightbox-container-image-box > #lightbox-nav,#lightbox-nav-btnPrev { left: 0;}

#jquery-overlay {
	z-index: 90;
	height: 500px;
}

#jquery-overlay,#jquery-lightbox,#lightbox-loading,#lightbox-nav,#lightbox-container-image-data-box { width: 100%;}
#jquery-lightbox { z-index: 100;}

#jquery-lightbox,#lightbox-loading {
	text-align: center;
	line-height: 0;
}

#jquery-lightbox a img { border: none;}

#lightbox-container-image-box,#lightbox-container-image-data-box {
	background: #fff;
	margin: 0 auto;
}

#lightbox-container-image-box {
	position: relative;
	width: 250px;
	height: 250px;
}

#lightbox-container-image { padding: 10px;}

#lightbox-loading {
	top: 40%;
	left: 0%;
	height: 25%;
}

#lightbox-nav,#lightbox-nav-btnNext,#lightbox-nav-btnPrev { height: 100%;}
#lightbox-nav { z-index: 10;}
#lightbox-nav a { outline: none;}

#lightbox-nav-btnNext,#lightbox-nav-btnPrev {
	width: 49%;
	zoom: 1;
}

#lightbox-nav-btnNext,#lightbox-nav-btnPrev,#lightbox-image-details-currentNumber { display: block;}
#lightbox-nav-btnPrev,#lightbox-container-image-data #lightbox-image-details { float: left;}
#lightbox-nav-btnNext { right: 0;}
#lightbox-nav-btnNext,#lightbox-secNav-btnClose { float: right;}

#lightbox-container-image-data-box {
	font: 10px Verdana,Helvetica,sans-serif;
	line-height: 1.4em;
	overflow: auto;
	padding: 0 10px 0;
}

#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}

#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	text-align: left;
}

#lightbox-image-details-caption { font-weight: bold;}

#lightbox-image-details-currentNumber {
	clear: left;
	padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose {
	width: 66px;
	padding-bottom: 0.7em;
}


/* Preview Layer for Ajax generated thru jquey scripts */
#loadBox { width:580px; height:auto; position:absolute; background-color:#F3F3F3; margin: 15px;}

/* GALLERIA - JQUERY GALLERY --------------------------------------------------------------------*/
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}

* html .galleria li div span{width:400px} /* MSIE bug */

/* START JQuery TABS overwrite --------------------------------------------------------------------*/

.ui-tabs-nav li a { padding: 0.5em 0.7em 0.5em 0.7em !important;  }
.ui-tabs-panel { padding: 0.5em !important;}
.ui-tabs-panel li { list-style: none !important;  list-style-image: none !important;}

/* END JQuery TABS overwrite --------------------------------------------------------------------*/

/* GALLERIA - JQUERY GALLERY --------------------------------------------------------------------*/
#wmContent .caption{font-style:italic;color:#887;}
#wmContent .wmGallery{position:relative;margin-top:2em;text-align:center;}
#wmContent .wmGalleryImg{width:520px;margin:0 auto;}
#wmContent .wmGalleryImg li{width:68px;height:50px;border:3px double #111;margin: 0 2px 2px;background:#000;list-style: none;}
#wmContent .wmGalleryImg li div{left:240px}
#wmContent .wmGalleryImg li div .caption{font:italic 0.7em/1.4 georgia,serif;}
#wmGalleryMain{margin:0 auto 60px auto;height:360px;width:480px;background:#edefe0;}
#wmGalleryMain img{margin-bottom:10px;}
.wmGallery .nav{padding-top:15px;clear:both;letter-spacing:3px;text-transform:uppercase;}