/**
 * NamodgApp - A beautiful ajax form
 * ========================
 * 
 * NamodgApp is customizable, configurable, ajax application which can be used
 * to recieve data from users. It's form is generated using Namodg which allows
 * developers to eaisly extend and change the functionality of NamodgApp.
 * 
 * @author Maher Sallam <admin@namodg.com>
 * @link http://namodg.com
 * @copyright Copyright (c) 2010-2011, Maher Sallam
 *
 * Dual licensed under the MIT and GPL licenses:
 *   @license http://www.opensource.org/licenses/mit-license.php
 *   @license http://www.gnu.org/licenses/gpl.html
*/

/* General
=========================================================== */
body
{
    direction:ltr
}


/* Main Wrapper
=========================================================== */
.tip
{
    float:right
}

/* Header
=========================================================== */
#header h1 img
{
    margin-left: 0;
    margin-right:15px
}

/* Content
=========================================================== */
#content .alt,#content .captcha-question
{
    float:left
}

.shade .captcha,.shade select
{
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #D2D9DC;
    -moz-border-radius-bottomleft:0;
    -moz-border-radius-topleft:0;
    -webkit-border-bottom-left-radius:0;
    -webkit-border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-left:0 none;
    border-top-left-radius:0
}

#content .alt,#content .captcha-question
{
    background-position:right bottom;
}

#email {
    text-align:left;
}

#content button,.button
{
    right:30px;
    left: auto;
    font-size: 14px;
}

/* Namodg Select
=========================================================== */
.namodg-select
{
    float:left
}

.namodg-select .selected
{
    float:left
}

.namodg-select .toggler
{
    float: left
}

.namodg-select .toggle-button
{
    float: left;
    background-position:right top;
}

.namodg-select .toggler-active .toggle-button
{
    background-position:right bottom
}

/* Ajax Errors
=========================================================== */
#content .ajax-error
{
    text-align:left;
}

/* No-Ajax Validation Errors
=========================================================== */
#errors ul
{
    padding-right:0;
    padding-left:20px;
}

/* Response
=========================================================== */
#response
{
    background-image:url(../images/response/bg-ltr.png);
    background-position: 300px top;
}

#response .success-icon
{
    right:20px;
    left:auto;
}

#response .fail-icon
{
    right:18px;
    left:auto;       
}

#response h2
{
    margin:0 120px 15px 0;
    font-size: 22px;
}

#response p
{
    margin-left: 0;
    margin-right: 120px;
    font-size: 13px;
}