/* stylesheet for wizard */

/* ************ Wizard main structure ***************/
.wizard-container { margin:0px 7px 10px; }
.wizard-stage /* this is a collection of steps - i.e. "your details" or "Panel" etc... */
{ 
	margin-left:30px; 
	padding-top:20px;
} 
.wizard-stage .styling-clear-left { margin-bottom:10px; }
.wizard-stage-continue 
{ 
	float:right;
	margin-top:40px;
	display:none;
}
/* ///////////// Wizard main structure ///////////// */


/* ************ Wizard tabs ***************/
#wizard-tabs 
{ 
	margin-bottom:3px;
	padding-left:12px;
	background:url(/assets/visual/wizard/page-tabs-background.jpg) bottom left no-repeat;
}
#wizard-tabs ul { margin-bottom:0px; }
#wizard-tabs ul li 
{ 
	height:31px;
	background-position:0px -245px; /* default set to inactive tab */
	line-height:31px;
} 
#wizard-tabs ul li a 
{ 
	border:0px; 
	color:#A2A2A2;
}
#wizard-tabs ul li.tab-complete { background-position:0px -183px; }
	#wizard-tabs ul li.tab-complete a { color:#DFF1BD; }
#wizard-tabs ul li.tab-active { background-position:0px -214px; }
	#wizard-tabs ul li.tab-active a { color:#2A3436; }
/* ///////////// Wizard tabs ///////////// */


/* ************ Wizard steps ***************/
.wizard-step-container
{
	position:relative;
	width:504px;
	margin-bottom:15px;
	border:1px solid #999999;
}
.wizard-step-top 
{ 
	position:absolute; 
	top:-1px;
	left:-1px;
	width:506px;
	height:32px;
	background:url(/assets/visual/wizard/wizard-step-background.jpg) top left no-repeat;
}
.wizard-step
{
	position:relative;
	margin:10px;
}
.wizard-step h3 { color:#30465B; }
.wizard-step h3 b { color:#F1740A; }
.wizard-step .wizard-step-item { margin-left:15px; }
.wizard-step-item .styling-clear-left { margin-bottom:4px; }
.wizard-step .wizard-step-item h4
{
	clear:left;
	width:160px;
	padding-top:3px;
	margin-bottom:4px;
	font-size:1.1em;
	font-weight:bold;
}
.wizard-step .wizard-step-item h4, .wizard-step .wizard-step-item div.user-input
{ 
	float:left;
}
.wizard-step .wizard-step-item input.text { width:280px; }
.wizard-step .wizard-step-item input.number 
{ 
	width:100px;
	margin-bottom:2px;
}
.wizard-step .wizard-step-item div textarea 
{ 
	width:440px;
	height:120px;
}
.wizard-step .wizard-step-item div.action-message { display:block; }
/* ///////////// Wizard steps ///////////// */


/* ************ Wizard selections ***************/
.site-main-content-right #wizard-order-details /* Overrides .static-content css */
{ 
	padding:10px 30px;
	text-align:left;
	background:url(/assets/visual/clipboard.jpg) 95% 5px no-repeat;
}
.site-main-content-right #wizard-order-details h1 { margin-top:10px; }
#wizard-order-details .wizard-selections-total 
{
	margin:35px 0px 10px;
	padding:13px 10px;
	border:1px solid #525252;
	background-color:#2D3236;
	color:#CBCCCE;
	font-size:1.3em;
}
#wizard-order-details .wizard-selections-total div, #wizard-order-details .wizard-selections-total i 
{ 
	float:left; 
	margin-right:3px;
	font-style:normal;
}
#wizard-order-details .wizard-selections-total div.total 
{ 
	color:#8EA1B2; 
	font-weight:bold;
}

#wizard-order-details .wizard-selections-stage-details b 
{
	display:block;
	position:relative;
	margin-top:2px;
	padding:1px 3px;
	border:1px solid #333333;
	background-color:#222222;	
}
#wizard-order-details .wizard-selections-stage-details b input 
{ 
	position:absolute;
	top:0px;
	right:3px;
}

#wizard-order-details .wizard-selections-items-group 
{ 
	/*display:none; */
	padding:3px;
	background-color:#333333;
}
#wizard-order-details .wizard-selections-items-group .wizard-selections-item
{ 
	margin-bottom:4px;
}

#wizard-order-details .wizard-selections-item { color:#8EA1B2; }
#wizard-order-details .wizard-selections-item h4
{
	width:110px;
	margin:0px;
	color:#B19B6C;
}
#wizard-order-details .wizard-selections-item h4, #wizard-order-details .wizard-selections-item span
{ 
	float:left;
	font-size:1em;
	color:#CCCCCC;
}

/* ///////////// Wizard tabs ///////////// */



/* ************** Composite Door Wizard ************** */
.frame-TypeID, .frame-Type { display:none; }
.page-overlay
{
	position:fixed; 
	top:0px; 
	left:0px; 
	right:0px; 
	height:100%;
	display:none;
	background-color:#000000;
	text-align:center;
}
.wizard-frame-selection
{
	position:absolute;
	top:20px;
	width:800px;
	margin:0 auto;
	display:none;
	padding:5px;
	border:2px solid #AAAAAA;
	background-color:#FFFFFF;
	text-align:left;
}
.wizard-frame-selection td { padding:3px; }
.wizard-frame-selection .frame-item
{
	float:left;
	margin:7px;
	display:none;
	cursor:pointer;
}
.wizard-frame-selection .frame-item span { display:none; }
.wizard-frame-selection-close 
{ 
	position:absolute; 
	top:0px; 
	right:0px; 
}