div.rangepicker {
 padding:20px;
 background-color: #EEF6FC;
 border: 1px solid #000;
 border-radius: 5px;
}


.rangepicker:before {
 content:"";
 position:absolute;
 bottom:-14px; /* value = - border-top-width - border-bottom-width */
 left:46px; /* controls horizontal position */
    border-width:14px 14px 0;
 border-style:solid;
    border-color:#000 transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}

/* creates the smaller  triangle */
.rangepicker:after {
 content:"";
 position:absolute;
 bottom:-13px; /* value = - border-top-width - border-bottom-width */
 left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
 border-width:13px 13px 0;
 border-style:solid;
 border-color:#EEF6FC transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}

/* Variant : top
------------------------------------------ */

/* creates the larger triangle */
.rangepicker:before {
 top:-14px; /* value = - border-top-width - border-bottom-width */
 bottom:auto;
 right:auto;
 left:499px; /* controls horizontal position */
    border-width:0 14px 14px;
}

/* creates the smaller  triangle */
.rangepicker:after {
 top:-13px; /* value = - border-top-width - border-bottom-width */
 bottom:auto;
 right:auto;
 left:500px; /* value = (:before right) + (:before border-right) - (:after border-right) */
    border-width:0 13px 13px;
}

div.rangepicker .selectyear {
 width: 100%;
}
div.rangepicker div.chgmonth a {
 width: 20px;
 float:left;
 background-color: #BCDDF3;
 display:block;
 border: solid black 1px;
}
div.rangepicker .yearweek {
 width: 16px;
}

div.rangepicker table {
 border-width: 1px;
 border-spacing: 2px;
 border-style: solid;
 border-color: #000000;
 border-collapse: collapse;
 background-color: #ffffff;
 margin:1px;
}
div.rangepicker table th {
 font-size:0.9em;
 border-width: 1px;
 padding: 0px;
 margin: 0px;
 border-style: solid;
 border-color: #000000;
 background-color: #BCDDF3;

 color: #000;
 text-shadow: 0px 0px;
}
div.rangepicker table th.dayname {
 background-color: #DDEEF9;
}
div.rangepicker table td {
 text-align:right;
 border-width: 1px;
 padding: 0px;
 margin: 0px;
 border-style: solid;
 border-color: #000000;
 background-color: #ffffff;
}
div.rangepicker table td.sel1 {
 background-color: #FFDDDD;
}

div.rangepicker table td.sel2 {
 background-color: #BBBBFF;
}

div.rangepicker table th a,div.rangepicker table th a:visited {
 background-color: #BCDDF3;
 color:#000000;
 font-size:6pt;
}

div.rangepicker a {
 text-decoration: none;
 background: transparent !important;
 border: none !important;
 line-height: 20px !important;
 height: 20px;
 text-align: center;
 float: none !important;
 padding: 0px !important;
 margin: 0px !important;
 color: #000;
 font-size: 1em !important;
}

div.rangepicker a.dow {
 width:20px;
}
div.rangepicker a.a_sm {
 width:20px;
 font-size:0.7em !important;
}

div.rangepicker table a {
 display:block;
}

div.rangepicker table a:hover {
 background-color:#59AAE2 !important;
 color:#DDEEF9 !important;
 border-radius: 0px !important;
}