/* For the details, see:
   http://flowplayer.org/tools/dateinput/index.html#skinning */
/* the input field */
/* calendar root element */
#calroot {
    font-family: Verdana, Geneva, sans-serif;
    /* place on top of other elements. set a higher value if nessessary */
    z-index: 10000;
    margin-top: -1px;
    width: 198px;
    padding: 2px;
    background-color: #fff;
    font-size: 11px;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 0 15px #666;
    -webkit-box-shadow: 0 0 15px #666
    }
/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {
    padding: 2px 0;
    height: 22px
    }
#caltitle {
    font-size: 14px;
    color: #000;
    float: left;
    text-align: center;
    width: 155px;
    line-height: 20px;
    text-shadow: 0 1px 0 #ddd
    }
#calnext, #calprev {
    display: block;
    width: 20px;
    height: 20px;
    background: transparent url(../medias/prev.gif) no-repeat scroll center center;
    float: left;
    cursor: pointer
    }
#calnext {
    background-image: url(../medias/next.gif);
    float: right
    }
#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: 28px;
    text-align: center
    }
/* 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: 27px;
    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 */
a.caloff {
    color: #ccc
    }
a.caloff:hover {
    background-color: rgb(245, 245, 250)
    }
/* unselecteble day */
a.caldisabled {
    background-color: #efefef !important;
    color: #ccc !important;
    cursor: default
    }
/* current day */
#calcurrent {
    background-color: #000;
    color: #fff
    }
/* today */
#caltoday {
    background-color: #333;
    color: #fff
    }
/* *************************************************************************** */
/* ******************************* QUICKSEARCH ******************************* */
/* *************************************************************************** */
.contentQuickSearch {
    position: absolute;
    background-color: #332726;
    width: auto;
    height: auto;
    left: 10%;
    z-index: 2;
    bottom: 20%
    }
.contentAge {
    position: absolute;
    right: 0;
    top: -35px;
    background-color: #332726;
    padding: 3px 10px 3px 10px
    }
.contentAge .qs_ul_listeAge {
    float: left
    }
.contentAge div {
    float: left;
    margin-top: 6px;
    line-height: 12px;
    font-size: 12px;
    margin-right: 10px
    }
.contentAge .qs_ul_listeAge .qs_li_age {
    float: left
    }