/* 
==========================================================
   
- Purpose:	Calendar popup style
- Version:  2.0
- Author:   Gillian Bell 

- Contents

	1. BASIC STYLES CHANGED PER SKIN
	2. ADVANCED STYLES CHANGED PER SKIN [UNLIKELY TO CHANGE]
	3. DEFAULT STYLES
	
	INFO
	----
	specificity level: >= 303
	
=========================================
*/

/* =1. BASIC STYLES CHANGED PER SKIN
---------------------------------------------------------- */
	
/* background colour for month */
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpYearNavigation,
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpMonthNavigation
	{background-color:#818D9F;}	

/* COLOUR MUST MATCH BACKGROUND COLOUR FOR MONTH [ABOVE] */
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker table#currentMonth tr#monthNavigation td{border:1px solid #818D9F;}

/* background colour for current date | background colour of hover when selecting a date  */
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker td.cpCurrentDate {background-color:#D0D4DC;}

/*default link colours*/
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker a:link,
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker a:hover{color:#818D9F;}

/*Set calendar table width for IE*/
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker table {width:170px;}
	
	
/* =2. ADVANCED STYLES CHANGED PER SKIN [CAN BE LEFT AT DEFAULTS]
---------------------------------------------------------- */

/* table border colour*/
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker table{
		margin-bottom:0em;
		border:1px solid #d8d8d8;
	}
	
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker table th, 
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker table td {
		border-top:1px solid #d8d8d8;
		border-right:1px solid #d8d8d8;
	}

/*link colour of prev|next month arrows */
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpMonthNavigation a:link {color:#fff;}

/* background colour for days */
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker td.cpDayColumnHeader{background-color:#efefef;}

/* current month td background colour */
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker table#currentMonthDate td.cpCurrentMonthDate {background:#FFFFFF url(../../images/bg_calendar.gif) repeat-x scroll 0 -0.2em;}
	
/* current month td background colour */
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker table#currentMonthDate td.cpCurrentMonthDate:hover {background:#FFFFFF url(../../images/bg_calendar_hover.gif) repeat-x scroll 0 -0.2em;}
	
/* current month td background colour */
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker table#currentMonthDate td.cpOtherMonthDate {background:#fff; color:#666;}
	
/*link colour for current date */
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker td.cpCurrentDate a:link{color:#000;}

/*link color for other dates in current month */
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpCurrentMonthDate a:link{color:#000;}

/*link color for other dates in current month */
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpOtherMonthDate a:link{color:#bbb;}


/* =3. DEFAULT STYLES
---------------------------------------------------------- */

	div#idox div#pa div#calendarDiv {z-index:1002;}
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker table{margin-bottom:0em;}
	
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker table#currentMonth{border-collapse:separate;}
	
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker table#currentMonth tr#monthNavigation td#presentMonth{
		border-right:1px solid #fff;
		border-left:1px solid #fff;
	}
	
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker table#currentMonth tr#monthNavigation tr{background-color:#ccc;}
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker table#currentMonthDate{
		border-collapse:separate; 
		border-spacing:0.15em;
	}
	
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker table#currentMonthDate tr td{border:1px solid #E3E3E3;}
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker table#currentMonthDate tr td.cpOtherMonthDate{border:1px solid #eee;}
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker table#currentMonthDate tr td.cpTodayText{background:#FFFFFF url(../../images/bg_calendar.gif) repeat-x scroll 0 -0.2em;}
	
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker{
		background-color:#fff; 
		border:1px solid #e8e8e8;
		-webkit-border-radius: .3em; /*Safari+Chrome*/
		-moz-border-radius: .3em; /*Firefox*/
		border-radius: .3em; /*Future support by all browsers*/
	}
	
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker table.cpBorder {	
		background-color:#fff; 
		border:1px solid #e8e8e8;
		-webkit-border-radius: .3em; /*Safari+Chrome*/
		-moz-border-radius: .3em; /*Firefox*/
		border-radius: .3em; /*Future support by all browsers*/
	}
	
	/*Reset table cell padding*/
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker td {padding:0;}
	
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker {font-size: 119%;}
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker table td table td {padding: 0.15em;}
	
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpMonthNavigation a {color:#fff;}
	
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpYearNavigation,
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpMonthNavigation{
		text-align:center;
		vertical-align:center;
		text-decoration:none;
		font-weight:bold;
		color: #fff;
	}
		
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpDayColumnHeader,
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpYearNavigation,
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpMonthNavigation,
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpCurrentMonthDate,
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpCurrentMonthDateDisabled,
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpOtherMonthDate,
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpOtherMonthDateDisabled,
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpCurrentDate,
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpCurrentDateDisabled,
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpTodayText,
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpTodayTextDisabled,
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpText{
		font-family:arial;
		font-size:0.95em;
		}
		
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker td.cpDayColumnHeader{
		text-align:center;
		border:none;
		background:#FFFFFF url(../../images/bg_calendarDay.gif) repeat-x scroll 0 -0.2em;
		}
		
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpCurrentMonthDate,
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpOtherMonthDate,
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpCurrentDate{
		text-align:center;
		text-decoration:none;
		}
		
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpCurrentMonthDateDisabled,
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpOtherMonthDateDisabled,
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpCurrentDateDisabled,
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpCurrentMonthDateDisabled a:link,
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpOtherMonthDateDisabled a:link,
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpCurrentDateDisabled a:link,
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpCurrentMonthDateDisabled a:hover,
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpOtherMonthDateDisabled a:hover,
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpCurrentDateDisabled a:hover{
		text-align:center;
		text-decoration:line-through;
		}
	
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpCurrentMonthDate{font-weight:normal;}
		
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpCurrentDate{color:#FFFFFF;font-weight:bold;}
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpOtherMonthDate{color:#808080;}
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker td.cpCurrentDate{color:#FFFFFF;}
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker td.cpCurrentDateDisabled{border-width:1;border:solid thin #000;}
	
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker td.cpTodayText,
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker td.cpTodayTextDisabled{
		border:solid thin #333;
		border-width:0 0 0 0;
		text-align: center;
		}
		
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker a.cpTodayText,
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker span.cpTodayTextDisabled{height:20px;}
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker a.cpTodayText{font-weight:bold;}
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker span.cpTodayTextDisabled{color:#D0D0D0;}
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpBorder{border:solid thin #333;}

/*hover state for dates */
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpOtherMonthDate a:hover,
	div#idox div#pa div#calendarDiv div#calendarPopup.datepicker .cpCurrentMonthDate a:hover
	{text-decoration:underline;}