source: tmcsimulator/branches/LCSv2/static/css/lcstrain.css @ 621

Revision 621, 29.5 KB checked in by jdalbey, 6 years ago (diff)

LCS implement exiting incident UI and javascript
Line 
1/*                     */
2/* REDEFINED HTML TAGS */
3/*                     */
4
5/**
6 * format validation errors
7 */
8ul.form-errors {
9    border: 1px solid red;
10    padding: .5rem;
11    font-size: .75rem;
12    color: #cf242a;
13    list-style: none;
14}
15
16ul.form-errors li {
17}
18
19A:link {
20        /* text-decoration:underline; */
21        color: #0000CC;
22        font-weight: bold;
23}
24A:visited {
25        text-decoration:none;
26        color: #0000CC;
27        font-weight: bold;
28}
29A:active { 
30        text-decoration:none; 
31        color: #0000CC
32}
33A:hover { 
34        text-decoration:underline; 
35        color: #990000
36} 
37td {
38        font-family: geneva, sans-serif; 
39        font-size: 12px; 
40}
41h1 { 
42        font-family: Helvetica, Arial, serif; 
43        font-size: 14px; 
44        font-weight: bold; 
45        text-align: center; 
46        margin: 2px 0;
47}
48p { 
49        font-family: Arial, Helvetica, sans-serif; 
50        font-size: 11px;
51}
52li {    font-family: Arial, Helvetica, sans-serif; 
53        font-size: 11px; 
54        line-height: 16px;
55}
56form {
57  display: inline;
58}
59
60/*                    */
61/* CUSTOM LINK STYLES */
62/*                    */
63
64/* Header tabs */
65.tabBtn {
66    border-top-left-radius: 10px;
67    border-top-right-radius: 10px;
68    background: #EDEA91; /* #F0EEA2; #DADA00; */
69    padding: 5px;
70    color: #003366;
71    text-align: center;
72    margin: -2px;
73    font-family: Arial, Helvetica, sans-serif;
74    font-size: 16px;
75    /* font-weight: bold; */
76    min-width: 52px;
77    border: 2px outset rgb(221,221,221);
78    padding: 0.5% 2% 0.5% 2%;
79}
80.tabBtn:hover {
81    background: #003366;
82    color: #EDEA91; 
83    cursor: pointer;
84}
85 .selectedTab {
86    background: #003366;
87    color: #EDEA91 !important; /* #F0EEA2; #DADA00; */
88}
89 .tabBar {
90    background-color: #003366;
91    height: 20px;
92    /* width: 760px; */
93    width: 90%;
94    display: block;
95    margin-top: 6px;
96    margin-bottom: 0.5em;
97    margin-left: auto;
98    margin-right: auto;
99    border-style: none;
100 }
101  .helpBtn {
102    border-style:none;
103    font-size: 10px;
104    font-weight: 900;
105    color: #C00000 !important;
106    background-color: white;
107 }
108A.textlink { 
109        font-family:arial; 
110        font-size: 8pt; 
111        height: 20px; 
112        color: black; 
113}
114.disabledtextlink { 
115        font-family:arial; 
116        font-size: 8pt; 
117        height: 20px; 
118        color: #808080; 
119}
120.disabledtextlink2 { 
121        font-family:arial; 
122        font-size: 8pt; 
123        font-weight: bold;
124        color: #6E6E6E;
125}
126
127.menuLink {
128    color: #0000CC;
129    border: none;
130    background: none;
131    font-weight: bold;
132    padding: 0px;
133    cursor: pointer;
134    font-size: 7.8pt;
135}
136
137.menuLink:hover {
138    color: #AA000D;
139}
140
141.menuText {
142    font-family: Arial, Helvetica, sans-serif;
143    font-weight: bold;
144    font-size: 11px;
145    line-height: 16px;
146}
147
148.smallText {
149    font-family: geneva, sans-serif;
150    font-size: 7.8pt;
151    line-height: 1em;
152}
153
154.arrowText {
155    font-size: 1.6em;
156    line-height: 1em;
157}
158
159/*                                          */
160/* CUSTOM STYLES FOR OVERALL PAGE STRUCTURE */
161/*                                          */
162
163#blankbg { 
164        background-image: url(images/spacer.gif); 
165        background-repeat: no-repeat; 
166}
167
168/* CENTER THE PRIMARY CONTAINER TABLE IN NETSCAPE. USE IN mainlayout.jsp PRIMARY TABLE */
169.tablecenter {
170        width: 760px;
171        border: 0px none;
172        background-color: #ffffff;
173        margin-top: 0px;
174        margin-left:auto;
175        margin-right: auto;
176        background-position: center;
177        padding: 0px;
178
179}
180
181/* CENTER THE PRIMARY CONTAINER TABLE IN IE. USE IN mainlayout.jsp BODY */
182.pagecenter {
183        display: flex;
184        justify-content: flex-start;
185        flex-direction: column;
186        background-color: #ffffff;
187        margin: 0px;
188        margin-top: 0px;
189        margin-left:0px;
190        padding: 0px;
191        border: 0px none;
192}
193.pagecenter1 {
194        text-align: center;
195        background-color: #E9E9E9;
196        margin: 0px;
197        margin-top: 0px;
198        margin-left:0px;
199        margin-width: 0px;
200        margin-height: 0px;
201        padding: 0px;
202        border: 0px none;
203}
204
205/* FORMAT TABLE CONTAINER FOR CONTENT SECTION OF EACH PAGE */
206.contenttable {
207        width: 760px;
208        text-align: left;
209        background-position: center;
210        top-margin: 0px;
211        left-margin: 0px;
212        margin-top: 0px;
213        margin-left:auto;
214        margin-right: auto;
215        margin-bottom: 0px;
216        margin-width: 0px;
217        margin-height: 0px;
218        cellspacing: 0px;
219        cellpadding: 1px;
220        border: 0px none;
221        border-collapse:collapse;
222        border-spacing:0;
223        vertical-align: top;
224        background-color: #FFFFFF;
225        padding: 0px;
226}
227.topleft {
228        text-align: left;
229        vertical-align: top;
230}
231
232/*                 */
233/* CALENDAR STYLES */
234/*                 */
235
236
237A.cal { 
238        text-decoration:none; 
239        color:#000000; 
240}
241A.calthismonth { 
242        text-decoration:none; 
243        color:#000000; 
244}
245A.calothermonth { 
246        text-decoration:none; 
247        color:#808080; 
248}
249.calnotclickable { 
250        color:#808080; 
251}
252
253td.cal { 
254        font-family:arial; 
255        font-size: 8pt; 
256}
257td.calmonth { 
258        font-family:arial; 
259        font-size: 8pt; 
260        text-align: right;
261}
262td.caltoday { 
263        font-family:arial; 
264        font-size: 8pt; 
265        text-align: right; 
266        color: white; 
267        background-color:#c0c0c0; 
268        border-width:1; 
269        border-type:solid; 
270        border-color:#800000; 
271}
272
273/*                    */
274/* CUSTOM FONT STYLES */
275/*                    */
276
277/* DATA FIELD LABELS APPLIED TO CELLS */
278.label { 
279        font-family: geneva, sans-serif; 
280        font-size: 18px; 
281        color: #003366; 
282        font-weight: bold; 
283    text-align: right; 
284    margin: 0% 1% 0% 3%;
285}
286
287label {
288        font-family: geneva, sans-serif; 
289        font-size: 18px; 
290        color: #003366; 
291        font-weight: bold; 
292    text-align: right; 
293    margin: 0% 1% 0% 3%;
294}
295.label90 {
296    width: 90px;
297    display: inline-block;
298    height: 20px;
299}
300/* spike */
301.labelgray {
302    color: lightgray;
303}
304.contactGroup {
305    margin-top: 10px;
306    margin-bottom: 10px;
307}
308.label30 {
309        font-family: geneva, sans-serif;
310        font-size: 7.8pt;
311        color: #003366;
312        font-weight: bold;
313        text-align: right;
314        width: 228px;
315}
316.labelright {
317        font-family: geneva, sans-serif;
318        font-size: 20px;
319        color: #003366;
320        font-weight: bold;
321        text-align: right;
322}
323
324.labelcenter {
325        font-family: geneva, sans-serif;
326        font-size: 18px;
327        color: #003366;
328        font-weight: bold;
329        text-align: center;
330        padding: 2px;
331}
332
333table.rejectTable {
334    border-collapse: collapse;
335}
336.rejectTable th {
337    font-family: geneva, sans-serif;
338    font-size: 7.8pt;
339    color: #003366;
340    font-weight: bold;
341    text-align: center;
342    vertical-align: top;
343    padding: 2px;
344    white-space: nowrap;
345}
346
347.rejectTable td {
348    white-space: nowrap;
349    padding: 5px;
350}
351
352table.rejectTable tbody tr:nth-child(6n+1),
353table.rejectTable tbody tr:nth-child(6n+2),
354table.rejectTable tbody tr:nth-child(6n+3) {
355    background-color: #DDDDDD;
356}
357
358table.emergencyTable {
359    border-collapse: collapse;
360}
361
362.emergencyTable th {
363    font-family: geneva, sans-serif;
364    font-size: 7.8pt;
365    color: #003366;
366    font-weight: bold;
367    text-align: center;
368    vertical-align: top;
369    padding: 2px;
370    white-space: nowrap;
371}
372
373.emergencyTable td {
374    white-space: nowrap;
375    padding: 5px;
376}
377
378table.emergencyTable tbody tr:nth-child(4n+1),
379table.emergencyTable tbody tr:nth-child(4n+2) {
380    background-color: #E27878; /* #CB0000; */
381}
382
383.labelleft {
384        font-family: geneva, sans-serif;
385        font-size: 16px;
386        color: #003366;
387        font-weight: bold;
388    text-align: left;
389    margin-left: 10%;
390}
391.checkboxHeight {
392    text-height: 13px;
393    padding: 3px;
394}
395.selectedValue {
396    font-family: Arial, Helvetica, sans-serif;
397    font-size: 11px;
398    color: #003366;
399    margin: 1px 3px 2px;
400}
401
402.labelleft2 {
403        font-family: geneva, sans-serif;
404        font-size: 7.8pt;
405        color: #003366;
406        text-align: left;
407}
408
409.labelleft2 textArea {
410        white-space: normal;
411}
412.labelleft2 div {
413        white-space: normal;
414}
415
416/* DATA FIELD GROUP NAMES APPLIED TO CELLS */
417.labelgroup {
418        font-family: Arial, Helvetica, sans-serif;
419        font-size: 11px;
420        font-weight: bold;
421        vertical-align: top;
422        color: #990000;
423        border: none;
424}
425.labelgroupright {
426        font-family: Arial, Helvetica, sans-serif;
427        font-size: 11px;
428        font-weight: bold;
429        text-align: right;
430        vertical-align: top;
431        color: #990000;
432        border-left: none;
433        border-top: none;
434        border-bottom: none;
435}
436.labelgroupright228 {
437        font-family: Arial, Helvetica, sans-serif;
438        font-size: 11px;
439        font-weight: bold;
440        text-align: right;
441        width: 228px;
442        color: #990000;
443}
444.label_red { 
445        font-family: geneva, sans-serif; 
446        font-size: 7.8pt; 
447        color: #ff0000; 
448        font-weight: bold; 
449}
450
451/* INPUT FIELDS WITHIN BORDERED TABLE CELLS */
452
453table.widgetrowtable {
454    border-collapse: collapse;
455}
456
457table.widgetrow thead tr th {
458        vertical-align: bottom;
459}
460
461tr.widgetrow {
462    border: none;
463}
464
465tr.widgetrow td {
466    border: 1px solid #2266CC;
467    padding-left:2px;
468    padding-right:2px;
469    padding-top:1px;
470    padding-bottom:0px;
471    height: 23px;
472}
473
474tr.widgetrow td.noborder {
475    border: none;
476}
477
478tr.widgetrow td input {
479    border: none;
480}
481
482tr.widgetrow td.noborder input {
483    border: 2px outset buttonface;
484}
485
486tr.widgetrow td div.menuValueDiv div.menuElement {
487    border: 1px solid white;
488}
489
490tr.widgetrow td div.menuValueDiv.menuFocus div.menuElement{
491    border: 1px solid grey;
492}
493
494tr.widgetrow td div.menuValueDiv:focus-within .menuElement {
495    border: 1px solid grey;
496}
497
498tr.widgetrow td select {
499    border: none;
500}
501
502.postmilePopup {
503    display: none;
504    z-index: 200;
505    position: fixed;
506    left: 50%;
507    top: 50%;
508    width: 230px;
509    padding: 3px;
510    background: #fff;
511    border: 5px solid #999;
512    border-radius: 10px;
513    box-shadow: 0 0 10px rgba(0,0,0,0.5);
514}
515
516/* Status History table */
517table.statusHistory  {
518    border-collapse: collapse;
519    width: 100%;
520}
521thead.statusHistory  {
522    background: lightblue;
523}
524th {
525    font-size: 14px;
526}
527tr:nth-child(odd).statusHistory {
528    background: lightgray;
529}
530td.statusHistory {
531    padding: 5px;
532    text-align: center;
533    border: solid black 1px;
534}
535
536/* List Table */
537table.listTable {
538    border-spacing: 0;
539    width: 760px;
540    border: 0;   
541}
542table.listTable th {
543    text-align: center;
544    padding: 0 3px;
545}
546tr:nth-child(odd).listTable {
547    background-color:  #DDDDDD;
548}
549tr:nth-child(even).listTable {
550    background-color:  #FFFFFF;
551}
552
553td.buttonList {
554    height: 20px;
555}
556
557td.buttonList.first {
558    padding-left: 20px;
559}
560
561.middle {
562    vertical-align: middle;
563}
564
565.center {
566    text-align: center;
567}
568
569.left {
570    text-align: left;
571}
572
573.right {
574    text-align: right;
575}
576
577tr.sharedTemplateHeader {
578    background-color: white;
579}
580
581tr.sharedTemplateHeader h2 {
582    font-family: Arial, Helvetica, sans-serif; 
583    font-size: 16px; 
584    font-weight: bold; 
585    text-align: center; 
586    margin-bottom: 0px;
587}
588
589tr.sharedTemplateProjectHeader {
590    background-color: white;
591}
592
593tr.sharedTemplateProjectHeader td {
594    border-bottom: 1px solid black;
595}
596
597tr.sharedTemplateProjectHeader h3 {
598    font-family: Arial, Helvetica, sans-serif; 
599    font-size: 14px; 
600    font-weight: bold; 
601    text-align: left;
602    margin-bottom: 0px;
603}
604
605td.listTable {
606    padding: 0 3px;
607}
608/* Request page */
609.popupAlert {
610    border: #003366 solid 2px;
611    padding: 4px;
612}
613button.popupAlert {
614    background: none;
615    padding: 1px;
616    border: solid 1px #003366;
617    font-size: 7pt;
618}
619.columnSortHeader {
620    font-family: Arial, san-serif;
621    font-size: 7.8pt;
622    color: #003366;
623    font-weight: bold;
624    text-align: center;
625    padding: 2px;
626    border: none;
627    background: none;
628    cursor: pointer;
629}
630
631.columnSortHeader::after {
632    content: url(../images/arrow_down.gif);
633}
634/* FONT STYLES */
635.header {
636        font-family: Arial, Helvetica, sans-serif; 
637        font-size: 32px;
638        font-weight: bold;
639    text-align: center;
640    color: #08298A;
641}
642div.header h1 {
643    font-size: 18px;
644}
645
646h2.header {
647    margin: 2px 0;
648}
649
650.headerleft { 
651        font-family: Arial, Helvetica, sans-serif; 
652        font-size: 18px; 
653        font-weight: bold; 
654        text-align: left; 
655}
656
657.homeheaders { 
658        font-family: Arial, Helvetica, sans-serif; 
659        font-size: 18px; 
660        font-weight: bold; 
661}
662
663.alert { 
664        font-family: Arial, Helvetica, sans-serif; 
665        font-size: 14px; 
666        font-weight: bold; 
667        text-align: left;
668  color: #0000ff; 
669}
670
671.alert_red { 
672        font-family: Arial, Helvetica, sans-serif; 
673        font-size: 14px; 
674        font-weight: bold; 
675        text-align: left;
676  color: #ff0000; 
677}
678
679.alertCentered { 
680        font-family: Arial, Helvetica, sans-serif; 
681        font-size: 14px; 
682        font-weight: bold; 
683        text-align: center;
684  color: #0000ff; 
685}
686
687.alertCenteredBoxed { 
688        font-family: Arial, Helvetica, sans-serif; 
689        font-size: 14px; 
690        font-weight: bold; 
691        text-align: center;
692        color: #0000ff; 
693        border: 3px solid #0000ff;
694        background-color: rgba(255,255,255,0.6);
695        margin: 0px 60px;
696        padding: 4px;
697}
698
699.maintenance {
700        font-family: Arial, Helvetica, sans-serif; 
701        font-size: 14px; 
702        text-align: center;
703        color: #0000ff; 
704        border: 3px solid #0000ff;
705        background-color: rgba(255,255,255,0.8);
706        padding: 4px; 
707        width: 20%; /* Could be more or less, depending on screen size */
708        min-width: 400px; /* minimum width to minimize word-wrap */
709        margin: 200px auto;
710}
711
712.countdown {
713    display: block;
714    position: relative;
715    top: 10px;
716    height: 0;
717    font-size: 7.8pt;
718    font-family: geneva, sans-serif;
719}
720
721.expand { 
722        font-family: Arial, Helvetica, sans-serif; 
723        font-size: 14px; 
724        font-weight: bold;
725        cursor: pointer;
726}
727.blue_msg { 
728    font-family: Arial, Helvetica, sans-serif; 
729    font-size: 14px; 
730    font-weight: bold; 
731    color: #003366;
732}
733.error { 
734    font-family: Arial, Helvetica, sans-serif; 
735    font-size: 12px; 
736    font-weight: bold; 
737    text-align: left;
738    color: #ed0000; 
739}
740.red_flag { 
741    font-family: geneva, sans-serif; 
742    font-size: 7.8pt; 
743    background: #ed0000; 
744    color: #ffffff; 
745}
746.yellow_flag { 
747    font-family: geneva, sans-serif; 
748    font-size: 7.8pt; 
749    background: #ffff00; 
750    color: #2e2efe;
751    white-space:nowrap;
752}
753.white78 { 
754    font-family: geneva, sans-serif; 
755    font-size: 7.8pt; 
756    color: #ffffff; 
757}
758.white9 { 
759    font-family: geneva, sans-serif; 
760    font-size: 9pt; 
761    background: #7c7d7a; 
762    color: #ffffff; 
763}
764.grey78 { 
765        font-family: geneva, sans-serif; 
766        font-size: 7.8pt; 
767        color: #818082
768}
769.comments { 
770        font-family: geneva, sans-serif; 
771        font-size: 9pt; 
772  color: #4D1507
773}
774
775.footer {
776    text-align: left;
777    font-family: geneva, sans-serif;
778    font-size: 7.8pt;
779    margin: 1em 0;
780    width: 100%;
781}
782
783/* FORM FIELD INPUT SIZE STYLE */
784.inputsize {
785        font-family: Arial, Helvetica, sans-serif;
786        font-size: 8px;
787}
788
789/*               */
790/* BUTTON STYLES */
791/*               */
792
793/* ALL BUTTONS EXCEPT CANCEL, ADD, EDIT, DELETE  */
794.buttonformat {
795        background-color: #CCCCCC;
796        font-family: Arial, Helvetica, sans-serif;
797        font-size: 12px;
798        margin-left: 0px;
799        margin-right: 0px;
800        letter-spacing: .3pt;
801}
802.buttonimagegroupright {
803        font-family: Arial, Helvetica, sans-serif;
804        font-size: 11px;
805        font-weight: bold;
806        text-align: right;
807        vertical-align: top;
808        white-space: nowrap;
809        color: #990000;
810}
811
812/* hyperlinks as buttons */
813a.linkasbutton {
814    border-style: outset;
815    border-color: buttonface;
816    border-width: 2px;
817    padding: 1px 6px;
818    text-decoration: none;
819    font-weight: normal;
820}
821
822/* CANCEL BUTTON */
823.buttoncancel { 
824        height: 19px; 
825        width: 44px; 
826        font-family: Arial, Helvetica, sans-serif; 
827        font-size: 11px; 
828        letter-spacing: .3pt;
829        margin: 0px; 
830        padding: 0px; 
831        background-color: #FF0000;
832}
833
834/* ADD, EDIT, DELETE BUTTONS */
835.buttonaddnew { 
836        height: 19px; width: 60px;
837        font-family: Arial, Helvetica, sans-serif; 
838        font-size: 11px; 
839        letter-spacing: .3pt;
840        margin: 0px; 
841        padding: 0px; 
842        background-color: #CCCCCC;
843}
844.buttondelete { 
845        height: 19px; 
846        width: 42px; 
847        font-family: Arial, Helvetica, sans-serif; 
848        font-size: 11px;
849        letter-spacing: .3pt;
850        margin: 0px; 
851        padding: 0px; 
852        background-color: #CCCCCC;
853}
854.buttonedit { 
855        height: 19px; 
856        width: 38px; 
857        font-family: Arial, Helvetica, sans-serif; 
858        font-size: 11px;
859        letter-spacing: .3pt;
860        margin: 0px; 
861        padding: 0px; 
862        background-color: #CCCCCC;
863}
864.buttongo { 
865        height: 19px; 
866        width: 22px; 
867        font-family: Arial, Helvetica, sans-serif; 
868        font-size: 10px; 
869        margin: 0px; 
870        padding: 0px; 
871        background-color: #CCCCCC;
872}
873
874.buttoneditsubmit {
875        height: 19px; 
876        width: 70px; 
877        font-family: Arial, Helvetica, sans-serif; 
878        font-size: 11px;
879  letter-spacing: .3pt;
880        margin: 0px; 
881        padding: 0px; 
882        background-color: #CCCCCC;
883}
884.buttonupdate {
885        height: 19px; 
886        width: 50px; 
887        font-family: Arial, Helvetica, sans-serif; 
888        font-size: 11px; 
889  letter-spacing: .3pt;
890        margin: 0px; 
891        padding: 0px; 
892        background-color: #CCCCCC;
893}
894/* MISC STYLES */
895.center { 
896        text-align: center;
897}
898.shade {
899        background-color: #BECAD8;
900}
901option {
902        font-family: Arial, Helvetica, sans-serif;
903        font-size: 11px;
904}
905select {
906        font-family: Arial, Helvetica, sans-serif;
907        font-size: 18px;
908}
909textarea {
910        font-family: Arial, Helvetica, sans-serif;
911        font-size: 11px;
912}
913form {
914        font-family: Arial, Helvetica, sans-serif;
915        font-size: 11px;
916}
917input {
918        font-family: Arial, Helvetica, sans-serif;
919        font-size: 18px;
920}
921.dtm_msg {
922    font-family: Arial, Helvetica, sans-serif;
923    font-size: 11px;
924    font-weight: bold;
925}
926.hq_msg {
927    font-family: Arial, Helvetica, sans-serif;
928    font-size: 11px;
929    font-weight: bold;
930    color: #0101DF;
931}
932input.clock2 {
933    border: none;
934    font-family: Arial, Helvetica, sans-serif;
935        font-size: 11px;
936    font-weight: bold;
937}
938
939.collapseBlock {
940    display:none
941}
942
943.expandBlock {
944    display:inline
945}
946
947.searchResults {
948        font-family: Arial, Helvetica, sans-serif;
949        font-size: 16px;
950}
951
952.searchResultsDetail {
953        font-family: Arial, Helvetica, sans-serif;
954        font-size: 12px;
955}
956
957table.dataformWithBorder {
958        border-color:                           Gray;
959        border-style:                           solid;
960        border-width:                           1px;
961        border-collapse:                        collapse;
962        display:                                table;
963        padding:                                0;
964        table-layout:                           auto;
965       
966}
967
968table.dataformWithBorder td {
969        border-color:                           Gray;
970        border-style:                           solid;
971        border-width:                           1px;
972        border-collapse:                        collapse;
973        display:                                table-cell;
974        margin:                                 0;
975        padding:                                3px;
976}
977
978table.dataformWithBorder th {
979        border-color:                           Gray;
980        border-style:                           solid;
981        border-width:                           1px;
982        border-collapse:                        collapse;
983        display:                                table-cell;
984        margin:                                 0;
985        padding:                                3px;
986}
987table.dataformWithNoBorder {
988        border-style:                           none;
989        border-width:                           0px;
990}
991
992table.dataformWithNoBorder td {
993        border-style:                           none;
994        border-width:                           0px;
995}
996
997table.dataformWithNoBorder th {
998        border-style:                           none;
999        border-width:                           0px;
1000}
1001
1002div.centered {
1003    text-align: center;
1004}
1005div.centered table {
1006    margin: 0 auto; 
1007    text-align: left;
1008}
1009
1010.tableborder1 {
1011        border-width: 1px;
1012        border-spacing: 0px;
1013        border-style: solid;
1014        border-color: black;
1015        border-collapse: separate;
1016        background-color: white;
1017}
1018.tableborder1 th {
1019        border-width: 0px;
1020        padding: 3px;
1021        border-style: solid;
1022        border-color: black;
1023        background-color: white;
1024}
1025.tableborder1 td {
1026        border-width: 0px;
1027        padding: 3px;
1028        border-style: solid;
1029        border-color: black;
1030        background-color: white;
1031}
1032
1033/* Closure Details */
1034.laneOption {
1035    display:        inline-block;
1036    vertical-align: top;
1037    width:          75px;
1038    text-align:     center;
1039    margin-top:     5px;
1040    margin-bottom:  5px;
1041}
1042
1043/* Reactivate Inactive User highlight search matches */
1044span.searchHighlight {
1045    border: solid grey 1px;
1046    background-color: yellow;
1047    padding: 2px 0px;
1048}
1049
1050/* Map interface styles */
1051
1052.latlong {
1053    border: none;
1054    text-align: right;
1055}
1056.map-window {
1057    height: 100%;
1058    width: 100%;
1059    margin: 0;
1060    padding: 0;
1061    border-spacing: solid;
1062    border-color: black;
1063}
1064
1065.dtmArea {}
1066
1067label.changeUser {
1068    font-family: geneva, sans-serif; 
1069    font-size: 7.8pt; 
1070    color: #003366; 
1071    font-weight: bold; 
1072    display: inline-block;
1073}
1074
1075label.selectLabel {
1076    width: 10em;
1077    height: 2em;
1078    margin-left: 3em;
1079}
1080
1081label.checkboxLabel {
1082    width: 19em;
1083}
1084
1085input[type=radio].changeUser {
1086    margin-left: 1em;
1087    vertical-align: middle;
1088}
1089
1090input[type=checkbox].changeUser {
1091    margin-left: 0.75em;
1092    vertical-align: middle;
1093}
1094
1095#endMasqueradeLabel {
1096    font-family: geneva, sans-serif; 
1097    font-size: 7.8pt; 
1098    color: #003366; 
1099    font-weight: bold; 
1100    display: inline-block;
1101    height: 2em;
1102}
1103
1104select.changeUser {
1105    display: inline-block;
1106    min-width: 9em;
1107}
1108
1109table.editSuperUser {
1110    width: 40em;
1111}
1112
1113table.editSuperUser td {
1114    text-align: center;
1115}
1116
1117table.editSuperUser td.first {
1118    text-align: left;
1119}
1120
1121fieldset.invisible,
1122div.invisible {
1123    display: none;
1124}
1125
1126fieldset.visible,
1127div.visible {
1128    display: inline-block;
1129}
1130
1131fieldset.boxed,
1132div.boxed {
1133    border: 1px solid #003366;
1134    margin: 1em 0px;
1135    padding: 1em;
1136    line-height: 2em;
1137}
1138
1139div.changeUserBlock {
1140    width: 600px;
1141    margin: 10px auto;
1142}
1143
1144div.changeUserCenter {
1145    text-align: center;
1146}
1147
1148/* additional selectors for ADA Compliance */
1149
1150input:focus {
1151        border-color: blue;
1152}
1153
1154button:focus {
1155        border-color: blue;
1156}
1157
1158.sronly {
1159    position: absolute; 
1160    left: -10000px; 
1161    width: 1px; 
1162    height: 1px; 
1163    overflow: hidden;     
1164}
1165
1166.skipnav { text-align: left; }
1167 
1168.skipnav a { 
1169    position: absolute; 
1170    left: -10000px; 
1171    width: 1px; 
1172    height: 1px; 
1173    overflow: hidden; 
1174}
1175 
1176.skipnav a:focus, .skipnav a:active { 
1177    font-family: geneva, sans-serif;
1178    font-size: 7.8pt;
1179    position: static; 
1180    left: 0; 
1181    width: auto; 
1182    height: auto; 
1183    overflow: visible; 
1184    text-decoration: underline; 
1185}
1186
1187.lcsbanner {
1188    width: 760px;
1189    border: 0px none;
1190    background-color: #ffffff;
1191    margin-top: 0px;
1192    margin-left:auto;
1193    margin-right: auto;
1194    margin-bottom: 13px; 
1195    background-position: center;
1196    padding: 0px;
1197    border-spacing:1px;
1198    font-family: geneva, sans-serif;
1199    font-size: 7.8pt;
1200}
1201
1202.noheadbanner {
1203    text-align: left;
1204    width: 100%;
1205    border: 0px none;
1206    background-color: #ffffff;
1207    padding: 0px;
1208    font-family: geneva, sans-serif;
1209    font-size: 7.8pt;
1210    margin-bottom: 13px;
1211}
1212
1213.lcslogo {
1214    margin: 0 -63px; /* compensate for unscaled width */
1215    transform: scaleX(0.7);
1216    padding: 0;
1217    display: inline-block;
1218    font-family: Helvetica;
1219    font-size: 26pt;
1220    font-weight: 900;
1221    color: mediumslateblue; /* lightsteelblue has insufficient contrast */;
1222    vertical-align: top;
1223    /* float:left; */
1224}
1225
1226.dbinstance {
1227    display:inline-block;
1228    width:361px; 
1229    padding-top:32px; 
1230    text-align: right;
1231    vertical-align: top;
1232}
1233
1234.helplogout {
1235    font-family: geneva, sans-serif;
1236    font-size: 7.8pt;
1237    margin-top: 13px;
1238    float: right;
1239}
1240
1241.navtabs {
1242    /* width: 760px; */
1243    width: 90%;
1244    margin: 0px auto;
1245    text-align: center;
1246}
1247
1248.tabrow {
1249    line-height:22px;
1250}
1251
1252.main {
1253    width: 760px;
1254    margin: 0 auto;
1255    overflow: visible;
1256    text-align: left;
1257    font-family: geneva, sans-serif;
1258    font-size: 7.8pt;
1259}
1260
1261.mainflex {
1262    display: flex;
1263    flex-direction: column;
1264    align-items: center;
1265    text-align: left;
1266    font-family: geneva, sans-serif;
1267    font-size: 7.8pt;
1268    margin: 0 auto;
1269}
1270
1271.heading2 {
1272    font-size: 20px;
1273    font-weight: bold;
1274    margin-top: 1em;
1275    margin-bottom: 1em;
1276    margin-left: 0px;
1277    margin-right: 0px;
1278}
1279
1280.heading3 {
1281    font-size: 22px;
1282    font-weight: bold;
1283    margin-top: 1em;
1284    margin-bottom: 1em;
1285    margin-left: 0px;
1286    margin-right: 0px;
1287}
1288
1289.headingH2 {
1290    font-family: Helvetica, Arial, serif;
1291    font-weight: bold;
1292    font-size: 14px;
1293    margin-top: 1em;
1294    margin-bottom: 1em;
1295    text-align: center;
1296}
1297
1298.closureIdDisplay {
1299    font-weight: bold;
1300    border: none;
1301    background-color: white;
1302    width: 6em;
1303    height: 20px;
1304}
1305
1306.TMCheckboxLabel {
1307    margin-right:15px;
1308}
1309
1310div.requestGeneral {
1311    display:inline-block; 
1312    margin-right: 1px; 
1313    vertical-align: top;
1314}
1315
1316div.inspectormenu {
1317    display:inline-block; 
1318    margin-right: 10px; 
1319    vertical-align: top;   
1320}
1321
1322div.requestdatetimegroup {
1323    display:inline-block;
1324    margin: 5px;
1325    border: 1px solid blue;
1326    padding: 4px;
1327    vertical-align: top;
1328}
1329
1330.timegrouplabel {
1331    font-family: geneva, sans-serif;
1332    font-size: 7.8pt;
1333    color: #003366;
1334    font-weight: bold;
1335    text-align: left;
1336    line-height: 2.5em;
1337}
1338
1339.datelabel {
1340    display:inline-block;
1341    width:40px;
1342}
1343
1344.timelabel {
1345    display:inline-block;
1346    width:40px;
1347    height: 19px; 
1348}
1349
1350.inlinetime {
1351    display: inline;
1352}
1353
1354.longtermtime {
1355    display: none;
1356}
1357
1358.longtermtime.longterm {
1359    display: inline;
1360}
1361
1362div.standardtime {
1363    display: inline-block;
1364}
1365
1366span.standardtime {
1367    display: inline;
1368}
1369
1370.standardtime.longterm {
1371    display: none;
1372}
1373
1374div.totalLanes.hide {
1375    display: none;
1376}
1377
1378div.estimatedDelay.hide {
1379    display: none;
1380}
1381
1382table.notifications {
1383    width: 100%;
1384    border-collapse: collapse;
1385    border: none;
1386}
1387
1388table.notifications thead th {
1389    padding-top: 20px;
1390    text-align: center;
1391}
1392
1393table.notifications tbody th {
1394    text-align: left;
1395    font-size: 7.8pt;
1396    font-weight: normal;
1397    padding: 10px;
1398}
1399
1400table.notifications tbody tr {
1401    background-color: #dddddd;
1402}
1403
1404table.notifications tbody td {
1405    text-align: center;
1406}
1407
1408div.notifications {
1409    font-family: arial, sans-serif;
1410    font-size: 7.8pt;
1411    display: inline-block;
1412    vertical-align: top;
1413    margin: 5px 0;
1414}
1415
1416div.reportcontrol {
1417    display:inline-block; 
1418    margin-right:15px;
1419}
1420
1421.viewClosureGroup {
1422    display: inline-block;
1423}
1424
1425.viewClosure {
1426    display: inline-block;
1427    line-height: 1.8em;
1428    font-size: 7.8pt;
1429    white-space: nowrap;
1430}
1431
1432.gen1 {
1433    width: 170px;
1434}
1435
1436.gen2 {
1437    width: 185px;
1438}
1439
1440.apprv {
1441    width: 180px;
1442}
1443
1444.status {
1445    width: 170px;
1446}
1447
1448.by {
1449    max-width: 90px;
1450}
1451
1452section.viewClosure {
1453    margin: 1em 0;
1454}
1455
1456table.viewClosure {
1457    width: 100%;
1458    display: table;
1459}
1460
1461table.viewClosure tbody td,
1462table.viewClosure tbody th
1463{
1464    vertical-align: top;
1465}
1466
1467div.viewClosure {
1468    min-width: 140px;
1469    margin-right: 6px;
1470}
1471
1472span.label.viewClosure {
1473    width: 138px;
1474}
1475
1476div.closureDetails {
1477    max-width: 900px;
1478}
1479
1480div.eastatuser {
1481    display: inline-block;
1482    padding: 4px 10px;
1483    width: 47.5%;
1484}
1485
1486div.eacontractor {
1487    margin: 3px 0;
1488}
1489
1490label.eacontractorlabel {
1491    display:inline-block; 
1492    width: 55px;
1493    text-align: right;
1494}
1495
1496div.eacontactgroup {
1497    display:inline-block; 
1498    width:264px; 
1499    margin-right:2px;
1500    margin-top: 1em;
1501}
1502
1503div.eacontacttitle {
1504    text-align:center; 
1505    font-weight:bold;
1506}
1507
1508div.eacontactfield {
1509    margin: 4px 0;
1510}
1511
1512label.eacontactlabel {
1513    display:inline-block; 
1514    width: 86px;
1515    text-align: right;
1516 }
1517 
1518 hr.easeparator {
1519     height: 2px;
1520     border: 0;
1521     color: blue;
1522     background-color: blue;
1523 }
1524 
1525 div.userdetailcol1,
1526 section.userdetailcol1
1527 {
1528     display: inline-block;
1529     width: 345px;
1530     vertical-align: top;
1531     white-space: nowrap;
1532 }
1533 
1534 div.userdetailcol2,
1535 section.userdetailcol2
1536 {
1537     display: inline-block;
1538     width: 250px;
1539     vertical-align: top;
1540     white-space: nowrap;
1541 }
1542 
1543 div.userdetailcol3, 
1544 section.userdetailcol3 {
1545     display: inline-block;
1546     width: 150px;
1547     vertical-align: top;
1548     white-space: nowrap;
1549 }
1550 
1551 span.userdetailcol1label {
1552    font-family: geneva, sans-serif;
1553    font-size: 7.8pt;
1554    color: #003366;
1555    font-weight: bold;
1556    text-align: right;
1557    display: inline-block;
1558    width: 150px;
1559    padding: 3px;
1560 }
1561 
1562 span.userdetailcol2label {
1563    font-family: geneva, sans-serif;
1564    font-size: 7.8pt;
1565    color: #003366;
1566    font-weight: bold;
1567    text-align: right;
1568    display: inline-block;
1569    width: 87px;
1570    padding: 3px;
1571 }
1572 
1573 span.userdetailcol3label {
1574    font-family: geneva, sans-serif;
1575    font-size: 7.8pt;
1576    color: #003366;
1577    font-weight: bold;
1578    text-align: right;
1579    display: inline-block;
1580    width: 79px;
1581    padding: 3px;
1582 }
1583 
1584 .userdetailvalue {
1585     display: inline-block;
1586 }
1587 
1588 .searchvalue {
1589    display: inline-block;
1590    vertical-align: middle;
1591    /* vertical-align: left; */
1592 }
1593 
1594 .searchrow {
1595    flex-direction: row;
1596    flex-wrap: nowrap;
1597    justify-content: flex-start;
1598 }
1599 
1600 .searchcol1-2 {
1601    display: inline-block;
1602    vertical-align: top;
1603    align-content: center;
1604    margin: 5% 0 5% 0;
1605 }
1606
1607 .searchcol1 {
1608    display: inline-block;
1609    width:  348px;
1610    margin: 1px;
1611    align-content: center;
1612 }
1613 
1614 .searchlabelcol1 {
1615    display: inline-block;
1616    width: 97px;
1617    text-align: right;
1618    margin-right: 3px;
1619 }
1620
1621  .searchcol2 {
1622    display: inline-block;
1623    width: 230px;
1624    margin: 1px;
1625 }
1626 
1627 .searchlabelcol2 {
1628    display: inline-block;
1629    width: 130px;
1630    /* width: 97px; */
1631    text-align: right;
1632    margin-right: 3px;
1633 }
1634
1635 .searchcol3 {
1636    display: inline-block;
1637    overflow-x: visible;
1638    margin: 1px;
1639 }
1640 
1641 .searchlabelcol3 {
1642    display: inline-block;
1643    width: 97px;
1644    text-align: right;
1645    margin-right: 3px;
1646 }
1647 
1648 section.searchrange {
1649    display: flex;
1650    justify-content: center;
1651    align-items: center;
1652 }
1653 
1654 .searchrangecol {
1655    flex-direction: row;
1656    /* margin: 5px 0px 5px 0px; */
1657    margin: 5px 5px 5px 5px;
1658 }
1659 
1660 
1661 .searchrangeitem {
1662    height: 23px;
1663    display: flex;
1664    margin: 4% 4% 4% 4%;
1665 }
1666 
1667 .searchrangeitem img{
1668    margin: -1px 0px 0px;
1669 }
1670 
1671 .searchrangegroup {
1672     display: flex;
1673     flex-direction: row;
1674 }
1675 
1676 .searchrangegroupcol {
1677     flex-direction: column;
1678     margin: 0px 3px;
1679 }
1680
1681 .span {
1682     margin-left: 20%;
1683     margin-right: 5%;
1684 }
1685
1686 .submit-button {
1687    font-size: 14px;
1688    border-radius: 8px;
1689    border: 1px solid;
1690/*    padding: 1% 2% 1% 2%; */
1691 }
1692
1693#beginDate {
1694    margin: 0 20% 0 5%;
1695    display: inline-block;
1696}
1697
1698
1699#endDate {
1700    margin: 0 20% 0 5%;
1701    display: inline-block;
1702}
1703
1704 div.title {
1705    color: blue; /* #f4d451; */
1706    font-size: 70px;
1707 }
1708
1709 .nav-link {
1710     font-size: 16px;
1711 }
1712
1713 .block-content {
1714     /* padding: 0% 25% 0% 40%; */
1715     justify-content: center;
1716 }
1717
1718/* #pageTitle {
1719    font-size: 32px;
1720} */
1721
1722#beginrow {
1723    font-size: 16px;
1724    font-family: geneva, sans-serif;
1725        color: #003366;
1726        font-weight: bold;
1727    text-align: left;
1728    padding-right: 3%;
1729    margin-left: 20%;
1730}
1731
1732#endrow {
1733    font-size: 16px;
1734    font-family: geneva, sans-serif;
1735        color: #003366;
1736        font-weight: bold;
1737    text-align: left;
1738    padding-right: 3%;
1739    margin-left: 20%;
1740}
1741
1742label.username-label {
1743    font-size: 20px;
1744    margin-right: 1%;
1745    font-family: geneva, sans-serif; 
1746        color: #003366; 
1747        font-weight: bold; 
1748        text-align: right; 
1749}
1750
1751.searchform {
1752    margin: 4% 0% 4% 0%;
1753    justify-content: center;
1754    width: 900px;
1755}
Note: See TracBrowser for help on using the repository browser.