#login {width: 100px; border-radius: 3px; border: 1px solid #ccc; font-size: 11px; padding: 2px; color: #aaa;}
span.loginformlabel {font-size: 12px; font-family: cabin, sans-serif; color: #777;}
#password {width: 70px; border-radius: 3px; border: 1px solid #ccc; font-size: 11px; padding: 2px; color: #aaa; margin-left: 3px;}
#logingo {background-color: #2e5a8c; color: white; font-weight: bold; border-radius: 3px; padding: 2px; margin-left: 3px;}
#logout {background-color: #2e5a8c; color: white; font-weight: bold; border-radius: 3px; padding: 2px; margin-left: 5px; font-size: 12px; width: 50px;}
#loginresult {color: red; font-family: cabin, sans-serif; font-size: 12px; margin-left: -15px;}
#loginform {float: right; margin-top: -1px; width: 260px;}
#loginwelcome {width: 250px; font-family: cabin, sans-serif; font-size: 12px; padding: 2px; color: #777; margin: -1px 0px 0px 0px;}
#control-panel {width: 920px; height: 700px; margin-top: 100px; padding: 20px;}
#basic-info-group {float: left; width: 440px; height: auto; min-height: 630px; border: 1px solid #ccc; border-radius: 5px; font-size: 13px; color: #333;}
#status-group {float: left; width: 440px; height: auto; min-height: 630px; border: 1px solid #ccc; border-radius: 5px; margin-left: 20px; font-size: 13px; color: #333;}
#dashboard-key {position: absolute; bottom: 5px; width: 440px; font-size: 12px;}
#dashboard-links {margin-top: 20px; padding-bottom: 20px;}
#dashboard-links h3 {font-size: 110%; font-weight: 600;}
#dashboard-links ul {margin-top: 10px;}

#dashboard-key img {margin-top: 10px;}
div.status-item-img {float: left; margin-left: 10px; margin-top: 5px;}
div.status-item {float: left; margin-left: 5px; margin-top: 9px;}
p.group-title {width: 100%; line-height: 22px; text-align: center; font-weight: bold; background: #444; /* #005ca4; */ color: white;}
div.user-data-item {clear: both; margin: 4px; font-weight: bold;}
div.user-data-item label {display: block; float: left; width: 150px; font-weight: normal;}
#links-group {float: left; width:300px; margin: 20px;}
#faq-group {float: left; width:300px; margin: 20px;}

.standardtext {color: #999999; font-family: cabin, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; padding: 0px 0px 14px;}
.standardtext-nopad {color: #999999; font-family: cabin, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px;}
.userform-footnote {clear: both; text-align: center; width: 100%; padding-top: 10px;}

/* enrollment form container and child objects */
#enrollment {width: 918px; height: 500px; margin-top: 90px; padding: 20px; position: relative; background: #fff;}
#enrollment-scrollable {width: 880px; height: 350px; overflow-y: scroll; padding: 15px; background: #fff; border: 1px solid #bbb;}
#enrollment p {color: #999999; font-family: cabin, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; padding: 0px 0px 14px;}
#enrollment h1 {color: #999999; font-family: cabin, sans-serif; font-size: 20px; font-weight: bold; line-height: 30px; text-align: center; margin: 0px 0px 10px 0px;}
#enrollment h2 {color: #999999; font-family: cabin, sans-serif; font-size: 16px; font-weight: bold; line-height: 30px; text-align: center; margin: 0px 0px 10px 0px;}
#enrollment h3 {color: #2b2d87; font-family: cabin, sans-serif; font-size: 24px; font-weight: bold; line-height: 30px; text-align: center; margin: 0px 0px 10px 0px; text-align: left;}
#enrollment ul {margin: 10px 0px;}
#enrollment ol {margin: 10px 0px;}
#enrollment li {list-style-type: circle; margin-left: 25px; color: #999999; font-family: cabin, sans-serif; font-size: 16px; line-height: 24px;}
#enrollment li.numbered {list-style-type: decimal}; 
#enrollment .strong {font-weight: bold; color: #333;}

.col1 {width: 430px; float: left;}
.col2 {width: 430px; float: left;}
.bodytext {color: #999999; font-family: cabin, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; padding: 0px 0px 14px;}
.checktext {color: maroon;}
div.field {margin: 0px 0px 10px 0px; width: 860px; color: #999999;}

/* form field formatting */
#signature, #AppendixA_signature {font-family: Norican, Sacramento, serif; font-size: 30px; width: 350px; height: 40px; color: navy; border-bottom: 1px solid #999; margin-top: 20px;}
#signame {font-family: Courier, serif; font-size: 20px; width: 350px; height: 30px; color: black; border-bottom: 1px solid #999; margin-top: 20px;}
#sigdate {font-family: Courier, serif; font-size: 20px; width: 350px; height: 30px; color: black; border-bottom: 1px solid #999; margin-top: 20px;}
#oossig {font-family: Courier, serif; font-size: 20px; width: 350px; height: 30px; color: black; border-bottom: 1px solid #999; margin-top: 20px;}
.underline {font-family: courier; text-decoration: underline; font-size: 16px; color: black;}
.formtype {font-family: Courier, serif; font-size: 20px; width: 350px; height: 30px; color: black; border-bottom: 1px solid #999; margin-top: 20px;}
.initials {font-family: Norican, Sacramento, serif; font-size: 22px; width: 70px; height: 30px; color: navy; border-bottom: 1px solid #999; margin-bottom: 20px;}

/* transportation occupational accident */
#TOA_Beneficiary {border: 1px solid maroon; width: 300px;}
#TOA_Beneficiary_Relationship {border: 1px solid maroon; width: 300px;}
#TOA_Requested_Coverage_Date {border: 1px solid maroon; width: 100px;}
div.TOA_Vehicle_or_Power {float: left; width: 500px; margin-left: 20px; padding: 0px;}
div.radio-TOA_Vehicle_or_Power {float: left; margin-left: 20px;  margin-top: 10px;}

/* pay selection authorization */
input.PSA_text {border: 1px solid maroon; width: 300px;}
div.radio-PSA_Account_Type{float: left; margin-left: 20px;  margin-top: 10px;}

/* equipment list form */
table.equipmentlist {font-family: cabin, sans-serif; font-size: 16px; color: #999; border: 1px solid #999; margin: 10px 0px 10px 0px;}
table.equipmentlist td {border: 1px solid #999;}
input.EL_text {border: 1px solid maroon; width: 200px;}

/* basic enrollment form */
.basic-enrollment-field {border: 1px solid maroon; width: 300px; margin-left: 20px;}
.basic-enrollment-label {width: 250px;}

/* W9 form*/
input.W9-Other {border-bottom: 1px solid black; width: 45px;}
input.W9-Other-Description {width: 400px;}
input.W9-Name {width: 720px;}
input.W9-Business-Name {width: 720px;}
input.W9-Address {width: 480px;}
input.W9-City-State-Zip {width: 480px;}
input.W9-Account-Numbers {width: 720px;}
input.W9-Sig {width: 300px; font-family: Norican, Sacramento, serif; font-size: 18px; border: 1px solid red; margin-top: -3px;}
input.W9-Date {width: 200px; font-size: 16px; border: 1px solid red;}
input.W9-Exempt-Code {border-bottom: 1px solid black; width: 30px;}
input.W9-FATCA-Exempt-Code {border-bottom: 1px solid black; width: 100px;}
textarea.W9-Requester-Details {width: 230px; height: 60px; font-size: 12px;}
#W9-list {list-style: decimal;}
#W9-list li {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000; line-height: 14px; margin-bottom: 5px; margin-left: 12px;}

/* progress bar */
#formcontrolbar {width: 900px; margin-top: 30px; position: relative; bottom: 10px;}
#progressbardiv {width: 700px; float: left; margin-left: 50px;}
#progressbartable td {text-align: left;}
#progressrow1 {border: 1px solid #2e5a8c;}

/* form prev and next buttons */
#prevdiv {float: left; width: 90px; margin-top: 25px;}
#prev {width: 90px; background: #2e5a8c; color: white; font-size: 15px; font-weight: bold; border-radius: 3px; }
#prev:hover[type="submit"] {color: #f0a454;}
#nextdiv {float: right; margin-top: 25px;}
#next {width: 60px; background: #2e5a8c; color: white; font-size: 15px; font-weight: bold; border-radius: 3px;}
#next:hover[type="submit"] {color: #f0a454;}
#printbutton {width: 60px; background: #2e5a8c; color: white; font-size: 15px; font-weight: bold; border-radius: 3px;}
#printbutton:hover[type="submit"] {color: #f0a454;}
#printdiv {clear: all; float: left; margin-top: 5px;}
#exitdiv {float: right; margin-top: 5px; margin-right: 20px;}

/* admin container and child objects */
#admin {width: 918px; height: auto; min-height: 500px; margin-top: 90px; padding: 20px; position: relative;}
#admin h1 {color: #2b2d87; font-family: cabin, sans-serif; font-size: 24px; font-weight: bold; line-height: 30px; text-align: center; margin: 0px 0px 10px 0px; text-align: left;}
#admin h2 {color: #999999; font-family: cabin, sans-serif; font-size: 20px; font-weight: bold; line-height: 30px; margin: 0px 0px 10px 0px;}
#adminsubgroup {float: left; background-color: khaki; width: 427px; height: 300px; border: 1px solid #aaa; margin-right: 10px; padding: 10px;}
#adminsubgroup h4 {font-weight: bold;  color: #2b2d87; font-family: cabin, sans-serif; font-size: 16px; margin-bottom: 20px;}
#adminmenu li {color: #888; font-family: cabin, sans-serif; font-size: 14px; font-weight: bold; margin-bottom: 10px;}
#adminmenu a {color: #888; font-family: cabin, sans-serif; font-size: 16px; font-weight: bold;}
#edituser {padding: 10px; border: 1px solid #ccc; background: #fff;}
#editformcol1 {float: left; width: 440px;}
#editformcol2 {float: left; width: 440px;}
#edituser label {display: block; float: left; margin: 3px; width: 190px; font-family: cabin, sans-serif; font-size: 16px; font-weight: bold; color: #777;}
#edituser input {margin: 3px; padding: 2px; border: 1px solid #ccc; width: 200px;}
#edituser select {margin: 3px; border: 1px solid #ccc; width: 80px;}
#usereditcontrols input {background: #2e5a8c; color: #fff; font-weight: bold; border-radius: 3px; padding: 2px; margin-top: 20px; margin-left: 5px; font-size: 14px; width: 90px;}
#usereditcontrols button {background: #2e5a8c; color: #fff; font-weight: bold; border-radius: 3px; padding: 2px; margin-top: 20px; margin-left: 5px; font-size: 14px; width: 90px;}
#newuserbutton {background: #2e5a8c; color: #fff; font-weight: bold; border-radius: 3px; padding: 3px 5px 3px 5px; font-size: 14px; width: auto; cursor: pointer; cursor: hand;}
.adminbuttons {background: #2e5a8c; color: #fff; font-weight: bold; border-radius: 3px; padding: 3px 5px 3px 5px; font-size: 14px; width: auto; cursor: pointer; cursor: hand;}
.selectuserlist {color: #999; width: 400px;}
#admin p {color: #999999; font-family: cabin, sans-serif; font-size: 16px; margin: 0px 0px 10px 0px;}
#admin table {color: #999999; font-family: cabin, sans-serif; font-size: 16px; margin: 0px 0px 10px 0px;}
#broadcast {border: 1px solid black;}
#broadcast td {padding: 2px;}
#broadcast th {padding: 2px;}

.reports {}
.reports td {padding: 2px;}
.reports th {padding: 2px;}
input.reports {border: 2px solid #888; font-size: 14px; padding: 3px;}
input.reports:hover {border: 2px solid #999;}

#profile {width: 918px; height: auto; min-height: 500px; margin-top: 90px; padding: 20px; position: relative; background: #fff;}
#profile h1 {color: #2b2d87; font-family: cabin, sans-serif; font-size: 24px; font-weight: bold; line-height: 30px; text-align: center; margin: 0px 0px 10px 0px; text-align: left;}
#profile h2 {color: #999999; font-family: cabin, sans-serif; font-size: 16px; font-weight: bold; line-height: 30px; margin: 0px 0px 10px 0px;}
#profile-save-message {color: maroon; font-family: cabin, sans-serif; font-size: 16px; font-weight: bold; text-align: center; width: 100%; padding: 10px;}
div.spacer {width: 100%; height: 20px;}
#graceful-error {width: 918px; min-height: 50px; text-align: center; padding: 20px 20px 0px 20px;}

#getstarted {padding: 20px; width: 900px; height: auto; font: normal 14px cabin, sans-serif;}
#getstarted h1 {color: #2b2d87; font-family: cabin, sans-serif; font-size: 24px; font-weight: bold; line-height: 30px; text-align: center; margin: 0px 0px 10px 0px; text-align: left;}
#getstarted p {margin-bottom: 5px;}
#getstarted input, textarea { 
	padding: 5px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 14px cabin, sans-serif;
	width: 300px;
	}
#getstarted input:hover, textarea:hover, input:focus, textarea:focus { 
	border-color: #C9C9C9; 
	}
#getstarted .form label { 
	margin-left: 10px; 
	color: #999; 
	}
#gsbutton {
	width: auto;
	margin-top: 10px;
	padding: 9px 15px;
	font-size: 14px;
	border-radius: 3px; 
	background: #2b2d87;
	color: #fff;
	cursor: pointer; 
	cursor: hand;
}

#contact {padding-top: 10px; width: 900px; height: auto; font: normal 14px cabin, sans-serif;}
#contact h1 {color: #2b2d87; font-family: cabin, sans-serif; font-size: 24px; font-weight: bold; line-height: 30px; text-align: center; margin: 0px 0px 10px 0px; text-align: left;}
#contact p {margin-bottom: 5px;}
#contact input { 
	padding: 5px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 14px cabin, sans-serif;
	width: 300px;
	}
#contact textarea {width: 400px; height: 200px;}
#contact input:hover, textarea:hover, input:focus, textarea:focus { 
	border-color: #C9C9C9; 
	}

#password-help input { 
	padding: 5px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 14px cabin, sans-serif;
	width: 300px;
}

#changepassword h1 {color: #2b2d87; font-family: cabin, sans-serif; font-size: 24px; font-weight: bold; line-height: 30px; text-align: center; margin: 0px 0px 10px 0px; text-align: left;}
#changepassword {padding-top: 10px; width: 900px; height: auto; font: normal 14px cabin, sans-serif;}
#changepassword h1 {color: #2b2d87; font-family: cabin, sans-serif; font-size: 24px; font-weight: bold; line-height: 30px; text-align: center; margin: 0px 0px 10px 0px; text-align: left;}
#changepassword p {margin-bottom: 5px;}
#changepassword input { 
	padding: 5px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 14px cabin, sans-serif;
	width: 300px;
}
#changepassword textarea {width: 400px; height: 200px;}
#changepassword input:hover, textarea:hover, input:focus, textarea:focus { 
	border-color: #C9C9C9; 
}
.activemenu {color: maroon;}

#appcomplete {width: 100%; border: 1px solid maroon; padding: 5px; text-align: center;}

.archive-form-msg {
	text-align: center; 
	font-size: 16px; 
	font-weight: bold; 
	padding: 10px;
}

#pdf-doc-frame {
	width: 100%;
	height: 450px;
	margin: 5px;
}