/**
* 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; }