body { font-family:arial, verdana, sans-serif; }
A    { color: #660000; 
	font-variant:small-caps; 
	text-decoration:underline}
A:hover, A:active     { text-decoration: none; }

img {
    border: 0;
    padding-left: 2;
    padding-right: 2;
}

/* band divs */
div.band { width: 100%; margin-bottom: 20px }

/* table styles */
table {border: 1px solid; 
       border-collapse: collapse; 
       border-color: #000}

/* form fields */
input {
border : 1px solid #b9b9b9; 
color : #660000;
cursor : pointer; 
font-family : arial; 
font-size : 12px; 
font-weight : normal; 
margin : 1px;
} 

textarea {
border : 1px solid #b9b9b9;
color : #660000;
cursor : pointer;
font-family : arial;
font-size : 12px;
font-weight : normal;
margin : 1px;
}

select {
border : 1px solid #b9b9b9;
color : #660000;
cursor : pointer;
font-family : arial;
font-size : 12px;
font-weight : normal;
margin : 1px;
}

/* noborder tables */
table.noborder { border: 0px solid  }
table.noborder td { font-size: 9pt ; padding: 2}

/* band tables */
table.band { width: 100%; border: 1px solid ; margin-top: 10px; } 
table.band th { font-size: 10pt; 
		font-weight:bold; 
		background-color: #660000; 
		padding: 2; 
		border-collapse: collapse}
table.band th.title { font-size: 12pt; text-align: left ; color: #ffffff }
table.band th.function { text-align: right }
table.band th.function A    { color: #ffffff }
table.band td { font-size: 9pt; padding: 2; background-color: #DCD7CF}
table.band td.function { text-align: right; font-size: 9pt; padding: 2; background-color: #DCD7CF}

/* list tables */
table.list { width: 100%; margin-top: 3px}
table.list th { border: 1px solid; 
		font-size: 10pt; 
		font-weight:bold; 
		background-color: #b9b9b9; 
		border-color: #000; 
		padding: 2}
table.list td { border: 1px solid 
		font-size: 9pt; 
		background-color: #fff;
		border-color: #aaa; 
		padding: 2}
table.list tr.even td {background-color: #dddddd}
table.list tr.odd td {background-color: #ffffff}

/* view tables */
table.view { margin-top: 3px}
table.view th { border: 1px solid; 
		text-align: left;	
		font-size: 10pt; 
		font-weight:bold; 
		background-color: #b9b9b9; 
		border-color: #000; 
		padding: 2}
table.view td { border: 1px solid 
		font-size: 9pt; 
		background-color: #fff;
		border-color: #aaa; 
		padding: 2}

/* edit tables */
table.edit { margin-top: 20px; border: 1px}
table.edit th { border: 1px solid; 
		text-align: left;	
		font-size: 10pt; 
		font-weight:bold; 
		background-color: #b9b9b9; 
		border-color: #000; 
		padding: 2}
table.edit td { border: 1px solid 
		font-size: 9pt; 
		background-color: #fff;
		border-color: #aaa; 
		padding: 2}
table.edit td.button { border: 0px solid; 
		background-color: #DCD7CF;
		text-align: center}
table.edit td input { border: 1px solid; margin: 5px  }
table.edit td textarea { border: 1px solid; margin: 5px; }
table.edit td.button input { border: 1px solid; margin: 5px; background-color: #660000; color: #ffffff }
table.edit td input.chkbx { border: none }

/* copy tables */
table.copy { margin-top: 20px; border: 1px}
table.copy th { border: 1px solid;
        text-align: left;
        font-size: 10pt;
        font-weight:bold;
        background-color: #b9b9b9;
        border-color: #000;
        padding: 2}
table.copy td { border: 1px solid
        font-size: 9pt;
        background-color: #fff;
        border-color: #aaa;
        padding: 2}
table.copy td.button { border: 0px solid;
        background-color: #DCD7CF;
        text-align: center}
table.copy td input { border: 1px solid; margin: 5px  }
table.copy td.button input { border: 1px solid; margin: 5px; background-color: #660000; color: #ffffff }
table.copy td input.chkbx { border: none }

/* generic TD classes */
td.string { text-align: left; } 
td.number { text-align: right; } 
td.function { text-align: right } 
td.element { text-align: center } 
td.ipv4 { text-align: left } 


/* debug text*/
.debug { font-size: 7pt; font-family: sans-serif }

div.breadcrumbs {
      font-family:verdana, arial, sans-serif;
      width: 100%;
      margin: 0px;
      text-align: left;
      color:#FFF;
      border: 0px solid #ffffff;
      background-color: #000;
      font-weight:normal;
      font-size: 8pt;
      padding-bottom: 3px;
      text-transform:uppercase}
div.breadcrumbs A    { color: #ffffff }

div.search {
      font-family:verdana, arial, sans-serif;
      text-align: right;
      color:#FFF;
      border: 0px solid #ffffff;
      background-color: #000;
      font-weight:normal;
      font-size: 8pt;
      padding: 0px;
      margin-right: 10px;
      text-transform:uppercase}
div.search input { margin: 1px; }
div.search select { margin: 1px; }

div.navbar {
      font-family:verdana, arial, sans-serif;
      width: 100%;
      margin: 0px;
      text-align: left;
      color:#FFF;
      border: 0px solid #ffffff;
      background-color: #000;
      font-weight:normal;
      text-transform:uppercase}
div.navbar td {
	padding-left: 10px;
	padding-right: 10px;
    font-size: 8pt;
	border: 2px solid #ffffff; 
	text-align: center; 
	font-weight: normal; 
	color: #fff}
div.navbar td A    { color: #ffffff }

div.banner {
      font-family:verdana, arial, sans-serif;
      color:#660000;
      font-size:xx-large;
      font-weight:normal;
      border-bottom:3px solid #660000;
      background:#000;
      padding:10px;
      text-transform:uppercase;
      letter-spacing: .2em;
      }

div.content {
      /* two slashes fixes the table width prob in both ie and moz, for some reason?!? */
      //width: 100%; 
      margin: 4px;
      padding: 15px;
      text-align: center;
      border: 5px solid #660000;
      border-top: 5px solid #660000;
      background: #DCD7CF;
      }


