/* For the details, see:http://flowplayer.org/tools/dateinput/index.html#skinning */
/* get rid of those system borders being generated for A tags */
a:active {outline:none;}
:focus {-moz-outline-style:none;}
#flowCalendar, .active, #calroot{-moz-border-radius:4px}
#flowCalendar{font-family:sans-serif; /*background:#333 url(../images/h80.png); */height:56px; padding:10px 0 10px 8px; color:#ddd; font-size:11px; width:230px; margin:0 auto; /*-moz-box-shadow:0 0 10px #666; -webkit-box-shadow:0 0 10px #666;     */}
#flowCalendar label{float:left; width:215px; display:block; padding:6px; border:1px solid transparent; margin-right:30px; z-index:99; height:100%}
#flowCalendar .active{background-color:#fff; color:#333; border:1px solid #ccc; border-bottom:0}
.active input{color:#333; text-shadow:none; z-index:99}
/* date input */
.date{float:left; display:block; border:0; background-color:transparent; font-size:12px; color:#fff; /*width:180px; */cursor:default; width:200px}
/* date input trigger element */
.caltrigger{display:block; width:30px; height:32px; float:left; background:url(../images/icon.jpg) no-repeat 0 0; margin-top:-8px; -moz-border-radius:3px; -webkit-border-radius:3px}
.active .caltrigger{background-position:0 -32px}
/* calendar root element */
#calroot{font-family:sans-serif; background-color:#fff; border:1px solid #ccc; border-width:0 1px 1px; padding-top:0px; width:227px; display:block; margin:0 0 0 -7px; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0}
/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead{padding:2px 0; height:22px}
#caltitle{font-size:14px; color:#0150D1; float:left; text-align:center; width:160px; line-height:20px; text-shadow:0 1px 0 #ddd}
#calnext, #calprev{display:block; width:20px; height:20px; background:transparent url(../images/prev.gif) no-repeat scroll center center; float:left; cursor:pointer; margin-left:9px}
#calnext{background-image:url(../images/next.gif); float:right; margin-right:9px}
#calprev.caldisabled, #calnext.caldisabled{visibility:hidden}
/* year/month selector */
#caltitle select{font-size:10px}
/* names of the days */
#caldays{height:14px; border-bottom:1px solid #ddd}
#caldays span{display:block; float:left; width:32px; text-align:center; font-size:11px}
/* container for weeks */
#calweeks{background-color:#fff; margin-top:4px}
/* single week */
.calweek{clear:left; height:22px}
/* single day */
.calweek a{display:block; float:left; width:31px; height:20px; text-decoration:none; font-size:11px; margin-left:1px; text-align:center; line-height:20px; color:#666; -moz-border-radius:3px; -webkit-border-radius:3px}
/* different states */
.calweek a:hover, .calfocus{background-color:#ddd}
/* sunday */
a.calsun{color:red}
/* offmonth day before current month */
a.caloff{background-color:#efefef !important; color:#ccc!important; cursor:default !important}
/* offmonth day after current month */
a.caloff2{background-color:#efefef !important; color:#ccc!important; cursor:default !important}
/* unselectable day */
a.caldisabled{background-color:#efefef !important; color:#ccc!important; cursor:default !important}
/* current date */
#calcurrent{ background-color:#3565A0 !important; color:#fff}
/* hilight date */
a.calhilight{ background-color:#B6A174 !important; color:#fff!important}
/* hilight travel days */
a.caltravel{background-color:#498CE2 !important; color:#fff !important}
/* disabled days */
a.caltraveloff{background-color:#498CE2 !important; color:#fff !important; cursor:default !important}
/* disabled unavailable days between travel days */
a.calnontravel{background-color:#efefef !important; color:#ccc!important; cursor:default !important}
/* selected travel days that are unavailable but between selected travel days */
a.calnontravelselected{ background-color:#498CE2 !important; color:#fff !important; cursor:default !important}