a{outline:0;}
.nav-tabs{background-color:#f7f7f7;border-bottom:3px solid #e4e4e4;font-family:'BYekan';font-size:8pt;color:#dd2121;text-align:center;}
.tab-content{background-color:#ffffff;color:#000;padding-top:5px;-webkit-box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.1);-o-box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.1);box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.1);}
.tab-content.tab2{background-color:#eeeeee;color:#333333;padding-top:5px;min-height:150px;-webkit-box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.1);-o-box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.1);box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.1);}
.nav-tabs > li > a{font-family:'DroidArabicNaskh';font-size:12pt;color:#31c4c4;font-size:12pt;text-align:center;}
.nav-tabs > li > a:hover{background-color:transparent !important;border-radius:0;color:#31c4c4;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover{color:#31c4c4;font-family:'DroidArabicNaskh';font-size:12pt;background-color:#ffffff !important;-webkit-box-shadow:0px -1px 5px 0px rgba(0, 0, 0, 0.05);-moz-box-shadow:0px -1px 5px 0px rgba(0, 0, 0, 0.05);-o-box-shadow:0px -1px 5px 0px rgba(0, 0, 0, 0.05);box-shadow:0px -1px 5px 0px rgba(0, 0, 0, 0.05);}
.nav-pills > li{text-align:left;}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover{color:#066496;font-family:'WMitra';font-size:17pt;text-align:left;background-color:#eeeeee !important;-webkit-box-shadow:0px -1px 5px 0px rgba(0, 0, 0, 0.05);-moz-box-shadow:0px -1px 5px 0px rgba(0, 0, 0, 0.05);-o-box-shadow:0px -1px 5px 0px rgba(0, 0, 0, 0.05);box-shadow:0px -1px 5px 0px rgba(0, 0, 0, 0.05);}
.bg{width:100%;height:35px;background-image:url('bg.png');background-position:top center;background-repeat:no-repeat;}
.audiojs audio{position:absolute;left:-1px;}
.audiojs{width:100%;height:40px;background:#ffffff;overflow:hidden;font-family:monospace;font-size:12px;-webkit-box-shadow:0px -3px 8px 0px rgba(0, 0, 0, 0.05);-moz-box-shadow:0px -3px 8px 0px rgba(0, 0, 0, 0.05);-o-box-shadow:0px -3px 8px 0px rgba(0, 0, 0, 0.05);box-shadow:0px -3px 8px 0px rgba(0, 0, 0, 0.05);border-bottom:4px solid #e1e8e8;}
.audiojs .play-pause{width:30px;height:40px;padding:0px 5px;margin:0px;float:left;overflow:hidden;border-right:0px solid #000;}
.audiojs p{display:none;width:30px;height:40px;margin:0px;cursor:pointer;}
.audiojs .play{display:block;}
.audiojs .scrubber{position:relative;float:left;width:85%;background:#808d8d;height:3px;margin-top:18px;overflow:hidden;border:0 none;}
.audiojs .progress{position:absolute;top:0px;left:0px;height:3px;width:0px;background:#006699;z-index:1;border-radius:0px;}
.audiojs .loaded{position:absolute;top:0px;left:0px;height:3px;width:0px;background:#c2c8c8;}
.audiojs .time{float:left;height:36px;line-height:36px;margin:0px 0px 0px 6px;padding:0px 6px 0px 12px;border-left:0px solid #000;color:#ddd;text-shadow:1px 1px 0px rgba(0, 0, 0, 0.5);}
.audiojs .time em{padding:0px 2px 0px 0px;color:#f9f9f9;font-style:normal;}
.audiojs .time strong{padding:0px 0px 0px 2px;font-weight:normal;}
.audiojs .error-message{float:left;display:none;margin:0px 10px;height:36px;width:400px;overflow:hidden;line-height:36px;white-space:nowrap;color:#fff;text-overflow:ellipsis;-o-text-overflow:ellipsis;-icab-text-overflow:ellipsis;-khtml-text-overflow:ellipsis;-moz-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.audiojs .error-message a{color:#eee;text-decoration:none;padding-bottom:1px;border-bottom:1px solid #999;white-space:wrap;}
.audiojs .play:before{content:"\f144";font-family:'FontAwesome';font-size:24px;color:#006699;}
.audiojs .pause:before{content:"\f28d";font-family:'FontAwesome';font-size:24px;color:#006699;}
.playing .play, .playing .loading, .playing .error{display:none;}
.playing .pause{display:block;}
.loading .play, .loading .pause, .loading .error{display:none;}
.loading .loading{display:block;}
.error .time, .error .play, .error .pause, .error .scrubber, .error .loading{display:none;}
.error .error{display:block;}
.error .play-pause p{cursor:auto;}
.error .error-message{display:block;}
#wrapper{width:304px;margin:0px auto;height:300px;overflow:auto;}
ol{padding:0px;margin:0px;list-style:none;color:#333333;width:100%;border-top:0px solid #ccc;font-family:'BYekan';font-size:10pt;height:250px;}
ol li{position:relative;margin:0px;padding:7px 40px 7px 5px;border-bottom:3px solid #fff;cursor:pointer;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0;}
ol li:nth-child(odd){background-color:#f5f5f5;}
ol li:nth-child(even){background-color:#f8f8f8;}
ol li:hover{background-color:#ffffff;color:#666666;}
ol li a{text-decoration:none;display:block;text-indent:-3.3ex;color:#666666;}
ol li a:before{content:'\f0d9';font-family:'FontAwesome';font-size:10pt;color:#4bc7c7;padding-left:5px;display:inline}
ol li a:hover{text-decoration:none;color:#333333;}
li.playing{color:#aaa;text-shadow:1px 1px 0px rgba(255, 255, 255, 0.3);}
li.playing a{text-decoration:none;color:#4bc7c7;}
li.playing:before{content:'♬';width:14px;height:14px;padding:3px;line-height:14px;margin:0px;position:absolute;left:-14px;top:9px;color:#000;font-size:13px;text-shadow:1px 1px 0px rgba(0, 0, 0, 0.2);}
#shortcuts{position:fixed;bottom:0px;width:100%;color:#666;font-size:0.9em;margin:60px 0px 0px;padding:20px 20px 15px;background:#f3f3f3;background:rgba(240, 240, 240, 0.7);}
#shortcuts div{width:460px;margin:0px auto;}
#shortcuts h1{margin:0px 0px 6px;}
#shortcuts p{margin:0px 0px 18px;}
#shortcuts em{font-style:normal;background:#d3d3d3;padding:3px 9px;position:relative;left:-3px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1);-o-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1);box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1);}
@media screen and (max-device-width:480px){#wrapper{position:relative;left:-3%;}
#shortcuts{display:none;}
}