/********************************************** 
Input buttons, e.g. submit, text input, etc 
***********************************************/
.button-large {background: linear-gradient(to bottom, rgba(var(--mre), .5), rgba(var(--mclt), .5));padding: 10px 12px;text-align: center;margin: 0px 5px 0px 5px;border-radius: 10px;color: var(--bgc);font-family: var(--font1);text-transform: lowercase;display: inline-block;border: var(--border);font-size: 17px;line-height: .5;font-weight: 700;}
.button-small {padding: 4px 6px;text-decoration: none;text-transform: lowercase;position: relative;display: inline-block;top: 14px;}
.button-small i {font-size: 20px;}
.button-small2 {font: 300 16px/100% poppins;padding: 4px 6px;text-decoration: none;min-width: 1150px;max-width: 80px;margin: 2px 12px 2px 0;text-transform: uppercase;background: #fff;color: #000;position: relative;top: -0px;}
.button-small2 a {font-size: 14px;}
.post-buttons-top {margin-top: 3px;}
.button-large.closed {background: linear-gradient(to right, rgba(var(--mre), .3), rgba(var(--mclt), .3), rgba(var(--mcly), .3));padding: 5px 12px;text-align: center;margin: 0px 5px 0px 5px;border-Radius: 0px;letter-spacing: 1px;color: #FFFFFF;font-weight: bold;min-width: 75px;font-family: var(--font1);display: inline-block;}
#smilies-table {width:120px; border:0px solid; background:transparent}
#smilies-table img {width:25px; height:25px; padding:6px; padding-left:3px;padding-right:3px;}
.forminput,.codebuttons,.textinput,.radiobutton,.checkbox {border-radius: 2px !important;background: var(--bgc);border: var(--border);color: var(--color);font-family: var(--font1);font-size: 13px;padding: 2px;vertical-align: middle;}
.textinput {width: 97%;margin-left:10px; font-family: var(--font1);font-size: 15px;}
input[type=submit],input[type=button],input[type=reset] {background: linear-gradient(to right, rgba(var(--mre), .3), rgba(var(--mclt), .3));text-transform: lowercase;font-size: 13px;border: var(--bgc);border-radius: 5px;padding: 3px 20px;color: var(--color);}
.codebuttons {font-size: 16px;}

/**************************************** 
Form table cell styles, left/right/top 
*****************************************/
.pformstrip {background-color: #fff;color: black;font-weight: bold;padding: 2px 5px;margin-top: 1px;font-family: var(--font2);text-transform:uppercase;font-size:16px;}
.pformleft {background: linear-gradient(to right, rgba(var(--mre), .3), rgba(var(--mclt), .3), rgba(var(--mcly), .3));;padding: 6px;margin-top: 1px;width: 25%;font-family: var(--font1);text-transform:lowercase;padding-top:20px;padding-bottom:20px;}
.pformleftw {background-color: #fafafa;padding: 6px;margin-top: 1px;width: 40%;font-family: var(--font2);text-transform:uppercase;}
.pformright {background-color: #fff;padding: 6px;margin-top: 1px;font-family: var(--font4);}

.darkrow2 {background-color: var(--bgc1);color: var(--color);text-align:center;font-family: var(--font4);font-size: 26px;}
.row2 {padding: 12px !important;background: linear-gradient(to right, rgba(var(--mre), .3), rgba(var(--mclt), .3), rgba(var(--mcly), .3));font-family: var(--font1);}
.row2 a {font-size: 13px;text-transform: uppercase;}

/******************************* 
topic row 
*******************************/
.forum-subheader {display: none;}
.topic-subheader {display: none;}
#topicrow-box {width: 900px;height: 230px;background: linear-gradient(to right, rgba(var(--mre), .2), rgba(var(--mclt), .2));border-radius: 10px;text-align: center;border: var(--border);margin: 15px;}
#topicrow-box .facts {height: 30px;width: 855px;border-radius:0 0 9px 9px;position: relative;top: 64px;}
#topicrow-box .facts x {font-family: var(--font1);text-transform:uppercase;font-size: 14px;background: linear-gradient(to left, rgba(var(--mre), .3), rgba(var(--mclt), .3)) left center no-repeat;color: var(--color);text-align: center;display: inline-block;width: 365px;position: relative;top: -78px;}
#topicrow-box .facts y {font-family: var(--font1);text-transform:uppercase;font-size: 14px;background: linear-gradient(to right, rgba(var(--mre), .3), rgba(var(--mclt), .3)) left center no-repeat;color: var(--color);text-align: center;display: inline-block;width: 365px;margin-left: 120px;position: relative;top: -78px;}
#topicrow-box .details {height: 85px;width: 855px;padding-right: 22.5px;padding-left: 22.5px;background: var(--bgc);position: relative;border-radius: 9px 9px 0 0;border-bottom: var(--border);margin-top: 0px;padding-bottom:20px;}
#topicrow-box .details .started {text-align: left;float: left;width: 360px;height: 52px;font-family: var(--font1);color: var(--color);margin-top: 20px;}
#topicrow-box .details .started b {margin-left: 5px;margin-right: 5px;font-size: 14px;}
#topicrow-box .details .started i {margin-left: 5px;margin-right: 5px;margin-top: 3px;font-size: 12px;text-transform:lowercase;}
#topicrow-box .details .lastreply {text-align: right;float: right;width: 367px;height: 52px;font-family: var(--font1);font-size: 13px;color: var(--color);margin-top: 20px;}
#topicrow-box .details .lastreply b {margin-left: 5px;margin-right: 5px;text-transform: uppercase}
#topicrow-box .details .lastreply i {margin-left: 5px;margin-right: 5px;margin-top: 3px;font-size: 10px;text-transform:lowercase;}
#topicrow-box .details .lastreply img {float: right;height: 60%;width: 49px;object-fit: cover;margin-right: 20px;border-radius: 10px;margin-left: 20px;}
#topicrow-box .title {height: 55%;width: 95%;position: relative;left: 2.5%}
#topicrow-box .title .t {text-align: center;align-items: center;font-family: var(--font2);font-size: 33px;position: relative;top: 7px;margin-left: 10px;}
#topicrow-box .title .d {position: relative;top: -26px;font-family: var(--font1);font-size: 13px;text-transform: lowercase;color: var(--color);width: 855px;height: 80px;overflow: auto;text-align: left;}

/********************************* 
POST + MINIPROFILE 
**********************************/
#mini-posts-outer {margin-left: -1px;}
#mini-posts-outer:last-child {margin-bottom: 30px;}
#miniprofile {background: linear-gradient(to right, rgba(var(--mre),.4), rgba(var(--mclt),.4));padding-bottom: 40px;margin-bottom: 1px;width: 918px;margin-left: -1px;font-family: var(--font1);}
#miniprofile-top {width: 918px;height: 280px;border-top: var(--border);margin-left: -1px;}
#miniprofile-top .minitopbar {width: 918px;height: 280px;background: linear-gradient(to right, rgba(var(--mre), .5), rgba(var(--mclt), .5));}
#miniprofile-top .minitopbar .gif {width: 167px;height: 185px;background: linear-gradient(to right, rgba(var(--mre), .9), rgba(var(--mclt), .9));border-radius: 10px 0 0 10px;display: inline-block;position: relative;top: 46px;left: 64px;}
#miniprofile-top .minitopbar .gif img {width: 167px;height: 184px;object-fit: cover;border-radius: 10px 0 0 10px;}
#miniprofile-top .minitopbar .name {width: 623px;height: 141px;display: inline-block;background: var(--bgc);border-radius: 0 10px 0 0;position: relative;top: 46.2px;right: 64px;text-align: center;font-family: var(--font4);font-size: 44px;float: right;}
#miniprofile-top .minitopbar .name t {line-height: 3.5;}
#miniprofile-top .minitopbar .name t a {}
#miniprofile-top .minitopbar .info {width: 623px;float: right;height: 42px;background: var(--bgc1);display: inline-block;border-radius: 0 0 10px 0px;position: relative;top: 1.5px;right: 64px;text-align: center;font-family: var(--font1);text-transform: uppercase;font-size: 12px;border-top: var(--border);}
#miniprofile-top .minitopbar .info t {position: relative;top: 10px;color: var(--color);}
#mini-posts-main .mbox3 {height: 54px;background: var(--bgc);display: inline-block;position: relative;border-top: var(--border);width: 918px;}
#mini-posts-main .mbox3 .buttons {width: 647px;height: 48px;float: left;text-align: left;position: relative;left: 3px;top: 3px;display: inline-block;color: var(--color);}
#mini-posts-main .mbox3 .buttons span3 {position: relative;text-transform: uppercase;top: 4px;margin-right: 40px;margin-left: 20px;font-family: var(--font2);}
#mini-posts-main .mbox3 .buttons a {color: var(--color);}
.postbit_email {text-transform: lowercase;font-weight: 600;line-height: 3.5;padding: 0px 6px;}
.postbit_pm {text-transform: lowercase;font-weight: 600;line-height: 3.5;padding: 0px 6px;}
.postbit_edit {text-transform: lowercase;font-weight: 600;line-height: 3.5;padding: 0px 6px;}
.postbit_purgespammer {text-transform: lowercase;font-weight: 600;line-height: 3.5;padding: 0px 6px;}
#mini-posts-main .mbox3 .date {width: 265px;text-align: right;position: relative;top: 15px;display: inline-block;color: var(--color);font-size: 10px;text-transform: uppercase;}
#mini-posts-main .mbox3 .date a {color: #000!important;margin-left: 20px;}
#mini-posts-main .mbox3a {width: 590px;height: 54px;background: var(--bgc);position: relative;left: 298px;border-radius: 10px;display: inline-block;}
#mini-posts-main .mbox3a .link {text-align: center;display: inline-block;width: 145px;height: 54px;position: relative;top: 10px;}
#mini-posts-main .mbox3a i {text-align: center;display: block;font-size: 22px;}
#mini-posts-main .mbox3a .link span3 {position: relative;text-transform: uppercase;background: linear-gradient(to right, rgba(var(--mre), .1), rgba(var(--mclt), .1));font-size: 10px;top: 5px;padding: 2px 10px;}
#mini-posts-main {min-height: 549px;border: 1px solid var(--border);margin-bottom: 30px;}
#mini-posts-main-text {border-radius: 10px;min-height: 260px;width: 500px;display: inline-block;padding: 45px;text-align: justify;letter-spacing: 0.5px;line-height: 13px;background: var(--bgc);padding-top: 50px;padding-bottom: 50px;position: relative;left: 30px;margin-top: 40px;margin-bottom: 40px;color: var(--color);}
#mini-posts-main-text img {max-width: 500px;}
#mini-posts-main-text iframe {max-width: 500px !important;height: 275px;}
#mini-posts-right {width: 24.3%;height: 50px;background: #fff;border-radius: 10px;position: relative;top: -0px;right: 17px;float: right;margin-right: -.5px;margin-top: 0px;margin-bottom: -7px;text-align: center;}
#mini-posts-right .y {width: 100%;z-index: 9999;text-align: center;position: relative;top: 12px;font-family: var(--font1);font-size: 15px;text-transform: uppercase;}
#mini-posts-main .avatar {width: 220px;min-height: 465px;float: left;position: sticky;top: 90px;display: inline-block;margin-top: 0px;padding:1%;padding-right: 4%;padding-top:2%;background: var(--bgc);border-left: var(--border);border-right: var(--border);border-top: var(--border);border-radius: 0 0 0 10px;}
#mini-posts-main .avatar .image {width: 220px;height: 370px;padding: 17.8px;}
#mini-posts-main .avatar .image img {width: 220px;height: 370px;border-bottom: var(--border);border-top: 0px solid;border-radius: 10px 10px 0px 0px;}
#mini-posts-main .avatar .group {width: 183px;height: 20px;padding: 17.5px;margin-top: -15.5px;position: relative;left: 17.8px;border-left: var(--border);border-bottom: var(--border);border-right: var(--border);color: var(--color);text-transform: uppercase;text-align: center;border-radius: 0 0 10px 10px;background: linear-gradient(to right, rgba(var(--mre), .3), rgba(var(--mclt), .3));}
#miniprofilebottom {width: 916px;height: 240px;border-bottom: 0px solid;margin-left: 0px;margin-top: 0px;}
#miniprofilebottom .badges {width: 271px;height: 100px;display: inline-block;float: right;margin-right: 0px;}
#miniprofilebottom .badges .inside {background: var(--bgc);width: 269px;height: 100px;overflow: auto;border: var(--border);border-top:none;}
#miniprofilebottom .badges .inside img {width: 32px;height: 32px;padding: 7px;}
#miniprofilebottom .mbox2 {width: 645px;height: 239px;background: var(--bgc);float: left;border-bottom: var(--border);display: inline-block;}
#miniprofilebottom .mbox2 .gif {width: 240px;height: 239px;border-left: var(--border);float: right;}
#miniprofilebottom .mbox2 .gif img {width: 191px;height: 191px;object-fit: cover;margin: 24px;border-radius: 10px;}
#miniprofilebottom .mbox2 .player {width: 404px;height: 100%;background: linear-gradient(to right, rgba(var(--mre), .1), rgba(var(--mclt), .1));float: right;}
#miniprofilebottom .mbox2 .player .inside {width: 404px;height: 239px;}
#miniprofilebottom .mbox2 .player .inside .y {width: 404px;font-family: var(--font2);color: var(--color);font-size: 65px;text-align: center;position: relative;top: 35px;}
#miniprofilebottom .mbox2 .player .inside .t {font-family: var(--font1);text-transform: uppercase;font-size: 28px;color: var(--color);text-align: center;position: relative;top: 5px;}
#miniprofilebottom .mbox2 .player .inside2 {width: 240px;height: 165px;background: var(--bgc);border-bottom: var(--border);display: inline-block;align-items: center;position: relative;top: -0px;border-right: var(--bgc);}
#miniprofilebottom .mbox2 .player .inside2 .inner {width: 240px;height: 40.8px;font-family: var(--font2);text-transform: uppercase;border-bottom: var(--border);color: var(--color);}
#miniprofilebottom .mbox2 .player .inside2 .innerb {width: 100%;height: 24.7%;font-family: var(--font2);text-transform: uppercase;border-bottom: 0px solid #eee;}
.bocs {float: left;height: 40.8px;width: 40px;border-right: var(--border);margin-right: 20px;}
.playeranswer {float: right;font-size: 11px;padding: 5px;border-radius: 10px;margin-top: 8px;color: var(--color);margin-right: 20px;text-transform: none;display: inline-block;}
#miniprofilebottom .mbox2 .player .inside3 {width: 159px;height: 50px;display: inline-block;align-items: center;}
#miniprofilebottom .mbox2 .player .inside3 .inner {text-align: right;width: 157px;height: 24px;font-family: var(--font6);text-transform: uppercase;color: var(--color);font-size: 20px;}
#miniprofilebottom .mbox2 .player .inside3 .inner2 {text-align: right;width: 159px;height: 138px;font-family: var(--font2);text-transform: lowercase;font-size: 13px;overflow: auto;color: var(--color1);}
span4 {float: left;font-size: 11px;padding: 5px;border-radius: 10px;margin-top: 8px;color: var(--color);margin-left: -10px;display: block;}
#miniprofilebottom .relationship {width: 271px;height: 140px;display: inline-block;float: right;margin-right: 0px;}
#miniprofilebottom .relationship .inside {background: var(--bgc);width: 272px;height: 238px;overflow: hidden;border: var(--border);}
#miniprofilebottom .relationship .inside .box {width: 99px;height: 240px;border-right: var(--border);float: left;background: linear-gradient(to bottom, rgba(var(--mre), .2), rgba(var(--mclt), .2));}
#miniprofilebottom .relationship .inside .box i {font-size: 60px;padding: 89px 19.5px;}
#miniprofilebottom .relationship .inside .status {width: 272px;height: 120px;font-family: var(--font2);text-align:center;font-size: 38px;color: var(--color);line-height: .8;position: relative;top: 20px;}
#miniprofilebottom .relationship .inside .name{width: 172px;height: 117px;float: right;text-transform: uppercase;font-weight:700;text-align:center;font-size:12px;border-top: var(--border);padding-top: 50px;}
.mycode_i {color: var(--mcly);}
.mycode_u {color: var(--mcly);}
.mycode_b {color: var(--mcly); font-weight:600 !important;}
.mycode_s {color: var(--mcly);}

/******************************* 
Pagination e.g. [1],2,3 ... 
*******************************/
.pagination {height: 30px;padding-top: 4px;}
.pagination .pagination_current,.pagination a {padding: 2px 5px;}
.pagination a:link,.pagination a:visited,.pagination a:active {border: var(--border);border-radius: 10px;background: linear-gradient(to right, rgba(var(--mre), .5), rgba(var(--mclt), .5));padding: 5px;padding-right: 10px;padding-left: 10px;padding-bottom: 5px;color: var(--color);text-decoration: none;font-family: var(--font1);}
.pagination a:hover {background: linear-gradient(to right, rgba(var(--mre), 1), rgba(var(--mclt), 1));text-decoration: none;color: var(--bgc);font-weight: 600;}
.pagination .pagination_current {border: var(--border);border-radius: 10px;background: var(--bgc);padding: 5px;padding-right: 10px;padding-left: 10px;padding-bottom: 5px;color: var(--color);text-decoration: none;font-family: var(--font1);}
.pagination .pagination_current:hover {background: linear-gradient(to right, rgba(var(--mre), .5), rgba(var(--mclt), .5), rgba(var(--mcly), .5));}
.goto-firstunread {font-family: var(--font2);}
.pagination_first,.pagination_last,.pagination_page {background: none repeat scroll 0% 0% #fff;border: 1px solid #eee;}
.pagination_pagetxt {display: none;}