@CHARSET "UTF-8";

#contextual-metadata-panel {
	position: fixed;
	top: -1000px;
	left: 5px;
	width: 200px;
}

#contextual-metadata-panel .content-wrapper {
	padding: 10px;	
	background-color: #fff;
	border: 1px solid #ccc;
}

#contextual-metadata-panel h2 {
	font-size: 11pt;
	color: #CC2027;
	margin-bottom: 10px;
}

#contextual-metadata-panel span.label {
	width: 120px;
	font-weight: bold;	
	display: inline-block;
}

#contextual-metadata-panel .hide-trigger a {
	color: #fff;
	background-color: #666;
	text-align: center;
	display: block;
	padding: 5px 0;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	
	text-decoration: none;
	height: 15px;
	line-height: 15px;
}

#contextual-metadata-panel .hide-trigger a:hover {
	background-color: #999;	
}

#contextual-metadata-panel .content-toggle-publish {
	display: block;
	margin: 10px 0 0 0;	
}

#contextual-metadata-panel .content-toggle-publish a {
	font-weight: bold;	
}

#staging-notification-bar {
	display: block;
	height: 30px;
	background-color: #efd863;
	border-bottom: 1px solid #999;
	width: 100%;	
}

#staging-notification-bar.live {
	background-color: #87fd7c;
}

#staging-notification-bar .notification-content {
	line-height: 30px;
	text-align: center;	
	color: #000;
}