/*
 * This file contains CSS shared by all views and 
 * Only generic code should be added here
*/
div, span, table, td, a, li, input, select, iframe,
.box {
    border-width: 1px;
    border-spacing: 0;
}

a img {
    border-style: none;
}

.built-in-buttons {
    white-space: nowrap;
    position: relative;
}

.built-in-buttons .table-first-col {
    min-width: 200px;
    width: 200px; /* Same as .side-panel */
}

.box .save-cancel-buttons-bar {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}

.box .save-cancel-buttons-bar {
    text-align: center;
}

.box > table {
    table-layout: fixed;
}

.small-border-radius, .left-side-label, .box .footer, .advanced-input-field,
input, select {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.previous-button > img, .next-button > img {
    vertical-align: middle;
    margin-top: -3px;
}

.previous-button > img {
    margin-right: .5em;
}

.next-button > img {
    margin-left: .5em;
}

#global-search-submit-button {
    vertical-align: middle;
}

#LocationBuiltInButtons {
    display: none;
    float: right;
    padding-bottom: 5px;
    text-align: center;
    margin-right: 32%;
}


#button-back-container-view {
    height: 30px;
    margin-bottom: 20px;
    margin-left: 0 !important;
    margin-top: 15px;
    padding: 0;
}


#button-back-container-view a {
    margin-left: 0;
}

/*--------------------------------------
    OLD BUTTONS CSS STARTS HERE
--------------------------------------*/

/*--------------------------------------
    New / Edit / Clone / Delete buttons
--------------------------------------*/

.grid-td-style {
    border-style: solid;
    border-width: 1px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.button-with-icon {
    padding-right: 0.5em;
    padding-left: 30px;
    background-position: 0.25em 50%;
    background-repeat: no-repeat;
    margin-right: 1em;
    display: inline-block; /* otherwise transparency don't work in IE */
    line-height: 1em; /* As it's now an inline-block we should reset this to avoid inheritance */
}

.button-with-icon.right-icon {
    background-position: right 50%;
    padding-right: 30px;
    padding-left: 0.5em;
}

.button-icon-only {
    width: 25px;
    height: 25px;
    background-position: 0.25em 50%;
    background-repeat: no-repeat;
}

.add-pickup-link {
    position: absolute;
    bottom: 7px;
    right: 20px;
    color: #aaa;
    cursor: pointer;
}

.button-function-icon {
    background-image: url(../content/images/Buttons/function.png);
}

.button-paynow-icon {
    text-decoration: underline;
    cursor: pointer;
    cursor: hand;
    font-weight: bold;
    padding-right: 10px;
}

.button-paid {
    text-align: right;
    color: Gray;
    padding-right: 10px;
}



/*--------------------------------------
    Action Buttons (former custom buttons)
--------------------------------------*/
.scrollingHotSpotLeft, .scrollingHotSpotRight {
    display: none;
    cursor: pointer;
    padding: 0.4em;
}

    .scrollingHotSpotLeft img, .scrollingHotSpotRight img {
        vertical-align: middle;
    }

.scrollingHotSpotLeft {
    float: left;
}

.touch-device .scrollingHotSpotLeft {
    margin-right: .5em;
}

.scrollingHotSpotRight {
    float: right;
}

.touch-device .scrollingHotSpotRight {
    margin-left: .5em;
}

.scrollWrapper {
    overflow: hidden;
}

#system-buttons-container {
    white-space: nowrap;
    float: left;
}

.scrollableArea {
    border-width: 0px;
    border-collapse: collapse;
    white-space: nowrap;
}

.left-side-label {
    width: 4em;
    display: inline-block;
    padding: 0.25em;
    background-position: 0.25em center; /* Do not use background-position-x and ...-y -> not supported by Firefox*/
    background-repeat: no-repeat;
}

.right-side-input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-style: none;
}

.single.back-button {
    float: left;
    margin-right: 1em;
    position: relative;
    z-index: 1;
}

.with-left-menu {
    padding-left: 250px;
}

.layout-leftpanel-main .side-panel.left-panel #button-back-container-view {
    float: left;
}

.tab-icon {
    display: none;
}

#DetailPage_leftside.side-panel.left-panel .menu .item .tab-name.invoices {
    float: left;
}

div.login #buttonSignIn {
    margin-top: 0.5em;
}

#buttonSignIn {
    vertical-align: middle;
    margin-right: 2em;
    min-width: 100px;
}

.fb-login-button-container /* overrided in ie7lte.css */ {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    text-align: center;
}

div.login #buttonLaunch {
    margin: 1em 0;
}

.side-panel.left-panel .menu .item .details-count {
    float: right;
    margin-right: 20px;
}

/*--------------------------------------
               custom buttons
--------------------------------------*/


#customButtonNotification {
    margin: 0;
    padding: 0;
    text-align: center;
}

    #customButtonNotification > DIV {
        margin: 0px 15px 0px 19px;
        padding: 20px 0px 10px 0px;
    }

.field > A:link:hover, TD.field > A:visited:hover, .HypeLink-style:hover, A.member-registration-nav-button-addNewMemeber:hover {
        text-decoration: underline;
    }

.HypeLink-style:hover, A.member-registration-nav-button-addNewMemeber:hover {
        font-weight: bold;
        text-decoration: underline;
    }

#NewButtonOnRecordListTop, #NewButtonOnRelatedRecordListTop {
    padding: 15px 5px 7px 15px;
}

#RelatedRecordNewButton {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    margin-bottom: -40px;
}

A.member-registration-nav-button-next img {
    border: none;
}

A.member-registration-nav-button-Previous img {
    border: none;
    height: 10px;
}

A.member-registration-nav-button-addNewMemeber, A.member-registration-nav-button-addNewMemeber:hover {
    display: none; /*inline-block;*/
    text-decoration: underline;
    font-weight: normal;
    font-size: small;
    margin-left: -80px;
    color: #8F8F8F !important;
}

#addAnAttendeeButtonContainer {
    margin-left: 16%;
    margin-bottom: 1em;
    margin-top: 0.5em;
    padding-left: 2em;
}

.forgot-password-link {
    text-decoration: underline;
    float: right;
    padding: 0.75em !important;
    border: none;
    cursor: pointer;
}


.step-by-step-header {
    width: 100%;
}

.step-buttons-container {
    white-space: nowrap;
    text-align: right;
}

.addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
}

#lookup-window-view-find-style {
    padding-top: 10px;
    padding-bottom: 10px;
}

#lookup-window-button-style {
    border: none;
    width: 90px;
    font-size: 150%;
    padding: 5px;
}

.apply-button {
    border: 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding-bottom: 5px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 25px;
    margin-right: 10px;
}

.timePicker {
    border-style: solid;
    border-width: 1px;
    padding: 2px 0px 2px 2px;
    background: transparent url(../content/images/ControlIcons/timepickericon.png) no-repeat center right;
    background-position: 97% center;
}

.pmdatepicker {
    border-style: solid;
    border-width: 1px;
    padding: 2px 0px 2px 2px;
    background: transparent url(../content/images/ControlIcons/datepickericon.png) no-repeat center right;
    background-position: 99% center;
}

.pmlookup {
    background: transparent url(../content/images/ControlIcons/lookup-button.png) no-repeat center right;
    height: 25px;
}

.pmdatetimepicker {
    border-style: solid;
    border-width: 1px;
    padding: 2px 0px 2px 2px;
    background: transparent url(../content/images/ControlIcons/datepickericon.png) no-repeat center right;
    background-position: right center;
}

#panels-container {
    display: table;
    border-collapse: separate;
    border-spacing: 0;
    margin-top: 50px;
    width: 100%;
}

.layout-table-cell .side-panel, .layout-table-cell .main-panel,
#checkoutContainerTable .right-panel, #checkoutContainerTable .main-panel{
    display: table-cell;
}

.layout-leftpanel-main.layout-table-cell .main-panel,
#checkoutContainerTable .main-panel {
    width: 100%;
}

#pageTree ul {
    padding-left: 0px;
    list-style-type: none;
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 40px;
}

    #pageTree ul li {
        background-image: url(../content/images/DefaultIcons/icon-object.png);
        background-position: 4px left;
        background-repeat: no-repeat;
        padding: 0.25em;
        padding-left: 25px;
    }

        #pageTree ul li.page {
            background-image: url(../content/images/DefaultIcons/icon-page.png);
        }
/*----------|Retrofitting .button class flat|-------------*/

/*--|hide icon|--*/
.button-selector .icon,
#btnEditEvent .icon,
#btnDeleteEvent .icon,
#newUser .icon,
#Clone .icon,
#deleteButton .icon,
#new-theme .icon,
#spnNewApplication .icon,
#newObject.buttonNew span.icon,
#newObject.button span.icon,
#multipleDeleteButton span.icon,
#assignClassForContact span.icon {
    display: none !important;
}

/*------|button size changes|-----*/
#new-theme {
    width: 85px;
}

#newObject.button, #multipleDeleteButton.button {
    width: 66px !important;
}

/*///-------|End retrofitting .button class|-------------*/

#setupView .button-add {
    background-image: url(../content/images/Buttons/Add.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    padding-left: 25px;
    margin-left: 2em;
}

#setupView .button-detail {
    background-image: url(../content/images/Buttons/detail-arrow.png);
    background-position: 96% center;
    background-repeat: no-repeat;
    padding-right: 3%;
    margin-left: 1em;
    visibility: hidden;
}

#setupView .li-line > span {
    vertical-align: middle;
}

.setup-genericobj-entity img {
    vertical-align: middle;
    border-width: 0;
    width: 45px;
}

a.setup-genericobj-entity {
    display: block;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 2em;
    background-image: url(../content/images/Arrow_grid.png);
    background-position: 98% center;
    background-repeat: no-repeat;
}

    a.setup-genericobj-entity > span {
        display: inline-block;
        vertical-align: middle;
        margin-left: 2em;
    }

.setup-genericobj-name {
    font-size: 120%;
    font-weight: bold;
}

#SetupOnePageIconMenu {
    display: inline;
    max-height: 300px;
}

.setup-onepage .choice-item > div {
    display: table-cell;
    vertical-align: middle;
    width: 40px;
    height: 40px;
}

.setup-onepage .choice-item img {
    max-width: 30px;
    max-height: 30px;
    vertical-align: middle;
}

#PortalURL {
    width: auto;
}

#organizationLogoRow .label {
    vertical-align: top;
}

#skinSetupForm .subsection-content .field {
    display: inline-block;
    width: 65%;
}

.pixels-displayed-value {
    width: 3em;
}

.popup-buttons {
    display: inline-block;
}
.pm-dialog-footer > div {
    position: relative;
    /*border-top: 1px dotted gray;*/
}

.pm-dialog-footer-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-color: black;*/
    opacity: .1;
    filter: Alpha(Opacity=10);
    background-color: White !important;
}

.contentTermsAndConditionContainer .pm-dialog-buttonpane {
    display: none;
}

.contentTermsAndConditionContainer.new-window .pm-dialog-buttonpane {
    display: block;
    padding: 0;
}

.contentTermsAndConditionContainer .pm-dialog-buttonpane {
    display: none;
}

.contentTermsAndConditionContainer.new-window .pm-dialog-buttonpane {
    display: block;
    padding: 0;
}

.cke_button_toggletoolbar .cke_icon {
    display: none !important;
}

.cke_button_toggletoolbar .cke_label {
    display: inline !important;
    font-weight: bold;
}

.cke_skin_kama .cke_button_image .cke_icon {
    background-image: url(../content/Images/Buttons/ckeditorInsertImageButton.png) !important;
    width: 65px !important;
    background-position: 0 0 !important;
}

/*--------------------------------------
         System Buttons
--------------------------------------*/
.pm-action-button {
    font-size: 13px !important;
    font-weight: 700 !important;
    padding-left: 15px;
    padding-right: 15px;
    float: none;
    /*background: #EAEAEA !important;               
    border: solid 1px darkgray !important;*/
}

    .pm-action-button .label {
        width: auto !important;
    }

.view-area {
    clear: both;
    float: left;
    width: 100%;
}

    .view-area .expand-link, .page-layout-section .expand-link {
        cursor: pointer;
        float: left;
        display: inline-block;
        height: 19px;
        background-image: url("images/buttons/arrow-right-icon.png");
        background-repeat: no-repeat;
        background-position: 0 center;
        width: 175px;
        padding-left: 20px;
    }

.view-area.expanded .expand-link, .page-layout-section.expanded .expand-link {
    background-image: url("images/buttons/arrow-down-icon.png");
}

/*--------------------------------------
         Left Panel button icon style 
--------------------------------------*/
.viewDropdownItemEdit .button.edit {
    float: left;
    display: inline-block;
    padding: 0px;
    width: 12px;
}

.viewDropdownItemEdit .button.trash {
    position: absolute;
    float: right;
    display: inline-block;
    padding: 0px;
    width: 12px;
}

.viewDropdownItemEdit .ddm span.icon,
.viewDropdownItemEdit button span.icon,
.viewDropdownItemEdit .button span.icon {
    background-image: url(//apps.perfectmind.com/content/google-plus-ui-buttons/images/google-ui-sprite-gray.png) !important;
    display: inline-block;
    float: left;
    line-height: 12px;
    height: 12px;
    width: 12px;
    max-width: 12px;
    overflow: hidden;
    text-indent: -9999px;
    background-repeat: no-repeat;
    -webkit-transition: background-image 0.20s linear;
    -moz-transition: background-image 0.20s linear;
    -o-transition: background-image 0.20s linear;
    transition: background-image 0.20s linear;
}

#currentViewPopup .button {
    border: none !important;
    background: none !important;
    padding: 0px !important;
    margin: 30px 0px 0px 0px !important;
}

    #currentViewPopup .button span {
        padding: 0px !important;
    }

        #currentViewPopup .button span.icon {
            margin-left: 0px !important;
        }

#currentViewPopup .viewDropdownItemEdit {
    width: 42px !important;
}

#viewSelector #currentViewPopup .viewDropdownItemEdit {
    width: 20px !important;
}

#currentViewPopup .viewDropdownItemEdit a.button {
    border: none !important;
    background: none !important;
    padding: 0px !important;
    margin: 0px 2px 0px 7px !important;
}

#currentViewPopup .viewDropdownItemEdit .button span {
    padding: 0px !important;
}

#currentViewPopup .viewDropdownItemEdit .button:hover {
    border: none !important;
    background: none !important;
    padding: 0px !important;
}

    #currentViewPopup .viewDropdownItemEdit .button:hover span {
        padding: 0px !important;
        ;
    }

#currentViewPopup .viewDropdownItemEdit button, .viewDropdownItemEdit .button {
    height: 12px;
    margin: 2px 4px !important;
}

    #currentViewPopup .viewDropdownItemEdit .ddm:hover span.icon,
    #currentViewPopup .viewDropdownItemEdit button:hover span.icon,
    #currentViewPopup .viewDropdownItemEdit .button:hover span.icon, 
    #checkoutProductListTotal .button span.icon{
        background-image: url(//apps.perfectmind.com/content/google-plus-ui-buttons/images/google-ui-sprite-colour.png) !important;
    }

span.icon201 {
    background-position: 0px -180px !important;
}

span.icon202 {
    background-position: -18px -180px !important;
}

.smallButton {
    padding: 0;
    margin: 0 5px 0 5px;
    height: 20px !important;
    float: none;
}

.wizard-wrapper .built-in-buttons-popup {
    float: right;
    margin-top: 1px;
    text-align: right;
}

.wizard-wrapper .sound-file-container button.action .label, .wizard-wrapper .button.action .label {
    padding: 0 3px !important;
}

.printgrid {
    background-image: url(../content/images/buttons/Print.png);
    padding-left: 25px;
    background-repeat: no-repeat;
    padding-right: 15px;
}

.exportGrid {
    background-image: url(../content/images/buttons/Print.png);
    padding-left: 25px;
    background-repeat: no-repeat;
}

.agreement-wrapper .built-in-buttons-popup {
    margin-left: 14px;
    padding-bottom: 30px;
}
/* -------------------
      ONE COLUMN VIEW
 -------------------*/

.one-column-view-container .title {
    padding-left: 0;
}

.one-column-view-container .item {
    margin-bottom: 1em;
}

.one-column-view-container .blog-post-content, .one-column-view-container .built-in-buttons {
    padding: 0.5em;
}

.one-column-view-container .field.image-container {
    text-align: center;
}

.comments-container {
    padding: 0.5em;
}

    .comments-container .comment {
        position: relative; /* otherwise some z-index problem with the container top arrow*/
    }

    .comments-container hr {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }

.one-column-view-container .inline-actionmenu, .one-column-view-container .inline-actionmenu .dropdown-container {
    display: inline;
}

/*--------------------------------------
         Book Me - Confirm booking styles
--------------------------------------*/
#confirm-booking-info td.label {
    text-align: left;
}

#FacebookSignupContainer span {
    height: 25px;
    width: 78px;
}

#FacebookSignupContainer .fb-login-button-container {
    margin-top: 0;
}

/*--------------------------------------
         Planner styles
--------------------------------------*/
.planner-resource:last-child hr {
    display: none;
}

/*--------------------------------------
         Contact Detail Layout styles
--------------------------------------*/
.body[data-table="Contact"] .built-in-buttons .table-first-col {
    padding-right: 21px !important;
}

.built-in-buttons .table-second-col {
    min-width: 650px;
}

.freezeTransactionWarning {
    margin-top: 10px !important;
}

.freezeTransactionStyle {
    padding-left: 20px;
    list-style-image: url(../content/images/DefaultIcons/BookMe-Arrow.png);
}/*------| Select box stylings for Invoice processing pop up|------*/

#processInvoiceNowInHouse td {
    padding-bottom: 5px;
}

#invoiceProcessNowPopup .select-styles-large {
    margin-bottom: 0px;
}

span.icon.trash-icon, .button:hover span.icon.trash-icon {
    background-image: url(../content/images/LeftPanels/trash-icon.png);
}

span.icon.undo-icon, .button:hover span.icon.undo-icon {
    background-image: url(../content/images/LeftPanels/undo.png);
}

#invoiceProcessNowPopup {
    background-position: left center;
    background-repeat: no-repeat;
}

#invoiceProcessNowPopup #pay-now-cc-number {
    width: 280px;
}

#invoiceProcessNowPopup .details-link {
    color: #036EC4;
    cursor: pointer;
    font-family: 'open sans';
    font-size: 11px;
    left: 210px;
    margin-top: 6px;
    position: absolute;
}

    #invoiceProcessNowPopup .details-link:hover {
        cursor: pointer;
        text-decoration: underline;
    }

    #invoiceProcessNowPopup .details-link a {
        color: #036EC4;
        text-decoration: none;
    }


/*------| Select box stylings for invoice process pop up|------*/
.visa {
    background-image: url(../content/images/select-background-visa.png) !important;
    padding-left: 40px !important;
}

.master-card {
    background-image: url(../content/images/select-background-mc.png) !important;
    padding-left: 40px !important;
}

#pay-now-cc-number {
    width: 280px;
}

.details-link {
    color: #036EC4;
    cursor: pointer;
    font-family: 'open sans';
    font-size: 11px;
    left: 210px;
    margin-top: 6px;
    position: absolute;
}

    .details-link:hover {
        cursor: pointer;
        text-decoration: underline;
    }

    .details-link a {
        color: #036EC4;
        text-decoration: none;
    }

/*------|input radio button for invoice process now pop up|------*/
#invoiceProcessNowPopup td > span > input[type='checkbox'] {
    display: none;
}

#invoiceProcessNowPopup .checkbox-set1 {
    font-family: 'open sans';
    font-size: 13px;
}

.ajax-loading {
    background-position: right center !important;
    background-image: url(../content/images/ControlIcons/ajax-loader.gif) !important;
    background-repeat: no-repeat !important;
    opacity: 0.7 !important;
}

.blue-ajax-loading {
    background-position: center center !important;
    background-image: url(../content/images/ControlIcons/blue-ajax-loader.gif) !important;
    background-repeat: no-repeat !important;
    opacity: 0.7 !important;
}

/*-------|Start Beta Icon|------*/

.beta-icon {
    background-image: url(Images/Site/Beta_01.png);
    background-repeat: no-repeat;
    background-position: top right;
    padding-top: 7px !important;
}

body.socialsite-page .beta-icon {
    background-image: url(Images/Site/Beta_01.png);
    background-repeat: no-repeat;
    background-position: top right;
    padding-top: 0px !important;
}

/*-------|End Beta Icon|------*/



input.validation-error {
    /*color: #FF0000 !impo;*/
    background-color: #FFE9E9 !important;
    box-shadow: 0 0 0 1px #B61515 !important;
    border: 1px solid #B61515 !important;
}

#error-message-tooltip {
    background-color: #FF0000;
    border-radius: 4px;
    font-size: 12px;
    height: 20px;
    left: 0;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 66px;
    z-index: 9999;
}

.tool-tip-content {
    color: White;
    font-family: Arial;
    padding: 0px;
    margin: 0px;
    text-align: center;
}

#error-message-tooltip span.tip {
    width: 14px;
    height: 7px;
    display: inline-block;
    position: relative;
    background-image: url(Images/DefaultIcons/tool-tip-point.png);
    background-repeat: no-repeat;
    z-index: 9999;
    top: -7px;
}

div.signup-container {
    /*background-color: #FFFFFF;
    opacity: 0.75;*/
    padding-bottom: 5px;
    padding-left: 5px;
    padding-top: 5px;
}

#button-view-find-container {
    position: relative;
}

#button-view-find-container-view .button {
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 5px;
    padding: 4px 8px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    background-color: #407FB5;
    border: none;
    border-radius: 2px;
    margin: 5px 2px;
}

@-moz-document url-prefix() {
    #button-view-find-container-view .button {
        line-height: 22px;
    }
}

.tasks-app h3.title {
    font-weight: 600;
    color: #3678AF;
    margin: 8px 10px 10px 10px;
    border-bottom: 1px solid #EAEAEA;
    font-size: 15px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-top: 0;
}

.tasks-app .objectPageLayout .label{
    width: 25%;
}

.tasks-app .objectPageLayout .field{
    width: 72%;
}

.tasks-app .field select{
    width: 100%;
}

.tasks-app .action-line {
    margin: 0.5em 1.5em;
}

.tasks-app .cancelTaskButton, .tasks-app .pm-new-button {
    float: right;
}

.tasks-app:hover .cancelTaskButton:hover {
    text-decoration: underline;
}

/*------------------------------------*/

.k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-grouping-header, .k-pager-wrap, .k-textbox, .k-button, .k-progressbar, .k-draghandle, .k-autocomplete, .k-state-highlight, .k-tabstrip-items .k-item, .km-pane-wrapper > .km-pane > .km-view > .km-content {
    background-image: none;
    background-color: #ebecf1;
}


/*-----------------------------------------
      Send to sign
-----------------------------------------*/
.center-on-page, #docContent, #mergeDocForm {
    max-width: 900px;
    margin: auto !important;
}

.bold-sts {
    font-weight: 600;
}

#divNotes #notes {
    width: 100% !important;
}

.k-input.k-readonly{
    background-color: transparent !important;
    border: none !important;
}

/*-----------------------------------------
      cusome page layout changes
------------------------------------------*/

#DetailPage_leftside_table #primaryObjectItem {
    height: 85px;
}

#DetailPage_leftside.side-panel.left-panel {
    position: absolute;
    height: 100%;
    z-index: 10;
}/*pages treeview setup*/

#divAppSuiteTree {
    position: relative;
    padding: .5em;
}


#buttonBarTemplate {
    display: none;
}

    #buttonBarTemplate a {
        margin-bottom: 0px;
        margin-top: 0px;
        display: none;
    }

#buttonBar {
    position: absolute;
    left: 350px;
}



#divAppSuiteTree .k-image {
    max-width: 20px;
    vertical-align: bottom;
}

#divAppSuiteTree .k-icon {
    vertical-align: text-bottom;
}

#divAppSuiteTree .k-item > div {
    height: 2.2em;
    line-height: 2.2em;
    border: 1px dotted transparent;
}

    #divAppSuiteTree .k-item > div:hover {
        border-color: inherit;
    }

#divAppSuiteTree .k-item .k-in {
    vertical-align: baseline;
    cursor: url(//ssl.gstatic.com/s2/oz/images/sge/openhand_8_8.cur), move;
}

#divAppSuiteTree > div > ul > li > div .k-in {
    font-size: 12pt;
}

#divAppSuiteTree .k-in.k-state-hover {
    background-color: inherit;
    color: inherit;
    border-style: none;
    padding: 2px 4px 2px 3px;
}

#divAppSuiteTree .k-drag-clue {
    background-color: White;
}

#divAppSuiteTree .k-drop-clue {
    background-image: none !important;
    border-bottom: 2px solid green !important;
    height: 2px !important;
    margin-top: -3px !important;
}

.setup-application-link td {
    padding: 5px;
}

#tblNavShortcut, #tblEditNavShortcut {
    width: 100%;
}
/*pages treeview setup - end*//*product group view */



.star-rating-0 {
    width: 75px;
    height: 15px;
    background-image: url(/content/images/star-rating-spritesheet-small.png);
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    background-position: 0px -72px;
}

.star-rating-1 {
    width: 75px;
    height: 15px;
    background-image: url(content/images/star-rating-spritesheet-small.png);
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    background-position: 0px -57px;
}

.star-rating-2 {
    width: 75px;
    height: 15px;
    background-image: url(/content/images/star-rating-spritesheet-small.png);
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    background-position: 0px -43px;
}

.star-rating-3 {
    width: 75px;
    height: 15px;
    background-image: url(/content/images/star-rating-spritesheet-small.png);
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    background-position: 0px -29px;
}

.star-rating-4 {
    width: 75px;
    height: 15px;
    background-image: url(/content/images/star-rating-spritesheet-small.png);
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    background-position: 0px -14px;
}

.star-rating-5 {
    width: 75px;
    height: 15px;
    background-image: url(/content/images/star-rating-spritesheet-small.png);
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    background-position: 0px 0px;
}

div.item-container {
    width: 800px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-family: "open sans", arial;
    max-width: 100%;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 30px;
}

    div.item-container .item-image {
        width: 425px;
        float: left;
        overflow: hidden;
        display: inline-block;
        max-width: 100%;
        height: auto;
    }

        div.item-container .item-image img {
            display: block;
            margin-left: auto;
            margin-right: auto;
            max-width: 100%;
            width: 100%;
            padding: 0;
        }

    div.item-container .item-info {
        min-height: 300px;
        margin-left: 30px;
        max-width: 90%;
        float: left;
        width: 300px;
    }

        div.item-container .item-info .item-header {
            width: 100%;
            height: auto;
            display: inline-block;
        }

            div.item-container .item-info .item-header h3 {
                float: left;
                font-size: 29px;
                font-weight: normal;
                margin: 0px;
                padding: 0px;
                width: 400px;
                display: inline-block;
                max-width: 100%;
            }

            div.item-container .item-info .item-header .item-star-rating {
                float: right;
                margin-top: 5px;
                font-style: 23px;
            }

                div.item-container .item-info .item-header .item-star-rating span {
                    margin-top: 4px;
                    margin-right: 5px;
                }

        div.item-container .item-info #spanPrices {
            list-style-type: none;
            width: 100%;
            height: 30px;
            margin: 15px 0;
            padding: 0px;
            font-size: 22px;
            font-weight: 600;
            letter-spacing: 1.2px;
        }

.spanProductPrices {
    text-align: center;
    font-weight: 600;
}

.item-container #social-widget-container{
    margin-top: 1em;
}

div.item-container .item-info p.description {
    font-size: 14px;
    width: 100%;
    font-family: arial;
    margin-top: 25px;
    margin-bottom: 10px;
    min-height: 20px;
}

div.item-container .item-info .item-selections {
    width: 100%;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 15px;
    min-height: 102px;
}

div.item-container .item-info .TypeId_select {
}

div.item-container .item-info label {
    display: inline-block;
    position: relative;
}

    div.item-container .item-info label:after {
        background: url("/content/images/drop-down-arrow.png") no-repeat scroll right center #FFFFFF;
        content: "";
        display: inline-block;
        height: 23px;
        pointer-events: none;
        position: absolute;
        right: 4px;
        top: 2px;
        width: 23px;
    }

div.item-container .item-info select {
    background-color: #FFFFFF;
    border: 1px solid #CECECE;
    border-radius: 0;
    color: #000;
    display: inline-block;
    margin-bottom: 5px;
    outline: medium none;
    padding: 4px 3px 5px 5px;
    width: 300px;
    font-size: 15px;
}


    div.item-container .item-info select:disabled {
        color: #AAAAAA;
    }

div.item-container .item-info .item-options {
    height: 32px;
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.item-container .item-header{
    margin: 1em 0;
}

.item-container .item-header a{
    display: inline-block;
}

.item-container .item-info #spanPrices, .spanProductPrices,
.item-container .item-header a{
    color: #407FB5;
}

.item-container .item-header a:hover{
    color:#22669B;
}

.item-container .item-info .item-add-to-cart{
    background-color: #407FB5;
	color:#FFF;
}

.item-container .item-info .item-add-to-cart:hover
{
	background-color:#22669B;
}

.item-container .item-info .item-add-to-cart
{
	border:1px solid #407FB5;
	border-radius:2px;
	display:inline-block;
	font-family:open sans;
	font-size:15px;
	height:32px;
	line-height:32px;
	margin-right:15px;
	text-align:center;
	width:175px;
    cursor: pointer;
}

div.item-container .item-info .item-add-to-cart:disabled {
    background-color: rgba(0, 0, 0, 0.3);
    border-color: rgba(0, 0, 0, 0.3);
}

div.item-container .item-info .item-edit {
    display: inline-block;
    color: #23AD58;
    font-size: 13px;
    text-decoration: underline;
    margin-top: 6px;
    cursor: pointer;
}

    div.item-container .item-info .item-edit:hover {
        text-decoration: none;
    }

div#cartDetailPopup {
    float: left;
    display: none;
    width: 100%;
    max-width: 100%;
}

div#cartDetails {
    float: left;
    width: 100%;
    max-width: 100%;
}

div#cartActions {
    float: left;
    width: 100%;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 25px;
}

    div#cartActions span {
        float: right;
    }

    div#cartActions a {
        text-decoration: underline;
    }

        div#cartActions a:hover {
            text-decoration-color: #0E79B5;
        }


#btnDoCheckoutFromCart {
    background-color: #23AD58;
    color: #fff;
    border-radius: 2px;
    text-align: center;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 19px;
    text-decoration: none;
    cursor: pointer;
    max-width: 100%;
    float: right;
    width: 165px;
    text-decoration: none !important;
}

    #btnDoCheckoutFromCart:hover {
        background-color: #23934E;
    }



td.field .newLookupObjectButton {
    float: left;
    overflow: hidden;
    width: 100px;
}

.field.noneselected .newLookupObjectButton {
    margin: 0;
}

/*Product Group View end*/
.slideUp {
    transition: all 0.25s ease-in-out 0s;
    transform: translateY(-96px);
}

.slideDown {
    transition: all 0.25s ease-in-out 0s;
    transform: translateY(0px);
}

td.field .pmmultilookup {
    float: left;
    min-width: 200px;
}

.pmmultilookup .container, .pmmultilookup .tag.image, .pmmultilookup .template.image, .pmmultilookup .title {
    float: left;
}

.pmmultilookup .tag.image {
    max-height: 20px;
    max-width: 20px;
}

.pmmultilookup .template.image {
    max-height: 20px;
    max-width: 20px;
}

.pickup-template-photo, .pickup-template-text {
    display: table-cell;
    vertical-align: middle;
}

    .pickup-template-photo .template.image {
        max-width: 60px;
        max-height: 60px;
        margin-right: 10px;
    }

td.field .k-multiselect {
    clear: both;
    float: none;
}

    td.field .k-multiselect .container.selected {
        background-color: rgba(0, 0, 0, 0);
    }

td.field.readmode .k-multiselect {
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
}

    td.field.readmode .k-multiselect .k-icon.k-delete {
        display: none;
    }

    td.field.readmode .k-multiselect .k-button {
        cursor: default;
        padding: 2px;
    }

        td.field.readmode .k-multiselect .k-button:hover, td.field.readmode .k-multiselect .k-button:active, td.field.readmode .k-multiselect .k-multiselect-wrap {
            -webkit-box-shadow: none;
            box-shadow: none;
            /*background-color: transparent !important;*/
        }

.addAvailabilityPopup input[type=text], .addAvailabilityPopup select {
    background-color: #FFFFFF;
    border: 1px solid #CECECE;
    border-radius: 2px;
    font-size: 13px;
}

.addAvailabilityPopup input[type="text"] {
    height: 28px;
    float: left;
    padding: 0 4px;
}

    .addAvailabilityPopup input[type="text"]:focus {
        border-color: #4D90FE;
    }

.addAvailabilityPopup select {
    padding: 7px 5px 5px;
    width: 250px;
}

.addAvailabilityPopup .ui-timepicker-input {
    float: left;
    text-transform: uppercase;
    background: url("../content/images/ControlIcons/timepickericon.png") no-repeat scroll 98% center rgba(0, 0, 0, 0);
    width: 90px;
}

.addAvailabilityPopup .dayPickerArea .ui-timepicker-input {
    clear: both;
}

.addAvailabilityPopup .dayPickerArea .field-validation-error {
    clear: both;
    float: left;
    width: 80px;
}

.addAvailabilityPopup .hasDatepicker {
    background: url("../content/images/ControlIcons/datepickericon.png") no-repeat scroll 98% center rgba(0, 0, 0, 0);
    width: 250px;
}

.dayPickerArea {
    float: left;
    margin-right: 5px;
}

.addAvailabilityPopup .label {
    color: #3678AF;
    float: left;
    margin-right: 10px;
    text-align: right;
    width: 90px;
    min-height: 1px;
}

.addAvailabilityPopup .row {
    clear: both;
    float: left;
    margin: 5px 0;
}

    .addAvailabilityPopup .row .value {
        float: left;
    }

        .addAvailabilityPopup .row .value .field-validation-error {
            clear: both;
            float: left;
        }

.addAvailabilityPopup .radio-option {
    clear: both;
    float: left;
    padding: 5px 0;
    width: 100px;
}


.addAvailabilityPopup .dayPickerArea .dayPicker {
    margin-bottom: 3px;
}

.addAvailabilityPopup .dayPickerArea .timeRangePicker input {
    background-color: #e6e6e6;
}

.addAvailabilityPopup .dayPickerArea .timeRangePicker.enabled input {
    background-color: #fff;
}

#AvailabilityGrid .status, #AvailabilityGrid .removeAvailability {
    margin: auto;
    width: 70px;
}

#AvailabilityGrid .removeAvailability {
    text-decoration: underline;
}

#cartDetailPopup ., #cartDetailPopup .:hover {
    background-image: url("../Content/Images/DefaultIcons/x_icon.png") !important;
    background-position: 5px 10px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 35px;
    width: 28px;
}

/*--------------------------------------
    BUTTONS CSS ENDS HERE
--------------------------------------*/

/*--------------------------------------
               general
--------------------------------------*/

html, body {
    height: 100%;
}

body {
    min-width: 100%;
    -webkit-animation-duration: 0.5s; /* Part of web font fix for Chrome */
    -webkit-animation-name: fontfix;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0.5s;
}

body, textarea {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 0.9em;
}

/* This is to fix a (temporary) bug in Chrome loading web fonts - Sometimes text does not appear */
@-webkit-keyframes fontfix {
    from {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}

/* This is the content from http://fonts.googleapis.com/css?family=Open+Sans */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(//themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

html, body, form, a, table, td, select, input, div, span, ul, li, h1, h2, h3 {
    margin: 0;
}

html, body, form, a, table, td, select, input, div, span, ul, li {
    padding: 0;
}

/*--------------------------------------
                iOS CSS
--------------------------------------*/
.switch label {
    cursor: pointer;
    margin: 0;
    width: auto;
}

.switch input {
    display: none;
    }

textarea {
    resize: none;
}

.auto-width{
    width: auto;
}

td.object-tab-more > div, #topNav, .tab, .tab-active, #GlobalSearchBoxStyle,
.t-animation-container .t-group, .box, .search-box {
    border-style: solid;
}

#TopRightMenu .t-animation-container {
    margin-top: 5px;
}

#newObject {
    min-width: 64px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #TopRightMenu .t-animation-container {
        margin-top: 3px;
    }
}

.displaynone {
    display: none;
}

#header-wrapper .t-animation-container .t-group {
    border-top-style: none;
}

#header-wrapper .t-group.fixed-menu {
    overflow-y: auto;
    overflow-x: hidden;
}

.search-box {
    width: 10em; /*15em;*/
    border-collapse: separate;
    line-height: 1em;
    padding: 0.2em;
}

.search-text-input {
    border-style: none;
    width: 100%;
}

.search-text-input-container {
    padding-left: 0; /*0.5em;*/
    padding-right: 0.5em;
    width: 100%;
}

.standard-padding,
h1, h2, h3, /* caption, */
.tab, .tab-active, .box-tab-caption, .box-tab-caption-active, .section-content, .subsection-content {
    padding: 0.5em;
}

.box-tab-caption, .box-tab-caption-active {
    font-size: larger;
    font-weight: bold;
}

    .box-tab-caption > img, .box-tab-caption-active > img, td > img {
        vertical-align: middle;
    }

.box-tab-caption-detail {
    font-size: inherit;
    font-weight: normal;
    margin-left: 2em;
}

.primary-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50px;
    display: block !important;
    height: 60px;
    text-align: center;
    width: 60px;
}

#viewId {
    padding: 0.3em;
}

a {
    text-decoration: none;
}

    a:focus {
        outline: none;
    }
/* remove the dotted border in Firefox*/

#header-wrapper {
    position: relative;
    border-bottom-style: solid;
    min-width: 920px;
    box-sizing: border-box;
}

body.newKendoMenu #header-wrapper {
    /* min-width: 1120px; */
}

body.Office #header-wrapper {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

body.Office #header-wrapper,
body.Office #footer-wrapper {
    z-index: 2;
}

body.Office #header-wrapper {
    z-index: 1005;
}

.ui-dialog {
    z-index: 1000;
}

body.socialsite-page #header-wrapper {
    padding: 0 1em 0 0;
}


#footer-wrapper {
    border-top-style: solid;
    min-width: 970px;
}

.content-with-panels{
    margin: 1em 0;
}

.content-with-panels .left-panel{
    float: left;
}

.side-panel .tab, .side-panel .tab-active, .side-panel .box-tab-caption,
.side-panel .box-tab-caption-active {
    margin-bottom: 0.5em;
}

.left-panel .tab {
    margin-right: 0.5em;
}

.side-panel .tab a {
    display: block;
}

.side-panel {
    width: 195px;
    vertical-align: top;
}

#plannerEditorPopup .side-panel {
    max-width: 250px;
    min-width: 200px;
    vertical-align: top;
    width: 200px;
    padding-right: 30px;
}

body.Office #plannerEventAttendeesContainer td.label {
    text-align: left !important;
}

.large-border-radius, .box, .box-tab-caption, .box-tab-caption-active, .validation-summary-errors-panel {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

body.socialsite-page .box {
    overflow: auto;
}

.medium-border-radius, .tab, .tab-active, #topNav, #viewId, .search-box,
.t-widget.t-grid .t-grid-header, .t-widget.t-grid .t-grid-footer, .t-widget.t-grid .t-grid-header th:first-child, .t-widget.t-grid .t-grid-bottom {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

#primaryObjectItemContent > div, #primaryObjectItemContentSelected > div {
    display: table-row;
}

/* ___ img commented to avoid problems related to width in IE8 */
/*#primaryObjectItemContentSelected img, */ #primaryObjectItemContentSelected span,
/*#primaryObjectItemContent img, */ #primaryObjectItemContent a {
    vertical-align: middle;
    display: table-cell;
    /*word-break: break-all; BUG-027769 -  This will break within a word, which doesn't look good! */
}

#primaryObjectItemContentSelected span, #primaryObjectItemContent a {
    padding-left: 0.5em;
}

#appsuite-nav .tab, #appsuite-nav .tab-active {
    padding: 0 0.5em;
    line-height: 2.2em;
    display: block;
    border-bottom-style: none;
}

/* filter on a to don't apply overflow hidden to the more object tab */
#appsuite-nav a.tab, #appsuite-nav a.tab-active {
    max-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
}

#appsuite-nav > li {
    max-width: 150px;
}
/* For IE8 BUG-024884 */

#appsuite-nav {
    bottom: 0;
    display: inline; /* Doesn't change the display but mandatory to compute the min width for the header in JavaScript */
    white-space: nowrap;
}

    #appsuite-nav > li > a > img {
        display: none;
    }

    #appsuite-nav > li {
        padding-left: 0.2em;
        padding-right: 0.2em;
        vertical-align: bottom;
    }

#object-tab-more {
    visibility: hidden;
}

    #object-tab-more .t-link {
        padding-left: 0.25em;
    }

    #object-tab-more img {
        width: 20px;
        vertical-align: bottom;
        margin-right: 0.25em;
    }

#reportList a {
    display: block;
}

#reportList .report-dashboard {
    background-image: url(../content/images/ObjectIcons/icon-small-report-dashboard.png);
}

.no-topleft-padding {
    padding-top: 0;
    padding-left: 0;
}

.no-topleft-border-radius, .layout-leftpanel-main .box {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
}

.no-topright-border-radius, .layout-rightpanel-main .box {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
}

.no-bottom-border-radius,
#appsuite-nav .tab, #appsuite-nav .tab-active,
.box-tabbar .tab, .box-tabbar .tab-active,
.t-widget.t-grid .t-grid-header {
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

.no-top-border-radius, #topNav, .box .footer,
.t-widget.t-grid .t-grid-footer, .t-widget.t-grid .t-grid-bottom {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
}

.no-right-border-radius, .layout-leftpanel-main .tab-active,
.left-panel .box-tab-caption, .left-panel .box-tab-caption-active,
.left-side-label {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.no-left-border-radius, .layout-rightpanel-main .tab-active,
.right-panel .box-tab-caption, .right-panel .box-tab-caption-active {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

.left-panel .box-tab-caption-active, .left-panel .box-tab-caption {
    border-right-style: none;
}

#main-wrapper {
    /*min-height:100%;*/
    min-width: 970px;
    /* IE6 hack */
    height: auto !important;
    height: 100%;
    /* End IE6 hack */
    /* old
	margin: 0 0 30px;
    */
    margin: 0px;
    width: 100%;
}

body.Office #main-wrapper {
    margin: 0 0 0 0;
    /* this might break things */
    /* overflow: hidden; */
}

#header-table {
    width: 100%;
    height: 100%;
}

#header-table {
    /*min-height: 95px;*/
    max-height: 140px; /*90px;*/
}

#footer-wrapper, #push {
    clear: both;
    height: auto;
}

#topNav {
    border-top-style: none;
    font-size: 0.9em;
}


    #topNav, #topNav .tab {
        margin: 0 5px;
    }

    #topNav a.tab {
        display: inline-block;
    }

    #topNav .t-menu span.t-link {
        padding-top: 7px !important;
        padding-bottom: 6px !important;
    }

    #topNav .t-menu .t-item {
        vertical-align: baseline;
    }

    #topNav #OptionsSelector .t-link {
        padding-left: 10px;
    }

    #OptionsSelector a.t-link {
        padding-right: 16px;
    }

#appSelector > li > span {
    padding: 0;
    width: 20px;
    margin-left: 15px;
    margin-right: 35px;
}

/*-- http://www.telerik.com/community/forums/aspnet-mvc/menu/menu-styling-removing-down-arrow.aspx --*/
#appMenuSelector .t-arrow-down {
    display: none;
}

#appMenuSelector .t-link {
    padding-left: 8px;
}

#appMenuSelector > .t-item > .t-link {
    border: 1px solid #B6C99D;
    border-bottom: 0px none;
    margin-right: 4px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    margin: 1px, 1px, 0px, 6px;
}

#appMenuSelector > .t-highlighted > a, #appMenuSelector > .t-state-selected > a {
    background: white;
}

#OrganizationSelector {
}

body.newKendoMenu .global_menu {
    z-index: 1;
}

#topNav #Options-Setup.expanded {
    background-color: #363636;
}

body.newKendoMenu .global_menu .t-item a.t-link, body.newKendoMenu .global_menu .t-item span.t-link {
    color: #656565 !important;
    max-width: 200px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
}

body.newKendoMenu .global_menu .t-item {
    padding-left: 25px;
    background-position: 5px center;
    background-repeat: no-repeat;
}

    body.newKendoMenu .global_menu .t-item .organizations .t-item {
        padding-left: 0;
    }

body.newKendoMenu .global_menu .seperator.t-item {
    border-bottom: 1px solid #A9A9A9;
    height: 0;
    margin-bottom: 5px;
    padding-top: 3px;
}

body.newKendoMenu .global_menu .help.t-item {
    background-image: url("/Content/images/DefaultIcons/g4-help.png");
}

body.newKendoMenu .global_menu .my_account.t-item {
    background-image: url("/Content/images/DefaultIcons/g4-my_account.png");
}

body.newKendoMenu .global_menu .organizations.t-item {
    background-image: url("/Content/images/DefaultIcons/g4-my_sites.png");
}

body.newKendoMenu .global_menu .feedback.t-item {
    background-image: url("/Content/images/DefaultIcons/g4-feedback.png");
}

body.newKendoMenu .global_menu .settings.t-item {
    background-image: url("/Content/images/DefaultIcons/g4-setup.png");
}

body.newKendoMenu .global_menu .app_store.t-item {
    background-image: url("/Content/images/DefaultIcons/g4-app_store.png");
}

body.newKendoMenu .global_menu .logout.t-item {
    background-image: url("/Content/images/DefaultIcons/g4-logout.png");
}

#OrganizationSelector a {
    padding-left: 8px;
    text-align: left;
    /*font-size: 14px;*/
}

#OrganizationSelector .t-link {
    font-size: 13px;
    padding: 0;
}

#OptionsSelector {
    z-index: 1;
}

    #OptionsSelector > li > span {
        font-size: 105%;
    }

#ObjectSelector > li > span {
    width: 11px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-left: 5px;
    margin-right: 30px;
}

#ObjectSelector .t-icon {
    background-image: url(../Content/2012.2.801/Windows7/sprite.png);
}

#appSelector .t-icon {
    background-image: url(../Content/2012.2.801/Windows7/sprite.png);
}

#topNav .t-icon, #ObjectSelector .t-icon, #appSelector .t-icon {
    vertical-align: middle;
}

#header-wrapper ul, .left-panel ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.header-logo-td {
    padding: 0;
    height: 90px;
}

#topNav .tab, #topNav .tab-active {
    border-style: none;
    font-weight: bold;
}

#Options-Setup .t-animation-container, #OrganizationSelector .t-animation-container {
    left: auto;
    right: 0;
}

#header-wrapper .t-animation-container {
    line-height: 1.5em;
}

#appSuiteCell #ObjectSelector {
    position: relative;
    z-index: 500;
}

#appNav #appSelector {
    position: relative;
    z-index: 1000;
}

/*overrided in site-Grey-Theme-ie7lte.css*/
#topNav > ul > li, #appsuite-nav > li, #appNav > li {
    display: inline-block;
    position: relative;
}

.space-for-ribbon-image {
    padding-left: 100px !important;
    margin-left: 12px;
}

#appNav .tab, #appNav .tab-active {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}

#appNav .arrow.bottom {
    position: relative;
    bottom: 2px;
    left: 42%;
    /*margin-left: 31px;*/
    display: none;
}

#appNav .tab-active + .arrow.bottom {
    display: block;
}

#listMultiLocPicker #spnloc.t-link {
    padding-bottom: 6px;
}

#listMultiLocPicker {
    margin-left: 8px;
}

    #listMultiLocPicker #spnArrow {
        margin-left: 3px;
    }

/* iPad [portrait + landscape] */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    #topNav > ul > li > a, .spacer span, #OptionsSelector > li > span {
        max-width: 200px;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}


/*--| 1024/768 fixes for top navigation|--*/

body.Office #listMultiLocPicker #spnloc.t-link {
    padding-bottom: 7px;
    padding-top: 7px;
}

@-moz-document url-prefix() {
    body.Office #OptionsSelector div.t-animation-container {
        margin-top: 1px;
    }
}

/*--| end 1024/768 fixes|--*/

.spacer {
    margin: inherit 0.5em;
}

    .spacer span {
        border-left: solid 1px inherit;
    }

.t-animation-container .t-group, .popup-panel {
    background-color: white;
}

#billingSetupView .subsection-content span.label {
    width: 50%;
    text-align: left;
}

#memberSignupView .subsection-content span.label {
    width: 11em;
}

#memberSignupView .subsection-content input[type=text],
#memberSignupView .subsection-content select,
#memberSignupView .subsection-content textarea {
    width: 280px !important;
}

#memberSignupView .subsection-content #trCampaign #objectPageLayoutSection {
    width: 453px !important;
}

    #memberSignupView .subsection-content #trCampaign #objectPageLayoutSection td.field {
        padding-left: 11px;
    }

.box-min-height-container {
    min-height: 450px;
}

.subsection-content > div, .subsection-content > p {
    margin-bottom: 0.5em;
    margin-top: 0;
}

.remove-child-padding > * {
    padding: 0;
}

#signInLoginContainer {
    overflow: hidden;
    max-width: 28em;
}

    #signInLoginContainer.two-column {
        max-width: 58em;
    }

    #signInLoginContainer.embed {
        padding: .5em;
    }

    #signInLoginContainer .section-content {
        padding: 0 1.5em;
        display: inline-block;
        vertical-align: top;
        border: 1px none lightgray;
    }

        #signInLoginContainer .section-content.left {
            border-right-style: solid;
        }

        #signInLoginContainer .section-content.right {
            border-left-style: solid;
            margin-left: -1px;
            word-break: break-all;
            word-wrap: break-word;
        }

#signInLoginContainer input[type='text'], #signInLoginContainer input[type='password'] {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.25em;
    border-style: solid;
}

#signInLoginContainer.member-sign-in #signupForm > div:first-child {
    margin-bottom: 1em;
    font-weight: bold;
    width: 23em;
}

#signInLoginContainer.member-sign-in input[type='text'], #signInLoginContainer.member-sign-in input[type='password'] {
    width: 25em;
}

#signInLoginContainer input[type='text'], #signInLoginContainer input[type='password'], #signInLoginContainer select {
    display: block;
}


#signInLoginContainer input, #signInLoginContainer select {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#signInLoginContainer select {
    width: 100%;
    padding: 0.25em;
    padding-left: 0;
    border-style: solid;
}

#signInLoginContainer.member-sign-in select {
    width: 25em;
}

#signInLoginContainer .field-validation-error {
    font-family: inherit;
    font-style: inherit;
    font-size: smaller;
}

#signInLoginContainer .PLACEHOLDER-LABEL {
    padding-top: .8em;
}

#memberSignInSplitterOr {
    line-height: 2em;
    margin-left: -0.5em;
    margin-top: -1em;
    position: absolute;
    top: 50%;
    width: 1em;
    color: lightgray;
}

#browserClientLogin label {
    display: inline-block;
    width: 5em;
}

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

#signInLoginContainer {
    text-align: left;
    position: relative;
    margin: 1em auto 0.5em auto;
    padding-top: 1.5em;
}

.form-field-info {
    color: gray;
}

#container {
    width: 100%;
}

#relatedObjects a {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}

#relatedObjects .tab.item {
    cursor: pointer;
}

    #relatedObjects .tab.item:hover {
        background-color: #fff;
    }

    #relatedObjects .tab.item .details-total {
        float: right;
    }

.inline-actionmenu, .product-group-label {
    bottom: 0;
}

.actions-cell {
    overflow: visible !important;
}

.context-actionmenu {
    position: absolute;
    display: none;
    z-index: 99999;
}

.product-group-label span {
    font-weight: bold;
    color: #656565;
}

.inline-actionmenu .dropdown-container {
    margin-top: 0.25em;
    position: relative;
}

    .product-group-label span:hover {
        text-decoration: underline;
    }

.inline-actionmenu .popup-panel {
    margin-left: -25px;
    position: absolute;
    display: none;
    border-style: solid;
    z-index: 502; /*100;*/
    top: 15px;
    box-shadow: 2px 2px 2px #CFCFCF;
    width:120px;    
}

.actionmenu.popup-panel .menu-item, .actionmenu .popup-panel .menu-item {
    display: block;
    padding-left: 0.25em;
}
.inline-telerik-grid .actionmenu.inline-actionmenu .popup-panel  {
    margin-left:0px;
    right:-10px;
}

.help-icon {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-top: 0px;
}

body.newKendoMenu #headerTopRow > div {
    margin-right: 0 !important;
}

body.newKendoMenu #headerTopRow{
    padding: 3px 0px !important;
}

body.newKendoMenu #topNav, body.newKendoMenu #topNav .tab {
    margin-right: 0;
}

body.newKendoMenu #listMultiLocPicker {
    background-image: url("../Content/Images/DefaultIcons/location.png");
    background-repeat: no-repeat;
    background-position: 0 center;
    padding-left: 20px;
    cursor: pointer;
}

#topNav > ul > li{
    vertical-align: middle;
}

.k-numeric-wrap.k-state-default input{
    box-sizing: content-box;
}

body.newKendoMenu #listMultiLocPicker #spnArrow {
    display: none;
}

.arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 0.5em;
    border-style: solid;
}

    .arrow.right, li > .arrow {
        margin: 0 0 0 0.25em;
        border-color: transparent;
    }

    .arrow.bottom, li.expanded > .arrow {
        margin: 0.25em 0 0 0;
        border-color: transparent;
    }

    .arrow.left {
        margin: 0 0.25em 0 0;
        border-color: transparent;
    }

.help-tooltip {
    position: absolute;
    background-color: lightgray;
    border: 1px solid gray;
    border-radius: 4px;
    padding: 0.25em;
    z-index: 9999;
}

    .help-tooltip:after {
        padding-left: 0.5em;
        color: red;
        font-weight: bold;
        content: "X";
    }

/*--------------------------------------
    PM4 Navigation
--------------------------------------*/


body.newKendoMenu #appSuiteCell {
    height: 64px;
    font-family: "open sans",arial;
}

body.newKendoMenu #ApplicationMenu {
    height: 64px;
    background-color: White;
    border-bottom: none;
    border-right: none;
    border-top: none;
}

    body.newKendoMenu #ApplicationMenu > li.k-item {
        font-family: "open sans",arial;
        height: 64px;
        text-align: center;
    }


#ApplicationMenu > li span.k-link {
    padding-top: 15px;
    padding-bottom: 15px;
}

#ApplicationMenu > li.more-btn span.k-link {
    line-height: 32px;
}

#ApplicationMenu > li.more-dropdown > span.k-link {
    margin-top: 3px;
    padding-bottom: 22px;
    z-index: 99999;
}

#ApplicationMenu > li span.k-state-active {
    z-index: 10003;
}

#ApplicationMenu > div.k-animation-container {
    z-index: 1001 !important;
}

.k-animation-container .k-popup .k-list {
    max-height: 265px;
}

/* This is for hyperlinks in the top menu */
#ApplicationMenu li a.k-link {
    line-height: 3.2em;
}

@-moz-document url-prefix() {
    #ApplicationMenu > li span.k-state-active {
        z-index: 10003;
        position: relative;
    }
}


#ApplicationMenu li.k-item ul.k-popup {
    background-color: #F5F6FA;
    min-width: 250px;
    margin-left: -1px;
    padding-top: 1px;
    border-top: none;
    margin-top: 2px !important;
}

@-moz-document url-prefix() {
    #ApplicationMenu li.k-item ul.k-popup {
        border-top: 1px solid #CCCCCC;
        margin-top: 0 !important;
    }
}

#ApplicationMenu li.k-item ul.k-popup > li.k-item {
    text-align: left;
}

    #ApplicationMenu li.k-item ul.k-popup > li.k-item a {
        height: 40px;
        line-height: 40px;
        font-family: "open sans",arial;
    }

#ApplicationMenu li.k-item ul.k-popup li.k-item ul.k-popup li.k-item a {
    color: Black;
}

    #ApplicationMenu li.k-item ul.k-popup li.k-item ul.k-popup li.k-item a:hover {
        color: white;
    }

#ApplicationMenu li.k-item ul.k-popup > li.k-state-hover {
    background-color: #2F86BA;
    background-image: none;
}

    #ApplicationMenu li.k-item ul.k-popup > li.k-state-hover a {
        color: White;
    }

body.newKendoMenu #globalSearchCell {
    background-color: White;
}


/*----|media queries |----*/
@media only screen and (min-width: 1024px) and (max-width: 1069px){
    body.newKendoMenu #ApplicationMenu > li.k-item {
        min-width: 150px;
    }

    body.newKendoMenu #ApplicationMenu > li.more-btn {
        min-width: 80px;
    }
}

@media only screen and (min-width: 1070px) {
    body.newKendoMenu #ApplicationMenu > li.k-item {
        min-width: 160px;
    }

    body.newKendoMenu #ApplicationMenu > li.more-btn {
        min-width: 80px;
    }
}







/*----|Position fixing|----*/
#content-wrapper {
    position: relative;
}

body.Office.newKendoMenu .ui-datepicker {
}


/*--------------------------------------
    Global Search
--------------------------------------*/

#criteria {
    border-style: hidden;
    padding-left: 4px;
}

.fancysigninheader {
    font-size: large;
    font-family: Arial;
    text-align: center;
}

fancysigninbox {
    display: inline-block;
    margin: 0.5em;
    padding: 0.5em 1em;
    border-style: solid;
    border-width: 1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#global-search-popup {
    position: relative;
    display: none;
    z-index: 99;
    margin-top: 0px;
}

#global-search-preview > H3 {
    margin: 0;
    padding: 2px 0.5em;
}

#global-search-preview > P {
    margin-bottom: 0;
    padding-left: 0.5em;
}

.global-search-preview-table {
    margin-bottom: 1em;
    width: 599px;
}

    .global-search-preview-table > TBODY > TR > TD {
        padding: 3px;
    }

#global-search-results {
    margin: 1em 0 0;
    border: none 0;
}

    #global-search-results > H3 {
        padding: 0.2em 0.5em 0.3em;
        margin: 0;
    }

.global-search-results-object-name {
    padding: 0.3em 1em;
    font-weight: bold;
}

#global-search-results > TABLE {
    width: 100%;
}

.box-tabbar {
    display: inline-block;
    position: absolute;
    left: 1em;
    bottom: -2px;
}

    .box-tabbar .tab, .box-tabbar .tab-active {
        border-style: solid;
        border-width: 2px;
        cursor: pointer;
    }

    .box-tabbar > li {
        display: inline-block;
    }


/*--------------------------------------
               grid
--------------------------------------*/
#mainGrid table {
    table-layout: fixed;
}

#mainGrid {
    table-layout: fixed;
    white-space: nowrap;
    width: 100%;
}

    #mainGrid TBODY TR TH {
        white-space: nowrap;
        overflow: hidden;
        border: none;
        border-right: solid 2px inherit /*white*/;
    }

TH.sortable {
    cursor: pointer;
}

#mainGrid TBODY TR TH IMG {
    vertical-align: middle;
    margin-right: 5px;
}

#mainGrid TBODY TR TD {
    padding: 0px 5px 0px 5px;
    cursor: pointer;
    overflow: hidden;
}

    #mainGrid TBODY TR TD.groupRow {
        cursor: default;
    }

/*--------------------------------------
            Save Validation
--------------------------------------*/

.validation-summary-errors-panel {
    border-style: solid;
    border-width: 1px;
    margin: 6px 0 1em;
    padding: 0.5em 1em;
    
}

.field-validation-error {
    font-family: "Times New Roman";
    font-style: italic;
    display: inline-block;
}

.address-container .field-validation-error {
    display: block;
}



.bookme-login-wrapper .field-validation-error {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
}

.validationsummaryerrorswithLeftpanel {
    margin-left:250px;
}

/*--------------------------------------
               Application Suite
--------------------------------------*/

#objectId {
    border-style: hidden;
}


/*--------------------------------------
              File Types
--------------------------------------*/

.filetype-icon {
    background-repeat: no-repeat;
}

    .filetype-icon.medium-html {
        background-image: url(../Content/Images/DocumentIcons/html_M.png);
    }

    .filetype-icon.medium-pdf {
        background-image: url(../Content/Images/DocumentIcons/pdf_M.png);
    }

    .filetype-icon.medium-docx {
        background-image: url(../Content/Images/DocumentIcons/docx_M.png);
    }

    .filetype-icon.medium-xlsx {
        background-image: url(../Content/Images/DocumentIcons/xlsx_M.png);
    }

    .filetype-icon.medium-pptx {
        background-image: url(../Content/Images/DocumentIcons/pptx_M.png);
    }

    .filetype-icon.medium-default {
        background-image: url(../Content/Images/DocumentIcons/default_M.png);
    }

    .filetype-icon.small-html {
        background-image: url(../Content/Images/DocumentIcons/html_50.png);
    }

    .filetype-icon.small-pdf {
        background-image: url(../Content/Images/DocumentIcons/pdf_50.png);
    }

    .filetype-icon.small-docx {
        background-image: url(../Content/Images/DocumentIcons/docx_50.png);
    }

    .filetype-icon.small-xlsx {
        background-image: url(../Content/Images/DocumentIcons/xlsx_50.png);
    }

    .filetype-icon.small-pptx {
        background-image: url(../Content/Images/DocumentIcons/pptx_50.png);
    }

    .filetype-icon.medium-default {
        background-image: url(../Content/Images/DocumentIcons/default_50.png);
    }


/*--------------------------------------
               Reports
--------------------------------------*/
.reportMainContent {
    padding: 0px;
}

#reportDisplayTopContainer {
    width: 100%;
    table-layout: auto;
    text-align: left;
    clear: both;
}

#adjustableFilterContainer {
    display: inline-block;
    vertical-align: top;
    min-width: 600px;
}

#reportListAppRelated LI A IMG {
    border-width: 0;
    margin-left: 0.3em;
    margin-right: 1em;
    vertical-align: middle;
}

UL.reportTreeFolder {
    list-style-type: none;
    padding-left: 0.8em;
}

#mainGrid TBODY TR.reportSummaryRow TD {
    padding: 0px 10px 2px 0px;
    margin: 0px;
    cursor: text;
}

#mainGrid TBODY TR.reportGrandTotalRow {
    width: 100%;
}

    #mainGrid TBODY TR.reportGrandTotalRow TD {
        padding: 0px 10px 2px 0px;
        margin: 0;
        cursor: auto;
        padding-bottom: 2px;
    }

#mainGrid TBODY TR.reportSummaryRow {
    border-style: solid;
    border-width: 0;
}

#mainGrid TBODY TR TD.reportDataCell, #mainGrid TBODY TR TD.reportDataCell-first-column, #mainGrid TBODY TR TD.record-cell-style {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 4px;
    margin: 4px;
    cursor: pointer;
    padding-right: 20px;
    font-size: 90%;
}

#mainGrid TBODY TR TD.reportDataCell-first-column, #mainGrid TBODY TH.reportGridTableHeader-first-column,
#report-grand-total {
    padding-left: 25px;
}

#mainGrid TBODY TR.reportGroupRow TD {
    cursor: default;
    padding-left: 10px;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

#mainGrid TBODY TR.reportGroupRow {
    border-style: solid;
    border-width: 0;
}

#mainGrid TBODY TR.reportOddDataRow {
    border-style: solid;
    border-width: 0px 1px 0px 1px;
    cursor: default;
}

TH.reportGridTableHeader, TH.reportGridTableHeader-first-column {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-size: 90%;
}

.cloned-grand-total {

    font-size:11px;

}

/*--------------------------------------
               Objects tabs
--------------------------------------*/

#object-tab-more {
    vertical-align: bottom;
}

    #object-tab-more .tab, #object-tab-more .tab-active {
        padding: 0;
    }


/*--------------------------------------
         mini Cookie Trail & Help
--------------------------------------*/

#miniCookieTrail {
    width: 90%;
    padding: 0;
}

#feedbackGlobal, #helpGlobal {
    padding: 5px 0px 6px 5px;
    text-align: right;
    white-space: nowrap;
    vertical-align: top;
}

/*--------------------------------------
         view Selector & Filter
--------------------------------------*/

#viewSelectorAndFilter {
    margin: 0px 0;
    padding: 0;
    width: 100%;
}

#viewSelector, #viewSelector-lookup {
    margin: 0;
    padding: 0 1.5em 0 2em;
    white-space: nowrap;
}

#viewSelector {
    width: 10%;
}

#viewSelector-lookup {
    width: 70%;
}

    #viewSelector-lookup select {
        width: 20em;
    }

/*--------------------------------------
               pager
--------------------------------------*/

#pager {
    border-style: solid;
    border-width: 0;
    border-bottom: hidden;
    margin: 0.5em 0 0 0;
    padding-top: 0.5em;
}

#pagerRecordsPerPage {
    padding: 0 1em 0 0;
    white-space: nowrap;
    vertical-align: top;
}

#pagerTotalRecords {
    padding: 0 0 0 1em;
    vertical-align: middle;
    color: #000000;
}

/*--------------------------------------
               related objects
--------------------------------------*/

#objectPageView {
    width: 98%;
    margin-left: 0px;
    margin-right: 15px;
    margin-top: 15px;
}

.k-grid table {
    table-layout: fixed;
}

#objectPageLayout .two-col-select{
    width: 30%;
    vertical-align: middle;
}

#objectPageLayout .two-col-input{
    width: 66%;
    margin-left: 1%;
    vertical-align: middle;
    float: right;
}

.objectPageLayoutSection {
    clear: both;
    margin-top: 20px;
    width: 97%;
}

    .objectPageLayoutSection table {
        /*table-layout: fixed;*/
    }

    .MetaTag-Object table{
        table-layout: initial;
    }

    .objectPageLayout .label{
        width: 200px;
        padding-left: 10px;
        box-sizing: border-box;
    }

    .label, .field {
        vertical-align: middle;
    }

    .objectPageLayout .label, .objectPageLayout .field{
        display: inline-block;
        box-sizing: border-box;
    }

    .objectPageLayout .field{
        min-height: 38px;
    }

    .objectPageLayout .imageurl a{
        vertical-align: middle;
    }

    .objectPageLayout td.label, .objectPageLayout td.field{
        display: table-cell;
        height: 38px;
    }

    .objectPageLayout .label{
        max-width: 230px;
        text-align: right !important;
    }

.objectPageLayoutSection input[type="text"],
.objectPageLayoutSection input[type="password"],
.objectPageLayoutSection textarea{
    min-width: 75px;
}

.objectPageLayoutSection .html-editor-container .RadEditor {
    overflow: auto;
}

body.Office .field-web-control iframe {
    margin-top: 10px;
}

body.socialsite-object .no-border {
    border: none;
}

body:not(.socialsite-page) .box {
    margin-bottom: 0px;
}


.center, .objectPageLayoutSection{
    margin-left: auto;
    margin-right: auto;
}

.objectPageLayoutSection .field.html table{
    margin-left: auto;
    margin-right: auto;
}

.relatedObjectListItem, .relatedObjectListItemSelected {
    white-space: nowrap;
}

#primaryObjectItemContentSelected {
    overflow: hidden;
    word-wrap: break-word;
}

#primaryObjectItem .image-main, #primaryObjectItem .boxShadowImgLayout {
    max-width: 50px;
    padding-bottom: 10px;
}

#DetailPage_leftside_table {
    clear: both;
    width: 100%;
}

.layout-leftpanel-main #DetailPage_leftside.with-related-info {
    background-color: #363636;
    padding-bottom: 5px;
    width: 270px;
    margin-left: -34px;
}

    .layout-leftpanel-main #DetailPage_leftside.with-related-info #primaryObjectItem .box-tab-caption-active {
        background-color: transparent;
        color: #FFFFFF;
        display: table-cell;
        font-size: 18px;
        font-weight: normal;
        height: 45px;
        vertical-align: middle;
    }

    .layout-leftpanel-main #DetailPage_leftside.with-related-info #primaryObjectItemContentSelected {
        float: left;
        text-align: left;
        margin-left: 20px;
    }

    .layout-leftpanel-main #DetailPage_leftside.with-related-info .menu {
        margin-left: -5px;
    }

.layout-leftpanel-main .side-panel.left-panel .menu .item {
    cursor: pointer;
    /*clear: both;
    float: left;
    width: 270px;*/
    padding: 7px 5px;
    font-family: "open sans";
}

.layout-leftpanel-main #DetailPage_leftside.with-related-info .menu .item {
    color: #ffffff;
}

.layout-leftpanel-main .side-panel.left-panel .menu .item:hover {
    background-color: #3678AF;
}

.side-panel.left-panel .menu .item .tab-name {
    float: left;
    }


/*--------------------------------------
               primary object
--------------------------------------*/
#primaryObjectItem {
    width: 200px;
    max-width: 200px;
}

#relatedtab-page-item {
    margin-right: -5px;
}

/*--------------------------------------
               banner
--------------------------------------*/

H1.banner {
    border-style: solid;
    border-width: 1px;
    text-transform: capitalize;
    font-family: "Arial Narrow", Helvetica, sans-serif;
    padding-bottom: 0.1em;
    margin-top: 1em;
}

/*--------------------------------------
               objects
--------------------------------------*/

#objectColumn {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

#objectItem {
    margin-left: 5%;
    margin-bottom: 0.5em;
}

#objectImage {
    width: 30px;
    height: 30px;
    display: inline-block;
}

#objectLabel {
    vertical-align: 50%;
    margin-left: 0.5em;
}

/*--------------------------------------
               login
--------------------------------------*/

div.login label {
    text-align: right;
    display: inline-block;
    width: 10em;
}

div.login p {
    margin: 0.5em;
}

div.login input {
    width: 15em;
}

div.login #checkBoxRememberMe, div.login #labelRememberMe {
    text-align: left;
    width: auto;
}

div.login .widthAuto {
    width: auto;
}

TABLE#requirements_box {
    width: 100%;
    border-style: dashed;
    border-width: 1px;
}

    TABLE#requirements_box > TBODY {
        padding: 1em 0 1em 5em;
    }

        TABLE#requirements_box > TBODY > TR > TD {
            width: 50%;
            vertical-align: top;
            padding: 0;
        }

            TABLE#requirements_box > TBODY > TR > TD.requirements-header {
                padding: 1em 0 1em 5em;
            }

                TABLE#requirements_box > TBODY > TR > TD.requirements-header H3 {
                    display: inline;
                }

            TABLE#requirements_box > TBODY > TR > TD.requirements-detail {
                padding-left: 10em;
            }

                TABLE#requirements_box > TBODY > TR > TD.requirements-detail P {
                    margin: 0 0 1em;
                }

/*--------------------------------------
Virtual Code Notification
---------------------------------------*/
#virtualCodeNotification {
    margin: -1em -1em 0 -1em; /* margin-top value should be the same as #main-content*/
    padding: 1em 0 1em 0;
    text-align: center;
}

body.socialsite-page #main-content {
    margin: 0px;
}

body.socialsite-page #main-content {
    margin: 1em;
}

.mainMargin {
    margin-left: 34px;
    margin-right: 24px;
}

body.socialsite-page .mainMargin {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px !important;
}



/*--------------------------------------
               tables
--------------------------------------*/

table, caption {
    border-collapse: collapse;
}

th {
    text-align: left;
}

.objectPageLayoutSection caption, .objectPageLayoutSection h3, .section-content caption, .section-content h3 {
    font-weight: bold;
    text-align: left;
    font-size: 100%;
}

body.socialsite-object td.field {
    color: Black;
}

body.socialsite-object td.label, body.socialsite-object td.field {
    height: 38px;
    padding-bottom: 0px;
    padding-top: 0px;
    vertical-align: middle;
}

body.socialsite-object .signup-details td.label {
    vertical-align: top;
    padding-top: 3px;
}

body.socialsite-object .signup-details td.field {
    vertical-align: top;
}

td.label {
    padding-left: 4px;
    text-align: right;
}

td.field {
    padding-left: 1em;
}

TD.field > INPUT, TD.field > SELECT, TD.field > TEXTAREA, TD.field > TABLE,
td.field .date-time-picker {
    /*width: 90%;*/
}

.field input{
    padding-left: 1%;
    box-sizing: border-box;
    max-width: 100%;
}

.field textarea{
    box-sizing: border-box;
}

.field input[type="text"], .field input[type="password"]{
    width: 100%;
}

.field .date-time-picker .date-cell,
.field .date-time-picker .time-cell{
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
}

.field .date-time-picker .date-cell {
    width: 60%;
    padding-right: 1%;
}

.field .date-time-picker .time-cell {
    width: 40%;
}

.field .date-time-picker.time-hidden .date-cell {
    width: 100%;
    padding-right: 0%;
    display: block;
}

.field .date-time-picker.time-hidden .time-cell {
    width: 0%;
}

.field .date-time-picker.time-hidden .timePicker {
    display: none;
}

.field > INPUT.address, TD.field > SELECT.address {
    margin-bottom: 4px;
}

.field > Div A:link, TD.field > Div A:visited, .HypeLink-style, TD.field A:link, TD.field > A:visited {
    font-weight: bold;
}

    

.HypeLink-style {
    font-weight: bold;
}

.required {
    color: Red;
    vertical-align: top;
}

#GridForRecordRelatedList {
    padding-bottom: 5px;
    padding-left: 0px;
    vertical-align: top;
}

.record-list-cell {
    vertical-align: top; 
}

.record-list-header {
    border-left-width: 2px;
    border-left-style:solid;   
}

#GlobalSearchBoxStyle {
    display: block;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 0px;
}

#member-registration-step-caption {
    display: inline-block;
    white-space: nowrap;
}

#member-registration-step-caption, #login-header {
    font-size: 240%;
}

#login-header {
    padding-left: 30px;
}

#member-registration-list > TBODY > TR > TD > DIV, #member-registration-list > TBODY > TR > TD > DIV.selected {
    padding: 15px 4px 15px 4px;
    border: solid 1px #E2E2E2;
    text-align: center;
}

    #member-registration-list > TBODY > TR > TD > DIV.selected {
        background-color: #DBDBDB;
    }

    #member-registration-list > TBODY > TR > TD > DIV:hover {
        background-color: #e2e2e2;
    }

.member-registration-step-selected, .member-registration-step-transition {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    vertical-align: middle;
    border: 0px none;
}

.member-registration-step {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    vertical-align: middle;
    border: 0px none;
}

.member-registration-step-transition {
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
    padding-top: 10px;
}

.member-registration-step {
    border-style: solid;
    border-width: 0;
}

.member-registration-step-selected {
    font-weight: bold;
}

.start-date-container {
    width: 98%;
}

.choice-item {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

    .choice-item.selected {
        cursor: default;
    }

.addins-bookme .choice-item {
    border-style: solid;
    width: 31%;
    margin-left: 1%;
    margin-right: 1%;
    padding-top: 1em;
    padding-bottom: 1em;
    font-weight: bold;
}

.addins-bookme .rsTimelineView .rsAllDayRow {
    height: 500px !important;
}

.class-full {
    color: #DF0101;
    font-size: 4em;
    font-weight: normal;
    text-align: center;
}

#bookMeMemberLookup {
    position: relative;
    table-layout: fixed;
    margin-top: -0px;
    margin-left: -200px;
    padding-left: -200px;
    border: solid 1px;
    text-align: left;
}

#member-registration-selectDateAndTime, #tax-application-table-profit {
    width: 100%;
}
/* tax application style */
#tax-application-table-style-left {
    margin-right: 0.5em;
    width: 300px;
}

#tax-application-table-container caption {
    font-size: 1.5em;
    margin-bottom: 0.5em;
}

#tax-application-table-style-right {
    margin-left: 0.5em;
    width: 400px;
}

#tax-application-table-style-left, #tax-application-table-style-right {
    padding: 2em;
    text-align: left;
    vertical-align: top;
    display: inline-block;
}

#tax-application-table-profit, #PayPanel {
    margin-bottom: 3em;
}


#tax-application-profit-positive {
    padding-top: 15px;
    color: green;
    font-size: 150%;
}

#tax-application-profit-negative {
    padding-top: 15px;
    color: red;
    font-size: 150%;
}

#tax-application-detail-header {
    text-align: left;
    border-style: solid;
    border-width: 1px;
    padding-bottom: 30px;
}

.tax-application-detail-row-name {
    font-weight: bold;
    word-wrap: break-word;
}

.tax-application-detail-row-amount {
    text-align: right;
    font-weight: bold;
    font-size: 1.2em;
}

#tax-application-profit-date-range {
    text-align: left;
    font-weight: bold;
    font-size: 120%;
}

.tax-application-past-due, .tax-application-not-past-due {
    padding-bottom: 1em;
    font-size: 0.8em;
    opacity: 0.5;
}

.tax-application-individualTax {
    width: 100%;
    table-layout: fixed;
    border-bottom-style: solid;
    margin-bottom: 1em;
}

#tax-application-pay-Tax {
    text-align: left;
    border-bottom: solid 1px;
    width: 100%;
}

#tax-application-pay-Tax-header {
    text-align: left;
}

#tax-application-pay-Tax-type {
    text-align: left;
    width: 102px;
    height: 35px;
}

#tax-application-pay-Tax-amount {
    padding-left: 5px;
    text-align: left;
    width: 130px;
}

#tax-application-pay-history {
    padding-top: 54px;
    padding-bottom: 27px;
    text-align: left;
    border-bottom-style: solid;
    border-bottom-width: 0;
    width: 125px;
}

#tax-application-tax-history td {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-left: 0.5em;
    padding-top: 0.25em;
    word-wrap: break-word;
}

.tax-application-pay-control {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 110px;
    font-size: 130%;
}

.tax-application-pay-control-amount {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 140px;
    font-size: 130%;
}

.tax-application-pay-amount {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 132px;
    font-size: 130%;
}

#tax-application-table-container {
    text-align: center;
    vertical-align: top;
}

#tax-application-table-style-right, #lookup-ContentContainer {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#templateId {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 2px;
    font-size: 105%;
    border-style: solid;
    border-width: 1px;
}

.template-edit-name.page-layout-section-content{
     padding-left: 15px; padding-top: 0.5em; padding-bottom: 0.25em;
}

.template-edit-name .objectPageLayout .label{
    width: auto;
    padding-left: 1em;
}

.round_text_box {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: solid 1px inherit /*#E2E2E2*/;
    margin-bottom: 0px;
    margin-right: 0px;
}

#social-widget-container {
    border-top-style: solid;
    border-top-width: 0;
    border-bottom-style: solid;
    border-bottom-width: 0;
    vertical-align: bottom;
    text-align: center;
    line-height: 1em;
    display: inline-block;
}

#DetailPage_leftside #social-widget-container {
    margin-left: 20px;
}

#social-widget-container > div {
    vertical-align: middle;
}

#fb-root {
    display: inline-block;
    margin-left: 5px;
}

#social-widget-container td {
    padding-right: 6px;
    text-align: center;
}

/*social widget*/

#wrapper {
    margin: 0 auto;
    text-align: center;
    display: inline-block;
}

hr {
    margin: 20px 0;
}

/* Custom Icons */
.addthis_toolbox .custom_images a {
    width: 20px;
    height: 16px;
    margin: 0;
    padding: 0;
    display: inline-block;
}

    .addthis_toolbox .custom_images a img {
        opacity: 1.0;
    }

    .addthis_toolbox .custom_images a:hover img {
        opacity: 0.75;
    }

.at300m {
    margin-right: 10px;
}

.login-in-header {
    margin-left: 50px;
    padding-left: 60px;
}

/* Global Action menu */
#globalActionMenu {
    margin: 0;
    padding: 0;
    border: 1px;
}

    #globalActionMenu li {
        float: left;
        list-style: none;
        font: 12px Tahoma, Arial;
    }

        #globalActionMenu li a {
            display: block;
            padding: 5px 0px 0px 35px;
            text-decoration: none;
            white-space: nowrap;
        }

        #globalActionMenu li ul {
            margin: 8px 0 0 0;
            padding: 2px 4px 4px 4px;
            position: absolute;
            visibility: hidden;
            border-style: solid;
            border-width: 1px;
            text-align: left;
            z-index: 999999;
        }

            #globalActionMenu li ul li {
                float: none;
                display: inline;
                text-align: left;
            }

                #globalActionMenu li ul li a {
                    padding: 5px 0px 0px 5px;
                    font-weight: bold;
                }

/*report style*/

.folder .title-row {
    background-image: url(../content/images/DefaultIcons/folder-closed.png);
    background-repeat: no-repeat;
    background-position-y: 50%;
    padding: 0;
    padding-left: 35px;
    cursor: pointer;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-position: 0 5px;
}

.folder .title-row {
    margin-bottom: 0;
}

.folder.expanded .title-row {
    background-image: url(../content/images/DefaultIcons/folder-open.png);
    margin-bottom: 0.5em;
    background-position: 0 5px;
}

.folder ul {
    display: none;
    margin-left: 35px;
    line-height: 1em;
}

.folder.expanded ul {
    display: block;
}

.folder .tab-active {
    margin-right: 0px;
}

.folder .tab, .folder .tab-active {
    margin-bottom: 0.25em;
    margin-top: 0.25em;
}

#ReportContentContainer {
    vertical-align: top;
    padding-top: 8px;
}

    #ReportContentContainer h1 {
        float: left;
    }

#lookup-ContentContainer {
    vertical-align: top;
    padding-top: -5px;
    padding-bottom: 20px;
}

.lookup-dialog {
    overflow-y: visible !important;
    overflow-x: visible !important;
}

#lookup-ContentContainer {
    height: 260px;
    overflow-y: auto;
    overflow-x: hidden;
}

/*#ReportPage { padding-top: 15px }*/
#ReportApplication, #UserSetting {
    margin-right: -2px;
    margin-bottom: 5px;
}

.Report-detail {
    border-top-style: solid;
    border-top-width: 5px;
    margin-right: 0px;
}

#report-grand-total {
    padding-bottom: 10px;
    padding-top: 5px;
}

.report-grand-total-summary {
    font-size: 80%;
}

    .report-grand-total-summary .label {
        display: block;
    }
/*#report-grand-total-summary-lable
{
    font-size: 80%;
    width: 70%;
}
#report-grand-total-summary-value
{
    padding-right: 20px;
    font-size: 85%;
}*/
/*#report-application-title
{
    padding-left: 10px;
    font-size: 130%;
}*/
#reportApplicationChartContainer {
    padding-bottom: 8px;
    display: inline-block;
}

#report-group-arrow {
    padding-top: 10px;
    width: 10px;
}

#report-group-record-number {
    font-size: 105%;
    font-weight: bold;
}

#user-setting-homepage {
    padding: 15px;
}

.grouping-icon {
    background-position: right center;
    background-image: url(../content/images/DefaultIcons/Arrow_Bottom.png);
    background-repeat: no-repeat;
}

    .grouping-icon.collapsed {
        background-image: url(../content/images/DefaultIcons/Arrow-Right.png);
    }

#launch-smart-client-bg {
    background-position: 10px 15px;
    background-repeat: no-repeat;
}

#launch-smart-client-text {
    font-size: 150%;
    padding-left: 80px;
}

#launch-smart-client-launch {
    padding-left: 60px;
    padding-top: 60px;
    padding-bottom: 10px;
}

.switchBox {
    background-image: url('../Content/images/SwitcherBg.jpg');
    background-repeat: repeat-x;
    text-align: center;
    font-size: 16px;
    height: 65px;
    width: 100%;
}

.signin-padding-left {
    padding-left: 25px;
    font-size: 80%;
}

.footer-with-content {
    margin: 20px;
    padding: 20px;
}

.footer-without-content {
    margin: 0px;
    padding: 0px;
}

.toolTip {
    width: 10px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    font: bold italic 12px serif;
    border-left: 1px solid /*black*/;
}

    .toolTip span {
        top: 50%;
        margin-top: -8px;
        position: absolute;
        padding-left: 3px;
    }

.RadScheduler div.rsAptContent {
    padding-right: 10px;
}

.disable_auto_complete {
    autocomplete: off;
}

.bookme-lable-style {
    min-width: 80px;
    text-align: left;
}

.Company-log-td {
    border: 0px;
    width: 100px;
}

.Company-logo {
    max-height: 140px;
    max-width: 300px;
    min-width: 222px;
    overflow: hidden;
    /*Fix height issues
    margin-bottom:5px;
    */
}

    .Company-logo.Display {
        display: block;
        max-height: 140px;
        max-width: 300px;
        overflow: hidden;
    }

.Header-table-style {
    max-height: 140px; /*90px;*/
    min-height: 95px;
}

.login-logout-icon {
    border: 0;
    margin-right: 5px;
    vertical-align: bottom;
}

.header-logo-icon, .header-logo-icon-bottom {
    max-height: 90px;
    max-width: 300px;
    padding-right: 0px;
    text-align: center;
    overflow: hidden;
    table-layout: fixed;
}

.header-logo-icon-bottom {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.header-logo-icon_Orig {
    max-height: 140px;
    max-width: 300px;
    padding-right: 0px;
    text-align: center;
    overflow: hidden;
    table-layout: fixed;
    float: left;
}

.apply-reset, .apply-reset:hover {
    text-decoration: underline;
    padding-right: 10px;
    cursor: hand;
    margin-right: 15px;
    margin-top: 10px;
}

filterContainer {
    vertical-align: top;
    padding-right: 10px;
}

.date-picker-tags {
    position: absolute;
    display: none;
    border-style: solid;
    border-width: 1px;
    z-index: 100;
    margin-top: 0px;
    padding: 3px;
    width: 200px;
    height: 500px;
    overflow-y: scroll;
}

.textarea-readonly-style {
    border-width: 0px;
    border-style: none;
    overflow: auto;
    font: inherit;
    resize: none;
}

.appSuite-bottom-border {
    vertical-align: bottom;
    border-bottom-style: solid;
    border-bottom-width: 3px;
}

#Default-Logo-Icon-background {
    width: 222px;
    height: 88px;
    background-repeat: no-repeat;
}

.setup-container {
    width: 100%;
    margin-top: 50px;
}

.setup-outside-border {
    border-style: solid;
    border-width: 5px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 25px;
}

#skin-summary-grid td.first {
    width: 15em;
    max-width: 15em;
}

/*------- Do not enable, effects videos on all sites---
.objectPageLayoutSection div object
{
    width:320px;
    height:270px;
}
*/
/* -------------------
      TIME PICKER
 -------------------*/

.ui-widget-timepicker {
    /*font-family: Verdana,Arial,sans-serif;*/
    font-size: 1em;
}

.ui-widget-content-timepicker {
    border-style: solid;
    border-width: 1px;
}

.ui-state-hover-timepicker {
    border-style: solid;
    border-width: 1px;
    font-weight: normal;
}

.ui-menu-timepicker {
    display: block;
    margin: 0;
    padding: 2px;
    list-style: none outside none;
    z-index: 99999;
}

    .ui-menu-timepicker .ui-menu-item-timepicker {
        clear: left;
        float: left;
        margin: 0;
        padding: 0;
        width: 100%;
    }

        .ui-menu-timepicker .ui-menu-item-timepicker a {
            display: block;
            padding: 0.2em 0.4em;
            line-height: 1.5;
            text-decoration: none;
        }

            .ui-menu-timepicker .ui-menu-item-timepicker a.ui-state-hover-timepicker {
                font-weight: normal;
                margin: -1px;
            }

.ui-timepicker {
    display: block;
    position: absolute;
    height: 200px;
    text-align: center;
    overflow: auto;
    overflow-x: hidden; /* IE */
    z-index: 100001; /*1000;*/
}

.ui-helper-hidden-timepicker {
    display: none;
}
.ui-corner-all-timepicker {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.adjustableDatePickerContainer {
    display: inline-table;
    text-align: left;
    min-width: 280px;
}

.repeat-select-wrapper{
    display: inline-block;
    width: 70%;
    position: relative;
    padding-left: 62px;
    box-sizing: border-box;
}

@media screen and (max-width: 1049px){
    .repeat-select-wrapper{
        width: 67%;
    }
}

.repeat-select-wrapper label{
    position: absolute;
    left: 10px;
    top: 0px;
}

/* -------------------
      Grid Inline Actions
 -------------------*/

.inlineActionsContainer {
    border-style: solid;
    border-width: 1px;
    padding: 0px 0px;
    margin: 0px;
    position: absolute;
    text-align: left;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
}

.inlineActionItem {
    padding: 6px 10px;
    cursor: pointer;
}

.inlineActionItemDisabled {
    padding: 6px 10px;
    cursor: default;
}

a.inlineActionLinkTextDisabled {
    text-decoration: none;
}

.inlineActionItemHover, a.inlineActionLinkText:hover {
    text-decoration: underline;
}

/* -------------------
      CARD GRID
 -------------------*/

.document_list .card-grid-title {
    height: 40px;
    overflow: hidden;
}

.card-grid-item {
    display: inline-block;
    width: 210px;
    border: solid 1px transparent; /* transparent border to hide cell resizing at loading */
    margin-left: -1px; /* Collapse borders */
    margin-top: -1px;
    padding: 10px;
    position: relative;
    float: left;
    min-height: 100px; /*340px;*/
}

    .card-grid-item a {
        display: block;
        height: 100%;
        position: relative;
        /* word-wrap: break-word; */ /* Threedots jQuery plugin doesn't work well without this - no longer using ThreeDots */
    }

.cardview-container {
    /* compensate for .card-grid-item negative margins */
    padding-top: 1px;
    padding-left: 1px;
    display: inline-block;
}

.card-grid-imgcontainer {
    display: block; /* overrided in ie7lte.css: otherwise img is not clickable */
    text-align: left;
    height: 126px; /* img.height + img.padding : usefull if the image is shrinked due to max-width */
    margin-bottom: 10px;
}

    .card-grid-imgcontainer img {
        border-style: none;
        max-height: 120px;
        max-width: 180px;
    }

.card-grid-field {
    display: block;
    padding-bottom: 0.25em;
}

    .card-grid-field img {
        border: 0px;
        vertical-align: bottom;
        margin-right: 0.5em;
    }

    .card-grid-field input[type="checkbox"] {
        margin: 0px;
    }

.card-grid-title {
    display: block;
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 0.8em;
}

.card-grid-no-record {
    display: block;
    margin: 1em;
}

.label-text {
    overflow: hidden;
}

.card-grid-item .menu-item.first-level {
    display: block;
}

/* -------------------
      FEATURED ITEMS
 -------------------*/

#featuredItems {
    margin-bottom: 1em;
    text-align: center;
}

    #featuredItems > div {
        display: inline-block;
        position: relative;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        vertical-align: top;
        padding: .25em .5em;
        height: 100%;
        border-right-style: solid;
    }

        #featuredItems > div > a {
            display: block;
        }
        /*#featuredItems > div.first-child { padding-left:0 }*/
        #featuredItems > div.last-child {
            padding-right: 0;
            border-right-style: none;
        }

    #featuredItems.cell-1 > div {
        width: 100%;
    }

    #featuredItems.cell-2 > div {
        width: 49%;
    }

    #featuredItems.cell-3 > div {
        width: 33%;
    }

    #featuredItems.cell-4 > div {
        width: 24%;
    }

    #featuredItems.cell-5 > div {
        width: 19%;
    }

    #featuredItems.cell-6 > div {
        width: 15.5%;
    }
        /*#featuredItems.cell-6 > div:first-child, #featuredItems.cell-6 > div:last-child { width: 16.6% } Bug in IE8 :-(*/
        #featuredItems.cell-6 > div.first-child, #featuredItems.cell-6 > div.last-child {
            width: 16.6%;
        }

    #featuredItems > div > div {
        /*background-color: #FFC549;*/
        padding: .5em;
        height: 100%;
    }

    #featuredItems .description {
        display: none;
    }

    #featuredItems.gt450 .description {
        display: block;
    }

    #featuredItems.gt450 .img-container {
        display: table-cell;
    }

    #featuredItems.gt450 .text-container {
        display: table-cell;
        vertical-align: top;
        padding-left: .5em;
    }

    #featuredItems .text-container {
        text-align: left;
        display: inline-block;
        word-break: break-word;
        overflow: hidden;
        height: 70px;
        width: 100%;
    }

    #featuredItems .img-container {
        height: 120px;
    }

    #featuredItems img {
        max-height: 120px;
        max-width: 100%;
        float: left;
    }

    #featuredItems h3 {
        padding-left: 0;
    }

    #featuredItems .price {
        padding-bottom: .5em;
    }

    #featuredItems .actionmenu {
        display: inline-block;
    }

        #featuredItems .actionmenu.bottom {
            position: absolute;
            bottom: 0;
            left: 0;
            height: auto;
            text-align: left;
        }

    #featuredItems .menu-item.first-level {
        display: block;
    }

#GridForRecordList > .box-splitter {
    margin-bottom: 0;
    padding-top: .25em;
    padding-bottom: .25em;
}

    #GridForRecordList > .box-splitter:first-child {
        margin-bottom: 1em;
    }

/*
Misc
*/

.ui-widget-overlay {
    z-index: 2001;
}

.processing-indicator-container {
    position: fixed;
    text-align: center;
    margin: 0 auto;
    padding: 0.3em 0.3em;
    width: 150px;
    background-color: white;
    background-image: url(../Content/Images/ControlIcons/running-green-transparent.gif);
    background-repeat: no-repeat;
    background-position: 10px center;
}

.picklist .radio-option-wrapper{
    margin-right: 1em;
    cursor: pointer;
}

.picklist .radio-option-wrapper input{
    margin-right: 0.25em;
}

.picklist .radio-option-wrapper input,
.picklist .radio-option-wrapper label{
    cursor: pointer;
}

.multiple-picklist {
    width: 100%;
}

    .multiple-picklist option {
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

/* BUG-024385 */
.field-web-control > img {
    max-width: 100%;
    vertical-align: middle !important;
}
/*.t-grid .last-selected td
{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}*/

/* The 2 next rules are here to avoid position problem when the page is resized or the input are initialy placed in a display:none div 
and the input placeholders are not native but simulated by the jQuery plugin */
.address-container {
    position: relative;
    white-space: nowrap;
}

.jq-plugin-placeholder-wrapper {
    position: relative;
}

.address-container-signupform {
    white-space: normal !important;
}

.address-container input, .address-container select {
    margin-bottom: 0.25em;
}

.address-container .addr-country {
    width: 100%;
}

.address-container .addr-province,
.address-container .addr-postal-code {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
}

    .address-container .addr-province select {
        width: 100%;
    }

.address-container .addr-zipcode {
    width: 99%;
}

.address-container .addr-zipcode {
    margin-left: 1%;
}

.address-container .addr-province select {
    margin-right: 1%;
}

.placeholder {
    padding-left: 0.25em;
}

label.placeholder, .use-placeholder-style {
    opacity: 0.65;
    filter: alpha(opacity = 50);
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    opacity: 0.65;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    opacity: 0.65;
}

label.placeholder, input:placeholder {
    opacity: 0.65;
}

/*input.required-field::-webkit-input-placeholder, textarea.required-field::-webkit-input-placeholder { color:red }
label.placeholder.required-field, input:placeholder.required-field { color:red !important}*/

input:invalid, textarea:invalid {
    border-color: #F88 !important;
}

#skinSetupForm input:invalid {
    background-color: #FCC;
    color: #8B0000;
}

input.validation-error, textarea.validation-error {
    border-color: #F88 !important;
}

#skinSetupForm input.validation-error {
    background-color: #FCC;
    color: #8B0000;
}



/*---------------------
    PM Dialog
---------------------*/

.pm-dialog-overlay {
    background: #666666 url(/Content/images/ControlIcons/overlay.png) 50% 50% repeat;
    opacity: .50;
    filter: Alpha(Opacity=50);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    z-index: 2001; /*800;*/
}

    .pm-dialog-overlay.silent {
        background: none !important;
    }

.pm-dialog {
    border-width: 13px !important;
    border-style: solid;
    /*width: 400px;
	height: 200px;*/
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 16px;
    box-shadow: 0px 0px 25px -2px black;
    background-color: White;
    color: Black;
    z-index: 2002; /*2000;*/
}

.pm-dialog.silent {
    border: none !important;
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0);
}

.pm-dialog-close {
    position: absolute;
    width: 0;
    height: 0;
    border-radius: 15px;
    top: -25px;
    right: -25px;
    border-width: 15px;
    border-style: solid;
}

    .pm-dialog-close > div {
        position: relative;
        width: 16px;
        height: 16px;
        border-radius: 8px;
        left: -8px;
        top: -8px;
        cursor: pointer;
    }

        .pm-dialog-close > div:hover {
            color: red;
        }

        .pm-dialog-close > div > span {
            font-weight: bold;
            font-family: arial;
            font-size: 20px;
            position: relative;
            /*left: -1px;*/
            top: -4px;
            display: inline-block;
            width: 100%;
            height: 100%;
            text-align: center;
        }

.pm-dialog-inner {
    margin: -5px;
    border-radius: 9px;
    position: relative;
}

.pm-dialog-overflow {
    overflow-y: auto;
}

/*.pm-dialog-inner > div {
    display: table-row;
}*/

.pm-dialog-content {
    padding: 5px;
}



@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari only override */
    ::i-block-chrome, #bookclassPopup {
        min-width: 780px;
    }
}

.contentTermsAndConditionContainer {
    width: 500px;
}

.divContentTermsAndCondition {
    max-height: 600px;
}

#divContentTermsAndCondition ul, ol {
    padding-left: 2.5em !important;
}

#divContentTermsAndCondition ul {
    margin-top: 14.4px !important;
    margin-bottom: 14.4px !important;
}

.new-window .divContentTermsAndCondition {
    padding: 10px;
    overflow: auto;
}

/*---------------------

---------------------*/

.advanced-input-field {
    border-style: solid;
    min-height: 1em;
}

    .advanced-input-field .spacer {
        padding: 0;
        min-width: .25em;
        display: inline-block;
        white-space: nowrap;
        /*background-color: lightblue;*/
        overflow: hidden;
        min-height: 1em;
    }

        .advanced-input-field .spacer:focus {
            padding: 0 .25em;
            /*margin: 0 .25em;*/
        }

.template-snippet {
    display: none !important;
}



/* --------------------
      PATCH 
 --------------------*/

/* ---- TELERIK ---- */

/* BUG-018265 */
.RadScheduler .rsHeader {
    z-index: 98 !important;
}
/* BUG-024899 */
.RadScheduler .rsArrowContainer {
    z-index: 98 !important;
}

/* BUG-023822 */
.t-grid td td {
    border-style: none;
}

/* BUG-027185 */
.t-grid .t-state-hover.t-no-data {
    cursor: default;
}

/* BUG-025909 */
.rsAdvancedEdit {
    visibility: hidden !important;
}

/* BUG-026839 */
.t-grid .t-icon.t-refresh {
    background-image: url(../content/images/ControlIcons/grid-refresh.png);
    background-position: 0 0;
}

/* BUG-028014 */
.t-grid .gridImageColumn img {
    display: block;
    max-width: 35%;
}

.k-grid .gridImageColumn img {
    max-width: 150px;
    max-height: 100px;
}

.t-grid-pager {
    overflow: hidden !important;
}

.t-reorder-cue {
    top: 0 !important;
}

.RadEditor iframe {
    border-width: 0;
}

.addins-bookme .rsAptContent {
    white-space: nowrap;
}
/* ---- jQueryUI ---- */

/* BUG-023864 & BUG-023865 */
.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 85%;
}

/* BUG-024405 */
#imageSelectorContextMenu a {
    padding-left: 5px !important;
}

/* ---- CKE Html editor ---- */
/* BUG-023868 */
.cke_skin_kama textarea.cke_source {
    color: black;
}

.k-grid tbody [role=gridcell]:hover {
    cursor: pointer;
}

.k-grid td.action_column {
    overflow: visible;
}

.cke_toolbar {
    white-space: nowrap;
}

.facebook_Sharing {
    text-align: center;
    width: 400px;
}

#shopCartRdiv {
    /*width: 67px;*/
    padding-left: 25px;
}

#shopping-cart-icon {
    height: 33px;
    background-image: url(../Content/images/DefaultIcons/Cart.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-left: -29px;
    margin-top: -1px;
}

#shopping-cart-icon-occupied {
    height: 30px;
    background-image: url(../Content/images/DefaultIcons/Cart_Number.png?v2);
    background-repeat: no-repeat;
    cursor: pointer;
    /*position: absolute;
    cursor: pointer; */
}

.shopping-cart-item-count-hidden {
    position: absolute;
    width: 0px;
    overflow: hidden;
}

.checkout-label-hidden {
    display: none;
}

.checkout-label-show {
    margin-top: -22px !important;
    /*position: absolute;*/
    cursor: pointer;
    display: block;
}

.shopping-cart-item-count-normal {
    margin: 4px 0 0 12px;
    position: absolute;
    width: 20px;
    text-align: center;
    font-size: 70%;
    color: #FFFFFF;
    z-index: 1;
}

.shopping-cart-icon-hidden {
    width: 0px;
    padding: 0px 0px;
    visibility: hidden;
}

.shopping-cart-icon-normal {
    width: 33px;
    /* padding: 0 6px 0 0; */
}

/*Tool Tip*/
div.tool-tip-message {
    background-color: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #CACACA;
    margin-left: -72px;
    padding: 5px;
    position: absolute;
    z-index: 800;
    display: none;
}

    div.tool-tip-message span.tip {
        background-image: url(../Content/images/DefaultIcons/tip.png);
        background-repeat: no-repeat;
        display: inline-block;
        height: 8px;
        left: 80px;
        position: absolute;
        top: -8px;
        width: 26px;
    }

    div.tool-tip-message p {
        color: #808080;
        font-family: "open sans",verdana;
        font-size: 13px;
        font-weight: 500;
        margin: 0;
        padding: 0;
    }

/*#filterEditorPopup select { color: #333 }*/
.reToolbar.Default .FormEditor {
    background-image: url(../content/images/DefaultIcons/formeditor.png) !important;
}

#grdDocuments td {
    line-height: 22px;
}

.restorePageHistoryItem {
    display: inline-block;
    white-space: nowrap;
    font-size: 80%;
    padding: 4px;
}

.cancelList {
    padding: 0px 0px 10px;
}

.boxShadowImgLayout {
    margin-top: 8px;
    padding: 4px;
    border-collapse: separate;
    max-width: 100%;
}

.imageurl .boxShadowImgLayout{
    height: 150px;
}

/*--------------------------------------
         Global Search style 
--------------------------------------*/
.hideShowGlobalSearchTable {
    display: none;
    padding-right: 5px;
    position: absolute;
    right: 8px;
    z-index: 1; /*!important;*/
}

body.Office .hideShowGlobalSearchTable {
    z-index: 100; /*!important;*/
}



body.newKendoMenu .hideShowGlobalSearchTable {
    position: fixed;
    z-index: 1; /*!important;*/
}

body.Office #ShowGlobalSearchTable {
    z-index: 1001;
}

#global-search-popup-container{
    width: auto;
}

#globalSearch {
    background-color: #F0F0F0;
    background-position: left top;
    background-repeat: repeat-x;
    border: 1px solid #B9B9B9;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    width: 300px;
}

    #globalSearch .searchInput {
        background-image: url("images/globalsearch-inside-search.png");
        background-position: 184px center;
        background-repeat: no-repeat;
        background-color: #fff;
        border-radius: 0px;
        -moz-border-radius: 0px;
        border: 1px solid #B9B9B9;
        font-size: 11px;
        height: 22px;
        line-height: 22px;
        margin: 15px 15px 10px 12px;
        padding-left: 8px;
        padding-right: 20px;
        width: 243px;
        color: #333 !important;
        margin-left: 12px;
        padding-left: 30px;
        padding-right: 1px;
    }

    #globalSearch #results {
        margin-top: 8px;
    }

        #globalSearch #results .head {
            background-color: #DEDEDE;
            color: #999898;
            font-size: 14px;
            font-style: italic;
            font-weight: bold;
            margin-bottom: 0;
            margin-top: 0;
            padding: 5px 15px;
        }

        #globalSearch #results .section-content {
            color: #3B3B3B;
            margin-bottom: 5px;
            padding: 7px 15px 5px;
            display: block;
        }

            #globalSearch #results .section-content ul {
                list-style: none outside none;
                margin: 0;
                padding: 7px 15px 5px;
            }

                #globalSearch #results .section-content ul li {
                    margin-bottom: 8px;
                }

            #globalSearch #results .section-content table {
                margin-bottom: 8px;
            }

            #globalSearch #results .section-content td.left {
                font-size: 13px;
                font-weight: bold;
                padding-right: 6px;
            }

            #globalSearch #results .section-content td.middle {
                font-size: 10px;
                font-weight: normal;
                padding-top: 2px;
                padding-right: 6px;
            }

            #globalSearch #results .section-content td.right {
                font-size: 10px;
                font-weight: normal;
                padding-top: 2px;
            }


    #globalSearch #global-search-popup-content {
        padding: 0px !important;
    }

    #globalSearch #previewCOntent {
        padding: 0px !important;
    }
   
#all-results {
    background-color: #E7E7E7;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #999898;
    font-size: 14px;
    font-weight: bold;
    padding: 7px 15px;
    text-align: center;
}

    #all-results a {
        color: #74A4D1;
        text-decoration: none;
    }

        #all-results a:hover {
            color: #74A4D1;
            text-decoration: none;
        }

body.socialsite-page .hideShowGlobalSearchTable a ,body.socialsite-object .hideShowGlobalSearchTable a {
    color: #000000;
}
#globalSearch.search-closed #results {
    display: none;
}

#globalSearch.search-open #results {
    display: block;
}

.clearme {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
}

.setFontsPopup {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 85%;
}

.setFontsRewardsPopup {
    font-size: 1.2em;
    margin-top: 10px;
    font-family: Arial,Helvetica,sans-serif;
}

.saveDocPopup {
    padding-left: 170px !important;
}

#divDocumentFolderPropertiesPopupContainer .documents {
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
}

.emailSpanNewFolder {
    width: 78px !important;
}

/*--------------------------------------
         Header Layout style 
--------------------------------------*/
#appsuite-nav .arrow.bottom {
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -5px;
    display: none;
}

#appsuite-nav .tab-active + .arrow.bottom, #appsuite-nav .tab:hover + .arrow.bottom {
    display: none;
}

#appsuite-nav li {
    position: relative;
}

#appsuite-nav .arrow.right, li > .arrow {
    border-left-color: #8c8c8c;
}

#appsuite-nav .arrow.bottom, li.expanded > .arrow {
    border-top-color: #8c8c8c;
}

#appsuite-nav .arrow.left {
    border-right-color: #8c8c8c;
}

#appsuite-nav .arrow.top {
    border-bottom-color: #8c8c8c;
}


/*--------------------------------------
         Page Layout style 
--------------------------------------*/

.subsection-header .box-splitter {
    background-color: #F8F8F8 !important;
    border: 1px solid #d8d8d8;
    color: Black;
    height: 42px;
    line-height: 38px;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.subsection-header-text {
    cursor: pointer;
    display: block;
    float: left;
    font-family: "open sans";
    font-size: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px;
}

.page-layout-sections {
    float: left;
    margin-bottom: 0px;
    padding-bottom: 10px;
    width: 100%;
    clear: both;
}

body.Office .page-layout-sections, body.Office #objectPageLayout .view-area {
    max-width: 1200px;
}

    body.Office .page-layout-sections #membershipPlugin {
        margin-top: 5px !important;
    }


#editForm .page-layout-sections {
    max-width: 100%;
}

div.page-layout-section .page-layout-section-header {
    clear: both;
    float: left;
    width: 100%;
    font-size: 1em;
    padding: 5px 0;
    margin-top: 5px;
    background-color: #F8F8F8;
    border: 1px solid;
    border-color: #D8D8D8;
}

body.socialsite-page div.page-layout-section .page-layout-section-header {
    background-color: transparent;
    border: none;
}

.page-layout-section-content {
    background-color: #F8F8F8;
    border: 1px solid;
    border-color: #D8D8D8;
    border-top: none;
    padding-bottom: 20px;
    padding-left: 1%;
    padding-right: 1%;
    width: 98%;
}

.page-layout-section-content.no-section-header{
    border-top: 1px solid #D8D8D8;
}

body.socialsite-page div.page-layout-section-content {
    padding-left: 0%;
    padding-right: 0%;
    width: 100%;
}

body.Office div.page-layout-section-content {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

body.socialsite-page div.page-layout-section-content {
    background-color: transparent;
    border: none;
}

div.page-layout-section.expanded .page-layout-section-header {
    border-bottom: none;
}

.page-layout-section.expanded.box{
    margin-bottom: 1em;
}

.record-saved-message{
    color: Green; 
    margin-bottom: 1em;
}

body.Office #memberSignupView.section-content .subsection-content > p {
    padding: 4px 0;
}

.page-layout-section .page-layout-section-content {
    display: none;
    clear: both;
}

.page-layout-section.expanded .page-layout-section-content {
    display: block;
}


.subsection-header .expand-link {
    overflow: hidden;
    padding-left: 20px;
    text-overflow: ellipsis;
    width: 140px;
}

.page-layout-section .expand-link {
    margin-left: 10px;
    width: 330px !important;
}

.view-area .expand-link {
    height: 38px;
}

.view-area .subsection-content {
    display: none;
}

.view-area.expanded .subsection-content {
    display: block;
}

.view-area .drop-down {
    background-color: #363636;
    border: 1px solid #CCCCCC;
    bottom: 0;
    color: #FFFFFF;
    left: 0;
    margin-bottom: 23px;
    position: absolute;
    z-index: 100;
    min-width: 155px;
}

.subsection-header .view-area .drop-down {
    background-color: #363636;
    border: 1px solid #CCCCCC;
    color: #FFFFFF;
    left: 0;
    position: absolute;
    z-index: 100;
}


.view-area .drop-down .row {
    display: table-row-group;
    cursor: pointer;
}

    .view-area .drop-down .row .cell {
        display: table-cell;
        overflow: hidden;
        padding: 2px;
        text-overflow: ellipsis;
        padding: 0 2px;
        white-space: nowrap;
        line-height: 30px;
        font-family: "open sans";
        font-size: 13px;
        vertical-align: middle;
    }

    .view-area .drop-down .row:hover {
        background-color: #22669B;
        color: White;
    }

    .view-area .drop-down .row.selected {
        background-color: #22669B;
        color: White;
    }

.view-area .drop-down .delete-view-link {
    border-style: none;
    float: left;
    height: 30px;
    width: 10px;
}

.view-area .drop-down .delete-view-link.visible {
    background-image: url('/Content/Images/ControlIcons/clear_search.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 10px 10px;
}

.view-area .drop-down .edit-view-link {
    visibility: hidden;
    font-size: 10px !important;
    padding-left: 4px !important;
    padding-right: 5px !important;
    float: left;
}

    .view-area .drop-down .edit-view-link.visible {
        visibility: visible;
    }

.view-area .view-menu {
    float: right;
}

.view-area .view-name.selected {
    background-color: #FFFFFF;
    background-image: url("Images/DefaultIcons/select-list-arrow.png");
    background-position: 117px center;
    background-repeat: no-repeat;
    border: 1px solid #D2D2D2;
    color: #000000;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    margin-top: 7px;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 10px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 115px;
}

.view-area .view-title {
    float: right;
    font-family: "open sans",Arial;
    font-size: 24px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: right;
    width: 42px;
}

.view-area .drop-down .view-name.cell {
    max-width: 110px;
    min-width: 110px;
}

.view-area .drop-down .new-view-link {
    border-bottom: 1px solid #C0C0C0;
    cursor: pointer;
    padding-left: 25px;
    padding-right: 10px;
    height: 30px;
    line-height: 30px;
}

/*--------------------------------------
         Page Layout Controls Style 
--------------------------------------*/
/*body.Office .field-web-control{
    width: 90%;
}*/

.control-wrapper{
    position: relative;
}

.control-input{
    position: relative;
}

.control-icon{
    position: absolute;
    top: 2px;
    right: 2px;
}

.two-col-lookup .input-dynamic-lookup, .two-col-lookup .input-search-box{
    display: inline-block;
    vertical-align: middle;
}

.two-col-lookup .input-dynamic-lookup {
    width: 30%;
}

.two-col-lookup .input-search-box {
    width: 69%;
    margin-left: 1%;
}

.Picklist-wrapper.PriceScheme-wrapper select, .Picklist-wrapper.PriceScheme-wrapper .currency{
    display: inline-block;
}

.Picklist-wrapper.PriceScheme-wrapper .currency{
    width: auto !important;
    height: auto;
    margin-left: 5px;
}

/*-------| Agreement |-------*/

div.spacer {
    height: 30px;
    display: block;
}

.agreement-wrapper {
    width: 620px;
    padding: 30px;
    padding-bottom: 20px;
    background-color: white;
    /*margin-top:160px;*/
    margin-left: auto;
    margin-right: auto;
}

    .agreement-wrapper h3 {
        padding: 0px;
        margin-top: 0px;
        margin-bottom: 15px;
        font-family: 'Myriad Pro';
        font-weight: normal;
        font-size: 18px;
        color: #0C7895;
    }

    .agreement-wrapper p {
        padding: 0px;
        margin-top: 0px;
        margin-bottom: 20px;
        font-family: 'open sans';
        font-weight: normal;
        font-size: 13px;
        color: #3C3C3C;
    }

span.bold {
    font-weight: 600;
}

.agreement-wrapper a.link-style {
    font-family: 'open sans';
    color: #4B8CF4;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
}

    .agreement-wrapper a.link-style:hover {
        text-decoration: none;
    }

a.learn-more {
    display: block;
    margin-top: -10px !important;
}

div.spacer {
    height: 30px;
    display: block;
}

span.dark {
    color: #161616;
    font-weight: 600;
}

.large {
    font-size: 15px !important;
    margin-bottom: 10px !important;
}

.agreement-wrapper .agree {
    float: left;
    margin-right: 5px;
}

.agreement-wrapper .float-right {
    float: right !important;
}

/*-------| Wizard |-------*/

.wizard-wrapper {
    width: 620px;
    padding: 30px;
    padding-bottom: 20px;
    background-color: white;
    /*margin-top:160px;*/
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

    .wizard-wrapper .left-cell {
        width: 55%;
        height: 250px;
        display: inline-block;
        float: left;
    }

    .wizard-wrapper .right-cell {
        width: 45%;
        height: 250px;
        display: inline-block;
    }


    .wizard-wrapper input.default {
        border: 1px solid #CECECE !important;
        border-radius: 5px 5px 5px 5px;
        color: #000000 !important;
        font-size: 12px;
        height: 29px;
        margin-bottom: 0px;
        padding: 0px 5px;
        width: 250px;
        background-color: white;
    }

        .wizard-wrapper input.default:hover {
            border: 1px solid #AAAAAA;
        }

        .wizard-wrapper input.default:focus {
            border: 1px solid #AAAAAA;
            box-shadow: 2px 1px 2px 0 #DDDDDD inset;
            outline: medium none;
        }

    .wizard-wrapper .icon-input {
        background-image: url("../content/images/broadcast/cal-icon.png");
        background-position: 98% center;
        background-repeat: no-repeat;
    }

.notIE label:after {
    background: url("../content/images/broadcast/drop-down-arrow-grey.png");
    background-repeat: no-repeat;
    background-color: white;
    background-position: 40% center;
    content: "";
    display: inline-block;
    height: 27px;
    pointer-events: none;
    position: absolute;
    right: 5px;
    top: 1px;
    width: 23px;
    border-radius: 4px 4px 4px 4px !important;
}

@-moz-document url-prefix() {
    .notIE label:after {
        right: 4px;
    }

    .shopping-cart-item-count-normal {
        margin: 3px 0 0 12px;
        position: absolute;
        width: 20px;
        text-align: center;
        font-size: 70%;
        color: #FFFFFF;
        z-index: 1;
    }
}

.wizard-wrapper label {
    display: inline-block;
    position: relative;
}

.wizard-wrapper select {
    font-family: 'open sans';
    background-color: #FFFFFF;
    /*
    border: 1px solid #CECECE;
    */
    border: 1px solid blue;
    border-radius: 4px 4px 4px 4px;
    line-height: 23px;
    color: #000;
    display: inline-block;
    margin-bottom: 8px;
    outline: medium none;
    padding: 4px 3px 5px 5px;
    width: 260px;
    font-weight: 600;
}

    .wizard-wrapper select:hover {
        border: 1px solid #AAAAAA;
    }


.wizard-wrapper .voice {
    font-family: 'open sans';
    font-size: 16px;
    color: #4A8BF6;
    padding: 5px 0px 5px 30px;
    background-image: url(../content/images/broadcast/phone-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
}

.wizard-wrapper .voice-disabled {
    font-family: 'open sans';
    font-size: 16px;
    color: #B2B2B2;
    padding: 5px 0px 5px 30px;
    background-image: url(../content/images/broadcast/phone-icon-grey.png);
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
}

.wizard-wrapper .sms {
    font-family: 'open sans';
    font-size: 16px;
    margin-left: 25px;
    color: #4A8BF6;
    padding: 5px 0px 5px 30px;
    background-image: url(../content/images/broadcast/sms-icon-blue.png);
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
}

.wizard-wrapper .sms-disabled {
    font-family: 'open sans';
    font-size: 16px;
    margin-left: 25px;
    color: #B2B2B2;
    padding: 5px 0px 5px 30px;
    background-image: url(../content/images/broadcast/sms-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
}

.wizard-wrapper span.reload-icon {
    background-image: url(../content/images/broadcast/refresh-icon.png);
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    width: 14px;
    height: 19px;
    margin-top: 43px;
    margin-left: 8px;
}

.wizard-wrapper span.play-icon {
    background-image: url(../content/images/broadcast/PlayBTN_S.png);
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    margin-top: 43px;
    margin-left: 8px;
}

.wizard-wrapper .sound-file-container {
    height: 59px;
    width: 248px;
    padding: 8px 5px 8px 5px;
    border: 1px dashed #000;
    display: inline-block;
    position: relative;
}

.wizard-wrapper .file-name {
    font-family: 'open sans';
    font-size: 12px;
    color: #4f4f4f;
    margin-left: 4px;
    display: inline-block;
    vertical-align: middle;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.import-file-name{
    margin-right: 0.5em;
}

.wizard-wrapper span.file-progress-icon {
    background-image: url(../content/images/Site/ProgressAnimation.gif);
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    width: 14px;
    height: 15px;
    margin-top: 20px;
    margin-left: 128px;
    position: absolute;
}

#btnUpload.action.file-upload-btn {
    position: absolute;
    right: 0;
    top: 27px;
}

.wizard-wrapper .file-upload-btn {
    float: right;
    margin-top: 12px;
}

.wizard-wrapper .right-cell h4 {
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: 'open sans';
    font-weight: 600;
    font-size: 13px;
    font-style: normal;
    color: #000;
}

.wizard-wrapper .right-cell p {
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-family: 'open sans';
    font-weight: 300;
    font-size: 12px;
    color: #000;
}

    .wizard-wrapper .right-cell p strong {
        font-weight: 600;
    }

    .wizard-wrapper .right-cell p.terms {
        font-size: 13px;
        font-weight: 600;
    }

        .wizard-wrapper .right-cell p.terms a {
            font-size: 13px;
            color: #5584FF;
            text-decoration: underline;
        }

            .wizard-wrapper .right-cell p.terms a:hover {
                text-decoration: none;
            }

.wizard-wrapper #objectPageLayoutSection label {
    display: none;
}

.wizard-wrapper #label_00000000-0000-0000-0000-000000000000 {
    display: none;
}



.wizard-wrapper .field {
    width: 220px;
}

.wizard-wrapper td.label {
    padding-left: 0px;
}

:not(#imgbtn-00000000-0000-0000-0000-000000000000.bookme-attendee-wrapper) #imgbtn-00000000-0000-0000-0000-000000000000 {
    position: relative;
    right: 32px;
    top: -5px;
}

.wizard-wrapper span.reload-icon {
    margin-left: 0px;
    margin-top: 0px;
    position: absolute;
}

.wizard-wrapper span.play-icon {
    margin-left: 269px;
    margin-top: 0px;
    position: absolute;
}

.wizard-wrapper td.label {
    width: 0px !important;
    display: none !important;
}

.wizard-wrapper td.field {
    padding-left: 0px !important;
}

td.field.textbox.readmode {
    max-width: 0;
    overflow: hidden;
}

.wizard-wrapper .uploadTitle {
    font-family: 'open sans';
    font-size: 12px;
}

:not(#imgbtn-00000000-0000-0000-0000-000000000000.bookme-attendee-wrapper) #imgbtn-00000000-0000-0000-0000-000000000000 {
    position: relative;
    right: 52px;
}

.printandexport {
    margin-left: 10px;
    float: right;
    display: none;
}

#inprogressIcon {
    position: relative;
    top: -30px;
    text-align: center;
    display: none;
}

.wizard-wrapper span.send-progress-icon {
    background-image: url("../content/images/Site/ProgressAnimation.gif");
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    width: 14px;
    margin-top: 12px;
    position: absolute;
    right: 16px;
}

.wizard-wrapper #btnSelect {
    right: 0px;
    bottom: 5px;
    position: absolute;
}

/*------| Error message css ~ Tyson|------*/

.error-message {
    background-color: #f00000;
    border-radius: 10px;
    color: white;
    font-family: 'open sans';
    padding: 6px 8px 6px 8px;
    position: relative;
    width: 272px;
}

    .error-message p {
        font-size: 12px;
        margin-bottom: 10px;
        margin-top: 0px;
        padding: 0px;
    }

        .error-message p:last-child {
            margin-bottom: 0px;
        }

    .error-message strong {
        font-size: 12px;
        font-weight: 600;
        text-decoration: underline;
        text-transform: capitalize;
    }

    .error-message span.error-icon {
        background-image: url(../content/images/error-message-warning-icon.png);
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        height: 23px;
        left: -40px;
        position: absolute;
        width: 26px;
    }

/*------| End of error message css|------*/

/*----- |Invoice prosses pop up| ------ */
#invoiceProcessNowPopup .error-message {
    margin-left: 114px;
}


/*---------disabled background scrolling for kendo ui window------*/

.overflowHidden {
    overflow: hidden;
}

/*----------end-----------------*/

/*--------------------------------------
           UI Elements 2013
--------------------------------------*/

/*-------|Tags|------*/

.notification-tag {
    display: block;
    width: 60px;
    height: 30px;
    background-color: #8A8A8A;
    font-family: 'open sans', arial;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    border-radius: 4px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
}

    .notification-tag.red {
        background-color: #D94A3C !important;
    }

    .notification-tag.green {
        background-color: #8DCA35 !important;
    }

    .notification-tag.small {
        width: 60px;
        height: 19px;
        font-size: 11px;
        font-weight: 400;
        border-radius: 4px;
        line-height: 20px;
    }

    .notification-tag.left {
        float: left;
        clear: both;
    }

    .notification-tag.right {
        float: right;
        clear: both;
    }


/*-------|End Tags|------*/

div.page-layout-section-content textarea {
    background-color: #FFFFFF;
    border: 1px solid #CECECE;
    border-radius: 2px;
    color: #000000;
    font-size: 13px;
    padding-left: 1%;
}

.lookupTexbox{
    height: 28px;
}

div.page-layout-section-content .imageFilePicker {
    padding-left: 0px;
}

TD.field > INPUT, TD.field > SELECT, TD.field > TEXTAREA, TD.field > TABLE, td.field .date-time-picker {
    /*width: 88%;*/
}

div.page-layout-section-content .date-timepicker {
}

    div.page-layout-section-content .date-timepicker .date-cell, div.page-layout-section-content .date-timepicker .time-cell {
    }

.field input, .field select{
    border: 1px solid #CECECE;
    border-radius: 2px;
    color: #000000;
    font-size: 13px;
    height: 30px;
    line-height: 24px;
    background-color: White;
    padding-top: 0px;
    padding-bottom: 0px;
    vertical-align: middle;
}

.field select{
    width: 100%;
    box-sizing: border-box;
    height: 32px;
    line-height: 26px;
    padding: 7px 5px 5px;
    background-color: White;
}

.field input {
    padding-left: 5px;
    height: 32px;
}

.Office .k-multiselect .k-input {
    border: none;
}

/*td.field.date .pmdatepicker {
    width: 88.5%;
}*/

/*td.field.datetime .date-time-picker {
    width: 98.4%;
}*/

div.page-layout-section-content input:hover {
    border-color: #AAAAAA;
}

div.page-layout-section-content input:focus {
    border-color: #4D90FE;
    outline: medium none;
}

div.page-layout-section-content .field.multipleselectpicklist select,
.Office .objectPageLayoutSection .field.multipleselectpicklist select {
    height: auto;
}

/*--------------------------------------
          End UI Elements 2013
--------------------------------------*/

/*--------------TASKS-----------------*/

.box input.warning {
    background-color: #fbb;
}

.error {
    background-color: #FFE9E9 !important;
    border: 1px solid #B61515 !important;
}

#task-icon {
    height: 30px;
    background-image: url(../Content/images/DefaultIcons/Task_Empty.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-left: -34px;
    position: relative;
    margin-top: -7px;
}

#task-icon-occupied {
    height: 30px;
    background-image: url(../Content/images/DefaultIcons/Task_Number.png?v2.0);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-left: -34px;
    margin-top: -7px;
}

#task-count {
    margin-left: 14px;
    font-size: smaller;
    position: absolute;
    top: -6px;
    width: 12px;
    color: White;
    text-align: center;
}

#tasks {
    text-decoration: none;
    position: relative;
    float: right;
    display: block;
    color: #CCCCCC;
    margin-top: 8px;
    width: 15px;
    float: right;
    padding-right: 20px;
    padding-left: 50px;
}

.task-icon-label {
    display: block;
    position: absolute;
    top: -1px;
    cursor: pointer;
}

#tasks-app {
    top: 25px;
    width: 400px;
    background-color: white;
    border: 1px solid #B8B8B8;
    border-radius: 4px;
    position: absolute;
    box-shadow: 2px 2px 2px #D0D0D0;
    font-family: "open sans";
    z-index: 2001;
    right: 227px;
    left: -240px;
}

    #tasks-app #pointer {
        position: absolute;
        top: -8px;
        margin-left: 260px;
        width: 43px;
        height: 21px;
        display: block;
        background-image: url(../Content/images/DefaultIcons/tip.png);
        background-repeat: no-repeat;
    }

#my-tasks h3.title {
    font-weight: 600;
    color: #0E79B5;
    margin: 8px 10px 0px 10px;
    border-bottom: 1px solid #EAEAEA;
    font-size: 15px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-top: 0;
}


.task-list-wrapper{
    height: 181px;
}

#my-tasks ul.task-list {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    white-space: normal !important;
}

    #my-tasks ul.task-list li.task-item {
        height: 35px;
        line-height: 33px;
        border-bottom: 1px solid #EAEAEA;
        display: block;
        margin: 0px 15px 0px 15px;
    }


        #my-tasks ul.task-list li.task-item:last-child {
            border-bottom: none;
        }


        #my-tasks ul.task-list li.task-item span {
            display: inline-block;
            vertical-align: middle;
        }

        #my-tasks ul.task-list li.task-item .completeCheckbox {
            margin-right: 10px;
            height: 31px;
            vertical-align: middle;
        }

            #my-tasks ul.task-list li.task-item .completeCheckbox input {
                margin: 0px;
                display: block;
                margin-top: 5px;
                position: relative;
            }

        #my-tasks ul.task-list li.task-item span.name {
            color: #000000;
            font-size: 13px;
            overflow: hidden;
            max-width: 255px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            #my-tasks ul.task-list li.task-item span.name a {
                color: #000000;
                text-decoration: none;
                font-weight: normal;
            }

                #my-tasks ul.task-list li.task-item span.name a:hover {
                    color: #5A9CC6;
                    text-decoration: underline;
                }

        #my-tasks ul.task-list li.task-item span.date {
            float: right;
            color: #8C8C8A;
            font-size: 12px;
            font-weight: normal;
        }

        #my-tasks ul.task-list li.task-item span.repeat {
            display: inline-block;
            float: right;
            margin-right: 7px;
            max-width: 30px;
            text-overflow: ellipsis;
        }

#my-tasks .action-line {
    background-color: #F9F9F9;
    display: block;
    border-top: 1px solid #B8B8B8;
    height: 28px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0;
}

#my-tasks .action-line #new-task {
    color: #0174B3;
    float: left;
    margin-left: 10px;
    font-size: 13px;
    font-weight: 600;
}

    #my-tasks .action-line #new-task:hover {
        color: #3FA5FF;
        cursor: pointer;
    }

#my-tasks .action-line #view-all:hover {
    color: #3FA5FF;
}

#my-tasks .action-line #view-all {
    color: #0174B3;
    float: right;
    font-size: 13px;
    cursor: pointer;
    font-weight: 600;
}

.over-flow {
    max-width: 200px;
}


/*------RadEditor-------*/
.reModule {
    display: none !important;
}

.reDropDownBody td {
    padding: 5px; /*for custom dropdown merge actions*/
}

span.insertMergeFields {
    background-image: url("/Content/Images/ControlIcons/InsertMergeField.png") !important;
    width: 95px !important;
    margin: 0 !important;
    background-color: #fff;
    background-position: center 6px;
    height: 24px !important;
    margin: 0 !important;
}

    span.insertMergeFields:hover {
        background-image: url("/Content/Images/ControlIcons/InsertMergeField-hover.png") !important;
        width: 95px !important;
        margin: 0 !important;
        background-color: #fff;
        background-position: center 6px;
        height: 24px !important;
        margin: 0 !important;
    }

/*--------endRadEditor-------*/


/*------|Page view|------*/
.page-layout-section-content .filter-label, .page-layout-section-content label {
    color: #3678AF;
}

/*-----------------------------------------
              Media queries
------------------------------------------*/


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Styles */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    /* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    /* Styles */
}

.province-select{
    width: 203px;
}

.addr-street-code{
    width: 95px;
}

.social-site-link{
    display: block;
   max-width: 320px;
}

#formEditWorkingHours {
    margin: 28px;
}

div.subsection-content .k-alt, .k-separator {
    /* 
    background-color: #fff;
   */
}

div.subsection-content #classesForContact {
    border: none;
}

/*---*/
#pageLoaderWrap {
    /*  background-color: #FFFFFF;*/
    background-position: center 200px;
    background-repeat: no-repeat;
    background-size: 48px auto;
    height: 100%;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 200;
    left: 0;
    top: 0;
}

    #pageLoaderWrap .loading-image {
        background-image: url("/Content/Images/Site/ProgressAnimation.gif");
        background-repeat: no-repeat;
        background-size: 48px auto;
        width: 48px;
        height: 48px;
        display: block;
        position: fixed;
        top: 50%;
        left: 50%;
        background-repeat: no-repeat;
    }



/*----------------------------------------------
				Item rating
----------------------------------------------*/

div.rating-container {
    background-color: #F7F7F7;
    display: block;
    border: 1px solid #E4E4E4;
    padding: 15px;
    width: 805px;
    margin-left: auto;
    margin-right: auto;
    font-family: "open sans", arial;
    border-radius: 4px;
}

    div.rating-container .review-counter {
        color: #676767;
        font-family: Verdana;
        font-size: 10px;
        font-weight: bold;
        margin-bottom: 10px;
        display: inline-block;
    }

    div.rating-container .input-wrapper {
        width: 100%;
        height: 36px;
        display: inline-block;
        position: relative;
        margin-bottom: 10px;
    }

        div.rating-container .input-wrapper input {
            width: 100%;
            display: inline-block;
            height: 32px;
            border: 1px solid #D2D2D2;
            border-radius: 3px;
            padding-left: 1%;
            padding-right: 20%;
        }

        div.rating-container .input-wrapper span.submit-post {
            background-color: #7B7B7B;
            border-radius: 2px;
            color: #FFFFFF;
            display: inline-block;
            font-family: arial;
            font-size: 15px;
            padding-bottom: 4px;
            padding-top: 3px;
            position: absolute;
            right: 3px;
            text-align: center;
            top: 3px;
            width: 60px;
            cursor: pointer;
        }

            div.rating-container .input-wrapper span.submit-post:hover {
                background-color: #5B5B5B;
            }


        div.rating-container .input-wrapper div.user-rating {
            position: absolute;
            right: 70px;
            top: 8px;
        }

    div.rating-container div.post-wrapper {
    }

        div.rating-container div.post-wrapper .post {
            display: inline-block;
            height: 40px;
            width: 100%;
            padding-top: 5px;
            padding-bottom: 5px;
        }

            div.rating-container div.post-wrapper .post .image {
                width: 40px;
                height: 40px;
                display: inline-block;
                float: left;
                margin-right: 5px;
                text-align: center;
            }

                div.rating-container div.post-wrapper .post .image .re-size-image {
                    background-position: center center;
                    background-repeat: no-repeat;
                    background-size: 31px auto;
                    border-radius: 12px;
                    display: block;
                    height: 35px;
                    margin-top: 1px;
                    text-align: center;
                    width: 35px;
                }

            div.rating-container div.post-wrapper .post h4.user-name {
                color: #618BAF;
                font-size: 12px;
                font-weight: 700;
                font-family: "open sans";
                margin: 0px;
                padding: 0px;
            }

            div.rating-container div.post-wrapper .post span.message {
                color: #6D6D6D;
                float: left;
                font-family: "open sans";
                font-size: 12px;
                margin-top: 5px;
                max-width: 660px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            div.rating-container div.post-wrapper .post span.rating {
            }

                div.rating-container div.post-wrapper .post span.rating span {
                    margin-left: 5px;
                    margin-top: 5px;
                }

            div.rating-container div.post-wrapper .post span.remove-post {
                float: right;
                width: 14px;
                height: 13px;
                display: inline-block;
                background-image: url(/content/images/remove-icon.png);
                background-repeat: no-repeat;
                cursor: pointer;
            }

    div.rating-container .view-all-review {
        color: #486EA5;
        font-family: Verdana;
        font-size: 10px;
        font-weight: bold;
        margin-bottom: 10px;
        display: inline-block;
        margin-top: 10px;
        display: none; /* Re-inable if reviews exceed limit*/
    }

        div.rating-container .view-all-review:hover {
            text-decoration: none;
        }

/*Temporal fix from kendo after the update on 25/03/2014*/
.k-ff {
    overflow: inherit !important;
}

.ui-timepicker-wrapper {
  background-color: #FFFFFF;
  height: 200px;
  overflow: auto;
  padding: 10px;
  width: 80px;
  z-index: 11200;
}

#AvailabilityGrid .status {
    background-image: url("../content/images/ControlIcons/delete.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 18px 18px;
    padding-left: 20px;
}

.ui-timepicker-list {
  cursor: pointer;
  list-style: none outside none;
}

.ui-timepicker-list li:hover
{
    background-color: #3678AF;
    color: #fff;
}

.k-widget.k-search-wrap.k-textbox {
    float: left !important;
}

#AvailabilityGrid .status.available {
    background-image: url("../content/images/ControlIcons/checkmark-icon.png");
}

.field-web-control.readonly > ul, ol {
    padding: 0 0 0 2.5em !important;
}

/*template list popup*/
#templateListPopupContainer {
    min-height: 220px;
    max-height: 450px;
    height: auto;
    font-family: 'open sans',arial;
}

.templateList {
    width: 100%;
    max-width: 100%;
    font-family: 'open sans',arial;
}

.templateItem {
    float: left;
    width: 95%;
    max-width: 95%;
    list-style: none;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: rgba(0, 0, 0, 0.3) solid thin;
    display: table-row;
    font-family: 'open sans',arial;
}

.templateList .templateItem:last-child {
    border-bottom: none;
}

.templateItem-content {
    float: left; max-width: 75%; margin-top: 5px;
}

.templateItem-actions {
    width: 120px; float: right;
}

.templateItem-Text, .templateItem-Image{
    display: inline-block;
    vertical-align: middle;
    max-width: 85%;
}

.templateItem-Image {
    width: 37px;
    height: 37px;
    padding: 0 10px;
}

.templateItem-Name {
    /*max-width: 85%;*/
    /*width: 500px;*/
    /*float: left;*/
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /*display: table-cell;*/
    font-family: 'open sans',arial;
    margin: 0;
}

.templateItem-Description {
    /*max-width: 85%;
    width: 85%;
    float: left;
    margin-left: 55px;*/
    /* white-space:nowrap;*/
    max-height: 35px;
    text-overflow: ellipsis;
    overflow: hidden;
    /*display: table-cell;*/
    display: block;
    color: #969696;
    font-family: 'open sans',arial;
    font-size: 12px;
    font-weight: 500;
    /*margin-top: -10px;*/
}

.templateItem-content-wrapper {
    float: left;
    width: 100%;
    max-width: 100%;
    min-height: 75px;
}

.templateItem-choose {
    text-shadow: 0 1px 0 #2F5BB7 !important;
    background-color: #5D85C2;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 18px;
    font-weight: 500;
    height: 36px;
    line-height: 34px;
    padding: 0 10px;
    position: relative;
    text-align: center;
    width: 90px;
    margin-top: 10px;
    cursor: pointer;
}

    .templateItem-choose:hover {
        background-color: #498BF4;
        color: white;
    }
/*template list popup end*/

/*Hardcode Membership fields alignment start*/
.hardcodeMembershipCalculationField {
    /*width: 88% !important;*/
}

.hardcodeMembershipTaxField {
    margin-right: 0 !important;
    /*width: 90% !important;*/
}
/*Hardcode Membership fields alignment end*/

/* Malihu Custom Scrollbar CSS */
.mCSB_inside > .mCSB_container {
    margin-right: 0px;
}


.icon-checkout{
    background-image: url('../Content/Images/cart-icon-mobile.png');
    background-position: center 1px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 25px;
    height: 20px;
    vertical-align: top;
}

/* Ipad Fix for Checkout Popup Starts Here 
   -webkit-transform: translatez from kendo window modal scroller was causing absolute positioning issues on iPad    
*/
#cartDetailPopup .km-scroll-container{
    -webkit-transform: initial !important;
}

#cartDetailPopup #cartDetails{
    -webkit-overflow-scrolling: touch;
}
/* Ipad Fix for Checkout Popup Ends Here */


#cartDetailPopup .modal-footer-actions{
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    margin-bottom: 0;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #ebecf1;
    -webkit-box-shadow: 0px -2px 4px 0px rgba(50, 50, 50, 0.45);
    -moz-box-shadow: 0px -2px 4px 0px rgba(50, 50, 50, 0.45);
    box-shadow: 0px -2px 4px 0px rgba(50, 50, 50, 0.45);
}

#cartActions .icon-checkout {
    float: none;
}

.empty-cart-text {
    position: absolute;
    width: 50%;
    height: 50%;
    left: 25%;
    top: 25%;
    text-align: center;
    font-size: 20px;

}

.hidden{
    display: none !important;
}

.form-disabled{
    opacity: 0.3;
}

.form-disabled *{
    cursor: default;
}

@media screen and (max-width:1024px){
    .blueTextBox{
        width: 210px;
    }

    .blueDropDownBox{
        width: 220px;
    }

    .blueTextArea{
        width: 198px;
    }

    .province-select{
        width: 123px;
    }

    .social-site-link{
       max-width: 200px;
    }

    .addr-street-code{
        width: 75px;
    }
}
.field .multiple-picklist, .field select[multiple="multiple"]{
   height: auto;
}

#AreTermsAndConditionsCheckbox {
    width:auto !important;
    height:24.5px;
}
.freeze-transcation-popup #paymentStartDateContainer .pmdatepicker{
    width: 150px;
}
#signInLoginContainer #AreTermsAndConditionsCheckbox {
    height: auto;
}
.Url-wrapper.Website-wrapper #ytPlayer{
    width:280px;
    height:200px;
}
body.socialsite-object table.template-picker-table {
    width: auto;
}

.fullContentPopup {
    display: none;
    z-index:999;
    position: fixed; 
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: 112px;
    margin-bottom: 112px;
}

.fullContentPopup iframe{
    width: 100%; 
    height: 100%; 
    border-style: none;
}

#signupTermsAndConditions .k-input {
    height: auto;
}
#signupTermsAndConditions .k-editor-dropdown.k-group-start .k-dropdown-wrap.k-state-default {
    margin-top: -2px;
}
.my-account .subsection-content {
    margin-top: 10px;
    margin-bottom: 10px;
}

.signupform-wrapper {
    display:table-cell; vertical-align:middle; width: 334px
}

.generatePromotionCode{
    cursor:pointer;
    position:absolute;
    margin-left:10px;
}
#featuredItems .inline-actionmenu .popup-panel,.cardview-container .inline-actionmenu .popup-panel, #customButtonContextMenu.actionmenu{
    width:140px;
}
#POTypeDialogContainer .popup-buttons {
    display: block;
    text-align: center;
}
.buttons-line-phone,.built-in-buttons-phone {
    text-align: center;
}
 #grdDocuments tr {
     cursor: pointer;
 }