/* Block item stuff */

.blockitem {
	margin-bottom: 10px;
	border: 1px solid #BBB;
	border-radius: 4px;
	padding: 0 3px;
}

.blockitem:hover,
.blockitem:focus {
	border: 1px solid black;
}

.blockitem a,
.blockitem label,
.blockitem input {
	display: inline-block;
	padding: 5px;
	margin: 0;
}
.blockitem a {
	text-decoration: none;
}
.blockitem input[type=checkbox] {
	position: relative;
	padding: 0;
	top: 2px;
}

.blockitem select,
.blockitem select:hover,
.blockitem select:focus { /* sadly, select doesn't play nice with transparent borders */
	border: none;
	padding: 4px;
}

.blockitem.left {
	float: left;
	margin-right: 10px;
}

.blockitem.right {
	float: right;
	margin-left: 10px;
}



/* Global classes */

.green {
	background: #e9ffe6;
}
.orange {
	background: #fff6e6;
}
.red {
	background: #ffe6e6;
}

.greentext {
	color: green;
}
.redtext {
	color: red;
}


/* Tables */

/* TODO: make more generic */
table.buttons {margin: 10px 0;}
table.buttons td {width: 33%;}


/* List table */

table.list th,
table.list td {
	padding: 5px;
	text-align: left;
	vertical-align: top;
}
table.list th {
	font-weight: normal;
}
table.list td.edit,
table.list th.edit {
	white-space: nowrap;
	text-align: right;
}

table.list thead a {
	text-decoration: none;
}
table.list thead a:hover {
	text-decoration: underline;
}

table.list tr {
	border: 1px solid #afafaf;
}
table.list thead tr:nth-child(odd) {
	background: #fffbed;
}
table.list thead tr:nth-child(even) {
	background: #fbf5e2;
}
table.list tbody tr:nth-child(odd) {
	background: #f5f9ff;
}
table.list tbody tr:nth-child(even) {
	background: #ecf2fd;
}
table.list tbody tr.red:nth-child(odd) {
	background: #fce5e5;
}
table.list tbody tr.red:nth-child(even) {
	background: #f7dada;
}
table.list tbody tr.green:nth-child(odd)  {
	background: #e9ffe6;
}
table.list tbody tr.green:nth-child(even)  {
	background: #defadb;
}
table.list tbody tr.orange:nth-child(odd)  {
	background: #fff6e6;
}
table.list tbody tr.orange:nth-child(even)  {
	background: #faeed9;
}
table.list tbody tr.highlight,
table.list tbody tr:hover {
	background: white;
}

/* TODO: review */
table.list tr.rowspacer {
	border: none;
	background: white !important;
}
table.list tbody tr.cptr:hover {
	border: 1px solid black;
}
table.list tbody tr.rowtext td {
	padding: 20px;
	background: #ecf2fd;
}


form.checklist label {
	display: block;
	padding: 7px;
}
form.checklist label:hover {
	background: #ecf2fd;
}
form.checklist input[type=checkbox] {
	position: relative;
	margin-right: 5px;
	top: 2px;
}