/*! jQuery-Impromptu - v6.2.2 - 2015-11-14
* http://trentrichardson.com/Impromptu
* Copyright (c) 2015 Trent Richardson; Licensed MIT */
.uscfade{
    position: absolute;
    background-color: #777777;
}
iframe.uscfade{
    display:block;
    z-index:-1;
}
div.usc{
    width: 52px;
    max-width:90%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    position: absolute;
    background-color: #ffffff;
    font-size: 11px;
    text-align: left;
    border: solid 1px #eeeeee;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 7px;
}
div.usc .usccontainer{
}
div.usc .uscclose{
    position: absolute;
    top: 4px; right: -2px;
    width: 18px;
    cursor: default;
    color: #bbbbbb;
    font-weight: bold;
    display:none; /*added by lap*/
}
div.usc .uscstate{
    background-color: #fff;
}
div.usc .usctitle{
    padding: 5px 10px;
    font-size: 16px;
    line-height: 20px;
    border-bottom: solid 1px #eeeeee;
}
div.usc .uscmessage{
    padding: 10px;
    line-height: 10px;
    color: #444444;
    overflow: auto;
}
div.usc .uscbuttonshide{
    display: none;
}
div.usc .uscbuttons{
    text-align: right;
    margin: 0 -7px -7px -7px;
    border-top: solid 1px #e4e4e4;
    background-color: #f4f4f4;
    border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
}
div.usc .uscbuttons button{
    margin: 0;
    padding: 15px 20px;
    background-color: transparent;
    font-weight: normal;
    border: none;
    border-left: solid 1px #e4e4e4;
    color: #777;
    font-weight: bold;
    font-size: 12px;
}
div.usc .uscbuttons button.uscdefaultbutton{
    color: #489afe;
}
div.usc .uscbuttons button:hover,
div.usc .uscbuttons button:focus{
    color: #287ade;
    outline: none;
}
div.usc .uscbuttons button[disabled]{
    color: #aaa;
}
.uscwarning .usc .uscbuttons{
    background-color: #b95656;
}

/* sub states */
div.usc .uscparentstate::after{
    background-color: #777;
    opacity: 0.6;
    filter: alpha(opacity=60);
    content: '';
    position: absolute;
    top:0;left:0;bottom:0;right:0;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
div.usc .uscsubstate{
    position: absolute;
    top:0;
    left: 20%;
    width: 60%;
    padding: 7px;
    border: solid 1px #eeeeee;
    border-top: none;
    border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
}
div.usc .uscsubstate .uscbuttons button{
    padding: 10px 18px;
}

/* arrows for tooltips/tours */
.usc .uscarrow{ position: absolute; height: 0; width:0; line-height: 0; font-size: 0; border: solid 10px transparent;}

.usc .uscarrowtl{ left: 10px; top: -20px; border-bottom-color: #ffffff; }
.usc .uscarrowtc{ left: 50%; top: -20px; border-bottom-color: #ffffff; margin-left: -10px; }
.usc .uscarrowtr{ right: 10px; top: -20px; border-bottom-color: #ffffff; }

.usc .uscarrowbl{ left: 10px; bottom: -20px; border-top-color: #ffffff; }
.usc .uscarrowbc{ left: 50%; bottom: -20px; border-top-color: #ffffff; margin-left: -10px; }
.usc .uscarrowbr{ right: 10px; bottom: -20px; border-top-color: #ffffff; }

.usc .uscarrowlt{ left: -20px; top: 10px; border-right-color: #ffffff; }
.usc .uscarrowlm{ left: -20px; top: 50%; border-right-color: #ffffff; margin-top: -10px; }
.usc .uscarrowlb{ left: -20px; bottom: 10px; border-right-color: #ffffff; }

.usc .uscarrowrt{ right: -20px; top: 10px; border-left-color: #ffffff; }
.usc .uscarrowrm{ right: -20px; top: 50%; border-left-color: #ffffff; margin-top: -10px; }
.usc .uscarrowrb{ right: -20px; bottom: 10px; border-left-color: #ffffff; }

/*NEW SET*/

.luscfade {
    position: absolute;
    background-color: #777777;
}

iframe.luscfade {
    display: block;
    z-index: -1;
}

div.lusc {
    width: 600px; /*Lap Increase from 400 to 600*/
    max-width: 90%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    position: absolute;
    background-color: #ffffff;
    font-size: 11px;
    text-align: left;
    border: solid 1px #eeeeee;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 7px;
}

    div.lusc .lusccontainer {
    }

    div.lusc .luscclose {
        position: absolute;
        top: 4px;
        right: -2px;
        width: 18px;
        cursor: default;
        color: #bbbbbb;
        font-weight: bold;
        display: none; /*added by lap*/
    }

    div.lusc .luscstate {
        background-color: #fff;
    }

    div.lusc .lusctitle {
        padding: 5px 10px;
        font-size: 16px;
        line-height: 20px;
        border-bottom: solid 1px #eeeeee;
    }

    div.lusc .luscmessage {
        padding: 10px;
        line-height: 20px;
        color: #444444;
        overflow: auto;
    }

    div.lusc .luscbuttonshide {
        display: none;
    }

    div.lusc .luscbuttons {
        text-align: right;
        margin: 0 -7px -7px -7px;
        border-top: solid 1px #e4e4e4;
        background-color: #f4f4f4;
        border-radius: 0 0 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
        -webkit-border-radius: 0 0 6px 6px;
    }

        div.lusc .luscbuttons button {
            margin: 0;
            padding: 15px 20px;
            background-color: transparent;
            font-weight: normal;
            border: none;
            border-left: solid 1px #e4e4e4;
            color: #777;
            font-weight: bold;
            font-size: 12px;
        }

            div.lusc .luscbuttons button.luscdefaultbutton {
                color: #489afe;
            }

            div.lusc .luscbuttons button:hover,
            div.lusc .luscbuttons button:focus {
                color: #287ade;
                outline: none;
            }

            div.lusc .luscbuttons button[disabled] {
                color: #aaa;
            }

.luscwarning .lusc .luscbuttons {
    background-color: #b95656;
}

/* sub states */
div.lusc .luscparentstate::after {
    background-color: #777;
    opacity: 0.6;
    filter: alpha(opacity=60);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

div.lusc .luscsubstate {
    position: absolute;
    top: 0;
    left: 20%;
    width: 60%;
    padding: 7px;
    border: solid 1px #eeeeee;
    border-top: none;
    border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
}

    div.lusc .luscsubstate .luscbuttons button {
        padding: 10px 18px;
    }

/* arrows for tooltips/tours */
.lusc .luscarrow {
    position: absolute;
    height: 0;
    width: 0;
    line-height: 0;
    font-size: 0;
    border: solid 10px transparent;
}

.lusc .luscarrowtl {
    left: 10px;
    top: -20px;
    border-bottom-color: #ffffff;
}

.lusc .luscarrowtc {
    left: 50%;
    top: -20px;
    border-bottom-color: #ffffff;
    margin-left: -10px;
}

.lusc .luscarrowtr {
    right: 10px;
    top: -20px;
    border-bottom-color: #ffffff;
}

.lusc .luscarrowbl {
    left: 10px;
    bottom: -20px;
    border-top-color: #ffffff;
}

.lusc .luscarrowbc {
    left: 50%;
    bottom: -20px;
    border-top-color: #ffffff;
    margin-left: -10px;
}

.lusc .luscarrowbr {
    right: 10px;
    bottom: -20px;
    border-top-color: #ffffff;
}

.lusc .luscarrowlt {
    left: -20px;
    top: 10px;
    border-right-color: #ffffff;
}

.lusc .luscarrowlm {
    left: -20px;
    top: 50%;
    border-right-color: #ffffff;
    margin-top: -10px;
}

.lusc .luscarrowlb {
    left: -20px;
    bottom: 10px;
    border-right-color: #ffffff;
}

.lusc .luscarrowrt {
    right: -20px;
    top: 10px;
    border-left-color: #ffffff;
}

.lusc .luscarrowrm {
    right: -20px;
    top: 50%;
    border-left-color: #ffffff;
    margin-top: -10px;
}

.lusc .luscarrowrb {
    right: -20px;
    bottom: 10px;
    border-left-color: #ffffff;
}