/* 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; 


	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; 

}


/*

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

        General SETUP

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

*/

BODY {

        margin: 0;

        padding: 0;

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

        font-size: large;

	/*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; 

	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 + td, tr.continue td {

PADDING-LEFT: 5PX;

}

/* For gap above first letter */

tr.first  td {
	padding-top: 10px; 
}

tr.header + tr.first  td {
	padding-top: 0px; 
}

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, .hh, .hcol {

	color: #005dab;
}

.lighthcol {
}

tr.tophcol, tr.tophcol td {
	border-top: solid #005dab 1px;
}

#time, #termweek, #time2 {
	font-size: 22px;
}

#time {
	margin-top: 9px;
}

 #termweek {
	margin-bottom: 9px;
}



 .hcol hr, td.h hr {
	color: #005dab ! important;
}
.hcol hr {
	color: #005dab ! important;
}

.lighthcol hr {
	margin: 0 ! important;
	pading: 0 ! important;
	color: #aaccff ! important;
}

div#countdown {
	float: right;
	padding: 4px;
/*	background-color: #ddeeff;
	border-bottom: solid blue 1px; */
	margin-bottom: 5px;
}

.popup .smaller {
	font-size: 12px ! important;
}

#trainsdiv { 
	overflow: hidden ! important;
}

.bluebox {
	border: solid blue 0px;
	}

.h, .hh  {
	font-weight: bold;
}

.hh {
	font-size: 24px;
}

.hh, table td.h, td.h3, td.h4, #time, .brown {
	color: #8f0000 ! important;
}

tr.hilighted td {
	background-color: #ffff00;
}

tr.hilighted td span {
	background-color: #ffffff;
}

.subhead {
	font-size: 24px;
}


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: 40px;

}

/*

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

        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;

 

}

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;

 
        font-size: 170%;

}

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

{

        font-size: 22px;

        margin-top: 15px;

        margin-bottom: 5px;

}

h3 + h4 	/* NOMOBILE */

{

	position: relative;

	top: 6px;

	margin-bottom: 0px;

}

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

{

        font-size: 20px;

        margin-bottom: 0px;

        margin-top: 12px ;

}

td.h4 {
	padding-top: 3px;
}

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 {


        margin-right: 0px;

        padding-right: 0px;

	padding-left: 20px;

}


.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;

}


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;;

}

.popup {
	color: blue;
/*	text-decoration: underline;*/
}



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;
	padding: 6px;
}

.red {
	color: red;
}

.firstaid {
	font-weight: bold;
	background-color: #006400;
	color: white;
	padding: 0px ! important;
	padding-left: 10px ! important;
	padding-right: 10px ! important;
	font-size: 200%;
}

/*
  ========================================================================
    @ 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%;
  }
}


.emergency {
  border-top: solid red 0px;
  border-bottom: solid red 0px;
	background: #f08080;
	background: #000080;
	background: white;
	color: red ! important;
	font-weight: bold;
	padding: 2px;
}