div{
	font-family: Arial, Helvetica, sans-serif;
}




/*
 * You can't apply moo.fx Opacity effects (and possibly, any effects) to
 * an element in IE that does not have "zoom: 1" defined for it.  I have
 * no idea why; it just is.
 */

#message{
    zoom: 1;
	color:#990000;
	font-weight:bold;
	padding:5px;
}

#message a{
	color:#000000;
	font-weight:bold;
}

.sounds_object{
	position:absolute;
        visibility:hidden;
	right:0px;
	bottom:0px;
	width:1px;
	height:1px;
}

.client {
    clear: left;
}


#loading{
	bottom: 3px;
	right: 3px;
	background: #FFEFB9;
	border: 1px dashed #FF6600;
	color:#666666;
	font-size:12px;
	padding:5px;
	padding-left:12px;
	padding-right:12px;
	font-weight:bold;
	position: absolute;
	display:none;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
	text-align:center;
	cursor:wait;
}



#transfer_attempt {
	position:absolute;
	left:50px;
	top:50px;

	background: #FFEFB9;
	border: 1px dashed #FF6600;
	color:#666666;
	font-size:12px;
	padding:5px;
	padding-left:12px;
	padding-right:12px;
	font-weight:bold;
	position: absolute;
	display:none;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
	text-align:center;
}

.monitor_head td{
	background:#A6CBFF;
	padding:5px;
	font-size:10px;
	border-top:5px solid #3F8FFF;
	border-left:1px solid #3F8FFF;
	border-bottom:0px;
}
.monitor_head_second_level td{
	background:#A6CBFF;
	padding:5px;
	font-size:10px;
	border-top:1px solid #3F8FFF;
	border-left:1px solid #3F8FFF;
	border-bottom:0px;
}
.monitor_row td{
	padding:5px;
	font-size:10px;
	border-left:1px solid #EEEEEE;
	border-bottom:1px solid #EEEEEE;
	border-top:0px;
}

.monitor_row_hover td{
	padding:5px;
	font-size:10px;
	border:1px solid #D8D8D8;
	border-right:0px;
	background:#FFFEE1;
	padding-top:4px;
}

.td_overflow{
background:pink;
	overflow:visible
}

.tree_box {
	position:fixed!important;
	position:absolute;
	height:inherit;
	top: 105px;
	left: 135px;
	border:1px solid #666666;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
}
.color_box {
	position:absolute;
	top: auto;
	left:auto;
	background:#333333;
}
.color_box td{
	cursor: pointer;
}
.tree_branch {
   margin-left: 15px;
}

.canned_block_left{
	background:#F5F5F5;
	padding:5px;
	width:125px;
}
.canned_block_right{
	background:#FFFBF0;
	padding:5px;
}

.dialog_close{
	background:#FFEDC4;
	font-size:12px;
	padding:3px;
	font-weight:bold;
	cursor:move;
}

.text_box_current_page{
	border:0px;
	margin:0px;
	background:inherit;
}

#information_panel_contents{
	font-size:10px;
	width:100%;
	height:135px;
	overflow:auto;
}	

.operator{
}

.system_message{
	background:#FFFBF0;
	border-top:1px dashed #FFCC00;
	border-bottom:1px dashed #FFCC00;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:10px;
	margin-bottom:10px;
	color:#752600;
}

.visitor_info{
	font-size:10px;
	width:500px;
}

.close{
	cursor:pointer;
	background:#FF6600;
	color:#FFFFFF;
	padding-left:4px;
	padding-right:4px;
	font-size:10px;
	font-weight:normal;
}

.traffic_history_1{
	font-size:10px;
	padding:5px;
	background:#FFFBF0;
}
.traffic_history_1_hover{
	font-size:10px;
	padding:5px;
	background:#FFF4D7;
}
.traffic_history_2{
	font-size:10px;
	padding:5px;
	background:#ffffff;
	border: 1px solid #FFEFC4;
	border-top:0px;
}
.online_td{
	background:#EAFFEA;
}
.offline_td{
	background:#FFF9F9;
}