/**
 * Styles for error/warning/info message box
 *
 * Usage:
 *
 * <div class="msgbox %MESSAGE-TYPE% %MESSAGE-BOX-SIZE%">
 *      <p class="msg %ICON-SIZE%">...</p>
 *      <div class="more">...</div>
 * </div>
 *
 * %MESSAGE-TYPE%     = info | error | success
 * %MESSAGE-BOX-SIZE% = small-box | big-box
 * %ICON-SIZE%        = small-icon | big-icon
 *
 * defaults = small-box, small-icon
 *
 * @see:
 * @patterns:
 *
 */

	
.msgbox {
	margin: 10px 0;
}

.msgbox,/* default */
.small-box {
	padding: 5px;
}

.big-box {
	padding: 15px;
	padding-top: 7px;
	margin: 30px;
}

.msgbox .msg {
	display: block;
	color: #333;
	font-size: 11px;
	font-family: tahoma;
	font-weight: 600;
	margin-right: 5px;
	background: transparent right 4px no-repeat;
}

.msgbox .code {
	color: #777;
}

.msgbox .more {
	display: block;
	margin-top: 6px;
	border: 1px solid;
	padding: 13px 15px;
	padding-top: 10px;
	background: #fff;
	font-family: tahoma;
	font-size: 12px;
	line-height: 1.5em;
}

.msgbox p {
	color: #000;
}

.msgbox li {
	margin: 5px 0;
}

/* error message styles */
.error {
	background: #ffebe8;
	border: 1px solid #f75b30;
}

.error .msg,/* default */
.error .small-icon {
	color: #e04a2d;
	background-image: url(../img/common/icon-error.gif);
	padding: 0 25px;
}

.error .big-icon {
	color: #dd3c10;
	background-image: url(../img/common/icon-error-big.gif);
	padding: 14px 38px;
}

.error .more {
	border-color: #ffd7d1;
	font: tahoma;
}

.warning .more {
	border-color: #fff2c9;
	font: tahoma;
}

.error li {
	color: #ff5a00;
}


/* info message styles */
.info {
	background: #f0f8ff;
	border: 1px solid #76c5ed;
}

.info .msg,/* default */
.info .small-icon {
	background-image: url(../img/common/icon-info.gif);
	padding: 0 25px;
}

.info .big-icon {
	background-image: url(../img/common/icon-info-big.gif);
	padding: 18px 45px 5px 0;
}

.info .more {
	border-color: #d9edfe;
}

.info li {
	color: #54a0df;
}

.warning {
	background: #ffe;
	border-color: #fff2c9;
}


/* success message styles */
.success {
	background: #eaffdb;
	border: 1px solid #3ed325;
}

.success .msg,/* default */
.success .small-icon {
	color: #1cab00;
	background-image: url(../img/common/icon-success.gif);
	padding: 0 25px;
}

.success .big-icon {
	background-image: url(../img/common/icon-success-big.gif);
	padding: 14px 38px;
}

.success .more {
	border-color: #baffa5;
}

.success li {
	color: #0fa100;
}