layout.css

html, body { 
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family:"Times New Roman",Georgia,Serif;
}

body{
	background-color:#D8DCE0;
}

div { margin: 0; padding: 0 }

.head{
	width:100%;
	height:25px;
	background-color:#5998DD;
	color:#ffffff;
	font-size:13px;
	line-height:25px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	text-align:left;
}

.tip{
	font-size:8px;
	display:block;
	height:8px;
	margin-left:3px;
	margin-top:9px;
}

#controls{
	width:200px;height:650px;position:absolute;left:10px;top:10px;
}

#controlsContent{
	height:624px;position:relative;background-color:#ffffff;
}

#btnSwitchContainer{
	width:100%;height:40px;padding-top:5px;background-color:LightBlue;
}

#btnSwitch{
	display:block;height:30px;margin-left:auto;margin-right:auto;
}

#btnFullExtent{
	display:block;height:30px;
}

#selectImageSize{
	display:block;width:190px;margin:0 auto;
}

#viewer{
	width:1040px;height:650px;position:absolute;left:220px;top:10px;
}

#mapId{
	width:1040px;height:625px;background-color:#666666;
}

#iSpring{
	visibility:hidden;diaplay:block;position:absolute;bottom:0px;right:0px;
}

#iSpring div{
	width:81px;height:50px;background-image:url(Images/iSpring.png);
}