<snippet>
	<content><![CDATA[
/*TABLES*/

${0:table.bordered} {
	max-width: 100%;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin-bottom: 18px;
}

${0:table.bordered} {
	border: 1px solid #dddddd;
	border-collapse: separate;
	*border-collapse: collapsed;
	border-left: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

${0:table.bordered} caption + thead tr:first-child th,
${0:table.bordered} caption + tbody tr:first-child th,
${0:table.bordered} caption + tbody tr:first-child td,
${0:table.bordered} colgroup + thead tr:first-child th,
${0:table.bordered} colgroup + tbody tr:first-child th,
${0:table.bordered} colgroup + tbody tr:first-child td,
${0:table.bordered} thead:first-child tr:first-child th,
${0:table.bordered} tbody:first-child tr:first-child th,
${0:table.bordered} tbody:first-child tr:first-child td { border-top: 0; }

${0:table.bordered} caption + thead tr:first-child th,
${0:table.bordered} caption + thead tr:first-child td,
${0:table.bordered} colgroup + thead tr:first-child th,
${0:table.bordered} colgroup + thead tr:first-child td,
${0:table.bordered} thead:first-child tr:first-child th,
${0:table.bordered} thead:first-child tr:first-child td { border-top: 0; }

${0:table.bordered} tbody + tbody { border-top: 2px solid #dddddd; }

${0:table.bordered} tbody tr:hover td,
${0:table.bordered} tbody tr:hover th { background-color: #f5f5f5; }

${0:table.bordered} tbody tr:nth-child(odd) td,
${0:table.bordered} tbody tr:nth-child(odd) th { background-color: #f9f9f9; }

${0:table.bordered} th { font-weight: bold; }

${0:table.bordered} th,
${0:table.bordered} td {
	padding: 8px;
	line-height: 18px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #dddddd;
}

${0:table.bordered} th,
${0:table.bordered} td { border-left: 1px solid #dddddd; }

${0:table.bordered} thead th { vertical-align: bottom; }

${0:table.bordered} thead:first-child tr:first-child th:first-child,
${0:table.bordered} tbody:first-child tr:first-child td:first-child {
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
}

${0:table.bordered} thead:first-child tr:first-child th:last-child,
${0:table.bordered} tbody:first-child tr:first-child td:last-child {
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
}

${0:table.bordered} thead:last-child tr:last-child th:first-child,
${0:table.bordered} tbody:last-child tr:last-child td:first-child {
	-webkit-border-radius: 0 0 0 4px;
	-moz-border-radius: 0 0 0 4px;
	border-radius: 0 0 0 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
}

${0:table.bordered} thead:last-child tr:last-child th:last-child,
${0:table.bordered} tbody:last-child tr:last-child td:last-child {
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
}

${0:table.bordered} th,
${0:table.bordered} td { padding: 4px 5px; }


${0:table.bordered}.character {
	border: none !important;
	padding: 0 !important;
	background: #fff !important;
	}
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>tablestyle</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.css</scope>
</snippet>
