/* Yellow web interface 0.1.3 */

.yellow-bar { position:relative; overflow:hidden; line-height:2.0em; }
.yellow-barleft { display:block; float:left; }
.yellow-barleft a { margin-right:1em; }
.yellow-barright { display:block; float:right; }

.yellow-pane { 
	position:absolute; display:none; z-index:10; 
	margin:0; padding:5px; 
	background-color:#fff; color:#000; 
	border:1px solid #bbb; 
	border-radius:4px; 
}
.yellow-pane a { color:#000; text-decoration:none; }
.yellow-pane a:hover { color:#f00; text-decoration:none; }
.yellow-pane p { margin:0.5em; }
.yellow-pane ul { list-style:none; margin:0 0.5em; padding:0; }
.yellow-pane div { overflow:hidden; }
.yellow-panebubble { }

.yellow-btn {
	margin:0; padding:4px 22px; 
	background-color:#eaeaea; color:#333333; 
	background-image:linear-gradient(to bottom, #ffffff, #e1e1e1); 
	background-repeat:repeat-x; 
	border:1px solid #bbb; 
	border-color:#d1d1d1 #d1d1d1 #aaaaaa; 
	border-radius:4px; 
	outline-offset:-2px; 
	font-size:0.9em; 
}
.yellow-btn:hover, .yellow-btn:focus, .yellow-btn:active { background-image:none; }
.yellow-btn:active { box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.1); }
.yellow-btn-warn {
	background-color:#c33c35; color:#ffffff; 
	background-image:linear-gradient(to bottom, #ee5f5b, #bd362f); 
	border-color:#b13121 #b13121 #802020; 
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); 
}
.yellow-btn-warn:active { box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.3); }

#yellow-panelogin { }
#yellow-panelogin h1 { margin:0.5em 0.5em; }
#yellow-panelogin p { margin:0.5em; text-align:right; }
#yellow-paneedit { }
#yellow-paneedit #yellow-edittext { margin:0; padding:5px; border:1px solid #bbb; resize:none; font-size:0.9em }
#yellow-paneedit #yellow-editinfo { margin:0; padding:5px; border:1px solid #bbb; display:none; }
#yellow-paneedit #yellow-editbuttons { margin:5px 0; }
#yellow-paneshow { min-width:20em; overflow:auto; }
#yellow-paneuser { }

/* Font icons from Fontawesome */

@font-face { font-family:'FontAwesome'; font-style:normal; font-weight:normal; src:url('core-fontawesome.woff'); }
[class*="yellow-icon-"] {
	font-family:FontAwesome;
	font-style:normal;
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
}
.yellow-icon-search:before { content:"\f002"; }
.yellow-icon-trash-o:before { content:"\f014"; }
.yellow-icon-caret-down:before { content:"\f0d7"; }
.yellow-icon-caret-up:before { content:"\f0d8"; }