/* CSS Document */
/*  ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/iframe_fix.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.


=================================================================== */


html 
#moin { position: relative; margin-left: auto; margin-right: auto; margin-top:0px; z-index:500; padding-top: 0px; height: 100%; width:936px;
}
/* Default layout for content pages */


/* ____________________________________________________________________ */
#cs {
	left:77px; 
	border: none;
	margin: 0;
	padding: 0;
	width: 740px;
	position: relative;
	top:80px;
	display:inline;
	z-index:95px;
	height:14px;
	float:left; color:#006699; 
}

#cs a{ border: none; margin: 0; padding:0px; font-weight:bold; text-decoration:none; color:#666666; font-size:12px;}
#cs  {color:#006699; float:left; position:relative; }
p {font-size:12px; padding:0 0 0 8px; line-height:16px;}

#logo2 {
	border: none;
	margin: 0;
	padding: 0;
	width: 328px;
	position: relative;
	top: 5px;
	left: 690px;
	z-index: 100;
	height:75px;
}
#logo2 img { border: none; margin: 0; padding: 0; height:80px } 

.inputbutton { background-color: #ffffff; border: 0px solid #cccccc; color: #999999; margin: 0 0 0 5px; padding: 0px; width: 45px; font-size:11px; font-weight: bold;  }

hr { position:relative; float:left; height: 1px; background: #fff  repeat-x ;
border:none ; border-bottom:1px dotted #cccccc ; margin:0 0 0 0; margin-top:4px; padding:0px; width:99%;}
hr hr {display: none;}

/* ______________________________________________________________________ */

#main { position: relative; left:77px; margin-left: auto; margin-right: auto; margin-top:46px; z-index:50; padding-top: 5px; height: 100%; width:936px;   } /* need position relative to enable z-index */
#main a {color:#006699; font-weight:bold; text-decoration:none; font-size:12px;}
#main a:hover {color: #0097CC ; font-weight:bold; text-decoration:none; font-size:12px; }

/* Leader page style 1 - fixed width splash image and primary content with right side secondary content*/		
.page-leader-style1 #content { width:280px; margin: 0; padding: 0; float: left; 
								margin:0px 0px 0px 0px; border:0px; z-index:50; }
.midd { position:relative; float:left; width:625px; height:100%; height:auto; margin:5px 0 0 0; padding:0; border:0;}						
.cup {  position:relative; float:left; width:280px; margin:12px 0 0 24px; padding:0; border:0px;}
.window { position:relative; float:left; width:300px; height:160px; border:1px solid #ededed; padding:0; margin:0 10px 10px 0 ;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.imp { color:red; font-weight:bold;}
/* _____________________________ Boxes - Left - Leader _____________  */

h2 { padding: 2px 0 0 8px; font-size: 13px; font-weight:bold; color: #31859F; 
	 background-color: #effdff; line-height:20px; border-bottom: 0px solid #dfdfdf; border-top: none;
	 -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	 
h3 { padding: 0 0 0 8px; font-size: 13px; font-weight:bold; color: #31859F; border-top:1px dotted #3692AF; border-bottom: 
	 1px dotted #3692AF; line-height:20px; }

.boxpromo {position: relative; float:left; font-size: 12px; line-height: 16px; word-wrap: break-word; 
			width: 100%; background:#fff ; height:100%; height:auto; margin: 0 ; padding:0; margin-top:8px;
			border:1px solid #dfdfdf;-moz-border-radius: 5px; -webkit-border-radius: 5px; margin:5px 0 5px 0; }
			


.boxpromo .header { font-size: 14px; padding:0px; margin:0px;
					 border-top:#EFFCFF dotted 1px; font-weight:bold; border-bottom:#EFFCFF dotted 1px;
					 -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height: 16px;}
						
.boxpromo .body { font-size: 12px; padding: 5px 5px 5px 10px }
.boxpromo .footer { margin: 0; padding: 0; height: 1px; width: 90%; clear: both;}

.boxpromo .body img{
	position: relative; float: left; border: 0px; background-color: #f5f5f5;
	margin-right: 20px; margin-bottom: 4px;
	padding: 0;  }
	
.boxpromo h2 { padding: 0px 5px 5px 0px; font-size: 13px; }
.boxpromo .header h2 { padding:0 0 0 8px; margin:0 0 0 0;font-size: 14px; line-height:22px;
					   border-bottom: 1px solid #dfdfdf; border-top: none; color:#31859F; 
					   -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.box-pallete-white { background-color: #ffffff; color: inherit;  }
.box-pallete-white li				
					{list-style-image:url(/Animation10/images/furniture/li.gif); margin-bottom:0px;}
	
.box-pallete-white ol li				
					{list-style-image:none;}
.box-pallete-white-h { border-top:#419DAF 2px solid;border-bottom:#cccccc 0px dotted;
					background-color: #F3F8E0; color: inherit; height:18px; margin-bottom:8px; }
					
.box-pallete-white h2 { background-color: #EFFDFF; color: #000000; 
						padding:0 0 0 8px; font-size: 13px; line-height:20px;
						border-bottom: 1px solid #dfdfdf; border-top: none;
						-moz-border-radius: 5px; -webkit-border-radius: 5px;}
						
						
.box-pallete-white h4 { background-color: #effdff; color: #31859F; border-top:1px dotted #3692AF; border-bottom: 1px dotted #3692AF;
			padding: 2px 5px 2px 5px; font-size: 12px;
			border-bottom: 1px solid #dfdfdf; border-top: none;
			-moz-border-radius: 5px; -webkit-border-radius: 5px;}

.box-pallete-dotted { border-bottom:#666 1px dotted;
					background-color: #fff ; color: inherit; }
.box-pallete-grey { border-top:#419DAF 4px solid;border-bottom:#DBDD95 1px dotted;
					background-color: #F3F8E0; color: inherit; }
.box-pallete-grey-h { border-top:#419DAF 4px solid;border-bottom:#DBDD95 1px dotted;
					background-color: #f5f5f5; color: inherit; }
.box-pallete-grey h2 { background-color: inherit; color: #31859F; }
.box-pallete-grey h4 { background-color: inherit;color: #31859F; border-top:1px dotted #31859F; border-bottom: 1px dotted #3692AF; }


.boxpromo .body h2 { margin:0 ; padding:0 0 0 8px; line-height:22px; }
.boxpromo p { margin: 0; padding: 5px 5px 8px 8px; font-size:12px; line-height:16px; }
.boxpromo ul { list-style-image:url(/Animation10/images/furniture/li.gif); margin: 0; padding: 0 0 0px 30px; }
.boxpromo ul li { margin: 5px 0 5px 0; padding: 0px; font-size:12px;}
.boxpromo ol li { margin: 5px 0 5px 10px; padding: 0; font-size:12px; line-height:16px; }
.boxpromo img {
	float: left;border: 0px;
	background-color: #f5f5f5; margin-right: 1.1em; margin-bottom: 0.4em;
	padding: 0; position: relative;}
/* _____________________________Promo boxes for home and leader pages _____________  */

.lists { display:inline; height:auto; float :left; position:relative; width:47%; padding:0px; margin:5px; border:0px;}

.lists ul { list-style:none outside ; margin:0px; padding:0px; border:0px;}

.lists ul li {display:block; border-bottom:1px #efefef dotted; font-size:12px; line-height:16px; margin:0 ; padding: 0 0 0 8px;  }


.ar { list-style: url(/animation10/images/icons/right.gif) outside ; margin:0px; padding:0 0 0 22px; border:0px;}
.ar ul { list-style: url(/animation10/images/icons/right.gif) outside ; margin:0px; padding:0 0 0 22px; border:0px; line-height:22px}


/*  ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/iframe_fix.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */



/* ------------------ This is for the new research home page ----------------------- */
#menu_container a,
#menu_container a:link { background-color:#368FAF; color: #ffffff; text-decoration:none; }
#menu_container a:visited { background-color:#368FAF; color: #fefefe; font-weight:normal; }
#menu_container a:hover { text-decoration: none; background-color:#3B9DBF; color: #ffffff;font-weight:normal;  }

#menu_container 
	 {padding:0; margin:0; left:77px; margin-left:auto; list-style:none;   
	  z-index:800; 
	  width:940px; height:28px; display:inline; background-color:transparent ; top:25px;
	  float:left;
	  border-bottom:0px;
	  position:relative;font-weight: normal; }
	  

#menu_container table {position:relative; float:left; padding:0px; margin:0px; }
#menu_container table td { padding: 0; }
#menu_container table td ul { margin: 0 0 0 0; padding: 0; }
#menu_container table td ul li { margin: 0 0 0 0; }

#pmenu, #pmenu ul { list-style-type:none; margin:0pt; padding:0pt;}

/* #pmenu iframe {
	position:absolute; 
	left:-9999px; border:0; padding:0; margin:0; width:0; height:0;} */

#pmenu iframe {
	position:absolute; 
	left:-9999px; border:0; padding:0; margin:0; width:0; height:0;}


	
	
#pmenu a:link {
display:block;
width:133px;

font-weight: normal;
font-size:12px;
height:24px;
line-height:27px;
text-decoration:none;
text-indent:5px;
border:0px; background:#368FAF; /* background:#efefef; */
	/* For web browsers who care */
	opacity: 0.7;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
 }


#pmenu li {float:left; background:#368FAF; border-bottom:#ffffff solid 1px; border-right:#ffffff solid 1px; }
#pmenu li.hot {float:left; background-color:#2C758F; border-bottom:#ffffff solid 1px;border-right:#ffffff solid 1px; }

#pmenu li ul li a:link{border:none;border-right:#ffffff solid 1px; }
#pmenu li.drop {background:#368FAF url(/Animation10/images/furniture/arr-d.gif) no-repeat right center; z-index:600;}
#pmenu li.drop-hot {background:#368FAF url(/Animation10/images/furniture/arr-d.gif) no-repeat right center;  }
								
#pmenu li.fly {background:#3B9DBF url(/Animation10/images/furniture/arr-r.gif) no-repeat right center; border-top:0px;}
#pmenu li.fly-hot {background:#3B9DBF url(/Animation10/images/furniture/arr-r.gif) no-repeat right center;border-top:0px; }				
				
#pmenu table {border-collapse:collapse; width:0; height:0; border:0; font-size:12px;}

#pmenu a:visited {
display:block;
width:133px;
font-size:12px;
font-weight: normal;
color:#ffffff;
height:25px;
line-height:27px;
text-decoration:none;
text-indent:5px;
border-bottom:none; }

#pmenu li ul li a:visited {border-width:0px 0px 0px 0px ; }

#pmenu li a.enclose, #pmenu li a.enclose:visited 
	{border-top:2px solid #ffffff; background:#368FAF url(/Animation10/images/furniture/arr-d.gif) no-repeat right center;  }
#pmenu li a.enclose-hot, #pmenu li a.enclose-hot:visited 
		{border:none; background:#368FAF url(/Animation10/images/furniture/arr-d.gif) no-repeat right center; }
				  
#pmenu li a:hover {position:relative; color:#000000; background: #368FAF;  z-index:600;}
#pmenu li:hover {position:relative; z-index:600; }

#pmenu li:hover > a {color:#ffffff ; font-weight:normal; background: #3B9DBF; z-index:600; border-bottom:1px solid #ffffff; }


					 
#pmenu li ul {position:absolute; left:-9999px;  width:133px; border-bottom:solid #ffffff 1px; }


#pmenu li:hover > ul {top:-1px; left:130px; width:130px; z-index:600; border-bottom:solid #ffffff 1px;}						
#pmenu > li:hover > ul {left:0; top:26px; border:none;}

#pmenu li:hover ul.first {top:-1px; background:#368FAF url(/Animation10/images/furniture/arr-r.gif) 
				no-repeat right center; border:none;}
#pmenu li:hover ul.first-hot {top:-1px; background:#368FAF; 
border-bottom:none;}

#pmenu li a:hover ul {left:-1px; top:25px; width:132px; background:#368FAF; }

#pmenu li a:hover ul a:hover ul,
#pmenu li a:hover ul a:hover ul a:hover ul,
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul,
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul 

{top:-24px; left:132px;}

#pmenu li a:hover ul {top:0px;}
#pmenu li a:hover ul a:hover ul ul,
#pmenu li a:hover ul a:hover ul a:hover ul ul,
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul,
#pmenu a:hover ul iframe,
#pmenu li a:hover ul a:hover ul iframe,
#pmenu li a:hover ul a:hover ul a:hover ul iframe,
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul iframe {left:-9999px;}
#pmenu a:hover iframe {left:-1px; top:25px;}
#pmenu a:hover a:hover iframe,
#pmenu a:hover a:hover a:hover iframe,

#pmenu a:hover a:hover a:hover a:hover iframe {left:132px; top:-1px;}
#pmenu li a:active, #pmenu li a:focus 
			{background:#368FAF; color:#ffffff; border-bottom:2px solid #ffffff;}
#pmenu li a:hover ul ul {left:-9999px;}

.counter { background:url(http://www.cs.manchester.ac.uk/Animation10/images/furniture/clock.gif) no-repeat center; height:40px; width:561px; padding:0px; margin:auto; border:none;}

.counter p { text-align:center;}

/* ----------------- End  This is for the new research home page ------------------- */


/* ______________________________________________________________________ */








/* Gallery */
.gal-b { position:relative; width:100%; height:100%; border:0px; margin:0px; padding:0px; padding-left:auto ; padding-right:auto;  background-color:#FFFFFF; font-family:Geneva, Arial, Helvetica, sans-serif;  }

.gal-main {position:relative; width:1024px; left:50%; margin-left:-514px; height:auto; border:0px;  margin-right:auto; font-family:Geneva, Arial, Helvetica, sans-serif; float:left; }
.gal-head { position:relative;float:left; width:1024px; height:98px; display:inline;background:url(/animation10/images/gal.jpg) no-repeat right top;
border-bottom:1px dotted #7fbecc;}


.gal-logo { position:relative;float:left; width:240px; height:56px;}

.gal-title {position:relative; float:left; width:290px; font-weight:bold; font-size:11px;  height:35px; margin:15px 0 0 0; font-family:Geneva, Arial, Helvetica, sans-serif; color:#31859F;}

.track {position:relative; height:57px; width:658px;  float:right; top:0px; padding:0; margin:0; border:0; }
.track img {border:0; padding:0; margin:0;}

.gal-menu {position:relative;   height:23px; width:1020px; font-weight:bold; font-size:14px; color:#31859F; margin-top:15px; text-align:right; float:right; font-family:Geneva, Arial, Helvetica, sans-serif; padding:0; padding-right:0px;
border:0px solid #efefef; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-bottom:0px solid #006699; }





.gal-menu a,
.gal-menu a:link { background-color:transparent; color: #069; text-decoration:none;font-weight: bold;
					font-size:14px;font-family:Geneva, Arial, Helvetica, sans-serif; }
.gal-menu a:visited { background-color:transparent; color: #333; text-decoration:none;font-size:14px;font-weight: bold;
					font-family:Geneva, Arial, Helvetica, sans-serif;}
.gal-menu a:hover { background-color:transparent; text-decoration:none;  font-weight: bold;
						  font-size:14px; font-family:Geneva, Arial, Helvetica, sans-serif;
						 }


 
.gal-menu span.selected {  height:22px;  background-color:orange; color:#ffffff;  margin-top:0px; 
padding:2px 3px 1px 3px;  line-height:24px;
border:1px solid #efefef; -moz-border-radius: 6px; -webkit-border-radius: 6px;}

.gal-menu span {  height:22px;   background-color:#31859F; color:#ffffff;  margin:0 0 0 7px; 
padding:2px 3px 1px 3px;  line-height:24px;
border:1px solid #efefef; -moz-border-radius: 6px; -webkit-border-radius: 6px;}



.gal-row { position:relative; float:left;  width:1024px; height:22px; display:block; border:0; text-align:right; margin:0 0 0 0; padding:0 0 0 0;}

.gal-row-help { position:relative; float:right; margin:20px 0 10px 0 ; padding: 0 0 0 0 ;border:0 0 0 0;  width:350px;  
		height:40px; background-color:#EFFDFF;
border:1px solid #efefef; -moz-border-radius: 6px; -webkit-border-radius: 6px;}

.gal-row-help h2 { position:relative; float:right;   text-align:right; color:#333; font-family:Geneva, Arial, Helvetica, sans-serif;font-size:14px; font-weight:normal; margin:0 0 0 0; border:0 0 0 0 ;padding: 6px 6px 6px 10px ;  line-height:30px; background-color:transparent;
}

.gal-row-help a{color:orange; font-size:14px; font-weight:normal; }
.gal-row-help a:link{color:orange; font-size:14px; font-weight:normal; }
.gal-row-help a:visited{color:#ff0000; font-size:14px; font-weight:normal; }
.gal-row-help a:hover {color:red; font-size:14px; font-weight:normal; }

.gal-row img {position:relative; float:right;
 padding:0 0 0 0; margin:0 0 0 0 ; border:0 0 0 0 ;}

.gal-box { position:relative; width:242px; height:340px ; padding: 3px 0 0 0 ; margin:5px 1px 5px 11px; display:block; float:left; 
	border:1px solid #7fbecc; -moz-border-radius: 6px; -webkit-border-radius: 6px;
font-family:Geneva, Arial, Helvetica, sans-serif;  }

.gal-box p {position:relative; float:left; font-size:12px; color:#31859F; padding-left:5px;font-family:Geneva, Arial, Helvetica, sans-serif; }

.award-name span {position:relative; float:left; font-size:12px; color:#888;font-family:Geneva, Arial, Helvetica, sans-serif; }
.award-film-title {font-size:13px; font-weight:bold; color:orange;font-family:Geneva, Arial, Helvetica, sans-serif; } 


gal-box a,
.gal-box a:link img{ border:none; padding:0; margin:0;}

.gal-box a,
.gal-box a:link {  border:0px; margin:0; padding:0; background-color:transparent; color: #069; 
					text-decoration:none; font-size:11px;
					font-weight: bold; font-family:Geneva, Arial, Helvetica, sans-serif;}
					
.gal-box a:visited { border:0px; margin:0; padding:0;  background-color:transparent; color: #cccccc; 
					text-decoration:none; font-size:11px;
					font-weight: bold; font-family:Geneva, Arial, Helvetica, sans-serif;
					}
.gal-box a:hover {  border:0px; margin:0; padding:0; font-size:11px; text-decoration: none; background-color:#ffffff;text-decoration:none; 
						  color: #906;font-weight: bold; text-decoration:none;
						  font-family:Geneva, Arial, Helvetica, sans-serif; }
 
.gal-tab { position:relative; float:left; border:1px dotted  #666 ;font-family:Geneva, Arial, Helvetica, sans-serif;}

table {font-size:12px; font-weight:bold; color:#666; text-align:center; margin-left:auto; margin-right:auto;font-family:Geneva, Arial, Helvetica, sans-serif;}
table h2 {font-weight:bold; font-size:16px; color:#666;}
table h2 a,
table h2 a:link { background-color:transparent; color: #069; text-decoration:none;font-weight: bold;}
table h2 a:visited { background-color:transparent; color: #cccccc; text-decoration:none; }
table a:hover { text-decoration: none; background-color:#ffffff;text-decoration:none; 
						  color: #906;font-weight: bold; border:0px; text-decoration:none; }
						  
						  
td {border:1px dotted  #666 ; font-size:12px; font-weight:bold; color:#666; text-align:center; font-family:Geneva, Arial, Helvetica, sans-serif; }


.gal-box-icon {width:26px; position:relative; height:31px;  }
.gal-box img{ padding-left:5px;} 
.gal-footer { position:relative; width:1015px; height:100px;font-weight:bold; font-size:14px; 
			  color:#888888; height:45px; text-align:right; float:left; border:0px; 
			  border-top:1px dotted #cccccc;  }
.gal-footer a,
.gal-footer a:link { background-color:transparent; color: #069; text-decoration:none;font-weight: bold;font-size:14px;}
.gal-footer a:visited { background-color:transparent; color: #333; text-decoration:none;font-size:14px;font-weight: bold; }
.gal-footer a:hover { text-decoration: none; background-color:#ffffff; text-decoration:none; 
					  color: #906;font-weight: bold; border:0px; text-decoration:none; font-size:14px;}
.join {  font-family:Verdana, Geneva, sans-serif; color:#666; font-size:12px; text-align:left ; 
		 position:relative; float:left; margin:20px 0 10px 0 ; padding: 0 0 0 0 ;border:0 0 0 0;  width:252px;  
		 height:40px; background-color:#fff;
		 border:1px solid #efefef; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
	
.join p  {position:relative; float:right;   text-align:right; color:#006699; 
	font-family:Geneva, Arial, Helvetica, sans-serif;font-size:12px; 
	font-weight:normal; margin:0 0 0 0; border:0 0 0 0 ;  line-height:40px; background-color:transparent ; padding: 0px 6px 0px 10px ;}
	
.join img {border:none; padding: 0 0 0 0 ; margin: 4px 0 0 10px ; height:38px; width:38px;}
.join a,
.join a:link {color:orange; font-weight:bold; text-decoration:none; font-size: 12px; }



#footer	{ font-size: 11px; position: relative; clear: both; margin: 20px auto 5px auto ; 
			padding: 0 0 0 0; width: 936px; font-weight:normal; border-top: 4px solid #3B9DBF; }

#footer	 img { border:none;}
#footer a, a:link, a:visited {text-decoration: none; font-weight:100; color: #666666; font-size:11px;}
#footer a:hover {text-decoration: none; font-weight:100; color: #8F4765; font-size:11px;}
#footer a:active {text-decoration: none; font-weight:100; color:#cccccc; font-size:11px;}

.nav-footer { margin: 0; padding: 0 ; border-bottom:1px solid #CCCCCC; border-top:0px; font-size:11px;}
.nav-footer p { margin: 0; padding: 0; font-weight:100;line-height:18px; font-size:11px;}

.feedback { background-color: #ffffff; color: #000000; display: block; text-align: right; padding: 0.3em 0.3em 0.5em 0.3em; font-weight:100; display:inline;font-size:11px;}
.feedback p { float:right;  margin: 0; padding: 5px 0 5px 0; color:#000000;font-weight:100;}
.feedback a, a:focus, a:link, a:active {color:#000000;font-weight:100; text-decoration: none;font-size:11px; }

.gal-main #footer	{ font-size: 11px; position: relative; clear: both; margin: 20px auto 5px auto ; 
			padding: 0 0 0 0; width: 1024px; font-weight:normal; border-top: 4px solid #3B9DBF; }