﻿ .overlay {
        position: fixed;
        z-index: 99;
        top: 0px;
        left: 0px;
        background-color: #FFFFFF;
        width: 100%;
        height: 100%;
        filter: Alpha(Opacity=70);
        opacity: 0.70;
        -moz-opacity: 0.70;
    }
    * html .overlay {
        position: absolute;
        height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
        width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
    }
    .loader {
        z-index: 100;
        position: fixed;
        width: 120px;
        margin-left: -60px;
        top: 50%;
        left: 50%;
    }
    * html .loader {
        position: absolute;
        margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
    }
    
    .lblResulTop
{
    color: #FF0000;
}
.accordion {
    height: 100%;
}
          
.accordionHeader 
{  
    border: 1px solid #2F4F4F;  
    color: white;  
    background-color: #2E4d7B;  
    font-family: Arial, Sans-Serif;  
    font-size: 12px;  
    font-weight: bold;  
    padding: 5px;  
    margin-top: 5px;  
    cursor: pointer;      
    min-height:15px;
}  
          
.accordionHeaderSelected 
{  
    border: 1px solid #2F4F4F;  
    color: white;  
    background-color: #5078B3;  
    font-family: Arial, Sans-Serif;  
    font-size: 12px;  
    font-weight: bold;  
    padding: 5px;  
    margin-top: 5px;  
    cursor: pointer;  
    min-height:14px;
}  
          
.accordionContent 
{  
    background-color: #D3DEEF;  
    border: 1px dashed #2F4F4F;  
    border-top: none;  
    padding: 5px;  
    padding-top: 10px;   
}  
    
#reportViewer
{
    position: absolute;
    left: 50%;
    top: 50%;
    height: 10px;
    width: 10px;
    z-index: -1;
    background: #EDF4F9;
    display: inline;
    border:5px Ridge #2F4F4F;
    overflow:scroll;   
}

#reportClose
{
    position:relative;
    top:5px;
    left:3px;    
}

.diagnosticsItemWrapper{
    display:inline-block; 
    width:280px;
    text-align: left;
    margin:3px 10px 3px 0px;
    border: 0px solid black;
    vertical-align:middle;
}
.diagnosticsItemLabel{
    display:inline-block; 
    text-align: left;
    margin-right: 5px;
    width: 150px;
    vertical-align:middle;
}
.diagnosticsItemValue{
    width: 100px;
    display:inline-block; 
    text-align: left;
    vertical-align:middle;
}

.diagnosticsRowWrapper{
    display:inline-block; 
    width:270px;
    text-align: left;
    margin:3px 10px 3px 0px;
    border: 0px solid black;
    vertical-align:middle;
}
.diagnosticsRowWrapperWide{
    display:inline-block; 
    width:400px;
    text-align: left;
    margin:3px 10px 3px 0px;
    border: 0px solid black;
    vertical-align:middle;
}
.diagnosticsRowLeft{
    display:inline-block; 
    text-align: left;
    margin-right: 5px;
    width: 20px;
    vertical-align:middle;
}
.diagnosticsRowLeftFlag{
    display:inline-block; 
    text-align: left;
    margin-right: 5px;
    width: 20px;
    vertical-align:middle;
}
.diagnosticsRowLeftWide{
    display:inline-block; 
    text-align: left;
    margin-right: 5px;
    width: 40px;
    vertical-align:middle;
}
.diagnosticsRowRight{
    display:inline-block; 
    text-align: left;
    vertical-align:middle;
}
.diagnosticsWrapper
{
    float:left;
    border-width:3px;
    border:1px solid grey;
    font-size:x-small;
    width:265px;
    margin:3px;
    padding:3px;

}
.diagnosticsWrapperImpact
{
    float:left;
    border-width:3px;
    border:1px solid grey;
    font-size:x-small;
    width:265px;
    margin:3px;
    padding:8px;

}
.diagnosticsWrapperWide
{
    float:left;
    border-width:3px;
    border:1px solid grey;
    font-size:x-small;
    width:390px;
    margin:3px;
    padding:3px;

}
.diagnosticsWrapperGps
{
    float:left;
    border-width:3px;
    border:1px solid grey;
    font-size:x-small;
    width:225px;
    margin:3px;
    padding:3px;

}
.diagnosticsWrapperRS485
{
    float:left;
    border-width:3px;
    border:1px solid grey;
    font-size:x-small;
    width:200px;
    margin:3px;
    padding:3px;

}
.diagnosticsWrapperReport
{
    float:left;
    border-width:3px;
    border:1px solid grey;
    font-size:x-small;
    width:225px;
    margin:3px;
    padding:3px;

}

.diagWindow
{
    width: 100%;
}
#wrapperSettingsV2
{
    padding: 20px;
}