/***************************
* 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: 750px;
}

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

/****
* surrounds the row of tabs
****/
#tabline
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 750px;
	height: 30px;
	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;
}

/****
* 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: 900px;
	z-index: 0;
}

#content
{
	float: left;
	width: 700px;
	padding: 25px 25px 25px 25px;
	background-color: #fff;
}

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

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

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

/****
* tabs in the tabline, red tab
****/
.tab1
{
	float: left;
	width: auto;
	text-align: center;
	vertical-align: bottom;
	padding: 5px 5px 0px 5px;
	margin-right: 10px;
	margin-top: 5px;
	background-color: #FF3300;
	text-decoration: none;
	color: #FFF;
	height: 20px;
}

/****
* blue tab
****/
.tab2
{
	float: left;
	width: auto;
	text-align: center;
	vertical-align: bottom;
	padding: 5px 5px 0px 5px;
	margin-right: 10px;
	margin-top: 5px;
	background-color: #0000CC;
	text-decoration: none;
	color: #FFF;
	height: 20px;
}

/****
* green tab
****/
.tab3
{
	float: left;
	width: auto;
	text-align: center;
	vertical-align: bottom;
	padding: 5px 5px 0px 5px;
	margin-right: 10px;
	margin-top: 5px;
	background-color: #00CC00;
	text-decoration: none;
	color: #FFF;
	height: 20px;
}

/****
* yellow tab
****/
.tab4
{
	float: left;
	width: auto;
	text-align: center;
	vertical-align: bottom;
	padding: 5px 5px 0px 5px;
	margin-right: 10px;
	margin-top: 5px;
	background-color: #CCCC00;
	text-decoration: none;
	color: #FFF;
	height: 20px;
}

/****
* orange tab
****/
.tab5
{
	float: left;
	width: auto;
	text-align: center;
	vertical-align: bottom;
	padding: 5px 5px 0px 5px;
	margin-right: 10px;
	margin-top: 5px;
	background-color: #FF6600;
	text-decoration: none;
	color: #FFF;
	height: 20px;
}

/****
* purple tab
****/
.tab6
{
	float: left;
	width: auto;
	text-align: center;
	vertical-align: bottom;
	padding: 5px 5px 0px 5px;
	margin-right: 10px;
	margin-top: 5px;
	background-color: #990099;
	text-decoration: none;
	color: #FFF;
	height: 20px;
}

/****
* hovering mouse over a tab
****/
.tab:hover, .tab1:hover, .tab2:hover, .tab3:hover, .tab4:hover, .tab5:hover, .tab6:hover
{
	float: left;
	width: auto;
	text-align: center;
	vertical-align: bottom;
	padding: 5px 5px 0px 5px;
	margin-right: 10px;
	margin-top: 5px;
	background-color: #CCC;
	text-decoration: none;
	color: #000;
	height: 20px;
	
}


/****
* link text for letting a mouse hover over a tab
****/
.tab a, .selectedtab a, .tab1 a, .tab2 a, .tab3 a, .tab4 a, .tab5 a, .tab6 a
{
	color: #000;
	text-decoration: none;
}

#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;
	padding: 0px 0px 0px 5px;
	color: #000;
	width: 235px;
	height: 20px;
}

/****
* format the text input boxes for game logins
****/
#logintext
{
	color: #FFF;
	width: 50%;
	padding-top: 75px;
	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, #footer a
{
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFF;
	text-decoration: none;
	width: 700px;
	clear: both;
}

/****
* 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
{
	padding-top: 5px;
	margin-bottom: 10px;
	text-align: center;
	float: right;
	clear: both;

	font-weight: 600;
}

/****
* 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;
}

/* This is the transparent box */
#graying {
width: 100%;
height: 100%;
background-color: #000;
/*filter: alpha(opacity=50);*/
opacity: 0.5;
-moz-opacity:0.5;
}

/* This is the container which set text to solid color.
position: relative used for IE */
#loading {
width: 70%;
height: 35%;
margin-right: auto;
margin-left: auto;
padding: 20px;
float: right;
clear: both;
font-weight: bold;
background-color: #fff;
color: #000;
position: relative;
z-index: 2;
/*filter:alpha(opacity=100);*/
opacity: 1;
-moz-opacity:1;
}