Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Nov 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Client side form validation

    Hi,

    I have a one page form and I can't get it to render correctly in Chrome, Safari and Internet explorer. It was formatted with CSS but somewhere along the line the form reverted back to basic formatting and I just cant figure out why.

    I need this form to display an error if the user doesn't submit the required fields and to redirect the lead to another page after they submit.

    Im trying to get this form to email the info to two specified email addresses

    I've attached the index.html and css files.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>TEXAS DIRECT AUTO</title>
    
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css">
    
    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="js/jquery-cycle.js"></script>
    <script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/script.js" type="text/javascript"></script>
    
    
    <link rel="stylesheet" type="text/css" href="css/ie7.css" media="screen"/>
    
    <link rel="shortcut icon" href="http://www.texasdirectautoinfo.com/lander/images/favicon.ico" type="image/x-icon">
    <link rel="icon" href="http://www.texasdirectautoinfo.com/lander/images/favicon.ico" type="image/x-icon">
    
    </head>
    
    <body>
    
    <!-- start header -->
    <div id="header">
    	<!-- start box -->
    	<div class="box">
        	<!-- start logo -->
        	<div id="logo"> 
            	<a href="http://www.texasdirectautoinfo.com" title="TEXAS DIRECT AUTO"><img src="images/texas-rgb.gif" alt="logo" height="95" width="420"></a>
      		</div>
            <!-- end logo -->
            <!-- start header right -->
    		<div id="header-right">
            	<!-- start phone block -->
    			<div class="phone-block">
    				<img src="images/img_phone.jpg" alt="phone" height="49" width="70">
                    <span>Give Us a Call Today!<b>832-310-2229</b></span>
          		</div>
       			<!-- end phone block -->
              	<div class="clear"></div>
              	<!-- start social -->
                <div class="social">
              		<ul>
                		<li><a href="http://www.bbb.org/" title="BBB"><img src="images/ico_BBS.png" alt="BBB" height="34" width="69"></a></li>
                    	<li><a href="https://plus.google.com/111177360221286345058/about" title="google+"><img src="images/ico_google+.png" alt="Google+" height="34" width="24"></a></li>
                    	<li><a href="http://www.facebook.com/TexasDirectAuto" title="facebook"><img src="images/ico_facebook.png" alt="facebook" height="34" width="15"></a></li>
                    	<li><a href="http://www.youtube.com/user/TexasDirectAuto?feature=watch" title="youtube"><img src="images/ico_youtube.png" alt="Youtube" height="34" width="15"></a></li>
                        <li class="last"><a href="http://www.facebook.com/TexasDirectAuto/likes" title="facebook"><img src="images/ico_facebook_like.png" alt="Facebook like" height="34" width="79"></a></li>
                	</ul>
    		  	</div>
                <!-- end social -->
            </div>
            <!-- end header right -->
        </div>
        <!-- end box -->
    </div>
    <!-- end header -->
    <!-- start container -->
    <div id="container">
    	<!-- start box -->
    	<div class="box">
        	<!-- start leftcol -->
        	<div class="left-content">
            	<!-- start slider -->
                <div id="slider">
                	<img src="images/img_slider.jpg" alt="slider" height="271" width="505">
              	</div>
                <!-- end slider -->
                <!-- start content -->
                <div class="content">
                	<h3>Welcome to the <span>World's Largest Independent Dealership.</span> </h3>
                    <p>Texas Direct Auto keeps over 2000 Units in Stock to choose from. We carry all makes and models, we have some of the best financing options in the country, and we will buy your car even if you don't buy ours. We have everything from Honda Civics to Lamborghini. We have an elite team of buyers that enable us to sell vehicles with low miles at the most competitive prices. Texas Direct Auto is known for our simplistic process that puts you in the drivers seat faster.</p>
                	<!-- start list -->
                    <div class="list">
                    	<ul>
                        	<li>Over 2,000 vehicles in stock with top 1% pricing in the country.</li>
                            <li>We sell to customers locally as well as ship vehicles internationally.</li>
                            <li>We work with all the major lenders to provide rates as low as 2.9%</li>
                            <li>We'll give you an online estimate for your trade before you come here.</li>
                        </ul>
                        <div class="clear"></div>
                    </div>
                    <!-- end list -->
                </div>
                <!-- end content -->
            </div>
            <!-- end leftcol -->
            <!-- start rightcol -->
            <div class="right-content">
            	<!-- start form fill -->
                <div class="form-fill">
                	<!-- start form -->
                    <div class="form">
                    	<h3><b>It's</b> Easy <b>and</b> Quick!<span>Find a Vehicle. <b class="red">Get Started Now!</b></span></h3>
                        <div class="arrow">
                        	<img src="images/img_arrow.png" alt="arrow" height="86" width="95">
                   	  	</div>
                    	<!-- start forn entry -->
                       <div class="form-entry">
                        	    <!-- STEP 1: Put the full URL to formmail.php on your website in the 'action' value. -->
    <form name='leadform' id='leadform' action="http://www.texasdirectautoinfo.com/lander/formmail.php" method='post' class="Search">
        <input type="hidden" name="env_report" value="REMOTE_HOST,REMOTE_ADDR,HTTP_USER_AGENT,AUTH_TYPE,REMOTE_USER" />
    
        <!-- STEP 2: Put your email address in the 'recipients' value.
                     Note that you also have to allow this email address in the
                     $TARGET_EMAIL setting within formmail.php!
        -->
        <input type="hidden" name="recipients" value="something@something.com,something@something.com" />
    
        <!-- STEP 3: Specify required fields in the 'required' value - or leave unchanged.
                NOTE: DO NOT put your email address and name here.
                "Your email address" and "Your name" are error messages for your users to see,
                not placeholders for you to replace.
        -->
        <input type="hidden" name="required" value="First_Name:Your first name,Last_Name:Your last name,Phone_Number:Your phone number,Email_Address:Your email address" />
    
        <!-- STEP 4: Put your subject line in the 'subject' value. -->
        <input type="hidden" name="subject" value="Canada Lead Landing Page Lead" />
    
        <!-- ALL DONE! Visit our site for HOW TO guides and more complex features. -->
    
        <!-- this derives (creates) "email" and "realname" special fields from the input fields
        <input type="hidden" name="derive_fields" value="email=Email_Address,realname=First_Name" />
         -->
    
        <!-- this excludes the "email" and "realname" special fields from the body of the email you receive -->
        <input type="hidden" name="mail_options" value="Exclude=email;realname" />
                            	<div class="row">  
                                    <label for="First Name" class="label">First Name:</label>
                                    <input name="First Name" id="First Name" class="input" class="validate[required] text-input input" type="text" />
                                </div>
                                <div class="row">  
                                    <label for="Last Name" class="label">Last Name:</label>
                                    <input name="Last Name" id="Last Name" class="input" class="validate[required] text-input input required" type="text" /> 
                                </div>
                                <div class="row">  
                                    <label for="Phone Number" class="label">Phone Number:</label>
                                    <input name="Phone Number" id="Phone Number" class="input" class="validate[required, custom[onlyNumberSp]] text-input input required" type="text" />             
                                </div>
                                <div class="row">  
                                    <label for="Email Address" class="label">Email Address:</label>
                                    <input name="Email Address" id="Email Address" class="input" class="validate[required, custom[email]] text-input input v2_email" type="text" />       
                                </div>
                                <div class="row gap">         
                                    <label for="Make" class="label">Make / Model of Vehicle:</label>
                                    <input name="Vehicle Interested In:" id="Make" class="input" class="validate[required] text-input input required" type="text" />
                                </div>     
                                <div class="row gap2"> 
                                    <input name="field" id="financing" value="" class="radio" type="checkbox">
                                    <label for="financing" class="label label2">I need financing!</label> 
                                    <input name="field" id="Trade-in" value="" class="radio" type="checkbox">
                                    <label for="Trade-in" class="label label2">I have a Trade-in!</label> 
                                    <input name="field" id="shipping" value="" class="radio" type="checkbox">
                                    <label for="shipping" class="label label2">How much for shipping?</label> 
                                </div>    
                                <div class="row">
                                	<input type="submit" value="Find My Car" class="button"/>
                                	<span class="lock">Safe&amp;<br>Secure</span>
                                </div> 
                        	</form>
                        </div>
                        <!-- end forn entry -->
                        <div class="clear"></div>
                    </div>
                    <!-- end form -->
                </div>
                <!-- end form fill -->
            </div>
            <!-- end rightcol -->
            <div class="clear"></div>
        </div>
        <!-- end box -->
        <!-- start button block -->
        <div class="button-block">
        	<div class="box">
        		<a href="http://www.texasdirectautoinfo.com/finance.html" title="Need Financing? Get Approved Now!" class="button">Need Financing? Fill Out An Application</a>
                <a href="http://www.texasdirectautoinfo.com/stock.html" title="View Our Entire Inventory!" class="button2">View Our Entire Inventory!</a>
            </div>
        </div>    
        <!-- end button block -->
        <!-- start bottom-block -->
        <div class="bottom_block">
        	<div class="box">
            	<!-- start video -->
                <div class="video"> 
                	<iframe width="445" height="271" src="http://www.youtube.com/embed/27AT9ScRklo" frameborder="0" allowfullscreen></iframe>
                </div>
                <!-- end video -->
                <!-- start bottom-blk-right -->
                <div class="bottom-right">
                	<h4>What our customers say about us..</h4>
                    <span class="slider name">
                    	<small>lindagkimsey <b>San Diego, CA</b></small>
                        <small>John Doe <b>Miami, NJ</b></small>
                        <small>Maggie Sean <b>Los Angles, NV</b></small>
                    </span>
                    <span class="slider blue">
                    	<small>Jaguar : XF</small>
                        <small>Audi : A4</small>
                        <small>BMW : Z4</small>
                    </span>
                    <blockquote><span><b class="slider">
                    	<small>Amazing Dealership!!! Flew in from CA and drove home with my new car!</small>
                        <small>Nice Daily Driver.</small>
                        <small>Best Car. Best Price!!</small>
                    </b></span></blockquote>
                </div>
                <!-- end bottom-blk-right -->
            </div>
        </div>
        <!-- start bottom-blk-right -->
    </div>
    <!-- end container -->
    <!-- start footer -->
    <div id="footer">
    	<!-- start box -->
       	<div class="box">
        	<!-- start logo block -->
           	<div class="logo-block">
           		<ul>
               		<li><a href="http://stores.ebay.com/texasdirectauto" title="Ebay"><img src="images/img_ebay.png" width="76" height="41" alt="ebay"></a></li>
                   	<li><a href="http://www.cars.com/for-sale/searchresults.action?stkTyp=U&dlId=463819" title="Cars.com"><img src="images/img_cars.png" width="85" height="41" alt="cars"></a></li>
                   	<li><a href="http://www.autotrader.com/dealers/dda/index.jsp?dealership_view_name=texasdirectauto&address=77477&dealer_id=8701969" title="AutoTrade.com"><img src="images/img_autotrade.png" width="229" height="41" alt="autotrade"></a></li>
                   	<li><a href="http://www.kbb.com/" title="Kelly Blue Book"><img src="images/img_kelly.png" width="132" height="41" alt="kelly"></a></li>
                   	<li><a href="http://www.nadaguides.com/" title="NADA"><img src="images/img_nada.png" width="37" height="41" alt="nada"></a></li>
    			</ul>
    		</div>
            <!-- end logo block -->
            <!-- start footer bottom -->
            <div class="footer-bottom">
                <ul>
                	<li>Copyright &copy; 2012-2013 Texas Direct Auto</li>
                	<li><a href="#" title="Blog">Blog</a></li>
                    <li><a href="javascript:void(0);" class="blk" onclick="newWindow('faq.html','','500','600','resizable,scrollbars')">FAQ</li>
                    <li><a href="http://stores.ebay.com/texasdirectauto" title="eBay Store">eBay Store</a></li>
                    <li><a href="http://www.texasdirectautoinfo.com/lander/contact.html" title="Contact Us">Contact Us</a></li>
                    <li><a href="http://www.texasdirectautoinfo.com/lander/privacy.html" title="Privacy Policy">Privacy Policy</a></li>
                    <li class="last"><a href="https://plus.google.com/111177360221286345058/about" title="Google+"><img src="images/ico_google+2.png" width="24" height="15" alt="google+"></a>
                    <a href="http://www.facebook.com/TexasDirectAuto" title="Facebook"><img src="images/ico_facebook2.png" width="14" height="15" alt="facebook"></a>
                    <a href="http://www.youtube.com/user/TexasDirectAuto?feature=watch" title="Youtube"><img src="images/ico_youtube2.png" width="15" height="15" alt="youtube"></a></li>
                 </ul>
                
            </div>
            <!-- end footer bottom -->
    	</div>
        <!-- end box -->
    </div>
    <!-- end footer -->
    
    <!-- Get Clicky Tracking Code-->
    <script src="//static.getclicky.com/js" type="text/javascript"></script>
    <script type="text/javascript">try{ clicky.init(100546024); }catch(e){}</script>
    <noscript><p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/100546024ns.gif" /></p></noscript>
    
    <!-- Google Analytics Tracking Code -->
    <script type="text/javascript">
    
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-16152976-5']);
      _gaq.push(['_trackPageview']);
    
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    
    </script> 
    
    </body>
    </html>

  • #2
    New to the CF scene
    Join Date
    Nov 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Code:
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, footer, header, 
    
    hgroup, menu, nav, section {
    	display: block;
    }
    body {
    	line-height: 1;
    }
    ol, ul {
    	list-style: none;
    }
    blockquote, q {
    	quotes: none;
    }
    blockquote:before, blockquote:after, q:before, q:after {
    	content: '';
    	content: none;
    }
    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }
    * {
    	outline:none;
    }
    /* ---------------- common tags --------------------- */
    h1, h2, h3, h4, h5, h6, strong {
    	font-weight:bold;
    }
    i, em {
    	font-style:italic;
    }
    .left {
    	float:left;
    }
    .right {
    	float:right;
    }
    .alignleft {
    	text-align:left;
    }
    .alignright {
    	text-align:right;
    }
    .aligncenter {
    	text-align:center;
    }
    .clear {
    	clear:both;
    	line-height:1px;
    	height:1px;
    }
    textarea {
    	overflow:auto;
    	font-family:Arial, Helvetica, sans-serif; /* Body Font 
    
    Family Will Come Here */
    }
    a {
    	color:#333;
    	text-decoration:none;
    }
    a:hover {
    	color:#000;
    }
    
    /* ---------------- layout tags --------------------- */
    body {
    	background:#fff;
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:11px;
    	color:#333;
    }
    .box {
    	width:954px;
    	margin:0 auto;
    }
    
    /* header */
    #header {
    	background:url(../images/bg_header.png) repeat-x left 
    
    bottom;
    	width:100%;
    	height:162px;
    }
    #logo {
    	width:349px;
    	height:71px;
    	float:left;
    	margin:23px 50px 0 31px;
    }
    #header-right {
    	width:524px;
    	float:left;
    }
    .phone-block {
    	width:280px;
    	height:49px;
    	float:right;
    	margin:18px 0 5px 0;
    	font-size:13px;
    	font-weight:bold;
    }
    .phone-block img {
    	float:left;
    	margin-right:-15px;
    }
    .phone-block span {
    	display:inline-block;
    	width:189px;
    	padding-top:5px;
    	text-align:center;
    }
    .phone-block b {
    	display:inline-block;
    	padding-top:5px;
    	font-size:22px;
    	color:#d71313;
    	font-weight:bold;
    }
    .social {
    	width:280px;
    	float:right;
    }
    .social li {
    	float:left;
    	padding:0 4px;
    }
    .social li.last {
    	background:url(../images/bg_social_divider.png) no-repeat 
    
    left center;
    	padding-left:5px;
    	margin-left:2px;
    }
    
    /* container */
    #container {
    	width:100%;
    }
    .left-content {
    	width:525px;
    	float:left;
    	padding-left:8px;
    }
    #slider {
    	width:505px;
    	height:271px;
    	margin:0 0 14px 0;
    }
    .content {
    	width:476px;
    	padding-left:32px;
    	font-size:14px;
    	color:#383838;
    }
    .content h3 {
    	font-size:18px;
    	color:#e55959;
    	line-height:26px;
    	padding:0 0 16px 0;
    }
    .content h3 span {
    	display:block;
    	font-size:22px;
    	color:#d71313;
    }
    .content p {
    	line-height:20px;
    	padding:0 50px 15px 0;
    }
    .list {
    	background:url(../images/bg_list.png) no-repeat left top;
    	width:485px;
    	padding:6px 0 36px 0;
    }
    .list li {
    	background:url(../images/ico_arrow.png) no-repeat left 
    
    center;
    	width:203px;
    	float:left;
    	padding:12px 5px 12px 30px;
    	font-size:12px;
    	color:#2e2e2e;
    	font-weight:bold;
    	line-height:18px;
    }
    .right-content {
    	width:421px;
    	float:left;
    }
    .form-fill {
    	background:url(../images/bg_formfill.jpg) no-repeat left 
    
    bottom;
    	padding-top:18px;
    	min-height:667px;
    }
    .form {
    	border:10px solid #7f97ba;
    	width:376px;
    	float:left;
    	min-height:610px;
    	margin:0 0 36px 25px;
    	position:relative;
    	top:0;
    	left:0;
    }
    .form h3 {
    	padding:16px 0;
    	font-size:32px;
    	color:#606060;
    	font-style:italic;
    	text-align:center;
    	line-height:normal;
    }
    .form h3 b {
    	color:#a9a9a9;
    }
    .form h3 span {
    	display:block;
    	font-size:24px;
    	color:#343434;
    	font-weight:normal;
    	font-style:normal;
    }
    .form h3 span b.red {
    	color:#d71313;
    	font-weight:bold;
    }
    .form-entry {
    	background:url(../images/bg_form_entry.png) no-repeat left 
    
    top;
    	padding:30px 24px 0 22px;
    }
    form.search .label {
    	width:100px;
    	float:left;
    	font-size:14px;
    	color:#5b5a5a;
    	line-height:20px;
    }
    form.search .input {
    	border:1px solid #b0b0b0;
    	width:160px;
    	height:19px;
    	float:right;
    	padding:0 5px;
    	margin:0 0 19px 0;
    	line-height:19px;
    	color:#999;
    }
    form.search .label2 {
    	width:auto;
    	padding:0 26px 18px 0;
    	margin-top:-4px;
    }
    form.search .radio {
    	float:left;
    	margin:0 10px 0 0;
    }
    form.search .button {
    	background:url(../images/bg_button.png) no-repeat left 
    
    top;
    	border:none;
    	width:209px;
    	height:52px;
    	float:left;
    	margin:0 10px 70px 24px;
    	font-size:20px;
    	color:#FFF;
    	text-align:center;
    	cursor:pointer;
    	text-shadow:rgba(0, 0, 0, 0.46) 0px 1px 1px;
    }
    form.search .button:hover {
    	background-position:left bottom;
    }
    .arrow {
    	width:95px;
    	height:86px;
    	position:absolute;
    	top:472px;
    	left:-36px;
    }
    form.search .row {
    	width:100%;
    	float:left;
    }
    .row span.lock {
    	background:url(../images/bg_lock.png) no-repeat left top;
    	width:40px;
    	height:45px;
    	float:left;
    	padding:8px 0 0 40px;
    	font-size:14px;
    	color:#474747;
    	line-height:18px;
    }
    .row.gap {
    	border-bottom:1px solid #c2c2c2;
    	padding-bottom:26px;
    	margin-bottom:22px;
    }
    .row.gap2 {
    	border-bottom:1px solid #c2c2c2;
    	margin-bottom:35px;
    }
    .button-block {
    	background:url(../images/bg_button_block.png) repeat-x 
    
    left top;
    	height:72px;
    }
    .button-block a.button, .button-block a.button2 {
    	background:url(../images/sprite_button.png) no-repeat left 
    
    top;
    	width:391px;
    	height:52px;
    	float:left;
    	margin:10px 0 0 70px;
    	font-size:17px;
    	color:#FFF;
    	line-height:52px;
    	font-weight:bold;
    	text-align:center;
    	text-shadow:rgba(0, 0, 0, 0.46) 0px 1px 0px;
    }
    .button-block a.button:hover, .button-block a.button2:hover {
    	background-position:left bottom;
    }
    .button-block a.button2 {
    	float:right;
    	margin:10px 70px 0 0;
    }
    .bottom_block {
    	background:url(../images/bg_bottom_block.png) repeat-x;
    	width:100%;
    	height:325px;
    }
    .video {
    	background:url(../images/bg_shadow.png) no-repeat;
    	width:483px;
    	height:309px;
    	float:left;
    	margin:8px 0 0 8px;
    }
    .video img {
    	padding:19px 0 0 19px;
    }
    .bottom-right {
    	float:left;
    	padding:16px 0 0 30px;
    }
    .bottom-right h4 {
    	display:block;
    	padding:0 0 46px 6px;
    	font-size:24px;
    	color:#FFF;
    	text-shadow:rgba(0, 0, 0, 0.75) 0px 2px 2px;
    }
    .bottom-right .name {
    	background:url(../images/bg_divider.png) no-repeat left 
    
    bottom;
    	display:block;
    	height:24px;
    	color:#362a01;
    	font-size:24px;
    	font-weight:bold;
    	padding:0 0 16px 0;
    	margin-bottom:12px;
    }
    .bottom-right .name small, .bottom-right .blue small {
    	padding-left:6px;
    }
    .bottom-right small {
    	display:block;
    	width:100%;
    }
    .bottom-right .name b {
    	color:#b40a00;
    }
    .bottom-right .blue {
    	background:url(../images/bg_divider.png) no-repeat left 
    
    bottom;
    	display:block;
    	height:48px;
    	padding:0 0 16px 0;
    	margin-bottom:18px;
    	font-size:48px;
    	color:#344493;
    	font-weight:bold;
    }
    blockquote {
    	background:url(../images/bg_comment.png) no-repeat;
    	display:block;
    	width:416px;
    	height:94px;
    }
    blockquote span {
    	background:url(../images/bg_coma_left.png) no-repeat 18px 
    
    16px;
    	display:block;
    	padding:40px 0 0 60px;
    	font-size:14px;
    	color:#040404;
    	font-weight:bold;
    }
    blockquote span b {
    	background:url(../images/bg_coma_right.png) no-repeat 
    
    right 26px;
    	display:block;
    	width:337px;
    	height:94px;
    }
    
    /* footer */
    #footer {
    	background:url(../images/bg_footer.png) repeat-x left top;
    	width:100%;
    	height:161px;
    }
    .logo-block {
    	width:619px;
    	height:88px;
    	margin:0 auto;
    }
    .logo-block li {
    	float:left;
    	padding:23px 0 0 12px;
    }
    .footer-bottom {
    	background:url(../images/bg_footer_botom.png) no-repeat 
    
    left top;
    	width:100%;
    	height:72px;
    }
    .footer-bottom ul {
    	display:block;
    	font-size:14px;
    	color:#5d5d5d;
    	text-align:center;
    	font-weight:bold;
    	padding:34px 0 0 120px;
    }
    .footer-bottom li {
    	background:url(../images/divider_footer.png) no-repeat 
    
    left center;
    	float:left;
    	padding:0 7px 0 10px;
    }
    .footer-bottom li:first-child, .footer-bottom li.last {
    	background:none;
    }
    .footer-bottom li a {
    	color:#5d5d5d;
    }
    .footer-bottom img {
    	margin-right:8px;
    	float:left;
    }

    Code:
    /* Z-INDEX */
     .formError { z-index: 990; }
        .formError .formErrorContent { z-index: 991; }
        .formError .formErrorArrow { z-index: 996; }
        
        .ui-dialog .formError { z-index: 5000; }
        .ui-dialog .formError .formErrorContent { z-index: 5001; }
        .ui-dialog .formError .formErrorArrow { z-index: 5006; }
    
    
    
    
    .inputContainer {
    	position: relative;
    	float: left;
    }
    
    .formError {
    	position: absolute;
    	top: 300px;
    	left: 300px;
    	display: block;
    	cursor: pointer;
    }
    
    .formError.inline {
    	position: relative;
    	top: 0;
    	left: 0;
    	display: inline-block;
    }
    
    .ajaxSubmit {
    	padding: 20px;
    	background: #55ea55;
    	border: 1px solid #999;
    	display: none
    }
    
    .formError .formErrorContent {
    	width: 100%;
    	background: #ee0101;
    	position:relative;
    	color: #fff;
    	width: 150px;
    	font-size: 11px;
    	border: 2px solid #ddd;
    	box-shadow: 0 0 6px #000;
    	-moz-box-shadow: 0 0 6px #000;
    	-webkit-box-shadow: 0 0 6px #000;
    	padding: 4px 10px 4px 10px;
    	border-radius: 6px;
    	-moz-border-radius: 6px;
    	-webkit-border-radius: 6px;
    }
    
    .formError.inline .formErrorContent {
    	box-shadow: none;
    	-moz-box-shadow: none;
    	-webkit-box-shadow: none;
    	border: none;
    	border-radius: 0;
    	-moz-border-radius: 0;
    	-webkit-border-radius: 0;
    }
    
    .greenPopup .formErrorContent {
    	background: #33be40;
    }
    
    .blackPopup .formErrorContent {
    	background: #393939;
    	color: #FFF;
    }
    
    .formError .formErrorArrow {
    	width: 15px;
    	margin: -2px 0 0 13px;
    	position:relative;
    }
    body[dir='rtl'] .formError .formErrorArrow,
    body.rtl .formError .formErrorArrow {
    	margin: -2px 13px 0 0;
    }
    
    .formError .formErrorArrowBottom {
    	box-shadow: none;
    	-moz-box-shadow: none;
    	-webkit-box-shadow: none;
    	margin: 0px 0 0 12px;
    	top:2px;
    }
    
    .formError .formErrorArrow div {
    	border-left: 2px solid #ddd;
    	border-right: 2px solid #ddd;
    	box-shadow: 0 2px 3px #444;
    	-moz-box-shadow: 0 2px 3px #444;
    	-webkit-box-shadow: 0 2px 3px #444;
    	font-size: 0px;
    	height: 1px;
    	background: #ee0101;
    	margin: 0 auto;
    	line-height: 0;
    	font-size: 0;
    	display: block;
    }
    
    .formError .formErrorArrowBottom div {
    	box-shadow: none;
    	-moz-box-shadow: none;
    	-webkit-box-shadow: none;
    }
    
    .greenPopup .formErrorArrow div {
    	background: #33be40;
    }
    
    .blackPopup .formErrorArrow div {
    	background: #393939;
    	color: #FFF;
    }
    
    .formError .formErrorArrow .line10 {
    	width: 15px;
    	border: none;
    }
    
    .formError .formErrorArrow .line9 {
    	width: 13px;
    	border: none;
    }
    
    .formError .formErrorArrow .line8 {
    	width: 11px;
    }
    
    .formError .formErrorArrow .line7 {
    	width: 9px;
    }
    
    .formError .formErrorArrow .line6 {
    	width: 7px;
    }
    
    .formError .formErrorArrow .line5 {
    	width: 5px;
    }
    
    .formError .formErrorArrow .line4 {
    	width: 3px;
    }
    
    .formError .formErrorArrow .line3 {
    	width: 1px;
    	border-left: 2px solid #ddd;
    	border-right: 2px solid #ddd;
    	border-bottom: 0 solid #ddd;
    }
    
    .formError .formErrorArrow .line2 {
    	width: 3px;
    	border: none;
    	background: #ddd;
    }
    
    .formError .formErrorArrow .line1 {
    	width: 1px;
    	border: none;
    	background: #ddd;
    }


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •