/*multiple choice*/

.response_holder p, #responses p{
	margin:0;
}

.multiplechoice_question , .multipleresponse_question{
	font-size: 1.4em;
}

.multiplechoice_question .question_txt, .multipleresponse_question .question_txt{
	position:relative;
	float:left;
	width:95%;
	margin-bottom:10px;
}

.multiplechoice_question .question, .multipleresponse_question .question{
	position:relative;
	float:left;
	width:100%;
	margin-bottom:10px;
}

.multiplechoice_question .response_holder, .multipleresponse_question .response_holder{
	float:left;
	position:relative;
	width:100%;
	margin-bottom:15px;
}

.videomultipleresponse .multipleresponse_question, .videomultiplechoice .multiplechoice_question{
	margin:0;
}

.multiplechoiceimage .multiplechoice_question, .multiplechoicevideo .multiplechoice_question, .multipleresponsevideo .multipleresponse_question, .videomultiplechoice .multiplechoice_question, .videomultipleresponse .multipleresponse_question, .multipleresponseimage .multipleresponse_question, .imagemultiplechoice .multiplechoice_question, .imagemultipleresponse .multipleresponse_question {
	width:50%;
	float:left;
	height:93%;
}

.textmultiplechoice .multiplechoice_question, .textmultipleresponse .multipleresponse_question, .multiplechoicetext .multiplechoice_question, .multipleresponsetext .multipleresponse_question{
	height:93%;
	float:left;
	width:48%;
}	

.multiplechoiceimage .image, .multipleresponseimage .image, .multiplechoicetext .multiplechoice_question, .multipleresponsetext .multipleresponse_question{
	margin-right:2%;
}

.imagemultiplechoice .image, .imagemultipleresponse .image, .textmultiplechoice .multiplechoice_question, .textmultipleresponse .multipleresponse_question{
	margin-left:2%;
}

.multiplechoicevideo .video, .multipleresponsevideo .video{
	width:48%;
	margin:0 0 0 2%;
	float:left;
}

.videomultiplechoice .video, .videomultipleresponse .video{
	margin: 0 2% 0 0;
	width:48%;
	float:left;
}

.multiplechoice_question p, .multipleresponse_question p {
    font-size: .7em;
}

.multiplechoice_question label, .multipleresponse_question label {
    float:left;
	position:relative;
	width:90%;
	margin-left:5px;
	cursor:pointer;
	
	margin-bottom:10px;
}

.multiplechoice_question label p, .multipleresponse_question label p {
    font-size: .7em;
}

.multiplechoice_question .radiobutton, .multipleresponse_question .checkbox {
    float:left;
	margin:2px 5px 0 20px;
	clear:both;
	height:10px;
	width:10px;
}

.multiplechoiceimage .radiobutton, .imagemultiplechoice .radiobutton, .multiplechoicetext .radiobutton, .textmultiplechoice .radiobutton, .multiplechoicevideo .radiobutton, .videomultiplechoice .radiobutton, .multipleresponseimage .checkbox, .imagemultipleresponse .checkbox, .multipleresponsetext .checkbox, .textmultipleresponse .checkbox, .multipleresponsevideo .checkbox, .videomultipleresponse .checkbox{
	float:left;
	margin-left:2%;
	clear:both;
}

.multiplechoice_question .submitbutton, .multipleresponse_question .submitbutton {
    margin-top:5px;
	cursor:pointer;
}

.multiplechoice_question #feedback, .multipleresponse_question #feedback {
    font-size: 15px;
    margin-top: 20px;
}

.multiplechoice_question .feedback_correct, .multiplechoice_question .feedback_incorrect, .multipleresponse_question .feedback_correct, .multipleresponse_question .feedback_incorrect{
	margin-top: 1%;
	
}

.clearer{
	clear:both;
}
/*end multiplechoice*/

/*DragnDrop*/

.dragndrop{
	font-size: 1em;
	
	padding:5px;
	height:385px;
}

.dragndrop .hittables {
	float:left;
}

.dragndrop .dragarea {
	cursor: pointer;
	background-color:white;
	margin:0px;
	background: #efefef;
	background: -moz-linear-gradient(top, #ffffff, #eaeaea);  
    background: -webkit-gradient(linear, top, bottom, color-stop(0, #ffffff), to(#eaeaea));
	
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

.dragndrop .dragarea p {
	padding:3px;
	margin:0;
	webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.dragndrop .hitarea {
	border: 1px solid #BC9B68;
	cursor: pointer;
	
	background: #F7F4DF;
	background: -moz-linear-gradient(top, #E8DEC1, #F7F4DF);  
    background: -webkit-gradient(linear, top, bottom, color-stop(0, #E8DEC1), to(#F7F4DF));
	
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

.dragndrop .hitlabel h3 {
	color: #013856;
	font-weight: bold;
	margin-bottom: 0.1em;
	font-size:1em;
}
.dragndrop .hitlabel h3 p{
	margin-bottom: 0.1em;
	
}

.dragndrop .dragholder{
	margin-bottom: 15px;
}

.dragndrop .draggables {
	overflow: hidden;
}

.dragndrop .buttons{
	overflow: hidden;
}

.dragndrop .buttons .submit, .dragndrop .buttons .reset, .multiplechoice_question .submit, .multipleresponse_question .submit, .matchgame .begin_btn  {
	color: white;
	font-size: .75em;
	font-weight: bold;
	text-transform: uppercase;
	
	padding: 8px 15px;
	margin-right: 15px;
	
	cursor: pointer;
	
	background: black; 
	background: -moz-linear-gradient(top, #151515, #443e3a 50%, #000000 51%, #000000);  
    background: -webkit-gradient(linear, top, bottom, color-stop(0, #151515), color-stop(.5, #443e3a), color-stop(.5, #000000), to(#000000));
	
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

.multiplechoice_question .submit, .multipleresponse_question .submit{
	font-size:.5em;
}

.dragndrop .buttons .submit:hover, .dragndrop .buttons .reset:hover, .multiplechoice_question .submit:hover, .multipleresponse_question .submit:hover, .matchgame .begin_btn:hover {
	background: #333333; 
	background: -moz-linear-gradient(top, #656565, #656565 50%, #222222 51%, #222222);  
    background: -webkit-gradient(linear, top, bottom, color-stop(0, #656565), color-stop(.5, #656565), color-stop(.5, #222222), to(#222222));
}

.dragndrop .unselected {
	border:1px solid #909090;
	padding:1px;
}
.dragndrop .selected {
	border:2px solid #013856;
}

.feedback_lightbox{
	background-color: #ffffff;
	width:100%;
    height: 97%;
	overflow: hidden;
    -moz-opacity: 0.80;
	opacity:.80;
	filter: alpha(opacity=80);
	position:absolute;
	left: 0px;
	top: 0px;
    z-index: 99998;
}

.feedback_correct, .feedback_incorrect{
	background-color:#ffffff;
	border:2px solid gray;
	height:70%;
	left:20%;
	overflow:hidden;
	padding:1%;
	position:absolute;
	top:10%;
	width:60%;
	z-index:999999;
	
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

.dragndrop .draggables {
	padding-top:10px;
	padding-left: 35px;
	width: 45%;
}

.dragndrop .buttons{
	padding-left: 35px;
}

.feedback_correct p, .feedback_incorrect p{
	padding: 0.5em;
}

.exit_button {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.5em;
	padding: 1% 3%;
	position: relative;
	left:89%;
	
	background: #000000; 
	background: -moz-linear-gradient(top, #151515, #443e3a 50%, #000000 51%, #000000);  
    background: -webkit-gradient(linear, top, bottom,.color-stop(0, #151515),.color-stop(.5, #443e3a),.color-stop(.5, #000000), to(#000000));
	
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

.exit_button:hover {
	background: #444444;
	background: -moz-linear-gradient(top, #333333, #666666 50%, #222222 51%, #222222);  
    background: -webkit-gradient(linear, top, bottom,.color-stop(0, #333333),.color-stop(.5, #666666),.color-stop(.5, #222222), to(#222222));
}

/*end dragndrop*/

/*matching*/
.matching_question .hittables, .sequencing_question .hittables {
	width: 45%;
}

.matching_question .hitlabel h3 p{
	margin-top:10px;
}

/*sequencing*/

.sequencing_question .hittables, .sequencing_question .draggables{
	padding:0;
	width:50%;
}

.sequencing_question .dragarea{
	float:right;
	width:352px;
}

.sequencing_question .hitlabel{
	width:5%;
	float:left;
}

.sequencing_question .hitarea{
	width:356px;
	float:left;
	margin-bottom:3%;
}

.sequencing_question .hitlabel p{
	margin:0;
}


/*End Sequencing*/

/*categorizing*/

.categorizing_question .hitlabel, .categorizing_question .draggables{
	float:left;
	padding:10px 0 0 0;
	position:relative;
}	

.categorizing_question .hitlabel{
	margin-right:5px;
}

.categorizing_question .hittables .hitlabel {
	float: left;
}

.categorizing_question .dragarea p{
	margin:0;
}

.categorizing_question{
	padding-left:5px;
}

.categorizing_question{
	padding-right:5px;
}

.categorizing_question h3{
	display:table-cell;
	vertical-align:bottom;
}

.categorizing_question h3 p{
	margin-top:0;
}

.categorizing_question .dragholder{
	margin-bottom:10px;
}

.categorizing_question .buttons{
	float:left;
	margin-top:10px;
}


/*end Categorizing*/

/*Matchgame*/
#matchgame .question_holder{
	position:relative;
	float:left;
	width:35%;
	height:300px;
	background:#f1f4f5;
	border:1px solid #999999;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

#matchgame .question_holder .question{
	padding:0 5px;
	font-size: 10pt
}

#matchgame .question_holder .timer{
	background:#2f3959;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	width:50%;
	font-size:20pt;
	color:#ffffff;
	text-align:center;
	position:absolute;
	margin-left:25%;
	bottom:10px;
}

#matchgame .begin_btn {
	width:75px;
	height:25px;
	position:relative;
	float:left;
	font-size:15pt;
	text-align:center;
	left:175px;
	top:100px;
}

#matchgame .matchables{
	position:relative;
	float:left;
	width:60%;
	margin-left:4%;
}

#matchgame .matchables .matchitem{
	width:100px;
	height:100px;
	background:#f1f4f5;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	position:relative;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border:2px solid #999999;
	cursor:pointer;
	text-align:center;
}

#matchgame .matchables .matchitem p{
	margin:0;
	font-size:9pt;
	padding:5px;
	
}

#matchgame .matchables .matchitem.selected{
	border:3px solid #6a8eaa;
	width:98px;
	height:98px;
}
#matchgame .matchables .matchitem.selected p{
	padding:4px;
}

/*end matchgame*/