#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: #efefef; color: #444; 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; } #ModalButtonRow, .ModalButtonRow { text-align: right; border-top: 1px solid #fff; margin: 8px 14px; margin-top: 0; padding-top: 8px; height: 30px; } #ModalButtonRow input, .ModalButtonRow input { text-align: center; } #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; }