/* Styles applied to help page */

/*p { margin:0!important; }*/   /* remove space from top and bottom of <p> so it looks more like a linefeed */

#divPageHTML {
     width:100%;
     height:100%;
}

/* Set styles for help page */
.HelpPage {
    font-family:'Segoe UI Light', 'Segoe UI', Arial!important;
    font-size:12pt;
    color:#222222;
    min-height:300px;
}

/* Don't print certain elements. This allows the page to be printed by using the browser print function. */
@media print {
    #divContents_Container { display:none!important; }
    #helpheader { display:none!important; }
    #helpfooter { display:none!important; }
    .LoginTip  { display:none!important; }
    #divShowIndex { display:none!important; }
    #helpBody_Container {height: auto!important}
    #divEditButtons { display:none!important; }
}

/*include body[contenteditable=true] to support IE and Edge editor */
/*body[contenteditable=true] {
    font-family:'Segoe UI Light', 'Segoe UI', Arial!important;
    font-size:12pt;
    color:#222222
}*/

/*------------- Styles for FormatSet list -------------*/
/*list*/ img.Black_Border {border:1px solid black}
/*list*/ table.table {}
/*list*/ table.table table-striped {}
/*list*/ table.table table-bordered {}
/*list*/ table.table table-condensed {}
/*list*/ table.TableStyle1 {}
/*list*/ table.TableStyle2 {}
/*list*/ table.TableStyle3 {}
/*list*/ table.TableStyle4 {}
/*list*/ table.TableStyle5 {}
/*list*/ tr.danger {}
/*list*/ tr.success {}
/*list*/ tr.info {}
/*list*/ img.img-rounded {}
/*list*/ img.img-circle {}
/*list*/ img.img-thumbnail {}
/*list*/ img.img-responsive {}
/*list*/ h1 {}
/*list*/ h2 {}
/*list*/ h3 {}
/*list*/ h4 {}
/*list*/ p.alert alert-success {}
/*list*/ p.alert alert-info {}
/*list*/ p.alert alert-warning {}
/*list*/ p.alert alert-danger {}
/*list*/ button.btn btn-default {}
/*list*/ button.btn btn-primary {}
/*list*/ button.btn btn-success {}
/*list*/ button.btn btn-info {}
/*list*/ button.btn btn-warning {}
/*list*/ button.btn btn-danger {}
/*list*/ button.btn btn-link {}
/*list*/ a.btn btn-default {}
/*list*/ a.btn btn-primary {}
/*list*/ a.btn btn-success {}
/*list*/ a.btn btn-info {}
/*list*/ a.btn btn-warning {}
/*list*/ a.btn btn-danger {}
/*list*/ a.btn btn-link {}

         


.HelpPageMargins {
     padding-top:50px;
     padding-bottom:30px;
     padding-left:30px;
     padding-right:30px;
}

/*-------Apply these styles when the browser width is small*/
@media screen and (max-width: 700px) {
    .HelpPageMargins { padding-left:15px; padding-right:15px }
}


/* iframe for displaying external pages in frames format */
#frame_external {  
    width:100%;
    height:calc(100% - 5px);
    border-width:0px;
} 

.xrrHandle {background-color:yellow!important; z-index:1!important}

.hightlightBackground {
    background-color:yellow;
    padding-left:1px;
    padding-right:1px;
}

/* Allow page popup windows to be wider */
.popover {
    max-width: 500px; /* Max Width of the popover (depending on the container!) */
}

/* Change display so that tip-bubbles are displayed correctly (not overlapping) */
/*.alert { display:inline-block }*/

/* custom table styles */
.TableStyle1 {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; width: 580px; border-collapse: collapse; text-align: left;}
.TableStyle1 tr:first-child td {font-size: 14px;	font-weight: normal; color: #039; padding: 10px 8px; border-bottom: 2px solid #6678b1;}
.TableStyle1 td {border-bottom: 1px solid #ccc; color: #669; padding: 6px 8px;}
.TableStyle1 tbody tr:hover td {color: #009;}

.TableStyle2 {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; text-align: left; border-collapse: collapse; width: 580px;}
.TableStyle2 tr:first-child td {font-size: 13px; font-weight: normal; padding-left: 15px; padding-right: 15px; padding-top: 8px; padding-bottom: 8px; background: #aaaaaa; border-top: 4px solid #666666; border-bottom: 1px solid #fff; color: #eeeeee;}
.TableStyle2 td {padding-left: 15px; padding-right: 15px; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #cccccc; color: #666666; border-top: 1px solid transparent;}

.TableStyle3 {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; text-align: left; border-collapse: collapse; }
.TableStyle3 tr:first-child td {font-size: 13px; font-weight: normal; padding-left: 15px; padding-right: 15px; padding-top: 8px; padding-bottom: 8px; background: #aaaaaa; border-top: 4px solid #666666; border-bottom: 1px solid #fff; color: #eeeeee;}
.TableStyle3 td {padding-left: 15px; padding-right: 15px; padding-top: 8px; padding-bottom: 8px; background: #eeeeee; border-bottom: 1px solid #fff; color: #777777; border-top: 1px solid transparent;}
.TableStyle3 tr:hover td {background: #cccccc; }

.TableStyle4  {font-family: "Segoe UI", Arial; font-size: 10pt; text-align: left; border-collapse: collapse;border:2px solid #808080; width:580px }
.TableStyle4 tr:nth-child(odd) td{color:#555555;border-left:1px solid #dadada;padding-left: 15px; padding-right: 15px; padding-top: 8px; padding-bottom: 8px;}
.TableStyle4 tr:nth-child(even) td{background-color:#f1f1f1;color:#555555;border-left:1px solid #dadada;padding-left: 15px; padding-right: 15px; padding-top: 8px; padding-bottom: 8px;}
.TableStyle4 tr:first-child td {font-size: 12pt; font-weight: normal; padding-left: 15px; padding-right: 15px; padding-top: 8px; padding-bottom: 8px; background: #808080; border-left:none; color:#eeeeee  }

.TableStyle5  {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; width: 480px;	text-align: left; border-collapse: collapse;}
.TableStyle5 tr:first-child td {font-size: 13px; font-weight: normal; padding: 8px; background: #b9c9fe; border-top: 4px solid #aabcfe; border-bottom: 1px solid #fff; color: #039;}
.TableStyle5 td {padding: 8px; background: #e8edff; border-bottom: 1px solid #fff; color: #669; border-top: 1px solid transparent;}
.TableStyle5 tr:hover td {background: #d0dafd; color: #339;}
/* END custom table styles */

.XFAQHeading { padding-left:28px; color:orange; font-size:18px; background-image:url(../_engine/images/toggle_expand.png); background-repeat:no-repeat;background-size:20px; background-position-y:center; border-top:1px solid #e8e8e8; line-height:40px}
.XFAQBody { padding-left:28px; color:green }

.TogglePanel {
    border-top:1px solid #e8e8e8;
    border-right:none; 
    border-bottom:none;
    width:100%
}

.TogglePanel div:nth-of-type(1), .TogglePanel tr:nth-of-type(1) td:nth-of-type(1) { 
    padding-left:28px; 
    color:#337ab7; 
    line-height:40px; 
    font-size:18px; 
    background-image:url(../_engine/images/toggle_expand.png); 
    background-repeat:no-repeat;background-size:20px; 
    Xbackground-position-y:50%; 
    background-position: 0 50%;
    border-left:none; 
    border-top:none;
    cursor:pointer;
}

.TogglePanel div:nth-of-type(2), .TogglePanel tr:nth-of-type(2) td:nth-of-type(1) {
    padding-left:28px; 
    padding-bottom:10px;
    border:none;
}

/* Sticky notes are hidden except while the page is edited.*/
.stickynote  {
    display:none;
}

.StaticEvalMsg {
    background-image:url(images/eval_callout.png);
    background-repeat:no-repeat;
    background-position:top left;
    width:175px;
    height:204px;
    padding-left:29px;
    padding-right:15px;
    padding-top:23px;
    font-size:13px;
}

/* Prevents bootstrap styles from adding background to formatted code */
.reCodeBlock code { background:none!important }