@charset "utf-8";

.tabWidget { overflow:hidden; background:url('../images/glossary/title.gif') no-repeat left top; margin-bottom: 20px; }

.tabWidget .tabBox { border-bottom:4px solid #ebebeb; height:27px; z-index:1; }
.tabWidget .tabBox a { text-decoration:none; font:bold 12px Malgun Gothic, Dotum, Arial, Helvetica, sans-serif; }
.tabWidget .tab { position:relative; top:5px; left:150px; border:1px solid #cacaca; margin-right:4px; float:left; cursor:pointer;  z-index:2; height:25px; background:#ffffff; }
.tabWidget .on { position:relative; top:5px; border:1px solid #cacaca; border-bottom:1px solid #ffffff; background:#ffffff; margin-right:4px; float:left; cursor:pointer; z-index:2; height:25px; }

.tabWidget .tab div { float:left; height:15px;  font-size:9pt; padding:5px 8px 0 8px; }
.tabWidget .tab div a { color:#999999; }
.tabWidget .on div { float:left; height:15px; font-size:9pt; padding:5px 8px 0 8px; }
.tabWidget .on div a { color:#6372a7; }

.tabWidget .tabContent { border:4px solid #ebebeb; border-top:none; z-index:1;}
.tabWidget .tabContent .outline {border:1px solid #cacaca; padding:10px;}
.tabWidget .show { display:block; }
.tabWidget .hide { display:none; }

.tabWidget .tabContent table { border:0; width:100%; table-layout:fixed; }

.tabWidget .tabContent .thumbnail { text-align:center; }
.tabWidget .tabContent .thumbnail img { border:1px solid #ebebeb; padding:5px; float:left; }

.tabWidget .tabContent .titleBox { padding-top:3px; padding-left:10px; color:#999999; vertical-align:top; font:12px Malgun Gothic, Dotum, Arial, Helvetica, sans-serif; }
.tabWidget .tabContent .titleBox .regdate { color:#cacaca; letter-spacing:normal; }
.tabWidget .tabContent .titleBox .title { font: 9pt Malgun Gothic, Dotum; letter-spacing:-1px; background:url(../images/glossary/bullet.gif) no-repeat 0px 1px; padding-left:18px; margin-top:3px; height:20px; white-space:nowrap; overflow:hidden; }
.tabWidget .tabContent .titleBox .title .comment_cnt { font-weight:normal; background:url(../images/glossary/iconReply.gif) no-repeat left top; padding-left:15px; margin-right:10px; }
.tabWidget .tabContent .titleBox .title a { color:#808080; text-decoration:none; }
.tabWidget .tabContent .titleBox .title a:hover { text-decoration:underline; }

.tabWidget .tabContent .titleBox .title .author { color:#808080; font-weight:bold }
.tabWidget .tabContent .titleBox .title .readAndVoted { margin-right:10px; }
.tabWidget .tabContent .titleBox .title .readAndVoted .readed {  }
.tabWidget .tabContent .titleBox .title .readAndVoted .voted {  }