* {
  margin:0px;
  padding:0px;
}
body {
  font-family:helvetica;
  background-color:#C0C0C0;
  height:100%;
}
img {
  border:0px;
}
.hidden {
  display:none;
}
.errortext {
  color:#F44;
  font-weight:bold;
}
.results {
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
  width:200px;
  background-color:#FFF;
  font-weight:bold;
  font-size:22px;
  padding:10px;
  float:left;
}
.results a {
  text-decoration:none;
  margin:1px;
  padding:1px;
}
.results a:hover {
  margin:0px;
}
.results ul {
  margin-top:5px;
  list-style:none;
}
.results li {
  font-weight:bold;
  font-size:18px;
}
.category {
  width:100%;
  text-align:right;
}
#left {
  background:url(images/FF9999.png) repeat-x;
  background-color:#FFF;
  border:3px solid #F88;
  color:#B44;
  margin-left:40px;
}
#left a {
  color:#B44;
}
#left a:hover {
  border:1px solid #F88;
  background-color:#FCC;
}
#right {
  background:url(images/9999FF.png) repeat-x;
  background-color:#FFF;
  border:3px solid #88F;
  color:#44B;
  margin-right:40px;
}
#right a {
  color:#44B;
}
#right a:hover {
  border:1px solid #88F;
  background-color:#CCF;
}
#middle {
  background:url(images/FF99FF.png) repeat-x;
  background-color:#FFF;
  border:3px solid #F8F;
  color:#B4B;
  margin:0px 43px 0px 43px;
}
#middle a {
  color:#B4B;
}
#middle a:hover {
  border:1px solid #F8F;
  background-color:#FCF;
}
#content {
  margin-left:auto;
  margin-right:auto;
  margin-bottom:100px;
  width:100%;
  background-color:#C0C0C0;
  background:url(images/C0C0C0.png) repeat-x;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
  border:3px solid #696969;
  padding:40px 0px;
  color:#696969;
}
#content p a {
  color:#696969;
}
#content p a:hover {
  text-decoration:none;
}
#content p {
  padding-left:40px;
  padding-right:40px;
  padding-bottom:15px;
}
#results_container {
  float:left;
}
#prompt_wrapper {
  border:3px solid #696969;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
  margin-left:40px;
  margin:0px 40px 0px 40px;
  padding:20px;
  text-align:center;
  background-color:#FFF;
}
#prompt_wrapper a {
  color:#696969;
}
#prompt_wrapper a:hover {
  text-decoration:none;
}
#header {
  width:100%;
  font-weight:bold;
  font-size:80px;
  text-align:right;
  margin-left:auto;
  margin-right:-6px; /* Because #content has a 3px border */
  color:#696969;
}
#footer {
  width:100%;
  text-align:center;
  font-size:12px;
  clear:both;
}
#footer a {
  color:#696969;
}
#footer a:hover {
  text-decoration:none;
}
#wrapper {
  margin:0px auto;
  width:844px;
}
.twitInfo {
  background:#FFF;
  color:#696969;
  font-weight:normal;
  padding:10px;
  margin-top:2px;
  margin-bottom:2px;
  font-size:12px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  border:1px solid #696969;
}
.callout {
  z-index:2;
  position:absolute;
  display:none;
  margin:18px 0;
  padding:18px 20px;
  background-color:#FFF;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
  text-align:center;
  width:250px;
  color:#000;
  font-weight:normal;
  font-size:16px;
}
.callout .notch {
  position:absolute;
  top:-10px;
  left:20px;
  margin:0;
  border-top:0;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  border-bottom:10px solid #FFF;
  padding:0;
  width:0;
  height:0;
}
.border-callout {
  border:2px solid #696969;
  padding:17px 19px;
}
.border-callout .border-notch {
  border-bottom-color:#696969;
  top:-12px;
}
#modalOverlay {
  z-index:1;
  display:none;
  position:absolute;
  top:0px;
  left:0px;
  height:100%;
  width:100%;
  background-color:#000;
}