﻿/* Elements */
body {
  color: #000000;
  font-family: Arial, Verdana;
  font-size: 12px;
  margin-left: 50px;
  margin-top: 10px;
  padding: 0px;
  scrollbar-3dlight-color: #94A6CE;
  scrollbar-arrow-color: #596DA7;
  scrollbar-base-color: #E5F0F9;
  scrollbar-darkshadow-color: #E5F0F9;
  scrollbar-face-color: #E5F0F9;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-shadow-color: #596DA7;
}
h1 {
  font-size: 12px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
h2 {
  font-size: 13px;
  font-weight: bold;
  margin: 0px;
  padding-bottom: 10px;
}
hr {
  background-color: #94A6CE;
  border-width: 0px;
  color: #94A6CE;
  height: 1px;
  margin: 5px 0px 5px 0px;
  padding: 0px;
}
a {
  color: #292984;
  text-decoration: underline;
}
a:hover {
  color: #FF6900;
  text-decoration: none;
}
a img {
  margin: 0px 2px 0px 2px;
  text-decoration: none;
}
ul {
  margin-bottom: 10px;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 10px;
}
img {
  border-width: 0px;
  vertical-align: middle;
}
form {
  display: inline;
  padding: 0px;
}
input[type=button], input[type=submit] {
  background-color: #D9F4CE;
  background-image: url('/Images/Button_Green.jpg');
  background-repeat: repeat-x;
  border: solid 1px #59BA0B;
    /* border radius */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* border radius */
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
  height: 20px;
  padding: 0px 5px 0px 5px;
}
input[type=button]:hover, input[type=submit]:hover {
  border: solid 1px #59BA0B;
  background-color: #D9F4CE;
  background-image: none;
}
input[type=image] {
  vertical-align: middle;
}
input[type=text] {
  background-color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
input[type=file] {
  background-color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
textarea {
  background-color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
select {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
/* Infobox */
a.infoBox {
  cursor: pointer;
  border-width: 0px;
  position: relative;
  text-decoration: none;
}
a.infoBox:hover {
  cursor: help;
}
a.infoBox span {
  display: none;
  margin-top: 1.5em;
  padding: 1em;
  position: absolute;
  text-decoration: none;
  visibility: hidden;
  width: 400px;
}
a.infoBox:hover span {
  display: inline;
  color: #000000;
  background: #EAF8E8;
  border: solid 1px #00D800;
  left: 1em;
  visibility: visible;
  width: 400px;
}
/* Drop down menu */
div.menu {
  cursor: pointer;
  border-width: 0px;
  position: relative;
  text-decoration: none;
  z-index: 99;
}
div.menu:hover {
  cursor: pointer;
}
div.menu a {
  display: block;
  padding: 1px; /*text-decoration: none;*/
}
div.menu a:hover {
  /*background-color: #0000FF;*/ /*color: #FFFFFF;*/
  text-decoration: none;
}
div.menu span {
  background-color: #E5F0F9;
  background-image: none;
  border-bottom: solid 1px #004D7D;
  border-left: solid 1px #004D7D;
  border-right: solid 1px #004D7D;
  display: none;
  padding-top: 5px;
  position: absolute;
  text-decoration: none;
  visibility: hidden;
  width: 150px;
}
div.menu span a {
  border: solid 1px #E5F0F9;
  padding-left: 5px;
  text-decoration: none;
}
div.menu span a:hover {
  background-color: #004D7D;
  border: solid 1px #FFFFFF;
  color: #FFFFFF;
}
div.menu img {
  border-width: 0px;
  padding: 0px;
  vertical-align: middle;
}
div.menu span:hover {
  display: block;
  visibility: visible;
}
div.menu:hover span {
  display: block;
  visibility: visible;
}
/* Global tables  */
.tdHeader {
  background-color: #004D7D;
  background-image: url(/Images/Header_Top.png);
  background-position: top;
  background-repeat: no-repeat;
  border-width: 0px;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  margin: 0px;
  padding: 8px 2px 8px 8px;
  width: 690px;
}
.trHeaderNav {
  background-color: #E5F0F9;
  background-image: url(/Images/Header_Bottom.png);
  background-position: bottom;
  background-repeat: no-repeat;
  border-width: 0px;
  color: #000000;
  font-weight: bold;
  text-align: left;
}
.trHeaderNav table td {
  padding: 3px;
}
.trHeaderNav table td a {
  display: block;
  text-decoration: none;
}
.tblFooter {
  background-color: #FFFFFF;
  border-top: solid 1px #C0C0C0;
  color: #004D7D;
  font-size: 11px;
  margin-top: 50px;
  width: 700px;
}
.tdBody {
  vertical-align: top;
  width: 500px;
}
.tdNavRight {
  padding-left: 20px;
  vertical-align: top;
}
/* Sub header */
.boxSubHeader {
  width: 700px;
  background-color: #EEEEEE;
  border: solid 1px #C0C0C0;
}
.boxSubHeader a {
  text-decoration: none;
}
/* Content boxes */
.boxNavTitle {
  background-color: #596DA7;
  background-image: url(/Images/BoxNavTitle.png);
  background-repeat: no-repeat;
  border-width: 0px;
  color: #FFFFFF;
  font-weight: bold;
  padding: 4px;
  width: 172px;
}
.boxNavTitle a {
  color: #FFFFFF;
}
.boxNavText {
  background-color: #E5F0F9;
  background-image: url(/Images/BoxNavText.png);
  background-position: bottom;
  background-repeat: no-repeat;
  border-width: 0px;
  color: #000000;
  padding: 4px;
  width: 172px;
}
.boxNavText div.scrollable {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 200px;
}
.boxTitle, .boxTitleGreen, .boxTitleOrange, .boxTitleGray, .boxTitleSearch, .boxTitleMsg, .boxTitleInfo {
  background-image: url(/Images/BoxTitle.png);
  background-repeat: no-repeat;
  border-width: 0px;
  font-weight: bold;
  padding: 4px;
  width: 492px;
}
.boxText, .boxTextGreen, .boxTextOrange, .boxTextGray, .boxTextSearch, .boxTextMsg, .boxTextInfo {
  background-image: url(/Images/BoxText.png);
  background-position: bottom;
  background-repeat: no-repeat;
  border-width: 0px;
  padding: 4px;
  width: 492px;
}
.boxTitle {
  background-color: #596DA7;
  color: #FFFFFF;
}
.boxText {
  background-color: #E5F0F9;
  color: #000000;
}
.boxText div.scrollable {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 200px;
}
.boxTitleGreen {
  background-color: #CFE9CB;
  color: #636B7E;
}
.boxTextGreen {
  background-color: #EAF8E8;
  color: #000000;
  padding: 10px;
  width: 480px;
}
.boxTitleOrange {
  background-color: #FFB760;
  color: #000000;
}
.boxTextOrange {
  background-color: #FAEBC6;
  color: #000000;
  padding: 10px;
  width: 480px;
}
.boxTitleGray {
  background-color: #8F8F8F;
  color: #FFFFFF;
}
.boxTextGray {
  background-color: #EFEFEF;
  color: #000000;
}
.boxTitleSearch {
  background-color: #CFE9CB;
  color: #636B7E;
}
.boxTextSearch {
  background-color: #EAF8E8;
  color: #000000;
  padding: 10px;
  width: 480px;
}
.boxTextSearch input[type=text] {
  height: 16px;
  width: 300px;
}
.boxTitleMsg {
  background-color: #FFB760;
  color: #000000;
}
.boxTextMsg {
  background-color: #FAEBC6;
  color: #000000;
  padding: 10px;
  width: 480px;
}
.boxTitleInfo {
  background-color: #F0E68C;
  color: #000000;
}
.boxTextInfo {
  background-color: #FFFFCC;
  color: #000000;
}
/* Content lists */
.listTitle {
  background-color: #596DA7;
  background-image: url(/Images/BoxTitle.png);
  background-repeat: no-repeat;
  border-width: 0px;
  color: #FFFFFF;
  font-family: Arial, Verdana;
  font-weight: bold;
  padding: 4px;
  width: 492px;
}
.listText {
  background-color: #E5F0F9;
  font-family: Arial, Verdana;
}
.listText p {
  border-bottom: solid 1px #94A6CE;
  float: right;
  margin: 0px;
  overflow: hidden;
  padding-bottom: 3px;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 3px;
  width: 494px;
}
.listText p:hover {
  border-left: solid 1px #94A6CE;
  border-right: solid 1px #94A6CE;
  background-color: #FFFFFF;
  margin: 0px;
  padding-bottom: 3px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 3px;
}
.listText img {
  float: left;
  margin-right: 3px;
  margin-top: 3px;
  width: 150px;
}
.listText small {
  color: #004D7D;
  font-weight: normal;
  font-size: 10px;
  text-decoration: none;
}
/* Paging */
.paging {
  float: left;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.paging li {
  border: 0px;
  display: inline;
  float: left;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
}
.paging li:hover {
  border: 0px;
}
.paging li a, .paging li span {
  background-color: #DFDFDF;
  border: solid 1px #DFDFDF;
  color: #0052A3;
  display: block;
  float: left;
  margin-right: 4px;
  padding: 3px 8px 3px 8px;
  text-decoration: none;
}
.paging li a:hover, .paging li span {
  background-color: #D4FFA8;
  border: solid 1px #71CE0E;
  text-decoration: none;
}
/* Color */
.colorOrange {
  color: #FF6900;
  text-decoration: none;
}
.colorRed {
  color: #FF0000;
  text-decoration: none;
}
.colorGray {
  color: #808080;
}
.bgYellow {
  background-color: #FFFF00;
  color: #000000;
  padding: 0px 2px 0px 2px;
}
/* Advertisement */
.previewPicture {
  padding-bottom: 9px;
  text-align: right;
}
.previewPictures {
  padding: 0px 0px 20px 0px;
  text-align: center;
}
.smallBox {
  background-color: #FFFFFF;
  border: solid 1px #94A6CE;
  font-size: 12px;
  padding: 3px;
  text-align: left;
  width: 192px;
  position: relative;
  left: 0px;
}
.smallBox a {
  text-decoration: none;
}
.infoTable td {
  border-bottom: solid 1px #FFFFFF;
  vertical-align: top;
}
.boxTextFooter {
  background-color: #808080;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  padding: 2px;
  text-align: center;
}