/****************************
** Define Main Screen Area **
****************************/
html, body {
	font-family:tahoma, verdana, arial, helvetica, sans-serif;
	background:#4d4d4d url(../images/background_topfade.png) top left repeat-x;
	color:#000;font-size:0.9em
}

/*****************************************
** Define Basic Colours used to display **
** LFS servers & racing names in colour **
*****************************************/
.white {color:#fff}
.black {color:#000}
.green {color:#0d0}
.grey {color:#aaa}
.yellow {color:yellow}
.blue {color:blue}
.magenta {color:#e0e}
.cyan {color:#0ee}
.red, .red:hover, .error, .date, .dateurl {color:#e33}
.me {background-color:#ffc}

.srred {color:#800}
.srgreen {color:#304D21}
.sryellow {color:#FC0}
.srwhite {color:#F3F3F3}

.left {text-align:left}
.right {text-align:right}
.center {text-align:center}

/**************************
** Define main DIV areas **
**************************/
#page {margin:0 auto;min-width:1200px;max-width:1600px;overflow:hidden}

/* Title and logo image */
#banner {height:277px;margin:0;z-index:-10;background:transparent url(../images/srbacklogo.png) top left no-repeat}
#car {height:340px;margin:0;z-index:-10;background:transparent url(../images/car.png) top right no-repeat}

/* Main Page Wrapper - used to force right */
/* and content div to the same height      */
#wrapper {margin:-149px 160px 0 160px;overflow:hidden;padding:0;padding-top:45px;z-index:0}

/* SR Logo Text */
#logo {position:absolute;top:-44px;left:0;width:477px;height:60px;z-index:0;background:transparent url(../images/sr-title.png) top left no-repeat}
#logo:hover {cursor:help}

/* Horizontal navigation bar */
#navigation {position:relative;margin:0;padding:0;z-index:1}

/* Footer at bottom of page */
#footer {height:33px;margin:0 160px 0 193px;clear:both;background:transparent url(../images/footer.png) bottom right no-repeat;z-index:1000}
#footer div {height:33px;width:33px;margin-left:-33px;clear:both;background:transparent url(../images/footer.png) bottom left no-repeat}

/* Right Column - Chatbox, Server Status, Online Status */
#rightside {float:right;width:270px;right:-160px;padding:0;margin:0;background:transparent url(../images/rightcol.png) top left no-repeat}
#rsbkgnd {background:transparent url(../images/right-background.png) top left no-repeat}
#rsbkgnd div#b {height:85px;background:transparent url(../images/right-background.png) bottom left no-repeat}
#banrot {margin:6px 0 3px 17px;width:232px;height:48px}
#banrot img {padding:0;margin:0;border:none}
.helmet {display:inline-block;width:25px;text-align:center;padding-bottom:2px}
.track {display:inline-block;width:66px;text-align:center;padding-bottom:2px}
.racetype {display:inline-block;width:60px;height:60px}
.caricon {display:inline-block;width:40px;text-align:center;padding-bottom:2px}
.track a, .caricon a {color:#000;background:transparent;text-decoration:none}
.track a:hover, .caricon a:hover, .caricon a.active {color:red;background:transparent;text-decoration:none;border:none}
p.srvnme {text-align:left;font-size:1.3em;font-weight:bold;padding:0;margin:0}
p.srvnme img.public {vertical-align:middle}
#rightside p.srvnme a {text-decoration:none}
#rightside p.srvnme a:hover {text-decoration:underline;color:#000}

/* SR Chatbox */
.rightshoutdiv {margin:0 1.1em}
.rightshoutdiv-inner {padding-bottom:4px;background:#c9c9c9 url(../images/rightshoutdiv.png) bottom left no-repeat}
.rightshoutdiv h1 {height:23px;text-align:center;font-size:10pt;color:#f3f3f3;margin:0;padding:9px 10px 0 4px;background:transparent url(../images/rightcol-h1.png) top left no-repeat}
img.shoutbox {padding:0 0 3px 5px}

/* Server & Online Status */
.rightdiv {margin:0 1.1em}
.rightdiv-inner {background:#cbcbcb url(../images/rightcol-div.png) bottom left no-repeat}
.rightdiv h1 {height:23px;text-align:center;font-size:10pt;color:#f3f3f3;margin:0;padding:9px 10px 0 4px;background:transparent url(../images/rightcol-h1.png) top left no-repeat}
.rightdiv h1.show {padding-right:26px}
.rightdiv h1 a {text-align:left;float:left;font-size:0.75em;padding:0 0 0 1px;margin:1px}
.rightdiv-inner p {padding:0 12px 10px 8px}
.server_name {font-weight:bold;text-align:right}

/* AJAX Loading Icon */
#load {display:none;background:transparent url(../images/ajax-loader.gif) center center no-repeat;width:32px;height:32px;width: 270px;padding-top:1em}

#tooltip {position:absolute;z-index:3000;border:1px solid #080808;background:#ccc;padding:4px;opacity:.9;font-size:8pt}
#tooltip h3, #tooltip div {margin:0}
#tooltip h3 {font-size:8pt}
#tooltip.pretty {font-family:Arial;border:0;width:130px;padding:10px;height:80px;opacity:.9;background:url('../images/shadowsmall.png')}
#tooltip.pretty h3 {margin-bottom:0.75em;font-size:8pt;width:130px;text-align:center}
#tooltip.pretty div {width:130px;text-align:left}

/* Main content in center of page */
#contentwrap,#contentwrap .contentwrapleft {background:transparent url(../images/content.png) top right no-repeat}
#contentwrap {position:relative;margin:0 270px -32767px 32px;max-width:1600px;color:#000;z-index:0}
#contentwrap .contentwrapleft {position:absolute;left:-32px;top:0px;width:32px;margin-bottom:0;height:100%;_height:2000px;background-position:top left}
#content {margin:0;font-size:.88em;padding:0;padding-bottom:30px;text-align:justify}
#news_container {clear:left;position:relative;margin:0;padding:0 1em .5em .5em;z-index:0}
#content_container {clear:left;position:relative;margin:0 0 0 -25px;padding:0 6px 4px 4px;z-index:0;font-size:0.85em;text-align:justify}
#rightside,#contentwrap {margin-bottom:-32767px;padding-bottom:32767px}

/* clear float */
div.clear {clear:both}

/**********************
** Navigation Styles **
**********************/
#navigation ul {margin:0;padding:5px 0 0 0;list-style:none;display:table;white-space:nowrap;z-index:200}
#navigation li {display:table-cell;margin:0;padding:0;float:left;z-index:200}
#navigation a {float:left;color:#fff;padding:0 8px;line-height:28px;text-decoration:none;z-index:200}
#navigation a:hover {cursor:pointer;position:relative;color:red;border:none;z-index:200}
#navigation a.nourl, #navigation a:hover.nourl {cursor:default}
#navigation ul li a:hover {border:none;z-index:200}
#navigation li:hover {position:relative;border:none;z-index:200}
#navigation li ul {position:absolute;left:-999em;text-align:center;background:transparent url(../images/menugrad.png) top left repeat-x;z-index:200}
#navigation li:hover ul {top:23px;left:0;border:none;z-index:200}
#navigation ul li ul li a {width: 9em;z-index:200}
a#vent, a:hover#vent,
a#facebook, a:hover#facebook,
a#twitter, a:hover#twitter {display:inline-block;position:absolute;top:7px;cursor:pointer;padding:0}
a#vent, a:hover#vent {width:18px;right:26px}
a#facebook, a:hover#facebook {width:16px;right:62px}
a#twitter, a:hover#twitter {width:16px;right:45px}

/**********************
** Right Side Styles **
**********************/
#rightside p {margin:0}
#rightside p.svrdtls {margin:4px 0 0}

/**********************
** Right Side Styles **
**     Logon Box     **
**********************/
#login {height:86px;font-size:.85em;margin:0;padding:0;color:#fff}
#login a.url {font-weight:normal;text-decoration:underline;color:#f3f3f3}
#login a:hover.url {font-weight:normal;text-decoration:none;color: #fc0}
#login input {font-size:.95em;border:none;margin:1px 0;color:#f3f3f3;background:#000 url(../images/inputgrad.gif) top left repeat-x}
#login label {width:9em;float:left;text-align:right;margin-top:2px;display:block;padding:0 1px}
#login input.submit {border:none;width:5em;color:#f3f3f3;margin-left:4.4em;vertical-align:middle}
#login input:hover {color:#f3f3f3;background-image:url(../images/inputgradr.gif)}
#login label.remember{margin:2px 0}
#login input.rememtick {color:#f3f3f3;background:#000;border:4px solid #000;margin:0;padding:0;vertical-align:middle}
#login input:hover.rememtick {color:#f3f3f3;background:#444;border-color:#444}

/**********************
** Right Side Styles **
**   Server Status   **
**********************/
object.iframe {width:224px;height:220px;padding:0;margin:0 0 3px 5px;border:0px solid #000}

.serverstatus {width:224px;font-size:0.67em;padding:2px 0;margin:0 6px;color:#000;background:transparent;border-bottom:1px solid #888}
.lastss {border:none;padding-bottom:6px}
.onlinestatus {width:226px;font-size:0.67em;padding:1px 5px 7px;margin:0;color:#000;background:transparent}
.onlinestatus table,
.onlinestatus table th {font-size:7pt;border:none;margin:0;padding:0;text-align:left;border-collapse:collapse}
.onlinestatus table th {color: #000}
.onlinestatus table td {padding-bottom:4px}
.onlinestatus table tr {vertical-align:middle}

#rightside p.serverstatus,
#rightside p.onlinestatus {font-size:0.85em;text-align:center;margin:0;padding:1em 0;color:#000;background:transparent;border:none}
#rightside a {color:#000;background:transparent;text-decoration:none}
#rightside a:hover {color:red;background:transparent;text-decoration:none;border:none}
#rightside a.ssurl {color:#000;background:transparent;text-decoration:none}
#rightside a:hover.ssurl {border-bottom:1px dotted #000}
#rightside p.smallbar {font-size:0.75em;padding:0 4px;text-align:center}
#rightside .smallbar a.url {color:#000; background: transparent}
#rightside .smallbar a:hover.url {color:#d11}
#rightside hr {color: #ffcc00; background: #ffcc00; height: 1px; border: none; margin: 0.5em 6px 0.5em 0; padding: 0}

/************************
** Main Content Styles **
************************/
a.url {color:#000; text-decoration: underline}
a:hover.url {color:#d33;text-decoration:none}
a.urlerror, a:hover.urlerror, a:visited.urlerror {color: red}

input.form, select.form {font-size:.88em}

#content h1 {font-size:1.8em;color:#c00;padding:0;margin:0 0 0.5em}
#content h2 {font-size:1.6em;color:#c00;padding:0;margin:0 0 0.5em}

object.fulliframe {width:100%;height:600px;border:none;padding:2px}

div.tooltip {
	background-color:#222;
	border:1px solid #fff;
	padding:10px 15px;
	width:130px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:10px;
	z-index:1;
	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;
}

/************************
** Main Content Styles **
**     Latest Posts    **
************************/
#latest_wrapper {margin:0;clear:left;height:100%;}

#postevents {position:relative;margin:.5em 2px .5em -10px;max-width:1600px;color:#000}

#postevents h1.latestposts,
#postevents h1.events,
#postevents h1.latestpb {margin:0;padding:2px 0 6px;color:#f3f3f3;font-size:1em;text-align:center;float:left}

#postevents h1.latestposts {width:44%}
#postevents h1.events {width:27%}
#postevents h1.latestpb {width:28%}

#postevents div#latestposts,
#postevents div#events,
#postevents div#latestpb {color:#000;width:44%;margin:0;padding:0;text-align:center;overflow:hidden;}
#postevents div#latestposts {width:44%;float:left;border-right:1px solid #ccc}
#postevents div#latestpb {width:28%;float:left;border-right:1px solid #ccc}
#postevents div#events {width:27%}

/* root element for scrollable */ 
div.scrollable {position:relative;overflow:hidden;height:110px;width:100%;float:left}
div.scrollable div.items {position:absolute;height:20000em;width:100%}
div.scrollable div.items div {margin-bottom:1em}
div.scrollable div.items div:last-child {margin-bottom:0}
.actions {text-align:center;clear:left}
.prevPage, .nextPage {cursor:pointer}
.disabled {color:#ddd;cursor:default}

#newstip {display:none;background:transparent url(../images/black_arrow_forum.png) no-repeat top left;
	text-align:left;width:219px;height:120px;padding:32px;color:#eee;margin:-59px 0 0;z-index:100}
#latestpbtip {display:none;background:transparent url(../images/black_arrow_pb.png) no-repeat top left;
	text-align:left;width:180px;height:60px;padding:32px;color:#eee;margin:-114px 0 0 -16px;z-index:100}

.pbnavi, .lpnavi, .enavi {clear:left;height:14px;width:98px;text-align:center;margin:0 auto;display:block}
.pbnavi a, .lpnavi a, .enavi a {width:8px;height:8px;margin:3px;background:url(../images/navigator.png) 0 0 no-repeat;display:inline-block;font-size:1px}
.pbnavi a:hover, .lpnavi a:hover, .enavi a:hover {background-position:0 -8px}
.pbnavi a.active, .lpnavi a.active, .enavi a.active {background-position:0 -16px}

p.postevents {margin:0;padding:0;text-align:left;color:#000}
#postevents a.url {color:#444;text-decoration:none;display:block}
#postevents a:hover.url {color:#000;text-decoration:underline}
#postevents a:visited.url {color:#999}
#postevents div.latestpb ul a:visited.url {color:#444}

#postevents .content,#postevents .t,#postevents .b,#postevents .b div {background:#f6f6f6 url(../images/recentposts.png) no-repeat top right}
#postevents .content {position:relative;padding:0;font-size:0.87em}
#postevents .t {position:absolute;left:-8px;top:0px;width:8px;margin-bottom:0;height:100%;_height:2000px;background-position:top left}
#postevents .b {position:relative;width:100%;top:0px}
#postevents .b,#postevents .b div {height:8px;font-size:1px}
#postevents .b {background-position:bottom right;z-index:-1}
#postevents .b div {position:absolute;top:0;left:0;width:8px;margin-left:-8px;background-position:bottom left}
#postevents .inner {margin-left:0px; margin-right:8px}

/************************
** Main Content Styles **
**     News Stories    **
************************/
#news_container h1, #content_container h1 {margin:0 0 4px;padding:0}

.news {position:relative;margin:0 0 .5em -1em;max-width:1600px;color:#f3f3f3;z-index:-1}

p.headline {margin-right:-8px;height:16px;padding:0;color: #f3f3f3;padding-top:3px;font-size:1em}
span.newsdate {font-size:1em;float:right;padding-right:1em}

div.morenews {clear:left}
p.newsbody {margin:0; padding:0; text-align:justify; color:#000}
p.morenews, a.morenews, a#moreactive {margin:4px 0 0;padding:0;text-align:right;color:#d22;font-weight:bold;clear:left}
p.morenews, a#moreactive {margin:0}
a:hover.morenews, a:hover.moreactive {text-decoration:none}
span.news_banner {background:#464646 url(../images/news-car.png) top right no-repeat;display:block;height:52px;margin:-12px -12px 1em -14px}
span.news_banner img {padding-left:2em}
p.newsbody a.url {color: #000; text-decoration: underline}
p.newsbody a:hover.url {color:#b11;text-decoration: none}
p.newsbody a.comurl {color:red;text-decoration:underline}
p.newsbody a:hover.comurl {color:#f3f3f3;background:#ffcc00;text-decoration:none}

p.newsfoot {font-size:0.87em;color:#fff;padding:3px 2em 0 0;margin:0}
p.newsfoot a {color:#fff}
p.newsfoot a:hover {color:#fff;text-decoration:none;background:transparent}
span.newsauthor {float:right}

.news .content,.news .t,.news .b,.news .b div {background:#f6f6f6 url(../images/news-background.png) no-repeat top right}
.news .content {position:relative;padding:0px 16px .5em 8px;font-size:0.87em}
.news .t {position:absolute;left:-8px;top:0px;width:8px;margin-bottom:0;
	height:100%;_height:2000px;background-position:top left;z-index:-1}
.news .b {position:relative;width:100%;clear:left}
.news .b,.news .b div {height:20px;font-size:1em}
.news .b {background-position:bottom right}
.news .b div {position:absolute;top:0;left:0;width:8px;margin-left:-8px;background-position:bottom left}
.news .inner {margin-left:0;margin-right:-1px}

.news .center {color:#000}

/********************
** Admin Edit User **
********************/
#editracer p, #addrole p {margin:0 0 .7em}
#editracer label, #addrole label {display:inline-block;width:8em;text-align:right;margin-right:2px}
#editracer input, #editracer select, #addrole input, #addrole select {font-size:.97em}

/*************************
** Main Content Styles  **
** COMPARE PAGE COLOURS **
*************************/

/* Track list displayed on compare page on right side */
#tracklist {float: right; width: 170px}

.p100 {background: red; color:#fff}		/* <100% */
.p101 {background: #7cfc00; color: #000}	/* <101% */
.p102 {background: #9ACD32; color: #000}	/* <102% */
.p103 {background: #6B8E23; color:#fff}	/* <103% */
.pb {border: solid 2px red}					/* Best Time */
/* .p104 {background: #8b9db7; color:#fff} */
/* #content table tr.even a:visited, */

td.p100, #content table.pbest tr td.p100 a, #content table.pbest tr.odd td.p100 a, #content table.pbest tr.even td.p100 a
{background: red; color:#fff; text-decoration: none; text-align: center}		/* <100% */

td.p101, #content table.pbest tr td.p101 a, #content table.pbest tr.odd td.p101 a, #content table.pbest tr.even td.p101 a
{background: #7cfc00; color: #000; text-decoration: none; text-align: center}	/* <101% */

td.p102, #content table.pbest tr td.p102 a, #content table.pbest tr.odd td.p102 a, #content table.pbest tr.even td.p102 a
{background: #9ACD32; color: #000; text-decoration: none; text-align: center}	/* <102% */

td.p103, #content table.pbest tr td.p103 a, #content table.pbest tr.odd td.p103 a, #content table.pbest tr.even td.p103 a
{background: #6B8E23; color:#fff; text-decoration: none; text-align: center}	/* <103% */

td.p104, #content table.pbest tr td.p104 a, #content table.pbest tr.odd td.p104 a, #content table.pbest tr.even td.p104 a
{text-decoration: none; text-align: center}							/* >103% */

td.p100pb, #content table.pbest tr td.p100pb a, #content table.pbest tr.odd td.p100pb a, #content table.pbest tr.even td.p100pb a
{background: red; color:#fff; text-decoration: none; text-align: center}
table.pbest td.p100pb {border: solid 2px red}

td.p101pb, #content table.pbest tr td.p101pb a, #content table.pbest tr.odd td.p101pb a, #content table.pbest tr.even td.p101pb a
{background: #7cfc00; color: #000; text-decoration: none; text-align: center}
table.pbest td.p101pb {border: solid 2px red}

td.p102pb, #content table.pbest tr td.p102pb a, #content table.pbest tr.odd td.p102pb a, #content table.pbest tr.even td.p102pb a
{background: #9ACD32; color: #000; text-decoration: none; text-align: center}
table.pbest td.p102pb {border: solid 2px red}

td.p103pb, #content table.pbest tr td.p103pb a, #content table.pbest tr.odd td.p103pb a, #content table.pbest tr.even td.p103pb a
{background: #6B8E23; color:#fff; text-decoration: none; text-align: center}
table.pbest td.p103pb {border: solid 2px red}

td.p104pb, td.p104pb a {text-decoration: none; text-align: center}
table.pbest td.p104pb {border: solid 2px red}

#content table.pbest tr td a:hover, #content table.pbest tr td.p100 a:hover, #content table.pbest tr td.p101 a:hover,
#content table.pbest tr td.p102 a:hover, #content table.pbest tr td.p103 a:hover,
#content table.pbest tr td.p100pb a:hover, #content table.pbest tr td.p101pb a:hover,
#content table.pbest tr td.p102pb a:hover, #content table.pbest tr td.p103pb a:hover,
table.pbest tr th a:hover {color:#fff;background:#007095}

.pbest {
	margin: 0.8em 0 0 0;
	border: 1px solid #000000;
	white-space: nowrap;
	line-height: 130%;
	font-size: 0.9em;
}
.pbest a {color:#000;text-decoration:none}
.pbest tr th {padding:0}
.pbest tr.odd {text-align:left;background:#e5e5e5}
.pbest tr.even {text-align:left;background:#d5d5d5}

/************************
** Main Content Styles **
**   Tooltip CSS for   **
**   compare PB times  **
************************/
a span.pbtip {display:none;color:#eeeeee;background:transparent;text-align:left;}
a:hover span.pbtip {
	position: absolute;
	width: 11em;
	display: inline;
	background: #304D21;;
	color: #f3f3f3;
	border: 1px solid #000;
	margin: -2px 2px 0 3px;
	padding: 4px;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	z-index:150;
}

.serverstatus a:hover span.tooltip,
#serverstatusmin a:hover span.tooltip,
#serverstatusmax a:hover span.tooltip {
	margin-left: -150px;
	z-index:150;
}

a span.track_tooltip {
	display: none;
	color: #eeeeee;
	background: transparent;
	text-align: left;
}
a:hover span.track_tooltip {
	position: absolute;
	width: 8em;
	display: inline;
	background:#fff;
	color: #000;
	border: 1px solid #000;
	margin: 0 0 0 4px;
	padding: 0;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
}

/************************
** Main Content Styles **
**   Gallery Styles    **
************************/

#upload-9 {color:#000;background:#eee;overflow:hidden;margin:0 8px 0 0}
.hidden {display:none}

#gallery {color:#000;background:transparent}
#gallery a img {margin:0;padding:0}
#gallery h1, #gallery h1 a {color:#cc0000;background:transparent}
#gallery h1 a:hover {text-decoration:none}

#upldimg {border:solid 1px #AFAB8E;padding:2px;color:#000;background:#F0EEE0}
#upldimg h1 {color:#c00;background:transparent;font-size:1.8em;margin-bottom:4px}
#upldimg label {width:10em;float:left;text-align:right;padding:2px;display:block}
#upldimg input:focus, #upldimg textarea:focus {background:#FDFDF0}

.screenshot, .screenadmin, .albums {
	vertical-align:bottom;
	display:block;
	float:left;
	padding:.7em;
	background:#F0EEE0;
	margin:.3em;
	border:1px solid #AFAB8E;
	text-align:center;
}
.albums {margin:0 .4em 0 0;padding:.4em}
a:hover.albums {border:1px solid #880000}

.screenadmin p {margin:0;padding:0;text-align:center}
.screenshot img {border:2px solid transparent}
.screenadmin img {border:2px solid #333333}
img.covershot {border:2px solid red}
.album_cover {width:550px;height:auto;padding:.3em;margin:0 .5em .5em 0;color:#000;background:#e0ddd0;border:1px solid #b0bbb0;float:left;text-align:left}

/************************
** Main Content Styles **
**  Movie Page Styles  **
************************/
#movie_list {
	height: 130px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
}
#movie_list p.thumbnail {
	text-align: center;
	display: inline;
	white-space : nowrap;
	width: 138px;
}
#movie_list p.thumbnail a span, #movie_list p.thumbnail a:hover span {color: #eeeeee; background: #8b9db7}
#movie_list p.thumbnail a span {display: none}
#movie_list p.thumbnail a:hover span {
	position: absolute;
	display: inline;
	background: #8b9db7; /*#dadee7*/
	color:#fff;
	border: 1px solid #000;
	z-index:100;
	margin: 8px 2px 0 -48px;
	padding: 4px;
	text-decoration: none;
	text-align: left;
}
.video_desc {text-align:center;display:block;width:425px;margin-left:auto;margin-right:auto}
.movieformthumb {float:left;margin:0 12px 0 0;padding:0}
.movieformthumbcurrent {float:left;margin:0 12px 0 10.5em;padding:0;}
label.movieform {padding:0 4px 0 0;width:10em;display:inline-block;text-align:right}
label.mferror {padding:0 4px 0 0;color:red;font-weight: bold;width:10em;display:inline-block;text-align:right}
.comment_heading {
	color:#fff;
	background: #8b9db7;
	padding: 4px;
	font-weight: bold;
	margin: 1em 0 0.5em 0;
}
.comment_heading a {
	color:#fff;
	background: #8b9db7;
}
.comment_heading a:hover {
	text-decoration: none;
}
.comment_divide {
	height: 2px;
	color:#fff;
	background: #8b9db7;
	margin: 1em 0 0.5em 0;
	font-size: 2px;
}

.comment_details {
	width: 130px;
	float: right;
	color: #000;
	background: #eeeeee;
	padding: 4px 2px;
	margin-top: 4px;
}
.comment{ margin: 4px 135px 4px 0; }


/************************
** Main Content Styles **
**      About LFS      **
************************/
.links {list-style: none}
.links a {
	display: block;
	width: 18em;
	text-decoration: none;
	text-align: center;
	margin: 2px auto;
	padding: 2px;
	color: #304D21;
	background: #FFCC00;
}
.links a:hover {text-decoration: none; background: #304D21; color: #FFCC00}

/*********************
** PayPal Donations **
*********************/
.pp_trans_list {border-collapse:collapse;width:350px}
.pp_trans_list thead {height:32px;color:#f0f0f0;background:url("../images/league_tbl_head.png") no-repeat scroll left top transparent}
.pp_trans_list tbody {background:url("../images/league_tbl_body.png") no-repeat scroll left top transparent} /* #C9C9C9 */
.pp_trans_list tfoot {height:9px;background:url("../images/league_tbl_foot.png") no-repeat scroll left top transparent} /* #C9C9C9 */

.pp_trans_list thead th {height:32px;padding:0;text-align:center}
.pp_trans_list thead th.first {padding:0 0 0 4px;text-align:center}

.pp_trans_list tbody tr td {padding:0}
.pp_trans_list tbody tr td.first {padding:0 0 0 6px}

/************************
** Main Content Styles **
**     League Pages    **
************************/
#league_fund {width:164px;height:101px;background:transparent;margin:39px 10px 0 0;position:absolute;right:0}
#fund_value {height:50px;margin:0;padding:28px 0 0;text-align:center;background:url("../images/ppdonations.png") no-repeat scroll left top transparent}
#fund_donate {position:absolute;width:164px;height:23px;margin:0;top:78px}
#fund_donate a {display:block;width:164px;height:23px;background:url("../images/ppdonations.png") no-repeat scroll left top transparent;background-position:0px -78px}
#fund_donate a:hover {background-position:0px -101px}
#league_fund a.fund_value {font-size:3em;color:#fff;text-decoration:none}
#league_fund a.donate {color:red;text-decoration:none}
#league_fund p.csmall {font-size:10pt;color:#e00;text-align:center}
p.success {display:block;border:1px solid green;padding:3px;margin:0 auto 1em;width:400px;font-size:2em;color:green;text-align:center}
p.fail {display:block;border:1px solid red;padding:3px;margin:0 auto 1em;width:400px;font-size:2em;color:red;text-align:center}

/* the overlayed element */
.simple_overlay {
    /* must be initially hidden */
    display:none;
    /* place overlay on top of other elements */
    z-index:10000;
    /* styling */
    background-color:#333;
    width:400px;
    min-height:200px;
    padding:8px;
    border:1px solid #666;
    /* CSS3 styling for latest browsers */
    opacity:0.98;
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 50px #ccc; 
    -webkit-box-shadow: 0 0 50px #ccc;
    color:#fff;
}

/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(../images/close.png);
    position:absolute;
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}
.simple_overlay h1 {text-align:center}
.simple_overlay label {width:9em;text-align:right;margin-top:2px;display:inline-block;padding:0 3px}
.simple_overlay p.error {text-align:center;padding:3px;border:1px solid red}

#league_tbl_scroll {height:auto;width:100%;overflow-x:auto;overflow-y:hidden}
#league_tbl_inner {height:auto;white-space:nowrap}

table.noborder {border:none;margin:0 auto;}
.apoints {border-collapse:collapse;width:236px}
.apoints thead {color:#f0f0f0;background:url("../images/rightcol-h1.png") no-repeat scroll left top transparent}
.apoints tbody {color:#000;background:url("../images/rightshoutdiv.png") no-repeat scroll left top transparent}
.apoints tfoot {background:url("../images/rightshoutdiv.png") no-repeat scroll left bottom transparent}
.apoints .highlight,
.apoints .highlight a {color:#fff;background-color:#8b9db7;text-decoration:none}
.apoints span.left {float:left}
.apoints span.right {float:right}
.apoints span img {vertical-align:bottom}


.apoints tfoot tr {height:9px;/*background-color:#8b9db7*/}
.apoints th {height:32px;color:#f0f0f0;background:transparent;text-align:center;padding:0 2px 0 0;margin:0}
.apoints td {padding:0 0 3px 3px;border:none;border-spacing:0px}
.apoints th a {cursor: help}
.apoints colgroup.last {margin-right:5px}

.apoints input {font-size: 8pt}
.apoints caption {padding:4px}
.apoints caption img {border: 1px solid #8b9db7;padding:2px}
.apoints caption a:hover img {border:1px solid grey;border-right:1px solid black;border-bottom:1px solid black;padding:2px}
.apoints caption a, .apoints caption a:link,
.apoints caption a:visited {color:#fff;text-decoration:none}
.apoints caption a:hover {color:#fff;text-decoration:underline}

#results table.apoints tr.odd a:link,
#results table.apoints tr.odd a:visited,
#results table.apoints tr.odd a,
#results table.apoints tr.odd td,
#content_container table.apoints tr.odd a:link,
#content_container table.apoints tr.odd a:visited,
#content_container table.apoints tr.odd a,
#content_container table.apoints tr.odd td {
	background:#d2d5df;
	background:transparent;
	text-decoration:none;
	
}
#results table.apoints tr.even a:link,
#results table.apoints tr.even a:visited,
#results table.apoints tr.even a,
#results table.apoints tr.even,
#content_container table.apoints tr.even a:link,
#content_container table.apoints tr.even a:visited,
#content_container table.apoints tr.even a,
#content_container table.apoints tr.even {
	background:#C8CAD1;
	background:transparent;
	text-decoration:none;
}
#results table.apoints tr.even a:hover,
#results table.apoints tr.odd a:hover,
#content_container table.apoints tr.even a:hover,
#content_container table.apoints tr.odd a:hover,
#content_container table.apoints tr.highlight a:hover {
	text-decoration:underline;
	color:black;
}

#content_container table.apoints td.fail {background-color:#600;color:#f3f3f3}
#content_container table.apoints tr.fail {background-color:#440000;color:#f3f3f3;text-decoration: line-through;}
#content_container table.apoints tr.fail td {text-decoration: line-through;}
#content_container table.apoints tr td a:hover {background-color:transparent;text-decoration:none;}
table.floatleft {margin:0;padding:0;display:inline;border:none;}
table.floatleft caption {width:auto}
.hoverhelp {cursor:help;background-color:transparent;}

table.apoints tr.me {background:transparent;font-weight:bold;color:#000}
#content_container table.apoints tr.me td a:hover {color:#fff}
#content_container table.apoints tr td a {color:#000;text-decoration:underline}
#content_container table.apoints tr td a.hoverhelp:hover {text-decoration:none}

/*****************
** Basic Styles **
*****************/
img {border: none}
p {margin: 0 0 1em 0}
.center {text-align: center}
.blackcenter {text-align: center; color: #000}
.half {width: 49%; float: left}