﻿/* COMMON
----------------------------------------------*/

div.topofwindow
{
    border-bottom-style:solid;
    border-bottom-width:1px;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    min-height:125px;
    z-index:200000;
}

div.inline
{
    border-style:dotted;
    border-width:1px;
    margin:10px 0px 15px 0px;
}


/* ERROR
----------------------------------------------*/

div.error
{
    padding:10px 10px 15px 10px;
    border-color: #ce0033;
    background-color: #ffcccc;
}

div.error h3
{
    color: #ce0033;
    margin:0 0 0 0;
    padding:0px 10px 10px 50px;
    line-height:42px;
    border:none;
    background-image:url("/Framework/img/_icoError.png");
    background-repeat:no-repeat;
}

div.error ul
{
    margin:0 0 0 0;
    padding:0px 10px 0px 50px;
}

div.error li
{
    color: #ce0033;
    list-style-type:none;
}

.info-required, .info-error
{
    background-repeat:no-repeat;
    vertical-align:middle;
    margin-left:5px;
    margin-bottom:1px;
    height:18px;
    width:18px;
    display:inline-block;
}

.info-required
{
    background-image:url("/Framework/img/icoInformation.png");
}
    
.info-error
{
    background-image:url("/Framework/img/icoError.png");
}


/* INFORMATION
----------------------------------------------*/

div.information
{
    padding:10px 10px 15px 10px;
    border-color: #666666;
    background-color: #eeeeee;
}

div.information h3
{
    color: #666666;
    margin:0 0 0 0;
    padding:0px 10px 10px 50px;
    line-height:42px;
    border:none;
    background-image:url("/Framework/img/_icoInformation.png");
    background-repeat:no-repeat;
}

div.information ul
{
    margin:0 0 0 0;
    padding:0px 10px 0px 50px;
}

div.information li
{
    color: #666666;
    list-style-type:none;
}



/* CONFIRMATION
----------------------------------------------*/

div.confirmation
{
    padding:10px 10px 15px 10px;
    border-color: #009b7b;
    background-color: #ccffcc;
}

div.confirmation h3
{
    color: #009b7b;
    margin:0 0 0 0;
    padding:0px 10px 10px 50px;
    line-height:42px;
    border:none;
    background-image:url("/Framework/img/_icoConfirmation.png");
    background-repeat:no-repeat;
}

div.confirmation ul
{
    margin:0 0 0 0;
    padding:0px 10px 0px 50px;
}

div.confirmation li
{
    color: #009b7b;
    list-style-type:none;
}


/* CHECKLIST
----------------------------------------------*/

ul.checklist
{
    margin:0 0 0 0;
    padding:10px 0px 0px 0px;
}

ul.checklist li
{
    list-style-type:none;
    padding-left:25px;
    padding-bottom:15px;
    background-repeat:no-repeat;
    background-position:left 0.1em;
}

ul.checklist li.information
{
    background-image:url("/Framework/img/icoInformation.png");
}

ul.checklist li.confirmation
{
    background-image:url("/Framework/img/icoConfirmation.png");
}

ul.checklist li.error
{
    background-image:url("/Framework/img/icoError.png");
}