/*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;}
.hidden {display:none;}
/**********************/
/*Clearfix for FF float problem*/
.cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
li{list-style-type:none;}

body{
margin:0;
padding:0;
line-height: 1.5em;
font-size:1.em;
font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;/*Georgia,"Times New Roman",Sans-serif;*/
color:#666;
background:#fff /*url(../images/pagebg.png) repeat-x*/;} 



/*Layout CSS*/
/*width settings*/
.widefixed div.wrapping{width:960px;}
.thinfixed div.wrapping{width:800px;}
.widefluid div.wrapping{width:95%;}
.thinfluid div.wrapping{width:75%;}

/*font sizes*/
body.smallfonts {font-size:.75em;}
body.mediumfonts {font-size:.8em;}
body.largefonts{font-size:1em;}


.pad { vertical-align:middle;padding:4px 0px 0 4px;}
#wrapper{margin: 0 auto;height:1%; 
}/*to align left a bit --- div#wrapping {margin-left:25px; height:100%;}*/

#left {
		float:left;
		width:50px;
		margin:0; padding:0;
		}
		
#right {
		float:right;
		width:50px;
		margin:0; padding:0;
		}
		
#middle {
		margin:0 50px;
	
		}
	
.column-in {
		margin:0; padding:0;
		}
		

#topspacer{width:100%;float:left;height:0px;}
#outer-container{width:100%;float:left;	padding-top:15px;			
}
#inner-container {width:100%;float:left;}
#inner-color{width:100%;float:left;}
#headerinnerbg{ padding:8px 8px 8px 0px; margin:0;
}

#header-mod{ border:5px solid #e1e1e1; background:#e3e3e3; text-align:right; font-size:1em; color:#fff; font-family: Georgia,"Times New Roman",Times,serif; overflow:hidden; width:100%;float:left;height:160px;
}

#pathwayframe{position:relative;width:100%;height:12px;
}
#pathway{position:absolute;left: 15px; top:5px;font-size:.8em;padding:5px 0px 5px 0px;line-height:2.2em;font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
color:#999;z-index:1;
}
#pathway a{color:#75A20E;
}
#pathway a:hover{color:#999; text-decoration: underline;
}

#logocontainer {position: relative;top:30px;left:-90px;
}
#logo {position: absolute;height: 493px;width:85px;
background: url(https://www.croys.co.nz/cms/templates/pj_flexum_15/images/logo.png) no-repeat !important;background: transparent;
}

#contentframe-1{/*background:url(../images/lowersection.png) no-repeat top right;*/
float: left;
width: 100%;
padding-bottom:6px;
}

.contentbg{/*background:url(../images/contentbg.png) repeat top left;*/}

#contentframe-2{padding:0 10px 0 10px;
}

#contentcolumn{padding:0px 0px 10px 0px;
}

#mainbody-pad{padding:15px 0 0 0;
}

#mainbody{width:100%;
}


/*Outer Columns*/
#outercolumn-l{
/*don't change below*/
float: left;
height:100%;
}
#outerpad-l{
}

#outercolumn-r{
/*don't change below*/
float: left;
}
#outerpad-r{
}

.outer-mod{padding:10px;
}

/*Left & Right Columns*/

#leftcolumn{
/*don't change below*/
float: left;
}
#left-mod{padding-left:10px;padding-top:10px;
}

#rightcolumn{
/*don't change below*/
float: left;
}
#right-mod{padding-right:10px;padding-top:10px;
}


.spacing1{width:100%;height:10px;}


/*Color Font Accents for this Pure Joomla! Template*/
/*Links*/
#mainbody p {text-align:justify;}
a:link, a:visited {color:#669900;text-decoration:none; }
a:hover{}
#mainbody a:hover{text-decoration:underline;}
ul li a:link {border-bottom:none;}
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;}

h1 {color:#BF8737;font-size:1.7em}
h2 {color:#f1f1f1;font-size:1.5em}
h3 {
	color: #AE5533;
	font-size:1.2em;
	font-weight:bold;
}
h4 {color:#BF8737;font-size:1.2em}
h5 {color:#f1f1f1;font-size:1.2em}
h6 {color:#000;font-size:1.1em}
.contentheading {
	color: #75A20E;
	font-size:1.8em;
	font-weight: bold;
}
.componentheading {color:#999;font-size:1.5em;padding-bottom:10px;}
.sectiontableheader {background:transparent;}
.mosimage_caption{color:#B1CA77;font-size:.8em;}
#userscont2 .mosimage_caption{color:#999;}
.small, .createdate, .modifydate {color:#999;font-size:.8em;font-family: Arial,Helvetica,sans-serif;}
.moduletable a:hover {color:#fff;}
pre, .code {padding: 10px 15px;background: #222;margin: 5px 0 15px;border-top: 5px solid #ccc;border-bottom: 5px solid #ccc; color:#fff;}
.quotes {color:#888; font-style:italic; text-align:center; background: url(../images/accents/quote.png) 5px 10px no-repeat;} 
.quotes div{text-align:center; padding: 20px 10px 10px 20px;
background: url(../images/accents/quotend.png) bottom right no-repeat;} 
.dropcap {float: left;padding:7px 11px 0 0;display: block;color: #777; font:60px/40px Georgia, Times, serif;}
.attn {padding-left: 25px;color:#FF0000;background:#e1e1e1 url(../images/accents/attn.gif) no-repeat top left;line-height:25px;}
.info {padding-left: 25px;color: #3589E3;background:#e1e1e1  url(../images/accents/info.gif) no-repeat top left;line-height:25px;}
.tip {padding-left: 25px;color: #999;background:#e1e1e1 url(../images/accents/tip.gif) no-repeat top left;line-height:25px;}
.highlight {color:#fff; padding: 0 5px;background: #999;font-weight: normal;}
ul.checklist {list-style: none;}
#mainbody ul.checklist li {margin-left: 3px;padding: 0px 0 5px 20px;background: url(../images/accents/check.png) no-repeat 0px 0px;}
#mainbody ul.checklist ul li {background:url(../images/indent2.png) no-repeat 0 3px;padding:0 0 2px 8px;}
.bubble {clear: both;padding: 5px 15px 10px;position: relative;}
.bubblenum {float: left;margin-right: 8px;padding: 6px 7px;display: block;color: #fff;
background: url(../images/accents/big_number.png) no-repeat top left;font: 20px/normal Arial, sans-serif;font-weight: bold;}
#mainbody ol li {margin-left: 35px;line-height: 170%;list-style:decimal;font-weight:bold;}

tr.sectiontableentry1 td,td.sectiontableentry1, td.sectiontableentry1solid {padding: 4px;background-color:#e1e1e1;}
tr.sectiontableentry2 td,td.sectiontableentry2, td.sectiontableentry2solid {padding: 4px;background-color:transparent;}

.module tr.sectiontableentry1 td,.module td.sectiontableentry1,.module td.sectiontableentry1solid {padding: 4px;background-color:#eee;}

.contentpaneopen {width:100%;}

/*imput box, buttons*/
.button, a.readon {font-size: 1em;background: #ffffff;border: #ffffff ; margin-right: 12px;height:28px;font-family: Arial,Helvetica,sans-serif;padding:2px 2px 2px 2px;}
.inputbox{color:#888;border: #999 1px solid;background: #ffffff;padding:2px; vertical-align:top; margin-top: 7px;}

fieldset{border:0;}


/*lists*/
ul li,  ul {list-style: none; text-indent:15px; margin-bottom:1px;}
li {margin-bottom: 7px; padding-left: 10px;}
ul li {background:url(../images/accents/check.png) no-repeat 0 1px;line-height:1.2em;}
.module ul li {background:none;line-height:1.5em;margin:0;text-indent:10px;width:100%;}
.module ul li a{padding:4px 0 4px 0;}
.module ul li:hover, .module ul li.sfHover {width:100%;background: #eee;}
.module ul li a:hover {background:#eee url(../images/indent1.png) no-repeat 0 50%;text-indent:20px; width:100%;}
#mainbody ul li {font-size:1.1em;}
#mainbody img{}
.module ul li a{width:100%;display:block;}

.module ul li a:hover, .module ul li a.sfHover{width:100%;text-decoration:none;}


#mainbody .contentpaneopen .buttonheading img{padding:0px;}

/*CSS for Module Space Splitting*/
.topuser {width:100%;padding-top:10px;}
.fullwidthcontainer{padding:10px;width:100%;}
#userscont1 {width:100%;}
#userscont2 {width:100%;float:left; /*background:#141E42 url(../images/bottombg.png) repeat-x bottom;*/}
#users45container{padding:0; width:100%;} /*IE6 needs a change here*/
.user6 {}
.userahalf {float: left;overflow: hidden;width: 49.999%;}
.userbhalf {float: right;overflow: hidden;width: 48.9%; padding-left: 1.0%;}
.userathird {float: left;overflow: hidden;width: 49%;}
.userbthird {
	padding-left: .999%;
	float: left;
	overflow: hidden;
	width: 60.0%;
}
.userafourth {float: left;overflow: hidden;width: 25%;}
.userbfourth {padding-left: .999%;float: left;overflow: hidden;width: 24%;}


#usersinnerbg{padding:0px;float:left; width:100%;}
#usersinnerbg2{width:100%;}
#footer{
float:left;
width:100%;
}
#footer-inner{
color: #999;
text-align: center;
padding:5px 10px 10px 5px;
/*background:#000 url(../images/footer.png) repeat-x bottom right;
*/}
#footer h3{color:#999;}
#footer a{color:#666;}
/*FIREBOARD link correction*/
#fireboard a:link {border-bottom:none;}

#absolbottom{height: 8px;float:left;width:90%;/*background:url(../images/pagebottom.png) bottom left repeat-x;*/}

/*Joomla 1.0 Menu in Module*/
a.mainlevel {font-size:1em; text-align:left; width: 100%;display: block;text-decoration:none;text-indent:18px;line-height:2em;/*background:url(../images/indent1.png) no-repeat 0 50%;*/width:100%;}
.mainlevel li a{background:url(../images/indent1menu.png) no-repeat left center;text-indent:18px;}
/*joomla module lists / menus*/
a.mainlevel {line-height:25px;text-indent:25px;}
.flyoutmenu li a:hover {background:#eee; text-decoration:none;border-bottom:none;}
a.mainlevel:hover {background:#bbb url(../images/indent1.png) no-repeat 0 50%;width:100%;border-bottom:none;text-decoration:none;}
a.mainlevel#active_menu{ text-indent:25px; background:#ddd url(../images/indent1.png) no-repeat 0 50%;width:100%;color:#999;}

a.sublevel {background: url(../images/indent3.png) no-repeat 0 50%;line-height:25px;font-weight:normal;text-decoration:none;padding-left:15px;width:100%;}
a.sublevel:hover{font-weight:bold;width:100%;border-bottom:none;text-decoration:none;background:url(../images/indent2.png) no-repeat 0 50%;} 
a.sublevel#active_menu:hover { }
a.sublevel#active_menu {font-weight:bold;color:#999;}
html>body a.mainlevel {width:100%;} /* Opera5-Fix-fix ;-) */
html>body a.sublevel {width:100%;} /* Opera5-Fix-fix ;-) */

p img{padding:10px;}