gosa-core/html/themes/default/style.css

   1 @font-face {
   2   font-family: 'LiberationSans';
   3   src: local('LiberationSans Regular'),
   4        local('LiberationSans-Regular'),
   5        url('fonts/LiberationSans-Regular.ttf') format('truetype');
   6 }
   7
   8 @font-face {
   9   font-family: 'LiberationSans';
  10   src: local('LiberationSans Italic'),
  11        local('LiberationSans-Italic'),
  12        url('fonts/LiberationSans-Italic.ttf') format('truetype');
  13   font-style: italic;
  14 }
  15
  16 @font-face {
  17   font-family: 'LiberationSans';
  18   src: local('LiberationSans Bold'),
  19        local('LiberationSans-Bold'),
  20        url('fonts/LiberationSans-Bold.ttf') format('truetype');
  21   font-weight: bold;
  22 }
  23
  24 @font-face {
  25   font-family: 'LiberationSans';
  26   src: local('LiberationSans Bold Italic'),
  27         local('LiberationSans-BoldItalic'),
  28         url('fonts/LiberationSans-BoldItalic.ttf') format('truetype');
  29   font-weight: bold;
  30   font-style: italic;
  31 }
  32
  33 body, html {
  34   border:0;
  35   margin:0;
  36   background-color:#FFF;
  37   color:#000;
  38   font-size:13px;
  39   font-family:"LiberationSans",Arial,Verdana,sans-serif;
  40   height:100%;
  41   min-width:1000px;
  42   min-height:700px;
  43 }
  44
  45 span.highlight {
  46   font-weight:bold;
  47 }
  48
  49 .left{
  50   float:left;
  51 }
  52
  53 .right{
  54   float:right;
  55 }
  56
  57 .v-spacer{
  58   height:8px;
  59 }
  60
  61 hr {
  62   border:0;
  63   border-bottom:1px solid #CCC;
  64 }
  65
  66 a:link {
  67   text-decoration:none;
  68   color:#000;
  69 }
  70
  71 a:visited {
  72   text-decoration:none;
  73   color:#000;
  74 }
  75
  76 input[type=checkbox]{
  77   border:1px solid #CCC;
  78 }
  79
  80 input[type=text], input[type=password]{
  81   border:1px solid #CCC;
  82   padding:3px;
  83 }
  84
  85 input[type=text]:active, input[type=text]:focus, input[type=password]:active, input[type=password]:focus, textarea:focus, textarea:active, select:focus, select:active{
  86   border:1px solid #777;
  87 }
  88
  89 input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover{
  90   border-color:#777;
  91 }
  92
  93 input[type=password]{
  94   background-repeat:no-repeat;
  95   background-position:right center;
  96 }
  97
  98 textarea, select {
  99   border:1px solid #DDD;
 100   margin-bottom:2px;
 101 }
 102
 103 textarea[disabled], select:disabled, select[size="1"]:disabled {
 104 color:#666;
 105 background-color:#F0F0F0;
 106 border-color:#CCC;
 107 }
 108
 109 input[disabled] {
 110 background-color:#F0F0F0;
 111 color:#666;
 112 }
 113
 114 select[size="1"]{
 115   padding:2px;
 116   border:1px solid #CCC;
 117   margin:0;
 118   background-color:#FFF;
 119 }
 120
 121 select[size="1"]:hover{
 122   border:1px solid #777;
 123 }
 124
 125 input[disabled]:hover, select[disabled]:hover, textarea[disabled]:hover {
 126   border:1px solid #CCC;
 127 }
 128
 129 h1, h2, h3 {
 130   margin-top:2px;
 131 }
 132
 133 h1, h3 {
 134   font-size:13px;
 135   font-weight:bold;
 136 }
 137
 138 .required{
 139   font-size:xx-small;
 140   vertical-align:top;
 141   color:red;
 142 }
 143
 144
 145 /* Error collector */
 146 #errorbox {
 147   width:100%;
 148 }
 149
 150 .error-collector {
 151   border-bottom:1px solid black;
 152   width:100%;
 153   z-index:150;
 154   padding:2px;
 155   height:32px;
 156   background-color:#FFA;
 157   -webkit-animation-name:error-collector;
 158   -webkit-animation-duration:0.5s;
 159   -webkit-animation-iteration-count:2;
 160   -webkit-animation-direction:alternate
 161 }
 162
 163 @-webkit-keyframes error-collector{
 164   from{background-color:#FFA;}
 165   to{background-color:red;}
 166 }
 167
 168
 169 .error-collector span {
 170   font-size:13px;
 171   font-weight:bold;
 172 }
 173
 174 .error-collector td {
 175   vertical-align:middle;
 176 }
 177
 178
 179 div.scrollContainer {
 180   border:1px solid #CCC;
 181   padding:1px;
 182   overflow-x:hidden;
 183   overflow-y:auto;
 184 }
 185
 186
 187
 188 /* Image with migration color */
 189
 190 input[type=submit].img{
 191   border:0;
 192   padding:0;
 193   margin:0;
 194   margin-top:-2px;
 195   display:inline-block;
 196   display:-moz-inline-block;
 197   background-color:transparent;
 198   background-repeat:no-repeat;
 199   position:relative;
 200   cursor:pointer;
 201 }
 202
 203 div.tooltip{
 204   padding: 5px;
 205   width: 500px;
 206   border: 1px solid #000;
 207   background-color: #F0F0F0;
 208 }
 209
 210 div.img{
 211   display:inline-block;
 212   display:-moz-inline-block;
 213   background-color:transparent;
 214   background-repeat:no-repeat;
 215   position:relative;
 216 }
 217
 218 div.img div {
 219   background-color:transparent;
 220   background-repeat:no-repeat;
 221   bottom:0;
 222   right:0;
 223   position:absolute;
 224 }
 225
 226
 227 /* Title bar definitions */
 228
 229 div.title-bar{
 230   padding:0px;
 231   height:40px;
 232   border-top:1px solid #111;
 233   border-bottom:1px solid #222;
 234   background-color:#000;
 235   background:url('images/title-bar.png') repeat-x;
 236   color:#FFF;
 237   cursor:default;
 238 }
 239
 240 div.title-bar ul, div.title-bar ul li{
 241   list-style:none;
 242   display:inline;
 243   margin:0;
 244   padding:0;
 245 }
 246
 247 div.logged-in-label span{
 248   font-weight:bold;
 249 }
 250
 251 li.table-wrapper {
 252   display:table;
 253 }
 254
 255 div.logged-in-label {
 256   display:table-cell;
 257   height:40px;
 258   vertical-align:middle;
 259   padding:0 5px 0 5px;
 260 }
 261
 262 div.logout-label {
 263   display:table-cell;
 264   height:40px;
 265   vertical-align:middle;
 266   padding:0 5px 0 5px;
 267 }
 268
 269
 270 /* Screen areas */
 271
 272 div.navigation {
 273   float:left;
 274   position:absolute;
 275   width:150px;
 276   min-height:600px;
 277   padding-left:6px;
 278 }
 279
 280 div.plugin-area {
 281   position:relative;
 282   margin-left:164px;
 283   padding-right:6px;
 284   min-height:600px;
 285   min-width:700px;
 286   cursor:default;
 287 }
 288
 289 div.plugin-area-noMenu {
 290   position:relative;
 291   margin-left:6px;
 292   padding-right:6px;
 293   min-height:600px;
 294   min-width:700px;
 295   cursor:default;
 296 }
 297
 298
 299 /* Plugin decorations */
 300
 301 .plugin {
 302   clear:both;
 303   padding:5px 8px;
 304   position:relative;
 305   border:1px solid #CCC;
 306   border-radius:5px;
 307   box-shadow: 0 1px 0 rgba(0,0,0,0.1);
 308   -webkit-border-radius:5px;
 309   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
 310   -moz-border-radius:5px;
 311   -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.1);
 312 }
 313
 314 .plugin-actions {
 315   padding-top:5px;
 316   text-align:right;
 317 }
 318
 319 .plugin-disable-header {
 320   border-bottom:1px solid #DDD;
 321 }
 322
 323 .plugin-enable-header {
 324 }
 325
 326 /* Plugin navigation bar */
 327
 328 .plugin-path {
 329   margin-top:8px;
 330   margin-bottom:8px;
 331   height:32px;
 332   background-color:#F8F8F8;
 333   border:1px solid #CCC;
 334   border-radius:5px;
 335   -moz-border-radius:5px;
 336   -webkit-border-radius:5px;
 337   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#EEEEEE')";
 338   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
 339   background: -moz-linear-gradient(top, #F8F8F8, #EEE);
 340 }
 341
 342 ul.path-navigation {
 343   list-style:none;
 344   cursor:pointer;
 345   padding:0;
 346   margin:0;
 347   color:#666;
 348 }
 349
 350 ul.path-navigation li {
 351   display:inline;
 352   padding:5px;
 353   padding-top:9px;
 354   height:18px;
 355 }
 356
 357 ul.path-navigation li.path-element {
 358   cursor:default;
 359   border-left:1px solid #C2C2C2;
 360 }
 361
 362 ul.path-navigation li.path-element:hover {
 363   background:transparent;
 364   -ms-filter: "progid:DXImageTransform.Microsoft.gradient()";
 365   background: -webkit-gradient();
 366   background: -moz-linear-gradient();
 367 }
 368
 369 ul.path-navigation li.path-element[title]:hover {
 370   background-color: #E0E0E0;
 371   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#E0E0E0')";
 372   background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
 373   background: -moz-linear-gradient(top, #EEE, #E0E0E0);
 374 }
 375
 376 ul.path-navigation li:hover {
 377   background-color: #E0E0E0;
 378   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#E0E0E0')";
 379   background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
 380   background: -moz-linear-gradient(top, #EEE, #E0E0E0);
 381 }
 382
 383 .right-border {
 384   border-right:1px solid #C2C2C2;
 385 }
 386
 387 .left-border {
 388   border-left:1px solid #C2C2C2;
 389 }
 390
 391
 392 /* Side menu */
 393
 394 div.menu {
 395   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F5F5F5')";
 396   background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#F5F5F5));
 397   background: -moz-linear-gradient(top, #FFF, #F5F5F5);
 398 }
 399
 400 div.menu div {
 401   margin-top:-1px;
 402   height:3px;
 403   border-right:1px solid #C2C2C2;
 404   border-left:1px solid #C2C2C2;
 405   border-bottom:1px solid #C2C2C2;
 406   border-bottom-left-radius:5px;
 407   border-bottom-right-radius:5px;
 408   box-shadow: 0 1px 0 rgba(0,0,0,0.1);
 409   -webkit-border-bottom-left-radius:5px;
 410   -webkit-border-bottom-right-radius:5px;
 411   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
 412   -moz-border-radius:5px;
 413   -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.1);
 414 }
 415
 416 div.menu ul {
 417   list-style:none;
 418   margin:0;
 419   padding:0;
 420 }
 421
 422 div.menu ul li {
 423   padding:5px;
 424   cursor:pointer;
 425   border-left:1px solid #C2C2C2;
 426   border-right:1px solid #C2C2C2;
 427 }
 428
 429 div.menu ul li.current {
 430   padding:5px;
 431   cursor:pointer;
 432   background-color: rgba(0,0,0,0.1);
 433   border-left:1px solid #C2C2C2;
 434   border-right:1px solid #C2C2C2;
 435 }
 436
 437 div.menu ul li:hover {
 438   background-color: #E0E0E0;
 439 }
 440
 441 div.menu ul li.menu-header {
 442   cursor:default;
 443   text-align:center;
 444   font-weight:bold;
 445   color:#FFF;
 446   border:0;
 447   background-color: #415A84;
 448   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#5B6B8E', endColorstr='#2A4A79')";
 449   background: -webkit-gradient(linear, 0 0, 0 100%, from(#5B6B8E), to(#2A4A79));
 450   background: -moz-linear-gradient(top, #5B6B8E, #2A4A79);
 451   border-top-left-radius:5px;
 452   border-top-right-radius:5px;
 453   -moz-border-radius-topleft:5px;
 454   -moz-border-radius-topright:5px;
 455   -webkit-border-top-left-radius:5px;
 456   -webkit-border-top-right-radius:5px;
 457 }
 458
 459
 460 /* Buttons */
 461
 462 button {
 463   padding:2px 6px;
 464   margin:0;
 465   margin-bottom:6px;
 466   background-color:#F8F8F8;
 467   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#BBBBBB')";
 468   background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#BBB));
 469   background: -moz-linear-gradient(top, #FFF, #BBB);
 470   border:1px solid #BBB;
 471   border-radius:2px;
 472   -webkit-border-radius:2px;
 473   -moz-border-radius:2px;
 474   outline:none;
 475   min-width:60px;
 476 }
 477
 478 button:active {
 479   background-color:#CCC;
 480   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#BBBBBB', endColorstr='#FFFFFF')";
 481   background: -webkit-gradient(linear, 0 100%, 0 0, from(#FFF), to(#BBB));
 482   background: -moz-linear-gradient(top, #BBB, #FFF);
 483 }
 484
 485 button:hover {
 486   cursor:pointer;
 487   border-color:#777 !important;
 488 }
 489
 490 button:focus, .button:active {
 491   border-color:#777;
 492 }
 493
 494
 495 /* Tabs */
 496
 497 .tabs {
 498   width:100%;
 499   height:25px;
 500 }
 501
 502 .tab-content {
 503   padding:5px 8px;
 504   z-index:0;
 505   margin-top:-2px;
 506   position:relative;
 507   border:1px solid #CCC;
 508   border-top-right-radius:5px;
 509   border-bottom-right-radius:5px;
 510   border-bottom-left-radius:5px;
 511   box-shadow: 0 1px 0 rgba(0,0,0,0.1);
 512   -webkit-border-top-right-radius:5px;
 513   -webkit-border-bottom-right-radius:5px;
 514   -webkit-border-bottom-left-radius:5px;
 515   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
 516   -moz-border-radius-topright:5px;
 517   -moz-border-radius-bottomright:5px;
 518   -moz-border-radius-bottomleft:5px;
 519   -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
 520 }
 521
 522 .tabs ul {
 523   margin:0;
 524   padding:0;
 525   list-style:none;
 526 }
 527
 528 .tabs li {
 529   float:left;
 530   margin:0;
 531   padding:4px 8px;
 532   border-top:1px solid #C8C8C8;
 533   border-left:1px solid #C8C8C8;
 534   border-right:1px solid #C8C8C8;
 535   border-top-right-radius:5px;
 536   border-top-left-radius:5px;
 537   -webkit-border-top-right-radius:5px;
 538   -webkit-border-top-left-radius:5px;
 539   -moz-border-radius-topleft:5px;
 540   -moz-border-radius-topright:5px;
 541   background-color:#E8E8E8;
 542   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DDDDDD')";
 543   background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#DDD));
 544   background: -moz-linear-gradient(top, #EEE, #DDD);
 545   color:#333;
 546   cursor:pointer;
 547 }
 548
 549 .tabs li:hover {
 550   background-color:#FFF;
 551   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#FFFFFF')";
 552   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#FFF));
 553   background: -moz-linear-gradient(top, #F8F8F8, #FFF);
 554 }
 555
 556 .tabs li.current {
 557   background-color:#FFF;
 558   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#FFFFFF')";
 559   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#FFF));
 560   background: -moz-linear-gradient(top, #F8F8F8, #FFF);
 561   margin-top:-2px;
 562   max-height:14px;
 563   padding-bottom:6px;
 564   border-bottom:1px solid #FFF;
 565   position:relative;
 566   z-index:1;
 567   color:#222;
 568   cursor:pointer;
 569 }
 570
 571
 572 /* Cleaner */
 573
 574 .clear-left{
 575   clear:left;
 576 }
 577
 578 .clear{
 579   clear:both;
 580 }
 581
 582
 583 /* Icon menu */
 584
 585 .icon-menu-item{
 586   float:left;
 587   padding-top:10px;
 588   padding-bottom:10px;
 589   min-height:70px;
 590   min-width:150px;
 591   cursor:pointer;
 592 }
 593
 594 .icon-menu-item div.img{
 595   float:left;
 596 }
 597
 598 .icon-menu-item div.dsc{
 599   margin-left:55px
 600 }
 601
 602 .icon-menu-item:hover{
 603   background-color: #E0E0E0;
 604 }
 605
 606 .icon-menu-item h1{
 607   font-size:13px;
 608   font-weight:bold;
 609   margin:0;
 610   color:#333;
 611 }
 612
 613 h3.icon-menu-title{
 614   font-size:15px;
 615   font-weight:bold;
 616   margin-top:8px;
 617   color:#333;
 618 }
 619
 620 .icon-menu-item p{
 621   margin:0;
 622   color:#777;
 623 }
 624
 625
 626 /* Errors */
 627
 628 .error {
 629   border-color:red ! important;
 630 }
 631
 632
 633 /* Date picker*/
 634
 635 div.datepicker {
 636   position:absolute;
 637   text-align:center;
 638   border:1px #CCC solid;
 639   font-family:"LiberationSans",Arial,Verdana,sans-serif;
 640   background:#FFF;
 641   font-size:11px;
 642   padding:0;
 643   box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
 644   -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
 645   -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.1);
 646 }
 647
 648 div.datepicker-calendar table {
 649   font-size:11px;
 650   border:1px solid #FFF;
 651   margin:0;
 652   padding:0;
 653   text-align:center;
 654 }
 655
 656 div.datepicker div.datepicker-header {
 657   font-size:12px;
 658   font-weight:bold;
 659   background:#F0F0F0;
 660   border-bottom:1px solid #CCC;
 661   padding:2px;
 662   text-align:center;
 663 }
 664
 665 div.datepicker table.header {
 666   width:175px;
 667   border:0;
 668   padding:0;
 669   text-align:center;
 670 }
 671
 672 td {
 673   vertical-align:top;
 674 }
 675
 676 td.prev,td.prev_year,td.next,td.next_year {
 677   width:8%;
 678   cursor:pointer;
 679   font-weight:bold;
 680   line-height:16px;
 681 }
 682
 683 td.prev:hover,td.prev_year:hover,td.next:hover,td.next_year:hover {
 684   background-color:#DDD;
 685 }
 686
 687 td.header {
 688   text-align:center;
 689   width:68%;
 690   font-weight:bold;
 691   line-height:16px;
 692 }
 693
 694 div.datepicker-header {
 695   height:16px;
 696 }
 697
 698 div.datepicker-calendar table tbody tr {
 699   border:1px solid #FFF;
 700   margin:0;
 701   padding:0;
 702 }
 703
 704 div.datepicker-calendar table tbody tr td {
 705   border:1px #EEE solid;
 706   margin:0;
 707   padding:0;
 708   text-align:center;
 709   height:16px;
 710   line-height:16px;
 711   width:21px;
 712   cursor:pointer;
 713 }
 714
 715 div.datepicker-calendar table tbody tr td:hover,div.datepicker-calendar table tbody tr td.outbound:hover,div.datepicker-calendar table tbody tr td.today:hover {
 716   border:1px #CCE9FF solid;
 717   background:#E9F5FF;
 718   cursor:pointer;
 719 }
 720
 721 div.datepicker-calendar table tbody tr td.wday {
 722   border:1px #AAA solid;
 723   background:#CCC;
 724   cursor:text;
 725   width:21px;
 726   height:16px;
 727   line-height:16px;
 728   font-weight:bold;
 729 }
 730
 731 div.datepicker-calendar table tbody tr td.outbound {
 732   background:#F3F3F3;
 733 }
 734
 735 div.datepicker-calendar table tbody tr td.today {
 736   border:1px #CCE9FF solid;
 737   background:#E9F5FF;
 738   background-image:url(../../images/date_active.gif);
 739   background-repeat:no-repeat;
 740   position:top left;
 741   width:21px;
 742   height:16px;
 743   line-height:16px;
 744 }
 745
 746 div.datepicker-calendar table tbody tr td.today:hover {
 747   border:1px #CCE9FF solid;
 748   background:#E9F5FF;
 749   background-image:url(../../images/date_active.gif);
 750   background-repeat:no-repeat;
 751   position:top left;
 752 }
 753
 754 div.datepicker-calendar table tbody tr td.nclick,div.datepicker-calendar table tbody tr td.nclick_outbound {
 755   cursor:default;
 756   color:#aaa;
 757   width:21px;
 758   height:16px;
 759   line-height:16px;
 760 }
 761
 762 div.datepicker-calendar table tbody tr td.nclick_outbound {
 763   background:#E8E4E4;
 764   width:21px;
 765   height:16px;
 766   line-height:16px;
 767 }
 768
 769 div.datepicker-calendar table tbody tr td.nclick:hover,div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
 770   border:1px #EAEAEA solid;
 771   background:#FFF;
 772 }
 773
 774 div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
 775   background:#E8E4E4;
 776 }
 777
 778 div.datepicker div.datepicker-footer {
 779   font-size:11px;
 780   background:#F0F0F0;
 781   border-top:1px solid #AAA;
 782   cursor:pointer;
 783   text-align:center;
 784   padding:2px;
 785 }
 786
 787 .date {
 788   float:left;
 789 }
 790
 791 .datepicker-opener-table {
 792   border:1px solid transparent;
 793   padding:0;
 794   border-spacing:0;
 795   margin:0 0 0 3px;
 796   background:transparent url(../../images/datepicker.gif) no-repeat 0 0;
 797   width:18px;
 798   height:18px;
 799   cursor:pointer;
 800 }
 801
 802 .Opera .datepicker-opener-table {
 803   float:right;
 804 }
 805
 806 .IE7 .datepicker-opener-table {
 807   position:relative;
 808   top:0;
 809   left:3px;
 810 }
 811
 812 .datepicker-opener-table:hover {
 813   background:transparent url(../../images/datepicker_ro.gif) no-repeat 0 0;
 814 }
 815
 816 .datepicker-opener {
 817   width:16px;
 818   height:16px;
 819   margin:0 0 0 3px;
 820   cursor:pointer;
 821 }
 822
 823
 824 /* Lists */
 825
 826 div.listContainer {
 827   width:100%;
 828   border-top:1px solid #CCC;
 829   border-bottom:1px solid #CCC;
 830   border-left:1px solid #CCC;
 831   border-right:1px solid #CCC;
 832   border-top-left-radius:2px;
 833   border-top-right-radius:2px;
 834   -moz-border-radius-topleft:2px;
 835   -moz-border-radius-topright:2px;
 836   -webkit-border-top-left-radius:2px;
 837   -webkit-border-top-right-radius:2px;
 838 }
 839
 840 .fixedListHeader tr {
 841   position:relative;
 842   height:auto;
 843   font-weight:bold;
 844 }
 845
 846 .fixedListHeader a {
 847   color:#444;
 848 }
 849
 850 .listHeaderFormat {
 851   margin:3px;
 852   padding:1px;
 853   white-space:nowrap;
 854 }
 855
 856 .listHeaderFormat tr td {
 857   padding:4px;
 858   background-color:#F5F5F5;
 859   color:#444;
 860   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#FFFFFF')";
 861   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
 862   background: -moz-linear-gradient(top, #F8F8F8, #EEE);
 863   border-right:1px solid #CCC;
 864   border-bottom:1px solid #CCC;
 865 }
 866
 867 .listScrollContent {
 868   height:100%;
 869   overflow-x:hidden;
 870   overflow-y:auto;
 871 }
 872
 873 .listScrollContent tr {
 874   height:auto;
 875   white-space:nowrap;
 876 }
 877
 878 .listScrollContent tr:nth-child(odd) {
 879   background-color:#FFF;
 880 }
 881
 882 .listScrollContent tr:nth-child(even) {
 883   background-color:#F5F5F5;
 884 }
 885
 886 .listScrollContent tr.entry-locked:nth-child(odd) {
 887   background-color:#FFC;
 888 }
 889
 890 .listScrollContent tr.entry-locked:nth-child(even) {
 891   background-color:#F5F5CC;
 892 }
 893
 894 .listScrollContent tr.entry-error:nth-child(odd) {
 895   background-color:#FCC;
 896 }
 897
 898 .listScrollContent tr.entry-error:nth-child(even) {
 899   background-color:#F5C5C5;
 900 }
 901
 902 .listScrollContent tr.entry-warning:nth-child(odd) {
 903   background-color:#FEC;
 904 }
 905
 906 .listScrollContent tr.entry-warning:nth-child(even) {
 907   background-color:#F5E5C5;
 908 }
 909
 910 .listScrollContent tr:last-child {
 911   background-color:#FFF;
 912 }
 913
 914 .listScrollContent tr td:last-child {
 915   padding-right:20px;
 916 }
 917
 918 .listScrollContent td div.img {
 919   margin-right:1px;
 920 }
 921
 922 .listScrollContent td input[type=submit].img {
 923   margin-right:1px;
 924 }
 925
 926 .listBodyFormat tr td {
 927   color:#000;
 928   margin:3px;
 929   padding:2px;
 930   border-right:1px solid #CCC;
 931   word-wrap:break-word;
 932   white-space:normal;
 933   max-width:500px;
 934 }
 935
 936 .listScrollContent tr:hover {
 937   background-color:#DDD;
 938 }
 939
 940 .listScrollContent tr:last-child:hover {
 941   background-color:#FFF;
 942 }
 943
 944 div.nlistFooter {
 945   background-color:#F5F5F5;
 946   color:#444;
 947   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#FFFFFF')";
 948   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
 949   background: -moz-linear-gradient(top, #F8F8F8, #EEE);
 950   border-left:1px solid #CCC;
 951   border-right:1px solid #CCC;
 952   border-bottom:1px solid #CCC;
 953   border-bottom-left-radius:2px;
 954   border-bottom-right-radius:2px;
 955   -moz-border-radius-bottomleft:2px;
 956   -moz-border-radius-bottomright:2px;
 957   -webkit-border-bottom-left-radius:2px;
 958   -webkit-border-bottom-right-radius:2px;
 959   padding:0;
 960   width:100%;
 961 }
 962
 963
 964 /* List header, Filter, misc. */
 965
 966 #mainlist {
 967   height:100%;
 968   padding-right:3px;
 969 }
 970
 971 .mainlist-header {
 972   background-color:#F8F8F8;
 973   border:1px solid #CCC;
 974   border-radius:2px;
 975   -moz-border-radius:2px;
 976   -webkit-border-radius:2px;
 977   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#FFFFFF')";
 978   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
 979   background: -moz-linear-gradient(top, #F8F8F8, #EEE);
 980   margin-bottom:4px;
 981   margin-right:-2px;
 982 }
 983
 984 .mainlist-header p{
 985   color:#444;
 986   font-weight:bold;
 987   font-size:15px;
 988   margin:4px;
 989 }
 990
 991 .mainlist-header div.mainlist-nav{
 992   border-top:1px solid #CCC;
 993   background-color:white;
 994 }
 995
 996 div.mainlist-nav table{
 997   border-collapse:collapse;
 998 }
 999
1000 div.mainlist-nav td div.img{
1001   margin-top:-2px;
1002 }
1003
1004 div.mainlist-nav td{
1005   padding:3px 5px;
1006   vertical-align:middle;
1007 }
1008
1009 div.mainlist-nav td.left-border{
1010   padding-left:5px;
1011 }
1012
1013 /* Sortable Lists */
1014
1015 div.sortableListContainer {
1016   border:1px solid #CCC;
1017   overflow:auto;
1018   margin-bottom:2px;
1019   border-radius:2px;
1020   -moz-border-radius:2px;
1021   -webkit-border-radius:2px;
1022 }
1023
1024 .sortableListContainer th {
1025   background-color:#F5F5F5;
1026   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#FFFFFF')";
1027   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
1028   background: -moz-linear-gradient(top, #F8F8F8, #EEE);
1029   padding:4px;
1030   text-align:left;
1031   border-left:1px solid #CCC;
1032   border-bottom:1px solid #CCC;
1033 }
1034
1035 .sortableListContainer td {
1036   padding:3px;
1037   text-align:left;
1038   border-left:1px solid #CCC;
1039 }
1040
1041 .sortableListContainer tr:nth-child(odd) {
1042   background-color:#FFF;
1043 }
1044
1045 .sortableListContainer tr:nth-child(even) {
1046   background-color:#F5F5F5;
1047 }
1048
1049 .sortableListContainer tr:last-child {
1050   background-color:#FFF;
1051 }
1052
1053 .sortableListContainer tr td:last-child {
1054   padding-right:20px;
1055 }
1056
1057 tr.sortableListItem {
1058   background-color:#FFF;
1059   cursor:move;
1060   color:#000;
1061 }
1062
1063 tr.sortableListItemFill {
1064   background-color:#FFF;
1065   cursor:default;
1066 }
1067
1068 tr.sortableListItemOdd ::-moz-selection,tr.sortableListItem ::-moz-selection {
1069   background:transparent;
1070 }
1071
1072 tr.sortableListItemOdd ::selection,tr.sortableListItem ::selection {
1073   background:transparent;
1074 }
1075
1076 tr.sortableListItemOdd code::-moz-selection,tr.sortableListItem code::-moz-selection {
1077   background:transparent;
1078 }
1079
1080 tr.sortableListItemOdd code::selection,tr.sortableListItem code::selection {
1081   background:transparent;
1082 }
1083
1084 tr.sortableListItemOdd {
1085   background-color:#F5F5F5;
1086   cursor:move;
1087   color:#000;
1088 }
1089
1090 tr.sortableListItem:hover,tr.sortableListItemOdd:hover {
1091   background-color:#EEE;
1092 }
1093
1094 tr.sortableListItemDisabled {
1095   cursor:default;
1096   color:#CCC;
1097 }
1098
1099 table.sortableListTable {
1100   border:0;
1101 }
1102
1103 tr.sortableListItemMarked {
1104   background-color:#FFD;
1105 }
1106
1107
1108 /* Tree List */
1109
1110 ul.treeList,ul.treeList ul {
1111   list-style-type:none;
1112   background:url(../../images/lists/vline.png) repeat-y;
1113   margin:0;
1114   padding:0;
1115 }
1116
1117 ul.treeList ul {
1118   margin-left:10px;
1119 }
1120
1121 ul.treeList a:hover {
1122   background-color:#DDD;
1123 }
1124
1125 a.treeList {
1126   padding:2px;
1127   cursor:pointer;
1128 }
1129
1130 a.treeListSelected {
1131   font-weight:bold;
1132   color:#1010AF;
1133   background-color:#DDD;
1134   padding:2px;
1135   cursor:pointer;
1136 }
1137
1138 a.treeList:hover,a.treeListSelected:hover {
1139   background-color:#DDD;
1140   padding:2px;
1141 }
1142
1143 ul.treeList a {
1144   padding:2px;
1145   cursor:pointer;
1146 }
1147
1148 ul.treeList li {
1149   margin:0;
1150   padding:0 12px;
1151   line-height:20px;
1152   background:url(../../images/lists/node.png) no-repeat;
1153 }
1154
1155 li.treeListSelected a {
1156   font-weight:bold;
1157   color:#1010AF;
1158   padding:2px;
1159 }
1160
1161 ul.treeList li.last {
1162   background:#fff url(../../images/lists/lastnode.png) no-repeat;
1163 }
1164
1165 ul.treeList li:last-child {
1166   background:#fff url(../../images/lists/lastnode.png) no-repeat;
1167 }
1168
1169 div.treeList {
1170   background-color:#FFF;
1171   border:1px solid #AAA;
1172   padding:5px;
1173   position:absolute;
1174   z-index:500;
1175   overflow-y:auto;
1176   float:left;
1177   margin-top:-1px;
1178   margin-left:1px;
1179 }
1180
1181 span.informal {
1182   color:#444;
1183   font-style:italic;
1184 }
1185
1186
1187 /* Max height for IE */
1188
1189 * html div.treeList {
1190   height: expression( this.scrollHeight > 500 ? "500px" : "auto" );
1191 }
1192
1193 span.mark {
1194   color:#B22;
1195 }
1196
1197
1198 /* Message dialog */
1199
1200 div.errorMsgTitle {
1201 width:100%;
1202 font-size:1.4em;
1203 padding-bottom:.3em;
1204 padding-top:.3em;
1205 font-weight:bold;
1206 background-color:#F0F0F0;
1207 }
1208
1209 div.errorMsgDialog {
1210 width:60%;
1211 background-color:#FFF;
1212 border:4px solid red;
1213 z-index:150;
1214 display:none;
1215 position:absolute;
1216 }
1217
1218 div.infoMsgDialog {
1219 width:60%;
1220 background-color:#FFF;
1221 border:2px solid #000;
1222 z-index:150;
1223 display:none;
1224 position:absolute;
1225 }
1226
1227
1228 /* Autocompleter */
1229
1230 div.autocomplete {
1231 position:absolute;
1232 background-color:#FFF;
1233 border:1px solid #AAA;
1234 margin:0;
1235 padding:0;
1236 z-index:600;
1237 overflow:hidden;
1238 word-wrap:break-word;
1239 }
1240
1241 div.autocomplete ul {
1242 list-style-type:none;
1243 margin:0;
1244 padding:0;
1245 }
1246
1247 div.autocomplete ul li {
1248 list-style-type:none;
1249 display:block;
1250 margin:0;
1251 padding:2px;
1252 padding-left:4px;
1253 cursor:pointer;
1254 }
1255
1256 div.autocomplete li:hover {
1257 background-color:#F0F0F0;
1258 }
1259
1260 div.autocomplete ul li.selected {
1261 background-color:#F0F0F0;
1262 }
1263
1264
1265 /* Pulldown menu */
1266
1267 #pulldown {
1268 display:inline-block;
1269 background-color:#FFF;
1270 height:23px;
1271 border:1px solid #CCC;
1272   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#FFFFFF')";
1273 background:-webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
1274 background:-moz-linear-gradient(top, #F8F8F8, #EEE);
1275 }
1276
1277 #pulldown ul {
1278 display:block;
1279 margin:0;
1280 padding:0;
1281 line-height:1em;
1282 list-style:none;
1283 z-index:90;
1284 }
1285
1286 #pulldown ul li {
1287 float:left;
1288 margin:0 3px 0 0;
1289 padding:0;
1290 font-size:13px;
1291 line-height:1 5em;
1292 list-style-type:none;
1293 }
1294
1295 #pulldown ul li a {
1296 float:left;
1297 display:block;
1298 width:auto;
1299 font-weight:normal;
1300 background:transparent;
1301 text-decoration:none;
1302 margin:0;
1303 padding:5px;
1304 }
1305
1306 #pulldown ul li a:hover {
1307 text-decoration:none;
1308 }
1309
1310 #pulldown ul li.sep {
1311 color:#AAA;
1312 padding:.8em 0 .5em;
1313 }
1314
1315 /* Commented Backslash Hack hides rule from IE5-Mac \*/
1316 #pulldown ul li a {
1317 float:none;
1318 }
1319
1320 /* End IE5-Mac hack */
1321 #pulldown ul.level2,#pulldown ul.level3 {
1322 position:absolute;
1323 top:0;
1324 left:0;
1325 visibility:hidden;
1326 border:1px #CCC solid;
1327 background:#FFF;
1328 box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
1329 -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
1330 -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.1);
1331 }
1332
1333 #pulldown ul.level2 li,#pulldown ul.level3 li {
1334 border-bottom:1px solid #fff;
1335 float:none;
1336 margin:0;
1337 padding:0;
1338 width:200px;
1339 }
1340
1341 #pulldown ul.level2 li a,#pulldown ul.level3 li a {
1342 padding:5px 9px 5px 5px;
1343 }
1344
1345 #pulldown ul.level2 li a:hover,#pulldown ul.level3 li a:hover {
1346 font-weight:normal;
1347 background-color:#418DD4;
1348 background-image:none;
1349 }
1350
1351
1352 /* Filter */
1353
1354 div.search-filter {
1355   border:1px solid #CCC;
1356   border-left:0;
1357   background-color:white;
1358   text-align:middle;
1359   padding:0;
1360   margin:0;
1361   float:left;
1362 }
1363
1364 div.search-filter input[type=text]{
1365   border:0;
1366   padding:3px;
1367   margin:0;
1368   height:17px;
1369 }
1370
1371 button.search-filter {
1372   padding:4px 2px 3px 2px;;
1373   margin:0;
1374   text-align:middle;
1375   height:25px;
1376 }
1377
1378
1379 /* Filter menu */
1380
1381 table.filter-wrapper {
1382   border-collapse:collapse;
1383   padding:0;
1384   margin:0;
1385 }
1386
1387 table.filter-wrapper tr, table.filter-wrapper td{
1388   padding:0;
1389   margin:0;
1390   vertical-align:top;
1391 }
1392
1393 #filtermenu {
1394 border:1px solid #CCC;
1395 border-right:0;
1396 display:inline-block;
1397 background-color:#EEE;
1398 height:23px;
1399   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#FFFFFF')";
1400 background:-webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
1401 background:-moz-linear-gradient(top, #F8F8F8, #EEE);
1402 }
1403
1404 #filtermenu ul {
1405 display:block;
1406 margin:0;
1407 padding:0;
1408 line-height:1em;
1409 list-style:none;
1410 z-index:90;
1411 }
1412
1413 #filtermenu ul li {
1414 float:left;
1415 margin:0 3px 0 0;
1416 padding:0;
1417 font-size:13px;
1418 line-height:1 5em;
1419 list-style-type:none;
1420 }
1421
1422 #filtermenu ul li a {
1423 float:left;
1424 display:block;
1425 /*width:auto;        */
1426 font-weight:normal;
1427 background:transparent;
1428 text-decoration:none;
1429 margin:0;
1430 padding:5px;
1431 }
1432
1433 #filtermenu ul li a:hover {
1434 text-decoration:none;
1435 }
1436
1437 #filtermenu ul li.sep {
1438 color:#AAA;
1439 padding:.8em 0 .5em;
1440 }
1441
1442 /* Commented Backslash Hack hides rule from IE5-Mac \*/
1443 #filtermenu ul li a {
1444 float:none;
1445 }
1446
1447 /* End IE5-Mac hack */
1448 #filtermenu ul.level2 {
1449 margin-top:-4px;
1450 position:absolute;
1451 top:0;
1452 left:0;
1453 visibility:hidden;
1454 border:1px #CCC solid;
1455 background:#FFF;
1456 box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
1457 -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
1458 -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.1);
1459 }
1460
1461 #filtermenu ul.level2 li{
1462 border-bottom:1px solid #fff;
1463 float:none;
1464 margin:0;
1465 padding:0;
1466 width:200px;
1467 }
1468
1469 #filtermenu ul.level2 li a {
1470 padding:5px 9px 5px 5px;
1471 }
1472
1473 #filtermenu ul.level2 li a:hover {
1474 font-weight:normal;
1475 background-color:#418DD4;
1476 background-image:none;
1477 }
1478
1479
1480 /* Misc */
1481
1482 .copynotice, .copynotice a {
1483   color:#777;
1484   text-align:right;
1485 }
1486
1487 .object-list li span {
1488   color:#666;
1489   font-style:italic;
1490 }
1491
1492 .inline-warning {
1493   font-size:19px;
1494   text-align:bottom;
1495 }
1496
1497 .inline-warning-text {
1498   display:inline-block;
1499   padding-top:13px;
1500 }
1501
1502 /* Progress */
1503
1504 div.progress {
1505   text-align:center;
1506   display: block;
1507   color: rgba(255,255,255,0.9);
1508   padding:1px;
1509   border: 1px solid rgba(0,0,0,0.6);
1510   -moz-border-radius: 2px;
1511   -webkit-border-radius: 2px;
1512   border-radius: 2px;
1513 }
1514
1515 .progress-low {
1516   background-color:#32CD32;
1517 }
1518
1519 .progress-mid {
1520   background-color:#FFFF00;
1521 }
1522
1523 .progress-high {
1524   background-color:#FFA500;
1525 }
1526
1527 .progress-full {
1528   background-color:#FF0000;
1529 }
1530
1531
1532 /* Login */
1533
1534 .login-box-header {
1535   padding:8px 13px;
1536   font-size:20px;
1537   background-color:#EEE;
1538   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#FFFFFF')";
1539   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
1540   background: -moz-linear-gradient(top, #F8F8F8, #EEE);
1541   border-top-left-radius:5px;
1542   border-top-right-radius:5px;
1543   -moz-border-radius-topleft:5px;
1544   -moz-border-radius-topright:5px;
1545   -webkit-border-top-left-radius:5px;
1546   -webkit-border-top-right-radius:5px;
1547   border-bottom:1px solid #CCC;
1548 }
1549
1550 .login-box-container {
1551   padding:5% 10% 3% 10%;
1552 }
1553
1554 .login-box {
1555   position:absolute;
1556   top:25%;
1557   left:30%;
1558   right:30%;
1559   background-color:#FFF;
1560   border:1px solid #CCC;
1561   border-radius:5px;
1562   -moz-border-radius:5px;
1563   -webkit-border-radius:5px;
1564   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F8F8F8')";
1565   background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#F8F8F8));
1566   background: -moz-linear-gradient(top, #FFF, #F8F8F8);
1567 }
1568
1569 .login-element-container {
1570   padding:5px 8px;
1571   position:relative;
1572   height:30px;
1573 }
1574
1575 .login-warning {
1576 }
1577
1578 .login-warning a{
1579   font-weight: bold;
1580 }
1581
1582 .login-label {
1583   position:absolute;
1584   left:8px;
1585   width:10em;
1586 }
1587
1588 .login-input {
1589   position:absolute;
1590   left:10em;
1591   right:30px
1592 }
1593
1594 .login-input input{
1595   position:absolute;
1596   width:100%;
1597 }
1598
1599 .login-inline-message {
1600   padding:0 5px;
1601   color:red;
1602   text-align:center;
1603 }
1604
1605 .login-warning {
1606   border:2px solid #F00;
1607   background-color:#FCC;
1608   padding:10px;
1609   margin:0 10px 10px 10px;
1610   text-align:center;
1611 }
1612
1613
1614 /* Logout */
1615
1616 .logout-box {
1617   position:absolute;
1618   top:25%;
1619   left:20%;
1620   right:20%;
1621   padding:10px;
1622   background-color:#F8F8F8;
1623   border:2px solid red;
1624   border-radius:5px;
1625   -moz-border-radius:5px;
1626   -webkit-border-radius:5px;
1627   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F0F0F0')";
1628   background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#F0F0F0));
1629   background: -moz-linear-gradient(top, #FFF, #F0F0F0);
1630 }
1631
1632 h2 {
1633   font-size:14px;
1634   font-weight:bold;
1635 }
1636
1637
1638 /* ACL viewer */
1639
1640 div.acl-viewer-container {
1641   border:1px solid #CCC;
1642   padding:1px;
1643   height:100%;
1644   min-height:480px;
1645   overflow-x:hidden;
1646   overflow-y:auto;
1647 }
1648
1649 .acl-viewer span {
1650     color:red;
1651 }
1652
1653 table.acl-viewer{
1654     width:100%;
1655 }
1656
1657 .acl-viewer td {
1658     padding-top:5px;
1659 }
1660
1661 tr.acl-viewer-head{
1662   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DDDDDD')";
1663   background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#DDD));
1664   background: -moz-linear-gradient(top, #EEE, #DDD);
1665 }
1666
1667 tr.acl-viewer-head td{
1668   padding:6px;
1669   margin:0;
1670 }
1671
1672 td.acl-viewer-blocked{
1673   background:#FAA;
1674 }
1675
1676 ul.acl-viewer-items, ul.acl-viewer-items li {
1677   list-style:none;
1678   display:inline;
1679   margin:0;
1680   padding:0;
1681 }
1682
1683 ul.acl-list, ul.acl-list li {
1684   list-style:none;
1685   display:inline;
1686   margin:0;
1687   padding:0;
1688 }
1689
1690 ul.acl-viewer-items li ul.acl-category-list {
1691   list-style:none;
1692   margin:0;
1693   padding-left:20px;
1694 }
1695
1696 ul.acl-category-list {
1697   padding-bottom:10px;
1698 }
1699
1700 ul.acl-list li {
1701   color:#777;
1702 }
1703
1704 ul.acl-list li:after {
1705   content: ", ";
1706 }
1707
1708 ul.acl-list li:last-child:after {
1709   content: "";
1710 }
1711
1712
1713 /* Reference tab */
1714
1715 table.reference-tab {
1716   width:100%;
1717 }