/*
Index
1. Reset
2. Clearfix
3. General Typography

/* 1. Reset ---------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 2rem;
	vertical-align: baseline;
	background: transparent;
    font-family: 'Midan',Bahij Midan,Midan, "arabic typesetting", serif;
}

html {
	font-size: 62.5%;
	overflow-x: hidden;
}

body {
	line-height: 1;
	overflow-x: hidden;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display: block;
}

nav ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	text-align: right;
	font-family: DroidKufi-Regular, "arabic typesetting", serif;
	font-weight: normal;
}

input, select {
	vertical-align:middle;
}

select{
	width: 100%;
}
select::-ms-expand {
    display: none !important;
}
figure, a {
	vertical-align: bottom;
}

hr {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #CCCCCC -moz-use-text-color -moz-use-text-color;
	border-image: none;
	border-right: 0 none;
	border-style: solid none none;
	border-width: 5px 0 0;
	display: block;
	height: 1px;
	margin: 1em 0;
	padding: 0;
}

#more-storiess
{
    overflow:visible;
}

h1.heading-section
{

}

iframe {
	margin-top: 0em;
}
input::-ms-clear {
    display: none;
}

#DynamicContentContainer #Stage.EDGE-8368930 div{color:rgb(255, 255, 255) !important;font-family:Arial, Helvetica, sans-serif !important;line-height:normal !important;}
#DynamicContentContainer div, #DynamicContentContainer table,  #DynamicContentContainer td, #DynamicContentContainer div, #DynamicContentContainer p, #DynamicContentContainer span, #DynamicContentContainer{font-family: Midan, "arabic typesetting", serif  !important;color: #333333 !important; font-size:102% ;}
#DynamicContentContainer a{color: #2575bc !important; text-decoration: none !important;}
#DynamicContentContainer a:hover{color: #004593 !important; text-decoration: none !important;}

/* -------------- css page.aspx -----------------*/

#DynamicContentContainerpage #Stage.EDGE-8368930 div{color:none !important;font-family: auto !important;line-height:normal !important;}
#DynamicContentContainerpage div, #DynamicContentContainerpage table,  #DynamicContentContainerpage td, #DynamicContentContainerpage div, #DynamicContentContainerpage p, #DynamicContentContainerpage span, #DynamicContentContainerpage h2 h3 h4 , #DynamicContentContainerpage {/*font-family: auto  !important;color: none !important; font-size:100% !important;*/}
#DynamicContentContainerpage a{color: none !important; text-decoration: none !important;}
#DynamicContentContainerpage a:hover{color: none !important; text-decoration: none !important;}


/* 2. Clearfix -------------------------------- */
#abgc
{display:none !important;}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom:1;
}

.wrapper,
.row.wrapper {
	max-width: 1170px;
	margin: 0 auto;
	left: 0;
	position: relative;
}

.BackToTopImage{cursor: pointer;margin-top: 6px; display:inline-block;}
.responsiv-header-mod
{
	/*padding-bottom:1.8%;*/
	}

	.breadcrumbs
	{
	    padding-bottom: 1%;
        padding-top: 1%;
	}
	.breadcrumbsPrograms
	{
	    padding-bottom: 1%;
        padding-right: 0.7%;
	}
	.breadcrumbsBroadcast
	{
	  padding-bottom: 1%;
      padding-right: 0.5%;
	}
	.breadcrumbsPhotoGalary
	{
	  padding-bottom: 1%;
      border-bottom: 1px solid #ddd;
      padding-top: 1%;
	}

@media only screen and (max-width: 767px) {

	.wrapper {
	    width: 100%;
	}

}

/* 3. General Typography -------------------------------- */

@font-face {
  font-family: Greta;
  src: url('../../fonts/Greta_Arabic_Regular.eot');
  src: url('../../fonts/Greta_Arabic_Regular.eot?#iefix') format('embedded-opentype'),
  		 url('../../fonts/Greta_Arabic_Regular.woff') format('woff'),
  		 url('../../fonts/Greta_Arabic_Regular.otf') format("opentype");
}

/*@font-face {
	font-family: DroidKufi-Bold;
	src: url('../../fonts/DroidKufi-Bold.eot');
	src: url('../../fonts/DroidKufi-Bold.eot?#iefix') format('embedded-opentype'),
			 url('../../fonts/DroidKufi-Bold.woff') format('woff'),
			 url('../../fonts/DroidKufi-Bold.ttf') format('truetype')
             url('../../fonts/DroidKufi-Bold.otf') format('opentype')
             url("../../fonts/DroidKufi-Bold.svg") format("svg");
	font-weight: normal;
	font-style: normal;

}*/

@font-face {
    font-family: 'Mahdi';
        src:url('../../fonts/Mahdi-Regular.eot');
src: url('../../fonts/Mahdi-Regular.eot?#iefix') format('embedded-opentype'),
url('../../fonts/Mahdi-Regular.woff') format('woff'),
 url('../../fonts/Mahdi-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
      }


@font-face {
    font-family: 'Midan';
        src:url('../../fonts/Midan.eot');
src: url('../../fonts/Midan.eot?#iefix') format('embedded-opentype'),
url('../../fonts/Midan.woff') format('woff'),
 url('../../fonts/Midan.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
      }

@font-face {
font-family: 'DroidKufi-Bold';
src: url('../../fonts/DroidKufi-Bold.eot');
src: url('../../fonts/DroidKufi-Bold.eot?#iefix') format('embedded-opentype'),
url('../../fonts/DroidKufi-Bold.woff') format('woff'),
url('../../fonts/DroidKufi-Bold.ttf') format('truetype');
font-weight: normal;
	font-style: normal;
}


@font-face {
font-family: 'droidsansarabic';
src: url('../../fonts/droidsansarabic.eot');
src: url('../../fonts/droidsansarabic.eot?#iefix') format('embedded-opentype'),
url('../../fonts/droidsansarabic.woff') format('woff'),
url('../../fonts/droidsansarabic.ttf') format('truetype');
font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Al-Jazeera-Arabic-Light;
	src: url('../../fonts/Al-Jazeera-Arabic-Light.eot');
	src: url('../../fonts/Al-Jazeera-Arabic-Light.eot?#iefix') format('embedded-opentype'),
			 url('../../fonts/Al-Jazeera-Arabic-Light.woff') format('woff'),
			 url('../../fonts/Al-Jazeera-Arabic-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: Al-Jazeera-Arabic-Bold;
	src: url('../../fonts/Al-Jazeera-Arabic-Bold.eot');
	src: url('../../fonts/Al-Jazeera-Arabic-Bold.eot?#iefix') format('embedded-opentype'),
			 url('../../fonts/Al-Jazeera-Arabic-Bold.woff') format('woff'),
			 url('../../fonts/Al-Jazeera-Arabic-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: DroidKufi-Regular;
	src: url('../../fonts/DroidKufi-Regular.eot');
	src: url('../../fonts/DroidKufi-Regular.eot?#iefix') format('embedded-opentype'),
			 url('../../fonts/DroidKufi-Regular.woff') format('woff'),
			 url('../../fonts/DroidKufi-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {font-family:"Bahij Midan";
            src:url("../../fonts/Bahij_Midan-Regular.eot?") format("eot"),
                url("../../fonts/Bahij_Midan-Regular.woff") format("woff"),
                url("../../fonts/Bahij_Midan-Regular.ttf") format("truetype"),
                url("../../fonts/Midan.ttf") format("truetype"),
                url("../../fonts/Bahij_Midan-Regular.svg") format("svg");font-weight:normal;font-style:normal;}

html {
	font-family: Greta, "arabic typesetting", serif;
	color: #333333;
}

body {
	background-color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
	color: #333;
	direction: rtl;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Al-Jazeera-Arabic-Bold, "arabic typesetting", serif;
	font-weight: 400;
}

h4 {
	font-weight: 400;
}

blockquote {
	margin: 1em 0 0;
	color: #333;
	font-family: Al-Jazeera-Arabic-Light, "arabic typesetting", serif;
	font-size: 1.2em;
}

cite {
	display: block;
	font-size: 0.8em;
	font-style: normal;
}

a {
	color: #4e4e4e;
	text-decoration: none;
}

a:hover {
	color: #004593;
    opacity:0.8;
}

ul, ol {
	list-style: none;
}

ol {
	list-style: decimal outside;
	margin-left: 1.5em;
}

/* Images -------------------------------- */

img {
	max-width: 100%;
	width: 100%;
	vertical-align: bottom;
}

.ad img {
	max-width: none;
	width: auto;
	margin: 0 auto;
	display: block;
	padding-top: 1em;
	padding-bottom: 1em;
}

.img-thumb {
	width: auto;
	margin-left: 0.7em;
	vertical-align: middle;
}

.img-profile, .meta .img-profile {
	float: right;
  margin-bottom: 0.5em;
  margin-left: 1em;
  width: 60px;
  border: 1px solid #DDDDDD;
}

@media only screen and (max-width: 767px) {

	.img-profile, .meta .img-profile {
	  width: 100px;
	}

}

.img-promo + .img-promo {
	margin-top: 1em;
}

figure {
	/*margin: 0.8em 0;*/
}

figcaption {
	font-size: 12px;
	font-size: 1.2rem;
	padding-top: 0.25em;
	color: #999999;
}

.cursor {
	width: 8px;
	height: 1px;
	max-width: none;
	border: none !important;
	margin-right: 0.2em;
	vertical-align: baseline;
}
/* Floating icons -------------------------- */
#floating-icons{position:fixed; margin-top:33px; left:0.5%; width:33px; z-index:99;}
.floating {width:30px; float:left; position:relative}
#floating-icons a{display:block; width:33px; height:32px; background:url('/Views/Shared/shared/images/floating-icons.png') no-repeat; margin-top:7px;}
#floating-icons a:first-child{margin-top:0px;}
#floating-icons .floating-twitter {background-position:-37px 0px}
#floating-icons .floating-google {background-position:-75px 0px}
#floating-icons .floating-youtube {background-position:-111px 0px}
#floating-icons .floating-podcast {background-position:-150px 0px}
#floating-icons .floating-rss {background-position:-188px 0px}
@media only screen and (min-width: 700px) and (max-width:1024px)
{
    #floating-icons {background-color:#333; padding:5px; width:24px; height: 146px;}
    #floating-icons a {width:24px; height:24px;}
    #floating-icons a:first-child {margin-top: -16px;}
    #floating-icons:after, #floating-icons:before{content:"";position:absolute; background-color:#333; width:34px; height:34px; border-radius:50%; top:-19px; left:0px; z-index:-1;}
    #floating-icons:after{top:90%}
    #floating-icons .floating-facebook {background-position:-236px 0px}
    #floating-icons .floating-twitter {background-position:-264px 0px}
#floating-icons .floating-google {background-position:-291px 0px}
#floating-icons .floating-youtube {background-position:-319px 0px}
#floating-icons .floating-podcast {background-position:-346px 0px}
#floating-icons .floating-rss {background-position:-374px 0px}
    }

/* Desktop Navigation -------------------------------- */

.nav-wide > h3, .nav-wide > ul > li {
	float: right;
	display: block;
	margin-right: 1em;
}

.nav-wide a {
	display: block;
}

.nav-wide .login-show
{
	display:none;

	}
.nav-account {
	color: #ffffff !important;
	font-weight: 400;
}

.nav-live {
	color: #F28E12;
}

@media only screen and (max-width: 767px) {
	.nav-live {
		color: #DD0202;
		font-size: 1.2em;
		padding-top: 0.3em;
	}
}

.nav-live img{
	width: 15%;
	margin-right: 0;
}

.drop:before {
	content: "";
	height: 0;
	width: 0;
	border: 0.2em solid transparent;
	border-top-color: #333;
	display: inline-block;
	margin-left: 0.5em;
	margin-top: 0.15em;
	vertical-align: middle;
}

.drop-mega {
	position: absolute;
	width: 100%;
	right: 0;
	z-index: 1;
	margin: 0;
	padding: 0;
	background: #fff;
	display: none;
	table-layout: fixed;
}

.drop-mega .heading-section {
	padding-top: 0;
}

.nav-wide > ul > li:hover > .drop-mega {
	display: table;
}

.nav-wide > ul > li:hover .drop:before {
	border-top-color: #fff;
}

.drop-mega > nav, .drop-mega > article {
	display: table-cell;
	padding-left: 2em;
	vertical-align: top;
	padding: 20px;
}

.drop-mega h3 {
	color: #fff;
	margin-bottom: 0.1em;
}

.drop-mega li {
	margin-bottom: 0.8em;
}

.nav-path {
	color: #999;
	font-size: 14px;
	font-size: 1.4rem;
   font-family: Al-Jazeera-Arabic-Bold,"arabic typesetting",serif;
}

.nav-path-paddingbottom {
padding-bottom:2%;
}

.nav-path a {
	color: #999;
	display: inline-block;
	font-size:17px;
	vertical-align: top;
}

.nav-path a + a:before {
    content : ">>";
	color: #999;
	display: inline-block;
	padding: 0 0.45em;
	float:right;
}

#nav-site .subnav a {
	font-weight: 400;
    font-family: Al-Jazeera-Arabic-Bold, arabic typesetting, serif;
}

[class*=heading-section] + .subnav {
	padding-top: 1em;
}
#main-banner {margin:11px auto 0px; width:90%; padding-bottom:10px;clear:both;}
.BannerMargin{margin-bottom:20px !important;}
#main-banner.long-banner-content {margin-top:-20px;}
#main-banner img,#main-banner div:first-child, #main-banner object {border:2px solid #ddd;}
#left-banner {padding-top: 20px;float: left;text-align: center;width: 100%; background-color:#ddd; padding:0.75em; box-sizing:border-box; -moz-box-sizing:border-box}
#stats #left-banner{margin-top: 10px;padding: 0.75em;}
@media only screen and (max-width: 1023px){#main-banner{} #main-banner img{}}
@media only screen and (max-width: 767px) {#main-banner, #left-banner{display:none;} #stats {margin-top:1em;} }

/* Headings -------------------------------- */

.heading-section {
	padding-top: 0;
	font-family: Al-Jazeera-Arabic-Bold, "arabic typesetting", serif;
	font-weight: 400;
	clear: left;
}
.nav-sidebar .blurb {overflow:visible !important;}
.heading-page {
  color: #333333;
  font-size: 2em !important;
  line-height: 1.2;
  margin-bottom: 0.2em;
  padding-top: 0.3em;
}

#header-story .heading-section {
	font-size: 1.2em;
}

[class*=heading-section], [class*=heading-section] > a {
  color: #333333;
}

.heading-list {
  color: #888888;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 0;
}

.blurb-updates .heading-list {
	padding-top: 1em;
}

.meta + .heading-list {
	margin-top: 1em;
}

.heading-story {
	color: #333!important;
	font-size: 36px!important;
	font-size: 3.6rem!important;
	padding-bottom: 0.1em;
	line-height: 1.2;
}
@media screen and (max-width:325px)
{
    #indepth-article-header .heading-story  { font-size:18px;  }
    #indepth-article-header{ padding:1em;}
}
@media screen and (max-width:600px)
{
      #indepth-article-header .heading-story  { font-size:18px;  }
    #indepth-article-header{ padding:1em;}
    #indepth-article-header{position: initial !important; margin-top: 5% !important;}
}
.tab-area .heading-story {
	margin: 1em 0;
}

.heading-gallery {
	color: #ddd !important;
}

/* Lists -------------------------------- */

[class*=list] {
	font-family: 'Midan',Bahij Midan,Midan, "arabic typesetting", serif;
}

.list {
	font-size: 14px;
	font-size: 1.4rem;
	padding-top: 1em;
}
.list-mod
{
    padding-right: 8%;
/*list-style-type: square !important;*/
list-style-image: url('sqpurple.jpg');
color: #2575bc;
padding-top:5px;
}
.list-modartmgz
{
    width:100%;
    padding-right: 8%;
/*list-style-type: square !important;*/

color: #2575bc;
padding-top:5px;

}
.list-modartmgz li
{
    list-style-image: url('docart.jpg');

padding:5px;
 border-width:1px 0 1px;
 border-style:solid;
 border-color:#e2e2e2;

}
.list-mod2
{
    padding-right: 1%;

color: #2575bc;
padding-top:5px;
}
.list-mod2 li{
       border-bottom:1px solid #ababab;
       padding-bottom:2px;
}
.list-mod2 li a
{
    display:inline;
}
.list-mod2 li span
{
    text-align:right;
    width:120px;
    float:left;
}

.list-mod3
{
    padding-right: 1%;
  font-size:20px;
  font-weight:normal;
color: #2575bc;
padding-top:5px;
}
.list-mod3 li
{
    display:inline;
  border-bottom:1px solid #e8e8e8;
   padding-bottom:3px;
}
.list-mod3 li a
{
   padding: 13px;
    display:inline;
    font-size: 1.6em;
    color: #ababab;
    font-weight:normal;
}
.list-mod3 li a:active
{
       color: #000000;
  font-weight:bold;



}
.list-mod3 li:active
{
       color: #000000;  font-weight:bold;


}
.list-mod3 li span
{
    text-align:right;
    width:120px;
    float:left;
}
.Authorblock{

    float:right ;width:15.531%; margin-left: 1% !important; height: 200px;
}

 .Authorblock a{
     text-align:center;

    }
    .Authorblock a  img{
        width:120px;
        height:130px;
        border: 4px solid #e8e8e8;
    }


.list:last-child {
	padding-bottom: 1.1em;
}

.list a {
	display: block;
}

.list + .heading-list {
	margin-top: 1.5em;
}

.list + .heading-section {
	margin-top: 1.5em;
}

.list > li {
/*	margin-bottom: 0.1em;*/
}

.list h2 a {
	color: #333;
}

.list + .meta {
	padding-top: 0.5em;
	border-top: 1px solid #ddd;
}

.list .on a {
	color: #999;
}

.list-feature {
	font-size: 16px;
	font-size: 1.6rem;
}

.list-feature img {
	margin-top: 0.5em;
}

.list-img > li {
	margin-bottom: 2em;
}

.list-img {
   margin-top: 1em;
}

.list-img > li > img {
	float: left;
	margin-right: 1em;
	height: 60px;
	height: 6rem;
	width: 60px;
	width: 6rem;
}

.list-radio > li {
	padding-left: 2em;
	position: relative;
	padding-bottom: 0.4em;
}

.list-slats li {
}

.list-slats > h1 {
	font-size: 18px;
	margin-bottom: 0.5em;
}

.list-slats > h2 {
	font-size: 12px;
	color: #333;
	margin-bottom: 0.5em;
}

/* Ranking Styles -------------------------------- */

.list-rank {
	list-style: none;
	overflow: visible;
	counter-reset: li;
	padding-top: 1em;
	margin-left: 0.5em;
}

.list-rank > li {
	color: #999;
	position: relative;
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 0.25em 0;
	clear: both;
	font-size: 2.2rem;
	border-bottom: 1px solid #999;
}

.list-rank a {
	display: table-cell;
	vertical-align: middle;
	padding-right: 0.5em;
  text-decoration: none;
}

.list-rank > li:before {
	/*content: counter(li);
  counter-increment: li;*/
  color: #ccc;
  text-align: right;
  width: 1em;
  font-size: 20px;
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  line-height: 100%;
  padding-left: 0.2em;
}

/* Forms -------------------------------- */
/* paddings -------------------------------- */

.padding-class-def
{
    padding-left: 0 !important;
    padding-top: 0 !important;
    padding-right: 1.1% !important;
    padding-bottom: 0em !important;
}

/* paddings -------------------------------- */

form {
	position: relative;
}

[class*=field] {
	background-color: #f6f6f6;
	width: 100%;
	border: 1px solid #e0e0e0;
	padding-right: 0.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: inset 0 1px 1px #eee;
	box-shadow: inset 0 1px 1px #eee;
	height: 35px;
	height: 3.5rem;
	font-size: 14px;
	font-size: 1.4rem;
}

/* Buttons -------------------------------- */

[class*=button] {
	-webkit-appearance: none;
	cursor: pointer;
	display: inline-block;
	border: none;
	background-color: #afa345;
	color: #fff;
	padding: 0.5em 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
}

select + [class*=button]{
	margin-top: 1em;
}

[class*=button]:hover {
 	/*background-color: #004593;*/
 	color: #fff;
}
#Stage [class*=button] {
background-color:transparent !important;
}

#Stage [class*=button]:hover {
 	background-color: transparent !important;

}
/* twitter button overrides -------------------------------- */

.twitter-share-button{
	background-color: transparent;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	padding: 0;
	text-align: right;
}

.twitter-share-button a{
	text-align: right !important;
}

.button-search {
	padding: 0 0.6em;
	position: absolute;
	top: 0;
	border: none;
	background: none;
	height: 100%;
	width: auto;
	background-image: url('../../images/media/search.png');
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -5000px;
	width: 3em;
}

.button-watchlive {
	background-color: #DD0202;
	color: #fff;
	border: none;
}

#watch-options .button-watchlive {
    margin-bottom: 0.5em;
}

.button-watchlive + .share {
	margin-top: 1em;
}

.button-watchlive:hover {
	background-color: #AD0000;
	color: #fff !important;
}

.button-more {
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 1em 2em;
	clear: both;
	text-align: center;
	-webkit-appearance: none;
	cursor: pointer;
	display: block;
	border-radius: 5px;
	border: 1px solid #ddd;
	background-color: #f6f6f6;
	color: #2575BC;
}

@media only screen and (max-width: 767px) {
	.button-more {
		margin-bottom: 1em;
	}
}

/* Blurb Styles -------------------------------- */

[class*=blurb] {
	position: relative;
	/*padding-top: 0.5em;*/
	padding-bottom: 0em;
	overflow: hidden;
}

@media only screen and (max-width: 767px) {

	[class*=blurb] + [class*=blurb] {
		margin-top: 0;
	}

}

.blurb-updates + [class*=blurb] {
	padding-top: 2em;
}

[class*=blurb] h1 {
	font-size: 16px;
	font-size: 1.6rem;
	color: #474747;
	margin-bottom: 0.5em;
}

[class*=blurb] h1 a {
	color: #4d4d4d;
}

[class*=blurb] h1 a:hover {
	color: #4285e1;
}

[class*=blurb] img {
	margin-bottom: 1em;
}

.blurb-small img {
	margin-bottom: 0.5em;
}

@media only screen and (max-width: 767px) {

	[class*=blurb] img {
		margin-bottom: 1em;
	}

}

[class*=blurb] h1 a {
	color: #333;
}

[class*=blurb] h1 a:hover {
	color: #000000;
}

[class*=blurb] h4 {
	font-size: 16px;
	font-size: 2.2rem;
	color: #131313;
	text-transform: uppercase;
	margin-bottom: 0.5em;
	line-height: 1;
	font-family: 'Midan', "arabic typesetting", serif;
}

.latest article:last-of-type{
	border-bottom: none;
}

[class*=blurb] h4 > a {
	color: #131313;
	line-height:21px
}

[class*="heading"] {
  color: #8B8B8B;
  font-size: 18px;
  font-size: 1.8rem;
}

[class*="heading"] + .filternav{
	margin-top: 1em;
}

[class*="heading"] + [class*="dark"]{
	margin-top: 1em;
}

[class*=blurb] .heading-section {
	padding-top:  0.5em;
	padding-bottom: 0;
}

[class*=blurb] [class*=flag] + .heading-section {
	padding: 0.5em 0;
}

[class*=meta] img{
	border: none;
	vertical-align: middle;
}

.blurb-updates {
	background-color: #E0E2E4;
}

.blurb-updates [class*=flag], .blurb-large [class*=flag] {
	position: relative;
	top: 0;
}

.blurb-small h1 {
	font-size: 14px;
	font-size: 1.4rem;
}

.blurb-small p {
	font-size: 12px;
	font-size: 1.2rem;
}

.blurb-live {
	margin: 1em 0;
}

.blurb-live [class*=flag] {
	position: relative;
	top: 0;
	margin-bottom: 1em;
}

.blurb-live h1 {
	clear: both;
}

.blurb-live li {
	margin-left: 1em;
	font-size: 14px;
	font-size: 1.4rem;
}

.blurb-live .heading-list {
	margin: 1em 0 0.5em;
}

.blurb-wide img[class*=-floatleft] {
	margin-right: 1em !important;
}

@media only screen and (min-width: 768px) {

	.blurb-wide img {
	    margin-bottom: 0;
	}

	.blurb-wide .play:after {
	    bottom: 0 !important;
	}

}
@media only screen and (max-width:1023px)
{
    #FilterBar ~ article{ width:50%;float: right;display: inline-block; clear:none}
    #FilterBar ~ .fix-news-summary-Production {width: 44%;margin-right: 3%;display: inline-block;float: left;}
    #main-content > aside > section{width:100%; margin-left:0px}
 }
.blurb-small .play:after {
	bottom: 0.5em;
}

.blurb-large header {
	position: relative;
	padding-bottom: 1.5em;
	overflow: visible;
}

.blurb-large .leadin {
	font-size: 18px;
	font-size: 1.8rem;
}

.blurb-large [class*=flag] {
	margin-right: 1em;
}

/* Links -------------------------------- */

.link-download {
	margin-top: 1em;
	display: block;
	font-size: 12px;
}

.link-download img {
	float: left;
	width: auto;
	margin-right: 0.5em;
	vertical-align: middle;
}

.link-more {
	float: left;
	clear: both;
	padding-bottom: 1em;
}

/* Carousels -------------------------------- */

.carousel {
	position: relative;
	overflow: hidden;
}

.nav-carousel {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}

[class*=arrow] {
	text-indent: -5000px;
	overflow: hidden;
	position: absolute;
	top: 25%;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	right: 1.5%;
	background-color: #ddd;
	background-image: url('/Views/Shared/shared/images/media/arrow-sprite.png');
	background-repeat: no-repeat;
	background-position: 1px -40px;
}

@media only screen and (max-width: 767px) {

	[class*=arrow] {
		display: none;
	}

}

[class*=arrow]:hover {
	background-color: #999;
}

.arrow-left {
	left: 1.5%;
	right: auto;
	background-position: 0 0;
}

.dark [class*=arrow] {
	background-color: #000;
	background-position: 1px -200px;
}

.dark .arrow-left {
	background-position: 0 -160px;
}

.mid-dark [class*=arrow] {
	background-color: #222;
	background-position: 1px -120px;
}

.mid-dark .arrow-left {
	background-position: 0 -80px;
}

[class*=dark] [class*=arrow]:hover {
	background-color: #333;
}

.carousel-content {
	-webkit-transition: margin-right 0.5s ease-out;
	-moz-transition: margin-right 0.5s ease-out;
	-o-transition: margin-right 0.5s ease-out;
	-ms-transition: margin-right 0.5s ease-out;
	transition: margin-right 0.5s ease-out;
	margin-left: 0;
	clear: right;
	float: right;
}

@media only screen and (max-width: 767px) {

	.carousel-content {
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		-ms-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}

}

.carousel-group {
	float: right;
	clear: none;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.carousel-group:first-child {
	margin-right: 0;
}

.carousel-group-2 {
	width: 200%;
}

.carousel-group-2 .carousel-group {
	width: 50%;
	padding-left: 0;
	padding-right: 0;
}

.carousel-group-3 {
	width: 300%;
}

.carousel-group-3 .carousel-group {
	width: 33.3333%;
	padding-left: 0;
	padding-right: 0;
}

.carousel-group-4 {
	width: 400%;
}

.carousel-group-4 .carousel-group {
	width: 25%;
}

@media only screen and (min-width: 768px) {

	[class*=carousel-group] .carousel-group {
		padding-left: 4%;
		padding-right: 4%;
	}

}

.carousel-group.blurb{
	padding-bottom: 0;
}

.nav-carousel-control {
  display: block;
  text-align: center;
  width: 90%;
  clear: left;
  font-size: 10px;
  position: relative;
  z-index: 100;
  clear: both;
  margin: 0 auto;
  padding: 1em 0 0;
  pointer-events: none;
}

@media only screen and (max-width: 767px) {

.nav-carousel-control {
  display: none;
}

.carousel-group {
	margin-bottom: 2em;
}

}

.nav-carousel-control li {
	width: 8px;
	display: inline-block;
	margin: 0 0 0 4px;
}

.nav-carousel-control li a {
	background-color: #ccc;
	cursor: pointer;
	display: block;
	height: 8px;
	text-indent: -999em;
	width: 100%;
	border-radius: 50%;
}

[class*=dark] .nav-carousel-control li a {
	background-color: #000;
}

.nav-carousel-control li .is-active {
	background-color: #E5C069 !important;
	border: none;
}

[class*=dark] .nav-carousel-control li .is-active {
	background-color: #D67D11 !important;
}

/* Share -------------------------------- */

.share {
	position: relative;
	z-index: 100;
	font-size: 14px;
	font-size: 1.4rem;
	white-space: nowrap;
	float: none;
	margin-top: 1em;
}

@media only screen and (max-width: 1024px) {

	.share {
		float: none;
	}

}

.share a {
	display: block;
	padding: 0.5em 3em 0.5em 1em;
	color: #3b3b3b;
}

.share a:hover {
	text-decoration: none;
}

.share a > img {
	width: 1.5em;
	display: inline-block;
	margin-left: 1em;
	vertical-align: baseline;
	border: none !important;
}

.share .social {
	/*background-color: #2575BC;*/
  background-image: url("../../images/media/share-sprite.png");
  background-position: 95% -270px;
  background-repeat: no-repeat;
 /* border: 1px solid #009CFF;*/
  color: #3591D2;
  display: block;
  float: right;
}

.share:hover .social {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #F4F4F4;
  background-position: 95% -222px;
  border-color: #DDDDDD #DDDDDD #F4F4F4;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  color: #3B3B3B;
  display: block;
  float: right;
}
.share > ul {
  background: none repeat scroll 0 0 #F4F4F4;
  direction: ltr;
  display: none;
  list-style-type: none;
  position: absolute;
  top: 100%;
  width: 200px;
  border-color: #DDDDDD #DDDDDD #F4F4F4;
  z-index:99999;
}
.share li:hover {
  background-color: #F4F4F4;
}
.share-count {
  float: left;
  text-align: left;
}
.share > ul a {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url("../../images/media/share-sprite.png");
	background-position: right 0;
	background-repeat: no-repeat;
	border-bottom: 1px solid #DDDDDD;
	float: right;
	/*padding: 1em 2em 1em 1em;*/
	text-align: right;
	width: 100%;
	font-family:Arial;
}
.share > ul a:hover {
  background-color: #EEEEEE;
}
.share > ul .share-twitter a {
  color: #4AB5D6;
}
.share > ul .share-facebook a {
  background-position: right -160px;
  color: #3B5998;
}
.share > ul .share-google a {
  background-position: right -52px;
  color: #DD4B39;
}
.share > ul .share-email a {
  background-position: right -107px;
  color: #333333;
}
.share:hover > ul {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #DDDDDD #DDDDDD -moz-use-text-color;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 1px medium;
  display: block;
}
.share:hover > ul {
  display: block;
}

#main-story .share ul {
	list-style-type: none;
}

#main-story .share li {
	margin-bottom: 0;
}

/* Page anchors -------------------------------- */

.page-anchors {
	clear: right;
	float: right;
	font-size: 12px;
	font-size: 1.2rem;
	margin-bottom: 2em;
	margin-top: 1.5em;
}

.page-anchors a {
	color: #3591D2;
  display: block;
  margin-bottom: 0;
  padding: 0.4em 2em 0.4em 1em;
}

.page-anchors a > img {
	width: 16px;
	display: inline-block;
	margin-left: 1em;
	vertical-align: middle;
	border: none !important;
	float: right;
}

#main-story .page-anchors {
	list-style-type: none;
}

#episode-aside .page-anchors {
	float: none;
	margin-left: 40%;
}

.badge {
	font-weight: bold;
}
@media only screen and (max-width: 900px) {
.page-anchors a[href*='/print/']{ display:none;}
}
/* Icons -------------------------------- */
/*
[class*=icon] {
	width: 24px;
	height: 24px;
	display: block;
	overflow: hidden;
	background-image: url('../../images/media/social-sprite.png');
	background-repeat: no-repeat;
	text-indent: -5000px;
}*/

.nav-wide [class*=icon] {
	width: 24px;
}

.icon-twitter {
	background-position: 0 0;
}

.icon-facebook {
	background-position: -24px 0;
}

.icon-rss {
	background-position: -48px 0;
}

.icon-google {
	background-position: -72px 0;
}

.icon-tumblr {
	background-position: -96px 0;
}
.icon-Pod {
	background-position: -116px 0;
}
.icon-youtube
{
	background-position: -151px 0;
	width: 55px;
}

/* Flags -------------------------------- */

[class*=flag] {
	background: #000;
	color: #fff;
	padding: 0.3em 1em 0.3em;
	margin: 0;
	font-size: 12px;
	display: block;
	font-family: DroidKufi-Regular, "arabic typesetting", serif;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1;
	background-repeat: no-repeat;
	background-position: 1em 0.25em;
	float: right;
	top: 1.2em;
}

.flag-special {
	background-color: #398278;
}

.flag-tweet {
	background-color: #00abec;
	text-indent: 1.25em;
	background-image: url('/Views/Shared/shared/images/media/flag-twitter.jpg');
}

.flag-live {
  background-color: #bd0101;
}

.flag-news {
  background-color: #fa9000;
}

.indepth-feature {
	font-weight: 300;
	font-size: 1.6em;
	margin-right: 0.5em;
}

.inbrief li {
  list-style: none outside none;
  margin-bottom: 11px;
  font-size: 0.8em;
}

.inbrief h1{
	font-weight: 700;
	margin-bottom: 1em;
}

[class*=live-update] {
  background: none repeat scroll 0 0 #333333;
  color: #DDDDDD;
  padding-bottom: 20px;
}

.live-update a{
  color: #FFFFFF;
  margin: 0;
}

.live-update a:hover{
  color: #4285E1;
}

#main-story .live-update h2 {
	margin-top: 0;
}

.live-update h2 a, .liveflag, .live-update h3{
  font-size: 1.2em;
  font-weight: 700;
  margin-bottom: 1em;
  color: #ffffff;
}

.liveflag {
  background-color: #FC8E00;
  padding: 10px 20px;
  text-transform: uppercase;
  margin-right: 0.5em;
}

.live-update p{
	margin-bottom: 10px;
}

/* Meta and Time -------------------------------- */

.meta, time {
	display: block;
	color: #474747;
	font-size: 12px;
	font-size: 2rem;
	font-family: 'Midan',Bahij Midan,Midan, "arabic typesetting", serif;
}
.numbers-para
{
	word-spacing: 2.7px;
	padding-right: 9px;
	text-indent: 7px;
}

.meta a {
	font-weight: 600;
}

.meta img {
  width: auto;
  margin: 0;
  vertical-align: text-top;
}

.meta + p {
	margin-bottom: 1em;
}

.meta.meta-indepth {
	margin-bottom: 20px;
	font-size: 1.1em;
}

time {
	display: inline;
}

li .meta {
	display: inline;
}

/* Video -------------------------------- */

.play {
	position: relative;
	padding: 0;
	cursor: pointer;
	display: block;
	overflow: hidden;
}

.play:after {
  background-color: rgba(0, 0, 0, 0.4);
  background-image: url("../../images/media/play.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 30% auto;
  bottom: 1em;
  content: "";
  height: 0;
  left: 0;
  opacity: 0.85;
  padding-top: 15%;
  position: absolute;
  width: 15%;
  z-index: 1;
}

/* Poll -------------------------------- */

.question {
	font-size: 18px;
	font-size: 1.5rem;
	/*margin-bottom: 0.5em;*/
	color: #EE0E0E;
	float: right;
padding-top: 27px;
width:100%;
}


/* Pre-Footer -------------------------------- */

#pre-site-footer {
	margin-bottom: 0;
}

/* Footer -------------------------------- */

#site-footer {
	background-color: #4d5154;
	/*padding-bottom: 2em;
	padding-top: 2em;*/
}

@media only screen and (max-width: 767px) {
	#site-footer {
	    padding-left: 1em;
	    padding-right: 1em;
	    margin-top: 0;

	}
	#site-footer
	{
	   float: right;
    width: 100%;
 }
}

#site-footer li {
	font-size: 14px;
	font-size: 2rem;
}

#footer-logo {
	margin-top: 0.5em;
}

@media only screen and (max-width: 767px) {
	#footer-logo {
		margin-top: -2em;
  	max-width: 200px;
  	width: 100%;
	}
}

#footer-logo-ie {
	display: none;
}

#footer-nav {
	border-bottom: 1px solid #666;
	margin-bottom: 1em;
	padding-bottom: 0;
}

#footer-nav-main li a {
	color: #fff;
	position: relative;
	text-transform: uppercase;
	padding: 0;
	font-size: 14px;
	font-size: 1.4rem;
	font-family: Al-Jazeera-Arabic-Bold, "arabic typesetting", serif;
}

#footer-nav-social {
	float: left;
}
@media only screen and (max-width:1023px) and (min-width:767px)
{
    #footer-nav-main {width: 39.69791669%;margin-left:45.201389%}
}
@media only screen and (max-width: 767px) {
	#footer-nav-main, #footer-nav-social {
    float: none;
    clear: right;
	}

	#footer-nav-social {
		margin-top: 3em;
	}
}

#footer-nav-social img {
	/*width: 24px;*/
}

#site-footer .nav-social li {
	display: block;
	float: right;
	margin-right: 1.5em;
	font-size: 16px;
    margin-top: 1.2em;
}

@media only screen and (max-width: 767px)
{
    #site-footer .nav-social li{margin-right:1em}
	#site-footer .nav-social li:first-of-type {
		margin-right:0;
	}

}

#site-footer a {
	color: #ccc;
	font-weight: 400;
}

#site-footer [class*=heading] {
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
}

#site-footer [class*=heading] a {
	color: #fff;
}

.copyright {
	color: #999;
	font-size: 12px;
	font-size: 2rem;
}

#nav-footer {
  border-top: 1px solid #595959;
  margin: 0;
  padding-bottom: 0.5em;
  padding-top: 1em;
}

#nav-footer li {
  float: right;
  margin-left: 2.5em;
}

/* Filtering -------------------------------- */

#main-filter {
	background: #F9F9F9;
	color: #999;
	text-align: right;
	margin-top: 1em;
	margin-bottom: 1em;
	border: 1px solid #eee;
	position: relative;
	left: auto;
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	overflow: hidden;
}

#main-filter input {
	width: 100%;
}

@media only screen and (max-width: 767px) {
	#main-filter input {
		margin-bottom: 1em;
	}
	.copyright {font-size:15px !important; line-height:20px;}
}

#main-filter .button {
	display: inline-block;
	vertical-align: middle;
}

.filternav
{
    z-index:100;
	display: block;
	margin-bottom: 1em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #DDDDDD;
	position: relative;
	font-size: 16px;
	font-size: 1.6rem;

	overflow:visible;
	box-sizing: border-box;
-moz-box-sizing: border-box;
right: 0px;
}

.filternav > li:first-child {
	margin-left: -0.5em;
	margin-right: 0;
}

.filternav > li {
	display: inline-block;
	position: relative;
	margin-right: 0.5em;
	color: #aaa;
}

@media only screen and (max-width: 1024px) {
	.filternav > li {
		font-size: 0.9em;
	}
}

@media only screen and (max-width: 767px) {
	.filternav > li {
		font-size: 0.7em;
	}
}

.filternav img {
	width: auto;
	border: none;
	margin-right: 0.3em;
}

.filternav .drop {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 10;
	position: relative;
	padding: 0.3em 0.7em;
	border: 1px solid transparent;
	margin: 0;
	display: block;
	position:relative;
}

.filternav .drop:before {
	border-top-color: #3591D2;
	border-width: 0.3em;
	position:absolute;
	top: 13px;
right: 2px;
}

.filternav .save {
	float: left;
	font-size: 12px;
	font-size: 1.2rem;
	padding-bottom: 0.5em;
  padding-top: 0.5em;
}

@media only screen and (min-width: 768px) {
	.filternav .save {
		float: none;
	}
}

.drop-menu {
	position: absolute;
	left: 0;
	top: 100%;
	background: #fff;
	border: 1px solid #ddd;
	width: 120px;
	padding: 0;
	font-size: 14px;
	display: none;
	visibility:hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 999999;
}

.drop-menu-year {
	position: absolute;
	left: 0;
	top: 100%;
	background: #fff;
	border: 1px solid #ddd;
	width: 120px;
	padding: 0;
	font-size: 14px;
	display: none;
	visibility:hidden;
	-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;
}

.filternav > li:hover .drop-menu {
	height: auto;
	display: block;
	visibility:visible;
	left: auto;
	right: 0;
	padding:5px;
}

.filternav > li:hover .drop-menu-year {
	height: auto;
	display: block;
	visibility:visible;
	left: auto;
	right: 0;
	padding:5px;
}
.popular-filter {margin-left:20px;}
.drop-menu li {
	display: block;
	padding: 0;
}
.drop-menu-year li {
	display: block;
	padding: 0;
}
.filternav:hover + article a{pointer-events: none;}
.drop-menu li div {
	display: block;
	padding: 0.5em 1em;

width: 100%;
position: relative;
z-index: 99999;
box-sizing:border-box;
cursor:pointer;
color:#2575bc;

}

.drop-menu-year li div {
	display: block;
	padding: 0.5em 1em;

width: 100%;
position: relative;
z-index: 99999;
box-sizing:border-box;
cursor:pointer;
color:#2575bc;

}

.save {
	font-size: 14px;
	display: inline;
	margin-right: 1em;
}

#search-nav {
	margin-top: -0.5em;
}

#search-nav li {
	padding: 0;
	display: block;
}

#search-nav a {
	padding: 0.5em 0;
	display: block;
}

.search-nav {
	margin-top: -0.5em;
}

.search-nav li {
	padding: 0 0.5em;
	display: block;
	margin-bottom: 0;
}

.search-nav a {
	padding: 0.5em 0;
	display: block;
}

.search-nav li.active a{
	color: #999999;
}
.portalNewsTicker + .date-for-website {margin-top:33px;}
.date-for-website {text-align: right;font-size:12px; float:right; padding-right:15px; padding-top:0px; box-sizing:border-box;-moz-box-sizing:border-box; font-family:Al-Jazeera-Arabic-Light, "arabic typesetting", serif; font-weight:normal;margin-top: 5px;}
.date-for-website span {display: inline-block; /*width:38%;*/ padding-top:3px;}
/* Tabs -------------------------------- */

.tab-nav {
	width: 100%;
	border-bottom: 1px solid #ddd;
	margin: 1em 0;
	float: right;
}

.tab-nav li {
	float: right;
	margin-bottom: -1px;
}

.tab-nav a {
	display: inline-block;
	padding: 7px 10px;
	color: #999;
}

.tab-nav .on {
	border: 1px solid #ddd;
	border-bottom: none;
	background-color: #fff;
	z-index: 1;
	color: #333;
}

/* Quotes -------------------------------- */

.quote-pull {
	font-size: 22px;
	font-size: 2.2rem;
	margin-top: 1em;
	margin-bottom: 1em;
	color: #999;
}
.quote-pull p
{
 background : #E6E7E7;

}

/* Global Header -------------------------------- */

#global-header {
	background: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	padding-top: 1em;
	z-index: 200;
	position: relative;
}

#nav-global {
	border-bottom: 1px solid #d5d5d5;
}

#global-header a {
	color: #606060;
	padding-bottom: 0.5em;
}

#global-header a:after {
	border-top-color: #fff;
}

#global-header a:hover {
	color: #000;
}

#nav-global h3 {
	margin-right: 4em;
	font-weight: 400;
	color: #8a8a8a;
}

@media only screen and (min-width: 1024px) {

	#nav-global h3 {
		margin-right: 4em;
	}

}

#nav-global .more {
	float: right;
	position: relative;
	padding: 0;
	margin: 0;
}

#global-header a.drop {
	display: block;
	width: 100%;
	position: relative;
}

#global-header .drop:after {
	border-top-color: #606060;
}

#global-header .drop-mega {
	background: #fff;
	width: 150px;
	position: absolute;
	right: -100%;
	border: 1px solid #d5d5d5;
}

/* Site Header + mobile nav -------------------- */

.mobile-menu-open {
   position: relative;
   overflow: hidden;

}

  #site-content {
 padding-top:24px;
    }

#site-header {
  background-color: #FFFFFF;
  width:100%;
  z-index: 1000;
}

#site-header > .wrapper {
  /*margin-bottom: 0.2em;*/
  padding-top: 1em;
  position: relative;
}



#site-header .nav-group {
	clear: both;
	margin-top: -193px;
  overflow: visible;
  position: relative;
  width:82.645052%;
}

@media only screen and (max-width: 1023px) {
	#site-header .nav-group {
	    margin-top: -7.25em;
	}
}
@media only screen and (max-width: 1040px) and (min-width: 880px) {#site-header > .wrapper{ margin-bottom:0px}}
@media only screen and (max-width: 767px) {
	#site-logo {
	    float: right;
	}
}
#site-logo {margin-left:0%; margin-top: -1em;}
#site-logo a {
  background-image: url("../../images/media/aj-logo.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
  display: block;
  height: 130px;
  overflow: hidden;
  text-indent: -5000px;
  width: 313px;
}
@media only screen and (min-width: 767px)
{

    #site-logo a {position:relative;}
}
@media only screen and (max-width: 1023px) {
	#site-logo a {
    height: 100px;
    width: 100px;
	}
}

@media only screen and (max-width: 767px) {
	#site-logo {
    margin-top:-5px;
	}
	#site-logo a {
    background-image: url("../../images/media/aj-logo1.png");
    height: 36px;
    width: 92px;
	}
}

.edition-link {
  background-color: #FA9000;
  color: #FFFFFF;
  display: block;
  font-size: 11px;
  padding: 0.2em 0.5em;
  position: absolute;
  right: 0;
  top: 0;
}

.edition-link:hover {
    background-color: #DA7010;
    color: #FFFFFF;
}

#nav-account-live {
	font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 0;
 width:332px;
 margin-left:0px;
}


#nav-account-live ul{margin-top:0px;margin-right: -19px;}
#nav-account-live li {
   background-color: #978000 !important;
padding: 0.1em 0.5em !important;
margin: 0px 0px;
color: #ffffff !important;
border-radius: 5px;

}
#nav-account-live li:first-child {display:inline-block;}
#nav-account-live li + li {
  float: left;
}


#nav-account-live .button-watchlive {
	font-size: 12px;
  float:right;
  line-height: 24px;
  padding: 5px 8px;
    color:#fff !important;
}

#nav-account-search {
  position: relative;
  top:5.4em;
  float:left;
width: 420px;
z-index:999;
}
@media only screen and (max-width: 1045px) and (min-width: 1023px) {#nav-account-search{ top:6em;}}
@media only screen and (max-width: 1023px) and (min-width: 880px) {#nav-account-search{ top:4.1em;}}
@media only screen and (min-width:767px) and (max-width: 879px) {#nav-account-search{ top:6.6em;}}

#nav-site {
  position: relative;
  width: 100%;
}
 @media only screen and (max-width:767px)
 {
     #nav-account-search {width:156px; top:0em; }
     #nav-account-live {width:202px;}
     #nav-account-live ul {margin-top: -32px;}
     .login-start {padding-top:5px !important; padding-bottom:4px !important;}
     }
#nav-site > ul > li {
  font-family: Al-Jazeera-Arabic-Bold,"arabic typesetting",serif;
  font-size: 20px;
  font-size: 2rem;
  margin-right: 0;
}

#nav-site .last {
  margin-left: 0;
}

#nav-site > ul > li > a {
  border-bottom: 0.3em solid #FFFFFF;
  color: #333333;
  padding: 0.5em 0.9em 0.2em;
  position: relative;
  text-transform: uppercase;
  font-size:18px;
}

#nav-site .active {
  border-bottom: 0.3em solid #9e8c26;
}

#nav-site li:hover a.drop {
  background: none repeat scroll 0 0 #3F3F3F;
  border-color: #333333;
  color: #FFFFFF;
  text-decoration: none;
  z-index: 2;
}

#nav-site li:hover a:after {
  border-top-color: #FFFFFF;
}

#nav-site .drop-mega {
  background: none repeat scroll 0 0 #5F5F5F;
  color: #CCCCCC;
  font-size: 16px;
  font-size: 1.6rem;
  z-index: 9999999999;
}

#nav-form-search {
  display: block;
  width: 146px;
 float: left;
}


@media only screen and (min-width:767px)
{
	#mobile-menu {display:none;}
}
#nav-site .drop-mega figcaption {
  color: #CCCCCC;
}

#nav-site .drop-mega .blurb h1 a {
  font-size: 0.8em;
}

#nav-site .drop-mega nav {
}

#nav-site .drop-mega .nav-sidebar {
  background-color: #404040;
  border: medium none;
}

#nav-site .drop-mega .nav-divider {
  border-right: 5px solid #E5C069;
}

#nav-site .drop-mega .singlecol {
  width: 15%;
}

#nav-site .drop-mega .noheading {
  padding-top: 47px;
}

#nav-site .drop-mega .page-sidebar p {
  color: #FFFFFF;
  font-size: 0.8em;
}

#nav-site .drop-mega a {
  color: #FFFFFF;
  font-size: 14px;
  font-size: 1.4rem;
}

#nav-site .drop-mega img {
  /*border: 1px solid #FFFFFF;*/
  clear: both;
}

#nav-topics {
  border-top: 1px solid #DDDDDD;
  color: #999999;
  font-size: 14px;
  font-size: 1.4rem;
  padding-top: 0.3em;
  position: relative;
}

#nav-mobile-menu, #nav-mobile-search {
  display: none;
}

#nav-site .mobile-drop {
  display: none;
}

#nav-mobile-account {
  display: none;
}

#nav-mobile {
  display: none;
}
@media only screen and (min-width:767px)
{
    #nav-site
	{
	    margin-top:0.5em;
	    }
}

@media only screen and (min-width:767px) and (max-width:1023px)
{
    #nav-site
	{
	    margin-top:1em;
	    }
	    #nav-site:after, #nav-site:before { margin-top: -22px;}

 }


@media only screen and (max-width: 767px) {
	#site-content {
	  left: auto;
	  margin-right: 0;

	  max-width: 100%;
	  right: 0;
	  width: 100%;
	  background-color:#fff;

	}

	#site-header {
	  height: 60px;
	  width: 95%;
	}

	#site-header .wrapper {
	  padding: 1em 0 0;
	}

	#nav-account-live {
	  display: block;
	  float: left;
	  margin: 0 1em;

	}

	#nav-account-live li {
	  float: right !important;
	  margin: 0;

	}

#nav-account-live .button-watchlive {
                  background: none repeat scroll 0 0 transparent;
                  color: #DD0202;
                  font-weight: 700;
                  height: 30px;
                  height: 3rem;
                  margin-top: 0;
                  width:90px;
                  float:right;
                }


	#nav-account-live .button-watchlive:hover {
	  color: #000000 !important;
	}

	#nav-account-live li img {
	  display: none;
	}

	#nav-mobile-menu {
	  background-color: #9e8c26;
	  background-image: url("../../images/media/mobile-menu.png");
	  background-position: center center;
	  background-repeat: no-repeat;
	  color: #FFFFFF;
	  display: block;
	  float: left;
	  font-weight: 700;
	  height: 30px;
	  margin: 0;
	  overflow: hidden;
	  position: relative;
	  text-indent: -5000px;
	  -moz-transition: background-color 0.2s ease-out;
	  -webkit-transition: background-color 0.2s ease-out;
	  transition: background-color 0.2s ease-out;
	  width: 30px;
	}

	#nav-mobile-menu:hover {
	  background-color: #2D2F31;
	}

	#site-header, #site-header .wrapper {
	  position: static;
	}

	#site-header .nav-group {
	  -moz-box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	  background-color: #222222;
	  border-top: 5px solid #000000;
	  display: block;
	  height: 100%;
	  height: -webkit-calc(100% - 135px);
	  height: calc(100% - 135px);
	  margin: 0 0 0 -290px;
	  max-width: 290px;
	  overflow: hidden;
	  padding: 0;
	  position: fixed;
	  left: 0;
	  top: 120px;
	  width: 100%;
	  z-index: 9999999999;
	}

	#site-header .mobile-wrap {
	  bottom: 0;
	  left: 0;
	  overflow: auto;
	  position: absolute;
	  right: 0;
	  top: 0;
	}

	#nav-site, #nav-topics {
	  display: block;
	  left: 0;
	  margin: 0;

	}

	#site-header .nav-group ul {
	  border-top: 1px solid #000000;
	}

	#site-header .nav-group li {
	  display: block;
	  float: none;
	  margin: 0;
	  padding: 0;
	  width: 100%;
	}

	#site-header .nav-group li:hover a {
	  background-color: inherit !important;
	}

	#site-header .nav-group a {
	  display: block;
	  color: #fff;
	  float: none;
	  border: none;
	  padding: 1em;
	  border-bottom: 1px solid #000 !important;
	  border-top: 1px solid #444 !important;
	  background-color: #2d2f31;
	  padding: 1em;
	  width:100%;

	}

	#site-header .nav-group a {
		padding: 0.7em;
	}

	#site-header .nav-group .active {
	  box-shadow: 5px 0 0 #FA9000 inset;
	}

	#site-header .nav-group a:hover {
	  background-color: inherit !important;
	  color: #FFFFFF !important;
	}

	#site-header .nav-group a:active {
	  background-color: #FFFFFF !important;
	  color: #333333 !important;
	}

	#nav-topics {
	  border: medium none;
	  padding: 0 0 2em;
	}

	#nav-topics li:first-child {
	  padding: 0.5em 0;
	  text-indent: 1em;
	}

	#nav-form-search {
	  background-color: #2D2F31;
	  display: block;
	  margin: 0;
	  padding: 1em;
	  position: relative;
	  top: 0;
	  width: auto;
	}

	#nav-mobile-search button {
	  right: 1em;
	}

	.mobile-menu-open {
		position: relative;

	}

	.mobile-menu-open #nav-mobile-menu {
		background-color: #2d2f31;
	}

	.mobile-menu-open #site-content {
		display: block;
		position: fixed;
		overflow: hidden;

		left: 0;
	}

	.mobile-menu-open #site-header .nav-group {
		margin-left: 0;
		-moz-transition: margin 0.1s ease-out;
		-webkit-transition: margin 0.1s ease-out;
		transition: margin 0.1s ease-out;
		-webkit-box-shadow: -2px 4px 5px rgba(0,0,0,0.7);
		box-shadow: -2px 4px 5px rgba(0,0,0,0.7);
		border-left: 1px solid #000;

	}

	.drop:after, #site-header .nav-sidebar {
	  display: none !important;
	}

	#site-header .nav-group li {
	  position: relative;
	}

	#site-header .nav-group .mobile-drop {
	  background-color: #111111 !important;
	  background-image: url("/Views/Shared/shared/images/media/mobile-menu-flyout.png");
	  background-position: center center;
	  background-repeat: no-repeat;
	  border-right: 1px solid #444444;
	  color: #FFFFFF;
	  display: block;
	  height: 60px;
	  padding: 0;
	  position: absolute;
	  left: 0;
	  text-indent: -5000px;
	  top: 0;
	  width: 60px;
	  z-index: 10;
	}

	#site-header .nav-group li:hover .mobile-drop {
	  background-color: #111111 !important;
	}

	#site-header .drop-mega, #site-header .drop-mega nav, #site-header .drop-mega ul, #site-header .drop-mega li, #site-header .drop-mega a {
	  -moz-column-count: 1;
	  -webkit-column-count: 1;
	  column-count: 1;
	  -moz-box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	  border: medium none !important;
	  clear: both;
	  display: block;
	  float: none;
	  padding: 0;
	  position: relative;
	  width: 100%;
	}

	#site-header .drop-mega {
	  background-color: #5F5F5F;
	  height: 0;
	  opacity: 0;
	  overflow: hidden;
	  -moz-transition: opacity 0.3s ease-out;
	  -webkit-transition: opacity 0.3s ease-out;
	  transition: opacity 0.3s ease-out;
	}

	#site-header .drop-mega .heading-section {
	  background-color: #444444;
	  border-bottom: 1px solid #333333;
	  border-top: 1px solid #333333;
	  padding: 0.5em;
	}

	#site-header .drop-mega nav:first-child .heading-section {
	  border-top: medium none;
	}

	#site-header .drop-mega a {
	  background-color: transparent;
	  padding: 0.5em 1em;
	}

	#site-header .mobile-drop-open .drop-mega {
	  height: auto;
	  opacity: 1;
	  padding-bottom: 1em;
	}

	#site-header .nav-group .mobile-drop-open > a, #site-header .nav-group .mobile-drop-open:hover > a {
	  background-color: #444444 !important;
	  border-left: medium none;
	}

	#site-header #nav-mobile-account {
	  border: medium none;
	  display: block;
	}

	#site-header #nav-mobile-account a {
	  background-color: transparent;
	  border: medium none !important;
	  text-transform: none;
	}

	#site-header #nav-mobile-account img {
	  vertical-align: middle;
	}

}
@media screen and (min-width:0\0)
{
    #site-header .nav-group { height:calc(100% - 200px); }
    }
/* Databar -------------------- */

#bar-data
{
    height: 90px;
	color: #fff;
	/*padding: 10px 0 0 0;*/
	margin-bottom: 2em;
	width: 100%;
	clear:both;
}

#indepth-header + #bar-data{
	margin-top: 0;
}

@media only screen and (max-width: 767px) {
	#bar-data {
		margin-bottom: 0;
		margin-top: 0;
		padding: 0;
	}
	#mobile-menu form {display:none}
	#mobile-menu.mm-opened form {padding:15px; background-color:#333333; display:block}
	#txtSearchMobile{height:35px;font-family:DroidKufi-Regular,"arabic typesetting",serif }
	.mm-opened .button-search.button-search-mobile {top:15px; position:absolute; left:15px; height:35px; z-index:0; }
}

.datawidget {
	padding: 1em 2em;
	/*margin-right: 1em;*/
	width: 48%;
	color: #fff;
	float: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

@media only screen and (max-width: 1024px) {

	#bar-data {
		width: 100%;
		max-width: none;
		font-size: 12px;
	}

	#bar-data h3 {
		font-size: 14px;
		margin-bottom: 0.2em;
	}

	.datawidget {
		padding: 1em;
	}

}

@media only screen and (max-width: 767px) {



	.datawidget {
    width: 50%;
	}


}

.data-edit {
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.2);
	text-transform: uppercase;
	font-size: 8px;
	padding: 0.2em 0.5em;
}

.page-sidebar .datawidget {
	width: 100%;
	float: none;
	margin-top: 2em;
}

.page-sidebar .datawidget:first-child {
	margin-top: 0;
}

.page-sidebar .datawidget + * {
	margin-top: 2em;
}

.page-sidebar .datawidget + .datawidget {
	margin-top: 1em;
}

.single {
	width: 87.5%;
}

.datawidget h3 {
	color: #fff;
}

.datawidget a {
	color: #fff;
	opacity: 0.7;
}

.datawidget a:hover {
	text-decoration: none;
	opacity: 1;
}

.datawidget h3 a {
	color: rgba(255, 255, 255, 0.75);
}

.datawidget p {
	position: relative;
}

.olympics {
	background: #990080;
}

.news, .markets1 {
	background: #fff;
	min-height: 100px;
}
    .news, .markets1 img {
        height:100px;
    }
.markets p{word-break:break-all; width:100%; overflow:hidden; }

.weather {
	background: #686966;
}

.tv1 {
	background: #1a2732;
	background-image: url("../../images/media/sin.png");
	background-repeat:no-repeat;
	background-position:0 0;
    min-height: 100px;
}



.mod-em-for-q-death
{
     margin-top: -2em !important;
}


/* Site Header Links alternative -------------------------------- */

#site-header-links-alt article {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid #FFFFFF;
  float: left;
  height: 6em;
  margin-bottom: 2em;
  overflow: hidden;
  position: relative;
  width: 33%;
}

#site-header-links-alt a, #site-header-links-alt img {
  bottom: 0;
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  width: 100%;
}

#site-header-links-alt img {
  max-width: none;
  width: auto;
  z-index: 0;
}

#site-header-links-alt div {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  bottom: 0;
  height: auto;
  padding: 1em;
  position: absolute;
  width: 100%;
  z-index: 1;
}

#site-header-links-alt h1 {
	font-size: 16px;
  font-size: 1.6rem;
}

#site-header-links-alt h1, #site-header-links-alt p {
  color: #FFFFFF;
  text-shadow: 0 0 5px #000000, 0 0 5px #000000, 0 0 15px #000000;
}

/* Site Header Links -------------------------------- */

#site-header-links {
	display: block;
	width: 100%;
	clear: both;
	height: 2.85em;
	padding: 1em 0;
	background-color: #2575BC;
	background-image: -moz-linear-gradient(top right -100deg, RGB(0,49,125) 40%, RGB(0,7,46) 100%);
	background-image: -webkit-linear-gradient(-100deg, RGB(0,49,125) 40%, RGB(0,7,46) 100%);
	background-image: linear-gradient(top right -100deg,  RGB(0,49,125)  40%,RGB(0,7,46) 100%);
	overflow:hidden;
}

#site-header-links article {
	border-right: 1px solid #4F84B3;
	height: 2.85em;
	position: relative;
	padding-right: 2em;
}

#site-header-links article:first-child{
	border-right: none;
}
.site-header-titles { width:60% !important;float:left;}
#site-header-links .quote h1 {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.4;
}

#site-header-links .quote img {
	float: left;
	width: auto;
	margin-right: 2em;
	margin-bottom: 10em;
}

#site-header-links article p {
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 1em;
}

#site-header-links article a {
	color: #fff;
	font-size:14px;
}

#site-header-links .first {
	border-left: none;
}

#site-header-links h1, #site-header-links p {
	color: #fff;
}

#site-header-links h1 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.2;
}

@media only screen and (max-width: 1024px) {
	#site-header-links h1 {
		font-size: 15px;
		font-size: 1.5rem;
	}
}

#site-header-links p {
    font-size: 12px;
    font-size: 1.2rem;
}

#site-header-links .heading-section {
	color: #BDC8D3;
  padding-bottom: 0.2em;
  padding-top: 0;
	font-size: 12px;
	font-size: 1.2rem;
}

#site-header-links .breakout, #site-header-links .contained-image {
	position: absolute;
	bottom: -1em;
	right: 3%;
	width: auto;
	max-width: none;
}

#site-header-links .contained-image {
	max-width: 33%;
}

#site-header-links .contained-image.left{
	left: 0;
	right: auto;
}

/* Layout elements -------------------------------- */

.related {
  border-top: 1px solid #DDDDDD;
  margin-bottom: 2em;
  margin-top: 1em;
  padding-top: 1em;
}
.bodyPaddingBottom
{
    margin-bottom:0em !important;
}


[class*=page-section] {
	margin-bottom: 0.2em;
	clear: both;
}
#show-latest [class*=page-section] {margin-bottom: 3px;}
#show-latest .show-times .heading-section:first-child {padding-top:4px !important; padding-bottom:4px !important;}
#show-latest .show-latest {z-index:99;}
@media only screen and (max-width: 767px) {
	[class*=page-section] {
		margin-bottom: 0em;
	}

	.show-times [class*=page-section] {
		margin-bottom: 2em;
	}
}
@media only screen and (max-width: 1023px) and (min-width: 767px)
{
    #related #more-stories-list {position: absolute;top: 1.9em;left: 0px;}
    #show-latest .show-times {width:32%;}
    #show-latest .show-times .leftBS {width:100%;}
}
.page-section-minor [class*=blurb] {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.page-section-minor .heading-section, .page-section-minor {
	font-size: 12px;
	font-size: 1.2rem;
	border-top: 1px solid #e3e3e3;
}

#main-content {
	padding-bottom: 0em;
}

@media only screen and (max-width: 767px) {
	#main-content {
		padding-bottom: 0;
	}
}

.page-section-minor h1, #main-content-sidebar [class*=blurb] h1 {
	font-size: 14px;
	font-size: 1.4rem;
}

.page-section-full {
	display: block;
	clear: both;
	border-top: 0.25em solid #666;
	padding-bottom: 2em;
	overflow: hidden;
}
.page-section-full-banner
{
    	border-top: 0.25em solid #666;
    	margin-bottom:0em ;
}

.page-section-full:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
}

.page-section-full.dark {
	border-top: none;
}

@media only screen and (max-width: 767px) {
	.page-section-full.dark {
		right: -1em;
    padding-left: 1em;
    padding-right: 1em;
    position: relative;
    width: 100%;
	}
}

.page-sidebar {
	padding-bottom: 2em;
	/*border-right: 1px solid #dddddd;*/
}

@media only screen and (max-width: 1023px) {

	.page-sidebar {
		border-right: none ;

	}
	div.page-sidebar .tb2{clear:none;}
	div.page-sidebar .tb3{clear:both;}
}

.page-sidebar .blurb-wide h1 {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.3;
}

.page-sidebar .blurb-wide p {
	font-size: 12px;
	font-size: 1.2rem;
	margin: 0;
}

.page-sidebar > [class*=box] {
	border-bottom: none;
	border-right: none;
}

#main-content-sidebar #poll, #main-content-sidebar #most-popular,  #main-content-sidebar #photos-tabs, #left-votes, #main-content-sidebar #chosed-comments{
  /*left: -5.945%;
  padding-left: 6.2%;
  padding-right: 6.2%;*/
}
#main-content-sidebar #chosed-comments{margin-bottom: 0px;
padding-bottom: 0px;}
 #main-content-sidebar #left-vote {padding-top:22px;}
@media only screen and (min-width: 768px) and (max-width: 1023px)
{
    #main-content-sidebar #poll, #main-content-sidebar #most-popular,  #main-content-sidebar #photos-tabs, #left-votes, #main-content-sidebar #chosed-comments{
  position: relative;
  left: -5.1%;
width: 110%;
}

 }
@media only screen and (max-width: 767px) {

	#main-content-sidebar #poll, #main-content-sidebar #most-popular {
	  left: 0;
	  padding-right: 3%;
	  margin-bottom: 1em;
	}

}

/* Main -------------------------------- */

#main {
	padding-top: 0em;
}

@media only screen and (max-width: 767px) {

	#main {
		padding-top: 0;
	}


	#main-content-sidebar {
	position: relative;
	border-bottom: none;
	padding-top: 0;
	display:inline-block;
	padding-right: 10px;
padding-left: 10px;
}

}



#main-content-sidebar.d4 .box-section {
	left: -6.945%;
  padding-left: 6.945%;
  padding-right: 6.3%;
}

/* Latest -------------------------------- */

.latest ul {
	padding-top: 1em;
}

.latest li {
	padding: 0;
	position: relative;
	margin-bottom: 2em;
}

.latest h3, .latest time {
	font-size: 12px;
	font-size: 1.2rem;
	color: #a6a6a6;
}

.latest img {
	border: none;
	border-bottom: 1px solid #000;
}

.latest time {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	font-weight: 400;
}

.latest h1 {
	font-size: 14px;
	font-size: 1.4rem;
	padding-top: 0.5em;
	padding-bottom: 0;
	color: #f6f6f6;
	margin-bottom: 0;
	font-family: DroidKufi-Regular, "arabic typesetting", serif;
	clear: both;
}

.latest [class*=flag] {
	padding-left: 7.25%;
	font-weight: 400;
	color: #fff;
	position: relative;
	left: -7.25%;
	-webkit-box-shadow: 0 1px 2px #111;
	box-shadow: 0 1px 2px #111;
	top: 0;
}

.latest .flag-tweet {
	background-position: 17.25% 0.25em;
}

.latest .bleed {
	position: relative;
	left: -7.25%;
	width: 114.5%;
	max-width: none;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	background-color: #1f2224;
	margin-bottom: 1.5em;
}

.latest .bleed article {
	padding-bottom: 1em;
}

.latest .bleed h1 {
	padding: 0.7em 7.25%;
}

.latest .bleed [class*=flag] {
	position: absolute;
	top: 0;
	left: 0;
}

.latest .breaking {
	background-color: #bd0101;
}

.latest .breaking h1 {
	font-size: 16px;
	font-size: 1.6rem;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 0;
	padding: 0.7em 7.25% 0;
}

.latest .breaking p {
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	padding: 0 7.25%;
}
/*---- Latest News Side on Homepage */
#tab-area-2.latestNews, #tab-area-1.latestNews { overflow-y:scroll; margin:5px 0px; max-height:350px;}
.latestNews article { margin-left:2%;}
.latestNews .list {margin-right: 18px;}
#stats>div {padding-left:1.241758%;}
@media screen and (max-width:767px)
{
    #tab-area-2.latestNews, #tab-area-1.latestNews { overflow-y: hidden; margin:0px; max-height:inherit;}
 }
/* Dark Areas -------------------------------- */

[class*=dark] {
	background-color: #1a2732;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	overflow: hidden;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}

[class*=dark] + [class*=dark] {
	border-top: 1px solid #3c3c3c;
	padding-top: 1.5em;
}

[class*=dark].box {
	border-color: #000;
}

.mid-dark {
	background-color: #5f5f5f;
}

[class*=dark] .heading-story, [class*=dark] .heading-story > a {
	color: #fff !important;
}

[class*=dark] .heading-section, [class*=dark] .heading-section > a{
	color: #8B8B8B;
}

[class*=dark] .heading-section:first-child {
	padding-top: 0;
	color: #fff;
}

[class*=dark] a, [class*=dark] h1 a {
	color: #fff;
}

[class*=dark] a:hover, [class*=dark] h1 a:hover {
	color: #999;
}

[class*=dark] p, [class*=dark] li, [class*=dark] table {
	color: #bbb;
}

[class*=dark] time {
	color: #8b8b8b;
}

[class*=dark] h4, [class*=dark] h4 a {
	color: #fff;
}

[class*=dark] .flag-live {
	background-color: #DD0202;
}
@media only screen and (min-width:767px)
{
    section.dark .portal-photo
        {
            float: right;
            margin-right: 2.5996875%;
            position: static;
            margin-left: 0px;
        }
    section.dark  .portal-photo-first
    {margin-right:0px}
}
/* Full Feature -------------------------------- */

.full-feature {
  background-position: center center;
  background-size: cover;
  height: auto;
  padding-bottom: 5%;
  padding-top: 5%;
  position: relative;
}

@media only screen and (max-width: 767px) {
	.full-feature {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0;
    min-height: 200px;
    padding: 2em;
	}
}

.full-feature header {
  margin-bottom: 3em;
}

.full-feature .heading-feature {
  background-color: rgba(0, 0, 0, 0.4);
  border-right: 0.15em solid #E5C069;
  color: #FFFFFF;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.2;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

#top-full-feature .heading-feature {
  border-right: none;
}




/*-------------------------------------*/

.padding-top-class
{
    padding-top: 0%;
    margin-top: 10px;
}}


/*-------------------------------------*/





@media only screen and (max-width: 1023px) {
	.full-feature .heading-feature {
		font-size: 30px;
    font-size: 3rem;
	}
}

@media only screen and (max-width: 767px) {
	.full-feature .heading-feature {
		font-size: 18px;
    font-size: 1.8rem;
    padding-left: 1em;
    padding-right: 1em;
	}
}

#top-full-feature .heading-feature {
  border-left: medium none;
  padding-left: 0.4em;
}

.full-feature .heading-feature > a {
  color: #FFFFFF;
}
.full-feature-text {
  clear: left;
}

.full-feature-text p {
  background-color: #FFFFFF;
  color: #333333!important;
  font-size: 22px;
  font-size: 2.2rem;
  padding-bottom: 5em;
  padding-top: 1em;
}

@media only screen and (max-width: 1023px) {
	.full-feature-text p {
		font-size: 18px;
    font-size: 1.8rem;
    padding-bottom: 5em;
	}
}

#top-full-feature .full-feature-text {
  margin-top: -8em;
}

#top-full-feature .full-feature-text p {
	font-size: 18px;
  font-size: 1.8rem;
}

.full-feature-text .list, .full-feature-text .dark {
  background-color: #131313;
  color: #FFFFFF;
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: -5em;
  padding-bottom: 1.5em;
  padding-top: 1.5em;
  position: relative;
  z-index: 10;
}

@media only screen and (min-width: 768px) {
	.full-feature-text .list{
		padding-right: 2em;
	}
}

@media only screen and (max-width: 1023px) {
	.full-feature-text .list, .full-feature-text .dark {
		font-size: 14px;
	  font-size: 1.4rem;
	}
}

#top-full-feature .full-feature-text .dark {
	font-size: 14px;
  font-size: 1.4rem;
}

.full-feature-text .dark {
  padding-bottom: 0.5em;
  padding-top: 1em;
}

.full-feature-text .list li {
  position: relative;
}

.full-feature-text .list li:before {
  background-color: #E5C069;
  content: "";
  height: 0.4em;
  right: -1.2em;
  position: absolute;
  top: 0.5em;
  width: 0.4em;
}

#top-full-feature .full-feature-text .list li:before {
	background-color: #DD0202;
}

.full-feature + #main {
  padding-top: 0;
}

[class*=callout-link] {
	background-color: #E5C069;
	padding: 0.75em 1em;
	float: right;
	clear: both;
	color: #fff;
	font-family: Al-Jazeera-Arabic-Bold, "arabic typesetting", serif;
	text-transform: uppercase;
	font-size: 18px;
	font-size: 1.8rem;
}

.callout-inline {
	display: block;
	float: none;
	margin: 1em 0;
	width: 50%;
}

.callout-link-watchlive {
	background-color: #DD0202;
}

[class*=callout-link]:hover {
	background-color: #333;
	color: #fff;
}

[class*=callout-link] img {
	width: auto;
	margin-right: 1em;
	margin-top: 0.1em;
}

/* Boxes -------------------------------- */

.box {
	/*border: 1px solid #ddd;*/
	background-color: #fff;
}

@media only screen and (max-width: 767px) {
	.box {

	    padding-left: 1em;
	    padding-right: 1em;
	}
}

[class*=box-section] {
	/*border-top: 0.3em solid #978000;
	border-right: 1px solid #DDDDDD;*/
}

.box-section-live {
  border-top: 0.3em solid #DD0202;
}

@media only screen and (max-width: 767px) {

	[class*=box-section] {
		border-right: none;
	}

	.box [class*="box-section"] {
	    right: -1em;
	    padding-left: 1em;
	    padding-right: 1em;
	    position: relative;
	    width: 100%;
	}

}

.box-section-news {
/*	border-top: 0.3em solid #978000;*/
}

.box-section-breaking {
	border-top: 0.3em solid #FF2E1D;
}

.box-section-social {
	border-top: 0.3em solid #009CFF;
}

.box-section-more-news{
	border-top: 0.3em solid #4e9bcc;
	border-right: none;
}

/* Top -------------------------------- */

.top-story {
	/*border-bottom: 1px solid #e3e3e3;*/
	clear: right;
	overflow: visible;
}

.top-story .list {
	padding-top: 0.5em;
}

.top-story .meta {
	display: inline-block;
	margin-top: 0em;
}

.top-story .carousel {
	margin-top: 2em;
}

.top-story img {
	margin: 0;
}

.top-story .share {
	margin-top: 1em;
}

.heading-breaking{
	background-color: #FF2E1D;
  color: #FFFFFF;
  float: right;
  padding: 0.5em 2em;
  width: auto;
  position: relative;
  right: -1.9%;
}

.breaking #top-story {
	margin-bottom: 2em;
}

.breaking #top-list {
	margin-top: 0;
}

.breaking-news li {
	-webkit-transition: opacity 0.3s ease-in;
	-moz-transition: opacity 0.3s ease-in;
	-o-transition: opacity 0.3s ease-in;
	-ms-transition: opacity 0.3s ease-in;
	transition: opacity 0.3s ease-in;
	margin-bottom: 1em;
}

.breaking-news li time {
	color: #333333;
	display: inline;
	font-size: 1.2em;
	font-weight: 700;
}

.adding {
	opacity: 0;
}

#top-list {
	margin-top: -2.5em;
}

#top-list li {
	font-size: 12px;
	font-size: 1.2rem;
}

#top-list .list-feature {
	font-size: 14px;
	font-size: 1.4rem;
}

#top-other {
	clear: right;
}

.top-story h1 {
	font-size: 42px;
  font-size: 4.2rem;
  line-height: 1;
  margin-bottom: 0.1em;
}
 .hidden-read-also{font-size: 22px; }
@media only screen and (max-width: 1023px) {

.top-story h1 {
	font-size: 36;
  font-size: 3.6rem;
  line-height: 1.4;
}

}

/* Feature -------------------------------- */

.feature {
	padding-top: 2em;
	padding-bottom: 2em;
	background-repeat: no-repeat;
	/*background-position: center;*/
	background-size: cover;
	background-color: #222;
}

.feature > .wrapper {
	position: relative;
	overflow: hidden;
	min-height: 400px;
	min-height: 40rem;
}
@media only screen and (min-width:1200px) and (max-width:2000px){.feature > .wrapper {min-height:650px}}
.feature #top-story, .feature #top-list {
	background-color: rgba(0,0,0,0.8);
	padding-top: 1em;
	padding-bottom: 1em;
	border: none;
	margin-top: 0;
}

.feature #top-story {
	position: absolute;
	bottom: 0;
	right: 0;
	margin-right: 0;
	margin-bottom: 0;
	border-right: 5px solid #E5C069;
	margin-top: 4em;
}

.feature #top-related-more {
	margin-top: 1em;
}

.feature .button-watchlive {
	-webkit-box-shadow: 0 0 5px rgb(0,0,0), 0 0 5px rgb(0,0,0);
	box-shadow: 0 0 5px rgb(0,0,0), 0 0 5px rgb(0,0,0);
	background-image: url("/Views/Shared/shared/images/media/play.png");
  background-position: 73px center;
  background-repeat: no-repeat;
  background-size: 10% auto;
  float: right;
  padding-right: 2em;
  position: absolute;
  right: 0;
  top: -4em;
}

.feature #top-related-more {
	margin-top: 1em;
}

/* Video Features -------------------------------- */

#video-features {
	padding-bottom: 0;
}

#video-features li {
	font-size: 12px;
	font-size: 1.2rem;
}

#video-features .heading-list {
	padding-bottom: 0.5em;
}

#video-top-story {
	padding-bottom: 2em;
}

#video-related {
	margin-top: 1em;
}

#video-more {
	background-color: #494844;
	padding-bottom: 1em;
	padding-top: 1em;
	border-top: 1px solid rgba(255,255,255,0.1);
	-webkit-box-shadow: 0 -3px 5px rgba(0,0,0,0.2);
	box-shadow: 0 -3px 5px rgba(0,0,0,0.2);
	float: left;
}

#video-more {
	left: -2%;
	width: 104%;
}

@media only screen and (max-width: 768px) {
	#video-more {
		left: -3%;
		width: 106%;
	}
}


/* In Depth -------------------------------- */

@media only screen and (min-width: 768px) {

	#in-depth .blurb {
		float: right;
		width: 47.5%;
		margin-left: 0;
	}

	#in-depth .carousel .blurb:first-child {
		margin-left: 5%;
	}

}

/* News -------------------------------- */

#top-news-stories .top-story h1{
	font-size: 30px;
	font-size: 3rem;
	padding-top: 0.5em;
}

#top-news-stories .top-story{
	border-bottom: none;
}

#top-news-stories .top-story + .top-story{
	border-top: 1px solid #E3E3E3;
}

#more-stories > [class*=blurb] > aside {
	padding-right: 0;
}

#more-stories > [class*=blurb] > aside > h1 {
	padding-bottom: 0;
}

#more-stories article:nth-child(5n) {
	margin-left: 0;
}
#more-stories {overflow:visible;}
/* News Styles -------------------------------- */

.feed .time {
	margin-top: 0;
}

.feed [class*=blurb] + [class*=blurb] {
	border-top: 1px solid #ddd;
}

.feed .heading-section + .blurb-wide {
	margin-top: 1em;
}

/* Indepth Styles -------------------------------- */

#main-story .standfirst {
  font-weight: 700;
  font-size: 1.2em;
  margin-bottom:15px;
}

.heading-article{
	font-size: 1.4em;
	margin: 0.8em 0 0.5em;
}

#indepth-features {
	border: 1px solid #e6e6e6;
	border-right: 5px solid #E5C069;
	background-color: #fff;
	padding-top: 1em;
	padding-bottom: 1em;
	left: auto;
	right: -1.46484%;
	width: 100%;
}

#indepth-article-header {
  background-color: rgba(250, 250, 250, 0.7);
  border-right: 5px solid #E5C069;
  bottom: 40px;
  padding-bottom: 1.5em;
  padding-top: 1em;
  position: absolute;
}

#indepth-intro {
  margin-bottom: 1em;
  position: relative;
}

#indepth-intro .main-photo {
  margin-right: -1.46484%;
  max-width: 110%;
  width: 103%;
}

@media only screen and (max-width: 767px) {

	#indepth-intro .main-photo {
	    margin-right: -3%;
	    max-width: 106%;
	    width: 106%;
	}

}

#header-indepth {
	margin-bottom: 2em;
}

@media only screen and (min-width: 768px) {

	.indepth-feature-content {
	  background-color: rgba(250, 250, 250, 0.7);
	  border-right: 5px solid #2575BC;
	  bottom: 3em;
	  left: auto;
	  margin-bottom: 0;
	  margin-left: 10%;
	  padding-bottom: 1em;
	  padding-top: 1em;
	  position: absolute;
	  right: 0.535%;
	  z-index: 1;
	}

}

.indepth-feature-content h1 {
	font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 0.5em;
}

.blurb-indepth:first-of-type .indepth-feature-content h1{
	font-size: 30px;
	font-size: 3rem;
	margin-bottom: 0.5em;
}

.blurb-indepth{
	padding-top: 0;
}
.indepth-feature-content {background-color: rgba(250, 250, 250,0.7); color: #363636;}
.indepth-feature-content h1{color:#000;}
.indepth-feature-content time {color: #004593;}

.profile {
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	color: #666666;
	font-size: 12px;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}

.breakout-left {
  float: left !important;
  margin-bottom: 1em;
  margin-left: -24.115% !important;
  margin-right: 4.4598% !important;
}

.breakout-right {
  float: right !important;
  margin-bottom: 1em;
  margin-left: 4.4598% !important;
  margin-right: -26.1149% !important;
}

@media only screen and (max-width: 767px) {

	.breakout-left {
	  float: left !important;
	  margin-bottom: 1em;
	  margin-left: 0 !important;
	  margin-right: 0 !important;
	}

	.breakout-right {
	  float: right !important;
	  margin-bottom: 1em;
	  margin-left: 0 !important;
	  margin-right: 0 !important;
	}

}

.meta-author h2 {
	font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
}

.article-body .meta-author {
	padding-bottom: 1em;
	border-bottom: 1px solid #ddd;
	margin-bottom: 1em;
}

.author-side img {
	width: 60%;
}

.article-body .meta-author img {
	float: right;
	width: 60px;
	margin-left: 1em;
}

.article-body .meta-author h2 {
	margin-top: 0;
}

.article-body .meta-author p {
	color: #999;
}

.list-img > .meta-author {
	margin-bottom: 1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

#quote-aside{
	padding-bottom: 1em;
}

/* Content page -------------------------------- */

.page-header {
  padding-bottom: 1em;
  padding-top: 1em;
}

#header-news {
	padding-bottom: 0;
}

#main-story .meta-author {
	margin-bottom: 2em;
}

#main-story .meta-author h2 {
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 700;
	margin-top: 0;
}

#main-story .author-side p {
	font-size: 14px;
	line-height: 1.5;
}

#main-story .author-side h2 {
	margin: 0.5em 0;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 700;
}

#main-story .article-body .author-side h2 {
    margin: -0.5em 0 0.2em;
    margin-right: 77px;

}

#header-author {
	padding-bottom: 1em;
	margin-bottom: 5em;
}

.lead-heading {
	font-weight: 300;
	line-height: 1.2em;
}

#main-story embed {
	margin-bottom: 1em;
}

/* Story page -------------------------------- */

#main-story {
	font-size: 18px;
	font-size: 1.8rem;
	color: #333;
	line-height: 1.6;
	padding-bottom: 3em;
}

#header-story {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	/*margin-bottom: 1em;
	border-bottom: 1px solid #ddd;*/
	clear: both;
    z-index: 0;
}

#header-story .heading-section {
	padding-top: 0;
}

#header-story .hgroup {
	padding-top: 1.5em;
	clear: both;
}

.standfirst {
	font-family: DroidKufi-Regular, "arabic typesetting", serif;
	font-weight: 400;
}

.article-main-img {
	margin-bottom: 1em;
}

.preview-text {
	height: 40em;
	overflow: hidden;
}

.preview-text:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 20em;
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
	left: 0;
	bottom: 0;
}

.preview-full {
	margin-top: -6em;
	position: relative;
	z-index: 1;
}

.article-body {
	padding-bottom: 2em;
	display: block;
	float: left;
	position: relative;
}
.tab-fit
{
   	width:100%; /*  new added  9/12/2013 fix on porgrams DP*/
	box-sizing:border-box; /*  new added  9/12/2013 fix on porgrams DP*/
	-moz-box-sizing:border-box; /*  new added  9/12/2013 fix on porgrams DP*/
}
.article-body h3 {
	margin-top: 0.8em;
}

.article-body p + p, .article-body .boxout + p, .article-body blockquote + p, .article-body p + ul {
	margin-top: 0.8em;
}

.article-body .share, #episode-aside .share {
	margin-bottom: 0;
}

.article-body .live-update {
	margin-top: 2em;
}

.article-body .live-update ul {
	list-style-type: none;
}

.article-body aside ul {
	list-style: none;
}

#story-aside{
	margin-top: 0.4em;
}

#story-aside, #episode-aside {
  position: relative;

}

#story-aside .fixed {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

@media only screen and (max-width: 767px) {
	#story-aside .fixed {
	  display:none;
	}
	aside#story-aside{height:auto !important;}
}
.fixed > .share{
	margin-top: 0;
}

.boxout {
	border-top: 1px solid #ddd;
	color: #666666;
	font-size: 0.9em;
	margin-top: 2em;
	margin-bottom: 2em;
	padding-top: 1em;
}

.boxout:first-child {
	margin-top: 0;
}

.boxout .heading-section {
	margin-bottom: 0.5em;
	padding-top: 0;
}

.boxout .meta {
	color: #333;
	font-size: 0.9em;
}

.boxout li {
	margin-bottom: 0.8em;
	margin-left: 1em;
}

.pullquote, .article-image {
	border-top: none;
}

.reporter {
	border-top: 1px solid #ddd;
}

.reporter img {
	width: 25%;
}

.boxout-indepth.reporter img {
	width: 20%;
}

[class*=pullquote] p.quote {
  color: #333777;
  font-size: 1.4em;
  font-weight: 200;
  margin-top: 20px;
  line-height: 1.6em;
}

[class*=pullquote] p.meta {
	border-top: 1px solid #ddd;
	padding-top: 1em;
}

[class*=article-image] p.meta {
	margin-top: 0;
}

.bqstart {
	color: #F28E12;
	float: left;
	font-size: 500%;
	height: 45px;
	margin-bottom: -42px;
	margin-top: -38px;
	padding-top: 45px;
	padding-right: 5px;
}

.bqend {
	color: #F28E12;
	float: right;
	font-size: 500%;
	height: 25px;
	margin-top: 0;
	padding-top: 26px;
	padding-left: 5px;
}

.show-info {
	font-size: 14px;
}
.mainthumbimagetable {float:left; background-color:#e6e7e7 !important;width: 33% !important; margin:15px 15px 15px 0px !important; }
.mainthumbimagetable td{ padding:7px; text-align:right !important;font-size:60% !important}
/* Shows -------------------------------- */

.branded .nav-wide {
	padding-top: 1em;
	padding-bottom: 1em;
	border-top: 1px solid rgba(255,255,255,0.3);
	margin-top: 1.5em;
}

.branded .nav-wide li {
	margin-right: 2em;
}

.branded .nav-wide a {
	font-family: Al-Jazeera-Arabic-Bold, "arabic typesetting", serif;
	color: #fff;
}

.inside-syria {
	background-color: #2E0606;
	background-image: url("/Views/Shared/shared/images/media/bg-inside-syria.jpg");
}

.inside-syria .share .social {
  background-color: #9B0C45;
  border: 1px solid #9B0C45;
}

.show-latest {
	background-color: #fff;
}

.show-latest h1 {
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.4;
}

.show-latest h1 {
	font-size: 20px;
  font-size: 2rem;
  line-height: 1.4;
}

#show-latest .show-times {
  color: #FFFFFF;
  height: 100%;
  margin-top: -2px;
  padding-bottom: 0;
  padding-top: 0;
  position: absolute;
}
.detailed-knlg-page-add
{
height: 100%;
position: absolute;
width: 100%;
margin-top: -51%;
overflow: hidden;
}
.modded-arr
{
    top: 1px;
filter: invert(0%);
-webkit-filter: invert(0%);
}

@media only screen and (max-width: 767px)
{
    .detailed-knlg-page-add
{
position: relative;
margin-top: 0%;

}
.modded-arr
{
    display:none}
}

@media only screen and (max-width: 767px) {
	#show-latest {
	  margin-bottom: 0;
	}

	#show-latest .show-times {
	  color: #FFFFFF;
	  height: auto;
	  margin-top: 0;
	  padding: 0 1em 1em;
	  position: relative;
	}
	.main-body-mob-fix{width:100% !important;}

}

#show-latest .show-times .heading-section:first-child, #show-latest .show-times .profile {
    padding-top: 1em;
}
#show-latest #show-next {
    margin-bottom: 0.5em;
}

.show-times .profile {
  border-bottom: 1px solid #000000;
  border-top: medium none;
  margin-bottom: 0;
  padding-bottom: 1em;
}

.show-times .profile .heading-section {
  display: inline;
}

.show-times table {
  border-collapse: inherit;
  border-spacing: 1px;
  font-size: 14px;
  font-size: 1.4rem;
  width: 100%;
}

.show-times td, .show-times th {
  font-weight: 400;
  padding: 0.25em 0.5em;
}

.show-times td {
	background-color: #4A4A4A;
  background-color: rgba(255, 255, 255, 0.2);
}

.show-times th {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  color: #999999;
}

.show-times .heading-section {
  color: #FFFFFF;
  display: block;
  line-height: 1;
  padding-bottom: 0.5em;
}

#show-latest .show-times .heading-section:first-child, #show-latest .show-times .profile {
    padding-top: 1em;
}

.show-times .profile {
	font-size: 14px;
	font-size: 1.4rem;
}

#show-episodes {
	padding-bottom: 2em;
}

#show-comments {
	border-left: 1px solid #ddd;
}

#shows-top {
	padding-top: 15em;
	overflow: hidden;
	border-top: none;
}

#shows-top .full-feature-img {
	height: auto;
	margin-top: -20%;
}

#shows-top .full-feature-content {
	position: relative;
	padding-bottom: 3em;
	overflow: hidden;
}

#shows-top h1 {
	position: relative;
	bottom: auto;
	margin-bottom: 0.5em;
}

#shows-top .full-feature-text {
	padding-top: 0;
}

#shows-top .full-feature-text p {
	padding-bottom: 1em;
}

.show-callout [class*=blurb] {
	padding: 0;
}

#show-header {
	padding-top: 1em;
	padding-bottom: 1em;
}

#show-header .heading-story {
	padding-top: 0.5em;
}

#show-header .heading-story strong {
	font-weight: 400;
	color: #aaa;
}

#show-header .button-watchlive {
	margin-bottom: 0.5em;
}

#watch-options {
	padding: 1em;
	background-color: rgba(0,0,0,0.5);
	font-size: 12px;
	font-size: 1.2rem;
}

.box-section-live #watch-options {
	margin-top: 0;
}

.box-section-live #show-header .heading-story {
	padding-top: 0;
}

@media only screen and (max-width: 767px) {

	.branded #show-header {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em 1em 0;
	}

	#show-header #show-logo {
	  display: block;
	  float: right;
	  width: 120px;
	}

	#show-header aside {
    display: block;
    float: left;
    margin-bottom: 1em;
	}

	#show-header .nav-wide {
    clear: both;
    display: block;
    font-size: 9px;
    font-size: 0.9rem;
    overflow: hidden;
    border-top: none;
	}

	#show-header .share{
		margin-top: 0;
	}

	.branded .nav-wide li:first-of-type {
	    margin-right: 0;
	}

}

/* EPG Page -------------------------------- */

.epg-labels {
	padding-bottom: 1em;
	clear: both;
}

.program-name, .program-info {
  padding: 10px;
}

.program-name {
	border-top: 1px dotted #999;
}

.program-name a h1 {
	color: #474747;
}

.program-info {
	font-size: 12px;
	position: relative;
	top: -1px;
 }

.program-info-nowon {
	display: block;
	padding: 10px;
}

.epg-program {
	position: relative;
}

.flag.now-on {
	background-color: #f28e12;
}

#full-schedule .tab-nav li a {
	font-size: 1.2em;
	padding: 7px 15px;
}

.now {
	margin-bottom: 1em;
}

.epg a {
  display: block;
  font-size: 1.3em;
  margin-bottom: 0.3em;
}

.epg td, .epg th {
    padding: 1em;
}

.epg-body tr:nth-child(odd){
	background-color: #F6F6F6;
}

.epg-body tr{
	border-bottom: 1px solid #E6E6E6;
}

td.time {
  font-size: 1.1em;
  vertical-align: middle;
  font-family: DroidKufi-Regular, "arabic typesetting", serif;
}

/* Live events -------------------------------- */

#live-player {
	padding-bottom: 2em;
}

#live-player .play:after {
	bottom: 0;
}

#live-latest [class*=flag] {
	left: 0;
	padding-left: 2em;
}

#live-latest {
	position: absolute;
	height: 100%;
	top: 0;
	right: 0;
	margin: 0;
}

#live-latest section {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	padding-right: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#live-latest ul {
	padding-bottom: 4em;
}

#live-latest:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: -webkit-linear-gradient(top, rgba(45, 47, 49, 0) 80%, rgba(45, 47, 49, 1) 100%);
	background-image: -moz-linear-gradient(top, rgba(45, 47, 49, 0) 80%, rgba(45, 47, 49, 1) 100%);
	background-image: linear-gradient(top, rgba(45, 47, 49, 0) 80%, rgba(45, 47, 49, 1) 100%);
	z-index: 1;
	pointer-events: none;
}

/* Account Page -------------------------------- */

#account {
	background: #f6f6f6;
	border: 1px solid #e6e6e6;
	padding-top: 1em;
	padding-bottom: 1em;
}

#account input, #account select {
	margin-bottom: 2em;
}

.photo {
	margin: 1em 0;
}

label {
	/*font-size: 0.8em;*/
  color:  #4e4e4e;
}

/* Search Results -------------------------------- */

#search-header {
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #ddd;
}

.form-search fieldset, .form fieldset {
	display: block;
	padding-left: 10%;
	position: relative;
}

.form-search input, .form input {
	display: block;
	height: 35px;
	text-indent: 0.5em;
	margin-top:3px;
	 font-family: DroidKufi-Regular,"arabic typesetting",serif;
}

.form-search input:focus, .form input:focus {
	background-color: #fff;
}

.form-search button {
position: absolute;
left: 0;
height: 35px;
top:10px;
}

@media only screen and (max-width: 767px) {
	.form-search button {
		left: 10px;
	}
}
/* Telegram Services ------------------------*/
#telegrams-service, #telegrams-service-wide {margin-left:-5%; margin-top:15px;width:106%;}
.telegrams-service-content {max-height:400px;  overflow:hidden; overflow-y:auto; margin-bottom:10px;}
#telegrams-service-wide {width:103%; margin-left:-3%; margin-top:0px}
.tele-share, .tele-user, .tele-twitter, .tele-google, .tele-facebook{ display:block; float:left; width:28px; height:21px; margin-right:5px; background:url('/Views/Shared/shared/images/telegrams-icons.png');}
.tele-user{background-position:-32px 0px; width:23px}
.tele-twitter {background-position:-61px 0px; width:23px}
.tele-google {background-position: -115px 0px; width:23px}
.tele-facebook{background-position: -88px 0px;width:23px}
.telegrams-service-content h1 {margin-bottom:10px;}
#telegrams-service article, #telegrams-service-wide article{margin-bottom:10px; width:95%}
#telegrams-service article img, #telegrams-service-wide article img{ margin-top:5px; margin-bottom:5px;}
#telegrams-service > a, #telegrams-service-wide > a{float:left; margin-left:20px; margin-left:calc(20px + 5%);  margin-left:-webkit-calc(20px + 5%); margin-left:-moz-calc(20px + 5%);}
@media only screen and (max-width: 767px)
{
    #telegrams-service, #telegrams-service-wide {max-height:100%; margin-left:0px;width: 100%; padding-right:1%;}
    #telegrams-service article, #telegrams-service-wide article{width:96%}
    #telegrams-service > a, #telegrams-service-wide > a {margin-left:0px;}
}

/* Following -------------------------------- */

.following {
	padding-bottom: 1.5em;
}

.following + .following {
	border-top: 1px solid #ddd;
	padding-top: 1em;
}

.following > h1 {
	font-size: 18px;
	margin-bottom: 0.5em;
}

.following > h2 {
	font-size: 12px;
	color: #333;
	margin-bottom: 0.5em;
}

.unfollow {
	font-size: 12px;
	margin-right: 1em;
}

/* Player -------------------------------- */

#main-player .play + article {
	margin-top: 1em;
}

#main-player {
   padding-top: 0;
}

.player .blurb {
	padding-top: 0;
}

.player .link-more {
	padding: 1em 0 0;
}

#news-bulletin .play {
	margin-right: 1em;
}

#news-bulletin .blurb-small {
	padding: 0;
}

/* Gridset overlay styles -------------------------------- */

body > .gridsetoverlaywrap .gridoverlay {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}

/*#more-stories .gridset > div, #main-content-sidebar .gridset > div {
	width: 100%;
	padding-left: 2.6% !important;
	padding-right: 2.9% !important;
	-moz-box-sizing: border-box;
}

#main-content-sidebar .gridset > div {
	padding-left: 5.2% !important;
	padding-right: 6.3% !important;
}*/

/* Tabs -------------------------------- */

#stats .dark{
	border-top: none;
}

.tabs {
	height: 1em;
	line-height: 1em;
	margin: 0 0 0.6em;
	display: block;
	z-index: 1;
	position: relative;
}

#stats .tabs + .box {
	margin-top: -1px;
}

.grey .tabs {
	border-bottom-color: #bbb;
}

.grey .grey .tabs {
	border-bottom-color: #ddd;
}

.tabs a {
	border-bottom: none;
	float: right;
	height: 100%;
	padding: 0.7em 0.6em;

}

@media only screen and (max-width: 1023px) {
	.tabs a {
		padding: 0.7em 0.5em;
	}
}

.tabs .on .heading-section{
	color: #fff;
}

.tabs .heading-section{
	padding: 0;
	color: #fff;
	font-size: 0.8em;
	margin-bottom:0px;
}


.tab-area {
	height: 0 ;
	overflow: hidden;
	opacity: 0;
}

.show {
	height: auto;
	opacity: 1;
}

.on{
	background-color: #785a00 !important;
	border: 1px solid #DDDDDD;
	border-bottom: 1px solid #fff;
    border-right: 5px solid #000;
}

.stat span {
  color: #333333;
  font-family: DroidKufi-Regular,"arabic typesetting",serif;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1;
  margin-left: 0.1em;
}

.stat h2{
	font-size: 18px;
	font-size: 1.8rem;
	color: #333333;
}

.stat p{
	font-size: 14px;
	font-size: 1.4rem;
}

.stat + .stat {
	border-top: 1px solid #eeeeee;
}

.contrast {
  background-color: #EAECEE;
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  color: #333333;
  padding-bottom: 1.4em;
  padding-top: 0.5em;
  margin-top: 1em;
}

/* Episode -------------------------------- */

.branded-header .heading-story {
  color: #FFFFFF !important;
}

.branded-header .heading-story strong {
  color: #999999;
}

.branded #main > .box {
  border-top: medium none;
}

.more-info {
	border-right: 1px solid #999;
}

.more-info p {
	margin-bottom: 1em;
}

.more-info h1 {
	margin-bottom: 1em;
}

.player {
	padding-bottom: 1em;
}

.collapsed {
	height: 15em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.read-more {
	position: absolute;
	bottom: 0;
	width: 100%;
	right: 0;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255,255,255) 80%);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255,255,255) 80%);
	padding-top: 5em;
	font-family: DroidKufi-Regular,"arabic typesetting",serif;


}

.collapsed .read-more {
	display: block;
}

.dark .heading-page {
	color: #fff;
	margin-bottom: 0.5em;
}

#program-header > header {
	margin-bottom: 2em;
}

.more {
	font-family: DroidKufi-Regular,"arabic typesetting",serif;
	margin-right: 1em;
}

.branded {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  overflow: hidden;
  padding-top: 2em;
}

@media only screen and (max-width: 767px) {
	.branded {
		padding-top: 0;
		float:left;
	}
	.programs-dp .branded{ float:none;}
}

.branded .program-info {
	padding-top: 1em;
	padding-bottom: 1em;
	margin-top: 1em;
}

.branded > header {
	padding-top: 1em;
}

.branded > #top-episode {
	margin-bottom: 0;
}

.branded-header .program-info {
	background-color: rgba(0,0,0,0.8);
}

.branded-header a {
	color: #fff;
}

#show-header .share, #show-header .share .social {
    float: left;

}
#show-header .share{margin-left:100px;
    margin-top:-75px;}
.inside-syria #program-header .heading-page {
	background-image: url('/Views/Shared/shared/images/media/channel/inside-syria.png');
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding-top: 8%;
	height: 0;
	text-indent: -5000px;
}

.inside-syria .social {
	background-color: rgb(155, 12, 69);
}

.inside-syria .share ul a {
	color: #3b3b3b;
}


/* Collection -------------------------------- */

#collection-episodes .button-more {
	margin-top: 0;
}

#top-latest-episode {
	padding-top: 1em;
}

/* Programs -------------------------------- */

.feature .top-feature {
	background-color: rgba(0,0,0,0.4);
	padding-top: 1em;
	padding-bottom: 1em;
	border: none;
	position: absolute;
	bottom: 0;
	left: 0;
	right: auto;
	margin-right: 0;
	margin-bottom: 0;
	border-right: 5px solid #E5C069;
	margin-top: 3em;
}

.top-feature h1 {
	font-size: 24px;
	font-size: 2.4rem;
}

.top-feature p {
	font-size: 1.2em;
}

.collection {
	padding-left: 6%;
	padding-right: 6%;
	width: 88%;
}

.collection-about {
	border: 1px solid #ccc;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 15px;
}

.collection-carousel {
	margin-bottom: 2em;
}

#programs-more-features article.active {
  background-color: #202122;
}

#programs-more-features {
  padding-bottom: 0;
  padding-top: 0;
}
#programs-feature {background-position:center;}
/* Archive -------------------------------- */

#sort {
	margin: 1em 0;
}

@media only screen and (max-width: 767px) {
	#sort div {
		float: left;
    margin: 1em 0.5em 0;
    width: 29%;
	}

	#sort div:last-of-type{
		margin-right: 0;
	}
}

.sort-by a {
	display: block;
	background-color: rgba(0,0,0,0.1);
	padding-top: 20px;
	padding-bottom: 20px;
	color: #666;
	text-align: center;
}

.sort-by a:hover, .sort-by .is-active {
	background-color: rgba(0,0,0,0.5);
	text-decoration: none;
	color: #fff;
}

/* Gridset RTL Hacks */

@media only screen and (min-width: 768px) {

.ta-overlap.ta-pad, .t-overlap.t-pad, .tb-overlap.tb-pad {
	/*left: -3.8%;*/
}

}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.ta-overlap.ta-pad, .t-overlap.t-pad, .tb-overlap.tb-pad {
	left: -3.75%;
}

}
@media only screen and (min-width: 1024px) {

.d-overlap.d-pad, .da-overlap.da-pad {
	/*left: -4.46484%;
    padding-top: 0.7em;*/
}

}

/* author/person -------------------------------- */

#header-person {
  display: block;
  padding-top: 1.5em;
}

[class*="img-profile"], .meta .img-profile {
  border: 1px solid #DDDDDD;
  float: right;
  margin-bottom: 1em !important;
  margin-left: 1em;
  width: 45px;
}

.blurb-wide .img-profile {
  width: 60px;
}

@media only screen and (max-width: 767px) {
	[class*="img-profile"], .meta .img-profile {
	  width: 44px;
	}
}

.img-profile-large {
  width: 100px;
}

#header-person h1 {
  line-height: 1;
  padding-bottom: 0;
}

#header-person .title-profile {
  border-bottom: 1px solid #DDDDDD;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  width: 130%;
}

.title-profile {
  color: #999999;
  font-size: 10px;
  font-size: 1rem;
}

/* Context Menu *************************/
.custom-menu { text-align: center;z-index:9999999; position: absolute; background-color:#ececec; border: 1px solid #666666; left: 0px; top: 12px; width: 99px; height:29;  display:none; border-radius:5px; }
.custom-menu.extra-width {width:201px; height:144px;}
.mobile-context-menu.extra-width {margin-left:-100px !important; margin-top:-72px !important;}
.custom-menu li {margin:5px 0px; padding:3px 7px; font-family: Al-Jazeera-Arabic-Bold, "arabic typesetting", serif; font-size:14px; cursor:pointer; color:#616161; display:inline-block; font-size:12px !important;}
.custom-menu li:first-child{ background-image:none;}
.custom-menu li:nth-child(2) {padding-right:8px; border-right:1px dotted #666;}
.custom-menu li:last-child {background-image:none; padding:0px; clear:both; float:none; padding-top:0px;margin:0px; display:none;}
.custom-menu a{color:#000; width:100%; }
.extra-width li:last-child { width:100%; display:inline-block;}
.extra-width #defineText {display:none; width:96%; margin:0 auto;}
#defineText {display:none;}
#defineText textarea{border:1px solid #000; color:#000; padding:5px; width:100%; box-sizing:border-box;-moz-box-sizing:border-box; background-color:#fff; height:100px;}
#menu-back {display:none; position:absolute; width:100%; height:100%;z-index:999999; top:0px; left:0px;background-color:rgba(0,0,0,0);}
@media only screen and (max-width:600px){
	#wordDef {display:none;}

}

/*****************************servcies area **************************************/
	#left-votes {/*background-color: #978000;padding: 10px 2.2%;*/}

#votes{clear: both;padding:0; color:#000; }
#vote-form{display:block;line-height:30px;}
#vote-form input{ display:inline-block;}
#vote-form label {color:#74797d; font-weight:bold;}
#left-votes .tabs a, .photos-tabs .tabs a{padding: 0.5em 0.57em;}
#main-content-sidebar .box-section:first-child {border-top:0px solid #fff;}
#opinions-gallery {direction:ltr;}
.photos-tabs {/*margin-top:-4px;*/padding:30px 0px 0px; width:100%; float:right; background-color:#fff; box-sizing:border-box; -moz-box-sizing:border-box;}
.opinion-box { clear:both; display:table; margin:0px 0 -18px; width:100%;}
.opinion-box img{float:right; }
.opinion-box .opinion-title{direction:rtl;background-color:rgba(0,0,0,0.5); /*padding:15px 20px;*/ font-family: Al-Jazeera-Arabic-Bold, "arabic typesetting", serif; color:#fff; font-size:20px;height: 42px;position: absolute;text-align: right;}
.opinion-box .opinion-title a{color:#fff;}
#tab-area-3 .carousel-row,  #tab-area-4 .carousel-row {margin-top:-20px; margin-bottom:10px;}

.photos-tabs h3{  padding:20px 10px; color:#333;  direction:rtl; text-align:right; height:40px; padding-right:0px;}
#tab-area-photos-1, #tab-area-photos-2 {padding: 0 10px; }
#tab-area-photos-1 .carousel-row, #tab-area-photos-2 .carousel-row{ direction:ltr;}
.photos-tabs div.box {margin-top:-20px;}
/*.carousel-row {direction:ltr; }*/
/*.customNavigation {position:absolute; top:40%; width:100%;box-sizing: border-box;padding: 5px;-moz-box-sizing: border-box;}*/
#main-content-sidebar .owl-theme .owl-controls .owl-page span.owl-numbers {text-indent:-150px;width:10px; height:10px; padding:0px; font-size:1px;}
#small-gallery-nav .prev,  #small-caricature-nav .prev{display:none !important;background:url(/Views/Shared/shared/images/arrow-left-small-gallery.png) no-repeat center; width:14px; height:22px; display:block; cursor:pointer; float:left;}
#small-gallery-nav .next,  #small-caricature-nav .next{display:none !important;background:url(/Views/Shared/shared/images/arrow-left-small-gallery.png) no-repeat center; width:14px; height:22px; display:block;cursor:pointer; float:right; 	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);}
#small-gallery-msg {background-color:#fa9000; color:#fff; font-family: Al-Jazeera-Arabic-Bold, "arabic typesetting", serif; font-size:16px !important; padding:15px 12px; position:absolute; top:60%; width:100%; box-sizing:border-box; text-align:right;}
#small-gallery-msg a , #small-caricature-msg a{color:#fff; text-decoration:none;}
.photos-tabs-caricature h3{padding-bottom:0px}
.go-to-gallery {float:left; margin-top:10px;}

.caricature-artist{color:#fff; font-family: Al-Jazeera-Arabic-Bold, "arabic typesetting", serif; font-size:20px; padding:15px 20px; position:absolute; bottom:30px; width:100%; box-sizing:border-box; text-align:center; background-color:rgba(0,0,0,0.5)}
#tab-area-photos-2 .customNavigation {bottom:75px; top:auto;}
#tab-area-photos-2 {padding-bottom:10px;}
.caricature-artist a {display:block; color:#fff;}
.owl-item, .column-vert {position:relative;overflow: hidden;}

#chosed-comments { width:100%; padding:30px 10px; border-top:5px solid #000;}
#chosed-comments h2{ margin-bottom:15px;}
.all-chosed-comments {border-top:5px solid #000; background-color:#eaeaea; padding:20px 10px; max-height:450px; overflow-y:auto; box-sizing:border-box; -moz-box-sizing:border-box;overflow-x:hidden;}
.all-chosed-comments h4{ color:#4b8dc7; margin-bottom:10px; margin-right:15px}
.comments-content {margin-right:0px; margin-bottom:20px;background-color:#f9f9f9; padding:5px; width:100%;box-sizing:border-box; -moz-box-sizing:border-box; float:right  !important; }
.comments-socials a {display:inline-block; background:url(/Views/Shared/shared/images/comments-socials.jpg) no-repeat 0px 0px; width:15px; height:15px; margin-left:10px; float:left;}
a.facebook-comments {background-position: 3px 0px ;}
a.twitter-comments {background-position: -15px 0px;}
a.send-comments {background-position: -36px 0px; width:17px;}
.comments-socials {height:20px; margin-top:10px;}
#reports-conversations {float:right; background-color:#fff; padding:40px 0px;box-sizing:border-box; -moz-box-sizing:border-box; width:100%; }
#reports-conversations .play:after{bottom:1.3em;}
.first-title {color:#333;}
.first-title:hover {color:#000;}
.reports-main-image {margin-top:20px; /*margin-bottom:20px;*/}
.more-reports {margin-top:15px;}
.more-reports li{ margin-bottom:5px;}
.commenter-programs {font-family:Al-Jazeera-Arabic-Bold, "arabic typesetting", serif;color: #2575be;width: 23%;float: right;height: 50px;padding-top: 6px;box-sizing: border-box;-moz-box-sizing: border-box;margin-top: 10%;margin-right: 2%;}
.commenter-programs img {width:auto; margin-left:10px}
#main-content-sidebar .commenter-programs {clear:both; float:none; margin-top:5px; height:38px; width:100%;}

#votes h1{font-size:20px; margin-bottom:15px;}
#votes  #captcha  {float: right;width: 75%;}
.wide-votes #votes #captcha {width:65%;}
#votes #image-captcha {width: 100%;padding: 5px;box-sizing: border-box; -moz-box-sizing: border-box;}
#votes #refresh{padding:5%;}
#votes div.services-border .pollsection .question:first-child {padding-top: 0px;}
.services-border #vote-form {padding:10px;}

}
#main-content-sidebar {overflow:hidden;}
.services-border #votes #captcha{width: 69%;}

@media only screen and (max-width: 767px)
{
    #reports-conversations {padding-right:15px;}
    #votes #image-captcha {width:50% !important;}
    #votes  #captcha {float:right; width:195px;}
    #votes #refresh{padding:14px;}
    #main-content-sidebar .photos-tabs, #main-content-sidebar #chosed-comments  {width:97%}
    .photos-tabs h3 {}

    }
@media only screen and (max-width: 600px) {#votes #image-captcha {width:100% !important;}}

/* fixes for programs page */
.services-border .owl-theme .owl-controls .owl-page span.owl-numbers {text-indent:-150px;width:10px; height:10px; padding:0px; font-size:1px;}
.services-border {border:1px solid #ccc; padding:10px; height:290px;overflow-y: auto;overflow-x: hidden;}
.t-flow-width-4 #votes {padding:20px 0px 10px;}
.t-flow-width-4 #votes h1:first-child{margin-bottom:0px; font-size:16px; }
#votes div.services-border h1{ margin-bottom:20px !important; font-size:20px !important; }

.services-border input[type="button"]{margin-top:20px;}
.services-border br {line-height:36px;}
.t-flow-width-4 .opinion-box {margin-top:0px; padding: 3px 0px 0px; margin-left:1px; margin-right:1px; margin-bottom:0px; }
.t-flow-width-4 .opinion-box div {background-color: transparent;}
.t-flow-width-4 .opinion-box .opinion-title{background-color:#272727;font-size: 17px; height:48px;}
.t-flow-width-4 .opinion-box h1 { margin-bottom:0px;}
.t-flow-width-4 #tab-area-photos-1{padding: 20px 0px 10px;position:relative; clear:none;}
.t-floatright .owl-wrapper {}
.t-floatright  .owl-item, .column-vert{float:left;}
.opinion-box img{float:right}
.services-border .programs-gallery{overflow: hidden;margin: 0px;}
.services-border .programs-gallery h3 {color:#000; margin-bottom:10px; direction:rtl;height: 57px; }
.services-border #small-gallery-msg a{font-size:15px}
.services-border #small-gallery-msg {padding: 6px 12px;}
.services-border #small-gallery-msg img {margin-bottom:0px;}
.services-border .owl-pagination {margin-top: -24px;}
.t-flow-width-4 #tab-area-photos-1 h1,.t-flow-width-4 #tab-area-photos-2 h1{margin-bottom:0px;}
.t-flow-width-4 #tab-area-photos-2{margin-top:20px; padding-left:0px; padding-right:0px;}
#more-services article {margin-left:2.91%;}
#more-services #tab-area-photos-2 {margin-left:0px;}
.t-flow-width-4 #tab-area-photos-1 h1{margin-bottom:0px;}
.t-flow-width-4 #opinions h1 {margin-bottom:3px;}
.caricature-gallery {margin-bottom:10px; width:100%; text-align:left; display:block; clear:both; float:none;}
#more-services #tab-area-photos-2 .customNavigation {bottom: 59px;}
.width-100{width:100% !important; clear:both !important; border-width:0px !important; box-sizing:border-box;-moz-box-sizing:border-box; height:auto; }
.width-100 .all-chosed-comments {padding-left:30px !important; padding-right:5px !important;}
.width-100 .comments-content {margin-right:15px; height:auto; margin-bottom:20px; float:right; padding:15px 10px;}
.width-100 .all-chosed-comments h4 {margin-right:0px;}
.width-100 .commenter-programs {color:#2575be;  width:23%; float:right;height: 50px;padding-right: 38px;padding-top: 6px;box-sizing:border-box; -moz-box-sizing:border-box; margin-right:2%}
.width-100 .all-chosed-comments {height:auto; max-height:450px;}
.special-comment-content {float:right; width:75%; border-right:1px solid #ccc; padding-right:5%; box-sizing:border-box; -moz-box-sizing:border-box; }
#left-votes {/*left: -6.3%;*/position: relative; padding-left: 6.6%;padding-right: 6.6%;}
#left-votes.wide-votes{left: -4.8%;padding-left: 4.7%; padding-right: 4.7%;}
 #main-content-sidebar #photos-tabs.wide-gallery {left: -3.6%;padding-left: 3.4%;padding-right: 6.1%;}
#left-votes .tab-module .box{margin-top:-1px;}
.left-side-sep{margin-bottom: 0px;width: 110%;left: -5%;position: relative;}
@media only screen and (max-width:1023px)
{
    #left-votes.wide-votes {
left: -4.4%;
padding-left: 6.4%;
padding-right: 7.1%;
}
.left-side-sep {width: 108%;
left: -4%;}
}
@media only screen and (max-width:1023px) and (min-width:767px)
{#more-services article {margin-left:2.5%}
}
@media only screen and (max-width: 767px)
{
    #left-votes.wide-votes{left: -3.8%;padding-left: 3.4%; padding-right: 6.1%;width:89%;}
    .opinion-box {width:100%; margin:0px; margin-top:15px;}
 #main-content-sidebar #photos-tabs.wide-gallery {left: -0.8%;padding-left: 3.4%;padding-right: 6.1%;}
.services-border {height:auto;}
#opinions img{float:none;}
#left-votes{margin-bottom:20px;padding-right: 4.1%; background-color:transparent; position:static; margin-top:15px; width:97%; float:right; }
#left-votes .tab-module .box {margin-bottom:20px;}
#small-gallery-msg {}

}
	/************************** end services area ************************************/
/* World Cup */
#worldCup {padding-top:20px; padding-bottom:20px;  font-size:15px !important}
/* Authors */
.authors-title{background-color:#fff; padding:10px 0px; display:table; width:100%; margin-bottom:20px;}
.auther-info {display:table;}
.auther-image{float:right; width:90px;  text-align:center; color:#0d4c9c; margin-left:10px; display:table-cell;}
.auther-image img{margin-bottom:10px !important; width:90px;}
img.main-author-image{margin-bottom:0px !important;}
.authors-title time { color:#0d4c9c}
@media only screen and (max-width: 1024px) { .authors-title .m-hide {display:none;}}
@media only screen and (max-width:768px){ .authors-title {padding:0px 3.3%; box-sizing:border-box; -moz-box-sizing:border-box;}}
/* Flows */

@media only screen and (min-width: 1024px) {

.d-flow-width-2 .d-floatright:nth-child(2n),
.d-flow-width-3 .d-floatright:nth-child(3n),
.d-flow-width-4 .d-floatright:nth-child(4n),
.db-flow-width-2 .db-floatright:nth-child(2n),
.db-flow-width-3 .db-floatright:nth-child(3n),
.db-flow-width-4 .db-floatright:nth-child(4n),
.db-flow-width-6 .db-floatright:nth-child(6n),
.da-flow-width-2 .da-floatright:nth-child(2n),
.da-flow-width-3 .da-floatright:nth-child(3n),
.da-flow-width-4 .da-floatright:nth-child(4n),
.da-flow-width-5 .da-floatright:nth-child(5n),
.da-flow-width-6 .da-floatright:nth-child(6n) {
	margin-left: 0 !important;float: left;
}

.d-flow-width-2 .d-floatright:nth-child(2n + 1),
.d-flow-width-4 .d-floatright:nth-child(4n + 1),
.d-flow-width-3 .d-floatright:nth-child(3n + 1),
.db-flow-width-2 .db-floatright:nth-child(2n + 1),
.db-flow-width-4 .db-floatright:nth-child(4n + 1),
.db-flow-width-3 .db-floatright:nth-child(3n + 1),
.db-flow-width-6 .db-floatright:nth-child(6n + 1),
.da-flow-width-2 .da-floatright:nth-child(2n + 1),
.da-flow-width-4 .da-floatright:nth-child(4n + 1),
.da-flow-width-3 .da-floatright:nth-child(3n + 1),
.da-flow-width-5 .da-floatright:nth-child(5n + 1),
.da-flow-width-6 .da-floatright:nth-child(6n + 1) {
	clear: right;
}

}

@media only screen and (min-width:768px) and (max-width:1023px) {

.t-flow-width-2 .t-floatright:nth-child(2n),
.t-flow-width-3 .t-floatright:nth-child(3n),
.t-flow-width-4 .t-floatright:nth-child(4n),
.ta-flow-width-3 .ta-floatright:nth-child(3n),
.ta-flow-width-6 .ta-floatright:nth-child(6n) {
	margin-left: 0;
}

.t-flow-width-2 .t-floatright:nth-child(2n + 1),
.t-flow-width-4 .tt-floatright:nth-child(4n + 1),
.t-flow-width-3 .t-floatright:nth-child(3n + 1),
.tb-flow-width-2 .tb-floatright:nth-child(2n + 1),
.tb-flow-width-4 .tb-floatright:nth-child(4n + 1),
.tb-flow-width-3 .tb-floatright:nth-child(3n + 1),
.tb-flow-width-6 .tb-floatright:nth-child(6n + 1),
.ta-flow-width-2 .ta-floatright:nth-child(2n + 1),
.ta-flow-width-4 .ta-floatright:nth-child(4n + 1),
.ta-flow-width-3 .ta-floatright:nth-child(3n + 1),
.ta-flow-width-6 .ta-floatright:nth-child(6n + 1) {
	clear: right;
}

}

@media only screen and (max-width:767px) {

.m-flow-width-2 .m-floatright:nth-child(2n) {
	margin-left: 0;
}

.form-search button{top: 26px;}

.m-flow-width-2 .m-floatright:nth-child(2n + 1) {
	clear: right;
}

}
/* report abuse Forms-readre comment */
.error-logo{background:url(/Views/Shared/shared/images/readercomment/comments-icon.jpg) no-repeat -371px -31px;width: 32px;height: 62px; margin-left: 18px;float: right;}
#full-content form{margin-top:10px;float:right;width: 425px; }
#full-content p {color: #333;margin-top: 10px;}
#full-content ul{margin-top:15px; margin-bottom:20px;}
#full-content ul li:before{content:"-"; padding-left:5px;}
#full-content ul li.applicationTabItem:before{content:""; padding:0px;}
#full-content ul li{padding-right:10px; color:#333;}
.form-row { margin-bottom:10px; box-sizing:border-box;-moz-box-sizing:border-box; position:relative; width:100%;float: right; text-align:left;}
.form-row label {color:#333; font-size:16px; margin-top:10px;}
.form-row input[type='text'], .form-row input[type='password'], .form-row textarea {width:300px; padding:5px; background-color:#f6f6f6; color:#333; border:1px solid #e0e0e0; margin-right:10px;float: left;}
.form-row textarea{height:100px;}
.form-row.submit-row input[type='submit'], .form-row.submit-row input[type='button']{border:0px solid #fff; color:#fff; padding:5px 20px; float:right; background-color:#4285e1; font-family: Greta, "arabic typesetting", serif; font-size:15px; font-weight:bold;margin-left:15px;cursor:pointer; }
.form-row.submit-row {width:314px; float:left;}
.form-row .error-div {width:300px;  font-size:13px; top:1px; }
.login-row span, .form-row span{color: #e33e49;}
#frmSendToFriendEmail.sendtofriendform{width:500px }
@media only screen and (max-width:768px)
{
    .form-row {text-align:right;}
}
/* Eargent News -----------*/
#fast-news {padding-bottom: 5px;width:100%; background-color:#c70304; color:#fff; font-size:18px; z-index:99999; padding-right:130px; box-sizing:border-box; -moz-box-sizing:border-box; padding-bottom:10px; display:table}
#fast-news b{margin-left:15px; font-size:32px;}
#fast-news a{background:url(/Views/Shared/shared/images/media/ticker/fast-news-socials.jpg) 0px 0px no-repeat; float:left; width:24px; height:24px; display:block; margin-top:10px; margin-right:15px;}
#fast-news .share-twitter{ background-position:-76px 0px;}
#fast-news .share-facebook{background-position:-41px 0px;}
#fast-news .share-email{width:28px;}
.fast-news-text {}
.social-share{width:121px; float:left; margin-left:1em;}
@media only screen and (max-width:768px){
	#fast-news {margin:0; padding-right:2em; padding-left:2em;  float:right; width:107%; padding-bottom:10px;position:relative !important; z-index:0 !important; margin-right:-1em; margin-left:-1em;}
	#fast-news .wrapper{padding:0px !important	;}
	#fast-news a{margin-top:5px;}
	#fast-news {width:110%}
	.box-section-mod{left:0 !important; width:100% !important;}
	.page-section.share.clearfix {display:none;}
}

/* News Carousels -------------------------*/
.portalNewsTicker{
	height:27px;
	overflow:hidden;
	/*background:#fff;*/
	border:0 none;
	padding:0.5em 0 0.5em 0;
	display:block;
	float:right;
	width:100%;
	margin-bottom: -2em;
	border-top: 1px solid #DDDDDD;

}

.portalNewsTicker .tickerControls{
	width:46px;
	height:28px;
	display:block;
	float:right;
	border:0 none;
	margin-top:3px;
}

/* Ticker Styling */
.ticker-wrapper.has-js {
	margin:0;
	padding: 0px;
	width: 919px;
	height: 28px;
	display: block;
	position:relative;
}
.ticker {
	width: 919px;
	height: 28px;
	display: block;
	position: relative;
	overflow: hidden;
	background-color: transparent;

}
.ticker-title{
	color:#000;
	background-color:transparent;
	font-size:15px;
	font-weight:bold;
	margin:0 11px 0 0;
}
.ticker-content{
	margin: 0px;
	padding-top:0;
	position: absolute;
	color: #000;
	font-weight: bold;
	background-color: transparent;
	overflow: hidden;
	white-space: nowrap;
	line-height: 1.2em;

}
.ticker-content:focus {
	color:#000;
}
.ticker-content a {
	text-decoration: none;
	color: #000;
}
.ticker-content a:hover {
	text-decoration: underline;
	color: #000;
}
.ticker-swipe {
	padding-top: 9px;
	position: absolute;
	top: 0px;
	background-color: #fff;
	display: block;
	width: 800px;
	height: 23px;



}
.ticker-swipe span {
	margin-left: 1px;
	background-color: #fff;
	border-bottom: 1px solid #000;
	height: 12px;
	width: 7px;
	display: block;
}
.ticker-controls {
	padding: 0px;
	list-style-type: none;
	float: left;
	margin:0px;
}
.ticker-controls li{
	padding: 0px;
	margin-left: 0px;
	float: left;
	cursor: pointer;
	height: 28px;
	width: 11px;
	display: block;
}
.ticker-controls li.jnt-play-pause
{

	background:url(../../images/media/ticker/portal-ticker-controls.png) scroll no-repeat left -24px transparent;
	margin:0px 6px 0 6px;
}
.ticker-controls li.jnt-play-pause.over {

}
.ticker-controls li.jnt-play-pause.down {}
.ticker-controls li.jnt-play-pause.paused{
	background-position:left -52px;
}
.ticker-controls li.jnt-play-pause.paused.over {}
.ticker-controls li.jnt-play-pause.paused.down {}
.ticker-controls li.jnt-prev {
	background:url(../../images/media/ticker/portal-ticker-controls.png) scroll no-repeat left -79px transparent;
	margin:0;
}
.ticker-controls li.jnt-prev.over {}
.ticker-controls li.jnt-prev.down {}
.ticker-controls li.jnt-next {
	background:url(../../images/media/ticker/portal-ticker-controls.png) scroll no-repeat left 5px transparent;
}
.ticker-controls li.jnt-next.over {}
.ticker-controls li.jnt-next.down {}
.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: 0;
}

.portalNewsTicker .portalTickerContainer{
	padding:0 58px 0 0;
	padding:0;
	height:28px;
	line-height:28px;
	float:right;
	width:90%;

}

.portalNewsTicker .newsItemLink{
	height:25px;
	line-height:28px;
	display:block;
	padding:0;
	margin:0;
	text-decoration:none;
	font-size:15px;
	font-weight:bold;
	color:#333;
	cursor:default;
}

.portalNewsTicker .newsItemLink:hover{
	text-decoration:none;
	color:#333!important;
}

.portalNewsTicker .ticker-wrapper .ticker-controls{
	display:none;
}

.portalNewsTicker .newsItemLink .newsHintText{
	display:inline-block;
	color:#000;
	font-size:15px;
	font-weight:bold;
	margin:0 5px 0 9px;
}
.fixLogin-for-ie
{
    width:51px !important;
}

.clear-none-class
{
    clear:none !important;
}
.float-article
{
padding: 1%;
left: -1%;
}


.Padding-top-programs
{
    padding-top:2.5%;
}


/* Carousels -------------------------------- */
@media only screen and (min-width:770px) and (max-width:1059px)
{
 .login-row{text-align:right;}
.login-row input[type='text'], .login-row input[type='password']{width:100%; margin-left:10px; box-sizing:border-box; height:35px;-moz-box-sizing:border-box}
.login-row textarea{width:100%;  box-sizing:border-box;-moz-box-sizing:border-box}
.more-than-ten input[type='text'], .more-than-ten input[type='password']{width:27%; margin-right:3%}
.start-comment-on-comment + .visitor-comment{ margin:10px 15px; width:95.5%;}
.comment-row .error-div {margin-top:-27px !important;}
.more-than-ten .red {width:80%}
div[class*='comment'] .error-div {margin-top:26px !important; width:98%}
.login-functions{width:100%}
#full-content form{width:440px; }
#frmSendToFriendEmail.sendtofriendform{width:500px }
 }
 @media only screen and (max-width:770px)
{
#full-content form{width:440px;}
#frmSendToFriendEmail.sendtofriendform{width:500px }
.portalNewsTicker {display:none;}
 }
 @media only screen and (min-width:770px) and (max-width:1024px)
 {
     .portalNewsTicker {display:none;}
 }
@media only screen and (max-width:400px){

	.form-row input[type='text'], .form-row input[type='password'], .form-row textarea {width:259px; }
	.form-row.submit-row {width:100%;}
	#full-content form{width:270px;}
	#frmSendToFriendEmail.sendtofriendform{width:270px; }

}
.form-row .error-div {
width: 300px;
	font-size: 13px;
	top: 1px;
position: absolute;
	background-color: #e02330;
	color: #fff;
	padding: 5px;
	left: 1px;
	text-align: right;
}
.login-Jazeera, .Thanks-Comment, .visitor-comment, .facebook-comment, .google-comment, .aljazeera-comment{padding:15px 16px; float:right; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; margin-bottom:10px; margin-top:15px;}
.start-comment-on-comment .close-login, .close-commenting{margin-top:9px;}
.close-login, .close-commenting{float: left;color: #4285e1;font-family: Al-Jazeera-Arabic-Bold, "arabic typesetting", serif;font-size:14px; padding-left:24px; background:url(/Views/Shared/shared/images/readercomment/close-login.jpg) no-repeat 0px 3px; cursor:pointer}
.thanks-message{font-family: Al-Jazeera-Arabic-Bold, "arabic typesetting", serif; color:#333; float:right; width:100%; margin-top:-5px;}
.aljazeera-login-logo, .thanks-logo, .aljazeera-visitor-logo, .aljazeera-facebook-logo, .aljazeera-google-logo{width:24px; height:71px; float:right; background:url(/Views/Shared/shared/images/readercomment/done.jpg) no-repeat 0px 0px; margin-left:18px;}
.thanks-logo {background-position:0px 0px; width:32px; height:62px;}
/* end report abuse Forms-readre comment */
/* Trial Message ----------------------------*/

#trial-msg{background-color:#1759af; color:#fff; font-size:16px; position:fixed; width:100%; padding:5px 20px;z-index: 99999;box-sizing: border-box; -moz-box-sizing: border-box;}
.trial-text-right{float:right; border-right:5px #E5C069 solid; padding-right:0.5%; margin-left:1%;}
.trial-text-left{float:left;}
.trial-text-left a{text-decoration:underline; color:#fff;}
@media only screen and (max-width: 700px){

                .trial-text-left{float:right;border-right:5px #E5C069 solid; padding-right:0.5%; width:100% }
                .trial-text-right{width:100%;}
                #trial-msg{position:static;float:right; margin-bottom:10px;font-size:14px !important ; }

}
@media only screen and (max-width: 767px) and (min-width:700px)
{
   .mm-opened + .mm-page #trial-msg{width:98%}
}
/* Memebership *****************************************************/
.login-start{ color:#646464; font-weight:bold; font-size:13px; font-family: Greta, "arabic typesetting", serif; padding:7px; padding-right:17px}
.login-show{
    background: #978000 url('../../images/media/black-arrow.png') no-repeat 110px 12px;
    border:1px solid #cbcbcb;
     width:100px;
     color: #fff;
font-family: Al-Jazeera-Arabic-Bold,"arabic typesetting",serif;
border-radius: 5px;
}
#account-logged{display:none}
#login-box{width:369px; position:absolute; height:192px; border:1px solid #cbcbcb; left:0px; background-color:#fff;padding-bottom:10px; display:none;margin-top:153px; z-index:99999;}
#login-box input[type="text"], #login-box input[type="password"]{ width:208px;}
#close-login {width:20px; height:20px; display:block; float:left; background:url('../../images/media/membership-back.jpg') no-repeat 0px 0px; margin:5px 0px 0px 5px;}
#close-login:hover{background-position:1px -22px;}
#login-form {margin:22px 18px 19px 28px;}
#login-form .submit-form-button{ padding:5px 10px; font-size:15px;}
#login-form .form-row.submit-row {width: 223px; float: left;}
#login-form .error-div {width: 209px;}
#login-form a {font-size:13px;float: left;margin-top: 7px; font-weight:bold;}
input[type="button"], input[type="submit"]{ cursor:pointer;}
.member-links { float:left; margin-left:28px; box-sizing:border-box; -moz-box-sizing:border-box; margin-top:15px;}
.member-links a span{ background:url('../../images/media/membership-back.jpg') no-repeat; width:28px; height:28px; display: inline-block; margin-left:7px;float: right; margin-top:-4px;transition: 200ms linear;}
.member-links a {padding-bottom: 5%; display:inline-block; margin-right:8px; font-weight:bold; color:#4f4f4f; font-size:13px; }
.member-links a:hover{color:#2575bc}
#new-member span{background-position:-24px 0px; }
#new-member:hover span{background-position:-24px -31px}
#cancel-membership span{background-position:-52px 0px}
#cancel-membership:hover span{background-position:-52px -31px}
#contact-us span{background-position:-84px 0px}
#contact-us:hover span{background-position:-84px -30px}
#account-logged {position:relative;  z-index:9999;}
#account-logged .nav-account{float:left;padding:6px; padding-right:15px;font-weight:bold; border:1px solid #fff;}
#account-logged .nav-account:hover, .loggingHover {padding:6px;padding-right:15px;background:#e5e5e5 url('../../images/media/black-arrow.png') no-repeat 41px 12px;   border:1px solid #cbcbcb;  color:#646464}
.img-thumb{margin-top:5px;}
#account-menu{display:none; background-color:#fff;border:1px solid #cbcbcb; position:absolute; left:0px;  width:56px; top:56px; margin:0px;padding:0px; }
#account-menu li{ margin:7px 0px !important; text-align:center; font-weight:bold; width:100%; float:none !important; clear:both !important}
#account-menu a{color:#646464;}
#account-menu a:hover {background-color:#eaeaea; width:100%;}
#account-login-form {}
#login-error {display:none;}
#login-error-image {width: 66px;height: 64px;float: right;margin-top: 50px;margin-right: 35px;margin-left: 10px;}
#login-error  input[type='submit'], #login-error  input[type='button']{margin-right:35px;clear:both;border:0px solid #fff; color:#fff; padding:5px 20px; float:right; background-color:#4285e1; font-family: Greta, "arabic typesetting", serif; font-size:15px; font-weight:bold;margin-left:15px; margin-top: 16px;}
#login-error-text{float:right;float: right;width: 61%;font-size: 16px;margin-top: 59px;}
.mobile-wrap{height: 143px !important;}
.mod-mobile-wrap{height: auto !important;}
@media only screen and (min-width:767px) and (max-width:879px){
#site-header .wrapper{position:relative;}
#login-box{margin-right:27.10069445%; margin-right:calc(17.10069445% + 77px); margin-top:119px;}

}
@media only screen and (min-width:880px) and (max-width:1025px)
{
    #login-box{margin-top:105px}
}
@media only screen and (max-width:766px){
	#site-header .wrapper{position:relative;}
	.nav-wide a{display:inline-block; margin-top:1px;}
#login-box{position:relative; width:100%; border-left-width:0px; border-right-width:0px; margin-top:40px;height: 280px;}
#login-box .form-row{ text-align:right;}
#close-login {margin-left:1em;}
#login-form .form-row.submit-row{width: 100%; float:right;}
#login-box input[type="text"], #login-box input[type="password" ]{width:97%;}
#login-form a {float:right}
.member-links{float:right;margin-right:2%;margin-left:0px;}
#login-form .error-div {top:auto; width:97%;}
#close-login {margin-top:10px;left:0px; position:absolute;}
#login-error-text{margin-top: 52px;}

}
@media only screen and (max-width:400px){
	#submit-form .error-div {top:auto !important; width:286px;}
	#site-header{padding:0px !important; height:58px !important}



	#nav-account-live .button-watchlive {width:auto !important;}
}
/* End Membership *************/





@media only screen and (min-width:767px) and (max-width:1023px)
{
    .opinion  da1-da4 {width:59.798611%;}
 }

@media only screen and (min-width:767px) and (max-width: 799px) {
	.responsiv-header{margin-bottom: 2em !important;}
}

@media only screen and (max-width: 767px)
{
     .play-fix
    {
        padding:3.3% !important;

    }
    .play-fix:after{ left:24px !important; bottom:4.9em !important ; }


	#site-header {
    padding-left: 1em;
    padding-right: 1em;
    padding-top:0px;
	}

	#site-header > .wrapper {
    margin-bottom: 0em !important;
    padding-bottom: 1em;
    height: auto;
    float:right;
	}
	#login-box{
background: #e5e5e5;
}

#new-member span {background-position: -24px -68px;}
#new-member:hover span {background-position: -24px -68px;}
#contact-us span {background-position: -84px -70px;}
#contact-us:hover span {background-position: -84px -70px;}
#close-login{background-position: 0px -70px;}
#close-login:hover{background-position: 0px -70px;}
#cancel-membership span {background-position: -52px -68px;}
#cancel-membership:hover span {background-position: -52px -68px;}
}

@media only screen and (max-width: 600px) {

html.for-menu-Iphone {position:static !important;}
}

@media only screen and (max-width: 500px) {
#new-member span {background-position: -24px -68px;}
#new-member:hover span {background-position: -24px -68px;}
#contact-us span {background-position: -84px -70px;}
#contact-us:hover span {background-position: -84px -70px;}
#close-login{background-position: 0px -70px;}
#close-login:hover{background-position: 0px -70px;}
#cancel-membership span {background-position: -52px -68px;}
#cancel-membership:hover span {background-position: -52px -68px;}
#login-box{
margin-top: 6%;
border: none;
background: #e5e5e5;
width: 97%;
left: -1.45%;
}
.contrast
{
    border-bottom: none;
}
}

@media only screen and (max-width: 3000px) {
.clear-none-class
{
    clear:none !important;
}

}


@media only screen and (max-width: 700px)
{
    .play-fix:after{ left:22px !important; bottom:4.7em !important ; }
}

@media only screen and (max-width: 620px)
{
    .play-fix:after{ left:20px !important; bottom:4.6em !important ; }
}

@media only screen and (max-width: 568px)
{
    .play-fix:after{ left:18px !important; bottom:4.5em !important ; }
}


@media only screen and (max-width: 560px)
{
    .play-fix:after{ left:18px !important; bottom:4.5em !important ; }
}

@media only screen and (max-width: 490px)
{
    .play-fix:after{ left:15px !important; bottom:4.3em !important ; }
}

@media only screen and (max-width: 430px)
{
    .play-fix:after{ left:13px !important; bottom:4.2em !important ; }
}

@media only screen and (max-width: 360px)
{
    .play-fix:after{ left:11px !important; bottom:4.1em !important ; }
}

@media only screen and (max-width: 320px)
{
    .play-fix:after{ left:9px !important; bottom:4em !important ; }
}

/*qween death-------------------------------- */
.title-qween-death
{
    width: 100%;
    margin-left: 0%;
}

.header-qween-death
{
    margin-bottom: 15% !important;
}
@media only screen and (max-width: 950px)
{
    .text-qween-death
    {
        margin-top: -13.4% !important;
    }
}
/*qween death-------------------------------- */

/*************Error Page***********************/
.ErrorPage
{
     text-align:center !important;
     padding-bottom: 25px;
     padding-top: 25px;
}
.errorPageSearchHearder
{
    top:8em !important;
}
/*************End Error Page***********************/
 .relatedItem
 {
     list-style: square;
     color: #004593;
     padding-right:0%;
 }


 	.disableFooterLink
 {
     cursor: default;
 }
 #stwrapper
 {
     position: absolute;
     z-index: 999999999
 }
 .ErrorColor
 {
     color:Red;
 }
 @media only screen and (max-width: 768px)
{
    .detailed-knlg-page-add
    {
    bottom:0px;
    }
}
 @media only screen and (max-width: 1024px)
{
    .detailed-knlg-page-add
    {
    height:239px;
    }
}
 @media only screen and (max-width: 1023px )
{
.errorPageSearchHearder {
top: 5em !important;
}


}
#paner
{
   /*margin-right: -110px;*/
}
.imgvideo {
    width: 25px !important;
}
.imglist {
    width: 32px !important;
}


/*****************************************************/

#sidebar .flexslider { width:310px; height:204px;}
#sidebar .flexslider .slides > li {height:204px;}
#sidebar .slider-caption {width: 100%;padding: 0;bottom: 0;}
#sidebar .slider-caption h2 {padding:3px 10px;}
#sidebar .slider-caption h2 a{font-size: 18px;}

.ei-slider{position: relative;width: 100%;max-width: 1005px;height: 498px;margin: 0 auto 0;}
.ei-slider-loading{	width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index:999;	background: #000 url('../../images/media/black-loader.gif') no-repeat 50% 48%;	color: #fff;text-align: center;	line-height: 520px;}
.ei-slider-large{height: 100%;width: 100%;position:relative;overflow: hidden;}
.ei-slider-large li{position: absolute;top: 0;left: 0;overflow: hidden;height: 100%;width: 100%;}
.ei-title{position: absolute;left: 5%;margin-right: 0;margin-left:2%;bottom: 10%;color:#fff;opacity:0.8;}
.ei-title h2, .ei-title h3{text-align: left; font-family:DroidKufi-Regular,Arial, Helvetica, sans-serif;}
.ei-title h2{color: #FFF;font-size: 24px;font-family:DroidKufi-Regular,arial,Georgia, serif;background:#000;float:left;padding:5px;margin-bottom:5px;}
.ei-title h3{clear:both;font-size: 14px;line-height: 20px;width:835px;background:#000;padding:5px; }
.ei-slider-thumbs{height: 10px;margin: 0 auto;position: relative;max-width:100%!important; top:-6%; opacity:0.8;z-index:100;right: 43%;}
.ei-title a{color:#FFF;}
.ei-slider-thumbs li{position: relative;float: right;height: 100%;width: 10px !important;margin-left: 10px;}
.ei-slider-thumbs li.ei-slider-element{top: 0;left: 464px;position: absolute;height: 100%;z-index: 10;text-indent: -9000px;background: #fff;}
.ei-slider-thumbs li a{	display: block;text-indent: -9000px;background: #333 ;width: 100%;height: 100%;cursor: pointer;-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3), 0 1px 0 1px rgba(255,255,255,0.5);	-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3), 0 1px 0 1px rgba(255,255,255,0.5);	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3), 0 1px 0 1px rgba(255,255,255,0.5);
	-webkit-transition: background 0.2s ease;-moz-transition: background 0.2s ease; -o-transition: background 0.2s ease; -ms-transition: background 0.2s ease;   transition: background 0.2s ease;}
.ei-slider-thumbs li a:hover{
	background-color: #9e8c26;
}
.ei-slider-thumbs li img{ position: absolute;bottom: 50px;opacity: 0;z-index: 999;width: 100%;max-height:100px;
	-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease; -ms-transition: all 0.4s ease;   transition: all 0.4s ease;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-box-reflect:
        below 0px -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(transparent),
            color-stop(50%, transparent),
            to(rgba(255,255,255,0.3))
            );
}
.ei-slider-thumbs li img{max-height:65px;}
.ei-slider-thumbs li:hover img{opacity: 1;	bottom: 5px;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.ei-slider{ height:444px;}
.ei-slider-loading{line-height:228px;}
.ei-title h3{font-size: 11px;line-height: 14px;width:435px;}
.ei-title h2{font-size: 14px;}

#news_silder{
    /*border:1px solid #dedcb4;
    box-shadow: 0px 2px 6px #CCC;
    border-radius:2px;
    padding:7px;*/
    position:relative;
    /*margin-left: -10px;*/
    margin-top: 16px;
    /*background:#f0efdd;*/

}
#news_scroll{
width:100%;
	max-height:383px;
	overflow:hidden;
    overflow-y: auto;
}
/* Let's get this party started */
#news_scroll::-webkit-scrollbar {
	width: 5px;
}
#news_scroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 3px;
    background: #9e8c26;
    width: 5px;
}




#news_scroll dl{
	padding:2px 2px;
	margin-left:10px;
	border-bottom:1px #dedcb4 solid;
	}
	#news_scroll dt a{
	/*font-family:'Midan',Bahij Midan,Midan,Arial, Helvetica, sans-serif;
font-family:Greta, "arabic typesetting", serif;*/
	font-size:2.2rem;
	/*color:#111;*/
	/*line-height:18px;*/
	}
	#news_scroll dd{
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size:10px;
	color:#666;
	}
    #news_scroll::-webkit-scrollbar-track {
    background:url('../../images/media/dot.gif') repeat-y center center;
}
.title-z{
    direction: rtl;
background-color: rgba(0,0,0,0.5);
font-family: Al-Jazeera-Arabic-Bold, "arabic typesetting", serif;
color: #fff;
font-size: 20px;
height: 42px;
position: absolute;
text-align: right;
z-index: 99;
width: 100%;
padding-right: 8px;
}


.column-vert{width:100%;position: relative;overflow: hidden;}
.column-image sliderblock {
   clear: both;
display: table;
margin: 0px;
width: 100%;
margin-bottom: 15px;
}


.column-vert .column-image img{width:100%;}
.column-vert.last-column{margin-left:0;}
.RightSection .block{margin-bottom:20px;}
.column-sidebar .teaser_one .image a{display:inline-block;border:1px solid #bebebe;}
.three-columns .image{text-align:center;}.three-columns .image a{display:inline-block;border:1px solid #bebebe;margin-top:18px;}
.teaser_one{margin:5px;}.column-sidebar .teaser_one .image{float:left;padding-right:10px;}.three-columns .image a img{float:right;}
.three-columns .title a,.column-sidebar .teaser_one .title a{color:#444;font-family:Arial,Tahoma;font-size:16px;
                                                             line-height:18px;text-align:center;font-weight:bold;margin-bottom:7px;display:block;}
.three-columns p.info{font-size:12px;color:#575757;line-height:18px;}


.title-S a{
    font-family: 'Midan',Bahij Midan,Midan, "arabic typesetting", serif;
    font-size: 2.2rem;
    line-height: 1.5;color: #474747;
}


a.pagor {
	height:20px;
	padding-left:4px;
	padding-right:4px;
	display:block;
	float:left;
	border:1px solid #CCC;
	color: #444;
	margin-right:4px;
	text-decoration:none;
	text-align:center;
}

a.pagor:hover {
	background:#ADDADC;
	border:1px solid #33A8AD;
	color:white;
}

a.selected {
	background:#A3E9EC;
	border:1px solid #6DCED2;
}
.Zw{
    font-family: Al-Jazeera-Arabic-Bold, arabic typesetting, serif;
    font-size: 1.3rem;
}
.tabs li a{
    background:#978000;
}
#twitter-widget-0 {
    height: 456px !important;
}


.commentbutton{
    font-family: 'Midan',Bahij Midan,Midan, "arabic typesetting", serif !important;
font-size: 2rem !important;
font-weight: normal !important;
color: #fff;
padding: 0 8px;
height: 30px !important;
/* min-width: 60px !important; */
background: #978000 !important;
border: 1px solid #978000 !important;
border-radius: 5px;
}
.pagerlistview{
    font-size:1.2em;


   text-align: center;
    width:100%;
     margin:2% 35%;
   display: inline-table;

}
.pagerlistviewNum{
    text-align:right;
    direction:rtl;
 float:right;
    margin:7px 5px;
    padding:5px;
      background-color:#e8e8e8;

}
.pagerlistviewNumCurrent{
     margin:7px 5px;
   padding:5px;
      background-color:#e8e8e8;
 float:right;
  font-weight:bold;
    /*font-size:2em;*/

}
.pagerfirstandprev {
      margin:10px 5px;
 direction:rtl;
    float:right;

}
.pagerlistandnext {
      margin:10px 5px;
 direction:rtl;
    float:right;
}


.imagref
{display: inline-block;
 margin-bottom:-4px;
 vertical-align: top;
}
#UpdatePanel1capch{  display: inline;
}
.capch
{display: inline-block;
}
.capch
{display: inline-block;
    }