.widget-line-worktime:before { content: ""; position: absolute; width: 9px; height: 9px; background: url(i/worktime.png) no-repeat 0 0; margin: 5px 0 0 -16px }



/*xwt*/
.xwidget-worktime { width: 900px; }
.xwt-active { margin: 0 10px 0 0 }
.xwt-active.not-checked { color: #cc0000 }
.xwt-title { display: block; margin: 10px 0 20px 0; width: 426px }
.xwt-info { position: absolute }

.xwt-days { font: 0/0 a; width: 655px; margin: 0 0 20px 0; -webkit-user-drag: none; -moz-user-select: none; -webkit-user-select: none; }
.xwt-days > i { float: left; width: 25px; height: 25px; border: 1px solid #C0CAD5; margin: -1px 0 0 -1px; cursor: pointer; }
.xwt-day {  float:left; width: 25px; font: 10px/10px tahoma; -moz-box-sizing: border-box; box-sizing: border-box; padding: 7px 0 0 0;}
.xwt-day > b { font-weight: normal; padding: 2px 5px; margin: -2px -5px;}
.xwt-day.active > b {  background: #FFF0BE;  }


.xwt-hour { position: relative; float: left; white-space: nowrap; padding: 2px 0 0 0; width: 25px; height: 25px; font: 10px/12px tahoma; text-align: center; border: 1px solid #fff; margin: 30px 0 0 -1px; -moz-transform:rotate(270deg); -webkit-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg);}
.xwt-hour > b { font-weight: normal; display: inline-block; margin-top: 5px; }
.xwt-hour-first { margin-left: 25px;  }
.xwt-hour:before { content: "\25E6\25E6"; color: #333; font-size: 14px; letter-spacing: -1px; position: relative; left: 17px; top: -3px }
.xwt-hour:after { content: "\25E6\25E6"; color: #333; font-size: 14px; letter-spacing: -1px; position: relative; top: -3px}


.xwt-hour.active > b:before { content: ""; position: absolute; left: 5px; right: -28px; bottom: 6px; top: 4px; background: #FFF0BE; z-index: -1; }


.xwt-filled { background: green; }

.xwt-options { display: inline-block; vertical-align: middle; margin: 0 0 15px 452px; }
.xwt-info { margin-left: 25px; }

.xwt-preview { position: absolute; width: 200px; right: -10px; top: 109px; font: 12px/14px arial; }
.xwt-preview-title { font: bold 15px/16px arial }
.xwt-preview > div { margin: 0 0 5px 0 }
.xwt-preview-first:before { content: ""; position: absolute; width: 9px; height: 9px; background: url(i/worktime.png) no-repeat 0 0; margin: 3px 0 0 -15px } 

.xwt-error { font: 11px/16px arial; color: #cc0000 }

.xwt-hint { width: 426px; }
.xwt-custom { width: 630px; display: none; }


.xwt-custom-active.checked ~ .xwt-info,
.xwt-custom-active.checked ~ .xwt-options,
.xwt-custom-active.checked ~ .xwt-days,
.xwt-custom-active.checked ~ .xwt-title-extra,
.xwt-custom-active.checked ~ .xwt-hint { display: none; }
.xwt-custom-active.checked ~ .xwt-custom { display: block; }