﻿
.calendar_details
{
    
   background: #ffffff;
   border:1px solid #121212;
   padding:10px;        
   display: none;
   margin-top:10px;
    
}

div.datepicker {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

	
	cursor: default;
	top: 0;
	left: 0;
	display: none;
}
.datepickerContainer {
	background: #ffffff;
	position: relative;
	top: 0px;
	left: 0px;
	padding:10px;
	border:1px solid #121212;
	width:260px;
	
	
}
.datepickerHidden {
	display: none;
}
div.datepicker table {
	border-collapse:collapse;
	width:260px;
	height:260px;
	margin-bottom:10px;
}

/* Links */

div.datepicker a {
	color: black;
	text-decoration: none;
	cursor: pointer;
	outline: none;
	
	vertical-align:middle;
	
}

div.datepicker a:hover {
	
}
div.datepicker td.a:hover
{}

datepickerNotInMonth a:hover {
/*	color: #999;*/
}

td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a{
	color: #fff;
}
td.datepickerDisabled a:hover {
	/*color: #333;*/
}

td.datepickerNotInMonth a {
	color: #ABABAB;
}


/* Links */

/* Markers */

.datepickerSunday
{
    
    background: #dedede;  
 }

.datepickerSaturday
{
    
    background: #dedede;  
 }


.EventMarker
{
    background:#2CBFFE;
    
}
/* Markers */


/* Cells */


.datepickerDays a:hover
{
    /*color: #2CBFFE;    */
}

.datepickerYears a:hover
{
        color: #2CBFFE;    
}

.datepickerMonths a:hover
{
        color: #2CBFFE;    
}

.datepickerYears td:hover
{
    background-color:#ededed;
    }

.datepickerMonths td:hover
{
    
  background-color:#ededed;
}

.datepickerMonth:hover
{
        background-color:#ededed;
}


tbody.datepickerDays td.datepickerSelected{
	
	background-color:#a6ddf5;
	border:1px solid white;
	
}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
	
}
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected{
	
}

/* Cells */

div.datepicker table td {
	text-align: right;	
	margin: 0;
	
}
div.datepicker th {
	text-align: center;
	color: #999;
	font-weight: normal;
}
div.datepicker tbody th {
	text-align: left;
}
div.datepicker tbody a {
	display: block;
}




.datepickerDays a {
	width: 20px;
	line-height: 16px;
	height: 16px;
	padding-right: 2px;
}
.datepickerYears a,
.datepickerMonths a{
	width: 44px;
	line-height: 36px;
	height: 64px;
	text-align: center;
}


div.datepicker tbody th {
	text-align: left;
}
.datepickerSpace div {
	width: 20px;
}



.datepickerGoPrev a
{
    background: url(/style/blue/new_prev.png) 0 0 no-repeat;
    width:23px;
    height:23px;
    float:left;
}
.datepickerGoPrev a:hover
{
    background: url(/style/blue/new_prev_sel.png) 0 0 no-repeat;
}

.datepickerGoNext a
{
    background: url(/style/blue/new_next.png) 0 0 no-repeat;
    width:23px;
    height:23px;
    float:right;
}

.datepickerGoNext a:hover
{
    background: url(/style/blue/new_next_sel.png) 0 0 no-repeat;
}



.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
	text-align: center;	
	line-height: 23px;
}

table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
	display: none;
}
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
	display: none;
}
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
	display: none;
}




td.datepickerSpecial  {

}


td.weekend
{
    
	  
}


td.datepickerSpecial.datepickerSelected a {
	background: #a00;
}