/* Continuum - written and maintained by Niels Matthijs    */
/* Yahoo fonts.css integrated. (c) 2007, Yahoo! Inc. All rights reserved.     */

/* ========================================================================== */
/* 00. base styles  ========================================================= */

/* set base body ............................................................ */
body {font:13px/1 "Lucida Grande", "Lucida Sans", trebuchet MS,arial,tahoma,helvetica,clean,sans-serif; background:#000 url("img/backgrounds/rotate.php") no-repeat left top; color:#000;padding:2em 0;}

/* general reset ............................................................ */
* {margin:0; padding:0;background-repeat:no-repeat;}
html, body, form, img, fieldset, legend, table, tbody, thead, tfoot, tr, th, td {border:none;}
li {list-style:none;}

/* hide elements from screen but not from source ............................ */
.hidden {position:absolute !important; top:-999em; left:-999em;}
.invisible {display:none;}

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

/* set standard line-heights ................................................ */
p, a, span, div, li {line-height:1.33em;}


/* ========================================================================== */
/* 01. page main structure ================================================== */

/* page base code ----------------------------------------------------------- */
#allContainer {min-width:59.25em; max-width:73.85em; margin:0 auto;background:#fff;}
#home #allContainer {background:#fff url("img/bgHeader.jpg") no-repeat 1em 1em;}

/* header section ----------------------------------------------------------- */
#header {background:url("img/bgHeader.jpg") no-repeat 1em 1em;padding:1em 1em 0;overflow:hidden;}
#header .wrapper {background:url("img/headerLineLeft.gif") no-repeat left bottom;}
#header .wrapper .wrapper {background:url("img/headerLineRight.gif") no-repeat right bottom;padding-bottom:5px;}

/* main section ------------------------------------------------------------- */
#content {padding:1em;padding-bottom:0;background-color:#fff;overflow:hidden;}
#content .content {background:#fff url("img/contentBg.gif") no-repeat right bottom;}
#content .content .gridOne {padding:0 5em 2em}
#contact #content .content .gridOne {padding:4em 2em;}
#home #content {background:url("img/contentBg.gif") no-repeat right bottom;min-height:35em;margin-right:1em;padding-right:0;}

/* footer section ----------------------------------------------------------- */
#footer {padding:2em 1em;color:#000;overflow:hidden;font-size:90%}
#footer .primaryContact {font-size:90%}

/* ========================================================================== */
/* 02. grids                                                                  */
/* ========================================================================== */

/* grid two left ------------------------------------------------------------ */
.gridTwoLeft {padding-left:19em;}
.gridTwoLeft .wrapper {}
.gridTwoLeft .col-1 {float:left; width:19em; margin-left:-19em;padding-top:2em;}
.gridTwoLeft .col-2 {float:right; width:100%;}
.gridTwoLeft .col-2 .gridOne {}

/*contactGrid*/
#contact .gridTwoLeft {padding-left:28em;}
#contact .gridTwoLeft .wrapper {}
#contact .gridTwoLeft .col-1 {float:left; width:28em; margin-left:-28em;padding-top:2em;}
#contact .gridTwoLeft .col-2 {float:right; width:100%;}
#contact .gridTwoLeft .col-2 .gridOne {}


/* grid two right ----------------------------------------------------------- */
.gridTwoRight {padding-right:18em; }
.gridTwoRight .wrapper {}
.gridTwoRight .col-1 {float:right; width:19em; margin-right:-19em;}
.gridTwoRight .col-2 {float:left; width:100%;}
.gridTwoRight .col-2 .gridOne {margin-right:3px;}

/* grid two even ------------------------------------------------------------ */
.gridTwoEven {}
.gridTwoEven .wrapper {padding-left:50%;}
.gridTwoEven .col-1 {float:left; width:100%; margin-left:-100%;}
.gridTwoEven .col-2 {float:right; width:100%;}
.gridTwoEven .col-2 .gridOne {}

#contact #content .gridTwoEven {padding-bottom:2em;}
#contact #content .gridTwoEven .wrapper {padding-left:50%;margin:0em 2em}
#contact #content .gridTwoEven .col-1 {float:left; width:100%; margin-left:-100%;}
#contact #content .gridTwoEven .col-2 {float:right; width:100%;}
#contact #content .gridTwoEven .col-2 .gridOne {}

/* grid three --------------------------------------------------------------- */
.gridThree {padding-left:14em; margin:0.5em;}
.gridThree .wrapper2 {padding-right:12em;}
.gridThree .wrapper {}
.gridThree .wrapperIn {float:right; width:100%;}
.gridThree .col-1 {float:left; width:100%;}
.gridThree .col-1 .gridOne {margin:0em 3px;}
.gridThree .col-2 {float:right; width:12em; margin-right:-12em;}
.gridThree .col-3 {float:left; width:14em; margin-left:-14em;}

/* ========================================================================== */
/* 03. titles                                                                 */
/* ========================================================================== */

/* general heading declaration ---------------------------------------------- */
h1, h2, h3, h4, h5, h6 {margin:1em 0em; font-size:100%; color:#23262e;}

/* koppen ------------------------------------------------------------------- */
h1.title span {font-size:153%; color:#43554f;}
h2.title span {font-size:138%;}
h3.title span {font-size:123.1%;}
h4.title span {font-size:116%;}
h5.title span {font-size:108%;}
h6.title span {font-size:100%;}

h1 {margin:3em 0 2em;}

/* ========================================================================== */
/* 04. links and buttons                                                      */
/* ========================================================================== */

/* generall links declaration ----------------------------------------------- */
a {color:#43554f;}
a:hover {color:#c5beb4;}

/* external link ------------------------------------------------------------ */
a.external {padding-left:18px; background:url("img/icon_link-exitCurrentSite.gif") 2px 0.2em no-repeat;}

/* download link ------------------------------------------------------------ */
a.download {padding-left:18px;}
a.download.pdf {background:url("img/icon_link-pdf.gif") left 0.1em no-repeat;}

/* mailto hyperlink --------------------------------------------------------- */
a.email {padding-left:25px; background:url("img/icon_mail.gif") 5px 0.2em no-repeat;}

/* action links ------------------------------------------------------------- */
a.action.field img {vertical-align:top;}
a.action.spoke {background:url("img/icon.png") left top no-repeat; padding-left:20px; text-decoration:none; font-weight:700;}
a.action.spoke:hover {text-decoration:underline;}
a.action.spoke.add {background:url("img/add.gif") left top no-repeat;}
a.action.page {background:url("img/icon.png") left top no-repeat; padding-left:20px;}
a.action.page.print {background:url("img/print.gif") left 0.15em no-repeat;}

/* definition link ---------------------------------------------------------- */
a.anchor.term {color:#000000;}

/* application link --------------------------------------------------------- */
a.application {line-height:2em; padding:0.5em 1em 0.5em 26px; background:#00aeee url("img/app-link.gif") 6px 0.75em no-repeat; color:#ffffff; font-weight:700; text-decoration:none;}
a.application:hover {color:#effbff;}

/* submit buttons ----------------------------------------------------------- */
input.submit {padding:0em 0.5em; vertical-align:bottom; height:2em; font-size:1em;}
input.submit.visual {border:none; border:1px solid #ffffff; background:#95a9b2 url("img/submit_bg.gif") left center repeat-x; color:#fff}

/* push buttons ------------------------------------------------------------- */
button.push {padding:0em 0.5em; vertical-align:bottom; height:2em; font-size:1em;}
button.push.visual {border:none; border:1px solid #ffffff; background:#95a9b2 url("img/submit_bg.gif") left center repeat-x; color:#fff}

/* reset buttons ------------------------------------------------------------ */
input.reset {padding:0em 0.5em; vertical-align:bottom; height:1.75em; font-size:1em;}
input.reset.visual {border:none; border:1px solid #ffffff; background:#95a9b2 url("img/submit_bg.gif") left center repeat-x; color:#fff}

/* ========================================================================== */
/* 05. navigation                                                             */
/* ========================================================================== */

/* horizontal menu ---------------------------------------------------------- */
.horizontalNav {float:right;margin-right:1em;background:#23262e url("img/HorizontalNav_bgRepeat.gif") repeat-x top;}
.horizontalNav ul {background:url("img/horizontalNav_tl.gif") no-repeat top left;}
.horizontalNav li {float:left; font-weight:700; background:url("img/horizontalNav_separator.gif") no-repeat right top;}
.horizontalNav li .page {margin-right:2px;display:block; text-decoration:none; }
.horizontalNav li .page span {font-size:108%; display:block; text-decoration:none; text-align:center; padding:0.5em 0 0.5em 2px; color:#fff;}
.horizontalNav li.last .page {margin-right:0px;}
.horizontalNav li a.page:hover {background:#c6bfb5 url("img/HorizontalNav_bg-hover.gif") repeat-x top;}
.horizontalNav li a.page:hover span {color:#23262e;}
.horizontalNav li.first {background:url("img/horizontalNav_tl.gif") no-repeat top left;}
.horizontalNav li.first a.page:hover {background:#c6bfb5 url("img/HorizontalNav_bg-hover-first.gif") no-repeat left top;}
.horizontalNav li.last {background:url("img/horizontalNav_tr.gif") no-repeat top right;}
.horizontalNav li.last a.page:hover {background:#c6bfb5 url("img/HorizontalNav_bg-hover-last.gif") no-repeat right top;margin-right:0;}
.horizontalNav li.biLink {width:17em;}
.horizontalNav li.commitmentLink {width:13em;}
.horizontalNav li.peopleLink {width:9em;}
.horizontalNav li.careersLink {width:10em;}

#businessIntelligence li.biLink .page {color:#000;background:#c6bfb5 url("img/HorizontalNav_bg-hover-first.gif") no-repeat left top;}
#businessIntelligence li.biLink .page span {color:#000;}
#commitment li.commitmentLink .page {color:#000;background:#c6bfb5 url("img/HorizontalNav_bg-hover.gif") repeat-x left top;}
#commitment li.commitmentLink .page span {color:#000;}
#people li.peopleLink .page {color:#000;background:#c6bfb5 url("img/HorizontalNav_bg-hover.gif") repeat-x left top;}
#people li.peopleLink .page span {color:#000;}
#careers li.careersLink .page {color:#000;background:#c6bfb5 url("img/HorizontalNav_bg-hover-last.gif") no-repeat right top;}
#careers li.careersLink .page span {color:#000;}


#home .gridOne {overflow:hidden;}
#home .horizontalNav {clear:both;margin:0 auto 0;width:63em; margin-top:4.5em; float:none;}
#home .horizontalNav li a span {padding:0.75em 0 0.75em 2px; }
#home .horizontalNav li.biLink {width:20em;}
#home .horizontalNav li.biLink a span{background:url("img/horizontalNav_bl.gif") no-repeat bottom left;}
#home .horizontalNav li.biLink a:hover span{background:url("img/horizontalNav_bl-hover.gif") no-repeat bottom left;}
#home .horizontalNav li.commitmentLink {width:16em;}
#home .horizontalNav li.peopleLink {width:13em;}
#home .horizontalNav li.careersLink {width:14em;}
#home .horizontalNav li.careersLink a span{background:url("img/horizontalNav_br.gif") no-repeat bottom right;}
#home .horizontalNav li.careersLink a:hover span{background-image:url("img/horizontalNav_br-hover.gif");}


/* tree --------------------------------------------------------------------- */
.tree {padding:1em;}
.tree ul {background:url("img/subnavBullet-hover.gif") no-repeat -9999em -9999em;}
.tree li {padding:0 0.5em 0.5em;}
.tree li.first {}
.tree li .page {color:#c5beb4; padding:0.25em 0 0.25em 1.25em; display:block; text-decoration:none; background:url("img/subnavBullet.gif") no-repeat 0 0.55em;}
.tree li .page:hover {color:#fff;background-image:url("img/subnavBullet-hover.gif");}
.tree li.active {}
.tree li.active .page {color:#fff;background-image:url("img/subnavBullet-hover.gif");font-weight:700;}
.tree li.open {background:#dae8ed;}
.tree li.open>.page {font-weight:700;background:url("img/bullet_subnav-open.gif") no-repeat 0 .65em;} /* check ie6.css when changed or extra levels added */
.tree li.last {}
.tree li ul {margin-bottom:.5em;}
.tree li li ul {margin-bottom:0;}
.tree li li {padding-left:1em;}

/* icon navigation ---------------------------------------------------------- */
.iconNav {margin:0; border-bottom:3px solid #a9c9d5;background:#23262e;}
.iconNav li {float:left;}
.iconNav li .page {margin:0.5em; display:block;}

/* secondary navigation ----------------------------------------------------- */
.secondNav {}
.secondNav ul {}
.secondNav li {float:left; margin-right:1em; padding-left:1px; color:#000; font-weight:700; background:url("img/separator.gif") left center no-repeat; white-space:nowrap;}
.secondNav li a {text-decoration:none;}
.secondNav li .page {margin-left:1em;}
.secondNav li.first {background:none; padding-left:0;}
.secondNav li.first .page {margin-left:0;}

/* service navigation */
.secondNav.service {margin:0 0 0.5em 0;overflow:hidden; padding-top:145px;}
.secondNav.service ul {float:right;margin-right:2em;}
/* module navigation */
.secondNav.module li .page {font-weight:700;}

#sitemap .sitemapLink a {color:#000}
#contact .contactLink a {color:#000}


/* breadcrumb --------------------------------------------------------------- */
.breadcrumb {padding:.5em .5em .25em;background:#f2f7f9;margin-bottom:1em;}
.breadcrumb li {float:left; margin-right:.75em; padding-left:.60em; color:#23262e; background:url("img/separator_bread.gif") left 65% no-repeat; white-space:nowrap;}
.breadcrumb li .page {margin-left:0.5em;font-size:85%;font-weight:normal;}
.breadcrumb li.first {background:none; padding-left:0;}
.breadcrumb li.first .page {margin-left:0;}
.breadcrumb li.last {background-position:0 40%}
.breadcrumb li.last .page {font-weight:700;font-size:108%;}

/* doormat ------------------------------------------------------------------ */
.doormat {margin:0.5em;}
.doormat li {float:left; width:33%; background:#086587;}
.doormat li a {border:1px solid #A9C9D5; border-top:none; border-left:none; display:block; color:#ffffff; font-weight:700; padding:0.25em 0.5em; text-decoration:none;}
.doormat li a:hover {background-color:#23262e;color:#fff;}
.doormat li.last {float:none; margin-left:66%; width:auto; -moz-float-edge:content-box;}
.doormat li.last a { border-right:none;}
.doormat li.last ul {border-right:none;}
.doormat li ul {border-right:1px solid #A9C9D5; background:#e6eff3; margin:0;}
.doormat li li {float:none; width:auto; border:none; background:none; }
.doormat li li a {border:none;border-bottom:1px solid #A9C9D5; background:none; font-weight:300;color:#086587;}
.doormat li li a:hover {background-color:#A9C9D5;color:#23262e;}
.doormat li li.last {margin:0;}
.doormat li li.last a {border:none;}

/* az-index ----------------------------------------------------------------- */
.azList {}
.azList ol {margin:0em auto;}
.azList li {float:left;}
.azList li .page {display:block; width:1.2em; height:1.2em; font-weight:700; text-decoration:none; border:1px solid #086587;text-align:center;margin:0.25em}
.azList li a.page:hover {background:#23262e; color:#ffffff;border:1px solid #23262e}
.azList li.number .page {width:3em;}
.azList li.active .page {background:#086587; color:#ffffff;}
.azList li.disabled .page {color:#c2c2c2; border:1px solid #c2c2c2;}

/* tag cloud ---------------------------------------------------------------- */
.cloud {margin:0.5em;padding:0.5em;background:#f2f9f7;}
.cloud ol {text-align:justify;}
.cloud li {display:inline; margin-right:0.5em;line-height:2em;}
.cloud li a {text-decoration:none;white-space:nowrap;display:inline-block;text-align:left;}
.cloud li a:hover {text-decoration:underline;}
.cloud li.size1 a {font-size:93%;}
.cloud li.size2 a {font-size:116%;}
.cloud li.size3 a {font-size:138.5%;}
.cloud li.size4 a {font-size:153.9%;}

/* paging ------------------------------------------------------------------- */
.paging {text-align:center; margin:0.5em;}
/* results */
.paging .result {color:#086587; font-size:93%; float:left;}
.paging .result span {font-weight:700;}
/* pager */
.paging .pager {float:right;}
.paging .pager a {text-decoration:none; font-weight:700;}
.paging .pager a:hover {text-decoration:underline;}
.paging .pager .prev {padding-left:10px; background:url("img/icon_paging_previous.gif") left 0.35em no-repeat;}
.paging .pager .next {padding-right:10px; background:url("img/icon_paging_next.gif") right 0.35em no-repeat;}
.paging .pager ul {display:inline; margin:0em 1em;}
.paging .pager ul li {display:inline; background:url("img/separator_general.gif") left center no-repeat; padding-left:7px; font-weight:700;}
.paging .pager ul li.first {background:none; padding-left:0;}
.paging .pager ul li.active .page {color:#23262e;}

/* tab pane ----------------------------------------------------------------- */
.tabpane {margin:0.5em;}
.tabpane .nav {padding-left:0.25em;}
.tabpane .nav li {background:#a9c9d5; border-top:1px solid #a9c9d5; float:left; margin:0em 0.25em;}
.tabpane .nav li a {display:block; text-decoration:none; font-weight:700;}
.tabpane .nav li a span {display:block; padding:0.25em 1em; color:#ffffff;}
.tabpane .nav li a:hover span {color:#23262e;}
.tabpane .nav li.active {border:1px solid #086587; border-bottom:none; background:#fff;}
.tabpane .nav li.active a span {position:relative; bottom:-1px; background:#ffffff; color:#086587;}
.tabpane .content {border:1px solid #086587;}
.tabpane .content .tab {margin:0.5em;}

/* ========================================================================== */
/* 06. basic content                                                          */
/* ========================================================================== */

/* image -------------------------------------------------------------------- */
.image {margin:1em 0em;}
.image .graphic {border:1px dotted #A9C9D5;border-left:none; border-right:none; text-align:center;}
.image .graphic img {margin:0.5em 0em;}
.image .caption {text-align:center; margin-top:0.25em;font-style:italic;color:#086587;font-size:93%;}
.image .caption.left {text-align:left;}
.image .caption.center {text-align:center;}

/* normal list -------------------------------------------------------------- */
ul.list, ol.list {margin:0.5em; line-height:1.25em;}
ul.list li {padding-left:10px; background:url("img/list.gif") left 0.4em no-repeat;}

/* generic block ------------------------------------------------------------ */
.block {margin:0.5em;}
.block .title {margin:0.5em;}
.block .nav {text-align:right;}

/* textblock ---------------------------------------------------------------- */
.textblock {border:none;}
.textblock .title {margin:2em 0em 1em;}
.textblock h2.title span {font-size:123.1%}
.textblock h3.title span {font-size:108%}
.textblock p {margin:0 0 1em;line-height:1.5em;font-size:108%;}
.intro p {font-weight:700;color:#2d343c}
.textblock li {line-height:1.5em;font-size:108%;padding-left:1.5em;margin-bottom:0.5em;background:url("img/textblockBullet.gif") no-repeat left 0.45em;}
.textblock li li {font-size:inherit;}
.textblock li strong {color:#2d343c;font-weight:700;}


/* focus block -------------------------------------------------------------- */
.block.text.focus {border:1px solid #23262e; background-color:#f6f6ff;}
.block.text.focus .title {margin:0.5em;}
.block.text.focus p {margin:0.5em;}

/* ========================================================================== */
/* 07. content components                                                     */
/* ========================================================================== */


/* sitelabel */
.siteLabel {padding:2em 1em 0em 4em;overflow:hidden; float:left;}
.siteLabel img {float:left;margin:0 .5em 0.5em 0;}
#header .gridOne {overflow:hidden;}
.siteTitle {padding-top:2.5em;}
.siteTitle strong {color:#fff;font-size:153%;}

/* subNavigatie */
.navigation .gridOne {background:#302722 url("img/subnavBg-tl.gif") no-repeat left top;margin-left:2em;}
.navigation .gridOne .wrapper {background:url("img/subnavBg-tr.gif") no-repeat right top;}
.navigation .gridOne .wrapper .wrapper {background:url("img/subnavBg-bl.gif") no-repeat left bottom;}
.navigation .gridOne .tree {background:url("img/subnavBg-br.gif") no-repeat right bottom;padding-bottom:5px;min-height:180px;}
.tree .title {margin-top:0.5em;}
.tree .title span {color:#fff;font-size:116%;}

/* primaryContact */
.primaryContact {float:right;margin-top:-0.15em;}
.primaryContact div {display:inline;}
.primaryContact div span {font-size:116%;}
.primaryContact .tel {padding-right:1em; background:url("img/footerSeparator.gif") no-repeat right center;}
.primaryContact .tel .label {color:#302722;}
.primaryContact .tel .value {font-weight:700;}
.primaryContact .email {padding-left:1em;}

/* Contact */
.contactInfo .gridOne {padding-left:4em}
.vcard .adr {margin-bottom:1em;}
.vcard .faxPhone {margin-bottom:1em;}
#contact .content #map {border:2px solid #000;}


/* Sitemap */
#sitemap h1.title {padding-left:24.15em;}
.sitemap {background:url("img/contentBg.gif") no-repeat right bottom;padding-bottom:2em;}
.sitemap .title {float:left; width:22.5em;text-align:right;clear:left;}
.sitemap .title span {font-size:108%;}
.sitemap .title a {text-decoration:none;}
.sitemap li {overflow:hidden;margin-bottom:0em;}
.sitemap li li {padding-left:1.5em;margin-bottom:0.5em;background:url("img/textblockBullet.gif") no-repeat left 0.45em;}
.sitemap ul ul {margin-left:24.15em;border-left:1px solid #43554f;margin-top:1em;padding:0.25em 0 0.25em 1em;}

/* homepage */
#home h1.siteLabel {float:left;margin:4em 0 0 4em;padding:0;}
#home h1.siteLabel img {margin:0;float:none;}
#home .intro {float:right;width:35em;margin-right:4em;margin-top:13.85em;}
#home .intro p {font-size:108%;line-height:1.75em;}
#home #content {overflow:hidden;}


/* generic notification ----------------------------------------------------- */
.notify {padding:0em 0.5em 0.5em 2.75em; margin:0.5em;}
.notify .title {margin:0; margin-top:0.5em;}
.notify .title span {font-size:135%; font-weight:700;}
.notify .message {margin-top:0.5em;}

/* confirmation (notification) ---------------------------------------------- */
.notify.confirm {border:1px solid #360; background:#eaefe5 url("img/icon_notification_confirm.gif") 0.6em 0.6em no-repeat;}
.notify.confirm .title {color:#360;}
.notify.confirm .message {color:#360;}

/* release (notification) --------------------------------------------------- */
.notify.release {border:1px solid #069; background:#e5eff5 url("img/icon_notification_info.gif") .55em .55em no-repeat;}
.notify.release .title {color:#069;}
.notify.release .message {color:#069;}

/* status (notification) ---------------------------------------------------- */
.notify.status {border:1px solid #c90; background:#fffbe6 url("img/icon_notification_warning.gif") 0.55em 0.55em no-repeat;}
.notify.status .title {color:#c90;}
.notify.status .message {color:#c90;}

/* system (notification) ---------------------------------------------------- */
.notify.system {border:1px solid #c30; background:#fae5e5 url("img/icon_notification_error.gif") 0.55em 0.55em no-repeat;}
.notify.system .title {color:#c30;}
.notify.system .message {color:#c30;}

/* related links ------------------------------------------------------------ */
.block.related {background:#e6eff3; border:1px solid #A9C9D5; border-left:none; border-right:none; border-bottom-width:2px;}
.block.related .link {width:49.5%; float:left;}
.block.related .internal ul li {padding-left:18px; background-position:5px 0.5em;}
.block.related .external ul li {padding-left:0; background:none;}
.block.related .download ul li {padding-left:0; background:none;}

/* field help (popup) ------------------------------------------------------- */
.formbox .help {width:20em; border:1px solid #a9a9a9;}
.formbox .help .title {background:#e8ecff; margin:0; padding:0.25em 0.5em;}
.formbox .help div {margin:0.5em;}

/* definition list ---------------------------------------------------------- */
.defList {margin:0.5em; border:1px solid #A9C9D5; background-color:#fdfdff; border-left:none; border-right:none; border-bottom-width:2px; }
.defList dl {margin:0.5em; line-height:1.22em;}
.defList dt {font-weight:700; color:#086587; margin-top:1em; border-bottom:1px solid #086587}
.defList dd {margin:0.25em 0em; position:relative;}
.defList dd a.anchor {position:absolute; top:-1.75em; right:0;padding-left:10px;background:url(img/bullet_top.gif) no-repeat left center;}

div.definitionBox {position:relative; border:1px solid #999999; background:#f3eded; width:16em; margin:20px 0em 20px 0em; padding:0.3em 0.3em 0.3em;}
div.definitionBox div.speechBubble {position:absolute;}
div.definitionBox div.speechBubble.tl {top:-9px; left:8px; background:url('img/icon_speech_top_left.gif') no-repeat; width:18px; height:9px;}
div.definitionBox div.speechBubble.tr {top:-9px; right:8px; background:url('img/icon_speech_top_right.gif') no-repeat; width:18px; height:9px;}
div.definitionBox div.speechBubble.bl {bottom:-9px; left:8px; background:url('img/icon_speech_bottom_left.gif') no-repeat; width:18px; height:9px;}
div.definitionBox div.speechBubble.br {bottom:-9px; right:8px; background:url('img/icon_speech_bottom_right.gif') no-repeat; width:18px; height:9px;}

/* expand and collapse ------------------------------------------------------ */
.expandCollapse {margin:0.5em;}
.expandCollapse .head {border-bottom:1px solid #086587;}
.expandCollapse .head .title {margin:0.1em 0em; margin-left:0.5em; font-weight:700; color:#086587;}
.expandCollapse .head .title span {padding-left:15px; background:url("img/collapse-none.gif") left center no-repeat; font-size:108%;}
.expandCollapse .box {padding:0.5em; border:1px solid #086587; border-top:none; border-bottom-width:1px; background:#e6eff3; color:#086587; overflow:hidden;}
/* classes for javascript */
.expandCollapse .open .head .title span {background-image:url("img/collapse.gif"); cursor:pointer;}
.expandCollapse .open .box {display:block;}
.expandCollapse .closed .head .title span {background-image:url("img/expand.gif"); cursor:pointer;}
.expandCollapse .closed .box {display:none;}

/* checklist ---------------------------------------------------------------- */
.expandCollapse.checklist .box ul li {padding-left:12px; background:url("img/icon_arrow_small_pos_right.gif") left 0.30em no-repeat; color:#000000;}

/* faq ---------------------------------------------------------------------- */
.faq {border:solid #086587; border-width:2px 0; margin:0.5em;}
.faq ol.list {margin:0;}
.faq .questions {padding:0.75em; border-bottom:1px solid #a9c9d5; background:#e6eff3;}
.faq .anwsers {padding:0.75em; background:#fdfdff}
.faq .block {border-bottom:1px solid #a9c9d5; padding-bottom:0.5em;}
.faq .block .title {color:#336666;}
.faq .block .title span {font-size:120%;}
.faq li.last .block {border-bottom:none;}
.faq .nav .back {padding-left:10px;background:url(img/bullet_top.gif) no-repeat left center;}

/* image gallery ------------------------------------------------------------ */
.gallery {margin:0.5em;}
.gallery .paging {text-align:center; }
.gallery .paging .pager {float:none; position:relative;}
.gallery .paging .pager .prev {position:absolute; left:0;}
.gallery .paging .pager .info {font-weight:700;}
.gallery .paging .pager .next {position:absolute; right:0;}
.gallery .paging.upper .pager {border-bottom:1px solid #086587; padding-bottom:0.5em;}
.gallery .paging.lower .pager {border-top:1px solid #086587; padding-top:0.5em;}
.gallery .imageList li {float:left; margin:0.5em; border:1px solid #A9C9D5; padding:0.5em;}
.gallery .imageList li .image {margin:0;}
.gallery .imageList li .image .graphic {border-top:none;}
.gallery .imageList li .image .graphic img {margin-top:0;width:112px;}

/* detail view */
.gallery.detail .image .graphic {border:none;}





/* wizard ------------------------------------------------------------------- */
.wizard {margin:0.5em;}
/* step list */
.wizard .stepList {float:right; width:15em; border:1px solid #a9c9d5; border-left:none; margin-top:1em;background:#f2f7f9;}
.wizard .stepList .title {padding:0.5em; background:#086587;color:#fff; margin:0;}
.wizard .stepList .title span {font-size:108%;}
.wizard .stepList ol li {border-top:1px solid #a9c9d5; padding:0.5em 0em;}
.wizard .stepList ol li .page {display:block; margin:0em 0.5em; text-decoration:none;}
.wizard .stepList ol li.done {background:#e6eff3;}
.wizard .stepList ol li.done .page {background-image:url("img/wizard-done.gif"); background-position:right 50%; background-repeat:no-repeat;}
.wizard .stepList ol li.active {background:#a9c9d5;font-weight:700;}
.wizard .stepList ol li.active .page {background-image:url("img/wizard-active.gif"); background-position:right 50%; background-repeat:no-repeat;}
/* step content */
.wizard .stepContent .formbox {margin:0; margin-right:15em; min-height:30em; position:relative;}
.wizard .stepContent .formbox .formfooter {width:100%; position:absolute; bottom:0; left:0; padding:0;}
.wizard .stepContent .formbox .formfooter .buttongroup {margin:0.5em;}

/* ========================================================================== */
/* 08. form layout                                                            */
/* ========================================================================== */

/* formbox ------------------------------------------------------------------ */
.formbox {border:1px solid  #086587; background:#fff; margin:0.5em;}
.formbox .formheader {padding:0.5em 1em; background:#a9c9d5;}
.formbox .formcontent {padding:0.5em 1em;}
.formbox .formfooter {padding:0.5em 1em; background:#f2f7f9;}

/* formbox (inline) --------------------------------------------------------- */
.formbox.inline {border:none; background:none;}
.formbox.inline .formcontent {display:inline; padding:0; float:left;}
.formbox.inline .formcontent form {display:inline;}
.formbox.inline .formcontent .controls {display:inline; margin:0;}
.formbox.inline .formfooter {display:inline; padding:0; background:none; float:right;}

/* required legend ---------------------------------------------------------- */
.formheader .requiredLegend {text-align:right; font-weight:700;}
fieldset .requiredLegend {border-bottom:1px solid #069; margin:0.5em 0.75em; padding:0.5em; background:#e5eff5;}

/* fieldset ----------------------------------------------------------------- */
fieldset {margin-top:1.5em;}
fieldset .fields {margin:1.25em 0em;}
fieldset.level1 {border:1px solid #a9c9d5; padding-left:0.01em;background:#e6eff3;}
fieldset.level1 legend.level1 {padding:0em 1em 0.25em; margin-left:0.75em;font-weight:700;color:#086587;background:#fff;text-transform:uppercase;letter-spacing:2px;word-spacing:2px;font-size:93%;}
fieldset.level2 {margin-left:2em;margin-right:1em;background:#f2f7f9; border:1px solid #fff;padding-left:0.01em;}
fieldset.level2 legend.level2 {padding:0em 1em 0.25em; margin-left:0.75em; font-weight:700;color:#086587;background:#e6eff3;}


/* fieldset error ----------------------------------------------------------- */
fieldset.error {border-top-color:#c00;border-top-width:2px;}
fieldset.error legend.level1, fieldset.error legend.level2 {color:#c00;}
.fieldsetError {border:1px solid #c00; background:#fae5e5 url("img/fielderror.gif") 6px 0.8em no-repeat; padding:0.5em; padding-left:20px; color:#cc3300; margin:0.5em 0.75em;}

/* formrow ------------------------------------------------------------------ */
.formrow {margin:0.75em 0em;}
.formrow:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.formrow {display:inline-block;}
/* Hides from IE-mac \*/
* html .formrow {height:1%;}
.formrow {display:block;}
/* End hide from IE-mac */

/* formrow feedback --------------------------------------------------------- */
.formrow .rowFeedback {clear:both; margin-left:9.5em; line-height:1.22em;}
.formrow .rowFeedback .error {color:#c00;}

/* input element ------------------------------------------------------------ */
.formrow .inputElement {float:left;}
.formrow fieldset.inputElement {position:relative; margin-top:0;}

/* input caption ------------------------------------------------------------ */
.formrow .inputElement .inputCaption {float:left; text-align:right; line-height:1.75em;}
.formrow .inputElement .inputCaption .label {width:8em; display:block; margin-right:1em; position:relative;}
.formrow .inputElement .inputCaption .label .required {position:absolute; right:-0.5em; top:0em;}
.formrow fieldset.inputElement .inputCaption .label {position:absolute; left:0; top:0;}

/* input caption hint ------------------------------------------------------- */
.formrow .inputElement .inputCaption .label .captionHint {font-size:85%; color:#666666;}

/* input control -------------------------------------------------------------*/
.formrow .inputElement .inputControl {margin-left:9.5em;}
.formrow .inputElement .inputControl .controls, .formrow .inputElement .inputControl .controlHint {display:inline;}
.formrow .inputElement .inputControl .controls .control {display:inline;}
.formrow .inputElement .inputControl .controls .inputHelp {display:inline;}
.formrow .inputElement .inputControl .controls .control input {border:1px solid #a5acb2;}
.formrow .inputElement .inputControl .controls .control input {height:1.25em; display:inline;}

/* input element hint ------------------------------------------------------- */
.formrow .inputElement .inputControl div.controlHint {line-height:1.5em; font-size:85%; color:#666666;}

/* input element help ------------------------------------------------------- */
.formrow .inputElement .inputControl .controls .inputHelp img {vertical-align:bottom;}

/* input element feedback --------------------------------------------------- */
.formrow .inputElement .inputControl .inputFeedback {display:block;}
.formrow .inputElement .inputControl .inputFeedback div {margin:0.25em 0em; display:block;}
.formrow .inputElement .inputControl .inputFeedback .error {color:#cc3300; background:url("img/fielderror.gif") left 0.2em no-repeat;}
.formrow .inputElement .inputControl .inputFeedback .confirmation {color:#959595;}

/* input element (extra) ---------------------------------------------------- */
.formrow .inputElement.extra {margin-left:1em; width:auto;}
.formrow .inputElement.extra .inputCaption .label {width:auto; margin-right:0.5em; position:static; display:inline;}
.formrow .inputElement.extra .inputCaption .label .required {position:static;}
.formrow .inputElement.extra .inputControl {margin-left:0; float:left;}

/* input element (compact) -------------------------------------------------- */
.formrow .inputElement.small .inputCaption {float:none; display:block; text-align:left; margin-bottom:0.5em;}
.formrow .inputElement.small .inputCaption .label {position:static;}
.formrow .inputElement.small .inputControl {margin-left:0;}

/* button group ------------------------------------------------------------- */
.buttongroup .abort {float:left;}
.buttongroup .advance * {float:right; margin-left:1em;}

/* form error --------------------------------------------------------------- */
.expandCollapse.formError .head {border-color:#c00;}
.expandCollapse.formError .head .title span {color:#c00; background-image:url("img/error-collapse-none.gif");}
.expandCollapse.formError .box {border-color:#c00; background:#fae5e5; color:#c00; }
.expandCollapse.formError .box ul li {padding-left:12px; background:url("img/error-list.gif") left 0.45em no-repeat; line-height:1.25em;}
/* classes for javascript */
.expandCollapse.formError .open .head .title span {background-image:url("img/error-collapse.gif");}
.expandCollapse.formError .closed .head .title span {background:url("img/error-expand.gif");}

/* form help ---------------------------------------------------------------- */
.expandCollapse.formHelp .head {border-color:#23262e;}
.expandCollapse.formHelp .head .title span {color:#23262e; background-image:url("img/help-collapse-none.gif");}
.expandCollapse.formHelp .box {border-color:#23262e; background:#fdfdff; color:#000000; }
/* classes for javascript */
.expandCollapse.formHelp .open .head .title span {background-image:url("img/help-collapse.gif");}
.expandCollapse.formHelp .closed .head .title span {background-image:url("img/help-expand.gif");}

/* ========================================================================== */
/* 09. specific input elements                                                */
/* ========================================================================== */

/* radiobutton list --------------------------------------------------------- */
.formrow .inputElement.radiolist {float:none;}
.formrow .inputElement.radiolist .inputControl .controls {line-height:1.75em; position:relative; padding-left:20px; display:block;}
.formrow .inputElement.radiolist .inputControl .controls input {position:absolute; left:0; top:0.4em; width:15px; height:15px; vertical-align:middle;}

/* checkbox list ------------------------------------------------------------ */
.formrow .inputElement.checklist {float:none;}
.formrow .inputElement.checklist .inputControl .controls {line-height:1.75em; position:relative; padding-left:20px; float:left; clear:left;}
.formrow .inputElement.checklist .inputControl .controls input {position:absolute; left:0; top:0.4em; width:15px; height:15px; vertical-align:middle;}

/* checkbox grid ------------------------------------------------------------ */
.formrow .inputElement.checklist.grid .col {float:left; border-right:1px solid #c0c0c0; margin-right:1em; padding-right:1em;}
.formrow .inputElement.checklist.grid .col.last {border-right:none;}

/* transfer list ------------------------------------------------------------ */
.formrow .inputElement.transfer .inputControl .controls {float:left;}
.formrow .inputElement.transfer .inputControl .controls select {padding-right:0.25em; padding-left:0.25em; height:10em;}
.formrow .inputElement.transfer .inputControl .controls select option {margin-top:0.1em;}
.formrow .inputElement.transfer .inputControl .controls.actions {margin:0.5em 1.25em;}
.formrow .inputElement.transfer .inputControl .controls.actions button {width:3em; display:block; margin:0.5em 0em;}

/* date --------------------------------------------------------------------- */
.formrow .inputElement.date .inputControl .controls .datepickerIcon img {vertical-align:-20%;}


/* ========================================================================== */
/* 10. tables                                                                 */
/* ========================================================================== */

/* simple table ------------------------------------------------------------- */
.table {margin:1em 0.5em;}
.table table {border-collapse:collapse; border:1px solid #086587; width:100%; empty-cells:show;}
.table table .col1 {width:30%;}
.table table .col2 {width:30%;}
.table table .col3 {width:20%;}
.table table .col4 {width:20%;}
.table table th {text-align:left; background:#a9c9d5; color:#086587;}
.table table td, .table table th {padding:0.25em 0.5em; border:1px solid #086587;}
.table table tbody tr.alt td {background:#f2f9f7;}
.table table tfoot {background:#e6eff3; color:#086587; font-weight:700;}

/* datagrid ----------------------------------------------------------------- */
.table.datagrid th.sort {padding:0;}
.table.datagrid th.sort a {text-decoration:none; color:#086587; display:block; padding:0.25em 0.5em;}
.table.datagrid th.sort a:hover {color:#23262e;}
.table.datagrid th.sort a.selected {background-color:#086587;color:#fff;}
.table.datagrid th.sort a span {background:url("img/icon_datagrid_sort-dimmed.gif") right 50% no-repeat; padding-right:12px; display:block;}
.table.datagrid th.sort a span.asc {background-image:url("img/icon_datagrid_sort-dimmed.gif");}
.table.datagrid th.sort a span.desc {background-image:url("img/icon_datagrid_sort-dimmed.gif");}
.table.datagrid th.sort a.selected span.asc {background-image:url("img/icon_datagrid_sort-asc.gif");}
.table.datagrid th.sort a.selected span.desc {background-image:url("img/icon_datagrid_sort-desc.gif");}
.table.datagrid div.paging {margin-left:0; margin-right:0;}
/* multiselect */
.table.datagrid.multiselect tfoot td {padding-top:0.5em; padding-bottom:0.5em;}
.table.datagrid.multiselect tfoot .secondNav {margin:0; background:url("img/foot-select.gif") 3px 0.25em no-repeat; padding-left:20px;}
.table.datagrid.multiselect .buttongroup {padding:0.5em 0em; border-bottom:1px dotted #a9a9a9;}
.table.datagrid.multiselect .buttongroup .advance {float:left; font-size:108%;}
.table.datagrid.multiselect .buttongroup .advance input {float:none; vertical-align:middle;}

/* datepicker --------------------------------------------------------------- */
.datepicker {border:1px solid #086587; margin:0.5em; background:#f2f7f9;}
/* header */
.datepicker .head {background-color:#086587; position:relative;}
.datepicker .head .title {margin:0; padding:0.35em 0.5em; color:#ffffff;}
.datepicker .head .title span {font-size:100%;}
.datepicker .head .close {position:absolute; right:0.25em; top:0.25em; color:#ffffff;}
/* paging */
.datepicker .paging {border-top:1px solid #086587;}
.datepicker .paging .pager {float:none;}
.datepicker .paging .prev {float:left; background:url("img/icon_paging_previous.gif") left 0.4em no-repeat;}
.datepicker .paging .next {float:right; background:url("img/icon_paging_next.gif") right 0.4em no-repeat;}
/* calendar */
.table.calendar {margin:0.5em;}
.table.calendar table {border-color:#086587;}
.table.calendar table td, .table.calendar table th {border-color:#83b2c3; color:#086587; text-align:center; padding:0; width:2em; height:2em;}
.table.calendar table th {background:#468ca5;color:#fff;}
.table.calendar table tbody th {font-weight:300;background:#83b2c3;border-bottom:1px solid #fff;}
.table.calendar table tbody th.last {border-bottom:1px solid #83b2c3;}
.table.calendar table tbody td {background:#fff;}
.table.calendar table tbody td.weekend {background:#c1d8e1}
.table.calendar table tbody td a {display:block; height:100%; line-height:200%;}
.table.calendar table tbody td.current {background:#23262e; font-weight:700; color:#fff;}
.table.calendar table tbody td.current a {color:#fff;}
.table.calendar table tbody td.active {background:#e6eff3; font-weight:700; color:#086587;}
.table.calendar table tbody td.active a {color:#086587;}
.table.calendar table tbody td.disabled {background:#fff; color:#ccc;}
.table.calendar table tbody td.disabled a {color:#ccc;}
.table.calendar table abbr {text-decoration:none; border-bottom:none;}
.table.calendar table a {text-decoration:none;}

/* calendar page ------------------------------------------------------------ */
.calendarFull .secondNav.action {padding:0.25em;background:#f2f7f9;}
.calendarFull .secondNav.action li {float:none; background:none; padding-left:0;}
.calendarFull .secondNav.action li .page {margin-left:0;}
.calendarFull .secondNav.action li.active .page {font-weight:700;}

.calendarFull .calendarComp .secondNav li {float:right;}

.calendarFull .calendarComp .control {margin:0.5em; margin-bottom:-0.5em; position:relative;}
.calendarFull .calendarComp .control .horizontalNav {position:absolute; right:1em; border:none; bottom:1px; margin:0; background:none;}
.calendarFull .calendarComp .control .horizontalNav ul {float:right;background:transparent;}
.calendarFull .calendarComp .control .horizontalNav ul li {border:1px solid #83B2C3; border-width:1px 0 0 1px;margin:0;}
.calendarFull .calendarComp .control .horizontalNav ul li a {color:#086587;}
.calendarFull .calendarComp .control .horizontalNav ul li a:hover {color:#fff;}
.calendarFull .calendarComp .control .horizontalNav ul li.last {border-right:1px solid #83B2C3;}

.calendarFull .calendarComp .control .paging {float:left; margin-left:0; margin-top:0.75em;}
.calendarFull .calendarComp .control .paging .pager {float:none;}
.calendarFull .calendarComp .control .paging .pager a {margin-left:1em;}
.calendarFull .calendarComp .control .paging .pager a.prev {margin-left:0em;}
.calendarFull .calendarComp .control .info {margin:0em 20em; text-align:center; line-height:2.5em; font-weight:700;}

.calendarFull .calendarComp .table.calendar table td, .calendarComp .calendarFull .table.calendar table th {width:14.3%; height:7.5em;}
.calendarFull .calendarComp .table.calendar table tbody td, .calendarFull .calendarComp .table.calendar table tbody th {vertical-align:top; text-align:left;}
.calendarFull .calendarComp .table.calendar table tbody th {padding:0.25em;}
.calendarFull .calendarComp .table.calendar table tbody td.disabled {background:#fff;color:#ccc;}
.calendarFull .calendarComp .table.calendar table tbody td .header {background:#83B2C3; padding: 0.25em 0.5em; font-weight:700; color:#000; text-align:left; font-size:93%;}
.calendarFull .calendarComp .table.calendar table tbody td.disabled .header {background:#ccc;color:#666;}
.calendarFull .calendarComp .table.calendar table tbody td .content {padding:0.5em;}

.calendarFull .calendarComp .table.calendar.week table td, .calendarComp .calendarFull .table.calendar.week table th {width:12.5%; height:5em;}