﻿@charset "utf-8";

/*
HTML
<!--rem begin coolSearch-->
<div class="coolSearch">
	<table class="coolSearch-w1">
		<tr>
			<td class="coolSearch-w4">
				<div class="coolSearch-w2">								
					<input id="edtBuscador" type="text" maxlength="20" class="coolSearch-text" />								
					<div class="coolSearch-hint">Buscar...</div>
				</div>
			</td>
			<!--rem esta columna es opcional-->
			<td class="coolSearch-w3"><button id="btnBuscar" class="coolSearch-button"></button></td>
		</tr>
	</table>	
</div>
<!--rem end coolSearch-->

SCRIPT
$( '.coolSearch' ).CoolSearch();
*/

.coolSearch
{
	border        : 1px solid #CCC;
	border-radius : 5px;
	padding       : 5px;
}

.coolSearch-w1
{
	width : 100%;
}

.coolSearch-w4
{
	width : 444px;
}

.coolSearch-w2
{
	position : relative;
	height   : 40px;
}

.coolSearch-text
{
	position         : absolute;
	top              : 6px;
	z-index          : 2;
	width            : 100%;
	border           : none;
	font-family      : "Lucida Grande",Verdana,Arial,sans-serif;
	font-size        : 20px;
	font-weight      : bold;				
	color            : #555;
	background-color : transparent;
	outline          : none;
}

.coolSearch-hint
{
	position    : absolute;
	top         : 6px;
	z-index     : 1;
	width       : 100%;
	font-family : "Lucida Grande",Verdana,Arial,sans-serif;
	font-size   : 20px;
	font-weight : bold;
	color       : #AAA;	
	display     : none;
}

.coolSearch-w3
{
	width          : 35px;
	padding-left   : 16px;
	vertical-align : middle;
}

.coolSearch-button 
{
	width      : 40px;
	height     : 40px;
	background : url( "data:image/png;base64,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" ) no-repeat scroll right top transparent;
	border     : none;
	cursor     : pointer;
}

.coolSearch-button:hover
{
	background-position : right center;
}