/**********************************************************************************/
/*                                                                                */
/* INTRINSIC WEB FRAMEWORK                                                        */
/* _______________________________________________________________________________*/
/*                                                                                */
/* Copyright (c) 2015 Patrick Thomas Unwin <patrick@forwardme.co.uk>              */
/*                                                                                */
/* All rights reserved. No warranty, explicit or implicit, provided.              */
/*                                                                                */
/* NOTICE:  All information contained herein is, and remains the property         */
/* of Patrick Thomas Unwin. The intellectual and technical concepts contained     */
/* herein are proprietary to Patrick Thomas Unwin and are protected by            */
/* trade secret or copyright law. Dissemination of this information or            */
/* reproduction of this material is strictly forbidden unless prior written       */
/* permission is obtained from Patrick Thomas Unwin.                              */
/*                                                                                */
/**********************************************************************************/

/***********************************************/
/* Input Border and display                    */
/***********************************************/

.fw-form input, .form select, .form textarea {
    border: 1px solid #DDDDDD;
    box-shadow: inset 0 1px 3px #EEEEEE;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 5px 7px;
}

/***********************************************/
/* Input Focus                                 */
/***********************************************/

.fw-form input:focus, .form select:focus, .form textarea:focus {
    border: 1px solid #129FEA;
}

/***********************************************/
/* Input Disabled                              */
/***********************************************/

.fw-form input[disabled], form select[disabled],
form textarea[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3;
}

/***********************************************/
/* Required Label Span                         */
/***********************************************/

.fw-form label span {
	color: #FF0000;
}

/***********************************************/
/* Stop Text area resize                       */
/***********************************************/

.fw-form textarea {
    resize: none;
}

.fw-form .fw-form_error {
	color: #FF0000;
	padding: 0 0 10px 0;
}

/***********************************************/
/* Single Block                                */
/***********************************************/

.fw-form.fw-single-block input, .fw-form.fw-single-block select, 
.fw-form.fw-single-block textarea {
    display: inline-block;
	float: left;
    border-radius: 0px;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}

.fw-form.fw-single-block input:first-child, .fw-form.fw-single-block select:first-child, 
.fw-form.fw-single-block textarea:first-child {
    border-left: 1px solid #DDDDDD;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.fw-form.fw-single-block input:last-child, .fw-form.fw-single-block select:last-child, 
.fw-form.fw-single-block textarea:last-child {
    border-right: 1px solid #DDDDDD;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/***********************************************/
/* Stack Block                                 */
/***********************************************/

.fw-form.fw-stack-block label {
	float: left;
	color: #000000;
	width: 20%;
	padding: 8px 0 8px 0;
}

.fw-form br {
	clear: both;
}

.fw-form.fw-stack-block:last-child {
	clear: both;
}

.fw-form.fw-stack-block input, .fw-form.fw-stack-block select, .fw-form.fw-stack-block textarea {
    float: left;
    display: block;
    border: 1px solid #DDDDDD;
	padding: 10px;
    margin: 0 0 10px 0;
    box-sizing: content-box;
    width: 75%;
	width: calc(80% - 22px);
	width: -moz-calc(80% - 22px);
	width: -webkit-calc(80% - 22px);
	width: -o-calc(80% - 22px);
}

.fw-form.fw-stack-block input[type=submit], .fw-form.fw-stack-block input[type=button] {
    float: right;
    border: 1px solid #DDDDDD;
    width: 20%;
    min-width: 75px;
}