/*
 * Stylesheet by Nigel Ball <nigelb@ebiz4results.com>
 * for Matrix-at-Burwood site
 */
body {
	margin: 0; padding: 0;
  text-align: center;
	background-color: #FFF5C0;
	color: #000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10pt;
 }
ol, ul {
  line-height: 1.2em;
  font-size: 10pt;
  text-align: left;
}
p, td {
  line-height: 1.2em;
  margin: 0 5% 6px 5%;
  font-size: 10pt;
  text-align: left;
}
th {
  line-height: 1.2em;
  margin: 0 5% 6px 5%;
  font-size: 10pt;
  text-align: left;
}
img {
  border: 1px solid #000;
}
img.banner {
  border: none;
  margin: 0; padding: 0;
}
.caption {
  font-weight: bold;
  text-align: center;
  margin-top: 6px;
}
h1 {
  font-size: 160%;
  text-align: center;
  font-weight: bold;
  padding: 0;
  margin: 10px 0;
  color: #446cff;
}
h2 {
  font-size: 140%;
  text-align: left;
  font-weight: bold;
  padding: 0;
  margin: 0 5% 6px 5%;
  color: #446cff;
}
h3 {
  font-size: 120%;
  text-align: center;
  font-weight: bold;
  padding: 0;
  margin: 5px 0;
  color: #446cff;
}
h4 {
  font-size: 105%;
  text-align: center;
  font-weight: bold;
  margin: 0 5% 6px 5%;
  padding: 0;
}
.flr {
	float: right;
}
div.bar {
  background: #446cff;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 10pt;
  padding: 3px 0;
  margin: 0;
}
div.bar a {
  color: #fff;
  text-decoration: none;
}
div.bar a:hover {
  text-decoration: underline !important;
}
div.bar .active {
  background: #ffde73; color: #000;
}
#outer {
	width: 720px;
	margin: 15px auto;
  padding: 0;
  background-color: #efefef;
  background-image: URL(/images/bg.jpg);
  background-repeat: repeat-y;
  /* border: 1px solid #000; */
}
.leadin {
	border: 1px solid #f00;
  margin: 0; padding: 1%;
  font-size: 110%;
  background-color: #fefefe;
}
.half-quote {
  border: 1px solid #000;
  padding: 6px 6px 6px 12px;
  font-style: oblique;
  margin: 10px 0;
  background-color: #fff5c0;
}
div.half-quote p {
  margin: 0;
}
.qtr-quote {
  border: 1px solid #000;
  padding: 6px 6px 6px 12px;
  font-style: oblique;
  margin: 12px 0;
  background-color: #fff5c0;
}
div.qtr-quote p {
  margin: 0;
}
.quote {
  border: 1px solid #000;
  padding: 1%;
  font-style: oblique;
  background-color: #fff5c0;
}
div.quote p {
  margin: 0;
}
p.source {
  font-size: 80%;
  text-align: right;
  margin-top: 5px;
}
.main {
  width: 660px;
  margin: 6px 30px; padding: 0;
}
.box1 {
  padding: 0; margin: 6px auto;
  width: 280px;
}
.box {
  border: 1px solid #446cff;
  border-top: none;
  padding: 0; margin: 12px 0; padding-bottom: 6px;
  background-color: #fff;
}
.box h1 {
  font-size: 110%;
  font-weight: bold;
  background-color: #446cff;
  color: #fff;
  padding: 6px 10px; margin: 0;
  text-align: left;
}
.box h2 {
  font-size: 110%;
  font-weight: bold;
  background-color: #446cff;
  color: #fff;
  padding: 6px 10px; margin: 0;
  text-align: center;
}
.box h3 {
  color: #000; text-align: left; font-size: 100%;
  padding: 0 10px; margin: 5px 0 0 0;
  font-weight: bold;
}
.yellowbox {
  border: 1px solid #000;
  padding: 0; margin: 12px 0;
  background-color: #FFF5C0;
}
.yellowbox h1 {
  font-size: 110%;
  font-weight: bold;
  background-color: #ffde73;
  color: #000;
  padding: 6px 10px; margin: 0;
  text-align: left;
  border-bottom: 1px solid #000;
}
.yellowbox p {
  padding: 0 10px; margin: 5px 0 12px 0;
}
.box p {
  padding: 0 10px; margin: 5px 0 12px 0;
}
.box p.half {
  padding: 0 10px; margin: 5px 0 3px 0;
}
.box p.detail {
  padding: 0 10px; margin: 5px 0 12px 0;
}
.box td {
  padding: 0 10px;
}
.box a.detail {
  display: block;
  text-align: right;
  padding: 0; margin: 0;
  margin-right: 12px;
}
.box a.detail img {
  border: none;
}
.box ul {
  padding-top: 0; margin-top: 5px; margin-bottom: 12px;
}
div.box table {
  background-color: #fff;
  padding: 0; margin: 0;
  width: 100%;
  border-collapse: separate;
}
.box td.last {
  /* background-color: #fff; */
  border: none;
}
.box tr.even {
  background-color: #efefef;
}
#disclaimer {
  width: 720px;
  padding: 0;
  margin: 0 15px;
  font-size: 85%;
  color: #000;
}
#disclaimer h4.footer {
  text-align: center;
}
#disclaimer a {
  color: blue;
  text-decoration: none;
}
#disclaimer a:hover {
  text-decoration: underline;
}
.button {
  border-style: inset;
  border-color: #3366ff;
  background-color: #446cff;
  text-decoration: none;
  text-align: center;
  /* width: 220px; */
}
  
A.buttontext {
  color: white;
  text-decoration: none;
  font-weight: bold;
  font-size: 90%;
  font-family: Verdana, arial, helvetica, sans-serif;
  cursor: pointer;
  text-align: center;
}
/* Beginning of forms stylesheet */
#login {
	width: 440px;
	margin: 5px auto; padding: 0;
  background-color: #efefef;
}
#login img {
  border: none;
}
#login table {
  border: none;
  margin: 0; padding: 0;
}
#signup table {
 background-color: #FBFDF9;
 color: #000000;
 width: 440px;
 border: 1px solid #efefef;
 border-collapse: collapse;
}
#signup td {
 border: 1px solid #efefef;
 padding-left: 4px;
}
.textcell {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: transparent;
 width: 100%;
 text-align: left;
}
.labelcell {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #000;
 background-color: transparent;
 width: 220px;
 text-align: right;
}
.fieldcell {
 background-color: #F7FBF2;
 color: #000000;
 text-align: right;
 margin-right: 0px;
 padding-right: 0px;
}
.smalllabelcell {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: transparent;
 color: #000;
 width: 100px;
 text-align: right;
}
.smallfieldcell {
 background-color: #F7FBF2;
 color: #000000;
 text-align: right;
}
.formbutton {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #efefef;
 color: #102132;
 margin: 0; padding: 0; /*
 margin-left: 12px;
 margin-top: 3px;
 margin-bottom: 2px;
 */
 text-align: center;
}
.fieldcell input, textarea, select {
 width: 220px;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: ffff66 !important;
 color: #102132;
 border: 1px solid #427928;
 margin-right: 0px;
}
.smallfieldcell input, textarea, select {
 width: 100px;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: ffff66 !important;
 color: #102132;
 border: 1px solid #427928;
}
.smallfieldcell select {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #efefef;
 color: #102132;
 border: 1px solid #427928;
}
/* End of form styling */

/* For the email form */
.email {
  font-size: 10px;
  font-family: courier, "courier new", monospace;
  background-color: #fff;
  border: 1px solid #000;
  font-style: normal;
 /* padding: 2%;
  margin: 2%;
  */
}
#error {
  color: #fff;
  background-color: #f00;
}

#msgblock {
  color: #000;
  background-color: #0f0;
}
p.wrapper {
  margin: 0;
  padding: 0;
  text-align: center;
}
.sale {
  padding: 5px;
  margin: 0 0 1em 30px;
  text-align:center;
  color: red;
  font-weight: bold;
  font-size: 110%;
  /* background-color: #fdd; */
}
a { 
  color: blue; 
  text-decoration: underline; 
}
a:hover {
  text-decoration: underline;
}

input, select, textarea {
        border: 1px solid #000;
        background-color: #ffff66;
}
textarea {
 width: auto;
}
a.label {
  text-decoration: none;
}