/* Note there will also be a bunch of classes specific to the site for each activity they've configured. The class name is "civicase-audit-" plus the name they've given the activity with any non-alphanumeric characters removed. */

#civicase-audit {
}

#civicase-audit table {
	border: 0px;
}

#civicase-audit td {
	margin: 0px;
}

#civicase-audit td.leftpane {
}

#civicase-audit table.report{
	width: 100%;
	margin-top: -4px;
}

#civicase-audit tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
	color: #027AC6;
	background-color: #FFFF99;
	font-weight: bold;
}

#civicase-audit .indicator{
	width: 30px;
	text-align: center;
}

#civicase-audit .separator{
	width: 10px;
}

#civicase-audit td.rightpane {
	background-color: #CCE3F1;
	border: #333333 solid 1px;
	padding: 2%;
	width: 60%;
}

.rightpaneheader {
}

.rightpanebody {
}

#civicase-audit label {
	font-weight: bold;
}

.activity {
}

.auditmenu {
	padding-bottom: 20px;
}

.editlink {
	background: #EEEEEE;
	border: #333333  solid 1px;
	padding: 2px 3px 2px 3px;
	font-size: xx-small;
	text-transform: uppercase;
	width: 30px;
}

.editlink a {
	text-decoration: none;
	color: #0000CC;
	font-weight: bold;
}

.editlink a:hover {
	color: #CC0000;
}

.activity a {
	text-decoration: none;
}

.activity a:link, .activity a:visited {
} 

.activityheader {
	display: none;
	padding-bottom: 20px;
	font-size: smaller;
}

.activityheader span {
 	display: list-item;
	list-style-type: none;
	margin-left: 20px;
}

.auditmenu span {
	display: inline;
	margin-left: 0px;
}

.activitybody {
	background: #FFFFFF;
	padding: 2px;
	display: none;
}

.activitybody span {
	display: list-item;
	list-style-type: none;
	margin-left: 20px;
}

/* The right pane starts off hidden except for the first activity. */
#civicase-audit-header-1 {
	display: block;
}

#civicase-audit-body-1 {
	display: block;
}

.String {
}

.Date {
}

.File {
}

.Int {
}

.Memo {
}

.Boolean {
}