@CHARSET "ISO-8859-1";

* {
	margin: 0;
	border: 0;
}

html {
	height: 100%;
}

body {
	margin: 0;
	height: 100%;
	padding: 0;
	background: #002200;
	font: 16px "Trebuchet MS", Arial, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
}

p {
	padding-bottom: 7px;
}

ul {
	list-style-type: disc;
	margin-left: 20px;
}

strong {
	color: #FF8888;
}

a {
	text-decoration: none;
}

a:link {color: #8888FF }     
a:visited {color: #8888FF } 
a:active {color: #FF8888 }

.throbber {
	position: absolute;
	top: 200px;
	height: 19px;
	width: 220px;
	left: 50%;
	margin-left: -110px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

/*
 * This is the main area from the top of the page to the footer
 * The footer is the brown bar and the pile of chips
 * at the bottom with a push to make it sticky
 */ 
#mainarea {
	width: 950px;
	min-height: 100%;
	height: 100%;
	margin: 0 auto -291px;
}

#footer, #footerpush {
	width: 950px;
	height: 291px;
	margin: 0 auto;
}

#tablebar {
	position: absolute;
	margin-top: 188px;
	z-index: 1000;
}

#chips {
	position: absolute;
	margin-left: 250px;
	z-index: 20;
}

#shinmalogo {
	position: absolute;
	margin-top: 230px;
	margin-left: 800px;
	z-index: 1001;
}


/*
 * The spacer is a relative area that pushes the lowercards
 * 35% of the length from the top of the page to the top of
 * the footer (the chips)
 */
#spacer {
	width: 100%;
	min-height: 35%;
	height: 35%;
}

#lowercard {
	position: absolute;
	margin-left: 500px;
	z-index: 10;
}

/*
 * Table garnish
 */
.pokerfelt {
	position: absolute;
	width: 949px;
	background: repeat url('../gfx/background.gif') center #008800;
	min-height: 100%;
	height: 100%;
	left: 50%;
	margin-left: -475px;
} 

#spanner {
	position: absolute;
}

#leftcorner {
	position: absolute;
	margin-top: 15px;
}
 
#rightcorner {
	position: absolute;
	margin-top: 15px;
	margin-left: 929px;
}


/*
 * Static items relative to the mainarea
 */ 
#title {
	position: absolute;
	margin-top: 35px;
	margin-left: 30px;
}

#uppercards {
	position: absolute;
	margin-top: 40px;
	margin-left: 350px;
}


/*
 * Icon boxes
 */
.iconbox {
	position: absolute;
	margin-left: 30px;
	z-index: 300;
	cursor: pointer;
}

#swordicon {
	margin-top: 90px;
}

#coinicon {
	margin-top: 160px;
}

#cupicon {
	margin-top: 230px;
}

#wandicon {
	margin-top: 300px;
}

/*
 * The Text link boxes
 */
.textbox {
	position: absolute;
	background: #1E1E1E;
	margin-left: 86px;
	height: 37px;
	width: 175px;
	cursor: pointer;
	z-index: 200;
	border-top-right-radius: 18px;
	-webkit-border-top-right-radius: 18px; 
	-moz-border-radius-topright: 18px;
}

#aboutbox {
	margin-top: 98px;
}

#rulesbox {
	margin-top: 168px;
}

#cardsbox {
	margin-top: 238px;
}

#playbox {
	margin-top: 308px;
}

.textlink {
	position: absolute;
	margin-left: 10px;
	margin-top: 7px;
}

/*
 * The content areas
 */
.contentarea {
	position: absolute;
	overflow-y: scroll;
	background: #1E1E1E;
	margin-top: 90px;
	margin-left: 315px;
	padding: 5px;
	width: 586px;
	height: 66%;
	z-index: 100;
}

.contentthrobber {
	position: absolute;
	background: url('../gfx/contentthrobber.gif');
	margin-top: 30px;
	margin-left: 160px;
	height: 19px;
	width: 220px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.headerclosed {
	background: repeat-x url('../gfx/header2.png');
	width: 555px;
	height: 30px;
	padding: 2px;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;
	cursor: pointer;
}

.headeropen {
	background: repeat-x url('../gfx/header1.png');
	width: 555px;
	height: 30px;
	padding: 2px;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;
	cursor: pointer;
}

.contenttext {
	width: 555px;
}

/* 
 * Tooltips
 */
.tooltip {
	position: absolute;
	padding: 0px;
	z-index: 2000;
}

.tooltiptitle {
	border: 3px;
	border-color: #00FF00;	
	border-style: solid solid none solid;
	border-top-right-radius: 18px;
	-webkit-border-top-right-radius: 18px; 
	-moz-border-radius-topright: 18px;
	background: #008800;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
}

.tooltiplower {
	border: 3px solid;
	border-color: #00FF00;
	border-bottom-left-radius: 18px;
	-webkit-border-bottom-left-radius: 18px; 
	-moz-border-radius-bottomleft: 18px;
	background: #1E1E1E;
	text-align: center;
	padding: 6px;
}

.tooltiptitlered {
	border: 3px;
	border-color: #FF0000;	
	border-style: solid solid none solid;
	border-top-right-radius: 18px;
	-webkit-border-top-right-radius: 18px; 
	-moz-border-radius-topright: 18px;
	background: #880000;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
}

.tooltiplowerred {
	border: 3px solid;
	border-color: #FF0000;
	border-bottom-left-radius: 18px;
	-webkit-border-bottom-left-radius: 18px; 
	-moz-border-radius-bottomleft: 18px;
	background: #1E1E1E;
	text-align: center;
	padding: 6px;
}

.tooltiptitlecyan {
	border: 3px;
	border-color: #00FFFF;	
	border-style: solid solid none solid;
	border-top-right-radius: 18px;
	-webkit-border-top-right-radius: 18px; 
	-moz-border-radius-topright: 18px;
	background: #008888;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
}

.tooltiplowercyan {
	border: 3px solid;
	border-color: #00FFFF;
	border-bottom-left-radius: 18px;
	-webkit-border-bottom-left-radius: 18px; 
	-moz-border-radius-bottomleft: 18px;
	background: #1E1E1E;
	text-align: center;
	padding: 6px;
}

#bigcardgfx {
	width: 100px;
	height: 140px;
}

#bigcardtype, #handtype {
	font-weight: bold;
}

#bigcarddesc {
	font-size: 12px;
	width: 150px;
}