source: tmcsimulator/branches/LCSv1/static/css/lcstrain.css @ 608

Revision 608, 29.4 KB checked in by jdalbey, 6 years ago (diff)

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