body
{
    font-family: Verdana, Arial;
    font-size: smaller;
    background-image: url('Images/Innogas.png');
    background-repeat: no-repeat;
    background-position: 5px 5px;
}

#Eka
{
    font-size: larger;
    padding: 20px 0px 0px 200px;
    height: 60px;
    font-weight: bold;
}

#Toka
{
    padding: 5px;
    margin-left: 15%;
}
.UpdateProgress
{
	background-color:transparent;
	color:Red;
	font-size:x-small;
	font-weight:bold;
	position:absolute;
	top:30px;
	left:50%;
}
.TextBox
{
width:240px;
height:70px;
margin:5px;
float:left;
}

.Napinpaikka
{
height:70px;
margin:5px;
}
.TextBox2
{
 margin-left:20px;
}
.TextBox3
{
margin-left:20px;
}

div.img
  {
  margin:2px;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.img img
  {
  display:inline;
  margin:1px;
  border:1px solid #ffffff;
  }
div.img a:hover img
  {
  border:1px solid #0000ff;
  }
div.desc
  {
  text-align:center;
  font-weight:lighter;
  font-size:smaller;
  width:54px;
  margin:2px;
  }


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 2px 2px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;

left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 420px; /*position where enlarged image should offset horizontally */
z-index: 50;
}