input.calendar,
select.calendar {
  width: 100px;
}

button.calendar {
  float: left;
  height: 20px;
  width: 20px;
  margin-left: 3px;
  background: url(../img/miniform/calendar_button.gif) no-repeat;
  /*background: url(../img/forms/button-calendar-hell.gif) no-repeat;*/
  cursor: pointer;
}

button.calendar:hover,
button.calendar.active {
  background-position: 0 -20px;
}

div.calendar {
  position: relative;
  z-index: 10000; /* put it higher than .above */
  width: 162px;
  height: 195px;
  background: #630505;
  text-align: center;
}	
	
	div.calendar div {
	  position: relative;
	  height: 185px;
	  width: 160px;
	  margin: 0 auto;
	  background: none !important;
	  overflow: hidden;
	  cursor: move;	  
	}	
	
	div.calendar caption {
	  width: 100%;
	  padding: 5px 0;
	  font: normal 1.3em Georgia, "Times New Roman", serif;
	  color: #e0c63e;
	  text-align: center;
	}

	div.calendar caption a {
	  position: absolute;
	  display: block;
	  height: 13px;
	  width: 22px;
	  top: 6px;
	  overflow: hidden;
	  text-indent: -100px;
	  cursor: pointer;
	  background: url(../img/external_box/calendar_month_nav.gif) 0 0 no-repeat;
	}
	
		div.calendar caption a.prev {
		  left: 0;
		}
		
			div.calendar caption a.prev:hover {
			  background-position: 0 -13px;
			}

	
		div.calendar caption a.next {
		  right: 0;
  		  background-position: -22px 0;
		}
		
			div.calendar caption a.next:hover {
			  background-position: -22px -13px;
			}
		
			
	div.calendar caption span {
	  position: relative;
	  height: 25px;
	  text-align: center;
	}
	
	div.calendar caption span.month {
	  padding-right: 8px;
	}
	
	div.calendar caption span.month:after {
	  content: ',';
	}

	div.calendar table {
	  background: #FFD76A;/*#c7b679;*/	 
	  margin: 0 auto;
	  width: 160px;
	  color: #630505;
	  /*border-collapse: separate;
	  border-spacing: 1px;*/
	  cursor: default;
	  overflow: hidden;
	}
	
		div.calendar th {
		  vertical-align: middle;
		  height: 18px;

		}
		
		div.calendar td {
		  vertical-align: middle;
		  background: #FFD76A;/*#b2a36f;*/
		  /*border: 1px solid #b7a874;
		  border-right-color: #a9a066;
		  border-bottom-color: #a9a066;*/
		  color: #7a372f;
		}
	
		div.calendar td,
		div.calendar th {
		  height: 20px;		  
		  padding: 0 2px 0 0;
		  font: normal 1.3em Arial, Helvetica, sans-serif;
		  line-height: 20px;
		  text-align: right;
		}
		
		div.calendar td.valid,
		div.calendar td.active,
		div.calendar td.hover {
		  cursor: pointer;
		}
		
		div.calendar td.valid {
		  color: #630505;
		  background: #ffaf35;
		  border: 1px solid #e0d19e;
		  border-right-color: #cbbc8a;
		  border-bottom-color: #cbbc8a;
		}
		
		div.calendar td.invalid {
		  
		}
		
		div.calendar td.hilite {

		}
		
		div.calendar td.inactive {
		  background: #ffaf35;
		  border-color: #580505;
		  border-right-color: #782e2f;
		  border-bottom-color: #782e2f;
		  color: #e0c63e;
		}
		
		div.calendar td.inactive.hover {
		  background: #ffaf35;
		}

		div.calendar td.active {
		  background: #ffaf35;/*#e2d39f;*/
		  border: 1px solid #c1b278;
		  border-right-color: #cbbc8a;
		  border-bottom-color: #cbbc8a;
		  line-height: 20px !important;
		}
		
		div.calendar td.hover {
		  background: #ffaf35;
		}