body {
  background: #afafaf;
  font-size: 12pt;
  color: #333333;
  font-family: arial;
  margin: 5px 0 0 0;
  background: #e5e5e5 url('images/backgrounds/100_1112_1280.jpg') top center fixed no-repeat;
  background: #6aaad6 url('images/background-3.0.jpg') top center no-repeat;
  background: #231f46;
  background: #444444;
}

div.mainBodyDiv {
  text-align: left;
  width: 800px;
  max-width: 800px;
  margin: 0 auto;
}

div.headimage {
  padding: 5px 0 20px 0;
  float: left;
  width: 400px;
}

div.loginform {
  float: right;
  width: 200px;
}
div.loginform table td input[type="text"],
div.loginform table td input[type="password"] {
  font-size: 8pt;
}

.smalltext {
  font-size: 8pt;
}

.headimage img {
  display: block;
}

.header a img {
  margin: 0 15px 0 0;
}

.header {
  margin: 0 0 15px 0;
}
.header .top {
  background: url('./images/header_bg_top.jpg');
  background-position: top left;
  height: 5px;
  margin: 0;
  padding: 0;
}
.header .bottom {
  background: url('./images/header_bg_bottom.jpg');
  height: 5px;
  background-position: bottom left;
  margin: 0;
  padding: 0;
}
.header .core {
  background: #bdbdbd;
  padding: 0 0 0 15px;
  margin: 0;
}
.leftPane {
  float: left;
  width: 550px;
  margin: 0 0 15px 0;
}
.rightPane { 
  float: right;
  width: 230px;
  margin: 0 0 15px 0;
}

.item {
  /*
  background: url('./images/object_trans.jpg') #cacaca;
  background-repeat: repeat-x;
  background-position: top left;
  */
  line-height: 1.3em;
  padding: 0 0 8px 0;
  margin: 0 10px 10px 0;
}
.item img {
  display: block;
}

a,
a:hover {
  color: #2841ab;
  color: #ff9900;
  text-decoration: underline;
}

.footer {
  text-align: center;
  clear: both;
  padding: 5px 0 5px 0;
  margin: 10px 0 0 0;
  font-size: 10pt;
}

.header {
  padding: 8px 0 0 15px;
}

.footer,
.rightPane, 
.header,
.leftPane,
.roundedBox {
  border: 1px solid #111111;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
  background: #ffffff;
}


.roundedBox {
  clear: both;
  padding: 10px  5px 10px 5px;
  margin: 0 0 15px 0;
  background: #ffffff;
}


form { display: inline; }

form img.field {
  display: block;
  margin: 8px 0 0 0;
}

input[type="text"],
textarea,
input[type="checkbox"],
input[type="radio"],
input[type="password"],
select {
  border: 1px solid #e5e5e5;
  background: #eeeeee url('./images/gradiant.png') top left repeat-x;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-size: 12pt;
}
input[type="text"]:focus,
textarea:focus,
input[type="password"]:focus,
select:focus {
  color: #75B7E7; /* orange */
  background: #ffffff;
  border: 1px solid #75B7E7;
}

input.loginform {
  background: #787878;
  border: 1px solid #787878;
  color: #ffffff;
}

input[type="submit"],
input[type="reset"],
input[type="button"] {
  cursor: pointer;
  text-transform: lowercase;
  background: #787878;
  color: #ffffff;
  border: 3px solid #787878;
  padding: 2px;
  border-top: 1px solid #989898;
  border-left: 1px solid #989898;
  border-right: 1px solid #585858;
  border-bottom: 1px solid #585858;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  background: #eeeeee url('./images/gradiant.png') top left repeat-x;
  color: #bbbbbb;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  border-top: 1px solid #585858;
  border-left: 1px solid #585858;
  border-right: 1px solid #989898;
  border-bottom: 1px solid #989898;
  background: #dddddd;
}
input[type="submit"] {
  font-weight: bold;
  color: #ffffff;
  color: #111111;
}
input[type="reset"] {
  color: #aaaaaa;
  color: #1b6e10;
}
input[type="button"] {
  color: #444444;
}

/*
input[type="submit"].loginform {
  cursor: pointer;
  text-transform: lowercase;
  background: url('./images/go-next.png') #787878;
  background-repeat: no-repeat;
  background-position: center right;
  padding: 0px 20px 0px 0px;
  border: 3px solid #787878;
  font-weight: normal;
}
*/

b { color: #6aaad6; }

a.visitSite {
  color: #e5e5e5;
  text-decoration: underline;
  color: #666666;
  font-size: 7pt;
}
a.visitSite:hover {
  text-decoration: underline;
}

.navFloater {
  display: block; 
  /*
  position: fixed; 
  z-index: 1; 
  bottom: 0px; 
  left: 0px; 
  border-top: 1px solid #898989; 
  border-right: 1px solid #898989; 
  */
  padding: 10px;
  margin: 10px 0 10px 0px;
  border: 1px dashed #2941ab;
}
.navFloater a,
a {
  text-decoration: none;
  color: #2941ab;
  color: #336600;
}
.navFloater a:hover,
a:hover {
  text-decoration: underline;
}

.clientItem {
  clear: both;
}
.clientItem .mainImage {
  float: left;
  padding: 0 15px 15px 0;
}
.clientItem .clientName {
  font-size: 14pt;
  font-weight: bold;
  color: #ffffff;
  margin: 0 0 8px 0;
  float: left;
}

.clientItem .clientSite {
  float: left;
  margin: 0 0 8px 0;
  font-size: 10pt;
}
.clientItem .clientSite a {
  color: #e5e5e5;
  text-decoration: underline;
}

.debugging {
  border: 1px solid #ffffff;
  background: #444444;
  padding: 10px;
  margin: 10px;
  font-size: 8pt;
  font-family: monospace;
  color: #ffffff;
  margin-left: 0;
  margin-right: 0;
}

.invoiceOptionsTable {
  border: 1px solid #ffffff; 
  background: #444444; 
  color: #ffffff;
}
.invoiceOptionsTable td.padded {
  padding: 10px;
  font-size: 10pt;
}

div.adminbar {
  position: fixed;
  bottom: 0px;
  background: #BDBDBD;
  left: 0;
  width: 100%;
  padding: 0 10px 0 10px;
  border: 1px solid #a3a3a3;
  border-bottom: 0;
  margin: 0;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}

div.adminbar img { float: left; }

div.adminbar input[type="button"] {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	padding: 5px 10px 5px 10px;
	border: 0;
	font-size: 8pt;
	float: left;
	border-right: 1px solid #a3a3a3;
}

div.adminbar input[type="button"]:hover {
}

.clear {
  clear: both;
  line-height: 0;
  font-size: 0;
}

.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}

.desc {
  font-style: italic;
  font-size: 8pt;
  color: #666666;
  margin-top: 6px;
  margin-bottom: 6px;
}

.padLeft {
  margin-left: 22px;
}

label {
  font-style: italic;
  font-size: 8pt;
  color: #444444;
}

.features {
  border: 1px dashed #e5e5e5;
  color: #444444;
  padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
	width: 340px;
}

.devlink {
  font-weight: bold;
}

.padBottom8 {
  margin-bottom: 15px;
}

.padImageRight {
  margin-right: 10px;
}

ul.sitemap {
  margin: 0;
  padding: 0;
}

ul.sitemap li {
  list-style-type: none;
}

ul.sitemap li a {
  color: #75B7E7;
}

code {
  display: block;
  margin: 10px;
  border: 1px solid #e6e6e6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: auto;
	padding: 8px;
}