/*

  GLOBAL CONTAINER

*/
body {
  background-color: #fcfcfc;
}
#landscape {
  position:absolute;
  background-color: #fff;
  width: 100%;
  max-width: 1024px;
  max-height: 768px;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 5;
  overflow: hidden;
  margin:  0px auto;
  outline: 2px solid #5e8c71;
  box-shadow: 0 0 8px rgba(8, 8, 8, 0.25);
}
#portrait {
	display: none;
}
.bgContainer {
  position: absolute;
  width:  100%;
  height: 100%;
  overflow: hidden;
}
.bgTop, .bgMiddle, .bgBottom {
  opacity: 1.0;
  transition: opacity .35s linear;
  position: absolute;
  left: 0px;
  z-index: -5;
}
.bgTop {
  top: 0px;
}
.bgMiddle {
  top: 30%;
}
.bgBottom {
  bottom: 0px;
}
.rightpanel, .leftpanel {
  img {
    cursor: pointer;
  }
}

/*

  CENTER PANEL

*/
@import "base_centerpanel.less";

/*

  LEFT PANEL

*/
@import "base_leftpanel.less";

/*

  RIGHT PANEL

*/
@import "base_rightpanel.less";




/*

  REST

*/
/* CLEARFIX */
.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
.clearfix:after {
  clear: both;
}

/* For IE 6/7 only*/
.clearfix {
  *zoom: 1;
}