/* Version 56 2020/09/04 */
/***************************** General ************************************/

/*==== Cross Section/page ====*/
.clearfloat { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clrBoth  
{
    clear:both;
}
.oneLiner
{
    display:block;
}
textarea {
   font-family: inherit;
   font-size: inherit;
   color:inherit;
}
/***************************** Master begin ************************************/

body
{
    border-bottom: 0px;
    border-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-family: arial, verdana, sans-serif;
    background: #fff;
    height: 100%;
    max-height: 100%;
    font-size: 10pt;
    overflow: hidden;
    border-top: 0px;
    border-right: 0px;
    padding-top: 0px;
}
/* Star HTML hack */
/* Add padding for heading and footer for IE 4-6 */
* html body
{
    padding-bottom: 30px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 100px;
}

/*==== ContainerDiv begin, fixed, 100px allowed for heading and 30px for footer ====*/
.divContainer
{
    position: fixed;
    bottom: 40px;
    font-family: arial, verdana, sans-serif;
    right: 0px;
    left: 0px;
    padding:0;
    min-width: 700px;
}
#ContainerDiv {
    top: 105px;
}
#ContainerSo1Div {
    top: 196px;
}
/* Star HTML hack (IE 4-6) */
* html #ContainerDiv
{
    width: 100%;
    height: 100%;
}
/*==== end Container div --*/

/*==== HeaderDiv begin, 100px high including 4px bottom border ====*/
.divHeader
{
    position: absolute;
    width: 100%;
    min-width: 700px;
    /*border-bottom: #cccccc 1px solid;
    overflow: auto;
    background: #53829d;*/
    top: 0px;
    left: 0px;
}
#HeaderStatoDiv {
        margin:0px auto 0px auto; 
        min-width:700px; 
        max-width:1000px;
        padding: 0px 10px;
        box-sizing:border-box;
}

/*remove
#HeaderDiv
{
    height: 100px;
}
#Header1Div
{
    height: 186px;
}*/

#LogoDiv
{
    text-align:center;
    margin-right:210px;
    margin-left:210px;
}

#MapDiv
{
    width:200px;
    float:right;
    height:56px;
    display: table-cell;
    margin-top: 5px;
    line-height:17px;
}
#NavDiv
{
    width:200px;
    float:left;
    height:56px;
    display: table-cell;
    margin-top: 5px;
}
.divMapItem
{
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow: hidden;

}
.divMapItem img
{
    margin-right:5px;
}


.imageSoLinkActive {
    vertical-align:text-bottom;
}
/*.aHeaderLink {
    text-decoration:none; 
    font-weight:bold;
    color:#009999;
}*/
.aHeaderLink {
    font-size: 9pt;
    text-decoration: none;
    color: #777;
}
#HeaderButtonDiv, #HeaderLeftButtonDiv, #HeaderRightButtonDiv
{
    position:absolute; 
    bottom:0px; 
    height:20px;
}
#SoInfoDiv {
    position:absolute; 
    bottom:37px; 
    height:30px;
    left:0px; 
    right:0px; 
    text-align:left;
}
.divSoHeaderContent
{
    position:absolute; 
    bottom:0px; 
    height:32px;
    left:0px; 
    right:0px; 
    text-align:left;
} 
#SoHeaderContentDiv, #So1SubHeaderContentDiv
{
    bottom:0px; 
} 
#So1SubHeaderContentDiv
{
    height:80px; 
} 
#HeaderSo1ContentDiv
{
    bottom:86px; 
} 

#HeaderButtonDiv 
{
    left:100px; 
    right:100px; 
    text-align:center;
} 
#HeaderLeftButtonDiv
{
    width:95px; 
    left:2px; 
    text-align:left;
} 
#HeaderRightButtonDiv
{
    width:95px; 
    right:2px; 
    text-align:right;
} 
/*==== end Header div --*/

/*==== FooterDiv begin, 30px high including 5px top border ====*/
#FooterDiv
{
    position: absolute;
    text-align:center;
    width: 100%;
    bottom: 0px;
    height: 40px;
    overflow: hidden;
    /*background: #73a2bd;
    border-top: #53829d 5px solid;*/
    left: 0px;
}
/* Star HTML hack (IE 4-6), height includes border height 
* html #FooterDiv
{
    height: 30px;
}*/



.divFooterHostFrame
{
    margin: 0px auto 0px auto;
    max-width:1000px;
    min-width: 700px;
    /*padding: 0px 10px;
    border-top: #009999 1px solid;
    border-left: #f0f0f0 1px solid;
    border-right: #f0f0f0 1px solid;*/
/*    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    background-color:#f8f8f8;*/
    height:100%;

    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.divLeftFooter, .divMidFooter, .divRightFooter
{
    float:left;
    height:100%;
    padding-top:4px;
}
.divLeftFooter
{
    width:40%; 
    text-align:left;
}
.divLeftFooter {
    padding-top:6px;
    padding-left:6px;
    box-sizing:border-box;
}
.divMidFooter
{
    width:20%; 
    text-align:center;
    font-size:8pt;
    /*padding-top:20px;*/
}
.divRightFooter
{
    width:40%; 
    text-align:right;
    padding-top:6px;
    padding-right:6px;
    box-sizing:border-box;
}
.aStatoDisclaimer {
    text-decoration:none;
    color:#555;
}
#DoneButtonDQiPanel {
    padding-top: 2px;
    padding-right: 2px;
}
/*
.divRightFooterRight
{
    width:150px; 
    float:right;
}
.divRightFooter
{
    margin-left:160px;
}*/
#FooterButtonDiv, #FooterCancelButtonDiv, #FooterDoneButtonDiv
{
    position:absolute; 
    top:2px; 
    height:20px;
} 
#FooterButtonDiv 
{
    left:100px; 
    right:100px; 
    text-align:center;
} 
#FooterCancelButtonDiv
{
    width:95px; 
    left:2px; 
    text-align:left;
} 
#FooterDoneButtonDiv
{
    width:95px; 
    right:2px; 
    text-align:right;
} 
/*==== FooterDiv end ====*/
/***************************** Master end ***********************************/

/***************************** Default begin ***********************************/
.divPanelHostFrame
{
    margin: 0px auto;
    max-width:1000px;
    height:100%;
    overflow-y:auto;
    overflow-x:hidden;
    /*min-width: 700px;
    padding: 0px 10px;
    background-color:Aqua;
    overflow:auto;*/
    /*Cw mod 
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-top: 3px solid rgb(188, 0, 67);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;*/
}
.divContentHost
{
}
.divPanelHost
{
    /*height: 100%;*/
    position: relative;
}
.divStatoDetail {
    padding-top:16px;
}
/*.divLeftMenuHost
{
    width:150px; float:left;
}*/

#StatoMainMenuDiv {
    height: 32px;
}

.divPopup {
    border-right: solid 10px #e5e5eb;
    border-bottom: solid 10px #e5e5eb;
    border-left: solid 10px #e5e5eb;
    font-size: 10pt;
    font-weight: normal;
}

.divSoMenuHostFrame, .divHeaderHostFrame, .divPopupHeader, .divSoInfoHostFrame {
    margin: 0px auto 0px auto;
    max-width: 1000px;
    min-width: 600px;
}
.divSoInfoHostFrame {
    font-size:18px;
}
.divHeaderHostFrame, .divPopupHeader
{
    padding: 0px 10px 0px 10px;
}
.divPopupHeader
{
    /*padding: 5px 10px;*/
    border-bottom: #dddddd 2px solid;
    border-left: #f0f0f0 1px solid;
    border-right: #f0f0f0 1px solid;
    border-top: #f0f0f0 1px solid;
/*    border-top-left-radius:10px;
    border-top-right-radius:10px;*/
    background-color: #f8f8f8;
}
.divSoMenuCommon {
    float:right;
    width:200px;
    margin-top:36px;
    text-align:right;
    vertical-align:bottom;
}

.divPopupHeader {
    font-weight:bold;
    padding-top:8px;
    color:#888888;
    text-align:center;
}


/*.divTopMenu
{
    margin-left:160px;
}
.divTopLeftMenu
{
    width:150px; 
    float:left;
}*/
.divTopRightMenu
{
    width:150px; 
    float:right;
}

.buttonWizChoice
{
    /*$gp background-position: right; $gp*/
    display: block;
    margin-left: 40%;
    width: 60%;
    text-align: left;
    margin-top: 20px;
    background-image: url('../img/ArrowHead10.png');
    background-repeat: no-repeat; /*$wb'd   */
    background-position: 98%;
    border: 1px solid #6666AA;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    background-color: #EEEEFF;
    padding-left: 10px; /*  #F8F8F8 $wb'd*/
}
/***************************** Default end ***********************************/

/***************************** NavButtons Begin ***********************************/
.buttonNavigate, .buttonBack
{
    font-size: 8pt;
    height: 20px;
    text-align:center;
    margin:0;
    padding-left:4px;
    padding-right:4px;
    padding-top:0px;
    padding-bottom:0px;
}

/***************************** NavButtons end ***********************************/
.buttonCommand
{
    font-size: 7.5pt;
    height: 18px;
    text-align:center;
    margin:0;
    padding:0px 4px;
    border-radius: 3px;
}
/*.buttonCommandMenuText, .buttonFooterLeft, .buttonFooterRight
{
    /*font-size:10pt;
    color:#fff; * /
    height: 18px;
    margin:0;
    padding:3px 0px;
    background:none;
    border:0; 
}
.buttonFooterLeft {
    padding-right: 6px;
}
.buttonFooterRight {
    padding-left: 6px;
}
.divButtonCommandTopMenu
{
     padding-top:6px;
}*/

/***************************** CheckBox Grid ***********************************/
.ulCheckBoxGrid
{
    list-style:none outside none;
    margin:0;
    padding:0;
}
.ulCheckBoxGrid  li 
{
    padding:3px 0;
    margin:0;
    display:inline-block;
    vertical-align:middle;
}
.ulCheckBoxGrid.fourColumn  li 
{
    width: 24%;
}
.ulCheckBoxGrid.threeColumn  li 
{
    width: 32%;
}
.ulCheckBoxGrid.twoColumn  li 
{
    width: 49%;
}
/*
.ulCheckBoxGrid li input
{
    display:table-cell;
}*/
.ulCheckBoxGrid li label
{
    /*display:table-cell;*/
    padding:0 4px 0 2px;
}
/***************************** end CheckBox Grid ***********************************/
/***************************** begin Log In ***********************************/
fieldset label.inline 
{
    display: inline;
}


/***************************** end Log In ***********************************/
/***************************** begin Footer ***********************************/
/*.buttonFooterRight  ,.buttonFooterLeft,  .textLinkActive, .buttonCommandMenuText
{
    text-decoration:none;
    color:#888888;
    font-weight:bold;
}*/
/***************************** end Footer ***********************************/
#VerbDiv
{
    padding-top:3px; 
    /*height:10px; 
    color:#cccccc;*/
    color:#888888;
}

#AreaDiv
{
    height:40px; 
    font-size:30px; 
    font-weight:bold; 
    /*color:#dddddd;*/
    color:#888888;
}

/***************************** ModalPopupExtender ***********************************/

.ModalPopupBG
{
    background-color: #eeeeee;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.ModalPopupPanel
{
    min-width: 700px;
    min-height:150px;
    background:white;
    border: outset 1px #c0c0c0;
    padding: 10px;
}

/***************************** Progress indication ***********************************/
#ProgressBgDiv {
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    position: fixed;
    z-index: 10000;
}
#ProgressBgDiv1 {
    background-color: white;
    height: 50px;
    width: 200px;
    position: fixed;
    z-index: 10100;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 48px;
    text-align: center;
    border: solid 1px #009999;
}
/***************************** Window-like Popup ***********************************/
.ModalPopupWinPanel, .EditModalPopupWinPanel
{
    min-width: 700px;
    max-width:800px;
    /*min-height:150px;*/
    background:white;
    border: solid 1px #c0c0c0;
    border-top: solid 1px #b0b0b0;
    box-shadow:0px 5px 15px rgba(0,0,0,0.5);
}
.SmallModalPopupWinPanel {
    min-width: 100px;
}
.EditModalPopupWinPanel {
    width:90%;
}
.spanClosePopupWin {
    float: right;
    /* font-size: 12pt; padding-top:6px;font-family: Perpetua;    color: #669900; */
    font-weight: bold;
    cursor: pointer;
    /*margin-right:5px;
    color: #999999;*/
    color: white;
    background-color:#aaaaaa;
    padding:3px 20px;
}
.spanClosePopupWin:hover, .spanClosePopupWin:focus {
    /*font-weight:bold;
    color: black;*/
    background-color: #FF3300;
}
.divPopupWinHeader {
    margin-right: 56px;
    font-weight: bold;
    color: black;
    font-size: 13pt;
    padding: 10px 0 5px 0;
    /*color: #888888;
    font-size: 12pt;
    padding:10px;*/
}
.divPopupWinHFrame {
    border-bottom: solid 1px #c0d0d0;
    background-color: #e5e5eb;
    text-align:center;
    /*margin-bottom:10px;*/
}
.divPopupWinHFrame, .divPopupWinBody {
    white-space:normal;
}
.divPopupWinFFrame {
    padding:0px 10px 10px 10px;
}
.divPopupWinBody {
    padding:10px;
    min-width:400px;
    min-height:40px;
    font-size:12pt;
}

.divPopupWinFooter{
    padding: 10px 5px 5px 5px;
    background-color: #f0f0f4;
}

.spanProgress {
    display:inline-block; 
    width:32px; 
    vertical-align:top; 
    font-size:30pt;
}
.pInteractive {
    font-size: 13pt;
    line-height: 28px;
    margin: 0px;
    margin-bottom: 18px;
}


.panelSophGrandTitle, .panelSophParentTitle, .panelSophCurrentTitle {
    color: #888888;
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.panelSophGrandTitle {
    font-size: 8pt;
    height: 14px;
}
.panelSophParentTitle {
    font-size: 10pt;
    height: 18px;
}
.panelSophCurrentTitle {
    font-size: 15pt;
    height: 28px;
}

/***************************** Window-like Popup ***********************************/
.spanHelpWideSymbol, .spanHelpSymbol {
    color: #669900;
    font-weight: bold; /*padding-top:6px;font-family: Perpetua;*/
    font-size: 12pt;
    padding-top:4px;    
    cursor: pointer;
}
.spanHelpWideSymbol {
    float: right;
}
.spanHelpWideSymbol:hover, .spanHelpWideSymbol:focus, .spanHelpSymbol:hover, .spanHelpSymbol:focus {
    color: #00FF00;
}
.ulHelp {
    list-style-type: none;
}
.ulHelp li {
    margin-top: 8px;
}