.Mother {   position: relative;

            border-style:solid;
            border-width: 0px;
            border-color :red;

            margin-left:auto;
            margin-right:auto;
            margin-top: -10px;
            width: 1000;
            height: 750;
        }
        
                
.ControlPanel   {position:absolute; top: 130px; left: 200px; border-style:solid;
                border-width: 1px; width: 600px; height: 50px; background-color: rgb(150,160,150);
                -webkit-border-radius: 8px;
                -webkit-box-shadow: inset 5px 5px 7px rgb(80,80,80);
				-moz-border-radius: 8px;
                -moz-box-shadow: inset 5px 5px 7px rgb(80,80,80);
                }

.TheField   {position:absolute; top: 10px; left: 120px; border-style:solid;
            border-width: 1px; border-color: rgb(100,170,120); width: 80px; height: 30px;
            }

.TheButton  {position:absolute; top: 13.5px; left: 20px; border-style:solid;
            border-width: 0px; width: 100px; height: 30px;
            }

.Prompt     {position:absolute; top: 15px; left: 180px;
             text-align:center;color:rgb(200,255,50);font-size:110%;
             border-style:solid; border-width: 0px;
             width: 450px; height: 30px;
            }


.DataPanel {position:absolute; top: 230px; left: -30px; border-style:solid;
            border-width: 0px; width: 1060px; height: 450px; background-color: rgb(210,165,70);
            -webkit-border-radius: 8px;
            -webkit-box-shadow: inset 5px 5px 7px rgb(80,80,80);
			-moz-border-radius: 8px;
            -moz-box-shadow: inset 5px 5px 7px rgb(80,80,80);
            }
                
.TheTitle   {position:absolute; top: 25px; left: 435px;
             text-align:center;color:rgb(50,60,50);font-size:130%;
             border-style:solid; border-width: 0px;
             width: 300px; height: 40px;
            }
            
.TheCode   {position:absolute; top: 25px; left: 300px;
            text-align:center;color:rgb(50,60,50);font-size:130%;
            border-style:solid; border-width: 0px;
            width: 300px; height: 40px;
            } 
           
.Monthes    {position:absolute; top: 80px; left: 10px; border-style:solid;
             border-width: 1px; width: 1040px; height: 35px; background-color: rgb(120,130,120);
             -webkit-border-radius: 3px;
			 -moz-border-radius: 3px;
            }                  

.Kind   {position:absolute; top: 190px; left: 1000px; border-style:solid; z-index:+4;
         border-width: 1px; border-color: rgb(100,100,120);
         width: 55px; height: 140px; background-color: rgb(120,130,120);
         -webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
        }
            
            
            
            
.GlassPanel {position:absolute; top: 70px;height: 350px;
             opacity:0.12;-moz-opacity:0.12;filter:alpha(opacity="12");
             -webkit-border-radius: 8px;
			 -moz-border-radius: 8px;
             background-color: rgb(230,245,230); z-index:+4;
            }

.x1 {position:absolute;text-align:center; left:920px; width: 35px; height:25px;}
.x2 {position:absolute;text-align:center; left:845px; width: 35px; height:25px;}
.x3 {position:absolute;text-align:center; left:770px; width: 35px; height:25px;}
.x4 {position:absolute;text-align:center; left:695px; width: 35px; height:25px;}
.x5 {position:absolute;text-align:center; left:620px; width: 35px; height:25px;}
.x6 {position:absolute;text-align:center; left:545px; width: 35px; height:25px;}
.x7 {position:absolute;text-align:center; left:470px; width: 35px; height:25px;}
.x8 {position:absolute;text-align:center; left:395px; width: 35px; height:25px;}
.x9 {position:absolute;text-align:center; left:320px; width: 40px; height:25px;}
.x10{position:absolute;text-align:center; left:245px; width: 40px; height:25px;}
.x11{position:absolute;text-align:center; left:170px; width: 35px; height:25px;}
.x12{position:absolute;text-align:center; left:95px; width: 35px; height:25px;}
.x13{position:absolute;text-align:center; left:20px; width: 35px; height:25px;}






.y1 {position:absolute; top:200px; left:15px; height:35px; width: 1050px; padding-top: 4px;
     border-style:solid; border-width: 0px;opacity:0.7;-moz-opacity:0.7;filter:alpha(opacity="70");
    }
    
.y2 {position:absolute; top:240px; left:15px; height:35px; width: 1050px; padding-top: 4px;
     border-style:solid; border-width: 0px;opacity:0.7;-moz-opacity:0.7;filter:alpha(opacity="70");
    }
    
.y3 {position:absolute; top:280px; left:15px; height:35px; width: 1050px; padding-top: 4px;
     border-style:solid; border-width: 0px;opacity:0.7;-moz-opacity:0.7;filter:alpha(opacity="70");
    }
    
.z1 {position:absolute; top:195px; left:15px; height:35px; width: 1050px; padding-top: 4px;
     border-style:solid; border-width: 0px;
     background-color: rgb(180,180,255);opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity="30");
    }    
.z2 {position:absolute; top:195px; left:15px; height:35px; width: 1050px; padding-top: 4px;
     border-style:solid; border-width: 0px;
     background-color: rgb(180,255,180);opacity:0.25;-moz-opacity:0.25;filter:alpha(opacity="25");
    }    
.z3 {position:absolute; top:195px; left:15px; height:35px; width: 1050px; padding-top: 4px;
     border-style:solid; border-width: 0px;
     background-color: rgb(255,200,200);opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity="30");
    }

.Latest     {position:absolute; top: 700px; left: -50px;
             text-align:center;color:rgb(70,70,50);font-size:110%;
             border-style:solid; border-width: 0px;
             width: 350px; height: 30px;
            }