body {
	padding: 0;
	margin: 0;
	background: #f8f7e5 url(wall_bk.jpg) repeat-y fixed;
	background-size: cover;
	color: #222222;
	font-family: Arial, Times, Tahoma, Geneva, sans-serif;
	font-weight: 100;
	height: 100%;
}

h1,h2,h3,h4,h5,h6,h7 {
	margin: 0;
	padding: 0;
	font-family: Arial, impact;
}

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: none}

td {
	vertical-align: middle;
}

#frame {
	width: 810px;
	margin: 50px auto 0;
	background: #00000000;
	margin-bottom: 30px;
	z-index:10;
}

#content{
	width: 770px;
	padding: 20px;
	border: solid 1px #ccc;
	background-color: #f8f7e5;
}

#header{
	width:810px;
	height: 70px;
	background: transparent;
	/*background: transparent url(header-bg.png) no-repeat center top;*/
	background-size: 100% 100%;
}

.button {
	-moz-box-shadow:inset 0px 1px 0px 0px rgb(196, 196, 196);;
	-webkit-box-shadow:inset 0px 1px 0px 0px rgb(196, 196, 196);;
	box-shadow:inset 0px 1px 0px 0px rgb(196, 196, 196);;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, rgb(68, 97, 116)), color-stop(1, rgb(38, 58, 65)) );
	background:-moz-linear-gradient( center top, rgb(68, 97, 116) 5%, rgb(38, 58, 65) 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#446174', endColorstr='#263a41');
	background-color:#446174;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #000000;
	display:inline-block;
	color:#ffffff;
	font-family:Arial, impact;
	font-size:14px;
	font-weight:bold;
	width: 100px;
	padding:3px 0px;
	text-decoration:none;
	text-shadow:1px 1px 0px #061525;
	-moz-user-select: none;
	-webkit-user-select: none;
}.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, rgb(96, 131, 145)), color-stop(1, rgb(130, 171, 196)) );
	background:-moz-linear-gradient( center top, rgb(96, 131, 145) 5%, rgb(130, 171, 196) 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#608391', endColorstr='#82abc4');
	background-color:#82abc4;
}.button:active {
	
}

.tab {
	-moz-box-shadow:inset 0px 1px 0px 0px rgb(187, 187, 187);
	-webkit-box-shadow:inset 0px 1px 0px 0px rgb(187, 187, 187);
	box-shadow:inset 0px 1px 0px 0px rgb(187, 187, 187);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #344e5e), color-stop(1, #17262b) );
	background:-moz-linear-gradient( center top, #344e5e 5%, #17262b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#344e5e', endColorstr='#17262b');
	background-color:#17262b;
	-moz-border-radius: 0px;
	-webkit-border-radius: 8px 0px 0px 8px; 
	border-radius: 8px 0px 0px 8px; 
	border:1px solid rgb(128, 118, 110);
	display:block;
	color:#ffffff;
	font-family:Arial, impact;
	font-size:14px;
	font-weight:bold;
	width: 100px;
	padding:3px 0px;
	text-decoration:none;
	margin: 0px;
	text-shadow:1px 1px 0px rgb(2, 28, 36);
	margin-left: auto;
}.tab:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, rgb(96, 131, 145)), color-stop(1, rgb(130, 171, 196)) );
	background:-moz-linear-gradient( center top, rgb(96, 131, 145) 5%, rgb(130, 171, 196) 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#608391', endColorstr='#82abc4');
	background-color:rgb(130, 171, 196);
}

.tab_s {
	-moz-box-shadow:inset 0px 1px 0px 0px #c8c7b7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c8c7b7;
	box-shadow:inset 0px 1px 0px 0px #c8c7b7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c8c7b5), color-stop(1, #e8e7d5) );
	background:-moz-linear-gradient( center top, #c8c7b5 5%, #e8e7d5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8c7b5', endColorstr='#e8e7d5');
	background-color:#e68003;
	-moz-border-radius: 0px;
	-webkit-border-radius: 8px 0px 0px 8px;
	border-radius: 8px 0px 0px 8px; 
	border:1px solid #c8c7b5;
	display:block;
	color:#383725;
	font-family:Arial, impact;
	font-size:14px;
	font-weight:bold;
	width: 102px;
	padding:3px 0px;
	text-decoration:none;
	margin: 0px;
	text-shadow:1px 1px 0px #a8a797;
	margin-left: auto;
}

.fullscreen {
	top:0;
	left:0;
	position:fixed;
	width: 100%;
	height: 100%;
	z-index: 10;
	/* Fallback for web browsers that doesn't support RGBa */
	background: #000000;
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.fullscreen_inner {
	margin: auto;
	border:1px solid #777;
	padding:15px;
	background: #ccc;
	overflow-y: scroll;
	overflow-x: hidden;
}

.error{
	margin-top: 20px;
	display: none;
	color: #F20000;
}

.log{
	border:1px solid #c8c7b5;
	display: none;
	background-color: #e8e7d5;
	height: 220px;
	overflow-y: scroll;
	margin-top: 0px;
	font-size:12px;
	width: 100%;
}

#tabs_buttons{
	/*transform: rotate(270deg);*/
	/*-ms-transform: rotate(270deg); /* IE 9 */
	/*-webkit-transform: rotate(270deg); /* Safari and Chrome */
	/*-o-transform: rotate(270deg); /* Opera */
	/*-moz-transform: rotate(270deg); /* Firefox */

	position: relative;
	margin: 0px;
	display:inline-block;
}

#tabs{
	display: none;
	margin-top: 10px;
}

input{
	width: 100%;
}

select{
	width: 100%;
}

.right{
	float:right;
}

.right_col{
	padding-left: 10px;
	width: 320px;
}


#loading_inner {
	margin: 1px solid black;
	padding:0px;
}

#upload_source{

}

#preview_error{
	height: 200px;
	width: 200px;
	border:1px solid #c8c7b5;
	color: red;
	vertical-align: middle;
	text-align: center;
	display: none;
}

#preview_img{
	height: 200px;
	width: 200px;
	border:1px solid #c8c7b5;
	cursor:pointer;
}


#info{
	width: 50px;
}

#instructions_inner{
	<!--background-color: #f8f7e5;-->
	border:1px solid #c8c7b5;
}

.stars {
	padding: 0;
	margin: 0;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: -2;
	opacity: 0.0;
}

.wind {
	padding: 0;
	margin: 0;
	position: fixed;
	bottom: 0px;
	left: -80px;
	z-index: -1;
	opacity: 0.0;
}

.footer {
	margin-top: 40px;
	width: 100%;
	height: 22px;
	font-size:14px;
	position: fixed;
	bottom: 0px;
	border-top: solid 1px #ccc;
	background-color: #f8f7e5;
}

.footer_mountains {
	width: 100%;
	position: fixed;
	bottom: 20px;
	background-color: none;
	z-index:-1;
}

.logo {
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: none;
	z-index:-1;
	opacity: 0;
}

span{
	width: 30px;
}

.right_page_tab{
	right: 0px;
	top: 400px;
	position: fixed;
	opacity: 0;
}

.right_tab{
	border-radius: 8px 0px 0px 8px;
	padding: 8px 3px 8px 3px;
	width: auto;
	height: auto;
}

.table_logo{
	margin-top: 20px;
	font-family: Arial, impact;
}
.table_logo td{
	vertical-align:middle;
	text-align: center;
	padding: 0px 10px 0px 10px;
}

.browser_logo{
	width: 60px;
}

/*#stars1
{
	animation-name:starsanimation;
	animation-delay:2.5s;
	animation-duration:20s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	animation-play-state:running;
	// Firefox: 
	-moz-animation-name:starsanimation;
	animation-delay:2.5s;
	-moz-animation-duration:20s;
	-moz-animation-timing-function:linear;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:alternate;
	-moz-animation-play-state:running;
	// Safari and Chrome: 
	-webkit-animation-name:starsanimation;
	animation-delay:2.5s;
	-webkit-animation-duration:20s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
	-webkit-animation-play-state:running;
	// Opera: 
	-o-animation-name:starsanimation;
	animation-delay:2.5s;
	-o-animation-duration:20s;
	-o-animation-timing-function:linear;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:alternate;
	-o-animation-play-state:running;
}

#stars2
{
	animation-name:starsanimation;
	animation-delay:-10s;
	animation-duration:30s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	animation-play-state:running;
	// Firefox: 
	-moz-animation-name:starsanimation;
	-moz-animation-delay:-10s;
	-moz-animation-duration:30s;
	-moz-animation-timing-function:linear;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:alternate;
	-moz-animation-play-state:running;
	// Safari and Chrome:
	-webkit-animation-name:starsanimation;
	-webkit-animation-delay:-10s;
	-webkit-animation-duration:30s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
	-webkit-animation-play-state:running;
	// Opera: 
	-o-animation-name:starsanimation;
	-o-animation-delay:-10s;
	-o-animation-duration:30s;
	-o-animation-timing-function:linear;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:alternate;
	-o-animation-play-state:running;
}*/

#frame {
	width: 810px;
	margin: 50px auto 0;
	background: #00000000;
	margin-bottom: 30px;
	z-index:10;
	opacity: 0.0;
	animation-name:frameanimation;
	animation-delay:1.5s;
	animation-duration:0.5s;
	animation-timing-function:linear;
	animation-play-state:running;
	animation-fill-mode: both;
	/* Firefox: */
	-moz-animation-name:frameanimation;
	-moz-animation-delay:1.5s;
	-moz-animation-duration:0.5s;
	-moz-animation-timing-function:linear;
	-moz-animation-play-state:running;
	-moz-animation-fill-mode: both;
	/* Safari and Chrome: */
	-webkit-animation-name:frameanimation;
	-webkit-animation-delay:1.5s;
	-webkit-animation-duration:0.5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-play-state:running;
	-webkit-animation-fill-mode: both;
	/* Opera: */
	-o-animation-name:frameanimation;
	-o-animation-delay:1.5s;
	-o-animation-duration:0.5s;
	-o-animation-timing-function:linear;
	-o-animation-play-state:running;
	-o-animation-fill-mode: both;
}

@keyframes frameanimation
{
0%   {opacity: 0.0;display:block;}
100%  {opacity: 1.0;}
}

@-moz-keyframes frameanimation /* Firefox */
{
0%   {opacity: 0.0;display:block;}
100%  {opacity: 1.0;}
}

@-webkit-keyframes frameanimation /* Safari and Chrome */
{
0%   {opacity: 0.0;display:block;}
100%  {opacity: 1.0;}
}

@-o-keyframes frameanimation /* Opera */
{
0%   {opacity: 0.0;display:block;}
100%  {opacity: 1.0;}
}



.frame-none {
	opacity: 0.0;
	animation-name:frameanimationnone;
	animation-delay:0.0s;
	animation-duration:0.5s;
	animation-timing-function:linear;
	animation-play-state:running;
	animation-fill-mode: both;
	/* Firefox: */
	-moz-animation-name:frameanimationnone;
	-moz-animation-delay:0.0s;
	-moz-animation-duration:0.5s;
	-moz-animation-timing-function:linear;
	-moz-animation-play-state:running;
	-moz-animation-fill-mode: both;
	/* Safari and Chrome: */
	-webkit-animation-name:frameanimationnone;
	-webkit-animation-delay:0.0s;
	-webkit-animation-duration:0.5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-play-state:running;
	-webkit-animation-fill-mode: both;
	/* Opera: */
	-o-animation-name:frameanimationnone;
	-o-animation-delay:0.0s;
	-o-animation-duration:0.5s;
	-o-animation-timing-function:linear;
	-o-animation-play-state:running;
	-o-animation-fill-mode: both;
}

.frame-visible {
	animation-name:frameanimation;
	animation-delay:0.0s;
	animation-duration:0.5s;
	animation-timing-function:linear;
	animation-play-state:running;
	animation-fill-mode: both;
	/* Firefox: */
	-moz-animation-name:frameanimation;
	-moz-animation-delay:0.0s;
	-moz-animation-duration:0.5s;
	-moz-animation-timing-function:linear;
	-moz-animation-play-state:running;
	-moz-animation-fill-mode: both;
	/* Safari and Chrome: */
	-webkit-animation-name:frameanimation;
	-webkit-animation-delay:0.0s;
	-webkit-animation-duration:0.5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-play-state:running;
	-webkit-animation-fill-mode: both;
	/* Opera: */
	-o-animation-name:frameanimation;
	-o-animation-delay:0.0s;
	-o-animation-duration:0.5s;
	-o-animation-timing-function:linear;
	-o-animation-play-state:running;
	-o-animation-fill-mode: both;
}

@keyframes frameanimationnone
{
0%   {opacity: 1.0;}
100%  {opacity: 0.0;display:none;}
}

@-moz-keyframes frameanimationnone /* Firefox */
{
0%   {opacity: 1.0;}
100%  {opacity: 0.0;display:none;}
}

@-webkit-keyframes frameanimationnone /* Safari and Chrome */
{
0%   {opacity: 1.0;}
100%  {opacity: 0.0;display:none;}
}

@-o-keyframes frameanimationnone /* Opera */
{
0%   {opacity: 1.0;}
100%  {opacity: 0.0;display:none;}
}
.single_source_input
{
	width: 20px;
}

.single_source_input_decimal
{
	width: 50px;
}

.elev_list_btn {
  width: 110px;
  text-align: center;
  background: #a2afb8;
  background-image: -webkit-linear-gradient(top, #929fa8, #6d7981);
  background-image: -moz-linear-gradient(top, #929fa8, #6d7981);
  background-image: -ms-linear-gradient(top, #929fa8, #6d7981);
  background-image: -o-linear-gradient(top, #929fa8, #6d7981);
  background-image: linear-gradient(to bottom, #929fa8, #6d7981);
  font-family: Arial;
  color: #ffffff;
  font-size: 17px;
  padding: 3px 0px 3px 0px;
  text-decoration: none;
}

.elev_list_btn:hover {
  background: #728591;
  background-image: -webkit-linear-gradient(top, #626561, #52525d);
  background-image: -moz-linear-gradient(top, #626561, #52525d);
  background-image: -ms-linear-gradient(top, #626561, #52525d);
  background-image: -o-linear-gradient(top, #626561, #52525d);
  background-image: linear-gradient(to bottom, #626561, #52525d);
  text-decoration: none;
}

.selected {
  background: #728591;
  background-image: -webkit-linear-gradient(top, #424541, #32323d);
  background-image: -moz-linear-gradient(top, #424541, #32323d);
  background-image: -ms-linear-gradient(top, #424541, #32323d);
  background-image: -o-linear-gradient(top, #424541, #32323d);
  background-image: linear-gradient(to bottom, #424541, #32323d);
  text-decoration: none;
}

#elev_list_ul
{
	overflow: auto;
	list-style-type: none;
	width: 140px;
	margin-left: -40px;
}

#elev_list_ul li
{
	height: 40px;
}

#elev_list{
	padding-top:0px;
}

#elev_img
{
	margin: auto;
	margin-top: -19px;
}

#source_id {
	width: 80px;
}

#close_elev_button
{
    	float: right;
	position: relative;
	bottom: 23px;
}