@charset "utf-8";
/* CSS Document */




#HeaderWrapper{ position:relative;}
#BodyWrapper{ position:relative;}
#FooterWrapper{ position:relative;}

#HeaderContext{position:relative;max-width:1150px; margin:0px auto;}
#BodyContext{position:relative;max-width:1150px; margin:0px auto;}
#FooterContext{position:relative;max-width:1150px; margin:0px auto;}


.row{position:relative;clear: both;
	padding: 4px;
	margin: 0px;	
	min-height:50px;
	
}
.colgroup{position:relative;float:left;box-sizing:border-box;}
.col{position:relative;display:block;float:left; width:100%; box-sizing:border-box;}


.section_wrapper{width:100%; padding:4px; box-sizing:border-box;}	
.section{width:100%; margin-bottom:10px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);background: none repeat scroll 0 0 rgba(255,255,255,1);}
.section .title{border-bottom:1px solid lightgray;background-color:#e9e9e9; color:#666; padding:4px 2px; font-size:14px;box-sizing:border-box;}
.section .body{padding:5px; background-color:#FFF}
.section .footer{padding:5px; font-size:9px}

#HeaderWrapper,#BodyWrapper,#FooterWrapper,#HeaderContext,#BodyContext,#FooterContext,.row,.colgroup,.section_wrapper,.section{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}	
	
	
	     /* Smartphones */
    @media (max-width: 480px) {  
	  .col{float:none;width:100%}
	  .colgroup{float:none;width:100%}
	  .row{padding:1px}
	  .section_wrapper{padding:1px;}
	  
	 }
    /* Smartphones to Tablets */
    @media (min-width: 481px) and (max-width: 767px) {
		 	  
	  .colgroup1 .col{float:none;width:100%;}	  
	  .colgroup1 .col .section{width:100%;}
	  .section{width:100%}
	  .colgroup2 .col{float:none;width:100%;}	  
	  .colgroup2 .col .section{width:100%;}
	 
	}
    /* Tablets */
	
    @media (min-width: 768px) and (max-width: 959px) { 
	 
	  
	 }
    /* Desktop */
    @media (min-width: 960px) and (max-width: 1199px) {
		/*#BodyContext,#HeaderContext,#FooterContext{max-width:900px;}*/
	}
    /* Large Display */
	
    @media (min-width: 1200px) { 
	  #BodyContext,#HeaderContext,#FooterContext{max-width:1150px;}
	}