@charset "UTF-8";
/* CSS Document */


img {
	border:none;
}

body {
	color:#575c7a;
	line-height: 1.5em;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	/*background: #0ff;*/
	border: 1px solid #ddd;
	max-width: 782px;
	margin-left: auto;
	margin-right: auto;
	/*height:100%;*/
}

.pageContainer{
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	/*background-color:#00ffff;*/
	overflow: auto;
}







.madeInUSALogo{
	/*padding-top:10ox;
	padding-left:294px;*/
	margin-left:auto;
	margin-right:auto;
	width:101px;
}

.backArrow{
	vertical-align:bottom;
	padding-left:10px;
	padding-top:5px;
	float:left;
	
}

.headerTitle{
	text-align:center;
	padding-top:10px;
	color:#fff;
	
	font-family:Verdana, Geneva, sans-serif;
	font-size: 16px;
}



.clearboth{
	clear:both;
}
	
.ui-widget {
    font-size:80%;
}
.overflow {
      height: 200px;
}

/*  */
/* Tablets */
@media only screen and (max-width : 780px) {
	.page{
		max-width: 779px;	
	}
	#fixedBar{
		left: 0;
		right: 0;
		width: 100%;
		position: fixed;
		z-index: 1000;
		background-color: #003A70;
	}
	
	#ctlButton {
	  position: fixed;
	  z-index: 5;
	  top: 10px;
	  right: 10px;
	  cursor: pointer;
	  transition: right 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
	  background-color: #003A70;
	}
	#ctlButton div {
	  width: 35px;
	  height: 2px;
	  margin-bottom: 8px;
	  background-color: #fff;
	  transition: opacity 500ms, background-color 250ms, -webkit-transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
	  transition: transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 500ms, background-color 250ms;
	  transition: transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 500ms, background-color 250ms, -webkit-transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
	}
	
	#ctlButton.active {
	  right: 115px;
	}
	#ctlButton.active div {
	  background-color: #fff;
	}
	#ctlButton.active #top {
	  -webkit-transform: translateY(10px) rotate(-135deg);
	          transform: translateY(10px) rotate(-135deg);
	}
	#ctlButton.active #middle {
	  opacity: 0;
	  -webkit-transform: rotate(135deg);
	          transform: rotate(135deg);
	}
	#ctlButton.active #bottom {
	  -webkit-transform: translateY(-10px) rotate(-45deg);
	          transform: translateY(-10px) rotate(-45deg);
	}
	
	#ctlBox {
	  position: fixed;
	  border-color: #eee;
	  border-style:solid;
	  border-width:2px;
	  z-index: 4;
	  overflow: auto;
	  top: 0px;
	  right: -150px;
	  width: 150px;
	  opacity: 0;
	  padding: 20px 0px;
	  height: 100%;
	  /*max-height:calc(100% - 200px);*/
	  background-color: #003A70;
	  color: #eeeeee;
	  transition: all 350ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
	}
	
	#ctlBox.active {
	  right: 0px;
	  opacity: 1;
	}
}

@media only screen and (min-width : 781px) {
	
	
	.page{
		max-width: 636px;
		margin-left:auto;
		margin-right:auto;
		/*margin-right: 130px;*/
	}
	.pageContainer{
		width:780px;
		margin-left:auto;
		margin-right:auto;
	}
	
		
}
@media only screen and (min-width : 1000px) {
	/*#ctlBox{
		right: calc(100% - 925px);
	}*/
}