<p>/* COMMON STYLE MAROCINFO.NET
  --------------------------------------------------------- */
  body {
  margin: 0;
  padding: 0;
  color: #0F1114;
  background: #E2EBFA;
  font: 66% "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
  }
  body#bd {
  
  text-align: left;
  }
  body.contentpane {
  width: auto;
  margin: 10px;
  line-height: 140%;
  }
  h1 {
  font-size: 1.1em;
  }
  h2 {
  margin: 10px 0;
  font-size: 1.34em;
  }
  h3, h4 {
  margin: 10px 0;
  font-size: 1.02em;
  }
  
  /* normal text */
  td, div {
  font-size: 11px;
  }
  .submit {      background:#ffffff url(http://www.marocbusiness.net/maghreb/images/m.gif) repeat-x top left; width:142px; height:19px;  }
  a.mainlevel {display: block;color: #7189a2;padding: 2px 0 3px 20px;margin: 0 0 1px;width:100%;text-decoration: none;border-bottom: 1px solid #dadada;background: url(../images/arrow-1.gif) no-repeat left center;}
  a.mainlevel:hover {color: #d34807;background: #ededed url(../images/arrow-hover.gif) no-repeat left center;}
  a.mainlevel:active {color: #d34807;background: #ededed url(../images/arrow-hover.gif) no-repeat left center;}
  #active_menu {color: #d34807;background: #ededed url(../images/arrow-hover.gif) no-repeat left center;}
  
  /* Title text */
  .componentheading, div.moduletable h3, #ja-subnav h3,
  #ja-rightcol div.moduletable-green h3, #ja-rightcol div.moduletable-yellow h3,
  h1, h2, h3, h4 {
  font-family: "Trebuchet MS", Arial, sans-serif;
  }
  .contentheading {
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 0.6em;
  }
  
  /* Normal link */
  a {
  color: #004C80;
  text-decoration: underline;
  }
  a:hover, a:active {
  color: #004C80;
  text-decoration: none;
  }
  p {
  margin: 12px 0;
  }
  ul {
  margin: 0;
  padding: 0;
  list-style: none;
  }
  li {
  padding-left: 15px;
  background: url(../images/arrow-off.gif) no-repeat 2px 8px;
  line-height: 200%;
  }
  th {
  padding: 4px;
  font-weight: bold;
  text-align: left;
  }
  fieldset {
  border: none;
  margin: 0;
  padding: 0;
  }
  fieldset a {
  font-weight: bold;
  }
  hr {
  border-top: 1px solid #9AA587;
  border-right: 0;
  border-left: 0;
  border-bottom: 0;
  height: 1px;
  }
  img {
  border: 0;
  }
  
  /* FORM
  --------------------------------------------------------- */
  form {
  margin: 0;
  padding: 0;
  }
  input, select {
  font: 11px "Trebuchet MS", Arial, sans-serif;
  }
  select, .inputbox {
background:#ffffff url(http://www.marocbusiness.net/maghreb/images/m.gif) repeat-x top left; width:142px; height:19px;  }
    }
  textarea {
  border: 1px solid #E6E6E6;
  padding-left: 2px;
  }
  .button {
  padding-left: 5px;
  padding-right: 5px;
.inputbox {
      background:#ffffff url(http://www.marocbusiness.net/maghreb/images/m.gif) repeat-x top left; width:142px; height:19px;  }
    }
  
  /* MODULE
  --------------------------------------------------------- */
  div.modules {
  width: 100%;
  }
  div.moduletable h3, #ja-rightcol div.moduletable-green h3, #ja-rightcol div.moduletable-yellow h3 {
  padding: 0 0 5px 0;
  margin: 0 -2px 5px -2px!important;
  color: #E97B00;
  background: url(../images/seperator-h3.gif) repeat-x bottom;
  font-size: 1.4em;
  }
  div.moduletable, #ja-rightcol div.moduletable-green, #ja-rightcol div.moduletable-yellow {
  padding: 3px 5px 10px;
  margin-bottom: 10px;
  }
  div.moduletable td {
  padding: 3px 0!important;
  }
  #ja-rightcol div.moduletable {
  border: 1px solid #DEE3E6;
  border-bottom: 2px solid #DEE3E6;
  background: #F0CD62;
  }
  #ja-rightcol div.moduletable-green {
  border: 1px solid #E3EBDD;
  border-bottom: 2px solid #E3EBDD;
  background: url(../images/grad-green.gif) repeat-x top left #EEF6E8;
  }
  #ja-rightcol div.moduletable-yellow {
  border: 1px solid #EEECE1;
  border-bottom: 2px solid #EEECE1;
  background: url(../images/grad-yellow.gif) repeat-x top left #FAF8EC;
  }
  
  /* JOOMLA STYLE
  --------------------------------------------------------- */
  table.blog {
  width: auto;
  }
  table.blog .article_seperator {
  display: block;
  background: url(../images/seperator.gif) repeat-x bottom;
  height: 20px;
  }
  table.contentpane {
  border: none;
  width: 100%;
  }
  table.contentpaneopen {
  border: none;
  }
  table.contenttoc {
  margin: 0 0 10px 10px;
  padding: 0 3px 10px 3px;
  width: 25%;
  border: 1px solid #DEE3E6;
  border-bottom: 2px solid #DEE3E6;
  background: url(../images/grad-blue.gif) repeat-x top left #ECF1F5;
  }
  table.contenttoc td {
  padding: 1px 5px 1px 20px;
  background: url(../images/arrow-off.gif) no-repeat 6px 7px;
  }
  table.contenttoc td:hover {
  background: url(../images/arrow-on.gif) no-repeat 6px 7px;
  }
  table.contenttoc th {
  color: #004C80;
  background: url(../images/seperator-h3.gif) repeat-x bottom;
  }
  table.polls {
  padding: 0;
  width: 100%;
  }
  table.pollstableborder {
  padding: 0;
  width: 100%;
  border-color: #F0CD62;
  text-align: left;
  }
  table.pollstableborder img {
  margin: 4px 4px 4px 0;
  }
  table.pollstableborder td {
  padding: 2px!important;
  }
  table.searchintro {
  padding: 10px 0;
  width: 100%;
  background: url(../images/seperator.gif) repeat-x bottom;
  }
  table.searchintro td {
  padding: 5px!important;
  }
  #ja-footer ul#mainlevel li, #ja-footer ul#mainlevel-nav li {
  padding: 0;
  display: inline;
  background: none;
  line-height: normal;
  }
  .adminform textarea {
  width: 500px!important; /*Control the Frontend Editor area width*/
  }
  .adminform textarea.inputbox {
  }
  .blog_more {
  margin: 10px 0;
  }
  .blog_more strong {
  margin: 0 -5px 5px -5px;
  padding: 1px 5px;
  display: block;
  }
  td.buttonheading {
  padding: 0 3px!important;
  text-align: center;
  }
  .category {
  font-weight: bold;
  font-size: 1.1em;
  }
  .clr {
  clear: both;
  }
  .code, pre {
  border: 1px solid #F0F0C0;
  width: auto;
  padding: 5px;
  background: #FFFFCC;
  }
  .componentheading {
  padding: 0 0 10px;
  margin: 3px 0 10px;
  color: #004C80;
  font-weight: bold;
  font-size: 2em;
  }
  .contentdescription {
  padding-bottom: 30px;
  margin-bottom: 10px;
  background: url(../images/seperator.gif) repeat-x bottom;
  }
  .contentheading {
  color: #E97B00;
  font-size: 2em;
  }
  table.blog .contentheading, .contentpagetitle {
  font-size: 1.1em;
  font-weight: bold;
  }
  a.front {
  color: #FF9900;
  text-decoration: underline;
  }
  a.front:hover, a:active {
  color:#CAD9F0;
  text-decoration: none;
  }
  div#mainbody a.readon {
  background: url(../images/body-readmore.png) 0 0 no-repeat;
  color: #fff;
  }
  a.readon {
  
  }
  a.readon:hover {
  }
  table.contentpaneopen td, table.contentpane td {
  }
  table.contentpaneopen, table.contentpane, table.blog {
  width: 100%;
  }
  .createdate {
  color: #9AA587;
  font-weight: bold;
  line-height: 10px;
  }
  .modifydate {
  color: #9AA587;
  height: 15px;
  }
  .error {
  color: #CC0000;
  }
  .highlight {
  border-bottom: 1px dotted;
  font-weight: bold;
  }
  .message {
  color: #E97B00;
  font-weight: bold;
  }
  .moduletable {
  padding: 0;
  }
  .mosimage {
  padding: 3px!important;
  padding: 3px 0;
  margin: 12px 10px 0 0!important;
  border: 1px solid #E6E6E6;
  border-bottom: 2px solid #E6E6E6;
  background: url(../images/grad-grey.gif) repeat-x top #EFEFEF;
  }
  .mosimage img {
  padding: 0;
  margin: 0!important;
  }
  .mosimage_caption {
  margin-top: 2px;
  padding: 1px 2px;
  color: #9AA587;
  }
  .pagenav {
  padding: 2px;
  }
  .pagenav_prev a, .pagenav_next a {
  }
  .pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_next a:hover, .pagenav_next a:active {
  }
  .pagenavbar {
  padding-left: 16px;
  background: url(../images/pages.gif) no-repeat center left;
  font-weight: bold;
  }
  .pagenavcounter {
  padding: 5px 16px 0 16px;
  background: url(../images/pages.gif) no-repeat 0 8px;
  font-weight: bold;
  }
  .sectiontableheader {
  padding: 2px 4px;
  border-right: 1px solid #F0CD62;
  border-top: 5px solid #F7F7F7;
  background: #CC0000;
  color: #F0CD62;
  font-weight: bold;
  }
  .sectiontableheader a, .sectiontableheader a:hover {
  color: #F0CD62;
  }
  tr.sectiontableentry1 td {
  padding: 4px;
  background: #F2F2F2;
  }
  tr.sectiontableentry2 td {
  padding: 4px;
  border-top: 1px solid #F0CD62;
  }
  .small {
  color: #9AA587;
  }
  #banner {
  position:absolute;
  height: 69px;
  right: 0px;
  top: 20px;
  width: 520px;
  left: 390px;
  z-index: 1;
  background: #F0CD62
  }
  
  /* MAIN LAYOUT DIVS WIDTH
  --------------------------------------------------------- */
  /* #ja-header, #ja-subheader, #ja-topnav, #ja-maincontainer, #ja-footer {
  width: 900px;
  margin: 0 auto;
  text-align: left;
  }
  */
  #ja-header, #ja-containers {
  background: #f6e01c}
  #ja-containers
  {
  margin: auto;
  width:900px;
  }
  #ja-header, #ja-subheader, #ja-topnav, #ja-maincontainer {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  
  }
  #ja-maincontainer{
  background: #FFFFFF}
  #ja-footer {
  width: 900px;
  margin: 0 auto;
  text-align: left;
  color: #FAFAFA;
  background:#333333;
  }
  
  /* SEARCH BAR
  --------------------------------------------------------- */
  #ja-search-outer {
  width:100%;
  background:#333333;
  color: #FAFAFA;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  }
  #ja-search-inner {
  padding-left: 20px;
  float: left;
  background:#CC0000;
  height: 45px;
  }
  #ja-search {
  padding-right: 20px;
  float: left;
  background: url(../images/search-rightbg.gif) no-repeat top right;
  
  height: 46px;
  }
  .search input {
  margin-top: 12px;
  width: 100px;
  padding-left: 20px;
  background: url(../images/icon-search.gif) no-repeat center left #FFFFCC;
  }
  
  /* HEADER
  --------------------------------------------------------- */
  #ja-header {
  
  position: relative;
  height: 129px;
  background:#F0CD62 url(../images/header3.gif) no-repeat center left;
  vertical-align:top
  }
  #ja-header a {
  color: #F0CD62;
  }
  #ja-header h1 {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 24px;
  left: 0;
  }
  #ja-header h1 img {
  margin: 0;
  padding: 0;
  line-height: normal;
  }
  
  /* SUB HEADER
  --------------------------------------------------------- */
  #ja-subheader-outer {
  background: #ECF1F5;
  border-top: 1px solid #F0CD62;
  border-bottom: 1px solid #F0CD62;
  width: 100%;
  margin:auto;
  padding: 0;
  }
  #ja-subheader-outer div.moduletable {
  margin: 0!important;
  }
  #ja-subheader {
  position: relative;
  background: #ECF1F5;
  border-right: 1px solid #F0CD62;
  border-left: 1px solid #F0CD62;
  }
  #ja-subheader a {
  color: #F0CD62;
  }
  
  /* NEWFLASH
  --------------------------------------------------------- */
  #ja-newsflash {
  float: right;
  width: 165px;
  /* width: 150px; */
  margin: 5px 5px 5px 5px!important;
  margin: 5px 3px 5px 5px;
  padding-bottom: 10px;
  background: url(../images/newsflash-bg.jpg) no-repeat top right #E97B00;
  color: #F0CD62;
  height: 100px;
  overflow: hidden;
  font-size: 11px;
  }
  #ja-subheader h3 {
  display: none;
  }
  #ja-newsflash div.moduletable {
  height: 87px;
  overflow: hidden;
  font-size: 11px;
  }
#ja-newsflash .article_seperator {
	display: none;
}

/* MOOFX AREA
--------------------------------------------------------- */
#roller-wrapper {
	float: left;
	width: 805px;
	/* width: 605px; */
	display: block;
	height: 100px;
	display: none;
	font-size: 11px;
}
#roller-loading {
	float: left;
	/* width: 605px; */
	width: 805px;
	display: block;
	height: 60px;
	background: #F0CD62;
	text-align: center;
	padding: 40px 0px 0px 0px;
}
#roller-outer {
	height: 90px;
}
#roller-outer .roller-inner {
	margin: 5px 0 0 5px;
	color: #F0CD62;
	height: 85px;
	overflow: hidden;
}
#roller-outer .roller-one {
	background: url(../images/roller-one-bg.jpg) repeat-x;
}
#roller-outer .roller-two {
	background: url(../images/roller-two-bg.jpg) repeat-x;
}
#roller-outer .roller-three {
	background: url(../images/roller-three-bg.jpg) repeat-x;
}
#roller-outer .roller-four {
	background: url(../images/roller-four-bg.jpg) repeat-x;
}
#roller-outer .roller-five {
	background: url(../images/roller-five-bg.jpg) repeat-x;
}
.roller-inner div.moduletable {
	margin: 0;
	padding: 5px;
}
.roller-inner h1 {
	font-size: 25px;
	margin: 10px 0 2px 20px;
}
.roller-inner p {
	font-size: 11px;
	margin: 0 0 10px 20px;
}
#clicker-outer {
	margin: 5px 0 0 5px;
	padding: 0;
	background: #CC0000;
	color: #F0CD62;
	height: 20px!important;
	height: 18px;
}
#clicker-outer ul {
	margin: 0;
	padding: 0;
}
#clicker-outer li {
	display: inline;
	background: none;
	line-height: 20px;
}
#clicker-outer a {
	padding: 0;
	font-size: 10px;
	font-family: Tahoma, Arial, sans-serif;
	text-align: center;
	text-decoration: none;
}
#clicker-outer a.clicker-active {
	color: #FF9900;
}

/* MAIN CONTAINER
--------------------------------------------------------- */
#ja-maincontainer {
	padding: 0 0 30px;
	margin: 0 auto;
	background: #FFFFFF;
	text-align: left;
	line-height: 160%;
}

/* 3 columns content width */
#ja-contents {
	margin: 0;
	width: 720px;
	padding: 10px 0 0 0px;
	float: right;
	background:#f8e00c
}

/* 2 column content [on the left] width */
#ja-content-full-left {
	margin: 0;
	padding: 10px 15px 0 0;
	width: 810px;
/*	width: 598px; */
	float: left;
}

/* 2 column content [on the right] width */
#ja-content-full-right {
	margin: 0;
	width: 810px;
	/* width: 598px; */
	padding: 10px 0 0 15px;
	float: right;
}

/* 1 column content width */
#ja-content-full {
	margin: 0;
	/* 	width: 730px; */
	width: 945px;
	padding: 10px 0 0 0;
}

/* PATHWAY
--------------------------------------------------------- */
#pathway {
	padding: 5px 2px 5px;
	border-bottom: 1px solid #E6E6E6;
	/*background: url(../images/pathway-bg.gif) #F0CD62; */
background: url(http://www.marocinfo.net/network/images/menu_bg.gif) #F0CD62 repeat-x 0 0;
	color: #336699;
}
#pathway a {
	padding: 0 8px 0 0;
}

/* USER TOOLS
--------------------------------------------------------- */
#ja-usertools {
	padding: 5px 2px;
	float: right;
	color: #9AA587;
	font-size: 11px;
}
#ja-usertools a {
	padding: 0;
	color: #9AA587;
}
#ja-usertools img {
	margin-top: 2px;
}

/* LEFT COLUMN
--------------------------------------------------------- */
#ja-leftcol {
    width: 180px;
	float: left;
	padding-top: 10px;
	overflow: hidden;
	background: #FFFFFF
}
#ja-header-spotlight div.moduletable {
	width: 800px;
}
#ja-leftcol ul.mainlevel {
	padding-left: 20px;
	background: url(../images/arrow-off.gif) no-repeat 5px 4px;
}
#ja-leftcol ul.mainlevel:hover {
	background: url(../images/arrow-on.gif) no-repeat 5px 4px;
}
#ja-leftcol a.sublevel {
	padding-left: 3px;
}

/* RIGHT COLUMN
--------------------------------------------------------- */
#ja-rightcol {
width: 15%;
/* 	width: 150px; */
	float: right;
	padding: 10px 0 15px 0;
	overflow: hidden;
}
#ja-rightcol a.mainlevel {
	padding-left: 20px;
	background: url(../images/arrow-off.gif) no-repeat 5px 4px;
}
#ja-rightcol a.mainlevel:hover, a.mainlevel:active {
	background: url(../images/arrow-on.gif) no-repeat 5px 4px;
}
#ja-rightcol a.sublevel {
	padding-left: 3px;
}

/* TOP NAVIGATION
--------------------------------------------------------- */

#ja-topnav-outer {
	font-size: 11px;
	background: #CC0000;
	margin-top: 0px;
	position: relative;
text-align: left;
	width: 100%;
margin: auto
}
#ja-topnav {
	font-size: 11px;
	border-left: 1px solid #F0CD62;
	height: 26px;
	width: 100%;
	background: #CC0000;
	position: relative;
text-align: left;
margin:auto
}

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-spotlight-1 div.moduletable, #ja-spotlight-2 div.moduletable {
	border: none;
	margin: 0;
	padding: 2px;
	background: none;
}
#ja-spotlight-1 h3, #ja-spotlight-2 h3 {
	margin: 0 0 10px;
}
#ja-spotlight-1 a, #ja-spotlight-2 a {
	color: #333333;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footer-outer {
	border-top: 3px solid #CCCCCC;
	width:900;
margin:auto;
}
#ja-footer {
	clear: both;
	padding: 5px 0;
	color: #F0CD62;
	text-align: left;
	position: relative;
	line-height: 180%;
	width: 900px;
	margin:auto;
}
.ja-footer {
color: #FAFAFA;
}
#ja-footer a {
	padding-right: 4px;
	color: #EBF1F5;
	text-transform: Capitalize;
}
#ja-footer a:hover, #ja-footer a:active {
	color: #F0CD62;
}
#ja-bottomline {
	padding: 10px 0 10px;
	margin: 0;
}
#ja-bottomline a {
	padding: 0;
}
#ja-cert {
	position: absolute;
	top: 17px;
	right: 0;
}
#ja-cert a {
	padding-right: 5px;
}

/* MISCELLANOUS
----------------------------------------------------------- */
div.shadow {
	margin: auto;
	padding: 0px 0;
	
	background: url(../images/shadow.gif) repeat-x 0 0;
}
div.back_button a {
	float: right;
	display: block;
	color: #9AA587;
	font-weight: bold;
	text-decoration: none;
	height: 18px;
}
#mod_login_password, #mod_login_username {
	width: 100px;
	padding-left: 20px;
}
#mod_login_password {
	background: url(../images/icon-authen.gif) no-repeat center left #FFFFCC;
}
#mod_login_username {
	background: url(../images/icon-user.gif) no-repeat center left #FFFFCC;
}
#mod_login_remember {
	border: none;
	padding: 0!important;
}

/* Clear fix */
.clearfix:after {
	clear: both;
	display: block;
	content:   ".";
  height: 0;
  visibility: hidden;
  }
  .clearfix {
  display: inline-table;
  }
  
  /* Hides from IE-mac \*/
  * html .clearfix {
  height: 1%;
  }
  .clearfix {
  display: block;
  width: 100%;
  }
  
  /* End hide from IE-mac */
  /* Firefox Scrollbar Hack - Do not remove */
  html {
  margin-bottom: 1px;
  height: 100%;
  }
  #ja-transmenu {
  margin: 0;
  padding: 0;
  height: 26px;
  }
  #ja-transmenu li {
  margin: 0;
  padding: 0;
  background: none;
  display: inline;
  }
  #ja-transmenu li a { /* common styles for 1st level menu */
  padding: 0 20px;
  float: left;
  font-weight: bold;
  line-height: 25px;
  height: 25px;
  text-decoration: none;
  display: block;
  text-align: center;
  }
  
  /* tabs */
  a.tnews_newstitle_c {
  display: block;
  font-weight: bold;
  margin-bottom:5px;
  border: none;
  font: bold 125%/normal Cambria, "Times New Roman", Times, serif;
  text-decoration: none;
  color: #ff6600;
  }
  a.tnews_newstitle_c:hover
  {
  border-bottom: none;
  color: #ff6600;
  }
  a.tnews_rm_c {
  color: #28579A;
  border: none;
  text-decoration: none;
  }
  a.tnews_rm_c:hover
  {
  color: #cc0202;
  }
  .moduletabletnews_ a.tnews_al_c {
  color:#28579A;
  text-decoration: none;
  text-align:left;
  width:50%;
  float:left;
  margin-top:5px;
  }
  .moduletabletnews_ a.tnews_al_c:hover {
  color:#cc0202;
  text-decoration: none;
  }
  .more a{
  font-weight:bold;
  color:#28579A;
  float:right;
  padding:8px 3px;
  }
  .more a:hover{
  color:#cc0202;
  }
  .arrowlistmenu{
  width: 180px; /*width of accordion menu*/
  }
  .arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
  font: bold 14px Arial;
  color: white;
  background: black url(../images/titlebar.png) repeat-x center left;
  margin-bottom: 10px; /*bottom spacing between header and rest of content*/
  text-transform: uppercase;
  padding: 4px 0 4px 10px; /*header text is indented 10px*/
  cursor: hand;
  cursor: pointer;
  }
  .arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
  background-image: url(../images/titlebar-active.png);
  }
  .arrowlistmenu ul{ /*CSS for UL of each sub menu*/
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
  }
  .arrowlistmenu ul li{
  padding-bottom: 2px; /*bottom spacing between menu items*/
  }
  .arrowlistmenu ul li a{
  color: #A70303;
  background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
  display: block;
  padding: 2px 0;
  padding-left: 19px; /*link text is indented 19px*/
  text-decoration: none;
  font-weight: bold;
  border-bottom: 1px solid #dadada;
  font-size: 90%;
  }
  .arrowlistmenu ul li a:visited{
  color: #A70303;
  }
  .arrowlistmenu ul li a:hover{ /*hover state CSS*/
  color: #A70303;
  background-color: #F3F3F3;
  } 
  .but {background:#ffffff url(images/m.gif) repeat-x top left; width:142px; height:19px;}}