﻿*:focus { outline: none; }
h1, h2, h3, .h3, .h4, .h5, .h6, h4, h5, h6 {margin:0;}

#header { /*width: 1000px; height: 228px;*/ margin: auto; }
#header.section { height: 262px !important; }
#vTop {font-size: 12px; border-bottom: 1px solid #dfdfdf; margin-bottom: 10px; font-family: 'Yakout W20 Bold'; }
#vTop .left { width: 450px; float: left; text-align: left; margin: 5px 10px 0px; }
#vTop .right { width: 450px; float: right; margin: 5px 10px 0px; }
#top .maroc {clear: both;display: block;position: relative;top: -23px;left: -111px;width: 50px; height: 20px;}
#top { height: 95px; margin-bottom: 5px; }
#top .lb_add { float: left; width: 728px; }
#top .logo { width: 180px; height: 90px; float: right; }
#articlebody { direction: rtl;word-wrap: break-word; }
@media (min-width:800px) {.txtintop {direction:rtl;}}
@media (max-width:799px) {.txtintop {direction:rtl; text-align:right;}}
#top_menu { border-bottom: 1px solid #CCCCCC; background-color: #ededed; margin-bottom: 8px; position: relative; }
.top_menu_home { border-top: 3px solid #01507f; }

/* MENU RESPONSIVE */
.toggleMenu {
    display:  none;
    background: #666;
    padding: 10px 15px;
    color: #fff;
}
.nav {
	list-style: none;
	*zoom: 1;
	border-bottom: 1px solid #CCCCCC;
	border-top: 3px solid #01507f;
	background-color: #ededed;
	clear:both;
}
.nav .home {color:#ffffff; background:#23527c;}
.nav .home:hover {color:#23527c;}
.nav .news:hover {color:#ffffff; background:#23527c;}
.nav .avis:hover {color:#ffffff; background:#23527c;}
.nav .eco:hover {color:#ffffff; background:#346957;}
.nav .culture:hover {color:#ffffff; background:#C12D45;}
.nav .fun:hover {color:#ffffff; background:#3c7bb5;}
.nav .sports:hover {color:#ffffff; background:#CF6921;}
.nav .lifestyle:hover {color:#ffffff; background:#56386A;}
.nav .cuisine:hover {color:#ffffff; background:#FFBF00;}
.nav .journal:hover {color:#ffffff; background:#23527c;}

.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}
.nav a {
    padding: 10px 15px;
    color:#494949;
}
.nav li {
    position: relative;
}
.nav > li {
    float: right; border-left: 1px solid #e0e0e0;
}
.nav > li > .parent {
    background-image: url("../img/downArrow.png");
    background-repeat: no-repeat;
    background-position: 2px 24px;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    right: -9999px;
}
.nav > li.hover > ul {
    right: 0;
}
.nav li li.hover ul {
    right: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: #fff;
    position: relative;
    z-index:100;
    border-top: 1px dahsed #175e4c;
}
.nav li li li a {
    background:#249578;
    z-index:200;
    border-top: 1px solid #1d7a62;
}

@media screen and (max-width: 768px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("../img/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

}

.news-article {width:100%;}

#menu { width: 100%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; float: right; }
#search_top { width: 250px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; height: 35px; float: left; }
#menu #home { float: right; width: 38px; margin: -1px 0px; }
#menu .home { width: 38px; height: 35px; background: url(  "https://elaphmorocco.com/images/home_gray.png" ); border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
#menu .home_selected { width: 38px; height: 45px; background: url(  "https://elaphmorocco.com/images/home.png" ); }
#menu #home a { width: inherit; height: inherit; display: inline-block; }
/*border-top: 1px solid #fff; border-bottom: 1px solid #fff;*/
#menu ul { list-style: none; width: 90%; float: right; }
#menu ul li { float: right; padding: 0px 10px; margin: 0px; height: inherit; }
#menu ul li a { font-size: 18px; display: inline-block; margin-top: 5px; text-decoration: none; color: #494949; float: right; }
#menu ul li a { font-size: 18px; display: inline-block; margin-top: 5px; text-decoration: none; color: #494949; float: right; }
#menu ul .sep { background-image: url(  "https://elaphmorocco.com/images/home_menu_sep.png" ); width: 1px; height: inherit; padding: 0px; }

#menu ul li > a { -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; }
#menu ul li:hover > a { color: #fff; }


/*Add by Umair for Menu2*/
#menu2 ul { height: 35px; list-style: none; width: 709px; float: right; }
#menu2 ul li { float: right; padding: 0px 10px; margin: 0px; height: inherit; }
#menu2 ul li a { font-size: 18px; display: inline-block; margin-top: 5px; text-decoration: none; color: #494949; float: right; }
#menu2 ul .sep { background-image: url(  "https://elaphmorocco.com/images/home_menu_sep.png" ); width: 1px; height: inherit; padding: 0px; }

#menu2 ul li > a { -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; }
#menu2 ul li:hover > a { color: #fff; }
#menu2 ul li .home_arrow { background-image: url(  "https://elaphmorocco.com/images/home_menu_arrow.png" ); display: inline-block; width: 7px; height: 5px; float: left; margin: 17px 5px 0px 0px; cursor: pointer; }

/**/
#menu ul li .home_arrow { background-image: url(  "https://elaphmorocco.com/images/home_menu_arrow.png" ); display: inline-block; width: 7px; height: 5px; float: left; margin: 17px 5px 0px 0px; cursor: pointer; }

.home_arrow2 { background-image: url(  "https://elaphmorocco.com/images/home_menu_arrow.png" ); display: inline-block; width: 7px; height: 5px; float: left; margin: 17px 5px 0px 0px; cursor: pointer; }
#sports ul li a { font-size: 18px; display: inline-block; margin-top: 5px; text-decoration: none; color: #494949; float: right; }
.liitem {color:#494949;display:inline-block;float:right;font-size:18px;margin-top:5px;text-decoration:none}

#top_menu #search { float: left; width: 175px; height: 31px; border: 1px solid #CBCBCB; margin: 2px 4px 6px; background: #fff; }
#top_menu #search a { display: inline-block; float: left; margin: 5px 0px 0px 5px; }
#top_menu #search input { font-family: 'Yakout W20 Bold'; color: #2b2b2b; width: 135px; margin: 0px 5px 0px 0px; height: 23px; font-size: 14px; border: none; padding-top: 4px; }

#subMenu { width: 1000px; margin: auto; position: absolute; top: 38px; left: 0px; z-index: 999999999; }
#subMenu div { height: inherit; display: none; height: 30px; }
#subMenu .smenu_news { background-color: #014F7D; }
#subMenu .smenu_economics { background-color: #346957; }
#subMenu .smenu_culture { background-color: #C12D45; }
#subMenu .smenu_arts { background-color: #3c7bb5; }
#subMenu .smenu_lifestyle { background-color: #56386A; }
#subMenu .smenu_sports { background-color: #cf691f; }
#subMenu .smenu_video { background-color: #128097; }
#subMenu .smenu_food { background-color: #FFBF00; }

.topmenu > li:hover { }
 #header .nav li.root a { background-color:transparent !important }
 #header .nav li a:hover,#header .nav li.selected a { color:#fff;}
 .smenu_news:hover, .section_menu.news, .smenu_news.selected { background-color: #014F7D !important; direction: rtl;}
 .smenu_economics:hover, .section_menu.economics, .smenu_economics.selected { background-color: #346957 !important; direction: rtl; }
 .smenu_culture:hover, .section_menu.culture, .smenu_culture.selected { background-color: #C12D45 !important; direction: rtl; }
 .smenu_arts:hover, .section_menu.arts, .smenu_arts.selected { background-color: #3c7bb5!important; direction: rtl; }
 .smenu_lifestyle:hover, .section_menu.lifestyle, .smenu_lifestyle.selected { background-color: #56386A!important; direction: rtl; }
 .smenu_sports:hover, .section_menu.sports, .smenu_sports.selected { background-color: #CF6921!important; direction: rtl; }
 .smenu_food:hover, .section_menu.food, .smenu_food.selected { background-color: #FFBF00!important; direction: rtl; }
 .smenu_newmedia:hover, .section_menu.newmedia, .smenu_newmedia.selected { background-color: #51A2D4!important; direction: rtl; }
 .smenu_Qeraat:hover, .smenu_Qeraat.selected { background-color: #000!important; direction: rtl; }


.root.selected { color: #fff; height: 44px !important; }
.root.selected a { color: #fff !important; }




.section_menu { display: block; height: 31px; width: 1000px; margin-top: -8px; margin-bottom: 10px; border-bottom: 1px solid #cccccc; }
.section_menu a { color: #fff !important; }
.section_menu ul { list-style: none; height: inherit; }
.section_menu ul li { display: inline-block; padding: 0 15px; height: inherit; position: relative; }
.section_menu ul li a { color: #fff !important; }
.section_menu ul li a:hover { color: #fff !important; text-decoration: underline !important;  }
.section_menu .bubble { display: none;  width: 12px; height: 6px; margin: 7px auto;}
.section_menu li.selected > .bubble {display: block; }
/*
.section_menu.news a, .section_menu.economics a, .section_menu.culture a, .section_menu.arts a, .section_menu.lifestyle a, .section_menu.sports a { color: #fff !important; }

.section_menu.news:hover, .section_menu.economics a:hover, .section_menu.culture a:hover, .section_menu.arts a:hover, .section_menu.lifestyle a:hover, .section_menu.sports a:hover { color: #fff !important; text-decoration: underline !important; }
*/

.section_menu.news li.selected { background: #013d67}
.section_menu.news li.selected > .bubble { background: url(https://elaphmorocco.com/images/news_sub_selected.png);  }
.section_menu.economics li.selected { background: #254b3e}
.section_menu.economics li.selected > .bubble { background: url(https://elaphmorocco.com/images/economics_sub_selected.png);  }
.section_menu.culture li.selected { background: #981828}
.section_menu.culture li.selected > .bubble { background: url(https://elaphmorocco.com/images/culture_sub_selected.png);  }
.section_menu.arts li.selected { background: #326ba0}
.section_menu.arts li.selected > .bubble { background: url(https://elaphmorocco.com/images/arts_sub_selected.png);  }
.section_menu.lifestyle li.selected { background: #442a56; }
.section_menu.lifestyle li.selected > .bubble { background: url(https://elaphmorocco.com/images/lifestyle_sub_selected.png);  }
.section_menu.sports li.selected { background: #bc5518}
.section_menu.sports li.selected > .bubble { background: url(https://elaphmorocco.com/images/sports_sub_selected.png);  }
.section_menu.food li.selected { background: #E6AC1D;}
.section_menu.food li.selected > .bubble { background: url(https://elaphmorocco.com/images/food_selected.png);  }


/********** TICKER *********************************************/

@media (min-width:768px) {
#ticker {margin: 0px auto;
color: #333333;
font-size: 18px;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 6px;
direction: rtl;
padding: 15px 0px 10px;
clear: both;
float: right;
width: 100%;}
#ticker .tickerTitle { height: 21px; display: inline-block; margin: -6px 2px 0px; float: right; font-size: 18px; }
#ticker .breakingNews { font-family: Yakout W20 Bold; color: #c20000; font-size: 1em; margin: 0 20px; text-decoration: none; font-size: 16px; display: inline-block; float: right; direction: rtl; }
}

@media (max-width:767px) {
#ticker {display: none;}	
}
/* Ticker Styling */
.ticker-wrapper.has-js { font-family: 'Yakout W20 Bold'; font-size: 16px; margin: 0px 5px 0px 20px; padding: 0px; width: 50%; height: 23px; color: #333333; display: inline-block; }
.ticker { width: 710px; height: inherit; display: inline-block; position: relative; overflow: hidden; }
.ticker-title { padding-top: 9px; color: #004E76; ;display:none;}
.ticker-content { margin: 0px; color: #1F527B; overflow: hidden; white-space: nowrap; line-height: 1.2em; font-size: 16px; }
.ticker-content:focus { outline: none; }
.ticker-content a { text-decoration: none; color: #1F527B; }
.ticker-content a:hover { text-decoration: underline; color: #0D3059; }
.ticker-swipe { padding-top: 9px; position: absolute; top: 0px; background-color: #F8F8F8; display: inline-block; width: 800px; height: 23px; }
.ticker-swipe span { margin-left: 1px; border-bottom: 1px solid #1F527B; height: 12px; width: 7px; display: block; }

.js-hidden { display: none; }
.no-js-news { padding: 10px 0px 0px 45px; color: #F8F0DB; }
.right .ticker-swipe { /*right: 80px;*/ }
.right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker { float: right; }
.right .ticker-controls { padding-right: 6px; }



/********************************************************************************************************/

/*-----dropdown-----------*/
ul.dropdown { height: 33px; list-style: none; width: 620px; float: right; z-index: 1000000; }
ul.dropdown li { float: right; margin: 0px 5px; height: inherit; position: relative; }
ul.dropdown, ul.dropdown ul { text-decoration: none; list-style: none; }
ul.dropdown li.root a { font-size: 18px; display: inline-block; margin-top: 5px; text-decoration: none; color: #484848; float: right; }
ul.dropdown li.root:last-child a { border-right: none; }
/* Doesn't work in IE */

/* LEVEL TWO */
ul.dropdown li.root .sub_menu { position: absolute; left: 0px; top: 35px; display: none; overflow: hidden; padding: 10px; z-index: 1000000; }
ul.dropdown li.root .sub_menu table { border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee; position: relative; left: 0px; top: -10px; background-color: white; padding: 4px; -webkit-box-shadow: 0 1px 13px 1px rgba(148, 157, 165, 0.9); -moz-box-shadow: 0 1px 13px 1px rgba(148, 157, 165, 0.9); box-shadow: 0 1px 13px 1px rgba(148, 157, 165, 0.9); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=225, Color='#707070')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=225, Color=  '#707070' ); moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; }
ul.dropdown li.root .sub_menu td { vertical-align: top; border-right: 1px solid #efefef; padding: 2px; }
ul.dropdown li.root .sub_menu .twocol { border-top: 1px solid #efefef; text-align: center; }
ul.dropdown li.root .sub_menu .twocol a { width: 175px; }
ul.dropdown li.root .sub_menu .ext a { width: 115px; }
ul.dropdown li.root .sub_menu td:first-child { border-right: none !important; }
ul.dropdown li.root .sub_menu a { width: 100px; text-align: center; display: block; padding-bottom: 4px; border-top: 1px dotted #CCC; float: none !important; }
ul.dropdown li.root .sub_menu a:first-child { padding-bottom: 4px; border-top: none; }
ul.dropdown li.root .sub_menu a:hover { text-decoration: underline !important; }


/* MAIN ARTICLE */
.mainarticle {text-align:center; border-bottom:1px solid #ccc; margin-bottom:5px; background:#fff; padding:0 20px; border-top: 5px solid #01507f;}
@media (min-width:970px) {.mainarticle img{height:300px;}}
.mainarticle a{text-decoration:none;}
.mainarticle a:hover{text-decoration:none;}
.mainarticle h1{color:#9c010e; font-size:28px;padding-bottom:12px;margin-bottom:2px}
.mainarticle h3{color:#060605; margin: 11px;font-size: 22px;font-weight: bold; }
.mainarticle p{color:#060605;}


/********************************************************************************************************/

#newswall { height: 450px; text-align: center; padding-top: 0; }
.pb { /*width: 100%;background: url(  'http://www.elaph.com/web/images2012/page-break.gif' ) repeat-x bottom;*/  padding: 17px 0 21px; }
/*.row { width: 1000px; margin: 0 auto 14px; overflow: hidden; }*/
.row { margin-bottom: 14px; }
.lastrow { margin-bottom: 0 !important; }
.pb.last { background: none; }
/********** footer classes **********************/

#footer { width: 100%; clear: both; font-family: 'Yakout W20 Bold'; background-color: #dfdfdf;border-top: 1px solid #fff;}
#footer .arrow { height: 15px; width: 53px; margin: 0px auto; cursor: pointer; background: url(  'https://elaphmorocco.com/images/footer_arrow.png' ) no-repeat; }
#footer .arrow.collapse { background: url(  'https://elaphmorocco.com/images/footer_arrow_up.png' ) no-repeat !important; }

#footer .sitemap { background-color: #ebebeb; }
.sitemap > div { width: 980px; margin: auto; padding: 15px 10px; height: 200px; }
.sitemap .block { float: right; width: 108px; padding: 10px 30px 10px 0px; }
.sitemap .sep { float: right; width: 6px; height: inherit; background: url(  'https://elaphmorocco.com/images/footer_sep.png' ); }
.sitemap .block a { color: #8d8d8d; font-size: 14px; }
.sitemap .title a { color: #4c4c4c; font-size: 15px; }

#footer .bottom > div { margin: auto; padding: 15px 10px; }
.bottom .logo { width: 94px; height: 50px; background: url(  'https://elaphmorocco.com/images/logo_elphx50.png' ) no-repeat; float: left; }
.bottom .links a { color: #4c4c4c; font-size: 14px; }
.bottom .copyright { color: #878787; font-size: 12px; }
