/* default */
#GRBOARD { font-size: 12px; color: #666; }
#GRBOARD input { padding: 2px; font-size: 12px; color: #333; }
#GRBOARD form { margin: 0; padding: 0; }
#GRBOARD ul { padding: 10px; margin: 10px; }
#GRBOARD li { text-align: left; line-height: 190%; margin-left: 20px; color: #777; }
#GRBOARD td, th, tr { line-height: 150%; margin: 0px; }
#GRBOARD table, img { border-width: 0px; border: 0 none; }
#GRBOARD big { font-size: 25px; }
#GRBOARD a { cursor: pointer; }
#GRBOARD img { vertical-align: middle; }
#GRBOARD blockquote { background-color: #fafafa; padding: 10px; margin: 10px; border: #f0f0f0 1px dotted; }
#GRBOARD blockquote div { border: #ddd 1px solid; background: url(image/quote2.gif) no-repeat right bottom; padding: 10px 20px 10px 20px; text-align: center;}
#GRBOARD a:link, a:active, a:visited { text-decoration: none; color: #888; }
#GRBOARD a:hover { text-decoration: none; color: #555; }

/* GR Code */
#GRBOARD .grcodeDIV { border: #ddd 1px solid; background-color: #fafafa; padding: 5px; }

/* Top link */
#GRBOARD a.small:link, a.small:active, a.small:visited { font-size: 10px; text-decoration: none; }

/* Comment modify */
#GRBOARD a.commentBtn:link, a.commentBtn:active, a.commentBtn:visited { font-size: 10px; text-decoration: none; }
#GRBOARD a.commentBtn:hover { font-size: 11px; font-weight: bold; text-decoration: none; }

/* for Basic Gallery */
#GRBOARD a.smallTitle:link, a.smallTitle:active, a.smallTitle:visited { font-size: 8.5pt; text-decoration: none; font-family: Dotum, Gulim, sans-serif; }
#GRBOARD a.smallTitle:hover { font-size: 8.5pt; text-decoration: none; font-family: Dotum, Gulim, sans-serif; }

/* Board List */
#GRBOARD tr.hover { height: 30px; }
#GRBOARD tr.hover-notice { height: 30px; background-color: #fafafa; }
#GRBOARD .titleLeft { width: 7px; height: 37px; background: url(image/iround.left.top.gif) no-repeat; }
#GRBOARD .titleRight { width: 7px; height: 37px; background: url(image/iround.right.top.gif) no-repeat; }
#GRBOARD .titleBar { text-align: center; height: 37px; background: url(image/iround.back.top.gif) repeat-x; color: #888; font-weight: normal; }
#GRBOARD .titleBar a { font-size: 11px; font-family: Dotum, 돋움, sans-serif; color: #999; }
#GRBOARD .titleBar select { width: 75px; height: 19px; font-size: 11px; font-family: Dotum, 돋움, sans-serif; }
#GRBOARD td.no { font-size: 10px; text-align: center; color: #999; border-bottom: #eee 1px solid; width: 40px; }
#GRBOARD td.category { text-align: center; border-bottom: #eee 1px solid; width: 80px; }
#GRBOARD td.category a { font-size: 9pt; color: #3f6b6b; }
#GRBOARD td span.comment { font-size:10px; font-weight: bold; color: #999; }
#GRBOARD td.name { text-align: center; border-bottom: #eee 1px solid; width: 70px; }
#GRBOARD td.name span { color: #777; cursor: pointer; }
#GRBOARD td.list { text-align: left; border-bottom: #eee 1px solid; }
#GRBOARD td.list span { color: #777; cursor: pointer; }
#GRBOARD td.date { font-size: 11px; text-align: center; width: 50px; border-bottom: #eee 1px solid; }

/* Page link */
#GRBOARD a.page { font-size: 9pt; text-decoration: none; border-left: #ddd 1px solid; padding-left: 8px;}
#GRBOARD a.page:hover { font-size: 9pt; text-decoration:none; font-weight: bold; }
#GRBOARD .paging, div.bottomPaging { padding: 15px 0 10px 0; text-align: center; }
#GRBOARD div.bottomPaging strong { border-left: #ddd 1px solid; padding-left: 8px; }

/* View */
#GRBOARD div.viewTitle { background: url(image/iround.back.top.gif) repeat-x; height: 30px; color: #777; padding: 7px 0 0 12px; font-weight: bold; position: relative; text-align: left; margin-bottom: 5px; }
#GRBOARD div.viewTitleLeft { background: url(image/iround.left.top.gif) no-repeat; width: 7px; height: 37px; position: absolute; top: 0; left: 0; }
#GRBOARD div.viewTitleRight { background: url(image/iround.right.top.gif) no-repeat; width: 7px; height: 37px; position: absolute; top: 0; right: 0; }
#GRBOARD div.viewTitle div.btn { position: absolute; top: 7px; right: 7px; width: 200px; text-align: right; }
#GRBOARD div.viewTitle div.btn input { border: 0 none; border-left: #eee 1px solid; background-color: #fff; font-size: 9pt; color: #999; vertical-align: middle; }
#GRBOARD div.viewTitle div.btn input:hover { border-left: #aaa 2px solid; font-weight: bold; }
#GRBOARD div.viewContent { padding: 10px 5px 10px 5px; text-align: left; clear: both; overflow: auto; }
#GRBOARD div.viewContent #mainContent { line-height: 160%; position: relative; }
#GRBOARD div.viewLeft { background-color: #f9f9f9; padding: 5px 0 5px 0; color: #888; font-size: 11px; width: 80px; float: left; margin-left: 5px; }
#GRBOARD div.viewRight { text-align: left; padding: 5px 0px 5px 10px; float: left; overflow: auto; }
#viewMemInfo { position: relative; bottom: 5px; right: 5px; margin-top: 50px; }
#viewFoot { color: #ddd; text-align: left; padding-top: 25px; }
#viewFoot a { font-size: 12px; color: #888; }
#myPhoto { float: left; width: 30%; text-align: left; }
#myComment { float: left; width: 68%; text-align: right; }
#readAlert { padding: 5px; background-color: #fef3f3; border-bottom: #f6dfdf 1px solid; border-right: #f6dfdf 1px solid; cursor: pointer; color: #ce2e2e; }
#bombTime { margin-top: 50px; padding: 5px; border: #f6dfdf 2px solid; cursor: help; color: #ce2e2e; }
#getPollBox { border: #ddd 2px solid; background-color: #fcfcfc; padding: 10px; margin-top: 10px; }
#getPollBox div.title { font-weight: bold; padding: 5px; color: #fff; background-color: #9e9e9e; border-bottom: #ccc 2px solid; text-align: center; }
#getPollBox ol { margin: 10px; padding: 5px; }
#getPollBox li, #getPollBox input { vertical-align: middle; }
#getPollBox input.s { background-color: #7e7e7e; padding: 3px; color: #fff; border: 0 none; }
#GRBOARD div.viewTag { border: #ddd 1px dotted; background-color: #fafafa; padding: 5px; margin: 20px 10px 0 10px; text-align: left; color: #999; }
#GRBOARD .modifyTime { font-size: 10px; color: #ddd; }
#writeBy { font-size: 11px; font-family: Dotum, 돋움, sans-serif; color: #ccc; text-align: right; }

/* Comment view */
#layerCoWrite { width: 570px; border: #aaa 2px solid; padding: 5px; background-color: #fff; margin: auto; }
#GRBOARD .commentRight { text-align: left; }
#GRBOARD .commentTitle { border-bottom: #eee 1px solid; text-align: left; padding: 7px; background-color: #f9f9f9; }
#GRBOARD .commentTitle .name { cursor: pointer; font-weight: bold; }
#GRBOARD .commentContent { text-align: left; padding: 5px; overflow: auto; font-size: 12px; }
#GRBOARD .secretComment { color: #999; }
#GRBOARD .comment_paging { padding-top: 15px; }

/* Write */
#inputBoxs { background-color: #f7f7f7; border-top: #eee 1px solid; border-bottom: #eee 1px solid; }
#inputBoxs ul, #inputBoxs li { list-style: none; }
#GRBOARD div.writeRight { text-align: left; }
#GRBOARD div.writeRight ul { padding: 5px; margin: 0; }
#GRBOARD div.writeRight li { list-style: none; padding-left: 5px; color: #aaa; font-family: Dotum, 돋움, sans-serif; font-size: 11px; }
#GRBOARD div.writeRight li span { color: #666; }
#GRBOARD div.writeRight label { font-size: 11px; font-family: Dotum, 돋움, sans-serif; color: #666; }
#writePreviewBox { border: #ddd 1px solid; padding: 5px; margin: 15px; text-align: left; color: #888; font-family: Dotum, 돋움, sans-serif; font-size: 11px; letter-spacing: -1px; }
#GRBOARD span.fileExist { font-size: 11px; color: #999; }
#GRBOARD div.writeTitle { border-bottom: #eee 3px solid; color: #777; padding: 10px; text-align: center; font-weight: bold; }
#GRBOARD a.writeFileDelete:link, a.writeFileDelete:active, a.writeFileDelete:visited { font-size: 7pt; color: #999; font-family: "Trebuchet MS", sans-serif; }
#GRBOARD a.writeFileDelete:hover { font-size: 7pt; color: red; font-family: "Trebuchet MS", sans-serif; }
#setBomb { padding: 5px; }
#setBomb input { width: 30px; border: #ddd 1px solid; vertical-align: middle; }
#setBomb select { vertical-align: middle; }
#btnBox input { border: #ddd 2px solid; padding: 5px; background-color: #fafafa; }
#btnBox input:hover { border: #999 2px solid; font-weight: bold; }
#GRBOARD input.openid { background: #fff url(image/openid.gif) no-repeat left; padding-left: 20px; width: 180px; border: #ccc 1px solid; }
#GRBOARD .extendUploadBtn { padding: 15px 0 5px 0; }
#GRBOARD .extendUploadBtn img, #GRBOARD .extendUploadBtn input { cursor: pointer; vertical-align: top; }
#fileUploadField { text-align: left; }
#GRBOARD li input { vertical-align: middle; }
#searchTags { border: #eee 5px solid; margin: 5px 5px 5px 60px; padding: 5px; line-height: 160%; width: 350px; }
#searchTags ol { margin: 0; padding: 0; }
#btnCancel { border: #ddd 1px solid; font-size: 11px; font-family: Dotum, 돋움, sans-serif; background-color: #fcfcfc; color: #aaa; padding: 2px 0 0 0; }
#swfUpBtnforGRBOARD { border: #aaa 1px solid; font-size: 11px; font-family: Dotum, 돋움, sans-serif; background-color: #f7f7f7; color: #777; }
#flashHistory { height: 250px; overflow: auto; border: #eee 3px solid; }
#flashHistory .multi-preview { width: 70px; height: 52px; cursor: move; }

/* input , textarea , submit */
#GRBOARD .openID { border: #ddd 1px solid; width: 140px; background: url(image/openid.gif) no-repeat left; padding-left: 20px; }
#GRBOARD .miniInput { border: #ddd 1px solid; width: 160px; }
#GRBOARD .input { border: #ddd 1px solid; width: 80%; }
#GRBOARD .textarea { border: #ddd 1px solid; overflow: auto; width: 100%; }
#GRBOARD .submit { border-width: 0px; background-color: #000; color: #fff; text-align: center; width: 50px; height: 25px; font-size: 11px; }

/* Comment write */
#GRBOARD .commentTextarea { overflow: auto; width: 99%; overflow: auto; border: #fff 1px solid; }
#GRBOARD .commentWriteBox { width: 100%; }
#GRBOARD .cWriteLeft { background-color: #f7f7f7; color: #666; border-bottom: #fff 1px solid; padding-left:10px; padding: 3px; cursor: move; }
#GRBOARD .cWriteRight { border-bottom: #fff 1px solid; padding: 3px; text-align: left; }
#GRBOARD .commentSubmit { width: 100%; background-color: #999; border: #888 1px solid; color: #fff; text-align: center; height: 100px; }
#GRBOARD td.cWriteLeft div span, td.cWriteRight span { cursor: pointer; }
#closeWin { position: absolute; right: 5px; top: 5px; width: 18px; height: 18px; border: #ddd 2px solid; text-align: center; cursor: pointer; }
#editableCoBox { margin: 0px 3px 0px 0px; }

/* Temp add style */
#GRBOARD .smallEng { font-size: 11px; color: #999; }

/* Search */
#GRBOARD .searchBox { padding-top: 30px; text-align: center; }
#GRBOARD .searchBox select { margin-right: 5px; vertical-align: middle; }
#GRBOARD .searchInput { border: #eee 3px solid; background-color: #fff; width: 200px; vertical-align: middle; }
#GRBOARD .searchInput:focus { border: #aaa 3px solid; }
#GRBOARD .searchSubmit { padding-left: 5px; border-width: 0px; height: 26px; vertical-align: top; }
#GRBOARD .findMe { background-color: yellow; color: red; }
#searchIndex { margin-top: 50px; width: 350px; border: #ddd 2px solid; padding: 5px; overflow: auto; height: 100px; }
#searchIndex div { padding: 3px; text-align: left; border-bottom: #ddd 1px dotted; }
#searchIndex div:hover { background-color: #eff4fa; }

/* Menu */
#GRBOARD .menuBox { padding-top: 30px; text-align: right; color: #eee; }
#GRBOARD .menuBox a { border: #eee 1px solid; background-color: #fafafa; color: #777; padding: 5px; }
#GRBOARD .menuBox a:hover { border: #aaa 1px solid; font-weight: bold; }

/* Some other basic theme */
#GRBOARD .content { border-top: #eee 1px solid; clear: both; border-bottom: #eee 1px solid; padding: 5px; text-align: left; background-color: #fafafa; }
#GRBOARD .date { color: #999; font-size: 11px; }
#GRBOARD .trackback { padding-top: 15px; color: #777; font-size: 11px; }
#GRBOARD .trackback a { font-size: 11px; }

/* Special ID */
#copyright { text-align: right; font-size: 10px; font-family: "Trebuchet MS", sans-serif; color: #ddd; padding-top: 5px; clear: both; }
#copyright a { font-size: 10px; color: #ddd; text-decoration: none; }
#subjectBar { padding: 7px; font-size: 11px; font-family: "Trebuchet MS", sans-serif; background: url(image/top_back.gif) repeat-x; color: #777; }
#goodORbad { text-align: right; }
#goodORbad a { font-size: 10px; }
#viewMemberInfo { position: absolute; width: 100px; border: #999 2px solid; background-color: #fff; }
#viewMemberInfo div a { text-decoration: none; font-size: 11px; font-family: Dotum, 돋움, sans-serif; color: #666; }
#viewMemberInfo div { padding: 5px; border-bottom: #ddd 1px dotted; }
#viewMemberInfo div img { vertical-align: middle; }

/* hover, focus event for non-IE6 */
#GRBOARD .input:focus, .textarea:focus, .commentTextarea:focus, tr.hover:hover { background-color: #f7f7f7; }

/* etc */
#GRBOARD .clear { clear: both; }
#GRBOARD .hand { cursor: pointer; }
#GRBOARD .noneStyle ul, #GRBOARD .noneStyle li { list-style: none; }
#newMsgCheck { position: absolute; top: 0px; right: 0px; z-index: 100; text-align: center; }
#newMsgCheck a { color: #000; text-decoration: none; }
#newMsgCheck a:hover { font-weight: bold; }

/* for lightbox plus */
#lightbox {
	background-color: #eee;
	padding: 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#overlay {
	background-image: url(../../image/lightbox/overlay.png);
}
#lightboxCaption {
	color: #333;
	background-color: #eee;
	font-size: 90%;
	text-align: center;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#lightboxIndicator {
	border: 1px solid #fff;
}
#lightboxOverallView {
	background-image: url(../../image/lightbox/overlay.png);
}
* html #lightboxOverallView,
* html #overlay {
	background-color: #000;
	background-image: url(../../image/lightbox/blank.gif);
	filter: Alpha(opacity=50);
}

/* for swfupload progressbar style */
.progressWrapper {
	overflow: hidden;
}
.progressContainer {
	margin: 5px;
	padding: 5px;
	border: solid 1px #e8e8e8;
	background-color: #f7f7f7;
	overflow: hidden;
}
.message {
	overflow: hidden;
}
.red {
	border: solid 1px #b50000;
	background-color: #ffebeb;
}
.green {
	border: solid 1px #ddf0dd;
	background-color: #ebffeb;
}
.blue {
	border: solid 1px #cee2f2;
	background-color: #f0f5ff;
}
.progressName {
	font-size: 12px;
	font-weight: bold;
	color: #555;
	width: 390px;
	height: 25px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}
.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}
.mini { font-size: 11px; font-family: Dotum, 돋움, sans-serif; color: #999; }

/* for SmartEditorBasic */
#smart_editor li,
#smart_editor ul { margin: 0; padding: 0; }
#smart_editor select { vertical-align: middle; }