/webportal/src/main/webapp/css/zkcomponents.css
CSS | 1444 lines | 1034 code | 214 blank | 196 comment | 0 complexity | dd58e3a5a66cbbc2e9adfdf7c368e0bc MD5 | raw file
1@CHARSET "ISO-8859-1"; 2/* 3 Logo colours 54BCEB 3B6E8F 4 Map background: 3c668d 5 orange: e89c14 6previous font colour: 3B6E8F 7current font colour: 0b5888 8*/ 9html, body { 10 11 font-family: Arial,Helvetica,sans-serif;; 12 font-weight: normal; 13 font-size: 12px; 14 background-color: #EBEBEB; 15 margin: 0; 16 padding: 0; 17} 18 19/* 20html, body *{ 21 color:teal; 22} 23*/ 24 25div.z-listbox-footer { 26 background-color: #FFFFFF; 27 background: #FFFFFF; 28 border-top: 1px solid #FFFFFF; 29} 30 31div.z-listbox { 32 border:0px; 33 background-image: -moz-linear-gradient(bottom, #fafbf5, #e8eace); /* FF3.6 */ 34 background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #fafbf5),color-stop(1, #e8eace)); /* Saf4+, Chrome */ 35 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e8eace', EndColorStr='#fafbf5'); /* IE6,IE7 */ 36 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e8eace', EndColorStr='#fafbf5')"; /* IE8 */ 37} 38 39.z-vbox { 40 width: 100%; 41} 42 43.z-west-splt { 44 background: #EBEBEB; 45} 46 47.hr { 48 width: 80%; 49 color:#7391ad; 50 border: 0 none; 51 border-bottom:1px solid #EEEEEE; 52 margin: 8px auto; 53 height: 1px; 54} 55 56 57.h1 { font-size: 20px! important; font-family:'Arial Narrow',Arial,Helvetica,sans-serif;font-weight: bold; padding-top: 5px; letter-spacing:-1px;} 58.h2 { font-size: 16px! important; font-family:'Arial Narrow',Arial,Helvetica,sans-serif;padding-top: 15px;padding-bottom: 0px; clear:both; display:block;} 59.h4 { color:teal; font-size: 10px; padding-top: 5px;} 60.h5 { color:teal; font-size: 10px; } 61.h6 { color:teal; font-size: 9px; } 62.h3 { color:black; font-size: 11px; /* font-weight: bold; */ margin-bottom:2px;padding-top: 5px;font-family:Arial,Helvetica,sans-serif;} 63 64.title { 65 /*background-color: #727DAD;*/ 66 /*background:transparent url(../img/h2background.png?) no-repeat scroll -200px 5px;*/ 67 68 border-bottom: 3px solid teal; 69 margin-left:6px; 70 margin-right:6px; 71 padding-bottom:2px; 72 padding-left:10px; 73 padding-top:10px; 74} 75 76input { 77 padding:0px; 78 margin: 0px 4px; 79 padding-left: 3px; 80 /* color:#01716E;*/ 81} 82select { 83 84 margin: 0px 4px; 85 border: 1px solid #86A4BE; 86 padding-left: 3px; 87} 88 89tr.z-listitem, tr.z-listitem a, tr.z-listitem a:visited { 90 color: #0b5888 !important; 91} 92a[rel="external"], a.external { 93 /*white-space: nowrap;*/ 94 padding-right: 15px; 95 background: url(../img/extlink.gif) no-repeat 100% 50%; 96 zoom: 1; 97} 98 99 100 101.required { 102 white-space: nowrap; 103 padding-left: 12px; 104 background: url(../img/required.png) no-repeat 0% 50%; 105} 106 107.error , .z-errbox{ 108 padding: 3px !important; 109 margin:10px !important; 110 background: #e55e04 !important; 111 color: white !important; 112 font-weight: bold; 113 clear: both; 114 display: block; 115 border: 0px !important; 116 cursor: inherit !important; 117 118 119} 120 121.z-errbox td{ 122 color: white !important; 123} 124 125.right { 126 127 float: right; 128 right: 0; 129} 130 131.extlink { 132 margin-left: 2px; 133} 134 135.inputlabel { 136 width: 70px; 137 display: block; 138 float: left; 139 padding-top: 3px; 140 141} 142.inputlabelspaced { 143 144 float: left; 145 padding-top: 3px; 146 147} 148 149.inputlabelwide { 150 width: 95px; 151 display: block; 152 float: left; 153 padding-top: 3px; 154 whitespace:nowrap; 155} 156 157 158.list { 159 display: block; 160 margin-left: 2px; 161 padding-left: 2px; 162 font-size: 11px; 163 font-weight: normal; 164} 165 166.highlighted { 167 margin: 5px 5px; 168 padding: 5px; 169 background-color: #fafafa; 170 border:1px solid #eee; 171} 172.mestsearch { 173 /*margin: 10px 0px 10px 5px;*/ 174 padding: 2px; 175 /*border:1px solid #eee;*/ 176 overflow: scroll; 177} 178.mestsearch td { 179 padding: 5px 2px; 180} 181.mestsearchContainer .mestsearch { 182 background: none; 183 padding: 5px; 184 padding-top: 15px; 185 margin: 0; 186 187} 188.mestsearchContainer .z-listcell-cnt { 189 /*padding: 1px 1px;*/ 190} 191 192/* paging in mest search results */ 193.pagingDiv { 194 float: left; 195 display: inline; 196} 197/* paging buttons in mest search results */ 198.pagingbutton-cm { 199 font-weight:bolder; 200 font-size: 9px; 201 letter-spacing:-2px; 202 color: inherit; 203} 204 205.searchResTitle { 206 float: left; 207 display: block; 208 width: 460px; 209 font-size: 12px; 210 font-weight: bold; 211} 212 213.createSavedSearch { 214 float:right; 215} 216.savesearchdiv { 217 float: right; 218} 219.searchFooterContainer { 220 margin:0px 5px; 221} 222 223.z-separator-hor { 224 /*height:0px;*/ 225 clear: both; 226} 227.resetdiv { 228 padding-bottom:4px; 229 padding-right:12px; 230} 231.hidden_image img { 232 display: none 233} 234 235.floatcentre { 236 margin: 0 auto; 237} 238 239 240.bold { 241 font-weight: bold; 242} 243.spaced { 244 margin: 10px 0px; 245} 246.spacedUp { 247 bottom: 5px; 248 position: relative; 249 margin: 0px 10px; 250} 251.spacedDown { 252 top: 5px; 253 position: relative; 254 margin: 0px 10px; 255} 256 257.inputspace { 258 margin-bottom: 5px ; 259} 260.z-center { 261 262} 263.z-center-body { 264 background-color: #FFFFFF; 265 /*removed for openlayers polygon borders in wkhtmltoimage 266 border: 1px solid #ccc;*/ 267} 268 269 270.z-west-header { 271 font-size: 16px; 272 font-family: Arial,Helvetica,sans-serif;; 273 padding-left: 10px; 274 font-weight: bold; 275 /*background-color: #375c79; 276 background-image: none;*/ 277} 278 279.z-border-layout { 280 background-color: #EBEBEB; 281} 282.z-west, .z-center, .z-east, .z-north, .z-south { 283 margin: 0px; 284 padding: 0px; 285 border: 0px; 286 background-color: inherit; 287} 288 289.z-west { 290 background-color: #fff; 291 border-right: 0px; 292 border-top: 0px; 293 border: 0px solid white; 294} 295 296.z-west h1, .z-west h2 { 297 margin: 5px; 298 padding: 2px; 299} 300.westContent { 301 background-color: #fff; 302 border: 2px solid white; 303 border-top: 1px solid #eee; 304} 305.westMinimised { 306 background-color: #EBEBEB; 307 height: 100%; 308} 309 310.z-dottree { 311 border: 0px; 312 /*overflow:hidden;*/ 313} 314.leftmenutabs { 315 width: 100%; 316 background-color: white; 317} 318 319 320.menuswitch { 321 background-image: none; 322} 323.menuswitcr .z-tabpanels, z-tabs-space{ 324 display: none; 325} 326.menuswitch ul { 327 border: none; 328} 329.menuswitch .z-tabpanels, z-tabs-space{ 330 display: none; 331} 332.closebox { 333 float:right; 334 position: absolute; 335 right: 0px; 336} 337 338.hiddentitle .z-tab-accordion-header { 339 display: none; 340} 341 342.z-toolbar-tabs-outer, .z-tabs-scroll .z-tabs-cnt { 343 background:#FFFFFF url(../img/base-shadow.png) repeat-x scroll left bottom; 344 border:0 none !important; 345 padding-top:5px; 346} 347 348.z-toolbar-tabs { 349 background: transparent; 350} 351 352.z-tabs-scroll { 353 border:0; 354} 355 356.z-tabpanel { 357 border: 0; 358} 359 360 361.loginBoxCnt{ 362 background: none; 363} 364.loginBoxCnt .z-tabpanel { 365 border: none; 366 padding: 20px; 367} 368 369 370.z-tabs-space { 371 display: none; 372} 373.z-tabpanels-accordion, .z-listbox { 374 background: white; 375} 376.z-tabbox-accordion, .z-tabpanels-accordion, .z-tabpanel-accordion, div.z-dottree, div.z-tree { 377 border: 0px; 378 white-space: nowrap; 379 background: white; 380} 381.z-tab-accordion-header div{ 382 background-image: none; 383} 384 385.z-tab-accordion{ 386 background: url(../img/base-shadow.png) repeat-x bottom left ; 387} 388.z-tab-accordion-header:hover { 389 background-color: #e89c14; 390 /* border-bottom: 0px solid #ddd ;*/ 391} 392 393.z-tab-accordion-header { 394 /* border: solid 0px white; 395 border-left: 0px; 396 border-right: 0px; 397 border-bottom: 0px solid #ddd ; */ 398} 399 400 401.tabheader{ 402 display: block; 403 width: 100%; 404 border-bottom: 1px dotted #ddd ; 405 margin-bottom: 2px ; 406 padding-bottom: 2px ; 407} 408 409 410 411.z-tab .z-tab-text{ 412 /*color: #01716E; */ 413} 414 415.z-tab .z-tab-hl:hover .z-tab-text { 416 /*color: #7D8804; 417 font-weight: bold; */ 418 color: #f00; 419} 420 421 422.z-tabs-cnt { 423 background: #EBEBEB 424} 425 426 427.z-tab-accordion-seld { 428 background-color: #ECECEC; 429 margin-bottom: 10px; 430 border-bottom: solid 2px teal ; 431} 432.z-tab-accordion-seld .z-tab-accordion-text, 433.z-tab-accordion-header:hover .z-tab-accordion-text{ 434 color: white; 435} 436 437.z-combobox .z-combobox-img { 438 border-left: 1px solid #86A4BE; 439} 440.z-combobox-inp { 441 width: 100%; 442} 443.z-datebox .z-datebox-img{ 444 border-left: 1px solid #86A4BE; 445 border-bottom: 1px solid #86A4BE; 446} 447 448.z-dottree { 449 border: 4px solid black; 450} 451.z-tree-ico { 452 margin-left: 10px; 453} 454.z-listbox { 455 margin-right: 15px; 456} 457 458 459.z-listcell, .z-listitem .z-listbox-odd { 460 border-bottom: 1px solid #cccccc; 461} 462 463div.z-listbox-body .z-listcell { 464 border-bottom: 1px solid #cccccc; 465 overflow: visible; 466} 467 468 469tr.z-listbox-odd { 470 /*background: white;*/ 471} 472tr.z-listcell, .z-listcell-cnt{ 473 padding-right: 10px; 474} 475 476div.z-listbox-body .z-listcell { 477 padding: 0px; 478 /*padding-top: 2px;*/ 479} 480tr.z-listitem-disd *,td.z-listcell-disd *{ 481 color:#C5CACB!important; 482 cursor:default!important; 483} 484tr.z-listitem-disd a:visited,tr.z-listitem-disd a:hover,td.z-listcell-disd a:visited,td.z-listcell-disd a:hover{ 485 text-decoration:none!important; 486 cursor:default!important; 487 /* border-color:#D0DEF0!important;*/ 488} 489/*tr.z-listitem-seld{background-color:#B3C8E8;border:1px solid #6f97d2;}*/ 490 491.mestsearchContainer tr.z-listitem-seld{ 492 background: #B3C8E8; 493} 494 495.z-button { 496 font-size: 10px; 497} 498 499.z-button .z-button-tl, 500.z-button .z-button-tm, 501.z-button .z-button-tr, 502.z-button .z-button-cl, 503.z-button .z-button-cm, 504.z-button .z-button-cr , 505.z-button .z-button-bl, 506.z-button .z-button-bm, 507.z-button .z-button-br { 508 background: none; 509} 510.z-button .z-button-cl, 511.z-button .z-button-cm, 512.z-button .z-button-cr { 513 /*background: #eee;*/ 514 padding: 2px 0px; 515 font-weight: bold; 516} 517.z-button-over * { 518 color: #333 !important; 519} 520 521/*tr.z-listitem-over{background:#dae7f6;}tr.z-listitem-over-seld{background:#6eadff;}*/ 522 523.z-listcell * { 524 /* Ajay: hiding this so the images for the groupped listbox turn on */ 525 /*background-image: none;*/ 526} 527/* Ajay: changing the width so the listbox groupped image displays */ 528.z-listgroup-img { 529 width: 14px; 530} 531 532.z-listcell img { 533 padding-right: 6px; 534} 535 536.z-listcell , .z-treerow, .z-treecell{ 537 border-bottom: none; 538} 539 540.toplinks { 541 background: url(../img/mapshadow.png) repeat-x top left ; 542 background-color: #EBEBEB; 543 /*border: 1px solid white; 544 border-top: 0px; 545 border-bottom: 2px solid white;*/ 546 color: white; 547 float:right; 548 position: absolute; 549 right: 0px; 550 padding: 10px; 551 padding-top:4px; 552 padding-bottom:6px; 553} 554.toplinks a{ 555 color: teal; 556 font-size: 12px; 557 font-weight: bold; 558 margin: 0px 6px; 559 text-decoration: none; 560} 561.toplinks a:hover{ 562 text-decoration: inherit; 563} 564 565.layerSwitcherContainer { 566 margin-top:100px; 567 padding: 5px; 568 position: absolute; 569 float: right; 570 right: 0; 571 z-index: 1000000000000; 572 background: white; 573 overflow-y: auto; 574 overflow-x: hidden; 575} 576.layerSwitcherContainer_min { 577 margin-top:100px; 578 padding: 0px; 579 position: absolute; 580 float: right; 581 right: 0; 582 background: inherit; 583} 584 585.tabpanel_cnt { 586 border: 0px; 587 margin:2px; 588 background: white; 589 590} 591.highlighted .z-radio-cnt { 592 font-size: 11px; 593} 594 595.z-radio input { 596 height:20px; 597 vertical-align: middle; 598} 599 600#specialoverlapped-tl { 601 margin-right: 30px; 602} 603 604 605#ft /* area with the copyright info */ 606{ 607 display: block; 608 margin: 5px 30px; 609 text-align: center; 610 color: white; 611 font-family: Arial,Helvetica,sans-serif;; 612} 613 614#ft * { 615 font-size: 10px; 616 color: teal; 617} 618 619#ft a { 620 color: blue; 621} 622 623#ft a:hover { 624 color: white; 625} 626/* 627.z-west-colpsd { 628 display: none; 629}*/ 630 631.motd-title { 632 font-weight: bold; 633 color: #FFFFFF; 634 background-color: #e89c14; 635 padding: 10px; 636 margin: 4px; 637} 638 639.white-background { 640 background-color: white; 641} 642 643 644 /* 645.buttons, .helpButtonMain, .goButton { 646 -webkit-appearance: button; 647 margin: 0em; 648 font: -webkit-small-control; 649 letter-spacing: normal; 650 word-spacing: normal; 651 line-height: normal; 652 text-transform: none; 653 text-indent: 0px; 654 text-shadow: none; 655 display: inline-block; 656 -webkit-box-align: center; 657 text-align: center; 658 cursor: default; 659 color: buttontext; 660 border: 2px outset buttonface; 661 background-color: buttonface; 662 box-sizing: border-box; 663 padding: 1px 6px; 664 float: right; 665} 666*/ 667 668.buttons:hover, .helpButtonMain:hover, .goButton:hover { 669 /*background: #DD3102 url("../img/menu/hover.gif") bottom center no-repeat;*/ 670 /*background: #DD3102;*/ 671 /*color:#FFFFFF; 672 text-decoration:none;*/ 673} 674 675.fUploadButton { 676 /* padding: 0px !important;* / 677 margin: 0px 1px 0 0; 678} 679 680.helpButton { 681 color: #EEEEEE; 682 /*background:transparent url('/img/help.png') no-repeat left top;*/ 683 padding: 2px; 684} 685 686.helpButtonMain { 687 position: absolute; 688 right: 30px; 689 padding: 3px 10px; 690 /* 691 border: 1px solid #7EAAC6; 692 background-color: #B4E7FF; 693 */ 694 line-height: 1.6em; 695 696} 697closebox a.helpButtonMain { 698 text-decoration: none; 699 color: teal; 700} 701.helpButtonMain:hover { 702 background-color: #DEF4FF; /*#EFFBFF;*/ 703} 704closebox a.helpButtonMain:hover { 705 font-weight: bold; 706} 707 708.exampleText { 709 color: #AAA; 710} 711 712.z-tree-body { 713 text-align: left; 714} 715/* 716* hide the north and south panels as the site will now be wrapped 717* within an iframe via the test.ala.org.au 718 719.z-north, .z-south { 720 display: none; 721} 722*/ 723 724.z-tabs-cnt { 725 color: #fff; 726} 727 728.z-tab .z-tab-text { 729 color: #fff; 730} 731 732.z-tabs-left-scroll, .z-tabs-right-scroll, .z-tab-seld .z-tab-text { 733 /* color: #01716e; */ 734} 735 736.z-loading { 737 top: 50% !important; 738 left: 45% !important; 739 align: center; 740 vertical-align: middle; 741} 742 743 744/*******************************/ 745/* scatterplot start */ 746/*******************************/ 747.chartDiv { 748 float:left; 749 width: 320px; 750 height: 320px; 751 padding:0; 752 -webkit-user-select: none; 753 -webkit-user-drag: none; 754 -moz-user-select: none; 755 cursor: crosshair; 756 border: 0; 757 margin: 0; 758} 759#rband { 760 position:absolute; 761 display:none; 762 width:0px; 763 height:0px; 764 padding:0; 765 cursor: crosshair; 766 border: 2px solid red; 767 background-color: white; 768 opacity: 0.50; 769 filter: alpha(opacity=50); 770} 771/*******************************/ 772/* scatterplot end */ 773/*******************************/ 774 775.btnAddSpecies, .btnAddPlace, .btnAddArea, .btnAddLayer, .btnAddModel { 776 margin:0 0 0 0; 777 /*padding: 5px 10px;*/ 778 display:block; 779 border-style:outset; 780 /*height:5em;*/ 781 /*width:127px;*/ 782 overflow:hidden; 783 line-height: 1em; 784 padding: 5px; 785 font-size: 9px; 786 font-weight: bold; 787 width: 80px; 788 font-family: Arial,Helvetica,sans-serif; 789 cursor: pointer; 790} 791 792.btnAddSpecies { 793 background-color: RGB(230,185,184) 794} 795 796.btnAddPlace { 797 background-color: RGB(215,228,189) 798} 799 800.btnAddArea { 801 background-color: RGB(198,217,241) 802} 803 804.btnAddLayer { 805 background-color: RGB(252,213,181) 806} 807 808.btnAddModel { 809 background-color: RGB(204,193,218) 810} 811 812.selectedLayer { 813 background-color: white; 814 color: #000000; 815/* font-style: italic; */ 816 font-size: 22px; 817 font-family: 'Arial Narrow',Arial,Helvetica,sans-serif; 818 padding: 1px 1px 1px 4px; 819} 820 821.selectedLayerDiv { 822 padding-top: 15px; 823 border-top: 4px solid #D9D9D9; 824} 825 826/*******************************/ 827/* modal window styles start */ 828/*******************************/ 829 830.wLabel { 831 margin-left:5px; 832} 833 834.wSubLabel { 835 font-weight: bold; 836} 837 838.wCaption { 839 margin-left:20px; 840 font-style:italic; 841} 842 843.wButtons { 844 float:right; 845 margin-right:5px; 846} 847 848.wizButtonContainer { 849 position: absolute; 850 bottom: 0px; 851 right: 0px; 852 margin: 0px 5px 5px 0px; 853 padding: 0px 5px 5px 0px; 854 855} 856 857/*******************************/ 858/* modal window styles end */ 859/*******************************/ 860 861 862/*******************************/ 863/* MENU DROPDOWN START */ 864/*******************************/ 865 866.menu{ 867 border:0px; 868 margin:0px; 869 padding:0px; 870 font-family:Arial,Helvetica,sans-serif; 871 font-size:13px; 872} 873.menu ul{ 874 height:30px; 875 list-style:none; 876 margin:0; 877 padding:0; 878} 879.menu li{ 880 float:left; 881 padding:0px; 882} 883.menu li a{ 884 background: white; 885 color:#3a5c83; 886 display:block; 887 font-weight:normal; 888 line-height:30px; 889 margin:0px; 890 padding:0px 15px; 891 text-align:left; 892 text-decoration:none; 893 border-right: 1px solid #CCC; 894 border-bottom: 1px solid #CCC; 895} 896.menu li a:hover, .menu ul li:hover a{ 897 background: #08525F; 898 color:#ffffff; 899 text-decoration:none; 900} 901.menu li ul{ 902 background:#2899AE; 903 display:none; 904 height:auto; 905 padding:0px; 906 margin:0px; 907 border:0px; 908 position:absolute; 909 width:150px; 910 z-index:200; 911 /*top:1em; 912 /*left:0;*/ 913} 914.menu li:hover ul{ 915 display:block; 916 917} 918.menu li li { 919 display:block; 920 float:none; 921 margin:0px; 922 padding:0px; 923 width:150px; 924} 925.menu li:hover li a{ 926 background:none; 927 928} 929.menu li ul a{ 930 display:block; 931 height:30px; 932 font-size:12px; 933 font-family:Arial,Helvetica,sans-serif; 934 margin:0px; 935 padding:0px 10px 0px 10px; 936 border-bottom: 1px solid #CCC; 937 text-align:left; 938} 939.menu li ul a:hover, .menu li ul li:hover a{ 940 background:#DD3102; 941 /* border:0px; 942 border-bottom: 1px solid #CCC; 943 padding:0px 10px 0px 10px; */ 944 color:#ffffff; 945 text-decoration:none; 946} 947.menu p{ 948 clear:left; 949} 950 951 952/* addSpecies #CCFFCC */ 953 954/* addArea #FFFFCC */ 955 956/* addLayer #CCFFFF */ 957 958/* tool #FFCCCC */ 959 960.mapoptsel {background: #eee url(../img/arrow_right.png) no-repeat 1px 6px;} 961 962/*******************************/ 963/* MENU DROPDOWN END */ 964/*******************************/ 965 966 967.embedWindows{ 968 position:absolute; 969 left:0px; 970 top:0px; 971 width: 400px; 972 height: 100%; 973} 974.embedWindowsContent{ 975 padding:10px; 976 width: 100%; 977} 978.embedWindowsButtons{ 979 float:right; 980 margin-right:5px; 981} 982 983 984.z-button-os-disd { 985 /* background: #ccc; 986 color: #888;*/ 987} 988.z-button-os-disd:hover { 989 /*background: #ccc; 990 color: #888;*/ 991} 992 993.z-window-embedded-tl, .z-window-modal-tl, .z-window-highlighted-tl, .z-window-overlapped-tl, .z-window-popup-tl, 994.z-window-embedded-hl, .z-window-modal-hl, .z-window-highlighted-hl, .z-window-overlapped-hl, .z-window-popup-hl, 995.z-window-embedded-hr, .z-window-modal-hr, .z-window-highlighted-hr, .z-window-overlapped-hr, .z-window-popup-hr, 996.z-window-embedded-hm, .z-window-modal-hm, .z-window-highlighted-hm, .z-window-overlapped-hm, .z-window-popup-hm, 997.z-window-embedded-tr, .z-window-modal-tr, .z-window-highlighted-tr, .z-window-overlapped-tr, .z-window-popup-tr { 998 background-color: white; 999 background-image: none; 1000 padding: 0px; 1001} 1002 1003div.z-listbox-body .z-listcell { 1004 border-bottom: none; 1005 /* overflow: visible; */ 1006} 1007 1008tr.z-listbox-odd { 1009 background: #F0F0F0; 1010} 1011 1012a:link, a:visited, #page-95 h2 span a:link, #myprofile h2 span a:link, #page-95 h2 span a:visited, #myprofile h2 span a:visited, span.head-link-right a:link, span.head-link-right a:visited, .news h3 a:link, .news h3 a:visited { 1013 color: #3a5c83; 1014 text-decoration: underline; 1015 outline: none; 1016} 1017 1018a:hover, a:active, #nav-tabs li a:hover.selected, h2 a:hover, h2 a:active, #page-95 h2 span a:hover, #myprofile h2 span a:hover, #page-95 h2 span a:active, #myprofile h2 span a:active, span.head-link-right a:hover, span.head-link-right a:active, h3 a:hover, h3 a:active, .news h3 a:hover, .news h3 a:active { 1019 color: #DD3102; 1020 text-decoration: underline; 1021 outline: none; 1022} 1023 1024tr.z-listitem-seld, tr.z-listitem-seld span, tr.z-listitem-seld div { 1025 background-color: #08525F; 1026 color: white; 1027} 1028 1029 1030tr.z-listitem-over, tr.z-listitem-over span, tr.z-listitem-over div { 1031 background-color: #DD3102; 1032 color: white; 1033 /*padding: 0; 1034 border: 0; 1035 margin: 0;*/ 1036} 1037 1038.menudiv { 1039/* background-color:#efefef; 1040 background-image: -moz-linear-gradient(top, #ffffff, #efefef); FF3.6 1041 background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #efefef)); Saf4+, Chrome 1042 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#efefef'); IE6,IE7 1043 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#efefef')"; IE8 1044 height:40px; 1045 background-repeat:no-repeat;*/ 1046 1047 position: absolute; 1048 z-index: 200; 1049} 1050 1051 1052div.z-center-body { 1053 overflow: auto; 1054} 1055 1056/* 1057.contextualDiv { 1058 overflow: auto; 1059 background:RGB(228,210,124); 1060 height: auto; 1061 margin: 0; 1062 background-repeat: no-repeat; 1063 border: 1px solid #AAA; 1064 -moz-border-radius: 7px; 1065 -webkit-border-radius: 7px; 1066 -o-border-radius: 7px; 1067 -icab-border-radius: 7px; 1068 -khtml-border-radius: 7px; 1069 -moz-border-radius: 7px; 1070 border-radius: 7px; 1071 -o-box-shadow: 4px 4px 0px #b9b9b9; 1072 -icab-box-shadow: 4px 4px 0px #b9b9b9; 1073 -khtml-box-shadow: 4px 4px 0px #b9b9b9; 1074 -moz-box-shadow: 4px 4px 0px #b9b9b9; 1075 -webkit-box-shadow: 4px 4px 0px #b9b9b9; 1076 box-shadow: 4px 4px 0px #b9b9b9; 1077 border-top-left-radius: 7px 7px; 1078 border-top-right-radius: 7px 7px; 1079 border-bottom-right-radius: 7px 7px; 1080 border-bottom-left-radius: 7px 7px; 1081 1082 background-color:#dfdfdf; 1083} 1084 1085*/ 1086 1087.contextualDivMenu{ overflow: auto; padding-bottom: 10px; height:90px; bottom:0px; } 1088 1089.contextualDivMenu ul { list-style: none; } 1090 1091.ctxbox ul { 1092 border-top : 2px solid #FFF; 1093 padding-left: 5px; 1094} 1095.ctxbox li{ 1096 margin-top: 0px; 1097} 1098.ctxbox a { 1099 font-size: 11px; 1100 padding: 5px; 1101} 1102 1103div.z-listheader-cnt { 1104 font-weight: bold; 1105 font-size: 12px; 1106 padding: 5px 5px 7px; 1107} 1108 1109.z-comboitem .z-comboitem-text .z-comboitem-text-disd .z-comboitem-text-invalid .z-comboitem-cnt { 1110 /*color: #01716E; */ 1111} 1112 1113.z-comboitem-disd, .z-comboitem-disd td { 1114 1115 opacity: 1; 1116 1117 background: white; 1118 1119 /*color: #01716E!important; */ 1120 1121 text-align:center; 1122 1123} 1124.z-checkbox-cnt { 1125 /* color: #01716E; */ 1126} 1127 1128.z-modal-mask { 1129 background-color: #777; 1130 opacity: 0.7; 1131 cursor: pointer; 1132 display: block; 1133} 1134 1135.fancybox-bg { 1136 position: absolute; 1137 padding: 0; 1138 margin: 0; 1139 border: 0; 1140 width: 20px; 1141 height: 20px; 1142 z-index: 1001; 1143} 1144 1145#fancybox-bg-n { 1146 top: -20px; 1147 left: 0; 1148 width: 100%; 1149 background-image: url('../img/fancybox-x.png'); 1150} 1151 1152#fancybox-bg-ne { 1153 top: -20px; 1154 right: -20px; 1155 background-image: url('../img/fancybox.png'); 1156 background-position: -40px -162px; 1157} 1158 1159#fancybox-bg-e { 1160 top: 0; 1161 right: -20px; 1162 height: 100%; 1163 background-image: url('../img/fancybox-y.png'); 1164 background-position: -20px 0px; 1165} 1166 1167#fancybox-bg-se { 1168 bottom: -20px; 1169 right: -20px; 1170 background-image: url('../img/fancybox.png'); 1171 background-position: -40px -182px; 1172} 1173 1174#fancybox-bg-s { 1175 bottom: -20px; 1176 left: 0; 1177 width: 100%; 1178 background-image: url('../img/fancybox-x.png'); 1179 background-position: 0px -20px; 1180} 1181 1182#fancybox-bg-sw { 1183 bottom: -20px; 1184 left: -20px; 1185 background-image: url('../img/fancybox.png'); 1186 background-position: -40px -142px; 1187} 1188 1189#fancybox-bg-w { 1190 top: 0; 1191 left: -20px; 1192 height: 100%; 1193 background-image: url('../img/fancybox-y.png'); 1194} 1195 1196#fancybox-bg-nw { 1197 top: -20px; 1198 left: -20px; 1199 background-image: url('../img/fancybox.png'); 1200 background-position: -40px -122px; 1201} 1202 1203.fancybox-close { 1204 position: absolute; 1205 top: -15px; 1206 right: -15px; 1207 width: 30px; 1208 height: 30px; 1209 background: transparent url('../img/fancybox.png') -40px 0px; 1210 cursor: pointer; 1211 z-index: 1103; 1212} 1213 1214.fancybox-help { 1215 position: absolute; 1216 top: -15px; 1217 right: 15px; 1218 width: 30px; 1219 height: 50px; 1220 background: transparent url('../img/fancybox_help.png'); 1221 background-repeat: no-repeat; 1222 cursor: pointer; 1223 z-index: 1103; 1224} 1225 1226.z-window-modal, .z-window-overlapped { 1227 overflow: visible; 1228} 1229 1230.z-caption .z-caption-l { 1231 font-family: "Arial Narrow", Arial, Helvetica,sans-serif; 1232 /* color: #718804; */ 1233 font-weight: normal; 1234 padding-left: 10px; 1235 font-size: 24px; 1236} 1237 1238.left-cover { 1239 position:fixed;left:0;top:0;height:100%;width:400px;z-index:-1; 1240 background-color: #777; 1241 opacity: 0.7; 1242 cursor: pointer; 1243 display: block; 1244} 1245 1246.z-window-modal-cm { 1247 border: 0; 1248} 1249 1250.z-window-highlighted-cl, .z-window-highlighted-cr, .z-window-highlighted-bl { 1251 padding: 0; 1252} 1253.z-window-highlighted-bl { 1254 height: 0; 1255} 1256 1257.legendlist div.z-listbox-body { 1258 overflow: visible; 1259 border: 0px; 1260} 1261 1262.legendlist td.z-listcell { 1263 padding: 0px; 1264 border: 0px; 1265} 1266 1267.legendlist td.z-listcell-over { 1268 padding: 0px; 1269 border: 0px; 1270} 1271 1272.legendlist2 .z-listheader-cnt input, .z-list-group-inner div input, .z-listheader-img { 1273 display: none; 1274 } 1275 1276 .legendlist2 div.z-listcell-cnt { 1277 font-size: 11px; 1278 } 1279 1280.fUploadButton td.z-button-tl, .fUploadButton td.z-button-tm, .fUploadButton td.z-button-tr, 1281.fUploadButton td.z-button-cl, .fUploadButton td.z-button-cr, 1282.fUploadButton td.z-button-bl, .fUploadButton td.z-button-bm, .fUploadButton td.z-button-br { 1283 display: none; 1284} 1285.fUploadButton td.z-button-cm { 1286 -webkit-appearance: button; 1287 margin: 0em; 1288 font: -webkit-small-control; 1289/* letter-spacing: normal; */ 1290 /* word-spacing: normal; 1291 line-height: normal; 1292 text-transform: none; 1293 text-indent: 0px; 1294 text-shadow: none; 1295 display: inline-block; 1296 text-align: center; 1297 cursor: default; */ 1298 color: buttontext; 1299 border: 2px outset buttonface; 1300 background-color: buttonface; 1301 box-sizing: border-box; 1302 padding: 1px 6px; 1303 float: right; 1304 font-weight: normal; 1305} 1306 1307span.z-button { 1308 -webkit-margin-before: 0px; 1309 -webkit-margin-start: 0px; 1310 -webkit-margin-end: 0px; 1311} 1312 1313.z-south { 1314 background-color: white; 1315} 1316 1317div.z-window-modal-header, div.z-window-overlapped-header { 1318 font-family: "Arial Narrow", Arial, Helvetica,sans-serif; 1319 /* color: #718804; */ 1320 font-weight: normal; 1321 padding-left: 10px; 1322 font-size: 24px; 1323} 1324 1325.z-window-modal-cl, .z-window-modal-bl, .z-window-modal-br, .z-window-modal-cr { 1326 padding: 0; 1327 margin: 0; 1328 height: 0px; 1329} 1330 1331.envlist .z-listheader-cnt input, .z-list-group-inner div input, .z-listheader-img { 1332 display: none; 1333 } 1334 1335 .envlist div.z-listcell-cnt { 1336 font-size: 10px; 1337 } 1338 1339 .lcWhite { 1340 background: #ffffff; 1341 } 1342 1343 .lcRed { 1344 background: #bb2222; 1345 } 1346 .lcYellow { 1347 background: #ffff22; 1348 } 1349 .lcGreen { 1350 background: #22aa22; 1351 } 1352 .lblRed { 1353 color: red; 1354} 1355 1356 .xRemove { 1357 text-decoration: underline; 1358 } 1359 1360 .notFoundSciname div.z-listcell-cnt { 1361 color: red; 1362} 1363 1364 .notFoundFamily div.z-listcell-cnt { 1365 color: red; 1366 text-decoration: underline; 1367} 1368 1369 .underline { 1370 text-decoration: underline; 1371 cursor: pointer; 1372} 1373 1374.z-west-header { 1375 display: none; 1376} 1377 1378.atstep { 1379 height:180px; 1380 width:400px; 1381 overflow:auto; 1382} 1383 1384 1385 1386/* species info table start */ 1387.md_heading { 1388 font-family: "Arial Narrow", Arial, Helvetica,sans-serif; 1389 font-size:22.1px; 1390 /* color:#718804; */ 1391 padding:5px; 1392 margin:0px; 1393} 1394 1395.md_th{ 1396 font-family:Arial,Helvetica,sans-serif; 1397 font-size:11px; 1398 font-weight:700; 1399 font-style:normal; 1400 color:#000000; 1401 text-transform:none; 1402 text-decoration:none; 1403 letter-spacing:normal; 1404 word-spacing:0; 1405 line-height:20.8px; 1406 text-align:left; 1407 vertical-align:top; 1408 direction:ltr; 1409} 1410 1411.md_th, .md_td, .md_spacer{ 1412 padding: 0.5em 5px; 1413} 1414 1415.md_spacer{ 1416 width:20px; 1417} 1418 1419.md_table { 1420 border-collapse: collapse; 1421 border-spacing: 0px; 1422 padding-left: 15px; 1423 width: 100%; 1424} 1425.md_value{ 1426 text-align: left; 1427 font-family: Arial,Helvetica,sans-serif; 1428 font-size: 11px; 1429 line-height: 20.8px; 1430 padding:5px; 1431 width: 80%; 1432} 1433 1434.md_grey-bg{ 1435 background-color: #F0F0F0; 1436 border-collapse: collapse; 1437 border-spacing: 0; 1438} 1439/* species info table end */ 1440/* 1441.z-button .z-button-tl, .z-button .z-button-tr { 1442 height: 0; 1443} 1444*/