/****** Complex Number Calculator ******/

* {margin: 0; padding: 0; border: 0; font-family: Verdana, sans-serif; background-color: #FFF; overflow: hidden;}

body {text-align: left; font-size: 16px; color: #000;}

/*** Layout ***/

#top {position: fixed; top: 0; left: 0; right: 0; /*background-color: #71B1FF;*/ height: 38px; line-height: 38px; border: 1px solid #000;}
#logo {float: left; padding-left: 5px; color: #000; font-size: 22px; font-weight: bold;}
#links {float: right; padding-right: 12px;}

#results {position: fixed; top: 39px; bottom: 37px; left: 0; right: 0; border: 1px solid #000; overflow: auto; padding: 5px; white-space: nowrap;}
#side {position: fixed; top: 39px; bottom: 37px; right: 0; border: 1px solid #000; padding-bottom: 30px; max-width: 700px;}
#title {height: 30px; line-height: 30px; width: 100%; padding: 0 5px; color: #000; font-size: 18px; font-weight: bold; border-bottom: 1px solid #000;}
#debug-cont {height: 100%; overflow: auto;}
#debug {font-size: 10px;}

#bot {position: fixed; bottom: 0; left: 0; right: 0; height: 36px; border: 1px solid #000; padding: 0 5px;}

/*** Common ***/

table {border-collapse: collapse;}
td {vertical-align: top;}

a, a:link, a:visited {color: #005EC8;}
a:hover {color: #002a59;}

input {height: 34px; width: 100%; font-size: 20px; font-weight: bold;}

p {padding-bottom: 10px; overflow: visible;}
span {padding-right: 5px;}

.b {font-weight: bold;}

/*** Specific ***/

a.link {color: #000; text-decoration: none;}
a:hover.link {text-decoration: underline;}

#debug tr:first-child td {border-top: 0;}
#debug td {border: 1px solid #000; padding: 3px;}
#debug td:first-child {border-left: 0; text-align: right;}
#debug td:last-child {border-right: 0;}