/* cbx_engine_2_0.css - Styles for cbx_engine_2_0 */
  
body 
{
  background-color: #f0e68c;
}


dt
{
  color:          #1e71db;
  font-weight:    bold;
}        


dd
{
  margin:   0;
  padding:  0  0  0  20px;
}

label
{
  margin-left:  2px;
  margin-right: 3px;
}


img
{
  border: 1px solid #808080;
  width:10px;
  height:10px;
}

/* moved to ../common_x_ite.css
button
{
  width:            50px;
  border:            2px solid #808080;
  border-radius:     8px;
  margin-top: 5px;
  background-color: #d0d0a0;
}

button:hover,
button:focus {
  background-color: #faf891;
}
*/

.cls_version
{
  font-size:   0.85em;
  font-weight: bold;
}


.cls_header_0
{
  color: #1e71db;
  font-weight: bold;
  font-size: 1.75em;
  font-family: 'Times New Roman';
  text-align:   center; 
}

.cls_header_1
{
  font-weight:    bold;
  font-size:      1.25em;
  color:          #1e71db;
  font-family:    'Times New Roman'
}

.cls_header_2
{
  color:          #1e71db;
  font-size:      1em;
  font-weight:    bold;
  margin-top:     8px;
  margin-bottom:  8px;
}


div.panel_left, div.panel_right
{
  position:         absolute;

  top:                12px;
  width:             240px;
  height:            calc( 100% - 47px );

  background-color:   #f0f0f0; 
  overflow-y:         auto;

  padding:             8px;
  border:              3px solid #808080;
  border-radius:      15px;

  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


div.panel_left
{
  left:               12px;
}


#x3d_1
{
  position:         absolute;

  top:                12px;
  left:              286px;

  width:             calc( 100% - 578px ); 
  min-width:         450px;

  height:            calc( 100% - 31px );
  min-height:        600px;

  border:           3px solid #808080;
  border-radius:    15px;

  background-color: lightblue;
}      


div.panel_right
{
  left:           calc( 100% - 274px );
}