﻿/* PAGE */
.multiCalendarPage
{
   text-align:center;
}

.multiCalendarPage .miniCalendarLinks
{
   position:relative;
   width:640px;
   height:70px;
   margin:0px auto;
   z-index:0;
}

.multiCalendarPage .miniCalendarLinks .miniCalendarLink1
{
   position:absolute;
   top:25px;
   left:0px;
   z-index:10;
}

.multiCalendarPage .miniCalendarLinks .miniCalendarLink2
{
   position:absolute;
   top:25px;
   right:0px;
   z-index:10;
}

.multiCalendarPage .monthYearSelection
{
   position:absolute;
   top:22px;
   left:0px;
   width:640px;
   text-align:center;
   z-index:0;
}

.multiCalendarPage .miniCalendarLinks .miniCalendarLink1 a,
.multiCalendarPage .miniCalendarLinks .miniCalendarLink2 a
{
   font-size:10pt;
   font-weight:bold;
}


/* CONTROLS */
.multiPropertyRowEditor
{
   border:solid 1px #000;
   background-color:#eee;
   padding:5px;
}

.multiPropertyRowEditorUrl
{
   padding-left:5px;
}

.multiPropertyRowEditorSort div,
.multiPropertyRowEditorUrl div
{
   font-weight:bold;
   font-size:8pt;
}

.multiPropertyRowEditorSort input,
.multiPropertyRowEditorUrl input
{
   font-size:8pt;
}

.multiPropertyRowEditorSort input
{
   width:30px;
   text-align:right;
}

.multiPropertyRowEditorUrl input
{
   width:300px;
}

.multiPropertyRowEditorButtons
{
   vertical-align:bottom;
}

.multiPropertyRowEditorButtons img
{
   padding-left:5px;
}

.calendarNavigation *
{
   font-size:8pt;
}

.calendarNavigation td
{
   padding-right:5px;
}

.multiPropertyCalendar 
{
   position:relative;
   margin-left:auto;
   margin-right:auto;
}

.multiPropertyCalendarNavigation *,
.multiPropertyCalendar *
{
   font-family:Arial;
   font-size:8pt;
}

.multiPropertyCalendar thead th.sortHeader
{
   font-weight:bold;
   vertical-align:bottom;
}

.multiPropertyCalendar thead th.dayHeader
{
   font-weight:bold;
   padding:0px 2px;
   width:24px;
}

.multiPropertyCalendar tbody td
{
   border-top:solid 1px #000;
}

.multiPropertyCalendar tbody td.propertySort input
{
   width:30px;
   text-align:right;
}

.multiPropertyCalendar tbody td.propertySort,
.multiPropertyCalendar tbody td.propertyTitle,
.multiPropertyCalendar tbody td.propertyCalendar,
.multiPropertyCalendar tbody td.propertyOwnerEdit
{
   padding-right:5px;
}

.multiPropertyCalendar tbody td.propertyTitle
{
   text-align:right;
}

/* Days */
.multiPropertyCalendar tbody td.daysCell
{
   padding:0px;
   height:25px;
}

.multiPropertyCalendar tbody td.daysCell .daysContainer
{
   position:relative;
   height:25px;
   overflow:hidden;
}

.multiPropertyCalendar tbody td.daysCell .daysContainer .dayDate
{
   position:absolute;
   top:0px;
   width:27px;
   height:25px;
   line-height:26px;
   color:#000;
   text-align:center;
   border-left:dashed 1px #aaa;
}

.multiPropertyCalendar tbody td.daysCell .daysContainer .noRate
{
   background:#f00;
   color:#fff;
}

.multiPropertyCalendar tbody td.daysCell .daysContainer .oldDate
{
   background:#ddd;
   color:#000;
}

.multiPropertyCalendar tbody td.daysCell .daysContainer .todayDate
{
   background:#eee;
   color:#000;
}

.multiPropertyCalendar tbody td.daysCell .daysContainer .unavailable
{
   color:#fff;
   z-index:1;
}


/* Booking Types */
.multiPropertyCalendar .dayBlockMatched,
.multiPropertyCalendar .dayBlockOwner,
.multiPropertyCalendar .dayBlockPending
{
   position:absolute;
   top:0px;
   height:12px;
   margin-top:6.5px;
}

.multiPropertyCalendar .dayBlockLeftCap,
.multiPropertyCalendar .dayBlockRightCap
{
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:12px;
}

.multiPropertyCalendar .dayBlockContents
{
   position:absolute;
   top:0px;
   height:12px;
   white-space:nowrap;
   overflow:hidden;
}

/** Matched */
.multiPropertyCalendar .dayBlockMatched .dayBlockLeftCap
{
   background:url('/Images/MultiPropertyCalendar/multi-scap-matched.gif') no-repeat top left;
}

.multiPropertyCalendar .dayBlockMatched .dayBlockRightCap
{
   background:url('/Images/MultiPropertyCalendar/multi-ecap-matched.gif') no-repeat top right;
}

.multiPropertyCalendar .dayBlockMatched .dayBlockContents
{
   background:#0a4d87;
   color:#fff;
}

/** Owner */
.multiPropertyCalendar .dayBlockOwner .dayBlockLeftCap
{
   background:url('/Images/MultiPropertyCalendar/multi-scap-owner.gif') no-repeat top left;
}

.multiPropertyCalendar .dayBlockOwner .dayBlockRightCap
{
   background:url('/Images/MultiPropertyCalendar/multi-ecap-owner.gif') no-repeat top right;
}

.multiPropertyCalendar .dayBlockOwner .dayBlockContents
{
   background:#a1c6e9;
   color:#000;
}

/** Pending */
.multiPropertyCalendar .dayBlockPending .dayBlockLeftCap
{
   background:url('/Images/MultiPropertyCalendar/multi-scap-pending.gif') no-repeat top left;
}

.multiPropertyCalendar .dayBlockPending .dayBlockRightCap
{
   background:url('/Images/MultiPropertyCalendar/multi-ecap-pending.gif') no-repeat top left;
}

.multiPropertyCalendar .dayBlockPending .dayBlockContents
{
   height:10px;
   border-top:solid 1px #0a4d87;
   border-bottom:solid 1px #0a4d87;
   background:#fff;
   color:#0a4d87;
}

/* LEGENDS */
.legendItems
{
   position:relative;
   display:block;
   width:150px;
   margin:0 auto;
   margin-bottom:15px;
   border:solid 1px #999;
   background:#eee;
   text-align:left;
}

.legendItems .legendItem
{
   position:relative;
   display:block;
   width:135px;
   margin:0 auto;
   font-size:small;
   padding:2px;
}

.legendItems .legendItem img
{
   border:solid 1px #999;
   vertical-align:middle;
}