/** common used mixins */
/** webfonts */
@font-face { font-family: 'fontastiquefontastique'; src: url("/assets/idefix/fonts/default/fontastique-webfont.eot"); src: url("/assets/idefix/fonts/default/fontastique-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/idefix/fonts/default/fontastique-webfont.woff") format("woff"), url("/assets/idefix/fonts/default/fontastique-webfont.ttf") format("truetype"), url("/assets/idefix/fonts/default/fontastique-webfont.svg#fontastiquefontastique") format("svg"); font-weight: normal; font-style: normal; }

/** used colors */
html, body, h1, h2, h3, h4, h5, h6, blockquote, pre, code, p, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, div, span, table, tr, th, td { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-family: arial; font-weight: normal; color: #1b395b; margin-top: .5em; }

h1 { font-size: 1.8em; }

h2 { font-size: 1.6em; }

h3 { font-size: 1.4em; }

h4, h5, h6 { font-size: 1.2em; }

p { margin-bottom: .5em; }

ul, ol { margin-left: 2em; }

table { border-collapse: collapse; border-spacing: 0; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; }

a:focus, a:hover, a:active { outline: none; }

a img { border: 0; }

/** Default style for content */
a { color: #1b395b; -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -ms-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; }

a:visited { color: #1b395b; }

a:active { color: #1b395b; text-decoration: none; }

a:hover { color: #1b395b; text-decoration: none; }

/** Page layout */
html, body { color: #333; background-color: #6abebd; }

html { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; line-height: 1.6; }

body { font-size: 1.4em; }

#header-container { background-color: #fff; }

#header { position: relative; margin: 0 auto; width: 980px; overflow: hidden; }

#logo { float: left; margin: 20px 10px 20px 25px; }
#logo a { display: block; }
#logo img { display: block; }

.event-date { position: absolute; top: 25px; right: 50px; width: 235px; }

.superbanner { position: absolute; top: 50px; right: 50px; margin: 0 0 0 50px; }
.superbanner a, .superbanner img { display: block; }

#globalnav { float: right; margin: 0 30px 0 0; padding-left: 1em; border-radius: 0 0 .5em .5em; background-color: #1b395b; overflow: hidden; }
#globalnav h2 { display: none; }
#globalnav ul { float: right; margin: 0; padding: 0; list-style-type: none; }
#globalnav ul li { float: left; margin: 0 1em 0 0; }
#globalnav ul li a { display: block; font-family: arial; font-size: 1.2em; color: #fff; text-decoration: none; }
#globalnav ul li a:hover, #globalnav ul li a.selected { color: #6abebd; }

#quicksearch { float: right; }
#quicksearch input#q { float: left; padding: .5em 1em; border: 1px solid #666666; border-radius: .5em 0 0 .5em; box-shadow: inset 0 0 2px #666666; -webkit-appearance: textfield; -webkit-transition: box-shadow 0.1s ease-in-out; -moz-transition: box-shadow 0.1s ease-in-out; -ms-transition: box-shadow 0.1s ease-in-out; -o-transition: box-shadow 0.1s ease-in-out; transition: box-shadow 0.1s ease-in-out; }
#quicksearch input#q:focus { box-shadow: none; }
#quicksearch .submit { float: left; font-family: arial; font-size: 1.2em; color: #fff; padding: .1em .5em .15em .5em; border: 0; border-radius: 0 .5em .5em 0; width: auto; background-color: #1b395b; overflow: hidden; -webkit-transition: background-color 0.1s ease-in-out; -moz-transition: background-color 0.1s ease-in-out; -ms-transition: background-color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; }
#quicksearch .submit:hover { background-color: #1b395b; cursor: pointer; }

#mainnav-container { position: relative; }

#mainnav-container-inner { margin: 0 auto; width: 980px; }

#mainnav h2 { display: none; }
#mainnav ul { margin: 0 15px; padding: 0; list-style-type: none; }
#mainnav ul li { float: left; position: relative; margin: 0 5px 0 14px; }
#mainnav ul li a { display: block; font-family: arial; font-size: 1.4em; color: white; padding: .5em 0; line-height: 1.4; text-decoration: none; }
#mainnav ul li a:hover, #mainnav ul li a.selected { color: #1b395b; }

#mainnav ul.subnav { display: none; position: absolute; left: -1em; margin: 0; padding: 0; width: 250px; list-style-type: none; background-color: rgba(106, 190, 189, 0.8); z-index: 200; }
#mainnav ul.subnav li { float: none; }
#mainnav ul.subnav li a { font-size: 1.2em; padding: .2em 0; }

#mainnav ul li:hover ul.subnav { display: block; }

.header-slides-container { clear: both; background: white url(/assets/idefix/images/default/bg_headervisual.jpg) repeat-x center top; overflow: hidden; }

.header-slides-container-inner { position: relative; margin: 0 auto; width: 980px; }

#headerslidescontainer { position: relative; width: 980px; height: 300px; }

ul#headerslideshow { position: relative; margin: 0; padding: 0; width: 980px; height: 300px; list-style: none; overflow: hidden; z-index: 100; }
ul#headerslideshow li { width: 980px; height: 300px; background-position: left top; background-repeat: no-repeat; }
ul#headerslideshow li .overlay { position: absolute; top: 30px; right: 30px; padding: 0 40px; width: 210px; height: 220px; background-color: rgba(27, 57, 91, 0.65); }
ul#headerslideshow li .overlay .quote { font-family: arial; font-size: 2.6em; color: #fff; padding-top: 30px; text-decoration: none; line-height: 1.2; }
ul#headerslideshow li .overlay > a { display: block; text-decoration: none; }

#pager { display: none; position: absolute; bottom: 20px; right: 0; margin: 0 auto; padding: 0 40px; width: 246px; list-style: none; text-align: center; z-index: 110; }
#pager li { display: inline-block; width: 12px; height: 12px; margin-right: 5px; border-radius: 6px; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.35); }
#pager li.activeSlide { background: #1b395b; }
#pager li:hover { background: #6abebd; }
#pager li a span { display: block; visibility: hidden; }

#main { clear: both; background-color: #fff; }

#container { position: relative; margin: 0 auto; width: 980px; background-color: #fff; overflow: hidden; }

#breadcrumbs { font-family: arial; color: #1b395b; margin: 15px 0; padding: 0 30px; }
#breadcrumbs h2 { display: inline; font-size: 1em; margin: 0 1em 0 0; }
#breadcrumbs a, #breadcrumbs span { display: inline; margin: 0 1em 0 0; }

#article { float: left; width: 640px; padding: 0 30px 30px 30px; }
#article.subsite, #article.menu-rich { float: none; width: auto; }
#article h1 { position: relative; margin-top: 0; padding-right: 20px; }
#article h1 .feed { position: absolute; top: .1em; right: 0; }

#aside { float: right; margin-right: 30px; width: 250px; }

#footer { border-top: 4em solid white; padding-bottom: 5em; }

#footernav { margin: -4em auto 0 auto; padding: 15px 30px 30px 30px; width: 920px; min-height: 100px; background-color: #fff; overflow: hidden; box-shadow: 0 3px 2px #666666; }

.follow-us { float: left; margin: 0 0 0 30px; width: 205px; }
.follow-us h2 { margin: 0; line-height: 1.2; }
.follow-us a { display: block; margin: .5em 0 0 0; padding-left: 40px; line-height: 32px; }
.follow-us a.follow-facebook { background: transparent url(/assets/idefix/images/default/icon_fb.png) no-repeat left center; }
.follow-us a.follow-twitter { background: transparent url(/assets/idefix/images/default/icon_tw.png) no-repeat left center; }

#sponsors { clear: both; margin: 15px 30px; background-color: #fff; }
#sponsors ul { margin: 0; padding: 0 0 0 15px; list-style-type: none; overflow: hidden; }
#sponsors ul li { float: left; margin: 0 24px 10px 0; }
#sponsors ul li.sponsor-5 { margin-right: 0; }
#sponsors ul li a { display: block; }
#sponsors ul li a .imgbox { height: 70px; overflow: hidden; }
#sponsors ul li a img { display: block; }
#sponsors ul li a:hover img { margin-top: -70px; }

#footer #sponsors { float: left; clear: both; margin: 30px 0 0 0; }

#addthis { float: right; margin: -2.7em 30px 0 0; padding: 0; }
#addthis h3 { float: left; font-size: 1em; margin: 0 1em 0 0; padding: 0; }
#addthis a { float: left; margin: .2em 0 0 0; }

#footer #addthis { clear: left; margin: 15px 0 0 0; }

#props { float: left; clear: left; font-family: arial; margin: 15px 15px 0 0; }
#props a { text-decoration: none; }

/** Content types */
#pagebody { margin-bottom: 30px; }

.contenttext h2, .contenttext h3, .contenttext h4, .contenttext h5, .contenttext h6 { margin-top: 1em; }

.subscribed-sharebuttons { margin: 1em 0; }
.subscribed-sharebuttons a { display: inline-block; margin: .5em 1em 0 0; padding-left: 40px; line-height: 32px; }
.subscribed-sharebuttons a.facebook { background: transparent url(/assets/idefix/images/default/icon_fb.png) no-repeat left center; }
.subscribed-sharebuttons a.twitter { background: transparent url(/assets/idefix/images/default/icon_tw.png) no-repeat left center; }

#pagevisual { margin: 0 0 1em 0; }

.inline-sections { float: left; }

.inline-section { float: left; margin: 0 0 0 30px; width: 205px; }

.inline-section-1 { margin-left: 0; }

.inline-section h2 { position: relative; margin: 0; padding: 0 20px 0 0; line-height: 1.2; }

.inline-section h2 a { display: block; text-decoration: none; }

.inline-section h2 .feed { position: absolute; top: .1em; right: 0; }

.inline-section p { margin: 0; }

.inline-section ul { margin: .5em 0 0 0; list-style-type: none; }

.visuals { margin: 1em 0; padding: 0; list-style-type: none; overflow: hidden; }
.visuals li { float: left; margin: 0 0 1em 0; width: 150px; height: 150px; }

/** Menu styles */
.menu-default { color: #1b395b; margin-top: 1em; margin-bottom: 1em; list-style-type: disc; }

.menu-default li { margin-bottom: .5em; }

.menu-default li h2 { font-size: 1.2em; }

.menu-default li h2 a { text-decoration: none; }

.menu-default li p { color: #333; }

.menu-rich { margin: 1em 0; list-style-type: none; }
.menu-rich li { float: left; margin: 0 0 1em 30px; width: 195px; height: 100px; }
.menu-rich li a { display: block; width: 100%; height: 100%; }
.menu-rich li .img { display: block; margin: 0 auto; vertical-align: middle; }

.menu-rich li .img { margin: 0 auto; }

/** List styles */
.list-default { color: #1b395b; margin-top: 1em; margin-bottom: 1em; list-style-type: disc; }

.list-default li { margin-bottom: 1em; }

.list-default li h2 { font-size: 1.2em; }

.list-default li h2 a { text-decoration: none; }

.list-default li p { color: #333; }

.list-rich { margin: 1em 0; list-style-type: none; }

.list-rich li { float: left; clear: both; margin-bottom: 1em; width: 100%; }

.list-rich li h2 { font-size: 1.2em; }

.list-rich li h2 a { text-decoration: none; }

.list-rich li .img { float: right; margin: 1.1em 0 .5em .5em; }

.list-rich li p { color: #333; }

/** Group styles */
.group-default { margin: 1em 0; }

.group-default dt h2 a { text-decoration: none; }

.group-rich { margin: 1em 0; }

.group-rich dt h2 a { text-decoration: none; }

.group-rich dd { float: left; clear: both; margin-bottom: 1em; width: 100%; }

.group-rich dd h3 { font-size: 1.2em; }

.group-rich dd h3 a { text-decoration: none; }

.group-rich dd .img { float: right; margin: 1.1em 0 .5em .5em; }

.group-rich dd p { color: #333; }

/** Page and subpage styles */
.linkbox { font-family: arial; font-size: 1.2em; margin: 0 0 1em 0; }

.linkbox ul { color: #1b395b; list-style-type: disc; }

.linkbox ul li { margin-bottom: .5em; }

.linkbox ul li a { text-decoration: none; }

.chapters { color: #1b395b; margin-top: 1em; margin-bottom: 1em; list-style-type: disc; }

.chapters li h2 { font-size: 1.2em; }

.chapters li h2 a { text-decoration: none; }

.chapters li p { color: #333; }

.date { font-style: italic; }

.navbox { margin: 1em 0; text-align: center; }

.navbox .index { margin: 0 2em; }

/** Form styles */
.progress { font-weight: bold; width: 80%; text-align: right; }

.progresstext { color: #1b395b; font-weight: bold; }

.progressbar { width: 79%; height: .7em; margin: 0 0 1em 0; border: 1px solid #1b395b; border-left-width: 5px; background-color: white; }

#progressfill { height: 100%; background-color: #1b395b; }

.basicform { margin: 2em 0; width: 100%; overflow: hidden; }

.basicform fieldset { padding: 1em; }

.basicform input, .basicform textarea, .basicform select { font-family: Arial, Helvetica, sans-serif; font-size: 1em; width: 100%; }

.basicform select { padding: .1em; }

.basicform .radio, .basicform .radio:hover, .basicform .checkbox, .basicform .checkbox:hover { margin-right: .5em; width: auto !important; }

.basicform .element { float: left; clear: both; margin: 0 0 .5em 0; width: 98%; }

.basicform .element .label { float: left; width: 40%; }

.basicform .element .input, .basicform .element .group { float: left; width: 59%; }

.basicform .element .group div { margin: 0; }

.basicform .element .datecal { position: relative; }

.basicform .element .datecal img { position: absolute; top: .4em; right: 0; }

.basicform .header { font-weight: bold; margin: .5em 0 1.5em 0; }

.basicform .submit { position: relative; margin: .5em 0 0 0; z-index: 10; }

.basicform .notice { margin-top: -1.75em; width: 40%; }

.basicform .button { float: right; font-family: arial; font-size: 1.2em; color: #fff; padding: .1em .5em .15em .5em; border: 0; border-radius: .5em; width: auto; background-color: #1b395b; overflow: hidden; -webkit-transition: background-color 0.1s ease-in-out; -moz-transition: background-color 0.1s ease-in-out; -ms-transition: background-color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; }
.basicform .button:hover { background-color: #1b395b; cursor: pointer; }

/** Sitemap styles */
ul.sitemap, ul.sitemap ul { color: #1b395b; margin-bottom: 1em; list-style-type: disc; }

/** Search styles */
#searchform { float: left; clear: both; margin: 1em 0 0 0; width: 100%; }

#searchform label { float: left; margin: .5em 1em 0 0; }

#searchform #q { float: left; margin: .3em 1em 0 0; }

#searchform .button { float: left; font-family: arial; font-size: 1.2em; color: #fff; padding: .1em .5em .15em .5em; border: 0; border-radius: .5em; width: auto; background-color: #1b395b; overflow: hidden; -webkit-transition: background-color 0.1s ease-in-out; -moz-transition: background-color 0.1s ease-in-out; -ms-transition: background-color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; }
#searchform .button:hover { background-color: #1b395b; cursor: pointer; }

#resultsinfo { clear: both; float: left; margin: 1em 0; width: 100%; }

#searchresults { float: left; clear: both; margin: 0 0 1em 0; width: 100%; }

#searchresults dt { float: left; clear: both; margin-top: 1em; }

#searchresults dt .result-number { float: left; display: block; font-weight: bold; width: 20px; }

#searchresults dt a { float: left; font-weight: bold; }

#searchresults dd { float: left; clear: both; padding-left: 20px; }

.navbox-search { clear: both; margin-bottom: 1em; padding: .3em 1em; text-align: center; }

.navbox-search .prev { display: inline-block; }

.navbox-search .next { display: inline-block; margin-left: 1em; }

.navbox-search .pages { display: inline-block; }

.navbox-search .pages a { display: inline-block; font-weight: bold; margin-left: 1em; }

/** Forum and poll styles */
.forum, .topic, .pollarchive { width: 100%; margin: 0 0 2em 0; border: 1px solid #6abebd; }

.forum thead th, .topic thead th, .pollarchive thead th { margin-bottom: .2em; color: #1b395b; background-color: #6abebd; }

.forum tbody th, .forum tbody td, .pollarchive tbody th, .pollarchive tbody td { border-right: 1px solid #6abebd; }

.forum tr, .topic tr, .pollarchive tr { border-bottom: 1px solid #6abebd; }

.forum td, .forum th, .topic td, .topic th, .pollarchive td, .pollarchive th { vertical-align: top; padding: .3em; }

.forum img, .topic img { vertical-align: top; }

.forum p, .pollarchive p { margin-top: 0; }

.forum a, .pollarchive a { font-weight: bold; color: #1b395b; border-color: #1b395b; }

.datetime { white-space: nowrap; }

.post th { border-right: 1px solid #ddd; }

/* special icons for announcements, sticky topics and locked topics */
td.announcement, td.sticky, td.locked, td.default { padding-left: 20px; background-position: 0 5px; background-repeat: no-repeat; }

td.announcement { background-image: url(/assets/idefix/images/default/i_announce.gif); }

td.sticky { background-image: url(/assets/idefix/images/default/i_sticky.gif); }

td.locked { background-image: url(/assets/idefix/images/default/i_locked.gif); }

.announcement { font-weight: bold; }

.locked, .locked a { color: #afafaf; border-color: #afafaf; background-color: #ddd; }

.pollresults { width: 100%; }

.pollresults td { text-align: right; }

.pollresults td span { float: left; }

.pollresults dt, .pollresults dd { margin: .3em 0 0 0; padding: 0; float: left; }

.pollresults dt { clear: both; width: 20%; }

.pollresults dd { width: 20%; }

.pollresult { width: 55% !important; background-color: #6abebd; }

.pollresult div { border: 2px solid #1b395b; height: 1.5em; background-color: #1b395b; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.pollresults, #pollform { margin-bottom: 2em; overflow: hidden; }

/** Jargon styles */
#jargonlink { display: block; font-weight: bold; margin-bottom: 1em; }

.jargonterm { cursor: help; font-weight: bold; border-bottom: dotted 1px #333; }

/** Ecard styles */
#ecardlist { margin: 0; padding: 0; list-style-type: none; }

#ecardlist li { float: left; margin: 0 1em 1em 0; }

#ecardlist li img { display: block; }

.ecardview img { margin-bottom: 1em; }

.ecardview .message { margin: 0 0 1em 0; }

/** Feedback styles */
#feedback { clear: both; border: 1px dashed #1b395b; margin: 1em 0; background-color: #ffa; overflow: hidden; }

#feedback h3 { margin: .5em .5em 0 .5em; }

#feedback-content { margin: 0 .5em .5em .5em; }

#feedbackform { float: left; clear: both; margin: 0 0 .5em 0; width: 70%; }

#feedbackform textarea { width: 100%; }

#feedbackform label { float: left; margin-bottom: .5em; width: 30%; }

#feedbackform input { float: left; margin-bottom: .5em; width: 65%; }

#feedbackform .button { font-weight: bold; color: #1b395b; padding: .2em .5em; width: auto; background-color: #ddd; overflow: hidden; }

#feedbackform .button:hover { color: #1b395b; cursor: pointer; }

/** Plugin-styles: - slideshow - maps - datepicker - preview */
/* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }

#cboxOverlay { position: fixed; width: 100%; height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft { clear: left; }

#cboxContent { position: relative; }

#cboxLoadedContent { overflow: auto; }

#cboxTitle { margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

.cboxPhoto { float: left; margin: auto; border: 0; display: block; }

.cboxIframe { width: 100%; height: 100%; display: block; border: 0; }

/*  User Style: Change the following styles to modify the appearance of ColorBox.  They are ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay { background-color: #fff; }

#cboxTopLeft { width: 15px; height: 15px; }

#cboxTopRight { width: 15px; height: 15px; }

#cboxBottomLeft { width: 15px; height: 15px; }

#cboxBottomRight { width: 15px; height: 15px; }

#cboxMiddleLeft { width: 15px; }

#cboxMiddleRight { width: 15px; }

#cboxTopCenter { height: 15px; }

#cboxBottomCenter { height: 15px; }

#cboxContent { background: #fff; background: rgba(255, 255, 255, 0.9); }

#cboxError { padding: 50px; border: 1px solid #ccc; }

#cboxLoadedContent { padding: 10px 10px 40px 10px; border: 1px solid #e2dede; }

#cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; }

#cboxCurrent { position: absolute; bottom: 10px; right: 10px; color: #333; padding: 2px 5px; border-radius: 5px; background-color: #e2dede; }

#cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; }

#cboxPrevious { position: absolute; top: 40%; left: 20px; background: transparent url(/assets/idefix/images/default/colorbox/prev.png) no-repeat left top; width: 31px; height: 69px; text-indent: -9999px; }

#cboxNext { position: absolute; top: 40%; right: 20px; background: transparent url(/assets/idefix/images/default/colorbox/next.png) no-repeat left top; width: 31px; height: 69px; text-indent: -9999px; }

#cboxLoadingOverlay { background: url(/assets/idefix/images/default/colorbox/loading_background.png) no-repeat center center; }

#cboxLoadingGraphic { background: url(/assets/idefix/images/default/colorbox/loading.gif) no-repeat center center; }

#cboxClose { position: absolute; top: -15px; right: -15px; background: transparent url(/assets/idefix/images/default/colorbox/close.png) no-repeat left top; width: 34px; height: 34px; text-indent: -9999px; }

/* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }

/* The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft { background: url(/assets/idefix/images/default/colorbox/ie6/borderTopLeft.png); }

.cboxIE6 #cboxTopCenter { background: url(/assets/idefix/images/default/colorbox/ie6/borderTopCenter.png); }

.cboxIE6 #cboxTopRight { background: url(/assets/idefix/images/default/colorbox/ie6/borderTopRight.png); }

.cboxIE6 #cboxBottomLeft { background: url(/assets/idefix/images/default/colorbox/ie6/borderBottomLeft.png); }

.cboxIE6 #cboxBottomCenter { background: url(/assets/idefix/images/default/colorbox/ie6/borderBottomCenter.png); }

.cboxIE6 #cboxBottomRight { background: url(/assets/idefix/images/default/colorbox/ie6/borderBottomRight.png); }

.cboxIE6 #cboxMiddleLeft { background: url(/assets/idefix/images/default/colorbox/ie6/borderMiddleLeft.png); }

.cboxIE6 #cboxMiddleRight { background: url(/assets/idefix/images/default/colorbox/ie6/borderMiddleRight.png); }

.cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); }

/* slideshow inline */
#slideshow-controls { clear: both; margin-bottom: 1em; }

#slideshow-controls .prev { float: left; }

#slideshow-controls .next { float: right; }

.inline-slideshow { cursor: pointer; }

/* imageflow */
#overlay { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #333; z-index: 90; opacity: 0.8; zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); }

#overlay-imageflow { position: absolute; top: 0; left: 0; bottom: 0; margin-top: -75px; width: 100%; height: 100%; z-index: 95; }

#close-button { position: absolute; top: 100px; right: 50px; width: 34px; height: 34px; background: transparent url(/assets/idefix/images/default/imageflow.png) no-repeat left top; z-index: 999; cursor: pointer; }

#overlay-content { position: absolute; padding: 20px; width: 600px; background-color: white; z-index: 91; -moz-border-radius: 12px 12px 12px 12px; -moz-box-shadow: 0 0 40px #333333; }

.imageflow { position: relative; width: 100%; text-align: left; visibility: hidden; overflow: hidden; }

.imageflow img { position: absolute; top: 0; border: none; visibility: hidden; -ms-interpolation-mode: bicubic; /* Enables bicubic image resampling for the IE7 */ }

.imageflow p { margin: 0 auto; text-align: center; }

.imageflow .loading { position: relative; left: 50%; margin-left: -106px; padding: 5px; border: 1px solid white; width: 200px; height: 15px; visibility: visible; }

.imageflow .loading_bar { width: 1%; height: 15px; background: #fff; visibility: visible; }

.imageflow .navigation { margin-top: 75px; z-index: 13330; }

.imageflow .caption { position: relative; font-weight: bold; text-align: center; z-index: 13331; }

.imageflow .scrollbar { position: relative; border-bottom: 1px solid #b3b3b3; height: 1px; visibility: hidden; z-index: 13332; }

.imageflow .slider { position: absolute; margin: -6px 0 0 -7px; width: 14px; height: 14px; background: transparent url(/assets/idefix/images/default/imageflow.png) no-repeat 0 -45px; z-index: 13333; }

.navigation .slideshow { position: relative; margin: 10px auto; width: 14px; height: 14px; z-index: 13333; cursor: pointer; }

.imageflow .slideshow.pause { background: transparent url(/assets/idefix/images/default/imageflow.png) no-repeat 0 -93px; }

.imageflow .slideshow.play { background: transparent url(/assets/idefix/images/default/imageflow.png) no-repeat 0 -115px; }

.imageflow .images { overflow: hidden; white-space: nowrap; }

.imageflow .button { position: relative; width: 17px; height: 17px; cursor: pointer; }

.imageflow .previous { float: left; margin: -7px 0 0 -30px; background: transparent url(/assets/idefix/images/default/imageflow.png) no-repeat 0 -136px; }

.imageflow .next { float: right; margin: -7px -30px 0 30px; background: transparent url(/assets/idefix/images/default/imageflow.png) no-repeat 0 -116px; }

/* maps */
#map_canvas { margin-bottom: 1em; }

#toggle_panoramio { color: #333; margin-top: 5px; padding: 2px 6px; border: 1px solid #717b87; background-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); cursor: pointer; }

#toggle_panoramio.selected { font-weight: bold; }

#route { margin-bottom: 1em; }

#route p.total-distance { margin: 1em 0; text-align: right; }

#route h3 { margin: 1em 0 0 0; padding: .5em; border: 1px solid #666; background-color: #ddd; }

#route ol { list-style: inset; }

#route ol li { border-top: 1px dotted #666; }

#route ol li p.distance { text-align: right; }

/* datepicker */
.ui-datepicker { padding: .2em; width: 200px; background-color: #6abebd; }

.ui-datepicker select { width: 50%; }

.ui-datepicker table { width: 100%; }

.ui-datepicker table th, .ui-datepicker table td { padding: .1em .2em; }

/* preview bar */
#preview-bar { position: fixed; left: 0; right: 0; top: 0; margin: 0; padding: 0; border-bottom: 2px solid #1b395b; text-align: center; background-color: white; z-index: 3; }

#preview-bar #previewselect { margin: 0; padding: .5em 0; background-color: #ffa; opacity: .5; }

#preview-bar:hover #previewselect { opacity: .8; }

#preview-bar #previewselect input, #preview-bar #previewselect select { margin: 0 1em; }

/** Very often used classes */
.semicolumn { float: left; margin-left: 4%; width: 48%; }

.semicolumn.first { margin-left: 0; }

.notice { float: left; clear: both; font-family: arial; color: #1b395b; margin: 1em 0 0 0; padding: 0; width: 100%; }

/** Specific styles for other browsers (most commonly IE) */
.ie7 #quicksearch input#q, .ie8 #quicksearch input#q { padding: .25em .5em; }

.ie7 #mainnav ul.subnav, .ie8 #mainnav ul.subnav { background-color: #c0d233; }

.ie7 #footernav, .ie8 #footernav { padding: 15px 29px 30px 29px; border: 1px solid #666666; border-width: 0 1px 1px 1px; }

.ie7 #quicksearch .submit { padding: 0 .25em 0 .25em; }

.ie7 #quicksearch input#q { padding: .4em .5em .3em .5em; }

/** Make a nice scalable layout when viewed on smaller screens (ipads get the full desktop experience) - this is not optimized, just some stuff you can work on - header, breadcrumbs and aside are not displayed  */
@media only screen and (max-width: 980px) { #header { width: auto; }
  #logo { float: none; margin: 0 1em; }
  #logo img { margin: 1em auto; max-width: 100%; height: auto; }
  .event-date { position: relative; top: auto; right: auto; width: 100%; text-align: center; }
  .superbanner { display: none; }
  #globalnav { display: none; }
  #countdown { position: relative; bottom: auto; right: auto; font-size: 1.1em; margin: 1em; text-align: center; }
  #countdown h2 { text-align: center; }
  .header-slides-container .overlay { display: none; }
  #mainnav-container-inner { width: auto; }
  #mainnav h2 { display: block; color: #fff; margin: .5em 0; cursor: pointer; text-align: center; }
  #mainnav h2 span { display: inline-block; padding-left: 40px; background: transparent url(/assets/idefix/images/default/icon_menu.png) no-repeat left center; text-shadow: 0 2px 0 #666666; }
  #mainnav ul { display: none; }
  #mainnav.open ul { display: block; }
  #mainnav ul li { float: none; }
  #mainnav ul.subnav, #mainnav ul li:hover ul.subnav { display: none; }
  .header-slides-container-inner { width: auto; }
  #container { width: auto; }
  #breadcrumbs { display: none; }
  #article { float: none; width: auto; }
  #aside { float: none; margin: 0 30px; width: auto; }
  .inline-sections { float: none; width: 100%; }
  .inline-section, .follow-us { float: left; margin: 1em 5% 1em 0; width: 45%; }
  .inline-section:nth-child(odd) { clear: left; }
  .inline-section img { width: 100%; height: auto; }
  .menu-rich li { float: left; margin: 0 1em 1em 0; width: auto; }
  #footernav { margin-left: 15px; margin-right: 15px; padding: 15px; width: auto; }
  #sponsors { display: none; } }
@media only screen and (max-width: 360px) { .header-slides-container { display: none; }
  .inline-sections { float: none; }
  .inline-section, .follow-us { float: none; margin: 1em 0; width: auto; } }