﻿
.telegrams-info  .share{ z-index:1;}
#header-news {font-size:20px; color:#8b8b8b; font-family:Al-Jazeera-Arabic-Bold, "arabic typesetting", serif; font-weight:400; margin-bottom:10px;}
.telegrams-info h1 a{ color:#333333; font-size:22px; font-family:Al-Jazeera-Arabic-Bold, "arabic typesetting", serif; position:relative}
.telegrams-info h1 {float:right;}
.telegrams-info {overflow:visible; }
.telegrams-info content{margin-top:5px; float:right; clear:both; color:#343333; width:100%}
.telegrams-media{margin-bottom:10px; margin-top:10px; width:100%; float:right; position:relative;min-height:120px}
.telegrams-info img{margin:0px;}
.photoGallery-tele {position:absolute;width:100%; height:100%; display:block; background: rgba(0,0,0,0.5) url('/Views/Shared/shared/images/tele-album.png') no-repeat center center; top:0px; right:0px;  }
.participation-from {position:relative; color:#8b8b8b; float:left;font-size:14px;  padding-left:27px; margin-top:10px; }
.participation-from:after{top:0px; left:0px;content:""; background:url('/Views/Shared/shared/images/telegrams-icons.png') no-repeat; position:absolute; display:block; width:22px; height:20px;}
.participation-from:hover:before{
	padding: 3px 6px;
	content: attr(data-title);
	position: absolute;
	right: -40px;
	top: 26px;
	z-index: 20px;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}

.telegrams-info + hr{border-color: #CCCCCC;border-image: none;border-right: 0 none;border-style: solid none none;border-width: 1px 0 0;display: block;height: 1px;margin: 1em 0;padding: 0; width:100%; float:right;}
.telegrams hr:last-child{display:none;}
.participation-google:after{background-position: -115px 0px;}
.participation-facebook:after{background-position: -88px 0px;}
.participation-user:after{background-position: -32px 0px;}
.participation-twitter:after{background-position: -61px 0px;}
.flashnews {background-color:#ddd; padding-left:2%; padding-right:2%; margin-left:-2%; padding-bottom:30px; margin-bottom:20px;}
.flashnews h1{position:relative; padding-left:60px;}
.flashnews h1:after, .telegrams-service-content .flashnews h1 a:after {content:""; position:absolute; background:url('/Views/Shared/shared/images/telegrams-icons.png') no-repeat -140px 0px; display:block; top:10px; left:0px; width:56px; height:20px;}
.telegrams-service-content .flashnews h1:after{display:none}
 .telegrams-service-content .flashnews h1 {padding-left:0px;}
 .telegrams-service-content .flashnews h1 a:after  { left:31px; top:57px;}
.sharing-floating{float:right;}

/*override dropmenu class*/


.drop-menu2 {
	position: absolute;
	left: auto;
	right: 0;
	top: 100%;
	background: #fff;
	border: 1px solid #ddd;
	width: 120px;
	padding: 0;
	font-size: 14px;
	display: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 999999;
}
.filternav > li:hover .drop {
	border-bottom-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: #fff;
}
#newsType.no-border {border:0px solid #fff}
.popular-filter {margin-left:20px;}
.drop-menu2 li {
	display: block;
	padding: 0;
}

.filternav:hover + article a{pointer-events: none;}
.drop-menu2 li div {
	display: block;
	padding: 0.5em 1em;
	
width: 100%;
position: relative;
z-index: 99999;
box-sizing:border-box;
cursor:pointer;
color:#2575bc;

}

/***************** pager ******************************/

.pager-telegrams
{
    height: 50px;
    text-align: center;
    display: inline-block;
    width: 54%;
}
.pager-telegrams a
{
    color: #777777;
    padding: 2%;
    font-size: 16px;
    float: right;
    padding-top: 0;
    padding-bottom: 0;
}
.padding-pager
{
    width: 100%;
    margin-top: 10px;
    float: right;
}
.selected {
    background: #97c3ff;
}


.padd_new {
    padding-bottom: 0;
    padding-top: 20px;
}
.padd_new>a:hover {
    color: #004593;
}


@media only screen and (max-width: 767px)
{
    .padding-pager
    {
        padding-right: 10%;
    }
    .pager-telegrams 
    {
        width: 100%;
    }
    .pager-telegrams a {
        padding: 4%;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
}

/***************end pager ****************************/

@media only screen and (max-width: 1024px) 
{
    .p-hide {display:none;}
 
    }
    
