.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;

}