﻿
.modalContainer
{
    width: 548px;
    display: none;
    top: 25%;
    left: 32%; /*position:absolute !important;*/
}
.modalContainer
{
    _margin: 0 auto !important;
    _left: expression((documentElement.clientWidth /2) - 274+"px");
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#modalOverlay
{
    background-color: #333;
    opacity: 0.8 !important; !filter:alpha(opacity=80)!important;
}

/*========= Alerts =========*/
.alertContainer
{
    width: 600px;
}

.alertContainer .closeBtn {
float: right;
margin: 5px;
}

.alertContainer .topBorder
{
    background: transparent url(../images/alerts/border-top.png) left top no-repeat;
}

.alertContainer .alertContents
{
    padding: 30px 20px 20px 100px;
    font-size: 14px;
}

.alertContainer .loading
{
    background: url(../images/alerts/loading.gif) 20px 15px no-repeat;
}

.alertContainer .success
{
    background: url(../images/alerts/success.png) 20px 15px no-repeat;
}

.alertContainer .error
{
    background: url(../images/alerts/error.gif) 20px 15px no-repeat;
}


