/**
*
* MDW - Methodware CSS style sheet for form inputs
*
*/

fieldset {
}

fieldset {
    border: thin none;
}
fieldset div.email div.fieldHolder,
fieldset div.text div.fieldHolder,
fieldset div.password div.fieldHolder {
    background:transparent url(/themes/mdw/images/form-inputtext.png) no-repeat scroll 0 0;
    border:thin none;
    height:20px;
    overflow:hidden;
    width:204px;
    color:#231f20;
    float:left;
}

    fieldset div.email div.fieldHolder input,
    fieldset div.text div.fieldHolder input,
    fieldset div.password div.fieldHolder input {
        width:196px;
        height:16px;
        margin:2px;
        border:0;
        background:none;
    }

fieldset div.password div.fieldHolder {
    background:transparent url(/themes/mdw/images/form-inputtext.png) no-repeat scroll 0 0;
    border:thin none;
    height:20px;
    overflow:hidden;
    width:204px;
    color:#231f20;
    float:left;
}

fieldset div.textlong div.fieldHolder {
    background:transparent url(/themes/mdw/images/form-inputtext-long.png) no-repeat scroll 0 0;
    border:thin none;
    height:20px;
    width:294px;
    color: #999999;
}

    fieldset div.textlong div.fieldHolder input {
        width:290px;
        height:16px;
        margin:2px;
        border:0;
        background:none;
    }


fieldset div.textarea textarea {
    background:transparent;
    border:thin none;
    height:96px;
    padding:2px;
    width:200px;
    color:#231f20;
    overflow:auto;
}

    fieldset div.textarea div.fieldHolder {
        height:100px;
        width:204px;
        float:left;
        background:transparent url(/themes/mdw/images/form-textarea.png) no-repeat scroll 0 0;
    }


div.field label {
    width: 100px;
    font-size:0.95em;
    float:left;
}
div.field {
    padding:5px 0;
}
div.select ul label {
    display:block;
    float:left;
}
div.select ul input.radio {
    display:block;
    float:left;
    margin:0 6px 0 0;
}
div.select ul li {
    display:block;
    height:17px;
    margin:4px 2px;
}
div.select ul {
    list-style: none;
    margin:0;
}
form#EnquiryForm_Form {
    width:312px;
}
fieldset label{

}
.typography fieldset h4 {
    color:#9B9898;
    font-size:12px;
    font-weight:bold;
    margin:6px 0;
}
div.Actions input{
    background:transparent url(/themes/mdw/images/form-submit.png) no-repeat scroll 0 0;
    border:0 none;
    cursor:pointer;
    font-size:0;
    height:30px;
    margin:20px 0 0 10px;
    overflow:hidden;
    padding:30px 0 0;
    width:72px;
}
div.Actions{
    float:right;
}
div#Nature{
    margin-bottom:14px;
}
div#Firstname{
    margin-top:10px;
}
textarea,
input{
    font: normal 12px Arial,Helvetica,sans-serif;
    color: #231f20;
}


form#ContactForm_Form fieldset.contactDetails div.field label{
    width:89px;
}
form#ContactForm_Form fieldset.contactDetails,
form#ContactForm_Form fieldset.contactDetailsMessage {
    float:left;
    width:313px;
}
form#ContactForm_Form fieldset.contactDetailsMessage .middleColumn{
    float:none;
    clear:both;
    height:22px;
}
form#ContactForm_Form fieldset.contactDetailsMessage div.field label {
    display:block;
    float:none;
    padding:5px 0 11px;
    width:100%;
}
div#Country .middleColumn select{
    width: 204px;
}

body form#ContactForm_Form fieldset.contactDetailsMessage div.shortComments textarea {
    background:transparent url(/themes/mdw/images/form-textarea-short.png) repeat scroll 0 0;
    height:76px;
    margin:-3px 0 0;
    padding:2px;
    width:290px;
}

form#ContactForm_Form fieldset.contactDetailsMessage div.textarea textarea {
    background:transparent;/* url(/themes/mdw/images/form-textarea-large.png) repeat scroll 0 0;*/
    height:106px;
    padding:2px;
    width:290px;
}

    form#ContactForm_Form fieldset.contactDetailsMessage div.textarea div.fieldHolder {
        background:transparent url(/themes/mdw/images/form-textarea-large.png) repeat scroll 0 0;
        height:110px;
        width:294px;
    }


form#ContactForm_Form {
    width:644px;
    /*margin:0 0 150px;*/
}
form#ContactForm_Form div.Actions{
    margin:1px 31px 3px 5px;
}
form#ContactForm_Form div.Actions input{
    margin:0;
}
div#HearAboutUs select {
    width:295px;
}
form#ContactForm_Form .typography fieldset h4 {
    margin:6px 0 9px;
}
form#EnquiryForm_Form div.select ul li.valFileUpload{
    height: 25px;
}
form#EnquiryForm_Form .fileUpload{
    background:transparent url(/themes/mdw/images/form-file.png) repeat scroll 0 0;
    height:23px;
    padding:2px;
    width:255px;
}
form#EnquiryForm_Form #EnquiryForm_Form_File {
    border:medium none;
    height:23px;
    opacity:0;
    position:relative;
    text-align:right;
    width:255px;
    z-index:2;
}
.fileUpload p {
    position: relative;
    top: -21px;
}
form#EnquiryForm_Form .error div input {
    color: #940f0f;
}
form fieldset div.error input{
    color: #940f0f;
    background:transparent url(/themes/mdw/images/form-input-error.png) repeat scroll 0 0;
}





/* -----------------------------------------
    Styled Select Fields
 -----------------------------------------*/

.selectWrapper .option {
    line-height:19px;
    color:#231f20;
    cursor:pointer;
}
.selectWrapper .optionHover {
    background:#9EBC66 url(../images/select-options-hover.png) left top repeat-y;
    color:#fff;
}

.selectWrapper {
    position:relative;
    float:left;
    height:19px;
    font-size:13px;
    font-family: Arial, Helvetica, sans-serif;
}

.selectWrapper .styledSelect {
    position:absolute;
    top:0px;
}
.selectWrapper .selectedOption {
    float:left; /* Must have this */
    background:transparent url(../images/select-field2.png) left top no-repeat;
}

.selectWrapper .selectedOption span {
    padding:0;
    margin:0;
    line-height:20px;
    height:20px;
    overflow:hidden;
    display:block;
    margin:0 0 0 5px;
    cursor: pointer;
    color:#231f20;
}
.selectWrapper .optionHolder span {
    margin:0 6px;
    line-height:20px;
    display:block;
}
.selectWrapper .optionHolder {
    background:#fff url(../images/select-options.png) left top repeat-y;
    clear:both;
    border-right:1px solid #f4f4f4;
}
.selectWrapper .selectArrow {
    float:right;
    width:21px;
    height:20px;
    cursor:pointer;
    background-color:transparent;
    background-image: url(../images/select-arrow2.png);
    background-position: right top;
    background-repeat: no-repeat;
}

.selectWrapper .selectFooter {
    background:transparent url(../images/select-footer.png) left top no-repeat;
    height:4px;
}

.selectWrapper .selectFooter .selectFooterRight {
    background:transparent url(../images/select-footer-right.png) right top no-repeat;
    height:4px;
    width:6px;
    float:right;
}

.jScrollPaneTrack2 {
    height: 150px;
    background:transparent url(../images/scroll-track.png) left bottom no-repeat;
    float: right;
    position: absolute;
    right: 0;
}

.jScrollPaneDrag2 {
    background:transparent url(../images/scroll-drag-mid.png) left top repeat-y;
    position: absolute;
    cursor:pointer;
}

.jScrollPaneDragTop {
    height:5px;
    background:transparent url(../images/scroll-drag-top.png) left top no-repeat;
}

.jScrollPaneDragBottom {
    height:5px;
    position:absolute;
    bottom:0;
    background:transparent url(../images/scroll-drag-bottom.png) left bottom no-repeat;
}

div#Heardetail{
    display: none;
}

form#MemberLoginForm_LoginForm  {
    margin:0 0 0 30px;
    padding-top:25px;
    width:617px;
}

    form#MemberLoginForm_LoginForm div.Actions  {
        float:left;
        width:300px;
    }

        form#MemberLoginForm_LoginForm div.Actions input {
            float:right;
            margin:0;
        }

        form#MemberLoginForm_LoginForm div.text input,
        form#MemberLoginForm_LoginForm div.password input{           
            margin:0;
            background:transparent url(/themes/mdw/images/form-inputtext.png) no-repeat scroll 0 0;
            border:thin none;
            padding:2px;
            height:16px;
            width:204px;
            color:#231f20;
        }

form#RequestDemoForm_Form div.optionset label,
form#RequestDemoForm_Form div.checkboxset label {
    width:200px;
}

form#RequestDemoForm_Form div.optionset ul,
form#RequestDemoForm_Form div.checkboxset ul    {
    margin:0;
    padding:0;
    float:left;
    width:170px;
    list-style:none;
}

    form#RequestDemoForm_Form div.optionset ul li   {
        margin:0;
        padding:0;
        width:50px;
        float:left;
    }

    form#RequestDemoForm_Form div.checkboxset ul li    {
        margin:0;
        padding:0;
        width:100%;
    }

        form#RequestDemoForm_Form div.checkboxset ul li label    {
            width:auto;
            float:left;
        }

        form#RequestDemoForm_Form div.checkboxset ul li input    {
            float:left;
            margin-right:10px;
        }