/* LEGAL ===== Copyright 2016 Atlas Systems, Inc. All rights reserved. */

/* GENERAL */
* {margin:0;padding:0}
img {border:none;}
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px}
.urlPDF{background-image: url("images/pdficon.gif");background-repeat: no-repeat;background-position: 0 50%;padding: 3px 0 3px 20px;margin: .4em 0;}
.iconlist{list-style: none;margin: 0px;padding: 0px;}


/* LAYOUT */

#wrap {
    margin: 0 auto;
    width: 960px;
    position: relative;
    padding: 0 30px;
}

#content-wrap {
    clear: both;
    width: 100%;
    margin: 0 auto;
    position:relative;
}

#content {
    margin: 0 0 0 250px;
    padding-left: 20px;
}

#utility {
    clear: both;
    position: relative;
    float: left;
    width: 220px;
    padding: 10px;
}

#type-b #content {
    margin: 0;
    padding: 0;
    border: none;
}


 /* Breadcrumb navigation */
ul.breadcrumb {
    padding: 8px 16px;
    list-style: none;
    background: #005387;
}

ul.breadcrumb li {
    display: inline;
}

ul.breadcrumb li+li:before {
    padding: 8px;
    color: #fdfdfd;
    content: "/\00a0";
}
ul.breadcrumb li a {
    color: #fdfdfd;
}


/* LAYOUT - HEADER */

#header {
    height: 100px;
    width: 100%;
    background: #000;
}

#header-content {
    margin: 0 auto;
    position:relative;
    padding: 10px 0;
}

#header #header-logo img {
	float: left;
    margin: 15px;
}

#title-name, #title-name a {
    float: left;
    font: 130% "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    border: none;
    text-align: left;
    margin-left: 50px;
    padding-top: 20px;
    padding-right: -100px;
}


/* LAYOUT - FOOTER */
#footer {
    clear:both;
    border-top: 1px solid #E3E8EE;
    margin: 20px 0;
    padding: 10px 0;
    font-size:86%;
    color:#000000;
    text-align: left;
}

#footer p {margin:0}
#footer a:link {
    color:#333;
    text-decoration: underline;
}


/* Status Lines */

#status {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#333333;
    margin: 0 auto;
    margin-bottom: 20px;
}

#status-request {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#333333;
    margin: 10px auto;
}

#status .statusNormal, #status-request .statusNormal {color:#333333}
#status .statusInformation, #status-request .statusInformation {color:#0000FF}
#status .statusError, #status-request .statusError {color:#FF0000}


/* NAVIGATION */

#nav {
    padding-top: 0;
}

#nav ul ul li a {
    list-style-type: disc;
}

#nav ul li, #nav ul li a {
    display:block;
    line-height: 1.8;
	font-weight: normal;
}

#nav ul ul li, #nav ul ul li a {
    color: #6D5350;
    font-size: 100%;
    margin-left: 10px;
}

#nav ul ul li a:hover {
    color: #005287;
    text-decoration: underline;
}

#nav ul li h3 {
    border-bottom: dotted #999 1px;
}

#nav ul li h3, #nav ul li h3 a {
    margin: 0;
    font-weight: bold;
    font-size: 95%;
    color: #005287;
}

/* TYPOGRAPHY */
body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif}
p, ul, ol {margin: 0 0 .5em}

h1, h2, h3, h4, h5, h6 {
    letter-spacing: -1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin: 10px 0 .3em;
    color: #005387;
    padding-bottom: .1em;
}

h1 {
    font-size: 150%;
    margin-top: 50px;
    border-bottom: 1px solid #AD837E;
    text-transform: uppercase;
    color: #005387;
}
h2 {font-size: 150%}
h3 {
    font-size: 130%;
    font-weight: bold;
    line-height: 24px;
    margin: 12px 0;
}
h4 {font-size: 116%;margin-left:10px;}
h5 {font-size: 106%}
h6 {font-size: 96%}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.validationError {font-weight:bold; color:#FF0000}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}
.active:hover{text-decoration: underline}


/* TABLES */

.default-table {width:100%}

.default-table table {
    border: 1px solid #000;
    font: 75%/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-collapse:collapse;
}

.default-table thead tr.row-header {
    background: #005287;
    color: #fff;
    font-size: 125%;
}

.default-table tbody td {font-size: 115%;letter-spacing: 0.05em;border: 1px solid #000;}
.default-table tbody td, th {border-left: 1px solid #000;vertical-align: top;padding: 5px;}
.default-table thead tr {background: #efefef;color:#000;}
.default-table thead tr.row-headings {border-bottom: 1px solid #000;}
.default-table thead th {padding: 5px 5px;text-align: left;letter-spacing: 0.05em;font-weight: normal;font-size: 110%}
.default-table tbody th {padding: 5px 5px 5px 5px;text-align: left;font-size: 110%;color: #fff;letter-spacing: 0.1em;line-height: 1.5em;text-transform: uppercase;}
.default-table tbody tr.row-odd th {background: #efefef;}
.default-table tbody tr.row-odd {background: #efefef;border-bottom: 1px solid #000;}
.default-table tbody tr th {background: #ffffff;}
.default-table tbody tr {background: #ffffff;border-bottom: 1px solid #000;}
.default-table tfoot th, tfoot td {margin: 0;border-top: 2px solid #fff;padding: 5px 10px;text-align: left;background: #F8F12A;color: #000;}
.default-table tfoot th {text-transform: uppercase;letter-spacing: 0.2em;border: none;}
.default-table tfoot td {padding-left: 10px;}
.default-table a {text-decoration:none;}
.default-table a:link {color: #336699;text-decoration:underline;}


/* TRANSACTION MENU */

#transactionMenu {
    margin-bottom:.5em;
    width:100%;
}

#transactionMenu a:link, #transactionMenu a:visited {
    color: #00254c;
    font-weight:bold;
    line-height:2em;
    padding:.3em;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#transactionMenu a:hover, #transactionMenu a:active {text-decoration: underline; color: #00254c;}
#transactionMenu .separator {color:ccc;margin-left:5px;margin-right:5px}
#transactionMenu .noActionMessage {color:#999;font-weight:normal;line-height:2em;padding:.3em}


/* FORMS */
form {margin: 0 0 1.5em}
input {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;margin: 2px 0;display:inline-block;}
fieldset {border: none}
label {display:inline-block;padding: 5px 6px; font-size:90%;}
label br {clear:left}
input.f-submit {
    margin: 7px 0px 25px 0px;
    color:#000;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #ccc;
    background: #fdfdfd;
    padding: 4px;
    cursor: pointer;
}

form h3 {
    color: #000000;
    font-weight: bold;
}

.form-wrapper {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 0px auto;
	overflow: hidden;
	padding: 8px;
	width: 220px;
}

input#SearchCriteria {
    width: 69%;
    height: 25px;
    font-size: 13px;
}

#search form input.f-submit {
    margin-bottom: 0px;
}

fieldset#searchType {
    margin-top: 10px;
}

#searchType label {
    font-size: 83%;
}

.form-wrapper #search {
	border: 1px solid #CCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
  color: #999;
	float: left;
	font: 16px Lucida Sans, Trebuchet MS, Tahoma, sans-serif;
	height: 20px;
	padding: 10px;
	width: 200px;
}

.form-wrapper #search:-moz-placeholder,
.form-wrapper #search:-ms-input-placeholder,
.form-wrapper #search::-webkit-input-placeholder {
	color: #999;
	font-weight: normal;
}

.form-wrapper #submit {
	background-color: #00254c;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fafafa;
	cursor: pointer;
	height: 20px;


	font: 12px Arial, Helvetica;
	padding: 0;
	text-transform: uppercase;
	width: 80px;
	display: inline-block;
}

/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */

form.f-wrap-1 {
    width:60%;
    margin: 20px 0px;
    padding: 10px;
    background: #f7f7f7;
    position:relative;
}

form.f-wrap-1 fieldset {
    width:auto;
    margin: 0 1em;
}

form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {
    width:15em;
    float:left;
    margin-left:10px;
    height: 25px;
    font-size: 90%;
    padding: 3px 5px;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    background-color: #ffffff;
}

form.f-wrap-1 label textarea {
    height: 50px;
}

form.f-wrap-1 label {clear:left;float:left;width:100%;}
form.f-wrap-1 label .field {float:left;width:8em;line-height: 1.7;display:block;position:relative}
form.f-wrap-1 label .field .note {color:#333333;font-size:80%;font-weight:normal}
.req {color: #c00}
form.f-wrap-1 label .field .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1em;left:-.4em;width:.3em;height:.3em}
form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
form.f-wrap-1 div.req b {color:#c00;font-size:140%}
form.f-wrap-1 label select {width: 15.5em}
form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}
form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}
form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}


/* FORMS - f-wrap-request - Request Form */

form.f-wrap-request {
    width:100%;
    margin: 20px 0px;
    padding: 10px;
    background: #f7f7f7;
    position:relative;
}

form.f-wrap-request fieldset {
    width:auto;
    margin: 0 1em;
}

form.f-wrap-request h3 {
    color: #AD837E;
}

form.f-wrap-request label input, form.f-wrap-request label textarea, form.f-wrap-request label select {
    width:45%;
    float:left;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-left:20px;
    height: 25px;
    font-size: 90%;
    padding: 3px 5px;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    background-color: #ffffff;
}

form.f-wrap-request label textarea {
    height: 55px;
}


form.f-wrap-request label {
    clear: left;
    float: left;
    width: 100%;
}

form.f-wrap-request label .note {
    color:#333333;
    font-size:80%;
    font-weight:normal;
}

form.f-wrap-request label .req {
    color:#c00;
    font-size:100%;
    font-weight:normal;
    position:absolute;
    top:-.1em;
    line-height:1em;
    left:-.4em;
    width:.3em;
    height:.3em;
}

form.f-wrap-request label .field {float:left;width:50%;line-height: 1.7;display:block;position:relative}
form.f-wrap-request label .field .note {color:#333333;font-size:80%;font-weight:normal}
form.f-wrap-request label .field .req {color:#c00;font-size:150%;font-weight:bold;position:absolute;top:-.1em;line-height:1em;left:-.4em;width:.3em;height:.3em}
form.f-wrap-request div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
form.f-wrap-request div.req b {color:#c00;font-size:140%}
form.f-wrap-request label select {width: 15.5em}
form.f-wrap-request fieldset.f-checkbox-wrap, form.f-wrap-request fieldset.f-radio-wrap {float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
form.f-wrap-request fieldset.f-checkbox-wrap b, form.f-wrap-request fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
form.f-wrap-request fieldset.f-checkbox-wrap fieldset, form.f-wrap-request fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
form.f-wrap-request fieldset.f-checkbox-wrap label, form.f-wrap-request fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
form.f-wrap-request label input.f-checkbox, form.f-wrap-request label input.f-radio {width:auto;float:none;margin:0;padding:0}
form.f-wrap-request label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}
form.f-wrap-request label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}

form.f-wrap-request #logonform fieldset h2 {
    color: #00254c;
    font-weight: normal;
}

/* LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:none;color:#666666;cursor:pointer}
a:link, a:visited {color:#666666}
a:hover,a:active {color:#069}
a.offsite:link, .offsite {padding-right: 12px;background: transparent url("images/aoutside.gif") no-repeat 100%;white-space: nowrap;}

/* ALERTS */

.featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #333399;color:#333399}

#alerts {
    background: #fff;
    padding: 10px;
    margin: 5px 0;
}

#alerts .alertSystem h4 {
    margin: 0 0 10px 0;
    border-bottom: dotted #999 1px;
}

#alerts .alertSystem h4 {
    font-size: 15px;
}

.alertNone h4 {color:#333; font-size: 100%;}
.alertNone p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #333399;color:#333399}
.alertNone p {border:none;margin: 0 0 0.5em;color:#444}
.alertNone a {font-weight:bold}

.alertSystem h4 {color:#333; font-size: 100%;}
.alertSystem p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #333399;color:#333399}
.alertSystem p {border:none;margin: 0 0 0.5em;color:#444}
.alertSystem a {font-weight:bold}

.alertUser h4 {color:#333; font-size: 100%;}
.alertUser p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #333399;color:#333399}
.alertUser p {border:none;margin: 0 0 0.5em;color:#444}
.alertUser a {font-weight:bold}

.alertStatus h4 {color:#333; font-size: 100%;}
.alertStatus p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #333399;color:#333399}
.alertStatus p {border:none;margin: 0 0 0.5em;color:#444}
.alertStatus a {font-weight:bold}

.alertDeliveryLocation h4 {color:#333; font-size: 100%;}
.alertDeliveryLocation p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #333399;color:#333399}
.alertDeliveryLocation p {border:none;margin: 0 0 0.5em;color:#444}
.alertDeliveryLocation a {font-weight:bold}


/* FAQ */

#faq-toc li {
    list-style-type: disc;
    margin-left: 20px;
    padding-left: 10px;
    font-weight: bold;
    line-height: 1.4em;
}

#faq-contents {
    line-height: normal;
}

#faq-contents h3 {
    color: #00254c;
    font-weight: normal;
}

#faq-contents li {
    font-weight: normal;
    line-height: 1.4em;
    padding-left: 0px;
}

#faq-contents .faq-item {
    width: 100%;
    border-top: 5px solid #999;
    padding-top: 1px;
    padding-bottom: 10px;
}

#faq-contents .faq-item li {
    list-style-type: disc;
    margin-left: 20px;
    padding-left: 10px;
}


/* First time users */

#first-time ul li {
    list-style-type: disc;
    margin-left: 20px;
    padding-left: 10px;
}

#first-time h3 {
    color: #00254c;
    font-weight: normal;
}

#first-time form {
    background-color: #ffffff;
    padding: 0;
    margin: 0;
}

#first-time form fieldset {
    background-color: #ffffff;
    padding: 0;
    margin: 0;
}

#first-time form p {
    margin: 0;
    padding: 0;
    font-style: italic;
}