/* Let readers follow the transcript with a pointer
   That should be easier to follow their cursor with */
.transcript {
    cursor:default;
    width:75%;
}

/* Remove bullets */
.ns-1111 .mw-content-text ul,
.transcript ul {
    list-style-type:none;
}

/* alignment markers */
.ns-1111 .mw-content-text ul li,
.transcript ul li {
    border-left:1px dotted #888;
    padding:20px 15px 5px 10px;
}

/* First bold word should always be the character
   Move and stylise it */
.ns-1111 .mw-content-text ul li b:first-of-type,
.transcript ul li b:first-of-type {
    color:#129;
    position:relative;
    float:left;
    /* removes the weird indent */
    margin-right:-100%;
    bottom:20px;
    right:9px;
    line-height:13px;
    padding:5px 3px 0 2px;
    border-bottom:1px solid;
}

/* stylise hover on dialogue */
.ns-1111 .mw-content-text ul li:hover,
.transcript ul li:hover {
    background:#CDE5F1;
    outline:1px solid #888;
    opacity:1.0 !important;
}

.ns-1111 .mw-content-text ul li:hover li,
.transcript ul li:hover li {
    opacity:.7;
}

/* alternating colours */
/* white */
.ns-1111 .mw-content-text ul li:hover li:hover,
.transcript ul li:hover li:hover,
.ns-1111 .mw-content-text ul li:hover li:hover li:hover li:hover,
.transcript ul li:hover li:hover li:hover li:hover,
.ns-1111 .mw-content-text ul li:hover li:hover li:hover li:hover li:hover li:hover,
.transcript ul li:hover li:hover li:hover li:hover li:hover li:hover,
.ns-1111 .mw-content-text ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover,
.transcript ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover {
    background:#FFFFFF;
}

/* blue */
.ns-1111 .mw-content-text ul li:hover li:hover li:hover,
.transcript ul li:hover li:hover li:hover,
.ns-1111 .mw-content-text ul li:hover li:hover li:hover li:hover li:hover,
.transcript ul li:hover li:hover li:hover li:hover li:hover,
.ns-1111 .mw-content-text ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover,
.transcript ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover {
    background:#CDE5F1;
}

/* Quest actions */
.quest-action {
    text-align:center;
    font-style:italic;
    margin:0 5%;
}

.quest-action:hover {
    background:#DDE5F1;
    outline:1px dotted;
}

.quest-action:before,
.quest-action:after {
    content:'———';
    margin:4px;
    letter-spacing:-1px;
}