/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* Thanks... */

html { height: 100%; background: none; }
body {
  background: url(/images/paper.gif) center repeat-y #333e50;
  text-align: center;
  min-height: 100%;
}

.container {
  width: 800px;
  margin: auto;
  text-align: left;
}

.header {
  background: url(/images/header.jpg) no-repeat;
  width: 800px;
  height: 156px;
  border-bottom: 3px solid black;
}

.content {
  margin-left: 40px;
  padding-top: 12px;
  padding-bottom: 40px;
  width: 720px;
}
.flash { font-weight: bold; font-style: italic; color: #333e50; }
.content h1 {
  padding-top: 15px;
}

.content .content {
  margin-left: 0;
  width: 390px;
}

body {
  font-family: verdana, arial, sans-serif;
  font-size: x-small;
  min-height: 100%;
}

a { color: black; text-decoration: none; font-weight: bold; }

ul, li { margin: 0; padding: 0; list-style: none; }

h1 { font-size: 200%; margin-bottom: 1em; }
h1 .subtitle { display: block; color: #888888; font-size: 70%; }
h2 { font-size: 145%; margin-top: 0; }
.info h2 { margin-top: 0; font-size: 100%; }
h3 { font-weight: bold; margin: 12px 0 4px;  }

p { margin: 10px 0; }
strong { font-weight: bold; }
em { font-style: italic; }
ul.checked li { margin-left: 30px; margin-bottom: 8px; }
ul.checked li { list-style-image: url(images/bullet.gif); list-style-position: outside; }

th, td { padding: 1px 10px; padding-top: 5px; }
th { font-weight: bold; }
thead tr { border-bottom: 1px solid black; }



/**
 * Start forms
 */

form { margin: 0; padding: 0; }
input { line-height: 17px; }
input, button { color: black; }
fieldset {
  border: none;
  margin: 15px 0;
  padding: 10px 1px 0;
}

legend {
  font-weight: bold;
  padding: 0 10px;
  margin-left: 20px;
}

label {
  font-size: 110%;
  font-weight: bold;
  margin: 7px 0 3px 0;
  display: block;
}

.fieldWithErrors label { color: red; }

textarea { width: 504px; height: 100px; padding: 5px; }
.content .content textarea { width: 378px; }
input { width: 200px; }
input[type='checkbox'], input[type='checkbox'], input.checkbox { width: 14px; }
input[type='hidden'], input.hidden
  { display: none; }
select { width: 212px; height: 25px; }

textarea, input, select { border: 1px solid black; padding: 3px; }

fieldset.form_end {
  background: #cccccc;
  padding: 10px 20px;
  text-align: right;
  margin-bottom: 25px;
  position: relative;
}
fieldset.form_end p {
  position: absolute;
  top: -35px;
  left: -20px;
}

/**
 * End forms
 */
 
/* CSS3 Buttons Without Images */
/* Thank you: http://naioo.com/blog/css3-buttons-without-any-images/ */
button {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
  -webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
 
  color:rgba(0,0,0,0.9);
  text-shadow:1px 1px 0px rgba(255,255,255,0.8);
  border:1px solid rgba(0,0,0,0.5);
  
  background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1)));
  background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(185,185,185,1));
 
  padding: 5px 12px;
  margin: 12px 0 0 -1px;
}
 
button:hover {
  background:rgba(240,240,240,1);
}
 
button:active, button:focus {
  background:-webkit-gradient(linear,0% 100%,0% 0%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1)));
  background:-moz-linear-gradient(bottom,rgba(255,255,255,1),rgba(185,185,185,1));
}
 
button:disabled {
  color:rgba(0,0,0,0.4);
  text-shadow:1px 1px 0px rgba(255,255,255,0.5);
  background:rgba(220,220,220,1);
}
 
/* ================================ */

table.order { margin: 20px 0; }
table.order td:nth-child(10n+3), table.order th:nth-child(10n+3) { width: 60px; text-align: right; }
table.order td:nth-child(10n+4), table.order th:nth-child(10n+4) { width: 60px; text-align: right; }
table.order td:nth-child(10n+5), table.order th:nth-child(10n+5) { width: 80px; text-align: right; }
tr.highlighted td { color: #b33; font-weight: bold; }
tfoot td { padding-top: 10px; font-size: 150%; font-weight: bold; }

#global-nav { float: right; margin-right: 10px; }
#global-nav li { float: left; margin: 3px 10px; }
#global-nav li a { font-size: 11px; color: #666; font-style: italic; }

.notice { margin: 9px -40px; border-top: 1px solid black; border-bottom: 1px solid black; background: #bb9900; padding-left: 40px; font-weight: bold; }
.sender-mode { color: #666; font-style: italic; margin-bottom: 8px; }
.inline-form { display: inline; }
.response { white-space: pre-wrap; max-width: 520px; }