#wrapper{
	margin-top:5px;
/*	padding-right:0.3em;*/
/*	padding-left:0.3em;*/
	padding-top:0;
	padding-bottom:0;
	background:white;
/*background:silver;*/	

	width:899;
	
}
#mainTable{
	border-collapse:collapse;
	margin:0;
	width:899;
	
	
}
body{background:url(images/bg_3.gif);/*url(images/bg1.gif);dimgray;*/}
#mView_{
	border:solid 1px gray;
}

#naviSign{
	padding:2px;
	border:dotted 1px gray;
	font-family:comic sans ms;
}
.NaviButton{
	font-family:wingdings 3;
	cursor:hand;
}

.picNaviButton{
	border:dotted 1px beige;
	padding:3px;
	background:azure;
}
.picBoxVisible,.picBoxHidden{
	
}
.picBoxVisible{
	visibility:visible
}
.picBoxHidden{
	visibility:hidden
}
img,wmv{
/*	border:1px solid black;*/
}
.test{
	padding:3px;
	border:1px solid black;
	color:black;
	background-color:gainsboro;
	
}
.test1{
	padding:3px;
	border:1px solid black;
	background-color:red;
	color:white;
}
	
body{scrollbar-3dlight-color:darkkhaki;
           scrollbar-arrow-color:darkkhaki;
           scrollbar-base-color:darkkhaki;
           scrollbar-darkshadow-color:darkkhaki;
           scrollbar-face-color:darkkhaki;
           scrollbar-highlight-color:gold;
           scrollbar-shadow-color:darkkhaki
}
#mynote{
	background-color:white;
	color:black;
	font-family:"comic sans ms";
	font-size:10pt;
	border:1px dotted black;
	padding:5px;
	}
.funname{
	background-color:darkolivegreen;
	color:white;
	font-family:"comic sans ms";
	font-size:10pt;
	padding:1px;
	margin-top:0;
	margin-left:0;
	}
.topicEn,.chapterEn,.captionEn,.topicListEn,.captionListEn{
	font-family:"comic sans ms";
	font-size:9pt;
}
#topicListView{
	margin:20px;
	display:none;
	border:3px dashed silver;	
}
#menuBox{
	padding:5px;
	border:1px solid black;
	font-size:9pt;
}
#menuBox ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	text-decoration: none;
	padding: .2em 1em;
	color: #fff;
	background-color: #036;

}
#menuBox ul li{
	display: inline;
}
#menuBox ul li a{
	text-decoration: none;
	padding: .2em 1em;
	color: #fff;
	background-color: #036;


}

#menuBox ul li a:hover
{
color: #fff;
background-color: #369;
}

.chapterListEn{
	font-family:"comic sans ms";
	font-weight:bold;
	}
.chapterListKo{
	font-family:tahoma,±¼¸²Ã¼;
	font-weight:bold;
	}
.topicChildList{
	list-style-type:decimal-leading-zero;
	
	
	}

.listTable{
	border-collapse:collapse;
	font-size:12pt;
	}
table {
	background-color:black;
/*	border:1px solid white;*/
	margin-top:12px;
	margin-down:12px;
	font-family:tahoma;
	font-size:10pt;
	
	}
tr{
	background-color:white;
	}

	
#topicListBoxCaption,.listTitle{
	border-bottom:1px solid black;
	border-right:1px solid black;
	border-top:1px solid whitesmoke;
	border-left:1px solid whitesmoke;
	background:seashell;
	padding:2px;
}


li{
	
	list-style:square;// outside not applied in li but ul;
	
	
	}
*{
	font-family:tahoma,±¼¸²Ã¼,ÈÞ¸ÕÆíÁöü,ÈÞ¸Õ¸ÅÁ÷ü,È޸վƹÌü,HY¿±¼­L,HY¿±¼­M,¹ÙÅÁü
	}
/*#######top 4 boxes##################*/
#topicCell,#chapterCell,#chapterComboCell,#topicComboCell{
	background-color:darkkhaki;
	padding-left:12px;
	padding-top:2px;
	border-bottom:1px solid black;
	font-family:tahoma,±¼¸²Ã¼,ÈÞ¸ÕÆíÁöü,ÈÞ¸Õ¸ÅÁ÷ü,È޸վƹÌü,HY¿±¼­L,HY¿±¼­M,¹ÙÅÁü
	}
#topicCell,#chapterCell{border-right:1px solid black}

#keyCombo,#chapterCombo,#topicCombo{
	padding:3px;
	background:gold;
	color:black;
	margin:1px;
	border:1px solid white;
	font-family:tahoma;
	font-size:11pt;
}
/*#########top 4 boxes end############*/
/*#########each descripton caption#####*/
#captionCell{
	background:gold
	color:black;
	margin-top:0.5em;
	padding-left:1em;
	padding-top:0.5em;
	border-top:1px solid black;
	border-bottom:4px double black;
}
/*########each description caption end ####*/
.navi{
	background-color:white;

	}
#descriptBox{
/*	background-color:gainsboro;
	font-size:10pt;
	font-family:tahoma,¹ÙÅÁü,±¼¸²Ã¼,ÈÞ¸ÕÆíÁöü,ÈÞ¸Õ¸ÅÁ÷ü,È޸վƹÌü,HY¿±¼­L,HY¿±¼­M;
	padding:10px;*/
	border-left:1px solid silver;
	font-size:10pt;
}
#mediaPlayerDown{
	font-size:8pt;
}
#picBox{
	padding:10px;
	background-color:white;
	}

#projectTitle{font-family:tahoma,ÈÞ¸ÕÆíÁöü,HY¿±¼­L,HY¿±¼­M;
	font-size:20pt;
	font-weight:bold;
	padding-left:1em;
	border:3px dashed gold;
	background:gold;
	width:900;
	
	}
#projectSubTitle{
	font-family:tahoma;
	font-size:10pt;
	color:gray;
	padding-left:16%;

}
#companyTitle{
	font-family:times new roman;
	font-size:12pt;
/*	margin-top:5px;*/
/*	margin-bottom:5px;*/
/*	border:1px solid white;*/
/*	background:gray;*/
	background:black;
	text-align:right;
	padding-right:2em;
	padding-top:3px;
	padding-bottom:3px;
	color:gold;
	width:900;
	}
#companyTitle a{
	color:gold;
	text-decoration:none;
	padding:2px;
}
#companyTitle a:hover{
	color:white;
	border:1px solid white;
	padding:2px;
}
/*
#topicListBox{
	padding:0.5em;
	border:1px solid black;
}


#topicListBox ul
{
margin: 0;
padding: 0;
list-style-type:disc;
}



#topicListBox li a
{
display: block;
color: #FFF;
font-size:x-small;
background-color: #036;
font-size:10pt;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
}

#topicListBox a:hover
{
background-color:gold;
color:black;
text-decoration:none;
border:1px solid black;
}
*/
#topicListBox li {  
	list-style-type:none;
	background:url(images/arrow.gif) no-repeat left;
	margin-left:0;	
	padding-left;1em;
}
#topiclistBox #selected{/*topicListBox Li*/
	background:silver;
	border-bottom:1px dotted black;
	color:black;
	padding:3px;
}
a.desList{
	
	padding-left:2em;
}

a.desList:link{
	background-color:gainsboro;
	color:black;
	text-decoration:none;
	}
a.desList:visited{
	text-decoration:none;
	
	color:darkgray;
	}
a.desList:hover{
	background-color:white;
	color:black;
	text-decoration:underline;
	}


#logo{
	padding:2px;
	background:url(images/logo.jpg);/*logo.jpg,xxx.jpg,icon_2.jpg),icon_3.jpg;*/
	width:32;
	height:32;
/*	width:50;
	height:50;*/
	left:93%;
	top:33;
	position:absolute;
	z-index:101;
	cursor:hand;
}






.hlover{
	border-top:white 1px solid;
	border-left:white 1px solid;
	border-right:black 1px solid;
	border-bottom:black 1px solid;
	background-color:silver;
	font-family:"comic sans ms";
	color:red;
}
.hlout{
	border-top:black 1px solid;
	border-left:black 1px solid;
	border-right:white 1px solid;
	border-bottom:white 1px solid;
	background-color:silver;
	color:black;
	font-family:"comic sans ms";

}
.hloverwithnote{
	border-top:black 1px solid;
	border-left:black 1px solid;
	border-right:white 1px solid;
	border-bottom:white 1px solid;
	background-color:yellow;
	font-family:"comic sans ms";
	color:black;
}
.hloutwithnote{
	border-top:white 1px solid;
	border-left:white 1px solid;
	border-right:black 1px solid;
	border-bottom:black 1px solid;
	background-color:black;
	color:yellow;
	font-family:"comic sans ms";

}

.contentcount{
	font-family:'comic sans ms';
	font-size:10pt;
	background:black;
	border-right:1px solid black;
	border-left:1px sold black;

	padding-right:0;
	
	margin-right:0;
	margin-left:0;
	
	padding-bottom:1px;
	color:white;

}
/*################leftColumn screen content#####*/
#movie,#picture,#file{
/*	border:3px solid silver;*/
	border:1px solid black;
	display:none;
	text-align:center;

}	
/*#movieTab,#pictureTab,#fileTab{
	margin-left:3px;
	border:1px solid black;
	background:silver;
	width:auto;
	float:left;
	cursor:hand;
}
#movieTaba,#pictureTaba,#fileTaba{
	margin-left:3px;
	border:1px solid gray;
	background:white;
	width:auto;
	float:left;
	color:gray;

}*/
#media a{
	font-size:10pt;
	background:gray;
	color:white;
	padding:2px;
	margin:0;
	text-decoration:none;
	border:1px solid black;
}
#media a:hover{
	background:silver;
	color:black;
	text-decoration:none;
}

.assignedTab{
	margin-left:3px;
	border:1px solid black;
	background:silver;
	width:auto;
	float:left;
	cursor:hand;
}
.unassignedTab{
	margin-left:3px;
	border:1px solid gray;
	background:white;
	width:auto;
	float:left;
	color:gray;

}
.selectedTab{
	margin-left:3px;
	border:3px solid black;
	background:red;
	width:auto;
	float:left;
	color:white;

}

#picContentBox{
	margin:3px;
	border:3px dotted silver;
	padding:3px;
}
.fileDown a{
	display:block;
	padding:3px;
	padding-left:1em;
	margin-left:1.5em;
	margin-bottom:0.5em;
	margin-right:0.5em;
	text-align:left;
	font-size:10pt;
	text-decoration:none;
	color:white;
	background:url(images/download.gif) no-repeat 2px center gray;
	border-top:2px solid silver;
	border-left:2px solid silver;
	border-bottom:2px solid black;
	border-right:2px solid black;
}
.fileDown a:hover{
	background:gray;
	color:white;
	text-decoration:none;
	border-top:2px solid black;
	border-left:2px solid black;
	border-bottom:2px solid silver;
	border-right:2px solid silver;
	
}
#prev,#next{
	cursor:hand;
	background:silver;
	border:1px solid black;
	float:left;
	padding:3px;
	width:100;
}
#status,#statusn{
	background:white;
	border-top:1px solid gray;
	border-bottom:1px solid gray;
	float:left;
	padding:3px;
	width:100;
}
#statusn{
	color:silver;
}	
#picNaviBox{
	margin-left:auto;
	margin-right:auto;
	margin-top:0.5em;
	font-size:10pt;
	font-family:tahoma;
	display:none;
	width:300;
}
#prevn,#nextn{
	background:silver;
	border:1px solid black;
	float:left;
	padding:3px;
	width:100;
	color:gray;
}
.divider{
	background:url(images/divider.gif);
	height:1px;
	font-size:5pt;
}
#sendMsg{
	border:2px dashed black;
	padding:0.2em;
	margin:1px;
	text-align:left;
	background:darkkhaki;
	height:80px;
}
#sendMsgLeft{
	float:left;
}
#sendMsgRight{
	float:right;
	border:white dashed 2px;
	margin-top:0.5em;
	margin-bottom:0.5em;
	width:380px;
	padding:0.5em;
	margin-right:0.3em;
	color:white;
	padding-left:1em;
}

#myiframe{
width:100%;
height:100%;
margin:0;
border:0;
padding:0px;
}

#newsbox{
	}
#checkCha{/*use input some message limit sign of chr number*/
	font-family:tahoma;
	font-size:10pt;
	color:white;
	padding-left:1em;
}
.note{
	border:3px dashed black;
	background:azure;
	padding:0.6em;
	margin:1em;
}
#helpbox{
	text-align:left;
	padding:1em;
	font-name:tahoma;
	margin:0;
/*	background:url(images/bg_div.gif) top bottom;*/

}
#helpbox ul{
	list-style-image:url(images/icon_redhead.gif);
}
#helpbox span{
	background:url(images/icon_leaf.gif) no-repeat left;
	font-size:11pt;
	padding-left:1em;
	font-weight:bold;
	text-decoration:underline;
	padding-left:2.5em;
}
#cap{
	float:left;color:black;font-size:100px;line-height:80px;padding-top:0.1em;padding-right:5px;font-family: tahoma;
	margin-right:0.1em;
	margin-bottom:0.1em;
	background:gold;
}
#date{
	padding-left:21em;
	border-bottom:1px solid black;
	padding-right:2em;
	margin-left:2em;
	border-right:1px solid black;
	padding-bottom:0.2em;
	background:aliceblue;
}
#qa_button{
	background:gold;
}
/*##############leftColumn screen content end#######*/