html, body {
	background: white url();
}

#exam-typing-wrapper {
	width: 40em; /*This keeps the paragraph width to 50-70 characters*/
	margin-right: auto;
	margin-left: auto;
	display: none; /*Will be shown with media queries*/
}

#user-wrapper.exam-ecn-cs-wrapper {
    display: none;
}

#exam-typing-wrapper textarea {
	height: 225px;
	width: 100%
}

.unselectable {
	-moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*Reset the styling from style.css*/
form table td {
	background-color: white;
	color: black;
}

form table tr:hover td, form table tr:nth-child(odd):hover td {
	background-color: white;	
}

table td, table th {
	border-bottom:none;
	border: collapse;
}

#exam-typing-wrapper p, #exam-typing-wrapper td {
	color: black;
	font-size: 16px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

}

/*This will be shown based on screen width.*/
#exam-typing .button.red .button.red {display:none;}

#screen-width-warning {
	color: red; 
	font-weight: bold;
}

@media screen and (min-width : 1360px)
{
	
	#exam-typing-wrapper textarea {
		height: 225px;
	}
}



@media screen and (min-width : 1024px)
{
	
	#screen-width-warning {display:none;}
	
	#exam-typing .button.red {display:inline;}
		
	#exam-typing p, #exam-typing-wrapper textarea {
		font-size: 0.95vw;
	}

	
	#exam-typing-wrapper {
		display: block;
	}
	
    #user-wrapper.exam-ecn-cs-wrapper {
        display: table;
    }
}