.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

.col { float: left; }

ul.templates { list-style-type: none; padding: 0px; margin: 5px; text-align: center; }
ul.templates img { border: none; }
ul.templates li.currentTemplate { background: #FF9; }
ul.templates li.filtered { display: none; }
ul.templates li { display: inline; width: 179px; border: 1px solid #ccc; float: left; margin: 4px 15px 20px 0px; padding: 2px; }
ul.templates li p { padding: 2px; margin-bottom: 2px; font-weight: bold; }
ul.templates li span.tags { display: none; }
ul.templates li div { background: #ddd; border: 1px solid #ccc; height: 150px; margin: 0px 0px 3px; }
ul.templates li table { padding: 0; margin: 4px; border-collapse: collapse; width: 100%; }
ul.templates li table tr td.key { width: 45%; font-weight: bold; }
ul.templates li table tr td.value { width: 55%; }

div.browse { padding: 5px; background: #eee; text-align: right; }
p.noResults { text-align: center; font-size: 30px; font-family: Arial,'Trebuchet MS'; color: #999; margin: 50px 0px; display: none; }

#currentTemplate { margin: 0px 0px 50px; }
#currentTemplate img { border: none; }

#currentTemplate ul { list-style-type: none; margin: 0px 0px 0px 50px; padding: 0px; }
#currentTemplate li { margin: 0px 0px 10px; }

a.button:link,
a.button:visited,
a.button:hover { width: 210px; height: 41px; text-align: center; display: inline-block; text-decoration: none; font-family: "Trebuchet MS", Helvetica; font-size: 18px; line-height: 41px; color: #666; }
a.button:hover { color: #000; }

a.preview img { border: 2px solid #ccc; }

#confirmSkinDialog span.selectedSkin { font-weight: bold; }
#confirmSkinDialog ul { list-style-type: none; padding: 10px; margin: 0; }
#confirmSkinDialog ul li { margin: 10px 0; }
#confirmSkinDialog p.note { font-size: 11px; text-align: right; }