/*****************
Import Google Font
*****************/
@import url(http://fonts.googleapis.com/css?family=Lato);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
/*@import url(http://fonts.googleapis.com/css?family=Lato);*/
/*@import url(http://fonts.googleapis.com/css?family=Squada+One);*/
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700);

/*****************
Import Menus
*****************/
@import url("../../../themes/MW3_Xtreme/style/menu.css");
@import url("../../../themes/MW3_Xtreme/style/forummenu.css");
/*****************
Color Box
*****************/
@import url("../../../themes/MW3_Xtreme/style/colorbox.css");

/************************************************************
  dU old Theme
 ************************************************************/
.blocktitle {
 font-weight: bold;
 font-size: 20px;
 color: #b4b4b4;
 font-family: 'Yanone Kaffeesatz', sans-serif;
 letter-spacing: 0px;
 text-decoration: none;
}
.blocktitlesmall {
 font-family: 'Yanone Kaffeesatz', sans-serif;
 letter-spacing: 0px;
 text-decoration: none;
 text-shadow: -1px 0 black, 0 1px black,1px 0 black, 0 -1px black;
 overflow: hidden;
}
td.row3 {background: #434343;
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #777781 1px solid;
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #777781 1px solid;}
td.row4top {
background-color : #1C1E2D;
BORDER-TOP: #6E7181 1px solid;
BORDER-BOTTOM: #141520 2px solid;
BORDER-LEFT: #6E7181 1px solid;
BORDER-RIGHT: #141520 2px solid;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}
td.row4bottom {
background-color : #1C1E2D;
BORDER-TOP: #6E7181 1px solid;
BORDER-BOTTOM: #141520 2px solid;
BORDER-LEFT: #6E7181 1px solid;
BORDER-RIGHT: #141520 2px solid;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;}
td.row4left {
background-color : #1C1E2D;
BORDER-TOP: #6E7181 1px solid;
BORDER-BOTTOM: #141520 2px solid;
BORDER-LEFT: #6E7181 1px solid;
BORDER-RIGHT: #141520 2px solid;
border-top-left-radius: 10px;}
td.row4right {
background-color : #1C1E2D;
BORDER-TOP: #6E7181 1px solid;
BORDER-BOTTOM: #141520 2px solid;
BORDER-LEFT: #6E7181 1px solid;
BORDER-RIGHT: #141520 2px solid;
border-top-right-radius: 10px;}
td.row4 {
background-color : #1C1E2D;
BORDER-TOP: #6E7181 1px solid;
BORDER-BOTTOM: #141520 2px solid;
BORDER-LEFT: #6E7181 1px solid;
BORDER-RIGHT: #141520 2px solid;}

/************************************************************
 Infotext
 ************************************************************/
a.infotext {
font-weight:normal;
font:11px 'Droid Sans', arial, serif;
color:#666;
}

a.infotext:hover {

color: #FFFFFF;
}

a.infotext span {
visibility: hidden;
position: absolute;
color: #FFFFFF;
/*left: 20em;*/
/*margin-top: 10em;*/
padding: 1em;
text-decoration: none;
}

a.infotext:hover span {
color: white;
visibility: visible;
border: 1px solid #347BEE;
background-color: rgba(119,136,153,0.8);
/*
   background: lightslategray;
   opacity: 0.5;
   filter:Alpha(Opacity=50);
*/
text-decoration: none;
width: 200px;
}
/************************************************************
  Small Tables
 ************************************************************/
.buttons {margin: 0; padding: 0; border-collapse: collapse; border: 0;}
.buttons td {width: 76px; height: 19px;}
.buttons img {display: block;}


/************************************************************
  Body Blocks Styling
 ************************************************************/
#block-body {

}

#blocks-left-wrap {
    width: 180px;
    float: left;
    margin-left: 1%;
}

#blocks-right-wrap {
    width: 180px;
    float: right;
    margin-right: 1%;
}

#center-wrap {
    margin-left: 205px;
    margin-right: 205px;

}

#center-wrap-left {
    margin-left: 205px;
    margin-right: 1%;
}

#center-wrap-right {
    margin-right: 205px;
    margin-left: 1%;
}

#center-wrap-full {
    margin-left: 1%;
    margin-right: 1%;

}
/* Forums Tables
----------------------------------------------------------------------------------------------------*/
.box-table{font-size:13px; width:100%; text-align:left;border-collapse:collapse;margin:0;}
.box-table th, th{font: 13px 'Lato', arial, serif; color:#466903!important; text-transform:uppercase;background:#111;border-top:4px solid #333;border-bottom:1px solid #222;color:#666;padding:6px;}
.box-table td{background:#161616;border-bottom:1px solid #222;color:#666;border-top:1px solid transparent;padding:2px;}
.box-table tr:hover td{background:#111;}
td.foot, td.cat {background:#111;border-top:1px solid #222; border-bottom:4px solid #333;color:#666;padding:6px;}
td.catBottom{ background:#222; padding:4px 0px 0px 4px; vertical-align:bottom;border-top:1px solid #333;border-bottom:1px solid #333;}

/*td.row1, td.row3{padding:8px;background: #383838 url('../forums/images/post_bg.jpg') repeat-x top center; }
td.row2{padding:8px;background: #1c1c1c url('../forums/images/post_bg_alt.jpg') repeat-x top center;}
*/
td.row1 {background: #434343;
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #777781 1px solid;
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #777781 1px solid;}
td.row2 {background: #434343;
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #777781 1px solid;
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #777781 1px solid;}




/* Shoutbox Styling
----------------------------------------------------------------------------------------------------*/
td.shout1{border-bottom: 1px dotted #4d4d4d;border-top: 1px dotted #4d4d4d; padding:6px 0 6px 12px;}
td.shout2{padding:10px;background: #15191d;}
td.sticky{ background:#104300; border-top: 1px dotted #466903; color:#FFF;}


/* Body
----------------------------------------------------------------------------------------------------*/
body {
    color:#FFFFFF;
    cursor:default;
    margin:0;
    font:14px/1.5 'Droid Sans', arial, serif;
    background:#131313;
}
/*
body {
    color:#999;
    cursor:default;
    margin:0;
    font:14px/1.5 'Droid Sans', arial, serif;
    background:#131313;
}
*/







.main{
        background:url('../../../themes/MW3_Xtreme/images/main-bg.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

/* Top Bar
----------------------------------------------- */
.top-bg {     background: none repeat scroll 0 0 #131313;
            border-bottom: 2px solid #75b104;
            -moz-box-shadow: 0 0 5px 5px #000;
            -webkit-box-shadow: 0 0 5px 5px #000;
            box-shadow: 0 0 5px 5px #000;
            width:100%;
            margin:0;
            height:58px;
        }
.top-bg-box { width: 92%; margin-left: 4%; margin-right: 4%; height:58px;}

/* Search Bar
----------------------------------------------- */
.input-text-search{height:28px;background:#FFF;border:1px solid; border-color:#304059; border-radius:3px; -moz-border-radius:3px;}
#input-header-search{color: #CCC;width:250px;}
#header-search{ text-align:center; margin-top:6px;}
.fr #header-search{left: -115px;}
#header-search .field-search{display:inline-block;}
.input-text-1, .input-text-2, .input-text-search{height:28px;background:#FFF;border:1px solid; border-color:#155701; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2);}
.input-text-search{background: #222;border-color: #155701;-moz-box-shadow: inset 0 0 5px #000; -webkit-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000;}
.input-text-1 span, .input-text-2 span, .input-text-search span{height:100%;}
.input-text-1 input, .input-text-search input{margin:2px 0 0 0; padding:7px 8px 5px 8px;}
.input-text-1.focus, .input-text-2.focus{background:#FFFDEC;border-color:#C2C2BE #B6B6B6 #B6B6B6 #C5C4C0;}
.input-text-search.focus{background:#121B24;}
.input-text{display:inline-block;vertical-align:bottom;}
.input-text input{background:none;border:0;font-family:Helvetica, Arial, Sans-serif; font-size:12px; color:#000;}
.field-search .btn-4{background: transparent url('../images/search-btn.jpg') repeat-x;margin:0 0 0 -4px;}
.btn-4{height:30px;padding:0 17px;background-color:#304059;background-image:-moz-linear-gradient(50% 0, #1B77D8, #0F44BB); background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #1B77D8), color-stop(1, #0F44BB));text-align:center;cursor:pointer;}
.btn{display:inline-block;text-decoration:none;vertical-align:bottom;}
.input-text-search span{background:url('../images/icon_sprite.png') no-repeat 5px -65px;}
.input-text-search input{padding-left:28px;}
.btn-4 span,.btn-4 input{ padding-bottom:10px; color:#FFF;}
.btn-4 input{display:inline-block;background:none;border:0;cursor:pointer;}


/* Top Bar Inserts
----------------------------------------------- */
.avatar{
    float:left;
    width:50px;
    padding:8px 0 0 30px;
}
.avatar-img{
    border:1px solid;
    border-color:#304059;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
.search{
    float:right;
    width:450px;
    padding:8px 0 0 0;
}
.pm{
    padding:0px;
    margin-left:60px;
}
/* Footer Legal Expand
----------------------------------------------- */

#footerSlideContainer {
    position: fixed;
    bottom:0;
    width: 100%;

}
#footerSlideButton {
    background: url('../images/footer.png') top left no-repeat transparent;
    position: absolute;
    top: -80px;
    right: -56px;
    width:100px;
    height:80px;
    border: none;
    cursor: pointer;
}


#footerSlideContent {
    background: none repeat scroll 0 0 #131313;
    box-shadow: -5px -5px 5px #000000;
    -moz-box-shadow: -5px -5px 5px #000000;
    -webkit-box-shadow: -5px -5px 5px #000000;
    border-top: 2px solid #75B104!important;
    width: 100%;
    height: 0px;
    font-size: 0.8em;
    border: none;
}
#footerSlideText {
    padding: 15px 10px 25px 25px;
}

/* Social Links
----------------------------------------------- */
#social-links {
    background: url("../images/social-sprite.png") no-repeat scroll transparent;
    list-style: none outside none;
    margin:0;
    padding:0;
    position: absolute;
    right:0;
    top: 72px;
}
.white #social-links {
    background-position: -30px -100px;
}
.black #social-links {
    background-position: -30px 2px;
}
#social-links a {
    background: url("../images/social-sprite.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 30px;
    margin: 2px 0;
    text-indent: -9999em;
    width: 30px;
}
#social-links a#social-facebook {
    background-position: 0 0;
}
#social-links a#social-twitter {
    background-position: 0 -32px;
}
#social-links a#social-youtube {
    background-position: 0 -64px;
}
#social-links a#social-facebook:hover {
    background-position: 0 -102px;
}
#social-links a#social-twitter:hover {
    background-position: 0 -134px;
}
#social-links a#social-youtube:hover {
    background-position: 0 -166px;
}
/* menus
----------------------------------------------- */
ul.menu {
    list-style:none;
    border-top:1px solid #bbb;
}
ul.menu li {
    margin:0;
}
ul.menu li a {
    display:block;
    padding:4px 10px;
    border-bottom:1px solid #ccc;
}
ul.menu li a:hover {
    background:transparant;
}
ul.menu li a:active {
    background:transparant;
}


/* submenus
----------------------------------------------- */
ul.menu ul {
    list-style:none;
    margin:0;
}
ul.menu ul li a {
    padding-left:30px;
}

/* section menus
----------------------------------------------- */
ul.section {
    border-top:0;
    margin-bottom:0;
}
ul.section li {
    text-transform:uppercase;
}
ul.section li a {
    background:#bbb;
}
ul.section li a:hover {
    background:#aaa;
}
ul.section li a:active {
    color:#fff;
    background:#666;
}
ul.section li li a {
    background:#ddd;
    border-bottom:1px solid #eee;
}
ul.section li li a:hover {
    background:#ccc;
}
ul.section li li a:active {
    color:#000;
    background:#fff;
}
ul.section ul li {
    text-transform:none;
}
ul.section ul.current li a {
    background:#eee;
    border-bottom:1px solid #fff;
}
ul.section ul.current li a:hover {
    background:#ddd;
}
ul.section ul.current li a:active {
    background:#fff;
}
ul.section li a.current {
    color:#fff;
    background:#666;
}
ul.section li a.current:hover {
    background:#555;
}
ul.section li a.current:active {
    background:#444;
}
ul.section li a.active {
    background:#fff;
    cursor:default;
}
ul.section li.current > a.active,
ul.section li.current > a.active:hover {
    color:#fff;
    background:#666;
    cursor:default;
}
/* navigation (horizontal subnavigation)
----------------------------------------------- */
ul.nav,
ul.nav * { margin:0;padding:0;}
ul.nav {
  position:relative;
  background:transparant;
  max-width:100%;
  height:2.5em;
  }
ul.nav li {
    cursor:pointer;
    float:left;
    text-align:center;
    list-style-type:none;
    font-weight:normal;
}
ul.nav li ul {
    cursor:default;
    width:100%;
    max-width:100%;
    position:absolute;
    height:auto;
    top:2.5em;
    background-position:0 0 !important;
    left:-9000px;
}
ul.nav li ul li {
    padding:0;
    border:none;
    width:auto;
    max-width:none;
}
ul.nav li a {
    color:#fff;
    background:transparant;
    font-weight:bold;
    text-decoration:none;
    display:block;
    float:left;
    padding:0 1em;
    height:2.4em;
    line-height:2.5em;
}
ul.nav li ul li a {
    position:relative !important; /* ie Mac */
    cursor:pointer !important;
    white-space:nowrap;
    line-height:2em;
    height:2em;
    font-weight:normal;
    color:#666;
    background-position:0 50% !important;
}

ul.nav li:hover a, ul.nav li a:hover, ul.nav li a:focus {color:#000; background:transparant;}
ul.nav li a:active {color:#666; background:transparant;}
ul.nav li:hover ul {left:0;z-index:10}
ul.nav li ul, ul.nav li {background:transparant !important}
ul.nav li:hover ul li a {color:#444;}
ul.nav li:hover ul li a:hover {color:#000; background:#fff;}
ul.nav li:hover ul li a:active {color:#666; background:#fff;}

ul.nav li.current a {color:#666; background:#fff; cursor:default; font-weight:bold;}
ul.nav li.current ul {left:0;z-index:5}
ul.nav li.current ul, ul.nav li.current {background:#ccc !important}
ul.nav li.current ul li a {color:#444; background:transparant; font-weight:normal;}
ul.nav li.current ul li a:hover {color:#000; background:#fff;}
ul.nav li ul li.current a, ul.nav li ul li.current a:hover, ul.nav li.current:hover ul li a:active {color:#666; background:#fff;}

/* navigation (vertical subnavigation)
----------------------------------------------- */
ul.nav {
    background:url('../images/menu-bg.png')!important;
    height:50px;
    padding-top:5px;

}
ul.main li {
  position:relative;
  top:0;
  left:0;
}
ul.main li ul {
  border:0;
}

ul.main li ul li {
  float:left;
  border:1px solid #303030;
  border-radius:2px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  background-color:#040404;
}
ul.main li a {
    height:2.5em;
    line-height:2.5em;
    border:0;
    color:#466903;


}
ul.main li ul li a {
  width:12em;
  line-height:2em;
  height:2em;
  text-align:left;
  color:#fff;


}
ul.main li a:focus {color:#fff; }
ul.main li ul li a:hover {
  color:#fff;

}
ul.main li:hover a {
  color:#FFF;

}
ul.main li:hover ul li a {color:#466903;}
ul.main li:hover ul li a:hover {color: #FFF; background-color:#040404;}
ul.main li:hover a:active {color: #FFF; background-color:#040404;}
ul.main li:hover ul li a:active {color: #FFF; background-color:#040404;}

/* spotlight
----------------------------------------------- */
#spotlight{
    display: block;
    background:url('../images/spotlight.png') no-repeat;
    width:880px;
    height:85px;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
    padding-top:4px;


}
.spotlight {
    display:table;
    margin-left: auto;
    margin-right: auto;
    color:#CCC;
    vertical-align: middle;
    margin-top:24px;
}
.spotlight a{
    color:#CCC;
    text-decoration:underline;
}
.spotlight a:hover{
    color:#FFF;
}
/* Accordian
----------------------------------------------- */
.toggler {
    color: #222;
    margin: 0;
    padding: 2px 5px;
    background: #eee;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
    font-size:1.1em;
    font-weight: normal;
}
.element h4 {
    margin: 0;
    padding:4px;
    line-height:1.2em;
}
.element p {
    margin: 0;
    padding: 4px;
}
.float-right {
    float:right;
}

#accordian-block {
    padding-bottom:10px;
}
/* articles
----------------------------------------------- */
.articles {
    padding:0;
}
.articles h2 {
    margin:0;
}
#articles {
    padding-top:0;
}
.article {
    border-top:1px solid #666;
    padding-top:.5em;
}
.box .article {
    border-top:3px solid #fff;
    padding:2px 10px 0 10px;
}
.article h2 {
    font-size:2em;
    font-weight:normal;
    text-transform:none;
    color:#333;
    background:transparent;
    padding:0;
    margin:0;
    border:none;
}
.article h3 {
    margin-bottom:.2em;
    font-size:2.2em;
    text-transform:uppercase;
    letter-spacing:-1px;
}
.box .first {
    border-top:none;
}
.article h4 {
    font-size:1.4em;
    text-transform:uppercase;
    margin-bottom:4px;
}
.article a.image {
    float:right;
    margin:-30px 0 0 0;
    padding:4px;
    border:1px solid #bbb;
    background:#fff;

}
.article a.image:hover {
    border:1px solid #666;
}
.article a.image img {
    float:left;
}
.article p.meta {
    color:#666;
    border-bottom:1px dotted #999;
    padding:.3em 0;
    margin-bottom:.8em;
}

.postedby {
    text-transform:capitalize;
}
/* =Spacing
--------------------------------------------------------------------------------*/

ol
{
    list-style: decimal;
}

ul
{
    list-style: square;
}

li
{
    margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
address,
fieldset
{
    margin-bottom: 20px;
}
/* secondary list
----------------------------------------------- */
ul.nav li.secondary {
    float:right;
    color:#cde;
    background:transparent !important;
}
ul.nav li.secondary span.status {
    float:left;
    padding:0 1em;
    line-height:2.77em;
    height:2.77em;
  font-size:0.9em;
}
ul.nav li.secondary span.status a {
    float:none;
    display:inline;
    padding:0;
    height:auto;
    line-height:auto;
    color:#cde;
    background:transparent;
}
ul.nav li.secondary span.status a:hover {
    color:#fff;
    background:transparent;
}
ul.nav li.secondary span.status span {
    text-transform:capitalize;
}
ul.nav li.secondary:hover a {
    color:#466903;
    background-color:#040404;
}
ul.nav li.secondary:hover a:hover {
    color:#FFF;

}
ul.nav li.secondary:hover a:active {color:#FFF;background:#444;}

/* boxes
----------------------------------------------- */
.box-light {
    background:url('../images/transparant-light.png');
    margin-bottom:0;
    padding:10px 10px 1px 10px;
    -moz-box-shadow: 0  5px 5px #000;
    -webkit-box-shadow: 0  5px 5px #000;
    box-shadow: 0 5px 5px #000;
    overflow:auto;
}

.box {
    background:url('../images/transparant.png');
    min-width: 150px; /* fixes the td width problem in the news module */
    margin:0 5px 20px 5px;
    padding:10px 10px 1px 10px;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
    overflow:auto;

}

.transparant {
    background:url('../images/transparant.png');
}
.box h2 {
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:-1px;
    background:#131313;
    margin:-10px -10px 0 -10px;
    padding:9px 12px 0px 12px;
    border-bottom: 1px solid #466903;
    height:20px;
}

.topbox {
    padding:0 10px 0 10px;
}

.box h2 a,
.box h2 a.visible {
    color:#fff;
    /*background:#333 url("../images/switch_minus.gif") 97% 50% no-repeat;*/
    display:block;
    padding:6px 12px;
    margin:-6px -12px;
    border:none;
}
.grid_3 .box h2 a {
    background-position: 97% 50%;
}


.box h2 a.hidden,
.box h2 a.hidden:hover {
    background-image: url("../images/switch_plus.gif");
}
.box h2 a:hover {

}
.block {
    padding-top:10px;
    padding-bottom:10px;
}
div.menu {
    padding:0;
}
div.menu h2 {
    margin:0;
}
div.menu .block {
    padding-top:0;
}
/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.1em;}
h2 {margin-top:1em;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}


h1 a {
    font-weight:normal;
}
a:focus
{
    outline: 1px dotted invert;
}

object, embed {
  outline: 0;
}

hr
{
    background:url('../images/hr.gif') repeat-x;
    border:none;
    height: 1px;
}

/* =Headings
--------------------------------------------------------------------------------*/

h1
{
    font-size: 25px;
}

h2
{
    font-size: 23px;
}

h3
{
    font-size: 21px;
}

h4
{
    font-size: 19px;
}

h5
{
    font-size: 17px;
}

h6
{
    font-size: 15px;
}
/* anchors
----------------------------------------------- */
a {
    color:#999999;
    text-decoration: none;
    outline: none;
}
a:active, a:focus {
outline: 0
}
a:hover {
    color:#FDD802;
}
/* page heading
----------------------------------------------- */
h2#page-heading {
    font-weight:normal;
    padding:.5em;
    margin:0 0 10px 0;
    border-bottom:1px solid #ccc;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
    width: 92%;
    margin-left: 4%;
    margin-right: 4%;
}

/* branding
----------------------------------------------- */
h1#branding {
    background:none repeat scroll 0 0 #AAAAAA;
    font-weight:normal;
    font-size:2.5em;
    text-align:left;
    background:#aaa;
    padding:.7em 1em;
}

h1#logo {
    display:block;
    margin-left:auto;
    margin-right:auto;
    background:url('../images/logo.png') no-repeat;
    height:143px;
    width:900px;
/*    margin-bottom:15px; */



}

#logo a {
    text-indent:-9999px;
    display:block;
    height:143px;
    width:964px;
}

/*
    960 Grid System ~ Core CSS.
    Learn more ~ http://960.gs/

    Licensed under GPL and MIT.
*/

/* =Containers
--------------------------------------------------------------------------------*/

.container_12,
.container_16
{
    width: 92%;
    margin-left: 4%;
    margin-right: 4%;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
    display: inline;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}

.container_12 .grid_3,
.container_16 .grid_4
{
    width: 23%;
}

.container_12 .grid_6,
.container_16 .grid_8
{
    width: 48%;
}

.container_12 .grid_9,
.container_16 .grid_12
{
    width: 73%;
}

.container_12 .grid_12,
.container_16 .grid_16
{
    width: 40%;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha
{
    margin-left: 0;
}

.omega
{
    margin-right: 0;
}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_1
{
    width: 6.333%;
}

.container_12 .grid_2
{
    width: 14.666%;
}

.container_12 .grid_4
{
    width: 31.333%;
}

.container_12 .grid_5
{
    width: 39.666%;
}

.container_12 .grid_7
{
    width: 56.333%;
}

.container_12 .grid_8
{
    width: 64.666%;
}

.container_12 .grid_10
{
    width: 81.333%;
}

.container_12 .grid_11
{
    width: 89.666%;
}

/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .grid_1
{
    width: 4.25%;
}

.container_16 .grid_2
{
    width: 10.5%;
}

.container_16 .grid_3
{
    width: 16.75%;
}

.container_16 .grid_5
{
    width: 29.25%;
}

.container_16 .grid_6
{
    width: 35.5%;
}

.container_16 .grid_7
{
    width: 41.75%;
}

.container_16 .grid_9
{
    width: 54.25%;
}

.container_16 .grid_10
{
    width: 60.5%;
}

.container_16 .grid_11
{
    width: 66.75%;
}

.container_16 .grid_13
{
    width: 79.25%;
}

.container_16 .grid_14
{
    width: 85.5%;
}

.container_16 .grid_15
{
    width: 91.75%;
}

/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4
{
    padding-left: 25%;
}

.container_12 .prefix_6,
.container_16 .prefix_8
{
    padding-left: 50%;
}

.container_12 .prefix_9,
.container_16 .prefix_12
{
    padding-left: 75%;
}

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .prefix_1
{
    padding-left: 8.333%;
}

.container_12 .prefix_2
{
    padding-left: 16.666%;
}

.container_12 .prefix_4
{
    padding-left: 33.333%;
}

.container_12 .prefix_5
{
    padding-left: 41.666%;
}

.container_12 .prefix_7
{
    padding-left: 58.333%;
}

.container_12 .prefix_8
{
    padding-left: 66.666%;
}

.container_12 .prefix_10
{
    padding-left: 83.333%;
}

.container_12 .prefix_11
{
    padding-left: 91.666%;
}

/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .prefix_1
{
    padding-left: 6.25%;
}

.container_16 .prefix_2
{
    padding-left: 12.5%;
}

.container_16 .prefix_3
{
    padding-left: 18.75%;
}

.container_16 .prefix_5
{
    padding-left: 31.25%;
}

.container_16 .prefix_6
{
    padding-left: 37.5%;
}

.container_16 .prefix_7
{
    padding-left: 43.75%;
}

.container_16 .prefix_9
{
    padding-left: 56.25%;
}

.container_16 .prefix_10
{
    padding-left: 62.5%;
}

.container_16 .prefix_11
{
    padding-left: 68.75%;
}

.container_16 .prefix_13
{
    padding-left: 81.25%;
}

.container_16 .prefix_14
{
    padding-left: 87.5%;
}

.container_16 .prefix_15
{
    padding-left: 93.75%;
}


/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4
{
    padding-right: 25%;
}

.container_12 .suffix_6,
.container_16 .suffix_8
{
    padding-right: 50%;
}

.container_12 .suffix_9,
.container_16 .suffix_12
{
    padding-right: 75%;
}

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .suffix_1
{
    padding-right: 8.333%;
}

.container_12 .suffix_2
{
    padding-right: 16.666%;
}

.container_12 .suffix_4
{
    padding-right: 33.333%;
}

.container_12 .suffix_5
{
    padding-right: 41.666%;
}

.container_12 .suffix_7
{
    padding-right: 58.333%;
}

.container_12 .suffix_8
{
    padding-right: 66.666%;
}

.container_12 .suffix_10
{
    padding-right: 83.333%;
}

.container_12 .suffix_11
{
    padding-right: 91.666%;
}

/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .suffix_1
{
    padding-right: 6.25%;
}

.container_16 .suffix_2
{
    padding-right: 16.5%;
}

.container_16 .suffix_3
{
    padding-right: 18.75%;
}

.container_16 .suffix_5
{
    padding-right: 31.25%;
}

.container_16 .suffix_6
{
    padding-right: 37.5%;
}

.container_16 .suffix_7
{
    padding-right: 43.75%;
}

.container_16 .suffix_9
{
    padding-right: 56.25%;
}

.container_16 .suffix_10
{
    padding-right: 62.5%;
}

.container_16 .suffix_11
{
    padding-right: 68.75%;
}

.container_16 .suffix_13
{
    padding-right: 81.25%;
}

.container_16 .suffix_14
{
    padding-right: 87.5%;
}

.container_16 .suffix_15
{
    padding-right: 93.75%;
}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
    clear: both;
    content: '.';
    display: block;
    visibility: hidden;
    height: 0;
}

.clearfix
{
    display: inline-block;
}

* html .clearfix
{
    height: 1%;
}

.clearfix
{
    display: block;
}
/* site information
----------------------------------------------- */
#footerbox, .footerbox b {
    color: #676767!important;
    font-weight:normal;
    width:100%;
    text-align:center;
    font-size:10px;
    line-height:10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align:bottom;

}
#site_info a {
    color:#999;
}
#site_info a:hover {
    color:#466903;
}
/* Copyright
----------------------------------------------- */
.copyright {
    color: #676767!important;
    font-weight:normal;
    width:100%;
    font-size:10px;
    line-height:10px;
    display: block;
}

/* paragraphs, quotes and lists
----------------------------------------------- */
p {
    margin-bottom:1em;
}
blockquote {
    font-family: Georgia, 'Times New Roman', serif;
    font-size:1.2em;
    padding-left:1em;
    border-left:4px solid #ccc;
}
blockquote cite {
    font-size:.9em;
}
ul, ol {
    padding-top:0;
}
/* table
----------------------------------------------- */
table {

}

table.news {
    background:url('../images/transparant.png');
    margin:0;
}

table.inner {
    border:none!important;
}
td.inner {
    border:none!important;
    padding:0px!important;
}

td.inner p.meta {
    color:#666;
    border-top:1px dotted #999;
    border-bottom:1px dotted #999;
    padding:.3em 0;
    margin-bottom:.8em;
}
td.inner a.image {
    float:left;
    margin:3px 10px 3px 0;
    padding:4px;
    border:1px solid #bbb;
    background:#fff;

}
td.inner a.image:hover {
    border:1px solid #666;
}
td.inner a.image img {
    float:left;
}

td.inneralt {
    background:#999;
}
td.space{
    background:url('../images/topbox.jpg') #060708;
    background-repeat:repeat-x;
    height:8px;
}

col.colC {
    width:8em;
}
th, td {
    padding:0px 0px;
    font-size: 13px;

}

thead th {
    border-bottom:2px solid #888;
    background:#bbb;
    padding:.4em 1em .2em;
}
thead th.table-head {
    font-size:1em;
    font-weight:normal;
    text-transform:uppercase;
    color:#fff;
    background:#555;
    border:1px solid #555;
}
tbody th, tbody td{

}
tbody tr.odd th, tbody tr.odd td {
    background:#fff;
}
tfoot th, tfoot td {
    border-top:2px solid #666;
    background:#eee;
}
tfoot tr.total th, tfoot tr.total td {
    border-top:6px double #666;
}
tfoot tr.total th {
    text-transform:uppercase;
}
th.currency, td.currency {
    text-align:right;
}


/* forms
----------------------------------------------- */
form {
    overflow:hidden;
}
fieldset {
    background: none repeat scroll 0 0 #161616!important;
    border: 1px solid #666!important;
    margin-bottom: 10px!important;
    padding: 10px!important;
    position: relative!important;
}
legend {
    background: none repeat scroll 0 0 #222!important;
    border: 1px solid #666!important;
    font-size: 1.1em!important;
    padding: 0.4em 0.8em!important;
}
fieldset.login p {
    margin-bottom:1em;
    margin-top:0px;
}
fieldset p label {
    width:98%;
}
fieldset p input {
    width:98%;
}
fieldset p select {
    width:99%;
}
fieldset.login p label {
    float:left;
    line-height:2em;
    margin-right:3%;
    text-align:right;
    width:32%;
}
fieldset.login p input {
    width:60%;
}
fieldset.login input.button {
    margin-left:35%;
}
form p.notice {
    font-weight:bold;
}
input.search.text {
    width:66%;
}
input.search.button {
    width:28%;
    margin-left:2%;
}
/* Mootools Kwicks
----------------------------------------------- */
#kwick-box {
    padding:0;
    overflow:hidden;
}
#kwick-box h2 {
    margin:0;
}
#kwick {
    position: relative;
}
#kwick .kwicks {
    display: block;
    background: #999;
    height: 120px;
    list-style:none;
    margin:0;
    overflow:hidden;
}
#kwick li {
    float: left;
    margin:0;
    padding:0;
}
#kwick .kwick {
    display: block;
    cursor: pointer;
    overflow: hidden;
    height: 100px;
    width: 200px;
    padding: 10px;
    background: #fff;
}
#kwick .kwick span {
    color:#fff;
}
#kwick .one {
    background: #666;
}
#kwick .two {
    background: #777;
}
#kwick .three {
    background: #888;
}
#kwick .four {
    background: #999;
}

/* END
----------------------------------------------------------------------------------------------------*/

/* Join Us Block */

.joinus {display: block;width:180px;height:400px;margin-left: auto;margin-right: auto;background:url('../images/join_us.gif') no-repeat;}

.joinus:hover{background:url('../images/join_us.gif')  -198px 0px;}

.joinus a {text-indent:-9999px;display:block;width:180px;height:400px;}

/* Login Bar */
#sitebar{ overflow:hidden; margin-left:1%; margin-right:1%;}

#sitebar a, #sitebar a:link, #sitebar a:visited, #sitebar a:active{ margin:0px 0px 14px 0px; display:block; margin-left:auto; margin-right:auto;  clear:both;  width:99%;  color:#000;   background: none repeat scroll 0 0 #161616; border-bottom: 1px solid #999; border-top: 1px solid #999; font-size: 14px;  padding:5px;  text-align:center; text-transform:uppercase;}

#sitebar a:hover{ color:HighlightText;  background:#111111;border-top: 1px solid #466903; border-bottom: 1px solid #466903;}


a img{border:0}

iframe{ background-color:transparant;  border:none; }

.code{color:#096; font-family:Courier,'Courier New',sans-serif; font-size:13px; padding:2em;background:url('../forums/images/code_bg.gif') #0c0c0c; }

.code p {border-left:3px solid #111;padding-left:1em; }

.quote{ color:#CCC;font-style:italic; font-family: Georgia, 'Times New Roman', serif; font-size:13px; padding:2em;background:url('../forums/images/code_bg.gif') #0c0c0c; }

.quote p{ border-left:3px solid #111;padding-left:1em; }

.post{font: 12px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; color:#999;}

.title, .option {font:13px/1.5 'Droid Sans', arial, serif; text-transform:capitalize;}

.tiny, .tiny b {font-weight:normal; font:11px 'Droid Sans', arial, serif; color:#666;}
.tiny a:link {font-weight:normal; font:11px 'Droid Sans', arial, serif; color:#CCC;}

.forumtitle { color:#FFF; font: 13px/1.5 "Lucida Sans Unicode",Arial,Helvetica,sans-serif; text-transform:uppercase;}

.nav { border-bottom:1px dotted #666; }

ul { margin:0; padding:0; list-style-image: url('../images/endmark.gif'); line-height:22px; text-decoration:none;}

/*Input Areas - Forums Subjects - Text Areas*/
 input { color:#999; margin:4px; padding:3px; background:url('../forums/images/txtarea.gif') repeat-x #0c0c0c; border-top:#1A1A1A 1px solid; border-bottom:#333 1px solid; border-left:#1A1A1A 1px solid; border-right:#333 1px solid;}

  textarea {font:13px/1.5 'Droid Sans', arial, serif; color:#999; margin:4px; padding:4px; background:url('../forums/images/txtarea.gif') repeat-x #0c0c0c; border-top:#1A1A1A 1px solid; border-bottom:#333 1px solid; border-left:#1A1A1A 1px solid; border-right:#333 1px solid;}

/* Site Wide Buttons */
input.mainoption, input.button, input.liteoption, input.catbutton, input.submit{
    font: 13px 'Lato', arial, serif;
    text-transform: capitalize;
    margin:0;
    padding:2px;
    background:url('../images/search-btn.jpg') repeat-x #0c0c0c;
    border-top:#333 1px solid;
    border-bottom:#1A1A1A 1px solid;
    border-left:#333 1px solid;
    border-right:#1A1A1A 1px solid;
    color:#FFF;
}

input.mainoption:hover, input.mainoption a:hover, input.button:hover, input.button a:hover, input.liteoption:hover, input.liteoption a:hover, input.catbutton:hover, input.catbutton a:hover{
    border:1px solid #666;
    color:#FFF;
    cursor:pointer;
}
input.mainoption a:active, input.button a:active, input.liteoption a:active, input.catbutton a:active{
    border:1px solid #666;
    color:#FFF;
}
/* Drop Down Boxes */
select, input.noborder, .helpbox{margin:0; padding:3px; color:#999; background:#0c0c0c; font-size:11px; border-top:#1A1A1A 1px solid; border-bottom:#4e4e4e 1px solid; border-left:#1A1A1A 1px solid; border-right:#4e4e4e 1px solid;}


/* You Account Popup Ravens Nuke Only */
#ya_warning{ background:#000!important;}

/* Avatar Styling */
.avatar-bg{
    background:url('../forums/images/avatar-bg.png') no-repeat;
    display:block;
    width:100px;
    height:100px;
    padding-top:8px;
}
.avatar-bg img {
    width: 80px;
    height: 80px;
}

/* Attachment Mod */
td.attachrow        { font: normal 11px Verdana, Arial, Helvetica, sans-serif; background:#161616;border-bottom:1px solid #222; }
td.attachheader     { font: normal 11px Verdana, Arial, Helvetica, sans-serif; }
table.attachtable    { font: normal 12px Verdana, Arial, Helvetica, sans-serif; border-collapse : collapse; }

/* TS3 Viewer */
#tsbody{
    width: 250px; /* Plugin width */
    background-color:transparent; /* Background color */
    margin:0;
    padding:0;
}

#tsbanner{
    width: 250px; /* Banner width */
}

#tsbody h2{
    font-size:10px; /* Font size server name */
    color:white; /* Font color server name */
    margin-top:0px; /* Server name distance to the top */
    margin-bottom:5px; /* Server name to the bottom */
}

#tsbody h3{
    margin-top:0px; /* IP distance to the top */
    margin-bottom:5px; /* IP distance to the bottom */
}

#tsbody h3 a{
    text-decoration:none;
    color:white; /* Font color IP */
    font-size:16px; /* Font size IP*/
    padding:0;
}


.useron{
    font-size:10px; /* Font size User online */
    color:black; /* Font color headline: User online */
    margin-top:10px; /* User online distance to the top */
    margin-bottom:10px; /* User online distance to the bottom */
}


.tsca{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    color:white; /* Font color channel name */
    font-size:10px; /* Font size channel name */
    float:left;
    min-width:20px;
}

.tsna{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    color:black; /* Font color user name */
    font-size:10px; /* Font size user name */
    float:left;
    min-width:20px;
}

#legend h3{
    font-size:12px; /* Font size headline: Legend */
    color:black; /* Font color headline: Legend */
    margin-top:15px; /* Legend headline distance to the top */
    margin-bottom:5px; /* Legend headline distance to the bottom */
}


.tsle{
    color:black; /* Font color Legend text */
    font-size:12px; /* Font size Legend text */
    min-width:20px;
    float:left;
}

#ts3stats h3{
    font-size:14px; /* Font size headline: Statistic */
    color:black; /* Font color headline: Statistic */
    margin-top:15px; /* Statistic headline distance to the top */
    margin-bottom:5px; /* Statistic headline distance to the bottom */
}

#ts3stats table td{
    font-size:11px; /* Font size text Statistic */
    color:black; /* Font color text: Statistic */
    text-align:left;
    margin-top:0;
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;

}

.tsleer{
    width:20px;
    float:left;
}

#tscont{
    text-align:left;
    font-size: 11px;
    vertical-align: middle;
}

/* Make it a marquee */
.marquee {
    width: 650px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 50s linear infinite;
}

.marquee:hover {
    animation-play-state: paused
}

/* Make it move */
@keyframes marquee {
    0%   { text-indent: 27.5em }
    100% { text-indent: -105em }
}

/* Make it pretty */
.scroller {
    padding-left: 1.5em;
    position: relative;
    font: 16px 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
}



.scroller:after, .scroller::after {
    z-index: 1;
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 2em; height: 2em;
   
}

/* Style the links */
.vanity {
    color: #333;
    text-align: center;
    font: .75em 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
}

.vanity a, .scroller a {
    color: #1570A6;
    transition: color .5s;
    text-decoration: none;
}

.vanity a:hover, .scroller a:hover {
    color: #F65314;
}

/* Style toggle button */
.toggle {
    display: block;
    margin: 2em auto;
}