html, body, input { font-size: 10pt; font-family: "Trebuchet MS",Verdana,Arial,Sans-serif; background-color: #FFFFFF; color: #000000; }

html, body { margin: 0px; padding: 0px; width: 100%; }
img { border-style: none; }

form { margin: 0px; padding: 0px; }

body {  }

img { border-style: none; }

a, a:link, a:active, a:hover {
	text-decoration: none;
	color: #B70908;
}
a:hover {
	color: #FF4200;
}

/* Back Page */ /* Background behind the centered page */
div.backPage {
	position: absolute;
	/*top: 0px; left: 0px;*/
	left: 0px;
	width: 100%;
}


/* Page Layout */
div.page {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 995px; /* fits most displays */
}

/* Page Header */
div.pageHeader {
	position: relative;
	background-color: #B70908;
	height: 80px;
	border-bottom: #FF4201 solid 4px;
}

div.pageHeader img {
	position: relative;
	left: 8px;
	top: 8px;
	width: 391px;
	height: 65px;
}

div.tagLine {
	position: absolute;
	top: 16px;
	right: 16px;
	border: #C83400 solid 1px;
	padding: 6px;
	color: #7B0303;
	background-color: #E27503;
}

/* Status Bar */
div.status {
	position: absolute;
	bottom: 2px;
	right: 20px;
	color: #FFF;
}

div.status a {
	color: #FFBF00;
}

/* Menu */
div.menu {
	z-index: 4;
	position: relative;
	height: 35px;
	background-color: #FFBF00;
}

div.menu a {
	float: left;
	display: block;
	width: 140px;
	line-height: 27px;
	border-right: #FF4201 solid 2px;
	color: #444444;
	font-size: 16pt;
	text-align: center;
	padding: 4px;
	margin: 0px;
}

div.menu a.home {
	border-left: #FF4201 solid 2px;
}

div.spacer {
	float: left;
	width: 44px;
	height: 27px;
}

body.home div.menu a.login {
	/* Bruiser Piece 1 */
	background-image: url('../images/bruiser/bruiser/bruiser.1.png');
}

body.home div.menu a.login:hover {
	background-image: url('../images/bruiser/bruiser/bruiser.1.hover.png');
}

body.home div.menu a.signup {
	/* Bruiser Piece 2 */
	background-image: url('../images/bruiser/bruiser/bruiser.2.png');
}
body.home div.menu a.signup:hover {
	background-image: url('../images/bruiser/bruiser/bruiser.2.hover.png');
}

div.menu a:hover {
	background-color: #FF4201;
	color: #EEE;
}

div.border {
	z-index: 5;
	height: 4px;
	background-color: #969696;
}
body.home div.page div.border {
	/* Bruiser Peice 3 */
	background-image: url('../images/bruiser/bruiser/bruiser.3.png');
	background-repeat: no-repeat;
}


/* Bench */
div.bench {
	z-index: 4;
	position: relative;
	min-height: 380px;
	background-color: #E4E4E4;
}

div.session {
	height: 10px;
	min-height: 10px;
	position: relative;
}

div.session div.bruiserTop {
	top: -4px;
}

body.home div.bench div.page, body.home div.bench {
	height: 380px;
	background-image: url('../images/bruiser/bench.bg.png');
}

div.page div.content {
	min-height: 540px;
}

/* Bruiser Main */
div.bench div.bruiser {
	position: absolute;
	z-index: 6;
	left: 0px;
	bottom: -4px;
}

div.bench div.bruiser img {
	width: 455px;
	height: 380px;
}

div.bench div.bruiserTop {
	position: absolute;
	z-index: 6;
	width: 494px;
	left: 0px;
	bottom: 376px;
}

/* Speech Bubble */
div.bench div.speechTop {
	position: absolute;
	z-index: 4;
	left: 38px; bottom: 328px;
	width: 433px; height: 205px;
	background-image: url('../images/bruiser/speech3.bg.png');
}
div.bench div.speechTop div {
	margin: 0px;
	margin: 16px 21px 79px 21px;
	padding-right: 10px;
	text-align: justify;
	height: 110px;
	overflow: auto;
}
div.bench div.speechTop div h2 {
	margin: 0px; padding: 0px;
	margin-bottom: 8px;
	text-align: center;
}

div.bench div.speech, div.bench div.speech2 {
	position: absolute;
	z-index: 7;
}

div.bench div.speech div#speechBubble, div.bench div.speech2 div#speechBubble {
	position: absolute;
	overflow: auto;
	font-size: 110%;
	text-align: justify;
}

/* Normal Bubble */
div.bench div.speech {
	position: relative;
	left: 331px; top: 84px;
	width: 642px; height: 380px;
	background-repeat: no-repeat;
	background-image: url('../images/bruiser/speech.bg.png');
}

div.bench div.speech div#speechBubble {
	left: 170px; top: 25px;
	width: 442px; height: 222px;
}

/* Signup Autohelp Bubble */
div.bench div.speech2 {
	left: 332px; top: 10px;
	width: 642px; height: 104px;
	background-image: url('../images/bruiser/speech2.bg.png');
}

div.bench div.speech2 div#speechBubble {
	left: 162px; top: 10px;
	width: 457px; height: 84px;
}

div.bench div.speech a#more {
	position: absolute;
	right: 4px; bottom: 0px;
	font-size: 110%;
	font-weight: bold;
}

/* *Login Form*/
div.bench div.login {
	position: relative;
	margin-top: 6px;
	height: 152px;
}

div.bench div.login img.form {
	position: absolute;
	left: 0px; top: 0px;
	width: 421px; height: 88px;
}

div.bench div.login input {
}

div.bench div.login input.bsgid {
	position: absolute;
	display: block;
	left: 144px; top: 18px;
	padding: 0px;
	width: 258px; height: 18px;
	border-style: none;
	background-image: url('../images/bruiser/login/login.input.bg.png');
}

div.bench div.login input.password {
	position: absolute;
	left: 144px; top: 55px;
	width: 258px; height: 18px;
	padding: 0px;
	border-style: none;
	background-image: url('../images/bruiser/login/login.input.bg.png');
	background-color: #FFB831;
}

div.bench div.login input.submit {
	position: absolute;
	right: 2px; top: 116px;
	width: 100px; height: 28px;
}

div.bench div.login div.public {
	position: absolute;
	left: 144px; top: 92px;
}


/* Signup Form */
div.bench div.form {
	z-index: 50;
	position: absolute;
	right: 50px; top: 100px;
	width: 500px;
	border: #000 solid 1px;
}

/* Signup Form */
dl.line {
	display: block;
	width: 50em;
	margin: 0px; padding: 0px;
	cursor: default;
}
dl.hidden {
	display: none;
	height: 35px;
}
dl.line dt {
	float: left;
	text-align: left;
	width: 135px;
	margin: 0px; padding: 0px;
	padding-left: 64px;
	padding-top: 6px;
}
dl.line dd {
	margin: 0px; padding: 0px;
	height: 25px;
}
dl.line dd.input {
	float: left;
	padding-right: 2px;
}
dl.line dd.input input {
	border: #000 solid 1px;
	background-color: #372C54;
	padding: 2px;
	padding-left: 8px;
	padding-right: 8px;
	margin: 2px;
	margin-right: 0px;
	width: 295px;
	letter-spacing: 1px;
	border: #15111F solid 1px;
	border-right-color: #584A86;
	border-bottom-color: #584A86;
}
dl.line dd.input input#code {
	width: 150px; margin-left: 145px;
}
dl.line dd.input input#groupNameCreate, dl.line dd.input input#groupNameJoin {
	width: 100px;
}
dl.line label.group {
	padding-left: 36px;
}
dl.line dd.input input.focus {
	background-color: #316342;
}
dl.line dd.input input.radio, dl.line dd.input input.checkbox {
	width: 20px;
	background-color: transparent;
	border-style: none;
}
input.premium, label.premium {
	position: relative;
	left: -100px;
}
dl.line dd.input label.radio {
	position: relative;
	top: -3px;
}
dl.line dd.icon img {
	position: absolute;
	padding-top: 2px;
	width: 25px; height: 25px;
}
dl.line dd.icon div {
	visibility: hidden;
	line-height: 25px;
}
dl.line dd.icon div.visible {
	visibility: visible;
}

/* Boards */
div.boards {
	/*position: relative;*/
	background-color: #FFBF00;
}

/* Bruiser Piece 4 */
div.boards img#bruiser4 {
	position: absolute;
	left: 49px;
	width: 396px;
	height: 20px;
}

/* Bruiser Bottom */
div.boards img#bruiserBottom {
	position: absolute;
	left: 65px;
	width: 368px;
	height: 63px;
}

div.boards div.top {
	background-color: #FFBF00;
	height: 20px;
	background-image: url('../images/bruiser/boards.top.bg.png');
}

div.boards div.ad {
	position: relative;
	background-color: #FFFFFF;
	height: 190px;
}

div.boards div.ad iframe.likeButton {
	position: absolute;
	z-index: 7;
	right: 0px; top: 8px;
}


div.boards div.ad div.one, div.boards div.ad div.two {
	z-index: 99;
	position: absolute;
	top: 42px;
	height: 130px;
}

div.boards div.ad div.one {
	left: 20px;
	width: 180px;
}

div.boards div.ad div.two {
	right: 20px;
	width: 728px;
}


div.boards div.bottom {
	background-color: #D89800;
	height: 50px;
	background-image: url('../images/bruiser/boards.bottom.bg.png');
}

/* Scoreboard */
div.scoreboard {
	height: 60px;
	background-color: #D89E00;
	line-height: 14px;
	font-weight: bold;
	background-image: url('../images/bruiser/scoreboard/scoreboard.bg.png');
}

div.scoreboard div.spacer {
	width: 30px;
}

div.scoreboard div.title {
	float: left;
	width: 16px;
}

div.scoreboard div.more {
	float: left;
	width: 12px;
	cursor: pointer;
}

div.scoreboard div.flow {
	width: 1800px; height: 60px;
}

div.scoreboard div.scores {
	float: left;
	width: 876px; height: 60px;
	overflow: hidden;
}

div.scoreboard div.item {
	float: left;
	position: relative;
	padding: 2px;
	padding-left: 4px;
	width: 81px;
	height: 54px;
	border-style: none;
	border-right: #000 solid 1px;
	cursor: pointer;
}

div.scoreboard div.item:hover {
	background-color: #FFF;
}
div.scoreboard div.item:hover div {
	color: #FFF;
}

div.scoreboard div.item span {
	position: absolute;
	right: 4px;
}

div.scoreboard div.item div {
	position: absolute;
	bottom: 0px; left: 4px;
	text-align: center;
	width: 100%; height: 15px;
	background-image: url('../images/bruiser/scoreboard/button.bg.png');
	background-repeat: no-repeat;
	font-size: 85%;
}

div.scoreboard div.live {
}
div.scoreboard div.live div {
	color: #FFF;
}

div.scoreboardBorder {
	background-color: #A86B00;
	height: 2px;
}
	

div.scoreboard div.previous, div.scoreboard div.previous div {
	color: #7F2201;
}


div.scoreboard div.future, div.scoreboard div.future div {
	color: #555;
}


/* Signup */
div.memberStatus {
	float: left;
	width: 199px;
	border: #000 solid 1px;
	padding: 6px;
	margin-top: 10px;
	margin-right: 8px;
	font-size: 90%;
	height: 87px;
	cursor: pointer;
	background-color: #FFF;
	border: #AAA solid 1px;
	border-top-color: #777;
	border-right-color: #777;
	background-image: url('../images/bruiser/bench.bg.png');
}

div.memberStatus:hover {
	background-color: #DDD;
	background-image: none;
}


/* Screenshots */
div.screenshots {
	position: relative;
	top: 20px;
	height: 500px;
	margin-left: 450px;
	overflow: auto;
}

div.screenshots img {
	display: block;
	margin: 12px;
	float: left;
	width: 240px; height: 183px;
}

/* Help */
div.content div.help {
	margin: 0px; padding: 0px;
}

div.help div.text {
	position: absolute;
	padding: 16px;
	padding-right: 10px;
	background-color: #Fbfbfb;
	left: 438px;
	width: 530px;
	height: 508px;
	overflow: auto;
	text-align: justify;
	z-index: 5;
	border-left: #000000 solid 1px;
}

div.help div.menu {
	margin-left: 438px;
	height: 568px;
	background-color: transparent;
}

div.signup {
	padding-right: 10px;
	margin-left: 458px;
	z-index: 5;
}

div.error {
	position: absolute;
	right: 36px; top: 8px;
	width: 472px; height: 66px;
	padding: 2px;
	border: #FF4201 solid 1px;
	background-color: #FEE2E2;
}

/* sessioned home */
div.content div.dashboard {
	position: relative;
	margin-left: 484px;
}

div.content div.dashboard div.item {
	position: relative;
	width: 472px;
	margin-left: 18px;
}

div.content div.dashboard div.item div.header {
	height: 53px;
	background-image: url('../images/bruiser/home/box.header.png');
	cursor: default;
}

div.content div.dashboard div.item div.header p {
	text-align: center;
	font-size: 135%;
	margin: 0px; padding-top: 14px;
	color: #FFFFFF;
	latter-spacing: 1px;
}


div.content div.dashboard div.item div.body {
	position: relative;
	background-image: url('../images/bruiser/home/box.bg.png');
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;
}

div.content div.dashboard div.item div.bottom {
	height: 27px;
	background-image: url('../images/bruiser/home/box.bottom.png');
}

div.sitenews div.body div {
	height: 38px;
	background-image: url('../images/bruiser/home/topic_read.gif');
	background-position: 8px center;
	background-repeat: no-repeat;
	padding-left: 44px;
	padding-right: 8px;
	line-height: 16px;
}

div.content div.dashboard div.text div.body {
	padding-left: 28px;
	padding-right: 28px;
	letter-spacing: 0.1px;
	line-height: 20px;
}

div.content div.dashboard div.sitenews div.body div:hover {
	cursor: pointer;
	background-color: #B2B2B2;
}

div.content div.dashboard div.poll div.body {
	padding-left: 32px;
	padding-right: 32px;
}

div.content div.dashboard div.poll div.body p {
	margin: 0px; padding: 0x;
	padding-bottom: 16px;
}

div.poll div.line input {
	background-color: #C6C6C6;
}


div.poll div.line {
	position: relative;
	padding-left: 32px;
}

div.poll div.result {
	position: absolute;
	right: 32px; top: 0px; width: 150px;
	border: #920606 solid 1px;
}

div.poll div.graph {
	text-align: right;
	height: 14px;
	line-height: 14px;
	color: #FFFFFF;
	background-color: #B80B07;
	min-width: 8px;
}

div.poll input.image {
	width: 80px; height: 20px;
	margin-top: 8px;
}

/* Forums */
div.goodhockey_forums div.menu a, div.goodhockey_forums div.tagLine {
	letter-spacing: 0px;
	font-size: 16pt;
	font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
}

div.goodhockey_forums div.tagLine{
	font-size: 10pt;
}


div.footer {
	text-align: center;
	margin-top: 8px;
	margin-bottom: 8px;
	color: #666;
}