html, body {height:100%;width:100%;padding:0;margin:0;font-size: 11px;  background:#EBEBEB; text-align:center; font-family: tahoma,verdana,arial,sans-serif,Lucida Sans;}
img {border: 0 none;}

.mj-container{position:relative; height: 98%; width: 895px;margin:auto; text-align: left;}
    .mj-logo{display:block; background:transparent url("../img/logoMj.gif") repeat-x scroll 50% 50%; width: 220px; height: 67px; padding: 30px 2px 10px; margin-right: 2px;}
    .mj-logo-lc{background:transparent url("../img/logoLc.gif") repeat-x scroll 50% 50%; width: 212px; height: 67px; padding: 30px 2px 10px; position:absolute;right:0;top:0;}
    .mj-department{overflow: hidden; margin-bottom: 0px;}
        .mj-client {background:url("../img/department-bg.png") repeat-x scroll 0 -310px transparent;cursor:pointer;float:left;height:155px;margin-top:10px;position:relative;width:295px;}
            .mj-client-icon {background:url("../img/department-icons-client.png") repeat-x scroll -47px 0px transparent;height:47px;left:5px;position:absolute;top:10px;width:47px;}
            .mj-client-title-sd {background:transparent url("../img/department-titles.png") repeat-x scroll 0 0px;height:20px;left:65px;position:absolute;top:20px;width:216px;}
            .mj-client-text-sd {margin-top: 45px;color: #8C8C8C;}
                .mj-text-chattime {font-size:10px;margin-left:65px; margin-bottom:0px;}
                .mj-client-text-time {margin-left: 65px; margin-bottom: 5px;font-weight:bold;margin-top:0px;}
                .mj-client-text-descr {font-size: 10px; margin-left: 10px; margin-right: 10px; margin-bottom: 0px; margin-top: 0px;}
            .mj-client-status {position:absolute;bottom:5px;height:27px;margin-left:10px;width:159px;background:url("../img/department-status.png") repeat-x scroll 0 0 transparent;}
        .mj-domain {background:url("../img/department-bg.png") repeat-x scroll 0 -310px transparent;cursor:pointer;float:left;height:155px;margin-top:10px;position:relative;width:295px;margin-left: 5px;}
            .mj-domain-icon {background:url("../img/department-icons-domain.png") repeat-x scroll -47px 0px transparent;height:47px;left:5px;position:absolute;top:10px;width:47px;}
            .mj-domain-title-sd {background:transparent url("../img/department-titles.png") repeat-x scroll 0 -20px;height:20px;left:65px;position:absolute;top:20px;width:207px;}
            .mj-domain-text-sd {margin-top: 45px;color: #8C8C8C;}
                .mj-domain-text-time {margin-left: 65px; margin-bottom: 5px;font-weight:bold;margin-top:0px;}
                .mj-domain-text-descr {font-size: 10px; margin-left: 10px; margin-right: 10px; margin-bottom: 0px; margin-top: 0px;}
            .mj-domain-status {position:absolute;bottom:5px;height:27px;margin-left:10px;width:159px;background:url("../img/department-status.png") repeat-x scroll 0 0 transparent;}
        .mj-tech {background:url("../img/department-bg.png") repeat-x scroll 0 -310px transparent;cursor:pointer;float:left;height:155px;margin-top:10px;position:relative;width:295px;margin-left: 5px;}
            .mj-tech-icon {background:url("../img/department-icons-tech.png") repeat-x scroll -47px 0px transparent;height:47px;left:5px;position:absolute;top:10px;width:47px;}
            .mj-tech-title-sd {background:transparent url("../img/department-titles.png") repeat-x scroll 0 -40px;height:20px;left:65px;position:absolute;top:20px;width:207px;}
            .mj-tech-text-sd {margin-top: 45px;color: #8C8C8C;}
                .mj-tech-text-time {margin-left: 65px; margin-bottom: 5px;font-weight:bold;margin-top:0px;}
                .mj-tech-text-descr {font-size: 10px; margin-left: 10px; margin-right: 10px; margin-bottom: 0px; margin-top: 0px;}
            .mj-tech-status {position:absolute;bottom:5px;height:27px;margin-left:10px;width:159px;background:url("../img/department-status.png") repeat-x scroll 0 0 transparent;}

    div.mj-state-out {background:url('../img/department-bg.png') repeat-x scroll 0 -155px transparent;}
        div.mj-state-out div.mj-state-status {background:url('../img/department-status.png'  ) repeat-x scroll 0 -81px transparent;width:199px;}

    div.mj-state-busy {background:url('../img/department-bg.png') repeat-x scroll 0 -310px transparent;}
        div.mj-state-busy div.mj-state-status {background:url('../img/department-status.png') repeat-x scroll 0 -54px transparent;width:196px;}

    #mj-department div.mj-state-selected {background-position : 0px 0px;}
        #mj-department div.mj-state-selected div {color:#fff;}
        #mj-department div.mj-state-selected div.mj-state-status {background:url('../img/department-status.png') repeat-x scroll 0 -27px transparent;width:159px;}
        #mj-department div.mj-state-selected div.mj-icon-status{background-position: -94px 0px}

    .mj-chat{overflow:hidden; display: none; border: 1px solid rgb(207, 207, 207); background: none repeat scroll 0pt 0pt rgb(255, 255, 255); position: relative; margin-top: 10px;padding-top:20px;}
        .mj-depart{background:none repeat scroll 0 0 transparent;margin-top:10px;position:absolute;right:0;top:0;height:144px;margin-left:5px;width:295px;}
        .mj-voting{background:none repeat scroll 0 0 #F3F3F3;color:#5D5D5D;overflow:hidden;position:absolute;margin-right: 20px; height:72px;right:0;top:207px;width:265px;display:none;}
            .mj-voting-text{margin-left:10px;margin-top:10px;}
            .mj-voting-1{float:left;background:url('../img/voting.png') no-repeat 0 -16px transparent; width: 58px; display: block; height: 16px; margin-top: 10px; margin-left: 9px;}
            .mj-voting-1:hover{background-position: 0 0;}
            .mj-voting-2{background:url("../img/voting.png") no-repeat scroll 0 -48px transparent;display:block;float:left;height:16px;margin-left:9px;margin-top:10px;width:53px;}
            .mj-voting-2:hover{background-position: 0 -32px;}
            .mj-voting-3{background:url("../img/voting.png") no-repeat scroll 0 -80px transparent;display:block;float:left;height:16px;margin-left:9px;margin-top:10px;width:117px;}
            .mj-voting-3:hover{background-position: 0 -64px;}
        .mj-messages{display: none; height: 250px; margin-bottom: 20px; overflow: auto; border: 1px solid rgb(165, 172, 178); width: 568px;  margin-left: 20px;}
            .mj-msg-user{padding: 0px 10px;color: #006993; margin-bottom: 2px;}
            .mj-msg-oper{padding: 0px 10px;color: #BB010E; margin-bottom: 2px;}
            .mj-msg-time{color:#919191}
            .mj-msg-body{padding: 0px 10px;color: #4A4A4A; margin-top: 2px;}
        .mj-panel{height: 196px; position: relative; margin-left: 20px; margin-right: 20px;}
            .mj-auth{height: 176px; text-align:left; padding:0px; background: none repeat scroll 0% 0% rgb(243, 243, 243); overflow: hidden; width: 570px; margin-top: 0px;}
                .mj-u-lname{display:block; font-size: 11px; font-family: Tahoma,sans-serif; color:#9C9C9C; float: left; width: auto; margin: 10px 2px 4px 10px;}
                .mj-u-name{width:250px;font-family: Tahoma; border: 1px solid #A5ACB2; color: rgb(70, 70, 70); background: none repeat scroll 0% 0% #fff; padding-left: 2px; margin: 7px 10px 0px 1px;}
                .mj-message{padding-left:5px;padding-top: 5px;float:right; width: 543px; height: 97px; border: 1px solid rgb(165, 172, 178); margin: 7px 10px 0px 10px;}
                .mj-msg-send{cursor: pointer; background: url('../img/btns.png') repeat-x scroll 50% 50% rgb(246, 246, 246); display: block; margin-top: 7px; margin-left: 10px; float: left; width: 97px; height: 22px; border: 0px none; padding: 0px;}
                .mj-msg-restart{cursor: pointer; background: url('../img/start_new_talk.png') repeat-x scroll 50% 50% rgb(246, 246, 246); display: block; margin-top: 7px; margin-left: 10px; float: left; width: 177px; height: 22px; border: 0px none; padding: 0px;}
                .mj-msg-exit{width: 154px;cursor: pointer;color: #005E8C;text-align: left;margin-top: 9px;float: right;border: 0pt none;text-decoration: underline;font-weight: lighter;font-size: 11px;padding-left: 15px;background: url('../img/close.png') no-repeat scroll 0px 1px rgb(246, 246, 246);padding-right: 7px;display: none;}
                .mj-msg-exit:hover{color: #FF8900;}
            .mj-chat-toemail{display: none; overflow: hidden; width: 265px; background: none repeat scroll 0pt 0pt rgb(230, 239, 244); position: absolute; top: 0pt; right: 0px;}
                .mj-u-lemail{float: left; width: auto; margin: 10px 0px 0px 10px;}
                .mj-u-email{font-family: Tahoma; margin: 10px; padding-left: 2px; color: rgb(70, 70, 70); width: 245px; border-right: 1px solid rgb(220, 223, 230); border-width: 1px; border-style: solid; border-color: rgb(172, 172, 180) rgb(220, 223, 230) rgb(220, 223, 230);}
                .mj-email-send{cursor: pointer;color: #005E8C;width: 200px;border: 0pt none;text-decoration: underline;text-align: left;font-weight: lighter;font-size: 11px;padding-left: 18px;padding-right: 7px;margin-bottom: 10px;margin-left: 11px;background: url('../img/send.png') no-repeat scroll left top transparent;}
                .mj-email-send:hover{color: #FF8900;}
    .mj-wellcome{margin-top: 15px; color: rgb(100, 100, 100); line-height: 16px;}
        .mj-wellcome a{color: #005E8C;}
        .mj-wellcome a:hover{color: #FF8900;}
    .mj-separate {border: 0px none; border-top: 1px solid #D4D4D4;background: #fff;margin-top: 15px;margin-bottom: 13px;}
    .mj-footer{float:left; font-size:10px; color: #646464;}
        .mj-footer a{color: #646464;}
            .mj-footer-company{margin-top: 0px; margin-bottom: 0px;}
            .mj-footer-license{margin-top: 2px;}
    .mj-footer-baners{float: right;}
.mj-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }