/**********************************************************************
LandingPage.css

Copyright (c) Microsoft Corporation.

***********************************************************************/
*
{
    scrollbar-base-color: white;
    scrollbar-arrow-scolor: #777777;
    scrollbar-lightshadow-color: #ababab;
    scrollbar-highlight-color: #ababab;
    scrollbar-darkshadow-color: white;
    scrollbar-track-color: white;
}
a
{
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: #666;
}
body *
{
    font-family: Segoe UI, Arial;
}
body
{
    background-image: none;
    color: #666;
    cursor: default;
    font-size: 62.5%;
    height: 100%;
    line-height: normal;
    margin: 0;
    padding: 0;
    overflow:hidden;
}
div
{
    margin: 0;
    padding: 0;
}
hr
{
    margin-bottom: 7px;
    border: 0;
    height: 1px;
    color: #ccc;
}
img
{
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
}
input
{
    font-size: 1.2em;
}
span
{
    margin: 0;
    padding: 0;
}
div#MainContent
{
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 580px;
}
div#SlabSection
{
    margin-left: auto;
    margin-right: auto;
    text-align:left;
    width: 580px;
}
div#Title
{
    margin: 0 0 17px 13px;
    font-size: 2.6em;
    font-weight: 200;
}
.PageWidth
{
    width: 100%;
}

.ie9UpgradeMsg {
   padding: 10px;
   text-align: center;
   border: 1px solid transparent;
   border-radius: 4px;
   color: #c09853;
   background-color: #fcf8e3;
   margin-bottom: 10px;
   border-color: #fbeed5;
   visibility: hidden;
   position: fixed;
   font-size: 15px;
   font-family: Times;
}

.unsupBrwsrMsg {
   position: fixed;
   top: 50%;
   bottom: 50%;
   visibility: hidden;
   text-align: center;
   left: 40%;
   font-size: 15px;
   font-family: Times;
}

.unsupBrwsrMsg a, .ie9UpgradeMsg a {
   color: #0066cc;
   font-family: Times;
}

/***********************************************************************

Connected Services

***********************************************************************/
div#ConnectedServicesSection
{
    background-color: #F5F5F5;
    font-size: 1.2em;
    height: 75px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    padding: 7px 0 6px 0;
}
div#ConnectedServices
{
    height:75px;
    display: table-cell;
    vertical-align: middle;
}
span#ConnectedServicesList
{
    margin: 0 80px;
}
span#SignIn
{
    margin: 0 80px;
    display: inline-block;
}
div#AddService
{
    color: #444444;
    font-weight: 600;
    margin: 0 80px 6px 80px;
}
.ConnectedService a:hover
{
    cursor:pointer;
}
.ConnectedService img
{
    background-color: #FFFFFF;
    border: 1px solid #CECECE;
    height: 48px;
    width: 48px;
    margin-right: 11px;
}
/***********************************************************************

Dialog Buttons (Insert, Cancel, Selected Text)

***********************************************************************/
div#RightsNotification
{
    background-color: #fcf7b6;
    border-top: 1px solid #d7d889;
    border-bottom: 1px solid #d7d889;
    position: absolute;
    bottom: 88px;
    width: 100%;
}
div#RightsNotification input
{
    background-color: #FDFCEB;
    border-style: solid;
    border-color: #D7D8D9;
    border-width: 1px;
    margin-top: 2px;
    font-size: 1em;
    height: 25px;
}
div#RightsNotification .RightsClose
{
    position: absolute;
    right: 5px;
    top: 1px;
}
span#spRights
{
    margin-right: 5px;
}
div#RightsNotification .RightsText
{
    color: #666666;
    float: left;
    font-size: 1.2em;
    margin: 7px 30px 7px 5px;
}
div#DialogButtons
{
    background-color: #F5F5F5;
    height: 75px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    padding: 7px 0 6px 0;
    display: none;
    text-align: right;
}
div#DialogButtonArea
{
    margin-right: 25px;
}
div#RightButtonContainer
{
    float: right;
}
div#RightButtonArea
{
    display: table-cell;
    vertical-align: middle;
    height: 75px;
}
span#Btns
{
    vertical-align: middle;
    display: inline-block;
}
div#DialogButtons input
{
    margin-left: 5px;
    vertical-align: middle;
    height: 25px;
    width: 75px;
    background-color: #FEFEFE;
    border-style: solid;
    border-color: #DADBDC;
    border-width: 1px;
}
div#DialogButtons input[disabled], input[disabled]:hover
{
    color: InactiveCaptionText;
    cursor: default;
}
span#SelectedLabel
{
    margin-right: 5px;
    font-size: 1.2em;
    display: inline-block;
    vertical-align: middle;
    width: 220px;
}
div#ItemMetadata
{
    display: table-cell;
    vertical-align: middle;
    height: 75px;
}
div#ItemMetadataContainer
{
    margin-left: 27px;
    float: left;
    font-size: 1.2em;
    text-align: left;
}
div#ItemMetadata div
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 250px;
}
div#SelectionError
{
    bottom: 8px;
    right: 25px;
    text-align: right;
    font-size: 1.2em;
    position: absolute;
}
div#SelectionError span
{
    float: right;
}
span#TooManyItemsWarning
{
    margin-top: 1px;
    margin-right: 5px;
}
div#ContextMenu
{
    background-color: #ffffff;
    border: 1px solid #cfcfcf;
    font-size: 1.2em;
    padding: 2px 10px 4px 10px;
    position: absolute;
    z-index: 1000;
}
/***********************************************************************

Gallery

***********************************************************************/
div#GalleryContainer
{
    overflow: auto;
    margin-top: 25px;
    margin-left: 23px;
}
div#Gallery
{
    display: none;
    background: White;
    position: relative;
}
div#GalleryMessage
{
    color: #666666;
    font-size: 1.5em;
    margin-left: 50px;
}
div#GalleryMessageAction
{
    margin-top: 1.5em;
}
div#Gallery .ui-selected
{
    outline-style: solid;
}
.ui-selectable-helper
{
    z-index: 100;
    position: absolute;
    border: 1px dotted black;
}
div#Gallery .GallerySpan, .GallerySpanHover
{
    cursor: pointer;
    display: inline-block;
    text-align: center;
    height: 125px;
    width: 106px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.GalleryTitle
{
    white-space: nowrap;
    font-size: 1.2em;
}
div#Gallery .GalleryThumb
{
    display: inline-block;
}
div#Gallery .GalleryThumbDiv
{
    height:104px;
    width: 106px;
    display: table-cell;
    vertical-align: middle;
}
div#Gallery .GalleryThumbDiv img:hover
{
    outline-style: solid;
    outline-width: 2px;
}
div#Gallery .GalleryThumbMissing
{
    vertical-align: middle;
    cursor: default;
    background-color: #f5f5f5;
    margin: 5px;
    height: 96px;
    width: 96px;
}
div#Gallery .GalleryAlbumBackdrop
{
    padding: 2px;
    border: 1px solid #ccc;
    display: inline-block;
}
div#Gallery .GalleryAlbumOverlay
{
    padding: 2px 2px 0 2px;
    border: 1px solid #ccc;
    background-color: White;
    position: absolute;
    display: block;
}
.GallerySpan
{
    border-color: transparent;
}
div#Gallery text:hover
{
    color: Blue;
}
.GalleryText
{
    visibility: visible;
}
.GalleryTextHidden
{
    visibility: hidden;
}
.GalleryImageText
{
    line-height: 96px;
    position: absolute;
    text-align: center;
    width: 96px;
}
.GalleryImageText div
{
    display: inline-block;
    line-height: 1em;
    background-color: White;
}
/***********************************************************************

View Larger

***********************************************************************/
.ViewLarger
{
    border: 2px solid white;
    background-color: White;
    height: 16px;
    width: 16px;
}
.ViewLarger img:hover
{
    outline-style: solid;
    outline-width: 2px;
}
.dvModal
{
    line-height:normal;
    border:#8e9fb5 1px solid;
    background-color:#fff;
}
.HoverImage
{
    background: url(/odc/stat/images/load_spinner_48x48.gif) no-repeat center center;
    text-align: center;
}
div.dvHover
{
    background-color: White;
    position:absolute;
    clear:both;
    max-width:982px;
    display:none;
    z-index: 9990;
    border: 2px solid #C3C3C3;
}
.dvPSModalContentPane
{
    height: 100%; /*override ont.css*/
    padding:0;
    overflow: hidden;
}
.dvModalBackground
{
    background-color:#FFFFFF;
    filter: alpha(opacity=80);
    opacity: .8;
    display:none; 
    width:100%; 
    height:100%; 
    left:0px; 
    top:0px; 
    z-index:9989;
    position:fixed;
}
.PreviewError
{
    background-image: none;
    display: table-cell;
    vertical-align: middle;
    font-size: 1.2em;
}
.PreviewCloseDiv
{
    position:absolute;
    top: -1px;
    height: 18px;
    width: 18px;
    background-color: White;
}
/***********************************************************************

Back Button

***********************************************************************/

a#BackButton
{
    color:#68606B;
    display: none;
    font-size: 1.2em;
    font-weight: 600;
}
div#BackButtonSection
{
    position: absolute;
    top: 0;
    left: 24px;
}
div#SendASmile
{
    position: absolute;
    top: 8px;
    right: 10px;
}
div#SendASmile button
{
    background: none;
    border: none;
    padding: 0;
    padding-left: 10px;
}
div#SendASmile button:hover
{
    cursor: pointer;
}
div#SendASmile button svg {
    width: 20px;
    height: 20px;
}
div#SendASmile button:hover svg {
    fill: grey;
}
@media screen and (-ms-high-contrast: active) {
    div#SendASmile button svg {
        fill: WindowText;
    }
}
/***********************************************************************

Providers

***********************************************************************/
div#Providers
{
    width: 580px;
    text-align: left;
    margin-top: 20px;
}
input.InputBase
{
    background: none transparent scroll repeat 0 0;
    height: 100%;
    padding: 3px 0 3px 5px;
    margin: 0 1px 0 0;
}
.BorderGray
{
    border: #DCDCDC 1px solid;
}
.BorderGrayHover
{
    border-color: #6F6F6F
}
.DefaultText
{
    color: #6F6F6F;
}
.ProviderSeparator
{
    background-color: #EDEDED;
    margin: 0 0 0 0;
    width: 551px;
}
form.FullSearch input.InputText
{
    background-color:White;
    border-width: 0;
    width: 186px;
}
div.Provider
{
    display: table-cell;
    height: 62px;
    position: relative;
    vertical-align:middle;
    width: 580px;
}
div.Provider .ActiveBreadcrumb
{
    color:#68606B;
}
div.ProviderHover:hover
{
    outline-width: 1px;
    outline-style: solid;
    z-index: 999;
}
div.ProviderHover:hover .ProviderHeading
{
    color: #3C3C3C;
}
div.ProviderHover:hover .BorderGray
{
    border-color: #C6C7C8;
}
a.ActiveBreadcrumb:focus
{
    color: #1E78DA;
}
a.ActiveBreadcrumb:hover
{
    color: #1E78DA;
    text-decoration: none;
}
div#BingSearchProvider
{
    cursor: pointer;
}
div.ProviderDescription
{
    font-size: 1.2em;
    overflow: hidden;
    padding-right: 5px;
    text-overflow: ellipsis;
}
div.ProviderText
{
    display: inline-block;
    padding-right: 15px;
    vertical-align: middle;
    width: 278px;
}
div.ProviderHeading
{
    color: #5E5E5E;
    font-size:1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
}
div.ProviderLogo
{
    display: inline-block;
    margin-left: 13px;
    vertical-align: middle;
    width: 42px;
}
div.ProviderLogo img
{
    background-color:transparent;
    height: 24px;
}
div.ProviderBody
{
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
}
div.ProviderBodyContent
{
    width:213px;
}
div.ProviderHint
{
    /* set the background color to be same as the provider (on hover) to ensure a
        smoother transition when the element fades in and out.*/
    background-color:#EEE;
    display: none;
    margin: 0 5px 0 5px;
    position: absolute;
}
input.BtnSearchButton
{
    background-color: transparent;
    border: medium none;
    cursor: pointer;
    margin: 2px 1px -2px -6px;
    height: 16px;
    width: 16px;
}
div#ContentSection
{
    padding-bottom: 1px;
    text-align:center;
}
div#LocalMachineProvider
{
    cursor: pointer;
}
div#SharePointProvider
{
    cursor: pointer;
}
div.Browse
{
    font-size: 1.2em;
    font-weight: 600;
    color: #686A6B;
}
div.Browse:hover
{
    color: #257EE2;
}
div.SeeMore
{
    margin-top:-2px;
}
a.BrowseLink
{
    color: #686A6B;
}
div.BrowseProviderHover:hover
{
    cursor:pointer;
}
img.Triangle
{
    margin: 0 4px 1px 4px;
}
div.LatestThumbnailSection
{
    margin-top: 6px;
}
div.LatestThumbnailContainer
{
    width:36px;
    height:36px;
    display:inline-block;
    background-image:url(/odc/stat/images/thmbk.png);
}
div.LatestThumbnailContainer:hover .LatestThumbnail
{
    clip:rect(3px, 33px, 33px, 3px);
}
a.LatestThumbnailAnchor:focus .LatestThumbnail
{
    clip:rect(3px, 33px, 33px, 3px);
}
div.LatestThumbnailSpacer
{
    display: inline-block;
    width:8px;
}
img.LatestThumbnail
{
    position:absolute;
    clip:rect(0, 36px, 36px, 0);
}
.cdLink
{
    color:#336699;
}
.cdLink:hover, .cdLink:focus
{
    text-decoration: underline;
}
.spnDescription
{
    margin-right: 8px;
}
/*********** Application Colors *************/
/* Word */
.cdLinkOutline0 img:hover
{
    outline-color: #2B579A;
}
.cdTitle0,
.cdLink0 a:hover, .cdLink0 a:focus,
a.cdLink0:hover, a.cdLink0:focus, #BackButton.cdLink0:hover, #BackButton.cdLink0:focus
{
    color:#2B579A;
}
.dvSlab0 div.ProviderHover:hover
{
    background-color:#F6F9FD;
    outline:#98B2D9 solid 1px;
}
.GallerySelection0 img.ui-selecting, .GallerySelection0 img.ui-selected
{
    background-color:#3E6DB5;
    outline:#3E6DB5 solid;
}
/* Excel */
.cdLinkOutline1 img:hover
{
    outline-color: #217346;
}
.cdTitle1,
.cdLink1 a:hover, .cdLink1 a:focus,
a.cdLink1:hover, a.cdLink1:focus, #BackButton.cdLink1:hover, #BackButton.cdLink1:focus
{
    color:#217346;
}
.dvSlab1 div.ProviderHover:hover
{
    background-color:#F8FCFA;
    outline:#99CCB0 solid 1px;
}
.GallerySelection1 img.ui-selecting, .GallerySelection1 img.ui-selected
{
    background-color:#439467;
    outline:#439467 solid;
}
/* PowerPoint */
.cdLinkOutline3 img:hover
{
    outline-color: #D24726;
}
.cdTitle3,
.cdLink3 a:hover, .cdLink3 a:focus,
a.cdLink3:hover, a.cdLink3:focus, #BackButton.cdLink3:hover, #BackButton.cdLink3:focus
{
    color:#D24726;
}
.dvSlab3 div.ProviderHover:hover
{
    background-color:#FEFAF9;
    outline:#EBB0A2 solid 1px;
}
.GallerySelection3 img.ui-selecting, .GallerySelection3 img.ui-selected
{
    background-color:#F0623E;
    outline-color:#F0623E;
}
/* Outlook */
.cdLinkOutline5 img:hover
{
    outline-color: #0072C6;
}
.cdTitle5,
.cdLink5 a:hover, .cdLink5 a:focus,
a.cdLink5:hover, a.cdLink5:focus, #BackButton.cdLink5:hover, #BackButton.cdLink5:focus
{
    color:#0072C6;
}
.dvSlab5 div.ProviderHover:hover
{
    background-color:#F7FBFD;
    outline:#92B7D1 solid 1px;
}
.GallerySelection5 img.ui-selecting, .GallerySelection5 img.ui-selected
{
    background-color: #2A8DD4;
    outline:#2A8DD4 solid;
}
/* OneNote */
.cdLinkOutline8 img:hover
{
    outline-color: #80397B;
}
.cdTitle8,
.cdLink8 a:hover, .cdLink8 a:focus,
a.cdLink8:hover, a.cdLink8:focus, #BackButton.cdLink8:hover, #BackButton.cdLink8:focus
{
    color:#80397B;
}
.dvSlab8 div.ProviderHover:hover
{
    background-color:#FCF9FC;
    outline:#D4AED1 solid 1px;
}
.GallerySelection8 img.ui-selecting, .GallerySelection8 img.ui-selected
{
    background-color:#A3569E;
    outline-color:#A3569E;
}
/* Publisher */
.cdLinkOutline10 img:hover
{
    outline-color: #077568;
}
.cdTitle10,
.cdLink10 a:hover, .cdLink10 a:focus,
a.cdLink10:hover, a.cdLink10:focus, #BackButton.cdLink10:hover, #BackButton.cdLink10:focus
{
    color:#077568;
}
.dvSlab10 div.ProviderHover:hover
{
    background-color:#F8FCFB;
    outline:#99CCC6 solid 1px;
}
.GallerySelection10 img.ui-selecting, .GallerySelection10 img.ui-selected
{
    background-color:#3E948A;
    outline:#3E948A solid;
}
/* Visio */
.cdLinkOutline12 img:hover
{
    outline-color: #3955A3;
}
.cdTitle12,
.cdLink12 a:hover, .cdLink12 a:focus,
a.cdLink12:hover, a.cdLink12:focus, #BackButton.cdLink12:hover, #BackButton.cdLink12:focus
{
    color:#3955A3;
}
.dvSlab12 div.ProviderHover:hover
{
    background-color:#F9FAFE;
    outline:#9AABDA solid 1px;
}
.GallerySelection12 img.ui-selecting, .GallerySelection12 img.ui-selected
{
    background-color:#4D6AB8;
    outline:#4D6AB8 solid;
}
/* InfoPath */
.cdLinkOutline13 img:hover
{
    outline-color: #6A3889;
}
.cdTitle13,
.cdLink13 a:hover, .cdLink13 a:focus,
a.cdLink13:hover, a.cdLink13:focus, #BackButton.cdLink13:hover, #BackButton.cdLink13:focus
{
    color:#6A3889;
}
.dvSlab13 div.ProviderHover:hover
{
    background-color:#FCF9FC;
    outline:#CAAFDB solid 1px;
}
.GallerySelection13 img.ui-selecting, .GallerySelection13 img.ui-selected
{
    background-color:#8653A5;
    outline:#8653A5 solid;
}
/* Moorea */
.cdLinkOutline23 img:hover
{
    outline-color: #EC008C;
}
.cdTitle23,
.cdLink23 a:hover, .cdLink23 a:focus,
a.cdLink23:hover, a.cdLink23:focus, #BackButton.cdLink23:hover, #BackButton.cdLink23:focus
{
    color:#EC008C;
}
.dvSlab23 div.ProviderHover:hover
{
    background-color:#FEFAFD;
    outline:#FAE1F0 solid 1px;
}
.GallerySelection23 img.ui-selecting, .GallerySelection23 img.ui-selected
{
    background-color: #F74AB2;
    outline:#F74AB2 solid;
}