/*
 * Haydn 2 Base CSS
 */
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	color: #444;
	margin: 0;
	padding: 0;
}

table { width: 80%; }

a {
	color: #c30;
	text-decoration: none;
}

a img { border: none; }

a:hover { color: #f30; }

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: normal;
}

h2 { font-size: 20px; }
h3 { font-size: 18px; }

h2.img, h3.img {
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

p {
	margin: 0 0 15px 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0 0 0 30px;
}

form {
	margin: 0;
	padding: 0;
}

input.text, textarea {
	border: 1px solid #888;
	padding: 2px;
	width: 70%;
	color: #555;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}

code, pre {
  padding: 0 3px 2px;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}

pre {
  display: block;
  padding: 8.5px;
  margin: 0 0 9px;
  font-size: 12.025px;
  line-height: 18px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*
 * Helpers
 */

ul.nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.nav li {
	float: left;
	margin: 0;
	padding: 0;
}

.break { clear: both; }

/*
 * HaydnForms
 */
.formTable { 
	width: 100%; 
	border-collapse: collapse;
	line-height: 1.6em;
}
.formTable td { 
	padding-bottom: 15px; 
	vertical-align: top;
}
.formTable input.text, .formTable textarea { width: 98%; }
.formTable textarea { height: 90px; }
.formTable .col1 { width: 40%; }
.formTable .col2 { width: 60%; }
#formWarning { color: #c30; }

/*
 * Lists
 */
dl {
	width: 100%;
	margin: 0;
}

dt, dd {
	float: left;
	margin: 0;
	padding: 1px 0;
}

dt {
	width: 40%;
	clear: both;
}

dd {
	width: 60%;
}