/* XippY Blue Cell */
/* 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: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:7px 1px;
margin:1px;
background:url(../images/evenbg2.gif) repeat-x bottom;
border-top:1px solid #3a3a3a;
}

table.results {
height:auto;
width:98%;
margin:2px 0 20px 4px;
padding:0;
border-collapse:collapse;
color:#999;
}
table.results td {
padding:2px 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:0 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:#000 url(../images/content_end.gif) no-repeat center top;
height:3px;
}

#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;
}

#topNav {
	width:auto;
	height:34px;
	background:url(../images/menu/bg.gif) repeat-x;
	margin:0;
	padding:0;
	text-align: center;
}

#topNav ul {
width:910px;
list-style:none;
margin:0 auto;
padding:0;
}

#topNav ul li {
float:left;
}

#topNav ul li a {
	display:block;
	width:130px;
	height:0;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	margin:0;
	padding:34px 0 0 0;
  overflow:hidden;
  background-repeat:no-repeat;
  background-position:0 -34px;
}

#topNav ul li a:hover {
	background-position:0 0;
}
#topNav ul li a#n-home{
  background-image:url(../images/menu/home.gif);
  }
#topNav ul li a#n-about{
  background-image:url(../images/menu/about.gif);
  }
#topNav ul li a#n-team{
  background-image:url(../images/menu/team.gif);
  }
#topNav ul li a#n-results{
  background-image:url(../images/menu/results.gif);
  }
#topNav ul li a#n-fixtures{
  background-image:url(../images/menu/fixtures.gif);
  }
#topNav ul li a#n-users{
  background-image:url(../images/menu/users.gif);
  }
#topNav ul li a#n-forums{
  background-image:url(../images/menu/forums.gif);
  }
#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:0;
padding:0;
background:url(../images/paget_bg.gif) repeat-x right top;
display:block;
position:relative;
}
.paget a.filter{
width:13px;
height:12px;
display:block;
position:absolute;
right:0;
bottom:-1px;
font-size:9px;
text-decoration:none;
background:url(../images/filter_down.gif) no-repeat top right;
}
.paget a:hover.filter{
background:url(../images/filter_down_hover.gif) no-repeat top right;
}
.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:#778A9F;
	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{
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{
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;
}

.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 5px 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;
  border-bottom:2px solid #000;
}

.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:#6699cc;
}
.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 2px;
	padding: 0;
	overflow:hidden;
}
h4.recruitment {
	background-image: none;
	text-align:left;
	text-transform: none;
  color:#999;
	margin:0;
  font-size:9px;
  background:#282828;
}
img{
vertical-align:text-bottom;
}
.newsimg{
text-align:center;
margin:0 auto 15px;
overflow:hidden;
}
.left{
text-align:left;
}
table.members .left{
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:178px;
margin:1px 2px 12px;
padding:5px;
font-size:9px;
color:#CCC;
background-color:#000;
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: 40px;
    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 2px;
    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: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;
  overflow:hidden;
  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 #778A9F;
  }
  .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;
  }
  .roster_i ul li a:hover .rmember{
  color:#FFF;
  border:0;
  }
  
  .roster_i h6{
    font-size:11px;
    font-weight:bold;
    color:#FFF;
    padding:8px 6px 10px;
    clear:both;
    margin:1px;
    border-bottom:1px solid #444;
  }
  .roster_i h6 span{
    margin-right:4px;
  }
.clear_l{
clear:left;
}

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

	#shoutarea {
		margin: 5px;
		padding: 0 2px 0 0;
		height: 250px;
		overflow: scroll;
		overflow-x: hidden;
		border-bottom: solid 1px #666;
	}

	#shoutarea p.posted {
    margin:1px;
    background:#444;
		padding: 2px;
		line-height: 14px;
		color: #888;
    font-size:11px;
	}

	#shoutarea p.posted strong {
		float: left;
		color: #FFF;
	}

	#shoutarea p.posted img {
		float: left;
		margin: 1px 4px 0 0;
	}

	#shoutarea p.posted span {
		float: right;
    font-size:10px;
	}

	#shoutarea p.posted:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

/*	#shoutarea p.posted {display: inline-block;} */

	#shoutarea p.message {
    margin:3px 3px 5px;
		padding: 3px;
		color: #AAA;
    line-height:12px;
    font-size:11px;
    text-align:left;
	}

	#shoutbox label { display: none; }

	#shoutbox input#shoutbox-msg {
		margin: 0 23px 6px;
		padding: 2px;
		color: #FFF;
		font-size: 11px;
		width: 150px;
    background:#666 url(../images/input_bg.gif);
    border:1px solid #999;
	}

	#shoutbox-submit input {
		margin: 0 73px 20px;
		padding: 3px 2px;
		width: 70px;
		color: #333;
		font-size: 11px;
	}
  
  #shoutbox .when{
    width:auto;
    padding:0 1px;
    margin:0 10px;
    text-align:center;
    color:#999;
  }
  
  #shoutbox p{
    text-align:center;
  }

.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:0;
 padding:0 6px;
 height:auto;
 float:right;
 width:85px;
}

#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 3px 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 ul {
		border: 0;
    margin:5px 0 15px !important;
	}

	#whos-online ul li {
    padding:1px 3px 2px;
    position:relative;
	}
  #whos-online ul li a{
    display:inline;
    text-decoration:underline;
    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:0;
    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:5px;
  color:#666;
  font-size:9px;
  letter-spacing:normal;
  vertical-align:text-bottom;
  }
  table.members th span.rt img{
  vertical-align:bottom;
  }
  
  table.results .det{
    font-size:10px;
    font-family:Arial, Helvetica, sans-serif;
  }
  .stats_d{
    float:left;
    padding:2px 0;
    width:89px;
    position:relative;
  }
  .stats_d strong{
    color:#CCC;
    position:absolute;
    right:5px;
    width:34px;
    text-align:right;
  }
  
.anotherMap{
width:239px;
height:55px;
margin:0 2px 5px 1px;
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.gif) repeat-y;
}
#wrapper{
  float:left;
  width:668px;
}

#toparea .panel, #toparea .nm_panel{
position:absolute;
right:3px;
top:0;
width:198px;
background-color:#FFF;
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:138px;
  margin:0 204px 1px 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:1px 0 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:11px;
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;
display:block;
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:#99C4DF;
  }
   
  #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;
  }
  
/* calendar */

  .calendar{
  height:auto;
  width:96%;
  margin:2px 4px;
  padding:0;
  border-collapse:collapse;
  color:#CCC;
  font-size:11px;
  }
  
  .calendar caption {
  	margin: 0 1px 3px 1px;
  	padding: 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; 
  }

  .calendar td {
  padding:0 1px;
  margin:0;
  text-align:right;
  width:20px;
  height:20px;
  }
  .calendar th{
  padding:2px;
  margin:0;
  text-align:center;
  font-weight:bold;
  border-bottom:1px solid #000;
  color:#FFFFFF;
  width:20px;
  height:20px;
  }

  .calendar td a {
  text-decoration:none;
  background:#000;
  color:#B5C8DF;
  padding:0 2px;
  border:0;
  display:block;
  margin:0;
  }

  .calendar tr a:hover{
  background-color:#B5C8DF;
  text-decoration:none;
  color:#000;
  position:relative;
  border:0;
  }
  .calendar a span {
  display:none;
  }
  .calendar a:hover span {
    background-color:#999;
    border-top:1px solid #CCC;
    border-left:1px solid #CCC;
    border-bottom:1px solid #000;
    border-right:1px solid #000;
    color:#000;
    display:block;
    margin:10px;
    overflow:visible;
    font-size:10px;
    padding:5px;
    position:absolute;
    visibility:visible;
    width:275px;
    text-align:left;
    top:14px;
    right:0;
    z-index:100000;
  }

  #sideBar .calendar a:hover span {
  left:0;
  }
  #sideBarright .calendar a:hover span {
  right:0;
  }
  #toparea .calendar a:hover span {
  right:0px;
  }
  
  .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;
  }