/* joomlastuff */




/* core html stuff */



html {

	height: 100%;

}



body {



	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

	font-size: 100%;

	cursor: crosshair;

}



td,tr,p,div {

	font-family: Tahoma, Helvetica, sans-serif;

	line-height: 130%;

	font-size: 11px;

	text-align: left;

	margin: 0px;

}



a img {

	border:0

}



img {

	border:0

}



a:link {


	text-decoration: none;

}

a:visited {


	text-decoration: none;

}

a:hover {


	text-decoration: none;

}

a:active {


	text-decoration: none;

}



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;



	font-weight: bold;

	text-transform: uppercase;

	letter-spacing: 2px;

}

h3 {

	margin: 15px 0px 8px 0px;

	font-size: 12px;



	font-weight: bold;

	text-transform: uppercase;

	letter-spacing: 2px;

	

}

div.mosimage_caption {

  font-size: 10px;



}



div.moduletable {

	margin-bottom: 15px;

	padding: 0;

}



span.pathway {

	display: block;

	height: 14px;

	line-height: 15px;

	vertical-align: bottom;

	padding-top: 7px;

	margin-left: 15px;

}



span.pathway img {

	vertical-align: top;

}



div.componentheading {

	margin: 15px 0px 8px 15px;

	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

	font-size: 16pt;



}



.contentpane, .contentpaneopen {

	margin: 0 auto;

	padding: 0;

	border-collapse: collapse;

}



.contentheading {

	font-family: Arial, Helvetica, sans-serif;

	padding-left: 30px;

	padding-top: 20px;

	padding-bottom: 0px;



	font-size: 18px;



}



table.contentpaneopen span.small {

	padding-left: 30px;

	font-size: 90%;



}



td.createdate, td.modifydate {

	text-indent: 30px;

	font-size: 90%;

}



td.createdate {

	top: 10px;

	position: relative;

}

td.modifydate {

	text-indent: 0;

}



input.button {

	font-family: Tahoma, Helvetica, sans-serif;

	font-size: 11px;

	padding: 2px;

	margin: 10px 0px;

}



input.inputbox {



	font-family: Tahoma, Helvetica, sans-serif;

	font-size: 11px;

	padding: 3px 6px;

}



div.pagenavcounter, span.pagenav, th.pagenav_prev a, th.pagenav_next a {

	font-size: 10px;

	font-weight: normal;

	margin-bottom: 10px;

}



div.pagenavbar div {


	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 {


	padding: 1px;

}



table.contenttoc th {


	padding: 2px 5px;



}



table.contenttoc td {


	padding: 1px 5px;

}



table.pollstableborder td {

	padding: 2px;

}



td.sectiontableheader {

	padding: 2px;

}



/* custom stuff */



.clr {

	clear: both;

}



div.frame {

	height: 100%;

	width: 900px;

	padding: 0;

	margin: 0 auto;

}



div.padding_outside {



}



div.padding {

	padding: 10px;

}



div.color_seperator {

	width: auto !important;

	width: 100%;

	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;


	margin: 0;

	padding: 0;

	padding-right: 1px;

	list-style:none;

}



#horizmenu a { 

	float:left;

	display:block;

	overflow: hidden;

	font-weight: bold;

	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 {

	border: 0;

}



#horizmenu a.active_menu {


}



#horizmenu a.active_menu:hover {



}





/* greybox configurations */

div.greybox {


	width: 100%;


}



div.greybox_bottom {



}



div.greybox_bottom_padding {



	padding: 0px;

}



div.greybox_top_padding {



	padding: 1px;

}



/* table column configuration */



td.leftcol {



	padding: 1px;

	width: auto;

	padding-bottom: 20px;

}



td.middlecol {



	padding-bottom: 20px;

}



td.rightcol {



	padding: 1px;

	width: 2px;

	padding-bottom: 20px;

}



div.leftdiv {

	width: auto !important;

	width: 100%;



}



div.firediv {

	width: auto !important;

	width: 100%;

	padding: 1px 10px 35px 10px;


}



div.leftmodules {

	width: auto !important;

	width: 100%;

	padding: 0px 10px;

	margin-top: 20px;

}





div.middlediv {

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 20px;

	margin-left: auto;

	<!--width: 84%;-->



	height: auto;

	padding-bottom: 1px;



}

div.middledivORIG {

	width: auto !important;

	width: 100%;



	padding: 1px 10px;

}



div.rightdiv {

	width: auto !important;

	width: 100%;



	padding: 1px 10px;

}



div.littlebox {

	width: auto !important;

	width: 100%;



	padding: 0 5px 5px 5px;



}



div.littlebox h3 {

	margin-top: 5px;

}



div.topnav, div.middlenav {

	height: 30px;



}



div.horizdivider {

	margin: 10px -11px;

	height: 3px;



}



div.toppath {

	float: left;

	width: 50%;



}

.marocpolis{

	float:right

}



div.topright {

	float: right;

	width: 40%;

	height: 30px;

	line-height: 30px;

	text-align: right;



	margin-right: 10px;

}





div#logobox {

	float: left;



}



div#logopad {

	padding-right: 1px;

}



div#logoarea {

	width: 500px;

	height: 50px;

}



div#searcharea {

	float: left;

	width: auto;

	height: auto;



}



div#searcharea form {

	margin: 5px 0;

	padding: 0;

	vertical-align: bottom;

	

}



div#searcharea input.inputbox {

	margin-left: 15px;

	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

	font-size: 20px;

	padding: 8px;

	width: 180px;

	height: 25px;



}



div.main_header {

	float: right;

	width: 693px;

	height: 181px;


}



div.datearea {

	float: left;

	width: 200px;

	line-height: 30px;


	text-align: center;



}



br.small {

	display: block;

	height: 1px;

	

}



/*DISABLE div#footer {



	text-align: center;

	height: 50px;

	line-height: 30px;	

}*/



td.buttonheading a:hover {

	border: 0;

	

}




/**************menu styling *****************/

div.moduletable h3 {

	
	font-size: 12px;



	font-weight: bold;

	text-align : center;

	height : 24px;

	line-height : 24px;

	padding-right : 10px;

	margin : 5px 0 2px 0;

	overflow : hidden;

}

.moduletable_text h3 {

	

	font-size: 12px;



	font-weight: bold;

	text-align : center;

	height : 24px;

	line-height : 24px;

	padding-right : 10px;

	margin : 5px 0 2px 0;

	overflow : hidden;

}

.moduletable_menu h3 {



	text-align : center;

	font-weight : bold;

	height : 24px;

	line-height : 24px;

	font-size : 12px;

	padding-right : 10px;

	margin : 5px 0 2px 0;

	overflow : hidden;

}

.moduletable_menu ul.menu li a {

	display : block;

	vertical-align : middle;

	font-size : 12px;

	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;


	font-size : 12px;

	
}

.moduletable_menu ul.menu li.active a {
	

	text-decoration : none;


	font-size : 12px;

	

}

/*******************end of menu style**************/

#form-login .input {


	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;

	text-align : center;

	width : auto;

	margin : 3px 0 10px;

	padding : 3px 20px;

}

.article_separator{

	clear : both;

	display : block;

	height : 10px;

	margin-bottom : 10px;





}

/*******************original JPM css styles**************/



#container {

	margin-top: 40px;

	margin-right: auto;

	margin-bottom: 40px;

	margin-left: auto;

	width: 84%;

	height: auto;

	padding: 0px;
}

#movContainer {
	width: 800px;
	background-color: #000;
	height: 560px;
	margin: 0px;
	padding-top: 150px;
	padding-right: 100px;
	padding-bottom: 0px;
	padding-left: 100px;
	text-align: center;

}
.container {

	margin-top: 40px;

	margin-right: auto;

	margin-bottom: 40px;

	margin-left: auto;

	width: 84%;

	height: auto;

	padding: 10px;



}

#head {

	height:60px;

	width:auto;

	position: relative;

	margin: 0px;

	padding: 15px;

}



#lefthead {

	position: relative;

	height: auto;

	width: 550px;

	float: left;

	<!--margin: 5px;-->

}



#righthead {

	float: right;

	width: auto;

	height: auto;

	position: relative;



}

#whiteBoxShadow {

	height: 320px;

	width: 240px;

	margin: 0px;

	padding: 15px;

}

.whiteBoxShadow {

	height: 320px;

	width: 240px;

	margin: 0px;

	padding: 15px;

}
#whiteBox {


	padding: 10px;

	height: 300px;

	width: 220px;

	float: left;

	margin: 0px;

	clear: none;

}

.whiteBox {


	padding: 10px;

	height: 300px;

	width: 220px;

	float: left;

	margin: 0px;

	clear: none;

}
#box1 {


	padding: 0px;

	height: 220px;

	width: 220px;

	margin-bottom: 20px;

}

.box1 {


	padding: 0px;

	height: 220px;

	width: 220px;

	margin-bottom: 20px;

}
#footer {

	height: 80px;

	width: auto;

	clear: both;

	margin: 0px;

	padding: 10px 10px 0px 10px;

}

.footer {

	height: 80px;

	width: auto;

	clear: both;

	margin: 0px;

	padding: 10px 10px 0px 10px;

}
#longDescriptionContainer {


	width: auto;

	padding-right: 10px;

	padding-left: 20px;

	padding-top: 10px;

	padding-bottom: 12px;

	height: auto;

	margin: auto;

	float: none;

}
.longDescriptionContainer {


	width: auto;

	padding-right: 10px;

	padding-left: 20px;

	padding-top: 10px;

	padding-bottom: 12px;

	height: auto;

	margin: auto;

	float: none;

}
.longDescrCopy {

	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

	font-size: 9pt;

}


.maintitles1 {

	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

	font-size: x-large;

	font-style: italic;

	padding-left: 5px;

}

.innercontentbox1 {

	float: left;

	padding: 5px;

	margin-top: 5px;

	margin-right: 1%;

	margin-bottom: 20px;

	margin-left: 1%;



}

.blacktext {

	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

	font-size: 11px;

	padding: 0px;

	font-style: normal;

	text-align: left;

}

.footerCopy {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 7pt;

	font-style: normal;

	text-align: right;

	margin: 0px;

}

.copywriteContainer {

	height: auto;

	width: auto;

	float: right;

	position: relative;
	
	margin: 56.5px 0 0;
	
	padding: 7.5px 0 7.5px 7.5px;

}

.previousNext {

	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

	font-size: 24px;

	text-align: center;

	font-style: italic;

}

.italicgrey11px {

	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

	font-size: 11px;

	font-style: italic;
}

.whiteBoxImage {

	margin: 0px;

	padding: 0px;

	border-top-width: 10px;

	border-right-width: 10px;

	border-bottom-width: 30px;

	border-left-width: 10px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;
}

#swmenu {

	margin: 0px;

	padding: 0px;

	position: absolute;

	left: 0px;

	top: 0px;

}

.moduletableswmenu {

	margin: 0px;

	padding: 0px;

	float: left;

}

.moduletablewhosonline {

	margin: 2px 0 0 3px;

	padding: 0;

	float: left;


}