/*m3d.css: contains styles common to all pages*/

/*universal page styling*/

* {
	margin: 0;
}
html, body {	
	overflow-y:auto;
	padding: 0;
	margin: 0 auto;	
	background-color:#c4c4c4;	
	height:100%;
}

#content {	
	width: 960px;	
	height:auto;
	display:block;		
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;	
	box-shadow: 0 0 5px 2px #666;
	padding:0px 10px;	
	position:relative;
	overflow-y:hidden;
	overflow-x:hidden;
}

footer, .push{	
	height:100px;	
}

footer {
	color: #333;
	border-top: 1px solid #BFBFBF;
	width: 960px;
	bottom: 0px;	
	margin:10px 0px;
	position:relative;
	padding-top:10px;
}

p, spam, a, ul, li, div, img {
	margin:0px; 
	padding:0px;	
	
}

a{
	text-decoration: none;
	cursor:pointer;
}

h1, h2, h3, h4, h5, h6 {
	margin:0px; 
	padding:0px; 
	font-family:'Georgia', "Times New Roman", Times, serif; 
	font-weight:normal;
}

p {
	font-family: 'Lato', sans-serif;
	font-size:14px;	
}

label {
	font-family: 'Lato', sans-serif;
	font-size:14px;	
}

input[type=text], textarea {
	-moz-appearance: none;
	moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #383838;
	padding-left:4px;
	padding-top:1px;
}

input[type=text]:focus, textarea:focus { 
	border: 1px solid #99CCFF;  
}

/*header and navbar styling*/
#navbar {
	background-color: #383838;
	width: 100%;
	top: 0px;
	height:40px;
	position:relative;
	margin:10px 0px;
	border-radius:4px;
}

#logo {
	margin-left:auto;
	margin-right:auto;
	width:373px;
	height:60px;
}

#navbar_content {	
	color: #383838; 
	font-family: 'Anton', sans-serif; 
	text-decoration:none; 
	font-size:18px;
	letter-spacing: 1px;
	width: 250px;
	height: 40px;
	margin-left:auto;
	margin-right:auto;
	z-index:1;
	color:white;
}

.navbar_tab, .navbar_tab_current {
	position:relative;	
	height:15px;
	display:inline-block;
	color:white;
	vertical-align:middle;
	margin: 0px 10px;
}

.navbar_tab:hover, .navbar_tab_current {
	cursor:pointer;	
	color:#99ccff;
}

#navbar_content a {
	
}

#loading_overlay, #waiting_overlay{	
	z-index: 1000;		
    width:200px;
    height: 100px; 
    text-align:center;
	top:50%;
	left:50%;
    position:absolute;
    margin:-50px 0 0 -100px;
}

.info_panel {
	position: relative;
	height:auto;		
	margin-bottom:10px;	
	margin-top:10px;	
	float: left;	
	font-size: 13px;
	color: #383838;
	font-family: 'Lato', serif;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #fff;	
	border: 1.5px solid #383838;
	padding-bottom:5px;	
}

.info_label{	
	font-family: 'Lato', sans-serif;
	font-size: 17px;
	cursor:default;	
	padding:0px 4px 0px 4px;
	border: 1.5px solid #383838;
/*
	outline: 5px solid #fff;
*/
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;	
	color:#383838;
	margin: -11px 0 0 15px;
	width:auto;
	display:inline-block;
	z-index:2;
	background-color:#fff;	
	position:absolute;
	height:22px;
}

.spacer{
	clear:both;
	margin-top:12px;
}

#webgl_message{
/*
	border: 2px solid #c4c4c4;
*/
	padding:5px;
	border-radius:6px;
}