body {
font-family: 'Trebuschet MS', Verdana, sans-serif;
background-color: black;
margin: 0px;
}
#page{
width: 750px;
background-color: black;			
margin: auto;
border: 0px solid black;
position:relative;
}
#position1{
font-size:24px;
width: 600px;
height: 450px;
background-color: black;			
border: 0px solid white;
position:absolute;
left:0px;
top:50px;
text-align:center;
}
#positioner{
font-size:14px;
position:absolute;
left:575px;
top:474px;
z-index:6;
background-color: black;			
color:yellow;
}
#trigsonoff{
font-size:15px;
position:absolute;
right:0px;
top:69px;
z-index:7;
background-color: black;			
color:yellow;
cursor:pointer;
}
#angson{
font-size:15px;
position:absolute;
right:0px;
top:1px;
z-index:7;
background-color: black;			
color:yellow;
cursor:pointer;
visibility:hidden;
}
#sidesonoff{
font-size:15px;
position:absolute;
right:0px;
top:168px;
z-index:7;
background-color: black;			
color:yellow;
cursor:pointer;
}
#positioner2onoff{
font-size:15px;
position:absolute;
right:0px;
top:245px;
z-index:7;
background-color: black;			
color:yellow;
cursor:pointer;
}
#positioneronoff{
font-size:15px;
position:absolute;
right:0px;
top:455px;
z-index:7;
background-color: black;			
color:yellow;
cursor:pointer;
}
#position2{
position:relative;
top:-5px;
height: 110px;
width:240px;
overflow:auto;
scrollbar-base-color: black;
scrollbar-face-color: rgb(230,230,0);
scrollbar-darkshadow-color: black;
scrollbar-arrow-color: black;
scrollbar-3dlight-color: black;
scrollbar-highlight-color: black;
scrollbar-track-color: black;
}
#colrite{
font-size:18px;
width: 180px;
height: 450px;
background-color: black;			
border: 0px solid yellow;
position:absolute;
left:605px;
top:10px;
text-align:center;
color:yellow;
}
.angulator{
position:absolute;
}
#angler{
position:relative; 
height: 450px; 
}
img  {border:0;}
input {
font-size:18px;
background-color: black;			
border: 0px inset yellow;
color:yellow;
width: 60px;
}
table {text-align:center; width:216px;}
td {border: 1px solid black; padding: 2px;
}
table td#first {width:25%}
table td#second {width:25%}
table td#third {width:25%}
table td#fourth {width:25%}
#positioner2{
font-size:19px;
position:absolute;
left:626px;
top:269px;
z-index:6;
background-color: black;
color:yellow;
}
.button{
border: 3px outset yellow;
height:24px;
width:24px;
color: yellow;
text-align:center;
position:absolute;
cursor:pointer;
}
#display{
border: 2px inset yellow;
height:24px;
width:118px;
text-align:right;
position:absolute;
overflow:hidden;
color: yellow;
-moz-border-radius:.3em;
}
.buttonbot{
border: 3px outset yellow;
height:18px;
width:24px;
text-align:center;
position:absolute;
font-size:14px;
color: yellow;
-moz-border-radius:.3em;
cursor:pointer;
}

#sine{
font-size:15px;
border: 0px none black;
}
#cosine{
font-size:15px;
border: 0px none black;
}
#tangent{
font-size:15px;
border: 0px none black;
}
#opposite{
font-size:15px;
border: 0px none black;
}
#adjacent{
font-size:15px;
border: 0px none black;
}
#hypotneuse{
font-size:15px;
border: 0px none black;
}