/*<meta />*/

/* roboto-300 - latin */

@font-face 
{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: url('fonts/roboto/roboto-v18-latin-300.eot');
	src: local('Roboto Light'), local('Roboto-Light'), url('fonts/roboto/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), url('fonts/roboto/roboto-v18-latin-300.woff2') format('woff2'), url('fonts/roboto/roboto-v18-latin-300.woff') format('woff'), url('fonts/roboto/roboto-v18-latin-300.ttf') format('truetype'), url('fonts/roboto/roboto-v18-latin-300.svg#Roboto') format('svg');
}

/* IE9 Compat Modes */
/* IE6-IE8 */
/* Super Modern Browsers */
/* Modern Browsers */
/* Safari, Android, iOS */
/* Legacy iOS */
/* roboto-300italic - latin */

@font-face 
{
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 300;
	src: url('fonts/roboto/roboto-v18-latin-300italic.eot');
	src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('fonts/roboto/roboto-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), url('fonts/roboto/roboto-v18-latin-300italic.woff2') format('woff2'), url('fonts/roboto/roboto-v18-latin-300italic.woff') format('woff'), url('fonts/roboto/roboto-v18-latin-300italic.ttf') format('truetype'), url('fonts/roboto/roboto-v18-latin-300italic.svg#Roboto') format('svg');
}

/* IE9 Compat Modes */
/* IE6-IE8 */
/* Super Modern Browsers */
/* Modern Browsers */
/* Safari, Android, iOS */
/* Legacy iOS */
/* roboto-regular - latin */

@font-face 
{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/roboto/roboto-v18-latin-regular.eot');
	src: local('Roboto'), local('Roboto-Regular'), url('fonts/roboto/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), url('fonts/roboto/roboto-v18-latin-regular.woff2') format('woff2'), url('fonts/roboto/roboto-v18-latin-regular.woff') format('woff'), url('fonts/roboto/roboto-v18-latin-regular.ttf') format('truetype'), url('fonts/roboto/roboto-v18-latin-regular.svg#Roboto') format('svg');
}

/* IE9 Compat Modes */
/* IE6-IE8 */
/* Super Modern Browsers */
/* Modern Browsers */
/* Safari, Android, iOS */
/* Legacy iOS */
/* roboto-500 - latin */

@font-face 
{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url('fonts/roboto/roboto-v18-latin-500.eot');
	src: local('Roboto Medium'), local('Roboto-Medium'), url('fonts/roboto/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), url('fonts/roboto/roboto-v18-latin-500.woff2') format('woff2'), url('fonts/roboto/roboto-v18-latin-500.woff') format('woff'), url('fonts/roboto/roboto-v18-latin-500.ttf') format('truetype'), url('fonts/roboto/roboto-v18-latin-500.svg#Roboto') format('svg');
}

/* IE9 Compat Modes */
/* IE6-IE8 */
/* Super Modern Browsers */
/* Modern Browsers */
/* Safari, Android, iOS */
/* Legacy iOS */
/* roboto-italic - latin */

@font-face 
{
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	src: url('fonts/roboto/roboto-v18-latin-italic.eot');
	src: local('Roboto Italic'), local('Roboto-Italic'), url('fonts/roboto/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), url('fonts/roboto/roboto-v18-latin-italic.woff2') format('woff2'), url('fonts/roboto/roboto-v18-latin-italic.woff') format('woff'), url('fonts/roboto/roboto-v18-latin-italic.ttf') format('truetype'), url('fonts/roboto/roboto-v18-latin-italic.svg#Roboto') format('svg');
}

/* IE9 Compat Modes */
/* IE6-IE8 */
/* Super Modern Browsers */
/* Modern Browsers */
/* Safari, Android, iOS */
/* Legacy iOS */
/* roboto-700 - latin */

@font-face 
{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url('fonts/roboto/roboto-v18-latin-700.eot');
	src: local('Roboto Bold'), local('Roboto-Bold'), url('fonts/roboto/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), url('fonts/roboto/roboto-v18-latin-700.woff2') format('woff2'), url('fonts/roboto/roboto-v18-latin-700.woff') format('woff'), url('fonts/roboto/roboto-v18-latin-700.ttf') format('truetype'), url('fonts/roboto/roboto-v18-latin-700.svg#Roboto') format('svg');
}

/* IE9 Compat Modes */
/* IE6-IE8 */
/* Super Modern Browsers */
/* Modern Browsers */
/* Safari, Android, iOS */
/* Legacy iOS */

body
{
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px;
	margin: 0;
	overflow: hidden;
}

/* TOP HEADER */

div.header
{
	padding-left: 12px;
	height: 48px;
	width: 100%;
	line-height: 48px;
	font-size: 26px;
	color: #fff;
	white-space: nowrap;
	background-color: #000000;
}

div.header span
{
	font-size: 20px;
	margin-left: 16px;
}

/* NAVIGATION TOOLBAR */

div.nav
{
	height: 32px;
	width: 100%;
	line-height: 32px;
	background: #ccc;
	overflow: hidden;
	background-color: #d3d3d3;
}

div.nav > a
{
	margin-left: 12px;
	font-size: 12px;
}

div.nav-link
{
	display: inline-block;
	margin-left: 12px;
}

div.nav-link a
{
	font-size: 12px;
	color: #000;
	font-weight: 500;
	letter-spacing: 1px;
}

/* TOPIC CONTAINER */

div.topic-container
{
	position: absolute;
	top: 80px;
	left: 0;
	right: 0;
	bottom: 30px;
	overflow-y: auto;
	color: #000;
	padding-left: 12px;
}

/* FOOTER */

div.footer
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 30px;
	line-height: 26px;
	padding-left: 12px;
	color: #fff;
	font-size: 12px;
	float: left;
	background-color: #000000;
}

/* LEARNING PATH HOME SUITES */

.suite-group
{
	margin: 8px 0 8px 0;
}

.suite-group .suite
{
	display: inline-block;
	float: left;
	margin-right: 12px;
}

.suite-group .suite a
{
	outline: none;
}

.suite-group .graphic
{
	margin-bottom: 8px;
}

.suite-group img
{
	border: 1px solid #aaa;
}

.suite-group img:hover
{
	border: 1px solid #000;
	border-radius: 12px;
}

.suite-title
{
	font-size: 18px;
	color: #5454d3;
	font-weight: 500;
}

.suite-desc
{
	font-size: 14px;
	font-weight: 500;
}

/* BULLETED/NUMBERED LISTS */

ul,
ol
{
	margin: 4px 0 8px 0;
}

/* ICON LISTS (ROLE, LESSON, VIDEO) */

ul.role-list,
ul.lesson-list,
ul.video-list
{
	margin: 0 0 0 18px;
}

ul.role-list a,
ul.lesson-list a,
ul.video-list a
{
	position: relative;
	top: -8px;
	font-size: 14px;
	font-weight: 500;
	color: #336699;
}

ul.role-list
{
	list-style-image: url('images/icon-role.png');
}

ul.lesson-list
{
	list-style-image: url('images/icon-lesson.png');
}

ul.video-list
{
	list-style-image: url('images/icon-video.png');
}

/* GENERIC ELEMENTS */

a
{
	text-decoration: none;
}

a:hover
{
	color: #5454d3;
	text-decoration: underline;
}

h1
{
	font-size: 24px;
	color: #333;
	font-weight: 400;
	margin: 0 0 8px 0;
}

h2
{
	font-size: 20px;
	color: #333;
	font-weight: 500;
	margin: 12px 0 4px 0;
}

h3
{
	font-size: 16px;
	color: #333;
	font-weight: 500;
	margin: 8px 0 4px 0;
}

h4
{
	
}

h5
{
	
}

h6
{
	
}

p
{
	width: 900px;
	margin: 10px 0 4px 0;
}

/* VIDEO OBJECT */

video
{
	object-fit: contain;
	height: 100%;
	max-height: 100%;
	position: absolute;
	left: -12px;
}

video:-webkit-full-page-media
{
	object-fit: contain;
	height: 100%;
	max-height: 100%;
	position: absolute;
	left: -12px;
}