/* html elements  */

body { 
	font-family: Palatino, Times, serif;  
	padding: 0; 
  	background-image: linear-gradient(to bottom, #DFF, #8DF);
  	background-attachment: fixed;
}

h1 { color: #025; }
h2, h3 { color: #951; }

th { 
	border-top: groove #999 3px;
	border-bottom: groove #999 3px;
}

footer > div a { color: #FFF; }

/* Branding bar mods.  */

.generic-brand {
	background-image: linear-gradient(#CEF, #CEF);
}

.generic-brand > div {
	border: none;
	color: #16C;
}

.brand-top { height: 3rem; }
.brand-middle { height: 2rem;  }
.brand-bottom { height: 0rem;  }

/* Standard Register elements */


.continue, .continue a  {
	color: #FFF;
	background: #16C; 
	border-color: #555; 
}

.logged { color: #16C; }

#services, #services li, #services li a, .boxhead, #foot, footer > div, th { 
	font-family: Arial, Helvetica, sans-serif;  
	color: #FFF;
	background: #16C;
	margin-top: 0px;
	padding-top: 2px;
	border-top: none;
	border-bottom: none;
	border-right: solid #FFF 1px;
}


.butt, input[type=submit] {
	border-color: #888;
	background: #49F; 
}

.buttons {
	border-color: #444;
	background: #00A; 
	color: #FFF;
}


 #services li a#selected  {
	color: #FFF;
	background: #000;
 }
 

 #services li a:hover, #services a:hover#selected  {
	color: #FFF;
	background: #05B;
 }
 
 /* Pin Payments stuff */
 
 input[type=submit] {
  background-color: #16C;
  color: white;
  font-size: 1.2em;
  padding: 4px 8px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}

.pin-form-field {
    height: 2em;
    width: 50%;
    border: 1px solid black;
    padding: 0 0.5em;
}

 /* Responsive design */

@media screen and (max-width: 767px)  {
	
	.logo { 
		height: 2.5em;
	}

}

@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px) {

	.logo { 
		height: 2em;
	}

}