/* ge.css (C)2011 Allen Walker, William Barath */

/* default styles */
* {font-family:verdana,arial,sans-serif; font-size:1em}
BODY {font-size:12px; background:#040404; border:0;margin:0;padding:0}
A *,A:hover,A:link,A:visited,A:active {color:#FF8; text-decoration:none}
td[onclick*="sendForm"] {cursor:hand}

/* styles specific to the page layout */
#page_frame {position:relative; left:50%; margin-top:4px;margin-left:-375px; width:750px;}
#header {position:relative; background:#CFC; height:170px;}
#body {float:left;width:550px;background:#FCC;height:600px;}
#sidebar {float:left; width:200px;background:#CCF; height:600px;}
#footer {clear:both;position:relative; background:#FFC; height:300px;}
#templates {display:none}

/* all the styles for our fancy header and the site's quick context menu */
#heading_box { background: url('starfield_background.png'); height:100%;}
#heading_box img {position:absolute; top:40px; margin-left: 10px;}
#heading_box div:first-child div:first-child { background: url('star117-text-stars.png'); height:105px; }
/* styles specific to heading quick context menu */
#heading_box table {margin-left:1px;position:absolute; bottom:0px}
#heading_box th {border-left:2px solid #884}
#heading_box td,#heading_box th { padding:0px 8px 0px 8px;
   border-top: 2px solid #884;border-right:2px solid #884;
   font-weight:300; color:#CCC; border-radius:4px;-moz-border-radius:4px;}
#heading_box td:hover,#heading_box th:hover {background:#404020; color:white}
/* styles for placing the PROMETHEAN FIRE sub-heading */
/* 'left' positions it, margin-right sets the letter spacing (large negative to compact it!) */
.pFire img {position:relative !important; left:32px; top:50px !important; margin-right:-67px;height:90px;}
.pFireSpace {padding-right:30px;} /* sets the gap width */

.tubeframe,.tubeframe:first-child div {position:relative !important;padding:6px !important;
background:#44C; border:2px solid white; border-radius:10px; -moz-border-radius:10px;}
.tubeframe:first-child div {background:none;}
.tubeframeS,.tubeframeS:first-child div {position:relative !important;padding:3px !important;
background:#44C; border:1px solid white; border-radius:10px; -moz-border-radius:10px;}
.tubeframeS:first-child div {background:none;}

/* status bar styles */
#status_display {font-weight:bold;line-height:1.4em; color:#FF8;}
#status_display span {font-weight:normal}
.rank {color:#F8F;}
.user {color:blue;}
.amount {color:yellow;}
.cash {color:#FE8;}
.points {color:#FE8;}
.defcon {color:red;}

/* solar system view styles */
#starfield_container{
   position:relative;
   overflow:hidden;
   width:550px; height:600px;
   background-image:url('starfield_background.png');
}
#solar_system { /* this sets the position of the sun itself */
position:relative; left:50%; top:36%;
z-index:10; width:0px;
}
#solar_system img{ /* this adjusts the planets' positions for their pixel widths */
position:absolute;margin:-15px 0 0 -15px; /* !!! assumes planet is 30px wide !!! */
}
#sol { /* this adjusts's the sun's center for its width, !!! assuming 100px wide !!! */
margin: -50px 0 0 -50px !important; /* required to override the more specific rule above */
}
#solar_controls { /* styles for the box containing the display controls */
z-index:20; position:absolute; bottom:10px; left:20%;
width:54%; padding:0px 15px 15px 15px; color:yellow; text-align:center;
background:rgba(127,127,127,.7); border:2px solid blue; border-radius:10px;-moz-border-radius:10px;
}

#mailbox_outer {background:#888;border:4px solid white;}
#mailbox_outer th,#mailbox_outer td {background:#228; padding:4px;}
#mailbox_outer td {background:#FFF;}
#mailbox_inner {background:#888;border:4px solid white;}
#mailbox_inner th,td  {padding:4px;}
#mailbox_inner th {background:#CCC;}
#mailbox_inner tr:last-child th {background:#888;}
.mail_status_read * {color:#888 !important;}
.mail_status_system * {background:#FCC !important;}
.mail_status_  {display:none}

#mailbox_inner_compose {position:relative;}
#mailbox_inner_compose div {white-space:pre-line;color:#118;font-size:1.2em; font-weight:bold}
#mailbox_inner_compose tr td {border-bottom:1px solid #CCC;}
#mailbox_inner_compose tr td: {border-bottom:1px solid #CCC;}
#mailbox_inner_compose tr:last-child td {padding:10px; border:4px solid #CCC; background-color:#EEE}

.planet_heading {font-weight:bold;line-height:1.4em; color:#FF8;}
.planet_name {font-weight:bold;line-height:1.6em; color:#FFF; text-align: center;}
.planet_pop {font-weight:normal; color:#FFF;}
.planet_race {font-weight:normal; color:#FFF;}
.planet_govt {font-weight:normal; color:#FFF;}
.planet_happy {font-weight:normal; color:#FFF;}

.redbutton {color:#FF0000}
.hidden {display:none}

/* tech sliders, maybe others */
.sliders div { margin: 10px; }


#scrollfield { height:100%; background-color:blue; background: url('starfield_foreground.png');}
#scrollfield2 { height:100%; background-color:blue; background: url('starfield_background.png') 640px 360px ;}