/* *********************************************
   *  pulp'arts  ******  webdesign development *
   *  www.pulp-arts.com - studio@pulp-arts.com *
   *  ---------------------------------------- *
   ********************************************* */

#Global {
position:absolute;
left:0px;
top:0px;
width:390px;
height:510px;
visibility: visible;
}

#Left {
position:absolute;
left:0px;
top:0px;
width:260px;
height:510px;
z-index: 3;
visibility: visible;
}

	#DivLogged {
	position:absolute;
	left:0px;
	top:0px;
	width:260px;
	height:15px;
	visibility: visible;
	z-index: 1;
	background-color: #000000;
	color: #ffffff;
	}
	
	#DivChat {
	position:absolute;
	left:0px;
	top:18px;
	width:246px;
	height:432px;
	z-index: 9;
	visibility: visible;
	}
		#container {
		position: absolute;
		top: 0px;
		right: 0px;
		margin-right: 0px;
		width: 100%;
		height: 432px;
		overflow: hidden;
		background-color: #e7e7e7;
		z-index: 10;
		visibility: visible;
		}
			#content {
			position: absolute;
			padding: 3px 5px 3px 5px;
			width: 240px;
			left: 0px;
			font: 10px Arial, Helevetica,san-serif;
			visibility: visible;
			}
		#scrollArea {
		position:absolute;
		left:245px;
		top:0px;
		width:9px;
		height:432px;
		background-color: #c7c7c7;
		z-index: 11;
		visibility: visible;
		}
			#scroller {
			position:absolute;
			left:1px;
			top:411px;
			width:8px;
			height:20px;
			background-color: #999999;
			visibility: hidden;
			cursor:pointer;
			}
	#form {
	position: absolute;
	top: 460px;
	left: 0px;
	width: 253px;
	height: 50px;
	background-color: #e7e7e7;
	z-index: 2;
	visibility: visible;
	}
		textarea {
		position:absolute;
		height: 50px;
		left: 0px;
		width: 253px;
		top:0px;
		font-family: Arial, Helvetica, sans-serif;
		color: #999999;
		font-size: 11px;
		letter-spacing: 1px;
		border: none;
		border: 0px;
		background-color: #e7e7e7;
		overflow:hidden;
		margin: 0px;
		}

#Right {
position:absolute;
left:260px;
top:0px;
width:130px;
height:510px;
z-index: 2;
visibility: visible;
}
	#DivOnline {
	position:absolute;
	top:0px;
	left:0px;
	width:130px;
	height:18px;
	visibility: visible;
	color: #ffffff;
	z-index: 1;
	}
	
	#ListOnline {
	position:absolute;
	top:18px;
	left:0px;
	width:121px;
	height:432px;
	visibility: visible;
	overflow: hidden;
	background-color: #e7e7e7;
	z-index: 2;
	}
		#container2 {
		position: absolute;
		top: 0px;
		right: 0px;
		margin-right: 0px;
		width: 100%;
		height: 430px; /*432px*/
		overflow: hidden;
		background-color: #e7e7e7;
		z-index: 10;
		visibility: visible;
		}
			#content2 {
			position: absolute;
			padding: 3px 5px 3px 5px;
			width: 118px;
			left: 0px;
			font: 10px Arial, Helevetica,san-serif;
			visibility: visible;
			z-index: 11;
			word-wrap:break-word;
			word-break:break-strict;
			}
		#scrollArea2 {
		position:absolute;
		left:121px;
		top:18px;
		width:9px;
		height:432px;
		background-color: #e7e7e7;
		z-index: 12;
		visibility: visible;
		}
			#scroller2 {
			position:absolute;
			left:1px;
			top:411px;
			width:8px;
			height:20px;
			background-color: #999999;
			visibility: hidden;
			cursor:pointer;
			}
	
	#legend {
	position: absolute;
	top:460px;
	left:0px;
	height:35px;
	width: 130px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	visibility: visible;
	z-index: 3;
	}
	#submit {
	position: absolute;
	top:495px;
	left:0px;
	height:15px;
	width: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #1f2932;
	cursor:pointer;
	visibility: visible;
	z-index: 4;
	}


/* Submit button */
#submit p {
color: #ffffff;
text-decoration:none;
text-align:center;
margin-top: 2px;
}

/* Submit button on mouse over */
#submit p:hover {
color: #4d848f;
cursor:pointer;
}

#submit a {
color: #ffffff;
text-decoration:none;
}
#submit a:hover {
color: #4d848f;
cursor:pointer;
}

#logout {
	position:absolute;
	left:85px;
	top:497px;
	width:45px;
	z-index:5;
	font-size: 10px;
}


/*#infobulle{
position: absolute; 
visibility : hidden;
border: 1px solid #CCCCCC;
padding: 10px;
font-family: Verdana, Arial;
font-size: 10px;
background-color: #333333;
z-index:150;
}
div#infobulle{
	background-color: #333333;
	border: 1px solid #cccccc;
	color:#4d848f;
	width: auto;
	max-width: 300px;
	padding: 3px;
	text-align: center;
	font-size: 90%;
	z-index:200;
}*/

.link_bulle {
cursor: pointer;
/*border-bottom: 1px dotted gray;*/
}

.infos_bulle {
max-width: 170px;
z-index: 500;
position: absolute;
top: -999px;
visibility: hidden;
font: normal 10px Verdana, Arial;
color: #4d848f;
padding: 3px;
border: 1px solid #cccccc;
background-color: #333333;
opacity: 0.95;
-moz-opacity: 0.95;
filter: alpha(opacity=95); 
}