@charset "utf-8";

/* Grid */
.grid-1 {width: 80px; float: left;} 
.grid-2 {width: 160px; float: left;}
.grid-3 {width: 240px; float: left;}
.grid-4 {width: 320px; float: left;}
.grid-5 {width: 400px; float: left;}
.grid-6 {width: 480px; float: left;}
.grid-7 {width: 560px; float: left;}
.grid-8 {width: 640px; float: left;}
.grid-9 {width: 720px; float: left;}
.grid-10 {width: 800px; float: left;} 
.grid-11 {width: 880px; float: left;} 
.grid-12 {width: 960px; float: left;} 

.grid-1M {width: 62px; float: left; margin: 9px;} /* 80 -18 */
.grid-2M {width: 142px; float: left; margin: 9px;} /* 160 -18 */
.grid-3M {width: 222px; float: left; margin: 9px;} /* 240 -18 */
.grid-4M {width: 302px; float: left; margin: 9px;} /* 320 -18 */
.grid-5M {width: 382px; float: left; margin: 9px;} /* 400 -18 */
.grid-6M {width: 462px; float: left; margin: 9px;} /* 480 -18 */
.grid-7M {width: 542px; float: left; margin: 9px;} /* 560 -18 */
.grid-8M {width: 622px; float: left; margin: 9px;} /* 640 -18 */
.grid-9M {width: 702px; float: left; margin: 9px;} /* 720 -18 */
.grid-10M {width: 782px; float: left; margin: 9px;} /* 800 -18 */
.grid-11M {width: 862px; float: left; margin: 9px;} /* 880 -18 */
.grid-12M {width: 942px; float: left; margin: 9px;} /* 960 -18 */

.grid-3MRight {width: 136px; float: right; margin: 9px; padding: 9px; background: #f2f2f2; border: 1px solid #ececec;} /* 240 -18 */
.grid-3MRight .pdf{margin-left: 0px;}

/*apply class to any layout blocks to seperate them verically */
.paddingAll {padding: 9px;}
.marginAll {margin: 9px;}
.marginR {margin-right: 9px;}
.marginLR {margin: 0 9px;}
.marginB {margin-bottom: -9px;}
.marginRB {margin: 0 9px 9px 0;}
.marginTRB {margin: 9px 9px 9px 0;}
.marginLRB {margin: 0 9px 9px;}

.floatLeft {float:left; }
.floatRight {float:right;}
.clearBoth {clear: both;}
.clearLeft {clear: both;}
.clearRight {clear: both;}

.ninemarginbtm {margin-bottom: 9px !important;}
.column .block {margin-bottom: 18px;}

img {display:block;} /*if you dont float images, just apply margins, they dont fit for some reason in any browser */
hr {display:block; height:1px; margin:9px 0px; clear: both; background: #eee; color: #eee; border-style: none;  }
.ruler {display:block; height:1px; margin:9px 0px; clear: both; background: #eee;}