/* helpful stuffs:  
  * { outline: 2px dotted red }
  * * { outline: 2px dotted green }
  * * * { outline: 2px dotted orange }
  * * * * { outline: 2px dotted blue }
  * * * * * { outline: 1px solid red }
  * * * * * * { outline: 1px solid green }
  * * * * * * * { outline: 1px solid orange }
  * * * * * * * * { outline: 1px solid blue }
*/

#quizzy {
	background:url(http://www.teendays.com/wp-content/themes/think/images/texture/teendays.png) no-repeat top;
	background-color:#66CC00;
	color:#FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#quizzy p {margin:0px;}
/*pick quiz screen*/

#quizzy_load {overflow:hidden;}

.quizzy_load_body {height:90%;}

.quizzy_load_foot {height:10%;text-align:right;padding:3px;}

.quizzy_title {text-align:center;font-size:1.5em;font-weight:bold;}

/*question pane */

.quizzy_q_opt_val {float:none;}

.quizzy_opt_best {}

.quizzy_opt_worst {}

.quizzy_opt_mid {}

/*Completed Screen*/

quizzy_result { padding:0.75em;}

.quizzy_result_grade {font-size:20pt;}

.quizzy_result_img {text-align:center;}

.quizzy_result_rank {
	font-weight: bold;
	text-align: center;
	font-size: 1em;
}
.quizzy_result_foot {
	margin-top: 10px;
	text-align: center;
}
/*Loading styling*/
.loading {
	background: #ff6600;
	color:#fff;
	font-weight: bold;
	padding: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.loading-img, .loading-element {
	background: transparent;
	padding: 0px;
}
.loading.top {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
}
.loading.left {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
}
.loading.bottom {
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
}
.loading.right {
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
}
.loading-masked {
	overflow: hidden;
}
.loading-error {
	color: #FFF;
	background: red;
}

