﻿* html #head, * html #footer, * html #left
{
  position: absolute;
}

html
{
  height: 100%;
  max-height: 100%;
  padding: 0;
  margin: 0;
  border: 0; 
  /* hide overflow:hidden from IE5/Mac */ 
  /* \*/
  overflow: hidden; 
  /* */
}

body, form
{
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: 0;
}

#head
{
  position: fixed;
  margin: 0;
  top: 0;
  right: 18px;
  display: block;
  width: 100%;
  height: 120px;
  z-index: 5;
}

#headLogoLeft
{
  float: left;
  margin-left: 20px;
}

#headLoginView
{
  float: right;
  margin-right: 20px;
  font-size: 18px;
}

#pageHeader
{
  position: fixed;
  top: 70px;
  right: 18px;
  left: 0;
  height: 50px;
  display: block;
}

#headBottom
{
  position: fixed;
  top: 110px;
  height: 17px;
  width: 100%;
}

#topLeftCorner
{
  width: 28px;
  margin-left: 20px;
  height: 17px;
  float: left;
}

#topMiddleCorner
{
  width: 28px;
  height: 17px;
  float: left;
}

#topRightCorner
{
  width: 28px;
  height: 17px;
  float: right;
}

#left
{
  position: fixed;
  left: 0;
  top: 40px;
  bottom: 18px; /*height: 100%;*/
  width: 250px;
  z-index: 4;
}

#leftLeftTile
{
  position: absolute;
  left: 2px;
  top: 0;
  width: 28px;
  bottom: 18px; /*height: 100%;*/
}

#navContainer
{
  position: absolute;
  left: 28px;
  top: 0;
  width: 218px;
  bottom: 18px; /*height: 100%;*/
  margin-top: 100px;
}

#leftRightTile
{
  position: absolute;
  right: -2px;
  top: 0;
  width: 38px;
  bottom: 18px; /*height: 100%;*/
}

#content
{
  display: block;
  height: 100%;
  max-height: 100%;
  overflow: auto;
  padding: 0 30px 0 255px;
  position: relative;
  z-index: 3;
}

#right
{
  position: fixed;
  right: 18px;
  top: 0;
  height: 100%;
  width: 28px;
  font-size: 1em;
  z-index: 4;
}

#far-right
{
  position: fixed;
  width: 18px;
  top: 0;
  right: 0;  height: 100%;
}

#footerTop
{
  height: 30px;
  width: 100%;
}

#bottomLeftCorner
{
  width: 28px;
  height: 30px;
  float: left;
  margin-left: 20px;
}

#bottomMiddleCorner
{
  width: 38px;
  height: 30px;
  float: left;
}

#bottomRightCorner
{
  width: 28px;
  height: 30px;
  float: right;
}

#footer
{
  position: fixed;
  margin: 0;
  bottom: -1px;
  right: 18px;
  display: block;
  width: 100%;
  height: 95px;
  z-index: 5;
}

.footerLogoLeft
{
  position: fixed;
  left: 20px;
  bottom: 10px;
}

.footerLogoRight
{
  position: fixed;
  right: 20px;
  bottom: 10px;
}

.pad1
{
  display: block;
  width: 20px;
  height: 80px;
  float: left;
}

.pad2
{
  display: block;
  height: 100px;
}

.pad3
{
  display: block;
  width: 18px;
  height: 50px;
  float: left;
}

.pad4
{
  display: block;
  height: 130px;
}

.pad5
{
  display: block;
  height: 50px;
}

.float-left { float: left; }
.float-right { float: right; }
