body {
  margin: 0; 
  padding: 0;
  background-color: #000000;
  font-family: Arial;
  font-size: 11px;
  color: #FFFFFF;
  width: 200px;
  height: 300px;
  /*background: url('/image/mdm/geolayer/example1.jpg') no-repeat top left;*/
}

#container {
  width: 200px;
  height: 300px;
}

h1 {
  margin: 0;
  padding: 0;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  font-weight: bold;
  letter-spacing: 1px;
  color: #FF0469;
  padding: 0 10px;
  height: 46px;
}

.pContainer {
  margin-left: 6px;
  margin-top: 1px;
  cursor: pointer;
}

.profileImage {
  float: left; 
  width: 188px; 
  height: 122px;
  margin-bottom: 5px;
}

.online {
  text-align: right; 
  color: #00FF00; 
  font-size: 14px; 
  font-weight: normal; 
  height: 30px; 
  padding-right: 3px;
}

.profileContent {
  margin-top: 56px;
}

.profileLabel {
  font-size: 12px; 
  color: #FFFFFF; 
  display: block; 
  float: left; 
  margin-top: 1px; 
  margin-left: 3px;
}

.cityLabel {
  color: #00FF00; 
  display: block; 
  float: right; 
  margin-right: 3px; 
  font-size: 15px; 
  font-weight: bold;
}

.button {
  display: none;
}

.firsthead {
  display: block;
}

.secondhead {
  display: none;
}