/* CSS Document
This notice must remain in place!
 _______________________________________________________________
|                                                               |
|     AUTHOR  :basma ibrahim                       |
|    WEBSITE  : { http://www.starware.net }                     |
|DESCRIPTION  : style sheet                                     |                                          
|    ________________________________|

*/
@font-face {
    font-family: "american_typewriterregular";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/ufonts.com_american_typewriter-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/ufonts.com_american_typewriter-webfont.woff") format("woff"), url("fonts/ufonts.com_american_typewriter-webfont.ttf") format("truetype"), url("fonts/ufonts.com_american_typewriter-webfont.svg#american_typewriterregular") format("svg");
}
@font-face {
    font-family: "helveticareg";
    src: url("fonts/reg/helveticareg.eot?#iefix") format("embedded-opentype")), url("fonts/reg/helveticareg.ttf") format("truetype"), url("fonts/reg/helveticareg.svg") format("svg");
}
@font-face {
    font-family: "helveticabold";
    src: url("fonts/bd/helveticabold.eot?#iefix") format("embedded-opentype"), url("fonts/bd/helveticabold.ttf") format("truetype"), url("fonts/bd/helveticabold.svg") format("svg");
}
#NewsDetail {
	min-height:239px;
}

body
{
}
.headerCont {
	background-color:#000;
	
}
.header {
	background:url('../images/header-bg.jpg') no-repeat center top;
	height: 100px;
    padding-top: 2px;
	height:58px;
	width:1000px !important;
}
.logo {
	direction:rtl;
	float:right;
}
.logoImg {
	width:150px;
}
.headerLft {
	direction:ltr;
	float:left;
}
.fbLogin {}
.headTitle {
	margin:10% 0 0 1%;
}
.headTitle img {
	width:150px;
}
.topdiv {overflow:hidden;min-height:235px;margin:5px auto 0;width:1300px;}

.ZoneDiv
{
    /*border: 1px solid #636363;*/
	border-bottom:none;
    float: left;
    width: 350px;
}

.ZonesContainerDiv
{
    overflow: hidden;
    background-size:100% 100%;
    padding-left: 150px;
    padding-left: 51px;
	cursor:grab !important;
    height:376px;
	clear:both;    padding-top: 85px;
}
body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #ececec !important;
}
.ZoneSecondNameDiv
{ 
color: #535353;
font-size: 10px;
margin-top: 0px;
text-align: center;
float: right;
margin-right: 17px;font-size:11.90px;
}

.ZoneNameDiv
{
background: url("../images/title-border.png") no-repeat scroll center top rgba(0, 0, 0, 0);
color: #535353;
margin-top: -4px;
float: right;
margin-right: 127px;font-family: helveticabold;font-size: 15px;
}

.ZonesDiv
{
    /*position: relative;
      top: 275px;*/
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -o-max-content;
    width: -ms-max-content;
}

.NewsDiv
{
    height: 253px;
    width: -moz-max-content;
	width:-webkit-max-content;
	    width: -ms-max-content;
}

.ToolBar
{

   border: 1px none;
    float: left;
    height: 130px;
    padding-left:25px;
    padding-top: 4px;
    position: absolute;
    width: 20px;
    z-index: 6;
}

.BlockDiv
{
    float: right;
}

.NewBlockDiv
{
    float: right;
    min-height: 100px;
}

.ui-tooltip
{
    border: 1px solid white;
    background: rgba(20, 20, 20, 1);
    color: white;
}

.set
{
    display: inline-block;
}

.notification
{
    position: absolute;
    display: inline-block;
    font-size: 2em;
    padding: .5em;
    box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.5);
}

.ZoneNameContainer
{
      border: 1px solid;
    width: 100%;
      border: medium none !important;
       font-family:Arial;
    margin: 0 auto;
    text-align: center;
    width: 100%;
     min-height: 30px;
	 padding-top:4px;
}

.NewTitleContainer
{
        font-family:Arial;
    background-color:#222222;
    border-left:4px solid #8c0f0b;
    position: absolute;
    text-align: center;
    width: 300px;
    z-index: 1;
    padding: 3px 7px;
    padding-top: 6px;
    background-size: cover;
    height: 62px;
}
/*.NewTitleContainerRed 
{
color:white !important;
  background: url("../images/table-red.png") no-repeat scroll center top / 102% 45px rgba(0, 0, 0, 0) !important;
   }*/
.NewTitle
{
    font-family:Arial;
    font-size: 13px;
    height: 19px;
    overflow: hidden;
    /*padding: 0 10px 0 9px;*/
    text-align: left;
    float:left;
}

.NewsContainer
{
    /*float:left;*/
    /*width: 200px;*/
    min-height: 225px;
    position: relative;
    width: -moz-max-content;
	    width: -ms-max-content;
}

.article-text-cont {
	padding-left:14px;
}

.VRLine
{
    background-color:#dbd9d9;
    position:relative ;
    position: absolute;
    width: 2px;

}
.VRLineContainer
{

    position: absolute;
     z-index: 10;
       width: 15px;
}
.DivDate
{
        font-family:Arial;
    font-size: 11px;
    padding-right: 11px;
    text-align: left;
}
.Loading
{
    
    position: absolute;
    top: 36px;
    z-index: 51;
}
.Arrow
{
    background: url("../images/arrow.png") no-repeat scroll center top rgba(0, 0, 0, 0) ;
    width: 25px;
    z-index: 46;
    position:absolute;
    z-index: 2;
}
.ArrowRed 
{
    background: url("../images/arrow-red.png") no-repeat scroll center top rgba(0, 0, 0, 0) !important;
	margin-top:-4px !important;
 
}
.ui-slider-vertical {width:1em ;}
.ui-widget-header, .ui-widget-content {background:url("../images/heroz-bar-bg.png") repeat-y scroll 0 0 #000000; }
.ui-widget-content {border:1px solid #222222  }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background:url("../images/icontime.png") no-repeat  ;border:0px; left:-4px;}
.ui-slider-vertical .ui-slider-handle {outline:none;cursor:pointer;
}
.ui-slider .ui-slider-handle {width:28px ;height:36px ;}

 

.Hslider .ui-state-default, .Hslider .ui-widget-content .ui-state-default, .Hslider .ui-widget-header .ui-state-default {
	background: url("../images/newbar-title.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0;
    height: 29px !important;
    margin-top: 5px;
	text-decoration:none;
    width: 107px !important;    background-size: cover;
}
.Hslider .ui-state-default div, .Hslider .ui-widget-content .ui-state-default div, .Hslider .ui-widget-header .ui-state-default div {
	color: #FFFFFF;
        font-family:Arial; 
    font-size: 10px !important;
    padding: 4px 3px 0px;
    text-align: center;cursor:pointer;outline:none;
}
.Hslider .ui-widget-header,.Hslider .ui-widget-content {
	background: url("../images/newbar-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none !important;
    border-radius: 0 !important;
}
.Hslider  {
	background: url("../images/newbar-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none !important;
    border-radius: 0 !important;
    height: 31px;
	margin-top:-28px;
}


.container{
	width:935px;
	margin: 0 auto;
	direction:rtl

}
.imageDiv{
padding:4px;
float:right;
border:1px solid #a0a4a3;
width:390px;
overflow:hidden;
margin-bottom:10px;
margin-right:2%;
max-height:212px;

}
.imageDiv img{
	display: block;
    margin: 0 auto;
}

.textDiv{

float: right;
    line-height: 23px;
    margin-bottom: 0;
    padding-right: 10px;
	direction:rtl;
	width:880px;
}

.textDiv h2{
	margin:2px 0px 0px 0px;
	    font-family:Arial;
	color:#EA1A20;
	text-align:right;
}
.textDiv h2:hover {
	color:#EA1A20;
	text-decoration:underline;
}
.scroller {
	direction: rtl;
    text-align: right;
}
.newsDetail
{
	    font-family:Arial;
 color: #454545;
    height: 130px;
    overflow: hidden;
	
    max-width: 859px;
    position:relative;
}

.dateDiv{
	    font-family:Arial;
    font-size: 13px;
    margin-left: 40px;

}

/*Scroll Style */
.ps-container .ps-scrollbar-x-rail {
    position: absolute; /* please don't change 'position' */
    bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color.2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-x-rail.in-scrolling {
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-y-rail {
    position: absolute; /* please don't change 'position' */
    left: 3px !important; /* there must be 'right' for ps-scrollbar-y-rail */
    width: 8px;
	right:851px !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    background:none repeat scroll 0 0 #CFDBE5 !important;
	opacity:0.72;
}

.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
    background-color: #CFDBE5;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-y-rail.in-scrolling {
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-x {
    position: absolute; /* please don't change 'position' */
    bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */
    height: 8px;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-x {
    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
    background-color: #999;
}

.ps-container .ps-scrollbar-y {
    position: absolute; /* please don't change 'position' */
    right: 0; /* there must be 'right' for ps-scrollbar-y */
    width: 8px;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container.ie .ps-scrollbar-y {
    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
    background-color: #99A5AF;
}
.ps-scrollbar-x-rail {display:none !important;}
.footerCon {
    color: #353535;
    float: right;
        font-family:Arial;
    font-weight: bold;
    text-align: center;
    width: 100%;
}
.footerCon a {
    color: #A91416;
       font-family:Arial;
    text-shadow: 1px 1px #FFFFFF;
}
.SliderNameContainer
{
}
.SliderZoneNameDiv
{
}
.SliderZoneSecondNameDiv
{
}
@media screen\0 {
.BlockDiv{
width:8400px;
}
.ZoneDiv
{

}
.ZonesDiv{
 max-width:16800px;
}}
.ZoneNameDiv {
    background: url("../images/title-border.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    color: #ffffff;
    margin-top: -4px;
    float: right;
    margin-right: 127px;
        font-family:Arial;
    font-size: 15px;
}
.ZoneSecondNameDiv {
    color: #fff;
    font-size: 10px;
    margin-top: 0px;
    text-align: center;
    float: right;
    margin-right: 17px;
    font-size: 11.90px;
}
.ZoneDiv {
    /*border: 1px solid #8c0f0b;*/
    border-bottom: none;
    float: left;
    width: 350px;
    border-top: 0;
}
.timeti {
    width: 30%;
    float: left;
}
.timetitel{    width: 100%;
                   margin-top: -6px;
    margin-bottom: -6px;
    float: left;}
.blocktime {
    max-width: 323px;
    float: left;
    margin-top:-7px;
}
.timetimg {
    width:25%;
    float: left;
    padding-right: 10px;
}
.timetid{    width: 71%;
    float: left;}
.blocktime  .img-responsive {
       width:61px;
    height: 43px;
}
.timetop {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
.timetitel a{font-size:12px;        font-family:Arial;}

#TimeLine {
    background: TRANSPARENT;
    float: left;
    width: 100%;    background-size: cover;
}