/* 
 * zieto.css
 * Created on 2007/05/18
 * 
 * Copyright © 2007 Zieto (Pty) Ltd. All rights reserved.
 *
 */

html {
	border: 0;
}

body {
  padding: 0;
  margin: 0;
  font: 75% tahoma, verdana, sans-serif;
  background: #FFFFFF;
  color: #303030;
}

td, th {
  padding: 2px 8px 2px 2px;
  font-family: tahoma, verdana, sans-serif;
  background: #FFFFFF;
}

th {
  text-align:left;
}

table.faintborder td, table.faintborder th {
  border-top: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
}

table.faintborder  {
  border-bottom: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
}

table.faintborder th  {
  background: #F0F0F4;
}

table.faintborder td table th {
	background: #F8F8F8;
}

td.center, th.center {
	text-align: center;
}

table.tdnopad td {
	padding: 0px;
}

table.thnopad th {
	padding: 0px;
}

table.nopad td, table.nopad th {
	padding: 0px;
}

table.smallpad td, table.smallpad th {
	padding: 2px;
}

table.noborder td, table.noborder th {
	border: 0px;
}

h1 {
  margin: 0 0 20px 0;
  font-size: 22pt;
  font-weight: bold;
}

h2 {
  margin: 0 0 20px 0;
  font-size: 1.6em;
  font-weight: normal;
}

h3 {
  margin: 5px 0 10px 0;
  font-size: 1.4em;
  font-weight: normal;
}

h4 {
  margin: 10px 0 10px 0;
  font-size: 1.0em;
  font-weight: bold;
}

p {
  margin: 0 0 15px 0;
  line-height: 1.4em;
  text-align: left;
}

pre {
  font-size: 10pt;
	padding: 0px;
}

form {
  margin: 0px;
  padding: 0px;
}

input,textarea,select,button {
  border: 1px solid #286ea0;
  padding: 0px;
  margin: 0 0 0 0;
}

input.text, textarea.text, select.select {
	background: white url(../images/inputshadow.png) repeat-x top;
}

input.nobottom, textarea.nobottom, select.nobottom {
  border-bottom: 0px;
}

input.bottom, textarea.bottom, select.bottom {
  border-bottom: 1px solid #286ea0;
}

input.checkbox {
	border: 0px;
	margin: 2px 1px 1px 0px;
	vertical-align:top;
}

input.submit, button {
	background: url(../images/buttonshadow.png) repeat-x bottom;
	font-size:0.9em;
}

legend {
	font-weight: bold;
	margin:12pt 0px 0px 0px;
	padding:0px;
}

fieldset {
  padding: 0.5em;
  margin: auto;
  margin-top: -6pt;
	background: url(../images/fieldsetshadow_l1.png) repeat-x top;
  border: 1px solid #b4c0dc;
	border-top:0px;
}

fieldset fieldset {
	background: url(../images/fieldsetshadow_l2.png) repeat-x top;
	background-color: #f4f4f4;
}

fieldset fieldset fieldset{
	background: url(../images/fieldsetshadow_l3.png) repeat-x top;
	background-color: #e0e0e0;
}

fieldset.response, fieldset.response legend, fieldset.response input, fieldset.response select {
	color:blue;
}

fieldset.response {
	background-color:#EBF0FF;
}

fieldset.cc {
	width:876px;
	margin-left: 0;
	margin-right: auto;
	display:block;
}

a {
  text-decoration: none;
  color: #286ea0;
}

a:hover {
  text-decoration: underline;
}

a img {
  border: 0;
}

ol,ul {
  margin: -16px 0 0 25px;
  padding: 0;
}

ol {
  list-style-type: lower-alpha;
}

div.scroll {
  width: 980px;
  overflow: auto;
	padding: 0px;
	margin: 0px;
}

td div.scroll {
  width: 880px;
  height: 250px;
  overflow: auto;
}

.loginform {
  margin: 0 0 0 0;
  padding: 10px 0 15px 0;
  border-bottom: 1px solid #d0d0d0;
  min-height: 48px;
}

.loginform label {
  display: block;  /* block float the labels to left column, set a width */
  float: left; 
  width: 55px; 
  text-align: right; 
  font-size: 0.9em;
}

.loginform input {
  width: 70px;
  font: 0.9em tahoma, verdana, sans-serif;
}

.loginform input.submit {
	width: 72px;
}

.contactform {
  margin: 0 0 0 0;
  padding: 10px 0 15px 0;
}

.contactform label {
  margin: 0px;
  padding: 0px;
	padding-right: 3px;
  display: block;  /* block float the labels to left column, set a width */
  float: left; 
  width: 105px; 
  text-align: right; 
	font-size: 1.0em;
}

.contactform input {
  width: 200px;
  font: 1.0em tahoma, verdana, sans-serif;
}

.contactform select {
  width: 202px;
  font: 1.0em tahoma, verdana, sans-serif;
}

.contactform textarea {
  width: 400px;
  height: 200px;
  font: 1.0em tahoma, verdana, sans-serif;
}

.contactform input.submit {
  width: 70px;
	font-size:0.9em;
}

.lookupform {
  margin: 0 0 0 0;
  padding: 10px 0 15px 0;
}

.lookupform label {
  margin: 0px;
  padding: 0px;
	padding-right: 3px;
  display: block;  /* block float the labels to left column, set a width */
  float: left; 
  width: 120px; 
  text-align: right; 
}

.lookupform input {
  width: 200px;
  font-family: tahoma, verdana, sans-serif;
}

.lookupform select {
  width: 202px;
  font-family: tahoma, verdana, sans-serif;
}

.lookupform select option {
	/*width: 200px;*/
}

.lookupform input.checkbox {
	width:auto;
}

.lookupform textarea {
  width: 400px;
  height: 200px;
  font-family: tahoma, verdana, sans-serif;
}

.lookupform input.submit {
  width: 70px;
}

.lookupform button {
	width:auto;
	margin:0;
	padding:0;
	width:auto;
	overflow:visible;
}

select.rtviewinput {
	font-size: 0.9em;
}

option {
	background-color: #F8F8F8;
}


#container {
  margin: 0 auto 0px auto;
  width: 780px;
  padding: 0px 20px 20px 5px;
  background: #ffffff;
}

#logo {
  margin: -29px 0 -10px 0px;
  height: 130px;
}

#desc {
  height: 8px;
  font-size: 0px;
  line-height: 0px;
  color: #ffffff;
  padding: 0;
	background: url(../images/bargrad.png) repeat-x top;
  clear: both;
  margin: 5px 0 0 0;
}

#main {
  width: 595px;
  float: left;
  padding: 0 15px 0 5px;
  border-right: 1px solid #d0d0d0;
}

#main p {
	font-size: 1.1em;
	line-height: 1.25em;
}

#toptabs {
  width: 600px;
  margin: 10px 0px 0px auto;
  padding: 0px;
  font-size: 0.9em;
  border-bottom: 1px solid #e0e0e0;
}

#toptabs p {
  text-align: right;
  color: #808080;
  margin: 0px 0px 2px 0px;
  padding: 3px 0px 0px 0px;
}

.toptab {
  padding: 3px 5px 3px 5px;
  margin: 0 0 0 2px;
  text-decoration: none;
  background: #f0f0f0 url(../images/corner.gif) top right no-repeat;
  color: #808080;
}

.toptab:hover {
  background: #fafafa url(../images/corner.gif) top right no-repeat;
  color: #505050;
  text-decoration: none;
}

.activetoptab {
  padding: 3px 5px 3px 5px;
  margin: 0 0 0 2px;
  text-decoration: none;
  background: #e0e0e0 url(../images/corner.gif) top right no-repeat;
  color: #505050;
}

.activetoptab:hover {
  text-decoration: none;
}

#navitabs {
  clear: both;
}

.navitab {
  padding: 4px 8px 4px 8px;
  margin: 0 3px 4px 0px;
  text-decoration: none;
  letter-spacing: 1px;
  background: #e0e0e0 url(../images/corner.gif) top right no-repeat;
  border-bottom: 1px solid #ffffff;
}

.navitab:hover {
  text-decoration: none;
  background: #d0d0d0 url(../images/corner.gif) top right no-repeat;
}

.activenavitab {
  padding: 4px 8px 5px 8px;
  color: #ffffff;
  margin: 0 3px 5px 0;
  text-decoration: none;
  letter-spacing: 1px;
  background: #505050 url(../images/corner.gif) top right no-repeat;
  border-bottom: 1px solid #505050;
}

.activenavitab:hover {
  text-decoration: none;
}

#sidebar {
  width: 160px;
  float: right;
  margin: 0 0 10px 0;
}

#sidebar h3 {
  margin: 5px 0 0px 0;
}

#sidebar p {
  font-size: 0.9em;
  line-height: 1.3em;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.sidelink {
  text-align: left;
  display: block;
  width: 140px;
  background: #f0f0f0 url(../images/corner.gif) top right no-repeat;
  padding: 3px 4px 3px 8px;
  margin: 3px 5px 3px 0;
}

.sidelink:hover {
  background: #e0e0e0 url(../images/corner.gif) top right no-repeat;
  text-decoration: none;
}

#footer {
  clear: both;
  background: #fafafa;
  color: #808080;
  font-size: 0.9em;
  padding: 1px 0 2px 0;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  text-align: center;
	width:100%;
}

#footer a {
  color: #808080;
}

.padless {
  margin: 0;
  padding: 0;
}

.addr_left {
  width: 200px;
  float: left;
}

.addr_right {
  width: 200px;
  float: right;
}

.block {
  background: #f0f0f0;
  padding: 15px;
}

table.calendar {
	border-left: 1px solid black;
	border-top: 1px solid black;
	padding: 0px;
	margin: 0px;
}

table.calendar td, table.calendar th {
	padding: 0px;
	text-align:center;
	width: 25px;
	height: 20px;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

table.calendar td.caption {
	text-align:center;
	width: auto;
	font-size: 1.2em;
	font-weight: bold;
}

.right {
  text-align: right;
}

.photo {
  padding: 5px;
  display: block;
  margin: 0 auto 15px auto;
  background-color: #f0f0f0;
}

.more {
  display: block;
}

.helptext {
	font-size: 0.8em;
}

.errormsg {
	font-weight:bold;
	color: red;
}

.onesmaller {
	font-size: 0.9em;
}

.twosmaller {
	font-size: 0.8em;
}

.onebigger {
	font-size: 1.1em;
}

.twobigger {
	font-size: 1.2em;
}

.threebigger {
	font-size: 1.3em;
}

a.smallarrow {
  font-size: 1.4em;
  line-height: 0.8em;
  text-decoration: none;
  font-weight: bold;
  display: block;
  margin-top: 0px;
  margin-right: -8px;
}

a.smallplus {
  font-size: 1.0em;
  line-height: 0.8em;
  text-decoration: none;
  font-weight: normal;
	text-align:center;
  display: block;
  margin-top: 0px;
  margin-right: -8px;
	width:8px;
}

.hide {
  display: none;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.red {
	color: red;
}

.green {
	color: green;
}

.blue {
	color: purple;
}

tr.strikethrough td {
	text-decoration: line-through;
}

.wide {
	width: 100%;
}

.halfwide {
	width: 50%;
}

.narrow {
	width: 1px;
}

.ccleftcol {
	text-align: right;
	vertical-align:top;
	font-weight: bold;
	width: 10%;
}

.ccrightcol {
	text-align: left;
	vertical-align:top;
	width: 40%;
}

.fakelink {
  text-decoration: none;
  color: #286ea0;
	cursor: pointer;
}

.fakelink:hover {
	text-decoration: underline;
}

.plaininput {
	border: 1px solid #286ea0;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
}

.tarea {
	overflow:auto;
}

div.dirlist table {
	width:100%;
}

div.dirlist table tr td {
	width:100%;
	white-space:nowrap;
	padding:0;
	margin:0;
}

div.dirlist table tr td:first-child {
	width:1px;
}