PageRenderTime 96ms CodeModel.GetById 17ms app.highlight 71ms RepoModel.GetById 1ms app.codeStats 1ms

/webportal/src/main/webapp/css/zkcomponents.css

http://alageospatialportal.googlecode.com/
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*/