/* 
    Document   : custom
    Created on : 13 Feb, 2014, 11:45:57 AM
    Author     : arpan
    Description:
        Purpose of the stylesheet follows.
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
a:hover,
a:focus,
a:active,
button:hover,
button:active,
button:focus {
    text-decoration: none;
    outline: 0 none;
    box-shadow: none;
}


/*Font Size*/

html {
    font-size: /*62.5%*/
        80%;
}
#facebook-jssdk-iframe{
    display: none;
}

/* =14px */

h1 {
    font-size: 24px;
    font-size: 2.4rem;
}


/* =24px */


/*Font Use*/

body {
    font-family: 'Questrial', sans-serif !important;
    font-weight: 400;
    font-size: 14px;
    font-size: 1.4rem;
}


/* Sticky footer styles
-------------------------------------------------- */

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    /* Margin bottom by footer height */
    /*padding-top: 60px;*/
}
a{
    color: #0E0E0E;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    /* Set the fixed height of the footer here */
    line-height: 60px;
    /* Vertically center the text there */
    background-color: #1F262A;
    color: rgba(255, 255, 255, 0.5);
}

.footer a {
    color: rgba(255, 255, 255, 0.5);
}


/* Custom page CSS
-------------------------------------------------- */


/* Not required for template or sticky footer method. */

.loader {
    background: rgba(0, 0, 0, 0.9) url(../images/loader-ripple.svg) 50% 50% no-repeat;
    position: fixed;
    height: 100%;
    width: 100%;
    text-align: center;
    left: 0;
    top: 0;
    z-index: 99999;
    vertical-align: middle;
    background-size: 150px;
}

.banner-section {
    background: #000 url('../images/banner.jpg') 0 50% no-repeat;
    background-size: 90%;
}

.top-nav {
    background: #fff;
    padding: 0;
}

.top-nav a {
    color: #000;
}

.logo {
    font-size: 40px;
}

.logo img {
    position: relative;
    vertical-align: text-top;
    top: 2px;
}

.logins {
    margin: 0
}

.menu {
    font-size: .8em;
    margin: 0
}

.banner {
    color: #fff;
    overflow: hidden;
    /* min-height:460px;*/
    padding: 50px 0 30px
}

.banner p {
    margin: 0 0 10px 0;
}

.intro h1 {
    font-size: 50px;
    font-weight: 400;
    color: #fff;
    margin: 0 0 15px
}

.intro h2 {
    font-size: 30px;
    font-weight: 400;
    color: #f5c15a;
    margin: 20px 0 5px;
}

.intro a.button {
    background: #BD9C55;
    color: #fff;
    font-size: 30px;
    padding: 15px 25px;
    border-radius: 3px;
    display: inline-block;
    text-decoration: none;
    margin: 8px 0 10px;
    font-family: inherit
}

.intro p {
    color: #b68e3f;
    font-size: 16px;
    line-height: normal;
}

#content {
    width: 70%;
    margin: 20px auto;
    overflow: hidden;
}

#content img {
    width: 100%
}


/* Tabs */

.tab {
    overflow: hidden;
    border-radius: 5px 5px 0 0
}

.tab button {
    background: #E4E4E4;
    font-family: 'Questrial';
    font-size: 1em;
    color: #3B403C;
    float: left;
    padding: 20px 35px;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
}

.tab button.active {
    background: #bd9c55;
    color: #fff;
}

.tabcontent {
    display: none;
    background: white;
    padding: 24px 24px 90%;
}

.copy {
    background: #0E0E0E;
    color: #F5C15A;
    padding: 30px;
    margin: 20px 0;
    font-size: 1.1em;
    line-height: 1.5em;
}


/* sidebar */

.card-wrap {
    margin-bottom: 20px;
}

.sb-header {
    background: #BD9C55;
    padding: 10px;
    border-radius: 5px 5px 0 0;
    color: white;
}

.sb-header h3 {
    font-size: 24px;
    margin: 0;
    line-height: normal
}

.sb-header p {
    font-size: 13px;
    margin: 0
}

.widget {
    border: 1px solid #BD9C55;
    background: white;
    padding: 15px;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
}
.all-round{
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
}

form input,
form button {
    font-family: 'Questrial';
}

.color-chart {
    padding-left: 8%;
}

.color-chart p {
    display: inline-block;
    padding: 50px;
    color: white;
}

.main-container {
    padding: 30px 0
}

.tab-wrap {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    overflow: hidden;
}

.tab-wrap ul {
    display: flex;
}

.tab-wrap ul li {
    flex: 1
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background: #bd9c55;
    color: #fff;
}

.nav-tabs .nav-link {
    background: #E4E4E4;
    color: #3B403C;
    border-radius: 0;
    border: 0 none;
    text-align: center;
    padding: 15px;
    font-size: 16px;
}

.tab-content {
    padding: 15px
}

.form-control {
    font-size: 18px;
    border: none;
    background: #F5F5F5;
    padding: 10px;
    height: 42px !important;
    line-height: normal;
    border: 1px solid #ccc;
}

.btn {
    font-size: 18px;
}

.btn-primary {
    color: #fff;
    background-color: #BD9C55;
    border-color: #BD9C55;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background-color: #CFBE99;
    border-color: #CFBE99;
}

.register-link {
    color: #1F262A;
    line-height: 1.2em;
    font-size: 16px;
}

.register-link a {
    color: #F5C15A;
}

.navbar-dark .navbar-nav .nav-link{font-size: 16px;}


.ListTable {
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-align: left;
    border: 0;
    border-top: 1px #f1f4e3 solid;
    border-left: 1px #f1f4e3 solid;	
    margin: 5px 0 0 0;
}
.ListTable tbody > tr:first-child{
    background: #1F262A;
    color: #fff;
}
.ListTable tbody > tr:first-child td a{
    color: #fff;
}
.ListTable td {
    border: 0;
    border-bottom: 1px #f1f4e3 solid;
    border-right: 1px #f1f4e3 solid;
    padding: 2px;
}

.TR2 {
    background: #cfbe99;
}
.TR3 {
    background: #ffffff;
}
/*a { text-decoration:none;color:#7b7b7b;}
a:hover{ text-decoration:underline;color:#828b56;}*/

.login-box-wrap{
    background: url('../images/bg-login.jpg') 50% 0 no-repeat;
    background-size: cover;
    float: left;
    width: 100%;
    padding: 50px 0;
}

.login-box{
    background: rgba(255,255,255,0.8);
    padding: 30px;
    margin-bottom: 30px;
}

.ads-wrap{
    background: #ccc;
    padding: 20px;
    border-radius: 8px;
}
.forgot-pass{
    float: right;
    position: relative;
    margin-top: 10px;
    font-size: 14px;
    color: #000;
} 
.login-box legend{
    background: #fff;
    padding: 0 10px;
    border-radius: 5px;
}
.new-user{
    font-size: 16px;
    color: #000;
    line-height: 1.3em;
    display: inline-block;
    margin: 3px 0 0;
}
.new-user:hover{
    color: #000;
    text-decoration: underline
}

.login-box .form-control, .contact-form .form-control {
    border: 1px solid #ccc;
}

.recovery-image img{max-width: 100%;}

.rules-box h4{
    color: #BD9C55;
}
.rules-box p{
    color: #0E0E0E;
    font-size: 14px;
}

#get{
    margin-bottom: 20px;
}

#dialog {position:absolute; width:425px; padding:10px; z-index:200; background:#fff}
#dialog-header {display:block; position:relative; width:411px; padding:3px 6px 7px; height:14px; font-size:14px; font-weight:bold}
#dialog-title {float:left}
#dialog-close {float:right; cursor:pointer; margin:3px 3px 0 0; height:11px; width:11px; background:url(dialog/images/dialog_close.gif) no-repeat}
#dialog-content {display:block; height:160px; padding:6px; color:#333333; font-size:14px; text-align:justify}
#dialog-mask {position:absolute; top:0; left:0; min-height:100%; width:100%; background:#FFF; opacity:.75; filter:alpha(opacity=75); z-index:100}

.ad-right > div{margin: 0 auto}

.sub-menu-wrap{
    border: 1px solid #CFBE99;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.sub-menu-wrap ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.sub-menu-wrap ul li {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.sub-menu-wrap ul li:last-child{
    border: 0 none;
    padding-bottom: 0;
    margin-bottom: 0
}
.sub-menu-wrap ul li a{
    position: relative;
    display: block;
    font-size: 13px;
    padding-left: 18px;
    color: #1F262A;
}
.sub-menu-wrap ul li a:before {
    content: "\f04e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #BD9C55;
    font-size: 13px;
    position: absolute;
    top: 0;
    left: 0;
}

.right-align-btn{
    background: #0E0E0E;
    font-size: 14px;
    display: inline-block;
    padding: 8px 15px;
    color: #fff;
    float: right;
    border-radius: 5px;
}
.right-align-btn:hover, .right-align-btn:active{color: #FFF;}
.form-group a, .form-check a{color: #BD9C55}
.form-group a:hover, .form-check a:hover{text-decoration: underline}

.support-small-box{
    height: 250px;
    overflow-y: auto;
    margin-bottom: 30px;
}
.support-small-box h3{
    background: #3B403C;
    color: #fff;
    margin: 0;
    font-size: 16px;
    padding: 10px 10px;
    border-radius: 5px 5px 0 0;
    font-weight: normal;
}
.support-small-box ul{
    padding: 10px 15px;
    margin: 0;
    list-style: none;
    border: 1px solid #3B403C;
    border-top: 0 none;
    border-radius: 0 0 5px 5px;
}
.support-small-box ul li{
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.support-small-box ul li:last-child{
    border: 0 none;
    padding-bottom: 0;
    margin-bottom: 0
}
.support-small-box ul li a{display: block; font-size: 14px; color: #BD9C55; position: relative; padding-left: 20px}
.support-small-box ul li a::before {
    content: "\f138";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #3B403C;
    font-size: 14px;
    position: absolute;
    top: -1px;
    left: 0;
}

.answer-wrapper h2{
    color: #BD9C55;
}
.answer-row{
    border: 1px solid #ccc;
    padding: 15px;
    position: relative;
    margin-bottom: 15px;
}
.answer-row h5{
    background: #ccc;
    padding: 5px;
    font-size: 18px;
}
.answer-row h5 strong{
    color: #000;
}
.answer-row p{
    font-size: 14px;
}
.answer-row a{
    background: #0E0E0E;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 8px;
}
.top-ads{
    text-align: center;
    background: #f2f2f2;
    padding: 15px 0;
}
.top-ads > div{
    margin: 0 auto
}
.carousel-item img{width: 100%;}

.btn-quarter{
    width: 100%;
    cursor: pointer;
    border: 0;
    font-size: 16px;
    padding: 10px;
    display: inline-block;
    text-align: left;
    line-height: 1.2em;
    border-radius: 5px;
    color: #fff;
    background: linear-gradient(-45deg, #0E0E0E, #BD9C55, #3B403C, #F5C15A);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
}
.btn-yearly{
    width: 100%;
    cursor: pointer;
    border: 0;
    font-size: 16px;
    padding: 10px;
    display: inline-block;
    text-align: left;
    line-height: 1.2em;
    border-radius: 5px;
    color: #fff;
    background: linear-gradient(-45deg, #3B403C, #0E0E0E, #F5C15A, #1F262A);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
}
.small-text{font-size: 12px;line-height: 1.2em}
.click-paypal{font-size: 16px; line-height: 1.2em; margin-bottom: 0;}
.click-paypal a{color: #BD9C55}

.starsleft{list-style: none; margin: 0; padding: 0}
.starsleft li{
    line-height: 1.2em;
    padding-left: 25px;
    color: #0E0E0E;
    position: relative;
    margin-bottom: 10px;
}
.starsleft li::before {
    content: "\f01d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #BD9C55;
    font-size: 18px;
    position: absolute;
    top: 1px;
    left: 0;
}
.starsleft br{display: none}

.profile-picture-wrap{
    margin-bottom: 10px;
}
.profile-picture-wrap img{
    cursor: pointer;
    width: 100%;
    border-radius: 5px;
    max-width: 100%;
}
.all-btns-in-profile .bn{width: 100%; font-size: 14px;}

.stats-wrap{
    margin-bottom: 20px;
    border: 1px solid #2b2b2b;
    border-radius: 5px;
    background: #f2f2f2;
    overflow: hidden
}
.stats-wrap h2{
    background: #2b2b2b;
    color: #fff;
    font-size: 18px;
    padding: 5px 15px;
    display: block;
    margin-bottom: 0
}
.stat-list .stat-list-row{
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    font-size: 12px;
    margin-bottom: 5px;
}
.white-box{
    white-space:nowrap; padding-left:10px; margin-right:10px; background-color:#FFFFFF; border:2px solid #999999; color:#FFFFFF
}
.black-box{
    white-space: nowrap;
    padding-left: 10px;
    margin-right: 10px;
    background-color: #000000;
    border: 2px solid #999999;
    color: #000000;
}
.yellow-box{
    white-space:nowrap; padding-left:10px; margin-right:10px; background-color:#d8c708; border:2px solid #999999; color:#d8c708
}
.green-box{
    white-space:nowrap; padding-left:10px; margin-right:10px; background-color:#FF9966; border:2px solid #999999; color:#FF9966
}
.stat-info {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    justify-content: center;
    height: 100%;
    background: #ccc;
    padding: 15px;
    align-items: flex-start;
    border-radius: 0 0 5px 0;
    margin-right: -1px;
}
.stat-list{
    background: #f2f2f2;
    padding: 15px;
    border-radius: 0 0 0 5px;
}
.stat-info p{margin-bottom: 0}


/*My Game*/
.title_mini {
    font-size: 13px;
    color:#333333;
    padding:0;
    width:100%;
    margin-bottom: 20px;
}



#headertabs {
    float:left;
    width:100%;
    font-size:93%;
    line-height:normal;

}
#headertabs ul {
    margin: 0;
    padding: 00;
    list-style: none;
    border-bottom: 0;
    display: flex;
}
#headertabs li {
    margin: 0 1px;
    flex: 1;

}
#headertabs a {
    background: #fff;
    /* float: left; */
    display: block;
    border: 1px #B0B19C solid;
    padding: 10px 0;
    text-decoration: none;
    font-weight: normal;
    color: #765;
    font-size: 13px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#headertabs a {float:none;}
/* End IE5-Mac hack */
#headertabs a:hover {
    color:#333;
}

#headertabs .currentTab a {
    background: #EED863;
    color:#000;
    font-weight: bold;
    padding-bottom:5px;
}

.chess-movies-wrap{}
.chess-movies-wrap h2{}
.chess-movies-wrap h2 a{
    float: right;
    font-size: 16px;
    display: inline-block;
    background: #BD9C55;
    color: #fff;
    padding: 7px 15px;
}
.small-inner-tab{
    border-bottom: 1px solid #333;
    margin-bottom: 25px
}
.small-inner-tab span{
    display: inline-block;
    margin: 0 5px 0 0;
    background: #ccc;
    padding: 5px 15px;
    color: #333;
}
.small-inner-tab a{
    display: inline-block;
    margin: 0 5px 0 0;
    background: #333;
    padding: 5px 15px;
    color: #fff;
}
.small-inner-tab a.active{
    display: inline-block;
    margin: 0 5px 0 0;
    background: #CFBE99;
    padding: 5px 15px;
    color: #fff;
}
.text-info-box{
    border: 1px solid #CFBE99;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
    font-size: 14px;
    min-height: 330px;
}
.video-wrap p{
    margin: 10px 0 25px;
    font-size: 14px;
}


/*Archive*/
.title_mini {
    font-size: 13px;
    color:#333333;
    background: #F4F7EA;
    padding:2px;
    font-weight:normal;
    margin-left:40px;
    width:230px;
}

.bnv {
    font-size: 11px;
    font-weight: bold;
    color: #3333CC;
    border: 3px  #CCCCCC solid;
    background: #fcfce4;
    cursor: pointer;
    padding:2px;
}

#headertabs {
    float:left;
    width:100%;
    font-size:93%;
    line-height:normal;

}
#headertabs ul {
    margin:0;
    padding:0;
    list-style:none;
    border-bottom: 1px #B0B19C solid;
}
#headertabs li {
    float:left;
    margin:0 2px;

}
#headertabs a {
    background: #fff;
    float:left;
    display:block;
    border: 1px #B0B19C solid;
    padding:5px 8px 4px 8px;
    text-decoration:none;
    font-weight:bold;
    color:#765;
    font-size:13px;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#headertabs a {float:none;}
/* End IE5-Mac hack */
#headertabs a:hover {
    color:#333;
}

#headertabs .currentTab a {
    background: #EED863;
    color:#000;
    font-weight: bold;
    padding-bottom:5px;
}

.onlinetbl
{

    width: 100%;
    font-size: 13px;
}
.onlinetbl td
{
    padding: 2px 5px;
    text-align: center;
    height:30px;
}
.chess-box{
    padding:0;
    margin-bottom: 25px;
    position: relative;
}
div#boardPieces{
    position: absolute;
    left: 30px;
    top: 25px;
    z-index: 1;
}
div#quizText{
    background: #f2f2f2;
}
div#quizDescription {
    background: #BD9C55;
    padding: 5px 10px;
    color: #fff;
    font-size: 17px;
    border-radius: 5px;
    margin-bottom: 10px;
    line-height: 1.2em;
    font-weight: normal;
}
div#whitePieces {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
    line-height: 22px;
    font-size: 16px;
}
.buttonPane{
    margin-top: 25px;
}
.generalButton{
    margin-bottom: 10px;
}
div#helpContainer {
    margin-top: 15px;
    background: #ccc;
    padding: 10px;
    border-radius: 5px;
}
.goto-link{
    display: inline-block;
    font-size: 14px;
    background: #BD9C55;
    padding: 7px 15px;
    color: #fff;
    border-radius: 5px;
}
.goto-link a{color: #000;}
.pagination-wrap{}

.bg-green3{background: #F5C15A}
.rating-wrap {
    font-size: 14px;
}
.ChessMoveIndicator{
	border:3px #FF0000 solid;
	display: none;
}

/*Animation*/

@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}








/**************** 07-01-18 *****************/
.collapsible-btn{font-size: 14px; color: #fff!important; margin-top: 6px; float: right;}
.collapsible-btn .fa-plus-square{display: none;}
.collapsible-btn .fa-minus-square{display: block;}
.collapsible-btn.alter-icon .fa-plus-square{display: block;}
.collapsible-btn.alter-icon .fa-minus-square{display: none;}
.button-section{text-align: left;}
.button-section .btn{font-size: 16px;}
.sb-header a.header-link{display: inline-block; background: #fff;  font-size: 14px; color: #bd9c55; padding: 4px 6px; border-radius: 3px; margin: 0 2px;}
#rtc_help, #rtc_help2, #clocks_help{background: #fff!important; font-size: 14px!important; color: #2a2a2a!important; border: 1px solid #bd9c55!important; padding: 15px!important; overflow: auto!important; border-radius: 5px!important;}
#rtc_help > a, #rtc_help2 > a, #clocks_help > a{display: inline-block; background: #bd9c55; padding: 6px 8px; border-radius: 5px;}
#rtc_help a font, #rtc_help2 a font, #clocks_help a font{color: #fff!important; text-transform: capitalize;}
#chatmsgall{width: calc(100% - 74px); background: #f1f1f1; font-size: 16px; color: #2a2a2a; border: 1px solid #d1d1d1; padding: 4px 6px;}
.chatbutton{width: 70px; height: 34px; background: #bd9c55; font-size: 16px; color: #fff; border: none!important;}

/*.tooltip{background: #fff!important; font-size: 14px!important; color: #2a2a2a!important; box-shadow: 0 0 4px rgba(0,0,0,0.25)!important;}*/

.custom-tab ul{overflow-x: auto; overflow-y: hidden;}
#headertabs.custom-tab ul, .custom-tab ul{border-bottom: 5px solid #bd9c55; margin: 0 0 20px; padding: 0; display: flex; list-style: none;}
#headertabs.custom-tab ul li, .custom-tab ul li{margin: 0 2px; list-style: none;}
#headertabs.custom-tab ul li:first-child, .custom-tab ul li:first-child{margin-left: 0;}
#headertabs.custom-tab ul li:last-child, .custom-tab ul li:last-child{margin-right: 0;}
#headertabs.custom-tab ul li a, .custom-tab ul li a{border: none; background: #e8e8e8; font-size: 14px; color: #2a2a2a; padding: 8px 15px; display: flex; justify-content: center; align-items: center; white-space: nowrap;}
#headertabs.custom-tab ul li.currentTab a, .custom-tab ul li.currentTab a{background: #BD9C55; color: #fff;}

.border-table{border: 1px solid #BD9C55;}
.border-table td.sb-header{background: #BD9C55!important;}
.border-table td{font-size: 14px; padding: 10px; border: none!important;}
.border-table .TR3left td, .border-table .TR2left td{background: #f4f4f4;}
.border-table input[type="button"]{background: #BD9C55;}
.border-table select, .border-table input[type='text']{padding: 5px 10px;}
b.number-style{background: #bd9c55; color: #fff; margin-right: 5px;  padding: 4px 8px; border-radius: 3px;}
.section-block{background: #f4f4f4; margin-bottom: 10px;}

.ListTable.info-table td{font-size: 14px; padding: 10px;}
#boardOptions .btn {font-size: 14px!important;}


.row-blog{width: 100%; background: #f4f4f4; padding: 15px; margin: 0 0 25px;}
.row-blog .info-date-top{display: flex; margin: 0 0 15px;}
.row-blog .info-date-top .blog_date{background: #BD9C55; font-weight: 300; font-size: 15px; color: #fff; padding: 10px; white-space: nowrap; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.row-blog .info-date-top .blog_date b{display: block; font-size: 30px; line-height: 30px;}
.row-blog .info-date-top .inner-info{display: flex; flex-direction: column; justify-content: center; margin: 0 0 0 15px;}
.row-blog .info-date-top .inner-info h3{margin: 0;}
.row-blog .info-date-top .inner-info h3 a{font-weight: bold;}

ul.list-info{padding: 0 0 0 15px;}
ul.list-info li{margin: 0 0 6px;}


#board .ChessLbl.ChessBoard75 .ChessBoardFrame, #board .ChessLbl.ChessBoard60 .ChessBoardFrame, #board .ChessLbl.ChessBoard45 .ChessBoardFrame, #board .ChessLbl.ChessBoard30 .ChessBoardFrame{
    position: relative!important;
    top: -24px!important;
    right: -20px!important;
    bottom: -15px!important;
}
td#mainHolder{width: 525px!important;}

.btn-primary.disabled, .btn-primary:disabled {
    color: graytext;
    background-color: #eeeeee;
    border: 2px #eee outset;
    font-size: 16px;
    }
#pawnpromote div {
    float: left;
    cursor: pointer;
}