<style type="text/css">
<!--
body{ font: 62.5% "Trebuchet MS", sans-serif; counter-reset: section; }
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin-left: 4px; position: relative; padding-left: 6px 0; cursor: pointer; float: left; list-style: none; }
ul#icons span.ui-icon {float: left; margin: 0 0px;}
sup { font-size: 50%; }
ul li{ line-height:100%; }

ol li { line-height:130%; font-size: 100%; }
ol { font-family: "Times New Roman", "Georgia"; }
ol li::before { font-size: 50%; }

li { margin-bottom: -0.7em;  }
A:link	   {COLOR: #336699; TEXT-DECORATION: none}
A:visited  {COLOR: #666699; TEXT-DECORATION: none}
A:hover    {COLOR: #993399; font-weight: normal; TEXT-DECORATION: none}
A:active   {COLOR: #996666; font-weight: normal}
a.submenu:active {  text-decoration:none; font-family: "新細明體"; font-size: 14pt}
a.submenu:hover {  color: #477DA7; text-decoration:none}
a.submenu:link {  color: #477DA7; text-decoration:none}
a.submenu:visited {  color: #477DA7; text-decoration:none}
a.link:active {  color: #666666; text-decoration:none}
a.link:hover {  color: #666666; text-decoration:none}
a.link:link {  color: #666666; text-decoration:none}
a.link:visited {  color: #666666; text-decoration:none}

td {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; Color: 111111; }
.Alt {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 10px}
.Books { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; Color: ffffff; font-weight: bold; padding: 1px; }
.Chapters { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; Color: ffffff; font-weight: bold; padding: 1px; }
.attention {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 9px; font-style: normal}
.pdetail {  font-size: 12px}
#Controls2 { position: fixed; top: 70px; left: 30px; width: 220px; height: 70px; }
.BeadVerse { text-decoration: underline; }
.Container {
	height:80%; 
	min-height:400px; 
	width:100%; 
	min-width:350px; 
	cursor: pointer; 
	position: fixed;
}


.Controls {
	display: block;
    opacity: 0.95;
	height: 60px;
    width: 100%;
	
	overflow-x: hidden; overflow-y: hidden; cursor: pointer; position: fixed; bottom: 0px;
	
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    bottom: 0;
    overflow: hidden;
    padding: 0px 0px;
    position: fixed;
    right: 0;
}

.Settings {
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #f6f6f6;
    border-color: #999999;
    border-style: solid;
    border-top-left-radius: 0px;
	border-top-right-radius: 0px;
    border-width: 0px 0 0 1px;
}

.PanelTitle { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 21px; Color: ffffff; font-weight: bold; padding: 5px; text-shadow:1px 1px 0px #222222; padding-left: 20px; }
.uTitle { font-family: '細明體'; letter-spacing:1.5px; font-size: 21px; Color: 333333; font-weight: bold; padding: 5px; padding-left: 10px; }
.SearchKeywords { font-family: '細明體'; letter-spacing:1.5px; font-size: 21px; Color: 333333; font-weight: bold; padding: 0px; padding-left: 0px; }
.DevotionEngTitle { font-family: "sans-serif"; letter-spacing:1.5px; font-size: 21px; Color: 333333; font-weight: bold; padding: 0px; padding-left: 0px; }
.HM { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; Color: cccccc; font-weight: bold; padding: 5px; text-shadow:1px 1px 0px #222222; }

.Panel {
	
}

.Bible_Text { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; Color: ffffff; font-weight: bold; padding: 8px; }

.arrow-left {
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent; 
	border-right:8px solid #494949;
}

.round {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.Content {
-moz-border-radius-bottomleft:      8px;
-moz-border-radius-bottomright:     8px;
-webkit-border-bottom-left-radius:  8px;
-webkit-border-bottom-right-radius: 8px;
border-radius-bottomleft:           8px;
border-radius-bottomright:          8px;
border-top: none;
border-color: #ccc #bbb #bbb #ccc;
border-style: solid;
border-width: 1px 1px 1px 1px;
}

.Header_Book {
-moz-border-radius-topleft:         8px;
-webkit-border-top-left-radius:     8px;
border-radius-topleft:              8px;
border-color: #cccccc;
border-style: solid;
border-width: 0px 0px 0px 0px;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #999999), color-stop(1, #444444) );
background:-moz-linear-gradient( center top, #999999 5%, #444444 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#444444');
}

.Header_Measure {
-moz-border-radius-topleft:         8px;
-webkit-border-top-left-radius:     8px;
border-radius-topleft:              8px;
border-color: #cccccc;
border-style: solid;
border-width: 0px 0px 0px 0px;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #999999), color-stop(1, #444444) );
background:-moz-linear-gradient( center top, #999999 5%, #444444 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#444444');
}

.Header_Icons {
-moz-border-radius-topright:        8px;
-webkit-border-top-right-radius:    8px;
border-radius-topright:             8px;
border-color: #d3d3d3 #bbb #d3d3d3 #ccc;
border-style: solid;
border-width: 1px 1px 1px 1px;

}

.Gbtn:hover {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; Color: 555555; font-weight: bold;
	height: 24px;
	Width: 75px;
	cursor: pointer;
	background: #fefefe url(images/Calbtn_on.png) repeat-x;
	border: 1px solid;
	border-color: #cccccc #cccccc #cccccc #cccccc
}

.Gbtn {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; Color: 888888; font-weight: bold;
	height: 24px;
	Width: 75px;
	cursor: pointer;
	background: #efefef;
	border: 1px solid;
	border-color: #dddddd #dddddd #dddddd #dddddd
}

.Ybtn {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; Color: bb0000; font-weight: bold;
	height: 24px;
	Width: 70px;
	cursor: pointer;
	background: #ffdb6b;
	border: 1px solid;
	border-color: #c68a31 #c68a31 #c68a31 #c68a31
}

.Ybtn:hover {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; Color: 990000; font-weight: bold;
	height: 24px;
	Width: 70px;
	cursor: pointer;
	background: #fefefe url(images/Ybtn_on.png) repeat-x;
	border: 1px solid;
	border-color: #c6a64a #c6a64a #c6a64a #c6a64a
}

.text-c {  font-family: "細明體"; font-size: <%=FontSize%>+10px; }
.title-c {  font-family: "細明體"; font-size: <%=FontSize+0%>px; font-weight: bold; }
.title {  font-family: "細明體"; font-size: <%=FontSize+5%>px; font-weight: bold; }
.titleEng {  font-family: "Times"; font-size: <%=FontSize+6%>px; font-weight: bold; }
.text-e {  font: "arial"; font-size: <%=FontSize-1%>px; }
.InputClass  {	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: <%=FontSize%>px; BORDER-LEFT-COLOR: C3AB9B; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: C3AB9B; COLOR: 666666; BORDER-TOP-COLOR: C3AB9B; FONT-FAMILY: "arial"; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: C3AB9B}

.roundtext{
font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-weight: bold;
margin: 8px;
padding-left: 10px;
padding-top: 5px;
height: 21px;
width: 300px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid;
background: #fefefe url(images/BookTitle.png) repeat-x;
border-color: #bbb #bbb #bbb #bbb
}

select{
font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px;
padding: 0px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid;
background: #efefef;
border-color: #bbb #bbb #bbb #bbb;
}
.Grad {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #cccccc) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #cccccc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
}
.fontbtn {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #aaaaaa) );
	background:-moz-linear-gradient( center top, #f6f6f6 5%, #aaaaaa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#aaaaaa');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #999999;
	display:inline-block;
	color:#666;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
	text-shadow:1px 1px 0px #eeeeee;
}.fontbtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
	text-shadow:6px 15px 24px #528ecc;
}.fontbtn:active {
	position:relative;
	top:1px;
	width: 16px;
}.fontbtn_Default {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
	text-shadow:6px 15px 24px #528ecc;
}.fontbtn_Default:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
	text-shadow:6px 15px 24px #528ecc;
}
#booktitle { 
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-weight:bold;
	padding-top:6px;
	padding-left:15px;
	height:22px; 
	width:172px; 
	float: left; 
	vertical-align:middle; 
	background-color:#f0f0f0;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	border-radius-topleft: 6px;
}

#chaptertitle { 
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-weight:bold;
	padding-top:6px;
	padding-left:15px; 
	float: left; 
	vertical-align:middle; 
	background-color:#f0f0f0;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	border-radius-topright: 6px;
}
.Outbox { 
	height:410px; 
	width:367px; 
	cursor: pointer; 
	position: fixed; 
	top: 28px; 
	display: block; 
	border: 1px solid #d3d3d3;
	background-color:#f0f0f0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.innerboxB {
	height:380px;
	width:187px; 
	overflow-y:scroll; 
	background-color:#222222;
	float: left; 
	overflow:auto; 
}
.innerboxC {
	height:380px; 
	width:232px; 
	overflow-y:scroll;
	background-color:#222222;
	float: left; 
	overflow:auto; 
}
.Bible_btn:hover {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color:111111;
	margin: 7px;
	padding-left: 32px;
	padding-top: 0px;
	height: 28px;
	width: 65px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid;
	background: #fefefe url(images/Bible_on.png) repeat-x;
	border-color: #fff #888 #888 #fff;
	cursor: pointer;
}
.Bible_btn {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color:797979;
	margin: 7px;
	padding-left: 32px;
	padding-top: 0px;
	height: 28px;
	width: 65px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid;
	background: #fefefe url(images/Bible_of.png) repeat-x;
	border-color: #fff #aaa #aaa #fff;
	cursor: pointer;
}
.FontSize_btn:hover {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color:111111;
	margin: 7px;
	padding-left: 28px;
	padding-top: 0px;
	height: 28px;
	width: 65px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid;
	background: #fefefe url(images/FontSize_on.png) repeat-x;
	border-color: #fff #888 #888 #fff;
	cursor: pointer;
}
.FontSize_btn {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color:797979;
	margin: 7px;
	padding-left: 28px;
	padding-top: 0px;
	height: 28px;
	width: 65px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid;
	background: #fefefe url(images/FontSize_of.png) repeat-x;
	border-color: #fff #aaa #aaa #fff;
	cursor: pointer;
}
.Display_btn:hover {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color:111111;
	margin: 7px;
	padding-left: 30px;
	padding-top: 0px;
	height: 28px;
	width: 65px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid;
	background: #fefefe url(images/Layout_on.png) repeat-x;
	border-color: #fff #888 #888 #fff;
	cursor: pointer;
}
.Display_btn {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color:797979;
	margin: 7px;
	padding-left: 30px;
	padding-top: 0px;
	height: 28px;
	width: 65px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid;
	background: #fefefe url(images/Layout_of.png) repeat-x;
	border-color: #fff #aaa #aaa #fff;
	cursor: pointer;
}
.Audio_btn:hover {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color:111111;
	margin: 7px;
	padding-left: 30px;
	padding-top: 0px;
	height: 28px;
	width: 65px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid;
	background: #fefefe url(images/Audio_on.png) repeat-x;
	border-color: #fff #888 #888 #fff;
	cursor: pointer;
}
.Audio_btn {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color:797979;
	margin: 7px;
	padding-left: 30px;
	padding-top: 0px;
	height: 28px;
	width: 65px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid;
	background: #fefefe url(images/Audio_of.png) repeat-x;
	border-color: #fff #aaa #aaa #fff;
	cursor: pointer;
}

.Unit_btn:hover {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color:111111;
	margin: 7px;
	padding-left: 8px;
	padding-top: 0px;
	height: 28px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid;
	background: #fefefe url(images/btn_on.png) repeat-x;
	border-color: #fff #888 #888 #fff;
	cursor: pointer;
}
.Unit_btn {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color:797979;
	margin: 7px;
	padding-left: 8px;
	padding-top: 0px;
	height: 28px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid;
	background: #fefefe url(images/btn_of.png) repeat-x;
	border-color: #fff #aaa #aaa #fff;
	cursor: pointer;
}

.Devotion_btn:hover {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color:111111;
	margin: 2px;
	padding-left: 8px;
	padding-top: 0px;
	height: 28px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid;
	background: #fefefe url(images/btn_on.png) repeat-x;
	border-color: #fff #888 #888 #fff;
	cursor: pointer;
}
.Devotion_btn {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color:797979;
	margin: 2px;
	padding-left: 8px;
	padding-top: 0px;
	height: 28px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid;
	background: #fefefe url(images/btn_of.png) repeat-x;
	border-color: #fff #aaa #aaa #fff;
	cursor: pointer;
}
.SearchBox {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color:797979;
	margin-top: 2px;
	padding-left: 8px;
	padding-top: 0px;
	height: 28px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border: 1px solid;
	background: #fefefe;
	border-color: #ccc #fefefe #ccc #ccc;
}
.Search_btn:hover {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color:ffffff;
	margin-top: 7px;
	padding-left: 8px;
	padding-top: 0px;
	height: 28px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 1px solid;
	border-color: #ccc #ccc #ccc #ccc;
	cursor: pointer;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #999999), color-stop(1, #444444) );
	background:-moz-linear-gradient( center top, #999999 5%, #444444 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#444444');
	text-shadow:1px 1px 0px #111;
}
.Search_btn {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color:333333;
	margin-top: 7px;
	padding-left: 8px;
	padding-top: 0px;
	height: 28px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 1px solid;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eee), color-stop(1, #aaa) );
	background:-moz-linear-gradient( center top, #eee 5%, #aaa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#aaa');
	border-color: #ccc #ccc #ccc #ccc;
	text-shadow:1px 1px 0px #ddd;
	cursor: pointer;
}



.BeadVerse {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 13px}
.BeadArea {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px}
.attention {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 9px; font-style: normal}
.pdetail {  font-size: 12px}
.dottedunderline { border-bottom: dotted 1px #666666; }
.doubleUnderline { /* alternate double */
    border-bottom: 3px double;
    line-height: 1.7em;
}
.beadedtext-c {  font-family: "細明體"; font-size: 11pt}
.subtitle-c{  font-family: "MS Gothic","SimHei", "微軟正黑體","標楷體","新細明體","Verdana","Arial"; COLOR: aa0000; font-weight: bold; }

-->
</style>