@font-face {
    font-family: 'open_sansregular';
  src: url(../../../images/df/font/OpenSans-Regular-webfont.eot);
 src: url(../../../images/df/font/OpenSans-Regular-webfont.eot?#iefix) format('embedded-opentype'),
          url(../../../images/df/font/OpenSans-Regular-webfont.woff) format('woff'),
          url(../../../images/df/font/OpenSans-Regular-webfont.ttf) format('truetype'),
          url(../../../images/df/font/OpenSans-Regular-webfont.svg#open_sansregular) format('svg');
    font-weight: normal;
    font-style: normal;
-webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'FontAwesome';
  src: url(../../../images/df/font/fontawesome-webfont.eot);
  src: url(../../../images/df/font/fontawesome-webfont.eot?#iefix) format('embedded-opentype'),
     url(../../../images/df/font/fontawesome-webfont.woff) format('woff'),
     url(../../../images/df/font/fontawesome-webfont.ttf) format('truetype'),
     url(../../../images/df/font/fontawesome-webfont.svg#FontAwesome) format('svg');
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

.wrap {
 width: 85%;
    margin:0 auto;
    text-align:left;
}

input#sboxin:focus, input[type="text"], input[type="password"] {
       outline: none;
      border:1px solid #127BAC;
}

#logo {
background: none;
width: 500px;
font-size: 30px;
height: 100px;
line-height: 100px;
margin-left: -16px;
font-weight: 600;
position: absolute;
text-shadow: 0px 1px 0px #185A74;
text-align: left;
}

#logo a, #logo {
opacity: 1;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}

#logo:hover a {
       opacity: 0.8;
       padding-left: 5px; 
       color: #127BAC !important;
}

#logo:hover span {
color: #FFF !important;
}

#logo span {
font-weight: 100;
color: #0A9FE4;
}

.header {
color: #FFF;
background: none;
height: 100px;
width: 100%;
padding: 0px 20px;
margin-left: -20px;
}

.headerwrap {
color: #777;
width: 100%;
height: 100px;
margin-top:50px;
}

.topwrap {
color: #FFF;
background: #111;
padding: 0px 20px;
height: 50px;
width: 100%;
margin-left: -20px;
vertical-align: middle;
}

.topwrap1 {
color: #FFF;
background: #111;
height: 50px;
width: 100%;
position: fixed;
top:0;
z-index: 100;
}

body {
	background: #1B1B1B;
	color: #fff;
	  font-family: 'open_sansregular';
	font-size: 13px;
        margin:0 auto;
	text-align: center; /* IE 5 fix */
	line-height: 1.4;
}

a:link {
	color: #f9f9f9;
	text-decoration: none;
}

a:visited {
	color: #f9f9f9;
	text-decoration: none;
}

a:hover, a:active {
	color: #999;
	text-decoration: none;
}

#container {
width: 85%;
	 background: #141414;
         color: #f7f7f7;
	margin: auto auto;
	padding: 20px;
	text-align: left; /* IE 5 fix */
}

#content {
	/* FIX: Make internet explorer wrap correctly */
	width: auto !important;

}

.menu ul {
	color: #000000;
	font-weight: bold;
	text-align: right;
	padding: 4px;
}

.menu ul a:link {
	color: #000000;
	text-decoration: none;
}

.menu ul a:visited {
	color: #000000;
	text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
	color: #4874a3;
	text-decoration: none;
}

#panel {
	background: #efefef;
	color: #000000;
	font-size: 11px;
	border: 1px solid #D4D4D4;
	padding: 8px;
}

#panel .remember_me input {
	vertical-align: middle;
	margin-top: -1px;
}

table {
	color: #f7f7f7;
	  font-family: 'open_sansregular';
	font-size: 13px;
}

.tborder {
background: #1A1A1A;
padding: 0;
width: 100%;
margin: auto auto;
border: 1px solid #131313;
border-bottom: none;
}

.thead {
	background: #127BAC;
	color: #ffffff;
        padding: 12px;
}

.thead a:link {
	color: #ffffff;
	text-decoration: none;
}

.thead a:visited {
	color: #ffffff;
	text-decoration: none;
}

.thead a:hover, .thead a:active {
	color: #ffffff;
	text-decoration: none;
}

.tcat {
background: #0F0F0F;
color: #C5C5C5;
text-shadow: 0 1px 1px #020202;
padding: 5px 10px;
font-size: 12px;
font-style: normal;
}

.tcat a:link {
	color: #f7f7f7;
}

.tcat a:visited {
	color: #f7f7f7;
}

.tcat a:hover, .tcat a:active {
	color: #777;
}

.trow1 {
background: #1B1B1B;
padding: 15px;
}

.trow3 {
border-bottom: 1px dashed #1D1D1D;
background: #141414;
padding:15px;
}

.trow2 {
background: #202020;
padding: 15px;
}

.trow_shaded {
	background: #3F3E3E;
}

.trow_selected td {
	background: #3F3E3E;
}

.trow_sep {
	background: #3F3E3E;
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

.tfoot {
	background: #0F0F0F;
       color: #FFF;
}

.tfoot a:link {
	color: #ffffff;
	text-decoration: none;
}

.tfoot a:visited {
	color: #ffffff;
	text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
	color: #ffffff;
	text-decoration: none;
}

.bottommenu {
	background: #efefef;
	color: #000000;
	border: 1px solid #4874a3;
	padding: 10px;
}

.navigation {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}

.navigation a:link {
	text-decoration: none;
}

.navigation a:visited {
	text-decoration: none;
}

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

.navigation .active {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}

.smalltext {
	font-size: 12px;
}

.largetext {
	font-size: 16px;
	font-weight: bold;
}

input.textbox, select, input[type="text"], input[type="password"] {
 background: #222;
border: 1px solid rgba(63, 63, 63, 0.25);
    border-radius: 2px 2px 2px 2px !important;
    color: #fff;
    margin: 0;
    padding: 5px;
}

input.textbox:focus {
        border: 1px solid #127BAC;
        outline: none;
        color: #fff;
}

textarea {
background: #222;
color: #FFF;
border: 1px solid rgba(63, 63, 63, 0.25);
line-height: 1.4;
font-size: 13px;
font-family: 'open_sansregular' !important;
}

textarea:focus {
        border: 1px solid #127BAC;
        outline: none;
        color: #fff;
}

select {
background: #272727;
border: 1px solid #131313;
}

select:focus {
        border: 1px solid #127BAC;
        outline: none;
        color: #fff;
}

input.textbox:focus, select:focus, textarea:focus {
       outline: none
}

input.textbox:focus, textarea:focus {
outline: none;
}

.editor {
background: #2f2f2f;
border: 1px solid #333;
}

.editor_control_bar {
background: #2F2F2F;
border: 1px solid #333;
padding: 8px 0px 8px 8px !important;
}


.autocomplete {
	background: #2f2f2f;
	border: 1px solid #333;
	color: black;
}

.autocomplete_selected {
	background: #292929;
	color: #fff;
}

.popup_menu {
	background: #333;
	border: 1px solid #2f2f2f;
}

.popup_menu .popup_item {
	background: #2f2f2f;
	color: #fff;
}

.popup_menu .popup_item:hover {
	background: #333;
	color: #fff;
}

.trow_reputation_positive {
background: #62B93F;
border-radius: 2px;
padding: 5px;
color: #F7F7F7;
}

.trow_reputation_negative {
background: #DF3D3D;
}

.reputation_positive {
	color: green;
}

.reputation_neutral {
	color: #444;
}

.reputation_negative {
	color:#970E0E;;
}

.invalid_field {
	border: 1px solid #E03232 !important;
color: #E43A3A !important;
}

.valid_field {
	border: 1px solid #58CA58 !important;
}

.validation_error {
	color: #E93535;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-left: 22px;
}

.validation_error:before {
content:"\f05c";
font-family:FontAwesome;
font-size:16px;
color: #E93535;
margin-right: 5px;
font-weight: normal;
}

.validation_success {
	color: #00b200;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-left: 22px;
}

.validation_success:before {
content:"\f05d";
font-family:FontAwesome;
font-size:16px;
color: #00b200;
margin-right: 5px;
font-weight: normal;
}

.validation_loading:before {
content:"\f013";
font-family:FontAwesome;
font-size:16px;
color: #127BAC;
margin-right: 5px;
font-weight: normal;
display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;
}

@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}


/* Additional CSS (Master) */
img {
	border: none;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
	float: none;
	width: 1%;
}

.hiddenrow {
	display: none;
}

.selectall {
	background-color: #FFFBD9;
	font-weight: bold;
	text-align: center;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.menu ul {
	list-style: none;
	margin: 0;
}

.menu li {
	display: inline;
	padding-left: 5px;
}

.menu img {
	padding-right: 5px;
	vertical-align: top;
}

#panel .links {
	margin: 0;
	float: right;
}

.expcolimage {
	float: right;
	width: auto;
	vertical-align: middle;
	margin-top: 3px;
        background: rgba(0, 0, 0, 0.28);
        border-radius: 2px;
}

img.attachment {
	border: 1px solid #E9E5D7;
	padding: 2px;
}

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

#debug {
	float: right;
	text-align: right;
	margin-top: 0;
}

blockquote {
border: 1px solid #242424;
margin: 0;
background: #161616 url(../../../images/df/quote.png)top right;
background-repeat: no-repeat;
padding: 8px;
}

blockquote cite {
	font-weight: bold;
	border-bottom: 0px solid #000;
        padding-bottom: 15px;
	font-style: normal;
	display: block;
	margin: 4px 0;
}

blockquote cite span {
	float: right;
	font-weight: normal;
}

blockquote cite span.highlight {
	float: none;
	font-weight: bold;
	padding-bottom: 0;
}

.codeblock {
border: 1px solid #111;
margin: 0;
background: #161616 url(../../../images/df/code.png)top right;
background-repeat: no-repeat;
padding: 8px;
}

.codeblock .title {
	border-bottom: 0px solid #ccc;
	font-weight: bold;
	margin: 4px 0;
}

.codeblock code {
	overflow: auto;
	height: auto;
	max-height: 200px;
	display: block;
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 13px;
}

.subforumicon {
	vertical-align: middle;
background: none;
margin-right: 5px;
margin-top: -5px;
}

.separator {
	margin: 5px;
	padding: 0;
	height: 0px;
	font-size: 1px;
	list-style-type: none;
}

form {
	margin: 0;
	padding: 0;
}

.popup_menu .popup_item_container {
	margin: 1px;
	text-align: left;
}

.popup_menu .popup_item {
	display: block;
	padding: 3px;
	text-decoration: none;
	white-space: nowrap;
}

.popup_menu a.popup_item:hover {
	text-decoration: none;
}

.autocomplete {
	text-align: left;
}

.subject_new {
	font-weight: bold;
}

.highlight {
	background: #FFFFCC;
	padding-top: 3px;
	padding-bottom: 3px;
}

.pm_alert {
background: #1AA82B;
border: 1px solid #33A729;
box-shadow: 0px 3px 0px #1A7417;
text-align: center;
padding: 10px;
margin-bottom: 15px;
font-size: 11px;
}

.red_alert {
background: #EE4545;
border: 1px solid #EB4141;
box-shadow: 0px 3px 0px #992E2E;
text-align: center;
padding: 10px;
margin-bottom: 15px;
font-size: 11px;
}

.high_warning {
	color: #CC0000;
}

.moderate_warning {
	color: #F3611B;
}

.low_warning {
	color: #AE5700;
}

div.error {
padding: 5px 10px;
border-top: 2px solid #E4202F;
border-bottom: 2px solid #D32338;
background: #C72222;
font-size: 12px;
}

div.error p {
	margin: 0;
	color: #000;
	font-weight: normal;
}

div.error p em {
font-style: normal;
font-weight: bold;
padding-left: 24px;
display: block;
color: #FCFCFC;
text-shadow: 1px 1px 0px rgba(17, 17, 17, 0.72);
}

div.error p em:before {
font-family: FontAwesome;
color: #FCFCFC;
content:"\f12a";
margin-right: 6px;
background: rgba(17, 17, 17, 0.4);
padding: 3px 6px;
border-radius: 2px;
}

div.error ul {
	margin-left: 24px;
}

.online {
	color: #15A018;
}

.offline {
	color: #C7C7C7;
}

.pagination {
	font-size: 11px;
	padding-top: 10px;
	margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
	padding-top: 0;
}
.pagination .pages {
	font-weight: bold;
}

.pagination .pagination_current, .pagination a {
	padding: 4px 8px;
	margin-bottom: 3px;
}

.pagination a {
	border: 1px solid #252525;
	background: #212121;
}

.pagination .pagination_current {
	background: #0C0C0C;
	border: 1px solid #0C0C0C;
	font-weight: bold;
	color: #127BAC;
}

.pagination a:hover {
	background: #127BAC;
        color: #fff;        
	border: 1px solid #186FA0;
	text-decoration: none;
}

.thread_legend, .thread_legend dd {
	margin: 0;
	padding: 0;
}

.thread_legend dd {
	padding-bottom: 4px;
	margin-right: 15px;
}

.thread_legend img {
	margin-right: 4px;
	vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
	margin: 0;
	padding: 0;
}

.forum_legend dd {
	float: left;
	margin-right: 10px;
}

.forum_legend dt {
	margin-right: 10px;
	float: left;
}

.success_message {
	color: #00b200;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.error_message {
	color: #C00;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.post_body {
	padding: 5px;
}

.post_content {
	padding: 5px 10px;
}

.quick_jump {
	background: url(../../../images/df/jump.gif) no-repeat 0;
	width: 13px;
	height: 13px;
	padding-left: 13px; /* amount of padding needed for image to fully show */
	vertical-align: middle;
	border: none;
}

.repbox {
	font-size:16px;
	font-weight: bold;
	padding:5px 7px 5px 7px;
}

._neutral {
background-color: #3C3C3C;
color: #FFF;
border: 1px solid #3D3D3D;
border-radius: 2px;
box-shadow: 0px 3px 0px #272626;
}

._minus {
background-color: #E24242;
color: #F5F5F5;
border: 1px solid #DF3B3A;
border-radius: 2px;
box-shadow: 0px 3px 0px #AD2929;
}

._plus {
background-color: #2CD42C;
color: #080;
border: 1px solid #47D341;
border-radius: 2px;
box-shadow: 0px 3px 0px #2D8F29;
}

.pagination_breadcrumb {
	background-color: #f5f5f5;
	border: 1px solid #fff;
	outline: 1px solid #ccc;
	padding: 5px;
	margin-top: 5px;
	font-weight: normal;
	white-space: nowrap;
}

.pagination_breadcrumb_link {
	vertical-align: middle;
	cursor: pointer;
}

.pbit {
        background: #fff;
        border-radius: 3px;
        border: 1px double #dadada;
        font-size: 11px;
        font-weight: normal;
        margin-bottom: 3px;
        padding: 6px 5px 5px;
        text-align: left;
        width: 92%;
}