/* Style Sheet Metadata - Icons - 
                                                               
          Projekt:      Vergabesatellit                                   
          Firma:        cosinex GmbH / www.cosinex.de                     
          Autor:        A.Broeker                                         
          Datum:        02.05.2011                                                        
          CSS-File:     common_input_validation.css                               
          Version:      1.0                                                                       
          Optimiert:    ab IE 6, FF, Opera, Safari                                      
                                                                                              
          Beschreibung: Hier werden Input Fehler mit Styles versehen      
                                                                                               
           Bereiche:     global                                                                   
*/

/* Alte Angaben 
span.tooltipIllegalValueError {
    display: inline-block;
    background-image:url(../images/icons/fieldValidation/not_valid_12x12.png);
    background-repeat: no-repeat;
    background-position: top center;
    padding: 0 !important;
    margin: 0 0 0 5px !important;
    width: 12px;
    height: 12px;
    cursor: help;
}
*/

/* Kennzeichnung Textfelder und Textarea bei 'Alten' und 'Neuen' Verfahrensangaben */
.illegalValueError,
.csx-project-form input[type="text"].illegalValueError,
.csx-project-form input[type="password"].illegalValueError,
.csx-project-form textarea.illegalValueError {
    box-shadow: none !important;
    border: 1px solid #bb3333 !important;
}

/* Hier bei den neuen Verfahrensangaben '.csx-project-form' */
.csx-project-form span.tooltipIllegalValueError,
span.tooltipIllegalValueError {
    background-image: url(../images/icons/fieldValidation/not_valid_12x12.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: help;
    display: block;
    float: left;
    margin: 0 0 0 5px !important;
    padding: 0 !important;
    width: 12px;
}

.csx-project-form .tooltipIllegalValueBox,
.tooltipIllegalValueBox {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #cc0000;
    color: #cc0000;
    font-family: 'Arial';
    font-size: 11px;
    line-height: 12px;
    margin-left: 20px;
    max-width: 120px;
    padding: 5px;
    position: absolute;
    -webkit-box-shadow: 2px 2px 3px 1px #b4b4b4;
    box-shadow: 2px 2px 3px 1px #b4b4b4;
}

.csx-project-form .tooltipIllegalValueBox:after,
.tooltipIllegalValueBox:after {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.csx-project-form .tooltipIllegalValueBox:after,
.tooltipIllegalValueBox:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #cc0000;
    border-width: 7px;
    top: 8px;
    margin-top: 0px;
}

/* Neue EU Verfahren 2016 Bei Client Validierungsfehlern unerlaubte Zeichen*/
.textareaContainer + .templateChooser {
    margin: 0 2px 0 -4px!important;
}