/* 
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: 100%;
	vertical-align: baseline; 
	background: transparent;
}

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: Al-Jazeera-Arabic-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;
}
#DynamicContentContainer div, #DynamicContentContainer table,  #DynamicContentContainer td, #DynamicContentContainer div, #DynamicContentContainer p, #DynamicContentContainer span, #DynamicContentContainer{font-family: Greta, "arabic typesetting", serif  !important;color: #333333 !important; font-size:18px}
/* 2. Clearfix -------------------------------- */

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom:1;
}

.wrapper {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	left: 0;
	position: relative;
}

.BackToTopImage{cursor: pointer;margin-top: 6px; display:inline-block;}
.responsiv-header-mod
{
	padding-bottom:0.8%;
	}
	
@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: 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: 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-Regular;
	src: url('fonts/Al-Jazeera-Arabic-Regular.eot');
	src: url('fonts/Al-Jazeera-Arabic-Regular.eot?#iefix') format('embedded-opentype'),
			 url('fonts/Al-Jazeera-Arabic-Regular.woff') format('woff'),
			 url('fonts/Al-Jazeera-Arabic-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

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

body {
	background-color: #F6F6F6;	
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
	color: #777;
	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: #2575bc;
	text-decoration: none;
}

a:hover {
	color: #004593;
}

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;
}

/* 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: #999;
	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;
}

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

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

.nav-path a + a:before {
	content: "›";
	color: #999;
	display: inline-block;
	padding: 0 0.75em;
}

#nav-site .subnav a {
	font-weight: 400;
}

[class*=heading-section] + .subnav {
	padding-top: 1em;
}
#main-banner {margin:11px auto 0px; width:747px; padding-bottom:10px;}
#main-banner.long-banner-content {margin-top:-20px;}
#main-banner img,#main-banner div:first-child {border:10px 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.9em;
	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: Al-Jazeera-Arabic-Bold, "arabic typesetting", serif;
}

.list {
	font-size: 14px;
	font-size: 1.4rem;
	padding-top: 1em;
}

.list-mod
{
    padding-right: 8%;
list-style-type: square !important;
color: #2575bc;
padding-top:0px;
}

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

.list a {
	display: block;
}

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

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

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

.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: 1em;
}

.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: 14px;
}

.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: block;
	border: none;
	background-color: #4285E1;
	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;
}

/* 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-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: 1em;
	padding-bottom: 1em;
	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: 1.6rem;
	color: #131313;
	text-transform: uppercase;
	margin-bottom: 0.5em;
	line-height: 1;
	font-family: Al-Jazeera-Arabic-Bold, "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;
	padding-bottom: 1em;
}

[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;
	}
	
}

.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('images/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: #777;
}

.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/share-sprite.png");
  background-position: 95% -270px;
  background-repeat: no-repeat;
  border: 1px solid #009CFF;
  color: #FFFFFF;
  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/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: 2em;
}

.page-anchors a {
	color: #3591D2;
  display: block;
  margin-bottom: 0;
  padding: 1em 0.5em 0.5em 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/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: Al-Jazeera-Arabic-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('images/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: #888;
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1.4em;
	font-family: Al-Jazeera-Arabic-Regular, "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/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.8rem;
	margin-bottom: 0.5em;
	color: #333;
	float: right;
padding-top: 20px;
width:100%;
}


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

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

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

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

@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: 1.4rem;
}

#footer-logo {
	margin-top: -1.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: 1.5em;
	padding-bottom: 1em;
}

#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;
}

@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: 1.2rem;
}

#nav-footer {
  border-top: 1px solid #595959;
  margin: 2em 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:10px !important; line-height:20px;}
}

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

.filternav {
	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;
	z-index: 1;
	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.5em;
	border: 1px solid transparent;
	margin: 0;
	display: block;
}

.filternav .drop:before {
	border-top-color: #3591D2;
	border-width: 0.3em;
}

.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;
}

.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;
}
.popular-filter {margin-left:20px;}
.drop-menu 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;

}

.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 {margin-bottom: -34px;font-size:12px; float:right; padding-right:15px; padding-top:10px; border-top:1px solid #DDDDDD; width:100%; box-sizing:border-box;-moz-box-sizing:border-box; font-family: Al-Jazeera-Arabic-Bold, "arabic typesetting", serif; font-weight:normal;}
.date-for-website span {display: inline-block; width:57%; padding-top:3px;}
@media only screen and (max-width:1100px){.date-for-website span {display: inline-block; width:44%; font-size:11px;}}
@media only screen and (max-width:1024px) {.portalNewsTicker + .date-for-website {margin-top:0px;} .date-for-website span {display: inline-block; width:40%; font-size:11px;}}
/* 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-header {
  background-color: #FFFFFF;
  position: relative;
  z-index: 1000;
}

#site-header > .wrapper {
  margin-bottom: 1.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%;}
#site-logo a {
  background-image: url("images/aj-logo.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
  display: block;
  height: 130px;
  overflow: hidden;
  text-indent: -5000px;
  width: 130px;
}
@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/aj-logo-wide.jpg");
    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:-24px;}
#nav-account-live li {
  margin: -10px 0px;
 
}
#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;

}

#nav-account-search {
  position: relative;
  top:8.5em;
  float:left;
width: 332px;
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-Regular,"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 #E5C069;
}

#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: 9999999;
}

#nav-form-search {
  display: block;
  /*position: absolute;*/
 top:9.5em;
  width: 175px;
 left:93px;
}

@media only screen and (max-width: 1045px) and (min-width: 1023px) {#nav-form-search {top:7em;}}
@media only screen and (max-width: 1023px) and (min-width: 880px) {#nav-form-search {top:3.5em;}}
@media only screen and (min-width:767px) and (max-width: 879px) {#nav-form-search {top:6em;}}

@media only screen and (min-width:767px) 
{
	#nav-site>ul{float:right; margin-top:-28px;}
	#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.5em;
  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:1.8em;
	    }
}

@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: #E5C069;
	  background-image: url("images/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("images/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:Al-Jazeera-Arabic-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: 0;
	width: 25%;
	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: 25%;
	}
	
}

.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, .markets {
	background: #0184d6;
}

.weather {
	background: #686966;
}

.tv {
	background: #d17c0c;
}



.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;}
#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: 27%;
}

#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: 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: 2em;
}

@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: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 ;
	
	}
	
}

.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, #main-content-sidebar #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, #main-content-sidebar #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: Al-Jazeera-Arabic-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:800px;}
.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: #2d2f31;
	padding-top: 1em;
	padding-bottom: 1em;
	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: #E5C069;
}

[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%;
}


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





@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 #131313;
	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 #2575BC;
}

.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: 1em;
}

.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.6em;
}
 .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:500px}}
.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("images/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: 1.5em;
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid #ddd;
	clear: both;
}

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

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

.standfirst {
	font-family: Al-Jazeera-Arabic-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: #777777;
  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;

}

.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: Al-Jazeera-Arabic-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;
}

/* 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:10px;
	 font-family: Al-Jazeera-Arabic-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;
	}
}

/* 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: 2em;
	line-height: 2em;
	margin: 0 0 1em;
	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: #333333;
}

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

@media only screen and (max-width: 1075px) {
	.tabs .heading-section{
		font-size: 12px;
		font-size: 0.6em;
		
	}
}

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

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

.on{
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-bottom: 1px solid #fff;
}

.stat span {
  color: #333333;
  font-family: Al-Jazeera-Arabic-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: Al-Jazeera-Arabic-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: Al-Jazeera-Arabic-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-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%;
}

}

/* 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: 92px; 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: #eaeaea;padding: 10px 6.2%;}
	
#votes{clear: both;padding:15px; color:#000; float:right}	
#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.5em;}
#main-content-sidebar .box-section:first-child {border-top:0px solid #fff;} 
#opinions-gallery {direction:ltr;}
.photos-tabs {margin-top:5px;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; width:100%;}
.opinion-box img{float:right; }
.opinion-box .opinion-title{direction:rtl;background-color:#000; padding:10px; font-family: Al-Jazeera-Arabic-Bold, "arabic typesetting", serif; color:#fff; font-size:15px;height: 42px;}
.opinion-box .opinion-title a{color:#fff;}
#tab-area-3 .carousel-row,  #tab-area-4 .carousel-row {margin-top:10px; 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:-1px;}
/*.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;}

	-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;}

.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 {position:relative;}

#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; }

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%;}
@media only screen and (min-width: 767px) and (max-width: 1023px) {.photos-tabs h3, .opinion-box .opinion-title{font-size:13px;} #main-content-sidebar #left-votes{width: 98%;margin-right: -4%;left: -5% !important;}#tab-area-photos-1{padding:0px;}}
@media only screen and (min-width:767px){#left-votes .tab-module > div {margin-top:-1px} 

#votes h1{font-size:20px; margin-bottom:15px;}
#votes  #captcha  {float: right;width: 75%;}
.wide-votes #votes #captcha {width:65%;}
#votes #image-captcha {width: 134%;margin-right: -15%;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 {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; }
#main-content-sidebar #left-votes {left: -6.3%;position: relative; padding-left: 6.6%;padding-right: 6.6%;}
#main-content-sidebar #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%;}
#main-content-sidebar #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)
{
    #main-content-sidebar #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) 
{
    #main-content-sidebar #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;}
#main-content-sidebar #left-votes{margin-bottom:20px;padding-right: 4.1%; background-color:transparent; position:static; margin-top:15px; width:97%; float:right; }
#main-content-sidebar #left-votes .tab-module .box {margin-bottom:20px;}
#small-gallery-msg {}

}
	/************************** end services area ************************************/
/* 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;
}

.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 */

#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 .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 
{
    
	
	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 {

	margin:0;
}
.ticker-controls li.jnt-prev.over {}
.ticker-controls li.jnt-prev.down {}
.ticker-controls li.jnt-next {

}
.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;}

.thanks-message{font-family: Al-Jazeera-Arabic-Bold, "arabic typesetting", serif; color:#333; float:right; width:100%; margin-top:-5px;}

.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:6px; padding-right:17px}

#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: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 {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;}

.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;
}


}