TextArea fonts?

When I use TextArea's setFont() method;
TextArea j=new TextArea();
Container content = getContentPane();
JInternalFrame jf=new JInternalFrame("Window", true, true, true, true);
jf.setBackground(Color.white);
jf.setSize(400,400);
desktop=new JDesktopPane();
desktop.setBackground(Color.GRAY);
desktop.add(jf);
jf.moveToFront();
j.setBackground(Color.WHITE);
j.setFont(new Font("Verdana", Font.PLAIN, 10));
jf.add(j);
desktop.add(jf);
jf.moveToFront();
content.add(desktop, BorderLayout.CENTER);
jf.setVisible(true);
The font does not change, the font style and size do change but it refuses to change the font type. Even the getFont() method returns the correct font name but it doesn't show it. How can I fix this?

Well it seems to work for JTextArea but not regular
TextArea. Here's a example of what I'm trying to do:
import javax.swing.*;
import java.awt.*;
import java.lang.*;
import java.awt.event.*;
import java.io.*;
import java.util.*;
public class textareax {
     public static void main(String args[]) {
          new txtarea();
class txtarea extends JFrame {
     public txtarea() {
          super("Font test");
          Container content = getContentPane();
          TextArea k=new TextArea("Hello");
          k.setFont(new Font("Papyrus", Font.BOLD, 25));
          content.add(k);
          k.setVisible(true);
          setSize(400, 400);
          setVisible(true);
}

Similar Messages

  • Hot to change textarea's font?

    Hi,
    I am using Theme 15 in Apex 3.2. Can some body please help me, how to change the font of a text area? Currently it seems to me that it is using a fixed size font (courier or something) and I can not make it to display the text as something more descent, like Ariel. TIA.
    Tamas

    Hi,
    Try place to page HTML header
    <style>textarea{font:arial!important}</style>Regards,
    Jari
    Edited by: jarola on Aug 25, 2010 1:46 AM
    just in case add also !important. I did change code above

  • Adding template break box model and font

    I have been working on this one for a few hours now and I can't figure it out. I am working with the HTML5 Boilerplate and recreating the home page for our company. When I do not include the template, the file works fine in IE. But the second I apply a template the whole page becomes broken and the IE box model applies and my font sizing gets messed up.
    I have included a link to the files on a testing server, if this is not allowed, let me know and I can put up the code.
    Excuse the cupcakes from FlexSlider, I have not yet finished that piece.
    Working (no template): http://www.qa.mpay.com/index.asp
    Not working (template): http://www.qa.mpay.com/copy.asp
    Do I just need to rework my entire code so that it is more compliant with the IE Box Model qualifications, ie. div inside of a div with width on one and padding/margin on the other?

    Alright here's the code for the one that's not working. After posting last night, I realized the links were probably only viewable internally.
    UPDATE: Just added <html> after <!doctype html> like I've seen you post about in another forum discussion. That seems to have fixed it. Why is that needed? Isn't it the html tag being opened in the line <html class="no-js" lang="en"> What I mean by this, is why does it work fine in other browsers when that is missing, but it messes up with IE?
    P.S. I'm starting to blame H5BP for poor documentation, but I'm learning a lot in the process.
    TEMPLATE: (without <html>)
    templates>template_page_home_new.dwt
    <!doctype html>
    <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
    <!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
    <!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
    <!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
    <!-- Consider adding an manifest.appcache: h5bp.com/d/Offline -->
    <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
    <head>
      <meta charset="utf-8">
      <!-- Use the .htaccess and remove these lines to avoid edge case issues.
           More info: h5bp.com/b/378 -->
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>MPAY Inc.</title>
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="tags" -->
    <meta name='description' content='Payroll Software/Services- Business Process Outsourcing, Reseller and Referral Programs for Payroll Providers, Brokers, CPAs, and more offered by MPAY Inc'/>
    <meta name='keywords' content='MPAY, payroll, payentry.com, millennium, millennium payroll, payroll processing, payroll software, online payroll, outsourcing, business process outsourcing,  timekeeping, Boston, MA, Charlotte, NC, work comp, workers comp, SecureView, online tax forms'/>
    <!-- TemplateEndEditable -->
      <!-- Mobile viewport optimized: j.mp/bplateviewport -->
      <meta name="viewport" content="width=device-width,initial-scale=1">
      <!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->
      <!-- CSS: implied media=all -->
      <!-- CSS concatenated and minified via ant build script-->
      <link rel="stylesheet" href="../css/style.css">
      <link rel="stylesheet" href="../css/flexslider.css" type="text/css" media="screen" />
      <!-- end CSS-->
        <!-- FlexSlider pieces -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
      <!-- All JavaScript at the bottom, except for Modernizr / Respond.
           Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
           For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
      <script src="../js/libs/modernizr-2.0.6.min.js"></script>
    </head>
    <body>
    <div id="container">
        <!-- Header Start -->
      <div id="navigation">
        <div id="logoregion">
              <div id="logo">
                  <a href="default.asp"><img src="../images/logo.gif" alt="mpay_logo" /></a>
              </div>
              <div id="headerlink">
                  <ul>
                          <li><a href="../client-login.asp"><p class="new">NEW!</p>  <img src="../images/blue_bullet_line.gif" alt=""> Client Login  </a></li>
                          <li><a href="contact_us.asp"><img src="../images/blue_bullet_line.gif" alt=""> Contact Us  </a></li>
                          <li><a href="careers.asp"><img src="../images/blue_bullet_line.gif" alt=""> Careers  </a></li>
                          <li><a href="about_us.asp"><img src="../images/blue_bullet_line.gif" alt=""> About Us</a></li></ul>
              </div>
              <div id="contact">
              (781) 810-9000<br />
              <a href="mailto:[email protected]">[email protected]</a>
              </div>
          </div>
          <div id="mainnav">
              <ul class="navigation-controls">
                      <li><a href="../index.html"><p class="navigation-text">Home</p></a></li>
                      <li><a href="../services.html"><p class="navigation-text">Services</p></a></li>
                      <li><a href="../products.html"><p class="navigation-text">Products</p></a></li>
                      <li><a href="../solutions.html"><p class="navigation-text">Solutions</p></a></li>
                      <li><a href="../support.html"><p class="navigation-text">Client Support</p></a></li>
                      <li class="nav-border-right"><a href="../resources.html"><p class="navigation-text">Resources</p></a></li>
               </ul>
          </div>
        </div> 
        <!-- Header End -->
      <!-- TemplateBeginEditable name="EditRegionContent" --><!-- TemplateEndEditable -->
        <!-- Footer Start -->
            <div id="footer">
              <div id="footercontent">
                  <div id="legal">
                  <a href="../index.html">MPAY Inc.</a>  |  
                  <a href="../legal.html">Legal Notices</a>  |  
                  <a href="../privacy.html">Your Privacy</a>
                  </div>
                  <div id="copyright">
                   <script type="text/javascript">
          now=new Date();
          year=now.getFullYear();
              </script>
                   &copy; Copyright
                   <script type="text/javascript">
          document.write (year);
                   </script>
                   MPAY, Inc. All Rights Reserved.</div>
             </div>
           </div>
      <!-- Footer End -->
       </div>
    <!-- JavaScript at the bottom for fast page loading -->
      <!-- TemplateBeginEditable name="JavaCode" --><!-- TemplateEndEditable -->
      <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="../js/libs/jquery-1.6.2.min.js"><\/script>')</script>
      <!-- scripts concatenated and minified via ant build script-->
      <script defer src="../js/plugins.js"></script>
      <script defer src="../js/script.js"></script>
      <!-- end scripts-->
        <!-- Act-On Analytics Code -->
         <script type="text/javascript">
           /* <![CDATA[ */
           document.write (
              '<img src="http://marketing.mpay.com/acton/bn/1170/visitor.gif?ts='+
              new Date().getTime()+
              '&ref='+escape(document.referrer) + '">'
           /* ]]> */
           </script>
      <!-- Google Analytics Code -->
      <script>
        window._gaq = [['_setAccount','UA-12607129-1'],['_trackPageview'],['_trackPageLoadTime']];
        Modernizr.load({
          load: ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js'
      </script>
    </body>
    </html>
    File it's being applied to:
    copy.asp
    <!-- InstanceBegin template="/Templates/template_page_home_new.dwt" codeOutsideHTMLIsLocked="false" --><!doctype html>
    <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
    <!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
    <!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
    <!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
    <!-- Consider adding an manifest.appcache: h5bp.com/d/Offline -->
    <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
    <head>
      <meta charset="utf-8">
      <!-- Use the .htaccess and remove these lines to avoid edge case issues.
           More info: h5bp.com/b/378 -->
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>MPAY Inc.</title>
    <!-- InstanceEndEditable -->
    <!-- InstanceBeginEditable name="tags" -->
    <meta name='description' content='Payroll Software/Services- Business Process Outsourcing, Reseller and Referral Programs for Payroll Providers, Brokers, CPAs, and more offered by MPAY Inc'/>
    <meta name='keywords' content='MPAY, payroll, payentry.com, millennium, millennium payroll, payroll processing, payroll software, online payroll, outsourcing, business process outsourcing,  timekeeping, Boston, MA, Charlotte, NC, work comp, workers comp, SecureView, online tax forms'/>
    <style type="text/css">
    <!--
    .style1 {color: #00274c}
    -->
    </style>
    <!-- InstanceEndEditable -->
      <!-- Mobile viewport optimized: j.mp/bplateviewport -->
      <meta name="viewport" content="width=device-width,initial-scale=1">
      <!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->
      <!-- CSS: implied media=all -->
      <!-- CSS concatenated and minified via ant build script-->
      <link rel="stylesheet" href="css/style.css">
      <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
      <!-- end CSS-->
        <!-- FlexSlider pieces -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
      <!-- All JavaScript at the bottom, except for Modernizr / Respond.
           Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
           For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
      <script src="js/libs/modernizr-2.0.6.min.js"></script>
    </head>
    <body>
    <div id="container">
        <!-- Header Start -->
      <div id="navigation">
        <div id="logoregion">
              <div id="logo">
                  <a href="default.asp"><img src="images/logo.gif" alt="mpay_logo" /></a>
              </div>
              <div id="headerlink">
                  <ul>
                          <li><a href="client-login.asp"><p class="new">NEW!</p>  <img src="images/blue_bullet_line.gif" alt=""> Client Login  </a></li>
                          <li><a href="contact_us.asp"><img src="images/blue_bullet_line.gif" alt=""> Contact Us  </a></li>
                          <li><a href="careers.asp"><img src="images/blue_bullet_line.gif" alt=""> Careers  </a></li>
                          <li><a href="about_us.asp"><img src="images/blue_bullet_line.gif" alt=""> About Us</a></li></ul>
              </div>
              <div id="contact">
              (781) 810-9000<br />
              <a href="mailto:[email protected]">[email protected]</a>
              </div>
          </div>
          <div id="mainnav">
              <ul class="navigation-controls">
                      <li><a href="index.html"><p class="navigation-text">Home</p></a></li>
                      <li><a href="services.html"><p class="navigation-text">Services</p></a></li>
                      <li><a href="products.html"><p class="navigation-text">Products</p></a></li>
                      <li><a href="solutions.html"><p class="navigation-text">Solutions</p></a></li>
                      <li><a href="support.html"><p class="navigation-text">Client Support</p></a></li>
                      <li class="nav-border-right"><a href="resources.html"><p class="navigation-text">Resources</p></a></li>
               </ul>
          </div>
        </div> 
        <!-- Header End -->
      <!-- InstanceBeginEditable name="EditRegionContent" --><!--! start of #container -->
        <div id="slideshow">
            <!--=============================
            Markup for FADE animation
            =================================-->
            <div class="flexslider">
            <ul class="slides">
                <li>
                    <a href="#"><img src="img/planet_hollywood.jpg" />
                    <div class="flex-caption">
                        <div id="slideone">
                            <h2 class="gold" >MPAY Sales &amp; Product <br />Roadmap Workshop</h2><br />
                            <h3 class="white">
                            March 2, 2012 / Las Vegas
                            <br />
                            </h3>
                             <br /> <br /> <br />
                            <p class="gold underline">
                            Learn more about IPPA Event
                            </p>
                        </div>
                    </div></a>
                </li>
                <li>
                    <a href="#"><img src="img/inacup_samoa.jpg" />
                    <div class="flex-caption">
                        <h2 >Our Products</h2><br />
                        <h3 >Payentry.com
                        <br />Secure and reliable online solution for payroll and human resource management
                        Millennium
                        <br />User-friendly PC solution provides a flexible system with robust functionality
                        </h3>
                    </div></a>
                </li>
                <li>
                    <a href="#"><img src="img/inacup_donut.jpg" />
                    <div class="flex-caption">
                        <h2 >Our Solutions</h2><br />
                        <h3 >Business Process Outsourcing<br />
                    Reseller Program<br />
                    Referral Program<br />
                    Direct Services
                        </h3>
                    </div></a>
                </li>
                <li>
                    <a href="#"><img src="img/inacup_pumpkin.jpg" />
                    <div class="flex-caption">
                        <h2 >Compliance &amp; Security</h2><br />
                        <h3 >Payroll Processing and Tax Management<br />
                    Employee Management<br />
                    New Hire Reporting<br />
                    Workers’ Compensation<br />
                    Wage Garnishment<br />
                    COBRA Administration
                        </h3>
                    </div></a>
                </li>
                <li>
                    <a href="#"><img src="img/inacup_donut.jpg" />
                    <div class="flex-caption">
                        <h2 >Paperless Solutions</h2><br />
                        <h3 >Secure Document Delivery via SecureView<br />
                    Employee Self Service with Online Tax Forms<br />
                    Money Network Payroll Distribution Service
                        </h3>
                    </div></a>
                </li>
            </ul>
            <div >
            <ul class="custom-controls">
                    <li><a href="#">Upcoming Events</a></li>
                    <li><a href="#">Our Products</a></li>
                    <li><a href="#">Our Solutions</a></li>
                    <li><a href="#">Compliance & Security</a></li>
                    <li><a href="#">Paperless Solutions</a></li>
             </ul>
             </div>           
          </div>
        </div>
        <div id="main" role="main">
            <div id="banner">
              <div id="leftbanner" class="bluedropshadow">Learn how MPAY can find a <br />solution that’s right for you.</div>
              <div id="bannerdivision">
              <img src="img/banner_division.png" alt="" />
              </div>
              <div id="rightbanner">
                <div id="emailbutton">
                <a href="#"><img src="img/email_us_button.png" alt="Email Us!" /></a></div>
                <div id="or" class="bluedropshadow">or</div>
                <div id="callus">
                Call us today at<br />
                781-810-9000</div>
              </div>
            </div>
          <div id="bannerbottom">
              </div>
            <div id="leftcol">
              <div id="introduction">
              <p>MPAY Inc. is a <a href="#">payroll software</a> and <a href="#">services</a> company providing strategic <a href="#">business solutions</a> to employers and business partners nationwide. MPAY presents a variety of programs, including <a href="#">business process outsourcing</a>, to a wide range of <a href="#">industries</a>. MPAY’s offerings streamline processes, improve productivity, and simplify administration, allowing clients to get the most out of their workday.</p>
              </div>
              <div id="twitterfeed">
                  <div id="twitterlogo">
                  <h4>Twitter<br />Feed</h4>
                  </div>
                  <div id="twitter">  
                  </div>
                <p class="viewall"><a href="#">View All</a></p>
              </div>
            </div>
            <div id="rightcol">
              <div id="mediacenter">
                <div>
                <h4>Media Center</h4>
                </div>
                <div id="medialinks">
                <p class="medialinks"><a href="#"><img class="mediaicons" src="img/news_icon.png" alt="News Icon" />News</a></p>
                <p class="medialinks"><a href="#"><img class="mediaicons" src="img/press_icon.png" alt="Press Release Icon" />Press Releases</a></p>
                <p class="medialinks"><a href="#"><img class="mediaicons" src="img/calendar_icon.png" alt="Calendar Icon" />Calendar</a></p>
                <p class="medialinks"><a href="#"><img class="mediaicons" src="img/client_icon.png" alt="Client Testimonials Icon" />Client Testimonials</a></p>
                </div>
              </div>
              <div id="affandawards">
                <div id="affandawardstitle">
                <h4>Affiliates &amp; Awards</h4>
                </div>
                <div id="affandawardsframe">
                  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="200" height="150" title="sponsors_small">
                    <param name="movie" value="sponsors_small.swf">
                    <param name="quality" value="high">
                    <embed src="sponsors_small.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="200" height="150"></embed>
                  </object>
                </div>
              </div>
              <div id="socialmedia">
                <div id="reachout">
                Reach <br />Out To Us!
                </div>
                <div id="socialarrow">
                <img src="img/social_arrow.gif">
                </div>
                <div id="socialicons">
                <a href="#"><img class="socialmediaicons" src="img/facebook_30px.gif" alt="Facebook Icon" /></a>
                <a href="#"><img class="socialmediaicons" src="img/twitter_30px.gif" alt="Twitter Icon" /></a>
                <a href="#"><img class="socialmediaicons" src="img/linkedin_30px.gif" alt="LinkedIn Icon" /></a>
                </div>
              </div>
            </div>
        </div>
    <!--! end of #container -->
    <!-- InstanceEndEditable -->
        <!-- Footer Start -->
            <div id="footer">
              <div id="footercontent">
                  <div id="legal">
                  <a href="index.html">MPAY Inc.</a>  |  
                  <a href="legal.html">Legal Notices</a>  |  
                  <a href="privacy.html">Your Privacy</a>
                  </div>
                  <div id="copyright">
                   <script type="text/javascript">
          now=new Date();
          year=now.getFullYear();
              </script>
                   &copy; Copyright
                   <script type="text/javascript">
          document.write (year);
                   </script>
                   MPAY, Inc. All Rights Reserved.</div>
             </div>
           </div>
      <!-- Footer End -->
       </div>
    <!-- JavaScript at the bottom for fast page loading -->
      <!-- InstanceBeginEditable name="JavaCode" -->
            <!-- Hook up the FlexSlider -->
        <script type="text/javascript">
            $(window).load(function() {
                $('.flexslider').flexslider({
                    manualControls: '.custom-controls li a'
        </script>
        <!-- Twitter Feed -->
    <script type="text/javascript">
    $(document).ready(function(){
        $.getJSON('http://twitter.com/status/user_timeline/MPAYInc.json?count=3&callback=?', function(data){
            $.each(data, function(index, item){
                $('#twitter').append('<div class="tweet"><p>' + item.text.linkify() + '</p><p class="timestamp">' + relative_time(item.created_at) + '</p></div>');
        function relative_time(time_value) {
          var values = time_value.split(" ");
          time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
          var parsed_date = Date.parse(time_value);
          var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
          var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
          delta = delta + (relative_to.getTimezoneOffset() * 60);
          var r = '';
          if (delta < 60) {
            r = 'a minute ago';
          } else if(delta < 120) {
            r = 'couple of minutes ago';
          } else if(delta < (45*60)) {
            r = (parseInt(delta / 60)).toString() + ' minutes ago';
          } else if(delta < (90*60)) {
            r = 'an hour ago';
          } else if(delta < (24*60*60)) {
            r = '' + (parseInt(delta / 3600)).toString() + ' hours ago';
          } else if(delta < (48*60*60)) {
            r = '1 day ago';
          } else {
            r = (parseInt(delta / 86400)).toString() + ' days ago';
          return r;
        String.prototype.linkify = function() {
            return this.replace(/[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+/, function(m) {
                return m.link(m);
    </script><!-- InstanceEndEditable -->
      <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="../js/libs/jquery-1.6.2.min.js"><\/script>')</script>
      <!-- scripts concatenated and minified via ant build script-->
      <script defer src="js/plugins.js"></script>
      <script defer src="js/script.js"></script>
      <!-- end scripts-->
        <!-- Act-On Analytics Code -->
         <script type="text/javascript">
           /* <![CDATA[ */
           document.write (
              '<img src="http://marketing.mpay.com/acton/bn/1170/visitor.gif?ts='+
              new Date().getTime()+
              '&ref='+escape(document.referrer) + '">'
           /* ]]> */
           </script>
      <!-- Google Analytics Code -->
      <script>
        window._gaq = [['_setAccount','UA-12607129-1'],['_trackPageview'],['_trackPageLoadTime']];
        Modernizr.load({
          load: ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js'
      </script>
    </body>
    <!-- InstanceEnd --></html>
    CSS
    css>style.css
    * HTML5 ✰ Boilerplate
    * What follows is the result of much research on cross-browser styling.
    * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
    * Kroc Camen, and the H5BP dev community and team.
    * Detailed information about this CSS: h5bp.com/css
    * ==|== normalize ==========================================================
    /* =============================================================================
       HTML5 display definitions
       ========================================================================== */
    article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
    audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
    audio:not([controls]) { display: none; }
    [hidden] { display: none; }
    /* =============================================================================
       Base
       ========================================================================== */
    * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
    * 2. Force vertical scrollbar in non-IE
    * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
    html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
    body { margin: 0; font-size: 100%; line-height: 150%; }
    body, button, input, select, textarea { font-family: sans-serif; color: #222; }
    * Remove text-shadow in selection highlight: h5bp.com/i
    * These selection declarations have to be separate
    * Also: hot pink! (or customize the background color to match your design)
    ::-moz-selection { background: #496793; color: #fff; text-shadow: none; }
    ::selection { background: #496793; color: #fff; text-shadow: none; }
    /* =============================================================================
       Links
       ========================================================================== */
    a { color: #00e; }
    a:visited { color: #551a8b; }
    a:hover { color: #06e; }
    a:focus { outline: thin dotted; }
    /* Improve readability when focused and hovered in all browsers: h5bp.com/h */
    a:hover, a:active { outline: 0; }
    /* =============================================================================
       Typography
       ========================================================================== */
    abbr[title] { border-bottom: 1px dotted; }
    b, strong { font-weight: bold; }
    blockquote { margin: 1em 40px; }
    dfn { font-style: italic; }
    hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
    ins { background: #ff9; color: #000; text-decoration: none; }
    mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
    /* Redeclare monospace font family: h5bp.com/j */
    pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
    /* Improve readability of pre-formatted text in all browsers */
    pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
    q { quotes: none; }
    q:before, q:after { content: ""; content: none; }
    small { font-size: 85%; }
    /* Position subscript and superscript content without affecting line-height: h5bp.com/k */
    sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
    sup { top: -0.5em; }
    sub { bottom: -0.25em; }
    /* =============================================================================
       Lists
       ========================================================================== */
    ul, ol { margin: 0em 0; padding: 0 0 0 0px; }
    dd { margin: 0 0 0 40px; }
    nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
    /* =============================================================================
       Embedded content
       ========================================================================== */
    * 1. Improve image quality when scaled in IE7: h5bp.com/d
    * 2. Remove the gap between images and borders on image containers: h5bp.com/e
    img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
    * Correct overflow not hidden in IE9
    svg:not(:root) { overflow: hidden; }
    /* =============================================================================
       Figures
       ========================================================================== */
    figure { margin: 0; }
    /* =============================================================================
       Forms
       ========================================================================== */
    form { margin: 0; }
    fieldset { border: 0; margin: 0; padding: 0; }
    /* Indicate that 'label' will shift focus to the associated form element */
    label { cursor: pointer; }
    * 1. Correct color not inheriting in IE6/7/8/9
    * 2. Correct alignment displayed oddly in IE6/7
    legend { border: 0; *margin-left: -7px; padding: 0; }
    * 1. Correct font-size not inheriting in all browsers
    * 2. Remove margins in FF3/4 S5 Chrome
    * 3. Define consistent vertical alignment display in all browsers
    button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
    * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
    * 2. Correct inner spacing displayed oddly in IE6/7
    button, input { line-height: normal; *overflow: visible; }
    * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
    table button, table input { *overflow: auto; }
    * 1. Display hand cursor for clickable form elements
    * 2. Allow styling of clickable form elements in iOS
    button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
    * Consistent box sizing and appearance
    input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
    input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
    input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
    * Remove inner padding and border in FF3/4: h5bp.com/l
    button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
    * 1. Remove default vertical scrollbar in IE6/7/8/9
    * 2. Allow only vertical resizing
    textarea { overflow: auto; vertical-align: top; resize: vertical; }
    /* Colors for form validity */
    input:valid, textarea:valid {  }
    input:invalid, textarea:invalid { background-color: #f0dddd; }
    /* =============================================================================
       Tables
       ========================================================================== */
    table { border-collapse: collapse; border-spacing: 0; }
    td { vertical-align: top; }
    /* =============================================================================
       Eric Meyer Reset Snippet
       ========================================================================== */
    /* http://meyerweb.com/eric/tools/css/reset/ */
    /* v1.0 | 20080212 */
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;   
    /* ==|== primary styles =====================================================
       Author:
       ========================================================================== */
    body {
        max-width: 49.6875em;
        text-align: center;
        margin: auto;
        #container{
        text-align: left;
        margin: auto;
    a {
            color: #6699CC;
            text-align:left;
            text-decoration:underline;
            border: none;   
        a:link { color: #6699CC;}
        a:visited { color: #6699CC;}   
        a:hover { color: #496793;}   
        a:active { color: #496793;}
    /* ==|== text styles ====================================================== */
    p{
        color:#444444;
        font-family:Verdana, sans-serif;
    h2{
        font-size:2.5em;
        line-height:1.25em;
        letter-spacing:.02em;
        color:#00274c;
        font-weight:bold;
        font-family:Avant Garde Gothic, ITC Avant Garde Gothic, AvantGarde Md BT, AvantGarde Bk BT, Avant Garde, Century Gothic, Arial, sans-serif;   
    h3{
        font-size:1.5em;
        line-height:1.25em;
        letter-spacing:.02em;
        color:#00274c;
        font-weight:bold;
        font-family:Avant Garde Gothic, ITC Avant Garde Gothic, AvantGarde Md BT, AvantGarde Bk BT, Avant Garde, Century Gothic, Arial, sans-serif;   
    h4{
        font-size:1.3125em;
        line-height:1.25em;
        letter-spacing:.02em;
        color:#00274c;
        font-weight:normal;
        font-family:Verdana, sans-serif;   
    h5{
        font-size:1.3125em;
        line-height:1.25em;
        letter-spacing:.02em;
        color:#00274c;
        font-weight: bold;
        font-family:Avant Garde Gothic, ITC Avant Garde Gothic, AvantGarde Md BT, AvantGarde Bk BT, Avant Garde, Century Gothic, Arial, sans-serif;   
    /* ==|== navigation styles ====================================================== */
    /* Custom Nav */
    #navigation{
        margin:10px 20px 5px 20px;
        width:775px;
    #headerlink a:link { color: #666;}
    #headerlink a:visited { color: #666;}   
    #headerlink a:hover { color: #00274C;}   
    #headerlink a:active { color: #00274C;}   
    #headerlink li{
        font: .625em "Arial Narrow", sans-serif;
        display: inline;
        text-decoration: none;
        list-style-image:url(../images/blue_bullet.gif);
        letter-spacing:.08em;
    #headerlink a{
        text-decoration: none;
    #headerlink {
        padding: 2px 135px 0px 0px;
        float: right;
    .new {
        text-align:right;
        font: bold 1.175em "Arial Narrow", sans-serif;
        color:#8f9d4e;
        display:inline;
    #header {
        margin: 15px auto 0 auto;
        width:775px;
    #logoregion {
        width:775px;
        height: 91px;
        background:url(../images/header_small.gif) no-repeat 0 0;
    #contact{
        font: bold .75em/1.35em sans-serif;
        color: #919194;
        padding: 10px 135px 0 0px;
        float: right;
        text-align:right;
    .nav-border-right{
        border-right: 1px solid #6699cc;
    #logo {
        padding: 32px 0 0px 8px;
        float: left;
    #mainnav {
        width: 100%; width: 775px;
        height: 28px;
    .navigation-text{
        text-align: center;
        font-weight:bold;
        font-size:.75em;
        font-family: sans-serif;
        letter-spacing:.01em;
        padding-top:2px;}
    .navigation-controls {width: 100%;}
    .navigation-controls li {margin: 0 0 0 0px; float:left; display: inline-block; zoom: 1; *display: inline; list-style:none;}
    .navigation-controls li:first-child {margin: 0;}
    .navigation-controls li a {color: #00274c; text-align:center; width: 129px; height: 28px; display: block; background: url(../img/main_navigation_tab.gif) no-repeat 0 0; cursor: pointer; text-decoration:none;}
    .navigation-controls li a:hover {background-position: 0 -28px; color: #00274c; }
    .navigation-controls li a.active {background-position: 0 -28px; color: #00274c;  cursor: default; }
    #nav a:link { color: #000000;}
    #nav a:visited { color: #00274C;}   
    #nav a:hover { color: #919194;}   
    #nav a:active { color: #919194;}   
    #nav li{
        list-style-type: none;
        display: inline;
    div#nav a{
    float: left;
    text-decoration:none;
    padding-top: 2px;
    padding-right: 15px;
    /* ==|== slideshow styles ====================================================== */
    #slideshow {width: 100%; width: 775px; margin: 0 16px; }
    #slideone{
        width:60%;}
    .gold{
        color:#d79b00;}
    .white{
        color:#fff;}
    .underline{
        text-decoration:underline;}
    /* ==|== main styles =========================================================== */
    /* ==|== main content column styles ======================================================= */
    #main{
        background:url(../img/body_bg.jpg) no-repeat 0 0;
        width: 775px;
        height: 885px;
        display:inline-block;
        margin-top: 90px;
        padding: 30px 20px 0px 20px;
        background:url(../img/body_bg.jpg) no-repeat 0 0;
        width: 795px;
        display:inline-block;
        margin-top: 90px;
        padding: 30px 0px 0px 0px;
    #maincontent{
        height: 885px;
        padding: 0px 20px;
    /* ==|== banner styles ====================================================== */
    #banner{
        font-size:1.3125em;
        line-height:1.25em;
        letter-spacing:.02em;
        font-weight: bold;
        font-family:Avant Garde Gothic, ITC Avant Garde Gothic, AvantGarde Md BT, AvantGarde Bk BT, Avant Garde, Century Gothic, Arial, sans-serif;
        height: 70px;
        width: 755px;
        margin: 0px 0px 0px -10px;
        padding: 0px 20px 20px 20px;
        -moz-border-radius-topleft: 2px;
        -moz-border-radius-topright: 2px;
        -webkit-border-top-left-radius: 2px;
        -webkit-border-top-right-radius: 2px;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        -khtml-border-top-left-radius: 2px;
        -khtml-border-top-right-radius: 2px;
        background-color: #496793;
        background-image: url(../img/banner_bg.gif);
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#496793), to(#2c5079));
        background-image: -webkit-linear-gradient(top, #496793, #2c5079);
        background-image:    -moz-linear-gradient(top, #496793, #2c5079);
        background-image:     -ms-linear-gradient(top, #496793, #2c5079);
        background-image:      -o-linear-gradient(top, #496793, #2c5079);
    #leftbanner{
        float: left;
        padding-top:20px;}
    .bluedropshadow {
        color:#00274c;
        text-align:left;
        text-shadow: 1px 1px 1px #6882a4;}
    #bannerdivision{
        float: left;
        padding: 16px 20px 0 30px;}
    #rightbanner{
        float: right;
        padding-top:20px;
    #emailbutton{
        float: left;
        padding: 5px 0px 0px 0px;
    #or{
        float: left;
        padding: 13px 25px 10px 20px;}
    #callus{
        color:#ffffff;
        width: 180px;
        text-align:right;
        text-shadow: 1px 1px 1px #00274c;
        float: right;}
    #bannerbottom{
        height: 20px;
        background:url(../img/banner_bottom.jpg) no-repeat 0 0;
        width: 795px;
        margin: 0px 0px 0px -10px;
    /* ==|== left column styles ======================================================= */
    #leftcol{
        float: left;
        width: 485px;
    #introduction{
        padding: 15px;
        margin: 10px 30px 30px 30px;
        width: 390px;
        background-color:#FFFFFF;
        border: 1px solid #ededed;}
    #twitterfeed{
        text-align:right;
        margin: 30px;
        width: 415px;
    #twitterlogo{
        text-align:left;
        padding:37px 0 0 160px;
        height: 78px;
        background:url(../img/mpay_twitter_bird.png) no-repeat 0 0;
    .tweet {
        padding: 1px 0px 1px 0px;
        margin: 7px 0;
        text-align:left;
        font-family: Verdana, sans-serif;
        font-size:.75em;
        line-height:1.75em;
    .timestamp {
        text-align:right;
        font-weight: normal;
        color:#8f9d4e;
    .viewall {
        padding: 12px 0 0 0;
    /* ==|== right column styles ====================================================== */
    #rightcol{
        float: right;
        width: 290px;
    #mediacenter{
        margin: 10px 30px 50px 30px;
    #medialinks{
        padding: 10px 0 0 0;
    .mediaicons{
        vertical-align:middle;
        padding: 0px 10px 0 0;
    .medialinks{
        vertical-align:middle;
        padding: 10px 0 0 0;
    #viewall {
        padding: 12px 0 0 0;
    #affandawards{
        margin: 50px 5px 23px 14px;
    #affandawardstitle{
        margin: 0px 25px 0px 16px;
    #affandawardsframe{
        margin: 20px 0 0 0;
        padding: 27px 40px 50px 29px;
        background:url(../img/flash_bg.png) no-repeat 0 0;
    #socialmedia{
        margin: 23px 30px 30px 30px;
    #reachout{
        float:left;
        font-size:1.875em;
        line-height:1.25em;
        color:#8f9d4e;
        font-weight:bold;
        font-family:Avant Garde Gothic, ITC Avant Garde Gothic, AvantGarde Md BT, AvantGarde Bk BT, Avant Garde, Century Gothic, Arial, sans-serif;   
    #socialarrow{
        float: right;
        padding: 20px 0 0 0;
    #socialicons{
        float: left;
        padding: 15px 0 0 0;
    .socialmediaicons{
        padding: 0 5px 0 0;
    /* ==|== footer styles =

  • Font and Font size in my YUI calendar overriding main text styles?

    I downloaded the YUI calendar but the default font settings are overriding my main text styles...??

    I know I'm bad for asking w/out it being online.  It's not quite ready, hopefully it will be online early next week. 
    I can tell you that when I added the calendar to my site there were 2 seperate CSS style sheets that came with it.  One called fonts-min.css and the main calendar one is the calendar.css file.  The css font styles that govern the calendar seem to be in the fonts-min.css and look like:
    body{
    *font-size:small;*font:x-small;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        line-height: 1.231;
    }select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}
    I have the fonts and sizes I would like in my main body tag and also I tried again by styling a <p> tag; which I know is redundant...
    ** my css styles are in an external style sheet; fyi
    I like the way the default calendar is styled but when it overrides my main text it makes the main text way too small....

  • How to set "global" font?

    Where must I change font type and / or style to take effect in whole applet? I do not want to do that for every item separately. If I set font for applet it does not effect in panels and other elements.
    I am using Netbeans 5.5, Java 1.5.

    Here's how I do it.
       * Overrides all the font settings from the LookAndFeel.  The default fonts
       * tend to be too small and to render poorly on an LCD monitor, even with
       * anti-aliasing.  This should be done before any GUI components are created.
      public static void fixFonts()
        // These components will use the user-specified monospaced font
        String[] monoFonts = {
          "ComboBox.font",
          "OptionPane.messageFont",
          "Spinner.font",
          "TextField.font",
          "FormattedTextField.font",
          "PasswordField.font",
          "TextArea.font"
        // Replace all these with the user-specified sans-serif font
        String[] sansFonts = {
          "Button.font",
          "ToggleButton.font",
          "RadioButton.font",
          "CheckBox.font",
          "ColorChooser.font",
          "Label.font",
          "List.font",
          "MenuBar.font",
          "MenuItem.font",
          "RadioButtonMenuItem.font",
          "CheckBoxMenuItem.font",
          "Menu.font",
          "PopupMenu.font",
          "OptionPane.font",
          "OptionPane.buttonFont",
          "Panel.font",
          "ProgressBar.font",
          "ScrollPane.font",
          "Viewport.font",
          "Slider.font",
          "TabbedPane.font",
          "Table.font",
          "TableHeader.font",
          "TitledBorder.font",
          "ToolBar.font",
          "ToolTip.font",
          "Tree.font"
        // These components will use the user-specified serif font
        String[] smallerFonts = {
          "Menu.acceleratorFont",
          "MenuItem.acceleratorFont",
          "RadioButtonMenuItem.acceleratorFont",
          "CheckBoxMenuItem.acceleratorFont"
        // These components will use the user-specified serif font
        String[] serifFonts = {
          "TextPane.font",
          "EditorPane.font"
        // These components will use the user-specified bold font
        String[] boldFonts = {
          "InternalFrame.titleFont"
        Font sansFont    = new Font("Bitstream Vera Sans",      Font.PLAIN, 12);
        Font smallerFont = new Font("Bitstream Vera Sans",      Font.PLAIN, 11);
        Font monoFont    = new Font("DejaVu Sans Mono",         Font.PLAIN, 14);
        Font boldFont    = new Font("Bitstream Vera Sans Bold", Font.PLAIN, 12);
        Font serifFont   = new Font("Bitstream Vera Serif",     Font.PLAIN, 12);
        UIDefaults defs = UIManager.getDefaults();
        for (String key : sansFonts)
          defs.put(key, sansFont);
        for (String key : smallerFonts)
          defs.put(key, smallerFont);
        for (String key : monoFonts)
          defs.put(key, monoFont);
        for (String key : boldFonts)
          defs.put(key, boldFont);
        for (String key : serifFonts)
          defs.put(key, serifFont);
        // Some L&F's use a hard-coded height for tree cells based on a 12-point
        // font.  Setting it to zero lets the cell renderer determine the height.
        if (sansFont.getSize() != 12)
          defs.put("Tree.rowHeight", 0);
        // Get rid of the bold fonts when using a Metal L&F.
        defs.put("swing.boldMetal", Boolean.FALSE);
      }

  • Using embedded Fonts in FONT tag. Possible?

    I've been pulling my hair out for days trying to get this
    working. (luckily I have a lot of hair)
    I have been able to successfully embed my custom font so that
    it displays properly in all components. I can set the style of a
    textarea to use a style with the embedded fontface and it also
    shows up nicely. What I CAN'T seem to do is use the textarea
    <font face="the_font"> tag to display only a selected portion
    of text within a text area with the applied font.
    At this point I don't expect answers. It seems (from the
    amount of searching I've done, and the number of people who have
    asked me if I've found an answer yet) that no one (at least in the
    english speaking world that I am sadly confined to) knows how to
    make this work. Can someone please just tell me whether or not this
    is a bug so I can stop wasting my time trying to figure it out?
    Thanks,
    M

    Actually, I got that example to work... here are the changes
    I made...
    <mx:htmlText>
    <![CDATA[You can vary the <font size='20'>font
    size</font>,<br><font
    color="#0000FF">color</font>,<br><font
    face="Courier New">face</font>, or<br><font
    size="18"color="#FF00FF"face="Times New Roman">any combination
    of the three.</font>]]>
    </mx:htmlText>
    As I said above, I have found errors in the code of the help
    docs... this is yet another one of them. Usually its spaces in the
    wrong place, or no space at all, or missing ) or ], or a case
    sensitivity issue.
    If you got your custom font to display, that should work...
    but then again.. what should work, doesn't always.

  • Fonts and  colours !!!!!!

    Hi all.
    i have an application with a menu and a few JtextAreas.
    the menu has format options such as fonts, colours etc.
    when the user selects a particular font or bold or italics etc, i wish to change the font of all the text within all JTextAreas, and if another JTextArea is created, i want it to have these font properties.can anyone help with the code for changing the Default text of these JTestAreas.
    many thanks,
    PMac.

    try this
    UIManager.put("TextArea.font",new Font("MS Sans Serif",1,18));
    Noah

  • How to change font to jfilechooser or JOptionPanes

    I'm interesting in changing the font to the components of my JFileChooser , like the Aprove botton and the rest of the labels ,
    even I'm interested in changing the font to my JOptionPanes in my Aplications, I could see for examples that in the forte for java enviroment the jfilechoosers and joptionpanes have a different font from the standart.
    the thing is that I couldn't get the way, I would apreciate any help on this subjects, thanks very much.

    You need to change User Interface Parameters. I give you a piece of code...
    // Create a new font
    Font menuFont = new Font(
    PropertyManager.get("menu.font.name"),
    Integer.parseInt(PropertyManager.get("menu.font.style")),
    Integer.parseInt(PropertyManager.get("menu.font.size")));
    // Set components look and feel.
    UIDefaults defaults = UIManager.getDefaults();
    defaults.put("Menu.font", menuFont);
    defaults.put("MenuItem.font", menuFont);
    defaults.put("TabbedPane.font", menuFont);
    defaults.put("Label.font", menuFont);
    defaults.put("Button.font", menuFont);
    defaults.put("TextArea.font", menuFont);
    defaults.put("ComboBox.font", menuFont);
    defaults.put("List.font", menuFont);
    defaults.put("CheckBox.font", menuFont);
    See also Java Look and Feel tutorial on http://java.sun.com/products/jlf/ed1/dg/index.htm
    There is also a useful third-part plugin to simplify this work: see SkinLF on http://www.l2fprod.com

  • Styling within TextArea

    I have been doing the lessons in the tutorials that came with
    Flex Builder 2, and have fiddled with the BlogReader sample to
    create a version of the BlogReader that reads the RSS of my own
    blog:
    http://jamesedmunds.com/Flex/BlogReader.cfm
    My question has to do with styling
    within the TextArea below the grid, where individual
    postings are displayed. How would I style this, so that, for
    instance, the anchors (links to
    http:// addresses, in this case) showed in blue
    (and even changed on hover)? Is this possible?
    Thanks in advance,
    James

    I can get the textArea to take the styles passed in through a
    stylesheet, but not take the <a> styles.
    Here is what is in my stylesheet:
    A:link {color:#333300;
    text-decoration:underline;}
    A:active {color:#333300;
    text-decoration:underline;}
    A:visited {color:#333300;
    text-decoration:underline;}
    A:hover {color:#c00000;
    text-decoration:underline;}
    TextArea
    {font-family:Georgia;
    font-size:14px;
    color:#000000;
    The text in the textArea displays in 14px Georgia as
    indicated, but the <a> tags do not take the propoerties at
    all... the only indication that they are links is that the cursor
    changes to the pointing finger when hovered over them.
    Thanks in advance for any help,
    James

  • Lighttpd not showing graphics/layout. Any idea?

    Hi there!
    I finally managed to get the whole lighttpd,php,sqlite,fast_cgi Thing going on the dockstar (archlinuxarm).
    I wanted to use a Blogging software like "flatpress" or "chyrp" but I ran into some issue.
    On both of these Sites (index.php from flatpress and chyrp) I do not have any graphics/style and layout. It shows only the Page with the basic text and links but no style/theme/graphics.
    Does anyone know how to get the styles/graphics and layout working.
    I have made a chmod -R 777 on those folders of chyrp and also flatpress but this does not change anything regardnig  the issue.
    Following some Informations which could help to determine the issue:
    php-v
    php -v
    PHP Warning: PHP Startup: Unable to load dynamic library '/usr/lib/php/modules/sqlite.so' - /usr/lib/php/modules/sqlite.so: cannot open shared object file: No such file or directory in Unknown on line 0
    PHP 5.4.8 (cli) (built: Oct 21 2012 05:22:39)
    Copyright (c) 1997-2012 The PHP Group
    Zend Engine v2.4.0, Copyright (c) 1998-2012 Zend Technologies
    php-cgi --version
    PHP Warning: PHP Startup: Unable to load dynamic library '/usr/lib/php/modules/sqlite.so' - /usr/lib/php/modules/sqlite.so: cannot open shared object file: No such file or directory in Unknown on line 0
    PHP 5.4.8 (cgi-fcgi) (built: Oct 21 2012 05:25:27)
    Copyright (c) 1997-2012 The PHP Group
    Zend Engine v2.4.0, Copyright (c) 1998-2012 Zend Technologies
    /etc/php/php.ini
    [PHP]
    ; About php.ini ;
    ; PHP's initialization file, generally called php.ini, is responsible for
    ; configuring many of the aspects of PHP's behavior.
    ; PHP attempts to find and load this configuration from a number of locations.
    ; The following is a summary of its search order:
    ; 1. SAPI module specific location.
    ; 2. The PHPRC environment variable. (As of PHP 5.2.0)
    ; 3. A number of predefined registry keys on Windows (As of PHP 5.2.0)
    ; 4. Current working directory (except CLI)
    ; 5. The web server's directory (for SAPI modules), or directory of PHP
    ; (otherwise in Windows)
    ; 6. The directory from the --with-config-file-path compile time option, or the
    ; Windows directory (C:\windows or C:\winnt)
    ; See the PHP docs for more specific information.
    ; http://php.net/configuration.file
    ; The syntax of the file is extremely simple. Whitespace and lines
    ; beginning with a semicolon are silently ignored (as you probably guessed).
    ; Section headers (e.g. [Foo]) are also silently ignored, even though
    ; they might mean something in the future.
    ; Directives following the section heading [PATH=/www/mysite] only
    ; apply to PHP files in the /www/mysite directory. Directives
    ; following the section heading [HOST=www.example.com] only apply to
    ; PHP files served from www.example.com. Directives set in these
    ; special sections cannot be overridden by user-defined INI files or
    ; at runtime. Currently, [PATH=] and [HOST=] sections only work under
    ; CGI/FastCGI.
    ; http://php.net/ini.sections
    ; Directives are specified using the following syntax:
    ; directive = value
    ; Directive names are *case sensitive* - foo=bar is different from FOO=bar.
    ; Directives are variables used to configure PHP or PHP extensions.
    ; There is no name validation. If PHP can't find an expected
    ; directive because it is not set or is mistyped, a default value will be used.
    ; The value can be a string, a number, a PHP constant (e.g. E_ALL or M_PI), one
    ; of the INI constants (On, Off, True, False, Yes, No and None) or an expression
    ; (e.g. E_ALL & ~E_NOTICE), a quoted string ("bar"), or a reference to a
    ; previously set variable or directive (e.g. ${foo})
    ; Expressions in the INI file are limited to bitwise operators and parentheses:
    ; | bitwise OR
    ; ^ bitwise XOR
    ; & bitwise AND
    ; ~ bitwise NOT
    ; ! boolean NOT
    ; Boolean flags can be turned on using the values 1, On, True or Yes.
    ; They can be turned off using the values 0, Off, False or No.
    ; An empty string can be denoted by simply not writing anything after the equal
    ; sign, or by using the None keyword:
    ; foo = ; sets foo to an empty string
    ; foo = None ; sets foo to an empty string
    ; foo = "None" ; sets foo to the string 'None'
    ; If you use constants in your value, and these constants belong to a
    ; dynamically loaded extension (either a PHP extension or a Zend extension),
    ; you may only use these constants *after* the line that loads the extension.
    ; About this file ;
    ; PHP comes packaged with two INI files. One that is recommended to be used
    ; in production environments and one that is recommended to be used in
    ; development environments.
    ; php.ini-production contains settings which hold security, performance and
    ; best practices at its core. But please be aware, these settings may break
    ; compatibility with older or less security conscience applications. We
    ; recommending using the production ini in production and testing environments.
    ; php.ini-development is very similar to its production variant, except it's
    ; much more verbose when it comes to errors. We recommending using the
    ; development version only in development environments as errors shown to
    ; application users can inadvertently leak otherwise secure information.
    ; Quick Reference ;
    ; The following are all the settings which are different in either the production
    ; or development versions of the INIs with respect to PHP's default behavior.
    ; Please see the actual settings later in the document for more details as to why
    ; we recommend these changes in PHP's behavior.
    ; display_errors
    ; Default Value: On
    ; Development Value: On
    ; Production Value: Off
    ; display_startup_errors
    ; Default Value: Off
    ; Development Value: On
    ; Production Value: Off
    ; error_reporting
    ; Default Value: E_ALL & ~E_NOTICE & ~E_STRICT & ~E_DEPRECATED
    ; Development Value: E_ALL
    ; Production Value: E_ALL & ~E_DEPRECATED & ~E_STRICT
    ; html_errors
    ; Default Value: On
    ; Development Value: On
    ; Production value: On
    ; log_errors
    ; Default Value: Off
    ; Development Value: On
    ; Production Value: On
    ; max_input_time
    ; Default Value: -1 (Unlimited)
    ; Development Value: 60 (60 seconds)
    ; Production Value: 60 (60 seconds)
    ; output_buffering
    ; Default Value: Off
    ; Development Value: 4096
    ; Production Value: 4096
    ; register_argc_argv
    ; Default Value: On
    ; Development Value: Off
    ; Production Value: Off
    ; request_order
    ; Default Value: None
    ; Development Value: "GP"
    ; Production Value: "GP"
    ; session.bug_compat_42
    ; Default Value: On
    ; Development Value: On
    ; Production Value: Off
    ; session.bug_compat_warn
    ; Default Value: On
    ; Development Value: On
    ; Production Value: Off
    ; session.gc_divisor
    ; Default Value: 100
    ; Development Value: 1000
    ; Production Value: 1000
    ; session.hash_bits_per_character
    ; Default Value: 4
    ; Development Value: 5
    ; Production Value: 5
    ; short_open_tag
    ; Default Value: On
    ; Development Value: Off
    ; Production Value: Off
    ; track_errors
    ; Default Value: Off
    ; Development Value: On
    ; Production Value: Off
    ; url_rewriter.tags
    ; Default Value: "a=href,area=href,frame=src,form=,fieldset="
    ; Development Value: "a=href,area=href,frame=src,input=src,form=fakeentry"
    ; Production Value: "a=href,area=href,frame=src,input=src,form=fakeentry"
    ; variables_order
    ; Default Value: "EGPCS"
    ; Development Value: "GPCS"
    ; Production Value: "GPCS"
    ; php.ini Options ;
    ; Name for user-defined php.ini (.htaccess) files. Default is ".user.ini"
    ;user_ini.filename = ".user.ini"
    ; To disable this feature set this option to empty value
    ;user_ini.filename =
    ; TTL for user-defined php.ini files (time-to-live) in seconds. Default is 300 seconds (5 minutes)
    ;user_ini.cache_ttl = 300
    ; Language Options ;
    ; Enable the PHP scripting language engine under Apache.
    ; http://php.net/engine
    engine = On
    ; This directive determines whether or not PHP will recognize code between
    ; <? and ?> tags as PHP source which should be processed as such. It's been
    ; recommended for several years that you not use the short tag "short cut" and
    ; instead to use the full <?php and ?> tag combination. With the wide spread use
    ; of XML and use of these tags by other languages, the server can become easily
    ; confused and end up parsing the wrong code in the wrong context. But because
    ; this short cut has been a feature for such a long time, it's currently still
    ; supported for backwards compatibility, but we recommend you don't use them.
    ; Default Value: On
    ; Development Value: Off
    ; Production Value: Off
    ; http://php.net/short-open-tag
    short_open_tag = Off
    ; Allow ASP-style <% %> tags.
    ; http://php.net/asp-tags
    asp_tags = Off
    ; The number of significant digits displayed in floating point numbers.
    ; http://php.net/precision
    precision = 14
    ; Output buffering is a mechanism for controlling how much output data
    ; (excluding headers and cookies) PHP should keep internally before pushing that
    ; data to the client. If your application's output exceeds this setting, PHP
    ; will send that data in chunks of roughly the size you specify.
    ; Turning on this setting and managing its maximum buffer size can yield some
    ; interesting side-effects depending on your application and web server.
    ; You may be able to send headers and cookies after you've already sent output
    ; through print or echo. You also may see performance benefits if your server is
    ; emitting less packets due to buffered output versus PHP streaming the output
    ; as it gets it. On production servers, 4096 bytes is a good setting for performance
    ; reasons.
    ; Note: Output buffering can also be controlled via Output Buffering Control
    ; functions.
    ; Possible Values:
    ; On = Enabled and buffer is unlimited. (Use with caution)
    ; Off = Disabled
    ; Integer = Enables the buffer and sets its maximum size in bytes.
    ; Note: This directive is hardcoded to Off for the CLI SAPI
    ; Default Value: Off
    ; Development Value: 4096
    ; Production Value: 4096
    ; http://php.net/output-buffering
    output_buffering = 4096
    ; You can redirect all of the output of your scripts to a function. For
    ; example, if you set output_handler to "mb_output_handler", character
    ; encoding will be transparently converted to the specified encoding.
    ; Setting any output handler automatically turns on output buffering.
    ; Note: People who wrote portable scripts should not depend on this ini
    ; directive. Instead, explicitly set the output handler using ob_start().
    ; Using this ini directive may cause problems unless you know what script
    ; is doing.
    ; Note: You cannot use both "mb_output_handler" with "ob_iconv_handler"
    ; and you cannot use both "ob_gzhandler" and "zlib.output_compression".
    ; Note: output_handler must be empty if this is set 'On' !!!!
    ; Instead you must use zlib.output_handler.
    ; http://php.net/output-handler
    ;output_handler =
    ; Transparent output compression using the zlib library
    ; Valid values for this option are 'off', 'on', or a specific buffer size
    ; to be used for compression (default is 4KB)
    ; Note: Resulting chunk size may vary due to nature of compression. PHP
    ; outputs chunks that are few hundreds bytes each as a result of
    ; compression. If you prefer a larger chunk size for better
    ; performance, enable output_buffering in addition.
    ; Note: You need to use zlib.output_handler instead of the standard
    ; output_handler, or otherwise the output will be corrupted.
    ; http://php.net/zlib.output-compression
    zlib.output_compression = Off
    ; http://php.net/zlib.output-compression-level
    ;zlib.output_compression_level = -1
    ; You cannot specify additional output handlers if zlib.output_compression
    ; is activated here. This setting does the same as output_handler but in
    ; a different order.
    ; http://php.net/zlib.output-handler
    ;zlib.output_handler =
    ; Implicit flush tells PHP to tell the output layer to flush itself
    ; automatically after every output block. This is equivalent to calling the
    ; PHP function flush() after each and every call to print() or echo() and each
    ; and every HTML block. Turning this option on has serious performance
    ; implications and is generally recommended for debugging purposes only.
    ; http://php.net/implicit-flush
    ; Note: This directive is hardcoded to On for the CLI SAPI
    implicit_flush = Off
    ; The unserialize callback function will be called (with the undefined class'
    ; name as parameter), if the unserializer finds an undefined class
    ; which should be instantiated. A warning appears if the specified function is
    ; not defined, or if the function doesn't include/implement the missing class.
    ; So only set this entry, if you really want to implement such a
    ; callback-function.
    unserialize_callback_func =
    ; When floats & doubles are serialized store serialize_precision significant
    ; digits after the floating point. The default value ensures that when floats
    ; are decoded with unserialize, the data will remain the same.
    serialize_precision = 17
    ; open_basedir, if set, limits all file operations to the defined directory
    ; and below. This directive makes most sense if used in a per-directory
    ; or per-virtualhost web server configuration file. This directive is
    ; *NOT* affected by whether Safe Mode is turned On or Off.
    ; http://php.net/open-basedir
    open_basedir = /srv/http/:/home/:/tmp/:/usr/share/pear/
    ; This directive allows you to disable certain functions for security reasons.
    ; It receives a comma-delimited list of function names. This directive is
    ; *NOT* affected by whether Safe Mode is turned On or Off.
    ; http://php.net/disable-functions
    disable_functions =
    ; This directive allows you to disable certain classes for security reasons.
    ; It receives a comma-delimited list of class names. This directive is
    ; *NOT* affected by whether Safe Mode is turned On or Off.
    ; http://php.net/disable-classes
    disable_classes =
    ; Colors for Syntax Highlighting mode. Anything that's acceptable in
    ; <span style="color: ???????"> would work.
    ; http://php.net/syntax-highlighting
    ;highlight.string = #DD0000
    ;highlight.comment = #FF9900
    ;highlight.keyword = #007700
    ;highlight.default = #0000BB
    ;highlight.html = #000000
    ; If enabled, the request will be allowed to complete even if the user aborts
    ; the request. Consider enabling it if executing long requests, which may end up
    ; being interrupted by the user or a browser timing out. PHP's default behavior
    ; is to disable this feature.
    ; http://php.net/ignore-user-abort
    ;ignore_user_abort = On
    ; Determines the size of the realpath cache to be used by PHP. This value should
    ; be increased on systems where PHP opens many files to reflect the quantity of
    ; the file operations performed.
    ; http://php.net/realpath-cache-size
    ;realpath_cache_size = 16k
    ; Duration of time, in seconds for which to cache realpath information for a given
    ; file or directory. For systems with rarely changing files, consider increasing this
    ; value.
    ; http://php.net/realpath-cache-ttl
    ;realpath_cache_ttl = 120
    ; Enables or disables the circular reference collector.
    ; http://php.net/zend.enable-gc
    zend.enable_gc = On
    ; If enabled, scripts may be written in encodings that are incompatible with
    ; the scanner. CP936, Big5, CP949 and Shift_JIS are the examples of such
    ; encodings. To use this feature, mbstring extension must be enabled.
    ; Default: Off
    ;zend.multibyte = Off
    ; Allows to set the default encoding for the scripts. This value will be used
    ; unless "declare(encoding=...)" directive appears at the top of the script.
    ; Only affects if zend.multibyte is set.
    ; Default: ""
    ;zend.script_encoding =
    ; Miscellaneous ;
    ; Decides whether PHP may expose the fact that it is installed on the server
    ; (e.g. by adding its signature to the Web server header). It is no security
    ; threat in any way, but it makes it possible to determine whether you use PHP
    ; on your server or not.
    ; http://php.net/expose-php
    expose_php = On
    ; Resource Limits ;
    ; Maximum execution time of each script, in seconds
    ; http://php.net/max-execution-time
    ; Note: This directive is hardcoded to 0 for the CLI SAPI
    max_execution_time = 30
    ; Maximum amount of time each script may spend parsing request data. It's a good
    ; idea to limit this time on productions servers in order to eliminate unexpectedly
    ; long running scripts.
    ; Note: This directive is hardcoded to -1 for the CLI SAPI
    ; Default Value: -1 (Unlimited)
    ; Development Value: 60 (60 seconds)
    ; Production Value: 60 (60 seconds)
    ; http://php.net/max-input-time
    max_input_time = 60
    ; Maximum input variable nesting level
    ; http://php.net/max-input-nesting-level
    ;max_input_nesting_level = 64
    ; How many GET/POST/COOKIE input variables may be accepted
    ; max_input_vars = 1000
    ; Maximum amount of memory a script may consume (128MB)
    ; http://php.net/memory-limit
    memory_limit = 128M
    ; Error handling and logging ;
    ; This directive informs PHP of which errors, warnings and notices you would like
    ; it to take action for. The recommended way of setting values for this
    ; directive is through the use of the error level constants and bitwise
    ; operators. The error level constants are below here for convenience as well as
    ; some common settings and their meanings.
    ; By default, PHP is set to take action on all errors, notices and warnings EXCEPT
    ; those related to E_NOTICE and E_STRICT, which together cover best practices and
    ; recommended coding standards in PHP. For performance reasons, this is the
    ; recommend error reporting setting. Your production server shouldn't be wasting
    ; resources complaining about best practices and coding standards. That's what
    ; development servers and development settings are for.
    ; Note: The php.ini-development file has this setting as E_ALL. This
    ; means it pretty much reports everything which is exactly what you want during
    ; development and early testing.
    ; Error Level Constants:
    ; E_ALL - All errors and warnings (includes E_STRICT as of PHP 5.4.0)
    ; E_ERROR - fatal run-time errors
    ; E_RECOVERABLE_ERROR - almost fatal run-time errors
    ; E_WARNING - run-time warnings (non-fatal errors)
    ; E_PARSE - compile-time parse errors
    ; E_NOTICE - run-time notices (these are warnings which often result
    ; from a bug in your code, but it's possible that it was
    ; intentional (e.g., using an uninitialized variable and
    ; relying on the fact it's automatically initialized to an
    ; empty string)
    ; E_STRICT - run-time notices, enable to have PHP suggest changes
    ; to your code which will ensure the best interoperability
    ; and forward compatibility of your code
    ; E_CORE_ERROR - fatal errors that occur during PHP's initial startup
    ; E_CORE_WARNING - warnings (non-fatal errors) that occur during PHP's
    ; initial startup
    ; E_COMPILE_ERROR - fatal compile-time errors
    ; E_COMPILE_WARNING - compile-time warnings (non-fatal errors)
    ; E_USER_ERROR - user-generated error message
    ; E_USER_WARNING - user-generated warning message
    ; E_USER_NOTICE - user-generated notice message
    ; E_DEPRECATED - warn about code that will not work in future versions
    ; of PHP
    ; E_USER_DEPRECATED - user-generated deprecation warnings
    ; Common Values:
    ; E_ALL (Show all errors, warnings and notices including coding standards.)
    ; E_ALL & ~E_NOTICE (Show all errors, except for notices)
    ; E_ALL & ~E_NOTICE & ~E_STRICT (Show all errors, except for notices and coding standards warnings.)
    ; E_COMPILE_ERROR|E_RECOVERABLE_ERROR|E_ERROR|E_CORE_ERROR (Show only errors)
    ; Default Value: E_ALL & ~E_NOTICE & ~E_STRICT & ~E_DEPRECATED
    ; Development Value: E_ALL
    ; Production Value: E_ALL & ~E_DEPRECATED & ~E_STRICT
    ; http://php.net/error-reporting
    error_reporting = E_ALL & ~E_DEPRECATED & ~E_STRICT
    ; This directive controls whether or not and where PHP will output errors,
    ; notices and warnings too. Error output is very useful during development, but
    ; it could be very dangerous in production environments. Depending on the code
    ; which is triggering the error, sensitive information could potentially leak
    ; out of your application such as database usernames and passwords or worse.
    ; It's recommended that errors be logged on production servers rather than
    ; having the errors sent to STDOUT.
    ; Possible Values:
    ; Off = Do not display any errors
    ; stderr = Display errors to STDERR (affects only CGI/CLI binaries!)
    ; On or stdout = Display errors to STDOUT
    ; Default Value: On
    ; Development Value: On
    ; Production Value: Off
    ; http://php.net/display-errors
    display_errors = Off
    ; The display of errors which occur during PHP's startup sequence are handled
    ; separately from display_errors. PHP's default behavior is to suppress those
    ; errors from clients. Turning the display of startup errors on can be useful in
    ; debugging configuration problems. But, it's strongly recommended that you
    ; leave this setting off on production servers.
    ; Default Value: Off
    ; Development Value: On
    ; Production Value: Off
    ; http://php.net/display-startup-errors
    display_startup_errors = Off
    ; Besides displaying errors, PHP can also log errors to locations such as a
    ; server-specific log, STDERR, or a location specified by the error_log
    ; directive found below. While errors should not be displayed on productions
    ; servers they should still be monitored and logging is a great way to do that.
    ; Default Value: Off
    ; Development Value: On
    ; Production Value: On
    ; http://php.net/log-errors
    log_errors = On
    ; Set maximum length of log_errors. In error_log information about the source is
    ; added. The default is 1024 and 0 allows to not apply any maximum length at all.
    ; http://php.net/log-errors-max-len
    log_errors_max_len = 1024
    ; Do not log repeated messages. Repeated errors must occur in same file on same
    ; line unless ignore_repeated_source is set true.
    ; http://php.net/ignore-repeated-errors
    ignore_repeated_errors = Off
    ; Ignore source of message when ignoring repeated messages. When this setting
    ; is On you will not log errors with repeated messages from different files or
    ; source lines.
    ; http://php.net/ignore-repeated-source
    ignore_repeated_source = Off
    ; If this parameter is set to Off, then memory leaks will not be shown (on
    ; stdout or in the log). This has only effect in a debug compile, and if
    ; error reporting includes E_WARNING in the allowed list
    ; http://php.net/report-memleaks
    report_memleaks = On
    ; This setting is on by default.
    ;report_zend_debug = 0
    ; Store the last error/warning message in $php_errormsg (boolean). Setting this value
    ; to On can assist in debugging and is appropriate for development servers. It should
    ; however be disabled on production servers.
    ; Default Value: Off
    ; Development Value: On
    ; Production Value: Off
    ; http://php.net/track-errors
    track_errors = Off
    ; Turn off normal error reporting and emit XML-RPC error XML
    ; http://php.net/xmlrpc-errors
    ;xmlrpc_errors = 0
    ; An XML-RPC faultCode
    ;xmlrpc_error_number = 0
    ; When PHP displays or logs an error, it has the capability of formatting the
    ; error message as HTML for easier reading. This directive controls whether
    ; the error message is formatted as HTML or not.
    ; Note: This directive is hardcoded to Off for the CLI SAPI
    ; Default Value: On
    ; Development Value: On
    ; Production value: On
    ; http://php.net/html-errors
    html_errors = On
    ; If html_errors is set to On *and* docref_root is not empty, then PHP
    ; produces clickable error messages that direct to a page describing the error
    ; or function causing the error in detail.
    ; You can download a copy of the PHP manual from http://php.net/docs
    ; and change docref_root to the base URL of your local copy including the
    ; leading '/'. You must also specify the file extension being used including
    ; the dot. PHP's default behavior is to leave these settings empty, in which
    ; case no links to documentation are generated.
    ; Note: Never use this feature for production boxes.
    ; http://php.net/docref-root
    ; Examples
    ;docref_root = "/phpmanual/"
    ; http://php.net/docref-ext
    ;docref_ext = .html
    ; String to output before an error message. PHP's default behavior is to leave
    ; this setting blank.
    ; http://php.net/error-prepend-string
    ; Example:
    ;error_prepend_string = "<span style='color: #ff0000'>"
    ; String to output after an error message. PHP's default behavior is to leave
    ; this setting blank.
    ; http://php.net/error-append-string
    ; Example:
    ;error_append_string = "</span>"
    ; Log errors to specified file. PHP's default behavior is to leave this value
    ; empty.
    ; http://php.net/error-log
    ; Example:
    ;error_log = php_errors.log
    ; Log errors to syslog (Event Log on NT, not valid in Windows 95).
    ;error_log = syslog
    ;windows.show_crt_warning
    ; Default value: 0
    ; Development value: 0
    ; Production value: 0
    ; Data Handling ;
    ; The separator used in PHP generated URLs to separate arguments.
    ; PHP's default setting is "&".
    ; http://php.net/arg-separator.output
    ; Example:
    ;arg_separator.output = "&amp;"
    ; List of separator(s) used by PHP to parse input URLs into variables.
    ; PHP's default setting is "&".
    ; NOTE: Every character in this directive is considered as separator!
    ; http://php.net/arg-separator.input
    ; Example:
    ;arg_separator.input = ";&"
    ; This directive determines which super global arrays are registered when PHP
    ; starts up. G,P,C,E & S are abbreviations for the following respective super
    ; globals: GET, POST, COOKIE, ENV and SERVER. There is a performance penalty
    ; paid for the registration of these arrays and because ENV is not as commonly
    ; used as the others, ENV is not recommended on productions servers. You
    ; can still get access to the environment variables through getenv() should you
    ; need to.
    ; Default Value: "EGPCS"
    ; Development Value: "GPCS"
    ; Production Value: "GPCS";
    ; http://php.net/variables-order
    variables_order = "GPCS"
    ; This directive determines which super global data (G,P,C,E & S) should
    ; be registered into the super global array REQUEST. If so, it also determines
    ; the order in which that data is registered. The values for this directive are
    ; specified in the same manner as the variables_order directive, EXCEPT one.
    ; Leaving this value empty will cause PHP to use the value set in the
    ; variables_order directive. It does not mean it will leave the super globals
    ; array REQUEST empty.
    ; Default Value: None
    ; Development Value: "GP"
    ; Production Value: "GP"
    ; http://php.net/request-order
    request_order = "GP"
    ; This directive determines whether PHP registers $argv & $argc each time it
    ; runs. $argv contains an array of all the arguments passed to PHP when a script
    ; is invoked. $argc contains an integer representing the number of arguments
    ; that were passed when the script was invoked. These arrays are extremely
    ; useful when running scripts from the command line. When this directive is
    ; enabled, registering these variables consumes CPU cycles and memory each time
    ; a script is executed. For performance reasons, this feature should be disabled
    ; on production servers.
    ; Note: This directive is hardcoded to On for the CLI SAPI
    ; Default Value: On
    ; Development Value: Off
    ; Production Value: Off
    ; http://php.net/register-argc-argv
    register_argc_argv = Off
    ; When enabled, the ENV, REQUEST and SERVER variables are created when they're
    ; first used (Just In Time) instead of when the script starts. If these
    ; variables are not used within a script, having this directive on will result
    ; in a performance gain. The PHP directive register_argc_argv must be disabled
    ; for this directive to have any affect.
    ; http://php.net/auto-globals-jit
    auto_globals_jit = On
    ; Whether PHP will read the POST data.
    ; This option is enabled by default.
    ; Most likely, you won't want to disable this option globally. It causes $_POST
    ; and $_FILES to always be empty; the only way you will be able to read the
    ; POST data will be through the php://input stream wrapper. This can be useful
    ; to proxy requests or to process the POST data in a memory efficient fashion.
    ; http://php.net/enable-post-data-reading
    ;enable_post_data_reading = Off
    ; Maximum size of POST data that PHP will accept.
    ; Its value may be 0 to disable the limit. It is ignored if POST data reading
    ; is disabled through enable_post_data_reading.
    ; http://php.net/post-max-size
    post_max_size = 8M
    ; Automatically add files before PHP document.
    ; http://php.net/auto-prepend-file
    auto_prepend_file =
    ; Automatically add files after PHP document.
    ; http://php.net/auto-append-file
    auto_append_file =
    ; By default, PHP will output a character encoding using
    ; the Content-type: header. To disable sending of the charset, simply
    ; set it to be empty.
    ; PHP's built-in default is text/html
    ; http://php.net/default-mimetype
    default_mimetype = "text/html"
    ; PHP's default character set is set to empty.
    ; http://php.net/default-charset
    ;default_charset = "UTF-8"
    ; Always populate the $HTTP_RAW_POST_DATA variable. PHP's default behavior is
    ; to disable this feature. If post reading is disabled through
    ; enable_post_data_reading, $HTTP_RAW_POST_DATA is *NOT* populated.
    ; http://php.net/always-populate-raw-post-data
    ;always_populate_raw_post_data = On
    ; Paths and Directories ;
    ; UNIX: "/path1:/path2"
    include_path = ".:/usr/share/pear"
    ; Windows: "\path1;\path2"
    ;include_path = ".;c:\php\includes"
    ; PHP's default setting for include_path is ".;/path/to/php/pear"
    ; http://php.net/include-path
    ; The root of the PHP pages, used only if nonempty.
    ; if PHP was not compiled with FORCE_REDIRECT, you SHOULD set doc_root
    ; if you are running php as a CGI under any web server (other than IIS)
    ; see documentation for security issues. The alternate is to use the
    ; cgi.force_redirect configuration below
    ; http://php.net/doc-root
    doc_root =
    ; The directory under which PHP opens the script using /~username used only
    ; if nonempty.
    ; http://php.net/user-dir
    user_dir =
    ; Directory in which the loadable extensions (modules) reside.
    ; http://php.net/extension-dir
    extension_dir = "/usr/lib/php/modules/"
    ; On windows:
    ; extension_dir = "ext"
    ; Whether or not to enable the dl() function. The dl() function does NOT work
    ; properly in multithreaded servers, such as IIS or Zeus, and is automatically
    ; disabled on them.
    ; http://php.net/enable-dl
    enable_dl = Off
    ; cgi.force_redirect is necessary to provide security running PHP as a CGI under
    ; most web servers. Left undefined, PHP turns this on by default. You can
    ; turn it off here AT YOUR OWN RISK
    ; **You CAN safely turn this off for IIS, in fact, you MUST.**
    ; http://php.net/cgi.force-redirect
    ;cgi.force_redirect = 1
    ; if cgi.nph is enabled it will force cgi to always sent Status: 200 with
    ; every request. PHP's default behavior is to disable this feature.
    ;cgi.nph = 1
    ; if cgi.force_redirect is turned on, and you are not running under Apache or Netscape
    ; (iPlanet) web servers, you MAY need to set an environment variable name that PHP
    ; will look for to know it is OK to continue execution. Setting this variable MAY
    ; cause security issues, KNOW WHAT YOU ARE DOING FIRST.
    ; http://php.net/cgi.redirect-status-env
    ;cgi.redirect_status_env =
    ; cgi.fix_pathinfo provides *real* PATH_INFO/PATH_TRANSLATED support for CGI. PHP's
    ; previous behaviour was to set PATH_TRANSLATED to SCRIPT_FILENAME, and to not grok
    ; what PATH_INFO is. For more information on PATH_INFO, see the cgi specs. Setting
    ; this to 1 will cause PHP CGI to fix its paths to conform to the spec. A setting
    ; of zero causes PHP to behave as before. Default is 1. You should fix your scripts
    ; to use SCRIPT_FILENAME rather than PATH_TRANSLATED.
    ; http://php.net/cgi.fix-pathinfo
    cgi.fix_pathinfo=1
    ; FastCGI under IIS (on WINNT based OS) supports the ability to impersonate
    ; security tokens of the calling client. This allows IIS to define the
    ; security context that the request runs under. mod_fastcgi under Apache
    ; does not currently support this feature (03/17/2002)
    ; Set to 1 if running under IIS. Default is zero.
    ; http://php.net/fastcgi.impersonate
    ;fastcgi.impersonate = 1
    ; Disable logging through FastCGI connection. PHP's default behavior is to enable
    ; this feature.
    ;fastcgi.logging = 0
    ; cgi.rfc2616_headers configuration option tells PHP what type of headers to
    ; use when sending HTTP response code. If it's set 0 PHP sends Status: header that
    ; is supported by Apache. When this option is set to 1 PHP will send
    ; RFC2616 compliant header.
    ; Default is zero.
    ; http://php.net/cgi.rfc2616-headers
    ;cgi.rfc2616_headers = 0
    ; File Uploads ;
    ; Whether to allow HTTP file uploads.
    ; http://php.net/file-uploads
    file_uploads = On
    ; Temporary directory for HTTP uploaded files (will use system default if not
    ; specified).
    ; http://php.net/upload-tmp-dir
    ;upload_tmp_dir =
    ; Maximum allowed size for uploaded files.
    ; http://php.net/upload-max-filesize
    upload_max_filesize = 2M
    ; Maximum number of files that can be uploaded via a single request
    max_file_uploads = 20
    ; Fopen wrappers ;
    ; Whether to allow the treatment of URLs (like http:// or ftp://) as files.
    ; http://php.net/allow-url-fopen
    allow_url_fopen = On
    ; Whether to allow include/require to open URLs (like http:// or ftp://) as files.
    ; http://php.net/allow-url-include
    allow_url_include = Off
    ; Define the anonymous ftp password (your email address). PHP's default setting
    ; for this is empty.
    ; http://php.net/from
    ;from="[email protected]"
    ; Define the User-Agent string. PHP's default setting for this is empty.
    ; http://php.net/user-agent
    ;user_agent="PHP"
    ; Default timeout for socket based streams (seconds)
    ; http://php.net/default-socket-timeout
    default_socket_timeout = 60
    ; If your scripts have to deal with files from Macintosh systems,
    ; or you are running on a Mac and need to deal with files from
    ; unix or win32 systems, setting this flag will cause PHP to
    ; automatically detect the EOL character in those files so that
    ; fgets() and file() will work regardless of the source of the file.
    ; http://php.net/auto-detect-line-endings
    ;auto_detect_line_endings = Off
    ; Dynamic Extensions ;
    ; If you wish to have an extension loaded automatically, use the following
    ; syntax:
    ; extension=modulename.extension
    ; For example, on Windows:
    ; extension=msql.dll
    ; ... or under UNIX:
    ; extension=msql.so
    ; ... or with a path:
    ; extension=/path/to/extension/msql.so
    ; If you only provide the name of the extension, PHP will look for it in its
    ; default extension directory.
    ;extension=bcmath.so
    ;extension=bz2.so
    ;extension=calendar.so
    extension=curl.so
    ;extension=dba.so
    ;extension=enchant.so
    ;extension=exif.so
    ;extension=ftp.so
    ;extension=gd.so
    extension=gettext.so
    ;extension=gmp.so
    ;extension=iconv.so
    ;extension=imap.so
    ;extension=intl.so
    ;extension=ldap.so
    ;extension=mcrypt.so
    ;extension=mssql.so
    ;extension=mysqli.so
    ;extension=mysql.so
    ;extension=odbc.so
    ;extension=openssl.so
    ;extension=pdo_mysql.so
    ;extension=pdo_odbc.so
    ;extension=pdo_pgsql.so
    extension=pdo_sqlite.so
    ;extension=pgsql.so
    ;extension=phar.so
    ;extension=posix.so
    ;extension=pspell.so
    ;extension=shmop.so
    ;extension=snmp.so
    ;extension=soap.so
    ;extension=sockets.so
    extension=sqlite.so
    extension=sqlite3.so
    ;extension=sysvmsg.so
    ;extension=sysvsem.so
    ;extension=sysvshm.so
    ;extension=tidy.so
    ;extension=xmlrpc.so
    ;extension=xsl.so
    ;extension=zip.so
    ; Module Settings ;
    [CLI Server]
    ; Whether the CLI web server uses ANSI color coding in its terminal output.
    cli_server.color = On
    [Date]
    ; Defines the default timezone used by the date functions
    ; http://php.net/date.timezone
    ;date.timezone =
    ; http://php.net/date.default-latitude
    ;date.default_latitude = 31.7667
    ; http://php.net/date.default-longitude
    ;date.default_longitude = 35.2333
    ; http://php.net/date.sunrise-zenith
    ;date.sunrise_zenith = 90.583333
    ; http://php.net/date.sunset-zenith
    ;date.sunset_zenith = 90.583333
    [filter]
    ; http://php.net/filter.default
    ;filter.default = unsafe_raw
    ; http://php.net/filter.default-flags
    ;filter.default_flags =
    [iconv]
    ;iconv.input_encoding = ISO-8859-1
    ;iconv.internal_encoding = ISO-8859-1
    ;iconv.output_encoding = ISO-8859-1
    [intl]
    ;intl.default_locale =
    ; This directive allows you to produce PHP errors when some error
    ; happens within intl functions. The value is the level of the error produced.
    ; Default is 0, which does not produce any errors.
    ;intl.error_level = E_WARNING
    [sqlite]
    ; http://php.net/sqlite.assoc-case
    ;sqlite.assoc_case = 0
    [sqlite3]
    ;sqlite3.extension_dir =
    [Pcre]
    ;PCRE library backtracking limit.
    ; http://php.net/pcre.backtrack-limit
    ;pcre.backtrack_limit=100000
    ;PCRE library recursion limit.
    ;Please note that if you set this value to a high number you may consume all
    ;the available process stack and eventually crash PHP (due to reaching the
    ;stack size limit imposed by the Operating System).
    ; http://php.net/pcre.recursion-limit
    ;pcre.recursion_limit=100000
    [Pdo]
    ; Whether to pool ODBC connections. Can be one of "strict", "relaxed" or "off"
    ; http://php.net/pdo-odbc.connection-pooling
    ;pdo_odbc.connection_pooling=strict
    ;pdo_odbc.db2_instance_name
    [Pdo_mysql]
    ; If mysqlnd is used: Number of cache slots for the internal result set cache
    ; http://php.net/pdo_mysql.cache_size
    pdo_mysql.cache_size = 2000
    ; Default socket name for local MySQL connects. If empty, uses the built-in
    ; MySQL defaults.
    ; http://php.net/pdo_mysql.default-socket
    pdo_mysql.default_socket=
    [Phar]
    ; http://php.net/phar.readonly
    ;phar.readonly = On
    ; http://php.net/phar.require-hash
    ;phar.require_hash = On
    ;phar.cache_list =
    [mail function]
    ; For Win32 only.
    ; http://php.net/smtp
    SMTP = localhost
    ; http://php.net/smtp-port
    smtp_port = 25
    ; For Win32 only.
    ; http://php.net/sendmail-from
    ;sendmail_from = [email protected]
    ; For Unix only. You may supply arguments as well (default: "sendmail -t -i").
    ; http://php.net/sendmail-path
    ;sendmail_path =
    ; Force the addition of the specified parameters to be passed as extra parameters
    ; to the sendmail binary. These parameters will always replace the value of
    ; the 5th parameter to mail(), even in safe mode.
    ;mail.force_extra_parameters =
    ; Add X-PHP-Originating-Script: that will include uid of the script followed by the filename
    mail.add_x_header = On
    ; The path to a log file that will log all mail() calls. Log entries include
    ; the full path of the script, line number, To address and headers.
    ;mail.log =
    ; Log mail to syslog (Event Log on NT, not valid in Windows 95).
    ;mail.log = syslog
    [SQL]
    ; http://php.net/sql.safe-mode
    sql.safe_mode = Off
    [ODBC]
    ; http://php.net/odbc.default-db
    ;odbc.default_db = Not yet implemented
    ; http://php.net/odbc.default-user
    ;odbc.default_user = Not yet implemented
    ; http://php.net/odbc.default-pw
    ;odbc.default_pw = Not yet implemented
    ; Controls the ODBC cursor model.
    ; Default: SQL_CURSOR_STATIC (default).
    ;odbc.default_cursortype
    ; Allow or prevent persistent links.
    ; http://php.net/odbc.allow-persistent
    odbc.allow_persistent = On
    ; Check that a connection is still valid before reuse.
    ; http://php.net/odbc.check-persistent
    odbc.check_persistent = On
    ; Maximum number of persistent links. -1 means no limit.
    ; http://php.net/odbc.max-persistent
    odbc.max_persistent = -1
    ; Maximum number of links (persistent + non-persistent). -1 means no limit.
    ; http://php.net/odbc.max-links
    odbc.max_links = -1
    ; Handling of LONG fields. Returns number of bytes to variables. 0 means
    ; passthru.
    ; http://php.net/odbc.defaultlrl
    odbc.defaultlrl = 4096
    ; Handling of binary data. 0 means passthru, 1 return as is, 2 convert to char.
    ; See the documentation on odbc_binmode and odbc_longreadlen for an explanation
    ; of odbc.defaultlrl and odbc.defaultbinmode
    ; http://php.net/odbc.defaultbinmode
    odbc.defaultbinmode = 1
    ;birdstep.max_links = -1
    [Interbase]
    ; Allow or prevent persistent links.
    ibase.allow_persistent = 1
    ; Maximum number of persistent links. -1 means no limit.
    ibase.max_persistent = -1
    ; Maximum number of links (persistent + non-persistent). -1 means no limit.
    ibase.max_links = -1
    ; Default database name for ibase_connect().
    ;ibase.default_db =
    ; Default username for ibase_connect().
    ;ibase.default_user =
    ; Default password for ibase_connect().
    ;ibase.default_password =
    ; Default charset for ibase_connect().
    ;ibase.default_charset =
    ; Default timestamp format.
    ibase.timestampformat = "%Y-%m-%d %H:%M:%S"
    ; Default date format.
    ibase.dateformat = "%Y-%m-%d"
    ; Default time format.
    ibase.timeformat = "%H:%M:%S"
    [MySQL]
    ; Allow accessing, from PHP's perspective, local files with LOAD DATA statements
    ; http://php.net/mysql.allow_local_infile
    mysql.allow_local_infile = On
    ; Allow or prevent persistent links.
    ; http://php.net/mysql.allow-persistent
    mysql.allow_persistent = On
    ; If mysqlnd is used: Number of cache slots for the internal result set cache
    ; http://php.net/mysql.cache_size
    mysql.cache_size = 2000
    ; Maximum number of persistent links. -1 means no limit.
    ; http://php.net/mysql.max-persistent
    mysql.max_persistent = -1
    ; Maximum number of links (persistent + non-persistent). -1 means no limit.
    ; http://php.net/mysql.max-links
    mysql.max_links = -1
    ; Default port number for mysql_connect(). If unset, mysql_connect() will use
    ; the $MYSQL_TCP_PORT or the mysql-tcp entry in /etc/services or the
    ; compile-time value defined MYSQL_PORT (in that order). Win32 will only look
    ; at MYSQL_PORT.
    ; http://php.net/mysql.default-port
    mysql.default_port =
    ; Default socket name for local MySQL connects. If empty, uses the built-in
    ; MySQL defaults.
    ; http://php.net/mysql.default-socket
    mysql.default_socket =
    ; Default host for mysql_connect() (doesn't apply in safe mode).
    ; http://php.net/mysql.default-host
    mysql.default_host =
    ; Default user for mysql_connect() (doesn't apply in safe mode).
    ; http://php.net/mysql.default-user
    mysql.default_user =
    ; Default password for mysql_connect() (doesn't apply in safe mode).
    ; Note that this is generally a *bad* idea to store passwords in this file.
    ; *Any* user with PHP access can run 'echo get_cfg_var("mysql.default_password")
    ; and reveal this password! And of course, any users with read access to this
    ; file will be able to reveal the password as well.
    ; http://php.net/mysql.default-password
    mysql.default_password =
    ; Maximum time (in seconds) for connect timeout. -1 means no limit
    ; http://php.net/mysql.connect-timeout
    mysql.connect_timeout = 60
    ; Trace mode. When trace_mode is active (=On), warnings for table/index scans and
    ; SQL-Errors will be displayed.
    ; http://php.net/mysql.trace-mode
    mysql.trace_mode = Off
    [MySQLi]
    ; Maximum number of persistent links. -1 means no limit.
    ; http://php.net/mysqli.max-persistent
    mysqli.max_persistent = -1
    ; Allow accessing, from PHP's perspective, local files with LOAD DATA statements
    ; http://php.net/mysqli.allow_local_infile
    ;mysqli.allow_local_infile = On
    ; Allow or prevent persistent links.
    ; http://php.net/mysqli.allow-persistent
    mysqli.allow_persistent = On
    ; Maximum number of links. -1 means no limit.
    ; http://php.net/mysqli.max-links
    mysqli.max_links = -1
    ; If mysqlnd is used: Number of cache slots for the internal result set cache
    ; http://php.net/mysqli.cache_size
    mysqli.cache_size = 2000
    ; Default port number for mysqli_connect(). If unset, mysqli_connect() will use
    ; the $MYSQL_TCP_PORT or the mysql-tcp entry in /etc/services or the
    ; compile-time value defined MYSQL_PORT (in that order). Win32 will only look
    ; at MYSQL_PORT.
    ; http://php.net/mysqli.default-port
    mysqli.default_port = 3306
    ; Default socket name for local MySQL connects. If empty, uses the built-in
    ; MySQL defaults.
    ; http://php.net/mysqli.default-socket
    mysqli.default_socket =
    ; Default host for mysql_connect() (doesn't apply in safe mode).
    ; http://php.net/mysqli.default-host
    mysqli.default_host =
    ; Default user for mysql_connect() (doesn't apply in safe mode).
    ; http://php.net/mysqli.default-user
    mysqli.default_user =
    ; Default password for mysqli_connect() (doesn't apply in safe mode).
    ; Note that this is generally a *bad* idea to store passwords in this file.
    ; *Any* user with PHP access can run 'echo get_cfg_var("mysqli.default_pw")
    ; and reveal this password! And of course, any users with read access to this
    ; file will be able to reveal the password as well.
    ; http://php.net/mysqli.default-pw
    mysqli.default_pw =
    ; Allow or prevent reconnect
    mysqli.reconnect = Off
    [mysqlnd]
    ; Enable / Disable collection of general statistics by mysqlnd which can be
    ; used to tune and monitor MySQL operations.
    ; http://php.net/mysqlnd.collect_statistics
    mysqlnd.collect_statistics = On
    ; Enable / Disable collection of memory usage statistics by mysqlnd which can be
    ; used to tune and monitor MySQL operations.
    ; http://php.net/mysqlnd.collect_memory_statistics
    mysqlnd.collect_memory_statistics = Off
    ; Size of a pre-allocated buffer used when sending commands to MySQL in bytes.
    ; http://php.net/mysqlnd.net_cmd_buffer_size
    ;mysqlnd.net_cmd_buffer_size = 2048
    ; Size of a pre-allocated buffer used for reading data sent by the server in
    ; bytes.
    ; http://php.net/mysqlnd.net_read_buffer_size
    ;mysqlnd.net_read_buffer_size = 32768
    [OCI8]
    ; Connection: Enables privileged connections using external
    ; credentials (OCI_SYSOPER, OCI_SYSDBA)
    ; http://php.net/oci8.privileged-connect
    ;oci8.privileged_connect = Off
    ; Connection: The maximum number of persistent OCI8 connections per
    ; process. Using -1 means no limit.
    ; http://php.net/oci8.max-persistent
    ;oci8.max_persistent = -1
    ; Connection: The maximum number of seconds a process is allowed to
    ; maintain an idle persistent connection. Using -1 means idle
    ; persistent connections will be maintained forever.
    ; http://php.net/oci8.persistent-timeout
    ;oci8.persistent_timeout = -1
    ; Connection: The number of seconds that must pass before issuing a
    ; ping during oci_pconnect() to check the connection validity. When
    ; set to 0, each oci_pconnect() will cause a ping. Using -1 disables
    ; pings completely.
    ; http://php.net/oci8.ping-interval
    ;oci8.ping_interval = 60
    ; Connection: Set this to a user chosen connection class to be used
    ; for all pooled server requests with Oracle 11g Database Resident
    ; Connection Pooling (DRCP). To use DRCP, this value should be set to
    ; the same string for all web servers running the same application,
    ; the database pool must be configured, and the connection string must
    ; specify to use a pooled server.
    ;oci8.connection_class =
    ; High Availability: Using On lets PHP receive Fast Application
    ; Notification (FAN) events generated when a database node fails. The
    ; database must also be configured to post FAN events.
    ;oci8.events = Off
    ; Tuning: This option enables statement caching, and specifies how
    ; many statements to cache. Using 0 disables statement caching.
    ; http://php.net/oci8.statement-cache-size
    ;oci8.statement_cache_size = 20
    ; Tuning: Enables statement prefetching and sets the default number of
    ; rows that will be fetched automatically after statement execution.
    ; http://php.net/oci8.default-prefetch
    ;oci8.default_prefetch = 100
    ; Compatibility. Using On means oci_close() will not close
    ; oci_connect() and oci_new_connect() connections.
    ; http://php.net/oci8.old-oci-close-semantics
    ;oci8.old_oci_close_semantics = Off
    [PostgreSQL]
    ; Allow or prevent persistent links.
    ; http://php.net/pgsql.allow-persistent
    pgsql.allow_persistent = On
    ; Detect broken persistent links always with pg_pconnect().
    ; Auto reset feature requires a little overheads.
    ; http://php.net/pgsql.auto-reset-persistent
    pgsql.auto_reset_persistent = Off
    ; Maximum number of persistent links. -1 means no limit.
    ; http://php.net/pgsql.max-persistent
    pgsql.max_persistent = -1
    ; Maximum number of links (persistent+non persistent). -1 means no limit.
    ; http://php.net/pgsql.max-links
    pgsql.max_links = -1
    ; Ignore PostgreSQL backends Notice message or not.
    ; Notice message logging require a little overheads.
    ; http://php.net/pgsql.ignore-notice
    pgsql.ignore_notice = 0
    ; Log PostgreSQL backends Notice message or not.
    ; Unless pgsql.ignore_notice=0, module cannot log notice message.
    ; http://php.net/pgsql.log-notice
    pgsql.log_notice = 0
    [Sybase-CT]
    ; Allow or prevent persistent links.
    ; http://php.net/sybct.allow-persistent
    sybct.allow_persistent = On
    ; Maximum number of persistent links. -1 means no limit.
    ; http://php.net/sybct.max-persistent
    sybct.max_persistent = -1
    ; Maximum number of links (persistent + non-persistent). -1 means no limit.
    ; http://php.net/sybct.max-links
    sybct.max_links = -1
    ; Minimum server message severity to display.
    ; http://php.net/sybct.min-server-severity
    sybct.min_server_severity = 10
    ; Minimum client message severity to display.
    ; http://php.net/sybct.min-client-severity
    sybct.min_client_severity = 10
    ; Set per-context timeout
    ; http://php.net/sybct.timeout
    ;sybct.timeout=
    ;sybct.packet_size
    ; The maximum time in seconds to wait for a connection attempt to succeed before returning failure.
    ; Default: one minute
    ;sybct.login_timeout=
    ; The name of the host you claim to be connecting from, for display by sp_who.
    ; Default: none
    ;sybct.hostname=
    ; Allows you to define how often deadlocks are to be retried. -1 means "forever".
    ; Default: 0
    ;sybct.deadlock_retry_count=
    [bcmath]
    ; Number of decimal digits for all bcmath functions.
    ; http://php.net/bcmath.scale
    bcmath.scale = 0
    [browscap]
    ; http://php.net/browscap
    ;browscap = extra/browscap.ini
    [Session]
    ; Handler used to store/retrieve data.
    ; http://php.net/session.save-handler
    session.save_handler = files
    ; Argument passed to save_handler. In the case of files, this is the path
    ; where data files are stored. Note: Windows users have to change this
    ; variable in order to use PHP's session functions.
    ; The path can be defined as:
    ; session.save_path = "N;/path"
    ; where N is an integer. Instead of storing all the session files in
    ; /path, what this will do is use subdirectories N-levels deep, and
    ; store the session data in those directories. This is useful if you
    ; or your OS have problems with lots of files in one directory, and is
    ; a more efficient layout for servers that handle lots of sessions.
    ; NOTE 1: PHP will not create this directory structure automatically.
    ; You can use the script in the ext/session dir for that purpose.
    ; NOTE 2: See the section on garbage collection below if you choose to
    ; use subdirectories for session storage
    ; The file storage module creates files using mode 600 by default.
    ; You can change that by using
    ; session.save_path = "N;MODE;/path"
    ; where MODE is the octal representation of the mode. Note that this
    ; does not overwrite the process's umask.
    ; http://php.net/session.save-path
    ;session.save_path = "/tmp"
    ; Whether to use cookies.
    ; http://php.net/session.use-cookies
    session.use_cookies = 1
    ; http://php.net/session.cookie-secure
    ;session.cookie_secure =
    ; This option forces PHP to fetch and use a cookie for storing and maintaining
    ; the session id. We encourage this operation as it's very helpful in combating
    ; session hijacking when not specifying and managing your own session id. It is
    ; not the end all be all of session hijacking defense, but it's a good start.
    ; http://php.net/session.use-only-cookies
    session.use_only_cookies = 1
    ; Name of the session (used as cookie name).
    ; http://php.net/session.name
    session.name = PHPSESSID
    ; Initialize session on request startup.
    ; http://php.net/session.auto-start
    session.auto_start = 0
    ; Lifetime in seconds of cookie or, if 0, until browser is restarted.
    ; http://php.net/session.cookie-lifetime
    session.cookie_lifetime = 0
    ; The path for which the cookie is valid.
    ; http://php.net/session.cookie-path
    session.cookie_path = /
    ; The domain for which the cookie is valid.
    ; http://php.net/session.cookie-domain
    session.cookie_domain =
    ; Whether or not to add the httpOnly flag to the cookie, which makes it inaccessible to browser scripting languages such as JavaScript.
    ; http://php.net/session.cookie-httponly
    session.cookie_httponly =
    ; Handler used to serialize data. php is the standard serializer of PHP.
    ; http://php.net/session.serialize-handler
    session.serialize_handler = php
    ; Defines the probability that the 'garbage collection' process is started
    ; on every session initialization. The probability is calculated by using
    ; gc_probability/gc_divisor. Where session.gc_probability is the numerator
    ; and gc_divisor is the denominator in the equation. Setting this value to 1
    ; when the session.gc_divisor value is 100 will give you approximately a 1% chance
    ; the gc will run on any give request.
    ; Default Value: 1
    ; Development Value: 1
    ; Production Value: 1
    ; http://php.net/session.gc-probability
    session.gc_probability = 1
    ; Defines the probability that the 'garbage collection' process is started on every
    ; session initialization. The probability is calculated by using the following equation:
    ; gc_probability/gc_divisor. Where session.gc_probability is the numerator and
    ; session.gc_divisor is the denominator in the equation. Setting this value to 1
    ; when the session.gc_divisor value is 100 will give you approximately a 1% chance
    ; the gc will run on any give request. Increasing this value to 1000 will give you
    ; a 0.1% chance the gc will run on any give request. For high volume production servers,
    ; this is a more efficient approach.
    ; Default Value: 100
    ; Development Value: 1000
    ; Production Value: 1000
    ; http://php.net/session.gc-divisor
    session.gc_divisor = 1000
    ; After this number of seconds, stored data will be seen as 'garbage' and
    ; cleaned up by the garbage collection process.
    ; http://php.net/session.gc-maxlifetime
    session.gc_maxlifetime = 1440
    ; NOTE: If you are using the subdirectory option for storing session files
    ; (see session.save_path above), then garbage collection does *not*
    ; happen automatically. You will need to do your own garbage
    ; collection through a shell script, cron entry, or some other method.
    ; For example, the following script would is the equivalent of
    ; setting session.gc_maxlifetime to 1440 (1440 seconds = 24 minutes):
    ; find /path/to/sessions -cmin +24 | xargs rm
    ; PHP 4.2 and less have an undocumented feature/bug that allows you to
    ; to initialize a session variable in the global scope.
    ; PHP 4.3 and later will warn you, if this feature is used.
    ; You can disable the feature and the warning separately. At this time,
    ; the warning is only displayed, if bug_compat_42 is enabled. This feature
    ; introduces some serious security problems if not handled correctly. It's
    ; recommended that you do not use this feature on production servers. But you
    ; should enable this on development servers and enable the warning as well. If you
    ; do not enable the feature on development servers, you won't be warned when it's
    ; used and debugging errors caused by this can be difficult to track down.
    ; Default Value: On
    ; Development Value: On
    ; Production Value: Off
    ; http://php.net/session.bug-compat-42
    session.bug_compat_42 = Off
    ; This setting controls whether or not you are warned by PHP when initializing a
    ; session value into the global space. session.bug_compat_42 must be enabled before
    ; these warnings can be issued by PHP. See the directive above for more information.
    ; Default Value: On
    ; Development Value: On
    ; Production Value: Off
    ; http://php.net/session.bug-compat-warn
    session.bug_compat_warn = Off
    ; Check HTTP Referer to invalidate externally stored URLs containing ids.
    ; HTTP_REFERER has to contain this substring for the session to be
    ; considered as valid.
    ; http://php.net/session.referer-check
    session.referer_check =
    ; How many bytes to read from the file.
    ; http://php.net/session.entropy-length
    ;session.entropy_length = 32
    ; Specified here to create the session id.
    ; http://php.net/session.entropy-file
    ; Defaults to /dev/urandom
    ; On systems that don't have /dev/urandom but do have /dev/arandom, this will default to /dev/arandom
    ; If neither are found at compile time, the default is no entropy file.
    ; On windows, setting the entropy_length setting will activate the
    ; Windows random source (using the CryptoAPI)
    ;session.entropy_file = /dev/urandom
    ; Set to {nocache,private,public,} to determine HTTP caching aspects
    ; or leave this empty to avoid sending anti-caching headers.
    ; http://php.net/session.cache-limiter
    session.cache_limiter = nocache
    ; Document expires after n minutes.
    ; http://php.net/session.cache-expire
    session.cache_expire = 180
    ; trans sid support is disabled by default.
    ; Use of trans sid may risk your users security.
    ; Use this option with caution.
    ; - User may send URL contains active session ID
    ; to other person via. email/irc/etc.
    ; - URL that contains active session ID may be stored
    ; in publicly accessible computer.
    ; - User may access your site with the same session ID
    ; always using URL stored in browser's history or bookmarks.
    ; http://php.net/session.use-trans-sid
    session.use_trans_sid = 0
    ; Select a hash function for use in generating session ids.
    ; Possible Values
    ; 0 (MD5 128 bits)
    ; 1 (SHA-1 160 bits)
    ; This option may also be set to the name of any hash function supported by
    ; the hash extension. A list of available hashes is returned by the hash_algos()
    ; function.
    ; http://php.net/session.hash-function
    session.hash_function = 0
    ; Define how many bits are stored in each character when converting
    ; the binary hash data to something readable.
    ; Possible values:
    ; 4 (4 bits: 0-9, a-f)
    ; 5 (5 bits: 0-9, a-v)
    ; 6 (6 bits: 0-9, a-z, A-Z, "-", ",")
    ; Default Value: 4
    ; Development Value: 5
    ; Production Value: 5
    ; http://php.net/session.hash-bits-per-character
    session.hash_bits_per_character = 5
    ; The URL rewriter will look for URLs in a defined set of HTML tags.
    ; form/fieldset are special; if you include them here, the rewriter will
    ; add a hidden <input> field with the info which is otherwise appended
    ; to URLs. If you want XHTML conformity, remove the form entry.
    ; Note that all valid entries require a "=", even if no value follows.
    ; Default Value: "a=href,area=href,frame=src,form=,fieldset="
    ; Development Value: "a=href,area=href,frame=src,input=src,form=fakeentry"
    ; Production Value: "a=href,area=href,frame=src,input=src,form=fakeentry"
    ; http://php.net/url-rewriter.tags
    url_rewriter.tags = "a=href,area=href,frame=src,input=src,form=fakeentry"
    ; Enable upload progress tracking in $_SESSION
    ; Default Value: On
    ; Development Value: On
    ; Production Value: On
    ; http://php.net/session.upload-progress.enabled
    ;session.upload_progress.enabled = On
    ; Cleanup the progress information as soon as all POST data has been read
    ; (i.e. upload completed).
    ; Default Value: On
    ; Development Value: On
    ; Production Value: On
    ; http://php.net/session.upload-progress.cleanup
    ;session.upload_progress.cleanup = On
    ; A prefix used for the upload progress key in $_SESSION
    ; Default Value: "upload_progress_"
    ; Development Value: "upload_progress_"
    ; Production Value: "upload_progress_"
    ; http://php.net/session.upload-progress.prefix
    ;session.upload_progress.prefix = "upload_progress_"
    ; The index name (concatenated with the prefix) in $_SESSION
    ; containing the upload progress information
    ; Default Value: "PHP_SESSION_UPLOAD_PROGRESS"
    ; Development Value: "PHP_SESSION_UPLOAD_PROGRESS"
    ; Production Value: "PHP_SESSION_UPLOAD_PROGRESS"
    ; http://php.net/session.upload-progress.name
    ;session.upload_progress.name = "PHP_SESSION_UPLOAD_PROGRESS"
    ; How frequently the upload progress should be updated.
    ; Given either in percentages (per-file), or in bytes
    ; Default Value: "1%"
    ; Development Value: "1%"
    ; Production Value: "1%"
    ; http://php.net/session.upload-progress.freq
    ;session.upload_progress.freq = "1%"
    ; The minimum delay between updates, in seconds
    ; Default Value: 1
    ; Development Value: 1
    ; Production Value: 1
    ; http://php.net/session.upload-progress.min-freq
    ;session.upload_progress.min_freq = "1"
    [MSSQL]
    ; Allow or prevent persistent links.
    mssql.allow_persistent = On
    ; Maximum number of persistent links. -1 means no limit.
    mssql.max_persistent = -1
    ; Maximum number of links (persistent+non persistent). -1 means no limit.
    mssql.max_links = -1
    ; Minimum error severity to display.
    mssql.min_error_severity = 10
    ; Minimum message severity to display.
    mssql.min_message_severity = 10
    ; Compatibility mode with old versions of PHP 3.0.
    mssql.compatability_mode = Off
    ; Connect timeout
    ;mssql.connect_timeout = 5
    ; Query timeout
    ;mssql.timeout = 60
    ; Valid range 0 - 2147483647. Default = 4096.
    ;mssql.textlimit = 4096
    ; Valid range 0 - 2147483647. Default = 4096.
    ;mssql.textsize = 4096
    ; Limits the number of records in each batch. 0 = all records in one batch.
    ;mssql.batchsize = 0
    ; Specify how datetime and datetim4 columns are returned
    ; On => Returns data converted to SQL server settings
    ; Off => Returns values as YYYY-MM-DD hh:mm:ss
    ;mssql.datetimeconvert = On
    ; Use NT authentication when connecting to the server
    mssql.secure_connection = Off
    ; Specify max number of processes. -1 = library default
    ; msdlib defaults to 25
    ; FreeTDS defaults to 4096
    ;mssql.max_procs = -1
    ; Specify client character set.
    ; If empty or not set the client charset from freetds.conf is used
    ; This is only used when compiled with FreeTDS
    ;mssql.charset = "ISO-8859-1"
    [Assertion]
    ; Assert(expr); active by default.
    ; http://php.net/assert.active
    ;assert.active = On
    ; Issue a PHP warning for each failed assertion.
    ; http://php.net/assert.warning
    ;assert.warning = On
    ; Don't bail out by default.
    ; http://php.net/assert.bail
    ;assert.bail = Off
    ; User-function to be called if an assertion fails.
    ; http://php.net/assert.callback
    ;assert.callback = 0
    ; Eval the expression with current error_reporting(). Set to true if you want
    ; error_reporting(0) around the eval().
    ; http://php.net/assert.quiet-eval
    ;assert.quiet_eval = 0
    [COM]
    ; path to a file containing GUIDs, IIDs or filenames of files with TypeLibs
    ; http://php.net/com.typelib-file
    ;com.typelib_file =
    ; allow Distributed-COM calls
    ; http://php.net/com.allow-dcom
    ;com.allow_dcom = true
    ; autoregister constants of a components typlib on com_load()
    ; http://php.net/com.autoregister-typelib
    ;com.autoregister_typelib = true
    ; register constants casesensitive
    ; http://php.net/com.autoregister-casesensitive
    ;com.autoregister_casesensitive = false
    ; show warnings on duplicate constant registrations
    ; http://php.net/com.autoregister-verbose
    ;com.autoregister_verbose = true
    ; The default character set code-page to use when passing strings to and from COM objects.
    ; Default: system ANSI code page
    ;com.code_page=
    [mbstring]
    ; language for internal character representation.
    ; http://php.net/mbstring.language
    ;mbstring.language = Japanese
    ; internal/script encoding.
    ; Some encoding cannot work as internal encoding.
    ; (e.g. SJIS, BIG5, ISO-2022-*)
    ; http://php.net/mbstring.internal-encoding
    ;mbstring.internal_encoding = EUC-JP
    ; http input encoding.
    ; http://php.net/mbstring.http-input
    ;mbstring.http_input = auto
    ; http output encoding. mb_output_handler must be
    ; registered as output buffer to function
    ; http://php.net/mbstring.http-output
    ;mbstring.http_output = SJIS
    ; enable automatic encoding translation according to
    ; mbstring.internal_encoding setting. Input chars are
    ; converted to internal encoding by setting this to On.
    ; Note: Do _not_ use automatic encoding translation for
    ; portable libs/applications.
    ; http://php.net/mbstring.encoding-translation
    ;mbstring.encoding_translation = Off
    ; automatic encoding detection order.
    ; auto means
    ; http://php.net/mbstring.detect-order
    ;mbstring.detect_order = auto
    ; substitute_character used when character cannot be converted
    ; one from another
    ; http://php.net/mbstring.substitute-character
    ;mbstring.substitute_character = none;
    ; overload(replace) single byte functions by mbstring functions.
    ; mail(), ereg(), etc are overloaded by mb_send_mail(), mb_ereg(),
    ; etc. Po

    Hi there! Thank you for your kind help.
    I searched for the *.css File of the Theme which is used.
    FOR CHYRP:
    This file is shown as plain Text in the Browser itself
    http://192.168.xxx.xxx/chyrp/admin/themes/default/style.css
    style.css
    /* @group Reset */
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
    table { border-collapse: collapse; border-spacing: 0; }
    fieldset,img { border: 0; }
    address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
    li { list-style: none; }
    caption,th { text-align: left; }
    h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
    abbr,acronym { border: 0; font-variant: normal; }
    input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; }
    a:link, a:visited { text-decoration: none; color: inherit; }
    /* @end */
    /* @group Core */
    html {
    font-size: 62.5%;
    body {
    font: 1.25em/1.5em normal Lucida Grande, Helvetica, Arial, sans-serif;
    color: #333;
    background: #efefef;
    h1, h2, h3, h4, h5, h6{
    font-weight: normal !important;
    font-family: "Palatino Linotype", Chaparral Pro, Georgia, serif;
    em {
    font-style: italic;
    strong {
    font-weight: bold;
    small,
    .small {
    font-size: .9em;
    color: #999;
    p {
    margin: 0 0 1em;
    a:link,
    a:visited {
    text-decoration: underline;
    /* @end */
    /* @group Header */
    #header {
    background: #353535;
    padding: 2em 0;
    color: #fff;
    position: relative;
    #header h1 {
    font-size: 2em;
    line-height: 1.25em;
    text-shadow: #000 0 1px 1px;
    #header h1 a {
    text-decoration: none;
    #header #navigation {
    float: right;
    position: absolute;
    bottom: 0;
    right: 5em;
    #header #navigation li {
    display: inline;
    #header #navigation li a:link,
    #header #navigation li a:visited {
    float: left;
    margin-left: 1em;
    text-shadow: #000 0 0 0;
    background: #444;
    color: #ebeeee;
    height: 4em;
    line-height: 4em;
    text-transform: uppercase;
    width: 8em;
    text-align: center;
    text-decoration: none;
    font-family: "Palatino Linotype", Chaparral Pro, Georgia, serif;
    letter-spacing: 0.2em;
    font-size: 0.8em;
    #header #navigation li.selected a:link,
    #header #navigation li.selected a:visited {
    background: #fff;
    color: #333;
    #header #navigation li a:hover {
    background: #4c4c4c;
    #welcome {
    background: #fff;
    padding: .9em 0;
    border-bottom: 1px solid #e1e1e1;
    #welcome a:link,
    #welcome a:visited {
    text-decoration: none;
    background: #fcfcfc;
    padding: 1em;
    margin: -1em 0 -.8em;
    #welcome .right {
    padding: .9em 1em !important;
    margin-top: -.9em !important;
    #welcome a:hover {
    background: #f5f5f5;
    #welcome a:active {
    background: #f0f0f0;
    /* @end */
    /* @group Footer */
    #footer {
    width: 425px;
    margin: 2.5em auto !important;
    font-size: 1.25em;
    text-align: center;
    #footer .sub {
    color: #acacac;
    font-size: .7em;
    /* @end */
    /* @group Sub-Navigation */
    #sub-nav {
    margin-top: 2em;
    #sub-nav li {
    float: left;
    position: relative;
    top: 1px;
    z-index: 1;
    #sub-nav li a:link,
    #sub-nav li a:visited {
    float: left;
    padding: .4em .75em;
    background: #dfdfdf;
    border-bottom: 0;
    color: #737373;
    text-decoration: none;
    margin: 0 0.7em 0 0;
    #sub-nav li a:hover {
    background: #e5e5e5;
    #sub-nav li.selected a:link,
    #sub-nav li.selected a:visited {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-bottom: none;
    #sub-nav li.right {
    margin: .75em 0 0;
    #sub-nav li.right a:link,
    #sub-nav li.right a:visited {
    float: none;
    background: transparent;
    padding: 0;
    font-size: .95em;
    color: #444;
    .feathers_sort {
    background: #eee;
    margin-top: .2em;
    height: 2.3em !important;
    border-left: .1em dashed #ccc;
    border-right: .1em dashed #ccc;
    /* @end */
    /* @group Content */
    #content {
    background: #fff;
    padding: 1em;
    border: 1px solid #e1e1e1;
    position: relative;
    #content > form {
    /* margin-top: .5em; */
    #content h1 {
    font-size: 2em;
    margin: .2em 0 1em;
    color: #aaa;
    font-weight: bold;
    #content h2 {
    font-size: 1.5em;
    margin: 0 0 .5em;
    color: #666;
    font-weight: normal;
    #content h3 {
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: 1.5em;
    #content h4 {
    font-weight: bold;
    font-size: 1.2em;
    /* @end */
    /* @group Extend */
    .enable,
    .disable {
    width: 49%;
    .enable h2,
    .disable h2 {
    font-weight: normal !important;
    font-size: 1.1em !important;
    .enable h2 .sub,
    .disable h2 .sub {
    font-size: .8em;
    color: #bcbcbc;
    .enable ul,
    .disable ul {
    padding: 1em 1em .5em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    .enable ul li,
    .disable ul li {
    padding: .1em .25em .1em .7em;
    margin: 0 0 .5em;
    list-style: disc inside !important;
    position: relative;
    .enable ul li img,
    .disable ul li img {
    position: absolute;
    top: 4px;
    right: 4px;
    .enable ul li a.help img,
    .disable ul li a.help img {
    top: 3px;
    right: 20px;
    width: 15px;
    height: 15px;
    .enable ul li .sub,
    .disable ul li .sub {
    font-size: .9em;
    .enable ul li .enable_button,
    .disable ul li .disable_button {
    display: block;
    padding: .25em .5em;
    text-align: right;
    ul.extend .expand {
    margin: 0 -.25em 0 -.7em;
    .enable h2 {
    color: #4f8f62 !important;
    .enable ul {
    background: #dbffe6;
    border: 1px solid #dbffe6;
    .enable ul li {
    background: #e6ffee;
    color: #386345;
    .enable ul.hover {
    border: 1px solid #b3d1bb;
    .enable ul li a:link,
    .enable ul li a:visited,
    .enable ul li .sub a:hover {
    text-decoration: none;
    color: #386345;
    .enable ul li .sub,
    .enable ul li .sub a:link,
    .enable ul li .sub a:visited {
    color: #74a683;
    .enable ul li .description {
    padding: .5em;
    background: #F7FFF9;
    .enable ul li .enable_button {
    color: #189100;
    .enable ul li .enable_button:hover {
    background: #189100;
    color: #fff;
    .enable ul li .enable_button:active {
    background: #067000;
    .disable h2 {
    color: #ff7070 !important;
    .disable ul {
    background: #ffdbdb;
    border: 1px solid #ffdbdb;
    .disable h2 .sub {
    color: #bcbcbc;
    .disable ul li {
    background: #ffe6e6;
    color: #653b3d;
    .disable ul.hover {
    border: 1px solid #cfb2b2;
    .disable ul li a:link,
    .disable ul li a:visited,
    .disable ul li .sub a:hover {
    text-decoration: none;
    color: #7b4d4d;
    .disable ul li .sub,
    .disable ul li .sub a:link,
    .disable ul li .sub a:visited {
    color: #a97f7f;
    .disable ul li .description {
    padding: .5em;
    background: #FFF1F1;
    .disable ul li .disable_button {
    color: #d51800;
    .disable ul li .disable_button:hover {
    background: #d51800;
    color: #fff;
    .disable ul li .disable_button:active {
    background: #b30600;
    /* @end */
    /* @group Theme Changing */
    .theme {
    text-align: center;
    margin-right: 15px !important;
    border: 0 !important;
    padding-bottom: 20px !important;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    .theme.last {
    margin-right: 0 !important;
    .theme .link {
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    .theme .link span {
    display: block;
    .theme.current {
    background: #EBFAE4;
    color: #65845e;
    .theme.current small,
    .theme.current small a:link,
    .theme.current small a:visited {
    color: #789f72;
    .theme.current .button {
    background: #189100;
    color: #FFF;
    border: 0;
    .theme img.screenshot {
    padding: 5px;
    background: #FFF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    .theme a:hover img.screenshot {
    background: #CCC;
    .theme small {
    font-weight: normal;
    /* @end */
    /* @group Forms */
    form.delete blockquote {
    width: 75%;
    margin: 0 auto;
    font-style: italic;
    form.delete blockquote h2,
    form.delete .noitalic {
    font-style: normal;
    form.delete blockquote h2 input[type="checkbox"] {
    position: relative;
    top: -.125em;
    form.delete h2.inline {
    display: inline;
    form.delete select {
    position: relative;
    top: -2px;
    form.split label {
    width: 41%;
    float: left;
    text-align: right;
    font-weight: bold;
    padding: 4px 2% 5px;
    color: #999;
    form.split label .sub {
    display: block;
    form.split label input {
    margin: -.5em 0;
    form.split select {
    margin: 3px 0 .5em;
    form.split small,
    form.split .small {
    display: block;
    margin-left: 45%;
    form.split button {
    margin-left: 45%;
    form .buttons {
    margin-top: 2em;
    label {
    display: block;
    font-size: 1.1em;
    form p .sub,
    label .sub,
    tr .sub {
    font-size: .8em;
    color: #999;
    font-weight: normal;
    input.text,
    input[type="text"],
    input[type="password"],
    input.file,
    textarea {
    font-size: 1.25em;
    padding: 3px;
    border: 1px solid #ddd;
    background: #fff;
    input.file {
    border: none;
    input.text,
    input.file,
    select,
    textarea {
    margin-bottom: .25em;
    input.text {
    /* width: 15em; */
    input.checkbox {
    margin: .6em .5em .75em 0;
    span.checkbox {
    position: relative;
    top: -3px;
    textarea {
    font-size: 1.1em;
    font-family: "Monaco", "Consolas", monospace;
    textarea.wide,
    input.text.wide {
    padding: .5%;
    width: 99%;
    _width: 100%; /* Hooray for IE6's randomized box model. */
    input.code,
    textarea.code,
    code {
    font-family: "Consolas", "Monaco", monospace;
    /* @end */
    /* @group Tables */
    table thead tr {
    background: #555;
    color: #fff;
    border: 0 !important;
    border-bottom: 2px solid #444;
    text-shadow: #333 0px 1px 0px;
    table thead tr th {
    padding: .25em .5em;
    font-weight: bold;
    table thead tr th input {
    vertical-align: middle;
    margin: -5px 0 0 !important;
    table thead tr th.header {
    cursor: pointer;
    table thead tr th.headerSortDown,
    table thead tr th.headerSortUp {
    background: #444;
    table tbody tr {
    table tbody tr.last {
    table tbody tr td {
    padding: .5em .7em;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
    table tbody tr td.main {
    background: #f9f9f9;
    table tbody tr td.center {
    text-align: center;
    vertical-align: middle;
    table tbody tr td.controls {
    text-align: center;
    font-size: .95em;
    color: #888;
    table tbody tr td.controls img {
    margin-bottom: -3px;
    margin-right: 1px;
    table tbody tr td.main a:link,
    table tbody tr td.main a:visited,
    table tbody tr td.controls a:link,
    table tbody tr td.controls a:visited {
    text-decoration: none;
    tr.draft,
    tr.excerpt,
    tr.scheduled,
    tr.draft td,
    tr.excerpt td,
    tr.scheduled td,
    tr.draft td.main,
    tr.scheduled td.main {
    background-color: #dff4ff;
    border-color: #c2e1ef !important;
    color: #336699;
    tr.excerpt p {
    margin: 0;
    /* @end */
    /* @group Preview */
    h1.preview-header {
    margin: 0 0 .5em !important;
    .preview-content {
    margin: 0 0 2em;
    padding-bottom: .75em;
    border-bottom: 1px dotted #ddd;
    .preview-content ul,
    .preview-content ol {
    margin: 0 0 1em 2em;
    list-style: square;
    .preview-content ol li {
    list-style: decimal;
    .preview-content a:link,
    .preview-content a:visited {
    text-decoration: underline;
    color: #222;
    .preview-content hr {
    margin: 2em 0;
    .preview-content blockquote {
    margin: 0 2em;
    color: #999;
    /* @end */
    /* @group Messages */
    p.message {
    font-size: 1.1em;
    padding: .6em;
    margin-bottom: 1.75em;
    background: #f1f1f1;
    border: 1px solid #ccc;
    p.message.yay {
    background: #189100;
    color: #fff;
    border-color: #105f00;
    p.message.boo {
    background: #d51800;
    color: #fff;
    border-color: #9f1000;
    /* @end */
    /* @group Buttons */
    /* Inspiration from Chawlk. */
    button,
    .button,
    a.next_page,
    a.prev_page {
    display: inline-block;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.125em;
    margin: 0 .5em 0 0;
    color: #333;
    padding: .5em .75em;
    background: #f1f1f1;
    border: 1px solid #ccc;
    border-top-color: #f1f1f1;
    border-left-color: #f1f1f1;
    border-bottom: 1px solid #ccc !important;
    cursor: pointer;
    text-decoration: none !important;
    .button {
    padding: .6em 1em .5em .9em;
    button.lite {
    padding: .15em .375em .25em .275em;
    .button.lite,
    a.next_page,
    a.prev_page {
    padding: .1em .4em .2em;
    button.inline {
    position: relative;
    top: -1px;
    padding: 4px 5px 4px 4px;
    button.right,
    .button.right,
    a.next_page {
    margin: 0 0 0 .5em;
    float: right;
    button:hover,
    .button:hover,
    a.next_page:hover,
    a.prev_page:hover {
    background: #f7f7f7;
    border-color: #f7f7f7;
    border-bottom-color: #d1d1d1 !important;
    border-right-color: #d1d1d1;
    button:active,
    .button:active,
    .button.selected,
    a.next_page:active,
    a.prev_page:active {
    background-color: #d7d7d7;
    border-color: #d7d7d7;
    border-left-color: #b1b1b1;
    border-top-color: #b1b1b1;
    border-bottom-color: #d7d7d7 !important;
    button.boo,
    .button.boo {
    background: #faebe4;
    color: #3e3634;
    border-color: #faebe4;
    border-bottom-color: #d6bdb5;
    border-right-color: #d6bdb5;
    button.boo:hover,
    .button.boo:hover {
    background: #d51800;
    color: #fff;
    border-color: #d51800;
    border-bottom-color: #9f1000 !important;
    border-right-color: #9f1000;
    button.boo:active,
    .button.boo:active {
    background: #b30600;
    border-color: #b30600;
    border-left-color: #7d0000;
    border-top-color: #7d0000;
    border-bottom-color: #b30600 !important;
    button.yay,
    .button.yay {
    background: #ebfae4;
    color: #363e34;
    border-color: #ebfae4;
    border-bottom-color: #bdd6b5;
    border-right-color: #bdd6b5;
    button.yay:hover,
    .button.yay:hover {
    background: #189100;
    color: #fff;
    border-color: #189100;
    border-bottom-color: #105f00 !important;
    border-right-color: #105f00;
    button.yay:active,
    .button.yay:active {
    background: #067000;
    border-color: #067000;
    border-left-color: #003d00;
    border-top-color: #003d00;
    border-bottom-color: #067000 !important;
    button[disabled="disabled"],
    button.disabled {
    background: #f0f0f0;
    border-color: #f0f0f0 !important;
    color: #999;
    button[disabled="disabled"]:hover,
    button.disabled:hover {
    background: #f0f0f0;
    border-color: #f0f0f0 !important;
    color: #999;
    cursor: default;
    button img,
    .button img {
    margin: 0 6px -3px -4px;
    button.lite img,
    .button.lite img {
    margin: 0 -1px -3px 0;
    /* @end */
    /* @group Options */
    .more_options_link {
    font-weight: bold;
    color: #999;
    border-bottom: 1px solid #ddd;
    display: block;
    text-decoration: none !important;
    .more_options_link:hover {
    color: #666;
    border-bottom-color: #aaa;
    .more_options {
    background: #f9f9f9;
    padding: 2% 0 0 2%;
    .more_options p {
    width: 48%;
    margin: 0 2% 0 0;
    min-height: 5.5em;
    _height: 5.5em;
    float: left;
    .more_options p input.text {
    width: 96.5%;
    margin: 0;
    /* @end */
    /* @group Page Reordering */
    ul.sort_pages,
    ul.sort_pages ul {
    padding: 0;
    margin: 0 0 0 2em;
    ul.sort_pages li {
    list-style: square;
    ul.sort_pages li a:link,
    ul.sort_pages li a:visited {
    text-decoration: none !important;
    ul.sort_pages input {
    font-size: 1em;
    margin: .25em .25em .25em 0;
    ul.sort_pages .sort-placeholder {
    border: 1px dashed #777;
    display: list-item !important;
    margin-bottom: .5em;
    height: 1.8em;
    ul.sort_pages .sort-hover {
    border: 1px dashed #777 !important;
    /* @end */
    /* @group Helpers & General */
    .breakword {
    word-wrap: break-word !important;
    div.controls.right {
    margin-top: -2px;
    div.controls h4 {
    display: inline;
    div.controls button {
    position: relative;
    top: -2px;
    right: -1px;
    margin: 0 0 0 .5em;
    hr {
    border: 0;
    border-top: 1px solid #ddd;
    #content ul li {
    list-style: square;
    .box {
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 1em;
    margin: 0 0 1em;
    .box h1 {
    font-size: 1.25em !important;
    margin: 0 !important;
    .box h1 .sub {
    font-weight: normal;
    font-size: .75em;
    .box h1 span.right {
    font-size: .75em;
    color: #666;
    .box h1 span.right a:link,
    .box h1 span.right a:visited {
    margin-left: 1em;
    text-decoration: none;
    .box h1 span.right a img {
    margin-bottom: -3px;
    .edit_link:hover {
    color: #333;
    .delete_link {
    color: #b30600;
    table tbody td .delete_link {
    margin: 0 -.4em 0 0;
    .delete_link:after {
    content: "!";
    opacity: 0;
    .delete_link:hover {
    color: #f00;
    .delete_link:hover:after {
    color: #f00;
    opacity: 1;
    a.emblem {
    border: none;
    a.emblem img {
    margin-bottom: -2px;
    .pad {
    padding: .75em;
    .margin-right {
    margin-right: 1em;
    .margin-left {
    margin-left: 1em;
    .detail .button.right {
    margin-top: 2.25em;
    .detail h3 {
    margin-bottom: .5em !important;
    .detail.inline {
    position: relative;
    bottom: -.75em;
    .wide {
    width: 100%;
    .clear {
    clear: both;
    .left {
    float: left !important;
    .right {
    float: right !important;
    .center {
    margin: 0 auto;
    text-align: center;
    .inline {
    display: inline;
    .column {
    margin: 0 5em;
    br#after_options {
    display: none;
    .js_enabled {
    display: none;
    .update_chyrp { margin-left: 35%; }
    /* @end */
    And if I am going to these files the Browser downloads it directly. Not showing in the Browser:
    http://192.168.xxx.xxx/chyrp/themes/firecrest/stylesheets/print.css
    http://192.168.xxx.xxx/chyrp/themes/firecrest/stylesheets/screen.css
    print.css
    * { background: #fff; }
    body { font-family: georgia, times, serif; color: black; }
    blockquote { font-style: italic; color: black; }
    a:link, a:visited { border-bottom-width: 1px; border-bottom-style: solid; }
    #sidebar { display: none; }
    screen.css
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
    table { border-collapse: collapse; border-spacing: 0; }
    fieldset,img { border: 0; }
    address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
    li { list-style: none; }
    caption,th { text-align: left; }
    h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
    abbr,acronym { border: 0; font-variant: normal; }
    input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; }
    a { text-decoration: none; color: inherit; }
    html {
    height: 100%;
    font-size: 62.5%;
    body {
    background-color: #eff3f5;
    color: #45555d;
    font: normal 1.1em/1.8em "Droid Serif", Georgia, serif;
    margin: 0;
    height: 100%;
    word-spacing: 1px;
    /* Main Colors */
    a:link { color: #8699a3; border-bottom: 1px solid }
    a:hover { color #45555d; }
    pre {
    font-size: 10px;
    code {
    font-family: monospace;
    pre code {
    display: block;
    background: #111;
    color: #fff;
    padding: .5em .75em .35em;
    margin-bottom: 1em;
    em { font-style: italic; }
    strong { font-weight: bold; }
    a:link,
    a:visited {
    color: #8699a3;
    border-bottom: 1px dotted;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    a:hover {
    border: none;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    h1, h2 { letter-spacing: -.01em; }
    h1 { /* displayed at 28px */
    color: #45555d;
    font: bold 2.4em "Droid Serif", Georgia, serif;
    margin-bottom: .3em
    h2 { /* displayed at 26px */
    color: #45555d;
    font: normal 2.2em "Droid Serif", Georgia, serif;
    margin-bottom: .4em;
    h3 { /* displayed at 18px */
    font: normal 1.5em "Droid Serif", Georgia, serif;
    margin-bottom: .5em;
    h4 { /* displayed at 15px */
    font-size: 1.25em;
    font-weight: normal;
    margin-bottom: .9em;
    h5 { /* displayed at 12px */
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 1em;
    h6 {
    font-size: .8em;
    font-weight: normal;
    margin-bottom: 1.25em;
    ul { margin: 0 0 0 1.75em; }
    ul li { list-style-type: disc; }
    ol {
    padding-left: 2em;
    margin-bottom: 1em;
    ol li { list-style: decimal; }
    hr {
    border: 0;
    border-top: 1px solid #ddd;
    label {
    color: #8699a3;
    display: block;
    font: normal 1em "Droid Serif", Georgia, serif;
    padding: 0 0 0.5em 0;
    input:focus { outline: none; }
    input[type="text"],
    input[type="password"],
    textarea {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    font-family: 'Monaco', Courier, monospace;
    margin-bottom: 1.5em;
    padding: .3em .4em;
    input[type="file"] {
    margin-bottom: 1.5em;
    input[type="text"],
    input[type="password"] {
    width: 20em;
    textarea.wide {
    width: 470px;
    input.big {
    font-size: 1.5em;
    div#controls {
    background-color: #45555D;
    border-bottom: .1em solid #d0dde4;
    padding: .2em 0 .3em;
    width: 100%;
    font-size: 1.2em;
    div#controls ul {
    margin: 0 auto;
    padding: .4em;
    width: 750px;
    div#controls ul li {
    background: none;
    display: inline;
    font-weight: normal;
    margin: 0;
    padding: 0;
    div#controls ul li a:link:first-child {
    padding-left: 0;
    div#controls ul li a:link,
    div#controls ul li a:visited {
    color: #E4EBEF;
    border: none;
    padding: .1em .2em;
    margin-right: 10px;
    div#controls ul li a:hover {
    color: #c8d0d5;
    div#controls ul li.close a:link,
    div#controls ul li.close a:visited {
    color: #ff6039;
    div#controls ul li.close a:hover {
    color: #e35533;
    /* Start Header Styling */
    div#header {
    margin: 0 0 3em;
    padding: 10px 0px 15px;
    width: 100%;
    border-bottom: 2px solid #e4ebef;
    div#header #search_box {
    float: right;
    padding-top: 5px;
    div#header #search_box input#search {
    background-color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    font: 12px "Droid Serif", Georgia, serif;
    border-radius: 30px;
    border: 5px solid #e4ebef;
    margin: -5px auto 0;
    width: 178px;
    padding: .4em .7em;
    display: block;
    div#header .header_box {
    margin: auto;
    width: 100%;
    font-size: 1.2em;
    div#header h1 {
    font-size: 2em;
    padding-top: 5px;
    div#header h1 a:link,
    div#header h1 a:visited {
    margin-top: 5px;
    margin-bottom: .2em;
    font-weight: normal;
    text-transform: uppercase;
    color: #8699a3;
    border: none;
    div#header h1 a:hover {
    color: #45555d;
    text-decoration: none;
    border: none;
    div#header span.description {
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    color: #8699a3;
    position: relative;
    top: -4px;
    /* Finish Header Styling */
    div#container {
    width: 750px;
    margin: 2em auto;
    padding: 0 0 1em 0;
    div#wrapper {
    width: 750px;
    margin: 2em auto;
    padding: 0 0 1em 0;
    font-size: 1.09em;
    div#content {
    width: 520px;
    float: left;
    div#sidebar {
    float: right;
    margin-left: 30px;
    width: 200px;
    border-bottom: 1px solid #d0dde4;
    color: #8699a3;
    font-size: 0.91em;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-radius: 0px 0px 3px 3px;
    div#sidebar a:link,
    div#sidebar a:visited {
    color: #8699a3;
    div#sidebar a:hover {
    color: #45555d;
    text-decoration: none;
    div#sidebar h5 {
    color: #45555d;
    font-weight: normal;
    margin: 0 0 .2em 0;
    font-size: 1em;
    div#sidebar ul, div#sidebar ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    div#sidebar #user_links {
    margin-bottom: 10px;
    border-bottom: 1px solid #d0dde4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fffdcc;
    float: left;
    width: 100%;
    div#sidebar #user_links ul {
    display: inline;
    div#sidebar #user_links li {
    position: relative;
    list-style: none;
    float: left;
    padding: 10px 24px;
    display: block;
    text-align: center;
    div#sidebar #user_links li a {
    text-transform: uppercase;
    color: #8699a3;
    float: left;
    border-bottom: 1px dotted;
    line-height: 14px;
    padding-top: 3px;
    div#sidebar #user_links li a:hover {
    background: none;
    border: none;
    color: #45555d;
    div#sidebar #user_links li:first-child {
    border-right: 1px solid #eee;
    div#sidebar #user_links .logout_link {
    div#sidebar #about_info {
    border-bottom: 1px solid #d0dde4;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-radius: 3px 3px 0px 0px;
    background: #fff;
    float: left;
    width: 170px;
    padding: 15px;
    line-height: 1.6em;
    div#sidebar #about_info p img {
    float: left;
    margin: 0 10px 0px 0;
    border-bottom: 1px solid #d0dde4;
    div#sidebar #asides {
    background: #e4ebef;
    float: left;
    div#asides div {
    border-top: 1px solid #eff3f5;
    border-bottom: 1px solid #d0dde4;
    padding: 15px;
    width: 170px;
    div#asides div:first-child {
    border-top: none;
    div#asides div:last-child {
    border-bottom: none;
    div#sidebar ul li {
    color: #45555d;
    div.notice, div.message, div.warning, div.date {
    color: #45555d;
    font-weight: bold;
    margin: 0 0 1em 0;
    padding: .5em .8em;
    div.notice {
    background: url('../images/dots-green.gif') repeat top left;
    div.message {
    background: url('../images/dots-blue.gif') repeat top left;
    div.warning {
    background: url('../images/dots-red.gif') repeat top left;
    div.date {
    background: url('../images/dots-lightgrey.gif') repeat top left;
    cursor: default;
    div.notice .sub, div.message .sub, div.warning .sub {
    font-size: .9em;
    color: #8699a3;
    margin-left: .5em;
    div.post {
    margin: 0 0 2em;
    word-wrap: break-word;
    position: relative;
    height: 100%;
    border: 1px solid #d0dde4;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-radius: 0px 0px 3px 3px;
    div.post .subpost {
    background: #fff;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-radius: 0px 0px 3px 3px;
    border: 4px solid #f4f5f6;
    padding: 20px 20px 0px;
    font-size: 1em;
    /*div.post.quote .subpost {
    border: 4px solid rgba(0, 0, 0, .3);
    /* .post:before {
    border: 1px solid #d0dde4;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-radius: 0px 0px 3px 3px;
    z-index: 1;
    .post:after {
    content: '';
    position: absolute;
    width: 98.5%;
    height: 95%;
    border: 4px solid #f7f7f7;
    left: 1px;
    top: 1px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-radius: 0px 0px 3px 3px;
    z-index: 1;
    div.post .feather_type {
    position: relative;
    margin-left: -47px;
    top: 1.66em;
    div.post .feather_type_name {
    line-height: 19px;
    font-size: 0.83em;
    color: #8699a3;
    background: #fffdcc;
    text-align: center;
    text-transform: uppercase;
    padding: 4px 3px;
    display: block;
    float: left;
    width: 40px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-radius: 3px 0px 0px 3px;
    div.post .feather_type span.shadow {
    background: url(../images/post-tag-shadow.png) top left no-repeat;
    position: absolute;
    top: 27px;
    left: 0;
    width: 40px;
    height: 4px;
    display: block;
    div.post .post_shadow {
    display: block;
    float: right;
    margin-right: 1px;
    width: 516px;
    height: 6px;
    background: url(../images/post-shadow.png) 0px 0px no-repeat;
    div.post a:link,
    div.post a:visited {
    /* color: #3f5161;*/
    color: #45555d;
    div.post h2.title, div.page h2.title {
    padding: .1em 0 .2em 0;
    margin: 0;
    div.page h2.title {
    margin: -4px -20px 20px;
    div.post.text h2.title, div.page h2.title {
    background: url('../images/title-ptn.png') repeat left top;
    margin: -5px -20px 20px;
    padding: 0px 20px;
    font-size: 2.16em;
    div.post h2.title a:link,
    div.post h2.title a:visited {
    color: #45555d;
    font-style: normal;
    font-weight: normal;
    border: none;
    div.post h2.title a:hover {
    color: #ff6039;
    div.post .pinned_text {
    content: "!";
    float: left;
    font-size: 1.5em;
    font-weight: bold;
    margin: -1.5em 0 0 -2em;
    color: #e35533;
    div.post .private_text {
    float: left;
    font-size: .8em;
    font-weight: bold;
    margin: .3em 0 0 -5em;
    color: #e35533;
    div.post .scheduled_text {
    float: left;
    font-size: .8em;
    font-weight: bold;
    margin: .3em 0 0 -7em;
    color: #e35533;
    div.post p,
    div.page p {
    padding: 0 0 1em;
    div.post li,
    div.page li { }
    div.post li p,
    div.page li p {
    font-size: 1em;
    div.post pre,
    div.page pre {
    padding: 0 0 1.5em;
    div.post blockquote {
    padding: .5em .8em;
    background: #f9f9f9;
    border: .1em solid #eee;
    color: #45555d;
    margin: 0 0 1em 0;
    div.post blockquote p {
    padding: 0;
    div.post .post_meta {
    font-size: 0.91em;
    color: #8699a3;
    div.post .post_meta a:link, div.post .post_meta a:visited {
    color: #8699a3;
    div.post .post_meta a:hover {
    color: #45555d;
    border: none;
    ::selection {
    background: #ff6039;
    color: #fff;
    div.post .post_meta .info {
    margin: 20px -20px 0px;
    padding: 3px 20px;
    background-color: #f4f5f6;
    float: left;
    width: 470px;
    div.post .post_meta .info li {
    display: inline;
    padding: 7px 10px 7px 25px;
    border-right: 1px solid #fefefe;
    div.post .post_meta .info li.date {
    padding-left: 20px;
    div.post .post_meta .info li:last-child {
    border: none;
    .post_meta .info .has_icon { position: relative; padding-left: 20px; }
    .post_meta .has_icon .icon {
    width: 15px; height: 15px;
    background-image: url("../images/icons.png");
    position: absolute;
    left: 5px; top: 6px;
    z-index: 1;
    .post_meta .icon_posted .icon { background-position: 0px 0px; left: 0; }
    .post_meta .icon_comment .icon { background-position: -15px 0px; }
    .post_meta .icon_like .icon { background-position: -30px 0px; }
    .post_meta .icon_category .icon { background-position: -60px 0px; }
    .post_meta .icon_permalink .icon{ background-position: -80px -15px; width: 8px; left: 10px; top: 5px; }
    .post_meta .icon_tags .icon { background-position: -45px 0px; top: 3px; left: 0; }
    .post_meta a { border: none; }
    .post_meta .permalink {
    position: relative;
    overflow: hidden;
    margin: 13px -20px 15px 0px;
    padding: 3px 20px 3px 25px;
    float: right;
    background: #f4f5f6;
    .post_meta .tags {
    position: relative;
    overflow: hidden;
    margin: 15px 0;
    padding: 0px 0px 0px 20px;
    float: left;
    .post_meta .tags a {
    font-family: "Droid Serif", Georgia, serif;
    font-size: 0.83em;
    line-height: 1;
    display: inline;
    padding: 3px 6px 4px;
    background: #f4f5f6;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #8699a3;
    font-style: normal;
    .post_meta .tags a:hover {
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    color: #8699a3!important;
    border: none;
    background: #E4EBEF;
    .post_meta .author_avatar {
    float: left;
    display: inline;
    margin-right: 10px;
    position: relative;
    .post_meta .author_avatar img { display: block; }
    #content .page_nav { margin-top: 2em; text-align: center; }
    #content .page_nav li { padding: 5px 0 7px; float: left; display: inline; margin-right: 20px; }
    #content .page_nav .icon { background-color: #999 !important; }
    #content .page_nav .icon_prev .icon { background-position: -310px -111px; }
    #content .page_nav .icon_next .icon { background-position: -330px -111px; left: auto; right: 0; }
    #content .page_nav .icon_next { padding-left: 0; padding-right: 20px; }
    #content .page_nav li:hover .icon { background-color: #666 !important; }
    .post_meta li.facebook { padding-top: 7px; position: relative; overflow: hidden; }
    .post_meta li.facebook iframe { height: 21px; float: left; display: inline; zoom: 1; }
    .post_meta li.facebook iframe.twitter-share-button { margin-right: 7px; }
    div.post span.controls,
    div.page span.controls {
    float: right;
    font-style: normal;
    div.post ul {
    margin-bottom: 1em;
    div.post.quote blockquote {
    border: 0;
    color: #45555d;
    font: italic 1.7em/1.25em "Droid Serif", Georgia, serif;
    margin: -20px 0 10px -20px;
    padding: 50px 20px;
    width: 470px;
    text-align: center;
    background-color: rgba(254, 252, 204, 0.7);
    position: relative;
    div.post.quote blockquote:before {
    content: '“';
    height: 0;
    top: 40px;
    left: -15px;
    font-size: 7em;
    position: absolute;
    color: rgba(69, 84, 93, 0.05);
    div.post.quote blockquote:after {
    content: '”';
    height: 0px;
    bottom: -2px;
    position: absolute;
    right: 2px;
    font-size: 7em;
    color: rgba(69, 84, 93, 0.05);
    div.post.quote .source {
    color: #45555d;
    display: block;
    div.post.link h2 a:link,
    div.post.link h2 a:visited {
    color: #3f5161;
    font-size: 1em;
    margin: 0 0 -.5em 0;
    padding: 0;
    text-decoration: underline;
    div.post.link h2 a:hover {
    color: #354451;
    div.post.link p {
    color: #45555d;
    div.post.chat p {
    display: inline;
    div.post.chat ul {
    font-family: "monaco", monospace;
    font-size: .9em;
    margin: 0 1em 1em 0;
    padding: 0;
    color: #535353;
    div.post.chat ul li {
    background: none;
    list-style-type: none;
    padding: 0;
    div.post.chat li .label {
    color: #2D3879;
    div.post.chat li.me .label {
    color: #AB2F26;
    div.post.photo img, div.post.text img {
    max-width: 510px;
    margin: -20px 0px 20px -20px;
    div.post a img { border: none; vertical-align: top; }
    div.post.photo p,
    div.post.audio p,
    div.post.video p {
    margin: .4em 0;
    div.post.video iframe, div.post.video embed {
    max-width: 510px;
    margin: -20px 0px 20px -20px;
    div.page, div.archive {
    margin: 0 0 2em;
    word-wrap: break-word;
    position: relative;
    height: 100%;
    border: 1px solid #d0dde4;
    background: #fff;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-radius: 0px 0px 3px 3px;
    padding: 20px;
    div.page .page_shadow, div.archive .page_shadow {
    display: block;
    width: 516px;
    height: 6px;
    background: url(../images/post-shadow.png) 0px 0px no-repeat;
    position: relative;
    top: 26px;
    right: 19px;
    div.page h2 {
    color: #45555d;
    font: normal 2.2em "Droid Serif", Georgia, serif;
    letter-spacing: -.01em;
    div.page h2.title {
    padding: .2em 0 .6em 0;
    div.page h2.title {
    background: url('../images/title-ptn.png') repeat left top;
    margin: -5px -20px 20px;
    padding: 5px 0 0 20px;
    div.page span.controls {
    float: right;
    /* Start Content Control Links */
    a.comment_delete_link,
    a.comment_edit_link,
    a.comment_replyto_link,
    a.delete_link,
    a.edit_link,
    a.next_page,
    a.prev_page,
    a.next_post,
    a.prev_post,
    a.cancel,
    a.logout {
    font-weight: normal;
    font-size: 10px;
    padding: 1px 2px;
    a.comment_delete_link,
    a.comment_edit_link,
    a.comment_replyto_link {
    float: right;
    margin: 0 0 0 .5em;
    a.delete_link {
    color: #d8583e !important;
    padding: 0;
    a.edit_link {
    color: #93ba52 !important;
    padding: 0;
    a.comment_replyto_link {
    a.next_page, a.next_page:visited,
    a.prev_page, a.prev_page:visited,
    a.next_post, a.next_post:visited,
    a.prev_post, a.prev_post:visited {
    -webkit-transition: background-color .3s;
    background-color: #e4ebef;
    color: #45555d;
    margin: 0 0 2em;
    padding: .6em .8em;
    border: none;
    a.next_page span.arrow, a.next_post span.arrow {
    background: url(../images/arrows.png) no-repeat right top;
    float: right;
    height: 9px;
    position: relative;
    width: 6px;
    margin-left: 5px;
    margin-top: 4px;
    a.prev_page span.arrow, a.prev_post span.arrow {
    background: url(../images/arrows.png) no-repeat left top;
    float: left;
    height: 9px;
    position: relative;
    width: 6px;
    margin-right: 5px;
    margin-top: 4px;
    a.next_page, a.next_post {
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-radius: 0px 3px 3px 0px;
    position: relative;
    a.prev_page, a.prev_post {
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-radius: 3px 0px 0px 3px;
    a.next_page:hover,
    a.prev_page:hover,
    a.next_post:hover,
    a.prev_post:hover {
    -webkit-transition: background-color .3s;
    background-color: #D0DDE4;
    a.cancel {
    color: #e35533;
    border: none;
    text-decoration: underline;
    a.logout {
    /* color: #5B7C99;*/
    color: #8699a3;
    border: none;
    float: right;
    a.logout:hover {
    color: #45555d;
    /* Finish Content Control Links */
    .inline_edit {
    color: #8699a3;
    padding: 1em;
    background: #D0DDE4;
    position: relative;
    .inline_edit input[type="text"],
    .inline_edit textarea {
    background-color: #f4f5f6;
    border: none;
    color: #45555d;
    padding: .4em;
    width: 490px;
    .inline_edit .more_options_link:link {
    color: #5B7C99;
    display: block;
    font-weight: bold;
    padding: 0 0 .3em 0;
    .inline_edit .more_options {
    background-color: #E4EBEF;
    padding: 1em;
    .inline_edit .more_options p {
    float: left;
    width: 50%;
    min-height: 5em;
    padding-bottom: .5em;
    margin: 0;
    .inline_edit .more_options p input[type="text"] {
    width: 90%;
    margin-bottom: 0;
    .inline_edit .more_options p .sub {
    font-size: .8em;
    color: #8699a3;
    .inline_edit .buttons {
    padding: .5em;
    background: #D0DDE4;
    color: #45555d;
    .inline_edit h2 {
    color: #83A650;
    .post_edit {
    margin-bottom: 2em;
    div.pagination {
    margin: 0 0 2em 0;
    .sub {
    font-size: .85em;
    color: #8699a3;
    font-weight: normal;
    button {
    background-color: #E4EBEF;
    border: 1px solid #D0DDE4;
    border-bottom: 1px solid #a0b5bf;
    border-right: 1px solid #a0b5bf;
    color: #45555d;
    font-size: 1em;
    font-weight: bold;
    padding: 5px 8px;
    button:hover {
    color: #5B7C99;
    cursor: pointer;
    p.lost_pass { margin: 0 0 1em 0; }
    span.pages {
    color: #8699a3;
    font-weight: bold;
    padding: 0 0.3em;
    span.who,
    span.waiting {
    background-color: #fffdcc;
    display: block;
    margin: 0 0 1em;
    padding: 4px 6px;
    .clear {
    clear: both;
    .right {
    float: right;
    .left {
    float: left;
    /* Comments Styling */
    div#comment_form {
    padding: 20px;
    h3.comments { margin: 1em 0; }
    ol.comments {
    list-style: none;
    margin-bottom: 1em;
    padding: 0;
    word-wrap: break-word;
    ol.comments li {
    list-style: none;
    margin-bottom: 1.5em;
    width: auto;
    ol.comments li blockquote {
    background: #E4EBEF;
    color: #45555d;
    margin: 0;
    padding: 1em 1em 0;
    ol.comments li blockquote p {
    padding: 0 0 1em;
    ol.comments li blockquote a:link,
    ol.comments li blockquote a:visited {
    color: #aaa;
    ol.comments li blockquote blockquote {
    padding: 0 1em;
    color: #aaa;
    ol.comments li cite {
    background: #E4EBEF;
    color: #8699a3;
    display: block;
    font-style: normal;
    margin: 0;
    padding: .4em 1.3em;
    font-size: 0.91em;
    ol.comments li cite a:link,
    ol.comments li cite a:visited {
    color: #45555d;
    border: none;
    ol.comments li cite a.permalink:link,
    ol.comments li cite a.permalink:visited {
    color: #8699a3;
    border-bottom: 1px dotted;
    ol.comments li cite a:hover {
    color: #45555d!important;
    border: none!important;
    ol.comments li ul,
    ol.comments li ol {
    margin: 0;
    padding: 0 0 1em 1.5em;
    ol.comments li ul li,
    ol.comments li ol li {
    margin: 0;
    padding: 0;
    ol.comments li ol li {
    list-style-type: decimal;
    ol.comments li.child{
    margin-left:25px;
    span.comment_author a {
    color: #ff6039!important;
    span.label { color: #8699a3; }
    #add_comment { margin-top: 3em; border-top: 4px solid #D0DDE4; padding-top: 1em; }
    /* Miscellaneous */
    /* Emoticons module. */
    img.smiley {
    margin: 0 0 -.3em;
    /* Tags module. */
    .tag {
    font-family: "Droid Serif", Georgia, serif;
    .tags_select {
    display: inline-block;
    margin-top: .5em;
    .tags_select a {
    padding: .1em .4em;
    border: .1em solid #DDDDA8;
    background: #fffdcc;
    text-decoration: none;
    border-top-width: 0;
    border-left-width: 0;
    color: #45555d;
    .tags_select a.tag_added {
    background: #D0DDE4;
    border-top-width: .1em;
    border-bottom: 0;
    border-left-width: .1em;
    border-right: 0;
    border-color: #8699a3;
    /*** FOOTER ***/
    div#footer {
    background: #E4EBEF;
    clear: both;
    color: #8699a3;
    margin: 8em 0 3em;
    padding: .4em .9em;
    border-top: 1px solid #D0DDE4;
    width: 500px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-radius: 0px 0px 3px 3px;
    font-size: 0.91em;
    div#footer a:link, div#footer a:visited { color: #8699A3; }
    div#footer a:hover { color: #45555d; }
    div#footer a.atom {
    border: none;
    margin-top: -2em;
    padding: .3em .6em;
    float: right;
    div#footer a.atom:hover { background-color: #fffdcc; }
    /*** DEBUGGER ***/
    #debug {
    background: #ffffdd;
    font-family: normal 1.1em/1.5em 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
    color: #666;
    padding: .4em .75em .5em .75em;
    border-top: .1em solid #ddd;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    max-height: 33%;
    overflow-y: auto;
    overflow-x: hidden;
    #debug h5 {
    margin: 0;
    font-size: 1.1em;
    color: #a3a39a;
    #debug h5 .sub {
    color: #b3b3aa;
    #debug ol.queries li {
    margin: 0 0 1em;
    #debug pre {
    background: #fff;
    border: 1px solid #ddd;
    padding: 0 .5em;
    word-wrap: break-word;
    #debug .toggle {
    font-weight: bold;
    color: #666;
    float: right;
    FOR FLATPRESS:
    These following files are also shown as plain text in the browser itself. So NO downloading:
    http://192.168.xxx.xxx/flatpress/admin/res/admin.css
    http://192.168.xxx.xxx/flatpress/fp-interface/themes/leggero/flatmaas-rev/res/admin.css
    http://192.168.xxx.xxx/flatpress/fp-interface/themes/leggero/flatmaas-rev/res/column.css
    http://192.168.xxx.xxx/flatpress/fp-interface/themes/leggero/flatmaas-rev/res/common.css
    http://192.168.xxx.xxx/flatpress/fp-interface/themes/leggero/flatmaas-rev/res/globals.css
    http://192.168.xxx.xxx/flatpress/fp-interface/themes/leggero/flatmaas-rev/res/style.css

  • Problems creating a sticky footer

    Hi,
    I'm trying to create a website in Dreamweaver using a template that I purchased but I am having problems fixing a footer to the bottom of the page,
    At the moment the content footer that I have created (which is a table) changes positon from page to page depending on the content.
    The template comes with 2 x CSS style sheets  and 1 x JS coded page which I know I need to amend in order for the footer to remain fixed to the bottom of each page.
    The trouble is my CSS and JS are not up to much. I have inserted the code from the HTML, CSS & JS below.
    If anyone can help me out it would be fantastic as I'm really at a loss!
    The HTML of my main webpage is as follows:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <!-- saved from url=(0023)http://www.contoso.com/ -->
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <link href="style.css" rel="stylesheet" type="text/css" />
    <link href="layout.css" rel="stylesheet" type="text/css" />
    <script src="maxheight.js" type="text/javascript"></script>
    <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
    <script type="text/javascript">
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    </script>
    </head>
    <body  id="page1" onload="new ElementMaxHeight(); ;MM_preloadImages('images/facebook2.gif','images/linkedin2.gif','images/twitter2.gif')">
    <div id="header">
        <div class="main">
         <div class="flash">
           <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="980" height="137">
             <param name="movie" value="flash/menu_v8.swf" />
             <param name="quality" value="high" />
             <param name="wmode" value="transparent" />
             <param name="swfversion" value="8.0.35.0" />
             <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
             <param name="expressinstall" value="Scripts/expressInstall.swf" />
             <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
             <!--[if !IE]>-->
             <object type="application/x-shockwave-flash" data="flash/menu_v8.swf" width="980" height="137">
               <!--<![endif]-->
               <param name="quality" value="high" />
               <param name="wmode" value="transparent" />
               <param name="swfversion" value="8.0.35.0" />
               <param name="expressinstall" value="Scripts/expressInstall.swf" />
               <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
               <div>
                 <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
                 <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" id="Image2" /></a></p>
               </div>
               <!--[if !IE]>-->
             </object>
             <!--<![endif]-->
           </object>
         </div>
           <div class="flash1">
             <object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="587" height="389">
               <param name="movie" value="flash/header_v8.swf" />
               <param name="quality" value="high" />
               <param name="wmode" value="transparent" />
               <param name="swfversion" value="8.0.35.0" />
               <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
               <param name="expressinstall" value="Scripts/expressInstall.swf" />
               <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
               <!--[if !IE]>-->
               <object type="application/x-shockwave-flash" data="flash/header_v8.swf" width="587" height="389">
                 <!--<![endif]-->
                 <param name="quality" value="high" />
                 <param name="wmode" value="transparent" />
                 <param name="swfversion" value="8.0.35.0" />
                 <param name="expressinstall" value="Scripts/expressInstall.swf" />
                 <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
                 <div>
                   <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
                   <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" id="Image3" /></a></p>
                 </div>
                 <!--[if !IE]>-->
               </object>
               <!--<![endif]-->
             </object>
           </div>
            <div class="indent1">
             <div class="container1">
               <p>Welcome to ACL International.<br />
                     Through our offices in the UK and Portugal we supply the<br />
                     very latest in energy saving technologies with our main<br />
                     focus being on lighting. ACL have been active in the lighting<br />
                  industry for over 10 years and have built up strong relationships with some of the world's leading lighting manufacturers.</p>
               <p> </p>
               <p>Welcome to ACL International.<br />
    Through our offices in the UK and Portugal we supply the<br />
    very latest in energy saving technologies with our main<br />
    focus being on lighting. ACL have been active in the lighting<br />
    industry for over 10 years and have built up strong relationships with some of the world's leading lighting manufacturers.</p>
              </div>
          </div>
        </div>
    </div>
    <div id="content">
        <div class="main">
            <div class="indent-main">
                <div class="container bg">
                    <div class="container bg1">
                        <div class="container bg2">
                            <div class="col-1 bg-1">
                             <div class="indent-col">
                                 <img alt="" src="images/1page_title1.gif" class="title" /><br />
                                    <p>An easy and affordable<br />
                                  way to change existing<br />
                                  lighting to an energy<br />
                                  saving alternative...</p>
                                    <div class="container"><a href="#" class="link-1"><em><b>read more</b></em></a></div>
                                </div>
                            </div>
                            <div class="col-1 bg-2">
                             <div class="indent-col">
                                 <img alt="" src="images/1page_title2.gif" class="title" /><br />
                                    <p>A more natural,<br />
                                    environmentally<br />
                                    friendly light<br />
                                    source...  </p>
                                    <div class="container"><a href="#" class="link-1"><em><b>read more</b></em></a></div>
                                </div>
                            </div>
                            <div class="col-1 bg-3">
                             <div class="indent-col">
                                 <img alt="" src="images/1page_title3.gif" class="title" /><br />
                                    <p>Up to 80% energy <br />
                                  saving with an<br />
                                  extremely long<br />
                                  lifetime... </p>
                                    <div class="container"><a href="#" class="link-1"><em><b>read more</b></em></a></div>
                                </div>
                            </div>
                            <div class="col-1 bg-4">
                             <div class="indent-col">
                                 <img alt="" src="images/1page_title4.gif" class="title" /><br />
                                    <p>Low glare,<br />
                                    creating a more<br />
                                    comfortable<br />
                                    environment... </p>
                                    <div class="container"><a href="#" class="link-1"><em><b>read more</b></em></a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="footer">
        <div class="main">
            <div class="indent-footer">
              <table width="929" border="0">
                <tr>
                  <td width="869">ACLI  &copy; 2012  <a href="index-5.html">Privacy Policy</a></td>
                  <td><img src="images/followus.gif" alt="" width="73" height="20" /></td>
                  <td width="20"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('facebook','','images/facebook2.gif',1)"><img src="images/facebook.gif" width="20" height="20" border="0" id="facebook" /></a></td>
                  <td width="20"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('linkedin','','images/linkedin2.gif',1)"><img src="images/linkedin.gif" width="25" height="20" border="0" id="linkedin" /></a></td>
                  <td width="20"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('twitter','','images/twitter2.gif',1)"><img src="images/twitter.gif" width="27" height="20" border="0" id="twitter" /></a></td>
                </tr>
              </table>
            </div>
        </div>
    </div>
    <script type="text/javascript">
    swfobject.registerObject("FlashID");
    swfobject.registerObject("FlashID2");
    </script>
    </body>
    </html>
    The CSS of the layout is as follows:
    .col-1, .col-2, .col-3, .col-4, .col-5{ float:left}
    /*======= width =======*/
    .main{margin:0 auto; text-align:left; width:929px; }
    /*======= header =======*/
    #header {height:339px;  background:url(images/bg.jpg) }
    #page1 #header {height:526px;}
    /*======= index.html =======*/
    #page1 #content .col-1{ width:231px; margin-right:1px}
    #page1 #content .bg{ background:url(images/tail.gif) repeat-y 231px top }
    #page1 #content .bg1{ background:url(images/tail.gif) repeat-y 463px top }
    #page1 #content .bg2{ background:url(images/tail.gif) repeat-y 695px top }
    /*======= index-1.html =======*/
    #page2 #content .col-1{ width:339px; margin-right:0}
    #page2 #content .col-2{ width:590px}
    #page2 #content .col-3{ width:154px; margin-right:32px}
    #page2 #content .col-4{ width:158px; margin-right:30px}
    #page2 #content .col-5{ width:155px; margin-right:0}
    /*======= index-2.html =======*/
    #page3 #content .col-1{ width:590px; margin-right:0}
    #page3 #content .col-2{ width:339px}
    #page3 #content .col-3{ width:188px; margin-right:0}
    #page3 #content .col-4{ width:155px; margin-right:0}
    /*======= index-3.html =======*/
    #page4 #content .col-1{ width:339px; margin-right:0}
    #page4 #content .col-2{ width:590px}
    #page4 #content .col-3{ width:95px; margin-right:2px; text-align:right; line-height:1em; padding-top:3px}
    #page4 #content .col-4{ width:188px; margin-right:0}
    /*======= index-4.html =======*/
    #page5 #content .col-1{ width:590px; margin-right:0}
    #page5 #content .col-2{ width:339px}
    #page5 #content .col-3{ width:95px; margin-right:2px; text-align:right; line-height:1em; padding-top:3px}
    #page5 #content .col-4{ width:188px; margin-right:0}
    /*======= footer =======*/
    #footer { height:110px; }
    The CSS of the style is as follows:
    /* CSS Document */
    * { margin:0; padding:0;}
    html, body { height:100%; }
    body {font-size:100%; line-height:1.125em;}
    html, input, textarea {
    font-family: "Century Gothic";
    color:#646464;
    .alignMiddle{ vertical-align:middle}
    .alignCenter{ text-align: center}
    .container1{ width:100%}
    object { vertical-align:top; outline:none}
    .clear { clear:both;}
    .fleft{ float:left}
    .fright{ float:right}
    div.container { overflow:hidden; width: 100%;}
    a img{ border:0}
    img{ vertical-align:top;  }
    a{color:#000000; text-decoration:underline; outline:none}
    a:hover{text-decoration:none}
    .link{color:#000000; background:url(images/marker.gif) top left no-repeat; padding-left:20px; background-position:0 5px; text-decoration:none; font-size:.916em  }
    .link:hover{text-decoration:underline }
    .button{color:#fff; font-size:.916em; line-height:20px ; padding:2px 8px 8px 6px; text-decoration:none;  }
    .button:hover{color:#000; background:url(images/button.gif) top left no-repeat; padding:2px 8px 8px 6px; text-decoration:none; line-height:20px ;  }
    .current{color:#000; background:url(images/button.gif) top left no-repeat; padding:2px 8px 8px 6px; text-decoration:none; line-height:20px ;  }
    ul{margin:0; padding:0; list-style:none;}
    ul li a{color:#646464; text-decoration: underline; line-height:1.66em}
    ul li a:hover { text-decoration:none; }
    .ul1 li{background:url(images/marker.gif) top left no-repeat; background-position:0 5px; margin:0; padding-left:10px; }
    .ul1 li a{color:#646464; text-decoration:none ; line-height:1.5em}
    .ul1 li a:hover { text-decoration:underline; }
    .ul li{background:url(images/tail-1.gif) repeat-x bottom; margin:0; padding-left:0; }
    .ul li span{color:#646464; float:right; background:url(images/tail-2.gif) repeat-x bottom;}
    .ul li a{color:#646464; text-decoration: underline; line-height:1.66em;  background:url(images/tail-2.gif) repeat-x bottom;}
    .ul li a:hover { text-decoration:none; }
    .link-1 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
    .link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
    .link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:0 5px 3px 7px; font-weight:normal; font-style:normal;}
    .link-1:hover{ text-decoration:none; color:#627311}
    .link-2 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
    .link-2 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
    .link-2  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:0 15px 3px 17px; font-weight:normal; font-style:normal;}
    .link-2:hover{ text-decoration:none; color:#627311}
    /*header*/
    #header {font-size:0.75em; color:#646464 }
    #header .logo{ margin:19px 0 9px 0 }
    #header .indent{margin:30px 0 0 755px; position:absolute; width:175px; color:#625a49}
    #page1 #header .indent1{padding:40px 0 0 565px}
    #header .indent1{padding:22px 0 0 0px}
    #header .indent2{padding:11px 0 0 397px}
    #header .img-left{ float:left; margin:0 31px 0 0}
    #header .img-indent{ margin:0 24px 0 0}
    #header .img-indent1{ margin:0 23px 0 0;}
    #header .title{  margin-bottom:11px}
    #header a{ color:#625a49; text-decoration:none}
    #header a:hover{text-decoration: underline}
    .flash{ margin:0 -27px 0 -25px; position:relative}
    .flash1{ margin:0 0 0 -25px; position: absolute}
    #page1 .bg-1{
    background-image: url(images/1page_img1.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    #page1 .bg-2{ background:url(images/1page_img2.jpg) no-repeat bottom right}
    #page1 .bg-3{ background:url(images/1page_img3.jpg) no-repeat bottom right}
    #page1 .bg-4{ background:url(images/1page_img4.jpg) no-repeat bottom right}
    .bg-5{ background:url(images/bg-1.gif) repeat-x top #e5e5e5; width:100%}
    .bg-6{ background:url(images/bg-2.gif) repeat-x top #fff; width:100%}
    /*content*/
    #content{ font-size:0.75em; width:100%; text-align:left; background:url(images/bg_cont.gif) repeat-x top #fff}
    #content .indent-main{padding:11px 0 0 0}
    #content .indent-main1{padding:3px 0 0 0}
    #content .indent-col{padding:14px 0 28px 20px}
    #content .indent-col1{padding:32px 14px 24px 15px}
    #content .indent-col2{padding:32px 28px 0 28px}
    #content .title{  margin-bottom:8px}
    #content .img-left{ float:left; margin:0 20px 16px 0}
    #content .img-right{ float:right; margin:0 0 0 10px}
    #content .img-indent{ margin:0 0 16px 0}
    #content p{ margin:0 0 17px 0}
    #content .p{ margin:0}
    #content .p1{ margin:0 0 17px 0}
    #content h4{color:#8b870e; font-size:1em; margin-bottom:13px;  }
    #content .tail{ background:url(images/tail2.gif) repeat-x bottom; padding-bottom:26px; margin-bottom:21px}
    .txt{ color:#8e9c2e; font-weight:normal}
    .txt a{ color:#8e9c2e; }
    #content .indent{padding:15px 0 0 0}
    /*box*/
    .box{ background:#fcfcfc; width:100%;}
    .box .indent-box{ padding:11px 18px 11px 20px; }
    .box .indent-box1{ padding:11px 10px 11px 10px; }
    /*footer*/
    #footer { color:#5a5a5a; text-transform:uppercase; font-size:0.6875em ; }
    #footer .indent-footer{ padding:37px 0 0 0; background:url(images/bot.gif) repeat-x top;}
    #footer a {color:#5a5a5a; text-decoration:underline} 
    #footer a:hover {  text-decoration:none}
    .jamp{ width:69px;}
    .jamp1{ width:64px;}
    .jamp2{ width:58px;}
    .jamp3{ width:52px;}
    select{font-size:12px; color:#646464; height:19px; font-family: Arial, Helvetica, sans-serif;}
    .indent-2{ position:relative; padding-right:20px; float:left}
    .h{ height:29px}
    .block-contact span{ float:right; margin-right:50px}
    input{
    width:183px; height:17px;
    font-size:1em;
    color:#646464;
    padding-left:5px;
    textarea{
    width:183px; height:57px;
    font-size:1em;
    color:#646464;
    padding-left:5px;
    margin-bottom:11px;
    overflow:auto}
    .textarea{
    width:183px; height:142px;
    font-size:1em;
    color:#646464;
    padding-left:5px;
    margin-bottom:11px;
    overflow:auto}
    The JS page is as follows:
    var ElementMaxHeight = function() {
      this.initialize.apply(this, arguments);
    ElementMaxHeight.prototype = {
      initialize: function(className) {
        this.elements = document.getElementsByClassName(className || 'maxheight');   
        this.textElement = document.createElement('span');
        this.textElement.appendChild(document.createTextNode('A'));
        this.textElement.style.display = 'block';
        this.textElement.style.position = 'absolute';
        this.textElement.style.fontSize = '1em';
        this.textElement.style.top = '-1000px';
        this.textElement.style.left = '-1000px';
        document.body.appendChild(this.textElement);
        this.textElementHeight = document.getDimensions(this.textElement).height;
        var __object = this;
        var __checkFontSize = this.checkFontSize;
        this.checkFontSizeInterval = window.setInterval(function() {return __checkFontSize.apply(__object)}, 500);
        this.expand();
        // Refresh elements height onResize event
        var __expand = this.expand;
        if (window.addEventListener) {
          window.addEventListener('resize', function(event) {return __expand.apply(__object, [( event || window.event)])}, false);
        } else if (window.attachEvent) {
          window.attachEvent('onresize', function(event) {return __expand.apply(__object, [( event || window.event)])});
      expand: function() {
        this.reset();
       for (var i = 0; i < this.elements.length; i++) {  
          this.elements[i].style.height = document.getDimensions(this.elements[i].parentNode).height + 'px';
      reset: function() {
        for (var i = 0; i < this.elements.length; i++) {   
          this.elements[i].style.height = 'auto';
      checkFontSize: function() {
       var height = document.getDimensions(this.textElement).height;
       if(this.textElementHeight != height) {
        this.textElementHeight = height;
        this.expand();
    if (!!document.evaluate) {
      document._getElementsByXPath = function(expression, parentElement) {
        var results = [];
        var query = document.evaluate(expression, parentElement || document,
          null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
        for (var i = 0, length = query.snapshotLength; i < length; i++)
          results.push(query.snapshotItem(i));
        return results;
    document.getElementsByClassName = function(className, parentElement) {
      if (!!document.evaluate) {
        var q = ".//*[contains(concat(' ', @class, ' '), ' " + className + " ')]";
        return document._getElementsByXPath(q, parentElement);
      } else {
        var children = (parentElement || document.body).getElementsByTagName('*');
        var elements = [], child;
        for (var i = 0, length = children.length; i < length; i++) {
          child = children[i];
          if (child.className.length != 0 &&
              (child.className == className ||
               child.className.match(new RegExp("(^|\\s)" + className + "(\\s|$)")))) {     
            elements.push(child);
        return elements;
    document.getDimensions = function (element) {
      var display = element.style.display;
      if (display != 'none' && display != null) { // Safari bug
        return {width: element.offsetWidth, height: element.offsetHeight};
      return {width: originalWidth, height: originalHeight};

    A sticky footer is position:fixed and therefor always visible in the bottom of browser viewports -- even when users scroll up or down the page.
    Sticky Footer Demo:
    http://alt-web.com/DEMOS/CSS2-Sticky-Footer.shtml
    I believe what you're trying to achieve is 100% height on long & short pages.  Try this:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>100% height page layout</title>
    <style type="text/css">
    /**==========================
    100% height layout
    ===========================*/
    html,body {
    margin:0;
    padding:0;
    height:100%; /* needed for container min-height */
    background:gray;
    font-family:arial,sans-serif;
    font-size:small;
    color:#666;
    zoom: 1;
    #container {
    position:relative; /* needed for footer positioning*/
    margin:0 auto; /* center, not in IE5 */
    width:1000px;
    background:#FF9999;
    height:auto !important; /* real browsers */
    height:100%; /* IE6: treated as min-height*/
    min-height:100%; /* real browsers */
    #header {
    padding:1em;
    background:#ddd;
    min-height: 95px;
    border-bottom:6px double gray;
    #content {
    padding:1em 1em 5em; /* bottom padding for footer */
    #footer {
    position:absolute;
    width:100%;
    bottom:0; /* stick to bottom */
    background:#ddd;
    min-height: 95px;
    border-top:6px double gray;
    #footer p {padding:1em}
    </style>
    </head>
    <body>
    <div id="container">
    <div id="header">
    <p>here is the header</p>
    </div>
    <div id="content">
    <p>Here is the content</p>
    </div>
    <div id="footer">
    <p>Here is the footer</p>
    </div>
    <!--end container --></div>
    </body>
    </html>
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • How to print JTextArea??

    I am trying to print JTextArea which has more than one page of text. When there is more than one page of text in JTextArea, it only prints what is there on first page eventhough it print multiple pages.
    Here is the code I am using. Let me know if you know what I am doing wrong.
    public class TextAreaPrint implements Printable {
         private JTextArea textArea;
         public TextAreaPrint(JTextArea area) {
         textArea = area;
         PrinterJob pj = PrinterJob.getPrinterJob();
         pj.setPrintable(TextAreaPrint.this);
         pj.printDialog();
         try{
              pj.print();
         catch(PrinterException pe){System.out.println("Error");}
         public int print(Graphics g, PageFormat format, int pageNumber)
    throws PrinterException
    double pageOffset = pageNumber * format.getImageableHeight();
    View view = textArea.getUI().getRootView(textArea);
    if(pageOffset > view.getPreferredSpan(View.Y_AXIS))
    return Printable.NO_SUCH_PAGE;
    Graphics2D g2 = (Graphics2D)g;
    g2.translate(format.getImageableX(), format.getImageableY());
    textArea.paint(g2);
    return Printable.PAGE_EXISTS;
    thanks
    amit

    Try this class performs simple printing of a JTextArea by extending JTextArea and implementing Printable.
    All you need to do is invoke SimplePrintableJTextArea.print() from your application.
    * PrintableJTextArea.java
    package your.package;
    import java.awt.Font;
    import java.awt.FontMetrics;
    import java.awt.Graphics2D;
    import java.awt.print.Printable;
    import java.awt.print.PrinterException;
    import java.awt.print.PrinterJob;
    import javax.print.attribute.HashPrintRequestAttributeSet;
    import javax.print.attribute.standard.Chromaticity;
    import javax.print.attribute.standard.MediaPrintableArea;
    import javax.print.attribute.standard.OrientationRequested;
    import javax.print.attribute.standard.PrintQuality;
    import javax.swing.JTextArea;
    import javax.swing.text.BadLocationException;
    * @author David J. Ward
    public class SimplePrintableJTextArea extends JTextArea implements Printable {
    * Holds value of property jobName.
    private String jobName = "Print Job for "+System.getProperty("user.name");
    /** Creates a new instance of PrintableJTextArea */
    public SimplePrintableJTextArea() {
    super();
    public SimplePrintableJTextArea(String text) {
    super(text);
    int inchesToPage(double inches) {
    return (int)(inches*72.0);
    int left_margin = inchesToPage(0.5);
    int right_margin = inchesToPage(0.5);
    int top_margin = inchesToPage(0.5);
    int bottom_margin = inchesToPage(0.5);
    public void print() {
    // Create a printerJob object
    final PrinterJob printJob = PrinterJob.getPrinterJob();
    // Set the printable class to this one since we
    // are implementing the Printable interface
    printJob.setPrintable(this);
    printJob.setJobName(jobName);
    //Collect the print request attributes.
    final HashPrintRequestAttributeSet attrs = new HashPrintRequestAttributeSet();
    attrs.add(OrientationRequested.PORTRAIT);
    attrs.add(Chromaticity.COLOR);
    attrs.add(Chromaticity.MONOCHROME);
    attrs.add(PrintQuality.NORMAL);
    attrs.add(PrintQuality.DRAFT);
    attrs.add(PrintQuality.HIGH);
    //Assume US Letter size, someone else can do magic for other paper formats
    attrs.add(new MediaPrintableArea(0.25f, 0.25f, 8.0f, 10.5f, MediaPrintableArea.INCH));
    // Show a print dialog to the user. If the user
    // clicks the print button, then print, otherwise
    // cancel the print job
    if (printJob.printDialog()) {
    //You may want to do the printing in a thread or SwingWorker
    //But this gets the job done all the same.
    try {
    printJob.print(attrs);
    } catch (Exception PrintException) {
    PrintException.printStackTrace();
    public int print(java.awt.Graphics graphics, java.awt.print.PageFormat pageFormat, int pageIndex) throws PrinterException {
    Graphics2D g2 = (Graphics2D) graphics;
    //Found it unwise to use the TextArea font's size,
    //We area just printing text so use a a font size that will
    //be generally useful.
    g2.setFont(getFont().deriveFont(9.0f));
    int bodyheight = (int)pageFormat.getImageableHeight();
    int bodywidth = (int)pageFormat.getImageableWidth();
    int lineheight = g2.getFontMetrics().getHeight()-(g2.getFontMetrics().getLeading()/2);
    int lines_per_page = (bodyheight-top_margin-bottom_margin)/lineheight;
    int start_line = lines_per_page*pageIndex;
    if (start_line > getLineCount()) {
    return NO_SUCH_PAGE;
    int page_count = (getLineCount()/lines_per_page)+1;
    int end_line = start_line + lines_per_page;
    int linepos = (int)top_margin;
    int lines = getLineCount();
    g2.translate(pageFormat.getImageableX(), pageFormat.getImageableY());
    for (int line = start_line; line < end_line; line++) {
    try {
    String linetext = getText(
    getLineStartOffset(line),
    getLineEndOffset(line)-getLineStartOffset(line));
    g2.drawString(linetext, left_margin, linepos);
    } catch (BadLocationException e) {
    //never a bad location
    linepos += lineheight;
    if (linepos > bodyheight-bottom_margin) {
    break;
    return Printable.PAGE_EXISTS;
    }

  • How do I add a 5th photo to be viewed in a scrolling slideshow while still keeping it 4 photos long?

    I am not sure if this really makes sense. But I am working with a template in Dreamweaver and the template has a 4 picture vertical slideshow(attached photo). It is really not a slideshow but I do not know what else to call it. So I want to add more than just 4 pictures but everytime I go to add a picture it turns the 4 picture slideshow into a 5 picture slideshow rather than hiding that 5th picture until it is scrolled over using the up/down buttons at the bottom. Initially the Up/Down buttons are of no use unless I can figure this out and add say 8 pictures instead of just the 4. If now I will just have to remove the buttons since they would be a waste of place.
    This is the html code used in the template for this slideshow. If you have any suggestions it would be greatly appreciated since I am sort of new to Dreamweaver. Also if you need more information I would be happy to provide you with anything.
    <div class="images">
                                                                                         <ul>
                                                                                                        <li><a href="#"><img src="images/yellow.gif" alt="" width="215" height="124"/></a></li>
                <li><a href="#"><img src="images/basin_door.gif" alt="" width="215" height="124"/></a></li>
                                                                                                        <li><a href="#"><img src="images/ford_valve_covers.gif" alt="" width="215" height="124"/></a></li>
                <li><a href="#"><img src="images/car_frame.gif" alt="" width="215" height="124"/></a></li>
             </ul>
                                                        </div>
    Thank you,
    Ryan

    Well I tried placing that in various places. Under .images which stretched each image to 500px since that would equal the 4 images. But instead it stretched each image.
    I placed in layout.css under the appropriate index which worked but once I tried to place another image it tried to just add it which eliminated the Up/Down buttons.
    In other words I have no idea where to place this code plus it probably doesn't help that I am pretty new to dreamweaver. So I attached the layout.css, style.css, and index-3.html which is the page I am working with right now. Thank you.
    Layout.css
    /*======= index.html =======*/
    #page1 header {height: 664px;}
    #page1 .col-1 {width: 215px;}
    #page1 .col-2 {width: 665px; padding: 0px 0px 0px 42px;}
    #page1 .col-2 .col-1 {width: 287px;}
    #page1 .divider {background: url(../images/divider-bg.gif) 247px 0px repeat-y;}
    /*======= index-1.html =======*/
    #page2 .col-1 {width: 242px;}
    #page2 .col-2 {
              width: 625px;
              text-align: center;
    #page2 .divider {background: url(../images/divider-bg.gif) 247px 0px repeat-y;}
    /*======= index-2.html =======*/
    #page3 .col-1 {width: 275px;}
    #page3 .col-2 {width: 900px;}
    #page3 .col-3 {width: 214px;}
    //#page3 .divider {background: url(../images/divider-bg.gif) 652px 0px repeat-y;}
    /*======= index-3.html =======*/
    #page4 .col-1 {width: 215px;}
    #page4 .col-2 {
              width: 650px;
              padding-left: 47px;
    #page4 .col-2 .col-1 {width: 286px;}
    #page4 .divider {background: url(../images/divider-bg.gif) 247px 0px repeat-y;}
    /*======= index-4.html =======*/
    #page5 .col-1 {width: 198px;}
    #page5 .col-2 {width: 900px; padding: 0px 27px 0px 0px}
    //#page5 .divider {background: url(../images/divider-bg.gif) 449px 0px repeat-y;}
    /*======= index-5.html =======*/
    #page6 .col-1 {width: 215px;}
    #page6 .col-2 {
              width: 620px;
              padding-right: 63px;
    #page6 .col-2 .col-1 {width: 286px;}
    #page6 .divider {background: url(../images/divider-bg.gif) 652px 0px repeat-y;}
    /*======= index-6.html =======*/
    #page7 .col-1 {width: 242px;}
    #page7 .col-2 {width: 620px;}
    #page7 .divider {background: url(../images/divider-bg.gif) 247px 0px repeat-y;}
    Style.css
    /* Getting the new tags to behave */
    article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
    mark, rp, rt, ruby, summary, time{ display: inline }
    /* Global properties ======================================================== */
    body {
              background: url(../images/policsy-bg.gif) 0 bottom repeat-x #fff;
              font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
              font-size: 14px;
              line-height: 18px;
              color: #828282;
              min-width: 1000px;
    html, body { height: 100%;}
    p { padding-top: 18px; }
    .top { padding-top: 6px; }
    .top1 { padding-top: 0px; }
    .top2 { padding-top: 0px; }
    .top3 { padding-top: 21px; }
    .top4 { padding-top: 25px; }
    .top5 { padding-top: 29px; }
    .bot { padding-bottom: 34px; }
    .bot1 {
              padding-bottom: 38px;
              padding-left: 0px
    .h-top {padding: 0px 0px 2px 0px; margin-top: -2px;}
    .h-bot {
              padding-bottom: 25px;
              text-align: center;
              padding-right: 0px;
    .h-bot1 {
              padding-bottom: 20px;
              text-align: center;
    .h-bot2 {padding-bottom: 3px;}
    .h-bot3 {padding-bottom: 23px;}
    .pad-left {
              display: inline-block;
              margin-left: 4px;
    a {          color: #d52d00; outline: none; }
    a:hover{
              text-decoration: none;
              color: #B8D6D6;
              font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    /* Global Structure ============================================================= */
    .main {
              margin: 0 auto;
              width: 960px;
              /* Header */
              header{
                        height: 438px;
              /* Content */
              section#content {
              /* Footer */
              footer{
                        min-height: 268px;
    /* Left & Right alignment */
    .fleft { float: left;}
    .fright { float: right;}
    .clear { clear: both;}
    .col-1, .col-2, .col-3, .col-4, .col-5 { float: left;}
    .alignright { text-align: right;}
    .aligncenter { text-align: center;}
    .wrapper {
              width: 100%;
              overflow: hidden;
    .container {
              width: 100%;
    /*----- form defaults -----*/
    input, select, textarea {
              font-family: Arial, Helvetica, sans-serif;
              font-size: 1em;
              vertical-align: middle;
              font-weight: normal;
    /*----- other -----*/
    .img-indent { margin: 0 25px 0 0; float: left; }
    .extra-wrap { overflow: hidden; }
    .img {padding-top: 4px;}
    .img1 {padding-top: 2px;}
    /*=============================================================================== text =====*/
    h1 {
              padding: 0px 0 0px 326px;
              position: relative;
              float: left;
              h1 a {
                        display: block;
                        height: 120px;
                        width: 300px;
                        text-indent: -5000px;
                        background: url(../images/msi_logo_webcolors.gif) left top no-repeat;
    h2 {
              font-size: 24px;
              line-height: 1.2em;
              color: #fff;
              padding: 36px 0px 2px 0px;
              margin: 0px 0px 0px 0px;
              text-align: center;
    h3 {
              font-size: 18px;
              line-height: 1.2em;
              color: #fff;
              padding: 16px 0px 17px 0px;
    .color {color: #19a7f4;}
    /*======================================================================================== =========================== header =====*/
    .extra {background: url(../images/body-bg.gif) 0 0 repeat-x #222222;}
    .shadow {background: url(../images/extra-bg.jpg) top center no-repeat;}
    .header strong {
              float: left;
              padding: 9px 0 0 0;
              color: #333;
              text-transform: uppercase;
              text-decoration: none;
              font-size: 12px;
              line-height: 1.2em;
              display: inline-block;
    *+ html .header strong {
              padding: 7px 0 0 0;
    .login {
              float: right;
              padding: 4px 0 0 0;
              margin-right: -2px;
              width: 204px;
    *+ html .login {
              width: 201px;
              .login-link {
                        background: url(../images/login-bg.gif) left 0px no-repeat;
                        padding: 4px 0 0 22px;
                        margin: 1px 0 0;
                        color: #a0a0a0;
                        text-transform: uppercase;
                        text-decoration: none;
                        font-size: 12px;
                        line-height: 1.2em;
                        display: inline-block;
              *+ html .login-link {
                        padding: 2px 0 0 21px;
                        .login-link:hover {
              color: #333;
    .social {
              float: right;
              background: url(../images/login-span-bg.gif) 0 4px no-repeat;
              padding-left: 0px;
              overflow: hidden;
              width: 92px;
              margin-left: 7px;
              .social img {
                        float: right;
                        margin-left: 4px;
    /*=============================================================================== nav =====*/
    #menu {
              width: 100%;
              height: 68px; position:relative; z-index:99
              #menu > li {
                        float: left;
                        font-size: 15px;
                        line-height: 1.2em;
                        background: url(../images/nav-li-bg.png) 0 0 no-repeat;
                        padding-left: 2px; position:relative
                        #menu > li > a {
                                  display: block;
                                  width: 134px;
                                  background: url(../images/nav-a-bg.png) 0 0 repeat-x;
                                  text-align: center;
                                  text-transform: uppercase;
                                  text-decoration: none;
                                  color: white;
                                  padding: 28px 0 21px;
                        #menu > li:hover > a{ color:#1eaffa}
                                  #menu > li > .active {
                                            background: url(../images/nav-a-bg-hover.gif) 0 0 repeat-x;
                                            position: relative;
                                            margin-left: -2px;
                                            padding: 28px 0 21px 2px;
                                            color:#fff !important
                                  #menu > .first{ background:none;
                        padding-left:0}
              #menu > .first > a {
                        background: url(../images/nav-first-a-bg.gif) 0 0 no-repeat;
                        margin: 0;
                        width: 135px;
                        #menu > .first > .active {
                                  background: url(../images/nav-first-a-bg-hover.gif) 0 0 no-repeat;
                                  margin: 0 0px 0 0;
                                  padding: 25px 0 24px 0px;
              #menu > .last > a {
                        background: url(../images/nav-last-a-bg.gif) right 0 no-repeat;
                        margin: 0;
                        width: 143px;
                        #menu > .last  > .active {
                                  background: url(../images/nav-last-a-bg-hover.gif) right 0 no-repeat;
                                  margin: 0 0px 0 -1px;
                                  padding-left: 1px;
    .submenu_1{ position:absolute; top:73px; left:0; width:295px;}
    .menu_box{ padding:14px; background:#272727}
    .menu_box > li{ line-height:36px; background: url(../images/menu_line.gif) 0 bottom repeat-x; position:relative; margin-top:-2px; padding:3px 0; zoom:1}
    .menu_box > .end{ background: none}
    .menu_box > li > a{ display:block; padding-left:19px;border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; font-size:13px; font-weight:700; color:#fff; text-transform:uppercase; text-decoration:none; position:relative; line-height:36px; height:36px; zoom:1;background: url(../images/spacer.gif) 0 0 repeat}
    .menu_box > li:hover > a{background: url(../images/submenu_bg.gif) 0 0 repeat-x #0280d8;}
    .menu_box > li:hover{ background:#272727}
    .submenu_2{ top:-13px; position:absolute; left:282px; width:181px; background:#272727}
    .submenu_2 > ul{ padding:14px 9px}
    .submenu_2 > ul >li{ line-height:40px; background: url(../images/menu_line.gif) 0 bottom repeat-x;}
    .submenu_2 > ul >li > a{ display:block; padding-left:22px;font-size:13px; font-weight:700; color:#fff; text-transform:uppercase; text-decoration:none; line-height:40px;}
    .submenu_2 > ul >li:hover > a{ color:#1eaffa}
    .submenu_2 > ul > .end{ background: none}
    #menu div{ display:none}
    /*=============================================================================== sliders =====*/
    #page1 .sliders {background: url(../images/sliders-bg.gif) 0 0 repeat-x #0e0e0e; overflow:none !important; height:398px; padding-bottom:2px; padding-top:10px}
    .sliders {
              background: url(../images/sliders-bg-1.gif) 0 0 repeat-x #0e0e0e;
              border-radius: 0 0 20px 20px;
              -moz-border-radius: 0 0 20px 20px;
              -webkit-border-radius: 0 0 20px 20px;
              box-shadow: 2px 1px 3px #101010;
              -moz-box-shadow: 2px 1px 3px #101010;
              -webkit-box-shadow: 2px 1px 3px #101010;
              position: relative; padding-top:10px;
    .slider{ overflow:none !important; z-index:2 !important; zoom:1}
              .sliders .pic { margin: 0 0 10px 10px; position:relative; z-index:2 !important; zoom:1}
    #page1          .sliders .pic { margin: 0 0 20px 10px;}
              .sliders .items{ display:none}
    .pagination{ position: relative; z-index:2; bottom:0px; left:376px; zoom:1}
    * + html .pagination{ bottom:3px;}
    .pagination li{ float:left; padding-right:6px;}
    .pagination li a{ display:block; width:25px; height:25px; background:url(../images/buttons.png) right 0 no-repeat; text-indent:-9999px;}
    .pagination li a:hover, .pagination .current a{ background-position:left}
    /*======================================================================================== =========================== content =====*/
    /*=============================================================================== indents =====*/
    .indent { padding: 0px 0px 0px 0px }
    .indent1 { padding: 0px 0px 0px 0px }
    .policy-indent {padding: 0 30px 34px 0;}
    .policy-indent a:hover {text-decoration: underline;}
    /*=============================================================================== col-indents =====*/
    .col-indent { padding-right: 0px; }
    .col-indent1 { padding-right: 37px; }
    .col-indent2 { padding-right: 29px; }
    .col-indent3 { padding-right: 44px; }
    .col-indent4 { padding-right: 36px; }
    /*=============================================================================== boxes =====*/
    .box {
              background: #000;
              border-radius: 15px;
              -moz-border-radius: 15px;
              -webkit-border-radius: 15px;
              box-shadow: 5px 5px 5px #191919;
              -moz-box-shadow: 5px 5px 5px #191919;
              -webkit-box-shadow: 5px 5px 5px #191919;
              position: relative;
              padding: 0px 0px 0px 32px;
              left: 2px;
              top: 1px;
    /*=============================================================================== line-hor =====*/
    /*=============================================================================== lists =====*/
    .list {
              padding: 18px 0 0;
              .list li {
              background: url(../images/list-bg.gif) 2px 6px no-repeat;
              padding-left: 14px;
                        .list li a {
              color: #19a7f4;
              font-weight: bold;
              .list .last {padding-bottom: 12px;}
    .list_1 {padding-bottom: 18px;}
              .list_1 li {
                        font-size: 12px;
                        line-height: 24px;
                        .list_1 li a {
                                  text-decoration: none;
                                  color: #828282;
                                  text-transform: uppercase;
                                  .list_1 li a:hover {color: #19a7f4;}
    /*=============================================================================== images =====*/
    .images img {margin-bottom: 1px;}
    /*=============================================================================== links =====*/
    .link {
              background: url(../images/link-bg.gif) 0 0 repeat-x #191818;
              display: inline-block;
              padding: 8px 13px 11px;
              text-decoration: none;
              border-radius: 9px;
              -moz-border-radius: 9px;
              -webkit-border-radius: 9px;
              position: relative;
              font-size: 14px;
              line-height: 1.2em;
              color: #fff;
              margin-top: 9px;
              .link:hover {
                        color: #19a7f4;
    .links a {
              display: block;
              width: 107px;
              height: 49px;
              text-decoration: none;
    .links .fleft {
              background: url(../images/links-fleft.gif) 0 0 no-repeat;
    .links .fleft:hover, .links .fright:hover{ background-position:bottom}
    .links .fright {
              background: url(../images/links-fright.gif) 0 0 no-repeat;
    .policy-indent a {text-decoration: none; color: #19a7f4;}
    /*=============================================================================== contact =====*/
    .contact {
              width: 195px;
              float: left;
              .contact span {
                        display: inline-block;
                        vertical-align: baseline;
                        width: 99px;
              .contact a {
                        font-weight: bold;
                        text-decoration: none;
                        color: #19a7f4;
                        .contact a:hover {text-decoration: underline;}
    /*======================================================================================== =========================== footer =====*/
    footer {position: relative; overflow: hidden;}
    footer .indent {padding: 31px 0 62px 31px;}
    footer .col {
              float: left;
              width: 162px;
              margin-right: 30px;
    footer img {
              border-radius: 12px;
              -moz-border-radius: 12px;
              -webkit-border-radius: 12px;
              box-shadow: 5px 5px 5px #1a1a1a;
              -moz-box-shadow: 5px 5px 5px #1a1a1a;
              -webkit-box-shadow: 5px 5px 5px #1a1a1a;
              position: relative;
    footer .divider1 {background:url(../images/divider_1-bg.gif) 574px 0px repeat-y;}
    .policy {
              position: absolute;
              bottom: 0;
              background: url(../images/policy-bg.gif) 0 0 repeat-x;
              height: 36px;
              width: 100%;
              .policy strong {
              padding: 14px 0 0 380px;
              color: #333;
              text-transform: uppercase;
              text-decoration: none;
              font-size: 12px;
              line-height: 1.2em;
              display: inline-block;
              text-align: left;
                        .policy strong a {margin-right: 60px; color: #9f9f9f; text-decoration: none;}
                                  .policy strong a:hover {
              color: #333;
    /*---------------------------------------------------------------------------------------- --------------------------- forms -----*/
    #ContactForm {
              padding-top: 21px;
              width: 215px;
              #ContactForm label {
                        min-height: 44px;
                        display: block;
                        position:relative;
                        background: url(../images/label-bg.gif) no-repeat 0 0;
              #ContactForm .error,#ContactForm .empty{ position:relative; font-size:10px; color:#19A7F4; background:none; padding:0; display:none}
              #ContactForm .link {
                        margin: 30px 0px 0px 0px;
                        padding: 8px 19px 11px;
              #ContactForm input {
                        width: 193px;
                        border: none;
                        padding: 7px 11px;
                        background: none;
                        color: #828282;
                        font-size: 14px;
                        line-height: 18px;
                        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
              #ContactForm textarea {
                        width: 194px;
                        height: 433px;
                        background: none;
                        border: none;
                        padding: 0px 11px; 
                        color: #828282;
                        font-size: 14px;
                        line-height: 18px;
                        overflow: auto;
                        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
              #ContactForm span {
                        width: 215px;
                        display: block;
                        background: url(../images/text-bg.gif) no-repeat 0 0;
                        border: none;
                        padding: 6px 0px;
    .success{ padding-bottom:15px; display:none}
    .success strong{color:#19A7F4;}
    /*==========================================*/
    /* Project specifics =========================================================== */
    /* Pour some CSS below ========================================================= */
    Index-3.html
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <title>Projects</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/layout.css" type="text/css" media="screen">
    <script type="text/javascript" src="js/html5.js"></script>
    <script type="text/javascript" src="js/jquery-1.6.min.js" ></script>
    <script type="text/javascript" src="js/cufon-yui.js"></script> 
    <script type="text/javascript" src="js/cufon-replace.js"></script>
    <script src="js/MyriadPro-Bold.js" type="text/javascript"></script> 
    <script src="js/Myriad_Roman.js" type="text/javascript"></script> 
    <script type="text/javascript" src="js/imagepreloader.js"></script>
    <script type="text/javascript">
              preloadImages([
                        'images/nav-a-bg-hover.gif',
                        'images/nav-last-a-bg-hover.gif',
                        'images/nav-first-a-bg-hover.gif.jpg']);
    </script>   
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="js/tms-0.3.js"></script>
    <script type="text/javascript" src="js/tms_presets.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
      <script src="js/jcarousellite.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/superfish.js"></script>
      <!--[if lt IE 7]>
                <script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script>
      <![endif]-->
    <!--[if lt IE 9]>
              <style type="text/css">
                        .menu_box > li > a, .sliders, .box, .link, footer img{ behavior: url(js/PIE.htc); }
              </style>
      <![endif]-->
    </head>
    <body id="page4">
              <div class="extra"><div class="shadow">
                        <div class="main">
                                  <!-- header -->
                                  <header>
                                            <div class="container header">
                                                      <strong>We provide quality manufacturing!</strong>
                                                      <div class="login">
                                                                <div class="social">
                                                                          <a href="#"><img src="images/social-img_3.gif" alt="" /></a><a href="#"><img src="images/social-img_2.gif" alt="" /></a><a href="#"><img src="images/social-img_1.gif" alt="" /></a>
                                                                </div>
                                                                <a href="#" class="login-link">Client Login</a>
                                                      </div>
                                                      <div class="clear"></div>
                                            </div>
                                            <div class="wrapper"><h1><a href="index.html">Highway Road Construction and repair</a></h1></div>
                                            <nav>
                                                      <ul id="menu">
                                                                <li class="first"><a href="index.html">Home</a></li>
                                                                <li><a href="index-1.html">powder coating</a>
                                                                          <!--<div class="submenu_1">
                                                                                    <ul class="menu_box">
                                                                                              <li><a href="index-1.html">Earthwork Contractor</a></li>
                                                                                              <li><a href="index-1.html">Utility Contractor</a></li>
                                                                                              <li><a href="index-1.html">Demolition Contractor</a>
                                                                                                        <div class="submenu_2">
                                                                                                                  <ul>
                                                                                                                            <li><a href="index-1.html">Demolish</a></li>
                                                                                                                            <li class="end"><a href="index-1.html">recycle </a></li>
                                                                                                                  </ul>
                                                                                                        </div>
                                                                                              </li>
                                                                                              <li><a href="index-1.html">Road Construction</a></li>
                                                                                              <li class="end"><a href="index-1.html">Construction Equipment Rental</a></li>
                                                                                    </ul>
                                                                          </div>
                                                                </li>-->
                                                <li><a href="index-2.html">fabrication</a></li>
                                                                <li><a href="index-3.html" class="active">projects</a></li>
                                                                <li><a href="index-4.html">design</a></li>
                                                                <li><a href="index-5.html">wire forming</a></li>
                                                                <li class="last"><a href="index-6.html">contact us</a></li>
                                                      </ul>
                                            </nav>
                                            <div class="sliders">
                                                      <ul class="items">
                                                                <li><img src="images/red_bike.gif" alt=""></li>
                                                                <li><img src="images/well.gif" alt=""></li>
                                                                <li><img src="images/belle_inn.gif" alt=""></li>
                                                                <li><img src="images/belle_motive.gif" alt=""></li>
                                                                <li><img src="images/basin_cab.gif" alt=""></li>
                                                                <li><img src="images/basin_bed.gif" alt=""></li>
                                                      </ul>
                                            </div>
                                  </header>
                                  <!-- content -->
                                  <section id="content">
                                            <div class="box">
                                                      <div class="wrapper divider">
                                                                <article class="col-1 col-indent bot">
                                                                          <div align="center">
                                                                  <h2>Best Projects</h2>
                                                                          <p class="bot"><strong class="color">Maecenas tristique orci ac sem. Duis ultricies pharetra donec in accumsan malesuada orci orem ipsum dolor sit amet.</strong></p></div>
                                                                          <div class="images">
                                                                                    <ul>
                                                                                              <li><a href="#"><img src="images/yellow.gif" alt="" width="215" height="124"/></a></li>
                                                                                              <li><a href="#"><img src="images/basin_door.gif" alt="" width="215" height="124"/></a></li>
                                                                                              <li><a href="#"><img src="images/ford_valve_covers.gif" alt="" width="215" height="124"/></a></li>
                                                                                              <li><a href="#"><img src="images/car_frame.gif" alt="" width="215" height="124"/></a></li>
                                    </ul>
                                                        </div>
                                                                                    <div class="wrapper links">
                                                                                              <a href="#" class="fleft" id="prev"> </a>
                                                                                              <a href="#" class="fright" id="next"> </a>
                                                                                    </div>
                                                                </article>
                                                                <article class="col-2 bot1">
                                                                          <div align="center">
                                                                  <h2>Past Projects</h2>
                                                                          <p>For 25 years, Manufacturing Systems Inc. has had the opportunity to send a wide variety of products out the door and are always excited to be involved in new, innovative projects.<br>
                                <br>
                                Our signature product line, <a href="http://www.trucatchtraps.com" title="Tru Catch Traps" target="_blank">Tru-Catch Traps&#8482;</a>, has allowed us to serve the animal welfare community nation-wide and gain valuable knowledge in every aspect of product development, design, promotion,a nd sales. Our traps are constructed, welded, and powder coated in-house. Give your customers what we give ours...a quality, American-made product. </p>
                                                                          </div>
                          <div class="wrapper top">
                                                                                    <div class="col-1 col-indent3">
                                                                                              <ul class="list">
                                                                                                        <li><a href="#">Vestibulum iaculis lacinia est roin</a></li>
                                                                                                        <li><a href="#">Fusce euismod consequat ante ing elitom</a></li>
                                                                                                        <li><a href="#">Lorem ipsum dolor sit amet consecte</a></li>
                                                                                                        <li><a href="#">Aliquam congue fermentum nisl</a></li>
                                                                                                        <li><a href="#">Mauris accumsan nulla vel diam ulla venen</a></li>
                                                                                                        <li><a href="#">Sed in lacus ut enim adipiscing aliquet</a></li>
                                                                                                        <li><a href="#">In pede mi aliquet sit amet euism</a></li>
                                                                                                        <li><a href="#">Praesent justo dolor lobortis quis lobortis</a></li>
                                                                                              </ul>
                                                                                    </div>
                                                                                    <div class="col-1">
                                                                                              <ul class="list">
                                                                                                        <li><a href="#">Sed in lacus ut enim adipiscing aliquet</a></li>
                                                                                                        <li><a href="#">In pede mi aliquet sit amet euism</a></li>
                                                                                                        <li><a href="#">Praesent justo dolor lobortis quis lobortis</a></li>
                                                                                                        <li><a href="#">Vestibulum sed ante onec sagittis</a></li>
                                                                                                        <li><a href="#">Fusce euismod consequat ante ing elitom</a></li>
                                                                                                        <li><a href="#">Lorem ipsum dolor sit amet consecte</a></li>
                                                                                                        <li><a href="#">Aliquam congue fermentum nisl</a></li>
                                                                                                        <li><a href="#">Mauris accumsan nulla vel diam ulla venen</a></li>
                                                                                              </ul>
                                                                                    </div>
                                                                          </div>
                                                                          <!--<p class="top3"><a href="#" class="link">More Info</a></p>-->
                                                                  <div align="center">
                                                                  <h2>Current Projects</h2>
                                                                          <p><strong class="color">Project1. </strong> Fusce euismod consequat ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis. In pede mi, aliquet sit amet, euismod in, auctor ut in, ligula. Aliquam dapibus tincidunt metus justo dolor.</p>
                                                                          <p><strong class="color">Project2. </strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis. In pede mi, aliquet sit amet, euismod in, auctor ut in, ligula. Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante. Donec sagittis euismod purus euismod.</p>
                                                                          <!--<p><a href="#" class="link">More Info</a></p>-->
                                </div>
                                                                </article>
                                                      </div>
                                            </div>
                                  </section>
                        </div>
                        <!-- footer -->
                        <footer>
                                  <div class="main">
                                            <div class="indent">
                                                      <div class="container divider1">
                                                                <div class="col">
                                                                          <div align="center">
                                                                  <h3>Subnavigation</h3>
                                                                          </div>
                                                          <ul class="list_1">
                                                                                    <li><a href="#">Clients Support</a></li>
                                                                                    <li><a href="#">Standards</a></li>
                                                                                    <li><a href="#">new technologies</a></li>
                                                                                    <li><a href="#">faqs</a></li>
                                                                          </ul>
                                                                </div>
                                                                <div class="col">
                                                                          <div align="center">
                                                                  <h3>Archive</h3>
                                                                          </div>
                          <ul class="list_1">
                                                                                    <li><a href="#">2012</a></li>
                                                                                    <li><a href="#">2011</a></li>
                                                                                    <li><a href="#">2010</a></li>
                                                                                    <li><a href="#">2009</a></li>
                                                                          </ul>
                                                                </div>
                                                                <div class="col col-indent2">
                                                                          <div align="center">
                                                                  <h3>Useful Info</h3>
                                                                          </div>
                                <ul class="list_1">
                                                                                    <li><a href="#">news</a></li>
                                                                                    <li><a href="#">career</a></li>
                                                                                    <li><a href="#">about us</a></li>
                                                                                    <li><a href="#">hours: mon-fri 8-5 MST</a></li>
                                                                          </ul>
                                                                </div>
                                                                <div class="fleft">
                                                                          <img src="images/footer-img.jpg" alt="" /

  • Certain images not showing up in Design View

    Hi,
    I recently switched from Dreamweaver CS5.5 to CS6 with Creative Cloud but now some of my images aren't showing up in Design View. Everything is fine in Live View.
    Any help would be gratefully received. I have attached the CSS & the HTML as well as two screen shots of Design View and Live View.
    The CSS is:
    /* Getting the new tags to behave */
    article, aside, audio,
    canvas, command,
    datalist, details,
    embed,
    figcaption, figure, footer,
    header, hgroup,
    keygen,
    meter,
    nav,
    output,
    progress,
    section, source,
    video {
              display:block;
    mark,
    rp, rt, ruby,
    summary,
    time {
              display:inline;
    /* Global properties ======================================================== */
    body {
              background-color:#000;
              background-repeat:no-repeat;
              background-position:center top;
              background-image:url(../images/body-bg.jpg);
              background-attachment:fixed;
              font-family:Arial, Helvetica, sans-serif;
              font-size:100%;
              line-height:1em;
              color:#949595;
    html {
              min-width:967px;
    html,
    body {
              height:100%;
    /* Global Structure ============================================================= */
    #main {
              margin:0 auto;
              width:967px;
              font-size:.75em;
              /* Header */
              header {
                        position:relative;
              /* Sidebar */
              aside {
                        width:227px;
                        float:left;
                        margin-right:32px;
                        padding-bottom:33px;
              /* Content */
              section#content {
                        float:left;
                        width:675px;
                        padding-top:6px;
              /* Footer */
              footer {
                        padding-left:3px;
                        background:url(../images/border-left.png) repeat-y left top;
                        color:#535353;
    /* Left & Right alignment */
    .fleft {
              float:left;
    .fright {
              float:right;
    .clear {
              clear:both;
    .col-1,
    .col-2,
    .col-3 {
              float:left;
    .alignright {
              text-align:right;
    .aligncenter {
              text-align:center;
    .wrapper {
              width:100%;
              overflow:hidden;
    /*----- form defaults -----*/
    input,
    select,
    textarea {
              font-family:Arial, Helvetica, sans-serif;
              font-size:1em;
              vertical-align:middle;
              font-weight:normal;
    fieldset {
              border:0;
    /*----- lists -----*/
    .banners {
              width:100%;
              overflow:hidden;
              padding-bottom:15px;
              .banners li {
                        float:left;
                        padding-left:4px;
    .list li {
              font-size:1.17em;
              padding:0 0 19px 22px;
              background:url(../images/marker.png) no-repeat left 2px;
    .list li.last {
              padding-bottom:0;
    .list1 li {
              width:100%;
              overflow:hidden;
              padding-bottom:27px;
              .list1 li img {
                        float:left;
                        margin-right:22px;
    .column-list {
              width:100%;
              overflow:hidden;
              .column-list li {
              float:left;
              width:200px;
              margin-right:27px;
              .column-list li.last {
                        margin:0;
                        .column-list li img {
                                  margin-bottom:18px;
    .events-list {
              width:100%;
              overflow:hidden;
              .events-list li {
                        float:left;
                        line-height:1.5em;
                        width:320px;
                        margin-right:25px;
                        padding-bottom:20px;
              .events-list li.alt {
                        margin-right:0;
                        .events-list li img {
                                  float:left;
                                  margin-right:11px;
    .testimonials li {
              line-height:1.5em;
              padding-bottom:18px;
              .testimonials li cite {
                        font-style:normal;
              .testimonials li h5 {
                        text-align:right;
                        margin:0;
                        padding-top:6px;
    /*----- other -----*/
    .img-indent {
              margin:0 0 20px 0;
    .extra-wrap {
              overflow:hidden;
    p {
              margin-bottom:16px;
              line-height:1.5em;
    dl {
              line-height:1.5em;
              dl dt {
                        font-weight:bold;
                        color:#4b4b4b;
                        margin-bottom:6px;
              dl dd {
                        padding-bottom:20px;
              dl dd.last {
                        padding:0;
              .address dd {
                        clear:both;
                        .address dd span {
                                  float:left;
                                  width:96px;
                        .address dd a {
                                  font-size:1.17em;
    address {
              font-style:normal;
              line-height:1.5em;
              address a {
                        font-size:1.17em;
              address span {
                        float:left;
                        width:103px;
    /*----- txt, links, lines, titles -----*/
    a {
              color:#12b7f4;
              outline:none;
    a:hover {
              text-decoration:none;
    h1 {
              font-size:20px;
              line-height:1em;
              font-weight:normal;
              padding:55px 0 0 3px;
              h1 a {
                        color:#fff;
                        text-decoration:none;
              h1 strong {
                        font-size:55px;
                        line-height:1.2em;
                        letter-spacing:-2px;
                        top:-37px;
                        position:relative;
    h2 {
              font-size:1.917em;
              line-height:1.2em;
              letter-spacing:-1px;
              font-weight:normal;
    h5 {
              font-size:1em;
              line-height:1.5em;
              color:#4b4b4b;
              margin-bottom:6px;
              h5 a {
                        color:#4b4b4b;
    .txt1 {
              font-size:1.17em;
    .rss {
              position:absolute;
              right:18px;
              top:18px;
              background:url(../images/rss.gif) no-repeat right top;
              padding:10px 45px 8px 0;
              color:#7d7d7d;
              text-decoration:none;
              font-size:1.17em;
              text-transform:uppercase;
    .rss:hover {
              text-decoration:underline;
    .link1 {
              display:block;
              position:relative;
              float:left;
              background-repeat:no-repeat;
              background-position:right top;
              background-image:url(../images/link1-right.png);
              color:#fff;
              line-height:1.2em;
              text-transform:uppercase;
              text-decoration:none;
              cursor:pointer;
              .link1 span {
                        display:block;
                        float:left;
                        background-repeat:no-repeat;
                        background-position:left top;
                        background-image:url(../images/link1-left.png);
                        padding:0 10px;
              .link1 b {
                        background-repeat:repeat-x;
                        background-position:left top;
                        background-image:url(../images/link1-bgd.png);
                        padding:8px 7px 9px 7px;
                        display:block;
                        float:left;
              .link1:hover b {
                        text-decoration:underline;
    .link2 {
              width:70px;
              height:30px;
              text-align:center;
              text-transform:uppercase;
              color:#fff;
              text-decoration:none;
              display:block;
              float:right;
              font-weight:bold;
              overflow:hidden;
              line-height:2.6em;
              background-repeat:no-repeat;
              background-position:left top;
              background:url(../images/link2-bg1.png);
    .link2:hover {
              text-decoration:underline;
    /*==================boxes====================*/
    .nav-box {
              width:100%;
              position:relative;
              padding-bottom:11px;
              margin-top:-23px;
              .nav-box .left {
                        padding-left:20px;
                        background:url(../images/nav-box-left.png) no-repeat left top;
              .nav-box .right {
                        padding-right:20px;
                        background:url(../images/nav-box-right.png) no-repeat right top;
              .nav-box nav {
                        height:72px;
                        background:url(../images/nav-box-tail.png) repeat-x left top;
              .nav-box nav ul {
                        padding-top:13px;
                        width:100%;
                        overflow:hidden;
                        .nav-box nav ul li {
                                  float:left;
                                  font-size:1.583em;
                                  line-height:1.2em;
                                  letter-spacing:-1px;
                                  .nav-box nav ul li a {
                                            color:#535353;
                                            display:block;
                                            float:left;
                                            cursor:pointer;
                                            background:url(../images/spacer.gif);
                                            text-decoration:none;
                                            text-shadow:#fff 1px 1px;
                                  .nav-box nav ul li a:hover,
                                  .nav-box nav ul li a.active {
                                            color:#fff;
                                            background:url(../images/nav-act-tail.gif) repeat-x left top;
                                            text-shadow:#fff 0 0;
                                            .nav-box nav ul li a span {
                                                      display:block;
                                                      float:left;
                                                      background:url(../images/spacer.gif);
                                            .nav-box nav ul li a:hover span,
                                            .nav-box nav ul li a.active span {
                                                      background:url(../images/nav-act-left.gif) no-repeat left top;
                                            .nav-box nav ul li a b {
                                                      display:block;
                                                      float:left;
                                                      background:url(../images/spacer.gif);
                                                      padding:10px 23px 14px 23px;
                                            .nav-box nav ul li a:hover b,
                                            .nav-box nav ul li a.active b {
                                                      background:url(../images/nav-act-right.gif) no-repeat right top;
    .box {
              width:237px;
              color:#fff;
              .box .top {
                        background-repeat:no-repeat;
                        background-position:left top;
                        background-image:url(../images/box-top.png);
                        height:14px;
                        overflow:hidden;
                        font-size:0;
                        line-height:0;
              .box .bot {
                        background-repeat:no-repeat;
                        background-position:left top;
                        background-image:url(../images/box-bot.png);
                        height:15px;
                        overflow:hidden;
                        font-size:0;
                        line-height:0;
              .box .xcontent {
                        background-repeat:repeat-y;
                        background-position:left top;
                        background-image:url(../images/box-tail.gif);
                        .box .xcontent .bg {
                                  min-height:137px;
                                  height:auto!important;
                                  height:137px;
                                  background-repeat:no-repeat;
                                  background-position:left top;
                                  background-image:url(../images/box-bg.jpg);
              .box .inner {
                        padding:2px 35px 0 26px;
              .box h2 {
                        font-size:2.417em;
                        font-weight:bold;
                        margin-bottom:4px;
                        text-shadow:#0b97e4 1px 1px;
              .box p {
                        line-height:1.583em;
                        margin-bottom:9px;
    /* box style1 */
    .box.style1 .top {background-image:url(../images/box-top1.png);}
    .box.style1 .bot {background-image:url(../images/box-bot1.png);}
    .box.style1 .xcontent {background-image:url(../images/box-tail1.gif);}
    .box.style1 .xcontent .bg {background-image:url(../images/box-bg1.jpg);}
    .box.style1 .link1 {background-image:url(../images/link1-right1.png);}
    .box.style1 .link1 span {background-image:url(../images/link1-left1.png);}
    .box.style1 .link1 b {background-image:url(../images/link1-bgd1.png);}
    .box.style1 h2 { text-shadow:#78b10b 1px 1px;}
    /* box style2 */
    .box.style2 .top {background-image:url(../images/box-top2.png);}
    .box.style2 .bot {background-image:url(../images/box-bot2.png);}
    .box.style2 .xcontent {background-image:url(../images/box-tail2.gif);}
    .box.style2 .xcontent .bg {background-image:url(../images/box-bg2.jpg);}
    .box.style2 .link1 {background-image:url(../images/link1-right2.png);}
    .box.style2 .link1 span {background-image:url(../images/link1-left2.png);}
    .box.style2 .link1 b {background-image:url(../images/link1-bgd2.png);}
    .box.style2 h2 { text-shadow:#ff6900 1px 1px;}
    /* box style3 */
    .box.style3 .top {background-image:url(../images/box-top3.png);}
    .box.style3 .bot {background-image:url(../images/box-bot3.png);}
    .box.style3 .xcontent {background-image:url(../images/box-tail3.gif);}
    .box.style3 .xcontent .bg {background-image:url(../images/box-bg3.jpg);}
    .box.style3 .link1 {background-image:url(../images/link1-right3.png);}
    .box.style3 .link1 span {background-image:url(../images/link1-left3.png);}
    .box.style3 .link1 b {background-image:url(../images/link1-bgd3.png);}
    .box.style3 h2 { text-shadow:#ffad07 1px 1px;}
    .box1 {
              width:227px;
              .box1 .top {
                        height:49px;
                        overflow:hidden;
                        background:url(../images/box1-top.png) no-repeat left top;
              .box1 .bot {
                        height:17px;
                        font-size:0;
                        line-height:0;
                        overflow:hidden;
                        background:url(../images/box1-bot.gif) no-repeat left top;
              .main-box .box1 .border-left {
                        padding-left:1px;
                        background:url(../images/box1-border.gif) repeat-y left top;
              .main-box .box1 .border-right {
                        padding-right:1px;
                        background:url(../images/box1-border.gif) repeat-y right top;
              .main-box .box1 .xcontent {
                        width:100%;
                        min-height:261px;
                        height:auto!important;
                        height:261px;
                        padding:0;
                        background:url(../images/box1-tail.gif) repeat-x left top #f8f8f8;
              .main-box .box1 .inner {
                        padding:12px 14px 20px 18px;
              .box1 h2 {
                        font-weight:bold;
                        color:#fff;
                        padding:10px 0 0 18px;
    .box2 {
              width:227px;
              .box2 .top {
                        height:15px;
                        overflow:hidden;
                        background:url(../images/box2-top.png) no-repeat left top;
              .box2 .bot {
                        height:16px;
                        font-size:0;
                        line-height:0;
                        overflow:hidden;
                        background:url(../images/box2-bot.gif) no-repeat left top;
              .main-box .box2 .border-left {
                        padding-left:1px;
                        background:url(../images/box2-border.gif) repeat-y left top;
              .main-box .box2 .border-right {
                        padding-right:1px;
                        background:url(../images/box2-border.gif) repeat-y right top;
              .main-box .box2 .xcontent {
                        width:100%;
                        min-height:113px;
                        height:auto!important;
                        height:113px;
                        padding:0;
                        background:url(../images/box2-tail.gif) repeat-x left top #f6f6f6;
              .main-box .box2 .inner {
                        padding:0 14px 20px 18px;
              .box2 h2 {
                        font-weight:bold;
                        color:#3c3c3c;
                        margin-bottom:16px;
    .main-box {
              width:100%;
              .main-box .left-top-corner {
                        background:url(../images/left-top-corner.png) no-repeat left top;
                        height:18px;
                        padding-left:18px;
              .main-box .right-top-corner {
                        background:url(../images/right-top-corner.png) no-repeat right top;
                        height:18px;
                        padding-right:18px;
              .main-box .border-top {
                        background:url(../images/border-top.png) left top repeat-x;
                        height:18px;
                        font-size:0;
                        line-height:0;
                        width:100%;
              .main-box .border-left {
                        background:url(../images/border-left.png) left top repeat-y;
                        padding-left:3px;
              .main-box .border-right {
                        background:url(../images/border-right.png) right top repeat-y;
                        padding-right:3px;
              .main-box .xcontent {
                        background:#fff;
                        padding:0 2px;
              .main-box .tail {
                        background:url(../images/main-box-tail.gif) repeat-x left top;
                        width:100%;
              .main-box .inner {
                        padding:3px 15px 0 8px;
              .main-box .inner1 {
                        padding:3px 8px 0 25px;
                        .main-box .inner1 aside {
                                  margin:0;
                        .main-box .inner1 #content {
                                  margin-right:32px;
                                  width:665px;
              .main-box .inner2 {
                        padding:3px 25px 35px 25px;
                        .main-box .inner2 #content {
                                  width:auto;
                                  float:none;
    /*===== content =====*/
    #content h2 {
              color:#3e3e3e;
              letter-spacing:0;
              margin-bottom:16px;
    #content .indent {
              padding-bottom:60px;
    #content .link2 {
              background-image:url(../images/link2-bg2.png);
              float:left;
    /*===== Sidebar =====*/
    aside .indent {
              margin-bottom:20px;
    /*===== footer =====*/
    footer .right {
              padding-right:3px;
              background:url(../images/border-right.png) repeat-y right top;
    footer .tail {
              padding:17px 0 11px 27px;
              background-color:#2d2d2d;
    footer .line-ver {
              background:url(../images/divider.gif) repeat-y 210px 0;
              width:100%;
              overflow:hidden;
    footer .fleft a {
              color:#535353;
              text-decoration:none;
    footer .fleft a:hover {
              text-decoration:underline;
    footer .fleft {
              padding-bottom:8px;
              footer .fleft ul {
                        padding:8px 0 3px 0;
                        footer .fleft ul li {
                                  display:inline;
    footer .fright {
              padding:0 29px 0 0;
              text-align:right;
              footer .fright a {
                        color:#12b7f4;
              footer .fright ul {
                        padding:8px 0 5px 0;
                        footer .fright ul li {
                                  display:inline;
                                  padding-right:15px;
                                  margin-right:12px;
                                  background:url(../images/divider1.gif) no-repeat right 3px;
                                  footer .fright ul li a {
                                            text-decoration:none;
                                            color:#535353;
                                  footer .fright ul li a:hover,
                                  footer .fright ul li a.active {
                                            color:#c4c4c4;
                                            text-decoration:underline;
                        footer .fright ul li.last {
                                  background:none;
                                  padding:0;
                                  margin:0;
    /*----- forms -----*/
    #subscribe-form .rowElem {
              width:100%;
              overflow:hidden;
    #subscribe-form span {
              display:block;
              width:193px;
              height:26px;
              margin-bottom:6px;
              background:url(../images/input-bg.png) no-repeat left top;
    #subscribe-form input {
              background:none;
              border:0;
              line-height:1.2em;
              vertical-align:top;
              margin:5px 0 0 10px;
              color:#8c8d8d;
              width:173px;
    #subscribe-form a.fleft {
              color:#4b4b4b;
              font-weight:bold;
              position:relative;
              left:10px;
              top:7px;
    /* The Nivo Slider styles */
    #slider_box{ width:946px; height:370px; margin-top:-3px; margin-bottom:15px;background:url(../images/bg_img.png) 0 0 no-repeat; padding:21px 0 0 21px}
    #slider{ position:relative; width:925px; height:348px; z-index:88;overflow:hidden;}
    /* If an image is wrapped in a link */
    .nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;          margin:0;z-index:60;display:none;}
    /* The slices in the Slider */
    .nivo-slice {display:block;          position:absolute;z-index:50;height:100%;}
    /* Direction nav styles (e.g. Next & Prev) */
    .nivo-directionNav a {          position:absolute; bottom:-34px;          z-index:99;          cursor:pointer;text-indent:-5000px; width:30px; height:30px;  display:block;}
    .nivo-prevNav { right:135px; background:url(../images/marker_left.gif) no-repeat}
    .nivo-prevNav:hover{ background:url(../images/marker_left_active.gif) no-repeat}
    .nivo-nextNav {right:10px; background:url(../images/marker_right.gif) no-repeat}
    .nivo-nextNav:hover{ background:url(../images/marker_right_active.gif) no-repeat}
    /* Control nav styles (e.g. 1,2,3...) */
    .nivo-controlNav{ position: absolute;z-index:99; right:14px; bottom:21px;}
    .nivo-controlNav a {position:relative;z-index:99;cursor:pointer; text-indent:-5000px; width:16px; height:16px; float:left; margin-right:6px; background:url(../images/buttons.png) right 0 no-repeat}
    .nivo-controlNav a.active { background-position:left}
    /* Caption styles */
    .nivo-caption { padding-top:77px; height:270px; width:345px;position:absolute; top:0px; right:20px; color:#fff; z-index:99;}
    .nivo-caption .box{ display:inline-block;background:url(../images/box.png) no-repeat; font:24px Arial, Helvetica, sans-serif; color:#fff; line-height:30px; text-align:center; font-weight:bold; width:83px; margin-right:10px;}
    .nivo-caption .text1{ font:36px Arial, Helvetica, sans-serif; color:#39c0f8; font-weight:bold; display:inline-block; line-height:1.2em; margin-top:-7px;}
    .nivo-caption .text2{ font:48px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; display:block; line-height:1.2em; margin-top:-10px; letter-spacing:-2px;}
    .nivo-caption p{ font-size:12px; color:#fff; line-height:14px; font-weight:bold; padding-top:8px;}
    .nivo-caption a{ display:inline-block; position:absolute; left:0; bottom:60px; background:url(../images/button-bg.png) 0 0 no-repeat; font:40px Arial, Helvetica, sans-serif; line-height:60px; padding-bottom:3px; text-align:center; width:194px; color:#fff; text-decoration:none;  letter-spacing:-2px;}
    .nivo-caption a:hover{ background-position:bottom}
    .color1 p{ color:#454545}
    .nivo-caption .color1 .text1{ font-size:30px; display:block; color:#454545; margin-top:0}
    .nivo-caption .color1 .text2{ color:#3b3b3b; display:inline-block; letter-spacing:-3px}
    .nivo-caption .color1 .box{ margin-right:0px; margin-top:7px; margin-left:7px}
    #contacts-form .rowElem {
              height:40px;
              #contacts-form .rowElem span {
                        display:block;
                        width:300px;
                        height:26px;
                        margin-bottom:6px;
                        background:url(../images/input-bg_2.png) no-repeat left top;
    #contacts-form input {
              background:none;
              border:0;
              line-height:1.2em;
              vertical-align:top;
              margin:5px 0 0 10px;
              color:#8c8d8d;
              width:300px;
    #contacts-form .rowElem1 span {
              display:block;
              width:300px;
              height:175px;
              margin-bottom:21px;
              background:url(../images/textarea-bg.gif) no-repeat left top;
    #contacts-form textarea {
              width:300px;
              height:168px;
              overflow:auto;
              background:none;
              border:0;
              color:#8c8d8d;
              padding:5px 0 2px 10px;
    #contacts-form .link2 {
              margin-left:15px;
    /*==========================================*/
    The HTML is:
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>TravelSober.com Eastern Caribbean Sober Cruise</title>
    <meta name="keywords" content="Sober cruise, sober cruises, sober cruise vacations, sober holidays, sober travel, sober vacation, sober vacations, aa convention, sober safari, sober travel.">
    <meta name="description" content="Find out more about our Eastern Caribbean Sober Cruise or any of our other sober vacations.">
    <!-- TemplateEndEditable -->
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
    <!--[if lt IE 7]>
         <link rel="stylesheet" href="css/ie/ie6.css" type="text/css" media="screen">
         <script type="text/javascript" src="js/ie_png.js"></script>
         <script type="text/javascript">
            ie_png.fix('.png, .nav-box .left, .nav-box .right, nav, footer .right, footer, #slider, #slider .inside a, .box .top, .box .bot, .link1, .link1 span, .link1 b, .list li, .main-box .left-top-corner, .main-box .right-top-corner, .main-box .border-top, .main-box .border-left, .main-box .border-right, .box1 .top, .box2 .top, .link2, .link3, .events-list li img, #subscribe-form span');
         </script>
    <![endif]-->
    <!--[if lt IE 9]>
                <script type="text/javascript" src="js/html5.js"></script>
      <![endif]-->
    <style type="text/css">
    body,td,th {
              font-size: 92%;
    </style>
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-21210386-3']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    </script>
    <link href="images/favicon.ico" rel="SHORTCUT ICON">
    </head>
    <body id="page7">
    <div id="main">
       <!-- header -->
       <header>
         <h1><a href="index.html"><strong>TravelSober.com</strong></a></h1>
          <div class="nav-box">
             <div class="left">
                <div class="right">
                   <nav>
                      <ul>
                         <li><a href="index.html"><span><b>Home</b></span></a></li>
                         <li><a href="about-us.html"><span><b>About Us</b></span></a></li>
                         <li><a href="planned-trips.html"><span><b>Planned Trips</b></span></a></li>
                         <li><a href="instant-specials.html"><span><b>Bob's Super Specials</b></span></a></li>
                         <li><a href="testimonials.html"><span><b>Testimonials</b></span></a></li>
                         <li><a href="contact-us.html"><span><b>Contact Us</b></span></a></li>
                      </ul>
                   </nav>
                </div>
                <a href="#" class="rss">RSS</a> </div>
          </div>
          <ul class="banners">
             <li>
                <div class="box">
                   <div class="top"></div>
                   <div class="xcontent">
                      <div class="bg">
                         <div class="inner">
                            <h2>Sober Cruises</h2>
                            <p>Our cruises go to the best destinations on earth on a budget or in 6 Star luxury.</p>
                            <div class="wrapper"><a href="planned-cruises.html" class="link1"><span><b>more</b></span></a></div>
                         </div>
                      </div>
                   </div>
                   <div class="bot"></div>
                </div>
             </li>
             <li>
                <div class="box style1">
                   <div class="top"></div>
                   <div class="xcontent">
                      <div class="bg">
                         <div class="inner">
                            <h2>Friends of Lois Trips</h2>
                            <p>Al-Anon conferences and vacations</p>
                            <div class="wrapper"><a href="friends-of-lois-trips.html" class="link1"><span><b>more</b></span></a></div>
                         </div>
                      </div>
                   </div>
                   <div class="bot"></div>
                </div>
             </li>
             <li>
                <div class="box style2">
                   <div class="top"></div>
                   <div class="xcontent">
                      <div class="bg">
                         <div class="inner">
                            <h2>Conventions</h2>
                            <p>We take advantage of the many worldwide AA conventions combining them with tours.</p>
                            <div class="wrapper"><a href="sober-cruise-greece-2013.html" class="link1"><span><b>more</b></span></a></div>
                         </div>
                      </div>
                   </div>
                   <div class="bot"></div>
                </div>
             </li>
             <li>
                <div class="box style3">
                   <div class="top"></div>
                   <div class="xcontent">
                      <div class="bg">
                         <div class="inner">
                            <h2>Recovery</h2>
                            <p>Check out our sober resources page for all fellowships and the chance to meet new friends.</p>
                            <div class="wrapper"><a href="recovery-resources.html" class="link1"><span><b>more</b></span></a></div>
                         </div>
                      </div>
                   </div>
                   <div class="bot"></div>
                </div>
             </li>
          </ul>
       </header>
       <div class="main-box">
          <div class="left-top-corner">
             <div class="right-top-corner">
                <div class="border-top"></div>
             </div>
          </div>
          <div class="border-left">
             <div class="border-right">
                <div class="xcontent">
                   <div class="tail">
                     <div class="inner2">
                         <!-- content -->
                         <section id="content">
                            <h2><b>Costa Caribbean Cruise on the Mediterranea
    - November 30 – December 10, 2012</b><br><br>
                            <b>From $699 Per Person / Double-Occupancy. 10 days for the price of 7!</b></h2>
                            <p> <img src="images/costa-mediterranea-sober-cruise- caribbean-2012.jpg" alt="sober_cruise_caribbean" width="320" height="204" align="right"></p>
                            <h5>Enjoy the Bahamas, Jamaica, Grand Cayman Islands, Roatan, Belize and Cozumel with a round-trip from Miami. You will experience great Italian cuisine, fabulous entertainment and famous <i>In This Life</i> Custom Excursions. We will feature the best of snorkeling, scuba, golf, dolphin encounter and much more!<p></p>Get on board for one of our latest once in a lifetime opportunities. Costa Cruises has reached out to showcase their ships and famous Italian ambience. We have traveled extensively with Costa on one of their best vessels, the Mediterranea. <p></p>This is one of the most popular vessels in the Costa fleet and has been enjoyed by hundreds of <i>In This Life</i> clients. Costa has extended special rates because of the unfortunate accident in Europe. They are giving <i>In This Life</i> guests 10 days for the price of 7 with free upgrades on their November 30 combination Eastern-Western Caribbean cruise.<p></p>Join us for various meetings onboard everyday!</h5>
                            <h5>10-day itinerary includes: <dir>
                           <p>Day 1: Depart 9.00pm: Miami, Florida,<br>
                           Day 2: 9.00am - 6.00pm: Nassau, Bahamas,<br>
                           Day 3: At Sea,<br>
                           Day 4: 12.00pm - 7.00pm: Ochos Rios, Jamaica,<br>
                           Day 5: 9.00am - 6.00pm: Grand Cayman,<br>
                           Day 6: At Sea,<br>
                           Day 7: 8.00am - 6.00pm: Roatan, Honduras,<br>
                           Day 8: 8.00am - 5.00pm: Belize,<br>
                           Day 9: 8.00am - 7.00pm: Cozumel, Mexico,<br>
                           Day 10: At Sea,<br>
                           Day 11: Miami, Florida: Arrive 8.00am.</p>
                           </dir><h2>ITL special - Save up to $200 per person! These are exclusive prices ONLY AVAILABLE from <i>Travel Sober</i>. </h2>
                           <img src="images/Cribbean-sober-cruise-2012.jpg" alt="sober_cruise_caribbean" width="394" height="264" align="right">
                       <h5><p></p>Inside Cabin: $699<br>Ocean View Cabin: $699<br>Deluxe Ocean View Cabin: $899<br>Veranda Cabin: $899</p>
                           <p></p>
                           <p>Book an Inside Cabin for $699 and be upgraded for free to Ocean View.
    <p></p>Book Deluxe Ocean View for $899 and be upgraded for free to Veranda.
    Other free upgrades within categories – placement on first come, first served basis.
    <p></p>This is a Sober Cruise. Get a group together and get extra PERKS!
    </p>
                           <p><h2>Deposit now for best cabin placement, specials and free upgrades!</h2><br><br>
                           <img src="images/in-this-life-logo.jpg" alt="sober_cruise_caribbean" width="300" height="214" align="middle">
    <h5><h2>
    Call or Email Us Today</h2></a>
    <p></p><h2>Office: (805) 927-6910</h2>
    <h2>Toll Free: (800) 531-7578</h2>
    <p></p><br>
    <h2>Email:<a href="mailto:[email protected]" class="txt1"> [email protected]</h2></a><br>
    <h2>Email:<a href="mailto:[email protected]" class="txt1"> [email protected]</h2></a>
    </p></h5>
                       </section>
                      </div>
                   </div>
                </div>
             </div>
          </div>
       </div>
       <!-- footer -->
       <footer>
          <div class="right">
             <div class="tail">
       

    The MORE buttons aren't images.  They are in the HTML and appear to be styled with CSS to look like button images. 
         <span><b>more</b></span>
    Unfortunately, Design View is incapable of displaying CSS border-radius, gradients, shadows and other CSS level 3 properties.   That's why we have Live View which behaves more like a real browser.
    If you can't live with this, disable CSS in DW by going to View > Style Rendering > untick display styles. 
    Or, use a Design-Time Style Sheet that contains no CSS level 3 properties.
    Nancy O.

  • Problem - Values are not stored into Tables when value are accepted from us

    // jsp code
    <%@ page import="java.util.Enumeration" %>
    <%@ page import="java.util.Vector" %>
    <%@ page import="java.util.*" %>
    <%@ page import="java.lang.*" %>
    <%@ page import="java.sql.*" %>
    <%@ page import="beans.register2" %>
    <jsp:useBean id="registerbn" scope= "session" class="beans.register2" />
    <% String base = (String) session.getAttribute("base");
    registerbn.setDburl((String)session.getAttribute("dbUrl"));
    registerbn.setDbuser((String)session.getAttribute("dbUserName"));
    registerbn.setDbpasswd((String)session.getAttribute("dbPassword"));
    System.out.println("Inside jsp - setMembers of promotion successful");
    // registerbn.setMembers1();
    System.out.println("after setting");
    %>
    <%
    String action=request.getParameter("action");
    %>
    <HTML>
    <HEAD>
    <TITLE> TIFR INTRANET </TITLE>
    </HEAD>
    <HEAD>
    <script language="JavaScript1.2">
    //some validations functions
    </script>
    </head>
    <body>
    <table valign="top" align="top">
    <TR>
    <TD COLSPAN="100%"><jsp:include page="Header.jsp" flush="true"/></TD>
    </TR>
    <TR>
    <TD align="top" valign="top"><jsp:include page="menu.jsp" flush="true"/>
    <font face="arial" size="1">
    site developed by ADPCell TIFR
    </font>
    </td>
    <td>
    <table cellpadding="2" cellspacing="3" width="40%">
    <form method="post" action="./beans.register2">
    <td width="40" align="center"
    <font face="arial" size="5" align="right">
    <b>
    Registration <hr> </hr>
    </b>
    </font>
    <br>
    </td>
    <tr valign="center" width="80%">
    <td width="40%">
    <b><font face="Arial" size="2">IdCode </b> </font>
    </td>
    <td width="40%">
    <b><font face="Arial" size="2">
    <input type="text" name="idcode" size="6" style="border-style:solid" value="">
    </font></b>
    </td>
    </tr>
    <tr width="80%">
    <td width="40%">
    <b><font face="Arial" size="2">User </font></B></td>
    <td width="40%">
    <input type="text" name="user" size="12" style="border-style: solid" value="">
    </font></b></td>
    </tr>
    <tr width="80%">
    <td width="40%">
    <b><font face="Arial" size="2">Password </font></B></td>
    <td width="40%">
    <input type="password" name="password" size="25" tabindex="20" style="border-style: solid" width="12" value="">
    </font></b></td>
    </tr>
    <tr width="80%">
    <td width="40%">
    <b><font face="Arial" size="2">Section code </font></b></td>
    <td width="40%">
    <select size="1" name="section_code" tabindex="9"
    style="border-style: solid">
    <%@ include file="section.txt" %>
    <!-- left for password -->
    1)
    <tr width="80%">
    <td width="40%">
    <b><font face="Arial" size="2">Category </font> </b></td>
    <td width="80%">
    <font face="arial" size="2"> <b>
    <input type="radio" name="Category" value="General">General
    <input type="radio" name="Category" Value="Operators">Operators
    <input type="radio" name="Category" Value="Heads">Heads<BR>
    </b> </font>
    </td>
    </tr>
    <tr width="80%">
    <td width="40%">
    <b><font face="Arial" size="2">Budget Category </font> <b> </td>
    <td width="40%">
    <font face="Arial" size="2"> <b>
    <input type="radio" name="BCategory" value="General">BGeneral
    <input type="radio" name="BCategory" Value="Operators">Operators
    <input type="radio" name="BCategory" Value="Head">Head
    </td>
    </tr>
    <tr width="80%">
    <td width="40%">
    <b><font face="Arial" size="2">Budget Heads
    </font></b></td>
    <td width="40%">
    <b><font face="Arial" size="4">
    <textarea rows="2" name="Bheads" cols="20" size="100"
    style="border-style: solid">
    </textarea></font></b></td></tr>
    <tr width="80%">
    <td width="40%">
    <b><font face="Arial" size="2">Other Category</font></b></td>
    <td width="40%">
    <b><font face="Arial" size="2">
    <select size="1" name="OtherCategory" tabindex="20" style="border-style:
    solid" size="2"><OPTION value="EH">EH
    <OPTION value="EO">EO
    <OPTION value="FH">FH
    <OPTION value="FO">FO
    <OPTION value="AO">AO
    <OPTION value="AH">AH
    </select></font></b></td>
    </tr>
    <tr width="80%">
    <td width="40%">
    <b><font face="Arial" size="2">email </font></b></td>
    <td width="40%">
    <b><font face="Arial" size="2">
    <input type="text" name="email" size="20" style="border-style:
    solid" width="6">
    </font></b></td>
    </tr>
    <tr width="80%">
    <td width="40%">
    <font face="Arial" size="2"><b>Dob </font></b></td>
    <td width="40%">
    <font face="Arial" size="2"><b>
    <select size="1" name="day" style="border-style: solid"><OPTION value="0">Day
    <% int i;
    for(i=1;i<=31;i++)
    out.print("<OPTION VALUE=\""+i+"\">"+i+"</option>");
    %>
    </select>  
    <select size="1" name="month" style="border-style: solid" ><OPTION value="0">Month
    <OPTION value="1" >January
    <OPTION value="2" >February
    <OPTION value="3" >March
    <OPTION value="4" >April
    <OPTION value="5" >May
    <OPTION value="6" >June
    <OPTION value="7" >July
    <OPTION value="8" >August
    <OPTION value="9" >September
    <OPTION value="10">October
    <OPTION value="11">November
    <OPTION value="12">December
    </select>
    <select size="1" name="year" style="border-style: solid">
    <% int j;
    for(j=1950;j<=2000;j++)
    out.print("<option value=\""+j+"\">"+j+"</option>");
    %>
    </select></b></font></td>
    </tr>
    <br> <br>
    <tr width="80%">
    <td width="40%">
    <b><font face="Arial" size="2">Date of Join
    </font></b></td>
    <td width="40%">
    <b><font face="Arial" size="2">
    <select size="1" name="day1" style="border-style: solid"><OPTION value="0">Day
    <% int k;
    for(k=1;k<=31;k++)
    out.print("<OPTION VALUE=\""+k+"\">"+k+"</option>");
    %>
    </select>
    <select size="1" name="month1" style="border-style: solid" ><OPTION value="0">Month
    <OPTION value="1" >January
    <OPTION value="2" >February
    <OPTION value="3" >March
    <OPTION value="4" >April
    <OPTION value="5" >May
    <OPTION value="6" >June
    <OPTION value="7" >July
    <OPTION value="8" >August
    <OPTION value="9" >September
    <OPTION value="10" >October
    <OPTION value="11" >November
    <OPTION value="12" >December
    </select> 
    <select size="1" name="year1" style="border-style: solid">
    <% int l;
    for(l=1950;l<=2000;l++)
    out.print("<OPTION VALUE=\""+l+"\">"+l+"</option>");
    %>
    </select>
    </b></font></td>
    </tr>
    </table>
    <table cellpadding="2" cellspacing="3" width="40%" >
    <tr width="100%">
    <td width="30%">
    <input type="Submit" value="Submit" name="B1" > </td>
    <td width="40%">
    <input type="reset" value="Reset" name="B2"></td>
    <%
    //String action=request.getParameter("Submit1");
    if(action!=null && action.equals("Submit"))
    try{
    String idcode=request.getParameter("idcode");
    String user=request.getParameter("user");
    String password=request.getParameter("password");
    String seccode=request.getParameter("section_code");
    String Category=request.getParameter("Category");
    String BCategory=request.getParameter("BCategory");
    String Bheads=request.getParameter("Bheads");
    String OtherCategory=request.getParameter("OtherCategory");
    String email=request.getParameter("email");
    String day=request.getParameter("day");
    String month=request.getParameter("month");
    String year=request.getParameter("year");
    String Dob=day+"/"+month+"/"+year;
    String day1=request.getParameter("day1");
    String month1=request.getParameter("month1");
    String year1=request.getParameter("year1");
    String Doj=day1+"/"+month1+"/"+year1;
    registerbn.setIdcode("idcode");
    registerbn.setUser("user");
    registerbn.setPasswd("password");
    registerbn.setSec_code("seccode");
    registerbn.setCategory("Category");
    registerbn.setBut_cat("BCategory");
    registerbn.setBut_heads("Bheads");
    registerbn.setOther_Category("OtherCategory");
    registerbn.setEmail("email");
    registerbn.setDob("Dob");
    registerbn.setDoj("Doj");
    registerbn.saveData();
    }catch(Exception ex)
    out.println("ERROR :has occured ");
    %>
    </table>
    </table>
    </table>
    </form>
    </td>
    </tr>
    <jsp include page="Footer.jsp" flush="true"/>
    ------------------ End of JSP Programs ----------------
    // Beans Code
    package beans;
    import java.util.*;
    import java.util.Date;
    import java.util.Vector;
    import java.sql.*;
    public class register
    private String idcode;
    private String user;
    private String passwd;
    private String sec_code;
    private Vector sec_names;
    private String category;
    private String bud_cat;
    private String bud_heads;
    private String other_category;
    private String email;
    private String dob;
    private String doj;
    private String ent_dt;
    private String act_dt;
    private String dbUrl=null;
    private String dbUser=null;
    private String dbPassword=null;
    public void setDburl(String u)
    dbUrl=u;
    public void setDbuser(String us)
    dbUser=us;
    public void setDbpasswd(String Pass)
    dbPassword=Pass;
    public String getIdcode()
    return idcode;
    public void setIdcode(String i)
    idcode=i;
    public String getUser()
    return user;
    public void setUser(String u)
    user=u;
    public String getPasswd()
    return passwd;
    public void setPasswd(String p)
    passwd=p;
    public Vector getSec_names()
    return sec_names;
    public void setSec_names()
    // This function should select valid section code from the database and then populate the sec_names vector.
    public String getSec_code()
    return sec_code;
    public void setSec_code(String s)
    sec_code=s;
    public String getCategory()
    return category;
    public void setCategory(String c)
    category=c;
    public String getBud_cat()
    return bud_cat;
    public void setBud_cat(String b)
    bud_cat=b;
    public String getBud_heads()
    return bud_heads;
    public void setBud_heads(String b)
    bud_heads=b;
    public String getOther_Category()
    return other_category;
    public void setOther_category(String o)
    other_category=o;
    public String getEmail()
    return email;
    public void setEmail(String s)
    email=s;
    public String getDob()
    return dob;
    public void setDob(String d)
    dob=d;
    public String getDoj()
    return doj;
    public void setDoj(String d)
    doj=d;
    public String getAct_dt()
    return act_dt;
    public void setAct_dt(String d)
    act_dt=d;
    public void setMembers()
    Connection conn;
    Statement stmt;
    String query="Select sec_code from web.section";
    sec_details=new Vector();
    try
    conn=DriverManager.getConnection(dbUrl, dbUser, dbPassword);
    System.out.println("connected");
    stmt=conn.createStatement();
    System.out.println("Statement Created");
    ResultSet rs=stmt.executeQuery(query);
    do
    String seccode=rs.getString(1);
    sec_details.addElement(seccode);
    }while(rs.next());
    rs.close();
    stmt.close();
    conn.close();
    }catch(SQLException e)
    System.out.println("Execution Occured" +e);
    catch(Exception e)
    System.out.println("Execution Occured" +e);
    public void saveData()
    Connection conn;
    Statement stmt;
    String id=getIdcode();
    String use=getUser();
    String pass=getPasswd();
    String mail=getEmail();
    String sec=getSec_code();
    String cat=getCategory();
    String oth=getOther_Category();
    String bud=getBud_cat();
    String dob1=getDob();
    String doj1=getDoj();
    String budh=getBud_heads();
    String query="insert into wb_register " + "(idcode, user, passwd, sec_code, category, bud_cat, bud_heads, other_category, email , dob, doj, ent_dt)" + " values('"+id+"','"+use+"','"+pass+"','"+sec+"','"+cat+"','"+bud+"','" budh"','" oth"','"+mail+"','"+dob1+"','"+doj1+"','"+"Sysdate"+"')";
    try
    conn=DriverManager.getConnection(dbUrl,dbUser,dbPassword);
    System.out.println("connected");
    stmt=conn.createStatement();
    stmt.executeUpdate(query);
    stmt.close();
    conn.close();
    catch(SQLException e)
    System.out.println("Exception occured" +e);
    catch(Exception er)
    System.out.println("Exception occured" +er);
    ------------------------End of Beans Program ---------------
    Questions:-
    1) when we are submitting values to form it is not stored into backend (Oracle 9i)
    2) please send some source code for how to fetch values from backend and wants stored into Combo box /select Box
    3) We have faced problem of How call methods of Bean program into JSP programs

    The code to get the values from the database and store them in the combo box or select box would be as follows:
    <%
    zSQL = "select id, name from Users"
    rs = Con.ExecuteQuery(zSQL);
    if(!rs.next()) {
    %>
    <select name="id">
    <option value="0">select the name</option>
    <%
    do {
    %>
    <option value="<%= rs.getString(1) %>"><%= rs.getString(2) %></option>
    <%
    while (rs.next());
    %>
    </select>
    <%
    else {
    out.println("No Record Found");
    %>
    This would help you better.
    and for your first question, please check whether u are able to connect database with your connection method. if you are able to connect to the database, then please check the values (print them on the browser) which are posted from form, if it is also correct then check you r insert statement.
    and for your last question the best tutorial is JAVA API.
    Cheers!
    Rambee

Maybe you are looking for

  • StackOverflow error while deploying application in to Wblogic 10.3

    Hi, When i deploying application in to weblogic 10.3 getting stackoverflow err, please any one could give sol. Error 500--Internal Server Error java.lang.StackOverflowError      at java.lang.AbstractStringBuilder.append(AbstractStringBuilder.java:390

  • Oracle Application server  10.1.2.0.2 Installation error

    Please I am installing OAS on a oracle linux 5 when i get to 86 % of the installation process where it shift to the link page i get an error and to continue i have to ignore several erros any idea thank you

  • Do you also get this problem too?

    I migrated from 1.0.14 to 1.1 last nite. Everything went on smoothly. Started to add the search and comment feature on my blog as well. When i upload the whole site, i hit the publishing error but it went away once i retry it. I did a quick check on

  • Video on TV has "play triangle" displayed

    Is there a way to disbale the visual "play triangle" that is displayed on screen (on an external monitor / TV).

  • Application Security Tab in Cisco 871 SDM

    Hi, in the manual of SDM v2.5, an "Application Security" is mentioned that should be in the "Firewall / ACL" section. However, my SDM interface only shows "Create Firewall" and the "Edit...." tabs. Does anyone of you know where I can find this tab?