body {
  margin: 0;
  padding: 0;
  background-color: #e0d6cf; color: #333;
}

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
}

:link { color: #000; }
:visited { color: #666; }
:link:hover, :visited:hover { text-decoration: none; }

#header {
  background: #111;
  padding: 10px 4%;
  border-bottom: 3px solid #999;
  vertical-align: middle;
  height: 50px;
  font-size: .8em;
}

#header h1 {
  color: #c30;
  display: inline;
  vertical-align: middle;
}

#header h1 :link,
#header h1 :visited {
  color: inherit;
  text-decoration: none;
}

#header h2 {
  color: #e0d6cf;
  display: inline;
  vertical-align: middle;
}

#header b {
  vertical-align: middle;
}

#header img
{
  border-width: 0;
  vertical-align: middle;
}

#sysnav {
  color: #444;
  padding-top: 10px;
  float: right;
}

#header :link,
#header :visited {
  color: #999;
}

#nav {
  position: relative;
  top: -1em;
  left: 60px;
  margin: 0;
  padding: 0;
  width: 75%;
}

ul#nav li {
  display: inline;
}

#container {
  width: 96%;
  padding: 5px 2%;
}

#content {
  float:left;
  padding: 25px;
  background: #fff;
  border-width: 0 5px 5px 0;
  border-right:3px solid #999;
  width: 75%;
  min-height: 200px;
}

#sidebar {
  float: right;
  width: 17%;
  overflow: hidden;
}

#sidebar .home_links {
  font-size: .8em;
}

#sidebar ol.builds {
  margin: 0 0 0 .5em;
  padding: 0;
  list-style-type: none;
  font-size: .7em;
}

#sidebar ol.builds li {
  white-space: nowrap;
}

ul.marketing {
  margin-left: 0em;
}

ul.marketing ul {
  margin-let: 2em;
}

#home_1,
#home_3 {
  float: left;
  width: 45%;
}

#home1 {
  text-align: center;
}

#home_2,
#home_4 {
  float: right;
  width: 45%;
}

#home_3 {
  clear: both;
}

#home_4 {
  float: right;
  width: 45%;
}

.floating_back {
  float: right;
  position: relative;
  top: -1em;
}

.projects .info {
  font-size: smaller;
}

.red { color: red; }
.green { color: green; }

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

.bold { font-weight: bolder; }

.notice {
  padding: 2px;
  background-color: yellow;
}

.builds .time {
  font-weight: bolder;
}

.plain {
  margin-left: 1em;
  padding: 0;
  list-style-type: none;
}

dl.plain {
  border-bottom: 1px solid #ccc;
}

dl.plain dt {
  border-top: 1px solid #ccc;
  font-weight: bolder;
}

dl.plain dd {
  margin: 0 0 0 2em;
  padding-bottom: .5em;
}

#sidebar ol.plain :link,
#sidebar ol.plain :visited,
dl.plain :link,
dl.plain :visited {
  color: inherit;
}

#sidebar ol.plain .green :link:hover,
#sidebar ol.plain .green :visited:hover,
dl.plain .green :link:hover,
dl.plain .green :visited:hover {
  color: #003f00;
}

#sidebar ol.plain .red :link:hover,
#sidebar ol.plain .red :visited:hover,
dl.plain .red :link:hover,
dl.plain .red :visited:hover {
  color: #7f0000;
}

dl.projects dd.info ul {
  margin: 0;
  padding: 0;
}

dl.projects dd.info li {
  display: block;
  margin: 0;
  padding: 0;
}

div.auto_complete {
  width: 350px;
  background: #fff;
}

div.auto_complete ul {
  border:1px solid #888;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}

div.auto_complete ul li {
  margin:0;
  padding:3px;
}

div.auto_complete ul li.selected {
  background-color: #ffb;
}

div.auto_complete ul strong.highlight {
  color: #800;
  margin:0;
  padding:0;
}

#home_1 pre { /* HACK for ascii-ass pie chart */
  padding: 0px;
  background-color: inherit;
  border: 0px;
}

pre {
  padding: 10px;
  overflow: auto;
  background-color: #fafafa;
  border: 1px solid #b4b4b4;
  white-space: pre-wrap;        /* css-3 */
  white-space: -moz-pre-wrap;   /* Mozilla, since 1999 */
  white-space: -khtml-pre-wrap; /* WebKit/Konqueror */
  white-space: -pre-wrap;       /* Opera 4-6 */
  white-space: -o-pre-wrap;     /* Opera 7 */
  word-wrap: break-word;        /* Internet Explorer 5.5+ */
}

.log .message {
	color: #0065a7;
}

.log .warning {
	color: #ff0014;
	font-weight: bold;
}