/* base */

#warnsPanel
{
    position:absolute;
    top:185px;
    right:-304px;
    bottom:0;
    z-index:102;
    width:300px;
    height:100px;


}

.panelHidden
{
   display:none;
}

#warnsPanel *
{
     font-family: sans-serif;
}

#warnsPanelClip
{
    cursor:pointer;
    position:absolute;
    left:-40px;
    top:40%;
    width:50px;
    height:40px;
    background:transparent;
    text-shadow: 0px 2px 3px #555;
    background-image: url(../images/btnHelpOver.png);
    background-repeat:no-repeat;
    -moz-border-radius: 15px 0px 0px 15px;
    -webkit-border-radius: 15px 0px 0px 15px;
    -o-border-radius: 15px 0px 0px 15px;
    -ms-border-radius: 15px 0px 0px 15px;
    -khtml-border-radius: 15px 0px 0px 15px;
    border-radius: 15px 0px 0px 15px;
    padding-top:5px;
    padding-left:1px;
    
}

#warnsPanelClip p
{
    font-weight:bolder;
    font-size:1.6em;
    height:100%;
    vertical-align:middle;
    text-align:center;
    padding-top:10px;
    text-indent:-9999999px;
}

#warnsPanelContent
{
    position:absolute;
    color:white;
    z-index:108;
    text-align:left;
    margin-top:10px;
    padding-left:25px;
    font-size:1.2em;
    height:90%;
    overflow-y:auto;
}

#warnsPanelBackground
{
     /* CSS3 standard */
    opacity:0.9;
    background:gray;
    height:100%;
    position:absolute;
    z-index:102;
    top:0;
    right:0;
    width:100%;
    -moz-border-radius:20px 0px 0px 20px;
    -webkit-border-radius: 20px 0px 0px 20px;
    -o-border-radius: 20px 0px 0px 20px;
    -ms-border-radius: 20px 0px 0px 20px;
    -khtml-border-radius: 20px 0px 0px 20px;
    border-radius: 20px 0px 0px 20px;
    -moz-box-shadow: 0px 0px 3px #aaa;
    -webkit-box-shadow: 0px 0px 3px #aaa;
    box-shadow: 0px 0px 3px #aaa;
    border:2px solid gray;
    /*border-color: #058cf5;*/
}



.warnsPanelClipError
{
    background-image: url(../images/warningError.png) !important;
}

.warnsPanelClipAlert
{
    background-image: url(../images/warningAlert.png) !important;
}

.warnsPanelClipOkay
{
    background-image: url(../images/warningOkay.png) !important;
}

.warnsPanelBackgroundError
{
    background:red !important;
    border:2px solid red !important;
}

.warnsPanelBackgroundAlert
{
    background:orange !important;
    border:2px solid orange !important;
}

.warnsPanelBackgroundOkay
{
    background:green !important;
    border:2px solid green !important;
}

.Validation
{
    position:absolute;
    color:white !important;
    z-index:110;
    text-align:left;
    padding-left:25px;
    font-size:1.2em;
    overflow-y:auto;
    margin-top:10px;
    top:0px;
    height:85%;
}