/***********************************
	Common styles
***********************************/

.gndev-plugin-column {
	float: left;
	width: 260px;
}

.gndev-plugin-clear {
	display: block;
	height: 0;
	clear: both;
}



/***********************************
	Nav tabs
***********************************/

#gndev-plugin-nav-tabs {}
#gndev-plugin-nav-tabs span { cursor: pointer }
#gndev-plugin-nav-tabs .nav-tab-active,
#gndev-plugin-nav-tabs span:hover { color: #464646 }



/***********************************
	Panes
***********************************/

.gndev-plugin-nav-pane {
	margin: 20px 0;
	padding-bottom: 20px;
	border-bottom: 3px solid #f0f0f0;
}
.js .gndev-plugin-nav-pane {
	padding-bottom: 0;
	border: none;
}



/***********************************
	Fields
***********************************/

#gndev-plugin-wrapper .description {
	display: block;
	margin-top: 5px;
}



/***********************************
	Icon picker
***********************************/

.gndev-plugin-icon-picker { position: relative }
.gndev-plugin-icon-picker-preview {
	width: 16px;
	height: 16px;
	margin: 0 0 -3px 5px;
	cursor: pointer;
}
.gndev-plugin-icon-picker-dropdown {
	position: absolute;
	left: 1px;
	top: 23px;
	display: none;
	width: 288px;
	max-height: 180px;
	padding: 5px;
	overflow: auto;
	background: #fff;
	border: 1px solid #ccc;
	z-index: 5;
}
.gndev-plugin-icon-picker-dropdown img {
	width: 16px;
	height: 16px;
	margin: 2px;
	padding: 2px;
	cursor: pointer;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.gndev-plugin-icon-picker-dropdown img:hover { background: #2681AC }
.gndev-plugin-icon-picker-upload {
	display: block;
	text-align: center;
}



/***********************************
	Color picker
***********************************/

.gndev-plugin-color-picker {
	position: relative;
	width: 300px;
}
.gndev-plugin-color-picker-preview {
	position: absolute;
	right: 0;
	top: 0;
	display: none;
	background: #fff;
	border: 1px solid #eee;
	z-index: 4;
}



/***********************************
	Notifications
***********************************/

#gndev-plugin-wrapper .gndev-plugin-notification {
	position: relative;
	margin: 20px 0;
}
#gndev-plugin-wrapper .gndev-plugin-notification small {
	position: absolute;
	right: 10px;
	top: 9px;
	display: none;
	color: #555;
}
.js #gndev-plugin-wrapper .gndev-plugin-notification:hover small { display: inline }



/***********************************
	Actions bar
***********************************/

.gndev-plugin-actions-bar {
	margin-top: 20px;
	padding: 10px;
	background: #f5f5f5;
	border-top: 1px solid #eee;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.gndev-plugin-spin,
.gndev-plugin-success-tip {
	display: none;
	margin-left: 10px;
}
.gndev-plugin-success-tip { color: #0b0 }
.gndev-plugin-spin img,
.gndev-plugin-success-tip img { margin: 0 5px -3px 0 }