@CHARSET "UTF-8";

HTML {background: none;}
BODY {background: none;}

DIV#popup {width: 705px;}

/************ FORM ************/
DIV.form-element-container {float: left; width: 270px;}
DIV.form-element-title {font-size: 14px; font-weight: bold; margin-bottom: 5px;}
DIV.form-element {background: #e6e9ed; border: 1px solid #c0c0c0; margin-bottom: 3px; padding: 4px; width: 270px;}
DIV.form-element INPUT, DIV.form-element SELECT, DIV.form-element TEXTAREA {border: 1px solid #c0c0c0; padding: 3px; width: 260px;}
DIV.form-element INPUT.default, DIV.form-element TEXTAREA.default {color: #c1c1c1;}
DIV.form-element SELECT {width: 270px;}
DIV.form-element-descript {margin-bottom: 15px; padding: 3px; width: 280px;}
DIV.form-element-by-value {background: #eaf4f8; border: 1px solid #00aeef; float: right; font-size: 12px; margin-top: 20px; line-height: 22px; padding: 10px 20px; position: relative; width: 450px;}
DIV.form-element-by-value:before{border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #00aeef; content: ""; display: block; left: -8px; position: absolute; top: 5px; z-index: 99; }
DIV.form-element-by-value DIV.form-element-by-value-title {font-weight: bold; margin-bottom: 5px;}
DIV.form-element-by-value TABLE {color: #070707; font-size: 11px; width: 100%;}
DIV.form-element-by-value TABLE TR TH {background: #ffffff; padding: 5px;}
DIV.form-element-by-value TABLE TR TD {padding: 1px 0px; text-align: center;}
DIV.form-element-by-value TABLE TR TD.special {background: #22323b; color: #ffffff; padding: 3px 5px; text-align: left;}
DIV.form-element-by-value SPAN.form-element-by-value-date {color: #00aeef; font-size: 11px; font-weight: bold; padding: 3px 10px;}

/************ CONTENT BOXES ************/
DIV.content-box-title {display: block; height: 40px;}
DIV.content-box-title DIV.content-box-title-left {background: url('../images/content_box_title_left.png') no-repeat; display: block; height: 40px; float: left; width: 10px;}
DIV.content-box-title DIV.content-box-title-right {background: url('../images/content_box_title_right.png') no-repeat; display: block; height: 40px; float: right; width: 10px;}
DIV.content-box-title DIV.content-box-title-center {background: url('../images/content_box_title_center.png') repeat-x; color: #ffffff; display: block; font-size: 13px; font-weight: bold; height: 30px; float: left; padding-top: 10px; text-transform: uppercase;}
DIV.content-box-title DIV.content-box-title-center.width400 {width: 400px;}
DIV.content-box-title DIV.content-box-title-center.width845 {width: 845px;}

DIV.content-box855 {margin: auto; width: 865px;}
DIV.content-box855 DIV.content-box-top {background: url('../images/content_box_top855.png') no-repeat; display: block; height: 25px;}
DIV.content-box855 DIV.content-box-middle {background: url('../images/content_box_middle855.png') repeat-y; padding: 0px 25px;}
DIV.content-box855 DIV.content-box-bottom {background: url('../images/content_box_bottom855.png') no-repeat; display: block; height: 25px;}
DIV.content-box410 {margin: auto; width: 420px;}
DIV.content-box410 DIV.content-box-top {background: url('../images/content_box_top410.png') no-repeat; display: block; height: 25px;}
DIV.content-box410 DIV.content-box-middle {background: url('../images/content_box_middle410.png') repeat-y; padding: 0px 25px;}
DIV.content-box410 DIV.content-box-bottom {background: url('../images/content_box_bottom410.png') no-repeat; display: block; height: 25px;}

DIV.side-left {float: left; width: 420px;}
DIV.side-right {float: right; width: 420px;}

/************ POPUP CALENDAR ************/
DIV.calendar-container {position: relative; width: 642px;}
DIV.calendar-container A.close-button {display: block; left: 640px; position: absolute; top: 105px;}
DIV.calendar-container DIV.calendar-top {background: url('../images/calendar/top.png') no-repeat; display: block; height: 62px; position: relative;}
DIV.calendar-container DIV.calendar-content {background: url('../images/calendar/middle.png') repeat-y; display: block; padding: 0px 10px;}
DIV.calendar-container DIV.calendar-bottom {background: url('../images/calendar/bottom.png') no-repeat; display: block; height: 27px;}
DIV.calendar-container DIV.calendar-warning {padding: 10px 0px; text-align: center;}
DIV.service-booked-num {background: url('../images/calendar/middle.png') repeat-y; display: block; font-size: 11px; font-weight: bold; padding-top: 10px; text-align: center;}

A.prev-week, A.next-week {background: #324143; color: #ffffff; font-size: 12px; font-weight: bold; padding: 5px 15px; position: absolute; text-decoration: none;}
A.prev-week {left: 20px; top: 28px; z-index: 100;}
A.next-week {right: 20px; top: 28px; z-index: 100;}
DIV.current-week {color: #ffffff; font-size: 14px; font-weight: bold; position: absolute; left: 0px; top: 32px; width: 100%; text-align: center; z-index: 90;}
DIV.day-conatiner {display: block; font-family: Arial; font-size: 9px; float: left; width: 80px;}
DIV.day-conatiner DIV.time {border-bottom: 1px solid #cacaca; border-right: 1px solid #cacaca; display: block; font-weight: bold; height: 20px; padding-top: 4px; text-align: center;}
DIV.current-day {border-bottom: 1px solid #cacaca; display: block; font-weight: bold; height: 33px; padding: 5px 0px; text-align: center;}
DIV.current-time {border: none; border-right: 1px solid #cacaca; display: block; font-size: 9px; font-weight: bold; height: 20px; padding-top: 4px; text-align: center; width: 50px;}
DIV.day-conatiner DIV.time.free-time, DIV.day-conatiner DIV.time.freewe-time {background: #9ad456; border-bottom-color: #7ba138; border-right-color: #7ba138; color: #ffffff; cursor: pointer;}
DIV.day-conatiner DIV.time.freewe-time {background: #7ab436;}
DIV.day-conatiner DIV.time.lunch-time, DIV.day-conatiner DIV.time.lunchwe-time, DIV.day-conatiner DIV.time.deny-time, DIV.day-conatiner DIV.time.denywe-time {background: #bebebe; border-bottom-color:#7e7e7e; border-right-color: #7e7e7e; color: #ffffff;}
DIV.day-conatiner DIV.time.lunchwe-time, DIV.day-conatiner DIV.time.denywe-time {background: #bebebe;}
DIV.day-conatiner DIV.time.busy-time, DIV.day-conatiner DIV.time.busywe-time {background: #ededed; border-bottom-color:#cacaca; border-right-color: #cacaca; color: #000000;}
DIV.day-conatiner DIV.time.busywe-time {background: #cdcdcd;}
DIV.day-conatiner DIV.time.choosed {background: #00aeef !important; border-bottom-color:#0a82af !important; border-right-color: #0a82af !important; color: #000000 !important;}
DIV.day-conatiner A.choose-time {display: block; height: 22px; width: 80px;}

DIV.discount-box-container {border: 1px solid #eaebef; float: left; margin: 10px 0px; padding: 10px; width: 183px;}
DIV.discount-box-container.center {margin: 0px 10px; margin-top: 10px;}
DIV.discount-box-container DIV.discount-box-picture {display: block; height: 150px; margin: auto; overflow: hidden; width: 180px;}
DIV.discount-box-container DIV.discount-box-factory {color: #243741; font-size: 14px; font-weight: bold; margin-top: 10px; text-align: center; text-transform: uppercase;}
DIV.discount-box-container DIV.discount-box-size {color: #00aeef; font-size: 12px; font-weight: bold; text-align: center; text-transform: uppercase;}
DIV.discount-box-container DIV.discount-box-link {margin-top: 10px; text-align: center;}

DIV.content-title-container {display: block; height: 20px; margin-bottom: 10px; position: relative;}
DIV.content-title-container.sub {margin-bottom: 5px;}
DIV.content-title-container.sub2 {margin-bottom: 5px;}
DIV.content-title-container H1.content-title {background: #ffffff; color: #00aeef; font-size: 16px; font-weight: bold; left: 0px; padding-right: 20px; position: absolute; text-transform: uppercase; top: 0px; z-index: 2;}
DIV.content-title-container.sub H1.content-title {font-size: 14px;}
DIV.content-title-container.sub2 H1.content-title {color: #293c46; font-size: 14px;}
DIV.content-title-container DIV.content-title-line {border-bottom: 3px dotted #d2d2d2; display: block; height: 1px; left: 0px; position: absolute; top: 8px; width: 100%; z-index: 1;}

#bookinDataTable tr td {border-bottom: 1px solid #d1d1d1; color: #d1d1d1; padding: 6px 0px;}

.remote-descript {background: #eaf9b6; border: 1px solid #a9d510; font-size: 13px; margin-bottom: 20px; line-height: 22px; padding: 10px 20px;}