html, input, button
{
	/* we must re-configure the fonts because reveal.css overrides the site default */
	font-family:
		"Open Sans",
		"Arimo",
		"Proxima Nova",
		"Avenir",
		"Calibri",
		"Noto Sans",
		"Lato",
		"Droid Sans",
		"Frutiger",
		"Segoe",
		"Liberation Sans",
		"DejaVu Sans",
		"Roboto",
		"FreeSans",
		"Trebuchet MS",
		sans-serif;
}

html.presentation body
{
	display: block;
	background-color: #212931;
	color: #eeeeee;
}
.infotv
{
	font-size: 2em;
}
::selection
{
	color: #fff;
	background: #aaa;
}

/*********************************************
 * Headers
 *********************************************/
.infotv h1,
.infotv h2,
.infotv h3,
.infotv h4,
.infotv h5,
.infotv h6
{
	margin: 0 0 0.2em 0;
	line-height: 1.2;
	word-wrap: break-word;
}
.infotv h1
{
	font-size: 2.5em;
}
.infotv h2
{
	font-size: 1.6em;
}
.infotv h3
{
	font-size: 1.4em;
}

/*********************************************
 * Contents
 *********************************************/
.infotv p
{
	margin: 0.25em 0;
	line-height: 1.25;
}
/* Ensure certain elements are never larger than the slide itself */
.infotv img,
.infotv video,
.infotv iframe
{
	max-width: 95%;
	max-height: 50vh;
	margin: 0.2em;
}
.infotv strong,
.infotv b
{
	font-weight: bold;
}
.infotv em
{
	font-style: italic;
}
.infotv ol,
.infotv dl,
.infotv ul
{
	text-align: left;
	margin: 0.1em 4em 0.5em 4em;
}
.infotv ul
{
	list-style-type: disc;
}
.infotv ul ul,
.infotv ul ol,
.infotv ol ol,
.infotv ol ul
{
	display: block;
	margin-left: 1em;
}
.infotv dd
{
	margin-left: 1em;
}
.infotv pre
{
	display: block;
	text-align: left;
	font-size: 0.55em;
	font-family: monospace;
	line-height: 1.2em;
	word-wrap: break-word;
 }
.infotv code
{
	font-family: monospace;
}
.infotv pre code
{
	display: block;
	overflow: auto;
	word-wrap: normal;
}
.infotv table
{
	color: #eee;
	margin: auto;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: transparent;
}
.infotv table th
{
	font-weight: bold;
}
.infotv table th, .infotv table td
{
	background: transparent;
	text-align: left;
	padding: 0.2em 0.5em 0.2em 0.5em;
	border-width: 2px;
	border-color: #eeeeee;
}
.infotv table th[align="center"],
.infotv table td[align="center"]
{
	text-align: center;
}
.infotv table th[align="right"],
.infotv table td[align="right"]
{
	text-align: right;
}
.infotv sup
{
	vertical-align: super;
}
.infotv sub
{
	vertical-align: sub;
}
.infotv small
{
	display: inline-block;
	font-size: 0.6em;
	line-height: 1.2em;
	vertical-align: top;
}
.infotv small *
{
	vertical-align: top;
}
.infotv .slide-number
{
	color: #fff;
}

/*********************************************
 * Other
 *********************************************/
.infotv a
{
	color: #aaa;
	text-decoration: none;
	-webkit-transition: color 0.15s ease;
	-moz-transition: color 0.15s ease;
	transition: color 0.15s ease;
}
.infotv a:hover
{
	color: #fff;
	cursor: pointer;
}
.infotv .roll span:after
{
	color: #fff;
	background: #000;
}

.infotv section img
{
	background: rgba(255, 255, 255, 0.12);
	border: 2px solid #aaa;
}
.infotv a img
{
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	transition: all 0.15s linear;
}
.infotv a:hover img
{
	background: rgba(255, 255, 255, 0.2);
	border-color: #eee;
}

/*********************************************
 * Navigation
 *********************************************/
.infotv .controls div.navigate-left,
.infotv .controls div.navigate-left.enabled
{
	border-right-color: #aaa;
}
.infotv .controls div.navigate-right,
.infotv .controls div.navigate-right.enabled
{
	border-left-color: #aaa;
}
.infotv .controls div.navigate-up,
.infotv .controls div.navigate-up.enabled
{
	border-bottom-color: #aaa;
}
.infotv .controls div.navigate-down,
.infotv .controls div.navigate-down.enabled
{
	border-top-color: #aaa;
}
.infotv .controls div.navigate-left.enabled:hover
{
	border-right-color: #fff;
}
.infotv .controls div.navigate-right.enabled:hover
{
	border-left-color: #fff;
}
.infotv .controls div.navigate-up.enabled:hover
{
	border-bottom-color: #fff;
}
.infotv .controls div.navigate-down.enabled:hover
{
	border-top-color: #fff;
}


div.infotvmenu
{
	display: block;
	padding: 0.3em;
	margin: 0;
	position: absolute;
	right: 0;
	z-index: 10;
}
div.infotvmenu a,
div.infotvmenu a:link,
div.infotvmenu a:visited
{
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
	background-color: #000;
	underline: none;
	padding: 1em;
	text-decoration: none;
	display: inline-block;
}
div.infotvmenu a:hover
{
	color: #fff;
}
.hidden
{
	visibility: hidden;
}
/*********************************************
 * JavaScript required message
 *********************************************/
/* DEFINE ANIMATIONS: */
@keyframes pulsein
{
	from
	{
		opacity: 0;
	}
	80%
	{
		opacity: 0;
	}
	to
	{
		opacity: 1.0;
	}
}
div.jsrequired
{
	display: block;
	color: #fff;
	background: #2b2b2b;
	margin: 1em;
	font-size: 0.9em;
	animation: pulsein 4.0s ease 0s 1 alternate;
}
/*********************************************
 * Progress bar
 *********************************************/
.infotv .progress
{
	background: rgba(0, 0, 0, 0.2);
}
.infotv .progress span
{
	background: #aaa;
	-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
	-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
	transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
}