/**
 * jQuery UI Datepicker stylesheet for TV2Region
 *
 * @author HAAN <haan@fynskemedier.dk>
 */
.tv2region-archive-calendar h2.title {
	color:#FFFFFF;
	text-align:center;
	font-size:400%;
	padding:10px;
	margin:0;
	font-weight:normal;
	text-transform:uppercase;
}

div.table.splitblock div.column-33 .tv2region-archive-calendar h2.title {
	font-size:300%;
}

div.video-archive .tv2region-archive-calendar h2.title {
	font-size:275%;
}

.tv2region-archive-calendar .calendar .ui-datepicker {
	border:none;
	background-color:#E5E5E5;
	padding:10px;
}

div.video-archive .tv2region-archive-calendar .calendar .ui-datepicker {
	padding: 10px 5px;
}

.tv2region-archive-calendar .calendar .ui-datepicker .ui-datepicker-header {
	background:none;
	border:none;
	float:left;
	background-color:#FFFFFF;
	border:2px solid #000000;
	padding:1px 2px;
	max-width:95%;
}

.tv2region-archive-calendar .calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.tv2region-archive-calendar .calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
	display:block;
	width:24px;
	height:22px;
	margin:0 2px; 
	cursor:pointer;
}

.tv2region-archive-calendar .calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next span,
.tv2region-archive-calendar .calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span{
	display:none;
}

 
.tv2region-archive-calendar .calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
	float:left;
	background:transparent none no-repeat center center;
}

.tv2region-archive-calendar .calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
	float:right;
	background:transparent url(../images/calendar-next.png) no-repeat center center;
}

.tv2region-archive-calendar .calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
	display:inline;
}

.tv2region-archive-calendar .calendar .ui-datepicker table.ui-datepicker-calendar {
	width:100%;
	background-color:#FFFFFF;
	border-spacing:0px;
	border-collapse:collapse;
}

.tv2region-archive-calendar .calendar .ui-datepicker table.ui-datepicker-calendar thead {
	padding:3px 0;
	background-color:#E5E5E5;
}

.tv2region-archive-calendar .calendar .ui-datepicker table.ui-datepicker-calendar tbody td,
.tv2region-archive-calendar .calendar .ui-datepicker table.ui-datepicker-calendar thead th {
	text-align:center;
	padding:3px 5px;
	font-size:140%;
}

.tv2region-archive-calendar .calendar .ui-datepicker table.ui-datepicker-calendar td a {
	color:#000000;
	text-decoration:none;
}

.tv2region-archive-calendar .calendar .ui-datepicker table.ui-datepicker-calendar td span {
	color:#E5E5E5;
}

.tv2region-archive-calendar .calendar .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-other-month a {
	color:#666666;
}

/**
 * JS rerender styles
 */
div.content.js-rendered > div.tv2region-archive-calendar {
	overflow:hidden;
}

div.content.js-rendered > div.tv2region-archive-calendar,
div.content.js-rendered > div.tv2region-archive-calendar > div.calendar {
	height:100%;
}

div.content.js-rendered > div.tv2region-archive-calendar > div.calendar > div.ui-datepicker {
	height:100%;
	padding:0 10px;
}

div.content.js-rendered > div.tv2region-archive-calendar > div.calendar > div.ui-datepicker > div.ui-datepicker-header {
	margin-top:10px;
}

div.content.js-rendered > div.tv2region-archive-calendar > div.calendar > div.ui-datepicker > table.ui-datepicker-calendar {
	margin-bottom:10px;
	height:205px;
	clear:both;
}

div.video-archive div.tv2region-archive-calendar > div.calendar > div.ui-datepicker > table.ui-datepicker-calendar {
	clear:both;
}

.ui-datepicker-calendar .ui-state-active {
	color:#000000 !important;
}