.bgTopDialog
{
    BACKGROUND-IMAGE: url(../images/Dialog/top_bg.gif);
    BACKGROUND-REPEAT: repeat-x
}
.bgContentDialog
{
    BACKGROUND-IMAGE: url(../images/Dialog/body_gra_white.gif);
    BACKGROUND-REPEAT: repeat-x;
    BACKGROUND-COLOR: white
}
.bgBottomDialog
{
    BACKGROUND-IMAGE: url(../images/Dialog/bottom_strip.gif);
    BACKGROUND-REPEAT: repeat-x
}
.bgLeftDialog
{
    BACKGROUND-POSITION: left 50%;
    BACKGROUND-IMAGE: url(../images/Dialog/left_strip.gif);
    WIDTH: 2px;
    BACKGROUND-REPEAT: repeat-y
}
.bgRightDialog
{
    BACKGROUND-POSITION: right 50%;
    BACKGROUND-IMAGE: url(../images/Dialog/right_strip.gif);
    WIDTH: 2px;
    BACKGROUND-REPEAT: repeat-y
}
.DialogTitle
{
    FONT-SIZE: 18px;
    VERTICAL-ALIGN: top;
    COLOR: #10556b;
    PADDING-TOP: 14px
}


body
{
    margin: 0px;
}
#modalPage, .modalPage
{
    display: none;
    position: absolute;
    width: 100%;
    height: 600px;
    top: 0px; left: 0px;
}
.modalBackground
{
    filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
    width: 100%; height: 600px; background-color: #999999;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
}
.modalContainer
{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 750;
}
.modal
{
    background-color:Transparent;
    border: solid 0px black; position: relative;
    z-index: 1000;
    padding: 0px;
}
.modalTop
{
    background-color: #000099;
    padding: 4px;
    color: #ffffff;
    text-align: right;
}
.modalTop a, .modalTop a:visited
{
    color: #ffffff;
}
.modalBody
{
    padding: 10px;
    background-color:White;
}