body{ overflow-x: hidden; }
#infiniteLoader-top,
#infiniteLoader{ text-align: center; display: none; }
#btn-loadtop{ background-color: #3366CC; text-align: center; width: 180px; color:#fff;
    padding:3px 5px; margin:15px auto 15px 0; cursor: pointer; display: none; border-radius: 12px;
    font: bold 11px/19px Verdana, Arial, Helvetica, sans-serif; }
#btn-loadtop:hover{ background-color: #003297;}

#floater{ position: relative; width: 100%; background-color: #fff; 
    top: initial; bottom: initial; left:initial; right:initial; 
    border:1px solid #003297; margin-bottom: 10px; 
    animation-duration: 0.5s;  animation-name: slidedown;
    -webkit-animation-duration: 0.5s;  -webkit-animation-name: slidedown;
}
#floater.fixed{ position: fixed; bottom: 0; margin:0; background-color: #fff; height:auto; z-index: 888; left:0px;width:100%; border:0;  border-top:1px solid #003297; z-index: 999999;
    animation-duration: 0.8s;  animation-name: slideup;
    -webkit-animation-duration: 0.8s;  -webkit-animation-name: slideup;
}
@-webkit-keyframes slideup,
@keyframes slideup {
    from {
        bottom: -200px;
        opacity: 0;
    }

    to {
        bottom: 0; 
        opacity: 1;   
    }
}

@-webkit-keyframes slidedown,
@keyframes slidedown {
    from {
        bottom: 0;
        opacity: 1;
    }

    to {
        bottom: -200px; 
        opacity: 0;   
    }
}

#floater > table{clear: both; width:100%;}
#floater tr.fltr {width:100%; height: 35px;}
#floater tr.fltr > td{ width:100%; padding:5px 20px;}
#floater tr.bgblue, floater tr.bgblue td{ background-color:#003297; color:#fff; }
#floater .pagenav{ float: right; margin-right: 0; margin-top: 2px; position: relative;}
#floater .pagenav .alt1, #floater .pagenav .alt2{ font: 11px verdana, arial, helvetica, sans-serif; }
#floater .pagenav .alt2 span, #floater .pagenav .alt2 .smallfont{ font-weight: bold;}
#forumjump-sticky select{ font-weight: bold; width:200px;}

#floater .fl-left{ float: left; font: bold 11px verdana, arial, helvetica, sans-serif;}
#floater .fl-right{ float: right; display: none;}
#floater .fl-right a{ color: #fff; font: bold 11px verdana, arial, helvetica, sans-serif;}

#floater.fixed .fl-left,
#floater.fixed .fl-right{ display: inline-block;}

/* buttons */
#floater .fa{ font-size: 13px; line-height: 19px; }
#floater td.smallfont .post-reply.detail:before{ position: absolute; font-family: 'FontAwesome';
    top: 0px; left: 0; content: "\f086"; color: #003298; font-size: 13px; 
    margin-left:15px; padding-left:15px; border-left:1px solid #D6D6D6;}
#floater td.smallfont .post-reply.detail{ position:relative; padding:0; padding-left:48px; margin:0;
    height: 19px; display: inline-block; float:left; background: none; width: 120px;
    color: #003298; font: bold 11px/20px Verdana, Arial, Helvetica, sans-serif;
    position:relative; content:"Reply with Review"; }
#floater td.smallfont .post-reply.detail:after{ position: absolute;  content:"Reply with Review";
    color: #003298; font: bold 11px/23px Verdana, Arial, Helvetica, sans-serif; }
#floater td.smallfont a.post-reply.detail:hover::before,
#floater td.smallfont a.post-reply.detail:hover::after{ color:#6699FF;}
#floater td.smallfont .post-reply.detail:hover{ color:#6699FF; text-decoration: none;}

#floater .btn-rounded a{color:#003298; }
#floater .btn-rounded,
#floater .btn{ display: inline-block; float:left; height: 23px; width:auto; padding:0;
    color:#003298; margin: 0; text-align: center; border: none; background-color: transparent !important;}
#floater .btn-rounded{ background-color: transparent !important; border-radius: 12px;}
#floater .btn-square{ background-color: transparent !important; border-radius: 0; position: relative; 
    overflow: visible;}

#floater td.smallfont .postreply{ display: inline-block; float:left; margin: 0;}
#floater .postreply > a.btn-text{ background: none; text-align: center; padding:0; text-transform: none;}
#floater .btn,
#floater .postreply > a.btn-text,
#floater .postreply > div.btn-text{ font: bold 11px/23px Verdana, Arial, Helvetica, sans-serif; }
#floater .divider{ display: inline-block; height: 25px; padding: 0 0 0 15px; border-right: 1px solid #D6D6D6;
    margin-right: 15px; float: left; }
/*.page .btn-multiquote,*/
/*.page .breaking-news-report,*/
.page .btn-fa{background-color: #3366CC; border-radius: 12px; color:#fff; padding:4px 20px;
    font: bold 11px Arial, Helvetica, sans-serif; text-decoration: none; margin-right: 5px;}
.page .btn-fa.quoted{ background-color: #0D266B;}

.page .controls-bar img,
.page .btn-multiquote img{ margin-bottom: -5px;}

.page .btn-multiquote img{ width: 40px; height: 20px;}

/* .breaking-news-report - disabled */
/*.page .breaking-news-report{ color:#fff; outline: none; position: relative; padding-left:32px; padding-right: 40px;}
.page .breaking-news-report:before{ position: absolute; font-family: 'FontAwesome';
    top: 3px; left: 10px; content: "\f1ea"; font-size: 14px;}
.page .breaking-news-report:after{ position: absolute; content:"News";
    font: normal 11px/23px verdana, arial, helvetica, sans-serif; }
.page .breaking-news-report img{ display: none;}*/

/*.page .breaking-news-report:hover,*/
.page .btn-fa:hover,
#floater .postreply > a.btn-text:hover,
#floater .btn-rounded:hover,
#floater .btn:hover{ color:#6699FF; text-decoration: none; cursor: pointer;}

.page .breaking-news-report:active,
#floater td.smallfont .post-reply.detail:active,
#floater .btn-rounded:active,
#floater .btn.btn-square:active{ background-color: transparent!important; }

#floater td#btnPageGo{ position: relative; padding: 0;}
#floater #btnPageGo .icon{ width:16px; height: 17px; display: block; background-color: #003399; color:#FFFFFF;
    text-align: center; cursor: pointer;}
#floater #btnPageGo .icon .fa{ line-height: 17px;}
#floater #btnPageGo .menu-box{ position: absolute; top:-50px; right:0;}

/* mod tool */
#mod-sticky{ display: inline-block; line-height: 22px; vertical-align: middle;
    margin-left: 15px; padding-left: 15px; border-left: 1px solid #D6D6D6; }
#mod-sticky strong{ line-height: 23px; }
#mod-sticky select{ width:100px; height: 18px;}
#mod-controller{ display: none;}

/* nav */
.tborder.navbar{ clear: both; margin-bottom: 5px;}

/* ad */
#sidebar_ads_container { width:100%; display: block; text-align: center;}
#sidebar_ads_container .inner-container{position: relative; top: initial; }
#sidebar_ads_container .inner-container aside{ margin-left:auto; margin-right:auto;}
#sidebar_ads_container .inner-container.fixed{position: fixed; top: 0; bottom: initial; }
#sidebar_ads_container .inner-container.fixed.bottom{top: initial; bottom:300px; }
aside[id^=div-gpt-ad]{ float: none !important; margin: 5px auto 0 !important; text-align: center;}

#thread-footer aside[id^=div-gpt-ad]{ display: none;}

a.bigusername{word-break: break-all;}

/* menu block */
#floater .menu-block{ position: absolute; bottom: 28px; left:0; text-align: left; color: #fff; display: none;
    border: 1px solid #0B198C; background: #efefef; width: auto; }

#floater #reply-sticky .menu-block{ left:-1px; }
#floater #threadsearch-sticky .menu-block,
#floater #threadtools-sticky .menu-block{ left: -15px; }

#threadtools-sticky .menu-block{ width: auto; height: auto;}
#floater .btn-square .menu-block a{ background: none; padding:0; float: none; text-transform: none;}
#floater .btn .menu-block a{ background: none; padding:0; float: none; text-transform: none;}

/* quick reply */
#floater #reply-sticky .menu-block{ width: 100%; bottom:70px;}
#reply-sticky .btn-text .fa{display: inline-block;}
#reply-sticky.isActive { background-color:transparent;}
#reply-sticky.isActive .btn-text .fa{ display: none;}
#reply-sticky.isActive .btn-text span{ padding-left: 12px; color:#8B0011;}
#reply-sticky.isActive .btn-text span:before{ position: absolute; font-family: 'FontAwesome';
    top: 7px; left: 17px; content: "\f00d"; color: #8B0011; font-size: 13px; line-height: 19px;}
#reply-sticky.isActive:active{ background-color: #68010E; }
.cke_dialog{ z-index: 999999;}

/* general */
.clearfix{clear:both;}
.clearfix:before{ content:''; display: table; box-sizing: border-box;}
.clearfix:after{ content:''; display: table;}

/* fix editor color option button */
#vB_Editor_QR_controls{ position: relative; }
#vB_Editor_QR_popup_forecolor_menu{ left:102px !important; top: 20px !important; }

/* temp */
#myDebug{ display: none;}

/* adjustment for smaller screen size */
@media only screen and (max-width: 1190px) {
   /* .bbquote{ margin-right: 320px !important;} */
}

/* smaller screen width */
@media only screen and (max-width: 1200px) {
    #floater.fixed{ height:auto;}
    #floater .pagenav{ clear: both; margin:5px;}

}
@media only screen and (max-width: 767px) {


}