/* CSS Document
	normal background color = #FAFBF2
	user menu background color = #D1F3F1
	darker green alternate row color= #A3D8C2
 */
.showsignupform:hover {
	cursor: pointer;
	color: blue;
}

.showsignupform {
	padding-left:10px;
	padding-bottom: 5px;
	font-size: large;	
}

.unavailable {
	padding-left: 10px;
	padding-bottom: 5px;
	font-size: large;
	font-style: italic;	
}

.closemetxt:hover {
	cursor: pointer;
	color: blue;	
}

@import url(//fonts.googleapis.com/css?family=Roboto:400,100);

.agencydiv {
	background-color: #FAFBF2;
	clear: both;
	overflow:auto;
}
.agencydiv:nth-child(odd) {
	background-color: #A3D8C2;
	clear: both;
	overflow: auto;
}

#apparatuspersonnel .agencydiv a{
	text-decoration: none;
	color: black;
	font-weight: bold;	
}

.apparatusdiv {
	display: inline-block;
	vertical-align: top;
	padding: 15px;
	margin: 10px;
	min-width: 200px;
}
.apparatusname   {
	font-size: x-large;
	font-style: normal;
	font-weight: 400;
	font-family: "Roboto";
	width:350px;
	border: 2px solid;
	border-radius: 14px;
	text-align: center;
	background-color:#D1F3F1;
}
.apparatuspersonnel {
	width: 350px; 
	margin-top: 25px; 
	margin-bottom: 25px; 
	padding:5px; 
	border: medium solid #000000;
	font-size: large;	
}


body {
	background-color:#FAFBF2;
}


.closemeplease{
	cursor: pointer;
	float:right;
}


.pageheader {
	font-size: x-large;
	font-family: 'Roboto';	
	padding: 10px;
}

@media screen and (max-device-width: 480px){
	.apparatusdiv{
		width: 40%;	
		font-size: x-large;
	}
	.apparatusname{
		font-size: xx-large;
	}

}