*{margin:0;padding:0;box-sizing: border-box;}

ol,ul{list-style:none;}
fieldset,img {border: none;} 
caption,th { text-align:left; }

.clear:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clear             { zoom: 1; } /* IE6 sd add:font-size:0%*/
*:first-child+html .clear { zoom: 1; } /* IE7 */

html,body{width:100%;height:100%; overflow:hidden;}
body {padding-top:70px;}


a.link1:link,
a.link1:visited { text-decoration: none; color: #666666; } 
a.link1:hover   { text-decoration: underline; color: #000; }


ul.limit{
list-style:inside circle;
margin:10px 10px 10px 10px;
padding-left:15px;
color: #666666;
font-size: 16px;
text-align: justify;
font-family: Arial, Verdana, sans-serif;
list-style-position:outside;
}

ul.limit li{
margin:12px;
}


ul.people{
list-style:inside circle;
margin:0px 10px 10px 10px;
padding-left:10px;
color: #666666;
font-size: 16px;
text-align: justify;
font-family: Arial, Verdana, sans-serif;
list-style-position:outside;
}

ul.people li{
margin:12px;
}


p.people{
font-family: Arial, Verdana, sans-serif;
padding-left:0px;
padding-right:0px;
color: #666666;
font-size: 15px;
text-align: justify;
margin-left:0px;
}

.people{
margin-left: 0px;
color: #4E4E4E;
font-size: 16px;
}


p{
font-family: Arial, Verdana, sans-serif;
padding-left:15px;
padding-right:15px;
color: #666666;
font-size: 16px;
text-align: justify;
}

p.model{
font-family: Arial, Verdana, sans-serif;
padding-left:15px;
padding-right:15px;
color: #666666;
font-size: 15px;
text-align: justify;
}


#citymarker{
font-family: Arial, Verdana, sans-serif;
padding-left:155px;
padding-right:15px;
color: #666666;
font-size: 15px;
text-align: justify;

}

#header {
    font-family:'Droid Serif', Georgia, Times, serif;
    position: absolute; z-index: 2;
    left: 0;right: 0;top: 0;
	height: 70px; 
	background-color:#6CA2FC; 
	background-color: #CCA352;	
	color: #fff; 
	font-size: 30pt; 
 	background-image:url('Picture2.jpg'); 
	background-size:cover;
	padding-left: 10px; 
	text-shadow: #000 2px 2px 6px; 
	vertical-align: middle;
}

#header_tp{position: absolute;right:0;top:13px;width:500px;height:45px;text-align:right;}
#header_tp img{display:inline-block;margin-right:10px;height:45px;}

#logo2 {float:left; margin-top:10px; z-index:10000;overflow:hidden;}

#support-text{position:relative; bottom:15px;overflow:hidden;vertical-align: middle;color: White; letter-spacing: 0px;}

#content{
    position: relative;
    bottom: 0;
    width: 100%;height: 100%;    
}

.window_wrap {
    /*padding-top:80px;*/
    position: relative;z-index:9;
	width: 600px; height: 100%; 

	/*background-color: khaki;*/
	font-family: Tebuchet, Arial;
	font-size: 15px;
	font-weight: bold;
	
	background-color: #FFFFE6;
    box-shadow: 2px 0 2px #999;
	/*background-color: rgb(229, 238, 252);*/
}
#window{
    padding:10px 0;
    position:relative;z-index: 6001; 
	height: 100%;
    overflow-y: auto;
	background-color: #FFFFE6;
    box-shadow: 2px 0 2px #999;
}

#plottype{
 margin-left: auto;
 margin-right: auto;
 /*width: 70%;*/
}

#plotImage{
}

#tabs{
    position: absolute;z-index: 6000;
    right: -25px;top:90px;
}
#tabs ul{
    position: relative;
}
#tabs ul li{
    width:25px;min-height:68px;
	margin-top:2px;
	padding:8px 13px;
	background-color: #f0f0f0;
	border: 1px solid #999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer; 
    font-size: 8pt;
	word-wrap:break-word;word-break:normal;
	line-height:1.1;
    font-family: arial;
	color:#666;
}
#tabs ul li.afhover{
    padding:8px 15px;
	background:#666;
	border: 1px solid #111;
	color:#fff;
	font-size: 10pt;
}

.right-side_wrap{
    position: absolute;
    top: 0;bottom: 0;left: 600px;right: 0;  
	overflow:hidden;/*overflow-x: auto;overflow-y: auto;*/
}

#right-side{
    position: relative;width:100%;height:100%;
}

#map_canvas {
    position: absolute;
    top: 0;left: 0;
    width: 100%;height: 100%;
	min-width:750px;min-height: 750px;
}

#right-side .loading{
    position: absolute;top:50%;left:50%;width:50px;height:50px;margin-top:-25px;margin-left:-25px;text-align:center;
}
#right-side .loading img{
    width:60px;
}
#right-side .loading h3{
    font-size:18px;text-align:center;font-weight:normal;
}

#main { 
	border: 0px;
	/*background-color: white;*/
	font-family: Trebuchet MS;
	font-size: 15px;
	font-weight: regular;
	/*color: #0088dd;*/
}

/* #top {
    position: absolute;
    top: 0;left:0;
	width:100%;

	text-align: center;
	padding-top: 0px;
	vertical-align: middle;
	border: 0px;

	font-family: Tebuchet, Arial;
	font-size: 12px;
	font-weight: regular;

	border-bottom: 1px solid black;
} */

.center{

    width: 10%;
    margin: 0 auto;

}



#radiogroups{/*padding-left: 10px;*/display:block;text-align:center;margin:5px 0 0; }
#radiogroups2{/*padding-left: 25px;*/display:block;text-align:center;margin:5px 0 0; }

#radiogroups>span{display:inline-block;width:178px;height:40px;}
#radiogroups2>span{display:inline-block;width:130px;height:33px;}



#detail {
	/*background-color: white;*/
	font-family: Tebuchet, Arial;
	font-size: 15px;
	font-weight: regular;
	color: #0088dd;
	text-align: left;
	}
	
#selection{
margin-left: 15px;
margin-bottom:10px;
color: #4E4E4E;
font-size: 20px;
}

#emailicon{
margin-left: 5px;
}

#figuresCompare{
width: 99%;
margin-left: auto;
margin-right: auto;
}

.compare{
margin-left: 15px;
color: #4E4E4E;
font-size: 17px;
text-decoration: underline;
}

.compare-noline{
margin-left: 15px;
color: #4E4E4E;
font-size: 17px;
}




#climatedata{
margin-top: 10px;

}

#clicklocation{
 margin-left: auto;
 margin-right: auto;
 width: 70%;

margin-top: 20px;
color: #4E4E4E;
font-size: 18px;
}


#t1{
position:absolute;z-index: 5000;
left:100px;
top: 20px;
}

#t2{
position:absolute;z-index: 5000;
left:260px;
top: 20px;
}

#t3{
position:absolute;z-index: 5000;
left:20px;
bottom: 330px;
}

#t4{
position:absolute;z-index: 5000;
left:150px;
bottom: 80px;
}

#t5{
position:absolute;z-index: 5000;
left:480px;
bottom: 100px;
}


#colorbarimage {
position:absolute;z-index: 5000;
left:20px;/*right: 400px;*/
bottom: 10px;
background-color: #fff;
padding: 5px;
border: 1px solid #999;
-webkit-border-radius: 8px; 
-moz-border-radius: 8px;
border-radius: 8px;
}

#outputinfo{
position: absolute; z-index: 10000;
left: 256px;
top:2px;
	font-family: Tebuchet, Arial;
	font-size: 18px;
	font-weight: bold;color: #4E4E4E;
background-color: white;
padding: 3px 5px;
border-radius: 5px;
}

#select123{
position: absolute; z-index: 10000;
left: 468px;
bottom: 10px;
	font-family: Tebuchet, Arial;
	font-size: 18px;
	font-weight: regular;color: #4E4E4E;

}


/* #year_data{
position: fixed; z-index: 10000;
left: 680px;
top: 180px;
	font-family: Tebuchet, Arial;
	font-size: 12px;
	font-weight: regular;color: #4E4E4E;
} */

#addressForm{
position: absolute;
z-index: 20000;
left: 103px;
top: 2px;
border: 1px solid #c6c7cc;
border-radius: 8px;
font: 20px "Helvetica Neue", Helvetica, Arial, sans-serif;
overflow: hidden;
width: 150px;
background-color:white
}


#address{
width: 120px;
font-family : inherit;
font-size   : 100%;
}

#starttour.flat{
position: absolute; z-index: 10000;
left: 110px;
bottom: 88px;
}


#panel {
position: absolute; z-index: 10000;
left: 108px;
bottom: 10px;
background-color: #fff;
padding: 5px;
border: 1px solid #999;
-webkit-border-radius: 8px; 
-moz-border-radius: 8px;
border-radius: 8px;
}

#buttons {
	width: 600px;
	margin: 0px, auto, 0px, auto;
	text-align: center;
	background-color: white;
	font-family: Tebuchet, Arial;
	font-size: 15px;
	font-weight: regular;
	color: black;
	
}


/* #Period{
font-family: Tebuchet, Arial;
font-size: 11 px;
font-weight: regular;
font-style: italic;
color: #fff;

position:absolute;  
z-index: 70000;
width:50px;
vertical-align: middle;
top:180px;
left:480px;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px;
border-radius: 5px;
border: solid 1px #0B559F; background: #08478D;
background: -webkit-gradient(linear, left top, left bottom, from(#55B2ED), to(#08478D));
background: -moz-linear-gradient(top,  #55B2ED,  #08478D);
} */


#radiogroups,#radiogroups2{

color: #999;
/*background-color: #eee;*/
}

label {
  width: 180px;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  margin-left:5px;
}

#radiogroups2 label{width: 130px;margin-left:0px; }

/* hide input */
input.radio:empty {
	margin-left: -999px;display:none;
}

/* style label */
input.radio:empty ~ label {
	position: relative;
	float: left;
	left:0%;
	line-height: 2.5em;
	text-indent: 2.55em;
	margin-top: 0em;
	margin-left: 0px;
	margin-bottom: 0px; 
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#radiogroups2 input.radio:empty ~ label {
	line-height: 2.0em;
	text-indent: 1.85em;
}

input.radio:empty ~ label:before {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 10;
	content: '';
	width: 2.5em;
	background: #D1D3D4;
	border-radius: 3px 0 0 3px;
}
#radiogroups2 input.radio:empty ~ label:before {
	width: 2.0em;
}

/* toggle hover */
input.radio:hover:not(:checked) ~ label:before {
	content:'\2714';
	text-indent: 0em;
	color: #C2C2C2;
}
#radiogroups2 input.radio:hover:not(:checked) ~ label:before {
	text-indent: 0em;
}

input.radio:hover:not(:checked) ~ label {
	color: #888;
}

/* toggle on */
input.radio:checked ~ label:before {
	content:'\2714';
	text-indent: 0em;
	color: #9CE2AE;
	color: white;
	background-color:#FFBF94
}
#radiogroups2 input.radio:checked ~ label:before {
	text-indent: .65em;
}

input.radio:checked ~ label {
	color: #777;
}

/* radio focus */
input.radio:focus ~ label:before {
	box-shadow: 0 0 0 3px #999;
}
#radiogroups2 input.radio:focus ~ label:before {
	box-shadow: 0 0 0 2px #999;
}

}
/******************/
#speed{width:25px;text-align: center;}

/* #top{height:80px;vertical-align: middle;line-height:70px;overflow:hidden;}
#top a{display:inline-block;width:73px;height:100%;overflow:hidden;text-align:center;vertical-align: middle;}
#top a img{width:36px;height:36px;border:0;vertical-align: middle;}
#top a span{display:inline-block;margin-top:-10px;min-width:70px;text-align:center;line-height:1.1;color:#4E4E4E;vertical-align: top;} */

#player{padding:0px 10px;width:343px;position:relative;}

#player{background-color: white;}
#player *{margin:0;padding:0;}
#player ol,#player ul{list-style:none;}
#player i{float:left;line-height:20px;font-style:normal;font-size:12px;font-family: Arial;}
#player .bt_play{float:left;width:44px;height:44px;margin:10px 10px 10px 0;background:url(../images/bt_play.png) -3px -3px no-repeat;}
#player .bt_play:hover{background-position:-53px -3px;}
#player .bt_play.play{background-position:-103px -3px;}
#player .bt_play.play:hover{background-position:-153px -3px;}

#player #myslider{float:left;margin:18px 0px 10px 8px;;width:260px;height:5px;background:url(../images/progress_track.png) no-repeat;}
#player #myslider .ui-state-default{width:16px;height:11px;margin-left:-8px;top:-3px;background:url(../images/progress_thumb.png) no-repeat;border:0;}
#player #myslider ul{width:286px;margin:-12px 0 0 -12px;}
#player #myslider ul li{float:left;height:10px;font-size:9px;font-family: Arial;}

#player .bt_prev{float:left;width:22px;height:22px;margin-right:5px;background:url(../images/bt_prevnext.png) -51px -1px no-repeat;}
#player .bt_prev:hover{background-position:-76px -1px;}
#player .bt_next{float:left;width:22px;height:22px;margin-right:10px;background:url(../images/bt_prevnext.png) -1px -1px no-repeat;}
#player .bt_next:hover{background-position:-26px -1px;}

#player #myslider2{float:left;margin:7px 0px 5px 0px;width:80px;height:4px;background:url(../images/volume_track.png) no-repeat;}
#player #myslider2 .ui-state-default{width:12px;height:12px;margin-left:-6px;top:-4px;background:url(../images/volume_thumb.png) no-repeat;border:0;}

/**** select *******/
#select123{}
#select123>div{padding:2px 0;}
#select123>div>label{display:inline-block;width:88px;border:0;font-weight:bold;font-size:14px;}
#select123>div>div{display:inline-block;width:150px;}



div.link1_list{
margin:0px 10px 10px 10px;
padding-left:10px;
color: #666666;
font-size: 14px;
text-align: justify;
font-family: Arial, Verdana, sans-serif;
}
div.link1_list a{
display:inline-block;padding:12px 12px;
}



@media (max-width:1660px) {
    #support-text{letter-spacing: -2px;}
}
@media (max-width:1550px) {
    #support-text{font-size:35px;}
}
@media (max-width:1420px) {
    #support-text{font-size:32px;}
}
@media (max-width:1330px) {
    #header_tp{display:none;}
}


@media (max-width:1300px) {
    #header_tp{display:none;}
	.window_wrap {width: 40%;}
	.right-side_wrap{left:40%;}
}