/* ############ TT 14/09/2012 ############
This file is used for ALC's template files only.
The style sheets for the new ALC site are very different from the rest of the Faculty. The part that affects the profile system is the tab section. 
So this style sheet is created as the amended one for ALC only.

/* ############ TT 16/08/2012 ############
The content in this part is from another file [stafflist.css]. For some unknown reason there was problem for browsers to read it, so it's been combined into this file. */
div.wrapper {
    width: 95%;
}
div.MessageBox {
    width: 50%;
    margin-top: 1em;
    border: 1px solid #ccc;
    padding: 5px;
}
table.datatable {
    border: 1px solid #ccc;
    text-decoration: none;
}
table.datatable thead td {
    background-color: #f5f5f5;
    color: #000;
    font-weight: bold;
}
table.datatable td {
    padding: 3px;
    background-color: #fff;
}
table.StaffList {
    width: 100%;
    margin-bottom: 25px;
    border-collapse: collapse;
    border: 1px solid #ccc;
}
table.StaffList th {
    background-color: #660099;
    color: #FFF;
    font-weight: bold;
    padding: 5px;
    width: 25%;
    text-align: left;
}
table.StaffList td {
    text-align: left;
    border: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
}
div.StaffGroup {
    margin-top: 25px;
}
/* Not for ALC:
span.SectionHeader {
    font-weight: bold;
    font-size: 1.2em;
    color: #099;
}*/

/* ############ TT 16/08/2012 ############
End of contents from file [stafflist.css]. */




#researchstaffprofile {
	font-size: 1em;
	width: auto;
/*	background: url("http://tmhn.web.its.manchester.ac.uk/research/profiles/css/prototype.jpg") repeat-y top center;*/
	}

#researchstaffprofile h1 {
	position: relative;
	}

#researchstaffprofile h2, #researchstaffprofile h3 {
	margin: 0.4em 0 0 0;
	padding: 0;
	}

#researchstaffprofile p {
	margin: 0;
	padding: 0.5em 0 0.3em 0;
	}

#researchstaffprofile p.clear {
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	}

#researchstaffprofile ul {
	/*margin: 0 0.5em 0.3em 1.5em;*/
	padding: 0;
	}

#researchstaffprofile .researchstaffprofile-section {
	margin: -1em 0 2em 0;
	padding: 0;
	}

#researchstaffprofile .header {
	background: url('http://www.manchester.ac.uk/medialibrary/images/corporate/corner_F5F5F5_FFFFFF_right.gif') no-repeat right top;
	margin: 0;
	padding: 0;
	}

#researchstaffprofile .header h3 {
	font-size: 0.95em;
	background: url('http://www.manchester.ac.uk/medialibrary/images/corporate/corner_F5F5F5_FFFFFF_left.gif') no-repeat left top;
	border-bottom: 1px solid #cccccc;
	margin: 0;
	padding: 0.4em 0.5em 0.4em 0.8em;
	}

#researchstaffprofile .body {
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin: 0;
	padding: 0.5em 1.5em 2em 1.5em;
	overflow: hidden; 
	position: relative;
}

#researchstaffprofile .footer {
	margin: 0;
	padding: 0.5em 0 0 0;
	clear: right;
	}

#researchstaffprofile .researchstaffprofile-section .body img.photo {
	float: left;
	border: 1px solid black;
	margin: 10px 10px 10px 0px;
	padding: 0 0 0 0;
	position: relative;
/* ***	width: 130px;*/
	width: 100px;
	}

#researchstaffprofile .researchstaffprofile-section .body .clear {
	clear: both;
	}

#researchstaffprofile .researchstaffprofile-section .footer {
	clear: both;
	}

#researchstaffprofile .researchstaffprofile-section .nophoto img {
	display: none !important;
	}
/*
#researchstaffprofile .researchstaffprofile-section .body h4 {
	clear: left;
	}

#researchstaffprofile .researchstaffprofile-section .body img {
	clear: left;
	margin: 0px 10px 10px 0px;
	}
*/

#researchstaffprofile .researchstaffprofile-section .body h4 {
	margin-bottom: 0.4em;
	}

#researchstaffprofile .researchstaffprofile-section .withphoto p,
#researchstaffprofile .researchstaffprofile-section .withphoto div {
/* ***	margin-left: 11.8em;*/
	margin-left: 9.3em;
	}

#researchstaffprofile .researchstaffprofile-section .withphoto ul {
/* ***	margin-left: 13.8em;*/
	margin-left: 11.3em;
	}

#researchstaffprofile .researchstaffprofile-section .withphoto p div {
	margin-left: 0em;
	}

/*
#researchstaffprofile .researchstaffprofile-section .withphoto ul li {
	margin-left: 2.8em;
	}
*/


/* ############ TT 14/09/2012 ############
For ALC, the "tab" part in the school site's stylesheets is defined in "navigation", not like the rest of the schools which all use "tab"
So the following parts are copied from the ALC's css but renamed as "tab" here
*/
#researchstaffprofile div.tab {
    border-bottom: 5px solid #663399;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
	}

#researchstaffprofile div.tab ul {
    height: 26px; list-style: none outside none; margin: 0; padding: 0;
}

#researchstaffprofile div.tab ul li {
	border-bottom-width: 0px;
	font-size: 1em;
	background: url("http://www.manchester.ac.uk/medialibrary/images/corporate/researchstaffprofile_tabcorners_02.gif") no-repeat right top;
    display: inline;
    font-weight: normal;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
	}

#researchstaffprofile div.tab ul li a {
	/*background: url("http://www.manchester.ac.uk/medialibrary/images/corporate/researchstaffprofile_tabcorners_01.gif") no-repeat left top;*/
    background-color: #FFFFFF;
    border-width: 1px 1px medium;
    color: #663399;
    display: block;
    float: left;
    height: 15px;
    margin: 0 2px 0 0;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    border-color: #999999  /*#999999-moz-use-text-color*/;
    border-style: solid solid none;
border-radius: 5px 5px 0 0;
	}
#researchstaffprofile div.tab ul li h2 {
	/*background: url("http://www.manchester.ac.uk/medialibrary/images/corporate/researchstaffprofile_tabcornersselected_02.gif") no-repeat scroll right top transparent;*/
	/* ############ TT 16/08/2012 ############
	This background colour is NOT showing! Only the left corner (#researchstaffprofile div.tab ul li h2 a) is showing. So got both commented out. */
	font-size: 1em;
	border: none;
	margin: 0;
	padding: 0;
	}
#researchstaffprofile div.tab ul li h2 a {
	/*background: url("http://www.manchester.ac.uk/medialibrary/images/corporate/researchstaffprofile_tabcornersselected_01.gif") no-repeat top left;*/
	/* ############ TT 16/08/2012 ############
	The background colour in (#researchstaffprofile div.tab ul li h2) is NOT showing! Only this left corner is showing. So got both commented out. */
	font-size: 1em;
	border: none;
	margin: 0;
	font-size: 1em;
    border-color: #999999  /*#999999-moz-use-text-color*/;
    border-style: solid solid none;
    border-width: 1px 1px medium;
border-radius: 5px 5px 0 0;
	}

/*This was in [stafflist.css] (see top), but the colour must be changed for ALC */
span.SectionHeader {
    font-size: 1.5em;
    color: #660099;
}


/* An extra bit, for all schools */
#researchstaffprofile .pagetop {
	margin-top: -1.5em;
	}

#researchstaffprofile p.email {
	display: none;
}