html, body {
	margin:0;
	padding:0;
}

body {
	background-color: #eee;
	font-family:Oswald;
}

div#wrap {
/*
	border: 1px solid #ccc;
    margin: 20px auto;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(170,170,170,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(170,170,170,1);
	box-shadow: 0px 0px 10px 0px rgba(170,170,170,1);
	max-width: 1200px;
    min-width: 850px;
    width: 90%;
*/
	max-width:1200px;
	background-color: white;
	margin: 0 auto;
}

a, a:visited {
	color:#ec1e1e;
	font-weight: bold;
	text-decoration:underline;
	transition:all 0.5s ease 0s;
	
}

a:hover, a:active {
	color: #f4b1b1;
	text-decoration:underline;
}



.dottedline{
	color: #c71d1d	;!important
	border-top:1px dashed #c71d1d;!important
}

/* Header */

#header {
	background: #ff0000; /* Old browsers */
	background: -moz-linear-gradient(top, white 0%, #ff0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(100%,#ff0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  white 0%, #ff0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  white 0%, #ff0000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  white 0%, #ff0000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  white 0%, #ff0000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#ff0000',GradientType=0 ); /* IE6-9 */
	overflow:hidden;
	padding:20px;
	text-shadow:0px 0px 5px #c74040;
	color:white;
}

#header a {
	color:white;
	text-decoration:none;
	transition:all 0.5s ease 0s;
}

#header a:hover {
	color: #ec1e1e;
	text-shadow:0px 0px 5px white;
}

.header-logo {
	float:left;
	max-width:10%;
	min-width:160px;
	margin-right:3%;
}

.header-logo img {
	max-width:100%;
	min-width:160px;
}

.header-title {
	float:left;
}

.header-title h1 {
	font-size:2em;
	margin:0;
}

.header-title p {
	font-size:1em;
	margin:0;
}

/* Navigation bar */

#nav-bar {
	background-color: #ff0000;
	clear:both;
    display: inline-table;
    width:100%;
}

#main-nav, #account-nav, #cart-nav {
    color: white;
    display: inline-table;
    list-style: outside none none;
    margin: 0;
    text-align:center;
    padding:0;
}

#main-nav {
    float:left;
}

#account-nav {
    float:right;
}

#cart-nav {
	float:right;
}

#main-nav li, #account-nav li, #cart-nav li {
	border-right: 1px solid white;
	float:left;
}

#main-nav li:last-child, #account-nav li:last-child {
	border-right: none;
}
/*
#account-nav ul {
    display:none;
}

#account-nav li:hover > ul {
    display:block;
}

#account-nav ul {
	background-color: #ff0000;	
	padding: 0;
	position: absolute;
	top: 100%;
	list-style: outside none none;
}

#account-nav ul li:first-child {
	border-top: 1px solid white;
}

#account-nav ul li {
	float: none; 
	border-bottom: 1px solid white;
	position: relative;
	border-right:none;
}

#account-nav ul li:last-child {
	border-bottom: none;
}

#account-nav ul ul {
    right: 100%;
    position: absolute;
    top: 0;
    list-style: outside none none;
}
*/

#nav-bar a {
	color:white;
	text-decoration:none;
	font-weight:bold;
	transition:all 0.5s ease 0s;
    padding: 10px;
    display: block;
}

#nav-bar a.current {
	color:white;
	text-decoration:underline;
	font-weight:bold;
}

#nav-bar a:hover, #nav-bar a:active {
	color:#ec1e1e;
	text-decoration:underline;
}

/* Banner */

#banner {
	background: transparent url("/img/nurse.jpg") no-repeat scroll left top / 100% auto;
	width: 100%;
	overflow:hidden;
}

.banner-div {
	margin:10%;
	font-size: 3em;
	text-shadow: 0px 0px 5px rgb(109, 141, 152);
	color: white;
}

/* Content */

div#content {
	font-family:Didact Gothic;
	background-color:white;
	padding:20px 20px 0;
	width:90%;
	margin:0 auto;
}

div#content p.indent {
	text-indent:20px;
	text-align:justify;
}

div#content p span.highlight {
	font-weight:bold;
	color: #ff0000;
}

div#content p.error {
	text-align:center;
	border:2px solid #ff0000;
	border-radius:10px;
	background-color:#FFCCCD;
	padding: 5px 0;
}

div#content h2 {
	color: #ec1e1e;
	text-shadow:2px 2px 2px #c74040;
}

div#content h2 span {
    color: #f4b1b1;
    text-shadow: 2px 2px 2px #ec1e1e;
}

div.answers {
    margin-left: 30px;
}

p.answer, p.wrongans, p.rightans {
    margin-left: 30px;
    padding: 0 10px;
}

p.wrongans {
    background-color: #c24641;
    color: white;
}

p.rightans {
    background-color: #FFCCCD;
}

/* Content */

table.trainings {
	border-collapse:collapse;
	width:100%;
}

table.trainings td {
	padding: 3px;
	border-bottom: 1px solid #ff0000;
	text-align:center;
}

table.trainings td.left {
	padding: 3px;
	border-bottom: 1px solid #ff0000;
	text-align:left;
}

table.trainings td.right {
	padding: 3px;
	border-bottom: 1px solid #ff0000;
	text-align:right;
}


table.trainings td.toggle_vis img, img.delete_tra, img.delete_con {
	cursor:pointer;
}

div#q-and-a div.question-block {
	border: 1px solid #ff0000;
    border-radius: 15px;
    padding: 5px 10px;
    margin-bottom:10px;
}

span.number {
    background-color: #ff0000;
    border-radius: 15px;
    color: white;
    font-weight: bold;
    padding: 3px 10px;
	margin-right: 5px;
}

div#q-and-a div.question-block div.question span.question-actions {
	float:right;
}

div#q-and-a div.question-block div.question span.question-actions img  {
	width:25px;
	vertical-align:middle;
	cursor:pointer;
}

div.answer-block {
	margin: 10 20px;
}

div.answer-block div.answer {
	border-bottom:1px solid #ff0000;
	padding:3px;
}

div.answer-block div.answer span.answer-text {
	cursor:pointer;
}

div.answer-block div.answer span.answer-actions {
	float:right;
}

div.answer-block div.answer span.answer-actions img {
	width:15px;
	vertical-align:middle;
	cursor:pointer;
}

div.correct {
	background-color:#FFCCCD;
}

fieldset {
	border-radius:10px;
	border:2px solid #FFCCCD;
	margin-bottom:20px;
}

legend {
	font-weight:bold;
}

/* Content: Login & Register*/

form.login {
	text-align: center;
	font-size:22px;
	font-weight: bold;
}

table.register tr td {
	text-align: right;
	font-size:22px;
	font-weight: bold;
	padding-right:10px;
}

form.login input[type=text], form.login input[type=password], table.register tr td input[type=text], table.register tr td input[type=password] {
	font-size:22px;
	font-family: Didact Gothic;
	border:0;
	border-bottom: 1px solid #ff0000;
}

form.login input[type=submit], table.register tr td input[type=submit] {
	margin-top: 10px;
}

/* Content: Users */

table.tablesorter {
	border-collapse: collapse;
    text-align: left;
    width:100%;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #FFCCCD;
    border: 1px solid #fff;
    padding: 5px 25px 5px 5px;
}
table.tablesorter thead tr .header {
    background-image: url("/img/bg.png");
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
}
table.tablesorter tbody td {
    background-color: #fff;
    color: #3d3d3d;
    padding: 5px;
    vertical-align: top;
	border-bottom: 1px solid #ff0000;
}
table.tablesorter tbody tr.odd td {
    background-color: #f0f0f6;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url("/img/asc.png");
}
table.tablesorter thead tr .headerSortDown {
    background-image: url("/img/desc.png");
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #ff0000;
}


/* Content: Trainings */

div.training_list {
	display:flex;
	width:100%;
	flex-flow:wrap;
	justify-content:center;
}

.training_layout {
    border-radius: 5px;
	border: 1px solid #ff0000;
	float: left;
    margin: 0 10px 10px 0;
    width: 47%;
	background:#FFCCCD; /* Old browsers */
	background: -moz-linear-gradient(top, #FFCCCD 0%, white 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCCCD), color-stop(100%,white)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #FFCCCD 0%, white 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FFCCCD 0%, white 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FFCCCD 0%, white 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #FFCCCD 0%,white 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFCCCD', endColorstr='white',GradientType=0 ); /* IE6-9 */
}

.training_layout form {
	text-align:center;
}

.training_layout p.title {
	color: white;
	margin: 0px;
	font-weight: bold;
	text-align: center;
	padding: 3px;
	background-color: #ff0000;
}

.training_layout div.description, div.training_layout p.preview {
	padding: 0 10px;
}

input[type=submit].blue_button, a.blue_button, button.blue_button {
    background-color: #ff0000;
    border: 1px solid #c71d1d;
    border-radius: 10px;
    color: white;
    font-size: 15px;
    font-weight: bold;
    padding: 1px 4px 2px;
    font-family: Didact Gothic;
    text-decoration:none;
    cursor:pointer;
}

/* Sidebar */

div#sidebar {
	float:right;
	width:20%;
}

/* Sidebar: Menu */

div#sidebar div#menu {
	background-color: #ff0000;
	border-radius:0 0 0 15px;
	color:white;
	font-weight:bold;
	font-family: Oswald;
	padding: 10px 20px;
}

div#sidebar div#menu ul {
    list-style-type: none;
    padding-left:0;
}

div#sidebar div#menu ul ul {
    padding-left:20px;
}

div#sidebar div#menu ul li a {
	color:white;
	text-decoration:none;
	font-weight:bold;
}

div#sidebar div#menu ul li a.current {
	color:white;
	text-decoration:underline;
	font-weight:bold;
}

div#sidebar div#menu ul li a:hover, div#adm-content div#menu ul li a:active {
	color:#c71d1d;
	text-decoration:underline;
}


/* Cart */

#cart {
	border-left:1px solid #c71d1d;
	border-top:1px solid #c71d1d;
	border-bottom:1px solid #c71d1d;
	margin-top:10px;
	padding:5px;
	border-radius:10px;
	display:none;
}

#cart table {
	width:100%;
	border-collapse:collapse;
}

#cart table td {
	font-size:14px;
	color:#c71d1d;
}

#cart table td form {
	margin:0;
}

/* Footer Bar */

div#footer-bar {
	display:flex;
/*	width:100%; */
	flex-flow:wrap;
	clear:both;
	padding:0 20px 20px;
	font-family: Didact Gothic;
	width:90%;
	margin:20 auto 0;
	justify-content:center;
}

.section {
	width:30%;
	float:left;
	border: 1px solid #ec1e1e;
	margin-right:1%;
    height: 200px;
    overflow: hidden;
    border-radius:5px;
    text-shadow: 1px 1px 1px black;
    }

.section h3 {
	text-align:center;
	margin:0;
	background-color:#ec1e1e;
	font-family: Oswald;
}

.section h3 a {
	color:white;
}

.section div.info {
	color:white;
	height:200px;
	padding-top:20px;
	background: #ec1e1e; /* Old browsers */
	background: -moz-linear-gradient(top, #ec1e1e 0%, white 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec1e1e), color-stop(100%,white)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ec1e1e 0%, white 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ec1e1e 0%, white 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ec1e1e 0%, white 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ec1e1e 0%,white 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec1e1e', endColorstr='white',GradientType=0 ); /* IE6-9 */
}

.continfo {
	margin:0 10px;
}

.continfo p {
	margin:0;
}


/* Footer */

div#footer {
/*  background: #ffffff; /* Old browsers */
/*	background: -moz-linear-gradient(top,  #ffffff 0%, #FFCCCD 100%); /* FF3.6+ */
/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#FFCCCD)); /* Chrome,Safari4+ */
/*	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFCCCD 100%); /* Chrome10+,Safari5.1+ */
/*	background: -o-linear-gradient(top,  #ffffff 0%,#FFCCCD 100%); /* Opera 11.10+ */
/*	background: -ms-linear-gradient(top,  #ffffff 0%,#FFCCCD 100%); /* IE10+ */
/*	background: linear-gradient(to bottom,  #ffffff 0%,#FFCCCD 100%); /* W3C */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFCCCD',GradientType=0 ); /* IE6-9 */
	background-color:#ff0000;
	color:white;
	padding-bottom:20px;
	text-align:center;
	clear:both;
}

#footer-nav {
    color: white;
    display: inline-table;
    list-style: outside none none;
    margin: 0;
    text-align:center;
    padding:0;
}

#footer-nav a {
	color:white;
	text-decoration:none;
	font-weight:bold;
	transition:all 0.5s ease 0s;
    padding: 10px;
    display: block;
}

#footer-nav a.current {
	color:white;
	text-decoration:underline;
	font-weight:bold;
}

#footer-nav a:hover {
	color:#ec1e1e;
	text-decoration:underline;
}

#footer-nav li {
	border-right: 1px solid white;
	float:left;
}

#footer-nav li:last-child {
	border-right: none;
}

.faq_question {
    background-color: #ff0000;
    border-radius: 15px;
    color: white;
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 0;
    padding: 5px 20px;
    text-shadow:1px 1px 1px black;
}

.faq_answer {
	font-style:italic;
    border-radius: 0 0 10px 10px;
    margin: 0 20px 5px;
    padding: 5px;
    border-left: 1px solid #ff0000;
    border-right: 1px solid #ff0000;
    border-bottom: 1px solid #ff0000;
    display:none;
}

.faq_answer p {
	margin: 0 5px;
}

.invisible { display:none; }

.testimonial p {
	font-size: 1.2em;
    font-weight: bold;
    margin: 0;
}

.testicontainer {
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	}

.testimonialcont {
	width:40%;
	float:left;
	margin:0 20px 20px;
}

.testicont {
	border:1px solid #ec1e1e;
	border-radius:20px;
	padding:5px 15px;
	box-shadow:1px 1px 3px #ff0000;
}

.testiname {
	text-align:right;
	font-style:italic;
	margin-top: 10px
}

.testiname img {
	width:50px;
	vertical-align:middle;
}

/* Media queries */

	@media screen and (max-width: 1050px) and (min-width: 651px) {
		.section { width:45%; margin-bottom:1%; }
	}

	@media screen and (max-width: 800px) and (min-width: 651px) {
		.header-title h1 { font-size:1.5em; }
		.header-title p { font-size:0.9em; }
		.banner-div { font-size:2em; }
	}

	@media screen and (min-width:801px){
		#menu, #menu-acc, #menu-cart { display:none; }
	}

	@media screen and (max-width: 800px) {
		.banner-div{ font-size:1.5em; }
		.section { width:90%;  margin-bottom:1%;}
		.training_layout { width:100%; margin-right:0; }

		#menu { display: block; float:left; margin: 0 0 1% 1%;}
		#menu-acc { display: block; float:right; margin: 0 1% 1% 0;}
		#menu-cart { display: block; float:right; margin: 0 1% 1% 0;}
		#main-nav.js, #account-nav.js, #cart-nav.js { display: none; }
		ul#main-nav, ul#account-nav { width:100%; }
		ul#main-nav li, ul#account-nav li { width:100%; border-right:none; border-top:1px solid white; text-align:left; }
		ul#main-nav li.current, ul#account-nav li.current { background-color:#ec1e1e; }
		ul#main-nav li.current a.current, ul#account-nav li.current a.current { text-decoration:none; }

		
	}

	@media screen and (min-width:525px) and (max-width: 800px) {
		.header-title h1 { font-size:1.5em; }
		.header-title p { font-size:0.9em; }
	}

	@media screen and (min-width:401px) and (max-width: 524px) {
		.header-title h1 { font-size:1em; }
		.header-title p { font-size:0.75em; }
	}
	
	@media screen and (max-width: 400px) {
		.header-logo { display:none; }
		#header { padding:0; }
		.header-title { padding-top:80px; background: rgba(0, 0, 0, 0) url("/img/logosm.png") no-repeat scroll center center; float: none; height: 130px; text-align: center; }
		.header-title h1 { font-size:1em; margin:0; }
		.header-title p { font-size:0.75em; }
	}