﻿html[dir="rtl"] .nf-geolabel {
    float: right;
}

/* Override the standard web part for IE7 scrolling div bug */
/* http://stackoverflow.com/questions/67665/ie7-css-scrolling-div-bug */

.ms-rtetoolbarmenu.ms-longer {
    width: 100%;
}

.ms-spimn-presenceLink {
    display: none;
}

.nf-outer {
    z-index: 0;
}

.ms-wpContentDivSpace {
    position: relative;
}

.ms-rtelonger {
    width: 100% !important;
}

.overflowY {
    overflow-y: scroll !Important;
}

/* General styles */
.formFillerDiv table.ms-formtable {
    text-align: left;
}

.nf-filler-control-inner {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.nf-filler-control-border {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.nf-container-inner {
    top: 0px !important;
    bottom: 0px !important;
    left: 0px !important;
    right: 0px !important;
    height: auto !important;
}

.nf-filler-control-inner label {
    margin-left: 0;
}

label.nf-label-control {
    display:block;
}
.nf-label-control br:nth-last-child(2) {
display: none;
}
label.nf-printPdfPageBreakGuide-control-text {
    color: #0072bc;
    background-color: #e5e5e5;
    font-family: Verdana;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    vertical-align: top;
    margin-top: -9.4px;
    z-index: 2;
}

div.nf-printPdfPageBreakGuide-control-line {
    color: #0072bc;
    background-color: #e5e5e5;
    width: 100%;
    position: absolute;
    border-top-style: dashed;
    border-width: 2px;
    margin-top: 12.5px;
    z-index: 1;
}

div.nf-printPdfPageBreakGuide-control-border {
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #e5e5e5;
    z-index: -1;
    text-align: center;
}

span.nf-printPdfPageBreakGuide-control-break {
    page-break-after: always;
    z-index: -1;
}

.nf-filler-control {
    margin-top: 0px !important;
    padding: 0px;
    position: absolute;
}

.nf-filler-control.nf-listview-control table.ms-listviewtable th {
    width:1px;
}

.nf-filler-control.nf-listview-control table[id^=Hero-WPQ] {
	display: block !important; 
}

.nf-textbox-wrapper {
    position: absolute;
    left: 3px;
    right: 6px;
    top: 0px;
    bottom: 0px;
}

.nf-frame-scroll-wrapper {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

img.nf-image {
    margin: 0px;
}

.nf-form-footer {
    width: 100%;
    max-width: 750px;
    padding: 7px;
}

.nf-center-211x45 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -23px !important;
    margin-left: -106px !important;
}

.nf-form-line {
    width: 100%;
    max-width: 750px;
}

.nf-validation-summary {
    padding: 5px 5px;
    color: Red;
}

.nf-error-left-div {
    left: 0px;
    width: 2px;
    top: 0px;
    bottom: 0px;
    z-index: 10000;
    position: absolute;
    background-color: red;
}

.nf-error-right-div {
    right: 0px;
    width: 2px;
    top: 0px;
    bottom: 0px;
    z-index: 10000;
    position: absolute;
    background-color: red;
}

.nf-error-top-div {
    top: 0px;
    left: 0px;
    right: 0px;
    height: 2px;
    z-index: 10000;
    position: absolute;
    background-color: red;
}

.nf-error-bottom-div {
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 2px;
    z-index: 10000;
    position: absolute;
    background-color: red;
}

.nf-error-highlight {
    border: 2px solid red !important;
}

.nf-attachmentFileInput {
    min-width: 200px;
    height: 23px;
    width: 250px;
}

span[dir="ltr"] > .nf-attachmentFileInput {
direction:rtl;
}

.nf-outer .nf-attachmentsTable td.ms-vb {
    word-break: break-all;
    padding-right: 5px;
}

.nf-outer .nf-attachmentsTable td.propertysheet {
    width: 50px;
}

.ms-usereditor > .nf-error-highlight {
    border-collapse: separate !important;
}

.nf-error-highlight-taxonomy .ms-taxonomy-fieldeditor /*please copy from above*/ {
    border: 2px solid red !important;
}

.nf-error-highlight-taxonomy.nf-Taxonomy /*please copy from above*/ {
    border: 2px solid red !important;
}

.ms-taxonomy .ms-taxonomy-control-holder {
    width: 100%;
}

.nf-filler-container {
    padding: 0px;
}

/* choice control as tabs to appear brighter in designer and read only mode*/
.nf-disabledChoiceTabs label {
    filter: Alpha(Opacity=100) !important;
    opacity: 1 !important;
}

.nf-choice-control td {
	vertical-align: top;
}

.nf-choice-control-radio-button input {
    vertical-align: top;
}
/* Render choice as tabs had an extra right padding that was causing WYSIWYG issues*/
.ui-buttonset {
    margin-right: 0px !important;
}

.ms-dialog .ms-bodyareacell {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
}

.ms-dialog #onetIDListForm {
    margin-left: -5px;
}

.ms-formvalidation {
    color: Red !important;
}

.ms-formrecurrence img[width="116"] {
    width: 100px !important;
}

.ms-formrecurrence img[width="40"] {
    width: 35px !important;
}

.ms-listdescription {
    padding-bottom: 20px;
}

.NWPreviewAction, .NWRuntimeFutureAction {
    background-color: White;
}

.s4-mini-h1-a a, .s4-mini-h1-a a:visited {
    color: White !important;
}

.ms-rtefield {
    min-width: 10% !important;
}

.ms-propertysheet {
    white-space: nowrap;
}

/* mobile styles */
@media handheld {

    html, body {
        font: 12px/15px sans-serif;
        background: #fff;
        padding: 3px;
        color: #000;
        margin: 0;
    }

    h1, h2, h3, h4, h5, h6 {
        font-weight: normal;
    }

    a:link, a:visited {
        text-decoration: underline;
        color: #0000CC;
    }

    a:hover, a:active {
        text-decoration: underline;
        color: #660066;
    }
}

/* iPhone-specific styles */
@media only screen and (max-device-width: 480px) {

    html {
        -webkit-text-size-adjust: none;
    }
}

/*
 * jQuery UI CSS Framework 1.8.6
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    position: absolute;
    left: -99999999px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ui-helper-clearfix {
    display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
    height: 1%;
}

.ui-helper-clearfix {
    display: block;
}
/* end clearfix */
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-image: url(images/ui-icons_222222_256x240.png) /*{iconsContent}*/;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

/* Misc visuals
----------------------------------*/
#NWRTEReference1 {
    padding: 0px;
}

/* Overlays */
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ipad smooth scrolling */
#s4-workspace {
    -webkit-overflow-scrolling: touch;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Verdana,Arial,sans-serif /*{ffDefault}*/;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: Verdana,Arial,sans-serif /*{ffDefault}*/;
        font-size: 1em;
    }

.ui-widget-content {
    border: 1px solid #aaaaaa /*{borderColorContent}*/;
    background: #ffffff /*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png) /*{bgImgUrlContent}*/ 50% /*{bgContentXPos}*/ 50% /*{bgContentYPos}*/ repeat-x /*{bgContentRepeat}*/;
    color: #222222 /*{fcContent}*/;
}

    .ui-widget-content a {
        color: #222222 /*{fcContent}*/;
    }

.ui-widget-header {
    border: 1px solid #aaaaaa /*{borderColorHeader}*/;
    background: #cccccc /*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) /*{bgImgUrlHeader}*/ 50% /*{bgHeaderXPos}*/ 50% /*{bgHeaderYPos}*/ repeat-x /*{bgHeaderRepeat}*/;
    color: #222222 /*{fcHeader}*/;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #222222 /*{fcHeader}*/;
    }

/*
 * jQuery UI Datepicker 1.8.6
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%;
    }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
                background-color: rgb(204, 204, 204) !important;
                background-image: none !important;
                color: black;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group {
        float: right;
    }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

.ui-datepicker-trigger {
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 1px;
    cursor: hand;
}

.nf-datepicker-select {
    height: 20px;
}

.ui-datepicker-close {
    display: none;
}

.nf-MapButton:not([type="image"]) {
    margin-left: 10px !important;
}

.ui-datepicker-current {
    color: #222222;
}

/* datepicker issue on Live #59340*/
#ui-datepicker-div {
    display: none;
    position: absolute;
    zoom: 1;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display: /**/ block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Verdana,Arial,sans-serif /*{ffDefault}*/;
    font-size: 1.1em /*{fsDefault}*/;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: Verdana,Arial,sans-serif /*{ffDefault}*/;
        font-size: 1em;
    }

.ui-widget-content {
    border: 1px solid #aaaaaa /*{borderColorContent}*/;
    background: #ffffff /*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png) /*{bgImgUrlContent}*/ 50% /*{bgContentXPos}*/ 50% /*{bgContentYPos}*/ repeat-x /*{bgContentRepeat}*/;
    color: #222222 /*{fcContent}*/;
}

    .ui-widget-content a {
        color: #222222 /*{fcContent}*/;
    }

.ui-widget-header {
    border: 1px solid #aaaaaa /*{borderColorHeader}*/;
    background: #cccccc /*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) /*{bgImgUrlHeader}*/ 50% /*{bgHeaderXPos}*/ 50% /*{bgHeaderYPos}*/ repeat-x /*{bgHeaderRepeat}*/;
    color: #222222 /*{fcHeader}*/;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #222222 /*{fcHeader}*/;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #d3d3d3 /*{borderColorDefault}*/;
        background: #e6e6e6 /*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png) /*{bgImgUrlDefault}*/ 50% /*{bgDefaultXPos}*/ 50% /*{bgDefaultYPos}*/ repeat-x /*{bgDefaultRepeat}*/;
        font-weight: normal /*{fwDefault}*/;
        color: #555555 /*{fcDefault}*/;
    }

        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
            color: #555555 /*{fcDefault}*/;
            text-decoration: none;
        }

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-active, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-active {
        border: 1px solid #999999 /*{borderColorHover}*/;
        background: #dadada /*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/;
        font-weight: normal /*{fwDefault}*/;
        color: #212121 /*{fcHover}*/;
    }

        .ui-state-hover a, .ui-state-hover a:hover {
            color: #212121 /*{fcHover}*/;
            text-decoration: none;
        }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        border: 1px solid #aaaaaa /*{borderColorActive}*/;
        background: #ffffff /*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png) /*{bgImgUrlActive}*/ 50% /*{bgActiveXPos}*/ 50% /*{bgActiveYPos}*/ repeat-x /*{bgActiveRepeat}*/;
        font-weight: normal /*{fwDefault}*/;
        color: #212121 /*{fcActive}*/;
    }

        .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
            color: #212121 /*{fcActive}*/;
            text-decoration: none;
        }

.ui-widget :active {
    outline: none;
}

/* fix for issues where items have the wrong z-index */
.ms-entity-unresolved .ms-MenuUIPopupBody.ms-MenuUIPopupScreen .ms-MenuUIPopupInner .ms-MenuUI, .ms-entity-unresolved .ms-MenuUIPopupBody.ms-MenuUIPopupScreen .ms-MenuUIPopupInner .ms-MenuUI .ms-MenuUIUL {
    z-index: 500 !important;
}

.ui-datepicker-today {
    background: #F5DEB3 !important;
    border: #F5DEB3 !important;
}

    .ui-datepicker-today a {
        border: #F5DEB3 !important;
    }

.nf-repeater-deleterow-image {
    position: absolute;
    right: 0px;
    float: right;
    z-index: 1001;
}

.nf-repeater-addrow {
    /*bottom:-19px;*/
    background-color: transparent !important;
    position: absolute;
}

.nf-disabled {
    border: 1px solid #e1e1e1;
    text-decoration: none;
}

    .nf-disabled a {
        text-decoration: none !important;
    }

.nf-multiline-append-wrapper {
    height: 100%;
    width: 100%;
}

.nf-multiline-append {
    height: 50%;
    width: 100%;
    overflow: auto;
    margin-left: -1px;
}

.nf-percentage-symbol {
    padding-left: 5px;
}

a.ms-addnew {
    font-weight: normal;
    font-family: verdana;
    font-size: 8pt;
    /* [ReplaceColor(themeColor:"Accent1-Darkest")] */ color: #003399;
    text-decoration: none;
}

    a.ms-addnew:hover {
        /* [ReplaceColor(themeColor:"Dark1")] */ color: #000000;
        text-decoration: underline;
        cursor: hand;
    }

.SideMenuItem:hover {
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    BACKGROUND-COLOR: Red;
}

.ms-rtefield {
    padding: 0px !important;
}

.ms-spellcheck-warning {
    position: absolute;
    top: -20px;
}

.trialDivFiller {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 9999;
}

.ms-formtable > tbody > tr > .ms-formbody {
    vertical-align: middle;
    background-color: transparent;
}


/*Item picker css*/
.ip-container {
    border: 1px solid #d6d6d6;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: white;
}

.ip-container-focus {
    border: 1px solid #0066b3;
}

.ip-container:hover {
    border: 1px solid #00a1e4;
}

.ip-container textarea {
    margin: 5 0 0 0;
    padding: 0;
    height: 16px;
    min-width: 50px;
    resize: none;
    outline: none;
    border: none;
}

    .ip-container textarea:focus {
        outline: none;
        border: none;
    }

.ip-container .ip-input {
    text-align: left;
    height: 16px !important;
    overflow: hidden;
    padding: 6px 3px;
    /*width: 40px;*/
}

.ip-container .ip-clip {
    left: -10000px;
    width: 1px;
    position: fixed;
}

.ip-item {
    font: 11px Verdana;
    display: inline-block;
    padding: 3px;
    vertical-align: top;
}

    .ip-item span {
        background-color: #f7f7f7;
        border: 1px solid #adadad;
        cursor: default;
        display: block;
        height: 20px;
        white-space: nowrap;
    }

    .ip-item.selected span {
        background-color: #D5E2F7;
        border: 1px solid #4d90fe;
    }

    .ip-item span div {
        display: inline-block;
        color: #222;
        margin: 2px 5px;
        max-width: 325px;
        max-height: 17px;
        overflow: hidden;
        text-overflow: ellipsis;
        direction: ltr;
    }

.ip-close {
    display: inline-block;
    width: 16px;
    height: 20px;
    background: no-repeat url(images/CloseButton_Dialogbox_Dark.png) 0 0;
    opacity: .6;
    vertical-align: top;
    cursor: pointer;
}

.ip-disabled.ip-container .ip-input {
    display: none !important;
}

.ip-disabled.ip-container .ip-close {
    display: none !important;
}

.ip-disabled.ip-container {
    background-color: rgba(255,255,255,0.0);
}

    .ip-disabled.ip-container:hover, .ip-disabled.ip-container-focus {
        border: 1px solid #d6d6d6;
    }

a[disabled=disabled] {
    opacity: 0.5;
    color: black;
    cursor: not-allowed;
    text-decoration: none;
    pointer-events: none;
    display: inline-block;
}

/*------------------------*/

/* Autocomplete
----------------------------------*/
.ui-autocomplete {
    position: absolute;
    cursor: default;
}

.ui-autocomplete-loading {
    background: white url('images/loadingcirclests16.gif') right center no-repeat;
}

/* workarounds */
* html .ui-autocomplete {
    width: 1px;
}
/* without this, the menu expands to 100% in IE6 */

/* Menu
----------------------------------*/
.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    width: 227px;
}

    .ui-menu .ui-menu {
        margin-top: -3px;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        width: 100%;
    }

        .ui-menu .ui-menu-item a {
            text-decoration: none;
            display: block;
            padding: 0 .4em;
            line-height: 1.5;
            zoom: 1;
        }

li.ui-menu-item a {
    border: none;
}

ul.ui-menu li.ui-menu-item a.ui-state-focus,
ul.ui-menu li.ui-menu-item a.ui-state-active {
    margin-bottom: 0;
}


li.ui-menu-item a.ui-state-hover,
li.ui-menu-item a.ui-state-active,
li.ui-menu-item a:hover {
    background-color: white;
    border: none;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
}

ul.ui-corner-all,
li.ui-menu-item a.ui-corner-all {
    border-radius: 0;
}

.nf-pp-ac-container {
    display: block;
    margin-top: -1px;
    margin-left: 5px;
    margin-right: 5px;
    border-bottom: 1px solid #e2e3e3;
}

    li.ui-menu-item a.ui-state-hover .nf-pp-ac-container,
    li.ui-menu-item .ui-state-active .nf-pp-ac-container,
    li.ui-menu-item a:hover .nf-pp-ac-container,
    .nf-pp-ac-container:hover {
        background-color: #f7f7f7;
    }

.nf-pp-ac-inner {
    padding: 5px 0px 5px 0px;
}

.nf-ap-ac-display.user {
    background: url('images/User_Icon_24x24.png') transparent no-repeat;
}

.nf-ap-ac-display.secgroup, .nf-ap-ac-display.securitygroup {
    background: url('images/SecurityGroup_Icon_24x24.png') transparent no-repeat;
}

.nf-ap-ac-display.sharepointgroup {
    background: url('images/SharePointSecurityGroup_Icon_24x24.png') transparent no-repeat;
}

.nf-ap-ac-display {
    padding-left: 35px;
    min-height: 24px;
}

    .nf-ap-ac-display div {
        font: 11px Verdana;
        color: #707271;
        word-wrap: break-word;
        text-overflow: ellipsis;
    }

div.nf-pp-ac-label {
    font-weight: bold;
}

div.nf-pp-ac-title {
    font-style: italic;
}

.nf-pp-ac-tooltip {
    background-color: #f7f7f7;
    border: 1px solid #adadad;
    padding: 20px 20px 6px 20px;
}

.nf-pp-ac-tooltip-label {
    font: bold 14px verdana;
    color: #323232;
    display: block;
    padding-bottom: 5px;
    text-overflow: ellipsis;
}

.nf-pp-ac-tooltip-title {
    font: italic 12px verdana;
    vertical-align: middle;
    color: #323232;
    display: block;
    padding-bottom: 5px;
    text-overflow: ellipsis;
}

.nf-pp-ac-tooltip-br {
    border-top: 1px solid #adadad;
    height: 1px;
}

.nf-pp-ac-tooltip div {
    font: 11px verdana;
    color: #323232;
    padding-bottom: 14px;
}

    .nf-pp-ac-tooltip div a {
        color: #ff7900;
    }

.ui-tooltip {
    padding: 0;
    color: white;
    margin: 0;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.nf-filler-container {
    position: relative;
}

.nf-lookup-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-left: 25px;
    font-style: initial !important;
    font-size: 12px !important;
    font-weight: normal !important;
    font-family: Verdana !important;
}

    .nf-lookup-loading.nospinner {
        background: url('') left top no-repeat;
        padding-left: 3px;
        padding-top: 3px;
    }

.nf-lookup .nf-lookup-td {
    vertical-align: top;
}

.nf-lookup .nf-lookup-div {
    display: table-cell;
    vertical-align: top;
    /*padding-top: 2px*/
}

table.nf-lookup td:not(:last-child) label {
    padding-right: 8px;
}

span.nf-lookup:not(:last-child) label {
    padding-right: 8px;
}

input.nf-lookup-div {
    margin-left: 0;
}

.nf-lookup .nf-lookup-td input[type=checkbox], .nf-lookup .nf-lookup-td input[type=radio] {
    float: left;
}

.nf-lookup-addremove {
    border: 0;
    border-collapse: collapse !important;
    text-align: left;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

.nf-lookup-addremove-container > span {
    display: block;
}

.nf-lookup-addremove tbody, .nf-lookup-addremove tr {
    overflow: hidden;
}

.nf-lookup-addremove td {
    padding: 0;
    box-sizing: border-box;
}

.nf-lookup-addremove select {
    width: 100%;
    height: 125px;
    background: #fff !important;
    color: inherit !important;
}

    .nf-lookup-addremove select[disabled] {
        color: GrayText !important;
    }

.nf-lookup-addremove .button-container {
    text-align: center !important;
    vertical-align: middle !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.nf-lookup-addremove button {
    /* We have !important everywhere so that styling won't affect the button, which it shouldn't */
    min-width: 1em !important;
    padding: 0 !important;
    width: 14.2em !important;
    font-size: 11px !important;
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif !important;
    font-weight: normal !important;
    color: #444 !important;
    background: rgb(253,253,253) !important;
    height: 17px !important;
    vertical-align: middle !important;
    line-height: normal !important;
    box-sizing: border-box !important;
    border: solid 1px #ababab !important;
    text-transform: none !important;
    font-style: normal !important;
    margin: 1px auto;
}

    .nf-lookup-addremove button:hover {
        border-color: #92c0e0 !important;
        background: #e6f2fa !important;
    }

    .nf-lookup-addremove button:active {
        border-color: #2a8dd4 !important;
        background: #92c0e0 !important;
    }

    .nf-lookup-addremove button:disabled {
        background: #fdfdfd !important;
        color: #b1b1b1 !important;
        border-color: #e1e1e1 !important;
    }

.nf-warning {
    height: 16px;
    width: 16px;
    padding-right: 2px;
}

    .nf-warning image {
        height: 16px;
        width: 16px;
    }

.nf-geoinput {
    float: left;
    min-width: 105px;
    padding: 3px;
}

html[dir="rtl"] .nf-geoinput {
    float: right;
}

.nf-geolabel {
    float: left;
    min-width: 65px;
    margin-left: 5px;
}

.nf-geoinput input {
    width: 90px;
    float: right;
}

html[dir="rtl"] .nf-geoinput + .nf-geoinput + div {
    float: right !important;
}

html[dir="rtl"] .nf-repeater-deleterow-image {
    left: 5px;
    right: unset;
}

html[dir="rtl"] .nf-filler-control-inner table,
html[dir="rtl"] .nf-filler-control-inner table td,
html[dir="rtl"] .nf-filler-control table,
html[dir="rtl"] .nf-filler-control table td {
    direction: rtl !important;
    text-align: right;
}

html[dir="rtl"] input[type=button],
html[dir="rtl"] input[type=reset],
html[dir="rtl"] input[type=submit],
html[dir="rtl"] button {
    margin-right: 0;
}

html[dir="rtl"] .nf-attachmentsLink {
    text-align: right;
}

html[dir="rtl"] .ip-input {
    text-align: right;
    float: right;
}

html[dir="rtl"] .nf-calculation {
    width: auto !important;
    float: right;
}

    html[dir="rtl"] .nf-calculation .nf-calculation-prefix {
        float: right;
        margin-left: 5px;
    }

    html[dir="rtl"] .nf-calculation .nf-calculation-suffix {
        float: left;
        margin-right: 5px;
    }

html[dir="rtl"] .formFillerDiv table.ms-formtable {
    text-align: right;
}

html[dir="rtl"] .nf-percentage-symbol {
    padding-left: initial;
    padding-right: 5px;
}

html[dir="rtl"] .nf-textbox-wrapper {
    left: 6px;
    right: 3px;
}

html[dir="rtl"] .nf-mobile-form .nf-form-label {
    text-align: right;
}

/*Document set properties page*/
.nf-filler-wrapper-outer .nf-filler-wrapper table.ms-toolbar {
    display: none;
}

.ms-webpart-chrome .nf-non-dialog-outer .nf-filler-wrapper-outer {
    margin: 0px;
}

.nf-outer .nf-choiceAsTabs input[type="radio"]:checked + label {
    background: #ffffff;
    border-color: #aaaaaa;
}

.nf-outer .nf-choiceAsTabs span label {
    border-color: #d3d3d3;
}

    .nf-outer .nf-choiceAsTabs span label:hover {
        background: #d3d3d3;
        border-color: #aaaaaa;
    }

.nf-outer .nf-choiceAsTabs span[disabled] label:hover {
    border-color: #d3d3d3;
}

.nf-choiceAsTabs .ui-checkboxradio-icon{
display:none;
} 
#rulesColorPicker{
    padding: 0px 0px !important;
}
#rulesBackgroundPicker{
    padding: 0px 0px !important;
}

#rulesFontTypeSpan .ui-button-icon-only{
    box-sizing: content-box !important
}
#rulesFontSizeSpan .ui-button-icon-only{
    box-sizing: content-box !important
}
a.ruleFont.ui-menu-item-wrapper.ui-state-active {
    background: #dadada !important;
}