/* subjects and classes */

#subjectsfiltter{
	background:#fff7ab;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:10px 0 10px 0;
-webkit-box-shadow: 0 8px 6px -6px #ccc;
	   -moz-box-shadow: 0 8px 6px -6px #ccc;
	        box-shadow: 0 8px 6px -6px #ccc;
overflow:hidden;
}
#subjectsfiltter .innerwrapper{
	border:#ffecab 1px solid;
	overflow:hidden;
	padding:1px;
	margin:5px;
	overflow:hidden;
	text-align:justify;
}
#fillterformid select{
	width:auto;
}
.filttertitle{
	font-size:12px;
	font-weight:bold;
	display:block;
	 background:#ffecab;
	 overflow:hidden;
	 
	 text-align:justify;}
	 #fillterformid{ display:block; margin:20px; clear:both;overflow:hidden; }
	 #fillterformid label{
		 
		 padding:2px;
		color:#d6654c;
		font-size:11px;
		font-weight:bold;
	 }
	 
	 #fillterformid select, #fillterformid select *{
		 font-size:11px;
		 color:#666;
		 font-weight:bold;
	 }
	 #subjectgrids{
		 background:#f7fdff;
		 -webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin:10px 0 10px 0;
		-webkit-box-shadow: 0 8px 6px -6px #ccc;
	   -moz-box-shadow: 0 8px 6px -6px #ccc;
	        box-shadow: 0 8px 6px -6px #ccc;
		 }	
		 
		 
		 .subjectheader{
		background:#fff;
		 -webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin:10px 0 10px 0;
		
		-webkit-box-shadow: 0 8px 6px -6px #c7d7dc;
	   -moz-box-shadow: 0 8px 6px -6px #c7d7dc;
	        box-shadow: 0 8px 6px -6px #c7d7dc;
		 }
		 .subjectheader:hover{
			 -webkit-box-shadow: 0 10px 6px -6px #ccc;
	   -moz-box-shadow: 0 10px 6px -6px #ccc;
	        box-shadow: 0 10px 6px -6px #ccc;
		 }
		 
		 .subjectname{
			 font-size:18px;
			 font-weight:bold;
			 line-height:24px;
			 color:#3c495b;
		 }
		 
		 .description{
			font-size:12px;
			line-height:24px;
			
			 color:#b0b6bd; 
		 }
		 .statbtn{
			 color:#d6654c;
			 font-weight:bold;
			 font-size:12px;
			 
			  -webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		overflow:hidden;
			 background:#fff;
			line-height:16px;
			margin:0 5px 0 5px;
			  -moz-box-shadow:    inset 0 0 5px #ccc;
   -webkit-box-shadow: inset 0 0 5px #ccc;
   box-shadow:         inset 0 0 5px #ccc;
			 
			 }
		 
		 .countriesgrid{margin:10px 0 10px 0; display:block; overflow:hidden;}
		 .countriesgridrow{ background:#ecf9fd;
		 overflow:hidden;
		 padding:5px;
		   
		 -webkit-border-radius: 5px;
		 font-size:11px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin:10px 0 10px 0;
		clear:both;
		display:block;
		line-height:20px;}
		.countriesgridrow:hover{background:#d2f1fb; -moz-box-shadow:    inset 0 0 5px #0f6b87;
   -webkit-box-shadow: inset 0 0 5px #0f6b87;
   box-shadow:         inset 0 0 5px #0f6b87;}
		
		
		.countryname{ width:100px; text-align:justify;}
		.totalq{ width:200px; text-align:justify;}
		
		.takeatest{  text-align:justify;}
		.totalgrades{ width:120px; text-align:center;}
		

.takeatest button{ cursor:pointer; border:none; background:#20a5d3; color:#fff; -webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px; font-size:12px; font-weight:bold;}
		.takeatest button:hover{  background:#79d2f5;
		-webkit-box-shadow: 0 8px 6px -6px #000;
	   -moz-box-shadow: 0 8px 6px -6px #000;
	        box-shadow: 0 8px 6px -6px #000;}