/**
 * CSS for jquery.h5form-2.13.1.js
 *
 *  Author: by Yoshiyuki Mikomde http://www.rapidexp.com/h5form
 *
 */


.h5form-response {
    position: absolute;
    margin: 1.6em 0 0 14px;
    padding: 0;
    border-right: 10px solid khaki;
    border-top: 10px solid transparent;
    box-shadow: 3px 3px 6px dimgray;
    z-index: 1000;
    -border-top-color: white; /* for IE6 */
}

.h5form-response p {
    float: left;
    text-align: left;
    margin: 0 -400px -20px -20px;
    background: khaki;
    color: black;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 3px 3px 6px dimgray;
    -position: relative; /* for IE6 */
}


.h5form-reversed {
    position: absolute;
    margin-top: 1.6em;
    padding: 0;
    width: 10px;
    border-right: 10px solid khaki;
    border-top: 10px solid transparent;
    box-shadow: 3px 3px 6px dimgray;
    z-index: 1000;
    -border-top-color: white; /* for IE6 */
}

.h5form-reversed {
    float: right;
    text-align: left;
    margin: 0 -40px -20px -400px;
    background: khaki;
    color: black;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 3px 3px 6px dimgray;
    -position: relative; /* for IE6 */
}

/**
 * Placeholder
 *
 */

.h5form-placeholder {
    position: absolute;
    color: #a1a1a1;
    background-color: transparent;
    margin: 0.3em;
    padding: 0;
    z-index: 1;
}


/**
 *  ime-mode
 *
 */

input[type="password"], input[type="email"], input[type="url"],
input[type="number"], input[type="range"], input[type="tel"], input[type="color"],
input[type="date"], input[type="time"], input[type="month"], input[type="week"],
input[type="datetime"], input[type="datetime-local"],
.h5form-number, .h5form-date, .h5form-time {

    ime-mode: disabled;
}

/**
 * Number
 *
 */

.h5form-number {
    width: 4em;
}

/**
 * Slider
 *
 */

.h5form-range {
    display: inline-block;
    width: 10em;
}

.h5form-range .ui-slider-horizontal {
    top: 0;
    height: 0.3em;
}

.h5form-range .ui-slider-handle {
    top: -0.4em;
    width: 0.4em;
    height: 1em;
}

/**
 * Date-time
 *
 */

.h5form-date {
    width: 8em;
}

.h5form-time {
    width: 4em;
}

span.h5form-timezone {
    display: inline-block;
    border: 1px solid silver;
    margin-left: 1px;
    padding: 1px;
    color: gray;
    background-color: whitesmoke;
    font-size: smaller;
}

/**
 *	HTML5
 *
 */

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block;
}

datalist select {
    display: none;
}