/****************
General
****************/

body {
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
}

table {
  font-size: 11px;
}

td {
  font-size: 100%;
}

br {
	clear: left;
}

.newline {
  clear: left;
}



/****************
Add event
****************/

label, .label, .value, input, .inputset, textarea {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}

.inputset {
  width: 230px;
}

input[type=checkbox],input[type=hidden] {
  width: auto;
}

label, .label {
	text-align: right;
	width: 120px;
	padding-right: 40px;
	clear: left;
}

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}

div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

div.autocomplete ul li.selected { background-color: #ffb;}

div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px 2px 2px 0;
  height:20px;
  cursor:pointer;
}

div.autocomplete .informal {
  font-size: 90%;
  color: #999999;
}

.add_link, .image_link {
  padding: 2px 0 2px 20px;
}

.add_link {
  background: transparent url('/images/icons/add.gif') no-repeat;
}

.image_link {
  background: transparent url('/images/icons/image_new.gif') no-repeat;
}

.overlay {
  position: absolute;
  display: none;
}

#recurrenceOptions {
  width: 300px;
  height: 200px;
  background-color: blue;
}



/****************
Events list
****************/

table {
  border-collapse: collapse;
}

.eventsList td, .eventsList th {
  padding: 2px;
}

.eventsList th {
  text-align: left;
  background: #3e83c9;
  color: #ffffff;
  font-size: 1.1em;
}

.eventRow {
  clear: left;
}

.eventRow.alt {
  background: #ecf6fc;
}

.eventRow.over {
  background: #bcd4ec;
}

.eventName {
  width: 300px;
}

.eventDate {
  width: 90px;
}

.venue {
  width: 200px;
}

.feature, .publish, .approve, .edit, .delete {
  width: 80px;
}

.eventActions a, .contentActions a {
  display: block;
  float: left;
  text-indent: -9999px;
  width: 16px;
  height: 16px;
  outline: none;
}

.titleRow {
  font-weight: bold;
}

.titleRow div {
  float: left;
}

a.feature.inactive { background: url('/images/icons/star_off.gif') no-repeat; }
a.feature.active { background: url('/images/icons/star_on.gif') no-repeat; }
a.publish.inactive, a.approve.inactive { background: url('/images/icons/page_cross.gif') no-repeat; }
a.publish.active, a.approve.active { background: url('/images/icons/page_tick.gif') no-repeat; }
a.edit { background: url('/images/icons/page_edit.gif') no-repeat; }
a.delete { background: url('/images/icons/cross.gif') no-repeat; }

.pagination {
  margin: 10px 0;
}

.pagination .pagenav {
  margin: 0 10px;
}

.pagination .pages a {
  margin: 0 5px;
}



/****************
Messages
****************/

.error {
  border: 1px solid #cc0000;
  background: #ffcccc;
  padding: 5px;
}



/****************
Admin menu
****************/

.adminMenu {
	list-style-type: none;
	padding: 0;
}

.adminMenu li {
	display: inline;
	background: #eee;
	padding: 10px;
	border: 1px solid #ccc;
}

.adminMenu li a, .adminMenu li a:visited {
	color: #333;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 2px 2px 20px;
}

.adminMenu li a:hover {
	text-decoration: underline;
}

.adminMenu a.add {
	background: url('/images/icons/add.gif') no-repeat left;
}

.adminMenu a.edit {
	background: url('/images/icons/page_edit.gif') no-repeat left;
}

.adminMenu a.approve {
	background: url('/images/icons/approve.gif') no-repeat left;
}

.adminMenu a.view {
	background: url('/images/icons/view.gif') no-repeat left;
}

.adminMenu a.venues {
	background: url('/images/icons/house.png') no-repeat left;
}