/*
*  Flexible Content field Style
*
*  @description: 
*  @since: 3.6
*  @created: 30/01/13
*/

.acf-flexible-content {
	position: relative;
}

.acf-flexible-content .layout {
	margin: 20px 0 0;
	position: relative;
	
	border-radius: 0;
   
    background: #fff;
}

.acf-flexible-content .layout:first-child {
	margin-top: 0;
}

.acf-flexible-content .layout .acf-fc-layout-handle {
	display: block;
	position: relative;
	padding: 8px 10px;
	
	cursor: move;
	
	border: #E1E1E1 solid 1px;
		
	color: #333333;
	font-size: 14px;
	line-height: 1.4em;
}

.acf-flexible-content  table.acf_input tbody tr td {
	padding: 10px;
}

.acf-flexible-content .layout .acf-fc-layout-controlls {
	visibility: hidden;
	
	position: absolute;
	top: 9px;
	right: 9px;
	
	z-index: 1;
}

.acf-flexible-content .layout.popup-open .acf-fc-layout-controlls,
.acf-flexible-content .layout:hover .acf-fc-layout-controlls {
	visibility: visible !important;	
}

.acf-flexible-content .layout .acf-fc-layout-controlls > li {
	margin: 0 0 0 5px;
}

.acf-flexible-content .layout .acf-fc-layout-controlls .acf-button-add,
.acf-flexible-content .layout .acf-fc-layout-controlls .acf-button-remove {
	box-shadow: 0 0 0px 1px #cbcbcb;
}

.acf-flexible-content .clones {
	display: none;
}

.acf-flexible-content > .values > .ui-sortable-placeholder {
	visibility: visible !important;
	border: #DFDFDF dashed 2px;
	border-radius: 3px;
	box-shadow: none;
}

.acf-flexible-content .layout > .acf-input-table {
	border-top: 0 none;
	box-shadow: none;
}

.acf-flexible-content .layout > .acf-input-table > tbody > tr {
	background: #fff;
}

.acf-flexible-content .layout > .acf-input-table > thead > tr > th {
	background: none repeat scroll 0 0 #F9F9F9;
    border-bottom: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
    
    font-size: 12px;
	font-family: sans-serif;
	font-weight: bold;
}

.acf-flexible-content .layout > .acf-input-table > thead > tr > th:last-child {
	border-right: 0 none;
}

.acf-fc-popup {
	position: absolute;
	
	border-radius: 3px;
	background: #333739;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	
	min-width: 135px;
	z-index: 999;
}

.acf-fc-popup .bit {
	position: absolute;
	
	left: 50%;
	margin: 0 0 0 -10px;
	
	width: 0;
	height: 0;
	
	border: transparent solid 10px;
	border-top-color: #333739;
	
	z-index: 2;
}

.acf-fc-popup .bit.top {
	top: 0;
	margin-top: -20px;
	
	border: transparent solid 10px;
	border-bottom-color: #333739;
}

.acf-fc-popup ul,
.acf-fc-popup ul li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}

.acf-fc-popup ul li {
	position: relative;
	float: none;
	
	border-top: #2B2F31 solid 1px;
}

.acf-fc-popup ul li:first-child {
	margin: 0;
	border-top: 0 none;
}

.acf-fc-popup ul li a {
	color: #F9F9F9;
	font-size: 12px;
	line-height: 14px;
	padding: 6px 8px;
	display: block;
	text-decoration: none;
	position: relative;
}

.acf-fc-popup ul li a:hover {
	color: #fff;
	background: #288FBC;
	text-shadow: #1E698B 0 1px 0;
}

.acf-fc-popup ul li a .status {
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	height: 14px;
	width: 14px;
	border-radius: 8px;
	font-size: 8px;
	line-height: 15px;
	
	border: #288FBC solid 1px;
	
	text-align: center;
	color: #DFDFDF;

	display: none;
}

.acf-fc-popup ul li a .status.warning {
	border-color: #e86740;
}

.acf-fc-popup ul li a:hover .status {
	border-color: #fff;
	color: #fff;
}

.acf-fc-popup ul li:first-child a {
	border-radius: 3px 3px 0 0;
}

.acf-fc-popup ul li:last-child a {
	border-radius: 0 0 3px 3px;
}

.acf-fc-popup ul li:only-child a {
	border-radius: 3px;
}

.acf-flexible-content .no_value_message {
	padding: 19px;
	border: #ccc dashed 1px;
	text-align: center;
}

.acf-flexible-content .flexible-footer {
	margin: 20px 0 0;
}

.acf-fc-popup a.focus {
	position: absolute;
	width: 0;
	height: 0;
	left: 100%;
	top: 0;
	opacity: 0;
}