@font-face {
    font-family: main;
    src: url("../Asset/fonts/TF2secondary.ttf");    /*I added this just incase the other one fails */
    /*I added this just incase the other one fails */
    /* src: url("../Asset/fonts/tf2build.ttf"); */
    
}

@font-face {
    font-family: title;
    src: url("../Asset/fonts/tf2build.ttf");
    /*I added this just incase the other one fails */
    /* src: url("../Asset/fonts/tf2build.ttf"); */
}

@keyframes link_hover {
    from {color: orangered;}
    to {color: #0a0000;}
}
@keyframes header_hover {
    from {color: white;}
    to {color: red;}
}

@keyframes sm_hover {
    from {width: 30px; height: 30px;}
    to {width: 32px; height: 32px;}
}
@keyframes sm_leave {
    from {width: 72px; height: 72px;}
    to {width: 64px; height: 64px;}
}

p{
    margin-top: 15px;
    margin-bottom: 15px;
}

.clickDetect {
    cursor: default;
}

.clickDetect:hover{
    cursor: pointer;
}

/*Light box code
    Modal is the black background
*/
.modal{
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 70px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(48,0,0,.75);
  z-index: 100;
}

.modalCenterOnly {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(48,0,0,.75);
    z-index: 100;
}

.modal2ndLayer{
    width: 100%;
    height: 100%;
    position: relative;
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.modal_nav {
    display: none;
    position: fixed;
    z-index: 3;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(49, 0, 0, 0.8);
}
a:hover{
    cursor: pointer;
}


/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}
.min_contentadmin{
    width: 70%;
    min-width: 400px;
    max-width: 800px;
    background-color: #c89d00; 
    bottom: -10px;
    margin: auto;
    border-style: solid;
    border-width: 3px;
    border-color: #c08000;
    box-shadow: 0px 0px 5px #190000;
    z-index: 3;
    border-radius: 20px;
     overflow-y: auto;
    overflow-x: hidden;
    padding: 20px;
    max-height: calc(100% - 200px);
}
.min_contentadmin_extended {
    width: 65%;
    min-width: 400px;
    max-width: 1280px;
    background-color: #c89d00;
    bottom: -10px;
    margin: auto;
    border-style: solid;
    border-width: 3px;
    border-color: #c08000;
    box-shadow: 0px 0px 5px #190000;
    z-index: 3;
    border-radius: 20px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px;
    max-height: calc(100% - 200px);
}

@media only screen and (max-width: 1400px) {
    .min_contentadmin_extended{
        width: 85%;
    }
    .modal {
        padding-top: 45px;
    }
}

/*Modal content end*/
.hidden_txt{
    color: #330033;
}
.division_para{
    margin-top: 15px;
    margin-bottom: 15px;
}
.button_spacing{
    margin: 3px;
}
.big_button_spacing{
    margin: 15px;
}
.content_spacing{
    margin: 10px;
}
a{
    text-decoration: none;
    color: maroon;
}
.status_update{
    width: calc(100% - 110px);
}
.status_update_left{
    width: 160px;
}
.roblox_username_tag{
    background-color: #bfbfbf;
    color: black;
     font-family: "Verdana","Geneva","Arial";
     padding: 5px;
    /*
    border-style: solid;
    border-width: 1px;
    border-color: #1a0000;
*/
     border-radius: 3px;
     font-size: 16px;
     overflow: auto;
     margin: 3px;
}
.center_roblox_username{
    vertical-align: middle;
    float: left;
    overflow: auto;
    margin: 3px;
}
.roblox_username_tag:hover{
    background-color: #00A2FF;
    color: white;
}
.roblox_img{
    width: 20px;
    height: 20px;
    float: left;
    margin: 3px;
}
html {
    padding: 0px;
    /*
    Regular bkg  */
    background-color: maroon;
    /*
    background-image: url("./s17-images/SS-NewBKG2020.jpg");
    */
    background-image: url("https://www.seraphims-studio.com/Images/SSG_wikia_bkg.jpg");
    background-position: center;
    background-attachment: fixed;
    background-repeat: repeat-x;
    /*
    Regular bkg end
*/
    /* Halloween theme 2018! */
    /* Halloween theme 2019 and 2020 start! */
    /*background-image: url(/Styles/seasonal/Seraphims-S-Halloween-BKG-2019.jpg); ---2019 Halloween background*/
    /*2020 Halloween background*/
    /*
    background-color: black;
    background-image: url('./seasonal/Seraphims-S-Halloween-BKG-2020.jpg');
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    */
    /* Halloween theme 2019 end! */
    /* cHRISTMAS theme 2019 start! */
    /*
    background-color: black;
    background-image: url('https://www.seraphims-studio.com/Styles/seasonal/SS-Christmas-Background-2019.jpg');
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
*/
    /* Halloween theme 2019 end! */
    font-family: main,"Berlin Sans FB","Trebuchet MS";
    /* height: 100% */
}
body {
    margin: 0px;
    height: 100%;
    text-shadow: 1px 1px 5px #7b6100;
}
.hrOLD{
    border-style: solid;
    border-width: 1px;
    border-color: #1a0000;
}

hr {
    border-color: #ab7200;
    border-width: 2px;
    /*border-bottom: solid;*/
    margin-top: 10px;
    margin-bottom: 10px;
    width: 95%;
}

.image_bkg{
    background-color: black;
}
.left-float{
    float: left;
}
.break-next-left{
    clear: left;
}
.reposive-left{
    max-width: 100%;
    height: auto;
}
.responsive-left{
    max-width: 100%;
    height: auto;
    float: left;
}
.responsive-half-center {
    max-width: 50%;
    height: auto;
}
.responsive-center-full {
    max-width: 100%;
    height: auto;
}
.responsive-right{
    max-width: 100%;
    height: auto;
    float: right;
}
.responsiveFlexible{
    max-width: 100%;
}
.responsive-general{
    max-width: 100%;
    height: auto;  
}
.online_status{
    width: 20px;
    height: 20px;
}
.online_status_mini {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    margin-right: 5px;
}

.mini_online_status{
    width: 15px;
    height: 15px;
    margin-right: 5px;
}
.tiny_online_status{
    width: 10px;
    height: 10px;
    margin-right: 5px;
}
/*Homepage Main*/
.home-split1{
    float: left;
    width: 74%;
}
.home-split2{
    float: right;
    width: 25%;
}
@media only screen and (max-width: 900px) {
    /*For mobile*/
    .home-split1 {
        float: left;
        width: 100%;
    }

    .home-split2 {
        float: left;
        width: 100%;
    }
}


.homepage_content_padding{
    padding: 10px;
}
.homepage_title_padding {
    padding: 15px;
}

/*Other home page content*/
.ssg_game_feature{
    float: left;
    background-color: #890202;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: white;
    width: 100%;
    margin-bottom: 10px;
}
.ssg2_game_feature {
    float: left;
    background-color: #890202;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: white;
    width: 100%;
    margin-bottom: 10px;
    background-color: #42001c;
}
.r2dr_game_feature {
    float: left;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #254d74;
    color: white;
    width: 100%;
    margin-bottom: 10px;
}
.game_content_title{
	font-family: title,"Berlin Sans FB Demi","Arial Black";
    font-size: 20px;
    text-align: center;
    border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     color: white;
}
.game_title_ssg{
    background-color: #300000;
}
.game_title_ssg2 {
    background-color: #0c0011;
}
.game_title_r2dr{
    background-color: #07131e;
}
.play_button{
    background-color: #02b757;
    color: white;
    border: 1px solid transparent;
    border-color: #008d42;
    cursor: pointer;
    text-align: center;
    font-size: 24px;
    font-family: title,"Berlin Sans FB Demi","Arial Black";
    border-radius: 5px;
    padding: 12px
}
.small-download-button{
    background-color: #02b757;
    color: white;
    border: 1px solid transparent;
    border-color: #008d42;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    font-family: title,"Berlin Sans FB Demi","Arial Black";
    border-radius: 5px;
    padding: 6px;
}
.play_button:hover, .small-download-button:hover{
    background-color: #038103;
    color: lightgrey;
    border-color: darkgreen;
}
.play_button:active, .small-download-button:active{
    background-color: limegreen;
    color: lightgrey;
    border-color: forestgreen;
}
.play_button_homepage{
    margin: 7px;
    width: 75%;
}

.learnmore_button {
    background-color: #f99900;
    color: white;
    border: 1px solid transparent;
    border-color: #884305;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    font-family: title,"Berlin Sans FB Demi","Arial Black";
    border-radius: 5px;
    padding: 5px;
    overflow: auto;
}

    .learnmore_button:hover {
        background-color: #9b5f00;
        color: lightgrey;
        border-color: #884305;
    }

    .learnmore_button:active {
        background-color: orange;
        color: lightgrey;
        border-color: #ffe400;
    }
.buttonwimages{
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
}
.subButtonPositioning {
    float: left;
    margin-top: 5px;
    padding-left: 10px;
}



    
/*Homepage end*/
            
/*Header content starts*/
.Header {
    background-color: #c89d00;
    width: 100%;
    height: 105px;
    /*Regular Website content*/
    /*
     No more linear background color 
    background: linear-gradient(orange,rgba(192,128,0,1));
    /*Regular Website content End*/
    /*Regular Website content - Halloween 2019*/
    /*
    background: linear-gradient(#bb3889,rgb(104, 18, 113));
*/
    /*Halloween 2020 header color theme*/
    /*
    background-color: #903d74;
*/
    /*Regular Website Halloween 2019 End*/
    /*Christmas 2019 Header*/
    /*
    background: linear-gradient(#2e9fc1,rgb(115, 12, 185));*/
    /*Christmas 2019 Header end*/
    position: fixed;
    z-index: 10;
    box-shadow: 0px 5px 5px #500;
    float: left;
    margin-top: -24px;
}

.headerStatsCounter {
    float: left;
    border-style: solid;
    border-radius: 5px;
    border-color: #977600;
    background-color: #ab8500;
    width: 130px;
    margin-left: 3px;
}
.headerMiniStatsIcons{
    width: 32px;
    height: 32px;
}
.headerStatsCountSpacing{
   /* margin: 3px; */
}
.headerStatsColor{
    color: white;
}
.headerStatsAmountNotify{
    /*Probably nothing*/
}

.smallerRightHeaderContentMaster {
    float: right;
    height: 68px;
    position: relative;
    width: 230px;
}
.VerticalCenterUniversal {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.SocialMedia_Icons {
    float: left;
    height: 32px;
    margin-top: 8px;
    margin-left: 16px;
}
.sm_icons:hover{
    animation-name: sm_hover;
    animation-duration: 1s;
}

.sm_icons{
    width: 40px;
    height: 40px;
    float: left;
}

.logo{
    width: 210px;
    height: 105px;
    float: left;
}
.error_text_bkg{
    background-color: rgba(139,0,0,.75);
    border-radius: 3px;
    width: 100%;
    overflow: auto;
}
.error_padding{
    padding: 20px;
    font-size: 18px;
    text-align: center;
}
.sucess_text_bkg{
    background-color: rgba(0,100,0,.5);
    padding:5px;
    /*width: 100%;*/
    border-radius: 3px;
    overflow: auto;
}

.warning_text_bkg {
    background-color: rgba(255, 251, 0, 0.75);
    padding: 5px;
    /*width: 100%;*/
    border-radius: 3px;
    overflow: auto;
}
.hardWarningText {
    color: #534e00;
}

.bolder {
    font-family: title, "Berlin Sans FB Demi","Arial Black";
    color: white;
}
.user_content{
    float: right;
    max-width: 50%;
    margin-top: -10px;
}
/*Mobile scren*/
@media only screen and (max-width: 774px) {
    .user_content {
        display: none;
    }
}

@media only screen and (max-width: 1000px) {
    .user_content {
        max-width: 65%;
    }
}


.userimg{
    width: 64px;
    height: 64px;
}
.usercontent-left{
    float: left;
    padding: 5px;
    text-align: center;
    font-size: 18px;
}
.loggedin{
    color: white;
    font-family: title,"Berlin Sans FB Demi","Arial Black";
    font-size: 16px;
}
.usercontent-right{
    float: right;
    padding: 5px;
}
/*Header content end*/
/*Text styles start*/
.sucess{
    color: #aaff00;
}
.mini_header{
    font-size: 18px;
    color: darkred;
    clear: left;
}
.underline{
    text-decoration: underline;
}
.error{
    color: red;
}
content:after {
  content: "Foo";
  visibility: hidden;
  display: block;
  height: 0px;
  clear: both;
}
.HeaderText{
    font-size: 32px;
    font-weight: bold;
    float: inherit;
}
.SubHeader2Text{
    font-size: 18px;
    text-align: center;
}
.SubHeaderText{
    font-size: 24px;
    font-weight: bold;
}
.notice {
    color: #9d0000;
    text-shadow: 1px 1px 1px #000;
}
.link {
    color: #d90000;
    text-decoration: none;
    text-shadow: 0px 1px 1px #600000;
}
.plainLink{
    color: white;
    text-decoration: none;
}
    .plainLink:hover {
        color: #c40000;
    }
    .plainLink:active {
        color: yellow;
    }


.fake-link{
    color: #800000;
    text-decoration: none;
}

.wikilink{
    color: darkred;
    text-decoration: none;
}
.link:hover{
    animation-name: link_hover;
    animation-duration: 0.5s;
}
.paragraph{
    float: left;
}
.HeaderLinks_sizing{
    /*Social media links are removed from the primary navagation bar*/
    /*margin-left: -270px;*/
    width: calc(100% - 685px);
    overflow: auto;
    float: left;
}
.loggedin_header_margin{
    margin-top: -25px;
}
.not_logged_inheader{
    margin-top: 8px;
}

.mobileButtonsStatsAreaIMG {
    width: 48px;
    height: 48px;
}

.HeaderLinks{
    padding: 5px;
    background-color: darkred;
    background: linear-gradient(rgba(144,0,0,1),rgba(64,0,0,1));
    float: left;
    margin-top: 30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    /*Social media links are removed from the primary navagation bar*/
    /*margin-left: -270px;*/
    width: calc(100% - 10px);
    overflow: auto;
}
.HeaderLinksSecondary{
    padding: 3px;
    background-color: #200000;
    font-size: 16px;
    float: left;
    font-family: title,"Berlin Sans FB Demi","Arial Black";
    width: calc(100% - 6px);
    overflow: auto;
}
.HeaderLinksSecondary_loggedin{
    display: inline-block;
}
.HeaderLinksSecondary_guest{
    display: none;
}
.HeaderLinksSecondary ol{
	margin: auto;
	padding: 0px;
	list-style-type:none;
	overflow: auto;
}
.HeaderLinksSecondary ul{
	margin: auto;
	padding: 0px;
	list-style-type:none;
	overflow: auto;
}
.HeaderLinksSecondary li{
	float: left;
     display: inline;
}
.HeaderLinksSecondary a{
	text-align: center;
	box-sizing: border-box;
	display: block;
	color: white;
	padding: 5px;
}
.HeaderLinksSecondary a:visited{
	color: #e6e6e6;
}
.HeaderLinksSecondary a:hover{
	text-align: center;
	box-sizing: border-box;
	display: block;
    background: linear-gradient(rgba(96,0,1),rgba(48,0,0,1));
    color: #c58208;
}
.HeaderLinksSecondary a:active{
	text-align: center;
	box-sizing: border-box;
	display: block;
	color: #ffcf00;
}

.HeaderLinks ul{
	margin: auto;
	padding: 0px;
	list-style-type:none;
	overflow: auto;
}
.HeaderLinks li{
	float: left;
     display: inline;
}
.HeaderLinks a{
	text-align: center;
	box-sizing: border-box;
	display: block;
	color: white;
	background-color: #331a00;
	padding: 10px;
}
.HeaderLinks a{
	text-align: center;
	box-sizing: border-box;
	display: block;
	color: white;
	background-color: transparent;
	padding: 10px;
    font-family: title,"Berlin Sans FB Demi","Arial Black";
    font-size: 18px;
}
.HeaderLinks a:visited{
	color: #e6e6e6;
}
.HeaderLinks a:hover{
	color: #ffdb4d;
	background-color: #804000;
    background: linear-gradient(rgba(192,0,0,1),rgba(112,0,0,1));
}
.HeaderLinks a:active{
	color: yellow;
    background: linear-gradient(rgba(192,0,0,1),rgba(144,0,0,1));
}
.height_fix{
    overflow: auto;
}



.RHeaderLinks{
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    color: white;
    font-family: title,"Berlin Sans FB Demi","Arial Black";
    font-size: 18px;
    padding-left: 10px;
    padding-right: 10px;
}

.RHeaderLinks:hover{
    animation-name: header_hover;
    animation-duration: .5s;
}
.RegistrationText{
    text-align: left;
    font-size: 16px;
}
.warning{
    color: #EFC700;
    font-family: title,"Berlin Sans FB Demi","Arial Black";
}
.warningNoBold{
    color: #EFC700;
}
.input_width{
    width: 95%;
}
.privateMessageSize{
    min-height:  200px;
}
.wiki-textarea{
    width: 97%;
    min-height: 400px;
    font-size: 14px;
}
.wiki-mini-textarea{
    width: 97%;
    min-height: 200px;
    font-size: 15px;
}

/*Text styles end*/
/*Form styles*/
textarea{
    background-color: #e1e1e1;
    padding: 3px;
    border-radius: 3px;
    border-color: #a0a0a0;
    border: solid;
    border-width: 1px;
    box-shadow:inset 0px 0px 10px #808080;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 14px;
}
option, select{
     font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
select {
    background-color: #fbfbfb;
    border-style: solid;
    border-width: 2px;
    border-color: #a9a9a9;
    border-radius: 5px;
}
select:hover{
    background-color: lightgrey;
}
option[disabled], select[disabled] {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    background-color: lightgrey;
}
option:hover{
    background-color: lightgrey;
}
input[type='text'], input[type='search'], input[type='password'], input[type='number'], regular_textarea {
    background-color: #e1e1e1;
    padding: 3px;
    border-radius: 3px;
    border-color: #a0a0a0;
    border: solid;
    border-width: 1px;
    box-shadow: inset 0px 3px 5px #808080;
    height: 35px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
    input[type='text']:focus, input[type='search']:focus, input[type='password']:focus, input[type='number']:focus, regular_textarea:focus, textarea:focus {
        /*box-shadow: 0px 0px 5px #00aaff;*/
        box-shadow: inset inset 0px 5px 8px #808080;
        border-color: #0083c5;
    }
input[type='text']:hover,input[type='search']:hover,input[type='password']:hover,input[type='number']:hover,regular_textarea:hover,textarea:hover{
    background-color: #f0f0f0;
}
.textline{
    width: 85%;
    height: 20px;
}
.TwoColumn_alt{
    padding: 10px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
#twocolumnsignup{
    height: 320px;
}
.tablewidth{
    width: 35%;
}
.tableContent1-2{
    width: 49%;
    height: 49%;
}
.tableContent1-4 {
    width: 24%;
    height: 24%;
}

.fulltable{
    width: 100%;
}

.table75{
    width: 75%;
}

.halftable {
    width: 50%;
}

.quartertable {
    width: 25%;
}

.partfulltable{
    width: 95%;
}
.form {
    /*Regular BKG color*/
    background-color: #c08000;
    /*Halloween 2019 BKG color*/
    /*
    background-color: #b39db5;
*/
    border-color: darkred;
    border-width: 3px;
    border-radius: 5px;
    box-shadow: 0px 1px 3px #885a00;
    /*
    Border dashed is disabled for a cleaner look

    border: dashed;
        */
    /*width: 100%;*/
}
input[type='submit'],input[type='reset'],input[type='button']{
    border-radius: 5px;
    padding: 10px;
    background-color:white;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 3px;
    border-style: solid;
    border-color: #c0c0c0;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
input[type='submit']:focus,input[type='reset']:focus,input[type='button']:focus{
   background-color: darkred;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
    input[type='submit']:hover, input[type='reset']:hover, input[type='button']:hover {
        background-color: #a0a0a0;
        border-top-width: 1px;
        border-left-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 2px;
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        cursor: pointer;
    }
    input[type='submit']:disabled, input[type='reset']:disabled, input[type='button']:disabled, input[type='radio']:disabled, input[type='checkbox']:disabled {
        cursor: not-allowed;
    }
select:disabled {
    cursor: not-allowed;
}
.full_textinput{
    width: 98%;
}
.totally_full_textinput{
    width: 100%;
}
.mini_editor_textarea{
    min-height: 90px;
    max-height: 250px;
}
.textarea_normal{
    width: 95%;
    max-width: 96%;
}
.good_standing{
    color: #3DCC00;
}
.bad_standing{
    color: #CC0000;
}
.pending_standing{
    color: #ffd633;
}
.readable-notice{
    color: maroon;
}

/*Form styles end*/
.content {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    min-width: 400px;
    max-width: 1280px;
    width: 62.5%;
    /*Regular Website content bkg*/
    background-color: #c89d00;
    /*Regular Website content bkg ends*/
    /*Halloween 2019 Website content BKG*/
    /*
    background-color: #8a6e91;
*/
    /*Halloween 2019 Website BKG ends*/
    position: relative;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: 3px;
    padding-top: 10px;
    /*Halloween 2019 Website content BKG*/
    /*
    border-color: #5a0882;
*/
    /*Halloween 2019 Website BKG ends*/
    height: auto;
    /*Regular Website box-shadow*/
    border-color: #a48000;
    box-shadow: 0px 0px 5px #190000;
    /* Seraphims Studio Christmas website theme styling*/
    /*
    box-shadow: 0px 0px 30px #9bfbe9;
    border-color: #085482;
*/
    /*Christmas website theme styling ends*/
    /*Halloween 2019 Website box-shadow BKG*/
    /*
    box-shadow: 0px 0px 30px #f400d0;
*/
    border-bottom-style: none;
    min-height: calc(100% - 390px);
}

.contentLong {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    min-width: 400px;
    /*max-width: 1280px;*/
    /*Regular Website content bkg*/
    background-color: #c89d00;
    /*Regular Website content bkg ends*/
    position: relative;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: 3px;
    padding-top: 10px;
    /*Halloween 2019 Website BKG ends*/
    height: auto;
    /*Regular Website box-shadow*/
    border-color: #a48000;
    box-shadow: 0px 0px 5px #190000;
    border-bottom-style: none;
    min-height: calc(100% - 390px);
}


.footermain {
    /*
    min-width: 500px;
*/
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}
.innercontent {
    padding: 20px;
    overflow: hidden;
}
.TwoColumn{
    padding: 10px;
    overflow: hidden;
}

.split1{
    width: 49%;
    float: left;
    text-align: center;
}
.split2{
    width: 49%;
    float: right;
    text-align: center;
}
@media only screen and (max-width: 640px) {
    .split1 {
        width: 100%;
        float: left;
        text-align: center;
    }
    .split2 {
        width: 100%;
        float: left;
        text-align: center;
    }
    .split1u {
        float: left;
    }
    .split2u {
        float: left;
    }
}


.split1u {
    float: left;
    /* text-align: center; */
}

.split2u {
    float: right;
    /* text-align: center; */
}

.game_thumb_big{
    width: 400px;
    height: 400px;
}

#homecontent{
    /*height: 1100px;*/
    overflow: auto;
}
#user{
    height: 800px;
}
.small_image_thumbs{
    width: 256px;
    height: 256px;
    border-radius: 5px;
}
.g_center{
    margin-left: auto;
    margin-right: auto;
}
/* Footer styling*/
.footer {
    /* width: calc(100% - 40px); */
    width:  100%;
    /* background-image: url('./s17-images/refresh_red-2020.png'); */
    background-color: #300;
    /*Halloween 2019 Footer BKG*/
    /*
    background-image: url('https://www.seraphims-studio.com/Styles/seasonal/refresh_halloween.png');
    background-color: black;
*/
    /*Christmas 2019 Footer IMG*/
    /*
    background-image: url('https://www.seraphims-studio.com/Styles/seasonal/refresh_christmas2019-2.png');
    background-color: darkslateblue;
*/
    /* Future Footer BKG*/
    padding: 20px;
    text-align: center;
    color: white;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: #300000;
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #680000;
    margin-top: -20px;
    font-size: 16px;
    box-sizing: border-box;
}
.footer_title {
    font-size: 24px;
    color: gold;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: maroon;
    margin-bottom: 20px;
    border-radius: 1px;
}
.footer_split1 {
    /*
    border-right-style: solid;
    border-right-width: 2px;
    border-right-color: #300000;
        */
    /*margin: 2px;*/
    /*
    height: 100%;
        */
}
.footer_split2 {
    /*

    border-left-style: solid;
    border-left-width: 2px;
    border-left-color: #300000;
        /*
    /*margin: 2px;*/
   /* 
    height: 100%;
    */
}
/*Footer styling end*/
    .div_center_fix {
    display: inline-block;
    position: relative;
}
/*Wiki*/
.catagory_button_others{
    float: left;
    background-color: rgba(0,0,0,0);
    overflow: auto;
    border-radius: 5px;
    font-size: 16px;
    color: white;
    padding: 5px;
    margin-top: 3px;
}
.catagory_button_others:hover{
    background-color: rgba(0,0,0,0.25);
    cursor: pointer;
    color: lightgrey;
}
.catagory_button_others:active{
    cursor: pointer;
    color: red;
}

.catagory_button{
    float: left;
    background-color: rgba(0,0,0,.25);
    border: solid;
    border-color: #810000;
    border-width: 2px;
    overflow: auto;
    padding: 5px;
    margin: 3px;
    border-radius: 5px;
    padding: 3px;
    font-size: 16px;
    color: white;
}
.catagory_button:hover{
    background-color: rgba(0,0,0,.375);
    cursor: pointer;
}
.catagory_button:active{
    background-color: rgba(0,0,0,.375);
    cursor: pointer;
    color: red;
}

.catagories_label{
    float: left;
    background-color: #ab7200;
    border: solid;
    border-color: #694601;
    border-width: 2px;
    overflow: auto;
    /* Padding is not necessary here
    padding: 5px;
*/
    width: calc(100% - 0px);
    border-radius: 5px;
    margin-top: 10px;
}
.catagories_span{
    background-color: #694601;
    border: solid;
    border-color: #694601;
    border-width: 4px;
    font-size: 16px;
    color: white;
    border-radius: 3px;
    margin-top: 4px;
    margin-bottom: 3px;
    margin-right: 3px;
    margin-left: 3px;
    float: left;
}
.left_creator_details_top_wiki{
    float: left;
    overflow: auto;
    overflow: auto;
}
.creator_content_left_details{
    float: left;
    overflow: hidden;
    display: block;
}
.content_wiki_creator_options{
    text-align: right;
    float: right;
}
.rankico{
    width: 160px;
    height: 160px;
}
.maxrankico{
    width: 300px;
    height: 300px;
}
.paragraph_text{
    float: left;
}
.pagesheadertext{
    font-size: 24px;
    font-weight: bold;
    width: 24%;
    float: left;
}
.HeaderTextWiki{
    font-size: 32px;
    font-weight: bold;
    width: 65%;
    float: left;
}
.ssg_cover{
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    width: 87%;
}
.wiki_img_button{
    width: 160px;
    height: 160px;
}
@media only screen and (min-width: 1600px) {
    .wiki_img_button {
        width: 160px;
        height: 160px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1599px) {
    .wiki_img_button {
        width: 128px;
        height: 128px;
    }
}
@media only screen and (min-width: 700px) and (max-width: 1023px) {
    .wiki_img_button {
        width: 96px;
        height: 96px;
    }
}
@media only screen and (max-width: 699px) {
    .wiki_img_button {
        width: 72px;
        height: 72px;
    }
}

.wiki_table_button_img{
    width: 128px;
    height: inherit;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.wiki_pagedetails{
    width: 320px;
    float: right;
    text-align: center;
    background-color: #997800;
}
.wiki_img{
    width: 300px;
    height: 300px;
}
.wiki_infobox_title{
    background-color: darkred;
    background: linear-gradient(rgba(220,0,0,1),rgba(64,0,0,1));
    color: white;
    font-family: title,"Berlin Sans FB Demi","Arial Black";
    font-size: 24px;
    padding: 10px;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.inner_infobox{
    font-size: 16px;
    padding: 10px;
}
.wiki_infobox_title_jr{
    background-color: darkred;
    background: linear-gradient(rgba(220,0,0,1),rgba(64,0,0,1));
    color: white;
    font-family: title,"Berlin Sans FB Demi","Arial Black";
    font-size: 20px;
    padding: 5px;
    text-align: center;
}
.wiki_infobox_details{
    width: 100%;
    float: left;
}
.innerwiki_infobox{
    padding: 10px;
}
.infobox_split1{
    width: 35%;
    float: left;
    text-align: left;
}
.infobox_split2{
    width: 63%;
    float: right;
    text-align: left;
}
.wiki_page_title{
    font-family: title,"Berlin Sans FB Demi","Arial Black";
    color:black;
    font-size: 28px;
    border-bottom: solid;
    border-color: #ab7200;
    border-width: 2px;
    text-align: left;
    margin-bottom: 10px;
}
.wiki_page_title_smaller{
    font-family: title,"Berlin Sans FB Demi","Arial Black";
    color:black;
    font-size: 24px;
    border-bottom: solid;
    border-color: #ab7200;
    border-width: 1px;
    text-align: left;
    margin-bottom: 5px;
}

.wiki_page_title_tiny {
    font-family: title,"Berlin Sans FB Demi","Arial Black";
    color: black;
    font-size: 18px;
    border-bottom: solid;
    border-color: #ab7200;
    border-width: 2px;
    text-align: center;
    /*margin-bottom: 5px;*/
}

.SubHeaderText_General{
    font-weight: bold;
    font-size: 22px;
}
.SubHeaderText_tiny{
    font-weight: bold;
    font-size: 20px;
}
.editor_textarea{
    min-height: 250px;
}
.hr_fancy{
  border-bottom: solid;
    border-color: #ab7200;
    border-width: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.wiki_page_content{
    float: left;
    padding: 10px;
   width: calc(100% - 360px);
}
.wiki_creator_content_whole{
    background-color: #c08000;
    border: solid;
    border-color: #6a4600;
    border-width: 2px;
    border-radius: 5px;
    width: 100%;
    display: inline-block;
}
.inner_creator_content{
    padding: 5px;
    margin-top: auto;
    margin-bottom: auto;
    overflow: auto;
}
.avatar_cc_wiki{
    width: 48px;
    height: 48px;
    float: left;
}
.avatar_cc_wiki_medium{
    width: 64px;
    height: 64px;
    float: left;
}
.creator_content_top_details{
    width: calc(50% - 70px);
    float: left;
  overflow: hidden;
  display: inline-block;
  display: block;
}
.creator_content_username_area{
    font-size: 18px;
}
.lastupdated_content_wiki{
    font-size: 16px;
}
.content_wiki_creator_moderate{
width: 100px;
float: right;
}
.content_wiki_creator_edit{
width: 260px;
float: right;
}
.small_icons{
    width: 32px;
    height: 32px;
    float: left;
}
.small_icon_como{
    height: 32px;
    float: right;
    width: calc(100% - 35px);
}
.wiki_page_subtitle{
    color:black;
    font-size: 24px;
    border-bottom: solid;
    border-color: #ab7200;
    border-width: 2px;
    text-align: left;
}
.wiki_jax_content{
    width: 100%;
}
.wiki_weapon_name_button{
    width: 100%;
    margin-top: -35px;
    height: 32px;
    background-color: rgba(0,0,0,.5);
    z-index: 4;
    position: relative;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    
}
.wiki_weapon_name_button_padding {
    padding: 10px;
    color: white;
    text-align: center;
    font-size: 17px;
    position: relative;
    word-break: break-all;
}
@media only screen and (max-width: 1800px) {
    .wiki_weapon_name_button_padding{
        font-size: 15px;
    }  
}
@media only screen and (max-width: 1280px) {
    .wiki_weapon_name_button_padding {
        font-size: 12px;
    }
}
@media only screen and (max-width: 900px) {
    .wiki_weapon_name_button_padding {
        font-size: 10px;
    }
}

.wiki_item_name_button_padding{
    padding: 10px;
    color: white;
    text-align: center;
    font-size: 14px;
     position: relative;
}
.wiki_weapon_name_button_padding:after {
  /* content: "";
  display: block;
  padding-bottom: 100%; */
}
.img_width{
    width: 100%;
    height: 100%;
    z-index: 2;
}
.wiki_img_styling{
    background-color: #987700;
    border-radius: 3px;
    border-bottom: solid;
    border-color: #ab7200;
    border-width: 1px;
    max-width: 480px;
    max-height: 480px;
}
.wiki_comments_header{
    width: 100%;
    float: left;
    margin-top: 20px;
}
.wiki_comments_c{
    padding: 20px;
    overflow: auto;
    min-height: 160px;
}
.wiki_comments_input{
    float: left;
    margin-left: 20px;
    width: calc(100% - 130px);
}
.wiki_first_comments_padding{
    padding: 6px;
    overflow: auto;
}
#comment_text{
    width: 100%;
    max-height: 250px;
    min-height: 100px;
    max-width: 100%;
    min-width: 99%;
}
.post_comment_wiki{
    float: right;
    margin: 5px;
}
.comment_details_main{
    float: left;
}
.commenter_avatar{
    float: left;
    margin: 10px;
}
#comments{
    overflow: auto;
}
.comment_details{
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: auto;
    width: calc(100% - 110px);
    float: left;
}
.page-editor-split1{
    float: left;
    width: 79%;
}
.page-editor-split2{
    float: right;
    width: 20%;
}

.wiki_button_tag{
    background-color: #bfbfbf;
    color: black;
     font-family: "Verdana","Geneva","Arial";
     padding: 5px;
    /*
    border-style: solid;
    border-width: 1px;
    border-color: #1a0000;
*/
     border-radius: 3px;
     font-size: 16px;
     overflow: auto;
     margin: 3px;
}
.center_wiki_details{
    vertical-align: middle;
    overflow: auto;
    margin: 3px;
    clear: left;
}
.wiki_button_tag:hover{
    background-color: darkred;
    color: white;
}
.format_icon{
    margin: 3px;
    width: 24px;
    height: 24px;
}




/*Wiki CSS styles definition end*/
/*Table styles - From S2013*/

.table_left_nopad
{
    background-color: Yellow;
    color: Black;
    border-style: solid;
    border-width: 1px;
    border-color: #FF6A00;
    max-height: 320px;
    overflow: auto;
    text-align: left;
    /*background-image:url('/web/20181031014415im_/https://www.seraphims-studio.com/Styles/bg_table_header.gif');*/
}

.table_border
{
    border-style: solid;
    border-width: 1px;
    border-color: #FF6A00;
       
}

.table_borderdiv
{
    border-style: solid;
    border-width: 1px;
    border-color: #FF6A00;    
    background-color: Orange;
}

.table_borderdivOrange2
{
    border-style: solid;
    border-width: 1px;
    border-color: #FF6A00;    
    background-color: Orange;
}

.table_borderdiv2
{
    border-style: solid;
    border-width: 1px;
    border-color: #FF6A00;    
    background-color: Yellow;
}
.table_border_240
{
    border-style: solid;
    border-width: 1px;
    border-color: #FF6A00;    
    width: 280px;
    /*background-image:url('/web/20181031014415im_/https://www.seraphims-studio.com/Styles/bg_table_header2.gif');*/
}
/*User Profile*/

.profile_page_header{
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.profile_page_padding{
    padding: 20px;
    overflow-y: auto;
    overflow-x: hidden;
}
.userpic_decoration{
    border-style: solid;
    border-width: 4px;
    border-color: maroon;
    border-radius: 10px;
    box-shadow: 0px 0px 3px #190000;
}

.user_picture_major{
    width: 144px;
    height: 144px;
    border-style: solid;
    border-width: 4px;
    border-color: maroon;
    border-radius: 10px;
    box-shadow: 0px 0px 3px #190000;
    float: left;
}
.user_picture_fill{
    width: 100%;
    height: 100%;
}
.profile_header_right{
    float: right;
    width: calc(100% - 154px);
    /*height: 150px;*/
}
.content_header_title{
    background-color: darkred;
    background: linear-gradient(rgba(192,0,0,1),rgba(128,0,0,1));
    border-style: solid;
    border-width: 1px;
    border-color: rgba(32,0,0,1);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.profile_header_tile{
    background-color: darkred;
    background: linear-gradient(rgba(192,0,0,1),rgba(128,0,0,1));
    width: 100%;
    border-top-right-radius: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(32,0,0,1);
}
.profile_header_padding{
    padding: 10px;
    width: 100%;
    height: 100%;
}
.profile_username_text{
    color: white;
    font-size: 26px;
    font-family: title,"Berlin Sans FB Demi","Arial Black";
}
.profile_header_details{
    width: 100%;
    height: calc(100% - 50px);
    background-color: #f5c000;
    float: right;
}
.profile_header_details_padding{
    padding: 25px;
    overflow-y: auto;
    overflow-x: hidden;
}
.profile_details_left_old{
    width: 35%;
    float: left;
}
.profile_details_right_old{
    width: 64%;
    float: right;
}
.profile_details_left{
    width: 64%;
    float: left;
}
.profile_details_right{
    width: 35%;
    float: right;
}
@media only screen and (max-width: 1023px) {
    .profile_details_left {
        width: 100%;
        float: left;
    }
    .profile_details_right {
        width: 100%;
        float: left;
    }
}
@media only screen and (max-width: 1599px) {
    .profile_details_left {
        width: 50%;
        float: left;
    }

    .profile_details_right {
        width: 50%;
        float: right;
    }
}

.profile_details_left_even {
    width: 50%;
    float: left;
    margin-bottom: 20px;
}
.profile_details_right_even {
    width: 49.5%;
    float: right;
    margin-bottom: 20px;
}
@media only screen and (max-width: 899px) {
    .profile_details_left_even {
        width: 100%;
        float: left;
    }

    .profile_details_right_even {
        width: 100%;
        float: left;
    }
}


#profile_details{
    overflow-y: auto;
    overflow-x: hidden;
}
.number_edits{
    color: black;
    font-size: 28px;
    font-family: title,"Berlin Sans FB Demi","Arial Black";
}
.number_edits_container{
    width: 200px;
    float: left;
}
.number_edits_co_top{
    height: 49%;
    float: left;
    width: 100%;
}
.co_num_edits{
    height: 100%;
}
.minitext{
    font-size: 11px;
    font-family: main,"Berlin Sans FB","Trebuchet MS";
}
.Smalltext {
    font-size: 13px;
    font-family: main,"Berlin Sans FB","Trebuchet MS";
}
.profile_gender{
    width: 100%;
    font-size: 14px;
}
.profile_uni_padding{
    padding: 10px;
    line-height: 25px;
}
.font_title_basic{
    font-family: title,"Berlin Sans FB Demi","Arial Black";
}
.font_main_basic{
    font-family: main,"Berlin Sans FB","Trebuchet MS";
}
/*User Settings*/
.preferences{
    width: 100%;
  overflow: hidden;
  display: inline-block;
  display: block;
}
.preferences_split_left{
    width: 49%;
    float: left;
}
.preferences_split_right{
    float: right;
    width: 49%
}

/*General*/
.info_box_notice{
    width: 100%;
    background-color: #200000;
    border: dashed;
     border-width: 3px;
    border-color: #800000;
    border-radius: 5px;
    color: white;
    float: left;
}

.warning_box_notice {
    width: 100%;
    background-color: #483d00;
    border: dotted;
    border-width: 3px;
    border-color: #ca9006;
    border-radius: 5px;
    color: white;
    float: left;
}

.warning_box_mini {
    background-color: #483d00;
    border: dotted;
    border-width: 2px;
    border-color: #ca9006;
    border-radius: 3px;
    color: white;
    float: left;
    text-align: center;
    padding: 10px;
}

.invisible-div-right{
    padding: 20px;
    overflow: auto;
}
@media only screen and (max-width: 900px) {
    /*For mobile devices */
    .invisible-div-right {
        float: left;
        overflow: auto;
        /*width: 100%;*/
    }
    .user_content_dashboard{
        width: 100%;
        float: left;
    }

}


.infobox_padding{
    padding: 10px;
}
.inner_form{
    padding: 20px;
}
.align_center{
    text-align: center;
}
.align_right{
    text-align: right;
}
.speech-bubble { 
    position: relative; 
    background: #640000;  /* For browsers that do not support gradients */
    background: linear-gradient(to bottom, #800000, #640000);
    border-radius: .4em; 
    min-height: 50px;
    margin-left: 20px;
    padding: 15px;
    color: white;
} 
.speech-bubble:after { 
    content: ''; 
  position: absolute; 
  left: 0px; 
  top: 40px;
  width: 0; 
  height: 0; 
  border: 20px solid transparent; 
  border-right-color: #640000;
  background: linear-gradient(to bottom, #800000, #640000);
  border-left: 0; 
  border-top: 0; 
  margin-top: -10px; 
  margin-left: -20px; 
}
/*User dashboard styles*/
.user_hub_title{
    padding: 15px;
    color: white;
    font-family: title,"Berlin Sans FB Demi","Arial Black";
    font-size: 22px;

}
.user_hub_title_mini {
    padding: 15px;
    color: white;
    font-family: title,"Berlin Sans FB Demi","Arial Black";
    font-size: 19px;
}
.hub_title_sub {
    padding: 10px;
    color: white;
    font-family: title,"Berlin Sans FB Demi","Arial Black";
    font-size: 19px;
}
.profile_content_title{
    padding: 8px;
    color: white;
    font-family: title,"Berlin Sans FB Demi","Arial Black";
    font-size: 20px;

}
.smaller_content_title{
    padding: 10px;
    color: white;
    font-family: title,"Berlin Sans FB Demi","Arial Black";
    font-size: 20px;

}
.user_content_dashboard{
    float: left;
    min-width: 320px;
    max-width: 400px;
    overflow: auto;
}
.user_dashboard_design {
    background-color: #ab8500;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

}
.user_dashboard_details{
    padding: 20px;
    overflow: auto;
}
.user_recent_activity{
    width: calc(100% - 340px);
    float: right;
}
/*home page*/
.banner_feature{
    background-color: black;
    background-image: url("https://www.seraphims-studio.com/Asset/t_images/ssg-game/ssg-screenshot-5.jpg");
    background-size: cover;
    height: 250px;
    text-align: center;
    width: calc(100% - 30px);
    margin-left: 30px;
}
.banner_feature_notice{
    width: 30px;
    height: 250px;
    float: left;
}
.logo_center{
    max-width: 100%;
    height: 400px;
}
.align_left{
    text-align: left;
}
#ssg_feature{
    height: 100%;
}
/*Seraphims Studio Forum*/
.forum_boards{
    background-color:#e6b400;
    border-color: #997800;
    border-width: 1px;
    border-style: solid;
    margin-bottom: 15px;
}
.forum_title_section{
    padding: 10px;
    color: white;
    font-family: title,"Berlin Sans FB Demi","Arial Black";
    font-size: 20px;
    text-align: left;
}

.miniContent_section {
    padding: 10px;
    color: white;
    font-family: title,"Berlin Sans FB Demi","Arial Black";
    font-size: 20px;
    text-align: left;
}

.miniRecoveryArea {
    padding: 10px;
    color: white;
    font-family: title,"Berlin Sans FB Demi","Arial Black";
    font-size: 24px;
    text-align: center;
}

.forum_board{
    text-align: left;
    background-color: #e1a020;
    border-width: 1px;
    border-style: solid;
    border-color: #b6831f;
    padding: 12px;
    margin-bottom: 3px;
    margin-top: 3px;
}
.forum_board_title{
    font-size: 18px;
}
.forum_desc{
    font-size: 14px;
}
.forum_board_padding{
    padding:8px;
    overflow: auto;
}
.mini_stats_forum{
    font-size: 12px;
    color: #262626;
}
.mini_forum_title{
    height: 20px;
    font-size: 12px;
}
.forum_table{
    background-color: #b38c00;
    border-width: 1px;
    border-style: solid;
    border-color: #b48019;
}
.topic_icon_table{
    width: 48px;
}
.mini_forum_title td{
    border-width: 1px;
    border-style: solid;
    border-color: #b6831f;
    background-color: #e1a020;
}
.mini_forum_author{
    width: 225px;
}
.new_topic_table{
    margin: 18px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.forum_newtopic_txtarea{
    min-height: 400px;
}
.forum_topic_inputs{
    margin: 5px;
}
.forum_topic_details{
    text-align: center;
}
.hidden_txt_block{
    display: none;
    color: #1a1a1a;
}
.new-topic .table_borderdiv{
    width: 20%;
}
.forum_topic_list_padding{
    padding: 5px;
    overflow: auto;
}
.forum-topic-list-locked{
    background-color: #740000;
    color: #ff1a1a;
    border-width: 1px;
    border-style: solid;
    border-color: #330000;
}
.forum-topic-list-locked a{
    color: #ff1a1a;
}
.forum-topic-list-locked a:visited{
    color: #e23636;
}
.forum-topic-list-locked a:hover{
    color: #ff9999;
}
.forum-topic-list-locked a:active{
    color: #ffcccc;
}
.forum-topic-list-normal{
    background-color: #ddb745;
    color: black;
}
.forum-topic-list-normal a{
    color: black;
}
.forum-topic-list-normal a:visited{
    color: #262626;
}
.forum-topic-list-normal a:hover{
    color: #bd320f;
}
.forum-topic-list-normal a:active {
    color: #d43811;
}
.forum-topic-list-locked_normal{
    background-color: #753c3c;
    color: #eb4747;
}
.forum-topic-list-locked_normal a{
    color: #dd3c3c;
    text-decoration: none;
}
.forum-topic-list-locked_normal a:visited{
    color: #cb4d4d;
}
.forum-topic-list-locked_normal a:hover{
    color: #f2a6a6;
}
.forum-topic-list-locked_normal a:active{
    color: #f7d4d4;
}
.forum-topic-list-pinned{
    background-color: #9e5005;
    color: #331e00;
}
.forum-topic-list-pinned a{
    color: orange;
}
.forum-topic-list-pinned a:visited {
    color: #e69500;
}
.forum-topic-list-pinned a:hover{
    color: #ffc966;
}
.forum-topic-list-pinned a:active{
    color: #ffedcc;
}
.mini_poster_img{
    width: 32px;
    height: 32px;
    float: left;
}
.mini_poster_details{
    float: right;
    text-align: center;
    width: calc(100% - 42px);
}
.mini_poster_details_desc{
    font-size: 12px;
    float: right;
}
.no_permission_notice{
    background-color: maroon;
    color: white;
    border: red 1px solid;
    overflow: auto;
}
.no_permission_lock{
    width: 50px;
    height: 50px;
    float: left;
}
.no_permission_lock_details{
    padding: 7px;
    width: calc(100% - 65px);
    height: 40px;
    vertical-align: middle;
    font-size: 18px;
}
.no_permission_lock_details span{
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}
.topic_list_img{
    width: 48px;
    height: 48px;
}
.forum_poster_img{
    max-width: 144px;
    max-height: 144px;
}
.poster_block {
    vertical-align: text-top;
    width: 190px;
    text-align: center;
    padding: 5px;
}
@media only screen and (max-width: 900px) {
    /*For mobile devices */
    .forum_poster_img {
        max-width: 96px;
        max-height: 96px;
    }
    .poster_block{
        width: 160px;
    }

}



.forum_poster_username{
    margin: 8px;
    font-size: 18px;
}
.top_spacing{
    margin-top: 10px;
}
.poster-content-details{
    vertical-align: text-top;
    padding: 20px;
}
.replycontent{
    margin: 20px;
    min-height: 150px;
    width: calc(100% - 50px);
}

.replycontent-message {
    margin: 15px;
    min-height: 325px;
    width: calc(100% - 50px);
}

#replychars_left{
    margin-left: 20px;
}
.poster_content_forum{
    background-color: #c9980b;
}
.mini_stats_details{
    float: left;
    text-align: center;
    font-size: 16px;
    width: 100%;
}
.mini_stats_column{
    width: 100px;
    text-align: center;
}

/*Seraphims Studio leaderboard*/

.leaderboard-game{
    width: 150px;
    height: 150px;
    margin: 15px;
    object-fit: cover;
    border-radius: 12.5%;
  
}
#games-scroll{
    overflow-y: auto;
    overflow-x: hidden;
    width: 180px;
}
.game-leaderboard{
    width: 180px;
    float: left;
}
.ssg-leaderboard{
    float: left;
    width: calc(100% - 185px);
}
.leaderboard_bkg{
    padding: 10px;
    margin: 3px;
    overflow: auto;
}
.leaderboard_bkg1{
    background-color: #a58103;
}
.leaderboard_bkg2{
    background-color: #daa815;
}
.roblox_user_avatar_small{
    width: 65px;
    height: 65px;
    object-fit: cover;
    border-radius: 50%;
    float: left;
}
.leaderboard-name-span{
    width: calc(100% - 90px);
    height: 100%;
    padding: 3px;
    float: right;
    overflow: auto;
    font-size: 24px;
}
.cash-color{
    color: #aaff00;
}
.cash-content{
    float: right;
    margin-right: 25%;
    height: 100%;
}
.pl_number{
    font-size: 18px;
}
.gold{
    color: gold;
}
.silver{
    color: #4d4d4d;
}
.bronze{
    color: #833535;
}
.mini_table{
    width: 90%;
    text-align: center;
}

/*Seraphims Studio search members page*/
.smembers_tb1{
    width: 140px;
}
.smembers_input{
    width: calc(100% - 160px);
}
.smembers_clickable{
    /* a rule defined*/
}

.bigger-link{
    font-size: 18px;
    color: maroon;
}

.bigger-link:hover{
    color: #b30000;
}
.medium-link{
    font-size: 16px; 
     color: maroon;
}

.medium-link:active{
    color: red;
}
.bigger-link:active{
    color: red;
}
.medium-link:hover{
    color: #b30000;
}
.smembers_clickable a{
    color: #b30000;
}
.smembers_clickable a:hover{
    color: #cc0000;
}
.smembers_clickable a:active{
    color: #ff6666;
}

/*Messages pages*/
.sender_img{
    width: 48px;
    height: 48px;
}
.subject-msg-top{
    font-size: 18px;
}
.subject-msg-bottom{
    font-size: 18px;
    font-weight: bold;
}
.message-left{
    float: left;
    overflow: auto;
    width: 45%;
}
.message-right{
    float: right;
    overflow-y: auto;
    width: 53.5%;
    overflow-x: hidden;
}
.message-recieved{
    width: 140px;
}
.message-jax-details{
    padding: 20px;
}
.bigger_sender_icon{
    width: 64px;
    height: 64px;
    float: left;
}
.subject-msg-details{
    float: left;
}
#pmessage_jax{
    overflow-y: auto;
    overflow-x: hidden;
}
.sender_top_msg{
    overflow-y: auto;
}
.private-message-content{
    overflow-y: auto;
}
.new_private_msg{
    background-color: #fff47b;
    color: black;
}
.messages_page_counter{
    float: left;
    clear: left;
    width: calc(100% - 22px);
    margin: 10px;
}

/*Seraphims Studio offline*/
.offline-login{
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    padding: 10px;
}
.small_padding{
    padding: 5px;
}
.medium_padding{
    padding: 10px;
}
.large_padding{
    padding: 15px;
}
.xlarge_padding {
    padding: 20px;
}
/*Seraphims Studio friend requests*/
.fr_buttons{
    width: 100%;
    max-width: 180px;
}
.fr_button_form{
    margin: 3px;
}
/*Mobile*/
.mobile_button_main{
    width: 48px;
    height: 48px;
    float: left;
    margin: 10px;
}

@media only screen and (max-width: 1329px) {
    .mobile_button_main {
        display: block;
    }
    .HeaderLinks {
        display: none;
    }
    .HeaderLinksSecondary {
        display: none;
    }
    .content{
        width: 80%;
    }
}

@media only screen and (min-width: 1330px) {
    .HeaderLinks{
        display: block;
    }
    .HeaderLinksSecondary{
        display: inline-block;
    }
}

@media only screen and (max-width: 1199px) {
    .content, .contentDeveloper, .contentLong {
        width: 85%;
    }
    .footermain{
        width: 80%;
    }
}
@media only screen and (max-width: 900px) {
    .SocialMedia_Icons{
        display: none;
    }
    .content, .contentDeveloper, .contentLong {
        width: 90%;
    }
    .footermain{
        width: 90%;
    }
}
@media only screen and (min-width: 901px) {
    .SocialMedia_Icons{
        display: block;
    }
}

/*
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .mobile_button_main{
        display: none;
    }
    /*
    .HeaderLinks{
        display: block;
    }
*/
/*
    .SocialMedia_Icons{
        display: block;
    }
    .content, .contentDeveloper, .contentLong {
        width: 73%;
    }
    .footermain{
        width: 73%;
    }
    /*
    .HeaderLinksSecondary {
        display: inline-block;
    }
   */ 
/* } */
@media only screen and (min-width: 1330px) {
    .mobile_button_main{
        display: none;
    }
    /*
    .HeaderLinks{
        display: block;
    }
    .HeaderLinksSecondary{
        display: inline-block;
    }
*/
    .SocialMedia_Icons{
        display: block;
    }

}

@media only screen and (min-width: 1330px) and  (max-width: 1700px) {
    .content, .contentDeveloper, .contentLong {
        width: 70%;
    }
    .footermain{
        width: 70%;
    }
}

@media only screen and (max-width: 599px) {
    /*For mobile devices
    No backgrounds on mobile devices

    */
    .content, .contentDeveloper, .contentLong {
        width: 95%;
    }
    .logo{
        float: none;
        margin-right: 76px;
    }
    .Header{
        text-align: center;
    }
}
.mobile-nav-bar{
    width: 250px;
    height: calc(100% - 96px);
    position: fixed;
    background-color: #1d0000;
    margin-left: 0px;
    position: fixed;
    z-index: 11;
    margin-top: 82px;
    color: white;
    overflow-y: auto;
    overflow-x: hidden;
}
.mobile-bar-padding{
    padding: 5px;
    font-size: 24px;
}


.HeaderLinksMobile{
    padding: 5px;
    float: left;
    margin-top: 30px;
    border-radius: 10px;
    margin-left: -270px;
    overflow: auto;
    margin: 0px;
    width: 100%;
    float: left;
}

.HeaderLinksMobile ul{
	margin: auto;
	padding: 0px;
	list-style-type:none;
	overflow: auto;
}
.HeaderLinksMobile ol{
	margin: auto;
	padding: 0px;
	list-style-type: circle;
	overflow: auto;
}
.HeaderLinksMobile li{
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: red;
    margin: 5px;
    background-color: #540000;
    border-radius: 10px;
}
.HeaderLinksMobile a{
	text-align: center;
	box-sizing: border-box;
	display: block;
	color: white;
	background-color: #331a00;
	padding: 10px;
   width: 100%;
   margin-left: -5px;
}
.HeaderLinksMobile a{
	text-align: center;
	box-sizing: border-box;
	display: block;
	color: white;
	background-color: transparent;
	padding: 10px;
    font-family: title,"Berlin Sans FB Demi","Arial Black";
    font-size: 18px;
}
.HeaderLinksMobile a:visited{
	color: #e6e6e6;
}
.HeaderLinksMobile a:hover{
	color: #ffdb4d;
	background-color: #804000;
    background: linear-gradient(rgba(192,0,0,1),rgba(112,0,0,1));
    border-radius: 10px;
}
.HeaderLinksMobile a:active{
	color: yellow;
    background: linear-gradient(rgba(192,0,0,1),rgba(144,0,0,1));
}
.logged_in_mobile_nav{
    font-family: title,"Berlin Sans FB Demi","Arial Black";
    color: white;
    width: 100%;
    float: left;
    margin: 3px;
    font-size: 18px;
}
.hr_nav{
    float: left;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #ff9000;
}
.CloseNavDiv{
    float: left;
    width: 100%;
}
/*Iframe story viewer*/
.storyViewerG{
    width: 100%;
    min-height: 576px;
    overflow: hidden;
}
.christmasGamePlayer {
    width: 100%;
    min-height: 800px;
    overflow: hidden;
}
/*Story builder*/
#story-page-preview {
    padding: 15px;
    border-radius: 10px;
    background-color: #ae8703;
}
.story-input-pad{
    padding: 4px;
}
.miniButtonPadding{
    padding: 5px;
}

/*The sub header content*/
.news_label{
    width: 30px;
    height: 125px;
    float: left;
}
.topBannerContent{
    /**/float: left;
    width: 100%;
    height: 125px;
    margin-bottom: 15px;
}
.newsContent{
    float: left;
    overflow: auto;
    width: calc(100% - 350px);
}
.newsTextContent {
    float: left;
    background-color: rgba(0,0,0,1);
    color: white;
    overflow: auto;
    height: 125px;
    width: calc(100% - 50px);
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.newsTextContent2 {
    float: left;
    background-color: rgba(0,0,0,1);
    color: white;
    overflow: auto;
    height: 125px;
    width: calc(100% - 50px);
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.newsTextContent-Padding {
    padding: 12px;
}
.adsContent {
    float: left;
    width: 300px;
    background-color: rgba(32,32,32,0.5);
    height: 100%;
}
.adsiFrameAd {
    width: 100%;
    height: 100%;
    outline: none;
    overflow: hidden;
    border: none;
}
.news_label_admin{
    float: left;
    width: 25px;
    height: 125px;
}
@media only screen and (max-width: 879px) {
    .newsContent {
        width: 100%;
        margin-bottom: 10px;
    }
    .topBannerContent{
        height: 270px;
    }
    .adsContent {
        height: 125px;
        width: calc(100% - 40px);
        text-align: center;
    }
    .adsiFrameAd{
        width: 300px;
    }
    .newsTextContent {
        width: calc(100% - 40px);
    }

}

    /*The sub header content end*/

    select {
        max-height: 750px;
    }

    /*Halloween content!*/

    .halloween-miniBanner {
        background-color: #1a1a1a;
        width: 100%;
        overflow: auto;
        border-radius: 10px;
    }

    .halloween-miniBanner-inner {
        padding: 10px;
        font-size: 14px;
        color: white;
        overflow: auto;
    }

    .halloween-title-banner {
        font-size: 20px;
        color: darkorange;
    }

    .halloween-desc-banner {
        color: yellow;
    }

    .halloween-pumpkin-icon {
        width: 69px;
        height: 64px;
        float: left;
        margin-right: 15px;
    }

    .halloween-more-info {
        font-size: 14px;
    }

/*API documentation page for Seraphims Studio*/

.apiNavagater{
    float: left;
    width: 350px;
    overflow: auto;
}

/*News feed status code on member dashbaord*/
.newsFeedContentPoster {
    background-color: #c7880a;
    width: 100%;
    color: black;
    border-radius: 5px;
    margin: 5px;
    overflow: auto;
    box-shadow: 0px 1px 3px #a26b00;
}
.newsFeedContentPoster-padding{
    padding: 10px;
    overflow: auto;
}
.newsFeedContentPoster-avatar{
    width: 76px;
    height: 76px;
}
.newsFeedContent-avatar{
    float: left;
    overflow: auto;
}
.newsFeedRightContent{
    float: left;
    overflow: auto;
    width: calc(100% - 100px);
    margin-left: 10px;
}
.newsFeedPosterStyle{

    margin-bottom: 5px;
    float: left;
}
.newsFeedPosterName {
    font-weight: 600;
    font-size: 16px;
}
.newsFeedPosterGeneral{
    font-size: 12px;
    font-weight: initial;
}
.newsFeedPosterDate{
    font-size: 14px;
    font-weight: initial;
}
.newsFeedPoster-content{
    float: left;
    width: 100%;
    overflow: auto;
}

/*User Inventory Feature*/

.inventoryNav {
    width: 250px;
    float: left;
    overflow: auto;
    border-style: solid;
    border-width: 1px;
    border-color: #000;
    border-left: none;
    border-top: none;
    border-bottom: none;
    height: 55%;
}
.avatarUploadNav {
    width: 200px;
    float: left;
    overflow: auto;
    /*border-style: solid;*/
    border-width: 1px;
    border-color: #000;
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: solid;
    margin-bottom: 10px;
}
.inventoryNavCon {
    width: 100%;
    font-size: 20px;
    text-align: center;
}
.inventoryNavPadding{
    padding: 10px;
    overflow: auto;
}
.inventoryNavSelected {
    background-color: #4f0000;
    border-style: solid;
    border-width: 6px;
    border-color: #e1bf06;
    border-left: none;
    border-top: none;
    border-bottom: none;
}
.inventoryNavInactive {
    background-color: #806300;
    margin-top: 1px;
    margin-bottom: 1px;
}
.inventoryNavActive:hover {
    background-color: #590202;
    margin-top: 1px;
    margin-bottom: 1px;
}
    .inventoryNavInactive:hover {
        background-color: #800c00
    }
    .inventoryNavInactive:active {
        background-color: #ce5802;
    }

.inventoryContent {
    float: left;
    width: calc(100% - 255px);
}
.inventoryAssetIcon {
    border-style: solid;
    border-width: 1px;
    border-color: #000;
    background-color: lightgrey;
    border-radius: 4px;
}
.inventoryAssetIMG{
    min-width: 48px;
    min-height: 48px;
    width:100%;
}
.inventoryAssetIcon:hover{
    background-color: white;
}
.inventoryContentText{
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
}


/*Seraphims Studio communities website feature*/



/*Seraphims Studio Curreny content in header*/

.coinsAmountHeaderLargeamt {
    /*For coins value less than 10k*/
    font-size: 24px;
}
.coinsAmtHeader {
    line-height: 32px;
    color: white;
    font-family: title,"Berlin Sans FB Demi","Arial Black";
    margin: 5px;
}
.coinsAmountHeaderMedamt {
    /*For coins value 10k - 1m*/
    font-size: 22px;
}
.coinsAmountHeaderMobileamt {
    /*For coins value 100m+*/
    font-size: 20px;
}
.coinsAmountHeaderSmallamt {
    /*For coins value 100m+*/
    font-size: 18px;
}
.coinsAmountHeaderxSmallamt {
    /*Place holder*/
    font-size: 14px;
}
.starCoinsIMG {
    width: 32px;
    height: 32px;
    float: right;
    margin-left: 5px;
}
.starCoinsCounter {
    padding: 5px;
    overflow: auto;
    background-color: #791700;
    border-radius: 10px;
    border-style: solid;
    border-color: black;
    border-width: 2px;
    margin: 5px;
}
.starCoinsContent {
    float: left;
}
.starCoinsContent_mobile{
    float: left;
    width: 100%;
    text-align: center;
}
.StarCoins_24x24 {
    width: 24px;
    height: 24px;
    margin: 5px;
    float: left;
}

.StarCoins_48x48 {
    width: 48px;
    height: 48px;
    float: left;
}
.StarCoins_64x64{
    width: 64px;
    height: 64px;
    float: left;
}
.StarCoins_96x96 {
    width: 96px;
    height: 96px;
    float: left;
}
.StarCoins_128x128 {
    width: 128px;
    height: 128px;
    float: left;
}
.starCoinsEconomyText {
    font-family: title,"Berlin Sans FB Demi","Arial Black";
    font-size: 18px;
    color: white;
    line-height: 200%;
}
.starCoinsCostText {
    font-family: title,"Berlin Sans FB Demi","Arial Black";
    font-size: 20px;
    color: red;
    line-height: 200%;
}
.plusSpan {
    color: lightgray;
    font-size: 24px;
    margin: 3px;
}

.uploadAvatarContents {
    float: left;
    width: calc(100% - 245px);
    margin: 20px;
}

/*Seraphims Studio account recovery*/
.singleImportantFormMasterContent {
    width: 75%;
    max-width: 768px;
}

.tinyIconSide4Message {
    width: 64px;
    height: 64px;
    float: left;
}

.warningBoxeMessageBody {
    padding-left: 82px;
}

/*Sign In Page Exclusive*/
.skyscraper-left-img {
    width: 25%;
    max-width: 320px;
    float: left;
    margin-right: 15px;
}

.skyscraper-right-img {
    width: 25%;
    max-width: 320px;
    float: right;
    margin-left: 15px;
}

@media only screen and (max-width: 1023px) {
    .skyscraper-left-img{
        display: none;
    }
}
/*Sign up page exclusive*/
.accountRegistration-Step-image {
    max-width: 384px;
    float: left;
    width: 25%;
    margin-right: 10px;
    margin-left: -20px;
}

.littleSucess {
    background-color: limegreen;
    border: 2px solid forestgreen;
    border-radius: 5px;
    padding: 8px;
    color: white;
    text-align: center;
    overflow: auto;
    box-shadow: inset 0px 0px 5px forestgreen;
    font-size: 16px;
}

.littleError {
    background-color: rgba(139,0,0,1);
    border: 2px solid rgba(45, 0, 0,1);
    box-shadow: inset 0px 0px 5px rgba(45, 0, 0,1);
    border-radius: 5px;
    padding: 8px;
    color: red;
    text-align: center;
    overflow: auto;
    font-size: 16px;
}

.littleWarning {
    background-color: #685800;
    border: 2px solid #ca9006;
    box-shadow: inset 0px 0px 5px #ca9006;
    border-radius: 5px;
    color: white;
    text-align: center;
    padding: 8px;
    overflow: auto;
    font-size: 16px;
}

.toggleButtonContainer {
    height: auto;
    overflow: auto;
    float: right;
    background-color: transparent;
    border: none;

}

.toggleButtonContainer button {
    width: 24px;
    height: 24px;
    float: right;
    cursor: default;
    border: none;
    background-color: transparent;
}

.toggleButtonContainer button:hover {
    cursor: pointer;
}


.expandIcon {
    background-image:url("../Asset/t_images/common/SS-expand-normal.svg");
}

.collaspeIcon {
    background-image: url("../Asset/t_images/common/SS-minimize-normal.svg");
}

.expandIcon:hover {
    background-image: url("../Asset/t_images/common/SS-expand-mouseEnter.svg");
}

.collaspeIcon:hover {
    background-image: url("../Asset/t_images/common/SS-minimize-mouseEnter.svg");
}

.expandIcon:active {
    background-image: url("../Asset/t_images/common/SS-expand-active.svg");
}

.collaspeIcon:active {
    background-image: url("../Asset/t_images/common/SS-minimize-active.svg");
}

.smallParagraphSpacing {
    margin-top: 5px;
    margin-bottom: 5px;
}

.contentSpacingInBetween {
    margin-left: 5px;
    margin-right: 5px;
}

.editImageRight {
    width: 24px;
    height: 24px;
    float: right;
}

.leftFloatItself{
    float: left;
}

.miniButtonSpacingVerticalOnly {
    margin-top: 3px;
    margin-bottom: 3px;
}

.buttonGapSpacingTop {
    margin-top: 10px;
}

.imgButtonDetect{
    cursor: default;
}

.imgButtonDetect:hover{
    cursor: pointer;
}

.messageContentMarginSpacing{
    margin-left: 10px;
    margin-right: 10px;
}

.messageSenderInfoViewSpacing{
    margin-left: 15px;
}

.messageSenderInfoViewSpacingSmall {
    margin-left: 5px;
}

.avatarIMGReceptShowPreview{
    width: 144px;
    height: 144px;
}

.tableWidthReceptFetch{
    width: 25%;
}

.buttonPaddingVeryTiny {
    padding: 3px;
}

.receptOptionsSide {
    width: calc(100% - 165px);
    float: right;
    margin-left: 5px;
    margin-right: 5px;
}

.composeMessageBodyTextArea {
    width: 100%;
    min-height: 300px;
}

.userNameReceptSearchTbl {
    width: 120px;
}

.userSearchButtonsOptTbl {
    width: 140px;
}

.receptMessageToTblPart {
    width: 48px;
}

.receptNameTag {
    font-size: 32px;
    font-weight: 500;
    float: left;
}
/*fulltable attachImageButton_top*/

.exactReceptTextLabel{
    width: 120px;
}

.exactReceptBttnArea {
    width: 90px;
}

.imageContentPreviewSpacing {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.imageContentPreviewSpacingMessages {
    float: left;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 5px;
}

.image2AttachListPreviewArea{
    overflow: auto;
}
/*Miscs*/
.generalVerticalCenter {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 72px;
}

/*Attach image dialog*/

.attachIMGBigButton {
    float: left;
    margin: 10px;
}

.attatchImageButton_bottom {
    float: left;
    height: 35%;
    font-size: 18px;
}

.attachImageButton_top {
    float: left;
    height: 60%;
    font-size: 72px;
}

.attachImagesListContentSize{
    width: 144px;
    height: 144px;
}

@media only screen and (max-width: 1200px) {
    .attachImagesListContentSize {
        width: 96px;
        height: 96px;
    }
    .attatchImageButton_bottom {
        font-size: 12px;
    }
    .attachImageButton_top {
        font-size: 48px;
    }
}

.completeFill{
    width: 100%;
    height: 100%;
}

.attachImageContentMain {
    background-color: #a27d00;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    border-color: #846600;
    border-width: 4px;
    border-style: solid;
    color: #fbeec2;
}

    .attachImageContentMain:hover {
        background-color: #483800;
        border-color: #261e00;
        color: #e6c65c;
    }
    .attachImageContentMain:active {
        background-color: #680000;
        border-color: #600000;
        color: white;
    }

.imageFetchIndividualContent_decoration {
    border-style: solid;
    border-width: 3px;
    border-color: maroon;
    border-radius: 5px;
    box-shadow: 0px 0px 3px #190000;
    /* width: 100%; */
    text-align: center;
    background-color: black;
}

.textDetailsAreaIMGIndividual{
    clear: left;
    float: left;
    text-align: center;
    width: 100%;
}

.imgContentAreaIndividual{
    margin-left: auto;
    margin-right: auto;
    background-color: black;
}


.imgFetchIndividual_button {
    width: 100%;
    margin-top: -32px;
    height: 35px;
    background-color: rgba(0,0,0,.5);
    z-index: 4;
    position: relative;
    overflow: hidden;
}

.imgFetchViewingIndividual_button {
    margin-top: -38px;
    height: 35px;
    background-color: rgba(0,0,0,.5);
    z-index: 4;
    position: relative;
    overflow: hidden;
}

.imgFetchIndividual_padding {
    padding: 3px;
    color: white;
    text-align: center;
    font-size: 15px;
    position: relative;
    word-break: break-all;
}

.imgPreviewManagerOverlay_button {
    width: 100%;
    margin-top: -80%;
    height: 65%;
    background-color: rgba(64, 0, 0, 0.875);
    z-index: 5;
    position: relative;
    overflow: hidden;
}

.img_fetch_name_button_padding {
    padding: 5px;
    color: white;
    text-align: center;
    font-size: 15px;
    position: relative;
    word-break: break-all;
}

@media only screen and (max-width: 1800px) {
    .img_fetch_name_button_padding {
        font-size: 13px;
    }
}

@media only screen and (max-width: 1280px) {
    .img_fetch_name_button_padding {
        font-size: 11px;
    }
}

@media only screen and (max-width: 900px) {
    .img_fetch_name_button_padding {
        font-size: 9px;
    }
}

/*content sizing for lightbox screen*/
@media only screen and (max-width: 900px) {
    .min_contentadmin_extended {
        width: auto;
        max-height: calc(100% - 70px);
        padding: 15px;
    }

    .modal {
        padding-top: 5px;
        background-color: rgba(48, 0, 0,1);
    }

    .avatarUploadNav {
        width: 100%;
        margin: 1px;
        float: left;
        border: none;
        /*
        border-bottom: solid;
        border-right: none;
        */
    }

    .inventoryNavInactive {
        width: 25%;
        margin: 1px;
        float: left;
        border-style: none;
    }

    .inventoryNavSelected {
        width: 25%;
        float: left;
        border-width: 5px;
        border-color: #e1bf06;
        border-bottom: solid;
        border-right: none;
    }

    .uploadAvatarContents {
        width: 100%;
        margin: 0px;
    }

    .inventoryNavCon {
        font-size: 16px;
    }

    .receptOptionsSide {
        float: left;
        width: calc(100% - 10px);
    }
}

.imageViewContent {
    max-width: 85%;
    height: auto;
    background-color: black;
}

.imageViewMaster {
    padding-top: 20px;
}

.modal3rdLayer {
    margin-bottom: 40px;
}

/* Super Nicka's Games Page Info Styling */
.gameFileDownloadBKG{
    box-sizing: border-box;
    padding: 5px;
    color: white;
    border-radius: 10px;
    margin-bottom: 5px;
    display: flex; 
}
.gameFileDownloadBKGStyle1{
    background-color: darkred;
}
.gameFileDownloadBKGStyle2{
    background-color: #4f0000;
}
.gameFileDownloadText{
    margin-right: auto;
    font-size: 17px;
    margin-left: 5px;
    margin-top: 5px;
}
.downloadDateTimeStamp{
    font-size: 12px;
    font-family: main,"Berlin Sans FB","Trebuchet MS";
    color: gold;
}