/* CSS Document */
/* CSS Document */
#calendarDiv{
       position:absolute;
       width:205px;
       border:1px solid #317082;
       padding:1px;
       background-color: #FFF;
       font-family:arial;
       font-size:10px;
       padding-bottom:20px;
       visibility:hidden;
       color: #000;
}

#calendarDiv td {
	color: #000;
}

#calendarDiv span,#calendarDiv img{
       float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{

       line-height:12px;
       padding:1px;
       cursor:pointer;
       padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{
       line-height:12px;
       padding:1px;
       cursor:pointer;
       padding-left:2px;
}

#calendarDiv td{
       padding:3px;
       margin:0px;
       font-size:10px;
}

#calendarDiv .selectBox{
       border:1px solid #E2EBED;
       color: #E2EBED;
       position:relative;
}
#calendarDiv .selectBoxOver{
       border:1px solid #FFF;
       background-color: #317082;
       color: #FFF;
       position:relative;
}
#calendarDiv .selectBoxTime{
       border:1px solid #317082;
       color: #317082;
       position:relative;
}
#calendarDiv .selectBoxTimeOver{
       border:1px solid #216072;
       color: #216072;
       position:relative;
}

#calendarDiv .topBar{
       height:16px;
       padding:2px;
       background-color: #317082;


}
#calendarDiv .activeDay{        /* Active day in the calendar */
       color:#FF0000;
}
#calendarDiv .todaysDate{
       height:17px;
       line-height:17px;
       padding:2px;
       background-color: #E2EBED;
       text-align:center;
       position:absolute;
       bottom:0px;
       width:201px;
}
#calendarDiv .todaysDate div{
       float:left;
}

#calendarDiv .timeBar{
       height:17px;
       line-height:17px;
       background-color: #E2EBED;
       width:72px;
       color:#FFF;
       position:absolute;
       right:0px;
}

#calendarDiv .timeBar div{
       float:left;
       margin-right:1px;
}


#calendarDiv .monthYearPicker{
       background-color: #E2EBED;
       border:1px solid #AAAAAA;
       position:absolute;
       color: #317082;
       left:0px;
       top:15px;
       z-index:1000;
       display:none;

}
#calendarDiv #monthSelect{
       width:70px;
}
#calendarDiv .monthYearPicker div{
       float:none;
       clear:both;
       padding:1px;
       margin:1px;
       cursor:pointer;
}
#calendarDiv .monthYearActive{
       background-color:#317082;
       color: #E2EBED;
}

#calendarDiv td{
       text-align:right;
       cursor:pointer;
}

#calendarDiv .topBar img{
       cursor:pointer;
}
#calendarDiv .topBar div{
       float:left;
       margin-right:1px;
}
#calendarDiv .sidePrompts {
	background: #E2EBED;
}


.list { width: 500px; border: 1px solid #ccc; border-collapse: collapse; }
.list td { padding: 5px; }
.list th { text-align: left; background: #ddd; padding: 5px; }
.even { background: #efefef; }
.odd { background: #fafafa; }
.small { font-size: 80%; }
.times {width: 200px; height: 200px; overflow: auto; border: 1px solid #ccc; background: #f5f5f5; padding: 2px; color: #000; }
#times, input { color: #000; }
span.error { color: #F00; }