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

div#capture { clear: both; }
div#capture ul { margin: 0 auto; width: 850px; }
div#capture li#tab_thumbnail,
div#capture li#tab_pdf { background: url(../images/capture_on.gif) no-repeat center center; color: #fff; float: left; font-size: 14px; font-weight: bold; height: 30px; margin: 0 0 0 25px; padding: 15px 0 0; text-align: center; width: 200px; }
div#capture li#tab_thumbnail a,
div#capture li#tab_pdf a { background: url(../images/capture_off.gif) no-repeat center center; color: #fff; display: block; font-size: 14px; font-weight: bold; height: 30px; margin: -15px 0 0; padding: 15px 0 0; width: 200px; }
div#capture_thumbnail,
div#capture_pdf { background: #fff; border-bottom: 5px solid #011e6a; clear: left; min-width: 850px; }
div#capture_pdf div#url_form { margin: 0 0 15px; }

div#url_form { background: #f5f5f5; border-top: 5px solid #011e6a; border-bottom: 1px solid #dcdcdc; clear: left; margin: 0 0 20px; padding: 20px 0; text-align: center; }
div#url_form input#button_make { padding: 5px 0 5px 12px; vertical-align: middle; }
div#url_form input#button_make:hover { filter: alpha(opacity=70); -moz-opacity: .70; opacity: .70; }
div#url_form input#enter_url { border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 7px; vertical-align: middle; width: 640px; }

div#option { margin: 0 auto; width: 850px; }
div#option h2 { background: url(../images/option.gif) no-repeat top left; color: #fff; font-size: 15px; font-weight: bold; padding: 6px 25px 2px; }
div#option span { background: #f0f0f0; color: #011e6a; display: inine-block; *display: inline; *zoom: 1; font-size: 100%; font-weight: bold; margin: 0 0 0 10px; padding: 2px 8px; }
div#option table { border: 2px solid #011e6a; border-collapse: separate; border-spacing: 0; width: 100%; }
div#option table td { padding: 3px 5px 3px 0; vertical-align: middle; }
div#option table input { vertical-align: middle; }
div#option table input[type="text"] { padding: 3px; min-width: 100px; }
div#option table td.border_right { border-right: 1px solid #ddd; margin: 0 0 0 5px; }
div#option table td.border_bottom { border-bottom: 1px solid #eee; width: 200px; }
div#option table td.size { font-weight: bold; padding: 0 5px; text-align: center; width: 300px; }
div#option table td.size dl { line-height: 200%; text-align: left; }
div#option table td.size dl dt { clear: both; float: left; padding:5px 5px 5px 10px; width: 90px; }
div#option table td.size dl dd { margin-left: 100px; padding:5px 5px 5px 10px; }
div#option table th { border-bottom: 1px solid #ddd; padding: 3px 5px 3px 0; text-align: left; width: 90px; }
div#option table ul { width: 400px; }

div#captured_info { margin: 20px auto; }
div#captured_info table { margin: 0 auto; width: 750px; }
div#captured_info table th { font-weight: bold; padding: 5px 20px 5px 0; text-align: right; width: 30%; }
div#captured_info table td { padding: 5px 20px 5px 0; }
div#captured_info table input { width: 550px; }
div#captured_info a { font-weight: bold; }
div#captured_info p { margin: 15px 0 8px; padding: 0; text-align: center; }
div#captured_tag { background: url(../images/captured_tag.gif) no-repeat center center; margin: 0 auto 20px; padding: 18px 0 32px; width: 850px; }

div#sample_thumb { clear: both; padding: 10px 15px 0; }
div#sample_image { float: left; width: 230px; }
div#sample_usage { float: right; width: 520px; }
div#sample_usage h3 { background: url(../images/h3.gif) no-repeat center center; color: #fff; font-size: 120%; font-weight: bold; letter-spacing: 5px; margin: 8px 0 20px; padding: 5px 0; padding: 10px 0 5px\9; text-align: center; }
div#sample_usage table { background: #f0f6da; width: 520px; }
div#sample_usage th { color: #004d25; font-size: 110%; font-weight: bold; padding: 10px; text-align: center; }
div#sample_usage td { text-align: left; padding: 14px 10px; }
div#sample_usage input { width: 300px; }
div#sample_clear { clear: both; padding-top: 20px; }

/*div#thumbnail_image { margin: 0 0 15px; text-align: center; }*/
div#thumbnail_image { margin: auto; padding: 10px; text-align: center; }
div#thumbnail_image img { position: relative; }
div#thumbnail_image img.loading_icon { z-index: 999: border: none; position: relative; width: 32px; height: 32px; }
div#pdf_image { margin: 20px; text-align: center; }
div#pdf_image img { border: 1px solid #888; left: 16px; position: relative; }
div#pdf_image img.pdficon { border: none; filter: alpha(opacity=50); -moz-opacity: .50; opacity: .50; left: -100px; height: 32px; position: relative; top: 0; width: 32px; }
div#pdf_image img.loading_icon { border: none; z-index: 999: border: none; position: relative; width: 32px; height: 32px; }

input.size { width: 80px; }
input.color { width: 80px; }

div.howto { background: #f5f5f5; border: 3px solid #dcdcdc; margin: 0 auto 20px; width: 846px; }
div.howto h3 { padding: 15px 20px 5px; }
div.howto p { margin: 0; padding: 0 20px 15px; }
div.box { margin: 0 auto; padding: 0 0 35px; width: 855px; }
div.box h2 { background: url(../images/h2.gif) no-repeat left center; color: #fff; font-size: 160%; font-weight: bold; height: 50px; margin: 30px 0 0; /margin: 0; padding: 7px 40px 0; }
div.text { background: url(../images/help_background.gif) no-repeat center bottom #fff; padding: 12px 30px 15px; }
div.text p { margin: 0 10px 1.2em; }