/* Base CSS */

/*
    PANTONE 201 C
    rgb(157,34,53);
    #9D2235;

    PANTONE 425 C
    rgb(84,88,91);
    #54585A;
    
    PANTONE Cool Gray 1 C
    rgb(217,217,214);
    #D9D9D6;
*/

* {
    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(84,88,91) /* PANTONE 425 C */
}

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(84,88,90); /* PANTONE 425 C */
}
h1 {
    font-size: 24px;
}
h2 {
    font-size: 18px;
}

a {
    font-weight: 600;
    text-decoration: none;
	color: rgb(84,88,91); /* PANTONE 425 C */
}
a:hover,
a:active {
    background: rgb(217,217,214); /* PANTONE Cool Gray 1 C */
}

input[type=text], 
input[type=password], 
select, 
textarea {
	width: 300px;
	background: rgba(217,217,214,0.25); /* PANTONE Cool Gray 1 C */
	border: solid 1px rgba(217,217,214,0); /* PANTONE Cool Gray 1 C */
	-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=password]:focus, 
select:focus, 
textarea:focus {
	background: rgba(217,217,214,0); /* PANTONE Cool Gray 1 C */
	border: solid 1px rgba(217,217,214,1); /* PANTONE Cool Gray 1 C */
	-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;
}