/* ------------------------------ Impromptu ------------------------------ */ .jqifade{ position: absolute; background-color: #777777; } div.jqi{ background-color: rgba(0, 0, 0, 0.7); color: #FFFFFF; font-family: 'Open Sans',sans-serif; font-size: 18px; font-weight: normal; padding: 10px 20px; position: absolute; text-align: left; width: 445px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } div.jqi .jqicontainer{ } div.jqi .jqiclose{ background: url("close.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); content: ""; cursor: pointer; font-size: 0; font-weight: bold; height: 19px; position: absolute; right: 20px; text-indent: -999999px; top: 14px; width: 19px; -moz-opacity: 0.90; -khtml-opacity: 0.90; opacity: 0.90; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); filter:alpha(opacity=90); } div.jqi .jqiclose:hover { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter:alpha(opacity=100); } div.jqi .jqistate{ background:none; } div.jqi .jqititle{ background: url("warning.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0); font-size: 20px; font-weight: bold; line-height: 20px; padding: 5px 10px 5px 35px; } div.jqi .jqimessage{ padding: 10px; line-height: 20px; color: #fff; text-align:center; font-size:18px; font-family:'Open Sans', sans-serif; margin: 30px 0; } div.jqi .jqibuttons{ text-align: right; background:none; margin: 0 0 20px; } div.jqi .jqibuttons button{ margin: 0 0 0 8px; padding: 8px 25px; background-color: transparent; border: none; color: #fff; font-family:'Open Sans', sans-serif; font-weight:lighter; font-size: 14px; cursor:pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #6b6b6b; background: linear-gradient(to bottom, #7a7a7a, #6b6b6b); } div.jqi .jqibuttons button.jqidefaultbutton{ } div.jqi .jqibuttons button:hover, div.jqi .jqibuttons button:focus{ outline: none; background:#fbfbfb; color:#333333; } .jqiwarning .jqi .jqibuttons{ background-color: #b95656; } /* 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; }