/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

*					{ margin: 0; padding: 0; }
body				{ font-family: "Times New Roman", Times, serif }

#page-wrap		    { width: 500px; margin: 25px auto; }

h1					{ font-size: 22px; }
p, p a				{ font: 14px Arial, Sans-Serif; }
p a					{ color: #0000FF; text-decoration: underline; }
a					{ font-size: 30px; font-weight: bold; color: black; text-decoration: none; outline: none; }
label				{ font-style: italic; font-size:30px; }
input				{ font-size:18px; line-height:30px; padding:6px 5px; width:125px; }
table				{ border-collapse: collapse; }
td					{ padding: 1px; text-align: center; }
sup,
sub 				{ height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }
sup 				{ bottom: 1ex; }
sub 				{ top: .5ex; }
img					{ border: 0; }

h2			{ font-size: 24px; text-align: center; padding-bottom: 10px; }

.center				{ text-align: center; display:inline-block;}

#calculator			{ width: 430px; height: 375px; background: #464646;
	 				  position: relative; }

#display 			{ background: url(../images/display.png) no-repeat; border: none; position: relative;
					  top: 20px; left: 20px; width: 365px; height:43px; text-align: right;
				  	  font: 15px "Arial Black", Arial, Sans-Serif; padding: 18px 10px 0px 10px; margin-left: 3px; }	
					  		
#buttons			{ position: relative; top: 20px; left: 20px; }				  		
					
.num-button 		{ width: 63px; height: 42px; text-align: center; 
	 			      background: url(../images/num.gif) no-repeat; 
					  display: block; }		  

.advanced-opener img { padding-top: 6px; }					  
					  	  
.function-button,
.parenth-button,
.constant-button,
.advanced-button,
.advanced-opener   	{ width: 63px; height: 42px; text-align: center; 
	 			      background: url(../images/sym.gif) no-repeat; 
					   display: block; cursor: pointer; font-weight: bold; }

.function-button,
.parenth-button,
.constant-button { background-position:top left; }

.actuarial-functions .advanced-button, .advanced-opener,
.user-input .advanced-button { background-position:top right; }

.special-button		{ width: 63px; height: 42px; text-align: center; 
	 			      background: url(../images/alert.gif) no-repeat; 
					   display: block; cursor: pointer; }
					   			  
.equals-button		{ width: 63px; height: 62px; text-align: center; 
	 				  background: url(../images/equals.gif) no-repeat; 
				      padding: 25px 0 0 0; display: block; }

.annuities-button { background: url(../images/annuities.gif) no-repeat; }
.cancel-button {  background: url(../images/cancel.gif) no-repeat; }
.calc-button { background: url(../images/calc.gif) no-repeat; }
.calc-button, .cancel-button, .annuities-button	
				   { width: 129px; height: 34px; text-align: center; 
				      display: block; padding: 8px 0 0 0; font-size: 20px; } 
				  
.pendingFunction,					  				  
.function-button:hover,
.num-button:hover,
.special-button:hover,
.equals-button:hover,
.parenth-button:hover,
.advanced-button:hover,
.annuities-button:hover,
.constant-button:hover,
.calc-button:hover, 
.cancel-button:hover  { background-position: bottom left; }

.advanced-opener:hover, .actuarial-functions .advanced-button:hover,
.user-input .advanced-button:hover { background-position: bottom right; }

.num-button, .equals-button { font-size: 26px; line-height: 42px; }
.function-button, .parenth-button, .constant-button { font-size: 23px; line-height: 42px; }
.special-button, .advanced-button	{ font-size: 20px; line-height: 42px; }

.actuarial-functions, .user-input { width: 331px; background: #CCCCFF; display: none; padding:10px 25px; margin-left:1px; }
	  				  
					  

#opener				{ cursor: pointer; }				
#closer				{ position: absolute; top: -8px; left: -9px; cursor: pointer; }