img, div, a, input, li, ul, dt, em, span, h1, h2, h3, fieldset, label, p, strong { border: 0; margin: 0; padding: 0; }


img, div, a, input, li, ul, dt, em, span, h1, h2, h3, fieldset, label, p, strong { behavior: url(scripts/iepngfix.htc); padding: 0; } /* IE PNG Fix */
img, div, a, input, li, ul, dt, em, span, h1, h2, h3, fieldset, label, p, strong { behavior: url(scripts/hover.htc); padding: 0; } /* IE Hover Fix */

/*-------------------------
 Links & Colors
-------------------------*/


#footer a, a:visited, a:active {
	color: #e97424;
	text-decoration: none
}
#footer a:hover {
	text-decoration: underline;
}


/*-------------------------
 Container
-------------------------*/

#container {
	background:#fff;
	width: 993px; height:auto;
	margin: 0 auto;
	text-align: left;
	border-left:#000 3px solid;
	border-right:#000 3px solid;
}

/*-------------------------
 Main
-------------------------*/
#header,
#navi,
#sponsors-bar,
#main{
	background:#fff;
	width: 991px;
	padding:0 1px;
	text-align: left;
	margin: 0 auto;
	clear:both;
}

#main-wrap { 
	background: #fff;
	width: 884px; /* 890 - 6 */
	border: 3px solid #e4e4e4;
	border-top: 0; border-bottom: 0;
	padding: 0 0 9px 0;
}

/*-------------------------
 Wrap
-------------------------*/

#content-wrap {
	overflow: auto;
}

/*-------------------------
 User Panel
-------------------------*/

.userpanel-wrapper{
	width:221; height:68px;
	padding:5px; margin:0;
	display:block;
}
.register-options{
	color:#ea7424;
	width:190px; height:36px;
	display:block;
	line-height:36px;
	text-align:center;
	font-weight:bold;
	padding:0; margin:15px 0 0 35px;
}

.login-usename,
.login-password{
	background:url(img/login_input.png) no-repeat;
	width:112px; height:22px;
	color: #fff;
	border:0px;
	margin:0;
	padding-top: 5px;
	padding-left: 5px;

}

.login-button{
	background:url(img/login_button.png) no-repeat;
	width:103px; height:51px;
	display:inlin-block;
	border:0px;
	padding:0; margin:0;
}
body {
    margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(img/bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #161616;
	color: #323232;
	font-size: 12px;
	font-family: arial, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;

    scrollbar-base-color: #323232;
    scrollbar-3dlight-color:#4e9001;
    scrollbar-arrow-color:#4e9001;
    scrollbar-darkshadow-color:#4e9001;
    scrollbar-face-color: #323232;
    scrollbar-highlight-color: #323232;
    scrollbar-shadow-color: #323232;
    scrollbar-track-color: #323232; 
	scrollbar-width: 12px;
}

table {
    font-size: 12px;
	font-family: arial, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
    color: #323232;
}
h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #e97424;
    text-transform: uppercase;
    font-weight: bold;
}

.small {  
    font-size: 12px;
	font-family: arial, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
    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: #c5c5c5;
    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: #e97424;
    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: #e97424;
    text-decoration: none;
    font-weight: bold;
}

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

a.chighlight:hover {
    color: #5b5b5b;
    text-decoration: none;
    font-weight: bold;
}


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

a.rhighlight:hover {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}


.news_bg {
background-image: url(img/news_bg.png);
background-position: top left;
background-repeat:repeat-x;
text-shadow: #fff 0 1px 0px;
}

.news_bg:hover {
background-image: url(img/news_bg_hover.png);
background-position: bottom left;
background-repeat:repeat-x;
}




.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: #323232;*/}
		.menu_sub a:hover{text-decoration:underline; background: none;color: #4e9001;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: #e97424;
    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: #666666; 
    background-color: #FFF; 
    border: 1px solid #c5c5c5;
}

.form_on {  
    color: #323232; 
    background-color: #ededed; 
    border: 1px solid #c5c5c5;
}


.form_username {
    background-color: #0a0a0a;
    border: 0px solid #000000;
	width: 179px;
	_width: 184px;
	height: 22px;
	_height: 24px;
	padding-left: 5px;
    color: #f2f2f2;
	padding-top: 5px;
    text-align:left;
    background-image: url(gfx/login_form_user.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}

.form_password {
    background-color: #0a0a0a;
    border: 0px solid #000000;
	width: 179px;
	_width: 184px;
	height: 22px;
	_height: 24px;
	padding-left: 5px;
    color: #f2f2f2;
	padding-top: 5px;
    text-align:left;
    background-image: url(gfx/login_form_user.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}

.form_search {
    background-color: #434343;
    border: 0px solid #434343;
	width: 156px;
	_width: 160px;
	height: 16px;
	_height: 20px;
	line-height: 15px;
	_line-height: 16px;
	padding: 2px;
    color: #f2f2f2;
    text-align:left;
    background-image: url(gfx/searchform.jpg);
    background-repeat: repeat-x;
    background-position: left top;
	text-indent: 5px;
}

.form_name {
    background-color: #323232;
    border: 1px solid #c5c5c5;
	height: 22px;
	line-height: 22px;
	width: 159px;
    color: #323232;
	background-image: url(gfx/shout_name.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}

.dot_botton {
    background-color: #2d5300;
    border: 1px solid #2d5300;
	height: 22px;
	line-height: 22px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 2px;
    color: #323232;
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	background-image: url(gfx/dot_bottons.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}
.dot_botton:hover {
    background-color: #2d5300;
    border: 1px solid #2d5300;
	height: 22px;
	line-height: 22px;
	padding-left: 5px;
	padding-right: 5px;
    color: #000000;
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	background-image: url(gfx/dot_bottons_h.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}


.form_text {
    background-color: #323232;
    border: 1px solid #c5c5c5;
	height: 69px;
	width: 251px;
    color: #323232;
	background-image: url(gfx/shout_messbox.jpg);
    background-repeat: no-repeat;
    background-position: left top;
	
}

.form_captcha {
    background-color: #323232;
    border: 1px solid #c5c5c5;
	height: 22px;
	
	width: 80px;
    color: #323232;
	background-image: url(gfx/shout_name.jpg);
    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: #323232;
	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;
			
		}




#dropmenudiv{
position:absolute;
border: 2px solid #396802;
border-bottom-width: 0;
font:normal 10px Verdana;
line-height:18px;
z-index:100;
border-bottom: 3px solid #396802;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 5px;
border-bottom: 1px dashed #396802;
padding: 1px 0;
text-align: left;
text-decoration: none;
background:url(nav/nav.png);
font-weight: bold;
color: #323232;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #000000;
}

/* TOOLTIP ---------------------------------------------------------------------------------- */

.login_infobox {
	position:relative;
	float: left;
	margin: 0 2px 0 2px;
}

.login_infobox_container {
	text-align:left;
	color:black;
	display:none;
	position:absolute;
	top:14px;
	right:-5px;
	width:147px;
}

.login_infobox:hover .login_infobox_container {
	display:block;
}

.login_infobox_center {
	background: transparent url(http://www.vip-gaming.net/gfx/tooltip_mdl.png) repeat-y scroll 0%;
	font-size:10px;
	line-height:11px;
	padding:5%;
	width:90%;
	font-weight: normal;
	cursor: default;
}

.login_infobox_top {
	background: transparent url(http://www.vip-gaming.net/tooltip_top.png) no-repeat scroll 0pt bottom;
	height:10px;
}

.login_infobox_bottom {
	background: transparent url(http://www.vip-gaming.net/gfx/tooltip_btm.png) no-repeat scroll 0pt top;
	height:5px;
}


input.normal_btn, input.large_btn, input.small_btn, input.green_btn, input.small_red_btn, input.red_btn, input.extralarge_btn {
	background-position: top left;
	background-repeat: no-repeat;
	height: 18px;
	border: 0;
	color: #fff !important;
	cursor: pointer;
	padding: 0 0 3px 0;
	font-size: 10px;
	margin: 2px;
	font-weight: bold;
	display: inline-block;
	line-height: 18px;
	text-align: center;
	background-color: transparent;
	text-shadow: #ba5612 0 1px 0px;
	text-transform: capitalize;
}

input.normal_btn {
	width: 70px;
}

input.large_btn {
	width: 100px;
}

input.extralarge_btn {
	width: 130px;
}


input.small_btn {
	width: 35px;
}

input.small_red_btn {
	width: 18px;
}

input.small_btn {
	background-image: url(gfx/small_btn.jpg);
}

input.normal_btn {
	background-image: url(gfx/normal_btn.jpg);
}

input.large_btn {
	background-image: url(gfx/large_btn.jpg);
}

input.extralarge_btn {
	background-image: url(gfx/extralarge_btn.jpg);
}

a.small_btn:hover input {
background-position: left -18px;
}


a.normal_btn:hover input {
background-position: left -18px;
}

a.large_btn:hover input {
background-position: left -18px;
}

a.extralarge_btn:hover input {
background-position: left -18px;
}

input.normal_btn:hover, input.large_btn:hover, input.green_btn:hover, input.small_red_btn:hover, input.red_btn:hover {
	background-position: left -18px;
}

.ghover {
background: #e0e0e0;height: 100%;
}
.ghover:hover {
background-image: url(gfx/ghover.gif);background-repeat: repeat;height: 100%;
}


/* MENU - END */
	
div.logincol {
	width: 294px;
	height: 78px;
	float: left;
	background-image: url(gfx/login_bg.png);
	padding: 6px 6px 6px 86px;
	text-align: left;
}

.balloonstyle{
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
z-index: 100;
background-image: url(gfx/tooltip.png);width: 211px;height: 75px;background-repeat: no-repeat;color: #FFFFFF;text-align: center;padding-top: 5px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/

}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}

#dhtmltooltip{
position: absolute;
visibility: hidden;
z-index: 100;
background-image: url(gfx/tooltip.png);width: 211px;height: 75px;background-repeat: no-repeat;color: #FFFFFF;text-align: center;padding-top: 12px;

}

    .tooltip {
      position: absolute;
      display: none;
      font-size: 20px;
      background-image: url(gfx/tooltip.png);width: 211px;height: 75px;background-repeat: no-repeat;color: #FFFFFF;text-align: center;padding-top: 20px;
    }