/********************************************************************************************/
/* GLOBAL GRID SETTINGS
/********************************************************************************************/

/* fix for form elements sizing wrong, does not work on all browsers */
input.w1,
input.w2,
input.w3,
input.w4,
input.w5,
input.w6,
input.w7,
input.w8,
input.w9,
input.w10,
input.w11,
input.w12,
input.w13,
input.w14,
input.w15,
input.w16,
input.w5v3,
textarea.w1,
textarea.w2,
textarea.w3,
textarea.w4,
textarea.w5,
textarea.w6,
textarea.w7,
textarea.w8,
textarea.w9,
textarea.w10,
textarea.w11,
textarea.w12,
textarea.w13,
textarea.w14,
textarea.w15,
textarea.w16,
textarea.w5v3 {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/********************************************************************************************/
/* MARGIN GRID */
/********************************************************************************************/

/* right margin */
.mr0 {
	margin-right:0% !important;
}
.mr0_5 {
	margin-right:3.625% !important;	
}
.mr1 {
	margin-right:7.25% !important;
}
.mr2 {
	margin-right:13.50% !important;	
}
.mr3 {
	margin-right:19.75% !important;
}
.mr4 {
	margin-right:26.00% !important;
}
.mr5 {
	margin-right:32.25% !important;
}
.mr6 {
	margin-right:38.50% !important;
}
.mr7 {
	margin-right:44.75% !important;
}
.mr8 {
	margin-right:51.00% !important;
}
.mr9 {
	margin-right:57.25% !important;
}
.mr10 {
	margin-right:63.50% !important;
}
.mr11 {
	margin-right:69.75% !important;
}
.mr12 {
	margin-right:76.00% !important;
}
.mr13 {
	margin-right:82.25% !important;
}
.mr14 {
	margin-right:88.50% !important;
}
.mr15 {
	margin-right:94.75% !important;
}

/* left margin */
.ml0 {
	margin-left:0% !important;
}
.ml0_5 {
	margin-left:3.625% !important;
}
.ml1 {
	margin-left:7.25% !important;
}
.ml2 {
	margin-left:13.50% !important;	
}
.ml3 {
	margin-left:19.75% !important;
}
.ml4 {
	margin-left:26.00% !important;
}
.ml5 {
	margin-left:32.25% !important;
}
.ml6 {
	margin-left:38.50% !important;
}
.ml7 {
	margin-left:44.75% !important;
}
.ml8 {
	margin-left:51.00% !important;
}
.ml9 {
	margin-left:57.25% !important;
}
.ml10 {
	margin-left:63.50% !important;
}
.ml11 {
	margin-left:69.75% !important;
}
.ml12 {
	margin-left:76.00% !important;
}
.ml13 {
	margin-left:82.25% !important;
}
.ml14 {
	margin-left:88.50% !important;
}
.ml15 {
	margin-left:94.75% !important;
}

/********************************************************************************************/
/* PADDING GRID */
/********************************************************************************************/

/* padding right */
.pr1 {
	padding-right:6.25%;
}
.pr2 {
	padding-right:12.50%;	
}
.pr3 {
	padding-right:18.75%;
}
.pr4 {
	padding-right:25.00%;
}
.pr5 {
	padding-right:31.25%;
}
.pr6 {
	padding-right:37.50%;
}
.pr7 {
	padding-right:43.75%;
}
.pr8 {
	padding-right:50.00%;
}
.pr9 {
	padding-right:56.25;
}
.pr10 {
	padding-right:62.50%;
}
.pr11 {
	padding-right:68.75%;
}
.pr12 {
	padding-right:75.00%;
}
.pr13 {
	padding-right:81.25%;
}
.pr14 {
	padding-right:87.50%;
}
.pr15 {
	padding-right:93.75%;
}

/* padding left */
.pl1 {
	padding-left:6.25%;
}
.pl2 {
	padding-left:12.50%;	
}
.pl3 {
	padding-left:18.75%;
}
.pl4 {
	padding-left:25.00%;
}
.pl5 {
	padding-left:31.25%;
}
.pl6 {
	padding-left:37.50%;
}
.pl7 {
	padding-left:43.75%;
}
.pl8 {
	padding-left:50.00%;
}
.pl9 {
	padding-left:56.25;
}
.pl10 {
	padding-left:62.50%;
}
.pl11 {
	padding-left:68.75%;
}
.pl12 {
	padding-left:75.00%;
}
.pl13 {
	padding-left:81.25%;
}
.pl14 {
	padding-left:87.50%;
}
.pl15 {
	padding-left:93.75%;
}

/********************************************************************************************/
/* WIDTH GRID */
/********************************************************************************************/

/* settings for all the width classes */
.w1,
.w2,
.w3,
.w4,
.w5,
.w6,
.w7,
.w8,
.w9,
.w10,
.w11,
.w12,
.w13,
.w14,
.w15,
.w16,
.w5v3 {
	float:left;
	display:inline;
	margin:0 1%;
}

/* settings for the specific width classes */
.w1 {
	width:4.25%;
}
.w2 {
	width:10.50%;	
}
.w3 {
	width:16.75%;
}
.w4 {
	width:23.00%;
}
.w5 {
	width:29.25%;
}
.w6 {
	width:35.50%;
}
.w7 {
	width:41.75%;
}
.w8 {
	width:48.00%;
}
.w9 {
	width:54.25%;
}
.w10 {
	width:60.50%;
}
.w11 {
	width:66.75%;
}
.w12 {
	width:73.00%;
}
.w13 {
	width:79.25%;
}
.w14 {
	width:85.50%;
}
.w15 {
	width:91.75%;
}
.w16 {
	width:98.00%;
}
.w100 {
	width:100%;
	margin:0;
}
/* v3 width classes (#.33) */
/*! needs more attention */
.w5v3 {
	width:31.12%;
}

/* width NO MARGIN */
.w1nm {
	width:4.25%;
}
.w2nm {
	width:10.50%;	
}
.w3nm {
	width:16.75%;
}
.w4nm {
	width:23.00%;
}
.w5nm {
	width:29.25%;
}
.w6nm {
	width:35.50%;
}
.w7nm {
	width:41.75%;
}
.w8nm {
	width:48.00%;
}
.w9nm {
	width:54.25;
}
.w10nm  {
	width:60.50%;
}
.w11nm  {
	width:66.75%;
}
.w12nm  {
	width:73.00%;
}
.w13nm  {
	width:79.25%;
}
.w14nm  {
	width:85.50%;
}
.w15nm  {
	width:91.75%;
}
.w16nm  {
	width:98.00%;
}

.m10 {
	margin-top:10px;
	margin-bottom:10px;
}


.groupbox {
	display: block;
	margin-top:5px;
	margin-bottom:5px;
}
.groupbox:after {
	display:block;
	clear:both;
	content:' ';
}

.pb1 {
	padding-bottom: 20px;
}