#XtblGeneralProperties tr td:nth-of-type(1)  { width:200px  }
#XtblGeneralProperties tr  { height:40px  }

#divGeneralProperties { width:calc(100vw - 120px);max-width:500px; height:calc(100vh - 180px); max-height:670px; overflow:auto; padding-right:10px; }
#divGeneralProperties label { width:160px; line-height:36px; Xtext-align:right; font-weight:lighter; font-family:'Segoe UI Light', 'Segoe UI', Arial; padding-right:7px; }
#divGeneralProperties select { width:calc(100% - 184px); display:inline-block; min-width:280px }
#divGeneralProperties input { width:calc(100% - 184px); display:inline-block; min-width:280px }
#divGeneralProperties textarea { width:calc(100% - 184px); display:inline-block; min-width:280px }

.PropList {width: 100%; border-width: 0px; height: 20px; font-size: 10pt; font-family:'Segoe UI', Arial; color:#444444 }
.PropText {width: 98%; padding-left:4px; padding-top: 4px; padding-bottom: 4px; border-width: 0px; font-size: 10pt; font-family:'Segoe UI', Arial; color:#444444 }

  .ToolItemContainer {
       padding-left:20px;
       padding-top:20px;
       padding-right:15px;
       max-width:800px;
       xmax-height:500px;
       xoverflow:auto;
       width:100%;
       xmargin-left:auto;
       xmargin-right:auto;
   }

     .ToolItemBox {
        display:inline-block;
        vertical-align:top;
        min-height:100px;
        width:49%;
        min-width:250px;
        font-family:'Segoe UI Light','Segoe UI', Arial;
        font-size:9pt;
        color:#666666;
        background-repeat:no-repeat;
        background-size:50px;
        background-position:10px 13px;
        padding-left:68px;
        padding-top:5px;
        padding-right:20px;
        padding-bottom:10px;
        cursor:pointer;
    }

    .ToolItemBox:hover {
        Xbackground-color:#eeeeee;
        background-color:#f5f5f5;
    }

    .ToolItemTitle {
        font-size:15pt;
        font-family:'Segoe UI', Arial;
        color:#333333;
    }

    /*.ToolsDialog {
        border-radius:5px;
    }*/

    #InsertLinkTree {
        overflow:auto;
        padding-right:20px;
        max-height:calc(100vh - 200px);
    }

    #lstInsertLinkType {
        width:calc(100% - 42px);
    }

    .DialogHeading {
        font-size:18pt;
        font-family:'Segoe UI', Arial;
        color:#333333;
    }

    .InsertLinkType {
        font-size:11pt;
        padding-right:2px;
        padding-left:3px;
        padding-top:3px;
        padding-bottom:3px;
        border-top:1px solid #bbbbbb;
        border-bottom:1px solid #bbbbbb;
    }

    .InsertLinkType select {
        border:none;
        margin-top:2px;
    }

    .HideDialogIcon {
        float:right;
        cursor:pointer;
        font-family:'Segoe UI Light', 'Segoe UI', Arial;
        font-size:40px;
        padding-right:4px;
        color:#333333;
        line-height:20px;
    }

    /* Insert Variable Form */
    .UserVarRow button {
        Xdisplay:none;
        opacity: 0;
        transition: opacity 1s ease-in-out;
    }

    .UserVarRow:hover button {
        opacity: 1;
        Xdisplay:inline-block;
    }
    
    .UserVarRow {
        Xborder:1px solid orange;
        height:30px;
    }
    
    .InsertVarItem {
        
        Xpadding-top:3px;
        Xpadding-bottom:5px;
        line-height:25px;
        font-family:'Segoe UI Light', 'Segoe UI', Arial;
        font-size:12pt;
    }

    .InsertVarItem:hover {
        Xbackground-color:#f5f5f5;
        Xtext-decoration:underline;
        text-decoration:none;
        color:black;
    }

    #divUserVarTab, #applicationvartab, #pagevartab {
        min-height:200px;
        max-height:calc(100vh - 170px);
        overflow:auto;
        padding-top:20px;
    }


    /* END Insert Variable Form */
 
    /* Manage Themes Form */
    #divThemeThumbnails {
        max-width:700px;
        Xmax-width:calc(100vw - 60px);
        Xmax-height:calc(100vh - 60px);
    }

    .ThemeThumbnail {
        width:150px;
        height:100px;
        margin:10px;
        background-size:150px 100px;
        display:inline-block;
        cursor:pointer;
        border:1px solid #444444;
        text-align:center;
    }

    .ThemeThumbnail:hover .ThemeThumbnailOverlay {
        visibility:hidden;
    }

    .ThemeThumbnailOverlay {
        position:relative;
        background-color:#444444;
        opacity:.5;
        z-index:9;
        top:68px;
        width:148px;
        height:30px;
    }

    .ThemeThumbnailLabel {
        position:relative;
        z-index:10;
        top:44px;
        width:148px;
        height:30px;
        color:white;
    }



    /*.ThemeThumbnail_Container {
        width:150px;
        height:100px;
        overflow:hidden;
        display:inline-block;
        Xborder:3px solid #dddddd;
        margin:10px;
    }

    .ThemeThumbnail {
        width:937px;
        height:625px;
        transform: scale(0.16);
        transform-origin: 0 0;
        border:none;
    }

    .ThemeThumbnail_Overlay {
        position:absolute;
        background-color:#888888;
        opacity:.1;
        z-index:10;
        width:150px;
        height:100px;
        cursor:pointer;
    }

    .ThemeThumbnail_Overlay:hover {
        opacity:.2;
    }*/

   /* END Manage Themes Form */


    /* Theme Detail Form */
    .ThemeDetailTextarea {
        xwidth:600px;
        Xmax-width:600px;
        height:250px!important;
    }
    /* END Theme Detail Form */


    /* User Detail Form */
        #divUserPicContainer {
            Xdisplay:inline-block;
            Xwidth:200px;
        }

        #divUserPicContainer:hover .UserDetailPicButtons {
            display:block;
        }

        .UserDetailPicButtons {
            position:absolute; 
            z-index:10;
            font-size:40px;
            Xline-height:40px;
            padding-left:10px;
            display:none;
        }

        .UserDetailPicButtons div .ajax-file-upload {
            line-height:40px!important;
        }

    /* END User Detail Form */