@import url("common.css");@media screen and (max-device-width:480px){#search div.radio-controls div.n-lbl{float:right;margin-right:5px;margin-top:6px}}body,table,tr,td,form,div,p,h1,h2,h3,h4{font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;font-size:small;font-style:normal;color:#3c3c3c;margin:0;padding:0}
a:link,a:visited,a:hover,a{font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;font-size:small;font-style:normal;color:#3c3c3c}a{text-decoration:none}h1{font-family:Arial;color:#707070;font-size:16px;font-weight:600}h2{font-family:Bree Serif;color:#ffffff;font-size:17px;font-weight:600}.clear{clear:both}#header{position:fixed;top:0px;width: 100%;overflow:hidden;min-height:100px;max-height:90px;padding:-3px 0 1px 0;border-bottom:3px solid #03386b;background:linear-gradient(to top right, #fff 0%, #fff 100%)}
#avatar{position:absolute;top:5px;right:15px}#header div.avatar img{max-height:80px;max-width:autopx}#text{min-width:220px;text-align:right;margin:15 110px 5px -60px}.no-avatar #text{min-width:220px;margin:0 5px 5px 10px;word-wrap:break-word}div.grad-mid{display:none}div.grad-light{display:none}#breadcrumbs{position:fixed;top:77px;width: 100%;overflow: hidden;min-height:0px;text-indent:10px;padding:9px 0 10px 0;background:none repeat scroll 0 0 #fff;border-bottom:solid 2px #707070;border-top:solid 2px #707070;padding-bottom:5px;margin:13px 0px}
#breadcrumbs ul{list-style:none;margin:0;padding:0}#breadcrumbs ul li{display:inline}#text-header{margin-top: 80px;height: 0px;padding:-20px}div.error{color:red;font-size:13px;font-weight:700;margin:5px 10px}.contact-item{background-color:#fff;border-bottom:1px solid #e1e1e1;border-top:1px solid #e1e1e1;display:block;margin-bottom:-1px;min-height:32px;padding:7px;position:static}
span.n-lbl{display:block;margin-right:52px;margin-bottom:3px;margin-top:-40px;word-wrap:break-word}span.value{display:block;color:#000080;margin-right:52px;word-wrap:break-word}span.value span.ttle{display:block;margin-top:5px;border-top:dotted 1px #999;padding-top:5px}span.value span.sub-value{margin-top:1px;display:block;color:#666}
#footer{padding-top:6px}#private-data{font-size:smaller;padding:7px 0 0 0;border-top:solid 1px #d1d1d1;margin:3px 10px 7px 10px}#private-data a{color:#000080;padding:0 0 0 2px}
#friend-request{border-top:solid 1px #d1d1d1;padding-top:8px;margin:3px 0 7px}#friend-request div{margin-right:12px;margin-top:5px}#search{border-top:solid 1px #d1d1d1;padding-top:8px;margin:5px 10px 5px 12px}#search div.slabel{margin-bottom:3px}#search div.input{float:right}#search div.button{float:right;padding:0 0 0 4px}
#search div.radio-controls{padding:5px 5px 10px}#search div.radio-controls div.radio{float:right}#search div.radio-controls div.n-lbl{float:right;margin-right:5px;margin-top:2px}#login{margin:0 5px}#login h1{margin:5px 0 15px}#login div{margin:5px 0}#login div.spacer{margin-bottom:15px}div.sponsored-links{background-color:beige;margin:10px 10px 15px;padding:10px}
div.related-content{background-color:#f6e8e4;margin:10px 10px 15px;padding:10px}#breadcrumbs ul li a,#login a{color:#000080;text-decoration:underline}#search div.input input,#login div input.txtbox{border:solid 1px #d1d1d1;padding:2px}div.sponsored-links div.advert,div.related-content div.item{margin:0 0 11px}
div.sponsored-links div.advert h4,div.related-content div.item h4{font-weight:400;color:#7eaaac;text-decoration:underline;margin-bottom:2px}div.sponsored-links div.advert h4 a,div.related-content div.item h4 a{color:#7eaaac}div.sponsored-links div.advert a.link,div.related-content div.item a.link{display:block;color:#7eaaac;margin-top:2px}
div.sponsored-links div.bottom-title,div.related-content div.bottom-title{font-size:smaller;text-align:right}div.vouchers{margin:10px 10px 15px 10px;padding:10px}
div.voucher h4,div.voucher h4 a{text-align:center;color:#0061b4;font-size:13px;font-weight:normal;margin:3px 0 3px 0;text-decoration:underline}div.voucher p{color:#505251;font-size:12px;text-align:center;margin:0;padding:0}div.voucher p.promo{margin:4px 0 6px 0}div.voucher a.external-link{color:#019340;text-decoration:none}
div.voucher a.external-link:hover{text-decoration:underline}div.imgads{margin-right:10px}div.imgad{margin-top:10px}img.imgad-img{border:0;max-width:300px;max-height:225px}
div.related-content div.item p a{color:#3c3c3c}
p{font-weight:600; color:#ffffff;text-align:center}
p {
  color:white;
}
}
@font-face {
font-family: "Al-Jazeera-Arabic-Bold";
src: url("../eHotline/Al-Jazeera-Arabic-Bold.ttf");
}
p:hover {
  color:#6cb1f2;
}

#footer{position: fixed; bottom: 0px; width: 100%; height: 58px; background: linear-gradient(to top right, #013d75 0%, #fff 100%);border-top:3px solid #fff;padding: 5px 5px}
#footer1{position:fixed;bottom:57px;width: 100%;min-height:45px;padding:6px 0 14px 0;border-top:3px   solid #fff;background:linear-gradient(to  left, #013d75 0%, #fff 100%)}

html {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
input{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:190px;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}

q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* General Demo Style */
body{
  font-family: "helvetica neue", helvetica;
	background: #000;
	font-weight: 400;
	font-size: 15px;
	color: #aa3e03;
	overflow-y: scroll;
	overflow-x: hidden;
}
.ie7 body{
	overflow:hidden;
}
a{
	color: #333;
	text-decoration: none;
}
.container{
	position: relative;
	text-align: center;
}
.clr{
	clear: both;
}
.container > header{
	padding: 30px 30px 10px 20px;
	margin: 0px 20px 10px 20px;
	position: relative;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: left;
}


.slideshow,
.slideshow:after {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.slideshow:after {
    content: '';
    background: transparent url(../images/pattern.png) repeat top left;
}
.slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
}
.slideshow li div {
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s;
}
.slideshow li div h3 {
  font-family: "helvetica neue", helvetica;
  text-transform: uppercase;
  font-size: 80px;
  padding: 30;
  line-height: 200px;
	color: rgba(255,255,255, 0.8);
}
.slideshow li:nth-child(1) span { background-image: url(../logo/1.jpg) }
.slideshow li:nth-child(2) span {
    background-image: url(../logo/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.slideshow li:nth-child(3) span {
    background-image: url(../logo/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.slideshow li:nth-child(4) span {
    background-image: url(../logo/7.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.slideshow li:nth-child(5) span {
    background-image: url(../logo/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.slideshow li:nth-child(6) span {
    background-image: url(../logo/6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
.slideshow li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.slideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.slideshow li:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.slideshow li:nth-child(6) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -moz-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -o-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -ms-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.1);
	}
	100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -webkit-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -webkit-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -webkit-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -moz-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -moz-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -moz-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -o-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -o-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -o-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -ms-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -ms-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -webkit-transform: scale(10);
	}
	100% { opacity: 0 }
}
@keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    transform: scale(10);
	}
	100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .slideshow li span{
	opacity: 1;
}
@media screen and (max-width: 1140px) { 
	.slideshow li div h3 { font-size: 100px }
}
@media screen and (max-width: 600px) { 
	.slideshow li div h3 { font-size: 50px }
}