body {
    position: relative;
    background-color: #29292B;
    font-family:"Trebuchet MS", Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Helvetica, Freesans, sans-serif;
    font-size: 0.8em;
    color: #FFF;
    text-align: center;
    margin: 0;
    padding: 0;
    /*scrollbar-face-color : #2F2F32; 
scrollbar-highlight-color : #9E9B9E; 
scrollbar-3dlight-color : #676567;
scrollbar-darkshadow-color : #000000;  
scrollbar-arrow-color : #FFFFFF;   
scrollbar-shadow-color : #212123;   
scrollbar-track-color: #141416; */
}
a:link {
    color: #FFF;
    /*text-decoration: none;*/
}
a:active, a:visited {
    color: #FFF;
    /*text-decoration: none;*/
}
a:hover {
    color: #D46400;
    /*text-decoration: underline;*/
}
a img {
    border: none;
}
.border_top_first {
    float: left;
    background-image: url('/media/image_borders/forum_border_first_top.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 100%;
    height: 40px;
}
.border_top_subs {
    float: left;
    background-image: url('/media/image_borders/forum_border_subs_top.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 100%;
    height: 40px;
}
.border_bottom {
    float: left;
    background-image: url('/media/image_borders/forum_border_bottom.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 100%;
    height: 32px;
}
.inner_right {
    float: left;
    background-image: url('/media/image_borders/forum_border_right.png');
    background-repeat: repeat-y;
    background-position: right 0;
    background-color: #191919;
    width: 100%;
}
.inner_left {
    float: left;
    background-image: url('/media/image_borders/forum_border_left.png');
    background-repeat: repeat-y;
    background-position: left 0;
    padding-left: 40px;
}
.h1home {
    font-weight: bold;
    font-size: 1.2em;
    display: inline;
}
#h2home {
    font-weight: bold;
    font-size: 1.2em;
    float: left;
}
#h3home {
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
    height: 18px;
}
#h1downloads {
    font-weight: bold;
    font-size: 1.2em;
    display: inline;
}
#wrapheader {
    width: 1015px;
    padding: 0;
    background-color: #29292B;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    position: relative;
    left: -20px;
}
#wrapcentre {
    width: 1015px;
    margin-top: 6px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    position: relative;
    left: -21px;
}
#wrapfooter {
    width: 1015px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    clear: both;
}
/*#wrapnav {
width: 100%;
margin: 0;
background-color: #ECECEC;
border-width: 1px;
border-style: solid;
border-color: #A9B8C2;
}*/
 #banner {
    width: 1015px;
    height: 310px;
    /*/margin-left: 25px;/*/
}
#banner_mini {
    width: 1015px;
    height: 137px;
    /*float: left;*/
    background-image: url('/media/banner/banner_upper_mini2.png');
    background-repeat: no-repeat;
    background-position: 0 4px;
}
#banner_title {
    width: 844px;
    height: 23px;
    display: none;
    margin-left: 144px;
    padding-top: 16px;
    text-align: left;
}
#banner_upper {
    width: 1015px;
    height: 210px;
    background-image: url('/media/banner/banner_upper.jpg');
    background-repeat: no-repeat;
}
#banner_upper_flash {
    width: 1015px;
    height: 210px;
}
#banner_lower {
    width: 1015px;
    height: 101px;
    background-image: url('/media/banner/banner_bottom.png');
    background-repeat: no-repeat;
}
#videoplayer {
    width: 560px;
    height: 460px;
    float: left;
    display: inline;
    background-image: url('/media/videoplayer/youtube_place.jpg');
    background-repeat: no-repeat;
    position: relative;
    margin-top: 8px;
}
#screenshots {
    /*border: 1px solid #5F5E62;*/
    width: 430px;
    margin-top: 40px;
    /*margin-right: 40px;*/
    margin-bottom: 15px;
    padding: 15px 0 20px 15px;
    float: right;
}
#miniscreen0 {
    margin-right: 19px;
    width: 128px;
    height: 96px;
    background-image: url('/media/images/miniscreen0.jpg');
    background-repeat: no-repeat;
    float: left;
    border-color: #3F3E41 #0A090E #0A090E #3F3E41;
    border-style: solid;
    border-width: 1px;
}
#miniscreen1 {
    width: 128px;
    height: 96px;
    background-image: url('/media/images/miniscreen1.jpg');
    background-repeat: no-repeat;
    float: left;
    border-color: #3F3E41 #0A090E #0A090E #3F3E41;
    border-style: solid;
    border-width: 1px;
}
#miniscreen2 {
    width: 128px;
    height: 96px;
    background-image: url('/media/images/miniscreen2.jpg');
    background-repeat: no-repeat;
    float: right;
    border-color: #3F3E41 #0A090E #0A090E #3F3E41;
    border-style: solid;
    border-width: 1px;
}
#morescreenshots {
    background-color: #3F3E41;
    width: 428px;
    height: 28px;
    margin-top: 18px;
    padding-top: 6px;
    float: right;
    border-color: #5F5E62 #0A090E #0A090E #5F5E62;
    border-style: solid;
    border-width: 1px;
    text-align: center;
}
#transition {
    width: 540px;
    height: 405px;
    margin-top: 6px;
    margin-left: 12px;
    /*border-color: #5F5E62 #0A090E #0A090E #5F5E62;
border-style: solid;
border-width: 1px;*/
}
#transition_overlay {
    position: absolute;
    top: 0;
    width: 560px;
    height: 460px;
    background-image: url('/media/videoplayer/videoborder_shadow.png');
    z-index: 1;
}
#non_text {
    margin-top: 16px;
}
#getflash {
    display: none;
    /*background-color: #343437;*/
    width: 540px;
    height: 28px;
    margin-top: 6px;
    /*padding-top: 6px;*/
    float: right;
    font-size: 8pt;
    /*border-color: #5F5E62 #0A090E #0A090E #5F5E62;
border-style: solid;
border-width: 1px;*/
    text-align: center;
    /*position: relative; left: 2px;*/
    position: relative;
    z-index: 2;
}
#home_content {
    float: left;
    color: #FFF;
    line-height: 1.7;
    width: 1015px;
    text-align: left;
    padding-left: 21px;
    position: relative;
    left: -25px;
}
.datatable {
    /*font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;*/
    font-size: 1em;
    color: #FFF;
    text-align: left;
    /*background-color: #222224;*/
    width: 910px;
    border-left: 1px solid #444;
    border-bottom: 1px solid #444;
    margin-bottom: 20px;
    margin-left: 20px;
}
.datatable tr {
    vertical-align: top;
}
.datatable tr td {
    /*padding-bottom: 20px;*/
    border-top: 1px solid #444;
    border-right: 1px solid #444;
    padding: 20px;
}
.datatablethl {
    vertical-align: bottom;
    height: 34px;
    vertical-align: middle;
    padding-left: 20px;
    text-align: left;
}
.downloadstable {
    /*font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;*/
    font-size: 1em;
    color: #FFF;
    text-align: left;
    /*background-color: #222224;*/
    width: 910px;
    border-top: 1px solid #444;
    border-left: 1px solid #444;
    border-bottom: 1px solid #444;
    margin-top: 22px;
    margin-bottom: 28px;
    margin-left: 22px;
    background-color: #111;
}
.downloadstable tr {
    vertical-align: top;
}
.downloadstable tr td {
    /*padding-bottom: 20px;*/
    border-top: 1px solid #444;
    border-right: 1px solid #444;
    padding: 20px;
    vertical-align: middle;
}
.downloadstable th {
    background-color: #222224;
    padding-left: 16px;
    text-align: left;
    vertical-align: middle;
}
.downloadstableb {
    border-right: 1px solid #444;
}
.downloadstablethl {
    border-right: 1px solid #444;
    vertical-align: bottom;
    height: 34px;
    vertical-align: middle;
    padding-left: 20px;
    text-align: left;
    font-size: 1.2em;
    background-color: #222224;
}
.downloadstdi {
    text-align: center;
    background-color: #222224;
    border-right: 1px solid #555!important;
}
.devtable {
    font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size: 1em;
    line-height: 170%;
    color: #FFF;
    text-align: left;
    /*background-color: #222224;*/
    width: 910px;
    /*border-left: 1px solid #444;
border-bottom: 1px solid #444;*/
    margin-bottom: 20px;
    margin-left: 20px;
}
.devtable th {
    text-align: left;
    height: 34px;
    font-size: 1.2em;
    vertical-align: middle;
}
.devtable tr {
    vertical-align: top;
}
.devtable tr td {
    padding-top: 6px;
    padding-bottom: 6px;
}
.col_right {
    /*border-top: 1px solid #444;*/
    text-align: center;
    font-size: small;
    border-right: none;
    font-weight: bold;
}
.col_left {
    text-align: center;
}
#home_desc{
    clear: both;
    font-size: 1em;
    padding-top: 8px;
}
#news {
    font-size: 12pt line-height: 1.5;
    width: 443px;
    height: 465px;
    float: right;
    display: inline;
    background-image: url('/media/misc/news_bg.png');
    background-repeat: no-repeat;
    margin-top: 5px;
    position: relative;
    left: 8px;
}
#news_sub{
    width: 350px;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 55px;
}
#news_table {
    margin: 0;
    padding: 0;
    float: left;
    display: inline;
    width: 360px;
    margin-left: 58px;
    font-size: 8pt;
}
#news_table tr td {
    height: 32px;
}
#news_table .topicdetails {
    margin: 0;
    padding: 0;
}
#redbutton {
    /*background-image: url('/media/banner/button_light.png');*/
    background-repeat: no-repeat;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1pt;
    float: left;
    margin-top: 2px;
    margin-left: 28px;
    display: inline;
    padding-top: 8px;
    padding-right: 4px;
    width: 92px;
    height: 56px;
    text-decoration: none;
    line-height: 1.5;
    text-shadow: 1px -1px 0 rgba(0,0,0,.8);
}
#redbutton:hover {
    background-position: 0 -70px;
    color: #E9EBFD;
}
#serverbutton {
    background-image: url('/media/banner/button_wide_light.png');
    background-repeat: no-repeat;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1pt;
    float: left;
    margin-top: 9px;
    margin-left: 18px;
    display: inline;
    padding-top: 13px;
    width: 176px;
    height: 25px;
    line-height: 18px;
    text-decoration: none;
}
#serverbutton:hover {
    background-position: 0 -44px;
    color: #E9EBFD;
}
#header_nav {
    width: 854px;
    height: 57px;
    float: left;
    display: inline;
    margin-top: 8px;
    margin-left: 13px;
    /*background-image: url('/media/banner/spritesheet0.png');*/
    background-repeat: no-repeat;
    font-family: arial, sans-serif;
    font-size: 12pt;
    font-weight: bold;
}
#header_nav ul {
    float: left;
    margin: 0;
    padding: 0;
}
#header_nav ul li {
    list-style-type: none;
    float: left;
}
#header_nav ul li a {
    text-decoration: none;
    float: left;
    display: inline;
    letter-spacing: 0.1ex;
    color: #DDD;
    background-image: url('/media/banner/spritesheet0.png');
    background-repeat: no-repeat;
    /*margin-top: 8px;*/
    width: 124px;
    padding-top: 18px;
    height: 34px;
    /*padding-left: 22px; padding-right: 18px;*/
    /*background-position: 0 0;*/
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
    /*/background: #29292B;/*/
    text-shadow: 1px -1px 0 rgba(0,0,0,.8);
}
#header_nav ul li a:hover {
    /*color: #E9EBFD;*/
}
#link0 {
    background-position: -5px -3px;
    margin-top: 3px;
    margin-left: 6px;
}
#link0:hover {
    /*background-position: -5px -60px;*/
    background-position: -5px -117px;
}
#link1 {
    background-position: -148px -3px;
    margin-top: 3px;
    margin-left: 20px;
}
#link1:hover {
    background-position: -148px -117px;
}
#link2 {
    background-position: -294px -3px;
    margin-top: 3px;
    margin-left: 22px;
}
#link2:hover {
    background-position: -294px -117px;
}
#link3 {
    background-position: -438px -3px;
    margin-top: 3px;
    margin-left: 20px;
}
#link3:hover {
    background-position: -438px -117px;
}
#link4 {
    background-position: -582px -3px;
    margin-top: 3px;
    margin-left: 20px;
}
#link4:hover {
    background-position: -582px -117px;
}
#link5 {
    background-position: -582px -3px;
    margin-top: 3px;
    margin-left: 20px;
}
#link5:hover {
    background-position: -726px -117px;
}
.active0 {
    background-position: -5px -60px!important;
}
.active1 {
    background-position: -148px -60px!important;
}
.active2 {
    background-position: -294px -60px!important;
}
.active3 {
    background-position: -438px -60px!important;
}
.active4 {
    background-position: -582px -60px!important;
}
.active5 {
    background-position: -726px -60px!important;
}
#setbanner {
    float: right;
    display: inline;
    margin-top: 66px;
    margin-right: 8px;
    height: 22px;
    font-size: 6pt;
    color: #1B1B1C;
    cursor: pointer;
    text-align: right;
    /*background-image: url('/media/banner/rednav_light.png');*/
    background-repeat: no-repeat;
    /*padding-left: 12px;*/
    width: 8px;
    background-position: 0 0;
}
#footerlogos {
    margin-right: auto;
    margin-left: auto;
    width: 400px;
    text-align: center;
    /*margin-left: 21px;*/
    padding-top: 15px;
    /*border-color: #5F5E62 #0A090E #0A090E #5F5E62;
border-style: solid;
border-width: 1px;*/
    text-align: center;
}
#copyright {
    /*text-align: center;*/
    font-size: xx-small;
    /*margin-left: 21px;*/
    margin-top: 12px;
    margin-bottom: 15px;
}
/*server browser*/
 #inner_right {
    float: left;
    background-image: url('/media/image_borders/forum_border_right.png');
    background-repeat: repeat-y;
    background-position: right 0;
    background-color: #191919;
    width: 100%;
}
#inner_left {
    float: left;
    background-image: url('/media/image_borders/forum_border_left.png');
    background-repeat: repeat-y;
    background-position: left 0;
    padding-left: 40px;
}
#titles {
    width: 940px;
    height: 22px;
    margin-bottom: 12px;
    margin-left: 6px;
    padding-top: 8px;
}
#servers {
    width: 932px;
    margin-bottom: 12px;
    margin-left: 6px;
}
.server {
    clear: both;
    margin-top: 12px;
}
.playertitles {
    height: 22px;
    margin-top: 12px;
}
.name {
    clear: both;
    width: 940px;
    border-top: 1px solid #444444;
    padding-top: 4px;
    padding-bottom: 4px;
}
.empty {
    width: 20px;
    height: 20px;
    float: left;
    background-image: url('/servers/orangelight.png');
    background-repeat: no-repeat;
    background-position: left center;
}
.started {
    width: 20px;
    height: 20px;
    float: left;
    background-image: url('/servers/greenlight.png');
    background-repeat: no-repeat;
    background-position: left center;
}
.unavailable {
    width: 20px;
    height: 20px;
    float: left;
    background-image: url('/servers/redlight.png');
    background-repeat: no-repeat;
    background-position: left center;
}
.waiting {
    width: 20px;
    height: 20px;
    float: left;
    background-image: url('/servers/bluelight.png');
    background-repeat: no-repeat;
    background-position: left center;
}
.official {
    width: 40px;
    height: 20px;
    float: left;
    background-image: url('/servers/official.png');
    background-repeat: no-repeat;
    background-position: left center;
}
.modhome {
    width: 40px;
    height: 20px;
    float: left;
    background-image: url('/servers/modhome_hayt.png');
    background-repeat: no-repeat;
    background-position: left center;
}
.standard {
    width: 40px;
    height: 20px;
    float: left;
}
.title {
    float: left;
    width: 320px;
    color: #FFF;
}
.title a {
    color: #FFF;
}
.address {
    float: left;
}
.mod {
    float: left;
    width: 130px;
}
.type {
    float: left;
    width: 260px;
}
.playing {
    float: left;
    width: 50px;
    text-align: center;
}
.version {
    float: left;
    width: 110px;
    text-align: center;
}
.toggleparent {
    float: right;
    /*position: absolute;*/
}
.toggle {
    float: right;
    cursor: pointer;
}
.players {
    clear: both;
    width: 666px;
    float: right;
    /*padding-bottom: 22px;*/
    padding: 0 16px 16px 16px;
    display: none;
    background: #141414;
    border: 1px solid #E4E4E4;
    position: absolute;
}
.player {
    float: left;
    width: 160px;
    /*margin-left: 54px;*/
    display: inline;
}
.score {
    float: left;
    width: 200px;
    text-align: right;
}
.time {
    float: left;
    width: 150px;
    text-align: right;
}
.team {
    float: right;
    width: 80px;
    text-align: right;
}
.avatar {
    clear: both;
    float: left;
    width: 32px;
    height: 32px;
    margin-top: 20px;
    margin-right: 12px;
    display: inline;
}
.date {
    float: left;
    font-size: 8pt;
    margin-top: 20px;
    display: inline;
}
.user {
    float: left;
    font-size: 8pt;
    margin-top: 20px;
    display: inline;
}
.message {
    float: left;
    font-size: 12pt;
    width: 840px;
}
.clear {
    clear: both;
}
.joinlink {
    text-decoration: underline!important;
}
#chat {
    border: 1px solid #444444;
    width: 915px;
    height: 280px;
    margin: 32px 0 14px 5px;
    padding: 0 10px 0 10px;
}
#chattable b {
    font-size: 1.2em;
}
.e {
    color: #F00;
    font-size: 1.2em;
}
/*social sharing buttons.  added 21/04/2012 - aml*/
 #share_box {
    float: left;
    display: none;
}
#share_count {
    height: 22px;
    padding-right: 6px;
    padding-left: 6px;
    line-height: 22px;
    font-size: 8pt;
    font-family: arial;
    color: #000;
    background-color: #191919;
    float: left;
    border-radius: 4px;
    border: 1px solid #aaa;
    margin-right: 8px;
    color: #FCFCFC;
}
#arrow_right {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #fff;
    float: left;
    margin-top: 8px;
    margin-right: 2px;
}
.social {
    background-image: url('/media/misc/social2012.png');
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 6px;
    border-radius: 2px;
}
#stumble:hover {
    background-position: 0 -24px;
}
#delicious {
    background-position: -24px 0;
}
#delicious:hover {
    background-position: -24px -24px;
}
#plusone {
    background-position: -48px 0;
    overflow: hidden;
}
#plusone:hover {
    background-position: -48px -24px;
}
#twitter {
    background-position: -72px 0;
}
#twitter:hover {
    background-position: -72px -24px;
}
#facebook {
    background-position: -96px 0;
}
#facebook:hover {
    background-position: -96px -24px;
}
/*added for chat colour selection*/
 .colour_box {
    width: 10px;
    height: 10px;
    border: 1px solid #eee;
    margin-top: 4px;
    margin-left: 8px;
    float: left;
    cursor: pointer;
}
#colour_0 {
    background-color: #FB8710;
}
#colour_1 {
    background-color: #1181C9;
}
#colour_2 {
    background-color: #E10A7D;
}