/* IMPORT GENERIC STYLE DEFINITIONS COMMON TO ALL DEPT SITES */
@import "http://www.qmul.ac.uk/qmcms/css/style.css";

/* ---------------------------------------------------- */
/* SITE SPECIFIC DEFINITIONS */
.light {
   background-color: #dceaf0;
   border: 1px solid #000;
   border-left: 0px;
   border-right: 0px;
   padding: 1px 10px 1px 10px;
}
.dark {
   background-color: #6badcc;
   height: 5px;
   border-bottom: 1px solid #000;
   font-size: 1px;
}
hr {
  	height: 0;
	border-style: solid;
 	border-color: #A29A9C;
 	border-width: 1px 0 0 0;
}
h2.block {
	diplay: block;
	background-color: #dceaf0;
	font-size: 1.2em;
	margin-bottom: -10px;
}
html>/**/body h2.block {
	margin-bottom: 0px;
}
/* ---------------------------------------------------- */
#primary_nav {
	padding: 5px 10px;
	font-weight: bold;
}
#primary_nav ul{
   list-style: none;
   margin: 0;
   padding: 0;
}			
#primary_nav li{
   position: relative;
   background: url( http://www.qmul.ac.uk/qmcms/images/link.gif ) no-repeat 0px 3px;
   padding-left: 15px;
   display: inline;
   margin-right: 15px;
}

/* Opera hack */
html:first-child #left {
	margin-top: 10px;
}


/* ---------------------------------------------------- */
.highlight {
	display: block;
	background-color: #e8dee0;
	padding: 5px;
}
html>/**/body .highlight {
	margin-top: 20px;
}
.highlight img{
	float: right;
	margin-left: 20px;
}

/* ---------------------------------------------------- */
/* normal links */
a {
   text-decoration: none;
   line-height: 16px;
}
a:link {
   color: #666;	
}
a:visited {
   color: #666;
}
a:hover {
   color: #990000;
}
a:active {
   color: #666;
}

ul.glassblowing{
list-style: none;
}
ul.glassblowing li{
float: none;
clear: left;
}
.glassblowing img{
border: 6px #000000 solid;
}
.caption{
font-size: 10px;
text-align: justify;
}
.imgtable{
text-align:center;
}

/******************  HOME PAGE  ************************/
#prospective_students {
	float: left;
	width: 320px;
	margin: 0px 20px 20px 0px;
	position:absolute;
}
html>/**/body #prospective_students {
	height: 240px;
	width: 320px;
	margin: 0px 20px 20px 0px;
}
#autoIndex {
	width: 325px;
	padding: 0px;
	position: absolute;
	top: 570px;
	left: 190px;
}
*+html #autoIndex {
	width: 320px;
	padding: 0px;
	position: absolute;
	top: 580px;
	left: 190px;
	float: left;
	clear: both;
}
/* 
*+html #autoIndex {
	width: 320px;
	padding: 0px;
	position: relative;
	top: -125px;
	left: 0px;
	margin-bottom: -110px;
}
*/
#autoIndex h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
}
#autoIndex select {
	width: 285px;
	margin-bottom: 15px;
}
#autoIndex input {
	margin-bottom: 15px;
}
#prospective_postdocs {
	float: right;
	width: 240px;
}
html>/**/body #prospective_postdocs {
	width: 220px;
}
#tiles {
	margin-top: 10px;
}
#tiles ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
/* an IE7 problem means we need to use a dummy image here as the tiles are in a ul */
#tiles li{
   position: relative;
   background: url( http://www.qmul.ac.uk/qmcms/images/dummy.jpg ) no-repeat 0 0px;
   margin: 0px;
   padding: 0px;
}



/******* UNDERGRAD ACCORDIAN *********
ul.uRight{
display:inline;
}
ul.uLeft{
display:inline;
}
.uRight{
float: left;

}
.uLeft{
float: left;
}*/

.uRight{
display: inline;
}
.uLeft{
float: left;
padding-right: 40px;
}



/******* ACCORDIAN MENU *******/

div#accordian {
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:60px 40px;
	font-size:12px;
	font-family: Arial;
	line-height:18px;
	
}

div#test-accordion{
    border: 3px solid #e6f3f9;
	background-color:#b7e1f6;
	padding:2px;
}

div.accordion {
	position: relative; /* required for bounding */
	width:98%;
}

div.accordion-toggle{
    position: relative; /* required for effect */
    z-index: 10;		/* required for effect */
	background: #3f3c38;
	background-image:url(../images/off.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	color:#000;   
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
    cursor: pointer;
	margin-bottom:1px;
	padding:4px 10px 4px 10px;
	border-top:1px solid #f3f8fa;	
}
div.accordion-toggle:hover, div.accordion-toggle-active{
	background-image:url(../images/on.jpg);
	background-color:#6d493a;
	border-top:1px solid #00000;
	color:#000000;
}

div.accordion-content{
    overflow: hidden;	/* required for effect */
    background: #fff;
	padding:9px 24px 6px 24px;
	color: #000;
	border-bottom:1px solid #fff;
}
/* ---------------------------------------------------- */
/* staff profile index layout in boxes with photos */
#allStaffProfiles {
	width: 760px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#allStaffProfiles ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#allStaffProfiles li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
.StaffProfileLink {
	width: 251px;
	height: 200px;
	text-align: left;
	font-size: 0.9em;
	padding: 1px;
	float: left;
}
.innerStaff {
	background-color: #f6fafb;
	border: 1px dotted #666;
	width: 219px;
	height: 180px;
	padding: 5px 10px;
}
/* the body field on SBCS uses <ul> so have to redefine them here */
#allStaffProfiles .innerStaff ul{
	list-style: none;
}
#allStaffProfiles .innerStaff li{
	display: block;
	/* IE won't automatically wrap long urls inside the div width so have to set word wrap here. */
	word-wrap: break-word;
}
#main .staff_img {
	margin: 0px 0px 5px 5px;
	border: 0px;
	float: right;
	width: 75px;
	height: 100px;
}
#allStaffProfiles a.titlelink{
	text-decoration: none;
}
/* turn off the auto index heading */
#allStaffProfiles h2.bg {
	display: none;
}
#allStaffProfiles  a{
	border-bottom:#666 1px dotted;
}

/****** LANDING PAGES ******/
#landingPage{
margin:20px;
}
.landingLinks {
float: left;
margin: 0px;
width: 340px;
}
.landingLinks li{
list-style:none;
}
.landingLinks a{
width: 340px;
background: url(http://test-web.qmul.ac.uk/Rhythmyxresources/sbcs/images/landingBtn.jpg) no-repeat;
padding: 5px;
display:block;
height: 15px;
}
.landingLinks a:hover{
background: url(http://test-web.qmul.ac.uk/Rhythmyxresources/sbcs/images/landingBtnHover.jpg) no-repeat;
}
.landingImg {
margin-top: 20px;
height:213px;
width: 340px;
float: right;
}
#clearing hr{
border:#ccc 1px dotted;
}
#clearing .tHead{
background:#ddeaf0;
}
#msci img{
border:none;
}