BODY, pre, table { color: #9b9b9b; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; }
html, body {
    min-height: 100%;
}

body {
    background-image: url('https://justreboot.files.wordpress.com/2012/03/backgrounds_20298.png');
    background-size: 100% auto;
    background-position: 0 0;
    Background-attachment: fixed;
    background-color: #000
}

input, select, option, textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.10em;
    color: #0AB4FF;
    background: #383838;
    border: 1px solid #cccccc;
}

.yellowfont{
    font-size: 1.1em;
    color: #33CC33;
    font-weight: bold;
}

.yellowfont2{
    font-size: 1.5em;
    color: #8a8a00;
    font-weight: bold;
}

.eventfont{
    font-size: 1em;
    color: #8a8a00;
    font-weight: bold;
}

.smallfont{
    font-size: .85em;
    color: blue;
}

.abovenormalfont{
    font-size: 1.25em;
    color: white;
}

.bigbluefont{
    font-size: 1.5em;
    color: blue;
}

.RedFont{
    color: red;
    font-size: 1.3em;
    font-weight: bold;
}

.RedFont2{
    color: red;
    font-size: 1.1em;
    font-weight: bold;
}



/* Outline Elements */

#Wrapper{
    width: 1024px;
    height: 768px;
    position: relative;
    margin: 0 auto;
    border: 0;
}

.Main_Box{
    margin: 0 auto;
    width: 768px;
    min-height: 640px;
    padding: 2px;
    background-color: rgba(0,0,0,0.5);
    border: 1px solid #696969;
    position: relative;
    clear: both;
    display: inline-block;
}

.Left_Nav_Panel{
    width: 110px;
    float: left;
    background-color: rgba(0,0,0,0.5);
    border: 1px solid #696969;
    overflow: auto;
    font-size: 0.975em;
    clear: right;
    margin-right: 0.25em;
}

.Top_Logo{
    width: 1024px;
    height: 67px;
    margin: 0 auto;
    margin-top: 0.4em;
    /* background-color: rgba(0,0,0,0.5); */
    position: relative;
    overflow: auto;
    text-align: center;
}

.Banner_Image {
    position: absolute;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 100%;
}

.Banner {
    width: 1024px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 0.2em;
    text-align: center;
    border: 1px solid yellow;
    padding: 0.25em;
    background-color: rgba(22,22,22,0.7);
}

.Username {
    margin: 0;
    padding: 0;
    padding-left: 0.3em;
    font-weight: bold;
}

.Chat_Disable {
    position: absolute;
    margin-top: -1.5em;
    text-align: center;
    width: 130px;
}

.Chat_Buttons {
    padding: 0;
    margin: 0;
    margin-top: 0.2em;
    text-align: center;
}

.Chat_Posts {
    position: absolute;
    top: 3%;
}

span.Chat_Post {
    margin: 0;
    padding: 0;
    font-weight: 100;
    word-wrap: break-word;
}

p.Chat_Post {
    margin: 0;
    padding: 0;
    margin-bottom: 0.1em;
}

/*
 .welcomebox{
	 left: 5%;
	 top: 15.5%;
	 width: 11.5%;
	 height: 2.5%;
	 background-color: rgba(0,0,0,0.5);
	 border: 1px solid #696969;
	 position: absolute;
	 overflow: auto;
	 text-align: center;
 	}
*/


.Chat_Box{
    width: 130px;
    height: 644px;
    background-color: rgba(0,0,0,0.5);
    border: 1px solid #696969;
    clear: right;
    overflow: auto;
    float: right;
}

.timebox{
    width: 130px;
    height: 50px;
    background-color: rgba(0,0,0,0.5);
    border: 1px solid #696969;
    clear: right;
    overflow: auto;
    float: right;
    margin-top: 0.5%;
    text-align: center;
}

.Top_Nav{
    width: 1024px;
    margin: 0 auto;
    position: relative;
    overflow: auto;
    text-align: center;
    color: #d7b700;
    padding: 0.5%;
}

.Individual_Title{
    font-size: 1em;
    margin-top: 5%;
    text-align: center;
}

.Individual_Title2{
    font-size: 1em;
    margin-top: 2.5%;
    text-align: center;
}

.Public_Title{
    font-size: 1em;
    margin-top: 1%;
    text-align: center;
}


.defaultButtonR{
    background: linear-gradient(to bottom, #2e466e 5%, #415989 100%);
    border-radius: 4px;
    border: 1px solid #1f2f47;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 13px;
    text-decoration: none;
    text-align: center;
    margin: 0;
    display: inline-block;
    padding: 1% 2%;
    width: auto;
    -webkit-appearance: button;
}



/* Top Panel Float Elements */


#Resources {
    color: #0AB4FF;
    float: right;
    position: relative;
    padding: 0 0.2em;
    margin-top: 0.85em;
}

#Resources2 {
    color: #0AB4FF;
    float: left;
    position: relative;
    padding: 0 0.2em;
    margin-top: 0.85em;
}

#Resources span {
    color: #0AB4FF;
    background-color: rgba(0,0,0,0.5);
    border: 1px solid #696969;
    font-size: 0.9em;
    border-radius: 1.2em;
    padding: 0.7em;
}

#Resources2 span {
    color: #0AB4FF;
    background-color: rgba(0,0,0,0.5);
    border: 1px solid #696969;
    font-size: 0.9em;
    border-radius: 1.2em;
    padding: 0.7em;
}

/*

#cash{
	margin: 0.35%;
	padding: 0.4% 0.3em;
	background-color: rgba(0,0,0,0.5);
	border: 1px solid #696969;
	font-size: 0.9em;
	float: left;
}

#food{
	margin: 0.35%;
	padding: 0.4% 0.3em;
	background-color: rgba(0,0,0,0.5);
	border: 1px solid #696969;
	float: left;
	font-size: 0.9em;
}

#powerrating{
	margin: 0.35%;
	padding: 0.4% 0.3em;
	background-color: rgba(0,0,0,0.5);
	border: 1px solid #696969;
	float: left;
	font-size: 0.9em;
}

#turns{
	margin: 0.35%;
	padding: 0.4% 0.3em;
	background-color: rgba(0,0,0,0.5);
	border: 1px solid #696969;
	float: left;
	font-size: 0.9em;
}

#server{
	margin: 0.35%;
	padding: 0.4% 0.3em;
	background-color: rgba(0,0,0,0.5);
	border: 1px solid #696969;
	float: left;
	font-size: 0.9em;
}

#name{
	margin: 0.35%;
	padding: 0.4% 0.3em;
	background-color: rgba(0,0,0,0.5);
	border: 1px solid #696969;
	float: left;
	font-size: 0.9em;
}

#pm{
	margin: 0.35%;
	padding: 0.4%;
	background-color: rgba(0,0,0,0.5);
	border: 1px solid #696969;
	float: left;
	font-size: 0.9em;
}

#income{
	margin: 0.35%;
	padding: 0.4%;
	background-color: rgba(0,0,0,0.5);
	border: 1px solid #696969;
	float: left;
	font-size: 0.9em;
}





*/

/* ----- End Top Elements ----- */







.IEHeading{
    margin: 1em auto 0 auto;
    border: 1px solid grey;
    width: 560px;
    padding: 4px;
    color: white;
}

.IEServerEvents{
    margin: 1em auto 0 auto;
    border: 1px solid grey;
    height: 120px;
    padding: 4px;
    color: white;
    text-align: center;
}

.IEHeadingRaist{
    margin: 1em auto 0 auto;
    padding: 4px;
    color: white;
}

.IEFilter{
    margin-top: 2.5%;
    margin-right: 11%;
    float: right;
}

.IEButtons{
    margin-right: 12%;
    float: right;
}

.Withdraw{
    float: right;
    margin-top: 2%;
    margin-right: 22.5%;
}



.MarketInfo{
    border: 1px solid grey;
    font-size: 0.85em;
    text-align: left;
    width: 35%;
    height: 25%;
    margin-top: 40%;
    margin-left: 32.5%;
    padding: 3px;
}

.FRight{
    float: right;
}

.FLeft{
    float: left;
}

.ProjectsDiv{
    border: 1px solid grey;
    margin: 0 auto;
    padding: 3px;
    width: 350px;
}

/* -------- Misc Stuff ------------- */
p.wrap {
    max-width:450px;
    word-wrap:break-word;
}

p.chat {
    max-width:125px;
    word-wrap:break-word;
    font-size: 1em;
}

p.PM {
    max-width:350px;
    word-wrap:break-word;
    font-size: 1em;
}

form { display: inline; }

/* unvisited link */
a:link {
    color: #0AB4FF;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: #9edcfe;
    text-decoration: none;
}

/* mouse over link */
a:hover {
    color: #008a8a;
    text-decoration: underline;
}

/* selected link */
a:active {
    color: #008a8a;
    text-decoration: underline;
}

.marquee {
    top: 1em;
    position: relative;
    box-sizing: border-box;
    animation: marquee 20s linear infinite;
    font: 1.2em 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
    color: white;
}

.marquee:hover {
    animation-play-state: paused;
}

@keyframes marquee {
    0%   { top:   8em }
    100% { top: -11em }
}

/* ----------- Tables ---------- */


Table.Default {
    border: 3px solid rgba(38, 35, 53, 0.5);
    margin: 0 auto;
    width: auto;
    background: linear-gradient(top, #000000 0%, #323232 50%);
    background: -moz-linear-gradient(top, #000000 0%, #323232 50%);
    background: -webkit-linear-gradient(top, #000000 0%, #323232 50%);
    background: -ms-linear-gradient(top, #000000 0%, #323232 50%);
}

.table1{
    text-align: center;
    margin: 0 auto;
    border: 1px solid white;
    font-size: 1em;
    color: white;
    background-color: rgba(25,25,26,0.85);
    padding: 2px;
}

th, td{
    padding: 3px;
    border: 1px solid black;
}

.table_row1{
    background-color: rgba(35,35,35,0.6);
    text-align: center;
    border: 1px solid white;
}
.table_row2{
    background-color: rgba(35,35,35, 1);
    text-align: center;
    border: 1px solid white;
}
.tr1_header{
    background-color: rgba(35,35,35,0.9);
    text-align: center;
    border: 1px solid white;
    color: white;
}
.tr_black{
    text-align: center;
    font-size: 1em;
    color: black;
    background-color: rgba(196,204,213,0.85);
}

.colTable{
    text-align: center;
    border: 1px solid white;
    font-size: 1em;
    color: white;
    background-color: rgba(25,25,26,0.85);
    padding: 2px;
}

th, td{
    padding: 3px;
    border: 1px solid black;
}

.colTable tr td {
    text-align: left;
}

.colTable tr td:nth-child(even) {
    text-align: right;
}

.colTable tr.Invisible {
    background-color:rgba(0,0,0,0);
}

.colTable tr.Invisible td{
    background-color:rgba(0,0,0,0);
}



.table2{
    text-align: left;
    margin: 0 auto;
    border: 2px solid grey;
    font-size: 1em;
    color: white;
    background-color: rgba(3,11,47,0.95);
    width: 600px;
}

.ProjectsTable{
    text-align: center;
    margin: 0 auto;
    border: 1px solid white;
    font-size: 1em;
    color: white;
    background-color: rgba(25,25,26,0.85);
    width: 350px;
}

.ProjectRow{
    text-align: center;
}

.ProjectRow:hover{
    background-color: black;
}

.ProjectRow2{
    text-align: left;
}

.ProjectRow2:hover{
    background-color: black;
}

.marketTable{
    text-align: center;
    float: left;
    border: 1px solid white;
    font-size: 1em;
    color: white;
    background-color: rgba(25,25,26,0.85);
    width: 40%;
    margin-left: 25%;
}

.marketTable2{
    text-align: right;
    float: right;
    border: 1px solid white;
    font-size: 1em;
    color: #CCCCFF;
    background-color: rgba(25,25,26,0.85);
    width: 12%;
    margin-right: 22.5%;
}


.MarketRow td {
    width: 90px;
    text-align: right;
}

.MarketRow td:nth-child(1) {
    width: 85px;
    text-align: left;
    color: yellow;
}

.MarketRow td:nth-child(2) {
    width: 40px;
    text-align: right;
}

.MarketRow td:nth-child(3) {
    width: 50px;
    text-align: right;;
}

.MarketRow:hover{
    background-color: black;
}

.Header td{
    background: black;
    color: #A6CF53;
}

.Header2 td{
    background: black;
    color: #A6CF53;
    text-align: center;
}

.Footer td{
    background: black;
    color: #A6CF53;
}

.exploreTable{
    text-align: left;
    margin: 0 auto;
    border: 1px solid white;
    font-size: 1em;
    color: white;
    background-color: rgba(25,25,26,0.85);
    padding: 5px;
    float: right;
    margin-right: 17.5%;
    margin-top: 5%;
}

.explorePic{
    margin: 0 auto;
    float: left;
    margin-left: 17.5%;
    margin-top: 5%;
}

.exploreText{
    margin: 0 auto;
    float: right;
    margin-right: 15%;
    margin-top: 0.5%;
}

.exploreText2{
    margin-top: 40%;
    width: 100%;
    text-align: center;
}

.Discover{
    text-align: center;
    margin: 0 auto;
    margin-top: 3%;
}

.Discover2{
    text-align: center;
    margin: 0 auto;
    width: 175px;
    height: 25px;
    border: 1px solid grey;
    padding-top: 8px;
}


/***********************************************************************************
MARKET STUFF
**********************************************************************************/

Table.DefaultMarket {
    border: 3px solid rgba(38, 35, 53, 0.5);
    margin: 0 auto;
    width: auto;
    background: linear-gradient(top, #000000 0%, #323232 50%);
    background: -moz-linear-gradient(top, #000000 0%, #323232 50%);
    background: -webkit-linear-gradient(top, #000000 0%, #323232 50%);
    background: -ms-linear-gradient(top, #000000 0%, #323232 50%);
}

Table.DefaultMarket thead tr{
    border: 3px solid rgba(38, 35, 53, 0.5);
    background:url('Images/Gradient.png') repeat-x scroll 0 0 transparent;
    color: #fcfcfc;
    text-align: center;
}

Table.DefaultMarket thead tr td{
    padding-top: 3px;
    padding-bottom: 3px;
}

Table.DefaultMarket tbody tr{
    color: #efefef;
    background-color: #14171E;
}

Table.DefaultMarket tbody tr:nth-child(odd){
    background-color: #14171E;
}

Table.DefaultMarket tbody td{
    border-bottom:1px solid #000000;
    border-left:1px solid #252525;
    border-top:1px solid #252525;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
}

Table.DefaultMarket tbody td:nth-child(1) {
    text-align: left;
}
Table.DefaultMarket tbody td:nth-child(2) {
    text-align: right;
}
Table.DefaultMarket tbody td:nth-child(3) {
    text-align: right;
}
Table.DefaultMarket tbody td:nth-child(4) {
    color: #002AFF;
}


/* ------------------ Colony Construction Page ----------------------- */


#colInfo{
    margin-left: 5%;
    width: 320px;
    border: none;
    margin-top: 3%;
    text-align: center;
    float: left;
    position: relative;
}

#colPop{
    margin-left: 5%;
    width: 320px;
    border: none;
    margin-top: 3%;
    text-align: center;
    float: left;
    position: relative;
}

#colConstruction{
    margin-left: 5%;
    width: 320px;
    border: none;
    margin-top: 3%;
    text-align: center;
    float: left;
    position: relative;
}

#colEmpInfo{
    width: 320px;
    border: none;
    margin-top: 3%;
    text-align: center;
    margin-right: 5%;
    float: right;
}

#colOptions{
    width: 320px;
    border: none;
    margin-top: 3%;
    text-align: center;
    margin-right: 5%;
    float: right;
}


/* --------------------------- OTHER STUFF ---------------------*/

.attackPic{
    margin: 0 auto;
    float: right;
    margin-right: 12.5%;
    margin-top: 3%;
}

.confirmAttackPic{
    margin: 0 auto;
    float: right;
    margin-right: 12.5%;
    margin-top: 7.5%;
}

.attackButtons{
    margin-right: 45%;
    width: 220px;
    border: none;
    margin-top: 3%;
    text-align: center;
}

.attackButtons2{
    width: 220px;
    border: none;
    margin-top: 3%;
    text-align: center;
    float: left;
    margin-left: 10%;
}

.attackButtons3{
    width: 320px;
    height: 250px;
    border: 1px solid white;
    margin-top: 3%;
    text-align: center;
    float: left;
    margin-left: 10%;
    color: white;
}

.summaryTable{
    text-align: left;
    width: 300px;
    margin: 0 auto;
    border: 1px solid white;
    font-size: 1em;
    color: white;
    background-color: rgba(25,25,26,0.85);
    padding: 5px;
    float: right;
    margin-right: 17.5%;
    margin-top: 5%;
}

.summaryTablePM{
    text-align: center;
    width: 300px;
    margin: 0 auto;
    border: 1px solid white;
    font-size: 1em;
    color: white;
    background-color: rgba(25,25,26,0.85);
    padding: 5px;
    float: right;
    margin-right: 17.5%;
    margin-top: 5%;
}

.summaryTable tr td {
    text-align: right;
    width: 135px;
}

.summaryTable tr td:nth-child(even) {
    text-align: left;
    width: 165px;
}

.summaryTable2{
    text-align: center;
    width: 280px;
    margin: 0 auto;
    border: 1px solid white;
    font-size: 1em;
    color: white;
    background-color: rgba(25,25,26,0.85);
    padding: 5px;
    margin-top: 41.5%;
}


.summaryTable2 tr td {
    text-align: right;
}

.summaryTable2 tr td:nth-child(even) {
    text-align: left;
}

.summaryTable2 tr:first-child td {
    text-align: center;
    color: #A6CF53;
    background-color: black;
}

.summaryPic{
    margin: 0 auto;
    float: left;
    margin-left: 23.5%;
    margin-top: 3%;
}

.ResHelp{
    margin: 0 auto;
    text-align: left;
    width: 350px;
    height: 80px;
    font-size: 0.9em;
    border: 1px solid grey;
    padding: 3px;
}

.ResInfo{
    margin: 0 auto;
    text-align: center;
    margin-top: 1%;
    font-size: 0.85em;
}

/* BATTLE PAGE STUFF (So much it needs its own thing!) */

.topName1{
    text-align: center;
    margin: 0 auto;
    border: 1px solid white;
    font-size: 1em;
    color: white;
    background-color: rgba(25,25,26,0.85);
    padding: 2px;
    display:inline-block;
    float: left;
}

.topName2{
    text-align: center;
    margin: 0 auto;
    border: 1px solid white;
    font-size: 1em;
    color: white;
    background-color: rgba(25,25,26,0.85);
    padding: 2px;
    display:inline-block;
    float: right;
}