/*Global Resets*/



* {margin:0;padding:0;}



h1,h2,h3,h4,h5,h6,blockquote,label,ul,ol,dl,fieldset,address {margin:0.5em 0;padding:0;}



p {margin:1em 0;}



fieldset {padding:.5em;}



img {border:0;}



a img {border:0;}



ul, li {margin-left:0;padding:0;}



table {font-size:1em;}











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



/*Clearfix for FF float problem*/



.cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}



/* Hides from IE-mac \*/



* html .cf {height: 1%;}



/* End hide from IE-mac */



li{list-style-type:none;}







body{



margin:0;



padding:0;



font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;



color:#000;



font-size: 13px;



} 



body{

background: /*#685A4A*/ #071B3E url(../images/pagetopbg2.png) repeat-x top left;

} 



#pageoverall {float:left; width: 100%;background: url(../images/mainbg.jpg) 50% 0 no-repeat;}



.pjns-contenu{

	border:#ccc solid 1px;

}

#contentframe .pjns-contenu {border:0;}













/*Layout CSS*/



/*font sizes*/



body.smallfonts {font-size:11px;}



body.mediumfonts {font-size:13px;}



body.largefonts {font-size:16px;}







/*menu area*/



#menuwrapper {z-index:200; margin-top:-1px;float:left; width:100%;}



#menuwrapper-inner { margin: 0 auto; }











/*header*/



#headerwrapper {width:100%; float:left;z-index:0; }



#headerwrapper-inner {margin: 0 auto; color:#fff;padding:10px 0 0px 0;}



#headertop {background: url(../images/header-top.png) no-repeat 50% 0%;padding-top:21px;}



#headerbot {background: url(../images/header-bottom.png) no-repeat 50% 100%;padding-bottom:21px;}



#headermid {background: none;}











/*topmodule*/



#topmodule {width:100%; float: left;}



#topmodule-inner{padding-top:30px; margin: 0 auto;}



#top2module-inner {padding-top:20px;}











/*Users 1-3*/



#topusers-area {float:left;width:100%;  margin-top:30px;}



#topusers-area-inner {margin: 0 auto;}



#topusers {width:100%; float:left;}



#topusers-r{width:100%;height:0px;}



#topusers-mid{color:#fff;padding:20px; background:none; }







/*Main Area - Main Content - Left, Right, Outer-Left, Outer-Right ( Users 4 and 5 also ) */



#outer-container {width:100%; float:left; margin-top: 30px;margin-bottom: 20px;



}



#outer-container-2 {margin: 0 auto; padding:0;}







/*Users 4-5*/



#users45{ width:100%;float:left;position:relative;z-index:0;



} 



#users45-inner {padding:0 10px;



}







/*Users 6-9*/



#bottom-users-area {float:left; width:100%;color:#666;}



#bottom-users-inner {margin: 0 auto;}



#bottom-users {width:100%; float:left;  /*draw it up*/}



#bottom-users-r{width:100%;height:0px;}



#bottom-users-mid{padding:20px;}











/*Users 10-13*/



#bottom-users-2 {float:left; width:100%; }



#bottom-users-2-shade {float:left; width:100%; }



#bottom-users-2-frame {margin: 0 auto;}



#bottom-users-2-inner {}



#bottom-users-2-inner2 {padding:20px 20px 0px 20px;background: #807A6C; color:#ddd; margin-bottom: 20px;}







/*bottom fixed*/



#bottomwrapper {position:fixed;bottom:0; width:100%;background: url(../images/shadedbg.png); z-index:200;padding:10px 0; text-align:center;}



#bottomwrapper2 {position:fixed;bottom:0;width:100%;z-index:200; text-align:right;}







#toTop {background:#444;border:1px solid #666;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#ddd;text-decoration:none;font-size: 10px; }















#inner-pad { width:100%;



float:left;











}



#inner-pad-border {background:#fff; border:1px solid #ccc; float:left; width:100%;padding-bottom:10px;



}



/*Outer Columns*/



/*Outer Left*/



#outercolumn-l{ 











/**/



float: left;



height:100%;



padding:0;







}



#outerpad-l{



position:relative; 



z-index:2;



height: 100%;



}



/*Outer Right*/



#outercolumn-r{ 



/**/



float: right;



height:100%;



padding:0;











}



#outerpad-r{



position:relative; 







height: 100%;



}



/*needful*/



.outer-mod{width:100%; 



	padding-top: 25px;







}



/**/







/*Left & Right Columns*/



#leftcolumn{



float: left;



position:relative;









}







#left-mod{



	padding-top: 15px;





}







#rightcolumn{



float: left;



position:relative;







}



#right-mod{





	padding-top: 15px;







}







#contentframe {width:100%; float:left;


}







#contentcolumn{



/*	min-height:500px; */



}







#mainbody-pad{




	padding: 20px;



background: url(../images/sep.gif) no-repeat 50% 100%;

}







/*toolbarframe*/



#toolbarframe {width:100%; float:left;background: #000;}



#toolbarframe-inner {margin: 0 auto; height: 35px;margin-top: 0px;}







/*breadcrumb*/







#breadcrumb {text-align:left; position:relative; height:0; right:0px;font-size:9px;color:#666;float:left; width:100%;padding-top:10px;margin-bottom:-5px;}



#breadcrumb-inner {margin:0 auto;}



#breadcrumb a:link, #breadcrumb a:visited {color: #666; font-weight: normal; border-bottom: 0px dotted #fff;}



#breadcrumb a:hover {color:#0DB1FD;border-bottom: 1px dotted #0DB1FD;}







/*Social Icons*/



#social_icons {text-align:left;padding:5px;width:30px;margin-top: 50px;position:fixed;}







/*logo*/



#logo_frame {position:relative;height:0px;width:100%;top:6px;}



#logo {height:90px;width:350px;background: url(../images/logo.png) no-repeat;position:absolute; right:-5px;}







/*small logo*/



#small_logo_frame {}



#small_logo {background: url(../images/purejoomla.png) no-repeat; height:22px; width: 145px; margin:0 auto;padding-bottom: 10px;}











/*banner*/



#banner_frame {position:relative;height:0px;width:100%;top:-36px;left:-70px;}



#banner {margin:0 auto; position:relative;}



#banner-inner {position:absolute;right:0;}











/*pjsearch*/



#pjsearch_frame {position:relative;height:0px;width:100%;z-index:201;}



#pjsearch_inner {height:0px;position:absolute;top:35px;left:180px;}



#pjsearch-area {height:0;right:0px;position: relative;z-index:2001; }



#pjsearch-button {position:relative;top:100px;right:0px;



	font-size: .8em;text-transform:uppercase;



	color:#fff;font-weight:normal; background: url(../images/readon-arrow.png) no-repeat right 50%; 



	margin-right: 15px;



	padding-right: 15px;}



#pjsearchbox { position: absolute; display: none; right:0px; top: 105px; padding: 0; background: url(../images/pjsearch-bg.png) no-repeat; width: 191px; height: 62px; }



#pjsearch_frame input{border:0;color:#ddd;background: none;padding-left:28px;margin-top:15px;}



#pjsearch-button:hover  {



	border-bottom: 1px dotted;



	}



/*pjlogin*/



#pjlogin_frame {position:relative;height:0px;width:100%;z-index:200;}



#pjlogin_inner {height:10px;position:absolute;top:-40px;left:100px;}



#pjlogin-area {height:0;right:0px;position: relative;z-index:2001; }



#pjlogin-button {position:relative;top:50px;right:15px;	



	font-size: .8em;text-transform:uppercase;



	color:#fff;font-weight:normal; background: url(../images/readon-arrow.png) no-repeat right 50%; 



	margin-right: 15px;



	padding-right: 15px;}



#pjlogin-button:hover  {



	border-bottom: 1px dotted;



	}



#pjloginbox {font-size: 10px; position: absolute; display: none; left:-30px; top: 55px; padding: 0; background: url(../images/pjlogin-bg.png) no-repeat; width: 322px; height: 200px; padding-top:25px;}







#pjlogin_frame #form-login {text-align:center;line-height: 28px;color:#fff;}



#pjlogin_frame #form-login-password  {position:relative; height: 40px; left: 110px; top: -50px;margin:0;text-align:left;}



#pjlogin_frame #form-login-username  {position:relative; height: 40px; left:0; top:-10px; margin:0;text-align:left;}



#pjlogin_frame label {margin-left:20px; color:#ddd;}



#pjlogin_frame #form-login .button /*logout button*/{position:relative; top:0px; left: 0px;border:2px solid #666; background: #333;}



#pjlogin_frame #form-login fieldset .button /*login button*/{position:relative; top:-110px; left: 115px;border:2px solid #666; background: #333;}



#pjlogin_frame input {color:#fff;}







#pjlogin_frame #form-login-remember {visibility:hidden;}



#pjlogin_frame #form-login-username input,#pjlogin_frame #form-login-password input {border:2px solid #666; background: #000;margin-left:20px;}



#pjlogin_frame li{visibility:hidden;}







/*footer*/



#footer-wrapper {color: #fff; font-size:12px;width:100%;}



#footer-outer {width:100%; float:left;margin-top:20px;margin-bottom: 0px;background: #393128 url(../images/bottom-fader.png) repeat-x top left; border-top: 4px solid #564A3D;}



#footer-inner { margin:0 auto; color:#555;padding: 15px 0;position:relative;}



#footermod a{color:#fff;}



#footermod {text-align:center; padding-top:10px;}







/*Links*/



a:link, a:visited {text-decoration:none;outline:none;border-bottom:none; color:#000;font-weight:600;}



#bottom-users-2 a:link,#bottom-users-2 a:visited,#bottom-users a:link,#bottom-users a:visited {text-decoration:none;outline:none;border-bottom:none; color:#fff;}







a:hover{text-decoration:none;border-bottom:0px dotted;}



span.Tips2, a.linker:link,a.linker:visited {padding-left:18px;background: url(../images/linker.png) 0 50% no-repeat;border-bottom:none;font-weight:bold;}



span:hover.Tips, a.linker:hover {text-decoration:none;border-bottom:1px dotted;}



ul li a:link {}



ul li a:hover {}



.contentpaneopen .buttonheading a{padding-right:3px;border-bottom:none;}



.contentpaneopen .buttonheading a:hover {padding-right:3px;border-bottom:none;}



.contenttoc {margin:8px;}







/*lists*/



ul li,  ul {list-style: none; text-indent:10px;}



li { padding-left: 7px;}



ul li, .anythingSlider ul li ul li {background:url(../images/indent3.png) no-repeat 6px 9px;padding: 4px 0 4px 10px; }







/*active linked lists*/



ul.mostread li a, ul.latestnews li a, ul#mainlevel li a, ul.menu li a  {display:block;width:100%;font-size:.9em;font-weight:normal;padding: 5px 0 5px 10px;}



ul.mostread li, ul.latestnews li, ul#mainlevel li, ul.menu li  {padding:0;}







/*Typography*/



h1 {font-size:2.3em; color:#111111; z-index:0;}



h2 {color:#007FB2;font-size:2.0em; z-index:0;}



h3 {color:#990000;font-size:1.2em;font-weight:normal; line-height:1.8em;}



h4 {color:#555;font-size:1.2em}



h5 {color:#000;font-style:italic;font-size:1.2em}



h6 {color:#990000;font-size:1.1em}



.huge-white {font-size:2.8em; color: #fff; line-height: 1.2em;}



.huge-white-highlight {font-size:2.4em; color: #fff; line-height: 2.4em; background:#000; padding: 0 10px;}



.contentheading {color:#222;font-size:2.2em;line-height:1.0em;font-weight:bold;text-indent:0px;height:40px;}



.componentheading {color:#111111;font-size:2.6em;font-weight:bold; text-transform: uppercase; line-height:1.2em;white-space: nowrap;z-index:0;}



table.contentpaneopen tbody tr td div{padding-top:10px;}



.sectiontableheader {background:transparent;}



#userscont2 .mosimage_caption{color:#90AA82;}



.small, .createdate, .modifydate {color:#999;font-size:.8em;}



pre, .code {padding: 10px 15px;background: #eee;margin: 5px 0 15px;border-top: 5px solid #ddd;border-bottom: 5px solid #ddd; color:#333;}



.dropcap {float: left;padding:7px 7px 0 0;display: block;color: #000; font:60px/40px Arial;}



.attn {font-weight:bold;padding-left: 30px;color:#111111;background:#ddd url(../images/accents/attn.png) no-repeat 3px 50%;border-top: 5px solid #ccc;border-bottom: 5px solid #ccc;margin-bottom:8px;}



.info {font-weight:bold;padding-left: 30px;color:#111111;background:#ddd url(../images/accents/info.png) no-repeat 3px 50%;border-top: 5px solid #ccc;border-bottom: 5px solid #ccc;margin-bottom:8px;}



.tip {font-weight:bold;padding-left: 30px;color: #111111;background:#ddd url(../images/accents/tip.png) no-repeat 3px 50%;border-top: 5px solid #ccc;border-bottom: 5px solid #ccc;margin-bottom:8px;}



.highlight {color:#fff; padding: 0 5px;background:#0DB1FD;;font-weight: normal;}



ul.checklist {list-style: none;}



li.checklist {margin-left: 3px;padding: 0px 0 12px 18px;background: url(../images/accents/check.png) no-repeat 0px 0px;}



li.checklist ul li {background:url(../images/indent2.png) no-repeat 0 3px;padding:0 0 2px 14px; font-size: .9em;}



.bubble {clear: both;padding: 5px 15px 10px;position: relative;}



.bubblenum {float: left;margin-right: 8px;padding: 6px 7px;display: block;color: #666;



background: url(../images/accents/big_number.png) no-repeat top left;font: 20px/normal Arial, sans-serif;font-weight: bold;}



ol li {margin-left: 35px;line-height: 170%;list-style:decimal;font-weight:normal;}



#system-message {



	font-size : 14px;



	color : #c30;



	text-align: center;



	width: auto;



	background-color: #FFFFC0;



	border: solid 3px #DBCFB2;



	margin: 3px 0px 10px;



	padding: 3px 20px;



}



#system-message li {background:none; font-weight:bold;}







/*tables*/



tr.sectiontableentry1 td,td.sectiontableentry1, td.sectiontableentry1solid {padding: 6px;background-color:transparent;}



tr.sectiontableentry2 td,td.sectiontableentry2, td.sectiontableentry2solid {padding: 6px;background: url(../images/tables.png);}



td.article_column {padding:0 4px;}



/* polls table IE fix*/



.pollstableborder {text-align:left;}



.poll thead tr td{padding-bottom:10px;}



.poll .button {margin-top: 10px;}



/*table of contents*/



table .contenttoc { background: #eee; float: right; margin:10px; padding: 10px;}







/*imput box, readon, buttons*/



.inputbox, .inputbox-2, textarea, .regpro_inputbox {color:#000;border: #ccc 1px solid;background:#eee; font-size:1em;margin-right: 5px;padding:4px;margin:3px 0;}



fieldset{border:0;}







a.readon {float:right;text-indent:0px;border:0;color:#000; font-weight: bold; 



padding:6px 12px;font-size:1.2em;background: #ddd; border: 1px solid #ccc;margin-top: 20px;}



.readon:hover {background: #807466; color: #fff;}







.button, .regpro_button, a.buttonpad, a.buttonpad2, a.buttonpad3{font-size: .9em;border: #ccc 1px solid;background:#ddd; color: #333;



padding:4px;font-size:1em;margin: 3px 0;



}

a.buttonpad {width: 80px;float:left;padding: 8px;text-align:center; margin: 4px;}
a.buttonpad2 {padding: 8px;text-align:center; margin: 4px;}
a.buttonpad3 {width: 130px;float:left;padding: 8px;text-align:center; margin: 4px;}
a.button2{font-size: 1.5em;border: #999 1px solid;background:url(../images/10perblack.png); color: #fff;



padding:6px;font-size:1em;



}















/*CSS for Module Space Splitting*/



.userahalf {float: left;overflow: hidden;width: 49.999%;}



.userbhalf {float: right;overflow: hidden;width: 48.5%; padding-left:.5%; padding-right:.75%;}



.userathird {float: left; overflow: hidden; width: 32.5%;padding-left: .35%;padding-right:.32%}



.userbthird {padding-left: .35%; padding-right: .32%;float: left;overflow: hidden;width: 32.5%; }



.userafourth {float: left;overflow: hidden;width: 25%;padding-right:.45%;padding-left:.3%;}



.userbfourth {padding-left: .3%; padding-right: .35%;float: left;overflow: hidden;width: 24%; }



.usersbinner3{width:100%;}











/*IMAGE FORMATTING*/



img.frame, #pj_news_articles .image img   {padding:8px;background: #eee; text-align:center;border: 1px solid #ddd; margin:0 8px 4px 12px;}



p img  { border: 0;}







#inner-pad #pj_news_articles .image img, #inner-pad img.frame {border: 1px solid #ddd;}











/* ToolTips */



.tool-tip {



	color: #fff;



	width: 200px;



	z-index: 13000;



}



.tool-title {



	font-weight: bold;



	font-size: 16px;



	margin: 0;



	color: #fff;



	padding: 12px 15px 4px;



	background: url(../images/bubble.png) no-repeat top left;



	border-bottom:#222 solid 0px;



}



.tool-text {



	font-size: 12px;



	padding: 0px 15px 20px 15px;



	background: url(../images/bubble.png) no-repeat bottom left;



}







/*TopPanel*/



.panel_button {



	margin-left: auto;



	margin-right: auto;



	position: relative;



	width: 150px;



	height: 40px;



	background: url(../images/tools/toolstab.png) no-repeat bottom;



	cursor: pointer;



	top:0px;



}



.panel_button a {



	text-decoration: none;



	color: #6D7B8D;



	position: relative;



	line-height:25px;



	z-index:5002;



}



.panel_button a:hover {



	color: #fff;



}







#toppanel-frame {position:relative; height:0;z-index:1;width:100%;top:0px;}



#toppanel {font-size: 12px;color:#90AA82;}



#toppanel a {color:#999;font-weight:normal;}



#toppanel a:hover {color:#fff}



#toppanel .moduletable {padding: 0 10px;}



#toppanel {



	position: absolute;



	width: 100%;



	right: 0px;



	top:0px;



	text-align: center;



	z-index:5002;



}



#panel {



	position: relative;



	top: 0px;



	height: 0px;



	margin-left: auto;



	margin-right: auto;



	z-index: 10;



	overflow: hidden;



	text-align: left;	







}



#panel_contents {



	background:#000;



	height: 100%;



	position: absolute;



	z-index: -1;	



	width:100%;



	



}



#panel .inputbox {background:#000; border: 1px solid #999;color:#fff}







.segment1 {width: 33%;float:left;}