.calendarbox, .clockbox {
  background: white none repeat scroll 0%;
  font-size: 11px;
  margin: 5px auto;
  position: relative;
  text-align: center;
  width: 16em;
  border: 3px solid #666666;
}

.clockbox {
  width: 185px;
}	

.clockbox h2{
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  line-height:25px;
}

.clockbox td a:hover {
  background:#666666;
}
	
.calendar {
  margin: 0pt;
  padding: 0pt;
}

.calendar table {
  background: white none repeat scroll 0%;
  border-collapse: collapse;
  margin: 0pt;
  padding: 0pt;
  width: 99%;
  margin-left:1px;
}

.calendar caption, .calendarbox h2 {
  border-top: medium none;
  font: bold 9px Verdana, Arial, Helvetica, sans-serif;
  margin: 0pt;
  text-align: center;
  line-height:25px;
	background: #FFFFFF;
}

.calendar th {
  background: #FFFFFF;
  border-bottom: 1px solid #DDDDDD;
  color: #666666;
  font-size: 9px;
  padding: 2px 3px;
  text-align: center;
}

.calendar td {
  border-bottom: medium none;
  border: 1px solid #EEEEEE;
  font-size: 9px;
  padding: 0pt;
  text-align: center;
}

.calendar td.selected a {
  background: #C9DBED none repeat scroll 0%;
}

.calendar td.nonday {
  background: #EFEFEF none repeat scroll 0%;
}

.calendar td.today a {
  background: #FFFFCC none repeat scroll 0%;
}

.calendar td a, .timelist a {
  color: #FFFFFF;
  display: block;
  font-weight: bold;
  padding: 4px;
  text-decoration: none;
  background:#192E58;
}

.calendar td a:hover, .timelist a:hover {
  background: #666666 none repeat scroll 0%;
  color: white;
}

.calendar td a:active, .timelist a:active {
  background: #003366 none repeat scroll 0%;
  color: white;
}

.calendarnav {
  color: #CCCCCC;
  font-size: 9px;
  margin: 0pt;
  padding: 1px 3px;
  text-align: center;
}

.calendarnav a:link, #calendarnav a:visited, #calendarnav a:hover {
  color: #999999;
}

.calendar-shortcuts {
  background: white none repeat scroll 0%;
  border-top: 1px solid #EEEEEE;
  color: #CCCCCC;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  line-height: 40px;
  padding: 3px 0pt 4px;
}

.calendarbox .calendarnav-previous, .calendarbox .calendarnav-next {
  background: #192E58;
  color: white;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 1px 4px 2px;
  position: absolute;
}

.calendarnav-previous:hover, .calendarnav-next:hover {
  background: #666666 none repeat scroll 0%;
}

.calendarnav-previous {
  left: 0pt;
  top: 0pt;
}

.calendarnav-next {
  right: 0pt;
  top: 0pt;
}

.calendar-cancel {
  background: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  margin-top:0px;
  padding-bottom:10px;
}

.calendar-cancel a {
  color: #999999;
  padding: 2px;
}

ul.timelist, .timelist li {
  list-style: none;
  margin: 0pt;
  padding: 0pt;
}

.timelist a {
  padding: 2px;
}

.selector {
  float: left;
  width: 620px;
}

.selector .selector-filter {
  float: left;
  text-align: left;
  margin-top: 10px;
  padding: 0;
  width: 258px;
}

.selector-available, .selector-chosen {
  float: left;
  text-align: left;
  width: 258px;
  padding-right: 10px;
  padding-top: 10px;
}

.selector-available h2 {
  width: 258px;
  text-align: left;
  float: left;
  margin: 0;
  padding: 0;
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  color:#000000;
}

.selector-chosen h2 {
  width: 258px;
  text-align: left;
  float: left;
  margin: 0;
  padding: 0;
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  color:#000000;  
}

a.selector-chooseall {
  float: left;
  text-align: left;
  margin: 0;
  padding: 0;
}

.selector ul.selector-chooser {
  float: left;
  padding: 0pt;
  width: 16px;
  padding: 0;
  margin: 0;
  padding-top: 140px;
  padding-right: 10px;
}

a.selector-clearall {
  float: left;
}

.selector select {
  height: 17.2em;
  width: 258px;
  margin-top: 10px;
}

selector-chooser ul {
  float: left;
  list-style: none;
}

.selector-chooser li {
  list-style: none;
  margin: 0pt;
  padding: 3px;
}

.selector-add {
  background: transparent url(/assets/layout/test_1.gif) no-repeat scroll center top;
  margin-bottom: 2px;
}

.selector-add, .selector-remove {
  display: block;
  height: 16px;
  width: 16px;
  text-indent: -3000px;
}

.selector-remove {
  background: transparent url(/assets/layout/test_2.gif) no-repeat scroll center top;
}