body 
{
  font-family: arial; 
  font-size: 9pt; 
}

.container 
{
  *zoom:  1;
  display: table;
}

.container:before,
.container:after 
{
  content: "";
  display: table;
}
.container:after 
{
   clear: both;
}

SearchField,
SearchMode 
{
	padding: 10px;
	float: left; 
	width: 80%; 
    font-weight: bold;
}

SearchString
{
	float: left;
    padding: 10px;
	width: 80%; 
	font-weight: bold;
}

Page
{
	float: left;
	padding: 10px;
	width: 100%;  
	height: 80px;
	font-weight:bold;
	color: darkgray;
	vertical-align: bottom;
}

Filter
{
	float: left;
    padding-top: 10px;
    padding-bottom: 10px;
	height: 80px;
	width: 100%;  
    font-weight:bold;
	text-align: center;
}
	
.FilterImage
{
	cursor: hand;
	width:  40px;
	height: 45px;
}
	
Scroll
{
    float: right;
    padding-top: 10px;
    padding-bottom: 10px;
	width: 100%;  
    font-weight:bold;
	text-align: right;
}

A
{
	cursor: pointer;
	color: blue;
}

 .entry 
 {	 
  margin: 0px;
  padding-bottom: 10px; 
  font-family: arial; 
  font-size: 10pt; 
}

.entry:after 
{ 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.image 
{
  width: 4.5%;
  float:left;
}
  
.Green 
{
	font-family: arial;
	color: green;
	font-weight: bold;
}
  
.Indent 
{
	font-family: arial;
	margin-left: 3%;
}

.text 
{
  font-family: arial;
  font-size: 10pt;
  width: 92%;
  float:right;
}

@media all and (min-width: 600px) 
{
  
SearchField,
SearchMode 
  {
   min-width: 15%;
   float: left;
   width: auto;
 }

  
SearchString
{
    min-width: 60%;
	float: left;
	width: auto; 
}
  
Page
{
    min-width: 30%;
	float: left;
	width: auto; 
}

Filter
{
    min-width: 55%;
	float: left;
	width: auto; 
}



}