/* XippY Cell: Orange */
/* Colours used:

*/
html,body {
height:100%;
}

body {
background:#000;
font-family:Arial, Helvetica, sans-serif;
color:#CCC;
margin:0;
padding:0;
font-size:12px;
}

textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
background-color:#CCC;
color:#000;
}
input {
font-size:10px;
height:auto;
width:auto;
font-family:Arial, Helvetica, sans-serif;
margin:auto;
padding:1px;
background-color:#CCCCCC;
color:#000000;
}

p {
text-align:left;
line-height:16px;
margin:0 5px 15px;
padding:0;
}

a {
text-decoration:underline;
color:#CCC;
}

a:hover {
text-decoration:none;
color:#FFF;
}

h4 {
	width:auto;
	height:21px;
	background:url(../images/h4bg.gif) repeat-x right top;
	font-family:Arial, Helvetica, sans-serif;
	margin:-1px 0 0;
	padding:0;
	font-size:8px;
  text-transform: uppercase;
  color:#FFF;
  overflow:hidden;
}
h4 .titleimg{
	position:absolute;
  top:0;
  left:0;
}
table.members {
height:auto;
width:98%;
border:0 none;
margin:auto;
padding:0;
border-collapse:collapse;
}

table.members td {
color:#CCC;
padding:2px 1px 7px;
margin:1px;
background:url(../images/evenbg2.gif) repeat-x bottom;
border-top:1px solid #3a3a3a;
}
table.members .col-name{
text-align:center;
background:url(../images/evenbg2.gif) repeat-x bottom;
border:0;
font-size:9px;
}
table.members .col-name td{
color:#555;
padding:1px;
margin:0;
background:url(../images/evenbg2.gif) repeat-x bottom;
border:0;
}

table.results {
height:auto;
width:98%;
margin:2px 0 20px 4px;
padding:0;
border-collapse:collapse;
color:#999;
}
table.results td {
padding:3px 1px;
margin:0;
}
table.results tr a {
text-decoration:underline;
}

.evn {
background:url(../images/evenbg2.gif) repeat-x bottom;
	border-top:1px solid #3a3a3a;
}

.odd {
background:url(../images/evenbg2.gif) repeat-x bottom;
	border-top:1px solid #3a3a3a;
}

.r-score-win {
	font-weight:bold;
	color:#006600;
	border-right:3px solid #060;
	margin: 1px;
}

.r-score-loss {
font-weight:bold;
	color:#CC0000;
	border-right:3px solid #C00;
	margin: 1px;
}

.r-score-draw {
font-weight:bold;
	color:#0066CC;
	border-right:3px solid #06C;
	margin: 1px;
}

#container {
width:915px;
height:100%;
margin:0 auto;
padding:0;
}

#widthContainer {
width:915px;
height:auto;
margin:0 auto;
padding:0;
}

#content {
	width:495px;
	height:auto;
	margin:1px 0 10px;
	padding:0 3px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
  float:right;
  background:url(../images/content_bg.gif) repeat-y;
}
#content .bottom{
background:url(../images/content_end3.gif) no-repeat center bottom;
height:2px;
}

#profile-content {
	width:703px;
	height:100%;
	margin:0 2px 15px 0;
	padding:0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
  float:right;
  background:url(../images/alternate_bg.gif) repeat-y left top;
}
#profile-content .bottom{
background:url(../images/pcontent_end.gif) no-repeat center bottom;
height:4px;
}

#sideBarright{
width:208px;
height:100%;
float:right;
display:inline;
margin:0;
padding:0 0 0 2px;
font-size:11px;
background:url(../images/sidebars/right_sidebar2.gif) repeat-y right center;
}

#sideBarright ul, #sideBar ul, #toparea ul{
width:auto;
height:auto;
list-style:none;
margin:0;
padding:0px;
}

#sideBar {
margin:0;
width:202px;
height:100%;
float:left;
display:inline;
padding:0;
font-size:11px;
background:url(../images/sidebars/left_sidebar2.gif) repeat-y left center;
}
#sideBar .bottom{
background:url(../images/sidebars/left_bottom.jpg) no-repeat left bottom;
height:6px;
}
#sideBarright .bottom{
background:url(../images/sidebars/right_bottom.jpg) no-repeat right bottom;
height:6px;
}

#logotop {
width:auto;
height:auto;
display:block;
margin:0px;
padding:22px 0 0;
text-align: center;
background-color:#333;
overflow:hidden;
background:url(../images/middle_bg_final.gif) repeat-y center top;
}

#footer {
width:auto;
height:auto;
clear:both;
margin:0 6px;
padding:10px;
}
.shadow{
clear:left;
display:block;
width:915px;
background:url(../images/menushadow.gif) repeat-x;
height:10px;
}
#topNav {
	width:auto;
	min-height:43px;
  background:url(../images/menubg.gif) repeat;
	margin:0;
	padding:0;
	text-align: center;
  overflow:hidden;
  position:relative;
}

#topNav ul {
width:auto;
list-style:none;
margin:0;
padding:0;
float:left;
left:50%;
clear:left;
position:relative;
}

#topNav ul li {
display:block;
float:left;
right:50%;
position:relative;
margin:0;
padding:0;
}

#topNav ul li a {
	display:block;
	width:1%;
	height:33px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	text-align:left;
	margin:0;
	padding:0;
  overflow: hidden;
  background-position:1px 0;
  background-repeat:no-repeat;
}
html>body #topNav ul li a {
width:auto;
}

#topNav ul li a:hover {
  background-position:1px -33px;
}

#topNav ul li img{
border:0;
}

#copyright {
height:25px;
width:auto;
color:#777;
font-size:10px;
display:block;
clear:both;
margin:10px 6px 0;
padding:4px 10px;
text-align:center;
}
#copyright a{
color:#999;
text-decoration:none;
}
#copyright a:hover{
color:#FFF;
}

.paget {
width:auto;
height:32px;
margin:-1px 0 0;
padding:0;
background:url(../images/paget_bg.gif) repeat-x right top;
display:block;
position:relative;
overflow:hidden;
}
.paget span{
position:absolute;
right:5px;
top:5px;
}
.paget a.filter{
width:13px;
height:12px;
display:block;
position:absolute;
right:0;
bottom:-1px;
font-size:9px;
text-decoration:none;
background-image:url(../images/filter_down_b.gif);
background-repeat:no-repeat;
background-position:0 0;
}
.paget a:hover.filter{
background-position:0 -12px;
}
.title{
	width:auto;
	height:auto;
	color:#EFEFEF;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:8px 8px 1px;
	display:block;
  border-top:1px solid #4D4D4D;
}

.commentpost {
width:auto;
height:auto;
border:1px solid #555;
color:#CCC;
margin:10px;
padding:6px 0 0;
background:#333 url(../images/panelbg.gif) repeat-x bottom;
}
.commentpost p{
margin:6px 12px;
}

.post {
	width:auto;
	height:auto;
  color:#AAA;
	margin:0 2px 0 1px;
	padding:0 0 40px;
  background:url(../images/post_bg2.gif) repeat-x bottom;
  border-bottom:3px solid #000;
}
.post p{
margin:0 10px;
}
.post h4, .commentpost h4 {
	font-size:9px;
	font-weight:normal;
	width:auto;
	height:auto;
	color:#b97e0c;
	text-align:left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	margin:5px;
	padding:2px 8px 6px;
	text-transform: none;
  letter-spacing:normal;
  background:none;
  overflow:visible;
}
.commentpost h4{
position:relative;
padding:0;
text-align:right;
margin-top:16px;
}
.post h4{
height:auto;
margin:0 8px 15px;
padding:0 0 6px;
position:relative;
border-bottom:1px solid #444;
}
.post h4 .comment-number{
position:absolute;
top:-14px;
right:5px;
font-size:16px;
text-align:right;
}
.post h4 .comment-number a{
color:#666;
text-decoration:none;
font-weight:bold;
}
.post h4 .comment-number a:hover{
color:#FFF;
}
.post h4 .comment-number a img{
border:0;
}
.panel{
height:auto;
border:0;
margin:0;
padding:0 0 4px;
width: auto;
background:url(../images/panelbg.gif) repeat-x bottom;
font-size: 10px;
}
.nm_panel {
height:auto;
border:0;
margin:0;
padding:0 0 25px;
width: auto;
background:url(../images/panelbg.gif) repeat-x bottom;
font-size: 10px;
}
#sideBar .panel, #sideBar .nm_panel, #sideBar #quickd{
background:url(../images/sidebars/left_sidebar_panelbg.jpg) no-repeat left bottom;
}
#sideBar .panel ul, #sideBar .nm_panel ul{
margin:0 2px;
}
#sideBarright .panel ul, #sideBarright .nm_panel ul{
margin:0 2px;
}
#sideBarright .panel, #sideBarright .nm_panel,#sideBarright #quickd{
background:url(../images/sidebars/right_sidebar_panelbg.jpg) no-repeat right bottom;
}

.nm_panel ul {
text-align:center;
position:relative;
}
.nm_panel ul a {
font-size:11px;
font-weight:bold;
}
.nm_panel ul a span{
font-weight:normal;
}
.nm_panel ul a img{
border:0;
vertical-align:baseline;
}
.nm_panel div .whatgame{
position:absolute;
bottom:3px;
right:3px;
padding:1px;
background:#666;
}
.nm_panel ul span {
font-size:10px;
}
.nm_panel div {
width:190px;
height:44px;
display:block;
background-repeat:no-repeat;
background-position:left center;
margin:5px auto;
padding:0;
border: 1px solid #000;
position:relative;
}
.nm_panel div .game-img{
width:190px;
height:44px;
}
#toparea .nm_panel div{
width:229px;
height:53px;
}
#toparea .nm_panel div .game-img{
width:229px;
height:53px;
}
.form {
width:auto;
height:auto;
font-size:10px;
color:#CCC;
margin:0 0 20px;
padding:0 0 10px;
}

.form .main {
width:97%;
height:100px;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
overflow:visible;
margin:5px auto;
padding:1px;
}

form {
height:auto;
width:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#CCC;
text-align:left;
margin:1px 10px;
padding:1px;
}

.form p {
text-align:left;
margin:5px;
padding:1px;
}

.resultdisplay {
width:auto;
height:auto;
color:#AAA;
margin:5px 2px 20px;
padding:0;
}

.resultdisplay ul {
font-size:11px;
font-weight:normal;
width:auto;
height:auto;
color:#CCC;
text-align:left;
list-style:none;
margin:0 0 8px;
padding:0px;
clear:left;
}

.resultdisplay ul li {
padding:2px 3px;
margin:1px;
background:#222;
}

.resultscore {
width:260px;
height:auto;
float:right;
background:url(../images/opacity_bg2.png);
text-align:center;
vertical-align:middle;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#CCC;
display:inline;
margin:0;
padding:5px;
}

.resultscore div {
	width:auto;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	clear:both;
	margin:auto;
	padding:10px 3px 3px;
	border-right: 0;
	border-left: 0;
  letter-spacing:0.5pt;
}

.resultdisplay img {
border:0;
vertical-align:baseline;
}

.resultdisplay img:hover {
border:0px solid #000;
}

.memberlist {
width:auto;
height:auto;
color:#CCC;
clear:none;
margin:5px 1px 20px;
padding:0;
}

.resultspost {
width:auto;
height:auto;
position:relative;
  color:#CCC;
	margin:0 2px 0 1px;
	padding:10px 0 40px;
  background:url(../images/post_bg2.gif) repeat-x bottom;
}

.resultspost p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#CCC;
margin:0;
padding:0;
}

.linkpic a {
width:auto;
height:auto;
text-align:center;
margin:0 auto;
padding-top:10px;
padding-bottom:10px;
}

.linkpic img {
text-align:center;
border:0;
margin:0 auto;
}

.about {
width:auto;
height:auto;
font-family:Arial, Helvetica, sans-serif;
margin:5px 10px;
padding:2px;
}

table.members tr,table.results tr {
text-align:center;
background:url(../images/evenbg2.gif) repeat-x bottom;
	border-top:1px solid #3a3a3a;
}

#sideBar ul li,.resultdisplay ul il,.memberinfo ul il,#sideBarright ul li, #toparea ul li {
width:auto;
height:auto;
display:block;
margin:0;
padding:0;
position:relative;
}

#sideBar ul li a,.resultdisplay ul li a,#sideBarright ul li a, #toparea ul li a {
display:block;
width:auto;
height:auto;
text-decoration:none;
margin:0;
padding:2px;
background:#333 url(../images/evenbg2.gif) repeat-x bottom;
border-top:1px solid #3a3a3a;
}

#sideBar ul li a:hover,.resultdisplay ul li a:hover,#sideBarright ul li a:hover, #toparea ul li a:hover {
background:#111;
text-decoration:none;
color:#e4a317;
}
.resultdisplay ul li a{
display:inline;
background:none;
border:0;
padding:0;
}
.resultdisplay ul li a:hover{
background:none;
}

.memberlist h4,.resultspost h4 {
	font-weight:normal;
	width:auto;
	height:auto;
	margin:0;
	padding:1px 4px;
}
#sbiframe,#ventiframe,#TSiframe {
	border:0;
  margin: 0 0 0 3px;
	padding: 0;
	overflow:hidden;
}
h4.recruitment {
	background-image: none;
	text-align:left;
	text-transform: none;
  color:#999;
	margin:0;
  font-size:9px;
  background:#282828;
  padding:6px 5px 0;
}
img{
vertical-align:text-bottom;
}
.newsimg{
text-align:center;
margin:0 auto 15px;
overflow:hidden;
}
.left{
text-align:left;
}
table.members .left{
padding-left:0;
}
.right{
text-align:right;
}
table.members .right{
padding-right:4px;
font-size:10px;
letter-spacing:0;
}
table.members .middle{
font-size:10px;
padding:0 2px 1px;
letter-spacing:-1px;
font-size:9px;
color:#999;
}
padding-left:4px;
#searcharea{
text-align:right;
margin:2px 0 0;
padding:3px 3px 7px;
font-size:9px;
color:#888;
position:relative;
background:url(../images/panelbg.gif) repeat-x center bottom;
}
#searcharea p{
margin:0 5px;
}
.searchnews{
text-align:right;
margin:0;
padding:0 3px 7px;
font-size:9px;
color:#888;
position:relative;
}

.searchnews select{
font-size:9px;
background-color:#555;
color:#CCC;
border:1px solid #333;
margin:1px 0 0;
}
.panel form{
display:inline;
font-size:9px;
text-align:right;
margin:2px;
padding:0;
color:#999;
}
.stats{
width:188px;
margin:1px 2px 12px;
padding:0;
font-size:9px;
color:#CCC;
background-color:#3F3F3F;
position:absolute;
top:7px;
}

/* =latest-results
---------------------------------------------------------- */

	#latest-results ul li {
		position: relative;
    margin:0 0 0;
    padding:0;
    height:21px;
    line-height:21px;
	}

  #latest-results ul li a{
  padding:0 1px 0 40px;
  display:block;
  }
  #latest-results ul li a:hover{
  }
  
	.r-game, .r-flag, .r-opp {
		position: absolute;
		top: 2px;
		left: 2px;
	}

	.r-flag {
		top: 4px;
		left: 20px;
	}

	.r-opp {
		display: block;
		width: auto;
		top: 0;
		left: 41px;
	}

	#latest-results .r-score-win, #latest-results .r-score-loss, #latest-results .r-score-draw {
		display: block;
		position: absolute;
		right:-2px;
    top:0;
		width: 60px;
    padding-right:3px;
		text-align: right;
    border-right:2px solid;
    height:19px;
	}

	.r-score-win { color: #006600; border-color: #006600; }
	.r-score-loss { color: #CC0000; border-color: #CC0000; }
	.r-score-draw { color: #0066CC; border-color: #0066CC; }
  
  /* =roster
---------------------------------------------------------- */

  .roster{
    clear:both;
    padding-top:10px;
  }

	#sideBar .roster ul li, #sideBarright .roster ul li, #toparea .roster ul li {
		height: auto;
    margin:0;
    border:0;
	}
  #sideBar .roster ul li a, #sideBarright .roster ul li a, #toparea .roster ul li a{
    display:block;
    position:relative;
    padding:5px 24px 3px;
  }
  .roster ul li a img{
    border:0;
  }
  
  .roster h6{
    font-size:11px;
    font-weight:bold;
    color:#CCC;
    padding:3px 6px 10px;
    margin:0 2px;
    border-bottom:1px solid #444;
    clear:both;
  }
  
  .roster h6 span{
    margin-right:4px;
  }
  
	.s-game, .s-flag { position: absolute; }

	.s-game {
		top: 4px;
		left: 3px;
	}

	.s-flag {
		top: 5px;
		left: 3px;
	}

	.s-member {
		padding-left:21px;
	}

	.s-rank {
		display: block;
		position: absolute;
    top: 3px;/*4px;*/
		right: 3px;
		/*width: 20px;*/
		text-align: right;
	}

/* image based roster */

#sideBar .roster_i ul li, #sideBarright .roster_i ul li, #toparea .roster_i ul li {
  float:left;
  width:88px;
  margin:2px;
  display:block;
  font-size:10px;
  letter-spacing:-1px;
  padding:1px;
  background:#000;
  border:1px solid #4D4D4D;
}
#sideBar .roster_i ul li a, #sideBarright .roster_i ul li a, #toparea .roster_i ul li a{
  display:block;
  padding:2px;
  margin:0;
  position:relative;
  border:0;
  background:#000;
  }
#sideBar .roster_i ul li a:hover, #sideBarright .roster_i ul li a:hover, #toparea .roster_i ul li a:hover{
  border:0;
  background:#000;
}
.roster_i ul li a img{
    border:0;
    width:15px;
    height:10px;
    vertical-align:-1px;
    margin-right:1px;
  }
  .roster_i ul li a .avatar{
  border:1px solid #000;
  padding:0;
  margin:0 0 2px;
  width:82px;
  height:82px;
  }
  .roster_i ul li a:hover .avatar{
  border:1px solid #b97e0c;
  }
  .roster_i ul li a .rmember{
  position:absolute;
  bottom:5px;
  left:3px;
  display:block;
  background:url(../images/opacity_bg2.png);
  width:78px;
  padding:2px 2px 1px;
  color:#CCC;
  border:0;
  overflow:hidden;
  }
  .roster_i ul li a:hover .rmember{
  color:#FFF;
  border:0;
  }
  .roster_i ul li a .rank-icon{
  position:absolute;
  top:4px;
  right:4px;
  }
  .roster_i ul li a .rank-icon img{
  width:16px;
  height:16px;
  margin:0;
  }
  .roster_i ul li a .rank-tip,.roster ul li a .rank-tip{
  display:none;
  padding:0 2px;
  background:#b97e0c;
  color:#222;
  border:1px solid #b97e0c;
  border-bottom:0;
  font-size:10px;
  position:absolute;
  top:-11px;
  left:2px;
  }
  .roster ul li a .rank-tip{
  top:-12px;
  right:0;
  left:auto;
  background:#111;
  border:0;
  color:#999;
  }
  .roster_i ul li a:hover .rank-tip,.roster ul li a:hover .rank-tip{
  display:block;
  }
  .roster_i ul li a.Reserve{
  /* for IE */
  filter:alpha(opacity=30);
  /* CSS3 standard */
  opacity:0.3;
  }
  .roster_i ul li a:hover.Reserve{
  /* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1;
  }
  .roster_i h6{
    font-size:11px;
    font-weight:bold;
    color:#FFF;
    padding:4px 6px 10px;
    clear:both;
    margin:1px;
    border-bottom:1px solid #444;
  }
  .roster_i h6 span{
    margin-right:4px;
  }
.clear_l{
clear:left;
}

  /* =shoutbox
---------------------------------------------------------- */


.r_bg{
background-position:left top;
background-repeat:no-repeat;
border-bottom:5px solid #000;
color:#999999;
height:90px;
margin:0pt 0pt 5px;
padding:5px;
width:auto;
}
.tabberlive .tabbertabhide {
 display:none;
}

#sideBar ul.tabbernav, #sideBarright ul.tabbernav, #toparea ul.tabbernav{
 margin:2px 0 0;
 padding:0 6px;
 height:auto;
 float:right;
 width:auto;
}

#sideBar ul.tabbernav li, #sideBarright ul.tabbernav li, #toparea ul.tabbernav li{
 list-style: none;
 padding:0;
 margin: 0;
 display: inline;
 float:left;
 position:relative;
}

#sideBar ul.tabbernav li a, #sideBarright ul.tabbernav li a, #toparea ul.tabbernav li a{
 padding: 1px;
 margin:0;
 text-decoration: none;
 position:relative;
 border:0;
 }
 #sideBar ul.tabbernav li a:hover, #sideBarright ul.tabbernav li a:hover, #toparea ul.tabbernav li a:hover{
 border:0;
 background:#CCC;
}

ul.tabbernav li a img{
border:0;
}

#sideBar ul.tabbernav li.tabberactive a, #sideBarright ul.tabbernav li.tabberactive a, #toparea ul.tabbernav li.tabberactive a{
 padding: 1px;
 margin:0;
 text-decoration: none;
 position:relative;
}
.tabberlive .tabbertab {
 padding:0;
}

.tabberlive .tabbertab h3 {
 display:none;
}

.tabberlive {
margin:2px 0 0;
}

.tabbernav sup{
  vertical-align:top;
  position:absolute;
  top:1px;
  right:1px;
  color:#FFF;
  background-color:#000;
  font-size:9px;
  padding:0 0 1px 1px;
}

/*.tabberlive .roster_display-more{
  padding: 3px 0px 1px 5px;
  font-size: 9px; 
  float: left;*/
}

/* =whos-online
---------------------------------------------------------- */

#whos-online{
  border: 0;
  margin:5px 0 15px;
}
#whos-online ul li {
  padding:4px 3px 2px;
  position:relative;
}
#whos-online ul li a{
  display:inline;
  text-decoration:none;
  padding:0;
  color:#CCC;
  background:none;
  border:0;
}
#whos-online ul li a:hover{
  background:none;
  padding:0;
  text-decoration:none;
  color:#FFF;
}
.o-pm{
  position:absolute;
  top:2px;
  right:4px;
}
.o-pm a img{
  border:0;
  vertical-align:top;
}

/* =poll
---------------------------------------------------------- */
  #poll{
    text-align:left;
  }

	#sideBar .panel #poll ul, #sideBarright .panel #poll ul {
		margin:0 10px 5px;
		border: 0;
    color:#FFF;
	}

	#poll ul li {
		background: none;
		padding: 0;
		border: 0;
	}

	#poll ul li.option {
    font-size:11px;
    margin:0;
  }

	#poll ul li span {
		font-size: 10px;
		color: #999;
	}

	#poll p {
		padding: 0;
		text-align: center;
		font-size: 11px;
    margin:3px 0;
	}

	#poll p.question {
		padding: 3px 20px;
		text-align: center;
		font-weight: bold;
		font-size: 12px;
		line-height: 14px;
    color:#DDD;
	}
  #poll ul li.p-result{
    padding:0 0 10px;
    margin:0;
  }
  #poll ul li.p-result img{
    vertical-align:middle;
  }
  .pollbar{
  height:6px;
  background:url(../images/poll_bar.gif) no-repeat center right;
  display:block;
  }

  table.results th, table.members th {
    padding:2px 1px;
    margin:1px;
    font-size:10px;
  	font-weight:bold;
  	width:auto;
  	color:#EFEFEF;
  	text-align:center;
  	font-family:Verdana, Arial, Helvetica, sans-serif;
  	margin:0;
    text-transform:uppercase;
  }
  
  table.members th {
  text-align:left;
  padding:20px 2px 2px;
  margin:0;
  border-bottom:1px solid #555;
  }
  
  table.members th img{
  vertical-align:text-top;
  }
  table.members th span{
  position:relative;
  display:block;
  }
  
  table.members th span.rt{
  position:absolute;
  top:-1px;
  right:0;
  color:#666;
  font-size:9px;
  letter-spacing:normal;
  vertical-align:text-bottom;
  }
  table.members th span.rt img{
  vertical-align:bottom;
  }
  table.members a{
  text-decoration:none;
  }
  
  table.results .det{
    font-size:10px;
    font-family:Arial, Helvetica, sans-serif;
  }
  .stats_d{
    float:left;
    padding:3px 2px;
    border:1px solid #333;
    border-top:0;
    border-right:0;
    width:89px;
    position:relative;
  }
  .stats_d strong{
    position:absolute;
    right:5px;
    width:34px;
    text-align:right;
  }
  
.anotherMap{
width:239px;
height:55px;
margin:0 2px 5px;
border:1px solid #000;
border-bottom:4px solid #000;
position:relative;
float:left;
}
.anotherMap .resultscore{
width:auto;
float:none;
position:absolute;
top:3px;
right:3px;
}

.anotherMap .resultscore div {
	font-size:14px;
	padding:2px 4px;
	border-right:0;
	border-left:0;
  letter-spacing:0pt;
}
.anotherMap .resultscore span {
font-weight:normal;
font-size:11px;
border-right:0;
border-left:0;
text-transform: uppercase;
}

#toparea{
  font-family:Arial, Helvetica, sans-serif;
  position:relative;
  width:495px;
  height:auto;
  margin:0 0 0 2px;
  padding:0 3px;
  float:left;
  background:url(../images/toparea_bg_new.gif) repeat-y;
}
#wrapper{
  float:left;
  width:668px;
}

#toparea .panel, #toparea .nm_panel{
width:auto;
margin:0;
padding:0;
background:url(../images/panelbg.gif) repeat-x bottom;
}

#toparea ul{
padding:0px 3px 6px 0;
}

#quickd {
  width:auto;
	height:auto;
  min-height:137px;
  margin:0;
	padding:0;
	font-size:10px;
  background:url(../images/panelbg.gif) repeat-x bottom;
}

#quickd ul {
width:auto;
height:auto;
list-style:none;
margin:5px 0;
padding:1px 0;
font-size:11px;
}
#quickd ul li {
display:block;
width:auto;
height:auto;
margin:0;
padding:1px 5px;
}
#quickd ul li a {
color:#CCC;
text-decoration:underline;
display:inline;
background:none;
border:0;
}
#quickd ul li a:hover {
color:#FFF;
text-decoration:none;
}
#quickd img{
vertical-align:text-bottom;
}

.contact ul {
width:auto;
height:auto;
list-style:none;
margin:0 0 5px;
padding:5px;
}

.contact ul li, .memberinfo ul li {
display:block;
width:auto;
height:auto;
background:url(../images/evenbg2.gif) repeat-x bottom;
border-top:1px solid #3a3a3a;
color:#CCC;
margin:0;
padding:2px 2px 3px 120px;
position:relative;
min-height:13px;
}
.contact img{
vertical-align:top;
}
.contact ul li.idees{
font-size:12px; 
font-weight:bold; 
padding:2px 4px 3px;
position:relative;
}

.contact ul li.idees span{
position:absolute;
top:3px;
right:3px;
font-size:9px;
color:#666;
left:auto;
width:auto;
text-align:right;
}

.contact ul li span, .memberinfo ul li span{
width:112px;
position:absolute;
display:block;
top:2px;
left:3px;
}
.contact strong, .memberinfo strong{
font-weight:normal;
color:#FFF;
}

.memberinfo {
width:auto;
height:auto;
color:#666;
margin:5px 0 20px;
padding:0 3px 5px;
}
.memberinfo .title {
margin:10px 0 15px;
width:auto;
font-size:14px;
border:0;
}

.memberinfoimg {
width:150px;
height:150px;
display:block;
float:right;
background-repeat:no-repeat;
background-position:center center;
margin:2px 4px;
padding:0;
border: 2px solid #000;
}

.memberinfo img, .memberinfo .pm {
float:right;
display:inline;
margin:0 4px 5px;
}
.memberinfo img{
float:left;
margin:3px;
}
.memberinfo ul {
font-weight:normal;
width:auto;
height:auto;
color:#666;
text-align:left;
display:block;
list-style:none;
margin:0 165px 0 0;
padding:0;
}
.bio{
padding:10px 5px;
margin:0;
}
.profile-float{
font-size:11px;
float:left;
width:348px;
margin:0 0 0 2px;
}
.profile-nofloat{
clear:left;
}
.searchnews span{
font-size:10px;
position:absolute;
top:2px;
left:2px;
color:#666;
}
.search_r{
text-align:right;
margin:0 2px 2px 195px;
padding:0;
position:relative;
}
.screenshots{
margin:5px auto;
padding:2px;

text-align:center;
}
.screenshots a img, .screenshots a img:hover{
border:1px solid #000;
}
.screenshots a:hover img, .screenshots a:hover img:hover{
border:1px solid #2F6194;
}
.resultdisplay ul li{
position:relative;
padding:2px 2px 3px 140px;
min-height:13px;
}
.resultdisplay ul li span{
width:128px;
position:absolute;
display:block;
top:2px;
left:3px;
}
.newsresult{
width:auto;
margin:20px 10px;
padding:0;
text-align:center;
border-top:1px solid #444;
border-bottom:1px solid #444;
}
.newsresult .r-score-loss,.newsresult .r-score-win,.newsresult .r-score-draw{
border-right:1px solid;
border-left:1px solid;
padding:0 10px;
}
.newsresult a{
text-decoration:none;
display:block;
padding:8px;
line-height:14px;
}
.newsresult a:hover{
background:#222;
color:#FFF;
}
.commentID{
position:absolute;
bottom:0;
left:2px;
color:#555;
font-size:14px;
}

/* signup forms fieldsets labels etc */

.signupp{
margin:5px 0;
}

.signupp label{
width: 130px;
float: left;
text-align: right;
margin: 12px 5px;
display:inline;
font-size:12px;
}

  .signupp .input,.signupp textarea,.signupp select{
  color: #FFF;
  background: #666;
  border: 1px solid #999;
  margin: 10px 5px;
  font-size:14px;
  padding:3px;
  font-weight:bold;
  width:210px;
  }
  .signupp select{
  padding:1px;
  }
  .signupp option{
  padding:2px 4px;
  }
  .signupp .input{
  background:#555 url(../images/input_bg.gif);
  }
  .signupp .input:focus,.signupp textarea:focus,.signupp select:focus{
  border:1px solid #777;
  }
  .submit{
  margin:10px;
  color:#000;
  font-size:14px;
  margin: 10px 30px;
  font-weight:bold;
  padding:5px;
  display:block;
  }
  .submit:hover{
  background:#DDD;
  }
  .signupp fieldset{
  border: 1px solid #444;
  width: 400px;
  padding:5px 10px 10px;
  margin:0 auto 20px;
  }
  .signupp legend{
  color: #CCC;
  padding:5px;
  margin:0 0 0 15px;
  font-size:12px;
  font-weight:bold;
  }
  .signupp legend span{
  font-size:11px;
  color:#999;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:normal;
  }
  .error{
  color:#AF363E;
  font-size:12px;
  font-weight:bold;
  background:#FEFEFE;
  display:block;
  margin:10px;
  }
  
  .topbar {
  width:915px;
  height:58px;
  display:block;
  margin:0;
  padding:0;
  position:absolute;
  font-size:10px;
  background:url(../images/loginbar.png) no-repeat top left;
  top:2px;
  left:0;
  
  }
  
    /*login alternative horizontal var */
  
  #login_a{
    margin:8px 10px 0 0;
    padding:0 0 0 100px;
    width:815px;
    position:relative;
  }
  
  #login_a .linput{
    border:1px solid #2D2D2D;
    background:#000 url(../images/login_input_bg.gif) no-repeat left top;
    color:#333;
    padding:1px;
    display:block;
    margin:0;
    width:101px;
    position:absolute;
  }
  #login_a #username{
  top:-20px;
  right:34px;
  }
  #login_a #password{
  top:0px;
  right:34px;
  }
  #login_a .login_images{
  position:absolute;
  top:-22px;
  right:5px;
  display:block;
  width:20px;
  height:42px;
  background:url(../images/login_images.gif) no-repeat left top;
  }
  #login_a .checkb{
    margin:0;
    position:absolute;
    top:-22px;
    right:250px;
    }
  
  #login_a .login-submit{
    display:inline;
    font-size:10px;
    height:24px;
    width:50px;
    color:#000;
    padding:0;
    margin:0;
    position:absolute;
    top:-12px;
    right:160px;
  }
  
  #login_a form {
    width:915px;
		padding:0;
    margin:0;
		text-decoration: none;
  }
  #login_a .extra{
    color:#666;
    padding:0;
    margin:0;
    font-size:9px;
    display:block;
    width:300px;
    height:19px;
    position:absolute;
    top:-24px;
    right:130px;
  }
  #login_a .extra a{
    width:55px;
    height:0;
    overflow:hidden;
    padding-top:19px;
    background-repeat:no-repeat;
    display:block;
    float:left;
    margin:0;
  }
  #login_a .extra a:hover{
    background-position:0 -19px;
  }
  #login_a .extra a.signup{
    background-image:url(../images/login_signup.gif);
  }
  #login_a .extra a.forgotpass{
    width:108px;
    background-image:url(../images/login_pass.gif);
  }

  .topbar h4{
  background:none;
  display:block;
  padding:0;
  margin:0;
  text-align:left;
  width:67px;
  height:18px;
  color:#999;
  }
  .topbar ul{
  margin:2px 50px 0 2px;
  display:block;
  float:right;
  padding:0;
  }
  .topbar .login-menu{
  float:left;
  margin:0 2px;
  }
  
  .topbar ul li{
  float:left;
  display:block;
  font-size:11px;
  padding:1px 0;
  color:#DDD;
  }
  .topbar ul li strong{
    font-size:12px;
  }
  .topbar ul li span{
    color:#BBB;
    font-weight:bold;
    display:block;
  }
  .topbar .login-menu li a{
  display:block;
  font-size:10px;
  margin:1px 0;
  border-right:1px solid #555;
  padding:0 4px 3px;
  text-decoration:none;
  position:relative;
  color:#CCC;
  }
  .topbar .login-menu li a:hover{
  background:#222;
  }
  .topbar .login-menu li a img{
  border:0;
  vertical-align:text-bottom;
  position:relative;
  top:1px;
  }
  .topbar .avatar{
    width:36px;
    height:36px;
    margin:2px;
    border:1px solid #000;
    position:absolute;
    top:4px;
    right:5px;
  }
  .topbar .loggedin .time{
  margin:0 40px 0 10px;
  }
  .topbar .time span{
  display:inline;
  }
  .topbar .loginname{
  width:155px;
  text-align:right;
  font-size:9px;
  color:#333;
  }
  .topbar .loggedin .lpm{
  margin-left:20px;
  margin-right:20px;
  font-size:14px;
  padding:1px 2px;
  }
  .topbar .loggedin .lpm span{
  display:inline;
  color:#000;
  font-weight:bold;
  font-size:14px;
  }
  
  .topbar .loggedin li a{
  display:inline;
  border:0;
  text-decoration:none;
  padding:0 1px;
  color:#FFF;
  font-size:14px;
  }
  .topbar .loginname img{
  vertical-align:baseline;
  }
  .topbar .loggedin li a:hover{
  text-decoration:none;
  color:#b97e0c;
  }
   
  #wrap{
  position:relative;
  }
  
  .user_online{
    background:url(../images/online_image3.gif) no-repeat right center;
    padding:0 5px 0 2px;
    display:inline;
    margin:0;
  }
  
  #sideBar .statsPanel ul{
    margin:0 5px;
    font-size:11px;
  }
  
  #sideBar .statsPanel ul li{
    min-height:10px;
    padding:1px 3px 1px 105px;
    position:relative;
    display:block;
    font-weight:bold;
    text-align:right;
    margin:0;
  }
  
  #sideBar .statsPanel ul li span{
    display:block;
    position:absolute;
    width:100px;
    left:3px;
    top:1px;
    font-weight:normal;
    text-align:left;
  }
  
  #sideBar ul li .inline-comments, #sideBarright ul li .inline-comments, #toparea ul li .inline-comments {
    position:absolute;
    top:4px;
    right:3px;
    width:20px;
    overflow:hidden;
    text-align:right;
    display:block;
    color:#888;
  }
  
/* calender */

  .calendar{
  height:auto;
  width:96%;
  margin:2px 4px 0px;
  padding:0;
  border-collapse:collapse;
  color:#CCC;
  font-size:11px;
  border-bottom:1px solid #333;
  }
  
  .calendar caption {
  	padding: 8px 1px 6px;
  	margin: 0;
  	width: auto;
  	color: #FFF;	 
  	font-size:12px;
    font-weight:bold;
  	text-align: center;
  }
  
  .calendar caption a{
    font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
	text-align: center;
  display:inline;
  text-decoration:none; 
  line-height:12px;
  }
  .calendar #prev{
  float:left;
  }
  .calendar #next{
  float:right;
  }

  .calendar td {
  margin:0;
  text-align:center;
  width:20px;
  height:18px;
  vertical-align:top;
  border-left:1px solid #333;
  }
  .calendar th{
  padding:2px;
  margin:0;
  text-align:center;
  font-weight:bold;
  color:#888;
  width:20px;
  height:20px;
  }

  .calendar td a {
  text-decoration:none;
  background:#151515;
  color:#b97e0c;
  border:0;
  display:block;
  margin:0;
  height:18px;
  }

  .calendar tr a:hover{
  background-color:#b97e0c;
  text-decoration:none;
  color:#000;
  position:relative;
  border:0;
  }
  .calendar a span {
  display:none;
  }
  .calendar a:hover span {
    background:url(../images/calender_tip_bg.png);
    border-top:1px solid #CCC;
    border-left:1px solid #CCC;
    border-bottom:1px solid #444;
    border-right:1px solid #444;
    color:#000;
    display:block;
    margin:10px;
    overflow:visible;
    font-size:10px;
    padding:5px;
    position:absolute;
    visibility:visible;
    width:275px;
    text-align:left;
    top:14px;
    z-index:100000;
  }
  #sideBar .calendar a:hover span {
  left:0;
  }
  #sideBarright .calendar a:hover span {
  right:0;
  }
  #toparea .calendar a:hover span {
  right:140px;
  }
  .calendar .today{
  font-weight:bold;
  color:#FFF;
  }
  
  .donation {
  text-align:center;
  width:73px;
  height:44px;
  padding:0;
  }
  .readmore{
    margin:13px 0;
  }
  .readmore a{
    width:83px;
    height:0;
    display:block;
    background:url(../images/readmore.gif) no-repeat;
    background-position:0 -26px;
    padding-top:26px;
    overflow:hidden;
    float:right;
  }
  .readmore a:hover{
    background-position:0 0;
    }
    /* availability stuff for fixtures */
  
  .avail-item{
  margin:0 50px;
  padding:3px 70px 2px 2px;
  display:block;
  position:relative;
  color:#CCC;
  border-bottom:1px solid #444;
  height:13px;
  }
  .avail-item img{
  vertical-align:text-top;
  }
  .avail-item .avail, .avail-item .notavail, .avail-item .uavail{
  display:block;
  position:absolute;
  right:19px;
  top:1px;
  width:60px;
  height:17px;
  background:#2c2c2c url(../images/tick.gif) no-repeat 0 0;
  
  }
  
  .avail-item .notavail{
  background:#2c2c2c url(../images/redx.gif) no-repeat 20px 0;
  }
  .avail-item .uavail{
  background:#2c2c2c url(../images/question.gif) no-repeat 40px 0;
  }
  
  .firstteam{
  border-right:3px solid #228B22;
  }

  .subteam {
  border-right:3px solid #FFFF99;
  }
  .notpicked{
  border-right:3px solid #333;
  }
  .avail-item .titel{
  color:#999;
  font-size:10px;
  position:absolute;
  position:absolute;
  right:21px;
  top:2px;
  width:60px;
  height:12px;
  }
.monitors{
height:200px;
width:auto;
overflow: scroll;
overflow-x: hidden;
}

/* ========================================================= */
/* ========================================================= */
/* ========================================================= */
/* ========================================================= */
/* ========================================================= */
/* ========================================================= */
/* = Shoutbox NEW AJAX - ADDED HERE AS TEMP ============= */
/* ========================================================= */
/* ========================================================= */
/* ========================================================= */
/* ========================================================= */
/* ========================================================= */
/* ========================================================= */

/* IDS------------------------------------------------------------------------*/
#shoutbox{
margin:10px auto;
width:200px;
}
#shoutarea {
border:0;
margin:5px 0 1px;
width: 200px;
padding: 0;
overflow: scroll;
overflow-x: hidden;
border-bottom: solid 1px #666;
height: 250px;
position:relative;
}
#shoutbox #time{
font-weight:bold;
}

/* CLASSES FOR SHOUTBOX -----------------------------------------*/

#shoutbox .when{
width:auto;
padding:0 1px;
margin:0 10px;
text-align:center;
color:#999;
font-size:10px;
font-family:tahoma,arial;
}
#shoutbox p{
display:block;
line-height:14px;
}
#shoutbox .posted{
margin:1px 3px 1px 1px;
background:#444;
padding:2px 27px 2px 22px;
color:#999;
position:relative;
}
#shoutbox .posted img{
position:absolute;
top:3px;
left:2px;
}
#shoutbox .posted span{
position:absolute;
right:2px;
top:2px;
color:#888;
font-size:10px;
}
#shoutbox .message{
padding:4px 7px 12px 4px;
margin:0 3px 0 2px;
}
#sbjs_color{
background-color:#333;
border-color:#FFD100;
}
#sb_timeout{
margin:6px;
padding:0;
color:#DEDEDE;
}
#sb_toggle{
margin:0;
text-decoration:none;
border:0;
float:right;
}
#sb_toggle img{
border:0;
}
#sb_spam{
margin:2px;
font-weight:bold;
color:#777;
}
#shoutbox .message{
}
#shoutbox #shout{
margin:0 2px;
}

/* FORM STUFF -----------------------------------------------------------*/

#shoutbox form#shout{
width:200px;
}
#shoutbox fieldset{
border:0;
padding:0;
margin:0;
width:200px;
clear:right;
}
#shoutbox fieldset label{
display:block;
color:#999;
padding:2px;
}
#shoutbox fieldset input{
margin:2px;
padding: 2px;
color: #FFF;
font-size: 11px;
width: 190px;
background:#444;
border:1px solid #535353;
}
#shoutbox fieldset input:focus{
background:#CCC;
border:1px solid #D5D5D5;
color:#000;
}
#shoutbox .submit {
margin:10px 75px;
padding:2px 4px;
color:#222;
font-size: 11px;
}

.custom{
padding:10px 5px 40px;
position:relative;
color:#CCC;
margin:0;
background:url(../images/post_bg2.gif) repeat-x bottom;
}
.donate-div{
margin:5px auto;
width:73px;
height:44px;
}