.playa-dp { position: relative; padding: 0; -webkit-user-select: none; -moz-user-select: none; }
*:first-child+html .playa-dp { position: static; }

.playa-dp table { margin: 0 !important; width: 100%; height: 100%; }
.playa-dp table td { border: none !important; padding: 0 !important; background: none !important; }


/*-- panes --*/
.playa-dp table td.playa-dp-pane { width: 50%; border: 1px solid #b6c0c2 !important;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }


/* filters */
.playa-dp-filters { position: relative; z-index: 1;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.1); }

.playa-dp-filters .playa-dp-filter { position: relative; border-bottom: 1px solid #bbb; padding: 5px 52px 5px 7px; background: #e5e5e5 url(../images/filter_bg.png) repeat-x;
	border-radius: 2px 2px 0 0; -webkit-border-topleft-radius: 2px; -webkit-border-topright-radius: 2px; -moz-border-radius: 2px 2px 0 0;
	background: #e5e5e5; background: rgba(0,0,0,0.06); }

.playa-dp-filters .playa-dp-filter a { display: block; position: absolute; width: 20px; height: 20px; background: no-repeat 0 -20px; cursor: pointer; }
.playa-dp-filters .playa-dp-filter a:active { background-position: 0 -40px; }
.playa-dp-filters .playa-dp-filter a.playa-dp-disabled { background-position: 0 0; cursor: default; }
.playa-dp-filters .playa-dp-filter a.playa-dp-remove { right: 26px; background-image: url(../images/filter_remove.png); }
.playa-dp-filters .playa-dp-filter a.playa-dp-add { right: 6px; background-image: url(../images/filter_add.png); }

.playa-dp-filters .playa-dp-search { border-top: 1px solid #fff; padding: 6px 96px 6px 7px; *padding: 2px 48px 2px 4px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(rgba(0,0,0,0.06)));
	background: -moz-linear-gradient(top, transparent, rgba(0,0,0,0.06)); }
.playa-dp-filters .playa-dp-search a { top: 6px; }
.playa-dp-filters .playa-dp-search a.playa-dp-erase { display: none; right: 52px; background: url(../images/search_erase.png) no-repeat 50% 50%; cursor: default; }
.playa-dp-filters .playa-dp-search label { display: block; cursor: text; }
.playa-dp-filters .playa-dp-search label span { display: block; position: absolute; top: 7px; left: 12px; padding-left: 16px; height: 18px; background: url(../images/search_icon.png) no-repeat 0 50%; }
.playa-dp-filters .playa-dp-search label span span { position: static; padding: 0; height: auto; background: none; font-size: 12px; line-height: 18px; font-weight: normal; color: rgba(0,0,0,0.5); }
.playa-dp-filters .playa-dp-search label input { margin: 0; padding: 3px 21px 2px; border: 1px solid #a7b0b2; width: 100%; *width: auto; height: 13px; outline: none;
	box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box;
	border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px;
	background: #fff url(../images/search_bg.png) repeat-x; background: rgba(255,255,255,0.5);
	-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); }


/*-- entries --*/
.playa-dp .playa-entries { background: #fff; }
.playa-dp-left .playa-entries { border-radius: 0 0 2px 2px; -webkit-border-bottomleft-radius: 2px; -webkit-border-bottomright-radius: 2px; -moz-border-radius: 0 0 2px 2px; }

.playa-scrollpane { position: relative; overflow: auto; background: #fff;
	border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
*:first-child+html .playa-scrollpane { position: static; }

/* entries */
.playa-dp-caboose { visibility: hidden; height: 0; padding: 0; }
.playa-dp-placeholder { display: none; }
.playa-dp-insertion { height: 5px; }


/*-- buttons --*/
td.playa-dp-buttons { vertical-align: middle; }
td.playa-dp-buttons a { display: block; width: 32px; height: 26px; background: no-repeat 0 -26px; cursor: pointer; }
td.playa-dp-buttons a:active { background-position: 0 -52px; }
td.playa-dp-buttons a.playa-dp-disabled { background-position: 0 0; cursor: default; }
td.playa-dp-buttons a.playa-dp-select { background-image: url(../images/btn_select.png); }
td.playa-dp-buttons a.playa-dp-deselect { background-image: url(../images/btn_deselect.png); }


/* custom selects for webkit */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.playa-dp select { border: 1px solid #aaa; padding: 0 16px 0 6px; height: 16px;
		-webkit-appearance: none;
		-webkit-border-radius: 9px;
		background: url(../images/filter_selectbg.png) no-repeat 100% 50%; }
}
