.modalBackground{
filter: Alpha(Opacity=60);
-moz-opacity:0.6;
opacity: 0.6;
width: 100%;
height: 100%;
background-color:#000000;
position: fixed;
z-index: 10000;
top: 0px;
left: 0px;
}

.modalContainer
{
border: solid 1px #ffffff;
position: absolute;
top: 0%;
left: 50%;
z-index: 10000;
margin-left:-250px;
}



.modalBody
{
background-color:#ffffff;
vertical-align:top;
padding: 10px;
font-family:Segoe UI, Tahoma, Verdana, Arial, Sans-Serif;
font-size:12px;
color:#000000;
z-index: 10000;
}

.modalButtonContainer
{
background-color:#ebebeb;
vertical-align:top;
padding: 8px;
border-top: solid 1px #cccccc;
font-family:Segoe UI, Tahoma, Verdana, Arial, Sans-Serif;
font-size:11px;
color:#000000;
z-index: 10000;
}








/* START ERROR MODAL */
.modalErrorTitle
{
height:29px;
background-color:#e22f0c;
background-position:top;
background-repeat:repeat-x;
padding-left:8px;
padding-right:8px;
vertical-align:middle;
color: #ffffff;
font-family:Segoe UI, Tahoma, Verdana, Arial, Sans-Serif;
font-size:14px;
z-index: 10000;
}
/* END ERROR MODAL */






/* START DEFAULT MODAL */
.modalTitle
{
height:29px;
background-color:#002047;
background-position:top;
background-repeat:repeat-x;
padding-left:8px;
padding-right:8px;
vertical-align:middle;
color: #ffffff;
font-family:Segoe UI, Tahoma, Verdana, Arial, Sans-Serif;
font-size:14px;
z-index: 1000;
}
/* END MESSAGE MODAL */




.modalContainer1
{
border: solid 1px #ffffff;
position: absolute;
top: 15%;
left: 20%;
z-index: 10000;
width: 670px;
height: 80%;
}


.modalContainer2
{
border: solid 1px #ffffff;
position: absolute;
top: 0%;
left: 50%;
z-index: 10000;
margin-left:-250px;
}



/* START MODAL SHADOWS */
.modal{
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 1000;
}

.modal1{
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 1000;
position: absolute;
}
.modalTopLeft{
position:absolute;
z-index:999;
top:-11px;
left:-11px;
width:20px;
height:20px;
background-image:url('../images/modal/topLeft.png');
background-position:top left;
background-repeat:no-repeat;
}

.modalTop{
position:absolute;
z-index:999;
top:-11px;
right:9px;
left:9px;
height:10px;
background-image:url('../images/modal/topBottom.png');
background-position:top;
background-repeat:repeat-x;
}

.modalTopRight{
position:absolute;
z-index:999;
top:-11px;
right:-11px;
width:20px;
height:20px;
background-image:url('../images/modal/topRight.png');
background-position:top right;
background-repeat:no-repeat;
}

.modalLeft{
position:absolute;
z-index:999;
top:9px;
bottom:9px;
left:-11px;
width:10px;
background-image:url('../images/modal/leftRight.png');
background-position:left;
background-repeat:repeat-y;
}

.modalRight{
position:absolute;
z-index:999;
top:9px;
bottom:9px;
right:-11px;
width:10px;
background-image:url('../images/modal/leftRight.png');
background-position:right;
background-repeat:repeat-y;
}

.modalBottomLeft{
position:absolute;
z-index:999;
bottom:-11px;
left:-11px;
width:20px;
height:20px;
background-image:url('../images/modal/bottomLeft.png');
background-position:bottom left;
background-repeat:no-repeat;
}

.modalBottom{
position:absolute;
z-index:999;
bottom:-11px;
right:9px;
left:9px;
height:10px;
background-image:url('../images/modal/topBottom.png');
background-position:bottom;
background-repeat:repeat-x;
}

.modalBottomRight{
position:absolute;
z-index:999;
bottom:-11px;
right:-11px;
width:20px;
height:20px;
background-image:url('../images/modal/bottomRight.png');
background-position:bottom right;
background-repeat:no-repeat;
}
/* END MODAL SHADOWS */