/* Z-INDEX */ .formError { z-index: 10; } .formError .formErrorContent { z-index: 10; } .formError .formErrorArrow { z-index: 10; } .ui-dialog .formError { z-index: 10; } .ui-dialog .formError .formErrorContent { z-index: 10; } .ui-dialog .formError .formErrorArrow { z-index: 10; } .inputContainer { position: relative; float: left; } .formError { position: absolute; top: 300px; left: 300px; display: block; cursor: pointer; text-align: left; } .formError.inline { position: relative; top: 0; left: 0; display: inline-block; } .ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none; } .formError .formErrorContent { width: 100%; background: #000; position:relative; color: #fff; min-width: 120px; font-size: 11px; border: 1px solid #000; padding: 2px 8px; line-height: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; } .formError.inline .formErrorContent { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; } .greenPopup .formErrorContent { background: #000; } .blackPopup .formErrorContent { background: #000; color: #FFF; } .formError .formErrorArrow { width: 15px; margin: -2px 0 0 2px; position:relative; } body[dir='rtl'] .formError .formErrorArrow, body.rtl .formError .formErrorArrow { margin: -2px 13px 0 0; } .formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; margin: 0px 0 0 12px; top:2px; } .formError .formErrorArrow div { font-size: 0px; height: 1px; background: #000; margin: 0 auto; line-height: 0; font-size: 0; display: block; } .formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; } .greenPopup .formErrorArrow div { background: #33be40; } .blackPopup .formErrorArrow div { background: #393939; color: #FFF; } .formError .formErrorArrow .line10 { width: 15px; border: none; } .formError .formErrorArrow .line9 { width: 13px; border: none; } .formError .formErrorArrow .line8 { width: 11px; } .formError .formErrorArrow .line7 { width: 9px; } .formError .formErrorArrow .line6 { width: 7px; } .formError .formErrorArrow .line5 { width: 5px; } .formError .formErrorArrow .line4 { width: 3px; } .formError .formErrorArrow .line3 { width: 1px; } .formError .formErrorArrow .line2 { width: 3px; border: none; display: none; } .formError .formErrorArrow .line1 { width: 1px; border: none; display: none; }