.ClientScreen {
position : absolute;
width : 700px;
height : 400px;
background-color : #FAFAFA;
border : #000000 solid 1px;
z-index : 10001;
overflow : hidden;
}
.ClientScreen div.form {
padding : 100px;
}
.ClientScreen div.failed {
font-weight : bold;
}
.ClientScreen div.failed div.eContent {
margin : 150px;
padding : 2px;
background-color : #CACACA;
border : #000000 solid 2px;
color : #000000;
text-align : center;
}
.ClientScreen div.failed div.eContent p {
padding : 5px;
background-color : #DADADA;
border : #000000 solid 1px;
color : #000000;
text-align : center;
}
.ClientScreen div.close {
color : #aa0000;
font-weight : bold;
padding : 8px;
float : right;
text-align : right;
position : absolute;
top : 370px;
right : 0;
cursor : pointer;
}
.ClientScreen div.LeftColumn {
width : 100%;
border-right : 1px solid #000000;
float : left;
}
.ClientScreen div.LeftColumn div.SelfInfo {
width : 100%;
height : 100px;
background-color : #E0E0E0;
border-bottom : 1px solid #000000;
}
.ClientScreen div.LeftColumn div.Chat {
width : 100%;
height : 200px;
border-bottom : 1px solid #000000;
}
.ClientScreen div.LeftColumn div.SendMessage {
width : 100%;
height : 100px;
border-bottom : 1px solid #000000;
}
.ClientScreen div.RightColumn {
width : 205px;
float : left;
display : none;
z-index : 10002;
}
.ClientScreen .ChatContainer {
width : 100%;
padding : 0;
margin : 0;
}
.ClientScreen .ChatContainer .Operator {
height : 80px;
}
.Operator .avatar {
float : left;
width : 80px;
}
.Operator .info {
float : left;
padding-left : 20px;
padding-top : 10px;
width : 300px;
overflow : hidden;
}
.ClientScreen .Operator .close {
top : 10px;
right : 15px;
padding : 0;
}
.Operator .info .name {
display : block;
color : #1f66b3;
font-size : 13px;
font-weight : bold;
}
.Operator .info .status {
color : #555;
font-size : 11px;
}
.ClientScreen .ChatContainer .Chat {
height : 220px;
background-color : #EAEAEA;
overflow : scroll;
padding-left : 2px;
}
.ClientScreen .ChatContainer .msgPost {
height : 100px;
}
.ClientScreen .ChatContainer textarea {
height : 70px;
width : 100%;
}
.ClientScreen .ChatContainer right {
color : #aa0000;
font-weight : bold;
float : right;
text-align : right;
position : absolute;
top : 370px;
right : 20px;
cursor : pointer;
}
.ChatContainer .Message {
display : block;
padding-bottom : 2px;
}
.ChatContainer .Message .time {
float : left;
color : #555;
padding-left : 10px;
}
.ChatContainer .Message .name {
font-weight : bold;
display : inline;
width : auto;
color : #fff;
float : left;
}
.ChatContainer .Message .admin .Text {
color : #cc0000;
}
.ChatContainer .Message .admin .name {
color : #770000;
}
.ChatContainer .Message .client .Text {
color : #000;
}
.ChatContainer .Message .client .name {
color : #000;
}
.ChatContainer .Message .system .Text {
color : #999;
}
.ConnectionWait {
display : block;
padding : 100px;
text-align : center;
}
.ConnectionWait .Logo {
display : block;
margin-bottom : 20px;
text-align : center;
}
.ConnectionWait .Logo img {
display : block;
width : 182px;
height : 65px;
background : url(/img/all/coupon_logo.gif) 0 0 no-repeat;
}
.ConnectionWait .loader {
display : block;
text-align : center;
}
.ConnectionWait .StatusMessage {
display : block;
text-align : center;
font-weight : bold;
color : #1572c5;
}