html, body {
  height: 100%;
  width: 100%;
}


body {
    background-color: #000;
    text-align: center;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    font-family: verdana;
}

ol, ul {
  font-size: 8pt;
}


.hud_text {
    color: #fff;
    font-size: 7pt;
}

.hud_btn {
  cursor: pointer;
}

#btn_bar {
    width: 340px;
    float:left;
}

#hud_stats {
    width: 617px;
    height: 100px;
    float:left;
}

#hud_energybar { position: absolute; margin-top: 15px; margin-left: 68px; height: 17px; background: url('/img/hud_bars/nrg_bar.png') repeat-x; }
#hud_foodbar { position: absolute; margin-top: 50px; margin-left: 68px; height: 17px; background: url('/img/hud_bars/food_bar.png') repeat-x; }
#hud_turns { position: absolute; margin-top: 16px; margin-left: 388px; width:110px; height: 13px; font-size: 7pt; color: #fff; padding: 1px 2px; text-align: right; cursor: default; }
#hud_gold { position: absolute; margin-top: 52px; margin-left: 388px; width:110px; height: 13px; font-size: 7pt; color: #fff; padding: 1px 2px; text-align: right; cursor: default; }

.error_txt {
    color: #f00;
}


#main_container {
    margin: auto;
    background: #000 url('/img/mb_content_08.png') repeat-y center 328px;
    width: 957px;
    min-height: 100%;
    position: relative;
}

#head {
    margin: auto;
    background: #000 url('/img/mb_02.png') no-repeat center top;
    width: 957px;
    height: 163px;
    position: relative;
}

.btn { /* jquery ui buttons */
    font-size: 10pt !important;
    padding: 0px 0px;
    margin: 0px 0px;
    font-weight: normal !important;

}


#navbar {
    margin: auto;
    background: #000 url('/img/mb_nologin_05.png') no-repeat center top;
    width: 957px;
    height: 43px;
    padding-top: 13px;
    position: relative;
    vertical-align: bottom;
}

#navbar a {
    min-width: 150px;
    padding: 5px 20px;
    font-size: 8pt;
    color: #fff;
    font-family: verdana;
    text-decoration: none;
    text-align: center;
    border-right: 1px solid #c5b384;
    background: #786f59 url('/img/mb_btn_bg.png') repeat-x left top;
}


#user_hud {
    margin: auto;
    background: #000 url('/img/mb_nologin_07.png') no-repeat center top;
    width: 957px;
    height: 109px;
    position: relative;
}

#page_content {
    width: 100%;
    position: absolute;
}

/* content wrapper start */
.scroll_bg .corner {width:15px;height:15px;float:left;}
.scroll_bg .edge_top { background: url(/img/content_bg/content_scroll_11.png) repeat-x; min-width: 100px; height: 30px; float: left; }
.scroll_bg .edge_btm { background: url(/img/content_bg/content_scroll_19.png) repeat-x; min-width: 100px; height: 30px; float: left; }
.scroll_bg .scroll_content {
    background:url(/img/content_bg/content_scroll_15.png) repeat;
    float: left;
}
.scroll_bg .scroll_content div {
    padding: 0px 15px 3px;
}
.scroll_bg .edge_left {
  min-height: 100%; width: 18px; float:left;background:url(/img/content_bg/content_scroll_14.png) repeat-y top left;
}
.scroll_bg .edge_right {
  min-height: 100%; width: 18px; float:left;background:url(/img/content_bg/content_scroll_17.png) repeat-y top left;
}
.scroll_bg .ctl {top:0;left:0; background: url(/img/content_bg/content_scroll_10.png) no-repeat; width: 18px; height: 30px;}
.scroll_bg .ctr {top:0;right:0;background: url(/img/content_bg/content_scroll_12.png) no-repeat; width: 19px; height: 30px;}
.scroll_bg .cbl {bottom:0;left:0;background: url(/img/content_bg/content_scroll_18.png) no-repeat; width: 18px; height: 24px;}
.scroll_bg .cbr {bottom:0;right:0;background: url(/img/content_bg/content_scroll_20.png) no-repeat; width: 19px; height: 24px;}
/* content wrapper end */

/* image wrapper start */
.img_border .corner {width:12px;height:12px;float:left;}
.img_border .edge_top { background: url(/img/img_border/border_img_10.png) repeat-x; min-width: 89px; height: 12px; float: left; }
.img_border .edge_btm { background: url(/img/img_border/border_img_20.png) repeat-x; min-width: 89px; height: 12px; float: left; }
.img_border .scroll_content {
    background:url(/img/img_border/border_img_15.png) repeat;
    float: left;
}
.img_border .scroll_content div {
    padding: 0px 0px 0px;
}
.img_border .edge_left {
  min-height: 100%; width: 12px; float:left;background:url(/img/img_border/border_img_14.png) repeat-y top left;
}
.img_border .edge_right {
  min-height: 100%; width: 12px; float:left;background:url(/img/img_border/border_img_16.png) repeat-y top left;
}
.img_border .ctl {top:0;left:0; background: url(/img/img_border/border_img_09.png) no-repeat;}
.img_border .ctr {top:0;right:0;background: url(/img/img_border/border_img_12.png) no-repeat;}
.img_border .cbl {bottom:0;left:0;background: url(/img/img_border/border_img_19.png) no-repeat;}
.img_border .cbr {bottom:0;right:0;background: url(/img/img_border/border_img_21.png) no-repeat;}

/* image wrapper end */
table.blob_summary {
    font-size: 9pt;
    width:100%;
    background-color: #242424;
    border-collapse: collapse;
}

table.blob_summary td {
    background-color: #898989;
    text-align: right;
    padding: 1px 10px 1px 1px;
    border: 1px solid #000;
}

table.blob_summary td.thead {
    background-color: #646464 !important;
    color: #fff;
    width: 40px;
    height: 100%;
    font-weight: normal;
    padding: 3px;
    text-align: left;
}

div.info_panel {
    background-image: url(/img/semi_trans.png);
    max-width: 250px;
    padding: 5px 5px 10px;
    color: #fff;
    border: 1px solid #555;
}

div.tutorial_city_desc {
 margin: 0px;
 margin-left: 5px;
 margin-bottom: 3px;
 font-size: 8pt;
 display: inline-block;
 font-style: italic;
 padding: 0px 0px !important;
}

    #scrollcontainer {
        padding:0px;
        margin:0px;
    }

    .img_banner {
     float:left;
     width:375px;
     padding:0px !important;
     margin:0px !important;
    }


	div.pane{
		overflow:hidden;
		clear:left;
		margin: 0px 0 0 0px;
        padding: 0px !important;
		position:relative;
		width:375px;
		height:100px;
        border: 1px solid #000;
	}