/** install.css */

	
	p.continue 		{ margin: 0 0 40px 0; }
	strong 			{ color: #FF924F; }
	
	.buttons { margin: 0 0 12px 12px; float: right; }
	a.button { display: inline-block; float: none; }
	
	.center { text-align: center; }

	.lowerContent h2 	{ color: #aaa; font-size: 1.2em; margin: 1em 0 .5em; }
	.lowerContent.split {
		background: url(../../../images/installer/goldenRatioBg.jpg) 0 0 repeat-y;
		padding: 0;
		width: 880px;
		}
	
	.half { float: left; width: 48%; }
	
	
/**
 * Install Pages
 * ========================================================================== */
		
	.leftColumn 	{ float: left; padding: 10px; width: 315px; }
	.rightColumn 	{ float: right; padding: 10px 10px 10px 20px; width: 515px; }
	
	.leftColumn a.downloadBtn {
		background: url(../../../images/installer/downloadNow.png) no-repeat 0 0;
		color: #fff;
		display: inline-block;
		height: 160px; width: 299px;
		margin: 2em 0 0 8px;
		text-align: right;
		text-decoration: none;
		}
	.leftColumn a.downloadBtn:hover {
		background-position: -299px 0;
		color: #000;
		}
	.leftColumn a.downloadBtn span.dl {
		display: inline-block;
		font-size: 1.75em;
		margin: 35px 15px 0 0; padding: 0;
		font-weight: bold;
		}
	.leftColumn a.downloadBtn span.dlLower {
		display: inline-block;
		margin: 0 30px 0 0;  padding: 0;
		font-size: .7em;
		font-weight: bold;
		}
		
	.info { color: #333; margin: 0; padding: .5em; }
	
	.statusMsg {
		background-color: #f2f2f2;
		border: 2px solid #666;
		color: #333;
		font-size: 12pt;
		height:100px;
		margin: 5px; padding: 10px;
		text-align: center;
		}
	.statusMsg h1 	{ margin-top: 10px; }
	.statusMsg a 	{ color: #333; }
	
	.installInstructions 		{ margin: auto; font-size: 12pt; text-align: left; }
	.installInstructions img 	{ margin: 0 auto 20px; }
	.installInstructions p 		{ margin: 10px auto; }
	.installInstructions ul 	{ list-style: none; margin: 0; padding: 0; }
	.installInstructions ul li 	{ margin: 10px 0 0 10px; padding: 0; }
	.installInstructions strong { font-size: 1.2em; }
	
	.allow_demo { text-align: center; margin: 1em 0; }
	.allow_demo p { text-align: left; }
	
/**
 * Test Pages
 * ========================================================================== */
	
	.greyBox,
	.test 				{ background: #eee; border: 1px solid #ddd; margin: .3em 0; padding: 1em; }
	.test img 			{ vertical-align: middle; }
	.test .status 		{ margin: -40px 0 1em 60px; }
	
	.browsers 			{ margin: 2em 0 0; text-align: center; }
	.browsers img 		{ margin: 0 2em; }
	
	.pianosContainer 	{ margin: 0 auto; padding: 0; width: 650px; }
	.pianosContainer .testImageContainer { 
		background: #fff;
		border: 1px #888 solid;
		display: inline-block;
		margin: 0 10px; padding: 0;
		overflow: hidden;
		width: 300px;
		vertical-align: top;
		}
	.pianosContainer .testImageContainer h4 { 
		background: #888;
		color: #FFF;
		font-size: 16px;
		padding: 2px 0;
		text-align: center;
		width: 100%;
		}
	.pianosContainer .testImage { 
		margin: 0; padding: 0; 
		height: 200px; width: 300px;
		text-align: center;
		overflow: hidden;
		}
	.pianosContainer .testImage .info 			{ padding: 0 .5em; text-align: left; } 
	.pianosContainer .testImage .install 		{ margin: 40px 0 ; } 
	.pianosContainer .testImage .loadingImage 	{ margin: 45px auto 20px auto; display: block; }
	
	#plugin_update { margin-top: 2em; }
	
	.end { text-align: right; }
	.end a { margin: 5px; } 

/**
 * the new Try page
 */
 
	#steps 	{ 
		background-color: #eee;
		font-size: 24px;
		margin: 0 10px 16px; 
		font-weight: bold; 
		padding: 10px;
		}
	#steps .step 	{ color: #999; }
	#steps a 		{ color: #444; text-decoration: none; }
	#steps a:hover 	{ color: #FF924F; }
	#steps .active 	{ color: #FF924F; }
	#steps .spacer 	{ color: #ccc; margin: .5em; }
	
	.openRoom {
		background: #f3f3f3;
		border: 1px solid #ddd;
		float: left;
		width: 280px;
		text-align: center;
		margin: 20px; padding: 0 10px 10px;
		}
	.openRoom h2 			{ text-align: left; }
	.openRoom .description 	{ text-align: left; }
	.openRoom .snapshot 	{ margin: 10px auto; height: 200px; width: 260px; }