@charset "utf-8";
/* CSS Document */
/*
來源網址：
http://www.jankoatwarpspeed.com/post/2008/05/22/CSS-Message-Boxes-for-different-message-types.aspx
http://itweek.deviantart.com/art/Knob-Buttons-Toolbar-icons-73463960

範例：
	<div class="info">Info message 訊息視窗</div>
	<div class="success">Successful operation message 操作成功訊息</div>
	<div class="warning">Warning message 警告訊息</div>
	<div class="error">Error message 錯誤訊息</div>

*/

.info, .success, .warning, .error, .validation, .action {
	border: 1px solid;
	margin: 10px 10px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('./knobs/Knob Info.png');
}
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('./knobs/Knob Valid Green.png');
}
.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('./knobs/Knob Attention.png');
}
.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('./knobs/Knob Cancel.png');
}
.validation {
	color: #D63301;
	background-color: #FFCCBA;
	background-image: url('validation.png');
}
.action {
	color: DarkViolet;
	background-color: Plum ;
	background-image: url('./knobs/Knob Smart.png');
}