/* =Global CSS Document
----------------------------------------------- */
.highlight
{
	background: yellow;
}

@font-face {
	font-family: "Trim-SemiBold";
	src: url("fonts/Trim-SemiBold.eot");
	src: url("fonts/Trim-SemiBold.woff") format("woff"), url("fonts/Trim-SemiBold.svg#filename") format("svg");
}

h1, h1 strong, h1 b, h2, h2 strong, h2 b, h3, h3 strong, h3 b, h4, h4 strong, h4 b, h5, h5 strong, h5 b, h6, h6 strong, h6 b {
	font-family: Trim-SemiBold;
	font-weight: normal !important;
}


html, body, td, th, input, select, label, textarea, button {
	font-family: 'adelle-sans', Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: medium;
}

/*redundant rules for bad browsers*/

html
{
	font-size: 100%;
}

::before, ::after, * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body
{
	font-size: 100%;
	line-height: 1;
}

h1
{
	font-size: 1.75em;
}

/*displayed at 21px*/

h2
{
	font-size: 1.5em;
}

/*displayed at 18px*/

h3
{
	font-size: 1.25em;
}

/*displayed at 15px*/

h4
{
	font-size: 1em;
}

/*displayed at 12px*/

h5
{
	font-size: .8em;
}

/*displayed at 10px*/

h6
{
	font-size: .6em;
}

/*displayed at 8px*/

ul ul, li li, li p, td p, blockquote p, table td ul li, table td ul li ul li, table td, table p
{
	font-size: 1em;
}

/*multi-selector reinforcement*/

/* =Global
----------------------------------------------- */

div, ul, h1, h2, h3, h4, h5, h6, p
{
	border: 0;
	margin: 0;
	padding: 0;
}

.clear
{
	clear: both;
}

img
{
	border: 0;
}

input, select, option, label, textarea
{
	font-size: 1em;
	color: #000;
}

input[disabled]
{
	background-color: #EBEBE4;
}

span[disabled] *,
span.disabled label,
label.disabled
{
	color: #555555;
}

/* =Structural
----------------------------------------------- */

body
{
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-align: center;
}

#wrapper
{
	margin: 0 auto auto auto;
	padding: 0;
	text-align: left;
}

#content
{
	background: #fff;
	border: none;
}

* html #content
{
	margin-top: -2px
}

* + html #content
{
	margin-top: -2px
}

/* =Text
----------------------------------------------- */

.text
{
	color: #000;
}

.text h1
{
	font-size: 1.75em;
	font-weight: normal;
	padding: 20px 30px 10px 30px;
}

.text h2
{
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.1em;
	margin: 0 30px 15px 30px;
}

.text p
{
	font-size: 1em;
	margin: 0 30px 15px 30px;
	line-height: 1.4em;
}

/* =Footer
----------------------------------------------- */

#footer
{
	color: #666;
	font-size: .8em;
}

#footer p
{
	padding: 0 30px 15px 30px;
}

#footer p a
{
	color: #4985d4;
}

#footer p a:hover
{
	color: #666;
}

div.floatmenu
{
	position: absolute;
	display: none;
	background-color: #F5F7F8;
	padding: 13px 10px 5px 10px !important;
	border: solid 1px black;
	line-height: 1.5em;
}

div.floatmenu .closebtn
{
	position: absolute;
	top: 5px;
	right: 5px;
}

div.floatmenu a:not(.button):link,
div.floatmenu a:not(.button):visited
{
	text-decoration: none;
	color: #666 !important;
	font-size: 0.8em;
}

div.floatmenu a:not(.button):hover
{
	text-decoration: underline;
}

.modalbackground, .ui-widget-overlay {
	background: none;
	opacity: unset;
	background-color: rgba(0, 0, 0, .5);
}

.modalpopup {
	background-color: #fff;
	-moz-border-radius: 4px;;
	-webkit-border-radius: 4px;;
	border-radius: 4px;
	padding: .9rem;
}

.modalpopup-close, .modalpopup .cancel {
	position: absolute;
	top: 0;
	right: 0;
	background: none;
	border: none;
	padding: 1rem;
	margin: 0;
	cursor: pointer;
}

.modalpopup h3
{
	font-size: 1.1em;
}

.modalpopup p
{
	font-size: 0.9em;
}

.modalpopup h1
{
	font-size: 1.25em;
	margin: 0;
	padding: 0;
}

.modalpopup h2
{
	font-size: 1em;
	margin: 15px 0 5px 0;
	padding: 0;
	border-bottom: 1px solid #666;
}

.modalpopup table tr th
{
	font-size: .9em;
	margin: 0;
	padding: 0 0 5px 0;
	color: #333;
}

.modalpopup table tr td
{
	font-size: .9em;
	margin: 0;
	padding: 0 0 5px 0;
}

.modalpopup a,
.modalpopup .ui-widget-content a
{
	color: #2a69ba;
	font-weight: bold;
}

.modalpopup a:hover,
.modalpopup .ui-widget-content a:hover
{
	color: #4985d4;
}

.modalpopup table tr td .button
{
	margin: 10px 5px 0 0;
}

.modalpopup .listBox
{
	border-style: inset;
	border-width: 1px;
	background-color: White;
	width: 400px;
	overflow-y: scroll;
}

.modalpopup .chooserProjectName
{
	text-decoration: underline;
}

.modalpopup .chooserMakeUpImage
{
	width: 16px;
}

.modalpopup .chooserMakeUpName
{
	width: 100%;
}

.modalpopup .chooserNoData
{
	font-style: italic;
	width: 100%;
}

.modalpopup .project_information td
{
	text-align: left;
	padding-right: 10px;
}

.modalpopup .glass_type_information td
{
	text-align: left;
	padding-right: 10px;
}

table.modalmessagebox_buttontable tr td
{
	text-align: center;
}

.ui-icon-closethick
{
	font-size: 16px;
}

.textinputdialog h1
{
	font-size: 1.25em;
	margin: 0;
	padding: 0;
	text-align: left;
}

.textinputdialog p.message
{
	font-size: 1em;
	padding: 15px 0 5px 5px;
}

.textinputdialog div.text
{
	text-align: center;
}

input.slope_button
{
	width: 100px;
}

table.BorderDebug tr td,
table.BorderDebug tr th
{
	border: solid 1px red !important;
}

div.progresspanel
{
	position: fixed;
	width: 20%;
	left: 40%;
	top: 45%;
	vertical-align: middle;
	border-style: inset;
	background-color: #e6e5e4;
	display: block;
	border: solid 2px black;
	text-align: center;
}

div.progresspanel .message
{
	font-size: 1em;
	vertical-align: middle;
}

input.numeric
{
	text-align: right;
}

a.help_link
{
	font-weight: 600;
	color: #666;
	text-decoration: none;
}

a.help_link:hover
{
	color: #4985d4;
}

div.contexthelp
{
	background: #2b729b;
	border: 2px solid #FFF;
	padding: 0;
	text-align: left;
}

div.contexthelp div div.titlebar
{
	cursor: move;
	background-color: #DDDDDD;
}

div.contexthelp div div.titlebar h1
{
	font-size: .9em;
	font-weight: bold;
	color: #333;
	margin: 0;
	padding: 7px;
	float: none;
}

div.contexthelp div div.titlebar a.close
{
	font-size: .9em;
	color: #333;
	padding: 7px;
}

div.contexthelp div div.titlebar table td
{
	border: none;
	padding: 0;
}

div.contexthelp div div.helpcontentpanel div.helpcontent
{
	padding-right: 20px;
}

div.contexthelp div div.helpcontentpanel div h1
{
	font-size: 1.25em;
	font-weight: bold;
	color: #FFF;
	margin: 0;
	padding: 10px;
	float: none;
}

div.contexthelp div div.helpcontentpanel div h2
{
	font-size: 1.15em;
	font-weight: bolder;
	color: #FFF;
	margin: 0;
	padding: 10px;
}

div.contexthelp div div.helpcontentpanel div p
{
	font-size: .9em;
	color: #FFF;
	margin: 0;
	padding: 0 10px 15px 10px;
}

div.contexthelp div div a.close
{
	text-decoration: none;
	text-transform: uppercase;
	color: #FFF;
}

div.contexthelp div div ul li,
div.contexthelp div div ol li
{
	color: #FFF;
	line-height: 1.3em;
	padding-bottom: 5px;
	font-size: 0.9em;
}

.contexthelp div div ul li
{
	margin-left: 35px;
}

.contexthelp div div ol,
.contexthelp div div ul
{
	margin-top: 0px;
	padding-bottom: 10px;
}

.contexthelp a.close:hover
{
	color: #CCC;
}

.contexthelp div div.titlebar a.close:hover
{
	color: #666;
}

div#AjaxErrorDisplay
{
	top: 25%;
	left: 25%;
	width: 400px;
	background-color: white;
	border: solid 2px Black;
	padding: 10px;
	font-size: 10pt;
	position: fixed;
	margin: 5px;
}

fieldset.collapsed
{
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	margin-bottom: 0;
	margin-left: 3px;
}

fieldset.collapsible > legend
{
	color: blue;
	cursor: pointer;
}

.error,
.field-validation-error
{
	color: Red;
	font-weight: bold;
}

.UserProfile .TypeList
{
	margin-bottom: 0.5em;
}

table.UserProfile > tbody > tr > *
{
	text-align: left;
	vertical-align: top;
}

.sub
{
	vertical-align: sub;
	font-size: 90%;
}

a .sub
{
	vertical-align: baseline;
	position: relative;
	top: 0.4em;
}

/*This to fix an issue in new versions of IE. The cells here are align left (even according to the dev tools),
but aren't being displayed as such
*/

#PerfGridOptions tbody.optionRows td
{
	text-align: left;
}

button:not(.link), .button
{
	background: #A4A6AA;
	background-image: -webkit-linear-gradient(top, #A4A6AA, #424242);
	background-image: -moz-linear-gradient(top, #A4A6AA, #424242);
	background-image: -ms-linear-gradient(top, #A4A6AA, #424242);
	background-image: -o-linear-gradient(top, #A4A6AA, #424242);
	background-image: linear-gradient(to bottom, #A4A6AA, #424242);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0px;
	color: #ffffff;
	font-size: 10px;
	padding: 5px 20px 5px 20px;
	text-decoration: none;
}

button:enabled:hover:not(.link), .button:enabled:hover {
	background: #424242;
	background-image: -webkit-linear-gradient(top, #424242, #A4A6AA);
	background-image: -moz-linear-gradient(top, #424242, #A4A6AA);
	background-image: -ms-linear-gradient(top, #424242, #A4A6AA);
	background-image: -o-linear-gradient(top, #424242, #A4A6AA);
	background-image: linear-gradient(to bottom, #424242, #A4A6AA);
	text-decoration: none;
}

button:disabled, .button:disabled
{
	background: #A4A6AA;
	background-image: none;
	color: #333333;
}

button > img
{
	vertical-align: middle;
}

button.link
{
	border: none;
	background: none;
	color: #2a69ba;
	font-weight: normal;
	font-size: 1em;
	padding: 0;
	margin: 0;
	letter-spacing: inherit;
	cursor: pointer;
}

header .banner {
	position: relative;
	width: 100%;
	height: 162px;
	background: #1167a6 url(../images/banner.jpg) top center no-repeat;
	background-size: 100% 162px; /*stretch horizontally, but use the fixed vertical height of the image, looks better than "cover"*/
}

@media screen and (max-width: 1920px) {
	header .banner {
		background-size: 1920px 162px; /*Don't shrink the width, instead, just show less (centered)*/
	}
}

header .logo {
	padding: 20px 0;
}

header .logo img {
	margin: 0 0 0 2rem;
	width: 300px;
}

@media screen and (max-width: 1024px) {
	header .logo img {
		width: 250px;
	}
}

header {
	width: auto;
	text-align: center;
}

.top_links {
	font-weight: 400;
	height: 2.5rem;
	margin: 0;
	text-align: right;
	background-color: #f8f8f8;
	padding-top: 0.5em;
}

.top_links a {
	padding: 0 .5rem;
	margin: 0;
	white-space: nowrap;
	text-transform: uppercase;
	font-size: 12px;
	font-family: "Trim-Semibold", Helvetica, Arial, sans-serif;
}

.top_links a, .top_links a:visited {
	color: #004B87;
	text-decoration: none;
	font-size: .8em;
}

.top_links a:hover {
	color: #004B87;
	background: none !important;
}

.top_links a:active {
	color: #004B87;
}

nav {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

nav ul {
	text-transform: uppercase;
	min-height: 50px;
}

nav ul > li {
	vertical-align: bottom;
	text-align: center;
	display: inline-block;
	white-space: nowrap;
	font-size: 14px;
	font-family: "Trim-Semibold", Helvetica, Arial, sans-serif;
	font-weight: 400;
}


nav ul a {
	max-height: 60px;
	white-space: normal;
	overflow: hidden;
	height: 2.8125rem;
	position: relative;
	display: block;
	padding: 10px 15px;
}

nav ul li a,
nav ul li a:visited,
nav ul.nav li a {
	color: black;
	text-decoration: none;
}

nav ul li a:hover {
	color: #666;
	background: #FFF;
}

nav ul li.current a {
	background: #FFF;
	color: #666;
}

#ContactHelpDialog > ul {
	list-style: none;
	text-align: left;
}

#ContactHelpDialog > ul > li {
	margin: 5px;
	padding: 0;
}

/* ------------------------------------------------------------------------------------- */
/* Bootstrap styles copied from WebUI_Core */

.button, button.button, a.button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
	display: inline-block;
	padding: 6px 12px !important;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	color: #ffffff;
	background-color: #003A74;
	border-color: #003A74;
	border-radius: 0;
	text-transform: uppercase;
	font-family: "Trim-Semibold", Helvetica, Arial, sans-serif;
}

	.button:enabled:hover, button.button:enabled:hover, a.button:enabled:hover, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover {
		color: #ffffff;
		background-color: #004b87;
		background-image: none;
		border-color: #004b87;
	}

	.button:active:focus, button.button:active:focus, a.button:active:focus, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:active:focus {
		color: #ffffff;
		background-color: #004b87;
		background-image: none;
		border-color: #004b87;
	}

	.button:disabled, button.button:disabled, a.button:disabled, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:disabled {
		opacity: 0.65;
		color: #ffffff;
		background-color: #004b87;
		background-image: none;
		border-color: #004b87;
	}

	.button.ui-button.ui-button-text-only .ui-button-text, input[type="submit"], .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
		padding: 0;
	}

table.guardian-blue-table {
	font-size: .9rem;
}

	table.guardian-blue-table tr th {
		text-align: center;
		color: #FFF;
		font-weight: 600;
		padding: 1rem !important;
		border: 1px solid #999;
		background-color: #004B87;
		font-size: .9rem;
	}

		table.guardian-blue-table tr th a:link, table.guardian-blue-table tr th a:visited {
			color: #fff;
			text-decoration: none;
		}

	table.guardian-blue-table tr td {
		text-align: center;
		border-right: 1px solid #999;
		border-left: 1px solid #999;
		border-bottom: 1px solid #999;
		background: #FFF;
		padding: 1rem;
		font-size: .9rem;
	}

	table.guardian-blue-table tr.working td {
		background: #dddddd;
	}

.ui-dialog-titlebar {
	background: none;
	border: none;
}

.ui-dialog-titlebar .ui-icon-closethick {
	text-indent: 0;
	background: none;
	background-color: #fff;
	border: none;
}

	.ui-dialog-titlebar .ui-icon-closethick:before {
		content: "X";
	}

.ui-dialog-titlebar .ui-dialog-titlebar-close {
	background: none;
	border: none;
}

	.ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
		background: none;
		border: none;
	}

.ui-dialog .ui-dialog-buttonpane {
	border: none;
}

	.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
		float: none;
		text-align: center;
	}

	.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button-text-only .ui-button-text {
		padding: 0;
	}

#IEWarning {
	padding: 15px;
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
	text-align: center;
}

footer {
	padding-top: 2em;
	background-color: #181818;
	color: rgba(255, 255, 255, .6);
	text-transform: uppercase;
	font-size: 12px;
}

footer a, footer button.link {
	color: rgba(255, 255, 255, .6);
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 12px;
}

footer a:hover, footer button.link:hover {
	color: white;
}

footer > div {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	padding-bottom: 1em;
}

footer > .link_list > *:not(:last-child) {
	border-right: solid 1px rgba(255, 255, 255, .6);
}

footer > div.copyright {
	display: block;
	text-align: center;
}

footer > div.link_list > * {
	padding: 0 2em;
	text-align: center;
}