/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *



 */

/*

	Version:	1.1
	Created:	Feb 2014
	Team:		Stardotstar

	Details:	Please don't look at me, I'm naked!

				Media queries are in context, alongside their relevant sections/elements.

				http://placehold.it/350x150&text=Boof+McClerk
	
*/

/* Imports */


@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700);

/*@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	src: url('/assets/OpenSans-Regular-webfont-2a96e366e9b28a401313eabeea26df17.eot') format('eot');
	src: url('/assets/OpenSans-Regular-webfont-2a96e366e9b28a401313eabeea26df17.eot?#iefix') format('eot'),
	     url('/assets/OpenSans-Regular-webfont-377fb6dd700fab31cc06672e7987f423.svg#open_sansregular') format('svg'),
	     url('/assets/OpenSans-Regular-webfont-9f53b2f0ccac5718ef718aa2cee7495f.woff') format('woff'),
	     url('/assets/OpenSans-Regular-webfont-08792a29b7fd89befe42644f944774ee.ttf') format('truetype');
}

@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: normal;
	src: url('/assets/OpenSans-Italic-webfont-cc02c927677bf404d459aae00fc8bc8d.eot') format('eot');
	src: url('/assets/OpenSans-Italic-webfont-cc02c927677bf404d459aae00fc8bc8d.eot?#iefix') format('eot'),
	     url('/assets/OpenSans-Italic-webfont-59d1c39a018405e17a3ebc83beb15880.svg#open_sansitalic') format('svg'),
	     url('/assets/OpenSans-Italic-webfont-6a54b09f5b23d60e2f59d6a409cd391a.woff') format('woff'),
	     url('/assets/OpenSans-Italic-webfont-8fc1c95cf71159b9ddf336f4b301bfc6.ttf') format('truetype');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	src: url('/assets/OpenSans-Bold-webfont-ba80c782a0b8d73f525b443e87ed819f.eot') format('eot');
	src: url('/assets/OpenSans-Bold-webfont-ba80c782a0b8d73f525b443e87ed819f.eot?#iefix') format('eot'),
	     url('/assets/OpenSans-Bold-webfont-8337f11f5d50f3685427f450271863de.svg#open_sansbold') format('svg'),
	     url('/assets/OpenSans-Bold-webfont-7392077d86faae3ec154b2973f1b1802.woff') format('woff'),
	     url('/assets/OpenSans-Bold-webfont-2fe1e6ac62474d123e56be5aadd4fcf7.ttf') format('truetype');
}*/

/* Reset (adapted from HTML5 Boilerplate; a mash of HTML5 Doctor, Eric Meyer and HTML5 baseline) */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}input,select{vertical-align:middle;}

/* Global Elements */

body {
	color: #7a7a7a;
	font-size: 1em;
	font-family: 'Open Sans', sans-serif;
	background: #433360;
	line-height: 1.5em;
}

h1,
h2,
h3,
h4 {
	color: #c83c6b;
	font-weight: bold;
	text-transform: uppercase;
}

h1 {
	font-size: 2.25em;
	line-height: 1.125em;
	margin-bottom: .25em;
}

h2 {
	font-size: 1.5em;
	line-height: 1.25em;
	margin-bottom: .5em;
}

h3 {
	font-size: 1.25em;
	line-height: 1.25em;
	margin-bottom: .5em;
}

h4 {
	font-size: 1em;
	line-height: 1.25em;
	margin-bottom: .5em;
}

p {
	line-height: 1.5em;
	margin-bottom: 1em;
}

ul,
ol {
	margin-bottom: 1em;
	padding-left: 1em;
}

li {
	margin-bottom: 1em;
	list-style: outside;
}

img {
	width: 100%;
	height: auto;
	margin-bottom: .5em;
	-ms-interpolation-mode: bicubic;
}

a {
	color: #7a7a7a;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

small {
	font-size: .75em;
}

input,
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
	color: #7a7a7a;
	font-size: 1em;
	line-height: 1.5em;
	font-family: 'Open Sans', sans-serif;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0 0 .5em;
	outline: 0;
	border: 2px solid #999;
	padding: 1em;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
	width: 100%;
	border-radius: .25em;
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
	background: #fff;
}

textarea {
	width: 100%;
	min-height: 8em;
}

select {
	font-family: sans-serif;
}

article {
	background: #ffffff;
}


.fluid-width-video-wrapper,
.fluid-width-video-wrapper iframe {
	margin-bottom: .75em;
	box-shadow: 0 1px .25em rgba(102,102,102,.75);
}

.fluid-width-video-wrapper iframe {
	width: 100%;
	height: auto;
}

.fluid-width-video-wrapper {
	padding-top: 56.25% !important;
}

.form_error {
  color: #c83c6b;
}

@media only screen and (max-width: 767px) {

	h1 {
		font-size: 2em;
	}

}

@media only screen and (min-width: 32em) {

	input,
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		margin-bottom: 1em;
	}

}

@media (min-width: 1280px) and (min-height: 1024px) {
	body { font-size: 1.25em; }
}

@media (min-width: 1920px) and (min-height: 960px) {
	body { font-size: 1.5em; }
}

/* Global Container & Content Classes */

.container {
	overflow: auto;
	padding: 1em;
}

.container > .content {
	max-width: 48em;
}

@media only screen and (min-width: 30em) and (min-height: 20em)  {

	.container { 
		padding: 2em;
	}

}

@media only screen and (min-width: 64em) {

	.container { 
		padding: 3em;
	}

}

/* Header Globals */

header {
	border-top: .3334em solid #c83c6b;
}

header .container {
	overflow: auto;
	background: #49176d;
}
 
header nav a {
	color: #fff;
	text-decoration: none;
	display: block;
}
 
header nav .identity {
	float: left;
}
 
header nav .identity .logo.first-steps,
header nav .identity .logo.first4adoption {
	font-size: 2em;
	text-indent: -9999em;
	position: relative;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	-ms-behavior: url('/assets/backgroundsize.min-2ec5c4d905fe0779c4299b43f8d66ee8.htc');
}
 
header nav .identity .logo.first4adoption {
	left: 0.1em;
	width: 5em;
	height: .75em;
	background-image: url('/assets/first4adoption-228d58c1e82eaa05cc2cad8e84be9d87.png');
}
 
header nav .identity .logo.first-steps {
	width: 5em;
	height: 1.125em;
	background-image: url('/assets/firststeps-a8e4df8218b001664eaf4e6ff93b70ae.png');
}
 
header nav .menu a.toggle {
	float: right;
}
 
header nav .menu a.toggle span.icon {
	text-indent: -9999em;
	display: inline-block;
	width: 24px;
	height: 24px;
}
 
header nav .menu .contents {
	float: left;
	clear: both;
	overflow: hidden;
	width: 100%;
	max-height: 20em;
	transition: max-height 0.5s ease;
	-moz-transition: max-height 0.5s ease;
	-o-transition: max-height 0.5s ease;
	-webkit-transition: max-height 0.5s ease;
}
 
header nav .menu .contents a {
    display: block;
    margin-right: 0;
    margin-bottom: 1em;
    border-bottom: 1px solid #505050;
    padding-bottom: 1em;
}
 
header nav .menu .contents a:first-child {
    margin-top: 2em;
}
 
header nav .menu .contents a:last-child {
    margin-bottom: 0;
    border-bottom: none;
}
 
header nav .menu .contents a:hover,
header nav .menu .contents a:focus,
header nav .menu .contents a:active {
    color: #c83c6b;
}
 
header nav .menu .contents a.user {
    font-weight: bold;
}
 
header nav .menu .contents a span {
    vertical-align: middle;
}
 
header nav .menu .contents a span.icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: .5em;
}
 
@media only screen and (max-width: 1023px) {
 
    header nav .menu .contents.closed {
        max-height: 0em;
    }
 
    header nav .menu .contents.open {
        max-height: 20em;
    }
 
}
 
@media only screen and (min-width: 64em) {
 
    header { 
        float: left;
        width: 25%;
    }
 
    header nav .identity {
        float: none;
        margin-bottom: 4em;
    }
 
    header nav .identity .logo.first4adoption {
        top: 0.1em;
    }
 
    header nav .menu {
        float: none;
    }
 
    header nav .menu a.toggle {
        display: none;
    }
 
    header nav .menu .contents.open,
    header nav .menu .contents.closed {
        max-height: 20em;
    }
     
}
 
/* Home & Header Overrides */
 
body.home header { 
    float: none;
    width: auto;
}
 
body.home header nav .identity {
    float: left;
    margin-bottom: 0;
}
 
body.home header .identity .logo.first4adoption {
    top: 0.1em;
}
 
body.home header .identity .logo.first-steps {
    display: none;
}
 
body.home article {
    float: none;
    width: auto;
}
 
body.home footer {
    width: auto;
}
 
@media only screen and (min-width: 37.5em) {
 
    body.home header nav .menu {
        float: right;
    }
 
    body.home header nav .menu a.toggle {
        display: none;
    }
 
    body.home header nav .menu .contents.open,
    body.home header nav .menu .contents.closed {
        max-height: 2em;
    }
 
    body.home header nav .menu .contents a {
        margin-right: 1em;
    }
 
    body.home header nav .menu .contents a:first-child {
        margin-top: 0;
    }
 
    body.home header nav .menu .contents a {
        display: inline-block;
        margin-bottom: 0;
        border-bottom: 0;
        padding-bottom: 0;
    }
 
}
 
@media only screen and (min-width: 48em) {
 
    body.home header nav .identity .logo.first4adoption {
        top: 0;
        width: 8em;
        max-width: none;
    }
 
}
 
@media only screen and (min-width: 64em) {
 
    body.home header .container { 
        padding-top: 2em;
        padding-bottom: 2em;
    }
}

/* Global Article & Containers */

article {
	border-top: .3334em solid #c5beb2;
}

article .container.main {
	background: #ffffff;
}

article .container.accent {
	background: #f1eeeb;
}

article .container.feature {
	background: #e3dcd5;
}

article .notes {
	overflow: auto;
}

article .notes .action.save {
	float: right;
	margin-left: 1em;
}

article .notes .help {
	max-width: 26em;
	line-height: 1em;
}

@media only screen and (min-width: 64em) {

	article { 
		float: right;
		width: 75%;
		min-height: 64em;
	}

}

body.subjects article h1 + p,
.container.accent h1 + p {
	color: #222;
	font-size: 1.25em;
	line-height: 1.5em;
}

/* Global Modules */

.logo.first-steps {
	font-weight: bold;
	letter-spacing: -0.08em;
	text-transform: lowercase;
	vertical-align: middle;
}

.print-logo {
	display: none;
}

.show-notes {
	margin-top: 10px;
}

.show-notes a:last-child {
	margin-left: 10px;
}

.action,
input[type="submit"] {
	cursor: pointer;
	color: #c83c6b;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	border: .125em solid #c83c6b;
	border-radius: 0;
	padding: .5em .5em .3334em;
	background: none;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.action:hover,
.action:focus,
.action:active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active {
	color: #fff;
	background: #c83c6b;
	-webkit-appearance: none;
}

.actions.media a {
	font-size: .75em;
	display: inline-block;
	border: 1px solid #b2b2b2;
	border-radius: .25em;
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
	padding: .25em 1em;
	background: #fff;
}

.actions.media a:hover,
.actions.media a:focus,
.actions.media a:active {
	color: #333;
}

body.home .main .attention {
	display: table;
	padding: .25em .5em;
}

.attention {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
}

.attention,
.attention a {
	color: #c83c6b;
}

.attention.flash {
	font-weight: bold;
	padding-top: 1em;
	padding-bottom: 1em;
}

.attention.persistent {
	text-align: left;
	padding-top: 1em;
	padding-bottom: 1em;
}

/* Exercises */

.exercises .exercise {
	position: relative;
	margin-bottom: 1em;
	box-shadow: 0 0 .25em rgba(102,102,102,.5);
}

.exercises .exercise .title {
	display: block;
	padding: 1em .75em;
	min-height: 2em;
	background: #f1eeeb;
	text-decoration: none;
}

.exercises .exercise .title:hover,
.exercises .exercise .title:focus,
.exercises .exercise .title:active {
	background: #e5e1df;
}

.exercises .exercise .title .score {
	color: #fff;
	font-weight: normal;
}

.exercises .exercise .title .score .value {
	font-weight: bold;
}

.exercises .exercise.locked .title {
	cursor: not-allowed;
	background: rgb(127,127,127);
}

.exercises .exercise.locked .title p.help {
	color: rgb(255,255,255);
	color: rgba(255,255,255,.5);
	line-height: 1em;
	width: 96%;
}

.exercises .exercise.done .title {
	background: #59bc4e;
}

.exercises .exercise.done .title:hover,
.exercises .exercise.done .title:focus,
.exercises .exercise.done .title:active {
	background: #55ad49;
}

.exercises .exercise.test .title {
	background: #7951aa;
}

.exercises .exercise.test .title:hover,
.exercises .exercise.test .title:focus,
.exercises .exercise.test .title:active {
	background: #6b4b99;
}

.exercises .exercise .title h3 {
	color: #60337f;
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
	width: 80%;
}

.exercises .exercise.locked .title h3 {
	color: rgb(255,255,255);
}

.exercises .exercise.done .title h3 {
	color: rgb(255,255,255);
}

.exercises .exercise.test .title h3 {
	color: rgb(255,255,255);
}

.exercises .exercise .guest-description {
	margin-top: .5em;
}

.exercises .exercise .guest-description p {
	font-size: .75em;
}

.exercises .exercise .guest-description p:last-child {
	margin-bottom: 0;
}

.exercises .exercise.locked .guest-description p {
	color: rgb(255,255,255);
}

.exercises .exercise.done .guest-description p {
	color: rgb(255,255,255);
}

.exercises .exercise.test .guest-description p {
	color: rgb(255,255,255);
}

.exercises .exercise .meta {
	overflow: auto;
	padding: .25em .75em;
	background: #fff;
}

.exercises .exercise .meta span,
.exercises .exercise .meta a {
	color: rgb(127,127,127);
	font-size: .75em;
	text-decoration: none;
}

.exercises .exercise .meta .media {
	float: left;
}

.exercises .exercise .meta .user {
	float: right;
}

.exercises .exercise .meta .media .type,
.exercises .exercise .meta .user .notes {
	margin-right: .5em;
}

@media only screen and (min-width: 48em) {

	.exercises .exercise {
		float: left;
		width: 30%;
		margin-bottom: 1.5em;
		margin-left: 1.5%;
		margin-right: 1.5%;
	}

	.exercises .exercise .title {
		height: 7.5em;
	}

}

/* Quiz */

.quiz {
	overflow: auto;
	margin-bottom: 2em;
}

.quiz .progress {
	margin-bottom: .25em;
}

.quiz .progress .part {
	text-indent: -9999em;
	display: inline-block;
	width: 1em;
	height: 1em;
	border: .25em solid #ffffff;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	background: #b1b1b1;
}

.quiz .progress .part.active {
	border-color: #c83c6b;
	margin: 0 .25em;
	background: #fff;
}

.quiz .progress .part.done {
	background: #c83c6b;
}

.quiz .content {
	width: 99%;
	margin-left: .5%;
	margin-bottom: 1em;
	box-shadow: 0 0 .25em rgba(102,102,102,.5);
}

.quiz .content.question-container {
	display: none;
}

.quiz .content.question-container.active {
	display: block;
}

.quiz .content .question,
.quiz .content .question h2 {
	color: #fff;
}

.quiz .content .question {
	color: #fff;
	padding: 1em;
	background: #c83c6b;
}

.quiz .content .question .icon {
	position: absolute;
	display: block;
	margin-top: .125em;
	margin-right: .5em;
}

.quiz .content .question h2 {
	font-size: 1.25em;
	margin-left: 44px;
	margin-bottom: 0;
}

.quiz .content .question p.help {
	font-size: .75em;
	margin: 0;
	margin-left: 44px;
}

.quiz .content .answer {
	cursor: pointer;
	color: #7a7a7a;
	text-decoration: none;
	display: block;
	padding: 1em;
	border-left: .5em solid #ded7d0;
	border-bottom: 1px solid #b2b2b2;
	background: #fff;
}

.quiz .content .answer:hover,
.quiz .content .answer:focus,
.quiz .content .answer:active {
	border-left-color: #9b9b9b;
}

.quiz .content .answer h3 {
	display: inline-block;
	color: #7a7a7a;
	font-size: 1em;
	vertical-align: top;
	margin-right: .25em;
	margin-bottom: .5em;
}

.quiz .content .answer .icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-top: -.2em;
}

.quiz .content .answer .icon.mark {
	float: right;
}

.quiz .content .answer p:last-of-type {
	margin-bottom: 0;
}

.quiz .content .answer.selected {
	border-left-color: #333333;
}

.quiz .content .answer.selected h3 {
	color: #333333;
}

.quiz .content .answer.persisted.not-selected h3,
.quiz .content .answer.persisted.not-selected p {
	color: #b1b1b1;
}

.quiz .content .answer.persisted {
	cursor: default;
}

.quiz .content .answer.persisted.not-selected:hover,
.quiz .content .answer.persisted.not-selected:focus,
.quiz .content .answer.persisted.not-selected:active {
	border-left-color: #ded7d0;
}

.quiz .content .answer .answer-checkbox {
	display: none;
}

.quiz .content .feedback {
	border-bottom: 1px solid #b2b2b2;
	padding: 1em;
	background: #f1eeeb;	
}

.quiz .content .feedback .marks {
	overflow: auto;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 1em;
	border: 2px solid;
	border-radius: .125em;
	-moz-border-radius: .125em;
	-webkit-border-radius: .125em;
	padding: .75em 1em .5em;
	background: #fff;
}

.quiz .content .feedback .marks.positive {
	color: #59bc4e;
	border-color: #59bc4e;
}

.quiz .content .feedback .marks.neutral {
	color: #ff9900;
	border-color: #ff9900;
}

.quiz .content .feedback .marks.negative {
	color: #fd3e00;
	border-color: #fd3e00;
}

.quiz .content .feedback .marks p {
	vertical-align: top;
	margin-bottom: 0;
}

.quiz .content .feedback .marks p:first-child {
	margin-right: 1em;
}

.quiz .content .feedback .marks p.correct {
	float: left;
}

.quiz .content .feedback .marks p.incorrect {
	float: right;
}

.quiz .content .feedback .marks .numbers {
	font-size: 1.5em;
}

.quiz .content .feedback .info {
	border: 1px solid;
	border-radius: .125em;
	-moz-border-radius: .125em;
	-webkit-border-radius: .125em;
	padding: 1em;
	background: #fff;
}

.quiz .content .feedback .info h4 {
	color: #7a7a7a;
}

.quiz .content .feedback .info p {
	font-weight: normal;
}

.quiz .content .feedback .info p:last-child {
	margin-bottom: 0;
}

.action:hover,
.action:focus,
.action:active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active {
	color: #fff;
	background: #c83c6b;
}

.quiz .actions {
	position: relative;
	min-height: 3em;
}

.quiz .actions .previous,
.quiz .actions .next {
	position: absolute;
	top: 0;
	color: #7a7a7a;
	border-color: #7a7a7a;
}

.quiz .actions .previous:hover,
.quiz .actions .previous:focus,
.quiz .actions .previous:active,
.quiz .actions .next:hover,
.quiz .actions .next:focus,
.quiz .actions .next:active {
	color: #fff;
	background: #7a7a7a;
}

.quiz .actions .previous {
	left: 0;
	margin-left: .5%;
}

.quiz .actions .next {
	right: 0;
	margin-right: .5%;
}

.quiz .actions .retry {
	display: table;
	margin: auto;
}

.quiz .actions .submit {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	margin-right: .5%;
	margin-bottom: 0;
}

.quiz .actions .disabled {
	cursor: not-allowed;
	filter: alpha(opacity=33);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=33)';
	opacity: 0.33;
}

.quiz .actions .previous.disabled:hover,
.quiz .actions .previous.disabled:focus,
.quiz .actions .previous.disabled:active,
.quiz .actions .next.disabled:hover,
.quiz .actions .next.disabled:focus,
.quiz .actions .next.disabled:active,
.quiz .actions .submit.disabled,
.quiz .actions .submit.disabled:hover,
.quiz .actions .submit.disabled:focus,
.quiz .actions .submit.disabled:active{
	color: #7a7a7a;
	border-color: #7a7a7a;
	background: none;
}

/* Em/Call-To-Action Globals */

.em {
	clear: both;
	position: relative;
	background: #de5885;
	box-shadow: 0 0 .25em rgba(102,102,102,.5);
}

.em,
.em h3 {
	color: #ffffff;
}

.em p:last-child {
	margin-bottom: 0;
}

.em li {
	margin-bottom: 0;
}

.em h3 + p {
	font-weight: bold;
}

.em small {
	line-height: 1em;
}

.em .image {
	margin-top: -1em;
}

.em .image img {
	width: 100%;
	margin-bottom: 0;
}

.em .info {
	padding: 1.5em;
	box-sizing: border-box;
}

.em .form {
	overflow: hidden;
	clear: both;
	padding: 1.5em;
	background: #c83c6b;
}

/* Em/Call-To-Action Home */

.em.home .form {
	padding: .75em 1.5em;
	background: #fff;
}

@media only screen and (max-width: 767px) {

	.em .image {
		display: none;
	}

	.em .action {
		display: block;
		width: auto;
	}

	.em input[type="submit"] {
		display: block;
		width: 100%;
	}

}

@media only screen and (min-width: 48em) {

	.em ul {
		margin-left: 2em;
	}

	.em .image {
		display: block;
		position: absolute;
	}

	.em.home .image {
		left: 1em;
		bottom: 2em;
		width: 22%;
	}

	.em.inner .image {
		left: 0;
		top: 0;
		width: 26%;
	}

	.em .info {
		float: right;
		width: 80%;
		margin-bottom: 0;
	}

	.em .action,
	.em input[type="submit"] {
		float: right;
	}

}

/* Em/Call-To-Action Inner/Guest */

.em.inner {
	width: 99%;
	margin: auto;
	margin-bottom: .25em;
	margin-top: 1em;
}

.em.inner a {
	color: #fff;
}

.em.inner input[type="submit"] {
	color: #fff;
	margin-bottom: 0;
	border: .125em solid #fff;
	background: none;
}

.em.inner input[type="submit"]:hover,
.em.inner input[type="submit"]:focus,
.em.inner input[type="submit"]:active {
	color: #c83c6b;
	background: #fff;
}

/* Home View */

body.home .container > .content {
	margin: auto;
}

body.home h2 {
	color: #3a3a3f;
	font-size: 2.5em;
	text-align: center;
	max-width: 17em;
	margin-left: auto;
	margin-right: auto;
}

body.home h2 em {
	color: #c83c6b;
	font-style: normal;
}

body.home article .decoration {
	position: absolute;
	width: 100%;
	background: #e3dcd5;
	z-index: 1;
}

body.home article .decoration .illustration {
	position: relative;
	width: 100%;
	background: url('/assets/home-6d595c77a3b32714ec1a34183b15cb3d.png') no-repeat center center;
	background-size: cover;
	-ms-behavior: url('/assets/backgroundsize.min-2ec5c4d905fe0779c4299b43f8d66ee8.htc');
	z-index: 2;
}

body.home article .container {
	position: relative;
	z-index: 3;
}

body.home article .main {
	background: none;
}

body.home article .main .logo.first-steps {
	color: #222;
	font-size: 1em;
	text-align: center;
	max-width: 34em;
	max-height: 8em;
	margin: auto;
}

body.home article .main .logo.first-steps img {
	width: 100%;
	height: auto;
	max-width: none;
}

body.home .intro {
	text-align: center;
	max-width: 42em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2.5em;
}

body.home .intro p {
	font-size: 1.25em;
	line-height: 1.5em;
}

body.home .intro a.toggle {
	color: #c83c6b;
}

body.home .intro .more {
	overflow: hidden;
	max-height: 84em;
	transition: max-height 0.5s ease;
	-moz-transition: max-height 0.5s ease;
	-o-transition: max-height 0.5s ease;
	-webkit-transition: max-height 0.5s ease;
}

body.home .intro .more.closed {
	max-height: 0em;
}

body.home p.call {
	color: #c83c6b;
	font-weight: normal;
	text-transform: none;
	text-align: center;
	max-width: 42em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}

body.home p.call a {
	color: #c83c6b;
	font-weight: bold;
	text-decoration: underline;
}

body.home .exercise {
	position: relative;
}

body.home .exercise .title h3,
body.home .exercise .title .guest-description {
	width: 60%;
}

body.home .exercise .title .guest-icon {
	position: absolute;
	right: 0;
	bottom: .5em;
	width: 44%;
}

body.home .exercise .title .guest-icon img {
	display: block;
	margin: 0;
}

body.home .attention {
	position: relative;
}

@media only screen and (max-width: 479px) {

	body.home h2 {
		font-size: 1.5em;
	}

	body.home article .decoration,
	body.home article .decoration .illustration {
		height: 14em;
	}

	body.home article .main .fluid-width-video-wrapper iframe,
	body.home article .main .fluid-width-video-wrapper {
		margin-bottom: 1.5em;
	}

}

@media only screen and (min-width: 30em) {

	body.home article .decoration,
	body.home article .decoration .illustration {
		height: 21em;
	}

	body.home article .main .logo.first-steps {
		margin-bottom: 1em;
	}

	body.home article .main .fluid-width-video-wrapper iframe,
	body.home article .main .fluid-width-video-wrapper {
		margin-bottom: 3em;
	}

}

@media only screen and (min-width: 35em) {

	body.home article .decoration,
	body.home article .decoration .illustration {
		height: 25em;
	}

	body.home .exercise {
		float: left;
		width: 47%;
		margin-left: 1.5%;
		margin-right: 1.5%;
	}

	body.home .exercise .title {
		min-height: 13.5em;
	}

}

@media only screen and (min-width: 48em) {

	body.home article .decoration,
	body.home article .decoration .illustration {
		height: 29em;
	}

	body.home .exercise .title {
		min-height: 9em;
	}

}

@media only screen and (min-width: 64em) {

	body.home article .decoration,
	body.home article .decoration .illustration {
		height: 31em;
	}

	body.home .intro .more {
		max-height: 52em;
	}

}

/* Sessions View */

body.sessions .signin {
	margin-bottom: 2em;
}

/* Subjects View */

body.subjects .container.feature {
	overflow: visible;
	margin-bottom: 1em;
}

body.subjects .subjects {
	overflow: hidden;
	max-height: 27em;
	transition: max-height 0.5s ease;
	-moz-transition: max-height 0.5s ease;
	-o-transition: max-height 0.5s ease;
	-webkit-transition: max-height 0.5s ease;
}

body.subjects .subjects.closed {
	max-height: 0em;
}

body.subjects .feature h2 {
	margin-bottom: 0;
}

body.subjects .feature h2 a {
	color: #c83c6b;
	display: block;
	text-decoration: none;
}

body.subjects .subjects p:first-child {
	color: #222;
	margin-top: 1em;
}

body.subjects .subjects .subject {
	color: #7a7a7a;
	text-decoration: none;
	overflow: hidden;
	display: block;
	position: relative;
	width: 97.5%;
	margin: auto;
	margin-top: .25em;
	margin-bottom: 1em;
	padding: .75em;
	background: #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-shadow: 0 0 .25em rgba(102,102,102,.5);
}

body.subjects .subjects .subject:hover,
body.subjects .subjects .subject:focus,
body.subjects .subjects .subject:active {
	outline: #333 solid .125em;
}

body.subjects .subjects .subject.active,
body.subjects .subjects .subject.active h3 {
	color: #c83c6b;
}

body.subjects .subjects .subject.active {
	outline: #c83c6b solid .125em;
}

body.subjects .subjects .subject.done,
body.subjects .subjects .subject.done h3 {
	color: #59bc4e;
}

body.subjects .subjects .subject.soon {
	cursor: not-allowed;
	outline: none;
	opacity: .5;
}

body.subjects .subjects .subject .progress.bar,
body.subjects .subjects .subject .progress.bar .amount {
	display: block;
	height: .25em;
}

body.subjects .subjects .subject .progress.bar {
	width: 100%;
	background: #b2b2b2;
	margin-bottom: .5em;
}

body.subjects .subjects .subject .progress.bar .amount {
	width: 0%;
	background: #666;
}

body.subjects .subjects .subject.active .progress.bar .amount {
	background: #c83c6b;
}

body.subjects .subjects .subject.done .progress.bar .amount {
	background: #59bc4e;
}

body.subjects .subjects .subject h3 {
	font-size: 1em;
	color: #7a7a7a;
	width: 85%;
}

body.subjects .subjects .subject .meta {
	font-size: .75em;
}

body.subjects .subjects + .toggle {
	color: #c83c6b;
	font-weight: bold;
	text-decoration: none;
	display: block;
	clear: both;
	width: 1em;
	height: 1em;
	margin: auto;
	margin-bottom: -2em;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	padding: 1em;
	background: #e3dcd5;
}

body.subjects .subjects + .toggle .icon {
	position: relative;
	top: 0;
	vertical-align: top;
	text-align: center;
	text-indent: -9999em;
	display: inline-block;
	width: 0;
	height: 0;
	border: .5em solid transparent;
	border-bottom-color: #c83c6b;
	border-radius: .125em;
	-moz-border-radius: .125em;
	-webkit-border-radius: .125em;
}

body.subjects .subjects.closed + .toggle .icon {
	top: .5em;
	border-top-color: #c83c6b;
	border-bottom-color: transparent;
}

body.subjects .subject-exercises {
	display: none;
}

body.subjects .resources {
	border-left: .5em solid #c83c6b;
	padding: 1em 1em .0125em 1.5em;
}

body.subjects .resources ul,
body.subjects .resources ol {
	list-style-position: inside;
}

@media only screen and (max-width: 767px) {

	body.subjects .subjects {
		max-height: 44em;
	}

	body.subjects .subjects .subject.soon {
		display: none;
	}

	body.subjects .subject.info p {
		margin-bottom: .5em;
	}

	body.subjects .subject.info img {
		display: block;
		margin: auto;
		margin-bottom: 1em;
	}

}

@media only screen and (min-width: 30em) {

	body.subjects .subjects + .toggle { 
		margin-bottom: -3em;
	}

}

@media only screen and (min-width: 48em) {

	body.subjects .subjects {
		max-height: 27em;
	}

	body.subjects .subjects .subject {
		float: left;
		width: 30%;
		height: 9em;
		margin-left: 1.5%;
		margin-right: 1.5%;
	}

	body.subjects .subjects .subject .meta {
		position: absolute;
		bottom: .5em;
	}

	body.subjects .subject.info h1,
	body.subjects .subject.info p {
		float: left;
		width: 66%;
	}

	body.subjects .subject.info img {
		width: 33%;
	}

	body.subjects .exercises {
		clear: both;
	}

}

@media only screen and (min-width: 64em) {

	body.subjects .subjects .subject {
		
	}

	body.subjects .subjects + .toggle { 
		margin-bottom: -4em;
	}

}

/* Exercises View */

body.exercises {
	position: relative;
}

body.exercises .container > .content {
	position: relative;
}

body.exercises .snippet:nth-child(2) .container.main {
	padding-bottom: 0;
}

body.exercises .snippet:nth-child(n+3) .container.main {
	padding-top: 0;
	padding-bottom: 0;
}

body.exercises .subject.progress {
	margin-bottom: 3em;
	padding-right: 7.5em;
}

body.exercises .subject.progress p {
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: .5em;
}

body.exercises .subject.progress a {
	text-decoration: none;
}

body.exercises .subject.progress p a .name {
	color: #c83c6b;
	text-decoration: none;
	margin-bottom: .5em;
}

body.exercises .subject.progress p a:hover .name,
body.exercises .subject.progress p a:focus .name,
body.exercises .subject.progress p a:active .name {
	text-decoration: underline;
}

body.exercises .subject.progress .progress.bar,
body.exercises .subject.progress .progress.bar .amount {
	display: block;
	height: .25em;
}

body.exercises .subject.progress .progress.bar {
	width: auto;
	background: #fff;
	margin-bottom: .5em;
}

body.exercises .subject.progress .progress.bar .amount {
	width: 0%;
	background: #c83c6b;
}

body.exercises .subject.progress.done .progress.bar .amount {
	background: #59bc4e;
}

body.exercises h1 {
	padding-right: 2.75em;
}

body.exercises .bookmark {
	position: absolute;
	top: -1em;
	right: 0;
	display: inline-block;
	cursor: pointer;
	border: 2.25em solid transparent;
	width: 0;
	height: 4em;
	transition: border 0.2s;
	-webkit-transition: border 0.2s;
}

body.exercises .bookmark.bookmarked {
	color: #fbcb00;
	border-color: #c83c6b;
	border-bottom-color: transparent;
}

body.exercises .bookmark .text {
	font-size: .75em;
	line-height: 1em;
	text-align: center;
	position: absolute;
	width: 4.5em;
	top: -1em;
	left: -2.25em;
}

body.exercises .bookmark:hover .text,
body.exercises .bookmark:focus .text,
body.exercises .bookmark:active .text {
	color: #333;
}

body.exercises .bookmark.bookmarked:hover .text,
body.exercises .bookmark.bookmarked:focus .text,
body.exercises .bookmark.bookmarked:active .text {
	color: #fff;
}

body.exercises .bookmark .icon {
	display: block;
	position: relative;
	left: -.75em;
	top: 1.25em;
	width: 24px;
	height: 24px;
	background: url('/assets/icons-4d41585f47883d0bb7b215ebc1bf87b4.png') no-repeat;
	background-size: 144px;
	background-position: -72px -72px;
	-ms-behavior: url('/assets/backgroundsize.min-2ec5c4d905fe0779c4299b43f8d66ee8.htc');
}

body.exercises .bookmark.bookmarked .icon {
	background-position: -96px -72px;
}

body.exercises .header.image {
	max-width: 52em;
}

body.exercises .header.image img {
	width: 100%;
}

body.exercises .feature h2 {
	margin-bottom: 0em;
}

body.exercises nav.exercises {
	overflow: auto;
}

body.exercises nav.exercises .action {
	font-size: .95em;
	border-width: .175em;
	margin-bottom: .5em;
}

body.exercises nav.exercises .action.previous {
	color: #7a7a7a;
	border-color: #7a7a7a;
}

body.exercises nav.exercises .action.previous:hover,
body.exercises nav.exercises .action.previous:focus,
body.exercises nav.exercises .action.previous:active {
	color: #fff;
	background: #7a7a7a;
}

body.exercises nav.exercises .action.previous {
	text-align: left;
	float: left;
}

body.exercises nav.exercises .action.next {
	text-align: right;
	float: right;
}

@media only screen and (min-width: 30em) and (min-height: 20em) {

	body.exercises .bookmark {
		top: -2em;
	}

}

@media only screen and (max-width: 767px) {

	body.exercises nav.exercises .action.previous .long {
		display: none;
	}

	body.exercises nav.exercises .action.next .title {
		display: none;
	}

}

@media only screen and (min-width: 64em) {

	body.exercises .bookmark {
		top: -3em;
	}

	body.exercises .header.image {
		max-width: 54em;
		margin-bottom: 1em;
	}

}

/* Notes View */

body.notes .subject {
	margin-bottom: 1.5em;
}

body.notes .exercise {
	margin-bottom: 1em;
	border-radius: .25em;
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
	padding: .75em .75em;
	background: #e3dcd5;
}

body.notes .feature .exercise {
	background: #fff;
}

body.notes .exercise h3 {
	color: #3a3a3f;
	font-size: 1em;
	margin-bottom: .5em;
}

body.notes .feature .exercise h3 {
	color: #3a3a3f;
}

body.notes .exercise .note {
	border-radius: .125em;
	-moz-border-radius: .125em;
	-webkit-border-radius: .125em;
	padding: .75em;
	background: #fff;
}

body.notes .feature .exercise .note {
	background: #e3dcd5;
}


body.notes .exercise .note p:last-child {
	margin-bottom: 0;
}

/* Help, Support & FAQs */

body.help .feedback {
	border-radius: .25em;
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
	padding: 1em;
	background: #e3dcd5;
}

body.help .feedback .user {
	cursor: default;
	font-weight: bold;
}

body.help .feedback p:last-child,
body.help .feedback input[type="submit"] {
	margin-bottom: 0;
}

@media only screen and (min-width: 30em) {

	body.help .feedback {
		padding: 1.5em;
	}

}

/* Global Footer */

footer {
	background: #56327c;
}

footer,
footer a {
	color: #ccc;
}

footer a:hover,
footer a:focus,
footer a:active {
	color: #fff;
}

footer h3 {
	color: #fff;
	font-size: 1em;
	margin-bottom: 1em
}

footer .information .contact .type {
	color: #c83c6b;
	font-weight: normal;
}

footer .information .contact .social {
	display: inline-block;
	width: 2.5em;
	height: 2.5em;
}

footer .information .contact .social.twitter {
	background: url('/assets/footer-twitter-9b88729a81d75c76f1dead5591184e5b.png') no-repeat 0 0;
}

footer .information .contact .social.facebook {
	background: url('/assets/footer-facebook-12fb091273f309cd9e18367049dc5789.png') no-repeat 0 0;
}

footer .email {
  word-wrap: break-word;
}

footer .email a {
  text-decoration: none;
}

footer .smalls {
	background: #433360;
}

footer .first4adoption a {
	text-indent: -9999em;
	display: inline-block;
	width: 100%;
	max-width: 14em;
	height: 1.5em;
	background: url('/assets/first4adoption-228d58c1e82eaa05cc2cad8e84be9d87.png') no-repeat 0 0;
	background-size: 100%;
	-ms-behavior: url('/assets/backgroundsize.min-2ec5c4d905fe0779c4299b43f8d66ee8.htc');
}

footer .smalls p.copyright {
	line-height: 1em;
}

@media only screen and (min-width: 64em) {

	footer {
		float: none;
		clear: left;
		width: 25%;
	}

}

/* Icons */

.icon,
.exercise .meta .notes,
.exercise .meta .bookmark,
.actions.media a .icon,
.notes .icon {
	background-color: transparent;
	background-image: url('/assets/icons-4d41585f47883d0bb7b215ebc1bf87b4.png');
	background-repeat: no-repeat;
}

/* Icons @ 32px / 2 */

.exercise .title + .icon {
	position: absolute;
	top: .75em;
	right: .75em;
	width: 32px;
	height: 32px;
	background-position: -0px -0px;
	background-size: 192px;
	-ms-behavior: url('/assets/backgroundsize.min-2ec5c4d905fe0779c4299b43f8d66ee8.htc');
}

.exercise.done .title + .icon {
	background-position: -0px -32px;
}

.exercise.locked .title + .icon {
	background-position: -96px -32px;
}

.quiz .content .question .icon {
	width: 32px;
	height: 32px;
	background-position: -64px -128px;
	background-size: 192px;
	-ms-behavior: url('/assets/backgroundsize.min-2ec5c4d905fe0779c4299b43f8d66ee8.htc');
}

/* Icons @ 24px / 2.666666667 */

.icon { 
	background-size: 144px;
	-ms-behavior: url('/assets/backgroundsize.min-2ec5c4d905fe0779c4299b43f8d66ee8.htc');
}

header nav .menu a.toggle span.icon {
	background-position: -120px -0px;
}

.home > .icon { 
	background-position: -96px -0px;
}

.user > .icon { 
	background-position: -24px -0px;
}

.support > .icon { 
	background-position: -72px -0px;
}

.sign-in > .icon,
.signup > .icon,
.signout > .icon { 
	background-position: -48px -0px;
}

.register > .icon { 
	background-position: -120px -72px;
}

.notes > .icon { 
	background-position: -24px -72px;
}

.quiz .content .answer .icon.mark { 
	background-position: -0px -0px;
}

.quiz .content .answer.correct .icon.mark { 
	background-position: -24px -24px;
}

.quiz .content .answer.incorrect .icon.mark { 
	background-position: -120px -24px;
}

.quiz .content .answer.persisted.not-selected.correct .icon.mark {
	background-position: -0px -96px;
	background-position: -0px -0px;
}

.quiz .content .answer.persisted.not-selected.incorrect .icon.mark {
	background-position: -0px -0px;
}

/* Icons @ 16px / 4 */

.exercise .meta .icon,
.exercise .meta .notes,
.exercise .meta .bookmark {
	text-indent: -9999em;
	vertical-align: middle;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: 96px;
	-ms-behavior: url('/assets/backgroundsize.min-2ec5c4d905fe0779c4299b43f8d66ee8.htc');
}

.exercise .meta .type.icon,
.exercise.text .meta .type.icon {
	background-position: -0px -32px;
}

.exercise.video .meta .type.icon {
	background-position: -16px -32px;
}

.exercise.audio .meta .type.icon {
	background-position: -32px -32px;
}

.exercise .meta .notes {
	overflow: hidden;
	background-position: -32px -48px;
}

.exercise .meta .bookmark {
	overflow: hidden;
	background-position: -48px -48px;
}

.exercise .meta .bookmark.bookmarked {
	overflow: hidden;
	background-position: -64px -48px;
}

.actions.media a .icon {
	vertical-align: -.3334em;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: .5em;
	background-size: 96px;
	-ms-behavior: url('/assets/backgroundsize.min-2ec5c4d905fe0779c4299b43f8d66ee8.htc');
}

.actions.media a.download .icon {
	background-position: -48px -32px;
}

.actions.media a.print .icon {
	background-position: -64px -32px;
}

.exercises article .notes .icon {
	vertical-align: -.15em;
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: .5em;
	background-size: 144px;
	background-position: -0px -72px;
	-ms-behavior: url('/assets/backgroundsize.min-2ec5c4d905fe0779c4299b43f8d66ee8.htc');
}

.subjects .feature .subject.done .icon {
	display: inline-block;
	position: absolute;
	top: 1.25em;
	right: .75em;
	width: 16px;
	height: 16px;
	background-size: 96px;
	background-position: -16px -16px;
	-ms-behavior: url('/assets/backgroundsize.min-2ec5c4d905fe0779c4299b43f8d66ee8.htc');
}

.cp-banner-wrapper {
	display:none;
	width:100%;
	z-index:9998;
	margin-left:auto;
	margin-right:auto;
	/*margin-top:-30px;*/
	/*margin-bottom:30px;*/
	position: fixed;
	bottom:0;
}

.cp-banner {
	position:relative;
	overflow:hidden;
}

.cp-banner-inner {
	padding: 16px 0;
	margin:0 auto;
	overflow: hidden;
	width:748px;
}

.cp-banner h2 {
	color:#FFFFFF;
	float:left;
	font-size:24px;
	font-weight:bold;
	line-height:18px;
	top:0;
	width:185px;
	text-shadow:none;
	text-transform: none;
	margin-top: 20px;
}

.cp-banner p {
	color: #BEBEBE;
	float: left;
	font-size: 15px;
	line-height: 18px;
	margin-left: 20px;
	width: 360px;
	margin-bottom:0;
	text-shadow:none;
}

.cp-banner-buttons {
	width: 173px;
	float: right;
}

.cp-banner-buttons a.cp-banner-continue,
.cp-banner-buttons a.cp-banner-moreinfo {
	display:block;
	border-bottom:0;
	text-decoration: none;
	color:#c83c6b;
	font-weight: bold;
	padding-left:25px;
	background-repeat:no-repeat;
	line-height: 27px;
	text-shadow:none;
}

.cp-banner-buttons a.cp-banner-continue {
	font-size:18px;
}

.cp-banner-buttons a.cp-banner-moreinfo {
	font-size:14px;
}

.cp-moreinfo-dialog {
	top:0;
	position:fixed;
	background:#000;
	z-index: 9999;
}

.cp-moreinfo-dialog.hide {
	display:none;
}

.cp-moreinfo-dialog-content {
	overflow:auto;
	margin:10px 10px 5px 10px;
}

a.cp-moreinfo-dialog-close {
	border-bottom:0;
	text-decoration: none;
	background-image:url('/assets/close_16-aa8d0d19173a46e88603baf2b090179d.png');
	background-repeat: no-repeat;
	background-position: 0 0.2em;
	padding-left:25px;
	margin-top:5px;
	margin-left:10px;
	/*margin-bottom:10px;*/
	color:#c83c6b;
	font-size:18px;
	font-weight: bold;
}

@media only screen and (max-width: 767px) {

	.cp-banner h2 {
		display: none
	}

	.cp-banner p {
		font-size:12px;
		width:260px;
		margin-left: 0;
	}

	.cp-banner-inner {
		width:420px;
	}

	.cp-moreinfo-dialog {
		width:100% !important;
	}

	.cp-moreinfo-dialog-content {
		
	}

	.cp-banner-buttons {
		width:140px;
	}

	.cp-banner-buttons a.cp-banner-continue,
	.cp-banner-buttons a.cp-banner-moreinfo {
		line-height: 25px;
	}

	.cp-banner-buttons a.cp-banner-continue {
		font-size:14px;
	}

	.cp-banner-buttons a.cp-banner-moreinfo {
		font-size:12px;
	}
}

@media only screen and (max-width: 480px) {

	.cp-banner-inner {
		width:300px;
		padding:10px 0;
	}

	.cp-banner p {
		float:none;
		line-height:16px;
	}

	.cp-banner-buttons {
		float:none;
		width:300px;
	}

	.cp-banner-buttons a.cp-banner-continue,
	.cp-banner-buttons a.cp-banner-moreinfo {
		float:left;
		padding-left:17px;
	}

	.cp-banner-buttons a.cp-banner-continue {
		font-size:14px;
		background-image:url('/assets/continue_12-9953cedfdb563f72507afb21540d4de7.png');
		background-position: 0 0.5em;
	}

	.cp-banner-buttons a.cp-banner-moreinfo {
		background-image:url('/assets/moreinfo_12-d5b0df412ff4ebb4aec22bce71f8f19b.png');
		background-position: 0 0.5em;
		margin-left:20px;
		font-size:12px;
	}
}




/*--------------------------------------------------------------------
JAVASCRIPT "Outdated Browser"
Version:    1.0.0 - 2014
author:     Burocratik
website:    http://www.burocratik.com
-----------------------------------------------------------------------*/

#outdated {
	display: none;
	position: relative;
	top: 0;
	left: 0;
	width: auto;
	height: 100px;
	text-align: center;
	text-transform: uppercase;
	z-index:1500;
	background: #323232 !important;
}

* html #outdated {
	position: absolute;
}

#outdated h6,
#outdated p {
	position: absolute;
	left: 32px;
}

#outdated h6 {
	font-size: 25px;
	line-height: 25px;
	margin: 0px 0 10px;
	top: 1em;
}

#outdated p {
	font-size: 12px;
	line-height: 12px;
	top: 5em;
}

#outdated #btnUpdate {
	position: absolute;
	top: 0;
	right: 32px;
	display: block;
	padding: 10px 20px;
	margin: 26px auto 0;
	width: 180px;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	border: 2px solid #FFF;
	cursor: pointer;
}

#outdated #btnUpdate:hover {
	color: #f25648;
	background-color:#FFF;
}

#outdated #btnClose {
	position: absolute;
	top: 20px;
	right: 25px;
	width: 15px;
	height: 15px;
}

#outdated #btnClose a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-indent:-5555px;
	background: transparent asset-path("outdatedBrowser-close.gif") no-repeat left center;
}