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

body {
    background: none repeat scroll 0 0;
    font-size: 100%;
    /*background-color: #003D8F;*/
    margin: 0;
    font-family: Poppins,tahoma, helvetica, arial;
    color: #555;
}

.clr {
    clear: both
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 0.0em 0.2em 0.2em 0.2em;
}

h1 {
    font-size: 2.4em;
}

h2 {
    font-size: 2em;
    padding-bottom: 0.1em;
}

h3 {
    font-size: 1.6em;
    padding-bottom: 0.5em;
    line-height: 115%;
}

h4 {
    font-size: 1.2em;
    padding-bottom: 0.1em;
}

h5 {
    font-size: 1em;
    padding-bottom: 0.5em;
}

h6 {
    font-size: 0.9em;
}

a, a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #444;
}

img {
    height: auto;
    width: 100%;
    margin-right: 0;
}

.imageParent {
    position: relative;
    top: 0;
    left: 0;
}

.imgFL {
    position: relative;
    top: -210px;
    float: left;
    background-color: #FFF;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.imgFR {
    position: relative;
    top: -210px;
    float: right;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.imgMaxW350 {
    max-width: 400px;
    max-height: 400px;
}

.block-text-centre {
    vertical-align: top;
    text-align: center;
    padding-top: 1.0em;
    padding-bottom: 1.0em;
}

.block-text {
    text-align: left;
    padding-top: 2.0em;
    padding-bottom: 2.0em;
}

input[type=checkbox], input[type=radio] {
    vertical-align: -2px;
    position: relative;
    bottom: 1px;
}

input[type=radio] {
    bottom: 2px;
}


#carousel {
    text-align: center;
    background: #e5e5e5;
}

table {
    background: none repeat scroll 0 0;
    /*border:1px solid #D0D0D0;*/
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    text-align: left;
    /*width:100%;   REMOVED because if screwed up PAyPal button image*/
}

    table tr {
        background-color: transparent !important;
    }

        table tr td, table tr th {
            padding: 0.2em;
        }

    table tfoot, table thead {
        background: none repeat scroll 0 0;
    }

    table tr:nth-of-type(2n) {
        background: none repeat scroll 0 0;
    }

.size-960 .line {
    margin: 0 auto;
    max-width: 60em;
    padding: 0 0.325em;
}

.size-1140, .size-1140 .line {
    margin: 0 auto;
    max-width: 71.25em;
    /*padding: 0 0.325em;*/
}

    .size-960.align-content-left .line, .size-1140.align-content-left .line {
        margin-left: 0;
    }

form {
    line-height: 1.4em;
}

#nav span {
    display: none;
}

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

#nav {
    float: right;
    position: relative;
    z-index: 4;
}

    #nav ul.subs {
        background-color: #FFFFFF;
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
        color: #444;
        display: none;
        left: 0;
        padding: 2%;
        position: absolute;
        top: 54px;
        width: 96%;
    }

    #nav > li {
        border-bottom: 5px solid transparent;
        float: left;
        margin-bottom: -5px;
        text-align: left;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
    }

    #nav li a {
        display: block;
        text-decoration: none;
        -moz-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
        -ms-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
        -o-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
        -webkit-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
        transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
        white-space: normal;
    }

    #nav > li > a {
        display: block;
        color: #444;
        font-size: 1.0em;
        line-height: 49px;
        padding: 0 15px;
    }

    #nav > li:hover > a, #nav > a:hover {
        background-color: #203BD1;
        color: #FFFFFF;
    }

    #nav li.active > a {
        background-color: #333333;
        color: #FFFFFF;
    }

    /* submenu */
    #nav li:hover ul.subs {
        display: block;
    }

    #nav ul.subs > li {
        display: inline-block;
        float: none;
        padding: 10px 1%;
        vertical-align: top;
        width: 100%;
    }

        #nav ul.subs > li a {
            color: #444;
            font-size: 1.0em;
            line-height: 30px;
        }

    #nav ul li a:hover {
        color: #203BD1;
    }

    #nav ul.subs > li > a {
        color: #444;
        font-size: 1.1em;
        margin-bottom: 10px;
    }

    #nav ul.subs > li li {
        float: none;
        padding-left: 8px;
        -moz-transition: padding 150ms ease-out 0s;
        -ms-transition: padding 150ms ease-out 0s;
        -o-transition: padding 150ms ease-out 0s;
        -webkit-transition: padding 150ms ease-out 0s;
        transition: padding 150ms ease-out 0s;
    }

        #nav ul.subs > li li:hover {
            padding-left: 15px;
        }


.line:after, .center:after, .box:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

ul.chevron .count-number {
    display: none;
}

ul.chevron .submenu > a:after, ul.chevron .sub-submenu > a:after {
    content: "\f004";
    display: inline-block;
    /*font-family:mfg;*/
    font-size: 0.7em;
    margin: 0 0.625em;
}

.screen-backgnd-1 {
    background-image: url('../Images/auctionBKNG2.jpg');
    background-repeat: repeat;
    border: 0;
    background-size: 100%;
    min-height: 500px;
    height: 100%;
}

.screen-backgnd-2 {
    background-image: url('../Images/screen-backgnd-1.jpg');
    background-repeat: no-repeat;
    border: 0;
    background-size: 100%;
    min-height: 575px;
}



.padding {
    display: list-item;
    list-style: none outside none;
    padding: 10px;
}

.margin {
    margin: 0 -0.625em;
}

.line {
    clear: left;
}

    .line .line {
        padding: 0;
    }

.hide-l {
    display: none;
}

.box {
    background: none repeat scroll 0 0 #fff;
    display: block;
    padding: 1.25em;
    width: 100%;
}

.margin-bottom {
    margin-bottom: 1.25em;
}

.s-1, .s-2, .s-five, .s-3, .s-4, .s-5, .s-6, .s-7, .s-8, .s-9, .s-10, .s-11, .s-12, .l-1, .l-2, .l-five, .l-3, .l-4, .l-5, .l-6, .l-7, .l-8, .l-9, .l-10, .l-11, .l-12 {
    float: left;
    position: relative;
}

.s-1 {
    width: 8.3333%;
}

.s-2 {
    width: 16.6666%;
}

.s-five {
    width: 16.6666%;
}

.s-3 {
    width: 25%;
}

.s-4 {
    width: 33.3333%;
}

.s-5 {
    width: 41.6666%;
}

.s-6 {
    width: 50%;
}

.s-7 {
    width: 58.3333%;
}

.s-8 {
    width: 66.6666%;
}

.s-9 {
    width: 75%;
}

.s-10 {
    width: 83.3333%;
}

.s-11 {
    width: 90%;
}

.s-12 {
    width: 100%;
}

.margin > .s-1, .margin > .s-2, .margin > .s-five, .margin > .s-3, .margin > .s-4, .margin > .
.margin > .s-1, .margin > .s-2, .margin > .s-five, .margin > .s-3, .margin > .s-4, .margin > .s-5, .margin > .s-6, .margin > .s-7, .margin > .s-8, .margin > .s-9, .margin > .s-10, .margin > .s-11, .margin > .s-12,
.margin > .l-1, .margin > .l-2, .margin > .l-five, .margin > .l-3, .margin > .l-4, .margin > .l-5, .margin > .l-6, .margin > .l-7, .margin > .l-8, .margin > .l-9, .margin > .l-10, .margin > .l-11, .margin > .l-12 {
    padding: 0 0.625em;
}

.margin > .s-1 {
    width: 8.3333%;
}

.margin > .s-2 {
    width: 16.6666%;
}

.margin > .s-five {
    width: 20%;
}

.margin > .s-3 {
    width: 25%;
}

.margin > .s-4 {
    width: 33.3333%;
}

.margin > .s-5 {
    width: 41.6666%;
}

.margin > .s-6 {
    width: 50%;
}

.margin > .s-7 {
    width: 58.3333%;
}

.margin > .s-8 {
    width: 66.6666%;
}

.margin > .s-9 {
    width: 75%;
}

.margin > .s-10 {
    width: 83.3333%;
}

.margin > .s-11 {
    width: 90%;
}

.margin > .s-12 {
    width: 100%;
}

.l-1 {
    width: 8.3333%;
}

.l-2 {
    width: 16.6666%;
}

.l-five {
    width: 20%;
}

.l-3 {
    width: 25%;
}

.l-4 {
    width: 33.3333%;
}

.l-5 {
    width: 41.6666%;
}

.l-6 {
    width: 50%;
}

.l-7 {
    width: 58.3333%;
}

.l-8 {
    width: 66.6666%;
}

.l-9 {
    width: 75%;
}

.l-10 {
    width: 83.3333%;
}

.l-11 {
    width: 90%;
}

.l-12 {
    clear: left;
    width: 100%;
}

.margin > .l-1 {
    width: 8.3333%;
}

.margin > .l-2 {
    width: 16.6666%;
}

.margin > .l-five {
    width: 20%;
}

.margin > .l-3 {
    width: 25%;
}

.margin > .l-4 {
    width: 33.3333%;
}

.margin > .l-5 {
    width: 41.6666%;
}

.margin > .l-6 {
    width: 50%;
}

.margin > .l-7 {
    width: 58.3333%;
}

.margin > .l-8 {
    width: 66.6666%;
}

.margin > .l-9 {
    width: 75%;
}

.margin > .l-10 {
    width: 83.3333%;
}

.margin > .l-11 {
    width: 90%;
}

.margin > .l-12 {
    width: 100%;
}

.right {
    float: right;
    top: 0px;
    left: 0px;
}

@media screen and (max-width:700px) {
    .size-960 {
        max-width: 700px;
    }

    .size-1140 {
        max-width: 700px;
    }

    .hide-l {
        display: block;
    }

    .hide-s {
        display: none;
    }

    .right {
        float: none;
    }

    .screen-backgnd-1 {
        background-repeat: no-repeat;
        border: 0;
        background-size: 100%;
    }

    #navmob {
        float: none;
        position: relative;
        z-index: 4;
    }

        #navmob span {
            display: none;
        }

        #navmob, #navmob ul {
            list-style: none outside none;
            margin: 0;
            padding: 0;
        }

            #navmob ul.subs {
                background-color: #FFFFFF;
                box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
                color: #444;
                display: none;
                left: 0;
                padding: 2%;
                width: 96%;
                position: relative;
                top: 0;
            }

            #navmob > li {
                text-align: center;
                float: none;
                border-bottom: 0;
                margin-bottom: 0;
            }

            #navmob li a {
                display: block;
                text-decoration: none;
                background-color: #4a4a4a;
                border-top: 1px solid #333;
                color: #fff;
            }

            #navmob > li > a {
                display: block;
                font-size: 1.1em;
                line-height: 49px;
                padding: 0 15px;
                color: #fff;
            }

            #navmob li:hover ul.subs {
                display: block;
            }

            #navmob ul.subs > li a {
                color: #fff;
                font-size: 1.1em;
                line-height: 30px;
            }

            #navmob ul li a:hover {
                color: #00A600;
            }

            #navmob ul.subs > li li {
                float: none;
                padding-left: 8px;
            }

            #navmob li #s1:target + ul.subs,
            #nav li #s2:target + ul.subs {
                display: block;
            }

    .MOB-menu-icon {
        padding-top: 5px;
        padding-bottom: 0px;
        font-size: 14px;
        float: right;
        color: #666;
    }

        .MOB-menu-icon img {
            width: 25px;
        }

    .count-number {
        margin-right: -1.25em;
    }

    .l-1 {
        width: 8.3333%;
    }

    .l-2 {
        width: 16.6666%;
    }

    .l-five {
        width: 20%;
    }

    .l-3 {
        width: 25%;
    }

    .l-4 {
        width: 33.3333%;
    }

    .l-5 {
        width: 41.6666%;
    }

    .l-6 {
        width: 50%;
    }

    .l-7 {
        width: 58.3333%;
    }

    .l-8 {
        width: 66.6666%;
    }

    .l-9 {
        width: 75%;
    }

    .l-10 {
        width: 83.3333%;
    }

    .l-11 {
        width: 90%;
    }

    .l-12 {
        width: 100%;
    }

    .margin > .l-1 {
        width: 8.3333%;
    }

    .margin > .l-2 {
        width: 16.6666%;
    }

    .margin > .l-five {
        width: 20%;
    }

    .margin > .l-3 {
        width: 25%;
    }

    .margin > .l-4 {
        width: 33.3333%;
    }

    .margin > .l-5 {
        width: 41.6666%;
    }

    .margin > .l-6 {
        width: 50%;
    }

    .margin > .l-7 {
        width: 58.3333%;
    }

    .margin > .l-8 {
        width: 66.6666%;
    }

    .margin > .l-9 {
        width: 75%;
    }

    .margin > .l-10 {
        width: 83.3333%;
    }

    .margin > .l-11 {
        width: 90%;
    }

    .margin > .l-12 {
        width: 100%;
    }

    .s-1 {
        width: 8.3333%;
    }

    .s-2 {
        width: 16.6666%;
    }

    .s-five {
        width: 20%;
    }

    .s-3 {
        width: 25%;
    }

    .s-4 {
        width: 33.3333%;
    }

    .s-5 {
        width: 41.6666%;
    }

    .s-6 {
        width: 50%;
    }

    .s-7 {
        width: 58.3333%;
    }

    .s-8 {
        width: 66.6666%;
    }

    .s-9 {
        width: 75%;
    }

    .s-10 {
        width: 83.3333%;
    }

    .s-11 {
        width: 90%;
    }

    .s-12 {
        width: 100%;
        float: none;
    }

    .margin > .s-1 {
        width: 8.3333%;
    }

    .margin > .s-2 {
        width: 16.6666%;
    }

    .margin > .s-five {
        width: 20%;
    }

    .margin > .s-3 {
        width: 25%;
    }

    .margin > .s-4 {
        width: 33.3333%;
    }

    .margin > .s-5 {
        width: 41.6666%;
    }

    .margin > .s-6 {
        width: 50%;
    }

    .margin > .s-7 {
        width: 58.3333%;
    }

    .margin > .s-8 {
        width: 66.6666%;
    }

    .margin > .s-9 {
        width: 75%;
    }

    .margin > .s-10 {
        width: 83.3333%;
    }

    .margin > .s-11 {
        width: 90%;
    }

    .margin > .s-12 {
        width: 100%;
    }
}

.center {
    float: none;
    margin: 0 auto;
    display: block;
}

.no_decoration {
    text-decoration: none;
}

.gridpager a {
    cursor: pointer;
    color: #355FE8;
    font-weight: normal;
    border-radius: 2px 2px 2px 2px;
    border-color: #355FE8;
    border-style: solid;
    border-width: 1px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 3px;
}

    .gridpager a:hover {
        background-color: #009721;
        color: #FFF !important;
    }

.gridpager {
    font-weight: bold;
    text-decoration: none;
}

    .gridpager td a {
        background-color: #6485E5;
        border: none;
        color: #FFF !important;
    }

    .gridpager td span {
        /*background-color: #009721;*/
        /*color: #FFF !important;*/
        padding-left: 4px;
        padding-right: 4px;
    }

.popup-help {
    border: 0px solid #FFFFFF;
    background-color: #000099; /*#6485E5;*/
    padding-top: 4px;
    padding-right: 3px;
    border-radius: 4px;
    background-image: url('../Images/popup_X_close.gif');
    background-position: right top;
    background-repeat: no-repeat;
    padding: 5px;
    color: white;
    font-size: 0.9em;
}

.paddingZero {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.pleasewaitpopup {
    background-color: #000099;
    border-style: solid;
    border-width: 3px;
    border-color: #000099;
    border-radius: 4px;
    padding-left: 40px;
    padding-top: 8px;
    padding-right: 5px;
    padding-bottom: 8px;
    color: #FFFFFF;
}

.action_button, .action_button:link, .action_button:visited {
    text-decoration: none;
    cursor: pointer;
    background-color: #203BD1 !important;
    font-size: 0.9em;
    color: #FFFFFF;
    font-weight: normal;
    border-radius: 3px 3px 3px 3px;
    margin-right: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
}


.action_button_small, .action_button_small:link, .action_button_small:visited {
    text-decoration: none;
    cursor: pointer;
    background-color: #203BD1 !important;
    font-size: 0.9em;
    color: #FFFFFF;
    font-weight: normal;
    border-radius: 3px 3px 3px 3px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 1px;
    padding-top: 1px;
}

.action_button_green {
    text-decoration: none;
    cursor: pointer;
    background-color: #009721 !important;
    font-size: 0.9em;
    color: #FFFFFF !important;
    font-weight: normal;
    border-radius: 3px 3px 3px 3px;
    margin-right: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.red_asterisk {
    color: red;
}

.action_button:hover {
    background-color: #00A600 !important;
    color: #FFFFFF;
}

.action_button_active {
    text-decoration: none;
    background-color: #FF4331;
    font-size: 0.9em;
    color: #FFFFFF;
    font-weight: normal;
    border-radius: 3px 3px 3px 3px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 2px;
    margin-left: 10px;
    margin-right: 10px;
}

.action_button_simplelink_style, .action_button_simplelink_style:link, .action_button_simplelink_style:visited {
    color: #203BD1;
    text-decoration: none;
    cursor: pointer;
    font-size: 0.9em;
    background-color: Transparent;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 4px;
    margin-right: 0px;
    text-indent: 1em;
}

    .action_button_simplelink_style:hover {
        text-decoration: underline;
        color: #00A600;
    }

.action_button_simple_inheritClr, .action_button_simple_inheritClr:link, .action_button_simple_inheritClr:visited {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    font-size: 0.9em;
    background-color: Transparent;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 4px;
    margin-right: 0px;
    text-indent: 1em;
}

.action_button_paddedlink_style, .action_button_paddedlink_style:link, .action_button_paddedlink_style:visited {
    color: #203BD1;
    text-decoration: none;
    cursor: pointer;
    font-size: 0.9em;
    background-color: Transparent;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-left: 4px;
    margin-right: 0px;
    text-indent: 1em;
}

    .action_button_paddedlink_style:hover {
        text-decoration: underline;
        color: #00A600;
    }


.bluebackheader {
    background-color: #203BD1;
    font-size: 1.2em;
    color: #FFFFFF;
    font-weight: normal;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 2px;
}

.dataEntrySection {
    padding-left: 8px;
    padding-right: 8px;
    background-color: #FDFDFD;
    color: #444;
}

.dataEntryTitle {
    text-decoration: none;
    font-size: 1.2em;
    color: #333;
}


/*For multi-line textboxes, some browsers only use the textarea class, below.*/
textarea {
    FONT-SIZE: 15px;
    /*FONT-FAMILY: tahoma,Tahoma;*/
}

.photo_cause {
    padding: 5px;
}

.screen_message {
    margin-bottom: 10px;
    font-weight: normal;
}

    .screen_message a {
        color: white;
    }

.boxshad-red {
    -webkit-box-shadow: -3px 10px 20px -5px rgba(255, 16, 39, 0.5);
    -moz-box-shadow: -3px 10px 20px -5px rgba(255, 16, 39, 0.5);
    box-shadow: -3px 10px 20px -9px rgba(255, 16, 39, 0.5);
}
.boxshad-amber {
    -webkit-box-shadow: -3px 10px 20px -9px rgba(255, 159, 16, 0.53);
    -moz-box-shadow: -3px 10px 20px -9px rgba(255, 159, 16, 0.53);
    box-shadow: -3px 10px 20px -9px rgba(255, 159, 16, 0.53);
}

.boxshad-blue {
    -webkit-box-shadow: -3px 10px 20px -5px rgba(0, 111, 255, 0.53);
    -moz-box-shadow: -3px 10px 20px -5px rgba(0, 111, 255, 0.53);
    box-shadow: -3px 10px 20px -9px rgba(0, 111, 255, 0.53);
}

.boxshad-green {
    -webkit-box-shadow: -3px 10px 20px -9px rgba(0, 255, 0, 0.53);
    -moz-box-shadow: -3px 10px 20px -9px rgba(0, 255, 0, 0.53);
    box-shadow: -3px 10px 20px -9px rgba(0, 255, 0, 0.53);
}

.boxshad-drkgreen {
    -webkit-box-shadow: -3px 10px 20px -9px rgba(0, 150, 0, 0.53);
    -moz-box-shadow: -3px 10px 20px -9px rgba(0, 150, 0, 0.53);
    box-shadow: -3px 10px 20px -9px rgba(0, 150, 0, 0.53);
}

.headlineFeature {
    background-color: #FFF;
    border-radius: 10px;
    margin: 0px 9px 25px 9px;
    cursor: pointer;
    padding: 8px;
}
.paddedBox1 {
    background-color: #FFF;
    border-radius: 10px;
    margin: 10px 10px 20px 10px;
    cursor: pointer;
    padding: 10px;
}

.roundedCorn1 {
    border-radius: 10px;
    padding: 10px;
}

.cause-mini {
   background-color: #FFF;
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
    min-height: 130px;
    margin: 0px 8px 20px 10px;
    padding: 6px 0px 2px 6px;
    cursor: pointer;
    overflow: hidden;
    vertical-align: middle;
    min-height: 130px;
    margin: 0px 9px 25px 9px;
}

.lot-mini-v2 {
    background-color:#FFF;
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
    min-height: 130px;
    margin: 0px 9px 25px 9px;
}
/*background-image: url('../images/pCorner.png');
background-repeat: no-repeat;
background-position-y: top;
background-color: #FFF;
border-radius: 10px;
border-left-color: #F00;
border-right-color: #EEE;
border-left-style: solid;
border-right-style: solid;
border-width: 2px;
cursor: pointer;
overflow: hidden;
vertical-align: middle;
min-height: 130px;
margin: 0px 5px 5px 0px;
*/

/*standard colouring  LEGACCY VERSION*/
.lot-mini {
    background-size: 100%;
    background-position: center center;
    background-blend-mode: soft-light;
    border-radius: 8px;
    background-color: #282828;
    cursor: pointer;
    color: #FFF;
    padding: 8px 7px 4px 4px;
    vertical-align: middle;
    min-height: 190px;
    margin: 0px 5px 5px 0px;
}

/*.lot-mini-red {
    background-size: 100%;
    background-position: center center;
    background-blend-mode: soft-light;
    border-radius: 8px;
    background-color: #5B0000;
    cursor: pointer;
    color: #FFF;
    padding: 8px 7px 4px 4px;
    vertical-align: middle;
    min-height: 190px;
    margin: 0px 5px 5px 0px;
}*/

.lot-mini-blue {
    background-size: 100%;
    background-position: center center;
    background-blend-mode: soft-light;
    border-radius: 8px;
    background-color: #00006B;
    cursor: pointer;
    color: #FFF;
    padding: 8px 7px 4px 4px;
    vertical-align: middle;
    min-height: 190px;
    margin: 0px 5px 5px 0px;
}

.lot-mini-green {
    background-size: 100%;
    background-position: center center;
    background-blend-mode: soft-light;
    border-radius: 8px;
    background-color: #004B00;
    cursor: pointer;
    color: #FFF;
    padding: 8px 7px 4px 4px;
    vertical-align: middle;
    min-height: 190px;
    margin: 0px 5px 5px 0px;
}

.lot-mini-purple {
    background-size: 100%;
    background-position: center center;
    background-blend-mode: soft-light;
    border-radius: 8px;
    background-color: #6B006B;
    cursor: pointer;
    color: #FFF;
    padding: 8px 7px 4px 4px;
    vertical-align: middle;
    min-height: 190px;
    margin: 0px 5px 5px 0px;
}

.lot-mini-white {
    background-color: #FFF;
    background-blend-mode: lighten;
    background-size: 0%;
    border-top: solid 2px #DDD;
    border-bottom: solid 4px #EEE;
    color: #444;
    cursor: pointer;
    padding: 4px;
    vertical-align: middle;
    min-height: 190px;
    margin: 0px 5px 5px 0px;
}

.divAucTit {
    text-align: center;
    padding-bottom: 5px;
    background-color: #FFF;
    border-radius: 10px;
}

.auction-mini-v2 {
    background-color: #FFF;
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
    margin: 0px 8px 20px 10px;
    cursor: pointer;
    overflow: hidden;
    vertical-align: middle;
    min-height: 130px;
    margin: 0px 9px 25px 9px;
}
/*background-image: url('../images/aCorner.png');
background-repeat: no-repeat;
background-position-y: top;
background-color: #FFF;
border-radius: 10px;
border-left-color: #0D00FF;
border-right-color: #EEE;
border-left-style: solid;
border-right-style: solid;
border-width: 2px;*/

.auction-mini { /*LEGACY*/
    background-size: 100%;
    background-position: center center;
    background-blend-mode: soft-light;
    border-radius: 8px;
    background-color: #203BD1;
    cursor: pointer;
    color: #FFF;
    padding: 8px 7px 4px 4px;
    vertical-align: middle;
    min-height: 175px;
    margin: 0px 5px 5px 0px;
}


.light-grey-background {
    background-color: #EFEFEF;
}

.white-background {
    background: #fff;
}

.help-link {
    color: #0000CC;
    font-size: 0.8em;
    text-decoration: none;
    padding-left: 5px;
}
.popup-help-full {
    border: 3px solid blue;
    border-radius:10px;
    background-color: #FFF;
    padding:8px;
    color: #333;
    font-size: 0.9em;
}
.font_small {
    font-size: 0.9em;
}

.font_large {
    font-size: 1.2em;
}

.footer {
    font-size: 0.8em;
    color: #eee;
    padding-left: 15px;
    padding-top: 12px;
    padding-bottom: 12px;
    background: linear-gradient(90deg, rgba(9,9,121,1) 0%, rgba(185,0,0,1) 100%);
}

    .footer a {
        color: #eee;
    }

        .footer a:hover {
            text-decoration: underline;
        }

.file-upload {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    /*border: 1px solid #124d77;*/
    background: #007dc1;
    padding-bottom: 30px;
    color: #fff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    cursor: pointer;
    text-shadow: #000 1px 1px 2px;
    -webkit-border-radius: 6px;
}
/* The button size */
.file-upload {
    height: 25px;
}

    .file-upload, .file-upload span {
        width: 90px;
    }

        .file-upload input {
            top: 0;
            left: 0;
            margin: 0;
            opacity: 0;
            filter: alpha(opacity=0);
        }

        .file-upload span {
            background-color: #6485E5;
            font-size: 0.9em;
            color: #FFFFFF;
            font-weight: normal;
            padding-left: 15px;
            padding-right: 15px;
            display: inline-block;
        }

.fb-page {
    background-color: #FFFFFF;
}

#share-buttons img {
    width: 35px;
    padding: 5px;
    border: 0;
    box-shadow: 0;
    display: inline;
}

.green_bckgnd_text {
    text-decoration: none;
    background-color: #009721;
    color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    margin-right: 4px;
    padding-left: 4px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-top: 3px;
    text-align: center;
}

.red_bckgnd_text {
    text-decoration: none;
    background-color: #E52614;
    color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    margin-right: 4px;
    padding-left: 4px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
}

.blue_bckgnd_text {
    text-decoration: none;
    background-color: #0026D1;
    color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    padding-left: 4px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
}

.drkgrey_bckgnd_text {
    text-decoration: none;
    background-color: #888;
    color: #fff;
    border-radius: 3px 3px 3px 3px;
    padding-left: 4px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
}

.clsbidderassist {
    font-style: italic;
    width: 150px; /*176px;*/
    height: 40px; /*46px;*/
    border: 0;
}



table.grid {
    border: solid 1px #dedede;
    border-collapse: collapse;
    font-size: 0.8em;
    table-layout: auto;
}

    table.grid tr.footer {
        background: #dedede;
    }

        table.grid tr.footer td {
            border-style: none;
        }

    table.grid tr.alternate {
        background-color: #efefef;
    }

    table.grid td {
        padding: 5px;
        /*border: solid 1px #999999;*/
        border: solid 1px #d5d5d5;
        /*white-space: nowrap;*/
    }

        table.grid td.center {
            text-align: center;
        }

        table.grid td.cellerror {
            background-color: #ffeedd !important;
        }

    table.grid tr.alternate td.cellerror {
        background-color: #ffddcc !important;
    }

    table.grid td.numeric {
        text-align: right;
    }

    table.grid td.colgroupStart {
        border-left: 1px solid #999999 !important;
    }

    table.grid td.colgroupEnd {
        border-right: 1px solid #999999 !important;
    }

    table.grid tr.colgroupBottom td {
        border-bottom: 1px solid #999999 !important;
    }

    table.grid td.strongBorder, table.grid th.strongBorder {
        border: 1px solid #999999 !important;
    }

    table.grid td.cellWrap {
        white-space: normal !important;
    }

    table.grid td span.opTotal {
        font-weight: bold;
        text-align: right;
    }

    table.grid th, table.grid td.head {
        padding: 6px 5px;
        background-color: #3F5591;
        color: #FFF;
        border: solid 1px #999999;
        font-weight: normal;
        white-space: nowrap;
        vertical-align: bottom;
        text-align: center !important;
    }

        table.grid th.right, table.grid td.headRight {
            padding: 6px 5px;
            background-color: #dedede;
            border: solid 1px #999999;
            font-weight: normal;
            white-space: nowrap;
            vertical-align: bottom;
            text-align: right !important;
        }

table.gridwraphead th, table.gridwraphead td.head {
    white-space: normal !important;
}

table.grid th.mainHeading {
    font-size: 1.1em;
}

table.grid th.numberHeading, table.grid td.numberHeading, table.grid td.rightHeading, table.grid th.rightHeading {
    text-align: right !important;
}



table.grid th a /*override default CSO styles*/ {
    font-weight: normal;
    font-size: 1.0em;
}

table.grid th.groupHeading, table.grid td.groupHeading {
    padding: 6px 5px;
    background-color: #999999;
    border: solid 1px #999999;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: bottom;
    text-align: left;
    color: #ffffff;
}


table.grid th.centered, table.grid td.centered {
    text-align: center;
}

table.grid tfoot tr td {
    padding: 4px 2px;
    font-weight: normal;
    /*white-space: nowrap;*/
    text-align: left;
    @import url('cso.css');
}