/* -------------------------------------------------------------------

	Boondoggle - Hans Dreesen
	Dexia
	
	1. Structure
	2. Header
	3. Navigation
	4. Column01
	5. Column02
	6. Column03
	7. Footer
	8. Miscellaneous
	
	always include reset.css, it will reset your style
	for all browers, it includes the clearfix
	
	typography specs must be specified in typography.css
	form specs must be specified in forms.css
	
	ID en class naming => use capitals for seperation: navHome

------------------------------------------------------------------- */



/* ----- imports -------------------------------------------------- */

@import url(typography.css);
@import url(forms.css);


/* ------------------------------------------------------------------------------------- 1. Structure -------------------------------------------- */

body		{ background: #FFF; }
#container	{ float: left; margin-top: 15px; }
#wrapper	{ margin: 0 auto; width: 1150px; }

#header 	{ margin-bottom: 12px; }
#navigation	{ }
#content	{ }
#column01	{ padding-right: 9px; width: 166px; }
#column02	{ }
#column03	{ padding-left: 17px; width: 160px; }
#externalColumnRight { float: left; margin: 99px 0 0 10px; width: 177px; }
#footer		{ margin-top: 7px; margin-bottom: 3em; position: relative; }



/* ------------------------------------------------------------------------------------- 2. Header ----------------------------------------------- */


/* segment navigation, functional navigation */
.headerSegmentFunctional {
	display: block;
	width: 945px;
	height: 30px;
}
.headerSegment {
	float: left;
}
.headerFunctional {
	float: right;
}
/* segment navigation */
#segmentNav li {
	margin: 0 3px 0 0;
	position: relative;
}
#segmentNav ul li {
	margin: 0;
}
#segmentNav span, #segmentNav a {
	cursor: pointer;
	display: block;
	min-width: 70px;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	color: #003399;
	background-color: #c3e6f6;
}
#segmentNav span:hover {}
#segmentNav a:hover {
	background-color: #e4eff3;
}
#segmentNav li.active span, #segmentNav li.active a {
	color: #FFFFFF;
	background-color: #003399;
}
#segmentNav li.active span:hover, #segmentNav li.active a:hover {
	background-color: #transparent;
}
#navPrivateCustomers a, #navProfessionalCustomers span, #navYoungCustomers span {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	line-height: 30px;
	padding: 0 20px 0 20px;
	text-transform: uppercase;
}
#navProfessionalCustomers ul, #navYoungCustomers ul {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #c3e6f6;
	padding: 0px 5px 5px 5px;
}	
#navProfessionalCustomers a, #navYoungCustomers a {
	line-height: 100%;
	padding: 4px 15px 4px 15px;
	text-transform: none;
	border-top: 1px solid #e4eff3;
}

/* functional navigation */
#functionalNav li { background: url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-sprite-site-elements.gif) right -146px no-repeat; padding: 0 7px; }
#functionalNav a { color: #333333; font-size: 12px; text-decoration: none; }
#functionalNav a:hover { text-decoration: underline; }
#functionalNav #navPrint span { background: url(/wwwdexiabe/masters/cc/img/icons/ico-print.gif) no-repeat; cursor: pointer; height: 13px; width: 12px; }
/*#functionalNav #navFontSize { background-position: right -143px; display: block; margin-top: -3px; }
#functionalNav #navFontSize #navFontSizeMedium	{ font-size: 1em; }
#functionalNav #navFontSize #navFontSizeLarge	{ font-size: 1.4em; font-weight: bold; }*/
#functionalNav #navSitemap { }
#functionalNav #navJobs { background: none; }
#functionalNav #navContact { margin: 0 7px; }
#functionalNav #navSearch { background: none; }
#functionalNav #navLanguageChoice, #functionalNav #navPrint, #functionalNav #navSitemap, #functionalNav #navJobs { margin-top: 10px; height: 20px; }
#functionalNav #navContact, #functionalNav #navSearch { margin-top: 5px; height:25px; }

/* search form */
#formSearch, #formSearch p { margin: 0; display: inline; }
#formSearch label { display: none; }
#formSearch .searchBox {
	margin: -1px 0 0 0;
	background-color: #e4eff3;
	border: 1px solid #b2c1e0;
	color : #000000;
	font-size: 10px;
	font-weight: normal;
	padding: 2px 0 3px 3px;
}
#formSearch .btnSearch {
	width: 83px;
	height: 21px; 
	background: url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-btnType13.png) no-repeat;
	border: 0;
	color: #003399;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
}


/* logo, direct links, main navigation */
.headerLogoLinksMain {
	display: block;
	width: 945px;
	height: 95px;
	background: url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-header-iws.png) no-repeat;
}

.headerLogo {
	float: left;
	width: 200px;
	height: 95px;
}

.headerLinksMain {
	float: right;
	width: 745px;
	height: 95px;
}

/* logo */
#dexialogo {
	width: 200px;
	height: 95px;
}

/* direct links */
#directLinks {
	float: left;
	width: 745px;
	height: 21px;
	margin: 15px 0 19px 0;
	text-align: right;
}
#directLinks a {
	margin-right: 15px;
	line-height: 21px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
#directLinks a.buttonTypeBecomeCustomer {
	color : #FFFFFF;
	text-decoration: underline;
}
#directLinks a.buttonTypeDDN {
	color: #003399;
	text-decoration: none;
	
	display: inline-block;
	width: 165px;
	height: 21px; 
	background: url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-btnType14.png) no-repeat;
	padding-left: 13px;
	margin-right: 2px;
}
#directLinks a.buttonTypeDDN:hover {
	background-position: left -21px;
}
/* main navigation */
#mainNav {
	float: right;
	width: 745px;
	height: 40px;
	z-index: 0;
}
#mainNav a { color: #FFFFFF; float: left; font-size: 13px; font-weight: bold; padding: 8px 14px 0; text-decoration: none; }
/* 2nd level menus */
#mainNav li.mnHover a {
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background: #F3F3F3; color: #000000; padding: 8px 14px 13px 14px;
}
#mainNav li.mnHover ul { background: url(/wwwdexiabe/masters/cc/img/css_backgrounds/shadow.png) no-repeat bottom right; margin: 30px 0 0 0px; padding: 0 4px 5px 0; z-index: 100; }
#mainNav li.mnHover ul li { background: #f3f3f3; height: auto; padding: 5px 10px; }
#mainNav li.mnHover ul li:after { /* mimic clearfix */
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
#mainNav li.mnHover ul li:first-child { padding-top: 10px; }
#mainNav li.mnHover ul li:last-child { padding-bottom: 10px; }
#mainNav li.mnHover ul li a {
	background: #FFF url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-sprite-site-elements.gif) 3px -895px no-repeat;
	clear: left;
	color: #00a4e9;
	display: block;
	float: none;
	font-size: 1em;
	padding: 4px 4px 4px 22px;
}
#mainNav li.mnHover ul li a:hover { background-color: #bde6f8; background-position: 3px -1355px; }
/* 3rd level menus (always use ols for these) */
#mainNav li.mnHover ul li ol { list-style: none; float: left; margin: 0 10px; width: 150px; }
#mainNav li.mnHover ul li ol li,
#mainNav li.mnHover ul li ol li:first-child,
#mainNav li.mnHover ul li ol li:last-child { padding: 0;}
#mainNav li.mnHover ul li ol a { background: transparent url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-sprite-site-elements.gif) left -1143px no-repeat; color: #0054a6; font-weight: normal; padding: 3px 0 0 10px; }
#mainNav li.mnHover ul li ol a:hover { background-color: transparent; background-position: left -1193px; color: #109dda; text-decoration: underline; }

/* ------------------------------------------------------------------------------------- 3. Navigation ------------------------------------------- */

/* general navigation element */
.navigation, .navigation ul { list-style: none; margin: 0; }
.navigation li { float: left; }
.navigation li li { float: none; }
.navigation ul { background: #FFF; display: none; position: absolute; z-index: 99; }

/* left navigation */
#leftNav { background: #bde6f8; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; padding: 4px 0 5px; text-align: right; }
#leftNav p, #leftNav a { line-height: 1; padding-right: 30px; }
#leftNav a { background: url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-sprite-site-elements.gif) 150px -1294px no-repeat; display: block; padding: 3px 30px 4px 0; text-decoration: none; }
#leftNav a:hover { background-position: 150px -1334px; text-decoration: underline; }
#leftNav p { color: #0054a6; margin: 0 0 5px; }
#leftNav ul { background: #f9fdfe; list-style: none; margin: 0; padding: 4px 0 5px; }
#leftNav ul ul { background: #ebf7fd; border: 1px solid #bde6f8; border-width: 1px 0; margin: 3px 0; padding: 1px 0 4px; }
#leftNav ul li.active a { font-weight: bold; }
#leftNav ul li.active ul a { font-weight: normal; }
#leftNav ul ul a { background-position: -244px -1294px; }
#leftNav ul ul a:hover { background-position: -244px -1334px; }

/* added by isegs */
#leftNav ul li ul { display: none; }
#leftNav ul li.active ul { display: block; }
#leftNav ul li.active ul li a.active { font-weight: bold !important; }

/* ------------------------------------------------------------------------------------- 4. Column01 --------------------------------------------- */

	/* moved to header */

/* ------------------------------------------------------------------------------------- 5. Column02 --------------------------------------------- */

/* content text */
#column02 .intro { font-weight: bold; }
#column02 .intro img.right { margin: 0 0 0 15px; }

/* breadcrumb */
.breadcrumb { font-size: 0.9em; margin-bottom: 2em; }
.breadcrumb a { text-decoration: none; }
.breadcrumb a:visited { color: #0054a6; }
.breadcrumb .separator { text-align: center; padding: 0 5px; }


/* target group call to action boxes */
#targetGroupCTAs,.targetGroupCTAs { margin-bottom: 25px; }
#targetGroupCTAs h2,.targetGroupCTAs h2 { font-size: 1.2em; font-weight: bold; margin-bottom: 0.4em; }
#targetGroupCTAs p, .targetGroupCTAs p { margin-bottom: 0; }
.cols2 a, .cols3 a {
	background: url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-sprite-site-elements.gif) -234px -2097px no-repeat;
	bottom: 10px;
	display: block;
	left: 0;
	min-height: 26px;
	padding: 0 50px 0 15px;
	position: absolute;
}
/* 3 column layout */
.cols3 { background: url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-sprite-columns.gif) left bottom no-repeat; }
.cols3 div.grid_1 { background: url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-sprite-columns.gif) -560px top no-repeat; min-height: 145px; padding: 90px 15px 50px; position: relative; width: 147px; }
.cols3 img { left: 13px; position: absolute; top: 10px; }
.cols3 a { background-position: -234px -2097px; width: 111px; }
.cols3 a:hover, .cols3 a.hover { background-position: -234px -2147px; color: #84b819; }
/* 2 column layout */
.cols2 { background: url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-sprite-columns.gif) -740px bottom no-repeat; }
.cols2 div.grid_1_5 { background: url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-sprite-columns.gif) -1300px top no-repeat; min-height: 70px; padding: 90px 17px 50px; position: relative; width: 239px; }
.cols2 img { left: 17px; position: absolute; top: 10px; }
.cols2 h2 { margin: 0; }
.cols2 p { font-size: 1.2em; }
.cols2 a { background-position: right -2100px; min-height: 23px; left: auto; padding: 3px 33px 0 0; right: 12px; text-align: right; }
.cols2 a:hover, .cols2 a.hover { background-position: right -2150px; color: #84b819; }

/* text box (grey border, rounded corners) */
.textBox {
	border: 1px solid #d0d0d0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	clear: left;
	margin-bottom: 20px;
	padding: 15px 10px 10px;
}
.textBox h2 { font-size: 1.7em; font-weight: normal; margin-bottom: 0.6em; }
.textBox .linkHolder a:last-child { margin-bottom: 0; }
.textBox .subtitleTextBox { font-size: 1.1em; font-weight: bold; margin-top: -0.5em; }
.textBox li { margin-bottom: 10px; }
.textBox li:last-child { margin-bottom: 0; }
.textBox li .linkHolder { display: block; padding-top: 15px; }
.textBox li .linkType02 { margin-left: 0; }
/* IE bugfix hiding of li items in floating layer */
.textBox ul { width:100%; }

/* solution box (big div holding other boxes) */
.solutionBox { clear: left; }
.solutionGroupTitle	{ margin-bottom: 8px; }
.solutionGroupTitle	span {
	background: #eaeaea;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 1.2em;
	font-weight: bold;
	padding: 4px 8px;
}
.solutionBox .supportBox { margin-bottom: 5px; }
.solutionBox .buttonType06 { margin-top: 40px; }

/* "support" boxes (currently rounded, light blue) */
.supportBox {
	background: #c3e6f6;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #0054a6;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.supportBox h2 { border-bottom: 1px dotted #666; color: #0054a6; font-size: 1em; font-weight: bold; padding: 7px 11px 3px; }
.supportBox p, .supportBox ul { margin-left: 11px; margin-right: 11px; }
.supportBox ul li { background: none; margin: 0; padding-left: 0; }
/* direct link box */
#directLinkBox { padding-bottom: 20px; }
#directLinkBox h2 { background: url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-sprite-site-elements.gif) 10px -1690px no-repeat; padding-left: 35px; }
#directLinkBox .buttonType03 { float: left; margin-right: 5px; }
#directLinkBox .buttonType03:last-child { margin-right: 0; }
/* product request box */
#productRequestBox { }
#productRequestBox .buttonType04 { margin-bottom: 10px; }
#productRequestBox .linkType03 { margin: 0 14px 4px 9px; }
/* product push box */
.productPushBox {}
.productPushBox .productName { font-weight: bold; font-size: 1.1em; margin-bottom: 5px; }
.productPushBox ul { font-size: 0.9em; list-style: square; margin-bottom: 10px; margin-left: 24px; }

/* FAQ box */
#faqBox {
	background: #00a4e9;
	-moz-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border-radius: 4px;	
	padding-bottom: 40px;
	position: relative;
}
#faqBox h2 { border-bottom: 1px dotted #FFF; color: #FFF; font-size: 1em; font-weight: bold; padding: 7px 11px 3px; }
#faqBox ul { list-style: none; margin: 0 0 10px; }
#faqBox li { background: none; display: none; margin: 0 7px; padding: 0; }
#faqBox li:first-child { display: block; }
#faqBox li a { text-decoration: none; }
#faqBox a { color: #FFF; }
#faqBox a:hover { text-decoration: underline; }
#faqBox #faqNav { bottom: 7px; left: 0px; margin: 0 7px; position: absolute; }
#faqNavPrev, #faqNavNext { background-image: url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-sprite-site-elements.gif); cursor: pointer; float: left; height: 16px; margin-right: 1px; width: 17px; }
#faqNavPrev { background-position: left -1250px; }
#faqNavNext { background-position: right -1250px; margin-right: 12px; }

/* equation box */
.equationBox {
	background: #bde6f8;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #bbb;
	clear: left;
	color: #0054a6;
	font-size: 1.3em;
	height: 120px; /* if necessary, define other height in HTML */
	line-height: 1;
	margin-bottom: 40px;
	padding: 1%;
}
.equationItem, .multiEquationItemHolder { display: block; float: left; }
.equationVar {
	background: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 18px;
	margin: 0 1%;
	height: 99%;
	width: 29%; /* if necessary (probably it will be), define other width in HTML */
}
.equationVar a {
	background: #FFF url(/wwwdexiabe/masters/cc/img/icons/btn-arrow-blue.gif) right bottom no-repeat;
	display: block;
	height: 92%;
	text-decoration: none;
	margin: 3%;
}
.equationVar a:hover { background-image: url(/wwwdexiabe/masters/cc/img/icons/btn-arrow-green.gif); }
.equationOperator { font-size: 2.6em; font-weight: bold; padding-top: 20px; text-align: center; width: 3%; }
.eiText { display: block; margin: 3%; }
.multiEquationItemHolder { height: 99%; margin: 0 1%; position: relative; }
.multiEquationItemHolder .equationItem { clear: left; height: 48%; width: 100%; }
.multiEquationItemHolder .equationItem a { height: 73%; }
.multiEquationItemHolder .divider {
	background: #bde6f8;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	left: 50%;
	margin: -7px 0 -7px -30px;
	height: 16px;
	padding: 2px 0;
	position: relative;
	text-align: center;
	width: 45px;
}
.equationSubItemHolder a {
	background-color: #dbf1fb;
	background-position: 198px 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px;
	padding: 3px;
	height: auto;
	margin: 2% 3%;
	min-height: 20px;
}
.alpha { margin-left: 0; }
.omega { margin-right: 0; }

/* simple expandable/collapsable panels */
.panelsJS { margin-bottom: 2.5em; max-width: 560px; padding-left: 20px; }
.panelsJS h3 {
	background: url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-sprite-site-elements.gif) no-repeat;
	color: #0054a6;
	cursor: pointer;
	font-size: 1em;
	margin: 0 0 7px -20px;
	padding-left: 20px;
	text-decoration: underline;
	width: 365px;
}
.panelsJS h3:hover { color: #84b819; }
.panelsJS h3.open { background-position: -389px -400px; }
.panelsJS h3.close { background-position: left -400px; }
.panelsJS .linkType02 { margin: 7px 0 0 0; }

/* jquery tooltip */
.cluetip-comparisonTable { background: none; }
.cluetip-comparisonTable #cluetip-title { background: url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-sprite-cluetip.png) left top no-repeat; height: 13px; padding: 15px 15px 5px 20px; margin: 0;}
.cluetip-comparisonTable #cluetip-inner { background: url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-sprite-cluetip.png) left bottom no-repeat; font-size: 11px; padding: 10px 15px 5px 20px; }
.cluetip-comparisonTable h3#cluetip-title { color: #fefefe; font-size: 12px; font-weight: bold; }
.cluetip-comparisonTable #cluetip-close { background: url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-sprite-site-elements.gif) no-repeat left -2500px; cursor: pointer; height: 15px; width: 15px; }

/* ------------------------------------------------------------------------------------- 6. Column03 --------------------------------------------- */

/* gray navigation (localNavType01) */
#column03 .localNavType01 { margin: 0; }
/* #column03 .localNavType01 li { border-bottom: 1px solid #ebebeb; margin-top: 10px; }*/
#column03 .localNavType01 li { margin-top: 10px; }
#column03 .localNavType01 li:first-child { margin-top: 0; }
#column03 .localNavType01 li:last-child { border: none; }
#column03 .localNavType01 li li { border: none; margin: 0; }
#column03 .localNavType01 li span { background-image: none; }
#column03 .localNavType01 li a { background-position: 144px -444px; }



/* ------------------------------------------------------------------------------------- 7. Footer ----------------------------------------------- */

#footer { font-size: 0.9em; }

/* stock price */
#stockPrice { font-weight: bold; position: absolute; text-align: right; width: 140px; }
#stockPrice a { font-weight: normal; font-size: 1em; padding-left: 17px; text-decoration: none; }
#stockPrice a.up { background: url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-sprite-site-elements.gif) 0 -500px no-repeat; }
#stockPrice a.down { background: url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-sprite-site-elements.gif) -390px -500px no-repeat; }

/* legal disclaimer */
#legal { margin: 15px 200px 0; text-align: center; }
#legal a { text-decoration: none; }
#legal a:hover { text-decoration: underline; }

/* links to other Dexia sites */
#otherSites { position: absolute; right: 0; top: 12px; width: 170px; }
#otherSites li { float: none; }



/* ------------------------------------------------------------------------------------- 8. Miscellaneous ---------------------------------------- */

/* header tables in "Aandelenfonds" */
.graph-image
{
	padding:20px;
}
.onglet
{
	padding:6px;
}
/* JIRA RWEB-29 */
#leftNav p a
{
	width:120px;
	text-align:center;
	padding-bottom:0px;
	padding-top:0px;
}
/* JIRA RWEB-29 */
#leftNav p
{
	/* 5px shows rounded tocorner */
	/* height: 5px; <- render error in FF; replaced by 'auto' */
	height: auto;
	padding-left: 10px;
	padding-right:10px;
}
/* skip links */
#skipLinks { margin: 0; }
#skipLinks a { position: absolute; }
#skipLinks a { left:0px; top: -9999px; }
#skipLinks a:hover, #skipLinks a:focus { top: 0px; }

/* dropdown button */
.btnDropdown, #functionalNav .btnDropdown {
	background: url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-sprite-site-elements.gif) left -200px no-repeat;
	display: block;
	font-weight: bold;
	padding: 0;
	position: relative;
}
.btnDropdown a, #functionalNav .btnDropdown a {
	background: url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-sprite-site-elements.gif) right -200px no-repeat;
	color: #109dda;
	display: block;
	height: 17px;
	outline: none;
	padding: 4px 30px 0 10px;
	text-decoration: none;
}
.btnDropdown a:hover, #functionalNav .btnDropdown a:hover { text-decoration: none; }
/* dropdown fold out */
.btnDropdown ul {
	background: #f7f8f7;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 1px solid #e8e9e8;
	border-width: 0 1px 1px 1px;
	padding: 0 3px 3px;
	z-index: 101;
}
.btnDropdown ul li, #functionalNav .btnDropdown ul li { background: none; padding: 0; }
.btnDropdown ul a, #functionalNav .btnDropdown ul a { background: none; border-top: 1px solid #e5e5e5; font-weight: normal; height: auto; margin: 0; padding: 3px 2px 2px 5px; }
.btnDropdown ul a:hover, #functionalNav .btnDropdown ul a:hover { background: #ebebeb; color: #109dda; }
/* in case drop down fold out should slide up instead of down */
.btnDropUp ul {
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	bottom: 20px;
	position: absolute;
}


/* button: type 01 (light blue with dark blue arrow) */
.buttonType01 {
	background: url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-sprite-site-elements.gif) left -350px no-repeat;
	display: block;
	font-weight: bold;
	height: 20px;
	padding: 5px 20px 0 0;
	text-align: right;
	text-decoration: none;
}
.buttonType01:hover { background-position: right -350px; }
.buttonType01:visited { color: #0054a6; }

/* link: type 01 (bold blue with round arrow, green on hover) */
a.linkType01 {
	background: url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-sprite-site-elements.gif) right -700px no-repeat;
	font-weight: bold;
	padding: 0 25px 3px 0;
	text-decoration: none;
}
a.linkType01:hover { background-position: right -730px; color: #84b819; text-decoration: underline; }

/* button: type 02 (light blue with dark blue arrow, rounded) */
.buttonType02 {
	background: url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-sprite-site-elements.gif) right -750px no-repeat;
	display: block;
	font-size: 0.9em;
	height: 16px;
	padding: 3px 20px 0 0;
	text-align: right;
	text-decoration: none;
}
.buttonType02:hover { background-position: right -770px; }

/* services navigation */
.localNavType01 { background: url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-slant-lines.gif); margin-bottom: 25px; }
.localNavType01 ul { list-style: none; margin: 0; }
.localNavType01 li { float: none; font-size: 1.3em; padding-bottom: 15px; }
.localNavType01 li a,
.localNavType01 li span { background: #fff; color: #111; display: block; padding: 5px 0 5px 7px; text-decoration: none; }
/* services subnavigation */
.localNavType01 li ul { background: #fff; margin: 5px 1px 0; }
.localNavType01 li li { font-size: 0.7em; margin: 0; padding-bottom: 0; }
.localNavType01 li ul a { background: transparent url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-sprite-site-elements.gif) 9px -444px no-repeat; color: #656565; font-size: 1em; padding: 3px 0 3px 30px; }

.localNavType01 li li a:link  { color: #656565; }
.localNavType01 li li a:visited  { color: #656565; }
.localNavType01 li li a:hover { background-color: #f6f6f6; color: #656565; }
.localNavType01 li li a:active  { color: #656565; }


.localNavType01 li li.linkAll a { background: #ebebeb url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-sprite-site-elements.gif) -244px -444px no-repeat; margin-top: 4px; }
.localNavType01 li li.linkAll a:hover { background-color: #ddd; }
.localNavType01 li a.open { background-position: -241px -395px; }
.localNavType01 li a.closed { background-position: 148px -395px; }


.imgReplaced { background-repeat: no-repeat; display: block; outline: none; text-indent: -9999px; }

.left	{ float: left; }
.right	{ float: right; }
.clear	{ clear: both; }
.hide	{ display: none; }
.first	{ margin-top: 0; padding-top: 0; }
.last	{ margin-bottom: 0; padding-bottom: 0; }

hr { display: none; }
#column02 #Content hr { display: block; }

/* flash alternative styles */
.block { background: #efefef; border: 4px solid #dfdfdf; clear: both; margin: 25px 0; padding: 25px; }
ul#alternativeNav { border-bottom: 2px solid #333; border-top: 2px solid #333; list-style: none; padding: 10px 0 10px 5px; margin: 0 0 20px 0; }
ul#alternativeNav li { float: left; margin: 0 10px 0 0; }

/* clearfix */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* wrapper background classes */
body.withBackground { background: #f1f1f1;} 
body.withBackground #wrapper {
	border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
	box-shadow: 0px 0px 5px #999; -moz-box-shadow: 0px 0px 4px #999; -webkit-box-shadow: 0px 0px 4px #999;
	margin-bottom: 50px;
	padding: 0 20px;
	background:#ffffff;
}

/* ------------------------------------------------------------------------------------- 9. Language choice -------------------------------------- */

#boxLanguageChoice {
	background: url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-language-choice.gif) no-repeat;
	height: 260px;
	left: 50%;
	margin: -270px 0 0 -340px;
	padding: 120px 0 0;
	position: relative;
	top: 50%;
	width: 680px;
}
#boxLanguageChoice h1 { display: none; }
#boxLanguageChoice .language { border-right: 1px solid #cddb5a; float: left; margin: 0 0 0 80px; padding: 30px 0; width: 245px; }
#boxLanguageChoice #fr { border: none; }
#boxLanguageChoice h2,
#boxLanguageChoice a { background-image: url(/wwwdexiabe/masters/cc/img/css_backgrounds/sprite-language-choice.gif); background-repeat: no-repeat; display: block; outline: none; text-indent: -9999px; }

#boxLanguageChoice h2		{ height: 55px; margin-bottom: 45px; position: relative; }
#boxLanguageChoice #nl h2	{ background-position: 0 0; }
#boxLanguageChoice #fr h2	{ background-position: 0 -100px; }

#boxLanguageChoice a					{ height: 16px; margin-bottom: 8px; }
#boxLanguageChoice #nl .private			{ background-position: 0 -200px; }
#boxLanguageChoice #nl .professional	{ background-position: 0 -250px; }
#boxLanguageChoice #fr .private			{ background-position: 0 -300px; }
#boxLanguageChoice #fr .professional	{ background-position: 0 -350px; }

/**** RATING WIDGET *****/
.ui-rater { zoom: 0; }
.ui-rater-rating { FLOAT: left; }
.ui-rater-starsOff, .ui-rater-starsOn {display:inline-block; background:url(/wwwdexiabe/masters/cc/img/stars.png) repeat-x 0 0px;}
.ui-rater-starsOn {height:18px; overflow:hidden;display:block; max-width:90px; top:0; background-position: 0 -36px;}
.ui-rater-starsHover {height:18px; background-position: 0 -18px!important;}
.statvalpost {padding:10px;}
.statVal, .statvalpost {float:left; top:0px;}
.statVal {display:block;clear:both;width:100%;border-top:2px solid #EEEEEE;border-bottom:2px solid #EEEEEE;}
.statvalpre{float:left;padding:10px;font-weight:bold;color:#109dda;}
.ratewrap{float:left;padding:10px;}
/* we can't include new-content-pages.css everywhere.
Limit this application on just the rater */
.statVal a.buttonType06 {
	background: url(/wwwdexiabe/masters/cc/img/css_backgrounds/bg-sprite-site-elements.gif) left -1800px no-repeat;
	color: #FFF;
	display:block;
	font-size: 1.1em;
	font-weight: bold;
	height: 24px;
	padding: 6px 30px 0 15px;
	text-decoration: none;
	width: 205px;
}