/**
 * Quick search
 *
 * This stylesheet contains rules for the 'Need help?' quick search box,
 * as well as the decrease/increase text size buttons underneath.
 *
 * @package thameslink_modules_quicksearch
 */

#quick_search{
	background: transparent url(../img/modules/quick-search-bottom.png) no-repeat left bottom;
	width: 193px;
	padding-bottom: 4px;
}
#quick_search_inner{
	background: transparent url(../img/modules/quick-search-top.png) no-repeat left top;
	position: relative;
	padding-left: 6px;
}

#quick_search label {
	color: #FFF;
	font-size: 1.4em;
	height: 29px;
	margin-bottom: -5px;
	padding: 5px;
}

#quick_search input {
	border: 1px solid #CCC;
	font-size: 1.2em;
	height: 18px;
	width: 131px;
}

 #quick_search input.submit {
	border: 0;
	height: 26px;
	position: absolute;
	top: 18px;
	right: 4px;
	width: 46px;
}

/* Decrease/increase text size controls */

#tools_container {
	margin: 6px 0 0 0;
}

#tools_container a {
	margin-right: 2px;
}

#tools_container a.decrease {
	background: url(../img/buttons/button-decrease-text.png) no-repeat;
	display: block;
	float: left;
	height: 26px;
	text-indent: -9999px;
	width: 26px;
}

#tools_container a.increase {
	background: url(../img/buttons/button-increase-text.png) no-repeat;
	display: block;
	float: left;
	height: 26px;
	text-align: left;
	text-indent: -9999px;
	width: 26px;
}

#tools_container a.decrease:hover,
#tools_container a.increase:hover {
	background-position: 0 -26px;
}