#autocomplete{border:1px solid;overflow:hidden;position:absolute;z-index:100;}#autocomplete ul{list-style:none;list-style-image:none;margin:0;padding:0;}#autocomplete li{background:#fff;color:#000;cursor:default;white-space:pre;zoom:1;}html.js input.form-autocomplete{background-image:url(/misc/throbber.gif);background-position:100% 2px;background-repeat:no-repeat;}html.js input.throbbing{background-position:100% -18px;}html.js fieldset.collapsed{border-bottom-width:0;border-left-width:0;border-right-width:0;height:1em;}html.js fieldset.collapsed .fieldset-wrapper{display:none;}fieldset.collapsible{position:relative;}fieldset.collapsible .fieldset-legend{display:block;}.form-textarea-wrapper textarea{display:block;margin:0;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}.resizable-textarea .grippie{background:#eee url(/misc/grippie.png) no-repeat center 2px;border:1px solid #ddd;border-top-width:0;cursor:s-resize;height:9px;overflow:hidden;}body.drag{cursor:move;}.draggable a.tabledrag-handle{cursor:move;float:left;height:1.7em;margin-left:-1em;overflow:hidden;text-decoration:none;}a.tabledrag-handle:hover{text-decoration:none;}a.tabledrag-handle .handle{background:url(/misc/draggable.png) no-repeat 6px 9px;height:13px;margin:-0.4em 0.5em;padding:0.42em 0.5em;width:13px;}a.tabledrag-handle-hover .handle{background-position:6px -11px;}div.indentation{float:left;height:1.7em;margin:-0.4em 0.2em -0.4em -0.4em;padding:0.42em 0 0.42em 0.6em;width:20px;}div.tree-child{background:url(/misc/tree.png) no-repeat 11px center;}div.tree-child-last{background:url(/misc/tree-bottom.png) no-repeat 11px center;}div.tree-child-horizontal{background:url(/misc/tree.png) no-repeat -11px center;}.tabledrag-toggle-weight-wrapper{text-align:right;}table.sticky-header{background-color:#fff;margin-top:0;}.progress .bar{background-color:#fff;border:1px solid;}.progress .filled{background-color:#000;height:1.5em;width:5px;}.progress .percentage{float:right;}.ajax-progress{display:inline-block;}.ajax-progress .throbber{background:transparent url(/misc/throbber.gif) no-repeat 0px -18px;float:left;height:15px;margin:2px;width:15px;}.ajax-progress .message{padding-left:20px;}tr .ajax-progress .throbber{margin:0 2px;}.ajax-progress-bar{width:16em;}.container-inline div,.container-inline label{display:inline;}.container-inline .fieldset-wrapper{display:block;}.nowrap{white-space:nowrap;}html.js .js-hide{display:none;}.element-hidden{display:none;}.element-invisible{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);overflow:hidden;height:1px;}.element-invisible.element-focusable:active,.element-invisible.element-focusable:focus{position:static !important;clip:auto;overflow:visible;height:auto;}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}* html .clearfix{height:1%;}*:first-child + html .clearfix{min-height:1%;}
div.messages{background-position:8px 8px;background-repeat:no-repeat;border:1px solid;margin:6px 0;padding:10px 10px 10px 50px;}div.status{background-image:url(/misc/message-24-ok.png);border-color:#be7;}div.status,.ok{color:#234600;}div.status,table tr.ok{background-color:#f8fff0;}div.warning{background-image:url(/misc/message-24-warning.png);border-color:#ed5;}div.warning,.warning{color:#840;}div.warning,table tr.warning{background-color:#fffce5;}div.error{background-image:url(/misc/message-24-error.png);border-color:#ed541d;}div.error,.error{color:#8c2e0b;}div.error,table tr.error{background-color:#fef5f1;}div.error p.error{color:#333;}div.messages ul{margin:0 0 0 1em;padding:0;}div.messages ul li{list-style-image:none;}

.container-inline-date{clear:both;}.container-inline-date .form-item{float:none;margin:0;padding:0;}.container-inline-date > .form-item{display:inline-block;margin-right:0.5em;margin-bottom:10px;vertical-align:top;}.container-inline-date .form-item .form-item{float:left;}.container-inline-date .form-item,.container-inline-date .form-item input{width:auto;}.container-inline-date .description{clear:both;}.container-inline-date .form-item input,.container-inline-date .form-item select,.container-inline-date .form-item option{margin-right:5px;}.container-inline-date .date-spacer{margin-left:-5px;}.views-right-60 .container-inline-date div{margin:0;padding:0;}.container-inline-date .date-timezone .form-item{clear:both;float:none;width:auto;}.container-inline-date .date-padding{padding:10px;float:left;}.views-exposed-form .container-inline-date .date-padding{padding:0;}#calendar_div,#calendar_div td,#calendar_div th{margin:0;padding:0;}#calendar_div,.calendar_control,.calendar_links,.calendar_header,.calendar{border-collapse:separate;margin:0;width:185px;}.calendar td{padding:0;}span.date-display-single{}span.date-display-start{}span.date-display-end{}.date-prefix-inline{display:inline-block;}.date-clear{clear:both;display:block;float:none;}.date-no-float{clear:both;float:none;width:98%;}.date-float{clear:none;float:left;width:auto;}.date-float .form-type-checkbox{padding-right:1em;}.form-type-date-select .form-type-select[class$=hour]{margin-left:.75em;}.date-container .date-format-delete{float:left;margin-top:1.8em;margin-left:1.5em;}.date-container .date-format-name{float:left;}.date-container .date-format-type{float:left;padding-left:10px;}.date-container .select-container{clear:left;float:left;}div.date-calendar-day{background:#F3F3F3;border-top:1px solid #EEE;border-left:1px solid #EEE;border-right:1px solid #BBB;border-bottom:1px solid #BBB;color:#999;float:left;line-height:1;margin:6px 10px 0 0;text-align:center;width:40px;}div.date-calendar-day span{display:block;text-align:center;}div.date-calendar-day span.month{background-color:#B5BEBE;color:white;font-size:.9em;padding:2px;text-transform:uppercase;}div.date-calendar-day span.day{font-size:2em;font-weight:bold;}div.date-calendar-day span.year{font-size:.9em;padding:2px;}.form-item.form-item-instance-widget-settings-input-format-custom,.form-item.form-item-field-settings-enddate-required{margin-left:1.3em;}#edit-field-settings-granularity .form-type-checkbox{margin-right:.6em;}.date-year-range-select{margin-right:1em;}
#ui-datepicker-div{font-size:100%;font-family:Verdana,sans-serif;background:#eee;border-right:2px #666 solid;border-bottom:2px #666 solid;z-index:9999;}.ui-datepicker{width:17em;padding:.2em .2em 0;}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0;}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em;}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px;}.ui-datepicker .ui-datepicker-prev{left:2px;}.ui-datepicker .ui-datepicker-next{right:2px;}.ui-datepicker .ui-datepicker-prev-hover{left:1px;}.ui-datepicker .ui-datepicker-next-hover{right:1px;}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px;}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center;}.ui-datepicker .ui-datepicker-title select{float:left;font-size:1em;margin:1px 0;}.ui-datepicker select.ui-datepicker-month-year{width:100%;}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%;}.ui-datepicker .ui-datepicker-title select.ui-datepicker-year{float:right;}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em;}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0;}.ui-datepicker td{border:0;padding:1px;}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none;}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0;}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible;}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left;}.ui-datepicker.ui-datepicker-multi{width:auto;}.ui-datepicker-multi .ui-datepicker-group{float:left;}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em;}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%;}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%;}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%;}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header{border-left-width:0;}.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0;}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left;}.ui-datepicker-row-break{clear:both;width:100%;}.ui-datepicker-rtl{direction:rtl;}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto;}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto;}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto;}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto;}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right;}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left;}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current{float:right;}.ui-datepicker-rtl .ui-datepicker-group{float:right;}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header{border-right-width:0;border-left-width:1px;}.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px;}
.field .field-label{font-weight:bold;}.field-label-inline .field-label,.field-label-inline .field-items{float:left;}form .field-multiple-table{margin:0;}form .field-multiple-table th.field-label{padding-left:0;}form .field-multiple-table td.field-multiple-drag{width:30px;padding-right:0;}form .field-multiple-table td.field-multiple-drag a.tabledrag-handle{padding-right:.5em;}form .field-add-more-submit{margin:.5em 0 0;}
.node-unpublished{background-color:#fff4f4;}.preview .node{background-color:#ffffea;}td.revision-current{background:#ffc;}
.search-form{margin-bottom:1em;}.search-form input{margin-top:0;margin-bottom:0;}.search-results{list-style:none;}.search-results p{margin-top:0;}.search-results .title{font-size:1.2em;}.search-results li{margin-bottom:1em;}.search-results .search-snippet-info{padding-left:1em;}.search-results .search-info{font-size:0.85em;}.search-advanced .criterion{float:left;margin-right:2em;}.search-advanced .action{float:left;clear:left;}
#permissions td.module{font-weight:bold;}#permissions td.permission{padding-left:1.5em;}#permissions tr.odd .form-item,#permissions tr.even .form-item{white-space:normal;}#user-admin-settings fieldset .fieldset-description{font-size:0.85em;padding-bottom:.5em;}#user-admin-roles td.edit-name{clear:both;}#user-admin-roles .form-item-name{float:left;margin-right:1em;}.password-strength{width:17em;float:right;margin-top:1.4em;}.password-strength-title{display:inline;}.password-strength-text{float:right;font-weight:bold;}.password-indicator{background-color:#C4C4C4;height:0.3em;width:100%;}.password-indicator div{height:100%;width:0%;background-color:#47C965;}input.password-confirm,input.password-field{width:16em;margin-bottom:0.4em;}div.password-confirm{float:right;margin-top:1.5em;visibility:hidden;width:17em;}div.form-item div.password-suggestions{padding:0.2em 0.5em;margin:0.7em 0;width:38.5em;border:1px solid #B4B4B4;}div.password-suggestions ul{margin-bottom:0;}.confirm-parent,.password-parent{clear:left;margin:0;width:36.3em;}.profile{clear:both;margin:1em 0;}.profile .user-picture{float:right;margin:0 1em 1em 0;}.profile h3{border-bottom:1px solid #ccc;}.profile dl{margin:0 0 1.5em 0;}.profile dt{margin:0 0 0.2em 0;font-weight:bold;}.profile dd{margin:0 0 1em 0;}
.views-exposed-form .views-exposed-widget{float:left;padding:.5em 1em 0 0;}.views-exposed-form .views-exposed-widget .form-submit{margin-top:1.6em;}.views-exposed-form .form-item,.views-exposed-form .form-submit{margin-top:0;margin-bottom:0;}.views-exposed-form label{font-weight:bold;}.views-exposed-widgets{margin-bottom:.5em;}.views-align-left{text-align:left;}.views-align-right{text-align:right;}.views-align-center{text-align:center;}.views-view-grid tbody{border-top:none;}.view .progress-disabled{float:none;}
.rteindent1{margin-left:40px;}.rteindent2{margin-left:80px;}.rteindent3{margin-left:120px;}.rteindent4{margin-left:160px;}.rteleft{text-align:left;}.rteright{text-align:right;}.rtecenter{text-align:center;}.rtejustify{text-align:justify;}.ibimage_left{float:left;}.ibimage_right{float:right;}

.ctools-locked{color:red;border:1px solid red;padding:1em;}.ctools-owns-lock{background:#FFFFDD none repeat scroll 0 0;border:1px solid #F0C020;padding:1em;}a.ctools-ajaxing,input.ctools-ajaxing,button.ctools-ajaxing,select.ctools-ajaxing{padding-right:18px !important;background:url(https://giving.mskcc.org/sites/all/modules/contrib/ctools/images/status-active.gif) right center no-repeat;}div.ctools-ajaxing{float:left;width:18px;background:url(https://giving.mskcc.org/sites/all/modules/contrib/ctools/images/status-active.gif) center center no-repeat;}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html,
body,
div,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
ol,
ul,
li,
form,
legend,
label,
table,
header,
footer,
nav,
section,
figure {
    margin: 0;
    padding: 0
}

header,
footer,
nav,
section,
article,
hgroup,
figure {
    display: block
}

a,
img {
    border: none;
    outline: none
}

.cf {
    *zoom: 1
}

.cf:before,
.cf:after {
    content: " ";
    display: table
}

.cf:after {
    clear: both
}

.is-hidden {
    display: none !important;
    visibility: hidden !important
}

.is-vishidden,
.element-invisible {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px)
}

.right {
    float: right;
    padding: 0 0 1em 1em
}

.right-search {
    float: right;
    padding: 0 0 1em 0
}

.left {
    float: left;
    padding: 0 1em 1em 0
}

.align-right {
    text-align: right
}

.align-center {
    text-align: center
}

.align-left {
    text-align: left
}

@media (max-width:479px) {
    .hide-small {
        display: none
    }
}

@media (min-width:480px) and (max-width:767px) {
    .hide-med {
        display: none
    }
}

@media (min-width:768px) {
    .hide-large {
        display: none
    }
}

.valid {
    color: #089e00
}

.error {
    color: red
}

.warning {
    color: #fff664
}

.information {
    color: #000db5
}

.font-primary-light {
    font-family: "open_sans", sans-serif;
    font-weight: 100
}

.font-primary-italic {
    font-family: "open_sans", sans-serif;
    font-weight: 100;
    font-style: italic
}

.font-primary-regular {
    font-family: "open_sans", sans-serif;
    font-weight: normal;
    font-style: normal
}

.font-secondary {
    font-family: Georgia, Times, "Times New Roman", serif
}

.clearfix {
    clear: both
}

.bleed-orange {
    background: #f26529;
    border-bottom: 4px solid #ff9c2e
}

.blue-bdr img {
    border-top: 4px solid #2986e2
}

.text-btn {
    color: #2986e2
}

.text-btn:hover {
    color: #1760a8
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff
}

body {
    background: white;
    font: 100%/1.5 "open_sans", sans-serif;
    -webkit-text-size-adjust: 100%;
    color: #737373
}

a {
    color: #2986e2;
    text-decoration: none;
    outline: 0
}

a:hover,
a:focus {
    color: #1760a8
}

h1,
.alpha {
    line-height: 1.2
}

h2,
.beta {
    line-height: 1.2
}

h3,
.gamma {
    line-height: 1.2
}

.subheading {
    font-family: Georgia, Times, "Times New Roman", serif;
    font-weight: normal
}

h1,
h2,
h3,
h4 {
    font-family: "open_sans", sans-serif;
    line-height: normal;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 0.25em;
    clear: both;
    font-weight: 100
}

h1 {
    font-size: 2.25em
}

@media (min-width:768px) {
    h1 {
        font-size: 2.5em
    }
}

h2 {
    font-size: 1.75em;
    line-height: 1em
}

@media (min-width:768px) {
    h2 {
        font-size: 2em
    }
}

h3 {
    font-size: 1.5em
}

h4 {
    font-size: 1em
}

p {
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 1em
}

blockquote {
    padding: 2em 2em 2em 0
}

blockquote:before {
    content: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/blockquote_gray.svg) no-repeat;
    height: 50px;
    width: 50px;
    float: left
}

blockquote p {
    color: #737373;
    padding-left: 65px;
    margin-bottom: 1.5em
}

blockquote p:after {
    color: #737373;
    content: "\201D";
    font-family: "open_sans", sans-serif;
    font-size: 30px;
    display: inline;
    line-height: 1px;
    position: relative;
    top: 5px
}

blockquote .citation {
    color: #737373;
    float: right;
    text-align: right;
    margin-top: 1em
}

blockquote cite {
    padding-left: 65px;
    color: white;
    font-style: normal
}

.region-content-bottom blockquote {
    padding: 0 2em 2em 0
}

blockquote + p .btn,
blockquote + p .search-form input[type="submit"],
.search-form blockquote + p input[type="submit"],
blockquote + p .newsletter input[type="submit"],
.newsletter blockquote + p input[type="submit"] {
    margin-left: 65px;
    margin-bottom: 10px
}

blockquote.orange:before {
    content: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/blockquote.svg) no-repeat;
    height: 50px;
    width: 50px;
    float: left
}

blockquote.orange p {
    color: #f26529
}

blockquote.orange p:after {
    color: #f26529
}

blockquote.orange .citation {
    color: #f26529
}

#main .node-basicpage blockquote {
    float: left;
    width: 40%
}

@media (max-width:479px) {
    #main .node-basicpage blockquote {
        width: 100%
    }
}

#main .node-basicpage blockquote:before {
    content: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/blockquote.svg) no-repeat;
    height: 50px;
    width: 50px;
    float: left
}

#main .node-basicpage blockquote p {
    color: #f26529
}

#main .node-basicpage blockquote p:after {
    color: #f26529
}

#main .node-basicpage blockquote .citation {
    color: #f26529
}

.node-type-threecolumn .content-bottom blockquote:before {
    content: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/blockquote_white_25.svg) no-repeat
}

.node-type-threecolumn .content-bottom blockquote p:after {
    color: white
}

@media (min-width:727px) {
    blockquote + p {
        display: block;
        flex-wrap: wrap
    }
}

.blockquote-icon {
    fill: #f26529
}

hr {
    border: 0;
    height: 2px;
    background: #b3b3a6;
    margin: 2em 0
}

abbr {
    border-bottom: 1px dotted #737373;
    cursor: help
}

.site-tagline {
    clear: right;
    float: right;
    font-family: Georgia, Times, "Times New Roman", serif;
    color: #737373;
    font-size: 30px;
    line-height: 30px;
    margin: 1em 0.3em
}

@media (max-width:767px) {
    .site-tagline {
        text-align: right;
        margin-right: 20px
    }
}

.keywords h4 {
    display: inline-block;
    font-weight: bold
}

.keywords a {
    display: inline-block;
    color: #2986e2
}

ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

dl {
    overflow: hidden;
    margin: 0 0 1em
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

img,
video,
object {
    max-width: 100%;
    height: auto
}

iframe {
    margin-bottom: 1em
}

figure {
    margin-bottom: 1em
}

figure img {
    margin-bottom: 0.5em
}

figcaption {
    font-style: italic
}

form ol,
form ul {
    list-style: none;
    margin-left: 0
}

fieldset {
    border: 0;
    padding: 0;
    margin: 0
}

label {
    display: block;
    padding-bottom: 0.5em
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0 1px 0
}

input,
textarea {
    padding: 0.5em 0.65rem
}

input[type=text],
input[type=search],
input[type=url],
input[type=number],
textarea {
    -webkit-appearance: none
}

button,
input[type="submit"] {
    padding: 0.5em;
    background: #737373;
    border: 1px solid #737373;
    cursor: pointer
}

input[type="checkbox"],
input[type="radio"] {
    width: auto;
    margin-right: 0.3em
}

input[type="search"] {
    -webkit-appearance: none;
    border-radius: 0
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

.field-container {
    margin-bottom: 1em
}

.inline-form fieldset,
.inline-form .inline-container {
    position: relative
}

.has-error {
    border-color: red
}

.is-valid {
    border-color: #089e00
}

.search-form #edit-advanced {
    line-height: 1em
}

.search-form .form-type-textfield {
    width: 185px;
    display: inline-block
}

.search-form .form-type-textfield input[type="text"] {
    width: 100%;
    padding: 0.45em 1.65rem 0.45em 0.65rem;
    background: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/magnifyingglass.png) no-repeat transparent 99%
}

.search-form .form-actions {
    display: inline-block;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #737373;
    width: 100%
}

th {
    text-align: left;
    border: 1px solid #737373;
    padding: 0.2em
}

td {
    border: 1px solid #737373;
    padding: 0.2em
}

.animate-fade {
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out
}

.animate-fade:hover {
    opacity: 0
}

.animate-move > .demo-shape {
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out
}

.grid-wrapper {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.5em;
    padding-right: 0.5em
}

.grid-wrapper:after {
    content: " ";
    display: block;
    clear: both
}

.wrapper {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto
}

.wrapper:after {
    content: " ";
    display: block;
    clear: both
}

@media (max-width:479px) {
    #main.cols-4-8 #sidebar-first {
        clear: both;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:727px) {
    #main.cols-4-8 #sidebar-first {
        width: 47.82609%;
        float: left;
        margin-right: 4.34783%
    }
}

@media (min-width:820px) {
    #main.cols-4-8 #sidebar-first {
        width: 30.43478%;
        float: left;
        margin-right: 4.34783%
    }
}

@media (max-width:479px) {
    #main.cols-4-8 #content {
        clear: both;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:727px) {
    #main.cols-4-8 #content {
        width: 47.82609%;
        float: right;
        margin-right: 0
    }
}

@media (min-width:820px) {
    #main.cols-4-8 #content {
        width: 65.21739%;
        float: right;
        margin-right: 0
    }
}

@media (max-width:479px) {
    #main.cols-8-4 #content {
        clear: both;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:480px) and (max-width:767px) {
    #main.cols-8-4 #content {
        clear: both;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:768px) {
    #main.cols-8-4 #content {
        width: 65.21739%;
        float: left;
        margin-right: 4.34783%
    }
}

@media (max-width:479px) {
    #main.cols-8-4 #sidebar-second {
        clear: both;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:480px) and (max-width:767px) {
    #main.cols-8-4 #sidebar-second {
        clear: both;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:768px) {
    #main.cols-8-4 #sidebar-second {
        width: 30.43478%;
        float: right;
        margin-right: 0
    }
}

@media (max-width:479px) {
    #main.cols-6-6 #content {
        clear: both;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:480px) and (max-width:767px) {
    #main.cols-6-6 #content {
        width: 47.82609%;
        float: left;
        margin-right: 4.34783%
    }
}

@media (min-width:768px) {
    #main.cols-6-6 #content {
        width: 47.82609%;
        float: left;
        margin-right: 4.34783%
    }
}

@media (max-width:479px) {
    #main.cols-6-6 #sidebar-second {
        clear: both;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:480px) and (max-width:767px) {
    #main.cols-6-6 #sidebar-second {
        width: 47.82609%;
        float: right;
        margin-right: 0
    }
}

@media (min-width:768px) {
    #main.cols-6-6 #sidebar-second {
        width: 47.82609%;
        float: right;
        margin-right: 0
    }
}

@media (max-width:479px) {
    .content-bottom .column-one,
    .content-bottom .column-two {
        clear: both;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
    .content-bottom.cols-4-8 .column-one {
        clear: both;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
    .content-bottom.cols-4-8 .column-two {
        display: none
    }
}

@media (min-width:480px) and (max-width:767px) {
    .content-bottom .column-one {
        width: 47.82609%;
        float: left;
        margin-right: 4.34783%
    }
    .content-bottom .column-two {
        width: 47.82609%;
        float: right;
        margin-right: 0
    }
    .content-bottom.cols-4-8 .column-one {
        clear: both;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
    .content-bottom.cols-4-8 .column-two {
        display: none
    }
}

@media (min-width:768px) {
    .content-bottom .column-one {
        width: 47.82609%;
        float: left;
        margin-right: 4.34783%
    }
    .content-bottom .column-two {
        width: 47.82609%;
        float: right;
        margin-right: 0
    }
    .content-bottom.cols-4-8 .column-one {
        width: 30.43478%;
        float: left;
        margin-right: 4.34783%
    }
    .content-bottom.cols-4-8 .column-two {
        width: 65.21739%;
        float: right;
        margin-right: 0
    }
}

@media (max-width:726px) {
    .node-type-threecolumn .content-bottom .column-one {
        display: none
    }
    .node-type-threecolumn .content-bottom .column-two {
        clear: both;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0
    }
}

@media (min-width:727px) and (max-width:768px) {
    .media-right .post-list > li {
        float: left;
        clear: none
    }
    .media-right .post-list li:first-child {
        min-height: 460px
    }
    .media-right .post-list li:nth-child(2) {
        margin-left: -109%;
        clear: both;
        width: 100%
    }
}

.two-col-list li {
    clear: both;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0
}

@media (min-width:727px) {
    .two-col-list li {
        width: 47.82609%;
        float: left
    }
    .two-col-list li:nth-child(2n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .two-col-list li:nth-child(2n + 2) {
        margin-left: 52.17391%;
        margin-right: -100%;
        clear: none
    }
}

.three-col-list li {
    clear: both;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0
}

@media (min-width:600px) and (max-width:799px) {
    .three-col-list li {
        width: 47.82609%;
        float: left
    }
    .three-col-list li:nth-child(2n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .three-col-list li:nth-child(2n + 2) {
        margin-left: 52.17391%;
        margin-right: -100%;
        clear: none
    }
}

@media (min-width:800px) {
    .three-col-list li {
        width: 30.43478%;
        float: left
    }
    .three-col-list li:nth-child(3n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .three-col-list li:nth-child(3n + 2) {
        margin-left: 34.78261%;
        margin-right: -100%;
        clear: none
    }
    .three-col-list li:nth-child(3n + 3) {
        margin-left: 69.56522%;
        margin-right: -100%;
        clear: none
    }
}

body {
    width: 100%;
    height: 100%
}

#page {
    width: 100%;
    max-width: 1360px;
    height: 100%;
    margin: 0 auto
}

#main {
    padding-top: 2em;
    padding-bottom: 2em
}

.main-wrapper {
    width: 100%;
    max-width: 960px;
    height: 100%;
    margin: 0 auto;
    padding-left: 1em;
    padding-right: 1em
}

.main-wrapper:after {
    content: " ";
    display: block;
    clear: both
}

@media (max-width:480px) {
    .node-type-twocolumn .main-wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

header {
    position: relative;
    width: 100%;
    max-width: 1360px;
    height: 100%;
    margin: 0 auto
}

.sidebar .block {
    margin-bottom: 1.5em
}

@media (max-width:726px) {
    .landing-section-text.with-tabs {
        clear: both;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:727px) {
    .landing-section-text.with-tabs {
        width: 65.21739%;
        float: left;
        margin-right: 4.34783%
    }
}

header .logo-link {
    line-height: 82px;
}
.wrapper {
    max-width: 960px;
    margin: 0 auto;
    overflow: hidden;
}
header .logo-wrapper {
    float: left;
    z-index: 98;
    left: 0;
	position: relative;
	width: 55%;
	margin-top: 0;
    top: 0;
    padding: 10px 0;
    position: inherit;
    height: auto;
}
.logo {
	float: left;
	margin: 0 8px;
	width: 36px;
	height: 82px;
}
.logo-title {
	padding: 0;
	margin: 17px 0;
	top: 0;
	transform: none;
	font-size: 12px;
	width: calc(100% - 70px);
	vertical-align: middle;
	line-height: 1em;
	display: inline-block;
    font-family: Georgia,Times,"Times New Roman",serif;
    color: #000;
}
header .logo-title .logo-title-left {
    float: left;
    padding-right: 8px;
    font-family: Georgia,Times,"Times New Roman",serif;
    color: #000;
}
header .logo-title .logo-title-right {
    float: left;
    font-family: "GothamLight",sans-serif;
	padding-left: 8px;
    line-height: 1em;
    font-size: 26px;
	border-left: 1px solid #dfdfd8;
    color: #000;
}
@media only screen and (max-width: 767px) {
    header .logo-wrapper {
		width: 90%;
	}
	.logo {
		height:55px;
		width: 50px;
	}
	.logo-title {
		font-size: 13px;
	}
	header .logo-link {
		line-height: 46px;
	}
}
@media only screen and (max-width: 480px) {
	.logo {
		height:50px;
		width: 26px;
	}
	.logo-title {
		font-size: 10px;
	}
	header .logo-title .logo-title-right {
		font-size: 15px;
	}
    header .logo-wrapper {
		width: 80%;
	}
}
@media only screen and (max-width: 400px) {
    header .logo-title .logo-title-left {
		font-size: 10px;
		line-height: normal;
		width: 100%;
	}
	header .logo-title .logo-title-right {
		padding: 0;
	    line-height: 20px;
	    font-size: 15px;
		width: 100%;
		border: 0;
	}
	.logo-title {
		margin:0;
	}
	header .logo-wrapper {
		margin-top: 6px;
	}
}

.mobile-top-bar {
    position: relative;
    z-index: 97;
    width: 50px;
    float: right;
    height: 50px;
    background: white;
    margin-bottom: 18px
}

@media (min-width:768px) {
    .mobile-top-bar {
        display: none
    }
}

.mobile-top-bar #overlay {
    display: none;
    position: absolute;
    top: 72px;
    left: 0;
    width: 50px;
    float: right;
    height: 2500%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.5)
}

.nav-toggle {
    position: relative;
    z-index: 97;
    float: right;
    display: block;
    padding: 1.2rem 0.4rem;
    font-size: 2rem;
    line-height: 1
}

.nav-toggle:before {
    color: #737373;
    text-align: left
}

.nav-toggle:hover:before {
    color: #f26529
}

@media (min-width:768px) {
    .nav-toggle {
        display: none
    }
}

@media (max-width:380px) {
    .nav-toggle {
        padding-left: 0.8rem;
        padding-right: 0.8rem
    }
}

.header-components-wrapper {
    float: right;
    position: relative
}

@media (max-width:767px) {
    .header-components-wrapper {
        display: none
    }
}

@media (min-width:800px) and (max-width:900px) {
    .header-components-wrapper {
        max-width: 50%
    }
}

.search-form .form-type-textfield input[type="text"] {
    border: 2px solid #b3b3a6;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

@media (max-width:767px) {
    .search-form {
        clear: both;
        display: block;
        background: transparent;
        padding: 1em;
        padding-bottom: 0;
        margin-bottom: 0
    }
    .search-form .form-type-textfield {
        width: 100%
    }
    .search-form .form-type-textfield input[type="text"] {
        background: #fff;
        width: 100%
    }
    .search-form .form-actions {
        width: 26%;
        margin-left: 1%
    }
    .search-form .form-actions input[type="submit"] {
        width: 100%;
        padding: 0.8rem 0.5rem
    }
}

@media (min-width:768px) {
    .search-form {
        background: transparent;
        overflow: hidden;
        display: inline-block;
        float: right;
        clear: none;
        margin: 0.65em 0.5em 0 0
    }
    .search-form .form-type-textfield input[type="text"] {
        margin-bottom: 2px
    }
}

@media (min-width:768px) and (max-width:868px) {
    .search-form {
        overflow: hidden;
        display: inline-block;
        float: right;
        clear: right
    }
}

.sign-up {
    float: right;
    margin-top: 0.6em;
    padding: 10px;
    text-transform: uppercase;
    color: #737373
}

.sign-up:hover {
    color: #4d4d4d
}

.sign-up:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #737373;
    position: relative;
    top: 14px;
    margin-left: 4px
}

.sign-up.open {
    background: #dfdfd8;
    color: #4d4d4d
}

.sign-up.open:after {
    border-top: 4px solid #4d4d4d
}

@media (max-width:767px) {
    .sign-up {
        color: white;
        float: right;
        margin-right: 80px;
        margin-top: 0;
        padding: 7px 20px
    }
    .sign-up:hover {
        color: #d9d9d9
    }
    .sign-up:after {
        border-top: 4px solid white
    }
    .sign-up.open {
        background: transparent;
        color: #d9d9d9
    }
    .sign-up.open:after {
        border-top: 4px solid #d9d9d9
    }
}

.nav {
    clear: both;
    position: relative;
    z-index: 99;
    bottom: -4px
}

.nav.active {
    max-height: 40em
}

@media (min-width:820px) {
    .nav {
        float: right;
        max-height: none
    }
}

@media (min-width:768px) and (max-width:868px) {
    .nav {
        margin-left: 0.8em;
        float: left
    }
}

@media (max-width:767px) {
    .nav {
        display: none;
        position: absolute;
        top: 50px;
        right: 0;
        bottom: auto;
        background: transparent;
        width: 250px;
        background: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/rgbapng/e1e1e1e5-5.png?1413484893);
        background: rgba(225, 225, 225, 0.9);
        border: 3px solid #b3b3a6;
        border-top: none;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 10px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 10px;
        box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 10px
    }
    .nav .menuparent a {
        color: white
    }
    .nav li {
        clear: left;
        float: none;
        width: 100%
    }
    .nav a {
        color: white;
        width: 100%
    }
}

@media (min-width:768px) {
    .nav {
        display: block !important
    }
    .nav #search-block-form {
        display: none
    }
}

.pagination {
    overflow: hidden
}

.pagination li {
    float: left;
    border-right: 1px solid #dfdfd8
}

.pagination li:last-child {
    border: 0
}

.pagination a {
    padding: 1em
}

.footer {
    clear: both;
    overflow: hidden;
    background: white;
    color: #737373;
    line-height: 1.2
}

.footer a {
    color: #737373
}

.footer .footer-logo,
.footer .footer-nav,
.footer .footer-address,
.footer .footer-social {
    clear: both;
    padding: 0 0 20px
}

.footer-nav,
.footer-address {
    text-align: center;
    width: 100%
}

.nav-footer,
.address-list {
    margin: 0 auto
}

.nav-footer .clear-span,
.address-list .clear-span {
    display: none
}

.nav-footer li,
.address-list li {
    display: inline-block;
    border-right: 1px solid #737373;
    padding: 0.35em 1em;
    font-size: 0.85em
}

.nav-footer li:last-child,
.address-list li:last-child {
    border-right: none
}

.nav-footer a:hover,
.address-list a:hover {
    color: #4d4d4d
}

@media (max-width:820px) {
    .address-list li:nth-child(2) {
        border-right: none
    }
    .address-list .clear-span {
        display: block
    }
    .address-list li:nth-child(n+2) {
        margin-top: 10px
    }
}

@media (max-width:479px) {
    .nav-footer li:nth-child(3) {
        border-right: none
    }
    .nav-footer .clear-span {
        display: block;
        clear: left
    }
    .nav-footer li:nth-child(n+3) {
        margin-top: 10px
    }
    .address-list li {
        display: block;
        clear: left;
        border-right: none
    }
}

@media (min-width:768px) {
    .copyright {
        float: right
    }
}

.footer-social {
    text-align: center
}

.footer-social li {
    padding: 0.5em
}

.footer-social a {
    text-indent: -9999em;
    display: block
}

.footer-social span {
    font-size: 0.9em
}

.footer-logo {
    width: 100%;
    text-align: center
}

.footer-logo img {
    float: none
}

.footer-logo .logo-title {
    clear: both;
    display: block;
    text-align: center;
    padding-top: 10px;
    color: #888;
    font-size: 0.95em
}

.footer-logo .logo-wrapper {
    float: none;
    position: relative;
    left: 50%;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.intro {
    font-size: 1.0625em;
    font-weight: bold
}

.pullquote {
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 1.4375em
}

.caption {
    font-style: italic
}

.text a {
    text-decoration: none;
    color: #2986e2
}

.text ul {
    list-style: disc;
    margin: 0 0 1em 1.2em
}

.text ul ul {
    margin-bottom: 0
}

.text ol {
    list-style: decimal;
    margin: 0 0 1em 1.5em
}

.text ol ol {
    margin-bottom: 0
}

.new-class {
    padding: 100px
}

.sf-menu,
.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none
}

.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99
}

.sf-menu li {
    position: relative
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display: block
}

.sf-menu > li {
    float: left
}

@media (max-width:767px) {
    .sf-menu > li {
        float: none
    }
}

.sf-menu a {
    display: block;
    position: relative
}

.sf-menu ul ul {
    top: 0;
    left: 100%
}

.sf-menu {
    float: left
}

@media (max-width:767px) {
    .sf-menu {
        width: 100%;
        float: none;
        background: transparent
    }
}

.sf-menu ul {
    min-width: 12em;
    *width: 12em
}

.sf-menu a {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    padding: 0.25em 1em;
    text-decoration: none;
    zoom: 1
}

.sf-menu .menuparent > a {
    color: #2986e2
}

.sf-menu .menuparent:hover,
.sf-menu .menuparent.sfHover {
    background: #f26529
}

.sf-menu .menuparent:hover > a,
.sf-menu .menuparent.sfHover > a {
    color: white
}

@media (max-width:767px) {
    .sf-menu .menuparent > a {
        color: #2986e2
    }
}

.sf-menu ul {
    background: transparent;
    border-left: 1px solid #dfdfd8;
    border-right: 1px solid #dfdfd8;
    border-bottom: 1px solid #dfdfd8;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-top: -1px
}

.sf-menu ul li {
    border-bottom: 1px solid #dfdfd8;
    background-color: white;
    white-space: nowrap;
    *white-space: normal;
    -moz-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

.sf-menu ul li:last-child {
    border-bottom: none
}

.sf-menu ul li a {
    color: #737373
}

.sf-menu ul li:hover,
.sf-menu ul li.sfHover {
    background-color: #dfdfd8
}

.sf-menu ul li:hover a,
.sf-menu ul li.sfHover a {
    color: #f26529
}

@media (max-width:767px) {
    .sf-menu ul {
        display: none !important
    }
}

.sf-menu li:last-child ul {
    left: auto;
    right: 0
}

@font-face {
    font-family: 'icons';
    src: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/fonts/icons.eot);
    src: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/fonts/icons.eot?#iefix) format("embedded-opentype"), url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/fonts/icons.woff) format("woff"), url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/fonts/icons.ttf) format("truetype"), url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/fonts/icons.svg#icons) format("svg");
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: 'icons';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-twitter:before,
.icon-stumbleupon:before,
.icon-pinterest:before,
.icon-linkedin:before,
.icon-google-plus:before,
.icon-search:before,
.icon-play:before,
.icon-menu:before,
.icon-arrow-left:before,
.icon-arrow-right:before,
.icon-bubble:before,
.icon-facebook:before,
.icon-feed:before,
.icon-youtube:before,
.icon-tag:before,
.icon-tumblr:before,
.icon-instagram,
.icon-podcast,
.icon-apple,
.icon-android,
.icon-arrow:after,
.icon-envelope:before {
    font-family: 'icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.icon-twitter {
    background: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/social_twitter.png) no-repeat;
    width: 32px;
    height: 32px
}

.icon-facebook {
    background: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/social_facebook.png) no-repeat;
    width: 32px;
    height: 32px
}

.icon-youtube {
    background: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/social_youtube.png) no-repeat;
    width: 32px;
    height: 32px
}

.icon-twitter-share {
    background: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/social_twitter_share.png) no-repeat;
    width: 48px;
    height: 49px
}

.icon-facebook-share {
    background: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/social_facebook_share.png) no-repeat;
    width: 48px;
    height: 49px
}

.icon-addthis-share {
    background: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/social_addthis_share.png) no-repeat;
    width: 48px;
    height: 49px
}

.icon-subscribe-share {
    background: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/social_subscribe_share.png) no-repeat;
    width: 48px;
    height: 49px
}

.icon-slider-arrow-left {
    background: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/slider_arrow_left.png) no-repeat;
    width: 40px;
    height: 73px
}

.icon-slider-arrow-right {
    background: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/slider_arrow_right.png) no-repeat;
    width: 40px;
    height: 73px
}

.icon-arrow-down {
    background: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/arrow_down.png) no-repeat;
    width: 30px;
    height: 19px
}

.icon-arrow-right {
    background: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/arrow_right.png) no-repeat;
    width: 9px;
    height: 13px
}

.icon-arrow-down-solid {
    background: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/arrow_down_solid.png) no-repeat;
    width: 14px;
    height: 14px
}

.icon-stumbleupon:before {
    content: "\75";
}

.icon-pinterest:before {
    content: "\70";
}

.icon-linkedin:before {
    content: "\69";
}

.icon-google-plus:before {
    content: "\67";
}

.icon-search:before {
    content: "\73";
}

.icon-play:before {
    content: "\61";
}

.icon-menu:before {
    content: "\21";
}

.icon-arrow-left:before {
    content: "\23";
}

.icon-bubble:before {
    content: "\25";
}

.icon-feed:before {
    content: "\27";
}

.icon-tag:before {
    content: "\28";
}

.icon-tumblr:before {
    content: "\6d";
}

.icon-instagram:before {
    content: "\22";
}

.icon-podcast:before {
    content: "\26";
}

.icon-android:before {
    content: "\29";
}

.icon-apple:before {
    content: "\2a";
}

.icon-envelope:before {
    content: "\2b";
}

.icon-arrow:after {
    content: "\61";
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}


.icon-play:before {
    font-size: 0.7rem;
    padding-left: 0.2em
}

.icon-play-box {
    display: block;
    margin-left: 2em
}

.icon-play-box:before {
    padding: 0.25em;
    background: #737373;
    color: white;
    margin-left: -1.7rem;
    margin-right: 0.5em
}

.btn,
.search-form input[type="submit"],
.newsletter input[type="submit"] {
    display: inline-block;
    background: #333333;
    font-size: 0.8em;
    color: white;
    line-height: 1;
    font-weight: bold;
    padding: 0.8rem;
    border: 0;
    text-align: center;
    text-transform: uppercase
}

.btn:hover,
.search-form input[type="submit"]:hover,
.newsletter input[type="submit"]:hover,
.btn:focus,
.search-form input[type="submit"]:focus,
.newsletter input[type="submit"]:focus {
    background: #737373;
    color: white
}

.btn.disabled,
.search-form input.disabled[type="submit"],
.newsletter input.disabled[type="submit"] {
    background: #dfdfd8;
    color: #737373
}

.btn-small {
    padding: 0.5em
}

.btn-large {
    padding: 0.5em;
    text-transform: uppercase;
    background: #737373;
    font-size: 1.4rem;
    font-weight: normal
}

.btn-blue,
.search-form input[type="submit"] {
    background: #2986e2
}

.btn-orange {
    background: #f26529
}

.btn-gray-dim,
.newsletter input[type="submit"] {
    background: #b3b3a6
}

.btn-white {
    background: white;
    color: #dc582a
}

.btn-white:hover {
    background: white;
    color: #737373
}

.donate-btn {
    display: inline-block;
    vertical-align: top;
    margin: 0.75em 0.5em 0 0;
    float: right
}

.header-components-wrapper .donate-btn {
    padding: 0.85rem 2em
}

@media (max-width:767px) {
    .header-components-wrapper .donate-btn {
        display: none
    }
}

.donate-btn-mobile {
    overflow: hidden;
    position: relative;
    clear: both;
    padding: 1.5em 1.75em;
    background: transparent
}

.donate-btn-mobile .donate-btn {
    border: 2px solid #b3b3a6;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0
}

.brick {
    background: #dcdddc;
    padding: 2em;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #dfdfd8
}

.block {
    overflow: visible
}

.block p:last-child {
    margin-bottom: 0
}

.headline {
    line-height: 1.2
}

.block-thumb {
    display: block;
    width: 100%;
    border-collapse: collapse
}

.block-thumb .b-inner {
    display: inline-block;
    vertical-align: top;
    overflow: hidden
}

.block-thumb .b-thumb {
    display: inline-block;
    vertical-align: top
}

.block-thumb .b-thumb img {
    display: block;
    width: 100%;
    height: auto
}

.block-headline-summary a {
    display: block;
    padding: 0.5em
}

.block-inset {
    position: relative
}

.block-inset .b-thumb {
    position: relative;
    z-index: 0
}

.block-inset .b-thumb img {
    display: block
}

.block-inset {
    margin-bottom: 0.5em;
    position: relative
}

.block-inset .headline {
    font-size: 1.1em
}

.block-inset .b-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 0.5em
}

.block-thumb-summary .b-thumb {
    float: left;
    width: 50%
}

.block-thumb-summary .b-text {
    margin-left: 50%;
    padding: 0.5em
}

@media (min-width:727px) and (max-width:768px) {
    .media-right {
        margin: 0 !important
    }
}

.media-right .post-list li {
    margin-bottom: 2em
}

.media-right .b-thumb {
    position: relative;
    margin: 0.5em 0 1em 1em
}

@media (max-width:726px) {
    .media-right .b-thumb {
        width: 30%;
        float: right
    }
}

@media (min-width:727px) {
    .media-right .b-thumb {
        float: none;
        margin: 0.25em 0 1em 0
    }
}

@media (min-width:769px) {
    .media-right .b-thumb {
        float: right;
        margin: -1.36em 0 1em 1em
    }
}

.media-right .b-text {
    display: block;
    width: 100%;
    padding: 0
}

.media-right .text-btn {
    margin-top: 1em
}

@media (min-width:820px) {
    .latest-posts {
        padding-right: 3em
    }
}

.latest-posts li {
    margin-bottom: 1em
}

.latest-posts .block-thumb {
    margin-bottom: 0
}

.latest-posts .b-thumb {
    float: left;
    margin-bottom: 0.5em;
    margin-right: 1.5em
}

@media (max-width:767px) {
    .latest-posts .b-thumb {
        width: 30%
    }
}

.latest-posts time {
    font-size: 11px;
    line-height: 12px
}

@media (min-width:769px) {
    .latest-posts .b-text {
        clear: both
    }
}

@media (max-width:768px) {
    .latest-posts .b-text h2 {
        clear: none
    }
}

.latest-posts .b-text h2,
.latest-posts .b-text h2 a {
    font-family: "open_sans", sans-serif;
    color: #2986e2;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize
}

.latest-posts .view-more-news {
    display: block;
    width: 100%
}

@media (max-width:726px) {
    .latest-posts .view-more-news {
        text-align: right
    }
}

.header-components-wrapper .search-submit {
    vertical-align: top
}

#block-bean-right-three-column-callout h2 + img {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px
}

@media (max-width:767px) {
    #block-bean-right-three-column-callout h2 + img {
        max-width: 30%
    }
}

@media (min-width:768px) and (max-width:868px) {
    #block-bean-right-three-column-callout h2 + img {
        max-width: 40%
    }
}

#block-mskg-basicpage-mskg-basicpage-related {
    overflow: hidden;
    margin-bottom: 2em
}

ul.pager li {
    display: inline
}

.inline-list li {
    display: inline-block
}

.social-list li {
    margin: 0 0.4rem 1em 0
}

.social-list a {
    font-size: 1.6em
}

.headline-list {
    margin-bottom: 1em
}

.headline-list.flush {
    margin: 0
}

.headline-list h4 {
    font-weight: normal
}

.headline-list li {
    padding: 0.25em 0;
    border-top: 1px solid #dddddd
}

.post-list li {
    margin-bottom: 2em;
    clear: both;
    overflow: hidden
}

@media (min-width:768px) {
    .post-list li {
        margin-bottom: 1em
    }
}

.bullet-list {
    list-style: square;
    margin: 0 0 1em 1.2em;
    line-height: 1.3
}

.bullet-list li {
    margin-bottom: 1em
}

.text-list {
    margin: 0 0 1em;
    line-height: 1.3
}

.text-list li {
    margin-bottom: 1em
}

.view-more {
    width: 100%;
    clear: both;
    padding: 0.25em
}

.donation-banner {
    padding-top: 1.5em;
    padding-bottom: 1.5em
}

.donate-heading h2 {
    margin-bottom: 0.5em
}

.donate-options {
    margin-top: 1.5em
}

.donate-options .btn,
.donate-options .search-form input[type="submit"],
.search-form .donate-options input[type="submit"],
.donate-options .newsletter input[type="submit"],
.newsletter .donate-options input[type="submit"] {
    vertical-align: top
}

.donate-options .btn-white {
    font-family: "open_sans", sans-serif;
    font-size: 2.25em;
    font-weight: 100;
    padding: 0.8rem 0.8rem 0.4rem
}

@media (min-width:768px) {
    .donate-options .btn-white {
        font-size: 2.5em
    }
}

@media (min-width:820px) {
    .donate-options .btn-white {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.donate-options .btn-blue,
.donate-options .search-form input[type="submit"],
.search-form .donate-options input[type="submit"] {
    font-size: 1.5em;
    font-weight: normal;
    padding: 1.35rem 0.8rem
}

@media (min-width:768px) {
    .donate-options ul {
        display: inline-flex;
        flex-wrap: wrap;
        width: 100%
    }
}

.donate-options li {
    margin-bottom: 0.75em;
    margin-right: 0.5em
}

.donate-options li:last-child {
    margin-right: 0
}

@media (min-width:768px) {
    .donate-options li {
        flex-grow: 1
    }
}

.tooltip-container {
    display: inline-block;
    position: relative
}

.tooltip-container:hover .tooltip {
    display: block
}

.tooltip-link {
    background: #dfdfd8
}

.tooltip {
    display: none;
    position: absolute;
    top: 1.5em;
    left: 0;
    width: 18em;
    padding: 1em;
    background: white;
    border: 1px solid #737373;
    box-shadow: 0.3em 0.3em 1em 0 rgba(0, 0, 0, 0.2)
}

.tooltip h2 {
    margin-top: 0
}

@media (max-width:479px) {
    .tooltip {
        width: 22em
    }
}

@media (min-width:480px) and (max-width:767px) {
    .tooltip {
        width: 27em
    }
}

@media (min-width:768px) {
    .tooltip {
        width: 30em
    }
}

.accordion {
    margin-bottom: 1em
}

.acc-handle {
    background: #131313;
    color: white;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-weight: bold;
    display: block;
    position: relative;
    padding: 0.5em;
    border-bottom: 1px solid #dddddd
}

.acc-handle:after {
    content: "+";
    float: right
}

.acc-handle:hover {
    color: white;
    background: #333333
}

.acc-handle.active {
    background: #333333
}

.acc-handle.active:after {
    content: "-"
}

.tabs {
    overflow: hidden
}

.tabs ul {
    display: table;
    width: 100%
}

.tabs li {
    display: table-cell;
    text-align: center;
    border-right: 1px solid #dddddd
}

.tabs li:last-child {
    border-right: 0
}

.tabs a {
    display: block;
    padding: 0.5em;
    background: #737373
}

.tabs a:hover,
.tabs a:focus {
    background: #dddddd
}

.tabs a.active {
    background: #333333;
    color: white
}

.tab-nav li {
    padding: 0.5em 1em
}

.tab-nav li:not(:first-child) {
    -moz-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    background: white;
    border-left: 1px solid #b3b3a6;
    border-top: 1px solid #b3b3a6;
    border-right: 1px solid #b3b3a6;
    cursor: pointer
}

.tab-nav li:not(:first-child):hover {
    background: #dfdfd8
}

.tab-nav li:not(:first-child):hover a {
    color: #f26529
}

.tab-nav li:not(:first-child) a {
    color: #737373
}

.tab-nav li:not(:first-child) a.active {
    color: #f26529
}

.tab-nav li:first-child {
    border-left: 1px solid white;
    border-top: 1px solid white;
    border-right: 1px solid white;
    background: #f26529;
    color: white;
    cursor: default
}

.tab-nav li:last-child {
    border-bottom: 1px solid #b3b3a6;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 2px 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 2px 0;
    box-shadow: rgba(0, 0, 0, 0.4) 0 2px 2px 0
}

.logged-in .tabs.primary {
    position: absolute;
    top: 182px
}

.logged-in.navbar-tray-open .tabs.primary {
    top: 222px
}

.tabs.primary a {
    background: #b3b3a6;
    color: white
}

.tabs.primary a:hover {
    background: #4d4d4d;
    color: #d9d9d9
}

.tabs.primary a.active {
    background: #737373
}

.tabs.primary a.active:hover {
    background: #4d4d4d
}

@media (max-width:726px) {
    .tab-nav-wrapper {
        clear: both;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        margin-top: 1em
    }
}

@media (min-width:727px) {
    .tab-nav-wrapper {
        width: 30.43478%;
        float: right;
        margin-right: 0;
        padding-left: 0.5em
    }
}

.section {
    margin: 0 0 1em
}

.section-title {
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #dfdfd8
}

.content-bottom {
    width: 100%
}

.content-bottom .grid-wrapper {
    padding: 2em
}

.content-bottom h2,
.content-bottom p {
    color: white
}

@media (min-width:768px) {
    .content-bottom .column-one {
        border-right: 1px solid rgba(255, 255, 255, 0.25)
    }
}

.content-bottom .column-two {
    padding-left: 1em
}

.front .content-bottom {
    padding: 0
}

.front .content-bottom .column-one {
    border-right: none
}

.front .content-bottom .column-two {
    padding: 0;
    margin: 0
}

@media (max-width:960px) {
    .front .content-bottom .column-two {
        padding: 5% 0
    }
}

.front .content-bottom .column-two img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle
}

.article-header h1 {
    font-size: 2.5em
}

.byline {
    font-size: 0.875em;
    font-style: italic;
    margin-bottom: 0.5em
}

.comments li {
    margin-bottom: 1em
}

.comment-container {
    overflow: hidden;
    margin-bottom: 1em;
    list-style: none
}

.comment-meta {
    float: left;
    width: 6.5em
}

.comment-meta img {
    display: block;
    border: 1px solid #dfdfd8;
    margin-bottom: 0.5em
}

.comment-name {
    font-size: 0.75em
}

.comment-text {
    margin-left: 9em
}

.alert {
    text-align: center;
    padding: 1em;
    margin-bottom: 0.5em;
    border: 1px solid #737373;
    background: #dfdfd8
}

.alert-error {
    color: red;
    border-color: red;
    background: #ffbebe
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-loading .slick-list {
    background: white url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/ajax-loader.gif) center center no-repeat
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom: 1
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

@font-face {
    font-family: "slick";
    src: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/fonts/slick.eot?1408665057);
    src: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/fonts/slick.eot?&1408665057#iefix) format("embedded-opentype"), url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/fonts/slick.woff?1408665057) format("woff"), url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/fonts/slick.ttf?1408665057) format("truetype"), url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/fonts/slick.svg?1408665057#slick) format("svg");
    font-weight: normal;
    font-style: normal
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25
}

.slick-prev:before,
.slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

.slick-prev:before {
    content: "\2190"
}

.slick-next {
    right: -25px
}

.slick-next:before {
    content: "\2192"
}

.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\2022";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: black;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: black;
    opacity: 0.75
}

.hero-carousel {
    height: 100%;
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    touch-action: pan-y;
    -ms-touch-action: pan-y
}

.hero-carousel .slick-slider {
    margin-bottom: 0
}

.hero-carousel .slick-slide {
    height: 100%
}

.hero-carousel .slick-dots {
    position: absolute;
    background: transparent;
    height: 13px
}

@media (min-width:727px) {
    .hero-carousel .slick-dots {
        border-right-color: #dfdfd8;
        border-right-style: solid;
        top: 10%;
        left: 3%
    }
}

@media (max-width:726px) {
    .hero-carousel .slick-dots {
        top: auto;
        bottom: 320px
    }
}

@media (min-width:980px) {
    .hero-carousel .slick-dots {
        left: 15%
    }
}

.hero-carousel .slick-dots li {
    height: 13px;
    width: 32px;
    margin: 0 4px 0 0;
    display: inline-block;
    float: left
}

.hero-carousel .slick-dots li button {
    background: #dfdfd8;
    height: 13px;
    width: 32px;
    padding: 0;
    margin: 0
}

.hero-carousel .slick-dots li button:before {
    display: none !important
}

.hero-carousel .slick-dots li:not(.slick-active) button:hover,
.hero-carousel .slick-dots li:not(.slick-active) button:focus {
    background: #c8c8bc
}

.hero-carousel .slick-dots li.slick-active button {
    background: #b3b3a6;
    cursor: default
}

.hero-img1 {
    background: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/hero_carousel/hero1.jpg?1408665057)
}

.hero-img2 {
    background: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/hero_carousel/hero2.jpg?1408665057)
}

.hero-img3 {
    background: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/hero_carousel/hero3.jpg?1408665057)
}

.hero-background {
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 558px
}

.hero-cta {
    position: relative;
    padding: 20px;
    margin-top: 13px;
    background: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/rgbapng/ffffffb3-5.png?1408665057);
    background: rgba(255, 255, 255, 0.7);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width:727px) {
    .hero-cta {
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        position: absolute;
        top: 10%;
        left: 3%;
        width: auto;
        max-width: 38%;
        height: auto
    }
}

@media (min-width:980px) {
    .hero-cta {
        left: 15%
    }
}

.hero-cta h2 {
    margin-bottom: 15px
}

.cta-prefix {
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase
}

.gagi-wrapper {
    display: block;
    position: relative;
    z-index: 990;
    background: #2986e2;
    padding: 0 !important
}

@media (min-width:768px) {
    .gagi-wrapper {
        margin: 0 auto;
        height: 100%;
        max-height: 175px;
        overflow: hidden
    }
}

@media (min-width:960px) {
    .gagi-wrapper {
        margin: -85px auto 0
    }
}

.gagi-wrapper .slick-prev,
.gagi-wrapper .slick-next {
    width: 40px;
    height: 73px;
    margin-top: -37px
}

.gagi-wrapper .slick-prev:before,
.gagi-wrapper .slick-next:before {
    content: " "
}

.gagi-wrapper .slick-prev {
    background: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/slider_arrow_left.png?1408665057);
    left: -45px
}

.gagi-wrapper .slick-next {
    background: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/slider_arrow_right.png?1408665057);
    right: -45px
}

.gagi-wrapper .slick-disabled {
    display: none !important
}

.gagi-wrapper .slick-slider {
    margin-bottom: 0
}

.gagi {
    position: relative;
    display: block;
    width: 100%;
    padding: 5%
}

@media (min-width:768px) {
    .gagi {
        width: 30%;
        float: left;
        padding-left: 24px
    }
}

.gagi h2 {
    text-transform: uppercase;
    color: white;
    font-size: 28px;
    vertical-align: middle
}

.gagi-carousel {
    display: block;
    width: 100%;
    margin: 0
}

@media (max-width:767px) {
    .gagi-carousel li {
        position: relative;
        width: 100%;
        clear: both;
        padding: 0 5%;
        border-top: 2px solid white;
        overflow: hidden
    }
    .gagi-carousel li:last-child {
        border-bottom: 2px solid white
    }
    .gagi-carousel li img {
        width: 20%;
        height: 100%;
        margin-right: 5%;
        display: block;
        float: left
    }
}

@media (min-width:768px) {
    .gagi-carousel {
        width: 63%;
        float: right;
        margin-right: 50px
    }
    .gagi-carousel li {
        border-right: 2px solid white
    }
    .gagi-carousel li:last-child {
        border-right: none
    }
}

.gagi-carousel h3 {
    color: white;
    text-transform: uppercase;
    font-size: 16px;
    pointer-events: none;
    display: inline-block;
    position: absolute;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.gagi-carousel h3 a {
    color: white;
    font-weight: bold
}

.gagi-carousel h3 a:hover {
    color: white
}

@media (min-width:768px) {
    .gagi-carousel h3 {
        padding: 0 15%;
        text-align: center;
        width: 100%
    }
}

.gagi-carousel .slick-slide img {
    width: 100%;
    max-width: 175px;
    height: 100%;
    max-height: 175px
}

.gagi-more {
    padding: 15px 10px
}

.gagi-more a {
    margin-bottom: 15px;
    display: block;
    width: 100%;
    text-align: right;
    color: white
}

.slide-overlay {
    background: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/rgbapng/00000066-5.png?1408665057);
    background: rgba(0, 0, 0, 0.4);
    -moz-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.slide-overlay:hover {
    cursor: pointer;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=15);
    opacity: 0.15
}

.slide-overlay a {
    text-indent: -9999em;
    display: block;
    height: 100%;
    width: 100%
}

@media (max-width:726px) {
    .slide-overlay {
        background: transparent
    }
}

.related-stories .slick-slider {
    max-width: 100%;
    margin-left: 50px;
    margin-right: 50px
}

.related-stories .slick-prev,
.related-stories .slick-next {
    position: absolute;
    background: #2986e2;
    width: 33px;
    height: 100%;
    max-height: 78px;
    top: 10px
}

.related-stories .slick-prev:before,
.related-stories .slick-next:before {
    content: " "
}

.related-stories .slick-prev {
    background: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/slider_arrow_left_small.png?1408665057);
    background-position-y: 50%;
    left: -49px
}

.related-stories .slick-next {
    background: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/slider_arrow_right_small.png?1408665057);
    background-position-y: 50%;
    right: -35px
}

.related-stories .slick-disabled {
    display: none !important
}

.social-share {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.social-share .social-share-list {
    position: absolute;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.social-share li {
    display: block;
    margin: 0
}

.social-share a {
    text-indent: -9999em;
    display: block;
    padding: 0.5em
}

@media (min-width:980px) {
    .social-share {
        display: block
    }
}

.gift-block {
    margin-bottom: 2em
}

.gift-block .newsletter .form-item {
    margin-top: 15px
}

.gift-block .newsletter input[type="submit"] {
    margin-left: 69%;
    top: -39px;
    position: relative
}

.gift-title {
    display: block;
    position: relative;
    width: 100%;
    background: #2986e2;
    padding: 0.5em 1em;
    border-bottom: 2px solid white;
    margin-bottom: 0;
    color: white;
    font-size: 1.6em
}

.gift-title a {
    display: inline-block;
    vertical-align: middle;
    color: white
}

.gift-image {
    display: block;
    position: relative;
    width: 100%
}

.gift-image img {
    width: 100%;
    max-width: 100%;
    height: auto
}

.gift-description {
    display: block;
    position: relative;
    padding: 1em 1.5em
}

.gift-description .view-more {
    margin-top: 1em;
    text-align: left
}

.story-block {
    margin-bottom: 1.5em
}

.story-entity-title {
    display: block;
    position: relative;
    width: 100%
}

.story-entity-title a {
    display: inline-block;
    color: #2986e2
}

.story-image {
    display: block;
    position: relative;
    width: 100%
}

.story-image img {
    width: 100%;
    max-width: 100%;
    height: auto
}

.story-type {
    display: block;
    position: relative;
    color: #b3b3a6
}

.story-category {
    color: #b3b3a6
}

#hero {
    position: relative
}

.block-hero {
    position: relative
}

.block-hero.rotator .b-thumb img {
    display: block;
    width: 100%
}

@media (min-width:768px) {
    .block-hero.rotator .b-text {
        position: relative;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
        background: #dfdfd8;
        color: #737373;
        padding: 1.5em
    }
}

.hero-background-image {
    width: 100%;
    height: auto
}

.hero-background-image img {
    display: block;
    height: auto;
    max-width: 100%;
    margin: 0 auto
}

.hero-text-box {
    position: relative;
    display: block;
    width: 100%;
    background: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/rgbapng/ffffffcc-5.png?1408665057);
    background: rgba(255, 255, 255, 0.8)
}

@media (min-width:820px) {
    .hero-text-box {
        position: absolute;
        width: 75%;
        bottom: 5%;
        left: 1em;
        max-width: 700px
    }
}

@media (min-width:980px) and (max-width:1360px) {
    .hero-text-box {
        left: calc((100% - 900px) / 2)
    }
}

@media (min-width:1360px) {
    .hero-text-box {
        left: 15%
    }
}

.hero-text-box .hero-heading {
    background: #b3b3a6;
    color: white;
    padding: 0.5em 1em
}

.hero-text-box .hero-text {
    padding: 0.5em 2em 1.5em
}

.hero-text-box p {
    color: #737373
}

.hero-content-box {
    padding-bottom: 2em
}

.hero-title {
    width: 100%;
    margin: 1em 0
}

.newsletter {
    background: #dfdfd8;
    border-bottom: 4px solid #b3b3a6;
    padding: 1em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.newsletter .form-item {
    width: 65%;
    margin-right: 15px
}

.newsletter input[type="text"],
.newsletter input[type="email"] {
    border: 1.5px solid #cacac2;
    width: 100%
}

.newsletter.header-signup {
    position: absolute;
    top: 54px;
    z-index: 999;
    display: none;
    width: 305px;
    right: 0
}

.newsletter.header-signup .form-item {
    margin-top: 12px;
    margin-right: 6px
}

.newsletter.header-signup .btn,
.newsletter.header-signup input[type="submit"] {
    float: right;
    margin-top: -39px;
    width: auto
}

@media (max-width:767px) {
    .newsletter.header-signup {
        top: 42px;
        right: 0
    }
}

.newsletter.signup-hero {
    display: block;
    text-align: center
}

@media (min-width:480px) {
    .newsletter.signup-hero {
        margin-top: -94px;
        padding-top: 130px;
        padding-bottom: 30px
    }
}

.newsletter.signup-hero .form-item {
    clear: left;
    float: left;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top
}

@media (min-width:480px) {
    .newsletter.signup-hero .form-item {
        width: 27%;
        clear: none
    }
}

.newsletter.signup-hero span {
    font-size: 1em;
    line-height: normal;
    margin: 0.5em 0 1em 0;
    display: block
}

@media (min-width:480px) {
    .newsletter.signup-hero span {
        font-size: 1.3em
    }
}

@media (min-width:768px) and (max-width:860px) {
    .sidebar .newsletter h2 {
        font-size: 1.75em
    }
}

.sidebar .newsletter .form-item {
    margin-top: 15px
}

@media (min-width:768px) and (max-width:900px) {
    .sidebar .newsletter .form-item {
        width: 100%
    }
}

.sidebar .newsletter .btn,
.sidebar .newsletter input[type="submit"] {
    float: right;
    clear: both;
    margin-top: -39px
}

@media (min-width:768px) and (max-width:900px) {
    .sidebar .newsletter .btn,
    .sidebar .newsletter input[type="submit"] {
        margin-top: 15px
    }
}

.close-signup {
    display: block;
    position: relative;
    float: right
}

.close-signup a {
    text-indent: -9999em;
    display: block;
    background: #dfdfd8 url(img/close.png) no-repeat;
    width: 20px;
    height: 20px
}

.node-type-basicpage .node-basicpage h3 {
    margin: 1em 0
}

.node-type-basicpage .node-basicpage .field-name-field-basicpage-mainimage,
.node-type-basicpage .node-basicpage .field-name-field-basicpage-mainvideo {
    margin: 1em 0
}

.node-type-basicpage .node-basicpage .field-name-body ul {
    list-style-type: disc;
    list-style-position: inside
}

.node-type-basicpage .node-basicpage .field-name-body ol {
    list-style-type: decimal;
    list-style-position: inside
}

.node-type-basicpage .node-basicpage .field-name-body ul ul,
.node-type-basicpage .node-basicpage .field-name-body ol ul {
    list-style-type: circle;
    list-style-position: inside;
    margin-left: 15px
}

.node-type-basicpage .node-basicpage .field-name-body ol ol,
.node-type-basicpage .node-basicpage .field-name-body ul ol {
    list-style-type: lower-latin;
    list-style-position: inside;
    margin-left: 15px
}

.field-name-field-basicpage-keywords {
    margin: 2.5em 0 1.5em;
    border-top: 1px solid #b3b3a6;
    padding-top: 1.5em
}

#landing-section {
    overflow: hidden;
    margin-bottom: 2em
}

#landing-section .landing-section-text {
    margin-bottom: 2em
}

@media (min-width:768px) {
    #landing-section .landing-section-text {
        margin-bottom: 0
    }
}

.page-search #content .search-form + h2 {
    margin: 1em 0
}

.page-search #content .search-form .form-submit,
.page-search #content .search-form .search-advanced {
    margin-top: 0.5em
}

@media (min-width:768px) {
    .page-search #content .search-form .form-submit {
        margin-top: 0;
        top: -2px;
        position: relative
    }
}

.related-stories {
    margin: 0.5em 0
}

.related-stories > h3 {
    text-transform: capitalize;
    margin-bottom: 1em
}

.related-stories li {
    display: block;
    position: relative;
    max-height: 78px;
    margin-right: 1em;
    float: left
}

.related-stories li:hover h4 {
    text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px
}

@media (max-width:767px) {
    .related-stories li {
        margin-bottom: 1.25em;
        clear: left
    }
}

.related-stories .rs-background {
    position: relative
}

.related-stories .rs-background img {
    display: block;
    width: 100%;
    max-width: 160px;
    height: 100%;
    max-height: 78px;
    margin: 0;
    padding: 0
}

.related-stories h4 {
    position: absolute;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%;
    padding: 0 0.5em;
    color: white;
    pointer-events: none;
    text-transform: capitalize
}

.related-stories h4 a {
    color: white
}

.related-stories .slide-overlay {
    max-width: 160px;
    max-height: 78px
}

.explore-stories {
    display: block;
    position: relative;
    padding-top: 2em;
    padding-bottom: 2em;
    background: #dfdfd8;
    border-bottom: 4px solid #b3b3a6
}

.explore-stories h3,
.explore-stories h4 {
    color: #737373;
    text-align: center
}

.explore-stories .grid-wrapper {
    padding-left: 10%;
    padding-right: 10%
}

@media (min-width:727px) {
    .explore-stories .grid-wrapper {
        padding-left: 5%;
        padding-right: 5%
    }
}

.explore-block-title {
    margin-bottom: 1em
}

@media (max-width:767px) {
    .explore-block-title {
        padding-left: 10%;
        padding-right: 10%
    }
}

.explore-column {
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    vertical-align: bottom
}

.explore-column select {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #fff no-repeat 98%;
    border: 1.5px solid #bdbdae;
    color: #bdbdae
}

.explore-bottom .explore-column {
    width: 100%
}

@media (min-width:727px) {
    .explore-bottom .explore-column {
        width: 30%;
        margin-right: 3%;
        display: inline-block
    }
    .explore-bottom .explore-column:last-child {
        margin-right: 0
    }
}

.player {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.player iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

@media (max-width:767px) {
    .hidden-mobile {
        display: none !important
    }
}

@media (min-width:768px) {
    .hidden-desktop {
        display: none !important
    }
}

#first-time {
    display: none
}

.page-events .main-wrapper {
    padding-left: 2em;
    padding-left: 2em
}

.page-events .search-results li {
    margin: 2em 0
}

.page-events .search-result h3 {
    font-family: "open_sans", sans-serif;
    font-weight: bold;
    font-size: 1.5em
}

.page-events .search-result .search-snippet-info .node-body-event {
    margin-bottom: 1em
}

.page-events .search-result .search-snippet-info .fieldgroup {
    font-family: "open_sans", sans-serif;
    margin-bottom: 1em
}

.page-events .search-result .search-snippet-info .fieldgroup h2 {
    font-family: "open_sans", sans-serif;
    font-weight: bold;
    color: #000;
    font-size: 1.1em;
    line-height: 1.25em
}
/* ====================================================================
Title: Main stylesheet
Author: Mitch Dunaway
Creator: Blackbaud
======================================================================= */

/* Imports
-----------------------------------------------------------------------*/

@font-face {
    font-family: 'open_sans';
    src: url('../../../fonts/OpenSans-Bold-webfont.eot');
    src: url('../../../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../../../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../../../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans';
    src: url('../../../fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('../../../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../../../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../../../fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'open_sans';
    src: url('../../../fonts/OpenSans-Italic-webfont.eot');
    src: url('../../../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../../../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../../../fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'open_sans';
    src: url('../../../fonts/OpenSans-Light-webfont.eot');
    src: url('../../../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../../../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../../../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans';
    src: url('../../../fonts/OpenSans-LightItalic-webfont.eot');
    src: url('../../../fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../../../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../../../fonts/OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'open_sans';
    src: url('../../../fonts/OpenSans-Regular-webfont.eot');
    src: url('../../../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../../../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../../../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{font-family:GothamLight;src:url(../../../fonts/GothamLight.eot);src:url(../../../fonts/GothamLight.eot?#iefix) format('embedded-opentype'),url(../../../fonts/GothamLight.woff) format('woff'),url(../../../fonts/GothamLight.ttf) format('truetype'),url(../../../fonts/GothamLight.svg#GothamLight) format('svg');font-weight:700;font-style:normal}


/* Reset
-----------------------------------------------------------------------*/

/* apply a natural box layout model to all elements */

*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
 }

html {
	background: none;
	height: 100%;
}

body {
	-webkit-font-smoothing: auto;
	background: none;
	height: 100%;
	margin: 0 auto;
}

textarea,
input[type="text"],
input[type="submit"],
input[type='password'],
input[type="email"] {
	border: 1.5px solid #cacac2;
	-webkit-appearance: none;
	border: 1px solid rgb(166, 166, 166)
	/* webkit is starting to become a nuisance */
}

button,
input,
select,
textarea {
	font: 100%/1.5 "open_sans",sans-serif;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	font-size: 14px;
}

/* Typography
-----------------------------------------------------------------------*/

body,
p,
li,
ol,
ul,
table,
tr,
th,
td,
span,
.Explicit {
	font: 100%/1.5 "open_sans",sans-serif;
	color: #737373;
	border: none;
}

label{
	display:inline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	color: rgb(115,115,115);

	line-height: normal;
	text-transform: uppercase;
	font-weight: 100;
	margin-bottom: 0.25em;
	clear: both;
}

h1 {
font-size: 2.5em;
}

h2 {

}

h3 {

}

h4 {

}

h5 {

}

h6 {

}

p {
	margin-top: 0;
}

a,
a:active,
a:link,
a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.btn{
border: none !important;
	background:#f26529 !important;
display: inline-block;
font-size: 0.8em;
color: white;
line-height: 1;
padding: 0.8rem;
border: 0;
text-align: center;
text-transform: uppercase;
}


/* Global Classes
-----------------------------------------------------------------------*/

.img-replace {
	display: block;
	text-indent: -9999em;
	overflow: hidden;
}

.top-level > .inner {
	max-width: 1020px;
	position: relative;
	margin: 0 auto;

}

.top-level > .inner,
nav ul {
	zoom: 1;
}

.top-level > .inner:after,
nav ul:after {
	clear: both;
}

.top-level > .inner:before,
.top-level > .inner:after,
nav ul:before,
nav ul:after {
	content: "";
	display: table;
}

/* Add-Ons and Widgets (also thing-a-ma-bobs)
-----------------------------------------------------------------------*/

#at4-share {
	top: 310px;
}

/* Header
-----------------------------------------------------------------------*/

header.top-level  {
	border-bottom: 5px solid rgb(41,134,226);
	min-height:90px;
}

header.top-level > .inner {
	height: 182px;
}

#header_logo,
#footer_logo {
	background: url(../../../images/wrpr/giving/2014/bg_header_logo.gif) no-repeat 0 0;
	height: 82px;
	width: 270px;
}

#header_logo {
	position: absolute;
	left: 30px;
	top: 30px;
}

#nav_reveal {
	height: 20px;
	width: 24px;
	position: absolute;
	top: -30px;
	left: 20px;
	background: url(../../../images/wrpr/giving/2014/hamburger.png) no-repeat 0 0;
}



#sign_up {
	position: absolute;
	right: 410px;
	top: 15px;
	width: 89px;
}

#sign_up_button {
	position: relative;
	display: block;
	width: 89px;
	height: 45px;
	text-transform: uppercase;
	color: rgb(115, 115, 115);
	font-size: 0.875em;
	line-height: 40px;
	padding: 0 0 0 10px;
}

#sign_up_button:after {
	display: block;
	content: '';
	background: url(../../../images/wrpr/giving/2014/sprite_flyout_arrow.png) no-repeat 0 0;
	position: absolute;
	right: 10px;
	top: 19px;
	width: 9px;
	height: 5px;
}

#sign_up_button.active {
	text-decoration: none;
	background: rgb(223,223,216);
}

#sign_up_button.active:after  {
	background-position: 0 -5px;
}

#sign_up form {
	display: none;
	background: rgb(223,223,216);
	width: 339px;
	border-bottom: 5px solid rgb(179,179,166);
	padding: 20px 30px;
	z-index: 20;
	position: absolute;
	top: 45px;
	left: 0;
}

#sign_up form.active {
	display: block;
}


#sign_up form p {
	font-size: 1.125em;
	line-height: 1.2em;
	font-weight: 100;
}

#sign_up input {
	display: inline-block;
}

#sign_up input[type='text'],
#sign_up input[type='email'] {
	background: rgb(255,255,255);
	border: 1px solid rgb(205,205,205);
	padding: 13px 23px;
	margin: -1px 0 10px;
	font-size: .8em;
	width: 190px;
	height: 40px;
}

#sign_up input[type='email'] {
	float: left;
	margin: -1px 10px 20px 0;
}

#sign_up input[type='submit'] {
	background: rgb(179,179,166);
	border: none;
	display: block;
	width: 73px;
	height: 38px;
	text-transform: uppercase;
	color: rgb(255,255,255);
	font-size: .75em;
	font-family: 'open_sans', serif;
}

#sign_up input[type='submit']:hover {
	background: rgb(41,134,226);
	color: rgb(255,255,255);
}

#sign_up_close {
	text-transform: uppercase;
	color: rgb(115,115,115);
	display: block;
	padding: 0 5px 0 0;
	width: 90px;
	position: absolute;
	right: 18px;
	bottom: 11px;
}

#site_search {
	position: absolute;
	right: 123px;
	top: 15px;
}

#site_search input[type='text'] {
	background: rgb(255,255,255);
	border: 1px solid rgb(205,205,205);
	padding: 13px 23px;
	margin: 0 10px 0 0;
	font-size: .8em;
	width: 190px;
	height: 40px;
}

#site_search input[type='submit'] {
	background: rgb(63,146,229);
	border: none;
	width: 73px;
	height: 40px;
	text-transform: uppercase;
	color: rgb(255, 255, 255);
	font-size: .75em;
	font-family: 'open_sans', serif;
}

#site_search input[type='submit']:hover,
#donate_button:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	text-decoration: none;
}

#donate_button {
	position: absolute;
	right: 30px;
	top: 15px;
	background: rgb(243,117,63);
	display: block;
	width: 73px;
	height: 40px;
	padding: 0 10px;
	text-transform: uppercase;
	color: rgb(255, 255, 255);
	font: bold.75em/40px 'open_sans', serif;
	text-align: center;
}


/* Navigation (Global)
-----------------------------------------------------------------------*/

nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

nav li {
	padding: 0;
	margin: 0;
	float: none;
	position: relative;
}

nav li a {
	display: block;
}

nav li:hover .drop-down,
nav li:active .drop-down {
	display: block;
}

nav .drop-down {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
}

nav .drop-down.last {
	left: auto;
	right: 0;
}

nav .drop-down li {
	float: none;
}

/* Navigation (#main_navigation)
-----------------------------------------------------------------------*/

#main_navigation {
	position: absolute;
	right: 30px;
	bottom: -5px;
	z-index: 10;
}

#main_navigation > ul {
	position: relative;
}

#main_navigation > ul > li{
	margin-left: 5px;
}

#main_navigation > li:first-child{
	margin-left: 0;
}

#main_navigation > ul > li > a,
#main_navigation > ul > li > a:link,
#main_navigation > ul > li > a:visited,
#main_navigation > ul > li > a:hover,
#main_navigation > ul > li > a:active {
	text-transform: uppercase;
	color: rgb(41,134,226);
	padding: 10px 20px;
}

#main_navigation > ul > li:hover > a,
#main_navigation > ul > li:active > a  {
	background: rgb(242,101, 41);
	color: rgb(255,255,255);
	text-decoration: none;
}

#main_navigation .drop-down {
	border-bottom: 1px solid rgb(225,225,225);
}

#main_navigation .drop-down a,
#main_navigation .drop-down a:link,
#main_navigation .drop-down a:visited {
	background: rgb(255,255,255);
	border: 1px solid rgb(225,225,225);
	border-top: none;
	text-transform: uppercase;
	color: rgb(115,115,115);
	padding: 15px 20px;
	width: 225px;
}

#main_navigation .drop-down a:hover,
#main_navigation .drop-down a:active {
	color: rgb(242,101,41);
	text-decoration: none;
}

/* #content
-----------------------------------------------------------------------*/

#content {
	padding: 10px 0 30px;
}

/* Footer
-----------------------------------------------------------------------*/

footer.top-level {
	font-size: 0.875em;
	padding: 0 0 70px;
}

footer.top-level a,
footer.top-level a:active,
footer.top-level a:link,
footer.top-level a:visited {
	color: rgb(115, 115, 115);
}

#footer_logo {
	margin: 50px auto 0;
}

#footer_nav {
	margin: 30px auto 0;
}

#contact_information {
	margin: 20px auto 0;
	font-size: 15px;
	-webkit-font-smoothing: antialiased;
}

#contact_information ul,
#footer_nav ul {
	font-size: 15px;
	-webkit-font-smoothing: antialiased;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

#contact_information li,
#footer_nav li {
	padding: 7px 14px;
	margin: 0;
	border-left: 1px solid rgb(160,160,160);
	display: inline-block;
	float: none;
}

#contact_information li:first-child,
#footer_nav li:first-child {
	border-left: none;
}

#social_links {
	width: 170px;
	margin: 35px auto 0;
	padding: 45px 0 0;
	position: relative;
}

#social_links p {
	-webkit-font-smoothing: antialiased;
	margin: 0;
	font-size: 16px;
}

#social_links nav {
	position: absolute;
	top: 0;
}

.footer-social-logo {
	width: 32px;
	height: 32px;
	margin: 0 9px;
	background-image: url(../../../images/wrpr/giving/2014/sprite_social.png);
	background-repeat: no-repeat;
}

#footer_facebook_logo {
	background-position: 0 0;
}

#footer_twitter_logo {
	background-position: -32px 0;
}

#footer_youtube_logo {
	background-position: -64px 0;
}

.logo-wrapper {
	margin-top: 30px;
}

.header {
	border-bottom: 4px solid #2986e2;
	background: white;
	padding: 0;
}

.footer-logo img {
	float: none;
}

.footer-logo .logo-title {
	clear: both;
	display: block;
	text-align: center;
	padding-top: 10px;
	color: #888;
	font-size: 0.95em;
}

.footer-logo .logo-wrapper {
	float: none;
	position: relative;
	left: 50%;
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
}

.footer-logo {
	width: 100%;
	text-align: center;
}



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

  body{
    font-size:12px !important;
  }

.FormLabel, .CheckboxLabel {
font-size: 12px !important;
}

.required-label {
font-size: 10px !important;
width: 100px !important;
}

  div.donation-form-container.responsive {
    padding: 0px 25px !important;
  }

div.donation-level-container, div.program_button-container, div.honor_memorial_button {
  font-size: 17px !important;
}

div.donation-level-container,
div.program_button-container{
  width: 95px !important;
  margin-right: 10px !important;
}

div.honor_memorial_button {
	width: 205px !important;
}

div.donation-level-container:last-child,
div.program_button-container:last-child {
  width: 205px !important;
}

.donation-level-amount-container,
.donation-level-label-container{
  font-size:  35px !important;
}

h2.section-header-container:first-of-type{
 padding: 0px !important;
}

.section-header-container, #gift-amount-header {
  font-size: 18px !important;
}

	#employer_street_row input, #billing_addr_street1_row input, #billing_addr_street2_row input, #billing_addr_street3_row input, #billing_addr_country_row input.ui-autocomplete-input, #donor_addr_street1_row input, #donor_addr_street2_row input, #donor_addr_street3_row input, #donor_addr_country_row input.ui-autocomplete-input, #shipping_addr_street1_row input, #shipping_addr_street2_row input, #shipping_addr_street3_row input, #shipping_addr_country_row input.ui-autocomplete-input, #tribute_notify_recip_street1_row input, #tribute_notify_recip_street2_row input, #tribute_notify_recip_street3_row input, #tribute_notify_recip_country_row input.ui-autocomplete-input, #tribute_signature_row input, #tribute_message_closing_row input, div.employer-address-container input#employer_street, #donor_email_addressname, #billing_first_namename, #billing_middle_namename, #billing_last_namename, #billing_addr_country, #billing_addr_street1name, #billing_addr_street2name,  #donor_addr_country, #tribute_notify_recip_namename, #tribute_honoree_namename, #tribute_notify_recip_country{
		width: 200px !important;
		height: 31px ;
	}

	#billing_title, #donor_title, #donor_suffix,  #billing_suffix, #company_name_input, #contact_title__input, #donor_phonename, #billing_addr_cityname, #billing_addr_state,  #donor_addr_state, #tribute_notify_recip_cityname, #tribute_notify_recip_state {
	   width: 200px !important ;
	   height: 31px ;
	}

	#billing_addr_zipname, #tribute_notify_recip_zipname{
	   width: 110px !important;
	   height: 31px ;
	}

	#credit-card-msg{
		width:280px !important;
	}
}
@media only screen
and (min-width : 351px)
and (max-width : 480px) {
    #billing_addr_street1name, #billing_addr_street2name {
        width: 250px !important;
    	height: 31px;
    }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 351px)
and (max-width : 480px),
@media only screen
and (orientation: landscape) {

  body{
    font-size:14px !important;
  }


.FormLabel, .CheckboxLabel {
font-size: 14px !important;
}

.required-label {
font-size: 12px !important;
width: 115px !important;
}

  div.donation-form-container.responsive {
    padding: 0px 25px !important;
  }


h2.section-header-container:first-of-type{
 padding: 0px !important;
}

.section-header-container, #gift-amount-header {
  font-size: 24px !important;
}

#employer_street_row input, #billing_addr_street1_row input, #billing_addr_street2_row input, #billing_addr_street3_row input, #billing_addr_country_row input.ui-autocomplete-input, #donor_addr_street1_row input, #donor_addr_street2_row input, #donor_addr_street3_row input, #donor_addr_country_row input.ui-autocomplete-input, #shipping_addr_street1_row input, #shipping_addr_street2_row input, #shipping_addr_street3_row input, #shipping_addr_country_row input.ui-autocomplete-input, #tribute_notify_recip_street1_row input, #tribute_notify_recip_street2_row input, #tribute_notify_recip_street3_row input, #tribute_notify_recip_country_row input.ui-autocomplete-input, #tribute_signature_row input, #tribute_message_closing_row input, div.employer-address-container input#employer_street, #donor_email_addressname, #billing_first_namename, #billing_middle_namename, #billing_last_namename, #billing_addr_country, #billing_addr_street1name, #billing_addr_street2name,  #donor_addr_country, #tribute_notify_recip_namename, #tribute_honoree_namename, #tribute_notify_recip_country {
	width: 250px !important;
	height: 31px ;
}

	#billing_title, #donor_title, #donor_suffix,  #billing_suffix, #company_name_input, #contact_title__input, #donor_phonename, #billing_addr_cityname, #billing_addr_state,  #donor_addr_state, #tribute_notify_recip_cityname, #tribute_notify_recip_state {
	   width: 250px !important ;
	   height: 31px ;
	}

	#billing_addr_zipname, #tribute_notify_recip_zipname{
	   width: 110px !important;
	   height: 31px ;
	}

	#credit-card-msg{
		width:320px !important;
	}
}

body{
  font-family: 'open_sans', sans-serif;
  font-size:16px;
}

.logo-footer-wrapper{
width: 100% !important;
position: relative;
padding-top: 20px;
}

/*table{
  margin: 20px 0px;
}*/

/*td{
  padding: 10px 50px 0px 0px;
}*/

td{
	padding: 0.2em 0px;
}

th{
  /*background-color: rgb(41,134,226);*/
  /*padding: 10px;*/
  /*color: white;*/
}

div.responsive div.ErrorMessage.page-error>span.field-error-text{
  width: auto !important;
}

header{
position: relative;
width: 100%;
max-width: 1360px;
height: auto;
margin: 0 auto;
display:block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: white;
font: 100%/1.5 "open_sans",sans-serif;
-webkit-text-size-adjust: 100%;
color: #737373;
}


.wrapper:after {
content: " ";
display: block;
clear: both;
}

#content,
footer{
	display:none;
}

.sf-menu a{
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  font-family: inherit;
  padding: 0.2em 1em;
  text-decoration: none;
  zoom: 1;
  display:block;
  position:relative;
}

#norton-img{
  margin-top: 4px;
  height: 40px;
  display: inline-block;
}

.required-label{
margin-right: -16px;
color: #A00000;
font-size: 14px;
float: right;
width: 120px;
text-transform: none;
}

div.donation-form-content{
	padding: 0px ;
	background-color: #ddd ;
}

div.donation-form-container.responsive{
	background-color: #ddd !important;
	border:none !important;
	padding: 0px !important;
	padding-bottom: 25px;
	margin: 25px;
}

div.form.row{
	margin:0;
}

#level_standard_row.form-content{
	background-color: #2986e2 !important;
	color: #fff !important;
}

.section-header-container,
#gift-amount-header {
	font-family: 'Open Sans', sans-serif;
    font-family: "pantheonLightFont", sans-serif;
	margin: 0px !important;
	padding: 10px 10px 10px 30px !important;
	background-color: #2986e2 !important;
	color: #fff !important;
	font-size:30px;
	line-height: 40px;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
}

.white-space{
	width:100%;
	height:15px;
	background-color: #fff;
}

.donation-form-content h2.section-header-container:first-of-type{
	padding-top: 10px !important;
	padding-bottom: 25px !important;
	padding-left: 0px !important;
	background-color: #fff !important;
	font-size: 2em;
	color: #777 !important;
	border: none;
	font-weight: bold;
	padding: 0 0 20px 0;
	text-transform:none;
}

.don-standard-levels,
.form-row,
.form-input{
	padding: 0px 30px;
	display: inline-block;
	vertical-align: top;
}

#choose_program_container{
	padding: 0px !important;
}

.form-donation-level{
	padding: 0px !important;
}

@charset "UTF-8";
select {
padding: 0px 40px 0px 6px;
border-radius: 0;
line-height: 2em;
-webkit-appearance: none;
overflow: hidden;
background: url(http://mskcc.convio.net/images/content/pagebuilder/down_select.jpg) no-repeat right #fff;
border: 1px solid rgb(166, 166, 166);
}

div.responsive input[type="text"], div.responsive input[type="number"], div.responsive input[type="password"], div.responsive textarea, div.responsive select {
border: 1px solid rgb(166, 166, 166);
/*padding: 3px 6px;*/
border-radius: none;
-moz-border-radius: none;
-webkit-border-radius: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
}

.FormLabel, .CheckboxLabel, div.responsive {
background-color: transparent !important;
font-weight: normal;
font: 100%/1.5 "open_sans",sans-serif;
white-space: normal;
text-align: left;
vertical-align: top;
color: #737373 !important;
}

div.level-container{
	display:none;
}

.donation-level-input-container.form-input .donation-level-amount-container {
padding: 24px;
}

div.form-summary {
width: 100%;
}

input[type="checkbox"]{
  	position: relative;
	vertical-align: middle !important;
	position: relative;
	box-shadow: none !important;
}

input#level_standardauto_repeatname {
display: inline-block;
position: relative;
top: 0px !important;
left: 0px !important;
padding: 0px;
}

#tribute_show_honor_fields_Row label.CheckboxLabel,
input#tribute_show_honor_fieldsname {
left: 0px !important;
}

div.addBorder {
height: auto;
}

.white_bg{
	background-color: #fff !important;
}

input[type="checkbox"] {
margin-right: 0px;
}

input[type="checkbox"],
input[type="radio"] {
vertical-align: middle !important;
border: none;
padding: 2px !important;
background-color: inherit;
}

#floatcol {
margin-top: -55px;
}

div#donor_matching_employer_company_information {
display: block;
}


div.four-figures{
  width: 140px !important;
}

div.five-figures{
  width: 160px !important;
}

div.six-figures{
  width: 180px !important;
}

div.donation-level-container,
div.program_button-container,
div.honor_memorial_button,
div.p_fund_progress_btn{
	clear:none !important;
	float:left;
	width:120px;
	height:65px;
	position:relative;
	border: 1px solid #ddd !important;
	margin-right:10px;
	list-style-type:none;
	-moz-border-radius: 1px !important;
	-webkit-border-radius: 1px !important;
	border-radius: 1px !important;
	color: #f26529;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	line-height:22px;
	text-align:center;
	vertical-align: middle;
	padding-top:5px;
	background-color: #fff;

}

div.honor_memorial_button{
	width: 125px !important;
}

.level-container .level input {
display: none;
}

.level-container .level label {
font-size: 40px;
}

  #fundChoices label,
  #Progress_Buttons label,
  #choose_honor_memorial_container label{
		  line-height: 25px;
		-webkit-font-smoothing: antialiased;
		display: block;
		padding-top: 0px;
		padding-right: 0px;
		padding-left: 10px;
  }

  /* PERSONAL FUNDRAISING REGION */

div.pf_container{
	padding:20px 5px;
}

.p_fund_progress_btn label{
  	font-size:28px;
 }

.p_fund_progress_btn span{
  	font-size:13px;
 }

div.p_fund_progress_btn{
	width:170px;
	height:90px;
}

.Progress_Buttons span{
	clear:left;
}

.default-submit-hack{
	display:none;
}

.current_pf{
	background-color: #f26529 !important;
	color: #fff !important;
}

.current_pf span{
	color: #fff !important;
}

table.ProgressBox{
	display:none;
}

.Progress_Buttons{
	margin: 15px 0px;
	height: 100%;
	overflow: auto;
}

td.TableHeadings {
	background-color: #2986e2;
}

td.TableHeadings p {
	color: #fff;
}

#IUnsubscribeCategory td.TableHeadings p, #IUnsubscribeEmail td.TableHeadings p, #IChangeEmailFormat td.TableHeadings p {
	color:#737373;
	font-size: 1.5em;
	font-family: "open_sans",sans-serif;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 100;
    margin: 1em 0;
    clear: both;
}

#IUnsubscribeCategory td.TableHeadings, #IUnsubscribeEmail td.TableHeadings, #IChangeEmailFormat td.TableHeadings {
	background: #ffffff;
}

#IUnsubscribeCategory p.wrapable {
	text-align: left;
}

#IUnsubscribeEmail input.Button {
	margin-bottom: 25px;
}

#IChangeEmailFormat input.Button {
	margin: 1em 0 2.5em;
}

.TribHint {
font-size: inherit;
/*font: inherit;*/
padding: 15px 0px;
}

div.FormBox {
  font-family: inherit;
  font-size: inherit;
  width: 100%;
  max-width: 850px;
}

.Smaller {
  font-family: inherit;
}
  /* END PERSONAL FUNDRAISING REGION */


.top-padding-20{
	padding-top:20px !important;
}

div.donation-level-container:last-child, div.program_button-container:last-child{
	width:186px;
}

div.program_button-container:last-child{
	text-align:left;
	padding-left: 5px 10px !important;
}

div.donation-level-container:hover,
div.program_button-container:hover,
div.honor_memorial_button:hover,
div.donation-level-container:hover .small-dollar{
	background-color: #619EE8 !important;
	color: #eee !important;
	cursor:pointer;
}

div.responsive{
	max-width: 896px;
	width: auto;
  	margin: 0 auto;
}

div.responsive div.form-checkbox label,
label.custom-element-checkbox-label {
  display: inline !important;
}

.donation-level-amount-container, .donation-level-label-container{
	-webkit-font-smoothing: antialiased;
	padding: 0px 25px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-size:40px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
}

div.form-donation-level .form-content{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

div.donation-level-general-ask, div.html-caption-container {
color: #737373;
}

div.html-caption-container {
	max-width: 800px !important;
}

.donation-level-label-container{
	padding: 20px 15px;
}

div.donation-level-amount-container div:nth-child(2){
	padding: 0 !important;
}

.donation-level-label-input-container input[type="radio"],
.donation-level-container input[type="radio"] {
    opacity:0.011;
    filter: alpha(opacity=1);
}

div.responsive button.action-button,
div.responsive a.next-step, div.responsive button.next-step{

    border: 1px solid #2986e2;
    background-color: #2986e2;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2986e2', endColorstr='#2986e2');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2986e2', endColorstr='#2986e2')";
    background-image: -ms-linear-gradient(top, #2986e2, #2986e2);
    background-image: -webkit-linear-gradient(top, #2986e2, #2986e2);
    background-image: -moz-linear-gradient(top, #2986e2, #2986e2);
    background-image: -o-linear-gradient(top, #2986e2, #2986e2);
    background-image: linear-gradient(top, #2986e2, #2986e2);
    color: #ffffff;

}

.donation-level-label-container{
	opacity:0.001;
    filter: alpha(opacity=0);
}

.selected{
	background-color: #2986e2 !important;
	color: #fff !important;
}

.selected:hover{
	color: #666 !important;
}

.selected .donation-level-user-entered input{
	color: #fff !important;
}

#txtOtherProgram{
	width: 165px;
	border: none !important;
	background: transparent;
	font-family: 'Open Sans', sans-serif !important;
	color:    #FAC1A9 !important;
	font-weight: 100;
	-webkit-border-radius: 0px !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: 0px !important;
	box-shadow: none !important;
	padding: 0px;
}

.donation-level-user-entered input{
	-webkit-font-smoothing: antialiased;
	background: transparent;
	position:absolute;
	right:5px;
	top: 6px;
	width: 160px;
	height: auto !important;
	border: none !important;
	line-height: 40px;
	font-size:40px !important;
	font-family: 'Open Sans', sans-serif !important;
	color: #f26529;
	font-weight: 100;
	-webkit-border-radius: 0px !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: 0px !important;
	box-shadow: none !important;
	padding-left: 28px !important;
 width:100%;
 font-size: 27px !important;
left:0px;
}

#cvv_button{
color: #3596D4;
padding-left: 30px;
display: inline-block;
cursor:pointer;
}

.small-dollar{
	color: #f26529;
	font-family: 'Open Sans', sans-serif;
	position: absolute;
	top: 14px;
	left: 10px;
	font-size: 24px;
	font-weight: 100;
}


.selected .small-dollar{
	color: #fff !important;
}



::-webkit-input-placeholder { /* WebKit browsers */
    /*color:    #FAC1A9;*/
    /*font-weight:100;*/
    font-family: 'Open Sans', sans-serif;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   /*color:    #FAC1A9;*/
   /*font-weight:100;*/
   font-family: 'Open Sans', sans-serif;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   /*color:    #FAC1A9;*/
   /*font-weight:100;*/
   font-family: 'Open Sans', sans-serif;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   /*color:    #FAC1A9;*/
   /*font-weight:100;*/
   font-family: 'Open Sans', sans-serif;
}

 .custom-combobox {
    position: relative;
    display: inline-block;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
  }
  .custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
  }

  #tribute_type_row{
  	display: block;
  }

  #tribute_type_row select{
  	display: none;
  }

.close-button{
font-size: 18px;
font-family: Verdana, Helvetica, Arial, sans-serif;
padding: 10px;
background-color: #000;
float: right;
color: #fff;
cursor: pointer;
}

  .hidden{
  	display:none;
  }

  #other{
  	display: none !important;
  }

  #fundChoices{
  	display: block;
  }

  #tribute_type_row{
  	margin: 0px;
  }

 #choose_program_container{
  	padding: 20px 0px !important;
  }

.donation-levels{
	padding: 0px !important;
}


  div.program_button-container:last-child{
	text-align:left;
	padding: 5px 10px;
}

.form-donation-level .field-required{
	display:none !important;
}

div.button-container {
margin-left: 30px;
}

#pstep_finish,
#pstep_next,
#pstep_previous,
input[type=button],
input[type=reset],
input[type=submit],
.Button{
	margin: 2px 10px 2px 0px;
	background-color: #2986e2;
	color: white;
	background-image: none;
	font-size: 16px;
	padding: 10px 20px;
	max-width: 350px;
	float:left;
	text-transform: uppercase;
	border:none;
}
input[name="GO_TO_CHECKOUT"] {
    margin-right: 0;
}
.ShoppingButtonPrimary {
    margin: 0!important;
    float: right!important;
    margin-left: 15px!important;
}
.ShoppingRow a.Smaller {
    margin: 0;
}

input#donor_matching_employersearchname {
	margin: 25px 30px 0px 0px;
}

#donor_matching_employersearchBtn {
	margin: 25px 10px 2px 0px;
	background-color: #2986e2;
	color: white;
	background-image: none;
	font-size: 16px;
	padding: 4px 20px;
	text-transform: uppercase;
	border: none;
}

input.FriendRaiserButtons{
	   margin-right: 30px;
}

.button-container {
padding-bottom: 10px !important;
}

#pstep_finish:hover,
#pstep_next:hover,
#donor_matching_employersearchBtn:hover,
#i_graphic_upload_delete:hover,
#i_graphic_upload_upload:hover,
#friend_send_email:hover,
#taf_popup_preview:hover,
#friend_save_template:hover,
#friend_send_cancel:hover,
#friend_save:hover,
#friend_done:hover,
#friend_cancel:hover,
#fund_search:hover,
#fund_showall:hover,
#fund_cancel:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover,
#trib_page_link:hover,
.Button:hover,
.donate-btn:hover,
.btn-orange:hover,
.yui-button button:hover{
	color: #fff ;
	background-color: #737373 ;
	text-decoration: none !important
}

a:hover{
	text-decoration: none !important
}

#payment_typecc_exp_date_row{
	float: left;
}

/*#tribute_notify_recip_city_row,
#billing_addr_city_row{
	display: block;
}*/

#responsive_payment_typecc_type_row{
	padding: 10px 0px 0px 30px;
        width:185px;
}

#responsive_payment_typecc_number_row{
  padding: 10px 0px 0px 30px;
  width:100%;
}

div.button-container {
	border-top: none !important;
	margin-top: 0px !important;
	padding: 20px 0px !!important;
}

select{
	/*margin-top: 3px !important;*/
	height: 31px !important;
	min-width: 95px;
	margin-bottom:3px;
	max-width: 263px;
}

input{
  padding:  0px 0px 0px 8px; /* 0.5em 0.65rem;*/
  border-radius: 0px !important;
}

input[type=text],
input[type='password'],
input[type=select]{
	height: 31px;
}

.appArea input[type=text],
.appArea input[type='password'],
.appArea input[type=select]{
	margin-bottom:10px;
}

#user_name {
	width: 263px;
}

#primary_email {
	width: 250px;
}

.wrapper {
max-width: 60em;
margin-left: auto;
margin-right: auto;
}

.mobile-top-bar {
position: relative;
z-index: 97;
float: right;
height: 50px;
background: white;
margin-bottom: 18px;
}

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


.TributeTitle{
	max-width: 450px;
}
  #employer_street_row input, #billing_addr_street1_row input, #billing_addr_street2_row input, #billing_addr_street3_row input, #billing_addr_country_row input.ui-autocomplete-input, #donor_addr_street1_row input, #donor_addr_street2_row input, #donor_addr_street3_row input, #donor_addr_country_row input.ui-autocomplete-input, #shipping_addr_street1_row input, #shipping_addr_street2_row input, #shipping_addr_street3_row input, #shipping_addr_country_row input.ui-autocomplete-input, #tribute_notify_recip_street1_row input, #tribute_notify_recip_street2_row input, #tribute_notify_recip_street3_row input, #tribute_notify_recip_country_row input.ui-autocomplete-input, #tribute_signature_row input, #tribute_message_closing_row input, div.employer-address-container input#employer_street, #donor_email_addressname, #billing_first_namename, #billing_middle_namename, #billing_last_namename, #billing_addr_country, #billing_addr_street1name, #billing_addr_street2name,  #donor_addr_country,   #tribute_notify_recip_namename, #tribute_honoree_namename, #tribute_notify_recip_country{
  width: 360px !important;
  height: 31px ;
  }

  #billing_title, #donor_title, #donor_suffix,  #billing_suffix, #company_name_input, #contact_title__input, #donor_phonename, #billing_addr_cityname, #billing_addr_state,     #donor_addr_state, #tribute_notify_recip_cityname, #tribute_notify_recip_state {
   width:277px !important;
   height: 31px ;
  }

  #billing_addr_zipname, #tribute_notify_recip_zipname{
   width: 100px !important;
   height: 31px ;
  }
}

@media only screen
and (min-width : 768px)
and (max-width : 867px)
{
  #employer_street_row input, #billing_addr_street1_row input, #billing_addr_street2_row input, #billing_addr_street3_row input, #billing_addr_country_row input.ui-autocomplete-input, #donor_addr_street1_row input, #donor_addr_street2_row input, #donor_addr_street3_row input, #donor_addr_country_row input.ui-autocomplete-input, #shipping_addr_street1_row input, #shipping_addr_street2_row input, #shipping_addr_street3_row input, #shipping_addr_country_row input.ui-autocomplete-input, #tribute_notify_recip_street1_row input, #tribute_notify_recip_street2_row input, #tribute_notify_recip_street3_row input, #tribute_notify_recip_country_row input.ui-autocomplete-input, #tribute_signature_row input, #tribute_message_closing_row input, div.employer-address-container input#employer_street, #donor_email_addressname, #billing_first_namename, #billing_middle_namename, #billing_last_namename, #billing_addr_country, #billing_addr_street1name, #billing_addr_street2name,  #donor_addr_country,   #tribute_notify_recip_namename, #tribute_honoree_namename, #tribute_notify_recip_country{
  width: 330px !important;
  height: 31px ;
  }

  #billing_title, #donor_title, #donor_suffix,  #billing_suffix, #company_name_input, #contact_title__input, #donor_phonename, #billing_addr_cityname, #billing_addr_state,     #donor_addr_state, #tribute_notify_recip_cityname, #tribute_notify_recip_state {
   width:247px !important;
   height: 31px ;
  }

  #billing_addr_zipname, #tribute_notify_recip_zipname{
   width: 100px !important;
   height: 31px ;
  }
}

#credit-card-msg{
	padding:20px 40px 15px 30px;
	width:350px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: #f26522;
	color: #fff;
}

#credit-card-msg h2{
	font-size: 14px;
	color:#333;
    font-weight: bold;
}

#credit-card-msg p{
	color: #fff;
	font-size: 12px;
	padding: 10px 0px;
}

.arrow-down {
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #f26522;
	margin-left:60px;
}

#msg-pop-up{
	position:absolute;
	display: none;
	top:800px;
	left:30px;
}

.footer-title {
font-family: Georgia,Times,"Times New Roman",serif;
clear: both;
display: block;
text-align: center;
padding-top: 10px;
color: #888;
font-size: 16px;
line-height: 1.1em;
}

.logo-link{
  text-decoration: none !important;
}

#tribute_notify_recip_name_row,
#donor_email_address_row{
	width:100%;
}

#gift_notification_message{
	padding: 15px 0;
	width: 100%;
}

#content {
max-width: 845px;
margin: 0 auto;
width: auto;
}
@media screen and (max-width: 900px) {
	#content {
		padding: 10px 15px 30px;
	}
}

.logo-footer-wrapper{
	clear:both;
}

.yui-dialog{
	padding: 20px;
 	background-color: #ddd;
}

.Smaller {
	line-height: 8pt;
	margin-bottom: 0 !important;
}

.Hint{
	font: 100%/1.5 "open_sans",sans-serif;
	font-size:12px;
	color: inherit;
}

.yui-button button {
margin-top: 20px;
padding: 10px 20px;
color: white;
background-color: #2986e2 !important;
}

label{
	padding-bottom: 0px;
	margin-right: 10px;
}

.sign-up {
float: right;
margin-top: 0.6em;
padding: 10px;
text-transform: uppercase;
color: #737373 !important;
}

#edit-search-block-form--2{
	background-color: #fff;
	border-radius: 5px !important;
	font-size:16px;
}

.mobile-top-bar #overlay {
	width: 100%;
}

.search-form .form-type-textfield input[type="text"] {
height: auto;
width: 100%;
padding: 0.45em 1.65rem 0.45em 0.65rem;
background: url(https://giving.mskcc.org/sites/all/themes/custom/mskgiving_theme/patternlab/images/magnifyingglass.png) no-repeat transparent 99%;
}

#social_links nav li{
	float:left !important;
}

/*Personal Fundraising*/
.colBox H5{
	padding: 0px;
}

#TributeFund{
	height:100%;
	overflow: auto;
}

p.cstmHeading, span.cstmHeading{
	color: inherit;
}

.TributeTitle{
	max-width: 580px;
	color: inherit;
}

.appArea {
	max-width: 850px;
	width: 100%;
}

.ROValue {
background-color: inherit;
padding-left:25px;
}

a.btn, a.btn:visited, a.editBtn, a.editBtn:visited, input.btn, input.btnMini, input.btnSm, input.btnMed, input.btnLg {
font-family: inherit;
}

.newsletter input[type="text"], .newsletter input[type="email"] {
	font-size: inherit;
}

#tally.colBox {border:none;}
INPUT#trib_donate.Button {min-width: 230px;}

.Smaller a {
	line-height: 20px;
	font-size: 12px;
}

/*input.FriendRaiserButtons {
	font-size: 10px;
	padding: 5px;
	margin-right: 30px;
}*/

span#edit_pageHeader {
margin-right: 10px;
color: #fff;
}

a.poplight {
color: #ccccff;
}

/*input.FollowUpButtons {

}*/

/*.Button, .AddressBookButtons {
margin: 2px 10px 2px 0px !important;
padding: 10px !important;
font-size: 12px !important;
}*/

/*.FormBox .TableHeadings p {
color: rgb(115,115,115);
}

.FormBox .TableHeadings {
background-color: transparent;
}*/

input#go {
background-color: #737373;
margin-top: 0;
font-size: 12px;
padding: 6px;
float: right;
margin-bottom: 0px;
}

input.FollowUpButtons,
input.AddressBookButtons{
width: auto;
margin: 2px 10px 2px 0px !important;
padding: 5px 10px !important;
font-size: 12px !important;
}

#tribHelp {
color: #ccccff !important;
}

a.HelpLink{
color: #ccccff;
}

span#address_book_text {
font-size: 16px;
}

.appArea li {
margin-bottom: 1em;
}

#trib_page_link{
	float: none;
}

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

input.FriendRaiserButtons {
	margin: 15px;
}

table.FormBox {
font: 100%/1.5 "open_sans",sans-serif;
font-size: 16px;
}

div#photoAlbum h5 {
color: #fff;
font-size: 0.8em;
margin: 3px 5px;
padding: 5px 10px !important;
background-color: #2986e2;
}

form p.Smaller {
font: inherit;
font-size: inherit;
line-height: inherit;
}

span#photoAlbumsTitle {
color: #fff;
}

.champ_side_bar,
div.AddressBook{
	margin: 20px;
	padding: 20px !important;
	background-color: #dfdfd8 !important;
	border:none;
	border-bottom: 4px solid #b3b3a6;
}

.champ_side_bar a.HelpLink{
	color: #3596D4 !important;
}

.appArea a,
.appArea  a:visited,
.fakeLink,
.FormInput a.HelpLink,
.FormInput a.HelpLink:visited {
	color: #3596D4;
	text-decoration: none;
}

.champ_side_bar .FriendRaiserButtons,
div.AddressBook .FriendRaiserButtons{
margin: 4px;
font-size: 10px;
padding: 3px;
}

a.Smaller {
margin: 0px 10px;
color: #737373;
font: inherit;
font-size: 0.85em;
}

.TableHeadings a{
	color: #ccccff !important;
}

.pf_champ_center_title{
font-size: 1.5em;
margin-bottom: 0px;
padding: 25px 10px 25px 10px;
color: #737373;
background: #dfdfd8;
border-bottom: 4px solid #b3b3a6;
}

.pf_champ_center_title span{
	color: #737373 !important;
}

.social_twitter,
.social_fb{
	padding: 0px;
	display: block;
	float: left;
	margin-right: 16px;
	margin-bottom: 16px;
}

.social_twitter img,
.social_fb img{
	width:24px;
	height: 24px;
}

.addBorder{
	width:auto !important;
	background-color: #eee;
	border: 1px solid #ccc;
}

#wall.colBox,
#wall.colBox H5,
#wall.colBox #honorwall,
#wall.colBox H6,
#wall.colBox p{
	background-color: #eee;
	border:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
}

td.champ_side_bar .Smaller {
	text-align: center;
}

td.champ_side_bar input {
width: 100%;
margin: 0 auto;
}

TD.holdsErrorMsgTable {
background-color: #fff;
}

TR.FormRow {
background-color: #fff;
}

TD.FormSectionHeader {
	padding: 0;
	border: none !important;
}

td.FormSectionHeader h5 {
	font-size: 16px !important;
	font: 100%/1.5 "open_sans",sans-serif;
	color: #fff;
	background-color: #2986e2;
}

div#adminBox h5{
	font: inherit;
	font-size: inherit;
	background-color: inherit;
	padding: 5px;
}

div#adminBox .addBorder{
	width: 100% !important;
	background-color: inherit;
	border-top: 1px solid #737373;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

div#adminBox .controlArea{
	background-color: inherit;
}

div#adminBox .controlArea p{
	text-align: center;
	font-size: inherit;
}

div#adminBox .controlArea dt,
div#adminBox .controlArea dd {
margin-left: 10px;
}

div#adminBox .controlArea dt .Smaller,
div#adminBox .controlArea dd .Smaller{
	font-size: inherit;
}

div#adminBox .addBorder p {
margin-top: 15px;
}

div#floatcol .addBorder{
	display: block;
	position: static;
}

.pf-champ-fund-list {
padding-top: 25px;
}

#with_fund_text {
padding: 10px 0px;
}

#with_fund_text h3 {
font-size: 22px;
padding-bottom: 10px;
}

.pf-champ-fund-list-display-list-by-campaign span.FakeLink{
	visibility: hidden;
}

.glyph-icon{
	font-size:50px;
}

.cc_nav_links a:hover,
.glyph-icon:hover {
color: #2986e2;
}

.orange_link,
.selected_nav,
.selected_nav .glyph-icon{
	color: #f26529 !important;
}

.disabled_btn{
	background-color: #737373 !important;
	color: #bbb !important;
}

#ab_online_import2,
#ab_upload2,
#ab_add2{
	display: none;
}

input#trib_page_link,
#i_graphic_upload_delete,
#i_graphic_upload_upload,
#friend_send_email,
#taf_popup_preview,
#friend_save_template,
#friend_send_cancel,
#friend_save,
#friend_done,
#friend_cancel,
#fund_search,
#fund_showall,
#fund_cancel,
input[name="fr_edit_save.x"],
input[name="fr_edit_preview.x"],
input[name="fr_edit_cancel.x"],
input[name="fr_edit_delete.x"] {
border: 1px solid #bbb;
color: #f26529;
background-color: #ddd;
}

.Instructions{
	background-color: #fff;
}

.bullets{
	margin-left: 40px;
	list-style-type: circle;
}

.bullets b {
    color: #535353 !important;
    font-weight: bold;
}

.tributes-caption {
background-color: #fff !important;
}

#tr_recognition_namerec_name_row{
	margin-right: 120px !important;
}

.cons-pers p{
	padding: 0px 20px 0px 10px;
	font-size: inherit;
	color: inherit;
	font-family: inherit;
}
.cons-pers label{
	font-size:14px;
	color: #737373;
	font-family: inherit;
}

input:invalid, textarea:invalid {
background-color: #fff;
}

.letsseeifthisworks{

}

#appAreaNoWidthClearFix {width: 75%;}
#login-div-content .outer-border {border: none;}
#login-div-content .banner-header {background-color: #fff; font-size: 1.2em;}
#login-div-content .login-form {background-color: #fff;}
#login-div-content .input-border {border:none; padding-left: 0px;}
#login-div-content .right-block {max-width: 185px; margin: 0 auto;}
.right-block br {
    display: none;
}

#lmainLogonForm #login {
	margin: 20px 10px 2px 0;
}
#login-div-content h3 {
	text-align: center;
}

label[for=level_standardauto_repeatname],
label[for=fldcheckbox],
label[for=billing_first_namename],
label[for=billing_middle_namename],
label[for=billing_last_namename],
label[for=billing_addr_street1name],
label[for=billing_addr_street2name],
label[for=billing_addr_cityname],
label[for=billing_addr_zipname],
label[for=donor_email_addressname],
label[for=tribute_show_honor_fieldsname],
label[for=payment_typecc_numbername],
label[for=lightbox_choice_input],
legend{
color: #737373;
}

/* eCommerce Style Updates */

.ShoppingCartAdditionalDonation {
    background-color: #ffffff;
}

.ShoppingCart tr td div .ShoppingButtonsSmall {
    color: #3596D4;
    text-decoration: none;
    padding: 5px 4px 4px 10px;
    -webkit-appearance: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    background: none;
    border: 0;
    font: 100%/1.5 "open_sans",sans-serif;
    text-transform: none;
}
input[value=Cancel], input[value='Proceed to Checkout'].ShoppingButtonPrimary:hover, input[value='Process']:hover {
    background: #737373;
}
input[value='Proceed to Checkout'].ShoppingButtonPrimary, input[value='Process'] {
    background: #f26529;
}
input[value=Cancel]:hover {
    opacity: .9;
}
.ShoppingCart tr {
    background:#ffffff;
}
table.ShoppingCart {
    border:none!important;
}


/*IE Logo FIX*/

.ie-fix, img {
        -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
    }