/*///////////////////////////////////////////////
	myHPB Styles
///////////////////////////////////////////////*/


/************ generic styles *************/

#rightCol #subnav ul li a {
	margin: 0 6%;
	width: 88%;
}

#leftCol ul {
	display: block;
	float: left;
	width: 100%;
	padding: 0 0;
}

#leftCol ul#newslist {
	padding: 0 !important;
	width: 100%;
}

#leftCol ul li {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
}

#leftCol form ul li {
	clear: both;
}

#leftCol ul li:before {
	content: none;
	padding: 0;
	margin: 0;
}

#leftCol .cms-content ul li:before {
	position: relative;
	display: block;
	float: left;
	top: 2px;
	font-family: 'FontAwesome';
	content: "\f054";
	color: #c59b51;
	padding-right: 0px;
	height: 100%;
	font-size: 14px;
	margin-left: -23px;
}

#header.myhpb #nav {
	margin-bottom: 29px;
}

#header.myhpb .logo {
	width: 205px;
	height: 91px;
	margin: 11px 0 24px 2px;
}

#header.myhpb .left {
	width: 425px;
}

#header.myhpb #search-site {
	float: left;
	width: 100%;
	margin: 67px 0 0 38px;
}

#header.myhpb #search-site input#search {
	width: 327px;
}

#header.myhpb #search-site #search-submit {
	float: left;
}

#header.myhpb .right {
	width: 290px;
}

#header.myhpb .right a.myhpb {
	width: 186px;
	float: right;
}

#header.myhpb .right a.myhpb img {
	margin-left: -5px;
}

#header .loggedin .content {
	display: block;
	float: left;
	text-align: right;
}

#header .loggedin .content a {
	position: relative;
	margin-right: 22px;
}

#header .loggedin .content a span.count {
	display: block;
	position: absolute;
	background: #9d1d52;
	right: -19px;
	top: -12px;
	width: 20px;
	height: 19px;
	color: #FFF;
	text-align: center;
	line-height: 19px;
	border-radius: 10px;
	font-weight: bold;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -0.3px;
}

#header .loggedin .content a.logout {
	margin-right: 0;
}

#header .loggedin .profile-pic {
	float: right;
	border: 1px solid #e6e6e6;
	box-shadow: 0 0 5px #ececec;
}

#header.myhpb #nav ul li a {
	padding: 0 7.5px;
}

#header.myhpb #nav ul li.first a {
	padding-left: 0px;
}

#footer .col.sponsors h2 {
	display: block;
	float: left;
	width: 100%;
	border-bottom: 1px solid #bfbfbf;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#footer .col.sponsors img {
	display: block;
	float: left;
	margin-right: 30px;
	margin-bottom: 25px;
}

a.tag {
	display: block;
	float: left;
	background: #96154b !important;
	color: #FFF !important;
	font-size: 13px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
	padding: 2px 7px;
	margin: 0 6px 6px 0;
}

a.tag:hover {
	text-decoration: none !important;
}

a.tag:before {
	font-family: 'FontAwesome';
	content: "\f02c";
	padding-right: 8px;
}

a.tag i.icon-remove {
	padding-left: 5px;
	font-size: 13px;
}

h1.full {
	margin-bottom: 30px;
}

h1.border {
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 15px;
}

h2.full {
	color: #6d6d6d;
	margin-top: -11px;
	margin-bottom: 14px
}

h2.results-count {
	border-bottom: 1px solid #e4e4e4;
	color: #6d6d6d;
	padding-bottom: 10px;
}

h2.results-count strong {
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
}

.highlight {
	color: #938bbe;
}

.view-more-results {
	display: block;
	float: left;
	width: 100%;
	background: #f7f7f7;
	border-bottom: 1px solid #e4e4e4;
	margin-top: -18px;
	padding: 10px 0;
	text-align: center;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
	font-size: 14px;
	margin-bottom: 35px;
}

.view-more-results:hover {
	border-bottom: 1px solid #e4e4e4;
}

.view-more-results i {
	font-size: 18px;
	padding-left: 5px;
	position: relative;
	top: 2px;
}

a.book-now {
	display: block;
	float: left;
	width: 55px;
	height: 42px;
	background: #9a134b;
	border-radius: 200px;
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
	font-size: 14px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
	padding-top: 13px;
	line-height: 1.1;
	behavior: url(https://www.ihpba.org/css/PIE.php);
	border: 0;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}

a.book-now:hover {
	box-shadow: inset 0px 3px 4px rgba(0, 0, 0, 0.5);
	behavior: url(https://www.ihpba.org/css/PIE.php);
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.5) inset, 0 0 3px rgba(0, 0, 0, 0.4);
}

.block.col_2 .holder {
	width: 91.4%;
}

p.border {
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 15px;
}

#rightCol #subnav ul li ul li.active a {
	color: #6D6D6D;
}

#rightCol #subnav ul li ul li.active:before {
	content: "\f0da";
	top: -5px;
}

#rightCol #subnav ul li.sub-active a {
	color: #CEA358;
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
}

#rightCol #subnav ul li.sub-active li a {
	color: #6D6D6D;
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
}

#rightCol #subnav ul li.sub-active li.active a {
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
}

#rightCol p a,
#rightCol li a {
	color: #9a134b;
	border-bottom: 1px dotted #9a134b;
	-webkit-transition: color 0.1s linear;
	-moz-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
	transition: color 0.1s linear;
}

#rightCol p a,
#rightCol li a {
	border: 0;
}


/************ Home page *************/

.msgBox {
	display: block;
	float left;
	width: 96%;
	background: #f7f3f5;
	font-size: 18px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
	text-align: center;
	padding: 1.6% 2% 1.8%;
	box-shadow: 0 0 7px #c2c2c2;
	margin: 0 0 28px;
	line-height: 1.34;
}

.homeTop {
	text-align: center;
	margin-bottom: 12px;
}

.homeTop h1 {
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 21px;
	margin-bottom: 10px;
	font-size: 34px;
}

#how-it-works {
	position: relative;
	margin-bottom: 34px;
}

#how-it-works h1 {
	border: 0;
	padding: 0;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 20px;
	margin-bottom: 10px;
	margin: 20px 0 8px;
}

#how-it-works a.close {
	position: absolute;
	right: -2px;
	top: 27px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #6d6d6d;
	font-family: Helvetica, Arial, sans-serif;
	width: 95px;
}

#how-it-works a.close .text {
	float: left;
}

#how-it-works a.close .closeIcon {
	position: relative;
	top: -5px;
	color: #FFF;
	display: block;
	float: right;
	width: 22px;
	height: 22px;
	border-radius: 20px;
	background: #991c4d;
	text-align: center;
	line-height: 21px;
	font-size: 12px;
	margin-left: 10px;
	font-weight: bold;
}

#how-it-works a.close:hover {
	color: #9A134B;
}

#how-it-works .panels {
	display: block;
	float: left;
	width: 100%;
}

#how-it-works .panels .panel {
	position: relative;
	display: block;
	float: left;
	width: 283px;
	height: 215px;
	z-index: 1;
	color: #FFF;
	padding: 0 30px;
	text-align: left;
	font-size: 13px;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
}

#how-it-works .panels .panel.one {
	background: #cca55e;
}

#how-it-works .panels .panel.three {
	width: 253px;
	background: #978fc0;
	padding: 0 30px 0 60px;
}

#how-it-works .panels .panel.two {
	width: 269px;
	background: url(https://www.ihpba.org/images/myhpb/how-it-works_bg.png) no-repeat 0 0;
	z-index: 2;
	margin-left: -35px;
	margin-right: -36px;
	padding: 0 40px 0 55px;
}

#how-it-works .panels .panel h2 {
	color: #FFF;
	font-size: 22px;
	font-family: 'OpenSansBold';
	margin: 0;
	margin-top: 18px;
	line-height: 1.15;
}

#how-it-works .panels .panel.two h2 {
	margin-top: 29px;
	margin-bottom: 14px;
}

#how-it-works .panels .panel h2:before {
	font-family: 'FontAwesome';
	content: "\f002";
	display: block;
	float: left;
	font-size: 40px;
	padding-right: 25px;
}

#how-it-works .panels .panel.two h2:before {
	content: '\f040';
	/*margin-top: -14px;*/
}

#how-it-works .panels .panel.three h2:before {
	content: '\f0c0';
}

#how-it-works .panels .panel hr {
	display: block;
	float: left;
	width: 100%;
	border: 0;
	background: #FFF;
	box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
	margin: 10px 0;
}

#how-it-works .panels .panel p {
	line-height: 1.2;
	font-weight: bold;
	letter-spacing: 0.1px;
	font-family: Helvetica, Arial, sans-serif;
	display: block;
	float: left;
	width: 100%;
}

a.btn.red {
	background: #630000;
	/* Old browsers */
	background: -moz-linear-gradient(top, #BF0000 0%, #630000 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #BF0000), color-stop(100%, #630000));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #BF0000 0%, #630000 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #BF0000 0%, #630000 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #BF0000 0%, #630000 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #BF0000 0%, #630000 100%);
	/* W3C */
}

a.btn.red:hover {
	background: #3C0000;
	/* Old browsers */
	background: -moz-linear-gradient(top, #9E0000 0%, #3C0000 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9E0000), color-stop(100%, #3C0000));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #9E0000 0%, #3C0000 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #9E0000 0%, #3C0000 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #9E0000 0%, #3C0000 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #9E0000 0%, #3C0000 100%);
	/* W3C */
}

#how-it-works .panels .panel a.btn {
	position: absolute;
	bottom: 17px;
	left: 65px;
	border: 1px solid #d8be8d !important;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
	background: #c69e55;
	/* Old browsers */
	background: -moz-linear-gradient(top, #c69e55 0%, #ac7510 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c69e55), color-stop(100%, #ac7510));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c69e55 0%, #ac7510 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c69e55 0%, #ac7510 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c69e55 0%, #ac7510 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #c69e55 0%, #ac7510 100%);
	/* W3C */
	padding: 8px 35px;
	text-transform: uppercase;
	font-size: 16px;
}

#how-it-works .panels .panel a.btn:hover {
	background: #ac7510;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ac7510 0%, #c69e55 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ac7510), color-stop(100%, #c69e55));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ac7510 0%, #c69e55 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ac7510 0%, #c69e55 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ac7510 0%, #c69e55 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #ac7510 0%, #c69e55 100%);
	/* W3C */
}

#how-it-works .panels .panel.two a.btn {
	background: #951449;
	/* Old browsers */
	background: -moz-linear-gradient(top, #951449 0%, #670000 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #951449), color-stop(100%, #670000));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #951449 0%, #670000 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #951449 0%, #670000 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #951449 0%, #670000 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #951449 0%, #670000 100%);
	/* W3C */
	left: 85px;
	border: 1px solid #b66083 !important;
}

#how-it-works .panels .panel.two a.btn:hover {
	background: #670000;
	/* Old browsers */
	background: -moz-linear-gradient(top, #670000 0%, #951449 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #670000), color-stop(100%, #951449));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #670000 0%, #951449 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #670000 0%, #951449 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #670000 0%, #951449 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #670000 0%, #951449 100%);
	/* W3C */
}

#how-it-works .panels .panel.three a.btn {
	background: #9189ba;
	/* Old browsers */
	background: -moz-linear-gradient(top, #9189ba 0%, #5f559a 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9189ba), color-stop(100%, #5f559a));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #9189ba 0%, #5f559a 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #9189ba 0%, #5f559a 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #9189ba 0%, #5f559a 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #9189ba 0%, #5f559a 100%);
	/* W3C */
	left: 90px;
	border: 1px solid #b4aecf !important;
}

#how-it-works .panels .panel.three a.btn:hover {
	background: #5f559a;
	/* Old browsers */
	background: -moz-linear-gradient(top, #5f559a 0%, #9189ba 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5f559a), color-stop(100%, #9189ba));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5f559a 0%, #9189ba 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5f559a 0%, #9189ba 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5f559a 0%, #9189ba 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #5f559a 0%, #9189ba 100%);
	/* W3C */
}

#leftCol .holder {
	display: block;
	float: left;
	border: 1px solid #e4e4e4;
	padding: 3.5%;
	width: 93%;
	background: #FFFFFF;
	box-shadow: inset 0 0 60px #E4E4E4;
}

#keyword-search {
	margin-bottom: 25px;
	box-shadow: inset 0 0 40px #EBEBEB !important;
}

#keyword-search h2 {
	color: #6d6d6d;
	margin-bottom: 27px;
}

#keyword-search h3 {
	color: #6d6d6d;
	margin-bottom: 15px;
}

#keyword-search .search-bar,
.search-bar {
	display: block;
	float: left;
	width: 97%;
	background: #FFF;
	border: 1px solid #e5e5e5;
	padding: 0 0 0 3%;
	box-shadow: 0 0 4px #dcdcdc;
}

#keyword-search .search-bar i.icon-tags,
.search-bar i.icon-tags {
	display: block;
	float: left;
	margin-right: 15px;
	position: relative;
	top: 18px;
	color: #d1d1d1;
}

#keyword-search .search-bar .textField,
.search-bar .textField {
	display: block;
	float: left;
	width: 80%;
	background: #FFF;
	border: 0;
	padding: 0;
	height: 50px;
	font-size: 17px;
}

#keyword-search .search-bar .textField::-webkit-input-placeholder,
#keyword-search .search-bar .textField:-moz-placeholder,
#keyword-search .search-bar .textField::-moz-placeholder,
#keyword-search .search-bar .textField:-ms-input-placeholder {
	color: #6d6d6d;
}

#keyword-search .search-bar button,
.search-bar button {
	display: block;
	float: right;
	border: 0;
	background: #f7f8f8;
	border-left: 1px solid #e5e5e5;
	color: #96154b;
	font-size: 20px;
	text-align: center;
	width: 50px;
	height: 50px;
}

#keyword-search .search-bar button i,
.search-bar button i {
	display: inline;
	padding: 0;
	margin: 0;
	float: none;
}

#keyword-search p.tip {
	display: block;
	float: left;
	width: 100%;
	font-size: 14px;
	margin-bottom: 26px;
	margin-top: 12px;
}

#keyword-search .tags h3 {
	margin-bottom: 20px;
}

#keyword-search .tags a.tag {
	margin: 0 6px 8px 0;
}

#homeSlider .holder {
	padding: 65px 20px 45px;
}

#homeSlider ul.slides {
	margin: 0;
}

#homeSlider ul.slides li {
	display: block;
	float: left !important;
	width: 100%;
}

#homeSlider ul.slides li .image {
	display: block;
	float: left;
	width: 180px;
	border: 1px solid #dedede;
	margin-top: 1px;
}

#homeSlider ul.slides li .content {
	display: block;
	float: right;
	width: 66%;
	font-size: 12px;
	margin-bottom: 20px;
	min-height: 125px;
}

#homeSlider ul.slides li .content h3 {
	color: #6d6d6d;
	margin-bottom: 10px;
}

#homeSlider ul.slides li .content .points {
	margin-bottom: 10px;
}

#homeSlider ul.slides li .content .points a {
	color: #6d6d6d;
	border: 0;
	font-weight: bold;
}

#homeSlider ul.slides li .content .points a:hover {
	color: #9A134B;
	text-decoration: none;
}

#homeSlider ul.slides li .content .points span.count {
	position: relative;
	top: -1px;
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	background: #931248;
	color: #FFF;
	text-align: center;
	line-height: 20px;
	margin-right: 7px;
	font-weight: bold;
	border-radius: 20px;
	font-size: 11px;
}

#homeSlider ul.slides li .tags {
	display: block;
	float: left;
	width: 100%;
	border-top: 1px solid #CCC;
	margin: -4px 0 24px;
	padding-top: 5px;
}

#homeSlider ul.slides li .tags i {
	margin-right: 7px;
	font-size: 14px;
}

#homeSlider .bx-prev,
#homeSlider .bx-next {
	position: absolute;
	width: 93.4%;
	height: 25px;
	left: 20px;
	text-align: center;
	border: 1px solid #dddddd;
	background: #f2efef;
	/* Old browsers */
	background: -moz-linear-gradient(top, #f2efef 0%, #e4e1e1 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2efef), color-stop(100%, #e4e1e1));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2efef 0%, #e4e1e1 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2efef 0%, #e4e1e1 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2efef 0%, #e4e1e1 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #f2efef 0%, #e4e1e1 100%);
	/* W3C */
}

#homeSlider .bx-prev {
	top: 20px;
}

#homeSlider .bx-next {
	bottom: 20px;
}

#homeSlider .bx-prev:before,
#homeSlider .bx-next:before {
	font-family: 'FontAwesome';
	content: '\f077';
	font-size: 18px;
	color: #6d6d6d;
}

#homeSlider .bx-next:before {
	content: '\f078';
}

#homeSlider .bx-prev:hover,
#homeSlider .bx-next:hover {
	text-decoration: none;
	background: #e4e1e1;
	/* Old browsers */
	background: -moz-linear-gradient(top, #e4e1e1 0%, #f2efef 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e1e1), color-stop(100%, #f2efef));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e4e1e1 0%, #f2efef 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e4e1e1 0%, #f2efef 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e4e1e1 0%, #f2efef 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #e4e1e1 0%, #f2efef 100%);
	/* W3C */
}

#homeSlider h3 a {
	color: inherit;
}

#homeBanners {
	clear: both;
}

#homeBanners img {
	margin-bottom: 25px;
}

#recent-discussions ul,
.recentList ul {
	margin-bottom: 15px;
	margin-top: -5px;
}

#recent-discussions ul li,
.recentList ul li {
	display: block;
	float: left;
	width: 100%;
	border-bottom: 1px solid #e4e4e4;
	padding: 10px 0;
}

#recent-discussions ul li:last-child,
.recentList ul li:last-child {
	border-bottom: 0px;
}

#recent-discussions ul li h3,
.recentList ul li h3 {
	display: block;
	float: left;
	width: 84%;
	font-size: 16px;
	margin: 0;
	padding-right: 3%;
}

#recent-discussions ul li h3 a,
.recentList ul li h3 a {
	color: #6d6d6d !important;
}

#recent-discussions ul li .status,
.recentList ul li .status {
	margin: 0;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	color: #931248;
	text-transform: uppercase;
}

#recent-discussions ul li .status .count,
.recentList ul li .status .count {
	position: relative;
	top: 0;
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	background: #931248;
	color: #FFF;
	text-align: center;
	line-height: 21px;
	margin-right: 7px;
	border-radius: 20px;
	font-size: 11px;
}

#recent-discussions ul li p.status .new,
.recentList ul li p.status .new {
	position: relative;
	top: 2px;
}

#recent-discussions a.view-all,
.recentList a.view-all {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
}

#recent-discussions a.view-all:hover,
.recentList a.view-all:hover {
	text-decoration: none;
}

#recent-discussions a.view-all i,
.recentList a.view-all i {
	padding-left: 4px;
	font-size: 11px;
}

#recent-discussions.homeRight .block {
	margin-bottom: 30px;
}

#recent-discussions.homeRight ul li h3 {
	width: 87%;
}

#recent-discussions.homeRight ul li h3 a {
	display: block;
}


/************ About *************/

ol#options {
	margin-bottom: 20px;
}

ol#options li {
	position: relative;
	display: block;
	float: right;
	width: 89%;
	margin-bottom: 15px;
}

ol#options li .count {
	position: absolute;
	left: -70px;
	top: 0;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	background: #938abf;
	border: 4px solid #FFF;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	color: #FFF;
	font-size: 28px;
	border-radius: 50px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
}

ol#options li h2 {
	margin-top: 15px;
}

ol#options li.three h2 {
	margin-bottom: 10px;
}

ol#options li img {
	display: block;
	float: left;
}

ol#options li.one img {
	margin: 0 0 10px 0;
}

ol#options li.two img {
	margin: 0 20px 0 0;
}

ol#options li.three img {
	margin: -5px 20px 0 0;
}

ol#options li p:last-child {
	margin-bottom: 0px;
}

ol#options li ul {
	float: none;
	display: inline;
	margin: 0;
	padding: 0;
}

ol#options li ul li {
	float: none;
	display: block;
	margin: 0;
	padding: 0;
}

ol#options li ul li:before {
	position: relative;
	display: block;
	float: left;
	top: 2px;
	font-family: 'FontAwesome';
	content: "\f054";
	color: #c59b51;
	padding-right: 10px;
	height: 100%;
	font-size: 14px;
	padding-left: 5px;
}

.browse-info {
	display: block;
	float: left;
	width: 100%;
	padding: 20px 0;
	border-top: 1px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
	margin-bottom: 20px;
}

.browse-info.profile {
	border-top: 0;
	padding-top: 0;
}

.browse-info.profile .btn {
	font-size: 17px;
	margin-left: 45px;
	position: relative;
	top: 9px;
}

#leftCol .browse-info h2 {
	margin-bottom: 10px;
}

.browse-info p:last-child {
	margin-bottom: 0px;
}

.cpd-content {
	display: block;
	float: left;
	width: 59%;
}

p.center {
	text-align: center;
}

strong.cpd-pink {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
	color: #FFF;
	background: #991c4d;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
	font-size: 30px;
	padding: 6px 0;
}


/************ Discussions *************/

#leftCol.alt,
.homeRight {
	width: 635px;
	margin-top: 0px;
	position: relative;
}

#leftCol.alt .header {
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 15px;
	margin-bottom: 19px;
}

#leftCol.alt h1 {
	margin-top: -7px;
	margin-bottom: 15px;
}

#rightCol.alt,
.homeLeft {
	width: 311px;
	margin-top: 0px;
}

#rightCol.alt .block .holder {
	width: 86.5%;
}

#rightCol.alt .block .holder.image {
	padding: 0 20px;
}

.homeLeft,
.homeRight {
	display: block;
	float: left;
	margin-top: 5px;
	margin-bottom: 25px;
}

.homeRight {
	float: right;
}

.homeRight .block .holder {
	position: relative;
	width: 93.5%;
}

.col_2 .block .holder {
	width: 91.2%;
}

#leftCol #discussions ul,
#leftCol .newsList {
	margin: 0;
	padding: 0;
	width: 100%;
}

#leftCol #discussions ul li,
#leftCol .newsList li {
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 15px;
	margin-bottom: 18px;
}

#leftCol #discussions ul li,
#leftCol .newsListNoBorder li {
	/*border-bottom: 1px solid #e4e4e4;*/
	/*padding-bottom: 15px;*/
	margin-bottom: 18px;
}

#discussions li .image,
.newsList li .image,
.newsListNoBorder li .image {
	position: relative;
	display: block;
	float: left;
	width: 58px;
	height: 58px;
	border: 1px solid #e1e1e1;
	box-shadow: 0 0 5px #f0f0f0;
	background: #f9f7f7;
}

#discussions li .image .count,
.newsList li .image .content,
.newsListNoBorder li .image .content {
	display: block;
	position: absolute;
	left: 7px;
	top: 10px;
	width: 45px;
	height: 38px;
	text-align: center;
	font-size: 15px;
	color: #FFF;
	background: url(https://www.ihpba.org/images/myhpb/discussion-count_bg.png) no-repeat 0 0;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
	line-height: 34px;
}

#discussions li .content,
.newsList li .content,
.newsListNoBorder li .content {
	display: block;
	float: right;
	width: 88%;
	font-size: 12px;
}

#discussions li .content h2,
#discussions li .content h3,
#discussions li .content h2 a,
#discussions li .content h3 a,
.newsList li .content h2,
.newsList li .content h3,
#article #comments form#add-comment .wmd-preview h2 {
	color: #6d6d6d;
	margin: 0 0 2px;
	font-size: 20px;
}

#article #comments form#add-comment .wmd-preview p {
	font-size: 13px;
}

#discussions li .content h3 {
	color: #CDA156;
	font-size: 18px;
}

#discussions li .content p.date,
.newsList li .content p.date {
	font-size: 13px;
	margin-bottom: 5px;
}

#discussions li .content p.date a,
.newsList li .content p.date a {
	border: 0 !important;
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
}

#discussions .tags,
#homeSlider .tags,
.newsList li .tags,
.content .tags,
.related-tags {
	font-size: 12px;
	color: #96154b;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.newsList li .tags,
.newsListNoBorder li .tags {
	margin-top: 10px;
}

#discussions .tags i,
#homeSlider .tags i,
.newsList li .tags i,
.content .tags i,
.related-tags i {
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 4px;
}

#discussions .tags a,
#homeSlider .tags a,
.newsList li .tags a,
.content .tags a,
.related-tags a {
	border: 0 !important;
	color: #96154b;
}

#leftCol #discussions #article .articleWrap ul {
	display: block;
	float: left;
	width: 100%;
	padding: 0;
}

#leftCol #discussions #article .articleWrap ul li {
	display: block;
	float: left;
	width: 100%;
	margin: 0 0 5px;
	padding: 0;
	border-bottom: 0;
}

#leftCol #discussions #article .articleWrap ul li:before {
	position: relative;
	display: block;
	float: left;
	top: 2px;
	font-family: 'FontAwesome';
	content: "\f054";
	color: #c59b51;
	padding-right: 0px;
	height: 100%;
	font-size: 14px;
	margin-right: 5px;
}

#leftCol #discussions #article .articleWrap ul ul {
	padding: 0 0 0 20px;
}

#rightCol #subnav ul li.filter {
	padding: 13px 5%;
	width: 90%;
}

#rightCol #subnav ul li.filter select,
#rightCol #filter select {
	width: 100%;
	padding: 6px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
}

#rightCol p.title {
	position: relative;
	display: block;
	font-size: 16px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
	padding-left: 28px;
	line-height: 1.2;
}

#rightCol p.title:before {
	position: absolute;
	left: 0;
	top: 2px;
	font-family: 'FontAwesome';
	content: "\f0d7";
	font-size: 25px;
	color: #CEA358;
}

#rightCol .selection {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	padding: 5px 20px;
	margin-left: -20px;
}

#rightCol .selection.top {
	border-top: 0px;
	padding-top: 0px;
	margin-top: -5px;
}

#rightCol .selection p {
	margin: 0 0 5px;
	font-size: 13px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
}

#article h1 {
	margin-bottom: 3px !important;
}

#article p.details {
	font-size: 14px;
	margin-bottom: 10px;
}

#article p.details a {
	border: 0;
	font-weight: bold;
}

#article .subscribe {
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	padding: 7px 0;
	margin-bottom: 15px;
	margin-top: 5px;
	font-size: 12px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
}

#article .subscribe input {
	position: relative;
	top: 1px;
	margin-right: 8px;
}

#article .subscribe label span {
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
}

#article #comments .summary {
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	background: #f7f7f7;
	padding: 10px 2%;
	width: 96%;
	margin-bottom: 25px;
}

#article #comments .summary strong {
	position: relative;
	top: 5px;
	font-size: 20px;
	color: #938abf;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
}

#article #comments .summary strong span {
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
}

#leftCol #article #comments ul {
	border-bottom: 1px solid #e4e4e4;
}

#leftCol #article #comments li {
	border: 0;
}

#article #comments li .details {
	display: block;
	float: left;
	width: 65px;
	font-size: 13px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
	word-wrap: break-word;
}

#article #comments li .author {
	display: relative;
}

#article #comments li .author span.moderator {
	position: absolute;
	top: 0;
	right: 0;
	color: #9c2353;
	width: 150px;
	text-align: right;
	font-weight: bold;
}

#article #comments li .author img {
	width: 53px;
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
}

#article #comments li .details img {
	box-shadow: 0 0 5px #eeeeee;
	margin-bottom: 10px;
}

#article #comments li .details span.name {
	color: #9d1d52;
	width: 65px;
	display: block;
}

#article #comments li .author span {
	float: left;
	width: 80%;
	margin-bottom: 5px;
}

#article #comments li .author span.date {
	font-size: 0.7em;
}

#article #comments li .details .vote {
	display: block;
	float: left;
	width: 50px;
	border: 1px solid #eeeeee;
	border-radius: 3px;
	margin-bottom: 3px;
	padding: 5px 0;
	text-indent: 30px;
	background: url(https://www.ihpba.org/images/myhpb/icon_thumbs.png) no-repeat 8px 6px;
	font-size: 12px;
}

#article #comments li .details .vote.negative {
	background: url(https://www.ihpba.org/images/myhpb/icon_thumbs.png) no-repeat 8px -22px;
}

#article #comments li .details .vote:hover {
	box-shadow: inset 0 0 5px #eeeeee;
}

#article #comments li .details p.vote-standing {
	display: block;
	float: left;
	width: 52px;
	text-align: center;
	color: #268528;
	font-size: 14px;
	margin-top: 10px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
}

#article #comments li.negative .details p.vote-standing {
	color: #991c4d;
}

#article #comments li .content {
	position: relative;
	background: #fafafa;
	width: 80%;
	padding: 3.5%;
	border: 1px solid #eeeeee;
	border-radius: 5px;
	font-size: 13px;
	/* 		min-height: 90px; */
}

#article #comments li.positive .content {
	border: 1px solid #dadada;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

#article #comments li.positive .content,
#article #comments li.moderator .content {
	padding-top: 4.5%;
}

#article #comments li.negative .content {
	border: 1px solid #eeeeee;
	color: #c0c0c0;
}

#article #comments li .content p:last-child {
	margin-bottom: 0;
}

#article #comments li .content .arrow {
	position: absolute;
	left: -13px;
	top: 15px;
	width: 13px;
	height: 19px;
	background: url(https://www.ihpba.org/images/myhpb/comment-arrow.png) no-repeat 0 top;
}

#article #comments li.positive .content .arrow {
	background: url(https://www.ihpba.org/images/myhpb/comment-arrow.png) no-repeat 0 bottom;
}

#article #comments li .content .attachments,
#leftCol .attachments {
	display: block;
	float: left;
	width: 94%;
	padding: 3% 3% 0;
	background: #FFF;
	border: 1px solid #f0f0f0;
	font-weight: bold;
	margin-bottom: 20px;
}

#article #comments li .content .attachments {
	margin-bottom: 0px;
}

#article #comments li .content .attachments .top,
#leftCol .attachments .top {
	cursor: pointer;
	background: url(https://www.ihpba.org/images/myhpb/attachments-arrows.png) no-repeat 100% 5px;
	margin-bottom: 16px;
}

#article #comments li .content .attachments .top.active,
.attachments .top.active {
	background: url(https://www.ihpba.org/images/myhpb/attachments-arrows.png) no-repeat 100% -36px;
}

#article #comments li .content .attachments ul,
#leftCol .attachments ul {
	display: none;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0 !important;
	background: #FFF;
	margin-top: 0px;
}

#article #comments li .content .attachments ul li,
#leftCol .attachments ul li {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 9px 0;
	border-top: 1px solid #f0f0f0 !important;
	font-weight: normal;
	text-indent: 15px;
}

#article #comments li .content .attachments ul li a,
#leftCol .attachments ul li a {
	display: block;
	float: left;
	width: 100%;
	border: 0;
}

#article #comments li .content .attachments ul li a span.size,
#leftCol .attachments ul li a span.size {
	display: block;
	float: right;
	margin-right: 15px;
	margin-left: 10px;
	font-size: 11px;
	position: relative;
	top: 3px;
}

#article #comments li .content .featured {
	position: absolute;
	width: 88%;
	left: 3.9%;
	top: 0;
	background: #cea459;
	color: #FFF;
	font-size: 10px;
	text-transform: uppercase;
	padding: 2px 2%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#article #comments li .content .featured .ribbon {
	position: absolute;
	right: -17px;
	top: -6px;
	width: 23px;
	height: 31px;
	background: url(https://www.ihpba.org/images/myhpb/comment-ribbon.png) no-repeat 0 0;
}

#article #comments li.moderator .content .featured {
	background: #7E76A7;
}

#article #comments li.moderator .content .featured .ribbon {
	display: none;
}

#article #comments form#add-comment {
	display: block;
	float: left;
	width: 100%;
	margin-top: 15px;
}

#article #comments form#add-comment h2 {
	font-size: 18px;
	color: #6d6d6d;
	margin-bottom: 15px;
}

.top-full {
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
}

.top-full div {
	padding-bottom: 25px;
}

.top-full div p {
	margin-bottom: 10px;
}

.top-full div p:last-child {
	margin-bottom: 0;
}

.top-full h1 {
	display: block;
	float: left;
	width: 70%;
}

#add-discussion label {
	font-size: 18px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
	color: #6d6d6d;
}

#add-discussion .row.tags .textField {
	width: 76%;
}

#add-discussion .row.tags a.btn {
	padding: 6px 15px;
}

#add-discussion .row.final {
	border-top: 1px solid #e4e4e4;
	font-size: 12px;
	padding-top: 20px;
}

.add-attachment-wrap {
	position: relative;
	float: left;
	display: block;
	width: 75%;
}

.add-attachment-wrap .dropdown {
	float: left;
	display: none;
	width: 94%;
	background: #f7f7f7;
	padding: 3%;
	font-size: 13px;
}

.add-attachment-wrap span.remove {
	margin-left: 5px;
	cursor: pointer;
	color: #9a134b;
}

.btn.grey {
	background: #f7f7f7;
	font-size: 12px;
	color: #919191 !important;
	border: 0 !important;
	border-radius: 0;
}

.btn.grey i {
	padding-left: 10px;
}

p.sub-label {
	margin-bottom: 10px;
	font-size: 12px;
}

#leftCol ul.moderate {
	display: block;
	float: none;
	width: 92% !important;
	padding: 10px 4% !important;
	margin-bottom: 10px !important;
	background: #9D1D52;
	color: #FFF;
}

#leftCol ul.moderate:after {
	display: block;
	clear: both;
	content: ' ';
}

#leftCol ul.moderate li,
#leftCol #article #comments li .content ul.moderate li {
	display: block;
	float: left !important;
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
	margin-right: 10px;
	font-size: 13px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	border-bottom: 0 !important;
}

#leftCol ul.moderate li i {
	padding-right: 5px;
}

#leftCol ul.moderate li a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 13px;
	color: #FFF;
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
}

#leftCol ul.moderate li:before,
#leftCol #article #comments li .content ul.moderate li:before {
	content: none;
	margin: 0;
	padding: 0;
	border: 0;
}


/************ Browse Content *************/

.featured-content {
	margin-bottom: 10px;
}

.featured-content .col {
	display: block;
	float: left;
	width: 205px;
	height: 150px;
	margin-right: 10px;
	color: #FFF;
}

.featured-content .col.last {
	margin-right: 0px;
}

#rightCol #accordian {
	width: 107%;
	margin-left: -3.5%;
	margin-bottom: -3.5%;
}

#accordian .option {
	display: block;
	float: left;
	width: 100%;
}

#accordian .option .top {
	position: relative;
	display: block;
	float: left;
	width: 92%;
	background: #cea459;
	/* Old browsers */
	background: -moz-linear-gradient(top, #cea459 0%, #c0964c 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cea459), color-stop(100%, #c0964c));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cea459 0%, #c0964c 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cea459 0%, #c0964c 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cea459 0%, #c0964c 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #cea459 0%, #c0964c 100%);
	/* W3C */
	color: #FFF;
	font-size: 13px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
	padding: 2.5% 4%;
	margin-bottom: 1px;
	cursor: pointer;
	text-indent: 0;
}

#accordian .option .top.active {
	background: #A23061;
	/* Old browsers */
	background: -moz-linear-gradient(top, #A23061 0%, #98134A 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #A23061), color-stop(100%, #98134A));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #A23061 0%, #98134A 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #A23061 0%, #98134A 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #A23061 0%, #98134A 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #A23061 0%, #98134A 100%);
	/* W3C */
}

#accordian .option .top .icon-angle-down,
#accordian .option .top .icon-angle-up {
	position: absolute;
	right: 3%;
	top: 5px;
	font-size: 20px;
	color: #FFF;
}

#accordian .option i {
	padding-right: 5px;
}

#accordian .option .content,
#accordian .option .content ul {
	display: none;
	float: left;
	width: 99.2%;
	padding: 0;
	margin: 0;
	background: #F9F7F8;
	border-left: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
}

#accordian .option .content ul {
	display: block;
}

#accordian .option .content li {
	display: block;
	float: left;
	width: 92%;
	padding: 6px 4%;
	border-bottom: 1px solid #DBDBDB;
}

#accordian .option .content li input {
	margin-right: 10px;
	float: left;
	display: block;
	position: relative;
	top: 1px;
}

#accordian .option .content li label {
	width: 85%;
	font-size: 15px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
	margin-bottom: 0;
}

#accordian .option .content ul {
	border: 0;
	width: 108%;
	margin-left: -4%;
	border-top: 1px solid #DBDBDB;
	margin-top: 6px;
}

#accordian .option .content ul li {
	width: 86%;
	padding-left: 10%;
}

#accordian .option .content ul li label {
	font-size: 13px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
}

#accordian .option .content ul li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

#leftCol #accordian .option .top {
	width: 96%;
	font-size: 18px;
	padding: 1.6% 2%;
}

#leftCol #accordian .option .top .icon-angle-down,
#leftCol #accordian .option .top .icon-angle-up {
	font-size: 28px;
	top: 8px;
	right: 2.5%;
}

#leftCol #accordian .option .content,
#leftCol #accordian .option .content ul {
	width: 99.8%;
}

#leftCol #accordian .option .content {
	margin-bottom: 10px;
}

#leftCol #accordian li {
	width: 96%;
	padding: 6px 2%;
	margin-bottom: 0px;
}

#leftCol #accordian li a.title {
	margin: 0;
	font-size: 17px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
	padding-left: 2%;
	border: 0;
	color: #6d6d6d;
}

#leftCol #accordian li a.title:hover {
	color: #9A134B;
}

#leftCol #accordian li:before {
	content: none;
	padding: 0;
	margin: 0;
}

#leftCol #accordian li ul {
	width: 104% !important;
	margin-left: -2%;
}

#leftCol #accordian li ul li {
	width: 94%;
	margin: 0;
	padding-left: 4%;
}


/************ Search Results *************/

#pages {
	margin-bottom: 15px;
}

#pages .newsList .image,
#cpd .newsList .image {
	width: 180px;
	height: auto;
	margin: 0 20px 10px 0;
}

#pages .newsList .content,
#cpd .newsList .content {
	display: block;
	float: none;
	width: 100%;
}

#cpd .newsList .content {
	position: relative;
	display: block;
	float: right;
	width: 68%;
}

#cpd .newsList .content .progress-bar {
	margin-top: -9px;
}

#cpd .newsList .tags {
	display: block;
	float: left;
	width: 100%;
}

#cpd .newsList .points {
	position: absolute;
	right: 0;
	top: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#cpd .newsList .points img {
	float: left;
	max-width: 80px;
	margin-right: 5px;
}

#cpd .newsList .count,
#cpdTop .count {
	position: relative;
	display: block;
	float: left;
	top: -2px;
	margin-right: 5px;
	width: 20px;
	height: 20px;
	color: #FFF;
	text-align: center;
	line-height: 20px;
	font-size: 11px;
	background: #931248;
	border-radius: 20px;
	font-weight: bold;
}

#cpd .newsList h3 {
	max-width: 65%;
}

#cpd.preop-planning .newsList h3 {
	max-width: 100%;
}

#cpdManageTop {
	overflow: auto;
	margin-bottom: 10px;
	box-shadow: inset 0 0 30px #ebeaea;
	border: 1px solid #e4e4e4;
	padding: 15px 0;
}

#cpdManageTop .image {
	float: left;
	padding: 0 15px 15px 15px;
}

#cpdManageTop .content {
	padding: 0 15px;
}


/************ Search Results *************/

#video-masterclass .top {
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

#video-masterclass .top h1 {
	margin-bottom: 30px;
}

#video-masterclass .top img,
#video-masterclass .top iframe {
	display: block;
	float: left;
	margin: 0 30px 10px 0;
	/*box-shadow: 0 0 5px #eaeaea;*/
}

#video-masterclass ul#videoList li {
	display: block;
	float: left;
	width: 190px;
	border-bottom: 1px solid #dfdfdf;
	margin: 0 0 35px 19px;
}

#video-masterclass ul li.first {
	margin-left: 0px;
	clear: both;
}

#video-masterclass ul li .image {
	position: relative;
	display: block;
	width: 100%;
	border: 1px solid #e6e6e6;
	margin-bottom: 5px;
}

#video-masterclass ul li:hover .image img {
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

#video-masterclass ul li:hover .image img {
	opacity: 0.8;
}

#video-masterclass ul li .image .overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(https://www.ihpba.org/images/myhpb/video-overlay.png) no-repeat center center;
	z-index: 5;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

#video-masterclass ul li:hover .image .overlay {
	opacity: 1;
}

.lt-ie9 #video-masterclass ul li .image .overlay {
	display: none;
}

.lt-ie9 #video-masterclass ul li:hover .image .overlay {
	display: block;
}

#video-masterclass ul li h2 a {
	font-size: 16px;
	color: #9a134b;
}

#video-masterclass li a {
	border-bottom: 1px dotted #9a134b;
}

#video-masterclass li a:hover {
	border: 0px;
}

#video-masterclass .left-video {
	width: 560px;
}


/************ World Congress *************/

p.bordered {
	display: block;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	padding: 13px 0;
	margin-bottom: 32px;
}

#leftCol ul.events {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	margin-bottom: 25px;
}

#leftCol ul.events li {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-size: 14px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
}

#leftCol ul.events li img {
	float: left;
	width: 130px;
}

#leftCol ul.events li .content {
	display: block;
	float: right;
	width: 75%;
	margin-right: 0;
}

#leftCol ul.events li h2 {
	margin: 0;
	width: 85%;
}

#leftCol ul.events li p.date {
	font-size: 16px;
	margin-bottom: 8px;
}

#leftCol ul.events li p.chairman {
	margin-bottom: 20px;
	font-style: italic;
}

#leftCol ul.events li .col {
	display: block;
	float: left;
	width: 50%;
	line-height: 1.4;
}

#leftCol ul.events li .col_2 a {
	border: 0;
}

#leftCol ul.events li .book-now,
#fellowships.newsList li .book-now {
	position: absolute;
	right: 0px;
	top: 0px;
	float: none;
	border: 0;
}

#world-congress .top-full {
	margin-bottom: 12px;
}

#world-congress .top-full h1 {
	width: 100%;
	font-size: 30px;
	margin: 0 0 2px;
}

#world-congress .top-full h2 {
	margin-bottom: 15px;
}

#image-gallery .holder {
	width: 94% !important;
	padding: 3% 3% 2%;
	background: #F6F6F6 !important;
	box-shadow: 0 0 0 !important;
	margin-top: 20px;
}

#image-gallery ul {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

#leftCol #image-gallery li {
	display: block;
	float: left;
	width: 133px;
	margin-right: 18px;
	border: 1px solid #E4E4E4;
	margin-bottom: 15px;
	height: 88px;
	overflow: hidden;
}

#leftCol #image-gallery li.last {
	margin-right: 0;
}

#image-gallery a {
	font-weight: bold;
}

#leftCol #image-gallery.full li {
	width: 148px;
	margin: 0 11px 11px 0;
	height: 98px;
	overflow: hidden;
}

#leftCol #image-gallery li img {
	width: 100%;
}

#video-gallery .holder {
	width: 94% !important;
	padding: 3% 3% 2%;
	background: #F6F6F6 !important;
	box-shadow: 0 0 0 !important;
}

#video-gallery ul {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

#leftCol #video-gallery li {
	display: block;
	float: left;
	width: 133px;
	margin-right: 18px;
	border: 1px solid #E4E4E4;
	margin-bottom: 15px;
	height: 88px;
	overflow: hidden;
}

#leftCol #video-gallery li.last {
	margin-right: 0;
}

#video-gallery a {
	font-weight: bold;
}

#leftCol #video-gallery.full li {
	width: 148px;
	margin: 0 11px 11px 0;
	height: 98px;
	overflow: hidden;
}

#leftCol #video-gallery li {
	position: relative;
	text-align: center;
}

#leftCol #video-gallery li:after {
	content: '\F04B';
	font-family: 'FontAwesome';
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top: 27px;
	color: #000;
	font-size: 30px;
}

#leftCol #video-gallery li img {
	width: 100%;
}

#world-congress .content h2 {
	color: #6D6D6D;
	margin-bottom: 10px;
	font-size: 24px;
}

#leftCol #speakersList {
	border-top: 1px solid #E4E4E4;
	padding-top: 10px !important;
}

#leftCol #speakersList.top {
	border-top: 0px;
	padding-top: 0px !important;
}

#leftCol #speakersList li .content {
	width: 100%;
	float: left;
}

#rightCol .search-bar {
	height: 32px;
	margin: 10px 0 20px;
	box-shadow: 0 0 0;
}

#rightCol .search-bar .textField {
	width: 60%;
	height: 100%;
	font-size: 13px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
}

#rightCol .search-bar .textField:-moz-placeholder {
	color: #6d6d6d;
	opacity: 1;
}

#rightCol .search-bar .textField::-moz-placeholder {
	color: #6d6d6d;
	opacity: 1;
}

#rightCol .search-bar .textField::-webkit-input-placeholder {
	color: #6d6d6d;
	opacity: 1;
}

#rightCol .search-bar .textField:-ms-input-placeholder {
	color: #6d6d6d;
	opacity: 1;
}

#rightCol .search-bar button {
	width: 33px;
	height: 100%;
	font-size: 13px;
}

#rightCol .search-bar i.icon-tags {
	top: 30%;
}


/*
#videoList{
	border-top: 1px solid #E4E4E4;
	padding-top: 20px;
	margin-top: -5px;
}
*/

#videoList .image {
	width: 180px;
	height: auto;
}

#videoList .content {
	width: 69%;
}

#video-top {
	border-bottom: 1px solid #E4E4E4;
	padding: 5px 0 20px;
	margin-bottom: 20px;
}

#video-top .image {
	display: block;
	float: left;
	width: 135px;
	border: 1px solid #E4E4E4;
	margin-right: 20px;
}

#video-top .content h3 {
	color: #6d6d6d;
	font-size: 24px;
	line-height: 1.15;
}

#video-top .content .tags i {
	display: block;
	float: left;
	margin-bottom: 5px;
}


/************ CPD *************/

.progress-bar {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	height: 30px;
	background: #e8e8e8;
	color: #FFF;
	line-height: 30px;
	margin-bottom: 13px;
}

.progress-bar .bar {
	display: block;
	float: left;
	height: 100%;
	background: #7e76a7;
}

.progress-bar .percentage {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
	font-size: 12px;
	color: #222;
}

#cpdTop {
	border-bottom: 1px solid #e4e4e4;
	margin: 5px 0 25px;
}

#cpdTop .col_3 {
	width: 252px;
	margin: 0 25px 0 0;
	font-size: 14px;
	margin-bottom: 20px;
}

#cpdTop .content {
	width: 415px;
}

#cpdTop .contentfull {
	width: 665px;
}

#cpdTop .col_3.content p:last-child {
	margin-bottom: 0;
}

#cpdTop .col_3.last {
	width: 260px;
	float: right;
}

#cpdTop .image img {
	display: block;
	float: left;
	margin: 3px 0 20px;
	border: 1px solid #e4e4e4;
}

#cpdTop .image a.btn {
	width: 88%;
	padding: 5px 6%;
	border-radius: 5px;
}

#cpdTop .image a.btn i {
	float: right;
	font-size: 18px;
}

#cpdTop .details {
	display: block;
	float: left;
	width: 86%;
	background: #FFF;
	border: 1px solid #e4e4e4;
	border-top: 3px solid #931349;
	box-shadow: inset 0 0 30px #E4E4E4;
	margin-bottom: 10px;
	padding: 7%;
}

#cpdTop .details .points {
	display: block;
	float: left;
	width: 100%;
	margin-left: -7%;
	border-bottom: 1px solid #e4e4e4;
	padding: 0 7% 7%;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
}

#cpdTop .details .points .count {
	width: 24px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	margin-right: 10px;
}

#cpdTop .details label {
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
	color: #868686;
	margin-bottom: 13px;
}

#cpdTop .details input {
	width: 100%;
	float: left;
	background: #FFF;
	box-shadow: 0 0 0;
	font-size: 12px;
	margin-bottom: 15px;
}

#cpdTop .details button i {
	padding-left: 10px;
}

.borderTop {
	border-top: 1px solid #e4e4e4;
	padding-top: 20px;
	margin-top: 20px;
}

#cpdProgress {
	z-index: 2;
	overflow-y: auto;
	overflow-x: hidden;
}

#cpdProgress li {
	position: relative;
	display: block;
	float: left;
	width: 79%;
	padding: 4%;
	border: 1px solid #e4e4e4;
	margin-bottom: 20px;
	left: 12.8% !important;
	background: #FFF;
}

#cpdProgress li.ui-sortable-placeholder {
	padding: 8% 0;
}

#cpdProgress li .number {
	position: absolute;
	left: -14%;
	top: 27%;
	background: #f8f8f8;
	height: 39px;
	width: 39px;
	color: #6d6d6d;
	text-align: center;
	line-height: 39px;
	border: 4px solid #FFF;
	box-shadow: 0 0 4px #d9d8d8;
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
	font-size: 25px;
	border-radius: 40px;
}

#cpdProgress li img {
	display: block;
	float: left;
	border: 1px solid #e4e4e4;
	margin-right: 20px;
	filter: url(https://www.ihpba.org/images/filters.svg#grayscale);
	/* Firefox 3.5+ */
	-webkit-filter: grayscale(1);
	/* Google Chrome & Safari 6+ */
}

.lt-ie9 #cpdProgress li img {
	filter: gray;
	/* IE6-9 */
}

#cpdProgress li.complete img {
	filter: none;
	-webkit-filter: grayscale(0);
}

#cpdProgress li h3 {
	font-size: 28px;
	margin-bottom: 5px;
	color: #6d6d6d;
	margin-top: 0px;
}

#cpdProgress li h4 {
	font-size: 15px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
}

#cpdProgress li h4 strong {
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
}

#cpdProgress li.complete,
#cpdProgress li.add-new {
	box-shadow: inset 0 0 30px #ebeaea;
}

#cpdProgress li.complete .number {
	color: #FFF;
	background: #c99f55;
}

#cpdProgress li.complete h4 {
	color: #7e76a7;
}

#cpdProgress li .edit {
	display: block;
	padding-top: 5px;
}

#cpdProgress li .edit a {
	border: 0;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
	margin-right: 15px;
	line-height: 1.1;
}

#cpdProgress li .edit a i {
	padding-right: 3px;
}

#cpdProgress li .edit a.delete {
	border-left: 1px solid #CCC;
	padding-left: 12px;
}

#cpdProgress li a.addContent {
	display: block;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #f5f5f5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(100%, #f5f5f5));
	background: -webkit-linear-gradient(top, #ffffff 1%, #f5f5f5 100%);
	background: -o-linear-gradient(top, #ffffff 1%, #f5f5f5 100%);
	background: -ms-linear-gradient(top, #ffffff 1%, #f5f5f5 100%);
	background: linear-gradient(to bottom, #ffffff 1%, #f5f5f5 100%);
	color: #870e41 !important;
	border: 1px solid #e5e5e5;
	border-bottom: 2px solid #cccccc !important;
	margin: 20px 0 20px 30%;
	font-size: 19px;
}

#cpdProgress li a.addContent:hover {
	background: #f5f5f5;
	background: -moz-linear-gradient(top, #f5f5f5 1%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f5f5f5), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #f5f5f5 1%, #ffffff 100%);
	background: -o-linear-gradient(top, #f5f5f5 1%, #ffffff 100%);
	background: -ms-linear-gradient(top, #f5f5f5 1%, #ffffff 100%);
	background: linear-gradient(to bottom, #f5f5f5 1%, #ffffff 100%);
}

.cpdProgress-strip,
.cpdProgress-strip-add {
	display: block;
	position: absolute;
	left: 24px;
	width: 5px;
	height: 76%;
	background: #b6b6b6;
	z-index: 1;
	border: 1px solid #e4e4e4;
}

.cpdProgress-strip {
	top: 70px;
}

.cpdProgress-strip-add {
	height: 200px;
	background: url(https://www.ihpba.org/images/add-line.png) repeat 0 0;
	bottom: 80px;
	border-color: #FFF;
}

.cpd-steps {
	position: absolute;
	left: 10px;
	text-transform: uppercase;
	font-family: 'ProximaNovaBold';
	font-size: 13px;
	top: 20px;
}

.video {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.controls {
	width: 97%;
	background: #f7f7f7;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	padding: 10px 1.5%;
}

.controls .btn {
	padding: 6px 15px;
}

.block.cpd h2 {
	background: #991c4d;
	/* Old browsers */
	background: -moz-linear-gradient(top, #a01f51 0%, #991c4d 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a01f51), color-stop(100%, #991c4d));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a01f51 0%, #991c4d 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a01f51 0%, #991c4d 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a01f51 0%, #991c4d 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #a01f51 0%, #991c4d 100%);
	/* W3C */
}

.block.cpd .holder {
	padding: 10px 20px;
}

#rightCol .block.cpd p.title:before,
#rightCol .block.cpd a {
	color: #991c4d;
}

#rightCol .block.cpd .holder h3 {
	color: #7e76a7;
	font-size: 20px;
}

#rightCol .block.cpd .holder h3 a {
	color: inherit;
}

#rightCol .block.cpd .holder h3,
#rightCol .block.cpd .holder p.title {
	margin-bottom: 0px;
}

#rightCol .block.cpd .holder p.details {
	margin-bottom: 10px;
}

#rightCol .block.cpd p.points {
	margin-bottom: 15px;
}

p.points span.count {
	position: relative;
	top: -1px;
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	background: #931248;
	color: #FFF;
	text-align: center;
	line-height: 20px;
	margin-right: 7px;
	font-weight: bold;
	border-radius: 20px;
	font-size: 11px;
}

#rightCol .block.cpd .holder .tags i {
	color: #991c4d;
	margin-right: 10px;
	font-size: 14px;
}

#rightCol .block.cpd .holder .tags a {
	font-weight: bold;
}

#rightCol .block .holder .status {
	margin-bottom: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	text-align: center;
}

#rightCol .block.cpd .progress-bar {
	margin-bottom: 0px;
}

#quiz {
	margin-bottom: 20px;
	width: 89.8%;
	padding: 5% 5% 0;
	background: #FFF;
	border: 1px solid #E4E4E4;
	box-shadow: inset 0 0 50px #E4E4E4;
	overflow: hidden;
}

#quiz ol li {
	display: block;
	float: left;
	width: 100%;
}

#quiz ol li h2 {
	margin-bottom: 8px;
}

#quiz ol li span.no {
	display: block;
	float: left;
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
	font-size: 20px;
	color: #938ABF;
	padding-right: 5px;
}

#quiz ol li ul.answers {
	padding-left: 2%;
	width: 98%;
}

#quiz ol li ul.answers li {
	margin-bottom: 2px;
}

#quiz ol li ul.answers li label {
	display: block;
	float: left;
	width: auto;
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
	font-size: 16px;
	margin: 0;
}

#quiz ol li ul.answers li input {
	position: relative;
	top: 1px;
	display: block;
	float: left;
	margin-right: 6px;
	width: auto;
}

form#quiz .correct {
	color: green;
}

form#quiz .incorrect {
	color: #9D1D52;
}

#quiz .submit-answer {
	width: 100%;
	margin-left: -6%;
	border-top: 1px solid #E4E4E4;
	padding: 10px 6%;
}

#quiz .submit-answer .btn {
	float: none;
	margin: 0 auto;
}

#leftCol .attachments.grey {
	margin-bottom: 20px;
	background: #f7f7f7;
}

#leftCol .attachments.grey li {
	background: #f7f7f7;
}


/************ E-AHPBA Learn *************/

#discussions #case-of-month ul li {
	border: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

#discussions #case-of-month ul li .content {
	width: 87%;
}

#discussions #case-of-month ul li .tags {
	margin-bottom: 15px;
}

#discussions #case-of-month ul li p:last-child {
	margin: 0;
}

#leftCol #case-of-month .holder {
	width: 92.8%;
}


/************ Latest Guidelines *************/

#leftCol #guidelines {
	display: block;
	margin-top: -15px;
}

#leftCol #guidelines li {
	margin-bottom: 15px;
	padding-bottom: 13px;
}

#guidelines h2 {
	margin: 0 0 2px;
}

#guidelines p {
	font-size: 13px;
	margin: 0;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
}


/************ Fellowships *************/

#fellowships.newsList {
	margin-top: 6px;
}

#fellowships.newsList li {
	position: relative;
	padding-bottom: 22px;
	margin-bottom: 22px;
}

#fellowships.newsList li .image {
	display: block;
	float: left;
	width: 130px;
	height: auto;
	border: 1px solid #d7d7d7;
}

#fellowships.newsList li .content {
	width: 75%;
}

#fellowships.newsList li .content h2 {
	color: #938abf;
	margin-bottom: 0px;
}

#fellowships.newsList li .content p {
	margin-bottom: 5px;
	font-size: 13px;
}

#fellowships.newsList li .content p.details {
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
	font-size: 14px;
	margin-bottom: 12px;
}

#fellowships.newsList li .content p.details span.institution {
	font-size: 16px;
}

#fellowships.newsList li .content p.details span.price {
	font-style: italic;
}

#fellowships.newsList li .content p.details span.price,
#fellowships.newsList li .content p.details span.duration {
	padding-left: 15px;
}

#fellowships.newsList li .content a.read-more {
	border: 0;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
}

#fellowships.newsList li .content a.read-more:hover {
	border-bottom: 1px dotted #9A134B;
}

#fellowships.newsList li a.book-now {
	top: -5px;
	right: -2px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	height: 41px;
	padding-top: 14px;
}

#fellowship .top-full {
	margin: 0;
}

#fellowship .top-full .btn {
	padding: 5px 15px;
}

#fellowship .details {
	display: block;
	width: 100%;
	float: left;
	border-bottom: 1px solid #E4E4E4;
	font-size: 14px;
	padding: 7px 0;
	margin-bottom: 20px;
}

#fellowship .details h2 {
	display: block;
	float: left;
	width: auto;
	color: #7e76a7;
	font-size: 16px;
	margin: 0;
}

#fellowship .details dl {
	display: block;
	float: right;
	margin: 0;
	padding: 0;
}

#fellowship .details dt,
#fellowship .details dd {
	display: inline;
	margin: 0;
	padding: 0;
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
}

#fellowship .details dt {
	padding-left: 20px;
}

#fellowship .details dd {
	color: #7e76a7;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
}

#fellowship .details dd.price {
	font-style: italic;
}

#fellowship .leftCol {
	display: block;
	float: left;
	width: 21%;
}

#fellowship .leftCol img {
	border: 1px solid #E4E4E4;
	margin-bottom: 16px;
}

#fellowship .leftCol a.book-now {
	margin-left: 40px;
}

#fellowship .rightCol {
	display: block;
	float: right;
	width: 75%;
}


/************ Profile *************/

#profile .top-full {
	margin-bottom: 18px;
}

#profile .top-full h1 {
	width: auto;
}

#profile .top-full a.btn {
	margin-left: 10px;
	padding: 6px 12px;
}

#profile .top-full a.btn i {
	padding-left: 13px;
}

#profile .leftCol,
#profile .rightCol {
	display: block;
	float: left;
}

#profile .profile-view {
	margin-bottom: 35px;
}

#profile .profile-view .leftCol {
	width: 750px;
}

#profile .msg-alert {
	position: relative;
	display: block;
	float: left;
	width: 94.7%;
	border: 1px solid #e4e4e4;
	background: #f9f7f7;
	font-size: 17px;
	padding: 1.5% 2.5%;
	margin-bottom: 20px;
}

#profile .msg-alert i.icon-envelope {
	display: block;
	float: left;
	margin-right: 20px;
	font-size: 23px;
}

#profile .msg-alert a.read {
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
	margin-left: 15px;
}

#profile .msg-alert a.icon-remove {
	display: block;
	float: right;
	position: relative;
	top: 3px;
	color: #6d6d6d;
}

#profile .profile-view dl.info dt {
	position: relative;
	display: block;
	float: left;
	width: 16%;
	background: #c79d52;
	color: #FFF;
	padding: 0 2.75%;
	margin: 0;
	border-bottom: 1px solid #d3b37a;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
	font-size: 18px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

#profile .profile-view dl.info dt i {
	position: absolute;
	left: 99.8%;
	color: #c79d52;
	top: 30%;
	font-size: 13px;
}

#profile .profile-view dl.info dd {
	display: block;
	float: left;
	width: 73.2%;
	background: #f8f8f8;
	padding: 0 0;
	margin: 0;
	border: 1px solid #e4e4e4;
	border-bottom: 0;
	font-size: 13px;
	padding: 0 2.5%;
}

#profile .profile-view dl.info dt,
#profile .profile-view dl.info dd {
	height: 33px;
	line-height: 32px;
}

#profile .profile-view dl.info dd.last {
	border-bottom: 1px solid #e4e4e4;
	height: auto;
	line-height: 1.3;
	padding: 15px 2.5%;
}

#profile .profile-view dl.info dd.last p {
	margin-bottom: 15px;
}

#profile .profile-view .rightCol {
	width: 200px;
	float: right;
}

#profile .profile-detail {
	border: 1px solid #e4e4e4;
	border-top: 3px solid #9d1d52;
	box-shadow: inset 0 0 60px #F1F1F1;
	padding: 18px 0;
}

#profile .profile-detail .image {
	display: block;
	margin: 0 auto;
	width: 150px;
	text-align: center;
	border: 3px solid #FFF;
	box-shadow: 0 0 3px #d6d6d6;
	margin-bottom: 15px;
}

#profile .profile-detail .image img.cvent {
	max-width: 150px;
}

#profile .profile-detail .details {
	display: block;
	float: left;
	width: 80%;
	border-top: 1px solid #e4e4e4;
	padding: 17px 10% 0;
	line-height: 1.1;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
}

#profile .profile-detail .details strong {
	color: #9d1d52;
	font-weight: normal;
}

#profile .profile-detail .details .member-since {
	font-size: 12px;
}

#profile .profile-detail .details .btn {
	margin-top: 10px;
	width: 100%;
	text-align: center;
	font-size: 13px;
	padding: 6px 0;
	border-radius: 7px;
}

#profile .activity h2 {
	color: #6d6d6d;
	font-size: 24px;
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 8px;
	margin-bottom: 12px;
}

#profile .activity .block {
	margin-bottom: 20px;
}

#profile .activity .col_2 {
	margin-right: 2%;
	width: 49%;
}

#profile .leftCol .block {
	margin-bottom: 30px;
}

#profile .leftCol .block .holder {
	width: 94.5%;
}


/************ Message System *************/

#profile #keyword-search {
	margin-top: -10px;
	margin-bottom: 9px;
	background: #f9f7f7;
	box-shadow: 0 0 0;
}

#profile #keyword-search .search-bar {
	width: 39%;
	padding-left: 1%;
}

#profile #keyword-search .search-bar .textField,
#profile #keyword-search .search-bar button {
	height: 30px;
}

#profile #keyword-search .search-bar .textField {
	font-size: 12px;
	font-style: italic;
}

#profile #keyword-search .search-bar button {
	width: 35px;
	font-size: 13px;
}

#profile #keyword-search p.msg-count {
	display: block;
	float: right;
	font-size: 14px;
	margin: 5px 0 0;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
}

#profile #keyword-search p.msg-count strong {
	color: #9D1D52;
	padding-left: 7px;
}

#msgList {
	border-top: 1px solid #e4e4e4;
}

#msgList li {
	display: block;
	float: left;
	width: 100%;
	border-bottom: 1px solid #e4e4e4;
	padding: 12px 0;
}

#msgList li .msg {
	display: block;
	float: right;
	width: 81%;
	border-left: 1px solid #e4e4e4;
	padding: 0 3%;
}

#msgList li .msg h2 {
	margin: 0;
	line-height: 1.2;
}

#msgList li .msg p {
	margin: 0;
	font-size: 13px;
	line-height: 1;
}

#msgList li .msg p.to {
	padding: 8px 0;
}

#msgList li .from {
	display: block;
	float: left;
	width: 10%;
	font-size: 13px;
	padding: 0 1%;
}

#msgList li .from h3 {
	font-size: 13px;
	color: #9d1d52;
	margin: 0px;
	margin-top: 2px;
}

#msgList li.unread {
	background: #f7f7f7;
}

#msgList li.unread h2 {
	color: #9d1d52;
}

#profile .top-full a.btn.back {
	margin-bottom: 10px;
}

#messages h1 {
	font-size: 30px;
}

#messages li {
	position: relative;
	display: block;
	float: right;
	width: 91.7%;
	border: 0;
	margin-bottom: 25px;
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 25px;
}

#messages li .details {
	position: absolute;
	left: -80px;
	top: 0;
	display: block;
	float: left;
	width: 65px;
	font-size: 13px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
}

#messages li .details img {
	box-shadow: 0 0 5px #eeeeee;
	margin-bottom: 10px;
}

#messages li p.name {
	color: #9d1d52;
	display: block;
	margin-bottom: 10px;
	font-size: 85%;
}

#messages li .content {
	position: relative;
	display: block;
	float: right;
	background: #fafafa;
	width: 95%;
	padding: 2.5%;
	border: 1px solid #eeeeee;
	border-radius: 5px;
	font-size: 13px;
}

#messages li .content p {
	margin-bottom: 15px;
}

#messages li .content p:last-child {
	margin-bottom: 0;
}

#messages li .content .arrow {
	position: absolute;
	left: -13px;
	top: 15px;
	width: 13px;
	height: 19px;
	background: url(https://www.ihpba.org/images/myhpb/comment-arrow.png) no-repeat 0 top;
}

#messages li .content .attachments {
	display: block;
	float: left;
	width: 94%;
	padding: 2% 3% 0;
	background: #FFF;
	border: 1px solid #f0f0f0;
	font-weight: bold;
}

#messages li .content .attachments .top {
	cursor: pointer;
	background: url(https://www.ihpba.org/images/myhpb/attachments-arrows.png) no-repeat 100% 5px;
	margin-bottom: 16px;
}

#messages li .content .attachments .top.active {
	background: url(https://www.ihpba.org/images/myhpb/attachments-arrows.png) no-repeat 100% -36px;
}

#messages li .content .attachments ul {
	display: none;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0 !important;
	background: #FFF;
	margin-top: 0px;
}

#messages li .content .attachments ul li {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 9px 0;
	border-top: 1px solid #f0f0f0 !important;
	border-bottom: 0px solid #f0f0f0 !important;
	font-weight: normal;
	text-indent: 15px;
}

#messages li .content .attachments ul li a {
	display: block;
	float: left;
	width: 100%;
	border: 0;
}

#messages li .content .attachments ul li a span.size {
	display: block;
	float: right;
	margin-right: 15px;
	margin-left: 10px;
	font-size: 11px;
	position: relative;
	top: 3px;
}

#messages #add-comment {
	float: right;
	width: 91.7%;
}

#messages #add-comment h2 {
	font-size: 18px;
	color: #6d6d6d;
}

#messages #add-comment.new-message {
	width: 100%;
}

#messages #add-comment.new-message label {
	font-size: 18px;
}

#messages #add-comment.new-message .row {
	position: relative;
}

#messages #add-comment .suggestions {
	display: none;
	position: absolute;
	left;
	0;
	top: 100%;
	width: 100%;
	z-index: 10;
	background: #f6f6f6;
}

#messages #add-comment .suggestions strong {
	display: block;
	float: left;
	width: 96%;
	background: #d1a85d;
	color: #FFF;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	padding: 3px 2%;
}

#messages #add-comment .suggestions ul {
	margin: 0;
	padding: 0;
	width: 100%;
}

#messages #add-comment .suggestions li {
	display: block;
	float: left;
	width: 95.8%;
	margin: 0;
	padding: 12px 2%;
	border: 1px solid #E4E4E4;
	border-top: 0;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
	cursor: pointer;
}

#messages #add-comment .suggestions li img {
	display: block;
	float: left;
	margin-right: 15px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

#messages #add-comment .suggestions li p.name {
	margin: 0;
	font-size: 16px;
	color: #9d1d52;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
	margin-top: 11px;
}

#messages #add-comment .suggestions li:hover {
	background: #eaeaea;
}


/************ Admin bar *************/

#admin-manage {
	position: relative;
	height: 40px;
	background: #787878;
	background: -moz-linear-gradient(top, #787878 0%, #656565 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #787878), color-stop(100%, #656565));
	background: -webkit-linear-gradient(top, #787878 0%, #656565 100%);
	background: -o-linear-gradient(top, #787878 0%, #656565 100%);
	background: -ms-linear-gradient(top, #787878 0%, #656565 100%);
	background: linear-gradient(to bottom, #787878 0%, #656565 100%);
	z-index: 10;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	color: #FFF;
	font-size: 15px;
	line-height: 39px;
}

#admin-manage .leftBar {
	float: left;
}

#admin-manage strong {
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
	margin-right: 10px;
}

#admin-manage a {
	color: #FFF;
	padding: 0 5px;
}

#admin-manage a:hover {
	color: #cca257;
}

#admin-manage a:hover i {
	color: #cca257;
}

#admin-manage a.admin,
#admin-manage a.help {
	position: relative;
	float: right;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
	margin-left: 15px;
	padding-right: 35px;
}

#admin-manage a i {
	background: #5e5e5e;
	color: #FFF;
	position: absolute;
	width: 26px;
	height: 26px;
	text-align: center;
	line-height: 25px;
	font-style: normal;
	border-radius: 30px;
	top: 7px;
	right: 0;
}

#admin-manage a.help i {
	font-size: 16px;
}

#admin-manage a.admin i {
	font-size: 14px;
}


/************ Markdown *************/

#content #wmd-button-row li {
	width: auto !important;
	border-bottom: 0 !important;
	margin: 0 !important;
}

#content #wmd-preview {
	display: block;
	float: left;
	width: 95.8%;
	padding: 2%;
	margin-top: 5px;
}

ul.error,
#leftCol ul.error {
	position: relative;
	padding: 2%;
	width: 96%;
	min-height: 20px;
}

ul.error:before,
#leftCol ul.error:before {
	font-family: 'FontAwesome';
	content: '\f071';
	position: absolute;
	left: 11px;
	top: 8px;
	color: #B94A48;
	z-index: 1;
	font-size: 24px;
}

ul.error li,
#leftCol ul.error li {
	display: block;
	float: right;
	width: 100%;
	position: relative;
	z-index: 2;
	width: 94%;
	margin: 0;
	padding: 0;
	font-size: 15px;
}

#fileupload {}

#fileupload .progress {
	display: none;
	width: 100%;
	height: 18px;
	background: #CCC;
}

#fileupload .progress .bar {
	width: 0;
	height: 18px;
	background: #C79D52;
	background: -moz-linear-gradient(top, #cea459 0%, #c0964c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cea459), color-stop(100%, #c0964c));
	background: -webkit-linear-gradient(top, #cea459 0%, #c0964c 100%);
	background: -o-linear-gradient(top, #cea459 0%, #c0964c 100%);
	background: -ms-linear-gradient(top, #cea459 0%, #c0964c 100%);
	background: linear-gradient(to bottom, #cea459 0%, #c0964c 100%);
	-pie-background: linear-gradient(to bottom, #cea459, #c0964c);
	/*ie 6-9 via PIE*/
	behavior: url(https://www.ihpba.org/css/PIE.php);
}

#fileupload .files {
	display: block;
	float: left;
	width: 100%;
	clear: both;
}

#fileupload .files .file {
	display: block;
	float: left;
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}

#fileupload .tagit {
	margin-top: 10px;
}

#fileupload .files .file input[type="text"] {
	float: right;
}

.search-filter .filter-submit {
	float: right;
	clear: both;
	margin: 20px -10px 20px 0;
}

form#add-comment ul.recipients li {
	display: block;
	cursor: pointer;
	width: 100%;
	padding: 5px;
}

form.search-bar {
	position: relative;
}

form span.placeholder {
	position: absolute;
	z-index: 999;
	top: 0px;
	left: 0;
	text-indent: 55px;
	width: 100%;
	height: 52px;
	line-height: 52px;
	color: #ccc;
}

.questions .question,
.questions .question .answer {
	display: block;
	float: left;
	width: 100%;
}

div.questions .question .row {
	position: relative;
}

div.questions .question .row a.delete-question {
	position: absolute;
	top: 0;
	right: 0;
	color: #9d1d52;
}

#tabs ul.tabs {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	z-index: 2;
}

#tabs div {
	position: relative;
	z-index: 1;
}

#tabs ul.tabs li {
	display: block;
	float: left;
	margin-bottom: -1px;
}

#tabs ul.tabs li a {
	display: block;
	float: left;
	color: #6d6d6d;
	font-size: 14px;
	text-transform: uppercase;
	background: #ebebeb;
	padding: 8px 20px;
	border: 1px solid #e4e4e4;
	margin-right: -1px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
	outline: 0;
}

#tabs ul.tabs li.active a {
	background: #f9f7f7;
	border-bottom: 1px solid #f9f7f7;
}

#leftCol #tabs .block .holder {
	box-shadow: 0 0 0 !important;
	background: #f9f7f7 !important;
}

#leftCol #tabs .block .search-bar {
	height: 33px;
	margin: 0;
	box-shadow: 0 0 0;
	float: right;
	width: 47%;
	padding-left: 8px;
}

#leftCol #tabs .block .search-bar .textField {
	width: 60%;
	height: 100%;
}

#leftCol #tabs .block .search-bar .textField:-moz-placeholder {
	color: #6d6d6d;
	opacity: 1;
}

#leftCol #tabs .block .search-bar .textField::-moz-placeholder {
	color: #6d6d6d;
	opacity: 1;
}

#leftCol #tabs .block .search-bar .textField::-webkit-input-placeholder {
	color: #6d6d6d;
	opacity: 1;
}

#leftCol #tabs .block .search-bar .textField:-ms-input-placeholder {
	color: #6d6d6d;
	opacity: 1;
}

#leftCol #tabs .block .search-bar button {
	width: 33px;
	height: 100%;
	font-size: 13px;
}

#leftCol #tabs .block .search-bar button i {
	padding: 0;
}

#leftCol #favList {
	margin-bottom: 0px;
}

#leftCol #favList li {
	display: block;
	float: left;
	width: 100%;
	border-top: 1px solid #e4e4e4;
	padding: 20px 3.5%;
	margin-left: -3.5%;
}

#leftCol #favList li img {
	margin-right: 18px;
	border: 1px solid #e1e1e1;
}

#leftCol #favList li h3,
#leftCol #favList li p {
	margin-bottom: 0;
}

#leftCol #favList li p {
	font-size: 13px;
}

#leftCol #favList li h3 {
	font-size: 20px;
	color: #6d6d6d;
}

#leftCol #favList li .btn {
	margin-left: 18px;
	margin-top: 12px;
	padding: 7px 30px;
}

#fromfavourites .holder {
	padding-bottom: 0 !important;
}

.add-favourite {
	position: absolute !important;
	top: 0;
	right: 0;
	background: #6f6f6f !important;
	color: #FFF !important;
	width: 48px !important;
	text-align: center !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 10px !important;
	font-weight: bold !important;
	padding: 4px 0 !important;
	text-transform: uppercase;
	border: 0 !important;
	z-index: 9999 !important;
	display: none;
}

.add-favourite.open {
	display: block;
}

.add-favourite i {
	display: block;
	font-size: 21px;
	clear: both;
	padding-bottom: 2px;
	color: #FFF;
	width: 100%;
}

.attachments .add-favourite i {
	text-indent: -7px;
	top: 0 !important;
	right: 0 !important;
}

.add-favourite:hover i,
.add-favourite.active i {
	color: #fdc664;
}

#yourFavourites {
	display: block;
	width: 865px;
	overflow: hidden;
	background: #f9f7f7;
}

#yourFavourites h2 {
	display: block;
	float: left;
	width: 94%;
	margin: 2.5% 0 2% 3%;
	font-size: 26px;
	color: #6d6d6d;
}

#yourFavourites h2 span {
	display: block;
	float: left;
	margin-right: 15px;
}

#yourFavourites .btn {
	position: relative;
	top: -2px;
	float: right;
}

#yourFavourites .row {
	display: block;
	float: left;
	width: 94%;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	padding: 20px 3%;
	background: #FFF;
	background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 38%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(38%, #ffffff));
	background: -webkit-linear-gradient(top, #f2f2f2 0%, #ffffff 38%);
	background: -o-linear-gradient(top, #f2f2f2 0%, #ffffff 38%);
	background: -ms-linear-gradient(top, #f2f2f2 0%, #ffffff 38%);
	background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 38%);
}

#yourFavourites .row select {
	float: left;
	width: 46%;
}

#yourFavourites .row .search-bar {
	display: block;
	float: left;
	width: 48%;
	height: 35px;
	padding-left: 1.5%;
	box-shadow: 0 0 0;
	background: #f2f2f2;
	background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
	background: -o-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
	background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 100%);
	-pie-background: linear-gradient(to bottom, #f2f2f2, #ffffff);
	/*ie 6-9 via PIE*/
	behavior: url(https://www.ihpba.org/css/PIE.php);
}

#yourFavourites .row .search-bar input,
#yourFavourites .row .search-bar button {
	height: 100%;
	font-size: 14px;
}

#yourFavourites .row .search-bar input {
	background: none transparent;
}

#yourFavourites ul {
	width: 94%;
	height: 440px;
	background: #ececec;
	padding: 3%;
	overflow: auto;
}

#yourFavourites ul li {
	display: block;
	float: left;
	width: 180px;
	margin: 0 0 25px 25px;
	text-align: center;
}

#yourFavourites ul li.first {
	clear: both;
	margin-left: 0;
}

#yourFavourites ul li .image {
	display: block;
	height: 178px;
	text-align: center;
	line-height: 175px;
	border: 1px solid #e4e4e4;
	background: #FFF;
}

#yourFavourites ul li h3 {
	font-size: 16px;
	color: #6d6d6d;
	padding-top: 5px;
}

.block.notice {
	background: #f9f7f7;
	border: 1px solid #e4e4e4;
	color: #6d6d6d;
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
}

td.delete {
	text-align: right;
}

td.delete a {
	color: #96154b !important;
}

.block #wmd-preview h2 {
	background: none;
	color: #938ABF;
	font-size: 20px;
	padding: 0;
	text-indent: 0px;
	margin: 0 0 10px;
}

#leftCol .cpdContent h2,
#leftCol .cpdContent h3 {
	margin-bottom: 10px;
}

#leftCol .cpdContent ul li {
	float: none;
}

.memberArea {
	box-shadow: 0 3px 22px rgba(0, 0, 0, 0.4);
	margin: 16px 0 40px;
}

.memberArea .heading {
	float: left;
	width: 99.8%;
	height: 65px;
	background: #991c4d;
	color: #FFF;
	border: 1px solid #e4e4e4;
}

.memberArea .heading h2 {
	display: block;
	float: left;
	height: 100%;
	font-size: 30px;
	color: #FFF;
	line-height: 64px;
	padding-left: 18px;
}

.memberArea .heading .logo {
	float: right;
	height: 100%;
	padding-left: 17px;
	line-height: 60px;
	background: #FFF url(https://www.ihpba.org/images/memberArea_arrow.png) no-repeat 0 center;
	width: 135px;
	text-align: center;
}

.memberArea .heading .logo img {
	vertical-align: middle;
	max-height: 60px;
	width: auto;
}

.memberArea .content {
	float: left;
	width: 94%;
	padding: 0;
	font-size: 12px;
	padding: 3%;
	background: #F9F7F8;
}

.memberArea .content .row {
	display: block;
	float: left;
	width: 100%;
	border-bottom: 1px solid #d9d8d8;
}

.memberArea .content .bottom {
	border: 0;
}

.memberArea .content .panel {
	display: block;
	float: left;
	width: 46.9%;
	padding: 3% 3%;
	border-right: 1px solid #d9d8d8;
	padding: 0% 3% 3% 0;
}

.memberArea .content .panel.double {
	width: 100%;
	padding-right: 0;
	border-right: 0;
}

.memberArea .content .last {
	border-right: 0;
	padding: 0% 0 3% 3%;
}

.memberArea .content .bottom .panel {
	padding: 3% 3% 0 0;
}

.memberArea .content .bottom .last {
	padding: 3% 0 0 3%;
}

.memberArea .sponsor {
	display: block;
	float: left;
	width: 80%;
	height: 220px;
	background: #FFF;
	text-align: center;
	border: 1px solid #e6e6e6;
	font-size: 15px;
	padding: 0 10%;
}

.memberArea .sponsor img {
	padding: 50px 0;
}

.memberArea .sponsor .no_sponsor_image {
	padding-top: 30%;
}

.memberArea .content .block {
	width: 100%;
}

.memberArea .content .block h2 {
	margin-bottom: 10px;
}

.memberArea .content .block ul.el {
	margin-top: 5px;
	padding: 0 1%;
	width: 98%;
}

.memberArea .content h3 {
	color: #6d6d6d;
}

.memberArea .content p {
	margin-bottom: 10px;
	line-height: 18px;
}

.memberArea .content .right {
	margin: 0 0 10px 10px;
}

.memberArea .read-more,
.memberArea .recentList a.view-all {
	font-weight: bold;
	color: #cca257;
}

.memberArea .recentList ul li h3 {
	width: 75%;
}

.memberArea .recentList ul li p.status {
	float: right;
}

.preOpPlanningWrap {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e4e4e4;
}

.preOpPlanningWrap video {
	width: 100%;
}

.preOpPlanningWrap h5 {
	margin-bottom: 20px;
}

.preOpPlanningWrap .row.checkboxRow {
	width: 100%;
	float: left;
	clear: both;
}

.preOpPlanningWrap .row.checkboxRow label {
	margin-left: 5px;
	margin-top: -3px;
	float: left;
}

.preOpPlanningWrap .row.checkboxRow input {
	float: left;
}

.preOpPlanningWrap .sequence .scrubber {
	float: left;
	width: 100%;
	position: relative;
}

.preOpPlanningWrap .sequence {
	width: calc(100% - 25px);
	float: right;
	position: relative;
	background: #000;
	margin-bottom: 30px;
}

.preOpPlanningWrap .ui-widget-content {
	border: 1px solid #947e57;
}

.preOpPlanningWrap .ui-state-default,
.preOpPlanningWrap .ui-widget-content .ui-state-default,
.preOpPlanningWrap .ui-widget-header .ui-state-default {
	border: 1px solid rgba(90, 90, 90, 0.48);
	background: #c99f54;
}

.preOpPlanningWrap .ui-widget-header {
	background: rgba(201, 159, 84, 0.62);
}

.preOpPlanningWrap .ui-slider-vertical .ui-slider-handle {
	left: -5px;
	width: 22px;
	height: 16px;
}

.preOpPlanningWrap .sequence .slider-vertical {
	height: 100%;
	position: absolute;
	left: -22px;
}

.preOpPlanningWrap .sequence .pos {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.preOpPlanningWrap .sequence .pos:first-child {
	position: relative;
	float: left;
	left: auto;
	top: auto;
	opacity: 1;
}

@media only screen and (min-width: 0px) and (max-width: 640px) {
	.preOpPlanningWrap video {
		width: 100%;
	}
}

#CTbox ul {
	border-bottom: 2px #cda358 solid;
}

#CTbox li button {
	border: 1px #c99f54 solid;
	background: #c99f54;
	color: #fff;
	padding: 5px;
	border-radius: 0;
	font-size: 12px;
	letter-spacing: -0.2px;
	text-transform: inherit;
}

#CTbox li.active button {
	background: #fff;
	color: #c99f54;
}

#CTbox li:last-of-type button {
	margin-right: 0;
}

#CTbox li a {
	text-decoration: none;
	border-bottom: 0;
}

.imageFlickerWrapper {
	display: none;
}

.imageFlickerWrapper:first-of-type {
	display: block;
}

.preOpPlanningWrap button {
	text-transform: uppercase;
	font-size: 14px;
	margin-right: 5px;
}

#preop-tabs .ui-tabs-panel {
	float: left;
	width: 100%;
	border-bottom: 1px #c89e53 solid;
}

#preop-tabs .ui-tabs-nav {
	border-bottom: 1px #c89e53 solid;
}

#preop-tabs .ui-tabs-nav a {
	border-bottom: 0;
}

#preop-tabs .ui-tabs-nav .ui-tabs-active {
	background: #c89e53;
	border-radius: 5px 5px 0 0;
}

#preop-tabs .ui-tabs-nav .ui-tabs-active a {
	color: #fff;
	font-weight: bold;
	border-bottom: 0;
}

.ui-tabs {
	position: relative;
	padding: 20px 0;
	float: left;
	width: 100%;
}

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 20px 0;
	background: none;
}

.preOpStandardText p {}

.preOpStandardText video {
	width: 100%;
	padding: 30px 0;
}

.impressionWrapper label {
	width: 100%;
	clear: both;
	float: left;
}

.impressionsList #CTbox ul li {
	width: calc(48% - 44px);
	float: left;
	margin-right: 4%;
	padding: 20px;
	border: 2px #cda358 solid;
	margin-bottom: 20px;
}

.impressionsList #CTbox ul li video {
	padding-bottom: 0;
}

.impressionsList #CTbox ul li label {
	width: 100%;
	clear: both;
	float: left;
}

.impressionsList #CTbox ul li:nth-of-type(2n) {
	margin-right: 0;
	clear: right;
}

.impressionsList #CTbox ul li:nth-of-type(2n+1) {
	clear: left;
}

.surgeryVideoList {
	width: 100%;
	float: left;
	border-bottom: 1px #ccc solid;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.surgeryVideoList #CTbox {
	width: 100%;
	float: left;
	clear: both;
}

.surgeryVideoList #CTbox ul {
	display: table;
	table-layout: fixed;
	margin-bottom: 0;
	border-top: 1px #cda358 solid;
	border-right: 1px #cda358 solid;
	border-bottom: 1px #cda358 solid;
	margin-bottom: 10px;
}

.surgeryVideoList #CTbox ul.blocks2 {
	width: 66.6%;
}

.surgeryVideoList #CTbox ul.blocks1 {
	width: 33.3%;
}

.surgeryVideoList #CTbox ul li {
	width: 33.4%;
	float: none;
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
	border-left: 1px #cda358 solid;
	margin-bottom: 10px;
}

.surgeryVideoList #CTbox ul li:last-of-type {
	border-right: 0;
}

@media only screen and (min-width: 0px) and (max-width: 640px) {
	.surgeryVideoList #CTbox ul {
		display: block;
		width: 100%;
		border: 0;
	}
	.surgeryVideoList #CTbox ul li {
		display: block;
		border: 1px #cda358 solid;
		width: 100%;
	}
	.surgeryVideoList #CTbox ul li img {
		width: 100%;
	}
	/*impressionlist*/
	.impressionsList #CTbox ul li {
		width: 100%;
		float: left;
		margin-right: 0;
		padding: 5px;
	}
	.impressionsList #CTbox ul li video,
	.impressionsList #CTbox ul li img {
		width: 100%;
	}
	.impressionsList #CTbox ul li label {
		width: 100%;
		clear: both;
		float: left;
		padding: 5px 0 0 5px;
	}
	.impressionsList #CTbox ul li label:last-of-type {
		padding-bottom: 10px;
	}
}

.surgeryVideoList #CTbox ul li a {}

.surgeryVideoList #CTbox ul li video {
	padding: 0;
	width: 100%;
}

.surgeryVideoList #CTbox ul li img {
	padding: 0;
	width: 100%;
}

.summaryToggle {
	clear: both;
	float: right;
	width: 180px;
	cursor: pointer;
	text-align: center;
}

.transcriptToggle {
	clear: both;
	float: right;
	margin-top: 15px;
	width: 180px;
	cursor: pointer;
	text-align: center;
}

.fullSummary {
	width: 100%;
	clear: both;
	float: left;
	display: none;
}

.fullSummary ul {
	list-style: disc;
	margin-left: 25px;
}

#leftCol .fullSummary ul li {
	list-style-type: disc;
	width: 100%;
	display: list-item;
	clear: both;
	float: left;
}

#leftCol .fullSummary ul li p {
	margin-bottom: 0px;
}

ul.wysiwyg {
	margin-left: 20px;
}

#leftCol ul.wysiwyg li,
ul.wysiwyg li {
	width: 100%;
	clear: both;
	display: list-item;
}

.transcriptToggle {
	clear: both;
	float: right;
	margin-top: 15px;
	width: 180px;
	cursor: pointer;
	text-align: center;
}