/* RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body
{
	line-height: 1.5;
}
table
{
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td
{
	text-align: left;
	font-weight: normal;
}
table, td, th
{
	vertical-align: middle;
}
blockquote:before, blockquote:after, q:before, q:after
{
	content: "";
}
blockquote, q
{
	quotes: "" "";
}
a img
{
	border: none;
}

/* TYPE */
html
{
	font-size: 100.01%;
}
body
{
	font-size: 75%;
	color: #ddd;
	background: #000;
	font-family: "Helvetica Neue" , Arial, Helvetica, sans-serif;
	text-align: center;
}
h1, h2, h3, h4, h5, h6
{
	font-weight: normal;
	color: #fff;
}
h1
{
	font-size: 3em;
	line-height: 1;
	margin-bottom: 0.15em;
}
h2
{
	font-size: 2em;
	margin-bottom: 0.75em;
	font-weight: bold;
}
h3
{
	font-size: 4em;
	line-height: 1;
	margin-bottom: 1em;
}
h4
{
	font-size: 1.2em;
	line-height: 1.25;
	margin-bottom: 1.25em;
}
h5
{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1.5em;
}
h6
{
	font-size: 1em;
	font-weight: bold;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img
{
	margin: 0;
}
p
{
	margin: 0 0 1.5em;
	font-size: 1.2em;
}
p img.left
{
	float: left;
	margin: 1.5em 1.5em 1.5em 0;
	padding: 0;
}
p img.right
{
	float: right;
	margin: 1.5em 0 1.5em 1.5em;
}
a:focus, a:hover
{
	text-decoration: underline;
}
a
{
	color: #ddd;
	text-decoration: none;
}
blockquote
{
	margin: 1.5em;
	color: #666;
	font-style: italic;
}
strong
{
	font-weight: bold;
}
em, dfn
{
	font-style: italic;
}
dfn
{
	font-weight: bold;
}
sup, sub
{
	line-height: 0;
}
abbr, acronym
{
	border-bottom: 1px dotted #666;
}
address
{
	margin: 0 0 1.5em;
	font-style: italic;
}
del
{
	color: #666;
}
pre
{
	margin: 1.5em 0;
	white-space: pre;
}
pre, code, tt
{
	font: 1em 'andale mono' , 'lucida console' , monospace;
	line-height: 1.5;
}
li ul, li ol
{
	margin: 0 1.5em;
}
ul, ol
{
	margin: 0 1.5em 1.5em 1.5em;
}
ul
{
	list-style-type: disc;
}
ol
{
	list-style-type: decimal;
}
dl
{
	margin: 0 0 1.5em 0;
}
dl dt
{
	font-weight: bold;
}
dd
{
	margin-left: 1.5em;
}
table
{
	margin-bottom: 1.4em;
	width: 100%;
}
th
{
	font-weight: bold;
}
thead th
{
	background: #c3d9ff;
}
th, td, caption
{
	padding: 4px 10px 4px 5px;
}
tr.even td
{
	background: #e5ecf9;
}
tfoot
{
	font-style: italic;
}
caption
{
	background: #eee;
}
.small
{
	font-size: .8em;
	margin-bottom: 1.875em;
	line-height: 1.875em;
}
.large
{
	font-size: 1.2em;
	line-height: 2.5em;
	margin-bottom: 1.25em;
}
.hide
{
	display: none;
}
.quiet
{
	color: #666;
}
.loud
{
	color: #000;
}
.highlight
{
	background: #ff0;
}
.added
{
	background: #060;
	color: #fff;
}
.removed
{
	background: #900;
	color: #fff;
}
.first
{
	margin-left: 0;
	padding-left: 0;
}
.last
{
	margin-right: 0;
	padding-right: 0;
}
.top
{
	margin-top: 0;
	padding-top: 0;
}
.bottom
{
	margin-bottom: 0;
	padding-bottom: 0;
}
hlight
{
	background-color: #8b5301;
	padding: 0 3px 0 3px;
}

/* STANDARD CLASSES */
.point
{
	cursor: pointer;
}
.left
{
	float: left;
}
.right
{
	float: right;
}
.clearBoth
{
	clear: both;
}
.clearAfter:after, .clearFloats
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	_font-size: 0;
}
.clearAfter
{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearAfter
{
	height: 1%;
}
.clearAfter
{
	display: block;
}
/* End hide from IE-mac */
input
{
	font-size: 20px;
	padding: 5px;
}



.fields
{
	text-align: center;
}

.group
{
	padding: 10px;
	clear: both;
}

.buttonsarea
{
	text-align: center;
	width: 100%;
	margin-left: 0px;
}

.placeholder
{
	color: #ccc;
}

.ads
{
	margin-top: 50px;
}

.wideinput
{
	width: 500px;
	border: 0px solid black;
	font-size: 24px;
	padding: 8px;
	margin: 15px;
	margin-top: 5px;
	margin-bottom: 2px;
	margin-left: 5px;
}

.skinnyinput
{
	width: 240px;
	border: 0px solid black;
	font-size: 20px;
	padding: 5px;
	margin: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.dropinput
{
	width: 248px;
	border: 0px solid black;
	font-size: 20px;
	padding: 5px;
	margin: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.buttongo
{
	margin: 10px;
}
.buttonstop
{
	margin: 10px;
	margin-left: 0px;
}

.twitlink
{
	position: absolute;
	bottom: 10px;
	right: 13px;
}

#mslogo 
{
	position: absolute;
	top: 10px;
	right: 10px;
}

#loadingdiv
{
	width: 419px;
	margin: auto;
}

#failmessage
{
	font-size: 50px;
	margin: auto;
	width: 500px;
	text-align: center;
}
#failsub
{
	font-size: 25px;
	margin:auto;
	width:500px;
	text-align: center;
}
/* STRUCTURE */
#container
{
	margin: auto;
	text-align: center;
	margin-top: 20px;
	width: 700px;
}

/* TOP */
#top
{
	margin-top: 20px;
	text-align: center;
	width: 700px;
	margin: auto;
}
#logo
{
	float: left;
	text-align: left;
	margin-bottom: 20px;
}
#title
{
	float: right;
	text-align: right;
	margin-top: 28px;
	font-size: 30px;
	font-weight: bold;
}
#resultsgrid{margin:auto;
             width:500px;
             }

/* CONTENT */
#middle
{
	margin-top: 20px;
	text-align: center;
	width: 700px;
	margin: auto;
}
#teaser
{
	margin-bottom: 10px;
	font-size: 16px;
}

/* BOTTOM */
#bottom
{
	margin-top: 40px;
}

/* FOOTER */
#footer
{
	margin:auto;
	margin-top:50px;
	width:400px;
}