html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

*:focus {
  outline: 0; }

body {
  line-height: 1em;
  color: black;
  background: #fff; }

ol, ul {
  list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: "" ""; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: ""; }

img a {
  border: none; }

.order_form_items {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 460px;
  margin-left: 0;
  text-align: center; }
  .order_form_items .line {
    margin-bottom: 4px; }
    .order_form_items .line .name, .order_form_items .line .quantity, .order_form_items .line .price, .order_form_items .line .checkbox, .order_form_items .line .total, .order_form_items .line .tax_rate_label {
      float: left; }
    .order_form_items .line .name {
      text-align: right;
      width: 56%;
      padding-right: 1%; }
    .order_form_items .line .quantity {
      width: 13%; }
      .order_form_items .line .quantity input {
        width: 32px;
        text-align: center; }
    .order_form_items .line .price {
      width: 12%; }
      .order_form_items .line .price input[type="text"] {
        width: 40px; }
    .order_form_items .line .checkbox {
      width: 3%;
      padding-top: 4px; }
    .order_form_items .line .total {
      width: 15%;
      text-align: right; }
    .order_form_items .line .name, .order_form_items .line .total {
      padding-top: 7px; }
    .order_form_items .line .tax_rate_label {
      padding-top: 0;
      width: 71%;
      text-align: right; }
    .order_form_items .line.title {
      margin-top: 4px; }
      .order_form_items .line.title .name, .order_form_items .line.title .quantity, .order_form_items .line.title .price, .order_form_items .line.title .total {
        font-weight: bold;
        height: 16px;
        padding-top: 0;
        text-align: center; }
      .order_form_items .line.title .total {
        text-align: right; }
      .order_form_items .line.title .checkbox img {
        margin-top: -8px;
        margin-right: -6px; }

strong {
  font-weight: bold; }

*:focus {
  outline: #4F7099 auto 5px; }

html {
  height: 100%; }

body {
  height: 100%;
  text-align: center;
  font-family: Verdana,sans-serif;
  font-size: 12px; }

#container {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  overflow: hidden;
  display: inline-block;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-top: 0;
  margin-bottom: -50px; }
  #container .grid_1, #container .grid_2, #container .grid_3, #container .grid_4, #container .grid_5, #container .grid_6, #container .grid_7, #container .grid_8, #container .grid_9, #container .grid_10, #container .grid_11, #container .grid_12 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px; }
  #container .grid_1 {
    width: 60px; }
  #container .grid_2 {
    width: 140px; }
  #container .grid_3 {
    width: 220px; }
  #container .grid_4 {
    width: 300px; }
  #container .grid_5 {
    width: 380px; }
  #container .grid_6 {
    width: 460px; }
  #container .grid_7 {
    width: 540px; }
  #container .grid_8 {
    width: 620px; }
  #container .grid_9 {
    width: 700px; }
  #container .grid_10 {
    width: 780px; }
  #container .grid_11 {
    width: 860px; }
  #container .grid_12 {
    width: 940px; }
  #container .prefix_1 {
    padding-left: 80px; }
  #container .prefix_2 {
    padding-left: 160px; }
  #container .prefix_3 {
    padding-left: 240px; }
  #container .prefix_4 {
    padding-left: 320px; }
  #container .prefix_5 {
    padding-left: 400px; }
  #container .prefix_6 {
    padding-left: 480px; }
  #container .prefix_7 {
    padding-left: 560px; }
  #container .prefix_8 {
    padding-left: 640px; }
  #container .prefix_9 {
    padding-left: 720px; }
  #container .prefix_10 {
    padding-left: 800px; }
  #container .prefix_11 {
    padding-left: 880px; }
  #container .suffix_1 {
    padding-right: 80px; }
  #container .suffix_2 {
    padding-right: 160px; }
  #container .suffix_3 {
    padding-right: 240px; }
  #container .suffix_4 {
    padding-right: 320px; }
  #container .suffix_5 {
    padding-right: 400px; }
  #container .suffix_6 {
    padding-right: 480px; }
  #container .suffix_7 {
    padding-right: 560px; }
  #container .suffix_8 {
    padding-right: 640px; }
  #container .suffix_9 {
    padding-right: 720px; }
  #container .suffix_10 {
    padding-right: 800px; }
  #container .suffix_11 {
    padding-right: 880px; }
  #container .alpha {
    margin-left: 0; }
  #container .omega {
    margin-right: 0; }
  #container {
    display: block; }

#header {
  text-align: left;
  padding: 5px 0 12px;
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 940px; }
  #header .side_logo {
    padding-top: 58px; }
  #header .side_logo_height {
    height: 80px;
    margin-bottom: 6px; }

#navigation {
  padding: 6px 0 14px 0; }
  #navigation ul li {
    display: inline; }
    #navigation ul li a {
      font-size: 13px;
      font-weight: bold;
      padding: 4px 7px; }

ul.test_nav {
  float: left;
  margin: 6px 20px 10px 0; }
  ul.test_nav li {
    list-style: none;
    margin: 0 0 4px 0px;
    font-size: 13px; }
    ul.test_nav li a {
      font-weight: normal; }
  ul.test_nav li.main {
    margin: 0 0 4px 0;
    font-size: 14px;
    padding-bottom: 4px;
    border-bottom: 1px solid; }
    ul.test_nav li.main a {
      font-weight: bold; }

#contentArea {
  text-align: left; }

.push {
  height: 50px; }

#footer {
  height: 50px;
  margin: 0 auto 0 auto;
  font-size: 11px; }

#user_info {
  padding-top: 6px; }

h1, h2, h3, h4 {
  font-weight: bold; }

h1 {
  font-size: 16px;
  margin: 3px 0 7px 0; }

h2 {
  font-size: 14px;
  margin: 2px 0 4px 0; }

h3 {
  margin: 2px 0 4px 0; }

.link {
  cursor: pointer;
  font-size: 12px; }

a:link, a:visited {
  font-weight: bold;
  text-decoration: none; }

.link {
  font-weight: bold;
  text-decoration: none; }


img {
  border: 0; }

table {
  padding: 3px;
  text-align: center;
  border-style: solid;
  border-width: 1px; }

th {
  padding: 5px;
  text-align: center;
  font-weight: bold; }

td {
  padding: 2px 5px; }

table .left {
  text-align: left; }
table .right {
  text-align: right; }

p {
  margin-top: 3px;
  margin-bottom: 8px; }

ol, ul {
  margin: 8px 0 0 10px; }

ol {
  list-style-type: decimal; }
  ol ol {
    list-style-type: lower-alpha;
    margin: 2px 0 0 18px; }

ul {
  list-style-type: square; }
  ul ul {
    list-style-type: square;
    margin: 2px 0 0 18px; }

li {
  list-style-image: none;
  list-style-position: inside;
  padding-bottom: 4px; }

.box {
  padding: 4px 8px;
  border-width: 1px;
  border-style: solid;
  margin-bottom: 16px; }

.interaction, .payment, .reminder, .order {
  font-size: 11px;
  border-width: 1px;
  border-style: solid;
  margin: 0 0 14px 0; }

.interaction .title, .payment .title, .order .title {
  text-align: center;
  padding: 2px 4px;
  border-bottom-style: solid;
  border-bottom-width: 1px; }

.interaction .body, .payment .body {
  padding: 6px 16px 9px; }

.interaction .footer, .payment .footer, .reminder .footer {
  font-size: 11px;
  padding: 2px;
  text-align: center;
  border-top-style: dashed;
  border-top-width: 1px; }

.order .footer {
  font-size: 11px;
  padding: 2px;
  text-align: center;
  border-top-style: dashed;
  border-top-width: 1px;
  height: 20px; }

.interaction .footer .left, .payment .footer .left, .order .footer .left {
  padding-top: 2px; }

.reminder .body {
  padding: 4px 6px 6px;
  font-size: 12px;
  line-height: 1.4em; }
.reminder .icon {
  float: left;
  padding-right: 5px; }
.reminder .footer .overdue {
  font-weight: bold; }

.order .title {
  padding: 2px 4px 3px;
  line-height: 1.2em; }
  .order .title .center {
    padding-top: 0px; }
.order .body {
  padding: 5px; }
.order .info {
  width: 180px; }
.order .contents {
  float: right;
  width: 330px; }
.order table.contents {
  margin-bottom: 6px; }

#item_order .buttons {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 60px;
  margin-left: 0;
  text-align: center; }
#item_order .item {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 860px;
  margin-right: 0; }
  #item_order .item .info {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 380px;
    margin-left: 0;
    text-align: center; }
    #item_order .item .info table {
      padding: 0;
      float: left; }
      #item_order .item .info table th {
        width: 120px; }
      #item_order .item .info table td {
        width: 60px; }
  #item_order .item .description {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 300px; }
  #item_order .item .picture_container {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 140px;
    margin-right: 0; }


.test {
  float: right;
  width: 50%; }


.unresolved a {
  font-weight: bold; }

.user {
  width: 500px; }

.order_form .item {
  margin-bottom: 16px; }
  .order_form .item .title {
    margin-bottom: 6px; }
  .order_form .item .name {
    font-weight: bold;
    font-size: 1.2em; }
  .order_form .item .picture {
    padding: 2px;
    border-width: 1px;
    border-style: solid;
    display: inline-block; }

.picture {
  padding: 2px;
  border-width: 1px;
  border-style: solid;
  display: inline-block; }

.order_form .item .picture img, .picture img {
  border-width: 1px;
  border-style: solid; }

.order_form .item .quantity_field {
  padding-top: 1px; }

#submit_order_outside {
  position: relative; }

#submit_order_middle {
  position: fixed; }

#submit_order_inside {
  position: absolute;
  padding: 6px 10px;
  left: 1px;
  right: 0;
  top: 1px;
  border-width: 1px;
  border-style: solid; }

table.public_order_table {
  width: 98%;
  border: none; }
  table.public_order_table th {
    border-top: 2px solid;
    border-bottom: 2px solid; }
  table.public_order_table td {
    padding: 6px 0; }
  table.public_order_table tr.totals_row {
    border-top: 2px solid; }

.radio_area {
  padding: 1px 1px 0;
  background-color: #666; }
  .radio_area .radio_button_container {
    background: #f9f9f9 url(/images/select_box_bg.png) repeat-x 0 bottom;
    color: #444;
    font-size: 12px;
    padding: 4px 6px;
    cursor: pointer;
    text-align: left;
    border-bottom: 1px solid #666; }
    .radio_area .radio_button_container.selected {
      color: #000;
      background: #dffbe8 url(/images/select_box_selected_bg.png) repeat-x 0 bottom; }

.radio_area_label {
  margin-bottom: 4px; }

#associated_items {
  float: left;
  padding-left: 30px; }

#emails {
  padding: 4px; }


a.edit {
  font-size: 10px; }
  a.edit:visited, a.edit:hover, a.edit:active {
    font-size: 10px; }

.note {
  font-size: 11px;
  font-weight: normal;
  font-style: normal; }
  .note a {
    font-size: 11px;
    font-weight: normal;
    font-style: normal; }

label {
  font-size: 11px;
  font-weight: normal;
  font-style: normal; }

table.orders_payments {
  border: none;
  text-align: right; }
  table.orders_payments th {
    font-weight: normal; }
table.list {
  border: none;
  border-collapse: collapse;
  font-size: 11px; }
  table.list th {
    text-align: right;
    font-weight: normal;
    font-style: normal;
    padding: 2px 3px 2px 1px; }
  table.list td {
    text-align: left;
    padding: 2px 1px 2px 3px; }
  table.list.proportioned {
    width: 100%; }
    table.list.proportioned th {
      width: 33%; }
    table.list.proportioned td {
      width: 66%;
      vertical-align: 0; }
table.rotate_image {
  margin-top: 4px;
  border: none; }
  table.rotate_image td {
    vertical-align: top; }

#ajax-loader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  padding-top: 20%;
  text-align: center; }
  #ajax-loader a:hover {
    text-decoration: underline; }

#ajax-errors {
  display: inline-table;
  padding: 8px;
  border: solid 2px; }

#ajax-loader .container {
  display: inline-table;
  padding: 14px; }

.completed_event, .warning {
  font-size: 12px;
  font-weight: bold;
  padding: 2px;
  margin: 0px 2px; }

.completed_event {
  border: 1px solid;
  position: relative; }

.message {
  margin: 16px;
  line-height: 1.3em;
  border-width: 1px;
  border-style: solid;
  display: block; }
  .message .padding {
    padding: 10px; }
  .message .author {
    font-size: 11px; }

.info_notice {
  padding: 4px 6px;
  border: 1px solid; }

.warning {
  border-width: 1px;
  border-style: solid; }
  .warning a {
    padding: 2px; }

.full_width {
  width: 100%; }

.indent {
  padding-left: 8px; }

.half_section {
  float: left;
  width: 50%;
  text-align: center; }

.space {
  width: 100%;
  height: 4px; }

.pretty {
  line-height: 1.5em;
  text-align: left; }

.small {
  font-size: 10px; }

.dividingLine {
  height: 1px;
  width: 90%;
  margin: 7px auto 14px auto; }

.padLeft {
  margin-left: 10px; }

.inlineBoxes {
  float: left;
  text-align: center;
  margin: 8px; }

.inline {
  float: left;
  padding: 0 16px 0 0; }

.buttonBar {
  margin-top: 80px; }

.button a {
  height: 26px;
  width: 94px;
  padding: 0 10px 0 10px;
  display: block;
  float: left;
  background-position: top;
  background-repeat: no-repeat; }
  .button a:hover {
    background-position: bottom; }

.price_point .fieldWithErrors {
  display: inline; }

.flash_error, .flash_notice {
  padding: 4px 6px;
  border-bottom: 1px solid; }


.fieldWithErrors input, .fieldWithErrors textarea {
  border-width: 2px;
  border-style: solid; }

#errorExplanation {
  border-width: 2px;
  border-style: solid;
  width: 400px;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px; }
  #errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px; }
  #errorExplanation p {
    margin-bottom: 0;
    padding: 10px 4px 4px 4px; }
  #errorExplanation ul li {
    font-size: 12px;
    font-weight: bold; }

.jqplot {
  background: #fff;
  padding: 10px;
  margin: 10px;
  border: 1px solid #000; }