/*==========================
Basic Pure CSS styles
============================*/
.pure-g div[class*="pure-u-"] {
	/* padding: 10px; This is the gutter for all columns. Requires box-sizing rule.*/
}

.one-column > .pure-u-1 {
	padding: 0 100px;
}

/*-- Pure Buttons --*/
.pure-button {
	margin: 5px 0;
	border-radius: 0;
	text-align: left;
}

.pure-button-primary, 
.pure-button-selected, 
a.pure-button-primary, 
a.pure-button-selected {
	background: #0070BA;
	border: 1px solid #0070BA;
	color: #ffffff;
}

.button-secondary {
	background: #EEEEEE;
	color: #0070BA;
	border: 1px solid #CFCFCF;
}

.button-secondary:hover {
	/*background: ;*/
}

/*------END PURE BUTTONS------*/

/*-- PURE FORMS --*/
.pure-form select {
	height: 40px;
	border: none;
	background-color: #eee;
	box-shadow: none;
	font-family: UniversLTStd-Bold;
	font-size: 13px;
	text-transform: uppercase;
	color: #0070BA;
}

.pure-form-aligned .pure-control-group label {
	text-align: left;
}

.pure-form-aligned .pure-control-group .heading label {
	width: 15em;
}

.pure-button-primary[type=submit] {
	font-family: UniversLTStd-Black;
	font-size: 14px;
	text-transform: uppercase;
	padding: 15px 30px 13px;
	margin: 20px 0;
}

.pure-g fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

@media (max-width: 1000px) {
	.one-column > .pure-u-1 {
		padding: 0 50px;
	}
}

@media (max-width: 767px) {
	.pure-g div[class*="pure-u-"] {
		width: 100%;
	}

	.one-column > .pure-u-1 {
		padding: 0 20px;
	}
}

@media (max-width: 640px) {
	
}

@media (max-width: 480px) {
	#login-form .fancy-checkbox-wrap + label {
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 28px !important;
	}
}