@charset "UTF-8";

/*
Theme Name: Quest
Theme URI: http://www.questconsult.com/
Author: Chris Krycho, Kendall Werts, and Ben Ishii
Author URI: www.chriskrycho.com
Description: The official Quest Consultants Inc. WordPress theme.
Version: 1.1

The Quest Consultants Inc. theme was developed from the original site theme,
which was designed and implemented in Dreamweaver. Much of the otherwise unusual
CSS refers to Dreamweaver-specific tools and elements.
*/

html {
   overflow-y: scroll; /* Always show scroll bars to keep from shifting content */
}

div#preloader {
   position: absolute;
   left: -9999px;
   top: -9999px;
}

div#preloader img {
   display: block;
}

body {
   margin: 0;
   color: #333;
   font-size: 12px;
   font-family: Arial, Verdana, Univers, sans-serif;
   background: #3F3F3F url(images/background.jpg) repeat-x;
}

h1 {
   color: #6A0000;
   font-size: 22px;
   font-weight: normal;
   margin: 3px 0 25px;
}

   h1.fullWidthTitle {
      margin-left: 40px;
      margin-bottom: 10px;
   }

   h1.fullWidthTitle.center {
      margin-left: 0;
      text-align: center;
   }

h2 {
   color: #6A0000;
   font-size: 20px;
   font-weight: normal;
   margin: 1em 0;
}

   h2:first-child {
      margin-top: 0;
   }

h3 {
   margin: 0.5em 0;
   padding: 0;
   font-family: Palatino, "Book Antiqua", Georgia, "Times New Roman", Times, serif;
   font-size: 16px;
   font-weight: 600;
}

h4 {
   margin: 0.5em 0;
   font-size: 1.1em;
   font-family: Palatino, "Book Antiqua", Georgia, "Times New Roman", Times, serif;
   font-style: italic;
}

h5 {
   margin-top: 6px;
   margin-bottom: 8px;
   font-size: 1em;
   line-height: 1.5;
   font-weight: bold;
}

   h5.navigation, h5.sidebar-header {
      color: #FFF;
      background-color: #6A0000;
      padding-left: 0.4em;
   }

h6 {
   color: #333;
   font-size: 1em;
   font-family: Palatino, "Book Antiqua", Georgia, "Times New Roman", Times, serif;
   text-align: center;
   margin: 3px 0 25px;

}

p {
   margin: 0 0 12px;
   font-size: 14px;
}

   .caption {
      font-size: smaller;
   }

a {
   color: #6A0000;
}

a:visited {
   color: #6A0000;
}

a:hover {
   color: #6A0000;
}

.hidden {
   display: none;
}

.entry {
   font-size: 14px;
}

.contentright a {
   color: #000;
}

.contentright a:hover {
   font-weight: bold;
}

.contentright a:visited {
   color: #333;
}

.contentright a:hover {
   color: #000;
}

.contentright > ul {
    margin-left: 0;
    padding-left: 1.25em;
}

.contentright ul ul {
    padding-left: 1em;
}

a.text:link {
   color: #6A0000;
   font-weight: normal;
   font-size: 16px;
}

a.text:visited {
   color: #860404;
}

a.text:hover {
   color: #6A0000;
   text-decoration: underline;
   cursor: pointer;
}

abbr {
   border-bottom: 1px dotted #999;
}

.container {
   width: 800px;
   margin-left: auto;
   margin-right: auto;
}

.container ul {}

   .no-bullet {
      list-style: none;
      padding-left: 0;
   }

   .no-padding {
      padding: 0;
   }

   .no-margin {
      margin: 0;
   }

   .contentArea ul.small {
      font-size: 12px;
   }

.container li {
   padding-bottom: 1em;
}

   .no-padding li {
      padding: 0;
   }

   .container .tight li {
      padding-bottom: 0;
   }

   .no-bullet li {
      padding-left: 0;
      margin-left: 0;
   }

.backshadow {
   background: url(images/shadowback.png) repeat-y center;
}

.topshadow {
   background-image: url(images/shadowtop.png);
   width: 890px;
   height: 24px;
   margin-right: auto;
   margin-left: auto;
   z-index: 1000;

}

/* Figures and images */
figure {}

img {
   max-width: 100%;
}

figcaption, p.caption {
   text-align: center;
   font-style: italic;
}

/* BANNER AREA */
.bannerArea {
   width: 100%;
   height: 90px;
   margin-right: auto;
   margin-left: auto;
   background: url(images/bannerw.png) center repeat-y;
   z-index: 1;
}

.bannerArea .container {
   height: 90px;
   width: 810px;
   margin: 0 auto;

}

.bannernav {
   padding-top: 15px;
   padding-right: 40px;
   float: right;
   color: #FFF;
   font-size: 14px;
   font-weight: bold;
   font-family: Arial, Helvetica, Verdana, sans-serif;
}

.bannernav a {
   color: #FFF;
   text-decoration: none;
}

.bannernav .bullet {
   padding-right: 0.3em;
}

.bannernav a:visited {
   color: #FFF;
}

.bannernav a:hover {
   color: #FFF;
   text-decoration: underline;
   font-size: 14px;
   font-weight: bold;
}

.toplogo {
   padding-left: 11px;
   padding-top: 8px;
   width: 250px;
   height: 75px;
   border: none;
}

   .toplogo img {
      border: none; /* Since IE does something *insane* here. Shocking, I know. */
   }

/* TOP NAVIGATION AREA */
.topnavigationArea {
   width: 810px;
   margin: 0 auto;
}

.topnavigationArea .container {
   height: 37px;
   background-image: url(images/redbar.jpg);
   width: 810px;
}

.topnavigationgroup {
   width: 810px;
   margin: 0 auto;
}

.topnavigationgroup ul {
   margin: 0 auto;
}

*.topnavigationgroup ul {
   margin: 0 auto;
   padding: 0 20px;
   width: 740px;
}

.topnavigationitem {
   margin-left: 0;
   padding: 9px 10px;
   border-left: 1px solid;
   border-right: 1px none;
   color: #400;
   font-size: 14px;
   font-weight: bold;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   float: left;
}

/* CONTENT AREA */
.contentArea {
   line-height: 1.4;
   width: 810px;
   background: #F7F7F7;
   margin-right: auto;
   margin-left: auto;
   padding-bottom: 10px;

}

.contentArea .container {
   padding-top: 20px;
   background-color: #F7F7F7;
   margin-right: auto;
   margin-left: auto;
   border-bottom: 4px solid #900;
   padding-bottom: 15px;
}

.contentArea ul, .contentArea ol {
   font-size: 14px;
}

.contentleft {
   width: 520px;
   padding-left: 40px;
   padding-right: 20px;
   float: left;
   border-right: 1px none #333;
   color: #333;
   font-size: 14px;
}

.contentright {
   float: left;
   padding-left: 30px;
   width: 170px;
   line-height: 1.33;
   font-weight: bold;
}

.contentColumn {
   width: 40%;
   padding: 1em 0;
}

   .leftColumn {
      float: left;
      padding-left: 5%;
   }

   .rightColumn {
      float: right;
      padding-right: 5%;
   }

.contentrightmenu {
   padding-top: 20px;
   float: left;
   padding-left: 30px;
   width: 170px;
   line-height: 22px;
   font-weight: bold;
   background-color: #6A0B11;
}

.contentmap {
   padding-top: 20px;
   float: left;
   padding-left: 10px;
   width: 190px;
   line-height: 22px;
   font-weight: bold;
}

.contentrightbio {
   padding-top: 40px;
   float: right;
   width: 370px;
   line-height: 22px;
   font-weight: bold;
   padding-right: 30px;
}

.contentcenter {
   width: 720px;
   padding-left: 40px;
   padding-right: 40px;
   float: none;
   text-align: center;
   z-index: 0;
   color: #000;
}

.contentclients {
   width: 720px;
   padding-left: 40px;
   padding-right: 40px;
   float: none;
   text-align: center;
   z-index: 0;
   color: #000;
   min-height: 400px;
   height: auto;
   min-height: 400px;
}

.contentproject {
   width: 720px;
   padding-left: 40px;
   padding-right: 40px;
   float: none;
   text-align: center;
   z-index: 0;
   color: #000;
   min-height: 800px;
   height: auto;
   min-height: 800px;
}

.contentclient {
   width: 720px;
   padding-left: 40px;
   padding-right: 40px;
   float: none;
   z-index: 0;
   color: #000;
   font-size: 15px;
}

.bio {
   text-align: left;
   float: right;
   height: 300px;
   width: 250px;

}

.imageright {
   margin-left: 1.5em;
   margin-bottom: 1em;
   float: right;
   border: 1px solid #999;
   padding: 3px; /*Inner border size*/
   background: #CCC; /*Inner border color*/
}

.imageleft {
   margin-right: 10px;
   float: left;
   border: 1px solid #999;
   padding: 3px; /*Inner border size*/
   background: #CCC; /*Inner border color*/
}

.imageblock {
   text-align: center;
   border: 1px solid #CCC;
   padding: 3px; /*Inner border color*/
   background-color: #999;
}

.pdfDownload {
   float: right;
   margin-left: 1.5em;
   margin-bottom: 1em;
   border: none;
   background: none;
   max-width: 20%;
}

.canaryChildImage { /* Images on pages that are children of the CANARY page */
   margin-top: -2.5em;
}

.shadowbottom {
   height: 80px;
   z-index: 1000;
   background: url(images/shadowbottom.png) center no-repeat;
}

.shadowbottom .container {
   width: 810px;
   height: 30px;
   margin-right: auto;
   margin-left: auto;
   z-index: 1000;
   background-color: #F7F7F7;

}

.contentcenter #apDiv1 div {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-style: normal;
   font-weight: bold;
   color: #333;
   padding-bottom: 40px;
   border-bottom: medium none #333;
   margin-right: auto;
   margin-left: auto;
   width: 500px;
}

.contentcenter .email {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-style: normal;
   font-weight: bold;
   color: #333;
   text-align: center;
   margin-right: auto;
   margin-left: auto;
}

#p3 {
   color: #333;
   font-size: 16px;
}

.slideshow {
   width: 500px;
   height: 300px;
   float: left;
   color: #333;
   font-size: 14px;
   border: 5px solid #333;
   margin-bottom: 10px;
}

.fullWidthContent {
   width: 90%;
   margin-left: auto;
   margin-right: auto;
}

/* Side Menu */
.rightmenudiv {
   border: 0;
   padding-top: 45px;
   line-height: 22px;
   float: left;
   width: 200px;
}

.rightmenu .rightmenudown {
   background: url('images/nav-bullet-down.png') 0 0.5em no-repeat;
}

ul.rightmenu {
   margin-left: 0;
   padding-left: 8px;
   margin-bottom: 1em;
}

ul.rightmenu li {
   background: url('images/nav-bullet-right.gif') 0 0.1em no-repeat;
   padding-left: 1em;
   padding-bottom: 0.75em;
   list-style: none;
   color: #6A0000;
   font-size: 12px;
   font-weight: bold;
   margin-left: 0;
}

ul.rightmenu li a:visited, ul.rightmenu li a {
   text-decoration: none;
   color: #6A0000
}

ul.rightmenu li a:hover {
   text-decoration: underline;
   color: #6A0000
}

ul.rightmenu ul li {
   color: #000;
}

ul.rightmenu ul {
   padding-left: 2em;
   padding-top: 0.5em;
   margin-bottom: -1em;
}

ul.rightmenu ul li {
   padding-left: 1em;
   list-style: none;
   color: #000;
   font-size: 12px;
   font-weight: bold;
   margin-left: -16px;
}

ul.rightmenu li.current_page_ancestor, ul.rightmenu li.current_page_parent {
   background: url('images/nav-bullet-down.png') 0 0.1em no-repeat;
}

ul.rightmenu ul li a, ul.rightmenu ul li a:visited {
   list-style: none;
   background-color: #f7f7f7;
   color: #6A0000;
}

ul.rightmenu ul li a:hover {
   text-decoration: underline;
   color: #6A0000;
}

ul.sub-menu {
   padding-left: 1.5em;
}

ul.rightmenu li .current_page_item > a,
ul.rightmenu li .current_page_item > a:hover,
ul.rightmenu li .current_page_item > a:visited,
ul.rightmenu li .current_page_item > a:visited:hover {
   color: black;
}

/* Landing page custom styles */
#markets-served-list {
   padding-left: 1em;
}

.three-column-wrapper {
   width: 100%;
   clear: both;
}

.three-column {
   width: 30%;
   float: left;
   margin-left: 5%;
}

.three-column.first {
   margin-left: 0;
}

/* Miscellaneous styles */
p.extra-padding {
   padding-bottom: 2em;
}

.centerText {
   text-align: center;
}

.centerBlock {
   margin-left: auto;
   margin-right: auto;
}

figure {
   text-align: center;
}
figcaption {}

.paperTable {
   border-collapse: collapse;
   margin: auto auto 2em;
}
   .paperTable tr, .paperTable td, .paperTable th {
      border: 1px solid;
      padding: 0 0.25em;
   }

   .paperTable thead {
      border-bottom:2px solid;
   }

   .paperTable tr {
      line-height: 1.5em;
   }

   .paperTable th, .paperTable .td {
      vertical-align: middle;
   }

   .paperTable caption h6,
   figcaption h6 {
      margin-bottom: 0;
      padding-top: 1em;
   }

   .paperTable caption p {
      padding-bottom: 1em;
   }

.clear {
   clear: both;
}

sup {
   font-size: 0.85em;
   vertical-align: super;
   line-height: 0;
}

/* ----- Footer ----- */
.footerArea {
   width: 810px;
   margin-right: auto;
   margin-left: auto;
   margin-top: -54px;
   height: 10px;
}

.copyright {
   margin-top: -11px;
   padding-top: 10px;
   padding-right: 5px;
   color: #FFF;
   font-size: 11px;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   z-index: 1;
   text-align: right;
}

.footermenu {
   padding-left: 10px;
   padding-top: 10px;
   color: #FFF;
   font-size: 11px;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   z-index: 1;
}

.footermenu ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

.footermenu ul li {
   float: left;
   padding-left: 8px;
   padding-right: 8px;
   border-left: 1px solid #FFF;
   display: inline;
}

.footermenu ul li:first-child {
   padding-left: 0;
   border-left: none;
}

.footermenu ul li a {
   color: #FFF;
   text-decoration: none;
}

.footermenu ul li a:hover {
   text-decoration: underline;
}

.experienceimage {
   margin-left: 40px;
   margin-top: 10px;

}

.experiencetext {
   margin-right: 40px;
   margin-top: 20px;
   float: right;
   text-align: left;
}

.courses {
   text-align: left;
   padding-left: 100px;
}

.papers a {
   color: #333;
}

.papers a:visited {
   color: #333
}

.papers a:hover {
   color: #36C
}

.caption {
   font-size: smaller;
}

ul.sitemap a:visited, ul.sitemap ul li a:visited,
ul.sitemap a, ul.sitemap ul li a,
ul.sitemap a:link, ul.sitemap ul li a:link {
   background-color: #F7F7F7;
   text-decoration: none;
   color: #000;
   font-size: 14px;
}

ul.sitemap a:hover, ul.sitemap ul li a:hover {
   background-color: #F7F7F7;
   text-decoration: underline;
   color: #000;
   font-size: 14px;
}

.project {
   font-size: 16px;
   color: #000;
   text-align: center;
   font-weight: bold;
   border-bottom: solid 2px #3F3F3F;
   padding-top: 1em;
   padding-bottom: 0.25em;
}

.TabbedPanelsContent td {
   text-align: left;
   width: 300px;
}

/* ----- Slider styles ----- */
.sliderbutton {float:left; width:32px; padding-top:134px}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}
#slides {position:relative; width:500px; height:300px; list-style:none; overflow:auto; margin:0; padding:0}
#slides li {width:500px; height:300px}

.pagination {float:left; list-style:none; height:0; margin:5px 0 0 5px}
.pagination li {float:left; }
.pagination li:hover {background:#777; border:1px solid #bbb; color:#000}

/* WordPress search */
#search {
   margin: 0 0 1.4em 0;
}

#searchbutton {
   margin-left: 7px;
}

.bannerArea .container .search-form {
    float: right;
    clear: right;
    padding-right: 38px;
    padding-top: 7px;
}

.screen-reader-text {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px; width: 1px;
    margin: -1px; padding: 0; border: 0;
}

.search-field {
    width: 140px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Post */
a.title {
   color: #6A0000;
   font-size: 18px;
   font-weight: normal;
   margin: 0 0 15px;
}

.metablock {
   font-size: 11px;
   margin-bottom: 30px;
   margin-right: 0;
}

/* Thermo form */
.thermo_input_set {
   clear: both;
   padding-bottom: 1em;
   min-height: 1em;
}

.thermo_label, .thermo_input, .thermo_select {
   display: block;
   float: left;
   margin-right: 2.5%;
}

.thermo_label {
   padding: 0.2em 0;
}

.thermo_label.wide {
   width: 30%;
}

.thermo_label.narrow {
   width: 20%;
}

.thermo_select {
   width: 25%;
   margin-right: 5%;
}

.thermo_input {
   width: 10%;
}

.thermo_label.right {
   margin-left: 52.5%;
}

.thermo_submit {
   float: right;
   margin-right: 4%;
}

/* Contact form */
.contactLabel {
   width: 40%;
   display: block;
   float: left;
}

/* ----- SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 ----- */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
   margin: 0;
   padding: 0;
   float: left;
   clear: none;
   width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
   margin: 0 6px;
   padding: 0 0 0 1px;
   background: #DDD;
   border-left: 1px solid #999;
   overflow: hidden;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
   position: relative;
   float: left;
   padding: 4px 10px;
   margin: 0 0 0;
   font-size: 12px;
   font-weight: bold;
   font-family: Arial, sans-serif;
   background-color: #DDD;
   list-style: none;
   border: 1px solid #999;
   border-left: none;
   border-bottom: none;
   cursor: pointer;
}

   .container li.TabbedPanelsTab {
      text-align: center;
      padding-bottom: 4px;
   }

   .TabbedPanelsTab.threeWide {
      width: 241px;
   }

   .TabbedPanelsTab.fiveWide {
      width: 152px;
      padding: 4px 2px;
   }

      .TabbedPanelsTab.fiveWide:first-child {
         padding-left: 3px;
      }

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
   background-color: #CCC;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
   background-color: #EEE;
   outline: 0;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a,
.TabbedPanelsTab a:focus{
   color: black;
   text-decoration: none;
   outline: 0;
}


/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
   margin: auto;
   width: 786px;
   clear: both;
   border: 1px solid #999;
   border-left-color: #CCC;
   border-bottom-color: #CCC;
   background-color: #EEE;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
   overflow: hidden;
   padding: 8px 4px 4px;
   margin: auto;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
   float: left;
   width: 10em;
   height: 20em;
   background-color: #EEE;
   position: relative;
   border: 1px solid #999;
   border-bottom: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
   float: none;
   margin: 0;
   border-top: none;
   border-left: none;
   border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
   background-color: #EEE;
   border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
   clear: none;
   float: left;
   padding: 0;
   width: 30em;
   height: 20em;
}

.TabbedPanelsContentWrapper {
   width: 640px;
   margin: auto;
}

/* Hide the WordPress Email Before Download item */
#wpm_download_1 {
   display: none!important; /* Override element style */
}