@charset "utf-8";

/* Only use detailBox in chat invitation  */

/* --- detailBox --- */
.detailBox {margin: 0; font-family: Arial,Helvetica,sans-serif;  font-size:12px; line-height: 1.4em; color: #333333;
	clear:both; width: 250px; height: auto; position: absolute; left: 20px; top:20px;
 	background: url(/css/en/invitation/body_box_bg.gif) center bottom; border: 2px solid #FF9900; padding: 4px;}
.detailBox .userName { width:162px; float: left; font-weight: bold !important;} 
.detailBox .userName input {font-size: 12px; font-weight: bold !important; border: 1px solid #ccc; padding-left: 2px; width:160px;}
.detailBox .status {width: 20px;  float: left;}
.detailBox .help {padding: 1px 0px 0pt 0pt; float: right;}
.detailBox .setting {padding: 0px 5px 0pt 0pt; float: right;}

.detailBox .time {width: 50px;  float: right; text-align:right; font-size: 10px;}
.detailBox .message {clear: both; width: 100%; height: 55px; float: left; padding: 2px  0px  2px  2px; border: 1px solid #ccc; margin-top: 2px;}
.detailBox .action {clear: both; text-align: right; /*margin : 2px 0;*/ }
.detailBox .action img {cursor: pointer; }