/**
 * NEW STUFF
 */


/* *** js essential *** */
.hidden { display: none !important; }


/* ***** ***** ***** ***** suggestion SPAN ***** ***** ***** ***** */
span.suggestion {
	
	display: block;
	padding: 0.2em 0.5em 0.2em 32px;
	width: 200px;
	background: #fff;
	border: 1px solid #999;
	cursor: text;
}

span.suggestion {
	
	background: #fff url('./icons/cross.png') no-repeat 8px center;
}

span.suggestion.accepted {
	
	background: #fff url('./icons/tick.png') no-repeat 8px center;
}

span.suggestion.loading {
	
	background: #fff url('./images/spinner.gif') no-repeat 8px center !important;
}


/* ***** ***** ***** ***** suggestion INPUT ***** ***** ***** ***** */
input.suggestion {

	margin: 0; padding: 0;
	vertical-align: middle;
	width: 90%;
	border: 0 none;
}


/* ***** ***** ***** ***** suggestion LIST ***** ***** ***** ***** */
div.suggestionList {
	
	margin: 0; padding: 0.1em 0 0.5em 0;
	position: absolute; z-index: 815;
	
	white-space: nowrap;	
	text-align: left;
	cursor: default;
	font-size: 0.9em;
}
	
	div.suggestionList ul {
		
		margin: 0; padding: 1px 1px 0 1px;
		width: auto;
		
		background: #fff;
		border: 1px solid #a6a6a6;
	}
	
	div.suggestionList ul:hover {
		
		border: 1px solid #2e2e2e;
	}
		
		div.suggestionList ul li {
			
			display: block;
			margin: 0; padding: 0;
			display: block;
			
			line-height: 1.5em;
		}
			
			div.suggestionList ul li a {
				
				display: block;
				margin: 0; padding: 0 0.5em;
				width: auto; height: 1.5em;
				
				text-decoration: none;
				background: #fff;
				border-bottom: 1px solid #fff;
				color: #222;
			}
			
			div.suggestionList ul li a.marked {
				
				background: #efefef;
			}
			
			div.suggestionList ul li span {
				
				display: block;
				margin: 0; padding: 0 0.5em;
				width: auto; height: 2em;
				line-height: 2em;
				color: #f00;
			}


/* ***** ***** ***** ***** PeriodicalDataUpdater ***** ***** ***** ***** */
div#PeriodicalDataUpdater {
	
	width: 16px; height: 16px;
	
	position: absolute; z-index: 815;
	top: 1em; right: 1em;
	
	background: url('./images/spinner_white.gif') no-repeat center center;
}


/* ***** ***** ***** ***** ActionProgressBar ***** ***** ***** ***** */
div#ActionProgressBar {
	
	margin: 20px 10px 0 0; padding: 0 !important;
	width: 40px; height: 3px !important;
	float: right !important;
	border: 1px solid #fff;
	font-size: 0;
}

div#ActionProgressBar div {
	
	margin: 0; padding: 0;
	background: #fff;
	width: 0px; height: 3px;
	font-size: 0;
}


/* ***** ***** ***** ***** Tips ***** ***** ***** ***** */
.tip {
	
	padding: 0.3em 1em;
	z-index: 815;
	text-align: center;
	
	color: #fff;
	background: #9a9784;
}
 
.tip-title {
	
	margin: 0; padding: 0.3em 0.5em;
	
	font-weight: bold;
	font-size: 11px;
	color: #2e2d2d;
	white-space: nowrap;
}
 
.tip-text {
	
	font-size: 10px;
	padding: 0.3em 0.5em;
}