/*
	(c) ngin.de, Niels Heidenreich (nh) 2011
	20110318, 20110330, 20110406, 20110417-18, 20110421
	bearbeitet von KoKo 201110
*/

.essence-marker {
	display: inline-block;
	font-size:15px;
	line-height:1.4;
	position: absolute;
}

.essence-marker button {
	background: #eb0000 url(../_images/essence-marker-bg.png) no-repeat right 50%;
	color: #eb0000;
	cursor:pointer;
	display:block;
	height:17px;
	margin:2px 0 2px 0;
	width:125px;
}
.essence-marker button:hover {
	cursor: pointer !important;
}
.essence-marker button.selected {
	cursor: pointer !important;
}


.essence-marker-link {
  border-right:3px solid #fff;
  color:#eb0000;
  font-weight:bold;
  padding:0 2px;
}
.essence-marker-link:hover, .essence-marker-link:active, .essence-marker-link:focus {
  color:#000;
}

/*
.essence-marker div {
  background:#eb0000;
	color: #fff;
	padding: 2px 5px 4px 5px;
	cursor: pointer;
}
.essence-marker div:hover {
	background: #ffd150;
}
*/
.essence-marker-multi ul {
  background:#fff;
  padding:15px 0 0 0;
  margin:0;
}
.essence-marker-multi li {
}
.essence-marker-shrink {
	display: inline-block;
	float: right;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 0 3px !important;
	cursor: pointer;
}
.essence-marker-multi-expanded {
	z-index: 10;
}
.essence-marker-multi-shrunk {
	z-index: 1;
}


#new-essence-cancel, #new-essence-save {
	background:#c3c3c3 !important;
  border:1px solid #c9c9c9;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;

	float:right;
	margin:0 0 20px 20px;
  padding:6px 10px;
	color:#000;
	font-size:11px;
  line-height:1.0;
  text-align:center;
}
#new-essence-cancel:hover, #new-essence-save:hover {
  border:1px solid #666;
}


#new-essence {
	display: none;
}

/*
	<div style="outline-width: 0px; outline-style: initial; outline-color: initial; height: auto; width: 600px; top: 115px; left: 273px; display: block; z-index: 1002; " class="ui-dialog ui-widget ui-widget-content ui-corner-all  ui-draggable" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-essence-dialog">
		<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
			<span class="ui-dialog-title" id="ui-dialog-title-essence-dialog">
				Angelegt von <a href="#">niels</a> am 30. März 2010, 14:00 Uhr
			</span>
			<a href="#" class="ui-dialog-titlebar-close ui-corner-all" role="button">
				<span class="ui-icon ui-icon-closethick">x</span>
			</a>
		</div>
		<div id="essence-dialog" class="ui-dialog-content ui-widget-content" style="width: auto; min-height: 116px; height: auto; ">
			<div id="essence-dialog-text">»und wenn nicht durch den Kolonialismus, dann durch den Neo-Kolonialismus.«</div>
			<ul id="essence-dialog-tags">
				<li><button>kolonialismus</button></li>
				<li><button>neo-kolonialismus</button></li>
			</ul>
		</div>
	</div>
*/

#essence-dialog {
	display: none;
}
.ui-dialog {
  font-family: "Helvetica", "Arial", sans-serif;
  font-size:15px;
  line-height:1.4; /* 21px */

  border-bottom:10px solid #eb0000;
	background: #fff;
	color: #000;
	display: none;
	position: fixed;
	-webkit-box-shadow: 0 0 20px #999;
	-moz-box-shadow: 0 0 20px #999;
	box-shadow: 0 0 20px #999;
}

.ui-dialog-titlebar {
	background: #eb0000;
	color:#fff;
	cursor:move;
	padding:10px 20px;
}
.ui-dialog-title a {
	color: #fff;
	text-decoration: underline;
}
.ui-dialog-title a:hover {
	color: #000;
	text-decoration: underline;
}
.ui-dialog-titlebar-close {
	background: #fff;
	opacity:0.5;
	float: right;
	padding: 1px 5px;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
.ui-dialog-titlebar-close:hover {
  opacity:1;
}
#essence-dialog-text {
  font-family:garamond, georgia, serif;
  padding:20px;
}
span.essence-start {
}

#essence-dialog-tags, 
#essence-dialog-tags li {
  display:inline;
  list-style-type:none;
  font-size:12px;
  line-height:1.25; /* 15pt */
}
#essence-dialog-tags li a {
  color:#000;
  background:none;
}

#essence-dialog-buttons {
	overflow: hidden;
	padding: 20px 20px 10px 20px;
  list-style-type: none;
}
/*
#essence-dialog-buttons button {
	background: #000;
	color: #fff;
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 3px 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}
#essence-dialog-buttons button {
	outline: none;
}
*/

#essence-dialog-details-link {
  background-color:#c3c3c3;

  border:1px solid #c9c9c9;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;

	display:block;
	float:right;
	outline:none;
	margin:0 0 20px 20px;
  padding:6px 10px;
	width:30%;

	color:#000;
	font-size:11px;
  line-height:1.0;
  text-align:center;
	text-decoration:none;
}
#essence-dialog-details-link:hover {
  border:1px solid #666;
}