/*
 *  Try to use styles that Netscape can handle too.
 *    i.e.:
 *      border-top: 1px solid black
 *     isn't handled by Netscape 4.x, but
 *      border: 1px solid black
 *     and
 *      border-top-width: 1px; border-top-style: solid; border-top-color: black
 *     are handled appropriately
 *
 *  Things will usually always look best in IE.
 */
BODY { font-family: Verdana, Tahoma, Helvetica, Arial; font-size:8pt; color: black; background-color: white; background-image: url('/Images/bgcolor.gif'); background-repeat: repeat-y; }
p { font-family: Verdana, Tahoma, Helvetica, Arial; font-size:8pt; text-align: left; padding-top: 2px; padding-bottom: 2px; margin-top: 2px; margin-bottom: 4px; }
img { border: 0px none }

.bgcolor1, .BGColor1 { background-color: #ffffff }
.bgcolor2, .BGColor2 { background-color: #f4f4f4 }
.error { color: #ff0000; font-weight: bold; font-size: 9pt; border-bottom: 1px solid black; }
.fieldname { font-weight: bold; font-size: 8pt; padding:2px; }
.fieldvalue { font-size: 8pt; }
.fieldvalue_small { font-size: 7pt; }
a { color: #336699; text-decoration: none; }
a:hover { color: #ffcc33; text-decoration: underline; }

/*
 *  Headline styles
 */
.bstrap { color: #eeeeee; width: 100%; text-align: left; font-weight: bold; font-size: 7pt; text-decoration: none; background-color: #000033; text-indent: 2px; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px;}
.gstrap { color: #eeeeee; width: 100%; text-align: left; font-weight: bold; font-size: 7pt; text-decoration: none; background-color: #336666; text-indent: 2px; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; }
.headline { color: #000000; font-weight: bold; font-size: 16pt; text-align: center; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: black; }
.headlinesmall { color: #000000; font-weight: bold; font-size: 14pt; text-align: center; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: black; }
h1 { font-weight: bold; font-size: 16pt; }
h2 { font-weight: bold; font-size: 14pt; }
h3 { font-weight: bold; font-size: 12pt; }

/*
 *  List styles
 */
li { font-size:8pt; padding:2px; }
ul { text-align: left; }

/*
 *  Table styles
 */
table.loginbox,div.loginbox { border: 2px solid #336666 }
table.quicklook,div.quicklook { border: 2px solid #336666 }
th { font-family: Verdana, Tahoma, Helvetica, Arial; font-size: 8pt; text-align: center; font-weight: bold; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; }
td { font-family: Verdana, Tahoma, Helvetica, Arial; font-size: 8pt; padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; }

th.InfoTable { font-family: Verdana, Tahoma, Helvetica, Arial; background-color: #99ccff; }

/*
 *  Form element styles
 *   These often don't inherit the font-family, so we have to explicitly include it
 */
input { font-size: 8pt; font-family: Verdana, Tahoma, Helvetica, Arial; }
input.rightsidebutton { font-weight: bold; font-size: 8pt; width: 175px; font-family: Verdana, Tahoma, Helvetica, Arial; }
input.submit, input[type=submit] { font-weight: bold; font-family: Verdana, Tahoma, Helvetica, Arial; }
option.selecteditem { font-weight: bold; background-color: #cdcdfa; }
option { font-size:8pt; font-family: Verdana, Tahoma, Helvetica, Arial; }
select { font-size:8pt; font-family: Verdana, Tahoma, Helvetica, Arial; }
select.list-bold { font-size:8pt; font-weight:bold; font-family: Verdana, Tahoma, Helvetica, Arial; }
textarea { font-size: 8pt; font-family: Verdana, Tahoma, Helvetica, Arial; }

/*
 *  Page Layout styles
 *   (try to follow CSS level 1 so that Netscape can handle these as well)
 */
.Cell_Title { padding-left:5px; padding-right:0px; padding-top:0px; padding-bottom:5px; }
.Cell_Navigation { padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; }
.Cell_PageContent { padding-left:10px; padding-right:5px; padding-top:5px; padding-bottom:5px; }
div.Copyright { font-family: Verdana, Tahoma, Helvetica, Arial; font-size:7pt; text-align: center; margin-top: 5px; padding-top: 5px; border-top-width: 1px; border-top-style: solid; border-top-color: black; }

/*
 *  Navigation/Sidebar styles
 *   (try to follow CSS level 1 so that Netscape can handle these as well)
 */

table.SideBox
{
  font-family: Verdana, Tahoma, Helvetica, Arial;
  font-size: 6.5pt; 
}

td.SideBoxHeader
{
  font-family: Verdana, Tahoma, Helvetica, Arial;
  font-size: 7.5pt;
  font-weight: bold;
  text-align: left;
  color: #ffffff;
  background-color: #999999;
  border: 1px solid #000000;
  text-decoration: none;
  height: 20px;
  padding: 1px;
  padding-left: 8px;
  padding-right: 8px;
}

td.SideLinkCell
{
  font-family: Verdana, Tahoma, Helvetica, Arial;
  font-size: 6.5pt; 
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

td.SideLinkCellSelected
{
  font-family: Verdana, Tahoma, Helvetica, Arial;
  font-size: 6.5pt; 
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border:1px solid #FCCA03;
  background-color:#FCCA03;
}

.SideLink
{
  font-family: Verdana, Tahoma, Helvetica, Arial;
  font-size: 6.5pt; 
  margin: 1px;
  padding: 1px;
  padding-left: 4px;
  padding-right: 4px;
}

a.SideLink
{
  font-family: Verdana, Tahoma, Helvetica, Arial;
  font-size: 6.5pt; 
  color: #000000;
  background-color: #99CCFF;
  border: 1px solid #99CCFF;
}

a.SideLink:hover
{
  font-family: Verdana, Tahoma, Helvetica, Arial;
  font-size: 6.5pt; 
  color: #ffffff;
  background-color: #6699CC;
  border: 1px solid #FCCA03;
}