@charset "utf-8";
/* CSS Document */

/* This is a very basic stylesheet for the date-picker. Feel free to create your own. */



/* The wrapper div */

.datePicker

        {

        position:absolute;

        min-width:21em;

        width:21em;

        z-index:9999;

        text-align:center;

        font:900 0.8em/0.8em Verdana, Sans-Serif;

        background:transparent;

        }

/*

   Quirksmode necessity

   --------------------

   

   If your HTML document renders in quirksmode (i.e. has no doctype declaration)

   then uncomment the following CSS rule or the datePicker will be HUGE in IE...



.datePicker th,

.datePicker td

        {

        font-size:11px;

        }

*/

/* The iframe hack to cover selectlists in Internet Explorer <= v6 */

.iehack

        {

        position:absolute;

        background:#fff;

        z-index:9998;

        padding:0;

        border:0;

        display:none;

        }

/* The button created beside each input */

.date-picker-control

        {

        border:0 none;

        padding:0;

        margin-left:4px;

		padding-top:3px;

        background:transparent url(http://www.roomangel.co.uk/v2/static/images/date/cal.png) no-repeat 0 3px;

        width:16px;

        height:19px;

        margin-top:0;

        vertical-align:top;

        cursor:pointer;

        }

/* The next & previous buttons */

.datePicker th button

        {

        display:inline;

        padding:0;

        margin:0;

        color: #FF9;

        height:1em;

        width:0.8em;

        line-height:0.8em;

        border-width:0;

        font-family: georgia, times new roman, palatino, times, bookman, serif;

        background:transparent;

        font-weight:bold;

        cursor:pointer;

        /* Remove the next line (or add it to an IE specific stylesheet imported using conditional comments) should you wish to validate the css */

        outline:expression(hideFocus="true");
		outline: none
	

        }

.datePicker th button:active,

.datePicker th button:focus,

.date-picker-control:active,

.date-picker-control:focus,

.datePicker th button.disabled

        {

        outline:none !important;

        /* Remove the next line should you need to validate the css */

        -moz-outline-style:none;

        }

.datePicker th button.prev-but

        {

        text-align:left;

        }

.datePicker th button.next-but

        {

        text-align:right;

        }

.datePicker th button.disabled

        {

        color:#aaa;

        cursor:default;

        }

/* The mon, tue, wed etc day buttons */

.datePicker th button.fd-day-header

        {

        text-align:center;

        margin:0 auto;

        font:900 1em Verdana, Sans-Serif;

        height:auto;

        width:auto;

        text-decoration:none;

        line-height:1.4em;

        }

/* The table */

.datePicker table

        {

        position:relative;

        margin:0;

        padding:0;

        border-top:1px solid #933;
		border-right:1px solid #100000;
		border-bottom:1px solid #100000;
		border-left:1px solid #933;
		
        background:#400 ;

        text-align:center;

        width:100%;

        }

.datePicker table tfoot td

        {

        background:#fff url(http://www.roomangel.co.uk/v2/static/images/date/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;

        }

/* Common TD & TH styling */

.datePicker table td

        {

        border: 1px solid #100;

        padding:0.6em 0.5em 0.5em 0.5em;

        /* Opera requires a line-height bigger than 1em in order to redraw properly */

        line-height:1.2em;

        cursor:default;

        background:#400 ;
		color: #eee;

        }

.datePicker table th

        {

        border:0 none;

        padding:0;

        line-height:1em;

        font-weight:bold;

        color: #FF9;

        text-align:center;

        }

/* The "mon tue wed etc" day header button styles */

.datePicker table th.date-picker-day-header

        {

        text-transform:lowercase;

        cursor:help;

        }

/* The "todays date" style */

.datePicker table td.date-picker-today

        {

        background: #FFF ;
		border: 1px solid #33C;

        color:#33C !important;

        }

/* The "selected date" style */

.datePicker table td.date-picker-selected-date

        {

        color: #6F6 !important;

        border-color: #6F6 !important;

        }

/* the "highlight days" style */

td.date-picker-highlight

        {

        color: #09F;

        }

/* The date "out of range" style */

.datePicker table td.out-of-range

        {

        color:#150000 !important;

        font-style:oblique;

        background:transparent !important;

        cursor:default !important;

        }

/* The "disabled days" style */

.datePicker table td.day-disabled

        {

        color:#aaa !important;

        background:transparent !important;

        cursor:default !important;

        }

/* The "active cursor" style */

.datePicker table td#date-picker-hover

        {

        background:#fff ;

        cursor:pointer;

        border-color: #FF9;

        color: #000;

        }

/* Remove the images for Internet Explorer <= v6 using the "* html" hack */

* html .datePicker table td.date-picker-selected,

* html .datePicker table td.date-picker-hover,

* html .datePicker table td

        {

        background-image:none;

        }



.gone {

	visibility: hidden;

}