.dialog {
    /* Dialog default size and position */
    position:absolute;
    top:0px;
    left:0px;
    width:460px;
    height:300px;
    z-index:2000;
}

.dialogContentOuterContainer {
    position:absolute;
    top:39px;
    left:8px;
    bottom:20px;
    right:8px;
    background-color:#CECECE;
    background-image:-moz-linear-gradient(top, #E7E7E7, #CECECE); /* FF3.6 */
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #E7E7E7), color-stop(1, #CECECE));         /* Saf4+, Chrome */
    filter:progid:DXImageTransform.Microsoft.gradient(gradientType='0', startColorStr='#E4E4E4', EndColorStr='#C9C9C9');       /* IE6,IE7 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(gradientType='0', startColorStr='#E4E4E4', EndColorStr='#C9C9C9')"; /* IE8 */
}

.dialogContentArea {
    border-top:1px solid #B9B9B9;
    border-bottom:1px solid #B9B9B9;
    position:absolute;
    top:9px;
    bottom:37px;
    left:15px;
    right:15px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    overflow:auto;
}

.dialogButtonsArea {
    position:absolute;	
    bottom:21px;
    left:46px;
    right:46px;
    height:29px;
    text-align:right;
}

.dialogTitle {
    position:absolute;
    top:10px;
    left:23px;
    right:40px;
    height:27px;
    vertical-align:middle;
    line-height:27px;
    font-weight:bold;
    overflow:hidden;
    white-space:normal;
}
/* END: Dialog close Icon */

/* START: Dialog close Icon */
.dialogCloseButton {
    position:absolute;
    top:16px;
    right:17px;
    width:20px;
    height:20px;
    border:0px;
    padding:0px;
    background-color:transparent;
    background-image:url('[themeFolder]/Images/close_icon_default.png');
    background-repeat:no-repeat;	
}

.dialogCloseButton:hover {
    background-image:url('[themeFolder]/Images/close_icon_hover.png');
    cursor:pointer;
}
/* END: Dialog close Icon */

/* START: Dialog border Styles */
.dialogBottomLeftBorder {
    position:absolute;
    bottom:0px;
    left:0px;
}

.dialogBottomBorder {
    position:absolute;
    bottom:0px;
    left:20px;
    right:20px;
    height:20px;
    background-image:url('[themeFolder]/Images/dialog_border_bottom.png');
    background-repeat:repeat-x;
}

.dialogBottomRightBorder {
    position:absolute;
    bottom:0px;
    right:0px;
}

.dialogLeftBorder {
    position:absolute;
    top:46px;
    width:8px;
    bottom:20px;
    background-image:url('[themeFolder]/Images/dialog_border_left.png');
    background-repeat:repeat-y;
}

.dialogRightBorder {
    position:absolute;
    top:46px;
    right:0px;
    width:8px;
    bottom:20px;
    background-image:url('[themeFolder]/Images/dialog_border_right.png');
    background-repeat:repeat-y;
}

.dialogTopBorder {
    position:absolute;
    top:0px;
    left:20px;
    right:20px;
    height:46px;
    background-image:url('[themeFolder]/Images/dialog_border_top.png');
    background-repeat:repeat-x;
}

.dialogTopLeftBorder {
    position:absolute;
    top:0px;
    left:0px;
}

.dialogTopRightBorder {
    position:absolute;
    top:0px;
    right:0px;
}
/* END: Dialog border Styles */