/*
 * Elements
 */
body
{
  background-color: #999;
  background-image: url('shadow2.gif');
  background-repeat: repeat-y;
  background-position: center;
  margin: 0px;
  font-size: 10pt;
  font-family: Verdana, Arial, Sans-Serif;
}

p { text-align: justify; }
li { list-style: url('bullet.gif'); }
hr { height: 1px; border: solid 0px #ffffff; border-top: solid 1px #eeeeee; }
img {
  width:auto;
  height:auto;
  max-width:100%;
}

/*
 * Links
 */
a { text-decoration: none; color: #006; }
a:visited  { text-decoration: none; color: #006; }
a:hover { text-decoration: underline; color: #093; }
.menuItem a { text-decoration: none; }
.menuItem a:visited  { text-decoration: none; }
.menuItem a:hover { text-decoration: none; color: #093; text-decoration: underline; }
.footer a { text-decoration: none; color: #666; }
.footer a:visited { text-decoration: none; color: #666; }
.footer a:hover { text-decoration: underline; color: #093; }
.menuLinkOn { font-weight: bold; color: #093 !important; }
.menuLinkOn:hover { font-weight: bold; color: #093; }

.imgBorder
{
  border: solid 1px #000000 !important;
}

.searchIcon
{
  padding-left: 4px;
}

/*
 * Help popup
 */
.helpPopup
{
  border: solid 1px black;
  background-color: #FFFF99;
  font-family: arial;
  font-size: 8pt;
  padding: 2px;
  display: none;
  position: absolute;
  left: 20px;
  width: 100px;
}
.helpImage
{
  cursor: hand;
}

/*
 * Wizard
 */
.quoteTable td { vertical-align: middle; }
.oddRow { background-color: #eeeeee; }
.titleOn { color: #009933 }
.titleOff { color: #999999; }

/*
 * Quote highlights
 */
.quoteAuthor
{
  font-size: 8pt;
  color: #009933;
}
.quoteOn
{
  padding: 0px 5px 0px 0px;
}
.quoteOff
{
  padding: 0px 0px 0px 5px;
}

.highlight
{
  color: #009933;
}

.noFiles
{
  color: #999999;
}

.bullet
{
  font-size: 11px;
}

.error
{
  color: Red;
}

.news
{
  text-align: left;
}
 
.fileBrowserFolder
{
  border-right: solid 1px #cccccc;
}
.fileBrowserTbl
{
  border: solid 1px #cccccc;
}
.fileBrowser th
{
 border-left : solid 1px #cccccc;
}
.fileBrowser td, th
{
  font-size: 8pt !important;
  font-weight: normal !important;
  font-family: Arial;
  padding: 3px 5px 2px 5px;
  vertical-align: top;
}
.fileBrowser table th
{
  background-color: #eeeeee;
  border-top: solid 1px #cccccc;
  border-bottom: solid 2px #cccccc;
  text-align: left;
}
.size {
  text-align: right !important;
  padding: 3px 5px 2px 5px;
}
.folderIcon {
  float:left;
}
.folderHighlight {
  background-color: #cccccc;
}

/*
 * Blue banner
 */
.banner {
  background-color: #000066;
  text-align: right;
  padding: 5px 21px;
}
.banner-text {
  color: White;
  font-size: 10pt;
  padding: 4px;
}

/*
 * Frame
 */
.frame {
  margin-left: auto;
  margin-right: auto;
  padding: 0px 8px 0px 8px;
  width: 814px;
}
.page {
  margin-left: auto;
  margin-right: auto;
  color: #333;
  width: 801px;
}

.bannerImage {
  position:absolute;
  right:0px;
  top:0px;
}

/*
 * Status
 */
.statusOK { color: Green; }
.statusError { color: Red; }

/*
 * Menu
 */
.menu {
  text-align: right;
  padding-right: 22px;
  height: 35px;
}
.mobile_menu {
  display: none;
}
.menuItem {
  float: right;
  text-align: center;
  padding: 0px 3px;
  color: Silver;
}

/*
 * Contents
 */
.contentMain {
  float: left;
  padding: 0px 5px 5px 25px;
  width: 530px;
}
.contentSide {
  float: right;
  padding: 15px 5px 5px 0px;
  width: 230px;
}
.contentNews {
  float: right;
  margin: 5px 19px;
  text-align: left;
  width: 165px;
  font-size: 8pt;
}
.contentNews p {
  border-bottom: 1px dotted silver;
  padding-bottom: 10px;
  text-align: left;
}

/*
 * Headings
 */
h1 { font-size: 11pt; }
h2 { font-size: 10pt; }
.footer {
  color: #666666;
  text-align: center;
}
.cb9Logo {
  position: absolute;
  left: 290px;
  top: 250px;
}


@media screen and (max-width:780px) {
  .frame {width:auto;}
  .page {width:auto;}
  .contentMain {width:auto; padding:0px 5px 5px 5px;}
  .contentSide {display:none;}
  #ctl00_Header1_imgBanner {display:none;}
  #frmSearch {display:none;}
}

@media screen and (max-width:450px) {
  .banner-text {display:none;}
  .menu {display:none;}
  .mobile_menu {display:block !important;}
  .googleMap {display:none;}
  .cb9Logo {display:none;}
}