/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Form Styling
*/


/* FIELDSETS
---------------------------------------- */
fieldset {
    border: 0;
}

/* ACTION BUTTONS
---------------------------------------- */
input.action {
    padding:0;
}
input.action:hover,
input.action:focus {
    cursor: pointer;
}

/* FIELD FORMATING
---------------------------------------- */
form ul {
    list-style: none;
}
#Title .middleColumn {
    background: transparent;
}
    #Title .middleColumn select {
        width: 40px;
        border:  1px solid #ccc;
    }
.middleColumn {
    display: block;
    background: transparent url(../images/bg-input.png) left top no-repeat;
    width: 212px;
    height:20px;
    float: left;
    margin-bottom:10px;
}

    div.textarea .middleColumn  {
        background: transparent url(../images/bg-textarea.png) left top no-repeat;
        height:130px;
    }

div.tab .field .middleColumn {
    clear: none !important;
    margin: 0 !important;
    width: auto;
}

.middleColumn .middleColumn {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}

.middleColumn .message {
    margin: 0;
}
/* INPUT BOXS
---------------------------------------- */

input.text, textarea, select {
    padding:0;
    margin:2px 5px;
    border:0;
    color: #555;
    width: 202px;
    background:none;
    font-size:1em;
}

    div.error input {
        color:#8b0000;
    }

    input#Form_TrialForm_action_doTrial,
    input#CustomAjaxForm_Form_action_doContact,
    input#CustomAjaxForm_Form_action_doAccess,
    input#CustomAjaxForm_VideoAccessForm_action_doVerification    {
        margin:0 0 20px 89px;
        width:49px;
        height:20px;
        border:0;
        color:#fff;
        font-weight:bold;
        background:transparent url(../images/bttn-send.png) left top no-repeat;
    }

        input#Form_TrialForm_action_doTrial:hover,
        input#CustomAjaxForm_Form_action_doContact:hover,
    input#CustomAjaxForm_Form_action_doAccess:hover,
    input#CustomAjaxForm_VideoAccessForm_action_doVerification:hover    {
            background-position:left -20px;
        }
    
textarea {
    height:126px;
    min-height:126px;
    max-height:126px;
    min-width:202px;
    max-width:202px;
    font-size:1em;
    overflow:auto;
}

div.Actions {
    
}

/* SELECT DROPDOWN
---------------------------------------- */

select {
    width: auto;
}

/* LABELS
---------------------------------------- */
.typography label {
    display: block;
    margin:0;
    float:left;
    width:89px;
    color:#555555;
    font-size:0.8em;
    line-height:20px;
}

.typography label.recaptcha_input_area_text {
    float: none;
}

label.right {
    display:inline;
}

/* CLIENT LOGIN FORM */

form#ClientLoginForm    {
    padding:0px 20px 0 20px;
}

    form#ClientLoginForm label    {
        color:#4f5052;
        font-size:0.75em;
        float:left;
        line-height:21px;
        margin-right:10px;
    }

    form#ClientLoginForm input    {
        color:#0077c0;
        font-size:0.75em;
        width:82px;
        margin:0 10px;
        border:0;
        font-size:0.8em;
        background:none;
    }

    form#ClientLoginForm div.fieldHolder    {
        width:103px;
        margin:0px 10px 0 0;
        float:left;
        height:21px;
        background:transparent url(../images/bg-input-login.png) left top no-repeat;
    }

    form#ClientLoginForm div.fieldHolder,
    form#ClientLoginForm label  {
        margin-top:12px;
    }

    form#ClientLoginForm input#SubmitClientLogin    {
        width:19px;
        height:20px;
        border:0;
        margin:11px 0 0 0;
        cursor:pointer;
        background:transparent url(../images/bttn-login.png) left top no-repeat;
    }

    form#MemberLoginForm_LoginForm  {
        padding-top:30px;
    }

        form#MemberLoginForm_LoginForm p#Remember  {
            clear:both;
            padding-left:89px;
        }

            form#MemberLoginForm_LoginForm p#Remember label,
            form#MemberLoginForm_LoginForm div.Actions p  {
                float:left;
                margin:0;
                text-align:left;
                width:60%;
            }

            form#MemberLoginForm_LoginForm p#Remember input,
            form#MemberLoginForm_LoginForm div.Actions input    {
                float:left;
                margin-right:10px;
            }

            form#MemberLoginForm_LoginForm div.Actions  {
                padding-top:20px;
            }

#Form_TrialForm .field:after,
#CustomAjaxForm_Form .field:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}