/** 
* validate.css
* @fileOverview 校验信息框样式
* @author wangpf 
* @email wangpf@siss.com.cn
* @version 0.1 
* @date 2014-07-01 
* Copyright (c) 2013-2014 wangpf 
*/
.validatebox-invalid input{
    background-color: #FFF3F3!important;
    border: 1px solid #E80C4D!important;
}
.validatebox-tip {
    position: relative;
    height: auto;
    /*left: 210px;*/
    right: -14px;
    float: left;
    top: 0;
    width: auto !important;
    word-break: break-all;
    font-size: 0.9em;
    z-index: 990;
}
.validatebox-tip.text{
    float: none;
    line-height: 28px;
    z-index: 99;
}
.product-login .validatebox-tip.arrow-left {
    left: 211px;
    right: -211px!important;
}
.get-password-wrapper .validatebox-tip.arrow-left {
    left: 128px;
}
.register .validatebox-tip.arrow-left {
    left: 283px;
    right: -283px!important;
}
.login-wrapper .field .field-inner,
.register .field .field-inner {
    position: static;
}
.validatebox-tip.box{
    position: absolute;
}
.validatebox-tip.text{
    display: inline-block;
    left:0;
    color: #9A2424;
    vertical-align: middle;
}
.validatebox-tip .tip-content {
    display: inline-block;
    line-height: 32px;
    padding-left: 5px;
    text-indent: 0;
    top: 0;
    vertical-align: top;
    /*width: 127px;*/
}
.validatebox-tip.box .tip-content{
    background-color: #EFEFEF;
    background-image: -moz-linear-gradient(left , #FFFFFF, #ECE7D9);
    background: -webkit-linear-gradient(top,  #FFFFFF 0,#ECE7D9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #FFFFFF 0,#ECE7D9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #FFFFFF 0,#ECE7D9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #FFFFFF 0,#ECE7D9 100%); /* W3C */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#ECE7D9);


    border: 1px solid #B2B2B2;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 1px #B2B2B2;
    float: right;
    width: auto;
    padding-right: 5px;
}
.register .validatebox-tip.box .tip-content {
    float: none;
}
.register .validatebox-tip.text .tip-content {
    width: 300px;
}
.validatebox-tip .tip-content .error-icon {
    background: url("/Images/validate/error-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    position: relative;
    top: 4px;
    left: -4px;
}
.validatebox-tip .tip-header {
    display: block;
}
.validatebox-tip .tip-header b {
    background: url("/Images/validate/arrow-left.png") no-repeat scroll center center transparent;
    display: inline-block;
    position: absolute;
    left: -6px;
    top: 5px;
    height: 14px;
    width: 7px;
    z-index: 992;
}
.validatebox-tip.text .tip-header {
    display: none;
}
/* 向下指向的验证提示框 */
.validatebox-tip.arrow-down {
    /*left: 0;*/
    top: -29px;
}
.validatebox-tip.arrow-down  .tip-header b { 
    width: 14px;
    height: 7px;
    left: 7px;
    margin-top: -1px;
    top: 100%;
    background: url("/Images/validate/arrow-down.png") no-repeat scroll center center transparent;
}
.validatebox-tip.arrow-down .tip-content {
    padding: 0 7px;
    float: left;
    width: 100%;
    line-height: 28px;
}
/* 向上指向的验证提示框 */
.validatebox-tip.arrow-up {
    /*left: 0;*/
    top: 35px;
}
.validatebox-tip.arrow-up  .tip-header b { 
    width: 14px;
    height: 7px;
    left: 7px;
    margin-top: -1px;
    top: -5px;
    background: url("/Images/validate/arrow-up.png") no-repeat scroll center center transparent;
}
.validatebox-tip.arrow-up .tip-content {
    padding: 0 7px;
    float: left;
    width: 100%;
    line-height: 28px;
}

/*
*  for form
*/
/*.si-form .validatebox-invalid  .field-inner,
.si-form  .field-inner.validatebox-invalid {
    background-color: #FFF3F3!important;
    border: 1px solid #E80C4D!important;
}
.si-form  td.validatebox-invalid input{
    background-color: #FFF3F3!important;
    border: 1px solid #E80C4D!important;
}
.si-form  td.validatebox-invalid {
    border-left: medium none;
    display: block;
    margin-top: -1px;
    position: relative;
    overflow: visible!important;
}
.si-form  .validatebox-tip {
    left: 100%;
}
.si-form  .validatebox-tip  .tip-header b{
    height: 15px;
    left: 0;
    top: 2px;
    width: 12px;
}*/