/* Gamerbase default css */

body { font-family: verdana, tahoma, arial; font-size: 84%; color: #333; margin: 0;
background: #000 url('/gfx/gb/background.jpg') repeat-x fixed; text-align: center; }

#centred {
margin-left: auto;
margin-right: auto;
text-align: left;
width: 1240px;
padding: 0px 0px 0px 0px;
background: #fff url('/gfx/gb/menubackground.png') repeat-y;
}
td { font-size: 100%; }
a, a:visited, a:active { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; }
input { border: 1px solid #a4a4a4; background-color: #f0f0f0; }
select { border: 1px solid #a4a4a4; background-color: #f0f0f0; }
textarea { border: 1px solid #a4a4a4; background-color: #f0f0f0; }
.checkbox { position: relative; top: 3px; }

#titlebar { height: 250px; width: 1240px; background: #fff url('/gfx/gb/masthead4.png') no-repeat top left; position: relative; }
#titlelink { position: absolute; top: 40px; left: 30px; width: 350px; height: 200px; }
#featurebox { padding: 40px 0px 0px 0px; position: relative; z-index: 1; }

#menubar { height: 25px; width: 1240px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 30px;  }

#forumbutton { color: #666; font-size: 11px; font-weight: bold; padding: 6px 0px 0px 10px; height: 19px; width: 220px; background: url('/gfx/gb/forumbutton.png') no-repeat; margin: 0px 0px 0px 0px; }
#searchbutton { color: #666; font-size: 11px; font-weight: bold; padding: 2px 0px 0px 0px; height: 23px; width: 230px; background: url('/gfx/gb/searchbutton.png') no-repeat; margin: 0px 0px 0px 0px; }

#featurebox { height: 200px; width: 1240px; position: relative; top: 0px; left: 0px; margin: 0px 0px 0px 30px; z-index: 0; }

/* contains main site content */
#middle { margin: 10px 0px 0px 270px; padding: 0px 0px 0px 0px; width: 700px; }

/* contains summary information */
#left { float: left; width: 230px; margin: 10px 0px 0px 30px; }
#right { float: right; width: 230px; margin: 10px 30px 0px 0px; }

/* bottom is for the strap at the base of the site with credits, disclaimer and contact links */
#bottom { padding: 150px 0 0 0; font-size: 80%; text-align: center; clear: both; width: 1240px; height: 50px; background: url('/gfx/gb/page-bottom.png') no-repeat bottom; }
#bottom a { color: #666; }

/* #full replaces #middle where there is no left column */
#full { margin: 10px 0px 0px 30px; padding: 0px 0px 0px 0px; width: 940px; }
#fullall { margin: 10px 0px 0px 30px; padding: 0px 0px 0px 0px; width: 1180px; }

/* infobar follows menuresults and has brief site info plus login/register/contribute/filter links */
#infobar { text-align: center; font-size: 10px; position: relative; top: -45px; left: 25px; width: 250px; height: 20px; color: #000; z-index: 10; }
#infobar a { }

.error { font-weight: bold; color: #b44; } /* various error messages */

/* big heading on every page */
#middle .mainheading { height: 32px; margin: 0px; background: #f0f0f0 url('/gfx/gb/mainheading-middle.png') no-repeat top left; }
#full .mainheading { height: 32px; margin: 5px 0px 0px 0px; background: #f0f0f0 url('/gfx/gb/mainheading-full.png') no-repeat top left; }
.pageheading { color: #16c; font-size: 130%; font-weight: bold; padding: 5px 0px 0px 12px; }
.pageheading a { color: #16c; }
/* sub links alongside big heading */
.pageoptions { font-size: 80%; padding: 9px 11px 0 0; color: #000; float: right; text-align: right; }
.pageoptions2 { font-size: 80%; padding: 6px 11px 0 0; color: #000; float: right; text-align: right; }
.pageoptions a { color: #16c; }

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

.t_button_desc label { display: none; }
.t_button_desc { background-image: url('/gfx/gb/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/gb/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/gb/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; }

/* mainbox is for general content that is not a post */
.mainnote { }
.mainboxtop { }
.mainboxcontent { padding: 5px 10px 5px 5px; margin: 10px 0 10px 0; overflow: hidden; background-color: #f0f0f0; border: 2px solid #16c; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.mainboxbase { }

/* post is for all threaded content */
.post { }
.postbox { padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; overflow: hidden; background: #f0f0f0; }
.postbox td { }
.postheader { }
.postheader a, .postheader a:visited { }
.postcontent { padding: 12px 5px 0px 5px; border-left: 2px solid #16c; border-right: 2px solid #16c; overflow: hidden; }
.postheadline { color: #e4e6f0; height: 20px; font-size: 100%; font-weight: bold; padding: 4px 0px 0px 0px; background: #16c url('/gfx/gb/posthead.png') no-repeat top left; text-align: center; }
.postheadline a, .postheadline a:visited { color: #fff; }
.postclear { clear: right; height: 1px; }
.postbase { height: 10px; background: #f0f0f0 url('/gfx/gb/postbase.png') no-repeat bottom center; }
.postcommentinfo { font-size: 65%; padding: 0px 0px 1px 0px; background: #ddd; text-align: center; border-left: 2px solid #16c; border-right: 2px solid #16c; }
.postcommentinfo a { }
.postoptions { } /* contains post information and .postinfo */
.postinfo { float: right; } /* 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 1px; background-image:  url('/gfx/gb/arrowright.gif');
	background-repeat: no-repeat; padding-left: 15px; background-position: -1px 0px 0px 0px; }
.posthistory { float: right; font-style: italic; text-align: right; font-size: 85%; padding: 0px 15px 0px 0px; } /* history info following post */
.postjudgement { font-size: 85%; } /* judgement [+] and % */
.postjudgement a, .postjudgement a:visited { }
a.judgementvalue, a.judgementvalue:visited { }
.postpageoptions { /* contained in postcontent, for multipage postings (not comment pages) */
	margin: 20px 0 0 0; text-align: center; font-size: 80%; }
.posthide ul { margin: 0; padding: 0; border: none; list-style: none; } /* [hide] tag styling */
.posthide li { margin: 0 0 0 1px; background-image:  url('/gfx/gb/arrowright.gif');
	background-repeat: no-repeat; padding-left: 15px; background-position: -1px 0px 0px 0px; }
.inlineinfo { /* e.g. inline image, ratings graphs */
	float: right; text-align: right; font-size: 80%; }
.posteventlink { text-align: right; font-size: 80%; font-weight: bold; margin: -45px 0 31px 0; }
.postfunctions { text-align: right; font-size: 80%; } /* links such as '[Change Poll Vote]' */
.postcontent { padding-left: 4px; }
.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-size: 70%; }
.postsubinfo { /* additional info e.g. in fixtures (betting close date) and questionnaires (extra q info) */
	font-size: 80%; font-style: italic; }

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

.postlist { margin: 5px 0 0 0; padding: 0 0 2px 0; border-bottom-color: #666; border-bottom-width: 1px;}
.postlistnew { margin: 5px 0 0 0; padding: 0 0 2px 0; border-bottom-color: #666; border-bottom-width: 1px; }
.postlistunread { margin: 5px 0 0 0; padding: 0 0 2px 0; border-bottom-color: #666; border-bottom-width: 1px; }
.postlistunread .postlistheadline a, .postlistunread .postlistheadline a:visited { color: #06c; }
.postlistnew .postlistheadline a, .postlistnew .postlistheadline a:visited { color: #884; }
.postlistcommentinfo { font-size: 100%; }
.postlistcommentinfo a, .postlistcommentinfo a:visited { }
.postlistoptions { font-size: 100%; }
.postlistoptions a, .postlistoptions a:visited { }
.postlistauthor { font-size: 100%; }
.postlistauthor a, .postlistauthor a:visited { }
.postlistreplies { font-size: 100%; }
.postlistinfo { font-size: 100%; }

.postlistheadline { font-size: 100%; font-weight: 900; color: #666; }
.postlistheadline a, .postlistheadline a:visited { color: #666; }

.postlistheadlinenew { font-size: 100%; font-weight: 900; color: #38d; }
.postlistheadlinenew a, .postlistheadlinenew a:visited { color: #38d; }

.postlistheadlineunread { font-size: 100%; font-weight: 900; color: #d83; }
.postlistheadlineunread a, .postlistheadlineunread a:visited { color: #d83; }

.pl_box { padding: 10px 0px 10px 0px; }
.hl_row { padding: 5px; font-weight: bold; color: #fff; background-color: #68e; }
.hl_row a { color: #fff; }
.hl_main { text-align: center; padding: 5px; color: #fff;
	border-bottom: 1px solid #fff; }
.hl_replies { text-align: center; padding: 5px; color: #fff;
	border-bottom: 1px solid #fff; }
.hl_author { text-align: center; padding: 5px; color: #fff;
	border-bottom: 1px solid #fff; }
.hl_type { text-align: center; padding: 5px; color: #fff;
	border-bottom: 1px solid #fff; }
.pl_row { background-color: #f0f0f0; }
.pl_icon { text-align: center; padding: 0px; 
	border-bottom: 1px solid #fff; }
.pl_main { text-align: left; padding: 1px 6px 1px 6px; color: #000;
	border-bottom: 1px solid #fff; }
.pl_replies { text-align: center; padding: 1px 6px 1px 6px; color: #000;
	border-bottom: 1px solid #fff; }
.pl_author { text-align: center; padding: 1px 6px 1px 6px; color: #000;
	border-bottom: 1px solid #fff; }
.pl_type { text-align: center; padding: 1px 6px 1px 6px; color: #000;
	border-bottom: 1px solid #fff; }
.bl_cell { }

.p_icon_unread {
	background-image: url('/gfx/gb/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/gb/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/gb/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%; }
.forum_description { font-size: 100%; }
.forum_topics { font-size: 100%; }
.forum_unread { font-size: 100%; }
.f_box { padding: 0px; margin: 10px 0 0 0; }
.hf_row { font-weight: bold; background: #68e; color: #fff; }
.hf_main { text-align: center; padding: 5px; border-bottom: 1px solid #fff; }
.hf_topics { text-align: center; padding: 5px; border-bottom: 1px solid #fff; }
.hf_unread { text-align: center; padding: 5px; border-bottom: 1px solid #fff; }
.pf_row { background: #f0f0f0; }
.pf_icon { text-align: center; padding: 2px 0 0 0; border-bottom: 1px solid #fff; }
.pf_icon img { border-color: #fff; }
.pf_main { text-align: left; padding: 1px 6px 1px 6px; border-bottom: 1px solid #fff; }
.pf_main a, .pf_main a:visited { color: #69e; font-weight: bold; }
.pf_topics { text-align: center; padding: 1px 6px 1px 6px; border-bottom: 1px solid #fff; }
.pf_unread { text-align: center; padding: 1px 6px 1px 6px; border-bottom: 1px solid #fff; }
.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 */

.comment { margin: 20px 0px 0px 0px; overflow: hidden; }
.commenttop { border: 1px solid #16c; background-color: #699cd9; color: #fff; font-weight: bold; font-size: 85%; padding: 3px; }
.commenttop a { color: #fff; }
.commenttopleft {  }
.commenttopright { float: right; }
.commentinfo { text-align: center; width: 150px; background-color: #f0f0f0; border-right: 2px solid #a4a4a4; }
.commentbox { /* contains username, edit/reply/imsg options and comment text */
	padding: 2px 2px 2px 2px; overflow: hidden; width: 550px; }
.commentboxnew { /* as above, but for unread comments */
	padding: 2px 2px 2px 2px; overflow: hidden; width: 550px; background-color: #fff2e3; }
.commentbox .nuked { color: #333; font-weight: bold; } /* nuked comment */
.commenthistory { font-style: italic; font-size: 85%; float: right; }
.commentjudgement { font-size: 85%; }

/* right-side summary post box, again has 3 elements - head, content and base - all wrapped with a div.wrap */
.summarybox { padding: 0px 0px 0px 0px; line-height: 15px; }
.summaryhead0 { overflow: hidden; color: #fff; font-size: 90%; font-weight: bold; padding: 4px 0px 0px 22px; background: #9f9f9f url('/gfx/gb/summaryhead0.png') no-repeat top center; text-align: center; height: 20px; } /* title of box */
.summaryhead0 a, .summaryhead0 a:visited { color: #fff; }
.summaryhead { overflow: hidden; color: #fff; font-size: 90%; font-weight: bold; padding: 14px 0px 0px 22px; background: #9f9f9f url('/gfx/gb/summaryhead.png') no-repeat top center; text-align: center; height: 20px; } /* title of box */
.summaryhead a, .summaryhead a:visited { color: #fff; }
.summarycontent, .summarycontent1 { line-height: 1.3; font-size: 80%; padding: 5px 5px 0px 5px; background: #f0f0f0; border-left: 2px solid #888; border-right: 2px solid #888; overflow: hidden; }
.summarycontent1 { background: url('/gfx/gb/summary_bluefadebg.png') no-repeat; }
.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/gb/bullet.gif');
	background-repeat: no-repeat; padding-left: 18px; }
.summarycontent a, .summarycontent a:visited { font-weight: bold; }
.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: #69e; } /* 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: #000; 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 { height: 0px; }

.summaryend { height: 10px; background: #fff url('/gfx/gb/summarybase.png') no-repeat top center; } /* the bottom of the summary box */

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

/* poll bars in main box */
.poll { margin: 5px 0 0 3px; }
.polltable { margin: 0 0 0 0; }
.pollbar { background-color: #06c; 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: #fff; }

/* row of thumbnails to show pics coming up in gallery */
#gallerythumbbox { text-align: center; padding: 5px 0 10px 0; width: 1180px; }
.gallerythumbbox2 { text-align: center; padding: 5px 0 10px 0; width: 1180px; }
.gallerythumb { margin: 0 auto 0 auto; }
.gallerythumb img { border-color: #fff; }
.gallerythumbselected { margin: 0 auto 0 auto; position: relative; top: 5px; }
.gallerythumbselected img, .gallerythumbselected img a, .gallerythumbselected img a:visited { border: 5px solid #69e; }

.flashon { text-decoration: blink; }

.popularity { position: relative; top: 3px; }
.popularity_star1 label { display: none; }
.popularity_star1 {
	background-image: url('/gfx/gb/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/gb/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/gb/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/gb/plus4.gif');
	background-repeat: no-repeat;
	background-position: left top;
	height: 10px; width: 11px; padding-right: 11px; }
	
img.flag { position: relative; top: -2px; }

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

/* competition match and bracket stuff */
.bracket { background-color: #f0f0f0; overflow: auto; border: 2px solid #a4a4a4; padding: 5px 0px 0px 2px; cursor: move; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; position: relative; }

.brackettext { font-weight: bold; color: #000; text-shadow: 0px 0px 3px #e93, 0px 0px 3px #e93; }
.brackettext a { color: #000; }

.match_gameheader { text-align: center; text-shadow: 0px 0px 3px #e93, 0px 0px 3px #e93; }

.match_seed1 { margin-bottom: 1px; overflow: hidden; background: url('/gfx/gb/bracketcorner.png') no-repeat left top; }
.match_seed2 { overflow: hidden; background: url('/gfx/gb/bracketcorner.png') no-repeat left bottom; }

.match_team1 { margin-bottom: 1px; background: #666; overflow: hidden; color: #fff; }
.match_team2 { background: #666; overflow: hidden; color: #fff; }
.match_team1 a, .match_team2 a { color: #fff; }

.match_team1.match_win, .match_team2.match_win { } /* indicate that this team won */
.match_team1.match_lose, .match_team2.match_lose { } /* indicate that this team lost */

.match_score1 { margin-bottom: 1px; color: #000; overflow: hidden; background: url('/gfx/gb/bracketcorner.png') no-repeat right top; }
.match_score2 { color: #000; overflow: hidden; background: url('/gfx/gb/bracketcorner.png') no-repeat right bottom; }

.match_score1.match_win { background: url('/gfx/gb/bracketcorner2.png') no-repeat right top; }
.match_score2.match_win { background: url('/gfx/gb/bracketcorner2.png') no-repeat right bottom; }
.match_score1.match_lose, .match_score2.match_lose { }
.match_score1.match_draw { background: url('/gfx/gb/bracketcorner3.png') no-repeat right top; }
.match_score2.match_draw { background: url('/gfx/gb/bracketcorner3.png') no-repeat right bottom; }
.match_score1.match_noresult { background: url('/gfx/gb/bracketcorner4.png') no-repeat right top; }
.match_score2.match_noresult { background: url('/gfx/gb/bracketcorner4.png') no-repeat right bottom; }

.bracketflow { font-style: italic; color: #DDD; } /* show where the team will enter bracket from */

.match_line_topleft { background: url('/gfx/r_topleft.png') no-repeat center center; }
.match_line_bottomleft { background: url('/gfx/r_bottomleft.png') no-repeat center center; }
.match_line_right { background: url('/gfx/r_right.png') no-repeat center center; }
.match_line_rightlower { background: url('/gfx/r_rightlower.png') no-repeat center center; }
.match_line_rightupper { background: url('/gfx/r_rightupper.png') no-repeat center center; }
.match_line_vertical { background: url('/gfx/r_vertical.png') no-repeat center center; }
.match_line_none { }

.groupbox { margin: 0px 10px 10px 0px; border: 2px solid #666; float: left; clear: right; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.grouphead { background-color: #666; color: #fff; }
.groupname { overflow: hidden; white-space: nowrap; }
.groupvalue { overflow: hidden; white-space: nowrap; }
.groupopponentname { overflow: hidden; border-top: 1px solid #f0f0f0; background-color: #AAA; white-space: nowrap; }
.groupopponentvalue { overflow: hidden; border-top: 1px solid #f0f0f0; background-color: #AAA; white-space: nowrap; }

/* now size specific stuff */
.match_size4 .brackettext { font-size: 11px; }
.match_size4 .match_line { width: 12px; height: 23px; overflow: hidden; }
.match_size4 .match_gameheader { font-size: 9px; line-height: 35px; width: 112px; height: 23px; font-family: Arial Narrow;}
.match_size4 .match_emptyteam { width: 112px; height: 23px; }
.match_size4 .match_team1, .match_size4 .match_team2 { font-size: 9px; line-height: 10px; width: 80px; height: 11px; font-family: Arial Narrow; }
.match_size4 .match_score1, .match_size4 .match_score2 { font-size: 9px; line-height: 10px; width: 16px; height: 11px; font-family: Arial Narrow; }
.match_size4 .match_seed1, .match_size4 .match_seed2 { font-size: 9px; line-height: 10px; width: 16px; height: 11px; font-family: Arial Narrow; }
.match_size4 .groupname, .match_size4 .groupopponentname { font-size: 10px; width: 91px; font-family: Arial Narrow; }
.match_size4 .groupvalue, .match_size4 .groupopponentvalue { font-size: 10px; width: 13px; font-family: Arial Narrow; }
.match_size4 .groupbox { width: 130px; }
.match_size4 .matchbutton { position: relative; top: -3px; }
.match_size4 .leaderboardtext { font-size: 10px; }

.match_size5 .brackettext { font-size: 12px; }
.match_size5 .match_line { width: 20px; height: 33px; overflow: hidden; }
.match_size5 .match_gameheader { font-size: 11px; line-height: 52px; width: 168px; height: 33px; }
.match_size5 .match_emptyteam { width: 168px; height: 33px; }
.match_size5 .match_team1, .match_size5 .match_team2 { font-size: 11px; line-height: 15px; width: 120px; height: 16px; }
.match_size5 .match_score1, .match_size5 .match_score2 { font-size: 11px; line-height: 15px; width: 24px; height: 16px; }
.match_size5 .match_seed1, .match_size5 .match_seed2 { font-size: 11px; line-height: 15px; width: 24px; height: 16px; }
.match_size5 .groupname, .match_size5 .groupopponentname { font-size: 12px; width: 185px; }
.match_size5 .groupvalue, .match_size5 .groupopponentvalue { font-size: 12px; width: 28px; }
.match_size5 .groupbox { width: 269px; }
.match_size5 .matchbutton { position: relative; top: -3px; }
.match_size5 .leaderboardtext { font-size: 12px; }

.match_size6 .brackettext { font-size: 20px; }
.match_size6 .match_line { width: 30px; height: 49px; overflow: hidden; }
.match_size6 .match_gameheader { font-size: 16px; line-height: 77px; width: 252px; height: 49px; }
.match_size6 .match_emptyteam { width: 252px; height: 49px; }
.match_size6 .match_team1, .match_size6 .match_team2 { font-size: 16px; line-height: 22px; width: 180px; height: 24px; }
.match_size6 .match_score1, .match_size6 .match_score2 { font-size: 16px; line-height: 22px; width: 36px; height: 24px; }
.match_size6 .match_seed1, .match_size6 .match_seed2 { font-size: 16px; line-height: 22px; width: 36px; height: 24px; }
.match_size6 .groupname, .match_size6 .groupopponentname { font-size: 18px; width: 230px; }
.match_size6 .groupvalue, .match_size6 .groupopponentvalue { font-size: 18px; width: 45px; }
.match_size6 .groupbox { width: 365px; }
.match_size6 .matchbutton { position: relative; top: -2px; }
.match_size6 .leaderboardtext { font-size: 18px; }

.match_size7 .brackettext { font-size: 34px; }
.match_size7 .match_line { width: 40px; height: 65px; overflow: hidden; }
.match_size7 .match_gameheader { font-size: 20px; line-height: 100px; width: 336px; height: 65px; }
.match_size7 .match_emptyteam { width: 336px; height: 65px; }
.match_size7 .match_team1, .match_size7 .match_team2 { font-size: 20px; line-height: 30px; width: 240px; height: 32px; }
.match_size7 .match_score1, .match_size7 .match_score2 { font-size: 20px; line-height: 30px; width: 48px; height: 32px; }
.match_size7 .match_seed1, .match_size7 .match_seed2 { font-size: 20px; line-height: 30px; width: 48px; height: 32px; }
.match_size7 .groupname, .match_size7 .groupopponentname { font-size: 26px; width: 355px; }
.match_size7 .groupvalue, .match_size7 .groupopponentvalue { font-size: 26px; width: 65px; }
.match_size7 .groupbox { width: 550px; }
.match_size7 .matchbutton { position: relative; top: -1px; }
.match_size7 .leaderboardtext { font-size: 26px; }

.adminbutton { height: 40px; width: 200px; float: left; margin: 5px; color: #000; }
.adminbutton a { color: #000; }
.buttontext { position: relative; top: 8px; }

/* 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: 0px auto 0 auto; width: 520px; font-size: 11px; text-align: left; clear: both; line-height: 22px; }
div.smallformrow { margin: 10px auto 0 auto; width: 240px; height: 15px; font-size: 11px; text-align: left; clear: both; }
div.formrow input, div.formrow textarea, div.formrow select { font-size: 12px; }
div.smallformrow input, div.smallformrow textarea, div.smallformrow select { 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; border: 1px solid #999; }
.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; }
.col0 { float: left; width: 240px; text-align: left; }
.col0 input { width: 120px; }

div.userdisplay { /* containing box for user info */
	margin: 20px 0 0 0; overflow: hidden; }

blockquote { border: 1px solid #a4a4a4; background-color: #f0f0f0; font-size: 85%; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#gbtv { overflow: hidden; margin: 0px 0px 10px 0px; }

/* superfish menus */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu { 
	line-height: 25px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			140px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width: 140px;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			25px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			140px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
}
.sf-menu a {
	padding: 0px 0px 0px 0px;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#666;
}
.sf-menu li {
	background: url("/gfx/gb/menubg-round.png") no-repeat top left;
	vertical-align:middle;
	background-color: #fff;
	width: 130px;
	line-height: 25px;
	padding: 0px 0px 0px 10px;
	color: #666; font-size: 11px; font-weight: bold;
}
.sf-menu li li {
	background:	#AABDE6;
	padding: 0px 0px 0px 10px;
	width: 127px;
	font-weight: normal;
	color: #333;
}
.sf-menu li li a, .sf-menu li li a:visited {
	color: #333;
}
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	background:		#CFDEFF;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	5px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			10px;
	top:			7px; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			7px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}