/* .bullet is used in the left and right columns */
li.bullet {
  color: rgb(35,62,145);
  list-style-type: disc;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
/* .sortableColumnHeader is a class used at the top of a list view
which can be clicked to sort the column */
.sortableColumnHeader { /* for non-clickable headers */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: black;
	background-color: #CCCCCC;
	vertical-align: top;
	text-decoration: none;
}
a.sortableColumnHeader { /* for clickable headers */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: black;
	background-color: #CCCCCC;
	vertical-align: top;
	text-decoration: none;
}
a.sortableColumnHeader:hover {
	background-color: yellow;
	text-decoration: none;
}
a.sortableColumnHeader:link {
	text-decoration: none;
}

/* .userData is a class used to show the details of a user */
.userData {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: black;
	background-color: #F0F0F0;
	vertical-align: top;
	text-decoration: none;
	margin: 0.5em 0.5em 0.5em 0.5em;
}

/* .heading is a class that is slightly bigger */
.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: black;
	font-weight: bold;
}

/* .normal is a class used for all other text */
.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}

/* .error is a class used to show error messages */
.error {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: red;
}

/* .status is a class used to show status messages */
.status {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: black;
	font-weight: bold;
}