.list ul {
	margin: 0;
	padding: 5px;
	border: 1px solid #afafaf;
	width: 100%;
	height: 500px;
}

.list ul > li {
	float: left;
	list-style-type: none;
	width: 136px;
	min-height: 173px;
	text-align: center;
	cursor: pointer;
}

.list ul > li > .stackHoverTop { 
	height: 12px;
}

.list ul > li > .stackHoverMiddle > .stackPreview {
	border: 1px solid #afafaf;
	width: 113px;
	height: 113px;
	display: block;
	margin: 2px auto;
	margin-top: 0px;
	background-color: white;
	background-repeat: no-repeat;
	background-position: center center;
}
						
.list ul > li > .stackHoverBottom {
	height: 12px;
}

.list ul > li:hover > .stackHoverTop { 
	height: 12px;
	background: transparent url('http://static.tilestack.com/img/ui-stack-selected-top.png') 0px 0px no-repeat;
}

.list ul > li:hover > .stackHoverMiddle {
	background: transparent url('http://static.tilestack.com/img/ui-stack-selected-middle.png') 0px 0px repeat-y;
}

.list ul > li:hover > .stackHoverMiddle > .stackName {
	font-weight: bold;
}

.list ul > li:hover > .stackHoverBottom {
	height: 12px; 
	background: transparent url('http://static.tilestack.com/img/ui-stack-selected-bottom.png') 0px 0px no-repeat;
}

.list ul > li > .stackHoverTopOn { background: transparent url('http://static.tilestack.com/img/ui-stack-selected-on-top.png') 0px 0px no-repeat; }
.list ul > li > .stackHoverMiddleOn { background: transparent url('http://static.tilestack.com/img/ui-stack-selected-on-middle.png') 0px 0px repeat-y; }
.list ul > li > .stackHoverMiddleOn > .stackName { font-weight: bold; }
.list ul > li > .stackHoverBottomOn { background: transparent url('http://static.tilestack.com/img/ui-stack-selected-on-bottom.png') 0px 0px no-repeat; }

/* Dialog Style */
#dialog_TemplatePreview .dialog_window_popup_table {
	width: 734px;
}

#dialog_TemplatePreview .dialog_window_popup_actions {
	width: 100%;
}

#dialog_TemplatePreview .actionPreview, #dialog_TemplatePreview .actionExitPreview {
	float: left;
}

.templateDetails, .templateLivePreview {
	height: 300px;
	width: 700px;
	margin: 0 auto;
}
.templateInfo {
	display: block;
	width: 29%;
	float: right;
}
.templatePreview {
	background-repeat: no-repeat;
	display: block;
	float: left;
	width: 70%;
	height: 300px;
}
.templateInfo > h3 {
	font-weight:bold;
}
.templateInfo > .stats {
	font-size: 93%;
	font-weight: bold;
	color: #666666;
	margin-bottom: 7px;
}
.templateInfo > .stats > a {
	font-size: 93%;
	font-weight: bold;
}
.templateInfo > .description {
	font-size: 93%;
	padding-bottom: 10px;
	min-height: 60px;
}