/* CSS Document */

@font-face {
  font-family: Franklin Gothic;
  src: local("Franklin Gothic Medium Regular"),
       local("Franklin Gothic Medium Regular"),
       url("assets/fonts/Franklin Gothic Medium Regular.ttf");
  font-weight: bold;
}

body {
	margin:0px;
	padding:0px;
	font-family:'Open Sans', sans-serif;
	font-size:13px;
	text-align:center;
	background-color:#E8E8E8;
	background-color:#FFF;
	overflow:hidden;
}

#tno_phone_detection {
	display:none;
}

/*
body {
	margin:0px;
	padding:0px;
	font-family:'Open Sans', sans-serif;
	font-size:13px;
	overflow-x:hidden;
	text-align:center;
	background-color:#E8E8E8;
}

#loading {
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	background-color:#F4F4F4;
	z-index:999;
}

#loading_message {
	width:200px;
	height:100px;
	display:inline-block;
	float:left;
	left:50%;
	margin-left:-100px;
	position:absolute;
	top:50%;
	margin-top:-50px;
	line-height:100px;
	text-align:center;
	color:#333;
	font-family:'Open Sans', sans-serif;
	font-size:30px;
	
}

#console {
	position:absolute;
	top:0px;
	right:0px;
	z-index:999;
	line-height:30px;
	width:100px;
	padding:10px;
	background-color:#E0E0E0;
	DISPLAY:none;
}

#center_all {
	position:absolute;
	width:auto;
	display:table;
	height:100%;
	
}

#tno_i_base {
    position:relative;
    display:inline-block;
    overflow-y:hidden;
	float:left;
	border-left:2px solid #ccc;
	border-right:2px solid #ccc;
	text-align:left;
}

.tno_i_obj {
	display:inline-block;
	float:left;
	background-size:cover;
	position:absolute;
}

.tno_i_data {
	display:inline-block;
	float:left;
	width:auto;
	height:auto;
	position:absolute;
	z-index:0;
}

.tno_i_data.data_under {
	background-image:url('../../../SCENES/scene 1/data_cloud_under.png');
	background-size:cover;
}

.tno_i_data.data_right {
	background-image:url('../../../SCENES/scene 1/data_cloud_right.png');
	background-size:cover;
}

.tno_i_data.data_above {
	background-image:url('../../../SCENES/scene 1/data_cloud_above.png');
	background-size:cover;
}

.tno_i_data.data_left {
	background-image:url('../../../SCENES/scene 1/data_cloud_left.png');
	background-size:cover;
}

.data_content_wrap {
	display:inline-block;
	float:left;
}
.tno_i_data.data_left .data_content_wrap {
	height:92%;
	width:83%;
	margin:2% 15% 6% 2%;
}

.tno_i_data.data_right .data_content_wrap {
	height:92%;
	width:83%;
	margin:2% 2% 6% 15%;
}

.tno_i_data.data_under .data_content_wrap {
	height:80%;
	width:96%;
	margin:10% 2% 10% 2%;
}

.tno_i_data.data_above .data_content_wrap {
	height:80%;
	width:96%;
	margin:2% 2% 18% 2%;
}

.tno_i_data .data_content_wrap .data_title {
	display:inline-block;
	float:left;
	width:94%;
	padding:0px 3% 0px 3%;
	height:auto;
	color:#6ea3c4;
	font-family:'Open Sans', sans-serif;
	font-size:19px;
	line-height:30px;
}

#tno_i_avtr {
	display:inline-block;
	float:left;
	background-size:cover;
	position:absolute;
	z-index:0;
}

table{
	border-collapse:collapse;
	width:100%;
	text-align:left;
	margin:10px;
	display:inline-block;
}
		
table.small_table {
	width:auto;
}
		
table tr:nth-child(odd) {
	background-color:#E1E1E1;
}
			
table tr:first-child{
	background-color:#C1C1C1;
	line-height:35px;
}
			
table tr {
	line-height:30px;
}
			
			
table tr td{
	border-collapse:collapse;
	padding:5px 15px 5px 15px;
	max-width:400px;
}


*/

@media (max-width:950px) { 
	#tno_phone_detection {
		display:inline-block;
		float:left;
		wdith:1px;
		height:1px;
		position:absolute;
	}
}