/* All layout classes/ids prefixed with l- */

html, body, #form, #form1, #aspnetform {
	height: 100%;
}
#form, #form1, #aspnetform{
	position: relative;
	z-index: 2;
}
.l-wrapper {
	margin: 0 auto;
	min-height: 100%;
	min-width: 300px;
 position: relative;

}
.ui-mobile .l-wrapper{
    position:absolute;
}
[role=banner] {
	position: relative;
	z-index: 1;
}
[role=contentinfo] {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

/*# Media Queries #*/
/*# Media Queries/1: 480px #*/
@media only screen and (min-width: 30em) {
	.l-wrapper {
  font-size: .812em;
		line-height:1.231; 
	}
}

/*# Media Queries/2: 768px #*/
@media only screen and (min-width: 48em) {
	.l-side {
		position:relative;
	}
 .l-left-col:before,.l-left-col:after,
 .l-right-col:before,.l-right-col:after {
   content:"";
   display:table;
 }
 .l-left-col:after,
 .l-right-col:after {
   clear: both;
 }
 .ie7 .l-left-col,
 .ie7 .l-right-col {
   zoom: 1
 }
	.l-left-col .l-side {
		float:left;
	}
	.l-right-col .l-side {
		float:right;
	}
 .l-main + .l-side + *,
 .l-side + .l-main + * {
		clear: both; 
 }
 
	.l-main {
		width: 100%;
	}
	.l-left-col .l-main {
		float:right;
		margin-left:-40em;
	}
	.l-right-col .l-main {
		float:left;
		margin-right:-40em;
	}
	
	/* 210px column */
	.l-col-210 .l-side {
		width:16.154em;
	}
	.l-left-col.l-col-210 .l-main > .inner {
		margin-left:17.154em;
	}
	.l-right-col.l-col-210 .l-main > .inner {
		margin-right:17.154em;
	}
        
 /* 240px column */
	.l-col-240 .l-side {
		width: 18.462em;
	}
	.l-left-col.l-col-240 .l-main > .inner {
		margin-left:19.462em;
	}
	.l-right-col.l-col-240 .l-main > .inner {
		margin-right:19.462em;
	}


	/* 300px column */
	.l-col-300 .l-side {
		width: 23.077em;
	}
	.l-left-col.l-col-300 .l-main > .inner {
		margin-left:24.077em;
	}
	.l-right-col.l-col-300 .l-main > .inner {
		margin-right:24.077em;
	}
}