﻿body 
{ 
	
	
	
}

/* default page's style starts here */
/* all the top divs */


#googleadd
  {
  	
  	
  	height:60px;
  	 
     float:left;
  }
  #facebookbtn
  {
   height:60px;
   float:right;
  }
 #d1  
     {        	
        	background-color:Greenyellow;
        	font-size:medium;
        	width: 50px;
            height:50px;
           -moz-border-radius: 20px;
           -webkit-border-radius: 20px;
            border-radius: 20px;
  behavior: url(C:\Users\Jeya\Pie.htc);
          
      }  
        #d2
        {
        	background-color:Aqua;
           	font-size:medium;
        	height:50px;
        	width:50px;
        	-moz-border-radius: 20px;
            -webkit-border-radius: 20px;
             border-radius: 20px;
  behavior: url(C:\Users\Jeya\Pie.htc);
             
        }
         #d3
        {
        	background-color:Coral;
        	font-size:medium;
        	height:50px;
        	width:50px;
        	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
     border-radius: 20px;
  behavior: url(C:\Users\Jeya\Pie.htc);
        }
         #d4
        {
        	background-color:pink;
        	font-size:medium;
        	height:50px;
        	width:50px;
        	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
     border-radius: 20px;
  behavior: url(C:\Users\Jeya\Pie.htc);
        }
         #d5
        {
        	background-color:CornflowerBlue;
        	font-size:medium;
        	height:50px;
        	width:50px;
        	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
     border-radius: 20px;
  behavior: url(C:\Users\Jeya\Pie.htc);
        }
         #d6
        {
        	background-color:PaleGreen;
        	font-size:medium;
        	height:50px;
        	width:50px;
        	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
     border-radius: 20px;
  behavior: url(C:\Users\Jeya\Pie.htc);
        }
         #d7
        {
        	background-color:CornflowerBlue;
        	font-size:medium;
        	height:50px;
        	width:50px;
        	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
     border-radius: 20px;
  behavior: url(C:\Users\Jeya\Pie.htc);
        }
         #d8
        {
        	background-color:Pink;
        	font-size:medium;
        	height:50px;
        	width:50px;
        	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
     border-radius: 20px;
  behavior: url(C:\Users\Jeya\Pie.htc);
        }
         #d9
        {
        	background-color:Coral;
        	font-size:medium;
        	height:50px;
        	width:50px;
        	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
     border-radius: 20px;
  behavior: url(C:\Users\Jeya\Pie.htc);
        }
         #d10
        {
        	background-color:Aqua;
        	font-size:medium;
        	height:50px;
        	width:50px;
        	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
     border-radius: 20px;
  behavior: url(C:\Users\Jeya\Pie.htc);
        }
         #d11
        {
        	background-color:GreenYellow;
        	font-size:medium;
        	height:50px;
        	width:50px;
        	-moz-border-radius: 20px;
            -webkit-border-radius: 20px;
             border-radius: 20px;
  behavior: url(C:\Users\Jeya\Pie.htc);
        }
      

    
        .d
        {
        	float:left;
        	
        	
        }
   /* all the abacus balls style*/
    .c0
        {
        	background-color:peru;
        	height:25px;
        	width:34px;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
             border-radius: 20px;
  behavior: url(C:\Users\Jeya\Pie.htc);
        }
    
          .c2
        {
        	background-color:peru;
        	height:25px;
        	width:34px;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
             border-radius: 20px;
  behavior: url(C:\Users\Jeya\Pie.htc);
  position:relative;
        }
        
        .c3
        {
        	background-color:peru;
        	height:25px;
        	width:34px;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
             border-radius: 20px;
  behavior: url(C:\Users\Jeya\Pie.htc);
   position:relative;
        }
         .c4
        {
        	background-color:peru;
        	height:25px;
        	width:34px;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
             border-radius: 20px;
  behavior: url(C:\Users\Jeya\Pie.htc);
   position:relative;
        }
         .c5
        {
        	background-color:peru;
        	height:25px;
        	width:34px;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
             border-radius: 20px;
  behavior: url(C:\Users\Jeya\Pie.htc);
   position:relative;
        } .c6
        {
        	background-color:peru;
        	height:25px;
        	width:34px;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
             border-radius: 20px;
  behavior: url(C:\Users\Jeya\Pie.htc);
   position:relative;
            
        }
         .c7
        {
        	background-color:peru;
        	height:25px;
        	width:34px;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
             border-radius: 20px;
  behavior: url(C:\Users\Jeya\Pie.htc);
        }
         .c8
        {
        	background-color:peru;
        	height:25px;
        	width:34px;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
             border-radius: 20px;
  behavior: url(C:\Users\Jeya\Pie.htc);
        }
         .c9
        {
        	background-color:peru;
        	height:25px;
        	width:34px;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
             border-radius: 20px;
  behavior: url(C:\Users\Jeya\Pie.htc);
        } .c10
        {
        	background-color:peru;
        	height:25px;
        	width:34px;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
             border-radius: 20px;
  behavior: url(C:\Users\Jeya\Pie.htc);
        }
        .ballwidth
        {
        	width:62px;
        	height:30.9px;
        	
        }
         .ballwidth1
        {
        	width:62px;
        	height:50px;
        	
        }
    

/* default page's style ends here*/

/* site master style starts here*/

header, section, article, aside, nav, figure, figcaption { display: block; }
 
  #container        
  {  
  	
  margin:0 auto;
  width: 900px; 
  height:687px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
   border-radius: 20px;
  behavior: url(C:\Users\Jeya\Pie.htc);
  border-width:thick;
   
}


header {  
  
  height:82px;
  width: 900px;
  
  
}



#content { 
  float:right;
  width:722px;
  height:545px;
  padding:0px 0px 0px 0px; 
  margin:0px;
  
   
}

footer { 
  clear:both;
  height:60px;
  display:block;
  text-align:center;
   
}  
.c1  
{
	background-color:Blue;
	font-family:Calibri;
	font-size:medium;
}
   .nav {
  
  width: 178px; 
  height:545px;
  float:left;
  padding:0px 0px 0px 0px; 
  margin:0px;
  
  
  } 
#nav1
   	{
	    list-style-type :none;
   		float:left;
   	    width:178px;
   	  margin:10px 0px 0px 0px;	
   	  padding:0px 0px 0px 0px;
   	    
   	}
   	#nav1 a:hover
   	{
   		background-color:Aqua;
   	}
   	.div2
   	{
   		display:block;
       	background-color:Teal;
    	font-weight:bold;
    	cursor:pointer;
    	margin :0px 20px 10px 20px;
    	
        list-style: circle;
       -moz-border-radius: 10px;
       -webkit-border-radius:10px;
        border-radius: 10px;
  behavior: url(C:\Users\Jeya\Pie.htc);
        border-width:thick;
        text-align:center;
        color :Yellow;
   	}
.div1
    { 
    	display:block;
       	background-color:Teal;
    	font-weight:bold;
    	cursor:pointer;
    	margin :0px 20px 10px 20px;
    	width:115px;
        list-style: circle;
       -moz-border-radius: 10px;
       -webkit-border-radius:10px;
    border-radius: 10px;
  behavior: url(C:\Users\Jeya\Pie.htc);
        border-width:thick;
        text-align:center;
        color :Yellow;
        font-size:large;         	
    }
   
    
    
  
    #nav1 li:hover  ul {
display:block;
list-style:none;


}


    #nav1  ul
    {  
    list-style:none;
	float:left;
	margin-left:0px;
	margin-top:5px;
	
	
}
/* padding is important here--J and margin =0*/
    #nav1  li ul
    {
    	display:none;
    	padding:0px 0px 0px 0px;
    	margin:0px;
    	
    }
    
  
    #nav1 ul li
    {
    cursor: auto;
   	float:left;
   	
    }
    
    #nav1 ul li ul li  a
    {
text-decoration: none;
border:1px solid teal;
background-color:white;
color:Teal;
list-style: circle;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
 border-radius: 20px;
  behavior: url(C:\Users\Jeya\Pie.htc);
   }
    
    
     #nav1 ul li a
     {
     	text-decoration: none;
    	color :yellow;
     }
    
 


  #menu
    {
    	list-style-type:none;
    	display:block;
    	float:right; 
    	margin-right: 0px;
    	
    
    	
    }
   
    #menu li
    {
    	display:inline;
    	font-size:large;
    	position:relative;
    	
       	
    }
    #menu li:hover li
    {
    	color:Teal;
    }
    #menu a
    {
    	text-decoration:none;
    }
#slate1{

 width:682px;
 height:440px;
background-color:#2F4F4F;
border:20px solid burlywood;
-moz-border-radius: 30px;
-webkit-border-radius: 30px; 
 border-radius: 30px;
  behavior: url(C:\Users\Jeya\Pie.htc);
float:left;


    
}
/* sitemaster ends here*/
/*add0 single digit addition starts here*/
#infotd
        {
        	color:White;
        	font-family:Cursive;
        	font-size:small;
        	height:10px;
        }
.accordion   
        { 
        	-moz-border-radius: 20px;
            -webkit-border-radius: 20px;        
            width: 240px; 
            height:460px;
            -moz-border-radius: 5px; 
             border-radius: 5px;
  behavior: url(C:\Users\Jeya\Pie.htc);
           
        }  
          
        .accordionHeader   
        {
        	-moz-border-radius: 20px;
            -webkit-border-radius: 20px;
             border-radius: 20px;
  behavior: url(C:\Users\Jeya\Pie.htc);
            border: 1px solid Teal;  
            color: yellow;  
            background-color:#00cccc;  
            font-family: Arial, Sans-Serif;  
            font-size: 14px;  
            font-weight: bold;  
            padding: 5px;  
            margin-top: 5px;  
            cursor: pointer; 
             
        }  
          
        .accordionHeaderSelected {  
            border: 1px solid #00cccc;  
            color: yellow;  
            background-color:Teal;  
            font-family:Cursive;  
            font-size: 14px;  
            font-weight: bold;  
            padding: 5px;  
            margin-top: 5px;  
            cursor: pointer;  
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
             border-radius: 20px;
  behavior: url(C:\Users\Jeya\Pie.htc);
        }  
          
        .accordionContent
         {  -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
             border-radius: 20px;
  behavior: url(C:\Users\Jeya\Pie.htc);
            border: 1px solid  Teal;  
            border-top: none;  
            padding: 5px;  
            padding-top: 10px;  
        } 
        #part1
  {
  	display:inline;
  	height:460px;
  	width:482px;
  	float:left;
  	margin:0px;
  	padding:0px;
  	
  }
  #part2
  {
  	display:inline;
  	float:right;
  	height:460px;
  	width:240px;
  	margin:0px;
  	padding:0px;
  	right:0px;
  	
  }
         #slateadd
         {
width:442px;
background-color:#2F4F4F;
border:20px solid burlywood;

height:420px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
 border-radius: 30px;
  behavior: url(C:\Users\Jeya\Pie.htc);
font-family:Arial Black;
font-size:40px;
color:White;

}
 #rbdiv
    {      
     color:Teal;  
     font-weight:bold;
     font-size:large;
     
     } 
     

.changeadd2
{
	    display:block;
       	background-color:Teal;
    	font-weight:bold;
    	cursor:pointer;
    	font-family:Times New Roman;
        list-style: circle;
       -moz-border-radius: 10px;
       -webkit-border-radius: 10px;
        border-radius: 10px;
  behavior: url(C:\Users\Jeya\Pie.htc);
        border-width:thin;
        text-align:center;
        color :Yellow;
        font-size:medium;
   
}
/* addend1 on the slate */
.addend
{
	
	 text-align:right; 
	 font-weight:bold; 
	 font-family:Times New Roman;
	 font-size:larger;
	 border-style:none;
	 
	 
	 
}
.subend1
{
	margin:0;
	padding:0;
	border-bottom:3px solid white;
	border-top:3px solid white;
    border-left:0px solid  #3C999C;
    border-right:0px solid #3C999C;
   
    float:right;
	font-family:Times New Roman;
	font-weight:bold; 
	font-size:larger;
	color:White;
	text-align:center;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
}
.addend0
{   margin:0;
	padding:0;
	border-top:0px solid Gray;
	border-bottom:0px solid Gray;
    border-left:0px solid Gray;
    border-right:0px solid Gray;
  
    float:right;
	font-family:Times New Roman;
	font-weight:bold; 
	font-size:larger;
	color:White;
	text-align:center;
}
.ansplace 
{	float:right;
	font-family:Times New Roman;
	font-weight:bold; 
	font-size:larger;
	color:White;
	background-color:#2F4F4F;
	text-align:center;
	margin:0;
	padding:0;
	border-bottom:3px solid white;
	border-top:3px solid white;
    border-left:0px solid  #3C999C;
    border-right:0px solid #3C999C;
   
   -webkit-border-radius:0px;
   -moz-border-radius:0px;
  }
/*help add table at the rightside */
#addtable
{
	
	border-color:Lime;
	color:yellow;
	width:240;
	height:200;
	font-size:medium;
	font-weight:bold;
	
	
}
 #hr1
        {
        	height:4;
        }
        /* working space on slate*/
.probwidth1
{
	width:110px;
	text-align:right;
	height:50px;
	
}

/* the width of the  help table on the right side */

        .help1td
        {
            width: 20px;
            font-weight:bold;
        }
        
   
 /* the width of the  help table on the right side */
          
        .help2td
        {
            width: 150px;
            height: 18px;
            font-weight:bold;
        }
   .b
     {
     	font-weight:bold;
     	font-size:large;
     }  

.corransPanel1
{
	font-family:Cursive;
	font-size:large;
}
/* single digit addition add0.aspx css style ends here */

/* Two digit addition add1.aspx css style starts here*/
/* Two digit addition add1.aspx css style ends here*/

/*Compare1 page compare1.aspx starts here*/
 .td2
        {
        	width:70px;
        	height:100px;
        }
       .td3
        {
        	height:50px;
        	width:70px;
        }
        /*Compare1 page compare1.aspx ends here*/
        
        
        /*Contact page contact.aspx starts here*/
        .tbstyle
      {
         width:350px;
     }
     .labelstyle
     {
         width:100px;
         color:White;
         font-family:Cursive;
         
     }
  
     .commentstyle
     {
     	width:auto;
     	height:200px;
     	color:Black;
     	font-family:Cursive;
      }
      /*Contact page contact.aspx ends here*/
      
      
      /*Symbols page Symbols.aspx starts here*/
      
      .probwidth3
        {
     width:40px;
	height:35px;
	font-weight:bold;
	font-size:medium;
        }
     /*    #slatewordnum
         {
width:442px;
background-color:#2F4F4F;
border:20px solid burlywood;
height:390px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
font-family:Times New Roman;
font-size:20px;
color:White;

}*/
/*Symbols page Symbols.aspx ends here*/

/*sub1,sub2, add1,add2, multi1,mult2 multi3 has nothing.*/

/* timestable.aspx starts here*/

  .probwidth2
        {
     width:20px;
	 height:35px;
        }
    
  
/* timestable.aspx ends here*/
/* words1.aspx starts here*/
  .probwidth4words
        {
     width:40px;
	height:35px;
        }
         #slatewordnum
         {
width:442px;
background-color:#2F4F4F;
border:20px solid burlywood;
height:390px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
 border-radius: 30px;
  behavior: url(C:\Users\Jeya\Pie.htc);
font-family:Times New Roman;
font-size:20px;
color:White;

}
/* words1.aspx ends here*/