/* COMMON CSS */

@font-face{
	font-family: 'firasans';
    font-style: normal;
    font-weight: normal;
    src: url('https://www.imperial.ac.uk/assets/website/fonts/fira-sans/FiraSans-Regular.eot');
    src: url('https://www.imperial.ac.uk/assets/website/fonts/fira-sans/FiraSans-Regular.woff2') format('woff2'),
         url('https://www.imperial.ac.uk/assets/website/fonts/fira-sans/FiraSans-Regular.woff') format('woff'),
         url('https://www.imperial.ac.uk/assets/website/fonts/fira-sans/FiraSans-Regular.ttf') format('truetype');
}

@font-face{
    font-family: 'firasans';
    font-style: normal;
    font-weight: 600;
    src: url('https://www.imperial.ac.uk/assets/website/fonts/fira-sans/FiraSans-Medium.eot');
    src: url('https://www.imperial.ac.uk/assets/website/fonts/fira-sans/FiraSans-Medium.woff2') format('woff2'),
         url('https://www.imperial.ac.uk/assets/website/fonts/fira-sans/FiraSans-Medium.woff') format('woff'),
         url('https://www.imperial.ac.uk/assets/website/fonts/fira-sans/FiraSans-Medium.ttf') format('truetype');

}


/* body */

header, nav, article, footer, address, section, time
{
    				display: block;
}

/********************************************************** BODY*/

body,body.x13p.p_AFMaximized,body.x13q,body.x13q.p_AFMaximized,body.x141,body.x141.p_AFMaximized
{
					/*padding-left:0.625em;
                    padding-top: 0.625em;*/
                    margin: 0 auto;

                    font-family:Helvetica, Arial, sans-serif;
                    font-size: 10px;
                    line-height:1.25;

                    background-color: #f5f5f5;
                    /*background-image: url('/assets/pwp/img/grid-16.png');*/
                    /*background: url('/assets/pwp/img/gradient.png') #f5f5f5 scroll 0 0 repeat-x;*/
                    background: url('/assets/pwp/img/noise.png') scroll 0 0;
}

html>body   {
                    font-size: 10px;
			}
			
i {
	font-style: italic;
}

div.allWrapper
{
					width: 96em;
					margin: 0 auto;
}

/********************************************************** TOP*/

#main
{
					width: 98.05%;
					padding:2% 1.041666666666667%;
					margin: 0 auto;
					float:left;
}

div.logoWrapper
{
					width:100%;
					margin-bottom:2.5em;
					margin-top:1em;
					float: left;
}

div.logoWrapper img {
	width: 274px;
}

.svg div.logoWrapper {
  background: url('/assets/pwp/img/logo.svg') no-repeat transparent;
	background-size: 274px;
}

.svg div.logoWrapper img {
	opacity: 0;
}


/********************************************************** Photowrapper*/

div.pwpPhotowrapper
{
					width: 23.95833333333333%;
					float: left;
}

div.pwpphotoBg
{
					width: 100%;

					background: url('/assets/pwp/img/shield_shd_basic.png') scroll 0 0 no-repeat transparent;
					/*background-size: 100%;*/

					position: relative;
					left:-0.5em;
					/*top:-0.1em;*/

					float:left;
					border-top: 1px solid #e0e0e0;
					top: -1px;
					border-radius: 5px;
}


div.pwpPhoto
{
					position: relative;
/*	margin-bottom: 6em;
	max-height: 30em;
	overflow: hidden;*/
}

div.pwpPhoto img.peoplePic
{
					width:83%;
					margin:21.5% 8% 21.5% 8.75%;

					position: relative;

					float:left;
}

#corner_tl,
#corner_tr,
#corner_br,
#corner_bl
{
                                                                                position: absolute;
                                                                                left: 0;
                                                                                top: 0;
                                                                                z-index:  98;
}

.svgclippaths .corner {
	display: none !important;
}

.svgclippaths div.pwpPhoto img.peoplePic {
	-webkit-clip-path: polygon(12% 0, 88% 0, 100% 9%, 100% 91%, 88% 100%, 12% 100%, 0 91%, 0 9%);
  clip-path: polygon(12% 0, 88% 0, 100% 9%, 100% 91%, 88% 100%, 12% 100%, 0 91%, 0 9%);
}



/********************************************************** NAV*/
header.navbar
{
					width: 100%;
					height: 5em;
					float: left;

					background: url("/assets/pwp/img/photobarbg.png") scroll 23.4% -0.25em no-repeat transparent;

					border-top: 1px solid #b2b2b2;
					border-bottom: 1px solid #c8c8c8;
					margin-left: 0.1em;
}

nav ul li,
#mobileMenuWrap ul li
{
					margin-left: 1.5%;
					float:left;

					font-family: firasans, Helvetica, Arial, sans-serif;
					font-size: 1.55em;
					font-weight: 600;
					line-height: 3.25em;
					text-transform: initial;
					letter-spacing: -.1px;
}

nav ul.menuSize6 li
{
	font-size:1.45em;
	line-height:3.45em;
}


/********************************************************** Academic info ****/

section.ac_info
{
					width: 72.91666666666667%;
					min-height: 14em;
					margin-left: 25.35%;
					margin-top: 2.5%;
					float: left;
}

section.ac_info em
{
					margin-top:0.5em;
					font-family: Arial;
					font-size:1.25em;
					font-style: normal;
					font-weight: 700;

					color: #4f4f4f;
					float:left;
}


section, div.contentAndSidebar, aside
{
                                                                                -webkit-transition:all 0.25s linear;
                                                                                -ie-transition:all 0.25s linear;
                                                                                transition:all 0.25s linear;

/*                                                                              Causing all sorts of trouble with Chrome, shifted to mobile.css
                                                                                -webkit-backface-visibility: hidden;
                                                                                -webkit-perspective: 1000;*/
}

/**********************************************************  Academic Details ****/

section.ac_details
{
					width: 23.9583%;

					margin-top:16%;

					background-color: #f9f9f9;

					float:left;
}

div.shadow_top
{
					float:left;
					width: 100%;
					/*height: 1em;*/
					height: 0.75em;
					background: url('/assets/pwp/img/aside_topshadow_transparent.png') scroll 0 0 no-repeat transparent;
}

div.asideContentWrapper
{
					width: 99%;
					padding-bottom:1em;
					float:left;
					background: url('/assets/pwp/img/aside_shd_stripe_left_transparent.png') 0.08em 0 repeat-y transparent;
}

div.asideContentWrapper span
{
                                        display:block;
                                        width:100%;
}



/**********************************************************  Main Content ****/


div.contentAndSidebar
{
					width: 74.5%;
					margin-top:2em;
					float: right;
					min-height:40em;

}

#contentWrap/* FORMERLY applied to section.content*/
{
					width: 57.14285714285714%;
					margin-left:0.35em;
					/*margin-right: 8.571428571428571%;*/
					float: left;
}

#contentWrap.noSidebar
{
					width: 100%;
}

#pwpview-extra #contentWrap {
	margin-left: 1.5em;
}

#latestPubsContainer
{
                                                                                margin-top:1.25em;
                                                                                float: left;
                                                                                width: 100%; /* issue with h2 not spanning accross the column */
}

div.latestPubListing
{
					margin-bottom: 1em;
					float: left;
					clear:both;
					width:98%;
}


div.bioWrapper
{
					width: 100%;
					margin-top:0.5em;

					float:left;
}
div.bioWrapper div.bioDate
{
					width: 30%;
					margin-right:1em;

					float:left;
}

div.bioWrapper div.bioDesc
{
					width: 60%;

					float:left;
}

/**********************************************************  Aside ****/

aside
{
					width: 34.28571428571429%;
					/*background-color: #f5f5f5;*/
					background-color: #f9f9f9;
					float: right;
}

aside span.mmSource
{
					color: #000;
					display: inline;
					font-weight: bold;
}

aside div.mediaHolder
{
					width: calc(94% - 1.5em);
					width: -webkit-calc(94% - 1.5em);
					padding-left:1.5em;
					padding-left:1.5em;
					margin-top:1.5em;

					float:left;

}

div.asideContentWrapper ul.dca_container a {
     display:inline-block;
}

div.asideContentWrapper #twitter-wrapper iframe,
div.asideContentWrapper #flickr-wrapper iframe {
  margin-left: 1.1em !important;
  margin-top: 1em !important;
  width: calc(98% - 1em) !important;
}

/**********************************************************  Layout tweaks ****/

div.clearAside1
{
					width: 100%;
					height: 1em;

					margin-left: 0.6em;

					float: left;
					clear: both;
}

div.clearTwo
{
					width: 100%;
					height: 2em;

					float: left;
					clear: both;
}

div.clearNone
{
					width: 100%;
					float: left;
					clear: both;
}

div.hr
{
					width: calc(98% - 1em);
					width: -webkit-calc(98% - 1em);
					height: 2.5em;

					margin-bottom: 2.5em;
					margin-left:1.35em;


					font-size: 1.2em;

					border-bottom: 1px solid #cccccc;
					float: left;

}

.nomargin
{
					margin:0 !important;
}

.elementWrapper
{
					display: block;
					/*-webkit-transition:all 0.25s linear;
					-ie-transition:all 0.25s linear;
					transition:all 0.25s linear;

					-webkit-backface-visibility: hidden;
					-webkit-perspective: 1000;	*/
}

.visibleOnMobile
{
					display: none;
}

.right
{
					float:right;
}

.left
{
					float:left;
}

/*
======================== 	   					 =============================
======================== 	   typography		 =============================
======================== 	   					 =============================
*/


/**********************************************************  FORMS */

input
{
					border-radius: 0;
					-webkit-border-radius: 0;
}

.pubForm
{
					width: 98%;
					margin:0 0 3em 0;

					float:left;
					clear: both;
}

#pubSearchField
{
					width: 80%;
					height:2em;
					padding-left:0.5em;

					line-height: 2em;

					background-color:#ffffff;
					/*background-image: url('/assets/pwp/img/lupegrey.png');
					background-position:98% 30%;
					background-repeat:no-repeat;*/

					border: 1px solid #c2c2c2;
					-webkit-box-shadow:  0px 0px 3px 1px rgba(0, 0, 0, 0.1);
        	        box-shadow:  0px 0px 3px 1px rgba(0, 0, 0, 0.1);

					float:left;
}

#spanner
{
					width: 3.5em;
					height: 2.8em;

					border: 1px solid #c2c2c2;
					border-left: 0;
					-webkit-box-shadow:  0px 0px 3px 1px rgba(0, 0, 0, 0.1);
        	        box-shadow:  0px 0px 3px 1px rgba(0, 0, 0, 0.1);


					float:left;
}

#pubSubmit
{
					width:10%;
					height:2.15em;
					margin-left:2%;

					color:#363434;
					font-family: firasans, Helvetica, Arial, sans-serif;
					font-weight: 600;
					font-size: 1.4em;
					line-height: 2em;

					background: #e8e8e8;
					border: 1px solid #c2c2c2;
					border-right:0.5em solid #c2c2c2;/* #bc2828;*/

					-webkit-box-shadow:  0px 0px 3px 1px rgba(0, 0, 0, 0.1);
        	        box-shadow:  0px 0px 3px 1px rgba(0, 0, 0, 0.1);

        	        background: rgb(240,240,240);
					background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
					background: -moz-linear-gradient(top,  rgba(240,240,240,1) 1%, rgba(254,254,254,1) 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(240,240,240,1)), color-stop(100%,rgba(254,254,254,1)));
					background: -webkit-linear-gradient(top,  rgba(240,240,240,1) 1%,rgba(254,254,254,1) 100%);
					background: -o-linear-gradient(top,  rgba(240,240,240,1) 1%,rgba(254,254,254,1) 100%);
					background: -ms-linear-gradient(top,  rgba(240,240,240,1) 1%,rgba(254,254,254,1) 100%);
					background: linear-gradient(to bottom,  rgba(240,240,240,1) 1%,rgba(254,254,254,1) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#fefefe',GradientType=0 );


        	        cursor: pointer;

					float:right;
}

#searchOptions
{
					width: 95%;
					margin-left:5%;
					float:left;
}

.pubForm label
{

					margin-right:0.5em;
					margin-left:1em;

					font-size:1.4em;
					color: #363434;
    				font-weight: bold;
					line-height: 1.4em;

					float:left;
}

.pubForm label.firstLabel
{
					margin-left:0;
}

.pubForm select
{
					width:9.4em;
					height:1.8em;
					padding-left:0.25em;
					font-size: 1.4em;

					background-color:#ffffff;
					/*background-image: url('/assets/pwp/img/lupegrey.png');
					background-position:98% 30%;
					background-repeat:no-repeat;*/

					border: 1px solid #c2c2c2;
					-webkit-box-shadow:  0px 0px 3px 1px rgba(0, 0, 0, 0.1);
        	        box-shadow:  0px 0px 3px 1px rgba(0, 0, 0, 0.1);

					float:left;
					/*clear:right;*/
}

#fileToUpload
{

}

/**********************************************************  IMAGES */

aside ul.withImage li img,
.dcacontainer ul.dca_container li img
{
					width: 30%;

					margin-right: 0.5em;

					float: left;
}

aside ul.withImage li img.twitPic,
.dcacontainer ul.dca_container li img.twitPic
{
					width: 26%;

					padding:2%;

					background-color: #5b7a9f


}

aside div.mediaHolder img,
aside div.mediaHolder iframe,
aside div.mediaHolder object,
aside div.mediaHolder audio,
aside div.mediaHolder video
{
					width: 100%;

}


.imageSmall, img.one-third {
    				width: 34.7826%;
}

.imageMedium {
    				width: 47.8261%;
}

.imageFull, img.full-width, .imageLarge, img.full
{
				    margin: 1em 0;
				    width: 100%;
}
.image-left, img.one-third {
				    float: left;
				    margin: 0.625em 0.875em 0.5em 0;
}
.image-right {
				    float: right;
				    margin: 0.625em 0 0.5em 0.875em;
}

div.photo
{
				    max-width: 98%;
				    position: relative;
}

div.photo.one-half {
	max-width: 50%;
}

div.photo img
{
				    width: 100%;
}

.size-253 div.caption, .size-205 div.caption
{
    				left: 0;
}
div.caption
{
					width: 100%;
				    bottom: 0.15em;
				    left: 0;
				    position: absolute;

				   /* background: #e8e8e8;*/
				    /*background-image: url(/assets/pwp/img/slashedlineCaption.png);*/
				    background-image: url("/assets/pwp/img/captionbg.png");
				    background-repeat: repeat-x;
				    background-position: 0 100%;
				    border-top: 1px solid #CCCCCC;

				    z-index: 500;
}

img.expandResearch
{

				    margin-top: -4em;
				    position: relative;
				    cursor: pointer;
				    float: right;
}


/**********************************************************  HEADLINES */

h1.title
{
					margin-top:1.5em;
					margin-bottom:-2em;

					font-size: 2.5em;

					color:#363434;
					float:left;
}

section.ac_info h1
{
					margin: 0.05em 0 -0.15em;

					font-size: 3.8em;
					font-family: firasans, Helvetica, Arial;
					line-height: 1.2;
					text-transform: initial;
					color: #0F8291;

					display: block;
					clear: both;
}


h1 span
{
					float:left;
}

#titlepart1, #titlepart2
{
					margin-right:0.35em;
}

#titlepart5
{
					/* this causes the effect of no space after the comma
					margin-left: -0.15em;*/
}

section.content h2
{
					width: 100%;
					padding:0 0.1em 0.15em 0;
					margin-top:0.75em;
					margin-bottom: 0.75em;

					font-family: firasans, Helvetica, Arial;
					font-size: 2em;
					color:#0F8291;
					letter-spacing: -0.01px;
					text-transform: initial;

					/*! background-image: url('/assets/pwp/img/h2blue.png'); */
					/*! background-position: 0% 0.3em; */
					/*! background-repeat: no-repeat; */

					border-bottom: 1px solid #c6c6c6;
					float: left;
					clear:both;
					/*! margin-left: -0.75em; */
					/*! margin-right: 1.35em; */
					position: relative;
}

section.content h2::before {
	content:"";
	position: absolute;
	left:-0.6em;
	top:30%;
	width:0.25em;
	height:0.25em;
	background-color:#0F8291;
	/*! border:1px solid red; */
}

section.content h2 strong,
section.content h2 bold
{
					font-weight: normal;
}

section.content h2:first-child, section.content h2.first-child
{
					/*margin-top:0;-0.5em;*/
					margin-top: 0;
}

#latestPubsContainer h2:first-child, #latestPubsContainer h2.first-child
{
					margin-top:0;
}

div.resHead h2:hover
{
					cursor: pointer;
}

/* but not all of them are clickable, so... */
div.resHead.fixed h2:hover
{
					cursor: default;
}

section.ac_details h3,
div.contentAndSidebar div.h3wrapper h3,
aside h3
{
					width: 94%;
					height:2.0em;

					padding-left: 0.95em;
					padding-top: 0.32em;
					margin-bottom: -0.5em;

					color:#FFF;
					font-size: 1.8em;
					font-family: firasans, Helvetica, Arial;
					text-transform: initial;
					float: left;
					position: relative;
					left:-0.5em;
					display: inline;
					z-index: 1;
}

section.ac_details h3:after,
div.contentAndSidebar div.h3wrapper h3:after,
aside h3:after
{
	content: '';
    display: inline-block;
    position: absolute;
    width: 136px;
    height: 100%;
    background-color: #0F8291;
    top: 0;
    left: 0;
    height: 32px;
    clip-path: polygon(0 0, 100% 0%, 82% 100%, 0% 100%);
	z-index: -1
}


section.ac_details h3.long,
div.contentAndSidebar div.h3wrapper h3.long,
aside h3.long
{
					left:-0.45em;
}


section.ac_details h3.long:after,
div.contentAndSidebar div.h3wrapper h3.long:after,
aside h3.long:after
{
	
		width: 217px;
		clip-path: polygon(0 0, 100% 0%, 87% 100%, 0% 100%);

}

section.ac_details h3.superlong,
div.contentAndSidebar div.h3wrapper h3.superlong,
aside h3.superlong
{
					background:url('/assets/pwp/img/h3_superlong.png') scroll 0 0 transparent no-repeat;
					left:-0.45em;
}

section.content h3
{
					width: 100%;
					padding-left:0.5em;

					font-family: firasans, Helvetica, Arial, sans-serif;
					font-weight: 600;
					font-size:1.6em;
					font-weight: normal;
					text-transform: initial;

					/*! background: url('/assets/pwp/img/h3grey.gif') scroll 0 0.4em transparent no-repeat; */
					color: #363434;

					float:left;
					clear:both;
					margin: 0.5em 0;
					margin-left: -0.5em;
					position: relative;
}

section.content h3::before {
	content: "";
	left:-0.3em;
	position: absolute;
	top:33%;
	width: 0.3em;
	height: 0.3em;
	background-color: #363434;
}

section.content h3.noTopMargin
{
					margin-top:0;
}

#latestPubsContainer h3
{
					font-size: 1.4em;
					font-family: Arial, Helvetica;
}

h3.nomargin
{
					width: 100%;
}

section.content div.latestPubListing h3
{
					margin:0;
					margin-top:0.25em;
					padding-left:0;

					font-style: italic;
					font-weight: bold;
					text-transform: none;

					background: none;
					border: none;

					display: inline;
					float: left;
					clear:left;

}

section.content h4
{
					width: 100%;
					/*! padding-left:0.5em; */

					font-family: firasans, Helvetica, Arial, sans-serif;
					font-weight: 600;
					font-size:1.4em;
					font-weight: normal;
					text-transform: initial;

					color: #363434;
					/*! background: url('/assets/pwp/img/h4grey.gif') scroll 0 0.4em transparent no-repeat; */

					float:left;
					clear:both;
					margin: 0.5em 0;
	position: relative;
}

section.content h4::before {
	content: "";
	left:-0.7em;
	position: absolute;
	top:33%;
	width: 0.25em;
	height: 0.25em;
	background-color: #363434;
}

section.content h5
{
					width: 99%;
					padding-left:0.5em;

					font-family: firasans, Helvetica, Arial, sans-serif;
					font-weight: 600;
					font-size:1.2em;
					font-weight: normal;
					text-transform: initial;

					color: #363434;
					background: url('/assets/pwp/img/h4grey.gif') scroll 0 0.4em transparent no-repeat;

					float:left;
					clear:both;
					margin: 0.5em 0;
}


/********************************************************** H3 Funkyness */

div.asideContentWrapper div.h3wrapper,
div.contentAndSidebar div.h3wrapper
{
					height: 2.8em;
					width:100%	;

					margin-top: 1em;
					padding-left:0.6em;

					clear: both;
}

aside div.asideContentWrapper div.h3wrapper,
div.contentAndSidebar div.h3wrapper
{
					width:100%	;
}

div.asideContentWrapper div.h3end,
div.contentAndSidebar div.h3end
{
					width: 0em;
					height: 0em;

					display: none;

}

div.asideContentWrapper .slashes,
div.contentAndSidebar .slashes
{
					/*height:3.8em;

					padding-top: 0.2em;
					padding-left: 0.5em;

					background: url('/assets/pwp/img/h3_start.png') scroll 0 0 no-repeat transparent;

					position:relative;
					left:-0.7em;
					display: inline;
					float:left;*/
					display: none;
					width: 0;
					height: 0;
}

/**********************************************************  P Paragraphs */

#main p
{
					line-height: 1.6;
					/*color: #4f4f4f;*/
					color: #000;
					display: block;
}

#main section.content p
{
					margin: 0 0 1em 0;
					font-size: 1.4em;
					/*float: left;*/
}

#main section.ac_info p
{
					margin-top: 0.5em;

					display: block;
					clear: both;

					color: #000;
					font-family: firasans, Helvetica, Arial, sans-serif;
					font-weight: 600;
					font-size: 1.8em;

}

div.asideContentWrapper p
{
					width: 90%;
					padding-left: 1.35em;
					padding-right: 0.6em;
					margin-top: 1em;

					font-size: 1.2em;
}

#main section.content p.pubTitle
{
					margin-top:0.25em;
}

#main section.content p.pubExtra
{
					display:none;
					font-size: 0.75em;
}

aside p.more
{
					margin-top: 0.25em;

					font-size: 1.1em;
					text-align: right;

					float:right;
}

#main div.bioWrapper div.bioDate p
{
					font-weight: bold;
					color: #363434;
}

#main section.content p.addInfo
{
					width:100%;
					margin-top:-1em;

					clear:both;
					float: left;
}

#main section.content ul.barLinks
{
     margin-top:-2em;
     padding:0;
     font-size: 0.75em;
}

#main section.content ul.barLinks li
{
     background: url("/assets/pwp/img/bar.png") no-repeat 0 0 transparent;
     padding:0 0.8em 0 1em;
     list-style-type: none;
     float:left;
     white-space:nowrap;
     vertical-align: middle;
     line-height: 1.9em;
}

#main section.content ul.barLinks li a
{
     /*ugh!*/
     position: relative;
     bottom:2px;
}

#main div.caption p
{
					padding: 0.5em;
					margin-bottom: 0.5em;
					/*color: #393939;*/
					color: #000;
					font-size: 1.4em;
					font-family: firasans;
}

footer p
{
					font-size: 1.4em;
					color: #f5f5f5;

}

/**********************************************************  P Funkyness */

header .slashes
{
                                                                                margin-right: 0.25em;
                                                                                /*! background: url("/assets/pwp/img/slashslashslash.png") no-repeat center center; */

                                                                                float:left;
                                                                                width:1em;
                                                                                height:1.4em;
                                                                                font-family: Helvetica, Arial, sans-serif;
                                                                                /*letter-spacing: -0.15em;*/
}

header .slashes::before {
	content: "///";
	color: #792314;
	letter-spacing: -0.05em;
	font-size: 1.3em;
	top: -0.13em;
    left: 0.05em;
	position: relative;
	speak: none;
}

.bar {
     width:0.1em;
     margin:0 0.2em -0.2em;
     display:inline-block;
}

footer .bar
{
     background-color: #DDD;
     height:1em;
}

/********************************************************** BLOCKQUOTES */

#main section.content blockquote {
	font-size: 1.4em;
	font-style: italic;
	margin:0 0 1em 1.4em;
}

#main section.content blockquote.floating-blockquote {
	padding:1em 1em 1em 1.4em;
	margin-left:0;
	margin-right:3%;
	background-color:#ededed;
	border-bottom:1px dotted #d8d8d8;
	font-family: firasans, Helvetica, Arial;
	font-weight: 400;
}

#main section.content blockquote.floating-pullquote {
	float: left;
	margin: 0 4.34782608695652% 1em 0;
	width: 47.82608695652174%;

	border-top: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	padding: 0.9em 0.7em;

}

#main section.content blockquote.floating-pullquote .quotation {
	color: #841C1C;
	font-family: firasans, Helvetica, Arial, sans-serif;
	font-style: normal;
	display: block;
	font-size: 1.4em;
	line-height: 1.1em;
	margin-bottom: 0.5em;
}

#main section.content blockquote.floating-pullquote .quoted-from {
	text-align: right;
	display: inline-block;
	width: 100%;
	font-size: 0.88em;
	font-weight: bold;
	margin-bottom:0.75em;
}

#main section.content blockquote.floating-pullquote .quoted-from:before {
	content:"\2013";
	display: inline-block;
	margin-right:0.25em;
}

#main section.content blockquote.floating-pullquote .quoted-from-title {
	text-align: right;
	display: inline-block;
	width:100%;
	font-size: 0.88em;
}

/********************************************************** LINKS */

a.usefulLink
{
                                        font-size:1.2em;
                                        margin-left:1em;
}
a,
a.xgp
{
					color:#bc2828;
					border-bottom: 1px #bc2828 dotted;
					text-decoration: none;
}

#main a.xgp
{
					font-family: Arial, sans-serif;
					font-size: inherit;
					color:#bc2828;
					border-bottom: 1px #bc2828 dotted;
					text-decoration: none;
}

#main a.noBorderLink
{
					border: none;
					text-decoration: none;
}

#main div.asideContentWrapper a
{
					text-decoration: none;
					border-bottom:none;
}

#main div.asideContentWrapper a:hover,
#main div.asideContentWrapper a:focus
{
					text-decoration: underline;
}

#main nav ul li a,
#main nav ul li a:visited,
#mobileMenuWrap ul li a,
#mobileMenuWrap ul li a:visited
{
					color: #5e5e5e;
					text-decoration:none;
					border-bottom: none;
}

#main nav ul li a:hover,
#main nav ul li a:focus,
#main nav ul li a:active,
#main nav ul li a.currentpage
{
					color: #000;
					text-decoration:underline;
}

#main aside a, #main aside ul.withImage li a, #main aside ul.withImage li,  #main aside ul li a.xgp
{
					/*color: #363434;*/
					color: #000;
}

#main aside a:hover, aside ul.withImage li a:hover,
#main aside ul.withImage li a p:hover,
#main aside .dcacontainer ul.dca_container li a p:hover,
#main aside a:focus, aside ul.withImage li a:focus
{
					color: #4F4F4F;
					text-decoration: none;
}

#main aside p.more a
{
					color: #bc2828;
}

#main p.addInfo a
{
					font-size: 0.75em;
}

#main a#showSearchOptions
{
					border-bottom: 0;
}

footer a
{
                                                                                color: #f5f5f5;
                                                                                text-decoration: underline;
                                                                                line-height: 6em;
                                                                                border-bottom:none;
}

/********************************************************** LISTS */

ul.linklist, ul.withImage, .dcacontainer ul.dca_container
{
					padding-top: 0.95em;
					padding-left: 1.35em;

					font-size: 1.2em;

					display: block;
					clear: both;
}

ul.withImage,
.dcacontainer ul.dca_container
{
					padding-top:1.5em;
					padding-left: 1.75em;
					font-size: 1em;
}

ul.linklist li
{
					margin:0.25em 0;
}

ul.linklist li:before
{

					content: "> ";
					color: #363434;
}

aside ul.withImage
{

}

aside ul.withImage li,
aside .dcacontainer ul.dca_container li
{
					margin: 0.25em 0 1.25em 0;
					float: left;
}


aside ul.withImage li:hover
{
	/*border-top: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;*/
	/*background: url(/assets/pwp/img/listoberbg.png) scroll 100% 0 repeat-y transparent;*/
	/*background: #fdfdfd;*/
/*
	-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.75);
box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.75);*/
}

aside ul.withImage li p,
.dcacontainer ul.dca_container li p
{
					width: 65%;

					margin:-0.375em 0 0;
					padding:0;

					display: inline;
					float: right;
}



/******  Content */

section.content {
	/* stop manually added urls in text from overflowing */
        /*! overflow:hidden; */
}

section.content ul,
section.content ol
{
					padding: 1.5em 0;
					margin: 1em 0;
					/*font-size: 1.4em;	*/
					float:left;
					display: list-item;

					/*border-top: 1px solid #e8e8e8;
					border-bottom: 1px solid #e8e8e8;				*/
}

section.content ul li,
section.content ol li
{
					margin:0 0 1em 0;
					padding-left: 0.5em;

					font-size: 1.4em;

					display: list-item;
					line-height: 1.5;
					color: #000;
}

section.content ul li
{
					list-style-type: square;
					list-style-position: inside;

}

section.content ol li
{
					list-style-type: decimal;
					list-style-position: inside;

}

#main ul.colabList
{
					margin: 0.5em 0;
					padding: 0;

}

#main ul.colabList li
{
					margin-bottom: 0.5em;
					padding-left:0;
					list-style-type: none;
}

ul.colabList li span.cName
{
					font-weight: bold;
					color: #363434;
}

ul.colabList li span.instName
{
					font-style: italic;
					color:#989898;
}

ul.colabList li span.instName:before
{
					content:  " - ";
}

/********************************************************** SPANS */

section.content span.authNames
{
					width:100%;
					font-size: 1.1em;
					display:block;
					float:left;
					clear:both;
}


/********************************************************** TABLES */

section.content div.data-table table,
section.content table
{
                     border-collapse: collapse;
                     table-layout:fixed;
}

section.content div.data-table,
section.content table
{
                     margin:1.5em 0;
                     padding: 1em 0 1.5em 0;
                     border-top-width: 0.5em;
                     border-bottom-width: 0.5em;
                     border-top-style: double;
                     border-bottom-style: double;
                     border-color: #cccccc;
                     float:left;
                     clear:both;
                     width:100%;



}
section.content div.data-table h3,
section.content table h3
{
                    color: #28849B;
                    font-family: firasans, Helvetica, Arial, sans-serif;
					font-weight: 600;
                    text-transform: initial;
                    text-align: left;
                    margin-bottom:1em;
}

section.content table th,
section.content table td h1,
section.content table td h2,
section.content table td h3,
section.content table td h4,
section.content div.data-table th,
section.content div.data-table td h1,
section.content div.data-table td h2,
section.content div.data-table td h3,
section.content div.data-table td h4
 {
	border-bottom: 1px dotted #CACACA;
    border-top: 1px dotted #CACACA;
    font-family: firasans, Helvetica, Arial, sans-serif;
	font-weight: 600;
    font-size: 1em;
    margin: 0.2em 0;
    padding: 0.285714em 0;
    text-align: left;
    color:#28849B;
    float:none;
    background-image:none;
    vertical-align:middle;
    text-transform:initial;
}

section.content div.data-table td,
section.content table td
{
                    font-size: 1.4em;
                    border-bottom: 1px dotted #CACACA;
                    padding:0.1em;
                    border-collapse: collapse;
}

/*div.data-table tr:nth-child(2) td
{
                   height:4em;
                   vertical-align: bottom;
}*/

section.content div.data-table tbody tr:first-child + tr td,
section.content table tr:first-child + tr td
{
                   height:2.5em;
                   vertical-align: bottom;
}

section.content table td p,
section.content div.data-table td p,
section.content table td ul,
section.content div.data-table td ul,
section.content table td ol,
section.content div.data-table td ol,
section.content table td li,
section.content div.data-table td li {
    font-size:1em !important;
    margin:0 !important;
    padding:0 !important;
}

section.content table td ul,
section.content table td ol {
	margin:0;
	padding:0;
}


/********************************************************** OTHER */

#contentWrap em
{
					font-style: italic;
}

strong, b
{
					font-weight: bold;
}

footer strong, b
{
	line-height: 2em;
}


/********************************************************** VIDEO */

section.content .video-player {
  max-width:98%;
	/*padding-top:56.25%;*/
	margin-bottom:1.4em;
	position: relative;
	clear: both;
}

section.content .video-player img {
	width:100%;
	max-width:100%;
	position: absolute;
	top:0;
}

section.content .video-player iframe {
	position:absolute;
	top:0;
	z-index: 15;
}

section.content .video-player .play-button {
	position: absolute;
	top:38%;
	left:calc(50% - 5em);
	display:inline-block;
	width: 10em;
	text-align: center;
	font-size:1.6em;
	color:#FFF;
	border-bottom:none;
	text-shadow: 1px 1px #000;
	z-index: 10;
}

section.content .video-player figure {
	background-color: #d9d9d9;
}

section.content .video-player figcaption {
	background-color: #ededed;
	padding:1em;
	border-top:1px dotted #FFF;
	font-size:1.4em;
}

section.content .video-player .video-placeholder {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	overflow: hidden;
	background-color: #ebeeee;
}



/********************************************************** FOOTER */



#footerBG
{
	width: 100%;
	height: 16.6em;
	margin-top:2em;
	background-color: #333;
	background: linear-gradient(0deg, rgb(83 83 86) 0%, rgb(5 5 5) 100%);
	float:left;
}

footer
{
	width: 96em;
	margin: 2em auto;
}

#address
{
	margin-left: 26.45%;
	float:left;
}




/* ******************************************* WIZARDRY  */

.bold
{
	font-weight: bold;
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.accelerateMe500
{
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);

	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;

	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ie-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.accelerateMe250
{
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);

	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;

	-moz-transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
	-ie-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

#menuButtonWrapper
{
	width: 46%;
	height: 100%;

	padding-right:2.5 em;
	padding-left: 0.55em;

	font-size:2em;
	line-height: 2em;
	font-family: firasans, Helvetica, Arial, sans-serif;
	font-weight: 600;

	background: url('/assets/pwp/img/downArrowDark.png') scroll 100% 50% no-repeat transparent;
	background-size: 10% auto;
	/*background-color: #000;*/
	float:left;
}

#menuButtonWrapper a,
#menuButtonWrapper a:visited,
#menuButtonWrapper a:active
{
	width: 100%;
	float: left;

	text-decoration: none;
	border: none;
	/*color: #5e5e5e;*/
	color: #000;
}

#overlay
{
	width: 100%;
	height: 100%;

	position: absolute;
	z-index:100;

	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;

	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ie-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#overlay-black
{
	width: 100%;
	height: 100%;

	position: absolute;
	background: #000;
	opacity: 0.8;

	z-index:101;
}

#mobileMenuWrap
{
	width: 90%;

	position: absolute;
	z-index:102;
	left:0;
	top:0;

	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1005;

	/*-moz-transition: all 12 easeOut;
	-webkit-transition: all 12 easeOut;
	-ie-transition: all 12 easeOut;
	transition: all 12 easeOut;	*/
}

.menuIn
{
/*	-webkit-transform:translate3d(50, 450, 0);
	-moz-transform:translate3d(50, 450, 0);
	transform:translate3d(50, 450, 0);
*/

	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ie-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#mobileMenuWrap ul
{
	width:95%;
	background: #fff;

	float:left;
}

#mobileMenuWrap ul li
{
	width: 94%;
	/* made slightly smaller as a menu with 4 items was off the top of a landscape view iphone screen.
	height: 3em;
	min-height: 3em;
	*/
	height:2em;
	min-height: 2em;

	padding: 2%;
	padding-top:1.5em;

	font-size: 1.5em;
	line-height: 2em;

	border-bottom: 1px solid #e0e0e0;
}

#mobileMenuWrap ul li a
{
	width: 100%;
	height: 100%;

	line-height: 1.5;
	text-align: center;
	float:left;
}

#closeMenu
{
	width:4em;
	height: 4em;

	position: absolute;

	display: block;
	background:url('/assets/pwp/img/closeX.png') scroll 0 0 transparent;
	background-size: 100%;

}

#closeMenu:hover
{
	cursor: pointer;
}

#main .noDisplay
{
	display: none;
	height:0;
	margin:0;
	padding:0;
}

div.resContent
{
	width: 100%;
	float:left;

	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);

	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;

	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ie-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/* Edit button */

/*a.editButton
{
	padding: 0.5em;
	font-size:1.4em;
	color: #fff;
	background:#bc2828;
}*/
/*a.saveButton
{
	padding: 0.5em;
	font-size:1.4em;
	color: #fff;
	background:#91c05a;
}*/

#main a.saveButton,
.saveButton {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #7FBF4D;
    background-image: -moz-linear-gradient(center top , #7FBF4D, #63A62F);
    border-color: #61883b #61883b #61883b;
    border-image: none;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 0 #96CA6D inset;
    color: #FFFFFF;
    text-decoration: none;
    font: bold 11px/1 "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
    padding: 0.5em 1em;
    text-align: center;
    text-shadow: 0 -1px 0 #4C9021;
    cursor:pointer;
}
#main a.editButton,
.editButton,
.deleteButton {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #D05248;
    background-image: -moz-linear-gradient(center top , #D05248, #BE3B30);
	border: 1px solid #9C4340;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 0 #D8736A inset;
    color: #FFFFFF;
    text-decoration: none;
    font: bold 11px/1 "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
    padding: 0.5em 1em;
    text-align: center;
    text-shadow: 0 -1px 0 #B53A32;
    cursor:pointer;
}


#editContent,
.contentArea {
    /*background: url('/assets/pwp/img/clickhere.gif') scroll 100% 0% no-repeat transparent;*/
    float: left;
    min-height: 250px;
    width: 100%;
    cursor:pointer;
}

#contentNew,
.contentContainer {
	/* for research dynamic content adder */
	clear:both;
	padding: 1.25em 0;
}

/********************************************************** * FIXES */
/* Added after implementation to fix various issues */
/* by Ed 											*/

section.content {
	/* stop one content area overlapping another */
	clear:both;
}

section.content h1
{
	/* H1 style missing, but still available in the editor - this mimics H2 for consistency */
					width: 96%;
					padding-left:0.65em;
					padding-bottom:0.15em;
					margin-top:0.75em;
					margin-bottom: 0.75em;
					font-family: firasans, Helvetica, Arial;
					font-size: 2em;
					color:#0F8291;
					letter-spacing: -0.01px;
					text-transform: initial;

					background-image: url('/assets/pwp/img/h2blue.png');
					background-position: 0% 0.3em;
					background-repeat: no-repeat;

					border-bottom: 1px solid #dcdcdc;
					float: left;
					clear:both;
}

section.content h1,
section.content h2,
section.content h3 {
	/* counter the floats and not quite 100% widths */
	clear:left;
}

section.content ul,
section.content ol
{
	/* if <li> text didn't fill the line, the float:left; causes the element below to display inline after ul/ol */
	width: 100%;
}

section.content div.caption {
	z-index: 99; /* over-ride for default 500 (!) */
}

/* missing styles */
section.content sub,
section.content sup {
	font-size: 0.7em
}

section.content sub {
	vertical-align: sub;
}

section.content sup {
	vertical-align: super;
}

/* specific to screen-readers, tell them not to read this outloud */
@media speech
{
                .noSpeak
                {
                                speak:none; /* shh-ut uup! */
		display:none;
	}
}

/* no wrapped links please */
a.authors {
	white-space: nowrap;
}

/* video styling */
section.content .container_wide,
section.content .container_standard {
    width: 98%;
}

section.content .container_wide img,
section.content .container_standard img {
    float: left;
    width: 100%;
}

section.content {
	/* to fix the preview images for large videos being larger than the container */
	background-size: 100% 100%; /* doesnt work in IE<9 */
}

/* video extras */
section.content #rec ul li {
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
}

section.content #rec.standard,
section.content #rec.wide {
	width:100%;
}

/* storify */
.storify_container {
	margin: 0 0 1em;
}

/* slideshow over-rides */
section.content .slideShowInPage {
	/* slideshow displaying at incorrect height */
	height: 25.3em;
}

#main .slideShowInPage a {
	/* remove underline from links */
	border-bottom: none;
}

section.content div.cmsSlideshow div.caption {
                border-top:none;
                z-index: 99; /* over-ride for default 500 (!) */
                bottom: 1.4em;
}

section.content div.cmsSlideshow div.caption-inside span {
                padding: 0.2em 0.4em;
}

#main div.cmsSlideshow div.caption-inside p {
                /* #main is used instead of section.content to override cascade */
                padding-left:0;
                font-size: 1.2em;
}

section.content .slide-show {
	margin:1em 0;
	clear: both;
}

section.content .slide-show a {
	border-bottom:none;
}

section.content .slide-show li {
	padding-left:0;
}

#main section.content .slide-show .caption {
	padding-left:2%;
	font-size:1em;
}

#wrap,
#contentimgRes {
	/* the tinymce wrap and image crop tool are under a few elements on the page */
	z-index: 100;
	/* this didn't work in Chrome, so functionality is also reproduced in JS (sorry) */
}

#wrap {
	position:fixed;
	top:0;
	background:url("https://www.imperial.ac.uk/2007templates/images/photo_caption_bg.png") repeat scroll 0 0 transparent;
	height: 100%;
	transition: all 0.5s linear;
}

#overlay-window {
	width:100%;
	position:absolute;
	top:10px;
	left: 400px;
	padding:0 1em 1em;
	z-index:999;
}

/********** PULL QUOTE (largly ripped off from news but with a different colour) */

#main section.content .article-quote-callout {
				    float: left;
				    margin: 0 4.34782608695652% 1em 0;
				    width: 47.82608695652174%;
}

#main section.content .article-quote-callout-inside {
					border-top: 1px solid #DCDCDC;
					border-bottom: 1px solid #DCDCDC;
    				padding: 0.9em 0.7em;
}

#main section.content .article-quote-callout q {
				    color: #841C1C;
				    font-family: firasans, Helvetica, Arial, sans-serif;
				    display: block;
				    font-size: 1.95em;
				    line-height: 1.7em;
				    margin-bottom: 0.5em;
}

#main section.content .article-quote-callout .quoted-from {
    				margin-bottom: 0;
    				font-style:italic;
    				font-weight:bold;
    				font-size: 1.25em;
    				text-align: right;
}
#main section.content .quoted-from-jobtitle	{
					margin: 0;
    				font-style:italic;
    				font-size: 1.25em;
    				text-align: right;
}

#main section.content .pullquote p {
	clear:none;
}

/* stopping nested li's getting bigger and bigger */
section.content li li,
section.content li li li
{
	font-size: inherit;
	padding-left:0.95em;
}


.fixedFooter {
	/* specifically for PWPMessage.jsp where the footer sits in the middle of the page */
	position:absolute;
	bottom:0;
}

section.content .quiet {
     color:#909090;
}

.dca_feed_options {
     display:none;
}

aside .dcacontainer p.dca_re_twitlinks a {
     color:000;
     font-weight:bold;
}

aside .dcacontainer div.dcaloadingfeed {
     padding: 2em 1.75em;
}

/********************* RSS FEED (sidebar) **********************/

#rss-feed {
	width:90%;
	padding-left:2.35em;
	padding-right: 0.6em;
	margin-top:2em;
}

#rss-feed .rss-item {
	margin-bottom:1em;
}

#rss-feed h4 {
  font-size: 1.2em;
}

#rss-feed a h4:before {
	color:#111;
}

#rss-feed h4:before {
	content:'>';
	display:block;
	margin-left:-1em;
  float:left;
	color:#cbcbcb;
}

#rss-feed p {
	padding-left:0;
	margin-top:0.3em;
	font-size:1em;
}

#rss-feed .date {
	font-size:0.9em;
	margin-bottom:0.5em;
}

#main #rss-feed a:hover {
	text-decoration: none;
}

#rss-feed a:hover h4, #rss-feed a:active h4 {
	text-decoration: underline;
}

/********************* PUBLISH / EDIT BUTTON OVERLAY ***********/

#publishContainer {
     position:fixed;
     bottom:0;
     left:0;
     width:100%;
     height: 6.5em;

     border-top: 1px solid #505050;

     background: -moz-linear-gradient(top,  rgba(163,163,163,0.85) 0%, rgba(191,191,191,0.9) 100%); /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(163,163,163,0.85)), color-stop(100%,rgba(191,191,191,0.9))); /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top,  rgba(163,163,163,0.85) 0%,rgba(191,191,191,0.9) 100%); /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top,  rgba(163,163,163,0.85) 0%,rgba(191,191,191,0.9) 100%); /* Opera 11.10+ */
     background: -ms-linear-gradient(top,  rgba(163,163,163,0.85) 0%,rgba(191,191,191,0.9) 100%); /* IE10+ */
     background: linear-gradient(to bottom,  rgba(163,163,163,0.85) 0%,rgba(191,191,191,0.9) 100%); /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9a3a3a3', endColorstr='#e6bfbfbf',GradientType=0 ); /* IE6-9 */

     z-index:100;

}

#publishContainer .edit.button {
     /* edit button */
     position: absolute;
     right: 0;

     padding: 0.7em 1.5em;
     margin:1.3em 2em;
}

#publishContainer .warning {
     position: absolute;
     bottom:0; left:0; right:0; top:0;
     height: 2.7em;
     width: 37em;

     margin: auto;
     padding-top: 4em;

     text-align: center;
     color: #9f3523;
     font-size: 1.3em;
     font-weight: bold;

     background: url('/assets/pwp/img/warning.png') no-repeat scroll 0 0;

}

/** a bunch of copied code from editextras.css **/

a.button {
     /* generic styles for all buttons */
     -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
     border-image: none;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
     cursor: pointer;
    font: bold 11px/1 "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
    padding: 0.5em 1em;
    text-align: center;
    text-decoration: none;
}

.edit.button {
     /* blue button to indicate editing or amending the page */
     background: #457daa; /* Old browsers */
     background: -moz-linear-gradient(top,  #457daa 0%, #2f6091 100%); /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#457daa), color-stop(100%,#2f6091)); /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top,  #457daa 0%,#2f6091 100%); /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top,  #457daa 0%,#2f6091 100%); /* Opera 11.10+ */
     background: -ms-linear-gradient(top,  #457daa 0%,#2f6091 100%); /* IE10+ */
     background: linear-gradient(to bottom,  #457daa 0%,#2f6091 100%); /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#457daa', endColorstr='#2f6091',GradientType=0 ); /* IE6-9 */

     border-color: #385b79 #385b79 #385b79;
    box-shadow: 0 1px 0 0 #658ab3 inset;
    text-shadow: 0 -1px 0 #224a7e;
}

.edit.button:hover {
     background: #215986; /* Old browsers */
     background: -moz-linear-gradient(top,  #215986 0%, #2f6091 100%); /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#215986), color-stop(100%,#2f6091)); /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top,  #215986 0%,#2f6091 100%); /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top,  #215986 0%,#2f6091 100%); /* Opera 11.10+ */
     background: -ms-linear-gradient(top,  #215986 0%,#2f6091 100%); /* IE10+ */
     background: linear-gradient(to bottom,  #215986 0%,#2f6091 100%); /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#215986', endColorstr='#2f6091',GradientType=0 ); /* IE6-9 */
}

.ok.button {
     /* green button to indicate saving or progressing */
     background: #7dbd4b; /* Old browsers */
     background: -moz-linear-gradient(top,  #7dbd4b 0%, #63A62F 100%); /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7dbd4b), color-stop(100%,#63A62F)); /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top,  #7dbd4b 0%,#63A62F 100%); /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top,  #7dbd4b 0%,#63A62F 100%); /* Opera 11.10+ */
     background: -ms-linear-gradient(top,  #7dbd4b 0%,#63A62F 100%); /* IE10+ */
     background: linear-gradient(to bottom,  #7dbd4b 0%,#63A62F 100%); /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dbd4b', endColorstr='#63A62F',GradientType=0 ); /* IE6-9 */

    border-color: #61883b #61883b #61883b;
    box-shadow: 0 1px 0 0 #96CA6D inset;
    text-shadow: 0 -1px 0 #4C9021;
}

.ok.button:hover {
     background: #61A12F; /* Old browsers */
     background: -moz-linear-gradient(top,  #61A12F 0%, #63A62F 100%); /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61A12F), color-stop(100%,#63A62F)); /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top,  #61A12F 0%,#63A62F 100%); /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top,  #61A12F 0%,#63A62F 100%); /* Opera 11.10+ */
     background: -ms-linear-gradient(top,  #61A12F 0%,#63A62F 100%); /* IE10+ */
     background: linear-gradient(to bottom,  #61A12F 0%,#63A62F 100%); /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61A12F', endColorstr='#63A62F',GradientType=0 ); /* IE6-9 */
}

.disabled {
     cursor:default !important;
}

.hidden {
	display:none;
}

.disabled.button {
     /* grey to indicate an inactive button - higher priority than the other classes */
     background: #B7B7B7; /* Old browsers */
     background: -moz-linear-gradient(top,  #B7B7B7 0%, #ABABAB 100%); /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B7B7B7), color-stop(100%,#ABABAB)); /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top,  #B7B7B7 0%,#ABABAB 100%); /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top,  #B7B7B7 0%,#ABABAB 100%); /* Opera 11.10+ */
     background: -ms-linear-gradient(top,  #B7B7B7 0%,#ABABAB 100%); /* IE10+ */
     background: linear-gradient(to bottom,  #B7B7B7 0%,#ABABAB 100%); /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B7B7B7', endColorstr='#ABABAB',GradientType=0 ); /* IE6-9 */

     border: 1px solid #9E9E9E;
    box-shadow: 0 1px 0 0 #C2C2C2 inset;
    text-shadow: 0 -1px 0 #B9B9B9;

    color:#949494;
}

#publishContainer .disabled.button {
     color:#979797;
     text-shadow: 0 -1px 0 #A2A2A2;
     border: 1px solid #868686;
}

.disabled.button:hover {
          /* grey to indicate an inactive button - higher priority than the other classes */
     background: #B7B7B7; /* Old browsers */
     background: -moz-linear-gradient(top,  #B7B7B7 0%, #ABABAB 100%); /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B7B7B7), color-stop(100%,#ABABAB)); /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top,  #B7B7B7 0%,#ABABAB 100%); /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top,  #B7B7B7 0%,#ABABAB 100%); /* Opera 11.10+ */
     background: -ms-linear-gradient(top,  #B7B7B7 0%,#ABABAB 100%); /* IE10+ */
     background: linear-gradient(to bottom,  #B7B7B7 0%,#ABABAB 100%); /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B7B7B7', endColorstr='#ABABAB',GradientType=0 ); /* IE6-9 */
}

.js #respub-area {
	display: none;
}

.js .respub-debug {
	display: none;
}


/* Figshare embed */

.figshare-embed {
	position: relative;
	margin-bottom: 20px;
}

/* MathJax */
.mathjax {
	/* match body text size */
	font-size: 1.4em;

	/* avoid showing the raw code... */
	visibility: hidden;
}

/* ...until it is typeset */
.mathjax .MathJax {
	visibility: visible;
}