/* Default */
* {
 margin: 0;
 padding: 0;
 font-family: verdana, arial, sans;
 background-color: white;
 text-align: justify;
}

html {
 min-height: 101%;
}

.center {
  display: block;
  text-align: center;
}


/* Content */
#content {
  margin: 1em;
  line-height: 130%;
}

#mainContent {
  float: left;
  width: 75%;
}

#mainSide {
  float: right;
  width: 20%;
}

#frontContent {
  float: left;
  width: 60%;
}

#frontSide {
  float: right;
  width: 35%;
  background-color: whitesmoke;
}

#frontSide * {
  background-color: whitesmoke;
}

#frontSide .frontTitle {
  display: block;
  margin: 0.5em 1em 0 1em;
  font-weight: bold;
}

#frontSide li {
  margin-right: 1em;
}

#frontSide .miniScreenshot {
  width: 90%;
  margin: 0.5em 0 0.5em 0;
  border: none;
}

#frontSide .divider {
  margin: 0 1em 0 1em;
  border-bottom: 2px solid gray;
}

#frontSide .download {
  font-size: 100%;
  margin: 0.5em 1em 0.5em 0;
  padding-left: 80px;
  background-image: url('../images/pandabox-icon-50px.gif');
  background-repeat: no-repeat;
  background-position: 1em center;
  height: 50px;
  text-align: left;
  cursor: hand;
}

#frontSide .download a {
  text-decoration: none;
  padding: 0;
}

#content * {
  padding: 0.2em 0 0.2em 0;
}

#content h1 {
  font-size: 150%;
  margin-bottom: 0.5em;
}

#content h2 {
  font-size: 120%;
  margin-left: 1em;
}

#content h3 {
  font-size: 100%;
  margin-left: 2em;
}

#content p, li {
  font-size: 90%;
  margin-left: 3em;
}

#content p {
  margin-bottom: 1.3em;
}


/* Header */
#header {
  margin: 1em;
}

#header img {
  border: none;
  padding: 0;
  margin: 0 5px 0 5px;;
  vertical-align: middle;
  z-index: 200;
}


/* Tabs */
#tabs {
  text-align: right;
  margin-right: 3em;
  margin-bottom: 0.15em;
  margin-top: -1.35em;
  z-index: 100;
}

#tabs a {
  padding: 0.2em 0.7em 0.14em 0.7em;
  border: 2px solid silver;
  border-bottom: none;
  text-decoration: none;
  background-color: white;
  vertical-align: bottom;
  color: gray;
}

#tabs a.selected {
  border: 2px solid black;
  border-bottom: 2px solid white;
  text-decoration: none;
  font-size: 110%;
  color: black;
}

#headerLine {
  border-bottom: 2px solid black;
  margin: 0 1em 0 1em; 
}


/* Footer */
#footer p {
  text-align: center;
  font-size: 70%;
  margin: 0;
  padding-top: 5em;
  margin-bottom: 15em;
  clear: both;
}

/* Loader */
#loadWrap {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-image: url('../images/transparent.png');
}

#loadAni {
  background-color: transparent;
  background-image: url('../images/loading.gif');
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}