﻿@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700");
@font-face {
	font-family: 'TrajanPro';
	src: url("/Users/fonts/TrajanPro-Regular.otf") format('opentype')
}
@font-face {
	font-family: 'TrajanPro';
	font-weight: bold;
	src: url("/Users/fonts/TrajanPro-Bold.otf") format('opentype')
}
@font-face {
	font-family: 'SharpSans';
	src: url("/Users/fonts/SharpSans-Regular.otf") format('opentype')
}
@font-face {
	font-family: 'SharpSans';
	font-weight: bold;
	src: url("/Users/fonts/SharpSans-Bold.otf") format('opentype')
}
body {
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: #f3f7fa;
	font-family: SharpSans, Arial, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: black;
}
input {
	padding: 1px 5px 1px 5px;
	border: 1px solid #a9a9a9;
	border-radius: 3px;
	height: 30px;
	font-size: 11pt;
}
button.PrimaryButton, input[type=submit].PrimaryButton {
	background-color: #0055a5;
	border-color: #4e87bc;
    color: white;
    letter-spacing: .5px;
}
div.SkinSpacer {
	margin-top: 80px;
}
div.SkinBody {
	margin: 0px 20px 20px 20px;
	box-shadow: lightgrey 7px 7px 15px;
	background-color: white;
	border: 1px solid #eeeee6;
	padding: 20px;
	min-height: 550px;
	border-radius: 5px;
}
header.SkinHeader {
	height: 80px;
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 9999;
}
div.SkinLogo {
	width: 335px;
	height: 80px;
	background-color: white;
	display: inline-block;
	position: absolute;
	left: 0px;
	top: 0px;
}
div.SkinLogo img {
	width: 260px;
	height: 46px;
	border: none;
	margin: 17px 37px 17px 38px;
}
div.SkinTitle {
	height: 80px;
	background-color: #04284a;
	padding-left: 370px;
	display: block;
	color: aliceblue;
	overflow: hidden;
}
div.SkinTitle h1 {
	display: inline-block;
	font-family: TrajanPro;
	font-weight: bold;
	font-size: 19pt;
	margin-top: 27px;
	white-space: nowrap;
}
div.SkinTitle h1.CenteredText {
	display: block;
	margin-right: 360px;
	text-align: center;
}
div.InputGroupPanel {
	margin-bottom: 15px;
}
div.InputPanel input {
	width: 300px;
}
div.ValidationPanel span {
	color: red;
	font-size: 10pt;
}
div.ErrorPanel {
	color: red;
}
.ui-widget-header {
	background: #04284a !important; 
	color: white !important;
}