.fullsize {
    width: 100%;
    height: 100%;
}
/************************************************/

.window {
    position: absolute;
    z-index: 2;
    padding: 0px;
    margin: 0px;
    border: none;
}
.window_shadow {
    position: absolute;
    z-index: 1;
    background-color: Black;
    opacity: 0.2;
}
.cancel {
    width: 110px;
}
.btns {
    height: 35px;
}
.window .lu {
    background-image: url(/xcontrols/img/wnd_lu.png);
}
.window .u {
    background-image: url(/xcontrols/img/wnd_u.png);
    height: 10px;
}
.window .ru {
    background-image: url(/xcontrols/img/wnd_ru.png);
}
.window .l {
    width: 13px;
    background-image: url(/xcontrols/img/wnd_l.png);
}
.window .r {
    width: 13px;
    background-image: url(/xcontrols/img/wnd_r.png);
}
.window .ld {
    background-image: url(/xcontrols/img/wnd_ld.png);
}
.window .d {
    background-image: url(/xcontrols/img/wnd_d.png);
    height: 13px;
}
.window .rd {
    background-image: url(/xcontrols/img/wnd_rd.png);
}
.window .tws {
    background-image: url(/xcontrols/img/wnd_t_ws.png);
    height: 31px;
    font-weight: bold;
    padding-left: 10px;
}
.window .ws {
    background-image: url(/xcontrols/img/wnd_ws.png);
}

/*********************************************/

.Tabbar {
    width: 100%;
    height: 100%;
}
.Tabbar td.Body {
    border: solid 1px Gray;
}
.Tabbar .Content {
    overflow: auto;
    width: 100%; /*height: 100%;*/
}
.Tabbar .Line {
    height: 30px;
}
.Tabbar .BtnsLine {
    height: 30px; /*background-color: White;*/
    border-left: solid 1px Gray;
    border-radius: 4px 0px 0px 0px;
    -moz-border-radius: 4px 0px 0px 0px;
    -webkit-border-radius: 4px 0px 0px 0px;
    -moz-user-select: none;
}
.Tabbar .Tabs {
    width: 100%;
    position: relative;
    white-space: nowrap;
}
.Tabbar .hiddenScroller {
    border: 0;
}
.Tabbar .Scroller {
    overflow: hidden;
    height: 31px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
    top: 1px;
}
.Tabbar .Left {
    width: 17px;
    background-image: url(/xcontrols/tab_scroll_left.png);
    background-color: Silver;
    cursor: pointer;
    border: solid 1px Gray;
}
.Tabbar .Right {
    width: 17px;
    background-image: url(/xcontrols/tab_scroll_right.png);
    background-color: Silver;
    cursor: pointer;
    border: solid 1px Gray;
}
.Tabbar .noImg {
    background-image: none;
    background: White;
    cursor: default;
    border: 0;
}
.Tabbar .Button {
    height: 25px;
    float: left;
    cursor: Pointer; /*background-color: White;*/
    background: -moz-linear-gradient(-90deg, #fff, #eee) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
    border-top: solid 1px Gray;
    border-right: solid 1px Gray;
    float: left;
    padding: 5px 5px 0px 5px;
    font-family: Tahoma;
    font-size: 12px;
    border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none; /*-moz-user-select: -moz-none;*/
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.Tabbar .Right:hover {
    background: Teal;
}
.Tabbar .Left:hover {
    background: Teal;
}
.Tabbar .Button:hover {
    /*background: #ffb060;*/
    background: -moz-linear-gradient(90deg, #fff, #eee) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
}
.Tabbar .Button.Active 
{
    background: -moz-linear-gradient(-90deg, #F3CDA8, #F9B84E) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F3CDA8), to(#F9B84E));
}

/*********************************************/

/**********************************************/
.ToolbarContainer {
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(-90deg, #fff, #ccc) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
    user-select: none;
    -webkit-user-select: none;
}
.ToolbarContainer .align_left {
    float: left;
}
.ToolbarContainer .align_right {
    float: right;
}
.toolbar {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    height: 37px;
}
.toolbar .start {
    float: left;
    position: relative;
    width: 5px;
    top: 6px;
    height: 25px;
    margin: 0px 3px;
    font-size: 1px;
    background-repeat: repeat-y;
    background-position: center center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAABCAMAAAAhIJTBAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAwBQTFRFYGBgr6+vyMjIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAnqLPXAAAAB90RVh0U29mdHdhcmUAUGFpbnQuTkVUID8/Pz8/PyAzLjUuNefKA2EAAAAOSURBVBhXY2BgYmRgAgAAEwAGZ4xukwAAAABJRU5ErkJggg==);
}
.toolbar .separator {
    float: left;
    position: relative;
    width: 2px;
    top: 6px;
    height: 25px;
    margin: 0px 4px;
    font-size: 1px;
    background-repeat: repeat-y;
    background-position: center center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAMAAADD/I+4AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAwBQTFRFYGBgyMjIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG5QaDAAAAB90RVh0U29mdHdhcmUAUGFpbnQuTkVUID8/Pz8/PyAzLjUuNefKA2EAAAALSURBVBhXY2BgBAAABAACb/FcJAAAAABJRU5ErkJggg==);
}
.toolbar .area {
    overflow: hidden;
    position: relative;
    float: left;
}
.toolbar .toolbutton {
    position: relative;
    float: left;
    background: -moz-linear-gradient(90deg, #ccc, #eee);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbb), to(#eee));
    height: 30px;
    margin: 2px 1px 1px 1px;
    padding: 0px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    border: 1px solid #555;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.toolbar .toolbutton[pressed] {
    background: -moz-linear-gradient(-90deg, #ddd, #fff) !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbb), to(#fff)) !important;
}
.toolbar .toolbutton.checked {
    background: -moz-linear-gradient(90deg, #fff, #fff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#fff)) !important;
}
.toolbar .toolbutton.disabled {
    cursor: default;
    opacity: 0.3;
}
.toolbar .toolbutton img {
    float: left;
    position: relative;
    top: -1px;
    height: 28px;
    width: 28px;
    margin: 2px 2px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
.toolbar .toolbutton .title {
    color: #333;
    float: left;
    position: relative;
    top: 1px;
    height: 26px;
    margin: 5px 6px 0px 5px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}
.toolbar .toolbutton[pressed] .title, .toolbar .toolbutton:hover .title, .toolbar .toolbutton.checked .title {
    color: #444;
}
.toolbar .toolbutton:hover {
    background: -moz-linear-gradient(-90deg, #ddd, #fff) !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#fff)) !important;
}
.toolbar .toolbutton .dropdown {
    position: relative;
    float: left;
    width: 12px;
    height: 30px;
    cursor: pointer;
    border-left: 1px solid #999;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAABGdBTUEAALGPC/xhBQAAAB90RVh0U29mdHdhcmUAUGFpbnQuTkVUID8/Pz8/PyAzLjUuNJDNM/cAAAAwSURBVBhXY2RgYPgPxCDQCKVBVD2M7QBVAFLUgMQGiYMBsgKQIrgEugIMCWQFcKsBOQ4MOR4SsIgAAAAASUVORK5CYII=);
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
.toolbar .dropdown:hover {
    padding-left: 0px;
    border-left: 1px solid #555;
}
.droppanel {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
    z-index: 101;
    border: 1px solid #777;
    white-space: normal;
    background-color: #aaa;
    color: #eaeaea;
    cursor: default;
    min-width: 120px;
}
.droppanel .separator {
    position: relative;
    margin: 0px;
    height: 3px;
    background-color: #aaa;
    border: 0;
}
.droppanel .toolbutton {
    position: relative;
    padding: 2px 4px;
    white-space: nowrap;
    overflow: hidden;
    color: #333;
    /*background-color: #ccc;*/
    background-color: #ddd;
    height: 32px;
    margin: 1px;
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.droppanel .toolbutton.checked {
    color: #555;
    background-color: #fff;
}
.droppanel .toolbutton:hover {
    color: #333;
    background-color: #eee;
}
.droppanel .toolbutton.disabled, 
.droppanel .toolbutton.disabled:hover{
    cursor: default;
    color: #aaa;
}
.droppanel .toolbutton.disabled:hover {
    padding: 2px 4px;
    border: 0;
    background-image: none;
}
.droppanel .toolbutton img {
    float: left;
    position: relative;
    top: 1px;
    height: 28px;
    width: 28px;
    margin: 2px 2px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
.droppanel .toolbutton .title {
    float: left;
    position: relative;
    top: 1px;
    height: 26px;
    margin: 5px 2px 0px 2px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
/**********************************************************/
.dtree {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666;
    white-space: nowrap;
    -moz-user-select: none;
}
.dtree img {
    border: 0px;
    vertical-align: middle;
}
.dtree span {
    color: #333;
    text-decoration: none;
}
.dtree span.node, .dtree span.nodeSel {
    cursor: pointer;
    white-space: nowrap;
    padding: 1px 2px 1px 2px;
}
.dtree span.node:hover, .dtree span.nodeSel:hover {
    color: #333;
    text-decoration: underline;
}
.dtree span.nodeSel {
    background-color: #c0d2ec;
}
.dtree .clip {
    overflow: hidden;
}
/***********************************/
.cal {
    width: 194px;
    height: 196px;
    border: 1px solid silver;
    position: relative;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.cal .cal-toolbar {
    height: 21px;
    border-bottom: 1px solid silver;
    background: -moz-linear-gradient(-90deg, #fff, #f3f3f4) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f3f3f4));
}
.cal-toolbar div {
    height: 19px;
    float: left;
    text-align: center;
    padding-top: 2px;
}
.cal-prev-month {
    cursor: pointer;
    width: 18px;
    background: url(data:image/png;base64,R0lGODlhCAAJAKEAAAAAAP///wAAAAAAACH5BAEKAAIALAAAAAAIAAkAAAITlBV5GBCXgDNRvmppy5r3tyRPAQA7) no-repeat center center;
}
.cal-prev-year {
    position: relative;
    z-index: 10;
    cursor: pointer;
    width: 18px;
    background: url(data:image/png;base64,R0lGODlhDAAJAKEAAAAAAP///wAAAAAAACH5BAEKAAIALAAAAAAMAAkAAAIdlBVpegmBXgvgUYnuq9LxD2WcFopWVYoQlWahUgAAOw==) no-repeat center center;
}
.cal-cur {
    width: 122px;
    z-index: 10;
    position: relative;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
}
.cal-cur:hover, .cal-cur-sel {
    background: -moz-linear-gradient(-90deg, #ccd1da, #aab3c1) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccd1da), to(#aab3c1));
    cursor: pointer;
}
.cal-next-month {
    cursor: pointer;
    width: 18px;
    background: url(data:image/png;base64,R0lGODlhCAAJAKEAAAAAAP///wAAAAAAACH5BAEKAAIALAAAAAAIAAkAAAIRVC6ZAajcwgPUwSqvxdMtLxQAOw==) no-repeat center center;
}
.cal-next-year {
    position: relative;
    z-index: 10;
    cursor: pointer;
    width: 18px;
    background: url(data:image/png;base64,R0lGODlhDAAJAKEAAAAAAP///wAAAAAAACH5BAEKAAIALAAAAAAMAAkAAAIcVCJ2yQHoVgPP1UntNbT3pYUIV2UjB22JdJxCAQA7) no-repeat center center;
}
.cal .cal-week-name {
    border-bottom: 1px solid silver;
}
.cal-weekend {
    color: Red;
}
.cal .cal-grid td {
    width: 26px;
    height: 20px;
    text-align: center;
}

.cal .cal-bottombar {
    width: 100%;
    height: 21px;
    border-top: 1px solid silver;
    text-align: center;
}
.cal .cal-bottombar div {
    padding-top: 2px;
}
/*.cal .cal-bottombar:hover {
    background: -moz-linear-gradient(-90deg, #ccd1da, #aab3c1) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccd1da), to(#aab3c1));
    cursor: pointer;
}*/

.cal .cal-body {
    padding: 5px;
}
.cal .cal-day div, .cal-day-noselect div {
    /*border: 1px solid transparent;*/
    width: 26px;
    height: 18px;
    padding-top: 2px;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
}
.cal .cal-day div:hover {
    /*background-color: #ddd;     border: 1px solid red;*/
    cursor: pointer;
    border-radius: 4px;
    background: -moz-linear-gradient(-90deg, #c5c9d0, #b5b8bf) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c9d0), to(#b5b8bf));
}

.cal-day-noselect {
    color: Silver;
}

.cal .cal-select div, .cal .cal-choice .cal-select {
    border-radius: 4px; /*background-color: yellow;     border: 1px solid red;*/
    background: -moz-linear-gradient(-90deg, #ccd1da, #a9b1c0) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccd1da), to(#a9b1c0));
}

.cal-choice {
    position: absolute;
    width: 174px;
    height: 160px;
    top: 0px;
    background: white;
    padding: 25px 10px 10px 10px;
    opacity: 1;
}

.cal-tchoice {
    position: absolute;
    width: 174px;
    height: 160px;
    top: 0px;
    background: white;
    padding: 25px 10px 10px 10px;
    opacity: 1;
}
.cal-time {
    height: 54px;
    text-align: center;
    padding-top: 36px;
    font-weight: bold;
    font-size: 18px;
}
.cal-tchoice .cal-time-close {
    position: absolute;
    top: 32px;
    right: 12px;
    width: 10px;
    height: 10px;
    cursor: pointer;
    z-index: 2;
    background: url('/_images/icons6.png')no-repeat -43px -103px;
}

.cal-sel {
    width: 55px;
    height: 37px;
    line-height: 37px;
    top: 0px; /*border: 1px solid transparent;*/
    float: left;
    text-align: center;
    font-size: 10px;
    border-radius: 4px;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
}
.cal-sel:hover {
    /*border: 1px solid red;     background: #ddd;*/
    cursor: pointer;
    background: -moz-linear-gradient(-90deg, #c5c9d0, #b5b8bf) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c9d0), to(#b5b8bf));
}
.cal-hour, .cal-minute {
    height: 20px;
}
.cal-hint {
    position: absolute;
    background: -moz-linear-gradient(-90deg, #fff, #ddd) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ddd));
    left: 0px;
    padding: 5px;
    border: 1px solid silver;
    text-align: center;
    box-shadow: 0 0 5px black; /* Параметры тени */
    box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */
    z-index: 20;
}

.cal-today {
    float: left;
    width: 30%;
    height: 100%;
}

.cal-wtime {
    float: left;
    width: 70%;
    height: 100%;
}

.cal .cal-today:hover, .cal .cal-wtime:hover {
    background: -moz-linear-gradient(-90deg, #ccd1da, #aab3c1) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccd1da), to(#aab3c1));
    cursor: pointer;
}