/* Spacings */

.s-mar-s
{
	margin:5px;
}
.s-mar-m
{
	margin:10px;
}
.s-mar-l
{
	margin:15px;
}
.s-mar-xl
{
	margin:20px;
}
.s-mar-xxl
{
	margin:30px;
}

.s-mar-top-m
{
	margin-top:10px;
}

.s-mar-left-xl
{
	margin-top:20px;
}

.s-mar-bottom-s
{
	margin-bottom:5px;
}
.s-mar-bottom-m
{
	margin-bottom:10px;
}

/* Paddings */

.s-pad-s
{
	padding:5px;
}
.s-pad-m
{
	padding:10px;
}
.s-pad-l
{
	padding:15px;
}
.s-pad-xl
{
	padding:20px;
}
.s-pad-xxl
{
	padding:30px;
}

.s-pad-top-m
{
	padding-top:10px;
}

.s-pad-left-xl
{
	padding-top:20px;
}

.s-pad-bottom-s
{
	padding-bottom:5px;
}

/* Color */

.s-color-lightgrey
{
	color:#b0b0b0;
}
.s-color-grey
{
	color:#808080;
}
.s-color-red
{
	color:#a00000;
}
.s-color-green
{
	color:#00a000;
}

/* Background Color */

.s-bgc-lightred
{
	background-color:#ffeae0;
}
.s-bgc-lightgray
{
	background-color:#fafafa;
}

.s-nowrap
{
	white-space:nowrap;
}

/*################ Inputs ################*/

input[type=radio].inline, input[type=checkbox].inline
{
	margin-top:2px;
}
input[type=text].int
{
	width:40px;
}

/*################ Other ################*/

img.button
{
	cursor:pointer;
}