/*
  Industry Tycoon 2
  Maikel Urlitzki
*/

body, table {
  font-family: Lucida, Tahoma, Arial, Verdana;
  font-size: 14px;
  margin: 0;
  padding: 20px;
}

body {
  background: #43A9EC url('images/background.jpg') repeat-x;
  color: #00233B;
}

#wrap {
  width: 1000px;
  float: left;
}

#center {
  position: relative;
  margin: 0 auto 0 auto; text-align: left;
  width: 1000px;
}

a {
    color: #00233A;    
}

.boxes a {
  text-decoration: none;
  color: #00233A;
}

.boxes a:hover {
  text-decoration: underline;
  color: #000000;
}

.resource_list {
  margin: 0;
}

.navigation,
.information,
.subnavigation,
.resource_list,
.no_type {
  list-style-type: none;
  padding: 0;
  margin: 6px 0 0 0;
}

.information li,
.subnavigation li{
  padding-bottom: 2px;
}

#navigation {
  text-transform: uppercase;
}

ul.navigation {
    padding: 0;
    margin: 0;
}

.navigation li {
  list-style: none;
  display: block;
  float: left;
  margin: 0 2px 0 0;
  text-align: center;
  background: transparent url("/images/nav_bg_blue.png");
  cursor: pointer;
}
.navigation li.help {
    background: transparent url("/images/nav_bg_help.png");
}

.navigation li.active {
  background: transparent url("/images/nav_bg.png");
  font-weight: bold;
}

.navigation li.active a {
    text-decoration: none;
}

.navigation li:hover,
.navigation li.help:hover {
    background: transparent url("/images/nav_bg.png");
}

#navigation a,
.navigation a {
  display: block;
  text-decoration: none;
  border: 0;
  padding: 10px;
}

table {
  margin: 0;
  padding: 0;
  width: 100%;
  border-collapse: collapse;
}

table th {
  text-align: left;
  color: #fff;
  padding: 4px;
  margin: 0;
  border-bottom: 2px solid #43A9EC;
  text-align: left;
  text-transform: uppercase;
  color: #000;
  font-size: 11px;
}

table td {
  padding: 6px;
  vertical-align: top;
  border-bottom: 1px solid #43A9EC;
}

table tr.first {
  border-top: 2px solid #43A9EC;
  padding-top: 2px;
}

table tbody tr.odd {
  text-align: left;
  background-color: #B5DEF9;
}
table tbody tr.even {
  text-align: left;
  background-color: #C7E6FA;
}

table tbody tr:hover {
  background-color: #9FCEED;
}

#main {
  margin-top: 10px;
}

#main div.boxes {
  float: left;
  width: 200px;
}

#main div.content {
  float: right;
  width: 780px;
}
#main div.start {
    margin-top: -115px;
}

#main div.body {
  padding: 4px;
  min-height: 500px;
  _height: 600px;
  background-image: url("/images/content_bg_q.png");
}

#header {
  height: 105px;
}

.box {
  padding: 3px 6px 6px 6px;
  background: transparent url("/images/box_bg_q.png");
  margin-bottom: 6px;
}

.box_new_messages {
  padding: 3px 6px 6px 6px;
  background: transparent url("images/box_bg_green.png");
  margin-bottom: 6px;
}

#footer {
  width: 783px;
  height: 98px;
  padding: 10px 0 0 0;
  font-size: 11px;
  text-align: center;
  color: #CFCFCF;
}

#footer p {
  margin: 0;
}
#footer a {
  color: #CFCFCF;
  text-decoration: underline;
}

#data {
  
}

#data p,
form p {
  margin: 2px;
}

span.label,
label{
  font-weight: bold;
  float: left;
  width: 300px;
}

.icon {
  vertical-align: middle;
  margin-top: -2px;
}

.sellable {
  color: #1400BF;
}
.resource {
  color: #007F4D;
}

.hand {
  cursor: pointer;
}
.help {
  cursor: help;
}

.u {
  text-decoration: underline;
}

.green {
  color: #138700;  
}
.red,
.red a {
  color: #AF0000;
}
.bold {
  font-weight: bold;
}

.right {
  float: right;
}
small,
.small,
.resource_list li {
  font-size: 11px;
  font-weight: normal;
}

.grey,
.grey a {
    color: #4F6CFF;
}

.blue {
  color: #002FAF;
}

img.avatar,
img.company {
    border: 0;
    float: left;
}

div.with_image {
    padding: 0 0 0 130px;
    padding: 0 0 0 130px;
}

#header .logo {
    float: left;
}

tr.admin {
    font-weight: bold;
    background-color: #ffcfcf;
}

.message_text {
    padding: 4px;
    font-family: Courier, Arial, Verdana;
    border: 1px solid #095488;
    background-color: #fff;
}

.back_button {
    padding: 20px;
}

ul.ceo_list {
    list-style-image: url("/images/icons/user_suit.png");
}

div.pagination {
    padding: 10px;
}

input.username {
    background:#FFFFFF url(/images/icons/user_suit.png) no-repeat scroll 0 50%;
    padding-left:18px;
    width: 160px;
}
input.email {
    background:#FFFFFF url(/images/icons/email.png) no-repeat scroll 0 50%;
    padding-left:18px;
    width: 160px;
}
input.password {
    background:#FFFFFF url(/images/icons/lock.png) no-repeat scroll 0 50%;
    padding-left:18px;
    width: 160px;
}
input.chat {
    background:#FFFFFF url(/images/icons/comment_add.png) no-repeat scroll 0 50%;
    padding-left:18px;
}
input.code {
    background:#FFFFFF url(/images/icons/key.png) no-repeat scroll 0 50%;
    padding-left:18px;
}
.bigger {
    font-size: 17px;
    font-weight: normal;
}
input,
select,
textarea {
  font-family: Lucida, Tahoma, Arial, Verdana;
  border: 1px solid #005AAE;
  padding: 4px;
  background-color: #fff;
}

input.submit {
  background: #0D7AC2 url("images/button_bg.png");
  color: #fff;
  font-size: 13px;
  cursor: pointer;
}
input.big {
  width: 150px;
}
input.button-red {
    background: #bf0000 url("images/button_bg_red.png");
    border: 1px solid #9b0000;
}

.subnavigation .active {
  font-weight: bold;
  color: #000;
}

.transport-data,
.info-data,
#modpanel {
    margin: 4px;
    padding: 4px;
    border: 1px dotted #0073BD;
    background-color: #fff;
}

div.on_travel {
  margin: 5px 0 5px 0;
  width: 770px;
  height: 120px;
  background: url("/images/travel_bg.png");
  text-align: center;
}
div.on_travel .countdown {
    font-size: 60px;
}
div.on_travel .text {
    font-size: 30px;
}

#myGallery {
    width: 770px !important;
    height: 200px !important;
}

#register {
    position: absolute;
    top: 130px;
    left: 790px;
    width: 210px;
    height: 250px;
    background: transparent url("/images/register_box.png") no-repeat;
    float: right;
    padding: 35px 8px 4px 8px;
    z-index: 20;
}

#register .register-content {
  margin-top: 50px;
  *margin-top: 80px;
  width: 170px;
  color: #D2E7F5;
  font-size: 12px;
  text-align: left;
}

#register .register-content label {
  width: 0px;
}

.current {
    font-weight: bold;
}

#sky {
  position: absolute;
  top: 20px;
  width: 160px;
  height: 600px;
  left: 1020px;
}

#super {
  position: absolute;
  width: 728px;
  height: 90px;
  left: 290px;
}

#vip_navigation {
  position: absolute;
  top: 200px;
  width: 60px;
  left: 1020px;
}

hr {
  border: 0;
  background-color: #095488;
  height: 1px;
}

blockquote {
  font-size: 11px;
  border: 1px dotted #095488;
}

.ui-widget {
  margin: 4px;
}
.ui-widget p {
  padding: 0 4px 0 4px;
}
.ui-widget li {
}

#agb {
  font-size: 12px;
}

.event,
.event a {
  color: #009234;
}
.pgreen,
.pgreen a,
.category-1,
.category-1 a {
  color: #145700;
}
.pyellow,
.pyellow a, 
.category-2,
.category-2 a{
  color: #767700;
}
.porange,
.porange a,
.category-3,
.category-3 a{
  color: #9D5900;
}
.pred,
.pred a,
.category-4,
.category-4 a{
  color: #690000;
}

.big {
  font-size: 20px;
}

.upper {
    text-transform: uppercase;
    font-size: 9px;
    text-decoration: none;
}
.no-deco {
    text-decoration: none;
}

.unbekannt,
.unbekannt a {
  color: #808080;
}
.bekannt,
.bekannt{
  color: #000000;
}
.prominent,
.prominent a,
.spielerrat {
  color: #00A900;
}
.populaer,
.populaer a,
.moderator {
  color: #0070DD;
}
.kult,
.kult a,
.administrator {
  color: #9F3FFF;
}

.product_context p {
  margin: 0;
  padding: 4px 0 4px 0;
}
.icon-space {
  padding-left: 16px  
}

#stock_info,
#stock_info_free {
  margin-top: -33px;
  font-size: 20px;
}
#stock_info span.taken {
  float: left;
  padding-left: 20px;
}
#stock_info span.maximum {
  float: right;
  padding-right: 20px;
}
.half {
  width: 50%;
}
.third {
    width: 66%;
}
.bold {
  font-weight: bold;
}

.mid {
  vertical-align: middle;
}
.in {
  display: inline;
}

.money {
  color: #076A00;
}

.vote_link {
  height: 20px;
  line-height: 20px;
}

.buttons {
  padding: 0 200px 0 200px;
}

.building {
  position: absolute;
  left: 700px;
}

.building_with_image {
  width: 400px;
}

#subnavigation {
  padding: 2px;
  height: 32px;
  background: transparent url("/images/box_bg_q.png");
  text-transform: uppercase;
  font-size: 13px;
}
#subnavigation a {
  text-decoration: none;
}
.bordered {
  border-bottom: 1px solid #9FCEED;
  border-right: 1px solid #9FCEED;
  border-top: 1px solid #0084C7;
  border-left: 1px solid #0084C7;
}
#subnavigation li {
  display: block;
  float: left;
  padding: 2px;
  margin-left: 5px;
}
#subnavigation li.active {
}
h2 {
  font-size: 15px;
}
h3 {
  font-size: 14px;
}
#screens {
  text-align:left;
  background: transparent url("images/screens_bg.png");
  border: 1px solid #76c3f6;
  width: 430px;
}
#screens img {
  padding: 10px;  
}
.message_input {
  font-size: 11px;
  width: 450px;
  height: 250px;
}

ul.vip {
  list-style: url("/images/icons/star.png");
}
.normal {
  font-weight: normal;
}

#payments div.payment-content {
  padding: 4px 16px 8px 18px;;
}

#payments div.title {
  padding: 0px 0px 5px 0px;  
}
#payments table.offers,
#payments div.offers {                             
  margin-left: 120px;
  width: 600px;
}
#payments p {
  margin-left: 120px;  
}

#calculator {
    width: 180px;
}
#calculator .row {
    clear: both;
}

#calculator .button {
    display: block;
    float: left;
    border-left: 1px solid #A1D4F6;
    border-top: 1px solid #A1D4F6;
    border-bottom: 1px solid #43A9EC;
    border-right: 1px solid #43A9EC;
    background-image: url('/images/box_bg_q.png');
    width: 20px;
    height: 20px;
    margin: 4px;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}
#calculator .empty {
    visibility: hidden;
}
#calculator .field {
    margin: 4px;
    width: 152px;
}

#map {
  height: 125px;
  width: 772px;
}

img.payment_logo {
    padding: 0 10px 10px 0;
}

div.playbutton {
    height: 150px;
    margin: 30px;
}
div.login_mood {
    background: transparent url("images/login_mood.png");
    width: 390px;
    height: 356px;
    float: right;
    margin-top: -300px;
}

#steps div.next_step {
    padding: 10px;
    margin: 5px;
    background: transparent url("/images/box_bg_q.png");
}

#steps div.finished {
    background: transparent url("images/box_bg_green.png");    
}
#steps div.active {
    font-size: 14px;
}
#steps div.step {
    font-size: 14px;    
}
#steps div.status {
    white-space: nowrap;
}
#steps img.okay {
    margin-right: 10px;
}