/* CSS Document */

/***COMMENTARY**/

#container_comment{
	clear:both;
	width:974px;
	float:left;
	padding:5px 0 15px;
	}

			/***Container****/
				#container_inner{
					}
					#leftNav_commentBox{
						float:left;
						width:186px;
						}
						
					#leftNav_comment{
						margin-bottom:12px;
						}
						
						#leftNav_comment ul li{
							/*background:#e7e7e7 url(/images/new/dot_g.gif) no-repeat 10px center;*/
							background:#dddddd url(/images/new/arrow_b_ot.gif) no-repeat 10px 10px;/*more dark*/
							padding:4px 10px 4px 20px;
							border-bottom:1px solid #ffffff;
							}
						#leftNav_comment ul li a:hover{
							color:#d50f0f;
							}
						#leftTle{
							/*background:#b9b9b9;*/
							background:#989898;/*more dark*/
							padding:3px 10px;
							border-bottom:1px solid #ffffff;
							color:#FFFFFF;
							}

				#contentsBox_comment{
					float:right;
					width:767px;
					}	
					
					.g2CnTop{
						clear:both;
						background:#dedede url(/images/new/g2_cn_top_right.gif) no-repeat 100% 0;
						height:2px;
						}
						.g2CnTop div{
							clear:both;
							background:#dedede url(/images/new/g2_cn_top_left.gif) no-repeat left 0;
							height:2px;
							height:2px;
							}
					.g2CnBt{
						clear:both;
						background:#dedede url(/images/new/g2_cn_bt_right.gif) no-repeat 100% 0;
						height:2px;
						}
						.g2CnBt div{
							clear:both;
							background:#dedede url(/images/new/g2_cn_bt_left.gif) no-repeat left 0;
							height:2px;
							height:2px;
							}
					#tleBox{
						height:35px;
						padding:7px 10px 0 5px;
						float:left;
						width:752px;
						}
						#tleBox h3{
							float:left;
							width:50%;
							color:#2f65a5;
							font-size:15pt;
							font-family:Arial, Helvetica, sans-serif;
							}
					#tleBox2{
						height:25px;
						padding:7px 10px 0 5px;
						border-bottom:1px solid #bebebe;
						float:left;
						width:745px;
						}
						#tleBox2 h3{
							float:left;
							width:30%;
							color:#2f65a5;
							font-size:15pt;
							font-family:Arial, Helvetica, sans-serif;
							}
						#breadCrum{
							float:right;
							width:65%;
							text-align:right;
							color:#6b6b6b;
							}
							#breadCrum a{
								color:#717276;
								}
						#commentBox{
							clear:both;
							float:left;
							width:767px;
							}
							.commentBoxLi1{
								float:left;
								width:238px;
								padding-right:19px;
								padding-bottom:17px;
								}
							.commentBoxLi2{
								float:left;
								width:238px;
								padding-right:0px;
								padding-bottom:17px;
								}
								.commentIn{
									border:7px solid #dcdcdc;
									border-width:5px 7px;
									height:119px;
									}
								.commentIn img{
									float:left;
									width:101px;
									}
								.commentIn_txt{
									float:right;
									width:123px;
									height:119px;
									background:#ffffff url(/images/new/commentBox_bg.gif) repeat-x top;
									}
									.tleName{
										height:50px;
										color:#337bad;
										font-size:10pt;
										font-weight:bold;
										font-family:Arial, Helvetica, sans-serif;
										padding:10px;
										}
									.year{
										font-size:8pt;
										color:#666666;
										}
									.otBox{
										background:url(/images/new/arrow_b_ot.gif) no-repeat 10px center;
										padding:3px 10px 3px 18px;
										border-top:1px solid #eeeeee;
										}
										.otBox a{
											color:#2e2e2e;;
											}
									.ntBox{
										background:url(/images/new/arrow_r_nt.gif) no-repeat 10px center;
										padding:3px 10px 3px 18px;
										border-top:1px solid #eeeeee;
										}
										.ntBox a{
											color:#8a1a04;
											}
						/***Commentary Index add 03.19****/

								#commentBox2{
									clear:both;
									padding-right:11px;
									margin-top:10px;
									float:left;
									width:756px;
									background:url(/images/new/com_in_bg.gif) repeat-y 0px 20px;
									}
									#commentBoxleft{
										float:left;
										width:373px;
										padding:0 5px 5px 0px;
										}
									#commentBoxright{
										float:right;
										width:368px;
										padding:0 5px 5px 5px;
										}
										.comListBox{
											clear:both;
											border-bottom:1px solid #bebebe;
											margin:0 11px 10px 11px;
											}
										.comListBox_last{
											clear:both;
											margin:0 10px 5px 10px;
											}
										.comtle{
											color:#522424;
											font-family:Arial, Helvetica, sans-serif;
											font-weight:bold;
											font-size:10pt;
											padding:2px 0;
											}
										.comName{
											font-size:9.5pt;
											font-weight:bold;
											font-family:Arial, Helvetica, sans-serif;
											padding:2px 0;
											}
											.comName a{
												color:#6e270e;
												text-decoration:underline;
												}
											.comName a:hover{
												color:#ba4f32;
												}
										.comCon{
											padding:3px 0 5px 0;
											}
										.comCon img{
											float:left;
											margin:3px 10px 3px 0;
											border:2px solid #cccccc;
											}
										.viewBox{
											clear:both;
											padding:3px 0 10px 0;
											}
											.viewBox select{
												font-size:9pt;
												margin-right:4px;
												}
						
				/****Commentary Inner******/
				#commentInner{
					clear:both;
					padding:12px;
						}
						#commentInner h3{
							font-family:Arial, Helvetica, sans-serif;
							font-size:13pt;
							color:#4e5b65;
							padding:6px 0;
							line-height:16pt;
							}
						#commentInner h4{
							color:#143448;
							font-weight:normal;
							font-size:14pt;
							padding:5px 0 15px 0;
							font-family:Arial, Helvetica, sans-serif;
							}
						#commentInner p{
						padding:10px 25px 5px 0;
							}
							#commentInner p img{
								float:left;
								margin:0 15px 10px 5px;
								border:3px solid #d9d9d9;
								}
							.year2{
								font-size:8pt;
								font-family:Verdana, Arial, Helvetica, sans-serif;
								padding-left:10px;
								}
						#comSearchBox{
							clear:both;
							padding:10px 12px 20px 12px;
							}
							#comsearchCnTop{
								background:#03add7 url(/images/new/com_s_cn_top_right.gif) no-repeat 100% 0;
								height:3px;
								}
								#comsearchCnTop div{
									background:url(/images/new/com_s_cn_top_left.gif) no-repeat 100% 0;
									height:3px;
									width:3px;
									}
							#comsearchCnBt{
								background:#0492d7 url(/images/new/com_s_cn_bt_right.gif) no-repeat 100% 0;
								height:3px;
								}
								#comsearchCnBt div{
									background:url(/images/new/com_s_cn_bt_left.gif) no-repeat 100% 0;
									height:3px;
									width:3px;
									}
							#comsearchIn{
								background:#0492d7 url(/images/new/com_s_bg.gif) repeat-x top;
								padding:3px 6px;
								}
								#comtabBoxIn{
									font-family:Arial, Helvetica, sans-serif;
									font-weight:bold;
									}
									#comTab1{
										float:left;
										background:#ffffff;
										/*background:#ffffff url(/images/new/arrow_b_ot.gif) no-repeat 15px center;*/
										width:380px;
										padding:7px 0;
										text-align:center;
										}
									#comTab2{
										color:#ffffff;
										padding:7px 0;
										margin-left:390px;
										font-size:7pt;
										
										}
									#comsearchConIn{
										clear:both;
										text-align:center;
										background:#ffffff url(/images/new/s_bg_in.gif) bottom;
										padding:10px 0;
										}
										#comsearchConIn select{
											margin:0 10px 0 0;
											height:20px;
											border:1px solid #cccccc;
											font-size:9pt;
											}
									.comChapter{
										clear:both;
										padding:8px 5px 3px 5px;
										}
										.comChapter select{
											font-size:9pt;
											height:20px;
											border:1px solid #b9b9b9;
											margin-right:5px;
											width:150px;
											}
										.comOther{
											padding:10px 5px;
											font-size: 9pt;
											}
											.comOther a{
												padding:0 5px;
												}
											.prevArrow{
												color:#3e98bf;
												}
											.nextArrow{
												color:#3e98bf;
												}
											.comSeleted{
												font-weight:bold;
												color:#000000;
												}
										.chapterCon{
											padding:10px;
											}
											.chapterCon table{
												border:1px solid #ffffff;
												}
											.chapterCon tr, .chapterCon td{
												padding:0px 7px;
												border-right:1px solid #cccccc;
												border-bottom:1px solid #cccccc;
												border-top:1px solid #ecebe8;
												border-left:1px solid #ecebe8;
												background-color:#ecebe8;
												
												}
											.chapterTxt{
												padding:8px 10px 12px 10px;
												}
											.chapterTle{
												font-size:9pt;
												font-family:Arial, Helvetica, sans-serif;
												font-weight:bold;
												background-color: #e6e6e6;
												padding: 3px 7px;
												}
												.chapterTle a{
													color:#c20b0b;
													font-size:8pt;
													padding-left:10px;
													}
								/***Related Commentary***/
									#realtedCom{
										clear:both;
										/*border:1px solid #dcdcdc;
										border-width:1px 1px 0 1px;*/
										background:#f5fbff;
										}
										#realtedCom ul li{
											background:url(/images/new/dot_cross.gif) no-repeat 10px 8px;
											padding:4px 10px 4px 20px;
											border-bottom:1px solid #ffffff;
											line-height:10pt;
											font-family:Arial, Helvetica, sans-serif;
											}
											#realtedCom ul li a{
												color:#1c57a8;
												font-weight:bold;
												}
												.author{
													font-size:7pt;
													font-family:Arial, Helvetica, sans-serif;
													color:#666666;
													}
											#rel_Chapt_Tle{
												clear:both;
												font-size:9pt;
												font-family:Arial, Helvetica, sans-serif;
												font-weight:bold;
												padding:5px 10px 5px 15px;
												border-bottom:1px solid #ffffff;
												background:#d0f1f7;
												}
											
										#leftTle2{
											background:#84bde6;
											padding:3px 10px;
											border-bottom:1px solid #68a0c9;
											color:#FFFFFF;
											}
									/***Commentary Inner Readpage Top Box***/
									#comTopBox{
										clear:both;
										width:731px;
										height:119px;
										border:6px solid #DBDBDB;
										background:#ffffff url(/images/new/s_bg_in.gif) repeat-x bottom;
												}
												#picBox{
													float:left;
													width:101px;
													height:119px;
													}
												#comBox2{
													float:left;
													width:250px;
													padding:10px;
													}
													.adam_3{
														font-size:14px;
														font-family:Arial, Helvetica, sans-serif;
														color:#3B7BA1;
														padding:5px 0 10px 0;
														font-weight:bold;
														}
													.year_3{
														padding-bottom:10px;
														color:#636363;
														}
													#comBox2 select{
														font-size:9pt;
														margin-right:1px;
														}
											
												#comBox3{
														float:right;
														color:#FFFFFF;
														padding:7px;
														width:344px;
														background:#3c3c3b url(/images/new/bg-black.jpg) repeat-x top;
														height:103px;
														border:1px solid #ffffff;
													}
													#relComTle{
														font-size:9pt;
														font-family:Arial, Helvetica, sans-serif;
														font-weight:bold;
														padding-left: 5px;
														}
													#relComList{
														padding:3px 0 3px 10px;
														}
														#relComList a{
															display:block;
															color:#FFFFFF;
															background:url(/images/new/arrow_w.gif) no-repeat 3px 5px;
															padding-left:15px;
															}
														#relComList a:hover{
															text-decoration:underline;
															}
															

											
											
											
		/***Commentary Index Modify 2008.03.14 by hyewon***/

	.comBox1{
	float:left;
	width:362px;
	background:#f3f3f3;
	border:1px solid #bcbcbc;
	padding:2px;
	margin:0 20px 18px 0;
		}
	.comBox2{
	float:left;
	width:362px;
	background:#f3f3f3;
	border:1px solid #bcbcbc;
	padding:2px;
	margin:0 0px 18px 0;
		}
		.comBox1_in{
			background:url(../images/new/com_box_bg.gif) repeat-x top;
			}
			.comBoxTle{
				padding:10px 12px;
				height:45px;
				font-family:Arial, Helvetica, sans-serif;
				}
				.comPic{
					float:left;
					border:3px solid #cdcdcd;
					margin-right:10px;
					}
				.comTle1{
					color:#370202;
					font-size:10pt;
					font-weight:bold;
					padding-top:3px;
					}
				.comTle2{
					font-weight:bold;
					font-size:14pt;
					padding-top:5px;
					vertical-align:middle;
					}
				.comTle2 a{
					color:#6e270e;
					}
					.year3{
						color:#6e6e6e;
						padding:0 7px;
						font-size:8pt;
						}
					.comBoxTxt{
						padding:0 14px 10px 14px;
						font-family:Arial, Helvetica, sans-serif;
						line-height:13pt;
						color:#333333;
						height:97px;
						}
					.comdropBox{
						padding:0 12px 10px 12px;
						}
						.comdropBox a{
							color:#333333;
							font-weight:bold;
							padding:3px 10px;
							border:1px solid #cccccc;
							background:#ffffff;
							}
						.comdropBox select{
							font-size:9pt;
							margin-right:5px;
							height:20px;
							border:1px solid #cccccc;
							}