#printform_ovrl, #printform_ovrl1, div.modal_ovrl {
background-color: black;
-moz-opacity: 0.5; opacity: 0.5;
top: 0; left: 0; position: fixed;
width: 100%; height:100%; z-index: 4000;
}
#printform_ww, #printform_ww1, div.modal_ww {position: fixed; z-index: 4100; top: 0; left: 0; width: 100%; height: 100%; text-align: center;}
#printform_win, #printform_win1, div.modal_win {margin: 22px auto 0 auto; width: 574px; text-align: left;}
#ajax_loader {padding-top: 20%; text-align: center; z-index: 4200; position: fixed; top: 0; left: 0; width: 100%; height: 100%;}
#local_ajax_loader {padding-top: 2%; text-align: center; z-index: 4200; top: 0; width: 100%;}

#printFieldList {
   width: 390px;
   height: 220px;
   overflow: scroll;
   border: 1px solid #31AAE1;
}

#printScopeLayoutError {
   white-space: normal;
}

#printFieldCommands {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   text-align: left;
   padding-bottom: 5px;
}

div.printSchemaButtons {
   text-align: right;
   width: 390px;
   padding-top: 4px;
}

table.layoutform2 {
   border-collapse: collapse;
   border: 1px #AAAAAA solid;
   width: 100%;
   height: 100%;
}

table.layoutform2 td {
   background-color: #F8F8F8;
   border: none;
}

td.layoutlabel2 {
   font-weight: bold;
   text-align: right;
   font-size: 10pt;
   width: 150px;
}

td.layoutvalue2 {
   width: 390px;
}

div.printSchemaSelect {
   width: 390px;
   height: 20px;
}

div.layoutblock {
   white-space: nowrap;
   border: 2px solid #fff;
   background-color: #f0f7ff;
   padding: 7px;
   vertical-align: middle;
}

div.layoutblock .errorMessage {
   white-space: normal;
}

.layoutblock2 {
    white-space: nowrap;
    border: 2px solid #fff;
    background-color: #f0f7ff;
    padding: 3px;
    margin: 3px;
    vertical-align: middle;
}

table.layoutblockin td {
   background-color: #f0f7ff;
}

select.printSchemaSelect {
   width: 390px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   border: 1px solid #31AAE1;
   padding: 2px;
   background: #fafafa;
   color: #545454;
   height: 20px;
}

input.pagesForPrintInput {
   width: 270px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   border: 1px solid #31AAE1;
   padding: 2px;
   background: #fafafa;
   color: #545454;
   height: 20px;
}

div.noWrap {
   white-space: nowrap;
}

div.layoutform2, div.layoutform3, div.layoutform4 {
   border: 1px solid #777777;
   padding: 12px;
   background-color: #bbb;
   position: absolute;
   width: 574px !important;
   z-index: 10;
   max-width: 100%;
   box-sizing: border-box;
}

div.layoutform3, div.layoutform4 {
   padding-top: 2px;
}

button.printSchemaBtn {
   background-color:#f5f5f5;
   border:1px solid #31AAE1;
   color:#336699;
   height: 22px;
   vertical-align: middle;
   cursor:pointer;
   margin: 0px 0px 5px 5px;
   font-size:10pt;
}
button.printSchemaBtn:hover {
   background-color:#dff4ff;
}

/* New modal box */

.modalbox-header {
   /*no styles yet*/
}
.modalbox-title {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #444;
   font-weight: bold;
   text-align: left;
   white-space: nowrap;
   margin: 5px 0;
   float: left;
}
.modalbox-close-btn {
   float: right;
   cursor: pointer;
}
