﻿/*
* 
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*/

/*
   BEGIN RegisterClasses.aspx
*/
.dk-Table div[mobile]
{
    display:none;
}

.dk-Table { display: table; } 
.dk-TableRow { display: table-row;   text-align:center;  } 
.dk-TableHeading { display: table-header-group;  } 
.dk-TableBody { display: table-row-group; } 
.dk-TableFoot { display: table-footer-group; } 
.dk-TableCell, 
.dk-TableHead { display: table-cell; padding:3px; text-align:center;  }

.dk-pos-standard-dropdown
{
    vertical-align:middle;
    background-color:white;
    color:#636363;
    border: 1px solid #d4d4d4;
    padding: 6px; 
    font-size:12px !important; 
    font-weight:normal!important;
    cursor:pointer;
    margin:4px;
}

.dk-pos-standard-dropdown:hover 
{
    border: 1px solid #808080;
    color:#636363;
}

.dk-standard-popup
{
    position: relative; display: inline-block;
}

.dk-standard-popup > div[content] {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index:9999999;
}

.dk-standard-popup:hover > div[content] 
{
    display: block;
}

.dk-class-type
{
    position: relative; display: inline-block;
}

.dk-class-type div[header] 
{
    background-color:#f9f9f9; color:#808080; padding:12px; border-bottom: 1px solid rgba(0,0,0,0.2); font-weight:bold
}

.dk-class-type > div[content] 
{
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 250px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index:9999999;
    border:1px solid  rgba(0,0,0,0.2);
   
}

.dk-class-type > div[content] a:link {
    text-decoration: none;
    color: #636363;
    padding: 8px;
    display:block;
}

.dk-class-type > div[content] a:hover {
    background-color: #a50a18;
}

.dk-class-type div[item] 
{
    vertical-align: middle;
    text-align: left;
    padding: 4px;
    color: #636363;
}

.dk-class-error-message
{
    padding:20px;
    margin:20px;
    border-bottom: 1px solid rgba(0,0,0,0.2); 
    color:#ff0000;
}

.dk-class-empty-view
{
    padding:20px 5px 20px 5px;
    background-color:#fff;  
    color:#636363;
    text-align:center; 
}

@media only screen and (max-width: 600px) 
{

    .dk-Table div[desktop], span[desktop] 
    {
        display: none;
    }

    .dk-Table div[mobile] 
    {
        display: block;
    }

    .dk-Table div[mobile-left-align] 
    {
        text-align: left;
    }

    .dk-class-error-message
    {
        padding:4px;
        margin:4px;
        border-bottom: 1px solid rgba(0,0,0,0.2); 
        color:#ff0000;
    }

    .dk-class-empty-view
    {
        padding:10px 2px 10px 2px;
    }

    a.dk-pos-standard-button:link 
    {
        text-decoration: none;
    }

    .dk-pos-standard-button 
    {
        background-color: #fff;
        color: #636363;
        padding: 6px;
        padding-left: 10px;
        padding-right: 20px;
        vertical-align: middle;
        cursor: pointer;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #d4d4d4;
    }

    .dk-pos-standard-button:hover 
    {
        text-decoration: none;
        border: 1px solid #d4d4d4;
        background-color: #969393;
        color: white;
    }
}

/*
   END RegisterClasses.aspx
*/

    /*****CALENDAR DETAIL******/
    .dk_cd_itemdesc 
    {
    }

    .dk_cd_itemdetail 
    {
        padding:2px 0 2px 0;
    }

    .dk_cd_itemseparator 
    {
    }
   
    .dk_cd_calendartext 
    {
        font-size:small;
    }

    .dk-cd-dk_cd_itemdesc
    {
        font-size:12px;
        text-transform:uppercase;
        font-weight:bold;
        padding:8px 0 2px 0;
    }

    .dk-cd-frame {
        width: 100%;
        display: table;
        color: #636363;
        font-family: century gothic, sans-serif, Verdana;
        font-size: 12px;
    }

    .dk-cd-left-panel
    {
        width: 20%;
        overflow: auto;
        max-width: 210px;
        display: table-cell;
        padding: 0 20px 0 10px;
        border-right-width: 1px;
        border-right-style: solid;
        -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(lightgray), to(rgba(0, 0, 0, 0))) 1 100%;
        -webkit-border-image: -webkit-linear-gradient(lightgray, rgba(0, 0, 0, 0)) 1 100%;
        -moz-border-image: -moz-linear-gradient(lightgray, rgba(0, 0, 0, 0)) 1 100%;    
        -o-border-image: -o-linear-gradient(lightgray, rgba(0, 0, 0, 0)) 1 100%;
        border-image: linear-gradient(to bottom, lightgray, rgba(0, 0, 0, 0)) 1 100%;
    }

    .dk-cd-right-panel 
    {
        overflow:auto;
        min-width:400px;
        width:80%;
        display:table-cell;
        padding: 0 10px 0 20px;
    }

    .dk-cd-title
    {
        font-size: 14px;
        text-transform:uppercase;
        font-weight:bold;
        color:#9e9e9e;
 
        /*background-color:#eeeded;*/
    }
    .dk-cd-message{
        color:#ff0000; 
        display:block; 
        font-size:14px; 
        font-weight:bold
    }

    .cd-time
    {
        display:block;
    }

    .dk-btn-middle
    {
        min-width:170px; 
        font-size:15px;
        margin:auto;
    }

.dk-cd-button, a.dk-cd-button:link {
    background-color: #adadad;
    color: #ffffff !important;
    /*border: 1px solid #bababa;*/
    padding: 10px;
    padding-left: 32px;
    border-radius: 4px;
    min-width: 100px;
    max-width: 170px;
    font-family: century gothic, sans-serif, Verdana;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    display: block;
    background-repeat: no-repeat;
    background-position: left;
    background-position: 10px 50%;
    margin: auto;
}

    .dk-cd-button:hover, a.dk-cd-button:hover
    {
        background-color:#636363;
        color:white;
    }

    .dk-cd-icon-location 
    {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADiElEQVRIS51WW0tUURj9zjg69zPOaDqaRRZ0NYrANOiCSmX1GFEQ9mJlVPaQ5i8oKLOnQqxMiBAKCoQuJKEvlWU3SSQsEsIkb5gzZ67O5UxrH2dGndkzVhsOZ2Z/a39rfWt/+5wjUIoRDofT3W53OSAVsiwX4Z4dgU+qVKoB/O4yGAzdgiAEk6UReAEk1iBxLZLWIZEtlQhgRoFpAtENEPnjsQkELpdrI0APcK1LlZgTG4CwwyaT6cv82AICp9O5CyoeA2D6x+RRuISKDoii+Co6ESNgypG8ByqM/5k8uswBklKQDLIJhSDieV8yW375g/Ra8tCwL6AkWa5Npx2inmwZaq4WEHyGVcUQHFAIoL4et6s89JDXTy8cbipDwiEQCFixEgTddg9VZhqpUJfOJYHocyC5LrBWhPfDvG7pd/vovdNL1TYLdU67SArKJFOYrGo17bYYqHXMTqWijor0mgQSVDECghUC1O9F9Hk8IhQmahu30wlbJoXCYboz5qBjNjPsJLqH+eMgVaGaltFpqsmzzHodNyC+nBE0Yv5CfPAH7Oiyu6E+UwmN+gN0E4oZwWkkzI34fxsElVYjLdMkWgWCS4IkSc9gz754gk8uLzlQRplZHwt9984oSlfp5ixhe2FVq2izUcuroIMRvANBcXzUGZKheJrql2bRRCBI7RMOMqpUCswth+lojkhL0tXUODJFZ/OtpGd+JVrUk5SAYe+OO2gbuufRpINq8i1Qmqak+B0IUQvID2WJ9BaVVuWYk3WSQvAUFeznIdg+NMPj6lwzrYnrlEG0bxv2pBbEPP9ZPuxBB9vkK/jdwCOYgtKHUxJtMWip2KRbAOmVvNTv8dHBbDFWGceii4xgDwKd3Bojk62oogpVaCJ74JNlaodt1bmWVMtYBWXsoKkjBy0vGdqBDWckdQVZCqQJG3sSrSqmzW46b4RCoZ94HhVGHxXnAbqWSs5Xzwx9cPlwjom2mrS0el6r8tZB+Bmc5Obowy4DL5iPALK3VtLRK/mUWImY2PPzF0F9H9RvZW+6WPPCpvWYeAOgmNLYxYN2PIdKQPCNQRecDrTsdrTsE8zzG/svkrOW1+v1TKgyEo4fSNZi/j6AmxbPN4dgtsCBI1HlSQlYgD3C0b6ncG8AUUEqItYtwFw2Go23eF8X3K+KaEIQpIFoJ/5X4NqAKycSm8Bd+WxB4pdIHEom4g98A5NgoemQ1AAAAABJRU5ErkJggg==);
    }

    .dk-cd-icon-calendar 
    {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACy0lEQVRIS61VTWsTURS9k6ggtZYGkzSxJTZtRTCY+oGGgKt2UaVtQFcRsRI1P0AEt27duBZLCwruRFuJVdHSjVYJRK1VKFq/IckklaYxCg3NjOcNeeHlOxMNSR7z3r3n3HvPvW8kauCjquqmZDLZjdXMzCVJSprN5i9YN+q5S9UMAGaQZXkEawBAA7BrEW0VRcngedZgMExardYQbJRKWBUJotHoITiOw6G/XoT5jCK5XC5ot9tfldqXEcTj8QCMrxuNxs2NgAs2WWRxAdncEv2KCBg4Did0AheZo6RnbTbbTb5ZIGBlweF8E5GXxpNFeT0Wi+W1Vj72lxc0wmt+dfkNzax8r5mImlNJzSqkYGUoo44eutzr1nxQqggIDjPhNQKUxodliiNeXJinx2s/ahOsKyThp26AAN8hp5Ouub2iz0hHR0dII4jFYtNgG+Wn7+RVGti3R5cUs2+XyGVtF33ugeCExIYI/Z7CSaHPOcGlyBx9/b1Gnh12GmzppCeLy2Wknabt5Pf2UykB5uQXxG6XEolEHx4+iJ6cwBWaoPepFfJ19dGVXR5dBHkteiRE70UWzysRDM/doaX0TxqyO+m8ZW8RwSmvm3aa2gpuFUrExPbWJNAjQlWCWiUKvnxEnzMpOmrpIl9bd3MlYiKji1YxHNtKu+hfNICuaYhs0toUUzwFAjYL2oeL7H92nz6m0bI2B/lNu3VpgMDvguAkHzQ2A9P/cw5AMAyCB4WrAlqEsXmQkTxc/ERy5o8ejcnaupWOuXq5Txi3qgddpIqX3QGU6QUstuhCLjdeB/ARECxosyCeYybOIIvCVdsMEcBPA/w29y174aCjxmB0o4lMWOTnRPCyDDgr9NiPTMa5Jg1kEgZ4kJdFtK/30j8O4wB6ehD6tIqOrM8B+hR7k7g1Z5iglQKpSiAaIxMjsnJgz5rfl/FC+QbQXL3s/gIs22rKb5bbVgAAAABJRU5ErkJggg==);
    }

    .dk-cd-icon-photos 
    {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAEDElEQVRIS51VXUxTZxh+TqsyBKzWtaVAsArO/XWhWJUh2S7comHiEpaoMwS3Mk2WxWXZbka2W7NlWXYxs2SRWNHExJnMYSxsi3jjBji2gkKCYf6gGQXa6iq4tsI47Z7vkzan0ALzXJyf732+53l/v6NgEVc8Hl8SDAbX8mkScEVRgiaTaYjP6YW2K5kAJNP5/f4aPl0k2kZcjhYbi8X+4fdFnU7ntlgsHmJi6bjSCoyMjDi5sYkbyhbycCYir6qqBwsKCnpm4+cIjI2NuQj+Vq/XL10MuQYzxSgOMJqT2n0pAoKcxmP/kzgFzpS+ZbVaTyQWkwIiLTR2Pobns/2ZYnorzGZzr0yfuM0U1KvNefBBGNNqDNaVeWkDisXj6LrxF9RYDCuys1BWbE3imCovBTaLwksBpuZ1PlrEe2AijCMX/4AvNM7NcRQZDWkFJv+dRkvvNToH5GYtxS7HMzi0zQnzimSz1eTn53ukwOjo6Dmq7RLvnTeGcdjTgeaGGkl86NTPGI8+xJ7yDTDoFRlySI3jO+8ghu7el5hPA704Y1iHxnfrUFlalHDoBwrUKmKI2O8CKaWFQMNxD0wznjiLLSg35uCXIR9ujYvWB9YZ8vCyrRCddydwYWAIG6NBDGatxJF3apMCnJMHLPYqJRAIrOfHnwlZIfC2+7z8LF5tgMtuQ1PPAFbn5mJ/lRgLBe5LXoxHojjgeBZNfbcwHJqQ+OOuGm0EYuJLFHpfySg60gl89OomXLl+G77IQ5x9fx/0Oh0MBgPCkQh2fOGGLScb9lIbvmr/PZNA5bwCn732Ipov92FflQN7t9iFRzAajYhQ4Gh7F77v7kf9ZjsaW7syC8yXIiFw8rc+1JK8fqsjpZuOMU1tPdfwpvN5fNKWUaBEFpldFOJw5AqGyzd9+LztV0m2016Kfqao7959tH5Yj+XLHp0e4ckp7PjyBJxmI55bvwae/pty/ePqKlSUFMp31nWCRTbKNuUUt1BAzAIuDd7G7m9OS9CTectxePtWNHsHEAhHsYeRiL4/zagK2WV1ZU+j8acOhGgT15n39uKlDTb5TsfPUuCNxKCJGTgnDH624tcXuiAmVVyb1hbBoKr4sf86fNFJ9lAcBdlPoPqFp3CP9p47IxKnY30+2F4JU96jQaPATgq0Jo8K1qKbixulNc01TZFh/9/SUmQxYolenwkq1rt5qlawKeLaw66caRLVWjbfzkXYJkm8hQJXBTbluOZM1DOK5FG7CLI5EJLXkfxUwjDnh8OO2k/Q0ceIRHjeoCWfE0FClfVwMJKm+Woyy/Vukh9MpEVrW+inX02wiz39CuuT8mMQfU7SdtrdPDXbREHTpTSjgBbMSPSMag3XLDPrfv5Q7pBUXahO/wH09cPKwtqbfAAAAABJRU5ErkJggg==);
    }

    .dk-cd-icon-info
    {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAAGXcA1uAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAPASURBVHjaYnzx4gUDEBQA8SpGIEcMyHgJEmEC4i///zMwABEDQACBZKQZGRlz////XwHigAQZYMoYJCQkwByAAGIAyrCCZEFYT08PTD9//ryZCajXB6bl0qVLYBooVsMENHA9EBdDdcPUqAMEEMgSViDDEajKBYi3//v37zCQ/wdkoRYQ71y0aFHp379/9wHZv4GYB8VZIPAP6HqgxYeZYAIPHz6EWAzh2jIxoAGgPQxAxySDjGKBmgsDf4CYGyCAQBIg3SJAbAfEc4BYAN0UoEtjmJiYNgGZn0FWcALxKSBeA1O8ePFiBjc3N7BiUAgDFS8BMj8BrVcCsplMgRwFZBP19fWRQg0SJRDN/++CgvYuuhP4+flRBf7/hzntCxMw0J4CGW4wuSlTpjCYm5szwGISKAcOCSD4BXSNDCM0XkAirEABEaCC5dAAACn+CVQ8AYgXg4IYiL8CBBAslHiBWBGIdUD+ASoAJZJbQDfvhykE6QcZAgprNiCWA0pmAxWmQj2HHDH3gXxbaOIEJwIeULKFKYa5HaQJikE2PwFiSZB+UCiBwj4ZW5RDox3G3wsynAnosUXozkBKoPBkBJRXBWsA6rRCNx3kJHiqY0SxVZ0J3SQCgB/kpO/Q6MSqAtmpzMzMR0FpKQeerrFoYERy058/f76BnLQMFO0wR8EyNih5TJ48GVljECh/gCLuJxCLAvEbUPJADSG44i6g0w7AIu4/NOqFgTgL4Sew+y8CKRcg3Q8qfUBCAAEqrWKVBoIgeuZWNAEFW0sbOxv9CMFGLM5OEFJYHP6BhYWYTrsIlvZaWolw3fUSsbBRrCLoRWIM5sT3zhmy2Tu9uDDcXm52dmb2vbdRLHHhtGBqXnC1SBDCeQk7ULd8h4XM7AY9uMD3c/g9S9C+4s4TafOFpaQ1D3MHzutYVPH+Nz6xpoG1lIUX2DssZRAq2SwyWgX3LjHfKAoeBEHWcFoURVmfFM8yJjHfw/MeVa3hOQebYgWk+zbsyMaCfbxlw8K//TPvhbOKMYYbHDjH6tkKopmrKexHtDWvlIeoZIaStIL32mhKw2kYhhn54jj+swq3XgSvorJlkrNd6l3aol8/PZKbLdi1G//nAMffxD0zrL+C3REtHZzDJhxaeQEbvidJUjj/ygCR2+8WLdoiJ5RotCqC1rHr8bhZD9LUM77vVrKPGKeYvsJ6Sn0yr4cPTeKX/wvcioqGFfwB/ru8FBHjRIj2oVLhtn9Cbhcj8lGTe2BBZITEfIM9IVhXdIkS0WGSIhUDxeI3B9GqufzyRv4AAAAASUVORK5CYII=);
    }

    #divShareButtons ul.share-buttons
    {
      list-style: none;
      padding: 0;
    }

    #divShareButtons ul.share-buttons li
    {
      display: inline;
    }

    #divShareButtons ul.share-buttons .sr-only 
    {
      position: absolute;
      clip: rect(1px 1px 1px 1px);
      clip: rect(1px, 1px, 1px, 1px);
      padding: 0;
      border: 0;
      height: 1px;
      width: 1px;
      overflow: hidden;
    }

    #divShareButtons ul.share-buttons > img
    {
        width:24px;
        height:24px;
    }

    #aContactEmail:link
    {
        text-decoration:none;
        color:#808080;
    }

    #divInfoButtons
    {
        display:table; width:100%; padding:8px 0 8px 0;
    }

    #divOtherURL
    {
        display:table-cell; text-align:center
    }

    #divPhotoAlbum
    {
        display:table-cell; text-align:center
    }

    .dk-cd-desktop
    {
        display:block;
    }

    .dk-cd-mobile
    {
        display:none;
    }

    @media only screen and (max-width: 600px) 
    {
        .dk-cd-desktop
        {
            display:none;
        }

        .dk-cd-mobile
        {
            display:block;
        }

        .render-for-mobile
        {
            width:100% !important;
        }

        .dk-cd-left-panel
        {
            width: 100%;
            overflow: auto;
            max-width:unset;
            display: block;
            padding: 0 10px 0 10px;
            border-right-width: unset;
            border-right-style: unset;
        }

        .dk-cd-right-panel 
        {
            overflow:auto;
            min-width:unset;
            width:100%;
            display:block;
            padding: 0 10px 0 10px;
        }

        .dk-cd-dk_cd_itemdesc
        {
            text-align:center;
        }

        .dk_cd_itemdetail
        {
            text-align:center;
        }

         #divOtherURL
        {
            display:block; text-align:center
        }

        #divPhotoAlbum
        {
            display:block; text-align:center
        }
    }
/*****END CALENDAR DETAIL*/

/******NEW DONATION SCREEN - donation.aspx*/
.dk-donation-panel {
    /*border: 1px solid #d4d4d4;
    padding: 20px;*/
    /*border-radius: 8px;*/
    /*background-color: #f8f8f8;*/
    position: relative;
    min-width: 700px;
}

    .dk-donation-panel [title] {
        font-weight: bold;
    }

    .dk-donation-panel [note] {
        padding-top: 4px;
        padding-bottom: 4px;
    }

.dk-donation-input-panel {
    padding: 20px;
    /*margin-top: 10px;
    margin-bottom: 10px;*/
    border-radius: 8px;
    background-color: #fff;
}

.dk-donation-input-panel {
}

.dk-rm-ui-field-forms > .InputName {
    padding-right: 20px;
    font-weight: normal;
}

.dk-donation-buttons input[type='radio'] {
    display: none;
}

    .dk-donation-buttons input[type='radio'] + label:before {
        content: '$';
    }

    .dk-donation-buttons input[type='radio'] + label {
        font-family: century gothic, sans-serif, Verdana;
        border: 1px solid #d4d4d4;
        border-radius: 4px;
        line-height: 40px;
        min-width: 55px;
        text-align: center;
        cursor: pointer;
        display: inline-block;
        padding: 0px 8px 0px 8px;
    }

.dk-donation-buttons td input[type='radio']:checked + label {
    border: 1px solid #adadad;
    border-radius: 4px;
    background: #adadad;
    line-height: 40px;
    color: white;
}

.dk-donation-no-custom #txtOtherIDAmountRadioButtons {
    display: none;
}

.dk-donation-custom td:last-child input[type='radio']:checked + label {
    color: gray !important;
    background-color: #fff !important;
    border: 1px solid black;
    -webkit-box-shadow: inset 2px 2px 3px 1px rgba(0,0,0,0.10);
    -moz-box-shadow: inset 2px 2px 3px 1px rgba(0,0,0,0.10);
    box-shadow: inset 2px 2px 3px 1px rgba(0,0,0,0.10);
}

.dk-donation-custom #txtOtherIDAmountRadioButtons {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    outline: none;
    width: 70px;
    vertical-align: middle;
    /*line-height: 32px;*/
    border: none;
    color: gray;
}

@media only screen and (max-width: 600px) {
    .dk-donation-panel {
        min-width: 200px;
    }

    .dk-donation-buttons table, .dk-donation-buttons tbody, .dk-donation-buttons tr, .dk-donation-buttons td {
        display: block !important;
        width: 90%;
        margin: auto;
    }

    .dk-donation-buttons input[type='radio'] + label {
        min-width: 150px;
    }
}
/****DONATION SCREEN*/
