/**
 * VisualEditor user interface Context styles.
 *
 * @copyright 2011-2012 VisualEditor Team and others; see AUTHORS.txt
 * @license The MIT License (MIT); see LICENSE.txt
 */

.ve-ui-context {
	position: absolute;
	z-index: 2;
}

.ve-ui-context-icon {
	position: absolute;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	display: none;
	cursor: pointer;
	border: solid 1px #ccc;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-o-border-radius: 1em;
	border-radius: 1em;
	background-color: #fff;
	-webkit-box-shadow: 0 0.25em 1em 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0.25em 1em 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 0.25em 1em 0 rgba(0, 0, 0, 0.25);
	z-index: 4;
}
.ve-ui-context-icon-active {
	-webkit-box-shadow: 0 0.125em 0.25em 0 rgba(0, 0, 0, 0.125);
	-moz-box-shadow: 0 0.125em 0.25em 0 rgba(0, 0, 0, 0.125);
	box-shadow: 0 0.125em 0.25em 0 rgba(0, 0, 0, 0.125);
}
.ve-ui-context-position-start .ve-ui-context-icon {
	top: -12px;
	left: -8px;
}

.ve-ui-context-position-end .ve-ui-context-icon {
	top: -6px;
	left: -8px;
}

.ve-ui-context-position-above .ve-ui-context-icon {
	/* @embed */
	background-image: url(images/arrow-up.png);
	background-position: 50% 4px;
}

.ve-ui-context-position-below .ve-ui-context-icon {
	/* @embed */
	background-image: url(images/arrow-down.png);
	background-position: 50% 5px;
}
.ve-ui-context-position-above .ve-ui-context-icon:hover,
.ve-ui-context-position-below .ve-ui-context-icon:hover {
	border-color: #b3d6f6;
}

.ve-ui-context-position-above .ve-menuView {
	bottom: 2px;
}

.ve-ui-context-position-below .ve-menuView {
	top: 2px;
}

.ve-ui-context-inspectors {
	position: absolute;
}

.ve-ui-context-position-above .ve-ui-context-inspectors {
	bottom: -8px;
}

.ve-ui-context-position-below .ve-ui-context-inspectors {
	top: 2px;
}

.ve-ui-context-panels {
	position: absolute;
	border: solid 1px #ccc;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	-o-border-radius: 0.25em;
	border-radius: 0.25em;
	background-color: #fff;
	-webkit-box-shadow: 0 0.25em 1em 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0.25em 1em 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 0.25em 1em 0 rgba(0, 0, 0, 0.25);
	padding: 0.33em 0;
}

.ve-ui-context-panel {
	display: none;
	padding: 1em;
}

.ve-ui-context-toolbar {
	padding: 0.33em 0.66em;
	white-space: nowrap;
}

.ve-ui-context .ve-ui-toolbarGroup {
	border: none;
}

.ve-ui-context-overlay {
	position: absolute;
	top: 0;
	left: 0;
}