.chilli-panel
{
    margin: auto;
    position: absolute;
    height: 234px;
    width: 550px;
    top: 50%;
    left: 50%;
    margin: -117px -275px;
}

.chilli-panel .logo
{
    float: right;
}

/* Allow the validation summary to shrink to just it's required width and be centred. */
.chilli-panel .messages
{
    text-align:center;
    clear: both;
}

/* Make all the "prompt" labels 100px wide. This will line up our input fields. */
.chilli-panel .prompt
{
    display: inline-block;
    min-width: 100px;
    font-weight: bold;
}

/* Make the inputs a nice, uniform minimum width. */
.chilli-panel input[type=text], .chilli-panel select, .chilli-panel input[type=password]
{
    min-width: 175px;
}

/* Right-align and style the submit button. */
.chilli-panel input[type=submit]
{
    display: block;
    margin-left: auto;
    margin-right: 0px;
    min-width: 100px;
    text-align: center;
}

/* Line the "keep me logged in" up with the other inputs. */
.chilli-panel .systemField input[type=checkbox]
{
    position: relative;
    top: 2px;
}

.chilli-panel .systemField
{
    white-space: nowrap;
}

/* Line the "keep me logged in" up with the other inputs. */
.chilli-panel div.KeepMeLoggedIn
{
    margin-left: 100px;
}

.chilli-panel div.KeepMeLoggedIn select
{
    min-width: 0px;
    width: auto;
}

.chilli-panel div.KeepMeLoggedIn label
{
    font-weight: bold;
}

.chilli-panel a
{
    cursor: pointer;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-decoration: underline;
    color: #007acc;
}

.chilli-panel footer a
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #555555;
}

.chilli-panel footer a
{
    text-decoration: none;
}

.chilli-panel footer a:hover
{
    text-decoration: underline;
}

.chilli-panel .NoWrap
{
    white-space: nowrap;
}

/**
 * Styles for Message Panel control 
 */
.SuccessStatus, .WarningStatus, .ErrorStatus {
    background-position: 10px 15px;
    background-repeat: no-repeat;
    font-size: 8pt;
    font-family: Verdana, Arial, Sans-Serif;
    border: solid 2px black;
    padding: 5pt 5pt 5pt 40px;
    border: solid 1pt black;
    margin: 5px 0px;
}

    .SuccessStatus ul, .WarningStatus ul, .ErrorStatus ul {
        position: relative;
        top: -1em;
        margin-bottom: 0px;
    }

.SuccessStatus {
    background-color: #D3FFD3;
    background-image: url(../Images/Status_Small_Success.gif);
}

.WarningStatus {
    background-color: #FFFFE0; /* #FEFFBB; */
    background-image: url(../Images/Status_Small_Warning.gif);
}

.FailureStatus {
    background-color: #FFBBBB;
    background-image: url(../Images/Status_Small_Error.gif);
}

.WarningSummary {
    background: #FFFFE0;
    background-image: url(../Images/Status_Small_Warning.gif);
}

.SuccessSummary {
    background: #D3FFD3;
    background-image: url(../Images/Status_Small_Success.gif);
}

.FailureSummary {
    background: #FFBBBB;
    background-image: url(../Images/Status_Small_Error.gif);
}

.WarningSummary, .SuccessSummary, .FailureSummary {
    background-position: 10px 10px;
    background-repeat: no-repeat;
    font-size: 8pt;
    font-family: Verdana, Arial, Sans-Serif;
    border: solid 1px black;
    padding: 8pt 5pt 5pt 40px;
    margin: 5px auto;
    text-align: left;
}

    .WarningSummary ul, .SuccessSummary ul, .FailureSummary ul {
        margin: 1em 1em 1em 0;
        padding: 0 0 0 20px;
    }

        .WarningSummary ul li, .SuccessSummary ul li, .FailureSummary ul li {
            padding: 5px 0 0 0;
        }

/**
 * End of Styles for Message Panel control 
 */