body {
}
.VerdanaFont{
font: 10pt Verdana
}
.MediumVerdanaFont{
font: 14pt Verdana
}
.BigVerdanaFont{
font: 16pt Verdana
}
.LoginControl
{
background-color:#F7F7DE; 
  border-color:#CCCC99;
 border-style:solid;
border-width:1px;
font-family:Verdana;
    font-size:10px;     

}
img {
  max-width: 100%;
}
@media screen and (min-width:480px) and (max-width:800px) {
  /* Target landscape smartphones, portrait tablets, narrow desktops

  */
}

@media screen and (max-width:479px) {
  /* Target portrait smartphones */
}
@media all and (orientation: landscape) {
  /* Target device in landscape mode */
}

@media all and (orientation: portrait) {
  /* Target device in portrait mode */
}

.ButtonStart{ background-image: url(http://www.chrisainsworth.co.uk/jan09/Start.gif);
background-color: transparent;background-attachment: scroll;
font: 700 10pt Arial; 
color: black;
}
.ButtonNormal{ 
background-color: green;background-attachment: scroll;
font: 700 10pt Arial; 
color: black;
}

.ButtonEnd { background-image: url(http://www.chrisainsworth.co.uk/jan09/End.gif);
background-color: transparent;background-attachment: scroll;
font: 700 10pt Arial; 
color: black;
 height:22px;
      margin:0px; padding:0px;
      overflow:visible;

}
/*
.ButtonStart{ background-image: url(http://www.chrisainsworth.co.uk/jan09/Start.gif);
background-color: transparent;background-attachment: scroll;
font: 700 10pt Arial; 
color: black;


}
.ButtonEnd { background-image: url(http://www.chrisainsworth.co.uk/jan09/end.gif);
background-color: transparent;background-attachment: scroll;
font: 700 10pt Arial; 
color: black;
 height:22px;
      margin:0px; padding:0px;
      overflow:visible;

}



/* p { background-image: url(smallPic.jpg); }
h4{ background-image: url(http://www.tizag.com/pics/cssT/smallPic.jpg); }

Display:
This <p> has a background image using a local path to the picture.

This <h4> has a background image using the complete url path.