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

a {color:#666666;}



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

/*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: Helvetica,Arial, sans-serif;

color:#666;

font-size: 15px;
background: url(../images/pagebg.jpg) no-repeat 50% 0;
} 

#pageoverall {width: 100%;background: url(../images/header-bg.png) no-repeat 50% 0;  height: 550px;}


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

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

#headermid {background: none; overflow:hidden; 

/* Draw it up */ margin-top: -22px;}


/*top-module*/

#top-module {width:100%; float: left;}

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

#top-2-module-inner {padding-top:20px;}

#top-3-module {}


/*Users 1-3*/

#top-users-area {float:left;width:100%;}

#top-users-frame {margin: 0 auto;}

#top-users-outer {width:100%; float:left;}

#top-users-inner {color:#fff;padding:10px 0px 10px 0px; background: #0099FF url(../images/toparea-bg.png) repeat-x bottom; margin-top: 30px;border-right: 1px solid #35AEFF;border-left: 1px solid #35AEFF; border-top: 1px solid #33ADFF;}



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

#outer-container {width:100%; float:left; margin-top: 0px;}

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



/*Users 4-5*/

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

#users45-inner { margin:12px;float:left;
}

.users45-inner-2 {border:1px solid #ccc;margin-right: 5px;padding-top:5px;}


/*Shadow Under Main Content*/  
#botshadow-frame {width: 100%;height:0;position:relative;float:left;z-index:-1;}
/*#botshadow-inner {position:absolute; height: 300px;width:100%;background: url(../images/darkfade.png) repeat-x;}*/ 

/*Users 6-9*/

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

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

#bottom-users-outer {width:100%; float:left; margin-top: -14px;}

#bottom-users-inner {color:#666;background: #fff;}




/*Users 10-13*/

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

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

#bottom-users-2-outer {width:110%; float:left; margin-top: -15px; margin-left: -46px;}

#bottom-users-2-inner {padding:10px 0px 10px 0px; color:#888;}




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



/* Back to Top Button */

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




/*Inner Content Area Incl Left and Right */

#inner-pad { width:100%;
margin-bottom: 20px;
float:left; 
z-index:0;
}

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


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

}



#contentcolumn{

/*	min-height:500px; */

}



#mainbody-pad{
	padding: 10px 20px 10px 20px;
}


/*Outer Columns*/

/*Outer Left*/

#outercolumn-l{ 

/**/

float: left;

height:100%;

padding:0;

background: #fff;

border:1px solid #ccc;

margin-bottom: 20px;

}

#outerpad-l{

position:relative; 

z-index:2;

height: 100%;

}

/*Outer Right*/

#outercolumn-r{ 

/**/

float: right;

height:100%;

padding:0;

background: #fff;

border:1px solid #ccc;

margin-bottom: 20px;

}


#outerpad-r{

position:relative; 

height: 100%;

}


.outer-mod{

width:100%; 

}



/*Left & Right Columns*/

#leftcolumn{

float: left;

position:relative;

}



#left-mod{


}



#rightcolumn{

float: left;

position:relative;

}

#right-mod{


}




/*breadcrumb*/

#breadcrumb {text-align:left; position:relative; height:30px; font-size:11px;color:#666;width:100%;}

#breadcrumb-inner {height:30px;line-height: 30px;padding:0px 20px;}

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

#breadcrumb a:hover {color:#0081FF;border-bottom: 1px dotted #0081FF;}




/*Social Icons*/

#social_icons {position:relative;height:0;float:left;width:100%;}
#social_icons_inner {position:absolute;right: 30px;top: 74px;}
#fb1-frame, #ms1-frame, #tw1-frame, #lnk1-frame, #rss1-frame, #digg1-frame   {float:left;/*for vertical - remove preceding float*/ 
height:24px;width:24px}
#fb1 {background: url(../images/social_icons/facebook1.png) no-repeat top left;height: 26px;width:35px; position:absolute;}
#tw1 {background: url(../images/social_icons/twitter1.png) no-repeat top left;height: 26px;width:35px; position:absolute;}
#lnk1 {background: url(../images/social_icons/linkedin1.png) no-repeat top left;height: 26px;width:35px;position:absolute;}
#rss1 {background: url(../images/social_icons/rss1.png) no-repeat top left;height: 26px;width:35px;position:absolute;}
#ms1 {background: url(../images/social_icons/myspace1.png) no-repeat top left;height: 26px;width:35px;position:absolute;}
#digg1 {background: url(../images/social_icons/digg1.png) no-repeat top left;height: 26px;width:35px;position:absolute;}
#social_icons a:hover {background-position: bottom left;}



/*logo*/

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

#logo {height:62px;width:175px;background: url(../images/logo.png) no-repeat;position:absolute; top:27px; left:7px;}




/*small logo*/

#small_logo_frame {width:100%;height: 0px;position:relative;}

#small_logo {background: url(../images/purejoomla.png) no-repeat;  height:38px; width: 145px;position:absolute; left:0px;top:-4px;}




/*banner*/

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

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




/*footer*/

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

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

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

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

#footermod {text-align:center;font-size: .9em;}

#footermod-inner { }

#pagebottom-space {width: 100%;float:left;height:20px;}




/*Links*/

a:link, a:visited {text-decoration:none;outline:none;color:#0099FF;}
a:hover{text-decoration:none;}

p a:link,p a:visited, a.linker:link,a.linker:visited {border-bottom:1px dashed #999;}
p a:hover ,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;}





/*lists*/

ul li p { padding:0; margin:0;}

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 6px;padding: 4px 0 4px 10px; }

ul.listcols2, ul.listcols3, ul.listcols4, ul.listcols5, ul.listcols6 {float:left;position:relative;}
/*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:1.6em;font-weight:normal;padding: 5px 0 5px 10px;}

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

.list200  li{min-width:200px;}
.list150 li {min-width:150px;}

/*Typography*/

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

h2 {color:#000;font-size:1.4em; /*white-space: nowrap;z-index:0;*/line-height:1.8em;}

h3 {color:#990000;font-size:1.2em; font-weight:normal; line-height:1.6em; text-decoration:underline;}

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

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

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

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

.componentheading {color:#111111;font-size:1.8em;font-weight:bold; 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: #e1e1e1;border-top: 5px solid #0099FF;border-bottom: 5px solid #0099FF; margin:15px 0 15px;color:#333;}

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

.attn {font-weight:bold;padding-left: 36px;padding-right: 20px;color:#BD667B;
background:#e1e1e1 url(../images/accents/attn.png) no-repeat 6px 50%;border-top: 3px solid #ddd;
border-bottom: 3px solid #ddd;margin-bottom:4px;margin-top:4px;padding-top: 6px; padding-bottom: 6px;}

.info {font-weight:bold;padding-left: 36px;padding-right: 20px;color:#70A9BB;
background:#e1e1e1 url(../images/accents/info.png) no-repeat 6px 50%;border-top: 3px solid #ddd;
border-bottom: 3px solid #ddd;margin-bottom:4px;margin-top:4px;padding-top: 6px; padding-bottom: 6px;}

.tip {font-weight:bold;padding-left: 36px;padding-right: 20px;color: #A2B25D;
background:#e1e1e1 url(../images/accents/tip.png) no-repeat 6px 50%;border-top: 3px solid #ddd;
border-bottom: 3px solid #ddd;margin-bottom:4px;margin-top:4px;padding-top: 6px; padding-bottom: 6px;}

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

ul.checklist {list-style: none;}

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

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

ul.pluslist {list-style: none;}

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

ul.pluslist ul li {background:url(../images/indent2.png) no-repeat 0 6px;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/20perblack.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*/

.contenttoc {margin:8px;}

table .contenttoc { background: #eee; float: right; margin:10px; padding: 5px 15px 15px; border: 1px solid #ddd;}
.contenttoc th {font-size: 1.2em; font-weight:normal;padding: 6px 0;}
.contenttoc a.active {color: #000;}

/*input box, readon, buttons*/

.inputbox, .inputbox-2, textarea {color:#000;background: url(../images/20perblack.png); font-size:1em;margin-right: 5px;
padding:4px;margin:3px 0; border:1px solid #ccc;}


fieldset{border:0;}

a.readon {margin-top: 10px;background: url(../images/pjnl-readon.png) no-repeat; 
padding:0;font-size:15px;color:#fff;height:11px;line-height:27px; font-weight:normal; background-position: top; text-indent: 6px;
height:25px;width:108px; text-align:center; float:right;
}
a.readon:hover {background-position:bottom;}


#pj_news_articles  a.readon {background: url(../images/pjnl-readon.png) no-repeat;}

.button {font-size: .9em;border: #ccc 1px solid;background:#ededed; 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;

}

.search .button {margin-left: 8px;}





/*CSS for Module Space Splitting*/

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

.userbhalf {float: right;overflow: hidden;width: 68.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: url(../images/20perblack.png); text-align:center;border: 0px solid #ddd; margin:0 8px 4px 8px;}

p img  { border: 0;}

#panel img.frame{background: #24221E;}

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




/* ToolTips */
.tool-tip {
	color: #fff;
	width: 200px;
	z-index: 13000;
}
.tool-title {
	font-weight: bold;
	font-size: 14px;
	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;
}


.custom-tip {

	color: #fff;

	width: 260px;

	z-index: 13000;

}

.custom-title {

	font-weight: bold;

	font-size: 13px;

	margin: 0;

	color: #fff;

	padding: 17px 34px 20px 30px;

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

	border-bottom:#222 solid 0px;
	
	text-align: center;

}

.custom-text {

	font-size: 12px;

	padding: 0px 24px 40px 20px;

	background: url(../images/bubble2.png) no-repeat bottom left;
	color: #ddd;

}

















/*Toolbar States
#toolset{position:relative;float:left;top:0;z-index:200;width:100%;}
		#tools{position:absolute;left:0px;top:0px;padding-right:8px;}
		#tools ul {display:inline;height:20px;}
		#tools li {height:20px; display:inline;background: none;margin: 0;}
		#tools a {padding-top:0px;height:20px;overflow:hidden;background-position: 0 0;background-repeat:no-repeat;font-size:11px;}
		#tools li a:hover {background-color:transparent;}
		.toolshoriz li,.toolshoriz li a{display:block;float:left;}



#tools li a {}
#tools li a#smallfonts {background-position: 0 -40px;}
#tools li a#mediumfonts {background-position: 0 -40px;}
#tools li a#largefonts {background-position: 0 -40px;}
#tools li a#menuss {background-image:url(../images/tools/menu_ss.png); width:20px; background-position: 0 -40px;}
#tools li a#menusf {background-image:url(../images/tools/menu_sf.png); width:20px; background-position: 0 -40px;}
#tools li a#thinfixed {background-image:url(../images/tools/w_thin.png); width:20px; background-position: 0 -40px;}
#tools li a#widefixed {background-image:url(../images/tools/w_wide.png); width:20px; background-position: 0 -40px;}
#tools li a#thinfluid {background-image:url(../images/tools/w_tfluid.png); width:20px; background-position: 0 -40px;}
#tools li a#widefluid {background-image:url(../images/tools/w_wfluid.png); width:20px; background-position: 0 -40px;}
#tools li a#color1 {background-color:#8E9E9E}
#tools li a#color2 {background-color:#FF5782;}
#tools li a#color3 {background-color:#0081FF;}

#tools li a#menuss:hover,#tools li a#menusf:hover,
#tools li a#smallfonts:hover,#tools li a#mediumfonts:hover,#tools li a#largefonts:hover,#tools li a#thinfixed:hover,#tools li a#widefixed:hover,#tools li a#thinfluid:hover,#tools li a#widefluid:hover,
#tools li a#color1:hover,#tools li a#color3:hover,#tools li a#color2:hover
{background-position: 0 0px; }

#tools li a#menuss.active-option,#tools li a#menusf.active-option,
#tools li a#smallfonts.active-option,#tools li a#mediumfonts.active-option,#tools li a#largefonts.active-option,
#tools li a#color1.active-option,#tools li a#color2.active-option,#tools li a#color3.active-option
{background-position: 0 -20px; }
*/


/*TopPanel

.panel_button {

	margin-left: auto;

	margin-right:77px;

	width: 140px;

	height: 40px;

	cursor: pointer;

	top:40px;

	text-align:center;
	
	z-index:5002;

}

.panel_button a {

	text-decoration: none;

	color: #666;

	line-height:35px;

	z-index:5002;

}

.panel_button a:hover {

	color: #000;
	
	border-bottom: 1px dotted;

}



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

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

#panel a {color:#ddd;font-weight:normal;}

#panel a:hover {color:#666666}

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

#panel .moduleh3-l span {color:#fff;}

#toppanel {

	width: 100%;

	right: 0px;

	top:0px;

	z-index:5002;
	
}

#panel {

	position: relative;

	top: 0px;

	height: 0px;

	margin-left: auto;

	margin-right: 0;

	z-index: 10;

	overflow: hidden;

	text-align: left;	

	float:left;
	
	background: #000;
	
	width:100%;

}

#panel_contents {

	background:#000;

	height: 100%;

	z-index: -1;	

	width:100%;
	
}


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

*/
img.cloudcarousel {background: #fff; padding: 4px;margin-left: -4px;}