/*
 * 화면출력용 기본 CSS
 *
 * 화면에 출력되어지는 기본 적인 모양을 정의하고 있다.
 * 일반적으로 디자이너 CSS는 본 파일 뒤에 호출하여 우선순위를 높여주고 있다.
 *
 * 특별히 .content 클래스는 게시물 본문 영역이며,
 * 이 스타일 시트는 Web EDITOR 편집중 스타일 시트인 editbox.css와 맞춰져야 한다.
 *
 *
 */

BODY, TABLE, TH, TD, TR, INPUT, TEXTAREA, SELECT, DIV, FORM, LI
			{ font-size:9pt; }

FORM		{ margin:0; }

.box		{ border:solid 1px #bbb; }
.nobox		{ border-style:none; background:transparent; }
.full		{ width:100%; }
.left		{ text-align:left; }
.right		{ text-align:right; }
.center		{ text-align:center; }
.smallradio	{ width:18px; height:18px; border-style:none; background:transparent; }
.lhead		{ padding-left:12px; background:#eee; letter-spacing:2px; }
.transparent{ border-width:0px; background:transparent; color:#ccc; }
.white		{ color: #eee; }
.hidden		{ display: none; }
.selected	{ background: #ffc; }
.nomargin	{ margin:0; }

/* 실행영역 */
#winExe {
	display: none;
	width: 20%;
	height: 50px;
	position: absolute;
	bottom: 0; right: 0;
}

/* 게시판 편집박스 */
.editor			{color:#333333; padding:0px; margin:0px; }
.editorToolbar	{ font-size:7pt; }

/* 게시물표시영역 */
.bbs TD		{ padding-left:4px; padding-right:4px; height: 22px; }
.bbs TH		{ padding-left:4px; padding-right:4px; height: 22px; }

/* 꼬리글표시영역 */
.commenttext		{ padding:4px 6px 4px 50px; text-indent:-44px; line-height:120%; }
.commentform BUTTON	{ width:60px; }

/* 테이블 머리글 */
TD.header	{ padding:6px 6px 2px 6px; background:#eee; }

/* 게시물 하단 페이지링크 */
.pages			{ color:#555; margin-top:0.2em; }
.pages STRONG	{ color:#e00; font-weight:bold; }

/* 게시물목록의 코멘트 수 */
SPAN.cmt	{ font-size:7pt; color:#999; }

/* 하이라이트 스타일 */
.highlight	{ background:yellow; color:green; }
.highlightelement	{ font-weight: bold; }

/* 게시판 암호 확인 박스 */
#idPwFrm {
	background: #eee;
	border: solid 1px #999;
	padding: 4px; 
}
#idPwFrm INPUT {
	border: solid 1px #aaa;
}

/* 편집박스 산출물(게시물 본문) 스타일 */
.content {
}
.content BODY,
.content TABLE,
.content TH,
.content TD,
.content DIV,
.content P,
.content LI {
	margin-bottom: 6px;
}
.content BODY {
	margin: 6px;
}
.content P {
	margin-top: 6px;
	margin-bottom: 2px;
}
.content TABLE {
	border-collapse: separate;
}
.content A:link		{ text-decoration: underline; color: #333; } 
.content A:visited	{ text-decoration: underline; color: #555; } 
.content A:hover	{ text-decoration: none; color: #9C0; }
.content .parent	{ border-left:solid 6px darkgreen; padding:16px 4px 16px 4px; margin-top:30px; }
.content .parentline	{ display:none; }
.content .reply		{ border-left:solid 4px #bac40f; padding:16px 4px 16px 8px; }

/* 팝업 레이어 스타일 */
.popup				{ position:absolute; border:solid 1px #666; }
.popup TD			{ background:black; color:white; }
.popup INPUT		{ padding:0; height:15px; }
.popup A:link,
.popup A:visited	{ text-decoration:none; color:white; }
.popup A:hover		{ text-decoration:underline; color:white; }

/* 콤보박스 드롭다운버튼 스타일 */
.combobox			{ height:20px; overflow-y:hidden; }

/* 도움말 *******************/
.hint				{ font-size:7pt; color:#999; }




/********************************************************************************************************************/
/* 디자이너 스타일 **************************************************************************************************/
/********************************************************************************************************************/