.ui-booking-widget{ width:764px; }
.ui-booking{ width:auto; }
.ui-booking-item{ width:184px;}
.ui-booking-item a{ display:block; margin:4px 4px;}
.ui-booking-item a img{ border:none; margin-right:8px; }



/** calendar */
.ui-datepicker .ui-datepicker-search{ cursor:pointer; }
.ui-datepicker .ui-datepicker-search{ position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-search-hover{ top: 1px; }
.ui-datepicker .ui-datepicker-search { left:27px; }
.ui-datepicker .ui-datepicker-search-hover { left:26px; }
.ui-datepicker .ui-datepicker-search span{ display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }


.ui-datepicker span.ui-datepicker-day a.ui-state-active,
.ui-datepicker span.ui-datepicker-day a.ui-state-default{
	color:#fff;
}


/** charter-depart-list */
/** todo make all classes for charter only here in the future */

.ui-charter { width: 17em; padding: .2em .2em 0; }
.ui-charter .ui-charter-header { position:relative; padding:.2em 0; }
.ui-charter .ui-charter-prev, .ui-charter .ui-charter-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-charter .ui-charter-prev-hover, .ui-charter .ui-charter-next-hover { top: 1px; }
.ui-charter .ui-charter-prev { left:2px; }
.ui-charter .ui-charter-next { right:2px; }
.ui-charter .ui-charter-prev-hover { left:1px; }
.ui-charter .ui-charter-next-hover { right:1px; }
.ui-charter .ui-charter-prev span, .ui-charter .ui-charter-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-charter .ui-charter-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-charter .ui-charter-title select { float:left; font-size:1em; margin:1px 0; }
.ui-charter select.ui-charter-month-year {width: 100%;}
.ui-charter select.ui-charter-month, 
.ui-charter select.ui-charter-year { width: 49%;}
.ui-charter .ui-charter-title select.ui-charter-year { float: right; }
.ui-charter table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-charter th { padding:.3em 0; text-align: left; font-weight: bold; border: 0;  }
.ui-charter td { padding: .7em .3em; }
.ui-charter td span, .ui-charter td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-charter .ui-charter-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-charter .ui-charter-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-charter .ui-charter-buttonpane button.ui-charter-current { float:left; }

/** additions styles for search */
.ui-charter .ui-charter-search{ cursor:pointer; }
.ui-charter .ui-charter-search{ position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-charter .ui-charter-search-hover{ top: 1px; }
.ui-charter .ui-charter-search { left:27px; }
.ui-charter .ui-charter-search-hover { left:26px; }
.ui-charter .ui-charter-search span{ display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }


.ui-charter span.ui-charter-day a.ui-state-active,
.ui-charter span.ui-charter-day a.ui-state-default{
	color:#fff;
}


#calendar_filter div{
	display:block;
	clear:both;
	width:220px;
	height:25px;
}

#calendar_filter label{
	display:block;
	width:100px;
	height:20px;
	float:left;
	text-align:right;
}

#calendar_filter select{
	width:100px;
	height:20px;
	float:right;
}
.search-users { margin-left:32px;}
.ui-angler .ui-angler-search{ cursor:pointer; }
.ui-angler .ui-angler-search{ position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-angler .ui-angler-search-hover{ top: 1px; }
.ui-angler .ui-angler-search { left:7px; }
.ui-angler .ui-angler-search-hover { left:6px; }
.ui-angler .ui-angler-search span{ display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }


.manafest { margin-left:0px; float:left; }
.ui-manafest{ position:relative; }
.ui-manafest-title{  }
.ui-manafest .ui-manafest-print{ cursor:pointer; }
.ui-manafest .ui-manafest-print{ position:absolute; top: -2px; width: 1.8em; height: 1.8em; }
.ui-manafest .ui-manafest-print-hover{ top: -3px; }
.ui-manafest .ui-manafest-print { left:1px; }
.ui-manafest .ui-manafest-print-hover { left:0px; }
.ui-manafest .ui-manafest-print span{ display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }