/*
=states and images
*/
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/*
=overlays
*/
.ui-widget-overlay { position: absolute; width: 100%; height: 100%; }

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

/*
=component containers
*/
.ui-widget { font-family: Arial,sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #ccc; background: #ffffff; color: #222222;}
.ui-widget-content a { color: #222222; }
.ui-widget-header { background: #f9f9f9; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/*
=interaction states
*/
.ui-state-default, .ui-widget-content .ui-state-default { background: #f1f1f1; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { background: #dadada; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { background: #ffffaa ;color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }

/*
=icons and position
*/
.ui-icon { width: 16px; height: 16px; background-image: url('/static-images/ui-icons_222.png'); }
.ui-widget-content .ui-icon {background-image: url('static-images/ui-icons_222.png'); }
.ui-widget-header .ui-icon {background-image: url('/static-images/ui-icons_222.png'); }
.ui-state-default .ui-icon { background-image: url('/static-images/ui-icons_888888_256x240.png'); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url('/static-images/ui-icons_454545.png'); }
.ui-state-active .ui-icon {background-image: url('/static-images/ui-icons_454545.png'); }
.ui-state-highlight .ui-icon {background-image: url('/static-images/ui-icons_2e83ff_256x240.png'); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url('/static-images/ui-icons_cd0a0a_256x240.png'); }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }


/*
=calendar
*/
div#text{
    clear: left;
}

#datepicker_div {	
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	width: 185px;
}

#datepicker_div a, .datepicker_inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
}

.datepicker_inline .datepicker_links a {
	padding: 0 5px !important;
	color:000033;
}

.datepicker_inline {
	clear:both;
	display: block;
	border: 0;
	margin-left:2em;
}

.datepicker_header {
	padding: 5px 15px 5px 120px;	
    font-size:1.2em;
    text-align: center;
height: 30px;
position: relative;
}

.datepicker {
	margin-bottom:2em;
}

.datepicker_links {
	padding:.5em;
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: 1px;
}

.datepicker_links a {
	padding: 2px 5px !important;
	color: #eee !important;
}

.datepicker_links a:hover {color: #333 !important;}

.datepicker_next, .datepicker_prev {
font-size: 1.6em;
font-weight: bold;
font-family: Georgia,sans-serif;
position: absolute;
top: 0;
}

.datepicker_prev {
left: 120px;
}

.datepicker_next {
right: 15px;
}

.datepicker_next a, .datepicker_prev a {
	cursor: pointer;
	color:#003399;
	font-weight: bold;
	font-family: Georgia,sans-serif;
	text-decoration: underline;
}

.datepicker_current {
	display:inline;
	font-weight:bold;
	color:#333;
}

.datepicker_titleRow td {padding:.5em;}

.datepicker_daysCell {
    background: #f1f1f1;
    color: #666;
	border: 1px solid #fff;
    padding:.5em;
}

.datepicker {
    border-collapse:collapse;
}

.datepicker_daysCellOverWeekend {
    background: none repeat scroll 0 0 #CCCCCC;
    border: 1px solid #fff;
}

#calendardiv td {
    padding:7px;
    text-align:center;
}

#calendardiv .datepicker_rentalunitname {
    text-align:left;
    width:120px;
}

#calendardiv .datepicker_daysCell {
    width:10px;
    text-align:center;
}


.datepicker_daysCell a {display: block;}

.datepicker_daysCell a:hover {
	background: #eeffdd !important;
	color: #333 !important;
}

.datepicker_currentDay {
	text-decoration:line-through;
	background: #ff8899 !important;
}

.datepicker_month {width:auto;}

.datepicker_daysPrevMonth, .datepicker_daysNextMonth {
	color:#c1c1c1;
	background:#f1f1f1;
} 

.datepicker_today {background:#ffffbb;}

#legend-calendar {margin:1.5em 0; position:relative}

#legend-calendar .lastUpdateToCalendar {display: block; position: absolute; text-align: center; top: 20px; width: 100%; font-size:1.2em; color:#333}

#legend-calendar p {margin:0 .4em .3em 0;}

#legend-calendar .libre, #legend-calendar .ocupado, #legend-calendar .weekend {width:25px; }

#legend-calendar .libre {
    background:#eeeeee;
    color:#eeeeee;
}

#legend-calendar .ocupado {
    background:#ee6655;
    color:#ee6655;
}

#legend-calendar .weekend {
    background:#cccccc;
    color:#cccccc;
}

#calendarForm p.update {
text-align: center;
}

#calendarForm span.message {
margin-right: 2em;
font-size: 11px;
}

#calendarForm span.message.alert {
color: red;
background: none;
font-weight: normal;
padding-left: 0;
}

/*
 * calendar inline
 */
#web-calendar {
    overflow:hidden;
    width:100%;
    table-layout:fixed;
    border-collapse:collapse;
}

.web-calendar-nlinks a,.web-calendar-plinks a {
cursor: pointer;
color:#003399;
font-weight:bold;
}

#web-calendar tbody td, #web-calendar .web-calendar-titleRow td {         
padding: 5px;        
}

#web-calendar tr {}

.web-calendar-prev, .web-calendar-next {
font-size:1.6em;
font-family:Georgia, sans-serif;
}

.web-calendar-prev a, .web-calendar-next a {
color:#003399;
text-decoration:underline;
cursor:pointer;
}

.web-calendar-header {
font-weight:bold;
height:35px;
}        

.web-calendar-dateRow {
font-weight:bold;
}

#web-calendar .cell {
text-align:center;
}

#web-calendar .web-calendar-titleRow .weekend-cell {color:#333;}

.web-calendar-daysRow .day {
background: #eeeeee;
color: #999;
border:1px solid #fff;
}

.web-calendar-daysRow .no-vacancy {
background: #ee6655;
text-decoration:line-through;
color: #ccc;
border:1px solid #e9e9e9;
}

#web-calendar .weekend-cell {
background: #cccccc;
color: #999;
border:1px solid #fff;
}

#web-calendar .month-last-day {         
border-right:1px solid black;
}


/* occupation-table */

#occupation-table {
width: 100%;
border-collapse: collapse;
}

#occupation-table tbody th {
font-weight: normal;
text-align: left;
}

#occupation-table td {
padding: 5px 0;
width: 25px;
}

#occupation-table thead th.previous {
text-align: right;
}

#occupation-table thead td.next {
white-space: nowrap;
width: 30px;
}

#occupation-table tbody td.next {
border: none;
background-color: #fff;
}

#occupation-table th {
padding: 5px 0;
}

#occupation-table td {
text-align: center;
border-right: 1px solid #fff;
}

#occupation-table tbody th {
white-space: nowrap;
padding-right: 5px;
}

#occupation-table tbody td {
border-bottom: 1px solid #fff;
background-color: #eee;
color: #999;
}

#occupation-table thead .day-abbreviations td {
padding-top: 0;
padding-bottom: 0;
vertical-align: bottom;
}
#occupation-table thead .days td {
padding-top: 0;
font-weight: bold;
}

#occupation-table td.weekend {
background-color: #ccc !important;
}

#occupation-table tbody td.no-vacancy {
background-color: #ee6655 !important;
color: #ccc;
text-decoration:line-through;
}

#occupation-table td.month-last-day {
border-right: 1px solid #000;
}

#occupation-table tbody tr:hover th,
#occupation-table tbody tr:hover td {
background-color: #ffd;
cursor: default;
}

#occupation-table tbody tr:hover td.weekend {
background-color: #dbdbd1 !important;
}

#occupation-table tbody tr:hover td.next {
background-color: #fff;
}

#occupation-table thead tr.navigation td {
font-weight: bold;
line-height: 2em;
	width: auto;
}

#occupation-table span.previous,
#occupation-table span.next {
font-family: Georgia, arial, sans-serif;
font-size: 1.6em;
}