/* 
==========================================================
   
- 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
	
=========================================
*/

/* =1. BASIC STYLES CHANGED PER SKIN
---------------------------------------------------------- */
div#idox div#pa div#calendarDiv .datepicker #monthNavigation{background:#9FBED6 url(../../images/calendar_bg.png) repeat-x !important ;}/* background colour for 'currentMonth' table */	
.ie6 div#idox div#pa div#calendarDiv .datepicker #monthNavigation td{background:#9FBED6 !important}
.ie7 div#idox div#pa div#calendarDiv .datepicker #monthNavigation td{background:#9FBED6 !important}	

div#idox div#pa div#calendarDiv .datepicker td.cpCurrentDate {background-color:#DDE8F0;} /* bg colour for current date*/
div#idox div#pa div#calendarDiv .datepicker .calendarLinkColor{color:#fff}/*link colour for 'currentMonth' table */
div#idox div#pa div#calendarDiv .datepicker .cpTodayText{color:#404650}
div#idox div#pa div#calendarDiv .datepicker table {width:170px;}/*Set calendar table width for IE*/
	
/* =2. ADVANCED STYLES CHANGED PER SKIN [CAN BE LEFT AT DEFAULTS]
---------------------------------------------------------- */
/* table border colour*/
div#idox div#pa div#calendarDiv .datepicker table{margin-bottom:0em; border:1px solid #d8d8d8;}
div#idox div#pa div#calendarDiv .datepicker table th, 
div#idox div#pa div#calendarDiv .datepicker table td {border-top:1px solid #d8d8d8; border-right:1px solid #d8d8d8; background:transparent;}
div#idox div#pa div#calendarDiv .datepicker #currentMonth tr#monthNavigation td{border:1px solid #f4f4f4;}
div#idox div#pa div#calendarDiv .datepicker .daysofweektextcolor {color:#000;}/*Days of the week text colour */
div#idox div#pa div#calendarDiv .datepicker .currentmonthtextcolor {color:#444;}/*Date of current month text colour */	
div#idox div#pa div#calendarDiv .datepicker .othermonthtextcolor {color:#808080;}/*Date of prev/next month text colour */
div#idox div#pa div#calendarDiv .datepicker #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 .datepicker #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 .datepicker #currentMonthDate td.cpOtherMonthDate {background:#fff;}/* current month td background colour */
	
/* =3. DEFAULT STYLES
---------------------------------------------------------- */
div#idox div#pa div#calendarDiv {z-index:1010;}
div#idox div#pa div#calendarDiv .datepicker table{margin-bottom:0em;}
div#idox div#pa div#calendarDiv .datepicker #currentMonth{border-collapse:separate;}
div#idox div#pa div#calendarDiv .datepicker #currentMonth tr#monthNavigation td#presentMonth{border-right:1px solid #fff; 	border-left:1px solid #fff;}
div#idox div#pa div#calendarDiv .datepicker #currentMonth tr#monthNavigation tr{background-color:#ccc;}
div#idox div#pa div#calendarDiv .datepicker #currentMonthDate{border-collapse:separate; border-spacing:0.15em;}
div#idox div#pa div#calendarDiv .datepicker #currentMonthDate tr td{border:1px solid #E3E3E3;}
div#idox div#pa div#calendarDiv .datepicker #currentMonthDate tr td.cpOtherMonthDate{border:1px solid #eee;}
div#idox div#pa div#calendarDiv .datepicker #currentMonthDate tr td.cpTodayText{background:#FFFFFF url(../../images/bg_calendar.gif) repeat-x scroll 0 -0.2em;}

div#idox div#pa div#calendarDiv .datepicker{
	font-family:Tahoma; 
	font-size:1em;
	background-color:#fff; 
	border:1px solid #ccc;
	-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 .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*/
}

div#idox div#pa div#calendarDiv .datepicker td {padding:0;}
div#idox div#pa div#calendarDiv .datepicker table td table td {padding: 0.15em;}
div#idox div#pa div#calendarDiv .datepicker td.cpDayColumnHeader{background:#fff url(../../images/bg_calendarDay.gif) repeat-x scroll 0 -0.2em;}
div#idox div#pa div#calendarDiv .datepicker .center {text-align:center;}
div#idox div#pa div#calendarDiv .datepicker .bold {font-weight:bold;}
div#idox div#pa div#calendarDiv .datepicker .noborder {border:none;}
div#idox div#pa div#calendarDiv .datepicker a:hover{text-decoration:underline;}
div#idox div#pa div#calendarDiv .datepicker #previousMonth a,
div#idox div#pa div#calendarDiv .datepicker #nextMonth a {font-size:0.85em;}