/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (in jqModal.js). You
	can change this value by either;
	  a) supplying one via CSS
	  b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
	


#modalEditor {
	background: #DCBA70 /*url('/templates/beadparadise.vtemplate/images/bg_body.jpg') repeat-x scroll center bottom*/;

}

.jqmWindow {
    display: none;
    
    position: absolute;
    /*top: 230px;*/
    left: 50%;
    
    margin-left: -300px;
    width:679px;
    /*width: 600px;
	height:500px;
	max-height:500px;*/
    
    background-color: #EEE ;
    color: #333;
    border: 1px solid black;
    padding: 12px;
	/*overflow-y:auto;*/
}

.jqmWindow #content{
	width:90%;
}

.jqmWindow #content #product-detail #product-info{
	width:90%;
}
.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.modalLoading{
	background: url(/templates/standard_templates/images/loading.gif) 50% 50% no-repeat;
	border:none;
	overflow:hidden;
}

.modalSaving{
	float:left;
	position:absolute;
	bottom:-15px;
	right:150px;
}
.modalInvisible{
	visibility:hidden;
	overflow:hidden;
}

.modalToolBar{
	background:#c9c9c9;
	width:100%;
	position:fixed;
	width:618px; /*718px*/
	margin:0 0 0 -12px;
	/*top:20px;*/
	padding:3px;
	text-align:center;
	border-bottom:1px solid #222;
}

.modalToolBar a{
	color:#fff;
	font-family: arial, helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}
a.closeModalMac, a.closeModal{
	display:block;
	width:15px;
	height:15px;
}

a.closeModalMac{
	float:left;
	background: url(/templates/standard_templates/images/mac_close.gif) 0 0 no-repeat;
}

a.closeModalMac:hover{
	background-position: 0 -15px;
}

a.closeModal{
	float:right;
	background: url(/templates/standard_templates/images/windows_close.gif) 0 0 no-repeat;
}