/* Red Dragon: same Preorder CSS, in its original order. */
/* The loading image remains relative to the original arcticmodal directory. */
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(../js/arcticmodal/loading.gif) no-repeat 50% 50%; }
.box-modal {
	position: relative;
	width: 500px;
	padding: 16px;
	background: #fff;
	color: #3c3c3c;
	font: 14px/18px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	box-shadow: 0 0 0 6px rgba(153, 153, 153, .3);
	border-radius: 6px;
}
.box-modal_close { position: absolute; right: 10px; top: 6px; font-size: 11px; line-height: 15px; color: #999; cursor: pointer; }
.box-modal_close:hover { color: #666; }
.preorder-open,
.preorder-submit {
display: inline-block;
background: green;
color: #fff;
padding: 7px 10px;
text-decoration: none;
margin: 5px 0;
}

.preorder-open:hover,
.preorder-submit:hover {
color: #fff!important;
background: #13B513;
}

.box-modal .field {
min-height: 30px;
}

.box-modal .field .name {
float: left;
}

.box-modal .field .value {
margin-left: 160px;
}

.box-modal .field .name span {
color: red;
}

p.error {
margin:0;
}

a.preorder-submit.disabled,
a.preorder-submit.disabled:hover {
background: silver;
}

.box-modal [name="preorder_comment"] {
width: 300px;
height: 100px;
}

.box-modal .field {
margin-bottom:5px;
}