
/****************************************************************************************************
*     Project Name		: Bean-Wandu
*     Author			: ¼ø¼ö (soonsoo@gmail.com)
*     NateOn			: zebio@nate.com
*     File Name			: /Common/aChim.css
*     Last Modified		: 2007-12-13 17:17:33
*     Font Style		: ¸¼Àº°íµñ(Bitstream Vera Sans Mono) 11 Bold (Editplus)
****************************************************************************************************/

/* Global */
body			{ margin: 0; padding: 0; font-size: 12px; font-family: gulim,dotum, tahoma, verdana; }
img, form		{ border: 0; }
table, tr, 
td, div			{ font-size: 12px; font-family: gulim,dotum, tahoma, verdana; }
p {
	margin: 0;
}
/* Inputbox & Textarea */
.zBox			{ font-size: 12px; color: #000000; background-color: #F1EBF8; border: 1px solid #755997; height: 18px; }
.zNoBox			{ font-size: 12px; color: #000000; background-color: #CEBBE1; border: 1px solid #755997; height: 18px; }
.zSBox			{ font-size: 11px; color: #000000; height: 18px; }
.zSBox2			{ font-size: 11px; color: #000000; height: 16px; }
.zSelectBox		{ font-size: 12px; color: #000000; border: 1px solid #DDDDDD; background-color: #F5F5F5; }
.zTarea			{ font-size: 12px; color: #000000; background-color: #F1EBF8; border: 1px solid #755997; }
.zNoTarea		{ font-size: 12px; color: #000000; background-color: #CEBBE1; border: 1px solid #755997; }

.zABox			{ font-size: 12px; color: #000000; background-color: #FFFFFF; border: 1px solid #DDDDDD; height: 18px; }

/* Text */
.zBold			{ font-weight: bold; }
.zS11			{ font-size: 11px; }
.zB13			{ font-size: 13px; }
.zLeft			{ text-align: left; }
.zCenter		{ text-align: center; }
.zRight			{ text-align: right; }
.feeBold		{ font-weight: bold; color: #755997; }

.titleBold		{ font-weight: bold; color: #FFFFFF; }

.style1 {
	color: #FFFFFF;
	font-weight: bold;
}
.style2 {color: #5C4677}
.style3 {
	color: #FF8326;
	font-weight: bold;
}
.style4 {color: #D75F0F}
.style5 {color: #E62222}

.zRedText		{ color: #FF0000; }


.ligap150		{ line-height:150%; }
.ligap200		{ line-height:200%; }

/* Padding */
.zPad3			{ padding: 3px; }
.zPad5			{ padding: 5px; }
.zTpad3			{ padding-top: 3px; }
.zTpad5			{ padding-top: 5px; }
.zBpad3			{ padding-bottom: 3px; }
.zBpad5			{ padding-bottom: 5px; }
.zPadL3			{ padding-left: 3px; }
.zPadL5			{ padding-left: 5px; }
.zPadR3			{ padding-right: 3px; }
.zPadR5			{ padding-right: 5px; }

.hand			{ cursor: pointer; }

/* Default Link */
a:link, 
a:visited, 
a:active		{ color: #777777; text-decoration: none; }
a:hover			{ color: #FF6633; text-decoration: none; }

/* Paging Link */
a.zPg			{ font-size: 11px; text-decoration: none; }
a.zPg:link, 
a.zPg:visited, 
a.zPg:active	{ color: #777777; }
a.zPg:hover		{ color: #FF6633; }
.zPg			{ font-size: 11px; color: #FF6633; font-weight: bold; }
.zPgNo			{ font-size: 11px; color: #777777; }


/* White Link */
a.linkW			{ font-size: 11px; text-decoration: none; }
a.linkW:link, 
a.linkW:visited, 
a.linkW:active	{ color: #FFFFFF; }
a.linkW:hover	{ color: #eeeeee; }

/* #cccccc Link */
a.linkC			{ font-size: 11px; text-decoration: none; }
a.linkC:link, 
a.linkC:visited, 
a.linkC:active	{ color: #000000; }
a.linkC:hover	{ color: #eeeeee; }

/* ÀÌ¹ÌÁö ·Ñ¿À¹ö¿ë ±âº» ½ºÅ¸ÀÏ */
a.imgRollOver img				{ border-width:0; display:inline; }
a.imgRollOver img.rOver			{ display:none; }
a.imgRollOver:hover				{ border:0; }
a.imgRollOver:hover img			{ display:none; }
a.imgRollOver:hover img.rOver	{ display:inline; }

/* Table Scrollbar */
.TblScroll		{ width: 100%; overflow: auto; padding: 5px; border: solid 1px #CCCCCC; background-color: #FFFFFF; }
.inTblScroll	{ width: 100%; height: 489px; overflow: auto; padding: 0; background-color: #F1EBF8; }
.inPollScroll	{ width: 100%; height: 175px; overflow: auto; padding: 10px; background-color: #FFFFFF; }

/* Color Picker */
#colorpicker	{ position: absolute; width: 145px; height: 140px; overflow: hidden; background: #F9F9F9; border: 2px #000000 outset; z-index: 1000; }
#colorpicker-hue-container	{ position: absolute; top: 4px; left: 120px; width: 18px; height: 110px; }
#colorpicker-hue-bg-img		{ width: 100%; height: 100%; }
#colorpicker-hue-slider		{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#colorpicker-hue-thumb		{ position: absolute; top: 0; left: 0; width: 18px; height: 18px; z-index: 1009; cursor: default; }
#colorpicker-bar			{ text-align: right; padding-right: 10px; }
#colorpicker-close			{ cursor: pointer; color: blue; font-size: 10px; font-family: Tahoma, Helvetica, Sans-Serif; font-weight: bold; }
#colorpicker-div			{ position: absolute; top: 8px; left: 8px; width: 100px; height: 100px; border: 1px solid #666; }
#colorpicker-bg,
#colorpicker-bg-overlay		{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; overflow: hidden; }
#colorpicker-selector		{ position: absolute; top: 0; left: 0; width: 11px; height: 11px; z-index: 1009; margin-top: -6px; margin-left: -6px; cursor: default; }
#colorpicker-selector img	{ position: absolute; left: 0; top: 0; }
#colorpicker-footer			{ position: absolute; top: 114px; left: 10px; width: 127px; }
#colorpicker-okbutton		{ padding: 2 0 0 0; background: #000000; border: 1px solid #666666; color: #FFFFFF; }
