.pd-calendor
{
    position: absolute;
    left: 30%;
}
#wp-calendar {
    color: #666;
    font-size: 12px;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    font-family: 'Open Sans';
    position: absolute;
    z-index: 11;
    top: 21px;
    right: 0;
}

#wp-calendar a {    color: #467b89 }

#wp-calendar caption {
    background: #555555;
    color: white;
    font-size: 14px;
    padding: 10px 0;
    text-align: center;
    text-shadow: 0 -1px 0 #000;
    -webkit-box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3);
    border: 1px solid #555555;
    z-index: -99;
}

#wp-calendar thead th {
    font-size: 10px;
    padding: 5px 0;
    color: white;
    border-bottom: 1px solid #bbbbbb;
    background: #f96302;
    background: -webkit-gradient(linear, left top, left bottom, from(#f96302), to(#f96302));
    background: -moz-linear-gradient(top,  #f96302,  #f96302);
    text-align: center;
}

#wp-calendar tbody td {
    color: #666;
    cursor: pointer;
    padding: 8px;
    text-align: center;
    font-weight: bold;
    border: 1px solid;
    border-color: #fff #bbbbbb #bbbbbb #fff;
    background: white;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(white));
    background: -moz-linear-gradient(top,  white,  white);
}
#wp-calendar tbody td:hover {
    color: white;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    padding: 8px;
    text-align: center;
    font-weight: bold;
    border: 1px solid;
    border-color: #fff #bbbbbb #bbbbbb #fff;
    background: #555555;
    background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#555555));
    background: -moz-linear-gradient(top,  #555555,  #555555);    
}

#wp-calendar tbody td.pad {
    background: #f5f5f5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ececec));
    background: -moz-linear-gradient(top,  #f5f5f5,  #ececec);
}

#wp-calendar tfoot {
    color: #e0e0e0;
    font-size: 12px;
    text-align: center;
}

#wp-calendar tfoot tr {
    background: #f5f5f5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ececec));
    background: -moz-linear-gradient(top,  #f5f5f5,  #ececec);
}

#wp-calendar tfoot td {    padding: 10px 10px }

#wp-calendar tfoot a {
    color: #666;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

#wp-calendar tfoot td#prev {    text-align: left }

#wp-calendar tfoot td#next {    text-align: right }

#wp-calendar #today {
    color: #fff;
    border: 1px solid #467b89;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    background: #6eafbf;
    background: -moz-radial-gradient(50% 50% 0deg,ellipse cover, #6eafbf, #569EB1);
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 20, from(#6eafbf), to(#569EB1));
}

.display {
    display: block;
}

#wp-calendar tbody td.disabled {
    cursor: auto;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dedede));
    background: -moz-linear-gradient(top,  #ededed,  #dedede);
}
#wp-calendar tbody td.disabled:hover {
    color:#666;
}
#wp-calendar tbody td.empty {
    cursor: auto;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background: -moz-linear-gradient(top,  #fff,  #fff);
}
#wp-calendar tbody td.selDate {
    color: white;
    background: #f96302;
    background: -webkit-gradient(linear, left top, left bottom, from(#f96302), to(#f96302));
    background: -moz-linear-gradient(top,  #f96302,  #f96302);
}



/*xc*/

.pd-calendor
{
    position: absolute;
    left: 30%;
}
#wp-calendar {
    color: #666;
    font-size: 12px;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    font-family: 'Open Sans';
    position: absolute;
    z-index: 11;
    top: 21px;
    right: 0;
}

#wp-calendar a {    color: #467b89 }

#wp-calendar caption {
    background: #555555;
    color: white;
    font-size: 14px;
    padding: 10px 0;
    text-align: center;
    text-shadow: 0 -1px 0 #000;
    -webkit-box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3);
    border: 1px solid #555555;
    z-index: -99;
}

#wp-calendar thead th {
    font-size: 10px;
    padding: 5px 0;
    color: white;
    border-bottom: 1px solid #bbbbbb;
    background: #f96302;
    background: -webkit-gradient(linear, left top, left bottom, from(#f96302), to(#f96302));
    background: -moz-linear-gradient(top,  #f96302,  #f96302);
    text-align: center;
}

#wp-calendar tbody td {
    color: #666;
    cursor: pointer;
    padding: 8px;
    text-align: center;
    font-weight: bold;
    border: 1px solid;
    border-color: #fff #bbbbbb #bbbbbb #fff;
    background: white;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(white));
    background: -moz-linear-gradient(top,  white,  white);
}
#wp-calendar tbody td:hover {
    color: white;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    padding: 8px;
    text-align: center;
    font-weight: bold;
    border: 1px solid;
    border-color: #fff #bbbbbb #bbbbbb #fff;
    background: #555555;
    background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#555555));
    background: -moz-linear-gradient(top,  #555555,  #555555);    
}

#wp-calendar tbody td.pad {
    background: #f5f5f5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ececec));
    background: -moz-linear-gradient(top,  #f5f5f5,  #ececec);
}

#wp-calendar tfoot {
    color: #e0e0e0;
    font-size: 12px;
    text-align: center;
}

#wp-calendar tfoot tr {
    background: #f5f5f5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ececec));
    background: -moz-linear-gradient(top,  #f5f5f5,  #ececec);
}

#wp-calendar tfoot td {    padding: 10px 10px }

#wp-calendar tfoot a {
    color: #666;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

#wp-calendar tfoot td#prev {    text-align: left }

#wp-calendar tfoot td#next {    text-align: right }

#wp-calendar #today {
    color: #fff;
    border: 1px solid #467b89;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    background: #6eafbf;
    background: -moz-radial-gradient(50% 50% 0deg,ellipse cover, #6eafbf, #569EB1);
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 20, from(#6eafbf), to(#569EB1));
}

.display {
    display: block;
}

#wp-calendar tbody td.disabled {
    cursor: auto;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dedede));
    background: -moz-linear-gradient(top,  #ededed,  #dedede);
}
#wp-calendar tbody td.disabled:hover {
    color:#666;
}
#wp-calendar tbody td.empty {
    cursor: auto;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background: -moz-linear-gradient(top,  #fff,  #fff);
}
#wp-calendar tbody td.selDate {
    color: white;
    background: #f96302;
    background: -webkit-gradient(linear, left top, left bottom, from(#f96302), to(#f96302));
    background: -moz-linear-gradient(top,  #f96302,  #f96302);
}



/*xc*/


.mydp {
    min-width: 100px;
    border-radius: 2px;
    line-height: 1.1;
    display: inline-block;
}

.mydp * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
}

.mydp .selector {
    margin-top: 2px;
    margin-left: -1px;
    position: absolute;
    max-width: 262px;
    padding: 3px;
    border-radius: 2px;
    background-color: #DDD;
    z-index: 100;
}

.mydp .selectiongroup {
    position: relative;
    display: table;
    border: none;
    background-color: #FFF;
}

.mydp .selection {
    background-color: #FFF;
    display: table-cell;
    position: absolute;
    width: 100%;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

.mydp .selbtngroup {
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    width: 1%;
    display: table-cell;
    text-align: right;
    font-size: 0;
}

.mydp .btnpicker,
.mydp .btnclear {
    height: 25px;
    width: 30px;
    border: none;
    border-left: 1px solid #AAA;
    padding: 0px;
    cursor: pointer;
    outline: 0;
    font: inherit;
    -moz-user-select: none;
}

.mydp .btnpicker,
.mydp .btnclear,
.mydp .headertodaybtn,
.mydp .footerbtn {
    background: #FAFAFA;
    background-image: -webkit-linear-gradient(#F0F0F0 30%, #AEC2E1 100%);
    background-image: -moz-linear-gradient(#F0F0F0 30%, #AEC2E1 100%);
    background-image: -o-linear-gradient(#F0F0F0 30%, #AEC2E1 100%);
    background-image: -ms-linear-gradient(#F0F0F0 30%, #AEC2E1 100%);
    background-image: linear-gradient(#F0F0F0 30%, #AEC2E1 100%);
}

.mydp .header {
    width: 100%;
    height: 36px;
    margin-bottom: 1px;
    background-color: #FAFAFA;
}

.mydp .header td {
    vertical-align: middle;
    border: none;
}

.mydp .header td:nth-child(1) {
    font-size: 16px;
    padding-left: 4px;
}

.mydp .header td:nth-child(2) {
    text-align: center;
}

.mydp .header td:nth-child(3) {
    font-size: 16px;
    padding-right: 4px;
}

.mydp .caltable {
    table-layout: fixed;
    width: 100%;
    background-color: #FFF;
    font-size: 14px;
}

.mydp .caltable,
.mydp .caltable th,
.mydp .caltable td {
    border-collapse: collapse;
    color: #003366;
    line-height: 1.1;
}

.mydp .caltable th,
.mydp .caltable td {
    padding: 5px;
    text-align: center;
}

.mydp .caltable th {
    background-color: #DDD;
    font-size: 12px;
    vertical-align: middle;
}

.mydp .caltable td {
    cursor: pointer;
    font-weight: bold;
    height: 28px;
}

.mydp .prevmonth {
    color: #CCC;
}

.mydp .nextmonth {
    color: #CCC;
}

.mydp .sunday {
    color: #C30000;
}

.mydp .currmonth {
    background-color: #F6F6F6;
    font-weight: bold;
}

.mydp .currday div {
    border: 1px solid #004198;
    border-radius: 50%;
}

.mydp .selectedday div {
    border: 1px solid #004198;
    background-color: #8EBFFF !important;
    border-radius: 0;
}

.mydp .caltable tbody .currmonth:hover {
    background-color: #6AD0EB;
}

.mydp .selectmenu {
    height: 24px;
    width: 60px
}

.mydp .headerbtn {
    background-color: #FAFAFA;
    cursor: pointer;
    display: table-cell;
}

.mydp,
.mydp .selector,
.mydp .header,
.mydp .footerarea,
.mydp .table,
.mydp .table th,
.mydp .table td,
.mydp .headertodaybtn,
.mydp .caltable tbody {
    border: 1px solid #AAA;
}

.mydp .btnpicker,
.mydp .btnclear,
.mydp .headerbtn,
.mydp .headermonthtxt,
.mydp .headeryeartxt,
.mydp .headertodaybtn,
.mydp .selection {
    color: #585858;
    font-size: 12px;
}

.mydp .headertodaybtn {
    padding: 4px 6px;
    border-radius: 2px;
    cursor: pointer;
    font-size: 12px;
}

.mydp button::-moz-focus-inner {
    border: 0;
}

.mydp .headermonthtxt,
.mydp .headeryeartxt {
    width: 40px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.mydp .btnclear:focus,
.mydp .btnpicker:focus,
.mydp .btnclear:hover,
.mydp .btnpicker:hover {
    background: #ADD8E6;
}

.mydp .icon-calendar,
.mydp .icon-cross {
    font-size: 16px;
}

.mydp .icon-left,
.mydp .icon-right {
    font-size: 14px;
}

.mydp .icon-left:hover,
.mydp .icon-right:hover {
    color: #63B2CC;
}

.mydp table {
    display: table;
}

.mydp table td {
    padding: 0;
}

@font-face {
    font-family: 'mydatepicker';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SAssAAAC8AAAAYGNtYXDMUczTAAABHAAAAGxnYXNwAAAAEAAAAYgAAAAIZ2x5ZmFQ1q4AAAGQAAABbGhlYWQGZuTFAAAC/AAAADZoaGVhB4IDyQAAAzQAAAAkaG10eBYAAnAAAANYAAAAIGxvY2EBdAE0AAADeAAAABJtYXhwABUAPgAAA4wAAAAgbmFtZQ5R9RkAAAOsAAABnnBvc3QAAwAAAAAFTAAAACAAAwOaAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmBwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAUAAAABAAEAADAAAAAQAg5gDmAuYF5gf//f//AAAAAAAg5gDmAuYF5gf//f//AAH/4xoEGgMaARoAAAMAAQAAAAAAAAAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAAMAEAAAAPAA4AABAAJAA4AEwAYAB0AIgAnACwAMQA2ADsAABMRMxEjFyE1IRUDITUhFQERMxEjJRUzNSMTFTM1IzMVMzUjMxUzNSMBFTM1IzMVMzUjMxUzNSMTFTM1I0Bzc0ADAP0AQAOA/IADDXNz/ZOAgCCAgMCAgMCAgP6AgIDAgIDAgIAggIADAP1AAsBzc3P9c3NzAwD9QALAgMDA/sCAgICAgID/AICAgICAgAJAwMAAAAAAAgBwADADkANQAAQACQAANwEnARcDATcBB+kCp3n9WXl5Aqd5/Vl5MAKnef1ZeQKn/Vl5Aqd5AAABAOAAAAMgA4AAAwAAAQMBJQMgA/3DASADgPyAAcPfAAEA4AAAAyADgAADAAA3EwEF4AMCPf7gAAOA/j3fAAAAAQAAAAEAAF0/BsNfDzz1AAsEAAAAAADRxFAkAAAAANHEUCQAAAAAA8ADgAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADwAABAAAAAAAAAAAAAAAAAAAACAQAAAAAAAAAAAAAAAIAAAAEAABABAAAcAQAAOAEAADgAAAAAAAKABQAHgB6AJYApgC2AAAAAQAAAAgAPAAMAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAkAAAABAAAAAAACAAcAcgABAAAAAAADAAkAPAABAAAAAAAEAAkAhwABAAAAAAAFAAsAGwABAAAAAAAGAAkAVwABAAAAAAAKABoAogADAAEECQABABIACQADAAEECQACAA4AeQADAAEECQADABIARQADAAEECQAEABIAkAADAAEECQAFABYAJgADAAEECQAGABIAYAADAAEECQAKADQAvHZzZHBpY2tlcgB2AHMAZABwAGkAYwBrAGUAclZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMHZzZHBpY2tlcgB2AHMAZABwAGkAYwBrAGUAcnZzZHBpY2tlcgB2AHMAZABwAGkAYwBrAGUAclJlZ3VsYXIAUgBlAGcAdQBsAGEAcnZzZHBpY2tlcgB2AHMAZABwAGkAYwBrAGUAckZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.mydp .icon {
    font-family: 'mydatepicker';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mydp .icon-calendar:before {
    content: "\e600";
}

.mydp .icon-cross:before {
    content: "\e602";
}

.mydp .icon-left:before {
    content: "\e605";
}

.mydp .icon-right:before {
    content: "\e607";
}