#roster_info {
    position: relative;
    border: 1px solid #EAEAEA;
    border-radius: 4px;
    margin-bottom: 20px;
    box-shadow: 0px 5px 5px #EAEAEA;
    background: -moz-linear-gradient(90deg, #FFF 0%, #F1F1F1 22%, #FFF 78%) repeat scroll 0% 0% transparent;
}
.roster-top-ajax .summary {
    float: left;
    width: 170px;
    text-align: center;
}
.roster-top-ajax .team-name {
    padding: 8px 5px;
    color: #A24201;
    font: bold small-caps 10pt Verdana, Tahoma, sans-serif;
}

.roster-top-ajax th, .roster-top-ajax td {
    border-bottom: 1px solid rgb(219,219,219);
}

.roster-top-ajax th {
    font-weight: normal;
    color: rgb(142,142,142);
    text-align: left;
}

.roster-top-ajax td.nbsp {
    border-bottom: none;
    width: 20px;
}

.roster-top-ajax table {
    width: 75%;
    width: -moz-calc(100% - 290px);
    width: -webkit-calc(100% - 290px);
    width: calc(100% - 290px);
    position: relative;
    z-index: 1;
}
.roster-top-ajax table .nbsp {
    border-bottom: 0px solid rgb(219,219,219);
    width: 55px;
    background: url('/static/i/roster_top_vertical_devide.png') no-repeat;
    background-position: right center;
    background-size: contain;
}
.roster-top-ajax th, .roster-top-ajax td {
    border-bottom: 1px solid rgb(219,219,219);
}
.roster-top-ajax th {
    font-weight: normal;
    color: rgb(142,142,142);
    text-align: left;
}
.roster-top-ajax td, .roster-top-ajax a {
    color: #A24201;
}
.roster-top-ajax .roster_info_last_row td, .roster-top-ajax .roster_info_last_row th {
    border-bottom: 0;
    vertical-align: top;
}
.roster-top-ajax .flag {
    height: 12px;
    margin-left: 15px;
}
.submenu .ui-tabs-nav {
    height: 20px;
    line-height: 20px;
}
.submenu .ui-tabs-nav li.ui-tabs-active img {
    position: absolute;
    left: auto;
    top: auto;
    display: block;
    right: -12px;
    bottom: -15px;
}
.sub_submenu {
    /*height: 16px;*/
    line-height: 16px;
}
#roster_roster th {
    white-space: nowrap;
}
#roster_roster td {
    white-space: inherit;
}
#roster_roster .player_name {
    padding: 0 4px;
    text-align: left;
}
#roster_roster .player_name img {
    padding: 4px;
    vertical-align:middle;
}
#field_interactive_opic_tr {
    float: right;
    width: 250px;
    height: auto;
    padding-top: 20px;
}
#field_interactive_tr {
    float: left;
    width: calc(100% - 300px);
}
#roster-top-title {
    background: #aaa;
    background: linear-gradient(to top, #898989, #A2A2A2) repeat scroll 0% 0% transparent;
    height: 34px;
    border-radius: 4px 4px 0px 0px;
    box-shadow: 0px 0px 4px #999;
    overflow: hidden;
}
#roster-top-title table {
    width: 100%;
    padding: 0;
    border-collapse: collapse;
    height: 34px;
}
#roster-top-title td {
    color: #f0f0f0;
    line-height: 34px;
    margin: 0px;
    padding: 0px;
    border: none;
}
#roster-top-title img {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}
#roster-top-title .cup-logo img {
    padding-top: 0px;
}
#roster-top-title a {
    color: #f0f0f0;
    font-weight: bold;
}
#roster-top-title td div {
    display: inline-block;
    float: left;
    line-height: 16px;
    margin-left: 10px;
}
#roster-top-title td div .flag {
    margin-right: 10px;
    padding: 0px;
    box-shadow: 0px 0px 3px #CCC;
    margin-top: 3px;
    margin-left: 2px;
}
#roster-top-title td div.team-info {
    margin-left: 0px;
    line-height: 16px;
    /*max-width: 200px;*/
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
#roster-top-title td div span {
    float: left;
}
.roster-top-ajax .summary .team-power {
    vertical-align: middle;
    height: 18px;
    margin-bottom: 5px;
}
.roster-top-ajax .summary .red-star {
    height: 20px;
}
.playerPhotoCard {
    display: inline-block;
    width: 160px;
    text-align: center;
    padding: 10px;
}
.playerPhotoCard img {
    max-height: 140px;
    max-width: 140px;
}