.box
{
background-color:#3d4543;
height:260px;
width:220px;
border-radius:10px;
position:relative;
margin-top:138px;
margin-left:796px;
background: -webkit-linear-gradient(#AAAAAA, #000000); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#AAAAAA, #000000); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#AAAAAA, #000000); /* For Firefox 3.6 to 15 */
background: linear-gradient(#AAAAAA, #000000); /* Standard syntax (must be last) */

 transform: rotate(5deg);
 -webkit-transform:rotate(5deg);
 -moz-transform: rotate(5deg);
 -o-transform: rotate(5deg);
 -ms-transform:rotate(5deg);
} 

.display
{
background-color:#222;
width:190px;
position:relative;
left:12px;
top:20px;
height:40px;
}

tr.spaceUnder > td
{
  padding-bottom: 32px;
}

td { text-align: left; padding-bottom: 6px;}

.display input
{
position:relative;
left:2px;
top:2px;
height:35px;
width:185px;
color:black;
background-color:#bccd95;
font-size:22px;
font-family: Orbitron;
text-align:right;
} 


.keys
{
position:relative;
top:35px;
}

.buttonc
{
width: 42px;
height:28px;
border:none;
border-radius:8px;
margin-left:8px;
cursor:pointer;
border-top:2px solid transparent;        
outline: none;
font-size:18px;
}

.buttonc.red
{
color:#FFE0CC;
background-color:#FF6600;
border-bottom:black 2px solid;
border-top:2px #FF0000 solid;          
background: -webkit-linear-gradient(#FF0000, #660000); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(	#FF0000, #660000); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#FF0000, #660000); /* For Firefox 3.6 to 15 */
background: linear-gradient(#FF0000, #660000); /* Standard syntax (must be last) */
outline: none;
font-size:16px;
}

.buttonc.orange
{
color:#FFE0CC;
background-color:#FF6600;
border-bottom:black 2px solid;
border-top:2px #FF6600 solid;          
background: -webkit-linear-gradient(#FF6600, #662900); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(	#FF6600, #662900); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#FF6600, #662900); /* For Firefox 3.6 to 15 */
background: linear-gradient(#FF6600, ##662900); /* Standard syntax (must be last) */
outline: none;
}


.buttonc.gray /*черните бутони най-отгоре*/
{
color:white;
background-color:#6f6f6f;
border-bottom:black 2px solid;
border-top:2px #6B6B6B solid;    
background: -webkit-linear-gradient(#6B6B6B, #121212); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#6B6B6B, #121212); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#6B6B6B, #121212); /* For Firefox 3.6 to 15 */
background: linear-gradient(#6B6B6B, #121212); /* Standard syntax (must be last) */
outline: none;
font-size:16px;
}

.buttonc.pink  /*математически оператори*/
{
color:#C2E0FF;
background-color:#ff4561;
border-top:2px #2104DB solid;    
border-bottom:black 2px solid;    
background: -webkit-linear-gradient(#2104DB, #0A064F); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#2104DB, #0A064F); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#2104DB, #0A064F); /* For Firefox 3.6 to 15 */
background: linear-gradient(#2104DB, #0A064F); /* Standard syntax (must be last) */
outline: none;
font-size:20px;
}

.buttonc.black /*бутоните с цифри*/
{
color:white;
border-bottom:black 2px solid;
border-top:2px #E0E0EB solid;    
background: -webkit-linear-gradient(#E0E0EB, #33334C); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#E0E0EB, #33334C); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#E0E0EB, #33334C); /* For Firefox 3.6 to 15 */
background: linear-gradient(#E0E0EB, #33334C); /* Standard syntax (must be last) */
outline: none;
}

.gray:active
{
border-top:black 2px solid;
border-bottom:2px #6B6B6B solid;
background: -webkit-linear-gradient(#121212, #6B6B6B); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#121212, #6B6B6B); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#121212, #6B6B6B); /* For Firefox 3.6 to 15 */
background: linear-gradient(#121212, #6B6B6B); /* Standard syntax (must be last) */
}

.pink:active
{
border-top:black 2px solid;
border-bottom:#2104DB 2px solid;
background: -webkit-linear-gradient(#0A064F, #2104DB); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#0A064F, #2104DB); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#0A064F, #2104DB); /* For Firefox 3.6 to 15 */
background: linear-gradient(#0A064F, #2104DB); /* Standard syntax (must be last) */
}

.black:active
{
border-top:black 2px solid;
border-bottom:#E0E0EB 2px solid;
background: -webkit-linear-gradient(#33334C, #E0E0EB); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#33334CB, #E0E0EB); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#33334C, #E0E0EB); /* For Firefox 3.6 to 15 */
background: linear-gradient(#33334C, #E0E0EB); /* Standard syntax (must be last) */
}

.orange:active
{
border-top:black 2px solid;
border-bottom:#FF6600 2px solid;
background: -webkit-linear-gradient(#662900, #FF6600); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#662900, #FF6600); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#662900, #FF6600B); /* For Firefox 3.6 to 15 */
background: linear-gradient(#662900, #FF6600); /* Standard syntax (must be last) */
}

.red:active
{
border-top:black 2px solid;
border-bottom:#FF6600 2px solid;
background: -webkit-linear-gradient(#660000, #FF0000); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#6600000, #FF0000); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#6600000, #FF0000); /* For Firefox 3.6 to 15 */
background: linear-gradient(#660000, #FF0000); /* Standard syntax (must be last) */
}