/* =========== */
/* = General = */
/* =========== */
html
{
    height:56px;
    top:0px;
}
body
{
    font-family: Verdana, Helvetica, sans serif; 
    font-weight: normal; 
    background-color: white;
}
table
{
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}

/* ======================= */
/* = Logo frame styles = */
/* ======================= */
body.Logo
{
    background: url(FrameImages/f1_back.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.Logo1
{
    POSITION: fixed; 
    TOP: 3px; 
    LEFT: 2px; 
    HEIGHT: 55px; 
    width: 146px;
    VISIBILITY: visible; 
    Z-INDEX: 2;
}
.logoImage
{
    width:100%;
}
.NewSearch
{
    POSITION: fixed; 
    TOP: 40px;  
    LEFT: 314px; 
    HEIGHT: 38px; 
    VISIBILITY: visible; 
    Z-INDEX: 2; 
    margin-right: 10px; 
    align:right;
}
.printDiv
{
    position: fixed; 
    top: 1px; 
    left: 242px;
    width: 44px; 
    height: 55px;
    visibility: visible; 
    z-index: 2;
}
.printImage
{
    width:100%;
}
.formClass
{
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    POSITION: fixed; 
    display: block;
    TOP: 14px; 
    LEFT: 965px; 
    HEIGHT: 24px; 
    WIDTH: 264px; 
    VISIBILITY: visible; 
    Z-INDEX: 2;
    border-radius:15px 15px 15px 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border :2px;
    border-style:solid;
    border-color: #D3D3D3;
}
.noformClass
{
    POSITION: fixed; 
    display: block;
    TOP: 14px; 
    LEFT: 965px; 
    HEIGHT: 24px; 
    WIDTH: 264px; 
    VISIBILITY: hidden; 
    Z-INDEX: 2;
    border-radius:15px 15px 15px 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border :2px;
    border-style:solid;
    border-color: #D3D3D3;
}
.inputBox
{
    margin-top:3px;
    margin-left:10px;
    border :0px;
    width:208px;
    height:19px;
    position:absolute;
}
.UA
{
    position: fixed;
    left: 336px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-style:normal;
    font-weight: bold;
    color: #FFF;
    top: 20px;
    width: 250px;
    height: 20px;

}
.buttonImg
{
    margin-top:4px;
    POSITION: absolute; 
    right:10px;
}
.copyright
{
    position: absolute;
    top: 80px;
    left: 314px;
    height: 18px;
    width: 43px;
    visibility: visible;
    z-index: 9;
    font-family: Calibri, Helvetica, Avenir;
    font-size: 9pt;
    color: #FFFFFF;
}
.copyright2
{
    position: absolute;
    top: 80px;
    left: 367px;
    height: 18px;
    width: 300px;
    visibility: visible;
    z-index: 9;
    font-family: Calibri, Helvetica, Avenir;
    font-size: 9pt;
    color: #FFFFFF;
}
.searchBarImg
{
    width:100%;
    height:32px;
}
.bookmark
{
    position: fixed;
    top:18px;
    left: 165px;
    z-index:2;
    height:16px;
    width:16px;
}
.compass
{
    position: fixed;
    top:0px;
    left: 110px;
    z-index:2;
    height:55px;
    width:48px;
}
.compassImage
{
    position: fixed;
    height:55px;
    width:48px;
    position:relative;
}

/* ======================= */
/* = Banner Background     */
/* ======================= */
.Banner
{
  background-color: #305164;
  height: 56px;
}
div.BannerBackground
{
    background-color: #A5ACB0;
    position: absolute;
    top: 6px;
    left: 0px;
    height: 38px;
    width: 2500px; /* must be spread enough to support enlargement ; increased March 2011 */
    visibility: visible;
    z-index: 0
}
div.BannerVersionRelease
{
    position: absolute;
    top: 10px;
    left: 10px;
    height: 15px;
    width: 300px;
    visibility: visible;
    z-index: 9;
    font-family: Verdana, Helvetica, Avenir;
    font-size: 9pt;
    font-weight: bold;
    color: #FFFFFF;
}
div.BannerVersion
{
    position: absolute;
    top: 10px;
    left: 10px;
    height: 15px;
    width: 150px;
    visibility: visible;
    z-index: 9;
    font-family: Verdana, Helvetica, Avenir;
    font-size: 9pt;
    font-weight: bold;
    color: #FFFFFF;
}
div.BannerRelease
{
    position: absolute;
    top: 10px;
    left: 150px;
    height: 15px;
    width: 150px;
    visibility: visible;
    z-index: 9;
    font-family: Verdana, Helvetica, Avenir;
    font-size: 9pt;
    font-weight: bold;
    color: #FFFFFF;
}
div.BannerCopyright
{
    position: absolute;
    top: 25px;
    left: 10px;
    height: 15px;
    width: 300px;
    visibility: visible;
    z-index: 9;
    font-family: Arial, Helvetica, Avenir;
    font-size: 7pt;
    color: #FFFFFF;
}
/* Copyright Frame Style */
body.CopyrightFrame
{
    margin: 0px;
    padding: 0px 5px 0px 10px;
}
/* ============================ */
/* = QuickSearch frame styles = */
/* ============================ */
body.QuickSearch
{
    background-color: #FFFFFF;
}
/* used for old resize management : keep it for possible rollback */
body.QuickSearch2
{
    background-color: #FFFFFF;
}
body.QuickSearch, body.QuickSearch table
{
    font-family: Verdana, Helvetica, sans serif; 
    font-size: 8pt;
    font-weight: bold;
    z-index: 9;
}
body.QuickSearch div
{
    background-color: #A5ACB0;
    position: absolute;
    visibility: visible;
    z-index: 5
}
/* used for old resize management : keep it for possible rollback */
body.QuickSearch2 div
{
    background-color: #A5ACB0;
    position: absolute;
    visibility: visible;
    z-index: 5;
}

div.SearchHidden
{
    top: 6px;
    left: 0px;
    width: 0px;
}
div.SearchText
{
    top: 6px;
    left: 0px;
    height: 38px;
    width: 258px;
}
div.SearchText1
{
    top: 6px;
    left: 0px;
    height: 38px;
    width: 258px;
}
div.SearchTextCollapsed
{
    top: 6px;
    left: 0px;
    height: 38px;
    width: 48px;
}
div.SearchSubmit
{
    top: 6px;
    left: 258px;
    height: 38px;
    width: 28px;
}
div.SearchSubmit2
{
    top: 6px;
    left: 148px;
    height: 38px;
    width: 28px;
}
/* input field style */
body.QuickSearch input#button
{
    margin: 9px 3px 7px 3px;
    padding: 0px;
    background-image: url("FrameImages/DSDocIcon_search_btn.gif");
    background-color: transparent;
    cursor: pointer;
    border: 0;
    height: 20px;
    width: 20px;
    z-index: 9;
}
/* used for old resize management : keep it for possible rollback */
body.QuickSearch2 input#button
{
    margin: 9px 3px 7px 3px;
    padding: 0px;
    background-image: url("FrameImages/DSDocIcon_search_btn.gif");
    background-color: transparent;
    border: 0;
    left: 138px;
    height: 20px;
    width: 20px;
    z-index: 9;
}
body.QuickSearch input#search
{
    margin: 7px 3px 7px 2px;
    padding: 1px 4px 0px 4px;
    border: 1px solid #4B575F;
    height: 23px;
    width: 253px;
    z-index: 9;
}
/* used for old resize management : keep it for possible rollback */
body.QuickSearch2 input#search
{
    margin: 7px 3px 7px 2px;
    padding: 1px 4px 0px 4px;
    border: 1px solid #4B575F;
    height: 23px;
    width: 143px;
    z-index: 9;
}
/* submit button style */
body.QuickSearch input#submit
{
    margin: 9px 3px 7px 3px;
    padding: 0px;
    background-image: url("FrameImages/DSDocIcon_search_btn.gif");
    background-color: transparent;
    border: 0;
    height: 20px;
    width: 20px;
    z-index: 9;
}
/* used for old resize management : keep it for possible rollback */
body.QuickSearch2 input#submit
{
    margin: 9px 3px 7px 3px;
    padding: 0px;
    background-image: url("FrameImages/DSDocIcon_search_btn.gif");
    background-color: transparent;
    border: 0;
    left: 138px;
    height: 20px;
    width: 20px;
    z-index: 9;
}
body.QuickSearch input#submit:focus, body.QuickSearch input#submit:hover
{
    background-image: url("FrameImages/IF_DSDocIcon_search_btn.gif");
    z-index: 9;
}
body.QuickSearch input#button:focus, body.QuickSearch input#button:hover
{
    background-image: url("FrameImages/IF_DSDocIcon_search_btn.gif");
    z-index: 9;
}

body.ResultsSearch, body.ResultsSearch table
{
    font-family: Verdana, Helvetica, sans serif; 
    font-size: 8pt;
    font-weight: bold;
    z-index: 9;
}
body.ResultsSearch input#submit
{
    margin: 9px 3px 7px 3px;
    padding: 0px;
    background-image: url("FrameImages/DSDocIcon_search_btn.gif");
    background-color: transparent;
    border: 0;
    left: 138px;
    height: 20px;
    width: 20px;
    z-index: 9;
}
body.ResultsSearch input#submit:focus, body.ResultsSearch input#submit:hover
{
    background-image: url("FrameImages/DSDocIcon_search_btn.gif");
    z-index: 9;
}
div.ResSearchText
{
    top: 6px;
    left: 0px;
    height: 38px;
    width: 250px;
}

/* ====================== */
/* = Print frame styles = */
/* ====================== */
div.PrintBackground
{
    background-color: #A5ACB0;
    position: absolute;
    top: 6px;
    left: 0px;
    height: 38px;
    width: 28px;
    visibility: visible;
    z-index: 5;
}

/* ======================= */
/* = TocBar frame Styles = */
/* ======================= */
body.TocBar
{
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
}
/* the 'collapse' icon is in a DIV element with class 'TocOpened' */
div.TocOpened
{
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 1;
}
/* the 'expand' icon is in a DIV element with class 'TocClosed' */
div.TocClosed
{
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #EBEBEC;
    z-index: 1;
}
a.TocCollapse img, a.SyncToc img
{
    border-width: 0px;
    padding: 2px;
    margin: 0px;
}
a.TocExpand img
{
    border-width: 0px;
    padding: 2px;
    margin: 0px;
}
div.TocOpened a.TocExpand
{
    display: none;
}
div.TocClosed a.TocCollapse, div.TocClosed a.SyncToc, a.SyncTocOff
{
    display: none;
}
div.TocDiv
{
	position: absolute;
    right: 0px;
    display: inline-block;
}

/* ======================== */
/* = TOCTree frame Styles = */
/* ======================== */
body.Toc
{
    font-family: Verdana, Helvetica, sans serif;
    font-size: 8pt;
    margin: 0px;
    padding: 3px;
    background-color: #FFFFFF;
}
/* when a TOC node is collapsed, the next row element has class 'TocCollapsed' */
tr.TocCollapsed
{
    display: none;
}
/* the TOC items (nodes and leaves) are A elements with class 'TocLink' */
a.TocLink
{
    font-family: Verdana, Helvetica, sans serif;
    font-size: 8pt;
    text-decoration: none;
   /* border: 1px solid #73A6FF; */
    padding: 0px 2px;
    margin: 0px 2px;
   /* border: 1px solid #EBEBEC;*/
    color: black;
}
a.TocLink:hover
{
    background-color: #EBEBEC;
}
/* a selected TOC item is in a row element with class 'TocCurItem' */
tr.TocCurItem a.TocLink
{
    background-color: #828B90;
    color: #FFFFFF;
}
tr.TocCurItem a.TocLink:hover
{
    background-color: #828B90;
    color: #EDEDED;
}
img.TocIcon
{
    width: 18px;
    height: 18px;
}
/* when expanding a product node in the TOC, a temporary span child is created with text '...' */
/* if the product site map info could not be loaded, the text becomes 'not found' */
span.TocWaiting, span.TocNotFound
{
    font-family: Verdana, Helvetica, sans serif;
    font-size: 8pt;
    margin-left: 20px;
    color: dimgray;
    font-style: italic;
}
span.TocNotFound
{
    color: red;
}
/* App Filter */
.AppFilterOff
{
    display: none;
}
.AppFilterOn
{
    font-size: 8pt;
    text-decoration: none;
    padding: 0px 0px;
    margin: 0px 2px;
    display: inline-block;
}
.AppFilterChecked
{
    text-decoration: none;
    padding: 2px 2px;
	background-color: #42A2DA;
    color: #fff;
	font-weight: bold;
    border: 1px;
    border-style:solid;
    border-color: #005686;
    border-radius: 2px;
}
.AppFilterUnchecked
{
    color: #42A2DA;
    text-decoration: underline;
}

/* =========================== */
/* = Breadcrumb frame Styles = */
/* =========================== */
body.Breadcrumb
{
    margin: 0px;
    padding: 5px 0px 0px 10px;
    font-family: Verdana, Helvetica, sans serif;
    font-size: 7pt;
    height: 20px;
}
body.Breadcrumb table, body.Breadcrumb td
{
    margin: 0;
    padding: 0;
}
a.Breadcrumb
{
    color: #757E84;
    text-decoration: none;
    font-weight: bold;
}
a.Breadcrumb:hover
{
    text-decoration: underline;
}
a.BreadcrumbLeaf
{
    font-weight: bold;
    color: #666666;
    text-decoration: none;
}
a.BreadcrumbLeaf:hover
{
    text-decoration: underline;
}

/* ======================================================== */
/*VD1:  Display properties for ExpandAll/CollapseAll functionality */

/* tooltip display property */
.hintstyle {  
    position:absolute;  
    background:#EBEBEC;  
    border:1px solid black;   
    padding:2px;  
}
/* text display property under tooltip */
.hinttext {
    font-size:8pt;
    font-weight: bold;
    font-family: Verdana, Helvetica, sans-serif;
}
/* text display property when mouse cursur is over ExpandAll/CollapseAll link */
.hintlink {
    font-size:8pt;
    font-weight: bold;
    font-family: Verdana, Helvetica, sans-serif;
    u-style: italic;
    text-decoration: underline;
}

/* =================== */
/* = Search features = */
/* =================== */
.highlightNav
{
    font-size: 18pt;
    color: white;
    position: fixed; 
    top: 13px; 
    left: 1065px;
    width: 100px; 
    height: 55px;
    visibility: visible; 
    z-index: 2;
}
.timestamp
{
    font-size: 7pt;
    line-height: 10pt;
    color: white;
    position: fixed; 
    top: 9px; 
    left: 410px;
    width: 220px; 
    height: 55px;
    visibility: visible; 
    z-index: 2;
}