.calendar_button
{
    border:none;
    cursor:pointer;
}

.picker
{
  background-color: #FFFFFF;
  border: 1px gray solid;
  padding: 2px;
  cursor: pointer; 
  text-align:left;
}

.calendar td
{
  font-size:12px;
}

.title
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight:bold; color:#FFFFFF;
  background-color:#447281;
}

.day
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  width:30px;
  cursor:pointer;
  text-align:center;
  border-width:0px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayhover
{
  width:30px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  cursor:pointer;
  text-align:center;
  border-width:0px;
  border-color:#3399cc;
  border-style:solid;
  background-color:#3399cc;
}

.headerbutton
 {
    font-size:10pt;
    padding-left:0px;
    padding-right:0px;
}

.header
{
   	background-color:#757495;
   	background-image:url(/new/images/ca_cal_title_bg.jpg);
  	color:white;
    font-size:8pt;
    font-weight:bold;
   	font-family:Verdana;
    text-align:center;
   	padding:0px;
    vertical-align:middle;
    height:20px;
}

.header2
{
   	background-color:#757495;
   	background-image:url(/new/images/ca_cal_title_bg2.jpg);
  	color:white;
    font-size:10pt;
    font-weight:bold;
   	font-family:Verdana;
    text-align:center;
   	padding:0px;
    vertical-align:middle;
    height:22px;
}

.footer
{
    background-color:#757495;
    background-image:url(/images/title_bg.gif);
    background-position:0px 1px;
    color:white;
    font-size:10pt;
    font-weight:bold;
    font-family:Verdana;
    text-align:right;
    padding-top:4px;
    padding-right:3px;
    padding-bottom:0px;
    height:25px;
}

.footer TD
{
    color:white;
    font-size:10pt;
    font-weight:bold;
    font-family:Verdana;
}

.dayheader
{
    font-family:Verdana;
    font-size:8pt;
    font-weight:bold;
    color:#333333;
    background-color:#E0DFE3;
    background-image:url(/images/dayheader_bg.gif);
    height:18px;
    text-align:center;
    cursor:default;
}

.othermonthday
{
  color:#999999;
}

.outofrangeday
{
  visibility:hidden;
}

.selectedday
{
    width:30px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color:#FBE694;
  color:#000000;
  border-width:0px;
  border-color:#BB5503 !important;
  border-style:solid;
  font-weight:bold;
}


.calendar
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.month
{
  background-color:#f9fbff;
  margin-left:0px;
  margin-right:0px;
  margin-bottom:0px;
  margin-top:0px;
}

.nextprev
{
  cursor:pointer;
  height:25px;
  vertical-align:center;
  padding:0px 5px 0px 5px;
}

.selector
{
  width:14px;
  cursor:pointer;
  text-align:left;
  vertical-align:center;
  background-color:#FFFFFF;
}

/* Large Calendar CSS */
.monthLarge
{
  background-color:#f9fbff;
  margin-left:0px;
  margin-right:0px;
  margin-bottom:0px;
  margin-top:0px;
}

.dayLarge
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  width:100px;
  height:18px;
  font-size:8px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#0099CC;
  border-style:solid;
  font-weight:bold;
}

.calendarLarge
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.selecteddayLarge
{
  width:100px;
  height:18px;
  font-size:8px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color:#FBE694;
  color:#000000;
  border-width:1px;
  border-color:#BB5503 !important;
  border-style:solid;
  font-weight:bold;
}

.dayheaderLarge
{
    font-family:Verdana;
    font-size:8px;
    font-weight:bold;
    color:#333333;
    background-color:#E0DFE3;
    background-image:url(/images/dayheader_bg.gif);
    height:18px;
    text-align:center;
    cursor:default;
}

.footerLarge
{
    background-color:#757495;
    background-image:url(/images/title_bg.gif);
    background-position:0px 1px;
    color:white;
    font-size:10pt;
    font-weight:bold;
    font-family:Verdana;
    text-align:right;
    padding-top:4px;
    padding-right:3px;
    padding-bottom:0px;
    height:25px;
}

.headerLarge
{
   	background-color:#757495;
   	background-image:url(/new/images/ca_cal_title_bg.jpg);
  	color:white;
    font-size:10px;
    font-weight:bold;
   	font-family:Verdana;
    text-align:center;
   	padding:0px;
    vertical-align:middle;
    height:18px;
}

.dayhoverLarge
{
  width:100px;
  height:18px;
  font-size:8px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#3399cc;
  border-style:solid;
  background-color:#3399cc;
  font-weight:bold;
}

.header2Large
{
   	background-color:#757495;
   	background-image:url(/new/images/ca_cal_title_bg2.jpg);
  	color:white;
    font-size:8pt;
    font-weight:bold;
   	font-family:Verdana;
    text-align:center;
   	padding:0px;
    vertical-align:middle;
    height:18px;
}

.headerbuttonLarge
 {
    font-size:10px;
    padding-left:2px;
    padding-right:2px;
}

.outofrangedayLarge
{
	visibility:hidden;
}
/* Smaller Calendar CSS */

.titleSmall
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight:bold; color:#FFFFFF;
  background-color:#447281;
}

.daySmall
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayhoverSmall
{
  width:25px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.headerbuttonSmall
 {
    font-size:12pt;
    padding-left:2px;
    padding-right:2px;
}


.headerSmall
{
   	background-color:#757495;
   	background-image:url(/new/images/ca_cal_title_bg2.jpg);
  	color:white;
    font-size:8pt;
    font-weight:bold;
   	font-family:Verdana;
    text-align:left;
   	padding:2px;
    vertical-align:middle;
    height:22px;
}

.footerSmall
{
    background-color:#757495;
    background-image:url(/new/images/ca_cal_title_bg2.jpg);
    background-position:0px 1px;
    color:white;
    font-size:10pt;
    font-weight:bold;
    font-family:Verdana;
    text-align:right;
    padding-top:4px;
    padding-right:3px;
    padding-bottom:0px;
    height:25px;
}

.dayheaderSmall
{
    font-family:Verdana;
    font-size:8pt;
    font-weight:bold;
    color:#333333;
    background-color:#E0DFE3;
    background-image:url(/images/dayheader_bg.gif);
    height:24px;
    text-align:center;
    cursor:default;
}

.othermonthdaySmall
{
  color:#999999;
}

.outofrangedaySmall
{
  visibility:hidden;
}

.selecteddaySmall
{
    width:25px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color:#FBE694;
  color:#000000;
  border-width:1px;
  border-color:#BB5503 !important;
  border-style:solid;
  font-weight:bold;
}

.calendarSmall
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.monthSmall
{
  background-color:#DFE8EA;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.nextprevSmall
{
  cursor:pointer;
  height:25px;
  vertical-align:center;
  padding:0px 5px 0px 5px;
}

.selectorSmall
{
  width:14px;
  cursor:pointer;
  text-align:left;
  vertical-align:center;
  background-color:#FFFFFF;
}

.header2Small
{
   	background-color:#757495;
   	background-image:url(/new/images/ca_cal_title_bg2.jpg);
  	color:white;
    font-size:10pt;
    font-weight:bold;
   	font-family:Verdana;
    text-align:center;
   	padding:2px;
    vertical-align:middle;
    height:24px;
}