/* -------------- CLEARFIXES -------------- */

.clearfix:after padding
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.clearfix-left:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix-left {
	display: inline-block;
}
 
html[xmlns] .clearfix-left {
	display: block;
}
 
* html .clearfix-left {
	height: 1%;
}


/* -------------- COMMON HTML STYLES -------------- */

.left {
	float: left;
}

img.left {
	float: left;
	margin: 0 2em 2em 0;
}

.right {
	float: right;
}

img.right {
	float: right;
	margin: 0 0 2em 2em;
}

.clear {
	clear: both;
}

.noborder {
	border: none !important;
}

.nomargin {
	margin: 0 !important;
}

.nomargin-left {
	margin-left: 0 !important;
}

.nomargin-right {
	margin-right: 0 !important;
}

.nomargin-top {
	margin-top: 0 !important;
}

.nomargin-bottom {
	margin-bottom: 0 !important;
}

.nopadding {
	padding: 0 !important;
}

.nopadding-left {
	padding-left: 0 !important;
}

.nopadding-right {
	padding-right: 0 !important;
}

.nopadding-top {
	padding-top: 0 !important;
}

.nopadding-bottom {
	padding-bottom: 0 !important;
}

.hide {
  display: none;
}