/* The main calendar widget.  DIV containing a table. */

/*
.calendar .button { 
  text-align: center; 
  padding: 2px;      
}

.calendar .nav {
  background: #BEE6FA url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title {
  font-weight: bold;     
  text-align: center;
  background: #fff;
  color: #002C5A;
  padding: 2px;
}

.calendar thead .headrow {
  background: #BEE6FA;
  color: #fff;
}

.calendar thead .daynames {
}

.calendar thead .name {
  padding: 2px;
  text-align: center;
  color: #002C5A;
}

.calendar thead .hilite {
  background: #BEE6FA;
  font-weight: bold;
}

.calendar thead .active {
  background-color: #E2E4EC;
  padding: 2px 0px 0px 2px;
}

.calendar tbody .day { 
  width: 2em;
  color: #002C5A;
  text-align: right;
  padding: 2px 4px 2px 2px;
}

.calendar tbody .rowhilite td {
  background: #BEE6FA;
}

.calendar tbody .rowhilite td.wn {
  background: #BEE6FA;
}

.calendar tbody td.hilite {
}

.calendar tbody td.active { 
  background: #E2E4EC;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { 
  font-weight: bold;
  color:#002C5A;
}


.calendar tbody td.today {
  font-weight: bold;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell {
  visibility: hidden;
}

.calendar tbody .emptyrow {
  display: none;
}


.calendar tfoot .footrow { 
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip {
  background: #fff;
  color: #445;
  border-top: 1px solid #999999;
  padding: 1px;
}

.calendar tfoot .hilite { 
  color: #000;
   background: #BEE6FA;
}

.calendar tfoot .active { 
  background: #E2E4EC;
  padding: 2px 0px 0px 2px;
}
*/
/* Combo boxes (menus that display months/years for direct selection) */
/*
.combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #999999;
  background: #E2E4EC;
  color: #000;
  font-size: smaller;
}

.combo .label,
.combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.combo .label-IEfix {
  width: 4em;
}

.combo .hilite {
  background: #acf;
}

.combo .active {
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  background: #E2E4EC;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #999999;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #999999;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #999999;
  background-color: #999999;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #999999;
  background-color: #000;
  color: #0f0;
}

*/
/**********************************
 * Added by AB
**********************************/

.cal_small1 {
    width: 20px;
    height: 16px;
    border: 1px solid #CCC;
    margin: 0;
    padding: 0;
    font-size: 11px;
    float: left;
    margin-right: 2px;
    padding-top: 1px;
    line-height: 20px;
}

.cal_small2 {
    width: 40px;
    height: 16px;
    border: 1px solid #CCC;
    margin: 0;
    padding: 0;
    font-size: 11px;
    float: left;
    margin-right: 2px;
    padding-top: 1px;
    line-height: 20px;
}
/*
.calendar {
    display: block;
    width: 20px;
    height: 16px;
    display: block;
}
*/
.container {
	cursor: pointer;
}

.container {
    width: 20px;
    height: 16px;
    display: block;
    float: left;
    background-image: url(calendar.jpg);
    background-repeat: no-repeat;
    background-position: center 2px;
}
input:focus.DatePicker{
}
.dp_container{
    font-family: verdana,arial,sans;
    border: 1px solid #DDD;
}
.dp_cal{
	background-color: #fff;
	border: 1px solid #0070bf;
	position: absolute;
	width: 177px;
	top: 24px;
	left: 0;
	margin: 0px 0px 3px 0px;
}
.dp_cal table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.dp_cal select{
	margin: 2px 3px;
	font-size: 11px;
}
.dp_cal select option{
	padding: 1px 3px;
}
.dp_cal th,
.dp_cal td{
	width: 14.2857%;
	text-align: center;
	font-size: 11px;
	padding: 2px 0;
}
.dp_cal th{
    /*
	border: solid #aad4f2;
	border-width: 1px 0;
	*/
	color: #797774;
	background: #BEE6FA;
	font-weight: bold;
}
.dp_cal td{
	cursor: pointer;
}
.dp_cal thead th{
	background: #BEE6FA;
}
.dp_cal td.dp_roll{
	color: #000;
   background: #BEE6FA;
}
/* must have this for the IE6 select box hiding */
.dp_hide{
	visibility: hidden;
}
.dp_empty{
	background: #eee;
}
.dp_today{
	background: #002C5A;
    color: #FFF;
}
.dp_selected{
	color: #fff;
	background: #BEE6FA;
}