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

Revision 602, 29.3 KB checked in by liquan, 6 years ago (diff)

Styled status and request page for ticket #245.

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