.watu-question {
	display:none;
        border:1px #b9c7de solid;
        background-color:#DEE7F7;
        
        text-align:left;
        color:#333;
        margin:1em 0;
        overflow:hidden;
}

form.quiz-form {
	text-align:left;
}

.single-page-quiz .watu-question, .single-page-quiz {
	display:block;
}
.single-page-quiz #next-question {
	display:none;
}
input[type="button"],
input[type="submit"] {
	background: url(img/next.png) 0 0;
	border: 1px solid #ed702b;
	color: #fff;
	cursor: pointer;
	line-height: 19px;
	padding: 8px 10px;
	text-decoration: none;
}

input:hover[type="button"],
input:hover[type="submit"] {
	background: url(img/next.png) 0 -33px;
	text-decoration: none;
}
.question-content {
	font:17px/20px Arial;
        font-weight:700;
        color:#FFF;
        background-color:#00A2E8;
        font-family: "Open Sans", sans-serif;
        padding:5px 5px 3px;
}

.show-question {
	border-bottom:1px solid #000;
	margin-bottom: 15px;
	padding: 5px;
}
.watupro-question-choice {
	padding-right:20px;
}
.user-answer span {
	font-weight:bold;
	color:blue;
	background:url(wrong.png) no-repeat right top;
	padding-right: 20px;
}
.user-answer-unrevealed {
	font-weight:bold;
	color:blue;
}

.user-answer {
	color: blue;
}

.correct-answer span {
	background:url(correct.png) no-repeat right top;
	padding-right: 20px;
}

.show-question-content {
    font-weight:bold;
}

p.error {
    clear:both !important;
    color:red;
}

#detailsText {
	background-color:red;
}

.watupro label {
	display:block;
	float:left;
	width:150px;
}
.watupro select {
	min-width:120px;
}

.watupro-alert, .watupro-success {
	padding:20px;
	background-color: #EEE;
	font-weight: bold;
}

.watupro-error {
	padding:20px;
	font-weight: bold;
	background:#EEE;
	color:red;
}

.watupro-padded {
	padding: 20px;
}

.watupro-warning {
	font-weight:bold;
	color:red;
}

.watupro-help {
	font-style: italic;
	font-size:11pt;
	color:gray;
}

.watupro_buttons td {
	width:80px;
}

table.watupro_buttons {
	width:auto;
	border: none;
}

ul.watupro-paginator {
	list-style-type: none;	
	display: block;
	clear: both;
	float: left;
	width:100%;
}

ul.watupro-paginator li {
	display: block;
	float: left;
	padding: 5px;
	border: 1px solid black;	
	text-align: center;
	margin: 10px 3px;
	font-weight: bold;
	cursor: pointer;	
}

ul.watupro-paginator li.active {
	padding: 10px;
	margin: 5px 3px;
}

ul.watupro-paginator li.answered {
	background-color: #88FF88;
}

ul.watupro-paginator li.unanswered {
	background-color: #FF6A6A;
}

.quiz-form label {
   display: inline !important;
}

.quiz-form input[type='checkbox'] {
   display: inline !important;
}

.quiz-form input[type='radio'] {
   display: inline !important;
}

#timerDiv {
	margin-bottom: 20px;
	color: green;
}

.watupro-textarea-medium {
	width: 280px;
	height:80px;
}

.watupro-textarea-large {
	width: 600px;
	height:300px;
}

.watupro-qnum-info {
	margin-top: 2px;
        font:17px/20px Arial;
        font-weight:700;
        color:#FFF;
        background-color:#3c5cae;
        text-align:center;
        padding:5px 5px 3px;
        letter-spacing:.01em
}

.watupro-compact {
	clear:both;
	width:100%;
	float:left;
	margin-bottom: 20px;
}

.watupro-compact div.question-content, .watupro-compact div.show-question-content {
	float:left;
	width:50%;
}

.watupro-compact div.question-choices, .watupro-compact div.show-question-choices {
	float:left;
	width:50%;
}
.watupro-question-choice{display:inline;}
.question-choices{margin-top: 10px;font-weight:bold;}

.watupro-compact .question-choices div.watupro-question-choice, .watupro-compact .show-question-choices li.answer {
	float: left;
}

.watupro-compact .show-question-choices li.answer {
	margin-right: 25px;
}

.watupro-matrix-droppable tr td {
   border: 1px dashed #DDD;
   min-width: 150px;
   min-height: 80px;
   padding: 10px;
}