Help with CSS Style Code

I believe there is a glitch in my style code for my webpage. When I open the page by itself it works fine but when the CSS style is added the page scrunches together. Can anyone help me determine what the problem is??

I honestly don't have much information on how I got the problem or why. But I had a test file prior to this problem which held a file with the css style intact, so I copied that css style into the other pages and it returned to how it was prior to the problem.

Similar Messages

  • Need help with a activation code for Adobe Acrobat X Standard for my PC,, Don't have older version serial numbers,  threw programs away,  only have Adobe Acrobat X Standard,  need a code to unlock program?

    Need help with a activation code for Adobe Acrobat X Standard for my PC, Don't have older Version of Adobe Acrobat 9, 8 or 7. 

    You don't need to install the older version, you only need the serial number from your original purchase. If you don't have them to hand, did you register? If so, they should be in your Adobe account. If not you really need to contact Adobe, though it isn't clear they will be able to do anything without some proof of purchase etc.

  • HT3209 Purchased DVD in US for Cdn viewing. Digital download will not work in Cda or US? please help with new Digital code that will work

    Purchased DVD in US for Cdn viewing. Digital download will not work in Cda or US? please help with new Digital code that will work

    You will need to contact the movie studio that produced the DVD and ask if they can issue you a new code valid for Canada. Apple cannot help you, and everyone here in these forums is just a fellow user.
    Regards.

  • Help with CSS Page Layout

    I guess I am "old school" in that I have always used tables
    to lay out my web pages. I decided I must learn to do it with CSS,
    but I'm having a terrible time (and it shouldn't be so hard!). I
    understand how to define the styles, add divs, etc. Here's what I'm
    having trouble with:
    How do I specify the normal page width to be 800 pixels,
    however I want it to be relative to the browser (i.e., 100% of 800
    pixels).
    I understand the "float" tag, but if I have a right-hand
    sidebar, I can't seem to get the text to the left (in a div called
    "maincontent") to stop at the sidebar and wrap to the next line. I
    tried specifying "Hidden" as my textbook suggests, but that has no
    effect.
    I can easily do all of this with tables, so do I really need
    to abandon them?
    Thanks!

    Hi Jane,
    I'll try to answer all your questions, then a tip or two to
    stop the main
    content from dropping when the browser window size is
    reduced.
    - " I didn't realize that
    margin-top: 0px;
    margin-right: auto;
    is not the same as margin: 0px auto;
    That's right.
    margin: 0px auto; is actaully saying make the top margin 0,
    the right margin
    auto, the bottom margin 0 and the left margin auto.
    It's just CSS shorthand.
    For example, you might have:
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 5px;
    margin-left:15px;
    You could just use margin: {10px 20px 5px 15px;}
    Think of a clock to remember the directions.
    12:00 top, 3:00 right, 6:00 bottom, 9:00 left.
    If any of the values are the same, you can shorten it more.
    For example, if top is 10, right is 20, bottom is 5 and left
    is 20, it's
    margin: {10px 20px 5px;}
    If the 4th location (left) is missing a value, it makes it
    the same as what
    you have for right.
    If top and bottom are 10px, and left and right are 20px,
    it's:
    margin {10px 20px;}
    If the last two positions ( bottom and left vlaues ) are
    missing, then it
    will use the top value for the bottom, and the right value
    for the left.
    What auto right and left is doing is subtracting your content
    width (the
    container width) from the browser window width, and then
    dividing the
    remainder in 2 and applying each value to each side of the
    container.
    -"I found that they all took on the font of the maincontent
    and I had to fix
    them
    individually. "
    The only text that should be Time is the text in your main
    content, where
    you have that font defined. Everything else should be Arial
    if you define
    the body as such. I'll post a link at the end of this.
    - "I put my bold sentence (Friendship, Fun, etc.) in h1, but
    I had to change
    the
    color & size, so that added another style element. "
    You don't need to give the h1 a class. You can actually just
    style the h1
    tag:
    h1 {
    margin: 10px 10px 2px;
    font-size: larger;
    color: #941238;
    You can only use h1 once on a page.
    You can use h2, h3, h4, etc, as many times as you would like,
    and you can
    style these just like the h1 style above.
    - "I don't quite understand the .rightsidebar p { and
    container p{
    I am assigning the spacing to the <p> tag? What exactly
    is that doing?"
    That is saying, give all the <p> tags inside the
    rightsidebar container the
    follwing style.
    So, in this example:
    .rightsidebar p {
    font-size: 18px;
    margin: 2px 10px;
    it's saying give all the <p> tags in this container a
    size of 18 and margin
    of 2px top and bottom, and 10px left and right.
    It's a lot easier than giving a class to every <p> tag
    - "I also don't quite understand the .clear {
    Why not just choose clear:both on the next section <div
    class="footer">"
    You could, if the footer was in the container. It just needs
    to be the final
    element before the close of a container that contains the
    float(s).
    -Do you use the <div class="container"> technique all
    the time?
    Yes, most of the time. I usually put everything in it, and
    use the
    margin:0px auto; to center it.
    That way, I don't have to try to get a number of different
    elements to align
    with the right and left sides by applying values to all of
    them, which can
    get tricky quickly.
    -"If you'll indulge me one more question, I wonder if it's
    possible to put a
    graphic (say, of a putting green) underneath my
    rightsidebar? I would want
    the sidebar to lay on top of the putting green for an
    interesting artistic
    touch.
    Yes, you can give that div a background image. You just need
    to make the div
    the same size as the image so you see it all (or vice-versa).
    Now, to make that maincontent not drop like it does you can
    remove the width
    in the CSS. Now it will expand over to the left edge of the
    rightsidebar.
    You can control how close it gets by giving the right sidebar
    a bigger left
    margin. The point is, with no width assigned, the maincontent
    will shrink
    down to the longest word in it before it drops.
    Here's what it looks like:
    http://tnsgraphics.com/test2.htm
    Let me know if you have any questions.
    Take care,
    Tim
    "janeinpa" <[email protected]> wrote in
    message
    news:[email protected]...
    > Hi, Tim...
    >
    > You have been very kind to help me learn CSS! I very
    much appreciate it
    > and
    > am really delighted to have gained a better
    understanding of this. I
    > studied
    > all your suggestions and started the page from scratch.
    Take a look here:
    >
    http://www.allisonwebcreations.com/ewga_site/good_page/indexgood.htm
    I'm
    > very
    > pleased with it. I discovered a couple of things:
    >
    > I didn't realize that
    > margin-top: 0px;
    > margin-right: auto;
    >
    > is not the same as margin: 0px auto;
    >
    > are they two different codes? Anyway, it didn't center
    until I fixed
    > that.
    >
    > I understand what you're saying about the font codes
    being redundant,
    > however
    > I found that they all took on the font of the
    maincontent and I had to fix
    > them
    > individually. This must be an error in how I'm coding
    it. Is the order
    > in
    > which I did them to blame? I put it in the order that
    I'm reading it, but
    > perhaps I should do it differently.
    >
    > I also couldn't get the footer to move left to the
    margin. I'm not sure
    > why,
    > since I think I followed all your suggestions.
    >
    > I put my bold sentence (Friendship, Fun, etc.) in h1,
    but I had to change
    > the
    > color & size, so that added another style element.
    I'm afraid that
    > probably
    > isn't correct. I also couldn't have my normal content
    text follow
    > immediately
    > on the same line. Maybe that isn't possible.
    >
    > I don't quite understand the .rightsidebar p { and
    container p{
    > I am assigning the spacing to the <p> tag? What
    exactly is that doing?
    >
    > I also don't quite understand the .clear {
    > Why not just choose clear:both on the next section
    <div class="footer"> ?
    >
    > Do you use the <div class="container"> technique
    all the time? How do you
    > decide what goes in it -- just floating items or can I
    think of it as a
    > table
    > that holds all my main blocks of info? Why not include
    the footer in it?
    >
    > If you'll indulge me one more question, I wonder if it's
    possible to put a
    > graphic (say, of a putting green) underneath my
    rightsidebar? I would
    > want the
    > sidebar to lay on top of the putting green for an
    interesting artistic
    > touch.
    >
    > Thank you, thank you, thank you again. Here are my css
    codes (which I
    > have in
    > an external file. Is it better to import or link to the
    file?)
    >
    > Have a wonderful New Year.
    >
    >
    >
    >
    >
    >
    > .body {
    > padding: 0px;
    > margin-top: 0px;
    > font-family: Arial, Helvetica, sans-serif;
    > }
    > .masthead {
    > width: 780px;
    > margin: 0px auto;
    > padding-top: 10px;
    > padding-right: 0px;
    > }
    > .maincontent {
    > background-color: #FFFFFF;
    > text-align: left;
    > width: 60%;
    > margin-top: 0px;
    > padding-top: 10px;
    > padding-right: 0px;
    > font-family: "Times New Roman", Times, serif;
    > font-size: medium;
    > color: #000000;
    > }
    > .maincontent p{
    > margin-top: 2px;
    > margin-right: 10px;
    >
    > }
    > .rightsidebar {
    > font-size: small;
    > background-color: #DEEBE4;
    > text-align: center;
    > float: right;
    > width: 250px;
    > margin-top: 10px;
    > margin-left: 20px;
    > border: thick solid #941238;
    > font-family: Arial, Helvetica, sans-serif;
    > padding: 10px;
    >
    > }
    > .leftbox {
    > font-size: small;
    > font-style: italic;
    > color: #336600;
    > background-color: #DEEBE4;
    > text-align: center;
    > clear: both;
    > width: 300px;
    > margin-top: 50px;
    > border: thin solid #941238;
    > font-family: Arial, Helvetica, sans-serif;
    > padding: 10px;
    > }
    > .footer {
    > font-size: small;
    > margin: 100px;
    > font-family: Geneva, Arial, Helvetica, sans-serif;
    > font-style: normal;
    > }
    > .container {
    > width: 90%;
    > margin: 0px auto;
    > }
    > .clear {
    > font-size: 1px;
    > line-height: 0px;
    > clear: both;
    > height: 0px;
    > }
    > .event {
    > font-size: 24px;
    > font-weight: bold;
    > color: #00493E;
    > }
    > .upcomingdate {
    > font-size: 20px;
    > color: #990134;
    > font-weight: bold;
    > font-family: Arial, Helvetica, sans-serif;
    > }
    >
    > .eventitem {
    > font-size: 18px;
    > color: #000000;
    > font-weight: bold;
    > margin: 0px;
    > }
    > .eventlink {
    > font-size: 14px;
    > font-style: italic;
    > margin: 0px;
    > }
    > .smallboxhead {
    > font-size: large;
    > color: #00493E;
    > font-style: normal;
    > font-weight: bold;
    > }
    > .companyname {
    > font-family: Verdana, Arial, Helvetica, sans-serif;
    > font-size: small;
    > font-style: italic;
    > color: 990134;
    > }
    >

  • Help with css float

    I have a layout that I need help with please. The bright green panel is going to have a Flash file inserted but I need it to sit inside the detailsWrapper div, which needs to stretch to allow this to happen. The content is being generated through php modules and the details will vary in length, so I'm having difficulty styling this. I'm sure it's something obvious but I need help please!
    Here's the link: http://www.designermagic.co.uk/hobarts/reapitDetails.php?clearcache=true&pagevars=1-bedroo m-property-for-sale-in-London-N22-hobrps-ALE090002

    Your CSS code could use some tidying up. It's kind of a mess.  See details below.
    http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww. designermagic.co.uk%2Fhobarts%2FreapitDetails.php%3Fclearcache%3Dtrue%26pagevars%3D1-bedro om-property-for-sale-in-London-N22-hobrps-ALE090002
    These statements are redundant.
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
    margin: 0;
    padding: 0;
    body {
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
    Try changing the above code to just this.  * = the universal selector.
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    outline-style:none; /**outline is not on by default so unsure why you need this**/
    More on CSS Shorthand
    http://www.dustindiaz.com/css-shorthand/
    And you have HTML code errors but the symbols in your document are blocking the validator from giving results.
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.designermagic.co.uk%2Fhobarts %2FreapitDetails.php%3Fclearcache%3Dtrue%26pagevars%3D1-bedroom-property-for-sale-in-Londo n-N22-hobrps-ALE090002
    After you fix the code errors, post back with a URL to the new page.
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

  • Help with CSS modifications...

    Hi!
    Finally got this up online for temporary testing. Here are
    the items I'd like to modify...not sure how to tweak the code/css.
    1) for starters, the links on the left hand continously move
    down when I hit return in order to add more content on the page.
    I'd like for everything in the left hand panel to be completely
    static, and so the links fit into that transparency block within
    the background image. (they are in a table now, before I had them
    outside of a table, but I had a difficulty controlling them) When
    we correct these to move up, the contact phone #, etc, will move up
    where they should be positioned as well.
    2) if you click on one of the links, the remainder of the
    links all receive the 'visited' state visual; it's reading as one
    cohesive element. That should not be, as they are independent.
    3) I'm trying to control the "join our mailing list" to move
    up into the sign up box, and in turn, this will bring up my main
    paragraph closer to the top of this cell.
    As you will see, I'm attempting to control this with CSS as
    much as I can.
    Thank you for your help; I really appreciate it!
    www.fasttag.com/prestige-lane-testing-phase

    > 1) for starters, the links on the left hand continously
    move down when I
    > hit
    > return in order to add more content on the page. I'd
    like for everything
    > in the
    > left hand panel to be completely static, and so the
    links fit into that
    > transparency block within the background image. (they
    are in a table now,
    > before I had them outside of a table, but I had a
    difficulty controlling
    > them)
    > When we correct these to move up, the contact phone #,
    etc, will move up
    > where
    > they should be positioned as well.
    They are moving because a) they are in a table that is nested
    in a table
    cell, b) the table cell in which that table is nested has no
    vertical
    alignment specified, c) with no vertical alignment specified,
    you get the
    default, which is MIDDLE, and d) as the outer table grows in
    height, the
    middle point of the cell in which the navigation table is
    nested also
    migrates lower.
    The solution is to assign the CSS style vertical-align:top to
    td.navlinks.
    > 2) if you click on one of the links, the remainder of
    the links all
    > receive
    > the 'visited' state visual; it's reading as one cohesive
    element. That
    > should
    > not be, as they are independent.
    This is because they are all linking to the same target.
    Visit one, and all
    become visited.
    <tr>
    <td><a href="
    http://www.fasttag.com">FastTag</a></td>
    </tr>
    <tr>
    <td><a href="
    http://www.fasttag.com">Greenlight
    Keycard</a></td>
    </tr>
    <tr>
    <td><a href="
    http://www.fasttag.com">Pocket
    Concierge</a></td>
    </tr>
    <tr>
    <td><a href="
    http://www.fasttag.com">Other
    Hotel Products</a></td>
    > 3) I'm trying to control the "join our mailing list" to
    move up into the
    > sign
    > up box, and in turn, this will bring up my main
    paragraph closer to the
    > top of
    > this cell.
    The " " is not a layout tool. Don't use it as if it
    were -
    <h1
    class="signup">    SIGN
    UP!</h1>
    If you want that content spaced over from the left, use a
    padding-left style
    on the .signup class.
    Do not use background-attachment on that <h1> -
    .signup {
    height: 50px;
    width: 99px;
    border: 1px solid #C5C19D;
    margin-top: 20px;
    margin-left: 420px;
    margin-right: 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #591F00;
    font-size: 13px;
    background-image: url(images/signup-gradient.jpg);
    background-repeat: repeat-y;
    background-position: 10px;
    background-attachment: fixed;
    Replace your markup for that <h1> and <td> with
    this -
    <td width="546" height="261" valign="top"><h1
    class="signup"
    style="padding-left:10px;width:89px;">SIGN UP!<br>
    <span class="joinmailinglist"
    style="margin-left:0;">Join our
    <br>mailing list</span></h1>
    Finally, validate your page, and fix the errors. You have
    table heights,
    for example....
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "r_tist" <[email protected]> wrote in
    message
    news:[email protected]...
    > Hi!
    >
    > Finally got this up online for temporary testing. Here
    are the items I'd
    > like
    > to modify...not sure how to tweak the code/css.
    >
    > 1) for starters, the links on the left hand continously
    move down when I
    > hit
    > return in order to add more content on the page. I'd
    like for everything
    > in the
    > left hand panel to be completely static, and so the
    links fit into that
    > transparency block within the background image. (they
    are in a table now,
    > before I had them outside of a table, but I had a
    difficulty controlling
    > them)
    > When we correct these to move up, the contact phone #,
    etc, will move up
    > where
    > they should be positioned as well.
    >
    > 2) if you click on one of the links, the remainder of
    the links all
    > receive
    > the 'visited' state visual; it's reading as one cohesive
    element. That
    > should
    > not be, as they are independent.
    >
    > 3) I'm trying to control the "join our mailing list" to
    move up into the
    > sign
    > up box, and in turn, this will bring up my main
    paragraph closer to the
    > top of
    > this cell.
    >
    > As you will see, I'm attempting to control this with CSS
    as much as I can.
    >
    > Thank you for your help; I really appreciate it!
    > www.fasttag.com/prestige-lane-testing-phase
    >
    >
    >

  • Help with CSS & Firefox

    Could anyone help with the query below. I posted this last
    friday but never
    got a reply. The original message that i posted is also
    below. It might be
    easier to read from the bottom up.
    Thanks
    James
    ----------------------------------->
    Thanks for your reply.
    I've changed my code as you suggested & now the content
    div is coming about
    half way down the page- so were getting somewhere. There are
    floated
    elements so I have added the 'clearthefloats' div. There are
    no absolutely
    positioned elements, but I tried making the content div
    position:relative
    anyway but it had no effect.
    I also added some text into the 'clearthefloats' div so i
    could see where it
    was on the page & it is halfway down the page itself,
    even though it is
    below the other elements in the page.
    Thanks,
    James
    "typist" <[email protected]> wrote in
    message
    news:[email protected]...
    > How are you positioning what is inside your contentdiv?
    Are the elements
    > floated?
    > IE will surround your floated elements, Firefox will not
    unless you put a
    > non-floated element after the floated ones, and clear
    it.
    >
    > <div class="clearthefloats"> <!--
    --></div> (I just put a comment in to
    > hold
    > the div)
    >
    > div.clearthefloats {clear:both:} (look up "Stylin' with
    CSS" by Charles
    > Wyke-Smith for more)
    >
    > But if you are putting absolutely positioned elements
    into your div, then
    > you
    > need to make your content div position:relative. This
    will make the
    > elements
    > position in the context of the content div instead of
    the body.
    >
    ORIGINAL MESSAGE:
    >>Hi,
    >>I've got a page with css controlled div's. One of
    them ('content') not
    >>very
    >>surprisingly contains all the page elements. For some
    reason though, when
    >>viewed in firefox the content div does not wrap round
    it's contents (the
    >>bg
    >>of the page has a light purple color and the content
    div is white). There
    >>is
    >>just a thin strip of white at the top where it
    begins. It looks fine in
    >>ie.
    >>Here's the code for the content div:
    >>#content {width:760px;
    >> margin:0px auto;
    >> background-image:url(images/logostrip.jpg);
    >> background-position:top;
    >> background-repeat:no-repeat;
    >> background-color:#FFFFFF;
    >> padding-bottom:10px }
    >>I have tried defining the height, which works in
    firefox, but then in ie
    >>there is about 100px space at the bottom of the
    content div. For some
    >>reason
    >>1000px in firefox is shorter than 1000px in ie???
    >>Is there anything i am missing?
    >>Thanks,
    >>James

    Yes I have tried setting the height. It should wrap round the
    whole page
    content not just the graphic. I tried setting the height till
    it looked
    right in firefox but then in ie there was about 150px extra
    at the bottom.
    (this was on another page which is a lot longer). Plus if i
    set the height
    to be right on the homepage, the other pages will be wrong. I
    would have to
    use seperate style sheets, or give the div's different id's.
    Surely there is a way to get the div that all the contents
    are in, to simply
    wrap round them.
    Thanks
    "Nadia : **AdobeCommunityExpert**"
    <[email protected]> wrote
    in message news:[email protected]...
    > Setting a height of 306px on that container, revealed
    the whole graphic as
    > per the visual in IE.
    > I did this using the FFox edit CSS tool - but it should
    work.
    >
    > --
    > Nadia
    > Adobe� Community Expert : Dreamweaver
    > --------------------------------------------
    >
    http://www.csstemplates.com.au
    - CSS Templates | Free Templates
    > --------------------------------------------
    >
    http://www.perrelink.com.au
    - Web Dev
    >
    http://www.DreamweaverResources.com
    - Dropdown Menu Templates|Tutorials
    >
    http://www.adobe.com/devnet/dreamweaver/css.html
    > -------------------------------------------------
    > "Nadia : **AdobeCommunityExpert**"
    <[email protected]>
    > wrote in message
    news:[email protected]...
    >> Is that the graphics in the #container?
    >> Have you tried setting a height on that container to
    the height of your
    >> header image?
    >>
    >> --
    >> Nadia
    >> Adobe� Community Expert : Dreamweaver
    >> --------------------------------------------
    >>
    http://www.csstemplates.com.au
    - CSS Templates | Free Templates
    >> --------------------------------------------
    >>
    http://www.perrelink.com.au
    - Web Dev
    >>
    http://www.DreamweaverResources.com
    - Dropdown Menu Templates|Tutorials
    >>
    http://www.adobe.com/devnet/dreamweaver/css.html
    >> -------------------------------------------------
    >> "James D" <[email protected]> wrote
    in message
    >> news:[email protected]...
    >>> Ok,
    >>>
    >>> please visit
    http://www.beta-design.co.uk/ivesys_home_white/home.html
    to
    >>> see
    >>> the page.
    >>>
    >>> If you view it in Firefox you will see a thin
    white strip at the top.
    >>> This
    >>> should wrap round the page contents. It works in
    IE. If you cannot
    >>> access
    >>> the css which is in an external file then please
    repost and i will paste
    >>> it
    >>> all into a reply.
    >>>
    >>> Thanks
    >>>
    >>>
    >>>
    >>>
    >>>
    >>> "Osgood" <[email protected]>
    wrote in message
    >>> news:[email protected]...
    >>>> James D wrote:
    >>>>
    >>>>> Could anyone help with the query below.
    I posted this last friday but
    >>>>> never
    >>>>> got a reply. The original message that i
    posted is also below. It
    >>>>> might be
    >>>>> easier to read from the bottom up.
    >>>>
    >>>> Its better to link to the complete page
    rather than just supplying half
    >>>> the story. If you do that its going to be
    easier to identify the issue.
    >>>> With the little information you have
    supplied its not going to be
    >>>> possible.
    >>>>
    >>>
    >>>
    >>
    >>
    >
    >

  • Problem with Css styles not showing in live view or when i browse

    I am using Mac osx 10.6 and building website with Dreamweaver CS5.  Sometimes div tags i create not showing styles or rendering in live view or when I browse but  showing in design view. I looked in dreamwever faq and they talk about not showing in design view to toggle the display styles. That is not the problem becuase it is check marked and I tried turning off and turning on and made no difference.I am using firefox browser.
    It happened before the other day too. But all of my other pages in this site that i have created the same way building with div tags and css styles. So not sure what the problem is. Maybe someone has a suggestion here.
    Johanna

    <!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=UTF-8" />
    <title>Portfolio</title>
    <style type="text/css"></style>
    <link href="css/jbstyles.css" rel="stylesheet" type="text/css" />
    <style type="text/css"></style>
    </head>
    <body>
    <div id="wrapper">
      <div id="mainnav">
        <div id="navbar">
          <ul>
            <li><a href="index.html"><br />
            </a></li>
    <li>
              <ul>
                <li><a href="index.html">          Home</a><a href="about.html">About</a></li>
                <li><a href="portfolio.html">Portfolio</a><a href="contact.html">Contact</a></li>
              </ul>
            </li>
          </ul>
      </div>
        <div id="contentinside">
          <div id="navbar2">
            <ul>
              <li><a href="design.html">Design</a></li>
              <li><a href="multimedia.html">Multimedia</a></li>
              <li><a href="webdesign.html">Web Design</a></li>
            </ul>
          </div>
          <div id="mm1thumb">Content for  id "mm1thumb" Goes Here</div>
          <div id="mm2thumb">Content for  id "mm2thumb" Goes Here</div>
        </div>
        <img src="images/multimsidebar.gif" width="212" height="615" alt="mmsdbr" longdesc="http://multimsidebar" />
      <div id="footer">
        <p> </p>
        <p>Johanna Bresnahan</p>
        <p>Web &amp; Graphic Design - http://www.johannabresnahan.com</p>
        <p> email: [email protected] ....phone....857•991•5717<br />
      </p>
    </div>
    </div>
    <!--end wrapper--></div>
    </body>
    </html> 
    Here is the html code above. not sure how to attach my file so get a visual. This is the first time I have used this forum.
    Johanna

  • Jquery slider problems need help with css part

    I am building a website with the jquery slider and for some reason it is entering the amount of pics in the slider below the slider and I can't figure out how to get rid of it. It appears in Live Mode and when you view in in any browser. Here is the code that I have been using.
    Thanks,
    Dan
    HTML Source Code:
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <link rel="stylesheet" href="css/style.css" media="all" type="text/css">
    <script src="js/modernizr.js"></script>
    <!-- jQuery -->
    <script src="js/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script>
    <!-- FlexSlider -->
    <script defer src="js/jquery.flexslider.js"></script>
    <script type="text/javascript">
        $(function(){
          SyntaxHighlighter.all();
        $(window).load(function(){
          $('.flexslider').flexslider({
            animation: "slide",
            start: function(slider){
              $('body').removeClass('loading');
    </script>
    </head>
    <body>
    <section class="slider">
        <div class="flexslider">
            <div class="flex-viewport" style="overflow: hidden; position: relative;">
                <ul class="slides" style="width: 1200%; -webkit-transition: 0.6s; transition: 0.6s; -webkit-transform: translate3d(-5032px, 0, 0);">
                    <li class="clone" style="width: 1258px; float: left; display: block;">
                          <img src="images/1.jpg">
                      </li>
                       <li style="width: 1258px; float: left; display: block;" class="">
                          <img src="images/2.jpg">
                      </li>
                      <li class="" style="width: 1258px; float: left; display: block;">
                          <img src="images/3.jpg">
                      </li>
                      <li class="" style="width: 1258px; float: left; display: block;">
                             <img src="images/1.jpg">
                      </li>
                      <li style="width: 1258px; float: left; display: block;" class="flex-active-slide">
                          <img src="images/2.jpg">
                      </li>
                      <li style="width: 1258px; float: left; display: block;" class="clone">
                          <img src="images/3.jpg">
                      </li></ul></div>
             </div>
          </section>
    </body>
    </html>
    CSS Style:
    /*slider*/
    /* Browser Resets */
    .flex-container a:active,
    .flexslider a:active,
    .flex-container a:focus,
    .flexslider a:focus  {outline: none;}
    .slides,
    .flex-control-nav,
    .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
    /* FlexSlider Necessary Styles
    .flexslider {margin: 0; padding: 0;}
    .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides img {width: 100%; display: block;}
    .flex-pauseplay span {text-transform: capitalize;}
    /* Clearfix for the .slides element */
    .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
    html[xmlns] .slides {display: block;}
    * html .slides {height: 1%;}
    /* No JavaScript Fallback */
    /* If you are not using another script, such as Modernizr, make sure you
    * include js that eliminates this class on page load */
    .no-js .slides > li:first-child {display: block;}
    /* FlexSlider Default Theme
    .flexslider {margin: 0 0 0px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
    .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
    .loading .flex-viewport {max-height: 300px;}
    .flexslider .slides {zoom: 1;}
    .carousel li {margin-right: 5px}
    Modernizr.js:
    /* Modernizr 2.0.6 (Custom Build) | MIT & BSD */
    ;window.Modernizr=function(a,b,c){function D(a,b){var c=a.charAt(0).toUpperCase()+a.substr(1),d=(a+" "+o.join(c+" ")+c).split(" ");return C(d,b)}function C(a,b){for(var d in a)if(k[a[d]]!==c)return b=="pfx"?a[d]:!0;return!1}function B(a,b){return!!~(""+a).indexOf(b)}function A(a,b){return typeof a===b}function z(a,b){return y(n.join(a+";")+(b||""))}function y(a){k.cssText=a}var d="2.0.6",e={},f=!0,g=b.documentElement,h=b.head||b.getElementsByTagName("head")[0],i="mo dernizr",j=b.createElement(i),k=j.style,l,m=Object.prototype.toString,n=" -webkit- -moz- -o- -ms- -khtml- ".split(" "),o="Webkit Moz O ms Khtml".split(" "),p={},q={},r={},s=[],t=function(a,c,d,e){var f,h,j,k=b.createElement("div");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id= e?e[d]:i+(d+1),k.appendChild(j);f=["&shy;","<style>",a,"</style>"].join(""),k.id=i,k.inner HTML+=f,g.appendChild(k),h=c(k,a),k.parentNode.removeChild(k);return!!h},u=function(b){if( a.matchMedia)return matchMedia(b).matches;var c;t("@media "+b+" { #"+i+" { position: absolute; } }",function(b){c=(a.getComputedStyle?getComputedStyle(b,null):b.currentStyle).position==" absolute"});return c},v,w={}.hasOwnProperty,x;!A(w,c)&&!A(w.call,c)?x=function(a,b){return w.call(a,b)}:x=function(a,b){return b in a&&A(a.constructor.prototype[b],c)},p.rgba=function(){y("background-color:rgba(150,255,15 0,.5)");return B(k.backgroundColor,"rgba")},p.boxshadow=function(){return D("boxShadow")},p.csstransitions=function(){return D("transitionProperty")};for(var E in p)x(p,E)&&(v=E.toLowerCase(),e[v]=p[E](),s.push((e[v]?"":"no-")+v));e.addTest=function(a, b){if(typeof a=="object")for(var d in a)x(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return;b=typeof b=="boolean"?b:!!b(),g.className+=" "+(b?"":"no-")+a,e[a]=b}return e},y(""),j=l=null,a.attachEvent&&function(){var a=b.createElement("div");a.innerHTML="<elem></elem>";return a.childNodes.length!==1}()&&function(a,b){function s(a){var b=-1;while(++b<g)a.createElement(f[b])}a.iepp=a.iepp||{};var d=a.iepp,e=d.html5elements||"abbr|article|aside|audio|canvas|datalist|details|figcaption| figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",f=e .split("|"),g=f.length,h=new RegExp("(^|\\s)("+e+")","gi"),i=new RegExp("<(/*)("+e+")","gi"),j=/^\s*[\{\}]\s*$/,k=new RegExp("(^|[^\\n]*?\\s)("+e+")([^\\n]*)({[\\n\\w\\W]*?})","gi"),l=b.createDocumentFragmen t(),m=b.documentElement,n=m.firstChild,o=b.createElement("body"),p=b.createElement("style" ),q=/print|all/,r;d.getCSS=function(a,b){if(a+""===c)return"";var e=-1,f=a.length,g,h=[];while(++e<f){g=a[e];if(g.disabled)continue;b=g.media||b,q.test(b)& &h.push(d.getCSS(g.imports,b),g.cssText),b="all"}return h.join("")},d.parseCSS=function(a){var b=[],c;while((c=k.exec(a))!=null)b.push(((j.exec(c[1])?"\n":c[1])+c[2]+c[3]).replace(h,"$ 1.iepp_$2")+c[4]);return b.join("\n")},d.writeHTML=function(){var a=-1;r=r||b.body;while(++a<g){var c=b.getElementsByTagName(f[a]),d=c.length,e=-1;while(++e<d)c[e].className.indexOf("iepp_" )<0&&(c[e].className+=" iepp_"+f[a])}l.appendChild(r),m.appendChild(o),o.className=r.className,o.id=r.id,o.innerH TML=r.innerHTML.replace(i,"<$1font")},d._beforePrint=function(){p.styleSheet.cssText=d.par seCSS(d.getCSS(b.styleSheets,"all")),d.writeHTML()},d.restoreHTML=function(){o.innerHTML=" ",m.removeChild(o),m.appendChild(r)},d._afterPrint=function(){d.restoreHTML(),p.styleSheet .cssText=""},s(b),s(l);d.disablePP||(n.insertBefore(p,n.firstChild),p.media="print",p.clas sName="iepp-printshim",a.attachEvent("onbeforeprint",d._beforePrint),a.attachEvent("onafte rprint",d._afterPrint))}(a,b),e._version=d,e._prefixes=n,e._domPrefixes=o,e.mq=u,e.testPro p=function(a){return C([a])},e.testAllProps=D,e.testStyles=t,g.className=g.className.replace(/\bno-js\b/,"")+( f?" js "+s.join(" "):"");return e}(this,this.document),function(a,b){function u(){r(!0)}a.respond={},respond.update=function(){},respond.mediaQueriesSupported=b;if(!b) {var c=a.document,d=c.documentElement,e=[],f=[],g=[],h={},i=30,j=c.getElementsByTagName("head" )[0]||d,k=j.getElementsByTagName("link"),l=[],m=function(){var b=k,c=b.length,d=0,e,f,g,i;for(;d<c;d++)e=b[d],f=e.href,g=e.media,i=e.rel&&e.rel.toLowerC ase()==="stylesheet",!!f&&i&&!h[f]&&(!/^([a-zA-Z]+?:(\/\/)?(www\.)?)/.test(f)||f.replace(R egExp.$1,"").split("/")[0]===a.location.host?l.push({href:f,media:g}):h[f]=!0);n()},n=func tion(){if(l.length){var a=l.shift();s(a.href,function(b){o(b,a.href,a.media),h[a.href]=!0,n()})}},o=function(a,b, c){var d=a.match(/@media[^\{]+\{([^\{\}]+\{[^\}\{]+\})+/gi),g=d&&d.length||0,b=b.substring(0,b.l astIndexOf("/")),h=function(a){return a.replace(/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,"$1"+b+"$2$3")},i=!g&&c,j=0,k,l,m, n,o;b.length&&(b+="/"),i&&(g=1);for(;j<g;j++){k=0,i?(l=c,f.push(h(a))):(l=d[j].match(/@med ia ([^\{]+)\{([\S\s]+?)$/)&&RegExp.$1,f.push(RegExp.$2&&h(RegExp.$2))),n=l.split(","),o=n.le ngth;for(;k<o;k++)m=n[k],e.push({media:m.match(/(only\s+)?([a-zA-Z]+)(\sand)?/)&&RegExp.$2 ,rules:f.length-1,minw:m.match(/\(min\-width:[\s]*([\s]*[0-9]+)px[\s]*\)/)&&parseFloat(Reg Exp.$1),maxw:m.match(/\(max\-width:[\s]*([\s]*[0-9]+)px[\s]*\)/)&&parseFloat(RegExp.$1)})} r()},p,q,r=function(a){var b="clientWidth",h=d[b],l=c.compatMode==="CSS1Compat"&&h||c.body[b]||h,m={},n=c.createDocu mentFragment(),o=k[k.length-1],s=(new Date).getTime();if(a&&p&&s-p<i)clearTimeout(q),q=setTimeout(r,i);else{p=s;for(var t in e){var u=e[t];if(!u.minw&&!u.maxw||(!u.minw||u.minw&&l>=u.minw)&&(!u.maxw||u.maxw&&l<=u.maxw))m[ u.media]||(m[u.media]=[]),m[u.media].push(f[u.rules])}for(var t in g)g[t]&&g[t].parentNode===j&&j.removeChild(g[t]);for(var t in m){var v=c.createElement("style"),w=m[t].join("\n");v.type="text/css",v.media=t,v.styleSheet?v.s tyleSheet.cssText=w:v.appendChild(c.createTextNode(w)),n.appendChild(v),g.push(v)}j.insert Before(n,o.nextSibling)}},s=function(a,b){var c=t();if(!!c){c.open("GET",a,!0),c.onreadystatechange=function(){c.readyState==4&&(c.stat us==200||c.status==304)&&b(c.responseText)};if(c.readyState==4)return;c.send()}},t=functio n(){var a=!1,b=[function(){return new ActiveXObject("Microsoft.XMLHTTP")},function(){return new XMLHttpRequest}],c=b.length;while(c--){try{a=b[c]()}catch(d){continue}break}return function(){return a}}();m(),respond.update=m,a.addEventListener?a.addEventListener("resize",u,!1):a.attachE vent&&a.attachEvent("onresize",u)}}(this,Modernizr.mq("only all")),function(a,b,c){function k(a){return!a||a=="loaded"||a=="complete"}function j(){var a=1,b=-1;while(p.length- ++b)if(p[b].s&&!(a=p[b].r))break;a&&g()}function i(a){var c=b.createElement("script"),d;c.src=a.s,c.onreadystatechange=c.onload=function(){!d&&k(c. readyState)&&(d=1,j(),c.onload=c.onreadystatechange=null)},m(function(){d||(d=1,j())},H.er rorTimeout),a.e?c.onload():n.parentNode.insertBefore(c,n)}function h(a){var c=b.createElement("link"),d;c.href=a.s,c.rel="stylesheet",c.type="text/css";if(!a.e&&(w|| r)){var e=function(a){m(function(){if(!d)try{a.sheet.cssRules.length?(d=1,j()):e(a)}catch(b){b.co de==1e3||b.message=="security"||b.message=="denied"?(d=1,m(function(){j()},0)):e(a)}},0)}; e(c)}else c.onload=function(){d||(d=1,m(function(){j()},0))},a.e&&c.onload();m(function(){d||(d=1,j ())},H.errorTimeout),!a.e&&n.parentNode.insertBefore(c,n)}function g(){var a=p.shift();q=1,a?a.t?m(function(){a.t=="c"?h(a):i(a)},0):(a(),j()):q=0}function f(a,c,d,e,f,h){function i(){!o&&k(l.readyState)&&(r.r=o=1,!q&&j(),l.onload=l.onreadystatechange=null,m(function() {u.removeChild(l)},0))}var l=b.createElement(a),o=0,r={t:d,s:c,e:h};l.src=l.data=c,!s&&(l.style.display="none"),l.wi dth=l.height="0",a!="object"&&(l.type=d),l.onload=l.onreadystatechange=i,a=="img"?l.onerro r=i:a=="script"&&(l.onerror=function(){r.e=r.r=1,g()}),p.splice(e,0,r),u.insertBefore(l,s? null:n),m(function(){o||(u.removeChild(l),r.r=r.e=o=1,j())},H.errorTimeout)}function e(a,b,c){var d=b=="c"?z:y;q=0,b=b||"j",C(a)?f(d,a,b,this.i++,l,c):(p.splice(this.i++,0,a),p.length==1& &g());return this}function d(){var a=H;a.loader={load:e,i:0};return a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p= [],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=r&&!s,u=s?l:n.parentNode,v=a.opera&&o.call(a .opera)=="[object Opera]",w="webkitAppearance"in l.style,x=w&&"async"in b.createElement("script"),y=r?"object":v||x?"img":"script",z=w?"img":y,A=Array.isArray||f unction(a){return o.call(a)=="[object Array]"},B=function(a){return Object(a)===a},C=function(a){return typeof a=="string"},D=function(a){return o.call(a)=="[object Function]"},E=[],F={},G,H;H=function(a){function f(a){var b=a.split("!"),c=E.length,d=b.pop(),e=b.length,f={url:d,origUrl:d,prefixes:b},g,h;for(h=0 ;h<e;h++)g=F[b[h]],g&&(f=g(f));for(h=0;h<c;h++)f=E[h](f);return f}function e(a,b,e,g,h){var i=f(a),j=i.autoCallback;if(!i.bypass){b&&(b=D(b)?b:b[a]||b[g]||b[a.split("/").pop().split ("?")[0]]);if(i.instead)return i.instead(a,b,e,g,h);e.load(i.url,i.forceCSS||!i.forceJS&&/css$/.test(i.url)?"c":c,i.noex ec),(D(b)||D(j))&&e.load(function(){d(),b&&b(i.origUrl,h,g),j&&j(i.origUrl,h,g)})}}functio n b(a,b){function c(a){if(C(a))e(a,h,b,0,d);else if(B(a))for(i in a)a.hasOwnProperty(i)&&e(a[i],h,b,i,d)}var d=!!a.test,f=d?a.yep:a.nope,g=a.load||a.both,h=a.callback,i;c(f),c(g),a.complete&&b.load( a.complete)}var g,h,i=this.yepnope.loader;if(C(a))e(a,0,i,0);else if(A(a))for(g=0;g<a.length;g++)h=a[g],C(h)?e(h,0,i,0):A(h)?H(h):B(h)&&b(h,i);else B(a)&&b(a,i)},H.addPrefix=function(a,b){F[a]=b},H.addFilter=function(a){E.push(a)},H.erro rTimeout=1e4,b.readyState==null&&b.addEventListener&&(b.readyState="loading",b.addEventLis tener("DOMContentLoaded",G=function(){b.removeEventListener("DOMContentLoaded",G,0),b.read yState="complete"},0)),a.yepnope=d()}(this,this.document),Modernizr.load=function(){yepnop e.apply(window,[].slice.call(arguments,0))};
    jquery.min.js:
    /*! jQuery v1.9.1 | (c) 2005, 2012 jQuery Foundation, Inc. | jquery.org/license
    //@ sourceMappingURL=jquery.min.map
    */(function(e,t){var n,r,i=typeof t,o=e.document,a=e.location,s=e.jQuery,u=e.$,l={},c=[],p="1.9.1",f=c.concat,d=c.push,h=c. slice,g=c.indexOf,m=l.toString,y=l.hasOwnProperty,v=p.trim,b=function(e,t){return new b.fn.init(e,t,r)},x=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,w=/\S+/g,T=/^[\s\uFEFF\x A0]+|[\s\uFEFF\xA0]+$/g,N=/^(?:(<[\w\W]+>)[^>]*|#([\w-]*))$/,C=/^<(\w+)\s*\/?>(?:<\/\1>|)$ /,k=/^[\],:{}\s]*$/,E=/(?:^|:|,)(?:\s*\[)+/g,S=/\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,A=/"[^ "\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g,j=/^-ms-/,D=/-([\da-z])/gi,L =function(e,t){return t.toUpperCase()},H=function(e){(o.addEventListener||"load"===e.type||"complete"===o.ready State)&&(q(),b.ready())},q=function(){o.addEventListener?(o.removeEventListener("DOMConten tLoaded",H,!1),e.removeEventListener("load",H,!1)):(o.detachEvent("onreadystatechange",H), e.detachEvent("onload",H))};b.fn=b.prototype={jquery:p,constructor:b,init:function(e,n,r){ var i,a;if(!e)return this;if("string"==typeof e){if(i="<"===e.charAt(0)&&">"===e.charAt(e.length-1)&&e.length>=3?[null,e,null]:N.exec(e ),!i||!i[1]&&n)return!n||n.jquery?(n||r).find(e):this.constructor(n).find(e);if(i[1]){if(n =n instanceof b?n[0]:n,b.merge(this,b.parseHTML(i[1],n&&n.nodeType?n.ownerDocument||n:o,!0)),C.test(i[1 ])&&b.isPlainObject(n))for(i in n)b.isFunction(this[i])?this[i](n[i]):this.attr(i,n[i]);return this}if(a=o.getElementById(i[2]),a&&a.parentNode){if(a.id!==i[2])return r.find(e);this.length=1,this[0]=a}return this.context=o,this.selector=e,this}return e.nodeType?(this.context=this[0]=e,this.length=1,this):b.isFunction(e)?r.ready(e):(e.sele ctor!==t&&(this.selector=e.selector,this.context=e.context),b.makeArray(e,this))},selector :"",length:0,size:function(){return this.length},toArray:function(){return h.call(this)},get:function(e){return null==e?this.toArray():0>e?this[this.length+e]:this[e]},pushStack:function(e){var t=b.merge(this.constructor(),e);return t.prevObject=this,t.context=this.context,t},each:function(e,t){return b.each(this,e,t)},ready:function(e){return b.ready.promise().done(e),this},slice:function(){return this.pushStack(h.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(0>e?t:0);return this.pushStack(n>=0&&t>n?[this[n]]:[])},map:function(e){return this.pushStack(b.map(this,function(t,n){return e.call(t,n,t)}))},end:function(){return this.prevObject||this.constructor(null)},push:d,sort:[].sort,splice:[].splice},b.fn.init. prototype=b.fn,b.extend=b.fn.extend=function(){var e,n,r,i,o,a,s=arguments[0]||{},u=1,l=arguments.length,c=!1;for("boolean"==typeof s&&(c=s,s=arguments[1]||{},u=2),"object"==typeof s||b.isFunction(s)||(s={}),l===u&&(s=this,--u);l>u;u++)if(null!=(o=arguments[u]))for(i in o)e=s[i],r=o[i],s!==r&&(c&&r&&(b.isPlainObject(r)||(n=b.isArray(r)))?(n?(n=!1,a=e&&b.isAr ray(e)?e:[]):a=e&&b.isPlainObject(e)?e:{},s[i]=b.extend(c,a,r)):r!==t&&(s[i]=r));return s},b.extend({noConflict:function(t){return e.$===b&&(e.$=u),t&&e.jQuery===b&&(e.jQuery=s),b},isReady:!1,readyWait:1,holdReady:functi on(e){e?b.readyWait++:b.ready(!0)},ready:function(e){if(e===!0?!--b.readyWait:!b.isReady){ if(!o.body)return setTimeout(b.ready);b.isReady=!0,e!==!0&&--b.readyWait>0||(n.resolveWith(o,[b]),b.fn.trig ger&&b(o).trigger("ready").off("ready"))}},isFunction:function(e){return"function"===b.typ e(e)},isArray:Array.isArray||function(e){return"array"===b.type(e)},isWindow:function(e){r eturn null!=e&&e==e.window},isNumeric:function(e){return!isNaN(parseFloat(e))&&isFinite(e)},typ e:function(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?l[m.call(e)]||"object":typeof e},isPlainObject:function(e){if(!e||"object"!==b.type(e)||e.nodeType||b.isWindow(e))retur n!1;try{if(e.constructor&&!y.call(e,"constructor")&&!y.call(e.constructor.prototype,"isPro totypeOf"))return!1}catch(n){return!1}var r;for(r in e);return r===t||y.call(e,r)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},error:function(e){throw Error(e)},parseHTML:function(e,t,n){if(!e||"string"!=typeof e)return null;"boolean"==typeof t&&(n=t,t=!1),t=t||o;var r=C.exec(e),i=!n&&[];return r?[t.createElement(r[1])]:(r=b.buildFragment([e],t,i),i&&b(i).remove(),b.merge([],r.child Nodes))},parseJSON:function(n){return e.JSON&&e.JSON.parse?e.JSON.parse(n):null===n?n:"string"==typeof n&&(n=b.trim(n),n&&k.test(n.replace(S,"@").replace(A,"]").replace(E,"")))?Function("retur n "+n)():(b.error("Invalid JSON: "+n),t)},parseXML:function(n){var r,i;if(!n||"string"!=typeof n)return null;try{e.DOMParser?(i=new DOMParser,r=i.parseFromString(n,"text/xml")):(r=new ActiveXObject("Microsoft.XMLDOM"),r.async="false",r.loadXML(n))}catch(o){r=t}return r&&r.documentElement&&!r.getElementsByTagName("parsererror").length||b.error("Invalid XML: "+n),r},noop:function(){},globalEval:function(t){t&&b.trim(t)&&(e.execScript||function(t) {e.eval.call(e,t)})(t)},camelCase:function(e){return e.replace(j,"ms-").replace(D,L)},nodeName:function(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()},each:function(e,t,n){var r,i=0,o=e.length,a=M(e);if(n){if(a){for(;o>i;i++)if(r=t.apply(e[i],n),r===!1)break}else for(i in e)if(r=t.apply(e[i],n),r===!1)break}else if(a){for(;o>i;i++)if(r=t.call(e[i],i,e[i]),r===!1)break}else for(i in e)if(r=t.call(e[i],i,e[i]),r===!1)break;return e},trim:v&&!v.call("\ufeff\u00a0")?function(e){return null==e?"":v.call(e)}:function(e){return null==e?"":(e+"").replace(T,"")},makeArray:function(e,t){var n=t||[];return null!=e&&(M(Object(e))?b.merge(n,"string"==typeof e?[e]:e):d.call(n,e)),n},inArray:function(e,t,n){var r;if(t){if(g)return g.call(t,e,n);for(r=t.length,n=n?0>n?Math.max(0,r+n):n:0;r>n;n++)if(n in t&&t[n]===e)return n}return-1},merge:function(e,n){var r=n.length,i=e.length,o=0;if("number"==typeof r)for(;r>o;o++)e[i++]=n[o];else while(n[o]!==t)e[i++]=n[o++];return e.length=i,e},grep:function(e,t,n){var r,i=[],o=0,a=e.length;for(n=!!n;a>o;o++)r=!!t(e[o],o),n!==r&&i.push(e[o]);return i},map:function(e,t,n){var r,i=0,o=e.length,a=M(e),s=[];if(a)for(;o>i;i++)r=t(e[i],i,n),null!=r&&(s[s.length]=r);els e for(i in e)r=t(e[i],i,n),null!=r&&(s[s.length]=r);return f.apply([],s)},guid:1,proxy:function(e,n){var r,i,o;return"string"==typeof n&&(o=e[n],n=e,e=o),b.isFunction(e)?(r=h.call(arguments,2),i=function(){return e.apply(n||this,r.concat(h.call(arguments)))},i.guid=e.guid=e.guid||b.guid++,i):t},access :function(e,n,r,i,o,a,s){var u=0,l=e.length,c=null==r;if("object"===b.type(r)){o=!0;for(u in r)b.access(e,n,u,r[u],!0,a,s)}else if(i!==t&&(o=!0,b.isFunction(i)||(s=!0),c&&(s?(n.call(e,i),n=null):(c=n,n=function(e,t,n) {return c.call(b(e),n)})),n))for(;l>u;u++)n(e[u],r,s?i:i.call(e[u],u,n(e[u],r)));return o?e:c?n.call(e):l?n(e[0],r):a},now:function(){return(new Date).getTime()}}),b.ready.promise=function(t){if(!n)if(n=b.Deferred(),"complete"===o.rea dyState)setTimeout(b.ready);else if(o.addEventListener)o.addEventListener("DOMContentLoaded",H,!1),e.addEventListener("loa d",H,!1);else{o.attachEvent("onreadystatechange",H),e.attachEvent("onload",H);var r=!1;try{r=null==e.frameElement&&o.documentElement}catch(i){}r&&r.doScroll&&function a(){if(!b.isReady){try{r.doScroll("left")}catch(e){return setTimeout(a,50)}q(),b.ready()}}()}return n.promise(t)},b.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(e,t){l["[object "+t+"]"]=t.toLowerCase()});function M(e){var t=e.length,n=b.type(e);return b.isWindow(e)?!1:1===e.nodeType&&t?!0:"array"===n||"function"!==n&&(0===t||"number"==type of t&&t>0&&t-1 in e)}r=b(o);var _={};function F(e){var t=_[e]={};return b.each(e.match(w)||[],function(e,n){t[n]=!0}),t}b.Callbacks=function(e){e="string"==typeo f e?_[e]||F(e):b.extend({},e);var n,r,i,o,a,s,u=[],l=!e.once&&[],c=function(t){for(r=e.memory&&t,i=!0,a=s||0,s=0,o=u.length ,n=!0;u&&o>a;a++)if(u[a].apply(t[0],t[1])===!1&&e.stopOnFalse){r=!1;break}n=!1,u&&(l?l.len gth&&c(l.shift()):r?u=[]:p.disable())},p={add:function(){if(u){var t=u.length;(function i(t){b.each(t,function(t,n){var r=b.type(n);"function"===r?e.unique&&p.has(n)||u.push(n):n&&n.length&&"string"!==r&&i(n)} )})(arguments),n?o=u.length:r&&(s=t,c(r))}return this},remove:function(){return u&&b.each(arguments,function(e,t){var r;while((r=b.inArray(t,u,r))>-1)u.splice(r,1),n&&(o>=r&&o--,a>=r&&a--)}),this},has:functi on(e){return e?b.inArray(e,u)>-1:!(!u||!u.length)},empty:function(){return u=[],this},disable:function(){return u=l=r=t,this},disabled:function(){return!u},lock:function(){return l=t,r||p.disable(),this},locked:function(){return!l},fireWith:function(e,t){return t=t||[],t=[e,t.slice?t.slice():t],!u||i&&!l||(n?l.push(t):c(t)),this},fire:function(){ret urn p.fireWith(this,arguments),this},fired:function(){return!!i}};return p},b.extend({Deferred:function(e){var t=[["resolve","done",b.Callbacks("once memory"),"resolved"],["reject","fail",b.Callbacks("once memory"),"rejected"],["notify","progress",b.Callbacks("memory")]],n="pending",r={state:fu nction(){return n},always:function(){return i.done(arguments).fail(arguments),this},then:function(){var e=arguments;return b.Deferred(function(n){b.each(t,function(t,o){var a=o[0],s=b.isFunction(e[t])&&e[t];i[o[1]](function(){var e=s&&s.apply(this,arguments);e&&b.isFunction(e.promise)?e.promise().done(n.resolve).fail( n.reject).progress(n.notify):n[a+"With"](this===r?n.promise():this,s?[e]:arguments)})}),e= null}).promise()},promise:function(e){return null!=e?b.extend(e,r):r}},i={};return r.pipe=r.then,b.each(t,function(e,o){var a=o[2],s=o[3];r[o[1]]=a.add,s&&a.add(function(){n=s},t[1^e][2].disable,t[2][2].lock),i[o[ 0]]=function(){return i[o[0]+"With"](this===i?r:this,arguments),this},i[o[0]+"With"]=a.fireWith}),r.promise(i), e&&e.call(i,i),i},when:function(e){var t=0,n=h.call(arguments),r=n.length,i=1!==r||e&&b.isFunction(e.promise)?r:0,o=1===i?e:b.De ferred(),a=function(e,t,n){return function(r){t[e]=this,n[e]=arguments.length>1?h.call(arguments):r,n===s?o.notifyWith(t,n) :--i||o.resolveWith(t,n)}},s,u,l;if(r>1)for(s=Array(r),u=Array(r),l=Array(r);r>t;t++)n[t]& &b.isFunction(n[t].promise)?n[t].promise().done(a(t,l,n)).fail(o.reject).progress(a(t,u,s) ):--i;return i||o.resolveWith(l,n),o.promise()}}),b.support=function(){var t,n,r,a,s,u,l,c,p,f,d=o.createElement("div");if(d.setAttribute("className","t"),d.innerHT ML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",n=d.getElementsByTagName("*"),r=d.getElementsByTagName("a")[0],!n||!r| |!n.length)return{};s=o.createElement("select"),l=s.appendChild(o.createElement("option")) ,a=d.getElementsByTagName("input")[0],r.style.cssText="top:1px;float:left;opacity:.5",t={g etSetAttribute:"t"!==d.className,leadingWhitespace:3===d.firstChild.nodeType,tbody:!d.getE lementsByTagName("tbody").length,htmlSerialize:!!d.getElementsByTagName("link").length,sty le:/top/.test(r.getAttribute("style")),hrefNormalized:"/a"===r.getAttribute("href"),opacit y:/^0.5/.test(r.style.opacity),cssFloat:!!r.style.cssFloat,checkOn:!!a.value,optSelected:l .selected,enctype:!!o.createElement("form").enctype,html5Clone:"<:nav></:nav>"!==o.createE lement("nav").cloneNode(!0).outerHTML,boxModel:"CSS1Compat"===o.compatMode,deleteExpando:! 0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0,box SizingReliable:!0,pixelPosition:!1},a.checked=!0,t.noCloneChecked=a.cloneNode(!0).checked, s.disabled=!0,t.optDisabled=!l.disabled;try{delete d.test}catch(h){t.deleteExpando=!1}a=o.createElement("input"),a.setAttribute("value",""), t.input=""===a.getAttribute("value"),a.value="t",a.setAttribute("type","radio"),t.radioVal ue="t"===a.value,a.setAttribute("checked","t"),a.setAttribute("name","t"),u=o.createDocume ntFragment(),u.appendChild(a),t.appendChecked=a.checked,t.checkClone=u.cloneNode(!0).clone Node(!0).lastChild.checked,d.attachEvent&&(d.attachEvent("onclick",function(){t.noCloneEve nt=!1}),d.cloneNode(!0).click());for(f in{submit:!0,change:!0,focusin:!0})d.setAttribute(c="on"+f,"t"),t[f+"Bubbles"]=c in e||d.attributes[c].expando===!1;return d.style.backgroundClip="content-box",d.cloneNode(!0).style.backgroundClip="",t.clearClone Style="content-box"===d.style.backgroundClip,b(function(){var n,r,a,s="padding:0;margin:0;border:0;display:block;box-sizing:content-box;-moz-box-sizing :content-box;-webkit-box-sizing:content-box;",u=o.getElementsByTagName("body")[0];u&&(n=o. createElement("div"),n.style.cssText="border:0;width:0;height:0;position:absolute;top:0;le ft:-9999px;margin-top:1px",u.appendChild(n).appendChild(d),d.innerHTML="<table><tr><td></t d><td>t</td></tr></table>",a=d.getElementsByTagName("td"),a[0].style.cssText="padding:0;ma rgin:0;border:0;display:none",p=0===a[0].offsetHeight,a[0].style.display="",a[1].style.dis play="none",t.reliableHiddenOffsets=p&&0===a[0].offsetHeight,d.innerHTML="",d.style.cssTex t="box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding: 1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;",t.boxSizin g=4===d.offsetWidth,t.doesNotIncludeMarginInBodyOffset=1!==u.offsetTop,e.getComputedStyle& &(t.pixelPosition="1%"!==(e.getComputedStyle(d,null)||{}).top,t.boxSizingReliable="4px"=== (e.getComputedStyle(d,null)||{width:"4px"}).width,r=d.appendChild(o.createElement("div")), r.style.cssText=d.style.cssText=s,r.style.marginRight=r.style.width="0",d.style.width="1px ",t.reliableMarginRight=!parseFloat((e.getComputedStyle(r,null)||{}).marginRight)),typeof d.style.zoom!==i&&(d.innerHTML="",d.style.cssText=s+"width:1px;padding:1px;display:inline ;zoom:1",t.inlineBlockNeedsLayout=3===d.offsetWidth,d.style.display="block",d.innerHTML="< div></div>",d.firstChild.style.width="5px",t.shrinkWrapBlocks=3!==d.offsetWidth,t.inlineBl ockNeedsLayout&&(u.style.zoom=1)),u.removeChild(n),n=d=a=r=null)}),n=s=u=l=r=a=null,t}();v ar O=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,B=/([A-Z])/g;function P(e,n,r,i){if(b.acceptData(e)){var o,a,s=b.expando,u="string"==typeof n,l=e.nodeType,p=l?b.cache:e,f=l?e[s]:e[s]&&s;if(f&&p[f]&&(i||p[f].data)||!u||r!==t)retur n f||(l?e[s]=f=c.pop()||b.guid++:f=s),p[f]||(p[f]={},l||(p[f].toJSON=b.noop)),("object"==ty peof n||"function"==typeof n)&&(i?p[f]=b.extend(p[f],n):p[f].data=b.extend(p[f].data,n)),o=p[f],i||(o.data||(o.data= {}),o=o.data),r!==t&&(o[b.camelCase(n)]=r),u?(a=o[n],null==a&&(a=o[b.camelCase(n)])):a=o,a }}function R(e,t,n){if(b.acceptData(e)){var r,i,o,a=e.nodeType,s=a?b.cache:e,u=a?e[b.expando]:b.expando;if(s[u]){if(t&&(o=n?s[u]:s[u] .data)){b.isArray(t)?t=t.concat(b.map(t,b.camelCase)):t in o?t=[t]:(t=b.camelCase(t),t=t in o?[t]:t.split(" "));for(r=0,i=t.length;i>r;r++)delete o[t[r]];if(!(n?$:b.isEmptyObject)(o))return}(n||(delete s[u].data,$(s[u])))&&(a?b.cleanData([e],!0):b.support.deleteExpando||s!=s.window?delete s[u]:s[u]=null)}}}b.extend({cache:{},expando:"jQuery"+(p+Math.random()).replace(/\D/g,"") ,noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:f unction(e){return e=e.nodeType?b.cache[e[b.expando]]:e[b.expando],!!e&&!$(e)},data:function(e,t,n){return P(e,t,n)},removeData:function(e,t){return R(e,t)},_data:function(e,t,n){return P(e,t,n,!0)},_removeData:function(e,t){return R(e,t,!0)},acceptData:function(e){if(e.nodeType&&1!==e.nodeType&&9!==e.nodeType)return!1; var t=e.nodeName&&b.noData[e.nodeName.toLowerCase()];return!t||t!==!0&&e.getAttribute("classi d")===t}}),b.fn.extend({data:function(e,n){var r,i,o=this[0],a=0,s=null;if(e===t){if(this.length&&(s=b.data(o),1===o.nodeType&&!b._data( o,"parsedAttrs"))){for(r=o.attributes;r.length>a;a++)i=r[a].name,i.indexOf("data-")||(i=b. camelCase(i.slice(5)),W(o,i,s[i]));b._data(o,"parsedAttrs",!0)}return s}return"object"==typeof e?this.each(function(){b.data(this,e)}):b.access(this,function(n){return n===t?o?W(o,e,b.data(o,e)):null:(this.each(function(){b.data(this,e,n)}),t)},null,n,argum ents.length>1,null,!0)},removeData:function(e){return this.each(function(){b.removeData(this,e)})}});function W(e,n,r){if(r===t&&1===e.nodeType){var i="data-"+n.replace(B,"-$1").toLowerCase();if(r=e.getAttribute(i),"string"==typeof r){try{r="true"===r?!0:"false"===r?!1:"null"===r?null:+r+""===r?+r:O.test(r)?b.parseJSON( r):r}catch(o){}b.data(e,n,r)}else r=t}return r}function $(e){var t;for(t in e)if(("data"!==t||!b.isEmptyObject(e[t]))&&"toJSON"!==t)return!1;return!0}b.extend({queue :function(e,n,r){var i;return e?(n=(n||"fx")+"queue",i=b._data(e,n),r&&(!i||b.isArray(r)?i=b._data(e,n,b.makeArray(r)): i.push(r)),i||[]):t},dequeue:function(e,t){t=t||"fx";var n=b.queue(e,t),r=n.length,i=n.shift(),o=b._queueHooks(e,t),a=function(){b.dequeue(e,t)};" inprogress"===i&&(i=n.shift(),r--),o.cur=i,i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,a,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return b._data(e,n)||b._data(e,n,{empty:b.Callbacks("once memory").add(function(){b._removeData(e,t+"queue"),b._removeData(e,n)})})}}),b.fn.extend( {queue:function(e,n){var r=2;return"string"!=typeof e&&(n=e,e="fx",r--),r>arguments.length?b.queue(this[0],e):n===t?this:this.each(function() {var t=b.queue(this,e,n);b._queueHooks(this,e),"fx"===e&&"inprogress"!==t[0]&&b.dequeue(this,e )})},dequeue:function(e){return this.each(function(){b.dequeue(this,e)})},delay:function(e,t){return e=b.fx?b.fx.speeds[e]||e:e,t=t||"fx",this.queue(t,function(t,n){var r=setTimeout(t,e);n.stop=function(){clearTimeout(r)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,n){var r,i=1,o=b.Deferred(),a=this,s=this.length,u=function(){--i||o.resolveWith(a,[a])};"string "!=typeof e&&(n=e,e=t),e=e||"fx";while(s--)r=b._data(a[s],e+"queueHooks"),r&&r.empty&&(i++,r.empty. add(u));return u(),o.promise(n)}});var I,z,X=/[\t\r\n]/g,U=/\r/g,V=/^(?:input|select|textarea|button|object)$/i,Y=/^(?:a|area)$/ i,J=/^(?:checked|selected|autofocus|autoplay|async|controls|defer|disabled|hidden|loop|mul tiple|open|readonly|required|scoped)$/i,G=/^(?:checked|selected)$/i,Q=b.support.getSetAttr ibute,K=b.support.input;b.fn.extend({attr:function(e,t){return b.access(this,b.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){b.removeAttr(this,e)})},prop:function(e,t){return b.access(this,b.prop,e,t,arguments.length>1)},removeProp:function(e){return e=b.propFix[e]||e,this.each(function(){try{this[e]=t,delete this[e]}catch(n){}})},addClass:function(e){var t,n,r,i,o,a=0,s=this.length,u="string"==typeof e&&e;if(b.isFunction(e))return this.each(function(t){b(this).addClass(e.call(this,t,this.className))});if(u)for(t=(e||"" ).match(w)||[];s>a;a++)if(n=this[a],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(X," "):" ")){o=0;while(i=t[o++])0>r.indexOf(" "+i+" ")&&(r+=i+" ");n.className=b.trim(r)}return this},removeClass:function(e){var t,n,r,i,o,a=0,s=this.length,u=0===arguments.length||"string"==typeof e&&e;if(b.isFunction(e))return this.each(function(t){b(this).removeClass(e.call(this,t,this.className))});if(u)for(t=(e| |"").match(w)||[];s>a;a++)if(n=this[a],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(X," "):"")){o=0;while(i=t[o++])while(r.indexOf(" "+i+" ")>=0)r=r.replace(" "+i+" "," ");n.className=e?b.trim(r):""}return this},toggleClass:function(e,t){var n=typeof e,r="boolean"==typeof t;return b.isFunction(e)?this.each(function(n){b(this).toggleClass(e.call(this,n,this.className,t) ,t)}):this.each(function(){if("string"===n){var o,a=0,s=b(this),u=t,l=e.match(w)||[];while(o=l[a++])u=r?u:!s.hasClass(o),s[u?"addClass":" removeClass"](o)}else(n===i||"boolean"===n)&&(this.className&&b._data(this,"__className__" ,this.className),this.className=this.className||e===!1?"":b._data(this,"__className__")||" ")})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;r>n;n++)if(1===this[n].nodeType&&(" "+this[n].className+" ").replace(X," ").indexOf(t)>=0)return!0;return!1},val:function(e){var n,r,i,o=this[0];{if(arguments.length)return i=b.isFunction(e),this.each(function(n){var o,a=b(this);1===this.nodeType&&(o=i?e.call(this,n,a.val()):e,null==o?o="":"number"==typeo f o?o+="":b.isArray(o)&&(o=b.map(o,function(e){return null==e?"":e+""})),r=b.valHooks[this.type]||b.valHooks[this.nodeName.toLowerCase()],r&&"s et"in r&&r.set(this,o,"value")!==t||(this.value=o))});if(o)return r=b.valHooks[o.type]||b.valHooks[o.nodeName.toLowerCase()],r&&"get"in r&&(n=r.get(o,"value"))!==t?n:(n=o.value,"string"==typeof n?n.replace(U,""):null==n?"":n)}}}),b.extend({valHooks:{option:{get:function(e){var t=e.attributes.value;return!t||t.specified?e.value:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||0>i,a=o?null:[],s=o?i+1:r.leng th,u=0>i?s:o?i:0;for(;s>u;u++)if(n=r[u],!(!n.selected&&u!==i||(b.support.optDisabled?n.dis abled:null!==n.getAttribute("disabled"))||n.parentNode.disabled&&b.nodeName(n.parentNode," optgroup"))){if(t=b(n).val(),o)return t;a.push(t)}return a},set:function(e,t){var n=b.makeArray(t);return b(e).find("option").each(function(){this.selected=b.inArray(b(this).val(),n)>=0}),n.lengt h||(e.selectedIndex=-1),n}}},attr:function(e,n,r){var o,a,s,u=e.nodeType;if(e&&3!==u&&8!==u&&2!==u)return typeof e.getAttribute===i?b.prop(e,n,r):(a=1!==u||!b.isXMLDoc(e),a&&(n=n.toLowerCase(),o=b.attrH ooks[n]||(J.test(n)?z:I)),r===t?o&&a&&"get"in o&&null!==(s=o.get(e,n))?s:(typeof e.getAttribute!==i&&(s=e.getAttribute(n)),null==s?t:s):null!==r?o&&a&&"set"in o&&(s=o.set(e,r,n))!==t?s:(e.setAttribute(n,r+""),r):(b.removeAttr(e,n),t))},removeAttr:f unction(e,t){var n,r,i=0,o=t&&t.match(w);if(o&&1===e.nodeType)while(n=o[i++])r=b.propFix[n]||n,J.test(n)?! Q&&G.test(n)?e[b.camelCase("default-"+n)]=e[r]=!1:e[r]=!1:b.attr(e,n,""),e.removeAttribute (Q?n:r)},attrHooks:{type:{set:function(e,t){if(!b.support.radioValue&&"radio"===t&&b.nodeN ame(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},propFix:{tabindex:"tabIndex",readonly:"read Only","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing", cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder: "frameBorder",contenteditable:"contentEditable"},prop:function(e,n,r){var i,o,a,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return a=1!==s||!b.isXMLDoc(e),a&&(n=b.propFix[n]||n,o=b.propHooks[n]),r!==t?o&&"set"in o&&(i=o.set(e,r,n))!==t?i:e[n]=r:o&&"get"in o&&null!==(i=o.get(e,n))?i:e[n]},propHooks:{tabIndex:{get:function(e){var n=e.getAttributeNode("tabindex");return n&&n.specified?parseInt(n.value,10):V.test(e.nodeName)||Y.test(e.nodeName)&&e.href?0:t}}} }),z={get:function(e,n){var r=b.prop(e,n),i="boolean"==typeof r&&e.getAttribute(n),o="boolean"==typeof r?K&&Q?null!=i:G.test(n)?e[b.camelCase("default-"+n)]:!!i:e.getAttributeNode(n);return o&&o.value!==!1?n.toLowerCase():t},set:function(e,t,n){return t===!1?b.removeAttr(e,n):K&&Q||!G.test(n)?e.setAttribute(!Q&&b.propFix[n]||n,n):e[b.camel Case("default-"+n)]=e[n]=!0,n}},K&&Q||(b.attrHooks.value={get:function(e,n){var r=e.getAttributeNode(n);return b.nodeName(e,"input")?e.defaultValue:r&&r.specified?r.value:t},set:function(e,n,r){return b.nodeName(e,"input")?(e.defaultValue=n,t):I&&I.set(e,n,r)}}),Q||(I=b.valHooks.button={ge t:function(e,n){var r=e.getAttributeNode(n);return r&&("id"===n||"name"===n||"coords"===n?""!==r.value:r.specified)?r.value:t},set:function( e,n,r){var i=e.getAttributeNode(r);return i||e.setAttributeNode(i=e.ownerDocument.createAttribute(r)),i.value=n+="","value"===r||n= ==e.getAttribute(r)?n:t}},b.attrHooks.contenteditable={get:I.get,set:function(e,t,n){I.set (e,""===t?!1:t,n)}},b.each(["width","height"],function(e,n){b.attrHooks[n]=b.extend(b.attr Hooks[n],{set:function(e,r){return""===r?(e.setAttribute(n,"auto"),r):t}})})),b.support.hr efNormalized||(b.each(["href","src","width","height"],function(e,n){b.attrHooks[n]=b.exten d(b.attrHooks[n],{get:function(e){var r=e.getAttribute(n,2);return null==r?t:r}})}),b.each(["href","src"],function(e,t){b.propHooks[t]={get:function(e){retu rn e.getAttribute(t,4)}}})),b.support.style||(b.attrHooks.style={get:function(e){return e.style.cssText||t},set:function(e,t){return e.style.cssText=t+""}}),b.support.optSelected||(b.propHooks.selected=b.extend(b.propHooks .selected,{get:function(e){var t=e.parentNode;return t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex),null}})),b.support.enctype| |(b.propFix.enctype="encoding"),b.support.checkOn||b.each(["radio","checkbox"],function(){ b.valHooks[this]={get:function(e){return null===e.getAttribute("value")?"on":e.value}}}),b.each(["radio","checkbox"],function(){b. valHooks[this]=b.extend(b.valHooks[this],{set:function(e,n){return b.isArray(n)?e.checked=b.inArray(b(e).val(),n)>=0:t}})});var Z=/^(?:input|select|textarea)$/i,et=/^key/,tt=/^(?:mouse|contextmenu)|click/,nt=/^(?:focu sinfocus|focusoutblur)$/,rt=/^([^.]*)(?:\.(.+)|)$/;function it(){return!0}function ot(){return!1}b.event={global:{},add:function(e,n,r,o,a){var s,u,l,c,p,f,d,h,g,m,y,v=b._data(e);if(v){r.handler&&(c=r,r=c.handler,a=c.selector),r.guid ||(r.guid=b.guid++),(u=v.events)||(u=v.events={}),(f=v.handle)||(f=v.handle=function(e){re turn typeof b===i||e&&b.event.triggered===e.type?t:b.event.dispatch.apply(f.elem,arguments)},f.elem=e ),n=(n||"").match(w)||[""],l=n.length;while(l--)s=rt.exec(n[l])||[],g=y=s[1],m=(s[2]||""). split(".").sort(),p=b.event.special[g]||{},g=(a?p.delegateType:p.bindType)||g,p=b.event.sp ecial[g]||{},d=b.extend({type:g,origType:y,data:o,handler:r,guid:r.guid,selector:a,needsCo ntext:a&&b.expr.match.needsContext.test(a),namespace:m.join(".")},c),(h=u[g])||(h=u[g]=[], h.delegateCount=0,p.setup&&p.setup.call(e,o,m,f)!==!1||(e.addEventListener?e.addEventListe ner(g,f,!1):e.attachEvent&&e.attachEvent("on"+g,f))),p.add&&(p.add.call(e,d),d.handler.gui d||(d.handler.guid=r.guid)),a?h.splice(h.delegateCount++,0,d):h.push(d),b.event.global[g]= !0;e=null}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,p,f,d,h,g,m=b.hasData(e)&&b._data(e);if(m&&(c=m.events)){t=(t||"").match(w)|| [""],l=t.length;while(l--)if(s=rt.exec(t[l])||[],d=g=s[1],h=(s[2]||"").split(".").sort(),d ){p=b.event.special[d]||{},d=(r?p.delegateType:p.bindType)||d,f=c[d]||[],s=s[2]&&RegExp("( ^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),u=o=f.length;while(o--)a=f[o],!i&&g!==a.origTyp e||n&&n.guid!==a.guid||s&&!s.test(a.namespace)||r&&r!==a.selector&&("**"!==r||!a.selector) ||(f.splice(o,1),a.selector&&f.delegateCount--,p.remove&&p.remove.call(e,a));u&&!f.length& &(p.teardown&&p.teardown.call(e,h,m.handle)!==!1||b.removeEvent(e,d,m.handle),delete c[d])}else for(d in c)b.event.remove(e,d+t[l],n,r,!0);b.isEmptyObject(c)&&(delete m.handle,b._removeData(e,"events"))}},trigger:function(n,r,i,a){var s,u,l,c,p,f,d,h=[i||o],g=y.call(n,"type")?n.type:n,m=y.call(n,"namespace")?n.namespace.sp lit("."):[];if(l=f=i=i||o,3!==i.nodeType&&8!==i.nodeType&&!nt.test(g+b.event.triggered)&&( g.indexOf(".")>=0&&(m=g.split("."),g=m.shift(),m.sort()),u=0>g.indexOf(":")&&"on"+g,n=n[b. expando]?n:new b.Event(g,"object"==typeof n&&n),n.isTrigger=!0,n.namespace=m.join("."),n.namespace_re=n.namespace?RegExp("(^|\\.)"+ m.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,n.result=t,n.target||(n.target=i),r=null==r?[n]:b. makeArray(r,[n]),p=b.event.special[g]||{},a||!p.trigger||p.trigger.apply(i,r)!==!1)){if(!a &&!p.noBubble&&!b.isWindow(i)){for(c=p.delegateType||g,nt.test(c+g)||(l=l.parentNode);l;l= l.parentNode)h.push(l),f=l;f===(i.ownerDocument||o)&&h.push(f.defaultView||f.parentWindow| |e)}d=0;while((l=h[d++])&&!n.isPropagationStopped())n.type=d>1?c:p.bindType||g,s=(b._data( l,"events")||{})[n.type]&&b._data(l,"handle"),s&&s.apply(l,r),s=u&&l[u],s&&b.acceptData(l) &&s.apply&&s.apply(l,r)===!1&&n.preventDefault();if(n.type=g,!(a||n.isDefaultPrevented()|| p._default&&p._default.apply(i.ownerDocument,r)!==!1||"click"===g&&b.nodeName(i,"a")||!b.a cceptData(i)||!u||!i[g]||b.isWindow(i))){f=i[u],f&&(i[u]=null),b.event.triggered=g;try{i[g ]()}catch(v){}b.event.triggered=t,f&&(i[u]=f)}return n.result}},dispatch:function(e){e=b.event.fix(e);var n,r,i,o,a,s=[],u=h.call(arguments),l=(b._data(this,"events")||{})[e.type]||[],c=b.event.s pecial[e.type]||{};if(u[0]=e,e.delegateTarget=this,!c.preDispatch||c.preDispatch.call(this ,e)!==!1){s=b.event.handlers.call(this,e,l),n=0;while((o=s[n++])&&!e.isPropagationStopped( )){e.currentTarget=o.elem,a=0;while((i=o.handlers[a++])&&!e.isImmediatePropagationStopped( ))(!e.namespace_re||e.namespace_re.test(i.namespace))&&(e.handleObj=i,e.data=i.data,r=((b. event.special[i.origType]||{}).handle||i.handler).apply(o.elem,u),r!==t&&(e.result=r)===!1 &&(e.preventDefault(),e.stopPropagation()))}return c.postDispatch&&c.postDispatch.call(this,e),e.result}},handlers:function(e,n){var r,i,o,a,s=[],u=n.delegateCount,l=e.target;if(u&&l.nodeType&&(!e.button||"click"!==e.type) )for(;l!=this;l=l.parentNode||this)if(1===l.nodeType&&(l.disabled!==!0||"click"!==e.type)) {for(o=[],a=0;u>a;a++)i=n[a],r=i.selector+" ",o[r]===t&&(o[r]=i.needsContext?b(r,this).index(l)>=0:b.find(r,this,null,[l]).length),o[ r]&&o.push(i);o.length&&s.push({elem:l,handlers:o})}return n.length>u&&s.push({elem:this,handlers:n.slice(u)}),s},fix:function(e){if(e[b.expando])re turn e;var t,n,r,i=e.type,a=e,s=this.fixHooks[i];s||(this.fixHooks[i]=s=tt.test(i)?this.mouseHooks:e t.test(i)?this.keyHooks:{}),r=s.props?this.props.concat(s.props):this.props,e=new b.Event(a),t=r.length;while(t--)n=r[t],e[n]=a[n];return e.target||(e.target=a.srcElement||o),3===e.target.nodeType&&(e.target=e.target.parentNode ),e.metaKey=!!e.metaKey,s.filter?s.filter(e,a):e},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"but ton buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,n){var r,i,a,s=n.button,u=n.fromElement;return null==e.pageX&&null!=n.clientX&&(i=e.target.ownerDocument||o,a=i.documentElement,r=i.body ,e.pageX=n.clientX+(a&&a.scrollLeft||r&&r.scrollLeft||0)-(a&&a.clientLeft||r&&r.clientLeft ||0),e.pageY=n.clientY+(a&&a.scrollTop||r&&r.scrollTop||0)-(a&&a.clientTop||r&&r.clientTop ||0)),!e.relatedTarget&&u&&(e.relatedTarget=u===e.target?n.toElement:u),e.which||s===t||(e .which=1&s?1:2&s?3:4&s?2:0),e}},special:{load:{noBubble:!0},click:{trigger:function(){retu rn b.nodeName(this,"input")&&"checkbox"===this.type&&this.click?(this.click(),!1):t}},focus: {trigger:function(){if(this!==o.activeElement&&this.focus)try{return this.focus(),!1}catch(e){}},delegateType:"focusin"},blur:{trigger:function(){return this===o.activeElement&&this.blur?(this.blur(),!1):t},delegateType:"focusout"},beforeunlo ad:{postDispatch:function(e){e.result!==t&&(e.originalEvent.returnValue=e.result)}}},simul ate:function(e,t,n,r){var i=b.extend(new b.Event,n,{type:e,isSimulated:!0,originalEvent:{}});r?b.event.trigger(i,null,t):b.event.d ispatch.call(t,i),i.isDefaultPrevented()&&n.preventDefault()}},b.removeEvent=o.removeEvent Listener?function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n,!1)}:function(e, t,n){var r="on"+t;e.detachEvent&&(typeof e[r]===i&&(e[r]=null),e.detachEvent(r,n))},b.Event=function(e,n){return this instanceof b.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defau ltPrevented||e.returnValue===!1||e.getPreventDefault&&e.getPreventDefault()?it:ot):this.ty pe=e,n&&b.extend(this,n),this.timeStamp=e&&e.timeStamp||b.now(),this[b.expando]=!0,t):new b.Event(e,n)},b.Event.prototype={isDefaultPrevented:ot,isPropagationStopped:ot,isImmediat ePropagationStopped:ot,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=it,e&&(e.preventDefault?e.preventDefault():e .returnValue=!1)},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=it,e&&(e.stopPropagation&&e.stopPropagatio n(),e.cancelBubble=!0)},stopImmediatePropagation:function(){this.isImmediatePropagationSto pped=it,this.stopPropagation()}},b.each({mouseenter:"mouseover",mouseleave:"mouseout"},fun ction(e,t){b.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj;
    return(!i||i!==r&&!b.contains(r,i))&&(e.type=o.origType,n=o.handler.apply(this,arguments), e.type=t),n}}}),b.support.submitBubbles||(b.event.special.submit={setup:function(){return b.nodeName(this,"form")?!1:(b.event.add(this,"click._submit keypress._submit",function(e){var n=e.target,r=b.nodeName(n,"input")||b.nodeName(n,"button")?n.form:t;r&&!b._data(r,"submit Bubbles")&&(b.event.add(r,"submit._submit",function(e){e._submit_bubble=!0}),b._data(r,"su bmitBubbles",!0))}),t)},postDispatch:function(e){e._submit_bubble&&(delete e._submit_bubble,this.parentNode&&!e.isTrigger&&b.event.simulate("submit",this.parentNode ,e,!0))},teardown:function(){return b.nodeName(this,"form")?!1:(b.event.remove(this,"._submit"),t)}}),b.support.changeBubbles ||(b.event.special.change={setup:function(){return Z.test(this.nodeName)?(("checkbox"===this.type||"radio"===this.type)&&(b.event.add(this," propertychange._change",function(e){"checked"===e.originalEvent.propertyName&&(this._just_ changed=!0)}),b.event.add(this,"click._change",function(e){this._just_changed&&!e.isTrigge r&&(this._just_changed=!1),b.event.simulate("change",this,e,!0)})),!1):(b.event.add(this," beforeactivate._change",function(e){var t=e.target;Z.test(t.nodeName)&&!b._data(t,"changeBubbles")&&(b.event.add(t,"change._chang e",function(e){!this.parentNode||e.isSimulated||e.isTrigger||b.event.simulate("change",thi s.parentNode,e,!0)}),b._data(t,"changeBubbles",!0))}),t)},handle:function(e){var n=e.target;return this!==n||e.isSimulated||e.isTrigger||"radio"!==n.type&&"checkbox"!==n.type?e.handleObj.h andler.apply(this,arguments):t},teardown:function(){return b.event.remove(this,"._change"),!Z.test(this.nodeName)}}),b.support.focusinBubbles||b.eac h({focus:"focusin",blur:"focusout"},function(e,t){var n=0,r=function(e){b.event.simulate(t,e.target,b.event.fix(e),!0)};b.event.special[t]={set up:function(){0===n++&&o.addEventListener(e,r,!0)},teardown:function(){0===--n&&o.removeEv entListener(e,r,!0)}}}),b.fn.extend({on:function(e,n,r,i,o){var a,s;if("object"==typeof e){"string"!=typeof n&&(r=r||n,n=t);for(a in e)this.on(a,n,r,e[a],o);return this}if(null==r&&null==i?(i=n,r=n=t):null==i&&("string"==typeof n?(i=r,r=t):(i=r,r=n,n=t)),i===!1)i=ot;else if(!i)return this;return 1===o&&(s=i,i=function(e){return b().off(e),s.apply(this,arguments)},i.guid=s.guid||(s.guid=b.guid++)),this.each(function( ){b.event.add(this,e,i,r,n)})},one:function(e,t,n,r){return this.on(e,t,n,r,1)},off:function(e,n,r){var i,o;if(e&&e.preventDefault&&e.handleObj)return i=e.handleObj,b(e.delegateTarget).off(i.namespace?i.origType+"."+i.namespace:i.origType,i .selector,i.handler),this;if("object"==typeof e){for(o in e)this.off(o,n,e[o]);return this}return(n===!1||"function"==typeof n)&&(r=n,n=t),r===!1&&(r=ot),this.each(function(){b.event.remove(this,e,r,n)})},bind:func tion(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},trigger:function(e,t){return this.each(function(){b.event.trigger(e,t,this)})},triggerHandler:function(e,n){var r=this[0];return r?b.event.trigger(e,n,r,!0):t}}),function(e,t){var n,r,i,o,a,s,u,l,c,p,f,d,h,g,m,y,v,x="sizzle"+-new Date,w=e.document,T={},N=0,C=0,k=it(),E=it(),S=it(),A=typeof t,j=1<<31,D=[],L=D.pop,H=D.push,q=D.slice,M=D.indexOf||function(e){var t=0,n=this.length;for(;n>t;t++)if(this[t]===e)return t;return-1},_="[\\x20\\t\\r\\n\\f]",F="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",O=F.replace("w", "w#"),B="([*^$|!~]?=)",P="\\["+_+"*("+F+")"+_+"*(?:"+B+_+"*(?:(['\"])((?:\\\\.|[^\\\\])*?) \\3|("+O+")|)|)"+_+"*\\]",R=":("+F+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\ \\()[\\]]|"+P.replace(3,8)+")*)|.*)\\)|)",W=RegExp("^"+_+"+|((?:^|[^\\\\])(?:\\\\.)*)"+_+" +$","g"),$=RegExp("^"+_+"*,"+_+"*"),I=RegExp("^"+_+"*([\\x20\\t\\r\\n\\f>+~])"+_+"*"),z=Re gExp(R),X=RegExp("^"+O+"$"),U={ID:RegExp("^#("+F+")"),CLASS:RegExp("^\\.("+F+")"),NAME:Reg Exp("^\\[name=['\"]?("+F+")['\"]?\\]"),TAG:RegExp("^("+F.replace("w","w*")+")"),ATTR:RegEx p("^"+P),PSEUDO:RegExp("^"+R),CHILD:RegExp("^:(only|first|last|nth|nth-last)-(child|of-typ e)(?:\\("+_+"*(even|odd|(([+-]|)(\\d*)n|)"+_+"*(?:([+-]|)"+_+"*(\\d+)|))"+_+"*\\)|)","i"), needsContext:RegExp("^"+_+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+_+"*((?:-\\d) ?\\d*)"+_+"*\\)|)(?=[^-]|$)","i")},V=/[\x20\t\r\n\f]*[+~]/,Y=/^[^{]+\{\s*\[native code/,J=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,G=/^(?:input|select|textarea|button)$/i,Q=/^h\ d$/i,K=/'|\\/g,Z=/\=[\x20\t\r\n\f]*([^'"\]]*)[\x20\t\r\n\f]*\]/g,et=/\\([\da-fA-F]{1,6}[\x 20\t\r\n\f]?|.)/g,tt=function(e,t){var n="0x"+t-65536;return n!==n?t:0>n?String.fromCharCode(n+65536):String.fromCharCode(55296|n>>10,56320|1023&n)};t ry{q.call(w.documentElement.childNodes,0)[0].nodeType}catch(nt){q=function(e){var t,n=[];while(t=this[e++])n.push(t);return n}}function rt(e){return Y.test(e+"")}function it(){var e,t=[];return e=function(n,r){return t.push(n+=" ")>i.cacheLength&&delete e[t.shift()],e[n]=r}}function ot(e){return e[x]=!0,e}function at(e){var t=p.createElement("div");try{return e(t)}catch(n){return!1}finally{t=null}}function st(e,t,n,r){var i,o,a,s,u,l,f,g,m,v;if((t?t.ownerDocument||t:w)!==p&&c(t),t=t||p,n=n||[],!e||"string"!=ty peof e)return n;if(1!==(s=t.nodeType)&&9!==s)return[];if(!d&&!r){if(i=J.exec(e))if(a=i[1]){if(9===s){if (o=t.getElementById(a),!o||!o.parentNode)return n;if(o.id===a)return n.push(o),n}else if(t.ownerDocument&&(o=t.ownerDocument.getElementById(a))&&y(t,o)&&o.id===a)return n.push(o),n}else{if(i[2])return H.apply(n,q.call(t.getElementsByTagName(e),0)),n;if((a=i[3])&&T.getByClassName&&t.getElem entsByClassName)return H.apply(n,q.call(t.getElementsByClassName(a),0)),n}if(T.qsa&&!h.test(e)){if(f=!0,g=x,m=t, v=9===s&&e,1===s&&"object"!==t.nodeName.toLowerCase()){l=ft(e),(f=t.getAttribute("id"))?g= f.replace(K,"\\$&"):t.setAttribute("id",g),g="[id='"+g+"'] ",u=l.length;while(u--)l[u]=g+dt(l[u]);m=V.test(e)&&t.parentNode||t,v=l.join(",")}if(v)tr y{return H.apply(n,q.call(m.querySelectorAll(v),0)),n}catch(b){}finally{f||t.removeAttribute("id") }}}return wt(e.replace(W,"$1"),t,n,r)}a=st.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return t?"HTML"!==t.nodeName:!1},c=st.setDocument=function(e){var n=e?e.ownerDocument||e:w;return n!==p&&9===n.nodeType&&n.documentElement?(p=n,f=n.documentElement,d=a(n),T.tagNameNoComme nts=at(function(e){return e.appendChild(n.createComment("")),!e.getElementsByTagName("*").length}),T.attributes=at( function(e){e.innerHTML="<select></select>";var t=typeof e.lastChild.getAttribute("multiple");return"boolean"!==t&&"string"!==t}),T.getByClassName =at(function(e){return e.innerHTML="<div class='hidden e'></div><div class='hidden'></div>",e.getElementsByClassName&&e.getElementsByClassName("e").length?(e. lastChild.className="e",2===e.getElementsByClassName("e").length):!1}),T.getByName=at(func tion(e){e.id=x+0,e.innerHTML="<a name='"+x+"'></a><div name='"+x+"'></div>",f.insertBefore(e,f.firstChild);var t=n.getElementsByName&&n.getElementsByName(x).length===2+n.getElementsByName(x+0).length; return T.getIdNotName=!n.getElementById(x),f.removeChild(e),t}),i.attrHandle=at(function(e){retu rn e.innerHTML="<a href='#'></a>",e.firstChild&&typeof e.firstChild.getAttribute!==A&&"#"===e.firstChild.getAttribute("href")})?{}:{href:functio n(e){return e.getAttribute("href",2)},type:function(e){return e.getAttribute("type")}},T.getIdNotName?(i.find.ID=function(e,t){if(typeof t.getElementById!==A&&!d){var n=t.getElementById(e);return n&&n.parentNode?[n]:[]}},i.filter.ID=function(e){var t=e.replace(et,tt);return function(e){return e.getAttribute("id")===t}}):(i.find.ID=function(e,n){if(typeof n.getElementById!==A&&!d){var r=n.getElementById(e);return r?r.id===e||typeof r.getAttributeNode!==A&&r.getAttributeNode("id").value===e?[r]:t:[]}},i.filter.ID=functio n(e){var t=e.replace(et,tt);return function(e){var n=typeof e.getAttributeNode!==A&&e.getAttributeNode("id");return n&&n.value===t}}),i.find.TAG=T.tagNameNoComments?function(e,n){return typeof n.getElementsByTagName!==A?n.getElementsByTagName(e):t}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push( n);return r}return o},i.find.NAME=T.getByName&&function(e,n){return typeof n.getElementsByName!==A?n.getElementsByName(name):t},i.find.CLASS=T.getByClassName&&funct ion(e,n){return typeof n.getElementsByClassName===A||d?t:n.getElementsByClassName(e)},g=[],h=[":focus"],(T.qsa=r t(n.querySelectorAll))&&(at(function(e){e.innerHTML="<select><option selected=''></option></select>",e.querySelectorAll("[selected]").length||h.push("\\["+_+" *(?:checked|disabled|ismap|multiple|readonly|selected|value)"),e.querySelectorAll(":checke d").length||h.push(":checked")}),at(function(e){e.innerHTML="<input type='hidden' i=''/>",e.querySelectorAll("[i^='']").length&&h.push("[*^$]="+_+"*(?:\"\"|'')"),e.querySe lectorAll(":enabled").length||h.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),h. push(",.*:")})),(T.matchesSelector=rt(m=f.matchesSelector||f.mozMatchesSelector||f.webkitM atchesSelector||f.oMatchesSelector||f.msMatchesSelector))&&at(function(e){T.disconnectedMa tch=m.call(e,"div"),m.call(e,"[s!='']:x"),g.push("!=",R)}),h=RegExp(h.join("|")),g=RegExp( g.join("|")),y=rt(f.contains)||f.compareDocumentPosition?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.c ompareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;ret urn!1},v=f.compareDocumentPosition?function(e,t){var r;return e===t?(u=!0,0):(r=t.compareDocumentPosition&&e.compareDocumentPosition&&e.compareDocument Position(t))?1&r||e.parentNode&&11===e.parentNode.nodeType?e===n||y(w,e)?-1:t===n||y(w,t)? 1:0:4&r?-1:1:e.compareDocumentPosition?-1:1}:function(e,t){var r,i=0,o=e.parentNode,a=t.parentNode,s=[e],l=[t];if(e===t)return u=!0,0;if(!o||!a)return e===n?-1:t===n?1:o?-1:a?1:0;if(o===a)return ut(e,t);r=e;while(r=r.parentNode)s.unshift(r);r=t;while(r=r.parentNode)l.unshift(r);while (s[i]===l[i])i++;return i?ut(s[i],l[i]):s[i]===w?-1:l[i]===w?1:0},u=!1,[0,0].sort(v),T.detectDuplicates=u,p):p},s t.matches=function(e,t){return st(e,null,null,t)},st.matchesSelector=function(e,t){if((e.ownerDocument||e)!==p&&c(e),t=t .replace(Z,"='$1']"),!(!T.matchesSelector||d||g&&g.test(t)||h.test(t)))try{var n=m.call(e,t);if(n||T.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(r){}return st(t,p,null,[e]).length>0},st.contains=function(e,t){return(e.ownerDocument||e)!==p&&c(e) ,y(e,t)},st.attr=function(e,t){var n;return(e.ownerDocument||e)!==p&&c(e),d||(t=t.toLowerCase()),(n=i.attrHandle[t])?n(e):d| |T.attributes?e.getAttribute(t):((n=e.getAttributeNode(t))||e.getAttribute(t))&&e[t]===!0? t:n&&n.specified?n.value:null},st.error=function(e){throw Error("Syntax error, unrecognized expression: "+e)},st.uniqueSort=function(e){var t,n=[],r=1,i=0;if(u=!T.detectDuplicates,e.sort(v),u){for(;t=e[r];r++)t===e[r-1]&&(i=n.pus h(r));while(i--)e.splice(n[i],1)}return e};function ut(e,t){var n=t&&e,r=n&&(~t.sourceIndex||j)-(~e.sourceIndex||j);if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function lt(e){return function(t){var n=t.nodeName.toLowerCase();return"input"===n&&t.type===e}}function ct(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function pt(e){return ot(function(t){return t=+t,ot(function(n,r){var i,o=e([],n.length,t),a=o.length;while(a--)n[i=o[a]]&&(n[i]=!(r[i]=n[i]))})})}o=st.getText =function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=o(e)}else if(3===i||4===i)return e.nodeValue}else for(;t=e[r];r++)n+=o(t);return n},i=st.selectors={cacheLength:50,createPseudo:ot,match:U,find:{},relative:{">":{dir:"par entNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},pr eFilter:{ATTR:function(e){return e[1]=e[1].replace(et,tt),e[3]=(e[4]||e[5]||"").replace(et,tt),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||st.error(e[0]),e[4]=+(e[4]?e[5]+(e [6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&st.error(e [0]),e},PSEUDO:function(e){var t,n=!e[5]&&e[2];return U.CHILD.test(e[0])?null:(e[4]?e[2]=e[4]:n&&z.test(n)&&(t=ft(n,!0))&&(t=n.indexOf(")",n.le ngth-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:fu nction(e){return"*"===e?function(){return!0}:(e=e.replace(et,tt).toLowerCase(),function(t) {return t.nodeName&&t.nodeName.toLowerCase()===e})},CLASS:function(e){var t=k[e+" "];return t||(t=RegExp("(^|"+_+")"+e+"("+_+"|$)"))&&k(e,function(e){return t.test(e.className||typeof e.getAttribute!=

    I'm not too familliar with Flexslider.  I've been using another jQuery plugin called Cycle2 which performs well in all layouts!  Copy & paste the following code into a new, blank document.  SaveAs cycle_test.html and preview in browsers.
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>HTML5 document with Cycle2</title>
    <!--Latest jQuery Core Library-->
    <script src="http://code.jquery.com/jquery-latest.min.js">
    </script>
    <!--Cycle2 Plugin Script-->
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script>
    <style>
    .cycle-slideshow {margin:0 auto; width:50%;}
    .cycle-slideshow img {max-width:100%}
    </style>
    </head>
    <body>
    <h1><a href="http://www.malsup.com/jquery/cycle2/">jQuery Cycle 2</a> Responsive Slideshow</h1>
    <!--begin slideshow-->
    <div class="cycle-slideshow"
        data-cycle-pause-on-hover="true"
                    data-cycle-speed="1500"
                    >
    <!--your images go here-->
    <img src="http://malsup.github.com/images/beach1.jpg">
    <img src="http://malsup.github.com/images/beach2.jpg">
    <img src="http://malsup.github.com/images/beach3.jpg">
    <img src="http://malsup.github.com/images/beach4.jpg">
    <img src="http://malsup.github.com/images/beach9.jpg">
    <!--end slideshow-->
    </div>
    </body>
    </html>
    Nancy O.

  • Help with CSS Positioning

    Hello. I've been struggling with how to position my footer so that it moves relative to the content that is added to the div tags before it in the template I'm working on. Here's what my code looks like:
    <!DOCTYPE html>
    <html>
    <head>
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>NEW TEMPLATE</title>
    <!-- TemplateEndEditable -->
    <style type="text/css">
    <!--
    .wrapper {
    background-color: #fffee8;
    margin: auto;
    padding: 5px;
    height: auto;
    width: 980px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    text-align: left;
    color: #FFF;
    position: relative;
    overflow: visible;
    .header {
    margin: 0px;
    padding: 0px;
    height: auto;
    width: 980px;
    background-color: #424edd;
    border: 0px solid #09C;
    .logoarea {
    background-color: #fffee8;
    margin: 0px;
    padding: 0px;
    height: 160px;
    width: 980px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    .navbar {
    background-color: #fffee8;
    height: 30px;
    width: 980px;
    margin: 1px;
    padding: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    .subnavmenu {
    background-color: #CCC;
    height: 25px;
    width: 980px;
    border: thin solid #333;
    font-family: "Felix Titling", "Engravers MT";
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    color: #333;
    text-decoration: blink;
    .leftcontent {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    color: #FFF;
    background-color: #55065F;
    padding: 0px;
    height: auto;
    width: 500px;
    margin-right: 0px;
    margin-left: 0px;
    border: medium outset #CCC;
    .rightcontent {
    background-color: #333;
    padding: 0px;
    height: auto;
    width: 450px;
    margin-right: 0px;
    margin-left: 0px;
    border: medium inset #fffee8;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFee8;
    font-size: 12px;
    position: static;
    .footer {
    background-image: url(/Graphics/MORGAN%27S%20PIC.jpg);
    background-repeat: repeat;
    margin: 0px;
    padding: 0px;
    height: 165px;
    width: auto;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    text-align: center;
    color: #666;
    position: relative;
    left: 0px;
    bottom: 0px;
    #logo {
    position:static;
    left:-50px;
    top:-200px;
    width:272px;
    height:176px;
    z-index:1;
    #apDiv4 {
    position:absolute;
    left:656px;
    top:30px;
    width:544px;
    height:53px;
    z-index:1;
    background-color: #fffee8;
    float: right;
    -->
    </style>
    <script src="/Web Site Root Folder/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="/Web Site Root Folder/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
    <style type="text/css">
    <!--
    #apDiv2 {
    position:absolute;
    left:857px;
    top:123px;
    width:49px;
    height:50px;
    z-index:1021;
    #apDiv3 {
    position:absolute;
    left:956px;
    top:122px;
    width:150px;
    height:50px;
    z-index:1022;
    #apDiv5 {
    position:absolute;
    left:649px;
    top:227px;
    width:192px;
    height:81px;
    z-index:1021;
    -->
    </style>
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    </head>
    <body class="body" id="body" background="/Graphics/LOGOS AND BANNER/GRADIENT BACKGROUND 5-8-12.png">
    <div id="apDiv4" >   
    <script>
    (function() {
      var cx = '004600001770955757780:ub1su5xae54';
      var gcse = document.createElement('script'); gcse.type = 'text/javascript';
      gcse.async = true;
      gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
          '//www.google.com/cse/cse.js?cx=' + cx;
      var s = document.getElementsByTagName('script')[0];
      s.parentNode.insertBefore(gcse, s);
    </script>
    <gcse:search></gcse:search></div>
    <div id="apDiv5"><iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FMif flin-Juniata-Special-Needs-Center-Inc%2F129756770511336&amp;send=false&amp;layout=standard &amp;width=450&amp;show_faces=true&amp;font&amp;colorscheme=light&amp;action=like&amp;heig ht=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe></div>
    <div class="wrapper" id="wrapper"><div id="apDiv1" onclick="document.location.href='http://www.mjsnc.org';" style="cursor:pointer;"><img src="/Graphics/LOGOS AND BANNER/Slogan.jpg" width="296" height="169" alt="Accept Support Empower Whatever It Takes"></div>
      <div class="header" id="header">
        <div class="logoarea" id="logoarea">
          <div id="logo" onclick="document.location.href='http://www.mjsnc.org';" style="cursor:pointer;"><img src="/Graphics/LOGOS AND BANNER/Slogo Transparent BG.png" width="273" height="173" alt="Mifflin-Juniata Special Needs Center, Inc."></div>
        </div>
        <div class="navbar" id="navbar">
          <img src="/Graphics/LOGOS AND BANNER/navbar_edited-3.jpg" alt="navigation menu" width="980" height="25" border="0" usemap="#Map">
          <map name="Map">
            <area shape="rect" coords="59,4,149,24" href="/NAV BAR OPTIONS/ABOUT US/AboutUs.html" target="_blank" alt="About Us">
            <area shape="rect" coords="157,3,255,23" href="/NAV BAR OPTIONS/CONTACT US/ContactUs.html" target="_blank">
            <area shape="rect" coords="263,4,423,22" href="/NAV BAR OPTIONS/BOARD OF DIRECTORS/BoardOfDirectors.html" target="_blank">
            <area shape="rect" coords="429,3,578,22" href="/NAV BAR OPTIONS/VISION AND MISSION/MissionVisionStatementsAdopted2012.pdf" target="_blank">
            <area shape="rect" coords="586,3,698,23" href="/NAV BAR OPTIONS/GET INVOLVED/GetInvolved.html" target="_blank">
            <area shape="rect" coords="704,5,815,24" href="/NAV BAR OPTIONS/DONATE NOW/DonateNow.html" target="_blank">
            <area shape="rect" coords="826,4,924,23" href="/NAV BAR OPTIONS/AFFILIATES/Affiliates.html" target="_blank">
          </map>
        </div>
        <div class="subnavmenu" id="subnavmenu">
          <ul id="MenuBar1" class="MenuBarHorizontal">
            <li><a class="MenuBarItemSubmenu" href="#">ADULTS</a>
              <ul>
                <li><a href="/SIDE BAR OPTIONS/ADULT REC/ADULT REC.html">ADULT REC</a></li>
                <li><a href="/SIDE BAR OPTIONS/ADULT TRAINING FACILITIES/AdultTrainingFacilities.html">ADULT TRAINING FACILITIES</a></li>
                <li><a href="/SIDE BAR OPTIONS/AGENCY WITH CHOICE/AgencyWithChoice.html">AGENCY WITH CHOICE</a></li>
                <li><a href="/SUBNAVMENU/FAMILY LIVING/FAMILY LIVING.HTML">FAMILY LIVING</a></li>
                <li><a href="/SUBNAVMENU/SUMMER REC/Summer Rec.html">SUMMER REC</a></li>
              </ul>
            </li>
            <li><a href="#">YOUTH</a></li>
            <UL>
             <li><a href="/SUBNAVMENU/AFTER SCHOOL PROGRAM/AfterSchool.html">AFTER SCHOOL PROGRAM</a></li>
                <li><a href="/SUBNAVMENU/AKTION CLUB/AktionClub.html">AKTION CLUB</a></li>
                <li><a href="/SUBNAVMENU/CHALLENGER/Challenger.html">CHALLENGER BASEBALL</a></li>
                <li><a href="/SUBNAVMENU/EARLY INTERVENTION/EarlyIntervention.html">EARLY INTERVENTION</a></li>
                <li><a href="/SUBNAVMENU/SUMMER REC/Summer Rec.html">SUMMER REC</a></li>
                <li><a href="/SUBNAVMENU/T-BALL/TBall.html">T-BALL</a></li>
                <li><a href="/SUBNAVMENU/TEEN CLUB/TeenClub.html">TEEN CLUB</a></li>
                <li><a href="/SUBNAVMENU/TRAINING N TRANSITION/TrainingTransition.html">TRAINING & TRANSITION</a></li>
            </UL>
            <li><a class="MenuBarItemSubmenu" href="#">EVENTS</a>
              <ul>
               <li><a href="/SUBNAVMENU/EVENTS/LipSync.html">LIP SYNC</a></li>
                <li><a href="/SUBNAVMENU/EVENTS/TouringFriends.html">TOURING FRIENDS</a></li>
                <li><a href="/SUBNAVMENU/EVENTS/AnnualPicnic.html">ANNUAL PICNIC</a></li>
              </ul>
            <li><a class="MenuBarItemSubmenu" href="#">OTHER</a>
                  <ul>
                    <li><a href="/SUBNAVMENU/EDUCATION & THERAPY/EducationandTherapy.html">EDUCATION & THERAPY</a></li>
                    <li><a href="/SUBNAVMENU/EQUIPMENT LOAN/EquipmentLoan.html">EQUIPMENT LOAN</a></li>
                  </ul>
            </li>
                <li><a href="#">EMPLOYEES</a></li>
                <UL>
                 <li><a href="/SUBNAVMENU/AGENCY WITH CHOICE/AgencyWithChoice.html">AGENCY WITH CHOICE</a></li>
                    <LI><A href="/NAVBAR/ABOUT US/AboutUs.html">MEET OUR STAFF</A></LI>
                    <LI><A href="/SUBNAVMENU/EMPLOYEE ACCESS/EmployeeAccess.html">EMPLOYEE ACCESS</A></LI>
          </ul>
          </ul>
        </div>
      </div>
      <div class="rightcontent" id="rightcontent"><!-- TemplateBeginEditable name="editrightcontent" -->
        <p>Duis laoreet iriure tation eros molestie dolor feugiat vel quis et autem   dolor et et veniam augue eu in nisl iusto suscipit vulputate, aliquam, laoreet.   Vulputate dignissim dolor adipiscing ad qui tation te at diam augue quis,   aliquip exerci wisi erat luptatum, luptatum adipiscing in nostrud zzril nisl   consequat et. Feugait te ullamcorper consequat lobortis eros facilisis augue   nisl diam. </p>
    <p>Dignissim in ut ullamcorper vulputate autem ullamcorper aliquip nulla delenit   blandit nulla odio dolor odio consequat. Luptatum duis in iriure eum zzril eum   odio suscipit veniam wisi praesent facilisi nulla vero molestie dignissim   consequat nulla duis eu minim ea. Feugait iriure feugiat ut enim lobortis   consequat delenit hendrerit volutpat, consectetuer nonummy nostrud sed ea velit   suscipit duis blandit. Vel illum accumsan et veniam facilisis molestie, ea vel   dolor duis qui, ipsum et nostrud accumsan feugait odio dolore magna feugiat nibh   accumsan velit illum. Duis laoreet iriure tation eros molestie dolor feugiat vel quis et autem   dolor et et veniam augue eu in nisl iusto suscipit vulputate, aliquam, laoreet.   Vulputate dignissim dolor adipiscing ad qui tation te at diam augue quis,   aliquip exerci wisi erat luptatum, luptatum adipiscing in nostrud zzril nisl   consequat et. Feugait te ullamcorper consequat lobortis eros facilisis augue   nisl diam. </p>
    <p>Dignissim in ut ullamcorper vulputate autem ullamcorper aliquip nulla delenit   blandit nulla odio dolor odio consequat. Luptatum duis in iriure eum zzril eum   odio suscipit veniam wisi praesent facilisi nulla vero molestie dignissim   consequat nulla duis eu minim ea. Feugait iriure feugiat ut enim lobortis   consequat delenit hendrerit volutpat, consectetuer nonummy nostrud sed ea velit   suscipit duis blandit. Vel illum accumsan et veniam facilisis molestie, ea vel   dolor duis qui, ipsum et nostrud accumsan feugait odio dolore magna feugiat nibh   accumsan velit illum. Duis laoreet iriure tation eros molestie dolor feugiat vel quis et autem   dolor et et veniam augue eu in nisl iusto suscipit vulputate, aliquam, laoreet.   Vulputate dignissim dolor adipiscing ad qui tation te at diam augue quis,   aliquip exerci wisi erat luptatum, luptatum adipiscing in nostrud zzril nisl   consequat et. Feugait te ullamcorper consequat lobortis eros facilisis augue   nisl diam. </p>
    <p>Dignissim in ut ullamcorper vulputate autem ullamcorper aliquip nulla delenit   blandit nulla odio dolor odio consequat. Luptatum duis in iriure eum zzril eum   odio suscipit veniam wisi praesent facilisi nulla vero molestie dignissim   consequat nulla duis eu minim ea. Feugait iriure feugiat ut enim lobortis   consequat delenit hendrerit volutpat, consectetuer nonummy nostrud sed ea velit   suscipit duis blandit. Vel illum accumsan et veniam facilisis molestie, ea vel   dolor duis qui, ipsum et nostrud accumsan feugait odio dolore magna feugiat nibh   accumsan velit illum. </p>
      <!-- TemplateEndEditable --></div>
      <div class="leftcontent" id="leftcontent"><!-- TemplateBeginEditable name="editleftcontent" -->
        <p>Duis laoreet iriure tation eros molestie dolor feugiat vel quis et autem   dolor et et veniam augue eu in nisl iusto suscipit vulputate, aliquam, laoreet.   Vulputate dignissim dolor adipiscing ad qui tation te at diam augue quis,   aliquip exerci wisi erat luptatum, luptatum adipiscing in nostrud zzril nisl   consequat et. Feugait te ullamcorper consequat lobortis eros facilisis augue   nisl diam. </p>
        <p>Dignissim in ut ullamcorper vulputate autem ullamcorper aliquip nulla delenit   blandit nulla odio dolor odio consequat. Luptatum duis in iriure eum zzril eum   odio suscipit veniam wisi praesent facilisi nulla vero molestie dignissim   consequat nulla duis eu minim ea. Feugait iriure feugiat ut enim lobortis   consequat delenit hendrerit volutpat, consectetuer nonummy nostrud sed ea velit   suscipit duis blandit. Vel illum accumsan et veniam facilisis molestie, ea vel   dolor duis qui, ipsum et nostrud accumsan feugait odio dolore magna feugiat nibh   accumsan velit illum. Duis laoreet iriure tation eros molestie dolor feugiat vel quis et autem   dolor et et veniam augue eu in nisl iusto suscipit vulputate, aliquam, laoreet.   Vulputate dignissim dolor adipiscing ad qui tation te at diam augue quis,   aliquip exerci wisi erat luptatum, luptatum adipiscing in nostrud zzril nisl   consequat et. Feugait te ullamcorper consequat lobortis eros facilisis augue   nisl diam. </p>
        <p>Dignissim in ut ullamcorper vulputate autem ullamcorper aliquip nulla delenit   blandit nulla odio dolor odio consequat. Luptatum duis in iriure eum zzril eum   odio suscipit veniam wisi praesent facilisi nulla vero molestie dignissim   consequat nulla duis eu minim ea. Feugait iriure feugiat ut enim lobortis   consequat delenit hendrerit volutpat, consectetuer nonummy nostrud sed ea velit   suscipit duis blandit. Vel illum accumsan et veniam facilisis molestie, ea vel   dolor duis qui, ipsum et nostrud accumsan feugait odio dolore magna feugiat nibh   accumsan velit illum. Duis laoreet iriure tation eros molestie dolor feugiat vel quis et autem   dolor et et veniam augue eu in nisl iusto suscipit vulputate, aliquam, laoreet.   Vulputate dignissim dolor adipiscing ad qui tation te at diam augue quis,   aliquip exerci wisi erat luptatum, luptatum adipiscing in nostrud zzril nisl   consequat et. Feugait te ullamcorper consequat lobortis eros facilisis augue   nisl diam. </p>
        <p>Dignissim in ut ullamcorper vulputate autem ullamcorper aliquip nulla delenit   blandit nulla odio dolor odio consequat. Luptatum duis in iriure eum zzril eum   odio suscipit veniam wisi praesent facilisi nulla vero molestie dignissim   consequat nulla duis eu minim ea. Feugait iriure feugiat ut enim lobortis   consequat delenit hendrerit volutpat, consectetuer nonummy nostrud sed ea velit   suscipit duis blandit. Vel illum accumsan et veniam facilisis molestie, ea vel   dolor duis qui, ipsum et nostrud accumsan feugait odio dolore magna feugiat nibh   accumsan velit illum. </p>
      <!-- TemplateEndEditable --></div>
      <div class="footer" id="footer">Contact Us | About Us | Disclaimer</div>
    </div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"/Web Site Root Folder/SpryAssets/SpryMenuBarDownHover.gif", imgRight:"/Web Site Root Folder/SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>

    There's room for much improvement.
    #1 About APDivs and why you don't need (or want) them in primary layouts:
    http://www.apptools.com/examples/pagelayout101.php
    #2 You're complicating matters with repetitive class and id names on every element.  It's better if you don't do this. 
    #3 Your CSS code is overly verbose.  Less is more. 
    #4 I don't understand why you're using HTML5 but not using HTML5 tags for your content.  For such a simple layout, this is all you need.
    <body>
         <header>logo and menu goes here </header>
              <section>
                   <aside>left column content</aside>
                   <aside>right column content<aside>
              </section>
          <footer>footer goes here </footer>
    </body>
    Nancy O.

  • Help with css 3 column layout with background

    So I'm really not much of a web designer and usually deal in
    print but a friend wanted help with her site so I'm taking a crash
    course in css. so I was wondering if anyone a little more web savvy
    than I can spot why my sites background Is sliding around.
    this is the site as it
    stands
    this is the
    main css i found a site to generate the codes to get around browser
    specific glitches
    what
    I see in Safari
    what
    i see in firefox
    what
    background should look like
    any help would be greatly appreciated thanks

    Peter Llamas posted in macromedia.dreamweaver:
    > So I'm really not much of a web designer and usually
    deal in print
    > but a friend wanted help with her site so I'm taking a
    crash
    > course in css. so I was wondering if anyone a little
    more web
    > savvy than I can spot why my sites background Is sliding
    around.
    >
    http://whiskeylemonade.x10hosting.com
    I have no idea what you mean by "sliding around", but could
    it have
    something to do with your missing old_break.css file?
    http://whiskeylemonade.x10hosting.com/css/old_break.css
    HTTP/1.x 404 Not Found
    Mark A. Boyd
    Keep-On-Learnin' :)

  • Help with css please

    Can some help me put my css correct please.  Basicly im learning and its crap!  The only good thing so far is my dropdown menu.
    My wording which start Bristol equestrian services isn't even in the middle of the box,  I can't write content next to my image or it goes down to the bottom of the image, and my content area which start quality..... is to the right!
    http://46.20.119.224/~bristol1/index_2.html
    Karen

    I'm not sure where you want to go with this but try the below:
    <!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=utf-8" />
    <title>Untitled Document</title>
    <link href="http://46.20.119.224/~bristol1/css/dropdown.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    /* global css styles */
    body {
    margin:0;
    padding:0;
    /* page specific css styles */
    body,td,th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000;
    h1,h2,h3,h4,h5,h6 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    #navMenu {
        width: 994px;
        margin: 0 auto;
    #header {
    background-image: url(http://46.20.119.224/~bristol1/images/headerimage.jpg);
    width: 994px;
    height: 160px;
    margin: 0 auto;
    /* topSection */
    #topSection {
        width: 994px;
        margin: 0 auto;
        overflow: hidden;
    #topSectionLeft {
        float: left;
        width: 300px;
    #topSectionLeft h1 {
    font-size: 24px;
    color: #000;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    text-align: center;
    #topSectionLeft p {
    margin: 0 0 0 0;
    padding: 0 15px 15px 15px;
    #topSectionRight p {
    margin: 0 0 0 0;
    padding: 0 15px 15px 15px;
    #topSectionCentre {
        float: left;
        width: 456px;
    #topSectionRight {
        float: left;
        width: 238px;
    /* content */
    #content {
        width: 994px;
        margin: 0 auto;
        overflow: hidden;
    #content p {
    font-family: "Comic Sans MS", cursive;
    font-size: 18px;
    color: #000;
    margin: 0;
    padding: 20px 20px 20px 20px;/*top, right,bottom,left*/
    font-weight: bold;
    text-align: center;
    #rightContent {
    float: left;
    width: 694px;
    min-height: 280px;
    #footer {
        background-color: #FFC;
        width: 994px;
        margin: 0 auto;
    #footer p {
        margin: 0px 0px 0px 0px; /*top, right, bottom, left*/
        padding: 0px 0px 0px 0px; /*top, right, bottom, left*/
    </style>
    </head>
    <body>
    <div id="header"></div>
    <div id="navMenu">
    <ul>
    <li><a href="index_2.html">Home</a>
    <ul>
    </ul> <!-- end inner ul-->
    </li> <!-- end li-->
    </ul> <!-- end main ul-->
    <ul>
    <li><a href="stables.html">Gallery</a>
    <ul>
    <li><a href="stables.html">Stables</a></li>
    <li><a href="fieldshelters.html">Field Shelters</a></li>
    <li><a href="combination.html">Combination</a></li>
    <li><a href="newdesign.html">New Designs</a></li>
    <li><a href="optionalextras.html">Optional Extras</a></li>
    </ul> <!-- end inner ul-->
    </li> <!-- end li-->
    </ul> <!-- end main ul-->
    <ul>
    <li><a href="prices.html">Prices</a>
    <ul>
    </ul> <!-- end inner ul-->
    </li> <!-- end li-->
    </ul> <!-- end main ul-->
    <ul>
    <li><a href="delivery.html">Delivery</a>
    <ul>
    <li><a href="areascovered.html">Areas Covered</a></li>
    </ul> <!-- end inner ul-->
    </li> <!-- end li-->
    </ul> <!-- end main ul-->
    <ul>
    <li><a href="testimonials.html">Testimonials</a>
    <ul>
    </ul> <!-- end inner ul-->
    </li> <!-- end li-->
    </ul> <!-- end main ul-->
    <ul>
    <li><a href="#">Links</a>
    <ul>
    <li><a href="#">link item</a></li>
    <li><a href="#">link item</a></li>
    <li><a href="#">link item</a></li>
    <li><a href="#">link item</a></li>
    <li><a href="#">link item</a></li>
    </ul> <!-- end inner ul-->
    </li> <!-- end li-->
    </ul> <!-- end main ul-->
    </ul> <!-- end inner ul-->
    </li> <!-- end li-->
    </ul> <!-- end main ul-->
    <ul>
    <li><a href="#">Contact</a>
    <ul>
    <li><a href="#">link item</a></li>
    </ul> <!-- end inner ul-->
    </li> <!-- end li -->
    </ul> <!-- end main ul-->
    <br class="clearFloat" />
    </div> <!-- end navMenu -->
    <div id="topSection">
    <div id="topSectionLeft">
      <h1><strong>Mobile Field Shelters and Stables</strong> </h1>
    <p>Bristol Equestrian Services have been supplying and designing quality Field Shelters and Stables for many years.
    <p>We can design stables to custormer requirements and specifications.</p>
    <p>The photograph to the right is our latest design and the feedback has been fantastic</p>
    </div><!-- end topSectionleft -->
    <div id="topSectionCentre">
    <img src="http://46.20.119.224/~bristol1/images/newdesign.jpg" width="456" height="300" />
    </div><!-- end topSectionCenter -->
    <div id="topSectionRight">
    <p>Some content goes here</p>
    </div><!-- end topSectionRight -->
    </div><!-- end topSection -->
    <div id="content">
    <div id="rightContent">
      <h2>Quality Guaranteed Mobile Field Shelters and stables</h2> 
      <p>We appreciate how difficult it is for anyone to buy from the internet, especially a Stable or Field Shelter.   We are so confident that you will not be dissapointed with the quality that we offer ..........</p>
    </div><!-- end rightContent -->
    </div><!-- end content -->
    <div id="footer"><p>This is where the footer content goes</p></div><!-- end footer -->
    </body>
    </html>

  • Help with CSS rule cross platform browser compatibility

    I am an advanced beginner website designer.
    The website I need help with is www.sprungtheatre.com
    I designed this site on a PC machine. Each page has a
    different CSS Background Image rule. The only rule I have set is
    image and the "non-repeat." I have not set rules for its placement.
    Each of these images had a feather effect applied to it in
    Illustrator so the image would fade into the black background. This
    works fine on Windows machines in IE and Firefox.
    However, on Macs, the left-hand side of the image is chopped
    off. Which is to say, it appears if the feathered edge has been cut
    off and the image ends abruptly.
    Is there any way to fix this problem?
    My only guess is that the following my be happening:
    The CSS Background Image rule is applied to a nested table
    that is editable in a template. I'm thinking that the Mac browswers
    are moving the image to the upper left of the overall, "poppa"
    table in which the editable region is nested, cutting off that part
    of the image that appears in the non-editable region of the "poppa"
    table and showing that part of it that appears in the nested,
    editable table. I hope that makes sense. Would applying the
    placement rules help this? If not, what might?
    Many thanks,
    Jon

    Don't use a fixed background image.
    Sorry to break the news but the code is hidous for an
    advanced beginner.
    Youre sure to run into much trouble unless you are preapred
    to take
    some time out and learn this stuff correctly.
    Using layout mode and spliting and merging tables into all
    sorts of
    shapes is a seriously bad method and one you should quickly
    move away
    from for the sake of your own sanity.
    zaphron wrote:
    > I am an advanced beginner website designer.
    >
    > The website I need help with is www.sprungtheatre.com
    >
    > I designed this site on a PC machine. Each page has a
    different CSS Background
    > Image rule. The only rule I have set is image and the
    "non-repeat." I have not
    > set rules for its placement.
    >
    > Each of these images had a feather effect applied to it
    in Illustrator so the
    > image would fade into the black background. This works
    fine on Windows machines
    > in IE and Firefox.
    >
    > However, on Macs, the left-hand side of the image is
    chopped off. Which is to
    > say, it appears if the feathered edge has been cut off
    and the image ends
    > abruptly.
    >
    > Is there any way to fix this problem?
    >
    > My only guess is that the following my be happening:
    >
    > The CSS Background Image rule is applied to a nested
    table that is editable in
    > a template. I'm thinking that the Mac browswers are
    moving the image to the
    > upper left of the overall, "poppa" table in which the
    editable region is
    > nested, cutting off that part of the image that appears
    in the non-editable
    > region of the "poppa" table and showing that part of it
    that appears in the
    > nested, editable table. I hope that makes sense. Would
    applying the placement
    > rules help this? If not, what might?
    >
    > Many thanks,
    >
    > Jon
    >
    >
    >

  • Almost there! Need a little help with CSS Menu

    Hi folks,
    I am almost there with a menu system.  The problems I discovered were mostly to do with layout.css nav elements interfering with my custom code.   http://bendannie2.businesscatalyst.com/flexi2.html 
    Here are the problems I can't seem to resolve.
    There appears a red diamond list element and I can't seem to remove it or find it in the Inspector on any css link
    the secondary menus blink and are hard to select on hover over tertiary menus (see On Sale>Cartier> )
    the tertiary menus are a little crowded towards the secondary menus.
    the css classes in inspector seem to repeat ad infinitum
    Any help most deeply appreciated...
    BTW, it works better on a smart phone!
    Jeff

    Thanks, Don't know why I didn't see that... 
    I'm stil having a problem with the hover area for selecting sub menus... The problem appears to be the js, I think!, I'm not qualified to analyze jquery. 
    The behaviors are as follows:
    The On Sale submenus stay active even when you roll off that menu and select another.
    The hover area after the first scrollover appears to be below the existing text of the top level and not on the text itself.
    there is something going on as you scroll down  through the submenus where they are blinking on and off as you pass each sub tab...   This uses jQuery 1.7.2, so if that has been fixed in a later edition, I don't know... 
    Perhaps it is the way I set the CSS but I didn't, to my knowledge, change a hover/selection area for the menus...
    TIA,
    JEff

  • Need help with adjusting Javascript code to work in Adobe Edge (Countdown)

    Hello
    Im a newbie when it comes to working with Javascript and Adobe Edge and need a bit of help with adjusting some javascript code to work with Adobe Edge. A friend of mine helped me with making this javascript code: Edit fiddle - JSFiddle
    Its a simple countdown which counts down to a certain time at a certain date. What I aim to do is to add this code as a trigger on a text-element called "countdown" (within a symbol called "count").
    I have tried to do this as the code is, but it does not work. Anyone have any suggestions?
    Thanks!
    Mvh,
    Øyvind Hermans

    Hello again
    I have stumbled upon a problem with these animations; They crash the browser after viewing them a little while, usually less than 30 seconds in.
    Is this problem also occuring when you watch the animations?
    Is the countdown-code to much for the browsers to handle?
    Thanks in advance for your answers.
    Sincerely,
    Øyvind Hermans

Maybe you are looking for

  • My computer was restored and now I am trying to sync my iTunes from my IPod to my iTune files on my PC. How do I do this? It keeps wanting me to clean off what is now on my IPod an sync with contents on PC

    Need help. My husband did a complete re-boot of my computer. i almost have everything back to where it was originally except for I Tubes.  I am unable to sync what is on my I Pod to my computer. I have downloaded I Tunes and it continually wants to c

  • Reading MPP file using MPXJ lib. from sourceforge?

    Hello, MPP file is getting read using(sourceforge mpxj lib) java but not in the proper hierarchical manner I want to read the subtask and add into databse.please suggest the solution!!!!!!!!!!!!!!!!!!!!!!!!! Thank You, Deepali Khape

  • Photo Library in Ios4

    i just noticed that in photo folder i have two folders i.e. camera roll and photo library. in photo library there are 3 pics that are repeated from camera roll and i am not able to delete the folder photo library, any one with any clue about it, i ha

  • Dba_source

    select * from dba_source where owner = 'SYS' and name like 'DBMS%' and type = 'PACKAGE' ;am i right to use the code above to list the packages that is available to be use on my XE? It listed dbms_redef NAME                           TYPE             

  • IE8 Spry Region Throws "Expected ':' "

    Anyone know what might cause IE8 (and as far a I can tell, only IE8 - haven't tested in IE7) to throw a javascript error saying "Expected ':'" within a spry:region / spry:repeat variable?  A la: <LI spry:repeat="listsdata">                   <span on