/* daver v0.99 */

html { width: 1000px; margin: 0 auto; background: none #484a4c; border-left: 4px solid #222222; border-right: 4px solid #222222; }

body { width: 1000px; font-family: verdana, tahoma, arial; font-size: 84%; color: #fff; background: none #222222; margin: 0;}
td { font-size: 80%; color: #fff; }
td a { color: #E05E00; }
td a:hover { text-decoration: underline; color: #E05E00; }
a, a:visited, a:active { text-decoration: none; color:#E05E00; }
a:hover { text-decoration: underline; }

/* contains masthead, site name and site motto */
#top { height: 90px; margin: 0; background: url('/gfx/kyrill/logo_q4_background.png') right; }

/* contains main site content */
#middle { padding: 2px 0px 25px 0px; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 0px; }

/* contains summary information */
#right { float: right; width: 315px; background: #222; border-top: 0px; border-left: 0px; border-bottom: 0px; margin-left: 3px; margin-top: 2px; }

/* bottom is for the strap at the base of the site with credits, disclaimer and contact links */
#bottom { font-size: 12px; padding: 15px 0 15px 0; font-family: verdana; text-align: center; clear: both; background:

#000; border-top: 0px ;}
#bottom a { color: #E05E00; }
#bottom a:hover { color: #E05E00; text-decoration: underline; }

/* #full replaces #middle on certain pages that don't contain a #right (and are full-width) */
#full { padding: 10px 20px; }

/* masthead with site logo and link to root */
#sitetitle { background: url('/gfx/esr/title2.gif') no-repeat scroll 0 0 transparent; height: 92px; width: 550px; }
#sitetitle span { display: none; } /* contains site name and motto */
#sitetitlelink { width: 500px; height: 100px; } /* contains link to root of site */

/* navigation menu which follows #top in the html */
#menu1box { color: #fff; font-size: 12px; text-align: center; z-index: 10; width: 999px; background: #000; height: 25px; border-bottom: 1px solid #444;
border-top: 1px solid #444; border-right: 1px solid #444444; margin-bottom: 0px; }
#mainmenu a { color: #e05e00;  }
#menu1box ul { padding: 0; margin: 0; width: 300px; z-index: 100; }
#menu1box ul li {list-style-type: none; position: relative; margin: 0; padding: 0; height: 24px; }

#menu1box ul ul { display: block; border: 0px solid #000; width: 600px; background: #000; margin-top: -26px; }
#menu1box ul ul li { display: inline; float: left; width: 108px; background: #111; border-left: 1px solid #444; padding: 0px 1px 1px 0px; }
#menu1box ul ul li a { }
#menu1box ul ul ul {display: none; border-bottom: 1px solid #444; border-right: 1px solid #444;}
#menu1box ul ul ul li { display: block; }
#menu1box ul ul li:hover > ul { display: block; position: absolute; top: 50px; left: -1px; width: 110px; z-index: 10; padding-bottom: 1px; }
#menu1box li a { display: block; padding: 5px 0px 5px 0px; text-decoration: none; width: 109px; height: 16px; color: #fff; }
ul#topmenu li a:hover { color: #fff; background: #E05E00; }

/* infobar follows menuresults and has brief site info plus login/register/contribute/filter

links */
#infobar { font-family: verdana; color: #fff; position: relative;}
#infobar_left { position: absolute; top: -26px; left: 550px; font-weight: bold; font-size: 12px; border-left: 1px solid #444; padding: 5px 0 6px 8px; } /* site info */
#infobar_left:after { content: ""; }
#infobar_left a { color: #E05E00;}
#infobar_left a:hover { color: #E05E00; text-decoration: underline; }
#infobar_right { position: absolute; top: -21px; right:0; padding: 0 10px 0 0; font-size: 8px; }

/* user links */
#infobar a { font-size: 12px; }
a.info1, a.info1:visited { font-weight: bold; color: #E05E00;} /* style 1 for some links */
a.info1:hover { color: #E05E00; text-decoration: underline; }
a.info2, a.info2:visited { color: #fff; } /* style 2 to differentiate other links */
.error { font-weight: bold; color: #f00; } /* various error messages */

/* big heading on every page */
.mainheading { background: #454545; border: 1px solid #222; margin-top: -1px; margin-bottom: 3px; margin-left: -1px; width: 100%; }
#pageheading { height: 20px; margin: 1px; font-size: 100%; color: #eee; font-weight: bold; text-transform: uppercase;
	padding: 4px 10px 0px 10px; background: #000; background-image: url('/gfx/kyrill/blackbox.png'); background-repeat: repeat-x;

background-position: 0 1px;}
/* sub links alongside big heading */
#pageoptions { font-size: 85%; color: #fff; float: right; text-align: right; text-transform: lowercase; margin: 6px 10px 0 0; }
#pageoptions a { color: #fff; }
.mainnote { padding: 10px; background: #800; border: 1px solid #500; margin-bottom: 15px; }

/* tables */
.mtablebox { text-align: center; padding: 0 1px 1px 1px; margin-top: 10px; background: #444;}
.mtable { margin: 0 auto 0 auto; padding: 0; text-align: left; }
.mtableheader { height: 30px; background: #000;}
.mtableheader input, .mtableheader select { font-family: arial; font-size: 95%; }
.mtableunderline { display: none; }
.mtablerow1 { background: #454545; } /* row style 1 */
.mtablerow2 { background: #232323; } /* row style 2 (alternates) */
.mtablerowselected { background-color: #069; font-style: italic; }
.mtablecell { padding: 1px 5px 1px 5px; color: #fff; /* every cell in a table */ }
.mtablecell a, .mtablecell a:visited { color: #E05E00; font-weight: bold; }
.mtablecell a:hover { text-decoration: underline; color:#E05E00; }
.mtablestretcher { height: 0px; } /* a dummy line that makes the table fill the #middle div */

.t_button_desc label { display: none; }
.t_button_desc { background-image: url('/gfx/esr/arrowdown.gif'); background-repeat: no-repeat;

background-position: left top; height: 14px; width: 14px; }
.t_button_asc label { display: none; }
.t_button_asc {	background-image: url('/gfx/esr/arrowup.gif'); background-repeat: no-repeat;

background-position: left top; height: 14px; width: 14px; }
.t_button_none label { display: none; }
.t_button_none { background-image: url('/gfx/esr/arrowright.gif'); background-repeat: no-

repeat;	background-position: left top; height: 14px; width: 14px; }
.t_button_link { width: 14px; height: 14px; padding-right: 14px; padding-right: 14px; }

/* all boxes for content have 3 elements, top/content/base to allow a variety of styling
all elements have a '.wrap' class around their content also to allow a right-side background
for help making styling a box (e.g. curved corners) contact Sujoy for examples */

/* mainbox is for general content that is not a post */
.mainnote { }
.mainboxhead { }
.mainbox { border: 1px solid #dedede; }
.mainboxcontent { padding: 10px; margin: 0; color: #000; overflow: hidden; background: #dedede; border: 1px solid #777;}
.mainboxbase { }

/* post is for all threaded content */
.post { }
.postbox { padding: 0px; margin: -1px 0 0 0; color: #000; overflow: hidden; background: #dedede; border: 1px solid #444;}
.postbox td { color: #000; }
.postheader { /* top section of the post box before post content is displayed */
	padding: 5px 8px 5px 8px; border: 0px; font-size: 85%; background: none; border-bottom: 1px dotted #777777; }
.postheader a, .postheader a:visited { color: #000; }
.postcontent { /* actual content of the post */
	padding: 5px 8px 5px 8px; line-height: 1.35; color: #000; border-left: 0px; border-right: 0px; border-bottom: 0px; }
.postheadline {  /* main headline of post in a span (not div) */
	font-family: arial; font-size: 150%; font-weight: 900; color: #039; text-transform: uppercase; }
.postheadline a, .postheadline a:visited { color: #E05E00; }
.postcommentinfo { /* number of comments alongside headline also in a span (not div) */
	font-family: arial; color: #000; }
.postcommentinfo a { text-decoration: none; border-bottom: none; }
.postoptions { font-family: arial; color: #000; } /* contains post information and .postinfo */
.postoptions a { text-decoration: none; border-bottom: none; }
.postinfo { float: right; font-family: arial; color: #000; } /* type and category info for */

.postlinks { margin: 10px 0 0 0; } /* links at end of post, e.g. to attached files or mirrors

*/
.postlinks ul { margin: 0; padding: 0; border: none; list-style: none; }
.postlinks li { margin: 0 0 0 10px; background-image:  url('/gfx/esr/dots3.gif');
	background-repeat: no-repeat; padding-left: 15px; background-position: 0 5px; }
.posthistory { float: right; font-style: italic; text-align: right; font-size: 85%; margin-right: 5px; margin-top: 2px; } /*

history info following post */
.postjudgement { font-size: 85%; margin: 2px 0 20px 5px; } /* judgement [+] and % */
.postjudgement a, .postjudgement a:visited { color: #E05E00; }
.postjudgement a:hover { color: #E05E00; text-decoration: underline; }
a.judgementvalue, a.judgementvalue:visited { color: #FFFFFF; }
a.judgementvalue:hover { text-decoration:underline; color: #FFFFFF; }
.postpageoptions { /* contained in postcontent, for multipage postings (not comment pages) */
	font-family: arial; margin: 20px 0 0 0; text-align: center; font-size: 85%; }
.posthide ul { margin: 0; padding: 0; border: none; list-style: none; } /* [hide] tag styling

*/
.posthide li { margin: 0 0 0 10px; background-image:  url('/gfx/esr/dots3.gif');
	background-repeat: no-repeat; padding-left: 15px; background-position: 0 5px; }
.inlineinfo { /* e.g. inline image, ratings graphs */
	float: right; text-align: right; font-size: 85%; font-family: arial; margin-right: -13px; }
.posteventlink { text-align: right; font-size: 85%; font-family: arial; font-weight: bold;

margin: -45px -2px 31px 0; }
.postfunctions { text-align: right; font-size: 85%; font-family: arial; } /* links such as

'[Change Poll Vote]' */
.postcontent .nuked { color: #999; font-weight: bold; } /* nuked postings */
.ratinggraph { background-color: #E05E00; margin: 0 1px 0 0; } /* for demos and movies */
.ratinggraphline { background-color: #000; } /* x-axis baseline of graph */
a.postrating, a.postrating:visited { font-family: arial; font-size: 70%; }
.postsubinfo { /* additional info e.g. in fixtures (betting close date) and questionnaires

(extra q info) */
	font-family: arial; font-size: 85%; font-style: italic; }

.small { font-size: 85%; } /* replacement class for <small> tags */

.postlist { margin: 5px 0 0 0; padding: 0 0 2px 0; border-bottom-color: #039; border-bottom-width: 1px; }
.postlistnew { margin: 5px 0 0 0; padding: 0 0 2px 0; border-bottom-color: #039; border-bottom-width: 1px; }
.postlistunread { margin: 5px 0 0 0; padding: 0 0 2px 0; border-bottom-color: #039; border-bottom-width: 1px; }
.postlistunread .postlistheadline a, .postlistunread .postlistheadline a:visited { color: #039; }
.postlistnew .postlistheadline a, .postlistnew .postlistheadline a:visited { color: #ff0; }
.postlistcommentinfo { font-size: 80%; }
.postlistcommentinfo a, .postlistcommentinfo a:visited { }
.postlistoptions { font-size: 80%; }
.postlistoptions a, .postlistoptions a:visited { }
.postlistauthor { font-size: 85%; }
.postlistauthor a, .postlistauthor a:visited { }
.postlistreplies { font-size: 93%; }
.postlistinfo { font-size: 93%; }

.postlistheadline { font-size: 93%; font-weight: 900; color: #999; text-transform: uppercase; }
.postlistheadline a, .postlistheadline a:visited { color: #999; }

.postlistheadlinenew { font-size: 93%; font-weight: 900; color: #039; text-transform: uppercase; }
.postlistheadlinenew a, .postlistheadlinenew a:visited { color: #E05E00; }

.postlistheadlineunread { font-size: 93%; font-weight: 900; color: #039; text-transform: uppercase; }
.postlistheadlineunread a, .postlistheadlineunread a:visited { color: #E05E00; }
.postlistheadlineunread a:hover { text-decoration: underline; color: #E05E00; }

.pl_box { border: 1px solid #111; }
.hl_row { padding: 5px 0 5px 0; }
.hl_main { color: #fff; text-align: left; border-bottom: 1px solid #444; background: #000; padding: 5px; }
.hl_replies { color: #fff; text-align: center; border-bottom: 1px solid #444; background: #000; padding: 5px; }
.hl_author { color: #fff; text-align: center; border-bottom: 1px solid #444; background: #000; padding: 5px; }
.hl_type { color: #fff; text-align: right; border-bottom: 1px solid #444; background: #000; padding: 5px;}
.pl_row { }
.pl_icon { display: none; text-align: center; background-color: #dedede; padding: 0;
	border-bottom: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; }
.pl_main { color: #111; line-height: 1.4; text-align: left; padding: 3px 0px 3px 5px;
	border-bottom: 1px solid #444; background: #dedede;}
.pl_replies { color: #111; text-align: center; padding: 0 5px 0 5px;
	border-bottom: 1px solid #444; background: #dedede;}
.pl_author { color: #111; text-align: center; padding: 0px 5px 0px 5px;
	border-bottom: 1px solid #444; background: #dedede;}
.pl_type { color: #111; line-height: 1.4; text-align: right; padding: 3px 5px 3px 0;
	border-bottom: 1px solid #444; background: #dedede;}
.bl_cell { }

.p_icon_unread {
	background-image: url('/gfx/esr/p_icon_unread.gif'); background-repeat: no-repeat;

background-position: left top;
	height: 20px; width: 25px; padding: 0 25px 25px 0; font-size: 25px; }
.p_icon_unread label { display: none; }
.p_icon_read {
	background-image: url('/gfx/esr/p_icon_read.gif'); background-repeat: no-repeat;

background-position: left top;
	height: 20px; width: 25px; padding: 0 25px 25px 0; font-size: 25px; }
.p_icon_read label { display: none; }
.p_icon_new {
	background-image: url('/gfx/esr/p_icon_new.gif'); background-repeat: no-repeat;

background-position: left top;
	height: 20px; width: 25px; padding: 0 25px 25px 0; font-size: 25px; }
.p_icon_new label { display: none; }

.forum_main { font-size: 100%; font-weight: 900; text-transform: uppercase; }
.forum_description { font-size: 95%; }
.forum_topics { font-size: 95%; }
.forum_unread { font-size: 95%; }
.f_box { padding: 0; border: 1px solid #444; }
.hf_row { padding: 5px; line-height: 25px; font-weight: bold; color: #fff; }
.hf_main { color: #fff; text-align: center; border-bottom: 1px solid #444; background: #000; }
.hf_topics { color: #fff; text-align: center; border-bottom: 1px solid #444; background: #000;}
.hf_unread { color: #fff; text-align: center; border-bottom: 1px solid #444; background: #000;}
.pf_row { }
.pf_icon { text-align: center; width: 40px; border-right: 1px solid #444;
	border-bottom: 1px solid #444; background: #dedede;}
.pf_icon img { border-color: #000;  }
.pf_main a, .pf_main a:visited { color: #e05e00; }
.pf_main, .pf_topics, .pf_unread { color: #111; text-align: center; padding: 0 5px 0 5px;
	border-bottom: 1px solid #444; background: #dedede;}
.pf_main { text-align: left; line-height: 1.4}
.bf_cell { }

/* top section of column posts */
.columnheader { margin-bottom: 7px; border-bottom: 2px solid #333; height: 68;}
.columnheaderleft { padding: 5px 0 0 0; } /* info on user */
.columnheaderright { float: right; } /* user's picture 60x60 */

.commentoptions { text-align: center; font-size: 85%; color: fff;} /* e.g. comment page links */
.commentoptions a { color: #E05E00; }
.commentoptions a:hover { color: #E05E00; text-decoration: underline; }
.comment { margin: 15px 0 0 0; } /* container for all comment information */
.commenttop { color: #fff; font-size: 65%; } /* just above comment box, date posted, and

next/prev links */
.commenttopleft { margin-left: 5px; color: #ccc; } /* comment posted on date */
.commenttopleft a { color: #E05E00; }
.commenttopright { float: right; margin-right: 5px; } /* next/prev comment links (<< >>) */
.commenttopright a { color: #06c; }
.commentbox { /* contains username, edit/reply/imsg options and comment text */
	border: 1px solid #111; background: none repeat scroll 0 0 #343434; padding: 2px 5px 2px 5px; overflow: hidden; }
.commentboxnew { /* as above, but for unread comments */
	 border: 1px solid #000; background: none repeat scroll 0 0 #34404c; padding: 2px 5px 2px 5px; overflow: hidden; }
.commentheaderright { float: right; font-size: 85%; color: #ccc; } /* Options such as edit/reply/imsg */
.commentheaderright a, .commentheaderright a:visited { color: #ccc; }
.commentheaderright a:hover { color: #fff; }
.commentheaderleft { color: #E05E00; } /* username (e.g. Posted by Sujoy) */
.commentheaderleft a { color: #E05E00; }
.commentcontent { margin: 6px 0px 3px 0px; font-size: 11px; line-height: 1.3;} /* actual comment text */
.commenthistory { float: right; font-style: italic; font-size: 85%; margin-right: 5px; } /* history, e.g. Edited by BLAH on BLAH */
.commentjudgement { color: #fff; font-size: 85%; margin-left: 5px; } /* [+] judgement text */
.commentjudgement a { color: #E05E00; }
.commentlinks { margin: 10px 0 0 0; } /* stuff like attached files (which go into a UL) */
.commentlinks ul { margin: 0; padding: 0; border: none; }
.commentlinks li { margin: 0 0 0 30px; }
.commentshide ul { margin: 0; padding: 0; border: none; } /* hidden text with [hide], in a UL */
.commentshide li { margin: 0 0 0 30px; }
.commentcontent .nuked { color: #999; font-weight: bold; } /* nuked comment */

/* Summary Boxes */
.summarybox { margin: -13 0 0 0; line-height: 16px; }
.summaryhead { height: 25px; background-image: url('/gfx/kyrill/blackbox.png'); background-repeat: repeat-x; background-position: 0 2px;

background-color:

#000; } /* title of box */
.summaryhead div.wrap { color: #fff; padding: 4px 0 4px 10px; font-size: 12px; font-family: verdana; text-transform: uppercase; border-bottom: 1px solid

#444; border-top: 1px solid #444; border-left: 1px solid #444; border-right: 1px solid #444444; }
.summaryhead div.wrap a { color: #fff; }
.summaryhead a, .summaryhead a:visited { color: #fff; }
.summarycontent { } /* main content of box */
.summarycontent div.wrap { padding: 5px 10px 5px 10px; line-height: 1.4; font-size: 11px; font-family: arial; color: #ddd; border-left: 1px

solid #444; border-right: 1px solid #444444; border-bottom: 1px solid #444444; border-top: 0px; }

.summarycontent ul { margin: 0; padding: 0; border: none; list-style: none; }
.summarycontent li { margin: 0; padding: 0; }
.summarycontent a, .summarycontent a:visited { font-weight: bold; color: #E05E00; }
.summarycontent a:hover { color: #E05E00; text-decoration: underline; }
.bettingleader { padding: 5px 0 5px 0; height: 70px; } /* position #1 in betting summary */
.summaryoptions { text-align: right; } /* closing links at end of box (e.g. 'more...') */
.summarytopic { margin: 3px 0 0 0px; text-decoration: none; }
.summaryselected a { font-weight: bold; color: #fff; } /* selected entry (e.g. the image you're viewing in a gallery) */
.summarypollvote { padding: 0 0 0 20px; } /* showing what a user voted for (e.g. '5 times a day') */
a.summaryhide, a.summaryhide:visited { color: #fff; font-weight: bold; }
.summaryblurb { margin: 1px 3px 5px 20px; } /* text such as event description */
.summaryblurb a, .summaryblurb a:visited { font-weight: normal; }
.summarybase { height: 14px; } /* the bottom of the summary box */
.summarybase div.wrap { height: 0px; border-left: 0px; border-top: 0px; }

.summarybuttons { display: none;
	float: right;
	font-weight: normal;
	font-size: 13px;
	margin-top: 2px;
	width: 50px;
	height: 13px;
}
.s_button_less label { display: none; }
.s_button_less {
	background-image: url('/gfx/esr/s_less.gif');
	background-repeat: no-repeat;
	background-position: left top;
	height: 13px; width: 13px; }
.s_button_more label { display: none; }
.s_button_more {
	background-image: url('/gfx/esr/s_more.gif');
	background-repeat: no-repeat;
	background-position: left top;
	height: 13px; width: 13px; }
.s_button_close label {	display: none; }
.s_button_close {
	background-image: url('/gfx/esr/s_close.gif');
	background-repeat: no-repeat;
	background-position: left top;
	height: 13px; width: 13px; }
.s_button_link { width: 13px; height: 13px; padding-right: 12px; }

/* Articles, Columns, Latest Demos */
#topbox { clear: left; padding: 0; width: 100%; height: 200px; background: #222; margin-top: 0px; border-bottom: 0px; border-top: 0px; border-left: 0px; border-right: 0px; }
#topbox1 { width: 300px; float: left; border-top: 0px; border-bottom: 0px; border-left: 0px; height: 189px; margin: 10px 0 0 0; overflow: hidden; padding-top: 10px; margin-top: 2px; margin-right: -1px; }
#topbox2 { width: 300px; float: left; border-top: 0px; border-bottom: 0px; height: 189px; margin: 10px 0 0 0; border-left: 1px solid #444; border-right: 1px solid #444; overflow: hidden; padding-top: 10px; margin-top: 2px; }
#topbox3 { width: 398px; float: left; border-top: 0px; border-bottom: 0px; border-right: 0px; margin-left: -1px; height: 189px; margin: 10px 0 0 0; overflow: hidden; margin-left: -1px; margin-right: -1px; padding-top: 10px; margin-top: 2px; }
.topboxhead { height: 22px; }
.topboxhead div.wrap { padding: 0 0 0 10px; font-size: 12px; font-family: verdana; margin: 0; text-transform: uppercase; }
.topboxhead a, .topboxhead a:visited { color: #fff; }
.topboxcontent div.wrap { padding: 0; line-height: 1.4; font-family: arial; font-size: 11px; margin: 0; color: #ddd; }
.topboxcontent ul { margin: 0; padding: 0; border: none; list-style: none; }
.topboxcontent li { margin: 0; padding-left: 10px; }
.topboxcontent a { font-weight: bold; color: #E05E00; }
.topboxcontent a:hover { text-decoration: underline; color: #E05E00; }
.topboxblurb { padding: 0 5px 5px 10px; }
.topboxblurb a, .topboxblurb a:visited { font-weight: normal; }
.topboxbase div.wrap { height: 10px; }

/* form layout */
#postform { margin: 50px 0 0 0; text-align: center; overflow: hidden; } /* posting forms */
#mainform { margin: 50px 0 0 0; text-align: center; overflow: hidden; } /* all other forms */
div.formrow { margin: 10px auto 0 auto; width: 520px; height: 15px; font-size: 11px; text-

align: left; clear: both; }
div.formrow input, div.formrow textarea, div.formrow select { font-family: arial; font-size: 12px; }
.col1 { float: left; width: 100px; text-align: right; padding-right: 7px; }
.col2 { float: left; width: 150px; text-align: left; }
.col3 { float: left; width: 150px; text-align: right; padding-right: 7px; }
.col4 { float: left; width: 100px; text-align: left; }
.col1b { float: left; padding: 0 0 0 50px; width: 540px; text-align: center; }
.col1b a { color: #E05E00; }
.col1b a:hover { color: #E05E00; text-decoration: underline; }
.col1c { float: left; width: 540px; padding: 0 0 0 14px; }
.col1s { /* search page only */
	float: left; padding: 10px; width: 235px; text-align: left; line-height: 20px; background: #dedede; border: 1px solid #444; color:

#000; }
.col2b { float: left; width: 400px; text-align: left; }
.col2c { float: left; width: 400px; text-align: left; }
.col2d { float: left; width: 400px; text-align: left; }
.col3b { float: left; width: 200px; text-align: left; }
.formsmall { width: 70px; } /* small entry boxes */
.col2b input { width: 150px; }
.col2c input, .col2c textarea { width: 380px; }

div.userdisplay { /* containing box for user info */
	margin: 20px 0 0 0; text-align: center; overflow: hidden; width: 100%; }
div.userrow { /* text row */
	width: auto; font-size: 85%; height: 17px; }
.ucol1 { float: left; width: 85px; text-align: right; padding: 1px 0 1px 0; font-weight: bold; }
.ucol2 { float: left; text-align: left; padding: 1px 0 1px 5px; }
.ucol3 { float: right; width: 202px; margin-top: 29px; }

/* poll bars in summary box */
.spoll { margin: 5px 0 0 3px; }
.spolltable { margin: 0 0 0 0; }
.spollbar { background-color: #E05E00; height: 5px; }

/* poll bars in main box */
.poll { margin: 5px 0 0 3px; }
.polltable { margin: 0 0 0 0; }
.pollbar { background-color: #E05E00; height: 10px; }

/* bet colours */
.betwincashed { color: #ff5; }
.betwinuncashed { color: #77f; }
.betwinarchivecashed { color: #ffa; }
.betwinarchiveuncashed { color: #ffa; }
.betdrawcashed {  color: #77f; }
.betdrawarchivecashed { color: #ffa; }
.betdrawarchiveuncashed { color: #ffa; }
.betresult { color: #039; }
.betresultarchive { color: #039; }
.betlost { color: #F22; }
.betlostarchive { color: #f88; }

/* image preview box for thumbnail popups */
#picpreview { position: absolute; top: -120px; left: -120px; visibility: hidden; }

/* gallery image */
#galleryimagebox { text-align: center; }
.galleryimage { margin: 0 auto 0 auto; color: #E05E00;}
.galleryimage a { color: #E05E00; }
.galleryimage a:hover { text-decoration:underline; color: #E05E00; }
.galleryimage img { border-color: #000; }

/* row of thumbnails to show pics coming up in gallery */
#gallerythumbbox { text-align: center; padding: 5px 0 20px 0; }
.gallerythumb { margin: 0 auto 0 auto; }
.gallerythumb img { border-color: #fff; }
.gallerythumbselected { margin: 0 auto 0 auto; position: relative; top: 10px; }
.gallerythumbselected img { border-color: #039; }

/* Popularity stars */
.popularity { position: relative; top: 3px; }
.popularity_star1 label { display: none; }
.popularity_star1 { background: url('/gfx/esr/plus1.gif') left top no-repeat; height: 10px; width: 11px; padding-right: 11px; }
.popularity_star2 label { display: none; }
.popularity_star2 { background: url('/gfx/esr/plus2.gif') left top no-repeat; height: 10px; width: 11px; padding-right: 11px; }
.popularity_star3 label { display: none; }
.popularity_star3 { background: url('/gfx/esr/plus3.gif') left top no-repeat; height: 10px; width: 11px; padding-right: 11px; }
.popularity_star4 label { display: none; }
.popularity_star4 { background: url('/gfx/esr/plus4.gif') left top no-repeat; height: 10px; width: 11px; padding-right: 11px; }


.flashon { text-decoration: blink; }
img.flag { position: relative; top: -1px; }

#topads { height: 90px; text-align: center; clear: both; position: absolute; top: 5px; right: 5px; }
#topadbase { clear: both; }

#hostbox2 { display: none; }

ul.ajax {	padding: 0; margin: 0; list-style: none; }
li.ajax { float: left; position: relative; width: 200px; }
li.ajax ul { display: none; position: absolute; top: 15px; left: 0; list-style: none; padding: 5px 5px 5px 5px; margin: 0;
	background-color: #343434; width: 200px; border:1px solid #000; }
li.ajax li { }
li>ul { /* to override top and left in browsers other than IE, which will position to the top

right of the containing li, rather than bottom left */
	top: auto; left: auto; }
li.ajax:hover ul, li.over ul { display: block; }

.j_links { margin-top: 15px; }
.j_table { border: 1px solid #000; margin-left:auto; margin-right:auto; }
.j_td_yearmonth { text-align: center; font-size: 65%; color: #000; }
.j_td_dow { text-align: center; width: 40px; color: #000; }
.j_td_blank { text-align: center; width: 40px; }
.j_td_empty { background-color: #fff; text-align: center; width: 40px; color: #000; }
.j_td_full { background-color: #ccc; text-align: center; width: 40px; font-weight: bold; color:

#000; }
.j_td_selected { background-color: #ec9; text-align: center; width: 40px; font-weight: bold;

color: #000; }
.j_tr_calendar td:hover { background-color: #ec9; }