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

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

.modalContainer
{
border: solid 1px #ffffff;
position: absolute;
top: 23%;
left: 50%;
z-index: 10000;
width: 500px;
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;
}

.modalTextBox{border:1px solid #cccccc; padding:3px; font-family:Tahoma, Verdana, Arial, Sans-Serif; font-size:12px; color:#333333; width:300px;}
.modalFormFormat{color:#333333; font-family:Tahoma, Verdana, Arial, Sans-Serif; font-size:12px; font-weight:bold; padding-right:5px; padding-bottom:10px;}
.modalRequired{vertical-align:top; padding-left:2px; color:#FF0000; font-weight:bold;}
.modalContactTerms{font-family:Segoe UI, Tahoma, Verdana, Arial, Sans-Serif; font-size:11px; color:#000000; padding-bottom:5px;}
a.modalLink{color:#33a4c9;}







/* 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:#00aeff;
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 */









/* START MODAL SHADOWS */
.modalTopLeft{
position:absolute;
z-index:999;
top:-11px;
left:-11px;
width:20px;
height:20px;
background-image:url('http://cdn.sitelife.ms/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('http://cdn.sitelife.ms/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('http://cdn.sitelife.ms/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('http://cdn.sitelife.ms/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('http://cdn.sitelife.ms/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('http://cdn.sitelife.ms/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('http://cdn.sitelife.ms/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('http://cdn.sitelife.ms/images/modal/bottomRight.png');
background-position:bottom right;
background-repeat:no-repeat;
}
/* END MODAL SHADOWS */