body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;

    scrollbar-base-color:#cccccc;
    scrollbar-3dlight-color:#333333;
    scrollbar-arrow-color:#333333;
    scrollbar-darkshadow-color:#333333;
    scrollbar-face-color:#cccccc;
    scrollbar-highlight-color#cccccc;
    scrollbar-shadow-color:#cccccc;
    scrollbar-track-color:#cccccc; 
}

table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #323232;
}
h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #323232;
    text-transform: uppercase;
    font-weight: bold;
}

.small {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 9px; 
    color: #323232;
}

.title {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #c5c5c5;
    height: 30px;
    font-weight: bold;
    background-image: url(gfx/titlebg.jpg);
    background-repeat: repeat;
    background-position: left top;
}

.forumtitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #323232;
    height: 30px;
    font-weight: bold;
    background-image: url(gfx/titlebg.jpg);
    background-repeat: repeat;
    background-position: left top;
}

.toptitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #323232;
    height: 20px;
    font-weight: bold;
	border-bottom: 1px dashed #c5c5c5;
}

.category_big {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px; 
    color: #323232; 
    font-weight: bold; 
}

.category {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px; 
    color: #323232; 
    font-weight: normal; 
}

.marked {
    background-color: #323232;
    font-weight: bold;
}

a, a:visited, a:active {
    color: #323232;
    text-decoration: none;
    font-weight: normal;
}

a:hover {
    color: #4ebf42;
    text-decoration: none;
    font-weight: normal;
}

a.titlelink, a.titlelink:visited, a.titlelink:active {
    color: #c5c5c5;
    text-decoration: none;
    font-weight: bold;
}

a.titlelink:hover {
    color: #4ebf42;
    text-decoration: none;
    font-weight: bold;
}




.menu_sub, .menu_sub *{ margin:0px; padding:0px; list-style:none outside none; font-weight:normal;}
		.menu_sub li{float:left; background: transparent url(gfx/submenulinkbg.jpg) no-repeat scroll 0% 0px; margin-left:1px;background-position: right;}
		.menu_sub a , .menu_sub a:visited{text-decoration:none;display:block; padding:0px 11px 0px 9px; font-size:10px; font-weight:bold; font-family:verdana,tahoma; color:#dad5cb; /*dark version: color:#fff;*/}
		.menu_sub a:hover{text-decoration:underline; background: none;color: #4ebf42;font-weight: bold;}
		.menu_sub img.spacer_navi{width:100%; height:35px;}



#sponsors_head
{
	float:left;
	width:745px;
}
#sponsors_head_contenu
{
	position:relative; overflow:hidden; 
	float:left;
	background-image:url(http://www.team-extensive.com/images/sponsors_head/fond.png);
	width:713px;
	height:74px;
}

#sponsors_head_contenu_enfant
{
	position:relative; 
	left:0px; 
	float:left; 
	top:0px;
}



a.category, a.category:visited, a.category:active {
    color: #323232;
    text-decoration: none;
}

a.category:hover {
    color: #4ebf42;
    text-decoration: none;
}

option, textarea, input, select, file {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    color: #323232; 
    background-color: #ededed; 
    border: 1px solid #c5c5c5;
}

.footer {color: #323232
	  size: 10px
			}
			
.form_off {  
    color: #323232; 
    background-color: #efefef; 
    border: 1px solid #c5c5c5;
}

.form_on {  
    color: #323232; 
    background-color: #e0e0e0; 
    border: 1px solid #000000;
}

.form_username {
    background-color: #0a0a0a;
    border: 1px solid #000000;
	width: 97px;
	height: 16px;
	_height: 19px;
    color: #323232;
    text-align:left;
    background-image: url(gfx/login_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}

.form_password {
    background-color: #0a0a0a;
    border: 1px solid #000000;
	width: 97px;
	height: 16px;
	_height: 19px;
    color: #323232;
    text-align:left;
    background-image: url(gfx/login_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}

.form_search {
    background-color: #434343;
    border: 1px solid #434343;
	width: 120px;
	height: 14px;
	_height: 19px;
    color: #f2f2f2;
    text-align:left;
    background-image: url(gfx/search_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}

.form_name {
    background-color: #e1e1e1;
    border: 1px solid #c5c5c5;
    color: #323232;
    background-repeat: no-repeat;
    background-position: left top;
}

.form_text {
    background-color: #e1e1e1;
    border: 1px solid #c5c5c5;
    color: #323232;
    background-repeat: no-repeat;
    background-position: left top;
}

.input { 
    background-color: transparent; 
    border: 1px none; 
    margin-top: 0px;
    margin-bottom: 0px;
}

/* root element should be positioned relatively so that 
	child elements can be positioned absolutely */
div.controls { 
	position:relative;
	height:8px;
	margin:12px 0 0;
	padding:5px 0 0;
}

/* when play button toggles between play/pause class 
	we move it's background image */
div.controls div.play, div.controls div.pause { 
	position:relative;
	width: 18px;
	height:10px;
	text-indent:-999em;
	cursor:pointer;
	overflow:hidden;
	background:url(gfx/controls/play_pause.gif) center top no-repeat;
	margin-top: -10px;
}

div.controls div.pause { 
	background-position:center -10px;
}

/* the track or "scrubber"  */
div.controls div.track { 
	position:absolute;
	top:-6px;	
	height:18px;
	left:20px;
	background:url(gfx/controls/track.gif) no-repeat;
	text-align:left;
	cursor:pointer;
	width:200px;	
}

/* the draggable playhead */
div.controls div.playhead { 
	position:absolute;	
	height:12px;
	background:url(gfx/controls/playhead.png) no-repeat;
	cursor:pointer;
	top:0px; 
	width:12px;
}

/* buffer and controls are automatically resized, their initial width should be 0 */
div.controls div.progress, div.controls div.buffer {	
	background-color:#fff;
	height:6px;
	margin:3px 4px;
	width:0px;
	position:absolute;
	top:0;
	font-size:0px;	
	
	/* this is the way to fine tune buffer and progress max width */
	max-width:246px;
}

div.controls div.buffer {
	background-color:#999;
}

/* som proprietary styling for progress bar under mozilla */
div.controls div.progress {
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-topleft:2px;	
}

#player {
			width:246px;
			height:170px;
			
		}