/* -- NEW: CLEARFIX --
 * Note: This class is used to clear element with float. 
 */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* -- FIX: Body --
 * Note: Fix background top.
 */
/*
.backdrop {
    top: 0;
    background-image: url('/board/riot-assets/images/site-backdrop.jpg');

}
*/

/* -- NEW: GLOBAL CLASSES --
 * Note: New classes that we create. 
 */
.hide {
    display: none;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.inline {
    display: inline;
}

.margin-top-15 {
    margin: 15px 0 0;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-55 {
    padding-top: 55px;
}

.padding-10 {
    padding: 10px;
}

.padding-side-10 {
    padding: 0 10px;
}

.padding-left-25 {
    padding-left: 25px;
}

.no-margin {
    margin: 0;
}

.margin-side-10 {
    margin: 0 10px;
}

.full-width {
    width: 100%;
}

.center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.inline-block {
    display: inline-block;
}

/* -- FIX: BREADCRUMB --
 * Note: Update styles 
 * */
/*
#breadcrumbs {
    width: 938px;
    padding: 15px 0 5px;
}
*/

#breadcrumbs {
    padding-top:40px;
}
#breadcrumbs li, .search-page #breadcrumbs li.current {
    /*font-size: 10px;*/
    background: url("/board/riot-assets/images//icons.png") no-repeat scroll 0 7px transparent;
}

.internal #breadcrumbs h1 {
    display: none;
}

.search-page #breadcrumbs li.current {
    float: left;
    clear: none;
    margin: 0 0 0 5px;
    padding: 0 0 0 10px;
}

.landing h3.page-title {
    visibility: hidden;
}

/* -- ADDED: FORUMHOME --
 * Note: Styles for forum items list 
 * */
.grid-list > li > * {
    height: 110px;
    padding: 15px;
    overflow: hidden;
    line-height: 16px;
}

.grid-list > li > div img {
    width: 78px;
    height: 78px;
}

.grid-list > li > div .description {
    width: 199px;
    padding: 5px 0 0 8px;
}

.grid-list > li > div .description h4 {
    margin: 0;
    line-height: 22px;
}

/* -- Forum title */
h3.header-title {
    margin: 20px 0 10px;
}

.header-forum p {
    font-size: 14px;
    line-height: 18px;
}

/* -- FIX: Primary button --
 * btn-large-primary: Rewrite the width of the button because the background is smaller
 *
.btn-large, .btn-large:visited {
    max-width: 200px;
}
*/

/* -- ADDED: Search form -- */
.search {
    padding: 0 0 10px 0;
    text-align: right;
}

.search .btn-input input {
  width: 300px;
}

.search-advanced {
    padding: 5px 0 0;
}

/*
 * ADDED: PAGINATION BAR
 */
.pager {
    text-align: right;
}

/* -- NEWADDED: TABLE -- */
.table td a {
    font-size: 17px;
    text-decoration: none;
}

.table td span, .table td span a {
    font-size: 13px;
}

.table img {
    border: none;
}

.table td.title img {
    margin: 3px 0 0;
}

.table td.title a img {
    margin: 0 3px 0 0;
    vertical-align: baseline;
}

.table a.thread-title-link {
    max-width: 360px;
    padding: 0 0 0 20px;
}

.table td.date {
    font-size: 11px;
    line-height: 11px;
}

.table td.forum a {
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
    text-decoration: underline;
}

.table td.replies {
    line-height: 15px;
    text-align: right;
}

.table td.replies a,
.table td.replies span {
    width: 50%;
    display: block;
}

/* -- NEW: THREAD STATUS -- */
.thread-status {
    background: url("/board/riot-assets/images//thread-icon.png") no-repeat 0 3px;
}

.thread-status_new {
    background: url("/board/riot-assets/images//thread-icon_new.png") no-repeat 0 3px;
}

.thread-status_lock {
    background: url("/board/riot-assets/images//thread-icon_lock.png") no-repeat 0 3px;
}

.thread-status_lock_new {
    background: url("/board/riot-assets/images//thread-icon_lock.png") no-repeat 0 3px;
}

.icon-legend a {
    padding: 0 0 0 18px;
    margin: 0 0 0 20px;
}

.icon-legend .thread-status,  .icon-legend .thread-status_new,
 .icon-legend .thread-status_lock, .icon-legend .thread-status_lock_new {
    background-position: 0 -3px;
}

/* -- NEW: SHOWTHREAD -- */
.post-row, .post-row .white-stone {
    padding: 0;
}

.post-row .post-col-left {
    /* width: 177px; */
    padding: 10px 0;
    font-size: 13px;
    text-align: center;
}

.post-row .post-col-right {
    /* width: 753px; */
    min-height: 155px;
    padding: 10px 5px;
    border-left: 1px solid #d7d7d7;
}

td .post-row .post-col-right {
    width: 735px;
}

.post-row .post-col-left p {
    margin: 0;
}

.post-row .post-col-left .post-avatar {
    width: 80px;
    margin: 5px auto 5px;
}

.post-row .post-col-left .post-user {
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px;
}

.post-row .post-header {
    color: #2b2b2b;
    font-size: 11px;
}

.post-row .post-header a {
    text-decoration: none;
}

.post-footer{
    position: relative;
}

.post-row .post-rating {
    float: right;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
}

.post-footer-buttons{
    float: right;
}

.post-footer-buttons a{
    display: inline-block;
}

.post-row .rating-positive {
    color: #04A32E;
}

.post-row .rating-negative {
    color: #A30404;
}

.post-row .post-message {
    color: #2b2b2b;
    min-height: 65px;
    padding: 5px 10px;
}

.post-row .post-footer img {
    vertical-align: text-top;
}

.post-row .quote {
    margin: 10px;
}

.post-row .quote-message {
    padding: 10px;
    background: #FBFBFB;
}

.thread-page-links {
    color: #257372;
    font-size: 10px;
    text-transform: uppercase;
}

/* -- NEW: Post New Thread -- */
.addition-option {
    margin: 10px 0;
}

.addition-option label {
    line-height: 22px;
}

/* -- NEW: Quick Reply -- */
.btn-collapse {
    width: 15px;
    height: 15px;
    display: block;
    margin: 5px 0 0 0;
    background-image: url("/board/riot-assets/images//btn-collapse.gif");
    background-repeat: no-repeat;
    background-position: top center;
}

.btn-collapse.active {
    background-position: bottom center;
}

input.link {
    border: none;
    color: #257372;
    font-size: 10px;
    cursor: pointer;
    background: none;
    text-transform: uppercase;
    text-decoration: underline;
    font-family: "Gill Sans", "Gill Sans MT", GillSans, "Gill Sans W04", Calibri, "Trebuchet MS", sans-serif;
}

/* -- NEW: Reply to thread -- */
.topic-review .username {
    width: 140px;
}

.topic-review .message {
    width: 570px;
}

.topic-review .date-time {
    width: 180px;
}

.topic-review div p {
    padding: 1px 5px;
}

/* -- FIX: vB_Editor --
 * Note: Fix image width on control bars.
 */
.controlbar img {
    max-width: none;
}

.editor-container {
    padding: 10px;
    background: #e1e1e2;
    border: 1px solid #9a9a9a;
}

.editor-container textarea, .editor-container iframe {
    width: 99%;
    margin: 5px auto 0;
}

/* -- NEW: Search Result -- */
.search-header .font-primary {
    font-size: 13px;
    line-height: 25px;
}

.search-header .font-primary a {
    font-size: 10px;
    text-transform: uppercase;
}

.search-header .font-secondary {
    font-size: 11px;
    line-height: 13px;
}

/* -- NEW: Standard error template -- */
.error-banner-container {
    width: 763px;
    height: 221px;
    margin: 0 auto;
    padding: 1px;
    background: url('http://riot-web-static.s3.amazonaws.com/forum/img/banned-bg.jpg') no-repeat;
}

.error-banner-message {
    width: 472px;
    height: 130px;
    margin-top: 40px;
    margin-left: 230px;
}

/*** poll table reskin **/
.poll_table{
    margin-top: 20px;
    position: relative;
    background: #CCC;
    border: 1px solid #bbb;
    border-color: #bbb #eee #eee #bbb;
    -webkit-box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,0.05),inset -1px -1px 2px 0 rgba(240,240,255,0.3);
    -moz-box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,0.05),inset -1px -1px 2px 0 rgba(240,240,255,0.3);
    box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,0.05),inset -1px -1px 2px 0 rgba(240,240,255,0.3);
}

.poll_table header.header-primary>h2{
    font-size: 1.15em;
}

.poll_table header.header-primary>nav.header-links>ul>li{
    height: 30px;
}
.poll_table header.header-primary>nav.header-links>ul>li>a{
    line-height: 21px;
}

.poll_table header.header-primary>nav.header-links{
    border: none;
}

/** end poll table reskin **/

.staff_thread div{
    float: right;
    padding-right: 5px;
}

.staff_thread img{
    float: right;
}

.silenced_container .white-stone{
    background: #883333;
    color: white;
}

.silenced_container a{
    color: white;
    font-weight: bold;
}

.silenced_container a,.silenced_container a:visited,.silenced_container a:hover{
    color: white;
    font-weight: bold;
}

.showthread-top-pagination{
    padding-top: 20px;
}

.showthread-top-buttons{
    margin-top: 10px;
}

.vbmenu_popup {
  background-color: #fff;
  border: 1px solid #000;
}

.post_hidden_message {
  display: none;
}

.post_hidden .post_hidden_message {
  display: block;
}

.post_hidden .post-row {
  display: none;
}

.cs-body img {
  border: 0 !important;
  padding: 0 !important;
}


/************ i18n ************/

/* el_GR */
.i18n-el .forum-bit span{
    font-size: 0.8em;
}

.i18n-el .forum-bit h4{
    font-size: 1.2em;
}

/* pl_PL */
.i18n-pl .forum-bit span{
    font-size: 0.9em;
}

.i18n-pl .forum-bit h4{
    font-size: 1.2em;
}

/********* bbcode from main.css **********/

.highlight {
    color: #FF0000;
    font-weight: bold;
}