body {
  background-color: #007700;
  padding-top: 0px;
  padding-left: 14px;
  padding-right: 14px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;

  height: 100%;

  /* font-family: Verdana, arial, sans-serif; */
  font-family: verdana, arial, sans-serif;
  font-size: 11pt;
  z-index: 1;
}

.emblam {
  background-color: #003300;
  background-image: url("penno_emb.png");
  width: 73px;
  height: 110px;
}

.plogo {
  background-color: #003300;
  background-image: url("plogo.png");
  background-position: center center;
  background-repeat: no-repeat;
  height: 89px;
}

.logo {
  background-color: #003300;
  position: relative;
  width: 920px;
  height: 90px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("logo.png");

  padding-left: 0px;
  padding-right: 0px;
}

.navbar {
  position: relative;
  width: 920px;
  height: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;

  padding-left: 0px;
  padding-right: 0px;

  background-color: #003300;
/*
  background-image: url('grad1.png');
  background-repeat: repeat-x;
  */

  z-index: 100;
}

.navGrad {
  position: relative;
  width: 920px;
  height: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;

  padding-left: 0px;
  padding-right: 0px;

  background-image: url('grad1.png');
  background-repeat: repeat-x;
}

#middleSection {
  /* background-color: #b8cfbf; */
  /* background-color: #efffef; */
  background-color: #ffffff;
  /*
  border-left-width: 2px;
  border-right-width: 2px;
  border-color: #0c0c0c;
  */
  position: relative;
  width: 888px;
  height: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;

  padding-left: 16px;
  padding-right: 16px;
}

#contentSection {
  width: 710px;
  vertical-align: top;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  z-index: 2;

  /*
  background-image: url("logo_background2.png");
  background-position: top center;
  background-repeat: no-repeat;
  */
  /*background-attachment: fixed;*/
}


#sidebar {
  width: 160px;
  vertical-align: top;
  margin: 0;
  padding: 0;
  border-left-style: dashed;
  border-left-width: 1px;
  border-left-color: #afafaf;

  padding-left: 4px;
  padding-right: 4px;

  font-size: 10pt;
}

.lowerTrans {
  position: relative;
  width: 920px;
  height: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;

  padding-left: 0px;
  padding-right: 0px;

  background-image: url('grad2.png');
  background-repeat: repeat-x;
  z-index: 1;
}

.footer {
  position: relative;
  width: 920px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0px;
  padding-right: 0px;

  font-size: 9px;
  background-color: #003300;
  color: #ffcc33;
  text-align: center;
}

A {
  text-decoration: none;
  color: #0000ff;
}

A:hover {
  text-decoration: underline;
}

H1 {
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  color: #003300;
  margin-top: 0px;
  margin-left: 0px;
  padding-top: 12px;
  padding-left: 25px;

  font-size: 14pt;
}

.grad1 {
}

.menulink {
  color: #ffcc33;
  font-weight: bold;
}

.idspan {
  font-size: 9pt;
  position: absolute;
  right: 16px;
  color: #ffcc33;
}

.smalllink {
  color: #ffcc33;
}

thead {
  font-weight: bold;
}

table.zero {
  table-layout: fixed;
  border-collapse: collapse;
  border: 0;
  margin: 0;
  padding: 0;
}

.zero {
  border:0;
  margin:0;
  padding:0;
}

.center {
  margin-left: auto;
  margin-right: auto;
}

.compacttable {
  border-collapse: collapse;
  padding: 1px;
}

.admintable {
  border-collapse: collapse;
  padding: 1px;
  font-size: 10pt;
  
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  margin-top: 15px;
 
}

.headrow {
  background-color: #00005f;
  color: #ffcc33;
  font-weight: bold;
}

.rownorm {
  /* background-color: #cfefcf; */
  background-color: #ccffcc;
}

.rowalt {
  /* background-color: #afffaf; */
  background-color: #ffffcc;
}

.rownorm:hover,.rowalt:hover {
  /*background-color: #ffdd77;*/
  background-color: #ccccff;
}

/*
.rowalt:hover {
  background-color: #ffdd77;
}*/

.cmdBoxOuter {
  /* float: right; */
  width: 95%;
  margin-right: 4px;
  margin-left: 4px;
  
  border-width: 3px;
  border-color: #6f6f6f;
  border-style: double;

  background-color: #ffffff;

  padding: 0 0;
}

.cmdBoxInner {

  right: 0px;

  width: 100%;

  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}

A.operation {
  font-size: 9pt;
  color: #0000ff;
  text-decoration: none;
}

A.operation:hover {
  text-decoration: underline;
}

.cmdButton {
  background-color: #003300;
  color: #ffcc33;
  font-weight: bold;
  border-width: 1px;
  border-style: solid;
}

.cmdButtonDisabled {
  background-color: #9f9f9f;
  color: #cfcfcf;
}

.inputFlat {
  border-width: 1px;
  border-style: solid;
  border-color: #707070;
}

input {
  border-width: 1px;
  border-style: solid;
  border-color: #707070;
  background-color: #ffffcc;
}

select {
  background-color: #ffffcc;
  border-width: 1px;
  border-style: solid;
  border-color: #707070;
}

#errorDiv {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: bold;
  font-size: 10pt;
  color: #C50202;
}

.catLink {
  border: 0px;
  text-decoration: none;
  color: #003f00;
}

.catLink:hover {
  color: #00cf00;
  text-decoration: none;
  border: 0px;
  font-weight: bold;
}

A.cmdLink {
  color: #0000ff;
  text-decoration: none;
  border: 0px;
}

A.cmdLink:hover {
  text-decoration: underline;
}

.actionImgLink {
  border: 0px;
  cursor: pointer;
  vertical-align: middle;
}

.blankActionImg {
  border: 0px;
  vertical-align: middle;
}

.blankAction {
  width: 22px;
  height: 22px;
}

td.actions {
  text-align: right;
}

.stdLink {
  color: #0000ff;
  text-decoration: none;
}

.stdLink:hover {
  text-decoration: underline;
}

.pagePath {
  font-size: 9pt;
  padding: 2px;
  border-width: 1px;
  border-color: #7f7f7f;
  border-style: solid;
}

#permDiv {
  position: absolute;
  top: 40px;
  left: 60px;
  width: 600px;
  height: 400px;
  
  border-style: solid;
  border-width: 1px;
  background-color: #ffffff;
  z-index: 400;
}

#dialogDiv {
  position: absolute;
  top: 40px;
  left: 60px;
  width: 600px;
  height: 400px;
  
  border-style: solid;
  border-width: 1px;
  background-color: #ffffff;
  z-index: 400;
}

.dialogContentFrame {
  background: #ffffff;
  margin-top: 0 0;
  padding: 0 0;
}

#previewDiv {
  border-width: 1px;
  border-style: dashed;
  border-color: #00005f;
  padding: 2px;
}

#sajaStatus
{
  position: absolute;
  top: 2px;
  left: 2px;

  color: #000000;
  font-size: 10pt;
}

#helpDiv
{
  position: absolute;
  top: 40px;
 
  z-index: 300;
  
  background-color: #ffffff;
  
  border-width: 1px;
  border-color: #7f7f7f;
  border-style: solid;
  
  padding: 4px;
  font-size: 10pt;
  
  display: none;
}

/********************** MENU stuff ********************/
#navbar dl, #navbar dd,#navbar ul,#navbar li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#navbar dl {
  float: left;
  padding-left: 2px;
  padding-right: 2px;
  /* width: 12em; */
  margin-left: 2px;
  margin-right: 2px;
}

#navbar dt {
cursor: pointer;
text-align: left;
font-weight: bold;
  color: #ffcc33;
/*background: #ccc; */
/*border: 1px solid gray;*/
margin: 1px;
}

#navbar dt:hover {
  background-color: #78a179;
}

#navbar dd {
display: none;
border: 1px solid gray;
/*position: absolute;*/
position: absolute;
}

#navbar li {
text-align: left;
background-color: #003300;
}
#navbar li a, #navbar dt a {
color: #ffcc33;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#navbar li a:hover, #navbar dt a:hover {
  background-color: #78a179;
}