.datepicker_vista
{
	position    : absolute;
	font-size   : 10px;
	font-family : Tahoma, sans-serif;
	color       : #000;
	line-height : normal;
	width       : 172px;
	height      : 135px;
	padding     : 14px;
	background  : url(frame.png) no-repeat;
	z-index     : 999;
}

/* header
********************************************************/
.datepicker_vista .header
{
	position      : relative;
	height        : 15px;
	margin-bottom : 5px;
	padding-top   : 1px;
}

.datepicker_vista .header .title
{
	text-align : center;
	margin     : 0 18px 0 18px;
}

.datepicker_vista .header .titleText
{
}

.datepicker_vista .header .previous,
.datepicker_vista .header .next,
.datepicker_vista .header .closeButton
{
	position            : absolute;
	cursor              : pointer;
	text-indent         : -40px;
	overflow            : hidden;
	width               : 12px;
	height              : 12px;
	top                 : 2px;
	background-image    : url(buttons.png);
	background-position : left top;
	background-repeat   : no-repeat;
}

.datepicker_vista .header .previous
{
	left : 4px;
}

.datepicker_vista .header .previous:hover
{
	background-position : left bottom;
}

.datepicker_vista .header .next
{
	right               : 4px;
	background-position : -13px top;
}

.datepicker_vista .header .next:hover
{
	background-position : -13px bottom;
}

.datepicker_vista .header .closeButton
{
	display             : none;
	right               : 0px;
	top                 : 0px;
	background-position : right top;
}

.datepicker_vista .header .closeButton:hover
{
	background-position : right bottom;
}

/* body
********************************************************/
.datepicker_vista .body
{
	position : relative;
	top      : 0px;
	left     : 2px;
	width    : 168px;
	height   : 112px;
	overflow : hidden;
}

/* time
********************************************************/
.datepicker_vista .time
{
	position : relative;
	width    : 100%;
	height   : 100%;
}

.datepicker_vista .time .hour,
.datepicker_vista .time .separator,
.datepicker_vista .time .minutes
{
	border     : 1px solid #ccc;
	background : #fff;
	width      : 50px;
	font-size  : 32px;
	position   : absolute;
	top        : 10px;
	text-align : center;
	padding    : 2px;
}

.datepicker_vista .time .hour
{
	left : 15px;
}

.datepicker_vista .time .separator
{
	background : transparent;
	border     : 0px;
	width      : 10px;
	left       : 76px;
}

.datepicker_vista .time .minutes
{
	left : 95px;
}

.datepicker_vista .time .ok
{
	position  : absolute;
	top       : 65px;
	width     : 136px;
	left      : 15px;
	font-size : 20px;
}

/* days-grid
********************************************************/
.datepicker_vista .days .day
{
	float      : left;
	text-align : center;
	overflow   : hidden;
	width      : 23px;
	height     : 15px;
	margin     : 0 1px 1px 0;
}

.datepicker_vista .days .titles
{
	height        : 15px;
	border-bottom : 1px solid #e0e0e0;
	margin-bottom : 1px;
}

.datepicker_vista .days .day0
{
	margin-right : 0;
}

.datepicker_vista .days .week5 .day
{
	margin-bottom : 0;
}

/* days-colors
********************************************************/
.datepicker_vista .days .week .day
{
	cursor : pointer;
}

.datepicker_vista .days .week .day:hover
{
	background : url(days.png) left top no-repeat;
	color      : #0084aa;
}

.datepicker_vista .days .otherMonth
{
	color : #aaa;
}

.datepicker_vista .days .selected
{
	background : url(days.png) left bottom no-repeat;
	color      : #316879;
}

/* months-grid
********************************************************/
.datepicker_vista .months .month
{
	float       : left;
	cursor      : pointer;
	text-align  : center;
	padding-top : 6px;
	width       : 55px;
	overflow    : hidden;
	height      : 21px;
	margin      : 0 1px 1px 0;
}

.datepicker_vista .months .month3,
.datepicker_vista .months .month6,
.datepicker_vista .months .month9,
.datepicker_vista .months .month12
{
	margin-right : 0;
}

.datepicker_vista .months .month10,
.datepicker_vista .months .month11,
.datepicker_vista .months .month12
{
	margin-bottom : 0;
}

/* months-colors
********************************************************/
.datepicker_vista .months .month:hover
{
	background : url(months.png) left top no-repeat;
	color      : #0084aa;
}

.datepicker_vista .months .selected
{
	background : url(months.png) left bottom no-repeat;
	color      : #316879;
}

/* years-grid
********************************************************/
.datepicker_vista .years .year
{
	float       : left;
	cursor      : pointer;
	text-align  : center;
	padding-top : 6px;
	width       : 32px;
	overflow    : hidden;
	height      : 21px;
	margin      : 0 1px 1px 0;
}

.datepicker_vista .years .year4,
.datepicker_vista .years .year9,
.datepicker_vista .years .year14,
.datepicker_vista .years .year19
{
	margin-right : 0;
}

.datepicker_vista .years .year15,
.datepicker_vista .years .year16,
.datepicker_vista .years .year17,
.datepicker_vista .years .year18,
.datepicker_vista .years .year19
{
	margin-bottom : 0;
}

/* years-colors
********************************************************/
.datepicker_vista .years .year:hover
{
	background : url(years.png) left top no-repeat;
	color      : #0084aa;
}

.datepicker_vista .years .selected
{
	background : url(years.png) left bottom no-repeat;
	color      : #316879;
}

/* global
********************************************************/
.datepicker_vista .unavailable
{
	background : none !important;
	color      : #fbb !important;
	cursor     : default !important;
}

.datepicker_vista table
{
	border-spacing : 0;
}

.datepicker_vista th,
.datepicker_vista td
{
	padding : 0;
}