.grey {
	color: #7e7e7e;
	font-size: 10px;
}
.green {
	color: #00CC33;
}
body {
    background:url("../images/matrix_code_bg.png") top left repeat-x;
    background-color: #000000;
    color: #ddd;
    margin:0; padding:0;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 70%;
    }

#centeredDiv{ margin: 0px auto; text-align: left; width: 800px;}
#centeredBannerWrap{margin: 0px auto; text-align: left; width: 1100px; position:static;}
#topHdBanner{ 
    margin: 0px auto; 
    height:309px;
    width:1099px;

    margin:0px;
    padding:0px;
    background-image:url("../images/top_hd_bg.png");
    background-position: top center;
    background-repeat:no-repeat;
    z-index:2;
    position:absolute;
    top:0px;
    left:auto;
}

.clearfix{
	clear:both;
}

#wrapper_div{
    
    z-index:1;
	background-color:black;
	border:1px solid #999999;
    border-left:0px;
    border-top:0;
	position:relative;
    /*background: url("../images/main_bg.gif") repeat-y scroll 0 0 transparent;*/

}

.logo-mxo-top {
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    padding-left: 0;
    padding-right: 0;
}

.main-content {
    padding-top: 20px;
}

#left_navigation{
	border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #333333;
}

#main_content{
	background-color: #1F1F1F;
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    
}

.navbar-top-mxo {
    background: #333333;
    border-bottom: 1px solid black;
}

.wide{
    width:623px;
}

#right_content{
	float:left;
	width:157px;
    padding-top:36px;
}

li.newsLi {
	list-style: square inside;
	color: #999;
}

li.requirementsLi {
	list-style: square outside;
	color: #dadada;
	padding-right: 15px;
}
	
a, a:visited, a:active {
    color: #00CC33;
    text-decoration: underline;
	font-weight: bold;
    }

a:hover {
    color: #66FF66;
    text-decoration: underline;
	font-weight: bold;
    }

form {
    margin:0; padding:0;
    }
    
.field
 { color: #00ff33; background-color: #336600; width: 100%; border-width: 1 }
 

h1, h2, h3, h4, h5 {
    margin:0; padding:0;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    }

h6 {
	margin:0;
	padding: 5px 5px 0px 5px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

@media all{
    .formstyle {
        border:1px;
        border-style:solid;
        color: #ddd;
        background-color: #336600;
        margin:2px;
        }
    }

.hidden_preload {
    display:none;
    }

.left_column {
    margin:0; padding:5px;
    }

.column_left_bkg {
    background:url("../images/left_column_bkg.gif") repeat-y;
    }

.menu_left_bkg {
    background:url("../images/menu_left_bkg.gif") repeat-y;
    }

.menu_item_top {
    background:url("../images/menu_top_off.gif");
    width:145px; height:25px;
    margin:0; padding:0;
    display: block;
    }

#main_menu a, #main_menu a:visited, #main_menu a:active {
    color: #cccccc;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    
    }

#main_menu a:hover {
    color: #ddd;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    }

#main_menu ul {
    margin:0; padding:5px;
    list-style-type: none;
    }

#main_menu li {
    margin:0; padding:0;
    padding-bottom: 4px;
    padding-left: 8px;
    background:url("../images/green_bullet.gif") no-repeat;
    }

#main_menu ul a, #main_menu ul a:visited, #main_menu ul a:active, #main_menu ul a:hover {
    font-weight: normal;
    }

.menu_head {
    
    background: url('../images/menu_top_on_open.gif');
    width:145px; height:25px;
    padding:0;
    margin: 15px 0 0;
}

.menu_arrow {
    background: url('../images/arrow_on.gif') no-repeat;
    width:23px; height:25px;
    margin:0; padding:0;
    float: right;
    cursor: pointer;
    }

.menu_spacer {
    margin:0; padding:0;
    content: " ";
    
    margin-bottom:4px;
}

.menu_bottom {
    background:url("../images/menu_bottom.gif");
    margin:0; padding:0;
    }

.menu_list {
    background:url("../images/menu_bkg.gif");
    border-bottom:1px solid #999999;
    margin:0; padding:0;
    }

.menu_list_bottom {
    background:url("../images/menu_bkg_bottom.gif") bottom left no-repeat;
    width:145px; height:9px;
    margin:0; padding:0;
    }

.grey_headline_small {
    width:141px; height:19px;
    margin:0; padding:0;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 8px;
    padding-right: 8px;
    background: url("../images/grey_headline_small_bkg.gif") top left no-repeat;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    }

.grey_headline_medium {
    width:444px; height:19px;
    margin:0; padding:0;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 8px;
    padding-right: 8px;
    background: url("../images/grey_headline_medium_bkg.gif") top left no-repeat;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    }

.grey_headline_long {
    width:601px; height:19px;
    margin:0; padding:0;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 8px;
    padding-right: 8px;
    background: url("../images/grey_headline_long_bkg.gif") top left no-repeat;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    }

.grey_headline_big {
	width:607px; height:19px;
    margin:0; padding:0;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 8px;
    padding-right: 8px;
    background: url("../images/grey_headline_big_bkg.gif") top left no-repeat;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    }

div.server_table table {
    border-collapse:collapse;
    }

div.server_table td {
    margin:0; padding:2px;
    border: 1px solid #cccccc;
    }

div.grey_box {
    background: url(../images/grey_box_topleft.gif) top left no-repeat;
    width:100%;
    } 

div.grey_box h2 {
    background: url(../images/grey_box_topright.gif) top right no-repeat;
    margin:0; padding:8px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    }

div.grey_box_body {
    background: url(../images/grey_box_rightborder.gif) top right repeat-y;
    margin:0;
    margin-top:-2em;
    padding:8px;
	background-color: #333;
	border-left: 1px solid #999;
    border-right: 1px solid #999999;
    }

div.grey_box_footer {
    background: url(../images/grey_box_bottomleft.gif) bottom left no-repeat;
    }

div.grey_box_footer p {
    background: url(../images/grey_box_bottomright.gif) bottom right no-repeat;
    padding:5px;
    display:block;
    margin:-2em 0 0 0;
    }

div.crews_table a, div.crews_table a:visited, div.crews_table a:active {
    color: #cccccc;
    text-decoration: underline;
    }

div.crews_table a:hover {
    color: #ffffcc;
    text-decoration: none;
    }

.server_name {
    color: #00FF66;
	font-weight: bold;
	font-size: 13px;
}

.status_down {
    color: #FF0000;
    font-weight: bold;
    }

.status_active {
    color: #00FF66;
    font-weight: bold;
    }

.status_highload {
    color: #ffff00;
    font-weight: bold;
}

.status_booting {
    color: #ccc;
    font-weight: bold;
    }

.timestamp {
    color: #666666;
    }

    div#menu{
width:800px;
margin-left:auto;
margin-right:auto;
height:50px;
margin-bottom:10px;
}

div#content{
width:1080px;
margin-left:auto;
margin-right:auto;
margin-top:10px;

}

div#leftPanel{
width:200px;
float:left;
}

div#newsPanel{
width:520px;
float:left;
}

div#rightPanel{
width:260px;
float:right;
}

.top_menu_link{
    width:118px;
    height:25px;
    font-weight:bold;
    padding:7px;
    
}

.top_menu_link  {
    font-weight:bold;
    color:white;
    font-size:12px;
}


/* apostrophe overrides */
.a-area-sidebar{
    margin-left:0px;
}

.a-blog-item-title{
    background: url("../images/grey_headline_medium_bkg.gif") no-repeat scroll left top transparent;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 3px 8px;
    text-decoration: none;
}

.a-blog-item-title a{
    color:white;
    text-decoration:none;
}

.a-blog-item-meta{
    margin-top:5px;
}


.a-ui.a-subnav-wrapper{
    width:145px;
    border:0;
    background: none;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0 0 0 0;
}
.a-ui.a-subnav-wrapper .a-subnav-inner{
    width:145px;
    
}


.a-ui.a-subnav-wrapper h4 {
    display: inline;
    float: left;
    color:white;
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 5px;
    position: relative;
    width: 100%;
}

.a-home .a-content .a-area-body {
    width: 100%;
}

.a-wrapper{
    position: inherit;
}

.a-blog .a-content, .a-blog-admin .a-content{
width:615px;
}


.a-slot.aFeed .a-feed .a-feed-item .title {
    font-size: 12px;
}

.a-patchnotes > #left_navigation {
    display: none;
}

.a-patchnotes > #right_content {
    display: none;
}

#characters_table {
    border-collapse: collapse;
    width: 100%;
}

#characters_table td, #characters_table th {
    border: 1px solid #ddd;
    padding: 8px;
}

#characters_table tr:nth-child(even){background-color: #333333;}

#characters_table tr:hover {background-color: #ddd;}

#characters_table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #00CC33;
    color: white;
}