body, html { height: 100%; padding: 0; margin: 0 }

.topbar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	overflow: hidden;
	font-size: 0.6em;
	letter-spacing: 1px;
	padding: 5px;
	margin: 0;
	background-color: #333;
	font-family: verdana
}
a { color: #666; padding: 3px; text-decoration: none }
a:hover { color: #fff; text-decoration: underline }

.container {
	width: 100%;
	position: relative;
	margin: 20px auto 0;
	min-width: 210px;
}

#calculate {
	position: relative;
	text-align: center;
}


#l, #r {
	width: 28px;
	height: 81px;
	position: absolute;
}

#l {
	background: transparent url(http://www.wolframalpha.com/images/googleGadget/left.png) no-repeat scroll 0 0;
	left: 0;
	top: 0;
}

#r {
	background: transparent url(http://www.wolframalpha.com/images/googleGadget/right.png) no-repeat scroll 0 0;
	right: -1px;
	top: 0;
}


#m {
	background: transparent url(http://www.wolframalpha.com/images/googleGadget/back.png) repeat-x scroll 0 0;
	height: 82px;
	padding: 0 28px;
}


#i {
	position: relative;
	top: 33px;
	width: 100%;
	border: 0 none;
	outline: 0;
}

#eq {
	width: 14px;
	height: 14px;
	background: white url(http://www.wolframalpha.com/images/googleGadget/eq.png) no-repeat scroll 0 0;
	position: absolute;
	top: 35px;
	right: 27px;
	cursor: pointer;
}

#logo {
	background: transparent url(http://www.wolframalpha.com/images/googleGadget/GoogleGadgetLogo.gif) no-repeat scroll 0 0;
	width: 187px;
	height: 31px;
	margin: 0 auto;
	position: relative;
	top: -94px;
}