/***
	This file contains all pure.css overrides
***/

.pure-g [class *="pure-u"], .pure-g {
	font-family: Arial, Helvetica, sans-serif;
}

/* Override default inputfield styles */
.pure-form input[type=text], .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color], .pure-form select, .pure-form textarea {
	border-radius:0;
	box-shadow:none;
	color: #333333;
}

.pure-form label {
	color: #444444;
}

.pure-form-aligned .pure-controls {
	margin: 1.5em 0 0 11.3em;
}

.pure-form input:focus:invalid, .pure-form textarea:focus:invalid, .pure-form select:focus:invalid {
	border-color:#cccccc;
	color:#333333;
}

/* — Buttons — */
.pure-button {
	border-radius:0;
	box-shadow: none;
}

.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {
	background-color: #1a3c6a;
}

.pure-button-hover, .pure-button:hover, .pure-button:focus {
	background-image: none;
	background-color: #1a3c6a;
	color: white;
	text-decoration:none;
}


/* — Pagination — */
.pure-paginator .pure-button {
	padding-left: 0.9em;
	padding-right: 0.9em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	margin: 4px;
	background-color: #f8f8f8;
}

.pure-paginator .pure-button-active {
	background-color: #3a66a7;
	color: white;
}

.pure-paginator .pure-button i {
	margin-top: 2px;
}

/* — Menus — */
.pure-menu.pure-menu-open, .pure-menu.pure-menu-horizontal li .pure-menu-children {
  background:transparent;
  border:none;
}

.pure-menu li.pure-menu-selected a {
	background-color: #3a66a7;
	color: white;
}

.pure-menu-active>.pure-menu-link, .pure-menu-link:hover, .pure-menu-link:focus {
	background-color:transparent;
}

.pure-menu-link:hover {
	text-decoration:underline;
}

/* — Tables — */ 
.pure-table {
	border: none;
}

.pure-table thead {
	background: transparent;
}

.pure-table th {
	border: none;
}

.pure-table td {
	border: none;
}

.pure-table tr:hover td {
	background-color: #3a66a7;
	color: white;
}

.pure-table tr:hover td a {
	color:white;
	text-decoration:underline;
	cursor: pointer;
}
.pure-table tr:hover td a:hover {
	color:white;
	text-decoration:underline;
	cursor: pointer;
}

/* Extend purecss with visible & hidden flags like bootstrap does */
	/* pure-hidden-xs */
	@media screen and (max-width:35.438em) {
	    .pure-visible-sm{display:none}
	    .pure-visible-md{display:none}
	    .pure-visible-lg{display:none}
	    .pure-visible-xl{display:none}
	    .pure-hidden-xs{display:none}
	}
	/* pure-hidden-sm */
	@media screen and (min-width:35.5em) and (max-width:47.938em) {
	    .pure-visible-xs{display:none}
	    .pure-visible-md{display:none}
	    .pure-visible-lg{display:none}
	    .pure-visible-xl{display:none}
	    .pure-hidden-sm{display:none}
	}
	/* pure-hidden-md */
	@media screen and (min-width:48em) and (max-width:63.938em) {
	    .pure-visible-xs{display:none}
	    .pure-visible-sm{display:none}
	    .pure-visible-lg{display:none}
	    .pure-visible-xl{display:none}
	    .pure-hidden-md{display:none}
	}
	/* pure-hidden-lg */
	@media screen and (min-width:64em) and (max-width:79.938em) {
	    .pure-visible-xs{display:none}
	    .pure-visible-sm{display:none}
	    .pure-visible-md{display:none}
	    .pure-visible-xl{display:none}
	    .pure-hidden-lg{display:none}
	}
	/* pure-hidden-xl */
	@media screen and (min-width:80em) {
	    .pure-visible-xs{display:none}
	    .pure-visible-sm{display:none}
	    .pure-visible-md{display:none}
	    .pure-visible-lg{display:none}
	    .pure-hidden-xl{display:none}
	}