/**/
@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);
/* "Styles.css" is the native stylesheet for the SideNav Project Template, Target and Topics. */
/* CER - 6 April 2021 - I split-out a copy of this stylesheet to use exclusively for the home page.
I did not delete any topic styles - I just linked the homestyles.css to the home topic and edited the existing styles as needed.
The styles.css is designated as the default CSS and supports topics and landing pages.
HomeStyles.css is designated for the home page.
Separate CSS files are needed to preserve integrity of structural & thematic components that are exclusive to the home page -
like the mc-styles, 'content-containers', and 'global Responsive-Cell Complex Selectors' - which control the [responsive behavior] and [content layout]
in a way that you dont want on the topic pages. But if you change the complex selector and global divs to work on topics, or mobile output, then adversely
affect the appearance and behavior of the home page. It might be possible to rewrite some of this but it's faster (and safer for the home page) if you just
split the stylesheet. In fact, all other project templates (that I have seen) use a dedicated home page stylesheet for this very reason - IDK why this one did not). */
/* CER - 8/16/2021 - ADDED STYLES FOR TABBED CONTENT (approx line #2649) or search "STYLES FOR TABBED CONTENT" bc ongoing file changes will move the line# they are on. */
/* ABOUT EMBEDDED FONTS (BELOW) = DO NOT REMOVE THE EMBEDDED FONTS DECLARATIONS!
They ensure all webpages/menus/buttons/topics will consistently DISPLAY / BEHAVE the same way without the user needing to install these fonts onto their local PC or mobile device. No matter which device or browser, features & content will be stable. FYI: EFs support APPEARANCE/BEHAVIOR of SKIN, MENU, Buttons, Headings, Labels, captions/links, content, Tiles & Responsive Cells, (i.e. function/behavior, alignment, etc.). Changing or removing embedded fonts will adversely affect the behavior and presentation of the website, and its features and content.
These include: Segoe UI variants, OpenSans variants, WingDings, ...
*/
@font-face
{
font-family: 'Segoe Print';
src: url(../Fonts/segoepr.ttf);
}
@font-face
{
font-family: 'Segoe Print Bold';
src: url(../Fonts/segoeprb.ttf);
}
@font-face
{
font-family: 'Segoe Script';
src: url(../Fonts/segoesc.ttf);
}
@font-face
{
font-family: 'Segoe Script Bold';
src: url(../Fonts/segoescb.ttf);
}
@font-face
{
font-family: 'Segoe UI';
src: url(../Fonts/segoeui.ttf);
}
@font-face
{
font-family: 'Segoe UI Bold';
src: url(../Fonts/segoeuib.ttf);
}
@font-face
{
font-family: 'Segoe UI Italic';
src: url(../Fonts/segoeuii.ttf);
}
@font-face
{
font-family: 'Segoe UI Bold Italic';
src: url(../Fonts/segoeuiz.ttf);
}
@font-face
{
font-family: 'Segoe UI Light';
src: url(../Fonts/segoeuil.ttf);
}
@font-face
{
font-family: 'Segoe UI Light Italic';
src: url(../Fonts/seguili.ttf);
}
@font-face
{
font-family: 'Segoe UI Black';
src: url(../Fonts/seguibl.ttf);
}
@font-face
{
font-family: 'Segoe UI Black Italic';
src: url(../Fonts/seguibli.ttf);
}
@font-face
{
font-family: 'Segoe UI Emoji';
src: url(../Fonts/seguiemj.ttf);
}
@font-face
{
font-family: 'Segoe UI Historic';
src: url(../Fonts/seguihis.ttf);
}
@font-face
{
font-family: 'Segoe UI Semibold';
src: url(../Fonts/seguisb.ttf);
}
@font-face
{
font-family: 'Segoe UI Semibold Italic';
src: url(../Fonts/seguisbi.ttf);
}
@font-face
{
font-family: 'Segoe UI Semilight';
src: url(../Fonts/seguisl.ttf);
}
@font-face
{
font-family: 'Segoe UI Semilight Italic';
src: url(../Fonts/seguisli.ttf);
}
@font-face
{
font-family: 'Segoe UI Symbol';
src: url(../Fonts/seguisym.ttf);
}
@font-face
{
font-family: 'OpenSans Regular';
src: url(../Fonts/OpenSans-Regular.ttf);
}
@font-face
{
font-family: 'OpenSans Italic';
src: url(../Fonts/OpenSans-Italic.ttf);
}
@font-face
{
font-family: 'OpenSans Bold';
src: url(../Fonts/OpenSans-Bold.ttf);
}
@font-face
{
font-family: 'OpenSans BoldItalic';
src: url(../Fonts/OpenSans-BoldItalic.ttf);
}
@font-face
{
font-family: 'OpenSans Light';
src: url(../Fonts/OpenSans-Light.ttf);
}
@font-face
{
font-family: 'OpenSans LightItalic';
src: url(../Fonts/OpenSans-LightItalic.ttf);
}
@font-face
{
font-family: 'OpenSans SemiBold';
src: url(../Fonts/OpenSans-SemiBold.ttf);
}
@font-face
{
font-family: 'OpenSans SimiboldItalic';
src: url(../Fonts/OpenSans-SimiboldItalic.ttf);
}
@font-face
{
font-family: 'OpenSans ExtraBold';
src: url(../Fonts/OpenSans-ExtraBold.ttf);
}
@font-face
{
font-family: 'OpenSans ExtraBoldItalic';
src: url(../Fonts/OpenSans-ExtraBoldItalic.ttf);
}
@font-face
{
font-family: 'WingDings';
src: url(../Fonts/wingding.ttf);
}
/* END OF EMBEDDED FONTS */
/* CSS VARS - value syntax in Flare Style Wizard = var(--VarName) where VarName is the variable declared below */
/* (in use) --SkyBlue: #1e90ff; (is WebSafePalette aka DogerBlue), used in TS markers - expanding text links */
/* (medm) --Brand1: #8b0000; (is Galaxy aka burgandy,Cranberry), used in href links, Hdg, bg, acc, skin, captions, PRINT... */
/* (brit) --Brand1a: #b22222; (new Galaxy Red on new Co Website-logo), too vivid for eyes&reading; reserved for Href links */
/* (dull) --Brand1b: #aa6565; (custom dull Red in GCS Brand1 colorway), created to toned-down the H2 Red + other accents */
/* (dark) --Brand2: #333333; (Soft Black- orig), used instead of black when needed; H1, H3, Skin-menu, PRINT, etc. */
/* (pale) --Brand3: #cde0e7; (templ orig LtTeal forBGs; good for table HR shading) */
/* (medm) --Brand4: #2e74b5; (custom Dk TealBLUE for Xref links or borderlines - is nice color) */
/* (in use) --Black: #000000; (templ orig. ) used for hdg, text, skin-menu, print, etc. */
/* (in use) --White: #ffffff; (templ orig. ) used for hdg, text, skin-menu, tiles, link-hover, font-texts, borders, bg, etc. */
/* (in use) --Dark: #454545; (templ orig Dk Gray) used for borders, shading, bg, acc., skin, captions, etc. */
/* (in use) --Medium: #b9bec1; (templ orig Md Gray) used for borders, shading, bg, acc., skin, captions, etc. */
/* (in use) --Light: #D3D3D3; (templ orig Lt Gray) used for borders, shading, bg, acc., skin, captions, etc. */
/* (trial) --AltDark: # ; (Dk Navy) used for Borders, BG, Hdg, Accents, captions, etc. */
/* (trial) --AltMedium: # ; (Med Teal) used for Borders, Hdg, Accents, captions, etc. */
/* (trial) --AltLight: #cde0e7; (V Light Teal) used for Borders, shading, acc., etc. */
:root
{
--Black: #000000;
--White: #ffffff;
--vDark: #111111;
--Dark: #454545;
--Medium: #888888;
--VeryLight: #ebebeb;
--Light: #D3D3D3;
--Brand1: #8b0000;
--Brand1a: #b22222;
--Brand1b: #aa6565;
--Brand2: #333333;
--Brand3: #CDE0E7;
--Brand4: #2E74B5;
--SkyBlue: #1e90ff;
}
/* END OF CSS VARS */
/* ==============< START OF PAGE LAYOUT SELECTORS >============== */
p.frame-footer-page-number
{
color: #888888;
font-size: 11pt;
font-weight: bold;
text-align: right;
}
p.frame-footer-text
{
color: #888888;
font-size: 11pt;
font-weight: bold;
text-transform: uppercase;
}
/* ==============< START OF MASTER PAGE SELECTORS >============== */
div.cer-topic-layout /*cer for Topic MSP: controls topic width and padding for the overall content area*/
{
padding: 5px;
width: 75%;
}
div.home-footer
{
padding: 2% 5%;
background-color: #8b0000;
color: #f5f5f5;
}
p.footer
{
margin-top: 5px;
margin-bottom: 5px;
line-height: 13pt;
color: #ffffff;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
p.footer-sub
{
color: #ffffff;
font-size: 14pt;
margin-top: 14px;
font-family: 'Segoe UI Semilight', Arial, sans-serif;
}
/* ===< BEGIN FRONT MATTER STYLE SELECTORS >============== */
hr.title-page /* native - idk border = 0px/transp OR why marg*top = 370px, seems excessive? */
{
border: solid 0px transparent;
background-color: #D3D3D3;
height: 1px;
width: 100%;
margin-bottom: 30px;
margin-top: 370px;
}
MadCap|tocProxy
{
border-top: none;
margin-right: 0.25in;
}
p.created-using-flare /* native styleclass for footer - light gray */
{
color: #D3D3D3;
font-size: 8pt;
font-weight: normal;
line-height: 15pt;
margin-top: 18px;
text-transform: uppercase;
}
p.title /* native styleclass for title (cer sidenote = idk where used) */
{
font-size: 55pt;
line-height: 65pt;
margin-top: 30px;
mc-hyphenate: never;
}
p.title-page-footer
{
color: #454545;
font-size: 9pt;
frame-break-before: always;
line-height: 15pt;
margin-top: 30px;
}
p.title-page-url
{
color: #454545;
font-size: 9pt;
line-height: 15pt;
}
p.TOC1
{
color: #454545;
font-size: 19pt;
font-weight: normal;
line-height: 21pt;
margin-bottom: 15px;
margin-top: 15px;
page-break-after: avoid;
}
p.TOC2
{
color: #454545;
font-size: 15pt;
font-weight: normal;
line-height: 21pt;
margin-bottom: 13px;
margin-left: .5in;
margin-top: 13px;
}
p.TOC3
{
color: #454545;
font-size: 13pt;
line-height: 21pt;
font-weight: normal;
margin-bottom: 10px;
margin-left: 1in;
margin-top: 10px;
}
/* ===< END OF FRONT MATTER STYLES - All styles are native unless cer added denoted >============== */
/* ===< BEGIN BACK MATTER STYLE SELECTORS >============== */
div.GlossaryPageDefinition
{
font-size: 10pt;
}
div.GlossaryPageHeading
{
font-size: 21pt;
font-weight: normal;
margin-bottom: 15px;
margin-top: 15px;
border-bottom-color: #888888;
border-bottom-style: solid;
border-bottom-width: 1px;
text-align: left;
color: inherit;
padding-left: 10px;
padding-bottom: 20px;
padding-top: 20px;
padding-right: 10px;
background-image: url('../../../Images/Backmatter-Heading-Background.png');
background-repeat: no-repeat;
}
div.GlossaryPageTerm
{
font-size: 12pt;
font-weight: bold;
padding-bottom: 10px;
padding-top: 10px;
}
MadCap|glossaryProxy
{
border-top: none;
}
MadCap|indexProxy
{
border-top: none;
}
p.Index1
{
font-size: 10pt;
font-weight: bold;
}
p.Index2
{
font-size: 10pt;
font-weight: normal;
}
p.IndexHeading
{
font-size: 21pt;
font-weight: normal;
margin-bottom: 15px;
margin-top: 15px;
border-bottom-color: #888888;
border-bottom-style: solid;
border-bottom-width: 1px;
text-align: left;
color: inherit;
padding-left: 10px;
padding-bottom: 20px;
padding-top: 12px;
padding-right: 10px;
background-image: url('../../../Images/Backmatter-Heading-Background.png');
background-repeat: no-repeat;
}
/* ===< END OF BACK MATTER STYLE SELECTORS >============== */
/* ===< START OF 6|6 2X RESPONSIVE DIVS CLASSES AND COMPLEX SELECTORS >============== */
/* This includes outer wrapper, outer section, outer responsive grid-row, inner responsive grid-row, and ptag-lineheight */
/* all the div.classes and their pseudo-elements, plus the necessary complex selectors for 2 child cells in a 6+6 grid. */
div.home-layout /* MC - a custom class - section padding - for a responsive tile-set (div class). OUTERMOST WRAPPER*/
{
padding: 2% 5%;
}
div.home-section /* MC - a custom class - section with bottom border - for a responsive tile-set (div class). INSIDE WRAP */
{
border-bottom: solid 1px #D3D3D3;
padding: 5pt 0pt;
}
div.home-tiles /* MC - a custom class - OUTER RESPONSIVE 'LAYOUT ROW' (div class). */
{
mc-grid-row: true;
margin-left: auto;
margin-right: auto;
}
div.home-tiles::before /* a class::pseudoElement - for OUTER RESPONSIVE 'LAYOUT ROW' (div class). */
{
content: ' ';
display: table;
}
div.home-tiles::after /* a class::pseudoElement - for OUTER RESPONSIVE 'LAYOUT ROW' (div class). */
{
content: ' ';
display: table;
clear: both;
}
div.home-tiles > div /* MC - complex selector for div.home-tiles - DIV PROPERTY OVERRIDES */
{
float: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 2%;
background-color: #ffffff;
text-align: center;
}
div.home-tiles > div:nth-child(1) /* complex selector for div.home-tiles child-1 */
{
width: 48%;
margin-left: 0%;
}
div.home-tiles > div:nth-child(2) /* complex selector for div.home-tiles child-2 */
{
width: 48%;
margin-left: 4%;
}
div.home-tiles-layout /* MC - custom class in template = used for RESPONSIVE 'INSIDE OR CHILD LAYOUT ROW' applied to ONE TILE in the multi-Tile DIV ROW (div class). */
{
mc-grid-row: true;
margin-left: auto;
margin-right: auto;
}
div.home-tiles-layout::before /* custom class - INNER RESPONSIVE 'LAYOUT ROW' (div class). */
{
content: ' ';
display: table;
}
div.home-tiles-layout::after /* a class::pseudoElement - for INNER RESPONSIVE 'LAYOUT ROW' (div class). */
{
content: ' ';
display: table;
clear: both;
}
div.home-tiles-layout > div /* complex selector for div.home-tiles-layout (but no padding or bgColor) DIV PROP OVERRIDES */
{
float: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
div.home-tiles-layout > div:nth-child(1) /* complex selector for div.home-tiles-layout child-1 */
{
width: 80%;
margin-left: 0%;
}
div.home-tiles-layout > div:nth-child(2) /* complex selector for div.home-tiles-layout child-2 */
{
width: 80%;
margin-left: 0%;
}
div.home-tiles-layout p /* complex selector for div.home-tiles-layout (for PTAG lineheight) */
{
line-height: 1.2em;
}
/* ------< end of Home Tiles div.classes, pseudoElements, complex selectors for 2xCell 6|6 Responsive DIVS >------ */
div.quick-links /* MD - is a custom responsive layout row style (div class). */
{
mc-grid-row: true;
margin-left: auto;
margin-right: auto;
}
div.quick-links::before
{
content: ' ';
display: table;
}
div.quick-links::after
{
content: ' ';
display: table;
clear: both;
}
div.quick-links > div
{
float: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div.quick-links > div:nth-child(1)
{
width: 16.66666%;
margin-left: 2%;
}
div.quick-links > div:nth-child(2)
{
width: 16.66666%;
margin-left: 3%;
}
div.quick-links > div:nth-child(3)
{
width: 16.66666%;
margin-left: 3%;
}
div.quick-links > div:nth-child(4)
{
width: 16.66666%;
margin-left: 3%;
}
div.quick-links > div:nth-child(5)
{
width: 16.66666%;
margin-left: 3%;
}
div.quick-links * /* MC - Text-align center set to all elements within div.quick-links */
{
text-align: center;
}
/**/
/**/
/* NEXT STEPS DIVs */
div.Topic-NextSteps /*cer - for NEXT STEPS responsive DIV ROW Container*/
{
margin-left: auto;
margin-right: auto;
}
div.Topic-NextSteps::after
{
clear: both;
content: ' ';
display: table;
}
div.Topic-NextSteps::before
{
content: ' ';
display: table;
}
div.Topic-NextSteps > div /* complex selector points to the div.Topic-NextSteps */
{
float: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 2%;
background-color: #f5f5f5;
}
div.Topic-NextSteps > div:nth-child(1) /* complex selector points to div.Topic-NextSteps child-1 */
{
width: 48%;
margin-left: 0%;
}
div.Topic-NextSteps > div:nth-child(2) /* complex selector points to div.Topic-NextSteps child-2 */
{
width: 48%;
margin-left: 4%;
}
div.Topic-NextSteps-layout /*cer - overaull container for tiles */
{
padding: 2% 5%;
background-color: #f5f5f5;
margin-left: auto;
margin-right: auto;
}
div.Topic-NextSteps-layout::after
{
clear: both;
content: ' ';
display: table;
}
div.Topic-NextSteps-layout::before
{
content: ' ';
display: table;
}
div.Topic-NextSteps-layout > div /* complex selector points to the div.Topic-NextSteps-layout */
{
float: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 2%;
background-color: #f5f5f5;
}
div.Topic-NextSteps-layout > div:nth-child(1) /* complex selector points to div.Topic-NextSteps-layout child-1 */
{
width: 48%;
margin-left: 0%;
}
div.Topic-NextSteps-layout > div:nth-child(2) /* complex selector points to div.Topic-NextSteps-layout child-2 */
{
width: 48%;
margin-left: 4%;
}
/* ==============< END OF DIV RESPONSIVE TILES / ROWS AND COMPLEX SELECTORS >============== */
/* ===< START OF HTML SKIN OVERRIDES FOR HOME PAGE (ALTHOUGH I SPLIT STYLESHEET, SO THESE COULD BE USED IN TOPICS NOW) >============== */
html.home-topic /* MC - Used on home topic to override padding set in the skin*/
{
}
html.home-topic .body-container /*MC - Overrides padding set in the skin*/
{
padding: 0;
}
html.home-topic .main-section > .outer-row /* MC - Overrides padding set in the skin when in tablet/mobile*/
{
max-width: 100%;
padding: 0;
}
/* ==============< END OF HTML SKIN OVERRIDES >============== */
/* ===< DIVS FOR TOPIC HERO - HOME PAGE (DECOMM BC I SPLIT THE STYLESHEET) >============== */
div.topic-hero
{
padding: 5%;
background-image: url('../../../Images/Hero-Image.png');
background-size: cover;
background-attachment: scroll;
}
div.topic-hero h1
{
color: #ffffff;
font-size: 48pt;
text-align: center;
}
/* =============< END OF TOPIC HERO DIVS >============== */
/* ==================================================== */
/* ==================================================== */
/* ===< BEGIN CONTENT STYLE SELECTORS >================ */
/* ===< BEGIN BODY STYLES >============== */
body
{
font-family: 'Segoe UI', 'OpenSans Regular', Arial, Avenir, Myriad, Arial, sans-serif;
color: #111111;
}
.body-container
{
padding-left: 1%;
padding-top: 2%;
}
body.mpWidth /*cer - set width of masterpage for Topics - HOWEVER I WITHDREW IT FROM USAGE */
{
color: #454545;
font-family: 'Segoe UI', 'OpenSans Regular', Arial, Avenir, Myriad, sans-serif;
width: 600px;
}
/* ===< BEGIN LINK STYLES >============== */
a /*cer edits - color: Brand1a Gal Red; font & sz + txtDecor: inherit, normal. */
{
font-family: inherit;
font-size: inherit;
text-decoration: inherit;
letter-spacing: 0px;
font-style: normal;
font-weight: normal;
color: #8b0000;
}
a:link
{
color: #8b0000;
text-decoration: none;
}
a:visited /*cer edits - color: vBR1b Dull Red; Underline, italics. */
{
font-style: italic;
color: #aa6565;
text-decoration: underline;
}
a:hover /*cer edits - color: vBR1a Gal Red; bold. */
{
text-decoration: none;
font-weight: bold;
color: #b22222;
font-size: inherit;
}
a.Hyperlink_1 /*cer - migrate from old site*/
{
font-size: inherit;
text-decoration: underline;
font-style: normal;
letter-spacing: 0.25pt;
color: #b22222;
}
a.externalWebPage /*cer - sitewide link to external webpages*/
{
text-decoration: none;
font-size: 14pt;
font-style: normal;
font-variant: normal;
color: #aa6565;
}
a.landingPageLinks
{
color: #2E74B5;
text-decoration: none;
font-size: 16pt;
font-family: inherit;
}
a.inlineHref_12pt /*cer forces font-size 12pt for href-links that cannot inherit size*/
{
font-family: inherit;
text-decoration: inherit;
letter-spacing: 0px;
font-style: normal;
font-weight: normal;
font-size: 12pt;
color: #8b0000;
}
a.miniTOC-Links /*cer - controls Topic Links*/
{
color: #2E74B5;
font-size: inherit;
text-decoration: none;
font-family: 'Segoe UI Semibold', 'OpenSans SemiBold', 'Arial Rounded MT Bold', Arial, sans-serif;
}
a.cer-miniTOC-links /*cer for miniTOC (TIER 1) in top of topics*/
{
font-family: 'Segoe UI', 'OpenSans Regular', Arial, san-serif;
font-weight: normal;
text-decoration: none;
padding-top: 10pt;
color: #2E74B5;
font-size: 15pt;
line-height: 1.1em;
}
a.cer-miniTOC-tier2indent /*cer for miniTOC (TIER 2) indented*/
{
text-decoration: none;
font-weight: normal;
font-family: 'Segoe UI', Arial, sans-serif;
padding-top: 6pt;
font-size: 14pt;
margin-left: 20px;
padding-left: 12pt;
color: #2E74B5;
}
a.cer-miniTOC-longlist /*cer for miniTOC (TIER 1 long menus) reduces lineheight*/
{
text-decoration: none;
font-weight: normal;
font-size: 16pt;
padding-top: 10pt;
font-family: 'Segoe UI', 'OpenSans Regular', Arial, sans-serif;
line-height: 1.1em;
color: #2E74B5;
}
/* ==============< START OF MADCAP PROXY SELECTORS >============== */
MadCap|breadcrumbsProxy
{
border-bottom-width: 0;
color: #454545;
}
MadCap|bodyProxy
{
margin: 0px 10% 10px 2px;
}
MadCap|bodyProxy.other-topics /*cer for master page Other-Topics*/
{
margin: 0px 2% 10px 3px;
}
MadCap|topicToolbarProxy.controlWidth /*cer*/
{
mc-topic-toolbar-items: ;
width: 80%;
}
/* =============< END OF PROXY SELECTORS >================ */
/* ========== */
MadCap|dropDown /* native */
{
border-bottom: 1px solid #D3D3D3;
mc-image-position: left;
margin: 6px;
padding: 10px 0 10px 0pt;
mc-image-spacing: 5px;
mc-closed-image: url('../Images/Plus.png');
mc-open-image: url('../Images/Minus.png');
}
MadCap|dropDownBody /* native */
{
padding: 10px 30px 0 2px;
}
MadCap|dropDownHotspot /* native */
{
cursor: hand;
text-decoration: none;
color: #454545;
font-size: 20pt;
font-weight: bold;
border-bottom: none;
mc-image-spacing: 10px;
}
MadCap|expandingBody /* native */
{
color: #454545;
font-style: italic;
}
MadCap|expandingHead /* native */
{
font-style: italic;
font-weight: normal;
cursor: hand;
text-decoration: none;
font-size: inherit;
color: #1e90ff;
}
MadCap|xref /* native + edit color 2e745b (dk tealBlue) */
{
mc-format: '{para}';
text-decoration: none;
margin: 0px;
padding: 0px;
font-size: inherit;
font-weight: inherit;
color: #2E74B5;
}
MadCap|xref.miniTOC-Link /*cer - controls link spacing esp for mobile to provide 7-10mm standard finger-spacing to facilitate tapping link*/
{
mc-format: '{para}';
text-decoration: none;
margin: 0px;
font-size: inherit;
font-weight: inherit;
color: #2E74B5;
padding: 10mm 0px 7px;
}
MadCap|dropDown.widthControlDD1
{
width: 50pc;
}
MadCap|dropDownHead.dropdown_notes /*CER - for heading size and style for notes under SW Dnloads or similar situations*/
{
font-family: inherit;
font-weight: bold;
font-size: 12pt;
}
MadCap|dropDownHotspot.drop_notes /*CER - for dropdown notes */
{
font-size: 14pt;
font-weight: normal;
font-family: 'Segoe UI Semibold', 'OpenSans SemiBold', 'Arial Rounded MT Bold', Arial, sans-serif;
}
MadCap|dropDownHotspot.drop_notesL2 /*cer - created to support nested dropdowns*/
{
font-family: inherit;
font-size: 12pt;
font-weight: bold;
}
MadCap|dropDownHotspot.qaProj_PastIts /*cer - reserved for QA Internal Proj Notes - i,e, PastIts, etc.*/
{
font-size: 12pt;
font-family: 'Segoe UI Semibold', 'OpenSans SemiBold', Arial, sans-serif;
font-weight: normal;
color: #8b0000;
}
/* ===< BEGIN IMGs, THUMBNAILs, & Related DIVs >============== */
img
{
border: none;
max-width: 100%;
}
div.IMG_NumList_LVL1 /*cer - DIV container aligns IMG for for certain topics List Level 1*/
{
margin-left: 40px;
}
img.IMG_23x23PX /*cer - used for Icon_BlueBang.png 23x23px and other 23x23 icons */
{
height: 23px;
width: auto;
}
img.cerImgInlineText /*cer made to shrink image to fit inline text.*/
{
border: none;
max-width: 100%;
padding: 5px;
margin: 0px;
mc-thumbnail: none;
height: 32px;
}
img.IMG_thumbnail /*cer - no border thumbnail*/
{
border: none;
max-width: 100%;
width: 300px;
height: auto;
mc-thumbnail: popup;
}
img.IMG_thumbnail-300px /*cer - no border 300PX*/
{
border: none;
max-width: 100%;
mc-thumbnail-max-width: 300px;
mc-thumbnail: none;
}
img.IMG_thumbnail-500px /*cer - no border 500 wide */
{
border: none;
max-width: 100%;
mc-thumbnail-max-width: 500px;
mc-thumbnail: none;
}
img.IMG_thumbnail-700px /*cer - no border 700px WIDTH*/
{
border: none;
max-width: 100%;
mc-thumbnail-max-width: 700px;
mc-thumbnail: none;
}
img.IMG_thumbnail-900px /*cer - no border 900px WIDTH*/
{
border: none;
max-width: 100%;
mc-thumbnail-max-width: 900px;
mc-thumbnail: none;
}
img.IMG_thumbnail-1300px /*CER - no border 1300 PX*/
{
border: none;
max-width: 100%;
mc-thumbnail-max-width: 1300px;
mc-thumbnail: none;
}
img.cerThumbnail-popupW300px /*CER - 1px Gray border 300 PX*/
{
max-width: 100%;
vertical-align: middle;
clear: both;
mc-float: center;
mc-thumbnail-max-width: 300px;
border: solid 1px #c0c0c0;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
margin: 10px 0px 18px 20px;
mc-thumbnail: none;
}
img.cerThumbnail-popupW300pxB /*CER - 1px Gray border + 0 bottom margin*/
{
max-width: 100%;
vertical-align: middle;
clear: both;
mc-float: center;
mc-thumbnail-max-width: 300px;
border: solid 1px #c0c0c0;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
margin: 10px 0px 2px 20px;
mc-thumbnail: none;
}
img.cerThumbnail-popupW400px /*CER - 1px Gray border 400px */
{
max-width: 100%;
vertical-align: middle;
clear: both;
mc-float: center;
border: solid 1px #c0c0c0;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
margin: 10px 0px 18px 20px;
mc-thumbnail-max-width: 400px;
mc-thumbnail: none;
}
img.cerThumbnail-popupW500px /*CER - 1px Gray border 500px */
{
max-width: 100%;
vertical-align: middle;
clear: both;
mc-float: center;
border: solid 1px #c0c0c0;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
margin: 10px 0px 18px 20px;
mc-thumbnail-max-width: 500px;
mc-thumbnail: none;
}
img.cerThumbnail-popupW700px /*CER - 1px Gray border 700px */
{
max-width: 100%;
vertical-align: middle;
clear: both;
mc-float: center;
border: solid 1px #c0c0c0;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
mc-thumbnail-max-width: 700px;
margin: 6px 0px 6px 20px;
mc-thumbnail: none;
}
/* ===< BEGIN HEADING STYLES >============== */
h1
{
font-weight: normal;
color: #333333;
line-height: 30pt;
font-family: inherit;
letter-spacing: 0px;
font-size: 24pt;
}
h2
{
page-break-before: always;
font-weight: normal;
margin-bottom: 6pt;
color: #333333;
margin-top: 8pt;
font-size: 22pt;
letter-spacing: 0px;
font-family: 'Segoe UI', 'OpenSans Regular', Arial, sans-serif;
}
h3
{
font-weight: normal;
margin-bottom: 0pt;
margin-top: 0pt;
color: #333333;
font-family: 'Segoe UI Semibold', 'OpenSans Semibold', Arial, sans-serif;
font-size: 17pt;
}
h4
{
font-size: 15pt;
font-weight: normal;
color: #696969;
font-family: 'Segoe UI', 'OpenSans Regular', Arial, sans-serif;
}
h5
{
font-weight: bold;
font-size: 13pt;
color: #808080;
}
h6
{
font-weight: bold;
font-size: 8.0pt;
}
/**/
/**/
/* HEADING CLASSES */
/**/
/**/
h1.h1-fSZ22pt-forWeb_Brand1b /*cer - Topic Title 22pt Web(18pt T/N/P); clr= Brand1b*/
{
font-weight: normal;
color: #aa6565;
font-size: 22pt;
}
h2.h2-fSZ18pt-Brand1b /*cer - set font 18pt(W) 16pt all else; color Brand1b (dull Red) ; margin 6pt, 0; pgBreakBefore=avoid*/
{
font-weight: normal;
margin-bottom: 6pt;
color: #aa6565;
margin-top: 6pt;
page-break-before: avoid;
font-family: 'Segoe UI', 'OpenSans Regular', Arial, sans-serif;
}
h2.h2-Brand1-altColor /* *** check isnt duplicated cer - H2 alt color for Brand1b */
{
font-weight: normal;
font-family: 'Segoe UI Semibold', 'OpenSans SemiBold', Arial, sans-serif;
margin-bottom: 6pt;
margin-top: 6pt;
page-break-before: avoid;
color: #7198c5;
}
h2.TileSet-Heading-LandingPages /*cer - LandingPg H2 Tile Set Heading*/
{
font-weight: normal;
margin-bottom: 6pt;
color: #aa6565;
margin-top: 6pt;
page-break-before: avoid;
font-family: 'Segoe UI Light';
}
h2.LPtopicList /*cer heading for Featured Topics mini TOC*/
{
font-weight: normal;
margin-bottom: 6pt;
margin-top: 8pt;
letter-spacing: 0px;
font-family: 'Segoe UI', 'OpenSans Regular', Arial, sans-serif;
text-transform: uppercase;
color: #333333;
font-size: 18pt;
page-break-before: avoid;
}
h2.h2-Brand1-altColor /*cer - H2 alt color for Brand1b */
{
font-weight: normal;
font-family: 'Segoe UI Semibold', 'OpenSans SemiBold', Arial, sans-serif;
margin-bottom: 6pt;
margin-top: 6pt;
page-break-before: avoid;
color: #7198c5;
}
h3.altH3 /*cer - alt color for headings (not red) neutral blue*/
{
color: #7198c5;
margin-left: 0px;
font-size: 18pt;
}
h3.h3Unbold /*cer H3 unbolded - inherit all else*/
{
font-size: 14.0pt;
font-weight: normal;
font-family: 'Segoe UI', 'OpenSans Regular', Arial, sans-serif;
margin: .83em 0;
}
h3.h3bold /*cer h3 SemiBold fontface - normal font-weight */
{
font-size: 14.0pt;
font-weight: normal;
font-family: 'Segoe UI Semibold', 'OpenSans SemiBold', Arial, sans-serif;
}
h3.Heading3b /*cer H3: 13pt, FF SegUI-SB, Blue/btmBdrAAA, WT norm = added from import.CSS for 'SG DB-Sys Migration' Topics */
{
page-break-after: avoid;
page-break-inside: avoid;
margin-top: 2pt;
margin-bottom: 0pt;
mc-heading-level: 3;
font-weight: normal;
font-size: 14pt;
border-bottom: solid 1px #aaaaaa;
font-family: 'Segoe UI Semibold', 'OpenSans SemiBold', Arial, sans-serif;
color: #2475bf;
}
h3.h3redHeading14pt /*cer - use the red h3 heading*/
{
font-size: 14.0pt;
font-weight: normal;
color: #aa6565;
font-family: 'Segoe UI', 'OpenSans Regular', Arial, sans-serif;
margin: 3pt 0pt 6pt;
}
h3.h3redHeadingBigger /*cer - use where I converted H2 down to H3 to accommodate Flare rule that supports only 1 h1, which matriculated down and bumped my h2s down to h3.*/
{
font-weight: normal;
color: #aa6565;
font-family: 'Segoe UI', 'OpenSans Regular', Arial, sans-serif;
font-size: 18pt;
}
h4.H4-gray
{
font-size: 15pt;
font-weight: normal;
color: #444444;
font-family: 'Segoe UI Semibold', 'OpenSans SemiBold', 'Arial Rounded MT Bold', Arial, sans-serif;
}
/* ==============< END OF HEADING STYLES >============== */
/* ===< BEGIN P-TAGs, SPANs, LISTs, and other content tags >============== */
/* ptags and spans*/
p
{
font-family: 'Segoe UI', 'OpenSans Regular', Arial, sans-serif;
color: #000000;
letter-spacing: 0;
margin-top: 3pt;
widows: 3;
orphans: 3;
/* from body or body proxy - not sure poss from importing */
line-height: normal;
font-size: 12pt;
margin-bottom: 6pt;
}
p.ListParagraph
{
margin-bottom: 6pt;
font-size: 13pt;
font-family: 'Segoe UI', Arial, sans-serif;
}
p.table-text /* control font-size of ptag inside table */
{
font-size: 11pt;
}
p.blankPspacer /*CER - only intended for a blank line - created to counteract the excessive spacing that is exponentially induced by the Skin (lineheight, margin, etc). (eyesroll) */
{
font-family: inherit;
size: inherit;
color: #444444;
font-style: normal;
font-size: 6pt;
line-height: 0pt;
padding: 0px;
margin: 0px;
}
p.cerSmall-blanklineSpacer /*cer to insert a small linehight paragraph return that is blank but provides verticle space without requiring margins*/
{
font-size: 5pt;
line-height: 5pt;
letter-spacing: 0px;
font-weight: normal;
margin: 0px;
font-family: 'Segoe UI', Arial, sans-serif;
}
p.TopicIntro /*cer - for Topic Intro paragaph (general topic)*/
{
size: inherit;
color: #444444;
font-style: normal;
margin: 1.12em 0;
padding: 0px;
line-height: 18pt;
font-size: 13pt;
font-family: 'Segoe UI', Arial, sans-serif;
}
p.TopicLeadin /*cer - for Lead-in para (general)*/
{
line-height: 18pt;
padding: 0pt;
margin: 6px 0px;
font-style: normal;
font-size: 12pt;
color: #666666;
font-family: 'Segoe UI', Arial, sans-serif;
}
p.Lead-inH2 /*cer - lead-in for H2 content*/
{
widows: 3;
orphans: 3;
font-style: normal;
margin-bottom: 3pt;
margin-top: 2pt;
letter-spacing: 0pt;
line-height: 16pt;
font-size: 13.0pt;
}
p.tealTopicIntro /* CER scope-box w/teal BG = 1st H1 Topic Intro delclares scope, purpose, or task that the topic covers*/
{
color: #333333;
font-size: 13pt;
line-height: 1.4em;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-align: inherit;
text-decoration: none;
text-transform: none;
padding: 5px 3px;
margin: 30px 0px 15px;
background-color: #cfeaf3;
border: solid 3px #cfeaf3;
max-width: 90%;
font-family: 'Segoe UI', Arial, sans-serif;
}
p.cerLight-Caption12pt777 /*CER - @13pt; #555; Light Typeface for gray text caption; */
{
color: #555;
font-size: 13pt;
line-height: 16pt;
letter-spacing: 0px;
margin: 10px 0px 20px;
font-family: 'Segoe UI Light', 'Arial Narrow', Arial, sans-serif;
}
p.cerInlineResultHint /*cer - offset color for inline notes/results */
{
font-size: 11pt;
line-height: 14pt;
letter-spacing: 0.25;
margin: 6pt 5px 2pt 0px;
color: #2E74B5;
font-weight: inherit;
font-family: Arial, sans-serif;
}
p.superCondenseLineheight /*cer - use for condense lineheight - esp PAIRS WITH LI in a list*/
{
margin: 10px 0px;
letter-spacing: 0px;
font-size: 12pt;
line-height: 11pt;
font-family: 'Segoe UI', Arial, sans-serif;
}
p.LI-hint-TealText-11pt /*CER use for TIPS & HINTS that are nested in UL or OL Line Items*/
{
color: #4c8aa1;
font-size: 11pt;
line-height: 14pt;
letter-spacing: 0.25;
margin: 6pt 5px 2pt 0px;
}
p.noticeGeneral /*cer - for gen notice (general)*/
{
font-family: inherit;
font-size: 12.0pt;
line-height: 15pt;
padding: 3pt 0pt 4pt;
}
p.FigCaptionBlue /*cer - figure caption in Blue color*/
{
color: #1e90ff;
font-size: 12.0pt;
letter-spacing: 0.25;
margin: 1.12em 0;
margin-top: 20px;
widows: 3;
orphans: 3;
line-height: normal;
margin-bottom: 6px;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
p.grayTopicIntro /*cer - for Topic Intro with Gray BG Shading */
{
color: #333333;
letter-spacing: 0px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-align: inherit;
text-decoration: none;
text-transform: none;
padding: 5px 3px;
margin: 30px 0px 15px;
line-height: normal;
font-size: 12pt;
background-color: #f5f5f5;
border: solid 3px #f5f5f5;
font-family: 'Segoe UI', Arial, sans-serif;
}
p.TIP-Note /*cer - FOR USER TIP NOTES - HINTS, EXPEDITES, EASY WAY, OR ALT METHODS TO DO SOMETHING*/
{
letter-spacing: 0.25;
color: inherit;
padding: 3px;
font-size: 10pt;
line-height: 13pt;
background-color: #dceef1;
border: solid 2px #dceef1;
max-width: 80%;
margin: 10px 20% 10px 0%;
font-family: 'Segoe UI', Arial, sans-serif;
}
p.blueNote /*-CER- for USER-INFO FYI/BTW notes*/
{
color: inherit;
line-height: 13pt;
letter-spacing: 0.25;
text-align: left;
text-indent: 0px;
padding: 6px;
margin: 20px 10% 20px 10px;
font-size: 11pt;
max-width: 80%;
font-family: 'Segoe UI', Arial, sans-serif;
background-color: #bcdeeb;
border: solid 2px #bcdeeb;
}
p.YELLOWNote /*-CER- for CAUTION notes*/
{
color: inherit;
line-height: 13pt;
letter-spacing: 0.25;
text-align: left;
text-indent: 0px;
padding: 6px;
margin: 20px 10% 20px 10px;
border: solid 2px #ffd700;
background-color: #fffaf0;
font-size: 11pt;
max-width: 80%;
font-family: 'Segoe UI', Arial, sans-serif;
}
p.orangeNote /*cer - for CAUTION- notes*/
{
color: inherit;
font-size: 10pt;
line-height: 13pt;
letter-spacing: 0.25;
background-color: #ffffff;
text-align: left;
text-indent: 0px;
padding: 6px;
margin: 20px 10% 20px 10px;
border: solid 3px #eecd6e;
max-width: 80%;
font-family: 'Segoe UI', Arial, sans-serif;
}
p.YELLOWNoteLISTitem /*cer - use in LIs for Caution Note with no left margin*/
{
color: inherit;
line-height: 13pt;
letter-spacing: 0.15pt;
text-align: left;
text-indent: 0px;
padding: 6px;
margin: 8px 10% 8px 0px;
background-color: #fce6b8;
max-width: 80%;
font-size: 11pt;
border: solid 1px #fce6b8;
font-family: 'Segoe UI', Arial, sans-serif;
}
p.RED2Note /*-CER- for WARNING-SAFETY notes*/
{
color: inherit;
line-height: 13pt;
letter-spacing: 0.25;
text-align: left;
text-indent: 0px;
padding: 6px;
margin: 20px 10% 20px 10px;
background-color: #fff5ee;
font-size: 11pt;
border: solid 1px #fa8072;
max-width: 80%;
font-family: 'Segoe UI', Arial, sans-serif;
}
p.redNote /* - - CER MADE important note (old note) - - - */
{
color: inherit;
font-size: 10pt;
letter-spacing: 0.25;
line-height: 14pt;
background-color: #ffe4e1;
border: solid 2px #ffd1cc;
margin: 20px 20% 10px 20px;
padding: 3px;
max-width: 80%;
font-family: 'Segoe UI', Arial, sans-serif;
}
p.purpleNote /*cer for USER TIPS OR TERMS? */
{
color: inherit;
line-height: 13pt;
letter-spacing: 0.25;
text-align: left;
text-indent: 0px;
padding: 6px;
margin: 20px 10% 20px 10px;
font-size: 11pt;
background-color: #f8e4fe;
border: solid 1px #ba55d3;
max-width: 80%;
font-family: 'Segoe UI', Arial, sans-serif;
}
p.footnote /*cer local footnote not automated*/
{
color: inherit;
font-size: 10pt;
line-height: 13pt;
letter-spacing: 0.25;
text-align: left;
text-indent: 0px;
padding: 6px;
margin: 20px 10% 20px 10px;
border: solid 3px #dddddd;
background-color: #eeeeee;
max-width: 80%;
font-family: 'Segoe UI', Arial, sans-serif;
}
p.footnoteInListItem /*cer - use in LIs for footnote with no left margin */
{
color: inherit;
font-size: 10pt;
line-height: 13pt;
letter-spacing: 0.15;
text-align: left;
text-indent: 0px;
padding: 6px;
border: solid 0px #dddddd;
background-color: #eeeeee;
max-width: 80%;
margin: 8px 20% 8px 0px;
font-family: 'Segoe UI', Arial, sans-serif;
}
p.listITEM_10
{
margin: 3pt 0pt;
}
p.captionVersionEntry /*cer - added from Dashboard project to support Manuals page*/
{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 10pt;
line-height: normal;
}
p.small10pt /*cer - set ptag to 10pt*/
{
font-family: inherit;
size: inherit;
padding: 0px;
margin: 0px;
font-size: 10pt;
color: #333;
font-style: inherit;
letter-spacing: 0.25px;
}
/* list and related tags */
dd,
dd p,
dt,
dt p,
li,
li p
{
margin-bottom: 8px;
margin-top: 8px;
}
dl,
ol,
ul
{
letter-spacing: .15;
line-height: 20pt;
margin-top: 0px;
margin-bottom: 0px;
}
ul.OpenScreen /*cer - special list to identify how to open the programming screen*/
{
list-style-image: none;
margin-left: 0px;
}
ul.OpenScreen > li::marker
{
font-family: Wingdings;
content: 'v';
}
ul.shortList-UL-11pt /*cer - control shortists UL font size, lineheight, margins, etc.*/
{
margin-top: 0px;
margin-bottom: 0px;
letter-spacing: normal;
line-height: 15pt;
font-size: 11pt;
padding: 0px;
margin-left: 0px;
}
ul
{
margin-left: 0px;
font-size: 11pt;
}
ol
{
line-height: normal;
letter-spacing: normal;
font-family: 'Segoe UI', 'Open Sans', Arial, sans-serif;
font-size: 11pt;
}
li
{
margin-top: 3pt;
margin-bottom: 0pt;
margin-left: 0px;
font-size: 12pt;
}
li.ListParagraph
{
margin-bottom: 6pt;
font-size: 13pt;
font-family: 'Segoe UI', 'OpenSans Regular', Arial, sans-serif;
}
li.li_8 /*cer - for ul_6/li+8*/
{
font-family: inherit;
font-size: 12pt;
line-height: 12pt;
font-style: normal;
}
li.ListParagraph /*cer - imported from Word doc CSS - matches default word style*/
{
font-size: 12pt;
font-family: 'Segoe UI', 'OpenSans Regular', Arial, sans-serif;
margin-bottom: 12pt;
}
li.cer-Condense-Items /*cer super condensed lineheight*/
{
font-family: 'Segoe UI', 'Open Sans', 'OpenSans Regular', Arial, sans-serif;
font-size: 11pt;
padding: 0px;
line-height: normal;
margin: 4px 0px;
}
li.cer-list-ClickableLineheight /*cer - to minz. linehight to accomodate fingerspace*/
{
font-family: 'Segoe UI', 'OpenSans Regular', Arial, sans-serif;
font-size: 11pt;
padding: 0px;
margin: 10px 0px;
line-height: normal;
}
li.cer-superCondense-Items /*cer super condensed lineheight*/
{
padding: 0px;
font-size: 11pt;
font-family: 'Segoe UI', 'OpenSans Regular', Arial, sans-serif;
margin: 2px 0px 1px;
line-height: 11pt;
}
span
{
font-family: inherit;
color: inherit;
font-weight: inherit;
font-style: inherit;
font-size: inherit;
letter-spacing: normal;
}
span.CER-BLUE-MARKER
{
color: #1e90ff;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
span.CER-RED-MARKER /*CER - USED TO FLAG CONTENT FOR UPDATES OR CORRECTION*/
{
color: #ff0000;
}
span.span_9 /*cer - for notice text para - from flimp (general)*/
{
font-family: inherit;
font-weight: bold;
font-size: 12pt;
font-style: inherit;
line-height: 12pt;
}
span.span_10 /*cer - for ul_6/li_8/p that came from import (general)*/
{
font-family: inherit;
font-size: 12pt;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
line-height: 12pt;
}
span.span_11
{
font-family: 'Segoe UI', 'Open Sans', Arial, sans-serif;
}
span.span_24
{
font-family: 'Segoe UI', 'Open Sans', Arial, sans-serif;
}
span.CER_WINGDINGS_inherit-norm
{
font-family: Wingdings;
font-size: inherit;
font-style: normal;
font-variant: normal;
font-weight: normal;
}
span.CER_WEBDINGS_inherit-norm
{
font-family: Webdings;
font-size: inherit;
font-style: normal;
font-variant: normal;
font-weight: normal;
}
span.RESULT /*CER - span for result line of text.*/
{
font-family: Arial;
color: #666666;
font-size: 11pt;
}
span.segoeSB-inherit /*cer - fav font-set + inherits size, color, etc - for flexible usage*/
{
text-decoration: none;
font-weight: normal;
font-variant: normal;
font-style: normal;
font-size: inherit;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
span.segoeSemibold-11pt /*cer - fav font-set + size 11pt*/
{
font-size: 11pt;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
span.segoeSemibold-12pt /*cer - fav font-set + size 12pt */
{
font-size: 12pt;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
span.segoeSemiB-fsz22pt /*cer = fav font-set + color-Brand1B, size 22pt*/
{
font-size: 22pt;
color: #aa6565;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
/* span classes migrated from LaunchPoint Help css */
span.span_Asterisk /*cer to apply OpenSans to asterisk for better viewability*/
{
font-size: 14pt;
font-family: 'Lucida Sans', 'Segoe UI Semibold', 'OpenSans SemiBold', Arial, sans-serif;
}
span.cer-span_SemiBold /*cer SemiBold - accent word - in lower case */
{
font-size: inherit;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
span.span_SnapCaption /* CER = PURPLE captions; identify which screen or snap the Img Thumbnail contains */
{
font-style: normal;
font-weight: normal;
font-size: 13pt;
color: #2E74B5;
font-family: 'Segoe UI', Arial, sans-serif;
}
span.span_Caption /* - CER - for captions in a TABLE + ArialNarrow,arial */
{
font-style: italic;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: inherit;
}
span.span_Keyword /*cer emphasize for a keyword,term,phrase; FavFontSET, SZ inherit */
{
font-size: inherit;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
span.span_Field /* cer empahsize a Field Label = FavFontSET, SZ inherit */
{
font-size: inherit;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
span.span_Field-TitleCase /*cer same as span-Field plus Title Case*/
{
font-size: inherit;
text-transform: capitalize;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
span.span_ScreenName /* -CER- Screen Name Capitalized */
{
font-size: inherit;
font-style: italic;
text-transform: capitalize;
font-family: 'Segoe UI', Arial, sans-serif;
}
span.span_ScreenTitle-U /* CER MADE = italics but no longer underlined */
{
font-size: inherit;
font-style: italic;
text-decoration: underlined;
font-family: 'Segoe UI', Arial, sans-serif;
}
/* BUTTONS AND BUTTON FIELDS */
span.span_Field-Button-Dark /*CER - to show interactive buttons in a wizard or web page */
{
color: #ffffff;
font-size: 11pt;
letter-spacing: 0.25px;
font-weight: normal;
padding: 0px 4px 0px 5px;
margin: 0px 2px;
border-radius: 3px;
background-color: #333333;
border: solid 1px #333333;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
span.span_Field-Button-Teal /*cer Field BTN for DSR Supprt Tool*/
{
color: #222;
font-size: 12pt;
font-weight: normal;
text-decoration: none;
padding: 2px 4px 4px 6px;
margin: 0px 3px;
border-radius: 3px;
background-color: #c5e4ee;
border: solid 2px #c5e4ee;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
span.span_Field-Button-gray /*cer show interactive buttons or horizontal list of alternate choices in a topic DIV */
{
color: #5f9ea0;
font-size: 11pt;
font-weight: normal;
padding: 1px 7px;
margin: 0px;
text-decoration: none;
border-radius: 3px;
background-color: #dcdcdc;
border: solid 2px #dcdcdc;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
/* TABLE STYLES */
table
{
}
col.col_7
{
width: 40pt;
}
col.col_8 /*cer - notice in table format = col2 for text or link.*/
{
width: 700px;
}
tr
{
height: 0px;
}
table.table_4 /*cer - table format for notice or doc links*/
{
margin-left: 5pt;
background-color: #F2F2F2;
border-collapse: collapse;
}
td.td_20 /*cer - table cell in col2 format for shading and border*/
{
background-color: #F2F2F2;
border: solid 2px #F2F2F2;
vertical-align: middle;
}
td.td_19
{
background-color: #F2F2F2;
border: solid 2px #f2f2f2;
vertical-align: middle;
}
div.other-topics
{
width: 95%;
}
div.TopicIntro /*cer - created to contain Lead-in Ptag and print buttons and Intro Ptags*/
{
margin: 1px 0px 6pt 5pt;
line-height: 1.03em;
padding: 0px;
}
div.TopicIntroH2 /*cer - for H2's Intro paragraph. or DD1s, etc
*/
{
line-height: 1em;
}
div.contentIndentLVL2 /*cer content container indents level 2 (H2) section*/
{
margin: 0px 0px 0px 10pt;
margin-left: 10pt;
}
div.contentIndent-DD-LVL1 /*CER - mainly indents level1 Dropdown*/
{
margin: 0px 10% 0px 30px;
margin-right: 10%;
margin-left: 30px;
}
div.containerOuterMargin /*cer-container1 - control margins esp bulletin and simple topics*/
{
margin: 0px 10% 0px 10pt;
}
div.spclIndent_40pts /*cer - contain IMGs or caption or fig capt - vpi topics?*/
{
margin-left: 40pt;
}
div.noticeLevel_1 /*cer- div for notices in H1/2 or DD top Lvl.*/
{
margin-left: 10pt;
margin: 0px;
padding: 0px;
line-height: 12pt;
}
div.noticeLevel_2 /*cer- div for notices tucked instructions or H3 OR NESTED DROPDWN DD top Lvl.*/
{
margin: 0px;
margin-left: 0px;
padding: 0px;
line-height: 12pt;
}
div.nextSteps-layout
{
padding: 2% 5%;
}
div.nextSteps-section
{
border-bottom: solid 1px #D3D3D3;
padding: 5pt 0pt;
}
div.nextSteps-tiles
{
margin-right: auto;
margin-left: auto;
mc-grid-row: true;
}
div.nextSteps-tiles-layout
{
}
div.nextSteps-tiles::after /*cer - next steps tile-set*/
{
clear: both;
content: ' ';
display: table;
}
div.nextSteps-tiles::before /*cer - next steps tile-set*/
{
content: ' ';
display: table;
}
div.nextSteps-tiles-layout::after /*cer - inner grid row*/
{
content: ' ';
display: table;
}
div.nextSteps-tiles-layout::before /*cer - inner grid row*/
{
clear: both;
content: ' ';
display: table;
}
ul.noMarg-lineHeight15pt /*cer - reduce spacing on UL List*/
{
letter-spacing: .25;
margin-top: 0px;
margin-bottom: 0px;
line-height: 15pt;
font-size: 12pt;
}
p.tableEntryPadded /*cer - table text entry with padding*/
{
font-size: 12.0pt;
letter-spacing: 0.25;
widows: 3;
orphans: 3;
font-style: normal;
line-height: 15pt;
margin-bottom: 3pt;
margin-top: 2pt;
padding: 3px;
text-align: left;
}
p.tableEntryPadded-small /*cer - same table but centered*/
{
letter-spacing: 0.25;
widows: 3;
orphans: 3;
font-style: normal;
margin-bottom: 3pt;
margin-top: 2pt;
text-align: left;
font-size: 11pt;
line-height: 13pt;
padding: 5px;
}
p.tableEntryPadded-smallCentered /*cer - same table but centered*/
{
letter-spacing: 0.25;
widows: 3;
orphans: 3;
font-style: normal;
margin-bottom: 3pt;
margin-top: 2pt;
padding: 3px;
font-size: 11pt;
line-height: 13pt;
text-align: center;
}
span.networkTableAR9pt /*cer - absorbing small table font*/
{
font-size: 9pt;
}
p.pCorrect /*cer*/
{
line-height: 15pt;
widows: 3;
orphans: 3;
font-family: inherit;
color: inherit;
font-size: 11.0pt;
letter-spacing: 0;
margin-top: 2pt;
margin-bottom: 3pt;
}
li.landingPg_topicLinks /*cer - LI for Landing Page Topic Links*/
{
font-family: inherit;
font-style: normal;
padding: 4pt 0pt;
font-size: 14pt;
line-height: 17pt;
}
ul.topicFeaturesLinkList /*cer - formatting for topic feature link list*/
{
letter-spacing: .25;
line-height: 20pt;
margin-bottom: 0px;
margin-left: 0px;
margin-top: 36px;
}
th
{
font-weight: bold;
}
MadCap|dropDownHead
{
}
MadCap|popup
{
color: inherit;
}
tr.tr_10
{
height: 21pt;
}
body.BG-tempImport /*cer - this style applies a distinguishing BG Color to the "tempImport-cribSource file", so that during editing you dont get confused which is the "temp-import crib-source" and which is the "target topic file" that gets updated and published. The TempImport-htm file will get deleted along with its word-generated stylesheet. You must reformat the content that is pasted into the target topic with an applicable style class from the main Styles.css stylesheet or make a new class for what you need because the imported word-generated stylesheet will be deleted. */
{
background-color: #f5eedc;
}
@media only screen and (max-width: 1279px)
{
/* Home page topic */
a.externalWebPage
{
text-decoration: underline;
}
div.home-tiles > div:nth-child(1)
{
width: 49%;
margin-left: 0%;
}
div.home-tiles > div:nth-child(2)
{
width: 49%;
margin-left: 2%;
}
div.home-tiles-layout > div:nth-child(1)
{
width: 40%;
margin-left: 30%;
}
div.home-tiles-layout > div:nth-child(2)
{
width: 90%;
margin-left: 5%;
}
div.quick-links > div:nth-child(1)
{
width: 24%;
margin-left: 0%;
}
div.quick-links > div:nth-child(2)
{
width: 24%;
margin-left: 14%;
}
div.quick-links > div:nth-child(3)
{
width: 24%;
margin-left: 14%;
}
div.quick-links > div:nth-child(4)
{
width: 24%;
margin-left: 19%;
}
div.quick-links > div:nth-child(5)
{
width: 24%;
margin-left: 14%;
}
html.home-topic .body-container
{
margin-left: 0;
}
div.contentIndentLVL2
{
margin: 0px 0px 0px 8pt;
}
MadCap|bodyProxy
{
margin: 0px 5% 5px 3px;
}
p.listITEM_10
{
font-family: inherit;
font-size: 12.0pt;
line-height: 14pt;
margin: 0pt;
margin-bottom: 0pt;
margin-top: 0pt;
}
p.TopicIntro
{
font-size: 11pt;
}
p.TopicLeadin
{
font-size: 11pt;
}
span.span_10
{
font-size: 11pt;
}
li.li_8
{
}
p.listITEM_10
{
}
span.segoeSemiB-fsz22pt
{
font-size: 18pt;
}
h1.h1-fSZ22pt-forWeb_Brand1b
{
font-size: 18pt;
}
h2.h2-fSZ18pt-Brand1b
{
font-size: 16pt;
}
h1
{
font-size: 18pt;
}
MadCap|bodyProxy.other-topics
{
}
MadCap|topicToolbarProxy.controlWidth
{
width: 100%;
}
div.other-topics
{
width: 100%;
}
MadCap|xref
{
font-size: 10pt;
}
div.noticeLevel_1
{
margin-left: 5pt;
}
p.tableEntryPadded-small
{
font-size: ;
}
span.networkTableAR9pt
{
font-size: 9pt;
}
}
@media only screen and (max-width: 767px)
{
/* Home page topic */
a.externalWebPage
{
font-size: 13pt;
text-decoration: underline;
}
div.home-tiles > div:nth-child(1)
{
width: 100%;
margin-left: 0%;
}
div.home-tiles > div:nth-child(2)
{
width: 100%;
margin-left: 0%;
margin-top: 5%;
}
div.home-tiles-layout p
{
line-height: 1.2;
}
div.quick-links > div:nth-child(1)
{
width: 49%;
margin-left: 0;
}
div.quick-links > div:nth-child(2)
{
width: 49%;
margin-left: 2%;
}
div.quick-links > div:nth-child(3)
{
width: 49%;
margin-left: 0;
}
div.quick-links > div:nth-child(4)
{
width: 49%;
margin-left: 2%;
}
div.quick-links > div:nth-child(5)
{
width: 49%;
margin-left: 25.5%;
}
MadCap|dropDownHotspot.drop_notes
{
font-size: 12pt;
}
MadCap|dropDownHead.dropdown_notes
{
font-size: 10pt;
color: #00657c;
}
h1
{
font-size: 18pt;
}
h3
{
font-size: 12pt;
}
div.TopicIntro
{
margin: 0px 0px 0px 2px;
}
div.contentIndentLVL2
{
margin: 0px 0px 0px 15pt;
}
MadCap|bodyProxy
{
margin: 0px 5% 5px 1px;
}
p.TopicIntro
{
font-style: normal;
font-size: 11pt;
line-height: 15pt;
}
p.TopicLeadin
{
font-size: 11pt;
}
span.span_10
{
font-size: 10pt;
line-height: 11pt;
}
li.li_8 /*cer - for ul_6/li_8 from import (general)*/
{
font-size: 10pt;
line-height: 10pt;
}
span.span_9
{
line-height: 10pt;
font-size: 11pt;
}
p.noticeGeneral
{
font-size: 11pt;
line-height: 13pt;
}
p.listITEM_10
{
font-size: 11pt;
line-height: 13pt;
}
span.segoeSemiB-fsz22pt
{
font-size: 18pt;
}
h1.h1-fSZ22pt-forWeb_Brand1b /*cer - 22ptW. 18pt all else, clr Brand1b dull Red*/
{
font-size: 18pt;
}
h2.h2-fSZ18pt-Brand1b /*cer - 18ptW. 16pt all else; clr Brand1b dull Red; margin 6pt, 0, 6pt, 0*/
{
font-size: 14pt;
}
img.IMG_thumbnail
{
}
p
{
line-height: 16pt;
}
MadCap|bodyProxy.other-topics
{
}
MadCap|topicToolbarProxy.controlWidth
{
width: 100%;
}
span.CER-BLUE-MARKER /*CER - used to flag content that needs to be modified */
{
}
ul.noMarg-lineHeight15pt
{
letter-spacing: 0pt;
line-height: 13pt;
font-size: 11pt;
}
div.other-topics
{
width: 100%;
}
div.home-tiles-layout > div
{
text-align: left;
}
MadCap|xref
{
font-size: 10pt;
}
span.segoeSemibold-12pt
{
font-size: 12pt;
}
p.Lead-inH2
{
line-height: 13pt;
font-size: 11pt;
}
p.table-text
{
font-size: 10pt;
}
div.noticeLevel_1
{
margin-left: 3pt;
}
p.tableEntryPadded
{
font-size: 11pt;
line-height: 13pt;
}
p.tableEntryPadded-small
{
font-size: 10pt;
line-height: 12pt;
}
span.networkTableAR9pt
{
font-size: 9pt;
}
h2
{
font-size: 14pt;
}
p.pCorrect
{
font-size: 10pt;
}
a.landingPageLinks
{
font-size: 12pt;
}
span.segoeSemibold-11pt
{
font-size: 10pt;
}
MadCap|dropDownHotspot.qaProj_PastIts
{
font-size: 10;
}
}
@media print
{
body
{
font-size: 11pt;
line-height: 13pt;
margin: 8px;
}
/* Content */
p
{
margin-bottom: 10px;
margin-top: 10px;
line-height: 16pt;
font-size: 11pt;
}
p.table-text
{
font-size: 11pt;
}
/* Headings */
h1
{
margin-bottom: 20px;
line-height: 20pt;
font-size: 20pt;
}
h2
{
font-weight: normal;
font-size: 16pt;
line-height: 16pt;
margin-bottom: 6pt;
margin-top: 6pt;
}
h3
{
line-height: 17pt;
margin-bottom: 15px;
margin-top: 40px;
font-weight: normal;
font-size: 16pt;
}
/* Print Links */
a.externalWebPage
{
text-decoration: underline;
}
MadCap|xref
{
font-weight: normal;
mc-format: '{quote}{para}{quote} {pageref}';
text-decoration: none;
}
div.contentIndentLVL2
{
margin: 0px 0px 0px 0pt;
}
MadCap|bodyProxy
{
margin: 2px;
}
p.TopicIntro
{
font-size: 11pt;
}
p.TopicLeadin
{
font-size: 11pt;
line-height: 15pt;
}
span.span_10
{
font-size: 11pt;
}
li.li_8
{
font-size: 11pt;
}
span.span_9
{
line-height: 11pt;
font-size: 11pt;
}
p.noticeGeneral
{
font-size: 11pt;
line-height: 13pt;
}
p.listITEM_10 /*cer - equiv of span_10 for list item (general)*/
{
font-size: 11pt;
line-height: 13pt;
}
span.segoeSemiB-fsz22pt
{
font-size: 18pt;
}
h1.h1-fSZ22pt-forWeb_Brand1b /*cer Topic Title 22pt Web (18pt T/M/P); CLR=Brand1b (dull Red)*/
{
font-size: 18pt;
}
h2.h2-fSZ18pt-Brand1b
{
font-size: 16pt;
page-break-before: avoid;
}
MadCap|bodyProxy.other-topics
{
}
MadCap|topicToolbarProxy.controlWidth
{
width: 100%;
}
ul.noMarg-lineHeight15pt
{
font-size: 11pt;
letter-spacing: 0pt;
}
div.other-topics
{
width: 100%;
}
p.tableEntryPadded
{
font-size: 11pt;
}
span.networkTableAR9pt
{
font-size: 9pt;
}
span.RESULT
{
font-size: 10pt;
}
p.Lead-inH2
{
font-size: 11pt;
}
p.open-SGscreen
{
font-size: 12pt;
}
p.VPI-step-prereq-ITEM
{
font-size: 11pt;
}
div.OverviewTOC-NumberedLinks
{
font-size: 12pt;
}
span.segoeSemibold-14pt
{
font-size: 12pt;
}
MadCap|dropDownHotspot.FeatureSteps
{
font-size: 16pt;
}
h3.altH3
{
font-size: 16pt;
}
h3.h3redHeadingBigger
{
font-size: 16pt;
}
a.cer-miniTOC-links
{
font-size: 12pt;
line-height: 1.1em;
}
span.mc-variable.FrontMatter_LowerRoman
{
mc-page-number-format: lower-roman;
}
h2.h2-fSZ18pt-Brand1b-smaller
{
font-size: 16pt;
}
div.cer-topic-layout
{
width: 90%;
}
p.p_24
{
color: #B45B48;
}
p.tableEntryPadded-11pt
{
line-height: 12pt;
font-size: 10pt;
padding: 1px;
margin-top: 1px;
margin-bottom: 1px;
}
h3.Heading3
{
color: ffffff;
}
img.IMG_SGscreens
{
}
div.cer-topic-layout-85pct
{
width: 100%;
}
MadCap|dropDownBody
{
padding: 1px;
}
p.OOPs-Galaxy
{
font-size: 18pt;
}
}
@media only screen and (max-width: 1279px)
{
h1
{
}
h2
{
font-size: 20pt;
}
h3
{
font-size: 18pt;
}
h3.h3redHeadingBigger
{
font-size: 18pt;
}
p.redNote
{
line-height: 12pt;
margin: 20px 20px 10px 10px;
}
p.tealTopicIntro
{
margin: 20px 0px 15px;
line-height: 1.12em;
font-size: 1.0em;
}
p.TopicLeadin
{
font-size: 12pt;
}
p.VPI-step-prereq-ITEM
{
font-size: 11pt;
}
img.cerThumbnail-popupW700px
{
mc-thumbnail: popup;
}
img.cerThumbnail-popupW300px
{
mc-thumbnail: popup;
}
img.cerThumbnail-popupW300pxB
{
mc-thumbnail: popup;
}
img.cerThumbnail-popupW400px
{
mc-thumbnail: popup;
}
img.cerThumbnail-popupW500px
{
mc-thumbnail: popup;
}
img.IMG_thumbnail-1300px
{
mc-thumbnail: popup;
}
img.IMG_thumbnail-300px
{
mc-thumbnail: popup;
}
img.IMG_thumbnail-500px
{
mc-thumbnail: popup;
}
img.IMG_thumbnail-700px
{
mc-thumbnail: popup;
}
img.IMG_thumbnail-900px
{
mc-thumbnail: popup;
}
}
@media only screen and (max-width: 767px)
{
p
{
line-height: 12pt;
font-size: 10pt;
margin: 6px 0px;
}
p.tealTopicIntro
{
margin: 8px 2px;
line-height: 11pt;
font-size: 10pt;
max-width: 100%;
}
p.cerLight-Caption12pt777
{
font-size: 11pt;
line-height: 13pt;
margin: 5px 2px;
color: #444;
}
li.cer-Condense-Items
{
margin: 6px 0px;
}
span.span_SnapCaption
{
letter-spacing: 0.12px;
font-size: 10pt;
}
span.span_Field
{
font-size: inherit;
}
span.span_Field-Button-Teal
{
font-size: 10pt;
}
p.redNote
{
font-size: 9pt;
line-height: 12pt;
margin: 10px 7px 5px 3px;
max-width: 100%;
}
p.RED2Note
{
max-width: 100%;
}
p.purpleNote
{
max-width: 100%;
}
p.YELLOWNote
{
max-width: 100%;
}
p.TIP-Note
{
max-width: 100%;
}
p.footnote
{
max-width: 100%;
}
p.blueNote
{
max-width: 100%;
}
p.orangeNote
{
max-width: 100%;
}
p.YELLOWNoteLISTitem
{
max-width: 100%;
}
a.cer-miniTOC-links
{
font-size: 12pt;
}
a.cer-miniTOC-longlist
{
font-size: 12pt;
}
a.cer-miniTOC-tier2indent
{
font-size: 11pt;
}
col.col_7 /*cer - notices in table format = col1 for ICON*/
{
}
table.table_4
{
margin-left: 2pt;
}
tr.tr_10 /*cer - table format for notices and doc links*/
{
}
td.td_19 /*cer - table format for table 4 - lite gray bg and borders*/
{
}
h3.altH3
{
font-size: 16pt;
}
h1
{
font-size: 20pt;
}
h2
{
font-size: 18pt;
letter-spacing: 0px;
}
div.TopicIntroH2-ENUM
{
margin-left: 10px;
}
div.contentIndent-DD-LVL1
{
margin: 0px 0px 0px 10px;
}
p.open-SGscreen
{
font-size: 11pt;
}
p.listITEM_10
{
font-size: 11pt;
margin: 2pt 0pt;
line-height: 13pt;
}
p
{
line-height: 14pt;
font-size: 11pt;
}
span.span_9
{
line-height: 11pt;
}
p.TopicLeadin /*cer - Topic Lead-in description. this can be var'd and used as Prop. description,*/
{
font-family: 'Segoe UI Semibold', 'OpenSans SemiBold', Arial, sans-serif;
padding: 3pt 0pt 0pt;
font-size: 11pt;
line-height: 15pt;
}
span.RESULT
{
font-size: 10pt;
}
p.Lead-inH2
{
font-size: 11pt;
line-height: 14pt;
}
p.VPI-step-prereq-ITEM
{
font-size: 11pt;
}
span.segoeSemibold-11pt
{
font-size: 10pt;
}
MadCap|snippetBlock.ISO-file-list
{
margin: 5px 0px 5px 5px;
}
h2.h2-fSZ18pt-Brand1b
{
font-size: 18pt;
}
h3
{
font-size: 16pt;
}
h3.h3redHeadingBigger
{
font-size: 16pt;
}
div.OverviewTOC-NumberedLinks
{
font-size: 13pt;
}
MadCap|dropDownHotspot.FeatureSteps
{
font-size: 16pt;
}
span.segoeSemibold-14pt
{
font-size: 12pt;
}
p.TopicIntro
{
font-size: 11pt;
line-height: 15pt;
}
a.landingPageLinks
{
font-size: 12pt;
}
img.cerThumbnail-popupW700px
{
margin: 5px 0px;
mc-thumbnail: popup;
}
a:visited
{
color: #aa6565;
}
a.linkWhatsNext
{
color: #aa6565;
}
img.cerThumbnail-popupW300px
{
mc-thumbnail: popup;
}
img.cerThumbnail-popupW300pxB
{
mc-thumbnail: popup;
}
img.cerThumbnail-popupW400px
{
mc-thumbnail: popup;
}
img.cerThumbnail-popupW500px
{
mc-thumbnail: popup;
}
img.IMG_thumbnail-1300px
{
mc-thumbnail: popup;
}
img.IMG_thumbnail-300px
{
mc-thumbnail: popup;
}
img.IMG_thumbnail-500px
{
mc-thumbnail: popup;
}
img.IMG_thumbnail-700px
{
mc-thumbnail: popup;
}
img.IMG_thumbnail-900px
{
mc-thumbnail: popup;
}
MadCap|dropDownBody.DD_DescriptionForItem
{
padding: 1px 2px;
}
h2.h2-fSZ18pt-Brand1b-smaller
{
font-size: 16pt;
}
div.cer-topic-layout
{
width: 98%;
}
p.p_24
{
color: #B45B48;
}
h3.Heading3
{
color: ffffff;
}
div.NoteCALLOUT
{
padding: 1px 1px 1px 1px;
margin: 1px 1px 1px 1px;
}
ol.ol_3-Letter
{
margin-left: 5pt;
}
div.cer-topic-layout-85pct
{
width: 100%;
padding: 1px;
}
p.OOPs-Galaxy
{
font-size: 16pt;
}
body.BG-tempImport /*cer - this style applies a distinguishing BG Color to the "source import-crib file", so that during editing you dont get confused which is the "temp-import crib-source" and which is the "target topic file" that gets updated and published. the Temp Import htm file will get deleted along with its word-generated stylesheet.*/
{
}
}
/* */
/* ==== END OF MEDIA QUERIES TABLET AND MOBILE === */
div.TopicIntroH2-ENUM /*cer - marg-L indent accomodates enumerated Headings*/
{
line-height: 1em;
margin-left: 30px;
}
p.open-SGscreen /*cer - spcl formatting*/
{
margin-top: 3pt;
margin-bottom: 6pt;
line-height: 15pt;
letter-spacing: 0.25;
widows: 3;
orphans: 3;
color: inherit;
font-family: Arial;
font-size: 13.0pt;
}
MadCap|dropDownHotspot.FeatureSteps /*cer - enum sub-steps by brand or feature*/
{
font-family: 'Segoe UI Semibold', 'OpenSans SemiBold', Arial, sans-serif;
font-weight: normal;
color: #333333;
font-size: 18pt;
}
ul.VPI-step-prereqs /*cer- controls letter and line spacing*/
{
margin-top: 0px;
margin-bottom: 0px;
letter-spacing: 0;
}
p.VPI-step-prereq-ITEM /*cer - control lineheight and other spacing*/
{
font-size: 12.0pt;
line-height: 13pt;
margin: 1pt 0pt;
}
span.mc-variable.TopicProps-Leadins-VPIs\00002EInstall_VPI_LEADIN
{
}
MadCap|snippetBlock.ISO-file-list /*cer - control left marg indent esp for mobile*/
{
padding: 0px;
margin: 5px 0px 20px 6px;
}
MadCap|dropDownHotspot.drop_notes-YE /*cer - for proj notes DD with YE heading*/
{
font-family: inherit;
font-weight: bold;
font-size: 14pt;
background-color: #f0e68c;
}
div.OverviewTOC-NumberedLinks /*cer - Overview TOC Links are numbered/sequential requirement*/
{
font-size: 14pt;
margin: 0px 0px 0px 20px;
}
span.segoeSemibold-14pt /*CER supporting larger online font size*/
{
font-size: 14pt;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
/* === BEGIN STYLES FOR TABLED WARNING AND TERMS - IMPORTED FROM WORD DOC === */
th.th_TermsICON /*cer - controls appearance of TERMS NOTE 1ST ICON; merged from import (wireless) w/"make first row table head"; so all notes came in as table heads*/
{
font-family: Arial, san-serif;
font-size: 12pt;
font-style: normal;
vertical-align: middle;
text-align: center;
border-top-style: none;
border-left-style: none;
border-bottom-style: none;
border-right-style: none;
background-color: transparent;
font-weight: bold;
}
th.th_TermsBODY /*cer - controls appearance of TERMS BODY; merged from import (wireless) w/"make first row table head"; so all notes came in as table heads */
{
font-family: Arial, san-serif;
color: #232323;
font-size: 12pt;
font-style: normal;
font-weight: normal;
vertical-align: middle;
text-align: left;
border-top-style: solid;
border-top-width: 1pt;
border-top-color: #0094C8;
border-left-style: solid;
border-left-width: 1pt;
border-left-color: #0094C8;
border-bottom-style: solid;
border-bottom-width: 1pt;
border-bottom-color: #0094C8;
border-right-style: solid;
border-right-width: 1pt;
border-right-color: #0094C8;
background-color: transparent;
}
th.th_NoteBODY /*cer - controls appearance of GENERAL NOTES BODY; merged from Import (wireless) w/"make first row table head"; So all notes imported as table heads, which is fine BC some notes have a multiple cells and below cells have addit info */
{
font-family: Arial, san-serif;
font-size: 12pt;
font-style: normal;
font-weight: normal;
vertical-align: middle;
text-align: left;
border-top-style: solid;
border-top-width: 1pt;
border-left-style: none;
border-bottom-style: solid;
border-bottom-width: 1pt;
border-right-style: none;
color: #232323;
border-bottom-color: #a9a9a9;
border-top-color: #a9a9a9;
background-color: #f5f5f5;
}
th.th_WarnBODY /*cer - controls appearance of WARNING NOTES BODY; COPY FROM th_NoteBody */
{
color: #232323;
font-family: Arial, san-serif;
font-size: 12pt;
font-style: normal;
font-weight: normal;
vertical-align: middle;
text-align: left;
border-top-style: solid;
border-top-width: 1pt;
border-left-style: none;
border-bottom-style: solid;
border-bottom-width: 1pt;
border-right-style: none;
background-color: #ffefd5;
border-bottom-color: #ffe4b5;
border-top-color: #ffe4b5;
}
span.span_NoteBody /*cer - controls font & style of Body text; USE IF NEEDED */
{
font-family: Arial, san-serif;
font-size: 12pt;
font-weight: normal;
}
span.span_NoteIntroTag /*cer - controls appearance of leading Tag Text, like Important, Caution, Notice, Name of Term, etc. */
{
font-family: Arial, san-serif;
font-size: 12pt;
font-weight: Bold;
font-style: normal;
}
/* === BEGIN STYLES FOR BLUE TRIANGLE WARNING NOTICE - note content needs converted to responsive format asap */
td.bang1-BlueTriangle /*cer - cell 1 for BlueTriangle Bang w/lite gray BG*/
{
background-color: #F2F2F2;
border: solid 2px #f2f2f2;
vertical-align: middle;
text-align: center;
width: 30pt;
}
td.bang2-BlueTriangle /*cer - cell 2 for Blue Triangle Bang w/lite gry BG*/
{
background-color: #F2F2F2;
border: solid 2px #F2F2F2;
vertical-align: middle;
}
/* === BEGIN STYLES FOR TABBED CONTENT - INTERACTIVE JS SUPPORT =============== */
/* The UL & TAB-CONTENT Style Definitions listed below supports Tabbed Content. They should be generic, so they can be used multiple times */
ul.tabs
{
margin: 0px;
padding: 0px;
list-style: none;
position: relative;
}
ul.tabs:after
{
position: absolute;
content: "";
width: 100%;
bottom: 0;
left: 0;
border-bottom: 1px solid #ddd;
}
ul.tabs .tab-link
{
color: #333;
display: inline-block;
padding: 10px 10px;
cursor: pointer;
margin-left: -4px;
position: relative;
z-index: 0;
}
ul.tabs .current
{
background: #fff;
color: #d9232e;
margin-left: 0px;
margin-right: 10px;
border-top: 1px solid #ddd;
border-bottom: 0px solid white;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
z-index: 100;
}
ul.tabs .tab-link:hover
{
background: #c2c2c2;
color: #000;
display: inline-block;
padding: 10px 10px;
cursor: pointer;
margin-left: -5px;
border: 1px solid transparent;
}
ul.tabs .current:hover
{
background: #fff;
color: #d9232e;
margin-left: 0px;
margin-right: 10px;
border-top: 1px solid #ddd;
border-bottom: 1px solid transparent;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
z-index: 2;
}
.tab-content
{
display: none;
background: #ededed;
padding: 15px;
background-color: transparent;
}
.tab-content.current
{
display: inherit;
}
/* ========= END OF STYLES FOR TABBED CONTENT =============== */
/* CER ADDED JULY 2021 - BELOW HERE IS THE STYLES TO SUPPORT THE BACK2TOP STICKY BUTTON */
/** this style definition is paired with (1) the .js code file (named Scroll-Button.js) saved in the 'Content\Resources\scripts' folder; and (2)'js script link' inserted in the head of OtherTopics.flmsp; and (3) the icon-image stored in the 'Content\Resources\images\' folder; **/
#myBtn
{
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
font-size: 18px;
font-weight: bold;
border: none;
outline: none;
color: #444;
cursor: pointer;
padding: 15px;
border-radius: 4px;
background-position: center;
background-repeat: no-repeat;
}
#myBtn:hover
{
background-color: transparent;
}
/* THIS IS THE END OF STYLES THAT SUPPORT THE BACK2TOP STICKY BUTTON */
img.IMG_EngageApp /*cer - tame some images bc too large*/
{
border: none;
max-width: 100%;
height: auto;
width: 300px;
margin: 0px 0px 0px 10px;
}
p.BLUENoteLISTitem
{
color: inherit;
letter-spacing: 0.15pt;
text-align: left;
text-indent: 0px;
padding: 6px;
margin: 8px 10% 8px 0px;
max-width: 80%;
font-size: 11pt;
line-height: 15pt;
background-color: #e3f1f6;
border: solid 1px #e3f1f6;
font-family: 'Segoe UI', Arial, serif;
}
img.IMG_SGscreens /*cer - schlage topics*/
{
border: none;
max-width: 100%;
height: auto;
width: 500px;
margin: 0px;
}
span.span_Keyword-ital /*cer - SB Keyword Italicized*/
{
font-size: inherit;
font-style: italic;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
span.CER-SYMBOL /*CER Webding symbol such as EYE*/
{
font-family: Webdings;
font-size: 20pt;
font-weight: normal;
color: #b22222;
}
span.span_DropDownCaption /*cer for Bulliten Dropdowns or elsewhere*/
{
font-style: normal;
font-size: 10pt;
color: #696969;
font-weight: normal;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
span.segoeBold-inherit /*cer - bold accent words span-text*/
{
font-size: inherit;
font-weight: bold;
font-style: normal;
color: #444444;
font-family: 'Segoe UI', Arial, sans-serif;
}
.MCDropDownHotSpot /* TechSupport (fix attempt part #1): - Alphonso added this custom complex selector to correct for issue where dropdown-head is overlapping the dropdown-image or imagehotspot on both the open and closed states which displays Plus or Minus symbol; After he did a build but nothing was fixed although later inspection of Topic.css reveals that Flare did insert a selector in the Skin stylesheet for both open and closed states. See next custom complex selector below. */
{
margin-left: 0px;
}
.MCDropDownHotSpot_.MCHotSpotImage /* TechSupport (fix attempt part #2): - Alphonso added a second custom complex selector to correct for issue where dropdown-head text is overlapping dropdown-image on both the open and closed states for the Plus or Minus symbol; After he did a build nothing was corrected although later inspection of Topic.css showed that Flare did insert a second pair of selectors for both open and closed states. He reached out to Julia - see below for the 3rd attempt (keeping in mind Julia removed an attribute from this selector that was interfering with the proper display at the same time she added the selector below.) */
{
padding-left: 20px;
}
.MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage /* TechSupport (fix attempt part #3): - Julia added this custom complex selector to correct for additional issue where dropdown-head text is overlapping dropdown-image on both the open and closed states for the Plus or Minus symbol; After she did a build only the Plus/closed state was corrected although later inspection of Topic.css showed that Flare did insert a third pair of selectors for both open and closed states. but only the closed was really corrected. */
{
padding-left: 25px;
}
/* TechSupport (fix attempt part #3): - a fourth call to MC Tech Sebastian added another custom selector ".MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage"with padding left at 25px and padding right 0px. UNFORTUNATELY this did not get the desired effects. Flare Build compiled a 4th pair of selectors for open and closed states HOWEVER it erroneoulsly called the plus and minus images with misspelled filenames spelled all lowercase when in reality the filenames are Captitalized spelling. this makes a difference on Linux OS since it reads files as case-sensitive. this caused the browser to throw a 404 missing file in the Inspector Console on that line of code in the Skin Topic.css flare generated stylesheet. And the images disappeared from the page completely for both open and closed states ALTHOUGH it did correct the spacing for the hotspotImage. After a long and arduous process with tech support I finally did an end around and Got IAN to help me. He just added yet another custom complex selector for the actual property for the URL to the Plus and Minus png files and voila the images have reappeared. But the spacing issue is back on the Open Minus state since I deleted Sebastians selector here in a failed attempt to get the filenames back. */
h4.h4-ThinOption /* cer - made for labeling options for settings being defined or transitional subsections; idk why named thin bc these arent thin fonts - possibly intended to add thin fonts later */
{
font-weight: normal;
color: #696969;
font-family: 'Segoe UI', 'OpenSans Regular', Arial, sans-serif;
margin: 9pt 0pt 2pt;
line-height: normal;
font-size: 14pt;
}
span.segoeSB-inherit-ital /*cer - Font Reg Italics */
{
font-size: inherit;
font-variant: normal;
font-weight: normal;
font-style: italic;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
p.FigCaptionGray /*cer figCaption Gray*/
{
letter-spacing: 0.25;
widows: 3;
orphans: 3;
line-height: normal;
font-size: 11pt;
color: #777777;
margin: 0pt 0pt 3pt 10pt;
font-family: 'Segoe UI Semilight', Arial, sans-serif;
}
p.FigCaptionGray-NoLftMarg /*cer - created to use inside Lists*/
{
font-size: 12.0pt;
letter-spacing: 0.25;
widows: 3;
orphans: 3;
line-height: normal;
color: #4a898b;
margin: 3pt 0pt;
font-family: 'Segoe UI', Arial, sans-serif;
}
img.cerImg-AlertIcon /*created to control icons that are horizontally wide*/
{
border: none;
max-width: 100%;
padding: 5px;
margin: 0px;
mc-thumbnail: none;
width: 30px;
}
img.cerImg-AlertBlueEye
{
border: none;
max-width: 100%;
padding: 5px;
margin: 0px;
mc-thumbnail: none;
width: 40px;
}
span.span_OpenScreenMenu /*cer to control menu path*/
{
font-style: normal;
font-weight: normal;
font-size: 13pt;
color: #2E74B5;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
span.span_Keyword-under /*cer - keyword is underlined*/
{
font-size: inherit;
font-style: inherit;
font-weight: inherit;
text-decoration: underline;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
span.span_Field-Button-DSR /*cer - Field BTN - DSR Tool*/
{
font-size: 12pt;
text-decoration: none;
padding: 2px 4px 4px 6px;
margin: 0px 3px;
border-radius: 3px;
color: #FFF;
background-color: #00a6d3;
border: solid 3px #00a6d3;
font-weight: bold;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
p.blankPspacer-BORDER /*cer - spacer line with border line*/
{
font-family: inherit;
size: inherit;
color: #444444;
font-style: normal;
font-size: 6pt;
line-height: 0pt;
padding: 0px;
margin: 0px;
border-top: solid 1px #d3d3d3;
}
a.linkWhatsNext
{
text-decoration: none;
color: #4682b4;
font-style: normal;
font-weight: normal;
font-size: 12pt;
}
span.segoeSB-inherit-UNDER /*cer - underline*/
{
font-weight: normal;
font-variant: normal;
font-style: normal;
font-size: inherit;
text-decoration: underline;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
blockquote.blockNextforPDF
{
padding: 8px;
background-color: #e2edf7;
border: solid 2px #d3eaf3;
}
blockquote.blockWhatsNext
{
padding: 8px;
border: solid 2px #d3eaf3;
background-color: #d3eaf3;
border-radius: 5px;
text-align: left;
}
div.note
{
background-repeat: no-repeat;
border-radius: 6px;
padding-left: 40px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #000000;
border: solid 1px;
font-size: 10pt;
padding-right: 6px;
padding-top: 6px;
padding-bottom: 6px;
position: inherit;
font-style: inherit;
font-variant: normal;
background-color: #f5f5f5;
border-color: #d3d3d3;
font-family: Arial;
margin: 5px 30% 5px 30px;
background-position: 4px 3px;
background-size: 25px;
}
div.note-gcsExampWtGn
{
background-repeat: no-repeat;
border-radius: 6px;
padding-left: 40px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #000000;
border: solid 1px;
font-size: 10pt;
padding-right: 6px;
padding-top: 6px;
padding-bottom: 6px;
position: inherit;
font-style: inherit;
font-variant: normal;
background-image: url('../../../../../../../SG-ASSA-DSR/assaDSR/Content/Resources/Images/ExampIcon-gcsWtGn.png');
background-color: #f5f5dc;
border-color: #eee8aa;
margin: 6px 20% 6px 30px;
font-family: 'Segoe UI', Arial, sans-serif;
}
div.note-gcsHelpWtBe
{
background-repeat: no-repeat;
border-radius: 6px;
padding-left: 40px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #000000;
border: solid 1px;
font-size: 10pt;
padding-right: 6px;
padding-top: 6px;
padding-bottom: 6px;
position: inherit;
font-style: inherit;
font-variant: normal;
background-color: #f9f9f9;
border-color: #dcdcdc;
background-image: url('../../../../../../../SG-ASSA-DSR/assaDSR/Content/Resources/Images/HelpIcon-gcsWtBe.png');
margin: 6px 20% 6px 30px;
font-family: 'Segoe UI', Arial, sans-serif;
}
div.note-gcsInfoWtBe
{
background-repeat: no-repeat;
border-radius: 6px;
padding-left: 40px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #000000;
border: solid 1px;
font-size: 10pt;
padding-right: 6px;
padding-top: 6px;
padding-bottom: 6px;
position: inherit;
font-style: inherit;
font-variant: normal;
border-color: #add8e6;
background-color: #e3f1f6;
background-position: 3px 2px;
margin: 6px 20% 6px 30px;
background-image: url('../Image/_ICONS/Icon_INFO-Teal_25PX_transp.png');
font-family: 'Segoe UI', Arial, sans-serif;
}
div.note-gcsNoteRdGy
{
background-repeat: no-repeat;
border-radius: 6px;
padding-left: 40px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #000000;
border: solid 1px;
font-size: 10pt;
padding-right: 6px;
padding-top: 6px;
padding-bottom: 6px;
position: inherit;
font-style: inherit;
font-variant: normal;
background-color: #f5f5f5;
border-color: #d3d3d3;
background-image: url('../../../../../../../SG-ASSA-DSR/assaDSR/Content/Resources/Images/NoteIcon-gcs.png');
margin: 6px 20% 6px 30px;
font-family: 'Segoe UI', Arial, sans-serif;
}
div.note-gcsTermWtPle
{
background-repeat: no-repeat;
border-radius: 6px;
padding-left: 40px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #000000;
border: solid 1px;
font-size: 10pt;
padding-right: 6px;
padding-top: 6px;
padding-bottom: 6px;
position: inherit;
font-style: inherit;
font-variant: normal;
border-bottom-color: #f5f5f5;
background-image: url('../../../../../../../SG-ASSA-DSR/assaDSR/Content/Resources/Images/TermIcon-gcsWtPe.png');
border-color: #f5f5f5;
background-color: #f5f5f5;
margin: 6px 20% 6px 30px;
font-family: 'Segoe UI', Arial, sans-serif;
}
div.quotation
{
background-color: #e1e1e1;
background-image: url('../../../../../../../SG-ASSA-DSR/assaDSR/Content/Resources/Images/QuotationMark.png');
background-repeat: no-repeat;
background-position: top left;
border-color: #b3b3b3;
border-style: solid;
border-width: 1px;
border-radius: 6px;
font-family: 'Century Gothic';
font-size: 0.9em;
font-style: italic;
font-weight: normal;
line-height: 18px;
padding: 20px;
padding-left: 40px;
}
div.RequireNote
{
background-repeat: no-repeat;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
font-weight: bold;
border-radius: 4px;
font-size: 0.8em;
margin-bottom: 4px;
padding: 4px;
background-color: #fffafa;
border: solid 1px #ffe4e1;
margin-left: 30px;
margin: 0px;
margin-right: 15%;
background-image: none;
}
h2.inBlockQuotesH2
{
margin-bottom: 4px;
margin-top: 20px;
color: #800000;
font-weight: normal;
font-size: 1em;
}
h3.WhatsNext
{
font-size: 16pt;
font-variant: normal;
font-weight: normal;
color: #3b73a2;
}
img.AbsolutePosition
{
padding: 5px;
}
h3.altH3-14pt-projectNotes /*cer made for project notes*/
{
color: #7198c5;
margin-left: 0px;
font-size: 14pt;
}
h5.h5-semiBold /*cer - h5 heading level*/
{
line-height: normal;
text-decoration: none;
text-transform: capitalize;
font-variant: inherit;
font-style: normal;
padding: 0px;
margin: 0pt;
font-size: 12pt;
font-weight: normal;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
color: #222;
}
h3.NextSteps-h2
{
font-size: 16pt;
font-variant: normal;
font-weight: normal;
color: #3b73a2;
}
h2.NextSteps
{
page-break-before: always;
font-weight: normal;
margin-bottom: 6pt;
margin-top: 8pt;
letter-spacing: 0px;
font-family: 'Segoe UI', 'OpenSans Regular', Arial, sans-serif;
text-transform: uppercase;
font-size: 18pt;
color: #222222;
margin: .75em 0;
}
h3.AdditionalSteps /*cer - for Topic Nav Footer*/
{
font-variant: normal;
font-weight: normal;
font-size: 14pt;
font-family: 'Segoe UI', 'Open Sans', Arial, sans-serif;
color: #111111;
}
span.segoeSB-smallCaps12pt /*cer - made to control side captions*/
{
text-decoration: none;
font-weight: normal;
font-style: normal;
font-variant: small-caps;
font-size: 12pt;
color: #800000;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
img.IMG_23hPX-Bottom /*cer - 23px High - Bottom*/
{
width: auto;
vertical-align: bottom;
line-height: 12pt;
margin: 0px;
padding: 0px;
height: 23px;
}
p.YWnoteNextSteps /*cer - for yellow callout inside next steps block*/
{
color: inherit;
line-height: 13pt;
letter-spacing: 0.15pt;
text-align: left;
text-indent: 0px;
padding: 6px;
font-size: 11pt;
margin: 8px 0% 8px 0px;
border: solid 1px #fefefe;
border-radius: 5px;
background-color: #fdfdfd;
font-family: 'Segoe UI', Arial, sans-serif;
}
table.table_3
{
margin-left: 5pt;
border-collapse: collapse;
}
table.table_2
{
margin-left: 0pt;
border-collapse: collapse;
}
td.td_27 /*cer - bg & bdr #F2 - no right boarder (first col)*/
{
border-top-style: solid;
border-top-color: #F2F2F2;
border-left-style: solid;
border-left-color: #F2F2F2;
border-bottom-style: solid;
border-bottom-color: #F2F2F2;
border-right-style: none;
background-color: #F2F2F2;
vertical-align: middle;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-width: 1px;
}
td.td_28 /*cer - bg & bdr #F2 - no left boarder (first col)*/
{
border-top-style: solid;
border-top-color: #F2F2F2;
border-bottom-style: solid;
border-bottom-color: #F2F2F2;
border-right-style: solid;
border-right-color: #F2F2F2;
background-color: #F2F2F2;
vertical-align: middle;
border-left-style: solid;
border-left-color: #F2F2F2;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1pt;
}
a.inlineHref_12-ITALS /*cer - "return" link in topic sequence*/
{
font-family: inherit;
text-decoration: inherit;
letter-spacing: 0px;
font-weight: normal;
font-size: 12pt;
font-style: italic;
color: #8b0000;
}
a.inlineHref_12pt-SB /*cer - sb = Semibold*/
{
text-decoration: inherit;
letter-spacing: 0px;
font-style: normal;
font-weight: normal;
font-size: 12pt;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
color: #8b0000;
}
p.blankPspacerWtext /*cer - made for fine print*/
{
size: inherit;
color: #444444;
font-style: normal;
line-height: 0pt;
padding: 0px;
margin: 0px;
font-family: Arial;
font-size: 8pt;
}
div.FeaturedTopics_LVL1 /*cer- made to control left margin for Featured Topics List of Links*/
{
margin-left: 30px;
}
div.FeaturePreqsList_LVL1 /*cer- use for Prereqs list to get print margin-left to indent*/
{
margin-left: 30px;
}
span.mc-variable.FrontMatter_LowerRoman /*cer - made to support FM-CR-TOC FLPGL numbering*/
{
mc-page-number-format: lower-roman;
}
MadCap|dropDownHotspot.DD-DecriptionForItems /*cer - made to support item descriptions on manuals page at 10PT or smaller*/
{
font-family: 'Segoe UI Semibold', 'OpenSans SemiBold', Arial, sans-serif;
font-weight: normal;
font-size: 10pt;
color: 666666;
padding: 0px;
margin: 0px;
}
MadCap|dropDownBody.DD_DescriptionForItem /*cer - made to pair with dd hotspot for items on manuals page*/
{
padding: 1px 30px 0 2px;
}
span.RESULT-DD-ITEM-Description /*cer - result for DD ITEM DESCRIPTION at 10pt font*/
{
font-family: Arial;
color: #666666;
font-size: 10pt;
font-style: normal;
}
MadCap|dropDown.DD_DescriptionForItems /*cer - orig for Description DDs for items (PDF Links) on the Manuals page */
{
mc-image-position: left;
margin: 6px;
mc-image-spacing: 5px;
padding: 0px 0 2px 0pt;
border-bottom: none 0px #dcdcdc;
mc-closed-image: url('../Images/Plus.png');
mc-open-image: url('../Images/Minus.png');
}
span.span_Field-Button-gray-smallcaps /*cer copy of field-button gray plus all caps*/
{
font-size: 11pt;
font-weight: normal;
padding: 1px 7px;
margin: 0px;
text-decoration: none;
border-radius: 3px;
background-color: #dcdcdc;
border: solid 2px #dcdcdc;
font-variant: small-caps;
color: #333333;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
h2.H2-CC_OnBrd_Formatting /*cer - made this to replicate the OnBoard packet formatting*/
{
page-break-before: always;
font-weight: normal;
margin-bottom: 6pt;
margin-top: 8pt;
letter-spacing: 0px;
font-family: 'Segoe UI', 'OpenSans Regular', Arial, sans-serif;
text-transform: uppercase;
font-size: 18pt;
color: #222222;
margin: .75em 0;
background-color: #dcdcdc;
padding: 6px 0px 6px 4px;
}
span.span_Field-Button-grayB /*cer - made to adjust colors of font and BG to improve legibility*/
{
padding: 1px 7px;
margin: 0px;
border-radius: 3px;
color: #366f9e;
font-size: inherit;
text-decoration: none;
font-weight: normal;
font-style: normal;
background-color: #e4e4e4;
border: solid 2px #e4e4e4;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
span.segoeBold-inherit-Gray /*cer - made to create form field titles*/
{
font-size: inherit;
font-weight: bold;
font-style: normal;
color: #808080;
font-family: 'Segoe UI', Arial, sans-serif;
}
td.WARN1-YWBG-ICON /*cer - cell 1 for BlueTriangle Bang w/lite gray BG*/
{
vertical-align: middle;
text-align: center;
width: 30pt;
background-color: #fce6b8;
border: solid 2px #fce6b8;
}
td.WARN2-YWBG-TEXT /*cer - cell 2 for Blue Triangle Bang w/lite gry BG*/
{
border: solid 2px #F2F2F2;
vertical-align: middle;
background-color: #fce6b8;
}
span.span_Asterisk-bigGray /*cer - bigger astrisk*/
{
font-weight: normal;
color: #808080;
font-size: 17pt;
font-family: 'Lucida Sans', 'Segoe UI Semibold', 'OpenSans SemiBold', Arial, sans-serif;
}
/* Ian (081822) Added two complex selectors to override erroneous selectors in the Flare-generated Topic.css where Flare for unknown reason Flare Build incorrectly spelled the filenames of the open and closed MC dropdown images - specifically Flare misspelled them as all lowercase when the real file is capitalized filename - meaning "plus.png/minus.png" instead of "Plus.png/Minus.png". This incorrect spelling of the DD Image filenames resulted in the webpage being unable to display or render the DD Images since LinuxOS reads filenames as case-sensitive. Ian's two selectors below will force Flare to insert a new custom selector into the Topic CSS file that should use the correct filename spelling a you see below. */
.MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage
{
background-image: url('../Images/Minus.png');
padding-left: 0px;
}
.MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage
{
background-image: url('../Images/Plus.png');
padding-left: 0px;
}
/* END OF TECH SUPPORT FROM IAN to correct for the 404 missing file due to misspelled filename in the compiled Skin stylesheet Topic.css that flare erroneously inserted the misspelled filename for no reason. the Target has never ever had lowercase filenames option enabled - ever. I came back and added the PADDING-LEFT property because the Open state is still overlapping. */
h2.h2-fSZ18pt-Brand1b-smaller /*cer added to control H2 for cosmetic improvements*/
{
font-weight: normal;
margin-bottom: 6pt;
color: #aa6565;
margin-top: 6pt;
page-break-before: avoid;
font-family: 'Segoe UI', 'OpenSans Regular', Arial, sans-serif;
font-size: 18pt;
}
p.TopicLeadin-ITAL /*cer made to try a new style for leadins*/
{
line-height: 18pt;
padding: 0pt;
margin: 6px 0px;
font-style: italic;
font-size: 13pt;
color: #6d491b;
font-family: 'Segoe UI', Arial, sans-serif;
}
p.small10pt-ITAL-beige /*cer made to match the beige topic leadin ITAL*/
{
font-family: inherit;
size: inherit;
padding: 0px;
margin: 0px;
font-size: 10pt;
font-style: inherit;
color: #6b4b4b;
}
p.small10pt-beige /*cer - made to match Beige topic leadin*/
{
font-family: inherit;
size: inherit;
padding: 0px;
margin: 0px;
font-size: 10pt;
font-style: inherit;
color: #a78d69;
}
p.small10pt-beige-DK /*cer made to match beige leadin but darker*/
{
font-family: inherit;
size: inherit;
padding: 0px;
margin: 0px;
font-size: 10pt;
font-style: inherit;
color: #7f551d;
}
p.TopicLeadin-Beige-ITAL /*cer - made for differentiating topic leadins*/
{
line-height: 18pt;
padding: 0pt;
margin: 6px 0px;
font-size: 12pt;
font-style: italic;
color: #a78d69;
font-family: 'Segoe UI', Arial, sans-serif;
}
a.inlineHref_12pt-SB-uline /*cer made for inline links with underlines*/
{
letter-spacing: 0px;
font-style: normal;
font-weight: normal;
font-size: 12pt;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
font-variant: inherit;
text-decoration: underline;
color: #b22222;
}
p.TopicLeadin-BGE /*CER for beige topic leading - not italics*/
{
line-height: 18pt;
margin: 6px 0px;
font-size: 12pt;
font-style: normal;
padding: 0px 5px;
color: #6d491b;
background-color: #ffffff;
border: solid 4px #ffffff;
font-family: 'Segoe UI', Arial, sans-serif;
}
p.small11pt-beige-DK /*cer made for specific font size 11*/
{
font-family: inherit;
size: inherit;
padding: 0px;
margin: 0px;
font-style: inherit;
color: #7f551d;
font-size: 11pt;
}
p.TopicLeadin-NON-ITAL /*cer for lengthy leadins needing non-italic print for better readability */
{
line-height: 18pt;
padding: 0pt;
margin: 6px 0px;
font-size: 13pt;
color: #6d491b;
font-style: normal;
font-family: 'Segoe UI', Arial, sans-serif;
}
p.GalaxyOnPrem-Button /*cer*/
{
color: #333333;
font-size: 13pt;
line-height: 1.4em;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-align: inherit;
text-decoration: none;
text-transform: none;
padding: 5px 3px;
margin: 30px 0px 15px;
max-width: 90%;
background-color: #e5dddf;
border: solid 3px #e5dddf;
font-family: 'Segoe UI', Arial, sans-serif;
}
div.home-tiles-layout-Ctr /*cer attempt to change alignment of content in a nested div for home tiles*/
{
mc-grid-row: true;
margin-left: auto;
margin-right: auto;
}
p.GalaxyCloud-Button /*cer for cloud choice*/
{
color: #333333;
font-size: 13pt;
line-height: 1.4em;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-decoration: none;
text-transform: none;
padding: 5px 3px;
margin: 30px 0px 15px;
background-color: #cfeaf3;
border: solid 3px #cfeaf3;
max-width: 90%;
text-align: center;
font-family: 'Segoe UI', Arial, sans-serif;
}
p.GalaxyOnPrem-TopicIntro /*cer - for onPrem topic scope colorblock*/
{
color: #333333;
font-size: 13pt;
line-height: 1.4em;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-align: inherit;
text-decoration: none;
text-transform: none;
max-width: 90%;
background-color: #f3edef;
border: solid 3px #f3edef;
font-family: 'Segoe UI', Arial, sans-serif;
padding: 5px 3px;
margin: 30px 0px 0px;
}
span.span_Field-Button-RED /*cer - for Galaxy website Red push buttons */
{
font-size: 12pt;
text-decoration: none;
padding: 2px 4px 4px 6px;
margin: 0px 3px;
color: #FFF;
font-weight: bold;
border-radius: 20px;
background-color: #cd5c5c;
border: solid 3px #cd5c5c;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
p.GalaxyCloud-TopicIntro /*cer - style for intro paragraphs on CC topics*/
{
color: #333333;
font-size: 13pt;
line-height: 1.4em;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-align: inherit;
text-decoration: none;
text-transform: none;
padding: 5px 3px;
margin: 30px 0px 15px;
background-color: #cfeaf3;
border: solid 3px #cfeaf3;
max-width: 90%;
font-family: 'Segoe UI', Arial, sans-serif;
}
span.segoeSB-inherit-UNDER-italic /*cer set to semibold under+ itals */
{
font-weight: normal;
font-variant: normal;
font-size: inherit;
text-decoration: underline;
font-style: italic;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
blockquote.blocRequirements /*cer for SG or CC where I want it colorblocked*/
{
padding: 8px;
border-radius: 5px;
text-align: left;
background-color: #f3edef;
border: solid 2px #f3edef;
}
span.segoeReg-inherit-ital /*cer - Fav Font-fam, Itals, inherit size*/
{
font-size: inherit;
font-variant: normal;
font-weight: normal;
font-style: italic;
font-family: 'Segoe UI', Arial, sans-serif;
}
ul.shortList-UL-11pt-GrayBox /*cer - for graybox callout list in instructions*/
{
margin-top: 0px;
margin-bottom: 0px;
letter-spacing: normal;
font-size: 11pt;
padding: 0px;
margin-left: 0px;
line-height: 11pt;
}
a.inlineHref_11pt-SB-U /*cer 11pt Underline*/
{
letter-spacing: 0px;
font-style: normal;
font-weight: normal;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
color: #8b0000;
font-size: 11pt;
text-decoration: underline;
}
a.inlineHref_10pt-SB-U /*cer*/
{
letter-spacing: 0px;
font-style: normal;
font-weight: normal;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
color: #8b0000;
text-decoration: underline;
font-size: 10pt;
}
p.NOTE_GREEN-LISTitem /*cer made for trim callouts within instructions*/
{
color: inherit;
letter-spacing: 0.15pt;
text-align: left;
text-indent: 0px;
padding: 6px;
max-width: 80%;
font-size: 11pt;
line-height: 12pt;
margin: 3px 10% 3px 0px;
background-color: #f1f6db;
border: solid 1px #f1f6db;
font-family: 'Segoe UI', Arial, sans-serif;
}
p.NOTE_GRAY-LISTitem /*cer - trim note gray within instructions*/
{
color: inherit;
letter-spacing: 0.15pt;
text-align: left;
text-indent: 0px;
padding: 6px;
max-width: 80%;
font-size: 11pt;
line-height: 12pt;
margin: 3px 10% 3px 0px;
background-color: #f5f5f5;
border: solid 1px #f5f5f5;
font-family: 'Segoe UI', Arial, sans-serif;
}
p.NOTE_BLUE-LISTitem /*cer BLUE notice - formatted to be compat with OLs or ULs*/
{
color: inherit;
letter-spacing: 0.15pt;
text-align: left;
text-indent: 0px;
padding: 6px;
max-width: 80%;
font-size: 11pt;
line-height: 12pt;
background-color: #e3f1f6;
border: solid 1px #e3f1f6;
margin: 2px 10% 2px 0px;
font-family: 'Segoe UI', Arial, sans-serif;
}
p.NOTE_YELLOW-LISTitem /*cer Note - format compat w/ List Item*/
{
color: inherit;
letter-spacing: 0.15pt;
text-align: left;
text-indent: 0px;
padding: 6px;
max-width: 80%;
font-size: 11pt;
line-height: 12pt;
margin: 3px 10% 3px 0px;
border: solid 1px #fce6b8;
background-color: #fce6b8;
font-family: 'Segoe UI', Arial, sans-serif;
}
p.NOTE_RED-LISTitem /*cer Note - format compat w/ List Item*/
{
color: inherit;
letter-spacing: 0.15pt;
text-align: left;
text-indent: 0px;
padding: 6px;
max-width: 80%;
font-size: 11pt;
line-height: 12pt;
margin: 3px 10% 3px 0px;
background-color: #f6dbe7;
border: solid 1px #F6DBE7;
font-family: 'Segoe UI', Arial, sans-serif;
}
p.NOTE_PURPLE-LISTitem /*cer Note - format compat w/ List Item*/
{
color: inherit;
letter-spacing: 0.15pt;
text-align: left;
text-indent: 0px;
padding: 6px;
max-width: 80%;
font-size: 11pt;
line-height: 12pt;
margin: 3px 10% 3px 0px;
background-color: #f8e4fe;
border: solid 1px #f8e4fe;
font-family: 'Segoe UI', Arial, sans-serif;
}
li.cer-list-ClickableLineht-btmPad /*cer list item Clickable-LineHt + Btm Padding*/
{
font-family: 'Segoe UI', 'OpenSans Regular', Arial, sans-serif;
font-size: 11pt;
margin: 10px 0px;
line-height: normal;
padding: 0px 0px 6px;
}
div.note_SupptDocs /*cer - div for Supporting Docs callout*/
{
background-repeat: no-repeat;
border-radius: 6px;
padding-left: 40px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #000000;
border: solid 1px;
font-size: 10pt;
padding-right: 6px;
padding-top: 6px;
padding-bottom: 6px;
position: inherit;
font-style: inherit;
font-variant: normal;
background-color: #f5f5f5;
border-color: #d3d3d3;
margin: 5px 30% 5px 30px;
background-position: 4px 3px;
background-size: 25px;
font-family: 'Segoe UI', Arial, sans-serif;
}
div.NoteNaked /*cer - div callout does not have an icon.*/
{
background-repeat: no-repeat;
border-radius: 6px;
padding-left: 40px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #000000;
border: solid 1px;
font-size: 10pt;
padding-right: 6px;
padding-top: 6px;
padding-bottom: 6px;
position: inherit;
font-style: inherit;
font-variant: normal;
background-color: #f5f5f5;
border-color: #d3d3d3;
font-family: Arial;
background-position: 4px 3px;
background-size: 25px;
margin: 5px 30% 5px 30px;
}
div.nextSteps-SubSection /*cer made for topic subsections like Cloud Startup*/
{
border-bottom: solid 1px #D3D3D3;
padding: 5pt 0pt;
border-top: solid 1px #D3D3D3;
background-color: #f5f5f5;
}
div.note-inlineCallout /*cer made for multi-line callouts that fall within numbered steps*/
{
background-repeat: no-repeat;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #000000;
font-size: 10pt;
padding-right: 6px;
padding-top: 6px;
padding-bottom: 6px;
position: inherit;
font-style: inherit;
font-variant: normal;
background-image: url('../../../../../../../SG-ASSA-DSR/assaDSR/Content/Resources/Images/TermIcon-gcsWtPe.png');
margin: 6px 20% 6px 30px;
border-top: solid 1px #dcdcdc;
border-bottom: solid 1px #dcdcdc;
border-radius: 0px;
padding-left: 30px;
font-family: 'Segoe UI', Arial, sans-serif;
}
div.note-inlineCallout2
{
background-repeat: no-repeat;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #000000;
font-size: 10pt;
padding-top: 6px;
padding-bottom: 6px;
position: inherit;
font-style: inherit;
font-variant: normal;
background-image: url('../../../../../../../SG-ASSA-DSR/assaDSR/Content/Resources/Images/TermIcon-gcsWtPe.png');
border-top: solid 1px #dcdcdc;
border-bottom: solid 1px #dcdcdc;
border-radius: 0px;
margin: 6px 10% 6px 10px;
padding-left: 20px;
padding-right: 3px;
font-family: 'Segoe UI', Arial, sans-serif;
}
div.note-inlineCallout2-gray /*cer callout2 - gray BG*/
{
background-repeat: no-repeat;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #000000;
font-size: 10pt;
padding-top: 6px;
padding-bottom: 6px;
position: inherit;
font-style: inherit;
font-variant: normal;
background-image: url('../../../../../../../SG-ASSA-DSR/assaDSR/Content/Resources/Images/TermIcon-gcsWtPe.png');
border-top: solid 1px #dcdcdc;
border-bottom: solid 1px #dcdcdc;
border-radius: 0px;
margin: 6px 10% 6px 10px;
padding-left: 20px;
padding-right: 3px;
background-color: #f5f5f5;
font-family: 'Segoe UI', Arial, sans-serif;
}
div.note-inlineCallout3 /*cer - callout3 for ULs*/
{
background-repeat: no-repeat;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #000000;
font-size: 10pt;
padding-top: 6px;
padding-bottom: 6px;
position: inherit;
font-style: inherit;
font-variant: normal;
background-image: url('../../../../../../../SG-ASSA-DSR/assaDSR/Content/Resources/Images/TermIcon-gcsWtPe.png');
border-top: solid 1px #dcdcdc;
border-bottom: solid 1px #dcdcdc;
border-radius: 0px;
padding-right: 3px;
margin: 6px 10% 6px 1px;
padding-left: 5px;
font-family: 'Segoe UI', Arial, sans-serif;
}
div.note-inlineCallout3-NoBdrs /*cer callout 3 - no borders*/
{
background-repeat: no-repeat;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #000000;
font-size: 10pt;
padding-top: 6px;
padding-bottom: 6px;
position: inherit;
font-style: inherit;
font-variant: normal;
background-image: url('../../../../../../../../SG-ASSA-DSR/assaDSR/Content/Resources/Images/TermIcon-gcsWtPe.png');
border-radius: 0px;
padding-right: 3px;
padding-left: 5px;
border-bottom: solid 0px #000000;
border-top: solid 0px #000000;
font-family: 'Segoe UI', Arial, sans-serif;
margin: 6px 10% 6px 1px;
}
div.note-inlineCallout3-gray /*cer Callout3 w gray BG*/
{
background-repeat: no-repeat;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #000000;
font-size: 10pt;
padding-top: 6px;
padding-bottom: 6px;
position: inherit;
font-style: inherit;
font-variant: normal;
border-top: solid 1px #dcdcdc;
border-bottom: solid 1px #dcdcdc;
border-radius: 0px;
padding-right: 3px;
margin: 6px 10% 6px 1px;
padding-left: 5px;
font-family: 'Segoe UI', Arial, sans-serif;
background-image: url('../00/Images/_ICONS/Icon_BlueBang.png');
background-color: #f5f5f5;
}
p.p_24
{
margin-bottom: 0pt;
margin-left: 0pt;
margin-right: 0pt;
text-align: center;
color: #B45B48;
font-size: 20pt;
}
div.note-gcsExampWtOR /*cer Orange warning box*/
{
background-repeat: no-repeat;
border-radius: 6px;
padding-left: 40px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #000000;
border: solid 1px;
font-size: 10pt;
padding-right: 6px;
padding-top: 6px;
padding-bottom: 6px;
position: inherit;
font-style: inherit;
font-variant: normal;
background-image: url('../../../../../../../SG-ASSA-DSR/assaDSR/Content/Resources/Images/ExampIcon-gcsWtGn.png');
margin: 6px 20% 6px 30px;
font-family: 'Segoe UI', Arial, sans-serif;
border-color: #fee2ca;
background-color: #fff2de;
}
p.FigCaptionBLU-ind10pt /*cer - Blue fig caption MargLft = 10pts*/
{
letter-spacing: 0.25;
widows: 3;
orphans: 3;
line-height: normal;
font-size: 11pt;
margin: 0pt 0pt 3pt 10pt;
font-family: 'Segoe UI Semilight', Arial, sans-serif;
color: #2E74B5;
}
p.a_normal /*cer - assist xfer import style class to StylesCSS */
{
font-family: 'Segoe UI', 'OpenSans Regular', Arial, sans-serif;
color: #000000;
letter-spacing: 0;
margin-top: 3pt;
widows: 3;
orphans: 3;
line-height: normal;
font-size: 12pt;
margin-bottom: 6pt;
}
span.segoeReg-inherit /*cer - segoeRegular - inherit size etc. (not ital or bold; not SemiBold font)*/
{
font-size: inherit;
font-variant: normal;
font-weight: normal;
font-family: 'Segoe UI', Arial, sans-serif;
font-style: normal;
}
span.segoeReg-inherit-UNDER /*CER - created to have a general underlined*/
{
font-size: inherit;
font-variant: normal;
font-weight: normal;
font-family: 'Segoe UI', Arial, sans-serif;
font-style: normal;
text-decoration: underline;
}
p.a_normal-11 /*cer- FavFamily at 11pt*/
{
font-family: 'Segoe UI', 'OpenSans Regular', Arial, sans-serif;
color: #000000;
letter-spacing: 0;
margin-top: 3pt;
widows: 3;
orphans: 3;
line-height: normal;
margin-bottom: 6pt;
font-size: 11pt;
}
p.a_normal-10 /*cer - set size to 10pts*/
{
font-family: 'Segoe UI', 'OpenSans Regular', Arial, sans-serif;
color: #000000;
letter-spacing: 0;
margin-top: 3pt;
widows: 3;
orphans: 3;
line-height: normal;
margin-bottom: 6pt;
font-size: 10pt;
}
p.tableEntryPadded-11pt /*cer - table entry at size 11pt */
{
letter-spacing: 0.25;
widows: 3;
orphans: 3;
font-style: normal;
margin-bottom: 3pt;
margin-top: 2pt;
padding: 3px;
text-align: left;
line-height: 13pt;
font-size: 11pt;
}
p.TopicIntro12 /*cer - mainly video pdfs reduce to12pts + minimizing height to condense page allocation - this is a non-exact spacing so should not adversely affect it if changes needed. */
{
color: #444444;
font-style: normal;
margin: 1.12em 0;
padding: 0px;
font-family: 'Segoe UI', Arial, sans-serif;
font-size: 12pt;
line-height: 15pt;
}
ul.topic_PREREQS_List /*cer - control top margin & line height*/
{
margin-bottom: 0px;
margin-left: 0px;
line-height: 16pt;
margin-top: 8pt;
}
span.segoeSB-inheritTEST-H3-13 /*CER TEST H3*/
{
text-decoration: none;
font-weight: normal;
font-variant: normal;
font-style: normal;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
font-size: 13pt;
}
blockquote.blockTopicTOC-SG /*cer - for SG topics - MainTOC at top of page*/
{
border-radius: 5px;
text-align: left;
background-color: #f3edef;
border: solid 2px #f3edef;
padding: 8px;
}
div.Div-SGtopicTOC-BG /*cer - for SG topicTOC shaded BG*/
{
background-repeat: no-repeat;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
font-size: 10pt;
padding-top: 6px;
padding-bottom: 6px;
position: inherit;
font-style: inherit;
font-variant: normal;
padding-right: 3px;
margin: 6px 10% 6px 1px;
padding-left: 5px;
font-family: 'Segoe UI', Arial, sans-serif;
color: #333333;
border-bottom: solid 1px #f3edef;
border-top: solid 1px #f3edef;
background-color: #f3edef;
border-radius: 0px 0px 5px 5px;
}
a.cer-miniTOC-Links_14pt-SB /*cer - Topic TOC red links 14pt semiBold*/
{
text-decoration: inherit;
letter-spacing: 0px;
font-style: normal;
font-weight: normal;
font-size: 12pt;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
color: #8b0000;
}
p.FigCaptionBLU-ind9pt /*cer - default figCaptionBLU, but FF=9pt*/
{
letter-spacing: 0.25;
widows: 3;
orphans: 3;
line-height: normal;
margin: 0pt 0pt 3pt 10pt;
color: #2E74B5;
font-size: 9pt;
font-family: 'Segoe UI Semibold', Arial, sans-serif;
}
h3.Heading3
{
page-break-after: avoid;
page-break-inside: avoid;
margin-top: 2pt;
margin-bottom: 0pt;
mc-heading-level: 3;
font-size: 14pt;
font-family: 'Segoe UI Semibold', 'OpenSans SemiBold', Arial, sans-serif;
color: #ffffff;
background-color: #5B9BD5;
border-bottom: solid 1px #5B9BD5;
padding: 6px 6px 6px 10px;
font-weight: normal;
}
h3.Heading3_copy
{
page-break-after: avoid;
page-break-inside: avoid;
margin-top: 2pt;
margin-bottom: 0pt;
mc-heading-level: 3;
font-weight: normal;
font-size: 14pt;
border-bottom: solid 1px #aaaaaa;
font-family: 'Segoe UI Semibold', 'OpenSans SemiBold', Arial, sans-serif;
color: #2475bf;
}
div.note-inlineCallout3-OR /*cer - initially made for warnings in SG Sys Migrate import topics*/
{
background-repeat: no-repeat;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #000000;
font-size: 10pt;
padding-top: 6px;
padding-bottom: 6px;
position: inherit;
font-style: inherit;
font-variant: normal;
border-top: solid 1px #dcdcdc;
border-bottom: solid 1px #dcdcdc;
border-radius: 0px;
padding-right: 3px;
margin: 6px 10% 6px 1px;
padding-left: 5px;
font-family: 'Segoe UI', Arial, sans-serif;
background-color: #fbe4d5;
}
p.a_normal-10-condensed /*cer - has zero margin; zero padding*/
{
font-family: 'Segoe UI', 'OpenSans Regular', Arial, sans-serif;
color: #000000;
letter-spacing: 0;
widows: 3;
orphans: 3;
line-height: normal;
font-size: 10pt;
margin-bottom: 1pt;
margin-top: 1pt;
}
/* begin styles for tabs */
ul.tabs
{
margin: 0px;
padding: 0px;
list-style: none;
position: relative;
}
ul.tabs:after
{
position: absolute;
content: "";
width: 100%;
bottom: 0;
left: 0;
border-bottom: 1px solid #ddd;
}
ul.tabs .tab-link
{
color: #333;
display: inline-block;
padding: 10px 10px;
cursor: pointer;
margin-left: -4px;
position: relative;
z-index: 0;
}
ul.tabs .current
{
background: #fff;
color: #d9232e;
margin-left: 0px;
margin-right: 10px;
border-top: 1px solid #ddd;
border-bottom: 0px solid white;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
z-index: 100;
}
ul.tabs .tab-link:hover
{
background: #c2c2c2;
color: #000;
display: inline-block;
padding: 10px 10px;
cursor: pointer;
margin-left: -5px;
border: 1px solid transparent;
}
ul.tabs .current:hover
{
background: #fff;
color: #d9232e;
margin-left: 0px;
margin-right: 10px;
border-top: 1px solid #ddd;
border-bottom: 1px solid transparent;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
z-index: 2;
}
.tab-content
{
display: none;
background: #ededed;
padding: 15px;
background-color: transparent;
}
.tab-content.current
{
display: inherit;
}
/* end styles for tabs */
MadCap|dropDownHotspot.FeatureInfographics /*cer - for infographics topic*/
{
font-family: 'Segoe UI Semibold', 'OpenSans SemiBold', Arial, sans-serif;
font-weight: normal;
background-color: #5B9BD5;
font-size: 14pt;
color: #ffffff;
}
MadCap|dropDownHead.FeatureInfographic /*cer - for infographic dropdown*/
{
background-color: #5B9BD5;
color: #ffffff;
line-height: 26pt;
}
MadCap|dropDown.DD_WhiteArrow /*cer - for DDs needing a white open/close Arrow icon*/
{
mc-image-position: left;
mc-image-spacing: 5px;
mc-closed-image: url('../Images/arrow-clos-wte.png');
mc-open-image: url('../Images/arrow-open-wte.png');
}
MadCap|dropDownHead.FeatureInfographic2 /*cer - match reader infographic*/
{
color: #ffffff;
line-height: 26pt;
background-color: #31579b;
}
MadCap|dropDownHotspot.FeatureInfographics2 /*cer - darker blue*/
{
font-family: 'Segoe UI Semibold', 'OpenSans SemiBold', Arial, sans-serif;
font-weight: normal;
font-size: 14pt;
color: #ffffff;
background-color: #31579b;
}
h2.h2-fSZ18pt-Brand1b_HeadSpace /*cer - special one-off topic assistance*/
{
font-weight: normal;
margin-bottom: 6pt;
color: #aa6565;
page-break-before: avoid;
font-family: 'Segoe UI', 'OpenSans Regular', Arial, sans-serif;
margin-top: 20pt;
}
div.note-inlineCallout3-TopBdr /*cer - for DIVs in Dropdowns*/
{
background-repeat: no-repeat;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #000000;
font-size: 10pt;
padding-top: 6px;
padding-bottom: 6px;
position: inherit;
font-style: inherit;
font-variant: normal;
background-image: url('../../../../../../../../SG-ASSA-DSR/assaDSR/Content/Resources/Images/TermIcon-gcsWtPe.png');
border-radius: 0px;
padding-right: 3px;
padding-left: 5px;
font-family: 'Segoe UI', Arial, sans-serif;
margin: 6px 10% 6px 1px;
border-top: solid 2px #dcdcdc;
border-bottom: none 0px transparent;
}
div.note-inlineCallout3-TopBdrOnly /*cer - for nested DIVS (whats new)*/
{
background-repeat: no-repeat;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #000000;
font-size: 10pt;
padding-top: 6px;
padding-bottom: 6px;
position: inherit;
font-style: inherit;
font-variant: normal;
background-image: url('../../../../../../../SG-ASSA-DSR/assaDSR/Content/Resources/Images/TermIcon-gcsWtPe.png');
border-top: solid 1px #dcdcdc;
border-bottom: solid 1px #dcdcdc;
border-radius: 0px;
padding-right: 3px;
margin: 6px 10% 6px 1px;
padding-left: 5px;
font-family: 'Segoe UI', Arial, sans-serif;
}
div.NoteCALLOUT /*CER in-column callout for CAD Drawings*/
{
background-repeat: no-repeat;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #000000;
border: solid 1px;
font-size: 10pt;
position: inherit;
font-style: inherit;
font-variant: normal;
background-color: #f5f5f5;
border-color: #d3d3d3;
background-position: 4px 3px;
background-size: 25px;
font-family: 'Segoe UI', 'Open Sans', Arial, sans-serif;
margin: 5px 60% 5px 1px;
padding: 6px 6px 6px 6px;
}
ol.ol_3-Letter /*cer - for Reader QRG Prob Letter*/
{
padding-left: 0px;
margin-left: 36pt;
list-style-type: lower-alpha;
}
h3.Heading3-redBG /*cer - copy of blue bg topic header lv3*/
{
page-break-after: avoid;
page-break-inside: avoid;
margin-top: 2pt;
margin-bottom: 0pt;
mc-heading-level: 3;
font-size: 14pt;
font-family: 'Segoe UI Semibold', 'OpenSans SemiBold', Arial, sans-serif;
color: #ffffff;
border-bottom: solid 1px #5B9BD5;
padding: 6px 6px 6px 10px;
font-weight: normal;
background-color: #800000;
}
div.cer-topic-layout-85pct /*cer layout div for topic para/content that is inside the TOPIC LAYOUT MASTER PAGE template - to prevent narrow wrapping for nested divs inside the FLMSP "cer-topic-layout"*/
{
padding: 5px;
width: 85%;
}
MadCap|dropDownBody.DD_Body-Gray-EEEEEE /* native */
{
padding: 10px 30px 0 2px;
background-color: #eeeeee;
}
div.note-inlineCallout-White
{
background-repeat: no-repeat;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #000000;
font-size: 10pt;
padding-right: 6px;
padding-top: 6px;
padding-bottom: 6px;
position: inherit;
font-style: inherit;
font-variant: normal;
background-image: url('../../../../../../../../SG-ASSA-DSR/assaDSR/Content/Resources/Images/TermIcon-gcsWtPe.png');
margin: 6px 20% 6px 30px;
border-top: solid 1px #dcdcdc;
border-bottom: solid 1px #dcdcdc;
border-radius: 0px;
padding-left: 30px;
font-family: 'Segoe UI', Arial, sans-serif;
background-color: #FFFFFF;
}
ul.SuperCondensed /*cer - lineht 12pt*/
{
margin-top: 0px;
margin-bottom: 0px;
line-height: 12pt;
font-size: 11pt;
letter-spacing: 0pt;
}
p.OOPs-Galaxy /*cer - oops 404 error with galaxy img*/
{
color: #000000;
letter-spacing: 0;
margin-top: 3pt;
widows: 3;
orphans: 3;
line-height: normal;
margin-bottom: 6pt;
font-family: 'Segoe UI Semibold';
font-size: 36pt;
}
h2.H2-SegoeLite-22pt /*cer - cloned fr. h2TileSet-LandPg to darken color var and add Para Spacing*/
{
font-weight: normal;
margin-bottom: 6pt;
margin-top: 6pt;
page-break-before: avoid;
font-family: 'Segoe UI Light';
color: #aa6565;
}
h2.H2-SegoeLite-18pt /*cer - reduced font to 18pt*/
{
font-weight: normal;
margin-bottom: 6pt;
margin-top: 6pt;
page-break-before: avoid;
font-family: 'Segoe UI Light';
color: #aa6565;
font-size: 18pt;
}
span.segoeReg-inherit-DkRED /*CER - made to support CC documentation*/
{
font-size: inherit;
font-variant: normal;
font-weight: normal;
font-family: 'Segoe UI', Arial, sans-serif;
font-style: normal;
color: #8b0000;
}
p.GalaxyPolaris-TopicIntro /*cer - for Polaris Topics*/
{
color: #333333;
font-size: 13pt;
line-height: 1.4em;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-align: inherit;
text-decoration: none;
text-transform: none;
padding: 5px 3px;
margin: 30px 0px 15px;
background-color: #cfeaf3;
border: solid 3px #cfeaf3;
max-width: 90%;
font-family: 'Segoe UI', Arial, sans-serif;
}
p.GalaxyPOLARIS-Button1 /*cer*/
{
color: #333333;
font-size: 13pt;
line-height: 1.4em;
font-style: normal;
font-variant: normal;
text-align: inherit;
text-decoration: none;
text-transform: none;
padding: 5px 3px;
margin: 30px 0px 15px;
max-width: 90%;
font-family: 'Segoe UI', Arial, sans-serif;
background-color: #b7c5e4;
border: solid 3px #b7c5e4;
font-weight: bold;
}