.dhx_cal_container {
    background-color: #c2d5fc;
    font-family: Tahoma;
    font-size: 8pt;
    position: relative;
    overflow: hidden
}

.dhx_cal_container div {
    -moz-user-select: none;
    -moz-user-select: -moz-none
}

.dhx_cal_navline {
    height: 20px;
    position: absolute;
    z-index: 3;
    width: 750px;
    color: #2f3a48
}

.dhx_cal_navline div {
    position: absolute;
    top: 2px;
    white-space: nowrap
}

.dhx_cal_navline .dhx_cal_date {
    font-weight: 600;
    left: 210px
}

.dhx_cal_button .dhx_left_bg {
    width: 1px;
    overflow: hidden;
    height: 17px;
    z-index: 20;
    top: 0
}

.dhx_cal_prev_button {
    background-image: url(imgs/buttons.png);
    background-position: 0 0;
    width: 29px;
    height: 17px;
    left: 50px;
    cursor: pointer
}

.dhx_cal_next_button {
    background-image: url(imgs/buttons.png);
    background-position: -30px 0;
    width: 29px;
    height: 17px;
    left: 80px;
    cursor: pointer
}

.dhx_cal_today_button {
    background-image: url(imgs/buttons.png);
    background-position: -60px 0;
    width: 75px;
    height: 17px;
    left: 112px;
    cursor: pointer;
    text-align: center;
    text-decoration: underline
}

.dhx_cal_tab {
    background-image: url(imgs/white_tab.png);
    width: 61px;
    height: 19px;
    text-align: center;
    text-decoration: underline;
    padding-top: 3px;
    cursor: pointer
}

.dhx_cal_tab.active {
    background-image: url(imgs/blue_tab.png);
    text-decoration: none;
    height: 20px;
    padding-top: 2px;
    cursor: default;
    font-weight: 700
}

.dhx_cal_header {
    position: absolute;
    left: 10px;
    top: 23px;
    width: 750px;
    border-top: 1px dotted #8894a3;
    border-right: 1px dotted #8894a3;
    z-index: 2;
    overflow: hidden;
    color: #2f3a48
}

.dhx_cal_data {
    border-top: 1px dotted #8894a3;
    position: absolute;
    top: 44px;
    width: 600px;
    overflow-y: auto;
    overflow-x: hidden
}

.dhx_scale_bar {
    position: absolute;
    text-align: center;
    background-color: #c2d5fc;
    padding-top: 3px;
    border-left: 1px dotted #586a7e
}

.dhx_scale_holder {
    position: absolute;
    border-right: 1px dotted #586a7e;
    background-image: url(imgs/databg.png)
}

.dhx_scale_holder_now {
    position: absolute;
    border-right: 1px dotted #586a7e;
    background-image: url(imgs/databg_now.png)
}

.dhx_scale_hour {
    height: 41px;
    width: 50px;
    border-bottom: 1px dotted #8894a3;
    background-color: #c2d5fc;
    text-align: center;
    line-height: 40px;
    color: #586a7e;
    overflow: hidden
}

.dhx_month_head {
    background-color: #ebeff4;
    color: #2f3a48;
    border-right: 1px dotted #586a7e;
    height: 18px;
    padding-top: 3px;
    text-align: center
}

.dhx_month_body {
    border-right: 1px dotted #586a7e;
    border-bottom: 1px dotted #586a7e;
    background-color: #fff
}

.dhx_now .dhx_month_body {
    background-color: #e2edff
}

.dhx_after .dhx_month_body,
.dhx_before .dhx_month_body {
    background-color: #ececec
}

.dhx_after .dhx_month_head,
.dhx_before .dhx_month_head {
    background-color: #e2e3e6;
    color: #94a6bb
}

.dhx_now .dhx_month_head {
    background-color: #d1def4;
    font-weight: 700
}

.dhx_cal_drag {
    position: absolute;
    z-index: 9999;
    background-color: #ffe763;
    border: 1px solid #b7a543;
    opacity: .5
}

.dhx_loading {
    position: absolute;
    width: 128px;
    height: 15px;
    background-image: url(imgs/loading.gif);
    z-index: 9999
}

.dhx_multi_day,
.dhx_multi_day_icon {
    position: absolute;
    background-color: #e1e6ff;
    background-repeat: no-repeat;
    border-bottom: 1px dotted #8894a3;
    border-left: 1px dotted #8894a3
}

.dhx_multi_day_icon {
    background-image: url(imgs/clock_big.gif)
}

.dhx_multi_day_icon_small {
    background-image: url(imgs/clock_small.gif)
}

.dhx_multi_day_icon,
.dhx_multi_day_icon_small {
    background-position: center center;
    position: absolute;
    background-color: #e1e6ff;
    background-repeat: no-repeat;
    border-bottom: 1px dotted #8894a3;
    border-left: 1px dotted #8894a3
}

.dhtmlxLayoutPolyContainer_dhx_skyblue .dhx_cal_container {
    background-color: #d0e5ff
}

.dhx_cal_event div {
    background-color: #ffe763;
    border: 1px solid #b7a543;
    color: #887a2e;
    overflow: hidden;
    width: 100%;
    font-family: Tahoma;
    font-size: 8pt
}

.dhx_move_denied .dhx_cal_event .dhx_header,
.dhx_move_denied .dhx_cal_event .dhx_title {
    cursor: default
}

.dhx_cal_event .dhx_header {
    height: 1px;
    margin-left: 1px;
    border-width: 1px 1px 0 1px;
    cursor: pointer
}

.dhx_cal_event .dhx_title {
    height: 12px;
    border-width: 0 1px 1px 1px;
    border-bottom-style: dotted;
    font-size: 7pt;
    font-weight: 700;
    text-align: center;
    background-position: right;
    background-repeat: no-repeat;
    cursor: pointer
}

.dhx_cal_event .dhx_body {
    border-width: 0 1px 1px 1px;
    padding: 5px
}

.dhx_resize_denied .dhx_cal_event .dhx_footer {
    cursor: default
}

.dhx_cal_event .dhx_footer {
    height: 1px;
    margin-left: 2px;
    border-width: 0 1px 1px 1px;
    cursor: s-resize
}

.dhx_cal_event_line {
    background-color: #ffe763;
    border: 1px solid #b7a543;
    font-family: Tahoma;
    font-size: 8pt;
    height: 13px;
    padding-left: 10px;
    color: #887a2e;
    cursor: pointer;
    overflow: hidden
}

.dhx_cal_event_clear {
    font-family: Tahoma;
    font-size: 8pt;
    height: 13px;
    padding-left: 2px;
    color: #887a2e;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer
}

.dhx_in_move {
    background-color: #ffff80
}

div.dhx_cal_editor {
    background-color: #ffe763;
    border: 1px solid #b7a543;
    border-top-style: dotted;
    z-index: 999;
    position: absolute;
    overflow: hidden
}

textarea.dhx_cal_editor {
    width: 100%;
    height: 100%;
    border: 0 solid #000;
    margin: none;
    padding: none;
    overflow: auto
}

div.dhx_menu_head {
    background-image: url(imgs/controls.gif);
    background-position: 0 -43px;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    margin-top: 1px;
    border: none;
    cursor: default
}

div.dhx_menu_icon {
    background-image: url(imgs/controls.gif);
    width: 20px;
    height: 20px;
    margin-left: -5px;
    margin-top: 0;
    border: none;
    cursor: pointer
}

div.icon_details {
    background-position: 0 0
}

div.icon_edit {
    background-position: -22px 0
}

div.icon_save {
    background-position: -84px -1px
}

div.icon_cancel {
    background-position: -62px 0
}

div.icon_delete {
    background-position: -42px 0
}

.dhx_cal_light {
    height: 400px;
    light: 300px;
    background-color: #ffe763;
    font-family: Tahoma;
    font-size: 8pt;
    border: 1px solid #b7a64b;
    color: #887a2e;
    position: absolute;
    z-index: 10001;
    width: 580px;
    height: 300px
}

.dhx_mark {
    position: relative;
    top: 3px;
    background-image: url(imgs/controls.gif);
    background-position: 0 -43px;
    padding-left: 10px
}

.dhx_ie6 .dhx_mark {
    background-position: 6px -41px
}

.dhx_cal_light select {
    font-family: Tahoma;
    font-size: 8pt;
    color: #887a2e;
    padding: 2px;
    margin: 0
}

.dhx_cal_ltitle {
    padding: 2px 0 2px 5px;
    overflow: hidden;
    white-space: nowrap
}

.dhx_cal_ltitle span {
    white-space: nowrap
}

.dhx_cal_lsection {
    background-color: #dbcf8c;
    color: #fff4b5;
    font-size: 18pt;
    font-weight: 700;
    padding: 5px 0 3px 10px
}

.dhx_cal_ltext {
    padding: 2px 0 2px 10px;
    height: 130px
}

.dhx_cal_ltext textarea {
    background-color: transparent;
    overflow: auto;
    border: none;
    color: #887a2e;
    height: 100%;
    width: 100%;
    outline: 0 !important
}

.dhx_time {
    font-weight: 700
}

.dhx_cal_light .dhx_title {
    padding-left: 10px
}

.dhx_cal_larea {
    border: 1px solid #dcc43e;
    background-color: #fff4b5;
    overflow: hidden;
    margin-left: 3px;
    width: 572px;
    height: 1px
}

.dhx_btn_set {
    padding: 5px 10px 0 10px;
    float: left
}

.dhx_btn_set div {
    float: left;
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
    cursor: pointer
}

.dhx_save_btn {
    background-image: url(imgs/controls.gif);
    background-position: -84px 0;
    width: 21px
}

.dhx_cancel_btn {
    background-image: url(imgs/controls.gif);
    background-position: -63px 0;
    width: 20px
}

.dhx_delete_btn {
    background-image: url(imgs/controls.gif);
    background-position: -42px 0;
    width: 20px
}

.dhx_cal_cover {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: .1
}

.dhx_custom_button {
    padding: 0 3px 0 3px;
    color: #887a2e;
    font-family: Tahoma;
    font-size: 8pt;
    background-color: #ffe763;
    font-weight: 400;
    margin-right: 5px;
    margin-top: 5px;
    cursor: pointer
}

.dhx_custom_button div {
    cursor: pointer;
    float: left;
    height: 21px;
    line-height: 21px;
    vertical-align: middle
}

.dhx_fullday_checkbox {
    padding-top: 5px;
    float: right
}

.dhx_fullday_checkbox input {
    vertical-align: middle
}

.dhx_fullday_checkbox label {
    font-size: 12pt;
    font-weight: 700;
    vertical-align: middle
}

.dhx_form_repeat,
.dhx_form_repeat input {
    padding: 0;
    margin: 0;
    font-family: Tahoma, Verdana;
    font-size: 11px;
    line-height: 24px
}

.dhx_form_repeat {
    overflow: hidden;
    height: 0;
    background-color: #fff4b5
}

.dhx_repeat_center,
.dhx_repeat_left {
    height: 115px;
    padding: 10px 0 10px 10px;
    float: left
}

.dhx_repeat_left {
    width: 95px
}

.dhx_repeat_center {
    width: 335px;
    margin-top: 12px
}

.dhx_repeat_divider {
    float: left;
    height: 115px;
    border-left: 1px dotted #dcc43e;
    width: 1px
}

.dhx_repeat_right {
    float: right;
    height: 115px;
    width: 160px;
    padding: 10px 3px 10px 10px;
    margin-top: 7px
}

input.dhx_repeat_text {
    height: 16px;
    width: 27px;
    margin: 0 4px 0 4px;
    line-height: 18px;
    padding: 0 0 0 2px
}

.dhx_form_repeat select {
    height: 20px;
    width: 87px;
    padding: 0 0 0 2px;
    margin: 0 4px 0 4px
}

input.dhx_repeat_date {
    height: 18px;
    width: 80px;
    padding: 0 0 0 2px;
    margin: 0 4px 0 4px;
    background-repeat: no-repeat;
    background-position: 64px 0;
    border: 1px #7f9db9 solid;
    line-height: 18px
}

input.dhx_repeat_radio {
    margin-right: 4px
}

input.dhx_repeat_checkbox {
    margin: 4px 4px 0 0
}

.dhx_repeat_days td {
    padding-right: 5px
}

.dhx_repeat_days label {
    font-size: 10px
}

.dhx_custom_button_recurring {
    background-image: url(../imgs/but_repeat.gif);
    background-position: -5px 20px;
    width: 20px;
    margin-right: 10px
}

.dhx_custom_button {
    width: 90px
}

.dhx_cal_light {
    width: 640px
}

.dhx_cal_larea {
    width: 632px
}

.dhx_expand_icon {
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(../imgs/colapce-expand-icon.gif);
    width: 18px;
    height: 18px;
    cursor: pointer;
    background-position: 0 18px;
    z-index: 16
}

.dhx_agenda_area {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background-image: url(../imgs/databg.png)
}

.dhx_agenda_line {
    height: 21px;
    clear: both;
    overflow: hidden
}

.dhx_agenda_line div {
    float: left;
    width: 188px;
    border-right: 1px dotted #8894a3;
    text-align: center;
    line-height: 21px;
    overflow: hidden
}

.dhx_agenda_area .dhx_agenda_line div {
    border-right: 0 dotted #8894a3
}

.dhx_v_border {
    position: absolute;
    left: 186px;
    top: 0;
    border-right: 1px dotted #8894a3;
    width: 1px;
    height: 100%
}

.dhx_agenda_line .dhx_event_icon {
    width: 20px;
    border-width: 0;
    background: url(../imgs/icon.png) no-repeat;
    background-position: 5px 4px;
    cursor: pointer
}

.dhx_agenda_line span {
    padding-left: 5px;
    line-height: 21px
}

.dhx_year_body {
    border-left: 1px dotted #586a7e
}

.dhx_year_week {
    height: 20px;
    position: relative
}

.dhx_scale_bar_last {
    border-right: 1px dotted #586a7e
}

.dhx_year_month {
    height: 18px;
    padding-top: 3px;
    text-align: center;
    vertical-align: middle
}

.dhx_year_body .dhx_after .dhx_month_head,
.dhx_year_body .dhx_after .dhx_month_head a,
.dhx_year_body .dhx_before .dhx_month_head,
.dhx_year_body .dhx_before .dhx_month_head a {
    color: #e2e3e6 !important
}

.dhx_year_body .dhx_month_body {
    height: 0;
    overflow: hidden
}

.dhx_month_head.dhx_year_event {
    background-color: #ffe763
}

.dhx_year_body .dhx_after .dhx_month_head,
.dhx_year_body .dhx_before .dhx_month_head {
    cursor: default
}

.dhx_tooltip {
    border: 1px solid #bbb;
    background-image: url(../imgs/databg.png);
    position: absolute;
    z-index: 9998;
    width: 300px;
    height: auto;
    font-family: Tahoma;
    font-size: 8pt;
    overflow: hidden
}

.dhx_tooltip_line {
    line-height: 20px;
    height: 20px;
    overflow: hidden
}

.dhx_tooltip_line .dhx_event_icon {
    width: 20px;
    height: 20px;
    padding-right: 10px;
    float: left;
    border-width: 0;
    position: relative;
    background: url(../imgs/icon.png) no-repeat;
    background-position: 5px 4px;
    cursor: pointer
}

.dhx_tooltip_date {
    float: left;
    width: auto;
    padding-left: 5px;
    text-align: center
}

.dhx_text_disabled {
    color: #887a2e;
    font-family: Tahoma;
    font-size: 8pt
}

.dhx_mini_calendar {
    -moz-box-shadow: 5px 5px 5px #888;
    -khtml-box-shadow: 5px 5px 5px #888
}

.dhx_mini_calendar .dhx_month_head {
    cursor: pointer
}

.dhx_mini_calendar .dhx_calendar_click {
    background-color: #c2d5fc
}

.dhx_cal_navline div.dhx_minical_icon {
    width: 18px;
    height: 18px;
    left: 190px;
    top: 1px;
    cursor: pointer;
    background-image: url(../imgs/calendar.gif)
}

.dhx_matrix_cell,
.dhx_matrix_scell {
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px dotted #8894a3;
    border-right: 1px dotted #8894a3
}

.dhx_matrix_cell {
    background-color: #fff
}

.dhx_matrix_cell div,
.dhx_matrix_scell div {
    overflow: hidden;
    text-align: center;
    width: 100%;
    height: auto
}

.dhx_cal_lsection .dhx_readonly {
    font-size: 9pt;
    font-size: 8pt;
    padding: 2px;
    color: #887a2e
}

.dhx_data_table.folder .dhx_matrix_cell,
.dhx_matrix_scell.folder {
    background-color: #969394;
    cursor: pointer
}

.dhx_matrix_scell .dhx_scell_level0 {
    padding-left: 5px
}

.dhx_matrix_scell .dhx_scell_level1 {
    padding-left: 20px
}

.dhx_matrix_scell .dhx_scell_level2 {
    padding-left: 35px
}

.dhx_matrix_scell.folder {
    font-weight: 700;
    text-align: left
}

.dhx_matrix_scell.folder .dhx_scell_expand {
    float: left;
    width: 10px;
    padding-right: 3px
}

.dhx_matrix_scell.folder .dhx_scell_name {
    float: left;
    width: auto
}

.dhx_matrix_scell.item .dhx_scell_name {
    padding-left: 15px;
    text-align: left
}

.dhx_section_timeline {
    overflow: hidden;
    padding: 4px 0 2px 10px
}

.dhx_section_timeline select {
    width: 552px
}

.dhx_map_area {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background-image: url(../imgs/databg.png)
}

.dhx_map_line .dhx_event_icon {
    width: 20px;
    border-width: 0;
    background: url(../imgs/icon.png) no-repeat;
    background-position: 5px 4px;
    cursor: pointer
}

.dhx_map_line {
    height: 21px;
    clear: both;
    overflow: hidden
}

.dhx_map {
    position: absolute
}

.dhx_map_line div {
    float: left;
    border-right: 1px dotted #8894a3;
    text-align: center;
    line-height: 21px;
    overflow: hidden
}

.dhx_map_line .headline_description {
    float: left;
    border-right: 1px dotted #8894a3;
    text-align: center;
    line-height: 21px;
    overflow: hidden
}

.dhx_map_line .dhx_map_description {
    float: left;
    border-right: 0 dotted #8894a3;
    text-align: center;
    line-height: 21px;
    overflow: hidden
}

.dhx_map_line .line_description {
    float: left;
    border-right: 1px dotted #8894a3;
    text-align: left;
    padding-left: 5px;
    line-height: 21px;
    overflow: hidden
}

.dhx_map_line.highlight {
    background-color: #c4c5cc
}

.dhx_map_area .dhx_map_line div {
    border-right: 0 dotted #8894a3
}

.dhtmlXTooltip.tooltip {
    -moz-box-shadow: 3px 3px 3px #888;
    -khtml-box-shadow: 3px 3px 3px #888;
    background-color: #fff;
    border-left: 1px dotted #887a2e;
    border-top: 1px dotted #887a2e;
    color: #887a2e;
    cursor: default;
    padding: 10px;
    position: absolute;
    z-index: 500
}

.dhx_cal_checkbox label {
    padding-left: 5px
}

.dhx_cal_light .radio {
    padding: 2px 0 2px 10px
}

.dhx_cal_light .radio input,
.dhx_cal_light .radio label {
    line-height: 15px
}

.dhx_cal_light .radio input {
    vertical-align: middle;
    margin: 0;
    padding: 0
}

.dhx_cal_light .radio label {
    vertical-align: middle;
    padding-right: 10px
}

.dhx_cal_light .combo {
    padding: 4px
}

.error_msg, #warning_div {
    color: #ff0000;
}

.dhx_cal_firstchild {
    width:100%;
    background-color:#808080;
    font-weight:bold;
    color:#ffffff;
}

.dhx_cal_firstchild_span {
    cursor:pointer;
    float:right;
}

.dhx_cal_firstchild_div {
    width:100%;
    height:200px;
    overflow-Y:scroll;
}

.dhx_cal_blockquote {
    display:none;
}

.dhx_section_time {
    height:30px;
    padding-top:0px;
    font-size:inherit;
}

.dhx_custom_button {
    float:right;
}

.dhx_cal_ltext select {
    width:552px;
}

.dhx_agenda_date_span {
    padding-left:25px;
}
.dhx_cal_lsection .dhx_section_time {
    height:30px;
    padding-top:0px;
    font-size:inherit;
}

.dhx_cal_lsection .dhx_section_time span {
    font-weight:normal;
    font-size:13px;
}