@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

figure
{
	text-align: center;
	background: rgba(0,0,0,0.05);
	margin-top:0;
	margin-right:0;margin-bottom:8px;
	margin-left:15px;
	display: inline-block;
}

figure > figcaption
{
	text-align: center;
	display: block; /* For IE8 */
	font-weight:normal;
	font-family:tahoma;
	
}
.tags {
	width:100%;display:inline-block;
	margin-top:20px;
	margin-bottom:10px;
	border-top:1px #D5ECFA solid;
	border-bottom:1px #D5ECFA solid;
	padding-top:3px;
	padding-bottom:3px;
}
.tags .title_text i{
margin-right:0;
margin-left:5px;
margin-top:0px;
}
.tags .title_text{
	float:right;
	width:82px;
	background:#D5ECFA;
	color:#4E565B;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	padding:5px;
	line-height:1;
	border-radius:5px;
}
.tags i{
	float:right;
	margin-top:5px;
	color:#4F5A61;
	margin-right:10px;
	font-size:10px
}
.tags a{
	float:right;
	width:auto;
	color:#4E565B;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	padding:5px;
	line-height:1;
	float:right;
	text-decoration:none
}
.article_center .story figure > img {margin-bottom:0}
figure > figcaption > strong {font-weight:normal}
.category_header {
	width:100%;
	display:inline-block;
	float:right;
}
.category_header h2 {
	font-size:35px;
	margin:0;
	padding:0;
	line-height:1;
	color:#141414;
}
.category_header h2 span {
	color:#D4D5D7;
	margin-right:5px;
}
.page_path {
	display:inline-block;
	width:100%;
	padding-top:5px;
		border-bottom:1px #EAEAEA dotted;
		margin-bottom:8px;

}
.page_path a {
	color:#2686DF;
	padding-left:10px;
	float:right;
	font-size:10px;
	font-weight:bold;
	margin-top:3px;
	text-decoration:none;
	color:#141414
}
.page_path span {
	color:#666;
	padding-left:10px;
	float:right;
	font-size:12px;
	font-weight:bold;
	margin-top:3px;
}
.page_path i {
	color:#666;
	padding-left:10px;
	float:right;
	font-size:12px;
	margin-top:5px;
}
.page_path i.fa-home {
	color:#cc0000;
	padding-left:10px;
	float:right;
	font-size:18px;
	margin-top:2px
}
.subcategories {
	width:100%;
	margin:0;
	padding:0;
	display:inline-block;
	margin-bottom:8px;
	margin-top:6px;
}
.subcategories li {
	float:right;
	width:auto;
	display:inline-block;
	padding-left:10px;
}
.subcategories li a {
	color:#000;
	display:inline-block;
	text-decoration:none;
	font-weight:bold;
	font-size:15px;
}
.subcategories li a i{color:#141414;font-size:5px;margin-left:6px;}
.subcategories li a.selected {
color:#c10000;
}

.article_right {
	display:inline-block;
	width:140px;
	padding-left:8px;
	float:right;
}
.article_right .article_actions {
	width:140px;
	display:inline-block;
	padding-bottom:15px;
	margin-top:8px;
}
.article_right .article_actions a{
width:140px;
padding-top:6px;
padding-bottom:6px;
border-bottom:1px #ECECEC solid;
display:inline-block;
color:#6281AF;
font-family:tahoma;
font-size:12px;
float:right;
text-decoration:none;
}
.article_right .article_actions a i {
	color:#5172A4;
	margin-left:10px;
	font-size:13px;
}
.article_right .article_actions a:last-child {
	color:#F60202
}
.article_right .article_actions a:last-child i{
	color:#F60202
}
.article_right .pic_desc {
	width:140px;
	display:inline-block;
	padding-bottom:15px;
	border-bottom:1px #BDC8DC dotted
}
.article_right .pic_desc img{
padding:1px;
border:1px #ccc solid;
float:right;
margin-bottom:2px;
width:136px;
}
.article_right .pic_desc span{
width:100%;
display:inline-block;
color:#999;
float:right;
line-height:1.2;
font-size:11px;
margin-top:3px;
}
.article_right .pic_desc span.short_title {
color:#333;
font-weight:bold;
}
.article_center{
	display:inline-block;
	width:500px;
	float:right;
	padding-left:5px;
	padding-right:10px;
}
.article_center .story{
	font-size:14px;
	line-height:1.9;
	color:#000;
font-weight:bold
}
.article_center .story strong{
	color:#fe0000;
	font-weight:bold
}

.article_center .story p{
	margin-bottom:15px;
	display:inline-block
}
.article_center .story p a{
text-decoration:none;
color:#0645AD;
font-weight:bold
}
.article_center .story ul a{
text-decoration:none;
color:#0645AD;
font-weight:bold
}
.article_center .story ul {
	padding-bottom:4px;
}
.article_center .story .mainImage{
	padding:1px;
	border:1px solid #ccc;
	display:inline-block;
	float:right
}
.article_center .story img{
	display:inline-block;
	float:right;
	margin-bottom:10px;
	max-width:500px;
	
}

/*.article_center .story strong{
	display:inline-block;
	width:515px;
	padding:2px;
	float:right;
	background:#000;
	color:#FFF;
	font-weight:normal
}*/
.preview {display:block;position:relative;}
.sharerOnImg {
width: 150px;
height: 21px;
position: absolute;
top: 240px;
right: 10px;
z-index: 100;
}
.opinion {
width:100%;
display:inline-block;
float:left;
margin-bottom:8px;
}
.opinion h3{
width:100%;
display:inline-block;
margin:0;
padding:0;
border-top:1px #00a4d8 solid;
font-weight:bold;
padding-top:3px;
padding-bottom:3px;
font-size:13px;
}
.opinion h3 i{
	margin-left:8px;
	color:#00a4d8
}
.opinion span{
width:100%;
display:inline-block;
margin:0;
padding:0;
border-top:1px #ccc solid;
padding-top:3px;
font-size:13px;
}
.article_center h1 {
	  font-family: Droid Arabic Naskh;
	font-size:22px;
	margin:0;
	padding:0;
	line-height:1.5;
}
.article_center .spans{
	
	width:100%;
	display:inline-block;
	font-size:15px;
}
.article_center .spans a{
	text-decoration:none;
	color:#c10000;
	font-weight:bold;
}

.article_center h2 {
    font-family: Droid Arabic Naskh;
    font-size: 15px;
	margin-top:15px;
	padding:0;
	line-height:1.5;
	text-align:justify;
	color:#333
}
.article_center .article_info {
	width:100%;
	border-bottom:1px dotted #BCBCBC;
	display:inline-block;
	margin-bottom:28px;
}
.article_center .article_info .writer{
font-weight:bold;
width:auto;
float:right;
display:inline-block;
text-decoration:none
}
.article_center .article_info .writer a {text-decoration:none
}
.article_center .article_info .article_date{
font-weight:normal;
width:auto;
float:right;
display:inline-block;
margin-right:8px;
}
.article_center .article_info .sharers{
float:left;
width:100px;
display:inline-block;

}
.article_left{
	display:inline-block;
	width:302px;
	padding-right:5px;
	float:left;
}
.ad_article{
width:302px;
display:inline-block;
margin-top:15px;
}
.ad_article a{
text-decoration:none;
display:inline-block;
float:left
}
.ad_article a img {
	border:none;
	width:300px;
	height:149px;
	float:left;
	border:1px #BDC8DC solid;
	border-bottom:none;
}
.ad_article a.subtext {
	background:#3E60DF;
	padding:5px;
	width:292px;
	color:#FFF;
	text-align:center;
	font-weight:bold;
}
.ad_article .border_ad {
	padding:5px;
	text-align:center;
	font-weight:bold;
	width:290px;
	border:1px #BDC8DC solid;
	border-top:none;
	font-size:11px;
	text-align:right;
	display:inline-block;
	float:left
}
.ad_article a.subtextdesc {
	color:#000;
	text-align:right;
	
}
.opinion {
width:100%;
display:inline-block;
float:left;
margin-bottom:8px;
margin-top:8px;
}
.opinion h3{
width:100%;
display:inline-block;
margin:0;
padding:0;
border-top:1px #c10000 solid;
font-weight:bold;
padding-top:3px;
padding-bottom:3px;
font-size:13px;
color:#c10000;
background:#ebebeb

}
.opinion h3 i{
	margin-left:8px;
	color:#c10000
}
.opinion span{
width:100%;
display:inline-block;
margin:0;
padding:0;
border-top:1px #ccc solid;
padding-top:3px;
font-size:13px;
}
.opinion .ad_article{
width:302px;
display:inline-block;
margin-top:10px;
	border:1px #6C5353 solid;

}
.opinion .ad_article a{
text-decoration:none;
display:inline-block;
float:left
}
.opinion .ad_article a img {
	border:none;
	width:302px;
	float:left;
	border-bottom:none;
	height:148px;
	display: block;
	position: relative;
}
.opinion .ad_article a .opc {
	float: left;
	height: 149px;
	position: absolute;
	left: 0;
	width: 302px;
}
.opinion .ad_article a .opc .subtext {
	background:#c10000;
	padding:2px;
	width:auto;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	float:right;
	padding-right:10px;
	padding-left:10px;
	border:none;
	margin-top:120px;
	border-right:3px #F03030 solid;

}
.opinion .ad_article .border_ad {
	padding:5px;
	text-align:center;
	font-weight:bold;
	width:289px;
	border-top:none;
	font-size:12px;
	text-align:right;
	display:inline-block;
	float:left;
	background:#0E0E0E;
	border:none;
	
		border-right:3px #F03030 solid;


}
.opinion .ad_article a.subtextdesc {
	color:#fff;
	text-align:right;
	float:right
	
}
.print_header {display:none;}
.section{border:0px;}
.ad_300 {margin-top:0;	border:1px #BDC8DC solid;
	}
	@media print {
  body * {
    visibility: hidden;
  }
.player-container {display:none}
 .article_center * {
    visibility: visible;
  }

  .print_header {display:block;float:right;width:100%;border-bottom:1px #000 solid;margin-bottom:25px;} .print_header img {width:200px;float:right;}
  .article_center{
    position: absolute;
	width:95%;
    right: 0;
    top: 0;
	padding:2.5%;
  }
  .article_center img{ clear:both;margin:15px;}
  .article_center:last-child {
     page-break-after: auto;
}
}
.weather-wi {width:140px;display:inline-block;float:right;margin-bottom:30px;}
.weather-wi .a_title{width:128px;display:inline-block;float:right;text-align:right;color:#fff;text-decoration:none;padding:5px;background:#c10000;border:1px #c10000  solid;}
.weather-wi .a_title i.syb{float:right; color:#FFF;margin-top:5px;margin-left:8px;}
.weather-wi .a_title i.syb23{float:left; color:#73BAE4;margin-top:6px;DISPLAY:NONE}
	.weather-wi .main {
	width:170;height:40px;display:inline-block;float:right;position:relative;border:1px #ccc solid;border-top:0;border-bottom:1px #ccc solid;
	}
	
.weather-wi .main .erea_name{
color: #303030;
width: 90px;
font-size: 14px;
display: inline-block;
float: right;
padding-bottom: 0;
line-height: 1;
margin-top: 5px;
margin-right: 5px;
font-weight:bold;
}
.deg:after {
    content: "\00b0"
}
.weather-wi .main .deg{
color: #666;
width: 110px;
font-size: 20px;
display: inline-block;
float: right;
text-align: left;
font-family: arial;
position: absolute;
left: 45px;
top: 9px;
z-index: 1;

}
.weather-wi .main .erea_date {
color: #0B4E78;
font-size: 12px;
display: inline-block;
width: 90px;
text-align: right;
float: right;
margin-right: 5px;
}
.weather-wi .main p{
	padding: 0;
text-align: center;
margin: 0;
color: #0B4E78;
width:40px;
height:40px;
/*background:url("http://images3.alarab.com/data/images/temp.gif?s=");*/
display:inline-block;
float:left
}
	
.pagination {
display:inline-block;
margin-top:10px;
margin-bottom:10px;
}

.page {
    display: inline-block;
    padding:8px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}

.pagination.dark {
    background: #414449;
    color: #feffff;
}

.page.dark {
    border: solid 1px #32373b;
    background: #3e4347;
    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
    color: #feffff;
    text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}

.page.dark:hover, .page.dark.gradient:hover {
    background: #3d4f5d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
    background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);
}

.page.dark.active {
    border: none;
    background: #2f3237;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1);
}

.page.dark.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565b5f), to(#3e4347));
    background: -moz-linear-gradient(0% 0% 270deg,#565b5f, #3e4347);
}
.player-container {
	background-color: none;
	float: left;
	margin: 20px 20px 10px 0;
	width: 100%
}

.player-minimize .fbshare {
visibility:visible;
position: absolute;
width: 23px;
height: 23px;
top: 10px;
left: 10px;
font-size: 23px;
z-index: 3000;
text-align: center;
color:#3b5998;
background:#FFF;
line-height:1;
padding:1px;
border-radius:5px
}
.player-position .fbshare {
visibility:none;
display:block;
background:none;
font-size:23px;
display:inline-block;
position: absolute;
}
.player-position .fbshare a span {font-size:11px;font-weight:bold;color:#000;text-decoration:none;}
.player-minimize .fbshare a span {display:none}
.player-minimize .fbshare a ,.player-position .fbshare a  {text-decoration:none;color:#3b5998}
.player-minimize .player-position {
	
	background-color: white;
	border-radius: 2px;
	bottom: 20px;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
	left: 20px;
	padding: 7px;
	position: fixed;
	width: 25%;
	z-index: 15;
}

/*
overrides for developer site defaults (for presentation only, non-demo styles)
*/

.demo-single .demo-layout-content .jwplayer {
	margin: 0;
}

.demo-layout-content {
	text-align: left;
}

.demo-single .demo-layout-content h1 {
	font-size: 56px;
	font-weight: 500;
}

.demo-single .demo-layout-content h2 {
	font-size: 32px;
	font-weight: 400;
	margin-top: 20px;
}

.demo-single .demo-layout-content p,
.demo-single .demo-layout-content p + p {
	margin-top: 20px;
}

.demo-single .demo-layout-vertical .demo-layout-code {
	max-width: 900px;
	width: 100%;
}/*
table { 
    width: 100%; 
    border-collapse: collapse; 
    margin:5px auto;
    }
th a {color:#FFF;font-size:18px}
tr:nth-of-type(odd) { 
    background: #eee; 
    }

th { 
    background: #1C4A94; 
    color: white; 
    font-weight: bold; 
    }

td, th { 
    padding: 10px; 
    border: 1px solid #ccc; 
    text-align: right; 
    font-size:11px;
    }


@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    table { 
        width: 100%; 
    }

    table, thead, tbody, th, td, tr { 
        display: block; 
    }
    
    thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    tr { border: 1px solid #ccc; }
    
    td { 
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
    }

    td:before { 
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        content: attr(data-column);

        color: #000;
        font-weight: bold;
    }

}*/