﻿@charset "utf-8";

/*===========================================================================*/
/*                            GLOBAL SETTINGS                                */
/*===========================================================================*/

*:focus
{
   outline-color: #7B8738;
}

nav, ol, span, img, div, dl, ul, legend, h1, h6, header, h2, body {
   padding:0;
   margin:0;
   border:none;
}

body {
   /*font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;*/
   font: 100%/1.4 Arial;
   background-color: #3D3D3D;
   color: #000;
}

button {
   background-color:#7B8738;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#FFD01E), to(#B28E04));
   background-image: -webkit-linear-gradient(bottom, #FFD01E, #B28E04);
   background-image: -moz-linear-gradient(bottom, #FFD01E, #B28E04);
   background-image: -ms-linear-gradient(to bottom, #FFD01E, #B28E04);
   background-image: linear-gradient(to bottom, #FFD01E, #B28E04);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFD01E", endColorstr="#B28E04");
   border-color:#E1E1E1;
   border-width:2px;
   border-style:solid;                                          
   border-radius:10px;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   cursor: pointer;
   color:#3D3D3D;
   font-weight:bold;
   height:auto;
   margin:2px;
   padding:2px;
   width:auto;
}

button:hover {
   background-image: -webkit-gradient(linear, left top, left bottom, from(#BDC39C), to(#7B8738));
   background-image: -webkit-linear-gradient(bottom, #BDC39C, #7B8738);
   background-image: -moz-linear-gradient(bottom, #BDC39C, #7B8738);
   background-image: -ms-linear-gradient(to bottom, #BDC39C, #7B8738);
   background-image: linear-gradient(to bottom, #BDC39C, #7B8738);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#BDC39C", endColorstr="#7B8738");
   color: #F7F7F7;
}

form {
   padding:5px;
   margin:auto;
}

fieldset {
   width:auto;
   height:auto;
   border-color:#7B8738;
   border-width:3px;
   border-style:solid;
   border-radius:10px;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   padding:1px;
   margin:auto;
}

legend {
   color:#3D3D3D;
   font-weight:bold;
   text-align:center;
}

h1 {
   font-size:24px;
   font-weight:bold;
   color:#F7F7F7;
}

h6, h2 {
   font-size:18px;
   font-weight:bold;
   color:#505050;
}

h2 {
   padding:5px;
}

header {
   text-align:center;
   background-color:#7B8738;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#7B8738), to(#565E27));
   background-image: -webkit-linear-gradient(bottom, #7B8738, #565E27);
   background-image: -moz-linear-gradient(bottom, #7B8738, #565E27);
   background-image: -ms-linear-gradient(to bottom, #7B8738, #565E27);
   background-image: linear-gradient(to bottom, #7B8738, #565E27);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7B8738", endColorstr="#565E27");
}

label {
   color:#505050;
   font-size:11px;
   font-weight:bold;
   height:20px;
   margin:2px;
   text-align:center;
   width:auto; 
}

input, select, textarea {
   border-color:#7B8738;
   border-width:2px;
   border-style:solid;
   border-radius:10px;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   color:#505050;
   font-size:12px;
   font-weight:400;
   height:auto;
   margin:1px;
   padding-top:3px;
   padding-left:6px;
   padding-right:3px;
   padding-bottom:3px;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
}

input[type=date], select, textarea {
   padding-top:2px;
   padding-left:5px;
   padding-right:2px;
   padding-bottom:2px;
}

.clear {
   clear:both;
}

.hide{
   display: none;
}

.container {
   background-color:#C0C0C0;
   border:none;
   padding:0;
   margin: 0 auto; 
}

.std-border {
   border-color:#7B8738;
   border-width:3px;
   border-style:solid;
   border-radius:20px;
   -webkit-border-radius:20px;
   -moz-border-radius:20px;
   padding:5px;
}

.highlight {
   background-color: #ffcb05;
}

h1.std-header, h3.std-subheader,h3.std-banner {
   background-color:#7B8738;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#959F60), to(#626C2D));
   background-image: -webkit-linear-gradient(bottom, #959F60, #626C2D);
   background-image: -moz-linear-gradient(bottom, #959F60, #626C2D);
   background-image: -ms-linear-gradient(to bottom, #959F60, #626C2D);
   background-image: linear-gradient(to bottom, #959F60, #626C2D);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#959F60", endColorstr="#626C2D");
   border-color:#E1E1E1;
   border-width:2px;
   border-style:solid;
   border-radius:10px;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   color:#F7F7F7;
   font-size:18px;
   text-align:center;
   cursor: default;
}

h3.std-subheader {
   display:inline-block;
   font-size:14px;
   margin:0px;
   padding:1px;
   width:150px;
}
h3.std-banner {
   display:inline-block;
   font-size:14px;
   margin:0px;
   padding:1px;
   width:830px;
}
/*===========================================================================*/
/*                      CAC LOGIN BUTTON                                     */
/*===========================================================================*/

div#cacloginbutton {
   margin: auto;
   position: relative;
   height: 50px; 
   width: 170px;
}

div#cacloginbutton button.cacloginbutton {
   position: absolute;
   top:0;
   left: 0;
   z-index: 40;
   height: 50px; 
   width: 170px;
}

div#cacloginbutton img.cacloginbutton {
   position: absolute;
   left:10px;
   top:10px;
   z-index: 41;
   height: 30px;
   width: 24px;
   pointer-events: none;
}

/*===========================================================================*/
/*                      POPUP STYLING                                        */
/*          To use you will need to define an offset from center             */
/*===========================================================================*/
div.popup-overlay { 
   background-color: rgba(0, 0, 0, .70); 
   display: block;
   position:fixed;
   top:0px; 
   left:0px;
   text-align:center;
   width: 100%;
   height: 100%;
   vertical-align:middle;
   z-index:50; 
}

div.popup {
   background: #fff;
   padding: 10px 10px 10px; 
   position:fixed;
   top: 50%;
   left: 50%;
   z-index: 51; 
   text-align:center;
}

div.popup-inside {
   padding:5px;
   margin:auto;
}

div.popup button {
   width:150px;
}

div.popup button.popupclose { 
   position: absolute; 
   top: -15px; 
   right: -15px; 
   width: 30px;
   height: 30px;
   z-index: 52;
}

div.password-popup {
   margin-top: -150px;
   margin-left: -175px;
}

div.password-popup div.popup-inside {
   min-height:200px;
}

div.password-popup div {
   width:330px;
}

p.password-error {
   color:#FF0004;
   font-size:12px;
   text-align:center;
}

div.password-popup label {
   display:inline-block;
   text-align:right;
   width:90px;
   vertical-align:middle;
}

div.password-popup input {
   display:inline-block;
   text-align:left;
   width:150px;
   vertical-align:middle;
}

div.password-popup.short-password-popup div.popup-inside {
   min-height: 140px;
}

div.password-popup div.popup-topmargin {
   margin-top: 10px;
}
div.popupPasswordInfo {
   font-size:12px;
   margin-top:10px;
   text-align:left;
}

div.improvements-popup {
   margin-top: -150px;
   margin-left: -270px;
}

div.improvements-popup div.popup-inside {
   min-height:260px;
}

div.improvements-popup div {
   min-width:500px;
   max-width:600px;
}

div.consent-popup p {
   padding-left: 5px;
   padding-right: 5px;
   text-align: left;
   color: black;
   font-size: 14px;
}

div.consent-popup div {
   width: 330px;
}

div.consent-popup ul {
   padding-left: 40px;
   padding-right: 20px;
}

div.consent-popup {
   margin-top: -270px;
   margin-left: -360px;
}

div.consent-popup form {
   height: 500px;
   width: 700px;
}

div.bannerUpdate-popup {
   margin-top: -270px;
   margin-left: -380px;
}

div.bannerUpdate-popup form {
   height: 200px;
   width: 740px;
}

div.force-logout-popup {
   width: 300px;
   left: 44%;
   top: 40%;
}

li.bold{
   font-weight:bolder;
}

ul.noBullet{   
   list-style:none;
}

/*===========================================================================*/
/*                       IMPROVEMENTS POPUP SETTINGS                         */
/*===========================================================================*/
div.optionalInputs{
   display:inline-block;
   float:center;
}

input.leftAlign{
   display:inline-table;
   float:left;
   width:150px;
}

select.leftAlign{
   display:inline-table;
   float:left;
   margin-right:10px;
   width:150px;
}

label.rightAlign{
   display:inline-table;
   float:left;
   font-size:12px;
   font-weight:bold;
   margin-right:10px;
   text-align:right;
   width:240px;
}

/*===========================================================================*/
/*                          INDEX PAGE SETTINGS                              */
/*===========================================================================*/
body.index div {
   width: 400px;
   text-align: center;
   margin-bottom:5px;
}

body.index div.container {
   margin: auto;
   height:300px;
}

body.index div.wide {
   width: 800px;
}

body.index form {
   padding-top: 10px;
   background-color:transparent;   
}

body.main form.cacloginform,
 {
   border-style:none;
}

body.index button {
   text-align:center;
   width:150px;
}

body.index label {
   font-size:14px;
   text-align:center;
   width:400px;
   vertical-align:middle;
}

body.index input {
   text-align:center;
   width:150px;
   vertical-align:middle;
}

body.index p {
   color: red;
   font-size: 12px;
}

/*===========================================================================*/
/*                         PTMS MAIN PAGE SETTINGS                           */
/*===========================================================================*/

body.main div.container {
   width: 1006px;
   height: 800px; 
}

body.main div.main-border {
   border-color: transparent;
   border-width: 3px;
   border-style: solid;
}

body.main div.header {
   position: relative;
   height:90px;
   background-color:#7B8738;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#7B8738), to(#565E27));
   background-image: -webkit-linear-gradient(bottom, #7B8738, #565E27);
   background-image: -moz-linear-gradient(bottom, #7B8738, #565E27);
   background-image: -ms-linear-gradient(to bottom, #7B8738, #565E27);
   background-image: linear-gradient(to bottom, #7B8738, #565E27);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7B8738", endColorstr="#565E27");
   border: 3px solid #666; 
   border-bottom: none;
   margin: auto; 
   padding:0;
}

body.main .hdr-global {
   position: absolute;
   border: none;
   margin: 0;
   padding: 0;
}

body.main div.header-icon {
   left: 0;
   top: 0;
   height:90px;
   text-align:center;
   width:150px; 
}

body.main h1.header-title {
   left: 250px;
   top: 15px;
   text-align: center;
   width: 600px;
   height: 30px;
}

body.main div.header-user {
   right: 0px;
   top: 3px;
}

body.main p.userfirstname {
   font-size:12px;
   font-weight:bold;
   color:#F7F7F7;
   width: 110px;
   text-align: center;
   margin-top: 3px;
   margin-bottom: 1px;
}

body.main button.header-button {
   margin: 0;
   margin: auto;
   width:80px;
}

body.main form.user-form {
   border: none;
   padding: 0;
   width: 80px;
   margin: auto;
}

body.main a#website-improvements-button {}

body.main div.improvements-button {
   margin: auto;
   height:80px;
   width:80px;
   background-image: url(../img/improvementsWhite.svg);
   background-size: 80px 80px;
   background-repeat: no-repeat;
}

body.main div.improvements-button:hover {
   background-image: url(../img/improvementsYellow.svg);
}

body.main div.header-tabs {   
   width:845px;
   bottom: 0px;
   left:153px;
}

body.main button.header-tab {
   vertical-align: bottom;
   width:90px;
   margin: 0;
   height: 24px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
   border-bottom: none;
   border-color: #666;
}

body.main button.header-tab.active {
   border-color: #BBB;
   height: 30px;
   width: 110px;
   font-size: 16px;
   background-color: #7B8738;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#BDC39C), to(#7B8738));
   background-image: -webkit-linear-gradient(bottom, #BDC39C, #7B8738);
   background-image: -moz-linear-gradient(bottom, #BDC39C, #7B8738);
   background-image: -ms-linear-gradient(to bottom, #BDC39C, #7B8738);
   background-image: linear-gradient(to bottom, #BDC39C, #7B8738);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#BDC39C", endColorstr="#7B8738");
   color: #F7F7F7;
}

body.main button.header-tab.hide, body.main button.header-button.hide {
   display:none;
}

body.main div.main-section {
   position: relative;
   height: 794px;
}

body.main .main-global {
   position: absolute;
   margin:0px;
   padding: 0px;
   border:3px solid #666;
}

body.main div.leftsidebar {
   left: 0;
   top: 0;
   background-color:#7B8738;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#7B8738), to(#565E27));
   background-image: -webkit-linear-gradient(bottom, #7B8738, #565E27);
   background-image: -moz-linear-gradient(bottom, #7B8738, #565E27);
   background-image: -ms-linear-gradient(to bottom, #7B8738, #565E27);
   background-image: linear-gradient(to bottom, #7B8738, #565E27);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7B8738", endColorstr="#565E27");
   text-align:center;
   width:153px;
   height: 794px;
}

body.main button.leftsidebar-button {
   width:120px;
   margin-top:7px;
   margin-bottom: 20px;
}

body.main h3.leftsidebar-label {
   border:none;
   border-bottom: 3px solid #666;
   color:#F7F7F7;
   font-size:14px;
   width:100%;
   font-weight:bold;
   text-align:center;
   padding:0;
   margin:0;
}

body.main div.textareaLabel{
   margin-top:10px;
}

body.main textarea.suggestion{
   min-height: 80px;
   resize: none;
   width:500px;
}

body.main label.textareaLabel{
   font-size:16px;
   font-weight:bold;
   width:140px;
}

/*===========================================================================*/
/*                         IFRAME GENERAL SETTINGS                           */
/*===========================================================================*/

body.main iframe {
   left: 155px;
   top: 0px;
   background-color:#C0C0C0;
   text-align:left;
   width:839px;
   height: 794px;
   overflow:hidden;
}

body.iframe div.container {
   width:839px;
   text-align:center; 
}

body.iframe div.framebody {
   text-align: center;
   margin-bottom:5px;
   margin:auto;
   width: 779px;
   height:776px;
}

body.iframe div.half {
   width: 360px;
   height: 720px;
   margin: 7px;
}

body.iframe div.left {
   float: left;
}

body.iframe div.right {
   margin-left: 4px;
   display: inline-block; 
}

/*===========================================================================*/
/*                HOME NOT LOGGED IN SETTINGS                                */
/*===========================================================================*/

form.home_nli div.left {
   width: 300px;
}

form.home_nli div.right{
   width: 470px;
}

form.home_nli ul {
   width: 300px;
}

form.home_nli li {
   list-style: none;
   margin: 36px;
   height: 72px;
   width: 230px;
   margin-right: 0px;
   margin-top: 30px;
}

form.home_nli h3 {
   font-size: 14px;
   margin-top: 10px;
   margin-bottom: 0px;
}

form.home_nli button {
   width: 160px;
   height: 32px;
   margin-top:10px;
   line-height: 20px;
   white-space:normal;
}

form.home_nli div.homeNLI-changenumbers {
   margin-top: 20px;
   margin-bottom: 15px;
   width: 433px;
   height: 401px;
}

form.home_nli div.homeNLI-changenumbers ul {
   width: 320px;
   margin: 0;
   margin: auto;
   margin-top: 30px;
}

form.home_nli div.homeNLI-changenumbers li {
   list-style: none;
   height: auto;
   width: 300px;
   margin: 0;
}

form.home_nli div.homeNLI-changenumbers table {
   border: 1px solid transparent;
   width: 300px;
   table-layout: fixed;
   margin: auto;
   text-align: center;  
   font-size: 11px;
   border-collapse: collapse;
   background-color: white;
}

form.home_nli div.homeNLI-changenumbers td {
   border: 1px solid #7B8738;
}

form.home_nli div.homeNLI-changenumbers th {
   border: 1px solid #7B8738;
}

form.home_nli div.homeNLI-changenumbers th.col-1 {
   width: 220px;
}

form.home_nli div.homeNLI-changenumbers select {
   width: 200px;
}

form.home_nli div.right img.scroll-image {
   height: 240px;
   width: auto;
   margin-right: 28px;
   margin-top: 20px;
   margin-bottom: 5px;
}

form.home_nli div.right img.logo-image {
   height: 90px;
   width: auto;
   margin-right: 40px;
   margin-top: 30px;
   margin-bottom: 0px;
}

form.home_nli li.homeNLI-status p {
   font-size: 12px;
   margin:10px;
}

form.home_nli li.homeNLI-status p.error-color {
   line-height:15px;
   color: red;
   margin: 5px;
}

form.home_nli li.homeNLI-status {
   height: 270px;
}

form.home_nli li.homeNLI-status table {
   border: 1px solid transparent;
   width: 230px;
   table-layout: fixed;
}

form.home_nli li.homeNLI-status td.col-1 {
   text-align: right;
   width: 90px;
   font-size: 11px;
   font-weight:bold;
}

form.home_nli li.homeNLI-status td.col-2 {
   text-align: left;
   font-size: 11px;
   font-weight:normal;
   color: blue;
}

form.home_nli input {
   width: 150px;
   margin: 0;
}

form.home_nli button.submit-btn {
   width: 100px;
   height: 30px;
   margin-bottom: 8px;
}

/*===========================================================================*/
/*                HOME LOGGED IN SETTINGS                                    */
/*===========================================================================*/

form.home_li div {
   margin:0px;
   padding:0px;
   text-align:center;
   width:769px;
}

form.home_li p {
   color:#505050;
   font-size:11px;
   font-weight:bold;
   text-align:center;
   margin:0px;
   margin-bottom: 5px;
   padding:0px;
}

form.home_li .review-legend {
   margin: auto;
   margin-top: 5px;
   width: 600px;
   background-color: white;
}

form.home_li button {
   width:200px;
}

form.home_li #review-list tbody{
   height: 500px;
}

/*================================================*/
/*              Review List Styling               */
/*================================================*/

table#review-list {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   
   width:720px;
   background-color: white;
   margin: auto;
   margin-bottom: 5px;
   margin-top: 10px;
   border-collapse: collapse;
   table-layout: fixed;
   border:5px solid #7B8738;
   cursor: default;
   text-align: center;
}

table#review-list .highlight {
   background-color: yellow;
}

table#review-list .urgent {
   color: #cc6600;
   font-weight: bold;
}

table#review-list .routine {
   color: black;
}

table#review-list .emergency {
   color: red;
   font-weight: bold;
}

table#review-list .col-1{
   width: 105px;
}
table#review-list .col-2{
   width: 70px;
}
table#review-list .col-3{
   width: 135px;
}
table#review-list .col-4{
   width: 367px;
}

table#review-list thead {
   display: block;
   width: 710px;
}

table#review-list tbody{
   display: block;
   width: 710px;
   overflow-y: scroll;
   height: 200px;
}

table#review-list th {
   font-size: 11px;
   color: white;
   background-color: #7B8738;
   border: 1px solid white;
   position: relative;
}

table#review-list td {
   cursor: pointer;
   font-size: 10px;
   border: 1px solid #7B8738;
   overflow-x: hidden;
   word-wrap:normal;
}

table#review-list th div {
   position: absolute; 
   right: 1px;
   width: 0; 
   height: 0; 
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
}

table#review-list th div.upSort {
   top: 2px; 
   border-bottom: 5px solid white;
}

table#review-list th div.downSort {
   bottom: 2px; 
   border-top: 5px solid white;
}

/*===========================================================================*/
/*                          SEARCH FORM SETTINGS                             */
/*===========================================================================*/

form.search div.main-search {
   margin-top:30px;
   margin-bottom: 20px;
   margin-right: 0px;
}

form.search div.main-search label {
   font-size: 16px;
}

form.search input#keyword {
   width: 250px;
   font-size: 14px;
}

form.search div.main-search label.left-margin {
   margin-left: 100px;
   font-size: 11px;
}

form.search div.other-inputs {
   width: 810px;
   margin: auto;
   height: 440px;
   margin-top: 0px;
   margin-bottom: 50px;
}

form.search div.other-inputs p {
   color:#3D3D3D;
   font-weight:bold;
   text-align:center;
   margin-bottom: 10px;
}
form.search div.other-inputs fieldset {
    height: 100%;
}

form.search fieldset {
   margin-right: 5px;
   padding-bottom: 10px;
   margin-bottom: 10px;
   float: left;
}

form.search fieldset ul {
   height: 235px;
   float: left;
   list-style-type: none;
}

form.search fieldset li {
   margin-top: 4px;
   margin-bottom: 8px;
}

form.search fieldset.general {
   width: 295px;
}
form.search fieldset.pcr {
   width: 285px;
}
form.search fieldset.tmorder {
   width: 285px;
}
form.search fieldset.submitter {
   width: 190px;
   margin-right: 0px;
}

form.search fieldset.hide {
   display:none;
}

form.search fieldset label {
   display:inline-block;
   text-align:right;
   width:145px;
   margin: 0px;
}

form.search fieldset input, form.search fieldset select {
   display:inline-block;
   width:105px;
   margin: 0px;
}

form.search fieldset.general label {
   width: 110px;
}

form.search fieldset.general input, form.search fieldset.general select {
   width: 175px;
}

form.search fieldset.submitter input {
   width: 100px;
}

form.search fieldset.submitter label {
   width: 80px;
}

form.search div.reset-field {
   margin: auto;
   margin-bottom: 15px;
}

form.search button {
   width:120px;
}

form.search div.bottom-buttons button {
   width:200px;
}

/*===========================================================================*/
/*                         SITE OVERSEER SETTINGS                            */
/*===========================================================================*/

form.osp
{
   min-height:776px;
   margin:auto;
   width:779px;
}

form.osp div.subtabs
{
   clear:both;
   width:810px;
   height:23px;
   border-bottom:2px solid #7B8738;
   margin-top: 10px;
   margin-bottom: 25px;
   position: relative;
   left: -20px;
}

form.osp ul
{
   list-style:none;  
   height:2em; 
   padding:0;  
   margin:0;  
   border:none;
}

form.osp li
{
   float:left;  
   margin-right:0px;
}

form.osp ul a
{
   display:block;
   text-decoration:none; 
   height: auto;
   font-size:14px;
   font-weight:bold;
   cursor: pointer;
   color:#C0C0C0;
   background-color:#4A5122;
   border-color:#E1E1E1;
   border-width:2px;
   border-style:solid; 
   border-bottom:0; 
   -webkit-border-top-right-radius:10px; 
   -webkit-border-top-left-radius:10px; 
   -moz-border-radius-topright:10px; 
   -moz-border-radius-topleft:10px; 
   border-top-right-radius:10px; 
   border-top-left-radius:10px;
   padding-top:1px;
   padding-bottom:1px;
   padding-right:4px;
   padding-left:4px;
   margin:0;
}

form.osp ul a:hover
{
   background-color:#7B8738;  
   color:#000; 
   text-decoration:none;
}

form.osp ul a.selected 
{
   background-color:#7B8738;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#959F60), to(#626C2D));
   background-image: -webkit-linear-gradient(bottom, #959F60, #626C2D);
   background-image: -moz-linear-gradient(bottom, #959F60, #626C2D);
   background-image: -ms-linear-gradient(to bottom, #959F60, #626C2D);
   background-image: linear-gradient(to bottom, #959F60, #626C2D);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#959F60", endColorstr="#626C2D");
   border-color:#E1E1E1;  
   color:#fff; 
   text-decoration:none;
}

form.osp div
{
   height:auto;
   margin:auto;
   width:777;
}

form.osp h3.std-subheader
{
   width: 250px;
}

form.osp div.top-select
{
   margin-bottom: 20px;
   margin-right: 300px;
}

form.osp fieldset
{
   display:inline-block;
   height:310px;
   margin:auto;
   padding:0px;  
   vertical-align:top;
   width: 460px; 
}

form.osp fieldset.unit-fieldset
{
   height:80px;
}

form.osp fieldset.contact-fieldset
{ 
   width:370px;
   height:325px;
}
form.osp fieldset.banner-fieldset
{ 
   width:370px;
   height: 50px;
}
form.osp fieldset.contact-fieldset div
{
   padding:0px;
   width: 370px;
}

form.osp label
{ 
   display:inline-block;
   font-size:12px;
   text-align:right;
   width:150px;
   vertical-align:middle;    
}

form.osp fieldset.contact-fieldset label
{ 
   width:105px;  
}

form.osp div.top-select label
{
   font-size:16px;
}

form.osp input, form.osp select, form.osp textarea
{
   display:inline-block;
   text-align:left;
   width:250px;
}

form.osp select
{
   vertical-align:middle;
}

form.osp button
{
   width:150px;
}

form.osp input.hide
{
   display: none;
}

form.osp fieldset.applicability-fieldset
{
   height: auto;
   padding-bottom: 20px;
}
form.osp fieldset.applicability-fieldset table#addTM
{
   border-collapse: collapse;
   width: 50%;
   margin-left: 20%;
   margin-right: 25%;
}
form.osp fieldset.applicability-fieldset table th
{
   font-size: 14px;
   border: 1px solid #7B8738;
   background-color: white;
}
form.osp fieldset.applicability-fieldset table td.noStyle
{
   border-style: none;
   background-color: transparent;
}
form.osp fieldset.applicability-fieldset table td.noStyle button
{
   width: 25px;
}
form.osp fieldset.applicability-fieldset table td select.noStyle
{
   border-style: none ;
}

.archiveSelect
{
   -moz-appearance: none;
   -webkit-appearance: none;
}

table#review-list.tabImprovements .col-1
{
   width:70px;
}

table#review-list.tabImprovements .col-2
{
   width:190px;
}

table#review-list.tabImprovements .col-3
{
   width:60px;
}

table#review-list.tabImprovements .col-4
{
   width:300px;
}

table#review-list.tabImprovements .col-5
{
   width:50px;
}

table#review-list.tabImprovements tbody
{
   height: 400px; 
}

form.osp button.improvementPageButtons
{
   width: 200px;
}

form.osp div.top-margin
{
   margin-top: 10px;
}

form.osp .email-input {
   height: 50px;
   margin-top: 10px;
}

form.osp p.new-password {
   color: black;
   font-size: 16px;
}

.singleTable
{
   width: 100%;
}
table.singleTable
{
   border-collapse: collapse;
   width: 50%;
   margin-left: 25%;
   margin-right: 25%;
}
table.singleTable td{
   border: 1px solid #7B8738;
   font-size: 12px;
   background-color: white;
}

/*===========================================================================*/
/*                     UPDATE CONTACT INFORMATION SETTINGS                   */
/*===========================================================================*/

form.account {
   min-height: 600px;
}

form.account div {
   margin:auto;
   margin-top:20px;
   text-align:center;
}

form.account label { 
   display:inline-block;
   font-size:12px;
   text-align:right;
   width:105px;
   vertical-align:middle;    
}

form.account input, form.account select {
   display:inline-block;
   text-align:left;
   width:250px;
}

form.account div.forButton {
   margin-top: 5px;
   margin-bottom: 10px;
}

form.account button {
   width:180px;
}

form.account #cacloginbutton {
   margin-top: 20px;
   width: 200px;
}

form.account #cacloginbutton button.cacloginbutton {
   width: 200px;
}

form.account fieldset { 
   height:280px;
   margin-top: 20px;
   padding:0px;  
   width: 420px; 
}

form.account fieldset div {
      margin:auto; 
}
/*==================================================================*/
/*                     Overseer Contact List Table                  */
/*==================================================================*/
table#review-list.contactList .col-1
{
   width:134px;
}

table#review-list.contactList .col-2
{
   width:134px;
}

table#review-list.contactList .col-3
{
   width:134px;
}

table#review-list.contactList .col-4
{
   width:134px;
}
table#review-list.contactList .col-5
{
   width:134px;
}
table#review-list.contactList tbody
{
   height: 150px; 
}
table#review-list.contactList tr
{
    pointer-events: none;
}
/*==================================================================*/
/*                     CREATE FORM SETTINGS                         */
/*==================================================================*/

form.create select:disabled, form.create input:disabled, form.create textarea:disabled{
   background: #cccccc;
}

form.create label {
   text-align:right;
   display:inline-block;
}

form.create select, form.create input {
   display:inline-block;
}

form.create div.soa2028Top {
   height: 210px;
   margin:auto;
   margin-top:10px;
   width:777px;
   margin-bottom: 30px;
}

form.create div.soa2028Top.soa2028TopReview {
   height: 280px;
}

p.review-warning {
   font-size: 11px;
   font-weight: bold;
   color: red;
   margin: 0px;
}

form.create div.top-inputs h3 {
   width: 240px;
   margin-bottom: 5px;
}

form.create div.top-inputs {
   float: left;
   width: 360px;
   margin-left: 10px;
   margin-top: 5px;
}

form.create div.top-inputs div {
   margin-top: 3px;
}

form.create div.top-inputs label {
   width: 150px;
}

form.create div.top-inputs select, form.create div.top-inputs input {
   width: 190px;
}

form.create div.attachment-block {
   float:right;
   height: 185px;
   width: 340px;
   margin: 5px;
   margin-right: 20px;
}

form.create div.attachment-title {
   height:30px;
   margin:auto;
   width:340px;
}

form.create div.soa2028Middle {
   height:330px;
   margin:auto;
   width:777px;
}

form.create div.soa2028Middle fieldset {
   padding: 0px;
   float:left;
   height:310px;
   margin-right:0px;
   margin-left:4px;
   text-align:center;
}

form.create fieldset.information {
   margin-left:10px;
   width:264px;
}

form.create fieldset.information div {
   margin-top:2px;
}

form.create fieldset.information label {
   width:90px;
}

form.create fieldset.information input {
   width:150px;
}

form.create fieldset.document {
   width:340px;
}

form.create fieldset.document div {
   margin-top: 2px;
}

form.create fieldset.document div.manualselected {
   margin-top: 10px;
}

form.create fieldset.document div.hide {
   display:none;
}

form.create fieldset.document label {
   width:110px;
}

form.create fieldset.document input, form.create fieldset.document select {
   width:190px;
}

form.create fieldset.changeimpact {
   width:140px;
}

form.create fieldset.changeimpact div {
   height:auto;
   margin:5px;
   margin: auto;
   width:120px;
   font-size:11px;
}

form.create fieldset.changeimpact h6 {
   font-size:12px;
   margin-bottom: 0px;
   margin-top: 10px;
}

form.create fieldset.changeimpact p {
   margin-top: 0px;
   margin-bottom: 0px;
   text-align:left;
}

form.create div.soa2028Bottom {
   margin:auto;
   width:777px;
}

form.create div.soa2028Bottom textarea {
   margin:auto;
   overflow: hidden;
   resize: none; 
   min-height: 120px;
   width:740px;
   margin: 5px;
}

form.create div.soa2028Bottom h3 {
   width: 390px;
}

form.create div.soa2028Bottom div {
   margin:auto;
}

form.create button {
   width:150px;
}

form.create select#UnitName {
   width:150px;
}

div.create-popup {
   width: 360px;
   margin-top: -100px;
   margin-left: -190px;
}

div.create-popup button {
   margin-top: 10px;
   margin-bottom: 10px;
   width: 100px;
   height: 60px;
}

/*===========================================================================*/
/*                         REVIEW PAGE WITH NOTHING SELECTED                 */
/*===========================================================================*/
div.review_ns {
   height: 500px;
   padding:5px;
   margin:auto;
}

div.review_ns p {
   font-weight: bold;
   font-size: 12px;
}

/*===========================================================================*/
/*                         REVIEW BLOCKS                                     */
/*===========================================================================*/
div.review-blocks {
   margin: auto;
   width: 795px;
}

div.review-blocks>h1 {
   margin: auto;
   width: 795px;
   margin-top: 15px;
}

div.review-blocks select:disabled, div.review-blocks input:disabled, div.review-blocks textarea:disabled{
   background: #cccccc;
}

div.review-blocks label{
   position: absolute;
   margin: 0;
   top: 3px;
}

div.review-block {
   -webkit-user-select: none;
   -moz-user-select: none;
   -khtml-user-select: none;
   -ms-user-select: none;
}

div.review-blocks select {
   position: absolute;
   width: 160px;
   top: 19px;
}

div.review-blocks p.blockNotReady, div.review-blocks p.noPermission {
   position: absolute;
   width: 250px;
   top: 0px;
   right: 10px;
   text-align: right;
}

div.review-block textarea.signature:disabled {
   position: absolute;
   width: 235px;
   right: 10px;
}

div.review-block textarea.signature.unsignable:disabled {
   position: absolute;
   width: 180px;
   right: 65px;
}

div.review-block button.unsign-button {
   position: absolute;
   width: 50px;
   right: 10px;
   top: 5px;
}

#update-button {
   position: absolute;
   width: 82px;
   left: 923px;
   top: 5px;
}

div.review-blocks p.noPermission {
   color: red;
}

div.review-blocks button#pdfButton {
   width: 120px;
   margin-top: 10px;
}

div.review-block {
   position: relative;
   margin-top: 5px;
   /* padding-bottom: 40px; */
}

div.review-block div.locked-review-block-height {
   height: 50px;
}

div.review-block div.reviewblock-buttons {
   position: absolute;
   right: 8px;
   top: 5px;
}

div.review-block button {
   width: 80px;
   height: 40px;
   margin: 0;
   font-size: 10px;
}

div.review-block h3.org {
   position: absolute;
   left: 10px;
   width: 150px;
   margin: 0;
   text-align: left;
}

div.review-block label.comments {
   left: 8px;
   top: 35px;
}

div.review-block textarea.comments {
   margin: auto;
   margin-top: 45px;
   margin-bottom: 5px;
   width: 775px;
   overflow: hidden;
   resize: none; 
   min-height: 80px;
}

div.review-block label.signature {
   right: 248px;
}

div.review-block textarea.signature {
   position: relative;
   width: 235px;
   height: 40px;
   top: 3px;
   right: 8px;
   overflow: hidden;
   resize: none; 
}

div.review-block .action-select {
   left: 165px;
}

div.review-block .workflow-select {
   left: 338px;
}
div.LabelSelect_TDMC{
   position: relative;
   right: -10px;
   top: 25px;
}
div.LaborHours{
   position: relative;
   right: 29px;
   top: 9px;
}
/*===========================================================================*/
/*                      ATTACHMENTS INPUT FIELD                              */
/*===========================================================================*/

div#attachments, #review .rc2select {
   height:120px;
   margin:auto;
   margin-top: 5px;
   width:330px;
   position: relative;
   background-image: url(../img/paperclipsmall.png);
   background-size: 100px 100px;
   background-position: 40% 90%;
   background-repeat: no-repeat;
   background-color: white;
   border: 2px solid #7B8738;
}

div#attachments.drag-over, #review .drag-over {
   background-color: #D0D0D0;
   background-image: url(../img/paperclipblack.png);
}

div#attachments input, #review input.fileinput{
   pointer-events: auto;
   position: absolute;
   left: 0;
   top: 0;
   width: 330px;
   height: 20px;
   opacity: 0;
   filter:alpha(opacity: 0);
   -moz-opacity:0 ;
   overflow: hidden;
}

div#attachments label, #review label.fileinputlabel {
   text-align: center;
   margin: 0px;
   padding: 0px;
}

div#attachments span, #review label.fileinputlabel span {
   color: blue;
   text-decoration: underline;
}

ul#attachment-list, #review #attachment-list{
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;

   pointer-events: auto;
   position: absolute;
   left: 0;
   top: 20px;
   cursor: default;
   list-style-type: none;
   width: 330px;
   height: 98px;
   overflow-y: scroll; 
   color: black;
   padding: 0px;
   margin: 0px;
   font-size: 12px;
   border-top: 2px solid #7B8738;
}

ul#attachment-list li, #review #attachment-list li {
   margin: 0px;
}

ul#attachment-list li.selected, #review #attachment-list li.selected{
   background-color:rgba(255, 255, 0, 0.3);
}

div#dropzone, #review #dropzone {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 330px;
   height: 120px;
   z-index: 30;
}

div#dropzone div.labelborder, #review #dropzone div.labelborder{
   height: 20px;
   width: 330px;
}

div#attachment-buttons, #review div.rc2buttons {
   height:auto;
   margin:auto;
   width:340px;
}

div#attachment-buttons button, #review button.attachmentsButtons {
   width:90px;
   font-size: 10px;
}


/*===========================================================================*/
/*                      ORDER PAGE                                           */
/*===========================================================================*/

form.order {
   z-index: 9;
   position: relative;
   left: 0px;
   top: 0px;
}

form.order table {
   margin-left: 5px;
   width: 816px;
   border-collapse: collapse;
}

form.order td:not(.order-col-7) {
   border: 1px solid #7B8738;
   font-size: 12px;
   background-color: white;
}

form.order td {
   padding: 0px;
}

form.order fieldset {
   padding-bottom: 10px;
   margin-top: 10px;
   margin-bottom: 10px;
}

form.order th:not(.order-col-7) {
   font-size: 14px;
   border: 1px solid #7B8738;
   background-color: white;
}

form.order .order-col-1 {
   width: 135px;
}

form.order .order-col-2 {
   width: 135px;
}

form.order .order-col-3 {
   width: 210px;
}

form.order .order-col-4, form.order .order-col-6 {
   width: 95px;
}

form.order .order-col-5 {
   width: 120px;
}

form.order .order-col-7 {
   width: 26px;
}

form.order .order-col-7 button {
   width: 25px;
   margin: 0px;
}

form.order fieldset.summary {
   width: 820px;
}

form.order fieldset:not(.summary) {
   height: 290px;
   margin-left: 35px;
   float: left;
}

form.order fieldset.details {
   margin-left: 30px;
   width: 305px;
}

form.order fieldset label {
   width: 115px;
   text-align: right;
   display: inline-block;
}

form.order fieldset select, form.order fieldset input {
   width: 160px;
   display: inline-block;
}

form.order fieldset.info select, form.order fieldset.info input {
   width: 300px;
}

form.order fieldset.info {
   width: 410px;
   margin-right: 0px
}

form.order fieldset.info label {
   width: 95px;
}

form.order button {
   width: 120px;
}

form.order button.onReviewPage {
   width: 150px;
}

form.addlineitem {
   z-index: 10;
   position: absolute;
   right: 35px;
   top: 128px;
}

form.addlineitem button {
   margin-top: 10px;
   width: 150px;
}

form.addlineitem fieldset {
   width: 310px;
   height: 210px;
}

form.addlineitem fieldset label {
   width: 110px;
   text-align: right;
   display: inline-block;
}

form.addlineitem fieldset select, form.addlineitem fieldset input {
   width: 185px;
   display: inline-block;
}

/*===========================================================================*/
/*                    PTMS EMAIL TEST FILE PAGE SETTINGS                     */
/*===========================================================================*/
#emailTestform div.container 
{
   background-color:#C0C0C0; 
   height:794px;
   text-align:center;
   width:839px;
}

#emailTestform form
{
   height:776px;
   text-align:center;
   width:779px;
}

#emailTestform h1
{
   background-color:#7B8738;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#959F60), to(#626C2D));
   background-image: -webkit-linear-gradient(bottom, #959F60, #626C2D);
   background-image: -moz-linear-gradient(bottom, #959F60, #626C2D);
   background-image: -ms-linear-gradient(to bottom, #959F60, #626C2D);
   background-image: linear-gradient(to bottom, #959F60, #626C2D);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#959F60", endColorstr="#626C2D");
   border-color:#E1E1E1;
   border-width:2px;
   border-style:solid;
   border-radius:10px;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   font-size:18px;
}

.chart {
   background: white;
   border-style: solid;
   border-width: 2px;
   border-color: #4A5122;
   height: 400px;
   width: 700px;
   position: relative;
   left: 5%;

}
#pcrDates{
   position: relative;
   left: -80px;
   width: 850px;
}

#emailTestform button.TestEmail
{
   width:200px;
}