/*basic layout styles - header, footer, content, scrollbars, etc. */



/*this is for all non-IE browsers. the comment hack excludes IE 5 Mac \*/
#page>#footer,#page>#header{
  position: fixed; 
}/* */
#header{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 103;
  _height: 25px; /*this is the min-height workaround for IE*/
  min-height: 25px;
}
#header ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
#header li{
  float: left;
}
#menuArea li{
  padding: 0px 6px;
  float: left;
}
#menuArea li.button{
  padding: 0;
}
#buttonsArea{
  right: 0;
  top: 0;
  width: 80px; /*this is for Opera--otherwise it collapses the div*/
  position: absolute;
}
#buttonsArea li{
  float: right;
  height: 1%; /*this is to fix the peekaboo bug in IE 5.0*/
}
#content{
  clear: both;
  text-align: center; /*this to center the content in IE <= 5.5*/
}
#content>div,#content>table{
  margin: 0 auto; /*this to center the content in all other browsers*/
}

#content.ressystem{
  text-align: left;
}
#content.ressystem>table{
  margin: 0;
}

#mainheader div{
  _height:1%;
}
#mainheader div.clear{
  height: 1px;
  line-height: 0px;
  font-size: 0px;
  clear: both;
  background: transparent;
}
#mainheader h1{
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0 0 0 5px;
  padding: 0 4px 0 24px;
  float: left;
}
#mainheader div.additional{
  background: transparent;
  font-weight: bold;
  letter-spacing: 2px;
  margin: 0 5px 0 0;
  padding: 2px 0 0 0;
  text-align: right;
  _height:1%;
}

#mainPanel{
  width: 605px;
  padding-top: 5px;
  padding-right: 156px;
  position: relative;
  text-align: left;
}
#notesPanel{
  width: 151px;
  position: absolute;
  top: 5px;
  right: 0;
}
#notesPanel table{
  width: 100%;
}
#mainPanel.wide{
  width: 761px;
  padding-right: 0;
}
#mainPanel.full{
  width: 100%;
  padding-right: 0;
}
.panel td, .panel table{
  background-color: transparent;
}
#mainPanel table.form{
  margin: 5px 0;
  border: 0;
  paddding: 0;
  border-collapse: collapse;
}
#mainPanel table.form td{
  vertical-align: top;
  padding: 1px 6px 1px 2px;
  text-align: left;
}
#mainPanel table.form td.label{
  padding: 1px 2px 1px 0px;
  text-align: right;
  width: 100px;
}
#mainPanel table.form td input, #mainPanel table.form td image{
  vertical-align: top;
}
#mainPanel table.form td.num{
  padding: 1px 2px 1px 6px;
  text-align: right;
}
#mainPanel label{
  font-weight: bold;
}
#mainPanel label.sublabel{
  font-weight: normal;
  font-style: italic;
}
#mainPanel .panel{
  padding: 1px 0 0 0;
  _width:100%;
}
#mainPanel .panel p{
  margin: 5px;
}
#mainPanel .open{
  border-bottom: 0;
}


#footer{
  font-size: 11px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 103;
}
#footer #userArea{
  position: absolute;
  bottom: 0;
  right: 0;
}
#footer strong{
  font-weight: bold;
}
body,form,#page{
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}



/*The following CSS hacks fix Internet Explorer's faulty box model.*/


/*only IE Win >= 5 will apply these rules*/
* html body{
  overflow: hidden;
}
* html #page{
  padding-top: expression((document.getElementById("header")?document.getElementById("header").offsetHeight:'0') + 'px');
  padding-bottom: expression((document.getElementById("footer")?document.getElementById("footer").offsetHeight:'0') + 'px');
}
* html #content{
  width: 100%;
  overflow: auto;
  height: expression(document.getElementById("header")&&document.getElementById("footer")?(document.body.offsetHeight-document.getElementById("header").offsetHeight-document.getElementById("footer").offsetHeight-5)+'px':'auto');
}
* html body.noheader{
  overflow: auto;
}
* html .noheader #page{
  padding: 0px;
}
* html .noheader #content{
  width: auto;
  overflow: none;
  height: auto;
}
* html #mainPanel{
  width: 761px;
}


/*all versions of IE except 5 will ignore this rule*/
body #page>#content{
  padding/**/: 25px 0 44px 0; /*the comment in the declaration hides the rule from IE 5*/
}


/*all versions of IE except 5 will ignore this rule--eliminates the padding on pages with no header or footer*/
body.noheader #page>#content{
  padding: 0;
}




/*common styles*/
.BUTTON_Normal{
  cursor: pointer;
  _cursor: hand;
}

.redHighlight{
	color: red
}