/**
 * Results/tables styles for the admin.
 *
 * This should be included with every skin and overridden when needed.
 */


/*
 * Results tables:
 */
div.results div.table_scroll {
	overflow: auto;
	width: 100%;
}
table.grouped {
	border: 1px solid #bbb;
	margin: 0 auto;
	width: 100%;
	/* clear:both; */
}
div.compact_results table.grouped {
	margin: 0 auto;
}
div.fieldset_wrapper {
	margin: 1ex auto;
}

/* Table Filters & Messages: */
table.grouped tr.filters td, div.filters, div.messages {
	border: 1px solid #bbb;
	border-bottom: none;
	background-color: #ddd;
	font-size: 84%;
}
div.filters {
	padding: 3px;
}
div.filters form {
	min-height: 22px;
}
div.filters .field_error {
	display: inline;
}
a.filters_title {
	text-decoration:none;
}
a.filters_title:hover {
	text-decoration:underline;
}
tr.filters div, div.filters div {
	margin-left: 15px;
}
button.filter {
	padding: 0;
	margin: 0 0 1px .5ex;
	float:right;
}
div.messages {
	background-color: #fff0dd;
	color: #f60;
	padding: 5px;
	line-height: 150%;
}

/* Table rows: */
table.grouped tr {
	background-color: #eee;
}
table.grouped tr.placeholder {
	display: block;
	background: red;
	position: relative;
	margin: 0;
	padding: 0;
	border: none;
}
table.grouped tr.placeholder:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left-color: red;
	margin-top: -5px;
	left: 0;
	border-right: none;
}
table.grouped tr.odd {
	background-color: #ddd;
}
table.grouped td {
	border-left: 1px solid #bbb;
	padding: .3ex 1ex;
}
table.grouped th.title{
	border-left: none;
	text-align: left;
}
div.results div.title, div.table_title {
	border: 1px solid #BBB;
	border-bottom: none;
	background-color: #D4D4D4;
	padding: 0.3ex 1ex;
	font-weight: bold;
	min-height: 16px;
}
div.table_title {
	margin-top: 1ex;
}
table.grouped th.firstcol,
table.grouped td.firstcol {
	border-left: none;
}
table.grouped tr.group td {
	font-weight: bold;
	color: #8e8276;
	background-color: #ccc;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-left: 0;
}
table.grouped .notes {
	color: #666;
}
table.grouped td.shrinkwrap
{
	width: 1%;
	white-space:nowrap;
	text-align:center;
}
/* For prices */
table.grouped td.monetary
{
	text-align:right;
	white-space:nowrap;
}

table.grouped input.checkbox {
	border:none;
	background-color: #eee;
}
table.grouped tr.odd input.checkbox {
	border:none;
	background-color: #ddd;
}
table.grouped tr.even:hover,
table.grouped tr.odd:hover {
	background-color:#ccc;
}
table.grouped.nohover tr.even:hover {
	background-color:#eee;
}
table.grouped.nohover tr.odd:hover {
	background-color:#ddd;
}

/* Table headers/footers: */
table.grouped th,
table.grouped thead td,
table.grouped tfoot td {
	padding: .5ex;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #bbb;
	background-color: #d4d4d4;
}
table.grouped tfoot td {
	border-bottom: none;
}
table.grouped th {
	padding: .3ex 1ex;
}
table.grouped th img {
	vertical-align: bottom;
}
table.grouped tr.total td {
	border-top: 1px solid #bbb;
	font-weight: bold;
	background-color: #d4d4d4;
}

/* Table BASIC sort buttons/headers: */
table.grouped th a.basic_current,
table.grouped th a.basic_sort_link {
	padding: 0 1ex;
	display: block;
	height: 100%;
}
table.grouped th a.basic_current {
	background-color:#ccc;
}
table.grouped th a.basic_sort_link:hover {
	background-color:#ccc;
}


/* Table SINGLE sort buttons/headers: */
table.grouped th a.single_current {
	font-weight : bold;
}
table.grouped th a.single_current:hover,
table.grouped th a.single_sort_link:hover {
	text-decoration: underline;
}
/* / Results tables */


/*
 * Results navigation:
 */
.results {
	margin: 1ex auto;
	width: 100%;
	/* border: 1px solid black; */
}
.results_nav {
	text-align: center;
	padding: 3px;
	background-color: #D4D4D4;
	border: 1px solid #BBB;
	border-bottom: none;
}
.results_nav.nav_footer {
	border-bottom: 1px solid #BBB;
	border-top: none;
}
.results_nav small {
	margin-top: 4px;
	display: block;
}

/* / Results navigation */

/* 
 * Results drag n drop 
 */
ul.grouped li .draggable_object{
cursor:move;
}

li.ui-draggable-dragging{
width: 80%;	/* fp> TODO: JS copy actual pixel width of actual page objetcs */
}

ul.grouped .actions{
display:block;
float:right;
margin-left:2ex;
}

.unsaved_change,
.unsaved_change li,
.widget_changed{
background-color:#faa;
}

.saving_change{
background-color:#ddd;
}