﻿body {
    margin: 0 0 0 0;
}

div.table {
    display: table;
    height: 100%;
}

div.tableRow {
    display: table-row;
}

div.tableCell {
    display: table-cell;
    vertical-align: middle;
}

.HeaderFont {
    font-family: 'Segoe UI, Tahoma, Helvetica, sans-serif';
    font-size: 13px;
}

div.BannerRow {
    height: 80px;
}

div.HeaderBg {
    background-color: RGB(26, 26, 26);
    height: 100%;
}

div.FooterBg {
    background-color: RGB(26, 26, 26);
    height: 50px;
    position: relative;  
    bottom: 0px; 
    width: 100%;
}

.bodyBG {
    background-color: RGB(26, 26, 26);
    width: 100%;
}

div.MenuBg {
    height: 33px;
    z-index: auto;
}

div.MenuRow {
    height: 40px;
    background-color: inherit;
}

.MenuItem {
    margin-right: 8px;
    line-height: 15px;
    letter-spacing: 1px;
    font-size: 13px;
    white-space: nowrap;
    color: #fff;
    font-family: 'Segoe UI, Tahoma, Helvetica, sans-serif';
    width:100%;
}

.PrimaryMenu {
    text-transform: uppercase;
    min-height: 40px;
    margin-right: 18px;
}

.SecondaryMenu {
    line-height: 15px;
    font-size: 13px;
    white-space: nowrap;
    margin-right: 18px;
    position: relative;
    /*text-transform:uppercase;*/
    font-weight:bolder;
}

    Span.SecondaryMenu > a,
    Span.MenuItem > a,
    Span.Program > a
     {
        color: #cfcfcf;
        font-family: Segoe UI, Tahoma, Helvetica, sans-serif;
        font-weight: 600;
        text-decoration: none;
        vertical-align: baseline;
        white-space: nowrap;
    }

    Span.SiteHomeLink > a
     {
        color: #cfcfcf;
        font-family: Segoe UI, Tahoma, Helvetica, sans-serif;
        font-weight: 600;
        text-decoration: none;
        vertical-align: baseline;
        white-space: pre-line;
    }

    Span.MenuItem > Span.Program {
        float:left;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-right: 18px;
    }

    Span.MenuItem > Span.SiteHomeLink {
        float:left;
        margin-right: 18px;
    }

        Span.SecondaryMenu > a.CurrentPage,
        Span.MenuItem > a.CurrentPage,
        Span.Program > a.CurrentPage,
        Span.SiteHomeLink > a.CurrentPage
        {
            color: #00ccff;
            text-decoration:none;
        }

        Span.SecondaryMenu > a:hover,
        Span.MenuItem > a:hover,
        Span.Program > a:hover,
        Span.SiteHomeLink > a:hover {
            color: #fff;
        }

.workSpace {
    padding-left: 12%;
    padding-right: 12%;
    min-width:958px;
}

div.PageFooter {
    font-family: 'Segoe UI', 'Tahoma', 'Helvetica', 'sans-serif';
    font-size: 12px;
    font-weight: 600;
    /*margin-top: 60px;*/
    height: 100%;
}

div.RightFooter span.Copyright {
    color: #cfcfcf;
    float: right;
    font-size: 12px;
    white-space: nowrap;
}

div.RightFooter div.Copyright {    
    float: right;
    width: 100%;
}

div.RightFooter a {
    float: right;
}

    div.LeftFooter a {
        text-decoration: none;
        color: #cfcfcf;
        margin-right: 15px;
    }

        div.LeftFooter a:active {
            background-color: #cfcfcf;
        }

        div.LeftFooter a:hover {
            color: #fff;
        }

        div.LeftFooter a.selected {
            color: #00ccff;
        }

    div.PageFooter div.RightFooter {
        width: 13.5%;
        height: 100%;
        float: right;
        padding: 5px 0 0 0;        
    }

    div.PageFooter div.LeftFooter {
        width: 83.5%;
        height: 100%;
        float: left;
        padding-top: 15px;
    }

.ClearBoth {
    clear: both;
}

select.ConnectionList {
    Width: 235px; 
    background-color: rgb(255, 255, 255);
    font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", Tahoma, Verdana, Arial;
    color: #212121;
    padding: 4px 8px;
    border: 1px solid rgba(0,0,0,0.27);
    line-height: 120%;
    box-sizing: border-box;
    font-size: 12px;
}

div.TopNavSurround {
	padding-top: 10px;
}

div.TopNav {
	height: 3%;
}

div.TopNavNoSearch {
	height: 10px;
}

div.TopNavSearch {
	float: right;
	padding: 2px 0px 2px 4px;
	margin: 0px 0px 0px 10px;
	vertical-align: middle;
}

span.TopNavSearchLabel {
	display: inline-block;
	color: #333333;
	font-family: Segoe UI, Tahoma, Helvetica, sans-serif;
	font-size: 13px;
    font-weight:bold;
	padding-top: 3px;
    float:none;
    vertical-align:initial;
}

select.TopNavSearchScope {
	display: inline-block;
	font-family: Segoe UI, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #989896;
	margin-left: 5px;
	width: 160px;
	height: 25px;
	vertical-align: top;
    cursor: pointer;
    padding-top:0;
    margin-right:0;
    float:none;
}

.SearchBoxButton {
	max-width: 166px;
}

span.MsSearchContainer,
div.SearchBeforeSubmit span.SearchContainer {
	display: inline-block;
	border: 1px solid #989896;
	padding: 0px;
	background-color: #ffffff;
	width: 205px;
	height: 23px;
	overflow: hidden;
}

span.MsSearchContainer {
    vertical-align: top;
    float:none;
}

div.SearchBeforeSubmit span.SearchContainer {
    width: 143px;
}

span.MsSearchContainer input.MsSearchTextBoxAllConnect,
div.SearchBeforeSubmit input.SearchTextBox {
	border: 0px;
	margin: 0px;
	background-color: #ffffff;
	font-size: 12px;
	padding: 2px 5px 0px 5px;
	width: 130px;
	height: 21px;
	vertical-align: bottom;
    font-family: "Segoe UI", "Tahoma", "Helvetica", "sans-serif";
}

span.MsSearchContainer input.MsSearchTextBoxThisConnection {
	border: 0px;
	margin: 0px;
	background-color: #ffffff;
	font-size: 12px;
	padding: 2px 5px 0px 5px;
	width: 177px;
	height: 21px;
	vertical-align: bottom;
    font-family: "Segoe UI", "Tahoma", "Helvetica", "sans-serif";
}

div.SearchBeforeSubmit input.SearchTextBox {
    width: 115px;
}

span.MsSearchContainer span.MsSearchLogoAllConnect {
	display: inline-block;
	background-image: url(/National_Library/20160930123623oe_/https://connect.microsoft.com/Images/BingSprite_Resized.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	width: 47px;
	height: 21px;
    vertical-align: middle;
}

span.MsSearchContainer span.MsSearchLogoThisConnection {
	display: none;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	width: 47px;
	height: 21px;
    vertical-align: bottom;
}

span.MsSearchContainer input.MsSearchButton,
div.SearchBeforeSubmit span.SearchContainer input.SearchButton {
	background-image: url(/National_Library/20160930123623oe_/https://connect.microsoft.com/Images/BingSprite_Resized.png);
	background-repeat: no-repeat;
	background-position: -47px 0px;
	background-color: #ffffff;
	overflow: hidden;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 18px;
	height: 21px;
	vertical-align: bottom;
}

div span.SecondaryMenu {
    color: #00ccff;
    font-family: Segoe UI, Tahoma, Helvetica, sans-serif;
    font-weight: 600;
    text-decoration: none;
    vertical-align: baseline;
    white-space: nowrap;
}

div.table > div > span.MenuItem > span.Show
{
    display: initial;
}

div.table > div > span.MenuItem > span.Hide
{
     display: none;
}

div.tableCell > a > img {
    border: 0px
}

span.BuildNumber {
    color: #d9d3d3;
    float: right;
}

.MasterPageSplashText
{
	background-color: yellow;
	font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", Tahoma, Verdana, Arial;
	font-size: 13px;
	font-weight: bold;
	color: red;
}

.wordwrap{
    word-break:break-all;
}
.signInLink {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    color: white !important;
    height: 19px;
    width: 260px;
    padding: 0px 0px 0 26px;
    text-decoration: none;
    font-family: 'Segoe UI';
    font-size: 14px;
    cursor: pointer;
    outline: none;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: 5px;
    margin-top: 2px;
    margin-left:2px;
    margin-right:2px;
    text-decoration: none;
    background-color: rgb(0, 156, 199);
    /*background-image: url(/National_Library/20160930123623oe_/https://connect.microsoft.com/Images/CustomerHelpArrow.png);*/
    border: 10px solid rgb(0, 156, 199);
    font-weight: 101;
    float: left;
    background-size: 14px;
    
    }
.SignInPanel {
    margin:10px; 
    position:absolute; 
    z-index:9000; 
    width:345px; 
    height:107px;
    border: solid 0px white;
    padding: 5px;
    background-clip:content-box;
   
}
