@charset "UTF-8";
/* CSS Document */
::-webkit-scrollbar
{
  /* for vertical scrollbars */
  width: 8px; 
  /* for horizontal scrollbars */  
  height: 8px; 
}

::-webkit-scrollbar-track
{
  background: rgba(250, 250, 250, 0.40);
  border-radius:4px;
}

::-webkit-scrollbar-thumb
{
  background: rgba(80, 80, 80, 0.4);
  border-radius:4px;
}
html {
	overflow:hidden;
}
body {
    /** TODO **/
	margin:0;
}
#wrapper{
	display: block;
	width: 100%;
	/** TODO **/
	font-size: smaller;
	color:#444;
}
#header{
	background-image: url(../img/head.png);
	display: block;
	height: 42px;
	width: 100%;
}
#results{
	margin: 0px 15px 5px 16px;
	padding: 5px;
	padding-bottom: 10px;
	max-height: 458px;
	min-height: 507px;
	display: block;
	overflow-y:auto;
	overflow-x:hidden;
	border: solid 1px #999;
	border-radius: 5px;
}
#results a{
	text-decoration: none;
	display: block;
	height: 15px;
	color: #222;
	padding-top: 3px;
	padding-left: 5px;
}
#results a:hover{
	background-color: #ffe8e8;
	font-weight: 800;
	color: #222;
}
form{
	margin: 15px;
	margin-right: 25px;
	margin-top: 5px;
}
label{	
	font-size:medium;
	display: block;
	margin-bottom: 3px;
}
#q{
	/** TODO **/
	border: solid 1px #999;
	border-radius: 5px;
	color: #333;
	width: 94%;
	height: 25px;
	padding:2px 5px 3px 5px;
	font-size: 14px;
	background-image: url(../img/loupe.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 45px;
	background-color: #ffe8e8;
	border-radius: 5px;
	
}
#q2{
	/** TODO **/
	border: solid 1px #999;
	border-radius: 5px;
	color: #333;
	width: 418px;
	height: 25px;
	padding:2px 5px 3px 5px;
	font-size: 14px;
	background-image: url(../img/loupe.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 45px;
	background-color: #ffe8e8;
	border-radius: 5px;
	
}
.gris{
	color: #bdbdbd;
}
.italic{
	font-style: italic;
}
.bold{
	font-weight: bold;
}