div#rateswrapper{padding: 6px;
background-color: #D2DDEE;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
overflow: auto;
width: 940px;
margin: 0px -4px;
border:1px solid #cccccc;
border-top:1px solid #999999;
border-left:1px solid #999999;}
div#ratesTable{	float: left;margin-left: 7px;}
div#calendar{
float: left;
width: 236px;
height:196px;
overflow: auto;
margin: 0;
padding: 5px;
border:1px solid #cccccc;
border-bottom:1px solid #999999;
border-right:1px solid #999999;
-moz-border-radius:7px;
-webkit-border-radius:7px;
background-color: white;}

div#calendar *{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;}

div#calendar table{
border-collapse: collapse;
float: left;}

    div#calendar table tr.hilight{
      background-color: #EAF2F7;
    }

div#calendar table thead td,

div#calendar table th{

font-weight: normal;

text-align: center;

color: #000;

font-variant: small-caps;

}

div#calendar table thead td {
  font-weight: bold;
  color: #039;
  padding-right: 15px;
  overflow: visible;
  position: relative;
}

div#calendar table thead td span {
  position: absolute;
  font-weight: bold;
  color: #039;
  /*margin-left: 5px;*/ 
  text-align: center;
  display: block;
  width: 165px;
  left: 0;
  margin: -15px 0 0 30px;
  /*z-index: 100;*/
}

div#calendar table th{

border-bottom: 1px solid #a8cdf8;

font-size: 11px;

}

div#calendar table td a{

font-weight: bold;

font-size: 14px;

display: block;

text-align: center;

line-height: 25px;

width: 22px;

float: left;

margin: 0;

color: #339933;
background-color: #DDECD9;

}

/*div#calendar table td a:hover{

background-color: #fff;

line-height: 20px;

width: 20px;

border: 1px solid #fff;

-moz-border-radius: 7px;

-webkit-border-radius: 7px;

color: #0066FF;

}*/

div#calendar table td a.weekend{
/* background-color: transparent */ }

div#calendar table td a.outOfMonth/*,

div#calendar table td a.outOfMonth:hover*/{color: #bdd5ec;
border-color: transparent;
background-color: transparent;}

div#calendar table td a.past,
div#calendar table td a.past:hover{cursor: default;color: #add8e6;}

div#calendar table td a.hidden,
div#calendar table td a.hidden:hover {
  background-color: inherit;
  color: inherit;
  border: inherit;
  width: inherit;
  line-height: inherit;
}

div#calendar table td a.blocked,
div#calendar table td a.blocked:hover{
  background: url(../graphics/strikethro.png);
  color: #888;
  line-height: 20px;
  width: 20px;
  border: 1px solid #f00;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  cursor: help;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}

div#calendar ul{
margin: 0 0 0 7px;
border-style: none;
padding: 0;
float: left;
width: 50px;}

div#calendar li{
list-style-type: none;
margin: 0;
padding: 0;
float: left;
width: 100%;}

div#calendar li a,
div#calendar li a:focus,
div#calendar li a:active,
div#calendar li a:link,
div#calendar li a:visited{display: block;
line-height: 16px;
width: 100%;
float: left;
text-align: center;
margin: 0 0 0 8px;
color: #555555;
border: none;

}

div#calendar li a.selected{ border: 0px solid #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #0066CC;
color: #fff;
text-align: center;
cursor: pointer;
}
div#calendar li a:hover{border: 0px solid #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #888888;
color: #fff;
text-align: center;
cursor: pointer;
}