/**
 * 顧客管理システム共通CSS
 *
 * @author K.Koga
 * @copyright Copyright (c) 2011, e-creation Co.,Ltd.
 * @create	2011/04/07
 */

/* setMessageによるメッセージ表示用 */
#flashMessage {
	margin-bottom: 5px;
	padding: 5px;
	width: 400px;
}
#flashMessage.info {
	background-color: lightskyblue;
}
#flashMessage.warning {
	background-color: khaki;
}
#flashMessage.error {
	background-color: hotpink;
}

/* validation_errors.ctpによる背景色の変更用 */
.validationError {
	background-color: mistyrose;
}

/* validation error 時のフォーム直下メッセージ表示用 */
.error-message{
  position: absolute;
  display:inline-block;
  color: #f00;
	left:560px;
	background-color: mistyrose
}

.input{
	display:inline;
}

.clickable-image{
	cursor: pointer;
}

.form-warning{
	color: #f00;
	display:inline-block;
	background-color: mistyrose
}

.btn128 {
	border: 0px;
	width:130px;
	height:21px;
	background-image:url(/img/btn/btn128px.png);
	background-color:#fffff0;
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#555555;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	display:block;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 15px;
	padding-top: -2px;　
}

.btnCancel{
	color:#cc0000;
}


.btn128:hover{
	cursor: pointer;
}

/*
 ナビ上部システムメッセージ表示用
*/
#system-message {
	padding-left:5px;
	margin:0;
	margin-bottom:10px;
	list-style:none;
	height:28px;
	background:#f2d0d0 !important;
	position:relative; z-index:500;
}

#help {
	z-index: 9999;
	cursor: pointer;
	position: absolute;
	top:0;
	left:0;
	color: #fff;
	border-color: #000;
	border-radius: 5px;
	background:#555555;
	border-width: 2px;
	box-shadow: 5px 3px 2px 2px rgba(0, 0, 0,.4);
	
}

#helpTitle {
	padding-top :6px;
	padding-left :16px;
	padding-right :32px;
	display:inline-block;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	margin-left:auto;
	margin-right:auto;
}

#helpDocDiv {
	padding-left :16px;
	width:95%;
	display:inline-block;
	color: #FFF;
	font-size: 12px;
	margin-left:auto;
	margin-right:auto;
	border-width: 2px;
}