
/* HTML tags */

body {
  font-family:Arial,sans-serif;
  font-size:9pt;
  background-color:#ffffff;
  color:#000000;
}

img {
  border:none;
}

a {
  color:#0000ff;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}

i {
  font-family:Georgia,serif;
}

small i {
  font-size:7pt;
}

h1 {
  font-variant:small-caps;
  font-size:14pt;
  color:#316d75;
  text-decoration:underline;
}

h2 {
  font-size:12pt;
  color:#316d75;
  border-left:6px solid #316d75;
  padding-left:4px;
  text-decoration:underline;
}
.cH2 {
  font-weight:bold;
  font-size:12pt;
  color:#316d75;
  border-left:6px solid #316d75;
  padding-left:4px;
  text-decoration:underline;
}

h3 {
  font-size:11pt;
  color:#316d75;
  border-left:2px solid #316d75;
  padding-left:4px;
}


/* Form element tags */

select {
  font-family:Tahoma,sans-serif;
  font-size:10pt;
  color:#000000;
  border:1px solid #697f35;
}
textarea {
  font-family:Tahoma,sans-serif;
  font-size:10pt;
  width:300px;
  color:#000000;
  background-color:#c3dc8e;
  border:1px solid #697f35;
  -moz-border-radius:4px;
}
.cedit {
  font-family:Tahoma,sans-serif;
  font-size:10pt;
  width:300px;
  color:#000000;
  background-color:#c3dc8e;
  border:1px solid #697f35;
  -moz-border-radius:4px;
}
.cdisabled {
  font-family:Verdana,sans-serif;
  font-size:10pt;
  border:1px solid #ededff;
  background-color:#ededff;
  color:#888888;
  -moz-border-radius:4px;
}
.creadonly {
  font-family:Tahoma,sans-serif;
  font-size:10pt;
  width:300px;
  border:1px solid #ededff;
  background-color:#ededff;
  color:#888888;
  -moz-border-radius:4px;
}
.cbutton {
  font-family:Tahoma,sans-serif;
  font-size:10pt;
  font-weight:bold;
  color:#ffffff;
  background-color:#9bc547;
  border:1px outset #9bc547;
  cursor:pointer;
  -moz-border-radius:4px;
}

.ccheckbox {
  cursor:pointer;
  color:#096cc2;
}


.ccheckboxtext {
  font-family:Verdana,sans-serif;
  color:#0000ff;
  cursor:pointer;
}
.ccheckboxtext:hover {
  text-decoration:underline;
}

/* Common blocks */

.cGreenBox {
  border:2px ridge #9bc547;
  background-color:#c3dc8e;
  padding:4px;
  -moz-border-radius:6px;
}

.cBlueBox {
  padding:4px;
  margin:2px;
  background-color:#a2d2d8;
  border:2px solid #316d75;
  -moz-border-radius:6px;
}

.cGrayBox {
  padding:4px;
  margin:2px;
  background-color:#666666;
  border:2px solid #b3b3b3;
  -moz-border-radius:6px;
}
.cGreyBox {
  padding:4px;
  margin:2px;
  background-color:#b3b3b3;
  border:2px solid #666666;
  -moz-border-radius:6px;
}

.cNote {
  border:2px solid #bd410b;
  padding:2px;
  padding-left:36px;
  margin:4px;
  min-height:34px;
  font-family:Georgia,serif;
  font-size:12pt;
  background:#ff9c01 url(images/iconNote.png) no-repeat scroll 2px 2px; /*#98cbd2*/
  -moz-border-radius:6px;
}

#exconHelp {
  color:#ffff00;
  padding-left:2px;
}
#exconHelp:hover {
  text-decoration:none;
}
#Help {
  width:150px;
  float:right;
  border:2px dashed #357b83;
  margin:4px;
  margin-right:0;
  background-color:#98cbd2;
  font-size:10pt;
}
.cHelpTitle {
  color:#ffffff;
  font-weight:bold;
  background-color:#357b83;
  padding:2px;
  font-size:11pt;
}


#TopBack {
  position:fixed;
  top:0;
  height:105px;
  left:0;
  right:0;
  background-color:#ffffff;
}
#Logo {
  position:fixed;
  top:0;
  height:75px;
  left:0;
  width:442px;
}

#Banner {
  position:fixed;
  top:7px;
  height:60px;
  left:442px;
  right:0;
  width:468px;
  margin:auto;
}

#TextWrap {
  position:fixed;
  top:75px;
  height:21px;
  left:0;
  right:0;
  background-color:#ffffc0;
}
#TextAds {
  position:fixed;
  top:76px;
  left:100%;
  font-size:11pt;
  overflow:hidden;
}

#StatusBar {
  position:fixed;
  top:100px;
  height:15px;
  right:0;
  width:375px;
  text-align:right;
  color:#697f35;
  background-color:#ffffff;
  padding:4px;
  border-bottom:1px solid #9bbb59;
  font-family:Georgia,serif;
  font-size:13pt;
}

.cMenuActive {
  background-color:#ffffc0;
  border:1px inset #ffffc0;
  padding-right:4px;
  padding-left:4px;
  font-size:10pt;
  font-weight:bold;
}
.cMenuButton {
  background-color:#9bc547;
  border:1px outset #9bc547;
  padding-right:4px;
  padding-left:4px;
  font-size:10pt;
  font-weight:bold;
  cursor:pointer;
}

#MenuBar {
  position:fixed;
  top:105px;
  height:30px;
  left:5px;
  width:500px;
  background-color:#ffffff;
}
.MenuButton {
  position:absolute;
  top:0;
  left:0;
  height:30px;
  width:120px;
  background-image:url(images/menuButton.png);
  color:#000000;
  cursor:pointer;
}
.MenuButton:hover {
  color:#ffffff;
}
.MenuText {
  position:absolute;
  top:0;
  bottom:0;
  height:70%;
  left:16px;
  right:16px;
  margin:auto;
  font-size:11pt;
  font-weight:bold;
  text-align:center;
}

#Main {
  position:absolute;
  top:140px;
  left:190px;
/*  right:270px;*/
  width:650px;
  font-size:10pt;
}

#MenuBox {
  position:fixed;
  top:140px;
  bottom:0;
  left:5px;
  width:170px;
}

#MenuBlurb {
  position:absolute;
  top:0;
  bottom:62px;
  left:0;
  right:0;
  padding:4px;
  border:3px solid #9bc547;
  overflow-y:auto;
  -moz-border-radius:6px;
}
#MenuStats {
  position:absolute;
  bottom:0;
  height:58px;
  left:0;
  right:0;
}
#StatsLeft {
  position:absolute;
  top:0;
  height:58px;
  left:0;
  width:16px;
  background-image:url(images/statsLeft.png);
}
#StatsRight {
  position:absolute;
  top:0;
  height:58px;
  right:0;
  width:16px;
  background-image:url(images/statsRight.png);
}
#StatsCentre {
  position:absolute;
  top:0;
  height:58px;
  left:16px;
  right:16px;
  background-image:url(images/statsCentre.png);
}
#Stats {
  position:absolute;
  top:8px;
  bottom:6px;
  left:0;
  right:0;
  color:#ffffff;
}

#GoogleAds {
  position:fixed;
  top:135px;
  right:15px;
  width:254px;
}

#Footer {
  position:relative;
  bottom:0;
  height:42px;
  left:0;
  right:0;
}
#FooterLeft {
  position:absolute;
  top:0;
  height:42px;
  left:0;
  width:16px;
  background-image:url(images/footerLeft.png);
}
#FooterRight {
  position:absolute;
  top:0;
  height:42px;
  right:0;
  width:16px;
  background-image:url(images/footerRight.png);
}
#FooterCentre {
  position:absolute;
  top:0;
  height:42px;
  left:16px;
  right:16px;
  background-image:url(images/footerCentre.png);
}
#FooterText {
  position:absolute;
  top:0;
  bottom:0;
  height:80%;
  left:0;
  right:0;
  margin:auto;
  text-align:center;
  font-size:8pt;
}
.cFooterItem {
  font-size:10pt;
  border:1px inset #ffffff;
  background-color:#ffffff;
  padding:2px;
  margin:1px;
}
