roll20-character-sheets/Star Wars EotEmpire_Dice - FR/EotE-Dice-Fr.css

.sheet-clear  {clear:both}
.sheet-divider {border-top:1px solid #e3e3e3}

/* GRID
 * ----------------------------------------------------------------- */
 
.sheet-row                      {padding: 1% 0%; clear: both}
.sheet-column                   {margin:0 1%; float:left;}
.sheet-column .sheet-column     {margin:0 0%; float:left;}

.sheet-row .sheet-column:last-child {float:right}

.sheet-small-1    {width: 6.3%}
.sheet-small-2    {width: 14.6%}
.sheet-small-3    {width: 23%}/* 25% */
.sheet-small-4    {width: 31.3%}
.sheet-small-5    {width: 39.6%}
.sheet-small-6    {width: 48%}/* 50% */
.sheet-small-7    {width: 56.3%}
.sheet-small-8    {width: 64.6%}
.sheet-small-9    {width: 73%}/* 75% */
.sheet-small-10   {width: 81.3%}
.sheet-small-11   {width: 91.6%}
.sheet-small-12   {width: 98%}/* 100% */

/* Input reset
 *-------------------------------------- */

.sheet-dice-pool [type=roll] {
    padding:2px 4px !important;
    margin:0 !important;
    font-size:28px !important;
    line-height:28px !important;
}

.sheet-dice-pool [name='roll_ResetDicePool'],
.sheet-dice-pool [name='roll_ResetGMDicePool'] {padding-bottom:3px !important}

.sheet-dice-pool [name='roll_ResetDicePool']:before,
.sheet-dice-pool [name='roll_ResetGMDicePool']:before {
    font-family: "Pictos" !important;
    content: "r" !important;
}

/* ------------------------------------ */

/* Dice input span graphics
 *----------------------------------------- */

.sheet-yd + span {
    background-image:url('http://i.imgur.com/4bZMikm.png');
    background-position:left top;
    background-repeat:repeat-x;
    height:20px;
    display:block;
    float:left;
}

.sheet-gd + span {
    background-image:url('http://i.imgur.com/tTDPxhe.png');
    background-position:left top;
    background-repeat:repeat-x;
    height:20px;
    display:block;
    float:left;
}

.sheet-pd + span {
    background-image:url('http://i.imgur.com/afj6fxH.png');
    background-position:left top;
    background-repeat:repeat-x;
    height:20px;
    display:block;
    float:left;
}

.sheet-gd[value="0"] + span {width:0;}
.sheet-gd[value="1"] + span {width: 20px}
.sheet-gd[value="2"] + span {width: 40px}
.sheet-gd[value="3"] + span {width: 60px}
.sheet-gd[value="4"] + span {width: 80px}
.sheet-gd[value="5"] + span {width: 100px}
.sheet-gd[value="6"] + span {width: 120px}

.sheet-yd[value="0"] + span {width:0;}
.sheet-yd[value="1"] + span {width: 20px}
.sheet-yd[value="2"] + span {width: 40px}
.sheet-yd[value="3"] + span {width: 60px}
.sheet-yd[value="4"] + span {width: 80px}
.sheet-yd[value="5"] + span {width: 100px}
.sheet-yd[value="6"] + span {width: 120px}

.sheet-pd[value="0"] + span {width:0;}
.sheet-pd[value="1"] + span {width: 20px}
.sheet-pd[value="2"] + span {width: 40px}
.sheet-pd[value="3"] + span {width: 60px}
.sheet-pd[value="4"] + span {width: 80px}
.sheet-pd[value="5"] + span {width: 100px}
.sheet-pd[value="6"] + span {width: 120px}

/* Switch
 * ------------------------------------ */
.sheet-switch {
    position: relative;
    margin: 0px auto;
    height: 27px;
    width: 120px;
    background: rgba(0, 0, 0, 0.40);
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}

.sheet-switch [type=radio] {
    width:60px;
    height:27px;
    float:left;
    display:block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:none;
    outline:none;
    position: relative;
    cursor: pointer;
    z-index: 2;
}

.sheet-switch [type=radio]::before {
    content: attr(title);
    display:block;
    width:60px;
    height:27px;
    line-height:27px;
    text-align:center;
    
}

.sheet-switch [type=radio]:checked,
.sheet-switch [type=radio]:active, 
.sheet-switch [type=radio]:focus {
    font-weight: normal;
    color: #fff;
    background:transparent;
}

.sheet-switch-input-on:checked  ~ .sheet-switch-selection {
    left: 2px;
}

.sheet-switch-input-off:checked  ~ .sheet-switch-selection {
    left: 60px;
}

.sheet-switch-selection {
    display: block;
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 2px;
    width: 58px;
    height: 23px;
    background: #65bd63;
    border-radius: 3px;
    background-image: -webkit-linear-gradient(top, #485a6d, #2c3947);
    background-image: -moz-linear-gradient(top, #485a6d, #2c3947);
    background-image: -o-linear-gradient(top, #485a6d, #2c3947);
    background-image: linear-gradient(to bottom, #485a6d, #2c3947);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}

/* Form Options
 * ------------------------------------ */

table .sheet-opt-content { 
    display: none; 
}

input.sheet-opt-vehicle:checked ~ table tr.sheet-opt-vehicle,
input.sheet-opt-ship:checked ~ table tr.sheet-opt-ship
{
    display: table-row;
}


input.sheet-opt-vehicle:checked ~ table tr td.sheet-opt-vehicle,
input.sheet-opt-ship:checked ~ table tr td.sheet-opt-ship
{
    display: table-cell;
}

input.sheet-opt {
    
    height: 30px;
    margin-right:120px;
    /*-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;*/
    border:none;
    outline:none;
    position: relative;
    cursor: pointer;
    z-index: 1;
}

input.sheet-opt::after {
    content: attr(title);

    text-align: left;
    display: block;
    color:#444;
    width: 120px;
    padding-left:20px;
    line-height: 30px;
    font-size: 16px;
}

input.sheet-opt-vehicle {
   /* margin-left:10px;    */
}


input.sheet-opt:active,
input.sheet-op:focus {
    outline:none;
}




/* Tabs
 * ------------------------------------ */

div.sheet-tab-content { 
    display: none; 
    margin-top:2px;
    background-image: url('http://imgsrv.roll20.net/?src=i.imgur.com/4biHABZ.jpg')
}


input.sheet-tab-character-sheet:checked ~ div.sheet-tab-character-sheet,
input.sheet-tab-ship-sheet:checked ~ div.sheet-tab-ship-sheet,
input.sheet-tab-gm-dice:checked ~ div.sheet-tab-gm-dice,
input.sheet-tab-character:checked ~ div.sheet-tab-character,
input.sheet-tab-skills:checked ~ div.sheet-tab-skills,
input.sheet-tab-talents:checked ~ div.sheet-tab-talents,
input.sheet-tab-weapons:checked ~ div.sheet-tab-weapons,
input.sheet-tab-v-details:checked ~ div.sheet-tab-v-details,
input.sheet-tab-v-weapons:checked ~ div.sheet-tab-v-weapons,
input.sheet-tab-notes:checked ~ div.sheet-tab-notes,
input.sheet-tab-gm-weapons:checked ~ div.sheet-tab-gm-weapons, 
input.sheet-tab-gm-adversaries:checked ~ div.sheet-tab-gm-adversaries {
    display: block;
}

input.sheet-tab {
    width: 150px;
    height: 20px;
    position: relative;
    top: 5px;
    left: 6px;
    margin: -1.5px;
    cursor: pointer;
    z-index: 1;
    display:inline-block;
    opacity:0;
    background: rgba(0, 0, 0, 0.40);
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}

span.sheet-tab {
    width: 150px;
    height: 20px;
    position: relative;
    text-align:center;
    top: 5px;
    left: 6px;
    margin: -1.5px;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    background: rgba(0, 0, 0, 0.40);
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    font-weight: bold;
    width: 150px;
    height: 20px;
    cursor: pointer;
    position: relative;
    margin-left: -150px;
}


input.sheet-tab::before {
    content: attr(title);
    border: solid 1px #a8a8a8;
    border-bottom-color: black;
    text-align: center;
    display: inline-block;
    width: 150px;
    height: 20px;
    font-size: 18px;
    background: #dcdcdc;
}


input.sheet-tab:active,
input.sheet-tab:focus {
    outline:none;
}

input.sheet-tab:hover::before {
    background:#e3e3e3;
}

input.sheet-tab:checked::before,
input.sheet-tab:checked:hover::before {
    font-weight: normal;
    color: #fff;
    background: #65bd63;
    border-radius: 3px;
    background-image: -webkit-linear-gradient(top, #485a6d, #2c3947);
    background-image: -moz-linear-gradient(top, #485a6d, #2c3947);
    background-image: -o-linear-gradient(top, #485a6d, #2c3947);
    background-image: linear-gradient(to bottom, #485a6d, #2c3947);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
}

input.sheet-tab:checked + span {
    font-weight: normal;
    color: #fff;
    background: #65bd63;
    border-radius: 3px;
    background-image: -webkit-linear-gradient(top, #485a6d, #2c3947);
    background-image: -moz-linear-gradient(top, #485a6d, #2c3947);
    background-image: -o-linear-gradient(top, #485a6d, #2c3947);
    background-image: linear-gradient(to bottom, #485a6d, #2c3947);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
}

/*
input.sheet-tab-ship-sheet,
input.sheet-tab-ship-sheet::before {display:none}
*/

/* Custom Show Hide
 * ------------------------------------ */
input.sheet-player-sheet,
input.sheet-gm-sheet {
    display: none; 
}

input.sheet-player:checked ~ input.sheet-player-sheet,
input.sheet-gm:checked ~ input.sheet-gm-sheet{
    display: inline-block;  
}
 
input.sheet-gm:checked ~ div.sheet-tab-content {
    display: none;  
}
 
input.sheet-gm:checked ~ div.sheet-tab-gm-dice {
    display: block;  
}


/* ------------------------------------ */

.charsheet {
    padding:0px !important;
    margin:0px !important;    
}

.charsheet input[type=number] {
    text-align:right;
    cursor:pointer;
}

.charsheet input[type=text], 
.charsheet textarea, 
.charsheet select {
    width:100%;
    height:auto;
    margin-bottom:0px;
}

.charsheet input, 
.charsheet textarea {
    background:#e3e3e3;
}

.charsheet input:focus, 
.charsheet textarea:focus {
    background:#fff;
}

.charsheet textarea {
    width:calc(100% - 15px);
    height:auto;
    text-align:left;
}

.charsheet label {
    font-size:11px;
    color:#444;
    margin:0px;
    padding:0px;
}

.charsheet table {
    width:100%;
    background-image: url('http://i.imgur.com/4biHABZ.jpg');
    background-position:center center;
    background-repeat:repeat;
    
}

.charsheet table tr th {
    text-align:left;
    background:#444;
    /*border-right:1px solid #444;*/
    color:#f3f3f3;
    padding:3px 5px;
}

.charsheet table tr th:last-child {
    background-image: url('http://i.imgur.com/iZPF9he.png');
    background-position: right bottom;
    background-repeat:no-repeat;
}

.charsheet table tr td {
    text-align:left;
    padding:3px 5px;
    border-bottom:1px dotted #ccc;
}

.charsheet table tr:hover td {
    background-color:#f1f1f1;
}

.sheet-bg-blue label {color:#fff}

.sheet-bg-blue td,
.sheet-bg-blue:hover td, 
.charsheet .sheet-sub-header,
.charsheet .sheet-sub-header:hover{
    background:#485a6d;
    color:#fff;
}

.charsheet table tr td.sheet-div-right {
    border-right:1px solid #ccc    
}

.charsheet h3 {
    background-image: url('http://i.imgur.com/PAAMegP.png'), url('http://i.imgur.com/oWaNr2C.png');;
    background-position: center top, center 5px;
    background-repeat:no-repeat, repeat-x;
    line-height:40px;
    padding:0;
    margin:0;
    text-align:center;
    color:#fff;
}

.charsheet .sheet-sub-header,
.charsheet .sheet-sub-header:hover{
    background:#485a6d;
    color:#fff;
}

/* ------------------------------------------------- Dice Pool */

.sheet-section-1 {
    padding-bottom:10px;
}

.sheet-section-1 .sheet-column {
    margin-bottom:0px;
    margin:0 0;
    width:100%
}

.sheet-dice-pool {border-bottom:1px solid #444;}

.sheet-dice-pool img {
    width:20px;
    margin:4px 0 0 -10px;
    padding:0px;
}

.sheet-dice-pool .sheet-note {
    font-size:10px;
    font-weight:normal;
    color:#d3d3d3;
}

.sheet-dice-pool td,
.sheet-dice-pool tr:hover td {
    background:#444;    
}

.sheet-dice-pool td.sheet-light,
.sheet-dice-pool td.sheet-dark,
.sheet-dice-pool td.sheet-force {
    /*border-right:1px solid #777;*/
    text-align:center;
}

.sheet-dice-pool td.sheet-light:nth-child(1),
.sheet-dice-pool td.sheet-dark:nth-child(5) {
    text-align:right;
}

.sheet-dice-pool td.sheet-light:nth-child(3),
.sheet-dice-pool td.sheet-dark:nth-child(7) {
    text-align:left;
}

.sheet-dice-pool td.sheet-force {
    border-left:1px solid #777;
    border-right:1px solid #777;
}

.sheet-dice-pool td.sheet-force {border-bottom:none}

.sheet-dice-pool td.sheet-light {}

.sheet-dice-pool td.sheet-dark {}

.sheet-dice-pool td.sheet-light:nth-child(1) {
    border-left:1px solid #999;
}

.sheet-dice-pool td.sheet-upgrade,
.sheet-dice-pool td.sheet-downgrade {
    text-align:center !important;
    border-bottom:1px solid #777;
    border-top:1px solid #777;
}

.sheet-dice-pool [type=number] {
    background:#f3f3f3;
    width: 50px !important;
    height:40px;
    font-size:20px;
    font-weight:bold;
}

.sheet-dice-pool [type=number]:focus {
    background:#fff;
}

.sheet-upgrade label,
.sheet-downgrade label {
    display:inline-block;
    width:auto;
    text-algin:center;
    color:#f3f3f3;
}

/* ------------------------------------------------- Soak, Wounds... */

.sheet-swsd {
   /*background: url('http://i.imgur.com/M8dBhzt.png') center -2px no-repeat;*/
}
.sheet-swsd tr:hover td {background-color:transparent;}
.sheet-swsd tr td {border:none;}


.sheet-swsd th {
    font-size:10px;
    font-weight:normal;
}

.sheet-swsd td {
    text-align:center;
    vertical-align:top;
}

.sheet-swsd td:nth-child(6),
.sheet-swsd td:nth-child(2),
.sheet-swsd td:nth-child(3),
.sheet-swsd td:nth-child(4),
.sheet-swsd td:nth-child(5) {
    background-image: url('http://i.imgur.com/cODj4n5.png');
    background-position: center top;
    background-repeat:no-repeat; 
    width:150px;
    height:87px;
}

.sheet-swsd td:nth-child(3),
.sheet-swsd td:nth-child(4),
.sheet-swsd td:nth-child(5) {
    background-position: center center;
    vertical-align:middle; 
}

.sheet-swsd td:nth-child(1) {
    background-image: url('http://i.imgur.com/cyPJPLg.png');
    background-position: center 13px;
    background-repeat:no-repeat; 
    width:95px;
    height:66px;
    vertical-align:top;
}

.sheet-swsd tr:nth-child(2) td:nth-child(1) {
    background:none;
    width:auto;
    height:auto;
}

.sheet-swsd td:nth-child(1) label.sheet-label-title {
    text-align:center;
    color:#fff;
    font-weight:bold;
    line-height:15px;
    padding-top:12px;
    font-size:14px;
    display:block;
}

label.sheet-label-title {
    text-align:center;
    color:#fff;
    font-size:13px;
    line-height:25px;
    padding-bottom:6px;
}

label.sheet-label-threshold,
label.sheet-label-current,
label.sheet-label-range,
label.sheet-label-melee {
    color:#fff;
    font-size:9px;
    font-weight:normal;
    display:inline-block;
    width:auto;
    padding:0 5px;
}
label.sheet-label-current-speed,
label.sheet-label-threshold-speed {
    color:#fff;
    font-size:9px;
    font-weight:normal;
    display:inline-block;
    width:auto;
    padding:0 10px;
}

label.sheet-label-current {
    padding-right:16px;
}

.charsheet .sheet-swsd [type=number] {
    font-size:16px;
    font-weight:bold;
    text-align:right;
    width:50px !important;
}

.sheet-destiny td:nth-child(1)
{
    margin-left: auto;
    margin-right: auto;
    width:250px;
    height:66px;
    vertical-align:top;
}

.sheet-destiny td:nth-child(3)
{
    width:99px;
    height:66px;
    vertical-align:middle;
}

.sheet-destiny td:nth-child(2),
.sheet-destiny td:nth-child(4)
{
    text-align:center;
    background-image: url('http://i.imgur.com/cyPJPLg.png');
    background-position: center top;
    background-repeat:no-repeat; 
    width:99px;
    height:66px;
    vertical-align:top;
}



.sheet-destiny {
   background-image:none;
}

.sheet-destiny tr td {border:none;}
.sheet-destiny tr:hover td {background-color:transparent;}

.sheet-destiny label {
    text-align:center;
    color:#fff;
    font-weight:bold;
    line-height:15px;
    padding-bottom:4px;
    font-size:14px;
    display:block;
}

.sheet-destiny [type=number] {
    font-size:14px;
    font-weight:bold;
}

/* ------------------------------------------------- Characteristics */

.sheet-characteristics td:nth-child(1),
.sheet-characteristics td:nth-child(3),
.sheet-characteristics td:nth-child(5),
.sheet-characteristics td:nth-child(7),
.sheet-characteristics td:nth-child(9),
.sheet-characteristics td:nth-child(11),
.sheet-characteristics td:nth-child(13)
{
    text-align:center;
    background-image: url('http://i.imgur.com/cyPJPLg.png');
    background-position: center top;
    background-repeat:no-repeat; 
    width:99px;
    height:66px;
    vertical-align:top;
}

.sheet-characteristics {
   background-image:none;
}

.sheet-characteristics tr td {border:none;}
.sheet-characteristics tr:hover td {background-color:transparent;}

.sheet-characteristics label {
    text-align:center;
    color:#fff;
    font-weight:bold;
    line-height:15px;
    padding-bottom:4px;
    font-size:14px;
    display:block;
}

.sheet-characteristics [type=number] {
    font-size:14px;
    font-weight:bold;
}


/* Critical */

.sheet-critical tr td {
    border-bottom:none;
}

.sheet-critical {
    border-bottom:1px dotted #999;
}

.sheet-critical:hover {
    background:#f1f1f1;
}

.sheet-roll-critical,
.sheet-roll-critical tr td,
.sheet-roll-critical tr:hover td {
    background-color:#444;
    border:none;
    color:#ccc
}

.sheet-crit-dice-bg {
    background-image:url('http://i.imgur.com/UqQCDZ6.png');
    background-position:center center;
    background-repeat:no-repeat;
}


.sheet-roll-critical label {
    color:#ccc;    
}


[name="attr_critAddRangeNum"],
[name="attr_critShipAddRangeNum"],
[name="attr_critAddOffset"],
[name="attr_critShipAddOffset"]{
    background:#ccc;
}

.sheet-critical {
    display:none;
}

.sheet-checkbox-criton {
    display:none; 
}

.sheet-checkbox-criton:checked + .sheet-critical {
    display:block; 
}

button.sheet-btn-lightSide[type=roll]::before {
    content: '';    
}

button.sheet-btn-lightSide[type=roll] {
    white-space:nowrap;
    font-size:15px;
    margin:0;  
}


button.sheet-btn-heal-crit[type=roll]::before,
button.sheet-btn-roll-crit[type=roll]::before,
button.sheet-btn-add-crit[type=roll]::before {
    content: '';    
}

button.sheet-btn-heal-crit[type=roll], 
button.sheet-btn-add-crit[type=roll],
button.sheet-btn-roll-crit[type=roll] {
    white-space:nowrap;
    font-size:12px;
    width:100%;
    margin:0;
}

button.sheet-btn-roll-crit[type=roll] {
    color:#fff;
    font-size:16px;
    line-height:30px;
    background: #65bd63;
    border:none;
    background-image: -webkit-linear-gradient(top, #485a6d, #2c3947);
    background-image: -moz-linear-gradient(top, #485a6d, #2c3947);
    background-image: -o-linear-gradient(top, #485a6d, #2c3947);
    background-image: linear-gradient(to bottom, #485a6d, #2c3947);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    
}

button.sheet-btn-roll-crit[type=roll]::before {
    content: 't ';
    font-size:18px;
    color:#fff;
}

button.sheet-btn-roll-crit[type=roll]:focus {
    outline:none;
    border:none;
}

button.sheet-btn-roll-crit[type=roll]:active {
    background-image: -webkit-linear-gradient(top, #2c3947, #485a6d);
    background-image: -moz-linear-gradient(top, #2c3947, #485a6d);
    background-image: -o-linear-gradient(top, #2c3947, #485a6d);
    background-image: linear-gradient(to bottom, #2c3947, #485a6d);
}

/* ------------------------------------------------- Skills */

.sheet-skills td:nth-child(2),
.sheet-skills td:nth-child(3),
.sheet-skills td:nth-child(6){
    width:50px;    
}


.sheet-init td:nth-child(2),
.sheet-init td:nth-child(5),
.sheet-skills td:nth-child(4) {
    width:120px; 
    background-image:url('http://i.imgur.com/fY7gsGx.png');
    background-repeat:no-repeat;
    background-position:center center;
}

.sheet-skills td:nth-child(5) {
    width:120px;    
}

.sheet-custome-skills td:nth-child(2) {
    width:100px;  
}

.sheet-custome-skills td:nth-child(3),
.sheet-custome-skills td:nth-child(4),
.sheet-custome-skills td:nth-child(7) {
    width:50px;  
    background-image:none;
}

.sheet-custome-skills td:nth-child(6) {
    width:120px;    
}

.sheet-custome-skills td:nth-child(5) {
    width:120px;
    background-image:url('http://i.imgur.com/fY7gsGx.png');
    background-repeat:no-repeat;
    background-position:center center;
}

.sheet-skills th:nth-child(2),
.sheet-skills td:nth-child(2),
.sheet-custome-skills th:nth-child(3),
.sheet-custome-skills td:nth-child(3) {
    text-align:center;
}

/*.sheet-skills th:last-child {
    background-position: left top;    
}*/

/* TIP HELP */

.sheet-icon-S {background:url('https://i.imgur.com/xerZR5e.png') center center no-repeat;}
.sheet-icon-A {background:url('https://i.imgur.com/VviCvRA.png') center center no-repeat;}
.sheet-icon-Tri {background:url('https://i.imgur.com/mzYVX2x.png') center center no-repeat;}
.sheet-icon-T {background:url('https://i.imgur.com/LPhChjo.png') center center no-repeat;}
.sheet-icon-Des {background:url('https://i.imgur.com/MBYNVRa.png') center center no-repeat;}
.sheet-icon-B {background:url('https://i.imgur.com/EfTxEiW.png') center center no-repeat;}
.sheet-icon-G {background:url('https://i.imgur.com/tl9W6bB.png') center center no-repeat;}
.sheet-icon-Y {background:url('https://i.imgur.com/NcJ8oZf.png') center center no-repeat;}
.sheet-icon-P {background:url('https://i.imgur.com/UXgMFvJ.png') center center no-repeat;}
.sheet-icon-R {background:url('https://i.imgur.com/xCsFnr0.png') center center no-repeat;}
.sheet-icon-BLK {background:url('https://i.imgur.com/kpja8jT.png') center center no-repeat;}
.sheet-icon-W {background:url('https://i.imgur.com/lrKVqnW.png') center center no-repeat;}

.sheet-icon-S,
.sheet-icon-A,
.sheet-icon-Tri,
.sheet-icon-T,
.sheet-icon-Des,
.sheet-icon-B,
.sheet-icon-G,
.sheet-icon-Y,
.sheet-icon-P,
.sheet-icon-R,
.sheet-icon-BLK,
.sheet-icon-W {
    background-size:15px 15px;
    display:inline-block;
    width:15px;
    height:15px;
}

.sheet-skills label {
    float:left;
    width:auto;
}

.sheet-tips {
    float:left;
    margin-left:5px;
    /*position:relative;
    z-index:5;*/
}

.sheet-help {display:none;}
.sheet-help-def {display:block}

.sheet-tips:hover .sheet-help {display:block}

.sheet-icon-question {
    width:14px;
    margin:auto;
    line-height:14px;
    display:block;
    text-align:center;
    color:#fff;
    font-weight:bold;
    background:#444;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

th .sheet-icon-question {
    color:#444;
    background:#fff;
}

.sheet-help .sheet-icon {
    position:absolute;
    width:21px;
    height:16px;
    padding:4px 2px 2px 2px;
    text-align:center;
    margin-top:-2px;
    cursor:pointer;
}

.sheet-help-def .sheet-icon {margin-left: 0px}
.sheet-help-success .sheet-icon {margin-left: 25px}
.sheet-help-advantage .sheet-icon {margin-left: 50px}
.sheet-help-triumph .sheet-icon {margin-left: 75px}
.sheet-help-threat .sheet-icon {margin-left: 100px}
.sheet-help-despair .sheet-icon {margin-left: 125px}

.sheet-help-content {
    position:absolute;
    background:#fff;
    border:1px solid #ccc;
    display:none;
    width:250px;
    margin-left:-25px;
    margin-top:19px;
    padding:10px;
    font-size:12px;
    -webkit-border-radius: 0px 3px 3px 3px;
    border-radius: 0px 3px 3px 3px;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    2px 2px 3px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         2px 2px 3px 0px rgba(50, 50, 50, 0.75);
}

th .sheet-help-content {
    color:#444; 
    font-weight: normal;
}

.sheet-icon:hover ~ .sheet-help-content {display:block; z-index:10}

.sheet-icon:hover {
    background:#fff;
    border:1px solid #ccc;
    border-bottom:1px solid #fff;
    padding:3px 1px 1px 1px;
    z-index:15;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}

.sheet-help-content h5 {
    padding-bottom:8px;
}

.sheet-help-content ul li {
    line-height:14px;
    padding-bottom:8px;
}

.sheet-force-rating label input {
    text-align: center;
}


/* -------------------------------------------------- Talents */

.sheet-talents th:last-child {
    background-image:none;
    text-align:center;
}

.sheet-talent tr td {
    border-bottom:none;
}

.sheet-talent {
    border-bottom:1px dotted #999;
}

.sheet-talent:hover {
    background:#f1f1f1;
}

[name=attr_talentname] {
    font-weight:bold;    
}

/* ------------------------------------------------- Weapons */

.sheet-weapons-spacer{
    width:20%;
}

.sheet-weapons td:nth-child(even)
{
    text-align:center;
    background-image: url('http://i.imgur.com/cyPJPLg.png');
    background-position: center top;
    background-repeat:no-repeat; 
    width:99px;
    height:66px;
    vertical-align:top;
}


.sheet-weapons {
    background: url('http://i.imgur.com/oWaNr2C.png') center 45px repeat-x;
}

.sheet-weapons  tr td {border:none;}
.sheet-weapons tr:hover td {background-color:transparent;}

.sheet-weapons label {
    text-align:center;
    color:#fff;
    font-weight:bold;
    line-height:15px;
    padding-bottom:4px;
    font-size:14px;
    display:block;
}

.sheet-weapons [type=text] {
    font-size:14px;
    font-weight:bold;
    width:50px;
    text-align:center
}

.sheet-weapons [type=roll] {
    font-size:28px !important;
    line-height:30px !important;
    width:auto !important;
}

.sheet-attachments-wrapper {
    position:relative;
    padding-top:5px;
}

.sheet-view-attachments {
    float:left;
    margin-left:10px;
    padding-bottom:15px;
    position:relative;
}

input.sheet-view-attachments {
   margin-top:-28px;
}

label.sheet-view-attachments {
    width:150px;
    margin-top:-31px;
    margin-left:30px;
}

.sheet-weapon-carried {
    float:left;
    margin-left:10px;
    padding-bottom:15px;
    position:relative;
}

input.sheet-weapon-carried {
   margin-top:-28px;
}

label.sheet-weapon-carried {
    width:150px;
    margin-top:-31px;
    margin-left:30px;
}

.sheet-attachments {
    display:none;
}

input.sheet-view-attachments:checked ~ .sheet-attachments {
    display:table;
}

.sheet-attachments th:last-child {
    background:#444;
}

/* ---------------------------------------------------------- Ship */

.sheet-ship {
    background:url('http://i.imgur.com/R7CME69.png') center center no-repeat;
    background-color:transparent;
    
}

table.sheet-ship tr td {
    border:none;
    background-color:transparent;
    
}

table.sheet-ship tr:hover td {
    background-color:transparent;
}

.sheet-ship-defense {
    background:url('http://i.imgur.com/VaTaF9r.png') center center no-repeat;
    width:302px;
    height:236px;
    text-align:center; 
    vertical-align:top;
}

.sheet-ship-char-thre-bg {
    background-image: url('http://i.imgur.com/cODj4n5.png');
    background-position: center 0px;
    background-repeat:no-repeat; 
    vertical-align:top;
    width: 33%;/*153px;*/
    height:87px;
    text-align:center;
}

.sheet-ship-char-thre-bg-speed {
    background-image: url('http://i.imgur.com/cODj4n5.png');
    background-position: center 25px;
    background-repeat:no-repeat; 
    vertical-align:top;
    width: 33%;/*153px;*/
    height:87px;
    text-align:center;
    padding-top:28px;
}

.sheet-ship-char-bg {
    text-align:center;
    background-image: url('http://i.imgur.com/cyPJPLg.png');
    background-position: center 37px;
    background-repeat:no-repeat; 
    width:99px;
    height:66px;
    vertical-align:top;
    text-align:center;
    padding-top:40px;
}

.sheet-ship-char-bg  label {
    text-align:center;
    color:#fff;
    font-weight:bold;
    line-height:15px;
    padding-bottom:4px;
    font-size:13px;
    display:block;
}

.sheet-ship [type=number] {
    font-size:16px;
    font-weight:bold;
    text-align:right;
    width:50px !important;
}

.sheet-ship-char-bg  [type=number] {
    font-size:14px;
}

.sheet-ship-defense label {
    color:#fff; 
    text-align:center
}

.sheet-def-label {
    position:absolute;
    width:50px;
    margin-left:220px;
    margin-top:48px;
    font-size:14px
}

.sheet-fore,
.sheet-starboard,
.sheet-aft,
.sheet-port {
    width:99px;
    height:66px;
    position:absolute;
}

.sheet-fore {
    margin-left:99px;
    margin-top:2px;
}

.sheet-starboard {
    margin-left:203px;
    margin-top:91px;
}

.sheet-aft {
    margin-left:99px;
    margin-top:172px;
}

.sheet-port {
    margin-left:0px;
    margin-top:91px;
}

.sheet-firearc-field {width:32px; height:32px; padding:1px 0 0 0; vertical-align:top}

.sheet-fireArcFore,
.sheet-fireArcStarboard,
.sheet-fireArcAft,
.sheet-fireArcPort {
    position:absolute; 
    z-index:5;
    opacity:0.0;
}

.sheet-fireArcFore {margin-left:10px; margin-top:0px}
.sheet-fireArcStarboard {margin-left:20px; margin-top:10px}
.sheet-fireArcAft {margin-left:10px; margin-top:20px}
.sheet-fireArcPort {margin-left:0px; margin-top:10px}


/* http://i.imgur.com/DcWGIWp.png   */
span.sheet-fireArcForeImg,
span.sheet-fireArcStarboardImg,
span.sheet-fireArcAftImg,
span.sheet-fireArcPortImg {
        background:url('http://i.imgur.com/DcWGIWp.png') left bottom no-repeat;
        display:block;
        width:32px;
        height:32px;
        position:absolute;
        
    }

span.sheet-fireArcForeImg {background-position:0px bottom}
span.sheet-fireArcStarboardImg {background-position:-32px bottom}
span.sheet-fireArcAftImg {background-position:-64px bottom}
span.sheet-fireArcPortImg {background-position:-96px bottom}

.sheet-fireArcFore:checked ~ span.sheet-fireArcForeImg {background-position:0px top}
.sheet-fireArcStarboard:checked ~ span.sheet-fireArcStarboardImg {background-position:-32px top}
.sheet-fireArcAft:checked ~ span.sheet-fireArcAftImg {background-position:-64px top}
.sheet-fireArcPort:checked ~ span.sheet-fireArcPortImg {background-position:-96px top}

/* Roll Template Formatting */

.sheet-rolltemplate-base table {
    width: 100%;
    border: 1px solid;
	color: black;
	font-size: 1em;
	font-family: "Helvetica Neue", Helvetica, sans-serif; 
}

.sheet-rolltemplate-base th {
    border-radius: 3px;
    background-image: -webkit-linear-gradient(top, #485a6d, #2c3947);
    background-image: -moz-linear-gradient(top, #485a6d, #2c3947);
    background-image: -o-linear-gradient(top, #485a6d, #2c3947);
    background-image: linear-gradient(to bottom, #485a6d, #2c3947);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
	color: #ffffff;
	padding: 2px;
	line-height: 1.6em;
	font-size: 1.2em;
}



.sheet-rolltemplate-base .sheet-subheader {
    font-size:0.8em;
    padding:2px;
}

.sheet-rolltemplate-base .sheet-tcat-header {
    background-image: -webkit-linear-gradient(top, #485a6d, #2c3947);
    background-image: -moz-linear-gradient(top, #485a6d, #2c3947);
    background-image: -o-linear-gradient(top, #485a6d, #2c3947);
    background-image: linear-gradient(to bottom, #485a6d, #2c3947);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    color: #ffffff;
	padding: 2px;
	line-height: 1.2em;
	font-size: 0.8em; 
}

.sheet-rolltemplate-base td {
   padding:2px;   
}

.sheet-rolltemplate-base .sheet-tcat {
    font-weight: bold;
    padding:2px;
}

.sheet-rolltemplate-base .sheet-flavor {
    font-style: italic;
    padding:2px;
}


.sheet-rolltemplate-base tr:nth-child(odd) {
    background-color: rgba(217, 217, 214,1);
    padding:2px;
}

.sheet-rolltemplate-base tr:nth-child(even) {
	background-color: rgba(233, 233, 233,1);
    padding:2px;
}