/* Base CSS */

* {
    box-sizing: border-box
}

html {
    min-height: 100%;
}

body {
    min-height: 100%;
	margin: 0;
	padding: 0;
}

body, 
input, 
select, 
textarea, 
label {
    font-family: "myriad-pro", sans-serif;
	font-weight: 100;
	font-size: 12pt;
	color: rgb(89,89,89) /* 65% black */
}

input, 
select, 
textarea {
	padding: 10px;
}

input[type=submit] {
	cursor: pointer;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */      
}

h1, h2, h3, h4, h5, h6, h7 {
	text-transform: uppercase;
	font-weight: 100;
    color: rgb(0,93,131); /* Pantone 634 */
}
h1 {
    font-size: 24px;
}
h2 {
    font-size: 18px;
}

a {
    font-weight: 600;
    text-decoration: none;
	color: rgb(0,93,131); /* Pantone 634 */
}
a:hover,
a:active {

}

input[type=text], 
input[type=date], 
input[type=password], 
select, 
textarea {
	width: 300px;
	background: rgba(217,217,217,0.25); /* 15% Black */
	border: solid 1px rgba(217,217,217,0); /* 15% Black */
	-webkit-border-radius: 3px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-moz-border-radius: 3px;    /* Firefox 1-3.6 */
	border-radius: 3px;         /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	outline: none;
	-webkit-transition: border 0.5s, background 0.5s;
	-moz-transition: border 0.5s, background 0.5s;
	-ms-transition: border 0.5s, background 0.5s; /* IE10 is actually unprefixed */
	-o-transition: border 0.5s, background 0.5s;
	transition: border 0.5s, background 0.5s;
}

textarea {
    height: 125px;
    vertical-align: middle
}

input[type=text]:focus, 
input[type=date]:focus, 
input[type=password]:focus, 
select:focus, 
textarea:focus {
	background: rgba(217,217,217,0);  /* 15% Black */
	border: solid 1px rgba(217,217,217,1);  /* 15% Black */
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none; /* IE10 is actually unprefixed */
	-o-transition: none;
	transition: none;
}

label {
	display: inline-block;
	width: 150px;
	padding: 10px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle
}

input[type=checkbox] + label, 
input[type=radio] + label {
	width: 150px;
	padding-left: 5px;
    white-space: nowrap;
}

input[type=checkbox]:checked + label, 
input[type=radio]:checked + label {
	font-weight: 700;
}


/* NEW 25 APRIL 2018 */

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
table tr {
    transition: background 0.35s
}
table tr:hover {
	background: rgb(217,217,217); /* 15% Black */
    transition: none;
}
tr:nth-child(odd) {
    background: rgba(217,217,217,0.2); /* 15% Black */
}
table tr th,
table tr td {
    padding: 0 5px;
    text-align: left;
    vertical-align: middle;
}

table tr th {
    height: 30px;
    color: rgb(255,255,255); /* White */
    background: rgb(0,93,131); /* Pantone 634 */
    text-transform: uppercase;
    font-size:75%
}
table tr td {
    height: 40px;
}
table tr th.centre, 
table tr td.centre {
    text-align: center
}
table tr th.right, 
table tr td.right {
    text-align: right
}

table tfoot {
    font-weight:700
}