@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700,300);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

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

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

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

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

/* Mixins are slightly modified from Benjamin Doherty's first implementations: http://gist.github.com/377912 rgba-background mixin can now be passed an option $dir variable
*/
.button-layout01, button, a.button { border: none; height: 36px; line-height: 36px; margin: 0 0; padding: 0 26px; cursor: pointer; text-transform: uppercase; font-size: 1.1em; }

.button-layout02, #featured-text a.button { border: none; height: 54px; line-height: 54px; margin: 0 0; padding: 0 26px; cursor: pointer; text-transform: uppercase; font-size: 1.3em; }

.button-layout03 { border: none; height: 24px; line-height: 24px; margin: 0 0; padding: 0 12px; cursor: pointer; text-transform: uppercase; font-size: 0.9em; }

.button-style01, button, a.button { background: #00ace6; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00ace6), color-stop(100%, #0095c7)); background-image: -webkit-linear-gradient(#00ace6, #0095c7); background-image: -moz-linear-gradient(#00ace6, #0095c7); background-image: -o-linear-gradient(#00ace6, #0095c7); background-image: linear-gradient(#00ace6, #0095c7); color: white; -webkit-box-shadow: #00394d 0 1px 1px; -moz-box-shadow: #00394d 0 1px 1px; box-shadow: #00394d 0 1px 1px; text-shadow: #006f94 0 1px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.button-style01:hover, button:hover, a.button:hover { color: white; background: #00b4f0; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00b8f5), color-stop(100%, #0095c7)); background-image: -webkit-linear-gradient(#00b8f5, #0095c7); background-image: -moz-linear-gradient(#00b8f5, #0095c7); background-image: -o-linear-gradient(#00b8f5, #0095c7); background-image: linear-gradient(#00b8f5, #0095c7); }
.button-style01:active, button:active, a.button:active { position: relative; top: 1px; }

.button-style02, #featured-text a.button { background: #2b3036; color: white; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-shadow: #070808 0 1px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.button-style02:hover, #featured-text a.button:hover { color: white; background: #009dd1; }
.button-style02:active, #featured-text a.button:active { position: relative; top: 1px; }

.webfont-headers, p.lead, h1, h2, h3, h4, h5, h6, .title, .home-section-header, #featured-sections header, #featured-bottom-left header, #featured-bottom-center header, #featured-bottom-right header, .foldernav .details a.title, .webfont-text, body { font-family: "Open Sans", Helvetica, Arial, sans-serif; }

body { margin: 0; font-size: 13px; line-height: 1.4em; color: #727a83; }

p { font-size: 1em; line-height: 1.5em; margin-top: 1.5em; margin-bottom: 1.5em; }
p.lead { color: #5a6168; font-size: 1.2em; line-height: 1.5em; margin-top: 1em; }

h1, h2, h3, h4, h5, h6 { font-weight: 500; height: auto; line-height: 1.3em; color: #20272d; }

h1 { font-size: 2.6em; margin-bottom: 0.4em; }

h2 { font-size: 1.8em; }

h3 { font-size: 1.4em; }

h4 { font-size: 1.2em; }

#sidebar h3 { text-transform: uppercase; font-weight: 600; }

a { color: #20272c; text-decoration: none; }
a:hover { color: #009dd1; }

.title { font-weight: bold; }

img { display: block; }

.article-description strong { font-weight: bold; }
.article-description em { font-style: italic; }
.article-description pre { display: inline; }
.article-description ol, .article-description ul { margin: 1.5em 0 1.5em 0; overflow: hidden; padding-left: 2.5em; }
.article-description ul { list-style: disc; }
.article-description ol { list-style-type: decimal; }

body { background: #22262a; }

#globalContainer { background: #f9fafb; padding-bottom: 36px; position: relative; min-width: 960px; }

header[role=banner] { position: relative; z-index: 4; background: white; -webkit-box-shadow: #20272d 0 0 12px; -moz-box-shadow: #20272d 0 0 12px; box-shadow: #20272d 0 0 12px; margin-bottom: 374px; }
header[role=banner] div.container { *zoom: 1; max-width: 960px; _width: 960px; padding-left: 0px; padding-right: 0px; margin-left: auto; margin-right: auto; position: relative; height: 95px; }
header[role=banner] div.container:after { content: ""; display: table; clear: both; }
header[role=banner] #logoHeader { position: absolute; top: 8px; left: 0; }
header[role=banner] #logoHeader span { display: block; text-indent: -119988px; overflow: hidden; text-align: left; background-image: url('../images/../images/skin/logoHeader.png?1363781843'); background-repeat: no-repeat; background-position: 50% 50%; width: 291px; height: 76px; }
header[role=banner] nav#userHelpers { position: absolute; top: 6px; right: 16px; z-index: 10; }
header[role=banner] nav#userHelpers:after { content: ""; clear: both; }
header[role=banner] nav#userHelpers.empty { display: none; }
header[role=banner] #quicksearch, header[role=banner] #langnav { float: left; }
header[role=banner] #quicksearch { background: #e6e8eb; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 3px 6px; margin-right: 8px; }
header[role=banner] #quicksearch input, header[role=banner] #quicksearch button { background: none; border: none; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; padding: 3px 2px; }
header[role=banner] #quicksearch input { height: 17px; line-height: 17px; padding: 0px 4px; font-size: 0.9em; }
header[role=banner] #quicksearch input:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

#mainContent { position: relative; z-index: 3; }
#mainContent div.container { *zoom: 1; max-width: 960px; _width: 960px; padding-left: 0px; padding-right: 0px; margin-left: auto; margin-right: auto; }
#mainContent div.container:after { content: ""; display: table; clear: both; }

footer[role=contentinfo] { *zoom: 1; max-width: 960px; _width: 960px; padding-left: 0px; padding-right: 0px; margin-left: auto; margin-right: auto; min-width: 960px; clear: both; color: #b8bfc6; font-size: 0.85em; padding-top: 1.5em; margin-bottom: 18px; font-weight: 100; position: relative; }
footer[role=contentinfo]:after { content: ""; display: table; clear: both; }
footer[role=contentinfo] h4 { text-transform: uppercase; color: white; margin-bottom: 0.6em; font-size: 1.8em; }
footer[role=contentinfo] p { margin: 0; }
footer[role=contentinfo] section.contacts, footer[role=contentinfo] section.socialLinks, footer[role=contentinfo] section.socialLinks { float: left; padding: 16px; }
footer[role=contentinfo] section.contacts section.address, footer[role=contentinfo] section.contacts section.phones { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; vertical-align: top; padding-right: 16px; }
footer[role=contentinfo] section.copyright { width: 100%; float: left; margin-right: 1.25%; display: inline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #343a41; padding: 18px 16px; margin: 9px 0; font-size: 0.85em; color: #828f9b; }
footer[role=contentinfo] a.backTop { display: block; text-indent: -119988px; overflow: hidden; text-align: left; background-image: url('../images/../images/layout/backTop.png?1363781749'); background-repeat: no-repeat; background-position: 50% 50%; width: 53px; height: 53px; position: absolute; top: -45px; right: 0; cursor: pointer; }

.socialLinks ul { padding: 0; }
.socialLinks ul li { list-style: none; display: inline; }
.socialLinks ul span { display: none; }
.socialLinks ul a { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
.socialLinks ul i { font-size: 3.6em; width: 1em; height: 1em; }
.socialLinks ul a { color: #727a83; position: relative; z-index: 1; }
.socialLinks ul a:hover { color: #009dd1; }
.socialLinks ul a:hover:before { content: ""; position: absolute; top: 4%; left: 4%; width: 85%; height: 85%; background: white; z-index: -1; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }

#footer-webipack { display: block; text-indent: -119988px; overflow: hidden; text-align: left; background-image: url('../images/../images/layout/webipack.png?1363781749'); background-repeat: no-repeat; background-position: 50% 50%; width: 102px; height: 26px; position: absolute; right: 26px; bottom: 12px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; z-index: 10; }
#footer-webipack:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.home-section-header, #featured-sections header, #featured-bottom-left header, #featured-bottom-center header, #featured-bottom-right header { font-size: 1.5em; padding: 0.8em 0; text-transform: uppercase; color: #20272d; }

#contentBanner { position: absolute; top: 95px; left: 0; width: 100%; height: 374px; z-index: 3; overflow-x: hidden; background: #b3b9c1; }
#contentBanner #contentBanner-items { width: 1500px; height: 374px; position: absolute; top: 0; left: 50%; margin-left: -750px; z-index: -1; overflow: visible; }
#contentBanner .mask, #contentBanner .mask2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#contentBanner .item { position: absolute; top: 0; left: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; width: 100%; height: 100%; }
#contentBanner .item.single-item { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
#contentBanner .details { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 24px; left: 50%; margin-left: -486px; width: 560px; height: 326px; position: absolute; z-index: 10; }
#contentBanner .details h1 span { background: url('../images/rgbapng/009dd1cc.png?1363632493'); background: rgba(0, 157, 209, 0.8); color: white; margin: 0; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
#contentBanner .details h1 { font-size: 1.8em; width: 560px; height: 326px; display: table-cell; vertical-align: middle; }
#contentBanner .details h1 span { line-height: 1.1em; padding: 16px 24px; width: auto; }
#contentBanner .details h1 a { color: white; }
#contentBanner .trigger { position: absolute; top: 0; left: 0; z-index: 11; width: 100%; height: 100%; text-indent: -119988px; overflow: hidden; text-align: left; outline: none; }
#contentBanner:hover nav.links a.prev, #contentBanner:hover nav.links a.next { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }
#contentBanner nav.links a { position: absolute; z-index: 99; top: 0; display: block !important; width: 46px; height: 374px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; -webkit-transition: opacity; -moz-transition: opacity; -o-transition: opacity; transition: opacity; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; font-size: 2em; margin: 0; color: white; }
#contentBanner nav.links a:before { position: absolute; top: 0; border: 1px solid red; }
#contentBanner nav.links a span { position: absolute; top: 50%; margin-top: -0.3em; width: 100%; text-align: center; display: block; background: black; font-size: 2em; line-height: 1; }
#contentBanner nav.links a.next { right: 0; }
#contentBanner nav.links a.prev:hover, #contentBanner nav.links a.next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

#featured-text { font-size: 1.2em; padding: 1.5em 0; background: #e6e8eb; }
#featured-text h1 { color: #20272d; }
#featured-text h1 a { color: #20272d; }
#featured-text h1 a:hover { color: #20272c; }
#featured-text p { margin: 0; }
#featured-text .items { *zoom: 1; max-width: 960px; _width: 960px; padding-left: 0px; padding-right: 0px; margin-left: auto; margin-right: auto; }
#featured-text .items:after { content: ""; display: table; clear: both; }
#featured-text .item { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
#featured-text .item.single-item { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
#featured-text .item .details { width: 960px; display: table-cell; height: 115px; vertical-align: middle; }
#featured-text a.button { float: right; margin: 1.5em 24px; }

#featured-sections nav, #featured-sections div.navi, #featured-bottom-left nav, #featured-bottom-left div.navi, #featured-bottom-center nav, #featured-bottom-center div.navi, #featured-bottom-right nav, #featured-bottom-right div.navi { display: none; }
#featured-sections nav a, #featured-sections div.navi a, #featured-bottom-left nav a, #featured-bottom-left div.navi a, #featured-bottom-center nav a, #featured-bottom-center div.navi a, #featured-bottom-right nav a, #featured-bottom-right div.navi a { font-size: 1.2em; padding: 0 0.15em; }
#featured-sections.active-slider nav, #featured-sections.active-slider div.navi, #featured-bottom-left.active-slider nav, #featured-bottom-left.active-slider div.navi, #featured-bottom-center.active-slider nav, #featured-bottom-center.active-slider div.navi, #featured-bottom-right.active-slider nav, #featured-bottom-right.active-slider div.navi { display: block; }
#featured-sections a, #featured-bottom-left a, #featured-bottom-center a, #featured-bottom-right a { cursor: pointer; }
#featured-sections a.disabled, #featured-bottom-left a.disabled, #featured-bottom-center a.disabled, #featured-bottom-right a.disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; cursor: default; }

.featured-sections-container { background: #f1f2f4; padding: 1.5em 0; margin-bottom: 1.5em; }

#featured-sections { width: 972px; height: 410px; position: relative; overflow: hidden !important; margin: 0 auto; }
#featured-sections header { font-size: 1.8em; padding-left: 6px; }
#featured-sections #featured-sections-items { width: 20000em; position: absolute; }
#featured-sections #featured-sections-items div.item { position: relative; float: left; width: 972px; }
#featured-sections article { float: left; width: 231px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; margin: 0 6px; }
#featured-sections article:hover .details { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
#featured-sections figure { position: relative; }
#featured-sections figure .thumb { display: block; position: relative; }
#featured-sections figure .thumb:after { position: absolute; bottom: -20px; left: 0; content: " "; display: block; width: 100%; height: 20px; background: url("../images/layout/featured-sections.bg01.png") no-repeat bottom center; background-size: 100% 20px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
#featured-sections .details { position: relative; z-index: 2; padding: 2em 0 1em 0; }
#featured-sections .details .title { font-size: 1.1em; }
#featured-sections nav { width: auto; position: absolute; top: 14px; right: 6px; font-size: 1.3em; }
#featured-sections nav a { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
#featured-sections div.navi { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; }
#featured-sections div.navi a { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin: 0 0.1em; color: #999999; }
#featured-sections div.navi a:before { font-family: 'icons'; }
#featured-sections div.navi a.active { color: #009dd1; }

#featured-bottom-left nav, #featured-bottom-center nav, #featured-bottom-right nav { width: auto; position: absolute; top: 14px; right: 6px; }
#featured-bottom-left nav a, #featured-bottom-center nav a, #featured-bottom-right nav a { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
#featured-bottom-left p, #featured-bottom-center p, #featured-bottom-right p { margin: 0; }

#featured-bottom-left { width: 32.5%; float: left; margin-right: 1.25%; display: inline; margin-right: 54px; height: 260px; overflow: hidden; position: relative; }
#featured-bottom-left #featured-bottom-left-items { width: 20000em; height: 154px; position: absolute; }
#featured-bottom-left #featured-bottom-left-items div.item { position: relative; float: left; width: 312px; }
#featured-bottom-left article .thumb { float: left; margin: 0 18px 9px 0; }

#featured-bottom-center { width: 32.5%; float: left; margin-right: 1.25%; display: inline; margin-right: 54px; height: 260px; overflow: hidden; position: relative; }
#featured-bottom-center #featured-bottom-center-items { width: 20000em; height: 154px; position: absolute; }
#featured-bottom-center #featured-bottom-center-items div.item { position: relative; float: left; width: 312px; }
#featured-bottom-center .title { display: block; border-bottom: 1px solid #ebebeb; padding: 9px 0; }

#featured-bottom-right { width: 21.25%; float: right; margin-right: 0; *margin-left: -12px; display: inline; height: 310px; overflow: hidden; position: relative; }
#featured-bottom-right header { padding-right: 55px; }
#featured-bottom-right #featured-bottom-right-items { width: 20000em; height: 154px; position: absolute; }
#featured-bottom-right #featured-bottom-right-items div.item { position: relative; float: left; width: 204px; }
#featured-bottom-right .details a.title { display: block; margin: 0 0 0.8em 0; }
#featured-bottom-right .thumb { display: block; margin-bottom: 1em; }

.it-articles header[role="banner"], .it-search header[role="banner"] { margin-bottom: 165px; }
.it-articles #contentBanner, .it-search #contentBanner { border-bottom: 4px solid #e6e8eb; height: 95px; text-align: center; }
.it-articles #contentBanner img, .it-search #contentBanner img { margin: 0 auto; }
.it-articles #mainContent, .it-search #mainContent { *zoom: 1; max-width: 960px; _width: 960px; padding-left: 0px; padding-right: 0px; margin-left: auto; margin-right: auto; position: relative; }
.it-articles #mainContent:after, .it-search #mainContent:after { content: ""; display: table; clear: both; }
.it-articles #content, .it-search #content { width: 71.875%; float: right; margin-right: 0; *margin-left: -12px; display: inline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.it-articles #sidebar, .it-search #sidebar { width: 26.875%; float: left; margin-right: 1.25%; display: inline; padding-top: 16px; }

#related-contents { clear: both; position: relative; }

.it-search #mainContent #content { *zoom: 1; max-width: 960px; _width: 960px; padding-left: 0px; padding-right: 0px; margin-left: auto; margin-right: auto; }
.it-search #mainContent #content:after { content: ""; display: table; clear: both; }

.placeholder { background: url("../images/layout/placeholder.bg.jpg") no-repeat center; border: 1px solid #ebebeb; }

#gallery-static { width: 280px; height: 210px; float: left; margin: 0 20px 10px 0; position: relative; top: 6px; }
#gallery-static .ppy-imglist { position: absolute; top: -1000em; left: -1000em; }
#gallery-static .ppy-outer { display: none; }
#gallery-static .ppy-active .ppy-outer { display: block; }
#gallery-static .ppy-stage { background-repeat: no-repeat !important; background-position: center center !important; position: relative; }
#gallery-static .ppy-placeholder { position: relative; }
#gallery-static .ppy-caption, #gallery-static .ppy-captionwrap { overflow: hidden; }
#gallery-static .ppy-hidden { display: none !important; }
#gallery-static .ppy-imglist { width: 100%; display: block; overflow: hidden; }
#gallery-static .ppy-imglist li { padding: 10px; border: 1px solid #f0f0f0; background: white; list-style: none; float: left; display: block; margin: 0; }
#gallery-static .ppy-imglist li a img { display: block; border: 0; }
#gallery-static .ppy-extcaption { width: 280px; display: block; }
#gallery-static .ppy-imglist li { width: 280px; }
#gallery-static .ppy-active { float: left; }
#gallery-static .ppy-outer { padding: 0px; }
#gallery-static .ppy-stage { width: 280px; height: 210px; cursor: pointer; }
#gallery-static .ppy-outer:hover, #gallery-static .ppy-expanded .ppy-outer { -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 7px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 7px; box-shadow: rgba(0, 0, 0, 0.3) 0 0 7px; }
#gallery-static .ppy-caption { background: #e6e8eb; margin: 5px 0 0 0; padding: 10px; font-size: 0.9em; line-height: 1.3em; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 7px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 7px; box-shadow: rgba(0, 0, 0, 0.3) 0 0 7px; visibility: hidden; }
#gallery-static .ppy-counter { padding: 0 0 2px 0; margin: 0 0 5px 0; font-size: 0.9em; }
#gallery-static .ppy-stagewrap { background: #e6e8eb; }
#gallery-static .ppy-loading { background: url(../images/plugins/popeye/loading1.gif) no-repeat center !important; }
#gallery-static .ppy-nav { width: auto; position: absolute; top: 0; right: 0; padding: 6px; }
#gallery-static .ppy-nav a { display: block; overflow: hidden; text-indent: -900em; height: 22px; float: left; }
#gallery-static .ppy-prev { width: 22px; background: url(../images/plugins/popeye/prev3.png) no-repeat center; }
#gallery-static .ppy-next { width: 22px; background: url(../images/plugins/popeye/next3.png) no-repeat center; }
#gallery-static .ppy-switch-enlarge { width: 30px; background: url(../images/plugins/popeye//enlarge3.png) no-repeat center; }
#gallery-static .ppy-switch-compact { width: 30px; background: url(../images/plugins/popeye/compact3.png) no-repeat center; }
#gallery-static .ppy-nav a:hover { cursor: pointer; }
#gallery-static #gallery-static-container { margin: 0 20px 10px 0; }
#gallery-static:after { content: " "; position: absolute; bottom: -20px; left: 0; width: 100%; height: 20px; background: url("../images/layout/gallery-static.bg.png") no-repeat bottom center; background-size: 100% 20px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; }
#gallery-static .ppy-nav { background: url('../images/rgbapng/009dd1b3.png?1363632493'); background: rgba(0, 157, 209, 0.7); top: 3px; right: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
#gallery-static .ppy-nav:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; }
#gallery-static .ppy-nav a { margin: 0 3px; }
#gallery-static .ppy-counter { color: #999999; border-bottom: 1px solid #dadde1; }

.gallery-slide { position: relative; margin: 3em 0; height: 500px; background: #e6e8eb; clear: both; }
.gallery-slide a { display: none; }
.gallery-slide:after { content: " "; position: absolute; bottom: -30px; left: 0; width: 100%; height: 30px; background: url("../images/layout/galleriaslide.bg.png") no-repeat left center; background-size: 100% 30px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.gallery-slide .galleria-container { background: none; }
.gallery-slide .galleria-image { background: #adb3bd; }
.gallery-slide .galleria-thumbnails .galleria-image { background: #e6e8eb; border: 1px solid #c9cdd4; }

.ie8 .gallery-slide:after { background: none; }

#notifications { display: none; }
#notifications li { padding: 9px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px; box-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px; }
#notifications li.warning, #notifications li.error { background: #b93c4f; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c64e60), color-stop(100%, #a23445)); background-image: -webkit-linear-gradient(#c64e60, #a23445); background-image: -moz-linear-gradient(#c64e60, #a23445); background-image: -o-linear-gradient(#c64e60, #a23445); background-image: linear-gradient(#c64e60, #a23445); border-top: 1px solid #c9596a; border-bottom: 1px solid #963140; color: white; }
#notifications li.success, #notifications li.notive { background: #55c35e; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6ccb74), color-stop(100%, #41b94b)); background-image: -webkit-linear-gradient(#6ccb74, #41b94b); background-image: -moz-linear-gradient(#6ccb74, #41b94b); background-image: -o-linear-gradient(#6ccb74, #41b94b); background-image: linear-gradient(#6ccb74, #41b94b); border-top: 1px solid #77cf7e; border-bottom: 1px solid #3dae46; color: white; }

.base-index #notifications { width: 960px; margin: 0 auto 9px auto; }

table { width: 100%; }

.datatable .title, table.articles-list .title, table.search-results-list .title, .related-links-list .title, .related-files-list .title, .related-media-list .title { display: block; font-size: 1.3em; }
.datatable p, table.articles-list p, table.search-results-list p, .related-links-list p, .related-files-list p, .related-media-list p { margin: 0; }

table.articles-list { clear: both; margin-bottom: 3em; }
table.articles-list caption { position: relative; }
table.articles-list a.thumb { position: relative; z-index: 3; }
table.articles-list img.thumb { border: none; }
table.articles-list p { text-indent: 0; position: relative; margin: 0; }
table.articles-list a { text-decoration: none; }
table.articles-list .title { display: block; position: relative; }
table.articles-list tbody td { vertical-align: top; }
table.articles-list a.thumb, table.articles-list div.thumb { float: left; margin-left: 0px; }
table.articles-list td { padding: 24px 0; cursor: pointer; }
table.articles-list a.thumb { position: relative; overflow: visible !important; border: none !important; margin-right: 24px; }
table.articles-list a.thumb:after { content: " "; position: absolute; bottom: -18px; left: 0; width: 100%; height: 20px; background: url("../images/layout/foldernav.bg.png") no-repeat bottom center; background-size: 100% 20px; z-index: -1; }
table.articles-list .details { display: table-cell; height: 156px; vertical-align: middle; }
table.articles-list .title { font-weight: bold; margin-bottom: 1em; }

table.search-results-list { clear: both; margin: 1.5em -8px; }
table.search-results-list caption { position: relative; }
table.search-results-list a.thumb { position: relative; z-index: 3; }
table.search-results-list img.thumb { border: none; }
table.search-results-list p { text-indent: 0; position: relative; margin: 0; }
table.search-results-list a { text-decoration: none; }
table.search-results-list .title { display: block; position: relative; }
table.search-results-list tbody td { vertical-align: top; }
table.search-results-list a.thumb, table.search-results-list div.thumb { float: left; margin-left: 0px; }
table.search-results-list td { padding: 12px 8px; width: 50%; }
table.search-results-list .title { font-size: 1em; }
table.search-results-list a.thumb { margin-right: 1em; }
table.search-results-list .details { height: 90px; display: table-cell; vertical-align: middle; padding: 0; }

#related-articles, #related-categories { position: relative; overflow: hidden; width: 666px; height: 210px; }
#related-articles h4, #related-categories h4 { margin: 0 6px 1em 6px; border-bottom: 1px solid #d7dbdf; color: #999999; font-size: 1.1em; }
#related-articles .thumb, #related-categories .thumb { display: block; position: relative; float: left; margin-bottom: 0.8em; }
#related-articles .thumb:after, #related-categories .thumb:after { content: " "; position: absolute; bottom: -16px; left: 0; width: 100%; height: 16px; background: url("../images/layout/articleslist.bg.png") no-repeat bottom center; background-size: 100% 20px; }
#related-articles .title, #related-categories .title { font-size: 0.9em; font-weight: bold; }
#related-articles .items, #related-categories .items { width: 20000em; position: absolute; }
#related-articles .items .item, #related-categories .items .item { float: left; width: 666px; }
#related-articles .items article, #related-categories .items article { float: left; width: 166px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 6px; }
#related-articles .navi a, #related-articles nav a, #related-categories .navi a, #related-categories nav a { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
#related-articles .navi, #related-categories .navi { display: none; }
#related-articles nav, #related-categories nav { position: absolute; right: 0; bottom: 0; background: #009dd1; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; padding: 2px 5px; }
#related-articles nav a, #related-categories nav a { cursor: pointer; color: white; font-size: 1.3em; }
#related-articles nav a.prev, #related-categories nav a.prev { border-right: 1px solid #00b4f0; }
#related-articles nav a.disabled, #related-categories nav a.disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; cursor: default; }
#related-articles nav, #related-articles .navi, #related-categories nav, #related-categories .navi { display: none; }
#related-articles.active-slider nav, #related-articles.active-slider .navi, #related-categories.active-slider nav, #related-categories.active-slider .navi { display: block; }

.scrollable-container + .scrollable-container { margin-top: 2em; }

.related-links-list td, .related-files-list td, .related-media-list td { padding: 16px 0; border-bottom: 1px solid #d5d8dd; }
.related-links-list tr:first-child td, .related-files-list tr:first-child td, .related-media-list tr:first-child td { padding-top: 0; }
.related-links-list tr:last-child td, .related-files-list tr:last-child td, .related-media-list tr:last-child td { border: none; padding-bottom: 0; }
.related-links-list .title, .related-files-list .title, .related-media-list .title { font-weight: bold; }
.related-links-list .description, .related-files-list .description, .related-media-list .description { font-size: 0.9em; }
.related-links-list .url, .related-files-list .url, .related-media-list .url { font-size: 0.75em; color: #999999; margin-bottom: 1em; }
.related-links-list .type, .related-files-list .type, .related-media-list .type { font-weight: normal; font-size: 0.75em; color: #999999; }

.related-files-list .title { margin-bottom: 0.5em; }

.related-media-list .title { margin-bottom: 0.5em; }

#sitenav { position: absolute; top: 42px; right: 6px; }
#sitenav li { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; position: relative; }
#sitenav li.active a { color: #20272d; border-color: #009dd1; }
#sitenav a { font-size: 1em; font-weight: 300; text-transform: uppercase; padding: 8px 0; margin: 0 12px; display: block; border-bottom: 2px solid white; color: #999999; }
#sitenav a:hover { color: #20272d; border-color: #009dd1; }
#sitenav li.sfHover > a { color: #20272d; border-color: #009dd1; }
#sitenav span.sf-sub-indicator { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; text-indent: -119988px; overflow: hidden; text-align: left; margin-left: 8px; position: relative; top: -2px; display: none; }
#sitenav ul li { display: block; }
#sitenav ul.subitems { font-size: 0.85em; position: absolute; top: 48px; left: 6px; z-index: -10; background: white; padding: 18px 0; width: 180px; -webkit-box-shadow: rgba(23, 23, 23, 0.6) 0 0 14px; -moz-box-shadow: rgba(23, 23, 23, 0.6) 0 0 14px; box-shadow: rgba(23, 23, 23, 0.6) 0 0 14px; display: none; }
#sitenav ul.subitems:after { position: absolute; top: -6px; left: 9px; content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; }
#sitenav ul.subitems a { padding: 8px 24px; margin: 0; border: none; }
#sitenav ul.subitems a:hover { background: #e6e8eb; }
#sitenav ul.subitems ul { position: absolute; top: 20px; left: 0px; background: white; padding: 18px; width: 160px; -webkit-box-shadow: rgba(23, 23, 23, 0.6) 0 1px 12px; -moz-box-shadow: rgba(23, 23, 23, 0.6) 0 1px 12px; box-shadow: rgba(23, 23, 23, 0.6) 0 1px 12px; }

#sectionnav { margin: 18px 0; }
#sectionnav a { color: #999999; display: block; padding: 4px 0; }
#sectionnav a:hover { color: #20272c; }
#sectionnav .active a { color: #009dd1; cursor: default; }

.pagenav { width: 100%; margin: 1em 0 5em 0; color: white; padding-top: 1.5em; border-top: 1px solid #ebebeb; }
.pagenav ul { padding: 0; }
.pagenav ul li { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
.pagenav ul li.counter, .pagenav ul li a { padding: 8px 14px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
.pagenav ul li.counter { float: right; position: relative; top: -12px; color: #999999; font-style: italic; }
.pagenav a { background: #e8ebed; color: #adb3bd; }
.pagenav .page:hover a, .pagenav .previous:hover a, .pagenav .next:hover a { background: #009dd1; color: white; }
.pagenav .page.selected a, .pagenav .previous.selected a, .pagenav .next.selected a { background: #009dd1; color: white; }

.foldernav { margin: 18px -20px; }
.foldernav td { padding: 12px 20px; vertical-align: top; width: 208px; }
.foldernav td:hover a { color: #009dd1; }
.foldernav td:hover .thumb { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.foldernav article { position: relative; cursor: pointer; }
.foldernav article:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
.foldernav .thumb { display: block; width: 208px; height: 156px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity: 0.85; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; position: relative; background: black; }
.foldernav .thumb img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition: opacity; -moz-transition: opacity; -o-transition: opacity; transition: opacity; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.foldernav .thumb:after { content: " "; position: absolute; bottom: -20px; left: 0; width: 100%; height: 20px; background: url("../images/layout/foldernav.bg.png") no-repeat bottom center; background-size: 100% 20px; }
.foldernav .details { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 16px 0; }
.foldernav .details a.title { font-weight: bold; font-size: 1.1em; }

#langnav { font-size: 0.85em; }
#langnav > li { display: block; color: #999999; overflow: hidden; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
#langnav > li:hover { -webkit-box-shadow: rgba(11, 19, 18, 0.6) 0 1px 3px; -moz-box-shadow: rgba(11, 19, 18, 0.6) 0 1px 3px; box-shadow: rgba(11, 19, 18, 0.6) 0 1px 3px; }
#langnav > li:hover span { background-color: #009dd1; }
#langnav > li:hover span:after { border-top-color: white; }
#langnav > li span { display: block; padding: 3px 18px 3px 10px; background: #e6e8eb; border: 1px solid rgba(241, 242, 244, 0.4); border-top: none; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
#langnav > li span:after { display: block; position: absolute; top: 10px; right: 8px; content: ""; width: 0; height: 0; border-top: 4px solid #bfbfbf; border-left: 4px solid transparent; border-right: 4px solid transparent; }
#langnav ul { display: none; }
#langnav ul li a { padding: 6px 12px; display: block; }
#langnav li:hover { background: #009dd1; color: white; }
#langnav li:hover span { border-color: #009dd1; }
#langnav li:hover ul { background: white; display: block; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; overflow: hidden; -webkit-box-shadow: rgba(15, 28, 41, 0.6) 0 1px 4px; -moz-box-shadow: rgba(15, 28, 41, 0.6) 0 1px 4px; box-shadow: rgba(15, 28, 41, 0.6) 0 1px 4px; }
#langnav li:hover ul li.active a { color: #999999; cursor: default; }
#langnav li:hover ul li.active a:hover { background: white; }
#langnav li:hover a { color: #20272c; }
#langnav li:hover a:hover { color: white; }
#langnav li:hover a:hover { background: #009dd1; }

#rootnav { position: absolute; top: -50px; left: 0; font-size: 0.8em; list-style-type: none; color: #c2c2c2; }
#rootnav, #rootnav li { margin: 0px; padding: 0px; display: inline; }
#rootnav a { color: #a8a8a8; margin-right: 3px; }
#rootnav a:hover { color: #009dd1; }

input[type=text], input[type=email], input[type=password], textarea { padding: 6px 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: 1px solid #d5d8dd; background: #ebedef; border-top: 1px solid #d5d8dd; border-right: 1px solid #f7f7f8; border-bottom: 1px solid #f7f7f8; border-left: 1px solid #d7d8db; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #999999; font-size: 1.1em; }
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus { border: 1px solid rgba(0, 157, 209, 0.5); -webkit-box-shadow: #009dd1 0 0 5px; -moz-box-shadow: #009dd1 0 0 5px; box-shadow: #009dd1 0 0 5px; color: #20272d; }

label.required { font-weight: bold; }
label.required:after { content: "*"; margin-left: 2px; color: #b93c4f; font-weight: normal; }

form legend { font-weight: bold; color: #999999; margin-bottom: 18px; }
form table { margin-top: 9px; width: 100%; }
form table th, form table td { padding: 4px 9px; }
form table th { text-align: right; max-width: 140px; width: 20%; }
form table th[scope=col] { text-transform: uppercase; text-align: left; }
form label { color: #999999; font-size: 0.9em; text-transform: uppercase; }
form fieldset p { margin-top: 0; }
form .errorMessage { color: #b93c4f; }

#content input[type=text] { width: 80%; }
#content textarea { width: 96%; }
#content .captcha img, #content .captcha input { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
#content .captcha input[type=text] { width: 80px; }
#content form button[type=submit] { margin: 18px 0; }
#content table.searchForm { border-bottom: 2px solid #ebebeb; }
#content table.searchForm tr:last-child td { padding-bottom: 1.5em; }
#content table.searchForm td, #content table.searchForm th { padding: 4px; }
#content table.searchForm button[type=submit] { margin: 0; }

a.button { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }

.ui-tabs { margin: 4em 0; padding: 0; clear: both; }
.ui-tabs ul.ui-tabs-nav { border-bottom: 1px solid #d5d8dd; font-size: 0.85em; }
.ui-tabs ul.ui-tabs-nav li { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
.ui-tabs ul.ui-tabs-nav a { display: block; padding: 9px 18px; font-weight: bold; color: #999999; text-transform: uppercase; }
.ui-tabs ul.ui-tabs-nav a:hover { color: #009dd1; }
.ui-tabs ul.ui-tabs-nav a.current { color: #20272d; border: 1px solid #d5d8dd; border-bottom: 3px solid #f9fafb; border-top: 1px solid #009dd1; margin-bottom: -3px; }
.ui-tabs .pane { padding: 24px 12px; display: none; }

@font-face { font-family: "icons"; src: url("../css-src/iconfont/icons-66054dda05f6214ccede077eb3f6e6bf.eot"); src: url("../css-src/iconfont/icons-66054dda05f6214ccede077eb3f6e6bf.eot?#iefix") format("embedded-opentype"), url("../css-src/iconfont/icons-66054dda05f6214ccede077eb3f6e6bf.woff") format("woff"), url("../css-src/iconfont/icons-66054dda05f6214ccede077eb3f6e6bf.ttf") format("truetype"), url("../css-src/iconfont/icons-66054dda05f6214ccede077eb3f6e6bf.svg?#icons") format("svg"); font-weight: normal; font-style: normal; }

[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "icons"; display: inline-block; font-weight: normal; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-dot:before, #featured-sections div.navi a:before { content: "\f100"; }

.icon-down-circle:before { content: "\f101"; }

.icon-down-open:before { content: "\f102"; }

.icon-down:before { content: "\f103"; }

.icon-facebook:before { content: "\f104"; }

.icon-instagram:before { content: "\f105"; }

.icon-left-circle:before { content: "\f106"; }

.icon-left:before { content: "\f107"; }

.icon-linkedin:before { content: "\f108"; }

.icon-pinterest:before { content: "\f109"; }

.icon-resize-full:before { content: "\f10a"; }

.icon-resize-small:before { content: "\f10b"; }

.icon-right-circle:before { content: "\f10c"; }

.icon-right:before { content: "\f10d"; }

.icon-search:before { content: "\f10e"; }

.icon-twitter:before { content: "\f10f"; }

.icon-up-circle:before { content: "\f110"; }

.icon-up:before { content: "\f111"; }

.icon-youtube:before { content: "\f112"; }