/***************************
* Filename: style.css
* Copyright: 1game.com all rights reserved
* Purpose: Game formatting stylesheet
***************************/

/****
* Format body tag
****/
body
{
	background-color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #fff;
	margin: 0px 0px 0px 0px;
	height: 590px;
	width: 100%;
	z-index: 1;
	line-height: 12px; 
}

/****
* Format the header bar
****/
#topheader
{
	margin-right: auto;
	margin-left: auto;
	width: 1024px;
}

/****
* Logo at the header
****/
#logo
{
	float: left;
	width: 37%;
	height: 95px;
	background-image: url(../images/logo2.png);
	background-position: center;
	background-repeat: no-repeat;
}

/****
* surrounds the row of tabs
****/
#tabline
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 883px;
	padding-left: 10px;
	height: 40px;
	clear: both;
}

/****
* links under the main tab area
****/
#sidelinks
{
	float: left;
	width: 71px;
	font-size: 9.5px;
	padding: 5px 5px 5px 5px;
}

/****
* links on the side bar
****/
.link1
{
	color: #FFF;
	background-color: #FF3300;
	width: 71px;
	padding: 5px 5px 5px 5px;
	margin-top: 5px;
	clear: both;
}

.link2
{
	color: #FFF;
	background-color: #0000CC;
	width: 71px;
	padding: 5px 5px 5px 5px;
	margin-top: 5px;
	clear: both;
}

.link3
{
	color: #FFF;
	background-color: #00CC00;
	width: 71px;
	padding: 5px 5px 5px 5px;
	margin-top: 5px;
	clear: both;
}

.link4
{
	color: #FFF;
	background-color: #CCCC00;
	width: 71px;
	padding: 5px 5px 5px 5px;
	margin-top: 5px;
	clear: both;
}

.link5
{
	color: #FFF;
	background-color: #FF6600;
	width: 71px;
	padding: 5px 5px 5px 5px;
	margin-top: 5px;
	clear: both;
}

.link6
{
	color: #FFF;
	background-color: #990099;
	width: 71px;
	padding: 5px 5px 5px 5px;
	margin-top: 5px;
	clear: both;
}

.link1:hover, .link2:hover, .link3:hover, 
.link4:hover, .link5:hover, .link6:hover 
{
	cursor: pointer;
}

/****
* links on the side bar
****/
#link1 a, #link1:hover, #link2 a, #link2:hover, #link3 a, #link3:hover, 
#link4 a, #link4:hover, #link5 a, #link5:hover, #link6 a, #link6:hover
{
	background-color: #CCC;
	color: #000;
}

/****
* Format the main white box
****/
#main
{
	margin-right: auto;
	margin-left: auto;
	font-family: inherit;
	color: #000;
	width: 1024px;
	z-index: 0;
}

#content
{
	float: left;
	width: 883px;
	padding: 25px 25px 25px 25px;
	background-color: #fff;
	min-height; 400px;
}

/****
* default links
****/
a
{
	color: #FF3300;
	text-decoration: none;
}

#layoutpreview
{
	float: right;
	width: 300px;
	height: 300px;
}

/****
* default links hover
****/
.link:hover
{
	color: #CCC;
	text-decoration: none;
}

/****
* tabs in the tabline, red tab
****/
.tab1
{
	padding: 6px;
	background-color: #FF3300;
}

/****
* blue tab
****/
.tab2
{
	padding: 6px;
	background-color: #0000CC;
}

/****
* green tab
****/
.tab3
{
	padding: 6px;
	background-color: #00CC00;
}

/****
* yellow tab
****/
.tab4
{
	padding: 6px;
	background-color: #CCCC00;
}

/****
* orange tab
****/
.tab5
{
	padding: 6px;
	background-color: #FF6600;
}

/****
* purple tab
****/
.tab6
{
	padding: 6px;
	background-color: #990099;
}

#password
{
	margin-top: 2px;
	border:1px solid #000;
	background-color: #FFF;
	color: #000;
	width: 75px;
	padding-left: 3px;
	vertical-align: top;
	font-family:"Courier New", Courier, mono;
}

/****
* seleted tab in the tabline
****/
.selectedtab
{
	float: left;
	width: auto;
	text-align: center;
	vertical-align: bottom;
	padding: 5px 5px 0px 5px;
	margin-right: 10px;
	margin-top: 5px;
	background-color: #FFFFFF;
	text-decoration: none;
	color: #000;
	height: 20px;
}

/****
* format header tags
****/
h1
{
	font-weight: 600;
	font-size: 14px;
}

/****
* boxes where you login to the game
****/
#loginboxes
{
	float: right;
	width: auto;
	text-align: right;
	vertical-align: top;
	margin-top: -5px;
	color: #000;
	width: 250px;
	height: 20px;
}

/****
* format the text input boxes for game logins
****/
#logintext
{
	color: #FFF;
	width: 50%;
	padding-top: 85px;
	padding-right: 68px;
	vertical-align: bottom;
	text-align: right;
	float: right;
	clear: right;
}

/****
* format the text input boxes for game logins
****/
#login
{
	margin-top: 2px;
	border:1px solid #000;
	background-color: #FFF;
	color: #000;
	width: 75px;
	padding-left: 3px;
	vertical-align: top;
}

/****
* format the text input boxes
****/
#forminput
{
	border:1px solid #000;
	background-color: #CCC;
	color: #000;
	width: 105px;
	padding-left: 3px;
	vertical-align: middle;
}

/****
* input box that size can be applied to
****/
#smallinput
{
	border:1px solid #000;
	background-color: #CCC;
	color: #000;
	padding-left: 3px;
	vertical-align: middle;
}

/****
* format the textareas
****/
#formtextarea
{
	border:1px solid #000;
	background-color: #CCC;
	color: #000;
	vertical-align: middle;
}

/****
* format the text input boxes for game logins
****/
#footer
{
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	color: #FFF;
	text-decoration: none;
	width: 883px;
	clear: both;
}

#footer a
{
	color: #FFF;
}

/****
* Format error messages
****/
#errorMsg 
{
	color: #FF0000;
}

/****
* Format success messages
****/
#successMsg 
{
	color: #990000;
}

/****
* Format header text
****/
#headers
{
	color: #FF0000;
	font-weight:600;
}

/****
* Format header text
****/
#redheaders
{
	color: #FF3300;
	font-weight:600;
}

#blueheaders
{
	color: #0000CC;
	font-weight:600;
}

#greenheaders
{
	color: #00CC00;
	font-weight:600;
}

#yellowheaders
{
	color: #CCCC00;
	font-weight:600;
}

#purpleheaders
{
	color: #990099;
	font-weight:600;
}

#orangeheaders
{
	color: #FF6600;;
	font-weight:600;
}

#text
{
	color: #000000;
}

/****
* Smaller messages, or notes
****/
#note
{
	color: #FF3300;
}

/****
* Sign Up link
****/
#signup
{
	font-weight: bold;
}

#tabs, #tabs ul
{
	list-style: none;
	padding: 2px;
	margin-left: -6px;
	list-style: none;
	z-index: 3;
}

#tabs li
{
	float: left;
	width: auto;
	text-align: center;
	margin-left: 5px;
	margin-top: 14px;
	padding: 5px;
	cursor: pointer;
}

#tabs li a
{
	color: #FFF;
}

#tabs li a:hover
{
	color: #000;
}

#tabs ul
{
	background-color: #FFF;
	position: absolute;
	left: -1000px;
	width: 105px;
}

/****
* submt button
****/
.submit
{
	width: auto;
	text-align: center;
	padding: 2px 2px 2px 2px;
	background-color: #990099;
	text-decoration: none;
	color: #FFF;
	border: 1px solid #000;
	vertical-align: middle;
}

/****
* hovering over submit
****/
.submit:hover
{
	width: auto;
	text-align: center;
	padding: 2px 2px 2px 2px;
	background-color: #CCC;
	text-decoration: none;
	color: #000;
	cursor: pointer;
	border: 1px solid #000;
	vertical-align: middle;
}

/****
* box with links in them (tab div layers)
****/
#linksbox
{
	float: left;
	margin-right: 25px;
	margin-bottom: 15px;
	width: 200px;
	color: #000000;
	border: 1px solid #000;
}

#linksbox #header
{
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #355A81;
	color: #fff;
}

#linksbox a
{
	color: #000;
}

#linksbox a:hover
{
	color: #355A81;
}

#forum_header
{
	background-color: #006666;
	color: #FFF;
}

#forum_light
{
	background-color: #CCFFFF;
	color: #000;
}

#forum_dark
{
	background-color: #009999;
	color: #fff;
}

/****
* Format header text
****/
.tableheader
{
	background-color: #CCCCCC;
	font-weight:600;
}

.link:hover {
	cursor: pointer;
}