.modal-overlay {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
padding: 0;
background: #000000;
opacity: .85;
filter: alpha(opacity=85);
-moz-opacity: 0.85;
z-index: 1002;
}             


.modal-window {
position: absolute;
left: 50%;
top: 3em;
margin: 0;
padding: 0;
z-index: 1003;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
background: #ececec url(img/form_bg.png) repeat-x left top;
}

.modal-close {
position: absolute;
top: 8px;
right: 8px;
height: 25px;
width: 25px;
background: url(img/close.png) no-repeat right top;
text-indent:-99999px;  
overflow:hidden;
cursor:pointer;  
opacity:.5;  
filter: alpha(opacity=50);  
-moz-opacity: 0.5; 
}

.modal-close:hover {
opacity:.9;  
filter: alpha(opacity=90);  
-moz-opacity: 0.9; 
}




#order_form {
margin: 25px 0 0 0;
padding: 0;
}

#order_form ul {
padding: 0;
margin:0;
}

#order_form li {
font-size: 0.8em;
list-style: none;
padding: 0;
margin: 0 0 0.8em 0;
text-indent: 0;
}

#order_form label, .sub {
float: left;
width: 8em;
margin: 11px 1em 0 0;
text-align: right;
cursor: pointer;
}

#order_form input, #order_form textarea, #order_form select {
width: 15em;

background: #eee;
border: 1px solid #aaa;

border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;


padding: 0.6em;
font-size: 1em;
color: #aaa;
font-variant: small-caps;
}

#order_form input:focus, #order_form textarea:focus, #order_form select:focus {
outline: none;
background: #ccc;
border: 1px solid #aaa;
color: black;
}

#order_form fieldset input {
width: auto;
border: none;
}

#order_form textarea {
height: 12em;
font-family: arial;
}

#order_form li div {
float: left;
clear: right;
}

#order_form li span.example {
display: block;
font-size: 0.7em;
margin-left: 10px;
margin-bottom: 1em;
}

#order_form #submit {
width: 8em;
cursor: pointer; cursor: hand;
color: black;
}


.clear {
clear: both;
}

.required {
color: red;
}