/* --------------------->   A L I G N  */
.clear { clear:both; }
.left  { float: left; }
.right { float: right; }

/* --------------------->   B U T T O N S   */
/* Default float for buttons is left */
.btn, .btn span { float: left; }
.btn.right, .btn.right span { float: right; }
/*
In order to use the btn class, you must define a sub class which contains
	- background-image,
	- height and
	- padding
	
Example:

.myBtn {
	background-image: url('../img/frm_head_btn_right.png');
	height: 22px;
	padding-right: 10px;
}
.myBtn span {
	background-image: url('../img/frm_head_btn_left.png');
	height: 18px;
	padding: 4px 0 0 10px;
}

*/
.btn {
	display: block;
	background-repeat: no-repeat;
	background-position: top right;
	cursor: pointer;
}
.btn span {
	display: block;
	background-repeat: no-repeat;
	background-position: top left;
	text-align: center;
}
.btn:hover { background-position: bottom right; }
.btn:hover span { background-position: bottom left; }
.btn span .ico {
	/* Place button icons into inner div, e.g. <a><span><div class="ico"></div>Caption</span></a> */
	float: right;
	width: 24px;
	height: 24px;
}

/* --------------------->   I C O N S   */
.ico, .ico-16, .ico-24, .ico-32, .ico-48, .ico-64, .ico-128 {
	background-repeat: no-repeat;
	background-position: center;
	float: left;
}
.ico, .ico-16  { width: 16px; height: 16px; }
.ico-24  { width: 24px; height: 24px; }
.ico-32  { width: 32px; height: 32px; }
.ico-48  { width: 48px; height: 48px; }
.ico-64  { width: 64px; height: 64px; }
.ico-128 { width: 128px; height: 128px; }

/* --------------------->   P A D D I N G   */
.center { margin-left: auto; margin-right: auto; }

/* --------------------->   P A D D I N G   */
.ptop-5, .vpad-5, .pad-5 { padding-top: 5px; }
.pbottom-5, .vpad-5, .pad-5 { padding-bottom: 5px; }
.pright-5, .hpad-5, .pad-5 { padding-right: 5px; }
.pleft-5, .hpad-5, .pad-5 { padding-left: 5px; }

.ptop-10, .vpad-10, .pad-10 { padding-top: 10px; }
.pbottom-10, .vpad-10, .pad-10 { padding-bottom: 10px; }
.pright-10, .hpad-10, .pad-10 { padding-right: 10px; }
.pleft-10, .hpad-10, .pad-10 { padding-left: 10px; }

.ptop-15, .vpad-15, .pad-15 { padding-top: 15px; }
.pbottom-15, .vpad-15, .pad-15 { padding-bottom: 15px; }
.pright-15, .hpad-15, .pad-15 { padding-right: 15px; }
.pleft-15, .hpad-15, .pad-15 { padding-left: 15px; }

.ptop-20, .vpad-20, .pad-20 { padding-top: 20px; }
.pbottom-20, .vpad-20, .pad-20 { padding-bottom: 20px; }
.pright-20, .hpad-20, .pad-20 { padding-right: 20px; }
.pleft-20, .hpad-20, .pad-20 { padding-left: 20px; }

.ptop-25, .vpad-25, .pad-25 { padding-top: 25px; }
.pbottom-25, .vpad-25, .pad-25 { padding-bottom: 25px; }
.pright-25, .hpad-25, .pad-25 { padding-right: 25px; }
.pleft-25, .hpad-25, .pad-25 { padding-left: 25px; }

.ptop-30, .vpad-30, .pad-30 { padding-top: 30px; }
.pbottom-30, .vpad-30, .pad-30 { padding-bottom: 30px; }
.pright-30, .hpad-30, .pad-30 { padding-right: 30px; }
.pleft-30, .hpad-30, .pad-30 { padding-left: 30px; }

.ptop-40, .vpad-40, .pad-40 { padding-top: 40px; }
.pbottom-40, .vpad-40, .pad-40 { padding-bottom: 40px; }
.pright-40, .hpad-40, .pad-40 { padding-right: 40px; }
.pleft-40, .hpad-40, .pad-40 { padding-left: 40px; }

.ptop-50, .vpad-50, .pad-50 { padding-top: 50px; }
.pbottom-50, .vpad-50, .pad-50 { padding-bottom: 50px; }
.pright-50, .hpad-50, .pad-50 { padding-right: 50px; }
.pleft-50, .hpad-50, .pad-50 { padding-left: 50px; }


/* --------------------->   M A R G I N S   */
.mtop-5, .vmargin-5, .margin-5 { margin-top: 5px; }
.mbottom-5, .vmargin-5, .margin-5 { margin-bottom: 5px; }
.mright-5, .hmargin-5, .margin-5 { margin-right: 5px; }
.mleft-5, .hmargin-5, .margin-5 { margin-left: 5px; }

.mtop-10, .vmargin-10, .margin-10 { margin-top: 10px; }
.mbottom-10, .vmargin-10, .margin-10 { margin-bottom: 10px; }
.mright-10, .hmargin-10, .margin-10 { margin-right: 10px; }
.mleft-10, .hmargin-10, .margin-10 { margin-left: 10px; }

.mtop-15, .vmargin-15, .margin-15 { margin-top: 15px; }
.mbottom-15, .vmargin-15, .margin-15 { margin-bottom: 15px; }
.mright-15, .hmargin-15, .margin-15 { margin-right: 15px; }
.mleft-15, .hmargin-15, .margin-15 { margin-left: 15px; }

.mtop-20, .vmargin-20, .margin-20 { margin-top: 20px; }
.mbottom-20, .vmargin-20, .margin-20 { margin-bottom: 20px; }
.mright-20, .hmargin-20, .margin-20 { margin-right: 20px; }
.mleft-20, .hmargin-20, .margin-20 { margin-left: 20px; }

.mtop-30, .vmargin-30, .margin-30 { margin-top: 30px; }
.mbottom-30, .vmargin-30, .margin-30 { margin-bottom: 30px; }
.mright-30, .hmargin-30, .margin-30 { margin-right: 30px; }
.mleft-30, .hmargin-30, .margin-30 { margin-left: 30px; }

.mtop-40, .vmargin-40, .margin-40 { margin-top: 40px; }
.mbottom-40, .vmargin-40, .margin-40 { margin-bottom: 40px; }
.mright-40, .hmargin-40, .margin-40 { margin-right: 40px; }
.mleft-40, .hmargin-40, .margin-40 { margin-left: 40px; }

.mtop-50, .vmargin-50, .margin-50 { margin-top: 50px; }
.mbottom-50, .vmargin-50, .margin-50 { margin-bottom: 50px; }
.mright-50, .hmargin-50, .margin-50 { margin-right: 50px; }
.mleft-50, .hmargin-50, .margin-50 { margin-left: 50px; }