.yui-calcontainer
{
  
  position: relative;
  padding: 5px;
  background-color: #F3F3F9;
  border: 1px solid #8184BD;
  float: left;
  _overflow: hidden;   
}
.yui-calcontainer iframe
{
  position: absolute;
  border: none;
  margin: 0;padding: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}
.yui-calcontainer iframe.fixedsize
{
  width: 50em;
  height: 50em;
  top: -1px;
  left: -1px;
}
.yui-calcontainer.multi
{
  padding: 0;
}
.yui-calcontainer.multi .groupcal
{
  padding: 5px;
  background-color: transparent;
  z-index: 1;
  float: left;
  position: relative;
  border: none;
}
.yui-calcontainer .title
{
  
  font: bold 110% arial, helvetica, sans-serif;
  color: #8184BD;
  background: transparent;
  margin: 2px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  
}
.yui-calcontainer .close-icon
{
  position: absolute;
  overflow: hidden;
  text-indent: -10000em;
  right: 2px;
  top: 2px;
  border: none;
  z-index: 1;
}
.yui-calcontainer .calclose
{
  background:  url("../assets/images/yui_panel_close.gif") no-repeat;
  width: 12px;
  height: 12px;
  cursor: pointer;  
}
/* Calendar element styles */
.yui-calendar
{
  font: 100% sans-serif;
  text-align: center;
  border-spacing: 0;
  border-collapse: separate;
  position: relative;
}
.yui-calcontainer.withtitle
{
  padding-top: 1.5em;
}
.yui-calendar .calnavleft
{
  position: absolute;
  overflow: hidden;
  text-indent: -10000em;
  cursor: pointer;
  top: 2px;
  bottom: 0;
  width: 9px;
  height: 12px;
  left: 2px;
  z-index: 1;
  background:  url("../assets/images/yui_cal_lt.gif") no-repeat;
}
.yui-calendar .calnavright
{
  position: absolute;
  overflow: hidden;
  text-indent: -10000em;
  cursor: pointer;
  top: 2px;
  bottom: 0;
  width: 9px;
  height: 12px;
  right: 2px;
  z-index: 1;
  background:  url("../assets/images/yui_cal_rt.gif") no-repeat;
}
.yui-calendar td.calcell
{
  
  padding: .2em .4em;
  border: 1px solid #CCCCCC;
  text-align: center;
  
}
.yui-calendar td.calcell a
{
  {/lieral}
  color: {$color.main};
  text-decoration: none;
  {literal}
}
.yui-calendar td.calcell.today
{
  
  border: 1px solid #000000;
  
}
.yui-calendar td.calcell.oom
{
  
  cursor: default;
  color: #A3A5CF;
  background-color: #E8E8F3;
  border: 1px solid #CCCCCC;
  
}
.yui-calendar td.calcell.selected
{
  
  color: #FF0000;
  background-color: #FFCCCC;
  border: 1px solid #FF0000;
  
}
.yui-calendar td.calcell.calcellhover
{
  
  cursor: pointer;
  color: #FF9900;
  background-color: #FFEACC;
  border: 1px solid #FF9900;
  
}
.yui-calendar td.calcell.calcellhover a
{
  
  color: #FF9900;
  
}
.yui-calendar td.calcell.restricted
{
  text-decoration: line-through;
}
.yui-calendar td.calcell.previous
{
  color: #CCC;
}
.yui-calendar td.calcell.highlight1 { background-color: #CCFF99; }
.yui-calendar td.calcell.highlight2 { background-color: #99CCFF; }
.yui-calendar td.calcell.highlight3 { background-color: #FFCCCC; }
.yui-calendar td.calcell.highlight4 { background-color: #CCFF99; }
.yui-calendar .calhead
{
  
  border: 1px solid #8184BD;
  vertical-align: middle;
  background-color: #FFFFFF;
  
}
.yui-calendar .calheader
{
  position: relative;
  width: 100%;
  text-align: center;
}
.yui-calendar .calheader img
{
  border: none;
}
.yui-calendar .calweekdaycell
{
  
  color: #CCCCCC;
  font-weight: normal;
  text-align: center;
  width: 1.5em;
  
}
.yui-calendar .calfoot
{
  background-color: #EEE;
}
.yui-calendar .calrowhead, .yui-calendar .calrowfoot
{
  color: #666;
  font-size: 9px;
  font-style: italic;
  font-weight: normal;
  width: 15px;
}
.yui-calendar .calrowhead
{
  border-right-width: 2px;
}
.yui-calendar a.calnav:hover
{
  border: none;
  background: transparent;
  color: #8184BD;
}
.yui-calcontainer .yui-cal-nav
{
  border: 1px solid #8184BD;
  background-color: #F3F3F9;
}
.yui-calcontainer .yui-cal-nav-b button {
  background-color: #F3F3F9;
  border: 1px outset #8184BD;
}
.yui-calcontainer .yui-cal-nav-b button:hover {
  border: 1px inset #8184BD;
}
.yui-calcontainer .yui-cal-nav-y input.yui-invalid {
  background-color: #FFCCCC;
  border: 1px solid #FF0000;
  color: #FF0000;
}
.yui-calcontainer .yui-cal-nav-e {
  background-color: ##FFCCCC;
  border-top: 1px solid #FF0000;
  color: #FF0000;
}

/* CalendarNavigator */
{*
.yui-calendar a.calnav
{
  _position: relative;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  color: #000;
}
.yui-calcontainer .yui-cal-nav-mask
{
  position: absolute;
  z-index: 2;
  display: none;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  _width: 0;    /* IE6, IE7 Quirks - width/height set programmatically to match container */
  _height: 0;
  background-color: #000;
  opacity: 0.25;
  *filter: alpha(opacity=25);
}
.yui-calcontainer .yui-cal-nav
{
  position: absolute;
  z-index: 3;
  display: none;
  padding: 0;
  top: 1.5em;
  left: 50%;
  width: 12em;
  margin-left: -6em;
  border: 1px solid #7B9EBD;
  background-color: #F7F9FB;
  font-size: 93%;
}
.yui-calcontainer.withtitle .yui-cal-nav
{
  top: 3.5em;
}
.yui-calcontainer .yui-cal-nav-y,
.yui-calcontainer .yui-cal-nav-m,
.yui-calcontainer .yui-cal-nav-b
{
  padding: 2px 5px 2px 5px;
}
.yui-calcontainer .yui-cal-nav-b
{
  text-align: center;
}
.yui-calcontainer .yui-cal-nav-e
{
  margin-top: 2px;
  padding: 2px;
  background-color: #EDF5FF;
  border-top: 1px solid black;
  display: none;
}
.yui-calcontainer .yui-cal-nav label
{
  display: block;
  font-weight: bold;
}
.yui-calcontainer .yui-cal-nav-mc
{
  width: 100%;
  _width: auto; /* IE6 doesn't like width 100% */
}
.yui-calcontainer .yui-cal-nav-y input.yui-invalid
{
  background-color: #FFEE69;
  border:  1px solid #000;
}
.yui-calcontainer .yui-cal-nav-yc
{
  width: 3em;
}
.yui-calcontainer .yui-cal-nav-b button
{
  font-size: 93%;
  text-decoration: none;
  cursor:  pointer;
  background-color:  #79b2ea;
  border:  1px solid #003366;
  border-top-color: #FFF;
  border-left-color: #FFF;
  margin: 1px;
}
.yui-calcontainer .yui-cal-nav-b .yui-default button
{
  /* not implemented */
}
/* Specific changes for calendar running under fonts/reset */
.yui-calendar .calbody a: hover {background: inherit;}
p#clear {clear: left; padding-top: 10px;}
*}