/**
#errorCatcher Echo
##    $Revision: 1 $
##    $Author: weewx@davies-barnard.co.uk $
##    $Date: 2013-12-30 $
##
**/

.a {
	font-weight: 30%;

}

/*************** Global Styles ***************/
body {
    background: #e2e2e2;
    background-image: url('backgrounds/background.png');
    color: #ffffff;
 	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  //  font-size: 14.4px;
  //  line-height: 1;
 padding-left: 4px;
 padding-right: 4px;
 padding-top: 4px;

}

.container0 {
	margin-left: auto;
	margin-right: auto;
	width: 1100px;


 padding-left: 20px;
 padding-right: 20px;
 padding-top: 20px;
 padding-bottom: 20px;
 border-radius: 15px;
background-color: #ffffff;
float: center;
}


.container3 {

 width:98%;
// background-color: #434343;

// border: 5px solid #ffffff;
}




.container1 {
	margin-left: 3px;
	margin-right: 3px;
        margin-top: 3px;
        margin-bottom: 3px;

 width:30%;
 padding-left:10px;
 padding-right: 10px;
 padding-top: 10px;
 padding-bottom: 10px;
 border-radius: 15px;
background-color: #434343;
float: left;
min-block-size: 150px;
border: 5px solid #ffffff;
}

.inputData {
 width:55px;
float:right;
font-size:150%;
  position: relative;
  top: -15px;

}

.input1 {
 width:120px;
 float:left;
font-size:140%;
  position: relative;
  top: 17px;
}

.input2 {
 width:50px;
 font-size:140%;
}

.input3 {
 width:70px;
 font-size:140%;
}

.inputH {
float:right;
font-size:65%;
margin: 3px 0px 0px 0px;
}

.inputH1 {
float:left;
font-size:120%;
}

.inputH1Des {
float:right;
font-size:120%;
margin: 3px 0px 0px 0px;
}


.inputH1M {
text-align: center;
font-size:70%;
position: relative;
  top: -10px;
}

/* # Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 600px) {


.container1 {

     width:99%;
     }
body {
 padding-left: 0px;
 padding-right: 0px;
 padding-top: 0px;

	width: 99%;

}


}

---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1200px) {


.container1 {

     width:70%;
     }
body {
 padding-left: 0px;
 padding-right: 0px;
 padding-top: 0px;

	width: 99%;

}


}