@charset "utf-8";
/*============================================================================*/
/***** GENERAL PAGE STYLES ****----------------------------------------------------------*/
/*============================================================================*/
@media screen{

body {
	font-family: arial, helvetica, sans;
	background-color: #fff;
	padding-top:116px;
}
}
@media print{

body {
	font-family: arial, helvetica, sans;
	background-color: #fff;
	padding-top:0px;
}
}
#navTop:before { 
  display: block; 
  content: " "; 
  margin-top: -105px; 
  height: 105px; 
  visibility: hidden; 
}
h1 {
	font-size: 28px;
	font-weight: bold;
}
h1 a {
	color: #FFF;
}
h1 a:hover {
	color: #FFF;
	border-bottom: 1px solid #FFF;
}
h2 {
	font-size: 20px;
	font-weight: bold;
}
h3 {
	font-size: 16px;
	font-weight: bold;
}
.voffset2 {
	margin-top: 2px;
}
.voffset5 {
	margin-top: 5px;
}
.voffset10 {
	margin-top: 10px;
}
.voffset15 {
	margin-top: 15px;
}
.voffset20 {
	margin-top: 20px;
}
.voffset30 {
	margin-top: 30px;
}
.voffset40 {
	margin-top: 40px;
}
.voffset60 {
	margin-top: 60px;
}
.voffset80 {
	margin-top: 80px;
}
.voffset100 {
	margin-top: 100px;
}
.voffset150 {
	margin-top: 150px;
}
.voffset-bottom20 {
	margin-bottom: 20px;
}
#person_name {
	color: #004988;
	background-color: RGBA(0,73,143,0.1);
	padding: 2px 22px 2px 0px;
	font-size: 12px;
	text-align: right;
}
.sidebar_item {
	padding: 8px;
}
#footer .contact_information p a {
	color: #FFFFFF;
}
#footer .contact_information p {
	width: 100%;
}
#footer h2, .login_page_button, .book_button, .person h3, .echallenge_container .eend_box .blue_button {
	color: #FFF !important;
}
#footer .contact_information p {
	font-size: 14px;
}
.costings {
	margin-top: 0px;
	text-align: right;
}
#quicklinks {
	background-color: #EEE;
	color: #00498F;
	font-size: 14px;
	padding: 20px 0px;
}
#quicklinks .container .row .col-sm-4 ul li, #quicklinks .container .row .col-sm-4 ul li a {
	list-style: none;
	color: #525252;
}
#quickLinks select, #quickLinks input {
	width: 230px;
}
#quickLinks input[type=submit], #quickLinks input[type=reset] {
	margin: 20px 0px 20px 20px;
	float: right;
}
#quickLinks input[type=number] {
	width: 50px;
}
#learning_programme_header ul {
	color: #525252;
}
.learning_programme_back_button {
	margin-top: 5px;
	background-image: none;
	padding: 20px 10px;
	text-align: center;
}
.learning_programme_back_button:hover {
	margin-top: 5px;
	background-image: none;
	padding: 20px 10px;
	text-align: center;
	border: 1px solid #004988;
}
.learning_programme_collapse_container .learning_programme_collapse_title {
	background-image: url(/images/down-arrow.png)
}
#homepage_navigation .homepage_navigation_container {
	display: block;
}
#secondary_nav_links li a {
	background-color: RGBA(255,255,255,0.25);
	border-color: RGBA(255,255,255,0);
}
#secondary_nav_links li a:hover {
	border-color: #FFF;
}
#secondary_nav_links li a.selected {
	background-color: #FFF;
	border-color: RGBA(255,255,255,0);
}
#developing_content.container .row .content {
	padding-top: 0;
}
#developing_content.container .row .content h1.col-sm-8, #developing_content.container .row .content h2.col-sm-8, #developing_content.container .row .content h3.col-sm-8, #developing_content.container .row .content h1.col-sm-12, #developing_content.container .row .content h2.col-sm-12, #developing_content.container .row .content h3.col-sm-12 {
	margin-top: 0.8em;
	margin-bottom: 0.3em;
	min-height: 0;
}
#developing_content.container .row .content ol.col-sm-8, #developing_content.container .row .content ul.col-sm-8, #developing_content.container .row .content ol.col-sm-12, #developing_content.container .row .content ul.col-sm-12 {
	margin: 0.5em 0 0 15px;
}
#developing_content.container .row .content ol.col-sm-8 li, #developing_content.container .row .content ul.col-sm-8 li, #developing_content.container .row .content ol.col-sm-12 li, #developing_content.container .row .content ul.col-sm-12 li {
	font-size: 16px;
	color: #666666;
}
#basic_page_content.content.container .row .content ul.col-sm-12 {
	margin: 0 0 0 15px;
}
#filter_container {
	margin-bottom: 25px;
}
#filter_container a {
	display: inline-block;
	margin-right: 5px;
	width: 105px;
	text-align: center;
	height: 105px;
}
#filter_container a.selected {
	color: #FFFFFF;
	border: none;
	background-color: #E85332;
	padding: none;
}
#learning_programme_header {
	padding-top: 10px;
	padding-bottom: 20px;
}
.listingSeparator {
	background-color: #004988;
	color: #FFF !important;
	border-top: 1px #ACACAC solid;
	padding: 10px;
	overflow: auto;
}
.listingSeparator input {
	color: #000;
	font-size: 12px;
	float: right;
	font-family: Arial, Helvetica, sans;
}
#search_results h2 {
	padding-top: 10px;
	border-top: none;
}
#search_results .result {
	border-top: 1px solid #ACACAC;
	padding-left: 10px;
}
#white_left_right li {
	font-size: 16px;
	color: #333;
	margin-left: 18px;
}
.content a, #white_left_right a {
	text-decoration: underline;
	/*color: inherit;*/
	color:#00498F;
}


.content a, #white_left_right a:visited, .alert a:visited {
	text-decoration: underline;
	/*color: inherit;*/
	color:#60277e;
}



.pharmSponsor {
	font-size: 14px;
	font-family: helvetica, serif;
	padding: 5px;
	border: 1px solid #004988;
	margin: 10px 15px 0px 15px;
	width: calc(100% - 30px);
	background-color: #F1F7FE;
}
#homepage_navigation .homepage_navigation_container div h2 {
	font-size: 24px;
	font-family: helvetica, sans;
	padding: 10px 10px 0px 10px;
	line-height: 1.2;
}
#homepage_navigation .homepage_navigation_container div p {
	padding: 10px 10px 0px 10px;
	line-height: 1.5;
}
#learning_programme_formats #intro h2, #learning_levels_explained #intro h2 {
	font-family: Arial, serif;
	font-size: 26px;
}
#learning_programme_formats #intro p, #learning_levels_explained #intro p {
	font-size: 16px;
}
#learning_programme_formats .button a, #learning_levels_explained .button a, .echallenge_container .next_button {
	background-image: url('../images/right_arrow.png');
}
#formats .format {
	margin: 10px 0px;
	min-height: 140px;
}
.container.visible-xs #formats .format {
	min-height: 60px;
}
#formats .format h3 {
	font-family: Arial, serif;
	font-size: 18px;
	width: 180px;
	margin-top: 5px;
}
#formats .format p {
	font-family: Arial, serif;
	font-size: 14px;
}
#formats .format img {
	margin: 0px 10px 0px 0px;
}
.book_button:hover {
	border: 1px solid #FFF;
}
#faq .expand_question_clicked {
	color: #FFF;
 background-color:
}
.socialIcon {
	margin: 20px 20px 0px 0px;
}
.card {
	position: relative;
	border: 5px solid #FFF;
	padding: 20px;
	width: calc(33% - 20px);
}
.cardBottom {
	width: calc(100% - 40px);
	position: absolute;
	bottom: 15px;
}
.cardBottom img {
	width: 150px;
	margin-left: calc(((100%) / 2) - 75px);
	margin-right: calc(((100%) / 2) - 75px);
}
.card h2 {
	line-height: 100%!important;
}
.card h2 a {
	text-decoration: none!important;
	font-size: 0.6em;
	line-height: 100%!important;
}
.card p {
	font-size: 1em!important;
}
.card-row {
	margin-bottom: 20px;
}
.displayText {
	border: 1px solid #CCC;
	background-color: RGBA(255,255,255,0.8);
	padding: 5px;
}
.full-description {
	margin-bottom: 220px;
}
a.list-group-item {
	text-decoration: none!important;
}
li.paginate_button {
	margin-left: 0!important;
}
#booking_page_detail {
	background-color: #DBE2EB;
	padding: 20px 15px;
}
#booking_page_detail h3 {
	color: #004988;
}
.priceCol {
	display: inline-block;
	text-align: right;
	width: 75px;
	font-weight: bold;
	margin-right: 0px;
}
.descrCol {
	display: inline-block;
	width: calc(100% - 75px);
}
#mailBox {
	border: 2px solid #699;
	border: none;
	height: 120px;
}
.category img {
	float: left;
	margin-right: 15px;
	clear: both;
}
.sidebox_blue {
	color: #FFFFFF;
	background-color: #004988;
	margin-bottom: 20px;
	margin-right: 20px;
	padding: 20px;
	float: right
}
.sidebox_blue h3 {
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	margin-bottom: 10px;
}
.sidebox_blue p {
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	display: block;
}
.sidebox_blue a {
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	display: block;
}
.blackout {
	z-index: 98;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: RGBA(0,0,0,0.7);
}
#top_content_image {
	height: 288px;
	overflow: hidden;
	background-size: cover;
	background-position:center;
}
.erroRep {
	background-color: #f00;
	color: #FFF;
	font-weight: bold;
	padding: 3px;
	text-align: center;
	margin-bottom: 5px;
}
#codeInput {
	background-color: #004988 !important;
	color: #fff;
	float: right;
}
.top_image {
	height: 100% !important;
	overflow: hidden;
}
.blackBack {
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: RGBA(0,0,0,0.5);
	width: 100%;
	height: 100%;
	visibility: hidden;
	z-index: 33;
}
.wsCancelContainer {
	margin: 200px auto 0px auto;
	width: 50%;
	background-color: #FFF;
	padding: 5px;
}
#headerBox {
	color: #FFF;
	padding: 10px;
	margin-bottom: 10px;
}
#map-canvas {
	height: 100%;
	margin: 0px;
	padding: 0px
}
#news_teaser_image {
	height: 100px;
	overflow: hidden;
	background-size: cover;
}
#news_feed {
	width: 100%;
}
#news_item_image {
	height: 150px;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
}
#booking_page_detail a {
	text-decoration: underline;
	color: #333333;
}
#not-logged-in {
	background-color: RGBA(0,73,143,0.1);
}
#second_footer .col-sm-6 img {
	height: 60px;
	padding: 0px;
	width: auto !important;
}
/*============================================================================*/
/*==== HEADER STYLES ====----------------------------------------------------------*/
/*============================================================================*/

#cppe, #pwLinks a#cppe.ddLink {
	background-color: RGBA(0,73,136,1)
}
#pwLinks a#cppe.ddLink:hover {
	background-color: RGBA(0,73,136,0.7)
}
#career, #pwLinks a#career.ddLink {
	background-color: RGBA(242,099,034,1)
}
#pwLinks a#career.ddLink:hover {
	background-color: RGBA(242,099,034,0.7)
}
#services, #pwLinks a#services.ddLink {
	background-color: RGBA(000,154,218,1)
}
#pwLinks a#services.ddLink:hover {
	background-color: RGBA(000,154,218,0.7)
}
#skills, #pwLinks a#skills.ddLink {
	background-color: RGBA(000,001,058,1)
}
#pwLinks a#skills.ddLink:hover {
	background-color: RGBA(000,001,058,0.7)
}
#therapeutics, #pwLinks a#therapeutics.ddLink {
	background-color: RGBA(101,189,096,1)
}
#pwLinks a#therapeutics.ddLink:hover {
	background-color: RGBA(101,189,096,0.7)
}
#trainers, #pwLinks a#trainers.ddLink {
	background-color: RGBA(238,061,150,1)
}
#pwLinks a#trainers.ddLink:hover {
	background-color: RGBA(238,061,150,0.7)
}
#support, #pwLinks a#support.ddLink {
	background-color: RGBA(095,039,126,1)
}
#pwLinks a#support.ddLink:hover {
	background-color: RGBA(095,039,126,0.7)
}
.pw {
	color: #FFF;
	padding: 75px 0px 100px 0px;
}
.wh {
	color: #333;
	padding: 75px 0px 100px 0px;
}
header {
	height: 98px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1060;
	background-color: #FFF;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
}
header #logo {
	height: 40px;
	transition: all 0.3s;
	margin: 6px 0px 0px 0px;
}
header #searchBox {
	margin: 9px 0px 0px 0px;
}
header #searchBox #srchButton:hover {
	background-color: #004988;
	color: #FFF;
}
header .navbar-toggle {
	background-color: #004988;
	color: #FFF;
	margin: 9px 10px 0px 0px;
	height: 36px;
	width: 36px;
	border-radius: 18px;
	padding: 8px;
	font-size: 18px;
}
header .navbar-toggle .icon-bar {
/*           border: 1px solid white;*/
}
header #multiBand {
	height: 9px;
}
#pwLinks {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	box-shadow: 0 2px 4px 0 RGBA(31,31,31,0.5);
}
#pwLinks a.ddLink {
	color: #FFF;
	text-align: center;
	min-height: 35px;
	text-decoration: none;
	padding-top: 5px;
	padding-right:10px;
	padding-left:10px;
}
#cppeLinks {
	/*	display: flex;
    flex-wrap: wrap;*/
	margin: 0;
	padding: 0px;
	background-color: #004988;
	border-radius: 0;
	border: none;
}
#cppeLinks li.ddLink {
	text-align: center;
	font-size: 16px;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	text-decoration: none;
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
}
#cppeLinks li.ddLink a {
	color: #FFF;
	display: block;
	margin: 0;
	padding: 0;
}
#cppeLinks li.ddLink a:hover, #cppeLinks li.open a {
	color: #004988;
	text-decoration: none;
}
#cppeLinks li.open a.ddLink:hover {
	color: #FFF;
	background-color: #004988;
}
#cppeLinks li.open .dropdown-menu {
	width: 100%;
	border: 0;
	border-radius: 0;
}
#cppeLinks a.ddLink {
	/*border-right: none;*/
	color: #FFF;
}
#cppeLinks a.ddLink:hover, #cppeLinks a.ddLink:hover #userAvatar, #cppeLinks li.ddLink:hover, #cppeLinks li.ddLink:hover #userAvatar, #cppeLinks li.open {
	color: #333;
	background-color: #FFF;
	text-decoration: none;/*	border-color:#333;*/
}
#ddGroup {
	/*overflow: hidden;*/
	margin: 0;
	padding: 0px;
}
#userAvatar {
	font-size: 18px;
	border: 1px solid #FFF;
	border-radius: 11px;
	overflow: hidden;
	padding: 2px 1px 0px 1px;
	vertical-align: middle;
}
header.smaller {
	height: 85px;
}
header.smaller #logo {
	height: 25px;
	margin: 10px 0px 0px 0px;
}
header.smaller #searchBox {
	height: 25px;
	margin-top: 7px;
}
header.smaller #searchBox input.form-control, header #searchBox #srchButton {
	padding: 5px 8px;
	font-size: 12px;
	height: 28px;
}
header.smaller .navbar-toggle {
	background-color: #004988;
	color: #FFF;
	margin: 9px 10px 0px 0px;
	height: 30px;
	width: 30px;
	border-radius: 15px;
	padding: 6px 4px;
	font-size: 14px;
}

/*============================================================================*/
/*==== MASQUERADE STYLES ====----------------------------------------------------------*/
/*============================================================================*/
#fixed_bottom {
	bottom: 0;
	position: fixed;
	z-index: 100000;
	left: 0;
	width: 100%;
}
.fixed-bottom-alert {
	background: white;
	width: 300px;
	height: 200px;
	padding: 9px;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	box-shadow: 0 0 8px rgba(0,0,0,0.1);
	position: absolute;
	left: 30px;
	bottom: 12px;
	display: block;
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1
}
/*============================================================================*/
/*==== RESIDENTIAL APPROVALS ====----------------------------------------------------------*/
/*============================================================================*/

#prgBlue, #prgPaleBlue {
	display: inline-block;
	width: 24%;
	margin-top: 10px;
	position: relative;
	height: 30px;
	border-left: 15px solid transparent;
	border-top: 15px solid #004988;
	border-bottom: 15px solid #004988;
}
#prgBlue:before, #prgPaleBlue:before {
	border-left: 16px solid #004988;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	content: "";
	height: 0;
	left: 100%;
	position: absolute;
	top: -15px;
	width: 0;
}
#prgPaleBlue {
	opacity: 0.3;
}
#prgBlue div, #prgPaleBlue div {
	position: absolute;
	width: 100%;
	top: -10px;
	color: #FFF;
	text-align: center;
}
/*============================================================================*/
/*==== FORM STYLES ====----------------------------------------------------------*/
/*============================================================================*/
#smlQuestion {
	height: 16px;
	width: 16px;
	margin-left: 6px;
	margin-bottom: 4px;
}
#Unavailable.learning_programme {
	visibility: hidden;
	height: 0px;
	padding: 0px;
}
.question_help1, .question_help2 {
	cursor: pointer;
}
.question_help1 .answer, .question_help2 .answer {
	padding: 5px !important;
	background-color: #004988;
	color: #FFF;
}
#login_form select {
	border: none;
	border: 0;
	background-color: #DBE2EB;
	padding: 5px;
	margin-bottom: 10px;
}
#login_form .answer ul {
	background-color: #004988;
	padding: 10px;
	color: #FFFFFF;
	font-size: 16px;
	padding-left: 20px;
}
#register .topBorder {
	padding: 10px 0;
	border-top: 1px solid #67C0BE;
	margin-top: 2px;
	overflow: auto;
}
.reminder_page_button {
	border: 1px solid #004990;
	border-radius: 4px;
	padding: 20px 60px !important;
	text-align: center;
	text-decoration: none;
	background-color: #004988 !important;
	color: #67C0BE !important;
	margin: 30px 0;
	display: block;
	width: 270px;
}
input.blue_button {
	border: 1px solid #D1DCE6;
	border-radius: 4px;
	padding: 5px;
	display: block;
	text-align: center;
	text-decoration: none;
	background-color: #D1DCE6;
	color: #004990;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
input.blue_button_selected {
	border: 1px solid #004990 !important;
	background-color: #004990 !important;
	color: #FFFFFF !important;
}
/*============================================================================*/
/*==== E-CHALLENGE ====----------------------------------------------------------*/
/*============================================================================*/

.echallenge_container .e_answers input {
	width: 100%;
	padding-right: 100px;
	text-align: left !important;
	min-height: 45px;
	white-space: normal;
}
.echallenge_container .e_answers input:hover {
	background-color: #00345B !important;
}
.eChallScore {
	margin-top: -20px;
	font-family: Damion, Helvetica, sans-serif;
	font-size: 8em;
	font-weight: bold;
	color: #004988;
	text-shadow: 4px 4px 3px rgba(0,0,0,0.1);
}
#question #finalscore {
	display: block;
	background-color: #EEE;
	border: 1px solid #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 90px;
	height: 90px;
	text-align: center;
	font-size: 5em;
	font-weight: bold;
	color: #F00;
}
#pollBar {
	display: inline-block;
	height: 15px;
	background-color: #32A18B;
	float: left;
	border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
}
.echall-feedback a {
	text-decoration: underline;
	color: #666666;
}
.echall-feedback li {
	font-size: 16px;
	font-weight: normal;
	color: #666666;
}
.echall-feedback ul {
	margin-left: 10px;
}
/*============================================================================*/
/*==== INFO BOXES ====----------------------------------------------------------*/
/*============================================================================*/

#success_information_box .box {
	border: 7px solid #F2F6F8;
	background-color: #DBE2EA;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 30px;
}
#success_information_box h2 {
	padding-left: 50px;
	min-height: 60px;
	background-image: url('/images/icon_tick.png');
	background-repeat: no-repeat;
	margin-bottom: 20px;
	color: #00498F;
	font-size: 26px;
}
#success_information_box p {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: normal;
	color: #666666;
}
#success_information_box p a {
	color: #00498F;
	text-decoration: none;
}
#error_information_box li {
	font-size: 16px;
	font-weight: normal;
	color: #666666;
}
#error_information_box ul {
	margin-left: 10px;
	margin-bottom: 10px;
}
/*============================================================================*/
/*==== LEARNING COMMUNITY ====----------------------------------------------------------*/
/*============================================================================*/

.lcContentBox {
	margin: 25px 0px;
	border: 1px solid #004988;
	box-shadow: RGBA(0,73,136,0.5) 2px 2px 5px;
}
.lcContentBox input, .lcContentBox textarea {
	margin: 0 5px !important;
}
.lcContentBox h3 {
	margin: 5px !important;
}
.lcContentBox h3:first-letter {
	text-transform: uppercase;
}
.lcContentBox .buttonBlue {
	margin: 5px !important;
}
.lcContentBox ul {
	list-style: none;
	border-top: 1px solid #CCC;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.lcContentBox ul li {
	padding: 3px !important;
	margin: 0px !important;
	border-bottom: 1px solid #CCC;
	font-size: 14px !important;
	font-family: Arial, Helvetica, sans-serif !important;
}
.lcContentBox p {
	padding: 3px !important;
	margin: 0px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
}
.lcContentBox ul li:nth-child(odd), .lcContentBox ul label li:nth-child(odd) {
	background-color: RGBA(0,73,136,0.1);
}
/*============================================================================*/
/*==== BUTTONS ====----------------------------------------------------------*/
/*============================================================================*/

.buttonBlue {
	color: #FFFFFF !important;
	border: 1px solid #004988;
	border-radius: 4px;
	background-color: #004988; /*#2e6aa3;*/
	padding: 5px 20px;
	display: block;
	text-align: center;
	text-decoration: none !important;
}
.buttonBlue:hover {
	border: 1px solid #FFFFFF;
	cursor: pointer;
}
.buttonLightBlue {
	color: #FFFFFF !important;
	border: 1px solid #009ada;
	border-radius: 4px;
	background-color: #009ada; /*#2e6aa3;*/
	padding: 5px 20px;
	display: block;
	text-align: center;
	text-decoration: none !important;
}
.buttonOrange {
	color: #FFFFFF !important;
	border: 1px solid #f26322;
	border-radius: 4px;
	background-color: #f26322;
	padding: 5px 20px;
	display: block;
	text-align: center;
	text-decoration: none !important;
}
.buttonOrange:hover {
	border: 1px solid #FFFFFF;
	cursor: pointer;
}
.buttonRed {
	color: #FFFFFF !important;
	border: 1px solid #004988;
	border-radius: 4px;
	background-color: #F00;
	padding: 5px 20px;
	display: block;
	text-align: center;
	text-decoration: none !important;
}
.buttonRed:hover {
	border: 1px solid #FFFFFF;
}
h4.blue_button a {
	color: #004988;
	text-decoration: none;
}
.panel-primary{
	border-color:#004988;
}
.panel-primary .panel-heading, .panel-primary .panel-heading a {
	color: #FFFFFF !important;
	background-color: #004988!important;
	text-decoration: none !important;
}
.btn-primary {
	color: #FFFFFF !important;
	background-color: #004988!important;
	text-decoration: none !important;
}
.btn-primary:hover {
	border: 1px solid #004988!important;
	cursor: pointer;
	background-color: RGB(153,182,210)!important;
}
.buttonStretch {
	width: 100%;
}
.update_button {
	width: 65px;
	height: 35px;
	border: 1px solid #004988;
	background-color: #004988;
	color: #FFF;
	border-radius: 0px 5px 5px 0px;
	float: right;
}
.update_button:hover {
	color: #004988;
	background-color: #FFF;
}
.update_input {
	height: 35px;
	color: #666;
	width: calc(100% - 65px);
	border: 1px solid #004988;
	padding: 5px;
	border-radius: 5px 0px 0px 5px;
}
.book_buttondisabled {
	border: 1px solid #004988;
	border-radius: 4px;
	padding: 20px 30px !important;
	text-align: center;
	text-decoration: none;
	background-color: #999;
	color: #FFF;
	margin: 35px 0 0 0;
	display: block;
}
.book_buttondisabled:hover {
	cursor: not-allowed;
	color: #FFF;
}
.book_buttoncancel {
	border: 1px solid #C00;
	border-radius: 4px;
	padding: 20px 30px !important;
	text-align: center;
	text-decoration: none;
	background-color: #C00;
	color: #FFF;
	margin: 35px 0 0 0;
	display: block;
}
.book_buttoncancel:hover {
	color: #FFF;
	border-color: #FFF;
}
/*============================================================================*/
/*==== PROFILE AVATARS ====----------------------------------------------------------*/
/*============================================================================*/

.avatar-label > input {
	visibility: hidden;
	position: absolute;
}
.avatar-label > input + img {
	cursor: pointer;
	border: 2px solid transparent;
}
.avatar-label > input:checked + img {
	border: 2px solid #f00;
}
.imgWrap {
	position: relative;
}
.imgDescription {
	position: absolute;
	top: 70%;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,73,136,0.5);
	color: #FFF!important;
	font-weight: bold;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility opacity 0.2s;
	text-align: center;
	padding-top: 2%;
	margin: 0;
}
.imgDescription p {
	color: #FFF;
	opacity: 1;
}
.imgWrap:hover .imgDescription {
	visibility: visible;
	opacity: 1;
}
/*============================================================================*/
/*==== LIGHTBOX ====----------------------------------------------------------*/
/*============================================================================*/
.lightboxcontainer {
	width: 100%;
	text-align: left;
}
.lightbox {
	z-index: 99;
	background-color: #FFF;
	border: 2px solid #004988;
	top: 100px;
	min-height: 200px;
	padding: 10px;
	border-radius: 5px;
}
.lightboxleft {
	width: 40%;
	float: left;
}
.lightboxright {
	width: 60%;
	float: left;
}
.lightboxright iframe {
	min-height: 390px;
}
.divtext {
	margin: 36px;
}
/*============================================================================*/
/*==== ATM ====----------------------------------------------------------*/
/*============================================================================*/

.atm-icons-main {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.atm-icons-main:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.icon-tabs .active img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
.icon-tabs img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	max-width: 100%!important;
}
.icon-tab-content {
	background-color: white!important;
}
.icon-tab-pane {
	background-color: white!important;
}
.icon-tabs img:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.atm-icon-group .glyphicon {
	font-size: 24px;
	color: #449d44;
	position: absolute;
	left: 80%;
	z-index: 4;
	top: 80%;
}
.icon-tabs .glyphicon {
	font-size: 24px;
	color: #449d44;
	position: absolute;
	left: 80%;
	z-index: 4;
	top: 80%;
}
.atm-icon-group .label, .icon-tabs .label {
	position: absolute;
	left: 15%;
	z-index: 4;
	top: 0
}
.atm-assessment-image .label {
	position: absolute;
	left: 70%;
	z-index: 4;
	top: 2%;
}
.hovereffect {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
}
.hovereffect .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	background-color: rgba(75,75,75,0.7);
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.hovereffect:hover .overlay {
	background-color: #fff;
}
.hovereffect img {
	display: block;
	position: relative;
}
.hovereffect h2 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 17px;
	padding: 10px;
	background:white;
	-webkit-transform: translateY(45px);
	-ms-transform: translateY(45px);
	transform: translateY(45px);
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.hovereffect a.info {
	display: inline-block;
	text-decoration: none;
	padding: 7px 14px;
	text-transform: uppercase;
	color: #fff;
	border: 1px solid #fff;
	background-color: transparent;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	font-weight: normal;
	margin: -52px 0 0 0;
	padding: 62px 100px;
}
.hovereffect:hover a.info {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.hovereffect a.info:hover {
	box-shadow: 0 0 5px #fff;
}
.ATM-panel-hover:hover {
	border-color: #60308b;
}
.ATM-panel {
	padding: 5px 5px;
}
.well label {
	color: black;
}
.modal {
	color: black;
}
.panel {
	border-radius: 0px!important;
}
.panel-heading {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.panel-default .panel-heading, .panel-default .panel-footer{
	background-color: RGBA(0,73,143,0.1)!important;
}

.panel-heading h1, .panel-heading h2, .panel-heading h3, .panel-heading h4 {
	color: #004988!important;
}
.panel-heading p {
	color: #666666!important;
}
.LiveChatButton img {
	background-color: transparent;
}
/*============================================================================*/
/*==== COOKIE STYLES ====----------------------------------------------------------*/
/*============================================================================*/
 
#cookie-law a {
	color: white;
	text-decoration: underline;
}
#cookie-law {
	padding: 8px!important;
	background-color: #004988;
	color: #FFF;
}
.cookie_accept_button {
	border: 1px solid #004990;
	border-radius: 4px;
	color: #004990!important;
	padding: 5px;
	margin: 10px;
	background: white;
	width: 80px;
	text-align: center;
	text-decoration: none!important;
}
.cookie_accept_button:hover {
	margin-top: 5px;
	background-image: none;
	padding: 5px;
	text-align: center;
	border: 1px solid #004988;
	text-decoration: underline!important;
}
/*============================================================================*/
/*==== ACTIVITY SERIES ====----------------------------------------------------------*/
/*============================================================================*/

#activity-filter {
	padding: 10px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
	border: 1px solid #004988;
	background-color: RGBA(0,73,136,0.1);
}
#actIcon {
	position: relative;
	width: 100%;
	background-position: center;
	background-size: 109%;
	border-radius: 50%;
	background-repeat: no-repeat;
}
#actIcon:before {
	content: "";
	display: block;
	padding-top: 100%;
}
#seriesIcon {
	position: relative;
	width: 100%;
	background-position: center;
	background-size: 90%;
	background-repeat: no-repeat;
}
#seriesIcon:before {
	content: "";
	display: block;
	padding-top: 100%;
}
#tick {
	position: absolute;
	left: 10%;
	top: 0%;
	width: 100%;
	height: 100%;
	background-image: url(/images/activitySeriesIcons/tick.png);
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0.8;
}
.tick {
	position: absolute;
	left: 10%;
	top: 0%;
	width: 100%;
	height: 100%;
	background-image: url(/images/activitySeriesIcons/tick.png);
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0.8;
}
.pledge {
	float: left;
	padding: 10px;
}
.activity p {
	padding-top: 10px;
}
.pledge-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: RGBA(77,175,61,0.1);
	padding: 0 10%;
}
.pledge-prev, .pledge-next {
	display: block;
	position: absolute;
	top: 0;
	width: 10%;
	height: 100%;
	z-index: 1001;
	background-color: rgba(255,255,255,0.6);
}
.no-js .pledge-prev, .no-js .pledge-next {
	display: none;
}
.pledge-prev:hover, .pledge-next:hover {
	background-color: rgba(255,255,255,0.95);
}
.pledge-prev {
	left: 0;
}
.pledge-next {
	right: 0;
}
.pledge-prev span {
	width: 50%;
	text-align: center;
	left: 25%;
	top: 30%;
	font-size: 50px;
}
.pledge-next span {
	width: 50%;
	text-align: center;
	right: -25%;
	top: 30%;
	font-size: 50px;
}
.vid-slide {
	float: left;
	padding: 10px;
}
.vid-slide img:hover {
	box-shadow: 0 0 10px #110;
}
.carousel-prev, .carousel-next {
	display: block;
	position: absolute;
	top: 0;
	width: 10%;
	height: 100%;
	z-index: 1001;
	background-color: rgba(255,255,255,0.9);
}
.no-js .carousel-prev, .no-js .carousel-next {
	display: none;
}
.carousel-prev:hover, .carousel-next:hover {
	background-color: rgba(255,255,255,0.95);
}
.carousel-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #fff;
}
.carousel-prev {
	left: 0;
}
.carousel-next {
	right: 0;
}
.carousel-prev span {
	left: 50%;
	top: 30%;
	font-size: 50px;
}
.carousel-next span {
	right: -25%;
	top: 30%;
	font-size: 50px;
}
.activity {
	float: left;
	padding: 10px;
}
.activity p {
	padding-top: 10px;
}
.as-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: RGBA(77,175,61,0.1);
	padding: 0 calc((100% - 960px)/2);
}
.as-prev, .as-next {
	display: block;
	position: absolute;
	top: 0;
	width: 10%;
	height: 100%;
	z-index: 1001;
	background-color: rgba(255,255,255,0.6);
}
.no-js .as-prev, .no-js .as-next {
	display: none;
}
.as-prev:hover, .as-next:hover {
	background-color: rgba(255,255,255,0.95);
}
.as-prev {
	left: 0;
}
.as-next {
	right: 0;
}
.as-prev span {
	width: 50%;
	text-align: center;
	left: 25%;
	top: 30%;
	font-size: 50px;
}
.as-next span {
	width: 50%;
	text-align: center;
	right: -25%;
	top: 30%;
	font-size: 50px;
}
.activity ul {
	margin-left: 20px;
}
/*============================================================================*/
/*==== VIDEO OVERLAYS ====----------------------------------------------------------*/
/*============================================================================*/

.js-video {
	height: 0;
	padding-top: 25px;
	padding-bottom: 67.5%;
	position: relative;
	overflow: hidden;
}
.js-video.widescreen {
	padding-bottom: 56.34%;
}
.js-video.vimeo {
	padding-top: 0;
}
.js-video embed, .js-video iframe, .js-video object, .js-video video, .js-video img {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}
.video-overlay {
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
}
.video-overlay-text {
	color: #004988;
	position: relative;
	z-index: 3;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	height: calc(100% - 55px);
}
.video-overlay-text a {
	color: #004988;
}
.video-overlay-text h2 a:hover {
	text-decoration: underline;
}
.video-overlay-text .video-button {
	color: #004988;
	padding: 5px;
	border: 1px solid #004988;
	margin-bottom: 10px;
	display: block;
}
.video-overlay-text .video-button:hover {
	color: #FFF;
	background-color: #004988;
	padding: 5px;
	border: 1px solid #666;
}
/*============================================================================*/
/*==== TUTOR STYLES ====----------------------------------------------------------*/
/*============================================================================*/

.tutor_image_placeholder {
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
}
.tutor_image {
	height: 250px;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}
#tutor_feed .tutor_item {
	border: 7px solid #F2F6F8;
	background-color: #DBE2EA;
	margin-bottom: 30px;
}
.tutor_item p {
	padding: 0px 5px;
	word-wrap: break-word;
}
#tutor_feed .tutor_item h2 {
	padding: 10px;
	font-size: 16px;
	font-weight: normal;
	color: #004988;
}
/*============================================================================*/
/*==== TIMEPICKER STYLES ====----------------------------------------------------------*/
/*============================================================================*/

.ui-timepicker-div .ui-widget-header {
	margin-bottom: 8px;
}
.ui-timepicker-div dl {
	text-align: left;
}
.ui-timepicker-div dl dt {
	float: left;
	clear: left;
	padding: 0 0 0 5px;
}
.ui-timepicker-div dl dd {
	margin: 0 10px 10px 40%;
}
.ui-timepicker-div td {
	font-size: 90%;
}
.ui-tpicker-grid-label {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}
.ui-timepicker-div .ui_tpicker_unit_hide {
	display: none;
}
.ui-timepicker-rtl {
	direction: rtl;
}
.ui-timepicker-rtl dl {
	text-align: right;
	padding: 0 5px 0 0;
}
.ui-timepicker-rtl dl dt {
	float: right;
	clear: right;
}
.ui-timepicker-rtl dl dd {
	margin: 0 40% 10px 10px;
}
/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine {
	padding-right: 2px;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, .ui-timepicker-div.ui-timepicker-oneLine dt {
	display: none;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
	display: block;
	padding-top: 2px;
}
.ui-timepicker-div.ui-timepicker-oneLine dl {
	text-align: right;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd, .ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
	display: inline-block;
	margin: 0;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
	content: ':';
	display: inline-block;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
	content: '.';
	display: inline-block;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide, .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
	display: none;
}

.myCPPE {
	left:-40px;
	width:calc(100% + 40px);
}

.ui-widget-content {
	z-index: 100000000;
}
.ui-menu-item-wrapper:hover {
	background-color: white!important;
	color: black;
}
.ui-menu-item-wrapper img {
	margin-right: 5px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border: 1px solid #CCC;
	background: white;
	font-weight: normal;
	color: black;
}
/*============================================================================*/
/*==== BASIC TEXT STYLES ====----------------------------------------------------------*/
/*============================================================================*/

.redText {
	color: #F00 !important;
}
.greyText {
	color: #808080!important;
}
a.greylink {
	color: #808080;
}

/*============================================================================*/
/*==== PROGRESS BAR STYLES ====----------------------------------------------------------*/
/*============================================================================*/

@-webkit-keyframes progress-bar-stripes {
from {
background-position:40px 0;
}
to {
	background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position:40px 0;
}
to {
	background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position:40px 0;
}
to {
	background-position: 0 0;
}
}
.progress {
	height: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #f5f5f5;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
}
.progress-bar {
	float: left;
	width: 0;
	margin: 1px 0px;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #004988;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2);
	-webkit-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease;
}
.progress-striped .progress-bar, .progress-bar-striped {
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px;
}
.progress.active .progress-bar, .progress-bar.active {
	-webkit-animation: progress-bar-stripes 1s linear infinite;
	-o-animation: progress-bar-stripes 1s linear infinite;
	animation: progress-bar-stripes 1s linear infinite;
	-webkit-animation-direction: reverse;
	-o-animation-direction: reverse;
	animation-direction: reverse;
}
.progress-bar-success {
	background-color: #5cb85c;
}
.progress-bar-info {
	background-color: #5bc0de;
}
.progress-bar-warning {
	background-color: #f0ad4e;
}
.progress-bar-danger {
	background-color: #d9534f;
}
.progress-striped *[id^='progress-bar-'] {
	background-image: -webkit-linear-gradient( 315deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient( 315deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient( 315deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

/*============================================================================*/
/***** MEDIA QUERIES ****----------------------------------------------------------*/
/*============================================================================*/

@media print {
	.coverSheet{
		page-break-after:always;
	}
}

@media only screen and (max-device-width:480px) {
.mobileOnly {
	position: absolute;
	visibility: visible;
}
.browserOnly {
	position: absolute;
	visibility: hidden;
}
}
@media only screen and (min-device-width:481px) {
.mobileOnly {
	position: absolute;
	visibility: hidden;
}
.browserOnly {
	position: absolute;
	visibility: visible;
}
}
 @media only screen and (max-width:600px) {
.card {
	width: 100%;
}
}
 @media only screen and (max-width:767px) {
header {
	height: 65px;
}
header.smaller {
	height: 50px;
}
#ddGroup {
	overflow: hidden;
}
#cppeLinks div.row a.col-xs-6 {
	/*border: 1px solid #EEE;*/
	border-bottom: none;
	border-left: none;
}
#cppeLinks div.row a:nth-child(odd) {
	border-right: none;
}
a[name^="pw_"] {
	display: block;
	margin-bottom: 100px;
}
#footer .address {
	margin-top: 80px;
}
#actIcon {
	width: 200px;
	margin: auto;
}
#seriesIcon {
	width: 200px;
	margin: auto;
}
h1, h2, h3 {
	text-align: center;
}
.activity.container {
	width: 40%;
	margin-left: 0px;
}
#footer .contact_information p {
	padding: 0px;
	margin-top: 0px;
	background-color: transparent;
	border-color: transparent;
}
.costings {
	margin-top: 10px;
	text-align: left;
}
.tutor_image {
	background-size: contain;
	background-position: left;
}
.myCPPE {
	left:0px;
}
}

 @media only screen and (max-width:800px) {
.lightboxleft {
	width: 100%;
}
.lightboxright {
	width: 100%;
}
.divtext {
	margin: 12px;
}
}
 @media only screen and (max-width:991px) {
.carousel-prev span, .carousel-next span {
	font-size: 20px;
}
#pw.panel-body {
	margin-left: 12px;
	border: 2px solid RGBA(255,255,255,0.5);
	width: calc(100% - 22px);
}
.carousel-next {
	right: -22px;
}
a[name^="pw_"] {
	display: block;
	margin-bottom: 75px;
}
.card {
	width: calc(50% - 10px);
}
.pledge-prev span, .pledge-next span {
	font-size: 20px;
}
.carousel-prev span, .carousel-next span {
	font-size: 20px;
}
.as-prev span, .as-next span {
	font-size: 20px;
}
.video-overlay-text {
	width: 100%;
	top: 20%;
}
.video-overlay-text h1 {
	font-size: 16px;
	padding-bottom: 1em;
}
.video-overlay-text h2 {
	font-size: 14px;
	padding-bottom: 1em;
}
.video-buttons {
	padding: 5px;
}
.video-overlay-image img {
	width: 200px!important;
	/*height: 80px!important;*/
	position: relative;
	margin-bottom: 10px;
}
.video-overlay-image {
	margin-top: 5%;
}
#formats .format {
	min-height: 160px;
}
#homepage_navigation .homepage_navigation_container div h2 {
	font-size: 18px;
	font-family: helvetica, sans;
	padding: 10px 10px 0px 10px;
	line-height: 1;
}
#homepage_navigation .homepage_navigation_container div p {
	padding: 10px 10px 0px 10px;
	line-height: 1.2;
}
#menu .menu_list li {
	margin-left: -9px;
}
#menu .menu_list li:first-child {
	margin-left: 0px;
}
.menu_extras #login_button {
	min-width: 80px;
	margin-left: 7px;
}
.menu_extras #my_cppe_button {
	margin-left: 7px;
}
#top_content_image {
	max-height: 225px;
}
}
 @media only screen and (min-width:992px) {
.video-overlay-text {
	width: 50%;
	top: 40%;
}
.video-overlay-text h1 {
	padding-bottom: 1em;
}
.video-overlay-text h2 {
	padding-bottom: 1em;
}
.video-buttons {
	padding: 5px;
}
.video-overlay-image img {
	width: 200px!important;
	/*height: 150px!important;*/
	position: relative;
	margin-bottom: 40px;
}
.video-overlay-image {
	margin-top: 20%;
}
}
 @media only screen and (max-width:1200px) {
.pledge-wrapper {
	padding: 0 10%
}
.as-wrapper {
	padding: 0 10%
}
}
 @media only screen and (min-width:1201px) {
.pledge-prev, .pledge-next {
	width: 120px;
}
.as-prev, .as-next {
	width: 120px;
}
}
 @media only screen and (min-width:1350px) {
.LiveChatButton {
	position: fixed !important;
	display: block;
	bottom : 1em;
	right: 1em;
	background-color: transparent;
	box-shadow:RGBA(0,0,0,0.5) 2px 2px 5px;
}
}
/*============================================================================*/
/* == GLYPHICONS == */
/*============================================================================*/
@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('../fonts/glyphicons-halflings-regular.eot');
	src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
	top: 0px;
}
.glyphicon-asterisk:before {
	content: "\002a";
}
.glyphicon-plus:before {
	content: "\002b";
}
.glyphicon-euro:before, .glyphicon-eur:before {
	content: "\20ac";
}
.glyphicon-minus:before {
	content: "\2212";
}
.glyphicon-cloud:before {
	content: "\2601";
}
.glyphicon-envelope:before {
	content: "\2709";
}
.glyphicon-pencil:before {
	content: "\270f";
}
.glyphicon-glass:before {
	content: "\e001";
}
.glyphicon-music:before {
	content: "\e002";
}
.glyphicon-search:before {
	content: "\e003";
}
.glyphicon-heart:before {
	content: "\e005";
}
.glyphicon-star:before {
	content: "\e006";
}
.glyphicon-star-empty:before {
	content: "\e007";
}
.glyphicon-user:before {
	content: "\e008";
}
.glyphicon-film:before {
	content: "\e009";
}
.glyphicon-th-large:before {
	content: "\e010";
}
.glyphicon-th:before {
	content: "\e011";
}
.glyphicon-th-list:before {
	content: "\e012";
}
.glyphicon-ok:before {
	content: "\e013";
}
.glyphicon-remove:before {
	content: "\e014";
}
.glyphicon-zoom-in:before {
	content: "\e015";
}
.glyphicon-zoom-out:before {
	content: "\e016";
}
.glyphicon-off:before {
	content: "\e017";
}
.glyphicon-signal:before {
	content: "\e018";
}
.glyphicon-cog:before {
	content: "\e019";
}
.glyphicon-trash:before {
	content: "\e020";
}
.glyphicon-home:before {
	content: "\e021";
}
.glyphicon-file:before {
	content: "\e022";
}
.glyphicon-time:before {
	content: "\e023";
}
.glyphicon-road:before {
	content: "\e024";
}
.glyphicon-download-alt:before {
	content: "\e025";
}
.glyphicon-download:before {
	content: "\e026";
}
.glyphicon-upload:before {
	content: "\e027";
}
.glyphicon-inbox:before {
	content: "\e028";
}
.glyphicon-play-circle:before {
	content: "\e029";
}
.glyphicon-repeat:before {
	content: "\e030";
}
.glyphicon-refresh:before {
	content: "\e031";
}
.glyphicon-list-alt:before {
	content: "\e032";
}
.glyphicon-lock:before {
	content: "\e033";
}
.glyphicon-flag:before {
	content: "\e034";
}
.glyphicon-headphones:before {
	content: "\e035";
}
.glyphicon-volume-off:before {
	content: "\e036";
}
.glyphicon-volume-down:before {
	content: "\e037";
}
.glyphicon-volume-up:before {
	content: "\e038";
}
.glyphicon-qrcode:before {
	content: "\e039";
}
.glyphicon-barcode:before {
	content: "\e040";
}
.glyphicon-tag:before {
	content: "\e041";
}
.glyphicon-tags:before {
	content: "\e042";
}
.glyphicon-book:before {
	content: "\e043";
}
.glyphicon-bookmark:before {
	content: "\e044";
}
.glyphicon-print:before {
	content: "\e045";
}
.glyphicon-camera:before {
	content: "\e046";
}
.glyphicon-font:before {
	content: "\e047";
}
.glyphicon-bold:before {
	content: "\e048";
}
.glyphicon-italic:before {
	content: "\e049";
}
.glyphicon-text-height:before {
	content: "\e050";
}
.glyphicon-text-width:before {
	content: "\e051";
}
.glyphicon-align-left:before {
	content: "\e052";
}
.glyphicon-align-center:before {
	content: "\e053";
}
.glyphicon-align-right:before {
	content: "\e054";
}
.glyphicon-align-justify:before {
	content: "\e055";
}
.glyphicon-list:before {
	content: "\e056";
}
.glyphicon-indent-left:before {
	content: "\e057";
}
.glyphicon-indent-right:before {
	content: "\e058";
}
.glyphicon-facetime-video:before {
	content: "\e059";
}
.glyphicon-picture:before {
	content: "\e060";
}
.glyphicon-map-marker:before {
	content: "\e062";
}
.glyphicon-adjust:before {
	content: "\e063";
}
.glyphicon-tint:before {
	content: "\e064";
}
.glyphicon-edit:before {
	content: "\e065";
}
.glyphicon-share:before {
	content: "\e066";
}
.glyphicon-check:before {
	content: "\e067";
}
.glyphicon-move:before {
	content: "\e068";
}
.glyphicon-step-backward:before {
	content: "\e069";
}
.glyphicon-fast-backward:before {
	content: "\e070";
}
.glyphicon-backward:before {
	content: "\e071";
}
.glyphicon-play:before {
	content: "\e072";
}
.glyphicon-pause:before {
	content: "\e073";
}
.glyphicon-stop:before {
	content: "\e074";
}
.glyphicon-forward:before {
	content: "\e075";
}
.glyphicon-fast-forward:before {
	content: "\e076";
}
.glyphicon-step-forward:before {
	content: "\e077";
}
.glyphicon-eject:before {
	content: "\e078";
}
.glyphicon-chevron-left:before {
	content: "\e079";
}
.glyphicon-chevron-right:before {
	content: "\e080";
}
.glyphicon-plus-sign:before {
	content: "\e081";
}
.glyphicon-minus-sign:before {
	content: "\e082";
}
.glyphicon-remove-sign:before {
	content: "\e083";
}
.glyphicon-ok-sign:before {
	content: "\e084";
}
.glyphicon-question-sign:before {
	content: "\e085";
}
.glyphicon-info-sign:before {
	content: "\e086";
}
.glyphicon-screenshot:before {
	content: "\e087";
}
.glyphicon-remove-circle:before {
	content: "\e088";
}
.glyphicon-ok-circle:before {
	content: "\e089";
}
.glyphicon-ban-circle:before {
	content: "\e090";
}
.glyphicon-arrow-left:before {
	content: "\e091";
}
.glyphicon-arrow-right:before {
	content: "\e092";
}
.glyphicon-arrow-up:before {
	content: "\e093";
}
.glyphicon-arrow-down:before {
	content: "\e094";
}
.glyphicon-share-alt:before {
	content: "\e095";
}
.glyphicon-resize-full:before {
	content: "\e096";
}
.glyphicon-resize-small:before {
	content: "\e097";
}
.glyphicon-exclamation-sign:before {
	content: "\e101";
}
.glyphicon-gift:before {
	content: "\e102";
}
.glyphicon-leaf:before {
	content: "\e103";
}
.glyphicon-fire:before {
	content: "\e104";
}
.glyphicon-eye-open:before {
	content: "\e105";
}
.glyphicon-eye-close:before {
	content: "\e106";
}
.glyphicon-warning-sign:before {
	content: "\e107";
}
.glyphicon-plane:before {
	content: "\e108";
}
.glyphicon-calendar:before {
	content: "\e109";
}
.glyphicon-random:before {
	content: "\e110";
}
.glyphicon-comment:before {
	content: "\e111";
}
.glyphicon-magnet:before {
	content: "\e112";
}
.glyphicon-chevron-up:before {
	content: "\e113";
}
.glyphicon-chevron-down:before {
	content: "\e114";
}
.glyphicon-retweet:before {
	content: "\e115";
}
.glyphicon-shopping-cart:before {
	content: "\e116";
}
.glyphicon-folder-close:before {
	content: "\e117";
}
.glyphicon-folder-open:before {
	content: "\e118";
}
.glyphicon-resize-vertical:before {
	content: "\e119";
}
.glyphicon-resize-horizontal:before {
	content: "\e120";
}
.glyphicon-hdd:before {
	content: "\e121";
}
.glyphicon-bullhorn:before {
	content: "\e122";
}
.glyphicon-bell:before {
	content: "\e123";
}
.glyphicon-certificate:before {
	content: "\e124";
}
.glyphicon-thumbs-up:before {
	content: "\e125";
}
.glyphicon-thumbs-down:before {
	content: "\e126";
}
.glyphicon-hand-right:before {
	content: "\e127";
}
.glyphicon-hand-left:before {
	content: "\e128";
}
.glyphicon-hand-up:before {
	content: "\e129";
}
.glyphicon-hand-down:before {
	content: "\e130";
}
.glyphicon-circle-arrow-right:before {
	content: "\e131";
}
.glyphicon-circle-arrow-left:before {
	content: "\e132";
}
.glyphicon-circle-arrow-up:before {
	content: "\e133";
}
.glyphicon-circle-arrow-down:before {
	content: "\e134";
}
.glyphicon-globe:before {
	content: "\e135";
}
.glyphicon-wrench:before {
	content: "\e136";
}
.glyphicon-tasks:before {
	content: "\e137";
}
.glyphicon-filter:before {
	content: "\e138";
}
.glyphicon-briefcase:before {
	content: "\e139";
}
.glyphicon-fullscreen:before {
	content: "\e140";
}
.glyphicon-dashboard:before {
	content: "\e141";
}
.glyphicon-paperclip:before {
	content: "\e142";
}
.glyphicon-heart-empty:before {
	content: "\e143";
}
.glyphicon-link:before {
	content: "\e144";
}
.glyphicon-phone:before {
	content: "\e145";
}
.glyphicon-pushpin:before {
	content: "\e146";
}
.glyphicon-usd:before {
	content: "\e148";
}
.glyphicon-gbp:before {
	content: "\e149";
}
.glyphicon-sort:before {
	content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
	content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
	content: "\e152";
}
.glyphicon-sort-by-order:before {
	content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
	content: "\e154";
}
.glyphicon-sort-by-attributes:before {
	content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
	content: "\e156";
}
.glyphicon-unchecked:before {
	content: "\e157";
}
.glyphicon-expand:before {
	content: "\e158";
}
.glyphicon-collapse-down:before {
	content: "\e159";
}
.glyphicon-collapse-up:before {
	content: "\e160";
}
.glyphicon-log-in:before {
	content: "\e161";
}
.glyphicon-flash:before {
	content: "\e162";
}
.glyphicon-log-out:before {
	content: "\e163";
}
.glyphicon-new-window:before {
	content: "\e164";
}
.glyphicon-record:before {
	content: "\e165";
}
.glyphicon-save:before {
	content: "\e166";
}
.glyphicon-open:before {
	content: "\e167";
}
.glyphicon-saved:before {
	content: "\e168";
}
.glyphicon-import:before {
	content: "\e169";
}
.glyphicon-export:before {
	content: "\e170";
}
.glyphicon-send:before {
	content: "\e171";
}
.glyphicon-floppy-disk:before {
	content: "\e172";
}
.glyphicon-floppy-saved:before {
	content: "\e173";
}
.glyphicon-floppy-remove:before {
	content: "\e174";
}
.glyphicon-floppy-save:before {
	content: "\e175";
}
.glyphicon-floppy-open:before {
	content: "\e176";
}
.glyphicon-credit-card:before {
	content: "\e177";
}
.glyphicon-transfer:before {
	content: "\e178";
}
.glyphicon-cutlery:before {
	content: "\e179";
}
.glyphicon-header:before {
	content: "\e180";
}
.glyphicon-compressed:before {
	content: "\e181";
}
.glyphicon-earphone:before {
	content: "\e182";
}
.glyphicon-phone-alt:before {
	content: "\e183";
}
.glyphicon-tower:before {
	content: "\e184";
}
.glyphicon-stats:before {
	content: "\e185";
}
.glyphicon-sd-video:before {
	content: "\e186";
}
.glyphicon-hd-video:before {
	content: "\e187";
}
.glyphicon-subtitles:before {
	content: "\e188";
}
.glyphicon-sound-stereo:before {
	content: "\e189";
}
.glyphicon-sound-dolby:before {
	content: "\e190";
}
.glyphicon-sound-5-1:before {
	content: "\e191";
}
.glyphicon-sound-6-1:before {
	content: "\e192";
}
.glyphicon-sound-7-1:before {
	content: "\e193";
}
.glyphicon-copyright-mark:before {
	content: "\e194";
}
.glyphicon-registration-mark:before {
	content: "\e195";
}
.glyphicon-cloud-download:before {
	content: "\e197";
}
.glyphicon-cloud-upload:before {
	content: "\e198";
}
.glyphicon-tree-conifer:before {
	content: "\e199";
}
.glyphicon-tree-deciduous:before {
	content: "\e200";
}
.glyphicon-cd:before {
	content: "\e201";
}
.glyphicon-save-file:before {
	content: "\e202";
}
.glyphicon-open-file:before {
	content: "\e203";
}
.glyphicon-level-up:before {
	content: "\e204";
}
.glyphicon-copy:before {
	content: "\e205";
}
.glyphicon-paste:before {
	content: "\e206";
}
.glyphicon-alert:before {
	content: "\e209";
}
.glyphicon-equalizer:before {
	content: "\e210";
}
.glyphicon-king:before {
	content: "\e211";
}
.glyphicon-queen:before {
	content: "\e212";
}
.glyphicon-pawn:before {
	content: "\e213";
}
.glyphicon-bishop:before {
	content: "\e214";
}
.glyphicon-knight:before {
	content: "\e215";
}
.glyphicon-baby-formula:before {
	content: "\e216";
}
.glyphicon-tent:before {
	content: "\26fa";
}
.glyphicon-blackboard:before {
	content: "\e218";
}
.glyphicon-bed:before {
	content: "\e219";
}
.glyphicon-apple:before {
	content: "\f8ff";
}
.glyphicon-erase:before {
	content: "\e221";
}
.glyphicon-hourglass:before {
	content: "\231b";
}
.glyphicon-lamp:before {
	content: "\e223";
}
.glyphicon-duplicate:before {
	content: "\e224";
}
.glyphicon-piggy-bank:before {
	content: "\e225";
}
.glyphicon-scissors:before {
	content: "\e226";
}
.glyphicon-bitcoin:before {
	content: "\e227";
}
.glyphicon-btc:before {
	content: "\e227";
}
.glyphicon-xbt:before {
	content: "\e227";
}
.glyphicon-yen:before {
	content: "\00a5";
}
.glyphicon-jpy:before {
	content: "\00a5";
}
.glyphicon-ruble:before {
	content: "\20bd";
}
.glyphicon-rub:before {
	content: "\20bd";
}
.glyphicon-scale:before {
	content: "\e230";
}
.glyphicon-ice-lolly:before {
	content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
	content: "\e232";
}
.glyphicon-education:before {
	content: "\e233";
}
.glyphicon-option-horizontal:before {
	content: "\e234";
}
.glyphicon-option-vertical:before {
	content: "\e235";
}
.glyphicon-menu-hamburger:before {
	content: "\e236";
}
.glyphicon-modal-window:before {
	content: "\e237";
}
.glyphicon-oil:before {
	content: "\e238";
}
.glyphicon-grain:before {
	content: "\e239";
}
.glyphicon-sunglasses:before {
	content: "\e240";
}
.glyphicon-text-size:before {
	content: "\e241";
}
.glyphicon-text-color:before {
	content: "\e242";
}
.glyphicon-text-background:before {
	content: "\e243";
}
.glyphicon-object-align-top:before {
	content: "\e244";
}
.glyphicon-object-align-bottom:before {
	content: "\e245";
}
.glyphicon-object-align-horizontal:before {
	content: "\e246";
}
.glyphicon-object-align-left:before {
	content: "\e247";
}
.glyphicon-object-align-vertical:before {
	content: "\e248";
}
.glyphicon-object-align-right:before {
	content: "\e249";
}
.glyphicon-triangle-right:before {
	content: "\e250";
}
.glyphicon-triangle-left:before {
	content: "\e251";
}
.glyphicon-triangle-bottom:before {
	content: "\e252";
}
.glyphicon-triangle-top:before {
	content: "\e253";
}
.glyphicon-console:before {
	content: "\e254";
}
.glyphicon-superscript:before {
	content: "\e255";
}
.glyphicon-subscript:before {
	content: "\e256";
}
.glyphicon-menu-left:before {
	content: "\e257";
}
.glyphicon-menu-right:before {
	content: "\e258";
}
.glyphicon-menu-down:before {
	content: "\e259";
}
.glyphicon-menu-up:before {
	content: "\e260";
}