/*

________________________________________

      w w w             
      w w w              
      wwwww             
                         
      w w w             
      w w w              
      wwwww             
                         
      x   x             
       x x               
        x               
       x x               
      x   x             
                         
    c s s   s t y l e   s h e e t
                         
________________________________________

*/


/*______________________________________
UNIVERSALS
________________________________________*/


body {

	cursor:default;

	scrollbar-base-color:red;
	
	scrollbar-3dlight-color:black;
	scrollbar-darkshadow-color:black;
	
	scrollbar-highlight-color:#383848;
	scrollbar-shadow-color:#7F7F8F;
	
	scrollbar-track-color: #404050;
	scrollbar-face-color:#505060;
	scrollbar-arrow-color:white;

	background: url(p/wwxbg.jpg) top center no-repeat fixed;
	background-color: #000000;

	color:#eeeeee;

	font-size:12px;
	font-family:Arial;

	margin: 0px 0px 0px 0px;
}

body {

	scrollbar-base-color:red;
	
	scrollbar-3dlight-color:black;
	scrollbar-darkshadow-color:black;
	
	scrollbar-highlight-color:#383848;
	scrollbar-shadow-color:#7F7F8F;
	
	scrollbar-track-color: #404050;
	scrollbar-face-color:#505060;
	scrollbar-arrow-color:white;


}

hr{
	margin:3px;
	height:0px;
	border-top:1px solid black;
	border-bottom:1px solid #787878;
}

h1, h2, h3, h4{
	background:url(p/headerbg.png) top left no-repeat;
	margin:0px 0px 0px 0px;
	font-family:Tahoma;
	padding:5px 5px 5px 15px;
	color:#969696;
}
h1{font-size:1.4em;}
h2{font-size:1.2em;}
h3, h4{font-size:1.1em;}
h5, h6{
	font-size:1.1em; 
	font-weight:normal;
	margin:0px 0px 0px 0px;
	font-family:Tahoma;
	border-bottom:1px dashed #353535;
	font-weight:bold;
	text-transform:uppercase;
}

a:link {text-decoration:none; color:#AD8FDE; font-weight:bold}
a:hover {text-decoration:none; color:white; font-weight:bold; background:url(p/anchorbg.gif)}
a:visited {text-decoration:none; cursor: hand; color:#7C5EA6; font-weight:bold}
a:visited:hover {text-decoration:none; cursor: hand; color:white; font-weight:bold; background:url(p/anchorbg.gif)}
a:active {text-decoration:none; color: #0080FF; cursor: hand; font-weight:bold}
a:visited:active {text-decoration:none; cursor: hand; color:red; font-weight:bold}

input[type="text"], input[type="password"], input[type="file"]{
	font-size:11px;
	color:#d4d4d4;
	border:1px solid #353535;
	background:url(p/minicons.png) no-repeat -13px -79px;
}
input[type="button"], input[type="submit"]{
	font-size:10px;
	text-transform:uppercase;
	color:#d4d4d4;
	border:1px solid #555555;
	background:url(p/minicons.png) no-repeat -12px -137px;
}
textarea{
	font-family:Lucida Console;
	font-size:11px;
	color:#d4d4d4;
	border:3px solid #222222;
	background-color:#353535;
}
select {
	font-size:11px;
	color:#d4d4d4;
	border:1px solid #353535;
	background-color:black;
}
pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	font-family:Consolas, Lucida Console, Courier;
	font-size:10px;
	margin:0px;
}

/*______________________________________
ID STUFF
________________________________________*/

#divmainholder{
	width:980px;
	margin:auto;
	position:relative;
}

#divfp{
	width:100%;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding-top:280px;
	background:url(p/frontpageheader.jpg) top center no-repeat #000000;
}

#divfp h1{
	display:none;
}

#divfpinside{
	width:980px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
}
#divfpstuff{
	width:950px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	padding:15px;
	padding-top:15px;
	border-bottom:1px solid #343434;
	border-left:1px solid #343434;
	border-right:1px solid #343434;
	font-size:16px;
	letter-spacing:1px;
	background:url(p/frontpagestuffbg.png) top center repeat-x #000000;
	clear:both;
}
#divfpstuff img, #divfpstuff object{
	float:left;
}
#divfpvideo{
	width:398px;
	height:260px;
	margin:3px;
	float:left;
	background:url(p/fpvideobg.jpg) bottom left no-repeat;
}
#divfpinfo{
	width:258px;
	height:240px;
	margin:3px;
	padding:10px;
	float:left;
	font-family:Trebuchet MS, Verdana, sans-serif;
	color:#898989;
	font-size:15px;
	letter-spacing:1px;
}
#pfp1{
	display:block;margin:0px;
	width:212px;height:106px;
	background:url(p/frontpageimages.jpg) top left no-repeat;
}
#pfp3{
	display:block;	margin:0px;
	width:212px;	height:106px;
	background:url(p/frontpageimages.jpg) 0px -106px no-repeat;
}
#pfp4{
	display:block;	margin:0px;
	width:212px;	height:106px;
	background:url(p/frontpageimages.jpg) 0px -212px no-repeat;
}
#pfp2{
	display:block;	margin:0px;
	width:212px;	height:106px;
	background:url(p/frontpageimages.jpg) 0px -318px no-repeat;
}
#divfpbuttons{
	width:278px;
	height:260px;
	margin:3px;
	float:left;
}
#divfpbuttons a{
	display:block;
	text-indent:-9999em;
	width:276px;
	height:66px;	
}

#divfpbuttons a[title="What is WWX efed"]:link, #divfpbuttons a[title="What is WWX efed"]:visited, #divfpbuttons a[title="What is WWX efed"]:active{
	background:url(p/frontpagebuttons.png) 0px -10px no-repeat;
}
#divfpbuttons a[title="What is WWX efed"]:hover, #divfpbuttons a[title="What is WWX efed"]:hover{
	background:url(p/frontpagebuttons.png) -276px -10px no-repeat;
}
#divfpbuttons a[title="Join WWX"]:link, #divfpbuttons a[title="Join WWX"]:visited, #divfpbuttons a[title="Join WWX"]:active{
	background:url(p/frontpagebuttons.png) 0px -96px no-repeat;
}
#divfpbuttons a[title="Join WWX"]:hover, #divfpbuttons a[title="Join WWX"]:hover{
	background:url(p/frontpagebuttons.png) -276px -96px no-repeat;
}
#divfpbuttons a[title="Control Panel Log In"]:link, #divfpbuttons a[title="Control Panel Log In"]:visited, #divfpbuttons a[title="Control Panel Log In"]:active{
	background:url(p/frontpagebuttons.png) 0px -182px no-repeat;
}
#divfpbuttons a[title="Control Panel Log In"]:hover, #divfpbuttons a[title="Control Panel Log In"]:hover{
	background:url(p/frontpagebuttons.png) -276px -182px no-repeat;
}

#divmainlogo{
	width:978px;
	height:130px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	background:url(p/wwxheader.png) no-repeat bottom left;
}

#divlogin{
	width:976px;
	background-color:black;
	position:fixed;
	top:0px;
	margin-left:auto;
	margin-right:auto;
	border-bottom:2px solid #222222;
	font-size:11px;
	color:#aaaaaa;
	text-indent:30px;
}

#divbiglogin{
	width:580px;
	border:3px solid #151515;
	margin:auto;
}

#divbiglogin div{
	background-color:black;
	padding:10px;
	border:1px solid #222222;
}

#form_login{
	float:right;
	font-size:11px;
	color:#aaaaaa;
}
#form_login2{
	margin-left:290px;
}
#loadingbar{
	float:right;
	font-size:11px;
	color:#aaaaaa;
}

#divtopads, #divbottomads{
	padding-top:8px;
	width:978px;
	height:110px;
	margin-left:auto;
	margin-right:auto;
	background:url(p/adsbg.png) no-repeat top left;
}
#divtopads div, #divbottomads div{
	width:770px;
	height:92px;
	border: 1px solid #232323;
	margin:auto;
	background-color:#000000;
	text-align:center;
}

#divcopyright{
	width:978px;
	height:25px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding-top:5px;
	padding-bottom:-5px;
	font-size:10px;
	text-align:center;
	background:url(p/copyright.gif) no-repeat top left;
}

#divbody{
	position:relative;
}
#divnavigation{
	width:150px;
	height:100%;
	float:left;
	margin: 0px 1px 1px 1px;
}
#divcontent{
	width:600px;
	height:100%;
	float:left;
	margin: 0px 1px 1px 1px;
}
#divstuff{
	width:222px;
	height:100%;
	float:left;
	margin: 0px 1px 1px 1px;
}
#divcpanelbody{
	float:left;
	width:750px;
	padding-left:20px;
	padding-right:20px;
}
#divcpanelnavi{
	float:left;
	width:180px;
	border:3px solid #111111;
	font-family:Verdana;
	font-size:10px;
}
#divcpanelnavi div{
	float:left;
	width:170px;
	border:1px solid #252525;
	background-color:black;
	padding:2px 4px 2px 4px;
}
#divcpanelnavi p{
	display:block;
	margin:0px;
	width:100%;
	background-color:#222222;
	border:3px solid #151515;
	font-size:10px;
	font-family:Impact;
	color:#aaaaaa;
	letter-spacing:1px;
	text-transform:uppercase;
}
#divcpaneleventreader, #divcpaneleventlist{
	float:left;
	width:372px;
	background:url(p/translublack.png);
}
#ercontent, #elcontent{
	border:1px solid #454545;
	width:360px;
	padding:2px;
	height:300px;
	overflow:auto;
	font-size:10px;
}
#divclearer{
	clear:both;
}
#divstatus{
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	z-index:11;
}
#divexpander{
	/* for control panel */
	background:url(p/cpheader.gif) repeat-x top left;
	background-color:black;
	position:absolute;
	z-index:10;
	border:1px solid #222222;
	padding:5px;
	/* top:240px; left:-9999px; right:8999px; bottom:30px; */
	top:10px; left:-9999px; right:8999px; bottom:10px;
	overflow:auto;
}
#divss{
	/* for control panel */
	background:url(p/cpheader.gif) repeat-x top left;
	background-color:black;
	position:absolute;
	z-index:100;
	border:1px solid #222222;
	padding:5px;
	top:-1500px; right:2px;
	width:200px;
	height:70px;
}

#tablecp{
	font-family:Consolas, Lucida Console;
	font-size:10px;
	background-color:#555555;
}
#tablecp th{
	background:url(p/cpthbg.gif) repeat-x top left;
	background-color:#1e1e1e;
}
#tablecp td{
	background:url(p/cptdbg.gif) repeat-x top left;
	background-color:#000000;
}

#tablecp tr:hover td{
	background:none;
}

#divtvshow{
	width:550px;
	background:url(p/tvshowbg.jpg) top center no-repeat;
	text-align:center;
}
#divppvshow{
	width:550px;
	background:url(p/ppvbg.jpg) top center no-repeat;
	text-align:center;
}
#divtvshow span, #divppvshow span{
	display:block;
	width:420px;
	margin:auto;
}

#divtvshow img, #divppvshow img{
	margin-top:29px;
	width:318px;
	height:178px;
}
#divshowdata h2{
	text-align:center;
	font-size:11px;
	background:none;
	background-color:#161616;
	border:1px solid #252525;
	margin:0px;
	text-transform:uppercase;
	padding:2px;
}
#divshowdata p{
	font-size:10px;
	border-bottom:1px solid #252525;
	margin:0px;
	padding:2px;
}
#divshowdata p[sec="bottom"]{
	font-size:11px;
	text-align:center;
}
#divsup1{
	font-size:11px;
	padding:5px;
}
#divsup2{
	float:left;
}
#divsup3{
	border:1px solid #252525;
	background:#151515;
	padding:5px;
	margin-bottom:1px;
}
#divwwxtime{
	position:fixed;
	width:150px;
	padding:3px;
	font-size:10px;
	right: 2px;
	bottom: 2px;
	background-color:#000000;
	border:1px solid #555555;
	text-align:right;
}



/*______________________________________
CLASSES STUFF
________________________________________*/

.superclearer{
	clear:both;
}
.leftclearer{
	clear:left;
}
.maincontainer {
	width:600px;
}

.maincontainer div[sec="top"]{
	background:url(p/contentbg.gif) top left no-repeat;
	width:600px;
	height:14px;
}
.maincontainer div[sec="middle"]{
	background:url(p/contentbg-repeat.gif) 0px 0px repeat-y;
	width:585px; /* width must be total width - paddings */
	padding-left:5px;
	padding-right:10px;
}
.maincontainer div[sec="bottom"]{
	background:url(p/contentbg.gif) bottom left no-repeat;
	width:600px; /* set width here */
	height:14px;
}

/*-----------------------------------------------------*/

.stuffcontainer {
	width:222px;
}

.stuffcontainer div[sec="top"]{
	background:url(p/stuffbg.png) top left no-repeat;
	width:222px;
	height:22px;
	font-family: Arial;
	font-size:12px;
	color:#999999;
	font-weight:bold;
	text-indent:20px;
	padding-top:5px;
}
.stuffcontainer div[sec="middle"]{
	background:url(p/stuffbg-repeat.png) 0px 0px repeat-y;
	width:216px; /* width must be total width - paddings */
	padding-left:10px;
	padding-right:10px;
	font-size:11px;
}
.stuffcontainer div[sec="bottom"]{
	background:url(p/stuffbg.png) bottom left no-repeat;
	width:222px; /* set width here */
	height:14px;
}

/*------------------------------------------------------*/

.navicontainer {
	width:150px;
}

.navicontainer div[sec="top"]{
	background:url(p/navigationbg.png) top left no-repeat;
	width:150px;
	height:15px;
	font-family: Arial;
	font-size:12px;
	color:#999999;
	font-weight:bold;
	text-indent:20px;
	padding-top:5px;
}
.navicontainer div[sec="middle"]{
	background:url(p/navigationbg-repeat.png) 0px 0px repeat-y;
	width:130px; /* width must be total width - paddings */
	padding-left:10px;
	padding-right:10px;
}

.navicontainer div[sec="middle"] a:link {
	background:url(p/minicons.png) -244px -4px no-repeat; 
	display:block; 
	text-decoration:none; 
	color:#888888; 
	font-family: Tahoma;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	width:117px; 
	min-height:18px;
	padding:7px 0px 0px 8px;
}
.navicontainer div[sec="middle"] a:hover {
	background:url(p/minicons.png) -370px -4px no-repeat; 
	display:block;  
	text-decoration:none; 
	color:white; 
}
.navicontainer div[sec="middle"] a:visited {
	background:url(p/minicons.png) -244px -4px no-repeat; 
	display:block;  
	text-decoration:none; 
	cursor: hand; 
	color:#888888;  
	font-family: Tahoma;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	width:117px; 
	min-height:18px;
	padding:7px 0px 0px 8px;
}
.navicontainer div[sec="middle"] a:visited:hover {
	background:url(p/minicons.png) -370px -4px no-repeat; 
	display:block;  
	text-decoration:none; 
	cursor: hand; 
	color:white; 
}
.navicontainer div[sec="middle"] a:active {
	text-decoration:none; 
	color: #0080FF; 
	cursor: hand; 
	display:block; 
}
.navicontainer div[sec="middle"] a:visited:active {
	text-decoration:none; 
	cursor: hand; 
	color:red; 
	display:block; 
}

.navicontainer div[sec="bottom"]{
	background:url(p/navigationbg.png) bottom left no-repeat;
	width:150px; /* set width here */
	height:14px;
}

.blackoth{
	background-color:black;
	border:1px solid #222222;
	padding:5px;
}
.spanner01{
	font-family:Impact;
	letter-spacing:1px;
	background-color:#353535;
	border:1px solid #222222;
}
.div_error{	
	background-color:#800000;
	color:yellow;
	font-weight:bold;
	border:2px solid #522E2E;
}
.tableform td{
	border-bottom:1px dashed #353535;
}
.divcploginbg{
	background:url(images/splash/splash-cplogin.jpg) top left no-repeat;
	height:250px;
}
.diveventsloginbg{
	background:url(images/splash/splash-eventslogin.jpg) top left no-repeat;
	height:250px;
}
.divcpsuperstar{
	display:block;
	margin:3px 3px 20px 3px;
	float:left;
	width:230px;
	font-family: Verdana;
	font-size:9px;
	background:url(p/cpsuperstarbg.jpg) repeat-x top right;
	background-color:#222222;
	padding:2px;
	border:1px solid #454545;
}
.divcpsuperstar div[sec="name"]{
	border-bottom: 1px solid #353535;
	border-top: 1px solid #676767;
	font-size:10px;
	text-align:center;
	margin-top:-1px;
}
.divcpsuperstar div[sec="avatar"]{
	float:left;
	padding:2px;
}
.divcpsuperstar div[sec="clearer"]{
	border-bottom: 1px solid #353535;
	clear:both;
}
.divlister{
	border-bottom:1px solid #222222;
	padding:5px;
	background:url(p/listerbg.jpg) bottom right no-repeat #000000;
}
.divlister img{
	border:1px solid #444444;
	float:left;
	margin:4px;	
}
 .divlister object{
	float:left;
	margin:4px;
	margin-left:0px;	
}
.divclearerclass{
	clear:both;
}
.ahelp span{
	display:none;
	background:url(p/cpsuperstarbg.jpg) no-repeat top right;
	background-color:#222222;
	border:1px solid #454545;
	width:200px;
	margin:4px 4px 4px 4px;
}
.ahelp:hover span{
	position:absolute;
	display:block;
}
.ahelp2 span{
	display:none;
	background:none;
}
.ahelp2:hover span{
	display:block;
}
.spanfontselect{
	font-size:10px;
	letter-spacing:-1px;
}


/*------------------------------------------------------------*/

.psmalltitle{
	display:block;
	border-top:1px solid #444444;
	border-bottom:1px solid black;
	background-color:#141414;
	width:190px;
}
.psmalltitle:hover{
	border-top:1px solid #777777;
	background-color:#191919;
}
.psmalltitle img{
	border:1px solid #444444;
	float:left;
	margin:2px;
}
.psmalltitle p[n="champ"]{
	margin:0px;
	font-size:9px;
	border-bottom:2px dotted #444444;
}
.psmalltitle p[n="sup"]{
	text-transform:uppercase;
	margin:0px;
}
.psmalltitle div{
	clear:both;
}
.psmalltitle a:link, .psmalltitle a:visited, .psmalltitle a:active{
	color:#aaaaaa;
	font-weight:normal;
} 
.psmalltitle a:hover, .psmalltitle a:visited:hover{
	color:#ffffff;
	font-weight:normal;
	background:none;
} 
.preply{
	background:url(p/reply.png) top left no-repeat;
	margin:3px 3px 0px 3px;
	padding:4px 2px 4px 4px;
	color:#bfbfbf;
}
.pstuffer{
	margin:0px;
	width:200px;
	border-bottom:2px dotted #575757;
	padding:0px;
}

/*------------------------------------------------------*/

.acp{
	display:block;
	width:156px;
	height:47px;
	font-size:0px;
	border:1px solid #252525;
	margin: 2px 0px 1px 0px;
}
.acp1:link, .acp1:visited, acp1:active{
	background:url(p/miniconcp.gif) -2px -1px no-repeat;
}
.acp1:hover, .acp1:visited:hover{
	background:url(p/miniconcp.gif) -162px -1px no-repeat;
}
.acp2:link, .acp2:visited, acp2:active{
	background:url(p/miniconcp.gif) -2px -51px no-repeat;
}
.acp2:hover, .acp2:visited:hover{
	background:url(p/miniconcp.gif) -162px -51px no-repeat;
}
.acp3:link, .acp3:visited, acp3:active{
	background:url(p/miniconcp.gif) -2px -101px no-repeat;
}
.acp3:hover, .acp3:visited:hover{
	background:url(p/miniconcp.gif) -162px -101px no-repeat;
}
.acp4:link, .acp4:visited, acp4:active{
	background:url(p/miniconcp.gif) -2px -151px no-repeat;
}
.acp4:hover, .acp4:visited:hover{
	background:url(p/miniconcp.gif) -162px -151px no-repeat;
}
.acp5:link, .acp5:visited, acp5:active{
	background:url(p/miniconcp.gif) -2px -201px no-repeat;
}
.acp5:hover, .acp5:visited:hover{
	background:url(p/miniconcp.gif) -162px -201px no-repeat;
}

.hrl{
	display:block;
	width:100px;
	height:100px;
	/*text-indent:-9999em;*/
	font-size:0px;
	margin: 0px 1px 0px 1px;
	border:1px solid #252525;
	float:right;
}
.hrl1:link, .hrl1:visited, hrl1:active{
	background:url(p/homerefreshlogout.jpg) 0px 0px no-repeat;
	border:1px solid #252525;
}
.hrl1:hover, .hrl1:visited:hover{
	background:url(p/homerefreshlogout.jpg) 0px -101px no-repeat;
	border:1px solid #454545;
}
.hrl2:link, .hrl2:visited, hrl2:active{
	background:url(p/homerefreshlogout.jpg) -101px -0px no-repeat;
	border:1px solid #252525;
}
.hrl2:hover, .hrl2:visited:hover{
	background:url(p/homerefreshlogout.jpg) -101px -101px no-repeat;
	border:1px solid #454545;
}
.hrl3:link, .hrl3:visited, hrl3:active{
	background:url(p/homerefreshlogout.jpg) -202px -0px no-repeat;
	border:1px solid #252525;
}
.hrl3:hover, .hrl3:visited:hover{
	background:url(p/homerefreshlogout.jpg) -202px -101px no-repeat;
	border:1px solid #454545;
}

/*------------------------------------------------------*/

.divsuphider{
	font-size:11px;
}
.divsup4{
	border:1px solid #252525;
	background:#151515;
	padding:1px;
	margin-bottom:1px;
	font-size:15px;
	font-family:Tahoma;
	letter-spacing:2px;
}
.divsup4 img{
	border:1px solid #535353;
	float:left;
}

/*------------------------------------------------------*/

.imghelp{
	border:1px solid #565656;
	margin:2px;
}

/*------------------------------------------------------*/

.leftfloater{
	float:left;
}
.hiddenpreload{
	display:none;
}
.spanright{
	float:right;
}
.asuper {
	display:block;
	float:left;
	border:1px solid #353535;
	padding:3px 3px 3px 3px;
	background-color:black;
}
.asuper:link {text-decoration:none; color:#AD8FDE; font-weight:bold; background:url(p/super-anchor.gif) repeat-x; background-color:black;}
.asuper:hover {border:1px solid #787878; text-decoration:none; color:white; font-weight:bold; background:url(p/super-anchor.gif) repeat-x; background-color:black;}
.asuper:visited {text-decoration:none; cursor: hand; color:#7C5EA6; font-weight:bold; background:url(p/super-anchor.gif) repeat-x; background-color:black;}
.asuper:visited:hover {border:1px solid #787878; text-decoration:none; cursor: hand; color:white; font-weight:bold; background:url(p/super-anchor.gif) repeat-x; background-color:black;}
.asuper:active {text-decoration:none; color: #0080FF; cursor: hand; font-weight:bold; background:url(p/super-anchor.gif) repeat-x; background-color:black;}
.asuper:visited:active {text-decoration:none; cursor: hand; color:red; font-weight:bold; background:url(p/super-anchor.gif) repeat-x; background-color:black;}

.atab{ 
	display:block; 
	border-left:1px solid #353535;
	border-right:1px solid #353535;
	padding:3px;
	margin:0px;
	float:left;
	font-family:Verdana;
	font-size:10px;
	font-weight:normal !important;
	letter-spacing:-1px;
}
.atab:link, .atab:visited{
	border-top:1px solid #353535;
}
.atab:hover, .atab:visited:hover{
	background:none;
	background-color:#353535 !important;
	border-top:1px solid #555555;
	border-left:1px solid #353535;
	border-right:1px solid #353535;
}