/* CSS Document */

* {
	padding:		0;
	margin:			0;
	z-index:		40;
	position:		relative;
}

html,
body {
	margin:			0;
	padding:		0;
}

body {
	background-color:	#fff;
	font-family:		Arial;
	font-size:		12px;
}

strong {
	color:			#f00;
	font-weight:		bold;
}

img {
	border:			0;
	margin:			0;
	padding:		0;
}


h1 {
	color:			#09c;
	font-size:		14pt;
	font-family:		Arial;
	margin:			0 0 5px 0;
	width:			100%;
	text-align:		left;
}

h2 {
	margin:			10px 0 10px 5px;
	color:			#09c;
	font-size:		1.5em;
}

input {
	outline:		none;
}

textarea {
	resize:			none;
	outline:		none;
}

legend {
	display:		none;
}

#answerOrig ol,
#answerOrig ul {
	margin-left:		20px;
}

#answerOrig ol li {
	list-style-type:	decimal;
	list-style-position:	inside;
}

#answerOrig ul li {
	list-style-type:	disc;
	list-style-position:	inside;
}

.relatedQuestion {
	margin-left:		10px;
}

#adUnit {
	width:			728px;
	padding:		20px 0 40px 20px;
}

#header {
	width:			339px;
	height:			183px;
	margin-top:		20px;
}

.container {
	margin:			0 auto;
	width:			352px;
	text-align:		center;
}

#results ul {
	padding-left:		20px;
}

h3 {
	color:			#999;
}

#textinput {
	color:			#09c;
}

#results {
	padding:		0 20px 20px 20px;
	margin:			25px 45px 0 0;
}

#results h1 {
	color:			#09c;
}

#results h1,
#results h3 {
	font-weight:		bold;
}

#results #answerOrig {
	margin-left:		20px;
}

#results img {
	margin:			20px;
}

#results label {
	padding-left:		20px;
}

#results h2 {
	font-size:		8pt;
	color:			#999;
}

#results a {
	font-size:		8pt;
	color:			#09c;
	text-decoration:	none;
}

#results div a {
	font-size:		12px;
	font-weight:		bold;
	text-decoration:	underline;
}

#results thead td {
	font-weight:		bold;
}

#rightCol {
	width:			200px;
	float:			right;
	text-align:		right;
}

#rightCol h1 {
	color:			#09c;
}

#submitForm {
	display:		none;
}

textarea {
	color:			#666;
}

#systemMessage {
	color:			#f00;
	float:			none;
	width:			339px;
	text-align:		center;
	font-size:		14px;
	font-weight:		bold;
	margin-top:		30px;
}

#GuessWarning {
	margin-bottom:		20px;
	padding:		20px;
	border:			#09c 2px solid;
	-webkit-border-radius:	20px;
	-moz-border-radius:	20px;
	border-radius:		20px;
	font-weight:		bold;
	width:			500px;
	color:			#666;
}

#answerContainer {
	position:		relative;
	right:			25px;
	top:			0;
}

#userMenuInner {
	background-image:	url(/_images/usermenu.png);
	background-position:	bottom left;
	height:			19px;
	text-align:		right;
	padding:		6px;
	float:			right;
}

#userMenuInner label {
	margin:			5px;
	height:			10px;
}

#userMenuInner h1 {
	margin-bottom:		10px;
}

#userMenu {
	float:			right;
	width:			147px;
	padding:		0;
	margin:			0;
}

#userMenu a {
	margin:			5px;
	color:			#0099cc;
	text-decoration:	none;
}

#userMenu span {
	float:			right;
}

#userMenuIn {
	float:			right;
	width:			152px;
	padding:		0;
	margin:			0;
}

#userMenuIn a {
	margin:			5px;
	color:			#0099cc;
	text-decoration:	none;
}

#userMenuIn span {
	float:			right;
}

#loginForm {
	display:		none;
}

#userMenuInner h1 {
	margin-left:		5px;
}

#signupForm {
	display:		none;
}

#statsDiv {
	display:		none;
	margin-bottom:		3px;
	text-align:		left;
}

#aboutDiv {
	display:		none;
	margin-bottom:		3px;
	text-align:		left;
}

#aboutDiv p {
	margin-left:		13px;
}

#submitGuideDiv p {
	margin-left:		13px;
}

#loginLink {
	width:			40px;
}

#signupLink {
	width:			54px;
}

#logoutLink {
	width:			48px;
}

#signupLink2 {
	width:			54px;
	display:		none;
}

#aboutLink2 {
	width:			50px;
	display:		none;
}

#aboutLink {
	width:			40px;
}

#loginLink span,
#signupLink span,
logoutLink span,
signupLink2 span,
aboutLink2 span,
aboutLink span {
	color:			#999;
}

#userMenuCollapse {
	float:			right;
	width:			77px;
	height:			21px;
	display:		none;
}

#preload {
	display:		none;
}

.submitButton {
	position:		relative;
	left:			155px;
	top:			0;
}

.submitButtonS {
	position:		relative;
	left:			252px;
	top:			0;
}

.tooltip {
	position:		relative;
	left:			10px;
	top:			9px;
}

#searchCenter {
	padding-left:		10px;
}

#statsDiv ul li {
	margin-left:		20px;
}

#statsDiv ul ul li {
	margin-left:		30px;
}

#outerwrap {
	margin:			0 300px;
}

td.offline {
	color:			#ff0000;
	font-weight:		bold;
}

td.online {
	color:			#00ff00;
	font-weight:		bold;
}

#submitGuideDiv {
	display:		none;
	margin-bottom:		3px;
	text-align:		left;
}

#submitGuide {
	display:		none;
}

#results td {
	padding:		5px;
	border:			#ccc 1px solid;
}

#results table {
	padding-left:		20px;
	padding-top:		10px;
}

.screenshot {
	padding:		0;
	margin:			0;
}

div.rating {
	float:			left;
	padding-top:		45px;
	margin:			0px;
	width:			125px;
	height:			80px;
	background-repeat:	no-repeat;
	color:			#fff;
	font-weight:		bold;
	font-size:		19pt;
	text-align:		center;
}

/* Footer */

.outer {
	position:		fixed;
	top:			0;
	left:			0;
	width:			100%;
	height:			100%;
}

.middle {
	position:		fixed;
	bottom:			0;
	left:			0;
	width:			100%;

}
.inner {
	width:			320px;
	margin:			0 auto;
	position:		relative;
}

.inner a {
	margin:			5px;
	color:			#0099cc;
	text-decoration:	none;
}

#footer {
	background-image:	url(/_images/footer.png);
	background-repeat:	no-repeat;
	width:			304px;
	padding:		8px;
	z-index:		50;
	text-align:		center;
	display:		table-cell;
	position:		relative;
}

#footer span {
	z-index:		100;
}

#popularDiv {
	display:		none;
	text-align:		left;
}

#latestDiv {
	display:		none;
	text-align:		left;
}

#footerCollapse {
	display:		none;
	margin:			0 auto;
}

#latestLink {
	margin:			0 auto;
	padding:		0 0 0 55px;
}

#latestLink2 {
	display:		none;
	padding:		0 0 0 105px;
}

#popularLink {
	margin:			0 auto;
	text-align:		left;
}

#footerLinks span {
	float:			left;
}

#popularContent, #latestContent {
	height:			85px;
}

#collapseFooterButton {
	margin:			0;
	width:			83px;
	height:			21px;
}

div.submitButtonContainer {
	margin-bottom:		5px;
}

#submitForm p {
	width:			70px;
	text-align:		right;
}

#submitForm input, textarea {
	vertical-align:		middle;
	margin-bottom:		2px;
}

#sQuestion,
#sAnswer {
	width:			184px;
}

#submitForm #image {
	width:			186px;
}

#copyInfo {
	position:		fixed;
	bottom:			0;
	right:			0;
	padding:		11px;
	text-align:		right;
	background-image:	url(/_images/footer.png);
	background-repeat:	no-repeat;
}

#copyInfo a {
	color:			#09c;
	text-decoration:	none;
}

.hidden {
	display:		none;
}

#questionIndex {
	margin-left:		20px;
}

#questionIndex a {
	color:			#666;
	font-size:		9pt;
}

/* Search Form */

#searchForm {
	margin-top: 40px;
	width: 352px;
	height: 76px;
	background-image: url(/_images/searchform-bg.png);
	background-repeat: no-repeat;
	position: relative;
	text-align: left;
}

#searchForm label {
	position: absolute;
	left: 56px;
	top: 27px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 18px;
	color: #444;
	width: 190px;
	height: 18px;
	overflow: hidden;
}

#searchForm #textinput {
	position: absolute;
	left: 55px;
	top: 24px;
	width: 190px;
	height: 28px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 18px;
	color: #444;
	background: none;
	border: none;
}

#searchForm #tooltip {
	position: absolute;
	left: 25px;
	top: 25px;
}

#searchForm #submitbutton {
	position: absolute;
	right: 21px;
	top: 21px;
	width: 67px;
	height: 34px;
	background-image: url(/_images/searchform-button.png);
	background-repeat: no-repeat;
	background-position: top;
	border: none;
}

#searchForm #submitbutton:hover {
	background-position: bottom;
}

#PanelContainerOuter {
	position:		absolute;
	top:			0;
	right:			0;
}

#PanelContainerInner {
	background-image:	url("../_images/usermenu.png");
	background-position:	left bottom;
	float:			right;
}

#PanelControls {
	float:			right;
	color:			#999;
	padding:		5px 8px 9px 8px;
}

#PanelControls a {
	color:			#09c;
	text-transform:		lowercase;
	margin:			0 2px;
	text-decoration:	none;
	-moz-outline:		none;
}

#Panel {
	display:		none;
	padding:		5px 5px 5px 10px;
}

#Panel h2 {
	margin:			0 0 10px 0;
}

#Panel .tab {
	display: none;
}

.active #Panel {
	height: auto;
	display: block;
}

#PanelContainerInner #Panel .active,
#PanelContainerInner #Panel.active {
	display:		block;
}

#HidePanelButton {
	background-image:	url("../_images/button-hide.png");
	background-position:	0 0;
	height:			21px;
	width:			46px;
	display:		none;
	float:			right;
}

#HidePanelButton:hover {
	background-image:	url("../_images/button-hide.png");
	background-position:	0 -21px;
}

div.register,
div.login {
	width:			195px;
}

div.about {
	width:			240px;
}

/* Forms */

.rowElem label {
	width:			70px;
	color:			#999;
}

.submitContainer {
	float:			right;
	margin:			0 4px;
}

.submitContainer span {
	text-align:		right;
}

#Panel fieldset {
	padding:		0 0 0 2px;
}