ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

a
{
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

body, td
{
  margin: 0;
  padding: 0;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  background-color: #fff;
}

body
{
  padding: 20px;
}

/* my changes */
td,th { line-height: 1.4em; background: white; padding: 2px; }
th { font-weight: bold; text-align: left; background: #ddeeff; }
h1 { margin-top: .2em; margin-bottom: .2em; }
div.error { padding: 5px; margin: 5px; width: 40%; border: 1px solid #cc9999; background: #ffcccc; }
div.message { padding: 5px; margin: 5px; width: 40%; border: 1px solid #9999cc; background: #ccccff; }
ul,ol { padding-left: 1em; margin: 1em; }

div.search_widget { border: 1px solid #ccc; padding: 1px; margin-top: 4px; margin-bottom: 4px; width: 400px; }
div.search_widget h3 { background: #bbddff; margin: 2px; margin-bottom: 0; padding: 1px; line-height: 1.4em; }

/* top navigation bar */
div#navigation { margin-left: auto; margin-right: auto; width: auto; }
div#navigation ul { list-style: none; padding: 7px 7px 7px 5px; margin: 0; width: 750px; border: 1px inset #def; background: #def; }
div#navigation li { display: inline; margin-right: 1px; }
div#navigation li a { padding: 2px 5px 2px 5px; margin-right: 1px; border: 1px outset #ace; background: #ace; }
div#navigation li.manager a { border: 1px outset #dbd; background: #dbd; }
div#navigation li.admin a { border: 1px outset #dcb; background: #dcb; }
div#navigation li.offline a { border: 1px outset #bdc; background: #bdc; }

div#set_locales { border: 1px solid #ccc; background: #eee; width: auto; padding: 5px; float: right; text-align: right; }
div#set_locales a { margin: 0 2px 0 2px; }
div#set_locales a img { border: 1px solid #ddd; vertical-align: middle; }

/* browse events */
div#page_event_list div#event_listing { float: left; width: 50%; height: 400px; border: 1px solid #ccc; overflow-x: hidden; overflow-y: auto; }
div#page_event_list div#event_listing table { width: 100%; }
div#page_event_list div#google_map { width: 48%; height: 400px; margin-left: auto; border: 1px solid #ccc; }
div#page_event_list tr.event_highlighted { background: red; border: 1px solid orange; }
div#page_event_list tr.event_highlighted td { background: red; border: 1px solid orange; }

div#page_event_show div#event_details { float: left; width: 50%; height: 400px; border: 1px solid #ccc; overflow-x: hidden; overflow-y: auto; }
div#page_event_show div#event_details table { width: 100%; padding-top: 1em; }
div#page_event_show div#google_map { width: 48%; height: 400px; margin-left: auto; border: 1px solid #ccc; }

div#delete_events { width: 80%; border: 1px solid #ccc; background: #eee; padding: 10px; margin: 10px; }
tr.delete-pending { opacity: 0.5; }
tr.delete-pending td div a:after { content: " (delete pending)"; }

/* book ticket */
div#page_ticket_create a.seating_area div { margin: 10px; }
div#page_ticket_create div.seating_area_sold_out div { margin: 10px; }
div#page_ticket_create div.seating_area_sold_out { color: red; }

div#login_bar, div#signup_bar { width: 48%; border: 1px solid #ccc; }
div#login_bar { float: left; }
div#signup_bar { float: right; }

/* for js loading */
div#load_container { display: none; }
.client-disabled { }
.client-enabled { display: none; } /* wait for js to confirm */

/* popup box */
div#popup_box { }
div#popup_box div#popup_box_screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: .3; }
div#popup_box div#popup_box_box { position: absolute; background: #eee; top: 40%; left: 40%; width: 20%; border: 2px outset #ccc; padding: 10px; margin: auto; }
div#popup_box div#popup_box_close { 
	float: right; 
	cursor: pointer; 
	text-indent: -400em;
	width: 16px;
	height: 14px;
	background: url('../images/close.png') no-repeat;
}
div#popup_box div#popup_box_buttons { padding: 10px; padding-bottom: 5px; text-align: center; }