* {
	padding: 0;
	margin: 0;
	border: 0;
	}

html {  
    font-size: 100%;
    height: 100%;
    overflow: hidden;
}

body {
  height: 100%;
  background: #e3f1ff;
  font-family: arial, verdana, sans-serif;
  font-size: 62.5%;
}

hr {
  border: 0;  
  height: 0.1em;
  color: #000000;
  background-color: #000000;  
 }


h1 {
  	font-size: 1.5em;  	 
  	margin: 0 0 0.5em 0;  	  	
}

h2 {
  	font-size: 1.5em;  	
  	margin: 0 0 0.5em 0; 	
}

h3 {
  	font-size: 1.4em;
  	margin: 0 0 0.5em 0;  	
}

p 
{
    font-size: 1.2em;
    margin: 0 0 0.5em 0;  	  	
}

.smaller { font-size: 0.9em; }
.warning { color: #ff0000; }
.noimgspace { vertical-align:bottom; }
.endpiece { border-right:1px solid #000000; }

.modalBackground {
    background-color:#808080;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:#808080;
	padding:3px;
	width:25em;
    font-size: 1.3em;
}

.transparentBackground {
	background-color:#808080;
	filter:alpha(opacity=70);
	opacity:0.7;
    position:absolute;
    width:100%;
    height:100%;
    z-index:5;
}
.loadProgress {
	background-color:#ffffff;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	bottom: 50%;
	left: 45%;
}