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

div#help { background-color: #0000cd; width: 950px; }
div#left { color: #ffffff; float: left; width: 310px; }
div#left div { padding: 20px; }
div#left div h1 { text-align: center; }
div#left div h2 { font-weight: bold; margin: 20px 0px 10px; text-decoration: underline; }
div#left div ul { padding: 0px; }
div#left div ul li { margin: 0px 0px 0px 15px; padding: 1px 0px; }
div#left div ul li a { color: #ffffff; text-decoration: none; }
div#right { background-color: #ffffff; float: right; width: 640px; }
div#right div { padding: 20px; }
div#right div h2 { background-color: #e0ffff; border-left: 10px solid #afeeee; font-weight: bold; margin: 0px 0px -10px; padding: 5px 10px; }
div#right div h3 { background-color: #f0f8ff; border-left: 10px solid #e6e6fa; font-weight: bold; margin: 20px 0px 10px; padding: 5px 10px; }
div#right div table { margin: 10px 0px 0px; width: 100%; }
div#right div table th { background-color: #e0ffff; border: 1px solid #afeeee; font-weight: bold; padding: 5px 10px; width: 80px; }
div#right div table td { border: 1px solid #afeeee; padding: 5px 10px; }
div#right div table td pre { padding: 5px 0px; }
div#right div table td ul { list-style-type: none; margin: 0px; }
div#right div table td ul li { padding: 1px 0px; }
div#right div ul { list-style-type: none; margin: 10px 0px 0px; }
div#right div ul li { padding: 1px 0px; }
div#right div ol { padding: 0px 0px 0px 20px; }
div#right div ol li { padding: 1px 0px; }
p#noscript { border: 3px solid #676767; color: #676767; font-weight: bold; margin: 0px 0px 20px; padding: 10px; text-align: center; }
p#notice { border: 3px solid #0000ff; color: #0000ff; font-weight: bold; margin: 0px 0px 20px; padding: 10px; text-align: center; }
p#error { border: 3px solid #ff0000; color: #ff0000; font-weight: bold; margin: 0px 0px 20px; padding: 10px; text-align: center; }
p.embed { background-color: #e0ffff; border: 1px solid #afeeee; margin: 10px 0px; padding: 10px; }
p.embed textarea { width: 100%; }
span.type { color: #0000cd; }
span.type a { color: #0000cd; }

/* MSIE 6.0 */
* html div#left div ul li { margin-left: 7px; padding: 1px 0px; }
* html div#right div table { width: auto; }

/* navigation */
div#right div#navigation { background-color: #f0f8ff; border: 1px solid #e6e6fa; padding: 5px; text-align: center; }
div#right div#navigation ul { margin: 0px; }
div#right div#navigation li { background-image: url(/images/star.gif); background-position: left center; background-repeat: no-repeat; display: inline; padding: 5px 16px; }

/* tutorial */
div#right div#tutorial p { margin: 10px 0px; }
div#right div#tutorial pre { background-color: #fafafa; border: 1px solid #bbbbbb; margin: 10px 0px; width: 600px; }
div#right div#tutorial pre strong { color: red; font-weight: bold; }
div#right div#tutorial ul { list-style-type: disc; margin: 10px 0px; padding: 0px 15px; }
div#right div#tutorial ul li { padding: 1px 0px; }