/**
* Undo standard HTML
*/
a img { border: 0; }
form, p, div, span, body, html, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
table { border-spacing: 0; }
:focus {-moz-outline-style: none;}
ul { list-style-type: disc; margin: 2px 0 2px 15px; padding: 0; }
ul li { list-style-type: disc; padding: 0; }
ol { list-style-type: decimal; margin: 2px 0 2px 25px; #margin: 2px 0 2px 27px; padding: 0; }
ol li { list-style-type: decimal; padding: 0; }

/**
* Standard HTML tag
*/
html
{
	height: 100%;
}
body
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
}
a 
{
	color: #000000;
	text-decoration: none;
}
h1
{
	line-height: 18px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.clear
{
	clear: both;
}

/**
* Website Structure
*/
#canvas
{
	position: absolute;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#header
{
}
#content
{
}
#footer
{
}

#daasen2011
{
	width: 482px;
	background: url(image/daasen2011/body.bg.jpg);
	padding: 20px 19px 0 19px;
	font-family: Helvetica, Arial, sans-serif;
}
	#daasen2011 .button,
	#daasen2011 .qq-upload-button,
	#daasen2011 .qq-upload-drop-area
	{
		width: 162px;
		height: 32px;
		overflow: hidden;
		line-height: 30px;
		padding: 0 10px;
		display: block;
		color: #fff;
		text-shadow: 1px 0 1px #000;
		margin: 0 0 5px;
		font-size: 12px;
	}
		#daasen2011 .button-red,
		#daasen2011 .qq-upload-drop-area
		{
			background: url(image/daasen2011/btn.red.png);
		}
		#daasen2011 .button-gray,
		#daasen2011 .qq-upload-button
		{
			background: url(image/daasen2011/btn.gray.png);
		}
	#daasen2011 .main
	{
		background: url(image/daasen2011/main.bg.jpg);
		height: 782px;
		width: 442px;
		padding: 100px 20px 0 20px;
	}
	#daasen2011 .footer
	{
		padding: 23px 0 28px;
	}
	#daasen2011 .info
	{
		width: 230px;
		height: 380px;
	}
		#daasen2011 .info h1
		{
			font-size: 16px;
			font-weight: bold;
			line-height: 19px;
			text-transform: uppercase;
		}
		#daasen2011 .info p
		{
			font-size: 12px;
			font-weight: bold;
			line-height: 18px;
			margin: 18px 0;
		}
	
	#daasen2011 h1.special
	{
		color: #acacac;
		font-size: 12px;
		text-transform: uppercase;
	}
	
	#daasen2011 #polaroids h1
	{
		font-size: 16px;
		font-weight: bold;
		line-height: 19px;
		text-transform: uppercase;
	}
		
	#daasen2011 #polaroids #polaroidHover
	{
		width: 114px;
		height: 134px;
		position: absolute;
		top: 510px;
		left: 105px;
		background: url(image/daasen2011/polaroid.hover.png);
		padding: 9px 0 0 8px;
		display: none;
	}
		#daasen2011 #polaroids #polaroidHover .image
		{
			width: 106px;
			height: 106px;
			overflow: hidden;
		}
		#daasen2011 #polaroids #polaroidHover .title
		{
			color: #5f5f5f;
			text-transform: uppercase;
			line-height: 1em;
			padding: 2px 0 0;
		}
	
	#daasen2011 #polaroids ul,
	#daasen2011 #polaroids ul li
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#daasen2011 #polaroids ul.polaroids
	{
		margin: 20px 0 0;
	}
		#daasen2011 #polaroids ul.polaroids li
		{
			float: left;
			width: 61px;
			height: 77px;
			background: url(image/daasen2011/polaroid.png);
			padding: 5px 4px 0;
			margin: 0 24px 24px 0;
		}
			#daasen2011 #polaroids ul.polaroids li.fifth
			{
				margin-right: 0;
			}
			#daasen2011 #polaroids ul.polaroids li .image
			{
				width: 61px;
				height: 61px;
				overflow: hidden;
			}
				#daasen2011 #polaroids ul.polaroids li .image img
				{
					width: 61px;
					height: 61px;
				}
	#daasen2011 #polaroids ul.pagination
	{
		text-align: right;
	}
		#daasen2011 #polaroids ul.pagination li
		{
			width: 33px;
			height: 30px;
			margin: 0 0 0 1px;
			display: inline-block;
			text-align: center;
			line-height: 29px;
			font-size: 11px;
			font-weight: bold;
		}
			#daasen2011 #polaroids ul.pagination li a
			{
				display: block;
				width: 33px;
				height: 30px;
			}
		#daasen2011 #polaroids ul.pagination li.prev a
		{
			background: url(image/daasen2011/pagination.prev.png);
		}
		#daasen2011 #polaroids ul.pagination li.prev a:hover
		{
			background-position: bottom left;
		}
		#daasen2011 #polaroids ul.pagination li.next a
		{
			background: url(image/daasen2011/pagination.next.png);
		}
		#daasen2011 #polaroids ul.pagination li.next a:hover
		{
			background-position: bottom left;
		}
		#daasen2011 #polaroids ul.pagination li.prev,
		#daasen2011 #polaroids ul.pagination li.next
		{
			text-indent: -3000px;
		}
		#daasen2011 #polaroids ul.pagination li.page a
		{
			background: url(image/daasen2011/pagination.btn.png);
			color: #e3e0d8;
		}
		#daasen2011 #polaroids ul.pagination li.page a:hover,
		#daasen2011 #polaroids ul.pagination li.active a
		{
			background: url(image/daasen2011/pagination.active.png);
			color: #f2f2f2;
		}
		
#daasen2011 #overlay
{
	width: 520px;
	height: 1072px;
	background: url(image/daasen2011/popover.overlay.png);
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
#daasen2011 #popover
{
	position: absolute;
	top: 38px;
	left: 19px;
	width: 482px;
	height: 642px;
	overflow: hidden;
	background: url(image/daasen2011/popover.bg.png);
	display: none;
}
	#daasen2011 #popover .step
	{
		display: none;
		padding: 85px 30px;
	}
	#daasen2011 #popover #step1
	{
		display: block;
	}
	#daasen2011 #popover .progressBar
	{
		background: url(image/daasen2011/progressBar.png);
		width: 416px;
		height: 27px;
	}
		#daasen2011 #popover .progressBarStep1
		{
			background-position: 0 left;
		}
		#daasen2011 #popover .progressBarStep2
		{
			background-position: -27px left;
		}
		#daasen2011 #popover .progressBarStep3
		{
			background-position: -54px left;
		}
		#daasen2011 #popover .progressBarStep4
		{
			background-position: -81px left;
		}
	#daasen2011 #popover ul.progressBar,
	#daasen2011 #popover ul.progressBar li
	{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		#daasen2011 #popover ul.progressBar li
		{
			float: left;
			width: 92px;
			height: 27px;
			line-height: 24px;
			text-align: center;
			padding: 0 0 0 10px;
			color: #cacaca;
			text-shadow: 1px 0 1px #000;
		}
		#daasen2011 #popover ul.progressBar li.first
		{
			width: 102px;
			padding: 0;
		}
		#daasen2011 #popover ul.progressBar li.active
		{
			color: #f5f2eb;
		}
	#daasen2011 #popover h2
	{
		font-size: 12px;
		font-weight: bold;
		color: #2e2e2e;
		margin: 50px 0 10px;
	}
	#daasen2011 #popover .highlighted
	{
		background: url(image/daasen2011/popover.highlight.png);
		position: relative;
	}
		#daasen2011 #popover .highlighted.loading
		{
			height: 290px;
		}
		#daasen2011 #popover .highlighted .loader
		{
			width: 16px;
			height: 16px;
			background: url(image/daasen2011/loader.gif);
			overflow: hidden;
			position: absolute;
			top: 137px;
			left: 203px;
		}
	#daasen2011 #popover .button,
	#daasen2011 .qq-upload-button
	{
		background: url(image/daasen2011/popover.btn.png);
		width: 162px;
		height: 32px;
		overflow: hidden;
		line-height: 32px;
		padding: 0 10px;
		display: inline-block;
		text-align: left;
	}
	#daasen2011 .qq-upload-drop-area
	{
		overflow: hidden;
		line-height: 32px;
		padding: 0 10px;
		display: inline-block;
		text-align: left;
		margin: 0 auto 5px auto;
	}
	#daasen2011 .qq-upload-list,
	#daasen2011 .qq-upload-list li
	{
		list-style-type: none;
	}
	#daasen2011 .qq-upload-list li *
	{
		display: none !important;
	}
	#daasen2011 .qq-upload-list li span.qq-upload-file
	{
		display: inline !important;
	}
	#daasen2011 .qq-upload-list li span.qq-upload-spinner
	{
		display: inline-block !important;
		background: url(image/daasen2011/loader.gif) top right no-repeat;
		width: 24px; 
		height: 16px;
		vertical-align: text-bottom;
	}
	#daasen2011 #popover ul.imageList,
	#daasen2011 #popover ul.imageList li
	{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#daasen2011 #popover ul.imageList
	{
		background: #fff;
		height: 285px;
		overflow-y: auto;
		padding: 3px;
	}
		#daasen2011 #popover ul.imageList li
		{
			display: inline-block;
			margin: 2px;
			width: 120px;
			cursor: pointer;
		}
			#daasen2011 #popover ul.imageList li .image
			{
				width: 120px;
				height: 120px;
				text-align: center;
				overflow: hidden;
			}
				#daasen2011 #popover ul.imageList li .image img
				{
					max-width: 120px;
				}
			#daasen2011 #popover ul.imageList li .image.loading
			{
				background: url(image/daasen2011/loader.white.gif) center center no-repeat;
			}
			#daasen2011 #popover ul.imageList li .title
			{
				width: 120px;
				height: 2em;
				overflow: hidden;
			}
	
	#daasen2011 .ui-slider
	{
		width: 141px;
		height: 11px;
		background: url(image/daasen2011/slider.bg.gif);
		padding: 0 30px;
	}
		#daasen2011 .ui-slider .ui-slider-handle
		{
			width: 60px;
			height: 11px;
			background: url(image/daasen2011/slider.handle.png);
			display: block;
			overflow: hidden;
			position: relative;
			margin: 0 0 0 -30px;
		}
	
	#daasen2011 #popover a.button.forward
	{
		position: absolute;
		bottom: 26px;
		right: 30px;
	}
	
	#daasen2011 #popover #step1 .highlighted
	{
		margin: 63px 0 0;
		text-align: center;
		padding: 46px 0;
	}
	#daasen2011 #popover #step3 .highlighted
	{
		width: 220px;
		height: 201px;
		padding: 20px 22px;
		margin: 0 auto;
		position: static;
	}
		#daasen2011 #popover #step3 .highlighted #zoomImageContainer
		{
			width: 220px;
			height: 201px;
			overflow: hidden;
		}
	#daasen2011 #popover #step3 .sliderContainer
	{
		width: 201px;
		margin: 26px auto 0;
		position: relative;
	}
		#daasen2011 #popover #step3 .sliderContainer .plus,
		#daasen2011 #popover #step3 .sliderContainer .minus
		{
			position: absolute;
			top: -3px;
			font-size: 19px;
		}
		#daasen2011 #popover #step3 .sliderContainer .plus
		{
			right: -20px;
		}
		#daasen2011 #popover #step3 .sliderContainer .minus
		{
			left: -20px;
		}
	#daasen2011 #popover #step3 h1.special
	{
		text-align: center;
		margin: 17px 0 0;
	}
	
	#daasen2011 #popover #step4 .highlighted
	{
		padding: 30px 60px;
	}
	
	#daasen2011 #popover #step4 input[type=text]
	{
		background: #2e2f2f;
		width: 280px;
		height: 30px;
		padding: 0 10px;
		line-height: 30px;
		color: #e7e7e7;
		margin: 0 auto;
		border: 0;
	}
	
	#daasen2011 #popover #step4 .terms
	{
		padding: 20px 60px;
	}
		#daasen2011 #popover #step4 .terms input
		{
			float: left;
		}
		#daasen2011 #popover #step4 .terms span.label
		{
			float: left;
			display: inline-block;
			width: 270px;
			font-size: 12px;
			font-weight: bold;
			color: #2e2f2f;
			padding: 3px 0 0 3px;
			line-height: 15px;
		}
			#daasen2011 #popover #step4 .terms span.label a
			{
				color: #b2180b;
			}
	
	#daasen2011 #popover #step4 #step4Terms
	{
		display: none;
	}
		#daasen2011 #popover #step4 #step4Terms .highlighted
		{
			font-size: 12px;
			font-weight: bold;
			line-height: 16px;
		}