/**
 * Sortable - Applies to UL and other elements
*/

#info {
	display: block;
	margin-bottom: 20px;
	padding: 10px; 
	border: 1px solid #333;
	background-color: #efefef;
	font-family:"Courier New", Courier, monospace;
}

.sortable {
	margin:0 0 30px 0;
	padding:0;
	list-style: none;
	min-height:20px;
}

.sortable li {
	position:relative;
	margin:0 0 2px 0;
	padding:9px 5px;
	font-size:.9em;
	background-color:#FFF;
	border-left:6px solid #ec6c44;
}
	/* nested li */
	.sortable li ul li {
		padding: 9px 0 9px 5px!important;
	}

.sortable li:hover {
	border-left:6px solid #e42605;
}

.sortable li.active {
	/* background-image:url(/core/structure/tiles/bg_states/active.png); */
	background-color: rgb(245, 254, 241);
	border-left:6px solid #6C3;
}

.sortable li.inqueue {
	background-image:url(/core/structure/tiles/bg_states/inqueue.png);
	border-left:6px solid #DEF5C4;
}

.sortable li.inactive {
	/* background-image:url(/core/structure/tiles/bg_states/inactive.png); */
	background-color: #fafafa;
	border-left:6px solid #CCC;
}

.sortable li.expired {
	/* background-image:url(/core/structure/tiles/bg_states/expired.png); */
	background-color: #fafafa;
	border-left:6px solid #CD2608;
}

.sortable li.excluded {
	border-left:6px solid #000;
}

.sortable li.hilight {
	background-color:#C8F6A1;
}

.sortable li div {
	position:relative;
	display:inline-block;
	padding:0 0 0 5px;
	width:60%;
}

.sortable li.active div {
	/*font-weight:bold;*/
	color:#333;
}

.sortable li.inactive a,
.sortable li.expired a {
	color:#999;
}

.sortable li.inactive div,
.sortable li.expired div {
	color:#999;
	font-weight:normal;
}

.sortable li:hover, .sortable li.active:hover, .sortable li.hilight:hover, .sortable li.inqueue:hover {
	background-color:#FCFCFC;
}

.sortable li.sortable_droptarget {
	margin:1px 0 0 0;
	height:12px;
	border:1px dashed #9cf;
	background:#FCFFFE;
}

.handle {
	position:relative;
	overflow:visible;
	cursor:move;
}

.handle:hover {
	cursor:move;
}

.handle:hover::before {
	content: " ";
	position: absolute;
	left:-45px;
	width: 16px;
	height: 18px;
	background-image:url(/core/admin/structure/icons/handle.png);
}

.handle span.icon {
	display:inline-block;
	margin:0 5px 0 0;
	width:16px;
	height:16px;
	background-repeat:no-repeat;
}

.sortable li a.button {
	float:right;
	width:auto;
	margin:0 0 0 6px;
	padding:4px 14px 3px;
	font-size: .62rem;
	font-weight: 400;
	text-transform: uppercase;
	background: #585858;
	border:none;
	color:#ffffff;
	text-decoration:none;
	/* border: 3px solid blue !important; */
}

.sortable li a.button:hover {
	background:#b73a20;
	color:#FFF;
}

.sortable li a.masternav {
	background: #e6e6e6;
	color:#1a9cf2;
}

/* smaller text */

.smaller,
.sortable a.smaller {
	position:relative;
	font-size:11px;
	color:#999;
	text-decoration:none;
	font-weight:normal;
}

.sortable a.smaller:hover {
	color:#ec6c44;
	text-decoration:underline;
}

#status h4 {
	margin:0;
	font-size:.8em;
	color:#666;
}

/* date */
span.smaller,
span.date {
	position:absolute !important;
	top:0 !important;
	right:0 !important;
	width:35% !important;
	text-align:left !important;
}

.sortable li div.wrapper {
	display:block;
	width:auto !important;
}


/**
 * Nested li
*/

.sortable li ul,
.sortable li ol {
	margin-top:12px;
}

.sortable li li {
	margin-left:20px;
}


/*** for use in jquery plugins, specifically jeditable ***/
button.minibutton {
	display:inline;
	width:auto;
	margin:3px 5px 0 0;
	padding:2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#FFF;
	background:#666;
	text-decoration:none;
	text-transform:uppercase;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}


button.minibutton:hover, button.minibutton:visited:hover {
	background:#b73a20;
	text-decoration:none;
}