/* style sheet for a tabbed doc with one tab active and the rest inactive */

/* --- main line of tabs along the top --- */
#tab_men
{
   width:100%;
   margin-left:0px;
   padding:0px;
   border-spacing:0px;
   border-width:0px;
   margin-top:95px;
}

/* --- main body of the document --- */
#tab_main
{
   width:850px;

   margin-left:50px;
   margin-top:0px;
   margin-bottom:0px;
   margin-right:50px;

   border-color:#CFD8DD;
   border-style:solid;
   border-spacing:0px;

   border-top-width:0px;
   border-left-width:0px;
   border-right-width:0px;
   border-bottom-width:0px;

   background-color:white;
   text-align:center;
   font-weight:bold;

}

/* --- gap from left to first tab on lhs --- */
.tab_leading
{
    width:90px;
    border-top-width:0px;
    border-bottom-width:1px;
    border-left-width:0px;
    border-right-width:0px;
    border-style:solid;

    border-top-color:white;
    border-bottom-color:#BAC6D0;
    border-left-color:#B0BEC7;
    line-height: 14pt
}

/* --- active tab --- */
.tab_active
{
    width:90px;
    text-align:center;


    border-width:1px;
    border-style:solid;

    border-top-color:#BAC6D0;
    border-bottom-color:white;

    border-left-width:1px;
    border-left-color:#CFD8DD;

    border-right-width:0px;
    border-right-color:#B0BEC7;
    padding: 0px 25px 0px;

    background-image:url("../images/tab_active.gif");
    color: #000000;
    font-family: Roboto, Arial,Helvetica, Geneva, Swiss, SunSans-Regular;
    font-size: 10pt;
    font-weight: bold;
    line-height: 14pt;
    white-space: nowrap;
    cursor:pointer;
}

/* --- inactive tab --- */
.tab_inactive
{
    width:90px;
    text-align:center;


    border-width:1px;
    border-style:solid;
    border-color:#BAC6D0;

    border-top-color:#CFD8DD;
    border-bottom-color:#BAC6D0;

    border-left-width:1px;
    border-left-color:#CFD8DD;

    border-right-width:0px;
 
    padding: 0px 25px 0px;
    background-image:url("../images/tab_inactive.gif");
    color: #000000;
    font-family: Roboto, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-size: 10pt;
    font-weight: normal;
    line-height: 14pt;
    white-space: nowrap;
    cursor:pointer;
}

/* --- gap from last tab to end of table on the rhs --- */
.tab_empty
{
    width:90px;
    border-top-width:0px;
    border-bottom-width:1px;
    border-left-width:1px;
    border-right-width:0px;
    border-style:solid;

    border-top-color:white;
    border-bottom-color:#BAC6D0;
    border-left-color:#B0BEC7;
    line-height: 14pt
}

/* --- URL link behaviour --- */
.tab_active A:link, 
.tab_active A:visited
{
   color:black;
   font-weight:bold;
   text-decoration:none;
}

.tab_inactive A:link, 
.tab_inactive A:visited
{
   color:black;
   font-weight:normal;
   text-decoration:none;
}

.tab_active A:link:hover, 
.tab_active A:visited:hover,
.tab_inactive A:link:hover, 
.tab_inactive A:visited:hover,
.tab_active:hover .navlink,
.tab_inactive:hover .navlink 
{
   color:#FF7310;
}


.chromestyle 
{
   font-weight: bold;
   width: auto;
   margin-left:285px;
}


/*Add margin between menu and rest of content in Firefox*/

.chromestyle:after 
{
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

.chromestyle ul 
{
   width: 100%;
   text-align: right; /*set value to "left", "center", or "right"*/
   margin-top: 5px;
   padding: 0;
   font-size: .75em;
   white-space:nowrap;
}

.chromestyle ul li 
{
   display: inline;
   margin: 0 10px 0 0
}

.chromestyle ul li a 
{
   color: #DFE0E2 !important;
   text-decoration: none;
}
.chromestyle ul li a:hover {color: #bc0000 !important;}
.chromestyle ul li a span {color: #bc0000 !important;}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv 
{
   position: absolute;
   top: 0;
   border: 1px solid #DFE0E2;
   border-left: none;
   border-top: none;
   font: normal 12px sans-serif;
   line-height:18px;
   z-index:100;
   background-color:#F1F7F9;
   width: 180px;
   visibility: hidden;
   white-space:nowrap;
}

.dropmenudiv a 
{
   width: auto;
   display: block;
   padding-left: 5px;
   text-indent: 3px;
   text-decoration: none;
   font-weight: bold;
   color: #000;
}
.dropmenudiv a:visited {color: #000;}

.dropmenudiv span 
{
   width: auto;
   display: block;
   border-left: 5px solid #000;
   background: #fff;
   padding-left: 0px;
   text-indent: 3px;
   text-decoration: none;
   font-weight: bold;
   color: black;
}

/*IE only hack*/
* html .dropmenudiv a {width: 100%;} 

.dropmenudiv a:hover 
{
   background-color: #FFEADB;
   border-left: 5px solid #FF6347;
   padding-left: 0;
   color: #FF5501;
}

#menuitems
{
   display:flex;
}

.settings
{
   font-family: 'FontAwesome';
   font-size:10pt;
   color: white;
}