.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

.grey{
    color:#626262!important;
}

header {
    position: relative;
}

.livechat {
    display: inline;
    position: fixed;
    z-index: 6000;
    bottom: 10px;
    right: 15px;
}
.livechat--quitline {
    display: inline;
    position: fixed;
    z-index: 6000;
    bottom: -70px;
    right: 90px;
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.liveagent-invite-wrap {
    /*     position: fixed;
        left: 100%;
        top:  100%; */
    height:  200px;
    width:  200px;
}

.liveagent-invite-button {
    display: block;
    position: absolute;
    right: 5px;
    bottom: 90px;
    height: 100px;
    background: #1da2db;
    width: 200px;
    border-radius: 14px;
    font-family: 'Foco Bold', "HelveticaW01-RoundedBd",Arial,sans-serif;
    color: white;
    text-align: center;
    box-shadow: 0px 1px 7px 2px rgba(0, 0, 0, 0.3);

}

.liveagent-arrow {
    position: absolute;
    display: inline-block;
    bottom: -30px;
    right: 144px;
    height: 30px;
    width: 30px;
    transform: rotate(45deg) translate(-20% , -80%);
    background: #1da2db;
    box-shadow: 7px 7px 7px -4px rgba(0, 0, 0, 0.3);
}

.liveagent-invite-button .invite-greeting {
    color: #ffd02d;
    font-size:  1.6em;
    margin-top: 10px !important;
    margin-bottom: 10px;
}

.liveagent-invite-button .invite-yes,
.liveagent-invite-button .invite-no {
    cursor: pointer;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    padding: 0 10px;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.liveagent-invite-button .invite-yes:hover,
.liveagent-invite-button .invite-no:hover {
    transform: scale(1.05);
    transition: all 0.1s ease;
}

.liveagent-invite-button .invite-yes {
    font-size: 1.2em;
}

.liveagent-invite-button .invite-no {
    font-size: 0.9em;
    color: rgba(255, 255, 255, 0.7);
}

.ie div#wrapper,
.ie header {
    height: 1%;
    z-index: 3000;
}

header #headerShare {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

header #headerShare > span {
    padding-right: 1rem;
}

header #headerShare .st-btn {
    display: inline-block!important;
}

header #headerShare .a-z-index {
    border-left: 1px solid #bfbfbf;
    margin-left: 1em;
}

header #headerShare .a-z-index .a-z-index-button {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background-color: #fdd12b;
    text-align: center;
    margin-left: 1em;
    position: relative;
    top: 0;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

header #headerShare .a-z-index-button:hover {
    opacity: .7;
    top: -4px;
}

header #headerShare .a-z-index .a-z-index-button img {
    padding-top: 8px;
}

header #quickLinks {
    position: absolute;
    width: 300px;
    right: 5px;
    top: 65px;
    font-size: 0.875em;
    clear:both;
}

header #quickLinks menu {
    text-align: right;
    margin: 0;
    padding: 0;
}

header #quickLinks li {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0;
}

header #quickLinks li a {
    list-style: none;
    border-left: 1px solid #626262;
    color: #626262;
    padding-left: 0.3em;
    margin-left: 0.15em;
}

header #quickLinks li.first a {
    border-left: 0;
    margin-left: 0;
}

header #quickLinks li.leader a {
    border-left: 0;
}

#content #pageContent.wide {
    /* width: auto; */
    width: 100%;
    padding: 0 0 0 2px;
}
#content #pageContent.wide img{
    max-width:100%;
}
#content #pageContent > menu,
#content #pageContent > menu li {
    list-style: none;
}

.unimportant, .mobile-only {
    display: none;
}

hr.breaker {
    border: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
}

hr.break{
    border-top: 1px dotted #777;
    border-bottom: 0;
    padding: 0;
    margin: 1.2em 0;
}

#mobile-menu-activator {
    display: none;
}

#detailed-navigation,
#additional-links,
#detailed-navigation menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

#additional-links,
#detailed-navigation {
    background: transparent url(/assets/images/corp_menu_bg.png) center top repeat-x;
    height: 60px;
    float: left;
}

#detailed-navigation {
    clear: left;
    width: 810px;
}

#additional-links {
    background: transparent url(/assets/images/corp_donate_bg.png) center top repeat-x;
    width: 180px;
}

#detailed-navigation .closeSubNav {
    position: absolute;
    color: #fff;
    padding-left: 1em;
    font-size: 0.875em;
    cursor: pointer;
}

#detailed-navigation .closeSubNav:hover {
    text-decoration: underline;
}

#detailed-navigation li > div.submenu {
    display: none;
    text-align: left;
    position: absolute;
    width: 990px;
    left: 50%;
    margin-left: -495px;
    /* z-index: 100; */
    z-index: 99999;

    background: transparent url(/assets/images/corp_navbox_bottom.png) center bottom no-repeat;
}
#detailed-navigation li > div.short {
    background: transparent url(/assets/images/corp_navbox_bottom_short.png) center bottom no-repeat;
}

#detailed-navigation li > div.submenu > div {
    margin-bottom: 40px;
    background: transparent url(/assets/images/corp_navbox_top.png) center -10px no-repeat;
}

#detailed-navigation li > div.submenu > div > menu {
    width: 990px;
    padding-top: 30px;


    text-align: left;
}

/* An arrow for the nav sections */
.js #detailed-navigation .pointer {
    display: none;
    position: relative;
    left: 0;
    width: 150px;
    z-index: 101;
    margin-bottom: -21px;
    top: -10px;
}

.js #detailed-navigation .pointer .arrow {
    display: block;
    width: 100%;
    height: 18px;
    margin-top: 6px;
    background: transparent url(/assets/images/corp_navbox_leader.png) center top no-repeat;
}

#additional-links li,
#detailed-navigation li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#additional-links > li,
#detailed-navigation > li {
    height: 60px;
    line-height: 45px;
    display: block;
    float: left;
    width: 150px;
    text-align: center;
}

#additional-links > li > a,
#detailed-navigation > li > a {
    font-family: 'Foco Bold', "HelveticaW01-RoundedBd", Arial, sans-serif;
    color: #0397d7;
    text-decoration: none;
    display: block;
    width: 100%;
    line-height: 45px;
    border-left: 1px solid #C4C4C4;
    margin-top: 7px;
    border-right: 1px solid #FFF;
}

#detailed-navigation > li > a {
    font-weight: normal;
}

#detailed-navigation > li.hover,
#detailed-navigation > li.active {
    background: transparent url(/assets/images/corp_menu_bg_active.png) 0 0  repeat-x;
    color: #fff;
}

#detailed-navigation > li.hover > a,
#detailed-navigation > li.active > a {
    color: #fff;
}

#detailed-navigation > li#home-link {
    width: 60px;
    overflow: hidden;
    text-indent: -1000em;
    background: transparent url(/assets/images/corp_menu_left.png) top left no-repeat;
}

#detailed-navigation > li#home-link > a {
    border-left: 0;
    background: url(/assets/images/corp_icon_home.png) 22px center no-repeat;
}

#detailed-navigation > li.last {
    background: transparent url(/assets/images/corp_menu_right.png) top right no-repeat;
}

#detailed-navigation > li.hover.last,
#detailed-navigation > li.active.last {
    background: transparent url(/assets/images/corp_menu_right_active.png) top right no-repeat;
}

#detailed-navigation > li.last >  a {
    width: 140px;
    border-right: none;
}

#additional-links > li#donate-link {
    font-family: 'Foco Bold', "HelveticaW01-RoundedBd", Arial, sans-serif;
    font-size: 1.4em;
    background: transparent url(/assets/images/corp_donate_left.png) top left no-repeat;
    width: 180px;
}

#additional-links > li#donate-link > a {
    background: transparent url(/assets/images/corp_donate_right.png) top right no-repeat;
    margin-top: 0;
    line-height: 57px;
    border: 0;
    color: #FFF;
    text-align: left;
    text-indent: 51px;
}

#detailed-navigation li > div.submenu > div > menu li {
    float: left;
    width: 257px;
    padding: 5px 15px 15px;
    height: 85px; /* was 140px; */
    margin: 0 15px 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ie-border-radius: 8px;
    -o-border-radius: 8px;
    font-size: 1.2em;
}

#detailed-navigation li > div.submenu > div > menu li.active {
    background: #fff;
    border: 1px solid #fff;
}

#detailed-navigation li > div.submenu > div > menu li.leader {
    margin-left: 30px;
}

#detailed-navigation li > div.submenu > div > menu li > a {
    font-family: 'Foco Bold', "HelveticaW01-RoundedBd", Arial, sans-serif;
    margin-bottom: 5px;
    line-height: 1.1em;
}

#detailed-navigation li > div.submenu > div > menu li > p {
    font-size: 0.75em;
}

#detailed-navigation li > div.submenu > div > menu li > *{
    display: block;
    line-height: 1.35em;
    color: #FFF;
    text-decoration: none;
}

#detailed-navigation li > div.submenu > div > menu li.active > * {
    /* color: #0397d7; */
    color: #626262;
}

.js #detailed-navigation li > div.submenu > div > menu li {
    cursor: pointer;
}

#bannerWrap, #subsiteBannerWrapper {
    height: 335px;
    background-image: url(/assets/images/corp.hero_bg.png);
}

.bannerCopy, .subsiteBannerCopy {
    font-weight: bold;
    box-shadow: inset 0 0 80px #e3bc04;
    -webkit-box-shadow: inset 0 0 80px #e3bc04;
    -moz-box-shadow: inset 0 0 80px #e3bc04;
    -ms-box-shadow: inset 0 0 80px #e3bc04;
    -o-box-shadow: inset 0 0 80px #e3bc04;
    /*behavior: url(/assets/css/PIE.htc);
    -pie-box-shadow: inset 0 0 80px #e3bc04; */
}

.bannerCopy > *{
    margin: 1em;
}

.bannerCopy h3 {
    color: #0F1E64;
    font-size: 1.375em;
    margin: 0.75em;
}

#wrapper .subsiteBannerCopy h3 {
    color: #0F1E64;
    font-family:'Foco Bold', Arial, Helvetica, sans-serif;
    font-size: 2.3em;
    font-weight: 700;
    line-height: 1.05em;
    margin: 20px;
}

.bannerCopy > p.description {
    color: #fff;
}

#wrapper .subsiteBannerCopy p.description{
    font-size:1.15em;
    line-height:1.3em;
    margin:0 20px 20px 20px;
    padding:0;
}

.bannerCopy > .bannerAction {
    position: absolute;
    bottom: 0;
    width: 356px;
    text-align: right;
}

.bannerCopy > .bannerAction a {
    color: #0397D7;
}

.corporateBanner, .subsiteBanner {
    /* position: absolute; */
    overflow: hidden;
    width: 960px;
    background:white;
}

.corporateBanner.hidden, .subsiteBanner.hidden {
    display: none;
}

.corporateBanner div.bannerMedia, .subsiteBanner div.subsiteBannerMedia {
    height: 345px;
    width: 560px;
    float: left;
}

.subsiteBannerMedia > div {
    background-position: center -55px;
    background-size: 100%;
    background-color: transparent;
    height: 345px;
}

.corporateBanner div.bannerMedia img, #content .corporateBanner div.bannerMedia img, .subsiteBanner div.subsiteBannerMedia img, #content div.subsiteBannerMedia img, #content .subsiteBanner img{
    margin:0;
}


#wrapper #subsiteBanners .cycle-slide iframe{
    display:none;
    max-width: 100%;
}
#wrapper #subsiteBanners .cycle-slide-active iframe{
    display:block;
}
.corporateBanner div.bannerCopy, .subsiteBanner div.subsiteBannerCopy {
    height: 345px;
    width: 385px;
    background: #ffd619;
    float: right;
    position:relative;
    border-radius: 15px;
    box-shadow: none;
}

.corporateBanner div.bannerCopy a.donationLink,
#content .corporateBanner div.bannerCopy a.donationLink,
.corporateBanner div.bannerCopy .description,
.subsiteBanner div.subsiteBannerCopy .description {
    display:block;
    height: 345px;
    width: 385px;
    margin:0;
    font-size:38px;
    color:#0F1E64;
    line-height:54px;
    text-decoration:none;
}
.corporateBanner div.bannerCopy a.donationLink span,
#content .corporateBanner div.bannerCopy a.donationLink span,
.corporateBanner div.bannerCopy .description span,
.subsiteBanner div.subsiteBannerCopy .description span {
    color:#0F1E64;
}

.corporateBanner div.bannerCopy .description, .subsiteBanner div.subsiteBannerCopy .description{
    width:auto!important;
    height:auto!important;
}


.corporateBanner div.bannerCopy a.donationLink p.bannerText, .corporateBanner div.bannerCopy .description, .subsiteBanner div.subsiteBannerCopy .description {
    padding:20px;
}

/* pager */
#subsiteBannerPager {
    text-align: left;
    width: 350px;
    height:16px;
    line-height:1.3em;
    z-index: 500;
    position: absolute;
    bottom: 50px;
    left:610px;
    overflow: hidden;
}
#subsiteBannerPager span {
    font-family: arial; font-size: 50px; width: 16px; height: 16px;
    display: inline-block; color: #FFF; cursor: pointer;
}
#subsiteBannerPager span.cycle-pager-active {
    color: #0F1E64;
}


.progressAgainstCancer {
    overflow: hidden;
    height: 183px;
    margin-top: 1em;
}

.progressAgainstCancer.wide {
    background: transparent url(/assets/images/corp_stats_wide_bg.png) center center no-repeat;
    width: 980px;
    /*margin-bottom:108px;*/
    margin-bottom:63px;
}

.progressAgainstCancer.narrow {
    background: transparent url(/assets/images/corp_stats_narrow_bg.png) center center no-repeat;
    width: 316px;
}

.progressStatistic {
    text-align: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.progressStatistic strong {
    font-family: 'Foco Bold', HelveticaW01-RoundedBd, Arial, sans-serif;
}

#content .progressStatistic p * {
    display: block;
    text-decoration: none;
}

.progressStatistic p strong {
    font-size: 5em;
    line-height: 120px;
}

.progressStatistic p span {
    padding: 0 1em;
    font-size: 0.9em;
}

#content .progressStatistic p .sync_sent, #content .progressStatistic p .sync_word {
    display: inline;
}

.progressAgainstCancer.wide > .progressStatistic {
    width: 33%;
    float: left;
    border-right: 1px solid #F0F0F0;
    border-left: 1px solid #C5C5C5;
}

.progressAgainstCancer > .progressStatistic.first {
    border-left: 0;
}

.progressAgainstCancer > .progressStatistic.last {
    border-right: 0;
}

#sidebar .progressAgainstCancer .progressStatistic img {
    margin-top: 8px;
}

#content .greyButton {
    clear: both;
    height: 35px;
    margin: 1.5em auto;
    box-shadow: 0px 0px 23px 3px #333;
}

#content .greyButton.wide {
    width: 150px;
}

#content .greyButton.widest {
    width: 260px;
}

#content .greyButton.narrow {
    width: 110px;
}

#content .greyButton em {
    position: relative;
    font-style: normal;
    display: block;
    height: 46px;
    padding-left: 12px;
    background: transparent url(/assets/images/corp_stats_but_left.2.png) top left no-repeat;
    text-align: center;
    top: -5px;
    left: 50%;
}

#content .greyButton.wide em {
    width: 145px;
    margin-left: -86px;
}

#content .greyButton.widest em {
    width: 250px;
    margin-left: -137px;
}

#content .greyButton.narrow em {
    width: 105px;
    margin-left: -68px;
}

#content .greyButton > em > strong {
    display: block;
    width: 100%;
    height: 100%;
    padding-right: 12px;
    background: transparent url(/assets/images/corp_stats_but_right.2.png) top right no-repeat;
}

#content .greyButton > em > strong > a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 47px;
    background: transparent url(/assets/images/corp_stats_but_bg.2.png) top left repeat-x;
    text-decoration: none;
    color: #fff;
}

#content .greyButton.narrow > em > strong > a {
    font-weight: normal;
}

#content .greyButton > em > strong > a:hover {
    text-decoration: underline;
}

#content #subsite-breadcrumb{
    margin:20px 0;
}

#content #subsite-subnav{
    margin:0px 0px 20px 0;
}

#content .boxed-list,
#moreInformationPages {
    width: 990px;
    overflow: hidden;
}

#content .boxed-list.scrollable,
#moreInformationPages.scrollable {
    /*height: 760px;*/
    height:718px;
}

#content .boxed-list,
#content .boxed-list li,
#moreInformationPages,
#moreInformationPages li
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#content .boxed-list li,
#moreInformationPages li {
    background: transparent url(/assets/images/corp_more_bg.png) center top no-repeat;
    width: 322px;
    height: 380px;
    float: left;
    position:relative;
}

#content .boxed-list li.leader,
#moreInformationPages li.leader {
    clear: left;
}

#content .boxed-list li.padder,
#moreInformationPages li.padder {
    margin: 0 11px;
}

#content .boxed-list li > .teaser,
#content .boxed-list li > h4,
#moreInformationPages li > p.teaser,
#moreInformationPages li > h4 {
    padding: 0 14px;
}

#content .boxed-list li > h4,
#moreInformationPages li > h4,
#moreInformationPages li #facebook-homepage h4{
    margin-top: 1em;
}

#content .boxed-list li > h4 a,
#moreInformationPages li h4 a {
    color: #0397D7;
    text-decoration: none;
}

#content .boxed-list li p.teaser,
#moreInformationPages li p.teaser {
    font-size: 0.875em;
}

#content .boxed-list li p.image,
#moreInformationPages li p.image {
    overflow: hidden;
    height: 182px;
    padding: 10px;
    margin: 0;
    text-align: center;
}

#content .boxed-list li p.image img,
#moreInformationPages li p.image img {
    margin: 0;
}

/** smaller boxed list **/
#content .boxed-list-small {
    /*width: 990px;*/
    overflow: hidden;
}

#content .boxed-list-small.scrollable {
    /*height: 760px;*/
    height:718px;
}

#content .boxed-list-small,
#content .boxed-list-small li
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#content .boxed-list-small li {
    background: transparent url(/assets/images/corp_more_bg.png) top left no-repeat;
    width: 195px;
    height: 320px;
    float: left;
    position:relative;
    background-size: 100% 45%;
}

#content .boxed-list-small li.leader {
    clear: left;
}

#content .boxed-list-small li.padder {
    margin: 0 11px;
}

#content .boxed-list-small li > .teaser,
#content .boxed-list-small li > h4 {
    padding: 0 14px;
}

#content .boxed-list-small li > h4 {
    margin-top: 1em;
}

#content .boxed-list-small li > h4 a {
    color: #0397D7;
    text-decoration: none;
}

#content .boxed-list-small li p.teaser {
    font-size: 0.875em;
}

#content .boxed-list-small li p.image {
    overflow: hidden;
    /*    height: 182px; */
    padding: 10px;
    margin: 0;
    text-align: center;
}

#content .boxed-list-small li p.image img {
    margin: 0;
    width: 178px !important;
}
/* end boxed-list-small */

#subsiteSubNav{
    margin: 0;
    padding: 15px 0 0 0;
    list-style: none;
}
#subsiteSubNav li{
    padding: 0;
    list-style: none;
    background: transparent url(/assets/images/corp_subsite_more_bg.png) center top no-repeat;
    width: 300px;
    height: 300px;
    float: left;
    position:relative;
    margin:0 7px 0 0;
}
#subsiteSubNav li.last{
    margin:0;
}
#subsiteSubNav h4 {
    padding: 0 14px;
    margin:0 0 10px 0;
}

#subsiteSubNav h4 a {
    color: #0397D7;
    text-decoration: none;
}

#subsiteSubNav li p.image {
    overflow: hidden;
    height: 175px;
    padding: 10px;
    margin: 0 0 10px 0;
    text-align: center;
}

#subsiteSubNav li p.image img {
    margin: 0;
    padding:0;
}
#subsiteSubNav li p.image span.noImage {
    line-height: 175px;
}

#subsiteSubNav li p.teaser {
    font-size: 0.875em;
    padding: 0 14px;
    margin:0;
}

#content #storify-list .boxed-list li p.image{
    height:189px;
    margin:0 0 1em 0;
}
#content #storify-list .boxed-list li{
    height:auto;
}

#content #storify-list .boxed-list li p.image img{
    max-width: 300px;
    max-height: 189px;
}

#content .boxed-list li p.image span.noImage,
#moreInformationPages li p.image span.noImage {
    line-height: 178px;
}

#content #storify-list .boxed-list li{
    font-size:0.875em;
}
#content #storify-list .boxed-list li .attribution{
    padding:0 0 10px 0;
}
#content #storify-list .boxed-list li .attribution-thumb{
    display:block;
    float:left;
    margin:0 10px 0 0;
    width:32px;
}
#content #storify-list .boxed-list li .attribution-thumb img{
    margin:0;
    max-width:32px;
}
#content #storify-list .boxed-list li .attribution-text{
    display:block;
    float:left;
    width:252px;
}
#poweredByStorify{
    display:block;
    text-align:center;
    margin:10px 0 20px 0;
}
dl#careers {
    border-top: 1px dotted #777;
    margin-top: 1em;
    padding-top: 1em;
}

dl#careers a {
    font-weight: bold;
}

dl#careers dd {
    margin-bottom: 1em;
}

#content .generic-list-summary-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

#content .generic-list-summary-list > li {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 1em;
    border-top : 1px dotted #777;
}

#content .generic-list-summary-list > li div.list-content p {
    margin: 0;
    padding-top: 15px;
}

#content .generic-list-summary-list > li > p.image {
    float: left;
}

#content .generic-list-summary-list > li > p.image img {
    margin: 0 1em 0 0;
}

#content .generic-list-summary-list > li > div.copy {
    /* margin: 0 0 0 180px; */
    padding-left: 1em;
    /* float: left; */
}

#content .generic-list-summary-list > li > div.copy.noimage {
    padding-left: 0;
}

#content .generic-list-summary-list > li > div.copy p{
    margin: 1em 0 0;
}

#content .generic-list-summary-list > li.no-image > div.copy {
    margin: 0;
    padding-left: 0;
}

#content .generic-list-summary-list > li > div.copy > em {
    display: block;
    margin-top: 1em;
}

#content .generic-list-summary-list > li > div.copy > h4 > em {
    font-size: 0.875em;
}

#content dl.list-item-details dt {
    font-weight: bold;
}

#content dl.list-item-details dd {
    margin-bottom: 1em;
}

#content dl.list-item-details dd.field-files ul.document-downloads {
    list-style: none;
}

#content dl.list-item-details dd.field-files ul.document-downloads li {
    background: transparent url('/assets/images/file_pdf.png') center left no-repeat;
    padding: 3px 0 3px 20px;
    margin-left: 1em;
}

#content ul.event-event.featured {
    background: #ececec;
}

#pageContent.listing > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#pageContent .glossary-listing{
    padding:0px 34px;
}

#content span.glossary{
    cursor:pointer;
    border-bottom:1px dotted #626262;
}

#content .glossary-listing h2{
    font-size:18px;
    color:#000;
}

.qtip-custom{
    font-size:1em;
    line-height:normal;
}

#searchResults ul,
#searchResults ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#searchResults ul {
    margin-bottom: 1em;
    clear: both;
}

#searchResults ul li {
    display: block;
    float: left;
    padding: 0.3em;
    margin: 0.3em;
    border: 1px solid #fff;
    background-color: #2AA7DE;
    color: #fff;
    cursor: pointer;
}

#searchResults ul li.current {
    border: 1px solid #2AA7DE;
    color: #2AA7DE;
    background-color: #fff;
}

#searchResults > div {
    clear: both;
    margin-bottom: 1em;
}

#social-media-updates > div {
    border-top: 1px dotted #777;
    margin-bottom: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
    clear: both;
}

#social-media-updates > div > .link {
    float: left;
    padding: 0;
    margin: 0;
}

#social-media-updates > div > .link img {
    padding: 0 0 1em 0;
    margin: 0;
}

#social-media-updates > div > div {
    margin-left: 90px;
    padding-left: 1em;
}

#social-media-updates .twitter ul li {
    list-style:none;
    margin:0;
}

#social-media-updates div.youtube div.link {
    width: 100%;
}

#social-media-updates div.youtube div.content {
    margin-left: 0;
    padding-left: 0;
    clear: both;
    padding-top: 1em;
}

#social-media-updates div.facebook p.content p.link {
    line-height: 60px;
    border: 1px solid #DEDEDE;
    margin-top: 1em;
    font-size: 0.875em;
}

#social-media-updates div.facebook p.content p.link a {
    padding-left: 5px;
}

#social-media-updates div.facebook p.content p.link img {
    height: 50px !important;
    margin: 0;
    float: left;
    padding: 5px;
    border-right: 1px solid #DEDEDE;
}

#content .donationOptions,
#content .donationOptions li {
    list-style: none;
    padding: 0;
    margin: 0;
}

#content .donationOptions li {
    position: relative;
    width: 180px;
    __height: 270px;
    float: left;
    background: transparent url(/assets/images/corp_donate_page_image_bg.png) center top no-repeat;
    font-size: 0.875em;
    padding: 0 10px;
}

#content .donationOptions li a {
    text-decoration: none;
}

#content .donationOptions li img {
    width: 150px !important;
    height: 150px !important;
    display: block;
    position: absolute;
    left: 15px;
    top: 5px;
}

#content .donationOptions li p.image strong {
    display: block;
    margin-top: 185px;
    color: #0397D7;
    font-size: 1.2em;
}

#content .donationOptions li p.image strong,
#content .donationOptions li p.content {
    padding: 0 5px;
}

/* #content .donationOptions li {
    float: left;
    width: 150px;
    margin: 0 75px;
}

#content .donationOptions li.first,
#content .donationOptions li.last {
    margin: 0;
}

.donationOptions li p.image {
    width: 150px;
    height: 150px;
}

#content .donationOptions li p.image a {
    text-decoration: none;
    height: 150px;
    display: block;
    position: relative;
}

.donationOptions li p.image strong {
    position: absolute;
    display: block;
    margin-left: 0.25em;
    margin-left: 0.25em;
    left: 0;
    bottom: 0;
    font-size: 1.25em;
    color: #F3D63D;
}

#content .donationOptions li img {
    margin: 0;
    padding: 0;
}

.donationOptions li p.content {
    text-align: center;
}

#content .donationOptions li p.content a {
    color: #0397D7;
    text-decoration: none;
}

#content .donationOptions li p.content a:hover {
    text-decoration: underline;
} */

/*
#donateShare {
    background: transparent url(/assets/images/footer_bg_2.png) top left no-repeat;
    height: 81px;
    padding-top: 57px;
}
*/

#toggleDesktopVersion {
    display: none;
}

/* ### Quitline Footer ### */

#content .quitHeader {
    color: #1da2db;
    font-size: 1.5em;
    font-weight: normal;
    margin: 5px 0 15px 24px;
    text-align: left;
    clear: both;
}

#quit-breadcrumbs {
    margin: 0px 0 15px 24px;
    padding-bottom:10px;
}
#quit-breadcrumbs .breadcrumbs {
    float: left;
    padding-top: 5px;
}
#quit-breadcrumbs .logo {
    float: left;
    margin-right: 10px;
    clear: left;
}
#quit-breadcrumbs .logo img {
    width: 190px !important;
    margin: 0;
    padding: 10px 0;
    width: 190px !important;
    max-width: 100%;
}

.quit-homepage-logo {
    clear: both;
    padding: 20px 10px;
}

#quit-breadcrumbs .quit-homepage-logo {
    padding: 20px 0 0;
    margin-left: -10px;
}

#quit-footer {
    background-color: #1da2db;
    height: 355px;
    clear: both;
}

#quit-wrapper {
    width: 990px;
    margin: 0 auto;
}

.quit-call-to-action {
    padding-top: 20px;
}
.quit-call > #quit-call-icon-link {
    padding-bottom: 50px;
}

.quit-call {
    background: url("../images/quitline/quit-call.png") no-repeat scroll 50% 25% rgba(0, 0, 0, 0);
    color: #fff !important;
    /*height: 200px; */ /* was 150 */
    /*padding-top: 50px; *//* was 130 */
    text-align: center;
    width: 30%;
    float: left;
}

.quit-register-with-quitline > h3 {
    padding-top: 50px;
}
.quit-register-with-quitline {
    background: url("../images/quitline/quit-register-icon.png") no-repeat scroll 50% 25% rgba(0, 0, 0, 0);
    color: #fff !important;
    /*height: 200px; */
    /*padding-top: 50px;*/
    text-align: center;
    width: 40%;
    float: left;
}
.quit-chat {
    background: url("../images/quitline/quit-chat.png") no-repeat scroll 50% 20% rgba(0, 0, 0, 0);
    color: #fff !important;
    height: 200px;
    padding-top: 50px;
    text-align: center;
    width: 30%;
    float: right;
}

.quit-call-to-action h2 {
    color: #fff !important;
    font-family: 'Foco Bold', "HelveticaW01-RoundedBd",Arial,sans-serif;
    font-size: 1.5em !important;
    text-align: center;
}
.quit-icon-link {
    /* #quit-call-icon-link, #quit-chat-icon-link, #quit-register-icon-link { */
    display: block;
    height: 63px !important;
}

.quit-call h3, .quit-chat h3, .quit-register-with-quitline h3 {
    color: #fff !important;
    font-family: 'Foco Bold', "HelveticaW01-RoundedBd",Arial,sans-serif;
    font-size: 2em !important;
    margin: 0.3em 0 0 !important;
}
.quit-call h4 a {
    color: #ffd02d !important;
    font-family: 'Foco Bold', "HelveticaW01-RoundedBd",Arial,sans-serif;
    font-size: 2em !important;
    text-decoration: none;
}

#quit-nav {
    clear: both;
    padding: 0px;
    margin-bottom: 20px;
}

#quit-nav li {
    list-style-type: none;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    background-color: #1da2db;
    position: relative;
    float: left;
    width: 284px;
    /* height: 185px; */
    height: 95px;
    margin: 10px 19px 10px 0;
}
#quit-nav li .last {
    margin-right: 0px;
}

#quit-nav li a {
    clear: both;
    color: #fff;
    display: block;
    font-family: 'Foco Bold', "HelveticaW01-RoundedBd",Arial,sans-serif;
    font-size: 1.4em !important;
    line-height: 1.1em;
    margin: 0 auto;
    /* padding-top: 70px; */
    padding: 10px 5px;
    text-align: center;
    text-decoration: none;
    /* width: 75%; */

    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
}

#quit-nav li a:hover {
    background-color: #FFD02D;
}

#quit-nav .sub-nav > li {
    height: 95px !important;
}
#quit-nav .sub-nav > li > a {
    padding-top: 30px;
}

#quit-nav .next-row {
    background-color: #e8e8e8;
    height: 95px;
}
#quit-nav .next-row > a {
    color: #797979;
    padding-top: 27px;
}
#quit-nav .next-row > a:hover {
    background: transparent;
}
.quit-button {
    background-color: #1da2db;
}

.quit-button-alt {
    background-color: #f4f4f4;
}

.quit-chat > h3 > a, .quit-register-with-quitline > h3 > a, .quit-call > h3 > a {
    color: #fff;
    text-decoration: none;
}

.quit-form .value, .quit-form .label {
    width: 300px !important;
}

footer {
    background: #4F4F4F;
    color: #FFF;
    line-height: 1.5em;
    border-bottom: 1px solid transparent; /* fix whitespace at end */
    font-size: 0.875em;
    height: auto !important;
    min-width: 990px;
}

footer a {
    color: #FFFFFF;
}

footer > div {
    width: 990px;
    margin: 0 auto;
    background: #4F4F4F;
    min-height: 400px;
}

footer > div > div.primary,
footer > div > div.secondary,
footer > div > div.tertiary {
    width: 300px;
    min-height: 100px;
    float: left;
    padding-top: 1em;
}

body footer > div > .secondary {
    width: 340px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
}

footer > div > div.tertiary {
    text-align: right;
}

footer > div > div.primary p,
footer > div > div.secondary p,
footer > div > div.tertiary p {
    margin-top: 1em;
}

footer > div > div.secondary  {
    padding-top: 0;
}

footer div.secondary #secondaryDonateButton {
    background: transparent url(/assets/images/footer_donate_button.png) 12px top no-repeat;
    height: 101px;
    width: 100%;
    margin: 0 auto;
}

footer div.secondary #secondaryDonateButton a {
    font-family: 'Foco Bold', "HelveticaW01-RoundedBd", Arial, sans-serif;
    font-size: 3em;
    display: block;
    width: 310px;
    margin: 0 auto;
    text-align: center;
    height: 65px;
    line-height: 60px;
    text-decoration: none;
    color: #fff;
}


footer > div .return {
    border-top: 1px dotted white;
    width: 100%;
    clear: both;
    margin: 2em 0;
}

footer > div .return a {
    background: #4F4F4F url(/assets/images/corp_footer_arrow.png) center right no-repeat;
    padding: 0.33em 30px 0.33em 0.33em;
    margin-top: -20px;
    display: block;
    float: right;
    line-height: 30px;
    height: 30px;
    text-decoration: none;
}

footer h4 {
    font-family: 'Foco Bold', "HelveticaW01-RoundedBd", Arial, sans-serif;
    color: #2AA7DE;
    font-size: 1.75em;
    font-weight: normal;
}

.newsletterSubscriptionForm {
    display: block;
    width: 265px;
}

.newsletterSubscriptionForm label {
    background: transparent url(/assets/images/corp_footer_field_left_and_bg.png) center left no-repeat;
    display: block;
    float: left;
    height: 35px;
    line-height: 35px;
    margin-bottom: 0.375em;
    margin-right: 15px;
    width: 44%;
}

.ie7 .newsletterSubscriptionForm label {
    background: transparent url(/assets/images/corp_footer_field_left_and_bg.png) 1px left no-repeat;
}

.newsletterSubscriptionForm label.name {
    margin-top: 1em;
    width: 253px;
}

.newsletterSubscriptionForm label.email {
    float: left;
    width: 160px;
}
.newsletterSubscriptionForm label._robot {
    display:none;
}
.newsletterSubscriptionForm label strong {
    font-weight: normal
}

.newsletterSubscriptionForm > input {
    float: right;
    display: block;
    background: transparent url(/assets/images/corp_footer_button_bg.png) top center no-repeat;
    width: 90px;
    line-height: 35px;
    height: 35px;
    padding: 0;
    margin: 0;
    border: 0;
    color: #fff;
    font-size: 1.25em;
    font-family: 'Foco Bold', "HelveticaW01-RoundedBd", Arial, sans-serif;
}

.newsletterSubscriptionForm label strong {
    text-indent: 0.875em;
}

.newsletterSubscriptionForm label strong,
.newsletterSubscriptionForm label input {
    position: absolute;
    color: white;
    height: 35px;
    line-height: 35px;
}

#content .newsletterSubscriptionForm label strong,
#content .newsletterSubscriptionForm label input {
    color: #626262;
}

.newsletterSubscriptionForm label input {
    background: transparent url(/assets/images/corp_footer_field_right.png) center right no-repeat;
    border: 0;
    width: 100%;
    padding: 0;
    position: relative;
    margin-left: 12px;
    font-size: 1em;
}

#content #pageContent #video {
    background-color: #000;
}

#content #pageContent #video.margin{
    margin-bottom:30px;
}

#content #pageContent #video iframe {
    display: block;
    margin: 0 auto;
    max-height: 640px;
}


#content #pageContent #video p {
    display:block;
    color: #0397D7;
    font-size: 1.5em;
    font-family: 'Foco Bold', HelveticaW01-RoundedBd, Arial, sans-serif;
    text-align: center;
    padding: 1em;
    margin: 0;
    /* #FFD617 => #EBC203 */
    background: #ffd617; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffd617 0%, #ebc203 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd617), color-stop(100%,#ebc203)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffd617 0%,#ebc203 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffd617 0%,#ebc203 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffd617 0%,#ebc203 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffd617 0%,#ebc203 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd617', endColorstr='#ebc203',GradientType=0 ); /* IE6-9 */
}

#wrapper #subsiteBannerWrapper{
    position:relative;
    height:376px;
    padding:12px 15px;
    clear: both;
}

#wrapper #subsiteBannerWrapper .subsiteBannerNav{
    position:absolute;
    top:152px;
    background: transparent url(/assets/images/corp_small_donate_bg.png) top center repeat-x;
    z-index:20;
    padding:0;
    height: 40px;
    width:50px;
    cursor:pointer;
    color:#FFF;
    font-size:2em;
    line-height:40px;
    text-align:center;
}
#wrapper #subsiteBannerWrapper .subsiteBannerNav:before{
    content:"";
    position:absolute;
    left:-10px;
    top:0;
    display:block;
    width:10px;
    height:40px;
    background: transparent url(/assets/images/corp_small_donate_left.png) top left no-repeat;
}
#wrapper #subsiteBannerWrapper .subsiteBannerNav:after{
    content:"";
    position:absolute;
    right:-10px;
    top:0;
    display:block;
    width:10px;
    height:40px;
    background: transparent url(/assets/images/corp_small_donate_right.png) top right no-repeat;
}
#wrapper #subsiteBannerWrapper #subsiteBannerPrevious{
    left:10px;
}
#wrapper #subsiteBannerWrapper #subsiteBannerNext{
    right:10px;
}

.storify iframe{
    width:100% !important;
    max-width:100% !important;
}

footer menu#followUs,
footer menu#followUs li {
    list-style: none;
    margin: 0.5em 0;
    padding: 0;
}

footer menu#followUs li {
    float: left;
    height: 30px;
    width: 130px;
    width: 100px;
    margin-top: 5px;
    margin-left: 5px;
    box-shadow: #000 4px 3px 13px -1px;
    -webkit-box-shadow: #000 4px 3px 13px -1px;
    -moz-box-shadow: #000 4px 3px 13px -1px;
    -ms-box-shadow: #000 4px 3px 13px -1px;
    -o-box-shadow: #000 4px 3px 13px -1px;
}

footer menu#followUs li.twitter {
    margin-left: 15px;
    margin-right: 10px;
}


footer menu#followUs li a {
    display: block;
    text-indent: -1000em;
    overflow: hidden;
    width: 142px;
    width: 110px;
    height: 35px;
    background: transparent url(/assets/images/corp_footer_but_fb.png) center center no-repeat;
    position: relative;
    margin-top: -1px;
    margin-left: -5px;
}

footer menu#followUs li.twitter a {
    background-image: url(/assets/images/corp_footer_but_t.png);
}

footer menu#followUs li.youtube a {
    background-image: url(/assets/images/corp_footer_but_yt.png);
}

footer menu#followUs li.linkedin a {
    background-image: url(/assets/images/corp_footer_but_li.png);
}

footer p#copyright {
    float: left;
}

footer div#supplemental {
    float: right;
    text-align: right;
}

footer #supplemental menu {
    margin: 0;
    padding: 0;
    float: right;
}

footer #supplemental menu li {
    list-style: none;
    margin: 0;
    padding: 0;
    border-left: 1px solid #fff;
    float: left;
    padding: 0 0.5em;
}

footer #supplemental menu li.first {
    border-left: none;
}

footer #supplemental menu li.last {
    padding-right: 0;
}

/* minor fix for collapsing column when no content... */
#content #pageContent {
    padding-bottom: 1px;
}

body.desktopModeForced #toggleDesktopVersion {
    margin-left: 0.5em !important;
    display: block;
}

@media only screen and (max-width: 519px) {
    #toggleDesktopVersion {
        margin-left: 0.5em !important;
        display: block;
    }

    /*--------------------------------------------------------------------------
        Landing Page
    /*------------------------------------------------------------------------*/

    #content {
        padding:0 5px;
    }

    #content .cancer {
        width: 100%;
        padding:0;
        /*padding: 0 5px;*/
    }

    #content .cancer .further-cancer-info {
        width:auto;
        margin-right:10px;
    }

    #content .related-cancer {
        float:none;
        margin:auto;
        clear:left;
        padding-top: 20px;
    }

    #content .related-cancer .related-events a, #content .related-cancer .related-news-media a {
        width:122px;
    }

    /* Landing Page end */

    #wrapper #subsiteBannerWrapper{
        position:relative;
        height:570px;
        background:none;
        padding:0;
    }

    #wrapper #subsiteBanners{
        width:auto !important;
        max-width:375px !important;
        margin:0 auto;
    }
    #wrapper .subsiteBanner{
        width:auto;
        max-width:100%;
    }
    #wrapper #subsiteBanners img{
        width:auto;
        max-width:100%;
        max-height:240px;
    }
    #wrapper #subsiteBanners .subsiteBannerCopy p{
        font-size:0.8em;
    }
    #wrapper #subsiteBanners object, #wrapper #subsiteBanners iframe{
        height:240px;
    }
    #wrapper #subsiteBannerWrapper .subsiteBannerMedia{
        width:auto;
        max-width:100%;
        height:240px;
        float:none;
    }
    .subsiteBanner div.subsiteBannerCopy {
        height: 290px;
        width: auto;
        float: none;
        padding:0 0 20px 0;
    }
    #wrapper .subsiteBanner div.subsiteBannerCopy h3{
        margin:0;
        padding:10px 20px;
    }
    #wrapper .subsiteBanner div.subsiteBannerCopy .more-btn{
        bottom:30px;
    }
    #wrapper #subsiteBannerWrapper .subsiteBannerNav{
        top:130px;
    }
    #subsiteBannerPager {
        width: 80%;
        bottom: 25px;
        left: 50%;
        text-align:center;
        margin-left:-40%;
    }


    #content #subsiteSubNav li{
        margin:0;
    }

    #content #storify-list .boxed-list li p.image{
        height:189px;
        margin:0 0 1em 0;
    }
    #content #storify-list .boxed-list li{
        height:auto;
    }

    #content #storify-list .boxed-list li p.image img{
        max-width: 300px;
        max-height: 189px;
    }

    #content .boxed-list li p.image span.noImage,
    #moreInformationPages li p.image span.noImage {
        line-height: 178px;
    }

    #subsiteSubNav, #subsiteSubNav li
    {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    #subsiteSubNav li{
        background: transparent url(/assets/images/corp_subsite_more_bg.png) center top no-repeat;
        width: 300px;
        height: 300px;
        float: left;
        position:relative;
        margin:0 7px 0 0;
    }
    #subsiteSubNav li.last{
        margin:0;
    }
    #subsiteSubNav h4 {
        padding: 0 14px;
        margin:0 0 10px 0;
    }

    #subsiteSubNav h4 a {
        color: #0397D7;
        text-decoration: none;
    }

    #subsiteSubNav li p.image {
        overflow: hidden;
        height: 175px;
        padding: 10px;
        margin: 0 0 10px 0;
        text-align: center;
    }

    #subsiteSubNav li p.image img {
        margin: 0;
        padding:0;
    }
    #subsiteSubNav li p.image span.noImage {
        line-height: 175px;
    }

    #subsiteSubNav li p.teaser {
        font-size: 0.875em;
        padding: 0 14px;
        margin:0;
    }

    #content #storify-list .boxed-list li p.image{
        height:189px;
        margin:0 0 1em 0;
    }
    #content #storify-list .boxed-list li{
        height:auto;
    }

    #content #storify-list .boxed-list li p.image img{
        max-width: 300px;
        max-height: 189px;
    }

    #content .boxed-list li p.image span.noImage,
    #moreInformationPages li p.image span.noImage {
        line-height: 178px;
    }

    /*--------------------------------------------------------------------------
        Related Events and Related News / Media
    /*------------------------------------------------------------------------*/

    #content #cancer-type-event {
        padding: 0;
        padding-top:15px;
    }

    #content #cancer-type-event h1 {
        text-align:center;
    }

    /* Related Events and Related News / Media end */
}

/** Donate page **/
#content .donate-container{
    background: transparent url(/assets/images/corp.hero_bg_320.png) left top no-repeat;
    width:958px; /* total width inc padding 990px */
    height:290px; /* total height inc padding 320px */
    margin:0 0 10px 0;
    padding:15px 16px;
}

#content .donate-option{
    position:relative;
    width:958px;
    height:258px;
    padding-bottom:20px;
}

#content .donate-option img.mobile{
    display:none;
}

#content .donate-option .donate-title-cont {
    display: table;
    height: 190px;
}

@media only screen and (max-width: 519px) {
    #content .donate-option .donate-title-cont {
        display: block;
        height: auto;
    }
}

#content .donate-option h3{
    color:#FFF;
    font-size:30px;
    font-weight:normal;
    padding: 0px 20px 0 596px;

    margin: 0;
    display: table-cell;
    vertical-align: middle;
}

#content .donate-option .donate{
    position:absolute;
    bottom:50px;
    left:596px;
}

.corporateBanner div.bannerCopy .donate{
    position:absolute;
    left:0;
    bottom:64px;
}

.subsiteBanner div.subsiteBannerCopy .more-btn{
    position:absolute;
    left:20px;
    bottom:30px;
}

.corporateBanner div.bannerCopy .learn-more{
    position:absolute;
    left:0;
    bottom:30px;
}

#content .donate-option .learn-more{
    position:absolute;
    bottom:16px;
    left:596px;
}

#content .donate-option .btn-outer .btn, .corporateBanner div.bannerCopy .btn-outer .btn, .subsiteBanner div.subsiteBannerCopy .btn-outer .btn{
    font-family: 'Foco Bold', HelveticaW01-RoundedBd, Arial, sans-serif;
    font-weight:normal;
}

#content .donate-option .btn-outer .btn a,  .corporateBanner div.bannerCopy .btn-outer .btn a, #wrapper .subsiteBanner div.subsiteBannerCopy .btn-outer .btn a{
    display: block;
    text-align:center;
    text-decoration:none;
}

#content .donate-option .btn-outer .btn a span,  .corporateBanner div.bannerCopy .btn-outer .btn a span, .subsiteBanner div.subsiteBannerCopy .btn-outer .btn a span{
    display:block;
    margin:0 10px;
}

#content .donate-option .donate .btn-outer, .corporateBanner div.bannerCopy .donate .btn-outer, .subsiteBanner div.subsiteBannerCopy .btn-outer{
    background: transparent url(/assets/images/corp_small_donate_left.png) top left no-repeat;
}

#content .donate-option .donate .btn-outer .btn, .corporateBanner div.bannerCopy .donate .btn-outer .btn, .subsiteBanner div.subsiteBannerCopy .btn-outer .btn{
    background: transparent url(/assets/images/corp_small_donate_right.png) top right no-repeat;
    font-size: 18px;
}

#content .donate-option .donate .btn-outer .btn a, .corporateBanner div.bannerCopy .donate .btn-outer .btn a, #wrapper .subsiteBanner div.subsiteBannerCopy .btn-outer .btn a{
    line-height: 40px;
    color: #FFF;
}

#content .donate-option .donate .btn-outer .btn a span, .corporateBanner div.bannerCopy .donate .btn-outer a span, .subsiteBanner div.subsiteBannerCopy .btn-outer a span{
    background: transparent url(/assets/images/corp_small_donate_bg.png) repeat-x;
    width: 130px;
}

#content .donate-option .learn-more .btn-outer, .corporateBanner div.bannerCopy .learn-more .btn-outer{
    background: transparent url(/assets/images/corp_small_learn_more_left.png) top left no-repeat;
}

#content .donate-option .learn-more .btn-outer .btn, .corporateBanner div.bannerCopy .learn-more .btn-outer .btn{
    background: transparent url(/assets/images/corp_small_learn_more_right.png) top right no-repeat;
    font-size: 14px;
}

#content .donate-option .learn-more .btn-outer .btn a, .corporateBanner div.bannerCopy .learn-more .btn-outer .btn a{
    line-height: 25px;
    color: #0197d6;
}

#content .donate-option .learn-more .btn-outer .btn a span, .corporateBanner div.bannerCopy .learn-more .btn-outer .btn a span{
    background: transparent url(/assets/images/corp_small_learn_more_bg.png) repeat-x;
    padding: 0 4px;
}

#content .bannerMobile{
    display:none;
}
/** //Donate page **/

/* lightbox-taxtime */
div.lightbox-taxtime
{
    width:737px;
    position:relative;
}

div.top-lightboxtaxtime
{
    height:420px;
    padding:0px 80px 0px 80px;
    background:#000000;
    font-family:'Foco Light', Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:18px;
    text-align:center;
    color:#FFFFFF;
    position:relative;
    overflow:hidden;
    cursor:pointer;
}

div.top-lightboxtaxtime figure
{
    opacity: 0.7;
    width:100%;
    height:420px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:1;
    margin:0;
}

div.top-lightboxtaxtime img
{
    width:100%;
    height:420px;
    margin:0 auto;
    display:block;
}

div.top-lightboxtaxtime div.txt
{
    padding:240px 0px 0px 0px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    position:relative;
    top:12px;
    z-index:5;
}

div.top-lightboxtaxtime h2
{
    padding:0px 0px 6px 0px;
    font-family:'Foco Bold', Arial, Helvetica, sans-serif;
    font-size:38px;
    font-weight:normal;
    line-height:44px;
    color:#FFFFFF;
}

div.top-lightboxtaxtime h2 span
{
    color:#fdcf00;
}

div.top-lightboxtaxtime p
{
    padding:0px 0px 0px 0px;
}

div.bottom-lightboxtaxtime
{
    padding:19px 0px 19px 100px;
    background:#FFD200;
    position:relative;
}

div.bottom-lightboxtaxtime a.btn-small,
div.bottom-lightboxtaxtime a.btn-big,
div.bottom-lightboxtaxtime span.input
{
    height:48px;
    display:block;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    position:relative;
}

div.bottom-lightboxtaxtime a.btn-small
{
    width:95px;
    margin:0px 15px 0px 0px;
    padding:11px 0px 0px 0px;
    float:left;
    background:#00447e;
    font-size:27px;
    font-weight: normal;
    line-height:27px;
    text-align:center;
    color:#ffffff;
    text-decoration:none;
}

div.bottom-lightboxtaxtime a.btn-big
{
    width:555px;
    padding:13px 0px 0px 0px;
    background:#0F1E64;
    font-size:22px;
    line-height:22px;
    font-weight:normal;
    text-align:center;
    text-transform:uppercase;
    color:#ffffff;
    text-decoration:none;
    font-family: 'Foco Bold', HelveticaW01-RoundedBd,Arial,sans-serif;
}

div.bottom-lightboxtaxtime span.input
{
    width:95px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 23px;
    float:left;
    background:#FFFFFF;
}

div.bottom-lightboxtaxtime span.input:before
{
    display:block;
    content:"$";
    font-size:27px;
    line-height:27px;
    color:#00447e;
    position:absolute;
    top:11px;
    left:6px;
}

div.bottom-lightboxtaxtime span.input input
{
    width:63px;
    height:38px;
    padding:5px 0px 5px 2px;
    border:none;
    background:none;
    float:left;
    font-size:17px;
    line-height:35px;
    color:#00447e;
}

.cb { clear:both; }
.flt-left { float: left; }
.flt-right { float: right; }

.range { float:left; }

.range_label { float:left; display:block; padding:7px;}
/* jQuery tools slider styles */
/* slider root element */
.slider, .range {
    -webkit-appearance: none;
    background:#2aa7dd;
    height:9px;
    position:relative;
    cursor:pointer;
    border:1px solid #999;
    width:200px;
    float:left;
    clear:right;
    margin-top:10px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.range::-webkit-slider-thumb {
    -webkit-appearance: none;
    background:#fff;
    height:28px;
    width:28px;
    box-shadow:0 0 6px #999;
    -webkit-border-radius:14px;
    border-radius:14px;
    cursor:move;
}
/* drag handle */
.handle {
    background:#d9d9d9;
    height:28px;
    width:28px;
    top:-12px;
    position:absolute;
    display:block;
    margin-top:1px;
    border:1px solid #999;
    cursor:move;
    -moz-box-shadow:0 0 6px #999;
    -webkit-box-shadow:0 0 6px #999;
    box-shadow:0 0 6px #999;
    -moz-border-radius:14px;
    -webkit-border-radius:14px;
    border-radius:14px;
}

/* the replaced input field */
.replacedRange {
    display:none;
}

@media only screen and (max-width: 519px) {
    div.top-lightboxtaxtime img,
    .div.bottom-lightboxtaxtime a.btn-big,
    div.lightbox-taxtime{
        max-width:100%;
        width:auto;
        height:auto;
    }
    div.top-lightboxtaxtime{
        padding: 0 10px;
        height:auto;
    }
    div.top-lightboxtaxtime h2{
        font-size: 18px;
        line-height: 25px;
    }
    div.top-lightboxtaxtime figure{
        position:static;
        width:auto;
        height:auto;
        margin: 10px 0;
    }
    div.top-lightboxtaxtime div.txt{
        padding:0px 0px 12px 0px;
        top:0;
        position:static;
    }

    div.bottom-lightboxtaxtime{
        padding:20px;
        text-align:center;
    }

    div.bottom-lightboxtaxtime a.btn-big{
        font-size: 16px;
        width: 100%;
        display: block;
        height: auto;
        padding: 6px;
    }
}

#fancybox-overlay{
    z-index:800000; /* jeremyd job #22858: increased bc it was below social media icons */
}

#fancybox-wrap{
    z-index:900000; /* jeremyd job #22858: increased bc it was below social media icons */
}

/* end lightbox-taxtime */

/*** Facebook on homepage ***/
#facebook-homepage p.image img{
    width:300px!important;
}

#facebook-homepage p.teaser{
    max-height: 80px;
    overflow: hidden;
}

#facebook-homepage .fb-icons{
    border-radius:5px;
    border:1px solid #dee0e3;
    background:#f6f7f8;
    padding:6px;
    font-size:12px;
    width:298px;
    text-align:center;
}

#facebook-homepage .fb-icons a{
    color:#232937;
    font-weight:bold;
    padding:5px 0px;
    margin-right:15px;
    text-decoration:none;
}

#facebook-homepage .fb-icons a:last-child{
    margin-right:0px;
}

#facebook-homepage .fb-icons a i{
    display:inline-block;
    *display: inline;
    zoom: 1;
    padding-right:10px;
}

#facebook-homepage .fb-icons .fb_like{
    background: url('/assets/images/facebook/icon-like.png') no-repeat;
    width:12px;
    height:13px;
}

#facebook-homepage .fb-icons .fb_comment{
    background: url('/assets/images/facebook/icon-comment.png') no-repeat;
    width:11px;
    height:12px;
}

#facebook-homepage .fb-icons .fb_share{
    background: url('/assets/images/facebook/icon-share.png') no-repeat;
    width:16px;
    height:12px;
}

#facebook-homepage .fb-icons a:hover{
    background:#f0f2f2;
}

/* salesforce forms */
#content .boot--strap .panel-primary>.panel-heading h3.panel-title{ color: #FFF; }
/* //salesforce forms */

@media only screen and (max-width: 320px) {
    #content .boxed-list > li.padder,
    #content .boxed-list > li,
    #moreInformationPages > li.padder,
    #moreInformationPages > li {
        -webkit-transform-origin:0 0;
        -ms-transform-origin:0 0;
        -o-transform-origin:0 0;
        -moz-transform-origin:0 0;
        transform-origin:0 0;
        -ms-transform: scale(0.91);
        -webkit-transform: scale(0.91);
        -o-transform: scale(0.91);
        -moz-transform: scale(0.91);
        transform: scale(0.91);
    }
}

#cigaretteCostCalculator {

}
#costInputs {
    width: 459px;
}

/* Quitline - cost calculator */
#costInputs > div {
    background-color: #f3f3f3;
    margin: 0 0 10px 0;
    padding: 0px;
    height: 72px;
    list-style-type: none;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;

}
#cigaretteCostCalculator > #costInputs {
    float: left;
}
#cigaretteCostCalculator > #costResults {
    margin-left: 80px; float: left;
}

#cigaretteCostCalculator h4 {
    color: #626262;
}
.range_label {
    color: #0397d7;
    font-family: 'Foco Bold', HelveticaW01-RoundedBd,Arial,sans-serif;
    font-weight: normal;
    text-align: center;
    width: 38%;
    font-size: 1.3em;
}

#dailyCost, #tarAmount {
    display: none;
}

#weeklyCost #value_weeklyCost {
    font-size: 3em;
}
#weeklyCost > h5 {
    font-size: 1.8em;
}

#weeklyCost #value_weeklyCost {
    color: #2aa7dd;
}

#costResults h5 {
    color: #b4b4b4;
}

#costs > div > div {
    color: #2aa7dd;
    font-size: 1.8em;
    font-weight: bold;
    margin-bottom: 10px;
}

#yourStoryComment {
    width: 700px;
}

#yourStoryComment label {
    height: auto !important;
    margin-bottom: 0 !important;
    padding: 5px 0;
}
#yourStoryComment .first_name {
    clear: left;
    float: left;
}
#yourStoryComment .last_name {
    float: right;
}
#yourStoryComment .checkboxes {
    float: right;
    padding-right: 60px;
}

#yourStoryComment label.email {
    width: 44%;
}

#yourStoryComment > input {
    clear: both;
    float: left;
}

.your_story {
    background: none !important;
}

.your_story_list li {
    height: auto !important;
    width: 284px !important
}

.your_story_comments {
    color: #fff;
    padding: 20px;
    font-size: 1.1em;
}

.your_story_author {
    font-size: 1.3em;
    font-weight: bold;
}

.your_story_suburb {
    color: #a6e4fc;
    font-size: 1.3em;
    font-weight: bold;
}

#share_your_story_form .profile-string {
    background: none repeat scroll 0 0 #ebebeb;
    border: 0 none;
    color: #ababab;
    padding: 15px;
    width: 250px;
    color: #626262;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.9em;
}

#share_your_story_form textarea {
    width: 95% !important;
}
/*
#share_your_story_form input {
    clear: left;
    width: 44%;
    float: left;
}
*/

#share_your_story_form .error {
    color: #ED9E20 !important;
    padding-left: 5px;
    font-style: italic;
}

#share_your_story_form div {
    padding: 5px 0;
}

.your_story_input_first_name, .your_story_input_suburb, .your_story_input_email {
    /*     width: 100%; */
}
.your_story_input_first_name {
    float: left;
    margin-right: 10px;
}
.your_story_input_suburb, .your_story_input_phone {
    float: left;
}
.your_story_input_email {
    clear: left;
    float: left;
    margin-right: 10px;
}

.your_story_checkboxes {
    /*    float:left; */
    display: block;
    clear: right;
}

#share_your_story_form .submit {
    clear: both;
    float:left !important;
}

#share_your_story_form .submit input {
    background-color: #1da2db;
    border-radius: 14px;
    float: left;
    height: 50px;
    list-style-type: none;
    width: 170px;
    color: #fff;
    outline: 0;
    border: 0;
    font-size: 1.1em;
    cursor:pointer;
}

#pageContentWithSidebar {
    width: 620px; /* was 607*/
    margin: 30px 20px 15px 24px;
    float: left;
}

.note {
    clear: both;
}


/* from wysiwyg styles */
.ccsa-blue-text {
    color: #0397D7;
}

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

#content .filters:after {
    clear: both;
}

#content .filters .filter {
    float: left;
    margin-right: 1em;
}

#content .filters .filter select {
    border: 1px solid rgb(166, 166, 166);
    border-radius: 5px;
    color: #0397D7;
    height: 30px;
    background: #e6e6e6;
    cursor: pointer;
}

#content .research-projects .box-row {
    margin: 1.5em 0;
}

#content .research-projects .box-row:before,
#content .research-projects .box-row:after{
    content: " ";
    display: table;
}

#content .research-projects .box-row:after {
    clear: both;
}

#content .research-projects .box-row .box {
    float: left;
    display: block;
    width: 322px;
    color: #fff;
    background: #4d90d7;
    padding: 1.5em 1.5em 60px 1.5em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ie-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-box-shadow: 0px 7px 15px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 7px 15px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 7px 15px 0px rgba(50, 50, 50, 0.5);
    position: relative;
}

#content .research-projects p {
    margin: 1em 0;
}

#content .research-projects .box-row a {
    text-decoration: none;
}

#content .research-projects .box-row a:hover .box {
    -webkit-box-shadow: 0px 10px 60px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 10px 60px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 10px 60px 0px rgba(50, 50, 50, 0.5);
}

#content .research-projects .box-row .box h4 {
    color: #f8d706;
    font-size:1.5em;
}

#content .research-projects .box-row .box.middle {
    margin: 0 11px;
}

#content .research-projects .box-row .box ul {
    margin: 0;
    list-style: none;
}

#content .research-projects .box-row .box ul li {
    margin: 0;
}

#content .research-projects .box-row .box .readmore {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 1.5em;
}

#content .sub-project .profile .researcher-image{
    display: block;
    margin: 0 2em 1em 0;
    float: left;
}

#content .sub-project .quick-facts {
    margin: 1em 0 0 0;
    list-style: none;
}

#content .sub-project .quick-facts li {
    margin: 0 0 1em 0;
}

/* for /board pages */
.form-horizontal {
    margin: 0 0 20px;
    padding: 0 0 10px;
    border-bottom: 1px solid #e5e5e5;
}

.form-horizontal .control-group {
    padding: 10px 0;
    *zoom: 1;
}

.form-horizontal .control-group.unlocked {
    background-color:#E1F1FF;
}

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
    display: table;
    line-height: 0;
    content: "";
}

.form-horizontal .control-group:after {
    clear: both;
}

.form-horizontal .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right;
    margin:0;
}

.form-horizontal .controls {
    *display: inline-block;
    *padding-left: 20px;
    margin-left: 200px;
    *margin-left: 0;
}

.form-horizontal .control-group.no-indent .controls{
    margin-left:0px;
}

.form-horizontal .controls:first-child {
    *padding-left: 180px;
}

.form-horizontal .controls input,
.form-horizontal .controls select{
    margin:0px;
}

.form-horizontal .help-block {
    margin-bottom: 0;
}

.form-horizontal fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

.form-horizontal legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
    font-size: 1.3em;
    line-height: 40px;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    color: #2AA7DE;
    font-weight:bold;
}

.form-horizontal h3{
    line-height: 40px;
    padding: 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

.form-horizontal label,
.form-horizontal input,
.form-horizontal button,
.form-horizontal select,
.form-horizontal textarea {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

.form-horizontal input,
.form-horizontal button,
.form-horizontal select,
.form-horizontal textarea {
    font-family:Arial, Helvetica, sans-serif;
}

.form-horizontal label {
    display: block;
    margin-bottom: 5px;
}

.form-horizontal select,
.form-horizontal textarea,
.form-horizontal input[type="text"],
.form-horizontal input[type="password"],
.form-horizontal input[type="datetime"],
.form-horizontal input[type="datetime-local"],
.form-horizontal input[type="date"],
.form-horizontal input[type="month"],
.form-horizontal input[type="time"],
.form-horizontal input[type="week"],
.form-horizontal input[type="number"],
.form-horizontal input[type="email"],
.form-horizontal input[type="url"],
.form-horizontal input[type="search"],
.form-horizontal input[type="tel"],
.form-horizontal input[type="color"]{
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.form-horizontal input,
.form-horizontal textarea,
.form-horizontal .field-group{
    width: 206px;
}

.form-horizontal .input-append input,
.form-horizontal .input-prepend input{
    width:178px;
}

.form-horizontal textarea {
    height: auto;
}

.form-horizontal textarea,
.form-horizontal input[type="text"],
.form-horizontal input[type="password"],
.form-horizontal input[type="datetime"],
.form-horizontal input[type="datetime-local"],
.form-horizontal input[type="date"],
.form-horizontal input[type="month"],
.form-horizontal input[type="time"],
.form-horizontal input[type="week"],
.form-horizontal input[type="number"],
.form-horizontal input[type="email"],
.form-horizontal input[type="url"],
.form-horizontal input[type="search"],
.form-horizontal input[type="tel"],
.form-horizontal input[type="color"]{
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

.form-horizontal textarea:focus,
.form-horizontal input[type="text"]:focus,
.form-horizontal input[type="password"]:focus,
.form-horizontal input[type="datetime"]:focus,
.form-horizontal input[type="datetime-local"]:focus,
.form-horizontal input[type="date"]:focus,
.form-horizontal input[type="month"]:focus,
.form-horizontal input[type="time"]:focus,
.form-horizontal input[type="week"]:focus,
.form-horizontal input[type="number"]:focus,
.form-horizontal input[type="email"]:focus,
.form-horizontal input[type="url"]:focus,
.form-horizontal input[type="search"]:focus,
.form-horizontal input[type="tel"]:focus,
.form-horizontal input[type="color"]:focus{
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

.form-horizontal input[type="radio"],
.form-horizontal input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    *margin-top: 0;
    line-height: normal;
}

.form-horizontal .checkbox input[type="checkbox"]{
    margin-right:5px;
}

.form-horizontal input[type="file"],
.form-horizontal input[type="image"],
.form-horizontal input[type="submit"],
.form-horizontal input[type="reset"],
.form-horizontal input[type="button"],
.form-horizontal input[type="radio"],
.form-horizontal input[type="checkbox"] {
    width: auto;
}

.form-horizontal select,
.form-horizontal input[type="file"] {
    height: 30px;
    /* In IE7, the height of the select element cannot be changed by height, only font-size */

    *margin-top: 4px;
    /* For IE7, add top margin to align select with labels */

    line-height: 30px;
}

.form-horizontal select {
    width: 220px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

.form-horizontal select[multiple],
.form-horizontal select[size] {
    height: auto;
}

.form-horizontal select:focus,
.form-horizontal input[type="file"]:focus,
.form-horizontal input[type="radio"]:focus,
.form-horizontal input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.form-horizontal a.btn,
.form-horizontal .btn{
    font-weight: bold;
    width: 110px!important;
    height: 27px;
    background: #0397d7;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 0 none;
    cursor: pointer;
    color: #FFF;
}


.form-horizontal .control-group.error .control-label,
.form-horizontal .control-group.error .help-block,
.form-horizontal .control-group.error .help-inline {
    color: #b94a48;
}

.form-horizontal .control-group.error .checkbox,
.form-horizontal .control-group.error .radio,
.form-horizontal .control-group.error input,
.form-horizontal .control-group.error select,
.form-horizontal .control-group.error textarea {
    color: #b94a48;
}

.form-horizontal .control-group.error input,
.form-horizontal .control-group.error select,
.form-horizontal .control-group.error textarea {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.form-horizontal .control-group.error input:focus,
.form-horizontal .control-group.error select:focus,
.form-horizontal .control-group.error textarea:focus {
    border-color: #953b39;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

.form-horizontal .control-group.error .input-prepend .add-on,
.form-horizontal .control-group.error .input-append .add-on {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48;
}

.form-horizontal .help-block {
    display: block;
    margin-bottom: 10px;
}

.form-horizontal .help-inline {
    display: inline-block;
    *display: inline;
    padding-left: 5px;
    vertical-align: middle;
    *zoom: 1;
}

.form-horizontal .help-inline.help{
    font-size:0.8em;
}

.form-horizontal .small{
    font-size: 0.8em;
}

.form-horizontal .form-control-static {
    padding: 5px 0 0 0;
    margin-bottom: 0;
    font-size:14px;
}

.btn.btn-primary {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background:#2AA7DE;
    height:auto;
    width:auto!important;
}
.btn.btn-primary:focus,
.btn.btn-primary:active:focus,
.btn.btn-primary.active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
    text-decoration: none;
}
.btn.btn-primary:active,
.btn.btn-primary.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.btn-primary.disabled,
.btn.btn-primary[disabled],
fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc;
}
.btn-default .badge {
    color: #fff;
    background-color: #333;
}
.btn-primary {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #006abf;
    border-color: #2AA7DE;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #428bca;
    border-color: #357ebd;
}
.btn-primary .badge {
    color: #428bca;
    background-color: #fff;
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success .badge {
    color: #5cb85c;
    background-color: #fff;
}
.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-info .badge {
    color: #5bc0de;
    background-color: #fff;
}
.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff;
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-danger .badge {
    color: #d9534f;
    background-color: #fff;
}
.btn-link {
    font-weight: normal;
    color: #428bca;
    cursor: pointer;
    border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
    color: #2a6496;
    text-decoration: underline;
    background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-block + .btn-block {
    margin-top: 5px;
}

.input-append input[class*="span"],
.input-prepend input[class*="span"]{
    display: inline-block;
}

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #c09853;
}

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48;
}

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847;
}

.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #3a87ad;
}

.input-append,
.input-prepend {
    display: inline-block;
    margin:0;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu,
.input-append .popover,
.input-prepend .popover {
    font-size: 14px;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
    position: relative;
    margin-bottom: 0;
    *margin-left: 0;
    vertical-align: top;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
    z-index: 2;
}

.input-append .add-on,
.input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 20px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    background-color: #eeeeee;
    border: 1px solid #ccc;
}

.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .btn-group > .dropdown-toggle {
    vertical-align: top;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.input-append .active,
.input-prepend .active {
    background-color: #a9dba9;
    border-color: #46a546;
}

.input-prepend .add-on,
.input-prepend .btn {
    margin-right: -1px;
}

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.input-append input,
.input-append select,
.input-append .uneditable-input {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
    margin-left: -1px;
}

.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.input-prepend.input-append .btn-group:first-child {
    margin-left: 0;
}

.breadcrumb {
    padding: 8px 15px;
    margin: 0 0 20px;
    list-style: none;
    background-color: #f5f5f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    font-size:12px;
}
.breadcrumb > li {
    display: inline-block;
    margin:0px!important;
}
.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
.breadcrumb > .active {
    color: #777;
}

#welcome{
    line-height:28px;
    font-size:12px;
    text-align: right;
    padding-bottom: 10px;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 20px;
}

#welcome h1{
    font-size: 1.85em;
    float:left;
}

.mime-default {
    background: url(/assets/mime_types/default.png) no-repeat;
    padding-left: 25px;
}
.mime-archive {
    background: url(/assets/mime_types/archive.png) no-repeat;
}
.mime-audio {
    background: url(/assets/mime_types/audio.png) no-repeat;
}
.mime-authors {
    background: url(/assets/mime_types/authors.png) no-repeat;
}
.mime-bin {
    background: url(/assets/mime_types/bin.png) no-repeat;
}
.mime-blank {
    background: url(/assets/mime_types/blank.png) no-repeat;
}
.mime-bmp {
    background: url(/assets/mime_types/bmp.png) no-repeat;
}
.mime-c {
    background: url(/assets/mime_types/c.png) no-repeat;
}
.mime-calc {
    background: url(/assets/mime_types/calc.png) no-repeat;
}
.mime-cd {
    background: url(/assets/mime_types/cd.png) no-repeat;
}
.mime-copying {
    background: url(/assets/mime_types/copying.png) no-repeat;
}
.mime-cpp {
    background: url(/assets/mime_types/cpp.png) no-repeat;
}
.mime-css {
    background: url(/assets/mime_types/css.png) no-repeat;
}
.mime-deb {
    background: url(/assets/mime_types/deb.png) no-repeat;
}
.mime-diff {
    background: url(/assets/mime_types/diff.png) no-repeat;
}
.mime-doc, .mime-docx {
    background: url(/assets/mime_types/doc.png) no-repeat;
}
.mime-draw {
    background: url(/assets/mime_types/draw.png) no-repeat;
}
.mime-eps {
    background: url(/assets/mime_types/eps.png) no-repeat;
}
.mime-exe {
    background: url(/assets/mime_types/exe.png) no-repeat;
}
.mime-gif {
    background: url(/assets/mime_types/gif.png) no-repeat;
}
.mime-gzip {
    background: url(/assets/mime_types/gzip.png) no-repeat;
}
.mime-h {
    background: url(/assets/mime_types/h.png) no-repeat;
}
.mime-hpp {
    background: url(/assets/mime_types/hpp.png) no-repeat;
}
.mime-html {
    background: url(/assets/mime_types/html.png) no-repeat;
}
.mime-ico {
    background: url(/assets/mime_types/ico.png) no-repeat;
}
.mime-image {
    background: url(/assets/mime_types/image.png) no-repeat;
}
.mime-install {
    background: url(/assets/mime_types/install.png) no-repeat;
}
.mime-java {
    background: url(/assets/mime_types/java.png) no-repeat;
}
.mime-jpg {
    background: url(/assets/mime_types/jpg.png) no-repeat;
}
.mime-js {
    background: url(/assets/mime_types/js.png) no-repeat;
}
.mime-json {
    background: url(/assets/mime_types/json.png) no-repeat;
}
.mime-log {
    background: url(/assets/mime_types/log.png) no-repeat;
}
.mime-makefile {
    background: url(/assets/mime_types/makefile.png) no-repeat;
}
.mime-markdown {
    background: url(/assets/mime_types/markdown.png) no-repeat;
}
.mime-package {
    background: url(/assets/mime_types/package.png) no-repeat;
}
.mime-pdf {
    background: url(/assets/mime_types/pdf.png) no-repeat;
}
.mime-php {
    background: url(/assets/mime_types/php.png) no-repeat;
}
.mime-playlist {
    background: url(/assets/mime_types/playlist.png) no-repeat;
}
.mime-png {
    background: url(/assets/mime_types/png.png) no-repeat;
}
.mime-pres {
    background: url(/assets/mime_types/pres.png) no-repeat;
}
.mime-ps {
    background: url(/assets/mime_types/ps.png) no-repeat;
}
.mime-psd {
    background: url(/assets/mime_types/psd.png) no-repeat;
}
.mime-py {
    background: url(/assets/mime_types/py.png) no-repeat;
}
.mime-rar {
    background: url(/assets/mime_types/rar.png) no-repeat;
}
.mime-rb {
    background: url(/assets/mime_types/rb.png) no-repeat;
}
.mime-readme {
    background: url(/assets/mime_types/readme.png) no-repeat;
}
.mime-rpm {
    background: url(/assets/mime_types/rpm.png) no-repeat;
}
.mime-rss {
    background: url(/assets/mime_types/rss.png) no-repeat;
}
.mime-rtf {
    background: url(/assets/mime_types/rtf.png) no-repeat;
}
.mime-script {
    background: url(/assets/mime_types/script.png) no-repeat;
}
.mime-source {
    background: url(/assets/mime_types/source.png) no-repeat;
}
.mime-sql {
    background: url(/assets/mime_types/sql.png) no-repeat;
}
.mime-tar {
    background: url(/assets/mime_types/tar.png) no-repeat;
}
.mime-tex {
    background: url(/assets/mime_types/tex.png) no-repeat;
}
.mime-text {
    background: url(/assets/mime_types/text.png) no-repeat;
}
.mime-tiff {
    background: url(/assets/mime_types/tiff.png) no-repeat;
}
.mime-unknown {
    background: url(/assets/mime_types/unknown.png) no-repeat;
}
.mime-vcal {
    background: url(/assets/mime_types/vcal.png) no-repeat;
}
.mime-video {
    background: url(/assets/mime_types/video.png) no-repeat;
}
.mime-xml {
    background: url(/assets/mime_types/xml.png) no-repeat;
}
.mime-zip {
    background: url(/assets/mime_types/zip.png) no-repeat;
}

#content table.file-listing {
    border: none;
    max-width: 100%;
    width: 100%!important;
}

#content table.file-listing th, #content table.file-listing td {
    border: none;
    padding: 10px;
}

#content table.file-listing tr {
    border-bottom: 1px solid #E5E5E5;
}

#content #pageContent.extra-padding-bottom {
    padding-bottom:2em;
}

#content .quick-links{
    list-style:none;
    margin:0;
}

#content .quick-links li{
    margin:0 0 1em 0;
    display: block;
}

#content .quick-links li a{
    display:inline-block;
    padding:1em;
    border: 1px solid #E5E5E5;
    width:400px;
}

#content .quick-links li a:before{
    content:url(/assets/mime_types/html.png);
    margin:6px;
}

#content .quick-links li a:hover{
    background:#f5f5f5;
}
/* //for /board pages */

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert h4 {
    margin-top: 0;
    color: inherit;
}
.alert .alert-link {
    font-weight: bold;
}
.alert > p,
.alert > ul {
    margin-bottom: 0!important;
}
.alert > p + p {
    margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-success hr {
    border-top-color: #c9e2b3;
}
.alert-success .alert-link {
    color: #2b542c;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert-info hr {
    border-top-color: #a6e1ec;
}
.alert-info .alert-link {
    color: #245269;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert-warning hr {
    border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
    color: #66512c;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.alert-danger hr {
    border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
    color: #843534;
}

.comment {
    padding:15px;
    border:1px solid #ddd;
    margin-bottom: 1em;
    border-radius:14px;
}

.comment-user {
    margin-top: .5em;
    font-weight: bold;
    font-size: 1.4em;
}

.comment-suburb {
    color: #8c8c8c;
}

.large-quotes {
    font-size: 2em;
}


.only-lt-600 {
    display: none;
}

@media only screen and (max-width: 600px) {
    .only-gt-600 {
        display: none;
    }

    .only-lt-600 {
        display: inherit;
    }
}