.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

a:link,
a:visited,
a:active {
    text-decoration: none;
    color: #2db1ed;
}

a:hover {
    text-decoration: underline;
}

.center {
    text-align: center;
}

.loginOrRegister {
    margin: 10px 0 0;
}

    .loginOrRegister h1 {
        font-size: 36px;
        font-weight: 700;
        margin: 0 0 20px;
        letter-spacing: 0;
    }

h2.login {
    font-size: 14px;
    margin: -3px 0 21px;
    font-weight: bold;
}

.form-register h3,
.form-login h3,
.form-web h3 {
    font-size: 14px;
    color: #767676;
    text-align: right;
    width: 218px;
    margin: 0 0 15px;
    font-weight: bold;
}

.loginOrRegister .login {
    background: none repeat scroll 0 0 transparent;
    font-size: 14px;
    margin: -3px 0 21px;
}

.floatpanel,
.floatleftimage {
    float: left;
    margin-right: 15px;
}

.form-register,
.form-login {
    float: left;
    padding: 17px 0;
    background: none repeat scroll 0 0 #F3F3F3;
    margin-right: 10px;
    width: 460px;
}

.login-page .info-register,
.info-login, .info-register {
    float: right;
    font-weight: 700;
    overflow: hidden;
    padding: 11px 10px 130px;
    width: 460px;
}

    .login-page .info-register .title,
    .info-login .title,
    .info-register .title {
        font-size: 24px;
        line-height: 30px;
    }

.password-recovery {
    margin-bottom: 10px;
    margin-top: 30px;
}

.form-register label,
.form-login label {
    color: #767676;
    float: left;
    font-size: 11px;
    font-weight: 700;
    margin: 1px 11px 0 0;
    text-align: right;
    width: 218px;
}

.form-login input,
.form-register input,
.register-page input {
    float: left;
    margin: 0;
    padding: 2px 5px;
    width: 187px;
}

.form-login select,
.form-register select,
.register-page select {
    border: 1px solid #999999;
    float: left;
    margin: 0;
    width: 197px;
    padding: 2px 0;
    font-size: 11px !important;
}

.form-register .register-terms {
    border-color: #E0E0E0;
    border-style: solid;
    border-width: 1px 0;
    color: #767676;
    line-height: 18px;
    padding: 14px 11px 13px;
}

.form-register .thank-you {
    min-height: 300px;
}

.form-register .txt p, .form-register .register-terms p {
    font-size: 11px;
    font-weight: 400;
    margin: 0;
}

.form-login .remember-me input {
    border: none;
    text-align: left;
    width: 15px;
}

.holder, .registerRow {
    overflow: hidden;
    width: 100%;
}

.form-register .registerRow, form-login .settingrow {
    margin: 0 0 10px;
}

.register-page input[type=submit],
.form-login input[type=submit],
.form-web input[type=submit],
.form-register btn-register,
.form-register .btn-update {
    width: auto;
}

.info-login {
    background: none repeat scroll 0 0 #FFFFFF;
    width: 425px;
}

.propertySelectorHolder {
    display: block;
    float: right;
    width: 300px;
    margin-top: 10px;
    text-align: right;
}

    .propertySelectorHolder select {
        width: 190px;
        margin: 0 10px;
    }

.propertyContactsHolder {
    list-style: none outside none;
}

    .propertyContactsHolder li.contactDataRow {
        width: 460px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAEYCAMAAABBUtdfAAABIFBMVEXz8Ofz8Ojz8efz8ejz8en08Of08Oj08On08ej08en08er08un08ur08uv18er18ur18uv18+r18+v18+z19Oz19O328+v28+z28+329Oz29O329O729O/29e739O339O739O/39e739e/39fD39u/39vD49e/49fD49fH49vD49vH49vL49/H49/L49/P59vL59/H59/L59/P5+PP5+PT5+fT6+PT6+PX6+fT6+fX6+fb6+vb6+vf7+fX7+fb7+ff7+vb7+vf7+vj7+/f7+/j7+/n8+vj8+/j8+/n8+/r8/Pj8/Pn8/Pr9+/n9+/r9/Pr9/Pv9/Pz9/fv9/fz9/vz+/Pz+/fv+/fz+/f3+/vz+/v3+/v7+//3+//7//v3//v7jSnvXAAABUklEQVQoFQXBgYHkMAzEMA4lZ/sv9y+O9AAAAEAJABGEHKhYwIEQukPFszHmWG/y87fuX5E+OPgh8aG2PMhrfu4YXCwcZQRFkCOvibQ79gqCtKyMX9m4GPxibYeezzwyooziILQYJBame+nQF0Hos77YeMvg+bxljeIo46OXTtuvL3bMCnK82n/O4xn/odd9fHAiKIIgKBbedq8g1T/6z37owavPNeUbD24EgyL20GLHrG8s+sOzXrpHlE/Wezy4GAwuQgcXWY27ko46jjKKEzuOPUh5cHFxsRAEO94SPJ+3De6Vtq9fG9zpg3nlSGRcDZ30rtBp+cz20Ge82iPjtIV7jQ6SNqZ0exAEoXPc6YOvFnI7+GlFECz86EavH9LmSmkcZVoM/aG4j8918Dvm2vi2Bz8svAhyu8vC2Zb+8KZ/yAiiIJixEL0xa8Wsbzz2N/8BD0OUN369ywEAAAAASUVORK5CYII=);
        background-position: center top;
        background-repeat: repeat-x;
        float: left;
        margin: 0 10px 20px 0;
        height: 200px;
    }

    .propertyContactsHolder .propertyContactTextContainer {
        float: left;
        margin-right: 5px;
        overflow: hidden;
        padding: 10px;
        width: 280px;
        height: 180px;
    }

.ui-state-default, .ui-widget-content .ui-state-default {
    border: none;
}

.propertyContactsHolder .contactMethodType {
    display: block;
    padding-top: 5px;
    font-weight: bold;
}

.propertyContactsHolder .contactMethodValue {
    display: block;
}

.propertyContactsHolder .propertyContactImageContainer {
    float: right;
    padding-left: 1px;
    height: 175px;
    overflow: hidden;
}

.propertyContactFunctions {
    clear: both;
    float: none;
    width: 450px;
    background-color: #595750;
    padding: 5px;
}

    .propertyContactFunctions a {
        color: #ffffff;
        font-size: large;
    }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    font-size: 12px;
    margin-right: 10px;
    color: #2bd1ed;
}

/*Occupier Contacts*/
.occupierContactsHolder {
    list-style: none outside none;
}

    .occupierContactsHolder li {
        width: 460px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAEYCAMAAABBUtdfAAABIFBMVEXz8Ofz8Ojz8efz8ejz8en08Of08Oj08On08ej08en08er08un08ur08uv18er18ur18uv18+r18+v18+z19Oz19O328+v28+z28+329Oz29O329O729O/29e739O339O739O/39e739e/39fD39u/39vD49e/49fD49fH49vD49vH49vL49/H49/L49/P59vL59/H59/L59/P5+PP5+PT5+fT6+PT6+PX6+fT6+fX6+fb6+vb6+vf7+fX7+fb7+ff7+vb7+vf7+vj7+/f7+/j7+/n8+vj8+/j8+/n8+/r8/Pj8/Pn8/Pr9+/n9+/r9/Pr9/Pv9/Pz9/fv9/fz9/vz+/Pz+/fv+/fz+/f3+/vz+/v3+/v7+//3+//7//v3//v7jSnvXAAABUklEQVQoFQXBgYHkMAzEMA4lZ/sv9y+O9AAAAEAJABGEHKhYwIEQukPFszHmWG/y87fuX5E+OPgh8aG2PMhrfu4YXCwcZQRFkCOvibQ79gqCtKyMX9m4GPxibYeezzwyooziILQYJBame+nQF0Hos77YeMvg+bxljeIo46OXTtuvL3bMCnK82n/O4xn/odd9fHAiKIIgKBbedq8g1T/6z37owavPNeUbD24EgyL20GLHrG8s+sOzXrpHlE/Wezy4GAwuQgcXWY27ko46jjKKEzuOPUh5cHFxsRAEO94SPJ+3De6Vtq9fG9zpg3nlSGRcDZ30rtBp+cz20Ge82iPjtIV7jQ6SNqZ0exAEoXPc6YOvFnI7+GlFECz86EavH9LmSmkcZVoM/aG4j8918Dvm2vi2Bz8svAhyu8vC2Zb+8KZ/yAiiIJixEL0xa8Wsbzz2N/8BD0OUN369ywEAAAAASUVORK5CYII=);
        background-position: center top;
        background-repeat: repeat-x;
        float: left;
        margin: 5px;
        min-height: 150px;
    }

        .occupierContactsHolder li h3.occupierTitle {
            margin: 5px;
            border-bottom: 1px solid;
        }

        .occupierContactsHolder li div.occupierInfo {
            margin: 5px;
            width: 280px;
        }

            .occupierContactsHolder li div.occupierInfo div {
                margin: 5px 0;
            }

/*Other*/

.documentAdd .settingrow,
.contentPanel .settingrow {
    clear: left;
    padding: 4px 0;
}

.documentAdd .settinglabel,
.contentPanel .settinglabel {
    clear: left;
    float: left;
    padding: 1px;
    width: 230px;
    margin-right: 8px;
    overflow: hidden;
}

.settingrow .editor-container-fixed {
    float: left;
}

    .settingrow .editor-container-fixed .reWrapper {
        overflow: visible;
        max-height: 400px;
    }

    .settingrow .editor-container-fixed iframe {
        max-height: 100%;
    }

.contentPanel .maxLengthValidator {
    font-size: xx-small;
}

.contentPanel .colourPreview {
    float: left;
    border: 1px solid #000;
    margin-left: 5px;
    width: 50px;
    height: 20px;
}


.paddedPanel {
    padding: 10px;
}

.diaryCommentPanel textarea {
    width: 500px;
}

.diaryPanel select.textInput {
    width: 260px;
}

.diaryCommentPanel input[type=text], .diaryPanel input.textInput {
    width: 250px;
}

.noPadding {
    padding: 0 !important;
}

/*Helpdesk Tables*/
.helpdeskCommentsTable, .permitCommentsTable {
    width: 100%;
}

    .helpdeskCommentsTable th,
    .permitCommentsTable th {
        font-weight: bold;
        background-color: #C0C0C0;
    }

    .helpdeskCommentsTable th {
        text-align: left;
    }

    .helpdeskCommentsTable th, .helpdeskCommentsTable td {
        padding: 5px;
    }

.helpdeskCommentsTableRow, .permitCommentsTableRow {
    vertical-align: top;
}

.helpdeskCommentsTableRowalt, .permitCommentsTableRowalt {
    vertical-align: top;
    background-color: #EEEEEE;
}

.helpdeskCommentsTable td, .permitCommentsTable td {
    font-weight: normal;
}

#actionButtons, .actionButtons {
    width: 100%;
    text-align: right;
}

h1.toolTitle {
    color: #A7B1B5;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.4em;
}

h2.toolTitle {
    color: #000000;
    font-size: 1.0em;
    font-weight: 700;
    line-height: 1.4em;
}

h3.toolTitle {
    color: #000000;
    font-size: 0.8em;
    font-weight: 700;
    line-height: 1.4em;
}

/*Visitor Management*/

.OccupierForVm .alt {
    background-color: #ECECEC;
}

.commercialModuleTitle {
    float: left;
    Width: 625px;
    margin: 0;
    padding: 20px 0 20px 5px;
}

.rgNoBorders {
    border: none !important;
}

table.commercialContent {
    border-collapse: separate;
    border: 0;
    font: 1em/1.3em arial,sans-serif;
}

.visitorScreenModeSelector {
    position: relative;
    float: left;
    padding: 6px 0 5px 5px;
    background-color: #fff;
    color: #000;
    text-decoration: none;
    border: 2px solid #d7d7d0;
    margin: 0 5px;
    border-radius: 10px;
}

    .visitorScreenModeSelector a {
        color: #000;
    }

        .visitorScreenModeSelector a span {
            padding-right: 10px;
        }

    .visitorScreenModeSelector .actionDropdown {
        background-color: #fff;
        color: #000;
        position: absolute;
        width: 236px;
        height: auto;
        border: 2px solid #d7d7d0;
        left: -2px;
        top: 28px;
    }

    .visitorScreenModeSelector .actionsHidden {
        display: none;
    }

    .visitorScreenModeSelector .actionDropdown ul {
        list-style: none outside none;
        margin: 0;
        padding: 0;
    }

        .visitorScreenModeSelector .actionDropdown ul li {
            display: block;
            padding: 5px;
        }

    .visitorScreenModeSelector .actionDropdown .date-label {
        float: left;
        padding: 9px 5px 0 0;
    }

/* top of table */

table.commercialContent .rgCommandRow, table.commercialContent .commandRow {
    background: #595750;
    color: #EFEFEF;
    height: 50px;
}

table.commercialContent .rgCommandCell {
    border-color: #999 #F2F2F2;
    border-style: solid;
    padding: 2px 10px;
    line-height: 16px;
    text-align: left;
}

table.commercialContent .rgCommandRow .rgCommandCell a {
    color: #ffffff;
}

table.commercialContent .rgHeader a {
    color: #333
}

table.commercialContent .rgRow, table.commercialContent .rgAltRow, table.commercialContent .rgHeader, table.commercialContent .rgResizeCol,
table.commercialContent .rgPager, table.commercialContent .rgGroupPanel, table.commercialContent .rgGroupHeader {
    cursor: default;
}

    table.commercialContent .rgRow td, table.commercialContent .rgAltRow td, table.commercialContent .rgEditRow td, table.commercialContent .rgFooter td,
    table.commercialContent .rgFilterRow td, table.commercialContent .rgHeader, table.commercialContent .rgResizeCol, table.commercialContent .rgGroupHeader td {
        padding-left: 10px;
        padding-right: 10px;
        vertical-align: top;
    }

table.commercialContent .rgHeader, table.commercialContent th.rgResizeCol {
    font-weight: 400;
    padding-bottom: 4px;
    padding-top: 5px;
    text-align: left;
    background: #f0f0f0;
    border-color: #828282;
    border-style: none none solid;
    border-bottom: 1px solid #999;
    color: #000000;
}

/* Table header */

table.commercialContent .rgHeaderTitle {
    border-bottom: 1px solid #cccccc;
    padding-top: 20px;
}

/* stripes*/

table.commercialContent .rgAltRow {
    background: none repeat scroll 0 0 #f2efe6;
}

    table.commercialContent .rgRow td, table.commercialContent .rgAltRow td, table.commercialContent .rgEditRow td, table.commercialContent .rgFooter td {
        padding-bottom: 3px;
        padding-top: 4px
    }

table.commercialContent a:link, table.commercialContent a:active, table.commercialContent a:visited {
    font: 12px/16px arial,sans-serif;
    text-decoration: none;
    font-weight: 400
}

table.commercialContent a:hover {
    font: 12px/16px arial,sans-serif;
    text-decoration: underline;
    font-weight: 400
}

table.commercialContent .rgSortAsc {
    background-image: url('images/tableimages.gif');
    background-position: 3px -248px;
    height: 10px
}

table.commercialContent .rgSortDesc {
    background-image: url('images/tableimages.gif');
    background-position: 3px -198px;
    height: 10px
}

table.commercialContent .rgAdd {
    background-image: url('images/tableimages.gif');
    background-position: 0 -1650px;
    margin-right: 3px;
    height: 18px;
    width: 18px
}

table.commercialContent .rgFooterDiv, table.commercialContent .rgFooter {
    background: none repeat scroll 0 0 #f0f0f0
}

    table.commercialContent .rgFooter td {
        border-bottom: 1px solid #FFF;
        border-top: 1px solid #999;
        color: #999;
    }

table.commercialContent .rgWrap {
    float: left;
    line-height: 22px;
    padding: 0 10px;
    white-space: nowrap
}

table.commercialContent .rgInfoPart {
    float: right
}

table.commercialContent .rgNoRecords {
    padding-left: 10px;
    padding-right: 10px;
}

table.commercialContent .newComment {
    color: Red;
    font-size: smaller;
}

table.helpdesk tbody tr td div {
    padding: 5px 0;
    overflow-y: auto;
    max-height: 120px;
}

table.helpdesk .helpdesk-category a {
    font-size: 16px;
    font-weight: bold;
}

table.helpdeskComments tbody tr td {
    padding: 5px 0;
}

    table.helpdeskComments tbody tr td.UserInfo {
        font-weight: bold;
        width: 175px;
        padding-left: 0;
    }

.helpdeskCommentHeading {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

table.helpdeskComments tbody tr td div {
    padding: 0;
}

/* View tables */
.rgEditForm a {
    display: inline-block;
}

.rgEditForm a, a.table-button {
    background-color: #2db1ed;
    color: #fff;
    padding: 7px;
    border-radius: 3px;
    margin: 0 10px 0 0;
    display: inline-block;
}

    .rgEditForm a:hover, a.table-button:hover {
        background-color: #047fb8;
        color: #fff;
        padding: 7px;
        border-radius: 3px;
        text-decoration: none !important;
    }

/* Table links */
tr.rgRow td a, tr.rgAltRow td a {
    color: #047fb8 !important;
}

.createWindow {
    min-height: 400px;
}

.permitCreateWindow input[type="radio"] {
    margin-left: 5px;
}

.permitCreateWindow div {
    margin-top: 10px;
}

.permitCreateWindow #actionButtons {
    margin-top: 20px;
}

.permitCreateWindow label {
    margin-left: 5px;
}

.permitCreateWindow .permitDisclaimer p {
    font-weight: bold;
}

.mandatoryFieldIndicator {
    color: Red;
    vertical-align: top;
    font-size: 108%;
}

#NewsArticles {
    list-style-type: none;
    list-style-position: outside;
    list-style-image: none;
}

    #NewsArticles li {
        width: 440px;
        margin: 0 10px 20px 0;
        float: left;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAEYCAMAAABBUtdfAAABIFBMVEXz8Ofz8Ojz8efz8ejz8en08Of08Oj08On08ej08en08er08un08ur08uv18er18ur18uv18+r18+v18+z19Oz19O328+v28+z28+329Oz29O329O729O/29e739O339O739O/39e739e/39fD39u/39vD49e/49fD49fH49vD49vH49vL49/H49/L49/P59vL59/H59/L59/P5+PP5+PT5+fT6+PT6+PX6+fT6+fX6+fb6+vb6+vf7+fX7+fb7+ff7+vb7+vf7+vj7+/f7+/j7+/n8+vj8+/j8+/n8+/r8/Pj8/Pn8/Pr9+/n9+/r9/Pr9/Pv9/Pz9/fv9/fz9/vz+/Pz+/fv+/fz+/f3+/vz+/v3+/v7+//3+//7//v3//v7jSnvXAAABUklEQVQoFQXBgYHkMAzEMA4lZ/sv9y+O9AAAAEAJABGEHKhYwIEQukPFszHmWG/y87fuX5E+OPgh8aG2PMhrfu4YXCwcZQRFkCOvibQ79gqCtKyMX9m4GPxibYeezzwyooziILQYJBame+nQF0Hos77YeMvg+bxljeIo46OXTtuvL3bMCnK82n/O4xn/odd9fHAiKIIgKBbedq8g1T/6z37owavPNeUbD24EgyL20GLHrG8s+sOzXrpHlE/Wezy4GAwuQgcXWY27ko46jjKKEzuOPUh5cHFxsRAEO94SPJ+3De6Vtq9fG9zpg3nlSGRcDZ30rtBp+cz20Ge82iPjtIV7jQ6SNqZ0exAEoXPc6YOvFnI7+GlFECz86EavH9LmSmkcZVoM/aG4j8918Dvm2vi2Bz8svAhyu8vC2Zb+8KZ/yAiiIJixEL0xa8Wsbzz2N/8BD0OUN369ywEAAAAASUVORK5CYII=);
        background-repeat: repeat-x;
        background-position-x: center;
        background-position-y: top;
        min-height: 200px;
        padding: 10px;
    }

        #diaryItem div.publishDate,
        #diaryItem div.publishCategory,
        #NewsArticles li div.publishDate {
            padding: 5px 0;
            color: #666666;
        }

#diaryItem div.comment {
    font-style: italic;
}

#diaryItem div.story, #NewsArticles li div.story {
    padding-top: 10px;
}

.propertyDocumentTree {
    float: left;
}

    .propertyDocumentTree ul {
        list-style: none outside none;
        margin: 0;
        padding: 0;
    }

    .propertyDocumentTree li {
        padding: 3px 0 2px 16px;
        background: url('data:image/gif;base64,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') /*images/treeview-default-line.gif*/ no-repeat scroll 0 0 transparent;
    }

    .propertyDocumentTree .hitarea {
        cursor: pointer;
        float: left;
        height: 16px;
        margin-left: -16px;
        width: 16px;
    }

    .propertyDocumentTree ul li.closed > .hitarea {
        background: url(data:image/gif;base64,R0lGODlhYACFAPcAAAAAAICAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAABgAIUAAAj/AP8JHEiwoMGDCBMqXMjwH4CHABRCbEixosWLBCNi3Mixo0WNHkOKFAlypMmTKFOqPBmgpUuXK2OKDHCQpsybG206HKgTp8+GOkH2/EkUIU2ID//RXFq0KcGgPJ1KfTpQ6NSrQwVmvfrzpVeuYMOKVTq2rFmnW8+qXTsyLVuSb4uWjBq34USJSetynIvRrd6qfwMLHszV60vCIbf6RcxQMeOOjh/ndIiULFPJFCNjtqh5c+aanjkbbhm6tNTFplOvRK26tUnWpvm6Xigbdty7CXGrls3ZM+/ZwIMLjzua9HC6BW2Hhqr1OHKrzskijchU+WPmZKNjt7658/Di3KOLox9Pvrx5ir+jp8dcOXfe1uuP1xYff/j88/iVFhfvXfh2/oA1px1lE1X3XYDZOfffgAaFJxl4+UUo4YTO1SechcFhSJhuB3EYW4QazhYihSS2BiGDyQHYoIopDjidZQkC119wM8oImnb7lajjjjz+NSJ8IALnYUbv9aiag0YyhmSSf52o4I1ProgiVS5WZqB/UB5X42xbuuYkk2CGKeaYZJY5W0AAOw==) no-repeat scroll -80px -4px white;
    }

    .propertyDocumentTree ul li.open > .hitarea {
        background: url(data:image/gif;base64,R0lGODlhYACFAPcAAAAAAICAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAABgAIUAAAj/AP8JHEiwoMGDCBMqXMjwH4CHABRCbEixosWLBCNi3Mixo0WNHkOKFAlypMmTKFOqPBmgpUuXK2OKDHCQpsybG206HKgTp8+GOkH2/EkUIU2ID//RXFq0KcGgPJ1KfTpQ6NSrQwVmvfrzpVeuYMOKVTq2rFmnW8+qXTsyLVuSb4uWjBq34USJSetynIvRrd6qfwMLHszV60vCIbf6RcxQMeOOjh/ndIiULFPJFCNjtqh5c+aanjkbbhm6tNTFplOvRK26tUnWpvm6Xigbdty7CXGrls3ZM+/ZwIMLjzua9HC6BW2Hhqr1OHKrzskijchU+WPmZKNjt7658/Di3KOLox9Pvrx5ir+jp8dcOXfe1uuP1xYff/j88/iVFhfvXfh2/oA1px1lE1X3XYDZOfffgAaFJxl4+UUo4YTO1SechcFhSJhuB3EYW4QazhYihSS2BiGDyQHYoIopDjidZQkC119wM8oImnb7lajjjjz+NSJ8IALnYUbv9aiag0YyhmSSf52o4I1ProgiVS5WZqB/UB5X42xbuuYkk2CGKeaYZJY5W0AAOw==) no-repeat scroll -64px -25px white;
    }

    .propertyDocumentTree ul li.open ul {
        display: block;
    }

    .propertyDocumentTree ul li.closed ul {
        display: none;
    }

.commandArea #mainActions {
    float: left;
}

.commandArea #otherActions {
    float: left;
    position: static;
    padding: 0 17px;
}

    .commandArea #otherActions .actionDropdown {
        width: 250px;
        position: absolute;
        background-color: #2db1ed;
        border-radius: 0 3px 3px 3px;
    }

.commandArea .actionsHidden {
    display: none;
}

.commandArea #otherActions .actionDropdown ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

    .commandArea #otherActions .actionDropdown ul li {
        padding: 5px;
        display: block;
    }

.listlfa-applications-grid {
    width: 99%;
}

.lfa-comment {
    width: 90%;
    max-height: 600px;
    overflow: auto;
    border-top: 1px solid #000;
    padding: 20px;
}

.lfa-link-users {
    padding: 10px;
    width: 705px;
    height: 530px;
    font-size: 13px;
}


    .lfa-link-users .users-search {
        height: 150px;
        width: 330px;
        margin-bottom: 10px;
        margin-left: 10px;
        float: left;
    }

.listlfa-search-filter .listlfa-filter-controls {
    padding: 10px !important;
    background: #faebd7 !important;
    margin-bottom: 10px;
}

.listlfa-search-filter {
    /*width: 99%;*/
    margin-bottom: 10px;
}

    .listlfa-search-filter h3.ui-state-active {
        border-width: 0 !important;
    }

.listlfa-search-filter-open, .listlfa-search-filter-closed {
    cursor: pointer;
}

.listlfa-filter {
    float: left;
    vertical-align: text-bottom;
    margin-right: 5px;
    height: 85px;
}

#selecteduser label, .lfa-link-users .users-search label {
    width: 115px;
    display: block;
    float: left;
}

.lfa-conditions-acceptance {
    width: 480px;
    text-align: center;
    padding: 5px;
    margin: auto;
    margin-top: 10px;
}

    .lfa-conditions-acceptance h1, .lfa-conditions-acceptance p {
        margin-bottom: 10px;
    }

    .lfa-conditions-acceptance .lfa-terms-conditions {
        height: 250px;
        width: 480px;
        overflow-y: scroll;
        text-align: left;
        font-size: 12px;
        border: 1px solid #000000;
        padding: 2px 2px;
        background-color: #dcdcdc;
    }

.lfa-conditions-accept-container {
    padding-top: 10px;
}

.lfa-participant-role-edit {
    padding: 5px;
}

    .lfa-participant-role-edit label {
        width: 115px;
        display: block;
        float: left;
    }

    .lfa-participant-role-edit .buttons {
        float: right;
        margin-right: 30px;
    }

.listlfa-applications-grid > .comment {
    border-bottom: 1px solid #595750;
    padding: 10px 0 5px;
}

.listlfa-applications-grid .commentMetaData {
    padding: 5px 0;
}

    .listlfa-applications-grid .commentMetaData .commentBy {
        font-weight: bold;
        padding: 0 5px 0 0;
    }

    .listlfa-applications-grid .commentMetaData .commentDate {
        padding: 0 0 0 5px;
        font-size: 0.9em;
    }

.listlfa-applications-grid .commentData {
    padding: 5px 0;
}

    .listlfa-applications-grid .commentData strong {
        font-weight: bold;
    }

    .listlfa-applications-grid .commentData em {
        font-style: italic;
    }

    .listlfa-applications-grid .commentData ul,
    .listlfa-applications-grid .commentData ol {
        padding-left: 15px;
    }

.listlfa-applications-grid .commentActions {
    padding: 5px 0;
}

    .listlfa-applications-grid .commentActions .commentReply {
        padding: 0 10px 0 0;
    }

    .listlfa-applications-grid .commentActions .replyLabel {
        padding: 0 5px;
    }

#selecteduser {
    float: left;
    width: 300px;
    margin-left: 20px;
}

#selecteduser-details {
    margin-top: 5px;
    margin-bottom: 5px;
}

    #selecteduser-details .row {
        height: 25px;
    }

    #selecteduser-details .buttons {
        float: right;
        margin-top: 5px;
    }

#toolsArea .contentPanel p {
    padding: 0 0 10px 0;
    margin: 0;
}

.filters {
    background: #595750;
    color: #EFEFEF;
    padding: 20px 10px 15px 10px;
    border-bottom: 1px solid #777777;
}

    .filters .date-range {
        float: left;
        margin-right: 20px;
    }

    .filters .date-submit {
        float: left;
    }

        .filters .date-submit input[type="submit"] {
            margin: 0;
        }

    .filters .sections {
        float: left;
    }

    .filters #or.sections {
        width: 100px;
        text-align: center;
        padding: 20px 0;
        border-left: 1px solid #777777;
        border-right: 1px solid #777777;
        margin: 0 20px;
    }

    .filters .validator {
        width: 915px;
        background-color: #e90909;
        padding: 10px;
        margin-bottom: 10px;
    }

        .filters .validator ul {
            list-style: none;
        }

.commandArea {
    width: 935px;
    border-color: #999999 #F2F2F2;
    border-style: solid;
    line-height: 16px;
    padding: 15px 10px 10px 10px;
    text-align: left;
    background: none repeat scroll 0 0 #595750;
    color: #EFEFEF;
    height: 25px;
}

    .commandArea.fluent {
        height: auto;
        overflow: hidden;
    }

.documentAdd {
    padding-top: 20px;
}

    .commandArea a, .documentAdd a {
        background-color: #2DB1ED;
        border-radius: 3px 3px 3px 3px;
        color: #FFFFFF;
        margin: 0 10px 0 0;
        padding: 7px;
    }

.permitDetailsLeft {
    float: left;
    width: 460px;
}

.permitDetailsRight {
    float: right;
    width: 460px;
}

.documentAdd .multiLineLabel, #toolsArea .multiLineLabel {
    clear: left;
    float: left;
    padding: 1px;
    width: 15em;
    margin-right: 8px;
}

.documentAdd .settingrow .file-upload {
    width: 250px;
    overflow: hidden;
}

.permitDetailsLeft .labelsmall, .permitDetailsRight .labelsmall {
    font-size: 10px;
}

.contactsEditPanel .settinglabel {
    width: 15em;
}

.contactsEditPanel input[type="text"] {
    width: 250px;
}

.contactsEditPanel .contactDetailsLeft {
    float: left;
    width: 560px;
}

.contactsEditPanel .contactDetailsRight {
    float: right;
    width: 360px;
}

    .contactsEditPanel .contactDetailsRight .settinglabel {
        float: none;
    }

    .contactsEditPanel .contactDetailsRight .ruFakeInput {
        width: 150px;
    }

#documentPopupArea .settinglabel, .permitDetailsLeft .settinglabel, .permitDetailsRight .settinglabel {
    width: 15em;
}

.permitDetailsLeft .permitTextBox, .permitDetailsLeft textarea, .permitDetailsRight textarea,
.permitDetailsRight .permitTextBox, .permitDetailsRight .permitDropdown {
    width: 20em;
}

.permitDetailsLeft textarea, .permitDetailsRight textarea {
    height: 150px;
}

.permitAddTemplateDowndown {
    position: relative;
    display: none;
    z-index: 100;
}

    .permitAddTemplateDowndown .inner {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALwAAAAPCAMAAABpyVVCAAABcVBMVEUAAACAgIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANDQ0AAAAAAAAAAAAAAAAAAAAnJycAAAAGBgYAAAAAAAAFBQUAAAAAAAAAAAAFBQUSEhIAAAAsLCwjIyMtLS0tLS03NzcuLi4uLi5HR0ddXV1VVVVZWVlYWFhkZGRmZmZbW1tjY2Nra2tzc3NycnJxcXFzc3N1dXV0dHR5eXl6enp8fHx8fHx9fX1+fn5+fn5+fn5/f38zMzM1NTU5OTk7Ozs9PT0+Pj5AQEBJSUlRUVFTU1NVVVVWVlZYWFhdXV1eXl5fX19gYGBoaGhycnKAgIB0l8GtAAAAZ3RSTlMAAAECAwQFBgcICQoLDA0PEBITFRYXGBkaGxwdHyAhIiQmJygpKissLS4vMDEyMzQ2Nzg5Ozw9QEFDREZHSElMTU5PUlJXWGFkbm93fX6MoKOkpqiqrbrM1dvf3+Lk7u7x9/j5+vz9BjKb6AAAAWNJREFUSMfVlcFu2zAQRHeHS1GyadUyECVxkBTt//9TgRa9FEjSOopsheSyh6JA2+QmCqjnRMxh8DhLLJmKCwxjwKopKSktKH7zOCsRYsUKa4ghpJyLob5OMoXhGaZyjd+0PawhJsq8XPOF4Rm2dv7d7up2XxsLJuJ8JvC/am+77rK/4GsjbJmXLL8kPMPWbrPtLvqPdNKpbZwRZsJi5QsRiMFcpHepV227222+ExGdcFc3VXM4TjFpUf6cs2ZSYgIgAmB28wxxftV1N2P4bbnVpx+P4xBiSfhMqhqjqjIg1tZWDGbDm6pad1s//mn6h8fD+BJSSXhNMZxCiMoQ59a+sXb2uwGM214P6W+3Wn05vCQt+VnlEI7D8zRFNq7e9Hf+pkzs8fjabJri2+br8Pnb02kSSO3ff3i+X24bv3WhmVr3PIYYwLCN/3fW/7vS4BsLBkOqvdKZSfeVgMEwQmcoMeCferF4r4sewsMAAAAASUVORK5CYII=);
        background-position: center top;
        background-repeat: no-repeat;
        left: -80px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 15px;
        width: 200px;
    }

ul#inner-bottom {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALwAAACzCAMAAAAEwYZMAAAAclBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANDQ0AAAAAAAAAAABmZmZnZ2dnZ2d7e3t8fHwzMzM5OTk6OjpeXl6AgIDC/9+NAAAAIXRSTlMAAQIDBAUGBwkMDRATFhccIiMoKy0uMDs8RElMqqyv8PFC4wwzAAABEUlEQVR42u3dQWoDQQwEQGmy2JD/vzVgr0edW96QgeoXFE3rrH4+ns/vT52W6+f1eq/qriPTXasODjw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PPz/xidnypNadag+qVrJqfhkJTP3cR/k+55JVpJ81mF3u9ZOkmtm3+vdj6Pw79z3nrmyu2v63X3Q3Cf3Z+9cNfPJ9Opj9Ekme89UV6/1tbq7jsFXktkz6aquk3r/675Sv65TX/jGx5sLAAAAAElFTkSuQmCC);
    background-position: center bottom;
    background-repeat: no-repeat;
    list-style: none outside none;
    margin: 15px 0 0;
    padding: 5px 0 15px 20px;
}

    ul#inner-bottom li {
        color: #CCCCCC;
        display: block;
        list-style: none outside none;
        margin: 0;
        padding: 2px 0;
        background: none;
        border: none 0;
    }

        ul#inner-bottom li a {
            background-color: transparent;
            border: medium none;
            color: #2DB1ED;
        }

/*New Thickbox window for Permits */
#TB_window.tools-popup,
#TB_window.newPermitPopup {
    background-color: #333333;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 8px #333333;
    padding: 5px 5px 10px 10px;
    border: 3px solid #000000;
    color: #ffffff;
}

body.tools-popup, body.newPermitPopup {
    color: #ffffff;
    background-color: #333333;
}

    body.tools-popup #actionButtons, body.newPermitPopup #actionButtons {
        padding: 14px 0;
    }

    body.tools-popup a,
    body.tools-popup button,
    body.newPermitPopup a,
    body.newPermitPopup button {
        color: #fff;
        padding: 7px;
        border-radius: 3px;
        margin: 0 10px 0 0;
    }

        body.tools-popup a:hover,
        body.tools-popup button:hover,
        body.newPermitPopup a:hover,
        body.newPermitPopup button:hover {
            text-decoration: none !important;
        }

        body.tools-popup a.positiveAction,
        body.tools-popup button.positiveAction,
        body.newPermitPopup a.positiveAction,
        body.newPermitPopup button.positiveAction {
            background-color: #2db1ed;
        }

        #toolsArea .negative-action,
        body.tools-popup a.negativeAction,
        body.tools-popup button.negativeAction,
        body.newPermitPopup a.negativeAction,
        body.newPermitPopup button.negativeAction {
            background-color: #969696;
        }

        body.tools-popup a.positiveAction:hover,
        body.tools-popup button.positiveAction:hover,
        body.newPermitPopup a.positiveAction:hover,
        body.newPermitPopup button.positiveAction:hover {
            background-color: #047fb8;
        }

        body.tools-popup a.negativeAction:hover,
        body.tools-popup button.negativeAction:hover,
        body.newPermitPopup a.negativeAction:hover,
        body.newPermitPopup button.negativeAction:hover {
            background-color: #8f8f8f;
        }

    body.tools-popup .maxLengthValidator,
    body.newPermitPopup .maxLengthValidator {
        font-size: xx-small;
    }

#toolsArea .registerContent {
    width: 410px;
}

.listbookings-search-filter,
.vehiclecheckin-search-filter {
    background: none repeat scroll 0 0 #FAEBD7;
    border-bottom: 1px solid #777777;
    color: #000000;
    padding-top: 10px;
}

.listbookings-search-filter-closed, .listbookings-search-filter-open,
.vehiclecheckin-search-filter-closed, .vehiclecheckin-search-filter-open {
    background-color: #2DB1ED;
    color: #FFFFFF;
    display: block;
    padding: 7px 0;
}

.listbookings-search-filter-open,
.vehiclecheckin-search-filter-open {
    border-radius: 3px 3px 0 0;
}

.listbookings-search-filter-closed,
.vehiclecheckin-search-filter-closed {
    border-radius: 3px 3px 3px 3px;
}

    .listbookings-search-filter-closed div,
    .listbookings-search-filter-open div,
    .vehiclecheckin-search-filter-closed div,
    .vehiclecheckin-search-filter-open div {
        padding: 0 7px;
    }

.vehiclecheckin-grid .table-button {
    color: #fff !important;
    width: 60px;
}

.listbookings-filtervalue, .vehiclecheckin-filter-settingrow {
    float: left;
    padding: 2px;
}

.listbookings-infobar, .listbookings-grid, .listbookings-filter-buttonrow, .vehiclecheckin-filter-buttonrow {
    clear: both;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

.vehiclecheckin-filter-buttonrow {
    padding-right: 10px;
    width: 31%;
}

.listbookings-search-filter .sections {
    float: left;
}

.listbookings-search-filter #or.sections {
    border-left: 1px solid #777777;
    border-right: 1px solid #777777;
    margin: 30px 20px 0 20px;
    padding: 20px 0;
    text-align: center;
    width: 60px;
}

.vehiclecheckin-commercialModuleTitle {
    float: none;
}

.vehiclecheckin-search-filter {
    padding-bottom: 10px;
}

.vehiclecheckin-settinglabel {
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
}

.vehiclecheckinpopup-settinglabel {
    clear: none !important;
}

.resolvebookingconflict-badrampdates,
.resolvebookingconflict-badbaydates,
.resolvebookingconflict-badliftdates {
    padding: 0 3px 0 3px;
}

.resolvebookingconflict-badrampdates,
.resolvebookingconflict-badrampdates-title,
.resolvebookingconflict-badrampdates-start,
.resolvebookingconflict-badrampdates-end {
    font-size: 10px;
    color: white;
    display: inline;
    padding: inherit;
}

.resolvebookingconflict-badbaydates,
.resolvebookingconflict-badbaydates-title,
.resolvebookingconflict-badbaydates-start,
.resolvebookingconflict-badbaydates-end {
    font-size: 10px;
    color: white;
    display: inline;
    padding: inherit;
}

.resolvebookingconflict-badliftdates,
.resolvebookingconflict-badliftdates-title,
.resolvebookingconflict-badliftdates-start,
.resolvebookingconflict-badliftdates-end {
    font-size: 10px;
    color: white;
    display: inline;
    padding: inherit;
}

.resolvebookingconflict-badrampdates-date,
.resolvebookingconflict-badbaydates-date,
.resolvebookingconflict-badliftdates-date {
    display: block;
    padding: inherit;
}

body.bookSlot-PopupBackground, body.viewBooking-PopupBackground {
    background: none repeat scroll 0 0 white;
    height: auto;
    padding: 10px;
}

/*Loading Bay*/
div.loadingBayOuter {
    background-color: #333333;
}

div.loadingBayMenuLeft {
    float: left;
    display: inline;
}

.loadingBayMenuLeft-title {
    color: White;
    border-bottom: 1px solid #000000;
    padding: 20px 5px 20px 5px;
    text-align: left;
    font-size: 2em;
}

div.loadingBayCalendar {
    background-color: #ffffff;
    float: left;
    width: 700px;
}

    div.loadingBayCalendar.fullWidth {
        float: none;
        width: 100%;
    }

    div.loadingBayCalendar .bookNowText {
        font-weight: bold;
        padding: 0 5px;
    }

    div.loadingBayCalendar td {
        padding: 5px;
    }

.loadingBayCalendar div.loadingBayCalendarRow {
    float: none;
    clear: both;
}

.loadingBayCalendar div.loadingBayCalendarHeader {
    background-color: #808080;
    height: 53px;
    width: 212px;
    float: left;
    color: #ffffff;
    border: solid 1px #808080;
}

.loadingBayCalendar td.loadingBayCalendarHeader {
    background-color: #808080;
    height: 53px;
    color: #ffffff;
    border: solid 1px #808080;
    text-align: center;
}

.loadingBayCalendar .rowTitle {
    background-color: #D5D2D6;
    width: 95px;
}

.loadingBayCalendar div.rowInfo {
    background-color: #ffffff;
    height: 28px;
    width: 212px;
    float: left;
    color: #000000;
    border-bottom: solid 1px #808080;
    border-right: solid 1px #808080;
    border-left: solid 1px #ffffff;
    border-top: solid 1px #ffffff;
}

.loadingBayCalendar td.rowInfo {
    height: 31px;
    color: #000000;
    border-bottom: solid 1px #808080;
    border-right: solid 1px #808080;
    border-left: solid 1px #ffffff;
    border-top: solid 1px #ffffff;
    text-align: center;
}

.loadingBayCalendar .rowInfoTitle {
    background-color: #D5D2D6;
    width: 95px;
    border-bottom: solid 1px #000000;
    border-right: solid 1px #D5D2D6;
    border-top: solid 1px #D5D2D6;
    color: Black;
}

.loadingBayCalendar .timeTitle {
    display: inline;
}

td.loadingBayCalendarFull, td.slotFull {
    background-color: red;
    color: White;
}

td.slotFree {
    background-color: #75a54b;
    color: White;
}

td.loadingBayNotAvailable {
    background-color: Gray;
}

td.loadingBayCalendarWarning, td.slotNearlyFull {
    background-color: orange;
    color: Black;
}

.loadingBayCalendar .pb-full {
    background-color: red;
}

.loadingBayCalendar .pb-nearlyfull {
    background-color: orange;
}

.loadingBayCalendar .pb-ok {
    background-color: #75a54b;
}

.loadingBayCalendar img.view-info {
    padding: 4px 2px;
    float: left;
    cursor: pointer;
    display: block;
    float: left;
    cursor: pointer;
}

.loadingBayCalendar span.booking-info-text {
    padding-top: 5px;
    float: left;
    display: block;
    float: left;
}

.loadingBayCalendar .book-now-button {
    float: right;
}

/* Booking Calendar */
.bookingcalendar-resourceHeading {
    float: left;
}

.bookingcalendar-busy {
    background-color: #FFA500;
    border: 1px solid DarkGray;
}

.bookingcalendar-used {
    /* background-color: LightGreen; */
    border: 1px solid DarkGray;
}

.bookingcalendar-unused {
    border: 1px solid transparent;
}

.bookingcalendar-full {
    background-color: #FF0000;
    border: 1px solid DarkGray;
    color: Yellow;
}

.bookingcalendar-full-padding {
    border-left: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    color: #FF0000;
}

.bookingcalendar-actions {
    margin: 4px 0 0 0;
    float: left;
    padding: 5px 0 5px 0;
    width: 100%;
    text-align: center;
}

    .bookingcalendar-actions input[type="button"],
    .bookingcalendar-actions input[type="submit"] {
        margin-top: 10px;
        margin-bottom: 10px;
    }

.vgCalendar {
    background-color: transparent;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAABleI5meY9nepBpfJJvgph4i6CAk6mRpLmhtcmpvdG9XCfGxsbIfjfIfzfWjkjX5fPY2NjZ5/Xc3Nzg4ODl5eXm5ubs7Ozw8PD29vb4+Pj5tqz7+/v+7er+/v7////pvlVnAAAAAXRSTlMAQObYZgAAAF9JREFUeNp9jQcOgDAIACnuUVfdqPz/l9YaG1sTDxLCQQA+VB4gawcJhQfk7BD7IrxEZ2FGI3SaeIQeEZG7QTv9b9gbC0L2+tJMCiFly9qXI0LytMes2mFDiAK8EcKUE2ULEs31GcmwAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    font-size: 1px;
    height: 16px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 16px;
}

.start-booking-note,
.page-note {
    background-color: #D6EFFC;
    border: 1px solid #2DB1ED;
    border-radius: 3px 3px 3px 3px;
    padding: 10px;
    margin-bottom: 15px;
}

    .start-booking-note div.image,
    .page-note div.image {
        float: left;
        padding-right: 10px;
    }

    .start-booking-note div.note,
    .page-note div.note {
        float: left;
        width: 840px;
    }

        .start-booking-note div.note H3,
        .page-note div.note H3 {
            margin-bottom: 5px;
        }

.popup .row {
    float: none;
    clear: both;
    padding: 5px 0;
    margin: 5px 0;
}

.popup .row-single span.title,
.resource-booker-confirm-popup span.title {
    font-weight: bold;
    display: block;
}

.resource-booker-confirm-popup .many-dates {
    font-size: 8px;
}

.popup .row-single div.title,
.resource-booker-checkin-popup div.title {
    font-weight: bold;
    display: block;
    width: 200px;
    float: left;
}

.popup .row-single div.data,
.resource-booker-checkin-popup div.data {
    display: block;
    width: 400px;
    float: left;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.resource-booker-checkin-popup input,
.resource-booker-checkin-popup select {
    display: block;
    width: 200px;
    float: left;
}

.resource-booker-checkin-popup .settingrow {
    height: 25px;
}

.popup .row-single div.title,
.resource-booker-checkin-print-popup div.title {
    font-weight: bold;
    display: block;
    width: 120px;
    float: left;
}

.resource-booker-checkin-print-popup div.data {
    display: block;
    width: 130px;
    float: left;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.resource-booker-checkin-print-popup .settingrow {
    height: 25px;
}

.resource-booker-checkin-popup .ui-datepicker-trigger {
    display: block;
    float: left;
    padding-left: 5px;
    cursor: pointer;
}

.resource-booker-dialog {
    font-size: 12px;
}

/* Visitor Management - Reception Home */
.appointmentTable tr.rgRow {
    background-color: #FDFCF9;
}

.appointmentTable .rgAltRow {
    background: none repeat scroll 0 0 #EBE6D8;
}

#visitorReceptionHome tr.active td {
    border-top: 1px solid #FF0000;
}

#visitorReceptionHome tr td {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

#visitorReceptionHome tr.details td {
    color: #999999;
}

#visitorReceptionHome tr td.visitor-name, .appointmentTable tr td.visitor-name {
    color: #333333 !important;
    /*font-size: 16px;*/
    font-weight: bold;
}

#visitorReceptionHome tr td.notes {
    border-top: 1px dotted #DEDDD7;
}

    #visitorReceptionHome tr td.notes span {
        color: #777777 !important;
    }

.visitor-system table input {
    font-size: 1em;
}

.visitor-system table.eight-columns input.cardId {
    width: 73px;
}

.visitor-system table.nine-columns input.cardId {
    width: 53px;
}

.visitor-system table.nine-columns input.carReg,
.visitor-system table.eight-columns input.carReg {
    width: 63px;
}

.visitor-system table.seven-columns .tick {
    width: 20px;
}

.visitor-system table.seven-columns .time {
    width: 50px;
}

.visitor-system table.seven-columns .signed-in {
    width: 80px;
}

.visitor-system table.seven-columns .name,
.visitor-system table.seven-columns .company,
.visitor-system table.seven-columns .visiting,
.visitor-system table.seven-columns .tenant {
    width: 160px;
}

.visitor-system table.eight-columns .tick {
    width: 30px;
}

.visitor-system table.eight-columns .cardId {
    width: 95px;
}

.visitor-system table.eight-columns .carReg {
    width: 105px;
}

.visitor-system table.eight-columns .time {
    width: 60px;
}

.visitor-system table.eight-columns .signed-in {
    width: 80px;
}

.visitor-system table.eight-columns .name,
.visitor-system table.eight-columns .company,
.visitor-system table.eight-columns .visiting,
.visitor-system table.eight-columns .tenant {
    width: 150px;
}

.visitor-system table.nine-columns .tick {
    width: 30px;
}

.visitor-system table.nine-columns .cardId {
    width: 95px;
}

.visitor-system table.nine-columns .carReg {
    width: 105px;
}

.visitor-system table.nine-columns .time {
    width: 60px;
}

.visitor-system table.nine-columns .signed-in {
    width: 80px;
}

.visitor-system table.nine-columns .name,
.visitor-system table.nine-columns .company,
.visitor-system table.nine-columns .visiting,
.visitor-system table.nine-columns .tenant {
    width: 115px;
}

/*All Visitors*/
table#allVisitorsTable input {
    font-size: 1em;
}

table#allVisitorsTable.ten-columns th.out,
table#allVisitorsTable.ten-columns th.expected {
    width: 80px;
}

table#allVisitorsTable.eleven-columns input.cardId {
    width: 53px;
}

table#allVisitorsTable.nine-columns input.cardId,
table#allVisitorsTable.ten-columns input.cardId {
    width: 93px;
}

table#allVisitorsTable.eleven-columns input.carReg,
table#allVisitorsTable.nine-columns input.carReg,
table#allVisitorsTable.ten-columns input.carReg {
    width: 63px;
}

table#allVisitorsTable.eleven-columns .cardId {
    width: 85px;
}

table#allVisitorsTable.eleven-columns .carReg {
    width: 95px;
}

table#allVisitorsTable.eleven-columns .time {
    width: 50px;
}

table#allVisitorsTable.eleven-columns .name,
table#allVisitorsTable.eleven-columns .company,
table#allVisitorsTable.eleven-columns .visiting,
table#allVisitorsTable.eleven-columns .tenant {
    width: 115px;
}


div.checkin-wrapper {
    background-color: #595750;
    background-image: -moz-linear-gradient(90deg, #393832 0, #57554E 100%);
    bottom: 0;
    box-shadow: 0 0 10px #000000;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    height: 70px;
    left: 0;
    padding-top: 5px;
    position: fixed;
    width: 100%;
}

div.checkin {
    height: 70px;
    margin: 0 auto;
    text-align: right;
    width: 960px;
}

    div.checkin label {
        color: #CCCCCC;
        font-size: 14px;
    }

.jqueryValidationSummary {
    color: Red;
    list-style: none;
}

span.action-highlight {
    border-bottom: 1px solid #CC0000;
}

a.action-highlight {
    text-decoration: none;
    border-bottom: 1px solid #CC0000
}

.red {
    color: red;
}

table.site-visibility td {
    padding: 0 10px;
}

#toolsArea H3 a {
    /*position:relative;
    top:-3px;*/
    font-size: 18px !important;
    background-color: #afac9f;
    color: #ffffff;
    padding: 3px;
    margin: 0 0 !important;
    /*border:  none;*/
    border-radius: 3px;
    cursor: pointer;
}

    #toolsArea H3 a:hover {
        background-color: #047fb8;
        text-decoration: none;
    }

/* Filter Stuff Start*/
.tools-filter h3 a {
    border-radius: 0 !important;
}

.tools-filter h3.ui-state-default a {
    border-radius: 3px 3px 3px 3px !important;
}

.tools-filter .filter-type-selector {
    background: #d4ccb9;
    padding: 6px 10px;
}

    .tools-filter .filter-type-selector a {
        padding: 0 10px;
        color: #000;
        text-decoration: none;
    }

        .tools-filter .filter-type-selector a.selected {
            font-weight: bold;
        }

.tools-filter .filter-content {
    background: none repeat scroll 0 0 #FAEBD7;
    border-bottom: 1px solid #777777;
    color: #000000;
    padding: 0;
}

.tools-filter .controls {
    padding: 5px 10px;
}

.tools-filter .filter-content hr {
    clear: both;
    margin: 10px 0;
}

.tools-filter .filter-content .buttons {
    padding-bottom: 10px;
}

/* Filter Stuff End*/
.outOfHoursComment {
    font-size: 0.9em;
    color: white;
    padding: 5px 5px 10px 5px;
    height: 400px;
    overflow-y: auto;
}

    .outOfHoursComment li {
        padding-top: 10px;
    }

    .outOfHoursComment h2 {
        font-size: 1.2em;
    }

ol.comments {
    list-style: none;
}

    ol.comments li {
        border-bottom: 1px solid #595750;
        padding: 10px 0 5px;
    }

        ol.comments li .metadata {
            padding: 5px 0;
        }

            ol.comments li .metadata .commentBy {
                font-weight: bold;
                padding: 0 5px 0 0;
            }

            ol.comments li .metadata .commentDate {
                font-size: 0.9em;
                padding: 0 0 0 5px;
            }

        ol.comments li .commentdata {
            padding: 5px 0;
        }

ol.future-bookings {
    list-style: none;
    max-height: 200px;
    overflow-y: scroll;
}

    ol.future-bookings li {
        padding: 5px 0 0;
    }

        ol.future-bookings li .metadata {
            padding: 5px 0;
        }

            ol.future-bookings li .metadata .booking-no {
                font-weight: bold;
            }

            ol.future-bookings li .metadata .booking-date {
                font-size: 0.9em;
                padding: 0 0 0 5px;
            }

body.approvebooking-popupbackground {
    background: white;
}

h1.approvebooking-popuptitle {
    color: #a7b1b5;
    font-size: 1.6em;
    font-weight: 700;
    line-height: 1.4em;
    margin: 1px 1px 1px 1px;
}

h2.approvebooking-popuptitle {
    color: #000000;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.4em;
    margin: 1px 1px 1px 1px;
}

h3.approvebooking-popuptitle {
    color: #000000;
    font-size: .75em;
    font-weight: 700;
    line-height: 1.4em;
    margin: 1px 1px 1px 1px;
}

h4.approvebooking-popuptitle {
    border-bottom: 1px solid;
}

.approvebooking-panel-loadingbay {
    margin: 10px 0 5px 0;
    border: 1px solid;
    padding: 5px;
}

.approvebooking-panel-goodslift {
    margin: 10px 0 5px 0;
}

.approvebooking-panel-comment {
    margin: 5px 0 5px 0;
    border: 1px solid;
    padding: 5px;
}

.approvebooking-panel-actionbuttons {
    margin: 5px 0 5px 0;
    width: 100%;
    text-align: right;
}

div.approvebooking-panel-actionbuttons input {
    font-size: 12px;
    margin: 0 2px 0 4px;
}

.approvebooking-fontdark {
    color: black;
    font-size: medium;
    width: 15em;
}

.approvebooking-fontlight {
    color: black;
    font-size: medium;
}

.approvebooking-form {
    padding: 10px 10px 10px 10px;
}


/*Helpdesk*/

ol.helpdesk-images {
    clear: both;
    display: block;
    margin-bottom: 10px;
}

    ol.helpdesk-images li {
        display: inline-block;
        margin: 0 0 6px 0;
        padding: 6px 10px;
        width: 208px;
        border: solid 1px #999;
    }

        ol.helpdesk-images li:hover {
            background-color: #f1f1f1;
        }

        ol.helpdesk-images li div.icon {
            display: block;
            float: none;
            height: 110px;
            margin: 0 auto;
            text-align: center;
            vertical-align: middle;
            width: 200px;
        }

            ol.helpdesk-images li div.icon img {
                border-radius: 10px;
            }

        ol.helpdesk-images li dl {
            clear: left;
            display: block;
            height: 42px;
            overflow: hidden;
            width: 200px;
        }

        ol.helpdesk-images li dt {
            display: block;
        }

        ol.helpdesk-images li dd {
            float: right;
        }

            ol.helpdesk-images li dd.size {
                float: left;
            }


ol.helpdesk-document {
    clear: both;
    display: block;
    border-bottom: solid 1px #999;
}

    ol.helpdesk-document li {
        display: table;
        padding: 5px 5px 5px 20px;
    }

        ol.helpdesk-document li:hover {
            background-color: #f1f1f1;
        }

        ol.helpdesk-document li div.icon {
            float: left;
            margin-right: 5px;
        }

        ol.helpdesk-document li dl {
            margin: 0;
            width: 895px;
        }

        ol.helpdesk-document li dt {
            float: left;
        }

        ol.helpdesk-document li dd {
            float: right;
            margin: 0;
        }

            ol.helpdesk-document li dd.date {
                padding: 0 5px;
                text-align: right;
                width: 180px;
            }



#tflStatus li a {
    height: 20px;
    overflow: hidden;
}

#tflStatus li .tflStatusUpdate {
    height: 20px;
    overflow: hidden;
}

.login-error {
    color: red;
    font-weight: 700;
}

input.error {
    border: 1px solid #b94a48 !important;
}


.view-visitor-profile hr {
    border: 2px solid #000;
    margin: 0;
}

.view-visitor-profile .profile-section {
    border-bottom: solid 1px #9f9d90;
}

.view-visitor-profile .profile-details {
    width: 780px;
    overflow: hidden;
    min-height: 220px;
    float: left;
}

    .view-visitor-profile .profile-details .actionButton {
        position: relative;
        top: -9px;
        margin-left: 10px;
    }

.view-visitor-profile .profile-avatar {
    width: 160px;
    overflow: hidden;
    float: right;
    text-align: right;
    padding: 10px 0;
}

.view-visitor-profile .profile-name {
    font-size: 36px;
    font-weight: bold;
}

.view-visitor-profile .profile-job-title {
    font-size: 18px;
    color: #9f9d90;
    padding-top: 5px;
    font-weight: bold;
}

.view-visitor-profile .profile-company {
    font-size: 18px;
    color: #1fb0ef;
    padding-bottom: 10px;
    font-weight: bold;
}

.view-visitor-profile .profile-vip,
.view-visitor-profile .special-access,
.view-visitor-profile .enhanced-profile,
.visitor-occupier-bookings .profile-vip,
.visitor-occupier-bookings .special-access,
.visitor-occupier-bookings .enhanced-profile,
.appointmentTable .profile-vip,
.appointmentTable .special-access,
.appointmentTable .enhanced-profile {
    font-size: 12px;
    padding: 5px;
    background-image: url("images/visitor-profile-sprite.png");
    background-repeat: no-repeat;
    padding-left: 30px;
    height: 14px;
}

.view-visitor-profile .profile-detail-item {
    position: relative;
    font-size: 12px;
    padding: 5px 5px 5px 30px;
    margin: 5px 0;
}

.view-visitor-profile .profile-mobile,
.view-visitor-profile .profile-telephone,
.view-visitor-profile .profile-email {
    background-image: url("images/visitor-profile-sprite.png");
    background-repeat: no-repeat;
    display: block;
    height: 25px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
}


.profile-icon {
    display: inline-block;
}

.view-visitor-profile .special-access,
.visitor-occupier-bookings .special-access,
.appointmentTable .special-access {
    background-position: 0 10px;
    display: inline-block;
    height: 21px;
}

.view-visitor-profile .profile-vip,
.visitor-occupier-bookings .profile-vip,
.appointmentTable .profile-vip {
    background-position: 0 -23px;
    display: inline-block;
}

.view-visitor-profile .enhanced-profile,
.visitor-occupier-bookings .enhanced-profile,
.appointmentTable .enhanced-profile {
    background-position: 0 -149px;
    display: inline-block;
}

.view-visitor-profile .profile-mobile {
    background-position: 0 -46px;
}

.view-visitor-profile .profile-telephone {
    background-position: 0 -69px;
}

.view-visitor-profile .profile-email {
    background-position: 0 -91px;
}

.view-visitor-profile .profile-visit-info {
    width: 255px;
    float: left;
    padding-right: 95px;
}

    .view-visitor-profile .profile-visit-info .ui-accordion .ui-accordion-content {
        width: 100%;
        padding: 0;
        margin-top: 5px;
        border-radius: 0;
    }

        .view-visitor-profile .profile-visit-info .ui-accordion .ui-accordion-content dt {
            font-weight: bold;
        }

    .view-visitor-profile .profile-visit-info .ui-widget-content {
        border: 0;
    }

    .view-visitor-profile .profile-visit-info h3 {
        border-radius: 0;
        padding: 0;
        border-bottom: 1px solid #ccccca;
        border-top: none;
        border-left: none;
        border-right: none;
        line-height: 35px;
    }

    .view-visitor-profile .profile-visit-info .icon-closed,
    .view-visitor-profile .profile-visit-info .icon-open {
        background-image: url('images/visitor-profile-sprite.png');
        right: 0;
        left: auto;
    }

    .view-visitor-profile .profile-visit-info .icon-closed {
        background-position: 0 -379px;
    }

    .view-visitor-profile .profile-visit-info .icon-open {
        background-position: 0 -250px;
    }

    .view-visitor-profile .profile-visit-info .info-bar {
        background-color: #999a93;
        color: #fff;
        padding: 6px 5px;
    }

.view-visitor-profile .profile-notes {
    width: 255px;
    float: left;
    padding-right: 95px;
}

.view-visitor-profile .profile-social {
    width: 255px;
    float: right;
}

.view-visitor-profile .profile-content .title {
    border-bottom: solid 1px #ccccca;
    padding: 6px 0;
}

    .view-visitor-profile .profile-content .title span {
        font-weight: bold;
        font-size: 18px;
    }

.view-visitor-profile .profile-content .circle {
    width: 32px;
    height: 32px;
    border-radius: 16px;
    font-size: 10px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    background: #323232;
    display: inline-block;
    float: right;
}

.view-visitor-profile .profile-content ol {
    list-style: none;
}

    .view-visitor-profile .profile-content ol li dt,
    .view-visitor-profile .profile-content ol li dd {
        display: block;
    }

.view-visitor-profile .profile-visit-info ol li {
    border-bottom: 1px solid #eeeeee;
    display: block;
    padding: 0 0 5px 0;
}

.view-visitor-profile .profile-notes ol li {
    display: block;
    padding: 10px 0 5px 0;
}

    .view-visitor-profile .profile-notes ol li dt {
        color: #999999;
        padding-bottom: 5px;
    }

    .view-visitor-profile .profile-notes ol li dd {
        padding-bottom: 10px;
    }

.view-visitor-profile .twitter-header {
    border-bottom: solid 1px #eeeeee;
}

.view-visitor-profile .twitter-image {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAZCAIAAABGlWJzAAAACXBIWXMAAA9hAAAPYQGoP6dpAAAAB3RJTUUH3goKDCoMripWXQAAAuVJREFUSMetlktsjFEUx3/nfndmOtOHYSgzRaTVppp4ROIdEpEgUomwsbNBRGIhLCwkNizZSFcWIjZeKxEJCwkLkRBEBCmitOrRTqsPU5355jsWM522zPSblLP6knu+///c//mfe694nooAqJL7mDpyaQMZnvfz9AfJNJUODVWsi7EgMp42kCFoEFUFbnXTmiiX4GGSq59IZTEFSrDCkhqONNKV4t533gxxrAlR1fs9XOrgaCNLo/5VP+mj7R0hp0iCp3hKRjGwez47ExjgcR9WaHvPnS95lOIhoFzpLA6dW3eEiMO+RSyu4vxbLJByMQJwvYshlx0JIk4RlQQe9pEcLY0+ln/5IwonmjFAhZOv1xHufuPUS178oNDqifGoF2t8uuIpHhxtoqkaC6yaxZshgoIIAoMZzrbTXM3WuTRUEw2M/9mbxrfr1nC8icYqVLHA5lpudOKOSSFC2KHjJxc+YIV4BStnsixKXZjZIXpGfdAdYYbNCys5v7cPca695E5dJat4SqX1d23IcLKFOSEAI8KZ17waZNs8Ml6RbCMEDWGnLGjACqGx3lig2nLzMyIE/DpWzqwFDJExUxlg0xwUf+hywlPiFeO+MqqsiLKkBk//A3rGY21soqqCKvvr87LqP3CoYoQ1E9Fzas4KcqqFtTGU6RMobJ83aQbHxf4+SnMN2+M4Mh0CVYKG9bMn+coWlhNhTr8iaHCkLG/8EVlleQ114cluLjBXWQ424Mg0FY9YDi/+a1YKRlZlQ4w980nrdPxzoL7IqZe/mybeD/1pLnbQlSKV9R9OVTzYUsvehcWmTyfTFeBuf+FWN1k/dNdjV13JW/PP2keydI1wqYOvvwgIUxy4ObjWBK3xkluUZ/067JLKMpDhwzDJNH1pzJRHiioZpTbEoQYWVU6lnmQ9vdbJoyTDLkaQ0riqKAhEA2yspTXu3+q8MsMu3SM86OHlICNucYKIw4ooq2MsCFNpy3oC/QbDYym1uy6OEwAAAABJRU5ErkJggg==') /*images/twitterblue_25x25.png*/;
    height: 25px;
    margin: 10px 10px 10px 0;
    width: 31px;
    float: left;
}

.view-visitor-profile .twitter-title {
    float: right;
    margin-top: 12px;
}

.view-visitor-profile .linkedin-header {
    border-bottom: solid 1px #eeeeee;
}

.view-visitor-profile .linkedin-image {
    background-image: url('data:image/png;base64,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') /*images/linkedin-logo-25px.png*/;
    height: 25px;
    margin: 10px 10px 10px 0;
    width: 102px;
    float: left;
}

.view-visitor-profile .linkedin-title {
    float: right;
    margin-top: 12px;
}

.view-visitor-profile ol.twitter li {
    padding: 15px 0 10px 0;
    border-bottom: solid 1px #eeeeee;
}

.view-visitor-profile .twitter-link {
    padding: 15px 0 10px 0;
    border-bottom: solid 2px #eeeeee;
}

a.actionButton {
    border-radius: 3px;
    margin: 0 10px 0 0;
    padding: 8px;
    display: inline-block;
}

a.positiveAction {
    background-color: #2db1ed;
    color: #ffffff;
}

.post-room .editSection,
.visitor-management .editSection,
.visitor-management-popup .editSection,
.edit-visitor-profile .editSection,
.tools .edit-section {
    background-color: #e6f3f8;
    margin-bottom: 10px;
    padding: 10px 10px;
    overflow: hidden;
}

    .edit-visitor-profile .editSection .editColumn {
        float: left;
        width: 350px;
    }

    .edit-visitor-profile .editSection .avatarColumn {
        float: right;
        width: 150px;
    }

        .edit-visitor-profile .editSection .avatarColumn .avatarLinkArea {
            padding-top: 10px;
            text-align: center;
        }

    .edit-visitor-profile .editSection .settingLabel {
        clear: left;
        float: left;
        margin-right: 8px;
        overflow: hidden;
        padding: 7px 1px 1px 1px;
        width: 81px;
    }

    .edit-visitor-profile .editSection .settingWrapper {
        display: inline-block;
    }

        .edit-visitor-profile .editSection .settingWrapper input[type="text"],
        .edit-visitor-profile .editSection .settingWrapper textarea,
        .filter-holder input[type="text"] {
            width: 225px;
            border-radius: 10px;
            padding: 5px 0 5px 5px;
            border: 2px solid #d7d7d0;
        }

.visitor-system-list input[type="text"],
.visitor-system input[type="text"],
.visitor-system textarea,
.styled {
    border-radius: 10px;
    padding: 5px 0 5px 5px;
    border: 2px solid #d7d7d0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .styled:disabled {
        background-color: #ebebe4;
        color: #545454;
    }

.checkbox-styled input,
input[type="checkbox"].styled {
    border-radius: 10px;
    padding: 5px 0 5px 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25px;
    height: 25px;
}

.visitor-system input[type="text"]:disabled {
    color: #000;
    background-color: #efefef;
}

.visitor-management-popup input[readonly="readonly"],
.visitor-system input[readonly="readonly"],
.visitor-management-popup input[readonly] {
    color: #000;
    background-color: #efefef;
}

.visitor-system input[readonly="readonly"],
.visitor-system input[readonly] {
    color: #000;
    background-color: #efefef;
}

select.styled,
.filter-holder select {
    border-radius: 5px;
    padding: 5px 0 5px 5px;
    border: 2px solid #d7d7d0;
    font-family: Arial;
    font-size: 12px;
}

.edit-visitor-profile .editSection .attributeItem {
    display: inline-block;
    width: 350px;
}

.edit-visitor-profile .editSection .maxLengthValidator {
    font-size: 10px;
    color: #6b6b6b;
}

.edit-visitor-profile .validationSummary {
    background-color: rgb( 204, 0, 0 );
    opacity: 0.8;
    color: #FFFFFF;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 15px 20px 15px 20px;
    text-align: center;
    border-radius: 7px;
}

    .edit-visitor-profile .validationSummary ul {
        list-style-type: none;
    }


#profile-selectCompany ol {
    list-style-type: none;
}

    #profile-selectCompany ol a {
        padding: 10px;
        display: inline-block;
        font-size: 18px;
    }

.avatar-popup .upload-panel,
.avatar-popup .preview-panel {
    background-color: #f6f6f6;
    border: 3px dashed #999a93;
    height: 400px;
    margin: 40px;
    padding: 20px;
    text-align: center;
    width: 424px;
}

    .avatar-popup .upload-panel .file-select {
        background: none repeat scroll 0 0 #2db1ed;
        border-radius: 8px;
        color: #fff;
        display: inline-block;
        font-weight: bold;
        padding: 10px 20px;
        vertical-align: top;
        margin: 10px 0;
    }

    .avatar-popup .upload-panel p,
    .avatar-popup .preview-panel p {
        background-color: #dedede;
        border-radius: 8px;
        padding: 5px 10px;
    }

    .avatar-popup .preview-panel .imagePreviewPane {
        background: url(data:image/gif;base64,R0lGODlhEAAQAIAAAP///8zMzCH5BAAAAAAALAAAAAAQABAAAAIfhG+hq4jM3IFLJhoswNly/XkcBpIiVaInlLJr9FZWAQA7) repeat scroll 0 0 transparent;
        border: 1px solid #000;
        height: 200px;
        overflow: hidden;
        width: 200px;
        margin: 10px 112px;
    }

.visitor-management #filter-box {
    margin-bottom: 10px;
}

.visitor-management #filter-fields {
    background: none repeat scroll 0 0 #faebd7;
    padding: 10px !important;
}

.visitor-management .filter-panel {
    float: left;
    height: 55px;
    margin-right: 5px;
    vertical-align: text-bottom;
}


.post-room .associatedLabel,
.visitor-management .associatedLabel {
    display: block;
    float: left;
    font-size: 16px;
    padding-top: 5px;
    width: 140px;
}

.post-room .associatedLabel {
    width: 250px;
}

.tools .associatedLabel {
    display: block;
    float: left;
    font-size: 16px;
    padding-top: 5px;
    width: 140px;
    width: 250px;
}


.post-room .edit-row-top-label .associatedLabel {
    display: block;
    font-size: 16px;
    padding-top: 5px;
    width: 290px;
    float: none;
}

.visitor-management span.dataLabel {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #000000;
    border: 1px solid rgba(0, 0, 0, 0.3);
    color: #666;
    border-radius: 5px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    margin-left: 10px;
    padding: 6px 0 6px 10px;
    display: inline-block;
    height: 15px;
}


.visitor-management #filter-fields .date-section label {
    display: block;
    float: left;
    padding-top: 10px
}

.visitor-management #filter-fields .date-section input[type="text"] {
    float: left;
}

.visitor-management #filter-fields .date-section .ui-datepicker-trigger,
.visitor-occupier-bookings .ui-datepicker-trigger,
.startbooking-paddedpanel .ui-datepicker-trigger,
.tools .ui-datepicker-trigger {
    display: block;
    float: left;
    padding-right: 10px;
    cursor: pointer;
}

.visitor-occupier-bookings .booking-column {
    float: left;
    margin: 10px 5px 0 0;
    width: 450px;
    overflow: visible;
}

.visitor-occupier-bookings hr {
    margin: 15px 0;
}

.visitor-occupier-bookings .booking-column select {
    width: 200px;
    float: left;
}

    .visitor-occupier-bookings .booking-column select.time-dropdown {
        width: 75px;
    }

.visitor-occupier-bookings .booking-column input[type="text"] {
    width: 200px;
    float: left;
}

.visitor-occupier-bookings .booking-column input[type="button"] {
    margin-left: 5px;
}

.visitor-occupier-bookings .booking-column input.date-field {
    width: 85px;
}

.visitor-occupier-bookings .booking-column input.long {
    width: 285px;
}

.visitor-occupier-bookings .booking-column textarea {
    width: 450px;
    height: 80px;
}

.visitor-occupier-bookings .booking-column .info {
    color: #999;
}

    .visitor-occupier-bookings .booking-column .info p {
        padding: 7px 0 0 0;
    }

.visitor-occupier-bookings .booking-column .delete {
    display: inline-block;
    padding: 5px 0 0 5px;
}

.visitor-occupier-bookings .warning-message {
    float: left;
    width: 100%;
    background-color: #FFB366;
    color: #FFF;
    padding: 10px;
    margin: 10px 0 0 0;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    border-radius: 5px;
    box-sizing: border-box;
}

.visitor-occupier-bookings #basic-dates #from-date {
    float: left;
    width: 400px;
    padding-right: 5px;
}

.visitor-occupier-bookings #basic-dates #to-date {
    float: left;
    width: 400px;
}


.visitor-occupier-bookings #basic-dates label,
.visitor-occupier-bookings #custom-dates label {
    float: left;
}

.visitor-occupier-bookings #custom-dates #custom-date-holder {
    float: left;
}

.visitor-occupier-bookings #custom-dates #custom-date-holder-delete {
    float: left;
    padding: 14px 10px;
}

.visitor-occupier-bookings .visitor-search {
    height: 40px;
}

    .visitor-occupier-bookings .visitor-search h3 {
        float: left;
    }

    .visitor-occupier-bookings .visitor-search .profile-search {
        background-color: #fff;
        border: 1px solid #000000;
        border: 1px solid rgba(0, 0, 0, 0.3);
        border-radius: 5px;
        position: absolute;
        right: 20px;
    }

        .visitor-occupier-bookings .visitor-search .profile-search #inpSearch {
            background-color: transparent;
            border: none;
            border-radius: initial;
            float: left;
            padding-left: 5px;
            padding-top: 10px;
        }

        .visitor-occupier-bookings .visitor-search .profile-search button {
            border: 0;
            background: transparent;
            float: left;
            height: 35px;
        }

            .visitor-occupier-bookings .visitor-search .profile-search button img {
                padding-top: 5px
            }

.auto-suggest-holder {
    position: absolute;
    width: 500px;
}

    .auto-suggest-holder .auto-suggest-view {
        max-height: 200px;
        overflow-y: auto;
        border-top: 1px solid #000000;
        border-top: 1px solid rgba(0, 0, 0, 0.3);
        background-color: #333333;
    }

    .auto-suggest-holder ol,
    .visitor-occupier-bookings .visitor-search .profile-search ol {
        list-style: none;
        color: #fff;
        border-radius: 0 0 5px 5px;
    }

        .auto-suggest-holder ol li,
        .visitor-occupier-bookings .visitor-search .profile-search ol li {
            padding: 5px 5px 5px 10px;
            cursor: pointer;
        }

            .auto-suggest-holder ol li.selected,
            .visitor-occupier-bookings .visitor-search .profile-search ol li.selected {
                background-color: #666666;
                padding: 5px 5px 5px 10px;
                cursor: pointer;
            }

            .auto-suggest-holder ol li span,
            .visitor-occupier-bookings ol li a {
                color: #fff;
            }

.visitor-occupier-bookings #profiles-found {
    background-color: #fff;
    max-height: 462px;
    overflow-y: scroll;
}

    .visitor-occupier-bookings #profiles-found .profile-row {
        clear: both;
        border-bottom: 1px solid #fff;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcwAAAABCAMAAABkBG5qAAAABlBMVEUzMzNmZmb4uuYLAAAADklEQVR4AWMYNmAUMAIAAc4AAikmGREAAAAASUVORK5CYII=) repeat-y #333333;
    }

    .visitor-occupier-bookings #profiles-found .profile-item {
        width: 435px;
        float: left;
        padding: 15px;
    }

.visitor-occupier-bookings #no-profile-found {
    background-color: #666;
    padding: 15px;
}


.visitor-occupier-bookings #profiles-found .profile-text {
    width: 250px;
    float: left;
    padding-right: 10px;
}

.visitor-occupier-bookings #profiles-found .profile-details {
    height: 100px;
}


.visitor-occupier-bookings #profiles-found .profile-name {
    font-size: 18px;
    color: #fff;
}

.visitor-occupier-bookings #profiles-found .profile-job-title,
.visitor-occupier-bookings #profiles-found .profile-company {
    font-size: 14px;
    color: #cccccc;
}

.visitor-occupier-bookings #profiles-found .profile-last-visited {
    padding: 5px 0 0;
}

.visitor-occupier-bookings #profiles-found .profile-buttons {
    padding: 5px 0 0;
}

    .visitor-occupier-bookings #profiles-found .profile-buttons a {
        width: 65px;
    }

    .visitor-occupier-bookings #profiles-found .profile-buttons .negative-action {
        float: left;
    }

    .visitor-occupier-bookings #profiles-found .profile-buttons .positive-action {
        float: right;
    }


.visitor-occupier-bookings #profiles-found .title {
    font-size: 12px;
    color: #999999;
}

.visitor-occupier-bookings #profiles-found .text {
    font-size: 12px;
    color: #fff;
}

.visitor-occupier-bookings #profiles-found .profile-image {
    width: 150px;
    height: 200px;
    float: right;
}

    .visitor-occupier-bookings #profiles-found .profile-image img {
        border-radius: 5px;
    }

.visitor-occupier-bookings #profiles-found .note {
    border-top: 1px dashed #666;
    margin-top: 10px;
    padding-top: 5px;
}

.visitor-occupier-bookings #profiles-found .profile-select {
    height: 35px;
    width: 100px;
}

    .visitor-occupier-bookings #profiles-found .profile-select button {
        background-color: #2db1ed;
        border: medium none;
        border-radius: 3px;
        color: #fff;
        cursor: pointer;
        font-family: arial,sans-serif;
        font-size: 1em;
        padding: 7px;
    }

.visitor-occupier-bookings #profiles-found .no-profile-select button {
    background-color: #2db1ed;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-family: arial,sans-serif;
    font-size: 1em;
    padding: 7px;
}


.visitor-management .label-date {
    font-weight: bold;
}

.visitor-management .timedropdown {
    width: 80px;
}

.visitor-booking .visitor-twocol .info {
    width: 46.9%;
}

.visitor-booking .visitor-twocol .name {
    width: 46.9%;
}

.visitor-booking .visitor-threecol .info {
    width: 295px;
}

.visitor-booking .visitor-threecol .name {
    width: 290px;
}

.visitor-booking .visitor-threecol .info input {
    width: 258px;
}

.visitor-booking .visitor-threecol .name input {
    width: 263px;
}

.visitor-booking .visitor-fourcol .info {
    width: 200px;
}

.visitor-booking .visitor-fourcol .name {
    width: 228px;
}

.visitor-booking .visitor-fourcol .info input {
    width: 168px;
}

.visitor-booking .visitor-fourcol .name input {
    width: 201px;
}

.visitor-booking .visitor-fivecol .info {
    width: 150px;
}

.visitor-booking .visitor-fivecol .name {
    width: 204px;
}

.visitor-booking .visitor-fivecol .check {
    width: 75px;
}

.visitor-booking .visitor-fivecol .info input[type=text] {
    width: 118px;
}

.visitor-booking .visitor-fivecol .name input[type=text] {
    width: 187px;
}

/*Occupier Booking*/
.visitor-booking .occupier-booking .check {
    width: 75px;
    padding-right: 10px;
}

.visitor-booking .occupier-booking .name {
    width: 280px;
    padding-right: 10px;
}

.visitor-booking .occupier-booking input[type=text] {
    width: 100%;
    box-sizing: border-box;
}

.visitor-booking .occupier-booking.with-screening .name {
    width: 255px;
}

.visitor-booking .occupier-booking.with-email .name {
    width: 204px;
}

.visitor-booking .occupier-booking.with-email.with-screening .name {
    width: 194px;
}

.visitor-booking .section {
    clear: both;
    float: none;
    margin: 5px 0;
}

.visitor-booking .col-general {
    float: left;
    min-height: 1px;
}

.visitor-booking .row .delete {
    display: block;
    float: right;
    padding: 6px 0 0;
}

.visitor-occupier-bookings #date-warning {
    display: none;
    background-color: #FFB366;
    padding: 10px;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
}

input.invalid[type="text"], select.invalid,
textarea.invalid {
    background: none repeat scroll 0 0 #ffcccc;
    border: 2px solid Red;
}

ul.errormessage {
    background-color: #cc0000;
    border-radius: 5px;
    color: #ffffff;
    display: none;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    margin: 20px 10px 0;
    padding: 10px;
    list-style: none;
    margin-bottom: 10px;
}

    ul.errormessage.native {
        display: inherit;
    }

    ul.errormessage li {
        font-size: 0.9em;
        margin: 0 0 10px;
    }

        ul.errormessage li:last-child {
            margin: 0;
        }

#no-profile-found ul.errormessage {
    list-style: none;
}

    #no-profile-found ul.errormessage li {
        border: none !important;
        padding: 0 !important;
    }

#no-profile-found .no-profile-select {
    text-align: center;
    margin-top: 10px;
}

#no-profile-found p {
    color: #fff;
    padding: 10px 5px;
}

.action-buttons.right {
    float: right;
}

.action-buttons.left {
    float: left;
    margin-left: 10px;
}

.action-buttons a {
    border-radius: 3px;
    color: #ffffff;
    margin: 0 10px 0 0;
    padding: 7px;
    display: inline-block;
}

.action-buttons .positive {
    background-color: #2db1ed;
}

.action-buttons .negative {
    background-color: #969696;
    color: #fff;
}


#edit-cancelDate-popup .contentHolder {
    padding: 20px 10px;
}

#edit-cancelDate-popup ol {
    list-style: none;
    max-height: 400px;
    overflow: auto;
}

#edit-cancelDate-popup .cancelled {
    color: #999;
}

#edit-cancelDate-popup .disabled {
    color: #ccc;
}

.visitor-management-popup {
    font-size: 12px;
}

    .visitor-management-popup h3 {
        font-size: 18px;
    }



#edit-dateInfo-popup .customDateText {
    padding: 10px 0;
}

#edit-visitorInfo-popup .row {
    max-height: 400px;
    overflow: auto;
}

.checkin-toolbar {
    background-color: #595750;
    color: #fff;
    height: 40px;
    padding: 10px;
}

.toolbar-title {
    font-size: 18px;
}

table.visitor-list {
    border: 0 none;
    border-collapse: separate;
    font: 1em/1.3em arial,sans-serif;
}

a.link-action {
    color: #fff;
    padding: 12px 20px;
    border-radius: 7px;
    margin: 0 10px 0 0;
    display: inline-block;
    text-align: center;
}

a.positive-action {
    background-color: #2db1ed;
}

    a.positive-action.disabled {
        background-color: #808080;
    }

    a.positive-action:hover {
        background-color: #047fb8;
        text-decoration: none !important;
    }

a.negative-action {
    background-color: #969696;
}

    a.negative-action:hover {
        background-color: #8f8f8f;
        text-decoration: none !important;
    }


.visitor-checkin-command-options {
    float: right;
    margin-right: 10px;
}

.post-room .edit-row,
.visitor-system .edit-row {
    margin: 5px 0;
}

.post-room .edit-row {
    float: none;
    clear: both;
    overflow: hidden;
    padding: 5px 0;
}

.tools .edit-row {
    float: none;
    clear: both;
    padding: 5px 0;
    margin: 5px 0;
}


.post-room .edit-row-top-label {
    float: none;
    clear: both;
    padding: 5px 0;
    margin: 5px 0;
}

.post-room .edit-row div,
.tools .edit-row div {
    float: left;
}

.post-room .edit-row .mandatoryFieldIndicator {
    float: left;
}

.post-room #ulEmails {
    background-color: #ededed;
    border-radius: 5px;
    border: 2px solid #d7d7d0;
    color: #000;
    font-style: normal;
    padding: 5px 0 5px 5px;
    list-style: none;
}


    .post-room #ulEmails li {
        margin: 0 0 5px;
    }


.visitor-system-list-add {
    text-align: right;
    padding: 10px 0;
}

    .visitor-system-list-add a {
        margin: 0;
    }

table.visitor-system-list,
table.modern {
    border: 0 none;
    border-collapse: separate;
    font: 1em/1.3em arial,sans-serif;
}

    table.visitor-system-list .header,
    table.modern .header {
        background-color: #f5f4ed;
        border-style: none;
        color: #000000;
        padding-bottom: 4px;
        padding-top: 5px;
        text-align: left;
        height: 30px;
    }

    table.visitor-system-list th,
    table.modern th {
        padding-bottom: 3px;
        padding-top: 4px;
        padding-left: 5px;
        vertical-align: middle;
        text-align: left;
        border-left: 1px solid #ccc;
    }

    table.visitor-system-list tbody td,
    table.modern tbody td {
        padding: 4px 5px 3px 5px;
        vertical-align: middle;
    }

        table.modern thead th.right-align,
        table.modern tbody td.right-align {
            text-align: right;
            padding-right: 5px;
        }

        table.modern tbody td.word-break {
            word-break: break-all;
        }

    table.visitor-system-list tfoot td,
    table.modern tfoot td {
        padding: 10px 10px 10px 4px;
        vertical-align: top;
    }

    table.visitor-system-list .alt-row,
    table.modern .alt-row {
        background-color: #e6f3f8;
    }

    table.visitor-system-list .white-row,
    table.modern .white-row {
        background-color: #fff;
    }

    table.visitor-system-list .first-row,
    table.modern .first-row {
        background-color: #fff;
        background: linear-gradient(to bottom, rgba(195, 195, 195, 0.8) 0, rgba(255, 255, 255, 1) 23%) repeat scroll 0 0 #000000;
        background: linear-gradient(to bottom, rgba(195, 195, 195, 0.8) 0, rgba(255, 255, 255, 1) 23%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

    table.visitor-system-list .footer,
    table.modern .footer {
        background-color: #ced3d6;
    }

        table.visitor-system-list .footer .left,
        table.modern .footer .left {
            float: left;
        }

        table.visitor-system-list .footer .right,
        table.modern .footer .right {
            float: right;
        }

        table.visitor-system-list .footer .nav-button-holder,
        table.modern .footer .nav-button-holder {
            float: left;
            width: 65px;
        }

        table.visitor-system-list .footer .page-indicator1,
        table.modern .footer .page-indicator {
            float: left;
            padding: 6px 10px;
            margin: 0 10px;
            border: solid 1px;
            background-color: #fff;
            border-radius: 5px;
        }

        table.visitor-system-list .footer .page-indicator {
            float: left;
            padding: 0 15px;
        }

    table.visitor-system-list tbody td img.search {
        margin: 5px;
    }

    table.visitor-system-list tbody td.notes {
        border-top: 1px dashed #999a93;
    }

    table.visitor-system-list tbody td.checkin div {
        padding: 5px;
    }

    table.modern th.sortable,
    table.visitor-system-list th.sortable {
        cursor: pointer;
    }

    table.modern th.sort-ascending,
    table.modern th.sort-descending,
    table.visitor-system-list th.sort-ascending,
    table.visitor-system-list th.sort-descending {
        background: #fff;
    }

    table.modern th.sortable .header-text,
    table.visitor-system-list th.sortable .header-text {
        height: 25px;
        float: left;
        line-height: 25px;
    }

    table.modern th.sort-ascending .header-text,
    table.modern th.sort-descending .header-text,
    table.visitor-system-list th.sort-ascending .header-text,
    table.visitor-system-list th.sort-descending .header-text {
        font-weight: bold;
    }

    table.modern th.sortable .sort-icon,
    table.visitor-system-list th.sortable .sort-icon {
        background-image: url("images/visitor-profile-sprite.png");
        background-repeat: no-repeat;
        height: 25px;
        width: 15px;
        float: right;
        background-position: -5px -400px;
    }

    table.visitor-system-list th .checkin-tick {
        background-image: url("images/visitor-profile-sprite.png");
        background-repeat: no-repeat;
        height: 25px;
        width: 25px;
        background-position: 0 -470px;
    }

    table.modern th.sort-ascending .sort-icon,
    table.visitor-system-list th.sort-ascending .sort-icon {
        background-position: -5px -425px;
    }

    table.modern th.sort-descending .sort-icon,
    table.visitor-system-list th.sort-descending .sort-icon {
        background-position: -5px -450px;
    }

table.list-visitor-profile tbody td {
    height: 50px;
}

.visitor-table-command-bar {
    background-color: #595750;
    color: #fff;
    height: 40px;
    padding: 10px;
}

.hide {
    visibility: hidden;
}


.profile-icon {
    padding-right: 5px;
}

/*Filter boxes - Started on Visitor Management*/
.filter-holder .filter-header {
    border-radius: 0;
    border: 1px solid #595750;
}

    .filter-holder .filter-header a {
        background-color: #595750;
        color: #fff;
        text-decoration: none;
        font-size: 18px;
        margin: 0;
    }

.filter-holder .filter-controls-holder {
    border-radius: 0;
    background: none repeat scroll 0 0 #f5f4ed;
    border: 1px solid #545454;
    padding: 20px 15px;
}

    .listlfa-search-filter .filter-row,
    .filter-holder .filter-controls-holder .filter-row {
        float: none;
        clear: both;
    }

        .listlfa-search-filter .filter-item,
        .listlfa-search-filter .filter-row .filter-column,
        .filter-holder .filter-controls-holder .filter-item,
        .filter-holder .filter-controls-holder .filter-row .filter-column {
            float: left;
            margin-right: 5px;
            vertical-align: text-bottom;
            min-height: 66px;
        }

            .listlfa-search-filter .filter-item div.filter-label,
            .filter-holder .filter-controls-holder .filter-item div.filter-label {
                height: 25px;
                margin-left: 10px;
            }

            .listlfa-search-filter .filter-item span.filter-label,
            .listlfa-search-filter .filter-item label.filter-label,
            .filter-holder .filter-controls-holder .filter-item span.filter-label,
            .filter-holder .filter-controls-holder .filter-item label.filter-label {
                display: block;
                height: 25px;
            }

            .listlfa-search-filter .filter-item .hasDatepicker,
            .filter-holder .filter-controls-holder .filter-item .hasDatepicker,
            .visitor-system .hasDatepicker,
            .tools .hasDatepicker {
                float: left;
                width: 100px;
                margin: 2px 5px 0 0;
            }

.startbooking-paddedpanel .hasDatepicker {
    float: left;
    margin: 5px 5px 0 0;
}

.startbooking-paddedpanel .hasDatepicker-at,
.tools .hasDatepicker-at {
    float: left;
    margin: 8px 5px 0 0;
}

.filter-holder .filter-controls-holder .filter-item-buttons {
    float: right;
    margin-right: 5px;
    vertical-align: text-bottom;
    padding-top: 25px;
}


.filter-holder .filter-header .icon-closed,
.filter-holder .filter-header .icon-open {
    background-image: url('images/visitor-profile-sprite.png');
}

.filter-holder .filter-header .icon-closed {
    background-position: 0 -268px;
}

.filter-holder .filter-header .icon-open {
    background-position: 0 -250px;
}



.popup-profile {
    position: absolute;
    background-color: #333;
    border-radius: 5px;
    box-shadow: 0 0 10px #000;
    padding: 10px;
    display: none;
}

    .popup-profile .info-section {
        border-bottom: 1px dashed #666;
        padding-bottom: 10px;
    }

        .popup-profile .info-section .details {
            float: left;
            width: 170px;
        }

            .popup-profile .info-section .details .name {
                color: #fff;
                font-size: 18px;
            }

            .popup-profile .info-section .details .position {
                color: #ccc;
                font-size: 14px;
            }

            .popup-profile .info-section .details .company {
                color: #ccc;
                font-size: 14px;
            }

            .popup-profile .info-section .details .last-visited {
                margin-top: 5px;
            }

            .popup-profile .info-section .details .view-profile-button {
                padding: 18px 0 10px;
            }

        .popup-profile .info-section .avatar {
            float: right;
            width: 85px;
        }

        .popup-profile .info-section .info-icon {
            float: left;
            padding-top: 10px;
            width: 25px;
        }

        .popup-profile .info-section .info-text {
            float: right;
            width: 241px;
        }

    .popup-profile .item-header {
        color: #ccc;
        font-size: 12px;
        padding-top: 10px;
    }

    .popup-profile .item-value {
        color: #fff;
        font-size: 12px;
    }

.checkin-wrapper2 {
    background-color: #595750;
    padding: 5px 0 5px;
}

.search-property-documents-row {
    background-color: white;
}

#toolsArea .permitSelector {
    height: 300px;
    overflow: auto;
    width: 350px;
    border: 1px solid #000;
}

    #toolsArea .permitSelector ul {
        list-style: none;
        width: 350px;
        height: 100%;
    }

    #toolsArea .permitSelector li {
        padding: 0;
        height: 24px;
        cursor: pointer;
        width: 340px;
    }

        /*#toolsArea .permitSelector li.altRow*/
        #toolsArea .permitSelector li:nth-child(even) {
            background-color: #f2f2f2;
        }

        #toolsArea .permitSelector li.ui-sortable-helper {
            background-color: #ccc;
        }

        #toolsArea .permitSelector li.ui-sortable-placeholder {
            border: 1px dotted #000;
        }



.helpdesk-expandall-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAABNCAMAAACPH4SzAAAAilBMVEX////+///9/v/7/f/z+/7x+v7u+f7h9P3e9P3a8v2+6Pu65/q55vqy5Pqv4/qq4fmm4Pmg3vmY2/iU2fiR2PiF1Pd90fZ1zvZuzPVnyfVmyfVdxvRXxPRSwvNRwvNQwfNEvfI/u/I9u/I8uvI4ufIstfEqtPEqtPEos/Ens/EhsfAfsPA1uPH///+97O0KAAAAK3RSTlMAAQIFDhATIiUqSk9QWFthZWx1en2LlJ2lra64v8XGx9Xb3d7i8PLz9fb9odSnBwAAALlJREFUeAHt0smugkAQheHD5c7O8yAqDiJ67Pd/PUnHTVNdSbOAuOBfdfKlwoIDRP1tzlLXpItCFvQ2A4ZU6iDVKAGdjM0+M1D0IkIKNTJUiRXICA8ko5KhRoYq2Ry54USlPcYaDRBv/LKMgHhylnAcfcD2/WP7Y9G9V7y+UC4nOYW3A7mO/LRj+gl/q8svlOb/cGp+vbJMkPyVTrTVfyUo9FvBV9VIX2+73sc7rrcuMk5BJGqA2vU+AQzsBjDK4SJtAAAAAElFTkSuQmCC);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 30px;
    height: 25px;
    display: block
}

.helpdesk-expand-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAABNCAMAAACPH4SzAAAAilBMVEX////+///9/v/7/f/z+/7x+v7u+f7h9P3e9P3a8v2+6Pu65/q55vqy5Pqv4/qq4fmm4Pmg3vmY2/iU2fiR2PiF1Pd90fZ1zvZuzPVnyfVmyfVdxvRXxPRSwvNRwvNQwfNEvfI/u/I9u/I8uvI4ufIstfEqtPEqtPEos/Ens/EhsfAfsPA1uPH///+97O0KAAAAK3RSTlMAAQIFDhATIiUqSk9QWFthZWx1en2LlJ2lra64v8XGx9Xb3d7i8PLz9fb9odSnBwAAALlJREFUeAHt0smugkAQheHD5c7O8yAqDiJ67Pd/PUnHTVNdSbOAuOBfdfKlwoIDRP1tzlLXpItCFvQ2A4ZU6iDVKAGdjM0+M1D0IkIKNTJUiRXICA8ko5KhRoYq2Ry54USlPcYaDRBv/LKMgHhylnAcfcD2/WP7Y9G9V7y+UC4nOYW3A7mO/LRj+gl/q8svlOb/cGp+vbJMkPyVTrTVfyUo9FvBV9VIX2+73sc7rrcuMk5BJGqA2vU+AQzsBjDK4SJtAAAAAElFTkSuQmCC);
    background-position: 0 -26px;
    background-repeat: no-repeat;
    width: 30px;
    height: 25px;
    display: block
}

.helpdesk-collapse-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAABNCAMAAACPH4SzAAAAilBMVEX////+///9/v/7/f/z+/7x+v7u+f7h9P3e9P3a8v2+6Pu65/q55vqy5Pqv4/qq4fmm4Pmg3vmY2/iU2fiR2PiF1Pd90fZ1zvZuzPVnyfVmyfVdxvRXxPRSwvNRwvNQwfNEvfI/u/I9u/I8uvI4ufIstfEqtPEqtPEos/Ens/EhsfAfsPA1uPH///+97O0KAAAAK3RSTlMAAQIFDhATIiUqSk9QWFthZWx1en2LlJ2lra64v8XGx9Xb3d7i8PLz9fb9odSnBwAAALlJREFUeAHt0smugkAQheHD5c7O8yAqDiJ67Pd/PUnHTVNdSbOAuOBfdfKlwoIDRP1tzlLXpItCFvQ2A4ZU6iDVKAGdjM0+M1D0IkIKNTJUiRXICA8ko5KhRoYq2Ry54USlPcYaDRBv/LKMgHhylnAcfcD2/WP7Y9G9V7y+UC4nOYW3A7mO/LRj+gl/q8svlOb/cGp+vbJMkPyVTrTVfyUo9FvBV9VIX2+73sc7rrcuMk5BJGqA2vU+AQzsBjDK4SJtAAAAAElFTkSuQmCC);
    background-position: 0 -52px;
    background-repeat: no-repeat;
    width: 30px;
    height: 25px;
    display: block
}

.popup_500 .editLabel {
    display: block;
    float: left;
    width: 140px;
}

.popup .editData {
    display: block;
    float: left;
}

.dailysales-retailers {
    padding: 0 0 10px 0
}

div.editable:hover {
    border: solid 1px #ccc;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAABhlBMVEUQpuoVqOoXqOsXqesYqesbquscqusdq+sgrOsgrOwhrOsirOwiresirewjrewkrewkruwlruwmruwnruwnr+wor+wpr+wqr+wqsOwrr+wrsOwrsewssOwssO0tse0usewwse0xsu41tO03tO05te46tu06tu47tu48tu1Cue5Euu5Fuu5Fuu9Gue9Huu5Huu9Iu+5Ju+9Lu+9Qve9RvvBTv/BUv/FVv/BWwPBXwPBXwfBYwu9ZwfBawvFbwvFbw/Fcw/Bew/FjxfFkxfJox/JryPFryPJsyPJwyvJ1zPN2zPN4zPN4zfJ5zfR6zfN7zvJ9zvN+z/N/z/OB0fSF0PSH0vSN1fSR1vWV2PWZ2PaZ2fWZ2vWb2vad2vaq4Pet4fiv4fiw4fi04/i05Pi75vi85fm/5vnB5/nE6fnJ6/rM7PrO7PrP7fvY8Pvd8vvf8/zj9Pzn9f3o9f3o9v3q9/3r9/3s9/3t+P3v+f3w+f3y+v33/P/4/P75/f77/f77/f////7///+XMQOrAAAA9klEQVR4AU3I9VuDQACH8RlTxCGD0xNPONvZ3R2znd3d3aIzML7/uc/BUN+f3ucTgNtDzZbjXQJGT5cHdr7+4Gz6G0WhwXMfPqJHiGWQitIJx4ODWcQDzFyV0opfXCiz0aZp0XIqr0HA4jb280jDUIHabAu4KcFrp2a01GeTTQgYvsZGkNbOKGo3BBxO4rGQhmKMpdwKcMYuMSKTvg4ij0PAyQKek5k6r1D9zoVI7321rs1FqLwLF/qlrFza2GOFW588mFJNy6irysnfgwfrEucWM5QmJOAiyDnTdP7ug51qhjPbV+Lw4S0pvevYBn5hqfLqE//6AbMGbSPkOvsfAAAAAElFTkSuQmCC) no-repeat right center;
    padding: 2px;
    cursor: pointer;
}

.online-form .form-title {
    padding: 20px;
}

.online-form .form-introduction {
    padding: 0 20px 20px;
}

.online-form .form-questions {
    background-color: #e6f3f8;
}

.online-form .question-container {
    padding: 10px 20px;
}

.online-form .forms-Submit-Button {
    margin: 20px 0 10px 20px;
}



/* daily-sales */
.daily-sales .dailysales-retailers {
    float: left;
}

.daily-sales .sales-completed-state {
    float: right;
}

    .daily-sales .sales-completed-state .no-outstanding {
        display: inline-block;
        padding: 10px;
        background-color: #E1F4E1;
        border: solid 1px #51ce05;
        border-radius: 10px;
    }


.daily-sales .table-data .header {
    height: 33px;
}

.missing-sales dt {
    padding-top: 10px;
    font-weight: bold;
}

.missing-sales dd {
    display: inline-block;
    padding: 0 5px;
}



.table-command-bar {
    background-color: #595750;
    color: #fff;
    height: 40px;
    padding: 10px;
}

.no-close .ui-dialog-titlebar-close {
    display: none
}

.ui-dialog {
    z-index: 1001 !important;
}

.ajax-content {
    position: relative;
}

.css-loader {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    z-index: 100;
}

    .css-loader .spinner {
        border: 8px solid #f3f3f3;
        border-radius: 74%;
        border-top: 8px solid #3498db;
        width: 81px;
        height: 81px;
        -webkit-animation: spin 2s linear infinite; /* Safari */
        animation: spin 2s linear infinite;
        margin: 50px auto;
    }

    .css-loader .progress {
        margin: 100px auto;
        width: 100%;
        text-align: center;
    }

        .css-loader .progress .status {
            font-weight: bold;
            font-size: 14px;
        }

        .css-loader .progress progress {
            display: block;
            margin: 10px auto;
            width: 300px;
            height: 20px;
            -webkit-appearance: none;
            appearance: none;
            -webkit-animation: animate-stripes 5s linear infinite;
            animation: animate-stripes 5s linear infinite;
        }

            .css-loader .progress progress[value]::-webkit-progress-bar {
                background-color: #eee;
                border-radius: 2px;
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
            }

            .css-loader .progress progress[value]::-webkit-progress-value {
                background-image: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0,0, 0, .1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)), -webkit-linear-gradient(left, #09c, #f44);
                border-radius: 2px;
                background-size: 35px 20px, 100% 100%, 100% 100%;
                -webkit-animation: animate-stripes 5s linear infinite;
                animation: animate-stripes 5s linear infinite;
                transition: width 0.5s;
            }

    .css-loader .fountain-loader-wrapper {
        position: relative;
        width: 234px;
        height: 28px;
        margin: 10px auto;
    }

    .css-loader .fountain {
        position: absolute;
        top: 0;
        background-color: rgb(255,255,255);
        width: 28px;
        height: 28px;
        animation-name: bounce_fountainG;
        -o-animation-name: bounce_fountainG;
        -ms-animation-name: bounce_fountainG;
        -webkit-animation-name: bounce_fountainG;
        -moz-animation-name: bounce_fountainG;
        animation-duration: 1.5s;
        -o-animation-duration: 1.5s;
        -ms-animation-duration: 1.5s;
        -webkit-animation-duration: 1.5s;
        -moz-animation-duration: 1.5s;
        animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-direction: normal;
        -o-animation-direction: normal;
        -ms-animation-direction: normal;
        -webkit-animation-direction: normal;
        -moz-animation-direction: normal;
        transform: scale(.3);
        -o-transform: scale(.3);
        -ms-transform: scale(.3);
        -webkit-transform: scale(.3);
        -moz-transform: scale(.3);
        border-radius: 19px;
        -o-border-radius: 19px;
        -ms-border-radius: 19px;
        -webkit-border-radius: 19px;
        -moz-border-radius: 19px;
    }

    .css-loader .fountain-1 {
        left: 0;
        animation-delay: 0.6s;
        -o-animation-delay: 0.6s;
        -ms-animation-delay: 0.6s;
        -webkit-animation-delay: 0.6s;
        -moz-animation-delay: 0.6s;
    }

    .css-loader .fountain-2 {
        left: 29px;
        animation-delay: 0.75s;
        -o-animation-delay: 0.75s;
        -ms-animation-delay: 0.75s;
        -webkit-animation-delay: 0.75s;
        -moz-animation-delay: 0.75s;
    }

    .css-loader .fountain-3 {
        left: 58px;
        animation-delay: 0.9s;
        -o-animation-delay: 0.9s;
        -ms-animation-delay: 0.9s;
        -webkit-animation-delay: 0.9s;
        -moz-animation-delay: 0.9s;
    }

    .css-loader .fountain-4 {
        left: 88px;
        animation-delay: 1.05s;
        -o-animation-delay: 1.05s;
        -ms-animation-delay: 1.05s;
        -webkit-animation-delay: 1.05s;
        -moz-animation-delay: 1.05s;
    }

    .css-loader .fountain-5 {
        left: 117px;
        animation-delay: 1.2s;
        -o-animation-delay: 1.2s;
        -ms-animation-delay: 1.2s;
        -webkit-animation-delay: 1.2s;
        -moz-animation-delay: 1.2s;
    }

    .css-loader .fountain-6 {
        left: 146px;
        animation-delay: 1.35s;
        -o-animation-delay: 1.35s;
        -ms-animation-delay: 1.35s;
        -webkit-animation-delay: 1.35s;
        -moz-animation-delay: 1.35s;
    }

    .css-loader .fountain-7 {
        left: 175px;
        animation-delay: 1.5s;
        -o-animation-delay: 1.5s;
        -ms-animation-delay: 1.5s;
        -webkit-animation-delay: 1.5s;
        -moz-animation-delay: 1.5s;
    }

    .css-loader .fountain-8 {
        left: 205px;
        animation-delay: 1.64s;
        -o-animation-delay: 1.64s;
        -ms-animation-delay: 1.64s;
        -webkit-animation-delay: 1.64s;
        -moz-animation-delay: 1.64s;
    }



@keyframes bounce_fountainG {
    0% {
        transform: scale(1);
        background-color: rgb(36,141,190);
    }

    100% {
        transform: scale(.3);
        background-color: rgba(0,0,0,0);
    }
}

@-o-keyframes bounce_fountainG {
    0% {
        -o-transform: scale(1);
        background-color: rgb(36,141,190);
    }

    100% {
        -o-transform: scale(.3);
        background-color: rgba(0,0,0,0);
    }
}

@-ms-keyframes bounce_fountainG {
    0% {
        -ms-transform: scale(1);
        background-color: rgb(36,141,190);
    }

    100% {
        -ms-transform: scale(.3);
        background-color: rgba(0,0,0,0);
    }
}

@-webkit-keyframes bounce_fountainG {
    0% {
        -webkit-transform: scale(1);
        background-color: rgb(36,141,190);
    }

    100% {
        -webkit-transform: scale(.3);
        background-color: rgba(0,0,0,0);
    }
}

@-moz-keyframes bounce_fountainG {
    0% {
        -moz-transform: scale(1);
        background-color: rgb(36,141,190);
    }

    100% {
        -moz-transform: scale(.3);
        background-color: rgba(0,0,0,0);
    }
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes animate-stripes {
    100% {
        background-position: -100px 0px;
    }
}

@keyframes animate-stripes {
    100% {
        background-position: -100px 0px;
    }
}

/***** Maintain Image CSS *****/

.imagePreviewPane {
    background: transparent url('data:image/gif;base64,R0lGODlhEAAQAIAAAP///8zMzCH5BAAAAAAALAAAAAAQABAAAAIfhG+hq4jM3IFLJhoswNly/XkcBpIiVaInlLJr9FZWAQA7') repeat 0 0;
    width: 430px;
    height: 430px;
    overflow: hidden;
    border: 1px solid #000;
    float: left;
}

.imagePresetSizes {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .imagePresetSizes li {
        position: relative;
        margin: 0 0 5px 0;
        padding: 0;
    }

        .imagePresetSizes li:hover {
            left: -1px;
        }

        .imagePresetSizes li.active {
            left: -1px;
        }

            .imagePresetSizes li.active a {
                background-color: #CDE69C;
                padding-left: 21px;
                color: #638421;
            }

    .imagePresetSizes a {
        display: block;
        padding: 10px 0 10px 20px;
        width: 140px;
        background-color: #FFF;
        border: 1px solid #000;
        border-left: none;
        color: #666666;
    }

        .imagePresetSizes a:hover {
            font-weight: normal;
            padding-left: 21px;
            background-color: #F4F4F4;
        }

    .imagePresetSizes.disabled a,
    .imagePresetSizes.disabled a:hover,
    .imagePresetSizes.disabled li.active a {
        font-weight: normal;
        padding-left: 20px;
        background-color: #F4F4F4;
        color: #666666;
        cursor: default;
    }

    .imagePresetSizes.disabled li,
    .imagePresetSizes.disabled li:hover,
    .imagePresetSizes.disabled li.active {
        left: 0;
    }

/*********** Upload Area ***********/
.upload-area {
    position: relative;
    clear: both;
    overflow: hidden;
    width: 400px;
}

    .upload-area .drop-box {
        -webkit-transition: border-color 500ms ease 0s, color 500ms ease 0s, background-color 500ms ease 0s;
        -moz-transition: border-color 500ms ease 0s, color 500ms ease 0s, background-color 500ms ease 0s;
        -o-transition: border-color 500ms ease 0s, color 500ms ease 0s, background-color 500ms ease 0s;
        transition: border-color 500ms ease 0s, color 500ms ease 0s, background-color 500ms ease 0s;
        border: #555 dashed 2px;
        margin: 10px auto 20px;
        padding: 25px 0;
        font: 14px/18px 'robotolight', Arial, Helvetica, sans-serif;
        text-align: center;
        color: #333;
        cursor: pointer;
        position: relative;
        clear: both;
        background-color: #E5E5E5;
        box-sizing: border-box;
        float: none !important;
    }

        .upload-area .drop-box .link-action {
            margin: 25px auto 0;
            float: none;
        }

        .upload-area .drop-box.drag {
            border-color: #6B9ADB;
            color: #6B9ADB;
            background-color: #F0F0F0;
        }

    .upload-area .progress {
        display: none;
        margin: -10px -100px;
        position: absolute;
        top: 50%;
        left: 50%;
    }

    .upload-area .uploading {
        cursor: default;
    }

        .upload-area .uploading .progress {
            display: block;
        }

        .upload-area .uploading .button,
        .upload-area .uploading .drop-text {
            visibility: hidden;
        }

    .upload-area .drop-box > * {
        pointer-events: none;
    }

    .upload-area .hidden-input {
        visibility: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
    }

    .upload-area .upload-preview {
        position: relative;
        float: left;
        cursor: pointer;
    }

    .upload-area.locked .upload-preview {
        cursor: default;
    }

    .upload-area .upload-preview > * {
        pointer-events: none;
    }

    .upload-area .upload-preview img {
        display: block;
    }

    .upload-area .drop-box-overlay {
        -webkit-transition: opacity 500ms ease 0s;
        -moz-transition: opacity 500ms ease 0s;
        -o-transition: opacity 500ms ease 0s;
        transition: opacity 500ms ease 0s;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #FFF;
        color: #333;
        text-align: center;
        opacity: 0;
    }

    .upload-area:not(.locked) .upload-preview:hover .drop-box-overlay,
    .upload-area:not(.locked) .upload-preview.drag .drop-box-overlay {
        opacity: 0.7;
    }

    .upload-area .drop-box-overlay p {
        position: absolute;
        top: 50%;
        width: 100%;
        font: 18px/22px 'robotomedium', Arial, Helvetica, sans-serif;
        margin: -11px;
        pointer-events: none;
    }

div.growlUI h1,
div.growlUI h2 {
    color: white;
    margin: 5px;
    text-align: left;
}

div.growlUI h1 {
    font-size: 20px;
    font-weight: bold;
}

div.growlUI h2 {
    font-size: 16px;
}