﻿.MG_BODY
{
    background-color: #fff;
    padding: 15px;
    margin-right: 20px;
}
.MG_BODY h1,
.MG_BODY h2,
.MG_BODY h3,
.MG_BODY h4,
.MG_BODY a
{
    color: #7681bf;
}
.MG_BODY input[type=text]{
    border: 1px solid black;
    width: 100%;
}
.MG_NOTICE,
.MG_ERROR
{
    padding: 5px;
    font-weight: bold;
}
.MG_NOTICE
{
    background-color: #7681bf;    
}
.MG_ERROR
{
    background-color: red;
}
.MG_NOTICE,
.MG_NOTICE a,
.MG_ERROR,
.MG_ERROR a
{
    color: #fff
}

.MG_ROW_HIDDEN
{
    display: none !important;
}
.MG_ROW_VISIBLE
{
    display: block;
}
.MG_ROW
{
    margin-bottom: 10px;
}
LABEL.chk_lbl
{
    display: inline;
}

.MG_ADMIN_SECTION
{
    border: 1px solid grey;
    padding: 10px;
    margin-bottom: 10px;
}
.MG_SECTION
{
    outline: 1px solid grey;
    margin: 0 0 10px 0;
}
    .MG_SECTION .MG_TITLE
    {
        outline: 1px solid grey;
        padding: 1px 5px;
        margin: 0;
        background-color: #f2f2f2;
        background-clip: padding-box;
    }
    .MG_SECTION .MG_CONTENT
    {
        padding: 5px;
    }
        .MG_SECTION .MG_CONTENT p
        {
            font-size: 13px;
            margin: 0;
        }
.MG_WIDGET_SEARCHFORM
{
}


.MG_SEARCH_RESULTS ul li,
.MG_DONATIONS ul li
{
    list-style: none;
}
.MG_RELAX
{
    clear: both;
}


.MG_SEARCH_RESULTS_PAGE
{
}
.MG_SEARCH_RESULTS_PAGE .MG_MAIN_COL
{
    float: left;
    width: 58%;
}
.MG_SEARCH_RESULTS_PAGE .MG_SIDE_COL
{
    float: right;
    width: 36%;
}
    .MG_SEARCH_RESULTS
    {
        padding: 10px;
    }
    .MG_SEARCH_RESULTS .MG_RESULTS_COUNT
    {
        padding-bottom: 20px;
    }    
    .MG_SEARCH_RESULTS .match
    {
        font-weight: bold;
    }
    .MG_SEARCH_RESULTS ul li
    {
        padding: 10px;
    }
    .MG_SEARCH_RESULTS .MG_IMG_COL
    {
        width: 50px;
        float: left;
    }
    .MG_SEARCH_RESULTS .MG_TEXT_COL
    {
        padding-left: 60px;       
    }
    .MG_SEARCH_RESULTS ul li:hover
    {
        outline: 1px solid grey;
    }
    .MG_SEARCH_RESULTS ul li:hover a    
    {
        text-decoration: underline;
    }
    .MG_SEARCH_RESULTS ul li a:hover
    {
        font-weight: bold;
    }
.MG_FUND_PAGE input[type="text"],
.MG_FUND_PAGE textarea
{
    width: 100%;
}
.MG_FUND_PAGE input[type="text"]#mg_donation {
    background-image: url('../images/bg-pound.jpg');
    background-repeat: no-repeat;
    background-position: 8px center;
    padding-left: 20px;
}
.MG_COL_LEFT,
.MG_COL_RIGHT,
input[type="button"].MG_BTN_FULL
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input[type="button"].MG_BTN_FULL,
A.MG_BTN_FULL
{
    width: 100%;
}
A.MG_BTN_FULL
{
    display: inline-block;
    text-align: center;
    background-color: gray;
    color: white;
    padding: 5px;
}
.MG_FUND_PAGE
{
    position: relative;
}
    .MG_COL_LEFT
    {
        float: left;
        width: 66%;
        padding-right: 10px;
    }
    .MG_COL_RIGHT
    {
        float: right;
        width: 34%;
    }
    .MG_TITLE
    {
    }
    .MG_DETAILS
    {
        position: relative;
    }
        .MG_DETAILS .MG_COL_LEFT
        {
            float: left;
            width: 34%;
        }
        .MG_DETAILS .MG_COL_RIGHT
        {
            float: left;
            width: 66%;
            padding-left: 10px;
        }
        .MG_DETAILS .MG_COL_LEFT,
        .MG_DETAILS .MG_COL_RIGHT
        {
            padding-bottom: 10px;
        }
        
        .MG_TOTALS
        {
            margin-bottom: 10px;
        }
        .MG_TOTAL_TITLE
        {
            text-transform: uppercase;
        }
        .MG_TOTAL
        {
            font-size: 16px;
        }
        .MG_GA_AMOUNT{
            font-size: 14px;
            color: grey;
        }


        .MG_CLOSED a
        {            
            font-style: italic;
        }
        .MG_CLOSED a:hover
        {
            text-decoration: underline;            
        }
        .MG_FUNERAL_SERVICE{}
        .MG_MAP
        {
            height: 200px;
            display: none;
        }

        .MG_CLOSE_DATE
        {
            text-align: right;
            font-size: 14px;
        }
    
    .MG_BENEFICIARIES{}
        
        .MG_BENEFICIARY
        {
            margin-bottom: 10px;            
        }
            .MG_BENEFICIARY img
            {
                padding-bottom: 5px;
            }
            .MG_BENEFICIARY h3
            {
                padding-top: 10px;
            }
            .MG_CONTENT_MIN,            
            .MG_CONTENT_MAX
            {
                position: relative;
                padding-right: 10px;
            }
            .MG_CONTENT_MIN
            {
                position: relative;
                height: 20px;
                overflow: hidden;                
            }
            .MG_CONTENT_MAX
            {
                position: relative;
            }
            .MG_TOGGLE_MIN,
            .MG_TOGGLE_MAX
            {
                cursor: pointer;
                position: absolute;
                top: 0;
                right: 0;
            }
            .MG_TOGGLE_MIN:hover,
            .MG_TOGGLE_MAX:hover
            {
                font-weight: bold;
            }
            
    .MG_DONATIONS
    {
        outline: 1px solid grey;
    }
       .MG_DONATIONS ul
       {
           margin:0;
       }
        .MG_DONATION
        {
            padding-bottom: 5px;
            margin-bottom: 10px;
            border-bottom: 1px solid grey;
        }
        .MG_DONATION:last-child
        {
            padding-bottom: 0;
            margin-bottom: 0;
            border-bottom: none;
        }
            .MG_DONATION IMG
            {
                height: 20px !important;
            }
            .MG_GA_VAL
            {
                font-size: 12px;
            }
            .MG_DONATION_TYPE,            
            .MG_DONATION_DATE
            {
                font-size: 12px;
                float: right;
            }
    .MG_DONATION_FORM,
    .MG_POPUP_MESSAGE
    {
        position: absolute;
        background-color: white;
        box-shadow: 0px 0px 20px black;
        z-index: 999;
    }
    .MG_DONATION_FORM
    {
        width: 90%;
        left: 5%;
        right: 5%;
        top: 100px;
        bottom: 10px;
        max-height: 1280px;
    }
        .MG_DONATION_FORM .MG_CONTENT
        {
            
        }
        .MG_DONATION_FORM .MG_FIXED_TOP
        {
        }
        .MG_DONATION_FORM .MG_FIXED_BOTTOM
        {
            position: absolute;
            bottom: 0px;
            left: 0;
            right: 0;
            background-color: white;
        }
        .MG_DONATION_FORM .MG_SCROLL
        {
            position: absolute;
            overflow: auto;
            top: 30px;
            bottom: 50px;
            right: 0;
            left: 0;
        }
        .MG_DONATION_FORM .MG_ROW label
        {
            display: block;
        }
        .MG_DONATION_FORM textarea {
            resize: none;
        }
        .MG_PAYMENT_TYPES img
        {
            height: 16px !important;
            vertical-align: middle;
        }
        .MG_TCs
        {
            /*height: 250px;*/
            /*overflow-x: hidden;
            overflow-y: scroll;*/
            overflow: hidden;
            /*margin: 5px 0;*/
        }
            .MG_TCs iframe
            {
                width: 100%;
                height: 250px;
                /*border: 1px solid #cdccca;*/
                border: none;
                margin: 0;
            }
        a.MG_TC_LINK
        {
            text-decoration: underline;
            font-weight: bold;
        }
        .MG_ROW_BTN   { float: left;}
        .MG_ROW_CANCEL{ float: right;}
        .MG_SUMMARY
        {
            position: absolute;
            background-color: white;
            left: 0;
            right: 0;
        }

    .MG_POPUP_BASE{
        position: fixed;
        top:0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #000;
        opacity: .3;
        z-index: 998;
    }
    .MG_POPUP_MESSAGE
    {
        width: 50%;        
        left: 25%;
        right: 25%;
        top: 100px;
    }
        .MG_POPUP_MESSAGE.MG_SECTION p{
            margin-bottom: 10px;
        }
    .MG_FD
    {
        
    }
        .MG_FD .MG_LINKS
        {
            float: left;
        }
        .MG_FD .MG_TELS
        {
            float: right;
        }

.sharethis-inline-share-buttons
{
    margin-bottom: 10px;
}

@media screen and (max-width: 800px)
{
    .MG_COL_LEFT,
    .MG_COL_RIGHT,
    .MG_TITLE,
    .MG_DETAILS,
    .MG_BENEFICIARIES,
    .MG_DONATIONS,
    .MG_FD
    {
        width: 100%;
        
    }
    .MG_COL_LEFT{
        padding-right: 0;
    }
}