/* ESReality default css */

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

/* contains masthead, site name and site motto */
#top { height: 92px; margin: 0 0 30px 0; }

/* contains main site content */
#middle { margin: 0 366px 0 0; padding: 20px 8px 0 13px; }

/* contains summary information */
#right { float: right; width: 360px; }

/* bottom is for the strap at the base of the site with credits, disclaimer and contact links */
#bottom { font-size: 85%; padding: 50px 0 0 0; font-family: arial; text-align: center; clear: both; }
#bottom a { color: #fff; }

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

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

/* navigation menu which follows #top in the html */
#menubox { position: absolute; right: 10px; top: 10px; width: 270px; height: 71px; background: url('/gfx/esr/topmenu.gif') top left no-repeat;	}
#menubox a { }
#menuheadings { font-size: 12px; padding: 9px; font-family: arial; } /* contains 4 navigation options in a UL */
#menuheadings a { background-image: url('/gfx/esr/dots.gif'); background-repeat: no-repeat; padding-left: 12px; background-position: 0 2px;
				  text-transform: uppercase; color: #fff; height: 16px; }
#menuheadings a:hover { color: #e05e00; }
#menuheadings ul { margin-left: 0; padding-left: 0; display: inline; } 
#menuheadings ul li { margin-left: 5px; padding: 0 0; display: inline; }

#menuresults { /* contains submenus under main 4 navigation options */
	font-size: 8px; padding: 0 10px 0 50px; font-family: arial; color: #000; text-transform: lowercase; }
#menuresults a { color: #000; font-size: 11px; font-weight: bold; }
#menu1 { text-align: center; display: block; padding-top: 1px; }
#menu2 { text-align: center; display: none; padding-top: 1px; }
#menu3 { text-align: center; display: none; padding-top: 1px; }
#menu4 { text-align: center; display: none; padding-top: 1px; }

/* infobar follows menuresults and has brief site info plus login/register/contribute/filter links */
#infobar { position: absolute; top: 92px; left:0; width: 100%; height: 40px; background-image: url('/gfx/esr/bardown2.gif'); background-position: top right;
		   background-repeat: no-repeat; font-family: arial; color: #fff; }
#infobar_left { padding: 4px 0 0 15px; font-weight: bold; font-size: 11px; } /* site info */
#infobar_right { padding: 4px 15px 0 0; float: right; font-size: 8px; } /* user links */
#infobar a { font-size: 11px; }
a.info1, a.info1:visited { font-weight: bold; } /* style 1 for some links */
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 */
#pageheading {
	clear: left;
	background-image: url('/gfx/esr/m_dots2.gif');	background-position: top left; background-repeat:no-repeat;	font-size: 100%; color: #fff; font-weight: bold;
	padding: 0 0 0 15px; }
/* sub links alongside big heading */
#pageoptions { font-size: 85%; padding: 0 5px 0 0; color: #fff; float: right; text-align: right; text-transform: lowercase; }
#pageoptions a { color: #fff; }

/* tables */
.mtablebox { text-align: center; background: ; padding: 0 1px 1px 1px; margin-top: 10px; }
.mtable { margin: 0 auto 0 auto; padding: 0; text-align: left; }
.mtableheader { font-weight: bold; background: #000; height: 30px; }
.mtableheader input, .mtableheader select { font-family: arial; font-size: 95%; }
.mtableunderline { display: none; }
.mtablerow1 { background-color: #343434; } /* row style 1 */
.mtablerow2 { background-color: #232323; } /* row style 2 (alternates) */
.mtablerowselected { background-color: #606034; font-style: italic; }
.mtablecell { border-top: 1px solid #666; padding: 1px 5px 1px 5px; /* every cell in a table */ }
.mtablecell a, .mtablecell a:visited { color: #fff; font-weight: bold; }
.mtablestretcher { height: 1px; } /* a dummy line that makes the table fill the #middle div */
.mtable tr:hover { background-color: #34404c; } /* add a nice hover effect to the table rows */

.t_button_desc label { display: none; }
.t_button_desc { background-image: url('/gfx/esr/arrowdown.gif'); background-repeat: no-repeat;	background-position: left top; display: inline-block; 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; display: inline-block; 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; display: inline-block; 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 { }
.mainboxtop { }
.mainboxcontent { border:1px solid #000; background: #dedede; padding: 3px 5px 0 5px; margin-top: 20px; color: #000; overflow: hidden; }
.mainboxbase { }

/* post is for all threaded content */
.post { }
.postbox { border:1px solid #000; /* the containing box in ESR style */
	background: #dedede; padding: 3px 5px 3px 5px; margin-top: 20px; color: #000; overflow: hidden; }
.postbox td { color: #000; }
.postheader { /* top section of the post box before post content is displayed */
	padding-bottom: 5px; border-bottom: 2px solid #333; font-size: 85%; }
.postheader a, .postheader a:visited { color: #000; }
.postcontent { /* actual content of the post */
	padding: 6px 3px 3px 3px; }
.postheadline { /* main headline of post in a span (not div) */
	font-family: arial; font-size: 150%; font-weight: 900; color: #e05e00; 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; }
.postoptions { font-family: arial; } /* contains post information and .postinfo */
.postinfo { float: right; font-family: arial; } /* type and category info for posting */
.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%; } /* history info following post */
.postjudgement { font-size: 85%; } /* judgement [+] and % */
.postjudgement a, .postjudgement a:visited { }
a.judgementvalue, a.judgementvalue:visited { color: #fff; }
.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; }
.posteventlink { text-align: right; font-size: 85%; font-family: arial; font-weight: bold; margin: -45px 0 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: #e6e6e6; border-bottom-width: 1px; }
.postlistnew { margin: 5px 0 0 0; padding: 0 0 2px 0; border-bottom-color: #e6e6e6; border-bottom-width: 1px; }
.postlistunread { margin: 5px 0 0 0; padding: 0 0 2px 0; border-bottom-color: #e6e6e6; border-bottom-width: 1px; }
.postlistunread .postlistheadline a, .postlistunread .postlistheadline a:visited { color: #e05e00; }
.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: #a04000; text-transform: uppercase; }
.postlistheadlinenew a, .postlistheadlinenew a:visited { color: #a04000; }

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

.pl_box { padding: 5px; }
.hl_row { padding: 5px; font-weight: bold; color: #fff; }
.hl_main { text-align: center; background-image: url('/gfx/esr/hl_cell.gif');
	border-bottom: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; }
.hl_replies { text-align: center; background-image: url('/gfx/esr/hl_cell.gif');
	border-bottom: 1px solid #000; border-right: 1px solid #000; }
.hl_author { text-align: center; background-image: url('/gfx/esr/hl_cell.gif');
	border-bottom: 1px solid #000; border-right: 1px solid #000; }
.hl_type { text-align: center; background-image: url('/gfx/esr/hl_cell.gif');
	border-bottom: 1px solid #000; }
.pl_row { }
.pl_icon { text-align: center; background-color: #343434; padding: 0;
	border-bottom: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; }
.pl_main { text-align: left; background-color: #343434; padding: 1px 6px 1px 6px;
	border-bottom: 1px solid #000; border-right: 1px solid #000; }
.pl_replies { text-align: center; background-color: #343434; padding: 1px 6px 1px 6px;
	border-bottom: 1px solid #000; border-right: 1px solid #000; }
.pl_author { text-align: center; background-color: #343434; padding: 1px 6px 1px 6px;
	border-bottom: 1px solid #000; border-right: 1px solid #000; }
.pl_type { text-align: center; background-color: #343434; padding: 1px 6px 1px 6px;
	border-bottom: 1px solid #000; }
.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; }
.hf_row { padding: 5px; font-weight: bold; color: #fff; }
.hf_main { text-align: center; background-image: url('/gfx/esr/hl_cell.gif');
	border-bottom: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; }
.hf_topics { text-align: center; background-image: url('/gfx/esr/hl_cell.gif');
	border-bottom: 1px solid #000; border-right: 1px solid #000; }
.hf_unread { text-align: center; background-image: url('/gfx/esr/hl_cell.gif');
	border-bottom: 1px solid #000; border-right: 1px solid #000; }
.pf_row { }
.pf_icon { text-align: center; background-color: #343434; padding: 2px 0 0 0;
	border-bottom: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; }
.pf_icon img { border-color: #000; }
.pf_main { text-align: left; background-color: #343434; padding: 1px 6px 1px 6px;
	border-bottom: 1px solid #000; border-right: 1px solid #000; }
.pf_main a, .pf_main a:visited { color: #e05e00; }
.pf_topics { text-align: center; background-color: #343434; padding: 1px 6px 1px 6px;
	border-bottom: 1px solid #000; border-right: 1px solid #000; }
.pf_unread { text-align: center; background-color: #343434; padding: 1px 6px 1px 6px;
	border-bottom: 1px solid #000; border-right: 1px solid #000; }
.bf_cell { }

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

.commentoptions { text-align: center; font-size: 85%; } /* e.g. comment page links */
.comment { margin-top: 20px; } /* container for all comment information */
.commenttop { font-size: 85%; } /* just above comment box, date posted, and next/prev links */
.commenttopleft { } /* comment posted on date */
.commenttopright { float: right; } /* next/prev comment links (<< >>) */
.commentbox { /* contains username, edit/reply/imsg options and comment text */
	border:1px solid #000; background-color: #343434; padding: 2px 5px 2px 5px; overflow: hidden; }
.commentboxnew { /* as above, but for unread comments */
	border:1px solid #000; background-color: #323b45; padding: 2px 5px 2px 5px; overflow: hidden; }
.commentheaderright { float: right; font-size: 85%; } /* Options such as edit/reply/imsg */
.commentheaderright a, .commentheaderright a:visited { color: #fff; }
.commentheaderleft { color: #e05e00; font-weight: bold; } /* username (e.g. Posted by Sujoy) */
.commentcontent { margin: 6px 3px 3px 3px; } /* actual comment text */
.commenthistory { float: right; font-style: italic; font-size: 85%; } /* history, e.g. Edited by BLAH on BLAH */
.commentjudgement { color: #fff; font-size: 85%; } /* [+] judgement text */
.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 */

/* right-side summary post box, again has 3 elements - head, content and base - all wrapped with a div.wrap */
.summarybox { padding: 10px 10px 10px 2px; line-height: 15px; }
.summaryhead { background: url('/gfx/esr/s_topleft.gif') repeat-x;
height: 22px; } /* title of box */
.summaryhead div.wrap { background: url('/gfx/esr/s_topright.gif')
no-repeat top right; height:22px; padding: 3px 0 2px 22px; font-size:
92%; font-family: arial; font-weight: bold; text-transform: lowercase; }
.summaryhead div.wrap { background: url('/gfx/esr/s_topright.gif') no-repeat top right;
	padding: 3px 0 2px 22px; font-size: 92%; font-family: arial; font-weight: bold; text-transform: lowercase; }
.summaryhead a, .summaryhead a:visited { color: #fff; }
.summarycontent { background: url('/gfx/esr/s_left.gif') repeat-y; } /* main content of box */
.summarycontent div.wrap { background: url('/gfx/esr/s_right.gif') repeat-y right;
	padding: 5px 8px 0 8px;
	line-height: 1.3; font-size: 85%; font-family: arial; }
.summarycontent ul { margin: 0; padding: 0; border: none; list-style: none; } /* all posts are summarised in UL */
.summarycontent li { margin: 0;
	background-image:  url('/gfx/esr/dots1.gif');
	background-repeat: no-repeat; padding-left: 13px; background-position: 0 1px; }
.summarycontent a, .summarycontent a:visited { font-weight: bold; }
.summarycontent p { margin:0; padding: 0; }
.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 7px; } /* headings within the box */
.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; } /* hide toggle links */
.summaryblurb { margin: 1px 3px 5px 20px; } /* text such as event description */
.summaryblurb a, .summaryblurb a:visited { font-weight: normal; }
.summarybase { background: url('/gfx/esr/s_bottomleft.gif') repeat-x; height: 10px; } /* the bottom of the summary box */
.summarybase div.wrap { background: url('/gfx/esr/s_bottomright.gif') no-repeat top right; height: 10px; }

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

/* similar to summary but for the 3 boxes at the top of the news page */
#topbox { padding: 10px 0 0 0; width: 100%; height: 172px; }
#topbox1 { width: 32%; float: left; margin-left: 8px; }
#topbox2 { width: 32%; float: left; margin-left: 7px; }
#topbox3 { width: 32%; float: left; margin-left: 7px; }
.topboxhead { background: url('/gfx/esr/s_topleft.gif'); height: 22px; }
.topboxhead div.wrap { background: url('/gfx/esr/s_topright.gif')
no-repeat top right; height: 22px; padding: 3px 0 2px 22px; font-family:
arial; font-weight: bold; font-size: 92%; margin: 0; }
.topboxhead div.wrap { background: url('/gfx/esr/s_topright.gif') no-repeat top right;
	padding: 3px 0 2px 22px; font-family: arial; font-weight: bold; font-size: 92%; margin: 0; }
.topboxhead a, .topboxhead a:visited { color: #fff; }
.topboxcontent { background: url('/gfx/esr/s_left.gif') repeat-y; }
.topboxcontent div.wrap { background: url('/gfx/esr/s_right.gif')
repeat-y right; padding: 5px 8px 0 8px; line-height: 1.3; font-family:
arial; font-size: 85%; margin: 0; height:135px; overflow: hidden; }
.topboxcontent div.wrap { background: url('/gfx/esr/s_right.gif') repeat-y right;
	padding: 5px 8px 0 8px;
	line-height: 1.3; font-family: arial; font-size: 85%; margin: 0; }
.topboxcontent ul { margin: 0; padding: 0; border: none; list-style: none; }
.topboxcontent li {
	margin: 0; background-image:  url('/gfx/esr/dots1.gif');
	background-repeat: no-repeat; padding-left: 13px; background-position: 0 1px; }
.topboxcontent a { font-weight: bold; }
.topboxblurb { padding: 1px 3px 5px 15px; }
.topboxblurb a, .topboxblurb a:visited { font-weight: normal; }
.topboxbase { background: url('/gfx/esr/s_bottomleft.gif') repeat-x; height: 10px; }
.topboxbase div.wrap { background: url('/gfx/esr/s_bottomright.gif') no-repeat top right; 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; }
.col1c { float: left; width: 540px; padding: 0 0 0 14px; }
.col1s { /* search page only */
	float: left; padding: 5px 10px 5px 10px; width: 235px; text-align: left; line-height: 20px;
	background-color: #343434; border: 1px solid #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: #e05e00; }
.betresultarchive { color: #e05e00; }
.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; }
.galleryimage img { border-color: #000; }

/* row of thumbnails to show pics coming up in gallery */
#gallerythumbbox { text-align: center; padding: 5px 0 0 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: #e05e00; }

/* right-side summary ad post box */
.summaryadbox { padding: 10px 10px 10px 2px; line-height: 15px; }
.summaryadhead { background: url('/gfx/esr/a_topleft.gif'); height: 22px; } /* title of box */
.summaryadhead div.wrap { background: url('/gfx/esr/a_topright.gif') no-repeat top right; height: 22px; 
	padding: 3px 0 2px 22px; font-size: 1px; color: #484a4c; }
.summaryadhead a, .summaryhead a:visited { color: #fff; }
.summaryadcontent { background: url('/gfx/esr/s_left.gif') repeat-y; } /* main content of box */
.summaryadcontent div.wrap { background: url('/gfx/esr/s_right.gif') repeat-y right;
	padding: 2px 1px 2px 1px;
	line-height: 1.3; font-size: 85%; font-family: arial; }
.summaryadbase { background: url('/gfx/esr/s_bottomleft.gif') repeat-x; height: 10px; } /* the bottom of the summary box */
.summaryadbase div.wrap { background: url('/gfx/esr/s_bottomright.gif') no-repeat top right; height: 10px; }

.flashon { text-decoration: blink; }

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

#topads { text-align: center; padding: 20px 0 0 0; height: 90px; clear: both; }
#topadbox { margin-right: 20px; height: 90px; width: 150px; }
#topadbase { clear: both; }

#hostbox { width: 150px; height: 90px; font-size: 90px;
	background: url('/gfx/esr/publishedbyhexus.png') no-repeat; padding: 0px 0px 90px 150px; }
#hostbox label { display: none; }
#hostboxlink { }

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: 5 5 5 5; 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; }