@constants {
previous_next_background:#436595;
previous_next_background_hover:#436595;
previous_next_foreground:white;
day_selected_background:#436595;
day_selected_foreground:white;
}

/* #C300FF */

div.timeframe_calendar {
display: block;
margin: 0;
padding: 0;
text-align: center;
text-shadow: none;
width:100%;

/* border:1px outset #f5f5f5; */
/* padding:1em; */
}

/* Menu */
div.timeframe_calendar ul.timeframe_menu {
list-style-type: none;
font-weight: bold;
margin: auto;
/* padding: 0 0 6px; */
width: auto;
margin:0;
padding:0;
border:0;
}
div.timeframe_calendar ul.timeframe_menu li {
display: inline;
margin:0;
padding:0;
border:0;
}
div.timeframe_calendar ul.timeframe_menu li a {
display: inline-block;
height: 20px;
text-decoration: none;
margin:0;
padding:0;
border:0;
width: 62px;
/* -webkit-box-shadow: 0 1px 2px #999; */
}
div.timeframe_calendar ul.timeframe_menu li a.previous
, div.timeframe_calendar ul.timeframe_menu li a.next {
background: previous_next_background;
color: previous_next_foreground;
}
div.timeframe_calendar ul.timeframe_menu li a.previous:hover
, div.timeframe_calendar ul.timeframe_menu li a.next:hover {
background: #ccc;
}
div.timeframe_calendar ul.timeframe_menu li a.previous:active
, div.timeframe_calendar ul.timeframe_menu li a.next:active {
background: previous_next_background;
}
div.timeframe_calendar ul.timeframe_menu li a.disabled
, div.timeframe_calendar ul.timeframe_menu li a.disabled:hover
, div.timeframe_calendar ul.timeframe_menu li a.disabled:active {
background: previous_next_background_hover;
color: #ccc;
cursor: default;
}
div.timeframe_calendar ul.timeframe_menu li a.today {
background: previous_next_background;
color: white;
}
div.timeframe_calendar ul.timeframe_menu li a.today:hover {
background: previous_next_background_hover;
}
div.timeframe_calendar ul.timeframe_menu li a.today:active {
background: red;
}
div.timeframe_calendar 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;*/
}
div.timeframe_calendar 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 {
width:100%;
}
/* Calendar*/
div.timeframe_calendar table {
border-collapse: separate;
font-size: 15px;

width:100%;
}
/* Month names */
div.timeframe_calendar table caption {
text-shadow: 0 0 0 #fff;
}
/* Cell sizes */
div.timeframe_calendar thead th, div.timeframe_calendar tbody td {
margin: 0;
padding: 3px 1px;
border:1px solid white;
}
/* Weekday letters */
div.timeframe_calendar thead {
background: #434343;
padding:;
color: #eee;
}
/* Days */
div.timeframe_calendar tbody {
background: #fff;
-webkit-box-shadow: 0px 2px 6px #999;
}
div.timeframe_calendar tbody td {
cursor: pointer;
}
/* Hover states not available in IE */
div.timeframe_calendar tbody td.selectable:hover {
background-color: #e5e5e5;
border:1px solid red !important;

}
div.timeframe_calendar tbody td.selected:hover, div.timeframe_calendar tbody td.stuck:hover {
background-color: day_selected_background;
border-color:day_selected_background;
}
/* Selected states */
div.timeframe_calendar tbody td.selected {
background-color: day_selected_background;
border-color:day_selected_background;
color:day_selected_foreground;
}
div.timeframe_calendar tbody td.stuck {
background-color: day_selected_background;
border-color:day_selected_background;
color:day_selected_foreground;
}
/* 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(../images/start.png); */
}
div.timeframe_calendar tbody td.endrange {
/* background-image: url(../images/end.png); */
}
div.timeframe_calendar tbody td.startendrange {
/* background-image: url(../images/startend.png); */
}
/* Today */
/*blue: 509cea, gre:9cd821, or:ffcc00  ,red:ff6600, higre,ccff33*/
div.timeframe_calendar tbody td.today {
background-color: white;
border-color:#ffcc00 !important;
/* color: #ffcc00 !important; */ 
}
div.timeframe_calendar tbody td.today_selected {
background-color:day_selected_background;
border-color:day_selected_background;
color:day_selected_foreground;
}
div.timeframe_calendar tbody td.today_stuck {
background-color: day_selected_background;
border-color:day_selected_background;
color:day_selected_foreground;
}
/* Post/pre-month */
div.timeframe_calendar tbody td.beyond {
background-color: #aaa;
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;
}
div.timeframe_calendar tbody td span.clear span {
/* background-image: url(../images/closebox.png); */
cursor: pointer;
display: block;
height: 30px;
left: -18px;
position: relative;
text-indent: -10000px;
top: -18px;
width: 30px;
}
div.timeframe_calendar tbody td span.clear span.active {
/* background-image: url(../images/closebox_selected.png); */
}






#calendar {
width:100%;
}
/* Calendar*/
div.timeframe_calendar table {
border-collapse: separate;
font-size: 15px;

width:100%;
}
/* Month names */
div.timeframe_calendar table caption {
text-shadow: 0 0 0 #fff;
}
/* Cell sizes */
div.timeframe_calendar thead th, div.timeframe_calendar tbody td {
margin: 0;
padding: 3px 1px;
border:1px solid white;
}
/* Weekday letters */
div.timeframe_calendar thead {
background: #434343;
padding:;
color: #eee;
}
/* Days */
div.timeframe_calendar tbody {
background: #fff;
-webkit-box-shadow: 0px 2px 6px #999;
}
div.timeframe_calendar tbody td {
cursor: pointer;
}
/* Hover states not available in IE */
div.timeframe_calendar tbody td.selectable:hover {
background-color: #e5e5e5;
border:1px solid red !important;

}
div.timeframe_calendar tbody td.selected:hover, div.timeframe_calendar tbody td.stuck:hover {
background-color: day_selected_background;
border-color:day_selected_background;
}
/* Selected states */
div.timeframe_calendar tbody td.selected {
background-color: day_selected_background;
border-color:day_selected_background;
color:day_selected_foreground;
}
div.timeframe_calendar tbody td.stuck {
background-color: day_selected_background;
border-color:day_selected_background;
color:day_selected_foreground;
}
/* 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(../images/start.png); */
}
div.timeframe_calendar tbody td.endrange {
/* background-image: url(../images/end.png); */
}
div.timeframe_calendar tbody td.startendrange {
/* background-image: url(../images/startend.png); */
}
/* Today */
/*blue: 509cea, gre:9cd821, or:ffcc00  ,red:ff6600, higre,ccff33*/
div.timeframe_calendar tbody td.today {
background-color: white;
border-color:#ffcc00 !important;
/* color: #ffcc00 !important; */ 
}
div.timeframe_calendar tbody td.today_selected {
background-color:day_selected_background;
border-color:day_selected_background;
color:day_selected_foreground;
}
div.timeframe_calendar tbody td.today_stuck {
background-color: day_selected_background;
border-color:day_selected_background;
color:day_selected_foreground;
}
/* Post/pre-month */
div.timeframe_calendar tbody td.beyond {
background-color: #aaa;
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;
}
div.timeframe_calendar tbody td span.clear span {
/* background-image: url(../images/closebox.png); */
cursor: pointer;
display: block;
height: 30px;
left: -18px;
position: relative;
text-indent: -10000px;
top: -18px;
width: 30px;
}
div.timeframe_calendar tbody td span.clear span.active {
/* background-image: url(../images/closebox_selected.png); */
}