﻿
.modalBox { text-align:left; position: absolute; z-index: 1002; background-color: Transparent; border: solid 2px #eee; border-collapse: collapse; border-color: #eee #666 #666 #eee; }

.modalBox td {margin:0; border-style: none; padding:0;}
.modalBox .modalHeaderZone {
    background: Transparent  url(WebResource.axd?d=PFwXG8R438QkAEWLcFoGfOO3O8Ppgi_az46UefB-w0QxAP_0vpwhq3Wu-MGygXQHPJil2WrOTlgHFfCUmnRWq0KEgt8z0vGnR9xZnpbm8epkTw5qSCRkICbR5J65dgfjfrWzPgSterh6vu4ZE1BzCQ2&t=636116244700000000) left center repeat-x;   
<!–[if lt IE 7]>
    background: Transparent  url(WebResource.axd?d=aXEUdR57xIjIxt7jSO_N8-JxCCFQNLncKNq6W2NtuGEzJgiXTt2y3V8_FAIgwP-MyCJzZq8NyB3wgWrLmNqlUzuZAwZwTMxwwu0g1j3yag7prQt5g6-hh5kv5cUhG4dM6Wzahtud6C6KL6souvxxEQ2&t=636116244700000000) 0 -60px repeat-x;   
<![endif]–>
}
    
.modalBox .modalHeaderZone .modalHeader { cursor: move; position:relative; padding: 4px; }
.modalBox .modalHeaderZone .modalHeader .modalHeaderText {color:#fff; font-size:12pt; }
.modalBox .closerOff {  position: absolute; width: 20px; cursor: pointer; background: url(WebResource.axd?d=aXEUdR57xIjIxt7jSO_N8-JxCCFQNLncKNq6W2NtuGEzJgiXTt2y3V8_FAIgwP-MyCJzZq8NyB3wgWrLmNqlUzuZAwZwTMxwwu0g1j3yag7prQt5g6-hh5kv5cUhG4dM6Wzahtud6C6KL6souvxxEQ2&t=636116244700000000) 1px 1px no-repeat; height: 20px; top: 2px; right: 2px; }
.modalBox .closerOn { position: absolute; width: 20px; cursor: pointer; background: url(WebResource.axd?d=aXEUdR57xIjIxt7jSO_N8-JxCCFQNLncKNq6W2NtuGEzJgiXTt2y3V8_FAIgwP-MyCJzZq8NyB3wgWrLmNqlUzuZAwZwTMxwwu0g1j3yag7prQt5g6-hh5kv5cUhG4dM6Wzahtud6C6KL6souvxxEQ2&t=636116244700000000) 1px -19px no-repeat; height: 20px; top: 2px; right: 2px;  }
.modalBox .hidden { display: none; }
.modalBox #modalWorkingPanel { background: #fff url(WebResource.axd?d=hsxkOVGCQ9khnljfotr5-cwN_N44SoporcTWUwANGsBTirUeHNs9BcuH1g6RHsWVVtNI56tJW8Nm24kSEksehseyVGLQFg1etvUvyaG3M0UcEFRruYSVkCOXSIyozbcc7TqV1ltEzP_w37a2G_U9dw2&t=636116244700000000) 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; background-color:#fff; 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(WebResource.axd?d=aXEUdR57xIjIxt7jSO_N8-JxCCFQNLncKNq6W2NtuGEzJgiXTt2y3V8_FAIgwP-MyCJzZq8NyB3wgWrLmNqlUzuZAwZwTMxwwu0g1j3yag7prQt5g6-hh5kv5cUhG4dM6Wzahtud6C6KL6souvxxEQ2&t=636116244700000000) -7px -44px 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; }