/* CSS Document */

.finder {
	width:254px;
	height:478px;	
	color:#000;
	font-weight:bold;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	font-size:10px;
}



.finder ul , .finder ul li {
	list-style-type:none;
	list-style-image:none;
	list-style:none;
	margin:0;
	padding:0;
}

.finder a {
	color:#000;
	font-weight:bold;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	outline:0;
	outline:none;
	
}

.finder #amount {
	background:none;
	border:0;
	border:none;
	color:#FFF;
	font-weight:bold;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	width:50px;
	position:absolute;
	top:21px;
	left:190px;
}
.finder .finderTopButton {
	height: 130px;
	position:relative
}
.finder .finderTopButton {
	height: 130px;
	position:relative
}
.finder #finderTop{
	position:absolute;height:130px;width:254px; top:0px;left:0px;z-index:2;
}

.finder #finderTopOver{
	position:absolute;height:130px;width:254px; top:0px;left:0px;z-index:1;
}

.finder .stop {
	background:url(../images/bg/finder_top.png) center top no-repeat;
	height:130px;
}

.finder .smiddle {
	background:url(../images/bg/finder_middle.png) center top no-repeat;
	height:58px;
	position:relative;
}

.finder .caloptions input {
	cursor:pointer;
	border:0;
	border:none;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	font-family:"Trebuchet MS", Tahoma, Verdana;
}

.finder .slist {
	background:url(../images/bg/finder_list_bg.png) center top no-repeat;
	height:116px;
	position:relative;
}

.finder .sbottom {
	background:url(../images/bg/finder_bottom.png) center bottom no-repeat;
	height:58px;
	position:relative;
}

.fncalendar_icon {
	background:url(../images/bg/calendar_icon.jpg) center top no-repeat;
	height:43px;
	width:45px;
	display:block;
}

.fncheckin_icon {
	background:url(../images/bg/checkin_icon.jpg) center top no-repeat;
	height:43px;
	width:79px;
	display:block;
}

.fncheckout_icon {
	background:url(../images/bg/checkout_icon.jpg) center top no-repeat;
	height:43px;
	width:79px;
	display:block;
}

.fnroom_icon {
	background:url(../images/bg/fnroom_icon.jpg) center top no-repeat;
	height:43px;
	width:45px;
	display:block;
}

.fnprices_icon {
	background:url(../images/bg/prices_icon.jpg) center top no-repeat;
	height:43px;
	width:45px;
	display:block;
}

.finder .editing {
	background-position:center center !important;
}

.finder .modified {
	background-position:center bottom !important;
}

.finder .smiddle .fncalendar_icon ,.finder .smiddle .fncheckin_icon ,.finder .smiddle .fncheckout_icon ,
.finder .smiddle .fnroom_icon, .finder .smiddle .fnprices_icon  {
	top:7px;
	position:absolute;
}

.finder .smiddle .fncheckin_icon input ,.finder .smiddle .fncheckout_icon  input {
	font-size:14px;
	width:73px;
	background:none;
	display:block;
	margin:0;
	padding:16px 0 0 6px;
	height:27px;	
	text-indent:-9000em;
}


 
 /* OPERA */
 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
 {
 
 	.finder .smiddle .fncheckin_icon input ,.finder .smiddle .fncheckout_icon  input {
			padding:13px 0 0 5px;
			height:30px;
			text-indent:0em !important;	
		}
 
 }
 
 /* Safari */
 @media screen and (-webkit-min-device-pixel-ratio:0) 
 { 
		.finder .smiddle .fncheckin_icon input ,.finder .smiddle .fncheckout_icon  input {
			padding:40px 0 0 5px;
			height:13px;
				
		}
 }

.finder .smiddle span.modified input ,.finder .smiddle span.modified  input {
	text-align:center;
	text-indent:0;
	
}

.finder .smiddle span.editing input ,.finder .smiddle span.editing  input {
	filter:Alpha(opacity=1);
	opacity: 0.05;	
}



.finder .smiddle .fncalendar_icon , .finder .smiddle .fnroom_icon  , .finder .smiddle .fnprices_icon  {
	left:20px;
}

.finder .smiddle .fncheckin_icon  {
	left:72px;
}

.finder .smiddle .fncheckout_icon  {
	left:155px;
}

.finder .sbottom a  {
	background:url(../images/bg/finder_bottom.png) left top no-repeat;
	float:left;
	display:block;
	height:58px;
	text-indent:-9000em;
}

.finder .sbottom a  {
	background:url(../images/bg/finder_bottom.png) no-repeat;
	float:left;
	display:block;
	height:58px;
	text-indent:-9000em;
}

.finder .sbottom a.viewall  {
	background-position:left top;
	width:112px;
}

.finder .sbottom a.nsearch  {
	width:142px;
	background-position:-112px top;
}

.finder .sbottom a.viewall:hover  {
	background-position:left center;
}

.finder .sbottom a.nsearch:hover  {
	background-position:-112px center;
}

.finder .sbottom a.selected {
	background:none;
}

.finder .numrooms {
	/*background:url(../images/bg/bar_numrooms.jpg) left bottom no-repeat;*/
	position:absolute;
	top:12px;
	left:85px;
	width:140px;
	height:33px;
	margin:0;
	padding:0;
}

.finder .numrooms li {
	width:35px;
	height:33px;
	float:left;
	margin:0;
	padding:0;
}

.finder .numrooms li#bs a {
	background-position:left top;
}
.finder .numrooms li#b1 a{
	background-position:-35px top;
}
.finder .numrooms li#b2 a{
	background-position:-70px top;
}
.finder .numrooms li#b3 a{
	background-position:-105px top;
}
.finder .numrooms li#bs a {
	background-position:left top;
}

.finder .numrooms li a {
	background:url(../images/bg/bar_numrooms.jpg) left top no-repeat;
	display:block;
	height:33px;
	text-indent:-9000em;
}

/*.finder .numrooms li.selected a, .finder .numrooms li a:hover {
	background:none;
}*/
.finder .numrooms #bs.selected a {
	background-position: left -33px;
}
.finder .numrooms #b1.selected a {
	background-position: -35px -33px;
}
.finder .numrooms #b2.selected a {
	background-position: -70px -33px;
}
.finder .numrooms #b3.selected a {
	background-position: -105px -33px;
}
.finder .numrooms #bs.disabled a {
	background-position: left -66px;
}
.finder .numrooms #b1.disabled a {
	background-position: -35px -66px;
}
.finder .numrooms #b2.disabled a {
	background-position: -70px -66px;
}
.finder .numrooms #b3.disabled a {
	background-position: -105px -66px;
}
/*
.finder .numrooms li.selected a {
	
	background-position: -33px;

}*/
.finder .places {
	position:absolute;
	left:80px;
	top:16px;	
}

.finder .list_places {
	font-size:14px;
	font-weight:bold;
	height:78px;
	padding:1px 0;
	width:145px;
}

.finder .list_places li {
	width:127px;
	margin-bottom:2px;
}

.finder .list_places li a {
	width:119px;
	display:block;
	padding-left:8px;
	text-decoration:none;
}

.finder .list_places li.selected a  ,.finder .list_places li  a:hover  {
	background:url(../images/bg/hover_place.jpg) center center;
	color:#FFF;
}

.finder .prices_slider  {
	background:url(../images/bg/bg_barslider.jpg) left top no-repeat;
	position:absolute;
	left:80px;
	top:28px;
	height:5px;
	width:95px;
}
.ui-slider-scale.ui-helper-reset{
	display:none;
}


/******** SCROLL - CSS *****/

.finder .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.finder .jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
	display:none;
}

.finder .jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.finder .jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.finder .jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.finder a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 4px;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 12px;
	width:10px;
	background:url(../images/bg/arrow_scroll_up.jpg) center top no-repeat;
}
.finder a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

.finder a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: -1px;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 12px;
	background:url(../images/bg/arrow_scroll_down.jpg) center top no-repeat;
	width:10px;
}
.finder a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
.finder a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/*** SLIDER **/

.finder .ui-slider { position: relative; text-align: left; }
.finder .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default;  }
.finder .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.finder .ui-slider-horizontal { height: .8em !important; }
.finder .ui-slider-horizontal .ui-slider-handle {  }
.finder .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.finder .ui-slider-horizontal .ui-slider-range-min { left: 0; }
.finder .ui-slider-horizontal .ui-slider-range-max { right: 0; }



.finder .ui-slider .ui-slider-handle {background-imge:url(../images/bg/handle_slider_icon.png)!important;background-image:none; background-position: left top no-repeat!important; height:30px;  width:30px; margin-left:-15px !important;margin-top:-25px !important; cursor: pointer;}

.finder .ui-slider .ui-state-active { background-position:left bottom !important;  }

.tip {
	bottom:40px;
	left:10px;
	position:absolute;
	font-weight:bold;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	font-size:12px;
	text-align:center;
	display:none;
	z-index:1000;
    line-height: 25px;
	height: 25px;
}

.tip .w { min-height:100%; _height:100%; width:83px; }
	
.tip .b { /*min-height:29px; */ }

.tip .m { width:100%; min-height:100% }

.tip .t {background:url(../images/bg/MyTooltip_IMG/t.png) center top no-repeat; }

.tip .b { background:url(../images/bg/MyTooltip_IMG/b.png) center bottom no-repeat; position:relative; padding-bottom:15px; }

.tip .arrow { background:url(../images/bg/MyTooltip_IMG/a.png) center top no-repeat; position:relative; bottom:-7px; left:8px; height:7px; width:6px; position:absolute; _bottom:-19px }

.tip .text { background:#F9F9F9 url(../images/bg/MyTooltip_IMG/bg_line_v.png) center bottom repeat-x; top:7px; left:0px; min-height:17px ; width:79px; position:relative; padding: 0 2px; overflow-x: hidden; }

body, html {
	height:100%;
	width:100%;
	margin:0;
	padding:0;	
}


/** DATE PICKER **/

#ui-datepicker-div {
	/*background:url(../images/bg/datePicker/bg.png) center top no-repeat;*/
	/*_background:url(../images/bg/datePicker/bg.gif) center top no-repeat;*/
	height:209px;
	width:237px;
	z-index:100;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	display:none;
	position:absolute;
}

#ui-datepicker-div  .bg_ie {
	background:url(../images/bg/datePicker/bg.png) center top no-repeat;
	height:209px;
	width:237px;
	position:absolute;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="images/bg/datePicker/bg.png", sizingMethod="image");
}

#ui-datepicker-div  .content_calendar {
	height:209px;
	width:237px;
	position:absolute;
}

#ui-datepicker-div a {
	text-decoration:none;
	color:#444;
	font-weight:normal;
	display:block;
	width:18px;
	
}
#ui-datepicker-div a:hover {
	font-weight:bold;
}

#ui-datepicker-div .ui-datepicker-header  {
	height:19px;
	width:237px;
	margin:0;
	top:31px;
	left:0;
	line-height:19px;
	position:absolute;
}


#ui-datepicker-div .ui-datepicker-title {
 	text-align:center;
	font-weight:normal;
}



#ui-datepicker-div .ui-datepicker-calendar {
 	width:140px;
	height:105px;
	margin: 0 auto;
	position:relative;
	top:50px;
}

#ui-datepicker-div .ui-datepicker-calendar th {
 	border-bottom:solid 1px #666666;
	
}

#ui-datepicker-div .ui-datepicker-calendar tr {
 	text-align:center;
}

#ui-datepicker-div .ui-datepicker-calendar td {
	vertical-align:middle;
	text-align:center;
	width:20px;
}

#ui-datepicker-div .ui-datepicker-prev , #ui-datepicker-div .ui-datepicker-next {
 	position:absolute;
	top:68px;
	cursor:pointer;
	height:11px;
	width:7px;
	text-indent:-9000em;
	display:block;
}

#ui-datepicker-div .ui-datepicker-prev  {
 	left:15px;
	background:url(../images/bg/datePicker/arrow_left.png) center top no-repeat;
}

#ui-datepicker-div .ui-datepicker-next {
 	right:14px;
	background:url(../images/bg/datePicker/arrow_right.png) center top no-repeat;
}


#ui-datepicker-div td div {	
	position:relative;
	text-align:center;
	width:18px;
}



#ui-datepicker-div .ui-datepicker-current-day div  a {
	background:url(../images/bg/datePicker/ballblack.png) left top no-repeat;
	height:20px;
	width:20px;
	color:#fff;
	text-align:center;	
	position:absolute;
	line-height:20px;
	top:-10px;
	left:-1px;
	display:block;
}

#ui-datepicker-div td  .ui-state-hover {
	background:url(../images/bg/datePicker/ballblack.png) left top no-repeat;
	height:18px;
	width:20px;
	color:#fff;
	text-align:center;	
	position:absolute;
	line-height:20px;
	top:-10px;
	left:0;
	display:block;
}


/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Dialog */




/*** CLASES ADICIONALES TOOLS **/

.no_margin_b {
	margin-bottom:0 !important;
}