#ajaxCalendar {padding: 10px;}
#ajaxCalendar a{ color: #368596; }
table#calendar {border-collapse: collapse;}

#calendar {font-family: sans-serif;}
#calendar .day {padding: 2px; color: #000; height: 65px; /*border: 1px solid #000;*/}
#calendar .title {padding-bottom: 5px;font-weight: bold;}
#calendar .head {text-align: center; font-weight: bold;border-bottom: 2px #6699CC solid;}
#calendar a.dayNum {display: block; text-align:right; font-size: 14px; font-weight: bold; padding-right: 2px;}
#calendar a.dayNum:hover{background-color: #ddd;}
#calendar a.event {text-decoration: none; cursor: pointer; cursor: hand; display: block; font-size: 10px; border-bottom:1px solid #ddd;}
#calendar a.event:hover {background-color: #ddd;}
#calendar .eventDate {font-size: 10px; }
#calendar #event {padding-top: 3px; padding-bottom: 3px;}
#calendar{
	background-color: #ffffff;
	border-collapse: collapse;
	border-spacing: 0px;
}
#calendar .day {
	border: 1px #6699CC dotted;
	font-weight: normal;
	color: #404040;
	background-color: #ffffff;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 4px;
}

table#calendar input[type=button]{
	border: 1px solid #ddd;
	background-color: #eee;
	color: #666;
}
table#calendar input[type=button]:active{
	background-color: #ccc;
}

#loggedIn {text-align: right; font-weight: bold; margin-bottom: 5px;}

#dayView {font-family: sans-serif;}
#dayView h1 {font-size: 18px; }

#dayView a.event {font-size: 16px;}
#dayView div.event {padding-left: 10px;}
#dayView .date {border-bottom: 1px dotted #ddd;}
#dayView .description {padding: 10px 0px 10px 10px; }

fieldset {
  padding: 1em;
  }
legend {
	font-weight: bold;
}
label {
  float:left;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
  }
fieldset .inputDesc {font-size: 10px; }
p.indent {padding-left: 10px; }

/* date picker */
a.date_link{
	padding: 3px;
	font-size: 14px;
	border: 1px dotted #aaa;
	color: #000;
}
a.date_link:hover{
	background-color: #6699CC;
	color: #fff;
}
.date_picker {
	/* comment out this line to show by default: */
	display: none;
	/* comment out this line to prevent calendar 'floating' over page: */
	position: absolute;
	background-color:white;
	padding: 3px;
	border: 1px solid silver;
	z-index:1000;
}
.date_picker table {
	border:        1px solid silver;
	border-top:    2px solid silver;
	border-bottom: 3px solid silver;
	font-family: verdana, sans-serif;
}
.date_picker th {
	font-size: 10px;
	color: #333;
	text-align: center;
}
.date_picker .day_labels th {
	color: #6699CC;
	font-size: 9px;
	font-weight: normal;
}
.date_picker td{
	width: 18px;
	background-color: #ddd;
	font-size: 9px;
	text-align: right;
}
.date_picker a{
text-decoration: none;
border-bottom: 1px dotted silver;
color: #333;
}
.date_picker a:hover{
	color:white ;
	background-color: black;
}
.date_picker .cancel_butt{
	text-align: right;
	padding-right: 5px;
}
.date_picker .cancel_butt a {
font-size: 9px;
color: gray;
font-family: verdana, sans-serif;
text-decoration: none
}
.date_picker .cancel_butt a:hover {
background-color: gray;
color: white;
}

/*autocomplete*/
    div.autocomplete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul li.selected { background-color: #ffb;}
    div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      height:20spx;
      cursor:pointer;
    }