/* one-off CSS for global sign-in and forgot password. (Not using SCSS) */

div#global-security
{
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    background: #fff;
    display: block;
    margin: 0 auto;
    max-width: 446px;
    padding: 28px 34px;
}

div#global-security label
{
	font: 700 12px/16px "-apple-system","BlinkMacSystemFont","Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	letter-spacing: .02em;
	color: #333;
	display: block;
	margin-bottom: 3px;
	position: relative;
}

div#global-security input[type="text"],
div#global-security input[type="password"],
div#global-security input[type="email"]
{
	-moz-appearance: none;
    -webkit-appearance: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.15) inset;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15) inset;
    box-shadow: 0 1px 1px rgba(0,0,0,.15) inset;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #d7d7d7;
    color: #333;
    display: block;
    font: normal 15px/20px "-apple-system","BlinkMacSystemFont","Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    min-height: 38px;
    outline: none;
    padding: 8px;
    width: 100%;
}
	
div#global-security p.error
{
	color: red;
}

p.blurb
{ 
	margin: 0 auto;
    max-width: 446px;
	border-top: dotted 1px #ccc;
	padding-top: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #658491;
}

p.blurb a
{ 
	color: #658491;
}


div#global-security button
{
	-moz-border-radius: 21px;
    -webkit-border-radius: 21px;
    border-radius: 21px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font: 700 14px/1 "-apple-system","BlinkMacSystemFont","Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    letter-spacing: .02em;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background: #4999c1;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 42px;
    margin: 0 15px 12px 0;
    outline: none;
    padding: 0 42px;
    text-align: center;
}

div#global-security div.checkbox label {
    text-rendering: auto;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    cursor: pointer;
    font: normal 400 14px/19px "-apple-system","BlinkMacSystemFont","Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    letter-spacing: 0;
    margin-bottom: 9px;
    padding: 4px 0 0 30px;
    position: relative;
    text-transform: none;
}

div#global-security div.form-group
{
	clear: both;
	margin-bottom: 18px !important;
}

div#global-security a
{
	color: #4999c1;
}

div#global-security a.flip {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: none;
    border: none;
    color: #999;
    cursor: pointer;
    display: inline-block;
    font: normal 400 14px/17px "-apple-system","BlinkMacSystemFont","Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    height: 42px;
    margin: 0;
    outline: none;
    padding: 0;
	text-decoration: none;
}

div#global-security h2
{
	margin-bottom: 24px;
}

div#global-security h2 img
{
	top: 9px;
	position: relative;
	padding-right: 8px;
}