body {
  font-family: Trebuchet MS, Arial, Verdana, sans-serif;
  font-size: 15px;
  line-height: 150%;
  background-color: #fff;
}

* {
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}

html  { height: 100%; margin-bottom: 1px; }
label { font-weight: bold; }

h1 { font-size: 32px; }
h2 { font-size: 30px; }
h3 { font-size: 28px; }
h4 { font-size: 24px; }
h5 { font-size: 18px; }

a         { border: none; color: #000;  }
a img     { border: none; }
a:visited { color: inherit; }
td a:hover, li a:hover { text-decoration: underline; }

a.normal  { text-decoration: underline; }

p {
  color: #000;
  padding: 5px;
}

input[disabled] {
  padding: 3px;
  color: #aaa;
  background: #fff;
  border: 1px solid #ccc;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
}

button[disabled], button.vote[disabled] {
  color: #ccc;
  border-width: 0;
  cursor: default;
}

.prompt {
  margin: -5px 0 10px 0;
  font: italic normal 14px "Trebuchet MS", "Arial";
}

div.eg {
  width: 90%;
  margin: 20px 0 20px 15px;
}

div.eg span {
  font-weight: bold;
  font-style: italic;
  font-family: Trebuchet MS, Arial;
  color: #449;
  margin: 0 10px 0 10px;
}

ul.tips {
  list-style-type: decimal;
  margin: 10px 0 0 30px;
}

ul.tips li {
  margin: 0 0 10px 0;
}

ul li {
  list-style-type: disc;
  margin: 20px 0 20px 15px;
}

ul li a, ul li a:visited {
  border: 0;
  text-decoration: none;
  padding: 0 0 2px 0;
  line-height: 150%;
  border-bottom: 1px solid #ddd;
}

ul li a:hover {
  text-decoration: none;
  border-bottom: 1px solid #a00;
}

#versions {
 vertical-align: top;
}

#versions a {
  color: #000;
  float: left;
  margin: 15px 10px 0 0;
  text-decoration: none;
  font: normal normal 18px "Trebuchet MS";
  border-bottom: 2px solid #aaa;
}

td#versions a:hover {
  border-bottom: 2px solid #a00;
}

.fixes {
  padding: 10px;
  margin: 10px 0 40px 20px;
  background-color: #f7f7f7;
  border-left: 3px solid #a00;
}

.fixes ul li {
  margin: 5px 0 0 10px;
}

div.desc {
  margin: 20px 0 0 10px;
  padding: 20px 5px 20px 20px;
  border-left: 3px solid #070;
  background-color: #f2f2f2;
  line-height: 150%;
  white-space: pre-wrap;
}

div.desc li {
  margin: 3px 0 5px 20px;
}

div.desc a, div.desc a:visited {
  color: #000;
  text-decoration: underline;
  border: 0;
}

div.tags {
  margin: 10px;
}

div.tags span {
  padding: 3px;
  background-color: #eef;
  border: 1px solid #444;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
}

div.tags span a {
  text-decoration: none;
}

div.tags span a:hover {
  border: none;
}

div.tags span:hover {
  background-color: #aaa;
}

.choose_suggestion, .close_suggestion {
  cursor: pointer;
  margin: 0 20px 0 0;
  text-decoration: underline;
}

ul.choices {
  float: left;
  margin: 0 0 40px 0;
}

ul.choices li {
  list-style-type: none;
  margin: 15px 0 0 40px;
}

ul.choices li div.choice {
  line-height: 150%;
  margin: -23px 0 20px 30px;
  color: #000;
}

ul.choices li div.choice span {
  text-decoration: underline;
  cursor: pointer;
}

ul.choices li div.choice div.moreinfo {
  margin: 10px 0 0 0;
  padding: 20px;
  border-left: 3px solid #070;
  background-color: #f2f2f2;
}

ul.choices li.chosen {
  color: #000;
  font-style: italic;
  margin: 10px 0 10px 0;
}

#pipal {
 float: left;
 margin: -20px 0 0 0;
}

#logo {
  color: #000;
  float: left;
  margin: 0;
  font: normal bold 50px "Trebuchet MS";
}

#container {
  width: 100%;
  min-width: 1028px;
  text-align: left;
  margin-right: auto;
  margin-left: auto;
}

#header-container {
  height: 80px;
  padding: 5px 0 0 0;
  background-color: #29231e;
}

#footer-container {
  clear: both;
  float: left;
  height: 45px;
  padding: 0;
  width: 100%;
  margin: 50px 0 0 0;
  background-color: #e1dfdb;
}

#footer-container ul {
  margin: 10px;
  text-align: center;
}

#footer-container li {
  color: #777;
  list-style-type: none;
  display: inline;
}

#footer-container li a {
  color: #777;
}

.center {
  margin: auto;
}

.notfound {
  padding: 50px 0 0 0;
}

.notfound h3 {
  padding: 20px 0 0 0;
  font-weight: bold;
}

.rating {
  color: #a00;
  white-space: nowrap;
  padding: 10px;
  font: normal bold 18px "Trebuchet MS";
}

.flash-spacer {
  height: 50px;
  width: 100%;
}

#left-container {
  float: left;
  width: 250px;
  background-color: #FFFFFF;
  color: black;
}

.errorpage {
  margin: 100px 0 0 100px;
}

.errorpage img {
 float: left;
}

.errorpage h4 {
 float: left;
 margin: 150px 0;
}

.error {
  color: #e00;
}

.info {
  color: #777;
}

#main-container {
  float: left;
  width: 96%;
  min-height: 540px;
  margin: 20px auto 0 30px;
}

.pointer {
  cursor: pointer;
}

.grey {
  color: #999;
}

.red {
  color: #c00;
}

.flush {
  float: left;
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}

.medium {
  font-size: 18px;
}

form.editf {
  float: left;
}

form.editf label, form.editf input, form.editf textarea {
  float: left;
  clear: both;
}

form.editf input.text, form.editf textarea {
  resize: none;
  width: 900px;
  font-family: Arial, Trebuchet MS;
  font-size: 14px;
  border: 1px solid #aaa;
  padding: 5px;
  margin: 0 0 10px 0;
}

form.editf label {
  margin: 20px 0 10px 0;
  font: normal bold 16px "Trebuchet MS";
}

.submit, form button {
  padding: 5px;
  cursor: pointer;
  border: 1px outset #ccc;
  margin-top: 20px;
  font: normal normal 22px "Trebuchet MS";
}

.respond {
  clear: both;
  float: left;
}

.respond button {
  margin: 20px 20px 0 0;
}

#related_symptom {
  float: left;
  clear: both;
  margin: 0 0 20px 0;
}

#related_symptom label {
  margin: 0 0 20px 0;
}

#related_symptom input {
  display: inline;
  margin: 3px 10px 0 0;
}

#related_symptom span {
  float: left;
  width: 95%;
}

#check_exists { float: left; margin: 20px 0 0 10px; }

.title {
  margin: 10px 0 40px 0;
  font-weight: bold;
  font-family: "Trebuchet MS";
}

#interact td {
  padding: 0 0 0 20px;
}

#interact td.link a {
  color: #aaa;
  border-bottom: 2px solid #aaa;
  text-decoration: none;
}

#interact td.link a:hover {
  border-color: #a00;
}

button.vote {
  border: 0;
  cursor: pointer;
  background: transparent;
  border-bottom: 2px solid #ccc;
  margin: 10px 20px 0 0;
  font: normal normal 18px "Trebuchet MS";
}

button.vote:hover { border-color: #c00; }

div.box800w {
  float: left;
  clear: left;
  padding: 20px;
  width: 980px;
  background: #fff;
  border: 10px solid #eee;
  margin: 40px 0 0 0;
}

div.info {
  float: left;
  margin: 20px 0 20px 0;
}

div.rating {
  display: none;
  height: 15px;
  padding: 0;
  margin: 0 0 0 5px;
  background: transparent url(/images/love.png) repeat-x bottom left;
}

div.rating1 { display: inline-block; width: 15px; }
div.rating2 { display: inline-block; width: 30px; }
div.rating3 { display: inline-block; width: 45px; }
div.rating4 { display: inline-block; width: 60px; }
div.rating5 { display: inline-block; width: 75px; }


#menu {
  float: left;
  min-width: 410px;
  margin: 10px 10px 0 0;
}

#menu div {
  position: absolute;
  margin: 5px 0 0 340px;
}

#login, #signup, #logout, #account {
  float: right;
  cursor: pointer;
  color: #fff;
  padding: 4px;
  margin: 5px 10px 0 0;
  border-bottom: 2px solid #ccc;
  font: normal normal 18px "Trebuchet MS";
}

#login:hover, #signup:hover, #logout:hover, #account:hover {
  border-bottom: 2px solid #a00;
}

#links {
  float: right;
  color: #fff;
  margin: 25px 10px 0 0;
}

#links a {
  color: #fff;
  padding: 4px;
  border-bottom: 2px solid #ccc;
  font: normal normal 18px "Trebuchet MS";
}

#links a:hover {
  border-bottom: 2px solid #a00;
}

#qf {
  margin: 20px auto 20px auto;
}

#qf input.text {
  width: 600px;
  color: #444;
  border: 0;
  padding: 3px;
  font-size: 24px;
  background: #f7f7f7;
  border: 1px solid transparent;
  border-bottom: 2px dotted #aaa;
  margin: 4px 10px 0 0;
}

#qf label {
  float: left;
  margin: 5px 10px 0 0;
  font: normal bold 32px "Trebuchet MS";
}

#qf label.bracket {
  float: left;
  margin: 0 10px 0 0;
  font: normal bold 40px "Times New Roman";
  color: #090;
}

#qf .submit { margin: 0; }

#unans, #sym, #sol, #tags {
  margin: 50px 0;
  background: #fff;
  width: 1024px;
  border: 10px solid #eee;
}

#unans ul {
  margin: 0 0 50px 0;
}

#unans h4, #sym h4, #sol h4, #tags h4{
  margin: 15px 15px 40px 15px;
}

#unans ul, #sym ul, #sol ul, #tags ul{
  padding: 0 15px;
}

a.allprob {
  color: #aaa;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #ccc;
  margin: 20px 0 20px 10px;
  font: normal normal 12px "Trebuchet MS";
}


a.backtop {
  float: right;
  margin: -60px 30px 0 0;
  font: normal normal 12px "Trebuchet MS";
  color: #aaa;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #ccc;
}

a.backtop:hover, a.allprob:hover {
  border-bottom: 2px solid #a00;
}

#tagcloud {
  margin: 50px 0;
  line-height: 200%;
}

#tagcloud li {
  color: #444;
  display: inline;
  margin: 10px;
  list-style-type: none;
}

#tagcloud li a {
  color: inherit;
  border: 0;
  text-decoration: none;
}

#tagcloud li a:hover {
  border: 0;
  text-decoration: underline;
}

#tagcloud li.tag0  { font-size: 1.0em; font-weight: 100; color: #444; }
#tagcloud li.tag1  { font-size: 1.0em; font-weight: 200; color: #555; }
#tagcloud li.tag2  { font-size: 1.2em; font-weight: 300; color: #744; }
#tagcloud li.tag3  { font-size: 1.2em; font-weight: 400; color: #447; }
#tagcloud li.tag4  { font-size: 1.4em; font-weight: 500; color: #774; }
#tagcloud li.tag5  { font-size: 1.5em; font-weight: 600; color: #5c7; }
#tagcloud li.tag6  { font-size: 1.6em; font-weight: 700; color: #fb7; }
#tagcloud li.tag7  { font-size: 1.8em; font-weight: 700; color: #779; }
#tagcloud li.tag8  { font-size: 2.0em; font-weight: 800; color: #aaf; }
#tagcloud li.tag9  { font-size: 2.2em; font-weight: 800; color: #799; }
#tagcloud li.tag10 { font-size: 2.3em; font-weight: 900; color: #aaa; }

#email_yn {
  float: left;
  clear: both;
  margin: 0 0 20px 0;
}

#email_yn input, #email_yn span {
  float: left;
  clear: none;
  margin: 0 10px 0 0;
  height: 18px;
}

#email_yn input { cursor: pointer; margin-top: 2px; }

#info, #alert {
  float: left;
  margin: 15px 0 0 10px;
}

.flash-container {
 float: left;
 clear: both;
 margin: 10px 0 10px 0;
}

.flash-alert, #alert { padding: 5px; background: #fdc; color: #000; border-bottom: 2px solid #444 }
.flash-info,  #info  { padding: 5px; background: #ffc; color: #000; border-bottom: 2px solid #ccc }
.flash-alert a, .flash-info a, #alert a, #info a { text-decoration: underline;  }
.flash-alert, .flash-info { display: none; max-width: 350px; }

.edit, .delete {
  position: absolute;
  font: normal bold 24px "Trebuchet MS";
  border-bottom: 2px solid #ccc;
  margin: 0 0 0 900px;
}

.edit:hover, .delete:hover {
  border-color: #a00;
}

.delete, .delete:visited {
  color: #a00;
  margin: 0 0 0 800px;
}

div.tips {
  margin: 0 0 20px 0;
  font-size: 18px;
  color: #050;
}

div.tips a {
  color: #050;
  cursor: pointer;
  text-decoration: underline;
}

span.circle {
  width: 24px;
  height: 24px;
  position: absolute;
  font-size: 24px;
  font-weight: bold;
  margin: -8px 0 0 752px;
  text-shadow: 2px 2px #ccc;
}

button.more, button.less {
  color: #222;
  width: 40px;
  border: 0;
  background: none;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
}

button.more {
  margin: -10px 0 0 770px;
}

button.less {
  margin: -10px 0 0 710px;
}

.hidden {
  display: none;
}

.symptoms {
  float: left;
  clear: left;
}

#suggestion {
  padding: 10px 50px 10px 50px;
  position: absolute;
  z-index: 3000;
}

#suggestion_slider {
  width: 400px;
}

#overlay {
  display: none; height: 100%; width: 100%;
  position: fixed; left: 0px; top: 0px;
  z-index: 2999;
  opacity: 0.5;
  background: #000;
}


.loginform {
  width: 460px;
  height: 150px;
  padding: 20px;
  margin: 50px auto 0 auto;
}

.loginform input.text {
  margin: 10px 0 0 0;
  width: 300px;
  float: right;
  color: #444;
  padding: 5px;
  font-size: 20px;
  border: 1px solid #ccc;
  margin: 20px 0 0 0;
}

.loginform span {
  font: normal bold 24px "Trebuchet MS";
  margin: 20px 10px 10px 10px;
  float: left;
  text-align: right;
  color: #222;
  clear:both;
}

.loginform .submit {
  margin: 50px 0 0 15px;
}

.oops {
  margin: 150px 0 0 0;
  font-size: 160px;
  color: #a00;
  float: left;
}

.rte-zone, .wysiwyg {
  float: left;
  clear: both;
  width: 900px;
}

#captcha {
  float: left;
  clear: both;
  margin: 15px 0 15px 0;
}

#captcha input {
  display: block;
}