/* DEMO CSS */
	
	body{
		width:1160px;
		margin:0px;
		padding:0px;
		font-family: Arial;
	}
	
	#heading{
		height:100px;
	}
	
	/* END DEMO CSS */
	
	#dragScriptContainer{	/* BIG DIV containing HTML needed for the entire script */
		width:100%;
		margin:0 auto;
		/*border:1px solid #000;*/
		height: 280px; /**100%;**/
		margin-top: 10px;
		padding:3px;
		-moz-user-select:no;
	}
	
	#questionDiv{	/* Big div for all the questions */
		float:left;
		height:240px;
		width: 460px; /**540px;**/
		/*width:830px;*/
		/*border:1px solid #000;*/
		padding:2px;
		padding-left:20px;
	}
	#answerDiv{	/* Big div for all the answers */
		float:left;
		height:290px;
		width: 160px;
		border: 1px solid #08B98D;
		padding:2px;
		background: #FFFFFF;
	}
	
	#questionDiv div,#answerDiv div,#dragContent div  {	/* General rules for small divs - i.e. specific questions and answers */
		width:150px;
		height:20px;
		line-height:20px;		
		float:left;
		margin-right:2px;
		margin-bottom:2px;
		text-align:center;
	}
	
	#questionDiv div , #left_questionDiv div{
		height: 25px;
	}
	
	#dragContent div{	/* Drag content div - i.e. specific answers when they are beeing dragged */
		border:1px solid #000;
	}
	
	#answerDiv .dragDropSmallBox{	/* Small answer divs */
		border:1px solid #000;
		cursor:pointer;
		font-size: 13px;
		color: #000000;
		height: 25px;
	}
	
	#questionDiv .dragDropSmallBox , #left_questionDiv .dragDropSmallBox {	/* Small answer divs */
		border:1px solid #000000;
		cursor:pointer;
		background-color: #60fa18; /**#08B98D;**/ /**#71b2f3;**/ /* Light blue background color */
		
		
		float:right;
		text-align: left;
		padding-left: 5px;
		width: 280px; /**360px;**/
		color: #000000;
		font-size: 12px;
		font-weight: bold;
	}
	
	#questionDiv div div {	/* DIV after it has been dragged from right to left box */
		margin:0px;
		border:0px;
		padding:0px;
		background-color:#FFF;
	}
	#questionDiv .destinationBox {	/* Small empty boxes for the questions - i.e. where answers could be dragged */
		border:0px;
		background-color: #aef78c; /**#00D8A2;**/ /**#a8d4ff;**/
		width:150px;
		
		float:left;
		border: 1px solid #3b6aa0;
		font-size: 13px;
		
	}
	#questionDiv .correctAnswer{	/* CSS indicating correct answer */
		background-color: #60FA18; /**#08B98D;**/
		/*color:#fff;*/
		color: #000000;
		border:1px solid #000000;
		font-weight: bold;
	}
	#questionDiv .wrongAnswer{	/* CSS indicating wrong answer */
		background-color: #60FA18; /**#08B98D;**/
		/*color:#fff;*/
		color: #000000;
		border:1px solid #000000;
		font-weight: bold;
	}

	#dragContent div{
		background-color:#FFF;
	}

	#questionDiv .dragContentOver{	/* Mouse over question boxes - i.e. indicating where dragged element will be appended if mouse button is relased */
		/*border:1px solid #F00;*/
		border:1px solid #08B98D;
	}
	
	#answerDiv.dragContentOver{	/* Mouse over answer box - i.e. indicating where dragged element will be appended if mouse button is relased */
		/*border:1px solid #F00;*/
		border:1px solid red;
	}
	
	/* NEVER CHANGE THIS */
	#dragContent{
		position:absolute;
		display:none;
	}	
	

	#left_questionDiv {
		width: 280px; /**360px;**/
		float: left;
		margin-left: 20px;
	}
	
	#left_questionDiv .dragDropSmallBox {
		line-height: 20px;
		margin-bottom: 2.2px;
	}
	

.uppercontainer{
width:910px;
height: 120px;
border:1px solid #FFFFFF;
float:left;
margin:15px 0 15px 10px; 
background: #6CA15D;
}
.left_area{
float: left;
width: 40%;
/**background:#809900;**/
color: #000000;
font-size: 0.9em;
font-weight: bold;
text-align: center;
}
.middle_area {
overflow:hidden;
/**background:#eff2df;**/
}
* html .middle_area{float:left}
* html .middle_area .xinner3{width:100%;}

.right_area {
float:right;
width: 40%;
/**background:#d2da9c;**/
position:relative;
}

.left_inner {
	float: left;
	width: 49%;
	display: none;
}

.right_inner {
	float: right;
	width: 49%;
}

.checkit {
	
	
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
	background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:0.8em;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528009;
}
.checkit:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
	background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
	background-color:#77a809;
}
.checkit:active {
	position:relative;
	top:1px;
}

#ypoboli {
	float: right;
	margin-right: 140px;
	margin-top: 15px;
}	

#messagesArea {
	float: right; 
	margin-top: 2px; 
	/**margin-right: 20px; **/
	/**color: #FFFFFF; **/
	font-weight: bold; 
	font-size: 0.7em;
	font-style: italic;
}

#score {
	float: right; 
	margin-top: 5px; 
	margin-right: 20px; 
	color: #000000; 
	font-weight: bold; 
	font-size: 0.8em;
}

#globalClock {
	float: right; 
	margin-top: 5px; 
	margin-right: 20px; 
	color: #000000; 
	font-weight: bold; 
	font-size: 1.1em;
}

#gameNumber {
	color: #000000;
	text-align: center;
	font-weight: bold;
	margin-left: 15px;
	font-size: 0.9em;
}

#currentStatistics {
	/**display: none;**/
}

#instructions {
	width: 1000px; /**1160px;**/
	font-family: Verdana;
	font-size: 11px;
	/**display: none;**/
}

#instructions p {
	/**margin-left: 15px;**/
}

#note {
	font-weight: bold;
	text-align: center;
	color: red;
}

.right {
	float: right;
	margin-top: 1px; 
	margin-right: 20px;
	color: #000000; 
	font-weight: bold; 
	font-size: 0.9em;
}

.info, .success, .warning, .error, .validation {
    /**border: 1px solid;**/
    margin: 0px 0px;
    padding:10px 10px 5px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('http://cdn-img.easyicon.net/png/5055/505529.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('success.png');
}
.warning {
    /**color: #9F6000;**/
	color: #FFFFFF;
    /**background-color: #FEEFB3;**/
    background-image: url('images/message.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('error.png');
}



#scores
{
	width: 300px;
	/**margin: 0px auto;**/
	text-align: left;
	padding: 20px;
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
	box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	font-size: 14px !important;
	color: #000 !important;
	overflow-y: auto;
	height: 270px;
	
	margin-top: 15px;
}

#scores
{
	width: 300px;
	/**margin: 0px auto;**/
	text-align: left;
	padding: 20px;
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
	box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	font-size: 14px !important;
	color: #000 !important;
	overflow-y: auto;
	height: 270px;
	float: left;
	margin-top: 15px;
}

#scores-title {
	color: #47a8c1;
	float: left;
	text-align: center;
	font-weight: bold;
	width: 100%; 
}

#scores_table {
	width: 100%;
}

#lastweek_scores_table {
	width: 100%;
}

#scores_table td {
	font-size: 12px !important;
	color: #212121;
	margin: 0 !important;
	padding: 0 !important;
	font-weight: normal !important;
}

#lastweek_scores_table td {
	font-size: 12px !important;
	color: #212121;
	margin: 0 !important;
	padding: 0 !important;
	font-weight: normal !important;
}

#scores_table th {
	font-size: 14px !important;
}

#lastweek_scores_table th {
	font-size: 14px !important;
}

.position_heading {
	width: 20%;
	text-align: left;
}

.username_heading {
	width: 50%;
	text-align: left;
}

.score_heading {
	width: 30%;
}

.username {
	text-align: left;
}

.score {
	text-align: center;
}


#scores {
	/**display: none;**/
}