/**************************************************************************************************
* 	Main CSS - contains the core reset and majority of styles for the project
**************************************************************************************************/
/**************************************************************************************************
*	Browser reset
**************************************************************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, sub, sup, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
input::-moz-focus-inner { 
	border: 0; 
	padding: 0; 
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide {
    display: none !important;
}
/**************************************************************************************************
*	Fonts and Icons
**************************************************************************************************/
@font-face{
    font-family: 'Proxima Nova';
    src: url('Fonts/7e90123f-e4a7-4689-b41f-6bcfe331c00a.eot?#iefix');
    src: url('Fonts/7e90123f-e4a7-4689-b41f-6bcfe331c00a.eot?#iefix') format('eot'),url('Fonts/e56ecb6d-da41-4bd9-982d-2d295bec9ab0.woff') format('woff'),url('Fonts/2aff4f81-3e97-4a83-9e6c-45e33c024796.ttf') format('truetype'),url('Fonts/ab9cd062-380f-4b53-b1a7-c0bec7402235.svg#ab9cd062-380f-4b53-b1a7-c0bec7402235') format('svg');
}
@font-face{
    font-family: 'Proxima Nova Light';
    src: url('Fonts/93cc6d34-798e-42c8-87d2-fd6391801b63.eot?#iefix');
    src: url('Fonts/93cc6d34-798e-42c8-87d2-fd6391801b63.eot?#iefix') format('eot'),url('Fonts/2fa30669-9bbd-4ced-912f-db94a367ed6c.woff') format('woff'),url('Fonts/c12b3ebb-3771-483f-a84a-ac63d615c28e.ttf') format('truetype'),url('Fonts/2a961063-ea56-4a4b-8cea-bdae32edb0e2.svg#2a961063-ea56-4a4b-8cea-bdae32edb0e2') format('svg');
}
@font-face{
    font-family: 'Proxima Nova Semi';
    src: url('Fonts/87e4b4fc-cdf1-450a-8bed-dd818cba908d.eot?#iefix');
    src: url('Fonts/87e4b4fc-cdf1-450a-8bed-dd818cba908d.eot?#iefix') format('eot'),url('Fonts/70ae52ec-d89b-4c6a-9402-854ebe423c54.woff') format('woff'),url('Fonts/6a35571c-ea14-4dac-9ae1-0e7af0abeec8.ttf') format('truetype'),url('Fonts/ac2bdafc-d4a8-49d0-8a10-4e2f16bf7e3c.svg#ac2bdafc-d4a8-49d0-8a10-4e2f16bf7e3c') format('svg');
}
@font-face{
    font-family: 'Proxima Nova Bold';
    src: url('Fonts/fbc6b03a-b3a1-427c-a884-053deca3a53c.eot?#iefix');
    src: url('Fonts/fbc6b03a-b3a1-427c-a884-053deca3a53c.eot?#iefix') format('eot'),url('Fonts/d999c07b-a049-4eb5-b8a6-4f36ae25e67e.woff') format('woff'),url('Fonts/4d4a75f5-d32a-4a09-8665-133afd39cc37.ttf') format('truetype'),url('Fonts/8152bc4e-d700-4c78-b6be-326893e6f53f.svg#8152bc4e-d700-4c78-b6be-326893e6f53f') format('svg');
}
@font-face {
	font-family: 'icomoon';
	src: url('Fonts/icomoon.eot?-6fpyd1');
	src: url('Fonts/icomoon.eot?#iefix-6fpyd1') format('embedded-opentype'),url('Fonts/icomoon.woff?-6fpyd1') format('woff'),url('Fonts/icomoon.ttf?-6fpyd1') format('truetype'),url('Fonts/icomoon.svg?-6fpyd1#icomoon') format('svg');
}
.icon {
    position: relative;
}
.icon:before {
    display: inline-block;
    font-family: 'icomoon';
    line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.iconKey:before {
	content: '\e608';
    margin: 0 0 0 10px;
    font-size: 24px;
}
.iconKeyActive:before {
    color: #ed8b00;
}
.iconSearch:before {
	content: '\e606';
    float: right;
    margin: 0 0 0 10px;
    font-size: 24px;
}
.iconMenu:before {
	content: '\e607';
    font-size: 24px;
}
.iconArrowLeft:before {
	content: '\e60b';
    font-size: 12px;
}
.iconArrowRight:before {
	content: '\e60c';
    font-size: 12px;
}
.iconArrowDown:before {
    content: '\e611';
    font-size: 18px;
}
.iconArrowUp:before {
    content: '\e604';
    font-size: 18px;
}
.iconFlip:before {
	content: '\e609';
    font-size: 20px;
    color: #fff;
}
.iconNavigateUp:before {
	content: '\e600';
}
.iconNavigateDown:before {
	content: '\e601';
}
.iconNavigateLeft:before {
	content: '\e602';
    font-size: 25px;
}
.iconNavigateRight:before {
	content: '\e60a';
    font-size: 25px;
}
.iconClock:before {
	content: '\e612';
    margin: 2px 6px 0 0;
    color: #aca2a0;
}
.iconEmail:before {
	content: '\e610';
    font-size: 22px;
}
.iconPhone:before {
	content: '\e60f';
    font-size: 28px;
}
.iconRss:before {
    content: '\e61b';
    margin: 0 10px 0 0;
    font-size: 18px;
}
.iconExternalLink:before {
	content: '\e617';
}
.iconFilters:before {
    content: '\e61a';
    margin: 0 15px 0 0;
    font-size: 18px;
}
.iconTick:before {
	content: '\e619';
    font-size: 20px;
}
.iconPlay:before {
	content: '\e61c';
}
.iconPlus:before {
	content: '\e618';
    margin: 0 8px 0 0;
    font-size: 16px;
}
.iconQuoteLeft:before {
	content: '\e60d';
    color: #6f263d;
    font-size: 37px;
}
.iconQuoteRight:before {
	content: '\e60e';
    color: #6f263d;
    font-size: 37px;
}
.iconFacebook:before {
    content: '\e613';
}
.iconTwitter:before {
    content: '\e614';
}
.iconYoutube:before {
	content: '\e615';
}
.iconGooglePlus:before {
    content: '\e616';
}
.iconLinkedIn:before {
    content: '\e603';
}
.iconPinterest:before {
    content: '\e61d';
}
.iconInstagram:before {
    content: '\e605';
}
/**************************************************************************************************
*	Global styles
**************************************************************************************************/
html {
	background: #e8e6df;
	color: #333132;
	font: 62.5%/1.375 'Proxima Nova', Arial, Helvetica, sans-serif;
    overflow-x: hidden;
}
h1 {
    margin: 0 0 0.6em 0;
    font: 3.8em/1.16 'Proxima Nova Light', Arial, Helvetica, sans-serif;
}
h2 {
    margin: 0 0 0.4em 0;
    font: 3.2em/1 'Proxima Nova Light', Arial, Helvetica, sans-serif;
}
h3 {
    margin: 0 0 0.6em 0;
    font: 2.8em/1 'Proxima Nova Light', Arial, Helvetica, sans-serif;
}
h4 {
    margin: 0 0 1em 0;
    font: 2.2em/1 'Proxima Nova Light', Arial, Helvetica, sans-serif;
}
p,
.contentList, div.voucher, div.voucher-notes {
	margin: 0 0 22px 0;
    font-size: 1.6em;
}
.contentList ul {
    font-size: 1em;
}
.contentList li {
    padding: 0 0 22px 0;
}
a {
    color: #ba0c2f;
}
.secondaryLink {
    color: #6f263d;
}
a:hover {
	text-decoration: none;
}
img {
    display: block;
	max-width: 100%;
}
strong,
.semi {
    font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
}
.bold {
    font-family: 'Proxima Nova Bold', Arial, Helvetica, sans-serif;
}
hr {
    background: #d6d2c4;
    border: 0;
    margin: 0 0 22px 0;
    height: 1px;
    color: #d6d2c4;
}
[hidden],
.hidden {
    display: none;
}
.invisible {
    visibility: hidden;
}
.pageWrap {
    position: relative;
    height: 100%;
    width: 100%;
}
.siteContainer {
    background: #e8e6df;
    position: relative;
    left: 0;
    -moz-transition: left 1s ease;
    -o-transition: left 1s ease;
    -webkit-transition: left 1s ease;
    transition: left 1s ease;
}
.siteContainer.sideNavVisible {
    box-shadow: 0 0 70px 0 rgba(0, 0, 0, 0.5);
    left: -76.5625%;
}
.wrapper {
	margin: 0 auto;
    padding: 0 20px;
	max-width: 1265px;
	width:1265px;
}
.inlineList li {
    float: left;
    padding: 0 0 0 25px;
}
.inlineList li:first-child {
    padding: 0;
}
.contentList.squareList {
    margin-left: 15px;
}
.squareList li:before {
    content: '';
    background: #ba0c2f;
    float: left;
    margin: 8px 10px 0 -15px;
    height: 6px;
    width: 6px;
}
.dashedList:before {
    content: '-';
    float: left;
    margin: 0 5px 0 0;
}
.contentBox {
    background: #fff;
    padding: 22px 25px;
}
/**************************************************************************************************
*	Column layouts
**************************************************************************************************/
.colList {
    margin: 0 -13px 0 -12px;
}
.col {
    float: left;
    position: relative;
    margin-bottom: 22px;
    padding: 0 13px 0 12px;
}
.twoCol > .col {
    width: 50%
}
.threeCol > .col {
    width: 33.3333333333%
}
.fourCol > .col {
    width: 25%;
}
.sixCol > .col {
    width: 16.6666666667%;
}
.eightCol > .col {
    width: 12.5%;
}
.twoCol > .col:nth-child(2n+1),
.threeCol > .col:nth-child(3n+1),
.fourCol > .col:nth-child(4n+1),
.sixCol > .col:nth-child(6n+1),
.eightCol > .col:nth-child(8n+1) {
    clear: both;
}
/**************************************************************************************************
*	Header
**************************************************************************************************/
.globalHeader {
    margin: 0 0 22px 0;
}
.globalHeader a,
.drawer label,
.drawer p {
    color: #fff;
}
.drawer {
    background: #333132;
    padding: 0 20px;
    height: 0;
    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.94);
    overflow: hidden;
    -moz-transition: height 0.5s linear;
    -o-transition: height 0.5s linear;
    -webkit-transition: height 0.5s linear;
    transition: height 0.5s linear;
}
.drawer.openDrawer {
    height: 88px;
}
.drawer .wrapper {
    position: relative;
    margin-top: 22px;
}
.drawer .loggedInUser p {
    margin: 0 0 0 25px;
    font-size: 1.7em;
    line-height: 50px;
}
.drawer .loggedInUser li {
    float: left;
    font-size: 1.7em;
    line-height: 50px;
}
.drawer .loggedInUser a {
    border-left: 1px solid #978c87;
    display: inline-block;
    margin: 0 0 0 21px;
    padding: 0 0 0 25px;
    line-height: 30px;
}
.siteSearch,
.fellowLogin {
    position: absolute;
    top: 0;
    right: 0;
}
#siteSearch {
    background: #fff;
    border: 0;
    width: 400px;
}
.loginLabel {
    font-size: 1.7em;
    line-height: 44px;
}
.fellowLogin .textbox {
    width: 275px;
}
.fellowLogin .btn {
    margin: 0 30px 0 0;
    min-width: 0;
}
.forgotPass {
    font-size: 1.6em;
}
.headerContainer {
    background: #ba0c2f;
    position: relative;
    padding: 22px 0;
    z-index: 20;
}
.headerLogo {
    background: url(../../images/redesign/logo.png) no-repeat left top;
    height: 26px;
    width: 389px;
    text-indent: -9999px;
}
.activeTopLink {
    background-color: #333132;
    border-radius: 0 0 5px 5px;
    display: block;
    margin: -22px -12px -12px -12px;
    padding: 22px 12px 20px 12px;
}
/**************************************************************************************************
*	Footer
**************************************************************************************************/
.shareLinks {
    border-right: 1px solid #d6d2c4;
    margin: 0;
    width: 50%;
    font-size: 2.2em;
    line-height: 2;
}
.shareLinks a {
    display: inline-block;
    position: relative;
    top: 2px;
    margin: 0 0 0 30px;
    width: 30px;
    color: #333132;
    font-size: 24px;
    text-align: center;
    text-decoration: none;
    -moz-transition: color 0.15s linear;
    -o-transition: color 0.15s linear;
    -webkit-transition: color 0.15s linear;
    transition: color 0.15s linear;
}
.shareLinks a:hover {
    color: #ba0c2f;
}
.shareLinks .iconFacebook {
    margin: 0;
}
.globalFooter {
    margin: 44px 0 22px 0;
    padding: 0 20px;
    text-align: center;
}
.footerLogo {
    margin: 33px auto;
}
.crest {
    margin: 44px auto 33px auto;
}
.globalFooter .crest {
    height: 125px;
    width: 120px;
}
.globalFooter p {
    color: #6e6662;
    font-size: 1.5em;
    line-height: 22px;
}
.globalFooter a {
    color: #333132;
    text-decoration: none;
}
.globalFooter p a:hover {
    text-decoration: underline;
}
.globalFooter .connectLinks {
    font-size: 1.5em;
}
.connectLinks a {
    display: inline-block;
    position: relative;
    top: 2px;
    margin: 0 0 0 5px;
    color: #333132;
    font-size: 18px;
}
.connectLinks a:hover {
    text-decoration: none;
}
.backToTop {
    display: inline-block;
    font-size: 1.5em;
}
.backToTop:hover span {
    text-decoration: underline;
}
.backToTop:before {
    display: block;
    margin: 0 0 11px 0;
    color: #aca2a0;
    text-align: center;
}
/**************************************************************************************************
*	Navigation
**************************************************************************************************/
#offScreenNav {
    background: #333132;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 76.5625%;
    font-size: 1.8em;
}
#offScreenNav > ul > li {
    border-bottom: 1px solid #3c393a;
}
#offScreenNav a {
    border-bottom: 1px solid #252425;
    display: block;
    padding: 10px 25px;
    color: #fff;
    text-decoration: none;
}
#offScreenNav a:hover {
    text-decoration: underline;
}
#offScreenNav .active {
    background: #6f263d;
    font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
}
#offScreenNav .active a {
    border: 0;
}
#offScreenNav .open {
    background: #252425;
}
#offScreenNav .open > a {
    font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
}
#offScreenNav .open .level2Menu {
    display: block;
}
#offScreenNav .level2Menu a {
    padding: 10px 40px;
    border: 0;
}
#offScreenNav .level2Menu .active a {
    border-top: 1px solid #531c2e;
    border-bottom: 1px solid #3c393a;
}
#offScreenNav .loggedInUser img {
    margin: 22px 15px 22px 25px;
}
#offScreenNav .loggedInUser p {
    margin: 22px 0 0 0;
    width: 130px;
    color: #fff;
    font-size: 1em;
    font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
}
#offScreenNav .loggedInUser ul {
    clear: both;
    font-size: 0.888em;
}
#offScreenNav .user,
#offScreenNav .loggedInUser ul li {
    background: #252425;
    border-bottom: 1px solid #3c393a;
    width: 100%;
}
#offScreenNav .loggedInUser a {
    border-bottom: 1px solid #121112;
}
#offScreenNav .iconKey:before {
    position: absolute;
    right: -30px;
}
#offScreenNav .crest {
    height: 159px;
    width: 153px;
}
.fellowLoginOffScreen {
    padding: 11px 25px;
    font-size: 0.555em;
}
.fellowLoginOffScreen .textbox,
.fellowLoginOffScreen .btn {
    margin: 0 0 22px;
    width: 100%;
}
.fellowLoginOffScreen label {
    color: #fff;
}
#offScreenNav .fellowLoginOffScreen .forgotPass {
    margin: 22px 0 11px 0;
    padding: 0;
}
.topLinks a {
    display: block;
    font-size: 1.5em;
    text-decoration: none;
}
.topLinks a:hover {
    text-decoration: underline;
}
.topLinks .iconKey:before {
    float: right;
}
#mainNav {
    margin: 27px 0 0 0;
    font-size: 1.8em;
}
#mainNav ul {
    margin: 0 0 0 25px;
}
#mainNavLevel2 {
    background: #6f263d;
    position: relative;
    margin: -2.75em 0 0 0;
    font-size: 1.6em;
    z-index: 10;
    -moz-transition: margin 0.4s linear;
    -o-transition: margin 0.4s linear;
    -webkit-transition: margin 0.4s linear;
    transition: margin 0.4s linear;
}
#mainNavLevel2.open {
    margin: 0;
}
#mainNav a,
#mainNavLevel2 a {
    display: block;
    text-decoration: none;
}
#mainNav a:hover,
#mainNavLevel2 a:hover {
    text-decoration: underline;
}
#mainNav .active a,
#mainNavLevel2 .active a {
    font-family: 'Proxima Nova Bold', Arial, Helvetica, sans-serif;
    text-decoration: underline;
}
.level2Menu,
.overflowMenu {
    display: none;
}
#mainNavLevel2 .level2Menu li {
    line-height: 2.75;
}
.overflowMenu {
    position: relative;
    width: 100px;
}
.overflowMenu .overflowAccordion {
    background: #882f4c;
    padding: 0 20px;
    line-height: 2.75;
}
.overflowAccordion:before {
    float: right;
    margin: 16px 0 0 0;
    font-size: 11px;
}
.overflowAccordion.open:before {
    content: '\e600';
}
.overflowMenu ul {
    background: #882f4c;
    position: absolute;
    right: 0;
    width: 225px;
}
.overflowMenu ul a {
    border-top: 1px solid #6f263d;
    padding: 5px 25px;
}
.overflowMenu li:first-child a {
    border: 0;
}
#sideNav a {
    display: block;
    font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
}
#sideNav ul {
    font-size: 2em;
}
#sideNav > ul > li > a {
    padding: 10px 0;
}
#sideNav > ul > li:first-child > a {
    padding-top: 0;
}
#sideNav ul ul {
    font-size: 1.6rem;
}
#sideNav ul ul a {
    padding: 15px 0;
}
#sideNav .active {
    background: #e0dcdb;
    padding: 15px;
}
#sideNav .active a {
    padding: 5px 0;
}
#sideNav .active ul a {
    padding-left: 25px;
}
#sideNav .iconNavigateLeft {
    color: #333132;
    text-decoration: none;
    cursor: default;
}
#sideNav .iconNavigateLeft:before {
    position: relative;
    top: 2px;
    padding: 0 12px 0 0;
    font-size: 18px;
}
#sideNav .active ul .iconNavigateLeft {
    padding-left: 0;
}
/*#sideNav li {
    border-bottom: 1px solid #e0dcdb;
}*/
/**************************************************************************************************
*	Card flips
**************************************************************************************************/
.flipContainer {
    float: left;
    position: relative;
    height: 308px;
    width: 100%;
    -moz-perspective: 800px;
    -ms-perspective: 800px;
    -webkit-perspective: 800px;
    perspective: 800px;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.flip {
    position: relative;
    height: 100%;
    width: 100%;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -moz-transition: transform 0.6s linear;
    -o-transition: transform 0.6s linear;
    -webkit-transition: transform 0.6s linear;
    transition: transform 0.6s linear;
}
.flip > li {
    outline: 1px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    color: #fff;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transition: transform 0.6s linear;
    -o-transition: transform 0.6s linear;
    -webkit-transition: transform 0.6s linear;
    transition: transform 0.6s linear;
}
.front {
    background: #ba0c2f;
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 2;
}
.back {
    background: #333132;
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    z-index: 1;
}
.toggleFlip {
    float: right;
    padding: 10px 0;
    height: 40px;
    width: 50px;
    z-index: 20;
    text-align: center;
    text-decoration: none;
}
.front .toggleFlip {
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.3;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* Required for IE8 and below only */
}
.front .toggleFlip:before {
    color: #524d49;
}
.flip.reverseY .front {
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.flip.reverseY .back {
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 4;
}
.flip.hoveredY {
    -moz-transform: rotateY(5deg);
    -ms-transform: rotateY(5deg);
    -o-transform: rotateY(5deg);
    -webkit-transform: rotateY(5deg);
    transform: rotateY(5deg);
}
.flip.reverseY.hoveredY {
    -moz-transform: rotateY(-5deg);
    -ms-transform: rotateY(-5deg);
    -o-transform: rotateY(-5deg);
    -webkit-transform: rotateY(-5deg);
    transform: rotateY(-5deg);
}
.interacted {
    z-index: 10;
}
.flipContent {
    padding: 10px;
}
.front .flipContent {
    background: #ba0c2f;
    height: 88px;
}
.flipHighlight {
    background: #6f263d;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    line-height: 44px;
    text-align: center;
}
.back ul {
    margin-top: -0.5em;
    margin-bottom: 0.5em;
}
.back li {
    padding: 0 0 0.5em 0;
}
.back li:before {
    background: #fff;
}
/* card variations */
.eventCard .flipHighlight {
    right: 12px;
    bottom: 22px;
    left: 12px;
}
.eventCard .front .toggleFlip {
    background: 0;
    position: relative;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* Required for IE8 and below only */
}
.eventCard .front .toggleFlip:before {
    color: #fff;
}
.fellowCard {
    margin: 0 25px 0 0;
    width: 175px;
}
.fellowCard .flip.hoveredY {
    -moz-transform: rotateY(10deg);
    -ms-transform: rotateY(10deg);
    -o-transform: rotateY(10deg);
    -webkit-transform: rotateY(10deg);
    transform: rotateY(10deg);
}
.fellowCard .flip.reverseY.hoveredY {
    -moz-transform: rotateY(-10deg);
    -ms-transform: rotateY(-10deg);
    -o-transform: rotateY(-10deg);
    -webkit-transform: rotateY(-10deg);
    transform: rotateY(-10deg);
}
.fellowCard + .fellowText {
    float: left;
    margin: -308px 0 0 200px;
}
/**************************************************************************************************
*	Rolodex
**************************************************************************************************/
.rolodex {
    position: relative;
    height: 396px;
    width: 100%;
    overflow: hidden;
}
.rolodexControls {
    position: relative;
    height: 100%;
    width: 430px;
    z-index: 20;
}
.rolodexControls ul {
    position: absolute;
    top: -22px;
    left: 80px;
    width: 350px;
    -moz-transition: top linear 1s;
    -o-transition: top linear 1s;
    -webkit-transition: top linear 1s;
    transition: top linear 1s;
}
.rolodexControls li {
    float: left;
    clear: both;
    padding: 11px 0;
    width: 100%;
}
.rolodexControls li a {
    background: #6f263d;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    height: 66px;
    width: 100%;
    color: #fff;
    font-size: 1.8em;
    text-align: center;
    text-decoration: none;
    -moz-transition: all linear 1s;
    -o-transition: all linear 1s;
    -webkit-transition: all linear 1s;
    transition: all linear 1s;
}
.rolodexControls .current a {
    background: #ba0c2f;
}
.rolodexControls .current span {
    position: relative;
}
.rolodexControls .current span:before {
    content: '\e60a';
    position: absolute;
    right: -25px;
    display: inline-block;
    font-family: 'icomoon';
    line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    font-size: 25px;
}
.rolodexControls .prev,
.rolodexControls .next {
    background: #333132;
    position: absolute;
    left: 0;
    padding: 15px 0;
    height: 48px;
    width: 53px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}
.rolodexControls .prev {
    top: 0;
}
.rolodexControls .next {
    bottom: 0;
}
.rolodexControls .prev:before,
.rolodexControls .next:before {
    font-size: 18px;
}
/*.rolodexContent li {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.rolodexContent .current {
    z-index: 2;
}*/
.rolodexContent {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
.rolodexContent li {
    display: none;
}
.rolodexContent .current {
    display: block;
}
.rolodexContent img {
    max-width: none;
}
.rolodexOverlay {
    right: 50px;
}
/**************************************************************************************************
*	Slideable content
**************************************************************************************************/
.slideableWrapper {
    position: relative;
    margin: -22px 0 0 0;
    padding: 22px 0;
	height: 352px;
    width: 100%;
	overflow: hidden;
}
.slideable {
    position: absolute;
    left: 0;
    -moz-transition: left 1s ease-in-out;
    -o-transition: left 1s ease-in-out;
    -webkit-transition: left 1s ease-in-out;
    transition: left 1s ease-in-out;
}
.slideable .flipContainer:last-child {
    margin-right: 0;
}
.moreItems {
    background: #333132;
    position: absolute;
    top: 22px;
    bottom: 22px;
    width: 175px;
    color: #fff;
    font-size: 2.2em;
    text-align: center;
    text-decoration: none;
    z-index: 50;
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* Required for IE8 and below only */
}
.prevItems {
    left: 0;
}
.nextItems {
    right: 0;
}
.moreItems span {
    display: block;
    margin: 77px 0 0 0;
}
.moreItems span:before {
    display: block;
    margin: 0 0 11px 0;
    text-align: center;
}
/**************************************************************************************************
*	Searches
**************************************************************************************************/
.filter {
    background: #d6d2c4;
    border-radius: 5px;
    float: left;
    margin: 0 25px 22px 0;
    padding: 0 15px;
    width: 200px;
    color: #333132;
    font-size: 1.8em;
    font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
    line-height: 44px;
    text-decoration: none;
    box-shadow: inset 0 -4px #bdb9ad;
}
.filter.iconTick:before {
    float: right;
    margin: 11px 0 0 0;
}
.filterNarrow {
    width: 140px;
}
.filterWide {
    width: 250px;
}
.filter.active {
    background: #6f263d;
    position: relative;
    color: #fff;
    box-shadow: inset 0 4px #4d1a2a;
}
.expandFilters:before {
    content: '\e601';
    margin: 0 15px 0 0;
    font-size: 14px;
}
.expandFilters.active:before {
    content: '\e600';
}
.filterSeparator {
    margin: 11px 0 33px 0;
}
.moreFilters {
    font-size: 16px;
    line-height: 44px;
}
.moreFilters:before {
    position: relative;
    top: 2px;
}
.filterContainer {
    padding: 0 25px 22px 25px;
    width: 76.5957446809%; /* 900px / 1175px */
}
.moreResults p {
    float: left;
    width: 33.3333333333%;
}
/**************************************************************************************************
*	Forms
**************************************************************************************************/
label {
    margin: 0 25px 0 0;
    font-size: 1.6em;
}
.inlineLabel {
    margin: 0 10px 0 0;
}
.mediumLabel {
    margin: 5px 25px 0 0;
    font-size: 2.2em;
    font-family: 'Proxima Nova Light', Arial, Helvetica, sans-serif;
}
.largeLabel {
    margin: 0 0 22px 0;
    font-size: 2.8em;
    font-family: 'Proxima Nova Light', Arial, Helvetica, sans-serif;
    line-height: 44px;
}
.textbox {
    background: #f1edec;
    border: 1px solid #e8e6df;
    border-radius: 5px;
    margin: 0 25px 22px 0;
    padding: 0 15px;
    height: 44px;
    font-size: 1.8em;
}
.textboxJoined {
    border-right: 0;
    border-radius: 5px 0 0 5px;
    margin-right: 0;
}
.datepicker {
    
}
input[type=checkbox] {
    margin: 4px 10px 0 0;
}
.styledSelect {
    background: #f1edec url(../../images/redesign/custom-select.png) no-repeat right top;
    border-radius: 5px;
    position: relative;
    margin: 0 25px 22px 0;
    width: 400px;
    max-width: 100%;
    overflow: hidden;
}
.styledSelect select {
    background: transparent;
    border: 0;
    padding: 11px 15px 10px 15px;
    height: 44px;
    width: 110%;
    font-size: 1.8em;
}
.btn {
    background: #ba0c2f;
    border: 0;
    display: inline-block;
    margin: 0 0 22px 0;
    padding: 13px 30px;
    min-width: 175px;
    color: #fff;
    font-size: 1.8em;
    font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -moz-transition: background 0.15s linear;
    -o-transition: background 0.15s linear;
    -webkit-transition: background 0.15s linear;
    transition: background 0.15s linear;
}
.btn:hover {
    background: #d40d34;
}
.btnSecondary {
    background: #6f263d;
}
.btnSecondary:hover {
    background: #8a2f4c;
}
.btnBordered {
    box-shadow: inset 0 -4px #930015;
}
.btnSecondary.btnBordered {
    box-shadow: inset 0 -4px #4d1a2a;
}
.btnRounded {
    border-radius: 5px;
}
.btnJoined {
    border-radius: 0 5px 5px 0;
    min-width: 0;
    padding: 13px 15px;
}
.btn.iconArrowLeft:before {
    margin: 0 5px 0 0;
}
.signUpForm label {
    font-size: 2.2em;
    line-height: 2;
}
.signUpForm .btn {
    margin: 0;
}
#signUpEmail {
    width: 250px;
}
.searchOptions .textbox {
    width: 275px;
}
.searchOptions .datepicker {
    width: 120px;
}
.pastFellowSearch {
    margin: -22px 0 0 0;
}
.pastFellowSearch .textbox {
    width: 475px;
}
.preSearchContainer {
    display: inline;
    position: relative;
}
.preSearchList {
    position: absolute;
    left: 0;
    margin: -22px 0 0 0;
    width: 275px;
    text-align: left;
    z-index: 5;
}
.preSearchList li {
    background: #fff;
    padding: 10px 15px;
    font-size: 1.8em;
}
.preSearchList li:hover {
    cursor: pointer;
}
/**************************************************************************************************
*	Images
**************************************************************************************************/
.lazyLoad,
.videoContainer {
    background: #e8e6df;
    position: relative;
    height: 0;
    overflow: hidden;
}
.lazyLoad img,
.videoContainer iframe {
    background: #e8e6df;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.lazyLoad {
    padding-bottom: 100%;
}
.homeCard .lazyLoad {
    padding-bottom: 51.3333333333%;
}
.lazyLoad.halfRatio {
    padding-bottom: 48.2580645161%;
}
.lazyLoad.oneThirdRatio {
    padding-bottom: 33.7142857143%;
}
.lazyLoad.fourFifthRatio {
    padding-bottom: 80%;
}
.lazyLoad.twoThirdRatio {
    padding-bottom: 64%;
}
.lazyLoad.threeQuarterRatio {
    padding-bottom: 76.2666666667%;
}
.lazyLoad.noRatio {
    padding-bottom: 0;
    height: auto;
}
.lazyLoad.noRatio img {
    position: relative;
    height: auto;
    width: auto;
}
.videoContainer {
    padding: 5px 0 56.25% 0;
}
.imageContainer {
    display: block;
    position: relative;
    margin: 0 0 10px 0;
}
.imageContainer.iconPlay:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    color: #fff;
    font-size: 60px;
    z-index: 10;
}
.overlayCaption {
    background: #333132;
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    padding: 6px 10px;
    color: #fff;
    font-size: 1.5em;
    z-index: 10;
}
.overlayCaptionTop {
    top: 0;
}
.overlayCaptionBottom {
    bottom: 0;
}
.imageOverlay {
    background: #fff;
    box-shadow: -4px 4px 0 0 rgba(0, 0, 0, 0.17);
    position: absolute;
    top: 44px;
    bottom: 44px;
    padding: 22px 25px;
    width: 350px;
}
.featureImage {
    position: relative;
    overflow: hidden;
}
.featureImage .imageOverlay {
    right: 75px;
}
.spotlight .imageOverlay {
    top: 22px;
    left: 37px;
    bottom: 22px;
    width: 300px;
}
/**************************************************************************************************
*	Tables
**************************************************************************************************/
table {
    margin: 0 0 22px 0;
    font-size: 1.6em;
    width: 100%;
}
.clearTable th {
    padding: 0 11px;
    font-size: 1.125em;
    font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
    text-align: left;
}
.clearTable td {
    padding: 5px 11px;
}
.colouredTable th {
    background: #6f263d;
    padding: 11px;
    color: #fff;
}
.colouredTable td {
    background: #e0dcdb;
    padding: 11px;
    width: 25%;
    text-align: center;
}
/**************************************************************************************************
*	Homepage
**************************************************************************************************/
.statement {
    position: relative;
    overflow: hidden;
}
.statement a {
    color: #333132;
    text-decoration: none;
}
.statement .more {
    height: 0;
    font-size: 16px;
    overflow: hidden;
}
.statement .iconArrowRight:before {
    margin: 0 6px 0 0;
    color: #ba0c2f;
}
.homeCard .toggleFlip {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px 0;
    height: 60px;
    width: 70px;
}
.homeCard .iconFlip:before {
    font-size: 30px;
}
.homeFlipOverlay {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 110px;
    width: 100%;
    font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
}
.homeFlipOverlay a {
    color: #fff;
    font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
}
.homeFlipOverlay .titleOverlay {
    background: #ba0c2f;
    position: relative;
    height: 100%;
    width: 110px;
    z-index: 5;
}
.homeFlipOverlay h2 {
    position: absolute;
    bottom: 0;
    margin: 10px;
    font-size: 1.8em;
    font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
    line-height: 1.2;
}
.homeFlipOverlay .contentOverlay {
    background: #333132;
    background: -moz-linear-gradient(right, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 80%);
    background: -webkit-gradient(linear, right top, left top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(80%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 80%);
    background: -o-linear-gradient(right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 80%);
    background: -ms-linear-gradient(right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 80%);
    background: linear-gradient(to left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );
    position: absolute;
    padding: 10px 20px 10px 120px;
    height: 100%;
    width: 100%;
    text-align: right;
}
.homeFlipOverlay .tagline {
    margin: 0 0 10px 0;
    font-size: 1.5em;
}
.homeFlipOverlay h3 {
    font-size: 2.4em;
}
.homeFlipOverlay .sectionLink {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 10px 20px;
}
.homeFlipOverlay .sectionLink a {
    color: #c7bfbd;
}
.homeFlipOverlay .sectionLink:before {
    float: right;
    margin: 7px 0 0 6px;
    color: #c7bfbd;
}
.homeCard .back {
    background: #ba0c2f;
}
.homeCard .flipContent {
    padding: 22px 25px;
}
.homeFlipLink {
    color: #fff;
    font: 2.2em/1 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
}
.fact {
    display: block;
    font: 5.8em/1 'Proxima Nova Light', Arial, Helvetica, sans-serif;
}
.homeCard .whiteBorder {
    border-right: 1px solid #fff;
}
/**************************************************************************************************
*	Content
**************************************************************************************************/
.backBtn {
    margin: 0 0 0 25px;
}
.blogDate {
    margin: 0 0 6px 0;
}
.podTitle {
    display: block;
    margin: 0 0 10px 0;
    font-size: 1.8em;
    line-height: 1.22;
}
.largeTabs .tabs a {
    background: #d6d2c4;
    display: block;
    padding: 25px 22px;
    font-size: 3.2em;
    font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
    line-height: 44px;
}
.largeTabs .selectedTab a {
    background: #fff;
    box-shadow: 4px 0 0 0 rgba(151, 140, 135, 0.1);
    color: #333132;
    font-family: 'Proxima Nova Light', Arial, Helvetica, sans-serif;
    text-decoration: none;
}
.largeTabs .tabContent {
    box-shadow: 0 -4px 0 0 rgba(151, 140, 135, 0.1);
}
.tabContent .contentBox {
    padding: 44px 25px 0 25px;
}
.shadedBox {
    background: #e0dcdb;
    padding: 22px 15px;
}
.fellowTitle {
    font-size: 2.2em;
    line-height: 1;
}
.electedText {
    display: block;
    font-size: 0.833em;
}
.contactInfo {
    position: relative;
}
.contactInfo .left {
    width: 75px;
}
.contactInfo .right {
    margin: 0 0 0 -75px;
    padding: 0 0 0 75px;
    width: 100%;
    word-wrap: break-word;
}
.contactInfo .iconTwitter:before {
    font-size: 23px;
}
.orcid {
    color: #939598;
}
.orcidGreen {
    color: #a6ce39;
}
.mediaImg {
    width: 20%;
}
.expandableText {
    height: 132px;
    overflow: hidden;
}
.expandableText.expanded {
    height: auto;
}
.toggleExpandable {
    position: relative;
    display: block;
    margin: 0 0 44px 0;
    font-size: 1.8em;
    text-align: center;
}
.toggleExpandable:after {
    content: '';
    border-top: 1px solid #d6d2c4;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
}
.toggleExpandable span {
    background: #fff;
    position: relative;
    padding: 0 20px;
    z-index: 10;
}
.toggleExpandable span:before {
    position: relative;
    top: 2px;
    left: -5px;
    text-decoration: none;
}
.moreTitle {
    padding: 8px 25px 8px 0;
}
.moreLinks li {
    border-left: 1px solid #d6d2c4;
    float: left;
    margin: 0 0 0 25px;
    padding: 0 0 0 25px;
    font-size: 2.2em;
    line-height: 2;
}
.moreLinks li:first-child {
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
}
.moreLinks a {
    color: #6f263d;
}
.illustration,
.pullQuote {
    clear: right;
    padding: 0 0 22px 25px;
}
.oneThirdWidth .illustration,
.oneThirdWidth .pullQuote {
    max-width: none;
}
.eventOverview .illustration {
    max-width: 50%;
}
.illustration .caption {
    display: block;
    margin: 0.75em 0 1em 0;
    font-size: 1.4em;
}
.pullQuote {
    text-align: right;
}
.pullQuote p {
    border-top: 4px solid #e0dcdb;
    margin: 0;
    padding: 12px 0;
    color: #6f263d;
    font-size: 2.4em;
    font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
    line-height: 1.2;
}
.pullQuote footer {
    font-size: 1.6em;
    font-family: 'Proxima Nova Semi', Arial, Helvetica, sans-serif;
}
.quote {
    position: relative;
    padding: 22px 75px;
}
.quote p {
    margin: 0;
    font: 2.2em/1.4 'Proxima Nova Light', Arial, Helvetica, sans-serif;
}
.quote p:before {
    position: absolute;
    top: -14px;
    left: -75px;
}
.quote footer {
    font: 1.7em/1.4 'Proxima Nova Light', Arial, Helvetica, sans-serif;
}
.quote footer:before {
    position: absolute;
    right: -75px;
    bottom: -14px;
}

#hw_ac_activation_form table#hw_ac_self_activation h2{
 font-size:32px;
}

#hw_ac_activation_form table#hw_ac_self_activation input, #hw_ac_activation_form table#hw_ac_self_activation .textbox{
 font-size:18px;
}

#hw_ac_activation_form table#hw_ac_self_activation td{
  font-size:16px;
}

#hw_ac_activation_form table#hw_ac_self_activation .pastFellowSearch .textbox{
   width:350px;
}


.hw_ac_error{
  color:#ba0c2f;
}

.custButtons{
   font-size:18px;
}

input[type="text"].textbox{
   font-size:18px;
}

label{
  font-size:16px;
}

#changeuserinfo td{
  vertical-align: middle;
  width:956px;
}

#changeuserinfo table tr p{
   font-size:16px;
}

#changeuserinfo table th{
   margin-top:11px;
}

#changeuserinfo strong, #changeuserinfo dd, #subscriptions dd{
  font-size:16px;
}

code {
    font-family: monospace;
}

/*Login Page CSS Changes*/
form[name='UserSignIn'] tr:nth-child(even) {
  background:transparent;
}


p.login_page_links{
  font-size:16px;
}

input[name='signin'].submit{
  font-size:18px;
}

.boldText{
  font-weight:700;
}

input[name="sendit"]{
  font-size:18px;
}

p.hw_ac_error.cust_error{
  font-size:16px;
}

ul.hw_ac_error.cust_error{
  font-size:16px;
}