body {
  background-color: #4B7399;
  font-family: Verdana, Helvetica, Arial;
  font-size: 12px;
}

a img { border: none; }
a { color: #183F63; text-decoration:none }
a:hover { text-decoration:underline }
h1 { color:#333333; border-bottom:solid 1px #BBBBBB }

fieldset { border:1px solid #CCCCCC; padding:5px 20px 15px; }
legend { color:#333333; font-size:17px; font-weight:bold; padding:1px; }
select, input, textarea { border:1px solid #AAAAAA; font-family:"Trebuchet MS",Verdana,serif; font-size:12px; margin-top:2px; padding:2px; }
label { font-weight:bold; }
input[type=submit] { background-image: url('../images/button-background.png'); border: 1px solid #C3C4BA; border-radius: 2px; padding: 4px 10px; }
input[disabled] { background-color:#EEEEEE }

.clear { clear:both; height: 0; overflow: hidden; }
.strong { font-weight:bold; }
.box { float:left; margin-top:10px }
.box_top    { background:url("../images/box_grey.gif") no-repeat left top transparent }
.box_bottom { background:url("../images/box_grey.gif") no-repeat left bottom transparent }
.box_top, .box_bottom { width:387px; padding: 2px 15px; }
.text-right { text-align:right }

.nav_menu { position:absolute; top:5px; right:40px; }
.reports { float:right; position:relative; top:23px }
a.add_nested_fields { display:block; margin-top:10px }
a.add_nested_fields,
a.arrow_link { background:url("../images/arrow_content.gif") no-repeat scroll 0 2px transparent; padding-left:14px; padding-right:5px }
.arrow_link a { background:url("../images/arrow_content.gif") no-repeat scroll 0 2px transparent; padding-left:14px; padding-right:5px }
.organization { font-weight:bold; color:#BBB;  }
.pagination { margin-bottom:1.5em; }
.fields label { float:left; }
fieldset.product_items .fields > span { display: inline-block }
fieldset.product_items .fields > .title { width:190px }
fieldset.seats > .fields > input.product_item_title { width:194px }
fieldset.seats > .fields > select.product_item_title { width:200px }
fieldset.seats > .fields > input:disabled { background-color:#fcc }
fieldset.seats > .fields > .display { background-color:#eee }

table tr.even { background-color:#EEEEEE; }
table tr.odd { background-color:#FAFAFA; }
table.table_display { width:100%; text-align:left }
table.table_display th { padding:4px; white-space:nowrap; background-color:#CCCCCC; }
table.table_display th > a { color:inherit }
table.table_display td { padding:4px; }
table.table_display th.number { padding-right:8px; }
table.table_display td.number { padding-right:8px; }
table.table_display tbody tr:hover { background-color:#CCCCCC; }
table.clickable tbody tr:hover { cursor:pointer }
table.clickable tbody th:hover { cursor:default }

div.login { border:solid 1px #aaa; margin:60px auto; padding:0 20px }

#container {
  width: 85%;
  max-width: 850px;
  margin: 0 auto;
  background-color: #FFF;
  position: relative;
  padding: 5px 40px 40px 40px;
  border: solid 1px black;
  margin-top: 20px;
}
#footer {
  color:#BBB;
  width: 85%;
  max-width: 932px;
  margin: 0 auto;
  padding: 5px 0px;
  text-align: right;
}
#footer a { color:#BBB }
#footer_logged { float:right; }

#flash_alert, #flash_success, #flash_failure,
#flash_notice, #flash_error, #flash_warning { padding: 5px 8px; margin-top: 10px; }
#flash_notice, #flash_success { background-color: #CFC; border: solid 1px #6C6; }
#flash_alert, #flash_error, #flash_failure { background-color: #FCC; border: solid 1px #C66; }
#flash_warning { background-color: #ffe66b; border: solid 1px #E9C725; }

.fieldWithErrors { display: inline; }
#errorExplanation { width: 400px; border: 2px solid #CF0000; padding: 0px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0; }
#errorExplanation h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: 0; background-color: #c00; color: #fff; }
#errorExplanation p { color: #333; margin-bottom: 0; padding: 8px; }
#errorExplanation ul { margin: 2px 24px; }
#errorExplanation ul li { font-size: 12px; list-style: disc; }

#seats-select tr.purchased,
#seats-select tr.selected { background-color:#fcc; text-decoration:line-through; }
#seats-select tr.purchased td > a,
#seats-select tr.selected td > a { visibility:hidden }

.grid_1 { width:6.25%; } /* 60 */
.grid_2 { width:14.583%; } /* 140 */
.grid_3 { width:22.917%; } /* 220 */
.grid_4 { width:31.25%; } /* 300 */
.grid_5 { width:41.667%; } /* 380 */
.grid_6 { width:47.917%; } /* 460 */
.grid_7 { width:56.25%; } /* 540 */
.grid_8 { width:64.583%; } /* 620 */
.grid_9 { width:72.917%; } /* 700 */
.grid_10 { width:81.25%; } /* 780 */
.grid_11 { width:89.583%; } /* 860 */
.grid_12 { width:97.917%; } /* 940 */

.column { margin: 0 1.04%; overflow: hidden; float: left; }
.row { width: 97.875%; margin: 0 1.064%; overflow: hidden; }

.pagination { background: white; /* self-clearing method: */ }
.pagination a, .pagination span, .pagination em { padding: .2em .5em; display: block; float: left; margin-right: 1px; }
.pagination span.disabled { color: #999; border: 1px solid #DDD; }
.pagination em { font-weight: bold; background: #2E6AB1; color: white; border: 1px solid #2E6AB1; }
.pagination a { text-decoration: none; border: 1px solid #AAA; }
.pagination a:hover, .pagination a:focus { color: #003; border-color: #003; }
.pagination .page_info { background: #2E6AB1; color: white; padding: .4em .6em; width: 22em; margin-bottom: .3em; text-align: center; }
.pagination .page_info b { color: #003; background: #6aa6ed; padding: .1em .25em; }
.pagination:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .pagination { height: 1%; }
*:first-child+html .pagination { overflow: hidden; }