/* mikelow 2011 */
html, body {height:100%;}
body {font-family:helvetica, san-serif; margin:0px; padding:0px; background:#fff; background-image:url(pics/grid_white_5.gif); background-repeat:repeat;}
a {text-decoration:none; color:#0033cc;}
a:visited {color:#0033cc;}
a:hover {color:#ff3300;}
a:focus {outline: 0px solid #999;}
a img {border:3px solid #fff; border-color:transparent; padding:6px; border-radius:5px;}
a:hover img {border:2px solid #ccc; padding:7px;}
img {border:0px solid #000; margin:0px 0px 0px 0px;}
strong, b {font-weight:bold;}
p {font-size:12px; line-height:22px; margin:25px 0px 25px 0px; width:540px; color:#333;}
ul {width:540px; padding:0px; margin-left:0px;}
li {font-size:11px; list-style:none; color:#333; margin:0px 0px 0px 0px; padding:2px;}
table {font-size:11px; margin:0px 0px 20px 0px; color:#333; background-color:rgba(50, 50, 50, 0.1); border-radius:6px; width:100%;}
th {text-align:left; font-size:13px;padding:5px 0px 5px 10px; border-bottom:1px solid #ccc;}
td {width:200px; padding:5px 0px 5px 10px;}
/* unused */ h1 {font-size:60px; text-align:center;}
/* content */ h2 {font-size:26px; text-align:left; color:#003399; line-height:26px; letter-spacing:1px; padding:5px 5px 5px 10px; margin-bottom:30px;}
/* menu */ h3 {font-size:11px; text-align:left; color:#006633; letter-spacing:1px; padding:10px 0px 0px 0px; margin:0px 0px 5px 20px; border-bottom:1px dashed #ccc;}
/* section */ h4 {font-size:18px; text-align:left; color:#000000; line-height:50px; font-weight:normal; letter-spacing:1px; border-top:1px dashed #ccc; padding:0px; margin-bottom:0px; margin-top:120px;}
/* date */ h5 {font-size:11px; text-align:left; color:#999999; line-height:0px; padding:0px; margin:0px;}
/* calc */ h6 {font-size:13px; text-align:center; color:#fff; line-height:25px; padding:0px; margin-top:0px; margin-bottom:15px;border-bottom:1px solid #000;}
/* positioning */
#wrap {position:absolute; width:800px; border:1px solid #000; border-color:transparent;}
#files {float:left; margin:100px 0px 60px 0px; padding:10px 0px 10px 0px;height:100%;}
#files a {border-top-right-radius:5px;border-bottom-right-radius:5px;}
#content {padding-left:20px; margin:60px 0px 0px 180px; width:580px;}
.menu {padding:10px 0px 10px 0px;}
.menu a {font-size:11px; display:block; color:#666; margin: 0px 0px 0px 0px; padding:4px 20px 4px 19px;}
.menu a:hover {background-color: rgba(50, 50, 50, 0.3); color:#000;}
.menu a:active {outline:0px; opacity:0.8;}
.foot {font-weight:bold; font-size:11px; padding:10px 0px 60px 0px; text-align:left; color:#999; line-height:0px; margin-top:120px; margin-bottom:0px; border-top:1px dotted #ccc;}
.toggler {float:right; width:12px; height:12px; background-color:rgba(50, 50, 50, 0.3); border-radius:6px;}
/* paint app */
#draw {width:642px; height:540px; margin-top:120px;}
#workspace {position:absolute; width:644px; height:484px; margin:0px 0px 0px 0px; border:0px solid #ccc; overflow:auto;}
#statusbar {position:absolute; width:100px; margin:440px 0px 0px 650px; color:#999; border:0px solid #000; font-size:20px; line-height:20px;}
#toolbar {position:absolute; width:100px; margin:0px 0px 0px 670px; border:1px solid #ccc; border-radius:5px;}
#colorbar {position:absolute; margin:500px 0px 0px 0px; border:0px solid #000;}
#colorbar ul {width:650px; padding:0px; margin:0px;}
#colorbar li {width:30px; height:30px; margin:3px; float:left; list-style:none; border-radius: 5px;}
#colorbar li:hover {margin:1px; border:2px solid #666;}
#canvas {position:absolute; border:1px solid #ccc;}
#canvastemp {position:absolute; border:1px solid #fff; border-color:transparent; background:transparent;}
#cstemp {position:absolute; border:1px solid #fff; border-color:transparent; background:transparent;}
/*pallette */
.hexcol ul {padding:0px; margin:0px;}
.hexcol li {font-size:16px; list-style:none; color:#000000; padding:5px; margin:5px; border-radius:5px;}
/* geometry */
#shape-wrap {width:1135px; height:730px; border:1px solid #ccc; border-color:transparent;}
#shape-menu {float:left; width:200px; height:700px; border:1px solid #ccc;}
#shape-menu2 {float:left; width:200px; height:700px; border:1px solid #ccc;}
#space {float:left; width:730px; height:730px; margin:0px 0px 0px 0px;}
/* calculators */
#calc-menu {width: 240px; border:1px solid #ccc; border-radius:5px;}
form {font-size:12px; margin:20px 0px 60px 0px; padding:10px; width:520px; border:1px solid #000; background:#666; color:#fff; border-radius:5px;}
input {font-family:helvetica, sans-serif; font-size:12px; color: #000; border:1px solid #000; margin:3px 3px 0px 3px; background:#fff;text-align:right; padding:3px;}
input.answer {font-family:monaco, monospace; letter-spacing:1px;width:280px; color:#000; background:#cccc99;border:1px solid #000;}
input.read {font-size:12px; text-align:left; color:#fff;background:#666; border:1px solid #666; height:18px; margin:3px 0px 0px 0px;}
select {font-family:helvetica, sans-serif; font-size:12px; width:135px; margin:4px 3px 0px 3px; background:#666; color: #fff; border-style:solid; border-width:1px; border-color:#000; padding:2px;}
.button {font-size:14px; letter-spacing:1px; padding:5px; width:135px; border:2px solid #333; color:#fff; background:#999; border-radius:5px; text-align:center;}
.button:hover {color:#fff; background:#333;}
.button:active {color:#000; background:#000; border:2px solid #333;}
.row {border:0px solid #666; height:36px; padding: 5px 0px 5px 0px;}
.label {border:0px solid #999; float:left; width:140px; text-align:right; margin-top:8px;}
.spincw {-webkit-animation-name: spincw;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;-webkit-animation-duration: 40s;}
.spinccw {-webkit-animation-name: spinccw;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;-webkit-animation-duration: 40s;}
@-webkit-keyframes spincw
{from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);}}
@-webkit-keyframes spinccw
{from {-webkit-transform: rotate(360deg);} to {-webkit-transform: rotate(0deg);}}