@font-face {
    font-family: 'ITCFrizQuadrataBold';
    src: url('fonts/frqitcbt-webfont.eot');
    src: url('fonts/frqitcbt-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/frqitcbt-webfont.woff') format('woff'),
    url('fonts/frqitcbt-webfont.ttf') format('truetype'),
    url('fonts/frqitcbt-webfont.svg#ITCFrizQuadrataBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ITCFrizQuadrataRoman';
    src: url('fonts/frqitc01-webfont.eot');
    src: url('fonts/frqitc01-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/frqitc01-webfont.woff') format('woff'),
    url('fonts/frqitc01-webfont.ttf') format('truetype'),
    url('fonts/frqitc01-webfont.svg#ITCFrizQuadrataRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active, a:selected, a:visited {
    border: none;
    outline: none;
}

img {
    border: 0 none;
}

/** COMMON USE STYLES **/
.clear {
    clear: both;
}

.tribunal-border {
    background: url('../images/tribunal-sprite.png') 0 -117px no-repeat;
    width: 400px;
    height: 13px;
    margin-top: 10px;
}

.tooltip {
    width: 385px;
    color: #fff;
    padding: 15px 35px 15px 35px;
    height: 40px;
    font-size: 14px;
    background: url('../images/tribunal-sprite.png') left -142px no-repeat;
}

.body-without-pvpnet-bar {
    background-position: 50% 0;
    margin-top: 0;
}

/** SPLASH PAGE **/

#tribunal-landing {
    background: url("../images/splashbg.jpg") no-repeat 0 0 transparent;
    height: 619px;
    width: 1002px;
    margin: 0 auto;
}

#tribunal-landing h1 {
    font: 54px 'ITCFrizQuadrataBold', 'Times New Roman';
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 2px #000;
}

#tribunal-landing h2 {
    font: 20px 'ITCFrizQuadrataRoman', 'Times New Roman';
    color: #fff;
}

#tribunal-landing .tribunal-border {
    margin: 10px auto 0 auto;
}

#landing-nav {
    width: 435px;
    height: 325px;
    float: left;
    margin: 50px 0 0 50px;
    padding: 15px 20px 20px;
    color: #fff;
    text-align: center;
}

#landing-nav.hoj-dis, #landing-nav.jr-dis {
    margin-top: 115px;
}

#landing-nav.hoj-dis.jr-dis {
    margin-top: 140px;
}

#landing-nav .landing-nav-item {
    margin-top: 15px;
}

#landing-nav .landing-nav-item a {
    color: #742005;
    font: 18px 'ITCFrizQuadrataBold', 'Times New Roman';
    background: url('../images/tribunal-sprite.png') left top no-repeat;
    text-align: center;
    width: 370px;
    height: 40px;
    display: block;
    padding-top: 15px;
    margin: 0 auto;
    text-shadow: 1px 1px #FFC957;
}

#landing-nav .landing-nav-item a:hover {
    text-decoration: none;
    background-position: 0 -57px;
}

#landing-nav .landing-nav-details {
    display: none;
}

#landing-nav .landing-nav-additional {
    clear: both;
    text-align: center;
    padding-top: 12px;
}

#landing-nav .landing-nav-additional a {
    color: #fff;
    padding: 0 2px;
    text-decoration: underline;
}

#hammer_start{
    clear: both;
    margin-left: 135px;
    width:256px;
    height:64px;
    background: url("../images/en/startbutton.png") no-repeat 0 0 transparent;
}

/** GENERAL TEMPLATE STYLES **/

#tribunal_content_wrapper .gradient-banner {
    background: #4B0600;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#860B00), to(#4B0600));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #860B00, #4B0600);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #860B00, #4B0600);
    /* IE 10 */
    background: -ms-linear-gradient(top, #860B00, #4B0600);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #860B00, #4B0600);
}

#tribunal_content_wrapper h2 {
    color: #742005;
    font-size: 24px;
    font-weight: bold;
}

#tribunal_content_wrapper a, #tribunal_content_wrapper a:visited {
    color: #2576F0;
}

#tribunal_content_wrapper a:hover {
    color: #00BAFF;
}


#tribunal_content_wrapper a.blue-button {
    display: block;
    width:256px;
    height:63px;
    background: url("../images/tribunal-sprite.png") left -570px no-repeat;
    font: 16px 'ITCFrizQuadrataRoman', 'Times New Roman';
    line-height: 63px;
    text-transform: uppercase;
    text-align: center;
    color: #efe16c;
}

#tribunal_content_wrapper a.blue-button:hover{
    background-position:0 -634px;
    text-decoration: none;
}

#tribunal_content_wrapper .button {
    background: #002039;
    width: 125px;
    height: 25px;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    border-radius: 5px;
    float: right;
    margin-left: 20px;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
    text-shadow: -1px -1px #606060;
}

#tribunal_content_wrapper .button {
    background: #004276;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#004276), to(#002039));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #004276, #002039);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #004276, #002039);
    /* IE 10 */
    background: -ms-linear-gradient(top, #004276, #002039);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #004276, #002039);
}

#tribunal_content_wrapper .button.hover, #tribunal_content_wrapper .button:hover {
    background: #004ffa;
}

#tribunal_content_wrapper .button.hover, #tribunal_content_wrapper .button:hover {
    background: #009ffd;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#009ffd), to(#004ffa));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #009ffd, #004ffa);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #009ffd, #004ffa);
    /* IE 10 */
    background: -ms-linear-gradient(top, #009ffd, #004ffa);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #009ffd, #004ffa);
}

#tribunal_content_wrapper #banner-nav {
    list-style-type: none;
    overflow: auto;
    font: bold 12px 'Tahoma', 'Arial', sans-serif;
    width: 100%;
    margin: 0 auto;
    background: #860B00;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#860B00), to(#4B0600));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #860B00, #4B0600);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #860B00, #4B0600);
    /* IE 10 */
    background: -ms-linear-gradient(top, #860B00, #4B0600);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #860B00, #4B0600);
    border-top: 1px solid #6D1E1F;
    border-bottom: 1px solid #6D1E1F;
}

#tribunal_content_wrapper #banner-nav li {
    float: left;
    zoom: 1;
    width: 20%;
    text-align: center;
}

#tribunal_content_wrapper #banner-nav.jr-dis li, #tribunal_content_wrapper #banner-nav.hoj-dis li {
    width: 25%;
}

#tribunal_content_wrapper #banner-nav.jr-dis.hoj-dis li {
    width: 33%;
}

#tribunal_content_wrapper #banner-nav a, #tribunal_content_wrapper #banner-nav a:visited {
    color: #fff;
    padding: 15px 0;
    border-right: 1px solid #6d1e1f;
    display: block;
}

#tribunal_content_wrapper #banner-nav a:hover {
    text-decoration: none;
}

#tribunal_content_wrapper #banner-nav a.last {
    border: 0 none;
}

#tribunal_content_wrapper #banner-nav a.current {
    background: #3A0501;
}

#tribunal_content_wrapper, #tribunal_landing_wrapper {
    width: 1002px;
    margin: 0 auto;
    background: url("../images/content_bg.png") 50% 0 repeat-y;
    position: relative;
    padding: 0 7px;
}

#tribunal_content_wrapper #tribunal-header {
    background: url('../images/internal-header.png') left top no-repeat;
    width: 1002px;
    height: 135px;
}

#tribunal_content_wrapper h1 {
    color: #ffffff;
    font: 60px 'ITCFrizQuadrataBold', 'Times New Roman';
    text-transform: uppercase;
    padding: 35px 0 0 50px;
}

#tribunal_content_wrapper h1 a, #tribunal_content_wrapper h1 a:visited {
    color: #fff;
    width: 100%;
    height: 100%;
}

#tribunal_content_wrapper h1 a:hover {
    text-decoration: none;
    color: #fff;
}

#garena-user-info {
    position: absolute;
    right: 5px;
    color: #fff;
    font: bold 12px 'Tahoma', 'Arial', sans-serif;
    padding: 8px 9px 10px 15px;
    background: url('../images/tribunal-sprite.png') -20px -178px no-repeat;
    border-radius: 0 0 0 5px;
}

#garena-user-info input {
    background: none;
    border: none;
    font: bold 12px 'Tahoma', 'Arial', sans-serif;
    cursor: pointer;
    text-transform: capitalize;
    color: #fff;
    text-decoration: underline;
}

#garena-user-info a, #garena-user-info a:visited {
    color: #fff;
    text-decoration: underline;
}

#tribunal_content_wrapper .notification {
    position: absolute;
    z-index: 1;
    left: 400px;
    background-color: #1f1f1f;
    padding: 15px 30px 15px 15px;
    border-radius: 8px;
    color: #fff;
    display: none;
    margin-top: 51px;
}

#tribunal_content_wrapper .notification .close {
    position: absolute;
    z-index: 2;
    top: 5px;
    right: 7px;
    font: bold 12px Verdana, Arial, sans-serif;
    background-color: #fff;
    color: #1f1f1f;
    border-radius: 20px;
    width: 15px;
    text-align: center;
    cursor: pointer;

}

#tribunal_content_wrapper .data-table {
    width: 100%;
    border: 1px solid #d2c08e;
    border-radius: 5px;
    font-family: Verdana, Arial, sans-serif;
    color: #2f2f2f;
    background: #fcf7e3;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcf7e3), to(#faf4d4));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #fcf7e3, #faf4d4);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #fcf7e3, #faf4d4);
    /* IE 10 */
    background: -ms-linear-gradient(top, #fcf7e3, #faf4d4);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #fcf7e3, #faf4d4);
}

#tribunal_content_wrapper .data-table thead {
    color: #000;
    font-size: 12px;
}

#tribunal_content_wrapper .data-table th {
    padding: 10px 20px;
    background-color: #eee5c6;
    text-align: left;
    border-right: 1px solid #D2C08E;
    width: 25%;
    text-shadow: 0 -1px white;
}

#tribunal_content_wrapper .data-table th.first {
    border-radius: 5px 0 0 0;
}

#tribunal_content_wrapper .data-table th.last {
    border-radius: 0 5px 0 0;
    border-right: 0 none;
}

#tribunal_content_wrapper .data-table tbody {
    color: #252323;
    font-size: 12px;
}

#tribunal_content_wrapper .data-table td {
    padding: 10px 20px;
    border-bottom: 1px solid #e7dbb3;
    border-right: 1px solid #D2C08E;
}

#tribunal_content_wrapper .data-table td.last {
    border-right: 0 none;
}

#tribunal_content_wrapper .data-table .last td {
    border-bottom: 0 none;
}

#tribunal_content_wrapper .data-table a, #tribunal_content_wrapper .data-table a:visited {
    color: #3966a7;
    font-weight: bold;
}

#tribunal_content_wrapper .data-table a:hover {
    color: #00BAFF;
}

#tribunal_content_wrapper .tribunal-pagination {
    margin-top: 15px;
    text-align: right;
    font-size: 12px;
}

#tribunal_content_wrapper .tribunal-pagination ul {
    list-style-type: none;
    display: inline;
}

#tribunal_content_wrapper .tribunal-pagination li {
    display: inline;
}

#tribunal_content_wrapper .tribunal-pagination a {
    padding: 5px 8px;
    border: 1px solid #0782BE;
    border-radius: 2px;
    color: #0782BE;
    background: #FFFAEA;
}

#tribunal_content_wrapper .tribunal-pagination a:hover {
    color: #A68541;
    background: #fff;
    border-color: #A68541;
    text-decoration: none;
}

#tribunal_content_wrapper .tribunal-pagination a.active {
    border: 1px solid #0782BE;
    background: #076295;
    color: #fff;
}

#tribunal_content_wrapper .tribunal-pagination a.disabled {
    border: 1px solid #DDD;
    background: #f5f5f5;
    color: #999;
    cursor: default;
}

.tribunal-content {
    padding: 20px;
}

.tribunal-content h3 {
    float: left;
    margin-bottom: 10px;
    font: 20px 'ITCFrizQuadrataBold', 'Times New Roman';
    color: #512e08;
}

#tribunal_content_wrapper .tribunal-content h2 {
    font: normal 22px 'ITCFrizQuadrataBold', 'Times New Roman';
}

/** TRIBUNAL CASE/REFORM CARD STYLES **/

#tribunal-case {
    position: relative;
    z-index: 0;
    color: #30302e;
}

#tribunal-case .ally {
    color: #37BD22;
}

#tribunal-case .enemy {
    color: #CE1C18;
}

#tribunal-case .reported-player {
    color: #9B00FE;
}

#tribunal-case .hidden-data {
    display: none;
}

#tribunal-case .title-container {
    float: left;
}

.tribunal-content .reviewing-title, #tribunal-case .total-reports {
    font-weight: normal;
    color: #606060;
    font-size: 1.2em;
    font-style: italic;
}

#tribunal-case h2 {
    margin: 0;
}

#tribunal_content_wrapper .progress-wrapper {
    margin: 0 3px;
    padding: 4px 0;
    background-color: #dec17a;
    font-family: 'ITCFrizQuadrataBold', Georgia, Times New Roman, sans-serif;
    font-size: 14px;
}

#tribunal_content_wrapper .progress-area {
    margin: 0 auto;
    color: #512e08;
    overflow: hidden;
}

#tribunal_content_wrapper .progress-label {
    float: left;
    width: 38%;
    text-align: right;
}

#tribunal_content_wrapper .voter-progress {
    height: 16px;
    width: 200px;
    background: #fff url('../images/diagonal.png') left top repeat;
    position: relative;
    margin: 0 auto;
    border: 2px solid #fff;

}

#tribunal_content_wrapper .progress-bar {
    height: 16px;
    background-color: #3b5a8e;
    width: 0;
}

#tribunal_content_wrapper .progress-text {
    float: right;
    width: 38%;
    text-align: left;
}

#tribunal-case .verdict-container {
    background: #fffae8;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fffae8), to(#fff4cc));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #fffae8, #fff4cc);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #fffae8, #fff4cc);
    /* IE 10 */
    background: -ms-linear-gradient(top, #fffae8, #fff4cc);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #fffae8, #fff4cc);
    float: right;
    border: 1px solid #d1c088;
    padding: 1px;
    width: 700px;
}

#tribunal-case .verdict-block {
    float: right;
    text-align: center;
    padding: 10px 25px 0 25px;
    color: #512e08;
    font-family: 'ITCFrizQuadrataBold', 'Times New Roman', serif;
    font-size: 14px;
    height: 55px;
    width: 192px;
}

#tribunal-case .verdict-block.punish {
    color: #fff;
    width: 165px;
    background: url('../images/tribunal-sprite.png') -9px -420px no-repeat;
}

#tribunal-case .verdict-block.pardon {
    color: #fff;
    width: 165px;
    background: url('../images/tribunal-sprite.png') -9px -497px no-repeat;
}

#tribunal-case .verdict-stat {
    font-size: 18px;
}

#tribunal-case .verdict-stat.agreement {
    font-size: 16px;
}

#tribunal-case .button {
    width: 165px;
    height: 37px;
    color: #fff;
    text-align: center;
    padding-top: 18px;
    float: right;
    margin-left: 10px;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
    text-shadow: -1px -1px #606060;
}

#tribunal-case .button.disabled {
    cursor: default;
    color: #e1e1e1;
    display: none;
}

#tribunal-case .timer {
    float: right;
    width: 270px;
    height: 38px;
    border-radius: 5px;
    background-color: #FAF1D5;
    text-align: center;
    padding-top: 15px;
    font-size: 12px;
    border: 1px solid #860B00;
}

#tribunal-case .button.pardon {
    background: url('../images/tribunal-sprite.png') -4px -298px no-repeat;
}

#tribunal-case .button.punish {
    background: url('../images/tribunal-sprite.png') -4px -358px no-repeat;
}

#tribunal-case .seconds, #tribunal-case .vote_cd {
    vertical-align: middle;
}

#tribunal-case .seconds {
    font-weight:bold;
    font-size:20px;
}

#tribunal-case .skip {
    clear: right;
    float: right;
    margin: 5px 10px 0 0;
    color: #0d539a;
    text-decoration: underline;
}

#tribunal-case .skip:hover {
    color: #009ffd;
}

#tribunal-case .ban-type {
    font-size: 1.3em;
    padding: 2px;
    font-weight: bold;
    color: #fff;
}

#tribunal-case .agreement-status {
    font-size: 1.5em;
    font-weight: bold;
    padding: 10px;
}

#tribunal-case .tab-box {
    clear: both;
    padding: 35px 0;
}

#tribunal-case .tabs-label {
    float: left;
    font-weight: bold;
    padding: 10px 10px 0 0;
}

#tribunal-case .tab-nav {
    list-style-type: none;
    position: relative;
    z-index: 20;
    overflow: auto;
}

#tribunal-case .tab-nav li {
    float: left;
    position: relative;
    z-index: 20;
    font-weight: bold;
    font-size: 13px;
    margin-right:10px;
}

#tribunal-case .tab-nav li a {
    padding: 10px 40px;
    display: block;
    color: #000;
    position: relative;
    z-index: 20;
    border: 1px solid #D2C189;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-shadow: 0 -1px white;
    background: #eee5c8;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee5c8), to(#e7dbb5));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #eee5c8, #e7dbb5);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #eee5c8, #e7dbb5);
    /* IE 10 */
    background: -ms-linear-gradient(top, #eee5c8, #e7dbb5);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #eee5c8, #e7dbb5);
}

#tribunal-case .tab-nav li.active a {
    border-bottom-color: transparent;
    background: #fcf7e4;
}

#tribunal-case .tab-content-container {
    position: relative;
    z-index: 0;
    float: left;
    width: 100%;
}

#tribunal-case .tab-content {
    padding: 20px;
    margin-top: -1px;
    border: 1px solid #D2C189;
    position: relative;
    background-color: #fcf6e1;
}

#tribunal-case h3 {
    margin: 0;
}

#tribunal-case .legend {
    float: right;
    list-style-type: none;
    width: 20%;
    background-color: #FAF1D5;
    border: 1px solid #EBD4BA;
    border-radius: 7px;
    padding: 10px;
}

#tribunal-case .legend li {
    padding: 2px 0;
    overflow: auto;
}

#tribunal-case .legend li div {
    float: left;
    width: 15px;
    height: 15px;
    margin: 0 5px;
}

#tribunal-case .legend .ally {
    background-color: #37BD22;
}

#tribunal-case .comments-number.ally {
    background: url('../images/tribunal-sprite.png') -7px -214px no-repeat;
}

#tribunal-case .legend .enemy {
    background-color: #CE1C18;
}

#tribunal-case .comments-number.enemy {
    background: url('../images/tribunal-sprite.png') -7px -253px no-repeat;
}

#tribunal-case .legend .reported-player {
    background-color: #9B00FE;
}

#tribunal-case .stat-title {
    font-weight: bold;
}

#tribunal-case .stat {
    float: left;
    width: 21%;
    margin-right: 20px;
    border-right: 1px solid #D2C189;
}

#tribunal-case .stat.last {
    margin-right: 0;
    border: 0 none;
}

#tribunal-case .comments-container, #tribunal-case .chat-log-container, #tribunal-case .players-container {
    margin: 25px 0 10px 0;
    float: left;
    width: 100%;
    clear: both;
}

#tribunal-case .comments, #tribunal-case .chat, #tribunal-case .game-stats {
    background: url('../images/tribunal-horizontal-sprite.png') left -206px repeat-x;
    padding: 20px 10px 10px 10px;
    clear: both;
}

#tribunal-case .game-stats-container {
    float: left;
    width: 75%;
}

#tribunal-case .chat {
    clear: both;
}

#tribunal-case .chat-scroll {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}

#tribunal-case .chat-log {
    width: 100%;
    font-size: 14px;
    border: 1px solid #D2C189;
}

#tribunal-case .chat-log tr.color-row {
    background-color: #f4edd1;
}

#tribunal-case .chat-log td {
    padding: 2px 5px;
}

#tribunal-case .chat-log span {
    padding-right: 3px;
}

#tribunal-case .chat-user {
    white-space: nowrap;
}

#tribunal-case .chat-timestamp {
    color: #a1a1a1;
    font-size: 12px;
    white-space: nowrap;
}

#tribunal-case .chat-message {
    width: 100%;
}

#tribunal-case .comment {
    float: left;
    width: 50%;
    padding-bottom: 15px;
    font-size: 14px;
}

#tribunal-case .comment .reported-by {
    font-weight: bold;
}

#tribunal-case .comments-number {
    float: left;
    width: 33px;
    height: 23px;
    padding: 6px 1px 2px 0;
    text-align: center;
    margin-right: 5px;
    color: #fff;
    background-color: #860B00;
    font-size: 18px;
    font-weight: bold;
    text-shadow: -1px -1px #000;
}

#tribunal-case .reported-by-label, #tribunal-case .inappropriate-name-label {
    font-weight: bold;
}

#tribunal-case .report-reason {
    font-weight: bold;
    font-size: 14px;
}

#tribunal-case .inappropriate-name {
    font-weight: normal;
    display: none;
    margin-top: 10px;
}

#tribunal-case .report-comments {
    padding-top: 10px;
    clear: both;
    padding-right: 5px;
    font-style: italic;
    font-size: 14px;
    overflow: hidden;
}

#tribunal-case .chat-filters {
    float: right;
    list-style-type: none;
}

#tribunal-case .chat-filters li {
    margin: 0 5px;
    float: left;
}

#tribunal-case .chat-filters input {
    margin-right: 3px;
}

#tribunal-case .chat-filters label {
    cursor: pointer;
}

#tribunal-case .chat-user {
    font-weight: bold;
}

#tribunal-case .name-change {
    display: none;
    margin-top: 10px;
    color: #9B00FE;
}

#tribunal-case .players-container table {
    clear: both;
    width: 100%;
    background-color: #FAF1D5;
    border: 1px solid #EBD4BA;
    text-align: center;
}

#tribunal-case .players-container .classic, #tribunal-case .players-container .dominion {
    display: none;
}

#tribunal-case .players-container img {
    vertical-align: middle;
    padding-right: 5px;
}

#tribunal-case .player-info {
    margin-right: 5px;
    float: left;
}

#tribunal-case .player-level {
    width: 40px;
}

#tribunal-case .player-champion {
    width: 60px;
}

#tribunal-case .player-champion div {
    margin: 0 auto;
}

#tribunal-case .player-kda {
    width: 50px;
}

#tribunal-case .player-summoner-spells {
    width: 116px;
}

#tribunal-case .players-container table table {
    border: 0 none;
    background-color: inherit;
}

#tribunal-case .players-container thead {
    color: #fff;
    font-weight: normal;
    border: 1px solid #4B0600;

}

#tribunal-case .players-container th {
    padding: 5px;
}

#tribunal-case .players-container td {
    padding: 5px;
}

#tribunal-case .players-container .player-items {
    text-align: left;
}

#tribunal-case .players-container .even {
    background-color: #EBD4BA;
}

#tribunal-case .dd-icon {
    float: left;
    margin-right: 5px;
}

.gameload {
    top: -1px;
    left: 1px;
    position: absolute;
    background: url("../images/overlay.png") repeat scroll 0 0 transparent;
    width: 100%;
    height: 100%;
    z-index:50;
}

.gameload img {
    display: block;
    width: 32px;
    margin: 0 auto;
    padding-top: 80px;
}

.tribunal-links {
    float: right;
    padding-top: 30px;
    text-decoration: underline;
}

/* JUDGEMENT LADDER STYLES */

#ladder-content .data-table {
    margin-top: 15px;
}

#ladder-content .data-table th {
    width: auto;
}

/** JUSTICE REVIEW STYLES **/
#justice-review-container {
    padding: 20px 4px 20px 3px;
}

#justice-review-container h2 {
    margin:  0 0 0 20px;
}

#justice-review-container .reviewing-title {
    margin-left: 20px;
}

#justice-review #stats {
    background: url('../images/jr-banner.jpg') left 27px repeat-x;
    height: 185px;
}

#justice-review #justice-rating {
    background: url('../images/jr-bg.png') center top no-repeat;
    width: 365px;
    height: 150px;
    padding-top: 50px;
}

#justice-review .stats-box {
    width: 25%;
    float: left;
    padding: 70px 20px 20px 20px;
    text-align: center;
    color: #000;
    font-size: 1.2em;
}

#justice-review .stats-box.last {
    float: right;
}

#justice-review .stat-title {
    color: #512e08;
    font: 14px 'ITCFrizQuadrataBold', 'Times New Roman';
}

#justice-review #justice-rating .stat-title {
    font-size: 18px;
}

#justice-review .stat {
    font: 48px 'ITCFrizQuadrataRoman', 'Times New Roman';
    color: #942500;
    height: 48px;
    line-height: 48px;
}

#justice-review #justice-rating .stat {
    font-size: 60px;
    text-shadow: 1px 3px #dcd3b9;
    padding: 8px 0;
}

#justice-review .smaller-stat {
    font-size: 36px;
}

#justice-review .mini-stat {
    color: #942500;
    font-size: 18px;
    font-weight: bold;
}

#justice-review .data-table {
    clear: both;
    width: 97%;
    margin: 15px auto 0 auto;
}

#justice-review h3 {
    margin: 20px 0 10px 0;
    float: none;
}

#justice-review .jr-history {
    margin: 30px 0;
    padding: 10px 20px;
    background: url('../images/tribunal-horizontal-sprite.png') left -109px repeat-x;
    height: 76px;
}

#justice-review .jr-history table {
    text-align: center;
    width: 100%;
}

#justice-review .jr-history td {
    padding: 5px 10px 0 10px;
    vertical-align: top;
}

#justice-review td.last {
    border-right: 0 none;
}

#justice-review .jr-history .history-stat {
    font-weight: bold;
    padding-right: 5px;
    width: 25%;
    font: 36px 'ITCFrizQuadrataRoman', 'Times New Roman';
    color: #942500;
}

#justice-review .tribunal-pagination {
    margin-right: 15px;
}

/** FAQ STYLES **/

#faq {
    color: #2C0400;
}

#faq a, #faq a:visited {
    color: #2576F0;
}

#faq a:hover {
    color: #00BAFF;
}

#faq #faq-notes {
    float: right;
    width: 25%;
    background-color: #FFF7DA;
    border: 1px solid #EBD4BA;
    border-radius: 5px;
}

#faq #faq-notes-title {
    background-color: #742005;
    color: #fff;
    font-size: 16px;
    padding: 5px;
    border-radius: 5px 5px 0 0;
    font-family: "ITC Friz Quadrata","Times New Roman", serif;
}

#faq #faq-notes-content {
    padding: 15px;
}

#faq #faq-notes p {
    margin-bottom: 15px;
}

#faq .button, #faq .button:visited {
    width: 210px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    float: none;
    display: block;
    margin-left: 0;
}
#faq .button:hover {
    color: #fff;
    text-decoration: none;
}

#faq #faq-content {
    float: left;
    width: 65%;
    background-color: #FFF7DA;
    border: 1px solid #EBD4BA;
    border-radius: 5px;
    padding: 0 20px 20px 55px;
    margin-top: 20px;
    font: 18px 'ITCFrizQuadrataRoman', 'Times New Roman', serif;
    color: #900C00;
}

#faq h3 {
    margin-top: 25px;
    float: none;
    color: #900C00;
    font: 18px 'ITCFrizQuadrataRoman', 'Times New Roman', serif;
}

#faq #faq-content li {
    padding: 5px 0;
}

#faq #faq-content li p {
    font: 13px Arial, sans-serif;
    color: #000;
    padding: 10px 0;
}

#faq #faq-content li ul {
    margin-left: 60px;
}

/** GENERAL SPLASH STYLES **/
.splash {
    height: 436px;
    width: 930px;
    margin: 0 auto;
    padding: 20px 0;

}

/** FINISHED PAGE **/

#finished_body{
    background:url("../images/doneMummy.jpg") no-repeat scroll left 20px transparent;
}

#finished_body_noerror{
    background:url("../images/doneTeemo.jpg") no-repeat scroll left 20px transparent;
}

#finished_info_holder{
    background:url("../images/doneInfo.png") no-repeat scroll 0 0 transparent;
    width:480px;
    height:182px;
    position:relative;
    top:125px;
    left:25px;
}

#finished_info_title{
    font-family:"ITC Friz Quadrata","Times New Roman", serif;
    color:white;
    font-size:24px;
    line-height:27px;
    width:470px;
    position:relative;
    top:10px;
    text-align:center;
}

#finished_info_text{
    width:340px;
    position:relative;
    top:40px;
    left:100px;
    color:white;
    font-size:12px;
    line-height:18px;
}

/** TRIBUNAL IN RECESS **/

#hammer_splash{
    background: url("../images/kayleban.jpg") no-repeat left 20px transparent;
    height: 479px;
    width: 931px;
}

#hammer_splash_title {
    display: block;
    margin: 0 auto;
}

/** GUIDLINES PAGE **/

#guidelines #guidelines-container {
    background: #fff7da url('../images/GuidelinesBG.png') center top no-repeat;
    padding: 20px;
    width: 881px;
    margin: 20px auto 0 auto;
    border: 1px solid silver;
}

#guidelines h3 {
    float: none;
    color: #742005;
    font: 18px 'ITCFrizQuadrataRoman', 'Times New Roman';
}

#guidelines .container {
    background-color: #fcf4d7;
    border: 1px solid #ebd3b4;
    border-radius: 5px;
    margin: 20px;
    padding: 15px;
}

#guidelines .guidelines-notes {
    width: 600px;
}

#guidelines #guidelines-questions ul {
    list-style-type: none;
    width: 48%;
    float: left;
}

#guidelines #guidelines-questions li {
    padding: 5px 0;
}

#guidelines #guidelines-warning h3 {
    text-align: center;
}

#guidelines .guideline-chunk {
    padding-bottom: 20px;
}

#guidelines .guideline-chunk a {
    display: block;
    text-align: right;
    padding: 10px 10px 0 0;
}

#guidelines .guideline-chunk p a {
    display: inline;
    text-align: left;
    padding: 0;
}

#guidelines #guidelines-disclaimer {
    text-align: center;
}

#guidelines #guidelines_buttons a {
    float: left;
}

#guidelines_buttons{
    margin-left:auto;
    margin-right:auto;
    width:521px;
}

#additional-guidelines h4 {
    font-size: 14px;
    font-weight: bold;
}

#additional-guidelines p {
    padding: 10px 0;
}

#additional-guidelines ol {
    margin-left: 20px;
}

#additional-guidelines li {
    padding: 5px 0;
}

/** Garena **/
#garena_login_form {
    padding-top: 10px;
}

#garena_login_form input.button {
    float: left;
    padding-top: 0;
    border: 0;
    text-transform: capitalize;
}

#legal h4, #legal p {
    padding: 10px 0;
    clear: both;
}