/*
    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:#464543 url(/images/splash-bg.gif) repeat;*/
        /*background: #000 url(/images/illusion.png) fixed repeat !important;*/
        background: #fff;
        color:#564f48;
    }

    body.logged-out {
        /*background:#000 url(/images/illusion.png) fixed repeat !important;*/
    }

    pre {
        background: #dddddd;
        padding: 10px;
        margin: 10px;
        border-radius: 20px;
        border: 5px dashed #ff0000;
        color: #000000;
        font-family: "Courier New";
        display: inline-block;
    }

    #container{
        padding:0px;
    }

    .letter-wrap {
        text-align: center;
        color: #888;
        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 black;
        opacity: .07;
    }

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

    /*h1, h2, h3, h4, h5, h6 {
        font-family: 'ApexSansBold';
    }*/

    a {
        color:#05c2ea;
        cursor:pointer;
    }

        a:hover {
            color:#ff9239;
            /*text-decoration:underline;*/
        }

    h4 {
        color:#000;
    }

    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:#EAf5E7 !important;
    }

    .colored-ui {

    }

    .blank-ui {

    }

    .nowrap {
        white-space:nowrap;
    }

    :focus {
        /*box-shadow:0 0 4px #32b665;*/
    }

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

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


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

    input,
    textarea,
    input.input-text.oversize:focus,
    textarea.oversize:focus,
    input.input-text:focus,
    textarea:focus,
    div.form-contact input.input-text: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,
    div.form-contact input.input-text:focus,
    input:focus {
        background:#ffffff;
        box-shadow:0 0 0 1px #cecece inset;
        /*border:1px solid #ff7c11;*/
        outline:none;
        color:#3d3d3d;
        border-radius: 4px;
    }

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

    select:focus {
        /*
        */
        outline:none
    }

    /* event access */
    .access {
        font-size:11px;
        /*padding:2px 4px;*/
        /*margin-top:2px;*/
        border-radius:4px;
        color:#777;
    }

        .access.owner {

            float:left;
        }

    /* the checkbox */

    a.check-box {
        width:22px;
        height:22px;
        background:transparent url(/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(/img/ajax-loader2.gif) 98% center no-repeat !important;
    }

    #planning-ajax-spinner { text-align:center; margin-top:20px;}

    .edit {
        /*background: #eeeeee;*/
        padding: 1px 4px;
        border-radius: 4px;
        font-size: 12px;
    }

    .form-right.error-border {
        border:1px solid #C30000;
        float:right;
    }

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

            .error-msg {
                float:left;
            }

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

    .optional-link {
        color:#999999;
    }

    /* UI Utilities */

    .arrow.white {
        width:12px;
        height:12px;
        background:transparent url(/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;
        }

    div#ajax-content-spinner {
        float:left;
        width:100%;
        text-align:center;
        margin-top:10px;
    }

    /* 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 {
        font-size: 16px;
        padding: 10px 20px;
        font-size: 24px;
        padding: 10px 20px;
        font-family: 'gibsonSemiBold' !important;
        text-transform: uppercase;
        box-shadow: 0 0 0 1px #fff, 2px 2px 0 black;
        border:none;
        border-radius: 0;
        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 {
            box-shadow:0 4px 8px -5px #777 inset;
        }

        .orange {
            color: #ffffff;
            cursor: pointer;
            padding:7px 10px 7px 7px;
            text-shadow: -1px -1px 0 #EB9B21;
            border: 1px solid #D88F1F;
            background: #FF7C11;
            /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCB040', endColorstr='#F3AB3C'); /* for IE */
            background: -webkit-gradient(linear, left top, left bottom, from(#FE9139), to(#FF7C11)); /* for webkit browsers */
            background: -moz-linear-gradient(top,  #FE9139,  #FF7C11); /* for firefox 3.6+ */
        }

            .orange:hover {
                border: 1px solid #CE881D;
                background: #EBA53A;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCB040', endColorstr='#EBA53A'); /* for IE */
                background: -webkit-gradient(linear, left top, left bottom, from(#FF7C11), to(#FE9139)); /* for webkit browsers */
                background: -moz-linear-gradient(top,  #FF7C11,  #FE9139); /* for firefox 3.6+ */
            }

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

            .gray.active,
            .gray.active:hover {
                background:#F0EFEC;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D0D0D0', endColorstr='#F0EFEC'); /* for IE */
                background: -webkit-gradient(linear, left top, left bottom, from(#D0D0D0), to(#F0EFEC)); /* for webkit browsers */                    background: -moz-linear-gradient(top,  #EDEDED,  #F0EFEC); /* for firefox 3.6+ */
                background: -moz-linear-gradient(top,  #D0D0D0,  #F0EFEC); /* for firefox 3.6+ */
                box-shadow:0 0 6px rgba(0,0,0,.2) inset;
            }

            .gray:hover {
                color:#777;
                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 #32b665;
            float:left;
            border:1px solid #32b665;
            background:#32b665;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32b665', endColorstr='#289953'); /* for IE */
            background: -webkit-gradient(linear, left top, left bottom, from(#32b665), to(#289953)); /* for webkit browsers */                    background: -moz-linear-gradient(top,  #EDEDED,  #D0D0D0); /* for firefox 3.6+ */
            background: -moz-linear-gradient(top,  #32b665,  #289953); /* for firefox 3.6+ */
        }

            .green:hover {
                background:#32b665;
                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 #888 inset;
        }

        .blue {
            background:#03e1ff;
            color:#fff;
        }

            .blue:hover {
                background: yellow;
                color: black;
            }

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

        .blue.create {
            background:#03e1ff;
            color: #fff;
        }

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


        /* save buttons */

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

            div.action {
                clear:both;
            }

            div#event-contact-sidebar div.actions {
                margin-right:8px
            }

            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: #03E16A;
                    text-shadow: none;
                    font-family: 'gibsonSemiBold';
                    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:#c00000;
                    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:#32b665;
        }

        .status.unconfirmed {
            background: #DEDCD8;
            color:#564F48;
        }



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

    div.global-header {
        width:100%;
        color:#ffffff;
        /*background: #32b665;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32b665', endColorstr='#268B4D');
        background: -webkit-gradient(linear, left top, left bottom, from(#32b665), to(#268B4D));
        background: -moz-linear-gradient(top,  #32b665,  #268B4D);
        box-shadow:0 -8px 10px -10px #333 inset;*/
    }

        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.global {
        margin:2px 0 0 0;
        float:left;
    }

        nav.global a {
            float:left;
            color:#ffffff;
            margin-right:20px;
            padding:4px 0;
            height: 35px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
            -webkit-border-top-left-radius:5px;
            -webkit-border-top-right-radius:5px;
            border-top-left-radius:5px;
            border-top-right-radius:5px;
        }

        nav.global a.active {
            background: white;
            border-radius: 0;
            height: 39px;
            color: #2f2f2f !important;
            display: block;
            margin-top: 0px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

            nav.global > div > ul:hover > li > a {

            }
*/
    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:#05c2ea;
            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: #05C2EA;
            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:#FF9239;
            color:#ffffff;
            font-size:16px;
            cursor:pointer;
        }

        nav.main ul li.call-us {
            position: absolute;
            top:0;
            right:0;
            color:#cccccc;
            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 #dddddd;
            border-bottom:1px solid #dddddd;
            border-left:1px solid #dddddd;
            box-shadow:2px 2px 4px #cccccc;
        }
            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:#333;
                }

                    nav.global div ul li ul.subnav li a:hover {
                        color:#32b665;
                    }

            div#updatedEventMessage {
                float:left;
                margin-top:8px;
                margin-left:30px;
                max-width:50%;
                overflow:hidden;
            }

                div#updatedEventMessage p {
                    color:#FFF6C1;
                    float:left;
                    margin-bottom:0;
                    height:18px;
                    overflow:hidden;
                    max-width:100%;
                }

                div#updatedEventMessage a {
                    float:left;
                    margin-left:12px;
                    padding-left:16px;
                    background:url(/images/ui/refresh-orange.png) left center no-repeat;
                }

                    span#update-spin {
                        float:left;
                    }

                    div#updatedEventMessage a:hover {
                        color:#ff7c11;
                    }

        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-profile {
        background:#eee;
        border-top-left-radius:4px;
        border-top-right-radius:4px;
        -moz-border-radius-topleft:4px;
        -moz-border-radius-topright:4px;
        -webkit-border-top-left-radius:4px;
        -webkit-border-top-right-radius:4px;
    }

        div.event-profile  .event-profile-left.three.columns {
            padding-bottom: 20px;
            background:#eee;
            width:218px;
            border-top-left-radius: 6px;
        }

    .event-profile-center {
        width: 754px !important;
        margin-left: 0;
        padding-left: 20px;
        padding-bottom:10px;
        box-shadow: 0px -7px 13px rgba(0,0,0,.2);
        border-radius:0 6px 0 0;
        background:#fff;
    }

    .nine.columns .event-profile-left {
        width:545px;
        min-height:132px;
    }

    .nine.columns .event-profile-right {
        width:200px;
    }

    div.event-profile a.splash-url {
        /*margin: -10px 0 7px -4px;*/
        margin:15px 0 0 0;
        font-size: 11px;
        padding: 0;
        color:#777;
        text-shadow:1px 1px 0 #ffffff;
        float:left;
        text-align:left;
        background: none;
    }

        div.event-profile h3 {
            font-size:26px;
            color:#564f48;
            font-weight:normal /*bold*/;
            text-shadow:1px 1px 0 #ffffff;
            /*font-family:'Droid Sans', sans-serif;*/
            /*margin:15px 0 10px 0;*/
            font-family: 'ApexSansBold', helvetica, arial;
            text-align:left;
            position: relative;
            margin-bottom:4px;
            width:516px;
        }

            div.event-profile a.splash-url h3 span.splash-rarr {
                position: absolute;
                margin-top:14px;
                margin-left:10px;
                border-top:6px solid transparent;
                border-bottom:6px solid transparent;
                border-left:6px solid #76716a;
                opacity: 0;
                -moz-opacity: 0;
                filter:alpha(opacity=0);
            }

        div.event-profile a.splash-url span.url-literal {
            margin:-12px 0 0 2px;
            float:left;
        }

                div.event-profile a.splash-url:hover h3,
                div.event-profile a.splash-url:hover a.splash-url {
                    color:#76716a;
                }

                div.event-profile a.splash-url:hover h3 span.splash-rarr {
                    opacity: 1;
                    -moz-opacity: 1;
                    filter:alpha(opacity=100);
                }

    div.event-image {
        float:left;
        width:185px;
        margin:20px 0 0 20px;
        background:url(/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.event-image:hover img.url-icon {

        }

    a.edit-event-profile-image {
        float:left;
         /*width:97%;*/
        width:185px;
        min-height:78px;
        max-height:78px;
        overflow:hidden;
        /*border:1px solid #ffffff;*/
        /*margin:20px 0 0 20px;*/
        position:relative;
    }

        a.edit-event-profile-image img {
            /*border-radius:6px !important;*/
        }

    div.event-profile img.event-profile-img {
        width:100%;
        margin-bottom:-5px;
        border-top-left-radius:6px;
        border-top-right-radius:6px;
    }

        a.edit-event-profile-image span.edit-photo {
            position:absolute;
            right:0;
            bottom:0;
            background:#fcb040;
            border-top-left-radius:4px;
            display:none;
            color:#ffffff;
            font-weight:bold;
            padding:4px 6px;
        }

            a.edit-event-profile-image:hover span.edit-photo {
                display:block;
            }

        .six.columns.event-profile-center {
            margin-left:20px;
            margin-bottom: 12px;
            width:564px;
        }

            .event-profile-center a.the-host {
                background:#F8F7F4;
                float:left;
                margin-right:6px;
                padding-right:16px !important;
                border-radius:6px;
                padding: 5px 4px 4px 4px;
                position: relative;
                color:#888;
                transition:all .15s;
                -webkit-transition:all .15s;
                -moz-transition:all .15s;
            }

                .event-profile-center a.the-host.splashList {
                    max-width:100px;
                }

                .event-profile-center a.the-host.first {
                    margin-right: 0;
                    border-radius: 6px 0 0 6px;
                    border-right: 1px solid #eee;
                    height:29px;
                    max-width: 190px;
                }

                .event-profile-center a.the-host.second {
                    border-radius: 0 6px 6px 0;
                    border-left: 1px solid white;
                    padding: 5px 4px 4px 4px;
                }

                .event-profile-center a.the-host:hover {
                    background:#e9e7e3;
                    /*box-shadow:0 0 10px rgba(0,0,0,.1) ;*/
                    color:#777;
                    transition:all .15s;
                    -webkit-transition:all .15s;
                    -moz-transition:all .15s;
                }

                    .event-profile-center a.the-host:active {
                        box-shadow:0 0 20px rgba(0,0,0,.2) inset;
                    }

                .event-profile-center a.the-host span .host-name {
                    float:left;
                  /*  margin-top:3px;*/
                    margin-top:-4px;
                    text-transform:none;
                    font-size:12px;
                    font-weight:normal;
                    /*text-shadow:1px 1px 0 #ffffff;*/
                }

               .event-profile-center a.the-host span.small{
                    float:left;
                    font-size:8px;
                    margin-top:-4px;
                    text-transform:uppercase;
                    font-weight:bold;
                    /*text-shadow:1px 1px 0 #ffffff;*/
               }
                .event-profile-center .the-host img {
                   /*/ width:24px;
                    height:24px;*/
                    width:28px;
                    height:28px;
                    margin:0 6px 0 0;
                    border-radius:6px;
                    border:1px solid #ffffff;
                }
                .event-profile-center .the-host .twitter-pref-text {
                    font-size: 12px;
                    text-transform: none;
                    float: left;
                    margin-top: -4px;
                    margin-bottom:1px;
                    font-weight:normal;
                }
                .event-profile-center .the-host span.twitter-bird-blue{
                    margin:2px 8px 0 2px;
                }

            .event-profile-center .content-preview {
                float:left;
               /* background:#F8F7F4;
                border-radius:6px;
                padding: 7px 0 7px 7px;*/
                padding:0px;
                margin:-4px 0 8px 0;
             }

                .event-profile-center .content-preview a {
                    color:#999;
                }

                .event-profile-center .content-preview .splash-feed {
                    top:0;
                    border:none;
                    background:#9d9c9a;
                    margin-left:6px;
                    padding: 7px;
                    color:#ffffff;
                }

            .event-profile-center .splashList {
                margin-top:0;
                padding:17px 16px 6px 8px !important;
                min-width:36px;
            }

                .event-profile-center .splashList small {
                    font-size:8px;
                    text-transform:uppercase;
                    position: absolute;
                    top: 0;
                    left: 8px;
                    font-weight:bold;
                    /*text-shadow:1px 1px 0 #ffffff;*/
                }

                .event-profile-center .splashList span {
                    width:14px;
                    height:14px;
                    float: left;
                    background:no-repeat;
                    background-size:20px auto;
                    background-position:center center;
                    margin-top:1px;
                    margin-right:10px;
                }

        .three.columns.event-profile-right {
            margin-left:0;
            width:185px;
        }

    div.event-profile ul {
        font-size:12px;
        color:#564f48;
        float:right;
        width:165px;
        margin:0 22px 0 0;
        background:#f8f7f4;
        padding: 5px 14px 5px 0;
        border-radius:4px;
    }

        div.event-profile ul li {
            padding-left:24px;
            float:left;
            clear:left;
            text-shadow:1px 1px 0 #ffffff;
            margin-bottom:4px;
            margin-left:3px;
        }

        div.event-profile ul li.date {
            background:url(/images/ui/ep-cal.png) left 3px no-repeat;
        }

        div.event-profile ul li.time {
            background:url(/images/ui/ep-time.png) left 1px no-repeat;
        }
        div.event-profile ul li.countdown {
            background:url(/images/ui/ep-countdown.png) left 3px no-repeat;
        }

        div.event-profile ul li.venue {
            background:url(/img/icons/Venue_150x150.png) -5px -3px no-repeat;
            background-size:25px;
            position: relative;
            width:85%;
        }

            div.event-profile ul li.venue div.venue-deets-hover {
                position: absolute;
                top:14px;
                right:43px;
                display: block;
                z-index:12;
                width:450px;
                border-radius:6px;
                display: none;
                padding-top:15px;
            }

                div.event-profile ul li.venue:hover div.venue-deets-hover {
                    display: block;
                }

                    div.event-profile ul li.venue span.tri-stroke,
                    div.event-profile ul li.venue span.tri-fill {
                        position: absolute;
                        top:19px;
                        left:-2px;
                        border-right:10px solid transparent;
                        border-bottom:10px solid #ffffff;
                        border-left:10px solid transparent;
                        display: none;
                        z-index:10;
                    }

                        div.event-profile ul li.venue span.tri-fill {
                            top:21px;
                            border-bottom:10px solid #f8f7f4;
                        }

                        div.event-profile ul li.venue:hover span.tri-stroke,
                        div.event-profile ul li.venue:hover span.tri-fill {
                            display: block;
                        }

                div.event-profile ul li.venue div.venue-deets-hover ul {
                    float:left;
                    width:450px;
                    margin:0;
                    background-color: #f8f7f4;
                    padding:10px 10px 10px 20px ;
                    box-shadow:0 4px 10px #555;
                    border:1px solid #ffffff;
                }

                div.event-profile ul li.venue div.venue-deets-hover ul li {
                    margin:0;
                    padding: 0;
                }

                    div.event-profile ul li.venue div.venue-deets-hover ul li img {
                        border:1px solid #dddddd;
                    }

                div.event-profile ul li.venue div.venue-deets-hover textarea#select-this {
                    border:none;
                    background:transparent;
                    resize:none;
                    float:left;
                    height:45px;
                    margin-bottom:0;
                }
                    div.event-profile ul li.venue div.venue-deets-hover textarea#select-this:focus {
                        border:none;
                    }

                div.event-profile ul li.venue div.venue-deets-hover a#select-address {
                    float:left;
                    margin-left:10px;
                    padding: 2px 4px 2px 4px;
                    border-radius: 0;
                    font-weight: normal;
                }

                #copy-instr {
                    margin-left:10px;
                }


        div.event-profile ul li a {
            color:#564f48;
            float:left;
            width:131px;
            overflow: hidden;
            white-space:nowrap;
        }

            div.event-profile ul li a:hover {
                color:#8C867D;
            }

    div#characters-remaining {
        position: absolute;
        left: 5px;
        bottom: -18px;
        color: #888;
    }
    div.characters-remaining{
        color:#888;
        font-size:11px;
        float:right;
    }

    div.search-edit {
        float:right;
        padding:0 0 2px 0;
        font-size:13px;
        font-weight:normal;
        color:#ffffff;
        width:182px;
        border:1px solid #D88F1F;
        border-radius:4px;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        background: #FCB040;
        background: -webkit-gradient(linear, left top, left bottom, from(#fe9740), to(#fd7d15)); /* for webkit browsers */
        background: -moz-linear-gradient(top,  #fe9740,  #fd7d15); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe9740', endColorstr='#fd7d15'); /* for IE */
        text-shadow: -1px -1px 0 #EB9B21;
        border: 1px solid #fd7d15;
        white-space:nowrap;
        margin:20px 20px 0 0;

        text-align: center;
        float: right;
        position: relative;
        height:22px;
    }

        div.search {
            position: absolute;
            top:-1px;
            right:155px;
            background: #FCB040;
            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: 0px;
                float: left;
            }

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

        div.search-edit a.event-settings {
            width: 154px;
        }

        div.search-edit a.event-settings span {
            color:#ffffff;
            text-shadow:-1px -1px 0 #da8425;
            float: left;
            width:140px;
            padding: 3px 16px 3px 0;
            border-right:1px solid #fea964;
        }

            div.search-edit a.event-settings img {
                margin-top: 7px;
                float: left;
                margin-left: 9px;
                opacity: .8;
                -moz-opacity: .8;
                filter:alpha(opacity=80);
            }

                div.search-edit a.event-settings:hover img {
                    opacity: 1;
                    -moz-opacity: 1;
                    filter:alpha(opacity=100);
                }

    a.edit-event {
        /*color:#72bec9;*/
        float:right;
        margin:10px 20px 0 0;
        padding-right:30px;
        background:url(/images/ui/ep-edit-pencil.png) right 2px no-repeat;
    }

        a.edit-event:hover {
            text-decoration:underline;
        }



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

    ul.event-sections,
    ul.event-features {
        margin-bottom:0;
        width:auto;
    }

        ul.event-sections li,
        ul.event-features li {
            display:block;
            float:left;
            margin-bottom:0;
        }

        ul.event-sections li a,
        ul.event-features li a {
            white-space:nowrap;
            display:block;
            width:auto;
            color:#ffffff;

        }

    ul.event-sections {
        margin-left:22px;
        float:left;
        border-right: 1px solid #76716A;
    }

        ul.event-sections li {
            margin:0;
            font-size:14px;
            position:relative;
        }

            ul.event-sections li.db {
                border-left:1px solid #564F48;
            }

                ul.event-sections li.active.db {
                    border-left:none;
                    padding-left:1px;
                }

            ul.event-sections li.green {
                border:none;
            }

        ul.event-sections li a {
            font-weight:bold;
            padding:7px 30px 7px 35px;
            text-shadow:-1px -1px 0 #3b3a34;
            border-left: 1px solid #76716A;
            border-right: 1px solid #564F48;
        }

            ul.event-sections li a:hover {
                text-decoration:none;
            }

            ul.event-sections li.active a {
                border:none;
                padding:7px 31px 7px 36px;
            }

        ul.event-sections li:hover {
            background:#6E655C;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7B786C', endColorstr='#564f48'); /* for IE */
            background: -webkit-gradient(linear, left top, left bottom, from(#7B786C), to(#564f48)); /* for webkit browsers */
            background: -moz-linear-gradient(top,  #7B786C,  #564f48); /* for firefox 3.6+ */
        }

        ul.event-sections li.active,
        ul.event-sections li.active:hover {
            box-shadow:0 0 10px #000 inset;
            background:#42403a;
        }

        a#backToDashboard {
            /*background:url(/images/ui/nav-db.png) 15px center no-repeat;*/
            background:#eee;
            box-shadow:none;
            text-shadow:-1px -1px 0 #828281;
            padding:0 0px 3px 0px;
            margin-top: -3px;
            border:none;
            cursor: pointer;
            transition:box-shadow .15s linear, background .15s linear;
            -webkit-transition:box-shadow .15s linear, background .15s linear;
            -moz-transition:box-shadow .15s linear, background .15s linear;
        }

            a#backToDashboard.active {
                cursor: default;
            }

            a#backToDashboard:hover {
                /*padding-bottom:2px;*/
            }

                /*a#backToDashboard.active:hover {
                    padding-bottom:3px;
                }*/

            a#backToDashboard:hover span {
                /*box-shadow:-14px 0 20px -20px #000 inset, -2px 0 5px #888;*/
                padding:10px 0 10px 8px;
                background:#05C2EA;
                transition:box-shadow .15s linear, background .15s linear;
                -webkit-transition:box-shadow .15s linear, background .15s linear;
                -moz-transition:box-shadow .15s linear, background .15s linear;
            }

                a#backToDashboard.active:hover span {
                    box-shadow:-14px 0 20px -20px #000 inset;
                    background:#aeadac;
                }

            a#backToDashboard span {
                padding:10px 0 10px 8px;
                background:#bbb;
                border-bottom-left-radius:6px;
                border-top-left-radius:6px;
                padding-left:8px;
                margin-left:20px;
                width:188px;
                float: right;
                box-shadow:-14px 0 20px -20px #000 inset;
            }

            a#backToDashboard span img {
                position: absolute;
                margin:1px 0 0 -28px;
            }

        img.left-fold {
            position: absolute;
            top:-3px;
            left:215px;
            z-index:1;
        }

        /*a#planning-link {
         }*/

            /*a#planning-link span img {
                position: absolute;
                margin: 3px 0 0 -19px;
                position: absolute;
            }*/

        a#day-of-link {
            /*background:url(/images/ui/nav-timeline.png) 15px center no-repeat;*/
        }

            a#day-of-link span img {
                position: absolute;
                margin:5px 0 0 -21px;
            }

            ul.event-sections li.active a#backToDashboard {
                /*background:url(/images/ui/nav-db.png) 16px center no-repeat;*/
            }

            ul.event-sections li.active a#planning-link {
                /*background:url(/images/ui/nav-planning.png) 16px center no-repeat;*/
            }

            ul.event-sections li.active a#day-of-link {
                /*background:url(/images/ui/nav-timeline.png) 16px center no-repeat;*/
            }

        a#preEventSplash span img {
            position: absolute;
            margin:5px 0 0 -21px;
        }

        a#gallery-link span img {
            position: absolute;
            margin:4px 0 0 -18px;
        }

    ul.event-features {
        float: right;
        width: auto;
        background: #57554D;
        padding: 2px 0 2px 20px;
        margin-top: 4px;
        margin-right:22px;
        border: 1px solid #3B3A34;
        border-radius:4px;
        font-size:13px;
    }

        ul.event-features li {
            margin-right:20px;
        }

        ul.event-features li a {
            float:left;
        }

            ul.event-features li a:hover {
                text-decoration:underline;
            }


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

    div.nnav {
        background:#20667f;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#05c2ea', endColorstr='#068ca8'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#05c2ea), to(#068ca8)); /* for webkit browsers */
        background: -moz-linear-gradient(top,  #05c2ea,  #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='#05c2ea', endColorstr='#068ca8'); /* for IE */
            background: -webkit-gradient(linear, left top, left bottom, from(#05c2ea), to(#068ca8)); /* for webkit browsers */
            background: -moz-linear-gradient(top,  #05c2ea,  #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:#76716a;
                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:#05c2ea;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#05c2ea', endColorstr='#05c2ea'); /* for IE */
                background: -webkit-gradient(linear, left top, left bottom, from(#05c2ea), to(#05c2ea)); /* for webkit browsers */
                background: -moz-linear-gradient(top,  #05c2ea,  #05c2ea); /* 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 #ff9239;

                    background:#05c2ea;
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#05c2ea', endColorstr='#05c2ea'); /* for IE */
                    background: -webkit-gradient(linear, left top, left bottom, from(#05c2ea), to(#05c2ea)); /* for webkit browsers */
                    background: -moz-linear-gradient(top,  #05c2ea,  #05c2ea); /* 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%;
            }


    /*  Element Navigation
    ----------------------------------------- */

        div.in-element div.nine.columns.tab-wrap {
            margin-left:0;
            width:758px;
            background:#eeeeee;
            box-shadow:0 10px 6px -10px #bbb inset;
        }

            .row .nine.columns {
                min-height:0;
            }

        ul.event-nav {
            margin-bottom:0;
            padding-right:6px;
            float:left;
            width:100%;
            background:#eeeeee;
            /*border-bottom:1px solid #d3d2d0;*/
        }

        .block-grid.three-up {
            /*margin-left:-1.4%;*/
            margin-left:-7px;
            padding-top:10px;
        }

        .block-grid.three-up > li {
            margin-left:1.8%;
            margin-bottom:0;
            width:31.5%;
            float:left;
            position:relative;
            height:72px;
        }

        ul.event-nav li {
            padding-top:10px;
            margin-bottom:9px;
        }

        ul.event-nav li a {
            margin-top:10px;
            width:104.4%;
            color:#564f48;
            background:#f8f9f8;
            height:63px;
            float:left;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
            -webkit-border-top-left-radius:5px;
            -webkit-border-top-right-radius:5px;
            border-top-left-radius:5px;
            border-top-right-radius:5px;
            position:absolute;
            top:9px;
            text-shadow:1px 1px 0 #ffffff;
            transition:background .15s linear;
            -webkit-transition:background .15s linear;
            -moz-transition:background .15s linear;
        }

            ul.event-nav li a.active {
                background:#ffffff;
            }

            ul.event-nav li:hover a {
                margin-top:8px;
                border-top:2px solid #358fa3;
            }

            ul.event-nav li.active a {

                margin-top:-9px;
                position:relative;
                z-index:60;
                height:73px;
                background:#ffffff;
                /*box-shadow: 0 -3px 6px rgba(0,0,0,.1);*/
                -moz-box-shadow:0 0 5px 4PX rgba(0,0,0,.1);
                -webkit-box-shadow:0 0 5px 4PX rgba(0,0,0,.1);
                box-shadow:0 0 5px 4PX rgba(0,0,0,.1);
            }

                ul.event-nav li.active:hover a {
                    color:#564f48;
                    border-top:none;
                    -moz-box-shadow:0 0 5px 4PX rgba(0,0,0,.1);
                    -webkit-box-shadow:0 0 5px 4PX rgba(0,0,0,.1);
                    box-shadow:0 0 5px 4PX rgba(0,0,0,.1);
                }


            /* the hovers */

            .block-grid.three-up > li.budget:hover a,
            .block-grid.three-up > li.tasks:hover a,
            .block-grid.three-up > li.files:hover a {
                /*color:#647c6c;*/
                text-shadow:1px 1px 0 #ffffff;
                -moz-box-shadow: 0 -3px 6px rgba(0,0,0,.1);
                -webkit-box-shadow: 0 -3px 6px rgba(0,0,0,.1);
                box-shadow: 0 -3px 6px rgba(0,0,0,.1);
                background: #daf3f9  url(/images/ui/calculator.gif) 17px 22px no-repeat;
                transition:background .15s linear;
                -webkit-transition:background .15s linear;
                -moz-transition:background .15s linear;
            }

                .block-grid.three-up > li.budget.active:hover a,
                .block-grid.three-up > li.tasks.active:hover a,
                .block-grid.three-up > li.files.active:hover a {
                    color:#564f48;
                }

            .block-grid.three-up > li.dashboard {
                width:20.8%;
                margin-left:.5%;
                box-shadow: none;
            }

        ul.event-nav li span.description {
            font-size:/*10px*/ 11px;
            clear:both;
            float:left;
            margin-top:/*9px*/ 5px;
            font-weight:normal;
        }

            ul.event-nav li:hover span.description {
                /*color:#647c6c;*/
                text-shadow:none;
            }

        .block-grid.three-up > li.dashboard.active a {
            background: transparent;
            box-shadow:none;
            margin-top:-9px;
        }

            .block-grid.three-up > li.dashboard.active:hover a {
                margin-top:-9px;
                text-decoration:none;
                box-shadow: none;
                background: transparent;
            }

            .block-grid.three-up > li.dashboard a {
                background: transparent;
                margin-top:0;
                color:#76716A;
            }

            .block-grid.three-up > li.dashboard:hover a {
                text-decoration:underline;
                border-top:none;
            }

            li.dashboard span {
                position:absolute;
                top:25px;
                left:15px;
                font-size:20px;
                font-weight:bold;
            }

        /*.block-grid.three-up > li.budget a {
            background: #e6e5e1 url(/images/ui/calculator.gif) 17px 22px no-repeat;
            font-size:28px;
            margin-left:0;
        }

            ul#focused-nav.block-grid.three-up > li.budget {
                margin-left:7px;
            }

            .block-grid.three-up > li.budget:hover a {
                background-image: url(/images/ui/calculator.gif);
                background-position:17px 22px;
            }*/

            li.budget a div.total-costs {
                font-size:/*28px*/ 22px;
                position:absolute;
                top:/*16px*/ 18px;
                left:42px;
                font-weight:bold;
            }

            li.budget a div.total-costs span#eleBudget {
                float:left;
            }

            li.budget a div.total-costs span.dollars {
                font-size:30px;
                letter-spacing:-2px;
                margin-left:-4px;
            }

            li.budget a div.total-costs span.cents {
                font-size:19px;
                margin-left:-4px;
            }

            li.budget a div.total-costs span.budget-remaining {
                color:#846255;
                margin-left:6px;
                cursor:pointer;
            }

                li.budget a div.total-costs span.budget-remaining:hover {
                    color:#846255;
                    text-shadow:none;
                    text-decoration:underline;
                }

                    li.budget a.active div.total-costs span.budget-remaining:hover {
                        text-decoration:none;
                    }

        .block-grid.three-up > li.tasks a {
            background: #e6e5e1 url(/images/ui/tasks.gif) 17px 22px no-repeat;
            font-size:28px;
        }

            .block-grid.three-up > li.tasks:hover a {
                background-image:url(/images/ui/tasks.gif);
                background-position:17px 22px;
            }

            li.tasks div.total-tasks {
                position:absolute;
                top:/*16px*/ 18px;
                left:42px;
                font-weight:bold;
                font-size:22px;
            }

            li.tasks div.total-tasks span.complete {
                margin-right:2px;
                float:left;
            }

            li.tasks div.total-tasks span.total-tasks {
                margin-left:-6px;
            }

            li.tasks div.total-tasks span.description {
                margin-top:/*8px*/ 5px;
                white-space:nowrap;
                font-weight:normal;
            }


        .block-grid.three-up > li.files a {
            background: #e6e5e1 url(/images/ui/files.gif) 17px 22px no-repeat;
            font-size:28px;
        }

            .block-grid.three-up > li.files:hover a {
                background-image:url(/images/ui/files.gif);
            }

            li.files a div.total-files {
                font-size:/*30px*/ 22px;
                position:absolute;
                top:/*16px*/ 18px;
                left:42px;
                font-weight:bold;
            }

                li.files a div.total-files span.total-files {
                    float:left;
                }

                li.files a div.total-files span.description {
                    margin-top:/*8px*/ 5px;
                    font-weight:normal;
                }

        .block-grid.three-up > li a {
            background-color:#f8f9f8;
        }

        .block-grid.three-up > li.active a {
            background-color:#ffffff;
        }

        /* to match quick bar */
        .block-grid.three-up > li.active a {
            background-color:#ffffff;
        }

            .block-grid.three-up > li.active a:hover {
                background-color:#ffffff;
                cursor:default;
                -moz-box-shadow:0 0 5px 4PX rgba(0,0,0,.1);
                -webkit-box-shadow:0 0 5px 4PX rgba(0,0,0,.1);
                box-shadow:0 0 5px 4PX rgba(0,0,0,.1);
            }


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

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

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

                div.event-section.in-element {
                    margin-top:0;
                }

            div.event-section.in-element /*have BB rem from html*/,
            div.event-content.in-element {
                box-shadow:none;
                padding-top:0;
                background:#eee;
            }

                div.event-section.in-element.doe {
                    /*background:#ffffff;*/
                }

            div.row.event-section div.twelve.columns {
                margin-left:0;
            }

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

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

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

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

    /*  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;
        }

    div.dashboard-stats {
        float:left;
        /*padding:10px;*/
        background-color:#ffffff;
        /*border:1px solid #cccccc;*/
        /*border-radius:6px;*/
        width:100%;
        /*margin-bottom:30px;*/
        box-shadow:0 4px 4px 0 #cccccc;
        padding: 0 5% 0 0;
        -webkit-transition:box-shadow .15s linear;
        -moz-transition:box-shadow .15s linear;
        transition:box-shadow .15s linear;
        -webkit-transition:margin-top .15s linear;
        -moz-transition:margin-top .15s linear;
        transition:margin-top .15s linear;
        cursor:pointer;
        height:184px;
        position: relative;
        border-bottom-right-radius:6px;
        border-bottom-left-radius:6px;
    }

        div.dashboard-stats-header,
        div.dashboard-stats-content,
        div.dashboard-stats-footer {
            float:left;
            padding: 0;
            width:100%;
        }

        div.dashboard-stats:hover, div.dashboard-stats.hovering {
            margin-top:-3px;
            box-shadow:0 4px 4px 0 #dedede;
            -webkit-transition:box-shadow .15s linear;
            -moz-transition:box-shadow .15s linear;
            transition:box-shadow .15s linear;
            -webkit-transition:margin-top .15s linear;
            -moz-transition:margin-top .15s linear;
            transition:margin-top .15s linear;
        }

    div.dashboard-stats-header {
        background:#F0EFEC;
        border-bottom:1px solid #E6E5E0;
        border-top-right-radius:6px;
        border-top-left-radius:6px;
        -webkit-transition:background .15s linear;
        -moz-transition:background .15s linear;
        transition:background .15s linear;
        display: none;
    }

        div.dashboard-stats:hover div.dashboard-stats-header, div.dashboard-stats.hovering .dashboard-stats-header {
            background:#eae9e6;
            -webkit-transition:background .15s linear;
            -moz-transition:background .15s linear;
            transition:background .15s linear;
        }

        div.dashboard-stats-header h4 {
            float:left;
            margin-top:4px;
            /*---*/
            font-size: 15px;
            text-align: center;
            width: 98%;
        }

        div.dashboard-stats-header .gray.btn {
            float:right;
        }

        .dashboard-stats-sub-head {
            float:left;
            width:105%;
            height:26px;
        }

            .dashboard-stats h5.splash-stats {
                border:none;
                width:103%;
            }

        .dashboard-stats .splash-status.live{
            color:#32b665;
        }
        .dashboard-stats .splash-status.offline{
            color:tomato;
        }
            .dashboard-stats-sub-head h5 {
                width:100%;
                padding: 8px 0 3px 0;
                border-bottom:1px solid #E6E5E0;
                text-align: center;
                box-shadow:0 9px 8px -6px #999 inset;
                -webkit-transition:box-shadow .15s linear;
                -moz-transition:box-shadow .15s linear;
                transition:box-shadow .15s linear;
                font-weight:normal;
                text-transform:uppercase;
                font-size:12px;
                text-shadow:none;
                color:#444;
            }

                div.dashboard-stats:hover .dashboard-stats-sub-head h5, div.dashboard-stats.hovering .dashboard-stats-sub-head h5 {
                    box-shadow:none;
                    -webkit-transition:box-shadow .15s linear;
                    -moz-transition:box-shadow.15s linear;
                    transition:box-shadow .15s linear;
                }

    div.dashboard-stats-content {
        /*padding-bottom:30px;*/
    }

        div.dashboard-stats-content h5 {
            border-top:1px solid #E6E5E0;
            border-bottom:none;
            font-weight:normal;
            text-transform:uppercase;
        }

            div.dashboard-stats-content h5:first-child {
                border:none;
            }

            div.dashboard-stats-content.center {
                text-align:center;
                font-size:18px;
                margin-top:13px;
            }

            div.dashboard-stats-content.gallery.center {
                height:100px !important;
                overflow:hidden;
            }

            div.dashboard-stats-content h4 {
                font-size:68px;
                font-weight:normal;
                color:#6e6b65;
                margin-bottom:-10px;
            }

        div.dashboard-stats-content table {
            margin: 0;
        }

            div.dashboard-stats-content table tbody tr td {
                border-right:none;
            }

        div.dashboard-stats-content.gallery img {
            /*width: 14.4%;
            margin: 0 1.5% 1.5% 0;*/
            width: 32px;
            margin: 0 2px 2px 0;
            float: left;
        }

            div.dashboard-stats-content.gallery img:first-child {
                width:100px
            }

        div.dashboard-stats-content ul.totals {
            width: 152px;
            margin-top:0;
            margin-left: 0;
            margin-bottom:5px;
        }

            /*.dashboard-stats-content ul.totals li.overview-remote a {
                padding: 10px 4px 10px 22px;
                width:92%;
            }

                .dashboard-stats-content ul.totals li.overview-remote a:hover {
                    padding: 9px 4px 10px 21px !important;
                }
*/
                div.dashboard-stats-content ul.totals li a span.amount {
                    font-size:18px;
                    margin-top:0;
                    font-weight:normal;
                    width:63px;
                    text-align:center;
                }

                    div.dashboard-stats-content ul.totals li.budget a span.amount {
                        font-size:40px;
                        float:left;
                        clear: both;
                        width:166px;
                        margin:20px 0 15px -22px;
                        letter-spacing:-2px;
                    }

                /*.dashboard-stats-content ul.totals li.overview-remote.tasks,
                .dashboard-stats-content ul.totals li.overview-remote.files,
                .dashboard-stats-content ul.totals li.overview-remote.tasks a,
                .dashboard-stats-content ul.totals li.overview-remote.files a {
                    width:55px;
                }

                    .dashboard-stats-content ul.totals li.overview-remote.tasks {
                        width:84px;
                        border-right:1px dotted #eeeeee;
                    }*/


        div.dashboard-stats-content div.element-grid-box {
            width:30px;
            height:30px;
            margin:0 8px 8px 0;
        }

            div.dashboard-stats-content div.element {
                border:2px solid #dedcd8;
            }

                div.dashboard-stats-content div.element:hover {
                    border:2px solid #32b665;
                }

        #all-elements-list{
            list-style-type:none;
            margin:0;
        }
        #all-elements-list li{
            float:left;
            margin:0;
        }

            div.dashboard-stats-content div.element img {
                width: 100%;
                height: auto;
                display: block;
                margin: 0px auto 0 auto;
            }

        div.dashboard-stats-content ul.recent-activity {
            width:99%;
        }

            div.dashboard-stats-content ul.recent-activity li {
                float:left;
                /*border-bottom:1px dashed #DEDCD8;*/
                position: relative;
                padding-bottom:10px;
                width:100%;
            }

                div.dashboard-stats-content ul.recent-activity li .time {
                    margin-left:20px;
                }

                div.dashboard-stats-content ul.recent-activity li .feed-img-icon {
                    left: 0;
                    bottom: 11px;
                }

    div.dashboard-stats-footer {
        background:#eee;
        border-top:1px solid #E6E5E0;
        border-bottom-right-radius:6px;
        border-bottom-left-radius:6px;
        text-align:center;
        padding:5px 0;
        position: absolute;
        bottom:0;
        left:0;
        width:100%;
        color:#ffffff;
        transition:background .4s;
        -webkit-transition:background .4s;
        -moz-transition:background .4s;
    }

        div.dashboard-stats-footer.trial {
            background: #FFF8D6;
            color: #777;
        }

        .dashboard-stats:hover .dashboard-stats-footer,
        .dashboard-stats:hover .dashboard-stats-footer.trial {
            background:#05C2EA;
            color:#fff;
            transition:background .4s;
            -webkit-transition:background .4s;
            -moz-transition:background .4s;
        }

            .dashboard-stats:hover .dashboard-stats-footer:hover,
            .dashboard-stats:hover .dashboard-stats-footer:hover.trial {
                color:#fff;
                background:#9be7f7;
                transition:background .4s;
                -webkit-transition:background .4s;
                -moz-transition:background .4s;
            }

    div.dashboard-stats-content.none {
        width: 90%;
        /*border: 3px dashed #E6E5E0;*/
        margin: 20px 0 20px 5%;
        border-radius: 6px;
        padding:0;
    }

        div.dashboard-stats-content.none h5 {
            border:none;
        }

            div.dashboard-stats-content.none span,
            div.dashboard-stats-content.none a {
                width: 90%;
                float: left;
                padding: 10px;
                font-weight:bold;
                text-align:center;
                color: #05C2EA;
                font-size: 19px;
                line-height: 22px;
                font-family: 'arial narrow', Helvetica, sans-serif;
                text-shadow:1px 1px 0 #fff;
            }
            div.dashboard-stats-content.none span {
                color: #000000;
                font-size: 14px;
            }

                div.dashboard-stats-content.none a.btn {
                    width:auto;
                    margin-left:37%;
                }

            div.dashboard-stats.plan.add-clipboard,
            div.dashboard-stats.plan.add-clipboard.splash {
                padding: 0;
                background: #32b665;
                border-bottom-right-radius:6px;
                border-bottom-left-radius:6px;
                box-shadow:0 0 120px #269752 inset;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32b665', endColorstr='#5dde8f'); /* for IE */
                background: -webkit-gradient(linear, left top, left bottom, from(#32b665), to(#5dde8f)); /* for webkit browsers */
                background: -moz-linear-gradient(top,  #32b665,  #5dde8f); /* for firefox 3.6+ */
                -webkit-transition:box-shadow .15s linear;
                -moz-transition:box-shadow .15s linear;
                transition:box-shadow .15s linear;
            }

                    div.dashboard-stats.plan.add-clipboard:hover,  div.dashboard-stats.plan.add-clipboard.hovering, {
                        box-shadow:0 0 120px #3aaa66 inset;
                        -webkit-transition:box-shadow .15s linear;
                        -moz-transition:box-shadow .15s linear;
                        transition:box-shadow .15s linear;
                    }

                    div.dashboard-stats.plan.add-clipboard .orange {
                        border:1px solid #32b665;
                        color: #32b665;
                        background:#EAf5E7;
                        text-shadow:1px 1px 0 #ffffff;
                        box-shadow:0 2px 4px 2px #32b665;
                        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#d6e8d1'); /* for IE */
                        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d6e8d1)); /* for webkit browsers */
                        background: -moz-linear-gradient(top,  #ffffff,  #d6e8d1); /* for firefox 3.6+ */
                    }


                        div.dashboard-stats.plan.add-clipboard:hover .orange {
                            background:#EAf5E7;
                            text-shadow:1px 1px 0 #ffffff;
                            box-shadow:0 2px 4px 2px #32b665;
                            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e6f3e3'); /* for IE */
                            background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6f3e3)); /* for webkit browsers */
                            background: -moz-linear-gradient(top,  #ffffff,  #e6f3e3); /* for firefox 3.6+ */
                        }

                div.dashboard-stats.plan.add-clipboard.splash {
                    box-shadow:0 0 120px #156a8d inset;
                    background: #1e86b1;
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e86b1', endColorstr='#4bafd9'); /* for IE */
                    background: -webkit-gradient(linear, left top, left bottom, from(#1e86b1), to(#4bafd9)); /* for webkit browsers */
                    background: -moz-linear-gradient(top,  #1e86b1,  #4bafd9); /* for firefox 3.6+ */
                }

                    div.dashboard-stats.plan.add-clipboard.splash:hover, div.dashboard-stats.plan.add-clipboard.splash.hovering {
                        box-shadow:0 0 120px #2e84a7 inset;
                        -webkit-transition:box-shadow .15s linear;
                        -moz-transition:box-shadow .15s linear;
                        transition:box-shadow .15s linear;
                    }

                    div.dashboard-stats.plan.add-clipboard.splash .orange {
                        border:1px solid #156A8D;
                        color: #156A8D;
                        background:#E7F4F5;
                        text-shadow:1px 1px 0 #ffffff;
                        box-shadow:0 2px 4px 2px #1e86b1;
                        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E7F4F5', endColorstr='#c6e8eb'); /* for IE */
                        background: -webkit-gradient(linear, left top, left bottom, from(#E7F4F5), to(#c6e8eb)); /* for webkit browsers */
                        background: -moz-linear-gradient(top,  #E7F4F5,  #c6e8eb); /* for firefox 3.6+ */
                    }


                        div.dashboard-stats.plan.add-clipboard.splash:hover .orange {
                            border:1px solid #156A8D;
                            color: #156A8D;
                            background:#E7F4F5;
                            text-shadow:1px 1px 0 #ffffff;
                            box-shadow:0 2px 4px 2px #1e86b1;
                            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#c6e8eb'); /* for IE */
                            background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c6e8eb)); /* for webkit browsers */
                            background: -moz-linear-gradient(top,  #ffffff,  #c6e8eb); /* for firefox 3.6+ */
                        }

                div.dashboard-stats.plan.add-clipboard div.dashboard-stats-content {
                    width:84%;
                    height:150px !important;
                    border: none;
                    background: transparent url(/img/add-cb.png) 0 center no-repeat;
                    background-size:33%;
                }

                    div.dashboard-stats.plan.add-clipboard.splash div.dashboard-stats-content {
                        width:84%;
                        height:150px !important;
                        border: none;
                        background: transparent url(/img/add-splash.png) 0 center no-repeat;
                    }

                    div.dashboard-stats.plan.add-clipboard div.dashboard-stats-content h5 {
                        width: 73%;
                        text-align: left;
                        margin: 0 0 0 37%;
                        color:#ffffff;
                        font-size:18px;

                    }

                div.dashboard-stats.plan.add-clipboard div.dashboard-stats-content p {
                    width: 73%;
                    text-align: left;
                    margin: 0 0 10px 37%;
                    color: #ffffff;
                }

                div.dashboard-stats.plan.add-clipboard .dashboard-stats-footer {
                    display: none;
                }

        /*div#grid_elements.columns.six {
            margin-left:20px;
        }*/


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

            div#event-contact-sidebar {
                float: left;
                margin-left: 15px;
                width:95%;
                border-radius: 4px;
                /*background:#f8f7f4;*/
                height: 244px;
                position: relative;
                overflow: hidden;
                transition:height .30s ease-in-out;
                -webkit-transition:height .30s ease-in-out;
                -moz-transition:height .30s ease-in-out;
                -o-transition:height .30s ease-in-out;
            }

                div#event-contact-sidebar.no-scrolly {
                    height: auto;
                }

                    div#event-contact-sidebar.no-scrolly:hover {
                        height: auto;
                    }

                div#event-contact-sidebar.no-scrolly:before,
                div#event-contact-sidebar.no-scrolly:after {
                    display: none;
                }

                div#event-contact-sidebar:before {
                    content: '';
                    border-top:1px solid #555;
                    background: #eee;
                    height: 8px;
                    width:172px;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    z-index: 1;
                }

                div#event-contact-sidebar:after {
                    content: '';
                    position: absolute;
                    bottom:4px;
                    left:50%;
                    border-top:4px solid #555555;
                    border-right:4px solid transparent;
                    border-left:4px solid transparent;
                    z-index: 2;
                }

                div#event-contact-sidebar:hover {
                    height: 2000px;
                    max-height: 100%;
                    overflow: visible;
                }

                    div#event-contact-sidebar:hover:before,
                    div#event-contact-sidebar:hover:after {
                        display: none
                    }

            div#event-contact-sidebar div.ec-list {
                float: left;
                width: 100%;
                position:relative;
                margin-bottom:10px;
            }

                div#event-contact-sidebar div.ec-list ul.contacts li:hover .outer-info {
                    display:block;
                }

            /*.row div#grid_elements.nine.columns,*/
            div#ajax-content-div {
                margin-left:0;
                box-shadow:-5px -1px 5px rgba(0,0,0,.1);
                width:750px;
                /*background:#ffffff;*/
                min-height:280px;
                padding-bottom:30px;
            }


                /*.row div#ajax-content-div.nine.columns.contact-focus,
                .row div#grid_elements.nine.columns {
                    background:#ffffff;
                    width:771px;
                }*/

                div#ajax-content-div {
                    /*box-shadow:none;*/
                }

                div.in-element.doe div#ajax-content-div {
                    margin-top:0px;
                    /*box-shadow:0 10px 6px -10px #bbb inset;*/
                    box-shadow:none;
                }

            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 {
                    /*box-shadow:0 10px 6px -10px #bbb inset;*/
                    display: none !important;
                }

                div.columns.left-sidebar.inner {
                    /*box-shadow:-12px 2px 6px -8px #ddd inset;*/
                    margin-bottom:30px;
                }

                    div.columns.left-sidebar.inner h5.contacts {
                        /*display:none;*/
                    }

                    a.backToDashBoard.inner {
                        /*box-shadow:-12px 2px 6px -8px #ddd inset;*/
                    }

            div.columns.left-sidebar.inner div#element-contacts,
            div.columns.left-sidebar.inner div.sidebar-inner {
                float: left;
                margin-left: 12px;
                width:168px;
                border-radius: 4px;
                border: 1px solid #E0E0E0;
                padding: 5px 5px 10px 5px;
                margin-top:178px;
                /*background: #E6E5E1;*/
            }

                /*.doe div.columns.left-sidebar.inner div#element-contacts {
                    margin-top:3px;
                }*/

                /*div.columns.left-sidebar.inner div#element-contacts ul.contacts {
                    width: 87%;
                }

                div.columns.left-sidebar.inner div#element-contacts h5 {
                    border-bottom:none;
                    margin-left:3px;
                    margin-bottom:0;
                }*/

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

                div.dashboard-stats{
                    float:left;
                    transition:box-shadow .15s linear;
                    -webkit-transition:box-shadow .15s linear;
                    -moz-transition:box-shadow .15s linear;
                }

                .dashboard-stats.splash .dashboard-stats-content.none {
                    height:54px !important;
                }

                div.dashboard-stats:hover {
                    box-shadow:0 7px 8px 0 #ccc !important;
                    transition:box-shadow .15s linear;
                    -webkit-transition:box-shadow .15s linear;
                    -moz-transition:box-shadow .15s linear;
                }

        h6 {
            color:#76716a;
            float:left;
            clear:both;
            margin-bottom:0;
            padding:4px 0;
            width:100%;
            font-size:13px;
            /*background:#DEDCD8;*/
        }

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

            h6.planning-team {
                /*background:url(/images/ui/planning-team.gif) 7px 2px no-repeat;*/
                border-bottom:1px dotted #DEDCD8;
            }

            h6.vendors {
                border-bottom:1px dotted #DEDCD8;
                /*background:url(/images/ui/vendors.gif) 10px 4px no-repeat;*/
            }

        h5.contacts {
                margin-left:15px;
                border:none;
                color:#76716a;
                margin-bottom:10px;
                border-bottom:1px solid #dedcd8;
                text-shadow:none;
                /*background:url(/images/ui/event-contacts.gif) 8px 4px no-repeat;*/
            }

            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 0px 3px;
                font-weight:normal;
            }

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

                div#addContactForm {
                    float: left;
                    /*margin-left: 32px;*/
                    margin-top: -39px;
                    margin-bottom: 20px;
                    padding: 10px;
                    background:#EAf5E7;
                    border-radius:4px;
                    position:relative;
                }

                    div#addContactForm h6 {
                        font-weight: bold;
                        color: #647C6C;
                        margin-bottom: 10px;
                        margin-top: -3px;
                    }

                        div#addContactForm h6:hover {
                            box-shadow:none;
                        }


                    div#addContactForm div.contact-info {
                        border:1px solid #CAD7CE;
                        float:left;
                        padding:6px;
                        border-radius:4px;
                        margin-bottom:-10px;

                    }

                        div#addContactForm label {
                            width: 72px;
                            float: left;
                            margin-top:7px;
                        }

                        div#addContactForm input {
                            width:93%;
                        }

                        div#addContactForm select {
                            margin:6px 0 0 2px;
                            float:left;
                        }

                        div#addContactForm div.bubble_break {
                            float:left;
                            width:100%;
                            height:8px;
                        }

                    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;
                        }

                div#addContactForm div.contact-access-level {
                    border:1px solid #CAD7CE;
                    margin:10px 0;
                    float:left;
                    width:99%;
                    border-radius:4px;
                    padding: 0 0 4px 0;
                }

                    div#addContactForm div.contact-access-level span.edit-access-msg {
                        float:left;
                        margin:8px 0 5px 6px;
                    }

                    div#addContactForm div.contact-access-level span.toggle-shell {
                        margin:8px 6px -5px 0;
                    }

                    div#addContactForm div.contact-access-level div.access-edit {
                        padding:6px;
                    }

                    div#addContactForm .cancel {
                        margin-top:7px;
                    }

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

                    a.close-sprite-brown,
                    span.close-sprite-brown {
                        background:transparent url(/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 a.contacts-expand {
                width:23px;
                height:23px;
                background:url(/images/ui/expand-collapse.png) 0 0 no-repeat;
                position:absolute;
                top:13px;
                right:-10px;
                display:none;
            }

            h5.contacts a.contacts-expand:hover {
                background-position:0 -23px;
            }

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

            h5.contacts.in-element {
                margin-top:110px;
            }

        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;
            }

            a.remote-contact-view {
                color:#76716a;
                position:relative;
                float:left;
                width:100%
            }

                a.remote-contact-view:hover {
                    text-decoration:none;
                }

        /*ul.contacts.collapsed  {

        }*/

        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:tomato;
            }

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

            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.outer-info {
        position: absolute;
        z-index:80;
        background: #ffffff;
        border: 1px solid #dddddd;
        /*height: 125px;*/
        width: 320px;
        top: -12px;
        left: 70%;
        box-shadow:2px 2px 6px #a8a8a8;
        border-radius:3px;
        cursor:default;
    }

    ul.contacts.collapsed li div.outer-info img.avatar{
        margin:10px 10px 5px 10px;
        width:75px;
        height:75px;
        border: 1px solid #cccccc;
        float:right;
    }


    ul.contacts.collapsed li div.outer-info img.active{
        left:225px;
        top:21px;
    }


        div.outer-info ul.contact-outer {
            position: relative;
            float: left;
            margin: 7px 0 4px 8px;
            width: 195px;
            line-height: 11px;
            overflow:hidden;
        }

            div.outer-info ul.contact-outer li {
                font-size: 12px;
                line-height: 8px;
                padding-left:2px;
            }

                div.outer-info ul.contact-outer li:hover {
                    background:none;
                    border:1px solid transparent;
                    padding-left:2px;
                }

            div.outer-info ul.contact-outer li.name {
                margin-top:4px;
                margin-bottom:5px;
                font-weight:bold;
                font-size:15px;
                padding-left:0;
            }

                div.outer-info ul.contact-outer li.name a {
                    float:none;
                    color:#72bec9;
                }

                    div.outer-info ul.contact-outer li.name a:hover {
                        color:#ff7c11;
                    }

                div.outer-info ul.contact-outer li.edit-info a,
                div.outer-info ul.contact-outer li.edit-info {
                    font-size:10px;
                    margin-right:4px;
                    color:#ffffff;
                }

                    div.outer-info ul.contact-outer:hover li.edit-info a,
                    div.outer-info ul.contact-outer:hover li.edit-info {
                        color:#72bec9;
                    }

                        div.outer-info ul.contact-outer:hover li.edit-info a:hover {
                            color:#ff7c11;
                        }

            div.outer-info span.last_logged_in {
                font-size: 11px;
                margin-top: 6px;
                float: left;
                color:#777;
            }

            div.outer-info span.contact-tasks {
                font-size: 11px;
                margin-top: 6px;
                float: right;
                color:#777;
            }

            div.outer-info ul.contact-outer li a.send-task-email {
                margin-top:5px;
                padding:3px 4px 3px 4px;
            }

            div.outer-info ul.contact-outer div.invite-sent {
                float:left;
            }

            div.outer-info ul.contact-outer a.remote-contact-view {
                position:inherit;
            }

        div.outer-info span.outer-util {
            float: left;
            margin-top: 5px;
            margin-left: 0;
            width: 301px;
            background: /*#f8f7f4*/ #eeeeee;
            height: 32px;
            border-bottom-right-radius:3px;
            border-bottom-left-radius:3px;
            padding: 0 10px;
        }

            div.outer-info span.outer-util.unconfirmed {
                background-color: #c30000;
                color:#ffffff;
                transition:background-color .25s;
                -webkit-transition:background-color .25s;
                -moz-transition:background-color .25s;
            }

                div.outer-info span.outer-util.sent {
                    background-color:#32b665;
                    transition:background-color .25s;
                    -webkit-transition:background-color .25s;
                    -moz-transition:background-color .25s;
                }

                div.outer-info span.outer-util.unconfirmed span.unconfirmed,
                div.outer-info span.outer-util.unconfirmed a.resend-invite,
                div.outer-info span.outer-util.unconfirmed .invite-sent {
                    color:#ffffff;
                    font-size:12px;
                    margin-top:8px;
                }

                    div.outer-info span.outer-util.unconfirmed a.resend-invite {
                        float:right;
                        text-transform:capitalize;
                        color:#777;
                        margin-top:4px;
                    }

            div.outer-info span.outer-util a.send-task-email {
                float:right;
                margin:5px 10px 0 0;
            }

        div.outer-info div.inline-contact-image .gray.btn.tight {
            /*font-size:13px;*/

        }

        div.outer-info div.inline-contact-image.has-image .qq-upload-button {
            background: rgba(000, 000, 000, .6);
            border: none;
            color: white;
            text-shadow: none;
            border-radius: 0;
            padding: 0 3px 0 3px;
            margin-left: 4px;
            font-size:11px;
        }

            div.outer-info div.inline-contact-image .qq-upload-button {
                background: rgba(50, 182, 101, 0.8);
                border: none;
                color: white;
                text-shadow: none;
                border-radius: 0;
                padding: 0 3px 0 2px;
                margin-left: 4px;
                font-size:11px;
            }

        div.outer-info div.send-opts {
            position: relative;
            float: right;
            margin: 7px 7px 10px 0;
        }

            div.outer-info div.send-opts span {
                border-radius:4px;
                padding: 4px 10px;
                float: right;
                width: 60px;

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

                div.outer-info div.send-opts span span.send-darr {
                    border: none;
                    background: none;
                    border-top: 5px solid #777;
                    border-right: 5px solid transparent;
                    border-left: 5px solid transparent;
                    padding: 0;
                    border-radius: 0;
                    width: 0px;
                    text-shadow: none;
                    float: right;
                    margin-top:6px;
                }

            div.outer-info div.send-opts ul {
                position: absolute;
                top:24px;
                left:0;
                display: none;
                margin:0;
                background-color: #ffffff;
                padding: 5px 7px;
                border-bottom-right-radius: 4px;
                border-bottom-left-radius: 4px;
                width:66px;
                border:1px solid #dddddd;
                box-shadow:0 6px 13px #cccccc;
            }

                div.outer-info div.send-opts:hover ul {
                    display: block;
                }

            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 0px 2px;
                    margin-top: 8px;
                    background: #F9F8F9;
                    border-radius: 4px;
                    border: 1px solid #eeeeee;
                }

                    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 #eeeeee;
                        margin: -4px 0 0 -5px;
                        box-shadow:0 2px 9px #cccccc;
                    }

                        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;
                    background: white;
                    width: 297px;
                    z-index: 1;
                    padding: 6px 2px 0px 2px;
                    background: #F9F8F9;
                    border-radius: 4px;
                    border: 1px solid #eeeeee;
                    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:#72bec9;
                    }

                    div.contact-access ul.access-to li.clipboard {
                        color:#32b665;
                    }

                .outer-info div.contact-access ul li {
                    width:auto;
                    clear:none;
                    float:left;
                    margin-right:5px;
                    cursor: default;
                }

                    .outer-info div.contact-access ul li:last-child {
                        margin-right:0;
                    }

                    .outer-info div.contact-access ul li:hover {
                        background:inherit;
                        border:1px solid transparent;
                    }

                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:#999999;
                    margin-left:10px;
                }

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

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

        div.outer-info img.outer-info-larr {
            position:absolute;
            top: 29px;
            left: -6px;
            width:6px !important;
            height:11px !important;
            border:none !important;
        }

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

            span.show-all span {
                background:#72BEC9;
                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:#72bec9;
                }

        div.contact-access-level {
            float: left;
            width: 100%;
            margin-top: 20px;
            border: 1px solid #eeeeee;
            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 #eeeeee;
                width:100%;
                /*background:#eeeeee;*/
            }

            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:#32b665;
            }

            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 #eeeeee;
                    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 #999999;
                width: 63px;
                border-radius:4px;
                cursor:pointer;
            }

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

                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 #00ff00;
                            background: #32b665;
                            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3AD576', endColorstr='#32b665'); /* for IE */
                            background: -webkit-gradient(linear, left top, left bottom, from(#3AD576), to(#32b665)); /* for webkit browsers */
                            background: -moz-linear-gradient(top,  #3AD576,  #32b665); /* for firefox 3.6+ */
                        }

                        span.toggle-shell span.inner span.space.no, span.toggle-upload span.inner span.space.no {
                            border:1px solid red;
                            background: #c00000;
                            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D10000', endColorstr='#c00000'); /* for IE */
                            background: -webkit-gradient(linear, left top, left bottom, from(#D10000), to(#c00000)); /* for webkit browsers */
                            background: -moz-linear-gradient(top,  #D10000,  #c00000); /* 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 #dddddd;
                            margin:0 -4px;
                            position:relative;
                            box-shadow:0 0 4px #444444;
                            background: #cccccc;
                            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#aaaaaa'); /* for IE */
                            background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#aaaaaa)); /* for webkit browsers */
                            background: -moz-linear-gradient(top,  #cccccc,  #aaaaaa); /* 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#event-contact-sidebar:hover div.ec-list[group="vendor"] div.scroll-wrap {
                border-radius:4px;
            }

            div#event-contact-sidebar:hover div.scroll-wrap {
                /*box-shadow:0 -10px 8px -9px #ccc inset;*/
            }

            div#event-contact-sidebar:hover h6 {
                /*box-shadow:0 5px 8px -6px #cccccc;*/
            }

                div#event-contact-sidebar:hover div#addContactForm h6 {
                    box-shadow:none;
                }

        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.jspDrag {
                background:#a6ba9d url(/images/ui/grippy.png) center no-repeat;
            }

            div.jspTrack {
                background:#e1edd9;
            }

        div#all-ros-items {
            width:86%;
        }

        /* In element view
        ---------------------*/

        div#ec-focused-sidebar {
            padding:10px 20px 20px 20px;
            float:left;
        }

        div#ec-focused-sidebar div.ec-img {
            width:42px;
            float:left;
        }

        div#ec-focused-sidebar div.ec-data {
            float:left;
            margin:0 0 0 10px;
        }

        div#ec-focused-sidebar div.ec-data h3 {
            font-size:20px;
            color:#564f48;
            font-weight:normal;
            margin:-2px 0 0 0;
        }

            div#ec-focused-sidebar div.ec-data h3 a {

            }

        div#ec-focused-sidebar div.ec-data span {
            float:left;
            clear:both;
        }


        div.contact-element-list {
            float:left;
            margin-top:20px;
            margin-bottom:10px;
        }

            ul.contact-elements {
                margin-top:8px;
            }

        ul#contact-elements li {
            float:left;
            text-align:center;
            float: left;
            background: #f8f7f4;
            border-radius: 5px;
            /*cursor: pointer;*/
            cursor:default;
            text-align: center;
            color: #444545;
            -moz-box-shadow: 0 2px 4px rgba(0,0,0,.1);
            -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
            box-shadow: 0 2px 4px rgba(0,0,0,.1);
            border: 1px solid white;
            position: relative;
            width: 42px;
            height: 42px;
            margin-right: 10px;
        }

            ul#contact-elements li:hover {
                background:#DEDCD8;
                border:1px solid #CFD1D1;
            }

        ul#contact-elements div.element-grid-box {
            /*width:40px;*/
            float:left;
            position:relative;
        }

        ul#contact-elements div.element-grid-box img {
            width:42px;
        }

        ul#contact-elements div.element-grid-box div.eleName {
            display:none;
        }

        div.gridTabDiv[type="tasks"] {
            margin-top:-43px;
        }

        /* First View */

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

                div#only_budget div.first-view,
                div.budget_div.empty-table table,
                div.budget_div.empty-table div.tableTotals,
                div.budget_div.empty-table div.budgetAdd {
                    display:none;
                }

            /*.first-view.budget {
                background: url(/images/ui/first-view-bg-budget.png) 10px 10px no-repeat;
            }
            .first-view.tasks {
                background: url(/images/ui/first-view-bg-tasks.png) 10px 10px no-repeat;
                margin-top:75px;
            }
            .first-view.files {
                background: url(/images/ui/first-view-bg-files.png) 10px 10px no-repeat;
            }*/

                .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:#555;
                    }

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

                    .first-view div.inner p {
                        font-size:16px;
                        color:#888;
                        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:#333;
                right:10px;
                top:10px;
                padding:10px 20px;
                border-radius:4px;
                box-shadow:2px 2px 4px #cccccc;
            }

                .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 Elements
    ----------------------------------------- */
        h5.elements {
                    /*background:url(/images/ui/event-elements.gif) 8px 6px no-repeat;*/
                    border:none;
                    border-bottom:1px solid #dedcd8;
                }

            h5.elements img {
                float: left;
                margin-top: 5px;
                margin-right: 8px;
            }


            h5.elements.timeline {
                margin-bottom:5px;
            }

        div.element, #element_list_ul li {
            float:left;
            margin: 0 8px 8px 0;
            width: 84px;
            height: 84px;
            background:#eeeeee;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd'); /* for IE */
            background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd)); /* for webkit browsers */
            background: -moz-linear-gradient(top,  #ffffff,  #dddddd); /* for firefox 3.6+ */
            border-radius:5px;
            cursor:pointer;
            text-align:center;
            color:#444545;
            border:1px solid #ddd;
            position:relative;
            text-shadow:1px 1px 0 #ffffff;
            transition:all .15s linear;
            -webkit-transition:all .15s linear;
            -moz-transition:all .15s linear;
        }

            .suggested div.element {
                border:3px solid #32b665;
                background:#ebf6e8;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5faf3', endColorstr='#ebf6e8'); /* for IE */
                background: -webkit-gradient(linear, left top, left bottom, from(#f5faf3), to(#ebf6e8)); /* for webkit browsers */
                background: -moz-linear-gradient(top,  #f5faf3,  #ebf6e8); /* for firefox 3.6+ */
            }

            div.element:hover, #element_list_ul li:hover {
                background:#ebf6e8;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebf6e8'); /* for IE */
                background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebf6e8)); /* for webkit browsers */
                background: -moz-linear-gradient(top,  #ffffff,  #ebf6e8); /* for firefox 3.6+ */
                border:1px solid #32b665;
                -moz-box-shadow: 0 0 6px rgba(000,000,000,.3);
                -webkit-box-shadow: 0 0 6px rgba(000,000,000,.3);
                box-shadow: 0 0 6px rgba(000,000,000,.3);
                transition:all .15s linear;
                -webkit-transition:all .15s linear;
                -moz-transition:all .15s linear;
            }
            div.element:hover .delete_element{
                display:block;
            }

            div.element span.ele-title, #element_list_ul li span.ele-title {
                line-height: 13px;
                float: left;
                width:100%;
                margin-top: 3px;
                text-align:center;
                font-size:12px;
            }

        div.element img, #element_list_ul li img {
            width:55%;
            height:auto;
            display:block;
            margin:12px auto 0 auto;
        }
        #element_list_ul li.disabled-li:hover {
            border: 1px solid #DEDCD8;
            background:#F8F7F4;
            box-shadow:none;
            cursor:default;
        }

        div.delete_element {
            position:absolute;
            top:1px;
            left:1px;
            padding:1px 6px;
            color:#999999;
            font-size:10px;
            text-shadow:none;
        }

            div.delete_element:hover {
                background:#C30000;
                color:#ffffff;
                font-weight:bold;
                -moz-border-radius-topleft: 3px;
                -webkit-border-top-left-radius:3px;
                border-top-left-radius:3px;
                text-shadow:none;
            }

        div#addElementGridPlus {
            font-size: 50px;
            padding-top: 4px;
            font-weight: bold;
            text-shadow: 1px 1px 2px white;
            margin-bottom: 21px;
            margin-top: 15px;
        }

        div.element span.add-element {
            font-size: 50px;
            padding-top: 4px;
            font-weight: bold;
            text-shadow: 1px 1px 2px white;
            margin:14px 0 24px 1px;
            display:block;
        }

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

            /* add element pop-up */
                #element_list_ul li div.elementIMG img {
                    width:70px;
                }

        /* for the venue widget */

        div.venue-grid-block {
            width: 460px;
            text-align: left;
            padding-top: 10px;
            font-size: 18px;
            padding-bottom: 0;
            height: 71.9px;
            float: left;
        }

            div.venue-grid-block img {
                width: 17%;
                float: left;
                margin-top: -10px;
            }

            div.venue-grid-block span.ele-title {
                float: left;
                font-size:12px;
                margin-top: -5px;
                margin-bottom: 0;
                font-weight:bold;
                color:#777;
                width:auto;
            }

            div.venue-grid-block span.venue-title {
                width: 80%;
                float:left;
            }

            div.venue-grid-block span.venue-address {
                float:left;
                font-size: 12px;
                line-height: 14px;
                margin-top: 3px;
                color:#777;
            }

        /* in element venue block */

        /*div#venue-sideblock {
            float: left;
            margin-left:15px;
            margin-bottom:15px;
            width:85.2%;
            border-radius: 4px;
            border: 1px solid #E0E0E0;
            padding: 5px 5px 10px 5px;
            position:relative;
        }

            div.left-sidebar.inner.doe div#venue-sideblock {
                margin-top:2px;
            }

            div#venue-sideblock h5 {
                background: url(/images/ui/venue-h5-bg.png) 6px 4px no-repeat;
                border:none;
                padding:1px 0 0 30px;
            }

            div#venue-sideblock textarea {
                width:95%;
            }

            div#venue-sideblock a#add-v-link {
                float: right;
                clear: both;
                width: 100%;
                margin-top: 10px;
                text-align: right;
            }

            span.venue-address-set {
                float: left;
                margin-left: 30px;
                margin-top: -10px;
            }


            div#venue-sideblock div.actions {
                margin-right:6px;
                width:94%;
            }

                div#venue-sideblock a#clear-v {
                    float: left;
                    right: 10px;
                    margin-top: 3px;
                    font-size: 11px;
                    color: #555;
                }

            div#venue-sideblock div.venue-add-form input,
            div#venue-sideblock div.venue-add-form textarea {
                border:1px solid #dddddd;
                border-radius:4px;
                resize:none;
                padding:6px 3px;
                font-size:13px;
            }

                div#venue-sideblock div.venue-add-form input#venue_location {
                    width:95%;
                    margin-bottom:12px;
                }

                div#venue-sideblock div.venue-add-form a#venue-save-link,
                div#venue-sideblock div.venue-add-form a#venue-cancel-link {
                    float:right;
                    margin-left:10px;
                }

                    div#venue-sideblock div.venue-add-form a#venue-save-link:hover,
                    div#venue-sideblock div.venue-add-form a#venue-cancel-link:hover {
                        text-decoration:underline;
                    }

                    div#venue-sideblock div#venue-add-form a#venue-cancel-link:hover {
                        color:#c00000;
                    }*/

                div.venue-grid-block span.venue-empty {
                    font-size: 24px;
                    text-align: left;
                    margin-top: 20px;
                }


            div.sideblock {
                float: left;
                margin-left:4px;
                margin-bottom:15px;
                width:92%;
                border-radius: 4px;
                border: 1px solid #E0E0E0;
                padding: 5px 5px 10px 5px;
                position:relative;
            }

                div.sideblock h5 {
                    border-bottom:none;
                    margin-bottom:0;
                }

                div.paying.sideblock {
                    margin-bottom:0;
                }

                div.sideblock a.edit {
                    float:right;
                }

            div.sideblock.settings {
                margin-top:-7px;
                margin-left:15px;
                width:80%;
                border:none;
            }

                div.sideblock.settings ul li {
                    margin-left:10px;
                }

                div.sideblock.settings ul li a {
                    padding-left:10px;
                }

                    div.sideblock.settings ul li.active a {
                        font-weight:bold;
                        background:url(/images/ui/rarr-orange.png) left center no-repeat;
                    }



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

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

            h4#timeline a#add-new-ros-link {
                font-weight: normal;
                font-size: 12px;
                float: left;
                margin:10px 16px 25px 0;
            }

        div#all-ros-items {
            width:88% !important; /* make scroll fluid */
        }

            div#all-ros-blocks {
                margin-top:10px;
            }

                div.ros-block-holder {
                    float:left;
                    margin-bottom:15px;
                    width:100%;
                }

            div#all-ros-items div.jspContainer {
                width:100% !important;
            }

            div#all-ros-items div.jspContainer div.jspPane {
                width:100% !important;
            }

        h5.ros a.ros-expand {
            width:23px;
            height:23px;
            background:url(/images/ui/expand-collapse.png) 0 0 /*-46px*/ no-repeat;
            position:absolute;
            top:13px;
            right:-10px;
            display:none;
        }

            a.ros-expand.nested {
                width:23px;
                height:23px;
                background:url(/images/ui/expand-collapse.gif) 0 -69px no-repeat;
                position:absolute;
                top:13px;
                right:-10px;
            }

        h5.ros a.ros-expand:hover {
            background-position:0 -23px /*-69px*/;
        }

        h5.ros {
            margin-right:30px;
            position:relative;
            /*background:url(/images/ui/event-ros.gif) 8px 6px no-repeat;*/
        }

            h5.ros a.add-new {
                float: right;
                font-size: 12px;
                margin:5px 2px 0 0;
            }

        h5.ros img {
            position:absolute;
            top:7px;
            left:-22px;
        }

        ul.ros {
            /*margin-right:30px;*/
        }

        ul.ros li {
            padding:2px 2px 2px 8px;
            width:90%;
            border:1px solid #ffffff;
        }

        ul.ros li:hover {
            border:1px solid #a6ba9d;
            padding:2px 2px 2px 8px;
            background:#e1edd9;
            text-shadow:1px 1px 0 #ffffff;
        }

        div.ros.minimized {

        }

        /* add a ROS inline */

        form.add-ros {
            width:83%;
            padding:6px 0 6px 6px;
            background:#72bec9;
        }

        form.add-ros input,
        form.add-ros textarea,
        form.add-ros select {
            width:93%;
            background:#ffffff;
        }

        form.add-ros div.custom.dropdown {
            width:97%;
        }

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

            form.add-ros div.custom.dropdown ul {
                width:99.5%;
                background:#ffffff;
            }

        /* expanded */

        div#ros2Panel {
            position:absolute;
            right:-2000px;
            top:0;
            background-color: #999999;
            overflow-x: hidden;
            overflow-y: scroll;
            position: absolute;
            width: 77%;
            height:800px;
            box-shadow:-4px 2px 8px -4px #333;
        }

            .run-of-show-section{
                margin-left:30px;
                margin-top:12px;
            }

            .largeDate{
                background: #05C2EA;
                color: #ffffff;
                font-size: 18px;
                height: 25px;
                padding: 7px 0;
                text-align: left;
                width:  100%;
 /*               border-radius: 5px 5px 0px 0px;*/
                /*border: 1px solid #cccccc;*/
                position:relative;
                box-shadow:1px 1px 1px #cccccc;
                /*  text-shadow:1px 1px 0 #ffffff;*/
            }

                .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;
                }

                .edit-ros-block,.delete-ros-block{
                    font-size:12px;
                    padding:1px 9px;
                    float:right;
                    display:none;
                    border-radius:4px;
                    -webkit-border-radius:4px;
                    -moz-border-radius:4px;
                    color:#ffffff;
                    margin-right:10px;
                }
                .edit-ros-block {
                    /*background-color:#FCB040;*/
                    background:rgba(255, 255, 255, .2 );
                }

                .delete-ros-block {
                    /*background-color:#C30000;*/
                    background:rgba(255, 255, 255, .2 );
                }

                    .largeDate:hover .delete-ros-block,
                    .largeDate:hover .edit-ros-block {
                        display:block !important;
                    }

                    .delete-ros-block:hover,
                    .edit-ros-block:hover {
                        color:#ffffff;
                        /*text-decoration:underline;*/
                        background:rgba(255, 255, 255, .4 );
                    }

                .ros-dateholder {
                    margin-left: 10px;
                    margin-top:2px;
                    line-height: 22px;
                    float:left;
                    position:relative;
                }



                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;
                    }

                input.new-ros-action {
                    float:right;
                    margin-right:20px;
                    margin-top:1px;
                    padding:3px 7px 3px 19px;
                    font-size:12px;
                    color:#ffffff;
                    text-shadow:-1px -1px 0 #EB9B21;
                    border:1px solid #D88F1F;
                    border-radius:4px;
                    -webkit-border-radius:4px;
                    -moz-border-radius:4px;
                    background:#fcb040 url(/images/ui/plus-x.png) 6px 7px no-repeat;
                    white-space:nowrap;
                    float:right;
                    cursor:pointer;
                }

                    input.new-ros-action.pressed-button {
                        box-shadow:1px 1px 5px #b17417 inset;
                        background:#fcb040 url(/images/ui/plus-x.png) 6px -41px no-repeat;
                    }

            .timeConsole {
                background:#f8f7f4;
                float:left;
                padding: 15px 0 15px 0;
                width:748px;
                display:none;
                border-right: 1px solid #eeeeee;
                border-bottom: 1px solid #eeeeee;
                border-left: 1px solid #eeeeee;
                box-shadow:0 12px 13px -13px #222 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;
                }

                    .timePickBox .timeControl, #add-new-schedule-line .timeControl {
                        margin-left: 95px;
                        margin-top: 18px;
                    }

                .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:#76716A;
                    }

                    .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;
                }


            div.ros-block-holder div.table {
                width:100%;
                float:left;
            }

                div.ros-block-holder div.table table tbody tr td.first-cell {
                    width:5%;
                }

                div.ros-block-holder div.table table tbody tr td.desc {
                    width:65.8%;
                    padding:5px 0 4px 0;
                }

                div.ros-block-holder div.table table tbody tr td.contact {
                    width:24%;
                }

            div.ros-block-holder table {
                margin-left:0;
            }

            div.new-ros-link {
                float:left;
                clear:both;
                width:100%;
                margin:15px 0 30px 0;
            }

            #add-new-schedule-line{

            }

        .timePickBox {
            background-color: white;
            border: 5px solid #32B665;
            left: 120px;
            top: -43px;
            padding: 10px;
            position: absolute;
            width: /*130px*/ 295px;
            z-index:50;
        }

            .timePickBox div.time, #add-new-schedule-line div.time {
                background:#ffffff;
                /*height: 25px;*/
                /*width: 57px;*/
                float: left;
                border:1px solid #e9e9e9;
                border-radius:4px;
                margin-right:15px;
                position:relative;
            }
           #add-new-schedule-line .time-picker-start{
                float:left;
                margin:-10px 0 0 0;
           }

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

               .timePickBox  a.add-ros-end-date{
                    float: left;
                    background: #EAf5E7;
                    padding: 10px 30px;
                    border-radius: 4px;
                    color:#76716a;
                }

                .timePickBox a.close-sprite-brown, #add-new-schedule-line a.close-sprite-brown {
                    position: absolute;
                    right: 0;
                    top: 12px;
                }
                #add-new-schedule-line .time-end-holder{
                    margin-right:13px;
                    margin-top:19px;
                }

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

            .timePickBox p {
                border-bottom: 1px solid #cccccc;
                font-weight: bold;
                margin-bottom: 10px;
                padding-left: 0 !important;
                width: 100%;
            }

            .timePickBox .pointer {
                height: 30px;
                left: -25px;
                top: 43px;
                position: absolute;
                width: 30px;
                background:url(/css/images/pointer.png) no-repeat;
            }

            .timePickBox div.actions {
                margin-top:11px;
                margin-right:16px;
            }

        .frosty {
           opacity: 0.4;
        }

        .ui-timepicker{ float:left;/*border:1px solid #CCCCCC;*/ 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:#05C2EA;
            }

            .ui-spinner.meridian .solo-meridian{
                border:none;
                padding:10px 4px 8px 0;
                margin:0 4px;
                background:url(/images/tiny-arrow.png) 9px 28px no-repeat;
            }

            .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: #32B665;
            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;}

        .ros_description{
            width:360px;
            background-color:#fff !important;
            border:1px solid #E9E9E9 !important;
        }
        .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: #999999;
            cursor: pointer;
            font-size: 11px;
            font-weight: bold;
            margin-left: 2px;
            margin-top: 0;
            position: inherit;
        }

        #add-new-ros-block{
            border:3px solid #bbb;
            background-color:#eeeeee;
            padding:14px 0 9px 10px;
            border-radius:4px;
            -webkit-border-radius:4px;
            -moz-border-radius:4px;
            float:left;
            width:180px;
            margin-left:10px;
            box-shadow:0 0 100px rgba(0, 0, 0, .2) inset, 0 25px 14px rgba(255,255,255,1) inset;
       }
       #add-new-ros-block.fixed{
        position:fixed;
        top:13px;
       }
        #add-new-ros-block h5{
            border-bottom: 1px solid #DDD;
            margin: -14px 0 20px -10px;
            text-align: center;
            border-radius: 4px 4px 0 0;
            text-shadow: 1px 1px 0 white;
            color: #888;
        }

        #add-new-ros-block input{
            font-size:14px;
            margin:0px 0 0 0;
        }

            #add-new-ros-block input#ros-line-date {
                padding:8px 8px 6px 8px;
            }

        #add-new-ros-block span.dash{
            right: 57px;
            font-weight: normal;
            white-space: nowrap;
            top: -18px;
        }
        #ros-line-contact{
            margin-top: 5px;
        }
        div#add-new-ros-block div#ros-cal {
            float:left;
            margin:6px 0 10px 0;

        }
        #add-new-schedule-line a.add-ros-end-date {
            float: left;
            clear: left;
            margin-left: 41px;
            margin-top: 10px;
        }
        /*#add-new-ros-block .ui-datepicker{
            z-index:5003 !important;
        }*/


           /* #add-new-ros-block b {
                margin-left:30px;
            }*/

            #add-new-ros-block label.tag{
                font-weight:normal;
                float:left;
                width:40px;
                font-size:20px;
                text-shadow:1px 1px 0 #fff;
            }
            #ros-line-date{
                width:100px;
            }
            #ros-description{
                width: 157px;
                height: 45px;
                resize: none;
                border-radius: 4px;
                padding: 5px;
                box-shadow: 0 2px 4px rgba(0,0,0,.2) inset;
                border: 1px solid #CCC;
            }

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

                 .event-date-contain a {
                    background: white;
                    color: #444;
                    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;
            }
            #add-new-ros-block div.actions {
                margin-top:5px;
                margin-right:10px;
            }

                #add-new-ros-block div.actions a#save-new-ros {
                    width: 160px;
                    text-align: center;
                    position: relative;
                }

                    #add-new-ros-block div.actions a#save-new-ros b {
                        position: absolute;
                        font-size: 18px;
                        right: 14px;
                        top: 1px;
                    }

            #add-new-ros-block div#ros-cal-date {
                margin-top: 10px;
                margin-right: 5px;
                margin-bottom: 0px;
                margin-left: auto;
                font-size: 11px;
                text-align: right;
            }

        /* end inline findings */


        /* timeline table */
        div#all-ros-blocks table tbody tr td {
            border:none;
            border-bottom:1px dotted #dedcd8;
        }

            div#all-ros-blocks table tbody tr td.first-cell {
                border-right:1px dotted #dedcd8;
                border-left:1px dotted #dedcd8;
                padding:0 20px 0 0;
            }

            div#all-ros-blocks table tbody tr td.first-cell div.category_select_box {
                width:100px;
                padding-top:9px;
                position:relative;
            }

            div#all-ros-blocks table tbody tr td.first-cell div.category_select_box div.time-holder {
                white-space:nowrap;
            }

            div#all-ros-blocks table tbody tr td.contact {
                /*border-right:1px solid #dedcd8;*/
                padding-right:0;
            }

            div#all-ros-blocks table tbody tr td.editing_cell.delete span.delete-wrap {
                display:block;
                width:14px;
                height:14px;
                cursor: pointer;
            }

                div#all-ros-blocks table tbody tr:hover td.editing_cell.delete {
                    background:#9BE7F7 !important;
                }

                /*div#all-ros-blocks table tbody tr:hover td.editing_cell.delete span.delete-wrap { */
                /*    display:block;*/
                /*    position:relative;*/
                /*    float:right;*/
                /*    width:14px;*/
                /*    height:14px;*/
                /*}*/

                    div#all-ros-blocks table tbody tr:hover td.editing_cell.delete {
                        background:none;
                    }

                    div#all-ros-blocks table tbody tr td.editing_cell.delete img {
                        padding: 11px 0 12px 10px;
                        position: absolute;
                        right: -18px;
                        padding-left:10px;
                        display:none;
                    }

                        div#all-ros-blocks table tbody tr:hover td.editing_cell.delete img {
                            display:block;
                        }

        div#all-ros-blocks table tbody tr td ul.selectReplacement {
            margin-top:2px;
        }

            div#all-ros-blocks table tbody tr td ul.selectReplacement.timeline li img {
                width:25px;
                height:25px;
                float:left;
                margin-right:5px;
            }

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

            }

            div#all-ros-blocks table tbody tr td ul.selectReplacement.selectOpen li {
                width:140px;
            }

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

    div.grid-element-focused,
    div#event-contact-focused {
        /*margin-left:-10px;*/
        width:98%;
        padding-top:9px;
        margin-bottom: 90px;
    }

        div.gridElementTabbedContent {
            clear:both;
        }

    div.element-sidebar h5.elements {
        display:block;
    }

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

    /* for the util belt */

    div.element-util-belt {
        float:left;
        margin:0px 0 10px 0;
        background:#ffffff;
        border-bottom:1px solid #eeeeee;
        width:100%;
        position:relative;
        z-index:40;
        display:none;
    }

        div.element-sidebar {
            float: left;
            /*position: absolute;
            top: -72px;*/
            z-index: 999;
/*            left: -234px;*/
        }

            div.element-sidebar a.alleles {
                border:1px solid #dedddb;
                margin-left: 10px;
                color: #564F48;
                font-family: 'ApexSansBold';
                width: 199px;
                float: left;
                padding: 6px 0 3px 0;
                border-radius: 0 4px 4px 0;
                text-align:center;
                margin-left:14px;
                transition:all .15s linear;
                -webkit-transition:all .15s linear;
                -moz-transition:all .15s linear;
            }

                div.element-sidebar a.alleles:hover {
                    color:#ffffff;
                    background:#05c2ea;
                    width:189px;
                }



        div.selected-element {
            float: left;
            clear:left;
            width:185px;
            cursor: pointer;
            margin-left: 14px;
            border-radius: 0 4px 4px 0;
            padding: 0px 0px 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:#DEDCD8;
            }

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

            div.selected-element span.icon {
                float:left;
                margin-left:48px;
                /*border: 1px solid #CCC;
                border-radius: 4px;
                background: #E6E5E1;*/
            }

               div.selected-element:hover span.icon {
                    /*background:#EAF5E7;*/
                }

            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: #564F48;
                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;
            }

                div.selected-element span.title span.ele-darr {
                    border-top:5px solid #564F48;
                    border-right:4px solid transparent;
                    border-left:4px solid transparent;
                    position: relative;
                    top: 107px;
                    left:-16px;
                }

            div.selected-element span.title span#currentEleName {
                /*padding: 12px 12px 12px 5px;*/
                margin-top: 3px;
                font-family:'ApexSansBold';
                font-size:/*26px*/ 20px;
                width:100%;
                text-shadow:1px 1px 0 rgba(255,255,255,.5);
                background:url(/images/eledarr.png) right 11px no-repeat;
                padding-right:13px;
            }

                div.selected-element:hover span.title span#currentEleName {
                    /*background: #EAF5E7;*/
                }

            div.selected-element span.title small {
                font-size: 28px;
                opacity: .5;
                font-style: normal;
                float:left;
                margin-top:10px;
                text-transform:capitalize;
            }

    div#elementSelectIcon {
        float:left;
    }

        div#elementSelectIcon img {
            width:55px;
        }

    ul#gridElementSelect {
        width:16%;
        z-index:10;
        cursor:pointer;
        float:left;
        margin-top:6px;
    }

        div.element-sidebar ul#gridElementSelect {
            display:none;
            -moz-box-shadow: 2px 2px 6px rgba(0,0,0,.4);
            -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,.4);
            box-shadow: 2px 2px 6px rgba(0,0,0,.4);
            border:1px solid #cccccc;
        }

            div.element-sidebar ul#gridElementSelect.selectOpen {
                display:block;
                margin-top: 40px;
                margin-left: 20px;
                width:186px;
                border-top-left-radius:0;
            }

        ul#gridElementSelect.selectOpen {
            position:absolute;
            display:block;
            margin-top:-8px;
            border:2px solid #dddddd;
            background:#ffffff;
            -moz-box-shadow: 0px 3px 8px rgba(0,0,0,.4);
            -webkit-box-shadow: 0px 3px 8px rgba(0,0,0,.4);
            box-shadow: 0px 3px 8px rgba(0,0,0,.4);
            z-index:999;
            height:300px;
            overflow-x:hidden;
            overflow-y:scroll;
            border-radius:4px;
        }

        ul#gridElementSelect li {
            float:left;
            clear:both;
            margin-left:15px;
            width:100%;
            display:none;
        }

            div.element-util-belt ul#gridElementSelect li {
                display:block;
            }

            ul#gridElementSelect.selectOpen li {
                display:block;
            }

                ul#gridElementSelect.selectOpen li img,
                ul.selectReplacement.selectOpen li img {
                    float:left;
                    width:25px;
                }

                ul#gridElementSelect.selectOpen li span,
                ul.selectReplacement.selectOpen li span {
                    margin: 5px 0 0 4px;
                    float: left;
                    color:#564f48;
                }

        ul#gridElementSelect li img.elementSelectIcon {
            display:block;
            float:left;
            width:30px;
        }

        ul#gridElementSelect:hover li:hover {
            background:#647c6c url(/images/top.gif) no-repeat right 11px !important;
            color:#ffffff;
        }


    ul#gridElementSelect li.selected span.type {
        margin-top:38px;
        float:left;
    }

    ul#gridElementSelect li.selected {
        display:block;
        font-size:24px;
        float:left;
        display:block;
        color:#647c6c;
        margin-left:0;
        padding:10px;
        border-radius:4px;
        background:url(/images/top.gif) no-repeat right 11px;
    }

        ul#gridElementSelected li.selected:hover {
            background-color:#647c6c !important;
        }

        ul#gridElementSelect.selectOpen li,
        ul#gridElementSelect.selectOpen li.selected {
            margin-left:0;
            border-radius:0;
            background:#ffffff;
            -webkit-transition:background-color .35s linear;
            -moz-transition:background-color .35s linear;
            transition:background-color .35s linear;
        }

        ul#gridElementSelect.selectOpen li:hover {
            background:#dedcd8 !important;
            color:#ffffff;
            /*text-shadow:1px 1px 0 #ffffff;*/
            -webkit-transition:background-color .35s linear;
            -moz-transition:background-color .35s linear;
            transition:background-color .35s linear;
        }

        ul#gridElementSelect.selectOpen li.selected {
                background:#EAf5E7;
                background-image:none;
                font-size:14px;
                padding:5px 10px;
                margin-left:0;
            }

        ul#gridElementSelect li.selected img.elementSelectIcon,
        ul#gridElementSelect:hover li.selected img.elementSelectIcon {
            float:left;
            display:block;
            width:100px;
            opacity:.9;
        }

    div.element-util-belt ul#gridElementSelect {
        display:none;
    }

        div.element-util-belt ul#gridElementSelect.selectOpen {
            display:block;
            top: 63px;
            left: 3px;
        }

    div.element-util-belt div.actions {
            position:relative;
            padding:20px 8px 15px 8px;
            float:left;
            margin-right:15px;
            width:98.5%;
        }

            div.element-util-belt div.actions a.add-btn,
            div.element-util-belt div.actions a.extras {
                float:right;
                font-size:12px;
                margin-right:10px
            }

                div.element-util-belt div.actions a.add-btn {
                    margin-left:12px;
                    float:left
                }

                    div.element-util-belt div.actions a.add-btn:active {

                    }

                div.element-util-belt div.actions a.extras {

                }

        div.quick-box {
            display:none;
            padding:20px 0 0 10px;
            position: relative;
            margin-left:1.5%;
            margin-top:-15px;
            float:left;
            width:96%;
            z-index: 30;
            border-radius:4px;
            background:#32b665;
            box-shadow:0 15px 13px -13px #222 inset;
        }

            div.quick-box {
                display:none;
            }

            div.quick-box span.box-title {
                float: left;
                font-size: 12px;
                font-weight: bold;
                margin:12px 10px 5px 0;
                color: #ffffff;
            }

                div.quick-box div#addFile span.box-title {
                    margin:6px 10px 20px 0;
                }

            div.quick-box span.no-suggestions {
                float: left;
                clear: both;
                margin: 10px 0;
                width: 100%;
                text-align: center;
            }

            div.quick-box input {
                float:left;
                margin-right: 4px;
                border: 1px solid #cccccc;
                border-radius: 4px;
                padding:8px 4px;
            }

            div.quick-box input[type=button] {
                width: 10%;
                padding: 4px 0;
                margin-left:15px;
            }

            div.quick-box.budget input {
                float: left;
                width: 5%;
                margin-right: 4px;
                border: 1px solid #cccccc;
                border-radius: 4px;
            }

                div.quick-box.budget input.item-desc {
                    width:45%;
                }

                    div#quick-box2.quick-box.budget input.item-desc {
                        width:30%;
                    }

                    div#quick-box2.quick-box.budget select.ec-element-select {
                        float:left;
                        margin:9px 30px 0 0;
                    }

                div.quick-box.budget input.total {
                    width:10%;
                }

                div.quick-box input[type=button] {
                    margin-top: 2px;
                    margin-left: 10px;
                    border-radius: 4px 4px 4px 4px;
                    color: white;
                    cursor: pointer;
                    font-size: 12px;
                    padding:7px 10px;
                    text-shadow: -1px -1px 0 #EB9B21;
                    white-space: nowrap;
                    border: 1px solid #D88F1F;
                    background: #FCB040;
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCB040', endColorstr='#F3AB3C'); /* for IE */
                    background: -webkit-gradient(linear, left top, left bottom, from(#FCB040), to(#F3AB3C)); /* for webkit browsers */
                    background: -moz-linear-gradient(top,  #FCB040,  #F3AB3C); /* for firefox 3.6+ */
                }

                    div.quick-box.budget input[type=button]:hover {
                        box-shadow:0 2px 4px #dddddd;
                    }

                    div.quick-box input[value=Done] {
                        background: none;
                        text-shadow: none;
                        border: none;
                        padding: 8px 2px 7px 2px;
                        color:#888;
                    }

                    div.quick-box div#addFile input[type=button] {
                        margin-top:0;
                    }

                    div.quick-box div.spinner-budget {
                        float:left;
                        margin:10px 0 0 10px;
                    }


                div.quick-box.budget div.budget {
                    display:block;
                }
                    div.quick-box.budget div.tasks,
                    div.quick-box.budget div.files,
                    div.quick-box.budget div.suggested.tasks,
                    div.quick-box.budget div.suggested.items {
                        display:none;
                    }

                div.quick-box.tasks div.tasks {
                    display:block;
                }
                    div.quick-box.tasks div.budget,
                    div.quick-box.tasks div.files,
                    div.quick-box.tasks div.suggested.tasks,
                    div.quick-box.tasks div.suggested.items {
                        display:none;
                    }

                    div.quick-box.tasks div.tasks input.quick-task-desc {
                        width:54.5%;
                    }

                    div.quick-box.tasks div.tasks input.due-by {
                        width:6%;
                    }

                    div.quick-box.tasks div.tasks input.set-lead {
                        width:10%;
                    }

                div.quick-box.files div.files {
                    display:block;
                }
                    div.quick-box.files div.budget,
                    div.quick-box.files div.tasks,
                    div.quick-box.files div.suggested.tasks,
                    div.quick-box.files div.suggested.items {
                        display:none;
                    }

                    div.quick-box.files div.files input.file-upload {
                        width:220px;
                        margin:-2px 0 0 10px;
                        border:none;
                    }

                    div.quick-box.files div.files input.file-desc {
                        width:40%;
                    }

                div.quick-box.suggested.tasks div.suggested.tasks {
                    display:block;
                }

                    div.quick-box.suggested.tasks div.budget,
                    div.quick-box.suggested.tasks div.tasks,
                    div.quick-box.suggested.tasks div.files,
                    div.quick-box.suggested.tasks div.suggested.items {
                        display:none;
                    }

                div.quick-box.suggested div.suggested ul {
                    clear: left;
                    margin: 5px 30px 12px 0;
                    float: left;
                    width: 100%;
                }

                    div.quick-box.suggested div.suggested ul.r2 {
                        clear:none;
                        margin-right:0;
                    }

                    div.quick-box.suggested div.suggested ul li {
                        padding-left:10px;
                        margin:0;
                        float:left;
                        width:100%;
                        border-bottom:1px dashed #dddddd;
                    }

                        div.quick-box.suggested div.suggested ul li a {
                            float:left;
                            width:100%;
                            padding-top:12px;
                            padding-bottom:1px;
                        }

                        div.quick-box.suggested div.suggested.tasks ul li {
                            width:45%;
                            margin-right:30px;
                            float:left;
                        }

                        div.quick-box.suggested div.suggested.tasks ul li:hover {
                            background:#32b665;
                            color:#ffffff;
                            padding-bottom:2px;
                            border-bottom:none;
                        }

                            div.quick-box.suggested div.suggested.tasks ul li:hover a {
                                color:#ffffff;
                                padding-top:7px;
                                padding-bottom:5px;
                            }

                            div.quick-box.suggested div.suggested ul li a span.add-this {
                                float: right;
                                display: none;
                                margin-right: 12px;
                                margin-top: -3px;
                                font-size: 20px;
                                /*background: #eeeeee;*/
                                font-weight: bold;
                                color:#ffffff;
                            }

                                div.quick-box.suggested div.suggested.tasks ul li:hover a span.add-this {
                                    display:block;
                                }

                div.quick-box.suggested div.suggested.items {
                    display:block;
                }

                    div.quick-box.suggested.items div.budget,
                    div.quick-box.suggested.items div.tasks,
                    div.quick-box.suggested.items div.files,
                    div.quick-box.suggested.items div.suggested.tasks {
                        display:none;
                    }

                    div.quick-box.suggested div.suggested.items ul {
                        width:100%;
                    }

                        div.quick-box.suggested div.suggested.items ul li {
                            width: /*13.5%*/ /*17.3%*/ 156px;
                            border: 1px solid #dddddd;
                            margin:0 1.5% 1.5% 0;
                            background:#F8F7F4;
                            border-radius:3px;
                        }

                            div.quick-box.suggested div.suggested.items ul li.st-block:hover {
                                box-shadow: 0 0 6px #FCB040;
                                border: 1px solid #FCB040;
                            }

                            div.quick-box.suggested div.suggested.items ul li ul {
                                text-align:center;
                            }

                                div.quick-box.suggested div.suggested.items ul li ul li {
                                    float: left;
                                    clear: both;
                                    width: 100%;
                                    border:none;
                                    padding:0;
                                    margin:8px 0 0 0;
                                }

                                div.quick-box.suggested div.suggested.items ul li ul li span {
                                    float:left;
                                    margin:7px 3px 0 0;
                                    font-size:11px;
                                    display:none;
                                }

                            div.quick-box.suggested div.suggested.items ul li ul li.type {
                                font-size:15px;
                                font-weight:bold;
                                margin:10px 0 0 -5px;
                                height:40px;
                            }

                            div.quick-box.suggested div.suggested.items ul li ul li input.qty {
                                width:/*50%*/ 25%;
                                margin-bottom:0;
                                padding:4px 8px 4px 20px;
                                text-align:center;
                                background:#fff url(/images/qty.png) 2px 8px no-repeat;
                            }

                            div.quick-box.suggested div.suggested.items ul li ul li input[type="button"] {
                                width:/*40%*/ 42%;
                                padding: 3px 2px;
                                float: left;
                                margin:0px 11px -9px 5px;
                            }




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

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

        table thead {
            background:#ddd;
        }

        table thead tr th {
            padding:5px 0 4px 5px;
            color:#555;
            font-size:11px;
            text-shadow:1px 1px 0 #ffffff;
            /*border-bottom:1px solid #647c6c;*/
            border-right:1px solid #ffffff;
        }

        table thead tr th.blankTH {
            background:#ffffff;
            border-right: 1px solid #eeeeee;
            border-left: 1px solid #eeeeee;
            width:1px;
            border:none;
        }

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

            table thead tr th.budgetHours {
                width:6%;
            }

            table thead tr th.budgetRate,
            table thead tr th.budgetTax,
            table thead tr th.budgetGrat {
                width:9%;
            }

            table thead tr th.budgetTotal {
                width:13%;
                border-right:1px solid #E6E5E1;
            }

            table thead tr th.budgetVendor {
                width:17%;
            }

            table thead tr th.budgetPaid {
                width:20px;
                padding: 3px 4px 3px 0;
                border-right: 1px solid #eeeeee;
            }

            /* align things */
            table thead tr th.budgetRate,
            table thead tr th.budgetTax,
            table thead tr th.budgetGrat,
            table thead tr th.budgetTotal {
                text-align:left;
                /*padding-right:10px;*/
            }

                table tbody tr td.rate input,
                table tbody tr td.tax,
                table tbody tr td.tip,
                table tbody tr td.total input,
                table tbody tr td.hours input {
                    text-align:right;
                }

                    table tbody tr td.tax,
                    table tbody tr td.tip{
                        padding:0;
                    }
                    table tbody tr td.vendor{
                        padding:0 0 0 4px;
                    }

                    table tbody tr td.vendor ul.selectReplacement {
                        /*padding-left:5px;*/
                    }




        table tbody tr {
            background:#ffffff;
        }

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

        table tbody tr td {
            position:relative;
            border-right:1px dashed #eeeeee;
            border-bottom:1px solid #eee;
            cursor:pointer;
            padding:4px 10px 0 10px;
            /*color:#647C6C;*/
            color:#555;
            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:#555;
            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:#777;
            }

                td[field_type="actual_total"] {
                    background-color:#EAF5E7;
                }
                td[field_type="actual_total"].disabled-td {
                    background-color:#EAF5E7;
                }


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

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

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

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

            table tbody tr td[field_type="tax"] ul.selectReplacement.selectOpen {
                height:100px;
            }
            table tbody tr td[field_type="tip"] ul.selectReplacement.selectOpen {
                height:150px;
            }

            table tbody tr td:last-child {border:none;}

        div.budget-checkbox img {
            width:14px;
            margin-top:8px;
        }

            /* hover & focused states */
            table tbody tr td:hover {
                /*background:#E7F4F5;*/
            }

            table tbody tr:hover {
                background:#9be7f7;
            }

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

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

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


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

            tfoot tr td.add-cell a.add-budget-line {
                float:left;
            }

        /* totals */


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

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

            div.tableTotals div.subtotals {
                padding:10px 10px 5px 10px;
                border-bottom:1px dashed #eeeeee;
            }

            div.tableTotals div.grand-total{
                padding:8px 10px 0 10px;
                background:#FDFCDC;
                font-weight:bold;
            }
            div.tableTotals div.actual-total{
                padding:8px 10px 0 10px;
                background:#EAF5E7;
                font-weight:bold;
            }

            .taxLabel, .gratLabel, .totalLabel, .budget-total-holder {
                color: #76716a;
                display: inline;
                float: left;
                /*font-weight: bold;*/
                height: 20px;
                line-height: 17px;
                text-align: right;
                text-transform: uppercase;
                /*width: 100px;*/
            }

            .taxTotal, .gratTotal, .element-quick-data{
                display: inline;
                float: right;
                text-align: right;
            }

            .budgeting-total,.actual-budgeting-total {
                border: 0 none !important;
                display: inline;
                float: right;
                font-size: 18px;
                font-weight: bold;
                text-align: right;
                padding-bottom:8px;
            }

            /* suggested line items */

            div.budgetAdd,
            div.suggested-tasks-holder {
                float:left;
            }

            table tbody tr.paid-for-item,
            table tbody tr.paid-for-item td.disabled-td {
                /*background:#EDFEE7;*/
            }

                table tbody tr.paid-for-item td.editing_cell,
                table tbody tr.paid-for-item td.spacer-td {
                    background:#ffffff;
                }


                table tbody tr.paid-for-item:hover td.editing_cell,
                table tbody tr:hover td.editing_cell {
                    background: #fff url(/images/ui/drag-row.gif) 0 8px no-repeat;
                }

            div.budgetAdd div a.add-budget-line {
                float: left;
                margin-left: 55px;
                margin-top: 10px;
            }

        /* 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 #eeeeee;
                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 #eeeeee;
            }

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

            /* 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
        -------------------*/

        table tbody tr td.editing_cell {
            border:none;
            width:0;
            padding:0;
            /*background:#ffffff;*/
            cursor:pointer;
            position:relative;
        }

            table tbody tr td.editing_cell.delete {
                /*position:absolute;
                padding:8px;
                top:0;
                left:0;
                width:10px;
                height:10px;*/
                background:transparent;
                width:14px;
            }
                table tbody tr:hover td.editing_cell.delete {
                    background:#eee url(images/deletebtn.png) 2px 12px no-repeat !important;
                }

        table tbody tr:hover td.editing_cell.drag-active {
            background: #fff url(/images/ui/drag-row.gif) 0 10px no-repeat;
            cursor:move;
        }

            table tbody tr td.editing_cell.drag-active {
                background: url(/images/ui/drag-row.gif) 0 8px no-repeat;
            }

            table tbody tr.myDragClass td.editing_cell.drag-active:active {
                background: transparent url(/images/ui/drag-row.gif) 0 8px no-repeat !important;
                /*background-image:none;*/
                cursor:pointer !important;
            }

        table tbody tr td.editing_cell div.delete-row {
            background: none repeat scroll 0 0 #C94343;
            border-radius: 4px 4px 4px 4px;
            color: white;
            font-size: 12px;
            font-weight: bold;
            padding: 1px 6px 1px 6px;
            text-decoration: none;
            margin-top:5px;
            margin-right:-22px;
            opacity:.5;
        }

            table tbody tr td.editing_cell div.delete-row:hover {
                opacity:1;
            }

        /*----------------------
            budget overview
        ----------------------*/

        div#overview-sidebar { margin-top: 143px; }
        div.budget-data.overview {
            padding:10px;
            font-size:16px;
        }

            div.budget-data.overview div {
                clear: left;
                float: left;
                margin-bottom: 10px;
                margin-right: 10px;
            }

                div.budget-data.overview div.overviewSectionHeader {
                    clear:left;
                }

            div.budget-data.overview span {
                float:left;
            }

        div.budget-data.overview div.addEle {
            float:left;
            width:200px;
        }

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

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

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



    ul.task_list {
        float:left;
        margin-left:23px;
        margin-top:31px;
        margin-bottom:25px;
        width:100%;
    }

    ul.task_list li div.dragHandle {
        float:left;
        cursor:pointer;
        width:10px;
        height:64px;
        background: #fff url(/images/ui/drag-row.gif) 0px 21px no-repeat;
        opacity: 0;
    }

    ul.task_list li .taskItem {
        float:left;
        width:670px;
    }

    ul.task_list li:hover div.dragHandle {
        opacity: 1;
        background: #fff url(/images/ui/drag-row.gif) 0 21px no-repeat;
        cursor:move;
    }

    .add_task_div {
        cursor: pointer;
        display: inline-block;
        padding-bottom: 10px;
        padding-right: 5px;
        white-space: pre-line;
        /*width: 460px;*/
        float: left;
        margin-top:8px;
    }

    .taskContactWrap {
        float: right;
        width: 245px;
        margin-top:7px;
    }

        .taskContactWrap div.setContact a {

        }

                    .taskContactWrap div.setContact a img {
                        float:left;
                        width:30px;
                        margin-top:-10px;
                    }

                    .taskContactWrap div.setContact a span {
                        float:left;
                        margin:0 0 0 10px;
                    }

    .task-deadline-div {
        float: left;
        text-align: left;
        width: 85px;
        height:20px;
        margin-right:15px;
    }

    .task-contact-div {
        float: left;
        text-align: left;
    }

        .task-contact-div a {
            cursor:pointer;
        }

    .add_task_input{ float:left; width:235px;}

    .add_task_div{
        cursor: pointer;
        padding-right: 5px;
        white-space: pre-line;
        /*width: 65%;*/
        float:left;
        font-size:16px;
        margin-top:6px;
        margin-left:8px;
        font-size:16px;
        padding-bottom:0;
        max-width: 360px;
    }

    .add_task_div2 {
        cursor: pointer;
        float: left;
        padding-right: 5px;
        padding-left: 10px;
        width: 55%;
    }

        .add_task_div2 div.edit-task-fields input {
            width:55%;
            margin-bottom:-1px;
        }

        a.save_task_link {
            float:left;
            margin-left:15px;
        }

    .add-to-schedule{ float:right;color:#999999; padding-right:5px;}
    .green-arrow-complete{  color: #32B665;
        float: left;
        clear:both;
        font-size: 14px;
        font-weight: bold;
       /* opacity: 0.2;*/
        padding-top: 6px;
        padding-right:10px;
        cursor:pointer;
        width:15px;
        margin-top:-3px;
    }

    .green-arrow{  color: #32B665;
        float: left;
        clear:both;
        font-size: 14px;
        font-weight: bold;
        padding-top: 6px;
        cursor:pointer;
        width:15px;
        padding-right:10px;
        margin-top:-3px;
    }
    .completed-task{
         color: #999999;
        float: left;
        /*font-style: italic;*/
        text-decoration:line-through;
    }
    .editable-task{
        color:#32B665;
    /*  text-decoration:underline;*/
    }

        ul.task_list li {
            float:left;
            margin-bottom:0;
            width:98%;
        }

            ul.task_list li.ui-sortable-placeholder {
                background:#f9f8f9;
                visibility: visible !important;
                box-shadow:0 0 15px #ddd inset;
            }

            ul.task_list li:hover {
                background:#E7F4F5;
            }


        #tasks-overview-content .accordionWide{
            margin-top:1px;
        }

        div#task-overview-container .add_another_task {
            float:left;
            margin:0px 0px 20px 48px;
        }


    div.taskItem div.clear {
        float:left;
        clear:both;
        padding:15px 0 15px 20px;
        border-bottom:1px dashed #e9e9e9;
        position:relative;
        width:100%;
    }

        div.taskItem div.actions {
            float:left;
        }

            div.taskItem div.actions .save {
                margin-top:3px;
            }

    div.vendor_delete {
        position:absolute;
        right:0;
        cursor:pointer;
        color:#555;
        font-weight:bold;
        border-radius:4px;
        cursor:pointer;
        padding:0px 20px;
    }

        div.vendor_delete:hover {
            background:#C30000;
            color:#ffffff;
        }
        div.taskItem:hover .vendor_delete{
              display:block;
          }

    div.form-contact span.delete {
            position:absolute;
            top:0;
            right:0;
            padding:0px 4px;
            color:#999999;
            font-size:10px;
            color:#555;
            font-size:22px;
            font-weight:bold;
            border-radius:4px;
            cursor:pointer;
        }

            div.form-contact:hover span.delete:hover  {

            }

    div.task-datepick input {
        float:left;
        height:14px;
        width:50px;
        margin-top:-6px;
    }

    /* select replace */

    div.taskItem ul.selectReplacement.selectOpen {
        position:absolute;
        top:10px;
        right:10px;
        border:1px solid #eeeeee;
        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:200px;
        overflow-x:hidden;
        overflow-y:scroll;
    }

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

        div.taskItem ul.selectReplacement.selectOpen li {
            text-align:left;
            width:86%;
        }

            div.taskItem ul.selectReplacement.selectOpen li.add-new-contact-li {
                background:#eaf5e7;
            }

            div.taskItem ul.selectReplacement.selectOpen li.add-new-contact-li {
                background:#DDE6DA;
            }

    div#ros2Panel div.overviewSectionHeader {
        display:block;
        font-size: 16px;
        margin-top: 30px;
        margin-bottom: -23px;
        padding-left:18px;
        float:left;
        color:#ffffff;
        font-weight:bold;
        background:transparent url(/images/ui/event-ros-white.gif) left 7px no-repeat;
    }

        #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: #eeeeee;
    }

    /* overview */

    .overviewSectionHeader {
        display:none;
    }

    .sort-col-sprite {
        background-image: url("/images/ui/updown.png");
        background-repeat: no-repeat;
        float: right;
        height: 9px;
        margin-right: 6px;
        margin-top: 4px;
        width: 10px;
    }

        .headerSortDown .sort-col-sprite {
            background-position: 1px -60px;
        }

        .headerSortUp .sort-col-sprite {
            background-position: 1px -30px;
        }

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

    div#filter-task-section,
    div#sort-task-section {
        float:left;
        margin-right:30px;
    }

    th.taskStatus {
        width:1px;
    }

    th.task-utl {
        width:0;
        background:#ffffff;
        border:none;
    }

    a#add_pre_event_time_row {
        float:left;
        clear:both;
    }

    /* the new */
    ul.tasks {
        width:100%;
        margin:0;
        float:left;
    }

        ul.tasks li.task-item {
            float:left;
            clear:both;
            margin:0;
            padding:30px 0 0 0;
            width:100%;
            border-bottom:1px solid #e9e9e9;
        }

        ul.tasks li.task-item a.check-sprite {
            float:left;
            width:20px;
            height:20px;
            background:url(/images/ui/check-sprite.gif) 0 0 no-repeat;
        }

            ul.tasks li.task-item a.check-sprite.active {
                background-position:0 -20px;
            }

        ul.tasks li.task-item span.task-description {
            width:70%;
            float:left;
            margin-left:15px;
            margin-top:2px;
            font-size:14px;
        }

            ul.tasks li.task-item span.task-description p {
                margin:0;
                line-height:normal;
            }

            ul.tasks li.task-item span.task-description textarea {
                height:20px;
                margin-top:-10px;
                width:100%;
                resize:none;
            }

            ul.tasks li.task-item.head {
                border-bottom:none;
            }

                ul.tasks li.task-item.head span.task-description {
                    border-bottom:none;
                    font-size:16px;
                    font-weight:bold;
                }

        ul.tasks li.task-item ul.task-details {
            float:right;
            width:150px;
            margin:0;
        }

            ul.task-details li {
                float:left;
                clear:none;
                width:70px;
                position:relative;
            }

            ul.task-details li table,
            ul.task-details li ul {
                display:none;
                position:absolute;
            }

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

/* -----------------------------------------
   Event > Budget Overview
----------------------------------------- */

    h3#overview-title {
        margin-left: 30px;
        margin-bottom:20px;
        color: #555;
        float: left;
        width: auto;
    }

        h3#overview-title span {
            margin-left: 14px;
            color: #999999;
            display:inline-block;
        }

    div.overview-util {
        width: 100%;
        border-bottom:1px solid #F8F7F4;
        margin:20px 0;
        float:left;
    }

        div.overview-util div.sort {
            margin-left:20px;
            float:left;
        }

        div.overview-util a.add-element-button {
            float:right;
            margin-right:4%;
        }

    div#only_budget {
        margin-bottom:20px;
    }

    div#only_budget div.overviewSectionHeader {
        display:none;
    }

    div#budget-view-links,
    div#expand-all-budget {
        margin:0 30px 10px 0;
        float:left;
    }

        div#budget-view-links {
            width:200px;
        }

        div#expand-all-budget {
            margin-top:31px;
        }

    div#budget-overview-content {

    }
    #budget-action-link{
        margin-right: 24px;
        margin-top: 9px;
        float:right;
    }
    #task-action-link{
        margin-right: 161px;
        margin-top: 9px;
        float:right;
    }

    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='#EEEEEE'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#f8f7f4), to(#EEEEEE)); /* for webkit browsers */
        background: -moz-linear-gradient(top,  #f8f7f4,  #EEEEEE); /* for firefox 3.6+ */
        margin-left: 5px;
        margin-bottom:0;
        padding:0;
        border-radius:4px;
        box-shadow:0px 1px 2px #CCCCCC;
    }

        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;
        }

        div.accordion h3.accordion-header a.element-cue {
            float:left;
            padding-top:8px;
            font-size:14px;
            font-weight:bold;
            color:#564f48;
            text-shadow:1px 1px 0 #ffffff;
            width:200px;
        }

            div.accordion h3.accordion-header a.element-cue img {
                width:32px;
                float:left;
                margin:-9px 5px 0 5px;
            }

        ul.accordion-util {
            float:right;
            line-height:20px;
            margin-bottom:0;
        }

            ul.accordion-util li {
                margin-right:10px;
            }

                ul.accordion-util li a {
                    font-size:12px;
                    color:#76716a;
                    font-weight:normal;
                }

                ul.accordion-util li a:hover {
                    text-decoration:underline;
                    color:#ff7c11;
                }

        div.accordion h3.accordion-header div.budget-total-wrapper {
            float:right;
            /*background:url("/images/darr-brown.png") right -6px no-repeat;*/
            font-size:14px;
            margin:7px 20.5% 0 30px;
            font-weight:normal;
            text-shadow:1px 1px 0 #ffffff;
            font-weight:bold;
            min-width:15%;
        }

            div.accordion h3.accordion-header.accordion-open div.budget-total-wrapper {
                display:block !important;
                background-position:right -38px;
            }

            div.accordion h3.accordion-header div.budget-total-holder {
                float:left;
                font-size:12px;
                margin-top:1px;
                font-weight:normal;
            }

            div.accordion h3.accordion-header span.element-quick-data {
                margin-left:10px;
                color:#76716A;
            }

        div.accordionWide div.table.budget_div table {
            width:/*101.9%*/ /*103.3%*/ 92.4%;
            margin-left:65px;
            clear:both;
            margin-top:2px;
            margin-bottom:30px;
        }

            div.accordionWide div.table.budget_div table thead {
                background:#F8F7F4;
            }

            div.grid-element-focused div.accordionWide div.table.budget_div table {
                width:103%;
                margin-left:8px;
            }

            div.event-contact-data div.accordionWide div.table.budget_div table {
                width: 98.8%;
                margin-left: 8px;
            }

        div.budgetOverviewBottom {
            float:left;
        }

        div.budgetOverviewNewElement {
            float:right;
            margin:10px 35px 10px 0;
        }

        /* tasks overview */

        div.task-data.overview {
            padding:10px;
        }

        div#task-deadlines table tbody tr td.dc div ul.selectReplacement li {
            width:118px;
        }

        div#task-deadlines table tbody tr td div.task-contact-add ul.selectReplacement li {
            width:180px;
        }

        /* files */

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

/* -----------------------------------------
   Event > Files Overview
----------------------------------------- */

    h5.element-files {
        font-size:18px;
        font-weight:bold;
        margin-top:20px;
        width:90%;
        border-bottom:1px solid #DEDCD8;
        float:left;
    }

        h5.element-files img {
            width:30px;
            margin-bottom:-10px;
        }

    li.file-block {
        float:left;
        margin-right:4%;
        position:relative;
        padding-left:30px;
    }

        li.file-block span.icon-img,
        li.file-block ul li span.title,
        li.file-block ul li span.created,
        li.file-block ul li span.description,
        li.file-block ul li span.responsible,
        li.file-block ul li span {
            float:left;
            clear:both;
        }

        li.file-block span.icon-img img {
            width:65px;
        }

            li.file-block ul {
                float:left;
                margin-left:10px;
            }

                li.file-block ul li span.title {
                    font-weight: bold;
                    font-size: 15px;
                    margin-bottom: 2px;
                }

                    li.file-block ul li span.title a:hover {
                        text-decoration:underline;
                    }


/*-----------------------
    the bubble
-----------------------*/

    div.budget-vendor-add {
        position:relative;
        background: url("images/top.gif") no-repeat right bottom;
        margin: 8px 0 0 0;
        height: 16px;
        padding-right: 18px;
    }
    div.cell-holder{
        position:relative;
        background: url("images/top.gif") no-repeat right bottom;
        margin: 8px 0 0 0;
        height: 16px;
    }

    div.budget-vendor-add .contact_bubble {
        bottom: /*-270px*/ /*-190px*/ auto;
        left: -412px;
        top:-80px;
    }

    .contact_bubble {
        background-color: #FFFFFF;
        border: 5px solid #32B665;
        top: -53px;
        box-shadow: 2px 2px 8px #BBBBBB;
        right: 117px;
        padding: 10px;
        position: absolute;
        text-align: left;
        white-space: normal !important;
        width: 365px;
        z-index: 9999;
        border-radius:4px;
    }

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

    div.contact_bubble div.bubble-inner {
        float: left;
        margin-top: 5px;
        margin-bottom:15px;
        padding: 0 10px;
        position: relative;
        text-align: left;
        width: 170px;
    }

    div.contact_bubble div.bubble-right {
        border: 1px solid #eeeeee;
        float: left;
        margin-top: 20px;
        margin-left: 22px;
        padding: 5px 3px;
        width: 130px;
        text-align:center;
    }

        div.contact_bubble div.bubble-right span.toggle-shell {
            margin-top:5px;
            margin-right:31px;
        }

        div.contact_bubble div.bubble-right div.access-edit p {
            text-align:left;
        }

    div.contact-bubble-actions {
       background: none repeat scroll 0 0 #EAF5E7;
       clear: both;
       float: left;
       margin: 0 0 -10px -10px;
       padding: 0 10px 5px;
       width: 100%;
    }

   .contact-bubble-actions {
       margin-right: 14px;
       margin-top: 3px;
    }

   .contact-bubble-actions {
       bottom: 0;
       margin-top: 0;
    }

    a.save-new-event-contact,
    a.save-new-ros-item,
    a.update-event-contact,
    a.send-task-email-button,
    a.send-rsvp-email-button {
        background-color: #32B665;
        border-radius: 4px 4px 4px 4px;
        color: #FFFFFF;
        float: right;
        margin-top: 6px;
        padding: 4px 15px;
        text-decoration: none;
        text-transform: uppercase;
    }

        a.send-task-email-button,
        a.send-rsvp-email-button {
            margin-right:10px;
        }

    a.cancel-new-event-contact,
    a.cancel-task-email-button,
    a.cancel-rsvp-email-button {
        color: #999999;
        text-decoration: none;
    }

    .cancel-new-event-contact,
    .cancel-task-email-button,
    .cancel-rsvp-email-button {
        float: left;
        margin-top: 1px;
    }

    /* set up our input fields */

    .contact_bubble label {

    }

    .contact_bubble input {
        border:1px solid #eee !important;
        border-radius:4px;
        width:100%;
    }

    .contact_bubble select {
        border:1px solid #eee !important;
        border-radius:4px;
        margin-top:0;
    }

    /* the pointer */
    div.budget-vendor-add .contact_bubble .pointer {
        margin-left: -45px;
    }

    div.budget-vendor-add .contact_bubble .pointer {
        height: 30px;
        width: 30px;
        position: absolute;
        top:/*46px*/ 53px;
        left:415px;
        background:url(/css/images/right_pointer.png) no-repeat;
    }

        .contact_bubble .pointer img {
            display:none;
        }

/*---------------
    the modals
----------------*/

    /* element picker */

    div#viewController {
        float:right;
        margin-top:-38px;
        margin-right:27px;
    }

        div.viewOpt {
            float:left;
        }

    .element-subset3 {
        clear: both;
        height: 180px;
        margin: 10px 20px 10px 10px;
        width: 95%;
    }

    .element-subset3 h2 {
        font-size: 14px;
        font-weight:normal;
        border-bottom: 1px solid #cccccc;
        width:100%;
    }

    .new_element_list_ul li {
        border: 1px solid #cccccc;
        display: inline;
        float: left;
        font-size: 9px;
        font-weight: bold;
        height: 130px;
        margin: 0 10px 10px;
        text-align: center;
        text-transform: uppercase;
        width: 85px;
    }

    .disabled-li {
        opacity: .2;
    }

    /* inactivity in facebox.css */

    div#facebox.inactivity {
        left: 50% !important;
        margin-left: -147px !important;
    }

    div#facebox.inactivity .popup {
        height:200px;
        overflow:hidden;
    }

    div#facebox.inactivity .content {
        width:262px;
        position:relative;
    }

       div.loginForm.inactivity {

    }

        div.loginForm.inactivity h2 {
            width:100%;
            margin-bottom:2px;
        }

        div.loginForm.inactivity p {
            margin-bottom:18px;
        }

        div.loginForm.inactivity input {
            font-size:18px;
        }
        div.loginForm.inactivity input#login-email,
        div.loginForm.inactivity input#password-field {
            margin-bottom:5px;
            width:254px;
            font-size:18px;
        }

            div.loginForm.inactivity input#password-field {
                margin-bottom:20px;
            }

        div.loginForm.inactivity div.rememberMe {
            float:left;
            clear:left;
        }

        div.loginForm.inactivity div.rememberMe input,
        div.loginForm.inactivity div.rememberMe label {
            float:left;
            margin-bottom:2px;
            margin-top:1px;
        }

        div.loginForm.inactivity div.forgotPass {
            float:left;
            clear:left;
            margin-left:20px;
        }

        div.loginForm.inactivity div.loginBttn input {
            float:right;
            margin-top:-18px;
            font-size:15px;
        }

    div#facebox .content.rsvp-download {
        width: 450px;
        text-align: center;
    }
    div#facebox .content.rsvp-download a.download-now{ float: none; display: block; margin: 0px auto 10px auto; width: 80%;}
    div#facebox .content.rsvp-download select { margin: 10px auto; font-size: 20px; width:380px;}
    div#facebox .content.rsvp-download select.from { margin: 3px 0px 3px 20px; font-size: 15px; width:442px; display: inline; }
    div#facebox .content.rsvp-download .loading-spinner { margin: 0px auto 10px auto; }

        div#facebox .content.rsvp-download h3 {color:#564f48;font-weight:normal;margin-bottom:20px;}
            div#facebox .content.rsvp-download h3 span {font-weight:bold;}
            div#facebox .content.rsvp-download a.download-now {font-weight:bold;}

        div#facebox .content.task-email{
            /*height:400px;*/
            width: 500px;
            display: block;
            padding:20px;
        }
        div#facebox .content.rsvp-email{
            width: 500px;
            display: block;
            padding:20px;
          }

        div#facebox .content.task-email p.email-head,
        div#facebox .content.rsvp-email p.email-head {
            width: 500px;
            background: #F9F8F9;
            margin-left: -35px;
            margin-top: -35px;
            padding: 12px 35px;
            margin-bottom: 20px;
            border-bottom:1px solid #eeeeee;
            text-align:left;
            border-top-left-radius:6px;
            border-top-right-radius:6px;
        }

            div#facebox .content p.email-head b:first-child {
                margin-right:43px;
            }

        div#facebox .content.task-email p.salutation {
            margin-bottom:8px;
        }
        div#facebox .content.task-email textarea,
        div#facebox .content.rsvp-email textarea{
            width:477px;
            height:50px;
            border: 1px solid #dddddd;
            border-radius: 4px;
            margin-bottom: 15px;
            padding: 10px;
        }
        div#facebox .content.rsvp-email textarea{
        height: 185px;
        }
        div#facebox .content.rsvp-email input{
            width: 432px;
            margin-left:6px;
        }

        div#facebox .content.task-email .generated-message{
            height:200px;
            overflow-y:scroll;
            padding:10px;
            background-color:#f9f8f9;
            margin-bottom:30px;
        }
        div#facebox .content.task-email .contact-bubble-actions{
            background-color:#ffffff;
        }
        div#facebox .content.rsvp-email .contact-bubble-actions{
            background-color:#ffffff;
            float: none;
            margin: 0px 0px 10px 0px;
        }
        div#facebox .content.task-email a.send-task-email-button,
        div#facebox .content.task-email a.send-rsvp-email-button{
            margin-top:0px;
        }

        #rsvp-email-spinner,
        #task-email-spinner{
            color:#ffffff;
            background-color:#32b665;
            font-weight:bold;
            padding:4px 8px;
            margin-top:2px;
        }

        #add-collaborator-modal{
            text-align:center;
            width:660px;
            height:auto !important;

        }

        #invite-others-modal {
         /*   margin-left: -350px !important;*/
            width:720px !important;
        }

        #add-collaborator-modal h2,h3, .reveal-modal h2,h3{
            color:#505050;
            margin-bottom: 0px;
            text-transform: uppercase;
        }

            #add-collaborator-modal h2 a {
                font-size:16px;
                color:#03e1ff;
                float: left;
                width: 100%;
                text-align: center;
                margin: 0px 0 10px 0;
            }

        #add-collaborator-modal p{
            color:#000;
            font-size:18px;
        }

        #add-collaborator-modal p.smaller{
            font-size:14px;
        }

        #add-collaborator-modal .form-contact{
            text-align:left;
        }
        #add-collaborator-modal #submit-collabs{
            float:none;
        }
        #add-collaborator-modal .error-border{
            border:1px solid tomato;
        }


    #invite-others-container div.recent-collabs-wrap     {
        float: left;
        background: #DEDEDE;
        padding: 10px 10px 0 10px;
        position: relative;
    }

        #invite-others-container div.recent-collabs-wrap:before {
            content: '';
            position: absolute;
            width: 100%;
            bottom: 0;
            left: 0;
            height: 40px;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(222, 222, 222, 0)', endColorstr='rgba(222, 222, 222, 1)'); /* for IE */
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(222, 222, 222, 0)), to(rgba(222, 222, 222, 1))); /* for webkit browsers */
            background: -moz-linear-gradient(top,  rgba(222, 222, 222, 0),  rgba(222, 222, 222, 1)); /* for firefox 3.6+ */
            z-index: 1;
            pointer-events:none;
        }

    #invite-others-container ul.recent-collabs {
        list-style-type:none;
        height:300px;
        overflow-x: hidden;
        overflow-y: auto;
        margin:0;
    }

    #invite-others-container ul.recent-collabs li.collab{
        float:left;
        width:280px;
        padding:0;
        margin:0 0 6px 0;
        border:1px solid transparent;
    }
    #invite-others-container ul.recent-collabs li.collab:nth-child(odd){
        margin-right:30px;
    }
    #invite-others-container ul.recent-collabs li a.invite-collab{
        float:left;
        width:270px;
        min-height: 36px;
        position: relative;
    }
    #invite-others-container ul.recent-collabs li.collab img{
        width:35px;
        height:35px;
        float:left;
    }
    #invite-others-container ul.recent-collabs li.collab ul{
        margin:0px 0px 0px 10px;
        float:left;
        width: 244px;
        overflow: hidden;
    }
    #invite-others-container ul.recent-collabs li.collab ul li{
        margin-bottom:0px;
    }

        #invite-others-container ul.recent-collabs li.collab ul li.name {
            font-weight: bold;
        }

        #invite-others-container ul.recent-collabs li a span.add {
            background: #ddd;
            color: white;
            font-weight: bold;
            position: absolute;
            text-shadow: none;
            top: 13px;
            right: 10px;
            padding: 4px;
            box-shadow: 4px 0px 8px -2px rgba(0,0,0,0) inset;
            border-radius: 20px;
            opacity:1;
            transition:all .15s linear;
            -webkit-transition:all .15s linear;
            -moz-transition:all .15s linear;
            -o-transition:all .15s linear;
            font-size: 17px;
        }

        #invite-others-container ul.recent-collabs li a span.add span.inner {
            top: -2px;
            position: relative;
            color:#32B665;
            transition:all .15s linear;
            -webkit-transition:all .15s linear;
            -moz-transition:all .15s linear;
            -o-transition:all .15s linear;
        }

        #invite-others-container ul.recent-collabs li a:hover span.add {
            background: #32B665;
            box-shadow: 4px 0px 8px -2px rgba(0,0,0,.3) inset;
        }

            #invite-others-container ul.recent-collabs li a:hover span.add span.inner {
                color: #fff
            }

    #invite-others-container h3 {
        margin-top:40px;
    }

    #invite-others-container .chunk.left{
        float:left;
        width:50%;
        border:0px;
    }

        #invite-others-container .chunk.left h5,
        #invite-others-container .chunk.right h5 {
            border: none;
            margin: 0;
            background: #DDD;
            float: left;
            padding: 5px 10px;
            border-radius: 4px 4px 0 0;
            text-shadow: 1px 1px 0 #EEE;
            border-bottom: 1px solid #EEE;
        }

            #invite-others-container .chunk.right h5 {
                margin-bottom:10px;
                background: #05C2EA;
                color: white;
                text-shadow: -1px -1px 0 rgba(0, 0, 0, .2);
                width: 308px;
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                padding: 5px 10px;
                margin-left: -10px;
                font-size: 16px;
                border-radius: 0;
            }

    #invite-others-container .chunk.right{
        float: right;
        width: 282px;
        max-height: 520px;
        padding:0 14px 0 10px;
        box-shadow: 0px 0px 8px 0 #CCC inset;
        border-radius: 0;
        overflow-x:hidden;
        overflow-y:auto;
        position: relative;
        background:#ffffff;
        border:1px solid #ddd;
        border-bottom:none;
    }

        #invite-others-container span.right-chunk-mask {
            content: '';
            position: absolute;
            bottom: 0;
            right: 0;
            width: 310px;
            height: 10px;
            z-index: 1;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(238, 238, 238, 0)', endColorstr='rgba(238, 238, 238, 1)'); /* for IE */
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(238, 238, 238, 0)), to(rgba(238, 238, 238, 1))); /* for webkit browsers */
            background: -moz-linear-gradient(top,  rgba(238, 238, 238, 1),  rgba(238, 238, 238, 0)); /* for firefox 3.6+ */
        }


    #invite-others-container .chunk.right.form-contact{
        float:right;
    }
    #invite-others-container div.form-contact{
        width:100%;
    }
    #invite-others-container div.form-contact div.inner{
        background-color:#ffffff;
    }
    #invite-others-container div.inner .set-padding label{
        font-weight:bold;
    }

    #invite-others-container div.form-contact div.inner input.input-text {
        width: 144px;
        border: 1px solid #DDD;
        float: left;
        margin-right: -1px;
        font-size: 12px;
        padding: 6px 4px;
        border-radius: 0px;
    }

    #invite-others-container div.form-contact span.head{
        border-bottom:0px;
    }
    #invite-others-container div.form-contact b{
        font-size:16px;
    }
/*    #invite-others-container div.form-contact.add-new{
        background-color:#ffffff;
        padding:12px 4px 6px;
    }
*/
    #invite-others-container div.form-contact span.error {
        color: red;
        clear: both;
        float: right;
        position: absolute;
        left: 97px;
        bottom: 16px;
        font-size:11px;
    }
    #invite-others-container div.action{
        width: 770px;
        background-color: #DDD;
        padding: 15px;
        box-shadow: none;
        margin: 20px 0 -34px -40px;
        border-top: 1px solid #AAA;
        float: left;
        border-radius: 0 0 6px 6px;
    }
       #invite-others-container div.form-contact .access-type {
            width:95px;
            position: relative;
            padding: 4px 6px 4px 0;
        }

            #invite-others-container div.form-contact .access-type:before,
            #invite-others-container div.form-contact .access-type:after {
                opacity: 0;
                content: '';
                position: absolute;
                right: 0px;
                top: 10px;
                border-right: 3px solid transparent;
                border-bottom: 3px solid black;
                border-left: 3px solid transparent;
                transition:opacity .15s linear;
                -webkit-transition:opacity .15s linear;
                -moz-transition:opacity .15s linear;
                -o-transition:opacity .15s linear;
            }

            #invite-others-container div.form-contact .access-type:after {
                border-bottom: none;
                border-top: 3px solid black;
                top: auto;
                bottom: 9px;
            }

            #invite-others-container div.form-contact:hover .access-type:before,
            #invite-others-container div.form-contact:hover .access-type:after {
                opacity: 1;
            }

       #invite-others-container div.form-contact .access-type:hover{
            color:#111111;
            cursor: pointer;
        }
       #invite-others-container div.form-contact .access-type.locked:hover{
            color:auto;
            cursor: default;
        }

       #invite-others-container div.form-contact a.change-contact-access{
            float:left;
            margin-top:3px;
        }
        #invite-others-container div.form-contact.no-access{
            color:#999999;
        }

    /* pre-splash modal */

    div#pre-splash {
        border:1px solid red;
    }

        div#pre-splash h3 {
            color: red;
        }


/*---------------
    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:#564f48;
           float:left;
           margin:30px 0 0 30px;
        }

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

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

    .eventFileEle {
        /*float: left;*/
        /*margin:0 0 0 -20px;*/
        /*padding:4px 0;*/
        /*width:97%;*/
        /*position:relative;*/
        /*border-bottom:1px dashed #DEDCD8;*/
        /*height:45px;*/

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

        .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: 0px;
        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 #DEDCD8;
            padding-top:6px;
            cursor:pointer;
        }

        .delete_img {
            color: #999999;
            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;
    }

    .qq-upload-button {
        margin:18px 0 10px 15px;
    }

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

    .progress-bar-holder {
        border:1px solid #32b665;
    }

    .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 #eeeeee;
        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:#72bec9;
        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;
            /*background:transparent url(/images/ui/folder-open-blue.png) 38% center no-repeat;*/
        }

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


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

    div.event-create {
        /*max-width:960px;*/
        /*margin:0 auto;*/
        margin-bottom:100px;
        overflow-x:hidden;
    }

    div.slide-wrap {
        float: left;
        /*border: 1px solid red;*/
        overflow: hidden;
        padding-left:25px;
        width:99%;
    }

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

        div#slide2 div.event-create-section {
            border:1px solid #ffffff;
            margin-top:-20px;
        }

        div#slide2 div.event-create-section div.one.column {
            display:none;
        }

        div#slide2 div.event-create-section div.eleven.columns {
            margin-left: -10px;
            width: 100%;
        }

    div.event-create-section {
        background:#ffffff;
        border-radius:4px;
        /*border:1px solid #dddddd;*/
    }


        div.row.event-create-section.template {

        }

        div.event-create-section h3 {
            color:#647c6c;
            margin-bottom:30px;
            font-weight:normal;
        }

            div.event-create-section h3.gogo {
                float:left;
                width:auto;
                color:#555;
            }

        /* the breadcrumb nav */

        ul.block-grid.four-up.event-crumbs {
            margin:10px auto 4px auto;
            background:#ffffff;
            float:left;
            width:103.1%;
            margin-left:-1.7%;
            border-radius:4px;
            border:1px solid #dddddd;
        }

        .block-grid.four-up.event-crumbs > li {
            width: 24%;
            height:auto;
            margin-bottom:0;
            margin-left:17px;
        }

            .block-grid.four-up.event-crumbs > li:first-child {
                margin-left:0;
            }

            .block-grid.four-up.event-crumbs > li:last-child {
                width:20%;
            }

        .block-grid.four-up.event-crumbs > li a {
            padding:30px 20px;
            width:100%;
            float:left;
            background:#ffffff;
            font-size:14px;
            color:#76716a;
            cursor:text;
        }

            .block-grid.four-up.event-crumbs > li a:hover {
                text-decoration:none;
            }

            .block-grid.four-up.event-crumbs > li a.active {
                font-weight:bold;
            }

                .block-grid.four-up.event-crumbs > li a.active {
                    background:#eaf5e7 url('/images/ui/create-nav-right-bg.png') right center no-repeat;
                }

                .block-grid.four-up.event-crumbs > li.tail a {
                    background:#fff url('/images/ui/create-nav-left-bg.png') 93% center no-repeat;
                }

        div.event-crumbs h2 {
            color:#555;
        }

            div.event-crumbs h2 small.delete {
                float:right;
                margin-top: 4px;
                font-size:50%;
                color:#A9655D;
                padding:4px;
                border-radius:4px;
            }

                div.event-crumbs h2 small.delete:hover {
                    background:#a9655d;
                    color:#ffffff;
                    cursor:pointer;
                }

        div.cb-mini {
            float: right;
            background-color: white;
            /*border: 4px solid #32B665;*/
            border:4px solid #eaf5e7;
            padding: 50px 10px 30px 10px;
            border-radius: 8px;
            box-shadow: 0px 4px 6px #333;
            color: #647C6D;
            position: relative;
            width: 70%;
            /*margin-top:-300px;*/
            min-height:240px;
        }

            div.cb-mini img.clip {
                position: absolute;
                top: -56px;
                left: 50%;
                width: 100px;
                margin-left: -50px;
            }

                #steps-complete.cb-mini img.clip {
                    top: -31px;
                    left: 50%;
                    width: 60px;
                    margin-left: -30px;
                }

            div.cb-mini h5 {
                color: #777;
                border-bottom: 1px dashed #cccccc;
            }

                div.cb-mini div.element-holder {
                    margin-top:20px;
                }

                div.cb-mini div#starter-text {
                    font-size: 11px;
                    text-align: center;
                    width: 100%;
                    float: left;
                }

            div.cb-mini div.element-grid-box {
                width:54px;
                height:54px;
                margin:0 10px 10px 0
            }

                #steps-complete.cb-mini div.element-grid-box {
                    width: 27px;
                    height: 27px;
                    margin: 0 3px 10px 0;
                    border: 2px solid #DEDCD8;
                }

                div.cb-mini div.element-grid-box img {
                    width:75%;
                    margin-top:7px;
                }

                    #steps-complete.cb-mini div.element-grid-box img {
                        margin-top:5px;
                    }

                div.cb-mini a div.element-grid-box span.delete {
                    display:none;
                    position:absolute;
                    bottom:0;
                    left:0;
                    background:#c30000;
                    color:#ffffff;
                    width:100%;
                    width:54px;
                    font-size:11px;
                    font-weight:bold;
                    z-index:30;
                    box-shadow: 0px 4px 6px #647c6d;
                    opacity:.8;
                }

                    #steps-complete.cb-mini a div.element-grid-box span.delete {
                        width:27px;
                        height:27px;
                        color:transparent;
                        opacity: 0.2;
                        -moz-opacity: 0.2;
                        filter:alpha(opacity=20);
                        display: none;
                    }

                        #steps-complete.cb-mini a div.element-grid-box:hover {
                            border-color:#c30000;
                            background:#f7e1e1;
                        }

                div.cb-mini div.element-grid-box:hover span.delete {
                    display:block;
                }

                    div.cb-mini div.element-grid-box:hover img {
                        opacity:.7;
                    }

    div.event-create-section span.step {
        background: #fcb040;
        padding: 10px 20px;
        font-size: 20px;
        color: white;
        border-radius: 5px;
        font-weight: bold;
        margin-top: 4px;
        float: left;
        position: absolute;
        left: -35px;
        border: 2px solid white;
        top: -5px;
        text-shadow:-1px -1px 0 #D99936;
    }

    div.event-create-section {
        padding:20px;
        width:97%;
        margin-bottom:1px;
    }

        div.event-create-section div.form-row {
            margin-bottom:10px;
            float:left;
            clear:both;
            width:100%;
        }

            div.event-create-section div.form-row div.form-left {
                float:left;
                width:29%;
                text-align:right;
            }

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

                    #page-create div.form-row label {
                        float:left;
                    }

                    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;
                }

                    #page-create div.form-left label span.small {
                        float:left;
                    }

            #page-create div.form-row.left {
                float:left;
                width:45%;
            }

            #page-create div.form-row.right {
                float:right;
                width:45%;
            }

                #page-create div.form-row.right.target {
                    margin-top:11px;
                }


            div.event-create-section div.form-row div.form-right {
                float:right;
                width:65%;
            }

                div.form-right input {
                    width:75%;
                    float:left;
                    border-radius:4px;
                    border:1px solid #cccccc;
                    color:#888;
                }

                    div.form-right input.bigger {
                        font-size:18px;
                        padding:10px;
                        color:#888;
                    }

                        div.form-right input.bigger:focus {
                            color:#333;
                        }

                div.form-right input.attendance {
                    width:20%;
                    float:left;
                }

                div.form-right div.target-budget {
                    background-color:#eeeeee;
                    border:1px solid #dedede;
                    padding:10px;
                    border-radius:4px;
                    margin-bottom:30px;
                    float:left;
                    width:65%;
                    height:90px;
                    position:relative;
                }

                        #page-create div.form-right div.target-budget {
                            width:100%;
                        }

                        #page-create div.form-right div.target-budget p {
                            width:100%;
                            color:#564F48;
                            font-size:16px;
                        }

                        #page-create div.form-right div.target-budget {
                            padding:0 0 0 10px;
                        }

                        #page-create div.form-right div.target-budget {
                            background:none;
                            border:none;
                        }

                            #page-create div.form-right div.target-budget input {
                                padding-left:25px;
                                margin:0 0 5px 0;
                            }

                    div.form-right div.target-budget  div.cents-wrap {
                        float:left;
                        position:relative;
                        width:55%;
                    }

                        div.form-right div.target-budget  span.cents {
                            position:absolute;
                            top: 14px;
                            left:75%;
                            font-size: 20px;
                        }

                    div.form-right div.target-budget input.bigger {
                        margin-left:10px;
                        padding-left:25px;
                        width:52%;
                        background:#fff url(/images/ui/dollar-sign.png) 10px center no-repeat;
                    }

                    div.form-right div.target-budget input:focus {
                        background:#fff url(/images/ui/dollar-sign.png) 10px center no-repeat;
                    }

                    div.form-right div.target-budget a#budget-unknown {
                        opacity:.8;
                        position:absolute;
                        top:10px;
                        right:10px;
                    }

                        #page-create div.form-right div.target-budget a#budget-unknown {
                            position: relative;
                            top:0;
                            right:0;
                            margin-top:10px;
                        }

                    a#change-amount {
                        margin-top: 13px;
                        float: left;
                        margin-left: 15px;
                    }

                    a#budget-unknown {display: none !important;}

                    div.form-right div.target-budget a:hover {
                        opacity:1;
                    }

                    span#set-budget-amt {
                        font-size: 23px;
                        margin: 8px 0 0 10px;
                        float: left;
                        color: #888;
                        text-shadow: 1px 1px 0 white;
                    }

                div.form-right label {
                    float:left;
                    width:100%;
                    margin:0 0 10px 0;
                }

                    div.form-right label input {
                        float:left;
                        width:auto;
                        margin-left:10px;
                        margin-right:10px;
                    }


                div.check-list {
                    width:70%;
                }
                    #page-create div.check-list {
                        width:100%;
                    }

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

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

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

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


                div#budget-closed {
                    margin-bottom:36px;
                }

                   /* div#budget-closed a#know-budget {
                        color:#fcb040;
                    }

                        div#budget-closed a#know-budget:hover {
                            text-decoration:underline;
                        }*/

    div.form-contact {
        float:left;
        width:31%;
        text-align:left;
        border-radius:6px;
        background-color: #eeeeee;
        margin:0 10px 10px 0;
        position:relative;
        min-height:100px;
/*        -webkit-perspective: 600px;
        -moz-perspective: 600px;*/
    }

        div.form-contact .actions {
            float: right;
            margin-top: 8px;
            margin-right: 12px;
        }

            div.form-contact.add-new .actions {
                margin-top: 0;
            }

        div.form-contact .actions .cancel {
            text-shadow:none;
        }

        div.form-contact .actions .save {
            padding: 3px 6px;
            margin-left: 10px;
            position: relative;
        }

            div.form-contact.add-new .actions .save {
                padding: 3px 6px;
                margin-right: -38px;
                position: relative;
                padding-right: 20px;
                border:none;
            }

            div.form-contact.add-new .actions .save:hover {
                box-shadow: none;
            }

            div.form-contact.add-new .actions .save:before {
                content: '';
                position: absolute;
                right: 0;
                top: 0;
                background: #eeeeee;
                width:10px;
                height: 24px;
            }

            div.form-contact.add-new .actions .save:after {
                content: '';
                position: absolute;
                right: 0;
                top: 0;
                border-top: 12px solid transparent;
                border-bottom: 12px solid transparent;
                border-left: 10px solid #32B665;
            }

        div.form-contact input.organizer-phone {
            margin-top: 6px
        }

        /* flip it */
        .form-contact .front {
            float: none;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 900;
            width: inherit;
            height: inherit;
            min-height: 100px;
            text-align: center;
            border:1px solid #DDD;
            border-radius: 4px;

            -webkit-transform: rotateX(0deg) rotateY(0deg);
            -webkit-transform-style: preserve-3d;
            -webkit-backface-visibility: hidden;

            -moz-transform: rotateX(0deg) rotateY(0deg);
            -moz-transform-style: preserve-3d;
            -moz-backface-visibility: hidden;

            /* -- transition is the magic sauce for animation -- */
            -o-transition: all .4s ease-in-out;
            -ms-transition: all .4s ease-in-out;
            -moz-transition: all .4s ease-in-out;
            -webkit-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
        }
        .form-contact.flip-card .front {
            z-index: 900;
            border-color: #eee;
            background: #333;

            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
        }

        .form-contact .back {
            float: none;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 800;
            width: inherit;
            height: inherit;
            border: 1px solid #ccc;
            background: #333;
            text-shadow: 1px  1px 1px rgba(0,0,0,0.6);

            -webkit-transform: rotateY(-180deg);
            -webkit-transform-style: preserve-3d;
            -webkit-backface-visibility: hidden;

            -moz-transform: rotateY(-180deg);
            -moz-transform-style: preserve-3d;
            -moz-backface-visibility: hidden;

            /* -- transition is the magic sauce for animation -- */
            -o-transition: all .4s ease-in-out;
            -ms-transition: all .4s ease-in-out;
            -moz-transition: all .4s ease-in-out;
            -webkit-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;

            height:97px;

            box-sizing:border-box;
            -webkit-box-sizing:border-box;
            -moz-box-sizing:border-box;
            -o-box-sizing:border-box;

            padding:10px;
        }

        .form-contact.flip-card .back {
            z-index: 1000;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd'); /* for IE */
            background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd)); /* for webkit browsers */
            background: -moz-linear-gradient(top,  #eeeeee,  #dddddd); /* for firefox 3.6+ */
            box-shadow: 0 0 10px rgba(0, 0, 0, .2);
            border: 1px solid #AAA;

            -webkit-transform: rotateX(0deg) rotateY(0deg);
            -moz-transform: rotateX(0deg) rotateY(0deg);
        }

            .form-contact input {
                width:107px;
            }

        div.form-contact span.head {
            /*border-bottom:1px solid #dddddd;*/
            float:left;
            font-size:12px;
            width:100%;
            margin-bottom:0;
            border-bottom:1px solid #CECECE;
            color:#aaa;
            background-color: #ffffff;
            border-top-left-radius:4px;
            border-top-right-radius:4px;
            border-bottom-right-radius:0;
            border-bottom-left-radius:0;
        }

            div.form-contact span.head span.set-padding,
            div.form-contact div.inner div.set-padding {
                padding:4px 6px;
                float:left;
                width:93%;
            }

                div.form-contact div.inner div.set-padding  {
                    padding:8px;
                }

        div.form-contact div.inner {
            /*background:#eeeeee;*/
            float:left;
            width:100%;
            min-height:100px;
            position: relative;
            border-radius: 4px;
        }


        div.form-contact.add-new {
            background:#eaf5e7;
            border:1px solid #35B665;
            margin-bottom: 20px;
            border-radius: 0;
        }

            div.form-contact.add-new div.inner {
                background:#eaf5e7;
            }

        div.form-contact div.inner img {
            width:50px;
            float:left;
        }

        div.form-contact div.inner ul {
            margin:0 0 0 10px;
            float:left;
            font-size:14px;
            width: 69%;
            overflow: hidden;
            text-align: left;
        }

            div.form-contact div.inner ul li.edit-contact-details a {
                position: absolute;
                bottom: 5px;
                right: 10px;
                font-size: 12px;
                opacity:0;
                transition:opacity .15s linear;
                -webkit-transition:opacity .15s linear;
                -moz-transition:opacity .15s linear;
                -o-transition:opacity .15s linear;
            }

            div.form-contact:hover div.inner ul li.edit-contact-details a {
                opacity: 1;
            }

        .add-another-collab{
            color: #888;
            padding: 5px 10px;
            border: 1px solid #888;
            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 #05C2EA;
            background-color:#f2f2f2;
        }
        div.form-contact div.inner ul li {
            margin-bottom:0;
        }

            div.form-contact div.inner ul li.name {
                font-size:16px;
            }

            div.form-contact div.inner ul li.small {
                font-size:12px;
            }

            div.form-contact div.inner input.input-text {
                width:97%;
                border:1px solid #dddddd;
                border-radius:4px;
            }

                div.form-contact div.inner input#organizer-name.input-text,
                div.form-contact div.inner input#organizer-email.input-text {
                    padding: 10px 6px;
                }
                    div.form-contact div.inner input#organizer-email.input-text {
                        margin-top: 20px;
                    }

                div.form-contact div.inner input[type="button"] {
                    float:right;
                }

        div.form-contact b {
            float:left;
            color:#35b665;
        }

            div.form-contact b small {
                clear:both;
                float:left;
                color:#555;
            }

        div.form-contact span.error {
            color:#ff0000;
            clear:both;
            float:left;
        }

        div.form-contact span.delete {
            position:absolute;
            top:0;
            right:0;
            padding:0px 4px;
            color:#C30000;
            font-size:20px;
            cursor: pointer;
            opacity:0;
            transition:opacity .15s linear;
            -webkit-transition:opacity .15s linear;
            -moz-transition:opacity .15s linear;
            -o-transition:opacity .15s linear;
        }

            div.form-contact:hover span.delete {
                opacity: 1;
            }

                /*div.form-contact:hover span.delete:hover  {
                    background:#C30000;
                    color:#ffffff;
                }*/

            /* time and date */

                div.form-right div.inner {
                    float:left;
                    margin-right:20px;
                    width:100%;
                    margin-top:-6px;
                }

                div.form-right.time-date input.cal {
                    width:90px;
                    float:left;
                    clear:both;
                    background:url(/images/ui/ep-cal.gif) 75px center no-repeat;
                    cursor:pointer;
                }
                    div.form-right.time-date input.cal,
                    div.form-right.time-date span,
                    div.form-right.time-date select {
                        float:left;
                        margin-right:6px;
                        margin-top:6px;
                    }

        div.form-row.choose-template a {
            float:left;
            width:22.2%;
            margin:0 8px 1% 0;
            /*border:1px solid transparent;*/
            background:transparent;
            padding:10px;
            text-align:center;
            border-radius:4px;
        }

            div.form-row.choose-template a.selected-template,
            div.form-row.choose-template a.selected-template:hover {
                background:/*#fcb040*/ transparent;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCC976', endColorstr='#fcb040'); /* for IE */
                background: -webkit-gradient(linear, left top, left bottom, from(#FCC976), to(#fcb040)); /* for webkit browsers */
                background: -moz-linear-gradient(top,  #FCC976,  #fcb040); /* for firefox 3.6+ */
                color:#ffffff;
                /*box-shadow:0 0 8px #000;*/
            }

                div.form-row.choose-template a.selected-template img {
                }

            div.form-row.choose-template a span.template-img span.select {
                background: #ff9239;
                display: none;
                position: absolute;
                bottom: 0;
                right: 0;
                padding: 3px 20px;
                color: #ffffff;
                font-weight:bold;
                border-radius:4px 0 4px 0;
            }

                div.form-row.choose-template a.current-slash-upload.compact span.template-img span.select {
                    display: block !important;
                    height: 40px;
                    left: 0;
                    width: 187px;
                    background: #dddddd;
                    color: #555555;
                    overflow: hidden;
                    padding-top:18px;
                    font-size:14px;
                    text-shadow:1px 1px 0 #ffffff;
                }

                    div.form-row.choose-template a.current-slash-upload span.template-img span.select:hover {
                        background: #05c2ea;
                        color:#ffffff;
                        text-shadow:none;
                    }

                div.form-row.choose-template a:hover span.template-img span.select {
                    display:block;
                }

            div.form-row.choose-template span.template-name {
                float: left;
                width: 100%;
                margin-top: 7px;
            }

            div.form-row.choose-template a:hover {
                background:#eeeeee;
            }

            div.form-row.choose-template a img {
                width:100%;
                float:left;
                margin-bottom:10px;
                border-radius:4px;
            }
            div.form-row.choose-template a.current-slash-upload img {
                position: absolute;
                left: 7px;
                top: 7px;
                width: 110px;
                z-index: 2;
                max-height: 46px;
            }

            div.form-row.choose-template a:hover img {
                opacity:1;
            }

                div.form-row.choose-template span.template-img {
                    /*border:1px solid #333;*/
                    height:92px;
                    width:100%;
                    overflow:hidden;
                    float:left;
                    position:relative;
                    border-radius:6px;
                }

            div.form-row.choose-template.event-view a {
                margin:0 26px 8px 0;
                padding:0;
                width:219px;
                border-radius:4px;
                /*background:#222;*/
                border: 1px solid #888888;
                border-radius: 5px;
            }

                div.form-row.choose-template.event-view a.current-slash-upload,
                div.form-row.choose-template.event-view a.current-slash-upload:hover {
                    box-shadow:none;
                    background:transparent;
                    border:none !important;
                    padding: 0;
                    width:220px;
                    left: 2px;
                    margin-left:-3px;
                    margin-bottom:10px;
                    position: relative;
                }

                    div.form-row.choose-template.event-view a.current-slash-upload span {
                        border:none;
                    }

                div.form-row.choose-template.event-view a:hover {
                    /*box-shadow: 0 0 12px rgba(0,0,0,.3);*/
                    /*background: #777;*/
                    border:1px solid #ff9239;
                }

                .event-view div.form-row.choose-template.event-view a {
                    background-color: #fff !important;
                }

                .event-view div.form-row.choose-template span.template-img {
                    /*border:1px solid #777;*/
                }

            div.form-row.choose-template.event-view span.template-img {
                height:92px;
            }

            a.template-block:hover span.template-img {
                /*box-shadow:0 0 20px #000;*/
            }


    div.add-elements {
        float:left;
        width:100%;
        border:1px solid #dddddd;
        margin-bottom:10px;
        border-radius:4px;
    }

        div.elements-top {
            float: left;
            width: 746px;
            background: #333;
            margin-left: -8px;
            border-radius: 6px;
            padding-left: 10px;
        }

            #page-create div.elements-top {
                padding:10px 0;
            }

        div.add-elements div.head {
            float:left;
            width:100%;
            margin-bottom:8px;
        }

            div.add-elements div.head.other {
                background:#ffffff;
                border-bottom:none;
                border-top:3px dashed #eaf5e7;
            }

                #page-create div.add-elements div.head.other h5 {
                    margin-top:10px;
                }

        div.add-elements div.head img {
            width:50px;
            height:50px;
            border:2px solid #ffffff;
        }

        div.add-elements div.head img,
        div.add-elements div.head h5 {
            border:none;
            float:left;
            width:auto;
            clear:none;
            margin-top:10px;
            margin-left:10px;
        }

            div.add-elements div.head h5 a {
                float:left;
                margin-top:10px;
                font-size:12px;
            }

        div.add-elements div.elements {
            padding:10px;
        }

        div.add-elements div.elements a div.element-grid-box {
            width:90px;
            height:90px;
            font-size:12px;
        }

            div.add-elements div.elements a div.element-grid-box:hover span.ele-img {

            }

            div.add-elements div.elements a.picked div.element-grid-box,
            div.elements a.picked div.element-grid-box {
                opacity:.7;
                background:#dddddd;
                cursor:default;
            }

                div.add-elements div.elements a.picked div.element:hover,
                div.elements a.picked div.element:hover {
                    background:#dddddd;
                    border:3px solid #dddddd;
                    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.1);
                    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
                    box-shadow: 0 2px 4px rgba(0,0,0,.1);
                    cursor:default;
                }

                div.add-elements div.elements a.picked div.element-grid-box:hover span.add,
                div.elements a.picked div.element-grid-box:hover span.add {
                    display:none;
                }

        div.add-elements div.elements a div.element-grid-box span.add {
            position:absolute;
            color:#ffffff;
            background:#32b665;
            width:100%;
            bottom:0;
            box-shadow:0 2px 2px #888;
            padding:2px 0;
            display:none;
        }
            div.add-elements div.elements a div.element-grid-box:hover span {
                display:block;
            }



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

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

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



    div.selected-template-wrap {
        float:left;
        position:relative;
        margin-right:15px;
        margin-bottom:30px;
        width: 250px;
        height: 140px;
        overflow:hidden;
    }

        div.selected-template-wrap img {
            width:100%;
        }

        div.selected-template-wrap a.go-back {
            position: absolute;
            color: black;
            background: white;
            opacity: .8;
            right: 0;
            bottom: 5px;
            padding:4px 12px;
            font-weight:bold;
        }

            div.selected-template-wrap:hover a.go-back {
                opacity:1;
            }

        span.woohoo {
            position: absolute;
            color: #32b665;
            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;
    }

        #page-create div.build-left {
            width:103%;
            margin-left:0;
        }

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

    /* timezone modal */

    div.time-zone-modal {
        position:absolute;
        width:600px;
        z-index:50;
        border:1px solid #000;
        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 #dddddd;
                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:#eeeeee;
                    border-radius:4px;
                    margin-top:2px;
                }

                    div.timezone-inner h4 a.close:hover {
                        background:#C00000;
                        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 #eeeeee;
            }

                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: 0px;
        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:#564f48;
        margin-top:1px;
    }

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

    .ec-role{
        color: white;
        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: #32b665;
    }

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

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

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

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

    .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: 0px; }

        footer a:hover {
            /*text-decoration:underline;*/
        }

    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:#76716A;
        }

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

        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:#76716A;
                font-size:11px;
            }

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

    footer > div:hover {
        background:#05C2EA;
        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%;
            /*box-shadow:0 5px 6px -4PX rgba(0,0,0,.1) inset;*/
            /*border-bottom:1px solid #DEDCD8;*/
            /*padding-bottom:10px;*/
            position:relative;
        }

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

            div.event-index a.edit-profile {
                position: absolute;
                font-size: 11px;
                margin-top: 4px;
                top: 84px;
                left: 0;
                padding: 0 5px 0 12px;
                /*background:#f8f7f4;
                border-top-right-radius: 4px;
                border-bottom-right-radius: 4px;*/
                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: white;
            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:#72bec9;
                }



    div.event-index div.event-profile a.btn {
        float: right;
        margin: 57px /*20px*/ 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;
            /*width:94.5%;*/
        }
            input.event-search/*.contacts*/ {
                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 {
        /*background:#f8f7f4;*/
        margin: 0;
        color:#76716a;
        float:left;
        width:100%;
    }


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

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

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

        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 #DEDCD8;
            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:#76716a;
            font-family:'GibsonSemiBoldItalic';
        }
            div.event-index ul.filter li a span.number {
                float: right;
                border-radius: 4px;
                padding: 0 8px;
                background: #DEDCD8;
                text-shadow: 1px 1px 0 #ffffff;
                box-shadow: -1px -1px 0 #C8C5C2;
                color:#76716a;
            }

                div.event-index ul.filter li:hover a span.number {
                    background:#72bec9;
                    text-shadow:1px 1px 0 #5d9aa3;
                    box-shadow:-1px -1px 0 #5d9aa3;
                    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 #5d9aa3;
                    color:#5d9aa3;
                }

            div.event-index ul.filter li:hover,
            div.event-index ul.recent-activity li.title:hover {
                background:#d4ebef;
                cursor:pointer;
                /*box-shadow:-12px 0 6px -10px rgba(0,0,0,.1) inset;*/
            }

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

            div.event-index ul.filter li.title,
            div.event-index ul.recent-activity li.title {
                /*background: #DEDCD8;*/
                border-top-left-radius: 4px;
                border-top-right-radius: 4px;
                border-bottom-right-radius: 0;
                border-bottom-left-radius: 0;
                border-bottom:1px solid #DEDCD8;
                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 #DEDCD8;
                    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:#72bec9;
                padding-top:1px;
                border-top:1px solid #ffffff;
                border-bottom:1px solid #5d9aa3;
                text-shadow:-1px -1px 0 #65A8B3;
            }

                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-top:1px solid #DEDCD8;*/
            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 #DEDCD8;
                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:#999999;
            }

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

        .recent-activity .time{
                clear:both;
                color:#999999;
                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;
                /*color:#72BEC9;*/
            }

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

                div.event-index ul li.indented:hover a {
                    color:#ff7c11;
                    /*text-decoration:underline;*/
                }

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

            /*background:url(/images/ui/rarr-brown.png) 14px 7px no-repeat;*/
        }


            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;
                /*background:url(/images/ui/rarr-brown.png) 14px 7px no-repeat;*/
                text-decoration:none;
                color:#72bec9;
            }

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

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

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

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

        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:'gibsonSemiBold';
            color: #000;
        }
        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 #5D9AA3;
        }
        div#all-events a.blue.btn:hover {
            background:#5D9AA3 !important;
        }
            div#all-events a.orange.btn:visited, div#all-events a.blue.btn:visited {
                color:#ffffff;
            }



            /** Event Index First View **/
            div#pre-splash {background:red; }
            div#pre-splash h2 {float:left; font-weight:normal; }
            div.pre-ex {float:left; width:45%; }
            div.post-ex {float:right; width:45%; }
            #first-event-view{ border:0;float:left;margin-bottom:50px; }
            #first-event-view h3{ text-align: center;}
            #first-event-view div.btn-wrap{ width:100%;text-align:center; }
            /** End Event Index First View **/



            .planningP {
                position: absolute;
                top: 7px;
                left: 7px;
                background-color: #FF9239;
                color: #ffffff;
                text-shadow: none;
                font-size: 9px;
                padding: 2px 4px;
                border-radius: 4px;
                box-shadow: 1px 1px 0 #ffffff;
                line-height:9px;
            }


        div.contactContent2 h5 {
            border-bottom:none;
            color:#564F48;
            margin-bottom:0;
        }

        div#contactFilesAccordion,
        div#contactNotesAccordion {
            cursor:pointer;
            /*background:#f8f7f4;*/
            border-radius:4px;
            padding:5px 0;
            margin-bottom:4px;
            width:60%;
            float:left;
        }

            div#contactEventsAccordion:hover,
            div#contactFilesAccordion:hover,
            div#contactNotesAccordion:hover {
                /*background:#EAf5E7;*/
            }

            div#contactEventsAccordion {
                float:right;
                width:30%;
            }

            div#contactEventsAccordion div.inner,
            div.events-tab,
            div#contactFileDiv,
            div#contactNoteDiv {
                /*margin-left:20px;*/
            }

                div.events-tab {
                    margin-left:10px;
                }

            div.events-tab h2,
            div#contactFileDiv h3,
            div#contactNoteDiv {
                font-size:14px;
                color:#564f48;
                clear:left;
                font-weight:normal;
                text-shadow:none;
            }

            div#contactNotesAccordion h5 {
                float:left;
            }

            div#contactNotesAccordion a#add-note-link {
                float:left;
                margin:5px 0 0 15px;
            }

        div.events-tab div.entry {
            width:90%;
            margin-left:20px;
            margin-bottom:10px;
            padding: 0;
            background: none;
            border: none;
        }

            div.events-tab div.entry div.left div.date {
                float:left;
            }

                div.events-tab div.entry div.left div.date p {
                    margin-bottom:0;
                }

            div.events-tab div.entry div.entry-cnt div.left {
                color:#999999;
                font-size:11px;
            }

        div#eventHistoryDiv {
            float:right;
            width:30%;
        }

        div#contactFileDiv {
            display:block;
            float:left;
        }

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

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

            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 #DEDCD8;
                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 0px 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: white;
                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: #15003B;
}

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

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

#entry-form.pw-reset .admin_text{
    color: #6DD8BB;
}

#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.events-paginate {
        width:94%;
        border-top:1px dotted #72bec9;
        text-align:center;
        margin-bottom:15px;
    }

        div.events-paginate a {
            color:#ffffff;
            background: #72bec9 url(/images/ui/darr.png) 110px 8px no-repeat;
            padding: 1px 20px 1px 12px;
            font-weight: bold;
            border-bottom-right-radius:4px;
            border-bottom-left-radius:4px;
        }

            div.events-paginate a:hover {
                color:#ffffff;
                background: #ff7c11 url(/images/ui/darr.png) 110px 8px no-repeat;
            }

    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: white;
        font-size: 1px;
        width: 582px;
        margin: 40px 0;
        position: relative;
        margin-left: 1px;
    }

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

            /*.paginate-links span a {
                background: none;
            }*/

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

        .paginate-links span.current {
            background: #000;
            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:#000;
            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{
        /*border: 1px solid #CCCCCC;*/
        box-shadow: 0px 1px 6px #aaa;
        clear: both;
        width: 250px;
        /*height:272px;*/
        line-height:0px;
        border-radius:4px;
    }
    .splash-thumbnail{
        width:250px;
        border-bottom-right-radius:4px;
        border-bottom-left-radius:4px;
    }
    .splash-url{
        padding:4px;
        background: -moz-linear-gradient(center top , #ffffff, #D0D0D0) repeat scroll 0 0 transparent;
        color:#1E86B1;
        text-align: center;
        font-weight:bold;
        line-height:23px;
    }

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


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

    div#section-top-util,
    div#splash-admin-section {
        float:left;
        width:100%;
        /*border-bottom:1px solid #DEDCD8;
        background: #f8f7f4;*/
        min-height:55px;
    }

        div#section-top-util {
            margin:-30px 0 30px 0;
            /*box-shadow:0 3px 6px -3px #bbb;*/
            position: relative;
            z-index:1;
        }

            .in-element div#section-top-util {
                margin:0;
                display: none !important;
            }

        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#event-splash {
        float:left;
       /* width:735px;
        margin-left:0;*/
        width:930px;
        margin-left:20px;
    }

        div#event-splash.splash-pre {
           margin-left:20px;
        }

    div#ajax-content-div div.sell-panel,
    div#event-splash div.sell-panel {
        position: absolute;
        top:0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: #ffffff;
        z-index: 4;
    }*/

        /*div#grid_elements div.sell-panel {
            background: url(/images/splash-eles-tease.png) 0 0 no-repeat;
            background-size: 100% auto;
            height: 500px;
            float: left;
            position: relative;
            margin-bottom: -10px;
        }*/

            div#grid_elements div.sell-panel span.inner,
            div#timeline-sell-panel.sell-panel span.inner,
            div#post-event-sell-panel.sell-panel span.inner {
                background: rgba(5, 194, 234, .95);
                border-radius: 6px;
                float: left;
                width: 530px;
                text-align: center;
                font-size: 18px;
                margin-top: 30px;
                padding: 30px 30px 15px 30px;
                color: white;
                text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
                font-weight: bold;
                margin-left: -61px;
                box-shadow: 0 0 30px rgba(0,0,0,.4);
            }

            div#timeline-sell-panel.sell-panel {
                background: url(/images/splash-sell-timeline.jpg) 0 32px no-repeat !important;
                background-size: 100% auto;
                height: 500px !important;
                float: left;
                position: relative !important;
            }

            div#timeline-sell-panel.sell-panel span.inner {
                margin-top:50px;
                margin-left:67px;
            }

            div#post-event-sell-panel.sell-panel {
                background: url(/images/splash-sell-post.jpg) 0 32px no-repeat !important;
                background-size: 100% auto;
                height: 500px !important;
                float: left;
                position: relative !important;
            }

                div#post-event-sell-panel.sell-panel span.inner {
                    margin-top: 80px;
                    margin-left: 77px;
                }

    div#event-splash div#collab-add-section{
        border:1px solid #cccccc;
        float:left;
        padding:30px;
    }

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

    div.splash-stats-top {
        float:left;
        width:100%;
    }

        div.splash-stats-top h4 {
            margin-left:20px;
        }

            div.splash-stats-top h4 small {
                font-size:12px;
            }

        div.settings-overview {
            width:72%;
            float: right;
        }

                textarea#splash-feed-textarea {
                    width: 97.3%;
                    height:100px;
                    padding: 10px;
                    border: 1px solid #dddddd;
                    border-radius: 6px;
                    margin-bottom: 20px;
                }

            div.settings-overview ul.venue {
                float:left;
                margin:0 0 0 40px;
                padding-left:25px;
                background:url(/img/icons/Venue_150x150.png) -7px -3px no-repeat;
                background-size:35px;
            }

                div.settings-overview ul.venue li {
                    margin: 0;
                }

                div.settings-overview ul.venue li.venue-name {
                    font-size:13px;
                    font-weight:bold;
                }

    div.splash-quick-stats {
        width:22%;
        height:100%;
        padding-top:34px;
        margin-left:20px;
    }

    div#splash-settings {
        float: left;
        margin-left: 0;
        margin-bottom: 0;
        border-radius: 4px;
        /*border: 1px solid #E0E0E0;*/
        padding: 5px 5px 0 0;
        position: relative;
        /*background-color: #F8F7F4;*/
    }


        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#section-top-util h4 a#add-new-ros-link {
                position: absolute;
                clear: none;
                font-weight: normal;
                top: 13px;
                left: 223px;
            }

                div#section-top-util h4 a#add-new-ros-link  {
                    color:#564f48 !important;
                    border:1px solid #DEDCD8;
                }

        div#splash-settings span.subhead {
            width:100%;
            border-bottom:1px solid #E0E0E0;
            margin-bottom:8px;
        }

        div#splash-settings .twitter-settings {
                float: left;
                position: relative;
                white-space: normal;
                border: 1px solid #E6E5E0;
                /*margin: 4px 0 0 20px;*/
                padding: 1px 15px 6px 10px;
                border-radius: 6px;
                /*font-size:11px;*/
                line-height:15px;
                background-color: #F8F7F4;
                margin-bottom:6px;
            }

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

                div#splash-settings .twitter-settings .tri1,
                div#splash-settings .twitter-settings .tri2 {
                    border-top: 8px solid transparent;
                    border-right: 8px solid #E6E5E0;
                    border-bottom: 8px solid transparent;
                    position: absolute;
                }

                    div#splash-settings .twitter-settings .tri1 {
                        top:12px;
                        left:-8px;
                    }

                    div#splash-settings .twitter-settings .tri2 {
                        top:12px;
                        left:-7px;
                        border-right:8px solid #F8F7F4;
                    }

        div#splash-settings div.logos {
            margin-left:30px;
            margin-bottom:10px;
            padding-right:90px;
        }

        div#splash-settings span.sponsor-image {
            float:left;
            width:40px;
            height:40px;
            margin-right:10px;
            background:no-repeat;
            background-position:center center;
            background-size:50px;
            margin-top:3px;
        }

        div#splash-settings h5 {
            border:none;

        }

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

        div.eventInfo h5 {
            border: none;
        }

    div#admin-splash-content div.rsvps,
    div#admin-splash-content div.photos {
        float:left;
        margin-top:0;
        margin-right:20px;
        /*background:#f8f7f4;*/
        /*background:#fff;*/
        border-radius:0 6px 6px 6px;
        width:950px;
        min-height:250px;
    }
    div#admin-splash-content .accordion-header,
    div#admin-splash-content div.rsvps div.header-bar {
        padding: 10px 0px 10px 10px;
        color: #ffffff;
        float: left;
        width: 945px;
        background: #05C2EA;
        /*background:#3d3d3d;*/
        border-radius: 4px 4px 0 0;
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px;
        text-shadow: -1px -1px 0 rgba(0, 0, 0, .3);
        box-shadow: 0px 1px 30px rgba(0,0,0,.15) inset;
     }

        div#admin-splash-content div.rsvps div.header-bar {
            margin-bottom:0;
            width:945px !important;
            background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd));
            background: -o-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd'); /* for IE */
            box-shadow: none;
            border-radius: 0;
        }

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


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

    div#admin-splash-content .accordion-header.green{
        background-color:#32b665;
        border:none;
        color:#fff;
    }

    div#admin-splash-content .accordion-header.green:hover{

    }
    div#admin-splash-content .accordion-header.blue{
        background-color:#05C2EA;
        color:#fff;
    }
    div#admin-splash-content .accordion-header.blue:hover{

    }
        div#admin-splash-content div.rsvps {
            width:950px;
            position:relative;
        }
        #checkin-button{
            position: absolute;
            right: 10px;
            top: -40px;
            z-index: 1;
        }

    div#promo-tabs {
        float:left;
        background: #3d3d3d;
        border-radius: 4px;
        margin-left:10px;
        width:130px;
        display:none;
    }

        div#promo-tabs a:first-child {
            border-radius:4px 4px 0 0;
        }

        div#promo-tabs a:last-child {
            border-radius:0 0 4px 4px;
        }

    div#promo-connect {
        /*background: #eeeeee;*/
        width:2000px;
        margin: 0 0px 10px 0;
        position:relative;
        float:left;
    }

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

        div#promo-connect div.guest_lists{
            position: relative;
            width:948px;
            float: left;
        }

        div#promo-connect div.send {
            float:left;
            width:948px;
            position:relative;
        }

        div#promo-connect div.guest_lists .actions {
                margin:26px 14px 10px;
                font-weight:normal;
            }

    div#admin-splash-content div.unapproved-photo-block{
        background: #FFFFEC;
        padding: 10px;
        margin-top: 20px;
        margin-bottom: -10px;
        border-radius: 6px;
        box-shadow: 0 4px 8px #cccccc;
        width: 100%;
        color:#76716a;
    }

        div#admin-splash-content div.unapproved-photo-block h4 {
            color:#76716a;
            margin-bottom:0;
        }

            div#admin-splash-content div.unapproved-photo-block p {
                margin:0;
            }

        div#admin-splash-content div.photos div.header-bar div.photo-status{
        float: left;
        line-height: 25px;
        margin-left: 15px;
    }
        div#admin-splash-content div.photos div.header-bar div.photo-tools.publish-photos{
        right:381px;
    }


        div#admin-splash-content div.photos div.header-bar {
            position: relative;
            float: left;
            width: 930px;
            background: #D8D8D5;
            margin-bottom: 0;
            padding: 10px;
            margin-top: -10px;
            margin-left: 0;
            height:32px;
            border-bottom: 1px solid #E6E5E0;
            border-radius:6px 6px 0 0;
        }

            div#admin-splash-content div.rsvps div.header-bar {
                width:939px;
            }

            div#admin-splash-content div.photos div.header-bar {
                border-radius:0 6px 0 0;
                margin-top:0;
            }

            div#admin-splash-content div.rsvps input#search-rsvp-list {
                width: 250px;
                float: left;
                margin-top: 3px;
                font-size: 12px;
                padding: 8px 0px 6px 26px;
                border: none;
                box-shadow: 0 2px 6px rgba(0, 0, 0, .3) inset;
                border-radius: 13px;
            }

            div#admin-splash-content div.photos div.header-bar h4{
                margin-right:17px;
            }
            div#admin-splash-content div.photos div.header-bar #photoSelect{
                margin-top:4px;
            }

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

                div.rsvp-control {
                    float:right;
                    margin: 3px 18px 0px 0px;
                    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:#76716a;
                    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,
                    .select-list-control .dwn-arrow {
                        position: absolute;
                        top:7px;
                        right:0px;
                        border-top:4px solid #555;
                        border-right:4px solid transparent;
                        border-left:4px solid transparent;
                        padding: 0;
                    }
                    .select-list-control .quick-list-jump{
                        margin-left: 10px;
                        color: #FF7C11;
                        font-size: 22px;
                        position: relative;
                        top: 4px;
                    }
                    .select-list-control .currentListName{
                        width: 96%;
                        display: inline-block;
                        overflow: hidden;
                    }

            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: #72BEC9;
            }

            div.rsvp-control ul,
            div.photo-upload ul,
            div.custom-drop ul {
                float: left;
                display: none;
                position: absolute;
                top: 19px;
                left: -1px;
                background-color: #EEE;
                width: 200px;
                border: 1px solid #888;
                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:#32b665;
                        }

                            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:#c30000;
                                border-top-right-radius:4px;
                            }

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

                    div.rsvp-control ul li.top-border {
                        border-top:1px solid #DEDCD8;
                        padding-top:4px;
                        color:#333333;
                        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: #564f48;
                        }

                    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#admin-splash-content div.rsvps h4 {
            float:left;
        }



            div#admin-splash-content div.rsvps h4 span.count,
            div#admin-splash-content div.photos h4 span.count {
                margin-left:10px;
                background-color: #DEDCD8;
                color: #76716A;
                padding: 1px 5px;
                border-radius:6px;
                text-shadow:1px 1px 0 #ffffff;
            }

        div#admin-splash-content div.rsvps table {
            margin:0;
            width:100%;
            /*min-height:500px;*/
            overflow-y: auto;
            max-height:450px;
            border-radius:0 0 4px 4px;
            background:#fff;
        }
        div#admin-splash-content div.rsvps .tabBlock table {
            width: inherit;
            overflow: inherit;
            max-height: none;
            /*border-radius: 8px 8px 0 0;*/
            /*display: block;*/
            float:none;
        }
        div#admin-splash-content div.rsvps .tabBlock table.hide {
            display:none;
        }

        div#admin-splash-content div#promo-connect td.emailPreviewCell > table:first-child {
            width:500px !important;
            border: none !important;
            border-top:2px solid #05C2ea !important;
            box-shadow: 0 2px 16px rgba(0,0,0,.4);
        }

        div#admin-splash-content div.rsvps .tabBlock table.hide {
            display: none;
        }

        div#admin-splash-content div.rsvps .tabBlock table td.email-body{
            width: 500px;
            margin: 10px 0 0 90px;
        }
        div#admin-splash-content div.rsvps .tabBlock table td.email-body h2{
            width: inherit;
        }
        div#admin-splash-content div.rsvps .tabBlock table td.email-body .invite-middle table{
            width: inherit !important;
        }

            div#admin-splash-content div.rsvps div.inner-table {
                height:400px;
                overflow-x:hidden;
                overflow-y:scroll;
                float:left;
                width:755px;
                padding-right:10px;
            }

                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: #05C2EA !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 #555555;
                    border-right:4px solid transparent;
                    border-left:4px solid transparent;
                }

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

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

                div.rsvps #promo-connect td.emailPreviewCell {
                    background: white;
                    border-top: 1px solid #CCC;
                    border-radius: 0 0 8px 8px;
                }

            div.rsvps #promo-connect td {
                padding: 0 5px;
                max-width: 198px;
            }
            div.rsvps #promo-connect .send[type='send'] .send-task-email-form table td.emailPreviewCell table td table.invite-middle td.s-details {
                width: 454px !important;
            }
            div.rsvps #promo-connect .send[type='send'] .send-task-email-form table td.emailPreviewCell td.emailFooterCell {
                border-bottom: 1px solid #05c2ea !important;
            }
            div.rsvps #promo-connect .send[type='send'] .send-task-email-form table td.emailPreviewCell a:visited,
            div.rsvps #promo-connect .send[type='send'] .send-task-email-form table td.emailPreviewCell a {
                text-decoration: underline;
            }
            div.rsvps #promo-connect  td.emailPreviewCell tr:hover {
                background: inherit;
            }

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

            #invitee-table .patty-cake-loader {
                position: absolute;
                width: 50px;
                left: 50%;
                margin-left: -25px;
                top: 110px;
            }

            #invitee-table th.name{
                /*width:163px;*/
            }
            #invitee-table th.email{
                /*width:210px;*/
            }

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

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

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

            div.rsvps table tbody tr:hover td.editing_cell.delete {
                background:#eee 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#admin-splash-content div.photos {
        /*width: 68%;*/
        padding:0 0 45px 0;
    }

        div#admin-splash-content div.photos h4 {
            float:left;
            margin-top: 16px;
        }

        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: #F0EFEC;
            border-top:1px solid #E6E5E0;
        }

    div#admin-splash-content div.upload-page {
        margin-top: 15px;
        float:left;
        background: #F0EFEC;
        width: 910px;
        padding: 20px;
        border-radius: 6px;
    }

    div#admin-splash-content div.upload-page #upload-link a:visited ,
    div#admin-splash-content div.upload-page #upload-link a ,
    div#admin-splash-content div.upload-page #email-link span {
        color: #ff7c11;
        font-size: 120%;
        font-weight: bold;
        text-decoration: underline;
    }

        div#admin-splash-content div.photos span.space-used {
            float: right;
            margin-top:3px;
        }

    div#admin-splash-content div.photos div.upload-page span.toggle-upload {
        display: inline-block;
        float: left;
    }

    div#admin-splash-content div.photos div.upload-page a,
    div#admin-splash-content div.photos div.upload-page a:visited,
    div#admin-splash-content div.photos div.upload-page span.label {
        float: none;
    }

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

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

/**** 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:#05C2EA;
        }

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

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

    }

    /*
    for another day...
    label.checkbox input[type="checkbox"] {
        position: absolute;
        top: 0;
        left: -9999px;
    }

    label.checkbox input[type="checkbox"]:before{
        content: '';
        position: absolute;
        top:-4px;
        left: 9999px;
        width:20px;
        height: 17px;
        background: url(/images/checkmark-sprite-A2.png) 0 -34px no-repeat;
    }

        label.checkbox input[type="checkbox"]:checked:before,
        label.checkbox input[type="checkbox"]:focus:checked:before {
            background-position: 0 0;
        }

        label.checkbox input[type="checkbox"]:focus:before {
            background-position: 0 -17px;
        }*/



    div.content{
        /*background-color:#ffffff;*/
        /*border:1px solid #555;*/
    }

    #page-create{
        /*padding:30px 0;*/
        /*background-color:#ffffff;
        border-radius:6px;*/
        margin-top:20px;
    }
    #page-create h5 {
        border:none;
        margin:0 0 0 10px;
    }
    #page-create input[type="text"]{
        width:100%;
        font-size:20px;
        padding:10px;
        color:#564F48;
    }

        #page-create .fields .form-contact input[type="text"] {
            width:90%;
            font-size:16px;
        }

    #page-create textarea{
        width:100%;
        height:75px;
        resize:none;
        border:1px solid #dddddd;
        border-radius:4px;
        color:#564F48;
        padding:10px;
    }

    #page-create div.num{
        background-color:#32b665;
        color:#ffffff;
        font-weight:bold;
        border-top-left-radius:6px;
        -moz-border-radius-topleft:6px;
        -webkit-border-top-left-radius:6px;
        border-top:1px solid #2DA059;
        border-right:1px solid #2DA059;
        border-bottom:1px solid #2DA059;
        text-align:center;
        padding:13px 15px 14px 15px;
        font-size: 25px;
        position: absolute;
        top:0;
        left:0;
        box-shadow:-5px 0 8px -1px #23874a inset;
        text-shadow:-1px -1px 0 #888;
        margin:0 0 0 0;
    }

    span.optional {
        opacity:.5;
    }

    #page-create div.section {
        float:left;
        clear:both;
        margin-bottom:20px;
        /*padding-top:10px;*/
        width:100%;
        background:#ffffff;
        border-radius:6px;

    }

        #page-create div.section {
            box-shadow:0 2px 6px #cccccc;
        }

        #page-create div.section.first {
            border-top-left-radius:6px;
            border-top-right-radius:6px;
        }

        #page-create div.section.last {
            border-bottom-right-radius:6px;
            border-bottom-left-radius:6px;
        }

            #page-create div.section.last input {
                margin:10px 20px 20px 0;
                float:right;
            }
            #page-create div.section.last a.cancel{
                color: tomato;
                float: right;
                font-size: 18px;
                margin: 22px 25px 21px;
            }

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

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

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

    #page-create div.fields {
        float:left;
        margin-left:0;
        position: relative;
        width:88%;
        padding-bottom:45px;
        margin-left:45px;
    }

        #page-create div.fields.add-collab h2,
        #page-create div.fields.add-collab p {
            display: none;
        }


        #page-create div.section-head {
            border-top-right-radius:6px;
            border-top-left-radius:6px;
            border-top:1px solid #DEDCD8;
            border-right:1px solid #DEDCD8;
            border-bottom:1px solid #efede9;
            position: relative;
            float: left;
            width:100%;
            background-color: #F8F7F4;
            margin-bottom:30px;
        }

            label#makeItPrivate {
                font-size:15px;
                background: #DDD;
                padding: 10px 20px 10px 10px;
                border-radius: 6px;
                border: 1px solid #CCC;
                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 tomato !important;
                box-shadow:0 0 4px tomato !important;
            }

            #page-create p.error {
                color:tomato;
                float:right;
                padding:7px 10px 0 0;
                font-weight:bold;
                font-size:12px;
            }



    #page-create div.fields.private {
        padding-bottom: 0px;
    }
    #page-create div.fields.private label input{
        float: left;
        clear: left;
        width: 730px;
    }
    #page-create div.fields.private label{
        font-size: 18px;
    }
    div.fields div#privateSettings{
        float: left;
        clear:left;
        width:615px;
        background:#dddddd;
        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);
    }
    #page-create div.fields.private div#privateSettings label input{
        margin: 2px;
    }

    #page-create div.fields.private div#privateSettings label{
        float: left;
        font-size: 13px;
        width: 387px;
        height: 20px;
    }
            div.fields div#privateSettings input {
                float:left;
                margin: 0px 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: 0px;
                    top: 48px;
                }

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

                label.splash-publish {
                    float: left;
                    clear: both;
                    /*background: #C30000;*/
                    background:#333;
                    padding:12px 10px 3px 10px;
                    line-height: 0;
                    margin: 20px 0 0 0;
                    color: white;
                    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:#05c2ea;
                        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;
                    }


    #page-create h2{
        font-size:25px;
        color:#76716a;
        margin:0;
        padding: 8px 5px 7px 55px;
        float: none;
    }

    #page-create h2 a.tip,
    #page-create a.tip {
        background-color: #32b665;
        border-radius: 35px;
        font-size: 10px;
        padding: 2px 5px;
        color:#ffffff;
        position: absolute;
        top: 17px;
        margin-left: 5px;
    }

    #page-create input.cal{
        background: #fff url("/images/ui/ep-cal.gif") no-repeat scroll 6% center;
        clear: both;
        cursor: pointer;
        float: left;
        width: 125px;
        padding:5px 0 5px 30px;
        margin-right:7px;
    }
    #page-create select.cal{
        float:left;
        margin:9px 0 9px 4px;
        font-size:15px;
    }

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

    #steps-complete{
        position:fixed;
    }
    span.separator{
        float:left;
        margin-top:6px;
        margin-left:3px;
    }


    #page-create div.venue input{
        float:left;
        margin:5px 2px;
        padding:5px 10px;
        font-size:15px;
        width:93%;
    }
    #page-create #venue-city{
        width:150px;
    }
    #page-create #venue-state{
        width:72px;
    }
    #page-create #venue-zip{
        width:50px;
    }
    #page-create #venue-url{
        clear:both;
    }

    #page-create div.venue input#tryAddressPinpoint {
        float: right;
        width:auto;
    }

    #page-create div.venue label.venue-tbd  {
        float:left;
        clear:left;
        margin-left:14px;
    }
    #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: white;
        font-size: 12px;
        background: #888;
        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:#05c2ea;
        }

    #page-create div.venue label.venue-tbd input {
        width:auto;
        float: left;
    }

    div#map-container, div#map-cover {
        width: 400px !important;
        height: 200px !important;
        position: relative;
        background-color: #E5E3DF;
        overflow-x: hidden;
        overflow-y: hidden;
        float: right;
        border-radius: 6px;
        border: 1px solid #cccccc;
    }
    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 black;
        }

    div.box{
        /*border:1px solid #dddddd;*/
        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: white;
                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 #dddddd;
        padding:10px;
        display:none;
    }
    div.box-content{
        margin-top:0;
    }
    div.box-content label{
        font-weight:normal;
        margin-top:5px;
        margin-bottom: 4px;
        color: #999999;
    }

    div#sponsorLogoContainer {
        float:left;
/*        margin-left:30px;*/
    }

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

        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:#555555;
            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 {
            /*display: block !important;*/
            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.logo-box{
            margin-right:14%;
        }*/
        div.sponsorship-section div.box-content{
            max-width:590px;
        }
        div.sponsorship-section div.logo-box div.logo-wrapper{
            /*  min-height:230px;*/
        }
    /*
        div.box-content.sponsors .logo-box .logo-upload .logo-wrapper{ min-height: 200px; }
    */
        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("/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: 0px;
            z-index: 1;
            background: #C30000;
            padding: 0px 16px;
            border-bottom-left-radius: 6px;
            color: white;
            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 #DDD !important;
            }

                #no-twitter-options input.host-name:hover {
                    background:#d3f2f8;
                    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 #05c2ea !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: #AAA;
                        color: white;
                        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:#05c2ea;
                            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;
            }

                span.twitter-bird-blue {
                    float: left;
                    width: 28px;
                    height: 22px;
                    background: url(/images/eventfeed/splash-sprite-a1.png) -1053px -283px no-repeat;
                    background-size: 1090px;
                }

                    a#yes-twitter-link2 span.twitter-bird-blue {
                        margin-right:10px;
                    }

                .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 #dddddd;
                    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: #C30000;
                    padding: 0px 11px;
                    border-bottom-left-radius: 4px;
                    color: white;
                    border-bottom-right-radius: 4px;
                    border-top: 1px solid rgba(255, 255, 255, .6);
                }

                    #no-twitter-options .logo-upload:hover a.removeLogo {
                        /*display: block !important;*/
                    }

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

                #yes-twitter-link span.twitter-bird-blue {
                    width:40px;
                    margin-top: -2px;
                }

                #yes-twitter-link:hover {
                    color:#05c2ea;
                    border:1px solid #05c2ea;
                    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:#72BEC9;
        color:#ffffff;
        font-weight:bold;
    }
    .tbd{
        font-weight:normal;
        color:#FCB040;
        float:right;
        margin: 0;
    }

        #page-create div.section.rsvp div.block div.suboptions {
            position:absolute;
            top:0;
            right:0;
        }

            #page-create div.section.rsvp div.block.one div.suboptions {
                margin-top:-40px;
                position: relative;
                float: right;
                top:0;
            }

            #page-create div.section.rsvp div.block.two div.suboptions {
                padding:17px 10px 32px 10px;
            }

            #page-create div.section.rsvp div.block div.suboptions b,
            #page-create div.section.rsvp div.block div.suboptions ul li b {
                color:#76716A;
                margin-top:15px;
            }
            div.suboptions label.default {
                float:left;
            }
            div#rsvpFields { width: 390px; }
            .rsvp-subblocks div.suboptions label {
                margin-bottom:2px;
                position: relative;
            }

            #page-create div.section.rsvp div.block div.suboptions input {
                width:94%;
                font-size:13px;
                margin-bottom:4px;
            }

                #page-create div.section.rsvp div.block div.suboptions input[type="checkbox"] {
                    width:auto;
                }

            #page-create div.section.rsvp div.block div.suboptions div.left {
                width:135px;
                margin:5px 0;
            }

            #page-create div.section.rsvp div.block div.suboptions h2 {
                width: 100%;
                text-align: center;
                padding: 34px 0;
            }

        #page-create div.section.rsvp div.block b.rsvp-email {
            margin:10px 0;
            float: left;
            width:100%;
        }

        #page-create div.section.rsvp div.block label.rsvp-email input[type="checkbox"]{
            float:left;
        }

        #page-create div.section.rsvp div.block span.email-txt{
            font-weight: bold;
        }

        #page-create div.section.rsvp div.block input[type="text"]{
            float: left;
            font-size: 15px;
            margin: 5px 2px;
            padding: 5px 10px;
            width:200px;
        }
        #page-create div.section.rsvp div.fields div.block label.rsvp-option {
            font-size:18px;
            padding: 5px;
        }

            #page-create div.section.rsvp div.fields div.block label.rsvp-option.garfunkel {
                background: #ECEBEA;
                border-top-left-radius: 6px;
                border-bottom-left-radius: 6px;
                width:90%;
            }



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

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

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

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

        #page-create .suboptions h5 {
            margin-left:0;
            font-size:14px;
        }

        .suboptions label {
            margin-left:10px;
            float:left;
            clear:left;
            color:#eeeeee;
            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:#999999;

        }

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

            #page-create .hash-input-contain input {
                font-size:15px;
                margin-bottom:6px;
            }

        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 #CCC;
        }

    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;
            /*border:1px solid #eeeeee;
            background: #eeeeee;
            background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
            background: -moz-linear-gradient(top,  #ffffff,  #dddddd);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd'); */
        }

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

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

            div.time-block div.timezone a span {
                padding:5px 8px 4px 8px;
                color:#444;
                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: #999;
                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 {

    }

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

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

    .current-splash-upload {

    }

    /* 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;
    }

        .wide-wrapper span.caro-mask {
            position: absolute;
            top: 0;
            right: -20px;
            width: 43px;
            height: 400px;
            background: url(/images/caro-mask.png) repeat-y;
            z-index: 1;
            display: none;
        }

    .carousel .wide {
        position: absolute;
        top: 30px;
        left: 0px;
        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;?* p
        z-index: 998;
        top: 159px;
        border-radius: 50px;
        box-shadow: -8px 2px 16px #111;
        cursor: pointer;
        position: absolute;
        background: #05c2ea;
        transition:all .15s ease-in;
        -webkit-transition:all .15s ease-in;
        -moz-transition:all .15s ease-in;
        padding: 15px 18px 70px 0px;
        opacity: 1;
        -moz-opacity: 1;
        filter:alpha(opacity=100);
    }


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

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

            .carousel .arrow:active {
                background: #05a8cb;
                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 0px 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: #72BEC9;
            /*width: 50%;*/
        }



    div.selected-event-image {
        position:absolute;
        top:0;
        left:0;
        z-index:999;
        width:806px;
        height: 435px;
        overflow:hidden;
        border-bottom-right-radius:6px;
        background: #fff url(/images/cropper-bg.gif) repeat;
    }

        div.selected-event-image img.event-image {
            width:100%;
            /*border-bottom-right-radius: 6px;*/
        }

       /* div.selected-event-image span,*/
        div.selected-event-image a#editHeaderImage {
            position:absolute;
            top:10px;
            right:10px;
            border-radius:6px;
        }

            div.selected-event-image a#editHeaderImage,
            div.selected-event-image a#editHeaderImage:hover {
                right: 6px;
                padding: 10px;
                top: 50px;
                width: 150px;
                color:#777;
                text-shadow:1px 1px 0 #ffffff;
                float:left;
                border:1px solid #d4d6d3;
                background:#F0EFEC;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0EFEC', endColorstr='#D0D0D0'); /* for IE */
                background: -webkit-gradient(linear, left top, left bottom, from(#F0EFEC), to(#D0D0D0)); /* for webkit browsers */                    background: -moz-linear-gradient(top,  #EDEDED,  #D0D0D0); /* for firefox 3.6+ */
                background: -moz-linear-gradient(top,  #F0EFEC,  #D0D0D0); /* for firefox 3.6+ */
                box-shadow:none;
            }

        div.header-image {
            height:337px;
            overflow:hidden;
            /*padding: 20px 20px 20px 63px;*/
        }

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

        span#teeny-tri {
            width: 2px;
            height:1px;
            position: absolute;
            border-top: 3px solid transparent;
            border-right: 3px solid #4a8f99;
            border-bottom: 0 solid transparent;
            bottom: 45px;
            right: 114px;
            z-index: 1;
        }

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

    div.event-image-wrap span.drop-here {
        /*left: 10px;*/
        top:360px;
        width: /*380px*/ 70%;
        right: 10px;
    }
    div.upload-custom  {
    }
    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: 0px; left: 0px;
    }

    .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: 0px; top: 65px;
        width: 65px;
        height: 470px;
        border-bottom-right-radius:6px;
    }
    .content.edit-header .mask.bottom{
        width: 830px;
        height: 50px;
        top: 535px;
    }
    .editHeaderPlacement.edit-wrap{
        width: 700px;
        height: 470px;
        margin: 50px auto;
        position: relative;
    }
    .editHeaderPlacement .header-image {
        width: 700px;
        height: 460px;
        background: tomato url(/images/cropper-bg.gif) repeat;
        position: relative;
    }

    .editHeaderPlacement .header-image .header-text {
        width: 560px;
        position: absolute;
        left: 60px;
        top: 57px;
        pointer-events:none;
    }

    .editHeaderPlacement .header-image h1,
    .editHeaderPlacement .header-image h2{
        font-family: 'MarvelBold',"Helvetica Neue","HelveticaNeue",Helvetica,Arial,"Lucida Grande",sans-serif !important;
        color: #ffffff !important;
        z-index: 9 !important;
    }
    .editHeaderPlacement .header-image h1{
        font-size: 46px !important;
        z-index: 1;
        float:left;
        pointer-events:none;
        text-shadow:1px 1px 2px #333;
        font-weight:normal;
        text-align: left;
        line-height:46px;
    }
    .editHeaderPlacement .header-image h2{
        font-size: 16px !important;
        float:left;
        pointer-events:none;
        text-shadow:1px 1px 2px #333;
        font-weight:normal;
        text-align: left;
        float:left;
        clear:both;
        line-height:16px;
    }
    .editHeaderPlacement .header-image img{
        width: 100%;
        max-width: 900%;
        position: absolute; top: 0px; left: 0px;
        cursor: move;
    }
    .editHeaderPlacement .header-mask{
        width: 700px;
        height: 260px;
        position: absolute;
        top: 210px; left: 0px;
        overflow:hidden;
        pointer-events:none;
    }/*meche*/
    .editHeaderPlacement .header-mask img{
        width: 100%;
        position: absolute; top: -210px; left: 0px;
    }
    .editHeaderPlacement .header-mask img.preview{
        opacity: .3;
        -moz-opacity: .3;
        filter:alpha(opacity=30);
    }
    .editHeaderPlacement .tools{
        position: absolute;
        top: 252px;
        left: 74px;
        width:550px;
        pointer-events:none;
    }


        .editHeaderPlacement .tools h4 {
            margin-top:10px;
            color:#aaa;
            text-shadow:1px 1px 0 #ffffff;
        }

        .editHeaderPlacement .tools input {
            float:left;
        }

            .editHeaderPlacement .tools label.titledesc {
                margin-top:10px;
                cursor: pointer;
                pointer-events:auto;
            }

            .editHeaderPlacement .tools input[type="checkbox"] {
                float:left;
                margin-right:4px;
            }

        .editHeaderPlacement .actions {
            margin-top:-55px;
            float:right;
            width:220px;
            text-align:left;
        }

            .editHeaderPlacement .actions div {
                pointer-events:auto;
            }

            .editHeaderPlacement .actions h4 {
                color:#eeeeee;
                text-shadow:1px 1px 0 #222;
            }

            .editHeaderPlacement .actions ul {
                color:#eeeeee;
                margin-bottom:10px;
            }

            .editHeaderPlacement .actions ul li {
                list-style:decimal;
                margin:0;
            }

        .editHeaderPlacement .tools a.save,
        .editHeaderPlacement .tools a.reset {
            color:#ffffff;
            background:#32b665;
            border-radius:6px;
            padding: 2px 4px;
            height:auto;
            font-size: 12px;
            float:left;
        }

            .editHeaderPlacement .tools input.save {

            }

            .editHeaderPlacement .tools a.reset {
                background: #555;
                border: 1px solid #555;
            }

    .editHeaderPlacement .tools .zoomDrag{
        height: 20px;
        width: 268px;
        /*border: 1px solid #000000;*/
        position: relative;
        background:url(/img/zoom-bg.gif) 0 center repeat-x;
        margin:20px 0;
        float:left;
        clear:left;
    }
    .editHeaderPlacement .tools .zoomDrag .jump{
        width: 100%; height: 100%;
    }
    .editHeaderPlacement .tools .zoomDrag .slider{
        position: absolute;
        top: -11px;
        left: 114px;
        background: #000000;
        width: 40px;
        height: 40px;
        border-radius:30px;
        cursor:ew-resize;
        border:1px solid rgba(255, 255, 255, .55);
        background: -webkit-gradient(linear, left top, left bottom, from(#89bcd7), to(#3986AF)); /* for webkit browsers */
        background: -moz-linear-gradient(top,  #89bcd7,  #3986AF); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89bcd7', endColorstr='#3986AF'); /* for IE */

        box-shadow:0 2px 4px #aaa;
        pointer-events:auto;

        transition:box-shadow .25s, background .25s;
        -webkit-transition:box-shadow .25s, background .25s;
        -moz-transition:box-shadow .25s, background .25s;
    }

        .editHeaderPlacement .tools .zoomDrag .slider:active,
        .editHeaderPlacement .tools .zoomDrag .slider.active {
            box-shadow:0 0 2px #aaa;
            background: -webkit-gradient(linear, left top, left bottom, from(#89bcd7), to(#317498)); /* for webkit browsers */
            background: -moz-linear-gradient(top,  #89bcd7,  #317498); /* for firefox 3.6+ */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89bcd7', endColorstr='#317498'); /* for IE */

            transition:box-shadow .25s, background .25s;
            -webkit-transition:box-shadow .25s, background .25s;
            -moz-transition:box-shadow , background .25s;
        }

        .editHeaderPlacement .tools .zoomDrag .slider .inner-left,
        .editHeaderPlacement .tools .zoomDrag .slider .inner-right {
            position: absolute;
            height: 22px;
            width: 14px;
            border-radius: 40px;
            top: 9px;
            background: -webkit-gradient(linear, left top, left bottom, from(#3986AF), to(#89bcd7)); /* for webkit browsers */
            background: -moz-linear-gradient(top,  #3986AF,  #89bcd7); /* for firefox 3.6+ */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3986AF', endColorstr='#89bcd7'); /* for IE */
            opacity: 0.7;
            -moz-opacity: 0.7;
            filter:alpha(opacity=7);
        }

        .editHeaderPlacement .tools .zoomDrag .slider .inner-left {
            left: 4px;
        }

        .editHeaderPlacement .tools .zoomDrag .slider .inner-right {
            right: 4px;
        }

        .editHeaderPlacement .tools .zoomDrag .slider .scale {
            margin-top: 41px;
            float: left;
            width: 100%;
            text-align: center;
            font-size: 11px;
            font-weight: bold;
            color: #999999;
            text-shadow: 1px 1px 0 white;
            opacity: 0;
            -moz-opacity: 0;
            filter:alpha(opacity=0);

            transition:opacity .35s;
            -webkit-transition:opacity .35s;
            -moz-transition:opacity .35s;
        }

            .editHeaderPlacement .tools .zoomDrag .slider:active .scale,
            .editHeaderPlacement .tools .zoomDrag .slider.active .scale {
                opacity: 1;
                -moz-opacity: 1;
                filter:alpha(opacity=100);

                transition:opacity .25s;
                -webkit-transition:opacity .25s;
                -moz-transition:opacity .25s;
            }


    div#steps-complete-wrap{
        position: fixed;

    }
    div#steps-complete {
            margin-top:20px;
            float:left;
            width:200px;
            padding:10px;
            background:#f8f7f4;
            border-radius:6px;
            border:1px solid #DEDCD8;
        }

        div#steps-complete.cb-mini {
            margin-top: 140px;
            width: 138px;
            right: -145px;
            min-height: 160px;
            display: none;
        }

        div#steps-complete h5 {
            border:none;
            margin:0;
        }

            div#steps-complete.cb-mini h5 {
                margin-top:16px;
                margin-bottom:16px;
                border-bottom:1px dashed #DEDCD8;
            }

            div#steps-complete h5 span#current-step {
                float:right;
                font-weight:normal;
            }

        div#steps-complete span#step-title {
            font-weight:bold;
            font-size:14px;
            padding:4px 0 5px 0;
            float:left;
        }

        div#steps-complete b {
            color:#eeeeee;
            margin-left:12px;
        }

        div#steps-complete ul {
            float:left;
            margin:0 0 4px 0;
            padding:0;
            list-style:none;
            width:200px;
            border:1px solid #DEDCD8;
        }

            div#steps-complete ul li {
                float:left;
                display:block;
                margin:0;
                padding:0;
                background:#f8f7f4;
                border-bottom:1px solid #DEDCD8;
                -webkit-transition: background .15s linear;
                -moz-transition: background .15s linear;
                transition: background .15s linear;
                position: relative;
                overflow:hidden;
                cursor: pointer
            }

                div#steps-complete ul li a {
                    display:block;
                    width:100%;
                    height:100%;
                }

                    div#steps-complete ul li a span {
                        position: absolute;
                        top:1px;
                        left:1px;
                        font-size:10px;
                        font-weight:bold;
                        padding: 0 3px 2px 2px;
                        line-height: 10px;
                        background: #F8F7F4;
                        border-bottom-right-radius: 2px;
                        box-shadow:none;
                        color:#32b665;
                        opacity: .9;
                        -moz-opacity: .9;
                        filter:alpha(opacity=90);
                        -webkit-transition:opacity .15s linear;
                        -moz-transition:opacity .15s linear;
                        -webkit-transition:box-shadow .15s linear;
                        -moz-transition:box-shadow .15s linear;
                    }

                        div#steps-complete ul li:hover a span,
                        div#steps-complete ul li.active a span {
                            opacity: 1;
                            -moz-opacity: 1;
                            filter:alpha(opacity=1);
                            -webkit-transition:opacity .15s linear;
                            -moz-transition:opacity .15s linear;
                            box-shadow:1px 1px 4px #888;
                            -webkit-transition:box-shadow .15s linear;
                            -moz-transition:box-shadow .15s linear;
                        }

                div#steps-complete ul li.active,
                div#steps-complete ul li:hover {
                    background:#DEDCD8;
                    cursor:pointer;
                    -webkit-transition: background .15s linear;
                    -moz-transition: background .15s linear;
                    transition: background .15s linear;
                }


                    div#steps-complete ul li.completed {
                        -webkit-transition:box-shadow .15s linear;
                        -moz-transition:box-shadow .15s linear;
                    }

                    div#steps-complete ul li.completed.active {
                        box-shadow:0 0 15px #fff inset;
                        -webkit-transition:box-shadow .15s linear;
                        -moz-transition:box-shadow .15s linear;
                    }

            div#steps-complete ul li.s5,
            div#steps-complete ul li.s6 {
                height:50px;
            }

                div#steps-complete ul li.s1 {
                    width:100%;
                    height: 30px;
                    border-bottom: 1px solid #DEDCD8;
                }

                div#steps-complete ul li.s2 {
                    width:100%;
                    height:60px;
                }

                div#steps-complete ul li.s3 {
                    width:99px;
                    height:116px;
                    border-right:1px solid #DEDCD8;
                    border-bottom:none;
                }

                div#steps-complete ul li.s4 {
                    width:49px;
                    height:50px;
                    border-right:1px solid #DEDCD8;
                }

                div#steps-complete ul li.s5 {
                    width:50px;
                }

                div#steps-complete ul li.s6 {
                    width:100px;
                    height:32px;
                }

                div#steps-complete ul li.s7 {
                    width:100px;
                    height:32px;
                    border-bottom:none;
                }

                div#steps-complete ul li.s8 {
                    width:100%;
                    height:15px;
                    border-top:1px solid #DEDCD8;
                    border-bottom:none;
                }

            div#steps-complete ul li.completed{
                background-color:#32b665;
                -webkit-transition: background .15s linear;
                -moz-transition: background .15s linear;
                transition: background .15s linear;
            }

                div#steps-complete ul li.completed:hover {
                    background-color:#5bc584;
                    -webkit-transition: background .15s linear;
                    -moz-transition: background .15s linear;
                    transition: background .15s linear;
                }

        div#steps-complete div.event-url {
            float: left;
            background: #76716A;
            margin-left: -10px;
            width: 220px;
            margin-top: 10px;
            margin-bottom: -10px;
            border-bottom-right-radius: 6px;
            border-bottom-left-radius: 6px;
        }

            div#steps-complete div.event-url a {
                margin-left: 12px;
                margin-bottom: 6px;
                color: #76716A;
                float: right;
                margin-top: 6px;
                margin-right: 9px;
            }

    #facebox .content.previewing {
        width: 520px;
        text-align: center;
        min-height: 472px;
    }
    #facebox .content.add-collaborators{
        width:900px;
    }
    #facebox .content.add-collaborators div.form-contact{
        width:47%;
    }

    #facebox .content.previewing .load {
        margin-top: 11px;
    }

    /**** Admin Splash ****/
    #event-splash #collab-add-section{
        border:1px solid #cccccc;
        float:left;
        padding:30px;
    }
    #collab-add-section a#submit-collabs{
        clear:both;
    }
    #facebox .content.add-collaborators .left{
        text-align:center;
    }
    #facebox .content.add-collaborators .right{
        width:63%;
        margin-left:50px;
    }




    /**** 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 {
    width: auto;
    display: inline-block;
    float: none;
}

#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: #15003B;
    /*border: 1px solid #eee;*/
    border-radius: 1px;
    float: left;
    min-height: 200px;
    /*text-transform: uppercase;*/
    position: relative;
    border: 1px solid #D0CCD8;
}

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

    #entry-form a,#other-form a {
        color: #5795B1;
    }

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

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

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

    div#payment-details {
        background: #DEDCD8;
        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 #aaa inset;
    }

    /* simple receipt */


#other-form .signup {
    background: #fff;
    color: #5795B1;
    text-shadow: none;
    font-family: gibsonSemiBold;
    border: 2px solid #5795B1;
    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: rgba(85, 193, 231, 0.52);
        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: white;
    padding: 10px 20px 10px 20px;
    border-radius: 0;
    font-weight: normal;
    font-size: 20px;

    border-radius: 0 0 2px 0;
    font-family: 'gibsonSemiBold' !important;
    width: 100%;
    text-align: center;
    padding: 20px 0px 10px;
    background: transparent !important;
}

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

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

#entry-form span.label-splash,
#payment-form span.label-splash {
    font-family: 'GibsonSemiBold';
    color: #4d4d4d;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    top: 0.6em;
}

#entry-form span.label-splash{
    font-family: 'GothamMedium' !important;
    color: #15003b;
    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:#4d4d4d;
    font-size:18px;
    width:300px;
    height:200px;
    padding: 25px;
    margin-left:30px;
    font-weight: normal;
    font-family: 'GibsonSemiBold';
    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: 'gibsonRegular';
            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: #A199B1;
    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: 1px;
    box-shadow: 0 0 0 1px #fff;
    border: 1px solid #D0CCD8;
    background-color: #fff;
    color: #15003B;
    font-family: 'GothamBook' !important;
}

    #entry-form input[type="text"]:focus,#entry-form input[type="password"]:focus {
        box-shadow: 0 0 0 1px #cecece
    }

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

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

    #entry-form input[type="text"]::-moz-placeholder,#entry-form input[type="password"]::-moz-placeholder {
        color: #D0CCD8 !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: #6DD8BB;
}

#entry-form .forgot-password:hover{
    opacity: .8;
}

#entry-form form input[type="submit"],
.nice-green-btn {
    float: right;
    padding: 0.7em 2em;
    font-weight: normal;
    font-size: 14px;
    margin-top: 15px;
    /*text-transform: uppercase;*/
    /* letter-spacing: 0.1em; */
    background-color: #5252CA;
    border: 1px solid #fff;
    color: #fff !important;
    font-family: 'GothamMedium' !important;
    border-radius: 1px !important;
    box-shadow: none;
    text-transform: none;
/*    transition:all .15s linear;
    -webkit-transition:all .15s linear;
    -moz-transition:all .15s linear;
    -ms-transition:all .15s linear;
    -o-transition:all .15s linear;*/
}

    #entry-form form input[type="submit"]:hover,
    .nice-green-btn:hover {
        /*background:rgba(110, 216, 137, 0.52);*/
        /*box-shadow: 0 0 0 2px #6ed889 inset;*/
        /*color: #fff;*/
        opacity: .8;
    }

.logged-out-event-snippet{
    float:left;
    margin:0 0 30px 35px;
    color:#000;
    font-family:'GibsonSemiBoldItalic';
    width: 100%;
}
.logged-out-event-snippet.user-group-snippet {
    margin:0 0 0 20px;
}
.logged-out-event-snippet span{
    font-family:'GibsonRegular';
    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: 'gibsonSemiBold';
    color: rgb(77,77,77);
}
.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: #32b665;
        border-bottom-right-radius:6px;
        border-bottom-left-radius:6px;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32b665', endColorstr='#5dde8f'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#32b665), to(#5dde8f)); /* for webkit browsers */
        background: -moz-linear-gradient(top,  #32b665,  #5dde8f); /* for firefox 3.6+ */
        border:4px solid #269752;
        box-shadow:0 4px 8px #888;
    }

        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 #999999;
        margin-top:10px;
        border:1px solid #32b665;
        color:#76716a;
    }

        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:#32b665;;
        }

            /*div.plan-type.pro h2 {
                margin-top:11px;
            }*/

        div.plan-type h3 {
            color:#76716a;
        }

        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;
            }

            /*#quicktab {
                width: 1000px;
                background: #fff;
                padding: 8px 12px;
                text-transform: uppercase;
                font-family: 'gibsonSemiBold';
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                position: fixed;
                top: 42px;
                left: 50%;
                z-index: 1;
                margin-left: -500px;
                border-bottom: 1px solid #eee;
            }*/

            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: 'gibsonSemiBold';
                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;
/*                     color: #525151; */
/*                     border-bottom: 2px solid #525151; */
                }

                ul.horizontal-tab-nav.about-us li.active a {
                    background: #fff;
                    color: #949494;
/*                     color: #000; */
                }

                ul.account-info {
                    font-size: 16px;
                    color: #000;
                    margin-left: 10px;
                }

                    ul.account-info li {
                        margin-bottom: 2px;
                    }

            div#billing {
                float: left;
            }

                div#billing {
                    font-size: 14px;
                    font-family: gibsonRegular;
                    color: #000;
                }

            div#billing h3 {
                margin-top: 34px;
                float: left;
                font-family: 'GibsonSemiBoldItalic';
                color: black;
                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: #000;
                font-size: 14px;
                font-family: 'gibsonSemiBold';
                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: 'GibsonSemiBold', arial, sans-serif;
            font-weight: normal;
            color: #000000;
            font-size: 20px;
            width: 740px;
            background: black;
            padding: 10px 20px;
            margin: -20px 0 30px 0px;
            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: 'gibsonRegular';
                    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;
        /*background:#eee;*/
        border-radius:4px;
    }

    ul.plans-summary > li {
        display: block;
        float: left;
        border-radius:4px 4px 0 0;
        margin-bottom:0;
        /*width:140px;*/
        height:59px;
        /*background: #EEE;*/
        border-right: 1px solid white;
    }

        ul.plans-summary > li > a {
            color:#777;
        }

        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;
        /*background: white;*/
        border-radius: 4px 4px 0 0;
        position: relative;
        font-size:16px;
        text-align:center;
        width:283px;
        /*background: #F9F8F9;*/
        z-index: 0;
        margin-top:6px;
        background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#eeeeee)); /* for webkit browsers */
        background: -moz-linear-gradient(top,  #cccccc,  #eeeeee); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#eeeeee'); /* for IE */
        box-shadow: 0 -12px 12px -4px rgba(0, 0, 0, .3) inset;
    }

        ul.plans-summary > li a:hover {
            background:#E7FBFF;
        }

        ul.plans-summary > li a span.amount {
            display: block;
            font-size:14px;
        }

    ul.plans-summary li.selected a {
        /*background: blue; */
        /*border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc; */
        background:#05c2ea;
        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 white;
        }
        .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: #eeeeee;
        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: #eeeeee;
        float: left;
        width: 549px;
        height:160px;
        border-radius: 4px;
        padding: 20px 30px 0 30px;
    }

    a.rec-action {
        background: #FF9239;
        color: white;
        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:#05c2ea;
        }


    .quote-color-palette{
        float:left;
        width: 105px;
        padding: 4px;
        background: white;
        border-radius: 6px;
        color:1px solid #ccc;
    }
    .quote-color-palette ul{
        margin:0;
    }

    .quote-color-palette li{
            width:15px;
            height:15px;
            margin:2px;
            float:left;
            border:1px solid #cccccc;
    }
    .quote-color-palette li:hover{
            border:1px solid #555555;
        }
        .quote-color-palette li.active{
            border:1px solid red;
        }
    .quote-color-palette table{
        margin-left:0;
    }

    .quote-color-palette li.selected {
        border: 1px solid #05C2EA;
        box-shadow: 0px 0px 2px #05C2ea;
    }

    .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;
    }

/** Promo Styling **/

ul.splash-pre-nav {
    margin: 30px 0 0 0;
    float: left;
    width: 960px;
    height: 48px;
    position: relative;
    margin-bottom: -3px;
    z-index: 1;
}

    ul.splash-pre-nav li {
        float:left;
        margin:0;
        width:385px;
        height: 48px;
        margin-right:2px;
        position: relative;
    }

    ul.splash-pre-nav li a {
        display: block;
        margin-top: 7px;
        padding: 0 20px;
        background: #aaa;
        border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        color:#ffffff;
        font-size: 16px;
        font-weight: bold;
        text-align: left;
        transition:all .15s linear;
        -webkit-transition:all .15s linear;
        -moz-transition:all .15s linear;
        -o-transition:all .15s linear;
        box-shadow: 0px -10px 14px -4px rgba(0, 0, 0, 0.2) inset;
        position: absolute;
        bottom: 4px;
        left: 0;
        width: 100%;
        height: 34px;
        line-height: 34px;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
    }

        ul.splash-pre-nav li a:hover {
            height: 38px;
        }

        ul.splash-pre-nav li a.active,
        ul.splash-pre-nav li a.active:hover {
            height: 48px;
            line-height: 48px;
            box-shadow: none;
            bottom:0;
            font-size: 20px;
        }

            ul.splash-pre-nav li:first-child a.active:hover,
            ul.splash-pre-nav li:first-child a.active {
                background: #EDFCFF;
                color: #05C2EA;
                border: 3px solid #05C2EA;
                border-bottom: none;
                font-size: 20px;
            }

            ul.splash-pre-nav li:last-child a.active:hover,
            ul.splash-pre-nav li:last-child a.active {
                background: #32B665;
            }

        ul.splash-pre-nav li:first-child a:hover{
            background-color:#888;
        }

        ul.splash-pre-nav li:last-child a:hover {
            background: #888;
        }

.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 #05c2ea;
    position:relative;
    overflow:hidden;
}

#admin-splash-content .tabBlock div.lists-inner {
    width: 350px;
    margin: 5px;
    border-radius: 6px;
    position: relative;
    height: 500px;
    float: left;
    margin-right: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: none;
}
#admin-splash-content .tabBlock div.lists-inner .inner-contain {
    margin: 13px 0 0 0;
    padding: 10px;
    background-color: white;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    width: 326px;
    height: 437px;
    position: relative;
    border:1px solid rgba(0, 0, 0, 0.1);
}

#admin-splash-content .tabBlock div.label-head{
    background-color:none;
    display:inline-block;
    width:344px;
    border:none;
}

    #admin-splash-content #invitee-table-contain div.label-head {
        width:100%;
        border-bottom: 1px solid #eee;
    }


#promo-connect .tabBlock h5{
    width: auto;
    float: left;
    border: none;
    margin:6px 0 4px 10px;
    color:#555;
    font-size:14px;
}

    #promo-connect #invitee-table-contain .inner h5 {
        margin-bottom:0;
        padding:4px 0 4px 0;
        font-size:14px;
        margin:4px 0 0 0;
    }

#promo-connect #jumpToSendTab .icon-arrow-right{
    margin-right: -15px;
    margin-left: 10px;
}

#promo-connect .guest_lists #adding-types{
    float:left;
    margin: -10px;
}
#promo-connect .guest_lists label.option-wrap{
    box-shadow: -1px 0 0 #EEE inset;
    width: 98px;
    color: #333;
    text-shadow: NONE;
    font-weight: bold;
    position: relative;
    border: none;
    border-radius: 0;
    text-align:center;
}

    #promo-connect .guest_lists label.option-wrap.active,
    #promo-connect .guest_lists label.option-wrap:active {
        background: #333;
        box-shadow:-1px 0 0 #EEE inset, 1px 0 0 #CCC inset, 0 4px 10px rgba(0, 0, 0, 0.4) inset;
        color:#fff;
    }

    #promo-connect .guest_lists label.option-wrap:first-child {
        box-shadow: -1px 0 0 #EEE inset;
        width:99px;
    }

    #promo-connect .guest_lists label.option-wrap:last-child {
        box-shadow: 1px 0 0 #CCC inset;
    }

    #promo-connect .guest_lists label.option-wrap.manual {
        top:7px;
        right: 124px;
        border-radius:4px 0 0 4px;
    }

    #promo-connect .guest_lists label.option-wrap.import {
        top: 7px;
        right: 10px;
    }

        #promo-connect .guest_lists label.option-wrap.import img {
            position: relative;
            top: 1px;
        }

    #promo-connect .guest_lists label.option-wrap.upload {
        right:78px;
        top: 7px;
        width:28px;
    }


    #promo-connect .guest_lists label.option-wrap.active::before {
        content: '';
        position: absolute;
        bottom: -6px;
        left: 50%;
        border-top: 6px solid #333;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        z-index: 1;
        margin-left: -6px;
    }



#promo-connect .guest_lists input[type='radio'] /*,#promo-connect .guest_lists input[type='checkbox']*/ {
    width:0 !important;
    margin-left:-7px;
    opacity: 0;
    -moz-opacity: 0;
    filter:alpha(opacity=0);
}
.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: #333333;
    width:310px;
    text-align:center;
}
#duplicate-tiptip{
    color:#c30000;
}
#duplicate-box-close{
    color: #111111;
    font-size: 22px;
    position: absolute;
    right: 5px;
    top: 6px;
}

#promo-connect .guest_lists input[type='text'],
#promo-connect input[type='password']{
    width:100%;
    font-size:16px;
    float:none;
    margin-left: 0;
}

#gmail-login {
    float:left;
    text-align:center;
}

#gmail-login img {
    margin:20px 0 -20px 0;
}

#gmail-login label{
    font-weight:bold;
    float:left;
    width:90px;
}
#gmail-error{
    color:tomato;
}

#gmail-login small {
    float:left;
    clear:both;
    line-height:1.1em;
    margin-top:10px;
}

#gmail-login a#submitstuff {
    display:block;
    float: none;
    margin: 10px auto;
    font-size: 14px;
    padding: 6px 10px;
    width: 70%;
}

/*#gmail-connected{
    margin-top:14px;
}
*/
a#gmail-logout {
    position: absolute;
    top: 52px;
    right: 20px;
    background: #CCCCCC;
    color: #ffffff;
    border-radius: 4px;
    padding: 2px 4px;
    z-index: 1;
    transition:background .15s linear;
    -webkit-transition:background .15s linear;
    -moz-transition:background .15s linear;
    -o-transition:background .15s linear;
}

    a#gmail-logout:hover {
        background: #444444;
    }

/*table#gmail-contact-table,
table#contact-import-table {
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    width: 330px !important;
    margin-left:-5px !important;
    margin-top:5px !important;
    max-height:268px !important;
}*/
    div#admin-splash-content div.rsvps table#gmail-contact-table{
        margin-top:5px;
    }
    table#gmail-contact-table thead,
    table#contact-import-table thead {
        background:#eee;
    }

    #promo-connect #upload-results{
        width:330px;
        float:left;
        position: relative;
    }
  /*  table#gmail-contact-table thead th,
    table#contact-import-table thead th,
    table#gmail-contact-table tr td,
    table#contact-import-table {
        width:90px;
        max-width:90px;
        min-width:90px;
        white-space:nowrap;
        overflow:hidden;
        border: none;
        border-bottom: 1px solid white;
    }*/
    #promo-connect #gmail-connected .search-bar{
        margin-top: -18px;
        margin-left: -8px;
        box-shadow: 0px 2px 6px rgba(0, 0, 0, .2);
        padding: 5px 2px;
        width: 322px;
        position: relative;
        z-index: 1;
    }
        input#gmail-contact-search {
            font-size: 14px;
            margin: 0 0 0 3px;
            width:194px;
            padding-left:35px;
            background:url(/images/gmail-icon.jpg) 3px no-repeat;
        }

        div#gmail-connected div.gmailResultsWrap {
            display: block;
            overflow-x: hidden;
            overflow-y: auto;
            width: 326px;
            height: 217px;
            margin-left: -8px;
        }

       /* table#gmail-contact-table thead th:first-child,
        table#contact-import-table thead th:first-child,
        table#gmail-contact-table tr td:first-child,
        table#contact-import-table tr td:first-child {
            width:16px !important;
            max-width:16px !important;
        }*/

        #promo-connect table.contact-table td{
            cursor:pointer;
        }

            #promo-connect #gmail-connected table tr td {
                cursor: pointer;
                max-width: 90px;
                overflow: hidden;
            }

            #promo-connect #gmail-connected table tr#loading-contact-tr td,
            #promo-connect #gmail-connected table tr#empty-search-tr td {
                text-align: center;
            }

        #promo-connect #closeCSV {
            float: right;
            margin:-5px 4px 2px 0;
        }

       /* table#gmail-contact-table tr td:first-child input,
        table#contact-import-table tr td:first-child {*/
            /*width:0;
            max-width:0;
            min-width:0;
            white-space:nowrap;
            padding:0;
            border:none;*/
          /*  display: block;
            opacity: 1 !important;
            -moz-opacity: 1 !important;
            filter:alpha(opacity=100) !important;
            margin-left:0 !important;*/
        /*}*/

        #promo-connect table.contact-table tr.selected{
            background:rgba(0, 0, 0, .2);
        }
        #gmail-contact-table input.masscheck{
            margin-left:2px;
        }
        #contact-import-table input.masscheck{
            margin-left:2px;
        }

/*#promo-connect #json-content,#promo-connect #upload-results{
    width:300px;
}*/

#promo-tabs a{
    font-size: 18px;
    clear: both;
    display: block;
    padding: 10px 70px 10px 10px;
    border-top: 1px solid #444;
    border-bottom: 1px solid #111;
    /*border-right: 1px solid #333;*/
    color: #EEE;
    text-shadow: -1px -1px 0 black;
    position: relative;
}

    #promo-tabs a img {
        display: none;
        position: absolute;
        top: 13px;
        right: 0;
    }

    #promo-tabs a img.invite-darr {
        display: block;
        top:-1px;
        right:60px;
        transition:all .15s linear;
        -webkit-transition:all .15s linear;
        -moz-transition:all .15s linear;
    }

        #promo-tabs a:hover img.invite-darr {
            top:0;
            /*right:0;*/
            /*-webkit-transform:rotate(90deg);
            -moz-transform:rotate(90deg);*/
        }

        #promo-tabs a.active img.invite-darr {
            display: none;
        }

#promo-tabs a.active{
    background: #05C2EA;
    /*font-weight: bold;*/
    /*box-shadow: -3px 0 9px rgba(0,0,0,.2) inset;*/
    box-shadow: 0 -12px 20px -12px rgba(5, 194, 234, 2) inset, 0px 4px 25px -3px #111111 inset;
    color: white;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .4);
}

    #promo-tabs a.active img {
        display: block;
    }

#promo-tabs a:last-child {border-radius:0 0 4px 0;}
#promo-connect .subcontent {
    background: #ffffff;
    width: 328px;
    height: 260px;
    border-radius:4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2) inset;
    padding:20px 10px;
    overflow: hidden;
    margin-top:30px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}

.promo-tabs-wrap a.view-rsvps-link {
    margin: 30px 0 0 10px;
    background: #CCC;
    color:#32b665;
    border-radius: 4px;
    padding: 8px 8px;
    width: 115px;
    font-size: 15px;
    text-shadow:1px 1px 0 #DDD;
}

    .promo-tabs-wrap a.view-rsvps-link:hover {
        color:#05c2ea;
    }

    .promo-tabs-wrap a.view-rsvps-link i {
        font-size: 24px;
        position: relative;
        top: -1px;
        left: 0px;
    }

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: #999;
    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:#32b665;
    color:#ffffff;
    border:2px solid green;
}
.email-item.invalid{
    background-color:orange;
    color:#ffffff;
    border:2px solid red;
}

#invitee-table-contain{
    width: 425px !important;
    margin-right:0;
}

    #invitee-table-contain .inner {
        float:left;
        background:#ffffff;
        margin:-5px 1px;
        position:relative;
        width:420px;
        border-radius:0 0 4px 4px;
        border:1px solid rgba(0, 0, 0, 0.1);
    }

        #invitee-table-contain .inner:after {
            content: 'Lists';
            position: absolute;
            top: -20px;
            left: 0;
            padding: 1px 15px;
            background: #FF7C11;
            color: white;
            border-radius: 4px 4px 0 0;
        }

    #invitee-table-contain .form-block{
       position: absolute;
       height: 464px;
       width: 100%;
       background-color: rgba(0, 0, 0, 0.7);
       text-align: center;
       z-index: 1;
       border-radius: 0 0 4px 4px;
       margin-top: -1px;
    }
    #invitee-table-contain .form-block .wrap{
        background: #ffffff;
        display: inline-block;
        box-shadow: 0px 2px 16px #000000;
        padding: 20px;
        margin-top: 25px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
    }
    #invitee-table-contain .form-block h3{
        margin-top: 10px;
        margin-bottom: 15px;
    }
    #invitee-table-contain .form-block .actions{
        margin:20px 0px !important;
        float: none;
    }

    #invitee-table-contain .form-block input[type="text"]{
        width:300px !important;
        margin-top:10px !important;
   }
   #deleteGuestList{
        padding: 2px 4px;
        color: #C00000;
        font-size: 11px;
        margin-top: 1px;
        margin-left: 14px;
        float: left;
    }

    #invitee-table-contain .inner .listName {
        height: 46px;
        max-height: 46px;
        box-shadow: 0px 1px 0 #FF7C11 inset;
    }

        #invitee-table-contain .inner .listName li ul#user-rsvp-lists li a {
            padding:7px 0 6px 12px;
            border-radius:0;
        }

        #invitee-table-contain .inner .listName h5 {
            margin-bottom:0;
        }

        #invitee-table-contain .inner #other-lists.no-user-lists.listName {
            height: 238px;
            min-height: 238px;
            overflow: hidden;
            padding: 10px;
            display:    none;
        }

        #invitee-table-contain .inner .listName h5 span {
            padding: 8px 10px 9px 10px;
            float: left;
            max-width: 290px;
            overflow: hidden;
            white-space: nowrap;
            margin-right: 10px;
            color: #000;
        }

        #invitee-table-contain .listActions {
            float: right;
            box-shadow: 11px 0 6px -10px rgba(0, 0, 0, .2) inset;
            height: 46px;
        }

        #invitee-table-contain .inner .listName a {
            display: inline-block;
            position: relative;
        }



            #invitee-table-contain .inner .listName a.cancel {
                color:#C30000;
                left:-5px;
            }

            #invitee-table-contain .inner .listName a.save {
                left:-10px;
                background-color: #32B665;
                color: white;
                padding: 1px 4px 2px 4px;
                border-radius: 4px;
            }

        #editGuestList {
            font-size: 22px;
            color: #FF7C11;
            margin: 13px 0px 10px 15px;
        }

    /*#invitee-table-contain .inner span.count {
        margin: 14px 10px 0 0;
        display: inline-block;
        font-size: 16px;
        color: #AAA;
        display: none;
    }*/

    #invitee-table-contain ul {
        float: left;
        margin: 4px 0 0 8px;
    }

        #invitee-table-contain ul li {
            display: inline-block;
            margin:0;
        }

    #invitee-table-contain ul li:first-child a {
        /*border-radius:6px 0 0 6px;*/
        margin-right:10px;
        float:none;
    }

    #invitee-table-contain ul li:last-child a {
        border-radius:6px;
    }

        #invitee-table-contain ul li:last-child a span {
            max-width: 120px;
            display: inline-block;
            overflow: hidden;
            margin-left: 8px;
            color:#333333;
            font-weight:bold;
        }

    #addNewGuestList {
        font-weight: bold;
        border: 2px solid #05C2EA;
        border-radius: 50%;
        color: #05C2EA;
        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: #05C2Ea;
            color: #fff;
        }

    #addNewGuestList.disabled{
        cursor:default;
        opacity:0.6;
    }
    #invitee-table-contain .inner ul.guest-lists {
        margin: 0;
        height: 46px;
        line-height: 44px;
    }

        #invitee-table-contain .inner ul.guest-lists  li:last-child a {
            border-radius:4px;
            padding:5px 17px 3px 7px;
        }

        #invitee-table-contain .inner ul.guest-lists .dwn-arrow {
            top:14px;
        }

    #invitee-table-contain .inner ul.guest-lists a {
        top:0;
        padding: 0 0 0 10px !important;
    }

    /* the ul list for lists */

    #promo-connect .select-list-control {
        position: relative;
    }
    #promo-connect #email-send-from{
        max-width: 590px;
        overflow: hidden;
        margin-bottom: 12px;
    }

        #promo-connect #email-send-to span,
        #promo-connect #email-send-from span {
            margin-bottom: 0;
            background: none;
        }

        #promo-connect #invitee-table-contain .select-list-control ul,
        #promo-connect .email-create .select-list-control ul {
            position: absolute;
            top: 45px;
            right: 0;
            display: none;
            background: #f9f8f9;
            width: auto;
            margin: 0;
            border-radius: 0 0 4px 4px;
            z-index: 10;
            box-shadow: 0 8px 14px
            rgba(0, 0, 0, .2);
            width:357px;
        }

            #promo-connect .email-create .select-list-control ul {
                top: 30px;
                left:60px;
                border-radius:0 0 4px 4px;
                width:558px;
            }

                #promo-connect .email-create .select-list-control ul#email-from-list {
                    top:40px;
                }

            /*#promo-connect ul:hover li.select-list-control ul {
                display: block;
            }*/

            #promo-connect #invitee-table-contain .select-list-control ul li,
            #promo-connect #invitee-table-contain .select-list-control ul li a {
                border-radius:0;
                margin:0;
            }

                #promo-connect #invitee-table-contain .select-list-control ul li a {
                    padding:0 0 0 10px;
                    width:100%;
                    box-sizing:border-box;
                    -moz-box-sizing:border-box;
                }

                #promo-connect #invitee-table-contain .select-list-control ul li a span {
                    width: auto;
                    display: inline-block;
                    overflow: hidden;
                    margin-left: 0;
                    color: #333;
                    font-weight: bold;
                    max-width:none;
                }

                    #promo-connect .select-list-control ul li a span:last-child {
                        position: absolute;
                        right:0;
                    }

            #promo-connect #invitee-table-contain .select-list-control ul li a,
            #promo-connect .email-create .select-list-control ul li a {
                padding: 7px 12px 6px 12px;
                display: block;
                white-space: nowrap;
                border-top: 1px solid #fff;
                border-bottom: 1px solid #DDD;
                color: #444;
                text-shadow: 1px 1px 0 white;
                transition:all .15s linear;
                -webkit-transition:all .15s linear;
                -moz-transition:all .15s linear;
            }

                #promo-connect #invitee-table-contain .select-list-control ul li:first-child a,
                #promo-connect #invitee-table-contain .select-list-control ul li:first-child a:hover {
                    border-top:1px solid transparent;
                }

                #promo-connect #invitee-table-contain .select-list-control ul li a:hover,
                #promo-connect .email-create .select-list-control ul li a:hover {
                    border-bottom: 1px solid #CCC;
                    background: #DDD;
                    border-top: 1px solid  #DDD;
                }

        #promo-connect .select-list-control ul li .gray {
            float: none;
        }

        #promo-connect .select-list-control ul li,
        #promo-connect  .select-list-control ul li a {
            display: block;
            margin-bottom: 0;
        }

        #promo-connect #invitee-table-contain .select-list-control ul li a:active {
            box-shadow:0 2px 6px rgba(0, 0, 0, .4) inset;
        }

        #promo-connect #invitee-table-contain .select-list-control .current,
        #promo-connect #invitee-table-contain .select-list-control .current:hover {
            padding: 0 20px 0 7px;
            float: none;
            display: inline-block;
            position: relative;
            height: 44px;
            background: none;
            border: none;
            font-size: 18px;
            color: #333;
            width: 330px;
            margin-top: 3px;
            border-radius: 0;
        }

            #promo-connect #invitee-table-contain .select-list-control .current.active {
                background: #ccc;
            }

            #promo-connect #invitee-table-contain .select-list-control .current span i:before {
                position: absolute;
                top: -6px;
                right: 4px;
            }

            #promo-connect #invitee-table-contain .select-list-control .current .dwn-arrow {
                top: 12px;
                right: 6px;
            }

            #promo-connect #invitee-table-contain .select-list-control {

            }

        #promo-connect #invitee-table-contain .select-list-control .current i:before {
            font-size: 25px;
            position: absolute;
            right: 10px;
            top: -4px;
        }

#promo-nav{
    width: 105px;
    position: absolute;
    text-align: center;
    background-color: #CDECF3;
    cursor: pointer;
    top: 10px;
    height: 96%;
    transition: all .15s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
}
#promo-nav.next{
    left: 856px;
    box-shadow: -1px 2px 6px #7B9EA5, -28px 0px 30px -30px #58A3B4 inset;
    border-radius: 10px 0 0 10px;
}

    #promo-nav.next:active {
        box-shadow: 0px 2px 8px #AAC2C7, -28px 0px 30px -30px #367D8D inset;
    }

#promo-nav.previous{
    left:0px;
    box-shadow: 1px 2px 6px #7B9EA5, 28px 0px 30px -30px #58A3B4 inset;
    border-radius: 0 10px 10px 0;
}

    #promo-nav.previous:active {
        box-shadow: 0px 2px 8px #AAC2C7, 28px 0px 30px -30px #367D8D inset;
    }

#promo-nav.next:hover {
    background: #91D3E2;
}
#promo-nav.previous:hover {
    background: #91D3E2;
}

#promo-nav .next-section{
    font-size: 18px;
    font-weight: bold;
    color: #333;
    display: inline-block;
    width: 100%;
    height: 40px;
    text-align: center;
    margin-left: 0;
    background: rgba(255, 255, 255, .5);
    padding-bottom: 0px;
    box-shadow: 0 0px 0 rgba(0, 0, 0, 0.2) inset;
    border-radius: 12px 0 0 0;
    padding:10px 10px 43px 10px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}

    #promo-nav.previous .next-section {
        border-radius: 0 12px 0 0;
        text-align: center;
    }

#promo-nav .circle{
    background-color: transparent;
    height: 75px;
    border-radius:75px;
    -moz-border-radius:75px;
    -webkit-border-radius: 75px;
    width: 75px;
    line-height: 75px;
    vertical-align: middle;
    margin:155px auto;
    transition:all .15s linear;
    -webkit-transition:all .15s linear;
    -moz-transition:all .15s linear;
    box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1) inset;
}
#promo-nav .circle .triangle{
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    vertical-align: middle;
    display: inline-block;
    margin-top: -3px;
    margin-left: 6px;
}
#promo-nav.next .circle .triangle{
    border-left: 20px solid #333333;
    margin:22px 32px;
}
#promo-nav.previous .circle .triangle{
    border-right: 20px solid #333333;
    margin:22px 24px;
}

#promo-nav:hover .circle{
    background-color:#05c2ea;
}
#promo-nav.next:hover .triangle{
    border-left:20px solid #ffffff;
}
#promo-nav.previous:hover .triangle{
    border-right:20px solid #ffffff;
}

#invitee-table-contain #list-name{
    width: 170px;
    text-align: left;
    margin: 1px 10px 0px 10px;
    float:left;
}

div#admin-splash-content div.rsvps .inviteeTableWrap {
    display: block;
    width: 100%;
    height: 410px;
    border-radius: 0 4px 4px 0;
    overflow-x: hidden;
    overflow-y: auto;
}

div#admin-splash-content div.rsvps #invitee-table {
    margin:0;
    min-height:410px;
    max-height:410px;
    display:block;
    width:100%;
    border-radius: 0 0 4px 4px
}

    div#admin-splash-content div.rsvps #invitee-table thead {
        background:#eeeeee;
        border-top: 1px solid #DDDDDD;
        border-bottom: 1px solid #DDDDDD;
    }

    div#admin-splash-content div.rsvps #invitee-table th {
        background-color:#eeeeee !important;
        color: #555555 !important;
        text-shadow: none !important;
        border-right: 1px solid white !important;
        height: 18px;
    }

    div#admin-splash-content div.rsvps #invitee-table th.edit {
        text-align: center;
        width:30px;
        border-radius: 0;
        border-right: none !important;
    }

#invitee-table tr td input,
#invitee-table tbody tr:nth-child(even) td input[type="password"] {
/*    width: 130px !important;*/
    font-size: 12px !important;
    float: none;
    height:30px;
    padding: 0px 7px;
    /*position: absolute;*/
    top: 0;
    left: 0;
    border-radius: 0;
    margin: 0 !important;
    background: #FFFDD6 !important;
    table-layout:fixed;
}
#invitee-table tbody tr{
    background:#ffffff;
}

#invitee-table tbody tr:nth-child(even) {
    background:#f9f8f9;
}
#invitee-table tbody tr:nth-child(even) td input {
/*    width:100%;
*/
    margin-left:-6px;
    /*background-color:#ffffff !important;*/
    margin-bottom:4px;
}

#invitee-table tbody tr td {
/*    max-width:110px;
    min-width:110px;*/
    height:30px;
    border:none;
    /*white-space:nowrap;*/
    overflow: hidden;
}
#invitee-table tbody tr.empty-table td{
    height:182px;
 }

#promo-connect .qq-upload-button{
    margin: 10px 0 30px 97px;
    font-size: 14px;
    padding: 10px 14px;
}


    #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: #FF7C11;
        background: -moz-linear-gradient(top, #FAC9A1 0%, #FF7C11 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAC9A1), color-stop(100%,#FF7C11));
        background: -o-linear-gradient(top, #FAC9A1 0%,#FF7C11 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAC9A1', endColorstr='#FF7C11'); /* for IE */

    }
    #addToList:hover{
        background-color: #fc9745;
        background: -moz-linear-gradient(top, #f8d6ba 0%, #fc9745 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8d6ba), color-stop(100%,#fc9745));
        background: -o-linear-gradient(top, #f8d6ba 0%,#fc9745 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8d6ba', endColorstr='#fc9745'); /* for IE */
    }

        #addToList span:before {
            position: absolute;
            top:-4px;
            right: 10px;
        }

  /*  #addToList .arrow-right{
        width:0;
        height: 0;
        border-top:27px solid transparent;
        border-bottom:27px solid transparent;
        border-left:27px solid orange;
        position:relative;
        right:-28px;
        top:-53px;
    }*/

#invitee-table .empty-table td{
    font-weight:bold;
    color:#cccccc;
    font-size:16px;
    vertical-align:middle;
    text-align:center;
/*    width: 100%;*/
/*    max-width: 100% !important;*/
    height:175px;
    white-space:normal;
}

.guest-delete{
    color:#C30000;
}

.actions-1 a, .actions-2 a{
    font-size:15px;
    margin:0;
}

/* send message */

#promo-connect .send-task-email-form .email-body {
    background:#fff;
}

#promo-connect table tbody tr td {
    border: none;
    cursor: auto;
}
#promo-connect .custom-content-contain{
    position:relative;
}
    #invite-primary-message-placeholder {
        position: absolute;
        top: 24px;
        left: 100px;
        font-size: 18px;
        color: #bbbbbb;
    }
    #invite-message-placeholder{
        position:absolute;
        top:27px;
        left:111px;
        z-index:1;
        cursor:pointer;
        font-style: italic;
        color: #bbbbbb;
    }

    #promo-connect .send-task-email-form .invite-top h2 {
        font-size: 15pt;
        font-weight: normal;
        min-height: 45px;
        padding: 10px;
        margin:0 0 19px 0;
        border: 2px dashed #bbbbbb;
        border-radius: 6px;
        margin-left: 10px;
        width: 618px;
        cursor:pointer;
    }
    #promo-connect .send-task-email-form td[template=blank] .invite-top h2 { min-height: 135px; }
    #promo-connect .send-task-email-form td[template=blank] .invite-top #invite-primary-message-placeholder { top: 63px; }

    #promo-connect .send-task-email-form .invite-top h2:active {
        cursor: auto;
    }

    #promo-connect .send-task-email-form .invite-middle {
        background: white;
        margin: 0px;
        border-radius: 6px;
        position: relative;
        float:left;
        width:inherit;
        pointer-events:none;
    }

        #promo-connect table {
            float: none;
        }
        #promo-connect .send-task-email-form .invite-middle table {
            width:628px !important;
            box-shadow:none !important;
            border:1px solid #eee;
        }


        #promo-connect .send-task-email-form .invite-middle .the-deets {
            float:left;
            width:281px;
            max-width:281px;
            background:#fff;
            padding: 0;
            line-height:1.3em;
        }

            #promo-connect .send-task-email-form .invite-middle .the-deets b {
                width:auto;
            }

    #promo-connect .send-task-email-form .invite-middle-custom-content,
    #promo-connect .send-task-email-form .invite-bottom {
        min-height:45px;
        background: white;
        margin: 0px 10px 0 10px !important;
        padding: 10px;
        border: 2px dashed #bbbbbb;
        text-align: left;
        border-radius: 6px;
    /*    pointer-events:none;*/
        opacity: .7;
        -moz-opacity: .7;
        filter:alpha(opacity=70);
        color:#444444;
    }

        /* for the contenteditable interactions */
        #promo-connect .send-task-email-form .invite-middle-custom-content {
            cursor: pointer;
            color: #000000;
            font-size: 16px;
            font-family: helvetica;
        }
        #promo-connect .send-task-email-form .invite-middle-custom-content:focus{
            cursor:text;
        }

        #promo-connect .send-task-email-form .invite-middle-custom-content span {
            width: 100%;
            text-align: center;
            display: inline-block;
            margin-top: 18px;
        }

        #promo-connect .send-task-email-form .invite-middle-custom-content {
            /*height:60px;
            overflow: hidden;*/
        }

        #promo-connect .send-task-email-form .invite-bottom {
            background:none;
            border:none;
            text-align:left;
        }

    #promo-connect .send-task-email-form .invite-middle a.btn {
        position: absolute;
        top: 20px;
        right: 20px;
    }

    #promo-connect .email-form {
        float: left;
        width: 426px;
        margin-bottom: 8px;
    }

     #promo-connect .send-task-email-form .email-create {
            background: #EEE;
            border-radius: 6px;
            width:700px;
            margin:0 auto 0 163px;
            text-align:left;
        }

            .send-task-email-form .email-create .select-list-control,
            .send-task-email-form .email-create .select-list-control:hover {
                margin-bottom:11px;
            }

       #promo-connect .send-task-email-form .email-head {
            float: left;
            width: 680px;
            padding: 20px 10px 10px 10px;
            margin-bottom: 8px;
        }

        #promo-connect .send-task-email-form .email-head b {
            float: left;
            clear: left;
            margin-right: 10px;
            width:50px;
            position: relative;
            top:7px;
            text-align: right;
            color: #333;
            margin-bottom: 12px;
        }
        #promo-connect .send-task-email-form .email-head b.template-label {
            top: 22px;
        }

        .email-head .select-list-control span {
            background: #EEE;
            position: relative;
            padding-right: 20px;
            width: 530px;
            margin-bottom: 12px;
        }

            .email-head .select-list-control span .dwn-arrow {
                top: 14px;
                left: 536px;
                padding: 0;
                width: auto;
                right: auto;
                position: absolute;
            }

#promo-connect .template-selector {
    font-size:11px;
    float:left;
    margin-top:6px;
    position:relative;
}

div#admin-splash-content #promo-connect .template-selector table {
    background: #ccc;
    /*background: -moz-linear-gradient(left,  #cdecf3 0%, #05c2ea 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cdecf3), color-stop(100%,#05c2ea));
    background: -webkit-linear-gradient(left,  #cdecf3 0%,#05c2ea 100%);
    background: -o-linear-gradient(left,  #cdecf3 0%,#05c2ea 100%);
    background: -ms-linear-gradient(left,  #cdecf3 0%,#05c2ea 100%);
    background: linear-gradient(to right,  #cdecf3 0%,#05c2ea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdecf3', endColorstr='#05c2ea',GradientType=1 );*/
    border-radius: 8px;
}

div#admin-splash-content #promo-connect .template-selector table tr {
    background: none;
}

#promo-connect .template-selector table td{
    margin: 0;
    padding: 5px 0;
    color: #ffffff;
    width: 80px;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    box-shadow: 1px 0px 0 rgba(255,255,255,0.4) inset, -1px 0px 0 rgba(0,0,0,0.1) inset;
    font-weight: bold;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .1);
    border-top: none;
    border-bottom: none;
    cursor: pointer;
    transition:all .15s linear;
    -webkit-transition:all .15s linear;
    -moz-transition:all .15s linear;
    -o-transition:all .15s linear;
}

#promo-connect .template-selector table td:first-child {box-shadow: none; border-radius: 8px 0 0 8px;}
#promo-connect .template-selector table td:last-child {box-shadow: 1px 0px 0 rgba(255,255,255,0.4) inset; border-radius: 0 8px 8px 0;}
#promo-connect .template-selector table td:hover,
#promo-connect .template-selector table td.selected {
    box-shadow:1px 0px 0 rgba(255, 255, 255, 0.4) inset, -1px 0px 0 rgba(0, 0, 0, 0.1) inset, 0 2px 0 #04323c inset, 0 -2px 0 #04323c inset, 2px 0 0 #04323c inset, -2px 0 0 #04323c inset, 0 -100px 0 #aaaaaa inset;
}

#promo-connect .template-selector table td.selected,
#promo-connect .template-selector table td:active,
#promo-connect .template-selector table td.selected:hover {
    box-shadow:1px 0px 0 rgba(255, 255, 255, 0.4) inset, -1px 0px 0 rgba(0, 0, 0, 0.1) inset, 0 100px 0 #05c2ea inset;
}


#promo-connect .send-task-email-form select {
    width: 355px;
    margin: 0;
    float: right;
    margin-right: 9px;
    margin-bottom: 7px;
}

    #promo-connect .send-task-email-form select#invite-list-template {
        width:549px;
        float:left;
        padding:8px 6px;
    }

#promo-connect .send-task-email-form input[type='text'] {
    width: 549px;
    font-size: 14px;
    display: block;
    border: 1px solid #CCC;
    float: left;
    margin-right: 8px;
    margin-bottom: 4px;
    background: #fff !important;
}

#promo-connect .send-task-email-form textarea {
    height: 230px;
    width: 419px;
    margin-right: 10px;
    resize:none;
    border-radius:4px;
    box-shadow:0 2px 2px #e3e3e3 inset;
    border:1px solid #ccc;
}

#promo-connect .contact-bubble-actions {
    float:right;
    margin:10px 86px 10px 0;
    height: auto;
    background: none !important;
  }

    #promo-connect .contact-bubble-actions .right {
        float:right;
        margin:5px -20px -10px;
        font-weight:bold;
    }
#promo-connect .contact-bubble-actions .right .icon-email{
    margin-right:-15px;
    margin-left:10px;
}

/* social tools */

#promo-connect .social ul {
    float: left;
    background: #fff;
    padding: 10px 20px 10px 10px;
    margin: 0 20px 20px 0;
    border: 1px solid #CCC;
    border-radius: 4px;
    width:308px;
}

    #promo-connect .social ul.fb-msg,
    #promo-connect .social ul.fb-wall {
        border:1px solid #3b5d96;
    }

    #promo-connect .social ul.twitter li.type,
    #promo-connect .social ul.fb-msg li.type,
    #promo-connect .social ul.fb-wall li.type {
        background:#3b5d96;
        margin-left: -10px;
        margin-top: -10px;
        width: 338px;
        border-radius: 2px 2px 0 0;
        padding: 8px 10px 10px 10px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        border-bottom: 1px solid white;
        color: #fff;
    }

        #promo-connect .social ul.twitter {
            border:1px solid #9fdef6;
        }

        #promo-connect .social ul.twitter li.type {
            background:#9fdef6;
            color:#2f84b2;
        }

        #promo-connect .social ul.fb-msg li a,
        #promo-connect .social ul.fb-wall li a {
            background:#3b5d96;
            color:#fff;
            text-shadow:none;
            border:1px solid #3b5d96;
        }

        #promo-connect .social ul.twitter li a {
            background:#9fdef6;
            color:#2f84b2;
            text-shadow:none;
            border:1px solid #9fdef6;
        }

    #promo-connect .social ul li.type {
        font-size: 14px;
        line-height: normal;
        font-weight: bold;
        color:#fff;
    }

    #promo-connect .social ul li span.message-type {
        display: block;
        padding: 10px;
        border-radius: 4px;
        border:1px solid #eee;
        pointer-events:none;
    }

    #promo-connect .social ul li a.social-send {
        float: right;
        /*background: #05C2EA;*/
        border-radius: 4px;
        /*color: white;*/
        padding: 2px 4px;
        margin-top: 10px;
    }

        #promo-connect .social ul li a.social-send.left {
            float: left;
        }


/* misc rsvp */
.rsvp-contain {
    float: left;
    width: 955px;
    margin: 0;
    border:3px solid #32b665;
    background:#eee;
    border-radius: 0 0 6px 6px;
}

    .rsvp-contain table thead {
        background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd));
        background: -o-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd'); /* for IE */
    }

    .rsvp-contain table tbody tr:hover {
        background:none;
    }

        .rsvp-contain table tbody tr:hover td:hover {
            background:#D8F8FF;
        }

        .rsvp-contain table tbody tr:hover td.focused_input:hover,
        .rsvp-contain table tbody tr:hover td.focused_input {
            background:#fff6d6;
        }

.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:#333333;
}
#admin-splash-content .magnify {
    width: 15px;
    height: 20px;
    display: inline-block;
    background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGJhc2VQcm9maWxlPSJmdWxsIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpldj0iaHR0cDovL3d3dy53My5vcmcvMjAwMS94bWwtZXZlbnRzIj4KPGc%2BCgk8cG9seWdvbiBmaWxsPSIjNjY2IiBwb2ludHM9IjkuMjA3LDYuMTI2IDcuNzkzLDcuNTQxIDExLjc5MywxMS41NDEgMTMuMjA3LDEwLjEyNiIgLz4KCTxwYXRoIGZpbGw9IiM2NjYiIGQ9Ik01LjkxNywyYzEuNjA4LDAsMi45MTcsMS4zMDgsMi45MTcsMi45MTdTNy41MjUsNy44MzMsNS45MTcsNy44MzNTMyw2LjUyNSwzLDQuOTE3UzQuMzA4LDIsNS45MTcsMgoJCSBNNS45MTcsMEMzLjIwMSwwLDEsMi4yMDEsMSw0LjkxN3MyLjIwMSw0LjkxNyw0LjkxNyw0LjkxN3M0LjkxNy0yLjIwMSw0LjkxNy00LjkxN0MxMC44MzMsMi4yMDEsOC42MzIsMCw1LjkxNywwTDUuOTE3LDB6IiAvPgo8L2c%2BCjwvc3ZnPgo%3D') no-repeat;
    z-index: 2;
    position: absolute;
    top: 25px;
    left: 21px;
    background-size: 100%;
    opacity: .6;
}

/** End Promo Styling **/


/** New Dashboard **/
#section-links{
    float:left;
    margin-bottom:80px;
}
#section-links a{
    float:left;
    width:200px;
    padding:50px;
    text-align:center;
    margin:0 10px 5px;
    background-color:#ffffff;
    border:2px solid #999999;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;

}
#planning-section{
    margin-left:0px;
    z-index: 1;
    float:left;
    clear:both;
}
#planning-section .block{
    float:left;
    width:100%;
    position:relative;
}
#planning-section .tab-wrap{
    margin-left: 0;
    width: 758px;
    background: #EEEEEE;
    box-shadow: 0 10px 6px -10px #BBBBBB inset;
}
#planning-section ul.planning-section-nav {
    margin-bottom: 0px;
    padding-right:6px;
    float:left;
    width:100%;
    background:#EEEEEE;
}
#planning-section ul.planning-section-nav li{
    float:left;
    margin-bottom:0;
    padding-top:10px;
    width:31.5%;
    position:relative;
    height:72px;
}
#planning-section ul.planning-section-nav li a{
    font-size:28px;
    margin-left:0px;
    width:102%;
    float:left;
    transition:background .15s linear;
}
#planning-section ul.planning-section-nav li a.active{
    background-color:#ffffff;
    height:73px;
    z-index:60;
    position: relative;
    margin-top:-9px;
    box-shadow: 0 0 5px 4px rgba(0, 0, 0, .1);
}
#planning-subcontent{
    background:#ffffff;
    min-height: 300px;
    padding:5px;
}
#currentElementBudget{
    float: right;
    padding: 20px;
    border: 1px solid #EEEEEE;
    margin-top: 30px;
    height: 72px;
    font-size:20px;
    font-weight: bold;
    text-align: center;
}
#currentElementBudget .txt{
    font-size:16px;
    font-weight: normal;
}

#planning-section .viewModes{
    float: right;
    padding: 14px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#planning-section .viewSortOptions{
    float: right;
    position: absolute;
    top: 0px;
    right: 5px;
}
/*** End New Dashboard Fixes ***/

/* 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: 'gibsonSemiBold';
}

/** 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;
    }
    /*#entry-form {
        padding-bottom: 60px;
    }*/
    #other-form p.connect {
        text-align:center;
    }
}
@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%;
    }
/*    #entry-form form input[type="submit"] {
        position: absolute;
        bottom: 10px;
        right: 30px;
    }*/
}


.other-opt-wrap {
    width: 100%;
    float: left;
    clear: left;
    letter-spacing: .02em;
    font-family: 'GothamBook'
}

.other-opt-wrap a{
    color: #54D2E0;
}

.other-opt-wrap a:hover{
    opacity: .8;
    overflow: visible;
}

/** fb signup/login button **/
.fb-action-btn {
    background-color: #fff;
    color: #3b5999;
    padding: 13px 9px;
    border: 1px solid #3b5999;
    width: 100%;
    border-radius: 2px;
    float: none;
    margin-top: 22px;
    display: inline-block;
    font-size: 12px;
    font-family: 'GothamMedium';
    margin-bottom: 10px;
    text-transform: none;
}

    .fb-action-btn:hover {
        opacity: .7;
    }

    .fb-action-btn i:before {
        font-family: 'kohtello'
    }

    .or-line {
        height: 1px;
        width: 100%;
        background: #E7E5EB;
        position: relative;
        opacity: 1;
        color: white;
    }
        .or-line:before {
            content: 'OR';
            padding: 0 1em;
            font-size: 10px;
            color: #736689;
            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;
}