#overlay {
	position: fixed;
	z-index:100;
	top: 0;
	left: 0;
	height:100%;
	width:100%;
	display: none;
}

.overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#window {
	position: fixed;
	z-index: 102;
	display:none;
	text-align:left;
	width: 300px;
	margin-left: -150px;
    top:150px;
	left:50%;
	font: normal normal normal 62.5% normal Arial, helvetica, sans-serif; 
    text-align: left;
}

#window.ajaxApp {
 top: 0;
 width: 985px;
 height: 1px;
 overflow: visible;
 margin-left: -492.5px;
}

.window {
  display: block;
  margin:0 auto;
  position:relative;
}

.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url(../images-js/corners1280x18.gif); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-left {
	background-position: 0 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	background: #FFF;                /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding: 16px 0 0;
	font-size: 1.2em;
	}
.notopgap    { margin-top: 0; margin-bottom: 15px; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */

.inside h4          { width: 100%; font-size: .9em; display: block; color: #fff; margin-top: -5px; background: url(../images-js/heading-bg-left.gif) left top no-repeat; position: absolute; top: 6px; left: 1px; margin-bottom: 0; }
.inside h4 strong   { white-space: nowrap; background: url(../images-js/heading-bg-right.gif) right top no-repeat; display: block; margin-left: 3px; padding-left: 9px; line-height: 32px; margin-right: 2px; }
.inside h4 a        { background: url(../images-js/close-ico.gif) left bottom no-repeat; width: 20px; height: 20px; position: absolute; right: 8px; top: 6px; cursor: pointer; }
.inside h4 a:hover  { background-position: left top; }

.inside .btn {
	padding: 0 3px 0 0;
	width: auto;
	overflow: visible;
	background: url(../images-js/button-right-bg.gif) right top no-repeat;
	border: 0;
	white-space: nowrap;
	cursor: pointer;
	}
.inside a.btn {
	display: -moz-inline-block;
	display: -moz-inline-box;
	display: inline-block;
	text-decoration: none;
	}
.inside .btn strong {
	display: block;
	height: 25px;
	padding: 0 3px 0 6px;
	background: url(../images-js/button-left-bg.gif) left top no-repeat;
	color: #008852;
	font-size: 1em;
	line-height: 25px;
	font-style: normal;
	text-align: center;
	}
	
.inside .btn:hover        { background-position: right bottom; }
.inside .btn:hover strong { background-position: left bottom; }

/* @end */

.inside .clear-width { width: 1%; }

.inside ul          { margin: 0; padding: 0; display: none; }
.inside ul li       { background-position: 1em .15em; background-repeat: no-repeat; padding-left: 30px; padding-bottom: 5px; }
.inside .errors   li  { background-image: url(../images-js/error-ico.png); color: #cd0a0a; }
.inside .notices  li  { background-image: url(../images-js/info-ico.png); color: #000; }

.inside table { width: 100%; margin-bottom: 3em; margin-top: 0; }
.inside select { width: 125px; vertical-align: top; }
.inside label  { font-weight: bold; }
.inside input  { width: 286px; background: url(../images-js/input-bg.gif) 0 0 no-repeat; border: 0; height: 19px; padding: 4px 0 4px 4px; }
.inside td p { height: 24px; padding:0; padding-top: 5px; display: block; }
.inside p { padding: 1em; }

#newOrderNoApp td label { display: block; }

.error,
.error * { color: #cd0a0a !important; }
.error { display: block; }
.inside td input.error { background-position: 0 100%; margin-bottom: 5px; color: #cd0a0a; }
input.error { display: inline; }

.inside .left-btn,
.inside .center-btn,
.inside .right-btn { position: absolute; bottom: 10px; }

.inside .left-btn   { left: 9px; }
.inside .center-btn { left: 95px; }
.inside .right-btn  { right: 9px; }

/*- windows -*/

#newOrderFormDialog { width: 300px; position: absolute; top: 150px; left: 455px; z-index: 0; display: none; }
#editorAddressNew,
#editorAddress,
#editorCustomerNew,
#editorCustomer  { width: 300px; position: absolute; top: 150px; left: 185px; z-index: 1; display: none; }
#newOrderFormDialog.editorOpened { left: 500px; }
#chooseAddressFormDialog, 
#newOrderNoAppFormDialog  { width: 300px; position: absolute; top: 150px; left: 455px; z-index: 1; display: none; }