/**
 * CSS styles for forms generated by yiic.
 *
 * The styles can be applied to the following form structure:
 *
 * <div class="form">
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row buttons">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 * </div>
 *
 * The above code will render the labels and input fields in separate lines.
 * In order to render them in the same line, please use the "wide" form as follows,
 *
 * <div class="wide form">
 *     ......
 * </div>
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright Copyright &copy; 2008-2010 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */
div.form {
}

div.form input, div.form textarea, div.form select, div.form .selectric
    {
    margin: 0 0 0.5em 0;
}

div.form .selectric-items {
    margin-top: -0.5em
}

div.form fieldset {
    border: 1px solid #d8d8d8;
    padding: 10px;
    margin: 0 0 10px 0;
}

div.form label {
    font-weight: bold;
    font-size: 0.9em;
    display: block;
}

div.form .row {
    margin: 0;
}

div.form .lastRowOfSegment {
    padding-bottom: 60px;
}

div.form .hint {
    margin: 0;
    padding: 0;
    color: #444444;
}

div.form .note {
    font-style: italic;
}

div.form .strong {
    font-weight: bold;
}

div.form span.required {
    color: red;
}

div.form div.error label, div.form label.error, div.form span.error {
    color: #BE001D;
}

div.form div.error input, div.form div.error textarea, div.form div.error select,
    div.form input.error, div.form textarea.error, div.form select.error
    {
    border: 1px solid #ED0024;
}

div.form div.success input, div.form div.success textarea, div.form div.success select,
    div.form input.success, div.form textarea.success, div.form select.success
    {
    border: 1px solid #00BEA0;
}

div.form div.success input[type=submit]:hover {
    background: #009880;
    border: 1px solid #009880;
    color: #fff;
}

div.form .errorSummary {
    border: 2px solid #BE001D;
    padding: 7px 7px 12px 7px;
    margin: 0 0 20px 0;
    background: #f7f7f7;
    font-size: 0.9em;
}

.errorMessage {
    color: red;
    font-size: 1em;
}

div.form .errorSummary p {
    margin: 0;
    padding: 5px;
}

div.form .errorSummary ul {
    margin: 0;
    padding: 0 0 0 20px;
}

div.wide.form label {
    float: left;
    margin-right: 10px;
    position: relative;
    text-align: right;
    width: 100px;
}

div.wide.form .row {
    clear: left;
}

div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage
    {
    clear: left;
    padding-left: 110px;
}

#nicWidgetNew_admin_contact_nic_1, #nicWidgetNew_admin_contact_nic_2,
    #nicWidgetNew_tech_contact {
    margin-left: 20px;
}

div.form .payment_type_box label {
    display: inline;
}

#DomainDetailsForm td.nameserver, #RequestTransferDetailsForm td.nameserver,
    #Nichandle_Details .formfields td.nameserver,
    #Direct_Account_Details .formfields td.nameserver, #AccountTopUpForm .formfields td.nameserver
    {
    width: 25%;
}

#DomainDetailsForm td, #RequestTransferDetailsForm td,
    #Nichandle_Details .formfields td, #Direct_Account_Details .formfields td,
    #AccountTopUpForm .formfields td {
    width: 50%;
}

#RegistrantTransferPurchaseDetailsForm .admin-info > td,
#RegistrantTransferBuyRequestDetailsModel .admin-info > td {
    padding-left: 30px;
}

#RegistrantTransferPurchaseDetailsForm .class-guidelines {
    margin: 0 0 0.5em 0;
}

input[type=checkbox] {
    border: none;
}

select {
    color: #444444 !important;
}

.buttons input[type=button], .buttons input[type=submit] {
    margin-right: 2px;
}

#RegistrantTransferBuyRequestDetailsModel td {
    vertical-align: top;
}

#RegistrantTransferBuyRequestDetailsModel .long-field {
    width: 500px;
}

#RegistrantTransferBuyRequestDetailsModel textarea {
    width: 500px;
    overflow: hidden;
}

#Direct_Account_Details .row {
    width: 350px;
}

#Direct_Account_Details input[type='text'],
#Direct_Account_Details input[type='password'],
#Direct_Account_Details textarea,
#Direct_Account_Details .selectric-wrapper {
    width: 100%;
}

#Direct_Account_Details select {
    margin: 0;
}

#Direct_Account_Details textarea {
    overflow: hidden;
}

#Direct_Account_Details label.inline {
    display: inline;
}