/*
** TABLES AND PROFILES (STAFF, STUDENT, ACCOMMODATION) CSS
*/

/* IE hacks */
.datatable { word-wrap: break-word; table-layout: fixed; break-word: break-all; }

/* Standard data table */
.datatable { margin: 1em 0 0 0; padding: 0; overflow: auto; table-layout: auto; border-collapse: collapse; }
.datatable { border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; background-color: #ffffff; color: #000000; overflow: auto; width: 98%; }
.datatable tr.odd { background-color: #ffffff; color: #000000; }
.datatable tr.even { background-color: #f5f5f5; color: #000000; }
.datatable tr th { background-color: #cc99ff; color: #000000; }
.datatable tr.red th { background-color: #ffcccc; color: #000000; }
.datatable tr.blue th { background-color: #99ccff; color: #000000; }
.datatable tr.green th { background-color: #ccffcc; color: #000000; }
.datatable tr.turquoise th { background-color: #ccffff; color: #000000; }
.datatable tr.mauve th { background-color: #ffccff; color: #000000; }
.datatable th,
.datatable td { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; margin: 0; padding: 0.3em; text-align: left; }

/* course profile */
#courseprofile { width: 98%; }
#courseprofile div.courseprofilecontent { margin: 0; padding: 1em 0 0 0; width: 98%; border: none; }
#courseprofile div.courseprofilecontent h2 { font-size: 1.05em;	margin: 0.8em 0 0.4em 0; padding: 0; }
#courseprofile div.courseprofilecontent h2 a { text-decoration: none; color: #000000; }
#courseprofile div.courseprofilecontent h3 { font-size: 1em; font-weight: bold; }
#courseprofile div.courseprofilecontent p {	margin: 0.6em 0 0 0; padding: 0; }
#courseprofile div.factfile { background-color: #f5f5f5; border-top: 2px solid #663399;	border-bottom: 1px solid #663399; margin: 1em 0 0 0; padding: 10px 10px 10px 10px; }
#courseprofile div.factfile h2 { margin: 0 0 0.5em 0; padding: 0; }
#courseprofile div.factfile label { font-weight: bold; margin: 0; padding: 0; }
#courseprofile div.factfile p { font-size: 0.95em; margin: 0 1em 0.3em 1em; padding: 0; }
#courseprofile table.courseoptions { width: 100%; margin: 0.5em 0 0 0; padding: 0; }
#courseprofile table.fees { margin-top: 0.5em; padding: 0; border: 1px solid #000000; border-collapse: collapse; }
#courseprofile table.fees th, #courseprofile table.fees td { text-align: left; vertical-align: middle; border: 1px solid #000000; padding: 5px; }

/* funding source profile */
#fundingsourceprofile { width: 98%;	}
#fundingsourceprofile div.fundingsourceprofilecontent {	margin: 0; padding: 1em 0 0 0; width: 98%; border: none; }
#fundingsourceprofile div.fundingsourceprofilecontent h2 { font-size: 1.05em; margin: 0.8em 0 0.4em 0; padding: 0; }
#fundingsourceprofile div.fundingsourceprofilecontent h3 { font-size: 1em; font-weight: bold; }
#fundingsourceprofile div.fundingsourceprofilecontent p { margin: 0.5em 0 0.8em 0; padding: 0; }
#fundingsourceprofile div.fundingsourceprofilecontent ul.contacts li { margin-bottom: 10px; }
#fundingsourceprofile div.factfile { background-color: #f5f5f5; border-top: 2px solid #663399; border-bottom: 1px solid #663399; margin: 1em 0 0 0; padding: 10px 10px 10px 10px; }
#fundingsourceprofile div.factfile h2 { margin: 0 0 0.5em 0; padding: 0; }
#fundingsourceprofile div.factfile label { font-weight: bold; margin: 0; padding: 0; }
#fundingsourceprofile div.factfile p { font-size: 0.95em; margin: 0 1em 0.3em 1em; padding: 0; }
#fundingsourceprofile table.courseoptions { width: 100%; margin: 0.5em 0 0 0; padding: 0; }

/* country profile */
div.countryflags h2 { display: none; }
div.countryFlag { display: block; position: relative; float: left; margin: 0.6em 1em 0.5em 0; padding: 0; width: 132px; text-align: center; }
#countryprofile div.tab { margin: 0px 0px 10px 0px; padding: 0; position: relative;	width: 100%; }
#countryprofile div.tab ul { border-bottom: solid 3px #663399; float: left; margin: 0; padding: 0; list-style: none; width: 100%; height: auto; }
#countryprofile div.tab ul li { word-wrap: normal; }

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#countryprofile div.tab ul li a, #countryprofile div.tab ul li span { float: none; }
 /* End IE5-Mac hack */

#countryprofile .countryprofilecontent h2 { font-size: 1.2em; }
#countryprofile .countryprofilecontent h4 { font-size: 1.0em; font-style: italic; margin: 0.4em 0 0 0; }

/* accommodation profile */
#accommprofile { font-size: 1em; width: auto; }
#accommprofile h2, #accommprofile h3 { margin: 0.4em 0 0 0;	padding: 0;	}
#accommprofile p { margin: 0; padding: 0.5em 0 0.3em 0; }
#accommprofile ul { margin: 0 0.5em 0.3em 1.5em; padding: 0; }
#accommprofile .accommprofile-section, #accommprofile .accommprofile-factfile { margin: 1em 0 0 0; padding: 0; }
#accommprofile .accommprofile-images { margin: 1em 0 0 0; padding: 0; }
#accommprofile .accommprofile-images ul { margin-left: 0; padding-left: 0; margin-top: 1.5em; }
#accommprofile .accommprofile-images ul li { display: inline; }
#accommprofile .accommprofile-images ul li img { margin: 0 1.6em 0.8em 1.5em; }
#accommprofile .header { background: url('http://www.manchester.ac.uk/medialibrary/images/corporate/corner_F5F5F5_FFFFFF_right.gif') no-repeat right top; margin: 0; padding: 0; }
#accommprofile .header h2 { font-size: 1em; 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.5em; }
#accommprofile .body { margin: 0; padding: 0.5em 1.5em 2em 1.5em; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; overflow: hidden; }
#accommprofile .footer { margin: 0; padding: 0.5em 0 0 0; clear: right; }
#accommprofile .accommprofile-factfile .header { background: url('http://www.manchester.ac.uk/medialibrary/images/corporate/corner_FFFFFF_FFFFFF_right.gif') no-repeat right top; }
#accommprofile .accommprofile-factfile .header h2 { background: url('http://www.manchester.ac.uk/medialibrary/images/corporate/corner_FFFFFF_FFFFFF_left.gif') no-repeat left top; border-bottom: none; padding-bottom: 0px; }
#accommprofile .accommprofile-factfile .body h2 { margin: 0; padding: 0; }
#accommprofile .accommprofile-factfile .body img { float: left; border: 1px solid black; margin: 0; padding: 0; position: relative; }
#accommprofile .accommprofile-factfile .body .factfiledetails { margin-left: 170px; }
#accommprofile .accommprofile-factfile .body .factfiledetails h2 { margin-bottom: 10px; }
#accommprofile .accommprofile-factfile .nophoto img { display: hidden !important; }
#accommprofile .accommprofile-factfile .nophoto .factfiledetails { margin-left: 0 !important; }

/* results table (for accommodation search results etc) */
#middle-centre table.resultstable {
border: none;
margin: 1em 0 0 0;
padding: 0;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
background-color: #f5f5f5;
overflow: auto;
word-wrap: break-word;
/*table-layout: fixed;*/
break-word: break-all;
width: 98% !important;
font-size: 1em;
clear: right;
}

#middle-centre table.resultstable tr {
vertical-align: top;
}

#middle-centre table.resultstable tr {
background-color: #ffffff;
}

#middle-centre table.resultstable tr.even {
background-color: #f5f5f5;
}

#middle-centre table.resultstable th {
background-color: #99ccff;
}

#middle-centre table.resultstable th, #middle-centre table.resultstable td {
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
margin: 0;
padding: 0.5em;
text-align: left;
}

#middle-centre table.resultstable td {
padding: 0.5em;
}

#middle-centre table.resultstable td ul {
margin: 0 0 1em 0;
padding: 0;
}

#middle-centre table.resultstable td ul li {
margin: 0 0 0 1.5em;
}

#middle-centre table.staffnet th {
background-color: #ccffff;
}

.pagenumber {
float: left;
}

.prevnextlinks {
float: right;
}

.newsearch {
clear: right;
}

div.recruitmentphotogallery {
border: 1px solid #cccccc;
height: auto;
max-width: 500px;
padding: 20px 20px 7px 20px;
margin: 0px 0px 0px 0px;
text-align: center;
clear: both;
}

div.recruitmentphotogallery img {
margin: 0px 20px 10px 20px;
width: 170px;
height: 113px;
}

/* image library - www.campus.manchester.ac.uk/staffnet/images/ */
#imageLibraryIndex {
width: 95%;
}

div.imageLibraryIndexItem {
display: block;
position: relative;
float: left;
margin: 0em 0em 0em 0;
margin: 0.6em 1em 0.5em 0;
padding: 0em 0em 0em 0em;
width: 120px;
height: 110px;
text-align: center;
}

div.imageLibraryIndexItem p {
text-align: center;
font-size: 1.0em;
}

#imageLibrary {
width: 450px;
/*border: 1px solid #00ff00;*/
}

#imageLibrary ul {
margin-left: 0px;
padding-left: 0px;
/*height: 180px;*/
}

#imageLibrary li {
list-style-type: none;
display: block;
position: relative;
/*float: left;*/
margin: 0.6em 1em 0.5em 0;
padding: 0;
width: 75px;
}

/* Hide from IE-Mac \*/ 
#imageLibrary li {float: left;} 
/* End hide */

#imageRequestHeader {
clear: right;
float: left;
}
/* image library CSS end */

/* RAE 2008 results tables */

#rae_results thead tr th a { text-decoration: none; color: #000000; }
#rae_results tbody tr:hover { background-color: #ffcccc; }
#rae_results tbody tr td a { color: #000099; }
#rae_results tbody tr td a:hover { color: #000099; }
#rae_results tbody tr td a:visited { color: #000099; }

#rae_units thead tr th a { text-decoration: none; color: #000000; }
#rae_units tbody tr:hover td { background-color: #ffcccc; }
#rae_units tbody tr.even th, #rae_units tbody tr.odd th { background-color: #ffffff; font-weight: normal; }

.submissions { display: none; }
#tooltip { position: absolute; z-index: 3000; border: 1px solid #000000; background-color: #ffffcc; padding: 0.5em 0.5em 0.5em 0.5em; width: 400px; }
#tooltip h3 { padding: 0 0 0 0; margin: 0 0 0 0; font-size: 1em; display: block; }
#tooltip ul { margin-top: 0; padding-top: 0; margin-bottom: 0; }