/* ######### LISTING WATCHLIST STYLES ######### */

#watchlistTabs.ui-widget-content,
#watchlistTabs.ui-tabs .ui-tabs-panel {border: none; background: none; padding: 0;}

#watchlistTabs ul {list-style: none; margin: 0; padding: 0; background: none !important; border: none !important;}

#watchlistTabs.ui-tabs .ui-tabs-nav li {margin-bottom: -1px; background: #e7e7e7; border-bottom: none;}
#watchlistTabs.ui-tabs .ui-tabs-nav li a {color: #7e7e7e !important; outline: 0; font-size: 12px;}

#watchlistTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {background: #fff; border: 1px solid #cccccc; border-bottom: none; color: #4987C5;}
#watchlistTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a {color: #4987C5 !important;}

#watchlistTabs.ui-tabs .ui-tabs-nav li.ui-state-hover {background: #efefef; border: 1px solid #cccccc; border-bottom: none; color: #4987C5;}
#watchlistTabs.ui-tabs .ui-tabs-nav li.ui-state-hover a:hover {color: #4987C5;}

#watchlistTabs div#itemsWatched,
#watchlistTabs div#itemsWon,
#watchlistTabs div#itemsLost {
	clear: both;
	border: 1px solid #ddd;
}

.watchlist-button {
	display: inline-block;
	padding: 3px 5px 2px 5px;
	margin: 5px 0;
	border-radius: 3px;
	font-weight: bold;
	border: 1px solid #b9b9b9;
	background: #d1d1d1;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    transition-duration: 0.2s;
    user-select: none;
	color: #6d6d6d !important;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px
}

.watchlist-button:hover {
	background: #a5a5a5;
	border: 1px solid #8d8d8d;
	color: #fff !important;
	text-decoration: none;
}

.watchlist-add-icon {
	background: url('../../../../../../addons/listing_watchlist/images/button-icons.png') no-repeat 5px -1px;
	float: left;
	width: 18px;
	height: 18px;
	margin: -4px 5px 0 -4px;
}

.watchlist-saved {
	color: #648d25;
	display: inline-block;
	padding: 3px 10px 3px 25px;
	margin: 5px 0;
	border: 1px solid #A3C894;
	background: #e5f5df url('../../../../../../addons/listing_watchlist/images/button-icons.png') no-repeat 5px -20px;
	border-radius: 3px;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

#watchlistTabs .mini_button {
	display: block;
	width: 90%;
	margin: 5px 0;
}

#watchlistTabs .completed {
	color: #6cae2c;
	display: block;
	padding: 3px 0 3px 25px;
	background: url('../../../../../../addons/listing_watchlist/images/button-icons.png') no-repeat 5px -19px;
}

#watchlistTabs .completed-note {
	color: #888;
	font-style: italic;
	font-size: 0.9em;
	padding-left: 25px;	
}

#watchlistTabs .incomplete {
	display: block;
	padding: 3px 0 3px 25px;
	background: url('../../../../../../addons/listing_watchlist/images/button-icons.png') no-repeat 5px -36px;
}

#watchlistTabs hr {
	border: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	background: none;	
}

#watchlistTabs input.button {font-size: 12px;}