html, table { z-index:-1000; font-size: 100%; /* IE Hack to enforce correct font-sizeing */ }
body {z-index:-1000;margin: 0px; border: 0px; padding: 0px; font-family: "Lucida Grande", "Tahoma", "Arial", "sans-serif"; font-size: 62.5%; /* 62.5% = 10px = 1em */  }
form { padding: 0px; margin: 0px; }
h1, h2, h3 { margin: 0px; padding:0px; font-weight: bold; }

table.layout {  width: 100%;  margin: 0;   padding: 0;  border: 0;}
table.layout-grid {  width: 100%;}

/* ============================ */
/*          CSS MODIFIERS       */
/* ============================ */

/* alignment */
.left {text-align:left !important;}
.center {text-align:center !important;}
.right {text-align:right !important;}
.top {vertical-align:top !important;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}

/* font */
.bold {font-weight:bold !important; }
.nobold {font-weight:normal !important; }

.font-large {	font-size:1.3em !important;}
.font-med-large {	font-size:1.2em !important;}
.font-med {	font-size:1.1em !important;}
.font-med-small {	font-size:1em !important;}
.font-small {	font-size:.9em !important; }
.font-smaller {	font-size:.8em !important; }
.font-smallest {	font-size:.75em !important; }

/* float & clear */
.floatleft {float:left !important;}
.floatright {float:right !important;}
.clear {clear:both;}

/* display */
.hidden {display:none !important;}
.init-hidden {display:none;}
.block {display:block !important;}
.inline {display:inline !important;}

/* background */
.bgwhite {background-color:white !important;}
.bgblack {background-color:black !important;}
.nobg {	background: !important;}

/* colour */
.red, .highlight {	color:red !important;}

/* padding  & spacing */
.pad2 {padding:2px !important;}
.pad4 {padding:4px !important;}
.pad6 {padding:6px !important;}
.pad8 {padding:8px !important;}
.pad0, .nopad {padding:0px !important;}

.blank {	font-size:0px; line-height:0px; padding:0px; margin:0px; height:1px; background:none;}

.padright { padding-right:10px !important;}
.padleft { padding-left:10px !important;}
.padtop {	padding-top:12px !important;}

.spacer4 {width:4px;height:4px;font-size:1px;line-height:1px;}
.spacer5 {width:5px;height:5px;font-size:1px;line-height:1px;}
.spacer6 {width:6px;height:6px;font-size:1px;line-height:1px;}
.spacer8 {width:8px;height:8px;font-size:1px;line-height:1px;}
.spacer10 {width:10px;height:10px;font-size:1px;line-height:1px;}

.margin0, .nomargin {margin:0px !important;}
.noborder {	border:0px !important;}

.nowrap { white-space: nowrap !important; }


.col-left, .col-right {
	
}
.col-left {
	width:50%;
	margin:0px;
	padding-right:12px;
	vertical-align: top;
}
.col-right {
	width:50%;
	vertical-align: top;
	margin-left:50%;
	padding-left:12px;
	border-left:1px solid #eee;
}
/* width */
.wauto {width:auto !important;}

.w1 {	width:1px !important;}
.w10 { width:10px !important;} 
.w20 { width:20px !important;} 
.w30 { width:30px !important;} 
.w40 { width:40px !important;} 
.w50 { width:50px !important;} 
.w60 { width:60px !important;} 
.w70 { width:70px !important;} 
.w80 { width:80px !important;} 
.w90 { width:90px !important;} 
.w100 { width:100px !important;} 
.w120 { width:120px !important;}
.w140 { width:140px !important;} 
.w150 { width:150px !important;} 
.w160 { width:160px !important;} 
.w170 { width:170px !important;} 
.w180 { width:180px !important;} 
.w200 { width:200px !important;}
.w220 { width:220px !important;} 
.w240 { width:240px !important;} 
.w260 { width:260px !important;} 
.w280 { width:280px !important;}
.w300 {
	width:300px !important;
}
.w340 { width:340px !important;}
.w400 { width:400px !important;}
.w450 { width:450px !important;}
.w500 { width:500px !important;}
.w600 { width:600px !important;}
.w700 { width:700px !important;}
.w800 { width:800px !important;}
.w900 { width:900px !important;}
.w1pc { width: 1% !important; }
.w20pc {width: 20% !important;}
.w25pc { width:25% !important;}
.w33pc {	width:33% !important;}
.w40pc {	width:40% !important;}
.w50pc { width:50% !important;}
.w66pc { width:66% !important;}

.w75pc {	width:75% !important;}
.w15pc { width:15% !important;}
.w95pc { width: 95% !important;}
.w98pc { width: 98% !important;}
.w99pc { width: 99% !important;}
.w100pc { width:100% !important;}
.h10 {height:10px !important;}
.h15 {height:15px !important;}
.h20 {height:20px !important;}
.h24 {height:24px !important;}
.h25 {height:25px !important;}
.h30 {height:30px !important;}
.h40 {height:40px !important;}
.h50 {height:50px !important;}
.debug { border: 1px solid red !important; background: yellow !important; }


.nomargin-top { margin-top: 0px !important; }
.nomargin-bottom { margin-bottom: 0px !important; }



/* CLEAR-FIX */
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */