/* ****************************** */
/* FLOATS */
.cl-b, .clear							{clear: both;}
.cl-l 									{clear: left;}
.cl-r									{clear: right;}
.fl-l									{float: left;}
.fl-r									{float: right;}

/* ****************************** */
/* POSITIONING */
.pos-a, .abs							{position: absolute;}
.pos-r, .rel							{position: relative;}
.top									{top: 0;}
.bottom									{bottom: 0;}
.left									{left: 0;}
.right									{right: 0;}

/* ****************************** */
/* MARGIN AND PADDING */
.m-0, .nomargin							{margin: 0;}
.m-1									{margin: 1px;}
.m-2									{margin: 2px;}
.m-3									{margin: 3px;}
.m-4									{margin: 4px;}
.m-5									{margin: 5px;}
.m-10									{margin: 10px;}
.m-15									{margin: 15px;}
.m-20									{margin: 20px;}
.m-25									{margin: 25px;}
.m-30									{margin: 30px;}
.m-40									{margin: 40px;}
.m-50									{margin: 50px;}
.m-auto									{margin: 0 auto;}
.m-top-5								{margin-top: 5px;}
.m-top-10								{margin-top: 10px;}
.m-top-20								{margin-top: 20px;}
.m-top-30								{margin-top: 30px;}
.m-top-40								{margin-top: 40px;}
.m-top-50								{margin-top: 50px;}
.m-left-5								{margin-left: 5px;}
.m-left-10								{margin-left: 10px;}
.m-left-20								{margin-left: 20px;}
.m-left-30								{margin-left: 30px;}
.m-left-40								{margin-left: 40px;}
.m-left-50								{margin-left: 50px;}

.p-0, .nopadding						{padding: 0;}
.p-1									{padding: 1px;}
.p-2									{padding: 2px;}
.p-3									{padding: 3px;}
.p-4									{padding: 4px;}
.p-5									{padding: 5px;}
.p-10									{padding: 10px;}
.p-15									{padding: 15px;}
.p-20									{padding: 20px;}
.p-25									{padding: 25px;}
.p-30									{padding: 30px;}
.p-40									{padding: 40px;}
.p-50									{padding: 50px;}
.p-top-5								{padding-top: 5px;}
.p-top-10								{padding-top: 10px;}
.p-top-20								{padding-top: 20px;}
.p-top-30								{padding-top: 30px;}
.p-top-40								{padding-top: 40px;}
.p-top-50								{padding-top: 50px;}
.p-left-5								{padding-left: 5px;}
.p-left-10								{padding-left: 10px;}
.p-left-20								{padding-left: 20px;}
.p-left-30								{padding-left: 30px;}
.p-left-40								{padding-left: 40px;}
.p-left-50								{padding-left: 50px;}

/* ****************************** */
/* BACKGROUNDS */
.bg-ff									{background-color: #FFF;}
.bg-33									{background-color: #333;}
.bg-66									{background-color: #666;}
.bg-99									{background-color: #999;}
.bg-cc									{background-color: #CCC;}
.bg-00									{background-color: #000;}
.bg-r									{background-color: #FF0000;}
.bg-g									{background-color: #00FF00;}
.bg-b									{background-color: #0000FF;}
.bg-y									{background-color: #FFFF00;}
.bg-m									{background-color: #FF00FF; }

/* ****************************** */
/* BORDERS */
.b-none, .noborder						{border: none;}
.b-ff									{border: 1px solid #FFF;}
.b-33									{border: 1px solid #333;}
.b-66									{border: 1px solid #666;}
.b-99									{border: 1px solid #999;}
.b-cc									{border: 1px solid #CCC;}
.b-00									{border: 1px solid #000;}
.b-r									{border: 1px solid #FF0000;}
.b-g									{border: 1px solid #00FF00;}
.b-b									{border: 1px solid #0000FF;}
.b-y									{border: 1px solid #FFFF00;}
.b-m									{border: 1px solid #FF00FF;}

/* ****************************** */
/* COLORS */
.c-ff									{color: #FFF;}
.c-33									{color: #333;}
.c-66									{color: #666;}
.c-99									{color: #999;}
.c-cc									{color: #CCC;}
.c-00									{color: #000;}
.c-r									{color: #FF0000;}
.c-g									{color: #00FF00;}
.c-b									{color: #0000FF;}
.c-y									{color: #FFFF00;}
.c-m									{color: #FF00FF;}

/* ****************************** */
/* CURSORS */
.cur-p, .hand							{cursor: pointer;}
.cur-t									{cursor: text;}
.cur-h									{cursor: help;}
.cur-m									{cursor: move;}

/* ****************************** */
/* DISPLAY */
.d-n, .none								{display: none;}
.d-b, .block							{display: block;}
.d-i, .inline							{display: inline;}
.inline-block 							{display: inline-block;}

/* ****************************** */
/* FONTS */
.arial									{font-family: Arial;}
.calibri								{font-family: Calibri, Arial;}
.helvetica								{font-family: Helvetica, Arial;}
.tahoma									{font-family: Tahoma, Arial;}
.times									{font-family: "Times New Roman", Times, serif}
.verdana								{font-family: Verdana, Arial;}

.s-10									{font-size: 10px;}
.s-11									{font-size: 11px;}
.s-12									{font-size: 12px;}
.s-13									{font-size: 13px;}
.s-14									{font-size: 14px;}
.s-15									{font-size: 15px;}
.s-16									{font-size: 16px;}
.s-17									{font-size: 17px;}
.s-18									{font-size: 18px;}
.s-19									{font-size: 19px;}
.s-20									{font-size: 20px;}

.bold									{font-weight: bold;}
.italic									{font-style: italic;}

/* ****************************** */
/* HEIGHT */
.h-10									{height: 10px;}
.h-20									{height: 20px;}
.h-30									{height: 30px;}
.h-40									{height: 40px;}
.h-50									{height: 50px;}
.h-60									{height: 60px;}
.h-70									{height: 70px;}
.h-80									{height: 80px;}
.h-90									{height: 90px;}
.h-100									{height: 100px;}
.h-150									{height: 150px;}
.h-200									{height: 200px;}
.h-250									{height: 250px;}
.h-300									{height: 300px;}
.h-400									{height: 400px;}
.h-500									{height: 500px;}
.h-600									{height: 600px;}
.h-700									{height: 700px;}
.h-800									{height: 800px;}
.h-900									{height: 900px;}
.h-1000									{height: 1000px;}

.h-256									{height: 256px;}
.h-512									{height: 512px;}
.h-768									{height: 768px;}
.h-1024									{height: 1024px;}

/* ****************************** */
/* LISTS */
ls-n, .nolist							{list-style: none;}

/* ****************************** */
/* OVERFLOW */
.o-a, .flow-a							{overflow: auto;}
.o-h, .flow-h							{overflow: hidden;}
.o-s, .flow-s							{overflow: scroll;}
.o-v, .flow-v							{overflow: visible;}

/* ****************************** */
/* TEXTS */
.ta-c, .txt-center						{text-align: center;}
.ta-l, .txt-left						{text-align: left;}
.ta-r, .txt-right						{text-align: right;}
.td-b, .blink							{text-decoration: blink;}
.td-l, .line-through					{text-decoration: line-through;}
.td-n, .nodec							{text-decoration: none;}
.td-o, .overline						{text-decoration: overline;}
.td-u, .underline						{text-decoration: underline;}
.tt-c, .capitalize						{text-transform: capitalize;}
.tt-l, .lowercase						{text-transform: lowercase;}
.tt-u, .uppercase						{text-transform: uppercase;}

/* ****************************** */
/* VISIBILITY */
.v-h, .hidden							{visibility: hidden;}
.v-v, .visible							{visibility: visible;}

/* ****************************** */
/* WIDTH */
.w-10									{width: 10px;}
.w-20									{width: 20px;}
.w-30									{width: 30px;}
.w-40									{width: 40px;}
.w-50									{width: 50px;}
.w-60									{width: 60px;}
.w-70									{width: 70px;}
.w-80									{width: 80px;}
.w-90									{width: 90px;}
.w-100									{width: 100px;}
.w-150									{width: 150px;}
.w-200									{width: 200px;}
.w-225									{width: 225px;}
.w-250									{width: 250px;}
.w-300									{width: 300px;}
.w-400									{width: 400px;}
.w-500									{width: 500px;}
.w-600									{width: 600px;}
.w-700									{width: 700px;}
.w-800									{width: 800px;}
.w-900									{width: 900px;}
.w-1000									{width: 1000px;}

.w-256									{width: 256px;}
.w-512									{width: 512px;}
.w-768									{width: 768px;}
.w-1024									{width: 1024px;}

/* ****************************** */
/* Z-INDEX */
.z-0									{z-index: 0;}
.z-1									{z-index: 1;}
.z-2									{z-index: 2;}
.z-3									{z-index: 3;}
.z-4									{z-index: 4;}
.z-5									{z-index: 5;}
.z-6									{z-index: 6;}
.z-7									{z-index: 7;}
.z-8									{z-index: 8;}
.z-9									{z-index: 9;}
.z-10									{z-index: 10;}