/**** BUNDLE: master.css ****/

/** reset.css from http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}



body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/** site styling main css */

@font-face {
    font-family: 'A2AfterallTypewriterLight';
    src: url('/fonts/A2AfterallTypewriterLight.eot');
    src: url('/fonts/A2AfterallTypewriterLight.eot?#iefix') format('embedded-opentype'),
         url('/fonts/A2AfterallTypewriterLight.woff2') format('woff2'),
         url('/fonts/A2AfterallTypewriterLight.woff') format('woff'),
         url('/fonts/A2AfterallTypewriterLight.ttf') format('truetype'),
         url('/fonts/A2AfterallTypewriterLight.svg#A2AfterallTypewriterLight') format('svg');
}


body {
	width: 1040px;
	margin: 0 auto 25px auto;
	padding: 0 10px 0 10px;
	color: #464646;
	font-size: 80%;
	line-height: 125%;
	font-family: georgia, times, serif;
}

a
{
	color: #464646;
	text-decoration: none;
	outline: none;
}

a:hover
{
	text-decoration: underline;
}

p
{
	letter-spacing: -0.02pt;
	margin-bottom: 10px;
}

em
{
	font-style: italic;
}

strong
{
	font-weight: bold;
}

ol
{
	padding-left: 20px;
}

ol li
{
	padding-bottom: 5px;
}

p a,
.pages a,
.credits a,
.bounce a,
h3 a
{
	color: #2a8b9f;
}

img
{
	border: 0;
}

h1, h2, h3, h4, h5, h6
{
	font-weight: normal;
	font-size: 11pt;
	line-height: 14pt;
}

h1
{
	font-size: 13pt;
	line-height: 15pt;
}

h4
{
	font-size: 11pt;
	line-height: 12pt;
}

h5
{
	font-size: 11pt;
}

sup
{
	font-size: 85%;
	line-height: 90%;
	vertical-align: top;
}

sup a
{
	font-size: 85%;
	line-height: 90%;
	vertical-align: top;
}

label
{
	outline: none;
	font-family: georgia, times, serif;
	padding: 1px;
	display: block;
	float: left;
	margin-right: 10px;
	height: 20px;
}

input.text,
input.button,
select,
.tagged
{
	outline: none;
	font-family: georgia, times, serif;
	padding: 1px;
	font-size: 9pt;
	line-height: 10pt;
	display: block;
	float: left;
	margin-right: 10px;
	height: 20px;
}



select
{
	padding: 0;
}

textarea.text, input.text { 	font-family: georgia, times, serif; margin: 0 10px 0 5px; line-height: 18px; width: 100px; border: 1px solid #b0b0b0; padding: 1px 5px 0 5px; }
input.text { height: 18px; }
input.button { display: block; clear: none; height: 20px; line-height: 12px; vertical-align: middle; padding: 0 8px 0 8px;}


fieldset
{
	display: block;
}

fieldset .legend
{
	float: left;
	display: block;
}
/* generic classes */

.textsize a
{
	color: #2a89bf;
	padding: 1px 2px 0 2px;
}

.textsize a.current
{
	background: #d7fbff;
}

.textsize .small
{
	font-size: 16px;
}

.textsize .medium
{
	font-size: 19.2px;
}

.textsize .large
{
	font-size: 22.4px;
}

.rule
{
	padding-bottom: 10px;
	border-bottom: 1px solid #b0b0b0;
	margin-bottom: 10px;
}

p.tags
{
	color: #b0b0b0;
}

/** pull quote **/

.pullquote
{
	margin-bottom: 3px;
	border-bottom: 1px solid #b0b0b0;
	max-width: 50%;
}

.pullquote q
{
	display: block;
	font-size: 16px;
	line-height: 20px;
}

.pullquote q:before
{
	content: "\2018";
}

.pullquote q:after
{
	content: "\2019";
}

.pullquote cite
{
	display: block;
	color: #b0b0b0;
}

p .pullquote
{
	margin-top: 6px;
}

blockquote {
	margin: 0 2em 0.25em 2em;
	font-style: italic;
}

blockquote.pullquote
{
	font-style: normal;
}

/** inline object **/


figure.inline
{
	display: block;
}

.inline img
{
	margin: 0;
}

.leftAlign,
.inline.left,
.align_left
{
	margin: 3px 10px 3px 0;
}

.inline.clear
{
  display: block;
  float: none;
  clear: both;
}

.rightAlign,
.inline.right,
.align_right
{
	margin: 3px 0 3px 10px;

}

.inline figcaption,
.inline .caption
{
	color: #b0b0b0;
	font-style: italic;
	display: block;
	position: relative;
	border-bottom: 1px solid #d2d2d2;
}

.leftAlign,
span.left,
.align_left
{
	float: left;
	margin-right: 10px;
}

.rightAlign,
span.right,
.align_right
{
	float: right;
	margin-left: 10px;
}

.centerAlign,
span.center
{
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
	clear: both;
}

span.center q,
span.center cite
{
	display: block;
	clear: both;
}

/** navigation */

ul.navigation
{
	margin: 0;
	padding: 0;

}

ul.navigation li
{
	display: block;
}

/** header */

#head
{
	position: relative;
	top: 0;
	left: 0;
	height: 120px;
	width: 850px;
}



#navigation1
{
	position: absolute;
	width: 850px;
	top: 51px;
	left: 0;
}

#navigation1 h2
{
	position: relative;
	font-size: 30pt;
	line-height: 37pt;
	margin: 0;
	padding: 0;
}

#navigation1 h2 a span
{
	display: none;
}

#navigation1 li
{
	display: block;
	float: left;
}

#NIhome a
{
	display: block;
	width: 155px;
	height: 48px;
	clear: none;
	float: left;
	background-image: url('/img/afterall.gif');
}


#NIonline a
{
	display: block;
	width: 180px;
	height: 48px;
	float: left;
	background-image: url('/img/online.gif');
}

#NIonline a:hover,
#NIonline.current  a
{
	background-image: url('/img/online-over.gif');
}

#NIjournal a
{
	display: block;
	width: 190px;
	height: 48px;
	float: left;
	background-image: url('/img/journal.gif');
}


#NIjournal a:hover,
#NIjournal.current a
{
	background-image: url('/img/journal-over.gif');
}

#NIbooks a
{
	display: block;
	width: 160px;
	height: 48px;
	float: left;
	background-image: url('/img/books.gif');
}

#NIbooks a:hover,
#NIbooks.current  a
{
	background-image: url('/img/books-over.gif');
}


#NIevents a { display: block; width: 165px; height: 48px; float: left; background-image: url('/img/events.gif'); }
#NIevents a:hover, #NIevents.current  a {	background-image: url('/img/events-over.gif'); }


#head #navigation2
{
	top: 15px;
	position: absolute;
	right: 0;
}

#navigation2 ul
{
	position: absolute;
	right: 0;
	display: block;
}

#navigation2 li,
#navigation3 li
{
	position: relative;
	display: block;
	float: left;
	padding-left: 14px;
	line-height: 16px;
	height: 16px;
	background-image: url('/img/navi-bullet-464646.gif');
	background-position: 2px center;
	background-repeat: no-repeat;
}

#navigation2 li.first
{
	background: none;
}


#NIsearch form { display: block; position: relative; margin: 0; padding: 0; height: 16px; }
#NIsearch label { line-height: 16px; height: 16px; margin: 0; padding: 0; }
#NIsearch input { position: relative; display: block; border: 1px solid #b0b0b0; padding: 1px; font-size: 8pt; line-height: 10pt; float: left; }
#NIsearch input.text { margin: 0 5px 0 5px; height: 10pt; width: 100px; }
#NIsearch input.button { background: none; border: 1px solid #b0b0b0; padding: 0 5px 0 5px; height: 13pt; margin: 0; }


#navigationUser
{
	position: absolute;
	right: 0;
	top: 122px;
	line-height: 12pt;
	font-size: 9pt;
	z-index: 5;
}

#navigationUser a
{
	color: #2a8b9f;
}

/** section navigation */

.sectionHead
{
	position: relative;
	display: block;
	width: 850px;
	padding-bottom: 10px;
	border-bottom: 1px solid #b0b0b0;
	margin-bottom: 20px;
	color: #b0b0b0;
	font-size: 12pt;
	height: 1em;
}

.sectionHead li
{
	float: left;
	padding-left: 14px;
	background-image: url('/img/navi-bullet-b0b0b0.gif');
	background-position: 2px center;
	background-repeat: no-repeat;
}

.sectionHead li a
{
	color: #b0b0b0;
}

.sectionHead li.first
{
	padding-left: 0;
	background: none;
}

.sectionHead li.current,
.sectionHead li.current a
{
	color: #464646;
}

/** page numbering */

.pages
{
	text-align: right;
	padding-bottom: 3px;
}


.pages ul
{
	display: inline;
	margin: 0 3px 0 3px;
}

.pages ul li
{
	display: inline;
	margin: 0 3px 0 3px;
}

nav.pages a,
.pages ul li a
{
	color: #b0b0b0;
}

nav.pages a
{
	margin: 0 3px 0 3px;
}

nav.pages a.current,
.pages ul li.current a
{
  color: #464646;
}

.page .container .pages .pageNumbers ul
{
  margin-left: 0;
}

.pages a.previous
{
	background-image: url('/img/arrow-previous-ffffff.gif');
	background-repeat: no-repeat;
	padding-left: 16px;
	color: #2a8b9f;
}

.pages a.next
{
	background-image: url('/img/arrow-next-ffffff.gif');
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 16px;
	margin-right: 2px;
	color: #2a8b9f;
}

/** footer */

#foot
{
	clear: both;
	width: 850px;
	position: relative;
	margin-top: 50px;
	border-bottom: 1px solid #b0b0b0;
	padding-bottom: 5px;
}


#foot img
{
	position: absolute;
	left: 0;
	bottom: 6px;
}

#foot ul.level3
{
	bottom: 3px;
	left: 80px;
	position: absolute;
}

#foot ul.level3 a
{
	position: relative;
	bottom: 0;
}

#foot .functions
{
	position: absolute;
	right: 0;
	bottom: 3px;
	color: #b0b0b0;
}

#foot .credits
{
	position: absolute;
	top: 10px;
	right: 0;
	color: #b0b0b0;
	font-size: 7pt;
	text-transform: uppercase;
	text-align: right;
	margin-right: 0;
}

/** contents stylings */

.contents
{
	position: relative;
}

.contents>h1,
.contents>h2,
.contents>h3,
.contents>h4,
.contents>.h1,
.contents>.h2,
.contents>.h3,
.contents>.h4,
.head>h1,
.head>h2,
.head>h3,
.head>h4
{
	font-size: 16pt;
	line-height: 16pt;
	font-weight: normal;
}


.contents>h5
{
	color: #b0b0b0;
	margin-top: 5px;
	margin-bottom: -10px;
}

.contents>h5 a
{
	color: #b0b0b0;
}

.contents>h2,
.contents>h4,
.contents>.h2,
.contents>.h4,
.head>h2,
.head>h4
{
	color: #b0b0b0;
}


.title>h2
{
	color: #464646;
	margin-bottom: 10px;
}



/** container stylings */

.container
{
	position: relative;
}

/** page standard format */

.page .contents
{
	position: relative;
	width: 850px;
	clear: both;
}

.page .contents .footnotes
{
	border-top: 1px solid #b0b0b0;
	padding-top: 10px;
}

.page .contents .footnotes h5
{
	font-size: 10pt;
	color: #838383;
}

.page .contents .footnotes ol
{
	color: #838383;
}

.page .contents .footnotes ol li
{
	margin-bottom: 0;
	padding-bottom: 0;
}

.page .contents .footnotes ol li p
{
	margin-bottom: 5px;
}

.page .contents .head
{
	display: block;
	padding-bottom: 7px;
	border-bottom: 1px solid #b0b0b0;
	margin-bottom: 10px;
	min-height: 35px;
}

.page .container
{
	position: relative;
	float: left;
	border: 4px solid #e6e6e6;
	padding: 26px;
	width: 530px;
	/* overflow: hidden; */
}

.wide .container
{
  width: 850px;
}

.page .container h1
{
	font-size: 16pt;
	padding-bottom: 20px;
	border-bottom: 1px solid #b0b0b0;
	margin-bottom: 10px;
}

.page .container ul.navigation
{
	font-size: 16pt;
	line-height: 18pt;
	padding-bottom: 20px;
	border-bottom: 1px solid #b0b0b0;
	margin-bottom: 10px;
	padding-left: 0;
	margin-left: 0;
}

.page .container ul.navigation li
{
	display: inline;
	background-image: url('/img/navi-bullet-b0b0b0.gif');
	background-position: 0 center;
	background-repeat: no-repeat;
	padding-left: 15px;
}

.page .container ul.navigation li.first
{
	background-image: none;
	padding-left: 0;
}

.page .container ul.navigation li a
{
	color: #b0b0b0;
}

.page .container ul.navigation li.current a
{
	color: #464646;
}




.page .container h2,
.page .container h3
{
	font-size: 12pt;
	margin-bottom: 16pt;
}

.page .container h3
{
	color: #b0b0b0;
	margin-bottom: 10px;
	padding-top: 10px;
}

.page .container h4,
.page .container h5
{
	font-size: 10pt;
	color: #b0b0b0;
}

.page .container h4
{
	margin-bottom: 9pt;
}

.page .container h5
{
	margin-bottom: 0;
}

.page .container p
{
	line-height: 1.5em;
}

.page .container ul
{
	list-style: disc;
	margin-left: 15px;
	margin-bottom: 5px;
}


.page .secondary
{
	position: relative;
	display: block;
	float: left;
	width: 220px;
	margin-left: 40px;
}

.page .related
{
	float: left;
	width: 180px;
	padding: 20px;
	margin-left: 38px;
	border: 1px solid #d2d2d2;
	background: #f0f0f0;
}

.page .related .block
{
	padding-top: 10px;
	border-bottom: 1px solid #b0b0b0;
}

.page .related h3
{
	font-size: 11pt;
	border-bottom: 1px solid #b0b0b0;
}

.page .related h4
{
	font-size: 11pt;
	color: #2a8b9f;
	margin-bottom: 5px;
}
.page .related h5
{
	font-size: 11pt;
	margin-bottom: 5px;
}

.page .related .more
{
	text-align: right;
}

.page .related .link
{
	margin-top: 5px;
}

.page .contents form { clear: both; display: block;}
.page .contents form label { display: block; clear: both;}
.page .contents form input.text, .page .contents form textarea { border: 1px solid #2a8b9f; padding: 1px; font-size: 8pt; line-height: 8pt; display: block; float: left; }
.page .contents form input.text { height: 10pt; }
.page .contents form input.text, .page .contents form textarea.text { margin: 0 10px 0 0; width: 150px; clear: right; }
.page .contents form input.button {  width: 80px; background: none; background-color: #2a8b9f; color: #ffffff; border: 1px solid #2a8b9f; padding: 0 5px 0 5px; height: 13pt;  margin: 0; }
.page .contents form input.hidden { display: none; }

.page .container .media
{
	margin: 0 auto 0 auto;
	font-style: italic;
	border-bottom: 1px solid #b0b0b0;
	margin-bottom: 10px;
	color: #464646;
}

/*
.page .container .media p
{
	font-style: italic;
}
*/

.page .container .media h4
{
	color: #838383;
	margin-bottom: 5px;
	line-height: 10pt;
}

/*
.page .container .media em
{
	font-style: normal;
}
*/

.page .container .media img
{
	margin-bottom: 5px;

}

.page .container .logos
{
	border-top: 1px solid #b0b0b0;
	position: relative;
	display: block;
	width: 100%;
	margin-top: 20px;
	padding-top: 20px;
}


.page .body img
{
	margin: 10px;
}

.page .body .inline img
{
	margin: 0;
}

.page div.gate
{
	border: 1px solid #d2d2d2;
	background: #f0f0f0;
	padding: 30px 26px 0 26px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.page div.gate .column
{
	width: 120px;
}

.page div.gate h2
{
	padding-bottom: 10px;
	border-bottom:  1px solid #838383;
	margin-bottom: 10px;
}

.page div.gate h3
{
	color: #464646;
	margin-bottom: 5px;
}

.page div.gate input.text
{
	clear: both;
	float: none;
	border: 1px solid #d2d2d2;
}

.page div.gate input.button
{
	height: 15pt;
	width: auto;
	padding-left: 20px;
	padding-right: 20px;
	text-transform: capitalize;
	margin-bottom: 10px;
}

.page .container p.author
{
	text-align: right;
	font-style: italic;
}

/** picture essay **/

.pictureessay .container .media
{
	border: 0;
	font-style: normal;
	margin-bottom: 10px;
	color: #464646;
	/*
		WHITE BOX STYLING
		background: #ffffff;
		margin-left: -10px;
		width: 526px;
		padding: 10px 22px 10px 10px;
	*/
}

.pictureessay .container  p.pages
{
	text-align: center;
}

.pictureessay .container .media dd
{
	margin-top: 10px;
}

.pictureessay .container .media img
{
	margin: 10px 0 0 0;
}

.pictureessay .container p.pages a
{
	padding: 0 1px 0 1px;
}

.pictureessay .container p.pages a.current
{
	text-decoration: underline;
	color: #464646;
}

.pictureessay .container .media h3
{
	color: #464646;
	padding: 0;
	margin: 0;
}

.pictureessay .container .body
{
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #b0b0b0;
}



section.picture_essay
{
	width: 700px;
	position: relative;
	display: block;
	clear: both;
	margin-bottom: 20px;
	border-bottom: 1px solid #b0b0b0;
}

section.picture_essay .background
{
	position: absolute;
	background: #000000;
	width: 700px;
	height: 570px;
}

section.picture_essay nav.pages
{
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}

section.picture_essay nav.pages ul
{
	list-style: none;
	margin-left: 2px;
	display: inline-block;
	float: none;
}

section.picture_essay nav.pages ul li
{
	display: inline-block;
	float: none;
}

section.picture_essay .frames
{
	width: 700px;
	text-align: center;
	margin: 10px 20px 10px 20px;
}

section.picture_essay .frames .frame
{
	width: 660px;
}

section.picture_essay .frames .padder
{
	position: relative;
	display: block;
	width: 660px;
	height: 550px;
	text-align: center;
	background-color: #000000;
}

section.picture_essay .frames .padder video
{
	max-width: 660px;
	position: relative;
}


section.picture_essay .frames .padder>div
{
	margin: 0 auto 0 auto;
	position: relative;
	display: inline-block;
}


section.picture_essay .frames .padder img
{
	margin: 0 auto 0 auto;
	position: relative;
	display: inline-block;
}

section.picture_essay .frames .frame figcaption
{
	margin-top: 15px;
	font-style: italic;
	color: #b0b0b0;
	margin-left: -20px;
	max-width: 700px;
}



section.picture_essay figcaption,
#online.essay .picture_essay figcaption
{
	width: 700px;
}

#online.essay .picture_essay figcaption h4
{
	width: 700px;
	line-height: 20px;
	margin-bottom: 10px;
}

section.picture_essay figcaption div,
#online.essay .picture_essay figcaption div
{
	width: 700px;
}

#online.essay section.picture_essay figcaption p
{
	width: auto;
	max-width: 700px;
	font-size: 11pt;
	line-height: 1.6em;
}

#online.essay section.picture_essay figcaption p:last-child,
#online.essay section.picture_essay figcaption h4:last-child
{
	margin-bottom: 0px;
}

section.picture_essay nav.pages
{
	position: relative;
	top: -5px;
	margin: 0px auto 0px auto;
	white-space: nowrap;
}

/** features callout */

#features
{
	position: relative;
	width: 700px;
	height: 350px;
	background-color: #f0f0f0;
	margin-bottom: 20px;
	clear: both;
}

#features.attractor
{
	background-color: #d1faff;
}

#features.attractor .frames
{
	position: relative;
	width: 850px;
	height: 350px;
}

#features .frame
{
	position: absolute;
	width: 850px;
	height: 350px;
	overflow: hidden;
	top: 0;
	left: 0;
	clear: both;
}

#features.attractor .frame
{
	display: none;
}

#features .frame .details
{
	position: absolute;
	top: 0;
	left: 505px;
	width: 180px;
	background-color: #d1faff;
	padding: 10px 20px 0 20px;
	font-size: 10pt;
}

#features .frame .details h2
{
	color: #2a8b9f;
	font-size: 16pt;
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #7bb9c5;
	margin-bottom: 10px;
}

#features .frame .details h3,
#features .frame .details h4
{
	color: #464646;
	font-size: 16pt;
	line-height: 16pt;
	margin-top: 20px;
	padding: 0;
	margin: 0;
}

#features .frame .details h2 a
{
	color: #2a8b9f;
}

#features .frame .details h3 a
{
	color: #464646;
}

#features .frame .details p
{
	margin-top: 10px;
}

#features .frame .details p.links
{
	margin-top: 10px;
	border-top: 1px solid #7bb9c5;
	padding-top: 10px;
}

#features .frame .details .rule
{
	border-color: #7bb9c5;
	padding-top: 10px;
}

#features .pages
{
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0;
	margin: 0;
	line-height: 25px;
	height: 25px;
	z-index: 1000;
	overflow: hidden;
}

#features .pages a
{
	color: #2a8b9f;
}

#features .pages .pagenumbers
{
	margin: 0px -2px 0px -2px;
	padding: 0px 2px 0px 2px;
	background-color: #d1faff;
	display: inline-block;
	float: left;
}

#features .pages li
{
	display: block;
	float: left;
	background: #d1faff;
	line-height: 25px;
	height: 25px;
	margin: 0;
	padding: 0 2px 0 2px;
	height: 25px;
}


#features .pages .activeSlide a
{
	border-bottom: 1px solid #2a8b9f;
}

#features .pages .current
{
	background-color: #d1faff;
}

#features.attractor .pages ul
{
	margin: 0;
}

#features.attractor .pages a.previous
{
	display: block;
	float: left;
	width: 23px;
	height: 26px;
	padding-left: 0px;
	background-image: url('/img/attractor-previous.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: 1000px;
	overflow: hidden;
}


#features.attractor .pages a.next
{
	display: block;
	float: left;
	width: 23px;
	height: 26px;
	background-image: url('/img/attractor-next.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: 1000px;
	overflow: hidden;
}



/** share **/

div.share
{
	position: absolute;
	right: 10px;
	top: 26px;
}

a.print
{
	display: block;
	width: 50px;
	height: 20px;
	line-height: 20px;
	background-image: url('/img/print-icon-e8fdff-20px.gif');
	background-repeat: no-repeat;
	padding-left: 23px;
	margin: 0;
	color: #2a8b9f;
}

div.share div.poparea
{
	position: absolute;
	right: 0;
	top: 20px;
	width: 73px;
	height: 20px;
	overflow: hidden;
}

div.share a.share
{
	width: 50px;
	height: 20px;
	line-height: 20px;
	background-image: url('/img/share-icon-e8fdff-20px.gif');
	background-position: 0 -2px;
	background-repeat: no-repeat;
	padding-left: 23px;
	color: #2a8b9f;
}

div.share div.poparea:hover
{
	overflow: visible;
}

div.share input
{
	float: none;
}

div.share input.button
{
	clear: both;
}

.contents div.share label
{
	line-height: 14px;
	height: 14px;
}

.contents div.share input.text,
.contents div.share textarea.text
{
	display: block;
	clear: both;
	float: none;
	width: 176px;
	border: 1px solid #d2d2d2;
	margin-bottom: 10px;
}


.contents div.share textarea.text
{
	height: 107px;
}


.contents div.share h5
{
	font-size: 16pt;
	line-height: 16pt;
	color: #464646;
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 10px;
}


div.share div.popup div.tag
{
	position: absolute;
	display: block;
	left: 216px;
	top: 15px;
	width: 39px;
	height: 50px;
	background-image: url('/img/arrow-tag-f0f0f0-hard-stroke.gif');
	background-repeat: no-repeat;
}

div.share div.popup
{
	position: absolute;
	left: -256px;
	top: -30px;
	width: 255px;
	height: auto;
}

div.share div.popup div.block
{
	display: block;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 10px;
	padding-bottom: 10px;
}


div.share div.popup div.box
{
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	width: 180px;
	background: #f0f0f0;
	border: 1px solid #d2d2d2;
}

div.share div.popup .link p
{
	margin-bottom: 0;
}

div.share div.popup .box ul
{
	list-style: none;
	margin: 0;
	padding: 0 0 5px 0;
}

div.share div.popup .box ul li
{
	list-style: none;
	padding-bottom: 5px;
}

a.sharelink
{
	position: relative;
	padding-left: 25px;
	max-height: 30px;
	background-image: url('/img/share-icons-16px.png');
	background-repeat: no-repeat;
}

a.facebook
{
	background-position: 0 0;
}

a.twitter
{
	background-position: 0 -32px;
}

a.digg
{
	background-position: 0 -64px;
}

a.linkedin
{
	background-position: 0 -96px;

}

a.friendfeed
{
	background-position: 0 -128px;

}

a.myspace
{
	background-position: 0 -160px;

}

a.mixx
{
	background-position: 0 -192px;

}

a.reddit
{
	background-position: 0 -224px;

}

a.delicious
{
	background-position: 0 -256px;

}

a.stumbleupon
{
	background-position: 0 -288px;

}

a.technorati
{
	background-position: 0 -320px;

}

/** about page */

#about h3
{
	margin-bottom: 0;
}


/** support page */

#support blockquote { font-size: 16pt; margin: 0 0 0.25em 0; font-style: italic; }

/** newsletter page */

#newsletter form p
{
	clear: both;
}

/** section standard format */

.section .contents
{
	width: 828px;
	padding: 20px 10px 10px 10px;
	border: 1px solid #d2d2d2;
	background: #f0f0f0;
}

.section .container
{
	margin-top: 20px;
	width: 808px;
	padding: 10px 10px 1px 10px;
	background: #ffffff;
}


/** Journal */

.section .contents>h1,
.section .contents>h2,
.section .contents>h4,
.section .contents>h5
{
	margin-left: 10px;
}

.section .contents>h2
{
	color: #b0b0b0;
}

/** online */

#online.section>h4
{
	color: #b0b0b0;
	width: 850px;
	padding-bottom: 10px;
	border-bottom: 1px solid #b0b0b0;
	margin-bottom: 18px;
}

#online.section .contents>h1,
#online.section .contents>h5
{
	margin-left: 10px;
	width: 580px;
}


#online.section .container .head
{
	margin-left: -30px;
	margin-bottom: 20px;
}

#online.section .container
{
	padding: 20px 40px 10px 40px;
	width: 750px;
}

#online.section .pageTurn
{
	right: -33px;
}

#online.section .essay
{
	position: relative;
	width: 180px;
	height: 190px;
	border-bottom: 1px solid #f0f0f0;
	margin: 0 10px 10px 0;
	float: left;
	z-index: 10000;
}

#online.section .essay:hover
{
	z-index: 50000;
}

#online.section .right
{
	margin-right: 0;
}

#online.section .essay a.imagecrop
{
	position: relative;
	display: block;
	width: 180px;
	height: 120px;
	overflow: hidden;
	margin-bottom: 5px;
}

#online.section .essay img,
#online.section .essay .imgplaceholder
{
	position: relative;
	display: block;
	background: #f0f0f0;
	color:  #f0f0f0;
}

#online.section .essay .imgplaceholder
{
	width: 180px;
	height: 120px;
}

#online.section .essay .caption
{
	position: relative;
	display: block;
	width: 180px;
	height: 65px;
	overflow: hidden;
}

#online.section .essay .caption h2,
#online.section .essay .caption h3
{
	overflow: hidden;
	font-size: 10pt;
	line-height: 12pt;
	margin: 0;
	padding: 0;
}

#online.section .essay .caption h3
{
	color: #b0b0b0;
}

#online.section  .date
{
	color: #b0b0b0;
	font-size: 9pt;
}

#online.section .essay .details
{
	background: #d7fbff;
	position: absolute;
	z-index: 10;
	top: 40px;
	width: 175px;
	left: -125px;
	padding: 10px;
	z-index: 100;
	display: none;
}

#online.section .essay .details .tag
{
	position: absolute;
	left: 195px;
	top: 10px;
	width: 30px;
	height: 45px;
	background-image: url('/img/online/archive-tag.png');
	background-repeat: no-repeat;
}

#online.section .essay:hover .details
{
	display: block;
}

#online.section .container .left .details
{
	left: 100px;
}

#online.section .container .left .details .tag
{
	left: -30px;
	background-image: url('/img/online/archive-tag-left.png');
}

#online.section .contents
{
	position: relative;
	z-index: 100;
}


#online.section .details h2
{
	margin-top: 0;
	color: #464646;
	margin: 0;
	padding: 0;
	border: 0;
}

#online.section  .details h2 a
{
	color: #464646;
}

#online.section .details h3
{
	margin-top: 0;
	color: #b0b0b0;
	font-size: 11pt;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #7bb9c5;
}

#online.section .details p.links
{
	margin-top: 10px;
	border-top: 1px solid #7bb9c5;
	padding-top: 10px;
}


	figure,
	figcaption
	{
		margin: 0;
		padding: 0;
	}

	#online .attractor {
		position: relative;
		width: 850px;
		height: 350px;
		overflow: hidden;
		margin-bottom: 12px;
		font-size: 11pt;
		line-height: 14pt;
	}

	#online .attractor>a
	{
		display: block;
	}


	#online .attractor article
	{
		position: relative;
		overflow: hidden;
		width: 850px;
		height: 350px;
	}

	#online .attractor article .image
	{
		position: absolute;
		top: 0;
		width: 540px;
		left: 0;
	}


	#online .attractor article .abstract
	{
		position: absolute;
		left: 340px;
		z-index: 2;
		bottom: 0;
		color: #ffffff;
		width: 500px;
		padding: 5px;
	}

	#online .attractor article .abstract .background
	{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #000000;
		opacity: 0.5;
		z-index: -1;
	}

	#online .attractor article .abstract .foreground
	{

		opacity: 1;
		color: #ffffff;
	}

	#online .attractor article .abstract p
	{
		margin: 0;
	}

	#online.section .attractor article .details h3
	{
		border-bottom: 1px solid #ffffff;
		padding-bottom: 5px;
		margin-bottom: 5px;
	}

	#online.section .attractor article .details h1
	{
		font-size: 16pt;
		line-height: 19pt;
		max-width: 480px;
	}


	#online.section .attractor article .details h2
	{
		color: #999999;
	}


	#online .attractor article:hover .abstract
	{
	}

	#online .attractor article.frame1
	{
		z-index: 5;
	}

	#online .attractor article.frame2
	{
		z-index: 4;
	}

	#online .attractor article.frame3
	{
		z-index: 3;
	}

	#online .attractor article.frame4
	{
		z-index: 2;
	}


	#online .attractor article .details p
	{
		display: none;
	}

	#online .attractor article.frame2 .details,
	#online .attractor article.frame2 .marker
	{
		top: 88px;
	}

	#online .attractor article.frame3 .details,
	#online .attractor article.frame3 .marker
	{
		top: 176px;
	}

	#online .attractor article.frame4 .details,
	#online .attractor article.frame4 .marker
	{
		top: 264px;
	}

	#online .attractor a:hover
	{
		text-decoration: none;
	}

	#online .attractor article:hover
	{
		z-index: 100;
	}

	#online .attractor article.current .details
	{
		background-color: #d7fbff;
	}

	#online .attractor:hover article.current .details
	{
		background-color: #ffffff;
	}

	#online .attractor:hover article.current:hover .details,
	#online .attractor article:hover .details
	{
		background-color: #d7fbff;
	}


	#online .attractor article.current .marker,
	#online .attractor article:hover .marker
	{
		display: block;
	}

	#online .attractor article header
	{
		margin-bottom: 12px;
	}

	#online .attractor:hover article.current .details
	{
		background-color: #ffffff;
	}



	#online .features
	{
		width: 920px;
		margin-left: -15px;
	}

	#online .features .column
	{
		width: 272px;
		padding-right: 5px;
		border-right: 1px solid #dddddd;
		float: left;
		padding-left: 15px;
	}

	#online .features .column3
	{
		padding-left: 15px;
		width: 884px;
		border-right: 0px;
	}

	#online .features .column3 article
	{
		margin-right: 25px;
	}


	#online .features .details header
	{
		width: 251px;
	}

	#online .features .right
	{
		border-left: 1px solid #dddddd;
		margin-left: -1px;
		border-right: 0;
	}

	#online .features h1
	{
		max-width: 100%;
	}

	#online .features section>header
	{
		height: 25px;
	}

	#online .features section>header h1
	{
		font-size: 16px;
	}

	#online .features section h1
	{
		max-width: 260px;
	}

	#online .features article
	{
		width: 271px;
		height: 243px;
		margin-top: -7px;
		padding-top: 7px;
		margin-left: -7px;
		padding-right: 5px;
		margin-right: -5px;
		margin-bottom: 12px;
		float: left;
		overflow: hidden;
		position: relative;
		background: #ffffff;
	}


	#online .features article header
	{
		position: relative;
		margin-top: 5px;
	}

	#online .features article .details
	{
		display: block;
		width: 262px;
		position: relative;
		z-index: 1;
		padding: 0 7px 0 7px;
	}

	#online .features article .details .abstract
	{
		display: none;
	}

	#online .features article:hover
	{
		background: #e6e6e6;
		overflow: visible;
	}

	#online .features article:hover .details
	{
		background: #e6e6e6;
		padding-bottom: 1px;
	}

	#online .features article:hover .details .abstract
	{
		display: block;
	}

	#online .features article .image
	{
		margin-left: 7px;
		height: 140px;
		width: 262px;
		overflow: hidden;
	}

	#online .features article a.imagecrop
	{
		display: block;
		width: 262px;
		height: 140px;
		overflow: hidden;
	}


	#online.section	.features article header h2
	{
		font-size: 14px;
		color: #999999;
		width: 200px;
		float: left;
	}

	#online .features article header time
	{
		font-size: 12px;
		float: right;
		line-height: 19px;
	}

	#online .features article footer
	{
		position: relative;
		margin-bottom: 5px;
	}



  	#online.section	.features article .details header h3
	{
		font-size: 12px;
		color: #2a8b9f;
		border: 0;
		padding: 0;
		margin: 0;
	}

	#online nav.pages
	{
		margin-right: 54px;
	}

	#online nav.pages
	{
		font-size: 16px;
	}

	#online nav.pages a.next
	{
		background-position: right 3px;
	}

	#online nav.pages a.previous
	{
		background-position: left 3px;
	}

/** online essay **/

#online.essay .contents h1,
#online.essay .contents h2
{
	font-size: 18pt;
	line-height: 19pt;
	border: 0;
	margin: 0;
	padding: 0;
	width: 650px;
}

#online.essay .contents h1
{
	font-size: 22pt;
	line-height: 25pt;
}

#online.essay .contents h2
{
	color: #b0b0b0;
	margin-bottom: 10px;
}

#online.essay .head
{
	padding-bottom: 0;
}

#online.essay .head .date
{
	color: #b0b0b0;
	margin: 0;
	padding: 0;
}

#online.essay .pullquote,
#online.essay .pullquote q
{
	color: #464646;
	font-size: 16pt;
	line-height: 22pt;
}


#online.essay .pullquote cite
{
	color: #464646;
}

#online.essay .leftAlign
{
	margin: 2px 28px 12px 0px;
}

#online.essay .rightAlign
{
	margin: 2px 0px 12px 28px;
}

		#online.essay a.print
		{
			display: inline-block;
			background-image: url('/img/print-icon-ffffff-20px.gif');
			padding-left: 3px;
		}


		#online.essay .contents
		{
			width: 850px;
			background: #ffffff;
			position: relative;
			float: left;
			padding: 0px;
		}

		#online.essay .contents p
		{
			width: none;
			max-width: 700px;
			margin-bottom: 16pt;
			line-height: 1.6em;
		}

		#online.essay .contents p.tags
		{
			margin-bottom: 0px;
		}


		#online.page .contents .footnotes,
		#online.page .contents .comments,
		#online.page .contents .related
		{
			overflow: hidden;
			border-top: 0px;
			padding-top: 10px;
			width: 405px;
			float: left;
		}

		#online.page .contents .footnotes
		{
			margin-right: 40px;
		}

		#online.page .contents .footnotes ol
		{
			margin-left: 10px;
		}


		#online.page .contents .footnotes h5,
		#online.page .contents .comments h5
		{
			font-size: 11pt;
			color: #838383;
			border-bottom: 1px solid #B0B0B0;
			margin-bottom: 22px;
		}

		#online.essay .contents .footnotes p
		{
			margin-bottom: 8pt;
			max-width: 550px;
		}

		#online.essay .contents h2
		{
			font-size: 16px;
			margin-bottom: 0px;
			line-height: 22px;
		}

		#online.essay header
		{
			margin-bottom: 14px;
		}

		#online.essay header .title
		{
			float: left;
			width: 650px;
		}

		#online.essay header .detail
		{
			padding-top: 2px;
			float: left;
			width: 200px;
			text-align: right;
		}

		#online header .title h1,
		#online header .title h2
		{
			width: auto;
			padding: 0px;
		}

		#online.essay .contents header .share
		{
			white-space: nowrap;
		}

		#online.essay .body
		{
			position: relative;
		}

		#online.essay .body .text
		{
			width: 705px;
		}

		#online.essay .body .support
		{
			width: 145px;
			float: left;
			text-align: right;
			position: relative;
			position: absolute;
			bottom: 4px;
			right: 0px;
		}

		#online section>header
		{
			margin-bottom: 5px;
		}

		#online section a.more
		{
			float: right;
			color: #2a8b9f;
			margin-right: 9px;
		}

		#online section a.more:after
		{
			content: ' >';
		}

		#online.page .related
		{
			width: 405px;
			float: left;
			margin: 0px;
			padding: 0px;
			border: 0px;
			min-width: 200px;
			background-color: none;
			background: none;
		}

		#online.page .related .block
		{
			width: 405px;
			float: left;
			margin-right: 40px;
			border-bottom: 0px;
		}

		#online .body
		{
			font-size: 15px;
		}

		#online.page .related h4
		{
			 font-size: 14px;
		}

		#online.essay .related p,
		#online.essay .related div
		{
			color: #838383;
			margin-bottom: 5px;
		}

		#online.page .related .right
		{
			margin-right: 0px;
		}


		#online.essay form.comment label,
		#online.essay form.comment input.text
		{
			white-space: nowrap;
			width: 120px;
			margin-right: 0px;
			float: none;
		}

		#online.essay form.comment .comment_body,
		#online.essay form.comment .comment_body label
		{
			width: 370px;
		}


		#online.essay form.comment .comment_body textarea
		{
			width: 401px;
			max-width: 401px;
			min-height: 160px;
			margin-bottom: 10px;
		}


		#online.essay form.comment .display_name,
		#online.essay form.comment .email,
		#online.essay form.comment .website
		{
			width: 120px;
			float: left;
			margin-right: 20px;
			margin-bottom: 0px;
		}

		#online.essay .related h3
		{
			color: #838383;
		}

		#online.essay  form.comment .website
		{
			margin-right: 0px;
		}

		#online.essay .caption
		{
			font-size: 13px;
			line-height: 1.6em;
		}

		#online.essay figcaption
		{
			text-align: left;
			font-size: 13px;
			line-height: 1.6em;
		}

		#online.essay figcaption h4
		{
			width: 800px;
			line-height: 20px;
			margin-bottom: 10px;
		}

		#online.essay .picture_essay figcaption
		{
			width: 600px;
		}


		#online.essay .masonry-block
		{
			width: 445px;
			position: relative;
		}

		#online.essay .masonry-container
		{
			width: 900px;
		}


		form.comment .optional,
		form.comment .field_help
		{
			font-size: 7pt;
			line-height: 10pt;
			color: #999999;
		}


		form.comment .field_help
		{
			padding-top: 2px;
			display: block;
			white-space: nowrap;
		}


		form.comment p.honeypot
		{
			display: none;
		}

		#online.essay  form.comment input.button
		{
			width: auto;
			float: none;
			display: inline-block;
		}

		#online.essay form.comment .buttons
		{
			margin-top: 5px;
		}

/** Journal section **/

#journal.section .issue
{
	position: relative;
	width: 810px;
	background: #ffffff;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #b0b0b0;
	margin-bottom: 10px;
}

h1.issue-number {
    font-family: 'A2AfterallTypewriterLight';
    font-size: 36px;
    line-height: 34px;
    font-weight: normal;
    height: 34px;
    color: #464646;
}

h1.issue-number a:link,
h1.issue-number a:visited
{
    color: inherit;
}

h1.issue-number a:hover
{
    text-decoration: none;
    border-bottom: none;
}

#journal.section .issue .details .block
{
	width: 180px;
	margin-right: 20px;
	float: left;
}


#journal.section .issue .details .block div.cover
{
	position: relative;
	width: 180px;
	height: 281px;
	background-color: #e6e6e6;
}


#journal.section .issue .details .block .cover
{
	width: 180px;
	height: auto;
	margin-top: 65px;
}



#journal .details .block .title h1
{
	margin-bottom: 5px;
}

#journal .details .block .title h4
{
	color: #838383;
}

#journal.section .issue .details .block .title
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 1px solid #b0b0b0;
}

#journal.section .issue .details h4
{
	font-size: 11pt;
	font-weight: normal;
	color: #838383;
}

#journal.section .issue .details .head
{
	position: relative;
	height: 73px;
}

#journal.section .issue .details .head h2
{
	margin: 0px 0 15px 0;
	font-size: 11pt;
	font-weight: normal;
	color: #838383;
	position: absolute;
	bottom: 0px;
}


#journal.section .details .block a.members
{
	color: #838383;
}

#journal.section .issue .details ul li
{
	margin-bottom: 10px;
	padding-right: 10px;
}

/** journal issue */

#journal.issue .details
{
	position: relative;
	width: 830px;
	background: #f0f0f0;
	display: block;
	padding: 10px;
	height: 50px;
	margin-bottom: 20px;
	z-index: 100;
}

#journal.issue .details .block
{
	float: left;
	width: 180px;
	margin-right: 10px;
}

#journal.issue .details a.ebook
{
	display: none;
}

#journal.issue .details .block a.members
{
	color: #838383;
}

#journal.issue .details .category
{
	position: absolute;
	height: 48px;
	padding: 0 10px 0 10px;
	overflow: hidden;
	background: #d7fbff;
	border: 1px solid #b4d4db;
	z-index: 100;
	background-image: url('/img/marker-drop-down.gif');
	background-repeat: no-repeat;
	background-position: 180px 20px;
}


#journal.issue .details .contextualEssays
{
	left: 188px;
}
#journal.issue .details .artists
{
	left: 408px;
}
#journal.issue .details .events
{
	left: 628px;
}


#journal.issue .details .category:hover
{
	height: auto;
	overflow: visible;
	padding-bottom: 10px;
	/* width: auto; */
}

#journal.issue .details .category h2
{
	font-size: 13pt;
	line-height: 14pt;
	font-weight: normal;
	position: absolute;
	bottom: 0;
	margin-bottom: 7px;
	width: 85%;
	color: #464646;
}

#journal.issue .details .category .block
{
	border-top: 1px solid #7bb9c5;
	padding-top: 10px;
}

#journal.issue .details .category h3
{
	padding-top: 0;
	padding-bottom: 5px;
	font-size: 12pt;
	line-height: 14pt;
	font-weight: normal;
}

#journal.issue .details .category .head
{
	position: absolute;
	top: 0;
	height: 50px;
	width: 175px;
}


#journal.issue .details .dropdown
{
	position: relative;
	margin-top: 50px;
}

#journal.issue .details .category ul
{
	margin-bottom: 10px;
	position: relative;
}

#journal.issue .details .category ul li
{
	margin-bottom: 10px;
}

#journal.issue .details .category ul li a
{
	display: block;
	color: #2a8b9f;
}

#journal.issue .details img.cover
{
	width: 220px;
}


#journal.issue .contents
{
	width: 870px;
	min-height: 350px;
	z-index: 5;
}

#journal.issue .cover
{
	position: absolute;
	top:  90px;
	right: 0;
}

/** journal essay */

#journal.page .container div.head h1,
#journal.page .container div.head h2
{
	font-size: 16pt;
	line-height: 17pt;
	border: 0;
	margin: 0;
	padding: 0;
	width: 420px;
}

#journal.page .container div.head h2
{
	color: #b0b0b0;
}


#journal.page .container div.members
{
	border-bottom: 1px solid #b0b0b0;
	margin-bottom: 10px;
}

#journal div.share a.print
{
	background-image: url('/img/print-icon-ffffff-20px.gif');
}

#journal div.share a.share
{
	background-image: url('/img/share-icon-ffffff-20px.gif');
}

/** journal subscribe **/


#journal.shop .product .radio
{
	padding: 0;
	margin: 0 10px 0 10px;
	line-height: 2em;
}

#journal.shop .product label
{
	margin: 0;
	padding: 0;
	line-height: 1.6em;
}

#journal.shop .product h3
{
	margin: 0;
	padding: 0;
}

#journal.shop .product p
{
	margin: 0 0 20px 0;
}

#journal.shop .alert
{
	border: 1px solid #cc0000;
}


#journal.shop p.message,
#journal.shop p.productsMessage
{
	clear: both;
	padding-top: 0;
	font-size: 12pt;
}

#journal.shop div.alert
{
	padding: 5px;
}

#journal.shop fieldset.alert
{
	padding: 5px;
}

#journal.shop fieldset.alert .column
{
	margin-right: 15px;
}

#journal.shop p.visible
{
	padding-top: 10px;
}

#journal.shop .product p
{
	margin: 0;
	padding: 0;
}

#journal.shop .product p.select
{
	margin: 10px 0 0 0;
}

#journal.shop .contents form label
{
	position: relative;
	display: block;
	clear: both;
}

#journal.shop .contents input.text
{
	position: relative;
	width: 176px;
	clear: both;
	margin-bottom: 5px;
	float: none;
}

#journal.shop .contents input.space
{
	margin-bottom: 20px;
}

#journal.shop  .contents select
{
	width: 180px;
	margin-bottom: 5px;
}

#journal.shop .column
{
	position: relative;
	padding: 0;
	margin: 0;
	margin-top: 0;
	width: 243px;
	margin-bottom: 10px;
	margin-right: 20px;
	float: left;
}

#journal.shop fieldset
{
	border: 1px solid #ffffff;
}

#journal.shop fieldset p.help
{
	margin-bottom: 0;
	padding-bottom: 0;
}


#journal.shop  .contents form  label
{
	height: 12pt;
	margin-bottom: 3px;
}

#journal.shop .column .head
{
	border: 0;
	min-height: 30px;
}

#journal.shop .column h3
{
	margin: 0;
	padding: 0;
}

#journal.shop .contents form input.radio
{
	position: relative;
	display: block;
	float: left;
	clear: left;
	margin-right: 0;
	padding-right: 0;
}

#journal.shop .contents form label.radio
{
	position: relative;
	display: block;
	float: left;
	clear: right;
	line-height: 10pt;
	margin-left: 0;
	padding-left: 5px;
}

#journal.shop .contents form label.checkbox
{
	line-height: 14pt;
}

#journal.shop div.terms
{
	margin: 10px 0 10px 0;
	line-height: 130%;
}

#journal.shop div.terms a
{
	color: #2a8b9f;
}

#journal.shop div.terms input.radio
{
	clear: right;
}

#journal.shop div.terms label.radio
{
	clear: left;
	margin: 0;
	padding: 0;
}

#journal.shop .logos
{
	border-top: 0;
	position: relative;
	display: block;
	height: 112px;
	width: 100%;
	margin-top: 20px;
}

#journal.shop .logos img
{
	float: left;
	top: 0;
}

#journal.shop .logos img.sagepay
{
	margin-top: 10px;
}

#journal.shop .logos img.vbv,
#journal.shop .logos img.msc
{
	margin: 8px 0 0 20px;
}

#journal.shop .logos img.ual
{
	position: absolute;
	right: 0;
}

#journal.sagepaycommit p.buttons input
{
	margin-top: 5px;
}

#journal.sagepaycommit p.buttons img
{
	margin-left: 50px;
	float: right;
}

/** books styles */

#books.section .series
{
	border-bottom: 1px solid #b0b0b0;
}

#books.section .series .covers
{
	width: 426px;
	margin: 10px 10px 10px 0;
	float: left;
}

#books.section .series .covers img
{
	margin-right: 10px;
	border: 1px solid #b0b0b0;
}

#books.section .series .covers a.right img
{
	margin-right: 0;
}

#books.section .series .details
{
	width: 370px;
	float: left;
	margin: 10px 0 10px 0;
}

#books.section .series h2,
#books.section .series h3
{
	font-size: 16pt;
	line-height: 16pt;
}

#books.section .series h3
{
	color: #b0b0b0;
	margin-bottom: 10px;
}

#books.series .container
{
	padding-top: 10px;
}

#books.series .book
{
	width: 192px;
	margin-right: 10px;
	float: left;
	border-bottom: 1px solid #b0b0b0;
	height: 293px;
	padding-bottom: 7px;
	margin-bottom: 10px;
}

#books.series .book img
{
	border: 1px solid #b0b0b0;
	margin-bottom: 10px;
}

#books.series .right
{
	margin-right: 0;
}

#books.series .book h2,
#books.series .book h3
{
	font-size: 11pt;
	line-height: 12pt;
}

#books.series .book h3
{
	color: #b0b0b0;
}

#books.series .contents>p
{
	margin: 10px 0;
	padding: 0 0 10px 0;
}


#books.book .contents .container
{
	border: 1px solid #b0b0b0;
	width: 536px;
	float: left;
	padding: 26px;
}

#books.book .container h1,
#books.book .container h2
{
	font-size: 16pt;
	line-height: 16pt;
	border: 0;
	padding: 0;
	margin: 0;
}

#books.book .container h2
{
	color: #b0b0b0;
	margin-bottom: 10px;
}

#books.book .container h3
{
	font-size: 9pt;
	padding-bottom: 5px;
	border-bottom: 1px solid #b0b0b0;
	margin-bottom: 10px;
}

#books.book .container img
{
	border: 1px solid #b0b0b0;
}


#books.book .container h3 a
{
	color: #b0b0b0;
}

#books.book .container img
{
	margin-bottom: 10px;
}

#books.book .container ul.formats
{
	list-style: none;
	margin-left: 0;
	margin-bottom: 10px;
	color: #b0b0b0;
}

#books.book .container p.description
{
	margin-bottom: 0;
	color: #b0b0b0;
}

#books.book .container p.price .pound
{
	font-size: 125%;
}

/** exhbitions histories book series overrides **/

#books.exhibitionhistories.series
{

}

#books.exhibitionhistories.series .overview
{
  float: left;
  width: 382px;
  margin-right: 20px;
}

#books.exhibitionhistories.series .book
{
  width: 392px;
  height: auto;
}

#books.exhibitionhistories.series .book .cover
{
  width: 176px;
  float: left;
}

#books.exhibitionhistories.series .book .contextmenu
{
  width: 216px;
  float: left;
}

.exhibitionhistories div.coverblock
{
  position: relative;
}

.exhibitionhistories div.cover
{
  width: 292px;
  float: left;
}

.exhibitionhistories img.cover
{
  /* float: left; */
}

.exhibitionhistories div.coverblock div.contextmenu
{
  position: relative;
  float: right;
  right: 0;
  margin-left: 10px;
  width: 223px;
}



.exhibitionhistories div.contextmenu h4
{
  font-size: 11pt;
  margin-bottom: 6px;
  color: #B0B0B0;
}

.exhibitionhistories div.contextmenu ul
{
  margin-left: 0;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #b0b0b0;
}

#books.exhibitionhistories.series.exhibitionhistories div.contextmenu ul.last
{
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}


.exhibitionhistories div.contextmenu li
{
  /*
	position: relative;
	display: block;
  margin-left: 0;
	padding-left: 14px;
	line-height: 16px;
	background-image: url('/img/navi-bullet-464646.gif');
	background-position: 2px 3px;
	background-repeat: no-repeat;
	*/
	list-style: none;
	margin-bottom: 4px;
}



.exhibitionhistories div.naviblock
{
  width: 180px;
  float: right;
}

.exhibitionhistories div.naviblock div.contextmenu
{
  position: relative;
  float: right;
  width: 180px;
}


.exhibitionhistories div.naviblock div.contextmenu div.menublock
{
  position: relative;
  float: left;
  right: 0;
  width: 180px;
}

.exhibitionhistories div.contextmenu h4
{
  font-size: 10pt;
  margin-bottom: 4px;
}

.exhibitionhistories div.contextmenu ul
{
  padding-bottom: 6px;
  margin-bottom: 6px;
}


.exhibitionhistories div.contextmenu li
{
  font-size: 9pt;
  margin-bottom: 2px;
}

.exhibitionhistories div.contextmenu li.current
{
  /* font-style: italic; */
  text-decoration: underline;
}



/** events */

#events .container
{
	width: 790px;
}

#events.calendar .event
{
	padding-bottom: 20px;
	border-bottom: 1px solid #b0b0b0;
	margin-bottom: 20px;
}

#events p
{
	line-height: 1.2em;
}

#events.calendar .event .details
{
	width: 385px;
	float: left;
}

#events.calendar .event h2,
#events.calendar .event h3
{
	margin: 0;
	padding: 0;
}

#events.calendar .event h3
{
	padding-bottom: 10px;
}

#events.calendar .event img
{
	float: right;
}

#events.event .contents .container
{
	border: 1px solid #b0b0b0;
	width: 546px;
	float: left;
	padding: 26px;
}



#events.event .container h1,
#events.event .container h2
{
	font-size: 16pt;
	line-height: 16pt;
	border: 0;
	padding: 0;
	margin: 0;
}

#events.event .container h2
{
	color: #b0b0b0;
	margin-bottom: 10px;
}

#events.event .container h3
{
	font-size: 9pt;
	padding-bottom: 5px;
	border-bottom: 1px solid #b0b0b0;
	margin-bottom: 10px;
}

#events.event .container img
{
	border: 1px solid #b0b0b0;
}


#events.event .container h3 a
{
	color: #b0b0b0;
}

#events.event .container img
{
	margin-bottom: 10px;
}

#events.event .related
{
	margin-left: 28px;
}

/** advertisers **/


#advertisers .contents
{
	width: 864px;
}

#advertisers .container
{
	width: 864px;
	padding: 0;
	margin: 0;
	border: 0;
}

#advertisers .contents .advert
{
	display: block;
	position: relative;
	width: 272px;
	height: 178px;
	/* background: #f0f0f0; */
	float: left;
	border: 1px solid #b0b0b0;
	margin-right: 14px;
	margin-bottom: 14px;
	overflow: hidden;
}

#advertisers .advert img
{
	position: relative;
}

div.adverts
{
	width: 864px;
	padding: 0;
	margin: 20px 0 0 0;
	border: 0;
}

div.advertholder
{
	position: relative;
	margin: 0;
	height: 0;
	width: 864px;
}

div.advertcolumn
{
	position: absolute;
 	left: 870px;
	width: 170px;
	overflow: hidden;
}

div.advertcolumn .advert
{
	width: 160px;
	height: 80px;
	overflow: hidden;
	padding-bottom: 5px;
	background-color: #e6e6e6;
	padding: 5px;
	margin-bottom: 20px;
}

div.adverts .advert
{
	display: block;
	position: relative;
	width: 272px;
	height: 178px;
	/* background: #f0f0f0; */
	float: left;
	border: 0;
	margin-right: 14px;
	margin-bottom: 14px;
	overflow: hidden;
}

div.adverts .advert img
{
	position: relative;
}


/** search */

.search .contents
{
	width: 580px;
}

.search .container
{
	width: 560px;
}

.search .contents>h4
{
	margin-bottom: 10px;
}

.search .contents form select,
.search .contents form input.button,
.search .contents label.text
{
	background: none;
	border: 1px solid #b4d4db;
	background-color: #d1faff;
	height: 21px;
}

.search .contents form select
{
	width: 110px;
}

.search .contents label.text
{
	margin-right: 0;
	border-right: 0;
	padding: 2px 5px 0 5px;
	height: 17px;
}

form.search fieldset.search
{
	margin-bottom: 5px;
}

.search .contents fieldset.radio
{
	padding-top: 3px;
}

.search .contents fieldset.radio .legend
{
	height: 20px;
	padding-left: 0;
	margin-left: 0;
	line-height: 1.5em;
}

.search .contents span.radio
{
	white-space: nowrap;
}

.search .contents .radio input
{
	clear: none;
	margin-right: 5px;
	float: left;
}

.search .contents .radio label
{
	display: block;
	clear: none;
	float: left;
	height: 20px;
	padding: 0;
	margin-left: 0;
	line-height: 1.5em;
}



.search .contents input.text
{
	border: 1px solid #b4d4db;
	margin-left: 0;
	width: 160px;
}

.search .contents input.radio
{
	background: none;
	border: 1px solid #b4d4db;
	background-color: #d1faff;
}

.search .match,
.search .term
{
	font-weight: bold;
}

ul.search li.result
{
	padding-bottom: 10px;
	border-bottom: 1px solid #b0b0b0;
	margin-bottom: 10px;
}

ul.search li.result div.image
{
	float: left;
	width: 180px;
	height: 120px;
	overflow: hidden;
	margin-right: 20px;
}

ul.search li.result div.image a
{
	color: #f0f0f0;
}

ul.search li.result div.details
{
	float: left;
	width: 360px;
}

ul.search li.result .details h4,
ul.search li.result .details h4 a
{
	margin: 0;
	padding: 0;
	color: #2a8b9f;
}

ul.search li.result .details h2
{
	padding: 0;
	margin: 0;
}

ul.search li.result p
{
	margin-top: 2px;
	margin-bottom: 0;
	padding-bottom: 0;
	overflow: hidden;
}

/* tags classes */

#tags .container .tags h4
{
	font-size: 10pt;
}

#tags .container .tags p
{
	line-height: 1.5em;
}

/** home */

#home .contents
{
	width: 580px;
}

#home .container
{
	width: 560px;
}

#home .contents
{
	padding-top: 6px;
	float: left;
	margin-right: 40px;
}

#home.section .container
{
	padding: 10px 10px 10px 10px;
	background: #ffffff;
}


#home .secondary
{
	width: 208px;
	float: left;
}

#home .secondary .callout
{
	background: #d1faff;
	padding: 20px;
	margin-bottom: 20px;
}

#home .secondary .callout h2
{
	color: #2a8b9f;
	font-size: 16pt;
	margin-top: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #7bb9c5;
	margin-bottom: 10px;
}

#home .secondary .callout h3,
#home .secondary .callout h4
{
	color: #464646;
	font-size: 16pt;
	line-height: 17pt;
	padding: 0 0 5px 0;
	margin: 0;
}

#home .secondary .callout h3 a,
#home .secondary .callout h4 a
{
	color: #464646;
}

#home .secondary .callout p.links
{
	margin-top: 20px;
	border-top: 1px solid #7bb9c5;
	padding-top: 10px;
	margin-bottom: 0;
}

/** state classes **/

.members p
{
	color: #838383;
}


/** hard classes */

.clear
{
	clear: both;
}


.success
{
	color: #2a8b9f;
}

.error
{
	color: #2a8b9f;
}

.error a
{
	color: #565656;
	text-decoration: underline;
}


@media print
{

	body {
		width: 850px;
	}

	.page #head
	{
		display: none;
	}

	.page .sectionHead
	{
		display: none;
	}

	.page #foot
	{
		display: none;
	}

	.page .related
	{
		display: none;
	}

 	.advertcolumn
	{
		display: none;
	}


	.contents form.comment
	{
		display: none;
	}

	#journal.issue .details .category
	{
		display: none;
	}

}



#books.wide .contents .container
{
  width: 796px;
}

#books.book .container h1.subtitle
{
  padding-bottom: 12px;
}

#books .feature
{
  width: 580px;
  float: left;
}

/*** auction styles **/

.auction dl
{
  width: 500px;
  line-height: 1.5em;
}

.auction dt
{
  font-weight: bold;
  display: block;
  clear: left;
  float: left;
  width: 100px;
  text-align: right;
  margin-right: 10px;
}

.auction dd
{
  float: left;
  clear: right;
  display: block;
  width: 330px;
}

.auction p.bid
{
  font-size: 18pt;
  background: #D1FAFF;
  margin: 10px 0;
  padding: 10px;
  text-align: center;
}

.auction p.bid .you
{
  font-size: 12pt;
  line-height: 14pt ;
}

.auction .history dt
{
  font-weight: normal;
  width: 300px;
}

.auction .history dd
{
  font-weight: normal;
  width: 180px;
}

.auction p.bid .small
{
  font-size: 12pt;
}

.auction div.bidding
{
  text-align: center;
}

.auction .bid .value,
.auction .history .value
{
  font-weight: bold;
}

.auction .showhistory
{
  font-size: 9pt;
  text-align: center;
}


.auction .contents form label
{
  display: block;
  width: 150px;
}

.auction .contents form input.text,
.auction .contents form textarea.text,
.auction .contents form select
{
  width: 250px;
}

.auction .contents form label.terms
{
  width: auto;
  float: left;
}

.auction .contents form label.terms a
{
  text-decoration: underline;
  color: #2A8B9F;
}

.auction .contents form input.checkbox
{
  float: left;
}

.auction .contents form textarea.text
{
  margin-bottom: 5px;
}

.auction .contents form .honeypot
{
  display: none;
}

.auction .contents form p .error
{
  margin-left: 162px;
  display: block;
  clear: both;
}

.auction div#terms
{
  position: relative;
  width: 530px;
}




.auction .works .container ul
{
  list-style: none;
  margin-left: 0;
}

.auction .works .container li
{
  width: 166px;
  height: 180px;
  overflow: hidden;
  border-bottom: 1px solid #B0B0B0;
  padding-bottom: 5px;
  margin-bottom: 15px;
  margin-right: 16px;
  float: left;
}

.auction .works .container li.right
{
  margin-right: 0;
}

.auction .works .container li .imagecrop
{
  display: block;
  width: 166px;
  height: 110px;
  overflow: hidden;
  margin-bottom: 2px;
  background-color: #E6E6E6;
}

.auction .works .container li h2,
.auction .works .container li h3,
.auction .works .container li .bid
{
  font-size: 10pt;
  line-height: 12pt;
  margin: 0;
  padding: 0;
}



.auction .works .container li h3
{
  color: #B0B0B0;
}

.auction .works .container li .bid
{
  font-size: 9pt;
  color: #B0B0B0;
}

.auction ul.artists
{
  /*
  padding: 10px 10px 10px 10px;
  border: 4px solid #e0e0e0;
  */
  padding-top: 26px;
  font-size: 12pt;
  line-height: 18pt;
}

.auction form.bid label
{
  width: 240px;
  text-align: right;
}

.auction form.bid input.text
{
  width: 50px;
  text-align: right;
}

.auction form.bid p.small
{
  text-align: center;
  font-size: 9pt;
  font-style: italic;
  color: #B0B0B0;
}


/**** END BUNDLE: master.css ****/

/**** BUNDLE: mediaelementplayer.css ****/

.mejs-offscreen{
/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages).  Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 - no likey commas */
	clip: rect(1px, 1px, 1px, 1px); /* IE8-IE11 - we likey commas, no support for clip-path */
	clip-path: polygon(0px 0px, 0px 0px,0px 0px, 0px 0px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.mejs-container {
	position: relative;
	background: #000;
	font-family: Helvetica, Arial;
	text-align: left;
	vertical-align: top;
	text-indent: 0;
}

.mejs-container:focus {
	outline: none;
}

.me-plugin {
	position: absolute;
}

.mejs-embed, .mejs-embed body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #000;
	overflow: hidden;
}

.mejs-fullscreen {
	/* set it to not show scroll bars so 100% will work */
	overflow: hidden !important;
}

.mejs-container-fullscreen {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 1000;
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
	width: 100%;
	height: 100%;
}

.mejs-clear {
	clear: both;
}

/* Start: LAYERS */
.mejs-background {
	position: absolute;
	top: 0;
	left: 0;
}

.mejs-mediaelement {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mejs-poster {
	position: absolute;
	top: 0;
	left: 0;
	background-size: contain ;
	background-position: 50% 50% ;
	background-repeat: no-repeat ;
}
:root .mejs-poster img {
	display: none ;
}

.mejs-poster img {
	border: 0;
	padding: 0;
	border: 0;
}

.mejs-overlay {
	position: absolute;
	top: 0;
	left: 0;
}

.mejs-overlay-play {
	cursor: pointer;
}

.mejs-overlay-button {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	background: url('/img/mediaelement/bigplay.svg') no-repeat;
}

.no-svg .mejs-overlay-button {
	background-image: url('/img/mediaelement/bigplay.png');
}

.mejs-overlay:hover .mejs-overlay-button {
	background-position: 0 -100px ;
}

.mejs-overlay-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -40px;
	background: #333;
	background: url('/img/mediaelement/background.png');
	background: rgba(0, 0, 0, 0.9);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: -o-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: -ms-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9));
}

.mejs-overlay-loading span {
	display: block;
	width: 80px;
	height: 80px;
	background: transparent url('/img/mediaelement/loading.gif') 50% 50% no-repeat;
}

/* End: LAYERS */

/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0;
	bottom: 0;
	left: 0;
	background: url('/img/mediaelement/background.png');
	background: rgba(0, 0, 0, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	height: 30px;
	width: 100%;
}
.mejs-container .mejs-controls  div {
	list-style-type: none;
	background-image: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 26px;
	height: 26px;
	font-size: 11px;
	line-height: 11px;
	font-family: Helvetica, Arial;
	border: 0;
}

.mejs-controls .mejs-button button {
	cursor: pointer;
	display: block;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
	margin: 7px 5px;
	padding: 0;
	position: absolute;
	height: 16px;
	width: 16px;
	border: 0;
	background: transparent url('/img/mediaelement/controls.svg') no-repeat;
}

.no-svg .mejs-controls .mejs-button button {
	background-image: url('/img/mediaelement/controls.png');
}

	/* :focus for accessibility */
.mejs-controls .mejs-button button:focus {
	outline: dotted 1px #999;
}

/* End: CONTROL BAR */

/* Start: Time (Current / Duration) */
.mejs-container .mejs-controls .mejs-time {
	color: #fff;
	display: block;
	height: 17px;
	width: auto;
	padding: 10px 3px 0 3px ;
	overflow: hidden;
	text-align: center;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.mejs-container .mejs-controls .mejs-time a {
	color: #fff;
	font-size: 11px;
	line-height: 12px;
	display: block;
	float: left;
	margin: 1px 2px 0 0;
	width: auto;
}
/* End: Time (Current / Duration) */

/* Start: Play/Pause/Stop */
.mejs-controls .mejs-play button {
	background-position: 0 0;
}

.mejs-controls .mejs-pause button {
	background-position: 0 -16px;
}

.mejs-controls .mejs-stop button {
	background-position: -112px 0;
}
/* Start: Play/Pause/Stop */

/* Start: Progress Bar */
.mejs-controls div.mejs-time-rail {
	direction: ltr;
	width: 200px;
	padding-top: 5px;
}

.mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a {
	display: block;
	position: absolute;
	width: 180px;
	height: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
	margin: 5px;
	background: #333;
	background: rgba(50,50,50,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
	background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
	width: 100%;
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	-webkit-background-size: 15px 15px;
	-moz-background-size: 15px 15px;
	-o-background-size: 15px 15px;
	background-size: 15px 15px;
	-webkit-animation: buffering-stripes 2s linear infinite;
	-moz-animation: buffering-stripes 2s linear infinite;
	-ms-animation: buffering-stripes 2s linear infinite;
	-o-animation: buffering-stripes 2s linear infinite;
	animation: buffering-stripes 2s linear infinite;
}

@-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-ms-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }

.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #3caac8;
	background: rgba(60,170,200,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44,124,145,0.8)), to(rgba(78,183,212,0.8)));
	background: -webkit-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: -moz-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: -o-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: -ms-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: linear-gradient(rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
	background: #fff;
	background: rgba(255,255,255,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
	display: none;
	position: absolute;
	margin: 0;
	width: 10px;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	border: solid 2px #333;
	top: -2px;
	text-align: center;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
	position: absolute;
	display: none;
	background: #eee;
	width: 36px;
	height: 17px;
	border: solid 1px #333;
	top: -26px;
	margin-left: -18px;
	text-align: center;
	color: #111;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
	margin: 2px;
	width: 30px;
	display: block;
	text-align: center;
	left: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	line-height: 0;
	border: solid 5px #eee;
	border-color: #eee transparent transparent transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	top: 15px;
	left: 13px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
	width: 48px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
	width: 44px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
	left: 18px;
}

/*
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
	visibility:visible;
}
*/
/* End: Progress Bar */

/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button {
	background-position: -32px 0;
}

.mejs-controls .mejs-unfullscreen button {
	background-position: -32px -16px;
}
/* End: Fullscreen */


/* Start: Mute/Volume */
.mejs-controls .mejs-volume-button {
}

.mejs-controls .mejs-mute button {
	background-position: -16px -16px;
}

.mejs-controls .mejs-unmute button {
	background-position: -16px 0;
}

.mejs-controls .mejs-volume-button {
	position: relative;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
	display: none;
	height: 115px;
	width: 25px;
	background: url('/img/mediaelement/background.png');
	background: rgba(50, 50, 50, 0.7);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	top: -115px;
	left: 0;
	z-index: 1;
	position: absolute;
	margin: 0;
}

.mejs-controls .mejs-volume-button:hover {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

/*
.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
	display: block;
}
*/

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
	position: absolute;
	left: 11px;
	top: 8px;
	width: 2px;
	height: 100px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.5);
	margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
	position: absolute;
	left: 11px;
	top: 8px;
	width: 2px;
	height: 100px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.9);
	margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
	position: absolute;
	left: 4px;
	top: -3px;
	width: 16px;
	height: 6px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.9);
	cursor: N-resize;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	margin: 0;
}

/* horizontal version */
.mejs-controls a.mejs-horizontal-volume-slider {
	height: 26px;
	width: 56px;
	position: relative;
    display: block;
    float: left;
    vertical-align: middle;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	position: absolute;
	left: 0;
	top: 11px;
	width: 50px;
	height: 8px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #333;
	background: rgba(50,50,50,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
	background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	position: absolute;
	left: 0;
	top: 11px;
	width: 50px;
	height: 8px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	background: rgba(255,255,255,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
	display: none;
}

/* End: Mute/Volume */

/* Start: Track (Captions and Chapters) */
.mejs-controls .mejs-captions-button {
	position: relative;
}

.mejs-controls .mejs-captions-button button {
	background-position: -48px 0;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
	visibility: hidden;
	position: absolute;
	bottom: 26px;
	right: -51px;
	width: 85px;
	height: 100px;
	background: url('/img/mediaelement/background.png');
	background: rgba(50,50,50,0.7);
	border: solid 1px transparent;
	padding: 10px 10px 0 10px;
	overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.mejs-controls .mejs-captions-button:hover  .mejs-captions-selector {
	visibility: visible;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none !important;
	overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
	margin: 0 0 6px 0;
	padding: 0;
	list-style-type: none !important;
	display: block;
	color: #fff;
	overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
	clear: both;
	float: left;
	margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
	width: 55px;
	float: left;
	padding: 4px 0 0 0;
	line-height: 15px;
	font-family: helvetica, arial;
	font-size: 10px;
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
	font-size: 10px;
	margin: 0 0 5px 0;
}

.mejs-chapters {
	position: absolute;
	top: 0;
	left: 0;
	-xborder-right: solid 1px #fff;
	width: 10000px;
	z-index: 1;
}

.mejs-chapters .mejs-chapter {
	position: absolute;
	float: left;
	background: #222;
	background: rgba(0, 0, 0, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);
	overflow: hidden;
	border: 0;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
	font-size: 11px;
	color: #fff;
	padding: 5px;
	display: block;
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	cursor: pointer;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
	border-right: none;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
	background: #666;
	background: rgba(102,102,102, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6)));
	background: -webkit-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: -moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: -o-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: -ms-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: linear-gradient(rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232);
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
	font-size: 12px;
	font-weight: bold;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0 0 3px 0;
	line-height: 12px;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
	font-size: 12px;
	line-height: 12px;
	margin: 3px 0 4px 0;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mejs-captions-layer {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align:center;
	line-height: 20px;
	font-size: 16px;
	color: #fff;
}

.mejs-captions-layer  a {
	color: #fff;
	text-decoration: underline;
}

.mejs-captions-layer[lang=ar] {
	font-size: 20px;
	font-weight: normal;
}

.mejs-captions-position {
	position: absolute;
	width: 100%;
	bottom: 15px;
	left: 0;
}

.mejs-captions-position-hover {
	bottom: 35px;
}

.mejs-captions-text {
	padding: 3px 5px;
	background: url('/img/mediaelement/background.png');
	background: rgba(20, 20, 20, 0.5);
	white-space: pre-wrap;
}
/* End: Track (Captions and Chapters) */

/* Start: Error */
.me-cannotplay {
}

.me-cannotplay a {
	color: #fff;
	font-weight: bold;
}

.me-cannotplay span {
	padding: 15px;
	display: block;
}
/* End: Error */


/* Start: Loop */
.mejs-controls .mejs-loop-off button {
	background-position: -64px -16px;
}

.mejs-controls .mejs-loop-on button {
	background-position: -64px 0;
}

/* End: Loop */

/* Start: backlight */
.mejs-controls .mejs-backlight-off button {
	background-position: -80px -16px;
}

.mejs-controls .mejs-backlight-on button {
	background-position: -80px 0;
}
/* End: backlight */

/* Start: Picture Controls */
.mejs-controls .mejs-picturecontrols-button {
	background-position: -96px 0;
}
/* End: Picture Controls */


/* context menu */
.mejs-contextmenu {
	position: absolute;
	width: 150px;
	padding: 10px;
	border-radius: 4px;
	top: 0;
	left: 0;
	background: #fff;
	border: solid 1px #999;
	z-index: 1001; /* make sure it shows on fullscreen */
}
.mejs-contextmenu .mejs-contextmenu-separator {
	height: 1px;
	font-size: 0;
	margin: 5px 6px;
	background: #333;
}

.mejs-contextmenu .mejs-contextmenu-item {
	font-family: Helvetica, Arial;
	font-size: 12px;
	padding: 4px 6px;
	cursor: pointer;
	color: #333;
}
.mejs-contextmenu .mejs-contextmenu-item:hover {
	background: #2C7C91;
	color: #fff;
}

/* Start: Source Chooser */
.mejs-controls .mejs-sourcechooser-button {
	position: relative;
}

.mejs-controls .mejs-sourcechooser-button button {
	background-position: -128px 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
	visibility: hidden;
	position: absolute;
	bottom: 26px;
	right: -10px;
	width: 130px;
	height: 100px;
	background: url('/img/mediaelement/background.png');
	background: rgba(50,50,50,0.7);
	border: solid 1px transparent;
	padding: 10px;
	overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none !important;
	overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
	margin: 0 0 6px 0;
	padding: 0;
	list-style-type: none !important;
	display: block;
	color: #fff;
	overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
	clear: both;
	float: left;
	margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
	width: 100px;
	float: left;
	padding: 4px 0 0 0;
	line-height: 15px;
	font-family: helvetica, arial;
	font-size: 10px;
}
/* End: Source Chooser */

/* Start: Postroll */
.mejs-postroll-layer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/img/mediaelement/background.png');
	background: rgba(50,50,50,0.7);
	z-index: 1000;
	overflow: hidden;
}
.mejs-postroll-layer-content {
	width: 100%;
	height: 100%;
}
.mejs-postroll-close {
	position: absolute;
	right: 0;
	top: 0;
	background: url('/img/mediaelement/background.png');
	background: rgba(50,50,50,0.7);
	color: #fff;
	padding: 4px;
	z-index: 100;
	cursor: pointer;
}
/* End: Postroll */


/* Start: Speed */
div.mejs-speed-button {
	width: 46px !important;
	position: relative;
}

.mejs-controls .mejs-button.mejs-speed-button button {
	background: transparent;
	width: 36px;
	font-size: 11px;
	line-height: normal;
	color: #ffffff;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector {
	display: none;
	position: absolute;
	top: -100px;
	left: -10px;
	width: 60px;
	height: 100px;
	background: url('/img/mediaelement/background.png');
	background: rgba(50, 50, 50, 0.7);
	border: solid 1px transparent;
	padding: 0;
	overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}


.mejs-controls .mejs-speed-button:hover > .mejs-speed-selector {
	display: block;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {
	color: rgba(33, 248, 248, 1);
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none !important;
	overflow: hidden;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li {
	margin: 0 0 6px 0;
	padding: 0 10px;
	list-style-type: none !important;
	display: block;
	color: #fff;
	overflow: hidden;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {
	clear: both;
	float: left;
	margin: 3px 3px 0 5px;
	display: none;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {
	width: 60px;
	float: left;
	padding: 4px 0 0 0;
	line-height: 15px;
	font-family: helvetica, arial;
	font-size: 11.5px;
	color: white;
	margin-left: 5px;
	cursor: pointer;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {
	background-color: rgb(200, 200, 200) !important;
	background-color: rgba(255,255,255,.4) !important;
}
/* End: Speed */

/* Start: Jump Forward */

.mejs-controls .mejs-button.mejs-jump-forward-button {
	background: transparent url('/img/mediaelement/jumpforward.png') no-repeat;
	background-position: 3px 3px;
}
.mejs-controls .mejs-button.mejs-jump-forward-button button {
	background: transparent;
	font-size: 9px;
	line-height: normal;
	color: #ffffff;
}

/* End: Jump Forward */

/* Start: Skip Back */

.mejs-controls .mejs-button.mejs-skip-back-button {
	background: transparent url('/img/mediaelement/skipback.png') no-repeat;
	background-position: 3px 3px;
}
.mejs-controls .mejs-button.mejs-skip-back-button button {
	background: transparent;
	font-size: 9px;
	line-height: normal;
	color: #ffffff;
}

/* End: Skip Back */


/**** END BUNDLE: mediaelementplayer.css ****/