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