.modal-background
{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:#777;
    -moz-opacity:.50; 
    filter:alpha(opacity=50); 
    opacity:.50;
}

.window-container
{
	width:350px;
	position:fixed;
	left:350;
	top:200;
	font-size:13px;
	font-family:verdana;
}

.window-titleBar
{
    height:23px;
    margin:0 9px 0 9px;
    text-align:center;
}

.window-titleBar-content
{
    height:23px;
    text-align:center;
    padding-top:5px;
    background: transparent url(/images/mod_clientmsg/top_mid.gif) repeat-x;
	cursor: move;
}

.window-titleBar-leftCorner
{
	background: transparent url(/images/mod_clientmsg/top_left.gif) no-repeat;			
    width:9px;
    height:23px;
    position: absolute;
	left: 0px;
	top: 0px;
}

.window-titleBar-rightCorner
{
	background: transparent url(/images/mod_clientmsg/top_right.gif) no-repeat;			
    width:9px;
    height:23px;
    position: absolute;
	right: 0px;
	top: 0px;
}

.window-minimizeButton
{
    width: 14px;
	height: 14px;
	background: transparent url(/images/mod_clientmsg/minimize.png) no-repeat 0 0;
	position: absolute;
	left: 35px;
	top: 5px;
	cursor: pointer;
	
}

.window-maximizeButton
{
    width: 14px;
	height: 14px;
    background: transparent url(/images/mod_clientmsg/maximize.png) no-repeat 0 0;
	position: absolute;
	left: 55px;
	top: 5px;
	cursor: pointer;
	
}

.window-closeButton
{
    width: 14px;
	height: 14px;
	background: transparent url(/images/mod_clientmsg/close.png) no-repeat 0 0;	
	position: absolute;
	left: 15px;
	top: 5px;
	cursor: pointer;
	
}


.window-content
{
	height:100%;
	background-color:#FFFFFF;
	font-size:13px;
	font-family:verdana;
	color:#000000;
    border-left:1px solid #AAA;
    border-right:1px solid #AAA;
    overflow:auto;
}


.window-statusBar
{
	height:19px;
    position: relative;
    border-left:1px solid #AAA;
	overflow: hidden;
    background: transparent url(/images/mod_clientmsg/bottom_mid.gif) repeat-x;
}

.window-resizeIcon
{
    width: 20px;
	height: 20px;
    background: transparent url(/images/mod_clientmsg/sizer.gif) no-repeat right bottom;
	position: absolute;
	right: 0px;
	bottom: 0px;
	cursor: se-resize;
	z-index: 200;
}
.chatBox {
	background: none repeat scroll 0% 0% rgb(239, 239, 239);
}
.chatBoxOuter {
	height:100%;
	background:transparent;
	position: absolute;
	top: 33px;
	width: 100%;
	overflow: hidden;
	z-index:110;
}
.chatBoxInner {
	display:block;
	margin: 0 20px 20px 20px;
	height:100%;
}
.chatBoxToolbar {
	background: url("/images/mod_clientmsg/toolbar_bg.jpg") repeat-x scroll 0 0 #E3E3E3;
	border-bottom: 1px solid #CCCCCC;
	height: 25px;
}
.chatBoxToolbar .chatBoxToolbarNameButton img {
	padding-top: 3px;
}
.chatBoxToolbar .chatBoxToolbarNameText {
	border: 1px solid #CCCCCC;
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    padding-left: 3px;
	margin: 5px;
	float:right;
}
.chatBoxBody {
	width:100%;
	height:50%;
	/*margin-top: 100px;*/
	
	overflow:auto;
}
.chatBoxBody table {
	width: 100%;
	height:100%;
}
.chatBoxBody table tr td {
	vertical-align: middle;
}
.chatBoxBody table tr td * {
	vertical-align: top;
}
.chatBoxBody .chatBoxLog {
	border: 1px solid #CCCCCC;
	height: 100%;
	overflow: auto;
	background: none repeat scroll 0 0 #FFFFFF;
	font-size: 11px;
	
}
.chatBoxBody .chatBoxLog tbody {
	height: 100%;
}
.chatBoxBody .chatBoxLog tr {
	height: 100%;
}
.chatBoxBody .chatBoxLog tr td {
	height: 100%;
}
.chatBoxBody .chatBoxLog .chatBoxLine .chatBoxLineName {
	color:#cd6c2e;
}
.chatBoxBody .chatBoxLog .chatBoxLine .chatBoxLineOName{
	color:#4470a7;
}
.chatBoxBody .chatBoxLog .chatBoxLineSystem{
	color:#a4a4a4;
}
.chatBoxBody .chatBoxLog .chatBoxLineSystem .chatBoxLineTime{
	color:#000;
}


.chatBoxBody .chatBoxMessageText {
	border: 1px solid #CCCCCC;
    height: 50px;
    margin: 3px 5px;
	padding: 0 3px;
    overflow: auto;
    padding: 0 3px;
	color: #444444;
    font-family: Tahoma,Helvetica,sans-serif;
	font-size:12px;
	width:100%;
}
.chatBoxBody .chatBoxMessageButtonSend img {
	margin-left: 17px;
    margin-right: 5px;
}

.chatWindow .window-maximizeButton {
	width: 22px;
	height:22px;
	right: 48px;
	*right: 47px;
	left:auto;
	z-index: 180;
	top:3px;
}
.chatWindow .window-closeButton {
	width: 40px;
	height:22px;
	right: 10px;
	left:auto;
	z-index: 180;
	top:3px;
}
.chatWindow .window-minimizeButton {
	width: 26px;
	height:22px;
	left: auto;
    right: 64px;
	z-index: 180;
	top:3px;
}


.chatWindow .window-titleBar-content {
	 height:24px;
    text-align:left;
    padding-top:5px;
	padding-Left: 10px;
    background: transparent url(/images/mod_clientmsg/new_top_bg.png) repeat-x;
	color: white;
    font-weight: bolder;
	position:relative;
	z-index: 150;
}

.chatWindow .window-titleBar-leftCorner
{
	background: transparent url(/images/mod_clientmsg/new_top_left_corner.png) no-repeat;			
    width:14px;
    height:34px;
    position: absolute;
	left: 0px;
	top: 0px;
	z-index:100;
}

.chatWindow .window-titleBar-rightCorner
{
	background: transparent url(/images/mod_clientmsg/new_top_right_corner.png) no-repeat;			
    width:16px;
    height:34px;
    position: absolute;
	right: 0px;
	top: 0px;
	z-index:100;
}
.chatWindow .window-titleBar-leftBorder
{
	background: transparent url(/images/mod_clientmsg/new_top_left_border.png) no-repeat;			
    width:139px;
    height:24px;
    position: absolute;
	left: 0px;
	top: 0px;
	z-index:80;
}
.chatWindow .window-titleBar-rightBorder
{
	background: transparent url(/images/mod_clientmsg/new_top_right_border.png) no-repeat;			
    width:129px;
    height:25px;
    position: absolute;
	right: 0px;
	top: 0px;
	z-index:80;
}
.chatWindow .window-statusBar{
	height:15px;
    position: relative;
	overflow: hidden;
    background: transparent url(/images/mod_clientmsg/new_bottom_bg.png) repeat-x bottom;
	border: none;
	margin-top:-10px;
	z-index:200;
}

.chatWindow .window-statusBar-leftCorner {
	background: transparent url(/images/mod_clientmsg/new_bottom_left_corner.png) no-repeat;			
    width:14px;
    height:15px;
    position: absolute;
	left: 0px;
	bottom: 0px;
	z-index:100;
}
.chatWindow .window-statusBar-rightCorner {
	background: transparent url(/images/mod_clientmsg/new_bottom_right_corner.png) no-repeat;			
    width:16px;
    height:15px;
    position: absolute;
	right: 0px;
	bottom: 0px;
	z-index:100;
}
.chatWindow .window-content {
	border: none;
}
.chatWindow .chatBoxToolbar{
	background: transparent;
	text-align:right;
	border:none;
	margin:10px 0;
	padding: 0 20px;
}
.chatWindow .assetsContainer {
	position:relative;
	background: transparent url(/images/mod_clientmsg/new_middle_bg.png) repeat;
	width:100%;
	left: 0px;
	top: 0px;
	height:100%;
	background:transparent;
}
.chatWindow .window-content-leftTopBorder {
	background: transparent url(/images/mod_clientmsg/new_left_top.png) no-repeat;			
    width:14px;
    height:147px;
    position: absolute;
	left: 0px;
	top: 11px;
	z-index:80;
}
.chatWindow .window-content-leftBottomBorder {
	background: transparent url(/images/mod_clientmsg/new_left_bottom.png) no-repeat;			
    width:14px;
    height:195px;
    position: absolute;
	left: 0px;
	bottom: 0px;
	z-index:75;
}
.chatWindow .window-content-leftBorder{
	background: transparent url(/images/mod_clientmsg/new_left_bg.png) repeat-y left top;
	width:14px;
    position: absolute;
	height:100%;
	left: 0px;
	top: 0px;
	z-index:50;
}.chatWindow .window-content-rightTopBorder {
	background: transparent url(/images/mod_clientmsg/new_right_top.png) no-repeat;			
    width:16px;
    height:147px;
    position: absolute;
	right: 0px;
	top: 11px;
	z-index:80;
}
.chatWindow .window-content-rightBottomBorder {
	background: transparent url(/images/mod_clientmsg/new_right_bottom.png) no-repeat;			
    width:16px;
    height:195px;
    position: absolute;
	right: 0px;
	bottom: 0px;
	z-index:75;
}
.chatWindow .window-content-rightBorder{
	background: transparent url(/images/mod_clientmsg/new_right_bg.png) repeat-y right top;
	width:16px;
    position: absolute;
	height:100%;
	right: 0px;
	top: 0px;
	z-index:50;
}

.chatWindow .window-content-midLeft {
	background: transparent url(/images/mod_clientmsg/new_middle_left.png) repeat-y left top;			
    width:139px;
    height:100%;
    position: absolute;
	left: 14px;
	top: 0;
	z-index:75;
}
.chatWindow .window-content-midRight {
	background: transparent url(/images/mod_clientmsg/new_middle_right.png) repeat-y right top;			
    width:130px;
    height:100%;
    position: absolute;
	right: 16px;
	top: 0;
	z-index:75;
	padding: 0 20px;
}
.chatWindow .chatBoxHeader {
	position:absolute;
	left: 0;
	top:0;
	/*width:100%;*/
	height:60px;
	padding: 0 20px;
}
.chatWindow .chatBoxToolbar {
	height:25px;
	position:absolute;
	left: 0;
	top:70px;
	width:100%;
	padding:0;
	margin:0;
}
.chatWindow .chatBoxToolbarName {
	padding: 0 20px;
}

.chatWindow .chatBoxInput{
	
	position:absolute;
	bottom:30px;
	left:0;
	
	height:60px;
	padding: 0 20px;
}
.chatWindow .chatBoxInput textarea {
	width:100%;
}
.chatWindow .chatBoxInput img {
	float:right;
	margin-top: 4px;
}

.chatWindow .chatBoxHeaderPhoto {
	/*background: transparent url(/images/mod_clientmsg/new_photo.png) repeat-y right top;	*/
	background: none;
	width:60px;
	height:55px;
	float: left;
	margin: 3px 10px 0 0;
}
.chatWindow .chatBoxHeaderTextName{
	color: #4470a7;
	font-weight:bold;
}