/* ------------------------------- [ std html constructs ] ------------------------------- */

body, tr {
	margin: 0; 
	padding: 0;
	FONT: 12px Verdana, Tahoma, Arial, Sans-serif; color: #4a4a4a
	min-width:600px;
	background:#272727 url('/images/base/body-background.png') repeat fixed 0 0;
}

A {
	COLOR: #7ABCFF; TEXT-DECORATION: none
}
A:link {
	COLOR: #7ABCFF; TEXT-DECORATION: none
}
A:visited {
	COLOR: #7ABCFF; TEXT-DECORATION: none
}
A:hover {
	COLOR: #fff; text-decoration: underline;
}
A:active {
	COLOR: #7ABCFF; TEXT-DECORATION: none;
}
A.strong {
	font-weight:bold;
}

A.nohover:hover {
	BACKGROUND: none;
}

A.onranking {
	color:#EEE; text-decoration:underline
}

A.dotted {
	border-bottom:1px dotted;
}
A.dotted:hover {
	border-bottom:none;
}

IMG {
	border-style:none;
}
IMG.onranking {
	background:#272727 url(/images/base/table-tile.gif);
}

H1 {
	CLEAR: both; MARGIN-TOP: 7px; FONT-SIZE: 1.3em; MARGIN-LEFT: 5px; MARGIN-BOTTOM: 5px; LINE-HEIGHT: 20px; HEIGHT: 20px
}
H2 {
	MARGIN-LEFT: 5px; FONT-SIZE: 1.2em; MARGIN-BOTTOM: 5px; MARGIN-TOP: 7px; COLOR: #FFF;
}
H3, H3.onranking {
	MARGIN-LEFT: 10px; FONT-SIZE: 1em; MARGIN-TOP: 7px; 
}
H3.onranking {
	COLOR:#CCC;
}
H4 {
	MARGIN-LEFT: 5px; FONT-SIZE: 1em; COLOR: #00FF00;
}
H5 {
	MARGIN-LEFT: 5px; COLOR: #00FF00;
}
P {
	/* FONT-SIZE: 1.2em; */ MARGIN-LEFT: 10px;
}
P.normal {
	/* FONT-SIZE: 1em; */ MARGIN-LEFT: 10px;
}
P.onback {
	COLOR: #CCC;
}
P.onback A {
	COLOR: #CCC; text-decoration: underline;
}

.small {
	FONT-SIZE: 0.9em;
}

.vsmall {
	FONT-SIZE: 0.8em;
}

UL.spacedlist {
	LINE-HEIGHT: 25px;
}

#gamecounts {
	position:absolute;
	top: 0px;
	right: 0px;
	margin-top: 1px;
	margin-right: 1px;
	background: #333;
	border: 1px solid #666;
	padding: 2px;
}

.gameAvailable, .gameNotAvailable {
	font-weight: bold;
	font-size: 0.9em; 
	border: 1px solid #fff;
	padding:1px 4px;
}

.gameAvailable {
	background: #66FF66;
	color: #000;
}

.gameNotAvailable {
	background: #FF6666;
	color: #000;
}

TD.gamecount {
	font-weight: bold;
	font-size: 0.9em; 
	line-height: 17px;
}

/* background image transparency fixes */
.mainlogo {
	width: 198px; height: 72px; background: url(/images/base/logo_main.png) no-repeat; background-position:bottom; 
}

/* ------------------------------- [ top menu bar / tabs ] ------------------------------- */

#topbar{
background-color: black;
color: black;
background: #ecf0fc url(topgradient.jpg) top left repeat-x;
}

#logodiv{
	width: 300px;
}

#toptabs{
	margin: 0px 0px 0px 0px;
	
}

#toptabs ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
}

#toptabs li{
display: inline;
margin: 0;
}

#maintabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
color: white;
border: 1px solid #282828;
border-bottom-width: 0;
margin-right: 1px;
background: gray; /*background of tabs (default state)*/
-moz-border-radius:4px 4px 0px 0px;
}

#maintabs li a:visited{
color: white;
}

#maintabs li a:hover {
background: #282828; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
border-color: black;
}

#maintabs li.selected a {
background: #282828;
border-color: black;
}

#maintabs li.highlighted a {
background: #9F9;
color:#000;
border-color: black;
}

#gametabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
color: black;
border: 1px solid #282828;
border-bottom-width: 0;
margin-right: 1px;
background: orange; /*background of tabs (default state)*/
-moz-border-radius:4px 4px 0px 0px;
}

#gametabs li a:visited{
color: black;
}

#gametabs li a:hover {
background: #F8F8F8; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */ */
border-color: black;
}

#gametabs li.selected a {
background: #F8F8F8;
border-color: black;
}


#blanktab li {
float: left;
display: block;
padding: 6px 8px; /*padding inside each tab*/
border: 0px;
}

#tabline{
	clear: both;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 2px;
	background: black;
	overflow: hidden;
}

/* ------------------------------- [ infobar ] ------------------------------- */

#infobar, #bottom-infobar {
	margin: 0 0 0 0px;
  BORDER-BOTTOM: #000 1px solid;
  padding: 5px 10px;
  LINE-HEIGHT: 20px; 
  background: #272727 url(/images/base/infobar-background.png) repeat-x top left;
  COLOR: #CCC;
  font-size: 11px;
	CLEAR: both; 
}
#infobar A, #navbar A, #bottom-infobar A {
	COLOR: #CCC; TEXT-DECORATION: none
}
#infobar A:hover, #navbar A:hover, #bottom-infobar A:hover {
	COLOR: #FFF; TEXT-DECORATION: underline; BACKGROUND: none;
}

#bottom-infobar {
  BORDER-TOP: #000 1px solid;
}


#login {
	FLOAT: right; LINE-HEIGHT: 20px; 
}


/* ------------------------------- [ navbar icons ] ------------------------------- */
SPAN.logged_out {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(/images/icons/key-16x16.png) no-repeat left bottom; PADDING-BOTTOM: 2px; PADDING-TOP:9px;
}
SPAN.join {
	PADDING-RIGHT: 0px; PADDING-LEFT: 18px; BACKGROUND: url(/images/icons/user-16x16.png) no-repeat left bottom; PADDING-BOTTOM: 1px; PADDING-TOP: 9px;
}
SPAN.settings {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(/images/icons/gear-16x16.png) no-repeat left bottom; PADDING-BOTTOM: 1px; PADDING-TOP: 9px
}
SPAN.turn_text {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(/images/icons/clock-16x16.png) no-repeat left bottom; PADDING-BOTTOM: 1px; PADDING-TOP: 9px
}
SPAN.logout {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(/images/icons/logout-16x16.png) no-repeat left bottom; PADDING-BOTTOM: 1px; PADDING-TOP: 9px
}
SPAN.active_threads {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(/images/icons/user-comment-16x16.png) no-repeat left bottom; PADDING-BOTTOM: 1px; PADDING-TOP: 9px
}
SPAN.recent_threads {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(/images/icons/user-comments-16x16.png) no-repeat left bottom; PADDING-BOTTOM: 1px; PADDING-TOP: 9px
}
SPAN.active_threads:hover, SPAN.recent_threads:hover {
	text-decoration:none;
}
SPAN.boot_pending {
	PADDING-RIGHT: 0px; PADDING-LEFT: 15px; BACKGROUND: url(/images/icons/bomb-16x16.png) no-repeat left bottom; PADDING-BOTTOM: 2px; PADDING-TOP:9px;
}
SPAN.refresh {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(/images/icons/refresh-16x16.png) no-repeat left bottom; PADDING-BOTTOM: 2px; PADDING-TOP:9px;
}
SPAN.flagged {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(/images/icons/flag_on-16x16.png) no-repeat left bottom; PADDING-BOTTOM: 2px; PADDING-TOP:9px;
}
SPAN.unflagged {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(/images/icons/flag_off-16x16.png) no-repeat left bottom; PADDING-BOTTOM: 2px; PADDING-TOP:9px;
}
SPAN.comments {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(/images/icons/comments-16x16.png) no-repeat left bottom; PADDING-BOTTOM: 2px; PADDING-TOP:9px;
}
SPAN.charts {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(/images/icons/chart-16x16.png) no-repeat left bottom; PADDING-BOTTOM: 1px; PADDING-TOP: 9px
}
SPAN.designs {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(/images/icons/plugin-16x16.png) no-repeat left bottom; PADDING-BOTTOM: 1px; PADDING-TOP: 9px
}
SPAN.reviews {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(/images/icons/review-16x16.png) no-repeat left bottom; PADDING-BOTTOM: 1px; PADDING-TOP: 9px
}
SPAN.adminlinks {
	PADDING-RIGHT: 0px; PADDING-LEFT: 30px; BACKGROUND: url(/images/icons/logo-25x25.png) no-repeat left bottom; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
SPAN.favorite_on {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(/images/icons/tick-16x16.png) no-repeat left bottom; PADDING-BOTTOM: 1px; PADDING-TOP: 9px
}
SPAN.favorite_off {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(/images/icons/cross-16x16.png) no-repeat left bottom; PADDING-BOTTOM: 1px; PADDING-TOP: 9px
}
SPAN.arrow_up {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(/images/icons/arrow-up-16x16.png) no-repeat left bottom; PADDING-BOTTOM: 1px; PADDING-TOP: 9px
}
SPAN.arrow_down {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(/images/icons/arrow-down-16x16.png) no-repeat left bottom; PADDING-BOTTOM: 1px; PADDING-TOP: 9px
}
SPAN.ticker {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(/images/icons/ticker-16x16.png) no-repeat left bottom; PADDING-BOTTOM: 1px; PADDING-TOP: 9px
}

/* ------------------------------- [ gameplay type icons ] ------------------------------- */
SPAN.private, SPAN.team, SPAN.fog, SPAN.realtime, SPAN.simultaneous, SPAN.number_1, SPAN.number_2, SPAN.number_3, SPAN.number_5, SPAN.number_7, SPAN.log, SPAN.luck, SPAN.kills, SPAN.losses, SPAN.luckchart, SPAN.turn, SPAN.boot, SPAN.clock-fischer, SPAN.clock-regular, SPAN.game_message, SPAN.tournament_message, SPAN.champ_change, SPAN.achievement, SPAN.rank_up, SPAN.rank_down, SPAN.fog-none, SPAN.fog-light, SPAN.fog-medium, SPAN.fog-heavy, SPAN.fog-total {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; PADDING-BOTTOM: 2px; PADDING-TOP:9px;
}
SPAN.private { BACKGROUND: url(/images/icons/lock-16x16.png) no-repeat left bottom; }
SPAN.team { BACKGROUND: url(/images/icons/team-16x16.png) no-repeat left bottom; }
SPAN.fog { BACKGROUND: url(/images/icons/day-lightcloud-16x16.png) no-repeat left bottom; }
SPAN.simultaneous { BACKGROUND: url(/images/icons/simultaneous-16x16.png) no-repeat left bottom; }
SPAN.log { BACKGROUND: url(/images/icons/log-16x16.png) no-repeat left bottom; }
SPAN.luck { BACKGROUND: url(/images/icons/luck-16x16.png) no-repeat left bottom; }
SPAN.kills { BACKGROUND: url(/images/icons/kills-16x16.png) no-repeat left bottom; }
SPAN.losses { BACKGROUND: url(/images/icons/losses-16x16.png) no-repeat left bottom; }
SPAN.luckchart { BACKGROUND: url(/images/icons/luckchart-16x16.png) no-repeat left bottom; }
SPAN.turn { BACKGROUND: url(/images/icons/clock-16x16.png) no-repeat left bottom; }
SPAN.boot { BACKGROUND: url(/images/icons/bomb-16x16.png) no-repeat left bottom; }
SPAN.clock-regular { BACKGROUND: url(/images/icons/clock-regular-16x16.png) no-repeat left bottom; }
SPAN.clock-fischer { BACKGROUND: url(/images/icons/clock-fischer-16x16.png) no-repeat left bottom; }
SPAN.game_message { BACKGROUND: url(/images/icons/sent_game_message-16x16.png) no-repeat left bottom; }
SPAN.tournament_message { BACKGROUND: url(/images/icons/sent_tournament_message-16x16.png) no-repeat left bottom; }
SPAN.champ_change { BACKGROUND: url(/images/icons/champ_change-16x16.png) no-repeat left bottom; }
SPAN.achievement { BACKGROUND: url(/images/icons/medal_star_gold-16x16) no-repeat left bottom; }
SPAN.rank_up { BACKGROUND: url(/images/icons/rank_up-16x16.png) no-repeat left bottom; }
SPAN.rank_down { BACKGROUND: url(/images/icons/rank_down-16x16.png) no-repeat left bottom; }
SPAN.fog-none { BACKGROUND: url(/images/icons/fog_None-16x16.png) no-repeat left bottom; }
SPAN.fog-light { BACKGROUND: url(/images/icons/fog_Light-16x16.png) no-repeat left bottom; }
SPAN.fog-medium { BACKGROUND: url(/images/icons/fog_Medium-16x16.png) no-repeat left bottom; }
SPAN.fog-heavy { BACKGROUND: url(/images/icons/fog_Heavy-16x16.png) no-repeat left bottom; }
SPAN.fog-total { BACKGROUND: url(/images/icons/fog_Total-16x16.png) no-repeat left bottom; }

SPAN.realtime { BACKGROUND: url(/images/icons/realtime-16x16.png) no-repeat left bottom; }
SPAN.number_1 { BACKGROUND: url(/images/icons/dice_1-16x16.png) no-repeat left bottom; }
SPAN.number_2 { BACKGROUND: url(/images/icons/dice_2-16x16.png) no-repeat left bottom; }
SPAN.number_3 { BACKGROUND: url(/images/icons/dice_3-16x16.png) no-repeat left bottom; }
SPAN.number_5 { BACKGROUND: url(/images/icons/hourglass-16x16.png) no-repeat left bottom; }
SPAN.number_7 { BACKGROUND: url(/images/icons/hourglass-16x16.png) no-repeat left bottom; }


.breadcurrent {
	font-weight: bold
}

SPAN.pm {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(/images/icons/mail-16x16.png) no-repeat left bottom; PADDING-BOTTOM: 2px; PADDING-TOP: 10px;
}
SPAN.pm_new, SPAN.message {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(/images/icons/mail-16x16-animated.gif) no-repeat left bottom; PADDING-BOTTOM: 2px; PADDING-TOP: 10px;
}
SPAN.halted {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(/images/icons/exclamation-16x16.png) no-repeat left bottom; PADDING-BOTTOM: 2px; PADDING-TOP: 10px; color:#FF0000; font-weight:bold;
}


/* ------------------------------- [ navbar ] ------------------------------- */

#navbar {
	PADDING-TOP: 3px; PADDING-RIGHT: 10px; PADDING-LEFT: 17px; PADDING-BOTTOM: 5px;
	LINE-HEIGHT: 20px; BORDER-BOTTOM: #000 1px solid; background-color: #444; text-align:center;
  COLOR: #CCC;
  font-size: 11px;
}

#navbar_valign {
	position: relative;
	top: 1px;
}

#navbar_right {
	float: right;
	padding: 7px 10px;
}

#navbar_name {
	MARGIN-RIGHT: 10px; FONT-SIZE: 1.1em;
	font-weight: bold
}

/* ------------------------------- [ navbar2 ] ------------------------------- */

#navbar2 {
	PADDING-TOP: 3px; PADDING-RIGHT: 10px; PADDING-LEFT: 17px; PADDING-BOTTOM: 5px;
	LINE-HEIGHT: 20px; BORDER-BOTTOM: #000 1px solid; background-color: #444; text-align:center;
  COLOR: #CCC;
  font-size: 11px;
}

/* ------------------------------- [ Page Layouts ] ------------------------------- */

/* Single column of content */
#layout0-content, #layout0-content-centered {
	width:100%;
	padding-bottom: 20px;
}
/* Single column of content */
#layout0-content-centered {
	text-align:center
}


/* 3 column: Menu bar in left column, content in middle and advertising on right */
#layout1-leftcol {
	width:200px;
	float:left;
	padding-right: 10px; /* required by Firefox to display a gap between the columns */
}

#layout1-content {
	width:600px;
	float:left;
}

#layout1-rightcol {
	width:160px;
	padding:0px;
	float:left;
}

/* 2 column: Menu bar & advertising in left column, content on right */
#layout2-leftcol {
	width:200px;
	padding-right: 10px; /* required by Firefox to display a gap between the columns */
	float:left;
}

#layout2-content {
	width:750px;
	padding:0px;
	float:left;
}

#forum-content {
	text-align:center;
}

/* 2 column: Content on left, menu bar & advertising in right column */
#layout3-content {
	width:850px;
	padding:0px;
	float:left;
	padding-right: 10px; /* required by Firefox to display a gap between the columns */
}

#layout3-rightcol {
	width:120px;
	padding:0px;
	float:left;
}

/* 2 column: Content on left, menu bar & advertising in right column, fixed width (used for home page) */
#layout4-wrap {
	width:800px;
	margin:0 auto;
	background:#DDD;
}
#layout4-content {
	width:640px;
	padding:0px;
	float:left;
	padding-right: 10px; /* required by Firefox to display a gap between the columns */
}

#layout4-rightcol {
	width:150px;
	padding:0px;
	float:left;
}
/* ------------------------------- [ footer ] ------------------------------- */

#footer {
	clear: both;
	background-color: #222;
	color: #999;
	padding: 10px;
	margin-top:15px;
	border: 1px solid #333;

/*	position:absolute;
	bottom:0; */

}

#copyright {
	float: right;
}



/* ------------------------------- [ dynamic and static vertical menus ] ------------------------------- */

.urbangreymenu{
	float: left;
	width: 190px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(/images/icons/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
/* text-transform: uppercase; */
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu .headerbar a:hover{
background: #606060;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding-left: 10px;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a.selected, .urbangreymenu ul li a.selected:visited {
color: white;
background: black;
}
.urbangreymenu ul li a:hover {
color: white;
background: black;
}

/* ------------------------------- [ random stuff ] ------------------------------- */


#message_boxes {
  margin: 0 auto; width: 650px; position: relative;
}

.centered {
	text-align:center
}

p.error_message, p.info_message, p.confirm_message {
	margin: 0 auto; width: 40%; position: relative; 
  background-repeat: no-repeat;
  background-position: 3px 3px;
  padding: 5px 3px 7px 27px;
  border: 1px solid #fff;
  margin-top: 10px; 
  margin-bottom: 10px;
  text-align:left;
}

p.error_message A, p.info_message A, p.confirm_message A {
	COLOR: #ccc; text-decoration: none; border-bottom:1px dotted;
}

p.error_message A:hover, p.info_message A:hover, p.confirm_message A:hover {
	COLOR: #fff; text-decoration: none; border-bottom:none;
}


p.error_message {
  background-color: #ffcccc;
  background-image: url(/images/icons/delete-16x16.png);
  color: #000000;
}

p.info_message {
	background-color: #333;
  background-image: url(/images/icons/info-16x16.png);
  color: #fff;
}

p.confirm_message {
	background-color: #333;
  background-image: url(/images/icons/accept-16x16.png);
  color: #fff;
}


#thread_detail {
  FONT-SIZE: 0.7em;
}



/* ------------------------------- [ form styles ] ------------------------------- */
FORM {
	DISPLAY: inline; MARGIN: 0px
}

select {
	padding:2px 2px;
	border:solid 1px #aacfe4;
	background:#222;
	color:#fff;
}


form fieldset.post {
	text-align:left;
	position: expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */
/*  font-size: 100%; */
  border-style: solid none none none;
	border: 1px solid #999;
  margin: 0 auto;
	padding: 0px 0px;
	background-color:#f2f2f2;
	width: 60%;
}

form fieldset.post legend {
	position: expression('absolute'); 
	top: expression('-9px'); /* Fixes IE problem with fieldset+legend boundaries */
/*  font-size: 140%; */
  font-weight: bold;
  color: #000000;
  margin: 0px 10px 0px 0px;
  padding: 5px 15px 2px 15px;
	background-color:#f2f2f2;
}


/* ------------------------------- [ Input buttons / fields hover functionality - supports both IE and FF ] ------------------------------- */

INPUT.textbox, INPUT.textbox-hover, INPUT.textbox:hover, TEXTAREA.textbox, TEXTAREA.textbox-hover, TEXTAREA.textbox:hover, TEXTAREA.textbox-plain {
  border: solid 1px #999; padding: 2px 3px 2px 3px; MARGIN-TOP: 5px; background:#222; color: #fff;
}

TEXTAREA.textbox-plain {
  background:#fff; color: #000;
}

INPUT.textbox-hover, TEXTAREA.textbox-hover {
  border: #f08836 solid 1px;
}

INPUT.textbox:hover, TEXTAREA.textbox:hover, TEXTAREA.textbox-plain:hover {
  border: #f08836 solid 1px;
}

INPUT.button, INPUT.button:hover, INPUT.button-hover, A.button, A.button-hover, A.button:hover {
  border: solid 1px #ccc; padding: 1px 6px 2px 6px; font-size:11px;
	BACKGROUND: url(/images/background/button.png) repeat-y left top; CURSOR: pointer; COLOR: white; POSITION: relative; TEXT-DECORATION: none; height:23px;
}
INPUT.button:hover {
	BACKGROUND-POSITION: left bottom;
}
INPUT.button-hover {
	BACKGROUND-POSITION: left bottom;
}

INPUT.warnbutton, INPUT.warnbutton:hover, INPUT.warnbutton-hover {
  border: solid 1px #ccc; padding: 1px 6px 2px 6px; 
	BACKGROUND: url(/images/background/warnbutton.png) repeat-y left top; CURSOR: pointer; COLOR: white; POSITION: relative; TEXT-DECORATION: none; height:23px;
}
INPUT.warnbutton:hover {
	BACKGROUND-POSITION: left bottom;
}
INPUT.warnbutton-hover {
	BACKGROUND-POSITION: left bottom;
}

/* These make an <A> tag appear the same as a INPUT class=button tag */

A.button, A.button:link, A.button:visited, A.button-hover, A.button:hover {
    border: solid 1px #ccc; COLOR: white; padding: 5px 6px 3px 6px;
    BACKGROUND: url(/images/background/button.png) repeat-y left top; CURSOR: pointer; POSITION: relative; TEXT-DECORATION: none; height:23px; 
}
A.button-hover, A.button:hover {
	BACKGROUND-POSITION: left bottom; 
}


A.navbutton, A.navbutton:link, A.navbutton:visited, A.navbutton-hover, A.navbutton:hover {
    BACKGROUND: url(/images/background/navbutton.png) repeat-y left top; CURSOR: pointer; POSITION: relative; TEXT-DECORATION: none;
    border: solid 1px #ccc; COLOR: white; padding: 4px 10px 4px 10px; 
}
A.navbutton-hover, A.navbutton:hover {
	BACKGROUND-POSITION: left bottom; 
}

A.selbutton, A.selbutton:link, A.selbutton:visited, A.selbutton-hover, A.selbutton:hover {
    BACKGROUND: url(/images/background/selbutton.png) repeat-y left top; CURSOR: pointer; POSITION: relative; TEXT-DECORATION: none;
    border: solid 1px #ccc; COLOR: white; padding: 4px 10px 4px 10px; 
}
A.selbutton-hover, A.selbutton:hover {
	BACKGROUND-POSITION: left bottom; 
}

A.favbutton, A.favbutton:link, A.favbutton:visited, A.favbutton-hover, A.favbutton:hover {
    BACKGROUND: url(/images/background/favbutton.png) repeat-y left top; CURSOR: pointer; POSITION: relative; TEXT-DECORATION: none;
    border: solid 1px #ccc; COLOR: white; padding: 4px 10px 4px 10px;
}
A.favbutton-hover, A.favbutton:hover {
	BACKGROUND-POSITION: left bottom; 
}

A.applybutton, A.applybutton:link, A.applybutton:visited, A.applybutton-hover, A.applybutton:hover {
    BACKGROUND: url(/images/background/applybutton.png) repeat-y left top; CURSOR: pointer; POSITION: relative; TEXT-DECORATION: none;
    border: solid 1px #ccc; color: #000; padding: 4px 10px 4px 10px; 
}
A.applybutton-hover, A.applybutton:hover {
	BACKGROUND-POSITION: left bottom; TEXT-DECORATION: none;
}


INPUT .smalloption {
   border: #777 solid 1px; font-size: 90%; font-family:Verdana,sans-serif; font-weight:bold; color:#444; height:20px;
}

.warnoption {
   border: #f77 solid 2px; font-size: 90%; font-family:Verdana,sans-serif; font-weight:bold; color:#f44; height:20px;
}

.actionbutton, .actionbutton-cancel, .actionbutton-go { 
	clear:both;
	border:none;
	width:150px;
	height:31px;
	background:#666666 url(/images/base/button_wide.png) no-repeat;
	text-align:center;
	line-height:31px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}
.actionbutton-cancel { 
	background:#A01419 url(/images/base/button_cancel_wide.png) no-repeat;
}
.actionbutton-go { 
	background:#A01419 url(/images/base/button_go_wide.png) no-repeat;
	color:#000000;
}

/* ------------------------------- [ misc styles ] ------------------------------- */

.msgtxt {
	width:600px;
  /* font-size: 120%; */
}

.favourite_user {
  background-color: #118811;
}

.enemy_user {
  /* font-weight: bold; */
  background-color: #FF4444;
}

.online {
	BACKGROUND: url(/images/icons/icon_online.gif) no-repeat; background-position: 50%;
}
.offline {
	BACKGROUND: url(/images/icons/icon_offline.gif) no-repeat; background-position: 50%;
}

.icon {
	FLOAT: left; WIDTH: 52px; TEXT-ALIGN: center
}


.thread_status {
	font-weight: bold; font-size: 90%;
}


/* ------------------------------- [ Table styles ] ------------------------------- */
TABLE.header TD {
	background:none;
}

TABLE TD.panel {
	background:#111; color:#fff;
}

/*
TABLE TH {
	background:#f2f2f2;
}
*/
.ranking {
	background:#333 url(/images/base/table-tile.gif) repeat 0 0px; color:#FFF;
}
TABLE.ranking TH {
	background:#333 url(/images/base/table-tile.gif) repeat 0 0px; color:#FFF;
}
TABLE.ranking TD {
	background:#333 url(/images/base/table-tile.gif) repeat 0 0px; color:#FFF;
}
TABLE.ranking TD A {
	color:#ccc;
	text-decoration:none;
}
TABLE.ranking TD:hover {
	background:#333;
}
TABLE TD.rowdark {
	background:#333 url(/images/base/table-row-offset.gif) repeat 0 0px;
}
TABLE.ranking TD.favourite {
	BACKGROUND: #990000; font-weight:bold;
}
TABLE.ranking TD.danger {
	BACKGROUND: #8B0000; color: #fff;
}
TABLE.ranking TD.teamheader_green {
	BACKGROUND: #060;
}
TABLE.ranking TD.teamheader_red {
	BACKGROUND: #600;
}
.ranking A {
	COLOR: #CCC; TEXT-DECORATION: none
}
.ranking A:visited {
	COLOR: #CCC; TEXT-DECORATION: none
}
.ranking A:hover {
	COLOR: #FFF; TEXT-DECORATION: underline; BACKGROUND: none;
}



TABLE.data, TABLE.centered, TABLE.plain, TABLE.minwidth, TABLE.noborders, TABLE.admin {
	border-collapse: collapse; 
}
TABLE.data TH  {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; BACKGROUND: url(/images/base/table-th-background.gif) #f5f5f5 repeat-x 50% bottom; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; TEXT-ALIGN: center; border: 1px solid #ccc; color:#000;
}
TABLE.data TH.friendheader, TABLE.data TD.friend {
	BACKGROUND: #339933;
}
TABLE.data TH.enemyheader, TABLE.data TD.enemy {
	BACKGROUND: #990000;
}
TABLE.data TH A{
	color:#000; text-decoration:underline;
}
TABLE.data TD {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; TEXT-ALIGN: center; border: 1px solid #ccc;	color: #FFF;
}
TABLE.data TD A {
	color:#ccc; text-decoration:none;
}
TABLE.data TD A:hover {
	color:#fff; text-decoration:none;
}
TABLE.data TR {
	BACKGROUND: #222;
}
TABLE.data TR.dark {
	BACKGROUND: #111;
}
TABLE.data TR.rowdark1 {
	BACKGROUND: #111;
}
TABLE.data TR:hover, TABLE.data TR.dark:hover {
	BACKGROUND: #030;
}
TABLE.data TR.favourite {
	BACKGROUND: #990000; font-weight:bold;
}
TABLE.data TR.declined {
	BACKGROUND: #300
}
TABLE.data TR.green {
	BACKGROUND: #eefcee
}
TABLE.data TD.left, TABLE.data TH.left, TABLE.plain TD.left, TABLE.plain TH.left, TD.left {
	TEXT-ALIGN: left;
}
TABLE.data TD.right, TABLE.data TH.right, TABLE.plain TD.right, TABLE.plain TH.right, TD.right {
	TEXT-ALIGN: right;
}
TABLE.data TD.blank{
	BACKGROUND: #000; border-left: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #000;
}
TABLE.data TD.nobackground {
	background:none;
}
TABLE.data TD.members {
	text-align:left; font-size: 0.9em; PADDING-LEFT: 10px; 
}
TABLE.data TR.row_dark {
	background: #222;
	color: #FFF;
}
TABLE.data TR.row_light {
	BACKGROUND: #111;
	color: #FFF;
}
TABLE.data TR.row_dark A, TABLE.data TR.row_light A {
	color: #FFF; font-weight: bold;
}
TABLE.plain TD {
	background:#222 url(/images/base/table-tile.gif) repeat 0 0px; color:#FFF;
}
TABLE.plain TD A, TABLE.plain TD A:visited {
	color:#CCC;
}
TABLE.plain TD A:hover {
	color:#FFF; text-decoration:underline;
}
TABLE.black TD {
	background:#000;
}

TABLE.data TR.small {
	BACKGROUND: #111;
	FONT-SIZE: 0.9em;
}


TABLE.centered {
	margin: 0 auto; position: relative;
}
TABLE.fullwidth {
	WIDTH: 100%;
}

TABLE.onlycentered {
	margin: 0 auto; position: relative;  border-collapse: collapse;
}

/* used to highlight major links (Launch Player / Start Game etc) */
TD.highlight {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; BACKGROUND: url(/images/base/table-td-highlight.gif) #f5f5f5 repeat-x 50% bottom; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; TEXT-ALIGN: center; border: 1px solid #ccc;
}

TD.highlight A {
	color:#000;
}
TR.threadspaced {
	line-height: 1.3; 
}

TD.settings-right {
	TEXT-ALIGN: right; width:250px; background: #fafafa;
}
TD.settings-left {
	background: #fafafa;
}
TABLE.nobackground TD {
	background:#fff;
}

TABLE.data TD.noborder {
	border: 0px;
	background:#272727 url('/images/base/body-background.png') repeat fixed 0 0;
}



/* Used for admin pages only */

TABLE.admin {
	font-family: Verdana, sans-serif; border-width: 0px; border-spacing: ; border-collapse: collapse; background-color: white;	text-align: center;
}
TABLE.admin TH {
	font-weight: bold; 	border-width: 1px; 	border-color: #3B5E91; 	border-style: inset; 	padding: 4px; 	background: #E4EAF4;
}
TABLE.admin TD {
	border-width: 1px; 	border-color: #3B5E91; 	border-style: inset;	padding: 4px;  	background-color: white;
}
TABLE.settings {
	margin-left:10px;
}


/* used for datatable tables */
TABLE.datatable {
	border-collapse: collapse; 
}

TABLE.datatable TD, TABLE.datatable TD.dark {
	color:#fff; background: #222; border-color: #3B5E91; border-width: 1px;
}

TABLE.datatable TD.light {
	background: #333;
}

/* used for game lists */
TABLE.realtime TH {
	BACKGROUND: url(/images/base/table-th-realtime-background.gif) #FF777A repeat-x 50% bottom;
}

TABLE.realtime TR {
	BACKGROUND: #000;
}



/* ------------------------------- [ Forum Posts ] ------------------------------- */

.headerbox {
	padding: 5px 5px 5px 5px;  margin-bottom: 10px; 	margin-left: 10px; 	margin-right: 5px; margin-top: 10px; background-color: #FFFAFA; line-height: 1.6; 
	border: solid 1px #bbb; text-align:left;
}
.footerbox {
	padding: 5px 5px 5px 5px; 	background-color: #dAdAdA; margin-bottom: 10px; 	margin-left: 10px; 	margin-right: 5px; margin-top: 10px;
	border: solid 1px #bbb;
}

.commentbox {
	padding: 5px 5px 5px 5px; 	background-color: #222; margin-bottom: 10px; margin-top: 10px; color: #FFF;
	border: solid 1px #aaa; text-align:left; margin-left: auto ; margin-right: auto ; 
}
.commentbox-alt {
	padding: 5px 5px 5px 5px; 	background-color: #333; 	margin-bottom: 10px; margin-top: 10px; color: #FFF;
	border: solid 1px #aaa; text-align:left; margin-left: auto ; margin-right: auto ; 
}
.commentbox .title, .commentbox-alt .title, .replybox .title, .headerbox .title {
	font-weight: bold; border-bottom: solid 1px #bbb; padding-bottom: 5px;
}
.commentbox-private {
	background-color: #400;
}
.commentbox-team {
	background-color: #141;
}
.nounderline {
		font-weight: bold; padding-bottom: 5px;
}
.commenttext {
	padding: 5px;
}

.commentbox .boxfooter, .commentbox-alt .boxfooter, .msgbox .boxfooter, .profilebox .boxfooter {
	font-weight: bold;	text-align: right; font-size: 11px;
}
.commentbox .edithistory, .commentbox-alt .edithistory {
	font-weight: bold; color: #999; 
}

.commentbox .linkstr, .commentbox-alt .linkstr, .headerbox .linkstr, .commentbox .rating, .commentbox-alt .rating  {
	float: right;
}
.profilebox {
	padding: 5px 5px 5px 5px; 	margin-bottom: 0px; 	margin-left: 10px; 	margin-right: 5px; margin-top: 10px; text-align:left;
}
.pending {
	background-color: #F5F4AF; border: dotted 1px #888; 
}
.rejected {
	background-color: #FFCACA; border: dotted 1px #666; 
}

.replybox {
	padding: 5px 5px 5px 5px; background-color: #111; margin-bottom: 10px; 	line-height: 1.6; border: solid 1px #aaa; color: #fff;
	width:700px; margin-left: auto ; margin-right: auto ; text-align:left; clear:both;
}

.gamemsgbox {
	padding: 5px 5px 5px 5px; background-color: #000; margin-bottom: 10px; 	margin-top: 10px; 	border: solid 1px #bbb;
	width:620px; margin-left: auto ; margin-right: auto ; text-align:left; clear:both; color: #FFF;
}
.preview {
  width: 82%; padding-right: 10px; margin-left:auto; margin-right:auto;
}

.msgbox {
	padding: 5px 5px 5px 5px; margin: 5px; background-color: #FAFAFA; line-height: 1.6;	border: solid 1px #ddd;
}

/* used so that when <P> tags are omitted, the text size does not change from when they are in place */
.commentbox P, .commentbox-alt P, .msgbox P, .headerbox P {
	MARGIN-LEFT: 0px;
}

.forumtitle {
	font-size:13px;
	font-weight:bold;
	margin-bottom:0px;
	padding:5px 5px 0px 5px;
}
.forumdescription {
	padding:5px;
}

/* used to display profile images in forum / wall posts */
.profilethumb {
	float:left;
	margin: 0px 5px;
	border: 1px solid #ccc;
}


/* button types */
.button_regular { 
	clear:both;
	margin-left:50px;
	width:125px;
	height:31px;
	background:url(/images/base/button_regular.png) no-repeat;
	text-align:center;
	line-height:31px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	border:0; 
	margin:0; 
	padding:0;
}

/* used to wrap non-breaking items of text (e.g. for td) */
div.js {
    display:none;
}


.spacer{
	clear:both;
	height:1px;
	margin-bottom: 20px;
}


/* Used to center align a full width DIV on the page */
#centeralign {
	position:relative;
	overflow:hidden;
}
#centeralignone {
	float:left;
	position:relative;
	left:50%;

}
#centeraligntwo {
	float:left;
	position:relative;
	left:-50%;
}

/* board about page */
#boardabout, #playerabout, #chartabout {
	border: 1px solid #ccc;
	background-color: #f5f5f5;
	padding:0 0 0px 0;
	width:600px;
}

#boardabout h3, #playerabout h3, #chartabout h3 { 
	padding:6px;
	margin:0;
	color:#fff;
	background:#222;
}

#boardabout A.onlight {
	color: #000; padding: 10px 10px; 
}

#aboutcontent {
	width:570px;
	text-align:left;
	padding:0 0 0 10px;
}

#aboutcontent LI {
	margin: 0 0 5px 25px;
}

#playerabout {
	background-color: #000;
}

#chartabout {
	background-color: #222;
}



/* ------------------------------- [ home page specific styles ] ------------------------------- */
#homepage h3 {
	padding:6px;
	margin:0;
	color:#fff;
	background:#444;
/*	background:#eee url(/images/base/table-tile.gif) repeat 0 0px; color:#FFF; */
}
#homepage h3 A {
	color:#fff;
	text-decoration:underline;
}


.settingsbox, .highlightbox {
	BORDER: #ccc 1px solid; 
	PADDING: 5px;
	background-color: #fafafa;
	MARGIN-BOTTOM: 10px; 
	line-height: 17px;
}

.highlightbox {
	BORDER: #000 1px solid; 
	background-color: #D68D8D;
}

.settingsbox A {
	color:#0000aa;
	text-decoration:underline;
}

/*
.xxxsettingsbox TABLE TH {
	background:#f2f2f2;
}
*/

.settingsbox-news A {
	color:#00FF00;
}

.settingsbox-home {
	BORDER: #ccc 1px solid; 
	PADDING: 5px;
/*	background:#000 url(/images/base/fp.png) repeat 0 0px; */
	background:#000;
	color:#FFF;
	MARGIN-BOTTOM: 10px; 
	line-height: 17px;
}

.settingsbox-news {
	BORDER: #ccc 1px solid; 
	PADDING: 5px;
	background:#000;
	color:#FFF;
	MARGIN-BOTTOM: 10px; 
	line-height: 17px;
}

#userbox li {
	padding:1px;
	margin:5px;
	position:relative;
	float:left;
	display:inline;
	width:150px;
	height:35px;
	border:solid #AAA;
	border-width:1px;
	background: #E9E9E9;
}

#teambox li {
	padding:0px;
	margin:5px;
	position:relative;
	float:left;
	display:inline;
	border:solid #AAA;
	border-width:1px;
	color: #fff;
	background: #333;
}


/* help / info pages that sit to right of urbangrey menu */
#helpcontent {
	margin: 7px 7px 7px 200px;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #eee;
}

#helpcontent H2 {
	color: #000;
}

#helpcontent IMG {
	padding-left: 10px;
}


#helpcontent TABLE.data {
	color: #000;
}


.clear {
  clear:both;
  height:1px;
  overflow:hidden;
}


.pagination {
	MARGIN-TOP: 15px; FLOAT: right; WIDTH: auto; HEIGHT: 1%; TEXT-ALIGN: right;
}
.pagination SPAN STRONG, .pagination SPAN A, .pagination SPAN A:link, .pagination SPAN A:visited, .pagination SPAN A:active {
	BORDER-RIGHT: #bababa 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #bababa 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: 0.9em; PADDING-BOTTOM: 0px; MARGIN: 0px 2px; BORDER-LEFT: #bababa 1px solid; COLOR: #000; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px; BORDER-BOTTOM: #bababa 1px solid; BACKGROUND-COLOR: #000; TEXT-DECORATION: none
}
.pagination SPAN A:hover {
	BORDER-LEFT-COLOR: #fff; BORDER-BOTTOM-COLOR: #fff; BORDER-TOP-COLOR: #fff; BACKGROUND-COLOR: #118811; TEXT-DECORATION: none; BORDER-RIGHT-COLOR: #fff; COLOR: #000; 
}
.pagination IMG {
	VERTICAL-ALIGN: middle
}

.msgframe {
	border: 0px;
}

/* Used for home page to make icons nice and small */
.gamelist_header {
  FONT-SIZE: 0.8em;
  float: right;
}
.gamelist_select {
	border:solid 1px #aacfe4;
  FONT-SIZE: 0.9em;
	background:#000;
	color:#fff;
}

.gamelist_input {
	border:solid 1px #aacfe4;
  FONT-SIZE: 1em;
	background:#000;
	color:#fff;
	padding: 0px 0px 1px 0px;
}

/* used for the text appearing after the star ratings */
#starify {
  font-size: 1.2em;
	font-weight: bold;
}

#userbox-area {
	border:solid 1px #ccc;
	background:#111;
}

#tournament-tabs {
	margin: 10px 0px 0px 0px;
}

/* sits to right of tournament left menu column */
#tournament_content {
	margin: 10px 5px 5px 5px;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #eee;
}

/* used in tournament games tab to highlight selected rounds */
.selected_round {
	font-weight: bold;
	background-color: #9F9;
	color: #000;
	padding:2px 4px;
}

/* Used to highlight tournament status field */
.tournament_status_Live, .tournament_status_Open, .tournament_status_Finished, .tournament_status_Cancelled {
	color: #000;
	padding:2px 4px;
}
.tournament_status_Live {
	background-color: #9F9;
}
.tournament_status_Open {
	background-color: #FF8800;
}
.tournament_status_Finished, .tournament_status_Cancelled {
	color: #fff;
	background-color: #FF0C00;
}

/* Game round list entries */
.game_round ul{
	list-style-type: none;
	margin: 0;
	padding-left: 0px;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.game_round ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
}
.game_round ul li a:hover {
	color: white;
	background: black;
}
.game_round ul li a{
	font: normal 12px Arial;
	color: black;
	background: #E9E9E9;
	display: block;
	padding: 5px 0;
	line-height: 17px;
	padding-left: 8px; /*link text is indented 8px*/
	text-decoration: none;
}

.game_Ready, .game_Started, .game_Finished, game_Bye {
	display: block;
	color: black;
	margin: 0 0 2px 0;
	padding: 7px 0 7px 0px;
	text-decoration: none;
}

.game_Ready {
	background: #fff;
}

.game_Started {
	background: #66FF66;
	color: #000;
}

.game_Finished {
	background: #999;
}

.game_Bye {
	background: #999;
}


/* mini table used in tournament header */
TABLE.tournament_header {
	text-align: left;
	padding: 0px;
	margin: 5px;
	background: #eee;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

TABLE.tournament_header TD {
	background:#333 url(/images/base/table-tile.gif) repeat 0 0px; color:#FFF;
	padding: 5px;
	text-align:left;
}

TABLE.tournament_header TH {
	font-size: 1.1em;
	background:#333 url(/images/base/table-tile.gif) repeat 0 0px; color:#FFF;
	padding: 5px;
}

TR.tournament_header {
	font-family: Segoe UI, Arial, sans-serif; font-size: 0.9em;
}


.tournament_header ul {
	list-style-type: none;
	margin: 0;
	padding: 0px;
	margin-bottom: 0;
}

.tournament_header ul li{
/*	background: #E9E9E9; */
	display: block;
	padding: 2px 0px 2px 2px;
	text-decoration: none;
}

.tournament_header ul li a:hover {
	color: white;
	background: black;
}

/* Used to color the player names in the rounds table */
.player_Eliminated a:link, .player_Eliminated a:visited, .player_Booted a:link, .player_Booted a:visited, .player_Surrendered a:link, .player_Surrendered a:visited {
	background: #FF6666; color: #000;
}
.player_Winner a:link, .player_Winner a:visited {
	background: #66FF66; color: #000;
}
.player_Default a:link, .player_Default a:visited, .player_Invited a:link, .player_Invited a:visited {
	background: #ccc; color: #000;
}
.player_ a:link, .player_ a:visited, .player_Playing a:link, .player_Playing a:visited {
	color: #000;
}

/* jQuery toolbar */
#toolbar {
	padding: 10px 4px;
}

/* Used to hide game flags and favorite icons */
.hiddenflag, .hiddenfavorite {
	display: none;
}


/* Used for datatables.js - keeps carets in right spot */
.css_right {	float: right; }
.css_left { float: left; }

.text_editor_simple {
	background:#222;
	color:#fff;
}


.favorite_board A {
	font-weight:bold;
  font-size: 11px;
  color: #fff;
  padding: 5px 5px;
  border: 1px solid #000;
  background: #933;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  cursor: pointer;
	line-height: 30px;
	text-decoration: none;
}

.favorite_board A:hover {
	TEXT-DECORATION: underline;
}

/* Used to display background highlighted text on body */
.onbody_text {
	font-weight:bold;
  font-size: 11px;
	color: #fff;
	padding:4px 4px;
	background-color: #000;
	margin-bottom: 15px;
}

.tooltip {
	z-index:100;
	display:none;
	background:transparent url(/images/tooltip/black_arrow.png);
	font-weight:bold;
	font-size:11px;
	width:160px;
	padding:25px;
	color:#fff;	
}

/* used for auto resizing textarea */
div.grippie {
	background:#EEEEEE url(/images/base/grippie.png) no-repeat scroll center 2px;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0pt 1px 1px;
	cursor:s-resize;
	height:9px;
	overflow:hidden;
}
.resizable-textarea textarea {
	display:block;
	margin-bottom:0pt;
	width:95%;
	height: 20%;
}





/* ------------------------------- [ Start jGrowl Styles ] ------------------------------- */

div.jGrowl {
	padding: 			10px;
	z-index: 			9999;
	color: 				#fff;
	font-size: 			12px;
}

div.jGrowl A {
	color: 				#0f0;
	font-weight: bold;
}

div.jGrowl A:hover {
	color: 				#000;
	background-color: 	#0f0;
}


/** Special IE6 Style Positioning **/
div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
div.jGrowl {
	position:			absolute;
}

body > div.jGrowl {
	position:			fixed;
}

div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#000;
	border: 1px solid #aaa;
	opacity: 				.85;
    -ms-filter: 			"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; 
    filter: 				progid:DXImageTransform.Microsoft.Alpha(Opacity=85); 
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				1em;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-header {
	font-weight: 			bold;
	font-size:				1em;
	padding-bottom:		4px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-close {
	z-index:				99;
	float: 					right;
	font-weight: 			bold;
	font-size: 				1em;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				.9em;
	font-weight: 			bold;
	text-align: 			center;
}

/** Hide jGrowl when printing **/
@media print {
	div.jGrowl {
		display: 			none;
	}
}

SPAN.clock {
	font-weight:bold;
	font-size: .9em;
	color: #000;
	padding: 1px 1px 1px 1px;
	text-decoration: none;
	background: #c00;
}

/* ------------------------------- [ End jGrowl Styles ] ------------------------------- */

/* used for game lists */
SPAN.scenario {
	line-height: 20px;
	FONT-SIZE: 0.9em;
	color: #FF6A00;
}

/* Displayed at the top of the game view and player pages to alert on player surrenders / votes */
.votebar {
	height: 20px;
	font-size: 0.9em;
	background-color:#773F40;
	color:#fff;
	padding: 5px 0px 0px 10px;
	text-align:left;
	border-bottom: 1px solid #000;
}