/* ������������� ������ */
.aspNewVSale {
	border: 1px solid #000; color: #FFF;
	margin: 0; padding:0;
	top: 0; left: 0; position: absolute;
	z-index: 777; border-radius: 11px;
	padding-top: 7px; width: 530px;
	background: rgba(33, 32, 32, 0.82);
}
.aspNewVSale LI {
	min-width: 250px;
	font-weight: bold;
	padding:0; margin: 0;
	float: left;
}
.aspNewVSale I {
	background: rgb(255, 255, 255) url("/images/dele.png") no-repeat scroll center center;
	width: 22px;
	height: 22px;
	display: block;
	position: absolute;
	right: -10px; top: -10px;
	border: 1px solid orange;
	background-color: #FFF;
	border-radius: 4px;
	cursor: pointer;
}
.aspNewVSale LI INPUT { 
	float: right;
	border: 1px solid orange;
	border-radius: 7px;
	text-align: center;
	width: 70px;
	margin-right: 20px;
}
.aspNewVSale IMG {
	display: block;
	margin: 0 auto 11px auto;
}
.saveSaleForm {
	float: left;
	display: block;
	min-width: 220px;
	border-radius: 7px;
	text-align: center;
	margin: 7px 0 0 25px;
	background: linear-gradient(to top,#FFA500,#FFFFFF);
	color: #444;
	padding: 4px 0;
	cursor: pointer;
}
/* - - -  */
.createNewMaterial {
	border: 1px dotted #888;
	display: block;
	border-radius: 4px;
	padding: 2px 0 2px 21px;
	color: #333;
}

/* ��������� ����������� */
.aspLoadImg {
	position: absolute;
	width: 100%; height: 100%;
	left: 0; top: 0;
	z-index: 777; overflow: hidden;
	background-color: #FFF;
	margin: 0; padding: 0;
	list-style: none outside none;
}
.aspLoadImg LI {
	width: 47%; float: left;
	border: 1px dotted #333; 
	border-radius: 7px;
	margin: 1%; overflow: hidden;
	min-height: 94px;
	position: relative;
}
.aspLoadImg LI B {
	overflow: hidden;
	margin-left: 14px;
	border-bottom: 1px dotted #333;
	padding: 9px 7px 4px 7px;
	display: block;
}
.aspLoadImg LI I {
	float: right;
	display: block;
	cursor: pointer;
	min-width: 22px;
	height: 22px;
	font-style: normal;
	background: url('http://foroom.ru/2012/images/apply.gif') no-repeat scroll center right transparent;
	padding: 0 28px 0 7px;
	font-size: 12px;
	border-radius: 4px;
	border: 1px solid orange;
}
.aspLoadImg LI INPUT {
	overflow: hidden;
	margin-left: 14px;
	border-bottom: 1px dotted #333;
	padding: 9px 7px 4px 7px;
	display: block;
}
.aspLoadImg IMG {
	float: left; cursor: pointer;
	max-height: 85px; /* max-width: 70px; */
	border: 1px dotted #888;
	border-radius: 4px;
	padding: 5px;
	margin: 5px;
	/*margin: 5px 14px 5px 0px;*/
}
.aspLoadImg S {
	right: 0; cursor: pointer;
	position: absolute;
	width: 20px; height: 20px;
	display: block;
	width: 22px;
	height: 22px;
	margin: 5px;
	background-color: #FFF;
	border-radius: 4px;
	color: #333;
	text-align: center;
	font-style: normal;
	background: url('http://foroom.ru/2012/images/dele.png') no-repeat scroll center center transparent;
}
/* -------- */
.stereoHouse {
	overflow-x: auto;
	max-height: 144px;
	display: block;
}
.stereoHouse IMG {
	display: block;
	max-width: 144px;
	max-height: 144px;
}

#art-box{
	border: 1px solid #CCC;
	border-radius: 5px;
	margin: 7px; padding: 4px;
	overflow: hidden;
	position: relative;
}
.art-box-left-menu {
	float: left; width: 50%;
	margin: 0px; padding: 7px 0; 
}
.art-box-left-menu UL {
	margin: 0; padding: 0;
	list-style: outside none none;
}
.art-box-left-menu UL LI {
	margin: 0 7px 0 7px;
	padding-left: 0px; 
	cursor: pointer;
	border-bottom: 1px dotted #888;
}
.art-box-left-menu UL LI:HOVER { border-bottom: 1px solid orange; color: #069; }
.art-box-list-type {
	
}
/* ������ ������� ��� �������� */
.art-box-right-menu {
	float: left; width: 50%;
	margin: 0px; padding: 0px;
	border: 0px solid #333; 
}
.art-box-right-menu UL {
	margin: 0; padding: 0;
	list-style: outside none none;
	max-height: 450px;/*max-height: 366px;*/
    overflow-y: auto;
}
.loadPriceGroup {
	position: absolute;
    background-color: rgb(68, 68, 68);
    width: 100%;
    height: 100%;
    opacity: 0.7;
}
.art-box-right-menu UL LI {
	padding-left: 0px; cursor: pointer;
	border-bottom: 1px dotted #888;
	overflow: hidden;
}
.art-box-right-menu UL LI DIV {
	/*border-bottom: 1px dotted #888; border-left: 1px dotted #888;*/
	overflow: hidden; font-size: 12px;
}
.art-box-right-menu UL LI DIV B{ font-weight: normal; }
.art-box-right-menu UL LI DIV I { font-style: normal; border: 1px dotted orange; padding: 0 7px; /*min-width: 17px;*/ }
.resizeSizePrice { padding: 0 21px; }
.art-box-right-menu UL LI DIV S { 
	float: right;
	margin-right: 14px;
	border: 1px solid #444;
	padding: 0 4px; color: #444;
	text-decoration: none;
	border-radius: 4px;
}
.art-box-right-menu UL LI DIV S:HOVER { border: 1px solid orange; color: #000; }
.art-box-right-menu UL LI IMG {
	float: left;
	width: 70px; height: 70px;
	border: 1px dotted #888;
	border-radius: 4px;
	padding: 5px; margin: 5px 14px 5px 0px;
}
.art-box-right-menu UL LI IMG:HOVER { border: 1px solid #888; }
/* ���������� ���� ��� �������������� ��������� */
.EditMaterial {
	position: absolute;
	width: 100%; height: 100%;
	left: 0; top: 0;
	background-color: #FFF;
}
.EditMaterial H2 {
	border-bottom: 2px dashed #CCC;
	padding-left: 21px;
}
.EditMaterial P { margin: 0; padding: 0; }
.EditMaterial DIV { overflow: hidden; }
.EditMaterial UL { width: 50%; float: left; }
.EditMaterial UL LI { overflow: hidden; }
.EditMaterial UL LI DIV { float: right; }

.EditMaterial SPAN { display: block; float: right; border: 1px solid #CCC; margin-right: 25px; min-width: 146px; }
.EditMaterial SPAN IMG { display: block; }
.uploadImgAsp {  
	display: block;
	border: 1px solid #333;
	border-radius: 4px;
	margin: 7px 0; padding: 5px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}
.saveShowMaterial {  
	display: block;
	border: 1px solid #333;
	border-radius: 4px;
	margin: 7px 0; padding: 5px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}
.closeShowMaterial {
	display: block;
	border: 1px solid #333;
	border-radius: 4px;
	margin: 7px 0; padding: 5px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}