﻿.jqifade{position: absolute; background-color: #444; }
div.jqi{ width: 400px; max-width:90%; position: absolute; background-color: #ffffff; font-size: 11px; border: solid 1px #888;border-radius: 6px;padding: 7px;box-shadow:0 0 15px #000;}
div.jqi .jqiclose{ display:none; position: absolute;top: 12px; left: 5px; width: 18px; cursor:pointer; color: #ccc; font-weight: bold; }
div.jqi .jqistate{background-color: #fff;}
div.jqi .jqititle{padding: 3px 10px;font-size: 13px; line-height: 20px; border: 1px solid #ddd;border-radius:5px;}
div.jqi .jqimessage{padding: 10px; line-height: 20px; color: #333; overflow: auto;text-align:center;font-size:14px;}
div.jqi .jqibuttons{ text-align: left; margin: 0 -7px -7px -7px;border-top: solid 1px #bbb; background-color: #ddd;border-radius: 0 0 6px 6px;}
div.jqi .jqibuttons button{ margin: 0;padding: 7px 20px;background-color: transparent;border: none;border-right: solid 1px #bbb; color: #777; font-weight: bold; font-size: 14px;cursor:pointer;}
div.jqi .jqibuttons button.jqidefaultbutton{color: #333;}
div.jqi .jqibuttons button:hover,div.jqi .jqibuttons button:focus{color: #287ade;outline: none;}
.jqiwarning .jqi .jqibuttons{ background-color: #ff4354;}
div.jqi .jqiparentstate::after{ background-color: #777;opacity: 0.6;content: '';position: absolute;top:0;left:0;bottom:0;right:0;border-radius: 6px;}
div.jqi .jqisubstate{position: absolute;top:0;left: 20%;width: 60%;padding: 7px;border: solid 1px #eee;border-top: none;border-radius: 0 0 6px 6px;}
div.jqi .jqisubstate .jqibuttons button{padding: 10px 18px;}