/* MACHINE LIST */

.machine_list {
	
	width: 500px;
	height: 250px;
	margin-top: 10px;
	text-align:left;
	padding: 1px 5px 15px 1px;
	font: small arial, hevetica, sans-serif;
	font-weight: normal;
	color: #000000;
	border-top: 1px dotted #990000;
	position: relative;
	
}

.vending_machine_list {
	
	width: 500px;
	height: 250px;
	margin-top: 10px;
	text-align:left;
	padding: 1px 5px 15px 1px;
	font: small arial, hevetica, sans-serif;
	font-weight: normal;
	color: #000000;
	border-top: 1px dotted #990000;
	position: relative;
	
}



.snack_vending_machine_list {
	
	width: 500px;
	height: 250px;
	margin-top: 10px;
	text-align:left;
	padding: 1px 5px 15px 1px;
	font: small arial, hevetica, sans-serif;
	font-weight: normal;
	color: #000000;
	border-top: 1px dotted #990000;
	position: relative;
	
}

.hot_drinks_vending_machine_list {
	
	width: 500px;
	height: 250px;
	margin-top: 10px;
	text-align:left;
	padding: 1px 5px 15px 1px;
	font: small arial, hevetica, sans-serif;
	font-weight: normal;
	color: #000000;
	border-top: 1px dotted #990000;
	position: relative;
	
}

.food_vending_machines_list {
	
	width: 500px;
	height: 250px;
	margin-top: 10px;
	text-align:left;
	padding: 1px 5px 15px 1px;
	font: small arial, hevetica, sans-serif;
	font-weight: normal;
	color: #000000;
	border-top: 1px dotted #990000;
	position: relative;
	
}



/* MACHINE LISTS END */
.machine_name {
	padding-bottom: -50px;
	color: #711E32;
}


.mach_list_list{

		margin-top: 20px;
		margin-bottom: 10px;
		margin-left: -150px;
		/*position: absolute;*/
		/*right: -50;*/
		list-style: circle;
		list-style-position: inside;
		font-weight: normal;
		text-align: left;
		/*clear: right;*/
	
	
	
		}



.small_machine{

	float: left;
	height: 200px;
	width: 125px;
	
	text-align: left;
	

}

.small_machine img{

	border: none;

}



.action {

	font-size: 75%;
	/*margin-top: 5px;*/
	
	
}


.action ul{
 	list-style: none;
	
	/*padding: 0;*/
	padding-top: 1em;
	

}

.action li{

	display: inline;
}




.action a:link, .action a:visited {
  padding: 0.4em 0.4em 0.4em 0.4em;
  color: #FFFFFF;
  background-color: #711515;
  text-decoration: none;
  border: 1px solid #711515;
  
}

.action a:hover {
  color: #FFFFFF;
  background-color:#cc791f;
}

* html .action a {
  width: 100%;
}
/* formm styling*/
h1 {
  font: 1.2em Arial, Helvetica, sans-serif;
}
input.txt {
  color: #00008B;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
  width: 200px;
}
input.btn {
  color: #00008B;
  background-color: #ADD8E6;
  border: 1px outset #00008B;
}
form div {
  clear: left;
  margin: 0;
  padding: 0;
  padding-top: 5px;
}
form div label {
  float: left;
  width: 30%;
  font: bold 0.9em Arial, Helvetica, sans-serif;
}
fieldset {
  border: 1px dotted #61B5CF;
  margin-top: 1.4em;
  padding: 0.6em;
}
legend {
  font: bold 0.8em Arial, Helvetica, sans-serif;
  color: #00008B;
  background-color: #FFFFFF;
}