div.timeframe_calendar {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: center;
  text-shadow: none;
}

/* Menu */
ul.timeframe_menu {
  list-style-type: none;
  font-weight: bold;
  margin:0px;
  padding: 15px 0px 0px 0px;
  text-align:center;
  overflow:hidden;
}
  ul.timeframe_menu li {
    display: inline;
  }
    ul.timeframe_menu li a {
      display: inline-block;
      height: 20px;
      padding: 2px 0 0;
      text-decoration: none;
      width: 20px;
      -webkit-box-shadow: 0 1px 2px #999;
    }
      ul.timeframe_menu li a.previous, ul.timeframe_menu li a.next {
        background: #fff;
        color: #468966;
		padding:4px 5px 6px 5px;
      }
        ul.timeframe_menu li a.previous:hover, ul.timeframe_menu li a.next:hover {
          background: #ccc;
        }
        ul.timeframe_menu li a.previous:active, ul.timeframe_menu li a.next:active {
          background: #aaa;
        }
      ul.timeframe_menu li a.disabled, ul.timeframe_menu li a.disabled:hover, ul.timeframe_menu li a.disabled:active {
        background: #fff;
        color: #ccc;
        cursor: default;
      }
      ul.timeframe_menu li a.today {
        background: #e4edca;
        color: #eee;
		display:none;
      }
        ul.timeframe_menu li a.today:hover {
          background: #246744;
        }
        ul.timeframe_menu li a.today:active {
          background: #024522;
        }
      ul.timeframe_menu li a.previous {
        -webkit-border-top-left-radius:     10px;
        -webkit-border-bottom-left-radius:  10px;
        -moz-border-radius-topleft:         11px;
        -moz-border-radius-bottomleft:      11px;
      }
      ul.timeframe_menu li a.next {
        -webkit-border-top-right-radius:     10px;
        -webkit-border-bottom-right-radius:  10px;
        -moz-border-radius-topright:         11px;
        -moz-border-radius-bottomright:      11px;
      }

/* Calendar*/
div.timeframe_calendar table {
  border-collapse: collapse;
  display: inline;
  display: inline-block;
  font-size: 13px;
  margin: 0 3px 0px;
  float:left;
}
  /* Month names */
  div.timeframe_calendar table caption {
    text-shadow: 0 0 0 #fff;
	color:#2D2A6E;
	font-weight:bold;
	font-size:15px;
  }
  /* Cell sizes */
  div.timeframe_calendar thead th, div.timeframe_calendar tbody td {
    height: 21px;
    margin: 0;
    padding: 0px 2px;
    width: 16px;
  }
  
  div.timeframe_calendar thead th, div.timeframe_calendar tbody td p {
  	margin:0px; 
	padding:0px;
	line-height:100%;
	color:#2D2A6E;
  }
  
  
  /* Weekday letters */
  div.timeframe_calendar thead {
    background: #f9be91;
    color:#FFFFFF;
	height:25px;
	line-height:150%;
	border:1px solid #F57E24;
  }
  /* Days */
  div.timeframe_calendar tbody {
    background: #f8d8c3;
	-webkit-box-shadow: 0px 2px 6px #999;
  }
    div.timeframe_calendar tbody td {
      /*cursor: pointer;*/
	  color: #2D2A6E;
		border:1px solid #F57E24;
		padding:2px 5px 2px 5px;
    }
      /* Hover states not available in IE */
      div.timeframe_calendar tbody td.selectable:hover {
        /*background-color: #bbb;*/
      }
      div.timeframe_calendar tbody td.selected:hover, div.timeframe_calendar tbody td.stuck:hover {
        background-color: #F57F24;
      }
      /* Selected states */
      div.timeframe_calendar tbody td.selected {
        background-color: #F57F24;
      }
      div.timeframe_calendar tbody td.stuck {
        background-color: #F57F24;
      }
      /* Range markers */
      div.timeframe_calendar tbody td.startrange, div.timeframe_calendar tbody td.endrange, div.timeframe_calendar tbody td.startendrange {
        cursor: col-resize;
      }
      div.timeframe_calendar tbody td.startrange {
        /*background-image: url(/gfx/start.png);*/
		background-color: #F57F24;
      }
      div.timeframe_calendar tbody td.endrange {
        /*background-image: url(/gfx/end.png);*/
		background-color: #F57F24;
      }
      div.timeframe_calendar tbody td.startendrange {
        /*background-image: url(/gfx/startend.png);*/
		background-color: #F57F24;
      }
	  div.timeframe_calendar tbody td.startrange:hover {
        /*background-image: url(/gfx/start.png);*/
		background-color: #F57F24;
      }
      div.timeframe_calendar tbody td.endrange:hover {
        /*background-image: url(/gfx/end.png);*/
		background-color: #F57F24;
      }
      div.timeframe_calendar tbody td.startendrange:hover {
        /*background-image: url(/gfx/startend.png);*/
		background-color: #F57F24;
      }
      /* Today */
      div.timeframe_calendar tbody td.today {
        
      }
        div.timeframe_calendar tbody td.today_selected {
          
        }
        div.timeframe_calendar tbody td.today_stuck {
          
        }
      /* Post/pre-month */
      div.timeframe_calendar tbody td.beyond {
        background-color: #ffffff;
        background-image: none;
        color: #ccc;
      }
	  div.timeframe_calendar tbody td.beyond:hover {
        background-color: #ffffff;
        background-image: none;
        color: #ccc;
      }
        div.timeframe_calendar tbody td.beyond_selected {
          background-color: #999;
        }
        div.timeframe_calendar tbody td.beyond_stuck {
          background-color: #888;
        }
      
      div.timeframe_calendar tbody td.unselectable {
        color: #ccc;
        cursor: default;
      }
      /* Clear button */
      div.timeframe_calendar tbody td span.clear {
        color: transparent;
        display: block;
        height: 0;
        position: absolute;
        width: 0;
		display:none;
      }
        div.timeframe_calendar tbody td span.clear span {
          background-image: url(/gfx/closebox.png);
          cursor: pointer;
          display: block;
          height: 30px;
          left: -18px;
          position: relative;
          text-indent: -10000px;
          top: -18px;
          width: 30px;
		  display:none;
        }
          div.timeframe_calendar tbody td span.clear span.active {
            background-image: url(/gfx/closebox_selected.png);
          }
		  
		  .unavailable
		  {
			  background-color: #f9be91;
			  cursor:default;
		  }
		  
		  .unavailable:hover
		  {
			  background-color: #f9be91;
			  cursor:default;
		  }
		  
		  .available
		  {
			  background-color: #dae9a5;
			  cursor:default;
		  }
		  
		  .available:hover
		  {
			  background-color: #dae9a5;
			  cursor:default;
		  }
		  
		  .special
		  {
			  background-color: #BBCF4C;
			  cursor:default;
		  }
		  
		  .special:hover
		  {
			  background-color: #BBCF4C;
			  cursor:default;
		  }
		  
		  .disabled
		  {
			  background-color: #ffffff;
			  color: #ccc;
			  cursor:default;
		  }
		  .disabled:hover
		  {
			  background-color: #ffffff;
			  color: #ccc;
			  cursor:default;
		  }