/* ==========================================================================
   V.S.C. bv - additions for the static version of the site.

   Only two parts of the original site were built by the DotNetNuke server /
   its JavaScript: the navigation menu and the search box. This file rebuilds
   both using the colours, fonts and background images of the original
   MinimalExtropy skin, so the design is unchanged. Every other style still
   comes from the original skin.css / default.css / container.css.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Navigation menu
   The original menu was drawn at runtime by dnn.controls.dnnmenu.js into an
   empty <span>. It is now plain nested lists opened with CSS :hover, keeping
   the class names and images of css/menu.css.
   -------------------------------------------------------------------------- */

.menu_bg { position: relative; z-index: 500; }

#vscMenu { width: auto; }
#vscMenu ul { list-style: none; margin: 0; padding: 0; }
#vscMenu li { margin: 0; padding: 0; list-style: none; }

/* ---- first level ---- */
#vscMenu > ul > li { float: left; position: relative; }

#vscMenu .root {
    display: block;
    color: #375162;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding: 12px;
    text-transform: uppercase;
    margin-right: 1px;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
}

#vscMenu > ul > li:hover > .root,
#vscMenu > ul > li:focus-within > .root {
    color: #fff;
    background: url(../Portals/_default/Skins/MinimalExtropy/images/menu_hover.png) repeat-x top left;
    text-decoration: none;
}

/* current page / current section, matching .sel and .bc in the original */
#vscMenu > ul > li.sel > .root,
#vscMenu > ul > li.bc > .root {
    color: #fff;
    background: url(../Portals/_default/Skins/MinimalExtropy/images/menu_active.png) repeat-x top left;
}

/* ---- drop-down levels ---- */
#vscMenu ul ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 210px;
    border: 1px solid #C0D6E5;
    background-color: #F8FAFF;
    z-index: 5000;
}

#vscMenu li:hover > ul,
#vscMenu li:focus-within > ul { display: block; }

#vscMenu ul ul li { position: relative; }

#vscMenu ul ul a,
#vscMenu ul ul .mm-nolink {
    display: block;
    padding: 0 6px;
    line-height: 2em;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    text-transform: none;
    white-space: nowrap;
    color: #375162;
    text-decoration: none;
}

#vscMenu ul ul li:hover > a,
#vscMenu ul ul li:focus-within > a,
#vscMenu ul ul li:hover > .mm-nolink {
    background: #CE0D0D url(../Portals/_default/Skins/MinimalExtropy/images/submenu_hover.png) repeat-x top left;
    color: #fff;
    text-decoration: none;
}

#vscMenu ul ul li.sel > a,
#vscMenu ul ul li.bc > a {
    background: #CE0D0D url(../Portals/_default/Skins/MinimalExtropy/images/submenu_active.png) repeat-x top left;
    color: #fff;
}

/* third level and deeper fly out sideways, as in the original menu */
#vscMenu ul ul ul { top: -1px; left: 100%; }

/* small arrow marking an item that has a sub-menu */
#vscMenu ul ul > li.mm-has-sub > a::after,
#vscMenu ul ul > li.mm-has-sub > .mm-nolink::after {
    content: "\25B8";
    float: right;
    padding-left: 12px;
    opacity: .65;
}

/* a menu entry that is a heading only (was enabled="0" in the original) */
#vscMenu .mm-nolink { cursor: default; }

/* --------------------------------------------------------------------------
   2. Search box
   Keeps the original .SearchContainer / .SearchBorder / .SearchTextBox styling
   from skin.css; only the submit control changed from a postback link to a
   real button.
   -------------------------------------------------------------------------- */

#vscSearch form { margin: 0; padding: 0; display: block; }

.vsc-search-go {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    line-height: 0;
}
.vsc-search-go img { padding-left: 5px; border: 0; }

#SearchChoices li:hover { background-color: #CE0D0D; color: #fff; }
#SearchChoices li.vsc-mode-on { font-weight: bold; }

/* --------------------------------------------------------------------------
   3. Search results page
   -------------------------------------------------------------------------- */

.vsc-results { padding: 4px 0 24px 0; }
.vsc-results-summary { color: #4C6171; margin: 0 0 14px 0; }
.vsc-result { margin: 0 0 16px 0; padding: 0 0 14px 0; border-bottom: 1px solid #E2EAF1; }
.vsc-result:last-child { border-bottom: none; }
.vsc-result h3 { margin: 0 0 3px 0; font-size: 13px; }
.vsc-result h3 a { color: #3E81B5; font-weight: bold; }
.vsc-result h3 a:hover { color: #D00; }
.vsc-result .vsc-snippet { color: #2E3D47; line-height: 1.5em; margin: 0 0 3px 0; }
.vsc-result .vsc-url { color: #7A8B99; font-size: 11px; }
.vsc-result mark { background: #FFF3A8; color: #2E3D47; padding: 0 1px; }
.vsc-noresults { color: #4C6171; line-height: 1.6em; }

.vsc-searchbox-big { margin: 0 0 18px 0; }
.vsc-searchbox-big input[type=text] {
    width: 320px; height: 22px; padding: 2px 4px;
    border: 1px solid #C0D6E5; color: #43494D;
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
}
.vsc-searchbox-big button {
    height: 28px; padding: 0 14px; margin-left: 4px; cursor: pointer;
    border: 1px solid #C0D6E5; background: #F8FAFF; color: #375162;
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
}
.vsc-searchbox-big button:hover { background: #CE0D0D; color: #fff; border-color: #CE0D0D; }

/* --------------------------------------------------------------------------
   4. Contact details block (replaces the former server-side feedback form)
   -------------------------------------------------------------------------- */

.vsc-contact { line-height: 1.7em; }
.vsc-contact dl { margin: 0; padding: 0; }
.vsc-contact dt {
    float: left; clear: left; width: 90px; margin: 0; padding: 0;
    font-weight: bold; color: #375162;
}
.vsc-contact dd { margin: 0 0 4px 100px; padding: 0; }
.vsc-contact .vsc-contact-note { margin-top: 14px; color: #4C6171; }