@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/cwtexkai.css); 
@import url(http://fonts.googleapis.com/earlyaccess/cwtexyen.css); 

html {
	background-color:#FFC;
	font-family:STKaiti, sans-serif; 
}
table, td, th, tr {
	border:1px solid black;
	border-collapse:collapse;
}
th {
	background-color:#FC2;
}
.err {
	color:white;
	background-color:red;
	text-align:center;
}
.vote_option {
	float:left;
	margin-left:5%;
	width:150px;
}
input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}
input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;

	border:5px solid white;
	background-color:#FF9;
	width:150px;
	height:40px;
	padding-top:16px;
	padding-right:10px;
	text-align:center;
	
}

input[type=checkbox]:not(old):hover + label,
input[type=radio   ]:not(old):hover + label{
	border:5px solid #3F9;
}

input[type=checkbox]:not(old):checked + label,
input[type=radio   ]:not(old):checked + label{
	border:5px solid #FF9;
	background-color:#3F9;
}

input[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}
input[type=checkbox]:not(old):checked + label > span,
input[type=radio   ]:not(old):checked + label > span{
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));

}
input[type=radio]:not(old):checked + label > span:before{
  content     : '✓';
  display     : block;
  width       : 1em;
  color       : rgb(153,204,102);
  font-size   : 0.875em;
  line-height : 1em;
  text-align  : center;
  text-shadow : 0 0 0.0714em rgb(115,153,77);
  font-weight : bold;
}
input[type=]:not(old):checked + label > span > span{
  display          : block;
  width            : 0.5em;
  height           : 0.5em;
  margin           : 0.125em;
  border           : 0.0625em solid rgb(115,153,77);
  border-radius    : 0.125em;
  background       : rgb(153,204,102);
  background-image :    -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :     -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :      -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image : -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :         linear-gradient(rgb(179,217,140),rgb(153,204,102));
}

#main {
	min-height:600px;
	width:90%;
	margin:auto;
	border: 1px solid #CFF;
	background-color: #FFF;
}
	
	
#wrapper {
	width:90%;
	min-height:600px;
	margin:auto;
	margin-top:-10px;
	border:1px solid black;
	background-color:#CFF;
}
#form_login {
	margin-left:2%;
	margin-top:10%;
}

#test_questions {
	margin-left:2%;
}

.input_text {
	background: rgba(255,255,255,.1);
	border: none;
	border-radius: 4px;
	font-size: 30px;
	margin-left: calc(50% - 100px);
	outline: 0;
	min-height:50px;
	text-align:center;
	width: 200px;
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	background-color: #e8eeef;
	color:#8a97a0;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;	
}

.vote_button {
	background-color:#d31745;
	color:white;
	margin-left: calc(50% - 75px);
	width:150px;
	border: none;
	padding: 8px 10px 8px 10px;
	border-radius: 4px;
	margin-top: 15px;
}
.vote_button1 {
	background-color:#d31745;
	color:white;
	float:left;
	width:150px;
	border: none;
	padding: 8px 10px 8px 10px;
	border-radius: 4px;
	margin-top: 25px;
}

.blessing {
	margin-left:2%;
	margin-right:2%;
	margin-bottom:5px;
	border-radius:5px;
	border:3px dotted #FF6600;
}
.type_head {
	font-size:1.5em;
}
.quote {
	background-color:#CCC;
}
#footer {
	clear:both;
}