/*-- Page Property --*/
body {
	background-image: url(images/bkrd.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFF3CB;
	font-family: "Arial", "Helvetica", "sans-serif";
}

hr {height:1px solid; width:99%; COLOR:#50563B;}



/*-- login form --*/
#login {margin-left:5px; color:  #000000; text-decoration: none; font-size: 10px; background: url(images/login_b.jpg) no-repeat; padding: 8px 8px 13px 13px; float:left; font-family: "Verdana"; font-weight:bold; border:0px; width:62px; }
#login hover {color: #F00000; text-decoration: none;}

#login_publisher {color:  #000000; text-decoration: none; font-size: 13px; margin-left: 0; padding: 5px 10px 20px 5px; font-family: "Verdana"; width:150px;}

#login_text {color:  #000000; text-decoration: none; font-size: 10px; margin-left: 0; padding: 5px 0px 2px 0px; font-family: "Verdana";font-weight:bold;}



/*-- Search part --*/
#input01 {color:  #000000; background: url(images/input02.jpg) repeat; padding: 5px 0px 0px 0px; font-family: "Verdana"; font-weight:none; border:0px; height:28px; font-family: "Arial", "Helvetica", "sans-serif";}
#search01 {margin-left:0px; background: url(images/input03.jpg) no-repeat; padding: 0px 0px 5px 0px; border:0px; width:35px; height:28px; cursor:pointer;}
#search02 {margin-left:0px; background: url(images/input04.jpg) no-repeat; padding: 0px 0px 5px 0px; border:0px; width:35px; height:28px; cursor:pointer;}


/*--  Menu -- */

#topmenu a {margin-left:0; padding: 0px 0px 0px 2px; color: #FFFFFF; font-weight: normal; text-decoration: none;font-size: 12px; }
#topmenu a:hover {color : #FF0000;}


/*-- Section Title --*/
#title01 {color: #395bb2; font-family: "Arial";  font-size: 20px;
margin-left:0; padding: 10px 0px 0px 55px; font-weight: none; text-decoration: none;}

#title02 {color: #FFFFFF; font-family: "Arial"; font-size: 15px; 
margin-left: 0; padding: 2px 0px 0px 5px; font-weight:none; text-decoration: none;}

#title03 {color: #50563B; font-family: "Arial"; font-size: 16px; line-height:25px; 
margin-left:0; padding: 0px 0px 5px 15px; font-weight: bold; text-decoration: none;background: url(images/sub_icon.gif) no-repeat; }

#title04 {color: #395bb2; font-family: "Arial"; font-size: 15px; 
margin-left: 0; padding: 2px 0px 0px 5px; font-weight:none; text-decoration: none;}

#book_title {margin-top:2px; color: #000000; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-weight: none; padding: 0px 2px 0px 2px; text-decoration: none;}
#book_title a {margin-top:2px; color: blue; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-weight: none; padding: 0px 2px 0px 2px; text-decoration: none;}
#book_title a:hover {color: #F00000; text-decoration: underline;}

#num {margin-right:3px; color:#000000; text-decoration: none; font-size: 10px; background: url(images/num_box.gif) no-repeat; padding: 6px 0px 0px 0px;  font-family: "arial"; font-weight:bold; border:0px; height:29px; float:left; width:31px;}

#num2 {color:#000000; text-decoration: none; font-size: 11px; background: url(images/num_box.gif) no-repeat; padding: 6px 0px 0px 8px;  font-family: "arial"; font-weight:bold; border:0px; height:30px; width:38px;}

#info {margin-top:0px; color: #000000; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 13px; font-weight: none; padding: 0px 2px 0px 2px; text-decoration: none; text-align:center;margin-top:3; margin-bottom:5;}

/*-- small linkage --*/
a {color: blue; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px;}
a:hover {color: #F00000; text-decoration: underline;}


#abc a {margin-top:5px; color: blue; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-weight: bold;padding: 0px 2px 20px 2px; text-decoration: none;}
#abc a:hover {color: #F00000; text-decoration: underline;}



/*-- tool box --*/
#button_load {margin-left:0px; background: url(images/tool_icon06.jpg) no-repeat; padding: 0px 0px 5px 0px; border:0px; width:38px; height:31px; cursor:pointer;}
#button_save {margin-left:0px; background: url(images/tool_icon05.jpg) no-repeat; padding: 0px 0px 5px 0px; border:0px; width:38px; height:31px; cursor:pointer;}
#button_search {margin-left:0px; background: url(images/tool_icon04.jpg) no-repeat; padding: 0px 0px 5px 0px; border:0px; width:38px; height:31px; cursor:pointer;}

#button_delete {margin-left:0px; background: url(images/tool_icon09.jpg) no-repeat; padding: 0px 0px 5px 0px; border:0px; width:38px; height:31px; cursor:pointer;}

#place {margin-left:0px; background: url(images/tool_icon11.jpg) no-repeat; padding: 0px 0px 5px 0px; border:0px; width:38px; height:31px; cursor:pointer;}

#button_clear {margin-left:0px; background: url(images/tool_icon08.jpg) no-repeat; padding: 0px 0px 5px 0px; border:0px; width:38px; height:31px; cursor:pointer;}

#button {margin-left:0px; background: url(images/tool_icon03.jpg) no-repeat; padding: 0px 0px 3px 0px; border:0px; width:50px; height:25px; cursor:pointer; float:left;color: #000000; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; font-weight: bold;}

#tool_title {color: #50563B; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 13px; 
margin-left:0;margin-top:3; margin-bottom:5; padding: 2px 0px 3px 25px; font-weight: bold; text-decoration: none;background: url(images/tool_icon01.jpg) no-repeat; }

#tool_select {color: #50563B; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 13px; 
margin-left:5px; padding: 3px 0px 5px 15px; font-weight:none; text-decoration: none;background: url(images/tool_icon02.jpg) no-repeat; float:left; }

#tool_select2 {color: #50563B; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 13px; 
margin-left:0px; padding: 3px 0px 5px 15px; font-weight:none; text-decoration: none;background: url(images/tool_icon02.jpg) no-repeat; float:left; }

#tool_select3 {color: #50563B; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 13px; 
margin-left:5px; padding: 0px 0px 0px 18px; font-weight:none; text-decoration: none;background: url(img/icon-nomark9.gif) no-repeat; float:left; }

#tool_select4 {color: #50563B; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 13px; 
margin-left:5px; padding: 3px 0px 5px 16px; font-weight:none; text-decoration: none;background: url(img/icon-nomark9.gif) no-repeat; float:left; }


#tool_view {color: #50563B; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 13px; 
margin-left:2px; padding: 3px 0px 5px 26px; font-weight:none; text-decoration: none;background: url(images/tool_icon10.jpg) no-repeat; float:left; }


#tool_text {color: #50563B; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 13px; 
margin-left:18px; margin-bottom:5px; margin-top:8; padding: 3px 8px 5px 0px; font-weight:none; text-decoration: none; float:left; }

#tool_text2 {color: #50563B; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 13px; 
margin-bottom:0px; margin-top:0; padding: 0px 0px 0px 0px; font-weight:none; text-decoration: none; float:left; }




#result_view {color: #aaaaaa; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; 
margin-left:0px; width:50px; padding: 5px 0px 3px 12px; font-weight:bold; text-decoration: none; background: url(images/tool_icon03.jpg) no-repeat; float:left;}

#result_view a{color: #000000; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; 
margin-left:0px; font-weight:bold; text-decoration: none; cursor:pointer;}

#result_view a:hover{color: #F00000; }






/*-- bookmark --*/
#bookmark_title {margin-top:5px; color: #000000; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 17px; font-weight:bold; padding: 10px 2px 0px 2px; text-decoration: none;}
#bookmark_title a{margin-top:5px; color: blue; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 17px; font-weight:bold; padding: 10px 2px 0px 2px; text-decoration: none;}
#bookmark_title a:hover {color: #F00000; text-decoration:none;}

#bookmark_author {color: #666666; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 14px; font-weight:none; padding: 5px 2px 0px 2px; text-decoration: none;}

#bookmark_text a{color: blue; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 13px; font-weight:bold; padding:8px 0px 0px 25px; text-decoration: none;background: url(images/page.gif) no-repeat; float:left; height:15px; margin-left:70px;}
#bookmark_text a:hover {color: #F00000; text-decoration:none;}

#bookmark_page {color: #990000; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-weight:bold; padding:0px 0px 5px 5px; text-decoration: none; margin-bottom:0px;}
#bookmark_page a{color: blue; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-weight:bold; text-decoration: none; margin-bottom:0px;}
#bookmark_page a:hover {text-decoration:underline;}

#bookmark_text2 {width:98%; text-align: Justify; margin-left:10px; color: #666666; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; border-width: 0px; line-height:18px;}

/*-- text contents --*/
#copyright {color:  #666666; text-decoration: none; font-size: 9px; margin-left: 0; text-align:center; font-family: "Verdana";}

#book_search {margin-left:10px; margin-top:5px; margin-bottom:5px; margin-right:10px; text-align: Justify; color: #aaaaaa; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; border-width: 0px; }




.close_icon{
padding:3px 3px 3px 3px;
float:right;
}


.trans
{ border:solid 1px gray;
margin-top:0px;
 width:98%;
background-color:#FFFFFF;
background: url(images/trans_bg.jpg) repeat-x #FFFFFF;
}



.trans_text
{ 
margin-top:5px;
font-size:11pt;
color: #000000; font-family: "Arial", "Helvetica", "sans-serif";
padding: 0px 10px 0px 10px;
line-height:20px;
text-align:justify;
}



/*associated browse 080805 start*/
.assoc-browse{
background:#f6f6f6;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
margin-bottom:15px;
padding:10px 0 30px 10px;
}
.assoc-browse h3{
color:#333;
font-weight:bold;
font-size:14px;
text-align:left;
margin:0 0 10px 10px;
}
.assoc-browse ul{
height:210px;
}
.assoc-browse li{
width:24.5%;
height:210px;
overflow:visible;
float:left;
}
.assoc-browse a:link, .assoc-browse a:visited{
width:166px;
height:210px;
display:block;
margin:0 auto;
}
.assoc-browse a:link span, .assoc-browse a:visited span{
width:160px;
height:160px;
display:block;
overflow:hidden;
background:#fff;
padding:1px;
border:1px solid #e6e2e3;
}
.assoc-browse a span img{
width:100%;
margin:0 auto;
*click:expression(this.onclick = function(){this.parentNode.parentNode.click()});
}
.assoc-browse a b{
display:block;
line-height:18px;
width:160px;
height:36px;
margin:6px auto 2px auto;
text-align:center;
font-weight:normal;
overflow:hidden;
}
.assoc-browse a em{
display:block;
text-align:center;
width:160px;
margin:0 auto;
line-height:18px;
color:#ff6600;
font-weight:bold;
}						
.assoc-browse a:hover, .assoc-browse a:active{
width:232px;
height:300px;
position:relative;
overflow:hidden;
left:50%;
margin-left:-116px;
margin-top:-64px;
z-index:100;
cursor:pointer;
_margin-bottom:-10px;
}
.assoc-browse a:hover span, .assoc-browse a:active span{
width:220px;
height:220px;
display:block;
overflow:hidden;
background:#fff;
padding:2px;
border:2px solid #e6e2e3;
}
.assoc-browse a.side-item:hover span, .assoc-browse a.side-item:active span{
width:190px;
height:190px;
display:block;
margin:32px auto auto auto;
overflow:hidden;
background:#fff;
padding:1px;
border:2px solid #e6e2e3;
}
/*associated browse 080805 end*/