/* ActiveImage.ca .CSS file based on the Flexi skin */
body   { font-size: 80%; font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; background-color: #d7eaff; background-image: none; background-position: 0 0; margin: 0; padding: 0 }
.clearer { height:1px; clear:both; margin-top:-1px; }

#FlexiAll { /*for setting e.g. additional Background-image*/
	padding-top:20px; }
#FlexiAll H3 { color: #d34900 }
* html #FlexiAll { height:1px; }	
#FlexiTop {
	position:absolute;
	top:0;
	right:15px;
	margin:0;
	height:1em;
	}
#FlexiLeftBox { 
	position:absolute;
	top:20px;
	left:2%;
	xwidth:190px;
	width:20%
	}
#FlexiLeft    { background-color: #f5f5f5; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; padding: 0.5em; border: solid 2px #808080; -moz-border-radius: 25px   }

#FlexiMainBox { 
	position: relative;
	xmargin:0px 1.5% 20px 0px;
	margin-left:24%;
	margin-right:1%;
	min-width:585px;
	}
* html #FlexiMainBox { height:1px; }
#FlexiMain { 
	position: relative;
	margin:0;
	padding:10px 0px;
	border-left:2px solid #808080;
	background:#fff url(gfx/right.jpg) repeat-y right;
	}
* html #FlexiMain { height:1px; }
#FlexiMainTop  { background: url("gfx/top.jpg") repeat-x right top; position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 20px; min-width: 585px }
* html #FlexiMainTop { width:auto;}

#FlexiMainBottom { position:relative; height:30px;
	background:url(gfx/bottom.jpg) repeat-x; 
	}
.tlc, .blc { float:left; width:20px; }
.trc, .brc { float:right; width:30px; }

#FlexiHeader   { background-image: url("gfx/activepeople.jpg"); background-repeat: no-repeat; background-position: right center; margin: -10px 12px 0 1px; padding: 0; height: 120px }

#FlexiTopMenu   { color: #d48526; font-size: 1em; line-height: 133%; background: #eac26a; text-align: right; margin: 0 31px 0 21px; padding: 1px 1em 0.1em; border: solid 2px }
* html #FlexiTopMenu { height:1px; }


#FlexiTitle {
	margin:0;
	height:1.5em;
	border:1px solid #bbb;
	background:url(gfx/flexi/FlexiTitle.gif) no-repeat;
}

#FlexiContent    { color: #666; padding: 1em 30px 1em 25px }
* html #FlexiContent {height:1%;} /*for IE*/

#FlexiFooter {
	margin:0.5em 15px 0 15px;
	height:1em;
	border:1px solid #bbb;
	background:url(gfx/flexi/FlexiFooter.gif) no-repeat;
}
#FlexiRight    { font-size: 90%; background-color: #f5f5f5; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin-left: 20px; padding: 0.5em; width: 170px; float: right; border: solid 2px #bbb; -moz-border-radius: 12px   }
#FlexiBottom  { color: #999; font-size: 0.8em; font-weight: normal; margin: 0 2% 0 23%; height: 2em }
#FlexiBottom a:link { color: #858585; text-decoration: none }
#FlexiBottom a:visited { color: #858585; text-decoration: none }
#FlexiBottom a:hover { color: #d34900; text-decoration: underline }
/*======= sidebar =====*/
.sidehead { font-size:125%; }
#FlexiLeft    { color: #666; font-size: 1em; font-weight: normal; width: auto }
#FlexiLeft a   { color: #d48528; font-size: 1em; font-weight: bolder; line-height: 2.5em; border-bottom: 1px dotted #d34900 }
#FlexiLeft a:hover  { color: #d34900; font-size: 1em; font-weight: bolder; background-image: url("gfx/activeperson-orange-20.gif"); background-repeat: no-repeat; border-bottom: 1px solid #d34900 }
#FlexiLeft ul  { list-style: none; margin: 0; padding: 0; width: auto } 
#FlexiLeft ul li { margin:0; padding-left:0}

#FlexiLeft li a  { text-decoration: none }
#FlexiLeft ul li a    { padding-left: 1.5em }
#FlexiLeft ul ul li a     { font-size: 0.9em; font-weight: bold; line-height: 2.5em; margin-left: 10px; padding-left: 1.5em }
#FlexiLeft ul ul li a:hover   { color: #d34900; font-size: 0.9em; font-weight: bold; background-image: url("gfx/activeperson-orange-15.gif"); background-repeat: no-repeat; padding-left: 1.5em }
#FlexiLeft ul ul li .selflink  { color: #d34900; font-size: 0.9em; font-weight: bold; background-image: url("gfx/activeperson-orange-15.gif"); background-repeat: no-repeat; padding-left: 1.5em; border-bottom: 1px solid #d34900 }
#FlexiLeft .selflink { color: #d34900; font-size: 1em; font-weight: bolder; background-image: url("gfx/activeperson-orange-20.gif"); background-repeat: no-repeat; border-bottom: 1px solid #d34900 }
/*=== nav menus: Fat Erik's Pipelist (adapted) ===*/
.nav   { color: #c00; font-weight: bold }
.nav a  { color: #c00; font-weight: bold }
.nav a:hover { color: #ebebeb; font-weight: bold }
.nav ul { 
		list-style: none;
		padding:0;
		margin: 0 0 0 5px;
		}
.nav ul li { 
		display: inline;
		padding: 0;
		margin: 0;
		}
.nav ul li a { text-decoration:none; 
		padding:1px 2px 2px 2px; }
.nav ul li:before { content: "| "; }
.nav ul li:first-child:before { content: ""; }

.nav form { margin:0; padding:0; display:inline}

/*IE workaround for content:"| " */
/*All IE browsers*/
* html .nav ul { margin:0 0 0 -8px; }
* html .nav ul li { border-right: 1px solid #D48526;
		padding: 0 5px 0 5px;
		margin: 0 -5px 0 5px;
		}
/*Win IE browsers - hide from Mac IE\*/
* html .nav ul { height: 1%; float:right;}
* html .nav ul li {
		display: block;
		float: left;
		}
/*End hide*/
/*Mac IE 5*/
* html .nav ul li:last-child { border-right: 0; }

.roundbox {xheight:95px;
	padding:5px 0;
	border:2px solid #808080;
	-moz-border-radius: 15px;
	line-height:1.3em;
	}
.roundbox input { margin:3px 0;
	}
.inputbox { width:9em; }
#Icons   { text-decoration: none; background-image: none; border-bottom: none }
#Icons a { text-decoration: none; background-image: none; border-bottom: none }
#Icons a:link { text-decoration: none; background-image: none; border-bottom: none }
#Icons a:visited { text-decoration: none; background-image: none; border-bottom: none }
#Icons a:hover { text-decoration: none; background-image: none; border-bottom: none }
#Icons a:wikilink   { text-decoration: none; background-image: none; border-bottom: none }