/*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:"Microsoft YaHei",Tahoma,Helvetica,SimSun,sans-serif,"Trebuchet MS", Arial, Helvetica, sans-serif;

color:#000;

font-size: 13px;

} 

#pageoverall {float:left; width: 100%; background: url(../images/pagetopbg.png) repeat-x}





/*Layout CSS*/

/*font sizes*/

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

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; font-family: "Microsoft YaHei",Tahoma,Helvetica,SimSun,sans-serif; }







#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;


}



/*toolbarframe*/

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

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



/*breadcrumb*/



#breadcrumb {text-align:right; position:relative; height:0; right:0px;font-size:9px; font-family: "Microsoft YaHei",Tahoma,Helvetica,SimSun,sans-serif;color:#666;float:left; width:100%;padding-top: 5px;margin-bottom:-5px;}

#breadcrumb-inner {margin:0 auto;}

#breadcrumb a:link, #breadcrumb a:visited {color: #666; font-weight: normal; border-bottom: 0px dotted #fff; font-family: "Microsoft YaHei",Tahoma,Helvetica,SimSun,sans-serif;}

#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:1px;}

#logo {height:76px;width:250px;background: url(../images/logo.png) no-repeat;position:absolute; right:0px;}



/*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:17px;}

#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:60px;position:absolute;top:-90px;left:70px;}

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

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

	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:-40px; 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; font-family: "Microsoft YaHei",Tahoma,Helvetica,SimSun,sans-serif; 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%; font-family: "Microsoft YaHei",Tahoma,Helvetica,SimSun,sans-serif;}

#footer-outer {width:100%; float:left;margin-top:20px;margin-bottom: 0px;background: #444444}

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

#footer-inner a{color:#fff;}

#footermod {text-align:center; background:url(../images/10perblack.png);padding-top:10px;}



/*Links*/

a:link, a:visited {text-decoration:none;outline:none;border-bottom:none; color:#000;font-weight:600; font-family: "Microsoft YaHei",Tahoma,Helvetica,SimSun,sans-serif;}

#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; font-family: "Microsoft YaHei",Tahoma,Helvetica,SimSun,sans-serif;}

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; font-family: "Microsoft YaHei",Tahoma,Helvetica,SimSun,sans-serif;}

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



/*Typography*/

h1 {font-size:2.5em; color:#111111; white-space: nowrap;z-index:0;}

h2 {color:#007FB2;font-size:2.3em; white-space: nowrap;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: #efefef; border: 1px solid #ddd;}

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



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

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

}

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: #ddd; text-align:center;border: 1px solid #ccc; margin:0 8px 4px 12px;}

p img  { border: 0;}



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





/* 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}