source: tmcsimulator/branches/LCSv1/static/css/lcstrain.css.bak @ 593

Revision 593, 28.7 KB checked in by jdalbey, 6 years ago (diff)

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