﻿/*datepicker*/
/* Main Style Sheet for jQuery UI date picker */
.ui-datepicker-group { float: left; width: 200px; z-index: 3000; }
.ui-datepicker-group.ui-datepicker-group-last { width: 185px; }
.ui-datepicker-calendar { border: 2px solid #fff; border-right: none; border-bottom: none; border-collapse: collapse; }
.ui-datepicker-calendar th, .ui-datepicker-calendar td { border: 2px solid #fff; border-left: none; border-top: none; width: 24px; padding: 4px 0; text-align: center; }
.ui-datepicker-calendar th { background: #1BA9E7; color: #fff; }
.ui-datepicker-calendar th.ui-datepicker-week-end { background: #007fb6; }
.ui-datepicker-prev, .ui-datepicker-next { float: left; width: 24px; cursor: pointer; text-align: center; font-weight: 700; height: 20px; padding: 5px 0 0; border-right: 2px solid #fff; }
.ui-datepicker-next { float: right; border-right: none; border-left: 2px solid #fff; }
.ui-datepicker-title { float: left; width: 145px; height: 15px;  padding: 5px 0 0 5px; font-weight: 700;  }
.ui-datepicker-header { border: 2px solid #fff; height: 25px; width: 180px; background: #666; color: #fff; }
.ui-datepicker-header a { color: #fff; }

/* ___________ IE6 IFRAME FIX ________ */
 	
.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*/
}

div.div-noavailabilty-calendar
{
    background-color:#f1f1f1;
    display:none;
    font-size:1.2em;
    height:132px;
    padding:60px 20px 0;
    position:absolute;
    width:360px !important;
    z-index:1;
    margin-left:5px;
    margin-top:42px;    
}

div.ui-datepicker-one-month div.ui-datepicker-header 
{
	font-weight:bold;
	text-align:center;
	background-color: #C3B3E2;
	border:  2px solid white;
	padding: 5px;	
	margin-left: 0 !important;
	width: 187px;
}
div.ui-datepicker-new-row 
{
	width: 210px;
}

div.ui-datepicker-new-row div.ui-datepicker-header 
{
	font-weight:bold;
	text-align:center;
	background-color: #C3B3E2;
	border: 2px solid white;
	padding: 5px;
	margin-left: 3px;
	width: 187px
}

td.ui-datepicker-days-cell 
{
	height:20px;
	padding:0;
	text-align:center;	
	background-color: #f1f1f1;
	border: 2px solid white;
}
tr.ui-datepicker-title-row td
{
	padding: 5px;
	background-color: #9D84C5;
	border: 2px solid white;
}

tr.ui-datepicker-title-row td.ui-datepicker-week-end-cell 
{
	background-color: #C3B4E5;
}



td.ui-datepicker-unselectable
{
	color: #1BA9E7;	
}

td.date-available
{
	background-color: #f5f5f5;
}

td.date-available a 
{
	font-weight:normal;
	cursor: pointer;
}

.ui-datepicker-inline { background: #f1f1f1; padding: 15px; border: 2px solid #306; margin: 0 0 20px 0; }
.ui-datepicker-inline div.ui-datepicker-header { width: 196px !important; margin-left: 0 !important; }

.ui-datepicker-days-cell-over { background: #7bc3e3 !important; }
div#ui-datepicker-div {	border: 2px solid #1ba9e7;	font-size: 1.1em; padding: 10px; background-color: #f1f1f1;	width: 385px !important; display: none; -moz-border-radius: 5px;
-webkit-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
div#ui-datepicker-div a { text-decoration: none; }
div#ui-datepicker-div table { width: auto; margin-bottom: 0; }
div.ui-datepicker-links a {	cursor:pointer;	font-weight:bold; }
td.ui-datepicker-unselectable {	color: #999; }
td.date-available {	background-color: #f5f5f5; }
td.date-available a { font-weight:normal; cursor: pointer;}
td.date-available:hover { background: #7bc3e3; }
td.date-available.ui-state-disabled:hover { background: #f5f5f5; }
td.ui-datepicker-today { background: #1BA9E7 !important; color: #fff !important; }
td.ui-datepicker-today a { color: #fff; }
td.ui-datepicker-current-day { background: #D61A21 !important; color: #fff !important; }
td.ui-datepicker-current-day a { color: #fff; }

div#loader-barCircle-lilac 
{
	background: #f1f1f1 url(/images/icons/loader-barcircle-largegray.gif) no-repeat scroll center center;

	width: 340px;
	height: 80px;	
	padding: 10px;
	position: absolute;

	top: 50px;
	z-index: 25;
}
.ui-datepicker-trigger-loader
{
	display:none;
}