/* pagination nav, needs a more specific class on the wrapper */
.content-body .nav {margin-bottom: 10px; font-size: 11px;}
.content-body .nav a {margin-right: 5px;}

.login-page, .forgot-password-page {width: 470px; margin-top: 40px;}
.login-page .content-header {padding-bottom: 0;}
.login-page .field-list {width: 370px;}
.login-page form .actions {text-align: left; margin: 0; padding: 10px 0 10px 160px;}
.signup-page .field-list {width: 370px;}
.signup-page .content-body, .signup-page .content-header { margin-left: 120px; margin-right: 120px;}
.login-page .field-list td, .signup-page .field-list td {width: auto;}
.login-page .field-list th, .signup-page .field-list th {width: 150px !important; width: 150px;}
.login-page .content-header { position: relative; }
.login-page .forgot-password {font-size: 11px; margin-left: 160px;}

.edit-page .content-header {overflow: hidden; _zoom: 1;}
.edit-page .content-header h1 {float: left;}
.edit-page .content-header .delete-button {float: right; margin-top: 25px;}
form .actions {margin: 30px 0; width: 100%; text-align: center;}

.show-page .content-header {position: relative; border-bottom: 1px dotted #888;}
.show-page .content-header h1, .new-in-collection-page .content-header h1 {margin-bottom: 2px; margin-right: 70px;}
.show-page .content-header a.edit-link {position: absolute; top: 30px; right: 0;}
.aside-content .collection {padding-bottom: 10px;}

.content-header .creation-details {font-size: 11px; line-height: 11px;}
.content-header .creator {margin-right: 15px;}
.content-header .created-at {color: #444;}

.new-in-collection-page .content-header h2 {margin-top: 6px; font-size: 14px;}
.new-in-collection-page .content-header h2, .new-in-collection-page .content-header h2 a {color: #222;}

.add-to-collection {padding: 20px 30px; margin-top: 20px;}
.collection-section .add-to-collection h3 {margin: 0 0 20px; padding: 0; border-bottom: none;}
.add-to-collection form .submit-button {margin: 20px 130px;}
.add-to-collection .actions {text-align: left; margin-top: 0; margin-bottom: 0;}

/* styling of generic elements */
.creator {font-weight: bold;}
.card {
	overflow: hidden; _zoom: 1;
	margin: 10px 0;	padding: 12px; border: 1px solid #e8e8e8;
	background: #f5f5f5;
	position: relative;
}
.card h4 {margin-top: 0;}
.card a {background: #f5f5f5;}
.card .creation-details {
	display: block; color: #333; font-size: 11px; 
}
.card .datetime {color: #666;}
.card .actions { position:absolute; right: 10px; top: 10px; }
div.ordering-handle { float: left; background: #ccc; color: white; margin-right: 5px; cursor: move; padding: 0 2px;}

.card.content.with-owner {
	padding: 0; margin: 10px 0 30px; border: none;
	background: none; 
	font-size: 11px;
}
.card.content .creation-details {
	float: left; width: 28%;
	line-height: 14px;
}
.card.content .creation-details .created-at {display: block;}
.card.content.with-owner .content {
	float: right; width: 72%;
}
ul.collection > li { margin-left: 0; list-style: none;}
.empty-collection-message {margin-top: 20px;}

.new-link {margin-top: 20px;}

.collection-section h3 {
	padding: 15px 0; margin-bottom: 20px; border-bottom: 1px dotted #888;
}

.table-plus .header {_zoom: 1; overflow: hidden;}
.table-plus .header a {float: left; margin-right: 20px;}
.table-plus div.search {float: right;}
.table-plus div.search span {color: #444;}
.table-plus div.search input.search {margin: 0 5px;}
.table-plus div.search .button {padding: 2px 4px;}

.table-plus table {width: 100%; margin: 20px 0;}
.table-plus table th {
	padding: 2px 10px;
	color: white; background: #444;
	font-weight: bold; font-size: 10px;
}
.table-plus table th a {color: white;}
.table-plus table td {
	padding: 6px 10px; border-bottom: 1px solid #e2e2e2; color: #666;
}
.table-plus table td input.button, .collection .button {padding: 1px 3px; margin-left: 10px; margin-top: 0;}
.table-plus table td.controls {width: 100px;}
.table-plus .even {background: #f8f8f8;}
.table-plus a {background: none;}
.section.with-flash { padding-top: 20px; }