html { color: #22321a; background: #FFFFFF ;text-align:left;}
body   { font-face: clean; font-size: 11pt ; font-family: helvetica}

h1, h2, h3, h4, h5, h6  { font-family: helvetica; font-weight: bold; color:#0f98dd; }
h1   { font-size: 14pt }

tr   { font-face: clean; font-size: 11pt ; font-family: helvetica}
td.header  { color: #FFF; background: #47C; font-size: 11pt;}

img { position: relative; }

.caption {font-size:9pt; vertical-align:top; }
                                                                                                                                                             


table.box, table.boxed, div.boxed, div.box 
{ 
  background:#EEE; 
  border: 1px solid #22321a; 
  width:570px; position:relative;
  padding: 5px;
  text-align: left;
}

div.topBox 
{ 
  background: #CCC; 
  border: 1px solid #22321a; 
  width: 570px; 
  position: relative;
}

div.boxHeader 
{ 
  background:#CCC url(images/topaz/boxHeaderBG.png); 
  color:#FFF; 
  width:100%; 
  font-size:12pt; 
  font-weight:bold; 
  position:relative; 
  text-align:center
}

div.boxSubHeader 
{ 
  text-align: right; 
  background: #4f7dcc url(images/topaz/boxHeaderBG.png); 
  color: #C6ebfe; 
  width: 100%; 
  height: 16pt; 
  font-weight: bold; 
  margin: 0px;
}
div.errorBoxSubHeader { text-align:right; background:#2e219b; color:#ffffff; width:100%; height:16pt; font-weight:bold; margin:0 0 0 0}


a { text-decoration:none; color:#2e219b; font-weight:bold; font-size:10pt;}
a:hover { text-decoration:none; color:#000000; font-weight:bold; font-size:10pt; text-decoration:underline}
a.subHeader { text-decoration:none; color: #dddddd; font-weight:bold; font-size:12pt;}
a.subHeader:hover {color: #2e219b}

a.top {color:#000000}
a.top:hover {color:#ffffff}
a.top:visited {color:#000000}
a.top:active {color:#000000}


.header
{
  background: #2e219b url(images/topaz/boxHeaderBG.png);
  color: #fff;
  font-weight: bold;
  font-size: 14pt;
  text-align: center;
}

.subHeader { color:#ffffff; background-color:#000000; font-weight:bold; font-size:12pt }
.oddRow { background: #cccccc }
.evenRow { background: #dddddd }

.label, .labelLeft, .labelCenter { color:#22321a; font-weight:bold; vertical-align:top; font-size: 10pt;}
.label {text-align:right;}
.labelLeft {text-align:left;}
.labelCenter {text-align:center;}

.message, .invalidLabel { color:#ff0000; font-weight:bold; text-align:right;}

.boxHeader 
{ 
  color: #c6ebfe; 
  font-size: 12pt; 
  font-weight: bold;
}

.boxSubHeader { color:#ffffff; font-weight:bold;}

table.boxed
{
  background-color:#ffffff;
  border: 1px solid #000000;
  width:570px;
}