/*	Information
------------------------------------------------------------------------------------------------------------------*/
/*	Styles for Eduserv Web Application / Framework
	General styles for all browsers
    By Mez Hopking (Headscape) mez.hopking|at|headscape.co.uk OR mez|at|mezhopking.com
	Created 19th February 2010, Last modified 2nd November 2010
------------------------------------------------------------------------------------------------------------------*/


/*  Foundation layout / reset styles / general typography
------------------------------------------------------------------------------------------------------------------*/

/* Colours used

Purple					#7a487f
Purple subCol:hover		#502355
Dark grey hover			#323232
Grey arrowList			#4f4f4f
Green accent			#649812
Orange accent			#ff8019

*/

* html, p, h1, h2, h3, h4, h5, h6, ul, ol, li, blockquote, q, td, tr, table, div, dl, dd, dt, a, input, text, button, form, span, img {margin: 0px; padding: 0px;}

#returnHomePage {display: none;}

ul li {list-style: none;}

a {text-decoration: none; color: #7a487f;}
p {line-height: 1.4em; margin-bottom: 10px;}
p a {text-decoration: underline;}
p a:hover {color: #000;}

p.introTextNorm {margin-bottom: 30px;}
p.introductoryText {font-size: 1.2em;}
p.eventDate {font-size: 1.2em; color: #7a487f; font-weight: bold; margin: -10px 0 5px 0;}

.highlight {color: #649812;}
.srMatch {color: #649812; font-weight: bold;}
.filterNumber {color: #649812;}

a.green {color: #649812;}
a.orange {color: #ff8019;}

a.readMore {background: url(../images/layout/iconArrowRight.png) 0 0 no-repeat transparent; padding: 1px 0 1px 24px;}
a.arrow.aRight {background: url(../images/layout/iconArrowRight.png) 0 0 no-repeat transparent; width: 17px; height: 16px;}
a:hover.readMore,
a:hover.arrow.aRight {background: url(../images/layout/iconArrowRight_hover.png) 0 0 no-repeat transparent; color: #323232; text-decoration: underline;}
.cbSubCol p a.readMore {text-decoration: none;}
.cbSubCol p a:hover.readMore {text-decoration: underline;}

a.backTo {background: url(../images/layout/iconArrowLeft.png) 0 0 no-repeat transparent; padding: 1px 0 1px 24px; font-weight: bold;}
a.arrow.aLeft {background: url(../images/layout/iconArrowLeft.png) 0 0 no-repeat transparent; width: 17px; height: 16px;}
a:hover.backTo,
a:hover.arrow.aLeft {background: url(../images/layout/iconArrowLeft_hover.png) 0 0 no-repeat transparent; color: #323232;}
a.backToTop {background: url(../images/layout/iconArrowTop.png) 0 0 no-repeat transparent; padding: 0px 0 2px 22px;}
a:hover.backToTop {background: url(../images/layout/iconArrowTop_hover.png) 0 0 no-repeat transparent;}


a.rssFeed {position: relative; height: 15px; width: 16px; background: url(../images/layout/iconRSS.png) 0 0 no-repeat transparent;}
a:hover.rssFeed {background-position: 0 -15px;}
a.rssFeed span {display: none;}

a.arrow.aLeft {background: url(../images/layout/iconArrowLeft.png) 0 0 no-repeat transparent; width: 17px; height: 16px;}
a:hover.arrow.aLeft {background: url(../images/layout/iconArrowLeft_hover.png) 0 0 no-repeat transparent; color: #323232;}

a.showHide {position: relative; background-position: 0 0; background-repeat: no-repeat; background-color: transparent; padding: 1px 0 1px 24px; font-weight: bold; margin: 0 0 10px 0;}
a:hover.showHide {text-decoration: underline;}
a.showHide.show {background-image: url(../images/layout/iconPlus.png);}
a.showHide.hide {background-image: url(../images/layout/iconMinus.png);}
a:hover.showHide.show {background-image: url(../images/layout/iconPlusHover.png);}
a:hover.showHide.hide {background-image: url(../images/layout/iconMinusHover.png);}


#subpage #mainCol .content h1 {width: 467px;}

.imageWithCaption {background-color: #ddd; border: 1px solid #c4c4c4}
.imageWithCaption.left {margin: 5px 10px 10px 0;}
.imageWithCaption.right {margin: 5px 0 10px 10px;}
.imageWithCaption img {float: left; border: 2px solid #fff; margin: 0px 0px 5px 0px;}
.imageWithCaption em {display: block; padding: 0 5px 5px 5px; font-style: normal; font-size: .9em; color: #555; clear: left;}

h1, h2, h3, h4, h5, h6 {color: #000; float: left;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;}
h1 {font-size: 2.6em; line-height: 1em; margin-bottom: 30px;}
h2 {color: #5d3261; font-size: 1.35em; margin-bottom: 10px; line-height: 1.1em;}
h3 {color: #5d3261; font-size: 1.10em; margin-bottom: 10px;}
h4 {}
h5 {}
h6 {}

a.externalLink {background: url(../images/layout/iconArrowExternalLink.png) 100% 0 no-repeat; padding: 0 10px 0 0;}

h2.titleIcon {padding: 0 0 2px 22px; margin-bottom: 6px; background-position: 0 2px; background-repeat: no-repeat;}
h2.tiBook {background-image: url(../images/layout/iconH2TitlesBook.png);}
h2.tiCal {background-image: url(../images/layout/iconH2TitlesCal.png);}
h2.tiConnect {background-image: url(../images/layout/iconH2TitlesConnect.png);}
h2.tiContact {background-image: url(../images/layout/iconH2TitlesContact.png);}
h2.tiDiamond {background-image: url(../images/layout/iconH2TitlesDiamond.png);}
h2.tiGlobe {background-image: url(../images/layout/iconH2TitlesGlobe.png);}
h2.tiMap {background-image: url(../images/layout/iconH2TitlesMap.png);}
h2.tiMedal {background-image: url(../images/layout/iconH2TitlesMedal.png);}
h2.tiPresentation {background-image: url(../images/layout/iconH2TitlesPresentation.png);}
h2.tiRSS {background-image: url(../images/layout/iconH2TitlesRSS.png);}
h2.tiSearch {background-image: url(../images/layout/iconH2TitlesSearch.png);}
h2.tiShield {background-image: url(../images/layout/iconH2TitlesShield.png);}
h2.tiSquares {background-image: url(../images/layout/iconH2TitlesSquares.png);}
h2.tiSpeaker {background-image: url(../images/layout/iconH2TitlesSpeaker.png);}
h2.tiTag {background-image: url(../images/layout/iconH2TitlesTag.png);}
h2.tiTwitter {background-image: url(../images/layout/iconH2TitlesTwitter.png);}

h2.titleIconLarge {padding: 12px 0 6px 65px; margin-bottom: 6px; background-position: 0 0; background-repeat: no-repeat;}
h2.tilGlobe {background-image: url(../images/layout/iconH2TitlesLargeGlobe.png);}
h2.tilLock {background-image: url(../images/layout/iconH2TitlesLargeLock.png);}
h2.tilNotebook {background-image: url(../images/layout/iconH2TitlesLargeNotebook.png);}
h2.tilLeaf {background-image: url(../images/layout/iconH2TitlesLargeLeaf.png);}
h2 em {display: block; color: #7b7b7b; font-size: .7em; font-style: normal; padding: 3px 0 0 0;}

.greySubTitle {color: #afafaf; display: block;}
h1 .greySubTitle {font-weight: normal;}

.left {float: left;}
.right {float: right;}

a img {border: none;}
img.thumbImage69 {background: url(../images/layout/imgThumbBg79px.png) 0 0 no-repeat; padding: 5px;}

a.buttonRegister {float: left; position: relative; width: 218px; height: 28px; background-image: url(../images/layout/buttonRegister.png); background-repeat: no-repeat; background-position: 0 0;}
a:hover.buttonRegister {background-position: 0 -28px;}
a.buttonRegister span {display: none;}

blockquote {float: left; position: relative; background: url(../images/layout/blockquoteMarkOpen.png) 0 0 no-repeat;}
blockquote p {float: left; padding: 0 25px 0 0; margin: 0 0 10px 0; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 1.2em; letter-spacing: .025em; text-indent: 28px;  background: url(../images/layout/blockquoteMarkClose.png) 100% 100% no-repeat;}
blockquote cite {float: left; display: block; font-style: normal; font-size: .9em; font-weight: bold;}
blockquote cite span {display: block; font-weight: normal;}

body {margin: 0 auto; text-align: center; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 80%; line-height: 1.2em; color: #666; background: url(../images/layout/bodyBg.png) 0 0 repeat-x #fff;}
#container {margin: 0px auto; padding: 0px; position: relative; width: 960px; background-color: transparent; text-align: left;}
#innerContainer {}

ul.paginationList {width: 100%;}
ul.paginationList li.current a,
ul.paginationList li.noLink a {color: #666;}
ul.paginationList li.current a:hover,
ul.paginationList li.noLink a:hover {color: #666; text-decoration: none; cursor: default;}
ul.paginationList li {float: left; position: relative; display: inline; margin: 0 5px 0 0; padding: 1px 5px 1px 0; border-right: 1px solid #999;}
ul.paginationList li.first {border-right: none;}
ul.paginationList li.first a {padding: 2px 0px 2px 22px; background: url(../images/layout/iconArrowFirst.png) 0 50% no-repeat;}
ul.paginationList li.first a:hover {background-image: url(../images/layout/iconArrowFirst_hover.png);}
ul.paginationList li.first.noLink a:hover {background-image: url(../images/layout/iconArrowFirst.png);}
ul.paginationList li.previous {}
ul.paginationList li.previous a {padding: 2px 0px 2px 22px; background: url(../images/layout/iconArrowLeft.png) 0 50% no-repeat;}
ul.paginationList li.previous a:hover {background-image: url(../images/layout/iconArrowLeft_hover.png);}
ul.paginationList li.previous.noLink a:hover {background-image: url(../images/layout/iconArrowLeft.png);}
ul.paginationList li.next {border-right: none;}
ul.paginationList li.next a {padding: 2px 22px 2px 0px; background: url(../images/layout/iconArrowRight.png) 100% 50% no-repeat;}
ul.paginationList li.next a:hover {background-image: url(../images/layout/iconArrowRight_hover.png);}
ul.paginationList li.next.noLink a:hover {background-image: url(../images/layout/iconArrowRight.png);}
ul.paginationList li.last {border-right: none;}
ul.paginationList li.last a {padding: 2px 22px 2px 0px; background: url(../images/layout/iconArrowLast.png) 100% 50% no-repeat;}
ul.paginationList li.last a:hover {background-image: url(../images/layout/iconArrowLast_hover.png);}
ul.paginationList li.last.noLink a:hover {background-image: url(../images/layout/iconArrowLast.png);}
ul.paginationList li a {}
ul.paginationList li a:hover {text-decoration: underline; color: #502355;}

#searchResultsForm {float: left; position: relative; width: 100%; padding: 10px 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #c4c4c4; border-top: 1px solid #c4c4c4;}
#searchResultsBox {position: relative; margin: 0 10px 0 0; width: 190px;}
#searchResultsButton {}
.formButton {}
.formButton:hover, button {cursor: pointer;}


/*  Header related 
------------------------------------------------------------------------------------------------------------------*/

#accessibility {display: none;}
#pageDescription {display: none;}

#contentContainer {position: relative; float: left; padding: 0 0; width: 960px;}
#pageContainer {float: left; position: relative; width: 960px;}

#header {float: left; position: relative; width: 960px;}
#header #branding {position: relative; float: left; margin: 40px 0;}
#header #branding a img {border: none;}
#header #branding h1 {display: none;}
#header #branding a {margin: 0px; float: left; position: relative;}

#header #siteTools #siteSearch {float: right; position: relative; width: 171px; height: 19px; padding: 0 8px 8px 8px; background: url(../images/layout/siteSearchBox.png) 0 100% no-repeat transparent;}
#header #siteTools #siteSearch form {float: left; position: relative; width: 171px; padding: 0px; margin: 0px;}
#header #siteTools #siteSearch form .siteSearchInput {float: left; position: relative; width: 125px; padding: 3px 8px; background: url(../images/layout/siteSearchBoxInput.png) 0 100% no-repeat transparent; border: none;}
#header #siteTools #siteSearch form .siteSearchSubmit {float: left; position: relative; margin: 2px 0 0 8px;}


/*  Top level navigation
------------------------------------------------------------------------------------------------------------------*/

#topNavigation {float: right; position: relative; clear: right; width: px; margin: 20px 0 0 0; font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;}
#topNavigation ul {float: right; font-size: 1.5em;}
#topNavigation ul li {float: left; position: relative; margin: ; padding: 20px 15px; background: url(../images/layout/topNavigationSeps.png) 100% 50% no-repeat transparent;}
#topNavigation ul li a {color: #636363;}
#topNavigation ul li a:hover {color: #7a487f;}
#topNavigation ul li a span {}
#topNavigation ul li.selected a span {}
#topNavigation ul li.first {} 
#topNavigation ul li.last {background-image: none; padding-right: 0px;} 
#topNavigation ul li#prodServ {} 
#topNavigation ul li#prodServ a {color: #7a487f;} 
#topNavigation ul li#prodServ a span {} 

#topNavigation ul li a span .arrow {float: right; position: relative; width: 17px; height: 16px; margin-left: 15px; background-image: url(../images/layout/iconArrowUpDown.png); background-repeat: no-repeat;}
#topNavigation ul li a span .arrow.up {background-position: 0 0;}
#topNavigation ul li a span .arrow.down {background-position: 0 -16px;}
#topNavigation ul li a span .arrow em {display: none;}


/*  Product slider related
------------------------------------------------------------------------------------------------------------------*/

#prodServSlider {float: left; padding: relative; width: 960px; padding: 32px 0 0 0; background: url(../images/layout/headerFader.png) 0 0 no-repeat transparent;}
#prodServSlider .container {float: left; position: relative; width: 960px; height: 101px; margin: -32px 0 30px 0; padding: 10px 0; background: url(../images/layout/prodServContainerBg.png) 0 0 no-repeat transparent;}
#prodServSlider.homeSlider .container {margin-bottom: 0px;}
#prodServSlider .container ul {}
#prodServSlider .container ul li {float: left; position: relative; width: 172px; margin-right: 25px;}
#prodServSlider .container ul li.first {}
#prodServSlider .container ul li.last {margin-right: 0px;}
#prodServSlider .container ul li#pssWebDev {}
#prodServSlider .container ul li#pssHosting {}
#prodServSlider .container ul li#pssLicence {}
#prodServSlider .container ul li#pssAccess {}
#prodServSlider .container ul li#pssResearch {}
#prodServSlider .container ul li a {float: left; position: relative; display: block; padding: 0 0 5px 0;}
#prodServSlider .container ul li a img {border: none;}
#prodServSlider .container ul li a:hover {/*border-bottom: 1px dotted #666;*/ color: #000;}
#prodServSlider .container ul li a span .pssImage {float: left; position: relative; width: 50px; margin-right: 10px;}
#prodServSlider .container ul li a span .pssText {float: right; position: relative; width: 112px;}
#prodServSlider .container ul li a span .pssText .title {float: ; display: block; font-weight: bold; font-size: .9em; padding: 0 0 2px 0; color: #7a487f;}
#prodServSlider .container ul li a span .pssText .description {font-size: .85em; letter-spacing: -.03em; color: #5c5c5c;}
#prodServSlider .container ul li a:hover span .pssText .title {color: #323232;}
#prodServSlider .container ul li a:hover span .pssText .description {color: #323232;}

#prodServSlider #closeSlider {float: left; position: absolute; bottom: 1px; left: 454px; text-align: center;}
#prodServSlider #closeSlider a {float: left; position: relative; width: 58px; height: 23px; background-image: url(../images/layout/prodServTabClose.png); background-position: 0 0; background-repeat: no-repeat;}
#prodServSlider #closeSlider a:hover {background-position: -58px 0;}
#prodServSlider #closeSlider a span {display: none;}


/*  Page layout stucture
------------------------------------------------------------------------------------------------------------------*/

.mainContentContainer {float: left; position: relative; width: 960px;}

#mainCol {float: left; position: relative;}
#mainCol .content {float: left; position: relative;}

.mainContentContainer#subpage #mainCol {width: 715px; float: right; margin-bottom: 30px;}
.mainContentContainer#subpage #mainCol .content {width: 715px;}

#subCol {float: left; width: 240px; margin-bottom: 60px;}
#subCol .container {float: left; width: 240px; min-height: 100px;}

#subCol .container h3.subColBoxedTitle {float: left; width: 206px; margin-left: 14px; margin-right: 0px; margin-bottom: 0px; background: url(../images/layout/subColBoxedTitleBot.png) 0 100% no-repeat transparent; font-weight: normal; color: #fff; font-family: 'Arial Narrow', Arial, Helvetica, sans-serif; font-size: 1.35em;}
#subCol .container.first h3.subColBoxedTitle {margin-top: 31px;} /* Affect the first container h3 */
#subCol .container h3.subColBoxedTitle span {float: left; width: 176px; padding: 7px 10px 11px 20px; background: url(../images/layout/subColBoxedTitleOver.png) 100% 52% no-repeat transparent;}

#subCol .oaTemplate {margin-top: -19px;}


/*  Sub navigation related
------------------------------------------------------------------------------------------------------------------*/

#subNavigation {float: left; position: relative; width: 240px; margin: -19px 0 0 -14px; background:url(../images/layout/subNavBgTop.png) 0 0 no-repeat transparent; min-height: 300px;}
#subNavigation .container {float: left; position: relative;}
#subNavigation .container ul {float: left; position: relative; width: px; margin: 31px 0 0 14px}
#subNavigation .container ul li {float: left; position: relative; width: 194px; font-family: 'Arial Narrow', Arial, Helvetica, sans-serif; font-size: 1.35em;}
#subNavigation .container ul li.first {}
#subNavigation .container ul li.last {padding-bottom: 70px;}
#subNavigation .container ul li a {float: left; position: relative; width: 194px; margin: ; background: url(../images/layout/subNavListBgStatesBot.png) 0 100% no-repeat transparent; color: #636363}
#subNavigation .container ul li a:hover {background-position: -194px 100%; color: #474747;}
#subNavigation .container ul li a span {float: left; position: relative; width: 164px; padding: 7px 10px 11px 20px; background: url(../images/layout/subNavListBgStatesTop.png) 0 0 no-repeat transparent;}
#subNavigation .container ul li a:hover span {background-position: -194px 0;}

#subNavigation .container ul li.snParent {width: 194px;}
#subNavigation .container ul li.snParent a {background: url(../images/layout/subNavListBgStatesBot.png) -388px 100% no-repeat transparent;}
#subNavigation .container ul li.snParent a:hover {background-position: -582px 100%;}
#subNavigation .container ul li.snParent a span {}
#subNavigation .container ul li.snParent a:hover span {}

#subNavigation .container ul li.snTopLevel.snSelected a {background: url(../images/layout/subNavListBgParentSelectedBot.png) 0 100% no-repeat transparent; color: #fff;}
#subNavigation .container ul li.snTopLevel.snSelected a span {background: url(../images/layout/subNavListBgParentSelectedTop.png) 0 0 no-repeat transparent;}
#subNavigation .container ul li.snTopLevel.snSelected a:hover {background: url(../images/layout/subNavListBgParentSelectedBot.png) 0 100% no-repeat transparent; color: #fff;}
#subNavigation .container ul li.snTopLevel.snSelected a:hover span {background: url(../images/layout/subNavListBgParentSelectedTop.png) 0 0 no-repeat transparent;}

#subNavigation .container ul li.snTopLevel {width: 206px;}
#subNavigation .container ul li.snTopLevel a {background: url(../images/layout/subNavListBgStatesBot.png) -388px 100% no-repeat transparent;}
#subNavigation .container ul li.snTopLevel a:hover {background-position: -582px 100%;}
#subNavigation .container ul li.snTopLevel a span {}
#subNavigation .container ul li.snTopLevel a:hover span {}
#subNavigation .container ul li.snTopLevel ul {float: left; position: relative; margin: 0px;}
#subNavigation .container ul li.snTopLevel ul li {font-size: 1em; margin: 0 0 0 30px; width: 164px;}
#subNavigation .container ul li.snTopLevel ul li a {background: url(../images/layout/subNavListBgTopLevULSeps.png) 0 100% no-repeat transparent; width: 164px;}
#subNavigation .container ul li.snTopLevel.snSelected ul li a {background: url(../images/layout/subNavListBgTopLevULSeps.png) 0 100% no-repeat transparent; width: 164px; color: #636363;}
#subNavigation .container ul li.snTopLevel ul li.last a {background: none;}
#subNavigation .container ul li.snTopLevel.snSelected ul li.last a:hover {background: none;}
#subNavigation .container ul li.snTopLevel ul li a:hover {background-position: 0 100%; color: #502355;}
#subNavigation .container ul li.snTopLevel.snSelected ul li a:hover {background: url(../images/layout/subNavListBgTopLevULSeps.png) 0 100% no-repeat transparent; color: #502355;}
#subNavigation .container ul li.snTopLevel ul li a span {background-image: none; padding-left: 0px; width: 154px;}
#subNavigation .container ul li.snTopLevel.snSelected ul li a span {background-image: none; padding-left: 0px; width: 154px;}
#subNavigation .container ul li.snTopLevel.snSelected ul li a:hover span {background-image: none;}
#subNavigation .container ul li.snTopLevel ul li a:hover span {}

#subNavigation .container ul li.snTopLevel ul li.snSelected {font-size: 1em; margin: 0; width: 206px}
#subNavigation .container ul li.snTopLevel ul li.snSelected a {color: #fff; width: 206px; background: url(../images/layout/subNavListBgSelectedBot.png) 0 100% no-repeat transparent;}
#subNavigation .container ul li.snTopLevel ul li.snSelected a:hover {background-position: 0 100%; color: #fff;}
#subNavigation .container ul li.snTopLevel ul li.snSelected a span {padding-left: 30px; width: 166px; background: url(../images/layout/subNavListBgSelectedOverArrow.png) 100% 50% no-repeat transparent;}
#subNavigation .container ul li.snTopLevel ul li.snSelected a:hover span {}

#subNavigation .container ul li.snTopLevel ul li.prevSnSelected a {background: none;}


/*  Related links related
------------------------------------------------------------------------------------------------------------------*/

#relatedLinks {float: left; position: relative; width: 240px; margin: -50px 0 0 -14px; background: url(../images/layout/relatedLinksBgTop.png) 0 0 no-repeat transparent; min-height: 300px;}
#relatedLinks .container {float: left; position: relative;}
#relatedLinks .container ul {float: left; position: relative; width: 194px; margin: 10px 0 0 14px}
#relatedLinks .container ul li {float: left; width: 172px; margin: 0 0 10px 20px; padding: 0 0 10px 0; background: url(../images/layout/subNavListBgTopLevULSeps.png) 0 100% no-repeat transparent; font-size: .95em;}
#relatedLinks .container ul li.first {}
#relatedLinks .container ul li.last {background-image: none;}
#relatedLinks .container ul li a {float: left; display: block; color: #4f4f4f;}
#relatedLinks .container ul li a:hover {color: #502355;}
#relatedLinks .container ul li a .rlThumb {float: left; margin: 0 5px 0 0;}
#relatedLinks .container ul li a .rlThumb img {border: 1px solid #B8B8B8; padding: 2px}
#relatedLinks .container ul li a .rlTitle {display: block; font-weight: bold; margin: 0 0 3px 0;}
#relatedLinks .container ul li a .rlDescription {float: left; color: #646464;}
#relatedLinks .container ul li.withImage a .rlThumb {}
#relatedLinks .container ul li.withImage a .rlTitle {float: none; display: block;}
#relatedLinks .container ul li.withImage a .rlDescription {float: none;}
#relatedLinks .container ul li a:hover .rlDescription {color: #502355;}
#relatedLinks .container ul li a span {}
#relatedLinks .container ul li a:hover span {}


/*  Breadcrumbs related
------------------------------------------------------------------------------------------------------------------*/

#breadcrumbs {float: left; position: relative; margin: 0 0 40px 0;}
#breadcrumbs ul {font-size: .8em;}
#breadcrumbs ul li {float: left; position: relative; margin: 0 4px 0 0; padding: 0 7px 0 0; background: url(../images/layout/iconArrowBreadcrumb.png) 100% 5px no-repeat transparent;}
#breadcrumbs ul li.youAreHere {font-weight: bold; margin: 0 3px 0 0; background: none; padding-right: 0px;}
#breadcrumbs ul li.current {background: none; padding-right: 0px;}
#breadcrumbs ul li a {color: #7a487f;}
#breadcrumbs ul li a:hover {text-decoration: underline;}
#breadcrumbs ul li a span {}


/*  Content blocks and general textpage related
------------------------------------------------------------------------------------------------------------------*/

.contentBlockContainer {float: left; position: relative; width: 715px;}

.cbUnderlined {float: left; display: block; margin-bottom: 5px;}
.cbUnderlined.cbuGreen {border-bottom: 1px solid #89c200; margin-bottom: 8px;}
.cbUnderlined.cbuOrange {border-bottom: 1px solid #ff8019; margin-bottom: 8px;}
.cbUnderlined.cbuGrey {background: url(../images/layout/contentBlockUnderlineGrey.png) 100% 100% no-repeat transparent;}
.cbUnderlined h2 {display: block; margin: 0 0 8px 0;}
.cbUnderlined h3 {display: block; margin: 0 0 5px 0;}
.cbUnderlined.cbuGreen h2 {margin-bottom: 3px;}
.cbUnderlined.cbuGreen h2,
.cbUnderlined.cbuGreen h3 {color: #649812}
.cbUnderlined.cbuOrange h2,
.cbUnderlined.cbuOrange h3 {color: #ff8019}

.contentBlockContainer .cbTabContainer,
.contentBlockContainer .cbMainCol {position: relative; width: 467px;}
.contentBlockContainer .cbTabContainer.cbFull {float: left; width: 715px;}
.contentBlockContainer .cbTabContainer.cbLeft,
.contentBlockContainer .cbMainCol.cbLeft {float: left;}

.contentBlockContainer .cbTabContainer .cbtNav {float: left;}
.contentBlockContainer .cbTabContainer .cbtNav ul {float: left; position: relative; width: 467px; padding: 0 0 5px 0; background: url(../images/layout/contentBlockUnderlineGrey.png) 100% 100% no-repeat transparent;}
.contentBlockContainer .cbTabContainer.cbFull .cbtNav ul {width: 715px;}
.contentBlockContainer .cbTabContainer .cbtNav ul li {float: left; position: relative; display: inline; margin: 0 2px 0 0;}
.contentBlockContainer .cbTabContainer .cbtNav ul li.first {}
.contentBlockContainer .cbTabContainer .cbtNav ul li.last {}
.contentBlockContainer .cbTabContainer .cbtNav ul li a {float: left; position: relative; background-image: url(../images/layout/tabNavLeft.png); background-position: 0 0; background-repeat: no-repeat; color: #6c6c6c;}
.contentBlockContainer .cbTabContainer .cbtNav ul li a span {float: left; position: relative; padding: 5px 17px; background-image: url(../images/layout/tabNavRight.png); background-position: 100% 0; background-repeat: no-repeat;}
.contentBlockContainer .cbTabContainer .cbtNav ul li a:hover {color: #333;}
.contentBlockContainer .cbTabContainer .cbtNav ul li.selected {margin-bottom: -5px;}
.contentBlockContainer .cbTabContainer .cbtNav ul li.selected a {color: #623965; background-image: url(../images/layout/tabNavSelectedLeft.png); border-bottom: 5px solid #fff;}
.contentBlockContainer .cbTabContainer .cbtNav ul li.selected a span {background-image: url(../images/layout/tabNavSelectedRight.png);}

.contentBlockContainer .cbTabContainer .cbtContentPane {float: left; position: relative; clear: none; width: 467px; margin: 15px 0;}
.contentBlockContainer .cbTabContainer.cbFull .cbtContentPane {width: 715px;}

.contentBlockContainer .cbTabContainer .cbtContentPane .cbtBlockContainer {float: left; position:relative; width: 467px;}
.contentBlockContainer .cbTabContainer.cbFull .cbtContentPane .cbtBlockContainer {width: 715px;}
.contentBlockContainer .cbTabContainer .cbtContentPane .cbtBlockContainer .contentBlock {margin-bottom: 20px;}
.contentBlockContainer .cbTabContainer .tabScroller {width: 467px; height:auto; position:relative; overflow: hidden;}
.contentBlockContainer .cbTabContainer .tabInner {width: 10000px; height:auto;}

.contentBlockContainer .cbSubCol {position: relative; width: 219px;}
.contentBlockContainer .cbSubCol.cbRight {float: right;}

.contentBlock.cbThird .cbContent .cbUnderlined {width: 219px}
.contentBlock.cbHalf .cbContent .cbUnderlined {width: 343px}
.contentBlock.cbTwoThirds .cbContent .cbUnderlined {width: 467px}
.contentBlock.cbFull .cbContent .cbUnderlined {width: 715px;}


.contentBlock {position: relative; margin: 0 0 30px 0;}
.contentBlock.cbFull {float: left; width: 715px;}
.contentBlock.cbTwoThirds {width: 467px;}
.contentBlock.cbHalf {width: 343px;}
.contentBlock.cbThird {width: 219px;}
.contentBlock.cbLeft {float: left;}
.contentBlock.cbRight {float: right;}
.contentBlock.cbMiddle {float: left;}
.contentBlock.cbTwoThirds.cbLeft {margin-right: 29px;}
.contentBlock.cbTwoThirds.cbRight {margin-left: 29px;}
.contentBlockContainer .contentBlock.cbTwoThirds.cbLeft {margin-right: 0px;}
.contentBlockContainer .contentBlock.cbTwoThirds.cbRight {margin-left: 0px;}
.contentBlock.cbThird.cbLeft {margin-right: 29px;}
.contentBlock.cbThird.cbRight {margin-left: 29px;}
.contentBlockContainer .contentBlock.cbThird.cbRight {margin-left: 0px;}
.contentBlock.cbImageHalf {margin-top: -70px;}
.contentBlock.cbImageThird {}
.contentBlock.cbiNoMargin {margin-bottom: 0px;}

.contentBlock.cbFull .contentBlock.cbThird.cbRight {margin-left: 29px;}
.contentBlock.cbFull .contentBlock.cbThird.cbLeft {margin-right: 29px;}
.contentBlock.cbFull .contentBlock.cbTwoThirds.cbRight {margin-left: 29px;}
.contentBlock.cbFull .contentBlock.cbTwoThirds.cbLeft {margin-right: 29px;}

.contentBlock.cbFull p {float: none;}
.contentBlock p {clear: left;}
.contentBlock p:last-child {margin-bottom: 0px;}
.contentBlock img {}
.contentBlock img.withBorder {padding: 3px; border: 1px solid #c4c4c4;}
.contentBlock img.left {margin: 5px 10px 5px 0;}
.contentBlock img.right {margin: 5px 0 5px 10px;}
.contentBlock a img {border: 1px solid #68316B !important;}
.contentBlock a:hover img {border: 1px solid #c4c4c4 !important;}

.contentBlock ul.blockListing {float: left; position: relative; margin: 0 0 15px 0;}
.contentBlock ul.blockListing li {float: left; clear: left; position: relative; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #D2D2D2}
.contentBlock ul.blockListing li.last {border-bottom: none; margin-bottom: 0px;}
.contentBlock ul.blockListing li a {}
.contentBlock ul.blockListing li a:hover {text-decoration: underline; color: #000;}
.contentBlock ul.blockListing li a.viewMore {text-decoration: underline;}
.contentBlock ul.blockListing li .blContent {float: left; position: relative;}
.contentBlock.cbTwoThirds ul.blockListing li .blContent {width: 467px}
.contentBlock ul.blockListing li .blContent span {display: block; padding: 0 0 3px 0;}
.contentBlock ul.blockListing li .blContent .blTitle {font-weight: bold;}
.contentBlock ul.blTwitter {margin-bottom: 0px;}
.contentBlock ul.blockListing li a.readMore {float: left;}

.contentBlock ul.blTwitter .blContent .blTweet {width: 219px;}
.contentBlock ul.blTwitter .blContent .blTwitterID {display: inline; font-weight: bold; padding: 0 4px 0 0;}
.contentBlock ul.blTwitter .blContent .blDate {text-align: right; font-size: .9em; font-style: italic;}

.contentBlock ul.blockListing.blWithImage li .blContent .blImage {float: left; margin: 0 5px 0 0;}
.contentBlock ul.blockListing.blWithImage li .blContent .blInformation {float: left;}
.contentBlock.cbThird ul.blockListing li {width: 219px}
.contentBlock.cbThird ul.blockListing.blWithImage li .blContent .blImage {width: 77px; padding-bottom: 0px}
.contentBlock.cbThird ul.blockListing.blWithImage li .blContent .blInformation {width: 136px;} 

.contentBlock ul.blockListing.withLargeImage li.first {border-top: 1px solid #c4c4c4; padding-top: 10px;}
.contentBlock ul.blockListing.withLargeImage li.last {border-bottom: 1px solid #c4c4c4;}
.contentBlock ul.blockListing.withLargeImage li .blContent .blTitle {font-weight: bold; font-size: 1.2em; padding: 0 0 5px 0; color: #7a487f;}
.contentBlock ul.blockListing.withLargeImage li .blContent .blImage {float: left; margin: 0 15px 0 0;}
.contentBlock ul.blockListing.withLargeImage li .blContent .blInformation {float: right;}
.contentBlock ul.blockListing li .blContent .blAdditional {float: left; position: relative;}
.contentBlock ul.blockListing li .blContent .blAdditional .blaLeft {float: left;}
.contentBlock ul.blockListing li .blContent .blAdditional .blaLeft.caseStudyFeature {width: 165px;}
.contentBlock ul.blockListing li .blContent .blAdditional .blaRight {float: left; width: 302px;}
.contentBlock.cbTwoThirds ul.blockListing.withLargeImage li .blContent .blImage {width: 150px; padding-bottom: 0px}
.contentBlock.cbTwoThirds ul.blockListing.withLargeImage li .blContent .blImage img {border: 1px solid #c4c4c4; padding: 3px;}
.contentBlock.cbTwoThirds ul.blockListing.withLargeImage li .blContent .blInformation {width: 302px;}
.contentBlock.cbTwoThirds ul.blockListing.withLargeImage li .blContent .blAdditional {width: 467px;}

.contentBlock .blockListing.searchResults li {padding: 0px; margin: 0px;}
.contentBlock .blockListing.searchResults li.first {border-top: 1px solid #d2d2d2}
.contentBlock .blockListing.searchResults li.last {border-bottom: 1px solid #d2d2d2}

.contentBlock .blockListing.searchResults {float: left; position: relative;}
.contentBlock .blockListing.searchResults a {float: left; position: relative; padding: 10px 0; width: display: block;}
.contentBlock .blockListing.searchResults a:hover {text-decoration: none;}
.contentBlock .blockListing.searchResults a .srMatch {display: inline;}
.contentBlock .blockListing.searchResults a .blTitle {display: block; font-size: 1.1em}
.contentBlock .blockListing.searchResults a:hover .blTitle {text-decoration: underline; color: #7a487f;}
.contentBlock .blockListing.searchResults a:hover .blTitle {}
.contentBlock .blockListing.searchResults a .srAbstract {display: block; color: #666;}
.contentBlock .blockListing.searchResults a .srCrumbs {display: block;}
.contentBlock .blockListing.searchResults a:hover .srCrumbs {color: #444;}

.contentBlock.cbTwoThirds .blockListing.searchResults {width: 467px;}
.contentBlock.cbTwoThirds .blockListing.searchResults a {width: 467px;}

.contentBlock ul {float: left; position: relative; clear: left; margin-bottom: 10px;} 

.contentBlock ul.smallTextpageList {}
.contentBlock ul.smallTextpageList li {float: left; position: relative; width: 100%; clear: left; margin: 0 0 3px 0; padding: 0 0 0 10px; background: url(../images/layout/iconArrowRightSmallList.png) 0 5px no-repeat transparent;}
.contentBlock ul.smallTextpageList li a:hover {text-decoration: underline;}

ul.defaultTextpageList {float: left; clear: left; position: relative; margin-bottom: 10px;}
ul.defaultTextpageList li {clear: left; padding: 0 0 0 22px; margin: 0 0 7px 20px; background: url(../images/layout/iconArrowRightDefaultList.png) 0 2px no-repeat transparent;}
ul.defaultTextpageList li.first {}
ul.defaultTextpageList li.last {}
ul.defaultTextpageList li a {}
ul.defaultTextpageList li a:hover {text-decoration: underline;}
ul.defaultTextpageList li a span {}
ul.fullWidthList {width: 100%;}

dl {float: left; position: relative; margin: 0 0 10px 0;}
.cbTabContainer dl,
.contentBlock.cbTwoThirds dl {width: 467px;}
dl dt {float: left; position: relative; clear: left; margin: 0 0 15px 0; padding: 10px 15px 0 0; border-top: 1px solid #c4c4c4;}
dl dt img {padding: 3px; border: 1px solid #c4c4c4;}
dl dt span {display: block; font-weight: bold;}
dl dt .time {color: #7a487f;}
dl dt .title {color: #649812;}
dl dt .organisation {color: #649812;}
dl dd span {display: block; font-weight: bold;}
dl dd .name {color: #7a487f;}
dl dd .title {color: #649812;}
dl dd .organisation {color: #649812;}
dl dd span:last-child {margin-bottom: 5px;}
dl .link a {font-weight: normal; text-decoration: underline;}
.cbTabContainer dl,
.contentBlock.cbTwoThirds dl dt {width: 108px;}
dl dd {float: left; position: relative; margin: 0 0 15px 0; padding: 10px 0 0 0; border-top: 1px solid #c4c4c4;}
dl dd .title {color: #7a487f; font-size: 1.1em;}
.cbTabContainer dl,
.contentBlock.cbTwoThirds dl dd {width: 342px;}

ul.presentationList {}
ul.presentationList li {float: left; position: relative; border-top: 1px solid #c4c4c4; padding: 10px 0;}
ul.presentationList li.first {}
ul.presentationList li.last {border-bottom: 1px solid #c4c4c4}
ul.presentationList li .plAbout {float: left; position: relative; margin: 0 0 10px 0;}
.cbTwoThirds ul.presentationList li .plAbout {width: 467px;}
.cbFull ul.presentationList li .plAbout {width: 715px;}
ul.presentationList li .plAbout .title {font-weight: bold; color: #7a487f; font-size: 1.1em; display: block; padding: 0 0 5px 0;}
ul.presentationList li .plAbout .title a:hover {color: #502355; text-decoration: underline;}
ul.presentationList li .plAbout .name {font-weight: bold; color: #649812; padding: 0 4px 0 0;}
ul.presentationList li .plAbout .position {padding: 0 0 0 4px;}
ul.presentationList li .plAbout .organisation {padding: 0 0 0 4px;}
ul.presentationList li .plPresentations,
ul.presentationList li .plNotes {float: left; position: relative; clear: left;}
ul.presentationList li .plNotes a {text-decoration: underline;}
.cbTwoThirds ul.presentationList li .plPresentations,
.cbTwoThirds ul.presentationList li .plNotes {width: 467px;}
.cbFull ul.presentationList li .plPresentations,
.cbFull ul.presentationList li .plNotes {width: 715px;}
ul.presentationList li .plPresentations a img {border: 1px solid #c4c4c4 !important; padding: 3px;}
ul.presentationList li .plPresentations a:hover img {border: 1px solid #7a487f !important; padding: 3px;}
ul.presentationList li .plPresentations a:hover {}
ul.presentationList li .plPresentations .plVideo {}
ul.presentationList li .plPresentations .plSlideshow {}


.contentBlock .cbFeaturedItem {float: left; position: relative; margin: 5px 0 10px 0; padding: 0 0 15px 0; border-bottom: 1px solid #c4c4c4;}
.contentBlock.cbTwoThirds .cbFeaturedItem {width: 467px;}
.contentBlock.cbFull .cbFeaturedItem {width: 715px;}
.contentBlock .cbFeaturedItem h3 {margin-bottom: 3px; display: block;}
.contentBlock .cbFeaturedItem .itemDetails {clear: left; display: block; margin-bottom: 6px; color: #333;}
.contentBlock .cbFeaturedItem .itemDetails .date {padding: 0 5px 0 0;}
.contentBlock .cbFeaturedItem .itemDetails .location {border-left: 1px solid #c4c4c4; padding: 0 0 0 5px;}
.contentBlock .cbFeaturedItem .cbfImage {position: relative;}
.contentBlock.cbTwoThirds .cbFeaturedItem .cbfImage {width: 120px;}
.cbfImage img {padding: 3px; border: 1px solid #c4c4c4;}
.contentBlock .cbFeaturedItem .cbfInfo {position: relative;}
.contentBlock.cbTwoThirds .cbFeaturedItem .cbfInfo {width: 332px;}
.contentBlock.cbFull .cbFeaturedItem .cbfInfo {width: 580px;}

.contentBlock .cbNewsEventsListing {float: left; position: relative;}
.contentBlock.cbTwoThirds .cbNewsEventsListing {width: 467px;}
.contentBlock.cbFull .cbNewsEventsListing {width: 715px;}
.contentBlock .cbNewsEventsListing ul {float: left; position: relative;}
.contentBlock.cbTwoThirds .cbNewsEventsListing ul {width: 467px;}
.contentBlock.cbFull .cbNewsEventsListing ul {width: 715px;}
.contentBlock.cbFull .cbNewsEventsListing ul li {float: left; width: 715px;}

.contentBlock .cbNewsEventsListing ul li {background: url(../images/layout/iconArrowRightSmlSqrLight.png) 0 2px no-repeat; padding: 0 0 10px 20px; margin: 0 0 8px 0; border-bottom: 1px solid #d4d4d4; margin: 0 0 10px 0;}
.contentBlock .cbNewsEventsListing.cblImgThumbs ul li {background: none; padding-left: 0px;}
.contentBlock .cbNewsEventsListing .itemImage {float: left; width: 72px;}
.contentBlock .cbNewsEventsListing .itemImage img {padding: 2px;}
.contentBlock .cbNewsEventsListing a .itemImage img {border-color: #c4c4c4 !important}
.contentBlock .cbNewsEventsListing a:hover .itemImage img {border-color: #7a487f !important}
.contentBlock .cbNewsEventsListing .itemInfo {float: left;}
.contentBlock.cbFull .cbNewsEventsListing .itemInfo {width: 643px;}
.contentBlock.cbTwoThirds .cbNewsEventsListing .itemInfo {width: px;}

.contentBlock .cbNewsEventsListing ul li.last {margin-bottom: 0px;}
.contentBlock .cbNewsEventsListing ul li a {display: block;}
.contentBlock .cbNewsEventsListing ul li a .title {font-weight: bold; padding: 0 5px 0 0;}
.contentBlock .cbNewsEventsListing ul li a .date {color: #333; font-size: .9em;}
.contentBlock .cbNewsEventsListing ul li a .location {display: block; color: #333; padding: 0 0 2px 0;}
.contentBlock .cbNewsEventsListing ul li a .abstract {color: #666; display: block;}
.contentBlock .cbNewsEventsListing ul li a:hover .abstract,
.contentBlock .cbNewsEventsListing ul li a:hover .date,
.contentBlock .cbNewsEventsListing ul li a:hover .location {text-decoration: ; color: #333;}
.contentBlock .cbNewsEventsListing ul li a:hover .title {text-decoration: underline; color: #502355;}

.contentBlock .eventDetails {float: left; position: relative;}
.contentBlock.cbTwoThirds .eventDetails {width: 467px; margin: -10px 0 0 0;}
.contentBlock .eventDetails .eventPresenter {font-size: 1.3em;}
.contentBlock .eventDetails .eventPresenter .name {color: #649812; font-weight: bold;}
.contentBlock .eventDetails .eventTitle {font-size: 1.2em; color: #7a487f; padding: 0 0 10px 0;}

.contentBlock .peopleProfiles {float: left; position: relative;}
.contentBlock.cbFull .peopleProfiles {width: 715px;}
.contentBlock ul.peopleProfiles {float: left; position: relative; width: 100%;}
.contentBlock .peopleProfiles li {position: relative; border-top: 1px solid #c4c4c4; padding: 10px 0;}
.contentBlock .peopleProfiles li {width: 343px;}
.contentBlock .peopleProfiles li.first {}
.contentBlock .peopleProfiles li.last {}
.contentBlock .peopleProfiles li.left {clear: both;}
.contentBlock .peopleProfiles li.right {}
.contentBlock .peopleProfiles li .left {width: 100px;}
.contentBlock .peopleProfiles li .left img {padding: 3px; border: 1px solid #c4c4c4;}
.contentBlock .peopleProfiles li .left .ppView {}
.contentBlock .peopleProfiles li .left .ppView ul {width: 100%;}
.contentBlock .peopleProfiles li .left .ppView ul li {padding: 0px; border: none; width: 100%;}
.contentBlock .peopleProfiles li .left .ppView ul li a:hover {text-decoration: underline; color: #502355;}
.contentBlock .peopleProfiles li .right {width: 232px}
.contentBlock .peopleProfiles li .right span {display: block; padding: 0 0 3px 0;}
.contentBlock .peopleProfiles li .right .title {font-weight: bold; font-size: 1.1em; color: #7a487f; padding-bottom: 0px;}
.contentBlock .peopleProfiles li .right .position {font-weight: bold; color: #649812;}
.contentBlock .peopleProfiles li .right .miniBio {}
.contentBlock .peopleProfiles li .right .contact {}
.contentBlock .peopleProfiles li .right .contact ul {width: 100%;}
.contentBlock .peopleProfiles li .right .contact ul li {font-weight: bold; color: #649812; border: none; padding: 0px; width: 100%;}
.contentBlock .peopleProfiles li .right .contact ul li a {font-weight: normal;}
.contentBlock .peopleProfiles li .right .contact ul li a:hover {text-decoration: underline; color: #502355;}
.ieClear {display: none;}

.contentBlock table {float: left; position: relative; width: 100%; border-collapse: collapse; margin: 5px 0 15px 0;}
.contentBlock table.halfCols td {width: 50%;}
.contentBlock table.thirdCols td {width: 33.33%;}
.contentBlock table.quarterCols td {width: 25%;}
.contentBlock table.fifthCols td {width: 20%;}
.contentBlock table.sixthCols td {width: 16.66%;}
.contentBlock table tr {}
.contentBlock table tr th {padding: 4px 7px; background: url(../images/layout/tableHeadFadeGrey.png) 0 100% repeat-x #f6f6f6; font-weight: bold; border-top: 1px solid #dadada; border-right: none; border-left: none; border-left: none;}
.contentBlock table tr th:last-child {border-right: 1px solid #fff;}
.contentBlock table tr th.alt {}
.contentBlock table tr td {border: 1px solid #fff; padding: 4px 7px;}
.contentBlock table tr.odd.last td {border-bottom: 1px solid #dadada;}
.contentBlock table tr.even.last td {border-bottom: 1px solid #dcb0df;}
.contentBlock table tr.odd td {background-color: #f1f1f1;}
.contentBlock table tr.odd td.alt {background-color: #e8e8e8;}
.contentBlock table tr.even td {background-color: #f0daf2;}
.contentBlock table tr.even td.alt {background-color: #e8cdea;}

.contentBlock ul.expanderList {float: left; position: relative; margin: 0 0 20px 0; clear: right;}
.contentBlock.cbTwoThirds ul.expanderList {}
.contentBlock.cbFull ul.expanderList {width: 715px;}
.contentBlock ul.expanderList li {display: block; position: relative; padding: 10px;}
.contentBlock ul.expanderList li.first {border-top: 1px solid #dadada;}
.contentBlock ul.expanderList li.last.odd {border-bottom: 1px solid #dadada;}
.contentBlock ul.expanderList li.odd {}
.contentBlock ul.expanderList li.even {border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; background-color: #f1f1f1;}
.contentBlock ul.expanderList li a.faqlQuestion {position: relative; font-size: 1.1em; width: 100%;}
.contentBlock ul.expanderList li a:hover.faqlQuestion {text-decoration: underline;}
.contentBlock ul.expanderList li .faqlAnswer {padding-top: 5px;}

fieldset {float: left; position: relative; border-left: none; border-right: none; border-top: 1px solid #7a487f; border-bottom: 1px solid #7a487f; padding: 0px; margin: 0 0 10px 0;}
.contentBlock.cbTwoThirds fieldset {width: 467px;}
fieldset legend {font-weight: bold; font-size: 1.1em; color: #7a487f;}
fieldset ul {float: left; position: relative; padding: 10px 0 0 0;}
.contentBlock.cbTwoThirds fieldset ul {width: 467px;}
.contentBlock.cbTwoThirds fieldset ul li {width: 467px;}
fieldset li {float: left; display: block; border-top: 1px solid #ddd; padding: 10px 0; margin: 0px;}
fieldset li.first {}
fieldset li.odd {background-color: #f6f6f6;}
fieldset li.even {background-color: #eee;}
fieldset li.last {border-bottom: 1px solid #ddd;}
fieldset li.formError {background-color: #ffc7c7; color: #ff3636;}
fieldset li.formError input {background-color: #fff1f1;}
fieldset label {float: left; width: 140px; font-weight: bold; padding: 0 0 0 2px;}
.formReq {font-size: 1.1em; color: #f00;}
fieldset input {float: left;}
fieldset input.textField {}
.contentBlock.cbTwoThirds fieldset .textField {width: 215px;}
fieldset li .formErrorMessage {float: right; width: 95px; font-size: .8em; font-weight: bold;}

form.portalForm {float: left; position: relative; padding: 10px 0;}
form.portalForm .portalButton {float: left; width: 467px; margin: 0 0 10px 0;}
form.portalForm .portalButton p {float: left; clear: none; width: 200px;}
form.portalForm .portalButton button {float: left; position: relative; margin: 0 10px 10px 0; width: 180px; height: 30px; font-weight: bold; color: #666;}
form.portalForm .portalButton button:hover {color: #502355;}


/*  Footer related
------------------------------------------------------------------------------------------------------------------*/

#footer {float: left; position: relative; clear: left; width: 100%; min-width: 960px; background: url(../images/layout/footerBgTop.png) 0 0 repeat-x #5a315e;}

#footer .container {float: left; position: relative; width: 100%; min-height: 120px; background: url(../images/layout/footerBgBot.png) 0 100% repeat-x transparent;}
#footer .container .content {position: relative; margin: 0 auto; width: 960px; padding: 20px 0;}

#footer .container .content .fBlocks {}
#footer .container .content .fBlocks div {text-align: left;}
#footer .container .content .fBlocks div h3 {color: #fff; font-size: 1.2em; padding: 0 0 0 22px; margin: 0 0 8px 0; background-color: transparent; background-position: 0 2px; background-repeat: no-repeat;}
#footer .container .content .fBlocks div h3 span {}
#footer .container .content .fBlocks div p {clear: left; color: #fff; font-size: 1em; line-height: 1.5em;}

#footer .container .content .fBlocks .fbQuarter {float: left; position: relative; width: 219px; margin-right: 28px;}
#footer .container .content .fBlocks .fbQuarter.first {}
#footer .container .content .fBlocks .fbQuarter.last {margin-right: 0px;}

#footer .container .content .fBlocks .fbQuarter#fCanHelp h3 {background-image: url(../images/layout/iconsFooterSpeech.png); padding-left: 18px;}
#footer .container .content .fBlocks .fbQuarter#fDidMean h3 {font-size: 1em; padding: 0px;}
#footer .container .content .fBlocks .fbQuarter#fEduserv h3 {background-image: url(../images/layout/iconsFooterSpeech.png); padding-left: 18px;}
#footer .container .content .fBlocks .fbQuarter#fSiteLinks h3 {background-image: url(../images/layout/iconsFooterSiteMap.png); background-position: 0 0;}
#footer .container .content .fBlocks .fbQuarter#fStayTouch h3 {background-image: url(../images/layout/iconsFooterContact.png);}
#footer .container .content .fBlocks .fbQuarter#fUsefulInfo h3 {background-image: url(../images/layout/iconsFooterSiteMap.png); background-position: 0 0;}

#footer .container .content .fBlocks .fbQuarter#fEduserv p {padding: 4px 0 0 0; background: url(../images/layout/footerListBorderTop.png) 0 0 repeat-x transparent;}

#footer .container .content .fBlocks .fbQuarter .container {float: left; position: relative; width: 219px; background-image: none;}
#footer .container .content .fBlocks .fbQuarter#fDidMean .container {margin: 22px 0 0 0;}

#footer .container .content .fBlocks .fbQuarter .container ul.fDefaultList {float: left; position: relative; width: 219px;}
#footer .container .content .fBlocks .fbQuarter .container ul.fDefaultList li {float: left; position: relative; width: 219px; background: url(../images/layout/footerListBorderTop.png) 0 0 repeat-x transparent; padding: 7px 0 5px 0; font-size: 1.1em;}
#footer .container .content .fBlocks .fbQuarter .container ul.fDefaultList li.first {}
#footer .container .content .fBlocks .fbQuarter .container ul.fDefaultList li.last {}

#footer .container .content .fBlocks .fbQuarter .container ul.fDefaultList li.rss a,
#footer .container .content .fBlocks .fbQuarter .container ul.fDefaultList li.rss a:hover {background-image: url(../images/layout/iconRssMini.png);}
#footer .container .content .fBlocks .fbQuarter .container ul.fDefaultList li.rss a:hover {color: #ff8400;}

#footer .container .content .fBlocks .fbQuarter .container ul.fDefaultList li a {position: relative; display: block; padding: 0 0 0 18px; color: #fff; background:url(../images/layout/iconArrowRightSmlSqrLight.png) 0 2px no-repeat transparent;}
#footer .container .content .fBlocks .fbQuarter .container ul.fDefaultList li a:hover {background-image: url(../images/layout/iconArrowRightSmlSqrDark.png); color: #cfa1d3;}
#footer .container .content .fBlocks .fbQuarter .container ul.fDefaultList li a span {}

#footer .container .content .fBlocks .fbQuarter .container ul.fCompactList {float: left; position: relative; width: 219px;}
#footer .container .content .fBlocks .fbQuarter .container ul.fCompactList li {float: left; position: relative; width: 219px; padding: 1px 0 1px 0; font-size: .9em;}
#footer .container .content .fBlocks .fbQuarter .container ul.fCompactList li.first {padding-top: 0px;}
#footer .container .content .fBlocks .fbQuarter .container ul.fCompactList li.last {}
#footer .container .content .fBlocks .fbQuarter .container ul.fCompactList li.helpProcess {}
#footer .container .content .fBlocks .fbQuarter .container ul.fCompactList li.helpProcess a {background-image: url(../images/layout/iconArrowRightSmlSqrDark.png); color: #cfa1d3;}
#footer .container .content .fBlocks .fbQuarter .container ul.fCompactList li.helpProcess a:hover {background-image: url(../images/layout/iconArrowRightSmlSqrLight.png); color: #fff;}
#footer .container .content .fBlocks .fbQuarter .container ul.fCompactList li a {position: relative; display: block; padding: 0 0 0 18px; color: #fff; background:url(../images/layout/iconArrowRightSmlSqrLight.png) 0 2px no-repeat transparent;}
#footer .container .content .fBlocks .fbQuarter .container ul.fCompactList li a:hover {background-image: url(../images/layout/iconArrowRightSmlSqrDark.png); color: #cfa1d3;}
#footer .container .content .fBlocks .fbQuarter .container ul.fCompactList li a span {}

#footer .container .content .fBlocks .fbQuarter#fCanHelp .fCanHelpForm {}
#footer .container .content .fBlocks .fbQuarter#fCanHelp .fCanHelpForm .fchTextarea {-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #4a264e; padding: 5px; width: 207px; height: 67px; margin-bottom: 5px; font-family: arial, helvetica, sans-serif; font-size: 1em; color: #626262; background-color: #f2f2f2;}
textarea {margin-bottom: 10px;}
textarea:focus {-moz-box-shadow: 0 0 2px 2px #4a264e; -webkit-box-shadow: 0 0 2px 2px #4a264e}
input.inputButton {-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #4a264e; padding: 2px 6px; background-color: #d7d8da;}
input:hover.inputButton {background-color: #9d69a3; color: #fff; cursor: pointer; border-color: #dbcedc;}
#footer .container .content .fBlocks .fbQuarter#fCanHelp .fCanHelpForm .fchButtonSearch {width: 219px}