@font-face {font-family: Arial, Helvetica, sans-serif;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

body
{
    font: 80% Arial, Helvetica, sans-serif;
    max-width: 100%;
    margin: 0;
    background-color: #ffffff;
    padding-top: 0px;
    margin-left: 0px;
    margin-top: 0px;
}

h2
{
    font-size: 2em;
    /*font-family: Brush Script Std;*/
    color: #296797; 
}

h3
{
    font-size: 1.3em;
    font-style: italic;
    
}

h4
{
    font-size: 1.1em;
    font-weight: bold;
    padding: 2px 2px 5px 2px;
    color: #336699; 
    
}
h5 
{
   /* background-color: #6b90d4;
   
    width: 90%;*/
    font-size: 1.1em;
    padding: 0px;
    font-weight: bold;
    color: #296797 /*#577bbd*/;
    font-family: Verdana;
    
}

h6 
{
    color: #052a6e;
    
}


#pageContent {width: 900px; margin-top: 2px; padding-bottom: 3em;
              }

#pageContent #mainpage .maincontentarea {float: right; width: 650px; margin-right: 25px; color: #000;}

#pageContent #mainpage .maincontentarea2 {width: 650px; margin-right: 25px; color: #000;}


#pageContent .aside {float: left; width: 191px; margin-right: 25px;}

#pageHeader
{
    background-position: bottom;
    height: 150px;
    width: 900px;
    overflow: hidden;
    background: #ffffff url(img/acerheader.jpg) no-repeat bottom left;
    bordershadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
    vertical-align: middle;
}



#loginDisplay
{
    height: 20px;
    bordershadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
    
}

#pageContainer 
{
       padding-bottom: 10em;
    padding-left: 26px;
    }

#pageContent .header {background-color: #ffffff; color: #fff;}
#pageContent .header h1 a {color: #fff;}
#pageContent .header h1 a:hover {color: #e9dedf;}




/* Login Display
-----------------------------------------------------------------------------*/
#loginDisplay { text-align: right; }
.loginDisplay {text-align: right; background-color: #397ea7; width: 900px;}


/* Branding
-----------------------------------------------------------------------------*/
#branding { height: 50px;
    width: 890px;
}
#branding #logo {display: none;}
#branding #sitename {font-size: large; }
#branding #sitename a {float: left; width: 172px; height: 54px; display: block; overflow: hidden; text-indent: -5000em; background: url(https://www.mvls.gla.ac.uk/RDTC/img/logo.gif) no-repeat;}

#maincontentarea {float: right; width: 650px; margin-top: 20px;  margin-left: 2px; color: #000; background-color:White; padding: 5px;  }
#maincontentarea2 {width: 650px; margin-top: 20px;  margin-left: 2px; color: #000; background-color:White; padding: 5px;  }
#aside {float: left; width: 191px; margin-right: 25px;}
#sitemapnav {float: left; width: 180px; margin-right: 25px; margin-left: 5px; font: 0.7em Arial, Helvetica, sans-serif;}
#sitemapnav2 {float: left; width: 180px; margin-right: 25px; margin-left: 5px; font: 0.7em Arial, Helvetica, sans-serif;}

.maincontent {padding-left: 5px; }


/* Navigation style
--------------------------------------------------*/
hr {
	border:none;
	border-top:1px solid #CCCCCC;
	height:1px;
	margin-bottom: 5px;
	}

ul 
{
  /*  list-style:  square outside;   
    margin: 0;
	padding: 0;
	   color: #ff9900;
   padding-top:5px;
   list-style: square outside;  */

  list-style-position: outside;

	}
ol
{
    list-style-type:lower-roman;
    }

.colBlock 
{
    /*vertical-align: bottom;
     list-style: square outside;   
    margin: 0;
	padding: 0;
	   color: #ff9900;
   padding-top: 0px;
   list-style: square outside;  */
}

.colBlock ul
{
    padding-top:5px;
    list-style-position: inside;
     /*list-style: square outside;   
    margin: 0;
	padding: 0;
	   color: #ff9900;
   /*padding-top:5px;
   list-style: square outside;  */
}

.colBlock ul li
{
    list-style: inside;   
    list-style-type: square;
     vertical-align: middle;
      padding-bottom: 5px;
             padding-top: 0px;
	padding-right: 10px;

}
.colBlock ul li p
{
  /*  color: #000000;
    padding-left:1px;
    padding-top:-2px;
    
     padding-bottom: 4px;
     margin-bottom: -4px;*/
    
}


	
#sitemapnav li a {
  	min-height: 22px;
  	/*voice-family: "\"}\""; */
  	voice-family: inherit;
  	text-decoration: none;
  	vertical-align: middle;
  	
	}	
	
		
	
#sitemapnav li a:link, #sitemapnav li a:visited {
	/*color: #1f465e;*/
	display: block;
	background: url(https://www.mvls.gla.ac.uk/ACEIIITrainer/img/menu.gif) no-repeat;
	padding:   10px 0 0 10px;
	}
	
	
#sitemapnav li a:hover, #sitemapnav li a:active {
	/*color: #283A50;*/
	display: block;
	background: url(https://www.mvls.gla.ac.uk/ACEIIITrainer/img/menu.gif) no-repeat 0 -32px;
	/*padding: 8px 0 0 30px;*/
	}
	
		


#sitemapnav2 li a:link, #sitemapnav2 li a:visited {
	/*color: #283A50;*/
	display: block;
	background: url(https://www.mvls.gla.ac.uk/ACEIIITrainer/img/menu.gif) no-repeat;
	padding:    10px 0px 5px 10px;
	/*list-style: none;*/
	}	
		
#sitemapnav2 li a:hover, #sitemapnav2 li a:active {
	/*color: #283A50;*/
	display: block;
	background: url(https://www.mvls.gla.ac.uk/ACEIIITrainer/img/menu.gif) no-repeat 0 -32px;
	/*padding: 8px 0 0 30px;*/
	/*list-style: none;*/
	}

#sitemapnav2 li a {
  	min-height: 22px;
  	/*voice-family: "\"}\""; */
  	voice-family: inherit;
  	text-decoration: none;
  	vertical-align: middle; 
  	/*list-style: none; 	*/
	}
	
a
{
    color: #1f465e;
}

a:hover
{
    color: #e68f14;
}




/*Treeview
----------------------------*/
.Treeview 
{
    background: url(https://www.mvls.gla.ac.uk/ACEIIITrainer/img/menu.gif) repeat-y 0 -32px;
}

.menu 
{ 
    /*background-color: Green;
	background: url(https://www.mvls.gla.ac.uk/ACEIIITrainer/img/lime_top.gif) no-repeat left top;*/
    color: #41aba0; 
    padding-bottom: 5px; 
    padding-top: 5px; 
    font-weight: bold; 
    font-size: 1.2em;       
    /*background-color: White !important; */
    z-index: 1000;  
    text-align: left;   
    
    
}

.menu a:link
{
   color:  #296797;
}
.menu a:hover
{ 
   color: #e68f14; 
    padding-bottom: 5px; 
    padding-top: 5px; 
    font-weight: bold; 
    /*background-color: White !important; */
    z-index: 1000;     
}

.aside 
{ background:   #f6d8bd;
}

.hlAdmin { margin-left: 30px; width: 150px; text-align:center; border: solid thin #ff9966; text-decoration: none; padding: 3px  15px  2px 3px;   
    background:   #f6d8bd    /*transparent url(https://www.mvls.gla.ac.uk/ACEIIITrainer/img/button.gif)*/ no-repeat scroll  0 0 !important;  }

.hlprev { vertical-align: middle; min-height: 30px; float: left; width: 150px; text-align:center; border-bottom: solid thin #ced5dd; border-right: solid thin #ced5dd; margin: 55px 25px 5px 30px;  text-decoration: none; padding: 3px  15px  2px 3px;   
    background:   #dde6f0   /*transparent url(https://www.mvls.gla.ac.uk/ACEIIITrainer/img/button.gif)*/  no-repeat scroll  0 0 !important;  
        -moz-box-shadow: 3px 3px 4px #e1e1e1;
-webkit-box-shadow: 3px 3px 4px #e1e1e1;
box-shadow: 3px 3px 4px #e1e1e1;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#e1e1e1')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#e1e1e1');}

.hlnext { vertical-align: middle; min-height: 30px; float: right; width: 150px; text-align:center; border-bottom: solid thin #ced5dd; border-right: solid thin #ced5dd; margin: 55px 35px 5px 0px; text-decoration: none; padding: 3px  15px  2px 3px; 
    background: #dde6f0   /*transparent url(https://www.mvls.gla.ac.uk/ACEIIITrainer/img/button.gif)*/  no-repeat scroll  0 0 !important; 
        -moz-box-shadow: 2px 2px 3px #e1e1e1;
-webkit-box-shadow: 2px 2px 3px #e1e1e1;
box-shadow: 2px 2px 3px #e1e1e1;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#e1e1e1')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#e1e1e1');
}


.imgill
{
    border: 0px;
}


.footer
{
   width: 850px;
   vertical-align: baseline; 
   /*border: solid 1px Silver;*/
}

.homepanel
{
    background-position: left left;
    background: transparent url(https://www.mvls.gla.ac.uk/ACEIIITrainer/img/home_illus_1f.jpg) no-repeat center top;
    padding: 5px;
    text-align: center;
}
.Login1 
{
	padding: 5px;
}




#pageFooter {
    /*overflow: hidden;*/
}

#pageContent #sNav {
    background: none repeat scroll 0 0 #FFFFFF;
    border-right: 1px solid #ECEAE8;
}
#pageContent #sNav ul {
    margin: 0;
    padding: 0;
}
#pageContent #sNav ul li {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #ECEAE8;
    font: 1.2em Arial,Helvetica,sans-serif;
    /*list-style: none outside none;*/
}

.captured
{
    background: transparent url(https://www.mvls.gla.ac.uk/ACEIIITrainer/img/home_illus_1f2.jpg) no-repeat;
    margin: 15px 15px 15px 15px;
    height:  350px;
    width: 641px;
    padding: 15px 5px 5px 5px;
    font-size: 1.5em;
    overflow:hidden;
    min-height: 195px;
    vertical-align:middle;  
    font-style:italic; 
    
}

.alertmessage
{
    /*background: #e3e7eb; */
    margin: 15px 15px 15px 15px;
    /*height:  350px;*/
    width: 641px;
    padding: 15px 5px 5px 5px;
    font-size: 1.25em;
    overflow:hidden;
    /*min-height: 195px;*/
    vertical-align:middle;    
    font-weight:lighter;
    
    
}

.nhsLogo {margin-left: 400px;
          padding-top: 12px;
	padding-right: 10px;
}

.acerLogo {padding-top: 10px;
           padding-left:10px;}

.acknowledgements {
	font-size: xx-small;
	
}

/*= splash header 
----------------------------------------------------------------------------*/

.headBox {width: 498px;
            background: #53b2ac url(https://www.mvls.gla.ac.uk/ACEIIITrainer/img/green_bot.jpg) no-repeat left bottom;}
			
.headBox h2 {background: url(https://www.mvls.gla.ac.uk/ACEIIITrainer/img/green_top.jpg) no-repeat left top;
			/*padding-top: 10px;
			font-family: Verdana;*/
			
}

/*.headBox .last {
	        background: url(https://www.mvls.gla.ac.uk/ACEIIITrainer/img/header_bot2.jpg) no-repeat left bottom;
			padding-bottom:20px;
			padding-left:20px;
			color:#fff;
}*/

.headBox h2  
{
    padding: 10px 20px 0 20px;
    		
    /*padding-left: 120px;
			   padding-right: 20px;
			   color:#fff;*/
			   }
							 
.headBox p 
{
    padding: 0 20px 10px 20px;
    /*padding-left: 20px;
			padding-right: 20px;
			color:#fff;
			font-size:larger;*/
			}	
			
			
.box {
	width: 498px;
	background: #88cac6 url(https://www.mvls.gla.ac.uk/ACEIIITrainer/img/green_bot.jpg) no-repeat left bottom;
	
}

.box h2{
	background: url(https://www.mvls.gla.ac.uk/ACEIIITrainer/img/green_top.jpg) no-repeat left top;
	font-family:Verdana;
	
}

.box h2 {
	padding: 10px 20px 0 20px;
	color: #000000;
	
}

.box p {
	padding: 0 20px 10px 20px;
	color: #000000;
}

.flatBox {
	width: 644px;
	background: #88cac6 url(https://www.mvls.gla.ac.uk/ACEIIITrainer/img/green_bot.gif) no-repeat left bottom;
}

.flatBox h2{
	background: url(https://www.mvls.gla.ac.uk/ACEIIITrainer/img/green_top.gif) no-repeat left top;
}

.flatBox h2 {
	padding: 10px 20px 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

.flatBox p {
	padding: 0 20px 10px 20px;
}


.shadowBox 
{
    width: 300px;
    background: url(https://www.mvls.gla.ac.uk/ACEIIITrainer/img/shadow_strip.jpg) repeat-y;}
			
.shadowBox h2 {
	        background: url(https://www.mvls.gla.ac.uk/ACEIIITrainer/img/shadow_top.jpg)  no-repeat left top;
			padding-top: 25px;
	
}

.shadowBox .last {
	        background: url(https://www.mvls.gla.ac.uk/ACEIIITrainer/img/shadow_bot.jpg)  no-repeat bottom;
			padding-bottom:20px;
			padding-left:20px;
}

.shadowBox h2, .shadowBox p 
{
    padding-left: 20px;
    padding-right: 20px;
    }
							 
							 
.imageBox {
	width: 645px;
	background: url(https://www.mvls.gla.ac.uk/ACEIIITrainer/img/out_strip.jpg) repeat-y;
	 min-height:99px;
}



.imageBox h2{
	background: url(https://www.mvls.gla.ac.uk/ACEIIITrainer/img/outline3_top.gif) no-repeat left top;
	padding-top:10px;
	font-size: 1.5em;
	color: #000000;
}

.imageBox .last {
	background: url(https://www.mvls.gla.ac.uk/ACEIIITrainer/img/outline_bot.jpg) no-repeat left bottom;
	padding-bottom: 20px;
	padding-left:100px;

	}

.imageBox h2   {
	padding-left:20px;
	padding-right:20px;
	padding-bottom: 10px;}
	
	.imageBox h5   {
	padding-left:70px;
	padding-right:20px;
	padding-bottom: 10px;}
	
.imageBox ul  {padding-left:100px;

                }	
.imageBox p 
{
    padding-top:5px;
    padding-left:100px;
    padding-right:20px;

                }


.leftImg
{
    vertical-align:bottom;    
    float:left;
/*margin-top:-25px;*/
margin-left:0px;
} 	
.leftIll
{
    vertical-align:bottom;    
    float:left;
/*margin-top:-25px;*/
margin-left:0px;
margin-right: 25px;
} 


.spBox {
	width: 320px;
	background: url(strip.jpg) repeat-y;
}

.spBox h2{
	background: url(header.jpg) no-repeat left top;
	padding-top:10px;
}

.spBox .last {
	background: url(footer.jpg) no-repeat left bottom;
	padding-bottom: 20px;
	}

.spBox h2   {
	padding-left:20px;
	padding-right:20px;
	padding-bottom: 10px;}
	
.spBox p {padding-left:65px;
                }

.splashImg{float:left;
margin-top:-25px;
margin-left:10px;} 	

.landScape
{
    width: 100%;
    height: 100%;
    margin: 0% 0% 0% 0%;
    filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=3);
    position: fixed;
    overflow: visible;
    clear: both;
    clip: rect(auto, auto, 0px, auto);
} 

.gridscroll
{
    overflow: scroll;
    height: 300px;
    /*border: solid 1px;*/
    
    width: 800px;
}

.GV {
	padding: 5px;
}

.GV td
{
	padding: 2px 5px 5px 5px;
	vertical-align: top;
}