body {
    margin: 0;
    background-image: url('https://www.shattered-legacy.com/forum/styles/sl/main-bg.jpg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.forum_wrapper {
    background: #191514 none;
    padding:0px 0px 10px 0px;
    overflow: hidden;
    border-left: 20px double #3c1818;
    border-right: 20px double #3c1818;
    margin: 0 auto 0 auto;
}

#member_info div.avatar a img,
#dbtech_infopanel td a img {
    height: 100px !important;
    width: 77px !important;
}

.popupbody {
    position: fixed !important;
    z-index: 1;
    width: 150px;
}

#charnav,
#charnav a {
    border: 1px solid #3c1818 !important
}

hr {
    border: 0 !important;
    height: 1px !important;
    background: #3c1818 !important;
}

.forumbit_post  {
    border-bottom: 1px solid #3c1818 !important
}

#memberlist_table td {
    border-bottom: 1px solid #3c1818 !important
}

/********************** TABS **********************/

.tab-container {

    margin: 10px 0 0 0;
    padding-bottom: 20px;
}

ul#info-tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul#info-tabs li {
    background: #000000;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

ul#info-tabs li.current {
    background: #171717;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-left: 1px solid #3c1818;
    border-top: 1px solid #3c1818;
    border-right: 1px solid #3c1818;
    padding-bottom: 12px;
    position: relative;
    z-index: 1;
}

.tab-content {
    display: none;
    box-shadow: 0px 0px 14px 4px rgba(0, 0, 0, 0.5);
    border-radius: 0 10px 10px 10px;
    padding: 20px 10px 10px 10px;
    background: #171717;
    border: 1px solid #3c1818;
    font-family: 'Calibri';
    font-size: 14px;
    line-height: 150%;
    margin-top: -2px;
    text-align: justify;
}

.user-avatar img {
    margin-top: 17px;
	margin-left: -6px;
    position: relative;
    z-index: 0;
	border: 6px double #3c1818;
}

/*.tab-content-txt {
    font-family: 'Open Sans';
    font-size: 12px;
}*/

.tab-content.current {
    display: inherit;
}

.field-left {
    padding: 3px;
    font-weight: bold;
    font-size: 10px;
    border-radius: 0px !important;
    text-transform: uppercase;
    background: #1e1e1e;
    color: #7e1810;
}

.field-right {
    font-size: 11px !important;
    padding: 3px;
}

.ug {
    font-family: Cinzel;
}

.admins,
.ug6 {
    color: #726153;
    font-weight: bold;
}

.assamites {
    color: #ffa81f;
    font-weight: normal;
}

.corax {
	color: #4a5944;
	font-weight: normal;
}

.vampire {
    color: #b22222;
    font-weight: normal;
}

.caitiff {
    color: #996600;
    font-weight: normal;
}

.demons {
    color: #ff0033;
    font-weight: normal;
}

.gangrel {
    color: #00a252;
    font-weight: normal;
}

.garou {
    color: #00c000;
    font-weight: normal;
}

.ghouls {
    color: #cccc66;
    font-weight: normal;
}

.gm,
.usergroup-5 {
    color: #d4af37;
    font-weight: bold;
}

.giovanni {
    color: #777777;
    font-weight: normal;
}

.lasombra {
    color: #565656;
    font-weight: normal;
}

.kinfolk {
    color: #8fbf8f;
    font-weight: normal;
}

.mage {
	color: #ab33ff;
	cong-weight: normal;
}

.malkavians {
    color: #663399;
    font-weight: normal;
}

.mortals {
    color: #cdaa7d;
    font-weight: normal;
}

.narrator,
.ug7 {
    color: #ccc;
    font-weight: bold;
}

.niederadel {
    color: #3199ff;
    font-weight: normal;    
}

.nosferatu {
    color: #666666;
    font-weight: normal;
}

.nsc {
    color: #5e8498;
    font-weight: normal;
}

.player,
.ug31 {
    color: #566692;
    font-weight: normal;
}

.ravnos {
    color: #3199ff;
    font-weight: normal;
}

.setites {
    color: #ffff00;
    font-weight: normal;
}

.toreador {
    color: #c000c0;
    font-weight: normal;
}

.tremere {
    color: #333399;
    font-weight: normal;
}

.tzimisce {
    color: #8f4736;
    font-weight: normal;
}

.ventrue {
    color: #4169e1;
    font-weight: normal;
}

.forumrow .forumtitle {
    font-family: cinzel;
}

.chars {
    background: #008080;
    border-radius: 3px;
    font-family: PT Sans Narrow;
    color: #fff;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    text-transform: uppercase;
}

.infos {
    background: #a68318;
    border-radius: 3px;
    font-family: PT Sans Narrow;
    color: #fff;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    text-transform: uppercase;
}

.news{
    background: #a8d27b;
    border-radius: 3px;
    font-family: PT Sans Narrow;
    color: #000;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    text-transform: uppercase;
}

.prolog {
    background: #417394;
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    text-transform: uppercase;
    font-family: 'PT Sans Narrow'
}

.ig-active {
    background: #009600;
    border-radius: 3px;
    font-family: PT Sans Narrow;
    color: #000;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    text-transform: uppercase;
}

.ig-active {
    background: #009600;
    border-radius: 3px;
    font-family: PT Sans Narrow;
    color: #fff;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    text-transform: uppercase;
}

.ig-close {
    background: #960000;
    border-radius: 3px;
    font-family: PT Sans Narrow;
    color: #fff;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    text-transform: uppercase;
}

.tdright {
    text-align: right;
}

/****** CAROUSEL ******/

#infobox2,
#infobox3 {
    display: none;
}

.page {
    float: left;
    width: 1200px;
}

table {
    width: 100%;
}

.infobox-container {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    height: 200px;
    margin-bottom: 20px;
}

.infobox {
    position: absolute;
    width: 1200px;
    top: 0;
    left: 0;
    height: auto;
    overflow: hidden;
}

td.tableb {
    text-align: justify;
    padding: 5px;
    width: 430px;
    font-family: Tahoma;
    font-size: 10px;
    height: 160px;
}

.tabscroll {
    padding: 5px 0 5px 5px;
    max-height: 160px;
    overflow-y: scroll;
}

.prev-btn, .next-btn {
    font-size: 24px;
    background-color: transparent;
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #3c1818;
}

.prev-btn {
    left: -15px;
}

.next-btn {
    right: -15px;
}

.tablea {
    background: #150f0f;
}

.td.tabletitle {
    width: 430px;
}

.ctt {
    background: #371717;
    text-align: center;
    font-weight: bold;
}

.ctd {
    background: #371717;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Cinzel Decorative';
}

.ctti {
    padding-top: 5px;
    text-align: center;
}

.ctsl {
    text-align: center;
}

/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #150f0f;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: darkred;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #b30000;
}

.boofo_usergroup {
    font-size: 9px;
    word-wrap: break-word; !important;
}

/***Profile Box***/

#contentBox {
    width: 90%;
    height: auto;
    padding: 15px;
    border: 4px solid #3c1818;
    margin: auto;
    background: #150f0f;
    background-attachment: fixed;
}


#contentBox .cms_table  td {
    padding: 2px 10px 2px 2px;
}

.tab-content .cms_table {
    border-collapse: separate;
    border-spacing: 3px;
    padding: 2px !important;
	width: 500px;
}

.headingA {
    font-family: 'Cinzel Decorative';
    font-size: 33px;
    text-transform: uppercase;
    letter-spacing: 5px;
}

.headingB {
    font-family: Cinzel;
    font-size: 12px;
    font-style: italic;
    border-bottom: 2px solid #3c1818;
    text-transform: uppercase;
    letter-spacing: 5px;
}

.headingC {
    font-family: Cinzel;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 5px;
}


.hul {
    border-bottom: 2px solid #3c1818;
}

.textA {
    font-family: 'PT Sans Narrow';
    font-size: 14px;
}

.catTxt {
    font-family: 'Cinzel';
    font-size: 24px;
    background-color: #3c1818;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.normTxt {
    font-family: 'PT Sans Narrow';
    font-size: 14px;
    font-weight: 600;
}

.boxPicsA {
    float: left;
    width: 153px;
    height: 200px;
    border-radius: 50px;
    padding: 10px;
}
.boxPicsB {
    float: right;
    width: 153px;
    height: 200px;
    border-radius: 50px;
    padding: 10px;
}

.boxPicsBL {
    float: right;
    width: 200px;
    height: 153px;
    border-radius: 50px;
    padding: 10px;
}


.cms_table_thl, .cms_table_thr {
    background: #252422;
}

.cms_table_tdo {
    background: #1e1e1e;
}

.username-container .username {
    padding-top: 10px;
    font-size: 20px !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.username-container .memberaction {
    margin-top: 3px;
}

.cs-eucit {
    background: sandybrown;
    border-radius: 3px;
    color: #000;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    text-transform: uppercase;
    font-family: 'PT Sans Narrow'
}

.cs-brujah {
    background: #B22222;
    border-radius: 3px;
    color: #FFF;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    text-transform: uppercase;
    font-family: 'PT Sans Narrow'
}

.cs-usa {
    background: #ffcb05;
    border-radius: 3px;
    color: #000;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    text-transform: uppercase;
    font-family: 'PT Sans Narrow'
}

.cs-goauld {
    background: #ff8040;
    border-radius: 3px;
    color: #000;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    text-transform: uppercase;
    font-family: 'PT Sans Narrow'
}

.cs-usaf {
    background: #005da3;
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    text-transform: uppercase;
    font-family: 'PT Sans Narrow'
}

.cs-usn {
    background: #FFF;
    border-radius: 3px;
    color: #000;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    text-transform: uppercase;
    font-family: 'PT Sans Narrow'
}

.cs-giovanni {
    background: #777777;
    border-radius: 3px;
    color: #FFF;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    text-transform: uppercase;
    font-family: 'PT Sans Narrow'
}

.cs-uscg {
    background: #4C5178;
    border-radius: 3px;
    color: #FFF;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    text-transform: uppercase;
    font-family: 'PT Sans Narrow'
}

.cs-malkavians {
    background: #663399;
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    text-transform: uppercase;
    font-family: 'PT Sans Narrow'
}

.cs-mortals {
    background: #cdaa7d;
    border-radius: 3px;
    color: #000;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    text-transform: uppercase;
    font-family: 'PT Sans Narrow'
}

.cs-ukrm {
    background: #006400;
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    text-transform: uppercase;
    font-family: 'PT Sans Narrow'
}

.cs-mexcit {
    background:#996600;
    border-radius: 3px;
    color: #000;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    text-transform: uppercase;
    font-family: 'PT Sans Narrow'
}

.cs-colcit {
    background:#fb9d07;
    border-radius: 3px;
    color: #000;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    text-transform: uppercase;
    font-family: 'PT Sans Narrow'
}

.cs-aliens {
    background: #00cab9;
    border-radius: 3px;
    color: #000;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    text-transform: uppercase;
    font-family: 'PT Sans Narrow'
}

.cs-wraith {
    background: #99cc99;
    border-radius: 3px;
    color: #000;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    text-transform: uppercase;
    font-family: 'PT Sans Narrow'
}

.cs-goauld {
    background: #ff8040;
    border-radius: 3px;
    color: #000;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    text-transform: uppercase;
    font-family: 'PT Sans Narrow'
}

.cs-jaffa {
    background: #8d3f3f;
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    text-transform: uppercase;
    font-family: 'PT Sans Narrow'
}

.cs-othercit {
    background: #b4ab96;
    border-radius: 3px;
    color: #000;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    text-transform: uppercase;
    font-family: 'PT Sans Narrow'
}

.rules {
    background: #a24530;
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    text-transform: uppercase;
    font-family: 'PT Sans Narrow'
}

.nsc-clan {
	top: 30px;
	right: 10px;
	position: absolute;
	z-index: 1 !important;
	background: #1b1b1b;
}

.nsc-name {
	font-size: 20px;
	position: absolute;
	width: 280px;
	height: 30px;
	margin-top: -98px;
	background: #1b1b1b;
	text-align: left;
	margin-left: -11px;
	color: #7b6e53;
}

.nsc-pic {
	margin-top: -79px;
	margin-left: -261px;
	position: absolute;
	z-index: 1;
}

.site_box {
    background: #150f0f;
    border: 1px solid #3c1818;
	padding: 10px;
}

.site_content ul {
	list-style-type: disc !important;
}

.fc-frame {
	border: 0;
	overflow: hidden; 
	width: 100%;
	height: 3200px;

}

.fc-names {
	border: 0;
	overflow: hidden; 
	width: 100%;
	height: 3600px;
}
	
.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.heading {
	font-family: Cinzel;
	font-size: 48px;
	font-variant:small-caps;
	font-weight: bold;
}

.articles {
	font-family: 'Cinzel';
	font-size: 18px;
	font-variant:small-caps;
	font-weight: bold;
}

.smalltext {
	font-size: 10px;
}

.center {
	text-align: center;
}

.rankimg {
	text-align: right;
	padding-right: 10px;
	max-width: 140px !important;
}

.emblem {
	width: 45px;
	text-align: center;
}

div.cms_table {
	overflow:auto;
	overflow-y:hidden;
	padding:1px;
}

table.cms_table_grid,
table.wysiwyg_cms_table_grid {
	border-collapse: collapse;
	margin-bottom:0;
}

td.cms_table_grid_td,
td.wysiwyg_cms_table_grid_td {
	border: {vb:stylevar bbcode_table_border};
}

table.cms_table_outer_border,
table.wysiwyg_cms_table_outer_border {
	border-collapse: collapse;
	border: {vb:stylevar bbcode_table_border};
}

td.cms_table_td,
td.cms_table_outer_border_td {
	border:none;
}

.restore .nsc-pic,
.restore .nsc-name,
.restore .nsc-n,
.restore .ranktitle,
.restore .nscro,
.restore .nsc-rank{
	display: none !important;
}

.nscro {
	background: #1b1b1b;
	width: 500px;
	height:60px;
	margin-top: -90px;
	margin-left: 425px;
	position: absolute;	
}

.rankclr {
	margin-top: -100px;
	right: 13px;
	position: absolute;
    height: 50px;
    width: 400px;
    background: #1b1b1b;
}

.nscrn {
	margin-top: -115px;
	margin-left: 510px;
	position: absolute;
}

.nsc-rank {
	right: 20px;
	position: absolute;
	z-index: 1 !important;
}


.textbox,
select,
option {
    background: #202020 !important;
    color: #777 !important;
    border: 1px solid #3d1918 !important;
}

input {
    background: #202020 !important;
    color: #777 !important;
	font-family: PT Sans Narrow !important;
	border: 1px solid #3d1918 !important;
}

#userinfos_top .urank {
	font-size: 13px;
	margin: 0 0 0 10px;
}

#userinfos_top .urank2 {
	font-size: 13px;
	margin: 0 0 0 0px;
}

/*legend {
	color: #7B6E53 !important;
}*/