@CHARSET "UTF-8";
/** infoBox **/
.infoBox { padding:10px 10px 10px 30px; overflow:hidden; margin:0 0 10px 0; background:#E7FFC1; color:#363; line-height:16px; font-size:11px;  }
.infoBox h4 { margin:0; font-weight:bold; font-size:14px; border:0; color:#336633; }
.infoBox a.hideInfo { color:#FF3300; float:right; }
.infoBox ul { margin-top:0; }

/** errorBox **/
.errorBox { padding:10px 10px 10px 30px; overflow:hidden; margin:0 0 10px 0; background:#F45F48; color:#FFF; line-height:16px; font-size:11px; }
.errorBox h4 { margin:0; font-weight:bold; font-size:14px; border:0; color:#FFF; }
.errorBox a { color:#FFF; }
.errorBox a:hover { color:#FFF; }
.errorBox ul { margin-top:0; }

/** hintBox **/
.hintBox { padding:10px 10px 10px 30px; overflow:hidden; margin:0 0 10px 0; background:#FFFAD6; line-height:16px; font-size:11px; }
.hintBox h4 { margin:0; font-weight:bold; font-size:14px; border:0; color:#4C4C4C; }
.hintBox a { color:#FF3300; }

.hintBox ul li span { color:#FF3300; font-size:18px; font-weight:bold; }
.hintBox { background:#FFFEC0; xborder:1px solid #F1E630; }

/** blankBox **/
.blankBox { padding:10px 10px 10px 30px; overflow:hidden; margin:0 0 10px 0; line-height:16px; font-size:11px; }
.blankBox h4 { margin:0; font-weight:bold; font-size:14px; border:0; }
.blankBox ul { padding-left:20px; }


/** greyBox **/
.greyBox { padding:10px 10px 10px 30px; overflow:hidden; margin:0 0 10px 0; background:#EEE; color:#4C4C4C; line-height:16px; font-size:11px; }
.greyBox h4 { margin:0; font-weight:bold; font-size:14px; border:0; color:#4C4C4C; }


/** whiteBox **/
.whiteBox { padding:10px 10px 10px 30px; overflow:hidden; margin:0 0 10px 0; background:#FFF; color:#4C4C4C; line-height:16px; font-size:11px; }
.whiteBox h4 { margin:0; font-weight:bold; font-size:14px; border:0; color:#4C4C4C; }


/** redBox **/
.redBox { padding:10px 10px 10px 30px; overflow:hidden; margin:0 0 10px 0; background:#F45F48; color:#FFF; line-height:16px; font-size:11px; }
.redBox h4 { margin:0; font-weight:bold; font-size:14px; border:0; }


/** roundBox */
.roundBox { 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px; 
	-moz-box-shadow:0 1px 0 #CCCCCC; 
	-webkit-box-shadow:0 1px 0 #CCCCCC; 
	box-shadow:0 1px 0 #CCCCCC; 
	border:2px solid #FFF;
}
.roundBoxTop { 
	-moz-border-radius:5px 5px 0 0; 
	-webkit-border-radius:5px 5px 0 0; 
	border-radius:5px 5px 0 0; 
	-moz-box-shadow:none; 
	-webkit-box-shadow:none;
	box-shadow:none;
}
.roundBoxBottom { 
	-moz-border-radius:0 0 5px 5px; 
	-webkit-border-radius:0 0 5px 5px; 
	border-radius:0 0 5px 5px; 
	-moz-box-shadow:none; 
	-webkit-box-shadow:none;
	box-shadow:none;	
}
.borderBox .roundBox { 
	-moz-box-shadow:none; 
	-webkit-box-shadow:none;
	box-shadow:none;
	border:0;
}

.borderBox { 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px; 
	padding:2px;
}
.borderBox .hintBox,
.borderBox .infoBox,
.borderBox .errorBox { margin:0; }
.innerBox { border:0; }

div.toggleBoxContainer {}
div.toggleBoxContent { height:auto; overflow:hidden; display:block; }


.hintBox p,
.infoBox p,
.errorBox p,
.whiteBox p,
.greyBox p,  
.blankBox p { xmargin-bottom:0; }

.hintBox .text,
.infoBox .text,
.errorBox .text,
.whiteBox .text,
.greyBox .text,  
.blankBox .text { background:#FFF; }

.hintBox ul.placeholder,
.infoBox ul.placeholder {
	margin:0;
	padding:0;	
}
.hintBox ul.placeholder,
.infoBox ul.placeholder li {
	list-style:disc inside none;
}