/*
 ************************************************************
 * HTML tag level settings
 ************************************************************
 */
A:link {text-decoration: none; color: #663300}
A:visited {text-decoration: none; color: #663300}
A:active {text-decoration: none; color: #663300}
A:hover {text-decoration: underline; color: #FF9933}

A.copyright:link {text-decoration: none; font-weight: normal; color: #333333;}
A.copyright:visited {text-decoration: none; font-weight: normal; color: #333333;}
A.copyright:active {text-decoration: none; font-weight: normal; color: #333333;}
A.copyright:hover {text-decoration: underline; font-weight: normal; color: #990000;}
.copyright {
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size: 10px;
    line-height: 11px;
    color: #333333;
}

body {
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size: 13px;
    font-style: normal;
    line-height: 15px;
    font-weight: normal;
    word-spacing: normal;
    background: #FFFFFF;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
}


/*
 ************************************************************
 * Other class formatting
 * padding: top right bottom left
 ************************************************************
 */

.pagelayout {
  width: 100%;
  padding: 0 0 0 0;
  border-spacing: 0;
  border: 0;
}
.pagelayout td {
  padding: 0 0 0 0;
}

.upperLeftHeader,
.headercontent {
  background: #996633;
}
.headerlayout {
  padding: 0 0 0 0;
  border-spacing: 0;
  border: 0;
  width: 100%;
}
.headerlayout td {
  padding: 0 0 0 0;
}

.userLoginInfo {
  background: #CC9933;
}

#pageContents {
  padding: 0 5 0 10;
}

.footercontent {
  text-align: center;
}

.navlink, .navlinksep {
    background: #CC9933;
}
.navlinkSelected {
    background: #FFFFCC;
}
.displayParams {
    background: #FFFFCC;
}

.userlink {
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size: 12px;
    font-style: normal;
    line-height: 13px;
    font-weight: bold;
    word-spacing: normal;
}

.leftColumn {
  background-image: url('../images/leftColFade.jpg');
  background-repeat: repeat-y;
}

.rightColumn {
  width: 120px;
  background: #FFFFCC;
}

.fieldname,
.errfieldname,
.fieldvalue,
.spanningvalue,
.fieldbuttons,
.formbuttons,
.bodytext {
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size: 13px;
    font-style: normal;
    line-height: 15px;
    font-weight: normal;
    word-spacing: normal;
    color: #000000;
}

.fieldname {
    font-weight: bold; text-align: left;
}
.errfieldname {
    font-weight: bold; text-align: left; color: #FF0000;
}

.heaptitle {
    font-size: 32px;
    font-weight: normal;
    font-style: normal;
    line-height: 42px;
    font-weight: bold;
    word-spacing: normal;
}

.titlebar {
    background-color: #999966;
}

/* ////////////////////////////////////////////////////////////
 * Tree display transforms
 */

.treeitem {
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    line-height: 15px;
    font-weight: normal;
    word-spacing: normal;
}
/* 
    This doesn't work if style="color: #FF0000" is specified in the tag,
    so I'm commenting it out to avoid confusion.
.treeitem:hover {
    color: #999966
}
*/

.treelink {
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    line-height: 15px;
    font-weight: bold;
    text-decoration: none;
    word-spacing: normal;
}

/* easiest way to deal with making list bullets disappear is to render
   them as white */
.li_whitebullet {
    list-style-image:url(../images/whitebullet.gif);
}


.formtable {
    padding: 0;
    border-spacing: 0;
    border: 0;
    width: 90%;
}
.formtable td {
    padding: 1 5 1 5;
}

.arraytable {
    padding: 0;
    border-spacing: 0;
    border: 0;
}
.arraytable td {
    padding: 1 5 1 5;
}


/* ////////////////////////////////////////////////////////////
 * Collection display alternating colors
 */

tr.evenrow {
    background: #FFFFFF;
}

tr.oddrow {
    background: #FFFFCC;
}



/* ////////////////////////////////////////////////////////////
 * Text colors for informational and error messages.
 */

b.infotext {
    color: #000066;
}

b.errortext {
    color: #FF0000;
}