/* Grid 
----------------------------------------------------------------------------------------------------*/
.gridl-1,
.gridl-2,
.gridl-3,
.gridl-4,
.gridl-5,
.gridl-6,
.gridl-7,
.gridl-8,
.gridl-9,
.gridl-10,
.gridl-11,
.gridl-12,
.gridl-13,
.gridl-14,
.gridl-15
{display:inline;float:left;/*position:relative;*/}



.gridl-1{width:90px;}
.gridl-2{width:115px;}
.gridl-3{width:120px;}
.gridl-4{width:150px;}
.gridl-5{width:235px;}
.gridl-6{width:240px;}
.gridl-7{width:315px;}
.gridl-8{width:475px;}
.gridl-9{width:480px;}
.gridl-10{width:720px;}
.gridl-11{width:730px;}
.gridl-12{width:330px;}
.gridl-13{width:390px;}
.gridl-14{width:590px;}
.gridl-15{width:380px;}

.gridr-1,
.gridr-2,
.gridr-3,
.gridr-4,
.gridr-5,
.gridr-6,
.gridr-7,
.gridr-8,
.gridr-9,
.gridr-10,
.gridr-11,
.gridr-12,
.gridr-13,
.gridr-14,
.gridr-15 
{display:inline;float:right;position:relative;}


.gridr-1{width:90px;}
.gridr-2{width:115px;}
.gridr-3{width:120px;}
.gridr-4{width:150px;}
.gridr-5{width:235px;}
.gridr-6{width:240px;}
.gridr-7{width:315px;}
.gridr-8{width:475px;}
.gridr-9{width:480px;}
.gridr-10{width:720px;}
.gridr-11{width:730px;}
.gridr-12{width:330px;}
.gridr-13{width:390px;}
.gridr-14{width:590px;}
.gridr-15{width:380px;}

.mt-1{margin-top:1px;}
.mt-2{margin-top:2px;}
.mt-3{margin-top:3px;}
.mt-4{margin-top:4px;}
.mt-5{margin-top:5px;}
.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}

.mb-1{margin-bottom:1px;}
.mb-2{margin-bottom:2px;}
.mb-3{margin-bottom:3px;}
.mb-4{margin-bottom:4px;}
.mb-5{margin-bottom:5px;}
.mb-10{margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}

.ml-1{margin-left:1px;}
.ml-2{margin-left:2px;}
.ml-3{margin-left:3px;}
.ml-4{margin-left:4px;}
.ml-5{margin-left:5px;}
.ml-6{margin-left:6px;}
.ml-10{margin-left:10px;}
.ml-15{margin-left:15px;}
.ml-20{margin-left:20px;}
.ml-30{margin-left:30px;}

.mr-1{margin-right:1px;}
.mr-2{margin-right:2px;}
.mr-3{margin-right:3px;}
.mr-4{margin-right:4px;}
.mr-5{margin-right:5px;}
.mr-6{margin-right:6px;}
.mr-10{margin-right:10px;}
.mr-15{margin-right:15px;}
.mr-20{margin-right:20px;}
.mr-30{margin-right:30px;}




.pt-1{padding-top:1px;}
.pt-2{padding-top:2px;}
.pt-3{padding-top:3px;}
.pt-4{padding-top:4px;}
.pt-5{padding-top:5px;}
.pt-10{padding-top:10px;}
.pt-15{padding-top:15px;}
.pt-20{padding-top:20px;}
.pt-30{padding-top:30px;}

.pb-1{padding-bottom:1px;}
.pb-2{padding-bottom:2px;}
.pb-3{padding-bottom:3px;}
.pb-4{padding-bottom:4px;}
.pb-5{padding-bottom:5px;}
.pb-10{padding-bottom:10px;}
.pb-15{padding-bottom:15px;}
.pb-20{padding-bottom:20px;}
.pb-30{padding-bottom:30px;}

.pl-1{padding-left:1px;}
.pl-2{padding-left:2px;}
.pl-3{padding-left:3px;}
.pl-4{padding-left:4px;}
.pl-5{padding-left:5px;}
.pl-10{padding-left:10px;}
.pl-15{padding-left:15px;}
.pl-20{padding-left:20px;}
.pl-30{padding-left:30px;}

.pr-1{padding-right:1px;}
.pr-2{padding-right:2px;}
.pr-3{padding-right:3px;}
.pr-4{padding-right:4px;}
.pr-5{padding-right:5px;}
.pr-10{padding-right:10px;}
.pr-15{padding-right:15px;}
.pr-20{padding-right:20px;}
.pr-30{padding-right:30px;}


.floatleft{float:left;}
.floatright{float:right;}

/*----------------------------------------------------------------------------------------------------*/



.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}
