#loadingmsg {
      padding: 10px;
      position: fixed;
      top: 50%;
      left: 50%;
      z-index: 100;

      }
      #loadingover {
      z-index: 99;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
      filter: alpha(opacity=80);
      -moz-opacity: 0.8;
      -khtml-opacity: 0.8;
      opacity: 0.8;
    }



h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 20pt;
	color: grey;
	padding-top: 12px;
	padding-bottom: 3px;
}

  b {
    color: grey;
    font-size:130%}
    
input[type="checkbox"], input[type="radio"]{
        background: transparent;
        border: 0;
    }
    

td { padding:10px; }

#heading1
{

text-indent:20px;
font: bold 1.3em Arial, Helvetica, sans-serif;
color: #0000FF;
} 

#heading2
{
font: bold Arial, Helvetica, sans-serif;
color: #0000FF;

margin-left: 30px;
} 

#summary
{
text-indent:40px;
color: #6699FF;
} 

#heading3
{
text-indent:50px;
color: #003366;
} 


li {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 50px;}




a {  
	color: #003366; 
	text-decoration: underline}

img
{  border-style: none;
}










/* CSS Style Blockquote By Spice Up Your Blog */

blockquote {
color:rgb(255,150,100);
font-family:georgia, serif;
font-size:32px;
line-height:1.2;
text-align:center;
padding:24px 60px;
margin:0 5px;
margin-bottom:18px;
border:solid 1px rgb(220,220,220);
position:relative;
}

blockquote:before,
blockquote:after {
position:absolute;
width:48px;
height:48px;
content:".";
font-size:0;
}

blockquote:after {
background-image:url('../images/quoteRight.png');
bottom:0;
right:0;
}

blockquote:before {
background-image:url('../images/quoteLeft.jpg');
top:0;
left:0;
}



.author {
display:block;
text-align:right;
font-size:18px;
padding:4px;
color:rgb(150,150,150);
font-style:italic;
}



	.free-wall 
	{
		margin: 15px;
		width: 500px; 
	}			
	.brickText
	{
		text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
		font-family: 'Lato', Georgia, Helvetica, Tahoma;
		margin: 10px 0;
		font-weight: normal;
		font-size: 1.125em;
	}
	
	
	.kpiAndStudentPerformancePic
	{ 
		position: relative; 
		background: url(resources/images/kpi/kpi.png); 
		
		width: 976px; 
		height: 439px; 
	} 
	
	.leagueTablePic
	{ 
position: relative; 
		background: url(resources/images/kpi/League_table.png); 
				width: 423px; 
		height: 393px; 

	} 
	
		.entryTariffPosition 
	{ 
		position: absolute; 
		bottom: 270px; 
		left: 95px; 
		font-size: 18px; 
		color: #FFF; 
		font-family: Impact;
	} 
		.mobilityPosition 
	{ 
		position: absolute; 
		bottom: 88px; 
		left: 97px; 
		font-size: 18px; 
		color: #FFF; 
		font-family: Impact;
	} 	
		.classificationOfDegreePosition 
	{ 
		position: absolute; 
		bottom: 26px; 
		left: 785px; 
		font-size: 18px; 
		color: #003865; 
		font-family: Impact;
	} 
			.phdPosition 
	{ 
		position: absolute; 
		bottom: 350px; 
		left: 578px; 
		font-size: 18px; 
		color: #003865; 
		font-family: Impact;
	} 
		.continuationPosition 
	{ 
		position: absolute; 
		bottom: 15px; 
		left: 575px; 
		font-size: 22px; 
		color: #003865; 
		font-family: Impact;
	} 
	.progressionPosition 
	{ 
		position: absolute; 
		bottom: 15px; 
		left: 680px; 
		font-size: 22px; 
		color: #003865; 
		font-family: Impact;
	} 
			.internationalFtePosition 
	{ 
		position: absolute; 
		bottom: 88px; 
		left: 200px; 
		font-size: 18px; 
		color: #FFF; 
		font-family: Impact;
	} 
				.allFtePosition 
	{ 
		position: absolute; 
		bottom: 175px; 
		left: 370px; 
		font-size: 18px; 
		color: #003865; 
		font-family: Impact;
	} 
					.rukFtePosition 
	{ 
		position: absolute; 
		bottom: 270px; 
		left: 198px; 
		font-size: 18px; 
		color: #FFF; 
		font-family: Impact;
	} 
	
			.pgtFtePosition 
	{ 
		position: absolute; 
		bottom: 180px; 
		left: 252px; 
		font-size: 18px; 
		color: #003865; 
		font-family: Impact;
	} 
					.pgrFtePosition 
	{ 
		position: absolute; 
		bottom: 275px; 
		left: 465px; 
		font-size: 18px; 
		color: #003865; 
		font-family: Impact;
	} 
	
				.ugFtePosition 
	{ 
		position: absolute; 
		bottom: 91px; 
		left: 467px; 
		font-size: 18px; 
		color: #003865; 
		font-family: Impact;
	} 
	
	
					.entryStandardsPosition 
	{ 
		position: absolute; 
		bottom: 320px; 
		left: 185px; 
		font-size: 18px; 
		color: #FFF; 
		font-family: Impact;
	} 
	
						.totalScorePosition 
	{ 
		position: absolute; 
		bottom: 40px; 
		left: 260px; 
		font-size: 18px; 
		color: #FFF; 
		font-family: Impact;
	} 
	
							.studentSatisfactionPosition 
	{ 
		position: absolute; 
		bottom: 275px; 
		left: 320px; 
		font-size: 18px; 
		color: #FFF; 
		font-family: Impact;
	} 
	
								.valueAddedPosition 
	{ 
		position: absolute; 
		bottom: 155px; 
		left: 30px; 
		font-size: 18px; 
		color: #FFF; 
		font-family: Impact;
	} 
	.studentStaffRatioPosition 
	{ 
		position: absolute; 
		bottom: 40px; 
		left: 120px; 
		font-size: 18px; 
		color: #FFF; 
		font-family: Impact;
	} 
	.graduateProspectsPosition 
	{ 
		position: absolute; 
		bottom: 155px; 
		left: 330px; 
		font-size: 18px; 
		color: #FFF; 
		font-family: Impact;
	} 
		.researchPosition 
	{ 
		position: absolute; 
		bottom: 275px; 
		left: 60px; 
		font-size: 18px; 
		color: #FFF; 
		font-family: Impact;
	} 
	
	
		.nssPic
	{ 
position: relative; 
		background: url(resources/images/kpi/nss.png); 
				width: 355px; 
		height: 449px; 

	} 
	
	.overallSatisfactionPosition 
	{ 
		position: absolute; 
		bottom: 365px; 
		left: 150px; 
		font-size: 18px; 
		color: #FFF; 
		font-family: Impact;
	} 
	.assessmentAndFeedbackPosition 
	{ 
		position: absolute; 
		bottom: 260px; 
		left: 210px; 
		font-size: 18px; 
		color: #FFF; 
		font-family: Impact;
	} 
	.teachingOnMyCoursePosition 
	{ 
		position: absolute; 
		bottom: 260px; 
		left: 90px; 
		font-size: 18px; 
		color: #FFF; 
		font-family: Impact;
	} 
	.personalDevelopmentPosition 
	{ 
		position: absolute; 
		bottom: 160px; 
		left: 30px; 
		font-size: 18px; 
		color: #FFF; 
		font-family: Impact;
	} 
	.academicSupportPosition 
	{ 
		position: absolute; 
		bottom: 160px; 
		left: 270px; 
		font-size: 18px; 
		color: #FFF; 
		font-family: Impact;
	} 
	.learningResourcesPosition 
	{ 
		position: absolute; 
		bottom: 60px; 
		left: 90px; 
		font-size: 18px; 
		color: #FFF; 
		font-family: Impact;
	} 
	.organisationAndManagementPosition 
	{ 
		position: absolute; 
		bottom: 60px; 
		left: 210px; 
		font-size: 18px; 
		color: #FFF; 
		font-family: Impact;
	} 
	
	
	
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);


.yellow { background: #fdd22a; }
.blue { background: #009fe3; }
.purple { background: #574696; }
.orange { background: #ee7202; }
.pink { background: #e61c67; }
.green { background: #96c11f; }