﻿/* Sets element margins, padding, and border to 0 to even 
out browser differences when adding desired values later. */

html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, 
ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button 
{ margin: 0; padding: 0; border: 0; }
     
body { text-align: center; background: #000000; color: #FFFFFF; font-family: verdana; font-size: 0.78em; }

h1, h2, h3, h4, h5, h6 { color: #FFFFFF; }
h1 { margin-top: 1em; font-size: 1.8em; font-weight: bold; color: #FF6633; }
h2 { margin-top: .5em; font-size: 1.3em; font-weight: bold; }
h3 { margin-top: 0.5em;	font-size: 1.2em; font-weight: normal; }
h4 { margin-top: 0.5em;	font-size: 1.1em; font-weight: bold; }
h5 { margin-top: 0.5em;	font-size: 1.0em; font-weight: bold; }
h6 { margin-top: 0.5em; font-size: 0.8em; font-weight: bold; }

p {	margin-top: 1em; }
a {	text-decoration: underline;	color: #464646; }
a:hover { color: #ff6633; text-decoration: none; }
hr { color: #FFFFFF; width: 100%; height: 0.9px; text-align: center; margin: 20px 0 0 0; }
span { font-size: 1em; }
input {	font-size: 1em;	width: 85px; height: 10px; margin: 0 2px 1px 2px; }

/*-----------PopUp Placement & Styles-----------------------------------*/
#HeaderPopUpDiv { text-align: left;	margin: 10px 0 20px 20px; width: 100%; }
#MiddlePopUpDiv { text-align: center; margin: 0 10px 0 10px; width: 100%; }
#FooterPopUpDiv { text-align: left;	margin: 20px 0 0 20px; width: 100% }

/*-----------Wrapper Placement & Styles---------------------------------*/
#mainbackground { border: solid 1px #000000; width: 800px; position: relative; background: #FFFFFF url(images/darkbg.jpg) repeat; }
#headerwrapper { position: relative; width: 800px; }

/*-----------Header Styles----------------------------------------------*/
#header { width: 800px;	height: 130px; position: relative; }
#logo { width: 400px; height: 80px; float: left; margin: 0px 0px 0px 10px; text-align: right;
	background : transparent url(images/cashierlogo.gif) no-repeat left; }
#signin { width: 320px; float: right; height: 80px; margin: 5px 5px 0px 5px; padding: 5px 5px 0px 5px; color: #000000; 
	background-color : #C5C5C5; text-align: right; font-size: 9px; }
#signin .loginbutton { width: 63px;	height: 23px; }
#signin select { font-size: xx-small; }
#signin table {	width: 100%; text-align: right; }
#signin .rightCol {	text-align: right; }
#signin .centerCol { text-align: left; }
#signin .leftCol { text-align: right; }
#mainnav { width: 595px; height: 24px; float: right; margin: 10px 5px 5px 5px; font-family: Arial; color: #464646; 
	text-align: right; font-size: 1em; background: #FFFFFF url(images/menu-background.gif) repeat; }
#TopNav { position: relative; float: left; padding: 4px 3px 3px 3px; }
#TopNav td a { border-width: 0px 1px 0px 0px; border-color: #C2C2C2; border-style: solid; display: block; 
	padding: 0px 10px 0px 10px;	background-color: transparent; text-align: left; font-weight: bolder; text-decoration: none; }
#TopNav td a:hover { color: #FF6633; }
#Language { position: relative; float: right; padding: 3px; }

/*-----------Content Placement-------------------------------------------*/
#contentwrapper { position: relative; width: 800px; }

/*-----------Center Column Placement & Styles----------------------------*/
#centercolumn {	width: 605px; float: right; }
#centercolumn .TopLeftCol {	width: 390px; height: 190px; float: left; margin: 5px 0px 5px 7px; 
	background: transparent url(images/star-image-background.gif) no-repeat; text-align: right; }
#centercolumn .TopRightCol { border: solid 1px #000000;	width: 180px; height: 188px; float: right; margin: 5px 7px 5px 0px; 
	background: transparent; }
#centercolumn .SpanCol { width: 575px; height: 38px; clear: both; margin: 5px; text-align: center; background: #000000 }
#centercolumn a, #centercolumn .SpanCol a { color: #000000; margin: 18px 4px 0px 4px; font-size: 10px; }
#centercolumn a:hover {	color: #FF6633; }
#centercolumn .BottomLeftCol { width: 390px; float: left; margin: 5px 0px 5px 7px; background: transparent; text-align: left; }
.InsideBottomLeftCol { border: 1px solid #000000; float: left; width: 160px; height: 285px; padding: 5px 10px 0px 10px; }
.InsideBottomLeftCol p { margin: 10px 0px 0px 0px; font-size: xx-small; }
.TournamentScheduleLight { background-color: #2f5836; }
.TournamentScheduleDark { background-color: #192E1B; }
.InsideBottomRightCol { border: 1px solid #000000; float: right; width: 160px; height: 285px; margin: 0px 5px 0px 0px; padding: 5px 10px 0px 10px; }
.InsideBottomRightCol p { margin: 10px 0px -5px 0px; font-size: xx-small; }
.InsideBottomRightCol a { background-color: #000000; }
.InsideBottomRightCollink { text-align : right; }
.BottomLeftCol { border: 1px solid #000000;	width: 191px; height: 300px; float: left; margin: 5px 0px 5px 7px; background: transparent; 
	text-align: left; }
.BottomCenterCol { border: 1px solid #000000; width: 190px; height: 300px; float: left;	margin: 5px 0px 5px 7px; background: transparent; 
	text-align: left; }
.BottomRightCol { border: 1px solid #000000; width: 191px; height: 300px; float: right; margin: 5px 7px 5px 0px; background: transparent;
	text-align: left;  }
.OrangeTags { color: #FF6633; font-weight: bold; }

/*------------ Content Styles --------------------------------------------*/
#content a { color: #FF6633; }
#content hr { color: #FFFFFF; }
#content .container { margin: 5px 5px 10px 5px; padding: 10px; border: 1px solid #C5C5C5; color: #FFFFFF; background: #000000;
	font-size: smaller; text-align: left; }
#content .newslink a { background-color: #FFFFFF; text-align: right; }
#content .teaser { margin-top: 0px; color: #FFFFFF; font-size: 0.9em; font-weight: normal; }
#content .container select { font-size: 1em; }
#content .container ol { margin: 5px 5px 10px 15px; }	
#content .container li { margin: 0 0 10px 15px; }

/*-----------Left Column Placement & Styles-------------------------------*/
#leftcolumn { width: 192px; float: left; background-color: Transparent; }

/*-----------Left Nav Placement & Styles----------------------------------*/
#LeftNav { width: 161px; margin: 5px 5px 10px 13px; background-color: transparent; }	
#LeftNav a { color: #FFFFFF; }
#LeftNav .LeftTopMenu table { height: 25px;	width: 100%; padding: 5px 5px 5px 20px; color: #FFFFFF; text-align: left;
	font-size: 10px; background: transparent url(images/black-button.jpg) no-repeat left; }
#LeftNav .LeftTopMenu td td { padding: 0 0 0 20px; }
#LeftNav .LeftTopMenu a { color: #FFFFFF; }
#LeftNav .LeftTopMenu a:hover { color: #ff6633;  }
#LeftNav .LeftBottomMenu table { width: 100%; }
#LeftNav .LeftBottomMenu table table { height: 21px; width: 100%; background-color: transparent; border-bottom: solid 1px #FFFFFF; 
	color: #000000; text-align: left; margin: 3px 5px 1px 2px; padding: 0 0 0 3px; font-size: 10px; }
#LeftNav .LeftBottomMenu a:hover { color: #FF6633; }

/*-----------Left Image (Card Image) Placment & Styles--------------------*/
#LeftImage { height: 70px; }

/*-----------Footer Placment & Styles-------------------------------------*/
#footer { margin: 0px 0px 10px 0px; padding: 0px; font-size: 0.9em; clear: both; position: relative; height: 20px; 
	left: 0px; bottom: 0px; text-align: left; }

#footer .Copyright { position: absolute; right: 10px; bottom: 10px; top: 5px; }

/*------- Default Position and Look of controls and images ---------------*/
.imgfloatright { float: right; display: inline; margin: 0.25em 0 0.25em 0.25em; }
.imgfloatleft { float: left; display: inline; margin: 2px 5px 0px 0px; }
.txtMsg { color: #FF6633; font-size: medium; width: 100%; }
.txtMsgSmall { color: #FF6633; font-size: small; width: 100%; }
.button { border: 1px solid #000000; color: #000000; background-color: #FFFFFF; width: 100px; height: 20px; }
.LargerDropDownList { width: 200px; }
.WideDropDownList { width: 250px; }
.Label { width: 150px; margin: 0 2px 1px 2px; }
.txtBox { width: 60px; height: 10px;  }
.LargertxtBox { width: 150px; height: 10px; }
.BigtxtBox { width: 550px; height: 100px; }
.GridView { width: 100%; }
.LanguageDDL { width: 90px;	font-size: xx-small; margin: 0px 2px 1px 2px; }
.DepositSelectionImages { height: 40px;	border: solid 1px green; }
.RightAlignLabel { text-align: right; }

/*----------  Account Boxes ----------------------------------------------*/
#LeftColumn { float: left; width: 284px; }
#RightColumn { float: right; width: 284px; }	
.LeftAccountBox { border: solid 1px #FFFFFF; margin: 10px 10px 5px 0px; padding: 10px; }
.RightAccountBox { border: solid 1px #FFFFFF; margin: 10px 0px 5px 0px; padding: 10px; }
.ControlBox { padding: 5px; margin: 0 0 0 0; }

/*----------  Tab Strip --------------------------------------------------*/
#tabs {	color: #000000;	margin: 0 0 5px 0; padding: 5px; font-size: smaller; text-align: left; }
#tabs .teaser {	color: #000000; }
#tabs h4 { color: #000000; }
#tabs hr { color: #000000; }
#tabs .LeftAccountBox {	border: solid 1px #000000; }
#tabs .RightAccountBox { border: solid 1px #000000; }
#tabs .teaser { margin-top: 0px; color: #000000; font-size: 0.9em; font-weight: normal; }
#tabs select { font-size: 1em; }
.radiobuttondiv input {	width: 30px; }