.validation-advice {
	display: block;
	background-image: url(../../saiyo/shared/img/icon_error.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	font-weight: bold;
	color: #CC0000;
}

.input-inline {
	min-height: 1px;
}
.input-inline:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.input-inline > * {
	padding: 3px;
	float: left;
}

.assist-advice-parent {
	position: relative;
}
.assist-advice {
	z-index: 100;
	top: -3em;
	left: 0.5em;
	position: absolute;
	background: #000000;
	border: 1px solid #ffffff;
	color: #ffffff;
	padding: 0.5em;
	border-radius: 5px;
	white-space: nowrap;
}
.assist-advice.bottom {
	top: 5px;
}
.assist-advice:after, .assist-advice:before {
	top: 100%;
	left: 2.5em;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.assist-advice.bottom:after, .assist-advice.bottom:before {
	top: -10px;
}
.assist-advice.bottom:after {
	border-top-color: rgba(0, 0, 0, 0);
	border-bottom-color: #000000;
}
.assist-advice.bottom:before {
	border-top-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 5px;
	margin-left: -5px;
}

.assist-advice:after {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #000000;
	border-width: 5px;
	margin-left: -5px;
}
.assist-advice:before {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 5px;
	margin-left: -5px;
}

select {
	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
/*	height: 20px;*/
}

textarea {
	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
/*
input[type=checkbox] {
	height: auto;
}

input[type=radio] {
	height: auto;
	vertical-align: sub;
}

input[type=image] {
	height: auto;
}

input[type=submit] {
	height: auto;
}
*/
input{
	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
/*	height: 16px;*/
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

input.validate-required, textarea.validate-required, select.validate-required {
	background-color: #FFFBFB;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

input[type='radio'].validation-failed, input[type='checkbox'].validation-failed {
	outline-width: 1px;
	outline-style: solid;
	outline-color: #F00000;
	outline-offset: -1px;
}

input.validation-failed, textarea.validation-failed, select.validation-failed {
	background-color: #FFEEEE;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F00000;
	border-right-color: #CC0000;
	border-bottom-color: #CC0000;
	border-left-color: #F00000;
}

input[type='radio'].validation-passed, input[type='checkbox'].validation-passed {
	outline-width: 1px;
	outline-style: solid;
	outline-color: #2492FF;
	outline-offset: -1px;
}

input.validation-passed, textarea.validation-passed, select.validation-passed {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #2492FF;
	border-right-color: #0066CC;
	border-bottom-color: #0066CC;
	border-left-color: #2492FF;
}

input[type='radio'].has-hover,
input[type='checkbox'].has-hover {
	outline-width: 1px;
	outline-style: solid;
	outline-color: #CCFF44;
	outline-offset: -1px;
}

input[type='radio'].has-focus,
input[type='checkbox'].has-focus {
	outline-width: 1px;
	outline-style: solid;
	outline-color: #9CE800;
	outline-offset: -1px;
}

input.has-focus, textarea.has-focus, select.has-focus {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #9CE800;
	border-right-color: #669900;
	border-bottom-color: #669900;
	border-left-color: #9CE800;
	background-color: #FBFFFB;
}

input.has-hover, textarea.has-hover, select.has-hover {
	background-color: #EEFFEE;
}

input.advice-value-on, textarea.advice-value-on, select.advice-value-on {
	color: #999999;
}

.tooltip{
	background-image: url(../../saiyo/shared/img/icon_question.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	cursor: help;
}

span.advice-tooltip{
	display: none;
}

.has-hover span.advice-tooltip{
	display: block;
	position: absolute;
	background: #eeeeee;
	border: 1px solid #bbbbbb;
	margin: 5px;
	padding: 5px;
	color: #6c6c6c;
}

.action{
	cursor: pointer;
}