.modal{
background-color: white; z-index: 999; border:4px solid #CCC; width:600px; height:auto; position:absolute; left:25%; top:15%; margin:-25px 0 0 -50px; background-color: white; min-width: 30px; min-height: 30px; overflow: hidden; z-index: 1000;
} modal-resizable {
width:600px; height: auto; border: 8px solid #000000;
} .modal-dialog{
width: 100%; height: 100%;
} .modal-header{
vertical-align: top; float: top; height: 20px; background-color: black; min-height: 20px; padding: 2px; vertical-align: top; font-family: helvetica, arial; font-size:15px; white-space:pre-wrap; color: white;
} .modalheader-text{
font-family: helvetica, arial; font-size:15px; white-space:pre-wrap; color: white; top: 1%; left: 1%; position: absolute;
} .modal-content{
background-color: white; width: 100%; height: 100%; outline: none; margin: 10px; overflow: hidden; padding: 2px;
}
.xbutton{
padding: 4px; display: inline; float: right;
}
.icon{
padding: 4px; display: inline;
}
.modal-inner{
text-align: center;
}
.ui-resizable-handle {
width: 9px; height: 9px; z-index: 2;
} .ui-resizable-se {
right: -5px; bottom: -5px;
} .ui-resizable-n {
cursor: n-resize; height: 7px; width: 100%; top: 0px; left: 0; /*border-top: 1px solid #000000;*/
}
.ui-resizable-s {
cursor: s-resize; height: 7px; width: 100%; bottom: 0px; left: 0; /*border-bottom: 1px solid #000000;*/
}
.ui-resizable-e {
cursor: e-resize; width: 7px; right: 0px; top: 0; height: 100%; /*border-right: 1px solid #000000;*/
}
.ui-resizable-w {
cursor: w-resize; width: 7px; left: 0px; top: 0; height: 100%; /*border-left: 1px solid #000000;*/
}
.ajax-form-button{
width: 40%; background-color: #3a3a3a; color: white; padding: 14px 20px; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 16px; margin-top: 8px; display: inline-block; text-decoration: none; text-align: center;
}