[Sommaire] [Imprimer]

   1  /******************************************************************************/
   2  /*                                  LAYOUT CSS                                */
   3  /******************************************************************************/
   4  
   5  /*
   6  ==========================General=============================*/
   7  html {
   8      height: 100%;
   9      margin-bottom: 1px;
  10  }
  11  body, h1, h2, h3, h4, p, ul, li {
  12      margin: 0;
  13      padding: 0;
  14  }
  15  body {
  16      font-size: <?php echo $fontSize ?>;
  17      font-family: <?php echo $fontFamily ?>;
  18      line-height: 140%;
  19      margin: 0;
  20      padding: 0;
  21      color: <?php echo $primaryText ?>;
  22      background-color: <?php echo $tertiaryBg ?>;
  23      text-align: center;
  24  }
  25  ul {
  26      list-style: none;
  27  }
  28  dl {
  29      margin: 0.5em 0;
  30      line-height: 140%;
  31  }
  32  p {
  33      margin-bottom: 0.5em;
  34  }
  35  a {
  36      color: <?php echo $linkColor ?>;
  37      text-decoration: <?php echo $linkDecoration ?>;
  38  }
  39  a:hover {
  40      color: <?php echo $linkHoverColor ?>;
  41      text-decoration: <?php echo $linkHoverDecoration ?>;
  42  }
  43  a:focus {
  44      outline: none;
  45  }
  46  img {
  47      border: none;
  48  }
  49  
  50  /*
  51  =======================Buttons like===========================*/
  52  a.sgl-button, input.sgl-button {
  53      margin: 0;
  54      padding: 2px 4px;
  55      background: url('<?php echo $baseUrl ?>/images/backgrounds/bg_buttons_blue.gif') 0 50% repeat-x;
  56      border: 1px outset;
  57      color: <?php echo $tertiaryDarkest ?>;
  58      font-size: 1em;
  59  }
  60  input.sgl-button[disabled], input.sgl-button[disabled]:hover {
  61      background: <?php echo $tertiary ?>;
  62      border: 1px inset;
  63      color: <?php echo $tertiaryDarkest ?>;
  64  }
  65  a.sgl-button:hover, input.sgl-button:hover, input.sfhover {
  66      border: 1px inset;
  67      color: <?php echo $tertiaryDarkest ?>;
  68      text-decoration: none;
  69  }
  70  a.narrow, input.narrow {
  71      width: 8em;
  72  }
  73  
  74  /*
  75  ======================Global layaout==========================*/
  76  #outer-wrapper {
  77      min-width: 740px;
  78      max-width: 1280px;
  79      margin: 0 auto;
  80      text-align: left;
  81  <?php if (isBrowserFamily('MSIE7', '<')) { ?>
  82      width: expression((documentElement.clientWidth || document.body.clientWidth) > 740 ? "auto" : "740px");
  83  <?php } ?>
  84  }
  85  #header {
  86      position: relative;
  87  }
  88  #inner-wrapper {
  89      clear: both;
  90      padding: 10px 0 10px;
  91      border-top: 1px solid <?php echo $borderLight ?>;
  92      border-bottom: 1px solid <?php echo $borderDark ?>;
  93  }
  94  #container {
  95  
  96  }
  97  #left-column {
  98      float: left;
  99      width: 200px;
 100  }
 101  #middle-column {
 102      margin-left: 200px;
 103      margin-right: 5px;
 104  }
 105  #main {
 106      float: left;
 107      width: 100%;
 108      font-size: 1em;
 109      border: 1px solid <?php echo $borderDark ?>;
 110      -moz-border-radius: 0.4em;
 111      margin-right: -1px; /* hides annoying horizontal scrolling in IE */
 112  }
 113  #content {
 114      clear: both;
 115      padding: 5px 8px 0;
 116      background: <?php echo $tertiaryLight ?>; /* FIXME tertiaryLight? */
 117      -moz-border-radius: 0 0 0.4em 0.4em;
 118      border-top: 1px solid <?php echo $borderLight ?>;
 119      padding-bottom: 40px; /* TO REMOVE */
 120  }
 121  #footer {
 122      text-align: center;
 123      border-top: 1px solid <?php echo $borderLight ?>;
 124      background: <?php echo $tertiary ?>;
 125  }
 126  
 127  /*
 128  =========================Header===============================*/
 129  #header #left {
 130      height: 60px;
 131      background: <?php echo $primary ?> url('<?php echo $baseUrl ?>/images/backgrounds/bg_header_blue.gif') repeat-x;
 132  
 133  }
 134  #header h1, #header h1 a {
 135      float: left;
 136      margin: 0;
 137      padding: 0;
 138  }
 139  #header h1 {
 140      height: 60px;
 141      background: url('<?php echo $baseUrl ?>/images/logo.png') no-repeat 10px 50%;
 142      font-size: 2.4em;
 143  }
 144  #header h1 a {
 145      position: relative;
 146      padding: 10px 0 10px;
 147      text-indent: 100px;
 148      letter-spacing: 0.1em;
 149      color: <?php echo $secondary ?>;
 150  }
 151  #header h1 a:hover {
 152      text-decoration: none;
 153  }
 154  #header h1 a span {
 155      position: relative;
 156      top: 15px;
 157      left: -20px;
 158      font-size: 0.5em;
 159      font-weight: bold;
 160      letter-spacing: 0.2em;
 161      color: <?php echo $primary ?>;
 162  }
 163  #header #right {
 164      background-color: <?php echo $tertiary ?>;
 165      border-top: 1px solid <?php echo $borderLight ?>;
 166      border-bottom: 1px solid <?php echo $borderDark ?>;
 167      text-align: right;
 168  }
 169  #header #right .info {
 170      height: 20px;
 171      line-height: 20px;
 172      padding: 0 10px;
 173  }
 174  #header #right img {
 175      vertical-align: middle;
 176  }
 177  
 178  /*
 179  ====================Left column block=========================*/
 180  .container {
 181      min-height: 300px;
 182      margin: 0 5px;
 183      padding-bottom: 3em;
 184      background-color: <?php echo $tertiaryDarker ?>;
 185      background-image: url('<?php echo $baseUrl ?>/images/backgrounds/bg_leftcol.jpg');
 186      background-position: top left;
 187      background-repeat: repeat-x;
 188      border: 1px solid <?php echo $borderDark ?>;
 189      -moz-border-radius: 0.4em;
 190  }
 191  .block .header {
 192      margin: 0;
 193      height: 30px;
 194      line-height: 30px;
 195      background: <?php echo $tertiaryLight ?>;
 196      font-weight: bold;
 197      font-size: 1.1em;
 198      text-align: center;
 199      color: buttonshadow;
 200      border-bottom: 1px solid <?php echo $borderDark ?>;
 201      -moz-border-radius: 0.4em 0.4em 0 0;
 202  }
 203  .block .content {
 204      border-bottom: 1px solid <?php echo $borderLight ?>;
 205  }
 206  
 207  /*
 208  ========================Main block============================*/
 209  #manager-infos {
 210      float: left;
 211      width: 100%;
 212      background: <?php echo $tertiaryLighter ?>;
 213      border-bottom: 1px solid <?php echo $borderDark ?>;
 214      -moz-border-radius: 0.4em 0.4em 0 0;
 215  }
 216  #manager-infos h1 {
 217      float: left;
 218      height: 30px;
 219      line-height: 30px;
 220      text-indent: 2em;
 221      color: <?php echo $tertiaryDarkest ?>;
 222      font-size: 1.1em;
 223  }
 224  a#module-conf {
 225      float: right;
 226      margin-right: 10px;
 227      padding-left: 25px;
 228      height: 30px;
 229      line-height: 30px;
 230      background: <?php echo $tertiary ?>;
 231      background: url('<?php echo $baseUrl ?>/images/22/action_config.gif') 0 50% no-repeat;
 232      color: <?php echo $primary ?>;
 233  }
 234  #breadcrumbs {
 235      float: left;
 236      width: 100%;
 237      background: <?php echo $tertiary ?>;
 238      border-top: 1px solid <?php echo $borderLight ?>;
 239      border-bottom: 1px solid <?php echo $borderDark ?>;
 240  }
 241  #breadcrumbs p {
 242      text-indent: 2em;
 243  }
 244  #breadcrumbs a  {
 245      padding-right: 20px;
 246      color: <?php echo $primary ?>;
 247  }
 248  #manager-actions {
 249      position: relative;
 250      float: left;
 251      width: 100%;
 252      height: 32px;
 253      padding: 1px 0;
 254      background: <?php echo $tertiary ?>;
 255      border-top: 1px solid <?php echo $borderLight ?>;
 256      border-bottom: 1px solid <?php echo $borderDark ?>;
 257  }
 258  html>body #manager-actions {
 259      padding: 1px 0 0;
 260  }
 261  #manager-actions span {
 262      float: left;
 263      text-indent: 2em;
 264      padding-right: 10px;
 265      height: 30px;
 266      line-height: 30px;
 267      font-weight: bold;
 268      color: <?php echo $tertiaryDarkest ?>;
 269  }
 270  #manager-actions a {
 271      float: left;
 272      display: block;
 273      margin-right: 0.5em;
 274      padding: 0 4px 0 28px;
 275      height: 28px;
 276      line-height: 28px;
 277      border: 1px solid <?php echo $tertiary ?>;
 278      color: <?php echo $tertiaryDarkest ?>;
 279      text-decoration: none;
 280      /* -- See below for each action backgroud image
 281      -----------------------------------------------*/
 282  }
 283  #manager-actions a:hover {
 284      background-color: <?php echo $tertiaryLightest ?>;
 285      border-style: solid;
 286      border-width: 1px;
 287      border-color: <?php echo $tertiaryDarkest ?>;
 288  }
 289  #manager-actions a:active {
 290      background-color: <?php echo $tertiaryLightest ?>;
 291      border: none;
 292  }
 293  #manager-actions a:focus {
 294      background-color: <?php echo $tertiaryLightest ?>;
 295      border: none;
 296  }
 297  
 298  #manager-actions select {
 299      float: left;
 300      margin-top: 5px;
 301      margin-right: 5px;
 302  }
 303  #content-header {
 304  
 305  }
 306  #content-header h2 {
 307      margin: 5px 0 20px;
 308      font-size: 1.5em;
 309      font-weight: normal;
 310      color: <?php echo $primary ?>;
 311      text-align: center;
 312  }
 313  /*
 314  ======================No forms layout=========================*/
 315  div.fieldsetlike { /*
 316  --------------------- as some pages don't use forms/fieldsets
 317  - e.g. module/overview, we have to put data in a fieldset like
 318  - div to have same render ------------------------------------*/
 319      padding: 0;
 320  }
 321  div.fieldsetlike h3 {
 322      margin-bottom: 0.5em;
 323      font-size: 1.2em;
 324      color: <?php echo $tertiaryDark ?>;
 325  }
 326  /*
 327  ===================Forms default layout=======================*/
 328  form {
 329      float: left;
 330      width: 100%; /* FIXME
 331      ------2 lines-- determine if could be removed */
 332      margin: 0;
 333      padding: 0;
 334  }
 335  fieldset {
 336      margin: 0 0 1em;
 337      padding: 10px;
 338      border: 1px solid <?php echo $borderDark ?>;
 339  }
 340  fieldset.options h3 {
 341      visibility: hidden;
 342  }
 343  fieldset.options h3.show {
 344      visibility: visible;
 345  }
 346  select, input, textarea {
 347      font-size: 1.1em;
 348      z-index: 1;
 349  }
 350  html>body p select, html>body p input, html>body p textarea {
 351      border: 1px solid <?php echo $primary ?>;
 352  }
 353  html>body p input[type="text"] {
 354      text-indent: 2px;
 355  }
 356  p input:focus, p textarea:focus {
 357      background: <?php echo $primaryLightest ?>;
 358  }
 359  fieldset.noBorder {
 360      padding: 0;
 361      border: none;
 362  }
 363  fieldset.inside { /*
 364      -------------- also for pages without form (e.g. module/overview) */
 365      background: <?php echo $tertiaryLightest ?>;
 366  }
 367  fieldset.options {
 368      clear: left;
 369      background: <?php echo $tertiaryLightest ?>;
 370      border-top: none;
 371  }
 372  form h3 {
 373      margin-bottom: 0.5em;
 374      font-size: 1.2em;
 375      color: <?php echo $tertiaryDark ?>;
 376  }
 377  fieldset h3 {
 378      font-size: 1.1em;
 379  }
 380  fieldset p {
 381      line-height: 1.8;
 382      margin: 0.5em 0 0.5em;
 383  }
 384  fieldset p label {
 385      float: left;
 386      text-align: right;
 387      padding-right: 20px;
 388      color: <?php echo $primaryDark ?>;
 389  }
 390  fieldset textarea {
 391      font-family: <?php echo $fontFamily ?>;
 392  }
 393  input.smallText {
 394      width: 70px;
 395  }
 396  input.mediumText, textarea.mediumText, select.mediumText {
 397      width: 120px;
 398  }
 399  input.longText, textarea.longText {
 400      width: 450px;
 401  }
 402  textarea.largeText {
 403      width: 450px;
 404      height: 200px;
 405  }
 406  /* --
 407  Definition lists (<dl>) will progressively replace "p label" to display fields labels and values
 408  -----*/
 409  dl.onSide dt {
 410      float: left;
 411      width: 140px;
 412      text-align: right;
 413  }
 414  dl.onSide dt label {
 415      padding-right: 15px;
 416  }
 417  dl.onSide dd{
 418      margin-left: 160px;
 419      margin-bottom: 0.5em;
 420  }
 421  dl.onTop dd {
 422      margin: 0;
 423  }
 424  dl.buttonsBottom {
 425      clear: both;
 426      float: left;
 427  }
 428  
 429  /*
 430  ==================Tables default layout=======================*/
 431  #container table { /*
 432  ------------------- Actually concerns all table but #container specialization is required not to interfere ------------------- with FCKeditor or JsCalendar css */
 433      margin: 5px 0;
 434      background: #fff;
 435      border-collapse: collapse;
 436      border-width: 1px;
 437      border-style: solid;
 438      border-color: <?php echo $tertiaryLightest ?> <?php echo $tertiaryDarker ?> <?php echo $tertiaryDarker ?> <?php echo $tertiaryLightest ?>;
 439      font-family: helvetica;
 440  }
 441  html>body #container table {
 442      border-collapse: separate;
 443      border-spacing: 0px;
 444  }
 445  #container table.noBorder {
 446      border: none;
 447  }
 448  #container table.transparent {
 449      background-color: transparent;
 450      border: none;
 451  }
 452  #container tr {
 453      height: 24px;
 454      line-height: 24px;
 455      vertical-align: middle;
 456  }
 457  tr img, tr input {
 458      vertical-align: middle;
 459  }
 460  tr th, tr td {
 461      text-align: center;
 462      border: none;
 463  }
 464  tr th {
 465      color: #afafaf;
 466      font-weight: bold;
 467  }
 468  thead tr {
 469      background: <?php echo $primary; ?>;
 470      color: <?php echo $tertiaryLightest ?>;
 471  }
 472  thead tr.infos, tfoot tr.infos {
 473      background: <?php echo $tertiaryBg ?>;
 474      font-size: 10px;
 475      color: <?php echo $primary; ?>;
 476  }
 477  thead td {
 478      padding: 0 12px;
 479  }
 480  thead th, thead th a {
 481      color: <?php echo $tertiaryLightest ?>;
 482  }
 483  thead tr a:hover {
 484      color: <?php echo $primaryDark ?>;
 485  }
 486  tr.backLight {
 487      background: <?php echo $tableRowLight ?>;
 488      border-bottom: 1px solid <?php echo $primaryLight ?>;
 489  }
 490  tr.backDark {
 491      background: <?php echo $tableRowDark ?>;
 492      border-bottom: 1px solid <?php echo $primaryLight ?>;
 493  }
 494  tr.backHighlight {
 495      background: <?php echo $primaryLightest ?>;
 496  }
 497  
 498  /*
 499  ==========================Tip boxes===========================*/
 500  span.tipOwner, label.tipOwner, input.tipOwner {
 501      position: relative;
 502      cursor: help;
 503  }
 504  label.tipOwner {
 505      background: url('<?php echo $baseUrl ?>/images/tooltip.gif') 98% 50% no-repeat;
 506  }
 507  span.tipOwner span.tipText, label.tipOwner span.tipText, input.tipOwner span.tipText {
 508      display: none;
 509      position: absolute;
 510      top: 1.8em;
 511      left: 100%;
 512      border: 1px solid <?php echo $borderDark ?>;
 513      background-color: <?php echo $primaryBackground ?>;
 514      color: <?php echo $primaryText ?>;
 515      text-align: center;
 516      line-height: normal;
 517      width: 20em;
 518      padding: 2px 5px;
 519      -moz-opacity: 1;
 520      z-index: 100;
 521      <?php if (isBrowserFamily('MSIE')) { ?>
 522      filter: alpha(opacity=100);
 523      filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
 524      <?php } ?>
 525  }
 526  span.tipOwner:hover span.tipText, label.tipOwner:hover span.tipText, input.tipOwner:hover span.tipText {
 527      display: block;
 528  }
 529  <?php if (isBrowserFamily('MSIE7', '<')) { ?>
 530  /* IE javascript workaround */
 531  span.tipOwner, label.tipOwner, input.tipOwner {
 532      behavior: url(<?php echo $baseUrl ?>/css/tooltipHover.htc);
 533  }
 534  <?php } ?>
 535  /* Holly Hack here so that tooltips don't act screwy:
 536   * http://www.positioniseverything.net/explorer/threepxtest.html */
 537  /* Hide next from Mac IE plus non-IE \*/
 538  * html #content {
 539      height: 1%;
 540  }
 541  /* End hide from IE5/mac plus non-IE */
 542  
 543  /*-- Special TipText boxes ----------------------------------*/
 544  span#becareful {
 545      top: -35px;
 546      left: -3.5em;
 547      width: 6em;
 548      padding: 5px;
 549      background: #fff;
 550      border: 1px solid #ff3300;
 551      color: #ff3300;
 552      z-index: 150;
 553  }
 554  
 555  /*
 556  ===================Manager-actions images=====================*/
 557  /*-- Each action link (<a> tag) has a standard "action" class name
 558    -- plus a specific <action-type> class name e.g. "add", "edit",...
 559    -- to define which image to use. This allows to change assigned
 560    -- images in a single location : here. ---------------------*/
 561  a.action {
 562      background-position: 3px 50%;
 563      background-repeat: no-repeat;
 564  }
 565  a.add {
 566      background-image: url('<?php echo $baseUrl ?>/images/22/action_add.gif');
 567  }
 568  a.edit {
 569      background-image: url('<?php echo $baseUrl ?>/images/22/action_edit.gif');
 570  }
 571  a.delete {
 572      background-image: url('<?php echo $baseUrl ?>/images/22/action_delete.gif');
 573  }
 574  a.save {
 575      background-image: url('<?php echo $baseUrl ?>/images/22/action_save.gif');
 576  }
 577  a.validate {
 578      background-image: url('<?php echo $baseUrl ?>/images/22/action_validate.gif');
 579  }
 580  a.cancel {
 581      background-image: url('<?php echo $baseUrl ?>/images/22/action_cancel.gif');
 582  }
 583  a.undo {
 584      background-image: url('<?php echo $baseUrl ?>/images/22/action_undo.gif');
 585  }
 586  a.download {
 587      background-image: url('<?php echo $baseUrl ?>/images/22/action_download.gif');
 588  }
 589  a.upload {
 590      background-image: url('<?php echo $baseUrl ?>/images/22/action_upload.gif');
 591  }
 592  a.reorder {
 593      background-image: url('<?php echo $baseUrl ?>/images/22/action_reorder.gif');
 594  }
 595  a.search {
 596      background-image: url('<?php echo $baseUrl ?>/images/22/action_search.gif');
 597  }
 598  a.addcat {
 599      background-image: url('<?php echo $baseUrl ?>/images/22/action_addcat.gif');
 600  }
 601  a.addrootcat {
 602      background-image: url('<?php echo $baseUrl ?>/images/22/action_addrootcat.gif');
 603  }
 604  a.adduser {
 605      background-image: url('<?php echo $baseUrl ?>/images/22/action_adduser.gif');
 606  }
 607  a.scannew {
 608      background-image: url('<?php echo $baseUrl ?>/images/22/action_scannew.gif');
 609  }
 610  a.delorphaned {
 611      background-image: url('<?php echo $baseUrl ?>/images/22/action_delorphaned.gif');
 612  }
 613  
 614  /*
 615  ======================CategoryNav Block=======================*/
 616  div#categorySelect {
 617      float: left;
 618      width: 20%;
 619  }
 620  a.catSelect {
 621      margin-left: 1em;
 622      padding: 2px 0 2px 20px;
 623      background: url('<?php echo $baseUrl ?>/images/16/folder.gif') 0 80% no-repeat;
 624  }
 625  a.catSelect:hover {
 626      background: url('<?php echo $baseUrl ?>/images/16/folder_open.gif') 0 80% no-repeat;
 627      text-decoration: none;
 628      cursor: pointer;
 629  }
 630  div#categoryNav {
 631      display: none;
 632      position: absolute;
 633      width: 200px;
 634      background: <?php echo $tertiaryLightest ?>;
 635      border-style: solid;
 636      border-color: <?php echo $primary ?>;
 637      border-width: 1px 2px 2px 1px;
 638      z-index: 100;
 639      <?php if (isBrowserFamily('MSIE')) { ?>
 640      filter: alpha(opacity=90);
 641      <?php } else { ?>
 642      -moz-opacity: 0.9;
 643      <?php } ?>
 644  }
 645  
 646  div.close {
 647      border-bottom: 1px solid <?php echo $primary ?>;
 648      text-align: right;
 649  }
 650  div.close span {
 651      padding-right: 20px;
 652      background: url('<?php echo $baseUrl ?>/images/close.gif') 92% 50% no-repeat;
 653      color: <?php echo $primary ?>;
 654      cursor: pointer;
 655  }
 656  
 657  /*
 658  ========================Options Links=========================*/
 659  #optionsLinks {
 660      float:left;
 661      width:100%;
 662      background: url('<?php echo $baseUrl ?>/images/backgrounds/bg_tabs.gif') repeat-x left bottom;
 663      font-size: 0.9em;
 664  }
 665  #optionsLinks ul {
 666      padding:10px 7px 0;
 667  }
 668  #optionsLinks li {
 669      float:left;
 670      width: auto;
 671      background: url('<?php echo $baseUrl ?>/images/backgrounds/tab_right.gif') no-repeat right top;
 672  }
 673  #optionsLinks li.current {
 674      background-image: url('<?php echo $baseUrl ?>/images/backgrounds/tab_right_on.gif');
 675  }
 676  #optionsLinks a {
 677      display: block;
 678      background: url('<?php echo $baseUrl ?>/images/backgrounds/tab_left.gif') no-repeat left top;
 679      padding: 5px 10px 4px;
 680  }
 681  #optionsLinks li.current a {
 682      background-image: url('<?php echo $baseUrl ?>/images/backgrounds/tab_left_on.gif');
 683      padding-bottom: 5px;
 684  }
 685  
 686  /*
 687  ===========================Messages==============================*/
 688  
 689  /*-- Seagull Errors ---------------------------------------------*/
 690  .message {
 691      text-align: center;
 692      font-size: 0.9em;
 693      z-index: 1;
 694  }
 695  .message div {
 696      width: 60%;
 697      margin: 0 auto 15px;
 698      padding: 5px 25px;
 699      background-color: <?php echo $tertiaryLightest ?>;
 700      background-position: 0 50%;
 701      background-repeat: no-repeat;
 702      border-width: 2px;
 703      border-style: solid;
 704      -moz-border-radius: 0.4em;
 705  }
 706  .infoMessage {
 707      background-image: url('<?php echo $baseUrl ?>/images/22/dialog_info.gif');
 708      border-color: <?php echo $infoMessage ?>;
 709  }
 710  .errorMessage {
 711      background-image: url('<?php echo $baseUrl ?>/images/22/dialog_error.gif');
 712      border-color: <?php echo $errorMessage ?>;
 713  }
 714  .warningMessage {
 715      background-image: url('<?php echo $baseUrl ?>/images/22/dialog_warning.gif');
 716      border-color: <?php echo $warningMessage ?>;
 717  }
 718  .error, .required {
 719      color: <?php echo $errorMessage ?>;
 720  }
 721  .warning {
 722      color: <?php echo $warningMessage ?>;
 723      font-size: 1.2em;
 724  }
 725  
 726  /*-- PHP Errors by ErrorHandler.php -----------------------------*/
 727  
 728  
 729  /*-- PEAR Errors ------------------------------------------------*/
 730  .errorContainer {
 731      text-align: left;
 732  }
 733  .errorContainer div{
 734      width: auto;
 735      margin: 0;
 736      padding: 5px 0;
 737      border: none;
 738  }
 739  .errorContainer .errorHeader {
 740      padding-left: 30px;
 741      background-image: url('<?php echo $baseUrl ?>/images/22/dialog_error.gif');
 742      text-transform: uppercase ;
 743      font-size: 1.2em;
 744      font-weight: bold;
 745      letter-spacing: 0.3em;
 746      color: <?php echo $errorMessage ?>;
 747  }
 748  .errorContainer .errorContent {
 749  
 750  }
 751  
 752  /*-- Errors in submitted forms ----------------------------------*/
 753  p.errorBlock label {
 754      background: url('<?php echo $baseUrl ?>/images/16/dialog_error.gif') 98% 50% no-repeat;
 755      font-weight: bold;
 756  }
 757  p.errorBlock span.required {
 758      display: none;
 759  }
 760  p.errorBlock span.error {
 761      display: block;
 762      line-height: normal;
 763  }
 764  p.errorBlock input, p.errorBlock select {
 765      display: block;
 766      border: 1px solid <?php echo $errorMessage ?>;
 767  }
 768  <?php
 769      if (!empty($isFormSubmitted)) { ?>
 770  .required {
 771      display: none;
 772  }
 773  .helpRequire {
 774      display: none;
 775  }
 776      <?php }
 777  ?>
 778  
 779  /*
 780  ========================Miscellaneous=========================*/
 781  .floatLeft {
 782      float: left;
 783  }
 784  .floatRight {
 785      float: right;
 786  }
 787  .clear {
 788      clear: both;
 789  }
 790  .spacer {
 791      clear: both;
 792      visibility: hidden;
 793      line-height: 1px;
 794  }
 795  .left {
 796      text-align: left;
 797  }
 798  .right {
 799      text-align: right;
 800  }
 801  .center {
 802      text-align: center;
 803  }
 804  .altFont {
 805      font-family: <?php echo $fontFamilyAlt ?>;
 806  }
 807  .hide {
 808      display: none;
 809  }
 810  .narrow {
 811      width: 45%;
 812  }
 813  .wide {
 814      width: 60%;
 815  }
 816  .full {
 817      width: 100%;
 818  }
 819  .noBg {
 820      background: none;
 821  }
 822  .pager {
 823      white-space: nowrap;
 824      font-size: 1.1em;
 825  }
 826  .pager .results {
 827      padding-right: 0.5em;
 828      color: <?php echo $tertiaryDarkest ?>;
 829  }
 830  .pager .currentPage {
 831      font-weight: bold;
 832      padding: 0 0.75em;
 833      color: <?php echo $primaryDark ?>;
 834      font-weight: bold;
 835  }
 836  .pager a {
 837      padding: 0 0.75em;
 838      color: <?php echo $primary ?>;
 839      font-weight: bold;
 840  }
 841  .pager a:hover {
 842      background: <?php echo $primaryDark ?>;
 843      color: <?php echo $tertiaryLightest ?>;
 844  }
 845  a.clearSearch {
 846      background: url('<?php echo $baseUrl ?>/images/16/action_no.gif') no-repeat 5px 50%;
 847      margin-left: 10px;
 848      padding: 3px 5px 3px 25px;
 849      color: <?php echo $tertiaryDarkest ?>;
 850      font-size: 1.1em;
 851  }
 852  a.clearSearch:hover {
 853      text-decoration: none;
 854      color: <?php echo $tertiaryDarkest ?>;
 855  }
 856  .disabled, a.disabled, a.disabled:visited {
 857      color: grey;
 858  }