/*
* File: cbt.src.css
* date: 19/11/2013
*/


/*
* Status part
*/
.status-container {    
       
    overflow: hidden;   
    /*min-width: 200px;*/
    float:left;   
    border-bottom: #9fa0a4 solid 1px;   
   
}

.status-img-container {
    float: left;    
    border: 0;
}

.status-text-container {
    float: left;    
    
    font-size: 14px;
    font-weight: bold;
    /*font-family:courrier, arial, sans-serif;    */
    
    margin-left: 10px;    
}

/*
* Toolbar part
*/

/* Root container */
.toolbar-container {    
    /*display: inline-block;*/

    overflow: hidden;
    width: auto;
    height: auto;
    /*min-height: 32px;*/    
    
    margin-right: 5px;
}

.toolbar-button-container:first-child {
    /*margin-right: 10px;*/
}

/* Button container */
.toolbar-button-container {
    float: right;  
    cursor: pointer;
    
    width: auto; min-width: 32px;
    height: 32px; /*height: auto; min-height: 32px;*/
    border: 1px solid #ffffff;
      
    padding: 1px;
    margin: 0 1px;

    font-size: 75%;
    /*font-family: courrier, arial, sans-serif;*/
}

/* Label used into a button */
.toolbar-button-container .button-label {
    display: inline-block;
    vertical-align: middle;
    padding: 0 2px;
    line-height:0.5;
}

/* when the mouse is hover a button */
.toolbar-button-container:hover {
    border: 1px solid #A8ADB3;
    border-radius: 4px;
} 


/*
* Chart part
*/

.chart-container {
    display: inline-block;
}

/*
* Settings part
*/

/*  Root container of all the settings */
.settings-container {
    display: block;    
    /*overflow: hidden;*/
    width: auto;
    /*height: auto;   */
    margin-top: 10px; 
         
}

/* Settings */
.settings {
    float: left;
   
    /*min-width: 215px;*/
    width: 200px;/*auto;*/ /* ToDo test to know if this line fixes the bug 4362 displaycurve*/
    margin: 15px;
    margin-right: 5px;
}

.settings:first-child {
}

/* Settings header */
.settings-header {        
    overflow: hidden;
    width: 100%;
    height: 100%;
    min-height: 22px;
}

/* Settings title into the header */
.settings-title {    
    float: left;
    width: 85%;    
    height: auto;
    color: #ffffff;
    white-space: pre-wrap;
    font-size: 11px;
    /*font-family: courrier, arial, sans-serif;*/
    font-weight: bold;
    text-align: center;
    margin-left: 2px;
    margin-top: 4px; /* todo: try to align vertically the settings-title with the settings-header */    
    margin-bottom: 0px;    
}

/* Settings locker */
.settings-locker {   
    float: right;
    max-width: 20px;
    margin: 1px;    
    cursor:pointer;
}

/* locker closed */
.settings-locker.close {     
}

/* locker open */
.settings-locker.open {    
}

/* Container of a group of values (eg. Thermal Settings, Magnetic Settings, Instantaneous Settings) */
.settings-values {    
    border: 1px solid #aaaaaa;
    /*max-width: 220px;*/ /* fix: when settings modified -> html containers (sliders) were (sometimes) resized and cursor position was invalid*/
}

/* A value (a combobox, a checkbox + its label, a slider + its label) */
.settings-value {
    margin: 3px;
   /* position: relative;    */
   /* min-height: 19px;*/
    overflow: hidden;    
    width: 100%;    
}

/* A label display at the left of the setting (eg. at the left of the slider, checkbox, ...) */
.settings-label {
    float: left;
    font-size: 11px;
    /*font-family:courrier, arial, sans-serif;        */
    text-align: left;
    width: 50px; /* fixed size to align the combobox/slider/checkbox */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* A combobox setting */
.settings-combobox     
{
    float: left;
    font-size: 11px;
    /*font-family:courrier, arial, sans-serif;   */ 
    height:21px !important;
    line-height:15.7px !important;   
    /*position: absolute;*/
    /*left: 0;*/
}

/* A checkbox setting (true/false) */
.settings-checkbox {
    float: left;
    /*position: absolute;*/ /* note: use a fix width for each label -> checkbox/slider will be align. better solution ? */
    /*left: 0;*/

}

/* A slider setting */
.settings-slider {
    float: left;
    width: 48%;/*105px;*/
    margin-top: 7px;
    margin-right: 5px;
    margin-left: -4px;
    cursor:pointer;
    
}

.settings-text {
    float: left;
    font-size: 11px;
    /*font-family:courrier, arial, sans-serif;*/
    width: 18%;/*41px;*/
    margin: 0 2px;
    border-radius: 4px;
    border: 1px solid gray;
    text-align: left;
    padding: 2px;
    height:21px !important;
    line-height:15.7px !important; 
}

/*
*
* Tooltip 
*
*/

.tooltip-container {
    z-index: 100;
    display: inline-block;
    position: absolute;
    visibility: hidden;
    
    background: white;
    width: auto;
    height: auto;
    border: 1px solid #A8ADB3;
    border-radius: 4px;        
    
    padding: 3px;

    font-size: 70%;
    /*font-family: courrier, arial, sans-serif;*/
}