.n-inline-block,

.nice-validator input,

.nice-validator select,

.nice-validator textarea,

.nice-validator [contenteditable],

.msg-wrap,

.n-icon,

.n-msg {

  display: inline-block;

  *display: inline;

  *zoom: 1;

}

.nice-validator .msg-container .msg-box {

  display: block;

}

.nice-validator .msg-container .msg-wrap {

  position: static;

}

.msg-box {

  position: relative;

  *zoom: 1;

}

.msg-wrap {

  position: relative;

  white-space: nowrap;

  line-height: 16px;

  font-size: 12px;

}

.msg-wrap,

.n-icon,

.n-msg {

  vertical-align: top;

}

.msg-box .msg-wrap .n-error,

.msg-box .msg-wrap .n-ok,

.msg-box .msg-wrap .n-tip {

  display: block;

  background: none;

  box-shadow: none;

  padding: 3px 2px;

}

.n-arrow {

  position: absolute;

  overflow: hidden;

}

.n-arrow b,

.n-arrow i {

  position: absolute;

  left: 0;

  top: 0;

  border: 0;

  margin: 0;

  padding: 0;

  overflow: hidden;

  font-weight: 400;

  font-style: normal;

  font-size: 12px;

  font-family: serif;

  line-height: 14px;

  _line-height: 15px;

}

.n-arrow i {

  text-shadow: none;

}

.n-icon {

  width: 16px;

  height: 16px;

  overflow: hidden;

  background-repeat: no-repeat;

}

.n-msg {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  margin-left: 1px;

}

.n-error {

  color: #c33;

}

.n-ok {

  color: #390;

}

.n-tip .n-msg,

.n-loading {

  color: #808080;

}

.n-error .n-icon {

  background-position: 0 0;

}

.n-ok .n-icon {

  background-position: -16px 0;

}

.n-tip .n-icon {

  background-position: -32px 0;

}

.n-loading .n-icon {

  background: url("images/loading.gif") 0 center no-repeat !important;

}

.n-top,

.n-right,

.n-bottom,

.n-left {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  line-height: 0;

  vertical-align: top;

  outline: 0;

}

.n-top .n-arrow,

.n-bottom .n-arrow {

  height: 6px;

  width: 12px;

  left: 8px;

}

.n-left .n-arrow,

.n-right .n-arrow {

  width: 6px;

  height: 12px;

  top: 6px;

}

.n-top {

  vertical-align: top;

}

.n-top .msg-wrap {

  margin-bottom: 6px;

}

.n-top .n-arrow {

  bottom: -6px;

}

.n-top .n-arrow b {

  top: -6px;

}

.n-top .n-arrow i {

  top: -7px;

}

.n-bottom {

  vertical-align: bottom;

}

.n-bottom .msg-wrap {

  margin-top: 6px;

}

.n-bottom .n-arrow {

  top: -6px;

}

.n-bottom .n-arrow b {

  top: -1px;

}

.n-bottom .n-arrow i {

  top: 0;

}

.n-left .msg-wrap {

  right: 100%;

  margin-right: 6px;

}

.n-left .n-arrow {

  right: -6px;

}

.n-left .n-arrow b {

  left: -6px;

}

.n-left .n-arrow i {

  left: -7px;

}

.n-right .msg-wrap {

  margin-left: 6px;

}

.n-right .n-arrow {

  left: -6px;

}

.n-right .n-arrow b {

  left: 1px;

}

.n-right .n-arrow i {

  left: 2px;

}

/*********************

 * Themes

 *********************/

.n-default .n-left,

.n-default .n-right {

  margin-top: 5px;

}

.n-default .n-top .msg-wrap {

  bottom: 100%;

}

.n-default .n-bottom .msg-wrap {

  top: 100%;

}

.n-default .msg-wrap {

  position: absolute;

  z-index: 1;

}

.n-default .msg-wrap .n-icon {

  background-image: url("images/validator_default.png");

}

.n-default .n-tip .n-icon {

  display: none;

}

.n-simple .msg-wrap {

  position: absolute;

  z-index: 1;

}

.n-simple .msg-wrap .n-icon {

  background-image: url("images/validator_simple.png");

}

.n-simple .n-top .msg-wrap {

  bottom: 100%;

}

.n-simple .n-bottom .msg-wrap {

  top: 100%;

}

.n-simple .n-left,

.n-simple .n-right {

  margin-top: 5px;

}

.n-simple .n-bottom .msg-wrap {

  margin-top: 3px;

}

.n-simple .n-tip .n-icon {

  display: none;

}

.n-yellow .msg-wrap {

  position: absolute;

  z-index: 1;

  padding: 4px 6px;

  font-size: 12px;

  border: 1px solid transparent;

  background-color: #fffcef;

  border-color: #ffbb76;

  color: #db7c22;

  box-shadow: 0 1px 3px #ccc;

  border-radius: 2px;

}

.n-yellow .msg-wrap .n-arrow b {

  color: #ffbb76;

  text-shadow: 0 0 2px #ccc;

}

.n-yellow .msg-wrap .n-arrow i {

  color: #fffcef;

}

.n-yellow .msg-wrap .n-icon {

  background-image: url("images/validator_simple.png");

}

.n-yellow .n-top .msg-wrap {

  bottom: 100%;

}

.n-yellow .n-bottom .msg-wrap {

  top: 100%;

}

.n-yellow .n-tip,

.n-yellow .n-ok,

.n-yellow .n-loading {

  background-color: #f8fdff;

  border-color: #ddd;

  color: #333;

  box-shadow: 0 1px 3px #ccc;

}

.n-yellow .n-tip .n-arrow b,

.n-yellow .n-ok .n-arrow b,

.n-yellow .n-loading .n-arrow b {

  color: #ddd;

  text-shadow: 0 0 2px #ccc;

}

.n-yellow .n-tip .n-arrow i,

.n-yellow .n-ok .n-arrow i,

.n-yellow .n-loading .n-arrow i {

  color: #f8fdff;

}