/*****************************************************************************
 * Pseudo-classes
 *****************************************************************************/
.title {
}

.header {
}

.subheader {
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  margin: auto auto auto auto;
  text-align: center;
  vertical-align: middle;
}

.radio {
}

.odd {
}

.even {
}

.row {
}

.php-error {
  position: absolute;
  background: #ffffff;
  color: #000000;
  z-level: 1000;
  font-size: 15px;
}

#bold {
  font-weight: bold;
}

#left {
  text-align: left;
}

#right {
  text-align: right;
}

#center {
  margin: auto auto auto auto;
  text-align: center;
  vertical-align: middle;
}

/*****************************************************************************
 * empty
 *****************************************************************************/

.empty {
  border-spacing: 0px 0px;
  border-collapse: collapse;
  padding: 0px 0px 0px 0px;
}

/*****************************************************************************
 * bullet
 *****************************************************************************/
.bullet {
  color: #000000;
}

/*****************************************************************************
 * margin
 *****************************************************************************/
.margin {
  width: 100%;
  margin: 0px auto 0px auto;
  padding: 0px 5px 0px 5px;
  border: none;
  background: #ffffff;
  text-align: center;
}

/*****************************************************************************
 * blue-arrows
 *****************************************************************************/

.left .blue-arrow {
  position: relative;
  text-align: center;
  margin: 0px 0px 0px 0px;
  width: 15px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/inverse-blue-arrow-left.gif) no-repeat center center;
}

.left .blue-arrow-hover {
  position: relative;
  width: 15px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/blue-arrow-left.gif) no-repeat center center;
}

.right .blue-arrow {
  position: relative;
  width: 15px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/inverse-blue-arrow-right.gif) no-repeat center center;
}

.right .blue-arrow-hover {
  position: relative;
  width: 15px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/blue-arrow-right.gif) no-repeat center center;
}

.left .blue-double-arrow {
  position: relative;
  width: 25px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/inverse-blue-double-arrow-left.gif) no-repeat center center;
}

.left .blue-double-arrow-hover {
  position: relative;
  width: 25px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/blue-double-arrow-left.gif) no-repeat center center;
}

.right .blue-double-arrow {
  position: relative;
  width: 25px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/inverse-blue-double-arrow-right.gif) no-repeat center center;
}

.right .blue-double-arrow-hover {
  position: relative;
  width: 25px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/blue-double-arrow-right.gif) no-repeat center center;
}

.left .blue-end-arrow {
  position: relative;
  width: 20px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/inverse-blue-end-arrow-left.gif) no-repeat center center;
}

.left .blue-end-arrow-hover {
  position: relative;
  width: 20px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/blue-end-arrow-left.gif) no-repeat center center;
}

.right .blue-end-arrow {
  position: relative;
  width: 20px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/inverse-blue-end-arrow-right.gif) no-repeat center center;
}

.right .blue-end-arrow-hover {
  position: relative;
  width: 20px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/blue-end-arrow-right.gif) no-repeat center center;
}

/*****************************************************************************
 * white-arrows
 *****************************************************************************/

.white-arrow-l {
  position: relative;
  text-align: center;
  margin: 0px 0px 0px 0px;
  width: 15px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/inverse-white-arrow-left.gif) no-repeat center center;
}

.white-arrow-l-hover {
  position: relative;
  text-align: center;
  margin: 0px 0px 0px 0px;
  width: 15px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/white-arrow-left.gif) no-repeat center center;
}

.white-arrow-r {
  position: relative;
  width: 15px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/inverse-white-arrow-right.gif) no-repeat center center;
}

.white-arrow-r-hover {
  position: relative;
  width: 15px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/white-arrow-right.gif) no-repeat center center;
}

.white-double-arrow-l {
  position: relative;
  width: 25px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/inverse-white-double-arrow-left.gif) no-repeat center center;
}

.white-double-arrow-l-hover {
  position: relative;
  width: 25px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/white-double-arrow-left.gif) no-repeat center center;
}

.white-double-arrow-r {
  position: relative;
  width: 25px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/inverse-white-double-arrow-right.gif) no-repeat center center;
}

.white-double-arrow-r-hover {
  position: relative;
  width: 25px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/white-double-arrow-right.gif) no-repeat center center;
}

.white-end-arrow-l {
  position: relative;
  width: 20px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/inverse-white-end-arrow-left.gif) no-repeat center center;
}

.white-end-arrow-l-hover {
  position: relative;
  width: 20px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/white-end-arrow-left.gif) no-repeat center center;
}

.white-end-arrow-r {
  position: relative;
  width: 20px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/inverse-white-end-arrow-right.gif) no-repeat center center;
}

.white-end-arrow-r-hover {
  position: relative;
  width: 20px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/white-end-arrow-right.gif) no-repeat center center;
}

/*****************************************************************************
 * blue-arrows
 *****************************************************************************/

.blue-arrow-l {
  position: relative;
  text-align: center;
  margin: 0px 0px 0px 0px;
  width: 15px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/inverse-blue-arrow-left.gif) no-repeat center center;
}

.blue-arrow-l-hover {
  position: relative;
  text-align: center;
  margin: 0px 0px 0px 0px;
  width: 15px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/blue-arrow-left.gif) no-repeat center center;
}

.blue-arrow-r {
  position: relative;
  width: 15px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/inverse-blue-arrow-right.gif) no-repeat center center;
}

.blue-arrow-r-hover {
  position: relative;
  width: 15px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/blue-arrow-right.gif) no-repeat center center;
}

.blue-double-arrow-l {
  position: relative;
  width: 25px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/inverse-blue-double-arrow-left.gif) no-repeat center center;
}

.blue-double-arrow-l-hover {
  position: relative;
  width: 25px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/blue-double-arrow-left.gif) no-repeat center center;
}

.blue-double-arrow-r {
  position: relative;
  width: 25px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/inverse-blue-double-arrow-right.gif) no-repeat center center;
}

.blue-double-arrow-r-hover {
  position: relative;
  width: 25px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/blue-double-arrow-right.gif) no-repeat center center;
}

.blue-end-arrow-l {
  position: relative;
  width: 20px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/inverse-blue-end-arrow-left.gif) no-repeat center center;
}

.blue-end-arrow-l-hover {
  position: relative;
  width: 20px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/blue-end-arrow-left.gif) no-repeat center center;
}

.blue-end-arrow-r {
  position: relative;
  width: 20px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/inverse-blue-end-arrow-right.gif) no-repeat center center;
}

.blue-end-arrow-r-hover {
  position: relative;
  width: 20px;
  height: 15px;
  margin: auto auto auto auto;
  background: url(../images/blue-end-arrow-right.gif) no-repeat center center;
}

/*****************************************************************************
 * expand / contract
 *****************************************************************************/
.expand {
  width: 10;
  height: 10;
  background: url(../images/white-box-plus.gif) no-repeat center center;
}

.expand:hover {
  width: 10;
  height: 10;
  background: url(../images/white-box-minus.gif) no-repeat center center;
}

.contract {
  width: 10;
  height: 10;
  background: url(../images/white-box-minus.gif) no-repeat center center;
}

.contract:hover {
  width: 10;
  height: 10;
  background: url(../images/white-box-plus.gif) no-repeat center center;
}

/*****************************************************************************
 * message
 *****************************************************************************/
.message {
  padding: 0px 0px 0px 0px;
  background: #f0f0ff;
  margin: 0px 0px 10px 0px;
  border: 1px solid #002984;
  font-size: 11px;
  color: #002984;
}

.message .body {
  padding: 5px 5px 5px 5px;
}

.message .title {
  background: #667bc1;
  border-bottom: 1px solid #002984;
  padding: 2px 3px 2px 3px;
  font-size: 13px;
  color: #ffffff;
}

.message .header {
  background: #e0e0ef;
  border-bottom: 1px solid #002984;
  padding: 2px 3px 2px 3px;
  color: #002984;
  font-size: 11px;
  font-weight: normal;
}

DIV.message {
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 5px;
  border: none;
  background: #ffffff;
}

TABLE.message {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px 0px;
}

/*****************************************************************************
 * image
 *****************************************************************************/
.image {
  border-collapse: collapse;
  border-spacing: 0px 0px;
  font-size: 11px;
  color: #000000;
  margin: auto auto auto auto;
}

.image .name {
  padding: 2px 3px 2px 3px;
  text-align: left;
}

.image .description {
  padding: 2px 3px 2px 3px;
  text-align: left;
}

.image .option {
  padding: 2px 3px 2px 3px;
  text-align: left;
}

TABLE.image {
  margin-top: 20px;
  margin-bottom: 20px;
}


/*****************************************************************************
 * Generic
 *****************************************************************************/
BR {
  font-size: 11px
}

FONT
{
  font-weight: normal;
  color: #002984;
  font-size: 12px;
  font-family: verdana, tahoma, sans-serif;
  font-style: normal;
}

.error_prompt {
  font-size: 14px;
  color: #ff0000;
  font-family: arial;
  font-style: normal;
}

TEXTAREA, HTML, BODY, INPUT, SELECT {
  border-spacing: 0px 0px;
  border: none collapse;
  margin: 0px 0px 0px 0px;

  font-size: 11px;
  color: #000000;
  font-family: arial;
  font-style: normal;
}

.text-small {
  font-size: 9px;
}

/*****************************************************************************
 * Currently unused
 *****************************************************************************/
TD.footerArial {
  FONT-SIZE: 11px;
  COLOR: #0033a3;
  FONT-FAMILY: Arial;
  FONT-STYLE: normal;
  TEXT-DECORATION: none;
}
.footer {
  FONT-SIZE: 11px;
  COLOR: #0033a3;
  FONT-FAMILY: Arial;
  FONT-STYLE: normal;
  TEXT-DECORATION: none;
}
A.footer {
  FONT-SIZE: 11px;
  COLOR: #0033a3;
  FONT-FAMILY: Arial;
  FONT-STYLE: normal;
  TEXT-DECORATION: none;
}
A.footer:hover {
  COLOR: #ffcc33;
  FONT-SIZE: 11px;
  FONT-FAMILY: Arial;
  FONT-STYLE: normal;
  TEXT-DECORATION: underline
}

.menu {
  FONT-SIZE: 11px;
  COLOR: #002984;
  FONT-FAMILY: Verdana, Tahoma, sans-serif;
  FONT-STYLE: normal;
  TEXT-DECORATION: none;
}
A.menu {
  FONT-SIZE: 11px;
  COLOR: #002984;
  FONT-FAMILY: Verdana, Tahoma, sans-serif;
  FONT-STYLE: normal;
  TEXT-DECORATION: none;
}
A.menu:hover {
  COLOR: #ffcc33;
  FONT-SIZE: 11px;
  FONT-FAMILY: Verdana, Tahoma, sans-serif;
  FONT-STYLE: normal;
  TEXT-DECORATION: underline
}

p.bluebtext {
  FONT-WEIGHT: bold;
  FONT-SIZE: 13px;
  COLOR: #002984;
  FONT-FAMILY: Verdana, Tahoma, sans-serif;
  FONT-STYLE: normal;
}
p.bluebtext_10 {
  FONT-WEIGHT: bold;
  FONT-SIZE: 11px;
  COLOR: #002984;
  FONT-FAMILY: Verdana, Tahoma, sans-serif;
  FONT-STYLE: normal;
}
TD.bluebtext {
  FONT-SIZE: 11px;
  COLOR: #002984;
  FONT-FAMILY: Verdana, Tahoma, sans-serif;
  FONT-STYLE: normal;
}
ul.bluebtext {
  FONT-SIZE: 11px;
  COLOR: #002984;
  FONT-STYLE: normal;
}
li.bluebtext {
  FONT-SIZE: 11px;
  COLOR: #002984;
  FONT-STYLE: normal;
}
p.bluetext {
  FONT-SIZE: 11px;
  COLOR: #002984;
  FONT-FAMILY: Verdana, Tahoma, sans-serif;
  FONT-STYLE: normal;
}
TD.bluetext {
  FONT-SIZE: 11px;
  COLOR: #002984;
  FONT-FAMILY: Verdana, Tahoma, sans-serif;
  FONT-STYLE: normal;
}
li.bluetext {
  FONT-WEIGHT: normal;
  FONT-SIZE: 11px;
  COLOR: #002984;
  FONT-STYLE: normal;
}
dl.bluetext {
  FONT-WEIGHT: normal;
  FONT-SIZE: 11px;
  COLOR: #002984;
  FONT-STYLE: normal;
}
dd.bluetext {
  FONT-WEIGHT: normal;
  FONT-SIZE: 11px;
  COLOR: #002984;
  FONT-STYLE: normal;
}
ul.bluetext {
  FONT-WEIGHT: normal;
  FONT-SIZE: 11px;
  COLOR: #002984;
  FONT-STYLE: normal;
}

.content
{
  FONT-SIZE: 9px;
  COLOR: #0033a3;
  FONT-FAMILY: Arial;
}
font.smallblue
{
  FONT-SIZE: 11px;
  COLOR: #002984;
}

font.smallblue9
{
  FONT-SIZE: 9px;
  COLOR: #002984;
}

font.smallred
{
  FONT-SIZE: 11px;
  COLOR: red;
}

font.redtext {
  FONT-WEIGHT: normal;
  FONT-SIZE: 11px; COLOR: red;
  FONT-FAMILY: Verdana, Tahoma, sans-serif;
  FONT-STYLE: normal;
}

u.redtext {
  COLOR: red;
}

font.darkredbold
{
  FONT-WEIGHT: bold;
  FONT-SIZE: 15px;
  COLOR: darkred;
}
font.white
{
  FONT-SIZE: 11px;
  COLOR: white;
}
a.darkredbold
{
  FONT-WEIGHT: bold;
  FONT-SIZE: 15px;
  COLOR: darkred;
}
*/