body {margin:0 ; padding:0; font-size:11pt;}
a {text-decoration:none;  }
#contentsBox { margin:0 ; padding:0}
#remind {font-size:9pt; color:red; display:none; position:absolute; top:10px; left:240px;}
#tipsBox {display:none; font-size:10pt; border:2px solid green; position:absolute; top:15px; left:550px; z-index:1000; line-height:18px; background-color:#e2fee7; padding:6px }
#userManual { text-align:right; }
#b_ver {display:none; font-size:10pt; border:0; position:absolute; top:32px; left:220px; z-index:1000; height:34px; background-color:#ffffff; color:red }
#searchButton { cursor:pointer; position:absolute; top:10px; left:420px; }
#showTips { cursor:help; font-size:9pt; color:green; position:absolute; top:10px; left:700px; font-weight:bold}
#fmSh {margin:0 ; padding:0}
#headerName {font-family: 標楷體,方正楷體 ; font-size:20pt; font-weight:bold; color:#b11418 }
#searchBox {width:990px ; border:solid green 2px; line-height:36px; padding:6px;margin:6px 6px 2px 6px; font-size:11pt; position:relative; }
#searchBox select {	font-size:9pt; }	
#searchBox label {font-size:11pt; }
#selectType{border:0 ; margin:12px 0; font-size:8pt }
#selectType td {border:1px solid #aaaaaa; width:60px; line-height:18px; margin:6px; padding:1px; text-align:center;}
#total {font-size:10pt; color:blue; position:absolute; top:8px; left:490px; }
#selectType td:hover { cursor:pointer }
#selectType td.typeName { border:0; font-size:11pt; width:70px ;cursor:normal; color:#000; text-align:right}
#selectType td.typeName:hover { cursor:default }
#buttonClearAll {margin-left:20px}
#buttonClearAll:hover {cursor:pointer;}
#bnBrowseMode {margin-left:500px}
#bnBrowseMode:hover {cursor:pointer;}
#bnLogInOut {margin-left:60px;}
#bnLogInOut:hover {cursor:pointer;}

#controlRow {width:1000px ;height:30px ;font-size:10pt; padding:0 8px ;border-bottom:2px red dashed; margin:6px ;display:none; position:relative;  }
#controlRow input, #controlRow select {background-color:#ffffce ; }
.bnPrePage {position:absolute; top:8px; left:820px; font-size:9pt; color:blue }
.bnPrePage:hover {cursor:pointer;}
.cc {position:absolute; top:8px; left:880px; font-size:9pt; color:blue }
.bnNextPage {position:absolute; top:8px; left:920px; font-size:9pt; color:blue }
.bnNextPage:hover {cursor:pointer;}
#bnGoBrowse {background-color:#99da01 ; }
#bnGoBrowse:hover {cursor:pointer }
#forSelect {visibility:hidden ;}
#forPages {visibility:hidden ;}
#showAllLower , #hideAllLower {color:#ab5656 }
#showAllLower:hover , #hideAllLower:hover {cursor:pointer }
#fixShowLower { vertical-align:text-bottom; cursor:pointer }
#orderArrow {color:#00bd00; cursor:pointer; }
input#fmPageStartFrom {width:24px}
input#fmPerPage {width:24px}
#pageTotal {color:green; }

#resultBox {font-size:10pt;margin:6px; white-space:nowrap}
.rowUpper a {background-color:#ff972f; color:#ffffff; font-size:9pt; padding:1px 3px; }
.rowLower a {background-color:#ffffff; color:#000000 ; font-size:9pt; padding:1px 3px;}
div.eachRecord {width:1000px; border:0 ;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:6px 2px; padding:0 2px; background-color:#f1f7e8; border-bottom: 2px solid #bbbbbb; border-right: 1px solid #999999}
	.theItem {color:#ff8000; }
div.eachRecord.unConfirm { color: grey; }	
div.rowUpper div, div.rowLower div {height:16px; border:0; padding:6px 6px 0 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:left; margin:2px 0 }
div.rowUpper {height:26px}
	div.Name {width:140px; color:blue}
	div.FristLyric {width:280px;}
	div.FristReLyric { width:280px;}
	div.linkButton {width:70px; margin-left:10px; }
	div.linkSpace {width:70px; margin-left:10px; }
	div.posInOtc { font-size:9pt ;}
div.rowLower {display:none; float:left; height:56px }
	div.FristMelo { width:200px;}
	div.LinkMedia {width:100px;}
	div.LinkLyric {width:120px;}
	div.Publisher { width:160px;}
	div.Collection { width:200px;}
	div.WriterMelo { width:180px;}
	div.modiButton ,div.modiButton_X {position:relative; top:-26px; left:900px; border:1px solid grey }
	div.modiButton span { background-color:#ffffff; color:#000000 ; font-size:9pt; padding:1px; }
	div.modiButton span:hover { cursor:pointer; }
	div.WriterLyric { width:180px;}
.hymnsType  {border:0; }
.hymnsType td , #modiTypeTable td{border:1px solid #aaaaaa; width:60px; margin:6px; padding:1px; text-align:center; font-size:8pt}
td.typeName { width:80px; border:none; font-size:10pt; color:#ff8000;}
td.lightTD {background-color:#ffffbb; font-weight:bold}

#modiBox {display:none; background-color:#eee8ff ; border:2px solid green ; padding: 16px ;position:fixed ;top:6px; left:0px}
#modiTable td {padding:4px 0 }
#modiTable td.modiItem {font-size:12pt; text-align:right;}
#modiTypeTable {border:0; margin:10px 0 ;}
#modiTypeTable td.typeName {border:none; font-size:12pt; color:#000000;}
#modiTypeTable td:hover { cursor:pointer }
#modiTypeTable td.typeName:hover { cursor:default }
#modiUserName {background-color:#ffd6c1; width:120px; }

#loginBox {width:260px ; background-color:#bcdede ;padding: 30px; display:none; position:absolute; top:100px; left:300px; }
#loginBox input {width:140px }

#bottomControlRow {display:none; position:relative; top:0px; left:0px; }