[Summary view] [Print] [Text view]

   1  /* $Id: fusion-starter-style.css,v 1.1.2.6 2010/02/14 06:44:16 sociotech Exp $ */
   2  
   3  /* Basic Typography & Colors
   4  -------------------------------------------------------------- */
   5  /* Add general site styling here for typography and background */
   6  body {
   7    font-size: 75%;   /* also set in fusion_starter.info: settings[base-font-size] = font-size-12 */
   8    -webkit-font-smoothing: antialiased;
   9  }
  10  
  11  /* Default link styles - separate a:visited for a different visited link style */
  12  a,
  13  a:link,
  14  a:visited {
  15  }
  16  
  17  /* Hover/active link styles. Don't forget :focus for accessibility */
  18  a:hover,
  19  a:focus,
  20  a:active {
  21  }
  22  
  23  
  24  /* Specific Typography
  25  -------------------------------------------------------------- */
  26  #site-name {
  27    font-size: 300%;
  28    line-height: 150%;
  29  }
  30  
  31  .footer-message {
  32    font-size: 90%;
  33  }
  34  
  35  
  36  /* HTML Elements
  37  -------------------------------------------------------------- */
  38  body {
  39  }
  40  
  41  /* Site Info
  42  -------------------------------------------------------------- */
  43  /* Wrapper around logo, site name, and slogan */
  44  .header-site-info span {
  45    display: block;
  46  }
  47  
  48  /* Add float here to put logo and site name side by side, also add margins as
  49    needed */
  50  #logo {
  51  }
  52  
  53  /* Link and hover styles for site name */
  54  #site-name a:link,
  55  #site-name a:visited,
  56  #site-name a:hover,
  57  #site-name a:active {
  58  }
  59  
  60  /* Typography for site slogan */
  61  #slogan {
  62  }
  63  
  64  
  65  /* Regions
  66  
  67    Classes (.region-name) should always be used instead of IDs (#region-name) so
  68    that Skinr styles can override them with a class later
  69  -------------------------------------------------------------- */
  70  
  71  /* All Regions
  72  -------------------------------------------------------------- */
  73  /* By default this wrapper is set to 100% width and centered -- override here to
  74    narrow wrapper or align left or right */
  75  .page {
  76  }
  77  
  78  /* The 0 values here remove padding and spacing at the bottom of the page.
  79    Remove to add a gap at the very bottom of the page */
  80  .page-inner {
  81    border: 0;
  82    margin-bottom: 0;
  83    padding: 0;
  84  }
  85  
  86  
  87  /* Header Regions
  88  -------------------------------------------------------------- */
  89  /* Header Top region to the bottom of Header region */
  90  /* For full-width header background, add background image/color here */
  91  .header-group-wrapper {
  92  }
  93  
  94  .header-group {
  95  }
  96  
  97  /* Header Top region which sits above the header */
  98  /* Works well with inline login or inline menu block style */
  99  .header-top-wrapper {
 100  }
 101  
 102  .header-top {
 103  }
 104  
 105  
 106  /* Primary Menu   TODO: add default colours
 107  /-------------------------------------------------------------- */
 108  /* Add general styles for primary menu here, such as typography, borders, floats,
 109    or spacing above/below */
 110  .primary-menu {
 111  }
 112  
 113  /* styles for Superfish primary menu */
 114  .primary-menu-inner ul.sf-menu {
 115  }
 116  
 117  /* Link style for top level menu items, add padding here */
 118  .primary-menu-inner ul.sf-menu a,
 119  .primary-menu-inner ul.sf-menu a:visited  {
 120  }
 121  
 122  .primary-menu-inner ul.sf-menu a:hover,
 123  .primary-menu-inner ul.sf-menu a:active,
 124  .primary-menu-inner ul.sf-menu a:focus {
 125  }
 126  
 127  /* These are the top level menu items, add border-right here for separators */
 128  .primary-menu-inner ul.sf-menu li {
 129  }
 130  
 131  /* Add border-right: 0; here to remove separator on last menu item */
 132  .primary-menu-inner ul.sf-menu li.last {
 133  }
 134  
 135  /* Style for container of dropdown, add background or border */
 136  .primary-menu-inner ul.sf-menu ul {
 137  }
 138  
 139  /* Style for individual dropdown menu items, add border-bottom for separators */
 140  .primary-menu-inner ul.sf-menu li li {
 141    background-color: #fff;
 142  }
 143  
 144  .primary-menu-inner ul.sf-menu li li.last {
 145  
 146  }
 147  
 148  .primary-menu-inner ul.sf-menu li li li {
 149  }
 150  
 151  /* Style for hover of dropdown menu items (add background-color here) */
 152  .primary-menu-inner ul.sf-menu li ul li:hover,
 153  .primary-menu-inner ul.sf-menu li ul li.sfHover {
 154  }
 155  
 156  
 157  /* Secondary menu
 158  -------------------------------------------------------------- */
 159  /* This menu usually appears in the header as a set of simple text links */
 160  .secondary-menu {
 161  }
 162  
 163  /* Set general style for menu here -- background, alignment, etc. */
 164  .secondary-menu-inner ul.links {
 165  }
 166  
 167  /* Add a border-right here for a separator */
 168  .secondary-menu-inner ul.links li {
 169  }
 170  
 171  /* Add border-right: 0; here to remove right separator on last menu item */
 172  .secondary-menu-inner ul.links li.last {
 173  }
 174  
 175  /* Styles for links */
 176  .secondary-menu-inner ul.links li a:link,
 177  .secondary-menu-inner ul.links li a:visited {
 178    padding: 3px;
 179  }
 180  
 181  .secondary-menu-inner ul.links li a:hover,
 182  .secondary-menu-inner ul.links li a:focus,
 183  .secondary-menu-inner ul.links li a.active {
 184  }
 185  
 186  
 187  /* Header - Search
 188  -------------------------------------------------------------- */
 189  .search-box {
 190  }
 191  
 192  .search-box-inner {
 193  }
 194  
 195  .search-box-inner form#search-theme-form {
 196  }
 197  
 198  .search-box-inner input#edit-search-theme-form-header {
 199  }
 200  
 201  
 202  /*  Preface Regions
 203  -------------------------------------------------------------- */
 204  /* The Preface Top region sits between the header and the Main Area
 205   (columns, sidebars, and main content).  The Preface Bottom region
 206   is inside the Main Area. */
 207  .preface-top-wrapper {
 208  }
 209  
 210  .preface-top {
 211  }
 212  
 213  .preface-top-inner {
 214  }
 215  
 216  .preface-bottom {
 217  }
 218  
 219  .preface-bottom-inner {
 220  }
 221  
 222  
 223  /*  Main Area (content + sidebars + preface bottom + postscript top)
 224  -------------------------------------------------------------- */
 225  .main-wrapper {
 226  }
 227  
 228  
 229  /* Sidebar Regions
 230  -------------------------------------------------------------- */
 231  /* Sidebar widths can be controlled through theme settings */
 232  .sidebar-first {
 233  }
 234  
 235  .sidebar-last {
 236  }
 237  
 238  
 239  /* Content Regions
 240  -------------------------------------------------------------- */
 241  .content-top {
 242  }
 243  
 244  .content {
 245  }
 246  
 247  .content-inner
 248  {
 249    line-height: 21px;
 250    font-size: 14px;
 251  }
 252  
 253  .content-bottom {
 254  }
 255  
 256  /* This region only appears on full node pages. It's useful for ads or other
 257    content between the body of the node and its comments */
 258  .node-bottom {
 259  }
 260  
 261  /*  Postscript & Footer Regions
 262  -------------------------------------------------------------- */
 263  .postscript-top {
 264  }
 265  
 266  .postscript-top-inner {
 267  }
 268  
 269  .postscript-bottom-wrapper {
 270  }
 271  
 272  .postscript-bottom {
 273  }
 274  
 275  .postscript-bottom-inner {
 276  }
 277  
 278  .footer-wrapper {
 279  }
 280  
 281  .footer {
 282  }
 283  
 284  .footer-inner {
 285  }
 286  
 287  .footer-message-wrapper {
 288  }
 289  
 290  .footer-message {
 291  }
 292  
 293  .footer-message-inner {
 294  }
 295  
 296  .footer-message-text {
 297  }
 298  
 299  
 300  /* Page titles
 301  /-------------------------------------------------------------- */
 302  /* Page and full node titles */
 303  h1.title
 304  {
 305    font-size: 130%;         
 306  }
 307  
 308  
 309  /* Default node styles
 310  /-------------------------------------------------------------- */
 311  /* Change unpublished and preview colors for dark background themes */
 312  .node-unpublished {
 313    background-color: #fff4f4;
 314  }
 315  .preview .node {
 316    background-color: #ffffea;
 317  }
 318  
 319  /* Typography for node titles */
 320  h2.title {
 321  }
 322  /* suppress titles on front page */
 323  
 324  h2.title-nodisplay a
 325  {
 326    display: none;
 327  }
 328  
 329  .content-region  h1.title {
 330    display: none;
 331  }
 332  
 333  
 334  
 335  /* Colors and styles for linked node titles, ie. teaser listing at /node */
 336  h2.title a:link,
 337  h2.title a:visited {
 338  }
 339  
 340  h2.title a:hover,
 341  h2.title a:focus,
 342  h2.title a:active {
 343  }
 344  
 345  
 346  /* Separators and padding for node teasers */
 347  .teaser {
 348  }
 349  
 350  /* Author/date info */
 351  .meta {
 352  }
 353  
 354  .submitted {
 355  }
 356  
 357  /* Links for nodes (taxonomy, commenting, read more, etc) */
 358  .node ul.links li {
 359  }
 360  .node ul.links a {
 361  }
 362  
 363  /* Only more/read more links */
 364  div.node .read-more a,
 365  div.node .more-link a {
 366  }
 367  
 368  /* Drupal Messages
 369  /-------------------------------------------------------------- */
 370  /* General style for all errors/messages (border, padding, etc.) */
 371  div.content-messages div.messages,
 372  div.content-help div.help {
 373  }
 374  
 375  /* Status messages: green */
 376  div.content-messages-inner div.status {
 377  }
 378  
 379  /* Warning messages: yellow */
 380  div.content-messages-inner div.warning {
 381  }
 382  
 383  /* Error messages: red */
 384  div.content-messages-inner div.error {
 385  }
 386  
 387  /* Help messages: blue */
 388  div.content-help-inner div.help {
 389  }
 390  
 391  /* Error that appears when a required form field is not filled out */
 392  .form-item input.error,
 393  .form-item textarea.error,
 394  .form-item select.error {
 395    border: 1px solid #aa1144;
 396  }
 397  
 398  /* "New" text and required form field asterisk (default = red) */
 399  .marker,
 400  .form-required {
 401    color: #aa1144;
 402  }
 403  
 404  
 405  /* Default block title styles
 406  /-------------------------------------------------------------- */
 407  .block-user h2.block-title
 408  {
 409    font-size: 105%;
 410    padding-left: 12px;
 411  }
 412  
 413  .on-air-block h2.block-title
 414  {
 415    font-size: 125%;
 416  }
 417  
 418  
 419  /* Breadcrumbs
 420  -------------------------------------------------------------- */
 421  .breadcrumbs {
 422  }
 423  
 424  .breadcrumbs a:link,
 425  .breadcrumbs a:visited {
 426  }
 427  
 428  
 429  /* Tab Menus   TODO: tab styles?
 430  /-------------------------------------------------------------- */
 431  #content-tabs {
 432    background-color: transparent;
 433    float: left; /* LTR */
 434    margin: 20px 0;
 435    padding: 0;
 436  }
 437  
 438  #content-tabs ul.primary,
 439  #content-tabs ul.secondary {
 440    border-bottom: 1px solid #000;
 441    clear: both;
 442    float: left; /* LTR */
 443    margin: 0;
 444    padding: 0 10px;
 445  }
 446  
 447  #content-tabs ul.secondary {
 448    border-bottom: 1px solid #555;
 449    margin-top: 10px;
 450    text-transform: lowercase;
 451  }
 452  
 453  #content-tabs ul.primary li,
 454  #content-tabs ul.secondary li {
 455    border-style: none;
 456    display: inline;
 457    float: left; /* LTR */
 458    list-style: none;
 459    margin: 0 10px;
 460    padding: 0;
 461  }
 462  
 463  #content-tabs ul.primary li a:link,
 464  #content-tabs ul.primary li a:visited,
 465  #content-tabs ul.secondary li a:link,
 466  #content-tabs ul.secondary li a:visited {
 467    background-color: transparent;
 468    border: none;
 469    color: #000;
 470    float: left; /* LTR */
 471    font-weight: bold;
 472    margin: 0;
 473    padding: 0 0 6px 0;
 474    text-decoration: none;
 475    white-space: nowrap;
 476  }
 477  
 478  #content-tabs ul.secondary li a:link,
 479  #content-tabs ul.secondary li a:visited {
 480    color: #555;
 481  }
 482  
 483  #content-tabs ul.primary li a.active:link,
 484  #content-tabs ul.primary li a.active:visited {
 485    border-bottom: 4px solid #000;
 486    color: #555;
 487    padding-bottom: 2px;
 488  }
 489  
 490  #content-tabs ul.secondary li a.active:link,
 491  #content-tabs ul.secondary li a.active:visited {
 492    border-bottom: 4px solid #555;
 493    color: #777;
 494    padding-bottom: 2px;
 495  }
 496  
 497  #content-tabs ul.primary li a:hover,
 498  #content-tabs ul.primary li a:focus,
 499  #content-tabs ul.secondary li a:hover,
 500  #content-tabs ul.secondary li a:focus {
 501    border-bottom: 4px solid #777;
 502    color: #777;
 503    padding-bottom: 2px;
 504  }
 505  
 506  /* Pagers
 507  -------------------------------------------------------------- */
 508  ul.pager {
 509  }
 510  
 511  ul.pager li {
 512  }
 513  
 514  ul.pager a,
 515  ul.pager li.pager-current {
 516    border-color: #333;
 517  }
 518  
 519  ul.pager li.pager-current {
 520    background-color: #777;
 521    color: #fff;
 522  }
 523  
 524  ul.pager a:hover,
 525  ul.pager a:active,
 526  ul.pager a:focus {
 527    background-color: #777;
 528    border-color: #333;
 529    color: #fff;
 530  }
 531  
 532  /* Forms
 533  /-------------------------------------------------------------- */
 534  /* Typography and backgrounds for all form buttons */
 535  form input.form-submit {
 536    margin: 2px;
 537    padding: 3px 5px;
 538  }
 539  
 540  /* Hover style for form buttons */
 541  form input.form-submit:hover,
 542  form input.form-submit.hover,
 543  form input.form-submit:focus {
 544  }
 545  
 546  /* Typography, background, borders, padding for form fields */
 547  .form-item input,
 548  .form-item select,
 549  .form-item textarea {
 550  }
 551  
 552  /* Remove backgrounds and border on radios and checkboxes */
 553  .form-item .form-radio,
 554  .form-item .form-checkbox {
 555    background: none;
 556    border: none !important;
 557  }
 558  
 559  /* Fieldset wrapper around groups of form elements -- add border here */
 560  fieldset {
 561  }
 562  
 563  /* Typography and spacing for legend of fieldsets */
 564  fieldset legend {
 565  }
 566  
 567  /* Link style for legend of fieldsets */
 568  fieldset legend,
 569  legend.collapse-processed,
 570  legend.collapse-processed a:link,
 571  legend.collapse-processed a:visited {
 572  }
 573  
 574  /* Custom icons on (open) collapsible fieldsets */
 575  html.js fieldset.collapsible legend a:link,
 576  html.js fieldset.collapsible legend a:visited {
 577  }
 578  
 579  /* Custom icons on (closed) collapsible fieldsets */
 580  html.js fieldset.collapsed legend a:link,
 581  html.js fieldset.collapsed legend a:visited {
 582  }
 583  
 584  
 585  /* Tables
 586  -------------------------------------------------------------- */
 587  table {
 588  }
 589  
 590  /* Body of tables */
 591  tbody {
 592   /* border-top: 1px solid #ccc; */
 593   border-top: none;
 594  }
 595  
 596  /* Header of tables */
 597  thead th,
 598  th {
 599    border-bottom: 3px solid #ccc;
 600  }
 601  
 602  tbody th {
 603    border-bottom: 1px solid #ccc;
 604  }
 605  
 606  /* Alternating row background styles */
 607  tr.even,
 608  tr.even td {
 609    background-color: #eee;
 610    border-bottom: 1px solid #ccc;
 611  }
 612  
 613  tr.odd,
 614  tr.odd td {
 615    background-color: #fff;
 616    border-bottom: 1px solid #ccc;
 617  }
 618  
 619  td.active {
 620  }
 621  
 622  tr.drag td,
 623  tr.drag-previous td {
 624    color: #000;
 625  }
 626  
 627  
 628  /* Maintenance Page
 629  /-------------------------------------------------------------- */
 630  /* Maintenance page tpl file in Fusion Core has simplified layout, but you can
 631    also add specific styles, such as a background, just for your offline page */
 632  .in-maintenance  {
 633  }
 634  
 635  
 636  /*--------------------------------------------------------------*/
 637  /* Module styles
 638  /-------------------------------------------------------------- */
 639  
 640  
 641  /* Book
 642  /-------------------------------------------------------------- */
 643  .book-navigation .menu {
 644    border-top: 1px solid #ccc;
 645  }
 646  
 647  .book-navigation .page-links {
 648    border-top: 1px solid #ccc;
 649    border-bottom: 1px solid #ccc;
 650  }
 651  
 652  
 653  /* Comments
 654  /-------------------------------------------------------------- */
 655  /* Style for each individual comment */
 656  div.comment {
 657  }
 658  
 659  /* Subject (title) of each comment */
 660  div.comment h3.title {
 661  }
 662  
 663  /* Links (edit, reply, delete) for each comment */
 664  div.comment div.links a,
 665  div.comment ul.links a {
 666  }
 667  
 668  /* Alternating styles for even/odd comments */
 669  .comments div.odd {
 670    background-color: #fff;
 671  }
 672  
 673  .comments div.even {
 674    background-color: #eee;
 675  }
 676  
 677  /* A special highlight style for a comment by the author of the node */
 678  .comments div.comment-by-author {
 679    background-color: #ddd;
 680  }
 681  
 682  /* Comment signatures */
 683  .signature {
 684    border-top: 1px solid #d6ddb9;
 685  }
 686  
 687  /* User avatars in comments */
 688  .comment-wrapper .picture img {
 689  }
 690  
 691  
 692  /* Forum
 693  /-------------------------------------------------------------- */
 694  #forum .description {
 695  }
 696  
 697  .forum-topic-navigation {
 698    border-top: 1px solid #888;
 699    border-bottom: 1px solid #888;
 700  }
 701  
 702  
 703  /* Poll
 704  /-------------------------------------------------------------- */
 705  div.poll div.bar {
 706    background-color: #ddd;
 707  }
 708  
 709  div.poll div.bar div.foreground {
 710    background-color: #999;
 711  }
 712  
 713  
 714  /* Profiles
 715  /-------------------------------------------------------------- */
 716  .profile .picture {
 717    float: none;
 718  }
 719  
 720  /* Styles for sub-headings on user profiles */
 721  .profile dt {
 722    background-color: #ccc;
 723  }
 724  
 725  
 726  /* Ubercart - catalog
 727  /-------------------------------------------------------------- */
 728  
 729  /* Horizontal list of subcategories in catalog */
 730  ul.uc-categories {
 731  }
 732  
 733  .uc-categories li a {
 734    font-weight: bold;
 735    padding: 0 5px 0 3px;
 736  }
 737  
 738  /* Product and category names */
 739  .catalog-grid-title a:link,
 740  .catalog-grid-title a:visited,
 741  .category a:link,
 742  .category a:visited {
 743  }
 744  
 745  .catalog-grid-title a:hover,
 746  .catalog-grid-title a:focus,
 747  .category a:hover,
 748  .category a:focus {
 749  }
 750  
 751  /* Sell price in Ubercart catalog */
 752  .category-grid-products .catalog-grid-sell-price {
 753  }
 754  
 755  /* Ubercart - add to cart buttons
 756  /-------------------------------------------------------------- */
 757  
 758  /* Add to cart buttons */
 759  input.node-add-to-cart,
 760  input.list-add-to-cart {
 761  }
 762  
 763  /* Hover and focus styles, with .hover class added for IE6 support */
 764  input.node-add-to-cart:hover,
 765  input.node-add-to-cart.hover,
 766  input.node-add-to-cart:focus,
 767  input.list-add-to-cart:hover,
 768  input.list-add-to-cart.hover,
 769  input.list-add-to-cart:focus {
 770  }
 771  
 772  /* Ubercart - product nodes
 773  /-------------------------------------------------------------- */
 774  
 775  #field-group {
 776  }
 777  
 778  #price-group {
 779  }
 780  
 781  /* Product images */
 782  .product-image a img {
 783  }
 784  
 785  .product-image a:hover img,
 786  .product-image a:focus img {
 787  }
 788  
 789  /* Display price on full product nodes */
 790  .full-node .product-group .uc-price-display {
 791  }
 792  
 793  /* Product attributes on full nodes */
 794  .full-node .product-group .attributes {
 795  }
 796  
 797  /* Ubercart - general / checkout
 798  /-------------------------------------------------------------- */
 799  
 800  /* For optional "Powered by Ubercart" footer message */
 801  #store-footer {
 802  }
 803  
 804  #store-footer a:link,
 805  #store-footer a:visited {
 806  }
 807  
 808  /* View cart/Checkout links in Ubercart cart block */
 809  .cart-block-summary-links ul.links li a {
 810  }
 811  
 812  .cart-block-summary-links ul.links li.cart-block-checkout a:link,
 813  .cart-block-summary-links ul.links li.cart-block-checkout a:visited {
 814  }
 815  
 816  /* Key checkout process buttons: Checkout, Continue, and Submit Order */
 817  #uc-cart-view-form #edit-checkout,
 818  #uc-cart-checkout-form #edit-continue,
 819  #uc-cart-checkout-review-form #edit-submit {
 820  }
 821  
 822  /* Table on final order review page */
 823  .order-review-table {
 824  }
 825  
 826  #cart-form-products table th {
 827    border-bottom: 3px solid #dec2c3;
 828  }
 829  
 830  
 831  /* Skinr
 832  /-------------------------------------------------------------- */
 833  
 834  /* This is a sample Skinr style to get you started. See fusion_starter.info */
 835  .fusion-example-stylename .inner {
 836    /* When setting the background color, also set foreground colors for text and
 837      links, even if it's similar to the default body style. Remember, this block
 838      style may be used in regions with other foreground colors, thus making text
 839      invisible if left unspecified */
 840    background-color: #ccc;
 841    color: #000;
 842    /* All padding and borders should go on the .inner div, so as not to break
 843      the widths of the grid */
 844    border: 3px solid #000;
 845    padding: 10px;
 846  }
 847  
 848  
 849  .view-testimonial-view  .views-field-body  .field-content p:first-letter
 850    {
 851          background: url('/sites/all/images/openquote.gif') no-repeat left top !important;
 852       padding:5px 2px 10px 25px!important;
 853     }
 854  
 855  .view-testimonial-view  .views-field-body  .field-content p:after
 856    { 
 857      content: url('/sites/all/images/closequote.gif');
 858    }
 859  
 860  .views-field-field-testim-author-value
 861    {
 862      padding-bottom: 1em;
 863    }
 864  
 865  .sidebar-first-inner
 866  {
 867    border-right: 1px solid #f26135;
 868  }
 869  
 870  .sidebar-last-inner
 871  {
 872    border-left: 1px solid #f26135;
 873  }
 874  
 875  #logo-image
 876  {
 877    padding-left: 0px;
 878  }
 879  
 880  #hor-rule-top-sidebar-left
 881  {
 882    width: 140px;
 883    border-top: 1px solid #f26135;
 884    margin-left: 10px;
 885  }
 886  
 887  .leftbars {width: 160px; float: left;}
 888  .sidebar-first-top { padding: 0 0 20px 20px; }      
 889  .sidebar-first-inner .block {   margin-bottom: 10px; }
 890  .donate-button { padding-top: 1em; }
 891  
 892  
 893  #block-nice_menus-1 { padding-top: 50px; }   
 894  .my_textnav {  padding-top: 5px; float: right;}
 895  
 896  .textnav    { overflow: hidden;  display: inline;  }
 897  ul.textnav_ul li { display: inline;  font-weight: bold;  padding-right: 1em; }
 898  ul.textnav_ul a, ul.textnav_ul a:visited, ul.textnav_ul a:link { color: #666; }
 899  
 900  li#nv4
 901  {
 902    background-image: url('images/nav_icons.png');
 903    background-position:  0 0;
 904    background-repeat: no-repeat;
 905  }
 906  
 907  li#nv5
 908  {
 909    background-image: url('images/nav_icons.png');
 910    background-position:  -30px 0px;
 911    background-repeat: no-repeat;
 912  }
 913  
 914  li#nv6
 915  {
 916    background-image: url('images/nav_icons.png');
 917    background-position:  -60px 0px;
 918    background-repeat: no-repeat;
 919  }
 920  
 921  li#nv7
 922  {
 923    background-image: url('images/nav_icons.png');
 924    background-position:  -90px 0px;
 925    background-repeat: no-repeat;
 926  }
 927  li#nv8
 928  {
 929    background-image: url('images/nav_icons.png');
 930    background-position:  -120px 0px;
 931    background-repeat: no-repeat;
 932  }
 933  
 934  /*  Affiliate View */
 935  #aff_app_body tr > td
 936  {
 937    text-align: right;
 938    padding-right: 2em;
 939  }
 940  #aff_app_body tr > td + td
 941  {
 942    text-align: left;
 943  }
 944  #aff_app_body tr:nth-child(even)
 945  {
 946    background: #EEE;
 947  }
 948  
 949  #block-views-view_gw_in_news-block_1
 950  {
 951    background: #fff;
 952  }
 953  
 954  .h3_hilite h3
 955  {
 956    color: red;
 957    margin-left: 10px;
 958  }
 959  
 960  
 961  
 962  #webform-component-text1
 963  { border: 1px solid black;
 964    padding: 10px;
 965    background: #fff;
 966  }
 967  
 968  .volunteer_faq h2
 969  {
 970    font-size: 130%;
 971    font-weight: normal;
 972    color: red;
 973  }
 974  
 975  /* schedule tweeks */
 976  
 977  .node-type-station-schedule .grid24-24
 978  {
 979    width: 100%;
 980  }
 981  
 982  .station-sch-box  a, .station-sch-box a:visited, .station-sch-box a:link
 983  {
 984    color: black !important;
 985  }
 986  
 987  .station-sch-box   a:hover
 988  {
 989    background-color: #fff !important;
 990    text-decoration: underline;
 991  }
 992  
 993  #schedule-table-preface-logo-block
 994  {
 995    width: 100px;
 996  }
 997  #schedule-table-preface-top-block #block-block-5
 998  {
 999    margin-top: 0px;
1000    width: 240px;
1001  }
1002  
1003  #schedule-table-preface-top-block .mymenu
1004  {
1005    padding-top: 0px;
1006  }
1007  
1008  #logo-small-image
1009  {
1010    padding-left: 15px;
1011    margin-top:  15px;
1012  }
1013  
1014  .view-station-schedule-on-air tr.odd, .view-station-schedule-on-air tr.odd td
1015  {
1016    border-bottom: none;
1017  }
1018  
1019  
1020  .webform-client-form label
1021  {
1022    font-weight: normal;
1023  }
1024  
1025  #webform-component-name_title table.multicolumncheckboxesradios-table
1026  {
1027    width: 25em;
1028  }
1029  #webform-component-education table.multicolumncheckboxesradios-table
1030  {
1031    width: 30em;
1032  }
1033  
1034  #webform-component-gender table.multicolumncheckboxesradios-table
1035  {
1036    width: 15em;
1037  }
1038  
1039  #webform-component-i_agree table.multicolumncheckboxesradios-table
1040  {
1041    width: 15em;
1042  }
1043   
1044  #webform-component-domicile table.multicolumncheckboxesradios-table
1045  {
1046    width: 20em;
1047  }
1048   
1049  /** puts labels and input fields on the same line and aligns them nicely */
1050  .webform-align-radios > .form-item > label,  
1051  .webform-component-textfield label,
1052  .webform-component-date label,
1053  .webform-component-time > .form-item > label,
1054  .webform-component-email label,
1055  .webform-component-file label
1056  {
1057     float: left;
1058     width: 10em;
1059   /* text-align: right;
1060    padding-right: 10px; */
1061  }
1062  /** puts each input option on the same line as its label (see attached image). */
1063  .webform-component-select .form-item input
1064  { 
1065     display: inline;  
1066     float: left;
1067     margin-left: 20px;
1068     margin-right: 5px;
1069  }
1070  .webform-component-textfield, .webform-component-email, .webform-component-date
1071  {
1072   padding-bottom: 10px;                                         
1073  }
1074  
1075  #webform-client-form-135 #edit-submitted-amount-wrapper label
1076  {
1077    width: 3em;
1078  }
1079  
1080  table.multicolumncheckboxesradios-table tr,
1081  table.multicolumncheckboxesradios-table tr.odd,
1082  table.multicolumncheckboxesradios-table tr.odd td
1083  {
1084    border-bottom: none;
1085  }
1086  
1087  img.mid-align 
1088  {
1089    vertical-align: middle;
1090  }
1091  
1092  .views-field-start td
1093  { width: 15%; }
1094  
1095  .view-fyeo-archive-block .views-row
1096  { padding: 10px 0px ;
1097    border-bottom: 1px solid #000;
1098    }
1099  
1100  .view-fyeo-archive-block .views-row-odd .views-field-field-descr-value
1101  { /* background: #eee; */
1102   
1103  }
1104  
1105  .view-fyeo-archive-block .views-row .views-field-field-descr-value  a:link,
1106  .view-fyeo-archive-block .views-row .views-field-field-descr-value  a:visited,
1107  .view-fyeo-archive-block .views-row .views-field-field-descr-value  a:focus
1108  { text-decoration: none !important;
1109    color: #000 !important; }
1110  .view-fyeo-archive-block .views-row .views-field-field-descr-value  a:hover
1111  { text-decoration: none !important;
1112    color: #D03023 !important;
1113    }
1114  
1115  .views-field-start { width: 20% }
1116  
1117  .on-air-table .views-table { width: 81% }