/* joomlastuff */







div.mosimage_caption {



  font-size: 10px;



  color: #666666;



}







div.moduletable {



	margin-bottom: 15px;



	padding: 0;



}







span.pathway {



	display: block;



	height: 14px;



	line-height: 15px;



	vertical-align: bottom;



	padding-top: 7px;



	margin-left: 10px;



}







span.pathway img {



	vertical-align: top;



}







div.componentheading {



	margin: 15px 0px 8px 0px;



}







.contentpane, .contentpaneopen {



	margin: 0;



	padding: 0;



	border-collapse: collapse;



}







.contentheading {



	font-family: Arial, Helvetica, sans-serif;



	padding-left: 30px;



	padding-top: 20px;



	padding-bottom: 0px;



	color: #ffcc00;



	font-size: 18px;



	background: url(../images/arrow.png) 0 23px no-repeat;



}







table.contentpaneopen span.small {



	padding-left: 30px;



	font-size: 90%;



	color: #999;



}







td.createdate, td.modifydate {



	text-indent: 30px;



	font-size: 90%;



	color: #999;



	padding-bottom: 10px;



}







td.modifydate {



	text-indent: 0;



}







input.button {



	border: 1px solid #444;



	background: #2A2A2A url(../images/mp_button_bg.png) repeat-x;



	font-family: Tahoma, Helvetica, sans-serif;



	font-size: 11px;



	padding: 2px;



	color: #ccc;



	margin: 10px 0px;



}







input.inputbox {



	border: 1px solid #444;



	background: #2A2A2A url(../images/mp_input_bg.png) repeat-x;



	font-family: Tahoma, Helvetica, sans-serif;



	font-size: 11px;



	padding: 3px 6px;



	color: #ccc;	



}







div.pagenavcounter, span.pagenav, th.pagenav_prev a, th.pagenav_next a {



	color: #fc0;



	font-weight: bold;



	margin-bottom: 10px;



}







div.pagenavbar div {



	color: #fc0;



	font-weight: bold;



	margin-bottom: 10px;



}







div.pagenavbar a:link, div.pagenavbar a:visited {



	font-weight: bold;



}







div.back_button {



	margin: 10px 0;



}







table.contenttoc {



	border: 1px solid #444;



	padding: 1px;



}







table.contenttoc th {



	background: #222;



	padding: 2px 5px;



	border-bottom: 1px solid #444;



}







table.contenttoc td {



	background: #111;



	padding: 1px 5px;



}







table.pollstableborder td {



	padding: 2px;



}







td.sectiontableheader {



	background: #222;



	border-right: 1px solid #151515;



	padding: 2px;



	color: #fff;



}







/* custom stuff */







.clr {



	clear: both;



}







div.frame {



	height: 100%;



	width: 900px;



	padding: 0;



	margin: 0 auto;



}







div.padding_outside {



	padding: 1px;



	background: #000;



}







div.padding {



	padding: 1px;



}







div.color_seperator {



	width: auto !important;



	width: 100%;



	background: #fc0;



	height: 1px;



	overflow:hidden;



}







/* horizmenu */



div#horizmenu {



	white-space: nowrap;



	float: left; 



	width: 690px;



	line-height: 30px;



	height: 30px;



	list-style:none;



}











#horizmenu ul {



display:block;



float: left;



  margin: 2px;



  padding: 2px;



  list-style:none;



 



}







#horizmenu ul.mainlevel li {



	float: left;



	background: url(../images/mp_horizmenu_sep.png) top right no-repeat;



	margin: 0;



	padding: 0;



	padding-right: 1px;



	list-style:none;



}







#horizmenu a { 



	float:left;



	display:block;



	overflow: hidden;



	font-weight: bold;



	color: #ffffff;



	text-transform: uppercase;



	text-decoration: none;



	font-size: 11px;



	height: 21px !important;



	height: 30px;



	line-height: 10px;



	padding: 9px 0px 0px 10px;



	text-decoration: none;



	list-style:none;







}







#horizmenu a:hover {



   color: #fc0;	



	border: 0;



	background: url(../images/mp_horizmenu_over.png) top left repeat-x;



}







#horizmenu a.active_menu {



  background: url(../images/mp_menu_active_bg.png) repeat-x;



  color: #fff;



}







#horizmenu a.active_menu:hover {



  color: #fff;



}











/* greybox configurations */



div.greybox {



	border: 1px solid #444;



	width: 100%;



}







div.greybox_bottom {



	border-bottom: 1px solid #444;



}







div.greybox_bottom_padding {



	border-bottom: 1px solid #444;



	padding: 1px;



}







div.greybox_top_padding {



	border-top: 1px solid #444;



	padding: 1px;



}







/* table column configuration */







td.leftcol {



	border-right: 1px solid #444;



	padding: 1px;



	width: 198px;



	padding-bottom: 20px;



}







td.middlecol {



	border: 1px solid #000;



	background: #151515;



	padding-bottom: 20px;



}







td.rightcol {



	border-left: 1px solid #444;

	padding: 1px;

	padding-bottom: 20px;



}







div.leftdiv {



	width: auto !important;



	width: 100%;







}







div.firediv {



	width: auto !important;



	width: 100%;



	padding: 1px 10px 35px 10px;



	background: url(../images/mp_leftmenu_bg.jpg) bottom left no-repeat;



}







div.leftmodules {



	width: auto !important;



	width: 100%;



	padding: 0px 10px;



	margin-top: 20px;



}











div.middlediv {



	width: auto !important;



	width: 100%;



	background: #151515 url(../images/mp_user_bg.png) repeat-x;



	padding: 1px 10px;



}







div.rightdiv {



	width: auto !important;



	width: 100%;



	background: # url(../images/mp_right_bg.png) bottom left repeat-x;



	padding: 1px 10px;



}







div.littlebox {



	width: auto !important;



	width: 100%;



	border: 1px solid #444;



	padding: 0 5px 5px 5px;



	background: #000;



}







div.littlebox h3 {



	margin-top: 5px;



}







div.topnav, div.middlenav {



	height: 30px;



	background: url(../images/mp_topnav_bg.png) repeat-x;



}







div.horizdivider {



	margin: 10px -11px;



	height: 3px;



	background: url(../images/mp_horiz_divider.png) repeat-x;



}







div.toppath {



	float: left;



	width: 50%;



	color: #ccc;



}



.marocpolis{float:right}







div.topright {



	float: right;



	width: 40%;



	height: 30px;



	line-height: 30px;



	text-align: right;



	color: #999;



	margin-right: 10px;



}











div#logobox {



	float: left;



	border-right: 1px solid #444;



}







div#logopad {



	padding-right: 1px;



}







div#logoarea {



	width: 203px;



	height: 183px;



	//background: url(../images/mp_logo.jpg) bottom left no-repeat;



}







div#searcharea {



	float: left;



	width: 200px;



	height: 30px;



	border-bottom: 1px solid #444;



}







div#searcharea form {



	margin: 5px 0;



	padding: 0;



	vertical-align: bottom;



	



}







div#searcharea input.inputbox {



	margin-left: 15px;



	border: 1px solid #444;



	background: #2A2A2A url(../images/mp_input_bg.png) repeat-x;



	font-family: Tahoma, Helvetica, sans-serif;



	font-size: 11px;



	padding: 2px;



	color: #ccc;



	width: 160px;



}







div.main_header {



	float: right;



	width: 693px;



	height: 181px;



	//background: url(../images/mp_header.jpg) no-repeat;



}







div.datearea {



	float: left;



	width: 203px;



	line-height: 30px;



	color: #ccc;



	text-align: center;



	background: url(../images/mp_horizmenu_sep.png) top right no-repeat;



}







br.small {



	display: block;



	height: 1px;



	



}







div#footer {



	color: #999;



	text-align: center;



	height: 30px;



	line-height: 30px;	



}







td.buttonheading a:hover {



	border: 0;



	



}







/* core html stuff */







html {



	height: 100%;



}







body {



	height: 100%; 



	background: #989898 url(../images/mp_leftmenu_bg.jpg) repeat-x;



	padding: 0;



	margin: 0;



}







td,tr,p,div {



	font-family: Tahoma, Helvetica, sans-serif;



	line-height: 130%;



	font-size: 12px;



	color: #ccc;



	text-align: left;



}







a:link, a:visited {



	color: #cccc99;



	font-weight: normal;



	text-decoration: none;



}







a:hover {



	border-bottom: 1px dashed #f90;



}







ul {



	float: none !important;



	float: left;



	margin: 5px 0;



	padding: 0;



	list-style: none;



}







ul li {



	



	line-height: 15px;







}







form {



	padding: 0;



	marging: 0;



}







input {







}







h2 {



	margin: 15px 0px 8px 0px;



	font-size: 12px;



	color: #fff;



	font-weight: bold;



	text-transform: uppercase;



	letter-spacing: 2px;



}



h3 {



	margin: 15px 0px 8px 0px;



	font-size: 12px;



	color: #fc0;



	font-weight: bold;



	text-transform: uppercase;



	letter-spacing: 2px;



	



}



/**************menu styling *****************/



div.moduletable h3 {



	



	border : 1px solid #fc0;



	font-size: 10px;



	color: #cccccc;



	font-weight: bold;



	text-align : center;



	height : 24px;



	line-height : 24px;



	padding-right : 10px;



	margin : 5px 0 2px 0;



	overflow : hidden;



}



.moduletable_text h3 {



	







	border : 1px solid #fc0;



	font-size: 10px;



	color: #cccccc;



	font-weight: bold;



	text-align : center;



	height : 24px;



	line-height : 24px;



	padding-right : 10px;



	margin : 5px 0 2px 0;



	overflow : hidden;



}



.moduletable_menu h3 {



	border : 1px solid #fc0;



	color :#cccccc;



	text-align : center;



	font-weight : bold;



	height : 24px;



	line-height : 24px;



	font-size : 10px;



	padding-right : 10px;



	margin : 5px 0 2px 0;



	overflow : hidden;



}



.moduletable_menu ul.menu li a {







	display : block;



	vertical-align : middle;



	font-size : 12px;



	color : #fc0;



	text-align :left;



	height : 20px;



	padding : 6px 10px 0 15px;



	text-decoration : none;



	margin-bottom : 1px;



	font-weight : bold;



}



.moduletable_menu ul.menu li a:hover, .moduletable_menu ul.menu li a:active, .moduletable_menu ul.menu li a:focus {



	



	text-decoration : none;



	color : #ffffff;



	font-size : 12px;



	



}



.moduletable_menu ul.menu li.active a {



	



	text-decoration : none;



	color : #FFFFFF;



	font-size : 12px;



	



}



/*******************end of menu style**************/



#form-login .input {







	background : none;



	border : 1px dotted #fc0;



	font-size : 11px;



} 



form {



	margin : 0;



	padding : 0;



	border : none;



}



#form-login {



	border : none;



}



#form-login ul {



	padding : 0;



	margin : 0;



	list-style : none;



}



#form-login li {



	padding : 2px;



	margin : 0;



	background : none;



	list-style : none;



}



#form-login li a {



	font-size : 11px;



}



#form-login li a:hover {



	font-size : 11px;



}



.message {



	font-weight : bold;



	font-size : 14px;



	color :#fc0;



	text-align : center;



	width : auto;



	background-color : #000000;



	border : 1px dotted #e3e3e3;



	margin : 3px 0 10px;



	padding : 3px 20px;



}



.article_separator{	clear : both;



	display : block;



	height : 10px;



	margin-bottom : 10px;



	border-bottom : 1px solid #fc0;







}