body 
{
    background-color: #000000;
}

/* -------------------------------------------- */
/* classes                                      */
/* -------------------------------------------- */
.basicPanel
{ 
    position:               absolute; 
    background-color:       #caccc2;
    border-color:           #666659;       
    border-style:           solid;
    border-radius:          3px;
    border-width:           1px; 
    color:                  #005500; 
    font-family:            "Arial";
    font-size:              12px;
}

.buttonClass
{
    position:           absolute;
    width:              150px;
    height:             25px;
    background-color:   #efefe9;
    border-radius:      7px;
    
    /*
    border-width:       3px; 
    border-color:       #ffff00; 
    */      
}

/*
#leftNav:hover  { background-image: url( "../images/left-hovered.png" ); }
#leftNav:active { background-image: url( "../images/left-pressed.png" ); }
*/

#mainPanel
{
    position:				absolute; 
    top:					0px;
    right:					0px;
    width:					450px; 
    height:					100%;
    /*height:				1300px;*/
    background-color: 	    #dfddd7;
	border-left:            2px solid #666659;
    color:                  #114411; 
    font-family:            "Arial";
    font-size:              15px;
}

#introPanel
{
    position:				absolute; 
    top:					10px;
    left:					10px;
    width:					430px; 
    height:					190px;
    /*
    background-image:       url( "../images/dplot.png" ); 
    */
    background-size:        300px; 
    border-width:           0px; 
}

#mainTitle
{
    position:			absolute; 
    left:				10px;
    top:				0px;
    width:				420px;
    font-family:        "Arial black";
    font-size:          22px;
}

#introText
{
    position:			absolute; 
    left:				10px;
    top:				30px;
    width:				400px; 
}

#controlPanel
{
    position:				absolute; 
    top:					230px;
    left:					20px;
    width:					400px; 
    height:					280px;
    background-color:       #ccc8c4;
    border-color:           #888888;  
    /*background-color:       transparent;*/
    border-width:           2px; 
    color:                  #005500; 
    font-family:            "Arial";
    font-size:              12px;
}

#infoPanel
{
    position:				absolute; 
    top:					520px;
    left:					20px;
    width:					400px; 
    height:					300px;
    color:                  #005500; 
    /*background-color:       #fff8f3;*/
    background-color: 	    #dfddd7;
    /*background-color:       "clear";*/
    border-width:           0px; 
}

#contactPanel
{
    position:				absolute; 
    /*background-color:       #caccc2;*/
    border-color:           #666659;       
    border-width:           2px; 
    bottom:					1px;
    left:					20px;
    width:					350px; 
    height:					30px;
    font-family:            "Arial";
    font-size:              12px;
}

#playButton
{
    position:           absolute;
    top:                15px; 
    left:               20px; 
    width:              100px;
    height:             50px;
    border-radius:      14px;
    background-color:   #eee9e4;
    border-width:       4px; 
    border-color:       #55dd44;       

    background-image: url( "../images/play.png" ); 
    background-size: 100px; 
}
#resetButton
{ 
    position:           absolute;
    top:                27px; 
    left:               135px; 
    width:              70px;
    height:             30px;
    /*
    border-radius:      0px;
    background-color:   transparent;
    border-width:       2px; 
    border-color:       #000000;       
    font-size:          16px;
    */
}


#preset0Button  { left:  20px; top:  80px; }
#preset1Button  { left:  20px; top: 110px; }
#preset2Button  { left:  20px; top: 140px; }
#preset3Button  { left:  20px; top: 170px; }
#preset4Button  { left:  20px; top: 200px; }
#preset5Button  { left:  20px; top: 230px; }

#preset6Button  { left: 180px; top:  80px; }
#preset7Button  { left: 180px; top: 110px; }
#preset8Button  { left: 180px; top: 140px; }
#preset9Button  { left: 180px; top: 170px; }
#preset10Button { left: 180px; top: 200px; }
#preset11Button { left: 180px; top: 230px; }