/*
10 / 12
11 / 14
12 / 15
13 / 16
14 / 16
15 / 18
16 / 20
*/
html, body {
	padding: 0;
	margin: 0;
	font: normal 16px/21px "Arimo", Arial, Helvetica, sans-serif;
	color: #383838;
	height: 100%;
}
body.ie8 {
	font: normal 16px/21px Arial, Helvetica, sans-serif;
}
body.chinese {
	font: normal 16px/21px "Arimo", Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
}
body.chinese.ie8 {
	font: normal 16px/21px Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
body {
	background: #FFFFFF;
	height: 100%;
	overflow: hidden;

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

a {
	color: #2B79FF;
	outline: 0;
}
a:hover {
	outline: 0;
}
a:active {
	outline: 0;
}
a.plain {
	color: inherit !important;
	text-decoration: none !important;
	border-bottom: none !important;
}
a.plain.link,
body.epub a.plain.link {
	cursor: pointer !important;
}

#content a.light {
	color: #F5F5F5;
}

sup, sub, .sup, .sub {
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
	font-size: 0.85em;
}
sub, .sub {
	top: 0.4em;
}

.containfloat {
	overflow: hidden;
}
.nobreak {
	white-space: pre;
}
.bold {
	font-weight: bold;
}
.underborder {
	border-bottom: 1px solid;
}
.doubleunderborder {
	border-bottom: 3px double;
}
.underline {
	text-decoration: underline;
}
.doubleunderline {
	text-decoration: underline;
	border-bottom: 1px double;
}
.error {
	color: #F0124A !important;
}
p {
	margin: 0 0 16px 0;
	padding: 0;
	cursor: default;
	text-align: justify;
}
.draganddrop p {
	text-align: left; 
	line-height: 1.3em;
}
p.reducedheight {
	line-height: 19px;
}
p.nobreak {
	margin: 0 0 0 0;
}
p.highlight {
	font-weight: bold;
}
p.highlightfb {
	padding: 0 20px 16px 20px;
	margin-bottom: 0 !important;
}
p.blockbackground {
	padding: 6px 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	background-color: #E4E4E4;
	color: #383838;
}
p.clear {
	clear:both;
}
p.clearleft {
	clear:left;
}
p.small,
p.smalltext {
	font-size: 12px;
	line-height: 15px;
}
p.blockquote,
ol.blockquote,
ul.blockquote {
	padding-left: 24px;
	padding-right: 24px;
	font-size: 14px;
	line-height: 18px;
	overflow: hidden;
	color: #565656;
}
ol.blockquote li,
ul.blockquote li {
	margin-left: 24px;
	margin-bottom: 3px;
}
.blockquote + .blockquote {
	margin-top: -9px !important;
}
p.attribution {
	font-size: 11px;
	line-height: 14px;
	color: #565656;
}
p.footnote {
	overflow: hidden;
	margin-top: 32px !important;
	padding-top: 4px;
	font-size: 11px;
	line-height: 14px;
	border-top: 1px solid #AAAAAA;
	color: #565656;
}
p.pre {
	white-space: pre;
	font-family: Consolas, "Courier New", Courier, Arial, sans-serif;
	font-size: inherit;
	line-height: inherit;
}
p:last-child {
	margin: 0;
}
.aligncenter {
	text-align: center;
}
img {
	border: none;
}

ul,
ol {
	padding: 0 0 0 24px;
	margin: 0 0 16px 0;
}
li > ul,
li > ol {
	margin-top: 8px;
}
li {
	padding: 0;
	margin: 0 0 8px 0;
	position: relative;
	z-index: 0;
}
ul li:last-child,
ol li:last-child {
	margin-bottom: 0px !important;
}

ul.small,
ol.small {
	font-size: 12px;
	line-height: 15px;
}
ul.small li,
ol.small li {
	margin-bottom: 6px;
}
ul.indent,
ol.indent {
	padding-left: 48px;
}
ul.upperalpha,
ol.upperalpha {
	list-style-type: upper-alpha;
}
ul.alpha,
ol.alpha,
ul.upperalpha ul.alpha,
ul.upperalpha ol.alpha,
ol.upperalpha ul.alpha,
ol.upperalpha ol.alpha {
	list-style-type: lower-alpha;
}
ul.upperroman,
ol.upperroman {
	list-style-type: upper-roman;
}
ul.roman,
ol.roman,
ul.upperroman ul.roman,
ul.upperroman ol.roman,
ol.upperroman ul.roman,
ol.upperroman ol.roman {
	list-style-type: lower-roman;
}
ul.level2,
ol.level2 {
	margin: 8px 0 8px 0;
}
ul.nobullet,
ol.nobullet {
	list-style-type: none;
	padding-left: 0;
}
ul li.nobullet,
ol li.nobullet {
	list-style-type: none;
}
ul.indent.nobullet,
ol.indent.nobullet,
li ul.nobullet,
li ol.nobullet {
	padding-left: 24px;
}
ul.noindent,
ol.noindent,
li ul.noindent,
li ol.noindent {
	padding-left: 0;
}
ul.clear,
ol.clear {
	clear: left;
}
li.clearboth,
li.clearboth {
	clear: both;
}
ul.nomargin,
ol.nomargin {
	margin: 0 0 0 0;
}
ul.reducedmargin,
ol.reducedmargin {
	margin-bottom: 8px;
}
ul.flushleft,
ol.flushleft {
	margin-left: 0px;
	padding-left: 12px;
}
ul.reducedmargin li,
ol.reducedmargin li {
	margin-top: 0px !important;
	margin-bottom: 4px !important;
}
ul.nolimargin li,
ol.nolimargin li {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
ul.extrapad li,
ol.extrapad li {
	margin-top: 0px !important;
	margin-bottom: 32px !important;
}

p.summaryhighlight,
li.summaryhighlight,
table tr.summaryhighlight td {
	color: #5688ff;
}
table tr.selectedrowhighlight td {
	color: #0074AD;
	font-weight: bold;
}

form ol,
form ul {
	clear: both;
}

span.imagelabel {
	text-align: center;
	display: block;
	margin-top: 8px;
	margin-left: 20px;
	margin-right: 80px;
	margin-bottom: 12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

span.indent {
	margin: 0;
	padding: 0;
	position: relative;
	display: inline;
	float: right;
	width: 50%;
	padding-right: 24px;
	list-style-type: none !important;
}
span.indent.p25 {
	width: 25%;
}
span.indent.p30 {
	width: 30%;
}
span.indent.p35 {
	width: 35%;
}
span.indent.p40 {
	width: 40%;
}
span.indent.p45 {
	width: 45%;
}
span.indent.fit {
	width: auto;
}
p.indent {
	padding-left: 24px;
}
p.center {
	text-align: center;
}
p.reducedmargin {
	margin-bottom: 8px;
}
p.nomargin {
	margin-bottom: 0;
}

#content > ul li > p,
#content > ol li > p {
	text-align: left;
}

#header {
	z-index: 10;
}

/* centered view */
/*
#header .centerer {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
#content {
	margin: 0 auto;
}
#header {
	height: 36px;
	background-color: #111111;
	margin-bottom: -36px;
}
/**/

#top {
	position: absolute;
	top: 0;
	left: 0;
	height: 53px;
	width: 114px;
	padding: 0;
	margin: 0 20px 0 0;
	color: #383838;
	background-color: #111111;

	z-index: 10;
}
#top .logo {
	background-repeat: no-repeat;
	background-position: bottom right;
	text-indent: -1000px;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 3px;
}
#top .logo.wiley {
	display: none;
	background-image: url(wiley.png);
}
#top .logo.istudy {
	background-image: url(istudy.png);
}
.wileylogo #top .logo.wiley {
	display: block;
}
.wileylogo #top .logo.istudy {
	display: none;
}
a[href] .logo {
	cursor: pointer;
}
a[href] .logo:hover {
	opacity: 0.6;
}

#top:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: -29px;
	width: 30px;
	height: 53px;
	background: url(top.png) 0 0 no-repeat;
	z-index: -1;
}

#top.nologo {
	background-image: none;
}

#nav_bar {
	height: 36px;
	min-width: 580px;
	position: absolute;
	top: 0;
	right: 0;
	left: 140px;
	margin: 0;
	z-index: 11;

	background: #111111;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	-o-user-select: none !important;
	user-select: none !important;
}
.ie8 #nav_bar {
	min-width: 880px;
}
#nav_bar ::-moz-selection {
	background-color: transparent;
	color: inherit;
}
#nav_bar ::selection {
	background-color: transparent;
	color: inherit;
}

#nav_bar .control {
	opacity: 1;
	visibility: inherit;

	-webkit-transition: opacity 0.4s ease, visibility 0s linear, background-color .2s ease, color .2s ease;
	-moz-transition: opacity 0.4s ease, visibility 0s linear, background-color .2s ease, color .2s ease;
	-o-transition: opacity 0.4s ease, visibility 0s linear, background-color .2s ease, color .2s ease;
	transition: opacity 0.4s ease, visibility 0s linear, background-color .2s ease, color .2s ease;
}
#header.closed #nav_bar .control {
	opacity: 0 !important;
	visibility: hidden;

	-webkit-transition: opacity 0.4s ease, visibility 0s linear 0.4s, background-color .2s ease, color .2s ease;
	-moz-transition: opacity 0.4s ease, visibility 0s linear 0.4s, background-color .2s ease, color .2s ease;
	-o-transition: opacity 0.4s ease, visibility 0s linear 0.4s, background-color .2s ease, color .2s ease;
	transition: opacity 0.4s ease, visibility 0s linear 0.4s, background-color .2s ease, color .2s ease;
}
#nav_bar .control:hover,
#header.closed #nav_bar .control:hover {
	-webkit-transition: background-color 0s linear, color 0s linear;
	-moz-transition: background-color 0s linear, color 0s linear;
	-o-transition: background-color 0s linear, color 0s linear;
	transition: background-color 0s linear, color 0s linear;
}
.usetouch #nav_bar .control:hover,
.usetouch #header.closed #nav_bar .control:hover {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
#header.closed #nav_bar .control.cckeep {
	opacity: 1 !important;
	visibility: inherit;
}

#nav_bar .control.hidden {
	visibility: hidden;
	position: absolute;
	left: 0;
	z-index: -1;
}

section {
	position: relative;
	padding: 0;
	margin: 0;
	overflow: hidden;
	height: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


#main {
	padding: 0;
	margin: 0;
	height: 100%;
	
	width: 100%;

	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#window {
	position: absolute;
	left: 0;
	right: 0;
	overflow: auto;
	top: 36px;
	bottom: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* iOS smooth scrolling */
.smoothscroll #window {
	-webkit-overflow-scrolling: touch;
}
/**/
#content {
	color: #383838;

	position:relative;
	width: auto;
	height: auto;
	width: 100%;
	min-width: 720px;
	max-width: 1200px;
	padding: 29px 24px 30px 24px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ie8 #content {
	min-width: 672px;
}
#content.twocolumn {
	min-width: 960px;
}
@media screen and (width:1024px) {
	#content {
		min-width: 960px;
	}
}

#windowloading {
	position: absolute;
	top: 30px;
	left: 24px;
	color: #AAAAAA;
	font-size: 30px;
	font-weight: normal;
	line-height: 36px;
	letter-spacing: -1px;
}
.MathJax_Preview {
	display: none;
}
#MathJax_ZoomFrame {
    color: #383838;
}

#MathJax_Message {
	background-color: #FFFFFF !important;
	color: #383838 !important;

	font-size: 14px !important;
	line-height: 14px !important;

	padding: 12px !important;

	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;

	border: none !important;
}
#MathJax_Message:before {
	font-family: "FontAwesome";
	font-size: 14px;
	line-height: inherit;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 0 0.02em rgba(255,255,255,0.3);

	margin-right: 12px;
	content:"\f017"; /* clock */
}

#window #MathJax_Message {
	position: absolute !important;
}

body #content {
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
body.fade #content {
	opacity: 0;
	-webkit-transition: opacity 0 ease;
	-moz-transition: opacity 0 ease;
	-o-transition: opacity 0 ease;
	transition: opacity 0 ease;
}

#content.default {
}
#content.draganddrop {
	padding: 17px 0 0 0;
}
#content.nopadding {
	padding: 17px 0 0 0;
}
#content.twocolumn {
	padding: 17px 0 0 0;
}
#content.animated {
}
#content.small {
	font-size: 11px;
	line-height: 14px;
}
#content.small .rightcolumn p {
	line-height: 15px;
	margin-bottom: 4px;
}
#content.scrolly {
	overflow-y: auto;
}
#content.quiz {
	overflow-y: auto;
}
#content.quiz.draganddrop {
}
#content.acknowledgements {
	overflow-y: auto;
	font-size: 13px;
	line-height: 16px;
}
#content.acknowledgements h4 {
	margin-top: 24px;
	margin-bottom: -8px;
}
#content.acknowledgements.software h4 {
	margin-bottom: 8px;
}
#content.acknowledgements h5 {
	margin-top: 16px;
	margin-bottom: 4px;
}
#content.acknowledgements p {
	text-align: left;
	line-height: 17px;
	margin-bottom: 8px
}
#content.acknowledgements p.pre {
	line-height: inherit;
}
#content.acknowledgements > *:last-child {
	margin-bottom: 30px;
}
.selectable {
	cursor: auto !important;
	-webkit-user-select: text !important;
	-khtml-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	-o-user-select: text !important;
	user-select: text !important;
}
body.epub *::-moz-selection,
#content.acknowledgements *::-moz-selection,
.selectable::-moz-selection {
	background-color: #2B79FF !important;
	color: #ffffff !important;
}
body.epub *::selection,
#content.acknowledgements *::selection,
.selectable::selection {
	background-color: #2B79FF !important;
	color: #ffffff !important;
}

#mode {
	position: absolute;
	bottom: 1px;
	left: 14px;
	color: #888888;
	font-size: 10px;
	line-height: 12px;
	height: 12px;
	width: 180px;
}
#mode a {
	color: #fff;
	border-bottom: none;
}
#mode a:hover {
	text-decoration: underline;
}

/*
	TO DO:	add a max:60x60 white circle to scalecircle
*/
#textzoomtest {
	font-size: 80px;
	line-height: 80px;
	visibility: hidden;
}
#textzoomcorrection {
	margin: 0; padding: 0;
	position: relative;
	width: 382px;
	margin-right: 33px;
	height: 150px;
	font-size: 80px;
	line-height: 80px;
}
#textzoomcorrection .topcircle,
#textzoomcorrection .bottomcircle,
#textzoomcorrection .scalecircle,
#textzoomcorrection .innercircle {
	margin: 0; padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	vertical-align: baseline;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-border-radius: 300px;
	-moz-border-radius: 300px;
	border-radius: 300px;
}
#textzoomcorrection .topcircle {
	z-index: 3;
	margin-top: -41px;
	margin-left: -41px;
	width: 82px;
	height: 82px;
	border: 2px solid #FFFFFF;
}
#textzoomcorrection .bottomcircle {
	z-index: 1;
	margin-top: -40px;
	margin-left: -40px;
	width: 80px;
	height: 80px;
	background-color: #333333;
}
#textzoomcorrection .scalecircle {
	z-index: 2;
	margin-top: -0.5em;
	margin-left: -0.5em;
	background-color: #333333;
	width: 1em;

	overflow: hidden;
	-webkit-background-clip: content-box;
	-moz-background-clip: content-box;
	background-clip: content-box;
}
#textzoomcorrection .innercircle {
	z-index: 1;
	margin-top: -40px;
	margin-left: -40px;
	width: 80px;
	height: 80px;
	background-color: #FFFFFF;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 20px;
	line-height: 20px;
}
h1, h2, h3, h4, h5, p, li, table {
	cursor: default;
}
h1 {
	display: inline-block;
	font-size: 38px;
	line-height: 68px;
	height: 56px;
	padding: 4px 0 0 10px;
	letter-spacing: -1px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin-left: 76px;
}
.nologo h1 {
	margin-left: 0;
}
h4 {
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0;
}
.pagetitle {
	clear: left;
	margin: 0 -12px 13px -12px;
}
.pagetitle h4 {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 2px 12px 2px 12px;
	font-size: 28px;
	line-height: 36px;
	font-weight: normal;
	letter-spacing: -1px;

	color: #FFFFFF;
	background-color: #FF0073;

	border-bottom: 2px solid #C50059;
	border-right: 2px solid #C50059;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.pagetitle h4 img {
	margin: 0 0 0 20px;
	display: inline-block;
	position: absolute;
	bottom: 0;
}
.pagetitle h4.nowrap {
	white-space: nowrap;
}
#content h5 {
	color: #C50059;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	margin: 0 0 16px 0;
	padding: 0;
	letter-spacing: -1px;
	position: relative;
}
#content h6 {
	color: #383838;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	margin: 0 0 16px 0;
	padding: 0;
	letter-spacing: -1px;
	position: relative;
}
#content h5.small {
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 5px 0;
	letter-spacing: 0px;
	clear: left;
}
#content h5.tablename {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -1px;
	margin: 0 0 5px 0;
}
#content h5.tablename.left {
	text-align: left;
}
#content h5.tablename.center {
	text-align: center;
}
#content h5.tablename.right {
	text-align: right;
}
#content h5.tablename.small {
	font-size: 13px;
	line-height: 16px;
	margin: 0 0 2px 0;
}
#content h5.normal {
	font-weight: normal;
}
#content h5.clear,
#content h6.clear {
	clear: left;
}
#content h5.nobreak {
	margin: 0 0 0 0;
}
#content h5.reducedmargin {
	margin: 0 0 8px 0;
}
.draganddrop .pagetitle {
	margin: 25px 0 0 13px;
}
.twocolumn .pagetitle {
	margin: 12px 12px 0 12px;
}
.twocolumn .rightcolumn .pagetitle {
	margin: 0 0 13px 0;
}

.learningoutcomes {
	font-size: 11px;
	line-height: 13px;
	position: absolute;
	z-index: 300;
	top: 0px;
	right: 0px;
	margin: 0 0 0 142px;
	padding: 0px 6px 1px 110px;

	overflow: hidden;

	background-color: #FFFFFF;
	color: #383838;

	cursor: default;

	-webkit-border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;

	-webkit-transition: top .3s ease, color .3s ease, background-color .3s ease;
	-moz-transition: top .3s ease, color .3s ease, background-color .3s ease;
	-o-transition: top .3s ease, color .3s ease, background-color .3s ease;
	transition: top .3s ease, color .3s ease, background-color .3s ease;
}
.learningoutcomes.multiple {
	padding-left: 118px;
}
.learningoutcomes.collapsible,
.learningoutcomes.collapsible span,
.learningoutcomes.collapsible div {
	cursor: pointer !important;
	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	-o-user-select: none !important;
	user-select: none !important;
}
.learningoutcomes span {
	position: absolute;
	top: 0;
	left: 0;
	height: 17px;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0;
	z-index: -1;
	background: transparent;
	font-weight: bold;
	text-indent: 5px;
}
.learningoutcomes div.list {
	display: inline;
	float: left;
	padding: 0 0 2px 0;
	line-height: 13px;
}
.learningoutcomes div.list div:before {
	content:"\203A";
	position: relative;
	top: -1px;
	margin-right: 2px;
}

.learningoutcomes.closed2 {
	background-color: #E4E4E4;
}
.learningoutcomes.open2 {
	background-color: #E4E4E4;
}
.learningoutcomes.closed2:hover,
.learningoutcomes.open2:hover {
	background-color: #D4D4D4;
}


#content.quiz form > *:last-child {
	margin-bottom: 0px;
}
#content.quiz form.contain > *:last-child {
	margin-bottom: 30px;
}
#content.draganddrop form > *:last-child {
	margin-bottom: 0px;
}
#content form.nooverflow {
	overflow: hidden;
}

input[readonly="readonly"] {
	cursor: default;
}

div.inputrow {
	position: relative;
	padding: 2px;
	display: inline;
	float: left;
	clear: left;
	margin: 0 0 13px 0;
	font-size: 13px;
	line-height: 24px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;


	/*background-color: #F2F2F2;
	color: #383838;
	border-bottom: 2px solid #D4D4D4;
	border-right: 2px solid #D4D4D4;*/
	padding: 0 0 4px 0;
}
div.inputrow *:first-child {
	margin-left: 0px;
}
div.inputrow .midclear + * {
	margin-left: 0px;
}
div.inputrow.activefeedback .inputwrap {
	background-color: transparent !important;
	background-color: rgba(255,255,255,0) !important;
}
div.inputrow.droprow2 {
	background-color: #F2F2F2;
	color: #383838;
	border-bottom: 2px solid #D4D4D4;
	border-right: 2px solid #D4D4D4;
	padding: 2px;
}


div.inputrow.absolute {
	position: absolute;
}
div.inputrow.indent {
	margin-left: 24px;
}
div.inputrow.nomargin {
	margin-bottom: 0;
}
div.inputrow.summary {
	font-size: 16px;
	line-height: 24px;
}
div.inputrow.inlineimage, div.inputrow.inlinerow {
	/*clear: none;*/
	margin-right: 24px;
}
div.inputrow.inlineimagefloat, div.inputrow.inlinerowfloat {
	clear: none;
	margin-right: 24px;
	margin-bottom: 24px;
}
div.inputrow.width100p {
	float: none;
	display: block;
}
div.inputrow.floatright {
	float: right;
}
div.inputrow.regularfloat {
	clear: none;
	margin: 0 16px 16px 0;
}
div.inputrow.clearnone {
	clear: none;
}
div.inputrow.marginright {
	margin-right: 16px;
}
span.floatseparator {
	float: left;
	clear: none;
	line-height: 1.3em;
	padding: 8px 0 0 0;
	margin-left: -12px;
	margin-right: 12px;
}
div.inputrow div.inputrowgroup {
	margin-top: 3px;
}
div.inputrow div.inputrowgroup:first-child {
	margin-top: 0px;
}
p.preparagraph {
	float: left;
	clear: left;
	line-height: 1.3em;
	padding: 8px 0 0 0;
	margin-left: 0;
	margin-right: 16px;
}
.small div.inputrow {
	font-size: 11px;
	line-height: 1.3em;
}
div.inputrow label {
	margin: 0 5px;
	padding: 2px 0 0 0;
	line-height: 20px;
	display: inline-block;
	vertical-align: top;
	width: auto;
}
div.inputrow label.float {
	float: left;
}
.quizenabled div.inputrow label, 
.quizenabled div.inputrow label span {
	cursor: pointer;
}
div.inputrow div.text {
	margin: 0 5px;
	padding: 4px 0 0 0;
	line-height: 18px;
	display: inline-block;
	position: relative;
}

div.inputrow .inputwrap {
	line-height: 16px;
}
div.inputrow .inputwrap.textinput input {
	height: 24px;
}

.tex_hint {
	font-style: italic;
}







div.inputrow.inlineimage label, div.inputrow.inlineimagefloat label { /* row */
	float: right;
	margin: 0 0 0 5px;
	padding: 2px;
}

div.inputrow.inlinerow label, div.inputrow.inlinerowfloat label { /* row */
	float: right;
	margin: 0 0 0 5px;
}


div.clear {
	clear: both;
}
div.clear.midclear {
	height: 2px;
}


input.tex_input {
	font-size: inherit;
	width: 1em;
}

.inputwrap.textinput.textarea {
	width: 420px;
	height: 120px;
}
.inputwrap.textinput.textarea.autofit {
	width: auto;
}
.inputwrap.textinput.textarea textarea {
	width: 100%;
	height: 100%;
	resize: none;
	font-size: inherit;
}
table .inputwrap.textinput.textarea {
	width: auto;
	height: 100%;
}



p.rangelabel {
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 2px;
	clear: left;
}
p.mclabel {
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 2px;
	clear: left;
	float: none;
	display: block;
}


div.inputrow label.radio {
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	float: left;
	line-height: inherit;
}
label.labelradioinput {
	display: inline-block;
	line-height: inherit;
	margin: 0 6px 0 3px;
	padding: 0 0 0 0;
}
div.inputrow label.noid,
div.inputrow.summary label {
	cursor: default;
}
div.inputrow label.leftlabel {
	max-width: 310px;
	vertical-align: top;
	text-align: right;
}
div.inputrow label.rightlabel {
	max-width: 316px;
	vertical-align: top;
}
div.inputrow > div.radio {
	display: inline-block;
	position: relative;
	min-width: 24px;
	height: 24px;
	margin: 0px 3px 2px 0px;
	vertical-align:top;
}
div.inputrow > div.radio > label.inputwrap.labelradioinput {
	min-width: 18px;
	padding: 3px;
	text-align: center;
}
div.inputrow > label.inputwrap.labelradioinput {
	padding: 3px 5px;
}



label.labelradioinput:first-child {
	margin: 0 6px 0 0;
}
label.labelradioinput:last-child {
	margin: 0 0 0 3px;
}
label.inputwrap.labelradioinput {
	display: inline-block;
	position: relative;
	cursor: default;
	padding: 3px 5px 3px 23px;
	margin: 0 0 0 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: left;

	font-size: 13px;
	line-height: 18px;
	min-width: 14px;
	min-height: 18px;
	height: auto;
}
label.inputwrap.labelradioinput.correct,
label.inputwrap.labelradioinput.partcorrect,
label.inputwrap.labelradioinput.incorrect,
label.inputwrap.labelradioinput.notcorrect {
	background-color: transparent !important;
	background-color: rgba(255,255,255,0) !important;
}
label.inputwrap.labelradioinput.notcorrect {
	border-color: transparent !important;
	border-color: rgba(255,255,255,0) !important;
}



label.inputwrap.labelradioinput input {
	display: none;
}
.quizenabled label.inputwrap.labelradioinput:hover {
	border-color: #BBBBBB;
}
.quizenabled label.inputwrap.labelradioinput:active,
.quizenabled label.inputwrap.labelradioinput:focus,
.quizenabled label.inputwrap.labelradioinput.activeinput,
label.inputwrap.labelradioinput.checked,
label.inputwrap.labelradioinput.checked:hover {
	border-color: #888888;
}
.quizenabled label.inputwrap.labelradioinput .innerlabel {
	cursor: pointer;
}

label.inputwrap.labelradioinput.checked .innerlabel  {
	visibility: hidden;
}
label.inputwrap.labelradioinput.checked:after {
	font-family: "FontAwesome";
	color: #888888;
	background: inherit;
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	font-size: 14px;
	line-height: 14px;
	padding: 5px;
	pointer-events: none;

	speak: none;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 0 0.02em rgba(255,255,255,0.3);
	content:"\f192"; /* radio checked */
}


.inputwrap.labelradioinput.incorrect.autohide:hover,
tr:hover .inputwrap.labelradioinput.incorrect.autohide,
.inputwrap.labelradioinput.incorrect.autohide:active {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

div.inputrow.droprow {
	overflow: hidden;
}



.boxtext {
	display: inline-block;
	line-height: inherit;
	margin-right: 6px;
	vertical-align: top;	
}
.droprow .boxtext {
	margin-right: 6px;
	margin-bottom: 5px;
}
.boxtext:last-child,
.boxtext.last,
.droprow .boxtext:last-child,
.droprow .boxtext.last {
	margin-left: 0;
}

div.inputrow.droprow {
	padding-bottom: 0px;
}
.droprow .boxtext.dropline {
	line-height: 30px;
}
.droprow .dropbox {
	margin-bottom: 5px;
}
.droprow .boxtext.last {
	line-height: 30px;
}


div.inputrow.droprow .boxtext {
	margin-right: 0;
	margin-bottom: 0;
	display: inline;
	line-height: inherit;
}
div.inputrow.droprow,
div.inputrow.droprow2 {
	padding-bottom: 0px;
	padding-top: 2px;
	line-height: 32px;
}
div.inputrow.droprow .dropbox.droppable,
div.inputrow.droprow2 .dropbox.droppable {
	height: 30px;
	margin: 0;
	vertical-align: top;
}




.inputwrap.labelradioinput.icon .innerlabel {
	visibility: hidden;
}



.floatleft {
	float: left !important;
}
.clearnone {
	clear: none !important;
}




.draganddrop div.inputtable {
	margin: 13px 0 0 13px;
}


table .indent20 {
	text-indent: 20px;
}


div.infotable {
	display: inline-block;
	float: none;
	clear: left;
	margin: 0 0 16px 0;
	width: auto;
}
div.infotable.float.left {
	float: left;
	margin-right: 24px;
	margin-left: 0;
}
div.infotable.float.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
}
div.infotable.noclear {
	clear: none;
}
div.infotable table {
	width: auto;
}



div.quizsection {
	overflow: hidden;
}
div.quizsection.hidden {
	display: none;
}
div.quizsection p:last-child,
div.quizsection .generalfeedback:last-child p:last-child {
	margin-bottom: 16px;
}
div.quizsection:last-child p:last-child,
div.quizsection:last-child .generalfeedback:last-child p:last-child,
div.quizsection:last-child .generalfeedback:last-child div.image:last-child {
	margin-bottom: 0;
}

.generalfeedback {
	overflow: hidden;
	display: block;
	color: #666666;
}
.generalfeedback.inherit {
	color: inherit;
}
.generalfeedback.overflow {
	overflow: visible;
}
.generalfeedback.clear {
	clear: left;
}
.generalfeedback.inline {
	display: inline;
}
/*.generalfeedback p:last-child {
	margin-bottom: 16px;
}
.generalfeedback:last-child p:last-child {
	margin-bottom: 0;
}*/
.generalfeedback div.image {
	margin-bottom: 16px;
}
.generalfeedback:last-child div.image {
	margin: 0;
}
div.shortanswerfeedback {
	padding: 0 20px 16px 20px;
	clear: left;
}
.generalfeedback div.inputrow.summary.incomplete {
	background-color: #565656;
	line-height: 28px;
}
div.inputfeedback {
	padding: 0 5px 0 30px;
	position: relative;
	top: -15px;
	margin-bottom: 2px;
	z-index: 10;
	float: left;

	font-size: 13px;
	line-height: 18px;

	background-color: #F2F2F2;
	color: #383838;
	border-bottom: 2px solid #D4D4D4;
	border-right: 2px solid #D4D4D4;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-border-radius: 0px 2px 2px 2px;
	-moz-border-radius: 0px 2px 2px 2px;
	border-radius: 0px 2px 2px 2px;
}
div.inputfeedback.noinput {
	top: 0;
	margin-bottom: 17px; /* 13px margin, 4px padding from inputrow */

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
div.inputrow.activefeedback {
	-webkit-border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
}
div.inputfeedback:before {
	font-family: "FontAwesome";
	font-size: 14px;
	line-height: inherit;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 0 0.02em rgba(255,255,255,0.3);
	content:"\f0e5"; /* speech bubble outline */
	position: absolute;
	left: 6px;
	margin-top: 5px;
	color: #AAAAAA;
}


div.inputfeedback > *:first-child {
	margin-top: 6px !important;
}
div.inputfeedback > *:last-child {
	margin-bottom: 5px !important;
}


div.inputfeedback.widthtest {
	display: inline-block;
}
div.inputfeedback.widthtest p {
	float: left;
	clear: left;
}
div.inputfeedback.widthtest .MathJax_Display {
	display: inline-block;
	width: auto;
}

div.inputfeedback ol,
div.inputfeedback ul,
div.inputfeedback p,
div.inputfeedback.small ol,
div.inputfeedback.small ul,
div.inputfeedback.small p,
div.inputfeedback ol.small,
div.inputfeedback ul.small,
div.inputfeedback p.small {
	font-size: 13px;
	line-height: 18px;
	margin: 6px 0 0 0;
}
.inputfeedback ul,
.inputfeedback ol {
	margin: 0 0 6px;
	padding: 0 0 0 20px;
}
.inputfeedback ul.nobullet,
.inputfeedback ol.nobullet {
	padding: 0 0 0 0;
}
.inputfeedback ul.borderedli li,
.inputfeedback ol.borderedli li {
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
.inputfeedback ul.borderedli li:last-child,
.inputfeedback ol.borderedli li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}
span.bullettotop {
	vertical-align: top;
}
.inputfeedback > h5 {
	margin: 0 0 0 0 !important;
}
#content .inputfeedback > h5 {
	color: inherit;
}
.inputfeedback > h5.small {
	margin: 0 0 0 0 !important;
}
.inputfeedback > p {
	margin: 16px 0 0 0;
	float: none;
	display: block;
}
.inputfeedback > ol p,
.inputfeedback > ul p {
	float: none;
	display: block;
	margin: 0 0 6px 0;
}
.inputfeedback > ol.small,
.inputfeedback > ul.small {
	margin: 6px 0 0 0;
}
.inputfeedback > ol.small li,
.inputfeedback > ul.small li {
	line-height: 16px;
	margin: 6px 0 0 0;
}
div.inputfeedback > ol li:last-child,
div.inputfeedback > ul li:last-child {
	margin-bottom: 0px !important;
}

#content.quiz form > div.inputfeedback:last-child {
	margin-bottom: 0px;
}


h5 > .inputwrap.textinput {
	position: absolute;
	padding: 2px 5px 2px 5px;
	height: auto;
	line-height: inherit;
}
h5 > label {
	margin: 0 5px 0 5px;
	line-height: inherit;
	font-weight: normal;
}

.feedbackh5 > h5 {
	display: inline-block;
}
.feedbackh5 .inputwrap.textinput {
	padding: 2px 5px 2px 5px;
	height: auto;
	line-height: inherit;
}
.feedbackh5 label {
	margin: 0 5px 0 5px;
	line-height: inherit;
	font-weight: bold;
	letter-spacing: -1px;
}
.feedbackh5 .generalfeedback {
	margin: -7px 0 0 20px;
	display: inline-block;
	position: absolute;
	overflow: visible;
}
.feedbackh5 div.inputrow.summary {
	margin: 0;
	position: relative;
	top: 0;
}


span.overline {
	border-top: 1px solid #383838;
}
span.overline.white {
	border-top-color: #FFFFFF;
}





.control {
	position:relative;
	display: inline;
	float: left;
	height: 36px;
	min-width: 48px;
	padding: 0 12px;
	margin: 0;
	font-weight: bold;
	font-size: 11px;
	line-height: 36px;
	text-align: center;
	outline: 0;
	background-color: #111111;
	color: #AAAAAA;

	cursor: default;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	-o-user-select: none !important;
	user-select: none !important;
}
.ie8 .control {
	min-width: 24px;
}

.control.hasicon {
}
a.control.hasicon {
}
.control.hasicon.haslabel {
}
.control.container {
	background: none;
}

.control.fillwidth {
	float: none;
	display: block;
	overflow:hidden;
	margin: 0 0 0 0;
}



a.control div.icon,
.control.link div.icon,
.control#progress_bar div.icon {
	cursor: pointer;
	pointer-events: none !important;
}

a.control,
.control.link,
.control#progress_bar {
	cursor: pointer;
	text-decoration: none;

	color: #FAFAFA;
	background-color: #111111;
}
a.control span {
	cursor: pointer;
	pointer-events: none;
}
a.control:focus,
.control.link:focus {
	background-color: #383838;
}
a.control:hover,
.notouch a.control:focus,
.notouch .control.link:hover {
	background-color: #111111; /* use 'black' to prevent a hover flash on the next page */
}
.usetouch a.control:hover {
	background-color: #111111;
}
.notouch a.control:active,
.notouch .control.link:active,
.notouch a.control:focus:active,
.notouch .control.link:focus:active {
	color: #111111;
	background-color: #D4D4D4 !important;
}

a.control.disabled,
a.control.disabled:hover,
a.control.disabled:focus,
a.control.disabled:active,
a.control.disabled:focus:active {
	cursor: default !important;
	color: #888888 !important;
	background-color: #111111 !important;
}
a.control.disabled .icon {
	cursor: default !important;
}

.control .icon {
	display: inline-block;
	vertical-align: top;
	height: 36px;
	width: auto;
	margin-top: 0;
	margin-left: 0;
	pointer-events: none !important;

	background-image: none !important;
	font-family: "FontAwesome";
	font-size: 22px;
	line-height: 36px !important;
	text-align: center;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;

	text-shadow: 0 0 0.02em rgba(242,242,242,0.3);
}
.control.haslabel .icon {
	margin-right: 6px;
}
.control .icon:before {
	content:"\f128"; /* question mark */
	vertical-align: top;
}

.control.controlcenter .icon:before { content:"\f0c9"; font-size: 21px; } /* three lines */
#header.closed .control.controlcenter .icon:before { content:"\f077"; font-size: 22px; line-height: 34px; } /* up chevron */
.control.home .icon:before { content:"\f067"; } /* plus */
.control.left .icon:before { content:"\f053"; } /* left chevron */
.control.right .icon:before { content:"\f054"; } /* right chevron */

.control.playing .icon:before { content:"\f04c"; font-size: 20px; } /* pause */
.control.paused .icon:before { content:"\f04b"; font-size: 21px; } /* play */
.control.muted .icon:before { content:"\f026 "; font-size: 24px; margin-left: 1px; } /* volume none */ .control.muted { text-align: left; }
.control.unmuted .icon:before { content:"\f028"; font-size: 24px; } /* volume full */

.control.submit .icon:before,
.control.submit1 .icon:before { content:"\f00c"; } /* tick */
.control.reset .icon:before,
.control.reset1 .icon:before { content:"\f0e2"; } /* circle arrow */
.control.reveal .icon:before { content:"\f06e"; } /* open eye */
.control.continue .icon:before { content:"\f06e"; } /* open eye */

.control.score .icon:before { content:"\f005"; } /* empty star */

.control.autoplay .icon:before { content:"\f00d"; } /* cross */
.control.autoplay.checked .icon:before { content:"\f00c"; } /* tick */
.control.info .icon:before { content:"\f05a"; } /* i in circle */
.control.ebook .icon:before { content:"\f02d"; } /* book */
.control.settings .icon:before { content:"\f013"; } /* cog */


.control.submitting {
	background-image: url(loading.gif);
	background-position: top center;
	background-repeat: no-repeat;
}
.control.submitting .icon:before,
.control.submitting .icon:before { content:"\f017"; } /* clock */


.control.score .icon {
	min-width: 20px;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}
.control.score.progress_good .icon { color: #76CA49; text-shadow: 0 0 0.02em rgba(39,177,46,0.3); }
.control.score.progress_poor .icon { color: #D32542; text-shadow: 0 0 0.02em rgba(183,18,40,0.3); }
.control.score.progress_good .icon:before { content:"\f005"; /* filled star */ }
.control.score.progress_poor .icon:before { content:"\f12a"; font-size: 19px; /* exclamation */ }


.control.submit,
.control.reset { min-width: 139px !important; display: none; }
.control.submit1,
.control.reset1 { min-width: 132px !important; display: none; }
.control.reveal { display: none; }

.ie8 .control.submit,
.ie8 .control.reset { min-width: 115px !important; }
.ie8 .control.submit1,
.ie8 .control.reset1 { min-width: 108px !important; }

.control.submit.enabled,
.control.reset.enabled,
.control.submit1.enabled,
.control.reset1.enabled,
.control.reveal.enabled { display: inline; }

#nav_bar .control.vidcontrol {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
@media screen and (max-width:990px) {
	#nav_bar .control.haslabel .narrowhide {
		display: none;
	}
	.control.submit, .control.submit1 { min-width: 0 !important; }
	.control.reset, .control.reset1 { min-width: 0 !important; }
}
@media screen and (max-width:908px) {
	.vidquiz #nav_bar .control.vidcontrol#mute_button,
	.vidquiz #nav_bar .control.vidcontrol#progress_bar {
		display: none;
	}
}
#nav_bar .control.vidcontrol.enabled { opacity: 1; }

.control.page { width: auto; }

.control.settings { float: right; }

a.control.vidcontrol { width: auto; }
.control#volumebox { min-width: 44px; padding: 0; }
.control#volumebox .control { margin: 0; }

.control.timer { width: auto; }
.control.timer span { color: #F0124A; }

.control.progress { width: auto; }


.control input, .control label {
	cursor: pointer;
}



/*
 * jQuery UI Slider 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; border-bottom: none; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: 0; margin-left: -.6px; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }



/*#volumebox {
	position: relative;
}
#volumebox:hover {
	margin-top: -82px;
	padding-top: 82px;
}*/

#volume_slider {
	visibility: hidden;
	opacity: 0;
	
	position: absolute;
	top: 0px;
	left: 12px;
	height: 70px;
	width: 18px;
	border: 7px solid #FFFFFF;

	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	border-radius:14px;
	
	background: #f2f2f2;
	
	-webkit-box-shadow: inset 1px 1px 3px #777777, inset 0px 0px 12px #bbbbbb, 0px 0px 12px #222222;
	-moz-box-shadow: inset 1px 1px 3px #777777, inset 0px 0px 12px #bbbbbb, 0px 0px 12px #222222;
	box-shadow: inset 1px 1px 3px #777777, inset 0px 0px 12px #bbbbbb, 0px 0px 12px #222222;
	
	-moz-transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

#volumebox:hover #volume_slider {
	visibility: visible;
	opacity: 1;
}

#volume_slider .ui-slider-handle {
	cursor: pointer;
	margin-left: 0;
	margin-bottom:-5px;
	width: 18px;
	height: 8px;
	left: 0px;

	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;	
	
	background: #ffffff;
	-webkit-box-shadow: 0 0 3px #383838, 0 0 5px #383838;
	-moz-box-shadow: 0 0 3px #383838, 0 0 5px #383838;
	box-shadow: 0 0 3px #383838, 0 0 5px #383838;
}
#volume_slider .ui-slider-handle.ui-state-hover {
	-webkit-box-shadow: 0 0 3px #383838, 0 0 5px #383838, inset -2px -2px 2px #D4D4D4;
	-moz-box-shadow: 0 0 3px #383838, 0 0 5px #383838, inset -2px -2px 2px #D4D4D4;
	box-shadow: 0 0 3px #383838, 0 0 5px #383838, inset -2px -2px 2px #D4D4D4;
}
#volume_slider .ui-slider-handle.ui-state-active {
	-webkit-box-shadow: 0 0 3px #383838, 0 0 5px #383838, inset 2px 2px 2px #D4D4D4;
	-moz-box-shadow: 0 0 3px #383838, 0 0 5px #383838, inset 2px 2px 2px #D4D4D4;
	box-shadow: 0 0 3px #383838, 0 0 5px #383838, inset 2px 2px 2px #D4D4D4;
}

#volume_slider .ui-slider-range {
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	
	background: #2c5284;
	
	-webkit-box-shadow: inset 1px 1px 2px #233347, inset 0px 0px 7px #283A50;
	-moz-box-shadow: inset 1px 1px 2px #233347, inset 0px 0px 7px #283A50;
	box-shadow: inset 1px 1px 2px #233347, inset 0px 0px 7px #283A50;
}

.control#progress_bar {
	position: relative;
	height: 36px;
	padding-right: 8px;
	cursor: default;
}
.control #progress_timer {
	color: #999999;
	position: absolute;
	width: auto;
	text-align: right;
	font-size: 11px;
	line-height: 13px;
	right: 0px;
	bottom: 4px;
	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	-o-user-select: none !important;
	user-select: none !important;

	-moz-transition: bottom 0.2s ease-in-out;
	-webkit-transition: bottom 0.2s ease-in-out;
	-ms-transition: bottom 0.2s ease-in-out;
	-o-transition: bottom 0.2s ease-in-out;
	transition: bottom 0.2s ease-in-out;
}
.control .center #progress_timer {
	bottom: 12px;
}
.control#progress_bar  #current_progress {
	white-space: pre;
	color: #FAFAFA;
}
.control#progress_bar .notstarted  #current_progress {
	visibility: hidden;
}
.control#progress_bar .noseek  #current_progress {
	color: #999999;
	font-style: italic;
}
.control #progress_timer span {
	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	-o-user-select: none !important;
	user-select: none !important;
}

#jplayer_inspector {
	margin-top: 13px;
	padding-top: 13px;
	border-top: 1px solid #888888;
	font-size: 13px;
	line-height: 15px;
}
#jplayer_inspector > p {
	float: left;
	margin-right: 20px;
}
#jplayer_inspector_event_window_1 {
	clear: both;
	font-family: "Courier New", Arial, sans-serif;
}

#seek_bar {
	position:relative;
	width: 122px;
	height: 36px;
	border-bottom: none;
}

#seek_bar:before {
	content: '';
	position: absolute;
	top: 17px;
	left: 0;
	height: 2px;
	width: 100%;
	background-color: #888888;
}


#seek_bar.noseek:before,
#progress_bar.loaderror #seek_bar:before {
	display: none;
}

#progress_bar.loaderror {
	padding: 0;
}
#progress_bar.loaderror #seek_bar {
	width: 140px;
	text-align: center;
}
#progress_bar.loaderror #seek_bar #progress_timer {
	width: 100%;
	margin-right: 0;
	margin-top: 11px;
	text-align: center;
}

#seek_bar .ui-slider-handle {
	cursor: pointer;
	margin-left: -6px;
	width: 10px;
	height: 36px;
	top: 0px;

	border-bottom: none;
}
#seek_bar .ui-slider-handle:after {
	content: '';
	position: absolute;
	top: 6px;
	left: 4px;
	width: 2px;
	height: 13px;
	background-color: #FAFAFA;
}

#seek_bar .ui-slider-handle.ui-state-hover {
	cursor: pointer;
}
#seek_bar .ui-slider-handle.ui-state-active {
	cursor: pointer;
}
#seek_bar.ui-slider-disabled .ui-slider-handle {
	cursor: default;
}

#seek_bar .ui-slider-range {
	top: 17px;
	background: #FAFAFA;
	height: 2px;
	margin-left: -2px;
	padding-left: 2px;
}


.radio_slider {

	/*border-right: 1px solid #383838;*/
	
	/*background: #383838;*/

	/*box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);*/
}
.radio_slider .slider_container {
	display: inline-block;
	vertical-align: top;
	position:relative;
	height: 2px;
	width: 140px;
	margin: 9px 5px 9px 5px;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 2px solid #ffffff;
	background-color: #ffffff;

	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.radio_slider .slider_container:last-child {
	margin: 10px 5px 10px 5px;
}

.radio_slider .ui-slider {
	cursor: pointer;
}

.radio_slider .ui-slider-range {
	top: -2px;
	left: -2px;
	height: 2px;
	margin-left: 0px;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 2px solid #ffffff;
	background-color: #333333;

	cursor: pointer;
}

.radio_slider .ui-slider-handle {
	top: -16px;
	height: 34px;
	width: 24px;
	margin-left: -12px;

	border-bottom: none !important;

	cursor: pointer;
	/*background-color: rgba(0, 0, 0, 0.15);*/
}
.radio_slider .ui-slider-handle .handle {
	position:relative;
	top: 11px;
	height: 8px;
	width: 8px;
	margin-left: 6px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #ffffff;
	background-color: #333333;

	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.radio_slider .ui-slider-handle.ui-state-hover {
	cursor: pointer;
}
.radio_slider .ui-slider-handle.ui-state-active {
	cursor: pointer;
}



img.bgimage,
img.background {
	position: absolute;
	margin:0;
}




div.errorblock {
	border: 1px dashed #F0124A;
	padding: 10px 10px 10px 10px;
	min-width: 200px;
	min-height: 200px;
	height: 100%;
	line-height: 21px !important;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


div.mediawrapper {
	display: inline;
	position: relative;
	margin: 0 0 0 0;
}
div.mediawrapper.left {
	float: left;
	margin: 0 24px 0 0;
}
div.mediawrapper.center {
}
div.mediawrapper.right {
	float: right;
	margin: 0 0 0 24px;
}
div.mediawrapper.zoomenabled {
	margin: 0 0 0 0;
	width: 888px;
	height: 475px;
	margin-bottom: 0 !important;
}

div.ontop {
	z-index: 200;
	position: relative;
}

div.image,
div.inlinevideo {
	display: inline;
	float: left;
	padding: 0px;
	margin: 0 0 30px 0;
	line-height: 0;
	position: relative;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}


div.image {
	max-width: 100%;
	height: auto;
}

div.image img {
	max-width: 100%;
	height: auto;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
div.inlinevideo {
	background: #FFFFFF;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
div.image.inline {
	display: inline;
	float: none;
	padding: 0;
	margin: 0;
}
img.rightcolumnimage,
div.image.rightcolumnimage,
div.image.inline.rightcolumnimage {
	margin: 13px 0 0 13px;
}
div.image.absolute {
	margin: 0px;
	float: right;
	position: relative;
}
div.image.absolute img {
	position: absolute;
}
div.image.left,
div.inlinevideo.left {
	float: left;
	margin-right: 24px;
}
div.image.right,
div.inlinevideo.right {
	float: right;
	margin-left: 24px;
}
div.image.nomargin,
div.inlinevideo.nomargin {
	margin: 0;
}
div.image.none,
div.inlinevideo.none {
	float: none;
	margin: 0 0 30px 0;
}
div.image.center,
div.inlinevideo.center {
	float: none;
	display: block;
	padding: 0px;
	margin: 0 auto 16px auto;
	background: transparent;
}


div.image.pmargin {
	margin-bottom: 16px;
}


.imagecycler.fading img {
	background-color: #FFFFFF;
}
.transparentfade.imagecycler.fading img {
	background-color: transparent;
}
div.image.noimgtransparency img {
	background-color: #FFFFFF;
}
div.image.notransparency {
	background-color: #FFFFFF;
}
div.image.center.notransparency {
	background-color: transparent;
}
div.image.center.notransparency > * {
	background-color: #FFFFFF;
}


div.mediawrapper.zoomenabled div.image.right,
div.mediawrapper.zoomenabled div.inlinevideo.right,
div.mediawrapper.zoomenabled div.image.center,
div.mediawrapper.zoomenabled div.inlinevideo.center {
	float: left;
	margin: 0;
}

div.image.clear {
	clear: both;
}
div.image.indent {
	float: none;
	display: block;
	padding: 0px;
	margin: 0 0 16px 24px;
}
div.image.indent.nomargin {
	margin-bottom: 0;
}
div.image.center + p {
	clear: left;
}
div.image.center img {
	margin: 0 auto;
	display: block;
}
div.polaroid {
	padding: 10px !important;
	background: #FFFFFF !important;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25), 0 4px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25), 0 4px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25), 0 4px 10px rgba(0, 0, 0, 0.1);
}
div.inlinevideo.polaroid {
	padding: 0px !important;
}
div.polaroid.center {
	margin: 0 auto 16px auto;
}
div.image.oversize {
	background: #888888;
}

#content .container {
	line-height: 0;
}
#content .container .containercontent {
	font-size: 16px;
	line-height: 21px;
}
#content .container .containercontent.small {
	font-size: 13px;
	line-height: 16px;
}
div.image .container {
	position: relative;
	font-size: 16px;
	line-height: 21px;
}
div.image.center .container {
	margin: 0 auto;
	display: block;
}

.ui-tooltip-content div.image {
	margin: 0 9px 5px 9px;
}
.ui-tooltip-content div.image.left {
	margin: 0 9px 5px 0;
}
.ui-tooltip-content div.image.right {
	margin: 0 0 5px 9px;
}

.centerimage1 {
	clear: both;
	display: inline;
	float: left;
	overflow: visible;
	overflow-x: hidden;
	width: 100%;
}
.centerimage1 .centerimage2 {
	display: inline;
	float: left;
	left: 50%;
	position: relative;
	margin: 0 auto 24px auto;
}
.centerimage1 .centerimage2 .image.center {
	right: 50%;
	position: relative;
}

.centervideo1 {
	clear: both;
	display: inline;
	float: left;
	width: 100%;
}
.centervideo1 .centervideo2 {
	display: inline;
	float: left;
	left: 50%;
	position: relative;
	margin: 0 auto 24px auto;
}
.centervideo1 .centervideo2 .inlinevideo.center {
	right: 50%;
	position: relative;
}

.polaroid:before,
.polaroid:after {
	content: "";
	position: absolute;
	z-index: -2;
	bottom: 12px;
	left: 1px;
	width: 50%;
	height: 10px;
	max-width: 300px;
	-webkit-box-shadow: 0 12px 10px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 12px 10px rgba(0, 0, 0, 0.35);
	box-shadow: 0 12px 10px rgba(0, 0, 0, 0.35);
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
	transform: rotate(-4deg);
} 

.polaroid:after { 
	right: 1px;
	left: auto;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	transform: rotate(4deg);
}


div.polaroid p {
	/*padding: 10px 10px 0 10px;*/
	font-size: 12px;
	line-height: 15px;
	text-align: left !important;
}
div.polaroid p.singleline {
	padding: 10px 10px 0 10px;
}
div.polaroid.regularp p {
	padding: 0;
}


.imagecycler {
	position: relative;
	/*width: 400px;
	height: 446px;*/
}
.imagecycler img {
	position: absolute;
	top: 0;
	left: 0;
}

.img.centered {
	overflow: hidden;
}


.popups {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.popups .popup {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;

	background-color: rgba(0, 0, 0, 0.3);

	opacity: 0;
	visibility: hidden;

	-webkit-transition: opacity .3s ease-in-out, visibility 0s ease-in-out .3s;
	-moz-transition: opacity .3s ease-in-out, visibility 0s ease-in-out .3s;
	-o-transition: opacity .3s ease-in-out, visibility 0s ease-in-out .3s;
	transition: opacity .3s ease-in-out, visibility 0s ease-in-out .3s;
}
.popups .popup img {
	position: relative;
	top: 0;
	left: 0;
	display: none;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
}
.popups .popup.visible {
	opacity: 1;
	visibility: visible;

	-moz-transition: opacity .3s ease-in-out, visibility 0s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out, visibility 0s ease-in-out;
	-o-transition: opacity .3s ease-in-out, visibility 0s ease-in-out;
	transition: opacity .3s ease-in-out, visibility 0s ease-in-out;
}
.popups .popup img.visible {
	display: block;
}


#content a.blocklink {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 0px 3px;
	background-color: #2B79FF;
	border: 2px solid #2B79FF;
	text-decoration: none;
	color: #F5F5F5;
}
#content a.blocklink:hover {
	background-color: #006BCE;
}
#content a.blocklink.light {
	background-color: #FAFAFA;
	color: #2B79FF;
}
#content a.blocklink.light:hover {
	background-color: #E4E4E4;
}
#content a.blocklink.buttonsize {
	padding: 2px 4px;
	min-width: 40px;
	vertical-align: middle;
	text-align: center;
	line-height: 24px !important;

	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#content a.hotspot {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	font-size: 10px;
	line-height: 12px;
	border-width: 0;
	border: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #383838;
	width: 200px;
	height: 21px;

	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	background-color: rgba(255, 255, 255, 0);
	-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
	-moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);

	-webkit-transition: background-color 0.05s linear, box-shadow 0.05s linear;
	-moz-transition: background-color 0.05s linear, box-shadow 0.05s linear;
	-o-transition: background-color 0.05s linear, box-shadow 0.05s linear;
	transition: background-color 0.05s linear, box-shadow 0.05s linear;
}
#content a.hotspot:focus,
#content a.hotspot:hover {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
#content a.hotspot .hotspottext {
	width: auto;
	position: absolute;
	left: 100%;
	margin-left: 7px;
	padding: 4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #383838;
	color: #FFFFFF;
}
#content a.hotspot.circle {
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
}
#content a.hotspot.visible,
.usetouch #content a.hotspot {
	background-color: rgba(255, 255, 255, 0.2);
	-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.6);
	-moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.6);
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.6);
}
#content a.hotspot.visible.bright {
	background-color: rgba(255, 255, 255, 0.4);
	-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 1);
	-moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 1);
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 1);
}
#content a.hotspot.visible.dark {
	background-color: rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.7);
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.7);
	color: #383838;
}
#content a.hotspot.visible.color {
	background-color: rgba(0, 215, 140, 0.6);
	-webkit-box-shadow: 0 0 0 2px rgba(190, 0, 125, 0.8);
	-moz-box-shadow: 0 0 0 2px rgba(190, 0, 125, 0.8);
	box-shadow: 0 0 0 2px rgba(190, 0, 125, 0.8);
}
.usetouch #content a.hotspot:focus,
#content a.hotspot:hover {
	background-color: rgba(255, 255, 255, 0) !important;
	-webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6) !important;
	-moz-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6) !important;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6) !important;

	color: #383838 !important;
}
#content a.hotspot.disabled,
.usetouch #content a.hotspot.disabled:focus,
#content a.hotspot.disabled:hover {
	background-color: transparent !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	cursor: default;
}
#content a.hotspot.visible.static,
#content a.hotspot.visible.static:hover {
	background-color: rgba(255, 255, 255, 0.2) !important;
	-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.6) !important;
	-moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.6) !important;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.6) !important;
}

#content a.hotspot,
#content a.hotspot.disabled,
#content a.hotspot.visible.static,
#content a.applyqtip,
#content a.showpopup.disabled {
	cursor: default;
}
#content a.applyqtip.defaultaction,
#content a.showpopup {
	cursor: pointer;
}


#content a.hotspot .innertext {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -8px;
	font-size: 16px;
	line-height: 17px;
	font-weight: bold;
	pointer-events: none;
}


p .infoicon {
	padding-left: 24px;
}
p .infoicon:before {
	font-family: "FontAwesome";
	font-size: 22px;
	line-height: inherit;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 0 0.02em rgba(255,255,255,0.3);
	content:"\f05a"; /* i in circle */
	position: absolute;
	width: 22px;
	height: 22px;
	text-align: left;
	margin-left: -22px;
	font-style: normal;
}

#content a.hotspot .infoicon {
	pointer-events: none !important;
	display: block;
	padding-left: 0;
	position: absolute;
	width: 32px;
	left: 50%;
	margin-left: -16px;
	height: 28px;
	top: 50%;
	margin-top: -14px;
	text-align: center;
}
#content a.hotspot .infoicon:before {
	font-family: "FontAwesome";
	font-size: 22px;
	line-height: 28px;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 0 0.02em rgba(255,255,255,0.3);
	content:"\f05a"; /* i in circle */
}
#content a.hotspot.dark .infoicon {
	background-position: 0px -364px;
}




.control.error { /* html5audio error */
	font-size: 11px;
	line-height: 15px;
	
	color: #F0124A !important;
}
.control.error p {
	font-size: 11px;
	line-height: 15px;
	margin: 0 0 0 0;
}
.control.error p.singleline {
	line-height: 32px;
}
a.audioselect.disabled {
	color: #888888;
	border-bottom: none;
	cursor: default;
}
.html5audio.hidden {
	display: none;
}
.html5video {
	outline: 0;
	border: 0;
	color: #ffffff;
	background: #111111;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;

	overflow: hidden;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.videopage .html5video {
	-webkit-border-radius: 2px 3px 3px 2px;
	-moz-border-radius: 2px 3px 3px 2px;
	border-radius: 2px 3px 3px 2px;
}
.videopage.jp-video-full {
	width: 100% !important;
	height: 100% !important;
	margin-bottom: 0 !important;
}
video {
	overflow: hidden;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width: 100%;
}
.html5video {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.forcedcolumn video {
	-webkit-border-radius: 2px 0 0 0;
	-moz-border-radius: 2px 0 0 0;
	border-radius: 2px 0 0 0;
}
div.polaroid.forcedcolumn,
.forcedcolumn ol.questionset,
.forcedcolumn .videoboxelement {
	background: #EEEEEE !important;
}
.html5video.error {
	cursor: default;
}
.html5video p {
	margin: 0;
}
#content > .html5video.error p {
	margin: 4px 24px 0 24px;
}
#content > .html5video.error p:first-child {
	margin-top: 30px;
}
.html5video img {
	position: absolute;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#novideo {
	display: none;
}
object#novideo {
	display: block;
	outline: none;
}
.control.novideo,
.control.noaudio {
	display: none;
}
.control.novideo.enabled,
.control.noaudio.enabled {
	display: inline;
}
div.jp-video-play {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	cursor:pointer;
	background-color:rgba(0,0,0,0);
}

div#html5overlay {
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	cursor: pointer;

	background: rgba(0,0,0,0);

	outline: 0 !important;
	border: 0;

	z-index: 200;
}
div#html5overlay.videoboxopen {
	right: 358px;
}
div#html5overlay.disabled {
	cursor: default;
}
div#html5overlay.disabled .playicon,
div#html5overlay.disabled .fullicon {
	display: none !important;
}
.html5video > img {
	display: block;
	opacity: 1;
	visibility: visible;
	-moz-transition: opacity 0s ease-in-out, visibility 0s linear;
	-webkit-transition: opacity 0s ease-in-out, visibility 0s linear;
	-ms-transition: opacity 0s ease-in-out, visibility 0s linear;
	-o-transition: opacity 0s ease-in-out, visibility 0s linear;
	transition: opacity 0s ease-in-out, visibility 0s linear;
}
.html5video > img.hidden {
	opacity: 0;
	visibility: hidden;
	-moz-transition: opacity 0.6s ease-in-out 0.2s, visibility 0s linear 0.8s;
	-webkit-transition: opacity 0.6s ease-in-out 0.2s, visibility 0s linear 0.8s;
	-ms-transition: opacity 0.6s ease-in-out 0.2s, visibility 0s linear 0.8s;
	-o-transition: opacity 0.6s ease-in-out 0.2s, visibility 0s linear 0.8s;
	transition: opacity 0.6s ease-in-out 0.2s, visibility 0s linear 0.8s;
}
div#html5overlay,
div#html5overlay:focus,
div#html5overlay::-moz-focus-inner {
	outline: 0 !important;
}

div#html5overlay.embeddedicon .playicon,
div#html5overlay.embeddedicon.ended .playicon,
div#html5overlay.embeddedicon.ended.pause .playicon {
	opacity: 0;
}

/* 140 x 28 */
div#html5overlay.pause .playicon,
div#html5overlay.hidden .playicon,
div#html5overlay.ended .playicon,
div#html5overlay.ended.pause .playicon {
	opacity: 0;
	visibility: hidden;
	-moz-transition: opacity 0.2s ease-in-out, visibility 0s linear 0.2s;
	-webkit-transition: opacity 0.2s ease-in-out, visibility 0s linear 0.2s;
	-ms-transition: opacity 0.2s ease-in-out, visibility 0s linear 0.2s;
	-o-transition: opacity 0.2s ease-in-out, visibility 0s linear 0.2s;
	transition: opacity 0.2s ease-in-out, visibility 0s linear 0.2s;
}
div#html5overlay .playicon,
.notouch div#html5overlay.pause:hover .playicon,
.notouch div#html5overlay.ended:hover .playicon,
.notouch div#html5overlay.ended.pause:hover .playicon {
	opacity: 1;
	visibility: visible;
	-moz-transition: opacity 0.1s ease-in-out, visibility 0s linear;
	-webkit-transition: opacity 0.1s ease-in-out, visibility 0s linear;
	-ms-transition: opacity 0.1s ease-in-out, visibility 0s linear;
	-o-transition: opacity 0.1s ease-in-out, visibility 0s linear;
	transition: opacity 0.1s ease-in-out, visibility 0s linear;
}
div#html5overlay.pause .playicon {
	visibility: visible;
	-moz-transition: opacity 0.2s ease-in-out .4s;
	-webkit-transition: opacity 0.2s ease-in-out .4s;
	-ms-transition: opacity 0.2s ease-in-out .4s;
	-o-transition: opacity 0.2s ease-in-out .4s;
	transition: opacity 0.2s ease-in-out .4s;
}
.notouch div#html5overlay.pause:hover .playicon,
.notouch div#html5overlay.ended:hover .playicon,
.notouch div#html5overlay.ended.pause:hover .playicon {
	opacity: 0.4;
	-moz-transition: opacity 0.2s ease-in-out;
	-webkit-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
/*div#html5overlay.pause:active .playicon,*/
.notouch div#html5overlay.pause .playicon:hover,
.notouch div#html5overlay.ended .playicon:hover,
.notouch div#html5overlay.ended.pause .playicon:hover {
	opacity: 1;
	-moz-transition: opacity 0.2s ease-in-out;
	-webkit-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}


div#html5overlay .fullicon {
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	-moz-transition: opacity 0.2s ease-in-out 0.4s, visibility 0s linear 0.6s;
	-webkit-transition: opacity 0.2s ease-in-out 0.4s, visibility 0s linear 0.6s;
	-ms-transition: opacity 0.2s ease-in-out 0.4s, visibility 0s linear 0.6s;
	-o-transition: opacity 0.2s ease-in-out 0.4s, visibility 0s linear 0.6s;
	transition: opacity 0.2s ease-in-out 0.4s, visibility 0s linear 0.6s;
}
.notouch div#html5overlay:hover .fullicon {
	visibility: visible;
	opacity: 0.4;
	-moz-transition: opacity 0.1s ease-in-out, visibility 0s linear;
	-webkit-transition: opacity 0.1s ease-in-out, visibility 0s linear;
	-ms-transition: opacity 0.1s ease-in-out, visibility 0s linear;
	-o-transition: opacity 0.1s ease-in-out, visibility 0s linear;
	transition: opacity 0.1s ease-in-out, visibility 0s linear;
}
div#html5overlay:hover .fullicon:hover {
	visibility: visible;
	opacity: 1;
	-moz-transition: opacity 0.1s ease-in-out, visibility 0s linear;
	-webkit-transition: opacity 0.1s ease-in-out, visibility 0s linear;
	-ms-transition: opacity 0.1s ease-in-out, visibility 0s linear;
	-o-transition: opacity 0.1s ease-in-out, visibility 0s linear;
	transition: opacity 0.1s ease-in-out, visibility 0s linear;
}

.usetouch div#html5overlay .fullicon,
.usetouch div#html5overlay.pause .fullicon {
	opacity: 1;
}
.usetouch div#html5overlay.hidden .fullicon {
	opacity: 0;
}

.usetouch div#html5overlay .playicon,
.usetouch div#html5overlay .fullicon,
.usetouch div#html5overlay.embeddedicon .playicon,
.usetouch div#html5overlay.embeddedicon.ended .playicon,
.usetouch div#html5overlay.embeddedicon.ended.pause .playicon {
	opacity: 0;
	visibility: visible;
	-moz-transition: opacity 0.2s ease-in-out, visibility 0s linear 0.2s;
	-webkit-transition: opacity 0.2s ease-in-out, visibility 0s linear 0.2s;
	-ms-transition: opacity 0.2s ease-in-out, visibility 0s linear 0.2s;
	-o-transition: opacity 0.2s ease-in-out, visibility 0s linear 0.2s;
	transition: opacity 0.2s ease-in-out, visibility 0s linear 0.2s;
}
.usetouch div#html5overlay.ended .playicon,
.usetouch div#html5overlay.pause .playicon,
.usetouch div#html5overlay.ended .fullicon,
.usetouch div#html5overlay.pause .fullicon {
	opacity: 1;
	visibility: visible;
	-moz-transition: opacity 0.2s ease-in-out, visibility 0s linear;
	-webkit-transition: opacity 0.2s ease-in-out, visibility 0s linear;
	-ms-transition: opacity 0.2s ease-in-out, visibility 0s linear;
	-o-transition: opacity 0.2s ease-in-out, visibility 0s linear;
	transition: opacity 0.2s ease-in-out, visibility 0s linear;
}

video,
video:focus,
video::-moz-focus-inner {
	outline: 0 !important;
	border: 0 !important;
}
div#html5overlay.pause {
	/*background-color: rgba(0,0,0,0.3);*/
}
div#html5overlay.ended {
	/*background: transparent;*/
}



div#html5overlay .fullscreen {
	position:absolute;
	z-index: 10;

	bottom: 10px;
	left: 10px;

	outline: 0 !important;

	cursor: pointer;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
div#html5overlay .fullscreen .icon:before { content:"\f0b2"; } /* fullscreen */


div#html5overlay .playicon,
div#html5overlay.embeddedicon.pause .playicon {
	cursor: pointer;

	position: absolute;

	display: block;
	width: 50px;
	height: 50px;

	top: 50%;
	left: 50%;
	margin-left: -25px;
	margin-top: -25px;

	color: #FAFAFA;
	background-color: #FF0073;
	border-right: 2px solid #C50059;
	border-bottom: 2px solid #C50059;

	outline: 0 !important;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
div#html5overlay .playicon:after {
	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 0 0.02em rgba(255,255,255,0.3);
	content:"\f04b"; /* play */
	text-align: center;

	position: absolute;
	width: 50px;
	font-size: 30px;
	line-height: 50px;
}

div#html5overlay.ended.played .playicon:before {
	content: "\21BB";
	position: absolute;

	bottom: 4px;
	right: 5px;
	font-size: 16px;
	line-height: 16px;
}
div#html5overlay.ended .playicon:before {
	font-weight: bold;
}
div#html5overlay.large.ended.played .playicon:before {
	content: "Replay";
	bottom: 10px;
	right: 10px;
	font-size: 11px;
	line-height: 11px;
}

div#html5overlay.large .playicon,
div#html5overlay.large.embeddedicon.pause .playicon {
	width: 100px;
	height: 100px;
	margin-left: -50px;
	margin-top: -50px;
}

div#html5overlay.large .playicon:after {
	width: 100px;
	font-size: 60px;
	line-height: 100px;
}

div#html5overlay .playicon:active,
div#html5overlay.embeddedicon.pause .playicon:active {
	background-color: #D4D4D4 !important;
	border-color: #B0B0B0 !important;
}
div#html5overlay .playicon:active,
div#html5overlay.embeddedicon.pause .playicon:active {
	color: #111111;
}
.control#progress_bar {
	padding: 0 0 0 0;
}
.control#progress_bar #loading_bar {
	width: 122px;
	padding: 0 12px 0 14px;
}

/* 140 x 28 */
div#loading_bar #waiting {
	position: absolute;
	width: 140px;
	height: 36px;
	top: 0;
	left: 0;
	background: url(loading.gif) top left no-repeat;
	opacity: 0;
	visibility: hidden;
	-moz-transition: opacity 0.2s ease-in-out, visibility 0s linear 0.2s;
	-webkit-transition: opacity 0.2s ease-in-out, visibility 0s linear 0.2s;
	-ms-transition: opacity 0.2s ease-in-out, visibility 0s linear 0.2s;
	-o-transition: opacity 0.2s ease-in-out, visibility 0s linear 0.2s;
	transition: opacity 0.2s ease-in-out, visibility 0s linear 0.2s;
}
div#loading_bar.loading #waiting {
	opacity: 1;
	visibility: visible;
	-moz-transition: opacity 0s ease-in-out, visibility 0s linear;
	-webkit-transition: opacity 0s ease-in-out, visibility 0s linear;
	-ms-transition: opacity 0s ease-in-out, visibility 0s linear;
	-o-transition: opacity 0s ease-in-out, visibility 0s linear;
	transition: opacity 0s ease-in-out, visibility 0s linear;
}







.floatleft {
	float: left;
}
.floatright {
	float: right;
}

#options, .options {
	position: relative;
}
.optionarea, .leftcolumn {
	position: relative;
	float: left;
	width: 286px;
	height: auto;
	padding: 12px 12px 0 12px;
	margin: 0 0 0 0;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
}

.leftcolumn {
	width: 272px;
}
.leftcolumn p {
	line-height: inherit;
}
.optionarea p.attribution,
.leftcolumn p.attribution {
	position: absolute;
	bottom: 12px;
	left: 12px;
	width: 286px;
	font-weight: normal;
	color: #999999;
}
table .draggable,
.leftcolumn table .draggable {
	width: auto;
}
.draganddrop .leftcolumn div.inputtable {
	margin: 0;
}
.rightcolumn {
	min-width: 614px;
	min-height: 547px;
	padding: 12px 12px 12px 12px;
	margin: 0;
	overflow: auto;
}
.rightcolumn.fitmore {
	padding-bottom: 0px;
}
.small .rightcolumn {
}
.noscrollright .rightcolumn,
.draganddrop .rightcolumn {
	overflow: hidden;
}
.quiz .rightcolumn,
.draganddrop .rightcolumn {
	max-width: 614px;
}
.quiz .rightcolumn.nomax,
.draganddrop .rightcolumn.nomax {
	max-width: none;
}


.draganddrop .rightcolumn div.inputtable {
	margin: 0;
}
.draganddrop .rightcolumn div.inputtable.marginbottom {
	margin-bottom: 6px;
}
.draganddrop .rightcolumn div.inputtable.fullmarginbottom {
	margin-bottom: 13px;
}
.leftcolumn305 .leftcolumn {
	width: 305px;
}
.leftcolumn305 .rightcolumn {
	width: 577px;
}
.leftcolumn305 .draggable { width: 292px; }
.leftcolumn320 .leftcolumn {
	width: 320px;
}
.leftcolumn320 .rightcolumn {
	width: 562px;
}
.leftcolumn320 .draggable { width: 307px; }
.equalcolumn .leftcolumn {
	width: 440px;
}
.equalcolumn .rightcolumn {
	width: 442px;
}
.short93 .optionarea {
	width: 299px;
	padding: 12px 0 0 12px;
}
.short136 .optionarea {
	width: 299px;
	padding: 12px 0 0 12px;
}
.short136 .rightcolumn {
	width: 598px;
}

p.compact {
	margin-bottom: 0px;
}
p.compact.last {
	margin-bottom: 12px;
}
ol.compact {
	font-size: 11px;
	margin: 0;
	padding: 0 0 0 18px;
	width: 265px;
}
ul.compact {
	font-size: 11px;
	margin: 0;
	padding: 0;
	width: 273px;
	list-style: none;
}
ul.compact li {
	padding-left: 9px;
	margin-bottom: 0px;
	background: url(bullet.png) 0px 0px no-repeat;
}


.dropboxcontainer {
	position: relative;
	display: inline;
	float: left;
}
.dropboxcontainer.stretch {
	width: 590px;
}
.dropboxcontainer.fill {
	display: block;
	height: 495px;
	width: 612px;
}
.dropboxcontainer.autofill {
	display: block;
	height: auto;
	width: 100%;
}

.dropboxcontainer .positionedtext {
	position: absolute;
	white-space: pre;
}


.spacer {
	position: relative;
	float: left;
	overflow: hidden;
	width: 100%;
}
.unspacer {
	position: relative;
	float: left;
	margin-bottom: 2px;
}
.unspacer:last-child {
	margin-bottom: 0px;
}
.dropbox {
	position: relative;
	background-color: transparent;
	background-color: #E0E0E0;
	color: #383838;
	float: left;
	width: 283px;
	height: 370px;
	padding: 2px;
	margin: 33px 13px 13px 0;
	font-weight: bold;
	font-size: 13px;
	line-height: 5px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	
	border-bottom: 2px solid #C4C4C4;
	border-right: 2px solid #C4C4C4;

	-webkit-border-radius: 0 2px 2px 2px;
	-moz-border-radius: 0 2px 2px 2px;
	border-radius: 0 2px 2px 2px;

	z-index: 1;
	-moz-transition: background-color .2s ease-in-out .2s, border-color .2s ease-in-out .2s;
	-webkit-transition: background-color .2s ease-in-out .2s, border-color .2s ease-in-out .2s;
	-o-transition: background-color .2s ease-in-out .2s, border-color .2s ease-in-out .2s;
	transition: background-color .2s ease-in-out .2s, border-color .2s ease-in-out .2s;
}
/*.dropbox:before,
.dropbox:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
}
.dropbox:before {
	left: 0;
	top: 0;
	border-left: 2px solid #C4C4C4;
	border-top: 2px solid #C4C4C4;
	border-radius: 2px 0 0 0;
}
.dropbox:after {
	bottom: 0;
	right: 0;
	border-bottom: 2px solid #C4C4C4;
	border-right: 2px solid #C4C4C4;
	border-radius: 0 0 2px 0;
}*/
.dropbox.altcolor {
	background-color: #D4D4D4;
	border-color: #C4C4C4;
}
.dropbox.right {
	margin-right: 0;
}
.dropbox.bottom {
	margin-bottom: 0;
}
.dropbox.small {
	font-size: 11px;
	margin-top: 25px;
}
.dropbox.text {
	line-height: 13px;
}
.dropbox.aligncenter {
	text-align: center;
}
.dropbox.long,
.dropbox.longt,
.dropbox.notitle {
	height: 403px;
	margin-top: 13px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.dropbox.relative {
	position: relative;
}
.dropbox.absolute {
	position: absolute;
}
.dropbox.fit {
	width: 100%;
	height: 100%;
	height: inherit;
	margin: 0;
	padding: 0;
}
.dropbox.nooffset {
	margin: 0 13px 13px 0;
}
.dropbox.nomargin {
	margin: 0 0 0 0;
}
.dropbox span.title {
	position: absolute;
	padding: 10px 10px 10px 10px;
	color: inherit;
	background-color: #E0E0E0;
	border-right: 2px solid #C4C4C4;
	line-height: 13px;
	top: -33px;
	left: 0px;
	width: auto;
	-webkit-border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	
	-moz-transition: background-color .2s ease-in-out .2s, border-color .2s ease-in-out .2s;
	-webkit-transition: background-color .2s ease-in-out .2s, border-color .2s ease-in-out .2s;
	-o-transition: background-color .2s ease-in-out .2s, border-color .2s ease-in-out .2s;
	transition: background-color .2s ease-in-out .2s, border-color .2s ease-in-out .2s;
}
.dropbox.altcolor span.title {
	background-color: #D4D4D4;
}
.dropbox.small span.title {
	top: -25px;
	padding: 6px 10px;
}
.dropbox.long span.title,
.dropbox.longt span.title {
	top: 0px;
	padding-top: 11px;
	background-color: none !important;
	border-right: none;
}
.dropbox.long span.title.line3 {
	clip:rect(-10px, 1000px, 52px, -10px);
}
#content.default .dropbox span.title b,
.dropbox span.title strong {
	color: inherit !important;
}
#content.default.draganddrop b,
#content.default.draganddrop strong {
	color: inherit !important;
}

.active .dropbox.droppable,
.active .dropbox.droppable span.title,
.active .inputwrap.textinput,
.active .inputwrap.textinput,
.active .inputwrap.textinput {
	background-color: #F2F2F2;
	background-color: rgba(242,242,242,0);
	border-color: #D4D4D4;
	-webkit-transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
	-moz-transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
	-o-transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
	transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
}
.dropbox.droppable.notitle.maxreached,
.dropbox.droppable.notitle.maxreached span.title {
	background-color: #E0E0E0;
	border-color: #E0E0E0;
}
.dropbox.hidden,
.dropbox.hidden span.title,
.dropbox.droppable.hidden,
.dropbox.droppable.hidden span.title {
	background-color: transparent;
	background-color: rgba(242,242,242,0);
	border-color: transparent;
	border-color: rgba(212,212,212,0);
}
.dropbox.droppable.ui-state-active,
.dropbox.droppable.maxreached.ui-state-hover,
.active .dropbox.droppable.hidden.ui-state-active,
.dropbox.droppable.ui-state-active span.title,
.dropbox.droppable.maxreached.ui-state-hover span.title,
.active .dropbox.droppable.hidden.ui-state-active span.title {
	background-color: #E0E0E0;
	border-color: #B4B4B4;
}
.dropbox.droppable.ui-state-hover,
.active .dropbox.droppable.hidden.ui-state-hover,
.dropbox.droppable.ui-state-hover span.title,
.active .dropbox.droppable.hidden.ui-state-hover span.title  {
	border-color: #888888;
}
.dropbox.droppable.maxreached.ui-state-active,
.dropbox.droppable.maxreached.ui-state-hover,
.active .dropbox.droppable.maxreached.hidden.ui-state-hover,
.dropbox.droppable.maxreached.ui-state-active span.title,
.dropbox.droppable.maxreached.ui-state-hover span.title,
.active .dropbox.droppable.maxreached.hidden.ui-state-hover span.title  {
	background-color: #E0E0E0;
	border-color: #E0E0E0;
}
.active .dropbox.droppable.hidden.maxreached,
.active .dropbox.droppable.hidden.maxreached span.title,
.active .dropbox.droppable.hidden.maxreached.ui-state-hover,
.active .dropbox.droppable.hidden.maxreached.ui-state-hover span.title {
	background-color: transparent;
	background-color: rgba(242,242,242,0);
	border-color: transparent;
	border-color: rgba(212,212,212,0);
}


.active .dropbox.droppable.altcolor,
.active .dropbox.droppable.altcolor span.title {
	background-color: #F2F2F2;
	background-color: rgba(242,242,242,0);
	border-color: #D4D4D4;
}
.active .dropbox.droppable.hidden.altcolor,
.active .dropbox.droppable.hidden.altcolor span.title {
	background-color: transparent;
}
.dropbox.droppable.altcolor.ui-state-active,
.dropbox.droppable.altcolor.maxreached.ui-state-hover
.active .dropbox.droppable.altcolor.hidden.ui-state-active,
.active .dropbox.droppable.altcolor.hidden.maxreached.ui-state-hover,
.dropbox.droppable.altcolor.ui-state-active span.title,
.dropbox.droppable.altcolor.maxreached.ui-state-hover span.title
.active .dropbox.droppable.altcolor.hidden.ui-state-active span.title,
.active .dropbox.droppable.altcolor.hidden.maxreached.ui-state-hover span.title {
	background-color: #E0E0E0;
	border-color: #B4B4B4;
}
.dropbox.droppable.altcolor.ui-state-hover,
.active .dropbox.droppable.hidden.altcolor.ui-state-hover,
.dropbox.droppable.altcolor.ui-state-hover span.title,
.active .dropbox.droppable.hidden.altcolor.ui-state-hover span.title {
	border-color: #888888;
}
.dropbox.droppable.altcolor.maxreached.ui-state-hover,
.active .dropbox.droppable.altcolor.maxreached.hidden.ui-state-hover,
.dropbox.droppable.altcolor.maxreached.ui-state-hover span.title,
.active .dropbox.droppable.altcolor.maxreached.hidden.ui-state-hover span.title {
	border-color: #C4C4C4;
}



.buildmode .draggable.placed {
	opacity: 1 !important;
	background-color: #E0E0E0 !important;
	color: #484848 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	-webkit-box-shadow: 0 0 0 1px #E0E0E0;
	-moz-box-shadow: 0 0 0 1px #E0E0E0;
	box-shadow: 0 0 0 1px #E0E0E0;
}
.buildmode .dropbox.droppable,
.buildmode .dropbox.droppable span.title {
	opacity: 1 !important;
	background-color: #E0E0E0 !important;
	border: 1px solid #AAAAAA !important;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;

	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
.buildmode .dropbox.droppable span.title {
	border: none !important;
}
.buildmode .dropbox.droppable.maxreached {
	background-color: #0055FF !important;
	border: 1px solid #484848 !important;
	-webkit-transition: background-color 0s ease 0.4s, border 0.4s ease;
	-moz-transition: background-color 0s ease 0.4s, border 0.4s ease;
	transition: background-color 0s ease 0.4s, border 0.4s ease;
}




.dropbox .hidden {
	opacity: 0;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}
.dropbox .dropbox.hidden {
	opacity: 1;
	background-color: inherit;
}
.dropbox.hasoptions.hidden.donthidecontents {
	opacity: 1;
}
.dropbox.hasoptions .hidden {
	opacity: 1;
}
.dropbox.droppable.correctcompleted .hidden {
	opacity: 1;
}
.allcompleted .dropbox.droppable .hidden {
	opacity: 1;
}
.active .dropbox.droppable .hidden {
	opacity: 0.5;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}
.active .dropbox.droppable.ui-state-hover .hidden {
	opacity: 1;
	-moz-transition: opacity .2s ease-in-out;
	-webkit-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}
.active .dropbox.droppable.maxreached .hidden,
.active .dropbox.droppable.maxreached.ui-state-hover .hidden {
	opacity: 0;
}

div.inputrow .dropbox.droppable {
	display: inline-block;
	vertical-align: top;
	float: none;
	margin: 0 6px 5px 0;
	line-height: 0;
}

.dropbox.ontop {
	z-index: 100;
}
div.sortbox {
	position: absolute;
	top: 2px;
	left: 2px;
}
.notitle div.sortbox {
	top: 2px;
}
.long div.sortbox {
	top: 36px;
}


.draggable {
	position: relative;
	opacity: 1;
	background-color: #CE2A74;
	color: #FAFAFA;
	cursor: move;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
	white-space: normal;
	float: left;
	clear: left;
	width: 258px;
	padding: 6px 7px 6px 7px;
	margin: 0px 0px 2px 0px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	z-index: 5;
	overflow: visible !important;
	-ms-touch-action: none; /* needed for jQueryUI on IE10+ */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	-webkit-transition: opacity .2s ease-in-out, color .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out, color .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out, color .2s ease-in-out, background-color .2s ease-in-out;
	transition: opacity .2s ease-in-out, color .2s ease-in-out, background-color .2s ease-in-out;
}
.mobileDevice .draggable {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
	opacity: 1 !important;
}
.draggable.sortable {
	width: 100%;
}
.draggable.placeholder {
	width: auto;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin: 0 0 2px 0 !important;
	height: 26px !important;
	opacity: 0.3;
}
.draggable span,
.draggable li {
	cursor: move !important;
}
.draggable.placed span.hidden {
	display: none;
}
.draggable span.prehidden {
	display: none;
}
.draggable.placed span.prehidden {
	display: inline;
}

.draggable:after {
	content: "";
	font-family: "iStudyControls";
	font-family: "FontAwesome";
	font-size: 14px;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	position: absolute;
	z-index: 1;
	top: 6px;
	right: 6px;
	pointer-events: none;
}
.options.enabled .draggable:after {
	content: "\e004"; /* 9 grid */
	content: "\f142\f142\f142"; /* vertical ellipsis */
	letter-spacing: 1px;
	opacity: 0.25;
}
.options.enabled .draggable.nomark:after {
	opacity: 0;
}
.options.enabled .draggable:hover:after,
.options.enabled .draggable.active:after {
	opacity: 1;
}
.draggable.alignright:after {
	left: 4px;
	right: auto;
}

.leftbehind {
	position: absolute;
	top: 0px;
	right: auto;
	left: 0px;
	padding: 6px 7px 6px 7px;
	margin: 0px;
	border: 0px solid transparent;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
	text-indent: 0px;
	cursor: default;
	color: #888888;
}
.leftbehind.relative {
	position: relative;
	margin: 0px;
	float: left;
	color: inherit;
}
.leftbehind.right {
	left: auto;
	right: 0px;
	padding-left: 6px;
	padding-right: 10px;
}

.draggable.wrap { clear: none; }

.draggable.widthauto { width: auto; }
.width134 .draggable { width: 120px; }
.width134 .unspacer { margin-right: 2px; }

/*
.draggable.width50 { width: 32px; }
.draggable.width60 { width: 42px; }
.draggable.width70 { width: 52px; }
.draggable.width80 { width: 62px; }
.draggable.width90 { width: 72px; }
.draggable.width100 { width: 82px; }
.draggable.width110 { width: 92px; }
.draggable.width120 { width: 102px; }
.draggable.width130 { width: 112px; }
.draggable.width136 { width: 118px; }
.draggable.width140 { width: 122px; }
.draggable.width150 { width: 132px; }
.draggable.width160 { width: 142px; }
.draggable.width170 { width: 152px; }
.draggable.width180 { width: 162px; }
.draggable.width190 { width: 172px; }
.draggable.width200 { width: 182px; }*/

.draggable.nowrap,
.draggable.nowraptext {
	white-space: pre;
}
.draggable.nowrapplaced,
.draggable.nowraptextplaced {
	white-space: pre;
}
.draggable.nowrap.placed,
.draggable.nowraptext.placed {
	white-space: normal;
}
.draggable.nowrapplaced.placed,
.draggable.nowraptextplaced.placed {
	white-space: pre;
}
.draggable.alignright {
	text-align: right;
}
.draggable .markspace,
.leftbehind .markspace {
	width: 12px;
	height: 14px;
	font-size: 2px;
	line-height: 2px;
	display: inline;
	float: right;
	margin: 0 0 0 0 !important;
	padding: 0 !important;
	cursor: move !important;
}
.draggable.nomark .markspace {
	width: 0px;
}
.draggable.noplacedmark.placed .markspace {
	width: 0px;
}
.draggable.alignright .markspace,
.leftbehind.right .markspace {
	float: left;
	margin: 0 0 0 0 !important;
}
.draggable.font10 {
	font-size: 10px;
	line-height: 12px;
}
.draggable.span10 span {
	font-size: 10px;
	line-height: 12px;
	margin: 0;
	padding: 0;
}
.draggable.shortlineheight {
	line-height: 12px;
}
.short136 .draggable {
	width: 122px;
	clear: none;
}
.short136 .unspacer {
	margin-right: 2px;
}
.short132 .draggable {
	width: 118px;
	margin-right: 12px;
}
.short100 .draggable {
	width: 76px;
	margin-right: 12px;
}
.short93 .draggable {
	width: 79px;
	margin-right: 3px;
}

.draggable.ui-draggable-disabled,
.draggable.ui-draggable-disabled li,
.draggable.ui-draggable-disabled span {
	cursor: default !important;
	z-index: 4;
}
.draggable.ui-draggable-disabled .markspace {
	cursor: default !important;
}
.draggable.ui-draggable-disabled:active,
.draggable.ui-draggable-disabled:active li,
.draggable.ui-draggable-disabled:active span {
	cursor: default !important;
}
.draggable.hidden.placed {
	color: #111111;
	background-color: transparent;
}
.draggable.bankhidden.placed {
	color: #111111;
	background-color: transparent;
}
.draggable.bankhidden.placed.bankinvert,
.draggable.hidden.placed.invert {
	color: #FFFFFF;
	background-color: transparent;
}
.draggable.placed.centerplaced {
	text-align: center;
}
.options.enabled .draggable:hover,
.options.enabled .draggable.hidden.placed:hover,
.options.enabled .draggable.bankhidden.placed:hover,
.options.enabled .draggable:active,
.options.enabled .draggable.active {
	background-color: #E02E7E;
	color: #FFFFFF;
}
.notouch .options.enabled .draggable:hover {
	z-index: 15;
	
	-moz-transition: color .1s ease-in-out, background-color .1s ease-in-out;
	-webkit-transition: color .1s ease-in-out, background-color .1s ease-in-out;
	-o-transition: color .1s ease-in-out, background-color .1s ease-in-out;
	transition: color .1s ease-in-out, background-color .1s ease-in-out;
}

/*.draggable.img,
.draggable.imglabel {
	padding: 2px 7px 2px 2px;
}*/
.draggable.img .markspace {
	width: 16px;
}
.draggable.img img,
.draggable.imglabel img {
	float: left;
	overflow: hidden;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.draggable.imglabel img {
	margin-right: 6px;
}


.draggable i { /* fix for Firefox adding extra px to container height if italics are used */
	line-height: 13px;
}


.notouch .options.enabled .draggable.ui-draggable-disabled:hover {
	z-index: 4;
}
.draggable:active,
.draggable.active,
.ui-sortable-helper .draggable {
	opacity: 0.6;
	cursor: move !important;
	z-index: 15;
	
	-moz-transition: opacity .1s ease-in-out, color .1s ease-in-out, background-color .1s ease-in-out, border-color .1s ease-in-out;
	-webkit-transition: opacity .1s ease-in-out, color .1s ease-in-out, background-color .1s ease-in-out, border-color .1s ease-in-out;
	-o-transition: opacity .1s ease-in-out, color .1s ease-in-out, background-color .1s ease-in-out, border-color .1s ease-in-out;
	transition: opacity .1s ease-in-out, color .1s ease-in-out, background-color .1s ease-in-out, border-color .1s ease-in-out;
}
.draggable.placed { /* oldjs style hack */
	/*margin-bottom: 6px;*/
}
.draggable:active span,
.draggable.active span,
.options.enabled .ui-sortable-helper .draggable span {
	cursor: move !important;
}
.draggable.ui-draggable-disabled:active {
	opacity: 1;
	background-color: #383838;
	color: #FAFAFA;
	z-index:4;
}

.draggable.correct,
.options.enabled .draggable.correct,
.options.enabled .draggable.correct.ui-draggable-disabled:hover,
.options.enabled .draggable.correct.ui-draggable-disabled:active {
	border-color: #51B734 !important;
	background: #51B734 !important;
	color: #FAFAFA !important;
}
.draggable.incorrect,
.options.enabled .draggable.incorrect,
.options.enabled .draggable.incorrect.ui-draggable-disabled:hover,
.options.enabled .draggable.incorrect.ui-draggable-disabled:active {
	border-color: #C21935;
	background: #C21935;
	color: #FAFAFA;
}
.draggable.correct:after,
.options.enabled .draggable.correct:after {
	content: "\f00c" !important; /* tick */
	font-size: 14px;
	right: 3px;
	opacity: 1;
}
.draggable.alignright.correct:after,
.options.enabled .draggable.alignright.correct:after {
	left: 3px;
	right: auto;
}
.draggable.incorrect:after,
.options.enabled .draggable.incorrect:after {
	content: "\f00d" !important; /* cross */
	font-size: 14px;
	right: 5px;
	opacity: 1;
}
.draggable.alignright.incorrect:after,
.options.enabled .draggable.alignright.incorrect:after {
	left: 5px;
	right: auto;
}

.options.enabled .draggable.overdropbox:active:after,
.options.enabled .draggable.overdropbox:after,
.ui-sortable-helper .draggable.overdropbox:after {
	content: "\f067"; /* plus */
	font-size: 14px;
	right: 4px;
	opacity: 1;
}
.options.enabled .draggable.overdropbox.full:active:after,
.options.enabled .draggable.overdropbox.full:after,
.ui-sortable-helper .draggable.overdropbox.full:after {
	content: "\f05e"; /* not allowed */
	font-size: 14px;
	right: 4px;
	opacity: 1;
}
.allcompleted .options.enabled .draggable:after {
	content: "";
}

.draggable ul {
	margin-bottom: 0;
	padding: 0;
	/*margin-right: -11px;*/
	list-style: none
}
.draggable ul li {
	padding-left: 9px;
	margin: 0;
	position: relative;
}
.draggable ul li:before {
	position: absolute;
	left: 0;
	content:"\F0DA"; /* caret right */

	font-family: "FontAwesome";
	font-size: inherit;
	line-height: inherit;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 0 0.02em rgba(255,255,255,0.3);
}
.draggable ul li:last-child {
	margin-bottom: 0;
}





.draggable div.feedback {
	display: none;
	z-index:0;
	background-color: #FFFFFF;
	background-color: rgba(255,255,255,0.5);
	color: #383838;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 2px 4px;
	margin-top: 4px;
	overflow: hidden;
	-moz-transition: opacity .1s ease-in-out, color .1s ease-in-out, background-color .1s ease-in-out, border-color .1s ease-in-out;
	-webkit-transition: opacity .1s ease-in-out, color .1s ease-in-out, background-color .1s ease-in-out, border-color .1s ease-in-out;
	-o-transition: opacity .1s ease-in-out, color .1s ease-in-out, background-color .1s ease-in-out, border-color .1s ease-in-out;
	transition: opacity .1s ease-in-out, color .1s ease-in-out, background-color .1s ease-in-out, border-color .1s ease-in-out;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.draggable.feedbackvisible div.feedback {
	display: block;
}






#content.animated .tgroup {
	position: relative;
}
#content.animated .tgroup.nooverflow {
	overflow: hidden;
}
#content.animated p span {
	position: relative;
}
#content.animated td span {
	position: relative;
}
#content.animated .animid {
	background-color: #eeaacc;
	color: #000000;
	font: bold 8px Consolas, "Courier New", Arial, sans-serif;
	line-height: 8px;

	position: absolute;
	top: -3px;
	left: -14px;
	padding: 1px 2px;
	min-width: 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius:2px;
	opacity: 0.7;
	z-index: 2;
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
	
	-ms-transition: opacity .4s ease;
	-webkit-transition: opacity .4s ease;
	-moz-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease;
}
#content.animated .animid.hl {
	background-color: #cceeaa;
}
#content.animated .animid.bhl {
	-webkit-border-radius: 6px 2px 2px 2px;
	-moz-border-radius: 6px 2px 2px 2px;
	border-radius: 6px 2px 2px 2px;
	background-color: #27FFE6;
	left: 0px;
	top: 0px;
}
#content.animated .animid.tg {
	background-color: #aaccee;
	left: -23px;
	padding-right: 11px;
	z-index: 1;
}
#content.animated .mrow .animid {
	top: 0px;
	left: 0px;
}
#content.animated .highlighttarget.effecton .animid {
	opacity: 0;
}


/*#content.animated h5 {
	color: #383838;
	
	margin-bottom: 7px;

	font-size: 16px;
	line-height: 16px;
	font-weight: bold;

	letter-spacing: -1px;
}
#content.animated h6 {
	color: #383838;

	margin: 0 0 6px 0;

	font-size: 16px;
	line-height: 16px;
	font-weight: normal;

	letter-spacing: -1px;
}
*/
#content.animated p {
	position: relative;
}
#content.animated li {
	z-index: 0;
}
#content.animated .leftcolumn ul,
#content.animated .leftcolumn ol {
	z-index: 0; /* why this is needed is beyond me */
}


#content.animated ul.flushleft,
#content.animated ol.flushleft {
	padding-left: 17px;
}

#content.animated > ul,
#content.animated > ol {
	overflow: visible;
}

#content.animated p + h4 {
	margin-top: 12px;
	font-size: 28px;
	line-height: 28px;
	margin-bottom: 6px;
}
#content.animated .rect {
	position: absolute;
	z-index: 10;
}
#content.animated .blockhighlight {
	position: absolute;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: transparent;
	background-color: rgba(255, 72, 155, 0);
	z-index: 10;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}
#content.animated .blockhighlight.circle {
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
}
#content.animated .blockhighlight.behind {
	z-index: 0;
}
#content.animated .blockhighlight.infront {
	z-index: 200;
}
#content.animated .infront {
	z-index: 200;
}

#content.animated .highlighttarget {
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	
	-webkit-transition: background-color .4s ease, color .4s ease, box-shadow .4s ease;
	-moz-transition: background-color .4s ease, color .4s ease, box-shadow .4s ease;
	-o-transition: background-color .4s ease, color .4s ease, box-shadow .4s ease;
	transition: background-color .4s ease, color .4s ease, box-shadow .4s ease;
}
#content.animated.buildmode .highlighttarget.blockhighlight {
	-webkit-box-shadow: 0 0 0 2px rgba(7, 228, 203, 1);
	-moz-box-shadow: 0 0 0 2px rgba(7, 228, 203, 1);
	box-shadow: 0 0 0 2px rgba(7, 228, 203, 1);
}

#content.animated .highlighttarget {
	background-color: transparent;
	background-color: rgba(255, 0, 115, 0);
	-webkit-box-shadow: 0 0 0 0 rgba(255, 0, 115, 0);
	-moz-box-shadow: 0 0 0 0 rgba(255, 0, 115, 0);
	box-shadow: 0 0 0 0 rgba(255, 0, 115, 0);
}
#content.animated .highlighttarget.effecton {
	color: #FFFFFF;
	background-color: #FF0073;
	background-color: rgba(255, 0, 115, 1);
	-webkit-box-shadow: 0 0 0 2px rgba(255, 0, 115, 1);
	-moz-box-shadow: 0 0 0 2px rgba(255, 0, 115, 1);
	box-shadow: 0 0 0 2px rgba(255, 0, 115, 1);
}
#content.animated .highlighttarget.blockhighlight.effecton {
	background-color: #FF489B;
	background-color: rgba(255, 72, 155, 0.8);
	-webkit-box-shadow: 0 0 0 2px rgba(255, 72, 155, 0.8);
	-moz-box-shadow: 0 0 0 2px rgba(255, 72, 155, 0.8);
	box-shadow: 0 0 0 2px rgba(255, 72, 155, 0.8);
}
#content.animated .highlighttarget.blockhighlight.bordered {
	border: 2px solid rgba(17, 17, 17, 0);
}
#content.animated .highlighttarget.blockhighlight.bordered.effecton {
	border: 2px solid rgba(17, 17, 17, 1);
}

#content.animated .highlighttarget.black.effecton {
	background-color: #111111;
	background-color: rgba(17, 17, 17, 1);
	-webkit-box-shadow: 0 0 0 2px rgba(17, 17, 17, 1);
	-moz-box-shadow: 0 0 0 2px rgba(17, 17, 17, 1);
	box-shadow: 0 0 0 2px rgba(17, 17, 17, 1);
}
#content.animated .highlighttarget.blockhighlight.black.bordered {
	border-color: rgba(17, 17, 17, 0);
}
#content.animated .highlighttarget.blockhighlight.black.bordered.effecton {
	border-color: rgba(17, 17, 17, 1);
}

#content.animated .highlighttarget.blockhighlight.nofill {
	background: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}



#content.animated .inlinebox {
	display: inline-block;
}
#content.animated .swaptext {
	display: inline-block;
	vertical-align: bottom;
}
#content.animated .swaptext.enabled .swap1,
#content.animated .swaptext.enabled .swap2 {
	position: absolute;
	top: 0;
	left: 0;
}

#content.animated .swapgroup {
	position: relative;
	margin-bottom: 7px;
}
#content.animated .swapgroup.enabled .swap1,
#content.animated .swapgroup.enabled .swap2 {
	position: absolute;
	top: 0;
	left: 0;
}



/*****************************************/
.map {
	overflow: hidden;
	position: relative;
}
.jvectormap-label {
	position: absolute;
	top: 30px;
	left: 5px;
	z-index: 100;
	display: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	padding: 4px 4px;
	text-align: left;
	word-wrap: break-word;
	overflow: hidden;

	font-size: 12px;
	line-height: 15px;

	max-width: 400px;

	background-color: #F4F4F4;
	color: #383838;
}
.usetouch .jvectormap-label {
	top: 38px;
}
.jvectormap-label p {
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 9px;
}
.jvectormap-label p:last-child {
	margin-bottom: 0px;
}
.jvectormap-label h5 {
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	margin: 0 0 7px 0 !important;
	padding: 0;
	letter-spacing: -1px;
}
.jvectormap-zoomin,
.jvectormap-zoomout {
	position: absolute;
	left: 5px;
	top: 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
	background: #383838;
	color: #FAFAFA;
	width: 20px;
	height: 20px;
	font-size: 20px;
	line-height: 19px;
	text-align: center;
}
.jvectormap-zoomin:hover,
.jvectormap-zoomout:hover {
	background: #565656;
}
.usetouch .jvectormap-zoomin,
.usetouch .jvectormap-zoomout {
	width: 40px;
	height: 28px;
	font-size: 30px;
	line-height: 30px;
}
.jvectormap-zoomout {
	left: 27px;
}
.usetouch .jvectormap-zoomout { left: 47px; }

.jvectormap-defaults { background-color: none; }
.jvectormap-defaults.series { background-color: #ff3366; }
.jvectormap-defaults.region { background-color: #AAAAAA; border: 0px none #ffffff; }
.jvectormap-defaults.region.hover { background-color: #777777; border: 0px none #ffffff; }
.jvectormap-defaults.region.selected { background-color: #ff3366; border: 0px none #ffffff; }
.jvectormap-defaults.region.hover.selected { background-color: #DE2255; border: 0px none #ffffff; }
.jvectormap-defaults.marker { background-color: #999999; border: 3px solid #ffffff; width: 5px; }
.jvectormap-defaults.marker.hover { background-color: #777777; border: 3px solid #ffffff; }
.jvectormap-defaults.marker.selected { background-color: #ff3366; border: 3px solid #ffffff; }
.jvectormap-defaults.marker.hover.selected { background-color: #DE2255; border: 3px solid #ffffff; }
/*****************************************/



#wileyimage {
	background: url(wiley_index.png) 0 0 no-repeat;
	position: absolute;
	width: 280px;
	height: 59px;
	left: -140px;
	top: -30px;
	z-index: 1;
}
.index #window {
	top: 62px;
	bottom: 62px;
	overflow: visible;
}
.index #content {
	padding: 0;
	height: 100%;
	max-width: none;
	min-width: 560px;
}
.index #content #indexhide {
	opacity: 0;
	visibility: hidden;
}
#coverimage {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 100%;
	width: 100%;
}
#coverimage img {
	position: absolute;
	max-height: 100%;
	max-width: 100%;
	height: 100%;
	width: auto;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	z-index: 2;
}

.basicindex h4 {
	margin-top: 8px;
	margin-bottom: 0px;
}
.basicindex #content h5 {
	margin-bottom: 0;
}
.basicindex h5 a {
	text-decoration: none;
	display: inline-block;
	color: #FF2B8B;
	border-bottom: 2px dotted;
	padding-top: 4px;
}
.basicindex h5 a:hover {
	border-bottom: 2px solid;
}




/******************************************************/


	/* high dpi images */
@media (-webkit-min-device-pixel-ratio:1.1), (-moz-min-device-pixel-ratio:1.1), (-o-min-device-pixel-ratio:3/2), (min-device-pixel-ratio:1.1), (min-resolution:144dpi), (min-resolution:1.1dppx) {
	#top .logo.istudy {
		background-image: url(istudy@2x.png);
		background-size: 100px;
	}
	#top .logo.wiley {
		background-image: url(wiley@2x.png) !important;
		background-size: 100px;
	}
	#wileyimage {
		background-image: url(wiley_index@2x.png);
		background-size: 280px;

	}
	#top:after {
		background-image: url(top@2x.png);
		background-size: 30px;
	}
}






/******************************************************/

#walkthroughmouse {
	position: absolute;
	z-index: 10000;
	top: 50%;
	left: 512px;
}
#walkthroughmouse .mouse {
	position: absolute;
	z-index: 2;
	top: -1px;
	left: -1px;
	background: url(cursor-large.png) 0 0 no-repeat;
	background-size: 18px;
	width: 25px;
	height: 35px;
}
#walkthroughmouse.hover .mouse {
	/*background-image: url(cursor-large-hover.png);*/
}
#walkthroughmouse .bloop {
	position: absolute;
	z-index: 1;
	top: -20px;
	left: -20px;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	background: #E6961C;
	opacity: 1;
}
#walkthroughcutout {
	position: absolute;
	z-index: 10001;
	opacity: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 0 1500px rgba(0, 0, 0, 0.65);
	-moz-box-shadow: 0 0 0 1500px rgba(0, 0, 0, 0.65);
	box-shadow: 0 0 0 1500px rgba(0, 0, 0, 0.65);
}

#walkthroughtitle {
	position: absolute;
	z-index: 10002;
	top: 15px;
	width: 1014px;
}

#walkthroughtitleinner {
	opacity: 0;
	float: right;
	padding: 2px 12px 2px 12px;
	font-size: 28px;
	line-height: 36px;
	font-weight: normal;
	letter-spacing: -1px;

	color: #FFFFFF;
	background-color: #E6961C;

	border-bottom: 2px solid #B36D03;
	border-right: 2px solid #B36D03;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}




/******************************************************/
@font-face {
	font-family: 'Arimo';
	src: url('../../_fonts/Arimo/Arimo-Regular.eot');
	src: url('../../_fonts/Arimo/Arimo-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../../_fonts/Arimo/Arimo-Regular.woff') format('woff'),
		 url('../../_fonts/Arimo/Arimo-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FontAwesome';
	src: url('../../_fonts/FontAwesome/fontawesome-webfont.eot?v=4.0.0');
	src: url('../../_fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.0.0') format('embedded-opentype'),
		 url('../../_fonts/FontAwesome/fontawesome-webfont.woff?v=4.0.0') format('woff'),
		 url('../../_fonts/FontAwesome/fontawesome-webfont.ttf?v=4.0.0') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Arimo';
	src: url('../../_fonts/Arimo/Arimo-Italic.eot');
	src: url('../../_fonts/Arimo/Arimo-Italic.eot?#iefix') format('embedded-opentype'),
		 url('../../_fonts/Arimo/Arimo-Italic.woff') format('woff'),
		 url('../../_fonts/Arimo/Arimo-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Arimo';
	src: url('../../_fonts/Arimo/Arimo-Bold.eot');
	src: url('../../_fonts/Arimo/Arimo-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../../_fonts/Arimo/Arimo-Bold.woff') format('woff'),
		 url('../../_fonts/Arimo/Arimo-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Arimo';
	src: url('../../_fonts/Arimo/Arimo-BoldItalic.eot');
	src: url('../../_fonts/Arimo/Arimo-BoldItalic.eot?#iefix') format('embedded-opentype'),
		 url('../../_fonts/Arimo/Arimo-BoldItalic.woff') format('woff'),
		 url('../../_fonts/Arimo/Arimo-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: 'iStudyControls';
	src: url('../../_fonts/iStudyControls/iStudyControls.eot');
	src: url('../../_fonts/iStudyControls/iStudyControls.eot?#iefix') format('embedded-opentype'),
		 url('../../_fonts/iStudyControls/iStudyControls.woff') format('woff'),
		 url('../../_fonts/iStudyControls/iStudyControls.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* SVG Mac Font corrections */
@font-face {
	font-family: 'ArialMT';
	src: local('Arial');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Arial-BoldMT';
	src: local('Arial Bold');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Arial-ItalicMT';
	src: local('Arial Italic');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Arial-BoldItalicMT';
	src: local('Arial Bold Italic');
	font-weight: bold;
	font-style: italic;
}

/* SVG Font replacements */
@font-face {
	font-family: 'MyriadPro-It';
	src: local('Arial');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadPro-SemiboldIt';
	src: local('Arial Bold');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'CooperBlack';
	src: local('Arial Bold');
	font-weight: bold;
	font-style: normal;
}