/* tabs styles, based on http://www.alistapart.com/articles/slidingdoors */

DIV.tabs
{
   float            : left;
   width            : 100%;
   background       : url("blank.gif") repeat-x bottom;
   margin-bottom    : 4px;
}

DIV.tabs UL
{
   margin           : 0px;
   padding-left     : 10px;
   list-style       : none;
}

DIV.tabs LI, DIV.tabs FORM
{
   display          : inline;
   margin           : 0px;
   padding          : 0px;
}

DIV.tabs FORM
{
   float            : right;
}

DIV.tabs A
{
   float            : left;
   background       : url("right.gif") no-repeat right top;
   border-bottom    : 2px solid #cc9966;
   font-size        : x-small;
   font-weight      : bold;
   text-decoration  : none;
}

DIV.tabs A:hover
{
   background-position: 100% -150px;
}

DIV.tabs A:link, DIV.tabs A:visited,
DIV.tabs A:active, DIV.tabs A:hover
{
       color: #361D67;
}

DIV.tabs SPAN
{
   float            : left;
   display          : block;
   background       : url("left.gif") no-repeat left top;
   padding          : 5px 9px;
   white-space      : nowrap;
}

DIV.tabs INPUT
{
   float            : right;
   display          : inline;
   font-size        : 1em;
}

DIV.tabs TD
{
   font-size        : x-small;
   font-weight      : bold;
   text-decoration  : none;
}



/* Commented Backslash Hack hides rule from IE5-Mac \*/
DIV.tabs SPAN {float : none;}
/* End IE5-Mac hack */

DIV.tabs A:hover SPAN
{
   background-position: 0% -150px;
}

DIV.tabs LI#current A
{
   background-position: 100% -150px;
   border-width     : 0px;
}

DIV.tabs LI#current SPAN
{
   background-position: 0% -150px;
   padding-bottom   : 6px;
}


A.search:visited,
A.search:link
{
   text-decoration  : underline;
   background       : #f8fff8;
   border-bottom    : 0px solid #f8fff8;
   padding-bottom    : 4px;
   display          : inline;
   color            : #ff0000;
   margin           : 0px;
   padding          : 0px;
   font-size        : x-small;
   font-weight      : bold;
}

#builtin-search table{
   border-collapse: collapse;
}

#builtin-search table td:not(last-child) {
   padding-right: 3px;
}

div.tabs li > *:first-child {
   margin-top: 5px;
}

div.tabs a.smartsearch-btn {
   display: inline-block;
   background-color: #5a2a82;
   background-image: none;
   color: white;
   border-radius: 2px;
   font-weight: 100;
   padding: 3px;
   border: none;
   user-select: none;
   -ms-user-select: none;
   cursor: pointer;
}

.smartsearch-info {
   width: 100%;
   height: 100vh;
   overflow-y: hidden;
   position: fixed;
   background-color: rgba(90, 90, 90, 0.7);
   top: 0;
   left: 0;
   z-index: 1;
   display: none;
}

.smartsearch-info-content {
   position: fixed;
   top: 3em;
   width: 1000px;
   max-width: 90%;
   max-height: 90vh;
   background-color: #fdfdfd;
   left: 50%;
   transform: translateX(-50%);
   border-radius: 3px;
   overflow: hidden;
   box-shadow: 2px 4px 9px -2px #737373;
}

.smartsearch-info-header {
   position: relative;
   border-bottom: 1px solid #b3b3b3;
   user-select: none;
   -ms-user-select: none;
}

.smartsearch-info-title {
   margin: 0;
   padding: 0.3em;
   padding-top:0.5em;
   text-align: center;
   color: #5a2a82;
}

.smartsearch-info-close {
   width: 1em;
   height: 1em;
   position: absolute;
   display: inline-block;
   right: 5px;
   top: 50%;
   background-color: #eee9f3;
   padding: 5px;
   border: 1px solid #5a2a82;
   color: #5a2a82;
   text-align: center;
   border-radius: 50%;
   cursor: pointer;
   transform: translateY(-50%);
}

.smartsearch-info-body {
   padding: 0.3em;
   max-height: 75vh;
   overflow-y: scroll;
}

.smartsearch-info-body * {
   font-size: 1rem;
   color: black;
}

.smartsearch-info-body pre {
   display: inline;
   word-break: break-all;
   white-space: pre-wrap;
   background-color: #f6f6f6;
   padding: 0px 4px;
   border: 1px solid #dbdbdb;
   border-radius: 2px;
}

.smartsearch-info-question {
   margin-bottom: 0.5rem;
   font-weight: bold;
}

.smartsearch-info-footer {
   border-top: 1px solid #b3b3b3; 
   padding: 0.7em;
   padding-left: 2em;
   font-size: 0.8em;
   font-style: italic;
}

#builtin-search table {
   display: inline-block;
}