/* Copyright (C) 2007 HeartRails Inc. All Rights Reserved. */

* { font-size:100%; line-height: 150%; margin: 0px; padding: 0px; }
body { background-color: #000000; }
table { border-collapse: collapse; width: 100%; }
ul { list-style-type: none; }
ol { list-style-type: none; }
li { padding: 1px 0px; }
img { border: 0px none #ffffff; }
div#container { background-color: #ffffff; min-width: 780px; width: 100%; }
div#outer { text-align: center; }
div#inner { margin: 0px auto; text-align: left; width: 740px; margin-bottom: 3em; }
div#inner p { text-indent: 1em; padding: 2px 0 2px 0; }
div#navigation { padding: 30px 0px 0px; }
div#navigation div { background-color: #676767; color: #ffffff; padding: 5px 0px; text-align: center; width: 100%; }
div#navigation p { font-weight: bold; padding: 2px; }
div#navigation a { color: #ffffff; font-weight: bold; }
div#footer { background-color: #000000; color: #ffffff; padding: 5px 0px; text-align: center; width: 100%; }
div#footer p { font-weight: bold; padding: 2px; }
div#footer a { color: #ffffff; font-weight: bold; }
table#header { background-color: #000000; color: #ffffff; width: 100%; }
table#header th { font-weight: bold; padding: 5px 10px; text-align: left; }
table#header th a { color: #ffffff; font-weight: bold; text-decoration: none; }
table#header td { font-weight: bold; padding: 5px 10px; text-align: right; }
table#header td a { color: #ffffff; font-weight: bold; }
p#noscript { border: 3px solid #ff0000; font-weight: bold; margin: 20px 0px 0px; padding: 10px; text-align: center; }
p#error { border: 3px solid #ff0000; font-weight: bold; margin: 20px 0px 0px; padding: 10px; text-align: center; }
p#logo { margin: 20px; text-align: center; }
div.heading { border-bottom: 1px solid #e9e9e9; margin: 32px 0px 5px; padding: 20px 0px 0px; }
div.heading th { color: #676767; text-align: left; }
div.heading td { color: #676767; text-align: right; }
h3 { border-bottom: 1px solid #e9e9e9; color: #676767; text-align: center; margin-bottom: 10px; }

div#sample_thumb { clear: both; padding: 20px; }
div#sample_image { float: left; width: 220px; }
div#sample_usage { float: right; width: 480px; }
div#sample_usage h3 { margin-bottom: 40px; }
div#sample_usage th { text-align: center; }
div#sample_usage td { text-align: left; }
div#sample_usage input { width: 300px; background-color: #eee; }
div#sample_clear { clear: both; padding-top: 20px; }
p.url_form { text-align: center; margin: 10px 0 10px 0; }
div#captured_info { text-align: center; }
div#captured_info caption { text-align: center; padding: 4px 0 4px 0; }
div#captured_info th { width: 150px; padding: 4px 0 4px 0; text-align: right; }
div#captured_info td { width: 550px; padding: 4px 0 4px 20px; text-align: left; }
div#captured_info input { width: 500px; background-color: #eee; }
input#enter_url { width: 600px; }
input.size { width: 50px; }
input.color { width: 80px; }

h4 { margin: 20px 0px 5px 0px; }
h4.title { margin: 20px; } 
div#freesize_image { float: left; text-align: center; width: 400px; margin: 10px 10px 10px 0; padding: 20px; }
div#freesize_option { float: right; width: 240px; }
div#freesize_option table { width: 240px; }
div#freesize_option th { text-align: center; padding: 5px; border: 4px solid #ffffff; background-color: #eee; }
div#freesize_option td { text-align: left; padding: 5px; }
div#fixedsize_image { text-align: center; width: 700px; margin: 20px; }
div#fixedsize_image img { border: 1px solid #888; }
div#fixedsize_option { width: 500px; margin: 20px 120px 0px 120px; }
div#fixedsize_option th { text-align: center; padding: 5px; border: 4px solid #ffffff; background-color: #eee; }
div#fixedsize_option td { text-align: left; padding: 5px; }

div#pdf_image { text-align: center; width: 700px; margin: 20px; }
div#pdf_image img { border: 1px solid #888; position: relative; left: 32px; }
div#pdf_image img.pdficon {
  border: none;
  position: relative;
  left: -100px;
  top: -40px;
  width: 64px;
  height: 64px;
  filter: alpha(opacity=50);
  -moz-opacity: .50;
  opacity: .50;
}

pre { background-color: #eeeeee; margin: 10px 0px 0px; overflow: scroll; padding: 10px; width: auto; _width: 90%; }
html>/**/body pre { overflow: auto; }