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

/* ---------------------------------------------------- */
html {
	background: #818ca2 url(http://www.sbcs.qmul.ac.uk/images/main_bg.gif) repeat-x 0 0;
}
h2.block {
	background-color: #dceaf0;
}
hr {
	border-color: #818ca2;
}
/* ---------------------------------------------------- */
#primaryNav a{
	background-color: #d9d2c3;
	color: #546079;
}
/* reverse out the colours on mouse over */
#primaryNav a:hover{
	background-color: #818ca2;
	color: #fff;
}
/* the active page isn't a link on the primary nav so set reverse out styles */
#primaryNav li.current {
	background-color: #818ca2;
	color: #fff;
	white-space: nowrap;
}
/* ---------------------------------------------------- */
#breadcrumb a:link {
   color: #fff;	
}
#breadcrumb a:visited {
   color: #fff;
}
#breadcrumb a:hover {
   color: #d9d2c3;
}
#breadcrumb a:active {
   color: #fff;
}
/* ---------------------------------------------------- */
#main a[href], #main2col a[href] {
	border-bottom: 1px dotted #546079;
}
#main a[href]:hover, #main2col a[href]:hover{
	border-bottom: 1px dotted #990000;
}
#main a.noBorder, #main a.noBorder:hover {
	border: 0px;
}
/* ---------------------------------------------------- */
#sidebar a{
	border-bottom: 1px dotted #546079;
}
#sidebar a:hover{
	border-bottom: 1px dotted #990000;
}
#sidebar a.noBorder:hover{
	border-bottom: 0px;
}
#sidebar h2.block {
	display: none;
}
/* turn off bullet points on the news auto index on the homepage */
#sidebar .AutoIndexSlot ul{
	list-style: none;
	padding-left: 15px;
}
*+html #sidebar .AutoIndexSlot ul{
	margin-left: -15px;
}
* html #sidebar .AutoIndexSlot ul{
	margin-left: -15px;
}
/* ---------------------------------------------------- */
#footer a{
	border-bottom: 1px dotted #546079;
}
#footer a:hover{
	border-bottom: 1px dotted #990000;
}
/* ---------------------------------------------------- */
a {
   text-decoration: none;
}
a:link {
   color: #546079;	
}
a:visited {
   color: #546079;
}
a:hover {
   color: #990000;
}
a:active {
   color: #546079;
}
/* ---------------------------------------------------- */
/* reset .small class as it is unecessary on new style template */
.small {
	font-size: 1em;	
}
/* line up the twitter icon with the text next to it */
.icon {
	float: left;
	margin: 0px 10px 0px 0px;
}
/* ---------------------------------------------------- */
/* don't want the icon next to images that are links so turn it off */
#sidebar a[target="_blank"].noBorder{
	background: url(http://www.qmul.ac.uk/qmcms/images/dummy.gif) center right no-repeat;
	padding-right: 0px;
}
/* ---------------------------------------------------- */
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{ padding: 5px 10px 10px 10px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin:0 0 10px 0; height:140px; background:url(../images/bg-home-box.gif) repeat-x top #d9dce3; } 
.prospective h2{ padding: 0px; margin:0px; }
.prospective p{ padding: 0px; margin:0px;  } 

.seminars{ padding: 5px 10px 10px 
10px; margin:10px 10px 10px 0; background: #e5ecf9; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; width: 545px; float:left;  }
.seminars h3{ padding: 0px; margin:0px 0px 10px 0px; }
.seminars p{ padding: 0px; margin:0px;  } 


.postdocs{ padding: 5px 10px 10px 10px; background:url(../images/bg-home-box.gif) repeat-x top #d9dce3; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin:10px 0 10px 0; width: 257px; float:left; height: 177px; }
.postdocs h3{ padding: 0px; margin:0px 0px 10px 0px; }
.postdocs p{ padding: 0px; margin:0px;  } 

.clear{ clear:both; height: 1%; text-indent:-9999; }

#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: 400px;
	padding: 0px;
	position: absolute;
	*margin-top: -100px;
	top: 500px;
	left: 190px;
}
*+html #autoIndex {
	width: 320px;
	padding: 0px;
	position: absolute;
	top: 620px;
	left: 180px;
	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 0px 10px 0px;
	position: absolute!important;
	width: 160px; 
	text-align: right;
	padding:0;
}
#autoIndex select {
	width: 285px;
	margin: 0 10px 10px 180px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#autoIndex input {left: 500px; margin-top:-25px!important;}
}

#autoIndex input {
position:absolute;
	margin: 0px 0px 10px 0px;
}
#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: 220px;
	text-align: left;
	font-size: 0.9em;
	padding: 1px;
	float: left;
}
.innerStaff {
	background-color: #f6fafb;
	border: 1px dotted #666;
	width: 219px;
	height: 200px;
	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;
}
.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;
border-bottom: 0px!important;
}
.landingLinks a:hover{
background: url(http://test-web.qmul.ac.uk/Rhythmyxresources/sbcs/images/landingBtnHover.jpg) no-repeat;
border-bottom: 0px!important;
}
.landingImg {
margin-top: 10px;
width: 340px;
float: right;
}
.landingImgButton {
	float: right;
	margin-top: 20px;
}
#clearing hr{
border:#ccc 1px dotted;
}
#clearing .tHead{
background:#ddeaf0;
}
#msci img{
border:none;
}