@import url("Mktba/themes/mktba2018/font/font-awesome.min.css");
*{
margin:0;padding:0;
}
#search{

float: left;

width: 195px;

height: 20px;

padding: 5px;

margin: 4px 0 0 5px;

background-color:#114f94;

}

#search input[type="text"]{

    float: right;

    width: 135px;

    height: 20px;

    color: #FFFFFF;

    font: normal 12px SKR HEAD;

    line-height: 20px;

    border: none;

    background: none;

    outline: none;

}

#search .searchbtn{

    width:30px;

    background:transparent;

    outline: none;

    float: left;

    line-height: 22px;

    position: relative;

    border: none;

    border-right:1px solid #fff;

    padding-right:5px;

    cursor: pointer;

    font-family: SKR HEAD;

    font-size:16px;

    color:#fff;

    background: url("../images/search.png")no-repeat;

    height:20px;

}

#search .searchbtn:before{

    

}

#search .searchbtn:hover{

    background: url("../images/search-hover.png")no-repeat;

}

#search .search-list{

    float: right;

    width: 20px;

    border:none;

    line-height: 22px;

    position: relative;

    font-family: SKR HEAD;

    font-size:16px;

    color:#fff;

    background: url("../images/list.png") no-repeat;

    height:20px;

    



}

#search .search-list:before{



   



}

#search .search-list:hover{

    color:#a0bd2d;

}



#search .search-list:hover{

    cursor:pointer;

    background: url("../images/list-hover.png") no-repeat;



}

#search .search-list .search-category{

    width: 150px;

    padding: 10px;

    position: relative;

    top: 30px;

    right: -140px;

    display: none;

    background: -moz-linear-gradient(top, #1e2a39, #3b4456);

    background: -webkit-gradient(linear, left top, left bottom, from(#1e2a39), to(#3b4456));

    filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#1e2a39', EndColorStr='#3b4456', GradientType=0);

    z-index: 999;

}

#search .search-list .search-category:before{

    border: 8px solid transparent;

    border-bottom-color: #1e2a39;

    content: ' ';

    height: 0;

    position: absolute;

    width: 0;

    bottom: 100%;

    left: 10%;

}

#search .search-list .search-category ul{}

#search .search-list .search-category ul li{

    color: #cccccc;

    line-height: 30px;

    border-bottom: 1px solid #2d2d2d;

}

#search .search-list .search-category ul li label{

    display: block;

}

#search .search-list .search-category ul li span{

     font-size:13px;

}

#search .search-list .search-category ul li:last-child{

    border-bottom: none;

}body,BODY{font-size:12px;font-family:SKR HEAD1;text-align:right;margin:0;}
div,table,td,span
{font-family:Fanan;line-height: 1.7;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,form{margin:0;padding:0;border:0;font-size:100%;border-radius: 20px;}
button{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{font-family:SKR HEAD1;font-size:15px;_height:100%;}
ol,ul{list-style:none}
a{text-decoration: none;}
blockquote,q{quotes:none;
    font-size: 18px;
    text-align: center;
}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
.clear{clear:both}


a,a:visited{
color:#114F94;
text-decoration:none;
outline:none;
font-weight: bold;
font-size: 15px;
}


a:hover{
color:#FF9900;
text-decoration:none;
}
hr{
  width: 100%;
  border-right:0;
  border-left: 0;
  border-bottom: 0;
  border-top: 1px dotted #159ad1;
  clear: both;
}

#wrapper{
 width: 100%;
 margin: 0 auto;
 overflow: hidden;
}

#wrapper_contents{
 width: 95%;
 margin: 0 auto;
 overflow: hidden;
}

#header{
width: 95%;
margin: 0 auto;
height: 206px;

background: #116994;
filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#003c60', EndColorStr='#5bb9d1', GradientType=0);
clear: both;
overflow: hidden;
}



#logo_area{
 margin: 0 auto;
 width: 95%;
 height: 245px;
 clear: both;

}

.right{
  float: right;
}
.left{
  float: left;
}

.inside{
 padding: 10px;
}

form select{
  height: 25px;
  background: #f3f3f3;
  border: 1px solid #117394;
  font-family: SKR HEAD;
  margin-bottom: 10px;
  cursor: pointer;
  border-radius: 10px;
}

.logo{
display: block;
width: 340px;
height: 110px;
top: 65px;
float: right;
position: relative;
right: -15px;
    font-size: 30px;
    color: #fff;

}



.head_title{
  display: block;
  width: 425px;
  height: 180px;
  top: 70px;
  left: 60px;
  float: left;
  position: relative;
  background:url(../images/logo.png)no-repeat;
}

#banners{
 height: 205px;
 clear: both;
}

#notifications i{
position: relative;
display: block;
float: left;
left: 5px;
top: 9px;
font-size: 20px;
color: #ea4d78;
cursor: pointer;
}


#menu{
  width: 100%;
  height: 30px;
  clear: both;
  position: relative;
  top: -70px;
}

#menu{
  background: -moz-linear-gradient(top, #c8c8ca, #ffffff);
  background: -webkit-gradient(linear, left top, left bottom, from(#c8c8ca), to(#ffffff));
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#c8c8ca', EndColorStr='#ffffff', GradientType=0);
  border-bottom: 1px solid #015795;

}

.menuinside{
width: 95%;
margin: 0 auto;
}


#nav {
position: relative;
top: -65px;
right: 315px;
}

#nav li {

	display: inline-block;
	margin-right: 2px;
	float:right;
}


#nav > li > a, #nav > li > a:visited, #nav > li > a:focus{

    font: 14px SKR HEAD;
	display: table-cell;
	height: 65px;
	width: 70px;
	padding-right:2px;
	padding-left:2px;
    background: -moz-linear-gradient(top, #c8c8ca, #ffffff);
    background: -webkit-gradient(linear, left top, left bottom, from(#c8c8ca), to(#ffffff));
    filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#c8c8ca', EndColorStr='#ffffff', GradientType=0);
	line-height: 23px;
	text-align: center;
	vertical-align: bottom;
}
#nav > li > a i, #nav > li > a:visited i, #nav > li > a:focus i {
	display: block;
    margin: 0 auto;
    color: #0097D6;
    font-size: 35px;

}
#nav > li > a.active i{
    color: #FFFFFF;
}


#nav > li > a.active {
background: -moz-linear-gradient(top, #047cd2, #015795);
background: -webkit-gradient(linear, left top, left bottom, from(#047cd2), to(#015795));
filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#047cd2', EndColorStr='#015795', GradientType=0);
color: #FFFFFF;
}

#nav_sub {

	height: 30px;
	border-bottom: 1px solid #b2b2b2;
	background: #e8e8e8; /* Old browsers */
	background: -moz-linear-gradient(top,  #e8e8e8 0%, #d4d4d4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e8e8e8 0%,#d4d4d4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e8e8e8 0%,#d4d4d4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e8e8e8 0%,#d4d4d4 100%); /* IE10+ */
	background: linear-gradient(top,  #e8e8e8 0%,#d4d4d4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */
}

#nav li ul {
	width: 100%;
	position: absolute;
	line-height: 26px;
	left: 0;
	padding-top:3px;
	display: none;

}

#nav > li.active ul {
	display: block;
}

.ie7 #nav li ul {
	top: 45px;
}

#nav li ul li {
	display: inline-block;
	padding: 0 10px;
	background: url(../images/seperator.png) no-repeat left;
	float: right;
}

#nav li ul li a{
  font-family: SKR HEAD;
  line-height: 25px;
  padding-right: 5px;
  padding-left: 5px;
}

#nav li ul li a.active {
  background: ;
  filter: ;
  line-height: 25px;
  padding-right: 5px;
  padding-left: 5px;
}

.ie7 #nav li ul li {
	zoom: 1
	display: inline;
}

#nav li ul li:first-child {

}

#nav li ul li:last-child, #nav ul li.last-child {
	background: none;
}






#contents{
 
 clear: both;
 overflow: hidden;
 background: #f6f6f6;
 padding: 10px;

}

.colright{
 width: 198px;
 float: right;
 overflow: hidden;
 margin: 2px;
/* border: 1px solid #e6e6e7;
 background: #f5faff; */
}

.coleft{
 width: 198px;
 float: left;
 overflow: hidden;
/* border: 1px solid #e6e6e7;
 background: #f5faff; */
;
 margin: 2px;
}


.colcenter{
 overflow: hidden;
 border: 1px solid #114f94
 background: #f6f6f6;
}

#side_block{
  width: 194px;
  overflow: hidden;
  float: right;
  padding: 2px;
}
.side_block_head{
  width: 194px;
  height: 38px;
}
.side_block_head span{
  font-family:SKR HEAD;
  padding-top: 8px;
  font-size: 13px;
  padding-right: 15px;
  color: #FFFFFF;
  display: block;
  text-align: center;
  font-weight: bold;
}
.side_block_head i{padding-top: 13px;font-size: 16px;color: #FFFFFF;float: right;padding-right: 10px;}
.head_ex, .head_col{
left: -37px;
top: 13px;
font-size: 18px;
position: relative;
color: #117394;
cursor: pointer;
font-family: SKR HEAD;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
display: inline-table;}

.head_ex:before{
  content: "\f0d7";
}
.head_col:before{
  content: "\f0d9";
}

.side_block_body{ width: 192px;}

.side_block_body form{padding: 20px;}
.input_text_block{
  height: 30px;
  width: 160px;
  background: #f3f3f3;
  border: 1px solid #e5e5e5;
  color: #aaaaaa;
  margin-bottom: 10px;
  text-indent: 65px;
}
.input_password_block{
  height: 30px;
  width: 160px;
  background: #f3f3f3;
  border: 1px solid #e5e5e5;
  color: #aaaaaa;
  margin-bottom: 10px;
  text-indent: 65px;
}

.input_check_block{
  height: 15px;
  width: 35px;
  background: #f3f3f3;
  border: 1px solid #046fbc;
  color: #aaaaaa;
  margin-bottom: 10px;
}

.input_submit_block{
  height: 30px;
  width: 160px;
  background: #f3f3f3;
  border: 1px solid #003c67;
  font-family:SKR HEAD;
  cursor: pointer;
  margin-bottom: 10px;
}

.input_select_block{
  height: 30px;
  outline: 0;
  width: 160px;
  background: #f3f3f3;
  border: 1px solid #046fbc;
  font-family:SKR HEAD;
  margin-bottom: 10px;
  cursor: pointer;
  -webkit-appearance: button;
}

.news_controls {
display: block;
width: 100px;
height: 27px;
position: relative;
top: 10px;
z-index: 4;
right: 25px;
float: right;
}
.news_controls i{
display: block;
 padding: 5px;
 background: #117394;
}
#side_block_menu{
 padding-top: 5px;
 padding-bottom: 5px;

}
#side_block_menu li{
  background:#fff;
  
  
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#ededed', EndColorStr='#ffffff', GradientType=0);
  border-bottom: 1px dotted #ccc;
  height: 30px;
  line-height: 25px;

}


#side_block_menu li a{
  color: #353535;
  display: block;
  height: 30px;
  margin-bottom: 2px;
  line-height: 25px;
  display: block;


}

#side_block_menu li i{
  color: #353535;
  margin-right: 15px;


}

#side_block_menu li a:hover{
  
  background:#0fa2d4;
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#c4c4c3', EndColorStr='#a7a8a5', GradientType=0);
  color: #FFFFFF;
  border-right: 3px solid #117394;
  text-decoration: none;
  border-radius: 20px;
}



.side_block_footer{
 width: 194px;
 height: 20px;
}
.side_block_footer .left{
 margin-left: 5px;
}

.side_block_footer .right{
 margin-right: 5px;
}

.side_block_footer a{
 padding: 2px;
 color: #FFFFFF;
}



.side_block_img{
  width: 160px;
  height: 110px;
  background: #005da4;
  margin-right: 20px;
}
.side_block_img img{
width: 86px;
height: 86px;
padding-top: 15px;
padding-right: 40px;
}

#center_block{
  background: #f6f6f6;
  clear: ;
  margin-bottom: 5px;
  overflow: hidden;
}
#center_block .Block{
  background: #f6f6f6;
  margin: 5px;

}
.center_block_head{
  height: 38px;
  background: #0d7ca7;
  background-position: -30px -280px;
  border-radius:20px
}
.center_block_head_r{
  height: 38px;
  width: 45px;
  float: right;
}
.center_block_head_l{
  height: 38px;
  width: 45px;
  float: left;
}
.center_block_head_c{


}

.center_block_head i{
padding-top: 13px;
font-size: 16px;
color: #FFFFFF;
float: right;
padding-right: 10px;
}

.center_block_head span{
  font-size: 16px;
  font-family: SKR HEAD;
  line-height: 34px;
  text-align: center;
  text-align: center;
    font-weight: bold;
  display: block;
  padding-right: 14px;
  color: #FFFFFF;
  
}

.center_block_body{
    
 background: #f6f6f6;
 overflow: hidden;
 border: 1px solid #114f94;
  border-radius: 20px;
 border:1px dotted #ccc  
 clear: both;
 padding: 5px;
text-align: center;


}
.center_block_footer{
 margin-top: 10px;
 border-top: 3px solid #4b4b4b;
 background: #117394;
 overflow: hidden;
 height: 20px;

}

.block-item{
  width: 237px;
  background: -moz-linear-gradient(top, #ededed, #ffffff);
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ffffff));
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#ededed', EndColorStr='#ffffff', GradientType=0);
  border-radius:10px;
  -moz-border-radius:10px;
  -moz-box-shadow:  0px -5px 0px #117394;
  -webkit-box-shadow: 0px -5px 0px #117394;
  box-shadow: 0px -5px 0px #117394;
  border: 1px solid #e7e7e7;
  height: 300px;
  margin: 10px;
  float: right;
}
.block-item:hover{
  -moz-box-shadow:  0px -5px 0px #4b4b4b;
  -webkit-box-shadow: 0px -5px 0px #4b4b4b;
  box-shadow: 0px -5px 0px #4b4b4b;
  cursor: pointer;
}
.block-item:hover i{
  background: -moz-linear-gradient(top, #117394, #15405d);
  background: -webkit-gradient(linear, left top, left bottom, from(#117394), to(#15405d));
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#117394', EndColorStr='#15405d', GradientType=0);
  color: #FFFFFF;
}
.block-item i{
 display: block;
 font-size: 65px;
 text-align: center;
 height: 100px;
 width: 125px;
  background: -moz-linear-gradient(top, #ededed, #ffffff);
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ffffff));
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#ededed', EndColorStr='#ffffff', GradientType=0);
  border: 1px solid #e7e7e7;
    border-radius:10px;
  -moz-border-radius:10px;
  color: #117394;
  padding-top: 25px;
  margin-top: 25px;
  margin-right: 45px;
}
.block-item span{
  font: 12px SKR HEAD;
  display: block;
  text-align: right;
  height: 13px;
  color: #117394;
  padding-top: 10px;
  margin-right: 12px;
  clear: both;
}


.block-item-item{
  width: 97%;
  background: -moz-linear-gradient(top, #ededed, #ffffff);
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ffffff));
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#ededed', EndColorStr='#ffffff', GradientType=0);
  border-radius:10px;
  -moz-border-radius:10px;
  -moz-box-shadow:  0px -5px 0px #117394;
  -webkit-box-shadow: 0px -5px 0px #117394;
  box-shadow: 0px -5px 0px #117394;
  border: 1px solid #e7e7e7;
  margin: 5px;
  overflow: hidden;
  margin-bottom: 10px;
}
.block-item-item:hover{
  -moz-box-shadow:  0px -5px 0px #4b4b4b;
  -webkit-box-shadow: 0px -5px 0px #4b4b4b;
  box-shadow: 0px -5px 0px #4b4b4b;
  cursor: pointer;
}
.block-item-item:hover .item-icon{
  background: -moz-linear-gradient(top, #117394, #15405d);
  background: -webkit-gradient(linear, left top, left bottom, from(#117394), to(#15405d));
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#117394', EndColorStr='#15405d', GradientType=0);
  color: #FFFFFF;
}
.block-item-item .item-icon{
  float: right;
  display: block;
  font-size: 65px;
  text-align: center;
  height: 130px;
  width: 30%;
  background: -moz-linear-gradient(top, #ededed, #ffffff);
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ffffff));
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#ededed', EndColorStr='#ffffff', GradientType=0);
  border: 1px solid #e7e7e7;
  color: #117394;

}
.block-item-item .left{
  float: left;
  display: block;
  width: 69%;
  position: relative;
}

.block-item-item .item-title{
 background: #4b4b4b;
 width: 100%;
}

.block-item-item .item-desc{
 background: #e0e0e0;
 height: 75px;
 width: 100%;
 border-top: 1px solid #FFFFFF;
}

.block-item-item .item-date{
 background: #4b4b4b;
 width: 100%;
}


.block-item-item span{
  font: 14px SKR HEAD;
  display: block;
  color: #FFFFFF;
  height: 30px;
  padding-right: 15px;
  width: 560px !important;


}

.item-desc span{
font: 16px SKR HEAD;
display: block;
text-align: right;
color: #FFFFFF;
height: 30px;
padding-right: 15px;
width: 560px !important;
padding-top: 5px;

}

.item-date span{
font: 12px SKR HEAD;
display: block;
text-align: right;
color: #FFFFFF;
height: 28px;
padding-right: 15px;
width: 560px !important;
}

.block-play .play_song{
  height: 75px
  width: 100%
  margin: 40px 7% 34px
  clear: both;
}

.block-play .play_song span{
  background: #047cd2;
  font: 17px SKR HEAD;
  display: block
  text-align: center;
  color: #FFF;
  height: 25px;
  padding-right: 15px;
  width: 80% !important;
  margin-top: 2px;
  padding: 10px;
}

.block-play .play_song .author{
 color: #353535;
 width: 80% !important;
 background: #03a9f43d !important;
}

.block-play .play_button{
 color: #fff;
 width: 100%;
 height: 10px;
 background: -moz-linear-gradient(top, #ededed, #ffffff);
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ffffff))
filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#ededed', EndColorStr='#ffffff', GradientType=0);
border-bottom: 1px solid #6d6d6d
text-align: center;
color : #117394;
border-bottom: 1px dotted #ccc;
}

.block-play .play_tools{
  width: 100%;
  height: 35px;
  background: -moz-linear-gradient(top, #ededed, #ffffff);
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ffffff));
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#ededed', EndColorStr='#ffffff', GradientType=0);
  border-bottom: 1px solid #6d6d6d;
  text-align: center;
  margin-top: 25px;
}

.block-play .nextprev{
  width: 100%;
  height: 60px;
  background: -moz-linear-gradient(top, #ededed, #ffffff);
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ffffff));
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#ededed', EndColorStr='#ffffff', GradientType=0);
  border-bottom: 1px solid #6d6d6d;
  text-align: center;
  margin-top: 25px;
}

.nextprev .prev{
  float: right;
  height: 60px;
  text-align: right;
  width: 50%;
  cursor: pointer;
}

.nextprev .prev:hover span, .nextprev .next:hover span , .nextprev .next:hover i, .nextprev .prev:hover i{
 color:#575757 !important;

}
.nextprev .prev span, .nextprev .next span{
  font: 14px SKR HEAD;
  color: #7f7f7f;
}
.nextprev .next{
  float: left;
  height: 60px;
  text-align: left;
  width: 50%;
  cursor: pointer;
}

.play_tools .likes{
  border-left: 1px solid #ccc;
  color: #44e838;
  font: 13px SKR HEAD;
  width: 10%;
}

.play_tools .dislikes{
  width: 10%;
  border-left: 1px solid #ccc;
  color: #ed0000;
  font: 13px SKR HEAD;
}

.play_tools .include{
  width: 10%;
  border-left: 1px solid #ccc;
  color: #4b4b4b;
  font: 13px SKR HEAD;
}

.play_tools .likeerror{
  width: 25%;
  border-left: 1px solid #ccc;
  color: #ed0000;
  font: 13px SKR HEAD;
}

.play_tools .download{
  width: 20%;
  color: #4b4b4b;
  font: 13px SKR HEAD;
}

.block-play .player{
width: 86%;
margin: 0 auto;
height: 28px;
background: -moz-linear-gradient(top, #dadada, #ffffff);
background: -webkit-gradient(linear, left top, left bottom, from(#dadada), to(#ffffff));
filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#dadada', EndColorStr='#ffffff', GradientType=0);
border-bottom: 1px solid #6d6d6d;
text-align: center;
color: #117394;
}

.block-play .play_button span{
 font: 14px SKR HEAD;
 display: inline-block;
}
.block-play .play_button i{
 font-size: 18px ;
 display: inline-block;
}
.center_right_img{
  float: right;
  margin: 5px;
 background: #ffffff;
}

.search_block
{
margin: 50px auto;
width: 400px;

}
.filteration{
 margin-top: 5px;
 margin-bottom: 5px;
 background: #f9f9f9;
 clear: both;
 height: 50px;
 border-top: 1px solid #d7d7d7;
 border-bottom: 1px solid #d7d7d7;
}

.manager_title{
 text-align: center;
 margin-bottom: 10px;
}

.center_left_text{
margin-right: 175px;
background: #ffffff;
overflow: hidden;
margin: 5px;
padding: 10px;
}
.center_left_text p{

 font: normal 14px SKR HEAD;
 text-align: justify;
 line-height: 24px;
}

.latest_activites{
  border: 1px solid #e5e5e5;
}

#latest_activites_prev{
  width: 35px;
  height: 31px;
 background: url(../images/spirit.png) no-repeat;
 background-position: -209px -210px;
}
#latest_activites_prev:hover{
 background-position: -304px -210px;
}

#latest_activites_next{
  width: 35px;
  height: 31px;
 background: url(../images/spirit.png) no-repeat;
 background-position: -250px -210px;
}
#latest_activites_next:hover{
 background-position: -345px -210px;
}

.latest_activity_left_img{
 width: 150px;
 height: 175px;
 float: left;
 border: 2px solid #979b27;
 margin: 5px;
}

.latest_activity_left_img img{
 padding: 5px;
 padding-top: 25px;
}
.latest_activity_right{
 width: 350px;
 height: 175px;
 float: right;
}

.article_title{
color: #979b27;
padding-top: 25px;
font-size: 18px;
padding-right: 25px;
padding-bottom: 5px;
}
.article_date{
color: #ff6600;
padding-top: 5px;
font-size: 10px;
padding-right: 35px;
padding-bottom: 10px;
}

.article_body{
font: normal 15px SKR HEAD;
padding-right: 25px;
line-height: 22px;
padding-bottom: 10px;
}

.article_more a{
display: block;
height: 20px;
padding: 5px;
width: 40px;
background: -moz-linear-gradient(top, #047cd2, #015795);
background: -webkit-gradient(linear, left top, left bottom, from(#047cd2), to(#015795));
filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#047cd2', EndColorStr='#015795', GradientType=0);
border: 1px solid #003c67;
color: #FFFFFF;
float: left;
}

.latest_articles{
  border: 1px solid #e5e5e5;
}


.news_headlines .headline {
	height:25px;
    text-align : center;
}

.news_headlines .headline a {
	font-size:15px;
	line-height:100%;
}

.img_teaser a span {
background: #4b4b4b;
display: inline-block;
padding: 5px;
color: #FFFFFF;
font-family: SKR HEAD;
text-indent: 5px;
width: 98%;

}

.news-area {
	padding:5px;
    overflow: hidden;
}

.news_headlines .img_teaser {
max-width: 73%;
float: left;
}



.news_headlines .img_teaser img {
    width: 100%;
	height:196px;
}


.news_headlines .img_teaser a {
	position:relative;
	height:196px;
}



.news_headlines .img_teaser .caption {
	padding:10px;
	height:62px;
	line-height:155% !important;
    width: 98%;
}

.news_headlines .news_list {
width: 27%;
float: right;
position: relative;
z-index: 60;
}



.news_headlines .news_list li {
	height:53px;
    padding:10px 0;
    background: -moz-linear-gradient(top, #ededed, #ffffff);
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ffffff));
    filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#ededed', EndColorStr='#ffffff', GradientType=0);
    border-bottom: 1px solid #eaeaea;
    color: #FFFFFF;
    border-left: 3px solid #117394;
}


.news_headlines .news_list li a {
	font-size:13px;
	height:53px;
	width:auto;
    padding-right: 10px;
    line-height :45px;

}

.news_headlines .news_list li:hover, .news_headlines .news_list .active {
    height: 53px;
    padding: 0px 0;
    background: url(../images/spirit.png) no-repeat;
    background-position: -28px -364px;
    margin-left: -10px;
    border: 0;
    cursor : pointer;

}

.news_headlines .news_list li:hover a, .news_headlines .news_list .active a {
   color: #FFFFFF;
}

div#feature_list {
	height: 265px;
	overflow: hidden;
	position: relative;
}
div#feature_list ul {
	position: absolute;
	top: 10px;
	list-style: none;
	padding: 0;
	margin: 0;
	float:right;

}
ul#tabs {
	right: 2px;
	z-index: 2;
	width: 240px;
}
ul#tabs li {
	font-size: 12px;
	outline: none;
	padding-right: 3px;

}
ul#tabs li img {
	padding: 5px;
	border: none;
	float: right;
	margin: 0 0 0 10px;

}
ul#tabs li a {
	color: #222;
	text-decoration: none;
	display: block;
	padding: 10px;
	height: 60px;
	outline: none;
}
ul#tabs li a:hover {
	text-decoration: underline;
}
ul#tabs li a.current {
	background: url('../images/news_item_bg_02.png');
	background-repeat:no-repeat;
	background-position:10 center;
	color: #FFF;
}
ul#tabs li a.current:hover {
	text-decoration: none;
	cursor: default;
}
ul#output {
	left: 0;
	width: 400px;
	height: 240px;
	position: relative;
	font-family:SKR HEAD;
	color:#666666;
	font-size: 14px;
}
ul#output li {
	position: absolute;
	width: 375px;
	height: 240px;
	display:none;
    padding-top: 5px;

}
ul#output li a {
	position: absolute;
	bottom: 5px;
	left: 160px;

}
.breadcrumb{
  margin: 5px;
  margin-top: 10px;
  display: block;
  overflow: hidden;
 /* -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; */
  background: #114f94;
 
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#f0f0f0', EndColorStr='#ffffff', GradientType=0);
  border: 1px solid #114f94;
}


.breadcrumb li{
  float:right;
  margin:0;
  list-style:none;
  max-width:280px;
  height: 32px;
  font-size: 14px;

}

.breadcrumb li a {
color: #999999;
text-shadow: 0 1px 0 #ffffff;
border-color: #eeeeee #dddddd #dddddd #dddddd;
}

.breadcrumb li{
background: url(../images/breadcrumb.png) no-repeat;
background-position: 0px -43px;
position: relative;
margin-right: -27px;
z-index: 2;
}

.breadcrumb li a{
  padding-right: 40px;
  padding-left: 30px;
  padding-top: 5px;
  color: #3f3f3f;
  display: block;
}

.breadcrumb  li:first-child{
  background: url(../images/breadcrumb.png) no-repeat;
  background-position: 0px -0px;
  z-index: 4;
  margin-right:0px;
  position: relative;
}

.breadcrumb li:first-child a{
margin-right: 0px;
padding-right: 10px;
padding-left: 20px;
padding-top: 5px;
color: #555555;
display: block;
}
.breadcrumb li:first-child i{
 font-size: 25px;
color: #555555;
}

.breadcrumb li.next{
background: url(../images/breadcrumb.png) no-repeat;
background-position: 0px -86px;
position: relative;
margin-right: -27px;
z-index: 3;
}

.breadcrumb li.next a{
  padding-right: 40px;
  padding-left: 25px;
  padding-top: 7px;
  color: #3f3f3f;
  display: block;
}

.breadcrumb li:last-child{
background: url(../images/breadcrumb.png) no-repeat;
background-position: 0px -86px;
position: relative;
margin-right: -27px;
z-index: 1;
}

.breadcrumb li:last-child a{
  padding-right: 40px;
  padding-left: 25px;
  padding-top: 7px;
  color: #3f3f3f;
  display: block;
}

.breadcrumb li:first-child:hover, .breadcrumb li.next:hover, .breadcrumb li:last-child:hover, .breadcrumb li:hover{
	background-position:0px -129px;
}

.topicons {
position: fixed;
height: 35px;
width: 95%;
z-index: 99;

background: #02244b;
filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#1e2a39', EndColorStr='#3b4456', GradientType=0);
color: #FFFFFF;

}
.divider_top {
float: left;
height: 30px;
width: 16px;
background: url(../images/seperator.png) no-repeat left;
margin-right: 5px;
margin-left: 25px;



}
.topinside{
padding: 7px 10px 0 10px;
width: 95%;
margin: 0 auto;
}

.social{
float: left;
position: relative;
left: 15px;
}
.user_area{
  float: left;
  position: relative;
}
.topicons i{
 font-size: 18px;
}


#footer{
 width: 95%;
 margin: 0 auto;
 clear: both;
}

#footer .footer_info{
 width: 95%;
 height: 32px;
 clear: both;
background:#095a79;
filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#1e2a39', EndColorStr='#3b4456', GradientType=0);
-moz-box-shadow: 0 0 2px #bbbbbb;
}


.shortcuts{
height: 120px;

filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#c8c8ca', EndColorStr='#ffffff', GradientType=0);
border-bottom: 1px solid #015795;

-moz-box-shadow: 0 0 2px #bbbbbb;
-webkit-box-shadow: 0 0 2px #bbbbbb;
box-shadow: 0 0 2px #bbbbbb;
padding: 10px;
border-radius: 10px;
background: #ffffff;
}

#footer .mobile {
width: 370px;
height: 30px;
float: left;
padding-right: 20px;
}

#footer .mobile a {
display: block;
background: #f17c22;
width: 110px;
}
#footer .mobile i {
font-size: 30px;
margin: 5px;
color: #a5e437;
}
#footer .mobile span {
color: #a5e437;
font-size: 14px;
font-weight: normal;
font-family: SKR HEAD;
position: relative;
top: -6px;
}

#footer .visitors {
padding: 3px;
color: #30b4ea;
width: 450px;
height: 40px;
}

#footer .visitors i {
font-size: 25px;
margin: 7px;
color: #30b4ea;
}
#footer .visitors span {
color: #30b4ea;
font-size: 12px;
font-weight: normal;
font-family: SKR HEAD;
position: relative;
top: -2px;
}
#footer .visitors b {
color: #a5e437;
font: normal 13px SKR HEAD;
position: relative;
top: -2px;
}
#footer .visitors span {
color: #30b4ea;
font-size: 12px;
font-weight: normal;
font-family: SKR HEAD;
position: relative;
top: -2px;
}
#footer .visitors a {
color: #fff200;
font: normal 13px SKR HEAD;
position: relative;
top: -2px;
}
.credit .copyright span {
float: left;
padding-top: 30px;
font-size: 13px;
padding-left: 40px;
}


.shortcuts .links {
width: 130px;
height: 110px;
margin: 5px;
float: right;
}

.shortcuts .shortword {
width: 400px;
height: 117px;
margin: 5px;
float: left;
background: url(../images/spirit.png) no-repeat;
background-position: -10px -1368px;
}

.shortcuts .links ul{
 float: right;
}

.shortcuts .links ul li {
 line-height: 20px;
 padding-bottom: 5px;
 margin-right: 5px;
}

.shortcuts .links ul li a{
 display: block;
 color: #7c7c7c;
}

.shortcuts span{
 color: #7c7c7c;
 font: normal 13px SKR HEAD;
 position: relative;
 top: -2px;
 vertical-align: middle;
 line-height: 22px;

}

.shortcuts i{
 font-size: 20px;
 margin: 7px;
 color: #7c7c7c;
}

.shortcuts i{
 font-size: 14px !important;
}

.shortcuts .whatsapp {
width: 225px;
height: 110px;
margin: 5px;
float: right;
}


#footer .credit {
background:#095a79;
background: #2b3546
filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#1e2a39', EndColorStr='#3b4456', GradientType=0);
width: 95%;
height: 45px;
}


.credit .copyright{
  float: left;
}

.credit .copyright span{
 float: left;
 padding: 10px;
 color: #7d7d7d;
 font-size: 13px;
 padding-left: 25px;
 font-family: SKR HEAD,;

}


.credit .stylestool{float: right;display: block; background: ; width: 225px;height: 16px;line-height: 10px;
margin-top: 10px; margin-right: 25px;padding: 5px;
}

.credit .stylestool span {
  color: #7d7d7d;
  font-size: 13px;
  font-family: SKR HEAD,;
}

#lists li{border-bottom: 1px dotted #ccc; margin-bottom: 3px; margin-top: 3px;text-decoration: inherit;-webkit-font-smoothing: antialiased; }
#lists li:hover{ background: #ccc;border-right: 2px solid #117394; }
#lists li a{display: inline-block;height: 20px;padding-right: 2px;margin: 3px;font: 13px SKR HEAD;color: #353535;}
#lists li span{display: inline-block;height: 20px;padding-right: 35px;font: 11px SKR HEAD;color: #535353;}

#lists .li_quran:before{font-family: SKR HEAD; content: "\f028"; margin-right: 5px; font-size: 15px;}
#lists .li_iconvedio:before{font-family: SKR HEAD; content: "\f03d"; margin-right: 5px; font-size: 15px;}
#lists .li_article:before{font-family: SKR HEAD; content: "\f040"; margin-right: 5px; font-size: 15px;}
#lists .li_iconinshad:before{font-family: SKR HEAD; content: "\f130"; margin-right: 5px; font-size: 15px;}
#lists .li_iconfatwa:before{font-family: SKR HEAD; content: "\f0e6"; margin-right: 5px; font-size: 15px;}
#lists .li_iconmoshaf:before{font-family: SKR HEAD; content: "\f02d"; margin-right: 5px; font-size: 15px;}
#lists .li_iconflash:before{font-family: SKR HEAD; content: "\f008"; margin-right: 5px; font-size: 15px;}
#lists .li_icontelawa:before{font-family: SKR HEAD; content: "\f001"; margin-right: 5px; font-size: 15px;}
#lists .li_iconbooks:before{font-family: SKR HEAD; content: "\f15c"; margin-right: 5px; font-size: 15px;}

#lists .li_iconnews:before{font-family: SKR HEAD; content: "\f15c"; margin-right: 5px; font-size: 15px;}

#new_flashs{height: 207px; overflow: hidden;}
#new_flashs .flash_img img{width: 175px; height: 98px}
#new_flashs .flash_img a{display: block;line-height: 20px;margin: 4px; height: 110px;}
#new_flashs .flash_a{padding-right: 5px; color: #000000;display: inline-table;width: 100%;}
#new_flashs .flash_date{display: inline-table;height: 20px;padding-right: 5px; color: #000000; width: 100%;}
#new_flashs .link_flash{display: inline-table;background: #117394;padding: 5px;line-height: 20px;text-align: center; margin: 5px; color: #FFFFFF!important;
right: 115px; position: relative;}

#salah_times{height: 207px;clear: both; background: url(../images/pray_bg.png) bottom left no-repeat;}
#mobile_sub{height: 207px;clear: both; }
#mobile_sub .mob_ico{display: block; color: #117394;font-size: 75px;text-align: center;width: 190px;clear: both;overflow: hidden;height: 70px;}
#mobile_sub span{display: block; color: #117394;font-size: 13px;text-align: center;width: 190px;clear: both;height: 20px; margin-top: 15px;}
#mobile_sub .form_mob{display: block;
color: #117394;
font-size: 14px;
width: 190px;
clear: both;

}
#mobile_sub .form_mob form{
padding:8px;
margin-top: 25px;
}
#mobile_sub .form_mob .input_mob{
height: 27px;
width: 120px;
font-family: SKR HEAD;
-moz-border-radius: 15px;
border-radius: 15px;
text-indent: 5px;
border: 1px solid #d1d3d4;
}

.sub_mob{
height: 30px;
width: 45px;
-moz-border-radius: 15px;
border-radius: 15px;
background: #117394;
border: 1px solid #003c67;
color: #FFFFFF;
position: relative;
right: -12px;
cursor: pointer;
}


.poll-choices{
    margin: 10px 5px 5px;
    margin-right: 20px;
}
.poll-choices li{
   line-height: 25px;
}


.side_block_head:hover, .center_block_head:hover{
  cursor: move;
   -moz-box-shadow:  2px -2px 2px #a5e437;
  -webkit-box-shadow: 2px -2px 2px #a5e437;
  box-shadow: 2px -2px 2px #a5e437;
}

/* Ticker Styling */
#news_rotator{
  margin: 0 auto;
  width: 1000px;
  height: 38px;
  clear: both;
  position:static;
}

.news_title{
  width: 140px;
  height: 38px;
  float: right;
}
.news_title span{
 font:16px SKR HEAD;
 display: block;
 color: #117394;
 padding-right: 25px;
 line-height: 34px;
 font-size: 18px;
}

.news{
  height: 38px;
  float: right;
  width: 650px;
}



.ticker-wrapper.has-js {
	padding: 7px 20px;
	display: block;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.ticker {
	width: 500px;
	height: 25px;
	display: block;
	position: relative;
	overflow: hidden;
}
.ticker-title {
	color: #990000;
}
.ticker-content {
	margin: 0px;
	position: absolute;
	overflow: hidden;
	white-space: nowrap;
}
.ticker-content:focus {
	none;
}
.ticker-content a {
	text-decoration: none;
	color: #666666;
    font: 18px SKR HEAD;
}
.ticker-content a:hover {
	color: #ff6600;
}
.ticker-swipe {
	padding-top: 9px;
	position: absolute;
	top: 0px;
	display: block;
	height: 23px;
}
.ticker-swipe span {
	margin-left: 1px;
	border-bottom: 2px solid #117394;
	height: 12px;
	width: 7px;
	display: block;
}
.ticker-controls {
    margin-top: 3px;
	list-style-type: none;
	float: left;
}
.ticker-controls li {
	padding: 0px;
	margin-left: 5px;
	float: left;
	cursor: pointer;
	height: 22px;
	width: 22px;
	display: block;
}
.ticker-controls li.jnt-play-pause {
	background-image: url('../images/controls.png');
	background-position: -24px -24px;
}
.ticker-controls li.jnt-play-pause.over {
	background-position: -24px -47px;
}
.ticker-controls li.jnt-play-pause.down {
	background-position: -24px -1px;
}
.ticker-controls li.jnt-play-pause.paused {
	background-image: url('../images/controls.png');
	background-position: -49px -1px;
}
.ticker-controls li.jnt-play-pause.paused.over {
	background-position: -49px -24px;
}
.ticker-controls li.jnt-play-pause.paused.down {
	background-position: -49px -47px;
}
.ticker-controls li.jnt-prev {
	background-image: url('../images/controls.png');
	background-position: 0px -1px;
}
.ticker-controls li.jnt-prev.over {
	background-position: 0px -24px;
}
.ticker-controls li.jnt-prev.down {
	background-position: 0px -47px;
}
.ticker-controls li.jnt-next {
	background-image: url('../images/controls.png');
	background-position: -73px -1px;
}
.ticker-controls li.jnt-next.over {
	background-position: -73px -24px;
}
.ticker-controls li.jnt-next.down {
	background-position: -73px -47px;
}
.js-hidden {
	display: none;
}
.no-js-news {
	padding: 10px 0px 0px 45px;
	color: #F8F0DB;
}
.left .ticker-swipe {
	/*left: 80px;*/
}
.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {
    float: left;
}
.left .ticker-controls {
    padding-left: 6px;
}
.right .ticker-swipe {
	/*right: 80px;*/
}
.right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker {
    float: right;
}
.right .ticker-controls {
    padding-right: 6px;
}





/* Login Button */
#loginButton { 
   




    z-index:30;
    cursor:pointer;
}



/* Login Box */
#loginBox {
    position:absolute;
    top:30px;
    right:0;
    display:none;
    z-index:29;
}

/* If the Login Button has been clicked */    
#loginButton.active {
  }

#loginButton.active span {
 
}

/* A Line added to overlap the border */
#loginButton.active em {
    position:absolute;
    width:100%;
    height:1px;
  
    bottom:-1px;
}

/* Login Form */
#loginForm {
    width:248px; 
    margin-top:-1px;
background: -webkit-gradient(linear, left top, left bottom, from(#1e2a39), to(#3b4456));    bottom:-1px;

    padding:6px;
}
#loginForm :before{
    border: 8px solid transparent;
    border-bottom-color: #1e2a39;
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    bottom: 100%;
    right: 10%;
}

#loginForm fieldset {
    margin:0 0 12px 0;
    display:block;
    border:0;
    padding:0;
}

fieldset#body {
    background:#fff;
    border-radius:3px;
    -moz-border-radius:3px;
    padding:10px 13px;
    margin:0;
}

#loginForm #checkbox {
    width:auto;
    margin:1px 9px 0 0;
    float:left;
    padding:0;
    border:0;
    *margin:-3px 9px 0 0; /* IE7 Fix */
}

#body label {
    color:#3a454d;
    margin:9px 0 0 0;
    display:block;
    float:left;
}

#loginForm #body fieldset label {
    display:block;
    float:none;
    margin:0 0 6px 0;
}

/* Default Input */
#loginForm input {
    width:92%;
    border:1px solid #899caa;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#3a454d;
    font-weight:bold;
    padding:8px 8px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
}

/* Sign In Button */
#loginForm #login {
    width:auto;
    float:right;
    background:#339cdf url(../images/loginbuttonbg.png) repeat-x;
    color:#fff;
    padding:7px 10px 8px 10px;
    text-shadow:0px -1px #278db8;
    border:1px solid #339cdf;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin:0 12px 0 0;
    cursor:pointer;
    *padding:7px 2px 8px 2px; /* IE7 Fix */
}

/* Forgot your password */
#loginForm span {
    text-align:center;
    display:block;
    padding:7px 0 4px 0;
}

#loginForm span a {
    color:#fff;

    font-size:12px;
}

input:focus {
    outline:none;
}






.nav a{
  text-decoration:none;
}
.nav{
  height:60px;
  background:#096a90;
  position:relative;
width: 1160px;
 margin: 0 auto;
border-radius: 30px;
 bottom: -5px;


}
.nav>ul{
  position:relative;
  list-style:none;
  padding:0;
  margin:0;
}
.nav>ul>li>ul{
  position:absolute;
  left:0;
  padding:0;
  margin:0;
  list-style:none;
}
.nav>ul>li:hover>ul li a{
  opacity:1;
  height:50px;
   transition:all .3s linear;
     border-radius: 5px;


}
.nav>ul>li>ul a{
  display:block;
  color:#222;
  width:150px;
  line-height:50px !important;
  font:800 14px Arial;
  background:#eee;
  border-bottom:1px solid #ddd;
  text-align:center;
  text-decoration: none;
 
s="rule" style="background: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">padding:0 5px;
height:0;
overflow:hidden;
opacity:0;
transition:all .3s linear .2s;
}
.nav>ul>li{
float:right;
position:relative;
}
.nav>ul>li>a{
padding:0 20px;
color:#fff;
display:block;
line-height:70px !important;
font:600 16px Arial;
text-transform:uppercase;
text-decoration:none;
}
.lamp span{
display:block;
height:4px;
background:#ee6666;
position: relative;
}
.lamp span:after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(238, 102, 102, 0);
border-bottom-color: #ee6666;
border-width: 4px;
margin-left: -4px;
}
.lamp{
position:absolute !important;
height:4px;
top:66px;
background:#333;
transition:all .3s linear;
}
.selected.active>a,.active>a{
transition:all .3s linear;
color:#fff;
}



li a:hover {
    background-color: #0a97c1;
    border-radius: 1px;
}

body{

}
.catmed-2 .dates{
    background: #ebebeb;
    padding: 1px;
    transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    margin-top: 5px;
    color: #003b65;
    border-right: 5px #444 solid;
    background: #f0f8ff;
    FONT-SIZE: 15PX;
    font-weight: bold;
}


.catmed-2 .media-heading a{
    font-size: 20px;
    color:#ff8402;
    font-family: Sakkal Majalla;
    font-weight: bold;
}

  

.catmed-2{
    transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 5px;
    margin-bottom: 10px;
  
   border-top: 1px #047cd2 solid;
  border-bottom: 1px #047cd2 solid;
 border-left: 1px #047cd2 solid;
 border-right: 1px #047cd2 solid;
}