body { 
 	margin:0; 
	padding:0; 
	height:100%; /* this is the key!  */
	background-color:#FFF; 

	color:#333;	

	font-family: "Helvetica Neue","Helvetica","Arial","Verdana","sans-serif";
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "liga", "kern";
	
} 
/*text-shadow: 2px 2px #333 */
h1,h2,h3,h4,h5,h6{ 
	
	margin:0px 0 20px 20px;  
	/*text-shadow: #333 0.1em 0.1em 0.1em;*/
	font-weight:200;	
	width:100%;	
	color: rgba(255,255,255,1.0);
 }
h2{font-size:40px;}
p{width:80%;}

.mw{max-width:1200px; margin:auto;}

.demo { margin:10px; color:#444;}

.specialBox{position:absolute; top:100px; left:100px; width:100px; height:20px;}

.header{	
	margin:0; width:100%; height:120px;
	border-bottom:0px solid #FFF;
	}
	
.col {float:left; border-bottom:2px solid #FFF;height:400px; background-color:#EEF0EB;width:20000px;}
.col div{float:left; border-right:1px dashed #fff; }

.logo {	
		/*float:left;	*/
		width:100%;		
		margin:	15px 0 0 10px; 
		padding:0;
	/*font-weight:normal;*/
		font-size:40px;		
		color:#000;	
		text-transform:uppercase;
	}
	
/****************************/




/*//----------------------------------------------------------------------------- end of top_vertical_menu tools*/
/****************************/
[title=off] div:first-child
{
background-color:#ddd;
}









	



	

.pane{
	margin:20px;
	width:400px;	
	overflow: hidden;
	border:1px solid #DDD;
	background-color:#0ff;}





.row{
	padding:15px 0px;
	width:100%;	

	background-color:#fff;}







.x100{width:100px; height:300px;}
.x200{width:200px; }
.x300{width:300px; }


.x500{width:500px;}
.x600{width:600px;}
.x900{width:960px;}
.h300{height:500px;}



.x2{width:49%;}

.x4{width:24%;}

.border{border-left:1px solid #666; margin:0 10px;  padding:0 10px;}
hr {width:100%;border:0px dashed #DDD;border-top:0px dashed #DDD;height:0px; margin:0;clear:both; }	





/*tables */




	table{
	width:100%;
	color:#666;
	font-size:14px;
	text-transform:uppercase;
	font-variant:small-caps;
	border-collapse: collapse;
	padding:0px; 
	margin:0;
	border-bottom:1px solid #EEE;
background-color:rgba(255,255,255,1.0);
	}
	
	table tr.odd{
	/*background-color:#F9F9F9;*/
	}
		table tr.default{
	background-color:#FFFFEE;
	font-weight:bold;
	}
	table tr.signicant{
	color:#FF9900;
	
	}
	table tr:hover{
		background-color:#FF0;
	}
	table td{
		padding:8px; margin:0px; 
		font-size:14px;	
		text-align: center;
	}
table thead {
border-bottom:1px solid #DDD;
border-top:1px solid #DDD;

}
table thead tr{height:40px;}
table thead tr:hover{background-color:#FFF;}

table td.th:hover{background-color:#dce;}

table th{font-weight:normal;}
td.data-group {	 
	
	
	}
	
td.data-label { 
	 text-align:right; padding-right:15px;
	 border:0px solid #F90;
	
	
	}
td.data-value { 
	height:35px;
	font-size:8px;
	width:20px; 	
	text-align:center;
	background:url(../images/cell2.svg);
	background-size: 100% 100%;
	
}








/*------------ Report Styles */	
/*------------ Report Styles */	

/*------------ Report Styles */	

.wrap{
	width:100%;
	
	}
.wrap:after {
	content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;


}


.container {				
		max-width:1200px;
		min-width:600px;
		margin:0 auto 0 auto;		
			
		border-bottom:0px solid #999; 
		
	}
	
	.container:after {
	content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

	

 
 
 
 







	

	
/**********************/	
	






/**************new stuff**************/

/************** end widgets**************/




.panel {margin:0;}
.panel span { margin:0;padding:0px 10px;}
.panel input {padding:0px 0; text-align: left; font-size:inherit; border:0; background-color:inherit;}

.label-printer input {padding:0px 0; text-align: left; border:0; background-color:inherit;font-size:inherit;}
.label-printer label { padding:0px 0; text-align: left;  border:0; background-color:inherit; color:rgba(0,0,0,1)}


.send { padding:5px 30px; float:right;  color:#999; text-align:center; background-color:#fff; cursor:pointer; border:1px solid #CCC; border-radius: 3.5px; margin:10px;}
.send:hover{background-color:#bbdcFF;}
.left{float:left}
.none{display:inline; float:none;}



.layout{padding:10px;}/*historic*/
.pad{padding:10px;}

/**************Colours**************/
.cyan{color:#3fbfe8;}
.orange{background-color:#3fbfe8;}
.white{background-color:#FFF;}
.bluegray{background-color:#EBEEF0;}
.yellow{background-color:#EBEEF0;}
.whiteFG{color:#FFF;}


/**************Widths**************/
.w32{width:30%;}
.width{ width:30%;}

.bim{ 
	background:url(../images/mb.jpg)no-repeat center center fixed;	 	
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	padding:40px 0 80px 0;
	}

@media screen and (max-width: 1200px) {
.w32{width:45%;}
.width{width:45%}
.profile{		
	/*width:45%;*/ 	
	 
	
}


}


@media screen and (max-width: 800px) {
.width{width:95%;}
.profile{		
	/*width:95%; */		
}



}