html { height: 100%; overflow-y: scroll; }
body { margin: 0; height: 100%; font-family: Tahoma, Arial, san-serif; font-size: 12pt; text-align: center; }

* { margin: 0; padding: 0; }
p { margin: 0 0 .5em 0; }
h1 { margin: 0; padding: 0.2em 0.7em; font-size: 2em; background: #017dbb; color: #fff; border: 1px solid #015883; -moz-border-radius: 7px; -webkit-border-radius: 7px; text-align: left; }
h2 { margin: 0; padding: 0.9em 0.7em 0.05em 0; color: #017dbb; text-align: left; display: block; clear: left; font-size: 1.8em; }
h3 { margin: 0; padding: 2em 0.7em 0.1em 0; color: #017dbb; text-align: left; display: block; clear: left;}
em { font-size: 0.9em; }
a { color: #3566a9; font-weight: bolder; text-decoration: none; }
a:hover { color: #f80; }
ul { margin: 20px 0 10px 30px; list-style-type: square; }
pre { overflow-x: scroll; margin: 10px 0 0 0; padding: 10px; background: #fff; color: #000; border: 1px solid #808080; -moz-border-radius: 4px; -webkit-border-radius: 4x; font-family: 'Courier New', Courier, monospace; font-size: 10pt; }
pre span.tag { color: #00f; }
pre span.keyword { color: #ff3a00; }
pre span.string { color: #558833; }
button { cursor: pointer; padding: 10px 40px; color: #fff; font-size: 12pt; font-weight: bold; background-color:#46A026;
border:1px solid #1F731A; -moz-border-radius: 7px; -webkit-border-radius: 7px; }

.outer-container { margin: 0 auto; padding: 0 10px; width: 800px; min-height: 100%; background: #fcfcfc; border-left: 7px solid #aaa; border-right: 7px solid #aaa; text-align: left; }
.inner-container { padding: 10px 0; text-align: center; }
.section { padding: 10px; background: #f4f4f4; border: 1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; text-align: left; }
.crumbs { margin: 10px 0 0 0; text-align: center; }
.table { table-layout: fixed; width: 100%; margin: 10px 0 0 0; }
.table th { padding: 2px 8px; }
.table td { padding: 6px 8px; background: #fff; border: 1px solid #808080; border-right: 0; border-bottom: 0; vertical-align: top; }

.color { width: 25px; height: 25px; border: 2px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4x; }

.colorpicker { background-image: url(../images/custom_background.png);	position: absolute;	bottom: 0; left: 0; }
.colorpicker_hue div { background-image: url(../images/custom_indic.gif); }
.colorpicker_hex { background-image: url(../images/custom_hex.png); }
.colorpicker_rgb_r { background-image: url(../images/custom_rgb_r.png); }
.colorpicker_rgb_g { background-image: url(../images/custom_rgb_g.png); }
.colorpicker_rgb_b { background-image: url(../images/custom_rgb_b.png); }
.colorpicker_hsb_s { background-image: url(../images/custom_hsb_s.png); display: none; }
.colorpicker_hsb_h { background-image: url(../images/custom_hsb_h.png); display: none; }
.colorpicker_hsb_b { background-image: url(../images/custom_hsb_b.png); display: none; }
.colorpicker_submit { background-image: url(../images/custom_submit.png); }
.colorpicker input { color: #778398; }

#calculator { margin: 50px auto; }