@charset "utf-8";

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
    font-family: Arial, Verdana, Sans-serif;
    margin: 0;
	background-color:#9aa2b5;
	background-image:url(img/bg.png);
	background-repeat:repeat-x;
}

a {
	color: #333333;
	text-decoration:none;
}

a:hover {
	text-decoration: underline;	
}

#header {
    width: 960px;
    height: 300px;
    margin: 0 auto;
	-margin-top: 10px;
	background-image:url(img/header.png);
	background-repeat: no-repeat;	
}

#QWrapper {
	background-image:url(img/contentBg.png);
	background-repeat:repeat-x;
    width: 944px;
    margin: 0 auto;
	margin-bottom: 10px;
    padding: 8px;
	padding-bottom: 3px;
	background-color:#e8eff4;
	border-bottom: none;
    -moz-border-radius: 4px;
}

#sumbitBox {
    width: 944px;
    margin: 0 auto;
	margin-bottom: 10px;
    padding: 8px;
	background-color:#e8eff4;
	border-bottom: none;
    -moz-border-radius: 4px;
	text-align:center;
}

#noscript {
	width: 100%;
	height: 100%;
	position:fixed;
	z-index: 999;
	background-image:url(img/gray.png);
	text-align:center;
	color:#FFF;
	font-size:32px;
	font-family:Verdana, Geneva, sans-serif;
}

#noscript > span {
	display:block;
	margin-top: 300px;	
}

#termsBox {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

#footer {
	width: 960px;
	height: 20px;
	margin: 0 auto;
	font-size: 10px;
	color: #333333;
}

.question {
	background-color:#dce3f0;
	padding: 4px;
	margin-bottom: 5px;
	-moz-border-radius: 4px;
	font-style:italic;
	font-weight:bold;
}

.dark {
	background-color:#c5d2e9;	
}

.errorBox {
	-moz-border-radius:3px 3px 3px 3px;
	-moz-box-shadow:0 1px 3px #333333;
	background-color:#F72F2F;
	display:block;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	margin-left:-240px;
	padding:1px 3px;
	position:absolute;
	text-align:center;
	display:none;
}

input[type=text] {
	border: none;
	border-bottom: solid 1px;
	background: none;
}

.question ul {
	padding-left: 10px;
	font-style:normal;
	font-weight:normal;
}

li {
	list-style-type: none;	
	margin-bottom: 5px;
}

.dragBox {
	-width: 480px;
	text-align:center;
	border: solid 1px #9aa2b5;
	-moz-border-radius: 4px;
	padding: 4px 4px 4px 16px;
	background-image:url(img/dragBg.png);
	background-repeat:repeat-x;
	background-color:#dce3f0;
	font-size:15px;
	font-style:normal;
	font-weight:normal;
	margin: 5px 0;
	cursor:move;
	-moz-user-select: none; /* not selectable */
}

.dragBox:hover {
	-moz-box-shadow: 0px 0px 5px #999;
}

.dragBox:first-letter {
	font-weight: bold;
	display:block;
	left:0px;
}

.bold {
	font-weight: bold;	
}