/**********************
*
*	Overlay
*
**********************/

.pageOverLay
{
	display					: block;
	position				: absolute;
	top						: 0%;
	left					: 0%;
	width					: 100%;
	height					: 100%;
	background-color		: white;
	z-index					: 1000;
	opacity					: .20;
	filter					: alpha(opacity=20);
}

.pageOverLayNoOpacity
{
	display					: block;
	position				: absolute;
	top						: 0%;
	left					: 0%;
	width					: 100%;
	height					: 100%;
	background-color		: Transparent;
	z-index					: 1000;
}

.dialogOverView
{
	display					: block;	
	position				: absolute;
	top						: 18%;
	left					: 35%;
	width					: 60%;
	height					: 60%;
	z-index					: 1001;
}

/**********************
*
*	Dialog
*
**********************/

.dialog 
{
	position			: relative;
	margin				: 0px auto;
	min-width			: 3em;
	color				: #000;
	z-index				: 1;
	margin-left			: 12px;
	margin-bottom		: 0.5em; 
}

.dialog.overlay
{
	max-width			: 450px;
}


.dialog.right
{
	width				: 260px;
}

.dialog.menu
{
	width				: 190px;
}

.dialog .content, .dialog .t, .dialog .b, .dialog .b div
{
	background:transparent url(../images/Dialog/dialogBoxLarge.png) no-repeat top right;
}

.bodyContent
{
	height: 155px;
	overflow-y: auto;	
	overflow-x:hidden;
	width: 247px;
}

.bodyContentLarge
{
	height: 379px;
	overflow-y: auto;	
	overflow-x:hidden;
}

.menuContent
{
	height							: 225px;
	overflow-y						: auto;	
	overflow-x						: hidden;
	border-bottom					: 1px solid #020276;
	!margin-left					: -20px;
	!margin-top						: -20px;		
	background						: transparent url(../images/bg.png) repeat-x top left;
}

.menuContentSmall
{
	height: 160px;
	overflow-y: auto;	
	overflow-x:hidden;
	padding-top: 12px;	
}

.registerContent
{
	height: 400px;
	overflow-y: auto;	
	overflow-x:hidden;
	padding-top: 12px;	
}
.dialog .content 
{
	position:relative;
	padding:0px 12px 0px 0px;
}

.homeDialog
{
	height				: 370px;
	!height				: 390px;
	overflow-y			: auto;	
	overflow-x			: hidden;

}

.productListContent
{
	height: 367px;
	overflow-y: auto;	
	overflow-x:hidden;
	padding-top: 12px;	
}

.dialog .t 
{
	position:absolute;
	left:0px;
	top:0px;
	width:12px; 
	margin-left:-12px;
	height:100%;
	background-position:top left;
}

.dialog .b 
{
	position:relative;
	width:100%;
}

.dialog .b, .dialog .b div 
{
	height:30px; /* height of bottom cap/shade */
	font-size:1px;
}

.dialog .b 
{
	background-position		: bottom right;
}

.dialog .b div 
{
	position				: relative;
	width					: 12px;
	margin-left				: -12px;
	background-position		: bottom left;
}