/* API */

/* Box around the whole api call in case more options can be revealed */
div.mbd-api-box
{
	border-color: darkgrey;
	border-style: groove;
	border-width: thin;
	background: lightgrey;
	margin: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	display: inline-block;
}

details.mbd-api
{
	display: inline-block;
}

input.mbd-api, details.mbd-api, select.mbd-api
{
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-style: solid;
	border-width: 1px;
	margin: 0px 0px 0px 0px;
	padding: 4px 6px 4px 6px;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	color: #222222;
	background-color: #e7e7e7;
	vertical-align: top;
}

input.mbd-api:hover
{
	background-color: #f7f7f7;
}

input.mbd-api-needs-login
{
	color: #bcbcbc;
}

/* Customizations per command -- i.e., use images where available */
input.mbd-api-start
{
	background: url("../img/start.svg") #e7e7e7;
	background-size: 20%;
	background-repeat: no-repeat;
	padding: 2px 6px 2px 16px;
}

input.mbd-api-stop, input.mbd-api-remove
{
	background: url("../img/remove.svg") #e7e7e7;
	background-size: 20%;
	background-repeat: no-repeat;
	padding: 2px 6px 2px 16px;
}

input.mbd-api-migrate
{
	background: url("../img/migrate.svg") #e7e7e7;
	background-size: 20%;
	background-repeat: no-repeat;
	padding: 2px 6px 2px 16px;
}

input.mbd-api-autosetup, input.mbd-api-meta
{
	background: url("../img/wizard.svg") #e7e7e7;
	background-size: 20%;
	background-repeat: no-repeat;
	padding: 2px 6px 2px 32px;
}
