/*
    ONE CLIPBOARD!!

---------------------------------------------------------------------
   Table of Contents
---------------------------------------------------------------------
:: Notes

:: Shared Styles
:: Global Header
:: Event Profile
 : Event Navigation
 : Event Content
 : Event Contacts
 : Event Elements
 : Event Timeline

:: Event > In Element
 : Event > Tasks
 : Event > Budget Overview

:: Quick add

    ----------------------------------------------------------------
    Notes
    ----------------------------------------------------------------

    Branding


    Event Profile
        Image is 252 x 165px

    Z-index Index
        10 ul#gridElementSelect
        20 table tbody tr td ul.selectReplacement.selectOpen
        30 div.quick-box
        40 div.element-util-belt
        50 .timePickBox
        60 ul.event-nav li.active a
        70 div#tag_explanation:hover div.defined
        80 div.outer-info
        100 div#flashMessage.error_area
*/

    body {
        background: #fff;
        color:#1a1a1a;
        font-size: 0.75rem;
    }

    pre {
        background: #e5e5e5;
        padding: 10px;
        margin: 10px;
        border-radius: 20px;
        border: 5px dashed #DD2C00;
        color: #1a1a1a;
        font-family: "Courier New";
        display: inline-block;
    }

    #container{
        padding:0px;
    }

    .letter-wrap {
        text-align: center;
        color: #808080;
        font-size: 150px;
        top: 340px;
        left: 0;
        width: 100%;
        position: absolute;
        z-index: -1;
        -webkit-animation: letter-load .25s infinite;
        -moz-animation: letter-load .25s infinite;
        -ms-animation: letter-load .25s infinite;
        text-shadow: -1px -1px 0 #1a1a1a;
        opacity: .07;
    }

        .letter-wrap .tighter {
            letter-spacing: -14px;
            margin: 0 10px 0 2px;
            font-weight: lighter;
        }

    a {
        color: #734CDA;
        cursor:pointer;
        text-decoration: none;
    }

        a:hover {
            color: #4B3F95;
        }

    h4 {
        color: #1a1a1a;
    }

    small {
        font-size:80%;
    }

    .hide_me {
        display:none;
    }
    .invisible{
        visibility:hidden;
    }

    .clear {
        clear:both;
    }

    .add_link {
        float:left;
        margin:20px 0 0 30px;
    }

    .ec-highlight {
        background: #e5e5e5 !important;
    }

    .colored-ui {

    }

    .blank-ui {

    }

    .nowrap {
        white-space:nowrap;
    }

    ::-webkit-input-placeholder {
       color: #808080 !important;
    }

    :-moz-placeholder {
       color: #808080 !important;
    }

    .helper-text {
        color: #808080;
    }

    .danger {
        color: #DD2C00;
    }


    input {
        border:1px solid #e5e5e5;
        border-radius:4px;
        padding:6px 4px;
        margin: 2px 0;
    }

    input:hover {
        border-color: #808080;
    }

    input:focus {
        border-color: #734CDA;
    }

    button.primary, input.primary, a.primary {
        color: #fff;
        background-color: #734CDA;
        border-radius:4px;
        border: none;
        padding:8px 8px;
        margin: 2px 0;
        cursor: pointer;
        font-weight: 700;
    }

    button.primary:hover, input.primary:hover, a.primary:hover,
    button.primary:focus, input.primary:focus, a.primary:focus {
        background-color: #4B3F95;
    }
    button.primary:active, input.primary:active, a.primary:active {
        background-color: #734CDA;
    }

    button.secondary, input.secondary {
        border:1px solid #e5e5e5;
        color: #595959;
        background-color: transparent;
        border-radius:4px;
        padding:8px 8px;
        margin: 2px 0;
        cursor: pointer;
        font-weight: 700;
    }

    button.secondary:hover, input.secondary:hover, button.secondary:focus, input.secondary:focus {
        border-color: #808080;
    }
    button.secondary:active, input.secondary:active {
        border-color: #e5e5e5;
    }

    button.secondary.danger {
        color: #DD2C00;
        border-color: #DD2C00;
    }

    button.secondary.danger:hover {
        color: #C50C00;
        border-color: #C50C00;
    }

    input,
    textarea,
    input.input-text.oversize:focus,
    textarea.oversize:focus,
    input.input-text:focus,
    textarea:focus,
    input:focus {
        font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
    }

    input.input-text.oversize:focus,
    textarea.oversize:focus,
    input.input-text:focus,
    textarea:focus,
    input:focus {
        background:#ffffff;
        outline:none;
        color: #1a1a1a;
        border-radius: 4px;
    }

        .green-button:focus {
            background:#FFCD20;
            color:#ffffff;
        }

    select:focus {
        outline:none
    }

    /* event access */
    .access {
        font-size:11px;
        border-radius:4px;
        color:#808080;
    }

        .access.owner {

            float:left;
        }

    /* the checkbox */

    a.check-box {
        width:22px;
        height:22px;
        background:transparent url(https://d24wuq6o951i2g.cloudfront.net/images/ui/checkbox-sprite.gif) 0 2px no-repeat;
        float:left;
        margin-left:6px;
    }

        a.check-box.checked,
        div.green-arrow-complete a.check-box {
            background-position:0 -26px;
        }

    .loading,
    .ui-autocomplete-loading {
        background:#fff url(https://d24wuq6o951i2g.cloudfront.net/img/ajax-loader2.gif) 98% center no-repeat !important;
    }

    .edit {
        padding: 1px 4px;
        border-radius: 4px;
        font-size: 12px;
    }

        .error-msg,
        .required {
            color:#DD2C00;
        }

            .error-msg {
                float:left;
            }

            .error-msg.right {
                float:right;
            }

    .optional-link {
        color:#808080;
    }

    /* UI Utilities */

    .arrow.white {
        width:12px;
        height:12px;
        background:transparent url(https://d24wuq6o951i2g.cloudfront.net/images/ui/arrows.png) no-repeat;
        display:block;
        float:right;
        margin-top:2px;
    }

        .arrow.white.up {
            background-position:0 0;
        }
        .arrow.white.down {
            background-position:-12px 0;
        }
        .arrow.white.left {
            background-position:-24px 0;
        }
        .arrow.white.right {
            background-position:-24px -12px;
        }

    /* some button styles */

    .btn {
        border-radius: 4px 4px 4px 4px;
        cursor: pointer;
        padding:7px 10px 7px 7px;
        white-space: nowrap;
    }

    .tight {
        padding:2px 8px 1px 7px;
    }

    .big.btn {
        padding: 10px 20px;
        font-size: 0.75rem;
        font-family: 'Lato', sans-serif !important;
        font-weight: 700;
        background-color: #734CDA;
        border: 1px solid #734CDA;
        border-radius: 4px;
        transition:all .1s linear;
        -webkit-transition:all .1s linear;
        -moz-transition:all .1s linear;
        -ms-transition:all .1s linear;
        -o-transition:all .1s linear;
    }

        .btn:hover {
            color:#ffffff;
        }

            a.btn:hover {
                text-decoration:none;
            }

        .btn:active {
            background-color: #734CDA;
        }

        .orange {
            color: #ffffff;
            cursor: pointer;
            padding:7px 10px 7px 7px;
            border: 1px solid #FFCD20;
            background: #FFCD20;
        }

            .orange:hover {
                border: 1px solid #CE881D;
                background: #EBA53A;
            }

        .gray {
            color:#808080;
            text-shadow:1px 1px 0 #ffffff;
            float:left;
            border:1px solid #e5e5e5;
            background:#e5e5e5;
            transition:all .15s linear;
            -webkit-transition:all .15s linear;
            -moz-transition:all .15s linear;
        }

            .gray.active,
            .gray.active:hover {
                background:#e5e5e5;
                box-shadow:0 0 6px rgba(0,0,0,.2) inset;
            }

            .gray:hover {
                color:#808080;
                text-shadow:1px 1px 0 #ffffff;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#D0D0D0'); /* for IE */
                background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#D0D0D0)); /* for webkit browsers */                    background: -moz-linear-gradient(top,  #EDEDED,  #D0D0D0); /* for firefox 3.6+ */
                background: -moz-linear-gradient(top,  #fefefe,  #D0D0D0); /* for firefox 3.6+ */
            }

        .green {
            color:#ffffff;
            text-shadow:1px 1px 0 #00865E;
            float:left;
            border:1px solid #00865E;
            background:#00865E;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00865E', endColorstr='#289953'); /* for IE */
            background: -webkit-gradient(linear, left top, left bottom, from(#00865E), to(#289953)); /* for webkit browsers */                    background: -moz-linear-gradient(top,  #EDEDED,  #D0D0D0); /* for firefox 3.6+ */
            background: -moz-linear-gradient(top,  #00865E,  #289953); /* for firefox 3.6+ */
        }

            .green:hover {
                background:#00865E;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#75d098', endColorstr='#289953'); /* for IE */
                background: -webkit-gradient(linear, left top, left bottom, from(#75d098), to(#289953)); /* for webkit browsers */                    background: -moz-linear-gradient(top,  #EDEDED,  #D0D0D0); /* for firefox 3.6+ */
                background: -moz-linear-gradient(top,  #75d098,  #289953); /* for firefox 3.6+ */

            }

        .pressed-button,
        .pressed-button:hover {
            box-shadow:1px 1px 5px #808080 inset;
        }

        .blue {
            background:#734CDA;
            color:#fff;
        }

            .blue:hover {
                background: #4B3F95;
            }

        .to-red:hover {
            background:#DD2C00;
        }

        .blue.create {
            background:#734CDA;
            color: #fff;
        }

            .blue.create:hover {
                background: #4B3F95;
                color: #fff;
            }


        /* save buttons */

        div.action,
        div.actions {
            float:right;
        }

            div.action {
                clear:both;
            }

            div.action .save,
            div.action .cancel,
            div.actions .save,
            div.actions .cancel {
                float:left;
                margin-left:10px;
            }

                div.action .save,
                div.actions .save {
                    float:right;
                    border-radius:4px;
                    color:#ffffff;
                    font-size: 12px;

                    background: #734CDA;
                    text-shadow: none;
                    font-family: 'Lato', sans-serif;
                    border: none;
                    padding: 6px 10px;
                    cursor: pointer;
                }

                    .simple-modal div.actions .save {
                        margin-right: 0;
                    }

                div.action .cancel,
                div.actions .cancel {
                    padding:2px 4px;
                    color:#DD2C00;
                    font-size: 11px;
                    margin-top:5px;
                    width:auto;
                    cursor:pointer;
                }

        /* status labels */
        .status {
            padding: 0 5px;
            font-size: 11px;
            border-radius: 4px;
            float:left;
            width:auto;
            color:#ffffff;
        }

        .status.owner {
            background:#00865E;
        }

        .status.unconfirmed {
            background: #DEDCD8;
            color:#1a1a1a;
        }



/* -----------------------------------------
   Global Header
----------------------------------------- */

    div.global-header {
        width:100%;
        color:#ffffff;
    }

        div.eyebrow-wrap:hover {
            opacity: 1;
            -moz-opacity: 1;
            filter:alpha(opacity=100);
            transition:opacity .4s;
            -webkit-transition:opacity .4s;
            -moz-transition:opacity .4s;
        }

    nav.main {
        float:right;
        margin-top:47px;
        position: relative;
    }

        nav.main ul li {
            display: inline;
            margin-left:10px;
        }

        nav.main ul li a {
            font-size:12px;
        }

                /* For log in */
        nav.main ul li.signin {
            margin-left:20px;
            position: relative;
        }

        nav.main ul li.signin a {
            padding:4px 18px 4px 6px;
            background:#734CDA;
            color:#ffffff;
            border-radius: 4px;
            position: relative;
        }

            .signin a .darr {
                border-top:4px solid #ffffff;
                border-right:4px solid transparent;
                border-left:4px solid transparent;
                position: absolute;
                right:6px;
                top:10px;
            }

        nav.main ul li ul {
            background: #9BE7F7;
            position: absolute;
            top: -1px;
            left: -10px;
            height: 23px;
            width: 10px;
            border-radius: 4px 0 0 4px;
        }

            nav.main ul li ul li input {
                display:none;
            }

        nav.main ul li.signin div{
            background-color: #734CDA;
            padding: 15px 15px 19px 15px;
            box-shadow: 1px 8px 10px rgba(0,0,0,.3);
            position: absolute;
            left: -152px;
            top: 16px;
            z-index:1;
            height:0px;
            display:none;
            border-radius:4px 0 4px 4px;
        }
        nav.main ul li.signin div input[type='text'], nav.main ul li.signin div input[type='password']{
            height:25px;
            padding:5px;
            font-size:14px;
            width:215px;
        }
        nav.main ul li.signin div input{
            margin-bottom:4px;
        }
        nav.main ul li.signin div input[type='submit']{
            float:right;
            background-color:#FFCD20;
            color:#ffffff;
            font-size:16px;
            cursor:pointer;
        }

        nav.main ul li.call-us {
            position: absolute;
            top:0;
            right:0;
            color:#e5e5e5;
            font-size:12px;
        }

        nav.global div {
            position:relative;
            float:left;
        }

        div.global-header span.trial-days {
            position: absolute;
            display: inline-block;
            padding: 5px 20px 5px 20px;
            right: 6px;
            top: 0;
            text-align: center;
            background: rgba(0, 0, 0, .1);
            width: 273px;
            color: #E6D777;
            line-height: 13px;
            box-shadow:0 -17px 22px -2px rgba(0,0,0,.5) inset;
        }

        nav.global div ul {
            float:left;
            margin-bottom:0;
        }

        nav.global div ul li ul.subnav {
            position:absolute;
            top: 35px;
            left: -30px;
            height: auto;
            z-index: 60;
            width: 185px;
            background:#ffffff;
            border-right:1px solid #e5e5e5;
            border-bottom:1px solid #e5e5e5;
            border-left:1px solid #e5e5e5;
            box-shadow:2px 2px 4px #e5e5e5;
        }
            nav.global div:hover ul li ul.subnav {
                /*display:block;*/
            }

                nav.global div ul li ul.subnav:hover {
                    /*display:block;*/
                }

                nav.global div ul li ul.subnav li {
                    float:left;
                    margin-bottom:0;
                }

                nav.global div ul li ul.subnav li a {
                    color:#1a1a1a;
                }

                    nav.global div ul li ul.subnav li a:hover {
                        color:#00865E;
                    }

        div.big-wrap {
            width:992px;
            margin:0 auto;
            box-shadow:0 0 50px rgba(000,000,000,.7);
            border-radius: 4px;
            padding-bottom: 10px;
            background: #F8F7F4;
        }

/* -----------------------------------------
   Event Profile
----------------------------------------- */
    div.event-image {
        float:left;
        width:185px;
        margin:20px 0 0 20px;
        background:url(https://d24wuq6o951i2g.cloudfront.net/images/splash-bg.gif) repeat;
        border-radius:6px;
        overflow:hidden;
        transition:margin-top .15s linear, box-shadow .15s linear;
        -webkit-transition:margin-top .15s linear, box-shadow .15s linear;
        -moz-transition:margin-top .15s linear, box-shadow .15s linear;
    }

        div.event-image:hover {
            /*margin:18px 0 2px 20px;*/
            box-shadow:0 4px 8px rgba(0,0,0,.5);
        }

    div.event-image a.url {
        margin:2px 0 2px 10px;
        color:#b2b2b1;
        text-shadow:-1px -1px 0 #252523;
        font-size:11px;
        width: 140px;
        height: 20px;
        overflow:hidden;
    }

    div.event-image img.url-icon {
        margin: 5px 10px;
        opacity: .5;
    }

        div.search {
            position: absolute;
            top:-1px;
            right:155px;
            background: #FFCD20;
            background: -webkit-gradient(linear, left top, left bottom, from(#feac66), to(#fd7d15)); /* for webkit browsers */
            background: -moz-linear-gradient(top,  #feac66,  #fd7d15); /* for firefox 3.6+ */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feac66', endColorstr='#fd7d15'); /* for IE */
            text-shadow: -1px -1px 0 #EB9B21;
            border: 1px solid #fd7d15;
            border-right:none;
            border-top-left-radius:4px;
            border-bottom-left-radius:4px;
            padding:0;
            height:24px;
            border-right:1px solid #e47113;
            overflow:hidden;
            width:26px;
            transition:width .4s ease-out;
            -webkit-transition:width .4s ease-in-out;
            -moz-transition:width .4s ease-in-out;
        }

            div.search.open {
                width:166px;
                transition:width .4s ease-in-out;
                -webkit-transition:width .4s ease-in-out;
                -moz-transition:width .4s ease-in-out;
            }

            div.search a {
                padding: 5px 10px 3px 6px;
                margin-top: 0;
                float: left;
            }

            div.search input {
                margin:2px 10px 0 0;
                font-size:12px;
                padding:2px 3px 1px 3px;
            }

/* -----------------------------------------
   Event Navigation
----------------------------------------- */
    div.event-nav {
        background:#1a1a1a;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6f6c62', endColorstr='#1a1a1a'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#6f6c62), to(#1a1a1a)); /* for webkit browsers */
        background: -moz-linear-gradient(top,  #6f6c62,  #1a1a1a); /* for firefox 3.6+ */
        border-top:1px solid #525049;
        border-bottom:1px solid #525049;
    }

    /*  New Nav
    ---------------------------------------- */

    div.nnav {
        background:#20667f;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#734CDA', endColorstr='#068ca8'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#734CDA), to(#068ca8)); /* for webkit browsers */
        background: -moz-linear-gradient(top,  #734CDA,  #068ca8); /* for firefox 3.6+ */
        position: relative;
    }

        div.nnav .nine.columns,
        div#event-dashboard {
            margin-left:12px;
        }

        div.nnav a {
            color:#ffffff;
            /*margin-top: -1px;*/
            margin-left: 24px;
            width: 95%;
            font-size:15px;
            text-shadow:-1px -1px 0 rgba(0,0,0,.2);
            font-weight:bold;

            background:#20667f;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#734CDA', endColorstr='#068ca8'); /* for IE */
            background: -webkit-gradient(linear, left top, left bottom, from(#734CDA), to(#068ca8)); /* for webkit browsers */
            background: -moz-linear-gradient(top,  #734CDA,  #068ca8); /* for firefox 3.6+ */

            -webkit-transition:box-shadow .15s linear;
            -moz-transition:box-shadow .15s linear;
            transition:box-shadow .15s linear;
        }

            div.nnav a span {
                margin-left:10px;
                padding: 10px 0;
                float: left;
                font-size:13px;
                text-align: center;
                width:100%;
                width:159px;
                color:#808080;
                color:#ffffff;
                position: relative;

                transition:margin-top .15s linear;
                -webkit-transition:margin-top .15s linear;
                -moz-transition:margin-top .15s linear;
            }

                div.nnav a span:before {
                    font-size: 15px;
                    margin-right: 4px;
                    margin-left: -26px;
                    position: relative;
                }

                div.nnav div.nine.columns a:first-child span:before {
                    /*font-size:21px;*/
                    top:-1px;
                }

                a#planning-link span:before {
                    top:2px;
                }

                a#splash-post span:before {
                    top:3px;
                }

            div.nnav a:hover, div.nnav a.hovering {
                border-radius:4px 4px 0 0;
                box-shadow:0 -1px 8px rgba(0,0,0,.4) ;
                margin-top:-3px;
                background:#734CDA;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#734CDA', endColorstr='#734CDA'); /* for IE */
                background: -webkit-gradient(linear, left top, left bottom, from(#4B3F95), to(#4B3F95)); /* for webkit browsers */
                background: -moz-linear-gradient(top,  #4B3F95,  #4B3F95); /* for firefox 3.6+ */
                transition:all .15s linear;
                -webkit-transition:all .15s linear;
                -moz-transition:all .15s linear;
            }

                div.nnav a:hover span, div.nnav a.hovering span {
                    padding:10px 0 10px 0;
                    transition:all .15s linear;
                    -webkit-transition:all .15s linear;
                    -moz-transition:all .15s linear;
                }

                div.nnav a:active {
                    box-shadow:0 6px 18px -2px rgba(0,0,0,.4) inset;

                    -webkit-transition:box-shadow .15s linear;
                    -moz-transition:box-shadow .15s linear;
                    transition:box-shadow .15s linear;
                }

                div.nnav a.active {

                    -webkit-transition:box-shadow .15s linear;
                    -moz-transition:box-shadow .15s linear;
                    transition:box-shadow .15s linear;

                    border-radius:4px 4px 0 0;

                    box-shadow:0 -1px 8px rgba(0,0,0,.4) ;
                    margin-top:-3px;

                    border-bottom:2px solid #FFCD20;

                    background:#4B3F95;
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B3F95', endColorstr='#4B3F95'); /* for IE */
                    background: -webkit-gradient(linear, left top, left bottom, from(#4B3F95), to(#4B3F95)); /* for webkit browsers */
                    background: -moz-linear-gradient(top,  #4B3F95,  #4B3F95); /* for firefox 3.6+ */
                    box-shadow:0 6px 18px -2px rgba(0,0,0,.4) inset, 0 -21px 20px -20px #fff inset;
                }

                    div.nnav a.active:hover {
                        margin-top:-3px;
                        /*border-radius:0;*/
                    }

                        div.nnav a.active span,
                        div.nnav a.active:hover span {
                            padding:10px 0 11px 0;
                        }

        div.nnav div.nine.columns a {
            width:22.7%;
            margin-left:2.5%;
            /*padding: 10px;*/
        }

            div.nnav div.nine.columns a:first-child {
                margin-left:1px;
            }

            div.row.nnav div.nine.columns a.six.columns {
                width:47.8%;
            }


    /*  Event Content
    ------------------------------------------*/
        div.content-wrap {
            background:#e5e5e5;
        }

        div.event-section /*have BB rem from html*/,
        div.event-content {
            background:#e5e5e5;
            padding-top: 0;
            position:relative;
            padding-bottom:30px;
        }

            div.event-section {
                margin-top:30px;
            }

        h5 {
            color: #1a1a1a;
            font-size: 14px;
            padding: 4px 0 6px 0;
            margin: 0 0 0 0;
            clear: both;
            position: relative;
            text-shadow: none;
        }

    /* Dashboard totals
    ----------------------------------------- */

        a.dl-clipboard {
            background:#e5e5e5;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5'); /* for IE */
            background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e5e5)); /* for webkit browsers */
            background: -moz-linear-gradient(top,  #ffffff,  #e5e5e5); /* for firefox 3.6+ */
            border-radius:5px;
            margin: 20px 0 20px 55px;
            padding: 10px;
            border-top: 1px solid #e5e5e5;
            border-right: 2px solid #734CDA;
            border-bottom: 1px solid #e5e5e5;
            border-left: 2px solid #734CDA;
            font-size: 14px;
            transition:all .15s linear;
            -webkit-transition:all .15s linear;
            -moz-transition:all .15s linear;
        }

            a.dl-clipboard:hover {
                color:#4B3F95;
                border-top: 1px solid #4B3F95;
                border-right: 2px solid #4B3F95;
                border-bottom: 1px solid #4B3F95;
                border-left: 2px solid #4B3F95;
            }

    /*  New Dashboard
    _________________________________________*/


    div#event-dashboard {
        margin-top:20px;
    }

    div.six.columns.ndb-planning {
        /*margin-left:2.4%;*/
        margin-left:3.5%;
    }

    .row.ndb {
        margin-bottom:30px;
    }

        #event-dashboard .row .three.columns {
            margin-left:25px;
            width:159px;
            font-family:arial narrow, Helvetica, sans-serif;
        }

        #event-dashboard .row .three.columns:first-child {
            margin-left:1px;
        }

        #event-dashboard .row .three.columns.ndb-planning {
            margin-left:25px;
        }

    /*  Event Contacts
    ----------------------------------------- */
        div.three.columns.left-sidebar {
            margin-left:0;
            clear:both;
            z-index: 2;
            width: 182px;
            margin-left: 10px;
            margin-right: 23px;
        }

            div.columns.left-sidebar.inner {
                margin-top: /*-102px*/ 0;
                /*background: #f8f7f4;*/
                width: 186px;
                padding-top:34px;
                margin-right:0;
                padding-right:24px;
            }

                div.columns.left-sidebar.inner.splash {
                    display: none !important;
                }

                div.columns.left-sidebar.inner {
                    margin-bottom:30px;
                }

                div.columns.left-sidebar.inner ul.contacts {
                    width:97%;
                    margin-left:4px;
                }

        h6 {
            color:#808080;
            float:left;
            clear:both;
            margin-bottom:0;
            padding:4px 0;
            width:100%;
            font-size:13px;
        }

            h6 span.label {
                margin-left:10px;
            }

        h5.contacts {
                margin-left:15px;
                border:none;
                color:#808080;
                margin-bottom:10px;
                border-bottom:1px solid #e5e5e5;
                text-shadow:none;
            }

            h5.contacts img {
                float:left;
                margin:3px 5px 0 0;
            }

            h5.contacts a.add-new {
                float: right;
                font-size: 12px;
                margin:2px 0 0 0;
                padding:1px 5px 0 3px;
                font-weight:normal;
            }

                h5.contacts a.add-new:hover {
                }

                    div.new-ec-role-type {
                        margin-top:10px;
                        float: right;
                        /*width: 173px;*/
                    }

                        div.new-ec-role-type label {
                            width:auto !important;
                        }

                        div.new-ec-role-type input {
                            width:92% !important;
                        }

                a.close-sprite,
                a.close-sprite-brown,
                span.close-sprite-brown {
                    float:right;
                    width:15px;
                    height:15px;
                    overflow:hidden;
                    background:transparent url(https://d24wuq6o951i2g.cloudfront.net/images/ui/close-sprite.png) top left no-repeat;
                }

                    a.close-sprite-brown,
                    span.close-sprite-brown {
                        background:transparent url(https://d24wuq6o951i2g.cloudfront.net/images/ui/close-sprite-brown.png) top left no-repeat;
                    }

                    a.close-sprite:hover,
                    a.close-sprite-brown:hover,
                    span.close-sprite-brown:hover {
                        background-position:0 -15px;
                    }

            h5.contacts small {
                color:#808080;
                font-size:12px;
            }

        ul.contacts {
            margin:10px 0 0 0;
            padding-left:10px;
            float:left;
            width:95%;
        }

            ul.contacts li img.active,
            ul.contacts.collapsed li img.active {
                width: 14px;
                height: 14px;
                position: absolute;
                left: -4px;
                border: none;
                top: 6px;
            }

            .ec-img img.active {
                width: 14px;
                height: 14px;
                position: absolute;
                left: -6px;
                border: none;
                top: 6px;
            }

        ul.contacts.collapsed li {
            float:left;
            clear:both;
            width:98%;
            padding:1px;
            border:1px solid transparent;
            cursor:pointer;
            border-radius:2px;
            position:relative;
            margin-bottom:2px;
        }

            ul.contacts.collapsed li.none {
                font-size:12px;
            }

            ul.contacts.collapsed li span.unconfirmed {
                font-size:10px;
                text-transform:uppercase;
                color:#DD2C00;
            }

            ul.contacts.collapsed li:hover {
                border:1px solid #E3ECE0;
                padding:1px;
                background:#e5e5e5;
            }

            ul.contacts.collapsed li:hover ul.contact-inner li {
                text-shadow:1px 1px 0 #ffffff;
            }

        ul.contacts.collapsed li img {
            float:left;
            margin-right:4px;
            border:1px solid #ffffff;
            width:32px;
            height:32px;
        }

        ul.contact-inner {
            float:left;
            margin:2px 0 0 0;
            width:115px;
            overflow:hidden;
        }

            ul.contact-inner li {
                margin-bottom:0 !important;
                padding:0;
                line-height:10px;
            }

                ul.contacts.collapsed ul.contact-inner li:hover {
                    background:transparent;
                    border:none;
                    padding:2px;
                }

            ul.contact-inner li.name {
                font-size:12px;
            }

            ul.contact-inner li.company {
                font-size:10px;
            }

            div.contact-access {
                float:left;
                margin-bottom:2px;
                min-height:54px;
            }

            div.contact-access ul {
                margin:0;
                margin-left:10px;
            }

                div.contact-access ul.access-to {
                    float: left;
                    padding: 2px 2px 0 2px;
                    margin-top: 8px;
                    background: #F9F8F9;
                    border-radius: 4px;
                    border: 1px solid #e5e5e5;
                }

                    div.contact-access ul.access-to li.access-toggle {
                        width: 293px;
                        position: absolute;
                        z-index: 1;
                        padding: 5px 2px 7px 8px;
                        background: #F9F8F9;
                        border-radius: 4px;
                        border: 1px solid #e5e5e5;
                        margin: -4px 0 0 -5px;
                        box-shadow:0 2px 9px #e5e5e5;
                    }

                        div.contact-access ul.access-to li.access-toggle div.access-edit {
                            float: right;
                            width:auto;
                            clear: none;
                            height:auto;
                        }

                        div.contact-access ul.access-to li.access-toggle .edit-access-msg {
                            font-size: 12px;
                            float: left;
                            margin-top: 2px;
                        }

                        li.access-toggle div.access-edit div.actions {
                            float:right;
                            position: relative;
                        }


                div.contact-access ul.edit-access {
                    position: absolute;
                    width: 297px;
                    z-index: 1;
                    padding: 6px 2px 0 2px;
                    background: #F9F8F9;
                    border-radius: 4px;
                    border: 1px solid #e5e5e5;
                    left:0;
                    margin-top:4px;
                }

                    ul.edit-access li div.actions {
                        margin:-3px 0 1px 0;
                        float:right;
                    }

                        ul.edit-access li div.actions .cancel {
                            position: absolute;
                            top:22px;
                            right:7px;
                        }

                        ul.edit-access li div.actions .save {
                            float:left;
                            margin-left:20px;
                        }

                    div.contact-access ul.access-to li.splash {
                        color:#808080;
                    }

                    div.contact-access ul.access-to li.clipboard {
                        color:#00865E;
                    }

                div.contact-access a.change-access {
                    margin-left:14px;
                    font-size:10px;
                    /*color:#ffffff;*/
                }
                div.contact-access .edit-access-msg{
                    font-size:10px;
                    float:left;
                }
                div.contact-access .toggle-shell{
                    margin-left:10px;
                    float:left;
                }
                div.contact-access .actions .cancel{
                    margin-left:0;
                }
                div.contact-access .locked{
                    font-size:11px;
                    color:#808080;
                    margin-left:10px;
                }

                    div.contact-access:hover a.change-access {
                        color:#808080;
                    }

                        div.contact-access a.change-access:hover {
                            color:#FFCD20;
                        }

        span.show-all {
            position: absolute;
            width: 100%;
            right: 0;
            bottom: 0;
            text-align: center;
            border-top: 1px dotted #808080;
        }

            span.show-all span {
                background:#808080;
                color:#ffffff;
                border-bottom-left-radius:4px;
                border-bottom-right-radius:4px;
                padding:0 10px;
                float:left;
                margin-left:13px;
                font-size:11px;
                cursor:pointer;
            }

                span.show-all span:hover {
                    background:#808080;
                }

        div.contact-access-level {
            float: left;
            width: 100%;
            margin-top: 20px;
            border: 1px solid #e5e5e5;
            border-radius:4px;
        }

            div.contact-access-level div.inner {
                float:left;
                padding:5px;
                width:96%;
            }

                div.contact-access-level div.inner span.access-msg {
                    float:left;
                    margin-top:1px;
                    font-size:12px;
                }

            div.contact-access-level .edit {
                float:right;
                font-size:12px;
            }

            div.contact-access-level span.invite-status {
                float:left;
                border-top:1px solid #e5e5e5;
                width:100%;
            }

            div.contact-access-level span.invite-status span.unconfirmed {
                font-size: 11px;
            }

            div.contact-access-level span.invite-status a#resend-invite {
                float: right;
                clear: right;
                margin-top: 1px;
                font-size: 12px;
                cursor:pointer;
            }

                div.contact-access-level span.invite-status a#resend-invite:hover {
                    text-decoration:underline;
                }

            div.invite-sent {
                float:right;
                color:#00865E;
            }

            ul.contact-actions {
                margin-left:20px;
                float:left;
            }

                ul.contact-actions li {
                    margin-bottom:0;
                }

                li.list-title {
                    list-style: none;
                    margin-left: -16px;
                    font-weight: bold;
                    border-bottom: 1px solid #e5e5e5;
                    margin-bottom: 5px;
                }

            div.access-edit {
                float:left;
                clear:both;
                position:relative;
                height:38px;
                width:100%;
            }

                div.access-edit div.actions {
                    position:absolute;
                    right:0;
                    bottom:0;
                }

                div.access-edit div.actions span.cancel-access:hover {
                    text-decoration:underline;
                    cursor:pointer;
                }

            span.toggle-shell, span.toggle-upload {
                float:right;
                position:relative;
                overflow:hidden;
                width:100px;
                height:20px;
                border: 1px solid #808080;
                width: 63px;
                border-radius:4px;
                cursor:pointer;
            }

                span.toggle-shell:hover, span.toggle-upload:hover {
                    box-shadow: 0 0 8px #808080;
                }

                span.toggle-shell.locked, span.toggle-upload.locked {
                    opacity:.6
                }

                span.toggle-shell span.inner, span.toggle-upload span.inner {
                    float:left;
                    width: 120px;
                    color:#ffffff;
                }

                    div.access-edit p {
                        margin:8px 0 0 0;
                    }

                    span.toggle-shell span.inner span.space, span.toggle-upload span.inner span.space {
                        float:left;
                        width:46px;
                        border-radius:4px;
                        text-align:center;
                        font-weight:bold;
                        font-size:12px;
                    }

                        span.toggle-shell span.inner span.space.yes, span.toggle-upload span.inner span.space.yes {
                            border:1px solid #00865E;
                            background: #00865E;
                            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3AD576', endColorstr='#00865E'); /* for IE */
                            background: -webkit-gradient(linear, left top, left bottom, from(#00865E), to(#006344)); /* for webkit browsers */
                            background: -moz-linear-gradient(top,  #00865E, #006344); /* for firefox 3.6+ */
                        }

                        span.toggle-shell span.inner span.space.no, span.toggle-upload span.inner span.space.no {
                            border:1px solid #DD2C00;
                            background: #DD2C00;
                            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D10000', endColorstr='#DD2C00'); /* for IE */
                            background: -webkit-gradient(linear, left top, left bottom, from(#DD2C00), to(#C50C00)); /* for webkit browsers */
                            background: -moz-linear-gradient(top, #DD2C00, #C50C00); /* for firefox 3.6+ */
                        }

                        span.toggle-shell span.inner span.space.bar, span.toggle-upload span.inner span.space.bar {
                            width:18px;
                            height:18px;
                            border:1px solid #e5e5e5;
                            margin:0 -4px;
                            position:relative;
                            box-shadow:0 0 4px #595959;
                            background: #e5e5e5;
                            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#808080'); /* for IE */
                            background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#808080)); /* for webkit browsers */
                            background: -moz-linear-gradient(top,  #e5e5e5,  #808080); /* for firefox 3.6+ */
                        }


        /* scrollable */
        div.scroll-wrap {
            width:100% !important;
            height:200px;
            overflow-y:auto;
            overflow-x:hidden;
            float:left;
            border-bottom:1px solid #f9f9f9;
        }

        div.scroll-wrap div.jspContainer{
            width:100% !important;
            overflow-x:hidden;
        }

        div.scroll-wrap div.jspVerticalBar,
        div#ros-sidebar div.jspVerticalBar {
            opacity:0 ;
            background:#ffffff;
        }

            div.scroll-wrap:hover div.jspVerticalBar,
            div#ros-sidebar:hover div.jspVerticalBar {
                opacity:1;
            }

            div.jspTrack {
                background:#e1edd9;
            }

        /* First View */

        div.first-view {
            border:4px dashed #e5e5e5;
            border-radius:4px;
            min-height:185px;
            width:700px;
            margin-left:5%;
            margin-top:30px;
            display:block;
            float:left;
            background-size:20%;
        }

                .first-view div.inner {
                    margin:10px 0 10px 235px;
                    float:left;
                    padding-right:20px;
                }

                    .first-view div.inner h4,
                    .first-view div.inner p {
                        color:#595959;
                    }

                    .first-view div.inner h4 {
                        margin-top:10px;
                        margin-bottom:6px;
                        float:left;
                    }

                    .first-view div.inner p {
                        font-size:16px;
                        color:#808080;
                        padding:0 30px 0 0;
                        float:left;
                    }


                    .first-view div.inner p a.first-view-link {
                        float:none;
                        margin-left:20px;
                    }

            .yellow-tip {
                position:absolute;
                background:#FFFADB;
                border:1px solid #EBE6CA;
                color:#1a1a1a;
                right:10px;
                top:10px;
                padding:10px 20px;
                border-radius:4px;
                box-shadow:2px 2px 4px #e5e5e5;
            }

                .arrow-up {
                    position:absolute;
                    top:-10px;
                    left:50%;
                    margin-left:-5px;
                    width: 0;
                    height: 0;
                    border-left: 10px solid transparent;
                    border-right: 10px solid transparent;
                    border-bottom: 10px solid #FFFADB;
                }

    /*  Event Timeline
    ----------------------------------------- */

        h4#timeline {
            margin-left:25px;
            margin-bottom:11px;
            font-family:'ApexSansBold';
            display:none !important;
        }

            form.custom div.custom.dropdown a.current {
                background:#ffffff;
            }

        /* expanded */
            .largeDate{
                background: #734CDA;
                color: #ffffff;
                font-size: 18px;
                height: 25px;
                padding: 7px 0;
                text-align: left;
                width:  100%;
                position:relative;
                box-shadow:1px 1px 1px #e5e5e5;
            }

                .largeDate div.sort-by {
                    float:right;
                    margin:0;
                    width:auto;
                }

                    .largeDate div.sort-by select {
                        float:right;
                        margin:3px 84px 0 20px;
                    }

                .largeDate img.cal-icon {
                    float:left;
                    margin:7px 0 0 8px;
                }

                div.sort-by {
                    float: right;
                    width: 125px;
                    margin-top: 29px;
                    margin-bottom: -30px;
                    margin-right: 87px;
                }

                    div.sort-by span.sort-label {
                        float:left;
                        font-size:12px;
                        margin:3px 5px 0 0;
                    }

                    div.sort-by select {
                        float:right;
                        margin-top:3px;
                        margin-right:100px;
                    }

            .timeConsole {
                background:#f8f7f4;
                float:left;
                padding: 15px 0 15px 0;
                width:748px;
                display:none;
                border-right: 1px solid #e5e5e5;
                border-bottom: 1px solid #e5e5e5;
                border-left: 1px solid #e5e5e5;
                box-shadow:0 12px 13px -13px #1a1a1a inset;
            }

                .timeConsole b {
                    float: left;
                    width: 100%;
                    margin-left: 15px;
                    margin-bottom: 5px;
                    margin-top: 0;
                }

                .timeConsole .time {
                    background:#ffffff;
                    /*height: 25px;*/
                    /*width: 57px;*/
                    float: left;
                    clear:both;
                    border:1px solid #e9e9e9;
                    border-radius:4px;
                }

                .timeConsole .timeControl {
                    float: left;
                    margin-left: 5px;
                    margin-right: 0;
                    margin-top: 5px;
                }

                .timeConsole .divide {
                    float: left;
                    margin-top: -10px;
                    display:none;
                }

                .timeConsole .description {
                    float: left;
                    margin-right: 10px;
                    margin-left:10px;
                    width:210px;
                }

                    .timeConsole .description input {
                        width: 100%;
                        margin: 0;
                        padding: 4px 2px;
                        margin-top: -1px;
                    }

                .timeConsole .responsible {
                    float: left;
                    margin-left: 10px;
                    margin-right: 10px;
                    width: 189px;
                }

                .timeConsole .addros {
                    float: right;
                    cursor: pointer;
                }

            .timeConsole div.chunk {
                float:left;
                margin-left:15px;
            }

                .timeConsole div.chunk.description input {
                    padding:10px 4px;
                    margin-top:1px;
                }

                .timeConsole div.chunk label,
                .timeConsole div.chunk input,
                .timeConsole div.chunk select {
                    float:left;
                    clear:left;
                }

                    .timeConsole div.chunk label {
                        color:#808080;
                    }

                    .timeConsole div.chunk select {
                        margin-top:5px;
                    }

            .timeConsole .ui-timepicker {
                background: none repeat scroll 0 0 transparent;
                float: none;
                padding:0 0 0 4px;
                width: 130px;
            }

                .timeConsole .ui-spinner {
                    float: left;
                    /*border: 0;*/
                }

                .timeConsole .ui-spinner input[type="text"] {
                    border: medium none;
                    /*font-size: 14px;*/
                    font-size:16px;
                    /*margin-top:5px;*/
                    padding:8px 5px 6px 5px;
                    width:25px;
                }

                    .timeConsole .ui-spinner input[type="text"]:focus {
                        padding:8px 5px 6px 5px;
                    }


                    .timeConsole .ui-spinner input.hour-box {
                        margin:3px 4px 0 0;
                    }

                    .timeConsole .ui-spinner input.minute-box {
                        margin:3px 3px 0 4px;
                    }

                    .timeConsole .ui-spinner.meridian .solo-meridian{
                        padding:8px 5px 6px 5px;
                        width:25px;
                        font-size:16px;
                    }

                .colon {
                    color: #E9E9E9;
                    float: left;
                    font-size: 16px;
                    margin-left: -4px;
                    margin-top: 3px;
                }

                .timeConsole .addros {
                    float: right;
                    margin:23px 36px 0 0;
                    cursor: pointer;
                }

            .desc-block{
                margin-top:20px;
            }
                .time-end-holder {
                    position:relative;
                    float:right;
                }

            span.dash {
                position: absolute;
                top: 10px;
                right: 153px;
                font-weight: bold;
                z-index: 999;
            }

        .frosty {
           opacity: 0.4;
        }

        .ui-timepicker{ float:left; background-color:#ffffff; position:relative;border-radius:6px;}
        .ui-spinner{ float:left; border-right:1px dotted #e9e9e9;}

            .ui-spinner input {
                margin:0 !important;
            }

            .ui-spinner.meridian {
                border:none;
                cursor:pointer;
                border-radius:0 4px 4px 0;
            }
            .ui-spinner.meridian{
                transition:all .15s linear;
                -webkit-transition:all .15s linear;
                -moz-transition:all .15s linear;
            }
            .ui-spinner.meridian.AM{
                /*background-color:#fdf8de;*/
            }
            .ui-spinner.meridian.AM:hover{
                background-color:#FEF0C9;
            }
            .ui-spinner.meridian.PM{
                /*background-color:#9be7f7;*/
            }
            .ui-spinner.meridian.PM:hover{
                background-color:#4B3F95;
            }

            .ui-spinner.meridian label {
                cursor:pointer;
            }

        .ui-spinner input[type="text"],
        .ui-spinner input[type="text"]:focus {
            border:none;
            font-size:14px;
            padding:9px 4px 6px 0;
            text-align:center;
        }

        .green-button {
            background-color: #00865E;
            border: 0;
            color: #FFFFFF !important;
            cursor: pointer;
            display: block;
            font-size: 12px;
            margin-bottom: 5px;
            max-width: 130px;
            min-width: 36px;
            text-align: center;
            /*text-transform: uppercase;*/
            width: auto;
            font-weight:bold;
            border-radius:4px;
            padding:5px;
        }

        /* from inline... needed? */

        .spinner-buttons{ float:left;}
        .focused-time-input{ background-color: #B4D5FF;}

        .task-cell-highlighted{
        border: 1px solid #e9e9e9;
        }
        .ros_clear{
            float:right;
            top:12px;
            right:17px;
            position:relative;
        }

        .wider-cell{
            width:250px;
        }

        td.editing_cell {
            border: 1px solid #E7E8E9;
            width: 43px;
        }

        .delete_img {
         color: #808080;
            cursor: pointer;
            font-size: 11px;
            font-weight: bold;
            margin-left: 2px;
            margin-top: 0;
            position: inherit;
        }

            .event-date-contain{
                float: left;
                font-size: 18px;
                margin-top:-4px;
            }

                 .event-date-contain a {
                    background: #fff;
                    color: #595959;
                    font-size: 14px;
                    padding: 8px 6px 8px 8px;
                    border-radius: 4px;
                    width: 98px;
                    display: inline-block;
                }

            #add-new-schedule-line .form-block{
                min-height:50px;
                float:left;
            }
        /* end inline findings */


        /* timeline table */
            table tbody tr td ul.selectReplacement.timeline li span.name {
                margin-top:4px;

            }

/* -----------------------------------------
   Event > In Element
----------------------------------------- */

    h3 {
        float:left;
        width:100%;
    }

        div.selected-element {
            float: left;
            clear:left;
            width:185px;
            cursor: pointer;
            margin-left: 14px;
            border-radius: 0 4px 4px 0;
            padding: 0 0 2px 15px;
            position: relative;
            margin-top:2px;
            -webkit-transition:background-color .15s linear;
            -moz-transition:background-color .15s linear;
            transition:background-color .15s linear;
        }

            div.selected-element:hover {
                background:#e5e5e5;
            }

                div.selected-element.active {
                    background:#808080;
                }

            div.selected-element span.icon {
                float:left;
                margin-left:48px;
            }

            div.selected-element span.icon img {
                margin-left: 0;
                margin-top: 0;
            }

                div.selected-element img {
                    width: 85px;
                    float:left;
                    margin-top:0;
                    margin-right:5px;
                }

            div.selected-element span.title {
                font-size: 28px;
                float: left;
                color: #1a1a1a;
                clear: left;
                width: 100%;
                /*background: rgba(0, 0, 0, .1);*/
                padding: 2px 5px 4px 20px;
                border-radius: 0 0 4px 0;
                margin-left: -20px;
                margin-bottom: -2px;
                text-align:center;
                position: relative;
            }

    /*  Budget Table
    ------------------------------------------*/

    table {
        margin:0 0 0 -34px; /* -20 + th.utl width */
        border:none;
        font-size:12px !important;
        float:left;
    }

        table thead {
            background:#e5e5e5;
        }

        table thead tr th {
            padding:8px 0 8px 8px;
            color:#595959;
            font-size:12px;
            border-right:1px solid #ffffff;
        }

        table thead tr th.blankTH {
            background:#ffffff;
            width:1px;
            border:none;
        }

            table thead tr th.utl {
                width:14px;
                padding:0;
                margin:0;
                background:#ffffff;
                border:none;
            }

        table tbody tr {
            background:#ffffff;
        }

        table tbody tr:nth-child(even) {
            background:#ffffff;
        }

        table tbody tr.deleted a {
            color: #DD2C00;
        }

        table tbody tr td {
            position: relative;
            border: 1px solid #e5e5e5;
            cursor: pointer;
            padding: 8px 10px 8px 10px;
            color: #595959;
            font-size: 12px;
        }

    table tbody tr td input.input-text.oversize:focus,
    table tbody tr td textarea.oversize:focus,
    table tbody tr td input.input-text:focus,
    table tbody tr td textarea:focus

        table tbody tr td input,
        table tbody tr td input.input-text,
        table tbody tr td input[type="text"],
        table tbody tr td input[type="text"]:focus,
        table tbody tr td textarea,
        table tbody tr td input.input-text.oversize:focus,
        table tbody tr td textarea.oversize:focus,
        table tbody tr td input.input-text:focus,
        table tbody tr td textarea:focus {
            border:none;
            overflow: hidden;
            /*height: 25px;*/
            margin:0;
            resize:none;
            width:100%;
            background:transparent !important;
            outline:none;
            font-family:inherit;
            font-size:12px;
            /*color:#647C6C;*/
            color:#595959;
            border:none;
            box-shadow:none;
        }

            table tbody tr td textarea {
                font-size:12px;
                border:none;
                box-shadow:none;
                padding:6px 0 0 0;
                min-height:22px;
            }

            table tbody tr td.disabled-td {
                background:#f9f9f9;
                cursor:default;
                color:#808080;
            }

                table tbody tr td.disabled-td input {
                    color:#1a1a1a;
                }

                table tbody tr.myDragClass td.disabled-td {
                    background:#EAF5E7;
                }

            table tbody tr td.spacer-td:hover {
                background:none;
                border-right:1px solid #e5e5e5;
            }

            table tbody tr td.first-cell {
                padding:4px 10px 0 0;
            }

            table tbody tr:hover {
                background: #fafafa;
            }

                table tbody tr:hover td.editing_cell {
                    background:#e5e5e5;
                }

                table tbody tr:hover td.spacer-td {
                    background:#ffffff;
                }

            .focused_input,
            .focused_input:hover {
                cursor:text;
                background-color:#e5e5e5;
            }


        tfoot tr td.add-cell {
            position:relative;
        }
        /* totals */


        tfoot tr td.totals {
            border-left: 1px solid #e5e5e5;
            border-right: 1px solid #e5e5e5;
            border-bottom:1px solid #e5e5e5;
        }

        div.tableTotals{
            float: left;
            margin-top:0;
            width:100%;
            border-top:1px solid #e5e5e5;
        }

        /* select replace
        -------------------*/
        table tbody tr td ul.selectReplacement {
            margin:8px 0 0 0;
            background:url("images/top.gif") no-repeat right bottom;
            height:16px;
            padding-right:18px;
        }

        table tbody tr td ul.selectReplacement li {
            display:none;
        }

            table tbody tr td ul.selectReplacement li a {
                color:#647C6C;
            }

        table tbody tr td ul.selectReplacement li.selected {
            display:block;
        }

            /* onClick */
            table tbody tr td ul.selectReplacement.selectOpen {
                position:absolute;
                margin-top:-2px;
                margin-left:-11px;
                border:1px solid #e5e5e5;
                background:#ffffff;
                -moz-box-shadow: 0 3px 6px rgba(0,0,0,.4);
                -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.4);
                box-shadow: 0 3px 6px rgba(0,0,0,.4);
                z-index:20;
                height:300px;
                overflow-x:hidden;
                overflow-y:scroll;
                padding-right:0;
                text-align:left;
            }

                div#ros2panel table tbody tr td ul.selectReplacement.selectOpen {
                    width: 130px;
                }

            table tbody tr td ul.selectReplacement.selectOpen li {
                display:block;
                cursor:pointer;
                float:left;
                clear:both;
                margin:0;
                width:76px;
                padding:5px 10px;
                border-bottom:1px solid #e5e5e5;
            }

                table tbody tr td ul.selectReplacement.selectOpen li:hover {
                    background: #e5e5e5;
                }

            /* for vendor add */

            table tbody tr td.vendor ul.selectReplacement.selectOpen {
                width:160px;
            }

                table tbody tr td.vendor ul.selectReplacement.selectOpen li {
                    width:141px;
                }

                table tbody tr td.vendor ul.selectReplacement.selectOpen li.add-new-contact-li {
                    background:#eaf5e7;
                }

                    table tbody tr td.vendor ul.selectReplacement.selectOpen li.add-new-contact-li:hover {
                        background:#DDE6DA;
                    }

        /* drag and drop
        -------------------*/
        .myDragClass {
            background:#eaf5e7 !important;
        }


        /* row utility
        -------------------*/
        ul.details-side li {
            font-size:12px;
            margin-bottom:2px;
            margin-left:10px;
        }

            ul.details-side li span.label {
                width:36px;
            }

/* -----------------------------------------
   Event > tasks
----------------------------------------- */

    ul.selectReplacement.selectOpen li {
        display:block;
        cursor:pointer;
        float:left;
        clear:both;
        margin:0;
        width:76px;
        padding:5px 10px;
        border-bottom:1px solid #e5e5e5;
    }

        #close_me{
            position:absolute;
            right: 3%;
            top: 31px;
            font-size:15px;
            color:#ffffff;
            opacity:.8;
            width:60px;
        }

            #close_me:hover {
                opacity:1;
            }

    ul.selectReplacement.selectOpen li:hover {
        background: #e5e5e5;
    }

    /* overview */

    .overviewSectionHeader {
        display:none;
    }

        .headerSortDown,
        .headerSortUp {
            background-color: #5A9A70 !important;
        }

            a.set-date:hover table {
                display:block;
                top:0;
                left:0;
            }

/* -----------------------------------------
   Event > Budget Overview
----------------------------------------- */
    div.accordion {
        float:left;
        width:100%;
    }

        div.accordion div.accordionWide {
            float:left;
            clear:both;
            width:98%;
        }

    div.accordion h3.accordion-header {
        width: 98%;
        float: left;
        cursor: pointer;
        color: #647C6C;
        margin-top: 4px;
        border: 1px solid #f0efeb;
        background:#f8f7f4;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f7f4', endColorstr='#e5e5e5'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#f8f7f4), to(#e5e5e5)); /* for webkit browsers */
        background: -moz-linear-gradient(top,  #f8f7f4,  #e5e5e5); /* for firefox 3.6+ */
        margin-left: 5px;
        margin-bottom:0;
        padding:0;
        border-radius:4px;
        box-shadow:0px 1px 2px #e5e5e5;
    }

        div.accordion h3.accordion-header:hover {
            background:#e1edd9;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1edd9', endColorstr='#eaf5e7'); /* for IE */
            background: -webkit-gradient(linear, left top, left bottom, from(#e1edd9), to(#eaf5e7)); /* for webkit browsers */
            background: -moz-linear-gradient(top,  #e1edd9,  #eaf5e7); /* for firefox 3.6+ */
        }

        div.accordion h3.accordion-header.accordion-open {
            background:#E6E5E1;
            border-bottom-right-radius:0;
            border-bottom-left-radius:0;
        }

        /* files */

        object[data="/js/uploadify/uploadify.swf"] {
            height:0;
        }

/*-----------------------
    the bubble
-----------------------*/
    .pointer {
        height: 30px;
        width: 30px;
        position: absolute;
        top:/*46px*/ 53px;
        left:370px;
        background:url(/css/images/right_pointer.png) no-repeat;
    }

    /* element picker */
        div.viewOpt {
            float:left;
        }

    .disabled-li {
        opacity: .2;
    }

/*---------------
    the guiders
----------------*/

    div#intro.guider {
        width: 400px;
        top: 226px !important;
        left: 50% !important;
        margin-left: -218px !important;
        border:none;
    }

        div#intro.guider .guider_content p {
            font-size:13px;
            float:left;
            text-align:left;
        }


/*---------------------
    event > files
---------------------*/

    .uploadContent {
        clear: both;
        /*margin-left:20px;*/
        /*margin-top: 20px;*/
        width:100%;
        float: left;
    }

        .uploadContent h3 {
           font-size:14px;
           color:#1a1a1a;
           float:left;
           margin:30px 0 0 30px;
        }

    .uploadList .indented {
        margin-left: 30px;
    }

    .uploadList li {
        clear: both;
        list-style: none outside none;
    }

    .eventFileEle {

        width:95%;
        position:relative;
        height:45px;
        float: left;
        color: #647C6C;
        margin-top: 4px;
        border-bottom: 1px solid #F0EFEB;
        margin-left: 0;
        margin-bottom: 0;
        padding: 7px 7px 6px 7px;
    }

        .eventFileEle:hover {
            background:#F8F7F4;
            border-radius:4px;
            border: 1px solid #F0EFEB;
            padding:6px;
        }

        li.overview .eventFileEle {
            margin: 0 0 0 30px;
            width: 85.5%;
        }

            li.overview .eventFileEle .contact_file_title2 {
                width:77%;
            }

            li.overview .file-description {
                width:35%;
            }

            li.overview div.upload-file-form2 {
                width:60%;
            }

            div.overview-file-upload-contain div.qq-uploader .eventFileEle {
                margin: 0 0 0 30px;
                width: 88.5%;
            }

        .contact_file_title {
            float: left;
            margin-bottom: 5px;
            width:100%;
        }

        .contact_file_title div.editable {
            float:left;
            margin-right:30px;
            margin-top:4px;
        }

            .contact_file_title div.editable {
                float:left;
                margin-right:30px;
                margin-top:4px;
            }

        .contact_file_ec {
            font-size:11px;
        }

        .contact_file_img {
            float:left;
            height:35px;
        }

        .contact_file_title img {
            width: 35px !important;
            max-height:35px;
            float:left;
            margin-right:20px;
            margin-top:5px;
        }

        .contact_file_title a {
            vertical-align: top;
        }

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

        .contact_file_title2,
        .contact_file_icon,
        .contact_file_ec {
            float: left;
        }

            .contact_file_title2 {
                width:580px;
                margin-top:2px;
            }

            .contact_file_ec a {
                float:none;
            }

            .contact_file_description {
                float: right;
                margin-right: 15px;
                margin-top: 12px;
            }

        a {
            /*color: #647c6c;*/
            cursor: pointer;
            text-decoration: none;
        }

        .uploaded-by {
            float:left;
            margin-right:30px;
            font-size:11px;
        }

        .file_add_span {
            float:left;
            clear:left;
            width:100%;
            margin-top:-8px;
        }

            .file_add_span input {
                width:100%;
            }

            .file-description {
                width:58%;
                margin-right:10px;
            }

            .file_ec_select {
                margin:5px -10px 0 0;
                float:right;
            }

        div.file_element_content {
            float: left;
            width: 100%;
            position: relative;
        }

        div.upload-file-form2 {
            width: 50%;
            float: left;
        }

    .event_file_actions,
    li.file-block div.event_file_actions,
    div.note_text div.note-actions {
        position: absolute;
        top: 0;
        right: 0;
        background: #f8f7f4;
        border-radius: 4px;
        padding: 2px;
        text-align:center;
        width:15px;
        display:none;
    }

        div.file_element_content:hover .event_file_actions,
        li.file-block:hover div.event_file_actions,
        div.note_text:hover div.note-actions {
            display:block;
        }


        .event_file_edit,
        .note_edit {
            margin-top:2px;
            border-top:1px dotted #e5e5e5;
            padding-top:6px;
            cursor:pointer;
        }

        .delete_img {
            color: #808080;
            cursor: pointer;
            font-size: 11px;
            font-weight: bold;
            margin-top: 0;
            width:12px;
            margin-bottom: 9px;
            padding-top: 7px;
            margin-left: -1px;
        }

            div.vendor_delete .delete_img {
                padding-top:0;
            }

        .tiny_img {
            cursor: pointer;
            height: 11px !important;
            width: 11px !important;
        }

    .eventFileEle div.actions {
        float: right;
        margin-right: -130px;
        margin-top: -28px;
    }

    .eventFileEle span.file_add_span select {
        float: left;
        width: 129px;
        margin-left: 2px;
    }

    #upload-button {
        margin: 18px 0 10px 15px;
        border: 1px solid #e5e5e5;
        text-transform: none;
        color: #595959;
    }

    #upload-button:hover {
        border-color: #595959;
    }

    .no-dupes {
        color: #808080;
    }

    ul.qq-upload-list {
        margin-top:30px;
        display: none;
    }

    .progress-bar-holder {
        border:1px solid #00865E;
    }

    .progress-bar {
        background:#EAf5E7;
    }

    div.element-select {
        position:absolute;
        top:7px;
        left:150px;
        font-size:11px;
    }

        div.element-select p {
            margin:0 0 0 7px;
        }

    div.drop-here-wrap {
        float: left;
        border-bottom: 1px solid #e5e5e5;
        height: 60px;
        width: 770px;
    }

        div.overview-file-upload-contain div.drop-here-wrap {
            width:100.2%;
        }

    span.drop-here {
        text-align: center;
        width: 75%;
        padding: 24px 0;
        position: absolute;
        margin-right:0;
        top:10px;
        right: 20px;
        border:2px dashed #e6f1f4;
        border-radius:4px;
        color:#808080;
        font-size:13px;
    }

        div.overview-file-upload-contain span.drop-here {
            top:0;
            right:28px;
            width:440px;
        }

        span.drop-here span {
            display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:13px;
        }

    div.overview-file-upload-contain {
        float:left;
        width:100%;
        margin-top:10px;
        margin-left:-6px;
        position:relative;
    }


/* -----------------------------------------
   Event Create
----------------------------------------- */

    div.event-create {
        margin-bottom:100px;
        overflow-x:hidden;
    }

    div.slide-wrap {
        float: left;
        overflow: hidden;
        padding-left:25px;
        width:99%;
    }

        div.slide {
            width:100%;
            float:left;
            border:none;
        }

                div.form-row label {
                    font-size:16px;
                    float:right;
                    margin-bottom:0;
                    cursor:default;
                }

                    div.form-row label.bigger {
                        margin-top:15px;
                    }

                div.form-left a.time-zone {
                    float:right;
                    margin-top:6px;
                    text-decoration:underline;
                    color:#7A9784;
                }

                    div.form-left a.time-zone:hover {
                        color:#647c6c;
                    }

                div.form-left label span.small {
                    float:right;
                    opacity:.8;
                    font-size:12px;
                    margin-top:4px;
                }

                div.check-list {
                    width:70%;
                }

                    div.check-list label {
                        cursor: pointer;
                        border-bottom: 1px dashed #1a1a1a;
                        float: left;
                        padding-bottom: 5px;
                        margin-bottom: 1px;
                        padding-top: 6px;
                        color:#e5e5e5;
                    }

                        div.check-list label:hover {
                            background:#1a1a1a;
                        }

                    div.paying.sideblock div.check-list {
                        width:108%;
                    }

                        div.paying.sideblock div.check-list label {
                            font-size:12px;
                        }

        .add-another-collab{
            color: #808080;
            padding: 5px 10px;
            border: 1px solid #808080;
            border-radius: 10px;
            font-weight: bold;
            float: left;
            cursor:pointer;
        }
        .add-another-collab img{
            width:35px;
            padding-right:7px;
            vertical-align:middle;
        }
        .add-another-collab:hover{
            border:1px solid #4B3F95;
            background-color:#f2f2f2;
        }

    input.save-cont {
        padding:10px;
        padding-right:10px;
        font-size:20px;
        color:#ffffff;
        border:1px solid #FFCD20;
        border-radius:4px;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        background:#FFCD20;
        white-space:nowrap;
        float:right;
        cursor:pointer;
    }

        input.save-cont:hover {
          background:#FFC85C;
        }

        input.save-cont.step-three {
            margin:20px 60px 0 0;
        }

        span.woohoo {
            position: absolute;
            color: #00865E;
            top: 10px;
            right: 5px;
            background:#FFFDE8;
            padding:2px 4px;
        }

        div#slide2 h3 {
            width:auto;
            float:left;
            margin:0;
        }

    div.build-left {
        float:left;
        width:66.7%;
        margin-left:-10px;
    }

    div.build-right {
        float:right;
        width:33%;
    }

    /* timezone modal */

    div.time-zone-modal {
        position:absolute;
        width:600px;
        z-index:50;
        border:1px solid #1a1a1a;
        border-radius:4px;
        left:50%;
        margin-left:-300px;
        top:200px;
        background:#ffffff;
    }

        div.timezone-inner {
            width:100%;
            float:left;
            padding:0 0 23px 0;
        }

            div.timezone-inner h4 {
                float:left;
                width:97.4%;
                border-bottom:1px solid #e5e5e5;
                margin-bottom:10px;
                padding:10px 8px;
                color:#647c6c;
            }

                div.timezone-inner h4 a.close {
                    float:right;
                    font-size:14px;
                    padding:2px 6px 3px 6px;
                    background:#e5e5e5;
                    border-radius:4px;
                    margin-top:2px;
                }

                    div.timezone-inner h4 a.close:hover {
                        background:#DD2C00;
                        color:#ffffff;
                    }

        div.timezone-inner ul.us-zones {
            float:left;
            width: 155px;
            margin:10px 50px 0 10px;
        }

            div.timezone-inner ul.us-zones  li.list-title {
                margin-left:0;
                padding-left:9px;
                padding-bottom:7px;
            }

            div.timezone-inner label {
                font-weight: bold;
                width: 55%;
                margin-top: 9px;
                float: left;
            }

            div.timezone-inner select {
                float: left;
                margin-top: 8px;
            }

            div.timezone-inner ul.us-zones  li a {
                padding: 10px;
                width: 135px;
                float: left;
                border-bottom:1px dashed #e5e5e5;
            }

                div.timezone-inner ul.us-zones  li a:hover {
                    background:#FEFFD7;
                }


/* Event Settings */

    div#event-settings-container h4 {
        margin-top:30px;
        margin-bottom:30px;
        float:left;
    }

    .event-contact{
        width: 91.8%;
        float: left;
        color: #647C6C;
        margin-top: 4px;
        border: 1px solid #F0EFEB;
        background: #F8F7F4;
        margin-left: 0;
        margin-bottom: 0;
        padding: 6px;
        border-radius: 4px;
    }

    .event-contact .person{
        float:left;
        width:30%;
    }

    .event-contact .role{
        float:left;
        width:20%;
    }

    .person img{
        width:50px;
        height:50px;
        vertical-align:middle;
        float:left;
        margin-right:8px;

    }


    .person ul.contact-inner li.name {
        font-size:14px;
        color:#1a1a1a;
        margin-top:1px;
    }

    .person .email{
        color:#808080;
        margin-top:6px;
    }

    .ec-role{
        color: #fff;
        font-weight: bold;
        padding: 0 4px;
        text-transform: uppercase;
        text-align: center;
        float: left;
        clear: both;
        font-size: 9px;
        border-radius: 4px;
    }

    .role {
        margin-top:15px;
    }

    .role .owner{
        background-color: #FAC375;
    }

    .role .invited{
        background-color: #00865E;
    }

        .ec-resend {
            margin-left:10px;
        }

    .role .collaborator{
        background-color: #808080;
    }

    .role .vendor{
        background-color:#647C6C;
    }

    .event-contact .remove a{
        float:right;
        color:#808080;
    }

    .event-contact .access {
        float:right;
        font-size:12px;
        margin-top:16px;
        margin-right:7px;
    }

        .event-contact .access .access-text {
            white-space:nowrap;
            margin-right:50px;
        }

    #change-access-settings{
        float: right;
        margin-top: 29px;
        margin-right: 7%;
    }

    div#change-access-buttons {
        margin-top: 30px;
        margin-right: 8.5%;
    }

        div.access-action span.lock-msg {
            font-size:9px;
            float:right;
            margin-right:2px;
        }




/* footer */
    footer {
        float:left;
        text-align:right;
        width:100%;
    }
    footer.fixed{ position: fixed; bottom: 0; }

    footer > div {
        margin-top:25px;
        float: left;
        padding: 10px 0 5px 0;
        background:rgba(0,0,0,.4);
        width:100%;
        transition:all .3s linear;
        -webkit-transition:all .3s linear;
        -moz-transition:all .3s linear;
    }

    footer div span.blog {
        float:left;
        margin-top:-2px;
    }

        footer div.support-info {
            margin-left:20px;
            color:#808080;
        }

            footer div.support-info a {
                color:#808080;
            }

        footer div span.blog a {
            /*padding-left:10px;*/
        }

    footer div ul {
        float:right;
        margin-right:10px;
        margin:0;
    }

        footer div ul li {
            float:left;
            margin-right:20px;
            margin-bottom:0;
        }

            footer div ul li a {
                color:#808080;
                font-size:11px;
            }

    footer div.copyright {
        float:right;
        clear:both;
        color:#808080;
        border:none;
        margin-top:0;
        margin-right:10px;
        padding-top:0;
        font-size:10px;
    }

    footer > div:hover {
        background:#4B3F95;
        transition:all .3s linear;
        -webkit-transition:all .3s linear;
        -moz-transition:all .3s linear;
    }

        footer > div:hover *,
        footer > div:hover div.support-info a {
            color:#ffffff;
            transition:all .15s linear;
            -webkit-transition:all .15s linear;
            -moz-transition:all .15s linear;
        }

        footer > div:hover a:hover,
        footer > div:hover div.support-info a:hover {
            color:#276074;
            transition:all .15s linear;
            -webkit-transition:all .15s linear;
            -moz-transition:all .15s linear;
        }


/* -----------------------------------------
   Event Index
----------------------------------------- */

    div.event-index h6 {
        font-weight: bold;
        padding: 10px 12px;
    }

        div.event-index h6 a {
            font-weight:normal;
            font-size:11px;
        }

    div.event-index div.user-profile {
        position: absolute;
        padding: 0 0 20px 0;
        width: 180px;
        margin-top: 15px;
        top: 0;
        right: 150px;
        z-index: 1;
    }

        div.event-index div.user-profile div.inner {
            float:left;
            width:100%;
            position:relative;
        }

        div.event-index img.avatar {
            float:left;
            width: 150px;
            height: 150px;
            margin:0 0 6px 12px;
            border-radius:0;
            border: 1px solid #e5e5e5;
        }

            div.event-index a.edit-profile {
                position: absolute;
                font-size: 11px;
                margin-top: 4px;
                top: 84px;
                left: 0;
                padding: 0 5px 0 12px;
                opacity: 1;
            }

        div.event-index div.user-profile .qq-upload-button {
            margin: -26px 0 -10px 12px;
            float: left;
            clear: both;
            font-size: 10px;
            padding: 1px 0 1px 1px;
            background: rgba(000, 000, 000, .6);
            color: #fff;
            text-shadow: none;
            font-weight: bold;
            border: none;
            border-radius: 0;
            display: none;
            width: 48px;
        }

            div.event-index div.user-profile div.left:hover .qq-upload-button {
                display: block;
            }

                div.event-index div.user-profile .qq-upload-button:hover {
                    color:#808080;
                }



    div.event-index div.event-profile a.btn {
        float: right;
        margin: 57px 54px 0 0;
        font-weight: bold;
    }

    div.event-index ul.user {
        float:left;
        width:auto;
        margin:18px 0 0 12px;
        line-height:14px;
    }

        div.event-index ul.user li {
            padding:0;
            margin:0;
            clear:both;
            font-size:12px;
        }

            div.event-index ul.user li b {
                font-size:16px;
                float:left;
                margin-bottom:5px;
            }

    div.event-index div.event-profile h3 {
        margin:20px 0 0 20px;
    }

        div.nine.columns.contact-search {
            margin-left:0;
        }

        input.event-search {
            margin:6px 0 30px 0;
        }
            input.event-search {
                width:706px;
            }

        ul.search-filter {
            right: 0;
            top: 56%;
            position: absolute;
            width: 327px;
        }

            ul.search-filter li {
                margin-right:10px;
            }

            ul.search-filter li label {
                cursor:pointer;
            }

    div.event-index div.event-section {
        width: 1000px;
        margin-top: 0;
        min-height: 600px;
        background: none;
    }

    div.event-index ul.filter,
    div.event-index ul.recent-activity {
        margin: 0;
        color:#808080;
        float:left;
        width:100%;
    }


    div.event-index ul.filter {
        border-top:1px solid #e5e5e5;
        padding-left:0;
    }

        div.event-index ul.filter.events {
            border-bottom:none;
        }

        div.event-index ul.filter.open.events {
            border-bottom:1px solid #e5e5e5;
        }

        div.event-index ul.filter.contacts {
            padding-left:0;
        }

        div.event-index ul.filter li {
            font-weight:bold;
            border-top:1px solid #ffffff;
            border-bottom:1px solid #e5e5e5;
            float:left;
            width:100%;
            margin:0;
            position:relative;
        }

        div.event-index ul.filter li.indented {
                display:none;
            }

                div.event-index ul.filter.open li.indented {
                    display:block;
                }

        div.event-index ul.filter li a {
            padding: 8px 12px;
            float:left;
            width:90%;
            font-size:16px;
            color:#808080;
            font-family:'GibsonSemiBoldItalic';
        }
            div.event-index ul.filter li a span.number {
                float: right;
                border-radius: 4px;
                padding: 0 8px;
                background: #e5e5e5;
                text-shadow: 1px 1px 0 #ffffff;
                box-shadow: -1px -1px 0 #C8C5C2;
                color:#808080;
            }

                div.event-index ul.filter li:hover a span.number {
                    background:#808080;
                    text-shadow:1px 1px 0 #4B3F95;
                    box-shadow:-1px -1px 0 #4B3F95;
                    color:#ffffff;
                }

                div.event-index ul.filter li.selected a span.number,
                div.event-index ul.filter li.selected:hover a span.number {
                    background:#d4ebef;
                    text-shadow:1px 1px 0 #ffffff;
                    box-shadow:-1px -1px 0 #4B3F95;
                    color:#4B3F95;
                }

            div.event-index ul.filter li:hover,
            div.event-index ul.recent-activity li.title:hover {
                background:#d4ebef;
                cursor:pointer;
            }

                div.event-index ul.filter li:hover a,
                div.event-index ul.recent-activity li.title:hover b {
                    color:#4B3F95;
                }

            div.event-index ul.filter li.title,
            div.event-index ul.recent-activity li.title {
                border-top-left-radius: 4px;
                border-top-right-radius: 4px;
                border-bottom-right-radius: 0;
                border-bottom-left-radius: 0;
                border-bottom:1px solid #e5e5e5;
                margin-bottom:10px;
                padding:0;
                width:100%;
                float:left;
            }

                div.event-index ul.filter li.title b,
                div.event-index ul.recent-activity li.title span.title-wrap {
                    float:left;
                    border-bottom:1px solid #e5e5e5;
                    width:100%;

                }

                    div.event-index ul.recent-activity li.title b {
                        padding: 4px 12px;
                        font-size:14px;
                        float:left;
                        border-top:1px solid #ffffff;
                        width:87%;
                    }

                        div.event-index ul.recent-activity li.title b img {
                            margin-top:4px;
                            cursor:pointer;
                        }

            div.event-index ul.filter li.selected {
                background:#808080;
                padding-top:1px;
                border-top:1px solid #ffffff;
                border-bottom:1px solid #734CDA;
                text-shadow:-1px -1px 0 #734CDA;
            }

                div.event-index ul.filter li.selected a,
                div.event-index ul.filter li.selected a:hover {
                    color:#ffffff;
                    font-weight:bold;
                }

        div.event-index ul.recent-activity {
            border-bottom:1px solid #ffffff;
            margin-left:0;
            width:100%;
            margin-bottom:30px;
        }

            div.event-index ul.recent-activity li {
                position:relative;
                float:left;
            }

            div.event-index ul.recent-activity li.title {
                border-bottom:1px solid #FEFDFA;
                margin-left:0;
            }

            div.event-index ul.recent-activity li.first {

            }

            div.event-index ul.recent-activity li {
                padding:0 8px 6px 18px;
                border-bottom:1px dashed #e5e5e5;
                width:88%;
                margin-bottom:6px;
            }

            div.event-index ul.recent-activity li span {
                float:left;
            }

            div.event-index ul.recent-activity li.time {
                font-size:10px;
                color:#808080;
            }

            div.event-index ul.recent-activity li.last {
              border-bottom:1px solid #e5e5e5;
              margin-bottom:0;
            }

        .recent-activity .time{
                clear:both;
                color:#808080;
                font-size:11px;
                float:left;
                margin-left:14px;
         }

        .feed-img-icon {
               position: absolute;
               left: 15px;
               bottom: 7px;
               width: 16px;
               opacity: 0.6;
        }

        .feed-img-icon.person {
           bottom: 10px;
           left: 18px;
           width: 8px;
        }

        div.event-index ul li.indented {
            border-top:none;
            border-bottom:none;
            font-weight:normal;
        }

            div.event-index ul li.indented.first {
                border-top:1px solid #FEFDFA;
            }

            div.event-index ul li.indented.last {
                margin-bottom:15px;
            }



            div.event-index ul li.indented a{
                padding:0 0 0 22px;
                font-size:12px;
                margin-top:3px;
            }

                div.event-index ul li.indented:hover {
                    background:none;
                }

                div.event-index ul li.indented:hover a {
                    color:#FFCD20;
                }

        div.event-index ul li.indented.active-sort{
            font-weight:bold;
        }


            div.event-index ul li img.larr-shadow {
                display:none;
                position:absolute;
                right:0;
                top:9px;
                z-index:9999;
            }

            div.event-index ul li.selected img.larr-shadow {
                display:block;
            }

            div.event-index ul li.indented.active-sort:hover {
                font-weight:bold;
                text-decoration:none;
                color:#808080;
            }

            div.event-index ul li.indented.active-sort:hover a {
                font-weight:bold;
                color:#808080;
                text-decoration:none;
            }

        div.event-index ul.filter.contacts {
            border-top:none;
        }

            div.event-index ul.open.filter.contacts {
                border-bottom:1px solid #e5e5e5;
            }

    div.event-index div.extras {
        float: left;
        margin: 10px;
        width: 170px;
        display: block;
        padding: 10px;
        background: #e5e5e5;
        border-radius: 8px;
        border: 1px solid #e5e5e5;
    }

        div.event-index div.extras ul {
            margin-left: 16px;
            margin-top: 10px;
        }

        div.event-index div.extras ul li {
            margin:0;
            list-style: circle;
        }

    div#all-events.nine.columns {
        margin-left: 0;
        padding-left: 29px;
        min-height: 640px;
        background: #ffffff;
        width: 747px;
    }

        div#all-events h4 {
            float:left;
            font-family:'Lato', sans-serif;
            color: #1a1a1a;
        }
        div#all-events h4.header{
            font-size: 30px;
            margin-top: 20px;
        }

            div#all-events h4.your-profile {
                margin:17px 0 20px 0;
            }

        div#all-events a.orange.btn{
            margin-top:29px;
            margin-bottom:8px;
            float:right;
            font-weight: bold;
            margin-right: 30px;
            color:#fff !important;
        }
        div#all-events a.blue.btn {
            float:right;
            font-weight: bold;
            color:#fff !important;
            margin-top:29px;
            margin-bottom:8px;
            margin-right:1.3%;
            border:1px solid #734CDA;
        }
        div#all-events a.blue.btn:hover {
            background:#4B3F95 !important;
        }
            div#all-events a.orange.btn:visited, div#all-events a.blue.btn:visited {
                color:#ffffff;
            }

        div.notes-box {
            width:100%;
            clear:both;
        }

            div.notes-box textarea {
                width:104%;
                border-radius:4px;
                resize:none;
                border:1px solid #e5e5e5;
            }

            div.notes-box .green-button {
                float:right;
                margin-right: -21px;
                margin-top: -4px;
                margin-bottom: 10px;
            }

        div#all_notes {
            width:103%;
        }

            div.note_text {
                border-bottom:1px dotted #e5e5e5;
                padding:15px 0;
                position:relative;
            }

            span.note_created {
                float: right;
                margin: 0;
                opacity: .6;
            }

            span.note_edit {
                float:left;
                margin-right:10px;
                cursor:pointer;
                width:11px;
                height:11px;
                border-top:none;
            }

                span.note_edit .delete_img {
                    padding-top:3px;
                }

            div.noteWidth {
                float:left;
                width:80%;
            }

            div.note_text div.note-actions {
                left:-19px;
                padding:0 0 10px 4px;
            }


            div#all_notes div.actions {
                margin-top:-20px;
            }

        div#main-edit {

        }

            div#main-edit h4 {
                margin-top: -30px;
                margin-bottom: 20px;
            }

            div#main-edit h2 {
                font-size: 24px;
                margin-bottom: 20px;
            }

            div.contact-add div.imgLrg img {
                float:left;
                clear:left;
                width:150px;
                height:150px;
                margin:18px 0 6px 2px;
            }

            div.contact-add div.imgLrg a#profile_photo_link {
                clear:left;
            }

            div.contact-add div.imgLrg input#profile_photo_upload {
                width:20px;
                float:left;
                clear:left;
                opacity:.001;
            }

            div.imgLrg {
                float: left;
                margin-right: 20px;
                clear: left;
                position: fixed;
                right: 50%;
                top: 50px;
                margin-right: -306px;
                z-index: 12;
                background: #fff;
                width: 156px;
                padding-top: 60px;
            }

                div.imgLrg .letter {
                    left: 5px;
                    top: 88px;
                }

            .other-option {
                font-size:14px;font-weight:normal;
            }

            .contacts-head {
                margin-top: 20px;
                margin-bottom: 30px;
                float: left;
            }

            #profileImageUploader2 {
                position: fixed;
                z-index: 12;
                top: 70px;
                width: auto;
                right: 50%;
                margin-right: -302px;
                display: none;
            }

                #contact-profile-img:hover #profileImageUploader2 {
                    display: block;
                }

                #profileImageUploader2 .qq-upload-button.gray {
                    position: relative;
                    overflow: hidden;
                    border: none;
                    width: 134px;
                    height: 136px;
                    background: rgba(0,0,0,0.8);
                    line-height: 133px;
                    text-align: center;
                    text-shadow: none;
                    color: #fff;
                    font-size: 14px;
                    margin: 29px 0 0 0;
                }

        .account-info-header{
            margin-bottom:30px;
        }

#entry-form.pw-reset {
    text-align: center;
    font-family: 'GothamBook';
    color: #1a1a1a;
}

#entry-form.pw-reset h4{
    font-family: 'GothamMedium';
}

#entry-form.pw-reset .pw-reset-info{
    padding: 1em;
}

#entry-form.pw-reset .admin_text{
    color: #734CDA;
}

#entry-form.pw-reset form input[type="submit"] {
    float: none;
}

        .forgot-pw{
           min-height:400px;
           margin-left:50px;
        }
        .forgot-pw input{
            width:250px;
        }
        .forgot-pw .go-back span{
            float:left;
        }
        .forgot-pw .go-back a{
            /*font-weight:bold;*/
            margin: 0 0 0 5px;
        }

        form.pw-reset label {
            margin:10px 0 0 0;
        }

        form.pw-reset input {
            margin:0 0 5px 0;
        }

    div.results-text {
        margin: 0;
        float: left;
        position: fixed;
        top: 150px;
        right: 50%;
        margin-right: -336px;
        z-index: 11;
    }

    .paginate-links {
        clear: both;
        display: block;
        float: left;
        color: #fff;
        font-size: 1px;
        width: 582px;
        margin: 40px 0;
        position: relative;
        margin-left: 1px;
    }

        .paginate-links span.current,
        .paginate-links span a {
            background: #fafafa;
            color: #1a1a1a;
            padding: 4px 10px;
            border-radius: 1px;
            font-size: 14px;
            font-weight: normal;
            margin-right: 1px;
        }

            .paginate-links a:hover,
            .paginate-links span:hover,
            .paginate-links span:hover a {
                background: #4B3F95;
                color: #fff;
            }

        .paginate-links span.current {
            background: #1a1a1a;
            color: #fff;
            font-weight: bold;
        }

/* event index first-view */

    div#all-events div.firstView {
        width:85%;
        padding: 10px;
    }


        div#all-events div.firstView h3  {
            color:#1a1a1a;
            width:100%;
            position: relative;
        }

            div#all-events div.firstView a.orange.btn {
                font-size:16px;
                float: none;
                clear:both;
            }

            div#all-events div.firstView h3 img {
                width:65px;
                float:left;
            }

            div#all-events div.firstView h3 span {
                float:left;
                margin:3px 0 0 10px;
            }

        div#all-events div.firstView p {
            margin-left:78px;
        }

            div#all-events div.firstView p btn {
                font-weight:bold;
            }

    div#all-contacts div.firstView {
        margin-top:0px;
        padding:20px;
    }

        div#all-contacts div.firstView p {
            margin-left:2px;
        }

        div#all-contacts div.firstView div.actions {
            position: absolute;
            top: 40px;
            left: 115px;
            font-size:16px;
            padding:8px 15px;
        }

        div#all-contacts div.firstView p.subCopy {
            width:160px;
        }
        div#all-contacts h2.tag-results{
            text-align:center;
            padding:0 0 20px;
            font-family: 'GibsonSemiBoldItalic';
        }

    div.startHere div img {
        width:100px;
    }
    .splash-webpage-mock{
        box-shadow: 0 1px 6px #808080;
        clear: both;
        width: 250px;
        line-height:0;
        border-radius:4px;
    }
    .splash-thumbnail{
        width:250px;
        border-bottom-right-radius:4px;
        border-bottom-left-radius:4px;
    }
    .splash-url{
        padding:4px;
        background: #ffffff;
        color:#734CDA;
        text-align: center;
        font-weight:bold;
        line-height:23px;
    }

    div.splash-alert{
            background: none repeat scroll 0 0 #734CDA;
            border-radius: 5px;
            box-shadow: 2px 2px 2px #e5e5e5;
            color: #FFFFFF;
            font-weight: bold;
            padding: 10px 0;
            text-align: center;
            text-shadow:1px 1px 0 #1a1a1a;
            margin-bottom:25px;
        }
        div.splash-alert h4{
            color:#ffffff;
        }


/**** Admin Splash ****/

    div#section-top-util,
    div#splash-admin-section {
        float:left;
        width:100%;
        min-height:55px;
    }

        div#section-top-util {
            margin:-30px 0 30px 0;
            position: relative;
            z-index:1;
        }

        div#section-top-util .green,
        div#splash-admin-section .green {
            /*float: right;
            margin:11px 20px 0 0;*/
            position: absolute;
            top:10px;
            right:2.4%;
        }

    div#collab-add-section a#submit-collabs{
        clear:both;
    }

        div#section-top-util h4,
        h4.splash-head {
            margin-top:18px;
            margin-left:20px;
            float:left;
            line-height:18px;
            font-family:'ApexSansBold';
        }

            h4.splash-head small {
                font-size:12px;
            }

                div.twitter-settings span.hash-tags {
                    font-size:13px;
                }

    div.eventInfo {
        background:#f8f7f4;
        border-radius:6px;
        padding: 10px;
    }

        div.eventInfo h5 {
            border: none;
        }

        .rsvp-contain .header-bar h4 {
            color: #fff;
        }


        .noone-rsvped {
            background: #ffffff;
            width: 942px;
            padding-top: 105px;
        }

        #checkin-button{
            position: absolute;
            right: 10px;
            top: -40px;
            z-index: 1;
        }

        .rsvps .parent.invites.invitesFocus {
            height: 520px;
        }

            div.photo-upload {
                float:right;
                margin:0 10px 0 0;
                position: relative;
            }
            #user-rsvp-lists li a span:last-child{
                color:#808080;
                font-size:14px;
                padding-right:10px;
            }

                div.rsvp-control {
                    float:right;
                    margin: 3px 18px 0 0;
                    position: relative;
                }
            div.rsvp-control.closed{
                text-shadow:1px 1px 0 #cc0000;
                border:1px solid #cc0000;
                background:#F76969;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F76969', endColorstr='#cc0000'); /* for IE */
                background: -webkit-gradient(linear, left top, left bottom, from(#F76969), to(#cc0000)); /* for webkit browsers */                    background: -moz-linear-gradient(top,  #EDEDED,  #D0D0D0); /* for firefox 3.6+ */
                background: -moz-linear-gradient(top,  #F76969,  #cc0000); /* for firefox 3.6+ */

            }

            div.rsvp-control.closed:hover {
                background:#cc0000;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc0000', endColorstr='#F76969'); /* for IE */
                background: -webkit-gradient(linear, left top, left bottom, from(#cc0000), to(#F76969)); /* for webkit browsers */                    background: -moz-linear-gradient(top,  #EDEDED,  #D0D0D0); /* for firefox 3.6+ */
                background: -moz-linear-gradient(top,  #cc0000,  #F76969); /* for firefox 3.6+ */
            }


                div.rsvp-control a {
                    float:left;
                    padding-right: 20px;
                    border-radius:4px;
                    color:#808080;
                    position: relative;
                }
                div.rsvp-control li.half a{
                    padding-left:5px;
                }
                div.rsvp-control a.current{
                    color:#ffffff;
                }

                    div.rsvp-control a span {
                        padding-left:10px;
                    }

                    div.rsvp-control a span.open {
                        color:#ffffff;
                    }

                    div.rsvp-control a span.closed {
                        color:#ffffff;
                    }

                    div.rsvp-control a span.dwn-arrow {
                        position: absolute;
                        top:7px;
                        right:0px;
                        border-top:4px solid #595959;
                        border-right:4px solid transparent;
                        border-left:4px solid transparent;
                        padding: 0;
                    }

            div.rsvps a.download {
                margin: 5px 10px 0 0;
                float: right;
                padding: 5px;
                font-size: 12px;
                font-weight:normal;
              }
              div.rsvps a.download img {
                margin-top: 4px;
                float: left;
                margin-right: 3px;
              }

                div.rsvps a.download.send-rsvp-email img {
                    margin-top:5px;
                }
            div.rsvps span.download{
                margin: 5px 5px 0 5px;
        color: #808080;
            }

            div.rsvp-control ul,
            div.photo-upload ul,
            div.custom-drop ul {
                float: left;
                display: none;
                position: absolute;
                top: 19px;
                left: -1px;
                background-color: #e5e5e5;
                width: 200px;
                border: 1px solid #808080;
                border-top-right-radius: 4px;
                border-bottom-right-radius: 4px;
                border-bottom-left-radius: 4px;
                z-index: 200;
                box-shadow: 0 4px 6px rgba(0,0,0,.1);
            }
                div.rsvp-control ul:hover,
                div.photo-upload ul:hover {
                    display: block;
                }

                div.rsvp-control ul li,
                div.photo-upload ul li {
                    margin: 0;
                    float:left;
                    clear: both;
                    width:198px;
                    border-radius:none;
                    margin-left:1px;
                }

                    div.rsvp-control ul li.current,
                    div.rsvp-control:hover ul {
                        /*display: block;*/
                    }

                    div.rsvp-control ul li.half {
                        width:48%;
                        clear:none;
                        padding: 5px 0;
                        text-shadow:none;
                    }

                        div.rsvp-control ul li.half:hover {
                            background:#00865E;
                        }

                            div.rsvp-control ul li.half:hover a {
                                color:#ffffff;
                            }

                        div.rsvp-control ul li.half.right {
                            float: right;
                        }

                            div.rsvp-control ul li.half.right:hover {
                                background:#DD2C00;
                                border-top-right-radius:4px;
                            }

                    div.rsvp-control ul li:hover,
                    div.rsvp-control ul li ul li:hover {
                        background-color:#e5e5e5;
                    }

                    div.rsvp-control ul li.top-border {
                        border-top:1px solid #e5e5e5;
                        padding-top:4px;
                        color:#1a1a1a;
                        text-shadow:none;
                    }

                        div.rsvp-control ul li.no-bg:hover {
                            background-color:transparent;
                        }

                    div.rsvp-control ul li a,
                    div.rsvp-control ul li ul li a {
                        background-color: transparent;
                        width:100%;
                        border-radius:none;
                        float: left;
                        clear:both;
                    }
                    div.rsvp-control input.rsvp-limit{
                        width:30px;
                        height:10px;
                        text-align:right;
                    }

                        div.rsvp-control ul li a:hover,
                        div.rsvp-control ul li ul li a:hover {
                            color: #1a1a1a;
                        }

                    div.rsvp-control ul li ul {
                        position: relative;
                        top:0;
                        background-color: transparent;
                        border:none;
                        margin: 0;
                        display: block;
                        box-shadow:none;
                        padding-bottom:2px;
                    }

                        div.rsvp-control ul li ul li a {
                            padding-left: 20px;
                            line-height: 21px;
                            text-shadow:none;
                        }

                div.rsvps table tbody tr td.inner-wrap {
                    padding: 0;
                    border: 0;
                }

            div.rsvps th {
                border:none;
                cursor: pointer;
            }
            div.rsvps th.edit{
                cursor:default;
            }

            div.ajax-table-loading{
                opacity:0.6;
                transition:all .15s ease-in;
                -webkit-transition:all .15s ease-in;
                -moz-transition:all .15s ease-in;
            }

            div.rsvps .headerSortDown,
            div.rsvps .headerSortUp {
                text-decoration:underline;
                background-color: #734CDA !important;
                color:#FFFFFF;
                text-shadow:none;
            }

                div.rsvps .headerSortDown:before,
                div.rsvps .headerSortUp:before {
                    float: right;
                    display: inline-block;
                    margin-top: 8px;
                    margin-right: 8px;
                    content: '';
                    border-top:4px solid #595959;
                    border-right:4px solid transparent;
                    border-left:4px solid transparent;
                }

                div.rsvps .headerSortUp:before {
                    border-top:none;
                    border-bottom:4px solid #595959;
                }

            div.rsvps td {
                vertical-align:middle;
                padding:0 10px;
                word-break: break-word;
            }

            #empty-invites-table{ position: absolute; text-align: center; width: 100%; top: 40%; font-weight: bold; color: #808080; font-size: 16px; }

            div.rsvps th.notes {border-right: 1px solid #e5e5e5;}

                div.rsvps td.notes {border-right:1px solid #e5e5e5;}

            div.rsvps table tbody tr td.editing_cell.delete,
            div.rsvps table tbody tr td.editing_cell.delete:hover {
                background: #e5e5e5;
                width:14px;
                padding: 10px 2px;
                border-bottom:1px solid #e5e5e5;
            }

            div.rsvps table tbody tr:hover td.editing_cell.delete {
                background:#e5e5e5 url(images/deletebtn.png) 2px 12px no-repeat;
            }

            div.rsvps table tbody tr#empty-row td {
                vertical-align:middle;
                padding:20px;
            }

            div.rsvps table tbody tr.not-attending {
                background:#f9e5e5;
            }

        div#eventPhotoUpload div.upload-wrap {
            position:absolute;
            width:930px;
            left:0;
            bottom:-45px;
            padding:10px;
            border-bottom-right-radius:6px;
            border-bottom-left-radius:6px;
            background-color: #e5e5e5;
            border-top:1px solid #E6E5E0;
        }

            .tools ul li a {
                float:left;
                width:100%;
            }

            .tools ul li a.edit {
                padding: 0;
            }

    input#theme-adder {
        margin-right: 1rem;
    }

    select {
        border: 1px solid #E5E5E5;
        border-radius: 4px;
        color: #1A1A1A;
        background-color: transparent;
        padding: 8px !important;
    }

/**** Admin Splash End ****/
    /* domain create */
   /* site build */

    label.checkbox {
        /*padding-left: 25px;*/
        margin-bottom: 2px;
        transition:all .15s linear;
        -webkit-transition:all .15s linear;
        -moz-transition:all .15s linear;
        -o-transition:all .15s linear;
    }
        label.checkbox:hover {
            color:#4B3F95;
        }

        label.checkbox {
            margin: 10px 20px 10px 0;
            color:#e5e5e5;
            display: inline-block;
        }

    label.checkbox input[type="checkbox"] {

    }

    span.optional {
        opacity:.5;
    }

    .twitter-connect-large {
        margin-bottom:10px !important;
    }

        div.fields p {
            width:60%;
            margin-top:10px;
            color:#808080;
        }
            div.section.photo div.fields p {
                margin-top:-20px;
            }

            div.fields p.error-msg {
                width:100%;
                color:#DD2C00;
            }

           label#makeItPrivate {
                font-size:15px;
                background: #e5e5e5;
                padding: 10px 20px 10px 10px;
                border-radius: 6px;
                border: 1px solid #e5e5e5;
                margin:22px 0 -5px -10px;
            }

            div.fields.url input[type="checkbox"] {
                width:auto;
                margin:0 10px 0 0;
            }

                label#makeItPrivate i.icon-lock {
                    font-size: 24px;
                    position: relative;
                    top: 0;
                }

            div.fields input.error-border {
                border:1px solid #DD2C00 !important;
                box-shadow:0 0 4px #DD2C00 !important;
            }

    div.fields div#privateSettings{
        float: left;
        clear:left;
        width:615px;
        background:#e5e5e5;
        margin-bottom:0;
        margin-left:-10px;
        border-radius:0 6px 6px 6px;
        padding: 20px 10px 10px 10px;
        color:#ffffff;
        box-shadow:1px 2px 4px rgba(0,0,0,.2);
    }

            div.fields div#privateSettings input {
                float:left;
                margin: 0 20px 10px 10px;
                width:158px !important;
                background:#fff;
                text-align:left;
                padding-left:10px;
                font-size:21px;
            }

                div.fields div#privateSettings input:before{
                    display: inline-block;
                    float: left;
                }



                div.fields div#privateSettings input[type="radio"] {
                    width:auto !important;
                    margin-right:10px;
                }

            div.fields a.private-tip {
                float:left;
                position: relative !important;
                left:-25px;
            }

                div.fields div#title-chars {
                    position: absolute;
                    right: 0;
                    top: 48px;
                }

                div.fields div#description-chars {
                    position: absolute;
                    bottom: 36px;
                    right: 0;
                }

                label.splash-publish {
                    float: left;
                    clear: both;
                    background:#1a1a1a;
                    padding:12px 10px 3px 10px;
                    line-height: 0;
                    margin: 20px 0 0 0;
                    color: #fff;
                    border-radius: 6px;
                    margin-left:38px;
                    transition:all .15s ease-in;
                    -webkit-transition:all .15s ease-in;
                    -moz-transition:all .15s ease-in;
                }

                    label.splash-publish:hover {
                        background:#4B3F95;
                        transition:all .15s ease-in;
                        -webkit-transition:all .15s ease-in;
                        -moz-transition:all .15s ease-in;
                    }

                    label.splash-publish input[type="checkbox"] {
                        margin:0;
                    }

    div#event-length {
        float:left;
        background:#808080;
    }

    span.separator{
        float:left;
        margin-top:6px;
        margin-left:3px;
    }

    #venue-tbd-checkbox{
        margin-top:3px !important;
        margin-right:6px !important;
        margin-left:10px;
        width:auto !important;
        float: left;
        font-weight:normal;
    }

    a.address-search,
    a.google-search {
        margin-top: 5px;
        margin-left: 2px;
        color: #fff;
        font-size: 12px;
        background: #808080;
        padding: 2px 6px;
        border-radius: 4px;
        transition:all .15s linear;
        -webkit-transition:all .15s linear;
        -moz-transition:all .15s linear;
    }

        a.address-search:hover {
            background:#4B3F95;
        }

    div#map-container, div#map-cover {
        width: 400px !important;
        height: 200px !important;
        position: relative;
        background-color: #e5e5e5;
        overflow-x: hidden;
        overflow-y: hidden;
        float: right;
        border-radius: 6px;
        border: 1px solid #e5e5e5;
    }
    div#map-cover {
    clear:right;
    margin-top: -182px;
    width: 402px !important;
    height: 202px !important;
    background-color: #ffffff;
    border: none;
    }

        div#map-tbd {
            position: absolute;
            right: 59px;
            top: 102px;
            font-size: 28px;
            font-weight: bold;
            z-index: 2;
            text-shadow: 0 0 20px #1a1a1a;
        }

    div.box{
        border-radius:6px;
        float:left;
        width:100%;
    }

        div.box.venue {
            float:left;
        }

            div.box.venue div.box-content {
                float:left;
                width:350px;
            }
    div.box.venue div.venuePreview{
        display: none;
        width: 350px;
        float: left;

    }

            div.venuePreview {
                float: right;
                display: none;
                margin-top: -39px;
                width: 370px;
                background-color: #fff;
                padding: 7px 15px 8px;
                overflow: hidden;
                white-space: nowrap;
                border-radius: 4px 4px 0 0;
                margin-bottom: 15px;
                margin-right: -13px;
                box-sizing:border-box;
                box-shadow: 0 4px 8px -2px rgba(0,0,0,.2) inset;
            }

            div.box.venue div.box-content a.address-search {
                margin-top:6px;
            }

    div.box .header{
        font-weight:bold;
        border-bottom:1px solid #e5e5e5;
        padding:10px;
        display:none;
    }
    div.box-content{
        margin-top:0;
    }
    div.box-content label{
        font-weight:normal;
        margin-top:5px;
        margin-bottom: 4px;
        color: #808080;
    }

    div#sponsorLogoContainer {
        float:left;
    }

    div.box-content .logo-box {
        float: left;
        margin: 4px 5px;
        border: 1px solid #e5e5e5;
        width:124px;
        padding:5px;
        border-radius:6px;
        background:#e5e5e5;
    }

        div.box-content .logo-box.add-another {
            background:none;
            text-align: center;
            font-weight: bold;
            opacity: 0.6;
            -moz-opacity: 0.6;
            filter:alpha(opacity=6);
            cursor: pointer;
            margin-top: 31px;
            margin-left:3px;
            width: 95px !important;
            padding: 11px 4px;
            margin-bottom:68px;
            color:#595959;
            text-shadow:1px 1px 0 #ffffff;
        }

            div.box-content .logo-box.add-another:hover {
                opacity:1;
                -moz-opacity:1;
                filter:alpha(opacity=1);
            }

        div.box-content .logo-box .logo-upload span {
            display:none;
        }

        div.box-content .logo-box {
            float:left;
        }

            div.box-content .logo-box select {
                float:right;
                margin:0;
                width:124px;
                position: absolute;
                top: 0;
                right: 0;
            }

        div.box-content .logo-box .logo-upload {
            position:relative;
            float: left;
            width: 100%;
            min-height:208px;
        }

        div.box-content .logo-box .logo-upload img {
            width: 124px;
            float: right;
            position: relative;
            margin:30px 0 20px 0;
            z-index: 1;
            clear:right;
            background:#ffffff;
        }

        div.box-content .logo-box .logo-upload div.qq-uploader .qq-upload-button {
            margin: 0;
        }

        div.box-content .logo-box .logo-upload div.qq-uploader div.qq-upload-drop-area {
            float: right;
            width: 120px;
            position: relative;
            top: 0;
            right: 0;
            margin-top: 30px;
            margin-bottom: 10px;
            height: 39px;
        }


            div.box-content .logo-box .logo-upload div.qq-uploader div.qq-upload-drop-area {
                display: block !important;
            }

            div.box-content .logo-box.has-image .logo-upload div.qq-uploader div.qq-upload-drop-area {
                display: none !important;
            }

        div.box-content .logo-box .logo-upload div.qq-uploader ul.qq-upload-list {
            margin:0;
        }

        div.sponsorship-section div.box-content{
            max-width:590px;
        }

        div.box-content.logos .logo-box .logo-upload { min-height: 102px; }
        div.box-content.logos .logo-box { width: 88px; }
        div.box-content.logos .logo-box .logo-upload div.qq-uploader div.qq-upload-drop-area { float: none;margin-top: -138px;width: 84px;height: 16px;margin-bottom: 5px;}
        div.box-content.logos .logo-box .logo-upload div.qq-uploader div.progress-bar-holder,
        div.box-content.logos .logo-box .logo-upload div.qq-uploader div.progress-bar { width: 86px; }
        div.box-content.logos .logo-box .logo-upload div.qq-uploader div.upload-file-form { top: 68px; left:0px; }
        div.box-content.logos .logo-box .logo-upload div.qq-uploader div.qq-upload-button { width: 82px; text-align: center; padding:2px;}
        div.box-content.logos .logo-box .logo-upload div.qq-uploader a.qq-upload-cancel { position: absolute; top: 92px; left: 48px; }
        div.box-content.logos .logo-box .logo-upload div.qq-uploader span.qq-upload-size { display: none !important; }
        div.box-content.logos .logo-box .logo-upload .logo-wrapper .mask { position: relative; height: 88px; width: 88px; margin-bottom:57px; overflow: hidden;
        background: url("https://d24wuq6o951i2g.cloudfront.net/images/x.gif") no-repeat scroll center center transparent; border-radius:4px;}
            div.box-content.logos .logo-box.has-image .logo-upload .logo-wrapper .mask {margin-bottom:-7px;}
        div.box-content.logos .logo-box .logo-upload .logo-wrapper .mask  img { display: none; }
        div.box-content.logos .logo-box .logo-upload .logo-wrapper:hover a.removeLogo { display: inline-block; }
        div.box-content.logos .logo-box .logo-upload .logo-wrapper a.removeLogo {
            position: absolute;
            top: 61px;
            right: 0;
            z-index: 1;
            background: #DD2C00;
            padding: 0 16px;
            border-bottom-left-radius: 6px;
            color: #fff;
            border-bottom-right-radius: 6px;
            border-top: 1px solid rgba(255, 255, 255, .6);
            display:none;
            width: 55px;
        }

        #no-twitter-options {
            float:left;
            margin-right:30px;
        }

            #no-twitter-options input.host-name {
                width: 170px;
                float: left;
                margin-top: 27px;
                margin-bottom: 8px;
                font-size: 18px;
                padding: 14px;
                border-radius: 6px;
                transition: all .15s linear;
                -webkit-transition: all .15s linear;
                -moz-transition: all .15s linear;
                border: 1px solid #e5e5e5 !important;
            }

                #no-twitter-options input.host-name:hover {
                    background:#e5e5e5;
                    transition:all .15s linear;
                    -webkit-transition:all .15s linear;
                    -moz-transition:all .15s linear;
                }
                #no-twitter-options input.host-name:focus:hover {
                    background:#ffffff;
                }

                    #no-twitter-options input.host-name:focus {
                        border:1px solid #4B3F95 !important;
                    }

                #no-twitter-options div.box-content .logo-box {
                    width:70px;
                    height:80px;
                    margin:2px 0 0 0;
                    float:left;
                    clear:left;
                    padding:0 12px 0 0;
                    border-radius:6px 0 0 6px;
                }

                    #no-twitter-options .logo-upload {
                        min-height:45px;
                    }

                    #no-twitter-options div.qq-upload-drop-area {
                        margin:10px auto 0 auto;
                        float:none;
                        width:116px;
                        height:68px;
                        display: none !important;
                    }

                    #no-twitter-options div.box-content .logo-box .logo-upload div.qq-uploader .qq-upload-button {
                        margin:0;
                        padding: 1px 3px;
                        position: absolute !important;
                        top: 5px;
                        left: 4px;
                        background: #808080;
                        color: #fff;
                        text-shadow: none;
                        font-size: 14px;
                        height: 53px;
                        width: 64px;
                        white-space: normal;
                        text-align: center;
                        padding-top: 14px;
                        font-weight: bold;
                        transition:all .15s linear;
                        -webkit-transition:all .15s linear;
                        -moz-transition:all .15s linear;
                    }

                        #no-twitter-options div.box-content .logo-box .logo-upload div.qq-uploader .qq-upload-button input {
                            height:65px;
                        }

                        #no-twitter-options div.box-content .logo-box .logo-upload div.qq-uploader .qq-upload-button:hover {
                            background:#4B3F95;
                            transition:all .15s linear;
                            -webkit-transition:all .15s linear;
                            -moz-transition:all .15s linear;
                        }

            #no-twitter-host{
                float:left;
                margin:-21px 0 0 0;
                position: relative;
            }

                .puddle-contain {
                    float:left;
                    clear:left;
                    margin:10px 0 0 0;
                }

                #no-twitter-host span.tri-line,
                #no-twitter-host span.tri-fill {
                    border-left:10px solid transparent;
                    border-right:10px solid transparent;
                    border-bottom:10px solid #e5e5e5;
                    position: absolute;
                    top:77px;
                    left:10px;
                    display: none;
                }

                    #no-twitter-host span.tri-fill {
                        top:78px;
                        border-bottom:10px solid #ffffff;
                    }

            #no-twitter-host textarea{
                margin:0;
                width:350px;
            }
            #no-twitter-host textarea.host-name{
                width: 350px;
                font-size: 36px;
                font-family: "MarvelBold","Helvetica Neue","HelveticaNeue",Helvetica,Arial,"Lucida Grande",sans-serif !important;
                height: 80px;
                margin-bottom:10px;
            }

                div#no-twitter-host div#host-chars {
                    position: absolute;
                    left: 8px;
                    top: 86px;
                 }

            #no-twitter-options .logo-upload img {
                margin:5px;
                float:left;
                border-radius:6px;
            }

                #no-twitter-options .logo-upload a.removeLogo {
                    display: inline;
                    position: absolute;
                    top: 56px;
                    right: -5px;
                    z-index: 1;
                    background: #DD2C00;
                    padding: 0 11px;
                    border-bottom-left-radius: 4px;
                    color: #fff;
                    border-bottom-right-radius: 4px;
                    border-top: 1px solid rgba(255, 255, 255, .6);
                }

            #yes-twitter-link {
                margin:15px 0 0 40px;
                float:left;
                padding:7px 6px 2px 6px;
                border-radius:6px;
                color:#808080;
                background:#e5e5e5;
                width: 243px;
                color: #808080;
                border:1px solid #e5e5e5;
                transition:all .15s linear;
                -webkit-transition:all .15s linear;
                -moz-transition:all .15s linear;
            }

                #yes-twitter-link:hover {
                    color:#4B3F95;
                    border:1px solid #4B3F95;
                    transition:all .15s linear;
                    -webkit-transition:all .15s linear;
                    -moz-transition:all .15s linear;
                }

            #no-twitter-link {
                float:left;
                clear: both;
                border-radius:4px;
                padding:5px 10px 6px 10px;
                width:147px;
            }

                #no-twitter-link img {
                    margin-right:8px;
                }

                b.or {
                    margin: 6px 0 6px 64px;
                    width: 100px;
                    font-style: italic;
                }

        .logo-box .logo-upload .progress-bar-holder,
        .logo-box .logo-upload .progress-bar-holder .progress-bar {
            width:100px;
        }

            .logo-box .logo-upload .progress-bar-holder {
                float: none;
            }

        #eventHost { width:100%; height:100%; z-index: 3;}
            .logo-box .logo-upload .upload-file-form {
                margin-right: 0;
                top: 60px;
        right: auto;
        float:none;
        left: 11px;
            }
            .logo-box .logo-upload #eventHost .upload-file-form {
        z-index: 3;
        left:32px;
        }

        .logo-box .logo-upload .indented.qq-upload-success {
            position: absolute;
            width: 124px;
            margin: 0;
            height: 121px;
            overflow: hidden;
        }

    div.box-footer{
        clear:both;
        text-align:center;
        background-color:#808080;
        color:#ffffff;
        font-weight:bold;
    }
    .tbd{
        font-weight:normal;
        color:#FFCD20;
        float:right;
        margin: 0;
    }

        ul.rsvp-notif {
            float: left;
            clear:left;
            margin-left:20px;
        }

            ul.rsvp-notif li label {
                margin-left:0;
            }

        div.rsvp-subblocks {
            float: left;
            background: #1a1a1a;
            width: 741px;
            height:281px;
            border-radius: 0 0 6px 6px;
            padding: 10px;
        }

    .suboptions {
        float: left;
        border-radius: 6px;
        padding: 5px 10px;
    }

        .suboptions label {
            float:left;
            clear:left;
            color:#e5e5e5;
            margin-left:16px;
        }

            .suboptions .field-opts label {
                clear:left;
            }

            .suboptions .message-opts {
                margin-left:15px;
            }

        .suboptions label span.subtext{
            float:left;
            margin-left:25px;
            font-size:11px;
            color:#808080;

        }

        .hash-input-contain {
            width:300px;
            float:left;
        }

        div.section.twitter .suboptions {
            margin-top:-9px;
        }

        div.time-details {
            width: 725px;
            padding-bottom:20px;
            padding-left:0;
            margin-top:20px;
            margin-left: 10px;
            border-bottom: 1px solid #e5e5e5;
        }

    a.timezone{
        font-size: 12px;
    }

    div.time-block {
        float:left;
        position:relative;
        margin-right:30px;
        padding: 0 10px;
        border-radius: 6px;
        margin-bottom:16px;
    }

        div.time-block div.timezone {
            margin: 12px 0 -24px 0;
            /*width: 170px;*/
            padding: 0;
            border-radius: 6px;
        }

            div.time-block div.timezone b,
            div.time-block div.timezone a span {
                float: left;
                color:#595959;
                text-shadow:1px 1px 0 #ffffff;
            }

            div.time-block div.timezone b {
                margin-top: -1px;
                padding:5px 0 5px 8px;
            }

            div.time-block div.timezone a span {
                padding:5px 8px 4px 8px;
                color:#595959;
                border-top-right-radius:6px;
                border-bottom-right-radius:6px;
            }

                div.time-block div.timezone a:hover span {
                    background:#ffffff;
                }


            label.time-tbd {
                float: left;
                clear: both;
                margin: -18px 0 0 257px;
                font-size: 12px;
                color: #808080;
                position: relative;;
            }

    .choose-template {
        height: 373px;
        overflow: hidden;
        padding: 2px 4px;
    }


    .choose-template.carousel {
        overflow: hidden;
        position: relative;
        z-index: 2;
    }

        div.image-select-util {
            margin:10px;
        }

        div.image-select-util .qq-upload-button {
            margin:0 0 0 10px;
            float:none;
        }

    /* width and height of this carousel */
    .choose-template.carousel, .carousel .wide-wrapper {
        width:770px;
    }
    .choose-template.carousel, .carousel .wide-wrapper, .carousel .wide, .carousel .left-arrow, .carousel .right-arrow {
        /*height: 360px;*/
        height:433px;
    }
    .carousel .wide-wrapper {
        position: relative;
        overflow: hidden;
    }

    .carousel .wide {
        position: absolute;
        top: 30px;
        left: 0;
        width: 10000px;
    }

        .wide-wrapper h5.starter-tip {
            margin:28px 20px 0 16px;
            font-weight: bold;
        }

        .carousel.starter-tip .wide {
            top:104px;
        }

    .carousel .c_column {
        width: 232px;
        float: left;
    }

    .carousel .arrow {
        width: 85px;
        height: 0;
        z-index: 998;
        top: 159px;
        border-radius: 50px;
        box-shadow: -8px 2px 16px #1a1a1a;
        cursor: pointer;
        position: absolute;
        background: #734CDA;
        transition:all .15s ease-in;
        -webkit-transition:all .15s ease-in;
        -moz-transition:all .15s ease-in;
        padding: 15px 18px 70px 0;
        opacity: 1;
        -moz-opacity: 1;
        filter:alpha(opacity=100);
    }


        .starter-tip .arrow {
            top:189px;
        }

        .carousel .arrow:hover {
            box-shadow: -2px 2px 6px #1a1a1a;
            background-color: #4B3F95;
            transition:all .15s ease-in;
            -webkit-transition:all .15s ease-in;
            -moz-transition:all .15s ease-in;
        }

            .carousel .arrow:active {
                background: #4B3F95;
                box-shadow:none;
            }

        .carousel .arrow.disabled {
            display: none;
        }

        .carousel .right-arrow {
            right: -54px;
            transition:all .15s;
            -webkit-transition:all .15s;
            -moz-transition:all .15s;
        }

        .carousel .right-arrow:hover {
            right: -58px;
            transition:all .15s;
            -webkit-transition:all .15s;
            -moz-transition:all .15s;
        }

        .carousel .left-arrow {
            left: -44px;
            padding:17px 0 68px 52px;
            width:40px;
            z-index:2;
            transition:all .15s;
            -webkit-transition:all .15s;
            -moz-transition:all .15s;
        }

        .carousel .left-arrow:hover {
            left: -48px;
            transition:all .15s;
            -webkit-transition:all .15s;
            -moz-transition:all .15s;
        }

        .right-arrow .rarr {
            width: 0;
            height: 0;
            border-top: 20px solid transparent;
            border-bottom: 20px solid transparent;
            border-left: 20px solid #ffffff;
            display: block;
            margin-left: 18px;
            margin-top: 7px;
        }

            .right-arrow:hover .rarr {
                border-left: 20px solid #ffffff;
            }

        .left-arrow .larr {
            width: 0;
            height: 0;
            border-top: 20px solid transparent;
            border-bottom: 20px solid transparent;
            border-right: 20px solid #ffffff;
            display: block;
            margin-left: 4px;
            margin-top: 4px;
        }

            .left-arrow:hover .larr {
                border-right: 20px solid #ffffff;
            }

        div.upload-custom p {
            float: right;
            font-size: 12px;
            width: auto;
            margin-right: 23px;
            margin-top:15px;
            margin-bottom:0;
            color: #808080;
        }

        div.header-image {
            height:337px;
            overflow:hidden;
        }

    a.upload-custom-image {
        float: right;
        margin: 0 47px 0 16px;
        background: #FFCD20;
        padding: 4px 10px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-right: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        border-left: 1px solid #e5e5e5;
        box-shadow: .5px 1px 3px #e5e5e5;
        color: #ffffff;
        font-size: 11px;
        font-weight:bold;
        position: absolute;
        right: -48px;
        bottom: 22px;
        z-index:1;
        width:94px;
    }

    div.event-image-wrap.drop-here-wrap {
        border:none;
    }

    div.event-image-wrap span.drop-here {
        top:360px;
        width: 70%;
        right: 10px;
    }

    div.upload-custom .uploadContent{
        float: none;
    }

    div.upload-support {
        float: right;
        width:70%;
    }

        div.upload-support label {
            font-size:12px;
            float:left;
            margin-top:14px;
            /*width:30%;*/
        }

            div.upload-support label input {
                float:left;
                margin-bottom:10px;
            }

    .content.edit-header {
        width: 850px;
        /*height: 700px;*/
        text-align: center;
        overflow: hidden;
    }
    .content.edit-header .mask{
        background: #ffffff;
        opacity: .8;
        -moz-opacity: .8;
        filter:alpha(opacity=80);
        position: absolute; top: 0; left: 0;
    }

    .content.edit-header .mask.top,
    .content.edit-header .mask.right,
    .content.edit-header .mask.bottom,
    .content.edit-header .mask.left {
        pointer-events:none;
    }

    .content.edit-header .mask.top{
        width: 830px;
        height: 65px;
        border-top-left-radius:6px;
        border-top-right-radius:6px;
    }
    .content.edit-header .mask.left{
        top: 65px;
        width: 65px;
        height: 470px;
        border-bottom-left-radius:6px;
    }
    .content.edit-header .mask.right{
        left: auto; right: 0; top: 65px;
        width: 65px;
        height: 470px;
        border-bottom-right-radius:6px;
    }
    .content.edit-header .mask.bottom{
        width: 830px;
        height: 50px;
        top: 535px;
    }

    /**** Admin Splash ****/
    #collab-add-section a#submit-collabs{
        clear:both;
    }
    /**** Admin Splash End ****/


/**** NEW REGISTRATION/LOGIN FORM ****/

.content.login-reg {
    max-width: 860px;
    margin-top: 17vh;
    margin-bottom: 3rem;
    text-align: center;
}
.content.login-reg.signup-pg {
    margin-top: 9vh;
}

.content.forgot-pw.login-reg {
    max-width:450px;
    margin:75px auto 0 auto;
}

.content.login-reg .section.twelve.columns {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#tall-div{
    min-height:524px;
}

#entry-form {
    width:360px;
}

div.pay-wrap {
    width: 780px;
    margin: 0 auto;
}

#payment-form {
    width: 365px;
    line-height: 20px;
}
#payment-form .big.orange.btn{
    margin-left:32px;
}


.hide-global-header .global-header {
    display: none;
}

#entry-form,#other-form {
    padding: 40px 40px 30px 40px;
    background: #fff;
    color: #1a1a1a;
    border-radius: 4px;
    float: left;
    min-height: 200px;
    position: relative;
    border: 1px solid #e5e5e5;
}

#entry-form {
    font-family: "GothamBook";
}

    #entry-form a,#other-form a {
        color: #734CDA;
    }

    #payment-form {
        border-top: 4px solid #1a1a1a;
    }

        #payment-form .billing-page h2 {
            color: #1a1a1a;
        }

    .content.forgot-pw.login-reg div#entry-form {
        padding: 25px 32px 25px 30px;
    }

    div#payment-details {
        background: #e5e5e5;
        padding: 20px;
        margin-top: 30px;
        margin-left: 0 !important;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        box-shadow: 4px 0 7px -1px #808080 inset;
    }

    /* simple receipt */


#other-form .signup {
    background: #fff;
    color: #734CDA;
    text-shadow: none;
    font-family: gibsonSemiBold;
    border: 1px solid #734CDA;
    border-radius: 2px !important;
    padding: 0.6em 1.5em;
    text-transform: uppercase;
    letter-spacing: .05em;
    transition: all .15s linear;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -ms-transition: all .15s linear;
    -o-transition: all .15s linear;
}

    #other-form .signup:hover {
        background-color: #4B3F95;
        color: #fff;
        box-shadow: 0 0 0 2px #55c1e7 inset;
    }

#entry-form span.label-tl,
#payment-form span.label-tl {
    position: absolute;
    top: -1px;
    left: -1px;
    color: #fff;
    font-weight: normal;
    font-size: 20px;
    border-radius: 0 0 2px 0;
    font-family: 'Lato', sans-serif !important;
    width: 100%;
    text-align: center;
    padding: 20px 0 10px;
    background: transparent !important;
}

#entry-form #create-account-container {
    margin-top: 0;
}

#entry-form span.label-tl {
    position: static;
}

#entry-form span.label-splash,
#payment-form span.label-splash {
    font-family: 'Lato', sans-serif;
    color: #1a1a1a;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    top: 0.6em;
}

#entry-form span.label-splash{
    font-family: 'GothamMedium' !important;
    color: #1a1a1a;
    text-transform: uppercase;
    font-size: 10px;
}

#entry-form .fb-wrap{
    margin-top: 2rem;
    position: relative;
}

#entry-form .fb-wrap:before{
    content: '';
    height: 1px;
    position: absolute;
    top: 0;
    background-color: #E7E5EB;
    width: 100%;
    left: 0;
}

#entry-form #linkedincontent {
    /*content: '';
    height: 1px;
    position: absolute;
    top: 0;
    background-color: #E7E5EB;
    width: 100%;
    left: 0;*/
    position: absolute;
    top: 16px;
    right: 42px;
}

.ls-05 {
    letter-spacing: .05em;
}

#other-form {
    color:#1a1a1a;
    font-size:18px;
    width:300px;
    height:200px;
    padding: 25px;
    margin-left:30px;
    font-weight: normal;
    font-family: 'Lato', sans-serif;
    background: #fafafa;
    background: none;
    border: none;
    box-shadow: none;
    text-transform: none;
}

    #other-form .orange.btn {
        text-transform: uppercase;
    }

    #other-form.little-taller {
        padding-top:71px;
    }

    #other-form p.center {
        text-align:center;
        line-height: 1.3;
    }

        #other-form p.connect {
            font-size:14px;
            text-transform: none;
            font-family: 'Lato', sans-serif;
            line-height: 1.6em;
        }

#entry-form .splash-logo{
    max-width: 70px;
    margin-bottom: 0rem;
    display: inline-block;
}

#entry-form label{
    float: left;
    clear: both;
    font-weight: normal;
    color: #1a1a1a;
    font-size: 11px;
    text-align: left;
    width: 135px;
    padding-right: 15px;
    padding-top: 3px;
    margin-bottom: 0;
}

#entry-form label input{
    margin-right: 5px;
}

#entry-form input[type="text"],#entry-form input[type="password"]{
    width: 100%;
    clear: both;
    float: left;
    font-size: 14px;
    padding: 13px 9px;
    margin-bottom: .5em;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    color: #1a1a1a;
    font-family: 'GothamBook' !important;
}

    #entry-form input[type="text"]:focus,#entry-form input[type="password"]:focus {
        border-color: #4B3F95;
    }

#entry-form input[type="text"]:hover,#entry-form input[type="password"]:hover {
    border-color: #808080;
}

    #entry-form input[readonly="readonly"] {
        background-color: #e5e5e5;
    }

    #entry-form input[type="text"]::-webkit-input-placeholder ,#entry-form input[type="password"]::-webkit-input-placeholder{
        color: #808080 !important;
        font-family: 'GothamBook';
        opacity: .8;
    }

    #entry-form input[type="text"]::-moz-placeholder,#entry-form input[type="password"]::-moz-placeholder {
        color: #808080 !important;
        font-family: 'GothamBook';
        opacity: .8;
    }

#entry-form div.field{
    margin:10px 0;
}

#entry-form div.remember-forget {
    margin-top:20px;
}
#entry-form .forgot-password{
    font-size:11px;
    float:left;
    margin-top:2px;
    clear: left;
    text-transform: none;
    color: #734CDA;
}

#entry-form .forgot-password:hover{
    color: #4B3F95;
}

#entry-form form input[type="submit"],
.nice-green-btn {
    float: right;
    padding: 0.7em 2em;
    font-weight: normal;
    font-size: 14px;
    margin-top: 15px;
    background-color: #734CDA;
    border: 1px solid #734CDA;
    color: #fff !important;
    font-family: 'GothamMedium' !important;
    border-radius: 4px !important;
    box-shadow: none;
    text-transform: none;
}

    #entry-form form input[type="submit"]:hover,
    .nice-green-btn:hover {
        background-color: #4B3F95;
    }

.logged-out-event-snippet{
    float:left;
    margin:0 0 30px 35px;
    color:#1a1a1a;
    font-family:'GibsonSemiBoldItalic';
    width: 100%;
}
.logged-out-event-snippet.user-group-snippet {
    margin:0 0 0 20px;
}
.logged-out-event-snippet span{
    font-family:'Lato', sans-serif;
    font-size:16px;
}
.logged-out-event-snippet .first{
    float: none;
    margin-bottom: 4em;
}
.logged-out-event-snippet .title{
    font-size:22px;
    margin-top:8px;
    margin-bottom:5px;
    font-family: 'Lato', sans-serif;
    color: #595959;
}
.logged-out-event-snippet .description{
    font-size:16px;
    margin-top:8px;
    margin-bottom:5px;
}
.logged-out-event-snippet img{
    width: 300px;
    max-height: 150px;
}
.logged-out-event-snippet .login-hdr{
    font-family:'GibsonLight';
    font-size:16px;
}

/****  END NEW REGISTRATION/LOGIN FORM ****/



 /*** LINKED IN DATA ****/
        #linkedInDetails{
            font-size: 20px;
            margin-left: -10px;
            padding: 15px;
            margin-bottom:15px;
            margin-top:10px;

        }
        #ocbImageHolder{
            float:left;
        }
        #ocbImageHolder img{
            width:50px;
        }
        #ocbNameHolder{
            float:left;
            font-weight: normal;
            margin-left: 15px;
            margin-top: 0;
        }
        #ocbHeadlineHolder{
            font-size: 11px;
            margin-left: 66px;
            padding-top: 25px;
        }
        #linkedInMsg{
            font-size:10px;
            margin-top:-10px;
        }
 /*** LINKED IN DATA END ***/



/* -----------------------------------------
    Plans
------------------------------------------ */

    div.plans-head,
    div.plans-content,
    div.plan-type {
        background: #ffffff;
        border-radius:6px;
        text-align:center;
        width:960px;
    }

    div.plans-head {
        width:960px;
        margin-bottom:60px;
        background: #00865E;
        border-bottom-right-radius:6px;
        border-bottom-left-radius:6px;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00865E', endColorstr='#5dde8f'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#00865E), to(#5dde8f)); /* for webkit browsers */
        background: -moz-linear-gradient(top,  #00865E,  #5dde8f); /* for firefox 3.6+ */
        border:4px solid #269752;
        box-shadow:0 4px 8px #808080;
    }

        div.plans-head div.inner {
            float:left;
            width:940px;
            height:100%;
            padding:10px;
            box-shadow:0 0 120px #269752 inset;
        }

        div.plans-head h2,
        div.plans-head h3 {
            color:#ffffff;
            text-shadow:-1px -1px 0 #269752;
        }

    div.plans-content {
        background:none;
    }

    div.plan-type {
        width:200px;
        height:auto;
        padding:20px;
        margin:0 auto;
        box-shadow:0 4px 8px #808080;
        margin-top:10px;
        border:1px solid #00865E;
        color:#808080;
    }

        div.plan-type img.clip {
            position: absolute;
            width: 75px;
            top: -28px;
            left: 50%;
            margin-left: -37px;
        }

            div.plan-type.Pro img.clip {
                top:-39px;
            }

        div.plan-type.Pro {
            width:220px;
            height:20.9em;
            margin-top:0;
        }

        div.plan-type h2 {
            color:#00865E;;
        }

        div.plan-type h3 {
            color:#808080;
        }

        div.plan-type a.btn {
            width:158px;
        }

            div.plan-type.Pro a.btn {
                width:178px;
            }


            /**** ABOUT US ****/
            #ocb-info {
                background-color: #FFFFFF;
                border: none;
                border-radius: 4px;
                width: 765px;
            }

            #ocb-info h3 {
                font-size:24px;
            }

            #ocb-info .aboutTitle{
                font-size:24px;
            }

            #ocb-info .tab{
                padding:25px;
            }

            div.tabs {
                margin-left:113px;
            }

            div.tabs-heading {
                margin-bottom:-1px;
            }

            ul.horizontal-tab-nav li {
                float:left;
                margin-bottom:0;
                margin-right: 35px;
            }

            ul.horizontal-tab-nav li a {
                padding-right: 6px;
                float: left;
                font-size: 12px;
                color: #525151;
                border-radius:  30px;
                font-family: 'Lato', sans-serif;
                border: 1px solid transparent;
            }

                ul.horizontal-tab-nav.about-us li:last {
                    margin-right: 0;
                }

                ul.horizontal-tab-nav.about-us li a{
                    color: #ffffff;
                }

                ul.horizontal-tab-nav.about-us li a:hover {
                    /* border-bottom: 2px solid #525151; */

                    color: #949494;
}

                ul.horizontal-tab-nav li.active a {
                    font-weight: normal;
                    color: #949494;
                }

                ul.horizontal-tab-nav.about-us li.active a {
                    background: #fff;
                    color: #949494;
                }

                ul.account-info {
                    font-size: 16px;
                    color: #1a1a1a;
                    margin-left: 10px;
                }

                    ul.account-info li {
                        margin-bottom: 2px;
                    }

            div#billing {
                float: left;
            }

                div#billing {
                    font-size: 14px;
                    font-family: gibsonRegular;
                    color: #1a1a1a;
                }

            div#billing h3 {
                margin-top: 34px;
                float: left;
                font-family: 'GibsonSemiBoldItalic';
                color: #1a1a1a;
                font-size: 26px;
            }

            #ocb-info{
                border-radius:5px;
            }
            #ocb-info .aboutBio{
                clear:both;
                height: 115px;
                margin-bottom: 15px;
                border-bottom: 1px solid #e9e9e9;
            }
            #ocb-info .aboutBio .bioPic p{
                margin-bottom:0px;
            }

            #ocb-info .aboutBio b,
            #ocb-info .aboutBio strong {
                color: #1a1a1a;
                font-size: 14px;
                font-family: 'Lato', sans-serif;
                font-weight: normal;
                display: block;
            }

            #ocb-info .aboutBio .bioPic img{
                width:88px;
                margin-right:10px;
            }

            div.tabs-cnt .tab{
                padding-left:20px;
                padding-right:20px;
            }
            /*** ABOUT US END ****/

/* mobile action */

/* REDACTED */

/* accounts and payments */

div#account-data {
    margin-left:100px;
}

.section.pay-wrap {
    width:992px;
    text-align: center;
}

    div#payment-form {
        width: 740px;
        float: none;
        margin: 80px auto 80px auto;
        padding: 0;
        display: inline-block;
        border-radius: 0;
        box-shadow: 0 4px 50px rgba(0, 0, 0, 1);
        text-align: left;
    }

        div#payment-form.eight.columns {
            margin-left:190px;
        }

        div#payment-form h2, #user-plan h2 {
            margin-bottom: 20px;
            font-family: 'Lato', sans-serif;
            font-weight: normal;
            color: #1a1a1a;
            font-size: 20px;
            width: 740px;
            background: #1a1a1a;
            padding: 10px 20px;
            margin: -20px 0 30px 0;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

            div#payment-form h2 {
                width:auto;
                margin:20px;
                padding: 0;
                background: none;
            }

            #payment-form div.error-wrap,#payment-form div.inward{
                margin-top:20px;
            }

            #payment-form .apply-to-wrap {
                display: block;
                width: 330px;
                height: 75px;
                padding-right: 15px;
                margin-top: 20px;
                float: left;
                text-transform: uppercase;
            }
                #payment-form .apply-to-wrap h2 {
                    margin: 0;
                }
                #payment-form .apply-to-wrap select{
                    width:260px;
                    font-family: 'Lato', sans-serif;
                    letter-spacing: normal;
                }



        #payment-form div.indent{
            margin-left:20px;
        }
        #user-plan p{
            margin-left:20px;
        }
        .change-card{
            font-size: 12px;
        }
    div#payment-details {
        width:280px;
        margin-top:43px;
    }

    .twelve.columns.billing-page {
        margin-left:0;
        width:608px;
    }

    ul.plans-summary {
        position: relative;
        height: 350px;
        border-radius:4px;
    }

    ul.plans-summary > li {
        display: block;
        float: left;
        border-radius:4px 4px 0 0;
        margin-bottom:0;
        height:59px;
        border-right: 1px solid #fff;
    }

        ul.plans-summary > li > a {
            color:#808080;
        }

        ul.plans-summary.receipt > li {
            display: none;
        }

            ul.plans-summary.receipt > li.selected {
                display: block;
            }

                ul.plans-summary.receipt > li.selected a {
                    width:588px;
                    text-align:left;
                }

    ul.plans-summary > li a {
        display: block;
        padding: 10px 10px 8px 10px;
        float: left;
        border-radius: 4px 4px 0 0;
        position: relative;
        font-size:16px;
        text-align:center;
        width:283px;
        z-index: 0;
        margin-top:6px;
        background: #e5e5e5;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#e5e5e5'); /* for IE */
        box-shadow: 0 -12px 12px -4px rgba(0, 0, 0, .3) inset;
    }

        ul.plans-summary > li a:hover {
            background:#fafafa;
        }

        ul.plans-summary > li a span.amount {
            display: block;
            font-size:14px;
        }

    ul.plans-summary li.selected a {
        background:#734CDA;
        color:#ffffff;
        z-index: 1;
        margin-top:0;
        box-shadow: none;
    }


    .planInfo {
        display: block;
        padding: 10px;
        overflow: hidden;
    }


        .planInfo .big-amt {
            position: absolute;
            top: 30px;
            right: 30px;
            font-size: 35px;
            background: rgba(255, 255, 255, .5);
            padding: 29px 15px 29px 15px;
            border-radius: 100px;
            border: 1px solid #fff;
        }
        .planInfo div.inward{
            margin-left: 13px;
            margin-top: -15px;
        }

            .planInfo ul:not(.ui-timepicker-list) {
                line-height: 12px;
                float: left;
                margin: 10px 0 5px 12px;
            }
            .planInfo p{
                margin-bottom: 0;
            }

            .planInfo .big-amt span.ballah-sign {
                font-size:33px;
            }

            .planInfo .big-amt span.freq {
                font-size: 15px;
                display: block;
                margin-top: 9px;
                text-align: center;
                margin-bottom: -10px;
                margin-left: 2px;
            }


    div.billing_info {
        margin-top:30px;
    }
    div#recurly-form div.billing_info { margin-top: 5px; }

        div.billing_info.saved {
            display: block;
            margin-bottom: -26px;
            width: 581px !important;
        }


    div.bill-profile {
        background: #e5e5e5;
        float: left;
        margin-bottom: 20px;
        padding: 10px 120px 10px 20px;
        border-radius: 6px;
        font-size: 16px;
        position: relative;
    }

        div.bill-profile a {
            position: absolute;
            right: 10px;
            top: 18px;
        }

    div#recurly-form.twelve.columns {
        margin-left:0;
        margin-bottom:-53px;
        width:622px !important;
    }

    div.credit_card {
        background: #e5e5e5;
        float: left;
        width: 549px;
        height:160px;
        border-radius: 4px;
        padding: 20px 30px 0 30px;
    }

    a.rec-action {
        background: #FFCD20;
        color: #fff;
        padding: 8px 10px;
        border-radius: 6px;
        font-size: 16px;
        float: left;
        margin-bottom: 20px;
        transition:all .15s linear;
        -webkit-transition:all .15s linear;
        -moz-transition:all .15s linear;
    }

        a.rec-action:hover {
            background:#4B3F95;
        }


    .quote-color-palette{
        float:left;
        width: 105px;
        padding: 4px;
        background: #fff;
        border-radius: 6px;
        color: #e5e5e5;
    }
    .quote-color-palette ul{
        margin:0;
    }

    .quote-color-palette li{
            width:15px;
            height:15px;
            margin:2px;
            float:left;
            border:1px solid #e5e5e5;
    }
    .quote-color-palette li:hover{
            border:1px solid #595959;
        }
        .quote-color-palette li.active{
            border:1px solid #DD2C00;
        }
    .quote-color-palette table{
        margin-left:0;
    }

    .quote-color-palette li.selected {
        border: 1px solid #734CDA;
        box-shadow: 0 0 2px #734CDA;
    }

    .event_quote .tools{
        margin-right:23px;
    }

.section.pay-wrap div#payment-form {
    box-shadow: none;
    border: none;
    width: 100%;
}

    .section.pay-wrap.ticketPurchase div#payment-form {
        width: 640px;
    }

.section.pay-wrap div#payment-form h1 {
    font-family: 'gibsonBold';
    font-size: 30px;
}

.section.pay-wrap .planInfo {
    padding: 0;
}

    .section.pay-wrap .planInfo.ticket-purchase {
        padding: 0 20px;
    }

.rsvps .parent.invites,.rsvps.parent.rsvp-wrap {
    width:948px;
    float: left;
    margin-bottom: 40px;
    padding:14px 0 0 14px;
    background:#EDFCFF;
    border-radius:0 6px 6px 6px;
    border:3px solid #734CDA;
    position:relative;
    overflow:hidden;
}

.guest-add-option{
    margin-top:30px;
}

#duplicate-box{
    background-color: #FFD7D7;
    position:absolute;
    left:14px;
    bottom:132px;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    color: #1a1a1a;
    width:310px;
    text-align:center;
}
#duplicate-tiptip{
    color:#DD2C00;
}
#duplicate-box-close{
    color: #1a1a1a;
    font-size: 22px;
    position: absolute;
    right: 5px;
    top: 6px;
}

    table#contact-import-table thead {
        background:#e5e5e5;
    }

        #contact-import-table input.masscheck{
            margin-left:2px;
        }

ul.invite-input-ul {
    overflow: auto;
    cursor: text;
    height:306px !important;
    z-index: 10;
    margin: -10px 0 0 0;
}
ul.invite-input-ul li{
    float:left;
}
ul.invite-input-ul li textarea{
    border:0;
    background: transparent !important;
    margin:2px 0;

}
#email-holder .first-view{
    text-align: left;
    color: #808080;
    margin-top: 13px;
    line-height: 20px;
    font-family: Helmet, Freesans, sans-serif;
    font-size: 14px;
}

#sneaky-email-adder{
    height:15px !important;
    border:none !important;
    overflow:hidden !important;
    resize:none;
    font-size:12px;
    padding: 9px 0 9px 9px;
    display: inline-block;
    border-radius: 4px;
}
#sneaky-email-adder:focus{
    border:none !important;
    box-shadow:none;
}
.email-item{
    position:relative;
    padding:5px;
    margin:2px 3px;
}
.email-item .delete{
    /*display:none;*/
    position: absolute;
    top: 4px;
    right: 6px;
    font-weight: bold;
    color: green;
}

    .email-item .delete:hover {
        color:#fff;
    }

/*.email-item:hover .delete{
    display:block;
}*/

.email-item.legit,
.email-item.invalid {
    border-radius: 4px;
    padding-right: 24px;
}

.email-item.legit{
    background-color:#00865E;
    color:#ffffff;
    border:2px solid green;
}
.email-item.invalid{
    background-color:orange;
    color:#ffffff;
    border:2px solid #DD2C00;
}

   #deleteGuestList{
        padding: 2px 4px;
        color: #DD2C00;
        font-size: 11px;
        margin-top: 1px;
        margin-left: 14px;
        float: left;
    }

        #editGuestList {
            font-size: 22px;
            color: #FFCD20;
            margin: 13px 0 10px 15px;
        }

    #addNewGuestList {
        font-weight: bold;
        border: 2px solid #734CDA;
        border-radius: 50%;
        color: #734CDA;
        font-size: 16px;
        width: 10px;
        height: 10px;
        padding: 0;
        margin-right: 10px;
        position: relative;
        transition:all .15s linear;
        -webkit-transition:all .15s linear;
        -moz-transition:all .15s linear;
        -o-transition:all .15s linear;
    }

        a#addNewGuestList:before {
            content: '+';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            text-align: center;
            line-height: 10px;
            font-size: 11px;
        }

        #addNewGuestList:hover {
            background: #4B3F95;
            color: #fff;
        }

    #addNewGuestList.disabled{
        cursor:default;
        opacity:0.6;
    }

    #addToList {
        display: block;
        text-align: center;
        position: absolute;
        bottom: 58px;
        left: -5px;
        font-size: 30px;
        padding: 0;
        text-shadow: -1px -1px 0 #CE881D;
        height: 54px;
        line-height: 54px;
        width: 354px;
        background-color: #FFCD20;

    }
    #addToList:hover{
        background-color: #fc9745;
    }

        #addToList span:before {
            position: absolute;
            top:-4px;
            right: 10px;
        }

.guest-delete{
    color:#DD2C00;
}

.actions-1 a, .actions-2 a{
    font-size:15px;
    margin:0;
}

/* misc rsvp */
.rsvp-contain {
    float: left;
    width: 955px;
    margin: 0;
    border:3px solid #00865E;
    background:#e5e5e5;
    border-radius: 0 0 6px 6px;
}

    .rsvp-contain table thead {
        background: #e5e5e5;
    }

    .rsvp-contain table tbody tr:hover {
        background:none;
    }

        .rsvp-contain table tbody tr:hover td:hover {
            background:#fafafa;
        }

        .rsvp-contain table tbody tr:hover td.focused_input:hover,
        .rsvp-contain table tbody tr:hover td.focused_input {
            background:#e5e5e5;
        }

.man-add-wrap {
    padding: 10px;
    border-radius: 0 0 6px 6px;
}
#unsubscribe{
    background-color: #ffffff;
    border: 1px solid #E9E9E9;
    border-radius: 5px;
    padding: 25px;
    font-family: 'Lato';
}
#unsubscribe h2{
    color:#1a1a1a;
}
/** End Promo Styling **/

/* IE Placeholder fix Styles */
div.nine.columns .contact-search .ie-shim-wrap {
    clear: both;
}
/* End IE Placeholder fix Styles */

/** BILLING INFO PAGE **/
.billingInfo.pay-per{
    padding:10px 30px;
}

.semiBold {
    font-family: 'Lato', sans-serif;
}

/** smaller screens! **/
@media (max-width:900px) {
    .content.login-reg > .section.twelve.columns {
        text-align: center;
    }
    #entry-form, #other-form {
        margin: 0 auto;
        /*float:none;*/
        display: inline-block;
    }
}
@media (max-width:660px) {
    #entry-form, #other-form {
        float:none;
    }
}
@media (max-width:500px) {
    #entry-form, #other-form {
        width:90%;
        float: none;
    }
    #entry-form input[type="text"], input[type="password"] {
        width: 100%;
    }
    .forgot-pw input {
        width: 100%;
    }
}


.other-opt-wrap {
    width: 100%;
    float: left;
    clear: left;
    letter-spacing: .02em;
    font-family: 'GothamBook'
}

.other-opt-wrap a{
    color: #734CDA;
}

.other-opt-wrap a:hover{
    color: #4B3F95;
    overflow: visible;
}

/** fb signup/login button **/
.fb-action-btn {
    background-color: transparent;
    color: #1877f2;
    padding: 13px 9px;
    border: 1px solid #1877f2;
    width: 100%;
    border-radius: 4px;
    float: none;
    margin-top: 22px;
    display: inline-block;
    font-size: 12px;
    font-family: 'GothamMedium';
    margin-bottom: 10px;
    text-transform: none;
    cursor: pointer;
}

    .fb-action-btn:hover {
        color: #166fe5;
        border-color: #166fe5;
    }

    .fb-action-btn i:before {
        font-family: 'kohtello'
    }

    .or-line {
        height: 1px;
        width: 100%;
        background: #e5e5e5;
        position: relative;
        opacity: 1;
        color: #fff;
    }
        .or-line:before {
            content: 'OR';
            padding: 0 1em;
            font-size: 10px;
            color: #808080;
            background: #fff;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }


.default-layout-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 0;
}