﻿/* BASIC TAGS */

h1, h2, h3, h4
{
	margin: auto;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}


h3, .sectiontitle, .sectionsubtitle /*active: involves user action */
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 2.0em;
	margin-bottom: 0.5em;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	border: darkcyan 1px solid;
	width: 80%;
	color: #dddddd;
	background-color: #111111;
}
h4
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 2.0em;
	margin-bottom: 0.5em;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	border: darkcyan 1px solid;
	width: 80%;
	color: #dddddd;
	background-color: #111111; /*background-image:url(Gallery/CoolSeperater.png);*/ /* 	background-repeat: repeat-x; 	background-position: bottom; */
}
p.centered
{
	margin: auto;
	width: 80%;
	text-align: center;
}
input[type=text], input[type=password], textarea, select
{
	background-color: whitesmoke;
}
p
{
	line-height: 1.4em;
}

hr
{
	margin-top: 5px;
	margin-bottom: 5px;
	border-top: #666666 1px solid;
	height: 1px;
	width: 80%;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 0px;
}

a
{
	text-decoration: none;
	color: yellow;
}

a:visited
{
	color: #bbbb44;
}

a:hover
{
	text-decoration: underline;
	color: yellow;
}

a:active
{
	color: #fafad2;
}
.download-button
{
	font-size: x-large;
	font-weight: bold;
}
.faq h5
{
	margin-top: 2.5em;
	margin-bottom: 0;
	color: whitesmoke;
}
.faq p
{
	color: gainsboro;
}
#cash-card
{
	background-image: url(/Gallery/CashCard.png);
	font-family: Georgia, Times New Roman, Serif;
	font-weight: bold;
	font-size: large;
	color: gold;
	padding: 0;
	padding-left: 25px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
	margin: 0;
	margin-left: 80px;
	width: 55px;
	height: 25px;
	text-align: center;
}

#cash-card a, #cash-card a:visited
{
	color: gold;
}
/*
.download-button a
{
	background-image:url(Images/button3.gif);
	color:White;
}
.download-button a:hover
{
	background-image:url(Images/button4.gif);
}
.download-button a:active
{
	background-image:url(Images/button5.gif);
}
*/
img
{
	border-width: 0;
}

/* TABLES */
table.stat, .stat-view
{
	font-size: 1em;
	border: none;
	background-color: Transparent;
	border-collapse: collapse; /*border: solid 1px gainsboro;*/
}

table.stat th, .stat-view-header
{
	font-weight: normal;
	color: gainsboro;
	text-align: right;
	padding-top: 5px;
	padding-right: 10px; /*border-bottom: dimgray 1px solid;*/
}
table.stat td, .stat-view-row
{
	font-weight: bold;
	color: white;
	text-align: right;
	padding-top: 5px;
	vertical-align: bottom;
	border-bottom: solid 1px dimgray;
}
.stat-pager
{
	background-color: #333333; /* 	background-color: gainsboro; 	color: Black; 	font-size: medium; */
}
.stat-pager a, .stat-pager a:visited, .stat-pager a:active
{
	/* 	color: Black; 	text-decoration: underline; 	font-size: larger; */
}
.prestige-table
{
	font-size: 1em;
	border: gold 3px outset;
	border-collapse: collapse;
	width: 90%;
	margin: auto; /*min-width: 400px*/ ;
}
.prestige-table a, .prestige-table a:visited
{
	color: khaki;
}

.prestige-header th
{
	background-color: Black;
	font-size: smaller;
	font-style: italic;
	color: silver;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 2px;
}
.prestige-row
{
	border: none;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #006400;
	color: white;
	border-collapse: collapse;
}
.prestige-alt-row
{
	border: none;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #005D00;
	color: white;
	border-collapse: collapse;
}
.stat-grid
{
	font-size: 1em;
	border: none;
	min-width: 400px;
	padding-left: 10px;
	padding-right: 10px;
}
.stat-grid-header th
{
	font-size: smaller;
	font-style: italic;
	color: hotpink;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 2px;
}
.stat-grid-header a
{
	text-decoration: underline;
	font-size: small;
	font-style: italic;
	color: hotpink;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 2px;
}
.stat-grid-row
{
	border: none;
	color: White;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #333333;
	border-collapse: collapse;
}
.stat-grid-alt-row
{
	border: none;
	color: White;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #222222;
	border-collapse: collapse;
}
/* LAYOUT */
body
{
	background-color: #555555;
	background-image: url(Images/blackpix900x20.gif);
	background-repeat: repeat-y;
	background-position: center;
	margin: auto;
	width: 900px;
	position: relative;
	padding: 0; /*text-align: center messes up IE!*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: white;
}
div.header
{
	background-image: url(Images/web_title.jpg);
	background-repeat: no-repeat;
	position: absolute;
	left: 200px;
	top: 0px;
	width: 700px;
	height: 178px;
	margin: 0; 
	overflow: hidden;/*this prevents IE7 (not firefox, not opera, not IE6) from increasing page width for the header overflow (don't know from where), which causes the scrollbar/back ground centering problem */
}
div.tagline
{
	position: absolute; /* 	left: 100px; 	top: 0; 	right: auto; 	bottom: auto; 	*/
	top: 110px;
	right: 30px;
	width: auto;
	color: darkgray;
	font-size: 12pt;
	font-style: italic;
	font-family: Cursive, Arial, 'Century Gothic';
}
div.sidebar
{
	background-image: url(Images/web_leftside.jpg);
	background-repeat: no-repeat;
	margin: 0;
	left: 0px;
	top: 0px;
	position: absolute;
	width: 263px;
	height: 560px;
	overflow: visible;
}
div.mainContent
{
	min-height: 300px;
	background-image: url(Images/background_center1.jpg); /*background-color: Black;*/
	background-position: center top;
	background-repeat: repeat;
	position: relative;
	left: 210px;
	width: 690px;
	top: 169px;
	margin: 0;
	padding-bottom: 30px;
}
div.page
{
	/* 	margin-left: auto; 	margin-right: auto; */
	margin: 0;
	padding: 0;
	text-align: left;
}

div.footer
{
	position: relative;
	left: 210px;
	right: 0px;
	top: 169px;
	width: 690px;
	height: 100px;
	margin: 0;
	text-align: center; /*background-image: url(images/footer.gif);*/
	background-color: black;
	background-repeat: no-repeat;
	background-position: center 10px;
	font-size: 10px;
	color: #ffffff;
	background-image: url(Images/web_bottom.jpg);
	padding-top: 0px;
	padding-bottom: 0px; /*border-top: solid 2px gainsboro;*/
}

.menuFoot
{
	font-size: larger;
	margin: 8px auto 2px auto;
}

/* MENUS */
.nav
{
	position: absolute;
	right: 37px;
	top: 51px;
	text-transform: uppercase;
	font-size: 10px;
}
.nav a:visited
{
	color: Maroon;
}

.menuHead1
{
	position: absolute; /*text-transform: uppercase;*/
	font-size: 18px;
	font-weight: bold;
	top: 200px;
	left: auto;
	right: 80px;
	width: auto;
	text-align: right;
	overflow: scroll;
}
.menuHead1 a, .menuHead1 a:visited
{
	text-decoration: none;
	color: LightGrey;
}
.menuHead1 a:hover
{
	text-decoration: none;
	color: Cyan;
}

.menuHead1-below
{
	position: absolute;
	top: 580px;
	left: 20px; /* NOTE: IE6 only works with fixed width and auto right  	right: 60px; 	width: auto; 	*/
	width: 190px;
	right: auto;
	text-align: center;
	color: gainsboro;
}
.table-supporters, .table-winners
{
	border: solid 1px darkgray;
	width: 100%;
	border-collapse: collapse;
	text-align: center;
}
.table-supporters th, .table-winners th
{
	color: Black;
	background-color: darkorange;
	border-bottom: solid 1px darkgray;
}
.table-supporters td
{
	border-bottom: solid 1px darkgray;
	padding: 2px;
}
.header-status
{
	position: absolute;
	top: 0;
	left: auto;
	right: 15px;
	bottom: auto;
}
.header-status td
{
	/*	border: solid 0px darkgray;*/
	font-style: italic;
	color: whitesmoke;
	padding-left: 10px;
	padding-right: 10px;
}
.menuHead2
{
	position: relative;
	font-size: 16px;
	font-weight: bold;
	width: auto;
}
.menuHead2-menuItem
{
	margin-top: 0px;
	margin-bottom: 0px;
	text-decoration: underline;
	border-top: #cccccc thin solid;
	border-bottom: #cccccc thin solid;
	padding-top: 2px;
	padding-bottom: 2px;
}

.menuHead2-selected
{
	margin-top: 7px;
	margin-bottom: 0px;
	border-top: #cccccc thin solid;
	border-bottom: #cccccc thin solid;
	font-size: 19px;
	background-color: blue;
}
.menuHead2-hover
{
	color: LightGray;
	background-color: blue;
}
.menuHead2 a, .menuHead2 a:visited, .menuHead2 a:hover
{
	text-decoration: none;
	color: lightgrey;
}

.menuHead2-selected a, .menuHead2-selected a:visited, .menuHead2-selected a:hover
{
	text-decoration: none;
	color: #ff6699;
	color: white;
}


/* HOME.ASPX */
div.login-header
{
	position: absolute;
	top: 50px;
	left: 100px;
}
.small-login
{
	font-size: x-small;
}
.small-textbox
{
	padding: 0;
	margin: 0;
}
.mild-link, .mild-link:visited, .mild-link a, .mild-link a:visited
{
	/*color: #9999ff;*/
	color: khaki;
}
ul.home-recent
{
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 50px;
	padding-left: 0;
}
li.home-recent
{
	margin-bottom: 0.5em;
	line-height: normal;
}
#whatsnew
{
	float: left;
	width: 200px;
	height: 100%;
}

#coollinks
{
	margin-left: 220px;
}

.tourn-list
{
	width: 90%;
	border-collapse: collapse;
	margin: auto;
}
.announce-name
{
	font-size: large;
}
.minor-action
{
	font-size: x-small;
}

.validator
{
	position: absolute;
}

.wizard-button
{
	position: relative;
	width: 150px;
	height: 2em;
}

/* PRIZES.ASPX */
.articleTable
{
	margin: auto;
	width: 70%;
	background-color: transparent;
	padding: 0;
	border-right: medium none;
	border-top: medium none;
	border-left: medium none;
	border-bottom: medium none;
	border-collapse: collapse;
}

a.articleLink
{
	display: block;
	margin: 0;
	padding: 0;
	color: gainsboro;
	text-decoration: none;
	text-align: center;
	height: 100%;
}
a.articleLink:hover
{
	background-color: darkgreen;
	color: gainsboro;
	text-decoration: none;
}
.articleItem
{
	padding: 0;
	border-top: solid thin silver;
	border-bottom: solid thin silver;
}
.articleBox
{
	width: 100%;
	height: 5em;
	overflow: hidden;
}
.articleName
{
	font-size: larger;
	color: gold;
	margin-bottom: 0.5em;
	padding: 0;
	font-weight: bold;
}
.sectionTitle
{
	color: White;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
.sectionBody
{
	color: gainsboro;
	margin: 0;
	padding: 0;
}

/*SHOWARTICLE.ASPX*/
.articlePage
{
	margin: auto;
	width: 80%;
	border: 1px;
}
.articleSection
{
}
.tournamentsPage
{
}
.commentsPage
{
}

/*FORUMS*/

.posttitle
{
	margin-top: 0;
	padding: 3px;
	margin-bottom: 10px;
	background-color: #AAAAAA;
	color: Black;
	font-weight: bold;
}
.postbody
{
	padding: 3px;
	color: #CCCCCC;
}
.tight-list
{
	line-height: 1.3em;
	padding-left: 20px;
}
.tight-list li
{
	margin: 0;
	padding: 0;
}
table.membership
{
	color: Black;
	background-color: mediumaquamarine;
	border: gold 4px outset;
}
table.membership tr, table.membership td
{
	border: 0;
}
.happy-block
{
	clear: both;
	margin: 10px auto 0 7%;
	width: 80%;
	color: white;
	border-collapse: collapse;
}
#hb-main
{
	margin: 0 10px 0 10px;
	color: white;
	background-color: #444444;
	border: green 3px outset;
	border-top: 0;
	font-size: small;
	text-align: center;
	padding: 3px 0px 3px 0px;
}
.happy-block th
{
	text-align: center;
	color: hotpink;
	background-color: black;
	border-bottom: darkcyan 2px solid;
	padding: 3px;
}
.happy-block td
{
	text-align: center;
	color: hotpink;
}
#hb-last-time
{
	font-size: x-small;
}
.top-medalists span
{
	font-size: large;
}
.top-medalists img
{
	vertical-align: middle;
}

