/*#region DIALOGS */

.jqifade { position: absolute; background-color: #000; }
div.jqi { width: 400px; position: absolute; text-align: center; background: #fff; padding: 20px; border-top: 1px solid #1f150d; border-top-width: 38px; }
    div.jqi .jqiclose { width:22px; height:22px; color: #fff !important; background: none; font-size: 27px; line-height: 16px; top: -28px; right: 9px; position: absolute; cursor:pointer; font-family:Arial; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8;}
div.jqi .jqiclose:hover {opacity: 1.0; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0;}
    div.jqi .jqititle { padding: 5px 10px; font-size: 16px; line-height: 20px; border-bottom: solid 1px #eeeeee; }
    div.jqi .jqimessage { padding: 0 15px 15px 15px; line-height: 20px; color: #444444; }
    div.jqi .jqibuttons button { margin: 0; padding: 10px 20px; border: none; color: #fff; font-weight: normal; font-size: 12px; outline: none; background:#d10000; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin: 0 20px}
        div.jqi .jqibuttons button:hover { background-color:#F50000 ; color: #fff; cursor: pointer; }

    /* sub states */
    div.jqi .jqiparentstate::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.jqi .jqisubstate { 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.jqi .jqisubstate .jqibuttons button { padding: 10px 18px; }

/* arrows for tooltips/tours */
.jqi .jqiarrow { position: absolute; height: 0; width: 0; line-height: 0; font-size: 0; border: solid 10px transparent; }
.jqi .jqiarrowtl { left: 10px; top: -20px; border-bottom-color: #ffffff; }
.jqi .jqiarrowtc { left: 50%; top: -20px; border-bottom-color: #ffffff; margin-left: -10px; }
.jqi .jqiarrowtr { right: 10px; top: -20px; border-bottom-color: #ffffff; }
.jqi .jqiarrowbl { left: 10px; bottom: -20px; border-top-color: #ffffff; }
.jqi .jqiarrowbc { left: 50%; bottom: -20px; border-top-color: #ffffff; margin-left: -10px; }
.jqi .jqiarrowbr { right: 10px; bottom: -20px; border-top-color: #ffffff; }
.jqi .jqiarrowlt { left: -20px; top: 10px; border-right-color: #ffffff; }
.jqi .jqiarrowlm { left: -20px; top: 50%; border-right-color: #ffffff; margin-top: -10px; }
.jqi .jqiarrowlb { left: -20px; bottom: 10px; border-right-color: #ffffff; }
.jqi .jqiarrowrt { right: -20px; top: 10px; border-left-color: #ffffff; }
.jqi .jqiarrowrm { right: -20px; top: 50%; border-left-color: #ffffff; margin-top: -10px; }
.jqi .jqiarrowrb { right: -20px; bottom: 10px; border-left-color: #ffffff; }

/*#endregion */