/* XippY Bubble 3 column BLUESymmetrical */
/* Colours used:

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

body {
background:#CCCCCC url(../images/bg.gif);
font-family:Arial, Helvetica, sans-serif;
color:#666;
margin:0;
padding:0;
font-size:12px;
}

textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
input {
font-size:10px;
height:auto;
width:auto;
font-family:Arial, Helvetica, sans-serif;
margin:auto;
padding:1px;
}

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

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

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

h4 {
	width:auto;
	height:26px;
	color:#222;
	background:url(../images/h4_bg_long.gif) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0;
	padding:7px 5px 0;
	font-size:11px;
	text-align: center;
	text-transform: uppercase;
  letter-spacing:normal;
}
table.members {
height:auto;
width:98%;
border:0 none;
margin:auto;
padding:2px;
}

table.members td {
color:#333;
padding:3px 1px;
}

table.results {
height:auto;
width:98%;
margin:15px 2px 10px;
padding:2px;
color:#333;
}

table.results td {
padding:2px 1px;
margin:1px;
}

table.results tr a {
text-decoration:underline;
}

table.results tr a:hover,table.results tr:hover {
background-color:#F6F6F6;
text-decoration:none;
color:#003366;
}

.evn {
}

.odd {
background-color:#EFEFEF;
}

.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:885px;
height:100%;
background:#CCC url(../images/middle_bg3.gif);
margin:0 auto;
padding:0;
}

#widthContainer {
width:885px;
height:auto;
background:#CCC url(../images/middle_bg3.gif);
margin:0 auto;
padding:0;
}

#content {
	width:455px;
	height:auto;
	margin:0 5px 5px;
	padding:0 2px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background: #FFFFFF url(../images/contentbg_2.gif) repeat-x center top;
  float:right;
}

#sideBarright{
width:189px;
height:100%;
float:right;
display:inline;
margin:10px 8px 10px 0;
padding:0;
font-size:11px;
}

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

#sideBar {
margin:10px 2px 10px 8px;
width:189px;
height:100%;
float:left;
display:inline;
padding:0;
font-size:11px;
}

#logotop {
width:865px;
height:auto;
display:block;
margin:0px auto;
padding:5px 0;
text-align: center;
overflow:hidden;
}

#footer {
width:auto;
height:auto;
clear:both;
margin:0;
padding:10px;
}

#topNav {
	width:auto;
	height:35px;
	background:url(../images/menubg.gif) no-repeat;
	margin:0 10px;
	padding:0;
	text-align: center;
}

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

#topNav ul li {
float:left;
}

#topNav ul li a {
	display:block;
	width:auto;
	height:28px;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	text-decoration:none;
	text-align:center;
	margin:0;
	padding:8px 16px 0;
	text-transform: uppercase;
}

#topNav ul li a:hover {
	background:url(../images/menubg_hover.gif) repeat-x;
	color:#000;
}

#copyright {
height:25px;
width:auto;
color:#999;
font-size:10px;
border-top:1px solid #CCC;
display:block;
clear:both;
margin:10px 15px;
padding:4px;
}

.paget {
width:auto;
height:auto;
font-weight:bolder;
color:#0c4e74;
text-align:center;
margin:10px 1px 10px;
padding:5px;
font-size:14px;
border-bottom:1px solid #EFEFEF;
font-family:Arial,Helvetica,sans-serif;
}
.title{
	background-image: url(../images/posttop.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width:auto;
	height:auto;
	color:#000;
	font-size:small;
	font-weight:bold;
	margin:0 0 10px;
	padding:8px 6px;
	display:block;
}

.commentpost {
width:auto;
height:auto;
border:1px solid #DFDFDF;
color:#333;
margin:0 15px 10px;
padding:10px 2px 0;
}

.post {
	width:439px;
	height:auto;
	color:#666;
	margin:0 auto 10px;
	padding:0;
	background-image: url(../images/postbg.gif);
	background-repeat: repeat-y;
}
img{
vertical-align:middle;
}
.post p{
margin:0 10px;
}
.post h4, .commentpost h4 {
	font-size:10px;
	font-weight:normal;
	width:auto;
	height:auto;
	color:#205088;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0 3px;
	padding:2px 8px;
	text-transform: none;
  letter-spacing:normal;
}
.commentpost h4{
background-image:none;
background-color:#EFEFEF;
position:relative;
}
.post h4{
background-image: url(../images/postcommentbg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 41px;
  margin-bottom:0;
}
.panel{
height:auto;
border:none;
margin:0 0 10px;
padding:0 0 15px;
width: 189px;
background-repeat: no-repeat;
background-image:url(../images/rs_bg.gif);
background-position:center bottom;
font-size: 10px;
}
.nm_panel {
	width: 189px;
	height:auto;
	border:none;
	margin:0 0 10px;
	padding:0 0 15px;
	background-repeat: no-repeat;
  background-image:url(../images/rs_bg.gif);
	background-position:center bottom;
  font-size:11px;
}

.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:176px;
height:41px;
display:block;
background-repeat:no-repeat;
background-position:left center;
margin:5px;
padding:0;
border: 1px solid #999;
position:relative;
}

.form {
width:auto;
height:auto;
font-size:10px;
color:#666;
margin:0 5px 20px;
padding:0;
}

.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:#333;
text-align:left;
margin:1px;
padding:1px;
}

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

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

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

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

.resultscore {
width:260px;
height:auto;
float:right;
background:url(../images/opacity_bg.png);
text-align:center;
vertical-align:middle;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000;
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: 6px solid;
	border-left: 6px solid;
  letter-spacing:0.5pt;
}

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

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

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

.resultspost {
width:auto;
height:auto;
color:#666;
margin:0 0px 20px;
padding:0px;
position:relative;
}

.resultspost p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
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:none;
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;
}

#sideBar ul li,.resultdisplay ul il,.memberinfo ul il,#sideBarright ul li, #toparea ul li {
width:auto;
height:auto;
display:block;
margin:2px;
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;
}

#sideBar ul li a:hover,.resultdisplay ul li a:hover,#sideBarright ul li a:hover, #toparea ul li a:hover {
background:#003366;
color:#FFFFFF;
}

.memberlist h4,.resultspost h4 {
	font-size:9px;
	font-weight:normal;
	width:auto;
	height:32px;
	color:#003366;
	border-bottom:1px solid #EFEFEF;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:4px 0 0;
	background-image: url(../images/tablemenu_bg.gif);
	background-position: center top;
	background-repeat: repeat-x;
}
iframe {
	border:none;
}
h4.recruitment {
	background-image: none;
	text-align:left;
	text-transform: none;
	background-color: #FFFFFF;
}
img{
vertical-align:text-bottom;
}
.newsimg{
width:433px;
text-align:center;
margin:0 3px 15px;
overflow:hidden;
}
.left{
text-align:left;
}
.searchnews{
text-align:right;
margin:2px;
padding:0;
font-size:9px;
color:#666;
position:relative;
}

.searchnews select{
font-size:9px;
background-color:#EFEFEF;
color:#666666;
border:1px solid #CCC;
margin:1px 0 0;
}
.panel form{
display:inline;
font-size:9px;
text-align:right;
margin:2px;
padding:0;
color:#666;
}
.stats{
width:178px;
margin:0 2px 12px;
padding:5px;
font-size:9px;
color:#333333;
background-color:#EFEFEF;
position:absolute;
top:0;
}

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

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

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

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

	.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:0;
    top:-1px;
		width: 40px;
    padding-right:3px;
		text-align: right;
    border-right:2px solid;
	}

	.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;
	}
  #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:#333;
    padding:3px 6px 10px;
    margin:0 2px;
    border-bottom:1px solid #CCC;
  }
  
  .roster h6 span{
    float:right;
  }
  
	.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:0 0 2px 4px;
  display:block;
  font-size:10px;
  letter-spacing:-1px;
}
#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;
  }
.roster_i ul li a img{
    border:0;
    width:15px;
    height:10px;
    vertical-align:top;
    margin-right:1px;
  }
  .roster_i ul li a .avatar{
  border:1px solid #999;
  padding:0;
  margin:0 0 2px;
  width:82px;
  height:82px;
  }
  .roster_i ul li a .rmember{
  position:absolute;
  bottom:5px;
  left:3px;
  display:block;
  background:url(../images/opacity_bg.png);
  width:78px;
  padding:2px 2px 1px;
  color:#000;
  }
  .roster_i ul li a:hover .rmember{
  color:#003366;
  }
  
  .roster_i h6{
    font-size:11px;
    font-weight:bold;
    color:#333;
    padding:8px 6px 10px;
    clear:both;
    margin:1px;
    border-bottom:1px solid #CCC;
  }
  .roster_i h6 span{
    float:right;
  }
.clear_l{
clear:left;
}

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

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

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

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

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

	#shoutarea p.posted span {
		float: right;
	}

	#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: #333;
    line-height:12px;
    font-size:11px;
    text-align:left;
	}

	#shoutbox label { display: none; }

	#shoutbox input#shoutbox-msg {
		margin: 0 12px 6px 12px;
		padding: 2px;
		color: #333;
		font-size: 11px;
		width: 150px;
    background:#FEFEFE url(../images/input_bg.gif);
	}

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

.r_bg{
background-position:left top;
background-repeat:no-repeat;
border-bottom:3px 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;
}

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#tab1 {
}

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

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

/* =poll
---------------------------------------------------------- */

	#poll ul {
		margin:0 10px 5px;
		border: 0;
    color:#333;
	}

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

	#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:#000;
	}
  #poll ul li.p-result{
    padding:0 0 10px;
    margin:0;
  }
  #poll ul li.p-result img{
    vertical-align:middle;
  }

  table.results th, table.members th {
    padding:4px 1px 8px;
    margin:1px;
    font-size:11px;
  	font-weight:bold;
  	width:auto;
  	color:#000;
  	text-align:center;
  	font-family:Verdana, Arial, Helvetica, sans-serif;
  	margin:0;
  	background: url(../images/tablemenu_bg.gif) repeat-x center top;
    text-transform:uppercase;
    border-right:2px solid #FFFFFF;
  }
  
  table.members th {
  text-align:left;
  padding:4px 6px 8px;
  }
  
  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:#999;
  font-size:9px;
  letter-spacing:normal;
  vertical-align:text-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:#000;
    position:absolute;
    right:5px;
    width:34px;
    text-align:right;
  }
  
.anotherMap{
width:216px;
height:50px;
margin:0 2px 5px 2px;
border:1px solid #333;
border-bottom:3px solid #333;
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:455px;
  height:auto;
  margin:0;
  padding:10px 2px 0;
  float:left;
}
#wrapper{
  float:left;
  width:668px;
}

#toparea .panel, #toparea .nm_panel{
position:absolute;
right:0;
top:10px;
}

#quickd {
  width:auto;
	height:auto;
  min-height:140px;
  margin:0 194px 26px 5px;
	padding:0 0 15px;
	font-size:10px;
	background-image: url(../images/quikdbg2.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#quickd ul {
width:auto;
height:auto;
list-style:none;
margin:0 5px 2px;
padding:2px;
font-size:11px;
}
#quickd ul li {
display:block;
width:auto;
height:auto;
margin:0;
padding:2px;
}
#quickd ul li a {
color:#333;
text-decoration:underline;
display:inline;
padding:1px;
}
#quickd ul li a:hover {
color:#FFF;
text-decoration:none;
}
#quickd img{
vertical-align:text-bottom;
}
#quickd h4{
position:relative;
background-image: url(../images/qd_bg.gif);
background-repeat: repeat-x;
height:26px;
}
#quickd h4 .qd_left{
width:11px;
height:26px;
position:absolute;
left:-1px;
top:0;
background:url(../images/qd_left.gif) no-repeat top left;
}
#quickd h4 .qd_right{
width:11px;
height:26px;
position:absolute;
right:-1px;
top:0;
background:url(../images/qd_right.gif) no-repeat top right;
}

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

.contact ul li, .memberinfo ul li {
display:block;
width:auto;
height:auto;
background:#EFEFEF;
color:#666;
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:#999;
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:#000;
}

.memberinfo {
width:auto;
height:auto;
color:#666;
margin:5px 5px 20px;
padding:5px;
}
.memberinfo .title {
background:url(../images/profile_title_bg.gif) no-repeat left top;
width:auto;
}


.memberinfoimg {
width:150px;
height:150px;
display:block;
float:right;
background-repeat:no-repeat;
background-position:center center;
margin:3px 5px;
padding:0;
border: 1px solid #003366;
}

.memberinfo img, .memberinfo .pm {
float:right;
display:inline;
margin:0 4px 5px;
}

.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;
}
.profile-float{
font-size:11px;
float:left;
width:320px;
margin:0 2px;
}
.profile-nofloat{
clear:left;
}
.searchnews span{
font-size:10px;
position:absolute;
top:2px;
left:2px;
color:#666;
}
.search_r{
margin-left:195px;
text-align:right;
margin:2px 2px 2px 195px;
padding:0;
position:relative;
border:1px solid #EFEFEF;
}
.screenshots{
margin:5px auto;
padding:2px;
display:block;
text-align:center;
}
.screenshots a img, .screenshots a img:hover{
border:1px solid #FFF;
}
.screenshots a:hover img, .screenshots a:hover img:hover{
border:1px solid #003366;
}
.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 #EFEFEF;
border-bottom:1px solid #EFEFEF;
}
.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:#EFEFEF;
color:#000;
}
.commentID{
position:absolute;
top:1px;
left:2px;
font-weight:bold;
color:#999;
}

/* signup forms fieldsets labels etc */

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

  .signup .input,.signup textarea,.signup select{
  color: #333;
  background: #FFF;
  border: 1px solid #999;
  margin: 10px 5px;
  font-size:14px;
  padding:3px;
  font-weight:bold;
  width:210px;
  }
  .signup select{
  padding:1px;
  }
  .signup option{
  padding:2px 4px;
  }
  .signup .input{
  background:#FFFFFF url(../images/input_bg.gif);
  }
  .signup .input:focus,.signup textarea:focus,.signup select:focus{
  background:#f7fcff;
  border:1px solid #000;
  }
  .signup .input:hover,.signup textarea:hover,.signup select:hover{
  background:#f7fcff;
  }
  .submit{
  margin:10px;
  color:#000;
  font-size:14px;
  margin: 10px 30px;
  font-weight:bold;
  padding:5px;
  display:block;
  }
  .signup fieldset{
  border: 1px solid #e0e8ef;
  width: 400px;
  padding:5px 10px 10px;
  margin:0 auto 20px;
  }
  .signup legend{
  color: #006199;
  padding:5px;
  margin:0 0 0 15px;
  font-size:12px;
  font-weight:bold;
  }
  .signup legend span{
  font-size:11px;
  color:#666;
  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:auto;
  height:30px;
  display:block;
  margin:3px 13px;
  padding:2px 5px;
  position:relative;
  font-size:10px;
  background:url(../images/topbar_bg.gif) repeat-y left top;
  }
  
  .topbar .top{
    background:url(../images/topbar_top.gif) no-repeat center top;
    width:839px;
    height:5px;
    position:absolute;
    top:0;
    left:0;
  }
  .topbar .bottom{
    background:url(../images/topbar_bottom.gif) no-repeat center top;
    width:839px;
    height:10px;
    position:absolute;
    bottom:0;
    left:0;
  }
  
    /*login alternative horizontal var */
  
  #login_a{
    margin:0;
    width:450px;
    position:absolute;
    top:2px;
    right:3px;
  }
  
  #login_a .linput{
    border:1px solid #999;
    background:#FEFEFE url(../images/input_bg.gif);
    color:#000;
    padding:1px;
    display:inline;
    margin:0 1px 6px;
    width:100px;
  }
  #login_a .checkb{
    margin:0 4px 5px 0;
    }
  
  #login_a .login-submit{
    display:inline;
    font-size:10px;
    height:21px;
    width:46px;
    border:0;
    background:none;
    color:#000;
    padding:0;
    margin:1px 1px 0;
    position:relative;
    top:1px;
  }
  
  #login_a form {
    width:450px;
		padding:0;
    margin:0;
		text-decoration: none;
  }
  #login_a .extra{
    color:#666;
    padding:0;
    margin:0;
    font-size:9px;
    display:block;
    width:300px;
    height:21px;
    position:relative;
    top:-25px;
    left:290px;
  }
  #login_a .extra a{
    width:52px;
    height:0;
    overflow:hidden;
    padding-top:21px;
    background-repeat:no-repeat;
    display:block;
    float:left;
    margin:0;
  }
  #login_a .extra a:hover{
    background-position:0 -21px;
  }
  #login_a .extra a.signup{
    background-image:url(../images/login_signup.gif);
  }
  #login_a .extra a.forgotpass{
    width:105px;
    background-image:url(../images/login_password.gif);
  }

  
  .topbar h4{
  background:none;
  display:block;
  padding:2px;
  margin:4px;
  text-align:left;
  width:60px;
  height:14px;
  color:#999;
  }
  .topbar ul{
  margin:5px 4px;
  display:block;
  float:left;
  padding:0;
  }
  .topbar .login-menu{
  float:right;
  }
  
  .topbar ul li{
  float:left;
  display:block;
  font-size:11px;
  padding:1px 0;
  color:#444;
  }
  .topbar ul li strong{
    font-size:12px;
  }
  .topbar ul li span{
    color:#666;
    font-weight:bold;
    display:block;
  }
  .topbar .login-menu li a{
  display:block;
  font-size:10px;
  margin:5px 0 0;
  border:1px solid #EFEFEF;
  padding:0 4px 3px;
  text-decoration:none;
  position:relative;
  color:#000;
  }
  .topbar .login-menu li a:hover{
  background:#EFEFEF;
  }
  .topbar .login-menu li a img{
  border:0;
  vertical-align:text-bottom;
  position:relative;
  top:2px;
  }
  .topbar .avatar{
    width:28px;
    height:28px;
    margin:2px;
    border:1px solid #003366;
    position:absolute;
    top:5px;
    left:5px;
  }
  
  .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:underline;
  padding:0 1px;
  }
  .topbar .loggedin li a:hover{
  text-decoration:none;
  }
   
  #wrap{
    width:865px;
    margin:0 10px;
  }
  
  .user_online{
    background:url(../images/online_image2.gif) no-repeat right center;
    padding:0 5px 0 3px;
    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;
  }
  
/* calendar */

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

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

  .calendar tr a:hover{
  background-color:#006699;
  text-decoration:none;
  color:#FFF;
  position:relative;
  border:0;
  }
  .calendar a span {
  display:none;
  }
  .calendar a:hover span {
    background-color:#fcfcfc;
    border:2px solid #333;
    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;
  }
  
  .calendar .today{
  font-weight:bold;
  }
  
  .donation {
  text-align:center;
  width:73px;
  height:44px;
  padding:0;
  }
  
   /* availability stuff for fixtures */
  
  .avail-item{
  margin:0 50px;
  padding:3px 70px 2px 2px;
  display:block;
  position:relative;
  color:#333;
  border-bottom:1px solid #CCC;
  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:#999 url(../images/tick.gif) no-repeat 0 0;
  
  }
  
  .avail-item .notavail{
  background:#999 url(../images/redx.gif) no-repeat 20px 0;
  }
  .avail-item .uavail{
  background:#999 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 #DDD;
  }
  .avail-item .titel{
  color:#999;
  font-size:10px;
  position:absolute;
  position:absolute;
  right:21px;
  top:2px;
  width:60px;
  height:12px;
  }