franck@0: /*
franck@0: ** Ajax popups dialog box styles
franck@0: */
franck@0: 
franck@0: #popups-overlay {
franck@0:   position: absolute;
franck@0:   z-index: 8;  
franck@0:   background: black;
franck@0:   top: 0;
franck@0: }
franck@0: #popups-loading {
franck@0:   position: absolute;
franck@0:   z-index: 10;  
franck@0:   opacity: 0.75;
franck@0:   width: 100px;
franck@0:   height: 100px;
franck@0:   display: none;
franck@0: }
franck@0: .popups-box {
franck@0:   position: absolute;
franck@0:   z-index: 9;  
franck@0:   background: white;
franck@0:   border: 1px solid black;
franck@0:   padding: 0.5em;
franck@0:   width: 600px;
franck@0:   overflow: auto;  
franck@0: }
franck@0: .popups-title {
franck@0:   font-weight: bold;
franck@0:   margin-bottom: 0.25em;
franck@0: }
franck@0: .popups-title div.title {
franck@0:   float: left;
franck@0: }
franck@0: .popups-title .popups-close {
franck@0:   float: right;
franck@0: }
franck@0: .popups-title .popups-close a {
franck@0:   font-weight: normal;  
franck@0: }
franck@0: /* Allow messages to be used as the title of the popups */
franck@0: .popups-box div.messages {
franck@0:   background: transparent;
franck@0:   border: none;
franck@0:   padding: 0;
franck@0:   margin: 0;
franck@0: }