/* Sources:  rgb.src aa.src jane.src panels.src main.src sidebar.src tabs.src  */

/* Keep this in sync with the header in templates/*.html */

/*

=====================================

jane playing

=====================================

*/

/* panels have moved to panels.src */

/* See also mobile.src */

div#profilesand { position:relative; top:0; left:0; background-color:#EEEEFF; padding:20px; margin-top:10px; margin-bottom:20px; border: solid #006699 1px }

div#profilesand p {  font-size:0.9em; font-style: italic; line-height:1.5em; color:#523b02; padding:0; margin:0; padding-bottom:10px; }

div#profilesand .left { padding-right:5px; }

div#profilesand .right { padding-left:5px; }

div#profilesand .mug { position:relative; top:0; right:0; float:right; padding:0 0 10px 20px; }

.footnote_white {

	float: right; clear: both;

	font-style: italic;

	font-size: x-small;

	color: #FFFFFF

}

.footnote {

	font-size: x-small;

}

.borderbox {

	border: 1px solid #CCCCCC;

/*	cellpadding: 5px; bad property ! */

}

.borderbottom { border-bottom: 1px solid #CCCCCC;  }

.borderbottomshade { border-bottom: 1px solid #CCCCCC; background-color:white; }

.borderbottomright { border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }

.borderright { border-right: 1px solid #CCCCCC; }

/* .tableshade {white;}   JMR commented this out */

.heading_white.link {

/*	align: right;*/

	font-size: x-small;

	color: #FFFFFF;

}

h3.table {

	font-size: 110%;

	margin-top: 0px;

	margin-bottom: 5px;

	font-family: Verdana, arial, Helvetica, sans-serif; 

	font-weight: normal;;

	color: #005a9c;

	padding-top: 0ex;

	padding-bottom: 0ex;

}

h3.link {

	font-size: 90%;

	margin-top: 0px;

	margin-bottom: 5px;

	font-family: Verdana, arial, Helvetica, sans-serif; 

	font-style: italic;;

	color: #005a9c;

	padding-top: 0ex;

	padding-bottom: 0ex;

	float:right;

}

/*---------------

Research page

---------------*/

div#container { 

	position:relative; top:0; left:0; /* NOMOBILE */

	margin:0; padding:0; 

}

div#container .group { 

	position:relative; top:0; left:0; /* NOMOBILE */ 

	margin:0; padding:0; 

	width:600px; /* NOMOBILE */ 

	margin-bottom:10px; padding:10px; background-color:#eeeeff; 

}

div#container .groupimage { 

	position:relative; top:0; left:0; /* NOMOBILE */ 

	margin:0; padding:0; padding:0; float:left; 

}

div#container .textbox { 

	position:relative; top:0; left:0; /* NOMOBILE */

	margin:0; padding:0; 

	margin-left:160px;  /* NOMOBILE */

}

div#container h2 { 

	margin-top: 0; 

}

/*---------------------

People and Pubs link

---------------------*/

.group ul { margin:0; padding:0; list-style:none; width:100px; font-size:0.7em; line-height:1.8em; float:left;}

.group ul li { margin:0; padding:0; display:block; list-style:none; width:100px; background-color:#006699; }

.group ul li a:link, div#group ul li a:visited  { text-decoration:none; display:block; color:#FFFFFF; margin-bottom:2px; padding-left:0px; padding-right:0px; width:100px;  font-weight:bold;}

.group ul li a:hover, div#group ul li a:active { text-decoration:none; color:#000000; }

/*

==========================================================================

	panels.src: everything to do with panels !

==========================================================================

*/

.panel  { 

	float: right; clear: both;

	width: 200px; 

	margin:0px 10px 20px 20px;

	background-repeat: no-repeat;

	background-color: #eeeeff;

	padding-right:0px;

	}

.panel p, .leftpanel p {

	color: #000066;

	text-align: center;

	font-style: italic;

	margin: 0px;

	padding: 2px;

	padding-bottom: 8px;

}

.panel a, .leftpanel a {

	color: #000066;

	text-align: center;

	margin: 0px;

}

div .panel img, div.panel a img {

	border: 0;

}

/*

==========================================================================

	Panel headers, adapted from Uni site

==========================================================================

*/

.panel h3 a { 

	color:#ffffff; 

	font-weight:bold ! important;

}

.panel h3 a:link, .panel h3 a:visited { 

	text-decoration:none; color:#ffffff; 

}

.panel h3 a:hover, .panel h3 a:active { 

	text-decoration:underline; 

	color:#ffffff; 

}

/*

===========================================

  News Panels

===========================================

*/

.news div * a:hover  {

	background-color: transparent;

	text-decoration: underline;

}

/* === Default (research) === */

.news div h3, .news div h3 a  {

	font-family: Arial, Helvetica, sans-serif; 	display: block; 	font-size: 1em; 	margin:0; 	padding: 3px; 	font-weight: bold ! important; 	border-bottom: solid white 0px; 	font-style: normal; 	color: #eeeeff;;

	color: #e0e0e0; 

	background-color: #005dab;

}

/* === Jobs & admissions === */

.news div.admissions h3, .news div.admissions h3 a, 

.news div.jobs h3, .news div.jobs h3 a {

        color:#e0e0e0;

        background-color: #2e8b57;

        background-color: #006400;

}

/* === in memoriam === */

.news div.memoriam h3, .news div.memoriam h3 a {

        color: white;

        background-color: black;

	margin-top: 10px;

}

.news div.memoriam {

	margin-top: 10px;

	border-top: solid black 1px;

	margin-bottom: 10px;

	border-bottom: solid black 1px;

	background-color: white;

}

.news div.memoriam p {

	margin-bottom: 10px;

}

/* === Colloquia, etc. === */

.news div.colloquium, .news div.colloquium h3, .news div.colloquium h3 a {

	color: #fff8dc ! important;

	background-color: #8b0000;

}

/* === Common to all panels === */

.news div p, .news div ul, .news div {

	color: #000066; 	text-align: center; 	font-style: italic; 	margin: 0px; 	padding: 2px; 	font-weight: normal; 	padding-bottom: 8px;

	color: #333333; 

	background-color:#e0e0e0; 

}

td.news div p, td.news div ul {

	padding-bottom: 12px;

}

table tr td.news div {

	margin-top: 0;

	margin-bottom: 0;

}

td div.nofloat {

	float: none;

}

/*

  ========================================================================

        General SETUP

  ========================================================================

*/

BODY {

        margin: 0;

        padding: 0;

        font-family: arial, Helvetica, sans-serif;	font-weight: normal;;

        font-size: small;

	/*line-height:1.2em;*/

	margin-right: 5px;

	margin-left: 5px;

}

BODY .pexcontent i {

        font-family: arial, Helvetica, sans-serif;	font-style: italic;;

}

BODY strong {

        font-family: arial, Helvetica, sans-serif;	font-weight: bold;;

}

/*

  ========================================================================

    From globals.css

  ========================================================================

*/

div#x_wrapper { 

	position:relative; 

	top:0; left:0; 

	max-width: 880px; 

	/* sets max-width for IE */

	 width: expression( document.body.clientWidth > 885 ? "880px" : "auto" );

	margin:0; padding:0; 

	margin-left:auto; margin-right:auto; 

	margin-top: 8px; /* NOMOBILE */

}

div#supernav, div#x_wrapper  div#search { 

	text-align: right;

	margin:0; padding:0; 

	white-space: nowrap;

}

div#supernav a { color:#666666; margin:0; padding:0; }

div#supernav a:link, div#supernav a:visited { text-decoration:none; }

div#supernav a:hover, div#supernav a:active { text-decoration:underline; }

div#supernav p { font-size:0.6em; line-height:1.4em; }

div#x_wrapper  .search { font-size:0.7em; border:1px solid #666666; padding:1px 2px 1px 2px; }

.button { background-color:#666666; border:none; color:#ffffff; font-size:0.7em; font-weight:bold; padding:2px 1px 1px 1px; margin:0; }

.mainnav { 

	padding:0 !important;

        padding-left: 20px  !important;

	/*width: 100%;*/

	margin:0;

	padding:0 !important; 

	font-size:0.9em !important; 

	font-weight:bold; 

	margin-top: 8px;

	margin-bottom: 12px;

}

.mainnav td { 

	margin:0 !important;

	margin-right: 8px !important; 

	background-color:#666666; 

	border-left: solid white 6px;

	padding: 0px 8px 1px 8px; 

	text-align: center;

}

.mainnav td a, .mainnav td a:link, .mainnav td a:visited {

        text-decoration:none; 

	padding: 0px; 

	color:#ffffff; 

	background-color:#666666; 

	white-space: nowrap; 

	margin:0px !important; 

}

.mainnav td:first-child { 

	border-left: solid white 0px;

}

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

td {

	vertical-align: top;

}

h1, h2, h3, h4, h5,

dl.dlh1 dt, dl.dlh2 dt, dl.dlh3 dt, dl.dlh4 dt, dl.dlh5 dt, 

.h1, .h2, .h3, .h4, .h5, p.byline, .h {

	color: #005dab;

}

.h {

	font-weight: bold;

}

table#x_header td#x_logo {

	width: 220px; /* NOMOBILE */

	min-width: 220px; /* NOMOBILE */

	max-width: 220px; /* NOMOBILE */

}

div#x_wrapper  table#x_header td#x_logo {

	border: solid blue 0px;

}

div#x_wrapper  table#x_header td#x_department {

        padding-left: 20px;

}

div#x_wrapper  table#x_header h2.phy-groupname,

div#x_wrapper  table#x_header a.top2,

div#x_wrapper  table#x_header a.verytop0,

div#x_wrapper  table#x_header a.verytop10,

div#x_wrapper  table#x_header a.verytop,

div#x_wrapper  table#x_header a.verytop1 {

	display: block;

	margin: 0px;

	padding: 0px;

	margin-left: 0;

	font-size: 26px;

	text-decoration: none;

        font-family: arial, Helvetica, sans-serif;	font-weight: normal;;

	color: #005dab;

}

div#x_wrapper  table#x_header a.verytop {

        padding-top: 12px;

}

div#x_wrapper  table#x_header a.verytop1 {

	font-size: 22px;

}

div#x_wrapper  table#x_header a.verytop10 {

	display: none;

        font-size: 12px;

}

/*

 * variations for when there is a group name

 */

div#x_wrapper  table#x_header a.verytop11110 {

	display: none;

}

/*

 * h1.subheader is for the similar job to groupname

 * but inside the docment 

 */

h1.subheader {

        color: #660000;

        font-size: 20px;

}

div#x_wrapper  table#x_header h2.phy-groupname {

        color: #660000;

        font-size: 18px;

}

/* End of group name stuff */

div#x_wrapper  div#search form input.search {

	text-align: center;

}

h1, .h1 {

	font-size: 26px;

}

/*

    ======================================================================

        H1, H2, H3 etc

    ======================================================================

*/

h1, h2, h3, h4, h5,

h1 *, h2 *, h3 *, h4 *, h5 *,

.h1 *, .h2 *, .h3 *, .h4 *, .h5 *

.h1, .h2, .h3, .h4, .h5 {

        font-family: arial, Helvetica, sans-serif;	font-weight: normal;;

        color: #005dab;

        padding-top: 0ex;

        padding-bottom: 0ex;

}

h1, .h1 {

        text-align: left;

        margin-top: 15px;

        margin-bottom: 10px;

        font-size: 200%;

}

h1 + table tr:first-child td:first-child h1:first-child,  

h1 + h1 {

	margin-top: 0px;

}

h1.withbyline {

	margin-bottom: 0px;

}

.phy-realcontent > h1:first-child {

        margin-top: 0px;

}

/* 

 * For mobiles we basically reduce the appearance of h1 to h2 

 * on full-size, and so on 

*/

h2, .h2, dl.dlh2 dt	/* NOMOBILE */ 

{

        text-align: left;

        margin-top: 15px;

        margin-bottom: 10px;

        font-size: 170%;

}

h3, .h3, dl.dlh3 dt 	/* NOMOBILE */ 

{

        font-size: 140%;

        margin-top: 15px;

        margin-bottom: 5px;

}

h3 + h4 	/* NOMOBILE */

{

	position: relative;

	top: 6px;

	margin-bottom: 0px;

}

h4,  .h4, dl.dlh4 dt 			/* NOMOBILE */

{

        font-size: 120%;

        margin-bottom: 0px;

        margin-top: 10px;

}

h5 			/* NOMOBILE */

{

        font-family: arial, Helvetica, sans-serif;	font-style: italic;;

}

h5, dl.dlh5 dt {

         display: block;

       margin-top: 1.2ex;

        margin-bottom: -0.2px;

        font-size: 100%;

}

h2 + img.rightfloat + p, h3 + img.rightfloat + p,h2 + p, 

h4 + img.rightfloat + p,

h5 + img.rightfloat + p, .h4 + p,  h5 + p, .h5 + p 

h4 + p, .h4 + p,  h5 + p, .h5 + p {

        margin-top: 0ex ! important;

        padding-top: 0ex ! important;

}

h1 + h2, h2 + h3, h3 + h4, h4 + h5 {

	padding-top: 0;

	margin-top: 0;

} 

td > .leftfloat + h3 {

	padding-top: 0px;

	margin-top: 9px;

}

/* 

 * Main background image

 */

/* The mobile ones get repeated in maybemobile below */

#mainpic {

        background-image: url(/images/panel.jpg); /* NOMOBILE */

        background-repeat: no-repeat;

        padding: 20px 0px 10px 0px; /* NOMOBILE */

        padding-top: 150px ! important; /* NOMOBILE */

	position: relative;

}

/* From Jane

ul, ol {

        margin: 0.5em 0;

} 

*/

li, dd {

        margin-left:0em;

}

ul, ol {

	margin: 0px;

	padding: 0px;

	padding-left: 2em;

	list-style-position: outside;

	margin-top: 1ex;

	margin-bottom: 1ex;

}

li > ul, li > ol {

	margin-top: 0.2ex;

	margin-bottom: 0.2ex;

}

li + li {

	margin-top: 0.5ex;

}

dd + dt {

	margin-top: 1ex;

}

dd {

	padding-left: 2em;

}

/* Nested lists */

li li + li {

	margin-top: 0.2ex;

}

/*

    ======================================================================

        BORDERS and HOVER

    ======================================================================

*/

#pexsidebar a, a {

	text-decoration: none;

}

A img, img.nav {

        border: solid white 1px;

}

A:hover img {

        border: solid blue 1px;

}

A img.logo, A:hover img.logo {

        border: 0px;

}

A:hover img.logo {

        border: solid white 0px;

        background-color:  #DDEEFF;

}

A:hover.h3, A:hover.h3 *,

A:hover.h4, A:hover.h4 * {

        background-color: #ffff99;

}

/*

    ======================================================================

        CRUMBS

    ======================================================================

*/

div.e-topcrumbs {

	margin-top: 0px;

	margin-bottom: 0px;

}

.e-crumbs a:hover, #pexsidebar a:hover, #pexsidebar div.bottombox a:hover {

        background-color: #ffff00;

        color: blue;

}

/*

    ======================================================================

        MAIN TEXT

    ======================================================================

*/

/* 

 * .maybe is for metaform and bd_disc

 * .invertmaybe exists to invert the logic of .maybe

 * Everything inside .invertmaybe MUST be inside another div.

 */	

.displaynone, .maybe, .maybe0, .print, div.invertmaybe > div,

.always > .maybe > .maybe, .always > .maybe0  > .maybe0, 

.always > div.displaynone > .maybe, .always > div.displaynone > .maybe0  

{

	display: none ! important;

}

div.invertmaybe > div.maybe, div.invertmaybe > div.maybe0,

.always > .maybe, .always > .maybe0,  

.always > div > .maybe, .always > div > .maybe0  

{

	display: block ! important;

}

.phy-realcontent {

        padding: 0px;	

        margin-top: 0px;

        margin-right: 0px;

}

.phy-content {

/*	max-width: 640px;*/

        margin-right: 0px;

        padding-right: 0px;

	padding-left: 20px;

}

table.phy-toptable {

	max-width: 880px;

}

.debug {

	border: solid red 1px !important;

}

.rightfloat {

        padding-right: 0px ! important;

        margin-right: 0px ! important;

        float: right; clear: both;

        margin-left: 12px;

        margin-bottom: 12px;

        margin-top: 12px;

}

.leftfloat {

        float: left;

        padding-left: 0;

        margin-right: 12px;

        margin-bottom: 6px;

        margin-top: 12px;

	clear: both;

}

h2 + .rightfloat, h2 + .leftfloat, h2 + .lefttoright,

h2 + a .rightfloat, h2 + a .leftfloat, h2 + a .lefttoright,

h3 + .rightfloat, h3 + .leftfloat, h3 + .lefttoright,

h4 + .rightfloat, h4 + .leftfloat, h4 + .lefttoright {

	margin-top: 0 ! important;

	padding-top: 0 ! important;

}

.totop, .totop * {

	margin-top: 0 ! important;

	padding-top: 0 ! important;	

}

.lefttoright {

        float: left;

        padding-left: 0;

	margin-right: 6px;

}

.lefttoright + * {

	clear: both;

}

.lefttoright + .lefttoright {

	clear: none;

}

.caption {

	text-align: center;

	font-style: italic;

}

table.dated tr td {

        padding-left: 1em;

        padding-right: 0em;

        padding-bottom: 2ex;

        vertical-align: top;

        text-align: left;

}

table.dated tr td:first-child {

        padding-left: 0em;

        text-align: right;

        white-space: nowrap;

}

/*

 * The way this works is that the background color of the

 * div.toc is set to TOCHEADCOL and then the background of 

 * the list is set to TOCCOL. Thus the visual effect is that

 * the header is TOCHEADCOL and the content TOCCOL.

 */

.toc, .seealso {

	float: right; clear: both;

}

.toc + .seealso,.seealso + .seealso, 

 .toc + h1 + .seealso, .toc + h1 + h1 + .seealso {

	margin-top: 12px;

	clear: both;

}

.toc, .seealso, .seealso2, p.box1, div.box1 {

        font-size: small;

        padding: 0.75em;

	padding-top: 0px;

	padding: 0;

}

.toc, .seealso, .seealso2 {

       margin-left: 1em;

        margin-right: 1em;

	background-color:  #84acdd;

	padding: 0;

}

.seealso, .seealso2 {

   	border: solid 1px ;

	border: solid #336699 1px;

}

.toc, .seealso, .seealso2, .phy-toch2 {

        max-width: 200px ! important;

        width: 200px ! important;

}

.phy-toch2 {

	text-align: center;

}

.toc {

	border-radius: 6px;	-webkit-border-radius: 6px;	-moz-border-radius: 6px;;

       border: solid 1px #aaaaaa;

	background-color: #005dab;

}

.seealso2 + .seealso2 {

	margin-top: 15px;

}

div.box1 {

        background-color: #e0f0ff;

	margin: 20px;

	margin-left: 0px;

}

div.seealso h2, div.seealso h3,  div.seealso h3 a, 

div.seealso2 h2, div.seealso2 h3, 

div.toc h2, div.toc h3 {

	display: block;

	text-align: center;

	color: white;

	font-size: 120%;

	font-weight: bold;

	margin: 6px;

}

.note, .warning {

        background-color: #ffff99;

}

p.warning, div.warning {

        border: solid #990000 1px;

}

*.warning, *.code, *.note {

        padding: 5px;

        margin: 10px;

	margin-left: 0;

}

table.standard tr td pre.code {

	margin: 0;

}

*.code, .example {

        border: solid blue 0px;

        background-color: #e0f0ff;

}	

*.code {

	white-space: pre-wrap;

}

div.archive {

	max-width: 80%;;

	padding: 5px;

        border: solid #0000cc 1px;

	background-color: #ffff66;

}

div.note {

	/* display: list-item;

	list-style-type: disc;

	list-style-position: inside; */

	display: block;

        padding: 5px;

        padding-left: 10px;

	margin-bottom: 10px;

}

/* For use with class='note noblob' */

div.noblob {

	display: block;

}

div.note a:link, div.warning a:link {

	text-decoration: underline;

}

.seealso dl, .seealso dl dt, .seealso li,

.seealso p, .toc dl, .toc dl dt, .toc li {

        margin: 0px;

        padding: 0px;

        margin-left: 2em;

}

.seealso ul, .toc ul {

        padding: 0em;

        margin: 0em;

	list-style-position: outside;

	color: #000066;

}

.seealso ul, .seealso p, .toc ul {

	padding: 0.75em;

}

div.seealso p {

	padding-left: 6px;

}

div.seealso > p, div.seealso > p {

	margin-top: 0;

	padding: 6px;

}

.toc ul {

	background-color: #e0f0ff;

}

.seealso h3 + ul, .seealso h3 + p {

	border-top: solid #336699 1px;

}

.seealso ul, .seealso p {

	background-color: #e0f0ff;

}

div.toc h2 + ul, div.toc h3 + ul {

	border-top: solid 1px #aaaaaa;

}

.seealso dd, .toc dd {

        margin-left: 2em;

}

td.phy-tdtoc  {

        border-left: solid 0px #aaaaaa;

}

div.e-panel img {

	padding-top: 3px;

	margin-top: 0;

}

/*

    ======================================================================

        RIGHT-HAND, LATEST NEWS COLUMN

        There's an experimental version in latest.src

    ======================================================================

*/

table.layout td.latest {

        width: 220px; /* NOMOBILE */

        max-width: 220px; /* NOMOBILE */

        border-left: solid white 20px; /* NOMOBILE */

}

table.layout2 td.news {

        width: 200px; /* NOMOBILE */

        max-width: 200px; /* NOMOBILE */

        margin-left: solid white 20px; /* NOMOBILE */

	margin-top: 0;

	padding: 0;

	border: solid white 0px;

}

table tr td.news div, table tr td.news div * {

	border-width: 0px;

	margin: 0;

}

table tr td.news div span.title {

	font-weight: bold;

	font-style: normal;

}

table tr td.news div {

	padding: 0;

}

 .latest div {

        padding: 10px;

        padding-top: 0px;

}

 .latest {

        padding: 10px;

        padding-left: 2px;

        padding-right: 2px;

        background-color:  #f0f0e8;

        color: #000;

        margin-top: 0px;

}

.latest div {

        padding-top: 10px;

        border-top: solid #CCC 1px;

}

.layout2 .latest div {

        padding: 0px;

        padding-top: 2px;

}

.layout2 .latest p, .layout2 .latest h2, .layout2 .latest h3  {

	padding-left: 8px;

	padding-left: 8px;

}

.latest div:first-child, .latest h2:first-child + div, 

.latest > h2 + div {

        padding-top: 0px;

        border-top: solid #f0f0e8 1px;

}

.latest div.search {

        border-top: solid #CCC 0px;

}

.latest a {

        color: #0000FF;

        text-decoration: none;

}

.phy-realcontent .latest a:hover {

        text-decoration: underline;

        background-color:  #f0f0e8;

}

.latest h2, .latest h3 {

        background-color: #f0f0e8;

        margin-top: 0px;

        margin-bottom: 1px;

        font-size: 120%;

}

.latest h4 {

        background-color: #f0f0e8;

        font-size: 100% ! important;

        font-weight: normal;

}

table tr td.latest p, table tr td.rightcolumn p {

	padding: 0;

	margin: 0;

}

/* ================= END LATEST =================== */

hr#phy-bottom {

	margin-top: 2pt;

	margin-bottom: 2px;

}

hr#xphy-bottom2, hr#phy-bottom2 {

	margin-top: 6px;

}

.phy-realcontent p, .indented {

	padding: 0px;

	margin: 0px;

	margin-top: 8pt;

}

#phy-bottom2:first-child {

	display: none;

}

.phy-realcontent a:hover {

	background-color: #ffff66;

}

a img.addit:hover, a img.addit:active {

	border: solid white 1px;;

}

/* Coloured tables, mainly autogenerated */

table.colored, table.coloured  {

	border-right: solid 1px #cccccc;

	border-top: solid 1px #cccccc;

}

table.colored tr td, table.coloured tr td,

table.colored tr th, table.coloured tr th {

	padding: 5px;

	border-bottom: solid 1px #cccccc;

	border-left: solid 1px #cccccc;

}

table.colored tr th, table.coloured tr th {

        background-color: white;

}

table.colored tr.even td, table.coloured tr.even td {

        background-color: #ddddff;

}

table.colored tr.odd td, table.coloured tr.odd td {

        background-color: #ddffdd;

}

table.standard th, table.standard td.th {

	background-color: #ddeeff;

	background-color: #b0e2ff;

	border-top: 1px solid white;

	border-left: 1px solid white;

	color: #330033;

}

table.standard th, table.standard td {

	margin: 0px ! important;

	border-bottom: 1px solid #8099aa;

	border-right: 1px solid #8099aa;

	padding: 4px;

	-webkit-word-wrap: break-word;

	word-wrap: break-word;

}

table.standard {

	border-top: 1px solid #8099aa;

	border-left: 1px solid #8099aa;

	margin-top: 10px;

	padding: 0px;

}

table.wide {

	width: 90%; /* NOMOBILE */

}

p.byline {

	font-style: italic;

        margin-top: 0px;

        margin-bottom: 10px;

}

div.prebody {

	display: block;

	text-align: center;

	background-color: #ffff99 ! important;

	padding: 5px;

	border-bottom: solid #990000 1px;

}

.totop {

	float: right;

}

button, a.mybutton {

	font-size: 100%;

	color: #444444;

}

button, .mybutton {

	margin: 6px;

	border: solid #666666  1px;

 	background-color:  #e0e0e0;

	padding: 2px 4px 2px 4px;

	border-radius: 6px;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px; 

	-box-shadow: 4px 4px 2px #888;

	-moz-box-shadow: 4px 4px 2px #888;

	-webkit-box-shadow: 4px 4px 2px #888;

	-webkit-appearance: button-bevel;

}

button, input.mybutton {

	color: black;

	xfont-weight: bold;

}

button:hover, input.mybutton:hover {

        background-color: #ffff99;

}

a.pdf {

	background-image: url(http://newton.ex.ac.uk/furniture/acrobat.gif);

	background-repeat: no-repeat;

	background-position: center left;

	padding-left: 16px;

}

a.external {

	background-image: url(http://newton.ex.ac.uk/furniture/external.gif);

	background-repeat: no-repeat;

	background-position: center right;

	padding-right: 12px;

}

.toup {

	border: solid black 1px;

	background-color: white;

	padding: 0px 4px 0px 4px;

}

div.main {

	position: absolute;

	right: -210px;

}

div.latest {

	position: relative;

	right: 0px;

	width: 200px;

}

a.js, table tr td#pexsidebar a.js {

	border-top: solid white 0px;

	display: none; 

}

/*

 * Mobile stuff

 */

.mobile, .js {

	display: none; /* NOMOBILE */

}

.maybemobile, .narrowmobile {

	display: none;

}

/*

  ========================================================================

    Auto-generated indices

  ========================================================================

 */

table.phy-autoindex {

	clear: both;

}

table.phy-autoindex td + td {

	padding-left: 20px;

}

/*

  ========================================================================

    Charles' date system

  ========================================================================

 */

.oldDate {

	display: none ! important;

}

/*

  ========================================================================

    Lecture notes, etc/

  ========================================================================

 */

.aside, p.aside {

	float: right;

	text-align: center;

	max-width: 200px;

	padding: 5px;

	margin: 12px;

	margin-right: 2px;

	margin-top: 0px;

	border: solid #999999 1px;

	background: #f0f0ff;

}

.aside + .aside {

	margin-top: 12px;

}

div.question {

	margin-top: 6px;

	padding-left: 2em ! important;

	border: solid brown 0px;

}

div.question > span:first-child {

	display: none;

	font-size: 250%;

	color: green;

	font-weight: bold;

	float: left;

	position: relative;

	left: -0.5em;

	height: 100%;

	vertical-align: middle;

}

div.indented, p.indented, pre.indented{

	padding-left: 2em;

}

table.indented {

	margin-left: 2em;

}

div.withrightmargin  {

	margin-right: 200px;

}

div.withrightmargin .aside {

	float: none;

	position: absolute;

	right: 0;

	max-width: 170px;

}

.strong {

	font-weight: bold;

}

.brown {

	color: #663300;

	font-weight: bold;

}

ul.unindented li, ul.unindented ul, ul.unindented {

  margin-left: 0 ! important;

  padding-left: 0 ! important;

}

.argument {

	font-style: italic;

	color: #662200;

}

div.keypoint, p.keypoint {

	padding: 10px;

	margin-right: 10%;	

	margin-left: 10%;

	margin-top: 2ex;	

	margin-bottom: 2ex;	

	border: solid red 2px;

	text-align: center;

	background-color: #ffff99;

}

div.keypoint h1, p.keypoint h1,

div.keypoint h2, p.keypoint h2 {

	margin-top: 0px;

	text-align: center;

}

table.centred td {

	text-align: center;

}

div.nomargin {

	margin-top: 0px;

	margin-bottom: 0px;

        font-family: arial, Helvetica, sans-serif;	font-weight: normal;;

}

pre.code + div.aside + pre.code {

	margin-top: 0px;

	padding-top: 0px;

	border-top: solid white 0px;

}

pre.code + div.aside {

	margin-top: 0px;

	padding-top: 0px;

}

pre.nobottom {

	padding-bottom: 0px;

	margin-bottom: 0px;

	border-bottom: solid white 0px;

}

.centre, .center, .centred, .centered {

	text-align: center;

}

.tribute {

	max-width: 60%;

	margin-bottom: 20px;

}

/*

=====================================

DIFFs

=====================================

*/

.olddiff {

	background-color: #f96;

}

.newdiff {

	background-color: #6f9;

}

/*

=====================================

Nathan's bd server

=====================================

*/

div.bdform, div.bdstatus  {

	border-radius: 6px;	-webkit-border-radius: 6px;	-moz-border-radius: 6px;	

	border: solid #6699cc 1px; 

	padding: 4px

	margin: 10px;

}

div.bdform, div.bdform td.grey span.button {

	background-color: #e0e0f0;

}

div.whitebg {

	background-color: white;

	padding: 6px;

}

input.grey {

	background-color: #ddeeff;

}

div.bdform span.button {

	border: solid #6699cc 1px; 

	font-size: small;

	color: #005dab;

	border-radius: 3px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;;

	margin: 0px;

	padding: 2px;

	margin-left: 4px;

	float: right;

	background-color: white;

	color: #666;

}

div.bdform td.grey span.button {

	border: solid #999 1px; 

}

div.bdform span.button:hover {

	background-color: yellow;

}

div.bdform span.button + span.button {

	margin-left: 4px;

}

div.bdstatus {

	float: right;

}

div.bdform select, div.bdform input, div.bdform option,

 input#bdform, submit#bdform {

	border-radius: 3px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;;

}

/*

#005DAB

#005dab

#000066

*/

div.bdform h2, div.bdform h3, div.bdform h4, div.bdform h5, 

div.bdform .h2, div.bdform .h3, div.bdform .h4, div.bdform .h5 {

	margin-top: 0px;

	color: #006699;

} 

div.bdform > h2:first-child, div.bdform > h3:first-child {

	margin-top: 0px;

	margin-top: 0px;

}

div.bdform .grey, div.bdform .grey *,

div.bdform table tr td.grey input {

	color: #999 ! important;

}

div.bdform select {

	margin-bottom: 4px;

}

div.bdform hr {

	color:  #6699cc;

	margin: 10px;

	margin-left: 5px;

	margin-right: 5px;

}

a.biglink, a.link, .link, .biglink  {

	font-weight: bold; 

	color: #990000;

}

ul li a.biglink, .biglink {

        font-size: 170%;

}

ul li a.link, .link {

        font-size: 130%;

}

/* For a bd-form-like 

/* CDHW - These lines appear to be a copy/paste error, they ruin the appearance of otherwise correct pages:

td h3 {

	margin-top: 0;

	padding-top: 0;

}

*/
/* 
 * Side menus 
 */
#pexsidebar .dir {
	display: block;	
	padding: 4px;
	margin: 0px;
}
#pexsidebar {
	font-size: 90%;    /* NOMOBILE */
	font-size: small;       /* NOMOBILE */
 	padding: 0px;
	margin: 0px;
	background-color:  #f0f0e8;
	background-color:  white;
	border-right: solid #cccccc 0px;
}
/*
 * "shortsidebar" is for when we chop the sidebar at a certain point
 * meanig that the rest of the page is full width
 */
#pexsidebar.shortsidebar {
	padding-bottom: 1ex;
	border-bottom: solid #cccccc 1px;
}
#pexsidebar.shortsidebar, #pexsidebar.shortsidebar *
#pexsidebar.shortsidebar * * , #pexsidebar.shortsidebar * * * 
{
	background-color:  #f0f0e8;
}
/* For the mobile navigation, just above the sidebar */
.x-inthis {
	font-size: 140%;
	padding-left: 6px;
}
#pexsidebar div {
	background-color:  white;
}
#pexsidebar, #pexsidebar > div.dir {
	margin: 0px;
 	padding: 0px;
	vertical-align: top;
}
#pexsidebar div.dir, td.latest {
	width: 220px; /* NOMOBILE */
	min-width: 220px; /* NOMOBILE */
	max-width: 220px; /* NOMOBILE */
}
#pexsidebar a, #pexsidebar .urhere {
	padding-left: 15px;
	border-top: solid #cccccc 1px;
}
/* Only possible if there is no title */
#pexsidebar > div.dir:first-child > div:first-child {
	border-top: solid #cccccc 1px;
}
#pexsidebar a, #pexsidebar .urhere, #pexsidebar .submenutitle,
        #pexsidebar .urheresubmenutitle {
	padding-bottom: 3px;
	padding-top: 3px;
}
#pexsidebar A:link {
	color: blue;
}
#pexsidebar A, .box A {
        display: block;
}
div.pexnotfound {
        text-align: center;
        font-family: Verdana, arial, Helvetica, sans-serif;
        background-color: #ffff99;
        padding: 5px;
	border-bottom: inset #006699 2px;
}
div.pexnotfound form input {
	background-color: #ffffdd;
}
div.pexnotfound form input, div.pexnotfound span.uri {
	color: #000099;
}
/*
    ======================================================================
	TITLES
    ====================================================================== 
*/
#pexsidebar .subtitle {
	padding-left: 0em;
	text-align: left;
	border-top: solid #cccccc 1px;
	margin-top: 0px;
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif ! important;
	padding-bottom: 3px;
	padding-top: 3px;
	background-color:  #e0e0e0;
}
#pexsidebar .submenu .subtitle {
	background-color:  white;
	background-color:  #f0f0f0;
}
#pexsidebar .sidebarbar {
	border-top: solid #000066 1px;
}
#pexsidebar .title {
	color: #005dab;
	font-weight: bold;
	font-size: 125%;
	background-color: white;
	background-color:  #e0e0e0;
	margin: 0px;
	border-bottom: solid #6699cc 2px;
	border-bottom: solid #000066 0px;
	text-align: left;
	padding-top: 4px; 
	padding-bottom: 4px; 
	padding-left: 15px;
}
#pexsidebar .subtitle {
	color: #005dab;
	padding-left: 15px;
}
#pexsidebar .subtop {
	border-top: solid #cccccc 1px;
	padding-left: 15px;
}
/* Over-ride for first after title */
#pexsidebar .title + div, #pexsidebar .title + div a {
	border-top: solid white 0px;
}
#pexsidebar .title + div.subtitle, #pexsidebar .title + div.subtitle  {
	border-top: solid white 1px;
}
/*
    ======================================================================
	SUBMENUS
    ====================================================================== 
*/
#pexsidebar .submenu {
	border-top: solid #cccccc 1px;
	padding-left: 15px;
	background-color: white;
	margin-left: 0em;
}
#pexsidebar .submenu  .submenu {
	border-top: solid #ccccff 1px;
	margin-left: 1.5em;
	padding-left: 0em;
	background-color: white;
/*	border-left: solid #ccccff 1px;*/
}
#pexsidebar .submenu  .submenu  .submenu {
	background-color: white;
}
#pexsidebar .submenu  .submenu  .submenu  .submenu {
	background-color: white;
}
#pexsidebar .submenu .submenu .submenutitle {
	padding-left: 0.5em;
/*	font-weight: normal; */
}
#pexsidebar .submenu .white {
	font-weight: bold;
	color: black;
}
#pexsidebar .submenu .submenutitle .white {
	display: none;
}
#pexsidebar .submenutitle {
	color: black;
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif ! important;
}
#pexsidebar .white {
	color: white; /* Actually, whatever the background color is */
}
#pexsidebar .submenu a, #pexsidebar .submenu .urhere,
#pexsidebar .submenu .subtitle  {
	border-top: solid #ccccff 1px;
	padding-left: 0.5em;
	margin-left: 1.5em;
}
#pexsidebar .submenu div a.submenutitle,
#pexsidebar .submenu div .submenu a.submenutitle {
	border-top: solid white 0px ! important;
}
#pexsidebar .submenu a.submenutitle {
	margin-left: -1em;
	padding-left: 1em;
}
#pexsidebar .submenu div .submenu a.submenutitle {
	margin-left: -0em;
	padding-left: 0.5em;
}
#pexsidebar .submenu .submenu a, #pexsidebar .submenu .submenu .urhere,
#pexsidebar .submenu .submenu .subtitle  {
	border-top: solid #ccccff 1px;
}
#pexsidebar .submenu .submenu .urhere  {
	border-left: solid #ccccff 1px;
	border-left: solid white 0px;
}
#xpexsidebar .submenu div.submenutitle + div a,
#xpexsidebar .submenu div.submenutitle + .urhere {
	padding-left: 15px;
	margin-left: 15px;
}
#pexsidebar .submenu .submenu div.submenutitle + div a,
#pexsidebar .submenu .submenu div.submenutitle + .urhere {
	padding-left: 0.5em;
	margin-left: 1.5em;
}
#pexsidebar .urhere, #pexsidebar .urheresubmenutitle, #pexsidebar .urherequo {
	color: black;
}
#pexsidebar .urherequo {
	color: #aa0000;
}
#pexsidebar .submenu .urhere  {
	border-right: solid white 1px;
	border-left: solid #ccccff 1px;
	background-color: white;
	border-left: solid white 0px;
}
/*
#pexsidebar .urhere, #pexsidebar .submenu .urhere  {
	position: relative;
}
*/
#pexsidebar .urherequo {
	position: absolute;
	left: 215px;
	left: 0px;
	/*top: 0px;*/
}
#pexsidebar .tohome, #pexsidebar .tohometoc  {
	margin-left: 0em;
	padding-left: 15px;
	padding-right: 15px;
	border-top: solid #000066 1px ! important;
	border-bottom: solid #000066 1px ! important;
	text-align: center;
	font-weight: bold;
}
#pexsidebar .sidebarbar + *, #pexsidebar .sidebarbar + * *,
#pexsidebar div.subtop + *, #pexsidebar div.subtop > *  {
	border-top: solid #000066 0px;
}
#pexsidebar div.subtop > * {
	padding-left: 0px;
}
#pexsidebar div.subtop span {
	color: #005dab;
}
#pexsidebar div.submenu div.submenutitle a#__here,
#pexsidebar  div.submenu div.submenu div.submenutitle a#__here,
#pexsidebar div.submenu div.submenu div.submenu div.submenutitle a#__here,
#pexsidebar div.submenu div.submenu div.submenu div.submenu 
div.submenutitle a#__here {
	border-width: 0px;
	padding: 0px;
	margin: 0px;
}
/*
    ======================================================================
	Safety search box
    ====================================================================== 
*/
#pexsidebar form {
	background-color: #f0f0f0;
}
#pexsidebar form input {
	background-color: #ffffff; 
	margin-top: 10px; 
	margin-bottom: 10px;
	border: solid 1px #005dab;
	padding: 5px;
	color: #660066;
	font-size: small;    /* NOMOBILE */
}
/*
    ======================================================================
	Bottom box for announcements, etc.
    ====================================================================== 
*/
#pexsidebar div.bottombox {
	border-top: solid #ccccff 1px;
}
/* :hover is set in main.src */
#pexsidebar div.bottombox a {
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
	text-align: center;
	border: solid #005dab 1px;
	border: solid #336699 1px;
	text-align: center;
	margin-right: 20px;
	margin-left: 20px;
	background-color:  #f0eee0;
	background-color:  #f0f0e8;
	color: black;
	xfont-weight: bold;
	padding: 6px;
}
/*

  ========================================================================

    These are being replaced by the version below (for iPhone).

  ========================================================================

*/

/*

 * Adapted from Joshua Kaufman

 * http://unraveled.com/projects/html/css_tabs/

 */

div.tabs {

	clear: all;

        text-align: left ;

        margin: 1em 0 1em 0 ;

        font: 13px verdana, arial, sans-serif ;

        border-bottom: 1px solid #6666ff ;

/* THIRD number must change with respect to padding-top (X) below */

        padding: 3px 10px 3px 10px ;

	white-space: nowrap; /* NOMOBILE */

}

div.tabs span {

	white-space: nowrap;

}

div.tabs span {

        margin-left: 8px;

}

div.tabs span {

        border-bottom: 1px solid #6666ff ;

        background-color: #ddeeff ;

        margin-right: 0.5em ;

}

div.tabs span span {

        background-color: #fff ;

        color: #000 ; /* set selected tab link color as desired */

        position: relative ; /* NOMOBILE */

        top: 1px ;

/* Below must change with respect to padding (X) above and below */

        padding: 3px 4px ;

        border: 1px solid #6666ff ; /* NOMOBILE */

        border-bottom: 1px solid white ;

        margin-left: 0px;

        margin-right: 0px;

}

div.tabs span  a {

/* FIRST number must change with respect to padding-top (X) above */

        padding: 3px 4px ;

        border: 1px solid #9999ff ;

        border-bottom: 1px solid #9999ff ;

        background-color: #ddeeff ; /* NOMOBILE */

        margin-right: 0px ;

        text-decoration: none ;

        border-bottom: none ;

}

div.tabs span  a:hover {

        background-color: #ffff99 ;

}

div.tabs > h1:first-child {

	margin-top: 0px;

}

/*

  ========================================================================

    Table-based (yes! table!) tabs which work better with iPhones

    when the tabs are wider than the screen.

  ========================================================================

*/

div.tabsdiv {

	width: 100%;

	margin: 0;

	padding: 0;

	background: url("http://newton.ex.ac.uk/dots/000099.gif") bottom left;

	background-repeat: repeat-x;

}

table.tabs {

	margin-bottom: 0;

	border-collapse: separate;

	border-spacing: 0px;

}

table.tans.tr {

	margin-bottom: 0 ! important;

	padding-bottom: 0 ! important;

}

table.tabs td {

	text-align: center;

	vertical-align: top;

	display: table-cell;

	padding: 0px;

	border: solid blue 1px;

	margin-bottom: 0px ! important;

	white-space: normal ! important;

	background-color: #ddeeff;

}

table.tabs td.here {

	padding: 4px;

	background-color: white;

	border-bottom: solid white 1px;

}

table.tabs td.empty {

	padding: 4px;

	border-width: 0;

	border-bottom-width: 1px;

	xpadding: 0px;

	background-color: white;

}

table.tabs td a {

	display: block;

	padding: 4px;

}

/*
  ========================================================================
    @ rules live in separate files which are not squashed by csstidy
    as it can't handle parentheses
  ========================================================================

  ========================================================================
    This is for mobiles seeing the main site NOT THE MOBILE SITE
    The mobile site is handled in m-at.src
  ========================================================================
 */
@media screen and (max-width: 480px), handheld {
  div#xx_wrapper {
	max-width: 640px;
  }
  .maybemobile {
        display: block;
        text-align: center;
        background-color: #ffff99;
        padding: 5px;
        border-bottom: solid #990000 1px;
        font-size: 200%;
  }
}