/* generics element styles*/
body, html { height: 100%; margin: 0; padding: 0; text-align:center; }
div {	-moz-box-sizing: border-box; 	-webkit-box-sizing: border-box;	box-sizing: border-box; }
p,form { margin: 0; }
.w100 { width: 100%; }
.h100 { height: 100%; }
.b1 { border: 1px solid;}
.c { margin-left: auto; margin-right: auto; }
.fLeft { float: left; display: inline; }
.fRight { float: right; display: inline; }
.hidden { display: none; }

.clrfix {	clear:both;	height:0;	margin:0;	line-height:0; font-size:1px; }

/* generic text styles */ 
.b {	font-weight: bold; }
.nb {	font-weight: normal; }
.nu { text-decoration: none; }
.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }
.j { text-align: justify; }

/* margins */
.mTop1px	{ margin-top: 1px; }
.mTop2px	{ margin-top: 2px; }
.mTop4px	{ margin-top: 4px; }
.mTop8px	{ margin-top: 8px; }
.mTop12px	{ margin-top: 12px; }

.mLeft1px	{ margin-left: 1px; }
.mLeft2px	{ margin-left: 2px; }
.mLeft4px	{ margin-left: 4px; }
.mLeft8px	{ margin-left: 8px; }
.mLeft12px{ margin-left: 12px; }

.mBottom1px { margin-bottom: 1px; }
.mBottom2px { margin-bottom: 2px; }
.mBottom4px { margin-bottom: 4px; }
.mBottom8px { margin-bottom: 8px; }
.mBottom12px{ margin-bottom: 12px; }

.mRight1px { margin-right: 1px; }
.mRight2px { margin-right: 2px; }
.mRight4px { margin-right: 4px; }
.mRight8px { margin-right: 8px; }
.mRight12px{ margin-right: 12px; }

/* paddings */
.p5px 	{ padding: 5px; }
.p10px 	{ padding: 10px; }

/* generic font styles */
.f10px { font-size: 10px; line-height: 16px; }
.f11px { font-size: 11px; line-height: 17px; }
.f12px { font-size: 12px; line-height: 18px; }
.f13px { font-size: 13px; line-height: 19px; }
.f14px { font-size: 14px; line-height: 20px; }
.f15px { font-size: 15px; line-height: 21px; }
.f16px { font-size: 16px; line-height: 22px; }
.f18px { font-size: 18px; line-height: 24px; }
.f24px { font-size: 24px; line-height: 30px; }
.f32px { font-size: 32px; line-height: 38px; }

/* spacers */
.spacer10 { height: 10px; }