


    /*** Mobile-first, responsive styling for pickadate.js*/


    /** * When the calendar is open*/

    /* Prevent the page from scrolling */
    /*body*/.pickadate__active {overflow: hidden; }

    /* And add the "active" state to the input */
    /*input*/.pickadate__input--active { border-color: #05a294 !important;}
	
.holder{ width:100%; position:relative;  float: left;} 
.holder .refbox {left: 1.5em; position: absolute; bottom: 1.8em;width: 50%; z-index: 100; display:none;}
.holder .refbox .reftoday{ float:left;}
.holder .refbox .today_box{ width:1em; height:1em; background: #61A534; float:left; margin-left:0.25em}
.holder .refbox .refchosen{float:left; margin-left: 1em}
.holder .refbox .chosen_box{ width:1em; height:1em; background:#05a294; float:left; margin-left: 0.25em}

#picker_inline_fixed{ display:none;}
.picker_input #picker_inline_fixed{ display:block;}

/*** The holder that fills the entire screen */
.picker-holder--default .pickadate__holder {
/* The base font-size */
font-size: 15px;line-height: 1.2;color: #000; position: fixed;z-index: 1000; width: 100%;height: 100%;
/* Fade out the background, then immediately hide the holder */
 -webkit-transition: background .15s ease-out, top 0s .2s;
 -moz-transition: background .15s ease-out, top 0s .2s;
  transition: background .15s ease-out, top 0s .2s;}

/*** The frame that bounds the calendar*/
.picker-holder--default .pickadate__frame { min-width: 256px; max-width: 666px;margin: 0 auto;position: absolute;
/* Allow the frame to be scrolled in case the screen is too small */
overflow: auto; 
-webkit-overflow-scrolling: touch;
 /* Animate the frame in and out of view */
-webkit-transition: all .15s ease-out;
 -moz-transition: all .15s ease-out;
 transition: all .15s ease-out;}

/*** Make the calendar holder and frame fullscreen*/
.picker-holder--default .pickadate__holder,
.picker-holder--default .pickadate__frame {top: 100%; bottom: 0;left: 0; right: 0; }


/*** When the calendar opens */
.picker-holder--default .pickadate__holder--opened {

/* Show a translucent black background (order is important for IE) */
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000); /* IE6 & 7 */
zoom: 1;
background: rgba(0,0,0,.32); /* Normal browsers */

/* Animate in the background */
-webkit-transition: background .15s ease-out;
-moz-transition: background .15s ease-out;
transition: background .15s ease-out; }

/* Bring the holder and frame into view */
.picker-holder--default .pickadate__holder--opened,
.picker-holder--default .pickadate__holder--opened .pickadate__frame { top: 0;}







/*** The calendar wrapper*/
.picker-holder--default .pickadate__wrap {display: table;width: 100%; height: 100%;}

/*** The calendar itself*/
.picker-holder--default .pickadate__calendar { display: table-cell; vertical-align: middle; background: #fff; padding: 1em;}



 /*** The calendar table of dates*/
.picker-holder--default .pickadate__table {text-align: center; border-collapse: collapse;border-spacing: 0;table-layout: fixed;font-size: inherit;width: 100%; margin-top: .5em;}

/* Remove browser stylings on a table cell */
.picker-holder--default .pickadate__table td { margin: 0;padding: 0;}



/*** The header containing the month and year tags/selectors*/
.picker-holder--default .pickadate__header {text-align: center; position: relative;}

.picker-holder--default .pickadate__nav--prev,
.picker-holder--default .pickadate__nav--next {position: absolute;top: -.1em;padding: .5em;margin: -.5em;text-align: center;min-width: 24px; height: 24px;line-height: 26px;}
.picker-holder--default .pickadate__nav--prev {left: 0;}
.picker-holder--default .pickadate__nav--next {right: 0;}

.picker-holder--default .pickadate__month,
.picker-holder--default .pickadate__year {font-weight: 500;display: inline-block;}
.picker-holder--default .pickadate__year { color: #000;font-size:1em; margin-left: .5em;}

.picker-holder--default .pickadate__select--month,
.picker-holder--default .pickadate__select--year { font-size: .8em; border: 1px solid #ccc; height: 2.5em; padding: .66em .25em; /* For firefox */ margin-top: -.5em;}
.picker-holder--default .pickadate__select--month {width: 35%;}
.picker-holder--default .pickadate__select--year { width: 22.5%; margin-left: .5em; }
.picker-holder--default .pickadate__select--month:focus,
.picker-holder--default .pickadate__select--year:focus {/*border-color:#05a294;*/}



 /*** The weekday labels */
.picker-holder--default .pickadate__weekday { width: 14.285714286%; /* 100/7 */font-size: .75em;padding-bottom: .25em; color: #999;font-weight: 500; border-bottom:1px solid  #61A534;}

 /*** The days on the calendar*/
.picker-holder--default .pickadate__day {padding: .33em 0 .25em;font-weight: 100; /*border: 1px solid #fff;*/ margin-bottom: 1px;}

/*** The various states of a day*/
.picker-holder--default .pickadate__day--selected,
.picker-holder--default .pickadate__day--selected:hover { border-color:#05a294;}
.picker-holder--default .pickadate__day--today { color:#FFF; position: relative; background: #61A534;}
.picker-holder--default .pickadate__day--today:before {content: " "; position: absolute; top: 2px;right: 2px; width: 0; height: 0; border-top: .5em solid #FFF; border-left: .5em solid transparent; }

.picker-holder--default .pickadate__day--today .pickadate__day--highlighted { background: #61A534;} 

.picker-holder--default .pickadate__day--today .pickadate__day--highlighted .pickadate__day--selected { background: #61A534;} 



.picker-holder--default .pickadate__day--highlighted { background: #fff;} 
.picker-holder--default .pickadate__day--disabled:before {border-top-color: #aaa;}
.picker-holder--default .pickadate__day--outfocus {color: #ddd;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter: alpha(opacity=75);
-moz-opacity: .75;
opacity: .75;
}





/*** The footer containing the "today" and "clear" buttons */
.picker-holder--default .pickadate__footer {text-align: center; margin: .25em 0 -.75em;}

.picker-holder--default .pickadate__button--today,
.picker-holder--default .pickadate__button--clear { border: 1px solid #fff; background: #fff; font-size: .8em; padding: .66em 0;
margin: 0 2.5%; font-weight: bold; width: 40%;}

.picker-holder--default .pickadate__button--today:before,
.picker-holder--default .pickadate__button--clear:before {position: relative; display: inline-block;height: 0;}
.picker-holder--default .pickadate__button--today:before {content: " "; margin-right: .45em; top: -.05em; width: 0; border-top: .66em solid #05a294; border-left: .66em solid transparent;}

.picker-holder--default .pickadate__button--clear:before {content: "×";
margin-right: .35em; top: -.1em; color: #e20;vertical-align: top;font-size: 1.1em;}

.picker-holder--default .pickadate__button--today:focus,
.picker-holder--default .pickadate__button--clear:focus {background: #b1dcfb;border-color:#05a294;outline: none;}




/*** The hover effect on any buttons*/
.picker-holder--default .pickadate__day--infocus:hover,
.picker-holder--default .pickadate__day--outfocus:hover,
.picker-holder--default .pickadate__nav--prev:hover,
.picker-holder--default .pickadate__nav--next:hover,
.picker-holder--default .pickadate__button--today:hover,
.picker-holder--default .pickadate__button--clear:hover { cursor: pointer; color: #000; background: #b1dcfb;}
.picker-holder--default .pickadate__day--disabled,
.picker-holder--default .pickadate__day--disabled:hover {background: #f5f5f5; border-color: #f5f5f5;color: #ddd;cursor: default; }
.picker-holder--default .pickadate__day--highlighted:hover,
.picker-holder--default .pickadate__holder--focused .pickadate__day--highlighted { background: #05a294; color: #fff;}





/*** Adjust the calendar for not so tiny screens* by just increasing the font size a bit*/
@media (min-height: 320px) {
.picker-holder--default .pickadate__calendar {font-size: 1.25em; }
}




/*** Adjust the calendar for not so tiny screens* by just increasing the font size a bit*/
@media (min-height: 342px) {
.picker-holder--default .pickadate__calendar {font-size: 1.25em; }
}


/*** For bigger viewports, adjust the calendar* to not cover the entire screen*/
@media (min-height: 424px) {

/* Align the frame to the bottom, rather than top */
.picker-holder--default .pickadate__frame { overflow: visible; top: auto;bottom: -100%; }
.picker-holder--default .pickadate__holder--opened .pickadate__frame {top: auto;bottom: 0;}


/* Remove the calendar middle-aligned styling */
.picker-holder--default .pickadate__wrap,
.picker-holder--default .pickadate__calendar {display: block;}
.picker-holder--default .pickadate__calendar {

/* Increase the font size a bit more */
font-size: 1.33em;

/* Add the borders except the bottom one */
border: 1px solid #777;
border-top-color: #888;
 border-bottom-width: 0;

/* Make 'em rounded at the top corners */
-webkit-border-radius: 6px 6px 0 0;
 -moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;

/* And finally, add a nice shadow */
-webkit-box-shadow: 0 20px 36px 16px rgba(0,0,0,.8);
-moz-box-shadow: 0 20px 36px 16px rgba(0,0,0,.8);
box-shadow: 0 20px 36px 16px rgba(0,0,0,.8);
}


 /* Increase the spacing a tad */
.picker-holder--default .pickadate__table {margin-top: .75em; border-bottom:1px solid #61A534;}
.picker-holder--default .pickadate__weekday { padding-bottom: .5em;}
.picker-holder--default .pickadate__footer {margin: .5em 0 -.5em;}
    }


/** * For bigger monitors still, move it away
    * from the bottom edge of the screen
    * and round the top and bottom corners.
    */
	
	
@media (min-height: 542px) {

.picker-holder--default .pickadate__frame {margin-bottom: 5%;}

.picker-holder--default .pickadate__calendar {font-size: 1.5em;border-bottom-width: 1px;
            -webkit-border-radius: 6px;
               -moz-border-radius: 6px;
                    border-radius: 6px; }
}


/*****************************************************/



/*****************************************************/

/*** The picker holder*/
.picker-holder--classic .pickadate__holder {

/* The base font-size */
font-size: 16px;line-height: 1.2;color: #000;position: absolute;z-index: 1000;width: 100%;height: 0; }


    /**
     * The frame that bounds the calendar
     */
    .picker-holder--classic .pickadate__frame {
        position: relative;
        max-width: 420px;
        min-width: 256px;
        max-height: 0;
        overflow-y: hidden;
		z-index:1000;

        -webkit-transition: all .15s ease-out;
           -moz-transition: all .15s ease-out;
                transition: all .15s ease-out;

    }


    /**
     * When the calendar opens
     */
	 .picker-holder--classic .pickadate__holder--opened {
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0.32);
    transition: background 0.15s ease-out 0s;
    }

	 
    .picker-holder--classic .pickadate__holder--opened .pickadate__frame {
        top: 1.7em;
        max-height: 25em;

        -webkit-box-shadow: 0 6px 50px 1px rgba(0,0,0,.6);
           -moz-box-shadow: 0 6px 50px 1px rgba(0,0,0,.6);
                box-shadow: 0 6px 50px 1px rgba(0,0,0,.6);
    }
 

    /**
     * The calendar itself
     */

    .picker-holder--classic .pickadate__calendar {
        background: url(../image/datapacker_bk.gif) repeat;
	    color: #000;
       

        /*padding: 1em;*/
        font-size: 1em;

        /* Add the borders 
        border: 1px solid #ccc;*/

    }



    /**
     * The calendar table of dates
     */
    .picker-holder--classic .pickadate__table {
		
        text-align: center;
        border-collapse: collapse;
        border-spacing: 0;
        table-layout: fixed;
        font-size: inherit;
        width: 100%;
        margin-top: .75em;
    }

    /* Remove browser stylings on a table cell */
    .picker-holder--classic .pickadate__table td {
        margin: 0;
        padding: 0;
    }



    /**
     * The header containing the month and year tags/selectors
     */
    .picker-holder--classic .pickadate__header {
        text-align: center;
        position: relative;
		background:#96d0b6;
        padding: 0.55em;
		font-size:1em;
		color: #FFF; font-weight:bold;
    }

    .picker-holder--classic .pickadate__nav--prev {
        position: absolute;
        top: -.1em;
        padding: .45em;
        /*margin: -.5em;*/
        text-align: center;
        min-width: 24px;
        height: 24px;
        line-height: 26px;
		background:url(../image/left_arrow.png) no-repeat center center  #05a294;

    }
	
    .picker-holder--classic .pickadate__nav--next {
        position: absolute;
        top: -.1em;
        padding: .45em;
        /*margin: -.5em;*/
        text-align: center;
        min-width: 24px;
        height: 24px;
        line-height: 26px;
		background:url(../image/right_arrow.png) no-repeat center center  #05a294;

    }
    .picker-holder--classic .pickadate__nav--prev {
        left: 0;
    }
    .picker-holder--classic .pickadate__nav--next {
        right: 0;
    }


    .picker-holder--classic .pickadate__month,
    .picker-holder--classic .pickadate__year {
        
        display: inline-block;
		
    }
    .picker-holder--classic .pickadate__year {
        
        /*font-size: .8em;
        font-style: italic;*/
        margin-left: .5em;
	
    }



    .picker-holder--classic .pickadate__select--month,
    .picker-holder--classic .pickadate__select--year {
        font-size: .8em;
        border: 1px solid #ccc;
        height: 2.5em;
        margin-top: -.5em;
    }
    .picker-holder--classic .pickadate__select--month {
        width: 35%;
    }
    .picker-holder--classic .pickadate__select--year {
        width: 22.5%;
        margin-left: .5em;
    }
    .picker-holder--classic .pickadate__select--month:focus,
    .picker-holder--classic .pickadate__select--year:focus {
        border-color:#05a294;
    }




    /**
     * The weekday labels
     */
    .picker-holder--classic .pickadate__weekday {
        width: 14.285714286%; /* 100/7 */
        font-size: .75em;
        padding-bottom: .5em;
        color: #999;
        font-weight: 500;
		border-bottom: 1px solid #61A534;
    }


    /**
     * The days on the calendar
     */
    .picker-holder--classic .pickadate__day {
        padding: .33em 0 .25em;
        font-weight: 100;
       /* border: 1px solid #fff; */
        margin-bottom: 1px;
    }

    /**
     * The various states of a day
     */
    .picker-holder--classic .pickadate__day--today {
        color:#FFF;
		background:#61A534;
        position: relative;
    }
    .picker-holder--classic .pickadate__day--today:before {
        content: " ";
        position: absolute;
        top: 2px;
        right: 2px;
        width: 0;
        height: 0;
        border-top: .5em solid #FFF;
        border-left: .5em solid transparent;
    }
    .picker-holder--classic .pickadate__day--selected,
    .picker-holder--classic .pickadate__day--selected:hover {
        /*border-color:#61A534;*/
		background: #05a294;
    }
    .picker-holder--classic .pickadate__day--highlighted {
        background:#05a294;
		color:#FFF;
    }
    .picker-holder--classic .pickadate__day--disabled:before {
        /*border-top-color: #aaa;*/
    }
    .picker-holder--classic .pickadate__day--outfocus {
        color: #333;

        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
        filter: alpha(opacity=75);
        -moz-opacity: .75;
             opacity: .75;
    }



    /**
     * The footer containing the "today" and "clear" buttons
     */
    .picker-holder--classic .pickadate__footer {
        text-align: center;
        margin: 0 ;
		background: url(../image/datapacker_bk2.gif)
    }

    .picker-holder--classic .pickadate__button--clear {
       /* border: 1px solid #fff;*/
        background: #fff;
        font-size: .8em;
        padding: .66em 0;
        margin: 0 2.5%;
        font-weight: bold;
        width: 30%;
    }
	
	    .picker-holder--classic .pickadate__button--today
		 {
       /* border: 1px solid #fff;*/
        background:  #FFF;
        font-size: .8em;
        padding: .66em 0;
        margin: 0.5em 2.5% 0.5em 0;
        font-weight: bold;
        width: 30%;
		
    }

    .picker-holder--classic .pickadate__button--today:before,
    .picker-holder--classic .pickadate__button--clear:before {
        position: relative;
        display: inline-block;
        height: 0;
    }
    .picker-holder--classic .pickadate__button--today:before {
        content: " ";
        margin-right: .45em;
        top: -.05em;
        width: 0;
        border-top: .66em solid  #05a294;
        border-left: .66em solid transparent;
    }
    .picker-holder--classic .pickadate__button--clear:before {
        content: "×";
        margin-right: .35em;
        top: -.1em;
        color: #e20;
        vertical-align: top;
        font-size: 1.1em;
    }
    .picker-holder--classic .pickadate__button--today:focus,
    .picker-holder--classic .pickadate__button--clear:focus {
        background: #333;
        border-color:#61A534;
        outline: none;
    }




    /**
     * The hover effect on any buttons
     */
	 .picker-holder--classic .pickadate__nav--prev:hover{
        cursor: pointer;
		background:url(../image/left_arrow.png) no-repeat center center  #05a294;
    }
	
    .picker-holder--classic .pickadate__nav--next:hover{
        cursor: pointer;
		background:url(../image/right_arrow.png) no-repeat center center  #05a294;
    }
	 
    .picker-holder--classic .pickadate__day--infocus:hover,
    .picker-holder--classic .pickadate__day--outfocus:hover,
    .picker-holder--classic .pickadate__button--today:hover,
    .picker-holder--classic .pickadate__button--clear:hover {
        cursor: pointer;
        color: #FFF;
        background: #666;
    }
    .picker-holder--classic .pickadate__day--disabled,
    .picker-holder--classic .pickadate__day--disabled:hover {
        background: #f5f5f5;
        border-color: #f5f5f5;
        color: #ddd;
        cursor: default;
    }
    .picker-holder--classic .pickadate__day--highlighted:hover,
   {
        background:#05a294;
        color: #fff;
    }
.picker-holder--classic .pickadate__holder--focused .pickadate__day--selected,
.picker-holder--classic .pickadate__holder--focused .pickadate__day--highlighted,

{
        background:#05a294;
        color: #fff;
    }
.picker-holder--classic .pickadate__holder--focused .pickadate__day--today
{
        background:#61A534;
        color: #fff;
    }
	

    /**
     * The picker holder
     */
    .picker-holder--inline .pickadate__holder {

        /* The base font-size */
        font-size: 16px;

        line-height: 1.2;
        color: #000;
    }


    /**
     * The frame that bounds the calendar
     */
    .picker-holder--inline .pickadate__frame {
        position: relative;
        min-width: 256px;
        max-height: 0;
        overflow-y: hidden;

        -webkit-transition: all .15s ease-out;
           -moz-transition: all .15s ease-out;
                transition: all .15s ease-out;
    }


    /**
     * When the calendar opens
     */
    .picker-holder--inline .pickadate__holder--opened .pickadate__frame {
        top: .5em;
        max-height: 25em;
    }


    /**
     * The calendar itself
     */

    .picker-holder--inline .pickadate__calendar {
        color: #000;
        background: #fff;

        padding: 1em;
        font-size: 1em;

        /* Add the borders */
        border: 1px solid #ccc;
    }



    /**
     * The calendar table of dates
     */
    .picker-holder--inline .pickadate__table {
        text-align: center;
        border-collapse: collapse;
        border-spacing: 0;
        table-layout: fixed;
        font-size: inherit;
        width: 100%;
        margin-top: .75em;
    }

    /* Remove browser stylings on a table cell */
    .picker-holder--inline .pickadate__table td {
        margin: 0;
        padding: 0;
    }



    /**
     * The header containing the month and year tags/selectors
     */
    .picker-holder--inline .pickadate__header {
        text-align: center;
        position: relative;
    }

    .picker-holder--inline .pickadate__nav--prev,
    .picker-holder--inline .pickadate__nav--next {
        position: absolute;
        top: -.1em;
        padding: .5em;
        margin: -.5em;
        text-align: center;
        min-width: 24px;
        height: 24px;
        line-height: 26px;
    }
    .picker-holder--inline .pickadate__nav--prev {
        left: 0;
    }
    .picker-holder--inline .pickadate__nav--next {
        right: 0;
    }


    .picker-holder--inline .pickadate__month,
    .picker-holder--inline .pickadate__year {
        font-weight: 500;
        display: inline-block;
    }
    .picker-holder--inline .pickadate__year {
        color: #999;
        font-size: .8em;
        font-style: italic;
        margin-left: .5em;
    }



    .picker-holder--inline .pickadate__select--month,
    .picker-holder--inline .pickadate__select--year {
        font-size: .8em;
        border: 1px solid #ccc;
        height: 2.5em;
        margin-top: -.5em;
    }
    .picker-holder--inline .pickadate__select--month {
        width: 35%;
    }
    .picker-holder--inline .pickadate__select--year {
        width: 22.5%;
        margin-left: .5em;
    }
    .picker-holder--inline .pickadate__select--month:focus,
    .picker-holder--inline .pickadate__select--year:focus {
        border-color:#05a294;
    }




    /**
     * The weekday labels
     */
    .picker-holder--inline .pickadate__weekday {
        width: 14.285714286%; /* 100/7 */
        font-size: .75em;
        padding-bottom: .5em;
        color: #999;
        font-weight: 500;
    }


    /**
     * The days on the calendar
     */
    .picker-holder--inline .pickadate__day {
        padding: .33em 0 .25em;
        font-weight: 100;
        border: 1px solid #fff;
        margin-bottom: 1px;
    }

    /**
     * The various states of a day
     */
    .picker-holder--inline .pickadate__day--today {
        color:#05a294;
        position: relative;
    }
    .picker-holder--inline .pickadate__day--today:before {
        content: " ";
        position: absolute;
        top: 2px;
        right: 2px;
        width: 0;
        height: 0;
        border-top: .5em solid #0059bc;
        border-left: .5em solid transparent;
    }
    .picker-holder--inline .pickadate__day--selected,
    .picker-holder--inline .pickadate__day--selected:hover {
        border-color:#05a294;
    }
    .picker-holder--inline .pickadate__day--highlighted {
        background: #fff;
    }
    .picker-holder--inline .pickadate__day--disabled:before {
        border-top-color: #aaa;
    }
    .picker-holder--inline .pickadate__day--outfocus {
        color: #ddd;

        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
        filter: alpha(opacity=75);
        -moz-opacity: .75;
             opacity: .75;
    }



    /**
     * The footer containing the "today" and "clear" buttons
     */
    .picker-holder--inline .pickadate__footer {
        text-align: center;
        margin: .5em 0 -.5em;
    }

    .picker-holder--inline .pickadate__button--today,
    .picker-holder--inline .pickadate__button--clear {
        border: 1px solid #fff;
        background: #fff;
        font-size: .8em;
        padding: .66em 0;
        margin: 0 2.5%;
        font-weight: bold;
        width: 40%;
    }
    .picker-holder--inline .pickadate__button--today:before,
    .picker-holder--inline .pickadate__button--clear:before {
        position: relative;
        display: inline-block;
        height: 0;
    }
    .picker-holder--inline .pickadate__button--today:before {
        content: " ";
        margin-right: .45em;
        top: -.05em;
        width: 0;
        border-top: .66em solid#05a294;
        border-left: .66em solid transparent;
    }
    .picker-holder--inline .pickadate__button--clear:before {
        content: "×";
        margin-right: .35em;
        top: -.1em;
        color: #e20;
        vertical-align: top;
        font-size: 1.1em;
    }
    .picker-holder--inline .pickadate__button--today:focus,
    .picker-holder--inline .pickadate__button--clear:focus {
        background: #b1dcfb;
        border-color:#05a294;
        outline: none;
    }


    .picker-holder--inline .pickadate__nav--prev,
    .picker-holder--inline .pickadate__nav--next,
	.picker-holder--inline-fixed .pickadate__nav--prev,
	.picker-holder--inline-fixed .pickadate__nav--next,		
    .picker-holder--inline .pickadate__nav--prev:hover,
    .picker-holder--inline .pickadate__nav--next:hover, {

		background:url(../image/right_arrow.png) no-repeat;
        cursor: pointer;
        color: #000;
        background: #b1dcfb;
    }
	

    /**
     * The hover effect on any buttons
     */
    .picker-holder--inline .pickadate__day--infocus:hover,
    .picker-holder--inline .pickadate__day--outfocus:hover,

    .picker-holder--inline .pickadate__button--today:hover,
    .picker-holder--inline .pickadate__button--clear:hover {
        cursor: pointer;
        color: #000;
        background: #b1dcfb;
    }
    .picker-holder--inline .pickadate__day--disabled,
    .picker-holder--inline .pickadate__day--disabled:hover {
        background: #f5f5f5;
        border-color: #f5f5f5;
        color: #ddd;
        cursor: default;
    }
    .picker-holder--inline .pickadate__day--highlighted:hover,
    .picker-holder--inline .pickadate__holder--focused .pickadate__day--highlighted {
        background:#05a294;
        color: #fff;
    }




    /**
     * The picker holder
     */
    .picker-holder--inline-fixed .pickadate__holder {

        /* The base font-size */
        font-size: 16px;

        /*line-height: 1.2;*/
        color: #000;
		padding:0.5em;
    }


    /**
     * The frame that bounds the calendar
     */
    .picker-holder--inline-fixed .pickadate__frame {
        position: relative;
        min-width: 256px;
        top: .5em;

        -webkit-transition: all .15s ease-out;
           -moz-transition: all .15s ease-out;
                transition: all .15s ease-out;
    }


    /**
     * The calendar itself
     */

    .picker-holder--inline-fixed .pickadate__calendar {
        color: #000;
        background: #fff;

        /*padding: 1em; */
        font-size: 1em;

        /* Add the borders */
        /*border: 1px solid #ccc;*/
    }



    /**
     * The calendar table of dates
     */
    .picker-holder--inline-fixed .pickadate__table {
        text-align: center;
        border-collapse: collapse;
        border-spacing: 0;
        table-layout: fixed;
        font-size: inherit;
        width: 100%;
        margin-top:1px;
		background:url(../image/datapacker_bk.gif) repeat;
    }

	
    /* Remove browser stylings on a table cell */
    .picker-holder--inline-fixed .pickadate__table td {
        margin: 0;
        padding: 0;
    }



    /**
     * The header containing the month and year tags/selectors
     */
    .picker-holder--inline-fixed .pickadate__header {
        text-align: center;
        position: relative;
		background:#96d0b6;
		padding:0.5em;
		color:FFF;
    }

    .picker-holder--inline-fixed .pickadate__nav--prev{
        position: absolute;
        top: 0em;
        padding: .45em;
       /* margin: -.5em; */
        text-align: center;
        min-width: 24px;
        height: 24px;
        line-height: 26px;
		background:url(../image/left_arrow.png) no-repeat center center  #05a294;

    }
	
    .picker-holder--inline-fixed .pickadate__nav--next {
        position: absolute;
        top: 0em;
        padding: .45em;
       /* margin: -.5em; */
        text-align: center;
        min-width: 24px;
        height: 24px;
        line-height: 26px;
		background:url(../image/right_arrow.png) no-repeat center center #05a294;
    }

	

.picker-holder--inline-fixed .pickadate__nav--prev {left: 0; color:FFF;}
.picker-holder--inline-fixed .pickadate__nav--next {right: 0; color:FFF;}

.picker-holder--inline-fixed .pickadate__month,
.picker-holder--inline-fixed .pickadate__year { font-weight: 500;  display: inline-block;}
.picker-holder--inline-fixed .pickadate__year { color: #999; font-size: .8em; font-style: italic;margin-left: .5em;}

.picker-holder--inline-fixed .pickadate__select--month,
.picker-holder--inline-fixed .pickadate__select--year { font-size: .8em; border: 1px solid #ccc; height: 2.5em; margin-top: -.5em;}

.picker-holder--inline-fixed .pickadate__select--month {/*width: 35%;*/ height:1.5em;  border:0;}
.picker-holder--inline-fixed .pickadate__select--year {width: 30%;  height:1.5em; margin-left: .5em; border:0;}


.picker-holder--inline-fixed .pickadate__select--month:focus,
.picker-holder--inline-fixed .pickadate__select--year:focus {border-color:#05a294;}




/*** The weekday labels*/
.picker-holder--inline-fixed .pickadate__weekday {width: 14.285714286%; /* 100/7 */font-size: .75em;padding:1em 1em; color: #333;font-weight: 500;border-bottom:#61A534 1px solid;}


/*** The days on the calendar */
.picker-holder--inline-fixed .pickadate__day {padding: .5em 0 .5em; font-weight: 100;/*border: 1px solid #fff;*/margin-bottom: 1px;font-size:0.9em }

 /** * The various states of a day*/
.picker-holder--inline-fixed .pickadate__day--today {color:#FFF;position: relative;background:#61A534;}
.picker-holder--inline-fixed .pickadate__day--today:before {
        content: " ";
        position: absolute;
        top: 2px;
        right: 2px;
        width: 0;
        height: 0;
        border-top: .5em solid #FFF;
        border-left: .5em solid transparent;
    }
.picker-holder--inline-fixed .pickadate__day--selected,
.picker-holder--inline-fixed .pickadate__day--selected:hover { /*border-color:#05a294;*/background:#05a294;}
.picker-holder--inline-fixed .pickadate__day--highlighted {  background:#05a294;color:#FFF;font-weight:bold;}
.picker-holder--inline-fixed .pickadate__day--today { background:#96d0b6; color:#FFF;font-weight:bold;}
.picker-holder--inline-fixed .pickadate__day--disabled:before {border-top-color: #aaa; }
.picker-holder--inline-fixed .pickadate__day--outfocus {color: #ddd;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter: alpha(opacity=75);
-moz-opacity: .75;
opacity: .75;
 }









/*** The footer containing the "today" and "clear" buttons*/
.picker-holder--inline-fixed .pickadate__footer {
       /* text-align: center;
        margin: .5em 0 -.5em;*/
margin:0;background:url(../image/datapacker_bk2.gif) repeat;text-align:right;margin-bottom:1em;}

.picker-holder--inline-fixed .pickadate__button--today,
.picker-holder--inline-fixed .pickadate__button--clear {
background: #EBEBEB; font-size: .8em;padding: 0.25em 0.4em; margin: 0.6em 2.5% ;border: 1px solid #CCCCCC;box-shadow: 1px 1px 0px #888888;
right:0; /* width: 40%;*/}

.picker-holder--inline-fixed .pickadate__button--today:before,
.picker-holder--inline-fixed .pickadate__button--clear:before {position: relative; display: inline-block; height: 0;}

.picker-holder--inline-fixed .pickadate__button--today:before {content: " "; margin-right: .45em;top: -.05em;width: 0; border-top: .66em solid #05a294;border-left: .66em solid transparent;}
.picker-holder--inline-fixed .pickadate__button--clear:before {content: "×"; margin-right: .35em;top: -.1em; color: #e20;vertical-align: top;font-size: 1.1em; }
.picker-holder--inline-fixed .pickadate__button--today:focus,
.picker-holder--inline-fixed .pickadate__button--clear:focus { background: #CCCCCC; border-color:#CCCCCC;outline: none;}




/*** The hover effect on any buttons */
.picker-holder--inline-fixed .pickadate__nav--prev:hover {cursor: pointer; background:url(../image/left_arrow.png) no-repeat center center #048e82;
}
.picker-holder--inline-fixed .pickadate__nav--next:hover {cursor: pointer; background:url(../image/right_arrow.png) no-repeat center center #048e82;
}
	 
.picker-holder--inline-fixed .pickadate__day--infocus:hover,
.picker-holder--inline-fixed .pickadate__day--outfocus:hover,
.picker-holder--inline-fixed .pickadate__button--today:hover,
.picker-holder--inline-fixed .pickadate__button--clear:hover { cursor: pointer;color: #FFF;background: #666;font-weight:bold;}

.picker-holder--inline-fixed .pickadate__day--disabled,
.picker-holder--inline-fixed .pickadate__day--disabled:hover {background: #f5f5f5;border-color: #f5f5f5;color: #ddd;cursor: default;}

.picker-holder--inline-fixed .pickadate__day--highlighted:hover,
.picker-holder--inline-fixed .pickadate__holder--focused .pickadate__day--highlighted {background:#05a294;color: #fff;}
.picker-holder--inline-fixed .pickadate__button--clear{ display:none;}


@media only screen and (min-width : 48em) and (max-width :50em) {
.picker-holder--inline-fixed .pickadate__frame {min-width:100%;}
}

.newslist .right fieldset{display:none;}
.headline .right fieldset{display:none;}
.headline2 .right fieldset{display:none;}
.headline3 .right fieldset{display:none;}

@media only screen and (min-width : 30.01em) and (max-width :1024px) {
.holder .refbox {display:none;}
.holder { display:none;}
.newslist .right input{ border:1px #ccc solid ; background:#EDEDED; height:1.5em; padding:0.2em 0.5em; }
.newslist .right fieldset{display:block; padding-top:1em; }
.headline .right input{ border:1px #ccc solid ; background:#EDEDED; height:1.5em; /*padding:0.2em 0.5em;*/  width:70%; }
.headline .right fieldset{display:block; /*padding-top:1em;*/ }
.headline2 .right input{ border:1px #ccc solid ; background:#EDEDED; height:1.5em; padding:0.2em 0.5em; }
.headline2 .right fieldset{display:block; padding-top:0.5em; }
.headline3 .right input{ border:1px #ccc solid ; background:#EDEDED; height:1.5em; padding:0.2em 0.5em; }
.headline3 .right fieldset{display:block; padding-top:1em; }
.picker-holder--classic .pickadate__holder { right:-10%;}
.picker-holder--inline-fixed .pickadate__frame { min-width:inherit; width:100%;}
.picker-holder--classic .pickadate__header { padding: 0.6em ;}
.picker-holder--inline-fixed .pickadate__day { padding:0.3em 0.25em;}

.picker-holder--inline-fixed .pickadate__weekday { padding:0.7em;}
.picker-holder--inline-fixed .pickadate__footer { background:none;}
.picker-holder--inline-fixed .pickadate__table  { background:none;}
.picker-holder--inline-fixed .pickadate__nav--prev {background:none;}
.picker-holder--inline-fixed .pickadate__nav--next {background:none;}
}



@media only screen and (min-width : 10em) and (max-width: 30em) {
.newslist .right input{ border:1px #ccc solid ; background:#EDEDED; height:1.5em; padding:0.2em 0.5em;  width:70%;}
.newslist .right fieldset{display:block; padding-top:1em; }
.headline .right input{ border:1px #ccc solid ; background:#EDEDED; height:1.5em; padding:0.2em 0.5em;  width:70%;}
.headline .right fieldset{display:block; /*padding-top:1em;*/ }
.headline2 .right input{ border:1px #ccc solid ; background:#EDEDED; height:1.5em; padding:0.2em 0.5em;  width:70%;}
.headline2 .right fieldset{display:block; padding-top:0.5em; }
.headline3 .right input{ border:1px #ccc solid ; background:#EDEDED; height:1.5em; padding:0.2em 0.5em;  width:70%;}
.headline3 .right fieldset{display:block; padding-top:1em; }

.picker-holder--classic .pickadate__button--today {font-size: 1em;}
.picker-holder--classic .pickadate__button--clear {font-size: 1em;}
.picker-holder--classic .pickadate__weekday {font-size: 1em;}
.picker-holder--classic .pickadate__day {font-size: 1.25em; } 
.picker-holder--classic .pickadate__holder--opened .pickadate__frame { max-height: 27.5em;}
.picker-holder--classic .pickadate__holder--opened{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.32); transition: background 0.15s ease-out 0s;}
.picker-holder--classic .pickadate__calendar {box-shadow: 0px 0px 30px 10px #000;}
.picker-holder--classic .pickadate__holder {right:0; }
.picker-holder--classic .pickadate__header { padding: 0.6em ;}
.picker-holder--classic .pickadate__day { padding: 0.5em  0.25em 0.5em 0.25em; font-size:1.125em;}
.picker-holder--classic .pickadate__button--today, .picker-holder--classic .pickadate__button--clear  {padding: 0.5em 0; }

.col span_4_of_12 .picker-holder--inline-fixed{ display:none;}
.picker-holder--inline-fixed .pickadate__footer { background:none;}
.picker-holder--inline-fixed .pickadate__table  { background:none;}
.picker-holder--inline-fixed .pickadate__nav--prev {background:none;}
.picker-holder--inline-fixed .pickadate__nav--next {background:none;}

}