/* @override http://localhost:8888/joomla/1510/JB_Elevate_Quickstart_J1.5.10_v1.0.1/templates/jbelevation/css/template_css.css */

/*--------------------------------------------------------------
# JB Elevation (March 09) - Joomla 1.0/Joomla 1.5
# Copyright (C) 2006-2008 joomlabamboo.com. All Rights Reserved.
# License: Commercial Template
# Website: http://www.joomlabamboo.com
# Support: http://www.joomlabamboo.com/forum 
---------------------------------------------------------------*/
 
/* @group Global Reset */ 

* 
{font-weight: normal;font-family: inherit;	font-style: inherit; font-size: 100%; outline: 0;padding: 0;margin: 0;}
img, a {border: none;}
fieldset.input,fieldset {border: none;}
body, html {height: 100%;width: 100%;margin: 0;padding: 0;}
table {width: 100%;clear: both;}
ul,ol {margin: 10px 0 10px 18px;padding: 0;}
ul li{padding: 0;list-style-type: disc;margin: 0;}
ol li {padding: 0;margin: 0;list-style-type: decimal;}
/* @end */

/* @group Body and Containers */
body {margin: 0;padding: 0;font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #fff; line-height: 1.8;font-size:82%;text-align: left;background: #000}
#outerWrap {width: 100%;float: left;padding-bottom: 40px;}
#innerWrap {margin: 0 auto}
/* @end */

/* @group Top Wrap */
#topWrap {width: 100%;float: left;height: 69px;background: #fff url(../images/nav.jpg) repeat-x left 0}
#topWrapInner {width: 950px;margin: 0 auto;}
#topLeft {float: left;width: 28%;position: relative;}
#topRight {float: right;width: 70%;}
/* @end */

/* @group Superfish */
#topWrap ul {float: right;background: url(../images/navsep.jpg) no-repeat right 7px;margin: 0;}
#topWrap ul li {float: left;list-style-type: none;padding: 0;background: url(../images/navsep.jpg) no-repeat left 7px;}
#topWrap ul li a {text-decoration: none;color: #fff;font-size: 1.2em;padding: 35px 15px 5px 20px;float: left;font-weight: normal;}
#topWrap ul li a#active_menu,#topWrap ul li a:hover,#topWrap ul li a.mainlevel_active {background: url(../images/navhover.png) center -1px no-repeat;padding-top: 35px;font-weight: normal}
#topWrap ul li a:hover {background: url(../images/navhover.png) center -1px no-repeat;}
#topWrap li ul {position: absolute; width: 248px;background: url(../images/menuoverlay.png); z-index: 100;top: -9999px}
#topWrap li ul ul {margin: 0;}
#topWrap li:hover ul {left: 0;}
#topWrap li ul li,#topWrap li ul li#current {padding: 0; width: 250px; margin: 0}
#topWrap li ul li#current {border: none;}
#topWrap ul li a{text-decoration: none;}
#topWrap ul li li a#active_menu {background: #333;padding: 4px 8px;}
#topWrap ul li li a {border-bottom: 1px solid #333;padding: 4px 8px;width: 232px;margin: 0;font-size: 90%;}
#topWrap ul li li a:hover {background: #333;padding: 4px 8px;}
#topWrap ul li li#current {background: none;}
#topWrap li a:hover,a#active_menu:link,a#active_menu:visited{text-decoration: none;}
#topWrap ul li.active a {text-decoration: none;}
#topWrap li.parent.active a {text-decoration: none}
#topWrap li.parent.active ul li a:hover {text-decoration: none;}
#topWrap li#current,#topWrap li.active,#top_wrapper ul li:hover,#topWrap ul  li.parent.active {background: url(http://www.cmo.nl/euforum/templates/jbelevation/images/nav_active.png) no-repeat center top}
#topWrap li li:hover,#topWrap li li#current,#top_wrapper ul li li.parent.active {background: none;}
.nav ul {position:absolute;top:-999em;}
#topWrap li {float:left;position:relative;z-index:99;padding: 0 10px 0 0;}
#topWrap li li:hover ul,#topWrap ul li li.sfHover ul {left:248px;top:0px;}
#topWrap li:hover ul,#topWrap ul li.sfHover ul {left:0px;top:68px}
#topWrap span.expanded {background: url(../images/parent.png) no-repeat center 17px;padding-bottom: 11px}
#topWrap ul li li span.expanded {border-width: 0;background: url(http://www.cmo.nl/euforum/templates/jbelevation/images/arrowright.png) no-repeat left 3px;padding-left: 15px;position: relative;z-index: 1;}
/* @end */

/* @group Underneath the Nav - Slogan, search and breadcrumbs */
#underNav {width: 100%;float: left;margin-bottom: 10px;height: 30px;margin-top: 8px;}
#underNavRight {float: right;width: 35%;text-align: right;font-size: 11px;}
#underNavLeft {float: left;width: 60%;font-size: 0.9em;margin-top: 2px;}
/* @end */

/* @group Banner and Slideshow*/
#bannerWrap {float: left;width: 100%;padding-bottom: 20px!important;padding-bottom:0}
#bannerLeft_FullWidth,#bannerRight_FullWidth {width: 100%;float: left}
#bannerWrap h1 {font-size: 1.9em;}
#bannerRight {float: right;width: 45%;padding-bottom: 20px;}
#bannerLeft_Even {float: left;width: 50%}
#bannerRight_Even {float: right;width: 45%;}
/* @end */

/* @group Middle Column - Main Content */
#aboveContent {margin-bottom: 20px;}
#belowContent {margin-top: 10px;}
#mainWrap {float: left;width: 100%;margin-top: 0px;padding-bottom: 30px;padding-top: 30px;border-bottom: 1px solid #8CA5B4;border-top: 1px solid #8597A1;}
#mainContent
#midCol_even {width: 45%;float: left;}
#midCol_triple,#midCol_even {width: 48%;float: left;border-right: 1px solid #8597A1;padding-right: 2%;margin-right: 2%;}
#midCol_triple {width: 42%;}
#midCol_fullWidth {width: 100%;border: none;margin: 0;padding: 0;}
#midCol_double {width: 74%;margin: 0;border: none;padding: 0;float: left;}
/* @end */

/* @group Right Column */
#rightCol_triple,#rightCol_even,#rightCol_triple {float: right;width:20%;padding-left: 10px;}
#rightCol .moduletable {margin-bottom: 20px;clear: both;}
#rightCol_even {width: 46%}
#rightCol_triple {width: 24%;}
/* @end */

/* @group Left Column */
#leftCol_triple,#leftCol_double {float: left;width: 20%;padding-right: 2.5%;margin-right: 2.5%;border-right: 1px solid #8597A1;}
#leftCol_triple {width: 23%;}
#leftCol ul, #rightCol ul {margin: 0;}
#leftCol .moduletable,#rightCol .moduletable,#rightCol .moduletable-light,#leftCol .moduletable-light {margin-bottom: 30px;}
/* @end */

/* @group Left and Right Positions menus and lists */
#leftCol ul,#rightCol ul {margin: 0;list-style-type: none;list-style-position: outside;}
#leftCol ul ul {margin: 0;}
#leftCol ul li,#rightCol ul li {list-style-type: none;width: 98%}
#leftCol ul li a,#rightCol ul li a,#leftCol span.expanded,#rightCol span.expanded   {display: block;text-decoration: none;padding-left: 4px;border-bottom: 1px solid #90ACBD;cursor: pointer;}
#leftCol ul li a:hover,#rightCol ul li a:hover {background: #eee;}
#leftCol ul li li,#rightCol ul li li {width: 100%}
#leftCol ul li li li,#rightCol ul li li {width: 100%;list-style-type: square}
#leftCol ul li li li,#rightCol ul li li li{width: 100%;list-style-type: disc}
#leftCol ul li li a {text-indent: 5px}
#leftCol ul li li li a {text-indent: 18px}
#leftCol ul li li li li a {text-indent: 31px}
#leftCol ul li .active,#rightCol ul li .active {background: #111}
/* @end */

/* @group Bottom Grid */
#bottomGrid {float: left;width: 100%}
#below_content_first,#below_content_second,#below_content_third {clear: both;float: left;width: 100%;border-bottom: 1px solid #8597A1;margin-bottom: 20px;background: none;}
.below_left,.below_mid,.below_right {float: left;width: 30%;padding-top: 8px;}
.below_left {border-right: 1px dotted #8597A1;padding-right: 2%;}
.below_mid {margin-left: 1%;border-right: 1px dotted #8597A1;padding:8px 2% 0}
.below_right {float: right;border: none;}
/* @end */

/* @group Footer */
#footerWrap {width: 100%;float: left;background: #000;margin: 0;padding: 8px 0}
#footerInner {margin: 0 auto;width: 950px;}
#footerWrap ul {margin: 0;}
#footerWrap ul li {list-style-type: none;float: left;}
#footerWrap ul li a {float: left;margin-right: 10px;text-decoration: none;color: #fff;}
#footerWrap ul li a:hover {color: #333;}
#footerLeft {width: 75%;float: left;}
#footerRight {float: right;width: 20%;}
/* @end */


/* @group Below Content Grid Area */
#below_content_first,#below_content_second,#below_content_third,#topModuleWrap,#above_content {width: 100%;float: left;padding: 0;background: none;}
.below_left,.bottomLeft,#topModuleLeft,#above_contentLeft {width: 30%;float: left;}
.below_right,.bottomRight,#topModuleRight,#above_contentRight {float: right;width: 30%;}


/* @group Double 1 */
#below_content_first.double1 .below_left,#below_content_first.wide1 .below_mid {width: 47%;padding-bottom: 20px;}
#below_content_first.double1 .below_mid {border: 0;float: right;}
/* @end */

/* @group Double 2 */
#below_content_first.double2 .below_mid,#below_content_first.double2 .below_right {width: 47%;padding-bottom: 20px;}
#below_content_first.double2 .below_mid {margin: 0;padding-left: 0;width: 48%;}
#below_content_first.double2 .below_right {border: 0;float: right;}
/* @end */

/* @group Double 3 */
#below_content_first.double3 .below_left,#below_content_first.double3 .below_right {width: 47%;padding-bottom: 20px;}
#below_content_first.double3 .below_left{margin: 0;padding-left: 0;width: 48%;}
#below_content_first.double3 .below_right {border: 0;float: right;}
/* @end */

/* @group Full Width */
#below_content_first.full_width .below_left,#below_content_first.full_width .below_mid,#below_content_first.full_width .below_right {width: 100%;padding-bottom: 20px;}
/* @end */
/* @end */

/* @group Headings */
h1,.componentheading {font-size: 2em;}
h2,.contentheading {font-size: 1.8em;line-height: 1,8em;display: inline; color: #003399; text-transform: uppercase}
h3,.moduletable h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 0.9em;}
/* @end */

a {color: #ccc;text-decoration: none;}
a:hover {color: #333;}
/*p {margin: 8px 0;}*/
i,em {font-style: italic;}
strong,b {font-weight: bold;}

span.modifydate,span.createdby,span.createdate {float: left;margin-right: 4px;font-size: 11px;color: #999;text-transform: uppercase;}
span.modifydate {margin-top: 8px;}
span.dropcap {float:left;color:#444;font-size:70px;line-height:50px;padding:2px 12px 0px 0;font-family: Times, serif, Georgia;margin-top: 8px;}
.blockquote {font-size: 2.4em;font-family: georgia;color: #0c0604;line-height: 1.4em;margin: 20px 0;}

/* @group Lists and P classes */
.grey {color: #555;}
p.info {border: 1px solid #ccc;border-width: 1px;padding: 8px;margin-bottom: 20px;background: #eee url(http://www.cmo.nl/euforum/templates/jbelevation/images/light_bulb.png) no-repeat left center;padding-left: 40px;font-style: italic;}
.photo {background: url(http://www.cmo.nl/euforum/templates/jbelevation/images/photo_camera.png) no-repeat left center;padding-left: 40px}
.cloud {background: url(../images/icons/cloud_comment.png) no-repeat left center;padding-left: 40px}
.puzzle {background: url(../images/icons/puzzle.jpg) no-repeat left center;padding: 15px 0 15px 70px;}
.images {background: url(../images/icons/image.jpg) no-repeat left center;padding: 10px 0 10px 70px;}
.attachment {background: url(../images/icons/attach_image.png) no-repeat left center;padding: 15px 0 15px 40px}
.download {background: url(../images/icons/download.png) no-repeat left center;padding: 15px 0 15px 40px}
.eq {background: url(../images/icons/equalizer.png) no-repeat left center;padding: 15px 0 15px 40px}
.imagedownload {background: url(../images/icons/download_image.png) no-repeat left center;padding: 15px 0 15px 40px}
.film {background: url(../images/icons/film.png) no-repeat left center;padding: 15px 0 15px 40px}
.globe {background: url(../images/icons/globe.png) no-repeat left center;padding: 15px 0 15px 40px}
.id {background: url(../images/icons/id_card.png) no-repeat left center;padding: 15px 0 15px 40px}
.image {background: url(../images/icons/image.png) no-repeat left center;padding: 15px 0 15px 40px}
.lightbulb {background: url(../images/icons/light_bulb.png) no-repeat left center;padding: 15px 0 15px 40px}
.noteaccept {background: url(../images/icons/note_accept.png) no-repeat left center;padding: 15px 0 15px 40px}
.notebook {background: url(../images/icons/note_book.png) no-repeat left center;padding: 15px 0 15px 40px}
.note {background: url(../images/icons/note32.png) no-repeat left center;padding: 15px 0 15px 40px}
.clock {background: url(../images/icons/old_clock.png) no-repeat left center;padding: 15px 0 15px 40px}
.pages {background: url(../images/icons/pages.png) no-repeat left center;padding: 15px 0 15px 40px}
.camera {background: url(../images/icons/photo_camera.png) no-repeat left center;padding: 15px 0 15px 40px}
.pin {background: url(../images/icons/pin32.png) no-repeat left center;padding: 15px 0 15px 40px}
.printer {background: url(../images/icons/printer.png) no-repeat left center;padding: 15px 0 15px 40px}
.prize {background: url(../images/icons/prize_winner.png) no-repeat left center;padding: 15px 0 15px 40px}
.puzzle {background: url(../images/icons/puzzle.png) no-repeat left center;padding: 15px 0 15px 40px}
.report {background: url(../images/icons/report.png) no-repeat left center;padding: 15px 0 15px 40px}
.tv {background: url(../images/icons/television.png) no-repeat left center;padding: 15px 0 15px 40px}
.tools {background: url(../images/icons/tools.png) no-repeat left center;padding: 15px 0 15px 40px}
.trash {background: url(../images/icons/trash_can.png) no-repeat left center;padding: 15px 0 15px 40px}
.printer {background: url(../images/icons/printer.png) no-repeat left center;padding: 15px 0 15px 40px}
.recycle {background: url(../images/icons/recycle.png) no-repeat left center;padding: 15px 0 15px 40px} 
p.code {background: #eee url(http://www.cmo.nl/euforum/templates/jbelevation/images/code.jpg);font-family: courier;font-size: 11px;padding: 8px;}
/* @end */

/* @group Misc Classes */
.red {color: #701A00;}
.tweet {padding: 4px 4px 4px 10px;clear: both;margin: 0;}
.tweetLink {font-style: italic;float: right;font-size: 0.8em;color: #333;}
.floatleft {float: left;margin-right: 20px;}
.floatright {float: right;margin-left: 20px;}
.code {border-left: 8px solid #ddd;padding: 10px;background: #eee;margin: 10px 0;}
.left45 {float: left;width: 45%;margin-right: 10px;border: 8px solid #eee;border-width: 8px 0;padding: 10px 0;}
.right45 {float: right;width: 45%;margin-left: 10px;border: 8px solid #eee;border-width: 8px 0;padding: 10px 0;}
.jbLogo {margin-top: 4px;float: right;}
.clear {clear: both}
/* @end */

/* @group Boxes */
.blackbox {border-left: 8px solid #333;padding: 8px;background: #eee;margin: 10px 0;}
.redbox {border-left: 8px solid #521218;padding: 8px;background: #eee;margin: 10px 0;}
.bluebox {border-left: 8px solid #417378;padding: 8px;background: #eee;margin: 10px 0;}
.greenbox {border-left: 8px solid #CDD452;padding: 8px;background: #eee;margin: 10px 0;}
.yellowbox {border-left: 8px solid #F2F096;padding: 8px;background: #eee;margin: 10px 0;}
.brownbox {border-left: 8px solid #B05A3A;padding: 8px;background: #eee;margin: 10px 0;}
.purplebox {border-left: 8px solid #7F176B;padding: 8px;background: #eee;margin: 10px 0;}
/* @end */

/* @group Spans */
span.black {color: #000;}
span.blue {color: #417378;}
span.red {color: #521218;}
span.green {color: #CDD452;}
span.yellow {color: #F2F096;}
span.white {color: #ddd;}
span.brown {color: #B05A3A;}
span.purple {color: #7F176B;}
/* @end */

/* @group Module Classes */
.moduletable-border {padding: 8px 8px 20px;border: 1px solid #8597A1;margin-bottom: 30px;width: 92%;}
.moduletable-border h3 {border-bottom: 1px solid #8597A1}
.moduletable-dark {padding: 8px 8px 20px;border: 1px solid #000;margin-bottom: 30px;background: url(../images/blackoverlay.png);width: 92%;}
.moduletable-dark h3 {border-bottom: 1px solid #000}
.moduletable-light {color: #333;padding: 8px 8px 20px;border: 1px solid #fff;margin-bottom: 30px;background: url(../images/whiteoverlay.png);width: 92%;}
#leftCol .moduletable-light ul li a,#rightCol .moduletable-light ul li a,.moduletable-light ul li a {color: #333;border-bottom: 1px solid #fff;}
.moduletable-light h3 {border-bottom: 1px solid #f9f9f9}
/* @end */


.border {border: 2px solid #000;}

/* @group joomla Stuff */
.sectiontableentry1 td,.sectiontableentry2 td {border-bottom: 1px solid #222;text-align: left;padding: 4px;}
table.contenttoc {float: right;width: 20%;background: #fff;padding: 8px;border: 1px solid #ddd;}
table.weblinks {margin-top: 20px;float: left;}
.buttonheading {float: right;}
.readon {background:url(../images/arrow.png) no-repeat 4px center;padding: 0px 4px;margin: 10px 0;color: #eee;padding-left: 20px;display: block}
a.readon:hover {color: #333;}

/* @group Pagination */
ul.pagination {margin: 0;}
ul.pagination li {list-style-type: none;margin: 0 10px 0 0;background: #f9f9f9;border: 1px solid #ddd;padding: 0 4px;float: left}
/* @end */


/* @group Front Page Items */
h2.frontPage {font-size: 1.2em;}
.frontPageImage {float: left;margin: 0px 10px 0 0px;border: 2px solid #000;}
.leadingarticles {margin-top: 10px;margin-bottom: 20px;}
.article_separator {margin: 0;}
.frontPageItems .article_separator,.article_separator,.width33 span.article_separator,.width25 span.article_separator{border-bottom: 1px dotted #8CA5B4;height: 5px;width: 100%;clear: both;margin: 8px 0 20px;float: left;}
.blog .article_separator {float: none;display: none;}
.last .article_separator,.width50 .article_separator {border-bottom: none;}

.blog .cols3 .readon,.blog .cols2 .readon,.width50 .readon,.blog .cols4 .readon {border-bottom: 1px dotted #8CA5B4;margin-bottom: 20px;padding-bottom: 10px;background-position: 4px 7px;}


.width25,.cols4 {width: 23%;float: left;margin-right: 2%;padding-top: 20px}
.width33,.cols3 {width: 30%;float: left;margin-right: 2%;padding-top: 20px}
.width50,.cols2 {width: 48%;float: left;margin-right: 2%;padding-top: 20px} 


/* @end */

/* @group Search */
/* @group Search Module */
.search input.button,#form-login input.button,button.validate,.searchintro p a,button.button {background: url(../images/button.png) no-repeat left center;border: none;color: #fff;height: 21px;width: 70px;text-transform: uppercase;font-size: 90%;}
.searchintro p a {padding: 10px;}
input {border: 1px solid #ddd;padding: 3px 4px;margin-bottom: 10px;margin:0 10px 0 0;}
input#modlgn_username,input#modlgn_passwd {margin: 0;}
/* @end */

/* @group Search Results */
.searchResults {border-top: 1px solid #ddd;padding-top: 20px;}
.searchResultsLeft {float: left;width: 45%;margin-right: 4%;}
.searchResultsLeft input#search_searchword {width: 200px;margin: 0 0 0 10px;}
.searchResultsRight {float: right;width: 45%;}
.searchResultsButton {margin-top: 25px;}
.results ol.list li {margin: 10px 0;border-bottom: 1px solid #ddd;padding: 10px 0;}
/* @end */
/* @end */

/* @group Login */
#form-login ul {margin: 0;}
#form-login ul li {display: block;margin: 0;border-bottom: 1px solid #ddd;}
/* @end */

/* @group Registration */
#registrationPage {width: 400px;}
.name,.user,.email,.pass,.verify_pass {margin-bottom: 12px;}
.name .inputbox,.user .inputbox {float: right}
/* @end */
/* @end */

/* @group NewsTicker */
.ticker {overflow:hidden;position: absolute; z-index: 2;padding-right: 20px;} 
.scroller{overflow: hidden; ;z-index: 20;height: 300px;} 
.slideshowImage {position: absolute;padding: 4px;background: #fff;width: 470px;height: 290px;color: #000;}
#slideShowNav {position: absolute;z-index: 100}
#slideShowNav a {padding: 8px 6px;background: url(../images/slidenav.png) no-repeat center center;color: #292929;height: 20px;}
#slideShowNav a.activeSlide {background: url(../images/slidenavactive.png) no-repeat center center;color: #fff;}
.slideshowContent {margin-left: 520px;position: absolute;width: 420px;border-top: 1px solid #8CA5B4;}

/* @end */

/* @group Contact Forms, Login Etc */
div.contact {background: none;padding: 0;}
.inputbox,.validate-email {padding: 8px;margin: 4px 0;line-height: 13px;padding: 8px;	margin-bottom: 20px}
#contact_name.inputbox,#contact_email.inputbox,#contact_subject.inputbox,#contact_text.inputbox,.validate-email {width: 360px}
.login_form .inputbox,#josForm .inputbox,.contact_email .inputbox {display: block;width: 360px;}
#contact_text.inputbox {border: 1px solid #ddd;}
#modlgn_username,#modlgn_passwd {padding: 4px}
/* @end */