@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);
/*<meta />*/
/*main page*/

#header a .details {
    float: left;
    /*GG modified for Flare 2017 r2: margin-left: 158px;*/
    margin-left: 10px;
    /*GG modified for Flare 2017 r2: margin-top: -3px;*/
    margin-top: 5px;
    border-left: solid 1px #a9a9a9;
    padding-left: 10px;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    /*GG Added for Flare 2017 r2: font-weight: 100; width: 450px;*/
}

#header a .title {
    clear: both;
    float: left;
    margin: 0;
    text-decoration: none;
    color: #696969;
}

#header a .description {
    clear: both;
    float: left;
    /*NM color: #98b2c2;*/
    text-decoration: none;
    color: #a9a9a9;
}

/*uses the topic style class*/
html.performancesupport body.topicpagebody .bodycontainer {
    background-color: #366581;
    /*accent color*/
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
}

/*uses the topic style class*/
html.popup body.topicpagebody .bodycontainer {
    background-color: #fff;
    /*accent color*/
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
}

/* withrightpanel is added via script when it is detected */
body.topicpagebody.withrightpanel {
}

.templates {
    display: none;
}

html div.ibutton_left {
    /*NM right: 250px;*/
    float: left;
    width: 80%;
    right: 245px;
    bottom: 0;
    left: 0;
    overflow: auto;
    /*NM padding-left: 1em;*/
    padding-left: 0;
    /*NM padding-right: 1em;*/
    padding-right: 0em;
    /*-webkit-border-radius: 4px 0 0 4px;*/
    /*-moz-border-radius: 4px 0 0 4px;*/
    /*border-radius: 4px 0 0 4px;*/
}

html div.ibutton_right {
    float: right;
    width: 20%;
    height: auto;
    overflow: hidden;
    bottom: 0;
    background-color: #f8f8f8;
    height: 100%;
}

table.performancesupporttemplate {
    border: 0;
}

/* COntent styles overridden */
table.K2Note, table.K2Warning {
    width: auto;
    margin-left: 3em;
    margin-right: 3em;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

    table.K2Note td, table.K2Warning td {
        vertical-align: middle;
    }

td.K2Note, td.K2Warning {
    border: 0;
    vertical-align: middle;
}

    td.K2Note img, td.K2Warning img {
        margin: 1em;
        vertical-align: middle;
    }

/*override shadow for related topics image*/
.MCHelpControl_Image_Icon {
    box-shadow: none;
}

/*performance support Area*/
.ibutton-toolbar-button {
    background-color: transparent;
}

.selected.ibutton-toolbar-button {
    /*NM background-color: #417a9c;*/
    background-color: #F0F0F0;
    /*accent color*/
}

#ibutton tr, #ibutton td {
    padding: 0;
    margin: 0;
}

.performancepanel, table.performancepanel {
    border-collapse: collapse;
    width: 100%;
    color: #366581;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    border: 0;
}

    .performancepanel .bottompane {
        position: relative;
        /*to make sure the iframe can have fluid height*/
        height: 100%;
        /*for FF*/
    }

    .performancepanel .framecontainer {
        position: relative;
        right: 0;
        left: 0;
        bottom: 0;
        top: 0;
        display: block;
        height: 100%;
    }

    .performancepanel iframe {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        padding: 0;
        margin: 0;
        bottom: 0;
        top: 0;
        height: 100%;
    }

    .performancepanel .loadingpanel {
        display: none;
    }

    .performancepanel.loading .loadingpanel {
        display: block;
    }

    .performancepanel .perftab {
        display: none;
    }

        .performancepanel .perftab.showing {
            display: block;
        }

    .performancepanel.loading .perftab, .performancepanel.loading .perftab.showing {
        display: none;
    }

    .performancepanel .perftab .emptypanel {
        display: none;
        padding: 10px;
        /*NM color: white;*/
        color: #000;
        text-align: center;
    }

    .performancepanel .perftab.empty .emptypanel {
        display: block;
    }

    .performancepanel .perftab .emptypanel .notice {
        font-style: italic;
        /*NM color: white;*/
        color: #000;
        font-size: .8em;
        margin-top: 10px;
        opacity: .8;
    }

    .performancepanel .perftab .emptypanel a {
        font-style: normal;
        /*NM color: white;*/
        color: #000;
        text-decoration: underline;
        font-size: .8em;
        margin-top: 10px;
    }

    .performancepanel .perftab .emptypanel input {
        /*Yanga: Changs made to accomodate button*/
        outline: none;
        border: none;
        width: 85%;
        margin-top: 0;
        background-color: #366581;
        color: #fff;
        height: 29px;
        padding: 0;
        text-indent: 15px;
        float: left;
        font-family: "Open-Sans Regular", "Segoe UI Regular", Helvetica,arial,sans-serif;
        font-size: 13px;
    }

        .performancepanel .perftab .emptypanel input:focus {
            outline: none;
        }

    /* Yanga: Search Button styling */
    .performancepanel .perftab .emptypanel .searchbutton {
        border: none;
        margin-top: 20px;
        background-color: #366581;
        /*NM color: white;*/
        color: #000;
        height: 30px;
        padding: 0;
        text-indent: 15px;
        background-image: url(../Images/Skin/Search16.png);
        background-repeat: no-repeat;
        background-position: 96% center;
        right: 0;
        cursor: pointer;
    }

.loadingpanel, .framecontent {
    /*NM background-color: #417a9c;*/
    background-color: #F0F0F0;
    /*accent color*/
}

.loadingpanel {
    height: 100%;
    width: 100%;
    text-align: center;
    background-color: #8c9ca5;
    vertical-align: middle;
    display: inline-table;
}

    .loadingpanel .loadingimg {
        margin: auto;
        /*margin-top: 30px;*/
        background-image: url(../Images/Skin/loading.gif);
        background-repeat: no-repeat;
        background-position: center center;
        height: 64px !important;
        width: 64px !important;
    }

/* tabs - perf support */
div.ibutton_right .ibutton-toolbar-button span {
    height: 32px;
    width: 32px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    margin: auto;
    padding-bottom: 3px;
    box-sizing: border-box;
}

div.ibutton_right .ibutton-toolbar-button a {
    text-transform: uppercase;
    /*NM color: #6189a1;*/
    color: #000;
}

    div.ibutton_right .ibutton-toolbar-button a:hover {
        /*NM color: #98b2c2; */
        color: #222;
    }

.framecontent ul li a:hover {
    background-color: #e0e0e0;
}

div.ibutton_right .ibutton-toolbar-button.selected a, div.ibutton_right .ibutton-toolbar-button.selected a:hover {
    /*NM color: white;*/
    color: #000;
    text-decoration: none;
}

/* performance list item styles */
.framecontent {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}

    .framecontent ul {
        margin: 0;
        padding: 5px;
    }

        .framecontent ul li {
            list-style: none;
            display: block;
            margin: 0;
            margin-bottom: 5px;
        }

            .framecontent ul li a {
                padding: 5px;
                display: block;
                min-height: 25px;
                padding-left: 30px;
                background-repeat: no-repeat;
                background-position: 5px 8px;
                /*add 3px to vert*/
            }

    .framecontent .allitems {
        display: none;
    }

/*popup windows*/
.topicpagebody .dark {
    background-color: #366581 !important;
    /*dark blue*/
}

#popup {
    position: relative;
}

/*styling for tutorials "show me how" sections */
div[data-k2-expander-header]{
	color: #006BD6;
	cursor: pointer;
	width:150px;
}

/*pre-text twistie for collapsed section*/
div[data-k2-expander-header]
{
	background-image:url('../Images/Skin/Collapsed_Section18.png');
	background-repeat:no-repeat;
	background-position-y: center;
}

/*pre-text twistie for expanded section*/
div[data-k2-expander-header].showing:before
{
	
}

div[data-k2-expander-header]:after
{
	color: #006BD6;
	content: " Show me how...";
	padding-left:23px;
}

div[data-k2-expander-header]:hover
{
	background-color: #a3b38b17;
	width:150px;
}

div[data-k2-expander-header].showing
{
	width:100%;
	background-color: #a3b38b17;
	background-image:url('../Images/Skin/Expanded_Section18.png');
	background-repeat:no-repeat;
}

div[data-k2-expander-header].showing:after
{
	color: #006BD6;
	content: " Show me how...";
	padding-left:23px;
}

div[data-k2-expander-body]{
	display:none;
}

/*green border on left of show me section*/
div[data-k2-expander-body].showing{
	/*border-left:7px solid #81ae40;*/
	background-color:#a3b38b17;
	display:block;
	margin-left:0px;
	padding-left: 0.7em;
	width:inherit;
}
/*styling for "show me how" ends here*/

/* Image maps - red boxes etc */
.imagecontainer {
    display: inline-block;
    /*mimics the images*/
    position: relative;
}

.floatingarea {
    position: absolute;
    /*background-color: red;*/
    cursor: help;
    opacity: 0;
    -ms-filter: alpha(opacity=0.0);
    transition: opacity linear .15s;
    -webkit-transition: opacity linear .15s;
    -moz-transition: opacity linear .15s;
}

    .floatingarea:hover {
        position: absolute;
        opacity: .3;
        -ms-filter: alpha(opacity=0.3);
        transition: opacity linear .15s;
        -webkit-transition: opacity linear .15s;
        -moz-transition: opacity linear .15s;
    }

MadCap|dropDownHotspot {
    font-size: 14pt;
}

@media screen and (max-width: 1024px) {
}

@media screen and (min-width: 1025px) {
    .tabs-nav {
        display: none;
    }

    .tab.active .tabs-panel {
        margin-top: -28px;
    }

    .button-group-container-left {
        display: none;
    }

    #contentBodyInner {
        background-color: #FFF;
        border-top: none;
        border-right: none;
        border-left: none;
        position: absolute;
        right: 9px;
        bottom: 0;
        left: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        top: 3px;
    }

    .tree-node.tree-node-collapsed > div, .tree-node.tree-node-collapsed > div:hover, .web .tree-node.tree-node-expanded.tree-node-selected > div, .web .tree-node.tree-node-expanded.tree-node-selected > div:hover, .web .tree-node.tree-node-collapsed > div:hover, .web .tree-node.tree-node-collapsed > div, .web .tree-node.tree-node-collapsed.tree-node-selected > div:hover, .web .tree-node.tree-node-collapsed.tree-node-selected > div {
        background-image: none;
    }

    #header {
        webkit-box-shadow: 0 1px 5px #c1c1c1;
        -moz-box-shadow: 0 1px 5px #c1c1c1;
        box-shadow: 0 1px 5px #c1c1c1;
    }

    .tabs-panel-content {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
}

@media screen and (max-width: 1024px) {
    .hide-extras.active #navigation[role="complementary"] {
        width: 30%;
        display: block;
    }

    .active #contentBody[role="main"] {
        margin-right: -30%;
    }
}