body, html {
	margin: 0;
	padding: 0;
	background-color: #7A0F01;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height:20px;
	background: url('/images/bg-body.jpg');
}

body {
	
}

h1, h2, h3, h4, h5, h6 {
	margin: 5px 0 5px 0;
	font-family: Georgia, Times New Roman, serif;
	padding: 0;
}

img {
	border: 0;
}

a {
	color: #e0bf50;
}

h3 a {
	color: #fff;
	text-decoration: underline;
}

h3 a:hover {
	text-decoration: underline;
}

dt {
	clear: both;
	float: left;
	font-weight: bold;
	width: 50%;
}

dd {
	margin: 0;
	float: left;
}

.anchor {
	clear: both;
}

a.scroller {                                                                                                                           
	float: left;
	position: relative;
	top: 0;
	left: 0;
	font-size: 9px;
	font-weight: bold;
	cursor: pointer;
}

div#container {
	position: relative;
	display: block;
	width: 895px;
	margin: 0 auto;
}

div#header {
	display: block;
	height: 150px;
	margin: 0 0 12px 0;
	padding: 30px 0 0 0;
}

div#header h1 a {
	display: block;
	width: 259px;
	height: 0px;
	padding: 76px 0 0 0;
/*  margin: 0 0 20px 0;*/
  margin: 0 auto 20px auto;
	background: url('/images/bg-h1.png') no-repeat;
	overflow: hidden;
}

div#header div#navigation {
	position: relative;
	float: left;
	height: 57px;
	width: 100%;
	background: url('/images/bg-nav.png') no-repeat;
	overflow: hidden;
}

div#header div#navigation ul {
	position: relative;
	left: 50%;
	clear: left;
	float: left;
	list-style: none;
	margin: 0;
	padding: 18px 0;
	text-align:center;
}

* html div#header div#navigation ul {
	height: 49px;
	padding: 12px 10px;
	text-align:center;
}

div#header div#navigation ul li {
	position: relative;
	right: 50%;
	float: left;
	display: block;
	margin: 0 18px;
	text-align: center;
	text-transform: capitalize;
}

div#header div#navigation ul li a {
	display: block;
	color: #cbbea1;
	font-family:  Georgia, Times, serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

* html div#header div#navigation ul li a {
	font-size: 14px;
}

div#header div#navigation ul li a:hover {
	color: #ffffff;
}

div#header div#navigation ul li.on {
	/*background: url('/images/bg-nav-li-on.png') no-repeat;*/
	color: #ffffff;
}

div#assistance {
  display: block;
  margin: -9px 0 10px 13px;
  padding: 0 10px;
  width: 847px;
  height: 25px;
  line-height: 24px;
  background: url('/images/bg-nav-sub.jpg');
  overflow: hidden;
}

* html div#assistance {
	position: relative;
	top: -8px;
}

div#assistance ul {
  margin: 0;
  padding: 0;
}

div#assistance ul {
  text-align: right;
}

div#assistance ul li {
  display: inline;
  font-size: .9em;
  font-weight: bold;
}

div#assistance ul li.left {
  float: left;
}

div#assistance ul li a {
  color: #d4d698;
  text-decoration: none;
}

div#assistance ul li a:hover {
  color: #ffffff;
}

.right {
  clear: right;
	float: right;
	margin: 25px 15px 15px 15px;
}

div.section {
  display: block;
/*  width: 560px;*/
}

div.section h1 {
	color: #e0bf50;
	font-size: 28px;
	font-family:Georgia,Times,serif;
	font-weight:normal;
}

div#static h1 {
	color: #e0bf50;
	font-size: 28px;
	font-family:Georgia,Times,serif;
	font-weight:normal;
}

div#static {
	padding: 15px;
}

div.section h2 {
	color: #e0bf50;
	font-size: 20px;
	font-family:Georgia,Times,serif;
}

div.newuser h2 a {
	color: #e0bf50;
	font-size: 20px;
	font-family:Georgia,Times,serif;
	text-decoration:none;
}

div.newuser h2 a:hover {
	text-decoration:underline;
}

div.section h2 a {
	color: #fff;
	text-decoration: none;
}

div.section h2 a:hover {
	color: #e0bf50;
	text-decoration: underline;
}

div.section.full {
  width: auto;
}

.textpadding {
	padding:10px;
}

div#first-mystery {
  display: block;
  margin: 15px;
}

div#first-mystery fieldset {
  background-color: #AB0000 !important;
  color: #E6C888;
  padding:10px;
  line-height: 150%;
}

div#container div.front-page-mystery {
  width: 516px;
  margin: 0;
  padding: 103px 20px 0 20px;
  background: url('/images/bg-teaser-top.png') no-repeat;
  color: #000;
  font-family: "Times New Roman", serif;
  clear: both;
}

* html div.front-page-mystery {
  width: 556px !important;
  padding-top: 120px !important;
}

div#container div.front-page-mystery h2,
div#container div.front-page-mystery strong.info-string {
  color: #000;
  padding: 0 0 5px 0;
  font-family: "Courier", serif;
}

div#container div.front-page-mystery a {
  color: #000;
}

div#container div.front-page-mystery div.teaser-body {
  width: 493px;
  margin: -2px 0 15px 1px;
  padding: 5px 12px 0px 11px;
  font-size: 13px;
  background: url('/images/bg-teaser.jpg');
  overflow: hidden;
  text-align: justify;
}

div#container div.front-page-mystery span {
  color: #000;
}

div#container div.front-page-mystery hr {
  display: none;
}

div.section strong.info-string {
	display: block;
	margin: 0 0 5px 0;
	color: #D6CFB3;
	font-weight: normal;
}

div.section p.footer {
  display: block;
  width: 517px;
  height: 84px;
  margin: 20px 0 0 -12px;
  background: url('/images/bg-teaser-bottom.gif') no-repeat;
}

div.section p.footer em {
  display: block;
  float: right;
  width: 85px;
  height: 40px;
  margin: 35px 0 0 0;
  line-height: 100%;
}

div.section p.footer em span {
  display: block;
}

div.section p.footer a {
  display: block;
	float: right;
	width: 140px;
	height: 0px;
	padding: 40px 0 0 0;
	margin: 30px 0 0 0;
	color: #DE8483;
	overflow: hidden;
}

blockquote.steps {
	margin: 20px 0 10px 0; 
	border: 1px solid #A63300; 
	padding: 10px 20px;
	clear: both;
}

blockquote.steps h2 {
	clear: both;
	border-bottom: 1px solid #7F0801; 
	padding: 5px 0 5px 0;
	margin: 10px 0 0 0;
}

blockquote.steps h1 {
	border-bottom: 1px solid #7F0801; 
	padding: 5px 0 5px 0;
	margin: 5px 0 0 0;
}

div#content {
  padding: 0 5px;
	color: #fffcf1;
}

div#content div#full {
}

div#content div#right {
	position: absolute;
	right: 5px;
  float: right;
  width: 274px;
  font-size: 12px;
}

div#content div#right div#ready-to-begin {
	font-size: 12px;
}

div#content div#left {
  display: block;
  float: left;
  padding: 10px;
  width: 590px;
  background-color: #650D00;
/*  overflow: hidden;*/
}

div#left h1 {
	color: #e0bf50;
	font-size: 28px;
	font-family:Georgia,Times,serif;
	font-weight:normal;
}

div#content div#left p { 
  line-height: 150%;
  font-size: 1em;
}

div#content div.post-it {
  position: relative;
  display: block;
  margin: 25px 0 -10px 14px;
  padding: 18px;
  width: 226px;
  height: 198px;
  line-height: 110%;
  background: url('/images/bg-note-2.png');
  color: #000;
  font-family: "Comic Sans MS", sans-serif;
  overflow: hidden;
  z-index: 50;
}
	
div#content div.post-it-2,
div#content div.post-it-3 {
  position: relative;
  display: block;
  margin: 28px 0 -10px 14px;
  padding: 20px;
  width: 226px;
  height: 198px;
  background: url('/images/bg-note-2.png');
  color: #000;
  font-family: "Comic Sans MS", sans-serif;
  overflow: hidden;
  z-index: 50;
}

div#content div.post-it-2,
div#content div.post-it-3 {
  margin: 28px 0 -10px 10px;
  width: 226px;
  height: 196px;
  background: url('/images/bg-note-1.png');
}

div#content div.post-it-3 {
  background: url('/images/bg-note-3.png');
}

div#content div.post-it h3,
div#content div.post-it-2 h3,
div#content div.post-it-3 h3 {
  font-size: 16px;
}

div#content div.post-it a,
div#content div.post-it-2 a,
div#content div.post-it-3 a {
  color: #f00;
}

div#content div.sidebar-ad {
  position: relative;
  display: block;
  margin: 25px 0 -10px 30px;
  padding: 8px;
  width: 208px;
  line-height: 110%;
  /* background: #00c20f; */
  color: #000;
  font-family: "Comic Sans MS", sans-serif;
	text-align: center;
  overflow: hidden;
  z-index: 50;
}

div#content div.sidebar-ad p {
	margin: 0;
}

/*div#member-area*/
div#member-area {
	position: relative;
}

div#content div#right div.section {
 	clear: right;
	display: block;
	margin: 0 4px;
	padding: 5px 10px;
	background-color: #650D00;
}

div#content div#right div.section h3 {
	margin: 5px 0;
	font-family:Georgia, Times, serif;
	font-size: 15px;
	color: #e0bf50;
}

div#content div#right div.section ul {
	margin: 0 0 5px 0;
	padding: 0;
	list-style: none;
}

div#content div#right div.section ul li {
	padding: 0 5px;
	height: auto;
	min-height: 20px;
	line-height: 20px;
	color: #BF822B;
}

div#content div#right div.section li.odd {
	background-color: #711000;
}

div#content div#right div.section li span {
	float: right;
	color: #fffcf1;
}

div#content div#mystery-stats ul {
	margin: 10px 0 5px 0;
	padding: 0;
	list-style: none;
}

div#content div#mystery-stats ul li {
	padding: 0 5px;
	height: 20px;
	line-height: 20px;
}

div#content div#mystery-stats li.odd {
/*  background-color: #FFFDA3;*/
}

div#content div#mystery-stats li span {
	float: right;
	color: #FF0009;
}

div#content div#top-sleuths {
	position: relative;
  width: 259px;
  height: 133px;
  margin: 10px 0 10px 0 !important;
  padding: 110px 0 0 14px !important;
  background: url('/images/bg-top-sleuths.jpg');
  overflow: hidden;
}

div#content div#top-sleuths a.scroller,
div#content div#top-sleuths a.scroller {
	left: 105px;
}

div#content div#top-sleuths a.scroller {
	top: -20px;
}

div#content div#top-sleuths a.bottom {
	top: 5px;
}

div#content div#top-sleuths h3 {
  display: none;
}

div#content div#top-sleuths div#sort {
	position: absolute;
	top: 75px;
	right: 33px;
	font-size: .9em;
}

div#content div#top-sleuths div#sort a {
	color: #000;
	cursor: pointer;
}

div#content div#top-sleuths div#ts-by-points {
	display: none;
}

div#content div#top-sleuths p strong {
	margin: 0 0 0 15px;
}

div#content div#top-sleuths ul {
  margin: 140px 0 0 0;
  padding: 0 0 0 1px !important;
  width: 227px;
	height: 105px;
	overflow: hidden;
}

div#content div#top-sleuths ul li {
  padding: 1px 3px;
  height: 21px !important;
  line-height: 21px !important;
}

div#content div#top-sleuths ul li.odd {
  background: #1e1e1e !important;
}

div.mystery {
  display: none !important;
}

div.captcha {
	display: block;
	clear: both;
	height: 185px !important;
}

div.captcha p.desc {
	float: right;
	width: 200px;
	margin: 0 0 0 25px;
}

div.captcha div.captcha-image {
	float: left;
	padding: 0 !important;
}

/***
** Extraneous Page Stylings
***/

div#container fieldset {
	margin: 10px auto;
	background-color: #6c0d00;
	border: 1px solid #791709;
}

* html div#container fieldset {
	padding: 0 10px;
}

div#container fieldset legend {
	padding: 15px;
	color: #e6c888;
	letter-spacing: .5px;
	font-family: Georgia, Times, serif;
	font-size: 1.3em;
	font-weight: bold;
}

div#container fieldset label {
	float: left;
	margin: 2px 0 0 0;
	width: 100%;
}

div#container fieldset label.radio {
	float: none;
	margin: auto;
	width: auto;
}

div#container fieldset p span {
	float: right;
}

div#container fieldset p span.right {
	float: none;
	text-align: right;
}

div#container fieldset p.err {
	color: #F00;
}

div#container fieldset input {
	width: 250px;
}

div#container fieldset input.checkbox,
div#container fieldset input.radio {
	width: auto;
}

div#container fieldset textarea {
  width: 550px;
  height: 200px;
}

div#container fieldset textarea.small {
  height: 200px;
}
	
div#container form p.submit-form {
	padding: 0 25px 15px 0;
	text-align: right;
}

div#container form p.submit-form input {
	font-size: 12pt;
	font-weight: bold;
}

div#container form#submit-mystery ul {
  clear: both;
  margin: 0;
  padding: 10px 0 0 10px;
  list-style: none;
}

div#container form#submit-mystery ul li {
  margin: 0 0 8px 0;
}

div#container form#submit-mystery input:hover,
div#container form#submit-mystery select:hover,
div#container form#submit-mystery textarea:hover,
div#container form#submit-mystery input:active,
div#container form#submit-mystery select:active,
div#container form#submit-mystery textarea:active {
  border: 2px solid #E31A00;
}

div#container form#submit-mystery input,
div#container form#submit-mystery select,
div#container form#submit-mystery textarea {
  border: 2px solid #510900;
}

div#container form#submit-mystery textarea {
  width: 860px;
}

div#footer {
  clear: both;
  display: block;
  width: 895px;
  height: 110px;
  margin: 0 auto;
  padding: 51px 0 0 0;
  background: url('/images/bg-footer.png') no-repeat;
  color: #fff;
  text-align: center;
  overflow: hidden;
}

.letter {
	border-top: 1px solid #ffffff;
	margin: 20px 0 0 0;
	padding: 10px;
}

.banner h2 {
	margin: 20px 0;
	border-bottom: 1px solid #b7924e;
	font-weight:normal;
}
div#footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

div#footer ul li {
  display: inline;
  margin: 0 10px 0 10px;
}

table.std {
	width: 100%;
	margin: 10px 0;
	border-collapse: collapse;
}

table.std th {
	text-align: left;
	padding: 10px;
}

table.std tr.even {
  background-color: #81292C;
}

table.std tr td {
	padding: 5px;
}

p.pn {
	text-align: left;
}

p.pn span {
	display: block;
	float: right;
}

/* Admin */
.table {
	margin: 10px 0;
}

.table th {
	text-align: left;
	padding: 0 10px 0 0;
}

/**
 * Profile Page
**/
div#profile {
  position: relative;
  padding: 0 0 36px 0;
  background: url('/images/bg-profile-bottom.jpg') 0% 100% no-repeat;
  font-family: "Courier New", Courier, monospace;
}

div#profile div.post-it-2 {
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  color: #3E680D;
  line-height: 35px;
}

div#profile div.post-it-2 h3 {
  margin: 55px 0 0 0;
  font-size: 50px;
}

div#profile div.post-it-2 span {
  display: block;
  color: #000;
  font-size: 30px;
  text-transform: lowercase;
}

div#profile div#top {
  display: block;
  padding: 0 0 0 30px;
  width: 876px;
  height: 50px;
  background: url('/images/bg-tab-blue.gif') no-repeat;
  color: #000;
  font-size: 16px;
  font-weight: bold;
  line-height: 55px;
  font-family: "Courier New", Courier, monospace;
  overflow: hidden;
}

div#profile div#top a {
  display: block;
  margin: 0 0 0 35px;
  color: #000;
}

div#profile div#top.author {
  background: url('/images/bg-tab-green.gif') no-repeat;
}

div#profile div#demografix {
  display: block;
  float: right;
  width: 510px;
  font-family: "Courier New", Courier, monospace;
}

div#profile div#demografix h2 a {
  color: #000;
  font-size: 12px;
}

div#profile div#demografix label {
  float: left;
  width: 200px;
  font-weight: bold;
}

div#profile h2 {
  color: #000;
}

div#profile div#demografix p {
  margin: 0;
}

div#profile div#demografix table#stats {
  width: 100%;
  border-collapse: collapse;
}

div#profile div#demografix table#stats tr.odd {
  background: #e7e7e7;
}

div#profile div#demografix table#stats td {
  padding: 0 10px;
  width: 50%;
  height: 20px;
}

div#profile div#demografix table#stats td.left {
  text-align: right;
  font-weight: bold;
}

div#profile div#inner {
  padding: 15px;
  background: #DED2B4 url('/images/bg-torn-paper.jpg') 0% 100%;
  border: 8px solid #DED2B4;
  border-right: 150px solid #DED2B4;
  border-top: 0;
  color: #000;
/*  width: 840px;*/
  width: 688px;
}

div#inner a {
	color: #821308;
	text-decoration: none;
}

div#inner a:hover {
	text-decoration: underline;
}

div#inner li {
	font-size: 12px;
	list-style:none;
	display:block;
	font-family: Verdana, Arial, sans-serif;
}

div#profile p#tear-me {
  position: relative;
  left: -15px;
  margin: 0 0 -15px 0;
  width: 718px;
  height: 76px;
  background: #DED2B4 url('/images/bg-torn-paper-bottom.jpg') 0% 100%;
}

p#search-archives {
  float: right;
  font-weight: bold;
}

div#profile-image {
  width: 165px;
  height: 165px;
  border: 2px dashed black;
  text-align: center;
/*  vertical-align: center;*/
}

/***
 ** mystery CSS!
***/
div#mystery {
	display: block;
	position: relative;
	/*z-index: 0;*/
	width: 842px;
/*	overflow: hidden;*/
}

* html div#mystery {
	position: absolute;
}

div#mystery div#mystery-title {
  display: block;
  padding: 15px 0 0 34px;
  width: 842px;
  height: 53px;
  background: transparent url('/images/bg-mystery-title.png');
  line-height: 19px;
  overflow: hidden;
}

*:first-child+html div#mystery div#mystery-title {
	width: auto;
}

div#mystery div#mystery-title h2 {
  display: block;
  color: #000;
  font-family: "Courier New", Courier, monospace;
}

div#mystery div#mystery-title a,
div#mystery div#mystery-title em {
  color: #ABA28C;
}

div#mystery h2 div {
  position: absolute;
  right: 345px;
  float: right;
  display: block;
/*  margin: 0 80px 0 0;*/
  color: #E36060;
  font-size: 10px;
  font-weight: bold;
}

* html div#mystery div#mystery-body {
	display: block;
	position: relative;
	top: 68px;
	padding-bottom: 1px;
	margin-bottom: 68px;
}

div#mystery div#mystery-body {
	width: 856px;
	min-height: 700px;
	/* TODO: Fix for IE */
  margin: 0;
  padding: 1px 0 1px 20px;
  background: transparent url('/images/bg-mystery.jpg') repeat-y;
  color: #000;
  text-align: justify;
}

div#mystery div#mystery-body p {
  width: 570px;
  margin-bottom: 0;
}

div#mystery div#mystery-body p strong em {
  color: #f00;
}

div#mystery div#mystery-body fieldset {
  margin: 0;
  width: 570px;
  background: #CFC190;
  border: 2px solid #AEA278;
}

div#mystery div#mystery-body fieldset legend {
  color: #6E4F43;
}

div#mystery div#mystery-body fieldset p,
div#mystery div#mystery-body fieldset p {
  width: 570px;
  overflow: hidden;
}

div#mystery.off span {
  cursor: default;
}

div#mystery span {
	cursor: pointer;
}

div#mystery span.marked {
	background-color: #0A3064;
	color: #fff;
	text-decoration: underline;
}

div#mystery span.guilty,
div#mystery span.innocent {
	background-color: #0B7D00;
	color: #fff;
}

div#mystery span.guilty {
	background-color: #7D0000;
}

div#mystery div#manilla-footer {
  display: block;
  width: 875px;
  height: 36px;
  background: url('/images/bg-mystery-bottom.png') 0% 100% no-repeat;
}

div#clue {
	position: absolute;
  display: block;
  top: -1000px;
  left: -1000px;
	width: 195px;
	height: 117px;
	padding: 5px 0 0 0;
	color: #fff;
	text-align: center;
	font-size: 10px;
	overflow: hidden;
	z-index: 100;
}

div#clue p {
	position: relative;
	z-index: 50;
}

div#clue-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 195px;
	height: 117px;
	background: transparent url('/images/bg-guilt-selector.png');
	z-index: 0;
}

div#clue select,
div#clue input {
  clear: both;
  display: block;
  margin: 0 auto;
  font-size: 10px;
}

div#clue select {
  margin-top: 5px;
}

div#clue a#clear-sentence {
  position: absolute;
  bottom: 25px;
  left: 20px;
	z-index: 80;
}

div#clue input#save-suspect {
  position: relative;
  z-index: 400;
  background-color: #d3d3d3;
}

div#mystery div#submit {
  display: block;
  position: absolute;
  bottom: 50px;
  right: -50px;
  width: 306px;
  height: 160px;
  margin: 0 -30px 0 0;
  padding: 30px 0 0 0;
  text-align: center;
  z-index: 1350;
}

div#mystery div#submit-bg {
	position: relative;
	width: 306px;
  height: 190px;
	margin: -130px 0 0 0;
	background: transparent url('/images/bg-verdict.png') no-repeat;
	z-index: 0;
}

div#mystery div#submit p {
	position: relative;
  width: auto !important;
	z-index: 80;
}

div#mystery div#submit p input {
	width: auto;
	margin: 15px 0 0 0;
	font-size: 1.1em;
	font-weight: bold;
}

div#mystery div#submit p strong {
  display: block;
  color: #383838;
  font-size: 1.1em;
}

div#mystery div#submit strong#already-solved {
  display: block;
  width: 156px;
  height: 0px;
  margin: 0 0 0 80px;
  padding: 93px 0 0 0;
  background: url('/images/bg-case-closed-stamp.png') no-repeat;
  overflow: hidden;
}

/**
 * Forgot Password
**/
form#forgot-password table td {
  padding: 10px;
  width: 50%;
  text-align: center;
}

form#forgot-password table td input {
  width: 300px;
}

/**
 * Account
**/
div#account div.section {
  margin: 6px;
  width: 280px;
}

div#account div.section.right {
	float: right;
}

/**
 * Sign In page
**/
div#sign-in {
  display: block;
  width: 271px;
  margin: 0 auto;
  overflow: hidden;
}

/**
 * Sign Up page
**/
div#sign-up form {
  width: 580px;
}

.form {
	color: #ffffff;
	font-size: 12px;
}

div#sign-up2 form {
  width: 80%;
  margin: 20px auto;
}

div#sign-up form div {
  padding: 3px;
  float: left;
  height: 45px;
}

div#sign-up2 form div {
  padding: 3px;
  float: left;
  height: 45px;
}

div#sign-up form label.gender {
	width: 100px;
}

div#sign-up form label.gender input {
	width: 15px;
}

div#sign-up form .cardholder span {
  width: 554px;
  display: block;
  text-align: center;
}

div#sign-up form .halfwidth, 
div#sign-up form .halfwidth input, 
div#sign-up form .halfwidth select {
  width: 250px;
  margin: 0 15px 0 0;

}


div#sign-up2 form .halfwidth, 
div#sign-up2 form .halfwidth input, 
div#sign-up2 form .halfwidth select {
  width: 300px;
  margin: 0 15px 0 0;

}

div#sign-up form .thirdwidth, 
div#sign-up form .thirdwidth input, 
div#sign-up form .thirdwidth select {
  width: 155px;
  margin: 0 15px 0 0;
}
div#sign-up2 form .thirdwidth, 
div#sign-up2 form .thirdwidth input, 
div#sign-up2 form .thirdwidth select {
  width: 195px;
  margin: 0 15px 0 0;
}

div#sign-up form .thirdwidth, 
div#sign-up form .thirdwidth input, 
div#sign-up form .thirdwidth select {
  width: 155px;
  margin: 0 15px 0 0;
}
div#sign-up2 form .thirdwidth, 
div#sign-up2 form .thirdwidth input, 
div#sign-up2 form .thirdwidth select {
  width: 195px;
  margin: 0 15px 0 0;
}

div#sign-up form .quarterwidth, 
div#sign-up form .quarterwidth input, 
div#sign-up form .quarterwidth select {
  width: 115px;
  margin: 0 15px 0 0;
}
div#sign-up2 form .quarterwidth, 
div#sign-up2 form .quarterwidth input, 
div#sign-up2 form .quarterwidth select {
  width: 195px;
  margin: 0 15px 0 0;
}

div#sign-up form .wholewidth, 
div#sign-up form .wholewidth input, 
div#sign-up form .submitbar, 
div#sign-up form .wholewidth {
  width: 540px;
}

div#sign-up2 form .wholewidth, 
div#sign-up2 form .wholewidth input, 
div#sign-up2 form .submitbar, 
div#sign-up2 form .wholewidth {
  width: 630px;
}

div#sign-up form .payment-options, 
div#sign-up form .cardholder {
  height: auto;
}

div#sign-up form .payment-options {
	width: 99% !important;
  margin-bottom: 15px;
  border-bottom: 2px solid #AF000A;
}

div#sign-up form .payment-options table {
	width: 100%;
}

div#sign-up form .payment-options table td {
	width: 25%;
	text-align: center;
}

div#sign-up form .cardholder input {
  width: 554px;
}

div#sign-up form .controls {
  display: block;
  padding: 8px 0 0 0;
}

div#sign-up2 form .controls {
  display: block;
  border-top: 2px solid #AF000A;
  padding: 8px 0 0 0;
}

div#sign-up form .controls .submit {
  float: right;
}


div#sign-up2 form .controls .submit {
  float: right;
}

div#sign-up form .morethan, 
div#sign-up form .morethan select, 
div#sign-up form .birthbox, 
div#sign-up form .morethan input {
  width: 299px;
}

div#sign-up form .lessthan, 
div#sign-up form .lessthan input, 
div#sign-up form .lessthan select, 
div#sign-up form .radiobox {
  width: 249px;
}

div#sign-up form .radiobox input {
	display:inline;
}

div#sign-up form .radiobox select {
  width: 20px;
}

div#sign-up form .birthbox select {
  width: 30%;
  margin: 0px 4px 0px 0px;
  float: left;
}

div#sign-up form .expdate select {
  width: 45%;
  margin: 0px 4px 0px 0px;
  float: left;
}

div#sign-up form .expdate {
  width: 219px;
}

div#sign-up form .ccradio {
  width: 85px;
  text-align: center;
}

div#sign-up form div#pc-info,
div#sign-up form div#cc-info {
  display: block;
  clear: both;
  margin: 0 0 25px 0;
  height: auto;
  background-color: #53020C;
}
/*
div#sign-up form div#cc-info input,
div#sign-up form div#cc-info select {
  background-color: #949494;
}*/

/**
 * Top Sleuths
**/
div#content div#top-sleuths-landing,
div#content div#tour {
  background: url('/images/bg-ts-plaque.jpg') repeat-y;
}

div#content div#top-sleuths-landing div#top,
div#content div#tour div#top {
  display: block;
	margin: 0 auto;
  padding: 20px 0;
  background: url('/images/bg-ts-plaque-top.jpg') no-repeat;
  color: #000;
  font-size: 25px;
  text-align: center;
}

div#content div#top-sleuths-landing h2,
div#content div#tour h2 {
  width: 529px;
  height: 0px;
  margin: 20px auto 10px auto;
  padding: 49px 0 0 0;
  background: url('/images/bg-ts-title.gif') no-repeat;
  color: #000;
  font-size: 25px;
  text-align: center;
  overflow: hidden;
}

.descrip {
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
}

.floatleft {
	float: left;
}

.floatright {
	float:right;
	
}

#authors-listing .third {
	width: 265px;
	float: left;
	margin: 15px 0 0 0;
	padding: 10px;
}

#authors-listing .third h3 {
	font-size: 20px;
	margin: 0 0 0 5px;
}

div#content div#tour {
	text-align: center;
}

div#content div#tour h2 {
  height: 49px;
  padding: 8px 0 0 0;
  background: url('/images/bg-ts-title-empty.gif') no-repeat;
}

div#content div#tour div#lynx {
	margin: 0 0 0 150px;
}

div#vid-content {
  display: block;
  width: 640px;
  height: 400px;
  margin: 0 120px;
  background-color: #000;
  overflow: hidden;
}

div#content div#top-sleuths-landing div.plaque {
  float: left;
  margin: 0 0 0 35px;
  width: 386px;
	height: 310px;
	overflow: hidden;
}

div#content div#top-sleuths-landing div.plaque h3 {
  display: block;
  padding: 14px 0 0 0;
  width: 386px;
  height: 35px;
  background: url('/images/bg-ts-plaque-title.gif');
  color: #000;
  line-height: 20px;
  list-style: none;
  text-align: center;
}

div#content div#top-sleuths-landing div.plaque div {
	display: block;
	height: 211px;
	margin: 11px 0 0 0;
	padding: 22px 22px 0 22px;
  background: url('/images/bg-ts-plaque-bg.gif');
}

div#content div#top-sleuths-landing div.plaque ul {
  display: block;
	margin: 0;
	padding: 0;
  width: 342px;
  height: 190px;
  color: #000;
  line-height: 20px;
  list-style: none;
	overflow: hidden;
}

div#content div#top-sleuths-landing div.plaque li {
  padding: 1px 3px;
  height: 17px;
  line-height: 17px;
}

div#content div#top-sleuths-landing div.plaque li a {
  color: #000;
}

div#content div#top-sleuths-landing div.plaque a.scroller {
	color: #000;
	top: 18px;
	left: 200px;
}

div#content div#top-sleuths-landing div.plaque a.bottom {
	top: -22px;
}

div#content div#top-sleuths-landing div.plaque li span {
	float: right;
}

div#content div#top-sleuths-landing div.plaque li.odd {
  background: #C5AA63;
}

div#content div#top-sleuths-landing p.disclaimer,
div#content div#tour p.footer {
  clear: both;
  padding: 0 35px;
  height: 42px;
  width: 811px;
  background: url('/images/bg-ts-plaque-bottom.jpg') 0% 100% repeat-x;
}

form#archives-search fieldset p {
  float: left;
  width: 250px;
}

/**
 * Authors Listing Page
**/
div#authors-listing h2 {
  display: none;
}

div#authors-listing a.un {
  color: #fff;
  text-decoration: none;
  font-weight: normal;
}

div#authors-listing div.author {
  display: block;
  padding: 7px 12px;
  height: 66px;
  overflow: hidden;
}

div#authors-listing div.author.odd {
  background-color: #611500;
}

div#authors-listing div.author img {
  margin: 0 18px 0 0;
  float: left;
  width: 65px;
  height: 65px;
}

div#authors-listing div.author h3 {
  margin: 0;
  padding: 0;
  height: 25px;
  color: #B28733;
  font-size: 1.75em;
}

div#authors-listing div.author h3 a {
  color: #B28733;
}

div#authors-listing div.author p strong {
  display: block;
  height: 20px;
}

div#authors-listing div.author p {
  margin: 5px 0;
}

div#authors-listing div.author div.wide,
div#authors-listing div.author div.narrow {
  float: left;
  display: block;
  margin: 0 5px 0 0;
  padding: 0;
  height: 65px;
  width: 140px;
  overflow: hidden;
}

div#authors-listing div.author div.wide {
  width: 235px;
}

div#authors-listing div.author p strong {
  font-size: 1.1em;
}

/**
 * Payment Page
**/
p.cvv2 {
  float: left;
  width: 130px;
}

p.cvv2 input {
  width: 50px !important;
  overflow: hidden;
}

p.exp {
  float: left;
  width: 130px;
}

/**
 * Error Page
**/
div#error {
  position: relative;
}

div#error h2 {
  position: absolute;
  top: 75px;
  left: 150px;
}

div#error p {
  position: absolute;
  top: 0;
  left: 0;
  top: 95px;
  left: 150px;
}
ol {
  line-height: 20px;
}

/**
 * Mystery Management Page
**/
fieldset#mystery-management input {
  width: auto !important;
}

fieldset#mystery-management table {
  margin: 10px 0;
  width: 100%;
  border-collapse: collapse;
  font-size: 11px;
}

fieldset#mystery-management table tr.even {
  background-color: #81292C;
}

fieldset#mystery-management table th {
  background-color: #300;
  vertical-align: middle !important;
}

fieldset#mystery-management table th span,
fieldset#mystery-management table td span {
  font-size: 9px;
}

fieldset#mystery-management table td,
fieldset#mystery-management table th {
  padding: 7px 0;
  vertical-align: top;
  text-align: center;
}

fieldset#mystery-management form#edit-user p {
  float: left;
  width: 220px;
  height: 40px;
  margin: 0 0 0 35px;
  padding: 10px;
/*  border: 1px solid #000;
*/  font-size: 11px;
}

fieldset#mystery-management form#edit-user p label {
  margin: 2px 0;
}

fieldset#mystery-management form#edit-user p input {
  border: 1px solid #5C0008;
  background-color: #ECECEC;
  font-size: 11px;
}

fieldset#mystery-management form#edit-user p#submit {
  width: 840px;
  margin: 0;
  text-align: center;
}

table#cards-on-file {
  margin: 10px 0;
  width: 50%;
  border-collapse: collapse;
  font-size: 11px;
  margin: 0 auto;
}

table#cards-on-file tr.even {
  background-color: #81292C;
}

table#cards-on-file th {
  background-color: #300;
  vertical-align: middle !important;
}

table#cards-on-file input {
  width: auto !important;
}

table#cards-on-file tr td {
  text-align: center;
}

table#cards-on-file p input {
  border: 1px solid #5C0008;
  background-color: #ECECEC;
  font-size: 11px;
}

/**
 * Index/landing page
**/
div#intro {
  position: relative;
  padding: 10px 0;
  background-color: #7D1000;
}

div#intro ol {
  margin: 0;
  padding: 0;
  list-style: upper-roman inside;
}

div#intro ol li {
  height: 25px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

div#magnifier {
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  width: 69px;
  height: 34px;
  background: url('/images/bg-featured-active.png') no-repeat;
}

#featured {
  display: block;
	width: 573px;
  height: 196px;
  margin: 0 0 5px 0;
	background: url('/images/bg-featured.jpg') #650d00;
	position: relative;
	float: right;
	overflow: hidden;
}

#featured a {
	text-decoration: none;
}

#featured h2 {
	width: 578px;
	height: 2.65em;
	margin: 0;
	padding: 0 0 0 10px;
	background: #650d00;
	display: block;
	color: #ccc;
	font-weight: normal;
	font-size: 1.2em;
	line-height: 3em;
}

#featured ul {
	width: 35px;
	height: 196px;
	padding: 0;
	margin: 0;
	background: url('/images/bg-feature-ul.jpg') no-repeat;
	color: #fff;
	font-size: 1.2em;
	position: absolute;
	bottom: 0;
	left: 0;
	list-style: none;
	z-index: 200;
}

#featured ul li {
	width: 35px;
	height: 39px;
	padding: 0 0 0 15px;
	float: left;
	display: inline;
	line-height: 39px;
	font-size: 14px;
	/*text-align: center;*/
}

#featured ul li.active {
	margin: 0 0 0 2px;
	padding: 0 0 0 12px;
	font-size: 22px;
}

#featured div#ticker {
	position: absolute;
	top: 5px;
	left: -2px;
	width: 69px;
	height: 34px;
	display: block;
	background: url('/images/bg-featured-active.png');
	overflow: hidden;
	z-index: 999;
}

#featurette {
	width: 553px;
  	height: 179px;
	position: absolute;
	bottom: 0;
	right: 0;
}

#featurette div {
	position: absolute;
	display: block;
	width: 538px;
  	height: 196px;
	bottom: 0;
	right: 0;;
	overflow: hidden;
	z-index: 100;
}

#featurette p {
	width: 538px;
	height: 80px;
	margin: 0;
	padding: 0 5px 0 10px;
	background: #000;
	color: #fff;
	font-size: 1em;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: .75;
}

#featurette p a {
	color: #eee;
}

#featurette strong {
	padding: 5px 0 0 0;
	display: block;
	font-size: 1.5em;
	color: #e6d085;
	font-weight: bold;
}
.float-right {
	float: right;
	margin: -10px 2px 10px 0;
}
div#outer {
	width: 100%;
	height: 100%;
	background: url('/images/bg-outer.jpg') repeat-x;
}
div.instruction-button a {
	width: 179px;
	height: 0px;
	margin: 0 0 15px 12px;
	padding: 49px 0 0 0;
	display: block;
	overflow: hidden;
	float: left;
}
a.pdf {
	background: url('/images/bg-instructions-pdf.gif');
}
a.video {
	background: url('/images/bg-instructions-video.gif');
}
a.web {
	background: url('/images/bg-instructions-web.gif');
}

/* Leagues */

.buttons {
	text-align: center;
}

.buttons img {
	margin: 0 20px 0 20px;
}

.woodbg {
	background: url("/images/bg-buttons.gif");
}

.buttons li {
	list-style:none;
	background: url("/images/bg-buttons.gif");
	float: left;
	font-family: Georgia, Times, serif;
	font-size: 18px;
 	padding: 10px 20px 10px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 5px 20px 20px 0;
	border: 1px solid #64370a;

}

.buttons li a {
	text-decoration: none;
	color: #ffffff;
}

.buttons li a:hover {
	color: #E0BF50;
}

div#demografix .rankings {
	margin: 40px 0 0 0;
	border-top: 1px solid #666;
	padding: 10px 0 0 0;
}

div#inner .half {
	width: 250px;
	display:block;
	font-weight:normal;
	font-family: Arial, Verdana, sans-serif;
}

div#inner .floatleft {
	float:left;
}

.participants {
	float:right;
	width: 150px;
	clear:right;
}

.participants a {
	color:#821308;
	text-decoration:none;
}

.participants a:hover {
	text-decoration: underline;
}

.participants ul {
	margin: 0;
}

.participants li {
	margin: 0;
	line-height: 150%;
	list-style:none;
}

div#inner .floatright {
	float:right;
}

div#demografix .half h2 {
	border-bottom: 1px solid #666;
	font-size:14px;
	font-weight:normal;
	font-family: Arial, Verdana, sans-serif;
}


/**
 * Admin
**/
div#admin-sidebar {
	position: absolute;
	top: 140px;
	right: -250px;
	padding: 10px;
	background: #fff;
	border: 4px solid #000;
	color: #000;
	z-index: 50;
}

div#admin-sidebar a {
	color: #000;
}

/**
 * Gift
**/
div#gift {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}

div#gift a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #e0bf50;
}

div#gift p#now-free a {
	color: #0f0;
}

/**
 * Autocompletion
**/
/* TextboxList sample CSS */
ul.holder { margin: 0; border: 1px solid #999; overflow: hidden; height: auto !important; height: 1%; padding: 4px 5px 0; }
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; }
ul.holder li.bit-box, ul.holder li.bit-input input { font: 11px "Lucida Grande", "Verdana"; }
ul.holder li.bit-box { border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 5px 2px; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-input input { width: 150px; margin: 0; border: none; outline: 0; padding: 3px 0 2px; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 20px; }

/* Facebook demo CSS */      
form ul.holder { width: 47.5%; background: #fff; }
ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('close.gif'); }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }

/* Autocompleter */

.ac-box { display: none; position: absolute; left: 0; width: 47.5%; padding: 3px 5px; background: #55020A; border: 2px solid #A50312; }
.ac-box .default { padding: 5px 7px; border-width: 0 1px 1px; }
.ac-box ul { display: none; margin: 0; padding: 0; }
.ac-box ul li { padding: 5px 12px; margin: 0; list-style-type: none; border: 1px solid #fff; border-width: 0 1px 1px; font: 11px "Lucida Grande", "Verdana"; }
.ac-box ul li em { font-weight: bold; font-style: normal; background: #f1ac00; }
.ac-box ul li.auto-focus { background: #000; color: #fff; }
.ac-box ul li.auto-focus em { background: #f1ac00; }