﻿
.modalBox { text-align:left; position: absolute; z-index: 1002; background-color: #fff; border: solid 2px #eee; border-collapse: collapse; border-color: #eeeeee #666666 #666666 #eeeeee; }
.modalBox td {margin:0; border-style: none; padding:0;}
.modalBox .modalHeaderZone { background: #efefef url(headerTexture.gif) repeat-x; vertical-align:top; }
.modalBox .modalHeaderZone { background: transparent url(PersonPickerHeaderAlpha.png) repeat-x; vertical-align:top; color: #fff; }
.modalBox .modalHeaderZone .modalHeader { cursor: move; position:relative; padding: 4px; }
.modalBox .modalHeaderZone .modalHeader .modalHeaderText { font-size:12pt; }
.modalBox .closerOff {  position: absolute; width: 20px; cursor: pointer; background: url(closegrayglow.gif) center right no-repeat; height: 20px; top: 2px; right: 2px; }
.modalBox .closerOn { position: absolute; width: 20px; cursor: pointer; background: url(closeredglow.gif) center right no-repeat; height: 20px; top: 2px; right: 2px;  }
.modalBox .hidden { display: none; }
.modalBox #modalWorkingPanel { background: #fff url(bigrotation2.gif) 50% 50% no-repeat; margin: 0; padding: 0; width:50px; height:50px; position:absolute; z-index:500; top:45%; left:45%; width:10%; height:10%; background-color:#eee; border: 1px dotted #666; -khtml-opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50); opacity: .5;}
.modalBox .modalUserPanel { width: 500px; height: 400px; position: relative;  padding: 5px; overflow: auto; }
.modalBox .modalFooterZone {position: relative;}
.modalBox .modalFooterStatus { border-top: 1px solid #bbb; background-color: #efefef; padding: 1px 1px 1px 5px; }
.modalBox .modalSizerHandle { position: absolute; width: 13px; cursor: nw-resize; background: url(sizegrip.gif) bottom right no-repeat; height: 13px; bottom: 0px; right: 0px; }

/* Makes it work almost OK in IE 6 */
body { height: 100%; }

.modalOverlay { -khtml-opacity: .5; -moz-opacity: .5; background: #777; filter: alpha(opacity=50); height: 100%; left: 0; opacity: .5; position: absolute; top: 0; width: 100%; z-index: 1001; cursor: wait; }


table.modalBox, table.modalBox td, table.modalBox th {padding:0;}