/*
*/
/*
@import "../base.css";
@import "opaque.css";
@import "vw-auth.css";
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfook, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* */
html {
    height:100%; /* fix height to 100% for IE */
    max-height:100%; /* fix height for other browsers */
    padding:0; /*remove padding */
    margin:0; /* remove margins */
    border:0; /* remove borders */
    background:#fff; /*color background - only works in IE */
    font-size:16px; /*set default font size */
    font-family: Arial, Verdana, Helvetica, sans-serif;
    overflow:hidden; /*get rid of scroll bars in IE */
}
/*
    font-family: georgia, "palatino linotype", "times new roman", serif; /* set default font #/
    font-family: "Arial Narrow", Verdana, Helvetica, sans-serif;
    /* hide overflow:hidden from IE5/Mac #/
    /* \#/
*/
body {
    display:block;
    position: relative;
    height:100%; /* fix height to 100% for IE */
    max-height:100%; /* fix height for other browsers */
    overflow:hidden; /*get rid of scroll bars in IE */
    padding:0; /*remove padding */
    margin:0; /* remove margins */
    border:0; /* remove borders */
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-style: normal;
    font-size: 100%;
    overflow: auto;
    margin: 0px 0px 0px 0px;
    border-top: 1px solid #666666;
}
/* ....................  */
input {
    font-size: 100%;
}
/* ....................  */
/* ajax */
div.vw-ajax {
    cursor: pointer;
}
.vw-ajax-on {
    display:none;
}
.vw-ajax-on-load {
    display:none;
}
.vw-ajax-on-action {
    display:none;
}
.vw-go-back {
    display: inline;
    margin-top: 5px;
}
.vw-go-back img {
    width: 20px;
    opacity: .8;
}
/*
#vw-overlays {
    position: absolute;
    left: -9999px;
    top: -9999px;
}
*/

.vw-alert {
    font-size: 120%;
    color: red;
    font-weight: bold;
}

.vw-highlight {
    color: #00cccc;
    font-weight: bold;
}

.vw-clear-after:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility:hidden;
}

/* page */
.vw-page-info {
    font-weight:bold;
}
.vw-page-info .vw-highlight {
    color: #0000ff;
    background-color: lightyellow;
    font-weight: bold;
    font-size: larger;
    border: 1px solid;
}
.vw-page-info div.vw-ajax {
    float: left;
    display: inline-block;
}
.vw-page-info div.vw-page-info-summary {
    float: none;
}
.vw-page-info div {
    float:left;
}
.vw-page-info .vw-page-link {
    padding: 0 15px;
}
.vw-page-info .vw-pages {
}
.vw-page-info .vw-page-link.vw-first {
    display: block;
    height: 0;
    clear: both;
    float: none;
}

.vw-page-info .vw-page-link svg {
    height: 20px;
    width: 20px;
}

/* panel ......................................... */
.vw-panel-box {
}
.vw-panel {
}
.vw-panel-box.vw-modal-box {
}
.vw-panel.vw-modal {
    height: 100%;
    padding: 0;
    overflow: hidden;
}
/* modal ......................................... */
.vw-modal-box {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(220,240,250);  /* fallback color */
    background-color: rgba(220,240,250,0.8);   /* "blue" w/ opacity */
}
.vw-modal {
    top: 0;
    left: 0;
    position: absolute;
    overflow: auto;
    width: 100%;
    height: 100%;
}
    /*max-height: 80%;*/
    /*min-height: 60%;*/
    /*padding: 5% 0;*/
    /*height: 75%;*/
    /*margin-top: 5%;*/
    /*border: 1px solid black;*/
.vw-modal-content 
  , .vw-modal-content.vw-search-panel 
  {
    position: relative;
    display: block;
    width: 100%;
    max-width: 700px;
    height: 100%;
    padding: 0;
    margin: auto;
    overflow: auto;
    background-color: rgb(255,255,255);
}
.vw-catalog-build.vw-modal-content {
    border: none;
}
.vw-property-definition-panel .vw-modal-content {
    height: 80%;
}
.vw-proposed {
    background-color: #FFCCCC;
}

/* auth permissions */
.vw-logged-in {
    display: block;
}
.vw-guest .vw-logged-in {
    display: none;
}
.vw-not-logged-in, .vw-anonymous {
    display: none;
}
.vw-guest .vw-not-logged-in, .vw-guest .vw-anonymous {
    display: block;
}
/* for logged-in users */
.vw-auth {
    display: none;
}
.vw-moderator {
    display: none;
}
.vw-approver {
    display: none;
}
.vw-admin {
    display: none;
}
.vw-is-auth .vw-auth {
    display: block;
}
.vw-is-moderator .vw-moderator {
    display: block;
}
.vw-is-approver .vw-approver {
    display: block;
}
.vw-is-approver .vw-approver.vw-hidden {
    display: none;
}
.vw-is-admin .vw-admin {
    display: block;
}
.vw-is-admin .vw-no-admin {
    display: none;
}

#vw-page-body {
    color:#003366;
    background-color:transparent;
    background: url(../../img/vw-bg-big.png) 0px 0px no-repeat;
}
.vw-iframe {
    border: none;
}
/* ............ */
.vw-result-box {
    position: relative;
}
.vw-result {
    position: relative;
}
/* ............ */
.vw-msg-box {
}
.vw-msg-box.vw-result-msg {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 700;
    color: #660000;
    background: whitesmoke;
}
.vw-msg {
}
.vw-center {
    margin: 5% 5%
}
.vw-error-display-view {
    margin: 20px 15%;
    font-size: 92%;
    font-weight:bold;
    color: #990000;
}
.vw-error-display-view-sub {
    font-size: 85%;
    color: black;
}
.vw-data {
    display:none;
}
.vw-demo-section {
    display:none;
    margin:20px 0;
    border-top: 2px solid #cccccc;
    color:#cccccc;
}
/* */
.vw-picture {
}
.vw-picture img {
}
.vw-picture .vw-no-img {
    height: 100px;
    width: 100px;
    text-align: center;
    margin: 0 10%;
}
.vw-picture .vw-no-img .vw-text {
    font-family: Arial, sans-serif;
    font-size: 140%;
    font-weight: normal;
    padding: 20% 0; 
}
.vw-picture .vw-no-img.vw-template-tmb {
    height: 100px;
    width: 100px;
}
.vw-picture .vw-template-lrg {
    height: 400px;
    /*width: 100px;*/
}
/* ........... */
.vw-catalog .vw-picture .vw-no-img {
    border-radius: 20%;
}
/* ..... */
.vw-catalog-info .vw-picture .vw-no-img 
    , .vw-catalog-info .vw-picture .vw-no-img.vw-template-tmb 
{
    border-radius: 20%;
    height: 70px;
    width: 70px;
}
/* ........... */
.vw-user .vw-picture .vw-no-img {
    border-radius: 50%;
}
/* ..... */
.vw-owner-info .vw-picture .vw-no-img
    , .vw-owner-info .vw-picture .vw-no-img.vw-template-tmb 
{
    height: 50px;
    width: 50px;
    border-radius: 50%;
}
/* ........... */
.vw-head .vw-picture .vw-no-img 
    , .vw-head .vw-picture .vw-no-img.vw-template-tmb 
{
    height: 50px;
    width: 50px;
    margin: 10px;
}
.vw-head .vw-picture .vw-no-img .vw-text {
    font-size: 120%;
}
/* ........... */
.vw-style-0, .vw-item.vw-style-0 .vw-item-top {
    color: rgb(100, 10, 100);
    background-color:  rgb(200, 200, 200);
}
.vw-style-1, .vw-item.vw-style-1 .vw-item-top {
    color: rgb(10, 100, 100);
    background-color:  rgb(100, 200, 200);
}
.vw-style-2, .vw-item.vw-style-2 .vw-item-top {
    color: rgb(255, 245, 200);
    background-color:  rgb(170, 150, 20);
}
.vw-style-3, .vw-item.vw-style-3 .vw-item-top {
    color: rgb(50, 50, 100);
    background-color:  rgb(250, 250, 200);
}
.vw-style-4, .vw-item.vw-style-4 .vw-item-top {
    color: rgb(100, 50, 100);
    background-color:  rgb(250, 200, 250);
}
.vw-style-5, .vw-item.vw-style-5 .vw-item-top {
    color: rgb(100, 100, 200);
    background-color:  rgb(150, 200, 250);
}
.vw-style-6, .vw-item.vw-style-6 .vw-item-top {
    color: rgb(100, 50, 50);
    background-color:  rgb(250, 150, 150);
}
.vw-style-7, .vw-item.vw-style-7 .vw-item-top {
    color: rgb(50, 100, 100);
    background-color:  rgb(150, 200, 200);
}
.vw-style-8, .vw-item.vw-style-8 .vw-item-top {
    color: rgb(100, 50, 100);
    background-color:  rgb(250, 150, 200);
}
/* ........................................................ */
.vw-style-0.vw-item .vw-item-top .vw-item-type {
    color: #993333;
}
.vw-style-1.vw-item .vw-item-top .vw-item-type {
    color: #333399;
}
.vw-style-2.vw-item .vw-item-top .vw-item-type {
    color: #336699;
}
.vw-style-3.vw-item .vw-item-top .vw-item-type {
    color: #996699;
}
.vw-style-4.vw-item .vw-item-top .vw-item-type {
    color: #339933;
}
.vw-style-5.vw-item .vw-item-top .vw-item-type {
    color: #663399;
}
.vw-style-6.vw-item .vw-item-top .vw-item-type {
    color: #669933;
}
.vw-style-7.vw-item .vw-item-top .vw-item-type {
    color: #663366;
}
.vw-style-8.vw-item .vw-item-top .vw-item-type {
    color: #996633;
}
/* ........................................................ */
.vw-items-box .vw-item-box .vw-item {
    background-color: rgb(255,255,240);
    background-color: rgba(255,255,240,0.8); 
    color: #003333;
}
/* ........................................................ */
.vw-item.vw-style-OWN .vw-item-top {
    background-color: rgb(255,215,0);  /* fallback color */
    background-color: rgba(255,215,0,0.55);
    color: #003333;
}
.vw-style-OWN.vw-item .vw-item-top .vw-item-type {
    color: #993333;
}
.vw-item.vw-style-READ .vw-item-top {
    background-color: rgb(255,150,150);
    background-color: rgba(250,150,150,0.8);
    color: #003333;
}
.vw-style-READ.vw-item .vw-item-top .vw-item-type {
    color: #333399;
}

/* ........... */
/* */
.vw-soon {
    margin: 40px;
    font-size: 20px;
}
.vw-future {
    margin: 40px;
    font-size: 20px;
}
/* */
.vw-support-body {
    overflow:auto;
    height:94%;
    padding:20px;
}
.vw-p {
    padding: 10px;
}
#vw-pre-enter {
    padding:5px 0;
}
#vw-nda-and-terms {
    height: 300px;
    width:90%;
    margin:10px 5%;
    border:1px solid;
    overflow:auto;
    clear:both;
}
#vw-nda {
}
#vw-terms {
}
.vw-no-nda .vw-hide-layer-text {
    width:50%;
    overflow:auto;
}
#vw-accept-nda-box {
}
#vw-accept-nda {
    margin: 10px 40% 0 40%;
}
#vw-nda-links {
    margin: 0px 30px;
}
#vw-nda-links .vw-link {
    float:left;
    font-size: 10px;
    padding:10px;
}
#vw-nda-link {
}
#vw-terms-link {
}
.vw-terms-p {
    text-align: justify;
    font-size: 11px;
    margin-top:10px;
}
#vw-privacy-policy {
}
#vw-help-main {
    font-size: 12px;
}
/* */
#vw-support-links {
    margin: 5px 20px;
    font-size: 60%;
    position: relative;
}
#vw-support-links div {
    float:left;
    width: 100px;
    color: #999999;
}
#vw-support-links a {
    color: #999999;
}
/* margin: 5px 20px; */
div#vw-version {
    font-size: 65%;
    color: #996666;
    position: absolute;
    right: 135px;
    width: 200px;
}
#vw-copyright {
    font-size: 65%;
    color: #666666;
    position: absolute;
    right: 20px;
}
#vw-known-issues {
}
#vw-known-issues li {
    padding: 5px;
}
/* */
div div#vw-wait-msg {
    text-align: left;
}
#vw-hide-layer {
    background-color: #003366;
    color:white;
    font-weight: bold;
    height: 100%;
    width: 100%;
    position: absolute;
    top:0;
    left:0;
    opacity: 0.7;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter:alpha(opacity=70);
}
.vw-hide-layer-text-box {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    text-align: left;
}
.vw-hide-layer-text-box .vw-fill-div {
    width: 80%;
    height:100%;
    margin:10px;
    text-align: left;
}
/*    text-align: center; */
.vw-hide-layer-text {
    margin:100px auto;
    width:200px;
    padding:50px;
    background-color: white;
    color: black;
    border: 2px solid black;
    position:relative;
}
.vw-hide-layer-close {
}

.vw-bold {
    font-weight: bold;
    font-size: 14px;
}
    /*float:left;*/
.vw-inline {
    display: inline-block;
    padding: 0 5px;
}
.vw-inline-block {
    display: inline-block;
    padding: 0 5px;
}
/* vw-link ...................... */
.vw-link {
    color: #0033CC;
    cursor: pointer;
}
.vw-link:visited {
    color: #999999;
}
.vw-link:hover {
    color: #cccccc;
}
.vw-link:active {
    color: #cccccc;
}
/* a ...................... */
a {
    cursor: pointer;
}
a:link {
    color: #0033CC;
    cursor: pointer;
    text-decoration: none;
}
a:visited {
    color: #999999;
    text-decoration: none;
}
a:hover {
    color: #cccccc;
}
a:active {
    color: #cccccc;
}
/* vw-button ...................... */
.vw-button.vw-ok {
    width: 20px;
}
a.vw-button {
    color: #aaccff;
}
a.vw-button:hover {
    color: #003366;
}
.vw-button a {
    color: #aaccff;
}
.vw-button a:hover {
    color: #003366;
}
/*
.vw-button {
    border-style:inset;
    border-width: 1px;
    padding: 5px 10px;
*/
.vw-button {
    cursor: pointer;
    border-color: #aaccff;
    border-width: 0;
    border-radius: 25px;
    font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-size: 80%;
    font-weight: bold;
    padding: 3px 10px;
    text-decoration: none;
    text-align: center;
    color: #aaccff;
    background-color: #003366;
    white-space: nowrap;
}
.vw-panel-box .vw-button {
}
.vw-button:visited {
    color: white;
    background-position: 0 0;
}
.vw-button:hover {
    background-position: -60px 0;
    color: #003366;
    border-style: outset;
    background-color: #aaccff;
    /*padding: 3px 4px 1px 6px; shift text 1px to the right and down*/
}
.vw-button:active {
    color: white;
}
a.vw-button.vw-button-green {
    background-color: #336600;
    color: #CCFFAA;
}
a.vw-button.vw-button-green:hover {
    background-color: #CCFFAA;
    color: #336600;
}
a.vw-button.vw-button-red {
    background-color: #993333;
    color: #CC6666;
}
a.vw-button.vw-button-red:hover {
    background-color: #CC6666;
    color: #993333;
}
.vw-button-green {
    background-color: #336600;
    color: #CCFFAA;
}
.vw-button-green:hover {
    background-color: #CCFFAA;
    color: #336600;
}
.vw-button-red {
    background-color: #993333;
    color: #CC6666;
}
.vw-button-red:hover {
    background-color: #CC6666;
    color: #993333;
}
div.vw-button:visited {
}
div.vw-button:active {
    border-style:outset;
    background-color: #6699cc;
    color: #003366;
}
div.vw-button:hover {
    border-style:outset;
    /*padding: 3px 4px 1px 6px; shift text 1px to the right and down*/
}
span.vw-button:visited {
}
span.vw-button:active {
    border-style:outset;
    /*padding: 3px 4px 1px 6px; shift text 1px to the right and down*/
    background-color: #6699cc;
    color: #003366;
}
span.vw-button:hover {
    border-style:outset;
    /*padding: 3px 4px 1px 6px; shift text 1px to the right and down*/
}
/* */
.vw-head-label {
    font-weight: bold;
    font-size: 100%;
    margin: 10px;
}
.vw-remove {
    font-weight: normal;
    font-size: 75%;
    color: red;
    margin: 0 10px;
}
.vw-set {
    font-weight: normal;
    font-size: 75%;
    color: blue;
    margin:0 10px;
}
/* */

/* section ...........  */
.vw-section-2 {
    margin: 10px 0;
    padding: 20px 0;
    clear:both;
}
.vw-section-body {
    clear: both;
    position: relative;
    padding-top: 10px;
}
.vw-header {
    font-size: 100%;
    font-weight: bold;
}
.vw-sub-head {
    position: relative;
    left: 125px;
}
.vw-inline-title {
    display: inline;
    font-size: 100%;
    font-weight: bold;
    text-align:center;
}
.vw-title {
    font-size: 100%;
    font-weight: normal;
    text-align:center;
}
.vw-subtitle {
    font-size: 90%;
    font-weight: normal;
}
/* ...................................... */
/* 
  background: url(../../img/vw-banner-50.jpg) no-repeat scroll 0 0 transparent;   
  background: url(../../img/vw-banner-50.jpg) 0px 0px no-repeat;
    border: 1px solid lightcyan;
    width: 100%;
    width: 0;
*/
#vw-top {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 50px;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid lightblue;
}
.vw-top {
}
/* ................................ */
#vw-main {
    overflow: hidden;
    position: absolute;
    top: 50px;
    bottom: 21px;
    left: 0;
    right: 0;
    height: calc(100% - 71px);  /* subtract top + bottom */
    width: 100%;
    background-color: transparent;
}
/* */
#vw-left {
    display: none;
}
#vw-right {
    display: none;
}
/* */
#vw-bottom {
    border-top: black solid 1px;
    clear: both;
    position: absolute;
    bottom: 0px;
    height: 20px;
    width: 100%;
}

.vw-sidebar {
    margin:0px;
}
.vw-sidebar-section {
    position:relative;
    height:150px;
    border-top:1px solid lightcyan;
}

#vw-page {
    height: 100%;
}

/* menu ............................. */
.vw-menu-box {
    position:absolute;
    height: 100%;
    width: 100%;
}
.vw-menu-button > * {
    vertical-align: middle;
}
.vw-menu-button {
    position: relative;
    cursor: pointer;
    height: 100%;
    width: 100%;
}
/*
    background-color: rgb(30,80,90);
    // hover:
    background-color: rgb(10,200,230);
    background-color: rgba(10,200,230,1.0);
*/
/* */
.vw-menu {
    position:absolute;
    top: 0;
    max-height: 100vh;
    margin: 3px;
    padding: 10px 20px;
    white-space: nowrap;
    background-color: whitesmoke;
    border: 1px solid black;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    font-size: 100%;
    overflow-y: auto;
}
.vw-menu .vw-no-action {
    font-size: 80%;
    color: #999999;
}
.vw-menu .vw-menu-group-title {
    color: #999999;
    font-size: smaller;
}
.vw-menu .vw-menu-group .vw-menu-item {
    margin: 0 0 0 30px;
}
.vw-menu .vw-menu-items {
}
.vw-menu .vw-menu-item {
    position: relative;
    padding: 10px 5px;
    cursor: pointer;
    font-size: 92%;
    margin: 0;
}
.vw-menu .vw-menu-item.vw-subtext , .vw-menu .vw-menu-item.vw-sub-text {
    padding: 0;
    font-size: 80%;
}
/* margin-left 5px less to accomodate bold font (for longest menu item) */
    /*margin-left: 5px;*/
.vw-menu .vw-menu-item:hover {
    background-color: palegoldenrod;
    font-weight: normal;
}
/*.vw-menu .vw-menu-item svg {*/
/*
.vw-menu svg {
    height: 20px;
    width: 20px;
    padding-right: 10px;
}
*/
.vw-menu svg {
    padding-right: 10px;
}
.vw-menu .vw-menu-item input[type="submit"]{
    background: unset;
    border: unset;
    font-size: unset;
    color: unset;
}
.vw-menu-item {
    color: #336699;
}
.vw-menu-item:hover {
    color: #003366;
}
.vw-menu-item a {
    display: inline-block;
    height: 100%;
    width: 100%;
    color: #336699;
}
.vw-menu-item a:visited {
    color: #336699;
}
.vw-menu-item a:active {
    color: #3366CC;
}
.vw-menu-item a:focus {
    color: #3366CC;
}
.vw-menu-item a:hover {
    color: #3366CC;
}
.vw-menu ul ul {
   background: #F3F9FF; 
}
.vw-menu-home {
    font-weight:bold;
}
/* */
.vw-submenu-box {
    border-top: 1px solid #336699;
    padding-left: 60px;
}
.vw-submenu {
}
.vw-submenu .vw-menu {
    position: relative;
    border: none;
    box-shadow: none;
}
.vw-submenu .vw-menu-item:first-of-type {
    margin-left: -60px;
}
.vw-submenu .vw-home-menu-item {
}

/* Home User */
#vw-login-needed-box {
    margin:10px;
}
#vw-guest-user {
    margin: 0;
}
/* 
    background: url(../../img/vw-logo-light.jpg) 0px 0px no-repeat;
*/
#vw-guest-user-head {
    padding: 5px;
}
#vw-guest-user-body {
    margin: 5px;
}
/*    background: url(../../img/vw-banner-light.jpg) 0px 0px no-repeat; */
#vw-guest-user .vw-title {
    color: #336699;
    margin: 20px 5px;
    font-size: 20px;
}
#vw-guest-user #vw-login-register-link {
    margin: 20px 5px;
}
.vw-iframe-top .vw-intro-title {
    margin-top: 15px;
}
div.vw-iframe-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 61px;
    background: url(../../img/vw-banner-light.jpg) 0px 0px no-repeat;
}
.vw-login-goto {
}
.vw-login-goto div {
    padding: 5px 0;
}
/*
    background-color: white;
    color: #990033;
    color: #003399;
*/
.vw-login-goto a {
    margin: 5px 0;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    color: #003399;
    border-style:none;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
}
.vw-login-goto a:hover {
    font-size: 17px;
    color: #00cccc;
}
#vw-register-link {
    cursor: pointer;
    font-weight: bold;
    font-size: 12px;
    margin-top: 2px;
    color: green;
}
#vw-register-link a{
    color: green;
}
#vw-register-link a:hover {
    color: #00cc00;
    font-size: 13px;
}
/* LOGIN */
#vw-auth-iframe-box {
    height: 30px;
    width: 100px;
    position: absolute;
    top: 120px;
    margin:0;
    padding: 0 10px;
}
#vw-logout-button a {
    color: #999999;
}
#vw-logout-button a:visited {
    color: #999999;
}
#vw-logout-button a:hover {
    color: #cccccc;
}
#vw-logout-button a:active {
    color: #cccccc;
}
/* .......................  */
#vw-intro-buttons {
    display:block;
}
.vw-intro-button {
    cursor:pointer;
}
.vw-intro-button input[type="submit"] {
    cursor:pointer;
    background: none;
    border: none;
    position: relative;
    left: -10px;
    color: #999999;
    font-size: inherit;
}
.vw-intro-button input[type="submit"]:hover {
    color: #cccccc;
}
#vw-login-button {
    right: 10px;
    color: #990033;
}
#vw-login-button:visited {
    color: #990033;
}
#vw-login-button:hover {
    color: #cc0033;
}
#vw-login-button:active {
    color: #cc0033;
}

/* 
@keyframes stroke-glow {
    0% { stroke: rgb(30,80,90); }
    10% { stroke: rgb(50,100,190); }
    20% { stroke: rgb(130, 200,240); }
    30% { stroke: rgb(50,100,190); }
    40% { stroke: rgb(30,80,90); }
    50% { stroke: rgb(50,100,190); }
    50% { stroke: rgb(130, 200,240); }
    60% { stroke: rgb(50,100,190); }
    70% { stroke: rgb(30,80,90); }
    80% { stroke: rgb(50,100,190); }
    90% { stroke: rgb(130, 200,240); }
    100% { stroke: transparent; }
}
*/
/* glow ........................................... */
@keyframes stroke-glow-1 {
    0% { stroke: rgb(150,200,250); }
    20% { stroke: rgb(100,150,200); }
    40% { stroke: rgb(50,100,150); }
    50% { stroke: rgb(0,50,100); }
    60% { stroke: rgb(50,100,150); }
    80% { stroke: rgb(100,150,200); }
    100% { stroke: rgb(150,200,250); }
}
@keyframes stroke-glow-2 {
    0% { stroke: rgb(150,200,250); }
    20% { stroke: rgb(100,150,200); }
    40% { stroke: rgb(50,100,150); }
    50% { stroke: rgb(0,50,100); }
    60% { stroke: rgb(50,100,150); }
    80% { stroke: rgb(100,150,200); }
    100% { stroke: rgb(150,200,250); }
}
@keyframes color-glow-1 {
    0% { color: rgb(150,200,250); }
    20% { color: rgb(100,150,200); }
    40% { color: rgb(50,100,150); }
    50% { color: rgb(0,50,100); }
    60% { color: rgb(50,100,150); }
    80% { color: rgb(100,150,200); }
    100% { color: rgb(150,200,250); }
}
/*#vw-top-nav .vw-glow {*/
/*
.vw-home svg.vw-glow {
    animation-name: stroke-glow-1;
    animation-duration: 4s;
    animation-delay: 3s;
}
#vw-page-title.vw-glow {
    animation-name: color-glow-1;
    animation-duration: 3s;
}
#vw-page-title:hover {
    animation-name: color-glow-1;
    animation-play-state: running;
}
*/
/*
#vw-page-title.vw-glow {
    animation-name: color-glow-1;
    animation-play-state: paused;
}
#vw-page-title:hover, #vw-page-title:focus {
    animation-name: color-glow-1;
    animation-duration: 4s;
}
*/

/*
#vw-top-nav {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 100%;
    width: 100px;
    height: 100%;
}
*/
/* top nav ........................................... */
#vw-top-home {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 100%;
    width: 50px;
    height: 100%;
}

.vw-home {
    height: 100%;
    width: 100%;
}

#vw-top-home img {
    width: 45px;
    margin: 10%;
}

/*
.vw-home svg.vw-feather {
    padding: 10%;
    height: 30px;
    width: 30px;
    stroke: transparent;
}
*/

/* ......................  */
    /*
    font-family: Papyrus, monospace, sans-serif;
    font-family: Monaco, Arial, Verdana, Helvetica, sans-serif;
    width: 45vw;
    */
#vw-page-title {
    height: 100%;
    width: 100px;
    font-size: 95%;
    font-weight: 300;
    font-family: Lucida Console, Arial, Verdana, Helvetica, sans-serif;
    color: rgb(220,240,255);
    color: rgba(220,240,255,.5);
}
#vw-page-title:hover {
    color:rgb(230,250,255);
    color:rgba(230,250,255,.7);
}
#vw-page-title img {
    height: 40px;
    margin: 5px 25px;
}
/* top user ........................................... */
.vw-guest #vw-top-user {
    display: none;
}
    /*left: calc(100vw - 50px);*/
#vw-top-user {
    display: block;
    position: absolute;
    top: 1px;
    right: 0;
    width: 50px;
    height: calc(100% - 2px );
}
#vw-top-user .vw-picture .vw-no-img {
    height: 40px;
    width: 40px;
    margin: 10%;
}
#vw-top-user .vw-picture .vw-no-img .vw-text {
    padding: 10%;
}
#vw-top-user.vw-top-action {
    margin: 10px 10px 0 0;
    font-size: 80%;
    white-space: nowrap;
}
#vw-top-user #vw-user {
    width: 100%;
    height: 100%;
    right: 0;
    left: unset;
    bottom: unset;
}
#vw-top-user .vw-picture {
    height: 100%;
    width: 100%;
    margin: 1px;
}
#vw-top-user .vw-picture img {
    margin: 0;
    width: auto;
    height: 100%;
}
/*
#vw-top-user .vw-user-image img {
    width: auto;
    height: 50px;
    margin: -25px 0 0 -50px;
}
*/

/* ........................................... */
/*
    height: 85px
*/
.vw-main-head-box {
    position: relative;
    top:0;
    bottom:0;
    width:100%;
}
/*
    background: url(../../img/vw-banner-light-2.png) 0px 0px no-repeat;
    background: url(../../img/vw-banner-light.jpg) 0px 0px no-repeat;
*/
.vw-main-head {
    text-align: left;
    padding:10px 0 10px 120px;
    color: #336699;
    height:85px;
}
/* ........................................... */
.vw-intro-vastwave-title {
    color: #003366;
}
#vw-intro-welcome {
}
#vw-intro-description {
}
.vw-intro-title {
    font-size:120%;
}
.vw-intro-text {
    font-size:75%;
    font-weight:normal;
    padding:5px 0;
}
/* ........................................... */
.vw-stats {
    margin: 20px;
}
#vw-left .vw-stats {
    font-size:10px;
    margin:5px 3px;
}
.vw-stats > div {
    padding: 10px;
}
#vw-left .vw-stats > div {
    padding: 0;
}
/* home ........................................... */
#vw-home-box {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#vw-home {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}
#vw-home-head {
    height: 100px;
}
#vw-home-body {
    width: 100%;
    position: absolute;
    top: 100px;
    bottom: 0;
    left: 0;
    right: 0;
}
#vw-home-body .vw-title {
    color: lightblue;
}
#vw-home-body > div.vw-collections div.vw-my-stuff .vw-body-box {
    overflow-y: hidden;
}
/* ... */
#vw-home-box .vw-head-box {
    border: none;
}
#vw-home-box .vw-search-results-box .vw-head-box {
    display:none;
}
#vw-home-box .vw-search-results {
    top: 0;
    height: 100%;
}
.vw-guest #vw-home-box .vw-section .vw-search-results {
    white-space: normal;
}
/*.vw-guest #vw-home-box #vw-home-body .vw-section-box {*/
.vw-guest #vw-home-box .vw-section-box {
    height: 100%;
}
/* */
.vw-required {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    color: #990000;
}
.vw-error {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 92%;
    font-weight: bold;
    color: #990000;
}
.vw-error-detail {
    font-size: 85%;
    color:#999999;
    height: 30px;
    overflow: hidden;
}
.error {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #990000;
}
/* */
.vw-login-error {
    color: #cc0000;
    font-weight: 900;
    font-size:  x-small;
    padding: 10px 0;
}
/* */
.vw-sub-text {
    font-size: 65%;
    color:#999999;
}
.vw-text-small {
    font-size: 75%;
}
.vw-text-xsmall {
    font-size: 65%;
}
    /*display: inline-block;*/
.vw-tooltip  {
    position: relative;
}
.vw-tooltip .vw-tooltiptext {
    visibility: hidden;
    width: 200px;
    border: 1px solid;
    text-align: center;
    padding: 5px 0;
    border-radius: 5px;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -60px;
    background-color: #333399;
    color: #BBDAFF;
}
.vw-tooltip:hover .vw-tooltiptext {
    visibility: visible;
}
/* ............................................. */
/*
:root {
    --loading-offset: 187;
    --loading-duration: 1.5s;
}
*/
@keyframes rotator {
    0%: {transform: rotate(0deg);}
    100%: {transform: rotate(270deg);}
}
@keyframes colors {
    0%: { stroke: #4488FF; }
    25%: { stroke: #DD3333; }
    50%: { stroke: #FFCC22; }
    75%: { stroke: #229955; }
    100%: { stroke: #4488FF; }
}
@keyframes dash {
    0%: { stroke-dashoffset: 188; }
    /*50%: { stroke-dashoffset: 188/4; transform: rotate(135deg);}*/
    50%: { stroke-dashoffset: 47; transform: rotate(135deg);}
    100%: { stroke-dashoffset: 188; transform: rotate(450deg);}
}

    /*animation: rotator 1.5s linear infinite;*/
.vw-loading-img svg {
    animation: rotator linear infinite;
    animation-duration: 1.5s;
    width: 65px;
    height: 65px;
    fill: none;
}
        /*, colors (1.5*4)s ease-in-out infinite;*/
        /* 
    animation: dash 1.5s ease-in-out infinite
        , colors 6s ease-in-out infinite;
    animation-name: stroke-glow-1;
    animation: stroke-glow-1 6.0s ease-in-out infinite
        */
circle.vw-path {
    stroke-dasharray: 188;
    stroke-dashoffset: 0;
    transform-origin: center;
    animation:  
        dash 1.5s ease-in-out infinite, stroke-glow-1 6.0s ease-in-out infinite;
    stroke-width: 6;
}

.vw-loading {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}
.vw-spinner {
    margin: 5% 10%;
    height: 30px;
    width: 30px;
    animation: rotate 0.8s infinite linear;
    border: 3px solid #003366;
    border-right-color: transparent;
    border-radius: 50%;
}
@keyframes rotate {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

.vw-loading-box {
}
.vw-loading {
}
.vw-loading-text {
}
.vw-loading-img {
}
/* ........ */
.vw-not-hidden-false {
    display: none;
}
.vw-hidden-true {
    display: none;
}
.vw-hidden {
    display: none;
}
.vw-hidden-id {
    display: none;
}
/* .............. */
svg.vw-feather {
    height: 20px;
    width: 20px;
}
/* .............. */
.vw-feather {
    stroke: rgb(0,50,100);
    fill: none;
    stroke-width: 2;
}
svg.vw-feather {
    vertical-align: middle;
}
/*
label > svg.vw-feather {
    vertical-align: middle;
}
*/
svg.vw-darker {
    stroke: rgb(0,50,100);
}
svg.vw-dark {
    stroke: rgb(50,100,190);
}
svg.vw-light {
    stroke: rgb(130,180,190);
}
svg.vw-x-light {
    stroke: rgb(180,230,240);
}
/* vw-svg-with-label ............... */
.vw-svg-with-label {
}
.vw-svg-with-label > * {
    vertical-align: middle;
}
/* vw-one ............... */
/* one box */
    /*margin: 10px 12px;*/
    /*margin: 20px 0 0 20px;*/
    /*margin-left: 15px;*/
div.vw-one-box:first-child {
}
div.vw-one-box:last-child {
}
.vw-one-box {
    display: inline-block;
    position: relative;
    height: 125px;
    width: 125px;
    margin: 10px;
    vertical-align: top;
    border: 1px solid transparent;
}
.vw-one-box.vw-small {
    height: 125px;
    width: 125px;
}
.vw-one {
    position: relative;
    height: 100%;
    width: 100%;
}
/* */
/*#vw-main:first-child .vw-head {*/
/* background: url("../../img/vw-banner-light-2.png") no-repeat scroll 0 0 white; */
    /*height:180px;*/
#vw-main .vw-search-result .vw-head {
}
/* absolute pixel css ..................... */
.vw-head-box {
    height: 50px;
}
.vw-head-box .vw-row {
    height: 15px;
}
.vw-body-box {
    top: 50px;
    height: calc(100% - 50px);
}
.vw-section .vw-body-box {
    top: 30px;
    height: calc(100% - 30px);
}
/* ..................... */
.vw-head-box {
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0;
    overflow: visible;
    background-color: transparent;
    border-bottom: 1px solid #99ccff;
}
.vw-body-box {
    position: absolute;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0;
}
/* background: url("../../img/vw-banner-lighter.jpg") no-repeat scroll 0 0 white; */
.vw-head {
    height: 100%;
    position: relative;
    padding: 0;
}
/* */
.vw-body {
    padding: 0;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
}
/* top: 85px; */
.vw-body {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
}
/* */
#vw-catalog-info .vw-head .vw-info {
    font-size: 65%;
}
.vw-head .vw-info-box {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 65%;
}

/*.vw-body-head-info {*/
.vw-head .vw-info {
    position: absolute;
    right: 10px;
}
/* */
.vw-head-indent {
    margin-left: 125px;
}
/* */
#vw-user {
    margin:0px;
    position:relative;
    top:0;
    bottom:0;
    left:0;
    right:0;
}
#vw-user .vw-head-box {
}
/*
#vw-user > div.vw-head-box {
    background-color: rgb(220,200,240);
    background-color: rgba(220,200,240,0.5);
}
*/
#vw-user > div.vw-head-box {
}
#vw-user .vw-body-box {
}
#vw-user .vw-body {
}
/*
#vw-user .vw-body-box {
    position:absolute;
    bottom: 0;
    width:100%;
    overflow:auto;
    margin-top:0;
    padding: 0;
    overflow-x: hidden;
}
#vw-user-body {
    top: 0;
    height: 100%;
    padding: 0;
}
#vw-user-body .vw-media-box {
}
*/
.vw-user-profile {
    height: 100%;
}
/* */
#vw-user-summary {
    height:250px;
    margin-top: 2px;
}
.vw-user-info {
    margin: 0;
}
.vw-user-name {
    text-align: center;
    font-size: 80%;
    font-weight: bold;
}
#vw-user-name-box .vw-title {
    text-align: left;
}
/* */
#vw-user-items-box {
    height:140px;
    width:120px;
    overflow:hidden;
    position:absolute;
    top:90px;
    padding-top:20px;
}
/* .............. */
.vw-user-settings .vw-setting.vw-active {
    /*display: block;*/
}
.vw-user-settings .vw-setting {
    /*display: none;*/
}
.vw-one-setting {
    margin: 20px 10px;
}
/* */
.vw-guest .vw-private {
    display:none;
}
.vw-private {
}
.vw-private .vw-item-top {
    opacity: 0.6;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter:alpha(opacity=60);
}
.vw-private .vw-item-card {
    opacity: 0.6;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter:alpha(opacity=60);
}
/*
.vw-private {
    opacity: 0.6;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter:alpha(opacity=60);
}
*/

/* build Catalog - absolute pixels ......................... */
.vw-catalog-build-box.vw-modal .vw-catalog-build .vw-head-box {
    height: 50px;
}
.vw-catalog-build-box.vw-modal .vw-catalog-build .vw-body-box .vw-head-box {
    height: 100px;
}
/*
#vw-add-item .vw-catalog-build-box.vw-modal .vw-catalog-build .vw-body-box .vw-head-box {
    height: 100px;
}
#vw-add-item.vw-panel-box {
    top: 30px;
    height: calc(100% - 30px);
}
*/
#vw-add-item.vw-panel-box {
}
#vw-add-item .vw-catalog-build-box.vw-modal .vw-catalog-build form .vw-cancel.vw-button {
    display: none;
}
    /*height: calc(100% - 75px);*/
.vw-catalog-build-box.vw-modal .vw-catalog-build > .vw-body-box {
    top: unset;
    height: calc(100% - 50px);
}
.vw-catalog-build-box.vw-modal .vw-catalog-build .vw-head {
    height: 100%;
}
.vw-catalog-build-box.vw-modal .vw-catalog-build.vw-modal-content .vw-body.vw-body-box {
    top: unset;
}
.vw-catalog-build .vw-catalog-name .vw-clear-name-menu {
    height: 25px;
    width: 25px;
}
.vw-catalog-build-box .vw-catalog-build > .vw-body-box .vw-body-box.vw-body .vw-body {
    height: calc(100% - 75px)
}
.vw-properties-box .vw-catalog-build > .vw-body-box {
    height: 200px;
}
.vw-catalog-build .vw-props {
    margin: 10px 20px;
}
/*
.vw-catalog-build .vw-catalog-candidates {
    height: 20px;
}
*/
/* build Catalog  ......................... */
.vw-catalog-build-box {
    overflow: hidden;
}

    /* padding: 5% 0; */
.vw-catalog-build-box.vw-modal {
}
/* ...  */
.vw-catalog-build-box .vw-modal-content {
    overflow: hidden;
}
/*
    padding: 0;
    max-height: 100%;
    height: 75%;
    height: 80%;
    min-height: 70%;
*/
/*
    top: 10px;
    left: 10px;
    width: calc(100% - 100px);
    padding: 10px;
*/
.vw-catalog-build-box .vw-catalog-build-result-box {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: left;
}
    /*width: calc(100% - 80px);*/
    /*z-index: 10;*/
.vw-catalog-build-box .vw-catalog-build-result-box .vw-catalog-build-result {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 9999;  /* cover close panel (X) */
}
.vw-catalog-build-box .vw-catalog-build-result-box .vw-button {
    width: 80px;
}
/*
.vw-catalog-build-box .vw-catalog-build-result-box .vw-catalog-build-result {
    position: relative;
    background-color: white;
    width: 100%;
    height: 100%;
}
*/
.vw-catalog-build-box .vw-catalog-build-result-box .vw-msg-box 
    , .vw-catalog-build-box .vw-catalog-build-result-box .vw-error-box 
{
    /*position: absolute;*/
    /*bottom: 0;*/
}
.vw-catalog-build-box .vw-catalog-build-result-box .vw-msg-box.vw-result-msg {
    position: relative;
}
.vw-catalog-build {
}
/* this is used for "catalog name required" in cat build */
.vw-catalog-build .vw-help {
    font-size: 85%;
    padding-top: 5px;
}
.vw-catalog-build .vw-help .vw-detail {
    color: gray;
}
.vw-catalog-build-box .vw-catalog-build .vw-head-box {
    position: relative;
}
.vw-catalog-build .vw-head {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    text-align: center;
    border-bottom: 1px solid ;
    border-top: none;
    border-left: none;
    border-right: none;
}
.vw-catalog-build .vw-head .vw-head-body {
    padding: 0 10%;
    height: 100%;
}
.vw-catalog-build .vw-head .vw-head-body > div {
    position: relative;
    width: 100%;
    padding: 8px 0;
    white-space: nowrap;
}
.vw-catalog-build .vw-head .vw-head-body .vw-label {
    font-size: smaller;
}
.vw-catalog-build .vw-head .vw-catalog-name > div {
    display: inline;
}
.vw-catalog-build .vw-body {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0;
    overflow-y: auto;
    background-image: linear-gradient(white, rgb(220,240,250));
}
.vw-catalog-build .vw-head .vw-title {
    padding: 2px 0;
}
.vw-catalog-build .vw-head .vw-title > div {
    display: inline-block;
    z-index: 19;
}
.vw-catalog-build .vw-head .vw-title .vw-menu-button {
    height: 30px;
    width: 30px;
}
.vw-catalog-build .vw-head .vw-title .vw-menu {
    left: -10%;
}
.vw-catalog-build .vw-head .vw-title .vw-menu > div {
    padding: 7px;  
}
.vw-panel-box .vw-catalog-build .vw-head-box .vw-head .vw-actions {
    position: relative;
    margin: 0;
    text-align: center;
}
.vw-panel-box .vw-catalog-build .vw-head-box .vw-head .vw-actions > span {
    margin: 0 10px;
}
/** catalog build name **/
.vw-catalog-build .vw-catalog-name {
    position: relative;
    width: 100%;
    white-space: nowrap;
}
.vw-clear-name-menu svg {
    stroke-width: 1;
}
#vw-catalog .vw-catalog-build .vw-catalog-name .vw-clear-name-menu {
    position: relative;
    top: unset;
    left: unset;
}
.vw-catalog-build .vw-catalog-name .vw-clear-name-menu {
    display: inline-block;  
    position: relative;
    margin: 0;
    vertical-align: bottom;
}
.vw-catalog-build .vw-catalog-name input[name="catalogName"]{
    width: 75%;
    max-width: 600px;
    margin-left: 2px;
    padding: 0 8px;
    font-size: 100%;
}
/*
.vw-catalog-build .vw-catalog-name .vw-clear-name-menu .vw-menu-button {
    height: 100%;
    width: 100%;
    -webkit-mask-image: none;
    mask-image: none;
    background-color: transparent;
}
*/
.vw-catalog-build .vw-catalog-name .vw-clear-name-menu .vw-menu-button {
    display: inline;
}
.vw-catalog-build .vw-catalog-name .vw-clear-name-menu .vw-menu-button svg {
}
.vw-catalog-build .vw-catalog-name .vw-clear-name-menu .vw-menu {
    right: 0;
    max-width: 60vw;
}
/** catalog build namebuilder .................. **/
.vw-catalog-build .vw-catalog-namebuilder-name {
    color: #669999;
    white-space: nowrap;
}
.vw-catalog-build .vw-catalog-namebuilder-name:hover {
    font-weight: bold;
}
.vw-catalog-build .vw-catalog-namebuilder-name  {
    margin: 3px 45px;
}
.vw-catalog-build .vw-catalog-namebuilder-name .vw-catalog-namebuilder-name-use {
    display: none;
    cursor: pointer;
}
.vw-catalog-build .vw-catalog-namebuilder-name:hover .vw-catalog-namebuilder-name-use {
    display: inline-block;
}
/** catalog build body .................. **/
/** ... */
.vw-search-box .vw-catalog-build-box form {
    height: auto;
}
.vw-section-box .vw-section .vw-modal-box .vw-catalog-build-box .vw-catalog-build .vw-head {
}
.vw-catalog-build > .vw-body-box {
    display: inline-block;
    position: relative;
    top: unset;
    width: 100%;
}
.vw-properties-box .vw-catalog-build > .vw-body-box {
    overflow: visible;
}
.vw-catalog-build > .vw-body-box .vw-catalog-parent {
    font-weight: normal;
}
.vw-catalog-build > .vw-body-box .vw-body-box.vw-body {
    top: 0;
    height: 100%;
    overflow-y: hidden;
}
.vw-catalog-build > .vw-body-box .vw-body-box.vw-body .vw-body {
    overflow: auto;
}
.vw-catalog-build > .vw-body-box .vw-body {
    position: relative;
    height: 100%;
    width: 100%;
    margin: 0;
}

.vw-catalog-build > .vw-body-box .vw-body.vw-props-box {
}
.vw-catalog-build .vw-props {
}

/* catalog build - catalog parent ........... */
.vw-catalog-build .vw-catalog-parent-box {
}
    /*display: inline;*/
.vw-catalog-build .vw-catalog-parent-box > div {
    float: left;
    text-align: left;
}
.vw-catalog-build .vw-catalog-parent-box > div.vw-hidden {
    display: none;
}

    /*position: absolute;*/
.vw-catalog-build .vw-catalog-parent {
    position: relative;
    width: 100%;
    white-space: nowrap;
}

.vw-catalog-build .vw-head .vw-catalog-parent > div {
    display: inline;
}
.vw-catalog-build .vw-head .vw-catalog-parent > div.vw-hidden {
    display: none;
}

.vw-catalog-build .vw-catalog-parent-display {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.vw-catalog-build .vw-catalog-parent-display.vw-hidden {
    display: none;
}

.vw-catalog-build .vw-catalog-parent-name {
    display: inline;
    padding: 5px;
    vertical-align: top;
}
#vw-suggest-catalog .vw-catalog-build .vw-catalog-parent-name {
    cursor: pointer;
    display: inline;
}

.vw-catalog-build .vw-catalog-parent-edit {
    display: inline;
    padding: 5px;
    vertical-align: top;
}
.vw-catalog-build .vw-catalog-parent-edit div.awesomplete {
}
/*
.vw-catalog-build .vw-catalog-parent-edit div.awesomplete ul{
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    border: 1px solid;
}
*/
.vw-catalog-build .vw-catalog-parent-edit input {
    font-size: 100%;
}

.vw-catalog-build .vw-catalog-parent-box .vw-catalog-parent-change-button {
    display: none;
}
.vw-catalog-build .vw-catalog-parent-box:hover .vw-catalog-parent-change-button {
    display: inline;
}

/* catalog build - catalog candidates ........... */
.vw-catalog-build .vw-catalog-parent-box .vw-catalog-candidates-box {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    background: whitesmoke;
}
.vw-catalog-build .vw-catalog-parent-box:hover .vw-catalog-candidates-box {
    display: block;
}
#vw-suggest-catalog .vw-catalog-build .vw-catalog-parent-box:hover .vw-catalog-candidates-box {
    display: none;
}
.vw-catalog-build .vw-catalog-parent-box .vw-catalog-candidates-box .vw-catalog-candidates-prompt {
    font-size: x-small;
    font-weight: 300;
}
.vw-catalog-build .vw-catalog-candidates {
    position: absolute;
    height: 20px;
    vertical-align: top;
}
.vw-catalog-build .vw-catalog-candidates .vw-menu-button {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 40px;
}
.vw-catalog-build .vw-catalog-candidates .vw-menu-button svg {
    animation-name: stroke-glow-1;
    animation-duration: 4s;
}
.vw-catalog-build .vw-catalog-candidates .vw-menu {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    max-height: 225px;
    padding: 20px;
    padding-right: 50px;
}

.vw-suggest-catalog .vw-catalog-build .vw-catalog-candidates {
    display: none;
}
.vw-add-item .vw-catalog-build .vw-catalog-candidates {
}

/*
.vw-catalog-build .vw-catalog-parent:hover .vw-catalog-candidates {
    height: auto;
    padding-right: 60px;
}

.vw-add-item .vw-catalog-build .vw-catalog-candidates:hover  {
    width: calc(15% + 120px);
    height: 200px;
    overflow: hidden;
    overflow-y: scroll;
    display: inline-block;
    background-color: white;
    position: relative;
    border: black 1px solid;
}
.vw-add-item .vw-catalog-build .vw-catalog-candidates:hover .vw-catalog-candidate {
}
*/

.vw-catalog-build .vw-catalog-candidate {
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    padding: 5px;
}
.vw-catalog-build .vw-catalog-candidate:hover {
    background-color: aliceblue;
}
.vw-catalog-build .vw-catalog-candidate-name {
    display: inline;
    vertical-align: middle;
    font-size: 92%;
    font-weight: normal;
}
.vw-catalog-build .vw-catalog-candidate:hover .vw-catalog-candidate-name {
}
.vw-catalog-build .vw-catalog-candidate-detail {
    display: inline;
    position: absolute;
    top: -15px;
    padding-left: 5px;
}
.vw-catalog-build .vw-catalog-candidate img {
    display: none;
    height: 50px;
}
.vw-catalog-build .vw-catalog-candidate:hover img {
    display: inline;
}

.vw-catalog-build .vw-prop-val .vw-subtext {
    display: block;
    font-size: 70%;
    color: #cccccc;
}

.vw-is-auth .vw-catalog-build div.vw-prop-val-name {
    cursor: auto;
}

/* property ----------------- */
.vw-property-box {
    position: relative;
    height: 50px;
    white-space: nowrap;
    border-bottom: 1px solid #DDEEFF;
    padding: 5px 0 0 0;
}

.vw-property-box .vw-catalog-build-box.vw-modal {
    width: 100%;
}
.vw-property-box .vw-modal {
    padding-top: 0;
    height: auto;
    width: 400px;
    position: relative;
}

.vw-property-box .vw-modal-content {
    margin: 0;
    padding: 0;
    background-color: rgb(220,240,250);
    width: auto;
    height: auto;
}

.vw-prop-definition-box  {
    white-space: nowrap;
    border-bottom: 1px solid #DDEEFF;
}

.vw-prop-definition-box .vw-modal {
    padding-top: 0;
    height: auto;
    width: 400px;
    position: relative;
}

.vw-prop-definition-box .vw-modal-content {
    margin: 0;
    padding: 0;
    background-color: rgb(220,240,250);
    width: auto;
    height: auto;
}

#vw-catalog-info .vw-prop-definition {
    position: relative;
}

.vw-prop-definition {
    display: inline-block;
    width: 40%;
    height: 100%;
}
.vw-prop-definition-name {
    color:#888888;
}

.vw-prop-definition-left:hover {
    overflow: visible;
}
.vw-prop-definition-left {
    position:relative;
    width: 100%;
    height: 100%;
    font-weight: bold;
    padding: 0 10px;
    overflow: hidden;
    font-size: 80%;
}
.vw-infobox .vw-prop-definition-left {
    padding: 0;
    height: auto;
}
.vw-prop-definition-left .vw-prop-definition-name {
    margin: 10px 0 0 0;
}
.vw-prop-definition-left .vw-prop-definition-owner-name {
    font-size: 75%;
    font-weight: normal;
}
/* ............................... */
.vw-item-card .vw-property-box {
    height: unset;
}
.vw-item-card .vw-prop-definition-left .vw-prop-definition-name {
    margin: 0;
}
.vw-item-card .vw-prop-definition-left .vw-prop-definition-owner-name {
    display: none;
}

/* ............................... */
.vw-property-definition {
}
/* ............................... */
.vw-property {
    position: absolute;
    top: 0px;
    left: 41%;
    width: 59%;
    height: 100%;
}
/* ............................... */
.vw-prop-val {
    position: absolute;
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}
.vw-prop-val > div {
    margin: 2% 0;
}
.vw-infobox .vw-prop-val > div {
    margin: 0;
}
.vw-prop-val .awesomplete {
    width: 100%;
}
.vw-prop-val input.vw-checkbox {
    width: auto;
}
.vw-prop-val input {
    width: 100%;
    height: auto;
    padding: 1px 7px;
    margin: 0 0 0 1px;
    font-size: 100%;
}
.vw-prop-no-val .vw-prop-val-name {
    font-size: 65%;
}
.vw-prop-val-name {
}
.vw-prop-val .vw-prop-val-name {
    display: inline;
}
.vw-prop-val .vw-subtext {
    display: inline;
}

div.vw-prop-val-edit {
    position: absolute;
    top: 0;
    height: auto;
    width: 90%;
}
div.vw-prop-val-edit > * {
}
div.vw-prop-val-edit .vw-label {
    font-size: 80%;
    color: lightgray;
    width: 30%;
}
.vw-prop-val div.vw-prop-val-edit input {
    width: 70%;
}
.vw-catalog-build .vw-prop-val div.vw-prop-val-edit input {
    width: 100%;
}

/* ............................... */
.vw-properties-box {
    margin: 0;
    height: 100%;
}
.vw-properties-box .vw-actions {
    font-size: 93%;
    margin-top: 5px;
}
.vw-properties-box .vw-section2-body {
    height: 100%;
}

/*
.vw-properties {
    clear: both;
    overflow: auto;
    height: 100%;
}
*/
.vw-properties {
}

.vw-properties .vw-prop-definition-box {
    font-size: 10px;
    padding: 10px 0;
    clear: left;
    height: 100%;
    position: relative;
}
.vw-properties div.vw-prop-definition {
    position: relative;
    width: 40%;
    height: 100%;
    font-weight: bold;
    padding: 0 0 10px 20px;
    border: none;
}
.vw-infobox .vw-properties div.vw-prop-definition {
    padding: 0;
    overflow: hidden;
}

.vw-prop-body {
    clear:both;
}
.vw-prop-body .vw-section-body{
    margin: 10px 0;
}
/* */
.vw-prop {
    position: relative;
    font-size: 80%;
    padding: 2px;
    clear:left;
}
.vw-prop-name {
    position: relative;
    top: 0;
    left: 0;
    color: #999999;
}

/* User contributions ............ */
#vw-catalog-suggestions-box {
    position:absolute;
    top:85px;
    bottom:21px;
    width: 100%;
}
#vw-catalog-suggestions {
    height:100%;
}
#vw-user-collection-box {
    position:absolute;
    top:180px;
}
#vw-user-collection-info {
    margin: 10px 0;
}

/* ............................ */
/*
#vw-user-contributions-box {
    position: absolute;
    top:0;
    bottom:15px;
    overflow: hidden;
    width: 100%;
}
#vw-user-contributions-box div.vw-title {
    margin:20px;
}
#vw-user-contributions {
    position:absolute;
    top:0;
    bottom:0;
    width:100%;
    overflow: auto;
    margin: 60px 0 0 0;
}
.vw-user-contribution-box {
    margin:10px;
    padding:5px;
    border:1px solid gray;
}
*/
/* ................................. */

/* ................................. */
/* #vw-contributors-summary - DEPRECATED ? */
#vw-contributors-summary {
    position:relative;
}
#vw-contributors-summary .vw-picture  {
    margin: 0px;
}
#vw-contributors-summary .vw-empty {
    margin: 10px;
}
/* ............. */
/* */
#vw-market-summary {
}
/* */
#vw-owned-summary-search {
    width:220px;
    position:relative;
    top:4px;
    left:25%;
}
/* */
#vw-catalog {
    margin:0px;
    position:absolute;
    top:0;
    bottom:0;
    width:100%;
}
#vw-catalog.WORK {
    background-color: rgb(222,222,222);
    background-color: rgba(0,0,0,0.1);
}
#vw-catalog.REMOVED {
    background-color: #FF6666;
    background-color: rgba(255,0,0,0.2);
    opacity: .5;
}
/*
#vw-catalog.WORK {
    background-color: #FDE5E5;
    background-color: rgba(255,0,0,0.1);
}
#vw-catalog.REMOVED {
    background-color: #111111;
    background-color: rgba(0,0,0,0.1);
    opacity: .3;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter:alpha(opacity=30);
}
*/
/* ...................... */
.vw-actions {
    position: absolute;
    top: 0;
    left: 0;
}
.vw-action {
    display: inline;
    position: relative;
    height: 100%;
    width: 100%;
    color: #888888;
}
.vw-is-moderator .vw-moderator.vw-action {
    display: inline;
}
.vw-is-approver .vw-approver.vw-action {
    display: inline;
}
.vw-action-bar .vw-action-group {
    display: inline;
}
.vw-is-admin.vw-action-bar .vw-admin.vw-action {
    display: inline-block;
}
.vw-action-bar .vw-admin.vw-action {
    display: none;
}
.vw-is-admin.vw-action-bar .vw-no-admin.vw-action {
    display: none;
}
/*
.vw-is-admin.vw-action-bar .vw-admin.vw-action {
}
.vw-admin.vw-action {
    display: inline;
}
*/
.vw-is-auth .vw-action.vw-auth {
    display: block;
    cursor: pointer;
}
.vw-action.vw-anonymous {
    display: block;
}
a.vw-action {
    color: #888888;
}
.vw-action:hover {
    color: #666666;
}
#vw-catalog .vw-action a {
    width: 105px;
}
/* ...................... */
.vw-action > div.vw-hidden {
    display: none;
}
    /*padding: 0 10px;*/
.vw-action > div {
    display: inline;
    padding: 0;
}
.vw-action > div.vw-ajax {
    padding: 3px 10px;
}
.vw-action > div > div.vw-menu-button {
    display: inline;
}
.vw-action > div.vw-menu-box .vw-menu {
    min-width: 200px;
    max-width: 60%;
}
.vw-action > div.vw-menu-box .vw-menu .vw-menu {
    min-width: unset;
}
/*
.vw-action > div.vw-menu-box > div.vw-menu-display .vw-menu {
    min-width: 200px;
}
*/
.vw-action > div.vw-max {
    display: none;
}
.vw-action > div.vw-min {
    display: inline;
}
.vw-max-view .vw-action > div.vw-max {
    display: inline;
}
.vw-max-view .vw-action > div.vw-min {
    display: none;
}
.vw-action > div.vw-expand {
    display: none;
    padding: 10px;
}
.vw-action > div.vw-collapse {
    display: inline;
    padding: 10px;
}
.vw-action > div.vw-expand svg, .vw-action > div.vw-collapse svg {
    stroke: #999999;
}
.vw-max-view .vw-action > div.vw-collapse {
    display: none;
}
.vw-collapsed .vw-action > div.vw-expand {
    display: inline;
}
.vw-collapsed .vw-action > div.vw-collapse {
    display: none;
}
/* vw-section  absolute px vals ............................. */
.vw-section-box {
    height: 200px;
}
.vw-section-box.vw-collapsed {
    height: 35px;
    overflow: hidden;
}
.vw-section-box.vw-collapsed .vw-section {
    display: none;
}
.vw-section-box .vw-head-box {
    height: 30px;
}
.vw-max-view.vw-section-box {
    top: 150px;
    height: calc(100% - 171px);     /* subtract (top + bottom + 1) */
}
.vw-max-view .vw-head-box {
    height: 50px;
}
.vw-max-view .vw-section  {
}
.vw-max-view .vw-section .vw-body-box 
, .vw-max-view.vw-section-box .vw-section .vw-search-results.vw-body-box 
, .vw-max-view.vw-section-box .vw-section.vw-search-result > .vw-search-results-box .vw-search-results.vw-body-box 
{
    top: 50px;
    height: calc(100% - 50px);
}
.vw-section-box .vw-section.vw-search-result > .vw-search-results-box .vw-search-results.vw-body-box 
{
    top: 30px;
    height: calc(100% - 30px);
}
/* ............. */
.vw-section-box .vw-section .vw-search-results.vw-body-box {
    top: 0;
    height: 100%;
}
.vw-section-box .vw-section .vw-search-results-box > .vw-head-box {
    display: none;
}
.vw-max-view.vw-section-box .vw-section .vw-search-results-box > .vw-head-box {
    display: block;
}
.vw-section-box .vw-section .vw-search-results-box > .vw-head-box > .vw-head {
    margin: 0 1%;
    padding: 2px 5px;   /* this would be inherited from ".vw-search-results-box .vw-head" selector below */
    width: 100%;
}
/* vw-section ............................. */
/* 
.vw-body div:first-of-type {
    transform: translateY(0px);
}
.vw-section-box {
    transition: transform 1s;
    transform: translateY(30px);
}
.vw-max-view.vw-section-box {
    transition: height 1s;
    transform: translateY(0);
}
*/
.vw-section-box {
    position: relative;
    width: 100%;
}
.vw-max-view.vw-section-box {
    position: fixed;
    background-color: white;
}
.vw-section-box.vw-collapsed {
    overflow: hidden;
}
.vw-section-box.vw-collapsed .vw-section {
    display: none;
}
.vw-section-box .vw-head-box {
    position: absolute;
    line-height: 100%;
    width: 100%;
}
.vw-section-box > div.vw-head-box {
    background-color: transparent;
}
.vw-max-view .vw-min {
    display: none;
}
.vw-max-view .vw-max {
    display: block;
}
.vw-section-box .vw-min {
    display: block;
}
.vw-section-box .vw-max {
    display: none;
}
.vw-max-view.vw-section-box .vw-min {
    display: none;
}
.vw-max-view.vw-section-box .vw-max {
    display: block;
}
.vw-section-box .vw-min .vw-section-2 {
    margin: 2px;
    padding: 2px;
}
.vw-section-box .vw-min .vw-section-2 .vw-info-count {
    padding: 2px;
    line-height: 1;
}
/* ......... */
    /*width: 100vw;*/
.vw-section-box .vw-head {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 100%;
    font-size: 92%;
}
.vw-section-box .vw-nav-box {
}
.vw-section-box .vw-nav-box > div {
    position: absolute;
    top: 0px;
    width: 15%;
    height: 30px;
    padding: 0 10px;
}
.vw-section-box .vw-nav-box svg {
    vertical-align: middle;
    stroke-width: 1;
}
.vw-section-box .vw-nav-box div.vw-nav {
    left: 0;
}
.vw-section-box .vw-nav-box div.vw-nav-2 {
    right: 0;
    white-space: nowrap;
    text-align: right;
}
.vw-section-box .vw-nav-box div.vw-nav-2 .vw-action {
}
.vw-section-box .vw-nav-box div.vw-nav-2 .vw-action .vw-max {
    padding: 5px 5px 30px 30px;
}
.vw-section-box .vw-nav-box div.vw-nav-2 .vw-action .vw-min {
    padding: 5px 5px 5px 30px;
}
.vw-section-box .vw-nav-box div.vw-nav-2 svg {
}
/* vw-nav-3 - collapse/expand chevron up/down ..... */
    /*left: calc(20% + 5px);*/
.vw-section-box .vw-nav-box div.vw-nav-3 {
    position: absolute;
    right: 10%;
}
.vw-section-box .vw-nav-box .vw-section-nav {
    display: flex;
    width: 20%;
    font-size: smaller;
    color: #999999;
    white-space: nowrap;
    overflow: visible;
}
.vw-section-box .vw-nav-box .vw-section-nav > div {
    display: inline-block;
    padding: 7px;
}
/* ..... */
.vw-section-box .vw-head div.vw-section-title {
}
.vw-section-box .vw-head-box > div.vw-menu-box {
    position: absolute;
    top: 0;
    left: 0;
    font-size: smaller;
    color: #999999;
}
.vw-section-box .vw-head div.vw-title {
    width: 100%;
    text-align: center;
    margin-top: 9px;
}
.vw-section-box .vw-panel .vw-head div.vw-title {
    margin-top: 0;
}
.vw-section-box .vw-title {
    padding: 0px;
}
#vw-catalog-body div:first-of-type .vw-title {
}
.vw-section-box .vw-section .vw-head-box {
}
.vw-section-box .vw-section .vw-section-2 .vw-head-box {
    position: relative;
}
.vw-section-box .vw-section .vw-section-2 .vw-body-box {
    position: relative;
}
.vw-section-box .vw-section .vw-head 
, .vw-section-box .vw-section.vw-search-result .vw-head 
, .vw-section-box .vw-section.vw-search-result .vw-search-results-box > .vw-head-box > .vw-head 
{
    width: 60%;     /* vw-nav: 20%, vw-nav-2: 20% */
    margin-left: 20%;
    margin-right: 20%;
    background-color: transparent;
}
/** ... */
.vw-section-box .vw-section .vw-modal-box .vw-head {
    width: 100%;
    margin: 0;
}
/* this is to paint the header background color */
.vw-section-box .vw-section-head-box {
    width: 100%;
}
/* vw-action-bar background-color .................................... */
body > div.vw-action-bar-box .vw-action-bar .vw-action svg {
    background-color: transparent;
}
/* ... */
.vw-action-bar-box .vw-action-bar.vw-user
    , .vw-action-bar-box .vw-action-bar.vw-user svg 
{
    background-color: rgb(255,240,240);
}
/* ... */
.vw-action-bar-box .vw-action-bar.vw-catalog 
    , .vw-action-bar-box .vw-action-bar.vw-catalog svg
{
    background-color: rgb(235,250,255);
}
/* ... */
.vw-action-bar-box .vw-action-bar.vw-item 
    , .vw-action-bar-box .vw-action-bar.vw-item .vw-action svg 
{
    background-color: rgb(255,250,200);
}
/* ... */
/* background-color: rgb(245,255,240); */
    /*background-color: rgb(250,240,255);*/
.vw-action-bar-box .vw-action-bar.vw-item-info 
    , .vw-action-bar-box .vw-action-bar.vw-item-info .vw-action svg 
{
    background-color: rgb(255,255,240);
}
.vw-action-bar-box .vw-action-bar.vw-item-info-detail 
    , .vw-action-bar-box .vw-action-bar.vw-item-info-detail .vw-action svg 
{
    background-color: rgb(255,255,250);
}
/* ... */
.vw-action-bar-box .vw-action-bar.vw-media 
    , .vw-action-bar-box .vw-action-bar.vw-media .vw-action svg 
, .vw-action-bar-box .vw-action-bar.vw-properties 
    , .vw-action-bar-box .vw-action-bar.vw-properties .vw-action svg 
, .vw-action-bar-box .vw-action-bar.vw-property 
    , .vw-action-bar-box .vw-action-bar.vw-property .vw-action svg 
{
    background-color: rgb(255,245,250);
}
/* ... */
.vw-action-bar-box .vw-action-bar.vw-catalog-manage 
    , .vw-action-bar-box .vw-action-bar.vw-catalog-manage .vw-action svg 
{
    background-color: rgb(245,245,245);
}
/* ... */
/*
.vw-section-box.vw-collections .vw-action-bar-box .vw-action-bar 
    , .vw-section-box.vw-collections .vw-action-bar-box .vw-action-bar .vw-action svg
{
    background-color: rgb(245,255,250);
}
*/
/* vw-cat-leaf .................................... */
/*
.vw-section-box.vw-catalogs.vw-cat-leaf .vw-section.vw-featured {
    display: none;
}
*/
/* vw-section-head-box background-color .................................... */
/*
    background-color: rgb(220,240,230);
    background-color: rgba(220,240,230,1.0);
*/
.vw-section-box.vw-catalogs .vw-section-head-box {
    background-color: rgb(200,220,240);
    background-color: rgba(200,220,240,0.5);
}
/* ... */
.vw-section-box.vw-collections .vw-item-info-detail .vw-section-head-box {
    background-color: rgb(255,255,240);
    background-color: rgba(255,255,240,1.0);
}
/* ... */
.vw-section-box.vw-users .vw-section-head-box {
    background-color: rgb(240,200,200);
    background-color: rgba(240,200,200,0.5);
}
.vw-section-box.vw-info-and-images .vw-section-head-box {
    background-color: rgb(200,240,220);
    background-color: rgba(200,240,220,0.5);
}
.vw-section-box.vw-collections .vw-section-head-box {
    background-color: rgb(220,200,240);
    background-color: rgba(220,200,240,0.5);
}
/* alternate color coding for sections ........................ */
/* 
.vw-section-box.vw-collections .vw-section-head-box {
    background-color: rgb(200,240,220);
    background-color: rgba(200,240,220,0.5);
}
.vw-section-box.vw-users .vw-section-head-box {
    background-color: rgb(220,200,240);
    background-color: rgba(220,200,240,0.5);
}
.vw-section-box.vw-info-and-images .vw-section-head-box {
    background-color: rgb(240,200,200);
    background-color: rgba(240,200,200,0.5);
}
*/
/* ........................ */
.vw-section-box.vw-settings .vw-section-head-box {
    background-color: rgb(220,220,220);
    background-color: rgba(220,220,220,0.5);
}
.vw-section-box.vw-manage .vw-section-head-box {
    background-color: rgb(220,220,220);
    background-color: rgba(220,220,220,0.5);
}
.vw-section-box.vw-info-and-images .vw-section.vw-manage-home .vw-head-box 
    , .vw-section-box.vw-info-and-images .vw-section.vw-admin .vw-head-box 
{
    background-color: rgb(220,220,220);
    background-color: rgba(220,220,220,0.5);
}
/* ......... */
.vw-section-box .vw-head-box .vw-menu .vw-menu-item {
    font-size: 120%;
}
/* ......... */
.vw-section.vw-hidden {
    display: none;
}
/*
.vw-section.vw-properties {
    clear: none; 
    overflow: auto;
    height: 100%;
}
*/
.vw-section {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow-y: auto;
}
.vw-max-view .vw-section  {
    white-space: normal;
}
.vw-max-view.vw-section-box .vw-section  {
}
/* ......... */
    /*margin-right: 25%;   .vw-nav-2 width: 20% */
.vw-section .vw-head-box .vw-actions {
    margin-right: 5%;  
}
.vw-max-view .vw-section .vw-body-box {
    white-space: normal;
}
/* ......... */
    /*
    overflow-y: auto;
    overflow-x: hidden;
    */
.vw-section .vw-body-box {
    padding: 0;
    white-space: nowrap;
    overflow-y: auto;
    overflow-x: hidden;
}
.xxx .vw-max-view .vw-section .vw-body-box {
    overflow-y: auto;
    overflow-x: hidden;
}
.vw-section .vw-body-box:hover {
    overflow-x: auto;
}
    /*height: auto;*/
.vw-section .vw-body-box .vw-body {
    position: relative;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden ;
}
.vw-max-view .vw-section .vw-body-box .vw-body {
    overflow: auto;
}
/* z-index ------------------------------------------------------------------ */
/*
.vw-action-bar-box .vw-menu {
    z-index: 99;
}
.vw-search-box {
    z-index: 99;
}
*/
#vw-top-search {
    z-index: 999;
}
#vw-top-user {
    z-index: 999;
}
.vw-action-bar-box {
    z-index: 999;
}
.vw-actions {
    z-index:9;
}
.vw-ontop {
    z-index: 999;
}

.vw-modal-box {
    z-index: 1099;
}
.vw-modal {
    z-index: 900;
}

.vw-tooltip .vw-tooltiptext {
    z-index: 1;
}
.vw-intro-button {
    z-index: 10;
}
.vw-intro-button input[type="submit"] {
    z-index: 10;
}
#vw-hide-layer {
    z-index:9997;
}
.vw-hide-layer-text-box {
    z-index:9998;
}
/*
#vw-top {
    z-index: 9999;
}
*/
.vw-menu-box .vw-nav-section .vw-menu-box .vw-menu {
    z-index: 12;
}
.vw-menu-box .vw-nav-section .vw-menu-box {
    z-index: unset;
}
.vw-menu-box .vw-nav-section.vw-menu-item.vw-nav-ancestors {
    z-index: 11;
}
.vw-menu-box .vw-nav-ancestors .vw-menu-box {
    z-index: 11;
}
.vw-menu-box .vw-menu-box {
    z-index: 10;
}
/*.vw-menu-box {*/
.vw-menu {
    z-index: 19;
}
.vw-menu .vw-menu-item {
    z-index: 9;
}

.vw-head-name-box {
    z-index: 9;
}
#vw-catalog .vw-head .vw-head-info .vw-menu-box {
    z-index: 1009;
}

#vw-suggest-catalog .vw-modal {
    z-index: 999;
}

#vw-add-item .vw-modal {
    z-index: 998;
}

.vw-msg-box.vw-result-msg {
    z-index: 99;
}
/* vw-head-box z-index ..................... */
/* making this > .vw-max-view.vw-section-box (99) */
    /*z-index: 29;*/
#vw-catalog > div.vw-head-box, #vw-user > div.vw-head-box {
    z-index: 109;
}
/* vw-section z-index ..................... */
.vw-section-box .vw-head-box {
    /*z-index: 9;*/
}
.vw-section-box > div.vw-head-box .vw-head {
    /*z-index: 19;*/
}
.vw-section-box .vw-nav-box {
    /*position: relative;*/
    /*z-index: 19;*/
}
.vw-section-box .vw-section {
    /*z-index: 9;*/
}
.vw-section-box .vw-nav .vw-section-nav {
    position: relative;
    z-index: 19;
}
.vw-section-box .vw-nav .vw-menu {
    z-index: 20;
}
.vw-section-box .vw-nav-2 {
    z-index: 19;
}
.vw-section-box .vw-nav-3 {
    z-index: 19;
}
.vw-section-box .vw-head > div.vw-overlay-close {
    z-index: 9999;
}
.vw-section-box .vw-head > div {
    /*z-index: 9;*/
}
.vw-section-box .vw-head div.vw-nav-2 {
    z-index: 79;
}
.vw-section-box .vw-head-box > div.vw-menu-box {
    z-index: 19;
}
.vw-max-view.vw-section-box {
    z-index: 99;
}
.vw-max-view.vw-section-box .vw-section  {
    z-index: 9;
}
/* this is to paint the header background color */
.vw-section-box .vw-section-head-box {
    z-index: 0;
}

.vw-catalog-build .vw-catalog-candidates {
    z-index: 9;
}
/* menu z-index ................ */
#vw-catalog .vw-head .vw-menu-box {
    z-index: 79;
}

.vw-catalog-path .vw-menu {
    z-index: 29;
}
.vw-catalog-path .vw-menu-item {
    z-index: 29;
}
#vw-catalog-info .vw-poss-box:hover .vw-poss {
    z-index: 9;
}
.vw-namebuilder-msgs {
    z-index: 9;
}
.vw-search-form-box .vw-options-box .vw-options {
    z-index: 19;
}
.vw-search-list-view .vw-one-title {
    z-index: 1;
}
.vw-prop-definition-edit-link a {
    z-index: 9;
}
.vw-prop-definition-remove a {
    z-index: 9;
}
div.vw-prop-edit {
    z-index: 9;
}
/* ......................................... */
div.fakefile {
    z-index: 1;
}
input.file {
    z-index: 99;
}
.vw-upload-form-box {
    z-index: 999;
}
.vw-upload-form input.file.hidden {
    z-index: 2;
}
.vw-upload-form div.fakefile {
    z-index: 1;
}
/* .......................................... */
.vw-picture-box {
    z-index: 9;
}
.vw-icon {
    z-index:3;
}
/* .......................................... */
.vw-sub {
    font-size: 95%;
    font-weight: 300;
    color: #999999;
}
/* .......................................... */
.vw-name-box {
}
.vw-name-box .vw-name {
}
.vw-name .vw-sub {
}
/* .......................................... */
.vw-one-box.vw-item-info .vw-name {
    z-index: 10;
}
.vw-one-box.vw-item-info div.vw-catalog-info {
    z-index: 8;
}
.vw-one-box.vw-item-info div.vw-owner-info {
    z-index: 9;
}
.vw-one-box.vw-item-info .vw-picture {
    z-index: 5;
}
.vw-one-box.vw-item-info .vw-owner-info .vw-picture.vw-bg {
    z-index: 1;
}
.vw-one-box.vw-item-info .vw-owner-info .vw-picture.vw-fg {
    z-index: 9;
}
.vw-one-box.vw-item-info .vw-menu-box {
    z-index: 57;
}
.vw-one-box.vw-item-info .vw-menu-button {
    z-index: 58;
}
.vw-one-box.vw-item-info .vw-menu {
    z-index: 59;
}
.vw-one-box.vw-item-info .vw-one-header {
    z-index: 59;
}



#vw-catalog-new-unit-props {
    z-index:100;
}


.vw-item-info-detail-box {
    z-index: 99;
}
.vw-item-top {
    z-index: 99;
}
.vw-item-info-detail {
    z-index: 9;
}
.vw-items-box {
    z-index: 9;
}
/* .......................................................................... */
.vw-item-head .vw-name {
    z-index: 10;
}
.vw-item-info-count .vw-item-count-detail {
    z-index: 9;
}
/* ..................  */
.vw-item-box {
    z-index: 8;
}
.vw-item-box.vw-zoom {
    z-index: 9;
}
/* ..................  */
#vw-catalog-est-count {
    z-index:9;
}
/* ..................  */
.vw-overlay-close {
    z-index: 9999;
}

/*  ------------------------------------------------------------------ */
/* vw-nav-section absolute px heights .......................... */
/* .......................... */
.vw-nav-section {
    padding: 5px;
}
/* .......................... */
.vw-action-bar-box .vw-nav-section .vw-menu-display {
    position: relative;
    top: -60px;
}
.vw-action-bar-box .vw-nav-section .vw-menu-display .vw-menu {
    position: absolute;
    bottom: unset;
    min-width: unset;
}
/*
.vw-action-bar-box .vw-nav-section .vw-menu .vw-menu-items {
    position: absolute;
}
.vw-menu-box .vw-nav-section .vw-menu-box .vw-menu {
}
*/
/* vw-catalog absolute px heights .......................... */
/* .......................... */
/*
#vw-main > div > div.vw-head-box {
#vw-main > div > div.vw-body-box {
*/
#vw-catalog > div.vw-head-box, #vw-user > div.vw-head-box {
    height: 100px;
    overflow: hidden;
}
#vw-catalog > div.vw-body-box, #vw-user > div.vw-body-box {
    top: 100px;
    height: calc(100% - 100px);
}
/* .......................... */
#vw-catalog > div.vw-body-box {
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

/* ................ */
#vw-catalog .vw-head {
}
#vw-catalog .vw-head .vw-menu-box {
    position: absolute;
}
#vw-catalog .vw-head .vw-menu {
    top: 0;
}
#vw-catalog .vw-head .vw-menu .vw-menu-item {
}
/* 2do - consolidate w/
.vw-item-action {
#vw-catalog .vw-item-action .vw-action {
*/
.vw-menu .vw-item-action {
    float: none;
}
.vw-menu .vw-item-action .vw-action {
    float: none;
}

/* wishlist ............................ */
/* 
.vw-menu .vw-menu-item.vw-wishlist {
    font-size: smaller;
    margin: 0 10px 5px 20px;
    padding: 2px;
}
*/
/* wishlist ............................ */
.vw-menu .vw-wishlist-menu-item {
    margin-left: 30px;
}
.vw-menu .vw-wishlist > div  {
    display: inline-block;
}
/*.vw-wishlist.vw-on .vw-remove svg  {*/
.vw-on-wishlist .vw-wishlist .vw-remove svg  {
    fill: transparent;
    stroke: red;
}
.vw-wishlist .vw-remove {
    display: none;
}
.vw-on-wishlist .vw-wishlist .vw-remove {
    display: block;
}
.vw-wishlist .vw-add {
    display: block;
}
.vw-on-wishlist .vw-wishlist .vw-add {
    display: none;
}
.vw-add-item .vw-add svg  {
    fill: transparent;
    stroke: green;
}
.vw-wishlist .vw-add 
    , .vw-wishlist .vw-remove 
{
    font-size: 65%;
}
/* .vw-action-bar-box .vw-wishlist.vw-on .vw-menu-button svg  { */
.vw-wishlist svg, .vw-add-item .vw-wishlist svg  {
    stroke: darkorchid;
}
/*.vw-wishlist.vw-on svg  {*/
.vw-on-wishlist .vw-wishlist svg  {
    fill: mediumpurple;
}
/* ............................ */
.vw-action-bar-box .vw-add-item.vw-on .vw-menu-button svg  {
    fill: palegreen;
    stroke: forestgreen;
}
/* ............................ */
.vw-action-bar-box .vw-menu  {
    position: fixed;
    top: 50px;
}
.vw-action-bar-box .vw-action-bar > div:last-of-type .vw-menu {
    right: 10px;
}
.vw-action-bar-box .vw-action-bar > div:nth-of-type(3) .vw-menu {
    right: 20px;
}
.vw-action-bar-box .vw-action-bar .vw-display > div:last-of-type .vw-menu {
    right: 10px;
}
.vw-action-bar-box .vw-action-bar .vw-display > div:nth-of-type(3) .vw-menu {
    right: unset;
}

#vw-catalog .vw-catalog-suggest-menu .vw-menu {
    right: 0;
}
#vw-catalog .vw-catalog-suggest-menu .vw-menu-button {
}

/* ...........................  */
    /*margin: 5px 0 0 30px;*/
.vw-head-name-box {
    position: relative;
    height: 30%;
    width: 100%;
    margin: 0;
}
/* ...........................  */
    /*padding: 1px 10px;*/
.vw-catalog-path {
    display: inline-block;
    position: relative;
    height: 100%;
    width: 40px;
}
.vw-catalog-path .vw-menu-button svg {
    margin: 10px;
}
.vw-catalog-path .vw-menu-button {
    height: 100%;
    width: 100%;
    -webkit-mask-image: none;
    mask-image: none;
    background-color: transparent;
}
/* .......................................... */
.vw-head-box .vw-catalog-name.vw-title {
    display: inline-block;
    position: relative;
    height: 100%;
    text-align: left;
    font-size: 140%;
    margin: 0;
}

.vw-catalog-path .vw-menu {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.vw-head-info {
    position:absolute;
    top: 0;
    left: 100px;
    bottom: 0;
    right: 0;
}
#vw-catalog .vw-head .vw-head-info .vw-menu-box {
    position: absolute;
    top: 0;
    left: 0;
}
#vw-catalog .vw-head .vw-head-info .vw-msg-box {
    position: absolute;
    bottom: 0px;
}

/* catalog info .......................................... */
#vw-catalog-info {
    margin: 0;
}
#vw-catalog-info-more {
    display:none;
}
.vw-is-moderator #vw-catalog-info-more {
    display:block;
}
.vw-is-approver #vw-catalog-info-more {
    display:block;
}
.vw-is-admin #vw-catalog-info-more {
    display:block;
}
/* ............................... */
.vw-item-head-box .vw-infobox {
    float: left;
}
.vw-item-head-box .vw-intro {
    position: relative;
    float: left;
    padding: 25px;
}
.vw-item-head-box .vw-added-date {
    clear: both;
}
/* ............................... */
/* width: 98%; works for desktop, but mobile needs 97%? */
    /*width: 97%;*/
#vw-catalog-info .vw-max > div.vw-body-box {
    position: absolute;
    z-index: 9;
}
#vw-catalog-info .vw-infobox-box {
    position: relative;
    float: right;
    clear: both;
    width: 45%;
    overflow: auto;
    z-index: 9;
}
#vw-catalog-info .vw-infobox-box .vw-infobox {
    margin: 5px;
    padding: 10px;
    border: 1px solid #aaaacc;
    border-spacing: 3px;
    background-color: #F6FCFF;
    font-size: 88%;
    line-height: 1.5;
}
.vw-infobox .vw-property {
    position: relative;
    top: initial;
    left: initial;
    width: 100%;
}
#vw-catalog-info .vw-infobox-box .vw-infobox .vw-section-body {
    padding: 0;
}
/*
#vw-catalog-info .vw-infobox-box {
    width: 97%;
}
#vw-catalog-info .vw-infobox:before {
    content: '';
    display: block;
    float: left;
    height: 200px;
}#vw-catalog-info .vw-infobox {
    float: right;
    clear: both;
    width: 40%;
    margin: 5px;
    padding: 10px;
    border: 1px solid #aaaacc;
    border-spacing: 3px;
    background-color: #F6FCFF;
    font-size: 88%;
    line-height: 1.5;
}
*/

#vw-catalog-info .vw-section-2 {
    clear: left;
    width: 94%;
}
#vw-catalog-info .vw-section-2 .vw-body-box {
    clear: left;
}
#vw-catalog-info .vw-section-body {
    clear: left;
}
.vw-properties .vw-more {
    height: 25px;
}
#vw-catalog-info .vw-infobox .vw-property-box {
    height: 35px;
    border: 0;
    white-space: nowrap;
}
#vw-catalog-info .vw-infobox .vw-property-box .vw-prop-definition-left .vw-prop-definition-name {
    margin: 0;
}
#vw-catalog-info .vw-infobox .vw-property-box .vw-prop-definition-owner-name {
    display: none;
}
#vw-catalog-info .vw-infobox .vw-property-box .vw-prop-val .vw-prop-val-name {
    display: block;
}
#vw-catalog-info .vw-infobox .vw-property-box .vw-prop-val .vw-subtext {
    display: none;
}
#vw-catalog-info .vw-infobox .vw-property-box:hover .vw-prop-val .vw-subtext {
    display: block;
}
#vw-catalog-info .vw-infobox .vw-more {
    margin: 10px;
}
#vw-catalog-info .vw-infobox .vw-properties div.vw-prop-definition {
    float: none;
    display: inline;
}
/* don't show name here */
#vw-catalog-info .vw-about-box .vw-catalog-name-text {
    display: none;
}
#vw-catalog-info .vw-featured {
    background-color: #FFF8C6;
    background-color: rgba(255,215,0,.3);
}
/* */
#vw-catalog-info .vw-poss-box {
    display: none;
    clear:both;
}
#vw-catalog-info .vw-poss-box .vw-poss {
    position: absolute;
    width: 200px;
    height: 80px;
    background: white;
    border: 1px solid black;
}
#vw-catalog-info .vw-poss-box:hover .vw-poss {
    display: block;
}
/* .................. */
.vw-boxes div.vw-prop-definition {
    width: 80px;
    height: 30px;
    margin: 2px;
    overflow: hidden;
    background-color: #aaccee;
    border: 1px solid #88aadd;
    color: black;
    font-size: 80%;
    padding: 0 5px;
    text-align: center;
    white-space: nowrap;
}
.vw-boxes div.vw-prop-definition:hover {
    width: 160px;
}
/* distinct catalog propdef groups .................. */
.vw-distinct-cat-box {
}
.vw-distinct-cat-body {
}
.vw-distinct-cat-group {
    margin-top: 15px;
    position: relative;
    max-width: 100%;
    overflow: auto;
    white-space: nowrap;
}
/*
.vw-distinct-cat-group > div.vw-ajax {
}
*/
.vw-distinct-cat-group div.vw-prop-definition {
    display: inline-block;
    width: 80px;
    height: auto;
    margin: 2px;
    overflow:hidden;
    background-color:#aaccee;
    border: 1px solid #88aadd;
    white-space: nowrap;
    padding: 2px 5px;
    font-size: 95%;
    text-align: center;
}
.vw-distinct-cat-group div.vw-prop-definition:hover {
    width: 160px;
}
.vw-distinct-cat-group div.vw-prop-definition div {
    display: inline;
}
/* .... */
.vw-remove-action svg  {
    stroke: rgb(150,25,25);
}
    /*visibility: hidden;*/
.vw-distinct-cat-group .vw-remove-action{
    display: inline;
    margin: 0 2px;
}
    /*visibility: visible;*/
.vw-distinct-cat-group:hover .vw-remove-action{
}
.vw-catalog-manage .vw-distinct-cat-group img {
    width: 16px;
}
/* ................. */
.vw-if-live {
    display: none;
}
.vw-is-live .vw-if-live {
    display: block;
}
.vw-go-live {
    display: block;
}
.vw-is-live .vw-go-live {
    display: none;
}
.vw-catalog-go-live {
    display: block;
}
.vw-is-live .vw-catalog-go-live {
    display: none;
}
/* namebuilder ................. */
.vw-namebuilder-box {
}
.vw-modal-box .vw-namebuilder-box .vw-modal-content {
    height: 80%;
}
.vw-namebuilder-box .vw-prop-definition-box {
    border-bottom: none;
}
/* don't display in namebuilder if catalog live and prop def not live */
.vw-is-live .vw-prop-definition.vw-is-live {
    display: none;
}
/* override hide proposed for name builder */
#vw-catalog-info .vw-namebuilder-box .vw-prop-definition.vw-is-live {
    display: block;
}

.vw-namebuilder-box .vw-prop-definition {
    clear: none;
    float: left;
}
/*
.vw-namebuilder-box .vw-prop-definition {
    clear: none;
    float: left;
    width: 60px;
    height: 30px;
    margin: 2px;
    overflow:hidden;
    background-color:#aaccee;
    border: 1px solid #88aadd;
    color:black;
    font-size: 80%;
    padding: 0 5px;
    text-align: center;
    white-space: nowrap;
}
#vw-catalog-info .vw-namebuilder-box div.vw-prop-definition {
    width: 60px;
}
#vw-catalog-info .vw-namebuilder-box div.vw-prop-definition:hover {
    width: 120px;
}
#vw-catalog-info .vw-namebuilder-body {
    clear: both;
}
*/
.vw-namebuilder-box div.vw-prop-definition-name {
    color:black;
}
.vw-namebuilder-box div.vw-prop-definition-type {
    color:#888888;
    font-size: 80%;
}

.vw-namebuilder .vw-prop-definition {
    clear: none;
    border: none;
    font-size: 80%;
    text-align: center;
    color:black;
    padding: 0 5px;
}
.vw-namebuilder .vw-drop .vw-prop-definition-name {
    color: black;
}
.vw-namebuilder .vw-drop .vw-prop-definition-type {
    color: #888888;
    font-size: 80%;
}

/*
.vw-namebuilder .vw-prop-definition-box {
    display: inline-block;
    width: 60px;
    height: 30px;
    margin: 2px;
    background-color:#aaccee;
    border: 1px solid #88aadd;
    overflow:hidden;
    white-space: nowrap;
}
.vw-namebuilder div.vw-prop-definition-box:hover {
    width: 120px;
}
*/


.vw-namebuilder .vw-drag .vw-prop-definition-box {
    padding: 0;
    border-bottom: none;
}

.vw-namebuilder .vw-drag .vw-prop-definition-box:hover .vw-prop-definition {
    background-color: #BBDAFF;
    border-bottom: 2px solid #9999cc;
}

.vw-namebuilder .vw-drag .vw-prop-definition {
    position:relative;
    height: 30px;
    margin: 20px;
    padding: 0 5px;
    overflow:hidden;
    text-align: center;
    white-space: nowrap;
    background-color: #F3F9FF;
    border: 1px solid #333399;
    color:black;
}

/* namebuilder panel */
.vw-namebuilder .vw-top {
    padding: 10px;
}
.vw-namebuilder-save {
    margin: 5px 2px;
}
/* namebuilder drop */
.vw-namebuilder .vw-drop-box {
    position: relative;
    top: 7px;
    height: 36px;
    width: 99%;
    overflow-x: hidden;
    overflow-y: hidden;
    border: 1px solid #999999;
}
.vw-namebuilder .vw-drop {
    position: absolute;
    left: 0;
    height: 100%;
    width: 1000px;
}
/*
.vw-namebuilder .vw-drop .vw-prop-definition-box {
    float:left;
    margin: 2px;
    overflow:hidden;
    background-color:#aaccee;
    border: 1px solid #88aadd;
    width: 60px;
    height: 30px;
    white-space: nowrap;
}
.vw-namebuilder .vw-drop div.vw-prop-definition-box:hover {
    width: 120px;
}
.vw-namebuilder .vw-prop-definition {
    clear: none;
    border: none;
    font-size: 80%;
    text-align: center;
    color:black;
    padding: 0 5px;
}
.vw-namebuilder .vw-drop .vw-prop-definition-name {
    color: black;
}
.vw-namebuilder .vw-drop .vw-prop-definition-type {
    color: #888888;
    font-size: 80%;
}
.vw-namebuilder .vw-drag .vw-prop-definition-box {
    padding: 10px 0;
    display: inline-block;
    border-bottom: none;
}
.vw-namebuilder .vw-drag .vw-prop-definition-box:hover .vw-prop-definition {
    background-color: #BBDAFF;
    border-bottom: 2px solid #9999cc;
}
.vw-namebuilder .vw-drag .vw-prop-definition {
    clear:none;
    margin: 3px;
    background-color: #F3F9FF;
    border: 1px solid #333399;
    height: 30px;
    overflow:hidden;
    color:black;
    font-size: 11px;
    padding: 0 5px;
    margin: 2px;
    text-align: center;
    white-space: nowrap;
    position:relative;
}
*/
/* namebuilder drag  absolute pixels ........................... */
.vw-namebuilder .vw-drag {
    height: 270px;
}
/* namebuilder drag ........................... */
.vw-namebuilder.vw-drag-box {
    height: 100%;
    padding: 0;
}
.vw-namebuilder .vw-drag {
    overflow: auto;
    padding: 2px;
}
/* */
#vw-namebuilder-panel #vw-hide-layer {
    padding: 10px;
}
#vw-namebuilder-panel #vw-hide-layer.vw-error {
    background-color: #660000;
}
.vw-namebuilder .vw-label {
    float: left;
    padding-right: 10px;
}
.vw-namebuilder .vw-prop {
    display: inline;
    width: 60px;
    margin: 2px;
    padding: 0 4px;
    background-color: #aaccee;
    border: 1px solid #88aadd;
    overflow: hidden;
    white-space: nowrap;
}

/* */
.vw-namebuilder-msgs {
    position:absolute;
    width: 100%;
    height: 36px;
    background: #000;
    color: white;
    font-weight: bold;
    padding: 10px;
    opacity: 0.7;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter:alpha(opacity=70);
}
.vw-namebuilder-description {
    font-size: 90%;
}
.vw-namebuilder-description-old {
    font-size: 14px;
    font-weight: bold;
    margin-left:120px;
}
.vw-namebuilder-start-help {
    position:absolute;
    top:0;
    left:0;
    width:480px;
    color: #999999;
}
/* */
.vw-featured .vw-catalog-name {
    background-color: #FFF8C6;
    background-color: rgba(255,215,0,.3);
}
.vw-catalog-name {
    position:relative;
}
/* .......................................... */

#vw-catalog .vw-body-box.WORK {
}
#vw-catalog .vw-body-box.REMOVED {
    background-color: #FF6666;
}
/*#vw-catalog .vw-body-box .vw-msg {*/
/*#vw-catalog .vw-body-box div.vw-msg:first-of-type {*/
    /*margin-left: 125px;*/
#vw-catalog .vw-body-box >.vw-msg {
}
#vw-catalog-body {
}
    /*margin-left: 120px;*/
#vw-catalog .vw-body div.vw-error-box:first-of-type {
}

.vw-item-alt {
    font-size:12px;
    text-align:center;
}
.vw-item-alt div div div:first-of-type {
    border: 1px solid red;
}
.vw-item-remove {
    display:none;
    font-size:11px;
    text-align:center;
}
/* featured */
    /*height: 55px;*/
.vw-section-2 .vw-catalog .vw-picture {
}
    /*width: 70px;*/
.vw-section-2 .vw-catalog .vw-picture img {
}
/* featured catalogs ............................ */
.vw-featured-catalogs-box {
}
.vw-featured-catalogs {
}
#vw-catalog .vw-featured-catalogs-box {
}
#vw-catalog .vw-featured-catalogs {
}
#vw-catalog .vw-featured-catalogs .vw-title {
    color: lightblue;
    position: absolute;
    top: 1px;
}
/* featured catalog ............................ */
.vw-featured-catalog {
    display: inline-block;
    position: relative;
    margin: 5px;
    background-color: #FFF8C6;
    background-color: rgba(255,215,0,.3);
}
/* ancestors ........ */
    /*clear: both;*/
.vw-catalog-ancestors {
}
    /*height: 55px;*/
.vw-catalog-ancestors .vw-picture {
}
    /*width: 70px;*/
.vw-catalog-ancestors .vw-picture img {
}
.vw-catalog-ancestor .vw-picture {
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter:alpha(opacity=50);
}
.vw-catalog-ancestor.vw-catalog-parent .vw-picture {
    opacity: 1.0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
}
.vw-catalog-ancestor.vw-catalog-root {
    display: none;
}
.vw-catalog-ancestor {
    display: inline-block;
    position: relative;
    padding: 0 10px;
}
.vw-catalog-ancestor div.vw-name-box {
    position: relative;
    height: 30px;
    text-align: center;
}
#vw-catalog-ancestor div.vw-parent-remove {
    margin: 3px 0;
    font-size: 75%;
}
#vw-catalog-ancestors div.vw-parent-remove a {
    color: #993333;
}
#vw-catalog-ancestors div.vw-parent-remove a:hover {
    color: #cc6666;
}
/* 2do - replace fugue-icon with feathericon svg */
    /*background: url(../../img/fugue-icons-3.5.6/icons-shadowless/pencil.png) 0 0 no-repeat;*/
.vw-edit-button {
    background: url(../../img/feather-icons/icons/edit.svg) 0 0 no-repeat;
    height:20px;
    width: 20px;
}
.vw-info-counts {
    margin-top:20px;
}
    /*line-height: 2;*/
.vw-info-count {
    padding: 5px 0 5px 20px; 
}

/* panel - pixels ........................ */
.vw-msg-and-err-box, .vw-action-result {
    width: calc(100% - 50px);
}
.vw-property-definition-panel .vw-msg-and-err-box
    , .vw-property-definition-panel .vw-action-result 
{
    width: calc(100% - 100px);
}
/* panel ........................ */
.vw-msg-and-err-box, .vw-action-result {
    position: absolute;
    top: 0;
    height: auto;
    max-height: 100%;
    overflow: auto;
    background-color: rgb(240,240,240);
    background-color: rgba(240,240,240,.9);
}

.vw-msg-and-err-box, .vw-action-result .vw-ok.vw-button {
    width: auto;
}

/* action bar - absolute pixels ........................ */
.vw-action-bar-box {
    top: 1px;
    height: 49px;   /* 1px for top */
    width: 400px;
    right: 0;
}
.vw-action-bar > div:first-of-type.vw-action {
    padding: 15px 8% 15px 10px;
}
.vw-action-bar .vw-action {
    height: 20px;
    width: 20px;
    padding: 15px 8%;
}
.vw-action-bar .vw-action .vw-menu-button .vw-label {
    top: 0px;
}
.vw-action-bar .vw-action .vw-label {
    padding: 4px;
}
/* action bar ........................................ */
.vw-max-view .vw-item-info-box .vw-action-bar-box {
    display: block;
}
.vw-max-view .vw-item-info-box .vw-action-bar-box.vw-hidden {
    display: none;
}
.vw-item-info-box .vw-action-bar-box {
    display: none;
}
/*
    border-left: 1px solid lightblue;
    border-bottom: 1px solid lightblue;
*/
.vw-action-bar-box {
    position: fixed;
    padding: 0;
    background: transparent;
    white-space: nowrap;
}
.vw-action-bar {
    position: relative;
    height: 100%;
    width: 100%;
}
/* override .vw-item settings */
.vw-action-bar-box .vw-action-bar.vw-item-info {
    position: relative;
    border: none;
}
/* override .vw-item settings */
.vw-action-bar-box .vw-action-bar.vw-item {
    height: 100%;
    width: 100%;
    border: none;
}
.vw-action-bar.vw-property {
    left: unset;
}
.vw-action-bar .vw-action {
    display: inline-block;
    position: relative;
    margin: 0;
    vertical-align: top;
    cursor: pointer;
    border: none;
}
.vw-action-bar .vw-action .vw-label {
    position: relative;
    font-size: 75%;
    color: rgb(100,150,200);
}
    /*background-color: white;*/
.vw-action-bar .vw-action .vw-svg-box {
}
.vw-action-bar .vw-action svg {
    background-color: transparent;
    cursor: pointer;
}
.vw-action-bar .vw-action .vw-menu-box {
    position: relative;
    top: 0;
    left: 0;
}
.vw-action-bar-box .vw-action > div.vw-title {
    vertical-align: top;
    font-size: 90%;
}
/* action bar menu ..... */
.vw-action-bar .vw-action .vw-menu .vw-label{
    font-size: 100%;
}
.vw-action-bar .vw-action .vw-menu svg {
    height: 15px;
    width: 15px;
}

/* Form ........................................... */
.vw-form-actions {
}
.vw-form-actions .vw-form-action {
    display: inline;
}

/* Search absolute pixels ........................... */
    /*width: calc(100vw - 545px);*/
#vw-top-search {
    left: 70px;
    width: calc(100% - 525px);
    max-width: 550px;
}
    /*width: calc(100% - 85px);*/
.vw-search-box .vw-search-form-box {
    height: 32px;
    margin-top: 10px;
}
.vw-search-context .vw-facade .vw-label {
    line-height: 32px;
    margin-right: 21px;
    margin-left: 5px;
}
.vw-search-context .vw-facade .vw-select-icon {
    top: 12px;
    right: 8px;
}
.vw-search-context select {
    height: 30px;
    padding: 0 10px;
}
.vw-search-form-box .vw-input {
    line-height: 36px;
}
.vw-search-form-box .vw-input input[type="text"] {
    height: 32px;
}
.vw-search-form-box .vw-button-box  {
    height: 32px;
    width: 32px;
}
.vw-search-form-box .vw-button-box .vw-img-button {
    height: 24px;
    width: 24px;
    padding: 4px;
}
.vw-search-form-box .vw-button-box .vw-button {
    width: 50px;
    padding: 4px 0 4px 0;
}
.vw-search-form-box .vw-options-box  {
    height: 32px;
    width: 32px;
}
.vw-search-form-box .vw-options-box .vw-options-button {
    height: 20px;
    width: 20px;
}
.vw-search-form-box .vw-options-box .vw-options {
    top: 25px;
    right: 10px;
    padding: 10px;
}
.vw-panel-box .vw-add-moderator .vw-search-form-box .vw-search-context {
    display: none;
}
.vw-search-context select optgroup option{
    width: 300px;
}
 .vw-search-form-box .vw-search-context {
    width: calc(40% - 16px);
}
 .vw-search-form-box .vw-input-box {
    width: calc(60% - 16px);
}
.vw-search-box .vw-search-form-box form > div.vw-options-box {
    margin: 0 10px 0;
}
/* Search ........................................... */
#vw-top-search:before {
}
#vw-top-search {
    display: block;
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0 0 0 0;
}
.vw-search-box {
    position: relative;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.vw-search {
    position:absolute;
    top:0;
    bottom: 0;
    width: 100%;
}
.vw-panel-box .vw-manage .vw-search {
    overflow: hidden;
}
    /*overflow: auto;*/
.vw-panel-box .vw-manage .vw-search .vw-search-body {
}
.vw-search-box form {
    position: relative;
    width: 100%;
    height: 100%;
    white-space: nowrap;
}
.vw-search-box .vw-search-form-box {
    width: 100%;
    border: 1px solid #999;
}
.vw-search-box .vw-search-form-box form {
}
    /*float: left;*/
.vw-search-box .vw-search-form-box form > div {
    display: inline-block;
    position: relative;
}
/* hack */
.vw-search-box .vw-search-form-box form > div {
    margin: 0 -4px 0 0;
}
/* .................  */
    /*max-width: 70%;*/
 .vw-search-form-box .vw-input-box {
    position: relative;
    height: 100%;
    white-space: nowrap;
}
.vw-search-form-box .vw-input {
    white-space:nowrap;
    background: #F3F9FF;
}
.vw-search-form-box .vw-input:hover {
}
.vw-search-form-box .vw-input input[type="text"]:focus {
    background-color: #ffffcc;
}
.vw-search-form-box .vw-input input[type="text"] {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 0 5px;
    box-sizing: border-box;
    border: 0;
}
/* */
.vw-hide-submit input[type="submit"] {
    display: none;
}
.vw-search-form-box .vw-button-box .vw-feather {
}
.vw-search-form-box .vw-button-box  {
    position: relative;
    top: 0;
    right: 0;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    background-color: #FFF8C6;
    background-color: rgba(255,250,200,.5);
}
.vw-search-form-box .vw-button-box svg.vw-feather {
    vertical-align: baseline;
}
.vw-search-form-box .vw-button-box label {
    cursor: pointer;
}
/* search options */
.vw-search-form-box .vw-options-box  {
    display: inline-block;
    position: absolute;
    top: 0px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}
.vw-search-form-box .vw-options-box .vw-options-button {
    cursor: pointer;
}
.vw-search-form-box .vw-options-box .vw-options-button svg {
    height: 100%;
    width: 100%;
}
.vw-search-form-box .vw-options-box .vw-options-button {
    display: block;
}
.vw-search-form-box .vw-options-box .vw-options {
    position: absolute;
    background: whitesmoke;
    border: 1px solid;
}
/*
.vw-search-form-box .vw-options-box:hover .vw-options-button {
    display: none;
}
.vw-search-form-box .vw-options-box:hover .vw-options {
    display: block;
}
*/
.vw-search-form-box .vw-options-box  .vw-options .vw-option  {
    white-space: nowrap;
}
/* END search options */
/*.vw-search-context-box  {*/
.vw-search-context  {
    display:inline-block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    font-size: 92%;
    color: #cccccc;
}
.vw-search-context:hover .vw-facade {
    background-color: #e0d896;
    cursor: pointer;
}
/* .................  */
/* 
    float: left;
*/
.vw-search-context .vw-facade {
    position: relative;
    top: 0;
    width: 100%;
    overflow: hidden;
    cursor: default;
    box-sizing: border-box;
    background-color: #FFF8C6;
    background-color: rgba(255,250,200,.5);
}
.vw-search-context:hover .vw-facade .vw-label {
}
.vw-search-context .vw-facade .vw-label {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color:#666;
    font-size: 92%;
}
/* */
.vw-search-context .vw-facade .vw-select-icon {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border-style:solid;
    border-color: transparent;
    border-width: 4px;
    border-top: 4px solid #666;
    border-bottom-width: 0;
}
.vw-search-context select {
    position: absolute;
    top: 0;
    left: 0;
    width: 110%;
    opacity: 0;
    filter: alpha(opacity=0);
    background-color: whitesmoke;
}
.vw-search-context select optgroup {
    font-weight: normal;
    font-family: arial,sans-serif;
    color: #999;
    font-size: 80%;
}
.vw-search-context select optgroup option{
    font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 1.2em;
    padding: 2px 2px 1px;
    font-family: arial,sans-serif;
    color: #000;
    font-size: 120%;
}
/* ..... */
.vw-is-auth .vw-search-workspace  {
    display: none;
}
.vw-is-auth .vw-context-catalog .vw-search-workspace  {
    display: none;
    color: #cccccc;
    float:left;
    margin: 0 0 0 5px;
}
.vw-is-auth .vw-context-browse .vw-search-workspace  {
    display: none;
    color: #cccccc;
    float:left;
    margin: 0 0 0 5px;
}
.vw-search-context  a:link {
    color: #cccccc;
    cursor: pointer;
    text-decoration: none;
}
.vw-search-context  a:visited {
    text-decoration: none;
}
.vw-search-context  a:hover {
    color: #ffcccc;
}
.vw-search-context  a:active {
    color: #ffcccc;
}
.vw-search-type {
    display: none;
    clear:both;
    font-size: 9px;
    color: #cccccc;
    font-weight: normal;
}
/* search body (results) ........................  */
.vw-body.vw-search-body {
}
.vw-search-body {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}
#vw-catalog .vw-search-body {
    top: 0;
}
/* ............................  */
.vw-search-results-box {
    position: relative;
    height: 100%;
    width: 100%;
    overflow:hidden;
    margin: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.vw-search-results-box .vw-head-box {
    border-bottom: 1px solid #99ccff;
    font-size: 75%;
}
.vw-search-results-box .vw-head {
    padding: 2px 5px;
}
/*
    padding: 10px 3%;
    margin: 1px 0 0;
*/
.vw-search-results {
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    height:auto;
    overflow:auto;
}
.vw-search-results .vw-picture {
    overflow:hidden;
}
/* Search Panel ........................... */
.vw-search-panel-box {
    overflow: hidden;
    height: 70%;
    padding: 5% 0;
}

.vw-search-panel {
    position: absolute;
    padding: 0;
    margin: 0 20%;
    height: 70%;
}
.vw-search-panel .vw-search-head {
    position: absolute;
    margin:5px 0;
    height:40px;
}
.vw-search-panel .vw-search-body {
    top: 40px;
}
#vw-catalog .vw-search-panel .vw-search-body {
    top: 46px;
}
.vw-panel-box .vw-add-parent .vw-search-body {
    top: 46px;
}
#vw-catalog .vw-panel-box .vw-add-parent .vw-search-body {
    top: 46px;
}
.vw-panel-box .vw-body {
    position:relative;
    height: 100%;
}
.vw-panel-box .vw-head .vw-actions {
    margin-top: 30px;
}

/* */
.vw-one-title {
    position: absolute;
    bottom: 0;
    width: calc(100% - 10px);   /* subtract left + right padding */
    padding: 5px;
    text-align:center;
    font-size: x-small;
    font-weight: bold;
    color: #003366;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,0.7);
}
#vw-user-summary .vw-one-title {
    padding-bottom: 10px;
}
.vw-user .vw-one {
    display: inline-block;
    margin: 10px;
    overflow-y: hidden;
}
.vw-sidebar-section .vw-user .vw-one {
    margin: 0;
}
#vw-contributors-summary .vw-user .vw-one {
    height:120px;
}
/* */
#vw-user-search-box {
    margin: 20px 10%;
    position:relative;
    height:95%;
}
/* */
#vw-catalog-search {
    position:relative;
    top:15px;
}
#vw-catalog-search #vw-catalog-actions {
    top:-15px;
}
#vw-catalog-search-results-box {
    clear:both;
    margin: 0 1%;
}
/* panel search ................. */
.vw-panel-box .vw-search-form-box .vw-search-form .vw-input-box {
    margin-left: 0;
    width: 95%;
}
.vw-panel-box .vw-search-form-box {
    width: 90%;
    margin: 0 5%;
}
/*
.vw-panel-box .vw-add-parent .vw-search-form-box .vw-input-box {
    margin-left: 0;
    width: calc(420px + 5%);
    max-width: 90%;
}
.vw-panel-box .vw-add-parent .vw-search-form-box {
    width: 90%;
    margin: 0 5%;
}
*/
/* add parent search ................. */
.vw-panel-box .vw-add-parent.vw-panel-box {
}
.vw-panel-box .vw-add-parent .vw-search-head {
    text-align: center;
}
.vw-panel-box .vw-add-parent .vw-search-form-box .vw-input {
    width: 0;
}
.vw-panel-box .vw-add-parent .vw-search-workspace  {
    display: none;
}
.vw-panel-box .vw-add-parent .vw-search-form-box .vw-search-context {
    display: none;
}
.vw-panel-box .vw-add-parent .vw-search-body {
    background-color: #DDEEFF;
}
/* */
.vw-panel-box .vw-add-parent .vw-search-box {
    width:100%;
}
.vw-panel-box .vw-add-parent .vw-search-results {
}
/* search list view absolute pixels ............................... */
.vw-search-list-view .vw-picture {
    height: 20px;
    width: 20px;
}
.vw-search-list-view .vw-picture img {
    width: 20px;
}
.vw-search-list-view div.vw-one-box {
    padding: 5px;
    height: 20px;
    margin: 20px 10px;
}
.vw-search-list-view .vw-one-title {
    margin-left: 25px;
    width: calc(100% - 25px);
}
/* search list view ............................... */
.vw-search-list-view .vw-search-results {
    margin:0;
    padding:0;
}

.vw-search-list-view.vw-modal-content {
    min-height: 80%;
    padding: 0;
}

/* ......... */
.vw-search-list-view .vw-search-results > div.vw-one-box:nth-child(even) {
    background-color: lightyellow;
}
.vw-search-list-view .vw-picture {
    display: inline-block;
    position: absolute;
}
.vw-search-list-view .vw-picture img {
}
.vw-panel-box .vw-add-parent div.vw-catalog-complete {
    display: none;
}
.vw-search-list-view div.vw-one-box {
    width: 98%;
    margin: 5px 0;
    white-space: nowrap;
}
.vw-search-list-view .vw-one-title {
    text-align: left;
    bottom: unset;
}
.vw-search-list-view .vw-one > div {
    top: 3%;
}
.vw-search-list-view div.vw-catalog-completed-box {
    display: none;
}

/* catalog info .......................... */
.vw-section.vw-info .vw-head .vw-light {
    font-size: 75%;
}
.vw-section.vw-info .vw-head .vw-light .vw-hover {
    display: none;
}
.vw-section.vw-info .vw-head .vw-light:hover .vw-hover {
    display: inline-block;
}
/* catalog manage absolute pixels .......................... */
/* catalog manage .......................... */
.vw-catalog-manage-box {
    position:absolute;
    top:0;
    bottom:0;
    width:100%;
    overflow:auto;
    margin-top:0;
    padding: 0;
    overflow: visible;
}
.vw-catalog-manage.vw-action-bar {
    overflow: visible;
}
.vw-catalog-manage {
    position: relative;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden;
    height:100%;
}
.vw-catalog-manage .vw-head .vw-max {
    font-size: 75%;
}
.vw-catalog-manage div.vw-section-2:first-of-type {
    margin-top: 0;
}
.vw-catalog-manage div.vw-section-2:first-of-type .vw-actions {
    margin-left: 110px;
}

.vw-catalog-manage .vw-featured {
    background-color: #FFF8C6;
    background-color: rgba(255,215,0,.3);
}
#vw-catalog .vw-catalog-manage .vw-actions {
    display: inline-block;
    position: relative;
    vertical-align: top;
}
#vw-catalog .vw-catalog-manage .vw-action.vw-alert {
    color: #993333;
}
#vw-catalog .vw-catalog-manage .vw-action.vw-alert:hover {
    color: #ff8888;
}
#vw-catalog .vw-catalog-manage .vw-action.vw-highlight {
    color: #993333;
}
#vw-catalog .vw-catalog-manage .vw-action.vw-highlight:hover {
    color: #ff8888;
}
#vw-catalog .vw-catalog-manage .vw-action {
    cursor: pointer;
    color: #888888;
}
#vw-catalog .vw-catalog-manage .vw-action:hover {
    color: #666666;
}
#vw-catalog .vw-catalog-manage .vw-action.vw-hidden {
    display: none;
}
.vw-catalog-manage .vw-catalog-go-live {
}
.vw-catalog-manage .vw-catalog-go-live div {
    margin: 10px;
}
.vw-catalog-manage .vw-catalog-go-live .vw-button {
    width: 70px;
}
.vw-catalog-manage .vw-catalog-remove {
}
.vw-catalog-manage .vw-catalog-remove div {
    margin: 10px;
}
.vw-catalog-manage .vw-catalog-remove .vw-button {
    width: 100px;
}
.vw-catalog-manage .vw-search-body {
    top: 40px;
}
.vw-catalog-manage .vw-picture img {
    width: 70px;
} 
.vw-catalog-manage img {
    width: 70px;
} 
.vw-catalog-manage-body {
    position:absolute;
    top:30px;
    bottom:0;
    left:0;
    right:0;
}
/* add parent */
.vw-is-moderator .vw-catalog-manage .vw-search-workspace  {
    display: none;
}
.vw-is-moderator.WORK .vw-catalog-manage .vw-search-workspace  {
    display: none;
    color: #cccccc;
    float:left;
    margin: 0 0 0 5px;
}
/* properties */
/* property actions */
#vw-catalog #vw-catalog-info .vw-actions {
    position: relative;
    font-size: 80%;
}
/*
    display: inline;
*/
#vw-catalog #vw-catalog-info .vw-action.vw-highlight {
    color: #993333;
}
#vw-catalog #vw-catalog-info .vw-action.vw-highlight:hover {
    color: #ff8888;
}
#vw-catalog #vw-catalog-info .vw-action:hover {
    color: #666666;
}
#vw-catalog #vw-catalog-info .vw-action {
    cursor: pointer;
    color: #888888;
}
#vw-catalog #vw-catalog-info .vw-action.vw-error {
    color: #990000;
}
#vw-catalog #vw-catalog-info .vw-action.vw-hidden {
    display: none;
}
#vw-catalog-info .vw-actions #vw-catalog-show-proposed {
    display: block;
}
#vw-catalog-info .vw-actions #vw-catalog-hide-proposed {
    display: none;
}
#vw-catalog-info .vw-show-proposed .vw-actions #vw-catalog-show-proposed {
    display: none;
}
#vw-catalog-info .vw-show-proposed .vw-actions #vw-catalog-hide-proposed {
    display: block;
}
/* property action add property ............................ */
#vw-adding-property {
    clear:left;
}
.vw-guest #vw-catalog-add-prop-box {
    display:none;
}
#vw-catalog-add-prop-box .vw-error { 
    float: left;
    padding: 0 10px;
} 
#vw-catalog-add-prop-box #vw-catalog-add-prop-button { 
} 
#vw-catalog-add-prop-box #vw-catalog-add-prop-input { 
    display: none;
} 
#vw-catalog-add-prop-box #vw-catalog-add-prop-input input { 
    background-color: #FFEE69;
    width: 200px;
} 
#vw-catalog-add-prop-box #vw-catalog-add-prop-msg { 
    display: none;
    color: #990000;
} 
/* mode input */
#vw-catalog-add-prop-box.vw-mode-input #vw-catalog-add-prop-button { 
    display: none;
} 
#vw-catalog-add-prop-box.vw-mode-input #vw-catalog-add-prop-input { 
    display: block;
} 
/* mode in progress */
#vw-catalog-add-prop-box.vw-mode-in-progress #vw-catalog-add-prop-button { 
    display: none;
} 
#vw-catalog-add-prop-box.vw-mode-in-progress #vw-catalog-add-prop-msg { 
    display: block;
} 
.vw-section2.vw-pending-approvals a:link {
    color: #888888;
}
.vw-section2.vw-pending-approvals a:hover {
    color: #666666;
}
/* absolute pixels .......... */
/* .......... */
.vw-input-box .vw-label {
    display: inline;
    font-size: 85%;
}
/* property definition panel - absolute pixels .......... */
.vw-property-definition-panel .vw-head-box {
    height: 100px;
}
.vw-property-definition-panel .vw-body-box {
    top: 100px;
    height: calc(100% - 100px);
}
.vw-property-definition-panel .vw-actions div.vw-request-remove {
    width: 120px;
}
.vw-property-definition-panel .vw-actions div.vw-approve {
    width: 90px;
}
.vw-property-definition-panel .vw-actions div.vw-reject {
    width: 90px;
}

/* property definition panel .......... */
.vw-property-definition-panel.WORK .vw-modal-content {
    background-color: rgb(240,240,240);
}
.vw-property-definition-panel .vw-head {
    position:relative;
    width: 100%;
    border-bottom: 1px solid;
}
.vw-property-panel-head-msg {
    margin: 5px;
}
.vw-panel-box .vw-property-definition-panel .vw-head-box .vw-head .vw-actions {
    position: relative;
    margin: 0;
    white-space: nowrap;
}
.vw-property-definition-panel .vw-actions > div {
    display: inline-block;
}
.vw-property-panel-head-left {
    width: 75%;
}
.vw-property-panel-head-right {
    position: relative;
    font-weight: normal;
    font-size: 80%;
}
.vw-property-panel-body {
    clear:both;
}
/*.vw-property-panel-body .vw-propdef  {*/
.vw-property-panel-body .vw-propdef > div:first-of-type  {
    margin-top: 10px;
}
.vw-property-panel-body .vw-propdef > div {
    padding: 3px 0;
}
/* .......... */
.vw-property-panel-body form .vw-input-box {
}
.vw-property-panel-body form .vw-input-box input[type="text"] {
    width: 240px;
    font-size: 90%;
}
.vw-property-panel-body form select {
    font-size: 85%;
}
    /*font-size: 40%;*/
.vw-property-panel-body form select option {
}
.vw-property-panel-body form .vw-input-box .vw-suggest-catalog {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}
.vw-property-panel-body .vw-propdef-form form {
    min-height: 250px;
}
.vw-property-panel-body form .vw-input-box .vw-modal {
    height: 100%;
    padding: 20px 0;
}
.vw-property-panel-body form .vw-input-box .vw-modal-content {
    height: 90%;
    width: 90%;
}
.vw-property-panel-body form .vw-option-descendants {
    opacity: 0.6;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter:alpha(opacity=60);
}
.vw-property-panel-body form .vw-propdef-ref .vw-option-descendants {
    opacity: 1.0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
}
.vw-property-panel-body form .vw-propdef-candidates {
    margin-left: 20px;
}

/*.vw-catalog-manage .vw-pending-approval {*/
/*.vw-properties .vw-pending-approval {*/
.vw-pending-approval {
    background-color: #f5ffea;
}
/*.vw-properties .vw-item-settable {*/
.vw-item-settable {
    background-color: #ffffcc;
}
/*.vw-properties .vw-pending-approval-UPDATE {*/
.vw-pending-approval-UPDATE {
    background-color: #f5ffea;
}
/*    background-color: #f5ffea; */
/*.vw-properties .vw-pending-approval-GO_LIVE {*/
.vw-pending-approval-GO_LIVE {
    background-color: #ffe6e6; 
}
/*.vw-catalog-manage .vw-pending-approval-DELETE {*/
/*.vw-properties .vw-pending-approval-DELETE {*/
.vw-pending-approval-DELETE {
    background-color: #ffcccc;
}
.vw-is-moderator .vw-properties div.vw-prop-definition {
    cursor: pointer;
}
.vw-is-approver .vw-properties div.vw-prop-definition {
    cursor: pointer;
}
/*.vw-catalog-manage div.vw-prop-definition-name:hover {*/
.vw-is-moderator .vw-properties div.vw-prop-definition-name:hover {
    color:#0000ff;
}
.vw-is-approver .vw-properties div.vw-prop-definition-name:hover {
    color:#0000ff;
}
/*.vw-catalog-manage .vw-property {*/
.vw-is-auth .vw-properties .vw-property {
    cursor: pointer;
}
.vw-is-auth .vw-properties .vw-property.vw-no-edit {
    cursor: auto;
}
/*.vw-catalog-manage div.vw-property:hover {*/
.vw-is-auth .vw-properties div.vw-property:hover {
    color:#0000ff;
}
/*
#vw-catalog-info div.vw-current.vw-prop-definition:hover {
*/
.vw-is-moderator #vw-catalog-info div.vw-current.vw-prop-definition:hover {
    background: url(../../img/edit-remove-300x30.png) 0 0 no-repeat;
}
.vw-prop-definition.vw-current .vw-prop-definition-name {
    color: #333399;
}
.vw-prop-definition-edit-link {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
.vw-prop-definition-edit-link a {
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    width: 20px;
    display: block;
}
.vw-prop-definition-edit {
}
.vw-prop-definition-remove {
    position: absolute;
    right: 0;
    top: 0;
    height: 20px;
    width: 20px;
}
.vw-prop-definition-remove a {
    position: absolute;
    right: 0;
    top: 0;
    height: 20px;
    width: 20px;
    display: block;
}
.vw-prop-definition-owner-name {
    color:#cccccc;
}
/* */
.vw-prop-no-val .vw-prop-val-name {
    font-weight: normal;
}
/*.vw-prop-val-name span {*/
.vw-subtext {
    color: #888888;
    font-size: 80%;
}
.vw-prop-no-val .vw-prop-val-name {
    color: #cccccc;
}
.vw-is-auth div.vw-prop-val-name {
    cursor: pointer;
}
.vw-is-auth div.vw-prop-val-name:hover {
    color: #0000ff;
}
.vw-editable-true .vw-prop-val-name {
    display: none;
}
.vw-editable-false .vw-prop-val-name {
    display: block;
}
.vw-editable-false .vw-prop-val-input {
    display: none;
}
/* suggested props */
div.vw-suggested-prop {
    display: inline-block;
    padding: 0 5px;
    font-size: 90%;
    color: #cccccc;
}
.vw-suggested-prop .vw-prop-val-name {
    font-size: 80%;
}
.vw-is-auth div.vw-suggested-prop {
    cursor: pointer;
}
div.vw-suggested-prop:hover {
    color: #0000cc;
}
div.vw-prop-val-suggest-link {
    color: #999999;
    padding: 0 5px;
    float: left;
}
div.vw-prop-val-suggest-link a:hover {
    color: #0000cc;
}

div.vw-prop-edit .vw-overlay-close {
    width: 10px;
}

div.vw-prop-edit {
    border: 1px solid black;
    background: white;
    padding: 10px;
    position: relative;
}
div.vw-prop-edit > *{
    padding: 5px;
}

div.vw-prop-edit .vw-suggested-props-edit {
    border-top: 1px solid black;
}

div.vw-prop-edit .vw-suggested-props-edit > *{
    padding: 3px;
}

div.vw-prop-edit .vw-suggested-prop-edit .vw-prop-actions {
    display: none;
}

div.vw-prop-edit .vw-suggested-prop-edit:hover .vw-prop-actions {
    display: block;
}

div.vw-prop-edit .vw-suggested-prop-edit .vw-name {
    display: inline;
}

div.vw-prop-edit .vw-suggested-prop-edit .vw-prop-actions > * {
    display: inline;
    padding: 3px;
}

div.vw-prop-edit .vw-prop-edit-suggest {
    white-space: nowrap;
}
div.vw-prop-edit .vw-prop-edit-suggest .vw-suggest {
    display: inline;
}

/* */
#vw-catalog-top {
    margin: 0 0;
    position:absolute;
    top:0;
    bottom:0;
    width:100%;
}
/* EDIT */
#vw-catalog-edit {
    height:auto;
    width:100%;
    position:relative;
}
#vw-catalog-edit-head {
    margin:0;
}
#vw-catalog-edit-head .vw-head-label {
    left: 110px;
    position: relative;
}
#vw-catalog-edit .vw-error-box {
    margin-left: 120px;
}
#vw-catalog-edit-actions {
    top:0;
}
#vw-catalog-edit-explanation {
    height: 15px;
    width: 45%;
    padding: 5px;
}
/* Manage Featured Panel .................................... */
.vw-manage-featured {
}
.vw-manage-featured .vw-head-box {
    height: 100px;
}
.vw-section-box.vw-max-view .vw-manage-featured .vw-body-box {
    top: 100px;
    height: calc(100% - 100px);
}
.vw-manage-featured .vw-head {
    border-bottom: 1px solid black;
}
.vw-manage-featured .vw-body {
}
.vw-manage-featured .vw-body ul {
    margin-top: 30px;
}
.vw-manage-featured .vw-body ul li {
    padding: 5px 0;
}
.vw-manage-featured .vw-featured-true {
    background-color: #FFF8C6;
    background-color: rgba(255,215,0,.3);
}
/* Supported ItemTypes Panel .......................... */
.vw-supported-item-types {
}
/* position: absolute; is a HACK */
.vw-supported-item-types .vw-head {
    position: absolute;
    border-bottom: 1px solid black;
}
.vw-supported-item-types .vw-head .vw-actions {
}
.vw-supported-item-types .vw-head .vw-action .vw-form-box {
    position: fixed;
    left: 13%;
    height: 10%;
    width: 72%;
    background: antiquewhite;
}
.vw-supported-item-types .vw-body {
    overflow: auto;
}
.vw-panel .vw-supported-item-type {
    height: auto;
    width: 100%;
    margin: 20px 0 0 0;
}
.vw-supported-item-type {
    position: relative;
    height: auto;
    padding: 0;
    white-space: nowrap;
    color: #999999;
}
.vw-supported-item-type div {
    white-space: normal;
}
#vw-catalog .vw-body-box .vw-supported-item-type div.vw-sub-text {
    margin-left: 0;
}
.vw-supported-item-type div.vw-sub-text {
    margin-left: 0;
}
.vw-supported-item-type > div {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
}
.vw-supported-item-type div.vw-action {
    display: inline-block;
    width: 10%;
    max-width: 60px;
}
.vw-supported-item-type div.vw-name {
    width: 20%;
    max-width: 80px;
}
.vw-supported-item-type div.vw-description {
    width: 55%;
    font-size: 90%;
}
.vw-supported-item-type div.vw-msg {
    padding-left: 20px;
}
.vw-supported-item-type.INHERITED {
    color: black;
}
.vw-supported-item-type.OWNED {
    color: #406ED9;
}
/* .......................... */
div.vw-overlay-picture {
    position:absolute; 
    left:85px; 
    top:65px; 
    height:35px;
    width:35px;
    overflow: hidden;
}
.vw-overlay-picture-img {
    height:40px;
    margin: 0 -20%;
    opacity: 0.7;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter:alpha(opacity=70);
}
/* */
.vw-empty-picture {
    width: 80px;
    border: 1px solid blue;
    text-align: center;
    margin:0 10px;
    white-space: normal;
}
/* */
div.fakefile {
    position: absolute;
    top: 0px;
    left: 0px;
}

input.file {
    position: relative;
    text-align: right;
    cursor: pointer;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
}

/*
*/
.vw-catalog-img-add {
    position: relative;
    height: 30px;
    width: 80px;
}

#vw-user-summary .vw-picture {
    overflow:hidden;
}
/* ......................................... */
.vw-upload-form-box {
    border: red solid;
    height: 80px;
    width: 80px;
    position: absolute;
}

.vw-upload-form input.file.hidden {
    position: relative;
    text-align: right;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
}

.vw-upload-form div.fakefile {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 350px;
    padding: 0;
    margin: 0;
    line-height: 90%;
}

/* form.vw-picture div.fakefile input { */
.vw-upload-form div.fakefile input {
    margin-bottom: 5px;
    margin-left: 0;
}

/* */
.vw-upload-form input.file {
    width: 110px;
    margin: 0;
    position:absolute;
    top:0;
    left:-90px;
}

/* */
.vw-app-media-collections-box {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow:auto;
/*    margin:20px 10px;*/
}
#vw-app-media-collections .vw-body {
    top: 0px;
}
/* ............................ */
.vw-image {
    float:left;
    padding:10px;
}
/*    width: 100px; */
.vw-image img {
    border: none;
}
.vw-image img.Portrait {
    height: 100px;
}
.vw-image img.Landscape {
    width: 100px;
}
.vw-portrait {
    height: 100px;
}
.vw-landscape {
    width: 100px;
}
/* .......................................... */
    /* see: .vw-head .vw-picture-box {
    height: calc(100% - 2px);
    */
.vw-picture-box {
    position: relative;
    width: 100px;
    height: 100%;
    border: none;
    text-align: center;
    overflow: visible;
}
.vw-picture {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
}
.vw-one-box .vw-picture {
    max-height: 80%;
}
.vw-one-box .vw-catalog .vw-picture {
    margin: 10px 0;
}
/* ......... */
#vw-catalog.vw-removed .vw-head .vw-picture-box .vw-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: none;
    background-color: transparent;
}
#vw-catalog.vw-removed .vw-head .vw-picture-box .vw-overlay svg {
    height: 100%;
    width: 100%;
}
/* ......... */
    /*
    border: 1px solid #cceeff;
    */
.vw-head .vw-picture-box {
    background-color: transparent;
    top: 1px;
    height: calc(100% - 2px);
}
.vw-head .vw-picture {
}
.vw-picture img.Portrait {
    height: 100px;
    width: auto;
}
.vw-picture img.Landscape {
    height: auto;
    width: 100px;
}
/* default to landscape */
.vw-picture img {
    height: auto;
    width: 100px;
    border: none;
}
.vw-picture a {
    border: none;
}
/* .......................................... */
/* .vw-icon { height:16px; width:16px; } */
.vw-icon {
    height:20px;
    width:20px;
    cursor:pointer;
}
.vw-icon-img {
    position:relative;
}
.vw-picture-icons {
    position:absolute;
    top:0;
    left:110px;
    display:block;
}
/*
    height:60px;
*/
.vw-img-tmb {
    width:80px;
}
.vw-catalog-complete {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 10px;
    overflow: hidden;
}
div.vw-catalog-completed-box {
    position: absolute;
    bottom: 0;
    height: 10px;
    width: 100%;
}
div.vw-catalog-completed {
}
/*
    padding-top: 15px;
    background-color: teal;
    background: url(../../img/progress.png) 0 0 no-repeat;
*/
div.vw-catalog-completed-img-box {
    position: absolute;
    overflow: hidden;
}
div.vw-catalog-completed-img {
    width: 120px;
    height: 5px;
    background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
    background-size: contain;
}
div.vw-catalog-completed-text {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 65%;
    width: 100%;
    text-align: center;
}
div.vw-catalog-completed-box:hover div.vw-catalog-completed-text {
    display: block;
}

/* */

.vw-item-action .vw-action {
   float: none;
   display: block;
}
.vw-item-action {
    float: left;
    position: relative;
}

.vw-wishlist-link {
    display: none;
    position: relative;
    font-size:10px;
    margin: 0;
    clear: both;
}
.vw-wishlist-link div {
    display: inline;
    padding: 0 5px;
}
.vw-item-action:hover .vw-wishlist-link {
    display: block;
}

/* .......................................... */
.vw-item-info-edit-panel {
}
.vw-item-info-edit-panel .vw-name {
}
/* ............................................  */
.vw-one-box.vw-item-info {
    border-top: 1px solid #333399;
    border-right: 1px solid #333399;
    border-bottom: 1px solid #333399;
    border-left: 1px solid #333399;
    background-color: rgb(255,255,240);  /* fallback color */
    background-color: rgba(255,255,240,0.8);
}
/*
.vw-one-box.vw-item-info.vw-multiple {
    border-right: double #333399;
    border-bottom: double #333399;
}
.vw-one-box.vw-item-info.vw-has-descendants {
    background-color: rgb(222,222,200);  
    background-color: rgba(222,222,200,0.8);   
}
*/

.vw-one-box.vw-item-info.vw-multiple {
    background-color: rgb(255,255,225);  /* fallback color */
    background-color: rgba(255,255,225,0.8);
}
.vw-one-box.vw-item-info.vw-has-descendants {
    border-right: double #333399;
    border-bottom: double #333399;
}
    /*background-color: rgb(255,255,240);*/  
    /*background-color: rgba(255,255,240,0.8);*/
/*.vw-one-box.vw-item-info.vw-multiple.vw-has-descendants {*/
.vw-one-box.vw-item-info.vw-has-descendants {
    background-color: rgb(240,220,250);  
    background-color: rgba(240,220,250,0.8);
}
.vw-item-info-detail .vw-one-box.vw-item-info.vw-has-descendants {
    background-color: rgb(255,255,225);  
    background-color: rgba(255,255,225,0.8);
}

.vw-one-box.vw-item-info .vw-item-info-head {
    position: relative;
    height: 30px;
    width: 100%;
}
.vw-one-box.vw-item-info .vw-item-info-body > div {
    position: absolute;
    top: 30px;
    height: calc(100% - 30px);
    width: 65%;
    overflow: visible;
}
.vw-one-box.vw-item-info .vw-name {
    position: absolute;
    width: 150%;
    white-space: nowrap;
    font-size: 75%;
    padding: 2px 2px 2px 0;
    overflow: hidden;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,0.7);
}
.vw-one-box.vw-item-info .vw-item .vw-name {
    width: 150%;
}

.vw-one-box.vw-item-info .vw-infobox div.vw-catalog-info {
    margin: 10px;
}
.vw-one-box.vw-item-info div.vw-catalog-info {
    left: 0;
}
.vw-one-box.vw-item-info div.vw-owner-info {
    right: 0;
}

.vw-one-box.vw-item-info .vw-picture {
    position: relative; 
    height: 70%;
    width: 100%;
    overflow: hidden;
    padding: 10% 0;
}
.vw-one-box.vw-item-info .vw-item-box .vw-picture {
    padding: 4% 0;
}
    /*width: 90px;*/
.vw-one-box.vw-item-info .vw-picture img {
    margin: 0 -20%;
}

.vw-one-box.vw-item-info div.vw-catalog-info .vw-name {
    top: 0;
    left: 0;
    text-align: left;
    font-weight: 700;
}

.vw-one-box.vw-item-info .vw-zoom .vw-owner-info .vw-picture {
    width: 40%;
}
.vw-one-box.vw-item-info .vw-owner-info .vw-picture {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 40%;
    margin-top: 50%;
}
.vw-one-box.vw-item-info .vw-owner-info .vw-picture.vw-bg {
    display: none;
}
.vw-one-box.vw-item-info .vw-owner-info .vw-picture.vw-fg {
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter:alpha(opacity=50);
}
.vw-one-box.vw-item-info .vw-owner-info .vw-picture .vw-no-img {
    position: absolute;
    right: 0;
    top: 0;
}
/*.vw-one-box.vw-item-info .vw-zoom .vw-catalog-info .vw-picture img {*/
/*.vw-one-box.vw-item-info .vw-zoom .vw-owner-info .vw-picture img {*/
    /*width: 40%;*/
    /*width: 30%;*/
.vw-one-box.vw-item-info .vw-zoom .vw-picture img {
    margin: 0;
}
.vw-item-home .vw-property-box {
    height: 35px;
}
/*.vw-one-box.vw-item-info .vw-catalog-info .vw-picture img {*/
/*.vw-one-box.vw-item-info .vw-owner-info .vw-picture img {*/
.vw-one-box.vw-item-info .vw-owner-info .vw-picture img {
    width: 70%;
    margin: -10% 30%;
}
.vw-one-box.vw-item-info div.vw-owner-info .vw-name {
    right: 0;
    bottom: 0;
    text-align: right;
}
/* .......................................... */
div.vw-overlay-picture {
    position:absolute; 
    left:85px; 
    top:65px; 
    height:35px;
    width:35px;
    overflow: hidden;
}
.vw-overlay-picture-img {
    height:40px;
    margin: 0 -20%;
    opacity: 0.7;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter:alpha(opacity=70);
}

.vw-item-info-head .vw-item-info-counts {
    position: relative;
    vertical-align: top;
    padding: 0 10px;
}

/*
    width: auto;
    height: 100%;
*/
.vw-one-box.vw-item-info .vw-menu-box {
    position: absolute;
    top: 0;
    right: 0;
}
.vw-one-box.vw-item-info .vw-action-bar .vw-action .vw-menu-box {
    position: relative;
}

.vw-one-box.vw-item-info .vw-menu-button {
    -webkit-mask-image: url(../../img/feather-icons/icons/more-vertical.svg);
    mask-image: url(../../img/feather-icons/icons/more-vertical.svg);
}

.vw-one-box.vw-item-info .vw-menu {
    left: -120px;
    width: auto;
    height: auto;
}

.vw-one-box.vw-item-info .vw-one-header {
    position: absolute;
    top:0;
    left: 0; 
    height: 25px;
    width: 25px;
}

/* ............... */
.vw-one-box .vw-one-title {
    overflow: hidden;
}
/* ..................... */
/*
.vw-catalog-picture-img.Portrait {
    height: 80px;
}
.vw-catalog-picture-img.Landscape {
    width: 80px;
}
}
*/
/* ..................... */
/* */
.vw-one-box.vw-featured {
    background-color: #FFF8C6;
    background-color: rgba(255,215,0,.3);
}
.vw-one-box.vw-container {
    border: 1px solid #998877;
}
/*
.vw-one-box.WORK {
    background-color: #FDE5E5;
    background-color: rgba(255,0,0,0.1);
}
*/
.vw-one-box.WORK {
    background-color: rgb(222,222,222);
    background-color: rgba(0,0,0,0.1);
}
    /*display: none;*/
.vw-one-box.REMOVED {
    background-color: #FF6666;
    background-color: rgba(255,0,0,0.2);
}
.vw-show-removed .vw-one-box.REMOVED {
    display: block;
}
/* ................ */
/*
.vw-one-box {
    display: inline-block;
    position: relative;
    height: 125px;
    width: 120px;
    margin: 10px;
    border: 1px solid transparent;
}
*/
.vw-one {
    position: relative;
    height: 100%;
    width: 100%;
    margin: 0 0;
    overflow: hidden;
}
.vw-featured .vw-one {
    display: inline-block;
    background-color: #FFF8C6;
    background-color: rgba(255,215,0,.3);
}
/* ..................... */
    /*color: red;*/
.vw-item .vw-item-top .vw-item-type {
    text-align: center;
    font-weight: bold;
}

/* ..................... */
#vw-catalog-top-sets {
    clear:both;
    margin:5px 0;
}
/* */
#vw-my-collectibles {
}
/* suggest CatalogUnit body */
#vw-catalog-new-unit-props .vw-prop-definition {
    padding:15px 0;
}
#vw-catalog-new-unit {
    position: relative;
    height: 100%;
}
#vw-catalog-new-unit-top-info {
    position:relative;
}
#vw-catalog-new-unit-name {
    text-align: center;
    padding-top: 10px;
}
#vw-catalog-new-unit-name span {
    padding: 5px;
}
#vw-catalog-new-unit-name-val {
    font-weight: bold;
}
#vw-catalog-new-unit-description {
    margin: 10px 10%;
}
#vw-catalog-new-unit-description #vw-description-editor-box {
    height: 60px;
}
#vw-catalog-new-unit-description #vw-description-editor {
    height: 60px;
}
.vw-light {
    font-weight:lighter;
    color:#999999;
}
#vw-catalog-new-unit #vw-catalog-actions {
    top: 0;
    right: 50px;
}
.vw-display-name {
}
.vw-display-name-not-set {
    color: #99cccc;
}
#vw-catalog-new-unit-props {
    margin:15px 15%;
}
/* */
#vw-owned-items-section {
}
#vw-owned-items {
    position:relative;
    margin-top:15px;
}

/* */
/* Catalog Approve */
#vw-catalog-approve {
}
#vw-catalog-approve-head {
    margin-left: 120px;
}
#vw-catalog-approve-body {
    height: 100%;
    width: 100%;
    position: relative;
    margin-top: 25px;
}
#vw-catalog-approve #vw-catalog-approve-body .vw-side-by-side {
    float: left;
    border: 1px solid #336699;
    width: 46%;
    margin: 5px;
    padding: 5px;
    height: 100%;
}
/* */
.vw-pending-approvals-box {
}
.vw-pending-approvals {
}
.vw-pending-approval-box {
    border-bottom: 1px solid black;
}
.vw-pending-approval {
    clear: both;
    padding: 20px 0;
}
.vw-pending-approval-actions {
    display:none;
}
.vw-has-pending-approval-IMAGE .vw-pending-approval-actions.vw-pending-approval-IMAGE {
    display:block;
    padding: 20px 0 0 0;
}
.vw-has-pending-approval-IMAGE .vw-pending-approval-actions.vw-pending-approval-IMAGE div {
    padding: 5px;
}
.vw-no-changes {
    color: #cccccc;
}
/* */
/*
#vw-catalog #vw-compare-live #vw-catalog-info .vw-action {
    display: none;
}
*/
.vw-audit-entry {
    clear:both;
}
.vw-audit-entry .vw-cell {
    width: 120px;
    height: 50px;
    overflow:hidden;
    margin: 0;
    float: left;
    border: 1px solid #336699;
}
.vw-audit-entry .vw-cell.vw-diff {
    width: 200px;
    overflow:auto;
}
.vw-audit-entry .vw-picture {
    width: 20px;
    height: 20px;
}
.vw-audit-entry .vw-picture img {
    width: 20px;
}

/* */
.vw-list-item {
    padding: 5px;
}
#vw-admin-summary {
    margin:10px;
}
.vw-admin-node-type {
    margin:10px 0;
    border: 1px solid silver;
}
.vw-admin-node-type-name {
    font-size:14px;
    font-weight:bold;
}
.vw-admin-node-type-supertypes-box {
    margin:10px;
}
.vw-admin-node-type-supertypes {
    margin:10px;
    color:#666666;
}
.vw-admin-node-type-properties-box {
    margin:10px;
}
.vw-admin-node-type-property {
    margin:0 0 0 30px;
}
.vw-admin-node-type-add-prop-prompt {
    display:inline;
    font-size:10px;
}
.vw-admin-node-type-add-prop-input-box {
    display:none;
}
.vw-editing .vw-admin-node-type-add-prop-input-box {
    display:inline;
}


/*
*/
#DEBUG {
    position: fixed;
    top: 30px; 
    left: 1px;
    color: black;
}
#DEBUG a {
    color: black;
}
#DEBUG a:hover {
    color: #111111;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
/* ...........................  */
.vw-checked {
    stroke: green;
}
/*
WIKI
*/
#vw-wiki.vw-body {
    top: 35px;
}
#vw-wiki a[title="Special:Account"] {
    display:none;
}
/* forum absolute pixel sizes ....................... */
#vw-forum .vw-head {
    left: 125px;
    height: 100px;
}
.vw-forum-topics .vw-cell {
    height: 20px;
}
#vw-forum .vw-head .vw-button {
    width: 85px;
}
.vw-forum-post-panel-head-left {
    width: 280px;
}
.vw-forum-post-panel-body {
    height: 300px;
}
.vw-forum-post-panel-head-left {
    width: 280px;
}
#vw-system-forum .vw-action a {
    width:105px;
}
#vw-forum-post-editor-box {
    height: 50px;
    max-height: 100px;
}
.vw-forum-post-form-box .vw-submit-button input {
    width: 80px;
}
.vw-forum-topic .vw-cell {
    height: 30px;
}
/* forum ....................... */
#vw-forum.vw-body {
    position: relative;
    top: 0;
}
#vw-forum .vw-head {
    position: relative;
    top: 0px;
    width: 100%;
    margin: 0;
}
#vw-forum .vw-forum-topic .vw-head .vw-subhead {
    float:left;
    padding-right: 15px;
}
#vw-forum .vw-forum-topic .vw-head .vw-actions {
    clear: both;
}
#vw-forum .vw-head .vw-button {
}
.vw-forum-post-panel-head {
    border-bottom: 1px solid;
    position: relative;
}
.vw-forum-post-panel-body {
    height: 300px;
}
    /*top: -10px;*/
#vw-forum-post-form-box {
    position: relative;
    top: 0;
    left: 0px;
    width: 95%;
}
.vw-forum-post-form-box .vw-submit-button {
    margin: 5px;
}
#vw-system-forum .vw-action {
    top:0px;
    float:left;
    margin: 3px 5px;
}
#vw-system-forum .vw-action a {
}
.vw-guest-msg {
    display: none;
}
.vw-guest .vw-guest-msg {
    display: block;
}
.vw-guest #vw-forum .vw-actions {
    display: none;
}
#vw-forum .vw-actions {
    position:relative;
    left: 0;
    padding-bottom: 10px;
}
#vw-forum-post-subject {
    margin: 0 10px;
}
#vw-forum-post-editor-box {
    border: 1px solid #cccccc;
    clear: both;
    width: 75%;
    margin: 15px 10px;
    overflow: auto;
}
#vw-forum-new-topic #vw-forum-post-editor-box {
    background: white;
}
.vw-forum-post-form-box .vw-submit-button input {
    margin: 10px 0;
}
.vw-forum-topics {
    background-color: white;
    height: 100%;
}
.vw-forum-topics-header {
    clear: both;
}
.vw-forum-topics-body {
    clear: both;
    height: 100%;
    overflow: auto;
}
.vw-forum-topics .vw-cell {
    background-color: #aaccee;
    margin: 1px;
    float: left;
}
.vw-forum-topic {
    clear: both;
    background-color: white;
}
.vw-forum-topic .vw-cell {
    float:left;
    margin: 1px;
    background-color: #dfefff;
}
.vw-forum-topic-title {
    width: 30%;
}
.vw-forum-topic-replies {
    background-color: #cfe3eb;
    width: 7%;
}
.vw-forum-topic-author {
    width: 25%;
}
.vw-forum-topic-views {
    background-color: #cfe3eb;
    width: 7%;
}
.vw-forum-topic-last-post {
    width: 25%;
}
.vw-forum-topic-last-post-date {
    text-align: center;
}
.vw-forum-topic-last-post-author {
    text-align: center;
}
.vw-forum-topic-detail {
    clear: both;
}
.vw-forum-topic-detail-body {
    background-color: white;
    margin: 0 15px;
    border: 1px solid #333366;
}
.vw-forum-post-info {
    width: 150px;
}
/* forum post */
.vw-forum-topic-posts {
    margin-top: 20px;
    clear: both;
}
.vw-forum-post-box {
    position: relative;
    margin: 10px 0;
}
.vw-forum-post-box:after {
    content: ".";
    visibility: hidden;
    height: 0;
    display: block;
    clear: both;
}
.vw-forum-post {
    background-color: #DDEEFF;
}
.vw-forum-topic-posts > div.vw-forum-post-box:nth-child(even) { 
    background-color: #F3F9FF;
}
.vw-forum-post-info {
    float: left;
    padding: 5px;
}
.vw-forum-post-text-box {
    background-color: #DDEEFF;
    float: left;
    width: 70%;
}
.vw-forum-post-text {
    padding: 10px;
}

/* item info ................................. */
/* item info */
.vw-item-info {
    position: relative;
}

/* item info detail - absolute pixels ................................. */
.vw-item-info-detail-box {
    top: 200px;
    height: calc(100% - 220px);
}
/*
    width: 100%;      vw-nav: 20%, vw-nav-2: 20% 
    width: calc(100% - 100px);
*/
.vw-section-box .vw-section .vw-item-info-detail .vw-head {
    width: calc(100% - 65px);
}
.vw-item-info-detail-box .vw-overlay-close {
    width: 65px;
    height: 45px;
}
.vw-item-info-detail .vw-head .vw-head-picture {
    margin-left: 30px;
    height: 25px;
    width: 25px;
}
.vw-item-info-detail .vw-head .vw-head-picture img {
    height: 25px;
}
.vw-item-info-detail .vw-head .vw-item-info-counts {
    left: 70px;
}
/* item info detail ................................. */
.vw-max-view .vw-item-info-detail-box.vw-hidden {
    display: none;
}
.vw-max-view .vw-item-info-detail-box {
    display: block;
}
.vw-item-info-detail-box {
    display: none;
}
.vw-item-info-detail-box {
    position: fixed;
    left: 0;
    width: 100vw;
}
/** ... */
.vw-section-box .vw-section .vw-item-info-detail .vw-head {
    margin: 0;
}
.vw-item-info-detail-box .vw-item-box .vw-overlay-close {
    display: none;
}
.vw-item-info-detail-box .vw-item-box.vw-zoom .vw-overlay-close {
    display: block;
}
.vw-item-info-detail-box .vw-item-box.vw-only .vw-overlay-close {
    display: none;
}
/** ... */
.vw-action-bar.vw-item-info-detail {
    border: none;
}
.vw-menu-item .vw-item-info-detail {
    position: relative;
    border: none;
}
.vw-label .vw-item-info-detail 
, .vw-menu .vw-ajax > div.vw-item-info-detail 
{
    position: relative;
    top: unset;
    width: unset;
    height: unset;
    border: none;
}
.vw-item-info-detail {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid;
}
/*.vw-item-info-detail.vw-multiple {*/
.vw-multiple .vw-item-info-detail {
}
    /*height: 30px;*/
.vw-item-info-detail vw-head {
    position: relative;
    border-bottom: 1px solid cyan;
    background-color: transparent;
    background-color: rgba(220,240,240,0.8);
}

.vw-item-info-detail .vw-head .vw-head-picture {
}
.vw-item-info-detail .vw-head .vw-head-picture img {
}
.vw-item-info-detail .vw-head .vw-head-name {
}
.vw-item-info-detail .vw-head .vw-item-info-counts {
    position: relative;
    top: 0;
}
/* item info counts ....................  */
.vw-section-box.vw-max-view .vw-section.vw-my-stuff .vw-head div.vw-title {
    margin: 3px;
}
.vw-item-info-counts .vw-number {
    font-weight: 900;
} 
.vw-item-info-counts .vw-text {
    font-size: smaller;
    color: #cccccc;
} 
.vw-item-info-counts > div {
    display: inline-block;
    width: 48%;
    white-space: nowrap;
} 
.vw-item-info-counts .vw-count-sub {
    font-size: 80%;
    font-weight: 300;
}
.vw-item-info-counts .vw-total-count {
} 
.vw-item-info-counts .vw-direct-count {
} 
.vw-item-info-counts .vw-descendant-count {
}
/* ...... */
.vw-item-info-head > div.vw-item-info-counts .vw-total-count {
    display: block;
} 
.vw-item-info-head > div.vw-item-info-counts .vw-direct-count {
    display: none;
} 
.vw-item-info-head > div.vw-item-info-counts .vw-descendant-count {
    display: none;
} 
/* ... */
.vw-item-info-detail .vw-item-info-head > div.vw-item-info-counts .vw-total-count {
    display: none;
} 
.vw-item-info-detail .vw-item-info-head > div.vw-item-info-counts .vw-direct-count {
    display: block;
} 
/* ....................  */
.vw-item-info-detail-action {
}
.vw-item-info-detail-action .vw-hover {
    display: none;
    color: #336699;
}
.vw-item-info-detail-action:hover .vw-hover {
    display: inline;
}
/* ....................  */
.vw-item-info-detail .vw-body {
    position: relative;
    height: 100%;
    width: 100%;
}
.vw-section .vw-item-info-detail .vw-body-box .vw-body.vw-props-box {
    overflow: hidden;
}


/* ....................  */
.vw-items {
}
.vw-item-info-detail .vw-items {
    overflow: visible;
}
/*.vw-item-info-detail.vw-multiple .vw-items {*/
.vw-multiple .vw-item-info-detail .vw-items {
    padding: 0;
}

.vw-items ul {
}
.vw-items ul li{
    display: inline-block;
    margin: 10px;
}

.vw-items-box {
    height: 100%;
    width: 100%;
    white-space: normal;
    overflow: auto;
}
/*.vw-item-info-detail.vw-multiple .vw-items-box {*/
.vw-multiple .vw-item-info-detail .vw-items-box {
}

/* .vw-item-box.vw-zoom ............  */
.vw-items-box.vw-zoomed {
    overflow: hidden;
}
.vw-item-box.vw-zoom {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(250,255,250);   
    background-color: rgba(250,255,250,0.9);   
}
.vw-item-box.vw-zoom .vw-item {
    height: 90%;
    width: 90%;
    margin: 2% 5%;
}

.vw-item-box .vw-item .vw-section-box .vw-nav-box {
    display: none;
}
.vw-zoomed .vw-item-box .vw-item .vw-section-box .vw-nav-box {
    display: block;
    top: 20px;
}
.vw-item-box .vw-item .vw-section-box .vw-nav-box .vw-menu {
    left: 0;
}
/* .vw-item action bar ............  */
.vw-visibility-PUB .vw-if-PVT {
    display: none;
}
.vw-visibility-PUB .vw-if-PUB {
    display: block;
}
.vw-visibility-PVT .vw-if-PUB {
    display: none;
}
.vw-visibility-PVT .vw-if-PVT {
    display: block;
}
/* .vw-item-box ............  */
/*
    background-color: rgb(255,215,0);  /* fallback color #/
    background-color: rgba(255,215,0,0.55);
*/
.vw-item-box {
    display: inline-block;
    position: relative;
    top: 0;
    height: 300px;
    width: 200px;
    margin: 0;
    overflow: hidden;
}

/*
.vw-item-box .vw-private {
    opacity: 1;
    -ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=100)";
    filter:alpha(opacity=100);
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.2);   /* will overlay .vw-item-box background-color #/
}
.vw-item-box .vw-private .vw-picture {
    opacity: 0.4;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter:alpha(opacity=40);
}
*/

.vw-item {
    position: relative;
    height: 95%;
    width: 95%;
    border: double;
    border-color: darkgoldenrod;
    background-color: rgb(255,215,0);  /* fallback color */
    background-color: rgba(255,215,0,0.55);
}
.vw-item.vw-private {
    background-color: rgb(255,215,0);  /* fallback color */
    background-color: rgba(180,150,0,0.55);
}

.vw-item .vw-added-date {
    position:relative;
    height: auto;
    width: auto;
    font-size: 65%;
    white-space: nowrap;
}

.vw-item .vw-added-date .vw-detail {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

.vw-item .vw-added-date:hover .vw-detail {
    display: block;
}

.vw-item .vw-actions {
    position: relative;
}

.vw-item .vw-name {
    white-space: nowrap;
    width: 100px;
    overflow: hidden;
    font-size:10px;
}

.vw-item:hover .vw-name {
    overflow: visible;
}

.vw-item-detail {
    height: 55%;
    overflow: auto;
}

.vw-item-detail .vw-actions {
    position: relative;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

/* ..........................  */   
.vw-section .vw-item-info-detail .vw-body-box {
    background-color: rgb(250,255,250);   
    background-color: rgba(250,255,250,0.9);   
}

/* ............................... */
#vw-user-items {
    overflow: hidden;
}
#vw-user-items-box .vw-subtitle{
    font-weight: normal;
    margin:5px 10%;
    white-space: normal;
}
#vw-user-items .vw-item-remove {
    display:none;
}
/*    margin: 12px -15px; */
.vw-user-items-none {
    text-align: left; 
    margin: 12px 0;
    width: 120px;
}
#vw-user-items-info {
    position:absolute;
    font-size:10px;
    font-weight:bold;
    bottom: 5px;
}
    /*top:125px;*/

/* item */
/* user items */
#vw-panel-items-body {
    height:350px;
}

/* item top ................. */
.vw-item-top {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
}

.vw-item-top .vw-menu-button-img {
    height: 20px;
    width: 20px;
    padding: 0 3px;
    background-color: rgb(250,250,210);  /* fallback color */
    background-color: rgba(250,250,210,0.8);
}

.vw-item-top .vw-menu-box {
    margin-left: 0;
}

.vw-item .vw-info {
    display: inline-block;
    position: relative;
    width: 45%;
    height: 45%;
    padding: 0;
    vertical-align: top;
}
.vw-item .vw-info-1 {
}
.vw-item .vw-info-2 {
}

.vw-item .vw-picture {
    width: 80%;
}

.vw-item .vw-item-info .vw-owner {
    text-align: center;
    margin: 10px 0;
}

.vw-item .vw-owner-picture {
}

.vw-item .vw-owner-name {
    font-size: 65%;
}

.vw-item .vw-owner-picture img {
    height: 50%;
}

.vw-item .vw-item-info-body-box {
    position: relative;
    height: 45%;
    width: 100%;
}

.vw-item-box .vw-item .vw-section-box {
    height: 100%;
}
.vw-item-box .vw-item .vw-section-box .vw-section {
}
/*.vw-item-box.vw-zoom .vw-item .vw-item-info-body-box {*/
.vw-item-box .vw-item .vw-item-info-body-box {
    height: 100%;
}
/*.vw-item-box.vw-zoom .vw-item .vw-item-head-box {*/
.vw-item-box .vw-item .vw-item-head-box {
    position: relative;
    width: 100%;
}
.vw-item-box .vw-item .vw-item-body-box {
    position: relative;
    margin: 15px 0 0 0;
    width: 100%;
}
/* ................... */
/*.vw-item-catalog-props .vw-prop-val .vw-subtext {*/
.vw-item-box .vw-prop-val .vw-subtext {
    display: block;
}
/* .vw-item-card ................... */
.vw-item-box .vw-item .vw-section.vw-item-card .vw-item-head-box {
    height: 43%;
    padding-bottom: 10px;
}
.vw-item-box .vw-item .vw-section.vw-item-card .vw-item-body-box {
    height: 52%;
    margin: 0;
    overflow: hidden;
    font-size: 80%;
}
.vw-item-box .vw-item .vw-section.vw-item-card .vw-subtext {
    display: none;
}
.vw-item-box .vw-item .vw-section.vw-item-card .vw-prop-definition-left {
    margin: 0;
    padding: 0;
}

/* .vw-item-head ................... */
.vw-item-info .vw-item-head .vw-name {
    position: absolute;
    top: 0px;
    max-width: 150%;
    width: auto;
    white-space: nowrap;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,0.7);
}
.vw-item-head .vw-catalog:hover .vw-name {
    visibility: visible;
    max-width: 300%;
}
.vw-item-head .vw-user:hover .vw-name {
    visibility: visible;
}
.vw-item-head .vw-picture {
    height: 100%;
    width: auto;
}
.vw-item-head .vw-picture img {
    height: 100%;
    width: auto;
}
/* ...... */
.vw-one-box.vw-item-info .vw-item-head .vw-title {
    font-weight: 700;
    margin-top: 2px;
}
.vw-one-box.vw-item-info .vw-item-head .vw-nav {
    height: 100%;
    margin: 0;
    padding: 0;
}
.vw-item-info .vw-item-head .vw-nav {
    position: absolute;
    top: 0;
    height: 100%;
    margin: 0;
    padding: 0;
}
.vw-item-head .vw-nav .vw-picture {
    max-height: 100%;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
/* ...... */
.vw-item-head .vw-user {
    right: 0;
}
.vw-item-head .vw-user .vw-picture {
}
.vw-item-head .vw-catalog {
    left: 0;
}
/* ...... */
.vw-item-head .vw-user .vw-name {
    right: 0px;
}
.vw-item-head .vw-catalog .vw-name {
    display: none;
    left: 0px;
}
/* ...... */
    /*padding: 10px 0 0 0;*/
.vw-item-head .vw-counts {
    position: relative;
    height: calc(100% - 10px);  /* subtract (top + bottom) padding */
    vertical-align: bottom;
    margin: 0 10%;
    padding: 0;
}
.vw-item-head .vw-counts > div {
    display: inline-block;
    padding: 3px 10px;
}

.vw-item-info-box .vw-item-head .vw-counts > div.vw-all-counts {
    display: none;
    font-weight: 700;
}
.vw-item-info-box .vw-item-head-info {
    width: auto;
    font-size: 92%;
}
/* height makes hover better */
.vw-item-info-count {
    position: relative;
    margin: 5px 0;
    height: 20px;
    float: left;
}
vw-item-info-count .vw-action {
    padding-top: 0px;
}
.vw-item-info-count .vw-item-count {
    font-weight: bold;
}
.vw-item-info-count .vw-item-count-detail {
    display: none;
}
.vw-item-info-count:hover .vw-item-count-detail {
    display: block;
}
.vw-item-info-count .vw-item-count-detail {
    font-weight: normal; 
    font-size: 11px;
    position: absolute;
    left: 0;
    background: white;
    border: 1px solid black;
    padding: 0 4px 3px 4px;
}
.vw-item-info-count .vw-item-count-detail .vw-counts {
    width: 200px;
}
.vw-item-info-count .vw-item-count-detail .vw-counts  > div {
    padding: 0 2px 2px 2px;
}

/* ------------------------------------------------------------------------- */

/* SYSADMIN */
#vw-admin-title {
    color:#ddeeff;
    float: left;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
}
#vw-admin-title a {
    color:#ddeeff;
}
#vw-admin-tabs {
    left: 10px;
}
/* Media Store -------------------------------------------------------------- */
#vw-admin-media-store {
}
#vw-admin-media-store input {
    width: 500px;
}
#vw-media-store-title {
    text-align: left;
}
.vw-media-store-prop {
    padding: 10px 0;
}
.vw-media-store-prop-name {
    float:left;
    width: 120px;
}
.vw-media-store-prop-val {
    margin-left: 130px;
}
.vw-media-store-prop-val input {
    width: 500px;
}

/* ......................................................................... */

/* admin - manage moderators - absolute pixels ..................... */
.vw-catalog-admin .vw-head .vw-title {
    margin-top: 20px;
}
.vw-catalog-admin .vw-moderator {
    height: 25px;
}
/* admin - manage moderators ..................... */
.vw-catalog-admin-box {
    position:relative;
    height: 100%;
    width: 100%;
}
.vw-catalog-admin {
    position:relative;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    padding: 0;
    margin-top: 0;
    overflow: auto;
}
.vw-catalog-admin .vw-head-box {
}
.vw-catalog-admin .vw-actions {
}
.vw-catalog-admin .vw-body-box {
}
.vw-catalog-admin .vw-body-box .vw-body {
}
.vw-catalog-admin .vw-body-box .vw-body > div {
}
/*
.vw-catalog-admin .vw-body-box .vw-body > div {
    position: relative;
    width: 100%;
    height: auto;
}
*/
/* ..................... */
.vw-catalog-admin .vw-section-2 {
    position: relative;
    height: auto;
    margin: 0;
    padding: 0;
}
.vw-catalog-admin .vw-section-2 > .vw-head-box {
    position: relative;
    height: 30px;
    background-color: lightblue;
}
.vw-catalog-admin .vw-section-2 .vw-body-box {
    position: relative;
    top: 0;
    height: auto;
}
.vw-section-box .vw-catalog-admin .vw-body-box .vw-section-2 .vw-body-box {
    position: relative;
    top: 0;
    height: auto;
}
.vw-catalog-admin .vw-body-box .vw-section-2 .vw-body-box {
    position: relative;
    top: 0;
    height: auto;
}
.vw-catalog-admin .vw-catalog-group {
    position: relative;
    height: auto;
}
.vw-catalog-admin .vw-catalog-group .vw-head-box {
    position: relative;
    height: auto;
}
.vw-catalog-admin .vw-catalog-group .vw-head {
}
.vw-catalog-admin .vw-catalog-group .vw-title {
}
.vw-catalog-admin .vw-catalog-group .vw-body-box {
    position: relative;
    height: auto;
}
/* moderators ..................... */
.vw-catalog-admin .vw-moderators {
}
.vw-catalog-admin .vw-moderators .vw-head-box {
    position:relative;
}
.vw-catalog-admin .vw-moderator {
    display: block; 
    position:relative;
    padding: 5px;
    margin: 5px;
    border-bottom: 1px solid grey;
}
    /*position:absolute;*/
.vw-catalog-admin .vw-moderator > div {
    padding:10px;
    white-space: nowrap;
}
.vw-catalog-admin .vw-moderator .vw-columns {
    position: absolute;
    top: 0;
    left: 35%;
}
.vw-catalog-admin .vw-moderator .vw-column {
    display: inline-block;
    padding: 0 10px;
}
.vw-catalog-admin .vw-moderator .vw-column .vw-group {
    font-size: 75%;
}
.vw-moderator .vw-column-0 {
    left: 0;
    font-weight:bold;
}
.vw-moderator .vw-column-1 {
    left: 200%;
}
.vw-moderator .vw-column-2 {
    left: 300px;
}
.vw-moderator .vw-column-3 {
    left: 400px;
}
.vw-moderator .vw-column-4 {
    left: 500px;
}
/*    left: 600px; */
.vw-moderator .vw-column-5 {
    right: 0;
    width: 110px;
    overflow: hidden;
}
#vw-catalog .vw-body .vw-moderator .vw-column-5 .vw-msg {
    margin: 0;
}
/* catalog manage panels */
.vw-panel-catalog-manage {
    position:relative;
}
.vw-panel-catalog-manage-head {
    position:relative;
    height: 20px;
    border-bottom: 1px solid black;
}
.vw-panel-catalog-manage-head .vw-actions .vw-action {
    float:left;
    margin: 0 5px;
}
.vw-panel-catalog-manage-body {
    position:relative;
}
.vw-panel-catalog-manage-body-main {
    top: 20px
}
.vw-panel-catalog-manage-body-part {
    position:absolute;
}
.vw-panel-catalog-manage .vw-search-panel {
    height: 333px;
    width: 485px;
}
.vw-panel-catalog-manage .vw-manage-links {
    display: none;
}

/* add moderator search */
/*.vw-skin-0 #vw-panel-admin-add-moderator {*/
#vw-panel-admin-add-moderator {
    background-color: #ffdede;
}
#vw-panel-admin-add-moderator .vw-search-head {
    margin: 10px 20%;
}
#vw-panel-admin-add-moderator .vw-search-body {
    height: 295px;
    top: 40px;
}
/* */
#vw-catalog-edit-general {
    height:85px;
    margin:0;
}
/* */
#vw-catalog-est-count {
    position:relative;
    top:-10px;
    left:100px;
    width:120px;
    font-size:10px;
}
#vw-catalog-est-count-input {
    font-size:10px;
}

/* overlay close ................................. */
/*
    background: url(../../img/xcross.png) 0 0 no-repeat;
    background-position: 0px 0;
    width: 16px;
    height: 16px;
*/
.vw-overlay-close {
    width: 40px;
    height: 40px;
    background-size: 30px;
}
    /*background: url(../../img/feather-icons/icons/x.svg) 0 0 no-repeat;*/
.vw-overlay-close {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    text-align: left;
    cursor: pointer;
    background-image: url(../../img/feather-icons/icons/x.svg);
    background-repeat: no-repeat;
    background-position: center center;
}
    /* background-position: -15px 0; */
.vw-overlay-close:hover {
}
.vw-overlay {
    background: white;
    border-top: 1px solid #113366;
    border-left: 1px solid #113366;
    border-right: ridge;
    border-bottom: ridge;
}

/* @deprecated ************************************************************  */
/* @deprecated ************************************************************  */

/* tabs - @deprecated ..................  */
.vw-tabs {
    position:absolute;
    bottom:1px;
    left:0;
    height:20px;
    width:650px;
    font-size: 12px;
    font-weight: bold;
}
.vw-tab a {
    background-color:#aaccee;
    float:left;
    margin: 0 1px;
    padding: 3px 10px;
    cursor:pointer;
    color: #003399;
}
.vw-tab.vw-alert a {
    background-color: #DD6666;
    font-size: 12px;
}
.vw-tab.vw-alert a:hover {
    background-color: #993333;
}
div.vw-tab a.vw-alert:visited {
    color: #993333;
    font-size: 100%;
}
div.vw-tab a.vw-alert:link {
    color: #993333;
    font-size: 100%;
}
div.vw-tab.vw-highlight a {
    background-color: #ccddff;
    color: #aaccee;
    font-size: 100%;
}
div.vw-tab.vw-highlight:hover a {
}
div.vw-tab a.vw-highlight a:visited {
    color: #aaccee;
}
div.vw-tab a.vw-highlight a:link {
    color: #aaccee;
}
.vw-tab.vw-tab-current {
    background-color:#ffffff;
    float:left;
    margin: 0 1px;
    padding: 3px 10px;
    cursor:auto;
}
div.vw-tab a:visited {
    color: #0033cc;
}
div.vw-tab a:link {
    color: #0033cc;
}
div.vw-tab a:active {
    background-color:#336699;
    color:white;
}
div.vw-tab a:hover {
    background-color:#336699;
    color:white;
}
/* sub tabs */
.vw-catalog-manage .vw-sub-tabs {
    margin-left:135px;
}
.vw-sub-tabs {
    height:20px;
    font-size: 12px;
    font-weight: bold;
}
.vw-sub-tabs div.vw-tab a.vw-alert:visited {
    color: #993333;
    font-size: 100%;
}
.vw-sub-tabs div.vw-tab a.vw-alert:link {
    color: #993333;
    font-size: 100%;
}
.vw-sub-tabs div.vw-tab a.vw-highlight:visited {
    color: #bbddff;
}
.vw-sub-tabs div.vw-tab a.vw-highlight:link {
    color: #bbddff;
}
.vw-sub-tabs div.vw-tab a:visited {
    color: #0033cc;
}
.vw-sub-tabs div.vw-tab a:link {
    color: #0033cc;
}
.vw-sub-tabs div.vw-tab a:active {
    background-color:#336699;
    color:white;
}
.vw-sub-tabs div.vw-tab a:hover {
    background-color:#336699;
    color:white;
}
/* ...................... */
#vw-catalog-tab-mystuff.vw-owns-items  a {
    background-color: white;
    color: blue;
}
#vw-catalog-tab-mystuff.vw-owns-items  a:hover {
    background-color: blue;
    color: white;
}
.vw-permission-16 #vw-catalog-tab-admin {
    display: block;
}
.vw-permission-32 #vw-catalog-tab-edit {
    display: block;
}

/* ************************************************************************* */
/* ************************************************************************* */
/* scrollview */
/*
.vw-scrollview {
    white-space: nowrap;
    position: relative;
	overflow: hidden;

	/* Prevent native touch events on Windows #/
	-ms-touch-action: none;

	/* Prevent the callout on tap-hold and text selection #/
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Prevent text resize on orientation change, useful for web-apps #/
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
*/
/* ************************************************************************* */
/* @deprecated ............................. */
/*
.vw-x-large {
    height: 70px;
    width: 70px;
}
.vw-large {
    height: 45px;
    width: 45px;
}
.vw-medium {
    height: 30px;
    width: 30px;
}
.vw-small {
    height: 25px;
    width: 25px;
}
.vw-x-small {
    height: 15px;
    width: 15px;
}
.vw-x-large .vw-menu-button {
    -webkit-mask-size: 50px 50px;
    mask-size: 50px 50px;
}
.vw-large .vw-menu-button {
    -webkit-mask-size: 35px 35px;
    mask-size: 35px 35px;
}
.vw-medium .vw-menu-button {
    -webkit-mask-size: 20px 20px;
    mask-size: 20px 20px;
}
.vw-small .vw-menu-button {
    -webkit-mask-size: 15px 15px;
    mask-size: 15px 15px;
}
.vw-x-small .vw-menu-button {
    -webkit-mask-size: 10px 10px;
    mask-size: 10px 10px;
}
*/
/* END @deprecated ............................. */
/* ************************************************************************* */