@import url(https://fonts.googleapis.com/css?family=Poppins:400,600,700,300);
@import url(https://fonts.googleapis.com/css?family=Karla:400,700);

body{line-height:1.2em; margin:0; font-family: 'Karla', sans-serif; font-size:16px; color:#1e1a1b; background-color:#fff;}
body{-moz-hyphens:none !important; word-wrap:normal !important;}
.site{background-color: #fff; border-left:none; border-right:none; max-width:100%;}
h1, h2, h3, h4, h5{font-family: 'Poppins', sans-serif; line-height:1.2em; position:relative;}
h1, h2{text-transform:uppercase;}

h1{color:#1d1d1d; font-size:40px; border-bottom:1px solid #0095dd; font-weight:600; padding-bottom: 8px !important; margin:20px 0px 40px 0px;}
h2{color:#1d1d1d; font-size:23px; padding-bottom:2px; margin:40px 0px 10px 0px; font-weight:700;}
h2 font{color:#1d1d1d !important;}


h3{color:#545454; font-size: 20px; font-weight:600; margin:30px 0px 15px 0px; padding-bottom: 8px !important;}
h4{color:#1d1d1d; font-size: 18px; margin:20px 0px 8px 0px; padding-bottom:2px; font-weight:600;}
h5{color:#0095dd; font-size:23px; font-weight:600; margin:30px 0px 30px 0px; font-family:'Karla', sans-serif;}

h1:after, h3:after{content: ""; display: block; position:absolute; left:0px; height:4px; bottom:0px;}
h1:after{background-color:#0095dd; width:75px;}
h3:after{background-color:#0095dd; width:50px;}

p, li{color:#1e1a1b; font-family: 'Karla', sans-serif; font-size:16px; line-height:1.2em;  margin: 10px 0px 18px 0px;}
a, a:visited{outline:none !important; font-size:inherit; font-weight:bold; color:#0095dd; margin:0px; padding:0px; line-height:1.3em; text-decoration:none;}
a:hover{color:#000000; text-decoration:none; opacity:0.7;}
.site-main a, .site-main a:hover{text-decoration: underline;}
a, a:visited, a:hover{transition:all 0.3s ease-out 0s;}

ul{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.wrapper{max-width:1020px; padding:0px 20px 0px 20px; margin:0px auto; position:relative; min-height:0px;}
.clearer{clear:both;}
.clear:after{clear:both;display: table;line-height: 0; content: "";}

#progressPanel:after{clear:both;display: table;line-height: 0; content: "";}
.content-area ul, .content-area ol{padding-left:40px;}
.content-area ul li{list-style:disc; margin-bottom:10px;}
.content-area table{margin-bottom:25px; border:1px solid #E8E8E8;}
.content-area table td{padding:10px; border:1px solid #E8E8E8; min-width:75px;}
.content-area ul{margin:10px 0px 30px 0px;}
.image-resize{position:relative; overflow:hidden; display:block;}
.image-resize > img{height:auto; min-width:100%; width:auto; min-height:100%; max-width:none; left:50%; top:50%; position:absolute;}
.image-resize > img{-ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
.image-resize > img{-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

.headerImageWidth{width:100%;}
#main-container, #mainContainer{width:1000px; max-width:100%; margin:0px auto; float:none;}
#header img, .headerContainer img{max-width:100%;}
.headerContainer .wrapper > img{margin-top:0px;}
#additionalContainer{float:none; width:100%; margin-top:0px; text-align:center;  border-top:1px solid #d4d4d4;}
#hyperlinkPrivacyPolicy, #footer{text-align:center;}
.requiredMarker {color:#0095dd; font-size: 25px; line-height: 0.7em;}
#main-container:after{clear:both;display: table;line-height: 0; content: "";}

.lan-switcher, .lan-switcher:visited {
    background-color:#0095dd;
    color: #ffffff  !important;
    border: 1px solid #0095dd;
    display: inline-block;
    padding: 10px 30px !important;
    border-radius: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
    position: relative;
    float: right;
    margin: 10px;
    font-weight: 600;
    z-index: 1;
}
.lan-switcher:hover {
    background-color: #ffffff;
    color: #0095dd  !important;
    opacity: 1;
}

/*** BANNER ***********************************************/
.headerContainer, #header{position:relative; overflow:hidden; display:block; height:376px;}
.headerContainer > img, #header > img{
    height:auto;
    min-width:100%;
    width:auto;
    min-height:100%;
    max-width:none;
    left:50%;
    top:50%;
    position:absolute;
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.headerContainer h1, #header h1{
    background-color: rgba(255,255,255,0.8);
    color: #0095dd;
    display: block;
    margin-top: 80px;
    border-bottom: none;
    margin:auto;
    text-align: center;
    padding: 5px 10px 5px 10px;
    position:absolute;
    bottom:30px;
    left:0px;
    right:0px;

}
.headerContainer h1:after, #header h1:after{display:none;}
.headerContainer h1 span, #header h1 span{
    padding-bottom:0px;
    padding-top:0px;
    max-width: 950px;
    display: inline-block;
    position: relative;
    font-weight: 700;
}
.headerContainer h1 span:after, #header h1 span:after{
    background-color: #0095dd;
    width: 75px;
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    height: 4px;
    bottom:2px;
}
/**** HOME *******************************************************************/
#page-loginregister #article-content-container{display:none;}
#loginregister{margin-top:20px; margin-bottom:20px;}
#loginregister br{display:none;}
#loginregister:after{clear:both;display: table;line-height: 0; content: "";}
#loginregister #register{width:28%; padding-right:3%; float:left; text-align:center;}
#loginregister #login{
    width:30%;
    padding-right:3%;
    padding-left:3%;
    float:left;
    text-align:center;
    border-left:1px solid #e4e4e4;
    border-right:1px solid #e4e4e4;
 }
#loginregister #login span{display:block;}
#loginregister #login input[type="text"], #loginregister #login input[type="password"]{
    margin-bottom:16px;
    border:1px solid #0095dd;
    border-radius:5px;
    padding:3px;
    width:95%;
}


#loginregister #login input#ctl00_ctl00_mainContent_cphLoginRegister_ucLogin_btnLogin{
    display: block;
    margin: 20px auto;
}

#loginregister #donate{width:28%; padding-left:3%; float:left; text-align:center;}
#footer{
    margin-top:30px;
    padding:30px 0px 30px 0px;
    border-top:1px solid #d4d4d4;
}

.lc.headerImageWidth #footer{
    margin-top:0px;
    padding:0px 0px 0px 0px;
    border-top:none;
}
/**** FORMULAIRE *******************************************************************/
.revised-donation-layout #frame{max-width:100%;}
.fb_iframe_widget{display:none;}
#frame #header{display:none;}

.button, button, input[type="button"], input[type="submit"]{
    background-color:#0095dd;
    border:1px solid #0095dd;
    color:#ffffff;
    position: relative;
    text-align: center;
    padding: 12px 30px 12px 30px;
    border-radius: 10px 0px 0px 0px;
    line-height: 1;
    transition: 0.12s;
    outline: 0;
    display: inline-block;
    margin-bottom: 16px;
    cursor: pointer;
    font-size: 18px;
    font-family: 'Karla', sans-serif;
}
.bPrevious{
    -moz-border-radius:10px 0px 0px 0px;
    -webkit-border-radius:10px 0px 0px 0px;
    position:relative;
    padding: 15px 30px 15px 45px;
}

.bNext {
    -moz-border-radius:0px 10px 0px 0px;
    -webkit-border-radius:0px 10px 0px 0px;
    position:relative;
    padding: 15px 45px 15px 30px;
}

.bPrevious:before, .bNext:after {
    position: absolute;
    top: 16px;
    opacity: 1;
    font-size: 18px;
    font-family: fontawesome;
    opacity: 1;
}
.bPrevious:before{content:'\f053'; left:20px;}
.bNext:after{content:'\f054'; right:20px;}

.button:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover{
    background-color:#ffffff;
    color:#0095dd;
    border-radius:20px 20px 20px 20px;
}
hr{border: none; border-top: 1px solid #e2e2e2;}
body, input, select, textarea, legend{color:#1e1a1b; border:1px solid #0095dd; font-family: 'Karla', sans-serif; font-size:16px; outline:none;}
body, legend{border:none;}
select{border: 1px solid #0095dd;}
#mainForms select:focus{background-color: #fff;}
.uniformSelectorPanel {border: 2px solid #0095dd;}
#locationDescriptionPanel{border: 2px solid #0095dd;}
.uniformSelectorTitlebar{background: #0095dd; font-size: 18px; padding: 8px 10px;}
.uniformSelectorList{background:#d9edf7;}
#selectLocations li{margin:0px 0px 0px 0px; padding:8px 10px 8px 10px;transition:all 0.3s ease-out 0s;}

.uniformSelectorList li:hover{background:#7dceef; transition:all 0.3s ease-out 0s;}
.uniformSelectorList li.selected{background:#3dbaec;}

fieldset {border: 1px solid #0095dd; padding: 15px 0px 17px 0px !important;}
div.overlayInnerBox{border: 2px solid #108abb;}

/**** SEARCH *******************************************************************/
#eui .ui-tabs-panel{font-family: 'Karla', sans-serif; font-size: 16px;    border-color: #0095dd;}
.ui-tabs-nav{border-right:none;}
.ui-tabs-nav li{border: 1px solid #0095dd; margin-right:5px;}
.ui-tabs-nav li a{background: #d9edf7;}
.ui-tabs-nav li a:hover, .ui-tabs-nav li a:focus, .ui-tabs-nav li a:active {
    background: #0095dd;
    color: #fff;
}

.stripey{border: 1px solid #0095dd; }
.stripey th{background-color: #0095dd; color: #fff; font-size: 18px; padding: 8px 10px;}
.stripey .odd{background-color:#d9edf7;}
.stripey td { padding:8px 10px; font-size:16px;}
.individualSearchLocation_label.largeLabel{margin-bottom:5px;}
.enchancedSearch label.overlabel-apply{top: 14px; font-family: 'Karla', sans-serif; font-size: 16px;}
.enchancedSearch input.text, .enchancedSearch input.title, .enchancedSearch textarea{border:1px solid #0095dd; border-radius:3px;}
.stripey tr a {color:#007ab5; text-decoration: underline;}
#NoTeams{ padding:8px 10px; font-size:16px; border: 1px solid #0095dd;}

/**** ETAPE *******************************************************************/
.teamCreateAdditionalContent{
    width:44%;
    background-color:#e4eff5;
    border:1px solid#a7d6ec;
    border-radius:5px;
    padding:0px 3% 30px 3%;
}
fieldset input, fieldset textarea, fieldset select{border: 1px solid #0095dd;}
#mainForms input:focus, #mainForms select:focus {background-color: #ffffff;}
.requiredMarker{float:none;}

fieldset li.requiredIsEmpty, fieldset li.invalidData, fieldset li.customError{border-top: none; border-bottom: none;}
#registrationInfo .field label {width: 160px; font-weight: bold;}

#divPageName span{font-weight:bold;}
input#ctl00_ctl00_mainContent_bodyContentPlaceHolder_textBoxPageName{padding:8px 3px; border: 1px solid #0095dd;}
button#buttonPageNameSave{padding:10px 15px;}


#mixedMediaManager button, #mixedMediaViewer button, .customizeYourPage button, .customizeYourPage button{
    border: 1px solid #0095dd;
    padding:10px 15px !important;
    background: #0095dd;
    color: #fff;
    font-size:16px;
    margin-top:15px;
    transition:all 0.3s ease-out 0s;
}
#mixedMediaManager button:hover, #mixedMediaViewer button:hover, .customizeYourPage button:hover, .customizeYourPage button:hover{
    color:#0095dd ;
    border: 1px solid #0095dd;
    background:#fff;
    transition:all 0.3s ease-out 0s;
}

/**** PROFIL - INDIVIDUAL *******************************************************************/
#fundraising-page-header #page-name-container{padding: 30px 10px 30px; margin-bottom:0px;}
.supporters-activity-wrapper .supporter-post-message-container .supporter-timeline-message, 
.supporters-activity-wrapper .supporter-post-message-container .supporter-timeline-message-author{
    background-color: #ffffff;
    border: 1px solid #0095dd;
    padding: 3px;
}
#fundraising-page-header #amount-raised-container button{ padding: 12px 30px 12px 30px;}
/*#section-main-content #event-and-location-info{border-bottom:1px solid #0095dd; position:relative;}
#section-main-content #event-and-location-info:after{content: ""; display: block; position:absolute; left:0px; height:4px; bottom:0px;}
#section-main-content #event-and-location-info:after{background-color:#0095dd; width:75px;}*/

#fundraising-page-header #page-name-container{
    width:63%;
    padding:0px 3% 0px 3%;
    min-width:10px;
    background-color:transparent;
    max-width:900px;
    color:#0e0e0e;
}
#fundraising-page-header #amount-raised-container{
    min-width:10px;
    max-width:900px;
    width: 25%;
    padding:0px 2% 0px 2%;
    margin-bottom:0px;
    color:#0e0e0e;
    text-align:center;
    float:right;
    font-size:16px;
    background-color:transparent;
    border-left:1px solid #aae0fb;
}
#fundraising-page-header{
    background-color: #dbeef7;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top:-4px;
    border: 1px solid #aae0fb;
}


.supporters-activity-wrapper .supporter-post-message-container .supporter-timeline-message{
    margin:15px 0px 5px 0px;
    width:100%;
}
#fundraising-page-header #page-name-container #page-name{
    margin-top:10px;
    line-height:1em;
}
.supporters-activity-wrapper .supporter-post-message-container .supporter-timeline-message-author{
    margin:5px 0px 15px 0px;
    width:100%;
}
#supporters-timeline-list-view-more-less{display:none;}

#message-content > h2, #message-content > h1{margin-top:10px;}
.supporters-activity-wrapper .supporters-timeline-container{border-top:1px solid #dcdcdc; margin-top:20px;}
.supporters-activity-wrapper .supporters-timeline-container .timeline-item .photo-mask-empty {
    background: url(http://artez.ayudo.ca/LEUCAN/MissionLeucan/img/UknownPersonOrTeamImage.png) no-repeat left top;
}
.supporters-activity-wrapper .supporter-post-message-container-header{border-top:1px solid #dcdcdc;  margin-bottom: 0px;    margin-top: 10px;}
.supporters-activity-wrapper .supporter-post-message-container-header h2{margin: 30px 0px 0px 0px;}

#section-main-content #event-and-location-info{
    border-top: 1px solid #dcdcdc;
    margin-top: 10px;
    padding-top: 14px;
    padding-bottom: 0px;
}
#section-main-content #event-and-location-info .divEventAndLocationInfo .event-location-label{font-size:18px; font-weight:bold;}

/**** PROFIL - TEAM *************************************************************************/

/**** PROFIL - LOGIN - PARTICIPANT **********************************************************/
.performance-and-progress-wrapper .performance-wrapper {border: 1px solid #0095dd;}
.performance-and-progress-wrapper .performance-wrapper .performance-container:nth-child(odd){background-color:#d9edf7;}
.personalization-wrapper {background-color:#d9edf7; border: 1px solid #0095dd;}
.coaching-tip {border: 1px solid #0095dd; background-color:#d9edf7;}
.coaching-tip .coaching-tip-body{background-color:#d9edf7;     margin-left: 100px;}
.coaching-tip .coaching-tip-prefix {
    border-right: 1px solid #0095dd;
    padding: 8px 2px 8px 5px;
    margin-bottom: 0px;
    font-size: 16px;
    width: 100px;
    color: white;
}
.main-table {border: 1px solid #0095dd;}
.charity-message-title, .media-manager-heading, .coaching-tip, .main-table thead tr:first-child, 
table.list thead tr:first-child, table.list tr:first-child th, table.list td.header {background: #0095dd !important;}
.main-table th {text-shadow:none; font-size: 16px; color:#fff; border-left: 1px solid #ffffff;}
div#ctl00_ctl00_mainContent_bodyContentPlaceHolder_ucSolicitationReport{border: 1px solid #0095dd;}
.coaching-tip .coaching-tip-body .coaching-tip-action{position:static;}
.coaching-tip-message{margin-right: 10px !important;}
.coaching-tip .coaching-tip-body .coaching-tip-action a{
    background-color: #0095dd;
    border: 1px solid #0095dd;
    color: #ffffff;
    position: relative;
    text-align: center;
    padding: 8px 15px 8px 15px;
    border-radius: 10px 0px 0px 0px;
    line-height: 1;
    transition: 0.12s;
    outline: 0;
    display: inline-block;
    margin: 10px 0px 5px 0px;
    cursor: pointer;
    font-size: 16px;
    font-family: 'Karla', sans-serif;
}
.coaching-tip .coaching-tip-body .coaching-tip-action a:hover{
    background-color: #ffffff;
    color: #0095dd;
    border-radius: 20px 20px 20px 20px;
}
.legend{font-family: 'Karla', sans-serif; font-size: 13px;}
.solicitation-report-container .solicitation-email-status.bounced {background: url(../img/mail-bounced.png) no-repeat left top;}
.solicitation-report-container .solicitation-email-status.delivered {background: url(../img/mail-delivered.png) no-repeat left top;}
.solicitation-report-container .solicitation-email-status.opened {background: url(../img/mail-opened.png) no-repeat left top;}
.solicitation-report-container .solicitation-email-status.pagevisited {background: url(../img/mail-delivered-visited.png) no-repeat left top;}


.media-manager-wrapper button{ padding: 10px 15px;}
.media-manager-wrapper .media-item-edit{}
.media-manager-wrapper .media-item-edit h2{font-size: 23px; margin-bottom:15px;}
.youtube-url-input{padding:8px 3px;}
span#ctl00_ctl00_mainContent_bodyContentPlaceHolder_ucPersonalization_ucMediaManager_literalMediaManagerVideoMediaPathExample{
    padding-bottom: 20px;
    display: block;
}
input#mediaManager_fileToUpload{margin-bottom:20px;}
.media-manager-wrapper .media-item-edit-upload-video .youtube-logo{margin-top:20px;}
/**** LOGIN - PARTICIPANT - NAV **********************************************************/
#fundraising-navigation{border:1px solid #0095dd;}
#fundraising-navigation .nav-item{
    background: #d9edf7;
    border:none;
    border-bottom:1px solid #0095dd;
    padding-left: 50px;
    color:#007db9;
    text-shadow: none;
    font-family: 'Karla', sans-serif;
    font-size: 16px;
}
#fundraising-navigation  #ctl00_ctl00_mainContent_registrationNavContainer .nav-item{border-bottom:none;}
#fundraising-navigation .nav-item .pictos{color:#007db9;}


#fundraising-navigation .current .nav-item, #fundraising-navigation .nav-item:hover{
    background: #007db9;
    color: #FFFFFF;
    font-family: 'Karla', sans-serif;
    font-size: 16px;
    border: none;
    border-bottom: 1px solid #007db9;
}

#fundraising-navigation .nav-sub-items{border: none;}
#fundraising-navigation .nav-sub-items a{
    font-family: 'Karla', sans-serif;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #007db9;
    line-height: 15px;
    padding:8px 10px 8px 25px;
}
#fundraising-navigation .nav-sub-items a.current, #fundraising-navigation .nav-sub-items a:hover{
    font-family: 'Karla', sans-serif;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #31a3da;
    background:#31a3da;
    color: white;
}
/**** LOGIN - PARTICIPANT - STRUCTURE *******************************************************/

    #page-checkresults #main-container          {padding-left: 2%; padding-right: 1%; max-width:97%;}
    #page-solicitothers #main-container         {padding-left: 2%; padding-right: 1%; max-width:97%;}
    #page-managesponsors #main-container        {padding-left: 2%; padding-right: 1%; max-width:97%;}
    #page-offlinedonation #main-container       {padding-left: 2%; padding-right: 1%; max-width:97%;}
    #page-downloadpledgeform #main-container    {padding-left: 2%; padding-right: 1%; max-width:97%;}
    #page-teamoptions #main-container           {padding-left: 2%; padding-right: 1%; max-width:97%;}
    #page-teamsendemail #main-container         {padding-left: 2%; padding-right: 1%; max-width:97%;}
    #page-usercontactinfo #main-container       {padding-left: 2%; padding-right: 1%; max-width:97%;}
    #page-newpassword #main-container           {padding-left: 2%; padding-right: 1%; max-width:97%;}
    #page-registrationstatus #main-container    {padding-left: 2%; padding-right: 1%; max-width:97%;}
    #page-waiverdisplay #main-container         {padding-left: 2%; padding-right: 1%; max-width:97%;}
    #page-registerconfirmation #main-container  {padding-left: 2%; padding-right: 1%; max-width:97%;}
    #page-solicited #main-container  {padding-left: 2%; padding-right: 1%; max-width:97%;}
    #page-manageteamsponsors #main-container  {padding-left: 2%; padding-right: 1%; max-width:97%;}
    #page-teamofflinedonation #main-container  {padding-left: 2%; padding-right: 1%; max-width:97%;}

    #page-checkresults #article-content-container       {float: right; width: 71%; margin-top:15px;}
    #page-solicitothers #article-content-container      {float: right; width: 71%; margin-top: 15px;}
    #page-managesponsors #article-content-container     {float: right; width: 71%; margin-top: 15px;}
    #page-offlinedonation #article-content-container    {float: right; width: 71%; margin-top: 15px;}
    #page-downloadpledgeform #article-content-container {float: right; width: 71%; margin-top: 15px;}
    #page-teamoptions #article-content-container        {float: right; width: 71%; margin-top: 15px;}
    #page-teamsendemail #article-content-container      {float: right; width: 71%; margin-top: 15px;}
    #page-usercontactinfo #article-content-container    {float: right; width: 71%; margin-top: 15px;}
    #page-newpassword #article-content-container        {float: right; width: 71%; margin-top: 15px;}
    #page-registrationstatus #article-content-container {float: right; width: 71%; margin-top: 15px;}
    #page-waiverdisplay #article-content-container      {float: right; width: 71%; margin-top: 15px;}
    #page-teamresults #article-content-container        {float: right; width: 71%; margin-top: 15px;}
    #page-teamedit #article-content-container           {float: right; width: 71%; margin-top: 15px;}
    #page-teamcaptainreport #article-content-container  {float: right; width: 71%; margin-top: 15px;}
    #page-teamcreate #article-content-container         {float: right; width: 71%; margin-top: 15px;}
    #page-teammessageboard #article-content-container   {float: right; width: 71%; margin-top: 15px;}
    #page-registerconfirmation #article-content-container{float: right; width: 71%; margin-top: 15px;}
    #page-solicited #article-content-container{float: right; width: 71%; margin-top: 15px;}
    #page-manageteamsponsors #article-content-container{float: right; width: 71%; margin-top: 15px;}
    #page-teamofflinedonation #article-content-container{float: right; width: 71%; margin-top: 15px;}


    #page-checkresults #aside-content       {float: left; width: 25%; margin-top: 55px;}
    #page-solicitothers #aside-content      {float: left; width: 25%; margin-top: 55px;}
    #page-managesponsors #aside-content     {float: left; width: 25%; margin-top: 55px;}
    #page-offlinedonation #aside-content    {float: left; width: 25%; margin-top: 55px;}
    #page-downloadpledgeform #aside-content {float: left; width: 25%; margin-top: 55px;}
    #page-teamoptions #aside-content        {float: left; width: 25%; margin-top: 55px;}
    #page-teamsendemail #aside-content      {float: left; width: 25%; margin-top: 55px;}
    #page-usercontactinfo #aside-content    {float: left; width: 25%; margin-top: 55px;}
    #page-newpassword #aside-content        {float: left; width: 25%; margin-top: 55px;}
    #page-registrationstatus #aside-content {float: left; width: 25%; margin-top: 55px;}
    #page-waiverdisplay #aside-content      {float: left; width: 25%; margin-top: 55px;}
    #page-registerconfirmation #aside-content{float: left; width: 25%; margin-top: 55px;}
    #page-teamresults #aside-content        {float: left; width: 25%; margin-top: 55px;}
    #page-teamedit #aside-content           {float: left; width: 25%; margin-top: 55px;}
    #page-teamcaptainreport #aside-content  {float: left; width: 25%; margin-top: 55px;}
    #page-teamcreate #aside-content         {float: left; width: 25%; margin-top: 55px;}
    #page-teammessageboard #aside-content   {float: left; width: 25%; margin-top: 55px;}
    #page-solicited #aside-content   {float: left; width: 25%; margin-top: 55px;}
    #page-manageteamsponsors #aside-content   {float: left; width: 25%; margin-top: 55px;}
    #page-teamofflinedonation #aside-content   {float: left; width: 25%; margin-top: 55px;}









#error, .feedback{background:#ffebeb; position:relative;}
.feedback{padding:15px 10px 10px 60px;}
#error br{display:none;}
#error{margin:10px 0px 15px 0px;}
#error:before{
    font: normal normal normal 40px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    content: "\f06a";
    position: absolute;
    left: 12px;
    top:15px;
    font-size: 40px;
}
.req{color: #0095dd;}

/**** LOGIN - PARTICIPANT - SHITZ *******************************************************/

#page-waiverdisplay  #waiver {padding: 10px; border-top: 1px solid #007db9; border-bottom:none;}
#page-solicitothers  #article-content .dashedbottom{display:none;}

#page-teamoptions #article-content .ns4, #page-teamoptions #article-content h4{display:none;}
#page-teamoptions #article-content #pagingresults{margin-bottom:0px;}

#page-waiverdisplay #article-content-container #article-content h2:first-child{margin:0px 0px 0px 0px;}
#page-waiverdisplay #article-content h3{display:none;}

#page-newpassword #article-content-container #article-content h2:first-child{margin:0px 0px 0px 0px;}
#page-newpassword #article-content h3{display:none;}
#page-newpassword #article-content table{margin-top:25px;}

#page-usercontactinfo #article-content h3{display:none;}

#page-downloadpledgeform #article-content-container #article-content h2:first-of-type{margin:0px 0px 0px 0px;}
#page-usercontactinfo #article-content-container #article-content h2:first-of-type{margin:0px 0px 0px 0px;}

#page-offlinedonation #article-content-container #article-content h2:first-of-type{margin:0px 0px 0px 0px;}
#page-offlinedonation #article-content-container #article-content h3:first-of-type{display:none;}
#page-registrationstatus #article-content-container h2:first-of-type{display:none;}
#page-registrationstatus #article-content-container h3:first-of-type{display:none;}
#page-solicitothers #article-content-container #article-content h2:first-child{margin:0px 0px 0px 0px;}

#page-registrationstatus #fundraising-navigation .nav-sub-items a#ctl00_ctl00_mainContent_hyperlinkMenu_waiver{border-bottom:none;}
#page-registrationstatus #timestamp{font-size: 16px; margin-top:40px;}
#page-registrationstatus  #article-content-container br{display:none;}
#page-registrationstatus  #article-content-container hr{border-top: 1px solid #0095dd;}
#page-registrationstatus  #article-content-container h4{font-weight: 700; color: #1d1d1d;
    font-size: 23px;
    padding-bottom: 2px; text-transform: uppercase;
}

#page-managesponsors #article-content-container .supporters-activity-wrapper .delete-message{color: #31a3da;}


#page-offlinedonation #article-content-container table th, #page-offlinedonation #article-content-container table td{padding: 5px 5px;}
#page-usercontactinfo #article-content-container table th, #page-usercontactinfo #article-content-container table td{padding: 5px 5px;}

a#ctl00_ctl00_mainContent_bodyContentPlaceHolder_linkThankSponsors{
    background-color: #0095dd;
    border: 1px solid #0095dd;
    color: #ffffff;
    position: relative;
    text-align: center;
    padding: 8px 15px 8px 15px;
    border-radius: 10px 0px 0px 0px;
    line-height: 1;
    transition: 0.12s;
    outline: 0;
    display: inline-block;
    margin: 15px 0px 10px 0px;
    cursor: pointer;
    font-size: 16px;
    font-family: 'Karla', sans-serif;
}
a#ctl00_ctl00_mainContent_bodyContentPlaceHolder_linkThankSponsors .pictos{margin-right:5px;}
a#ctl00_ctl00_mainContent_bodyContentPlaceHolder_linkThankSponsors:hover{
    background-color: #ffffff;
    color: #0095dd;
    border-radius: 20px 20px 20px 20px;
}


#success {
    color: #02772b;
    border: 1px solid #02772b;
    background: rgba(147, 214, 152, 0.1);
    min-height:10px;
    padding: 15px 10px 10px 10px;
    margin:10px 0px 10px 0px;
}

.progressPanel {min-height: 125px;}
#step1, #step2, #step3, #step4, #step5, #step6, #step7, #step8{
    height:90px;
    margin-right:25px;
    width: 120px;
}

#step1Literal, #step2Literal, #step3Literal, #step4Literal, #step5Literal, #step6Literal, #step7Literal, #step8Literal{
    margin-top:100px;
    font-size:15px;
}

#step1{background: url(../img/Progress-01.png) no-repeat;}
#step2{background: url(../img/Progress-02.png) no-repeat;}
#step3{background: url(../img/Progress-03.png) no-repeat;}
#step4{background: url(../img/Progress-04.png) no-repeat;}
#step5{background: url(../img/Progress-05.png) no-repeat;}
#step6{background: url(../img/Progress-06.png) no-repeat;}

#step1.selected{background: url(../img/Progress-01-active.png) no-repeat;}
#step2.selected{background: url(../img/Progress-02-active.png) no-repeat;}
#step3.selected{background: url(../img/Progress-03-active.png) no-repeat;}
#step4.selected{background: url(../img/Progress-04-active.png) no-repeat;}
#step5.selected{background: url(../img/Progress-05-active.png) no-repeat;}
#step6.selected{background: url(../img/Progress-06-active.png) no-repeat;}




/***************************************************/

a#ctl00_ctl00_headerContent_linkButtonDonate{display:none;}
a#ctl00_ctl00_headerContent_linkButtonSearch{display:none;}
a#ctl00_ctl00_headerContent_ucSplashLogin_linkButtonSplashLogin{display:none;}
#splash-login-wrapper{display:none;}


#frame #header{
    display:block;
    height:auto;
    left: 0px;
    max-width: 1020px;
    margin: auto;
    right: 0px;
    position:absolute;
}
.lan-switcher, .lan-switcher:visited{display:none;}

#language-support li, #language-support ul{margin:0px; padding:0px; list-style:none;}
a#ctl00_ctl00_headerContent_hplLanguageen-CA, a#ctl00_ctl00_headerContent_hplLanguagefr-CA{
    background-color: #0095dd;
    color: #ffffff !important;
    border: 1px solid #0095dd;
    display: inline-block;
    padding: 10px 30px !important;
    border-radius: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
    position: relative;
    float: right;
    margin: 10px;
    font-weight: 600;
    z-index: 1;
}
a#ctl00_ctl00_headerContent_hplLanguageen-CA:hover, a#ctl00_ctl00_headerContent_hplLanguagefr-CA:hover{
    background-color: #ffffff;
    color: #0095dd !important;
    opacity: 1;
}


#hyperlinkCookiePolicy{text-align:center;}
button.selected, button[data-state="active"], .button.selected, .button[data-state="active"], a.btn.selected, a.btn[data-state="active"]{
    background-color:#ffffff;
    color:#0095dd;
}
/***************************************************/














/***********************************************************/
/**** PATCHING 2019 ****************************************/
/***********************************************************/
.missionheader{/*background-color:#f1f1f1;*/}
.missionheader{background-color:#fff;}
.headerContainer h1, #header h1{display:none;}
.missionheader .sub{height:auto !important;background-color:#f1f1f1;}
#header .sub img, .headerContainer .sub img{
    max-width: 205px;
    margin: 8px 0px 5px 0px !important;
}














@media screen and (max-width:875px){
    #page-checkresults #article-content-container       {float:none; width:100%;}
    #page-solicitothers #article-content-container      {float:none; width:100%;}
    #page-managesponsors #article-content-container     {float:none; width:100%;}
    #page-offlinedonation #article-content-container    {float:none; width:100%;}
    #page-downloadpledgeform #article-content-container {float:none; width:100%;}
    #page-teamoptions #article-content-container        {float:none; width:100%;}
    #page-teamsendemail #article-content-container      {float:none; width:100%;}
    #page-usercontactinfo #article-content-container    {float:none; width:100%;}
    #page-newpassword #article-content-container        {float:none; width:100%;}
    #page-registrationstatus #article-content-container {float:none; width:100%;}
    #page-waiverdisplay #article-content-container      {float:none; width:100%;}
    #page-teamedit #article-content-container           {float:none; width:100%;}
    #page-teamcaptainreport #article-content-container  {float:none; width:100%;}
    #page-teamcreate #article-content-container         {float:none; width:100%;}
    #page-teammessageboard #article-content-container   {float:none; width:100%;}
    #page-teamresults #article-content-container        {float:none; width:100%;}
    #page-registerconfirmation #article-content-container        {float:none; width:100%;}

        #page-solicited #article-content-container{float:none; width:100%;}
    #page-manageteamsponsors #article-content-container{float:none; width:100%;}
    #page-teamofflinedonation #article-content-container{float:none; width:100%;}



    #page-checkresults #article-content{padding: 0px 0px;}
    #page-solicitothers #article-content{padding: 0px 0px;}
    #page-managesponsors #article-content{padding: 0px 0px;}
    #page-offlinedonation #article-content{padding: 0px 0px;}
    #page-downloadpledgeform #article-content{padding: 0px 0px;}
    #page-teamoptions #article-content{padding: 0px 0px;}
    #page-teamsendemail #article-content{padding: 0px 0px;}
    #page-usercontactinfo #article-content{padding: 0px 0px;}
    #page-newpassword #article-content{padding: 0px 0px;}
    #page-registrationstatus #article-content{padding: 0px 0px;}
    #page-waiverdisplay #article-content{padding: 0px 0px;}
    #page-teamresults #article-content{padding: 0px 0px;}
    #page-registerconfirmation #article-content{padding: 0px 0px;}

         #page-solicited #article-content{padding: 0px 0px;}
    #page-manageteamsponsors #article-content{padding: 0px 0px;}
    #page-teamofflinedonation #article-content{padding: 0px 0px;}


    #page-checkresults #aside-content       {float:none; width:100%; margin-top:40px;}
    #page-solicitothers #aside-content      {float:none; width:100%; margin-top:40px;}
    #page-managesponsors #aside-content     {float:none; width:100%; margin-top:40px;}
    #page-offlinedonation #aside-content    {float:none; width:100%; margin-top:40px;}
    #page-downloadpledgeform #aside-content {float:none; width:100%; margin-top:40px;}
    #page-teamoptions #aside-content        {float:none; width:100%; margin-top:40px;}
    #page-teamsendemail #aside-content      {float:none; width:100%; margin-top:40px;}
    #page-usercontactinfo #aside-content    {float:none; width:100%; margin-top:40px;}
    #page-newpassword #aside-content        {float:none; width:100%; margin-top:40px;}
    #page-registrationstatus #aside-content {float:none; width:100%; margin-top:40px;}
    #page-waiverdisplay #aside-content      {float:none; width:100%; margin-top:40px;}
    #page-teamedit #aside-content           {float:none; width:100%; margin-top:40px;}
    #page-teamcaptainreport #aside-content  {float:none; width:100%; margin-top:40px;}
    #page-teamcreate #aside-content         {float:none; width:100%; margin-top:40px;}
    #page-teammessageboard #aside-content   {float:none; width:100%; margin-top:40px;}
    #page-teamresults  #aside-content   {float:none; width:100%; margin-top:40px;}
    #page-registerconfirmation  #aside-content   {float:none; width:100%; margin-top:40px;}

             #page-solicited  #aside-content   {float:none; width:100%; margin-top:40px;}
    #page-manageteamsponsors  #aside-content   {float:none; width:100%; margin-top:40px;}
    #page-teamofflinedonation  #aside-content   {float:none; width:100%; margin-top:40px;}

    
}
@media screen and (max-width:650px){
.performance-and-progress-wrapper .performance-wrapper{margin-right: 0px;}
.performance-and-progress-wrapper .performance-progress-chart{float: none;margin: 0px auto;}
}
@media screen and (max-width:550px){
    #page-checkresults #article-content-container       {float:none; width:100%;}
    #page-solicitothers #article-content-container      {float:none; width:100%;}
    #page-managesponsors #article-content-container     {float:none; width:100%;}
    #page-offlinedonation #article-content-container    {float:none; width:100%;}
    #page-downloadpledgeform #article-content-container {float:none; width:100%;}
    #page-teamoptions #article-content-container        {float:none; width:100%;}
    #page-teamsendemail #article-content-container      {float:none; width:100%;}
    #page-usercontactinfo #article-content-container    {float:none; width:100%;}
    #page-newpassword #article-content-container        {float:none; width:100%;}
    #page-registrationstatus #article-content-container {float:none; width:100%;}
    #page-waiverdisplay #article-content-container      {float:none; width:100%;}

    select{max-width:100%;}
    .button, button, input[type="button"], input[type="submit"]{max-width:100%;}
    input#ctl00_ctl00_mainContent_bodyContentPlaceHolder_btnSendPledgeForm{font-size:14px;}

    #page-checkresults #article-content-container table{max-width:100%;}
    #page-solicitothers #article-content-container table{max-width:100%;}
    #page-managesponsors #article-content-container table{max-width:100%;}
    #page-offlinedonation #article-content-container table{max-width:100%;}
    #page-downloadpledgeform #article-content-container table{max-width:100%;}
    #page-teamoptions #article-content-container table{max-width:100%;}
    #page-teamsendemail #article-content-container table{max-width:100%;}
    #page-usercontactinfo #article-content-container table{max-width:100%;}
    #page-newpassword #article-content-container table{max-width:100%;}
    #page-registrationstatus #article-content-container table{max-width:100%;}
    #page-waiverdisplay #article-content-container table{max-width:100%;}

    #page-checkresults #article-content-container th{display:block;}
    #page-solicitothers #article-content-container th{display:block;}
    #page-managesponsors #article-content-container th{display:block;}
    #page-offlinedonation #article-content-container th{display:block;}
    #page-downloadpledgeform #article-content-container th{display:block;}
    #page-teamoptions #article-content-container th{display:block;}
    #page-teamsendemail #article-content-container th{display:block;}
    #page-usercontactinfo #article-content-container th{display:block;}
    #page-newpassword #article-content-container th{display:block;}
    #page-registrationstatus #article-content-container th{display:block;}
    #page-waiverdisplay #article-content-container th{display:block;}

    #page-checkresults #article-content-container td{display:block;}
    #page-solicitothers #article-content-container td{display:block;}
    #page-managesponsors #article-content-container td{display:block;}
    #page-offlinedonation #article-content-container td{display:block;}
    #page-downloadpledgeform #article-content-container td{display:block;}
    #page-teamoptions #article-content-container td{display:block;}
    #page-teamsendemail #article-content-container td{display:block;}
    #page-usercontactinfo #article-content-container td{display:block;}
    #page-newpassword #article-content-container td{display:block;}
    #page-registrationstatus #article-content-container td{display:block;}
    #page-waiverdisplay #article-content-container td{display:block;}
}

@media screen and (max-width:520px){
.performance-and-progress-wrapper .performance-wrapper .performance-container .performance-label{float: none;
    width: 100%;
    padding: 10px 10px 0px 10px; }
}



@media screen and (max-width:300px){#article-content-container{border:5px solid red;}}