@charset "UTF-8";

#online{
	float:right;
	padding:0px 0px 0px 0px;
	border-left:solid #E5E5E5 1px;
	margin:9px 0px 0px 10px;
	display:inline;
}

	#online a , .online_ {
		display:block;
		text-decoration:none;
		width:119px;
		height:22px;
		background:url(../img/online_.gif) no-repeat left top;
		padding:9px 0px 0px 27px;
		color:#008131;
	}
	#online a:hover{
		display:block;
		text-decoration:none;
		width:119px;
		height:22px;
		background-image:url(../img/online_hover.gif);
		padding:9px 0px 0px 27px;
		color:#000;
	}
	
	
	
#onlineHover{
	float:right;
	position:absolute;
	width:405px;
	min-height: 130px;
	height: auto !important;
	height: 130px;
	background: url(../img/onlineHoverBg.png) right  bottom no-repeat;
	margin:40px 0px 0px 448px;
	padding:0px 0px 10px 0px;
}

	#onlineOne{
		display:inline;
		float:left;
		width:120px;
		min-height: 100px;
		height: auto !important;
		height: 100px;
		margin:20px 0px 0px 20px;
		border-right:1px solid #339A5A;
		
	}
		#onlineOne a , #onlineTwo a ,#onlineThree a{
			display:block;
			text-decoration:none;
			color:#FFFFFF;
			line-height:130%;
		}
		#onlineOne a:hover , #onlineTwo a:hover ,#onlineThree a:hover{
			display:block;
			text-decoration:none;
			color:#FFCC00;
			line-height:130%;
		}
	#onlineTwo{
		display:inline;
		float:left;
		width:120px;
		min-height: 100px;
		height: auto !important;
		height: 100px;
		margin:20px 0px 0px 10px;
		border-right:1px solid #339A5A;
		
	}
	#onlineThree{
		display:inline;
		float:left;
		
		width:120px;
		margin:20px 0px 0px 10px;
		
	}