/* LicenseLayoutItem Editor */
#LicenseLayoutItemEditor .treeditor
{
    display: block;
    float: left;
    width: 50%; 
    overflow-x: scroll;
    padding: 10px;
}


#LicenseLayoutTree
{
   overflow: visible;
}

#LicenseLayoutItemEditor .display
{
    float: right;
    width: 45%;
    padding: 10px;
}

#LicenseLayoutItemEditor .t-in 
{
    font-size: 8pt !important;
}

#LicenseLayoutItemEditor .innerdisplay, .innerdisplay
{
    padding: 0px;
}

#LicenseLayoutItemEditor .footer
{
    clear: both;
}

/* LicenseItem Tree Sprite Images */
#LicenseItemsTree .t-sprite, #LicenseLayoutTree .t-sprite
{
    background-image: url(../Images/licenseitemtypesicons.png);
}

.t-sprite.invisible
{
    background-position: 0px 0px;
}

.t-sprite.enabled
{
    background-position: -16px 0px;
}

.t-sprite.disabled
{
    background-position: -32px 0px;
}

.t-sprite.optional
{
    background-position: -48px 0px;
}

.t-sprite.inherited
{
    background-position: -64px 0px;
}

.t-sprite.delegated
{
    background-position: -80px 0px;
}

.t-sprite.layoutitem
{
    background-position: -96px 0px;
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset
{
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend
{
    font-size: 1.2em;
    font-weight: bold;
}

textarea
{
    min-height: 75px;
    min-width: 300px;
}

.editor-label
{
    margin: 1em 0 0 0;
}

.editor-field
{
    margin: 0.5em 0 0 0;
}



.editor-field INPUT[type='text'], .editorfield INPUT[type='text'], #lookup_OrganisationId
{
  min-width: 400px !important;
  font-family: Verdana;
  font-size: 8pt;
}

.t-datepicker INPUT[type='text']
{
  min-width: 10px !important;
  font-family: Verdana;
  font-size: 8pt;
}

.editor-field TEXTAREA, .editorfield TEXTAREA
{
  min-width: 400px !important;
  font-family: Verdana;
  font-size: 8pt;
}

.t-edit-form-container .t-button
{
  margin-top: 8px;
}


.t-edit-form-container
{
  font-family: Verdana;
  font-size: 8pt;
}

.t-edit-form-container SELECT
{
  font-family: Verdana;
  font-size: 8pt;
  min-width: 90px
}

.t-edit-form-container OPTION
{
  font-family: Verdana;
  font-size: 8pt;
}



/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}


/* Editor templates */

.editorarea
{
    width: 680px;
}

.editorarea .wysiwyg
{
    width: 100%;
}

.editortable
{
    width: 630px;
}

.editortable TD
{
    vertical-align: top;
}

.editorlabel
{
    font-family: Verdana;
    font-size: 8pt;
    width: 120px;
    color: #000;
}

.editorfield
{
    width: 380px;
    text-align: left;
}

.editorfield INPUT[type='text']
{
    font-family: Verdana;
    font-size: 8pt;
    width: 100%;
    color: #000;
}

.editorvalidation
{
    font-family: Verdana;
    font-size: 8pt;
    color: #ff0000;
    width: 136px;
}

.readonly
{
    color: #cccccc;
}

/* Membership */

.km-membership FIELDSET
{
    margin-top: 16px;
    border-style: none;
    padding: 0px;
}

.km-membership LEGEND
{
    line-height: 1.2;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 1.5em;
    font-weight: bold;
    color: #000;
    margin-bottom: 0px;
}

.km-membership .logon FIELDSET LEGEND
{
    display: none;
}


.km-membership FIELDSET TABLE
{
    margin-top: 24px;
}

.km-membership FIELDSET UL
{
    margin-top: 24px;
}

.km-membership TABLE
{
    border-right: 1px solid #ddeff8;
    border-top: 1px solid #ddeff8;
}

.km-membership TH
{
    background-color: #DDEFF8;
}


.km-membership TD
{
    border-left: 1px solid #ddeff8;
    border-bottom: 1px solid #ddeff8;
    font-size: 8pt;
}

.km-membership TD INPUT[type='text']
{
    width: 100%;
    font-size: 8pt;
    font-family: Verdana;
}

.km-membership TD TEXTAREA
{
    width: 100%;
    font-size: 8pt;
    font-family: Verdana;
}

.km-membership FIELDSET > DIV.editor-label
{
    font-size: 8pt;
    font-family: Verdana;
}

.km-membership FIELDSET > DIV.editor-field INPUT[type='text'], .km-membership FIELDSET > DIV.editor-field INPUT[type='password']
{
    width: 400px;
    font-size: 8pt;
    font-family: Verdana;
}

.km-membership FIELDSET P
{
    margin-top: 16px;
}


/* Knowmax icon buttons */
.km-icon
{
    text-align: center;
    line-height: 0px;
    text-indent: -3333px;
    display: inline-block;
    height: 16px;
    font-size: 8px;
    width: 16px;
    vertical-align: middle;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../Images/kmicons.png);
}

.km-icon-text
{
    margin-left: 4px;
    font-size: 8pt;
    line-height: 16px;
}

.km-icon.back
{
    background-position: 0px 0px;
}

.km-icon.down
{
    background-position: -16px 0px;
}

.km-icon.up
{
    background-position: -32px 0px;
}

.km-icon.submit
{
    background-position: -48px 0px;
}

.km-icon.ok
{
    background-position: -48px 0px;
}

.km-icon.cancel
{
    background-position: -64px -32px;
}

.km-icon.edit
{
    background-position: -80px 0px;
}

.km-icon.delete
{
    background-position: -96px 0px;
}

.km-icon.search
{
    background-position: -64px -80px;
}

.km-icon.search2
{
    background-position: -80px -80px;
}


.km-icon.updatesystem
{
    background-position: -64px 0px;
}

.km-icon.distribution
{
    background-position: -64px -16px;
}

.km-icon.generatepassword
{
    background-position: -64px -48px;
}

.km-icon.resetaccesscount
{
    background-position: -64px -64px;
}

.km-icon.licensesystem
{
    background-position: 0px -16px;
}

.km-icon.licenselayout
{
    background-position: 0px -32px;
}

.km-icon.licenselayout-import
{
    background-position: -16px -32px;
}

.km-icon.licenselayout-export
{
    background-position: -32px -32px;
}

.km-icon.licenselayoutitem
{
    background-position: 0px -48px;
}

.km-icon.licenselayoutitem-add
{
    background-position: -16px -48px;
}

.km-icon.licenselayoutitem-delete
{
    background-position: -32px -48px;
}

.km-icon.licenselayoutitem-edit
{
    background-position: -48px -48px;
}

.km-icon.licenselayoutitem-bulkupdate
{
    background-position: -80px -48px;
}

.km-icon.licensesystempropertydefinition
{
    background-position: 0px -64px;
}

.km-icon.licensesystemproperty
{
    background-position: 0px -80px;
}

.km-icon.license
{
    background-position: 0px -96px;
}

.km-icon.license-add
{
    background-position: -16px -96px;
}

.km-icon.license-delete
{
    background-position: -32px -96px;
}

.km-icon.license-edit
{
    background-position: -48px -96px;
}

.km-icon.license-download
{
    background-position: -64px -96px;
}

.km-icon.license-email
{
    background-position: -80px -96px;
}

.km-icon.license-property
{
    background-position: -96px -96px;
}

.km-icon.license-campaign
{
   background-position: -112px -96px;
}

.km-icon.license-access
{
    background-position: -48px -160px;
}

.km-icon.license-log
{
    background-position: -64px -160px;
}

.km-icon.organisation
{
    background-position: 0px -112px;
}

.km-icon.organisation-add
{
    background-position: -16px -112px;
}

.km-icon.organisation-delete
{
    background-position: -32px -112px;
}

.km-icon.organisation-edit
{
    background-position: -48px -112px;
}

.km-icon.organisation-property
{
    background-position: -64px -112px;
}

.km-icon.licensepropertydefinition
{
    background-position: 0px -64px;
}

.km-icon.licenseaccessrecognitionrule
{
    background-position: 0px -128px;
}

.km-icon.licenseaccessrecognitionrule-add
{
    background-position: -16px -128px;
}

.km-icon.licenseaccessrecognitionrule-delete
{
    background-position: -32px -128px;
}

.km-icon.licenseaccessrecognitionrule-edit
{
    background-position: -48px -128px;
}

.km-icon.licenseproperty
{
    background-position: 0px -80px;
}

.km-icon.organisationpropertydefinition
{
    background-position: 0px -64px;
}

.km-icon.organisationproperty
{
    background-position: 0px -80px;
}

.km-icon.licenseidentity
{
    background-position: 0px -144px;
}

.km-icon.licenseidentity-add
{
    background-position: -16px -144px;
}

.km-icon.licenseidentity-delete
{
    background-position: -32px -144px;
}

.km-icon.licenseidentity-edit
{
    background-position: -48px -144px;
}

.km-icon.api
{
    background-position: 0px -160px;
}

.km-icon.system-monitor
{
    background-position: -16px -160px;
}

.km-icon.system-properties
{
    background-position: -32px -160px;
}

.km-icon.emailtemplate
{
    background-position: 0px -176px;
}

.km-icon.emailtemplatetype
{
    background-position: -64px -176px;
}

.km-icon.emailuser
{
    background-position: -16px -176px;
}

.km-icon.emailuserresetpassword
{
    background-position: -32px -176px;
}

.km-icon.emailuserpassword
{
    background-position: -48px -176px;
}

.km-icon.licenseitemset
{
    background-position: 0px -192px;
}

.km-icon.licenseitemset-save
{
    background-position: -16px -192px;
}

.km-icon.licenseitemset-apply
{
    background-position: -32px -192px;
}

.km-icon.licenseitem-test
{
    background-position: 0px -208px;
}

.km-icon.campaign
{
  background-position: -96px -160px;
}

.km-icon.warning
{
  background-position: -96px -176px;
}

/* Global styles */

#LicenseSystemStatistics UL
{
    list-style-type: none;
}

.saved
{
    background-color: #FF0040;
    color: #FFFFFF;
    padding: 4px 8px 4px 8px;
}

.kmdisplay
{
    margin-bottom: 16px;
}

.kmdisplay TD
{
    font-size: 8pt;
}

.kmdisplay TD .label
{
    font-weight: bold;
}

.searchbar
{
    float:right;
    margin-right:110px;
    width: 270px;
    position: relative;
    top: -4px;
}

.searchbar #SearchQuery
{
    font-family: Segoe UI, Verdana, Arial;
    font-size:8pt;
    height: 19px;
    line-height: 19px;
    /*
    background-image: url(../Images/search.png);
    background-position: right 3px;
    background-repeat: no-repeat;
    */
    border: 1px solid #B7D9ED;
    padding-left: 4px;
    width:100%;    
}

.placeholder
{
    color: #666 !important;
    margin-left: 6px !important;
    margin-top: 2px;
    font-family: Segoe UI, Verdana, Arial;
    font-size: 8pt; 
    line-height: 19px; 
    cursor: text; 
}


.ui-autocomplete .title
{
    margin-left: 4px;
}

.ui-autocomplete .description
{
    margin-left: 20px;
    color: #777;
}


/* ADHOCJES */

.t-grid-toolbar .t-combobox, .t-grid-toolbar .t-dropdown
{
  position: relative;
  top: 4px;
}


.kmgridwaarde INPUT[type='text']
{
  width: 300px;	
}

.buttonstrip .t-button, .editor-field .t-button
{
  position: relative;
  top: -8px;
}

.editor-field #lookup_OrganisationId
{
  position: relative;
  top: -4px;
}

.editor-field .t-dropdown
{
  margin-right: 4px;
}

.t-button-icon
{
    margin-right: 4px !important;
    margin-left: 0px !important;
}

TD .t-button-icon
{
    margin-right: 2px !important;
    margin-left: 0px !important;
}

TD .t-grid-delete
{
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.t-grid table td:nth-child(1)
{
    white-space: nowrap;
}

/* QUEST ACADEMY */

.blockarea
{
    width: 800px;
}

.block
{
    padding: 20px;
    margin-right: 30px;
    width: 180px;
    height: 180px;
    background-color: #555;
    float: left;
    margin-bottom: 30px;
    cursor: pointer;
    color: #fff;
    background-repeat: no-repeat;
}

    .block:hover
    {
        background-color: #222;
        color: #fff;
    }

    .block .innertext h3
    {
        font-size: 20px;
        font-weight: normal;
        margin-top: 4px;
        margin-bottom: 4px;
        color: #fff;
    }

    .block .innertext div
    {
        font-size: 11px;
    }

    .block#academy
    {
        background-image: url(../Images/graduate.png);
        background-position: 140px 130px;
    }

    .block#documentation
    {
        background-image: url(../Images/book_open2.png);
        background-position: 130px 150px;
    }

    .block#apireference
    {
        background-image: url(../Images/cloud_computing_updown.png);
        background-position: 130px 140px;
    }

    .block#tutorial
    {
        background-image: url(../Images/code.png);
        background-position: 130px 140px;
    }



ul.ui-autocomplete
{
    list-style-type: none;
    padding: 5px;
}

    ul.ui-autocomplete li.ui-menu-item
    {
        text-decoration: none !important;
        border-style: none !important;
        cursor: pointer !important;
        padding: 3px;
    }

        ul.ui-autocomplete li.ui-menu-item:hover
        {
            background-color: #dedede;
        }

        ul.ui-autocomplete li.ui-menu-item a
        {
            background: none !important;
            border: 0px none #fff;
            text-decoration: none;
        }

            ul.ui-autocomplete li.ui-menu-item a:hover
            {
                background: none !important;
                border: 0px none #fff;
                text-decoration: none;
            }

            ul.ui-autocomplete li.ui-menu-item a span.km-icon
            {
                float: left;
                position: relative;
                top: 3px;
            }

            ul.ui-autocomplete li.ui-menu-item a span.title
            {
            }

            ul.ui-autocomplete li.ui-menu-item a span.questid
            {
                margin-left: 18px;
            }

.k-block
{
    margin-bottom: 16px;
}

.kmdocumentation
{
    max-width: 800px;
    font-size: 12px;
    margin-top: -32px;
}

    .kmdocumentation section
    {
        margin-bottom: 16px;
    }

        .kmdocumentation section li, .kmdocumentation section p, .kmdocumentation section td
        {
            font-size: 12px;
        }

    .kmdocumentation ul.toc, .kmdocumentation ul.resourceslist
    {
        list-style-type: disc;
        padding-left: 16px;
        margin-bottom: 64px;
    }

        .kmdocumentation ul.toc li, .kmdocumentation ul.resourceslist li
        {
            margin-bottom: 12px;
        }

    .kmdocumentation .description
    {
        font-size: 11px;
    }

    .kmdocumentation ul.resourceslist li .description
    {
        font-size: 12px;
    }

    .kmdocumentation a:link, .kmdocumentation a:visited, .kmdocumentation a:active, 
    #apireference #hoofd_content a:link, #apireference #hoofd_content a:visited, #apireference #hoofd_content a:active
    {
        text-decoration: none;
        color: #0092CA;
    }

    .kmdocumentation a:hover, #apireference #hoofd_content a:hover
    {
        text-decoration: underline;
        color: #0092CA !important;
    }

    .kmdocumentation code
    {
        border: 1px solid #ccc;
        background-color: #ecf7fc;
        padding: 10px;
        display: block;
        width: 100%;
    }

    .kmdocumentation .term
    {
      font-weight: bold;
      color: #990000;
    }

    .kmdocumentation .value
    {
      font-weight: bold;
      color: #005500;
    }
    


        .kmdocumentation code ~ p
        {
            margin-top: 4px;
        }

    .backtoolbar.top 
    {
        position: relative;
        top: -32px;
        font-size: 12px;
    }

    .backtoolbar.bottom
    {
        margin-top: 32px;
        font-size: 12px;
    }

    .backtoolbar .k-icon
    {
        position: relative;
        top: -1px;
    }

.kmdocumentation ul.resourceslist
{
  border: 1px solid #555;
  background-color: #dedede;
  background-image: url(../Images/folder_out.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  padding: 10px;
  padding-left: 28px;
  min-height: 120px;
  width: 780px;
}

#apireference #hoofd_content
{
  max-width: 800px;
}

.help-page-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    margin: 0px 0px 20px 0px;
    border-top: 2px solid #D4D4D4;
}

.help-page-table th {
    text-align: left;
    font-weight: bold;
    border-bottom: 2px solid #D4D4D4;
    padding: 8px 6px 8px 6px;
}

.help-page-table td {
    border-bottom: 2px solid #D4D4D4;
    padding: 15px 8px 15px 8px;
    vertical-align: top;
}

.help-page-table pre, .help-page-table p {
    margin: 0px;
    padding: 0px;
    font-family: inherit;
    font-size: 100%;
}

.help-page-table tbody tr:hover td {
    background-color: #F3F3F3;
}

.api-name
{
  min-width: 150px;
}

.api-documentation
{
  font-size: 11px !important;
}

form.campaign
{
   width: 376px;
}

form.campaign div.formrow
{
  margin-bottom: 8px;
}

    form.campaign  label span.text
    {
      display: inline-block;
      width: 60px;
    }

    form.campaign  label input[type='text'], form.campaign  label input[type='email']
    {
      display: inline-block;
      width:306px;
    }

    form.campaign #recaptcha_area
    {
      margin-left: 30px;     
    }

form.campaign .formbuttonbar
{
  margin-top: 16px;
  text-align: right;
}

.license-campaigndata h3
{
  margin-left: 0px !important;
  margin-bottom: 16px !important;
}

.license-campaigndata ul
{
  list-style: none;
}