#menu {
    display:block;
    clear:none;
    width:708px;
    margin: auto;
    padding: 0;
}

#menu li {
    position:relative;
}

#menu li a {
    text-indent:6px;
    text-transform:uppercase;
    background:url('../images/menu/sprite.gif') no-repeat;
}

#menu li,#menu li a {
    display:block;
    float:left;
    height:20px;
    line-height:20px;
    padding-top:1px;
    font-family:"Arial",sans-serif;
    font-weight:400;
    font-size:11px;
    text-decoration:none;
    color:#555;
}

#menu li a {
	padding-top:0px;
	height:21px;
}

#menu li a:hover,
#menu li:hover a {
    color:#FFF;
}

#menu li#a,
#menu li#b,
#menu li#c,
#menu li#d {
    float:right;
}

#menu li#search a {
    height:21px;
    line-height:21px;
    width:71px;
    background-position:-299px 0;
}

#menu li#jump a {
    height:21px;
    line-height:21px;
    width:71px;
    background-position:-441px 0;
}

#menu li#play a {
    height:21px;
    line-height:21px;
    width:85px;
    background-position:-583px 0;
}

#menu li#mediaplayer {
    height:21px;
    line-height:21px;
    width:118px;
    margin:0 5px;
}

#menu li.tafsir a {
    height:21px;
    line-height:21px;
    width:50px;
    background-position:-753px 0;
}

#menu li.tafsir-out {
    display: none;
    visibility: hidden;
}

#menu li#search:hover a,
#menu li#search .active a {
    background-position:-370px 0;
}

#menu li#jump:hover a {
    background-position:-512px 0;
}

#menu li#play:hover a {
    background-position:-668px 0;
}

#menu li.tafsir a:hover {
    background-position:-803px 0;
    color:#555555;
}

#menu li.tafsir a:active {
    background-position:-853px 0;
}

#menu li#a a {
    width:25px;
    background-position:-150px 0;
}

#menu li#b a {
    width:25px;
    background-position:-75px 0;
}

#menu li#c a {
    width:25px;
    background-position:-225px 0;
}

#menu li#d a {
    width:25px;
    background-position:0 0;
}

#menu li#a a:hover {
    background-position:-175px 0;
}

#menu li#b a:hover {
    background-position:-100px 0;
}

#menu li#c a:hover {
    background-position:-250px 0;
}

#menu li#d a:hover {
    background-position:-25px 0;
}

#menu li#a a:active,
#menu li#a a.active {
    background-position:-200px 0;
}

#menu li#b a:active,
#menu li#b a.active {
    background-position:-125px 0;
}

#menu li#c a:active,
#menu li#c a.active {
    background-position:-274px 0;
}

#menu li#d a:active,
#menu li#d a.active {
    background-position:-50px 0;
}

#menu li ul {
    display:none;
    position:absolute;
    top:22px;
    left:0;
    z-index:700;
    background:url('../images/menu/shadow.png') no-repeat bottom right;
    margin:0;
    padding:0 8px 8px 0;
}

#menu li:hover ul,
#menu li.over ul {
    display:block;
}

#menu li ul li {
    float:none;
    background:#FFF;
    height:auto;
    border-left:#DFDFDF solid 1px;
    padding:1px 5px 14px;
}

#menu li ul li span {
    display:block;
    font-weight:700;
    padding-top:3px;
    text-transform:uppercase;
}

#menu li ul li span.border {
    border-top:#cbcbc9 solid 1px;
}

#menu li ul li p {
    width:100%;
    display:block;
    height:21px;
    margin:0;
    padding:0;
}

#menu input.small {
    width:22px;
    height:15px;
    border:#878686 solid 1px;
    color:#555;
    margin:0;
    font-family:"Arial",sans-serif;
    font-size:11px;
}

#menu select {
    width:100%;
    font-size:11px;
    color:#555;
    background: #fff;
    border:#a5aeb6 solid 1px;
}

#menu li ul#play_sub {
    width:165px;
}

#menu li ul#search_sub {
    width:235px;
}

* html #menu li ul#search_sub {
    width:245px;
}

#menu li ul#search_sub li {
    padding-bottom:0;
}

#menu #search_sub_search,#menu #search_sub_roots {
    padding-top:8px;
}

#menu #search_sub_roots #rootList {
    float:left;
    width:150px;
    height:19px;
    margin:2px 5px 5px 0;
    padding:0 0 0 5px;
}

#menu #search_sub_search #search_box {
    float:left;
    border:none;
    width:135px;
    height:21px;
    background: url('../images/menu/search_box.gif') top left no-repeat;
    font-family:"Arial",sans-serif;
    font-size:11px;
    color:#555;
    margin:2px 0;
    padding:3px 15px 0 5px;
}

#menu li#search a.search_back,#menu li#search a.search_go {
    float:left;
    border:none;
    line-height:20px;
    color:#555;
    text-indent:0;
    text-align:center;
}

#menu li#search a.search_go {
    width:25px;
    height:20px;
    background:url('../images/menu/go_out.gif') bottom left no-repeat;
    margin:0 5px 0 0;
}

#menu li#search a.search_go:hover {
    background:url('../images/menu/go_over.gif') bottom left no-repeat;
}

#menu li#search a.search_go:active {
    background:url('../images/menu/go_down.gif') bottom left no-repeat;
}

#menu li#search a.search_back {
    width:38px;
    height:20px;
    background:url('../images/menu/back_out.gif') bottom left no-repeat;
    margin:0;
}

#menu li#search a.search_back:hover {
    background:url('../images/menu/back_over.gif') bottom left no-repeat;
}

#menu li#search a.search_back:active {
    background:url('../images/menu/back_down.gif') bottom left no-repeat;
}

#menu li#search .search_controls {
    clear:both;
    display:block;
    width:100%;
    height:21px;
}

#menu li#search .search_options {
    clear:both;
}

#menu li#search a.search_toggle,#menu li#search a.search_tips {
    display:inline;
    background:none;
    color:#555;
    text-indent:0;
    text-decoration:underline;
    margin:0;
    padding:0;
}

#menu li#search a.search_toggle {
    float:left;
}

#menu li#search a.search_tips {
    float:right;
    text-align:right;
}

#menu .hidden {
    display:none;
}

#menu li ul#jump_sub {
    width:145px;
}

#menu .chk {
    margin:0 3px 0 5px;
    padding:5px 0 0;
}

#menu .check,
#menu .check_on {
    width:100%;
    height:20px;
    text-indent:19px;
    line-height:20px;
    margin-bottom:2px;
    cursor:pointer;
    position:relative;
}

#menu .check label {
    cursor:pointer;
}

#menu .check {
    background:url('../images/menu/check_off.gif') 5px 5px no-repeat;
}

#menu .check_on {
    background:url('../images/menu/check_on.gif') 5px 5px no-repeat;
}

#menu div.check:hover,#menu div.check_on:hover {
    background-color:#e7f3f7;
}

#menu .updown {
    width:44px;
    height:21px;
    background:url('../images/menu/updown.gif') top right no-repeat;
    float:left;
    position:relative;
    margin:0;
    padding:0;
}

#menu .updown input {
    margin:0;
    padding:2px 0 0 3px;
}

#menu .updown .up {
    position:absolute;
    top:0;
    right:0;
    width:19px;
    height:6px;
    cursor:pointer;
}

#menu .updown .down {
    position:absolute;
    top:8px;
    right:0;
    width:19px;
    height:6px;
    cursor:pointer;
}

#menu .label {
    display:block;
    height:21px;
    text-indent:0;
}

#menu .verse {
    position:relative;
    height:26px;
    float:left;
}

#menu .verse_a {
    position:absolute;
    top:0;
    left:0;
    width:70px;
}

#menu .verse_b {
    position:absolute;
    top:0;
    left:62px;
}

#menu .verse_c {
    position:absolute;
    top:0;
    left:111px;
}

#menu .wait_a {
    position:absolute;
    top:0;
    left:20px;
}

#menu .wait_b {
    position:absolute;
    top:0;
    left:47px;
}

#menu .wait_c {
    position:absolute;
    top:0;
    left:97px;
}

#page {
    clear:both;
    padding-top:100px;
}