.ui-menu { list-style:none; padding:2px; margin:0; display:block; outline:none}
.ui-menu .ui-menu {margin-top:-3px; position:absolute}
.ui-menu .ui-menu-item { margin:0; padding:0; width:100%;}
.ui-menu .ui-menu-divider {margin:5px -2px 5px -2px; height:0; font-size:0; line-height:0; border-width:1px 0 0 0}
.ui-menu .ui-menu-item a {text-decoration:none; display:block; padding:2px .4em; line-height:1.5; min-height:0; font-weight:normal}
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight:normal; margin:-1px}
.ui-menu .ui-state-disabled {font-weight:normal; margin:.4em 0 .2em; line-height:1.5}
.ui-menu .ui-state-disabled a {cursor:default}
.ui-menu-icons {position:relative}
.ui-menu-icons .ui-menu-item a {position:relative; padding-left:2em}
.ui-menu .ui-icon {position:absolute; top:.2em; left:.2em}
.ui-menu .ui-menu-icon { position:static; float:right}
.ui-autocomplete {position:absolute; top:0; left:0; cursor:default}
.clearfix:before, ul:before, ol:before, header:before, footer:before, #main article .clearfix:after, ul:after, ol:after, header:after,   #main article .tabs:after, #main article .combo_button:after, .dynamic_menu:after, #menu_book_chapter .browse:after, .dynamic_menu dl:after, #wrapper:after, #container:after, #main article:after, #main header:after {
	content:".";
	display:block;
	overflow:hidden;
	visibility:hidden;
	font-size:0;
	line-height:0;
	width:0;
	height:0
}
.clearfix:after, ul:after, ol:after, header:after, .dynamic_menu:after, #menu_book_chapter .browse:after, .dynamic_menu dl:after, #wrapper:after, #container:after, #main article:after, #main header:after, .top_section:after, #main .main_reader .resource_list li:after {
	clear:both
}

.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.hide {display:none !important}

 @media (-webkit-min-device-pixel-ratio: 0) {
.select_wrap select {
padding-right:20px
}
}

@-moz-document url-prefix() {
#main article .combo_button {
line-height:28px
}

}
.dynamic_menu {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.75) 0 2px 5px 0;
	-moz-box-shadow:rgba(0, 0, 0, 0.75) 0 2px 5px 0;
	box-shadow:rgba(0, 0, 0, 0.75) 0 2px 5px 0;
	-webkit-font-smoothing:subpixel-antialiased;
	background-color:#292929;
	/*border:1px solid #555;*/
	display:none;
	font-size:13px;
	padding:10px;
	text-shadow:#000 0 1px 0;
	width: 485px;
	position: absolute;
	z-index:2;
/*	top:120px*/
}
.dynamic_menu header {
	background-color:transparent !important;
	background-image:none !important;
	padding:5px 0px!important;
	border:none !important;
	text-shadow:none !important;
	box-shadow:none !important;
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important
}
.menu_arrow {
	background:url(../images/menu_arrow.png) no-repeat;
	font-size:0;
	overflow:hidden;
	text-indent:-99999px;
	width:15px;
	height:8px;
	position:absolute;
	top:-8px;
	left:204px;
	display:none;
	
}
.dynamic_menu_reverse .menu_arrow {left:auto; right:10px}
.dynamic_menu_inner, .dynamic_menu .scroll {
background:url(../images/menu_scrol.png) repeat top; border:1px solid #555}
.dynamic_menu .scroll {border-right:0; border-left:0; height:350px; overflow-x:hidden; overflow-y:auto; border-right: 1px solid #797979;  }
.settings  .scroll{border-left: 1px solid #797979; background-image:none; }
.dynamic_menu .scroll::-webkit-scrollbar {background:#222; width:15px}
.dynamic_menu .scroll::-webkit-scrollbar-thumb {background:#999; border:5px solid #222}
.dynamic_menu .scroll::-webkit-scrollbar-thumb:hover {background:#ccc}
.dynamic_menu .scroll {font-size:13px}
.dynamic_menu .loading {text-align:center; color:#cbc9cf; margin:20px 10px}
.dynamic_menu table, .dynamic_menu ul, .dynamic_menu ol {background-color:#1f1f1f}
.dynamic_menu table a, .dynamic_menu table a:hover, .dynamic_menu ul a, .dynamic_menu ul a:hover, .dynamic_menu ol a, .dynamic_menu ol a:hover {text-decoration:none}
.dynamic_menu ul, .dynamic_menu ol, .dynamic_menu li {list-style:none; margin:0}
.dynamic_menu ul a {display:block; padding:5px 10px}
.dynamic_menu, .dynamic_menu a {color:#fff!important; text-shadow:none;}

.dynamic_menu .scroll h3{font-size:15px; font-weight:700; margin-top:10px; }


.dynamic_menu header {font-size:13px; padding:2px 5px 5px}
#menu_book_chapter header {padding:0 0 7px 5px}
.dynamic_menu th[colspan="2"], #menu_book_chapter header {font-size:20px; font-weight:normal; line-height:1}
.dynamic_menu .search input {width:100%}
.dynamic_menu table {border-collapse:separate; cursor:default; margin:0;width:100%}
.dynamic_menu ul a, .dynamic_menu th a, .dynamic_menu td a, .dynamic_menu th[colspan="2"] { border-top:1px solid #2a2a2a; border-bottom:1px solid #000}
.dynamic_menu ul li:first-child a, .dynamic_menu tr:first-child th[colspan="2"], .dynamic_menu tr:first-child th a, .dynamic_menu tr:first-child td a {border-top:0}
.dynamic_menu ul li:last-child a, .dynamic_menu tr:last-child th[colspan="2"], .dynamic_menu tr:last-child th a, .dynamic_menu tr:last-child td a {border-bottom:0}
.dynamic_menu fieldset {margin-bottom:0}
#menu_version .browse {width:415px}
.dynamic_menu .browse {padding-top:0px}
/*#menu_book_chapter ul, #menu_book_chapter ol {width:162px}*/
#menu_book {float:left; width:275px; border-right:#797979 solid 1px; padding-right:10px;}
#menu_book_chapter ul.books{width:100%; border-right: 1px solid #797979;}
#menu_book_chapter ul.books li{width:100%;}
#menu_book_chapter .scroll{ border: 1px solid #797979;}
#menu_book_chapter ol{width:165px;}
.dynamic_menu ul.other {border: 1px solid #797979; border-top:none;  }
#menu_chapter {float:right; border-left:#000 solid 1px; padding-left:10px; width:190px;} 
#menu_chapter li {float:left; text-align:center; line-height:25px; width:27px; height:27px; border-left: 1px solid #2c2c2c; border-right: 1px solid #000000; border-bottom:#000 solid 1px; border-top:#2c2c2c solid 1px;}

/*#menu_chapter a {background:url(../images/menu_chapter_a_hover.png); background-repeat:no-repeat; background-position:-99999px -99999px;
 display:block}*/
.dynamic_menu tr:hover a, #menu_book li:hover, .dozen li:hover, .other li:hover, #menu_chapter li:hover, .dynamic_menu .first-match {
	background-color: #00527c;
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ec5c00), color-stop(100%, #f6ac00));
	background-image:-webkit-linear-gradient(#ec5c00, #f6ac00);
	background-image:-moz-linear-gradient(#ec5c00, #f6ac00);
	background-image:-o-linear-gradient(#ec5c00, #f6ac00);
	background-image:linear-gradient(#ec5c00, #f6ac00);
	background-size: 100% auto;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}



.dynamic_menu ul li a{outline:none;}
.dynamic_menu ul li a.active {/*background-color: #00527c;
    background-image: linear-gradient(#ec5c00, #f6ac00);
    background-size: 100% auto;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); */outline:none;
	background:url(../images/acticve-arrow.png) no-repeat 95% center ;
	}

body.home.watertheme .dynamic_menu ol li a.active, body.single.watertheme .dynamic_menu ol li a.active, body.page.watertheme .dynamic_menu ol li a.active, body.archive.watertheme .dynamic_menu ol li a.active, body.customize-support.watertheme .dynamic_menu ol li a.active {background-color: #00527c;
    background-image: linear-gradient(#16b0ff, #00527c);
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #16b0ff), color-stop(100%, #00527c));
	background-image:-webkit-linear-gradient(#16b0ff, #00527c);
	background-image:-moz-linear-gradient(#16b0ff, #00527c);
	background-image:-o-linear-gradient(#16b0ff, #00527c);
	background-image:linear-gradient(#16b0ff, #00527c);
    background-size: 100% auto;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); /*padding:6px 10px;*/}
	
body.home.watertheme .dynamic_menu ul li a.active, body.single.watertheme .dynamic_menu ul li a.active, body.page.watertheme .dynamic_menu ul li a.active, body.archive.watertheme .dynamic_menu ul li a.active, body.customize-support.watertheme .dynamic_menu ul li a.active {/*background-color: #00527c;
    background-image: linear-gradient(#16b0ff, #00527c);
    background-size: 100% auto;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);*/ background:url(../images/acticve-arrow.png) no-repeat right 10px top 12px;}
	