#ModalOverlay { background-color: #000; }
#ModalContainer { left: 50%; top: 15%; }
.modalClose { z-index: 100000; cursor: pointer; display: block; position: absolute; height: 20px; width: 20px; right: 10px; top: 10px; background: url('close.gif') no-repeat; }
#ModalLoadingOverlay { background: #000; cursor: pointer; }
#ModalLoadingIndicator { width: 100px; height: 100px; margin-left: -50px; margin-top: -50px; background: url(loading.gif) no-repeat; position: fixed; top: 50%; left: 50%; z-index: 30001; }
#ModalContentContainer { background: #fff; background-image: url('background.gif'); background-repeat: repeat-x; background-position: left bottom; }
#ModalTitle,
.ModalTitle { background: #000; color: #fff; font-size: 110%; font-weight: bold; padding: 10px 14px; border-bottom: 1px solid #777; text-align: left; }
#ModalContent,
.ModalContent { margin: 0; text-align: left; color: #444; margin: 14px; margin-top: 8px; margin-bottom: 0px; padding-bottom: 15px; }
.ModalContentWithButtons .ModalContent,
.ModalContentWithButtons #ModalContent { border-bottom: 1px solid #757575; margin-bottom: 0; }
#ModalContent hr{ margin:5px 0}
#ModalContent textarea{ border:1px solid #aaa}
#ModalButtonRow,
.ModalButtonRow { text-align: right; border-top: 1px solid #fff; margin: 8px 14px; margin-top: 0; padding-top: 8px; height: 40px; }
#ModalButtonRow input,
.ModalButtonRow input { text-align: center; padding:3px; border:1px solid #ccc }
#ModalButtonRow input.Submit,
.ModalButtonRow input.Submit { font-weight: bold; }
#ModalTopBorder { position: absolute; height: 11px; background: url('border-topbottom.png') repeat-x 0 0; top: -9px; left: 12px; right: 26px; }
#ModalBottomBorder { position: absolute; height: 15px; background: url('border-topbottom.png') repeat-x 0 -11px; bottom: -14px; left: 12px; right: 26px; }
#ModalRightBorder { position: absolute; background: url('border-sides.png') repeat-y 0 scroll; right: -20px; width: 20px; top: 34px; bottom: 25px; }
#ModalLeftBorder { position: absolute; background: url('border-sides.png') repeat-y -37px scroll; left: -20px; width: 20px; top: 34px; bottom: 24px; }
#ModalBottomLeftCorner { position: absolute; background: url('border-corners.png') no-repeat 0 -24px; bottom: -16px; height: 40px; left: -8px; width: 20px; }
#ModalTopRightCorner { position: absolute; background: url('border-corners.png') no-repeat -22px 0; top: -6px; height: 40px; right: -14px; width: 40px; }
#ModalTopLeftCorner { position: absolute; background: url('border-corners.png') no-repeat 0 0; top: -6px; height: 40px; left: -8px; width: 20px; }
#ModalBottomRightCorner { position: absolute; background: url('border-corners.png') no-repeat -22px -23px; bottom: -15px; height: 40px; right: -14px; width: 40px; }
.ModalContentWithButtons #ModalLeftBorder { bottom: 30px; }
.ModalContentWithButtons #ModalBottomLeftCorner { bottom: -10px; }
.ModalContentWithButtons #ModalBottomBorder { bottom: -8px; }
.ModalContentWithButtons #ModalBottomRightCorner { bottom: -9px; }
.ModalContentWithButtons #ModalRightBorder { bottom: 31px; }