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

Revision 598, 29.1 KB checked in by liquan, 6 years ago (diff)

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