@CHARSET "UTF-8";

/*
    Disclaimer
    
    While we make every effort to ensure that this code is fit for its intended
    purpose, we make no guarantees as to its functionality. CoreTrek AS will
    accept no responsibility for the loss of data or any other damage or
    financial loss caused by use of this code.


    Copyright
    
    This programming code is copyright of CoreTrek AS. Permission to run this
    code is given to approved users of CoreTrek's publishing system CorePublish.
    
    This source code may not be copied, modified or otherwise repurposed for use
    by a third party without the written permission of CoreTrek AS.
    
    Contact webmaster@coretrek.com for information.
    
*/

/* -------------------------------------------------------------------------- */
/* General HTML elements                                                      */
/* -------------------------------------------------------------------------- */

html, body                                       { font-size: 16px; color: #555; margin: 0; padding: 0; background: url(images/canvas.png); }

a                                                { color: #555 }

img                                              { border: none; }

/* Text selection background color */
:selection                                      { color: #fff; text-shadow: #006699 0 1px 0; background: #009ee5 }
:-moz-selection                                 { color: #fff; text-shadow: #006699 0 1px 0; background: #009ee5 }

/* -------------------------------------------------------------------------- */
/* Placeholder positioning                                                    */
/* -------------------------------------------------------------------------- */

#container                                       { width: 1000px; margin: 0 auto; padding-top: 50px; }

#placeholder-top                                 { float: left; clear: left; width: 1000px; margin-bottom: 13px; }

#placeholder-left                                { float: left; clear: left; width: 300px; min-height: 10px; margin-left: 20px; }

#placeholder-right                               { float: left; }

#placeholder-content                             { float: left; width: 630px; padding: 0 30px; background: url(images/vertical-border.png) repeat-y; }

#placeholder-content-no-right                    { float: left; width: 590px; padding: 0 30px; background: url(images/vertical-border.png) repeat-y; }

#placeholder-content-no-left                     { float: left; width: 630px; }

#placeholder-content-no-right-no-left            { float: left; width: 1000px; }

#placeholder-bottom                              { float: left; clear: left; width: 940px; margin: 60px 30px 17px; padding-top: 10px; background:url(images/horizontal-border.png) top repeat-x; }

#content-link                                    { display: none; }

#extra-6                                         { clear: both; }

#drawer                                          { background: url(images/drawer-background.png) repeat-x; }

#drawer .container                               { position: relative; width: 940px; margin: 0 auto; padding: 29px 30px 0; }

#drawer .container .bottom                       { clear: both; }

#drawer .drawer-handle                           { position: absolute; top: 10px; left: 950px; width: 24px; height: 24px; cursor: pointer; background: url(images/drawer-close.png) no-repeat; }

body.frontpage #placeholder-left,
body.frontpage #placeholder-right                { display: none; }

/* -------------------------------------------------------------------------- */
/* General tile                                                               */
/* -------------------------------------------------------------------------- */

.tile-content                                    { float: left; clear: left; }

#placeholder-bottom a                            { float: left; color: #676767; font-size: 0.7em; text-decoration: none; }
#placeholder-bottom a:hover 					 { color: #222 }

a.button                                         { float: left; color: #fff; font-size: 0.83em; font-weight: bold; text-decoration: none; text-transform: uppercase; text-shadow: #777 0 1px 0; margin-left: -6px; padding: 0 0 0 10px; background: url(images/button-left.png) no-repeat; }

a.button span                                    { float: left; height: 19px; padding: 2px 30px 0 3px; background: url(images/button-right.png) no-repeat right; }

/* -------------------------------------------------------------------------- */
/* General inline listing (eg. horizontal menu, linktoolbar, sitelocator)     */
/* -------------------------------------------------------------------------- */

.horizontal-menu h3,
.linktoolbar h3,
.sitelocator h3                                  { display: inline; float: left; margin: 0; padding: 0; }   

.horizontal-menu ul,
.horizontal-plain-menu ul,
.site-menu ul,
.linktoolbar ul,
.sitelocator ul                                  { display: inline; float: left; margin: 0; list-style-type: none; padding: 0; }

.horizontal-plain-menu li,
.site-menu li,
.linktoolbar li,
.sitelocator li                                  { display: inline; padding-left: 9px; }

.site-menu li                                    { padding-left: 5px }

.horizontal-menu li                              { display: inline; padding: 0 }

.horizontal-menu li.first,
.horizontal-plain-menu li.first,
.site-menu li.first,
.linktoolbar li.first,
.sitelocator li.first                            { padding-left: 0; }

#placeholder-bottom .site-menu li.last           { margin-right: -5px }

#placeholder-bottom .site-menu li.active.last	 { margin-right: 0 }


/* -------------------------------------------------------------------------- */
/* General bullet-less listing (eg. verical menu and small article list)      */
/* -------------------------------------------------------------------------- */

.full-activitylist ul,
.full-articlelist ul,
.highlights ul,
.small-articlelist ul,
.vertical-menu ul,
.small-calendarlist ul                           { list-style-type: none; margin: 0; padding: 0; }

.full-activitylist li li,
.full-articlelist li li,
.small-articlelist li li,
.small-calendarlist li li                        { padding-left: 10px; }

/* -------------------------------------------------------------------------- */
/* Styling for spesific elements                                              */
/* -------------------------------------------------------------------------- */

/* -- Logo tile -- */

#placeholder-top .logo-tile                     { float: left; margin-left: 43px; }


/* -- Main menu -- */

#placeholder-top .horizontal-menu               { float: right; clear: right; margin: 12px 45px 0 0; }

.horizontal-menu h3                             { display: none; }

.horizontal-menu a                              { color: #333; font-size: 0.82em; font-weight: bold; text-shadow: #fff 0 1px 0; text-decoration: none; text-transform: uppercase; padding: 0 6px; display: block; float: left; cursor: pointer }
.horizontal-menu a:hover                        { color: #737373}
.horizontal-menu a:active                       { color: #737373; position: relative; top: 1px }

.horizontal-menu li.active a,
.horizontal-menu li.main-active a               { color: #009ee5; }


/* -- Sub menu -- */

.vertical-menu                                  { float: left; clear: left; font-size: 0.95em; font-weight: 400; width: 275px; margin: 4px 0 20px 10px; overflow: hidden; }

.vertical-menu h3                               { display: none; }

.vertical-menu li                               { display: block; padding: 0; background: url(images/submenu.png) 0 -33px no-repeat; }

.vertical-menu li.first                         { background-position: 0 0; }

.vertical-menu li.last                          { background-position: 0 -99px; }

.vertical-menu li.active,
.vertical-menu li.sub-active                    { background-position: 0 -66px; }

.vertical-menu li a                             { display: block; color: #666; text-decoration: none; width: 262px; height: 23px; padding: 7px 0 3px 13px; cursor: pointer; text-shadow: #fff 0 1px 0}
.vertical-menu li a:hover						{ color: #222 }

.vertical-menu li.active a,
.vertical-menu li.sub-active a                  { color: #fff; text-shadow: #116b85 0 -1px 0; }

.vertical-menu li.active ul,
.vertical-menu li.sub-active ul                 { background: url(images/subsubmenu-top.png) no-repeat; }

.vertical-menu li.active li,
.vertical-menu li.sub-active li                 { background: none; }

.vertical-menu li.active li.last,
.vertical-menu li.sub-active li.last            { background: url(images/subsubmenu-bottom.png) no-repeat; }

.vertical-menu li.active li.active,
.vertical-menu li.sub-active li.active          { background: url(images/subsubmenu.png) no-repeat; }

.vertical-menu li.active li a,
.vertical-menu li.sub-active li a               { color: #777; font-size: 0.86em; text-shadow: #fff 0 1px 0; width: 236px; padding: 9px 0 0 24px; border-top: 1px solid #ccc }
.vertical-menu li.sub-active li a:hover         { color: #444 }

.vertical-menu li.active li.active a,
.vertical-menu li.sub-active li.active a        { color: #fff; text-shadow: #555 0 -1px 0; }


/* -- Bottom menu -- */

.horizontal-plain-menu                          { float: left; font-family: Arial; margin-top: 2px; }

.horizontal-plain-menu h3                       { display: none; }

.horizontal-plain-menu li                       { display: block; float: left; padding: 0 5px; background: url(images/vertical-border.png) repeat-y top left; ; text-shadow: #fff 0 1px }

.horizontal-plain-menu li.first                 { padding-left: 5px; background: none; }


/* -- Drawer Handle -- */

span.drawer-handle                              { display: block; float: left; clear: left; font-family: Arial; font-size: 0.7em; margin: 2px 2px 0 0; padding: 0 3px 0 13px; cursor: pointer; background: url(images/padlock.png) no-repeat; }


/* -- Multimedia presentation -- */

.multimedia-presentation                        { position: relative; float: left; clear: left; margin-top: 12px; }

.multimedia-presentation .tile-content          { padding-top: 5px; background: url(images/multimedia-top.png) no-repeat; }

.multimedia-presentation .decoration            { float: left; width: 940px; padding: 0 30px 19px; background: url(images/multimedia-bottom.png) left bottom no-repeat; }

.multimedia-presentation ul.articles            { float: left; list-style: none; margin: 0; padding: 0; }

.multimedia-presentation ul.articles li         { float: left; overflow: hidden; background-repeat: no-repeat; }

.multimedia-presentation ul.articles li.inactive { position: absolute; }

.multimedia-presentation ul.articles h1,
.multimedia-presentation ul.articles .digest,
.multimedia-presentation ul.articles .content   { float: left; clear: left; width: 40%; margin-left: 20px; }

.multimedia-presentation ul.articles .content   { margin-bottom: 40px; }

.multimedia-presentation ul.articles .content h1,
.multimedia-presentation ul.articles .content h2,
.multimedia-presentation ul.articles .content h3,
.multimedia-presentation ul.articles .content h4,
.multimedia-presentation ul.articles .content h5,
.multimedia-presentation ul.articles .content h6,
.multimedia-presentation ul.articles .content p { float: left; clear: left; width: 100%; margin: 1em 0 0; }

.multimedia-presentation .form                  { float: right; width: 40%; margin: 0 20px 20px 0; }

.multimedia-presentation ul.links               { position: absolute; left: 50px; bottom: 40px; float: left; list-style: none; margin: 0; padding: 0; }

.multimedia-presentation ul.links li            { float: left; margin-right: 5px; }

.multimedia-presentation ul.links a             { display: block; width: 16px; height: 16px; background: url(images/circle-off.png) no-repeat; }

.multimedia-presentation ul.links li.active a   { background-image: url(images/circle-on.png); }

.multimedia-presentation ul.links a span        { display: none; }

/* -- Article display -- */

.full-articledisplay                            { float: left; text-shadow: #fff 0 1px 0; width: 590px; padding-top: 10px; }

.full-articledisplay .header                    { float: left; }

.full-articledisplay .header h1                 { float: left; color: #333; font-size: 1.85em; margin: 0 0 .6em 0; }

.full-articledisplay .tile-content              { clear: left; }

.full-articledisplay h2.digest                  { color: #919191; font-size: 1.3em; font-weight: normal; line-height: 1.25em; margin: -.25em 0 .8em 0}

.full-articledisplay .article-content h1        { color: #009ee5; font-size: 0.8em; letter-spacing: 0.12em; text-transform: uppercase; margin: 1.8em 0 .9em 0 }

.full-articledisplay .article-content h2,
.full-articledisplay .article-content h3        { color: #555; font-weight: bold; line-height: 1.35em; margin: .5em 0 .4em 0; font-size: 1em }

.full-articledisplay .article-content h3        { margin-left: 0; }

.full-articledisplay .article-content p,
.full-articledisplay table                      { font-size: 0.93em; line-height: 1.35em; margin: 0 0 1em 0; }

.full-articledisplay table th                   { text-align: left; font-weight: normal }

.full-articledisplay .cp-mmarchive-image-left   { margin: 0 20px 20px 0; }

.full-articledisplay .cp-mmarchive-image-right  { margin: 0 0 20px 20px; }

.full-articledisplay .article-content a         { text-decoration: none; }

/* -- Form display -- */
.form                                           { float: left; }

.form input[type=text]                          { font-size: 1.2em; min-width: 250px; max-width: 400px; }

.form input[type=submit]                        { font-size: 1.2em; }

.form label                                     { display: block; min-width: 110px; max-width: 200px; }

/* -- Banner display -- */

.small-articledisplay                           { float: left; clear: left;}

.small-articledisplay h3                        { margin-bottom: 0; }

#placeholder-content .small-articledisplay,
#placeholder-content-no-right .small-articledisplay,
#placeholder-content-no-left .small-articledisplay,
#placeholder-content-no-right-no-left .small-articledisplay { width: 630px; margin-left: 30px; }

#placeholder-left .small-articledisplay         { float: left; clear: left; width: 300px; background: url(images/banner-top.png) no-repeat; }

#placeholder-left .small-articledisplay .tile-content { width: 260px; padding: 3px 30px 0 10px; }

#placeholder-left .small-articledisplay .tile-content h3 { color: #009ee5; font-size: 1.0em; margin: 0; padding: 0; }

#placeholder-left .small-articledisplay .tile-content p { font-size: 0.9em; margin: 0; padding: 20px 0 0; }

#placeholder-left .small-articledisplay .tile-bottom { float: left; clear: left; width: 300px; height: 37px; background: url(images/banner-bottom.png) no-repeat; }

#drawer .small-articledisplay                   { clear: none; color: #ccc; width: 619px; height: 160px; padding-left: 28px; border-left: 1px solid #777; }

#drawer h3                                      { color: #ccc; font-size: 0.75em; text-transform: uppercase; margin: 0 0 12px; }

#drawer p                                       { color: #fff; font-size: 0.95em; line-height: 1.2em; text-shadow: #000 0 1px 0; margin-top: 0; }


/* -- Contact information display -- */

.contact-information                            { float: left; clear: left; width: 403px; height: 161px; margin: 12px 103px 31px; padding: 18px 21px; background: url(images/contact-background.png) no-repeat;  }

.contact-information h3.title                   { float: left; clear: left; color: #009ee5; font-size: 0.75em; text-transform: uppercase; width: 100%; margin: 0 0 17px; padding: 0 0 5px; border-bottom: 1px solid #d4d4d4 }

.contact-information img.avatar                 { float: left; clear: left; margin-right: 14px; }

.contact-information .details                   { float: left; line-height: 1em }

.contact-information a,
.contact-information span                       { display: block; float: left; clear: left; color: #404040; font-size: 0.95em;  }
.contact-information a:hover	                { color: #009ee5; border-bottom: 0 }
.contact-information a:active                   { color: #fff; text-shadow: #006699 0 1px 0; background: #009ee5; border-bottom: 0; padding: 0; text-decoration: none }

.contact-information span.position              { margin: 6px 0 2px 0; }

.contact-information span.name                  { font-weight: bold; margin-bottom: 6px; }

.contact-information a                          { font-size: 0.74em; }

.contact-information span.phone                 { font-size: 0.8em; }


/* -- User profile display -- */

.user-profile                                   { float: left; clear: left; }

.user-profile h3.title                          { float: left; clear: left; color: #009ee5; font-size: 0.75em; text-transform: uppercase; width: 100%; margin: 0 0 17px; padding: 0 0 5px; }

.user-profile img.avatar                        { float: left; clear: left; width: 150px; margin-right: 20px; }

.user-profile ul.details                        { float: left; list-style: none; margin: 0; padding: 0; }

.user-profile ul.details li                     { float: left; clear: left; margin-bottom: 5px; }

.user-profile ul.details label                  { float: left; clear: left; width: 100px; }

.user-profile ul.details span                   { float: left; }

.user-profile .edit-links                       { float: left; clear: left;  margin-left: 170px; }

.user-profile .edit-links a                     { font-size: 0.9em; text-decoration: none; color: #009ee5; margin-right: 10px; }

/* -- Newsletter list -- */

.newsletter-list                                { float: left; clear: left; }

.newsletter-list ul.channels                    { float: left; list-style: none; margin: 0; padding: 0; }

.newsletter-list ul.channels li                 { float: left; clear: left;  }

.newsletter-list input.submit                   { float: left; clear: left;  }

/* -- Article and activity lists -- */

.full-activitylist,
.full-articlelist                               { float: left; margin: 0 30px; }

.full-activitylist h3,
.full-articlelist h3                            { margin: 0; }

.full-activitylist p,
.full-articlelist p                             { float: left; font-size: 1.3em; color: #8f8f8f; text-shadow: #fff 0 1px 0; line-height: 1.26em; margin: 0; }

.full-activitylist ul li,
.full-articlelist ul li                         { float: left; clear: left; width: 100%; padding: 14px 0 15px; background: url(images/horizontal-border.png) repeat-x top; }

.full-activitylist ul li.first,
.full-articlelist ul li.first                   { background: none; }

.full-activitylist .articlelist-link-internal,
.full-articlelist .articlelist-link-internal    { float: left; clear: left; margin-top: 5px; }

.full-activitylist .articlelist-link-internal li,
.full-articlelist .articlelist-link-internal li { clear: none; padding: 0 0 0 10px; background: url(images/button-left.png) no-repeat; }

.full-activitylist .articlelist-link-internal a,
.full-articlelist .articlelist-link-internal a  { display: block; color: #fff; font: bold 0.75em Arial; text-shadow: #9c9c9c 0 1px 0; text-decoration: none; text-transform: uppercase; max-width: 898px; height: 17px; padding: 4px 30px 0 3px; overflow: hidden; background: url(images/button-right.png) no-repeat right; }


/* -- Activity list -- */

.full-activitylist                              { width: 560px; }

.full-activitylist h3 a                         { text-decoration: none; }

.full-activitylist p.calendar-date              { font-size: 0.8em; margin: 0 0 5px 2px; }


/* -- Full calendar -- */

.intro-calendar                                 { float: left; width: 1000px; height: 553px; margin: 0 0 41px 25px; background: url(images/calendar-background.png) no-repeat; }

.intro-calendar .event-display                  { float: left; color: #888; width: 830px; height: 363px; margin: 4px 0 0 4px; padding: 36px 22px 0 90px; }

.intro-calendar .poster                         { float: left; width: 310px; height: 290px; margin-top: 40px; overflow: hidden; }

.intro-calendar .poster img                     { margin-bottom: 5px; }

.intro-calendar .details                        { float: right; width: 463px; height: 270px; overflow: auto; }

.intro-calendar .details h3                     { display: block; color: #363636; float: left; font-size: 1.67em; font-weight: 400; line-height: 1.2em; margin: 0 0 14px; }

.intro-calendar .content                        { float: left; clear: left; }

.intro-calendar .content p,
.intro-calendar p.digest                        { float: left; clear: left; margin: 0 0 11px; }

.intro-calendar .content ul                     { float: left; clear: left; margin: 0 0 15px 0; padding-left: 22px; }

.intro-calendar p.digest                        { color: #009ee5; font-size: 0.94em; font-weight: bold; }

.intro-calendar .content a.button               { clear: left; margin: 15px 0 0 -3px; }

.intro-calendar .bottom                         { float: right; width: 464px; height: 57px; padding: 13px 0 0 2px; border-top: 1px solid #bbb; }

.intro-calendar .bottom span                    { float: left; font-size: 0.93em; }

.intro-calendar .bottom span.label              { clear: left; color: #a6a6a6; font-size: 0.85em; font-weight: bold; width: 50px; }

.intro-calendar span.st_sharethis_custom,
.intro-calendar .fb_iframe_widget               { float: right; }

.intro-calendar .bottom a                       { float: right; width: 28px; height: 21px; margin-right: 3px; }

.intro-calendar .bottom a.add                   { background: url(images/calendar-add-button.png) no-repeat; }

.intro-calendar .st_sharethis_custom            { float: right; width: 28px; height: 21px; margin-right: 3px; background: url(images/calendar-more-button.png) no-repeat; }

.intro-calendar .bottom a span                  { display: none; }

.intro-calendar span.pager                      { float: left; display: block; width: 28px; height: 132px; }

.intro-calendar span.pager a span               { display: none; }

.intro-calendar span.pager a                    { display: block; width: 29px; height: 132px; }

.intro-calendar span.pager a:hover              { background-position: 0 -132px; }

.intro-calendar span.previous.pager             { clear: left; margin-left: 10px; }

.intro-calendar span.previous.pager a           { background-image: url(images/calendar-previous.png); }

.intro-calendar span.next.pager a               { background-image: url(images/calendar-next.png); }

.intro-calendar ul.activities                   { float: left; list-style: none; width: 875px; margin: 0; padding: 0; }

.intro-calendar ul li.event                     { float: left; }

.intro-calendar ul li.event a                   { display: block; text-decoration: none; width: 135px; height: 118px; padding: 14px 20px 0; }

.intro-calendar ul li.active.event a            { background: url(images/calendar-active-date.png) no-repeat; }

.intro-calendar ul li.first.active.event a      { background-position: 0 0; }

.intro-calendar ul li.second.active.event a     { background-position: -175px 0; }

.intro-calendar ul li.third.active.event a      { background-position: -350px 0; }

.intro-calendar ul li.fourth.active.event a      { background-position: -525px 0; }

.intro-calendar ul li.fifth.active.event a      { background-position: -700px 0; }

.intro-calendar ul li.event span.date,
.intro-calendar ul li.event span.month          { float: left; color: #999; text-shadow: #353535 0 -1px 0; }

.intro-calendar ul li.event a:hover span.date,
.intro-calendar ul li.event a:hover span.month  { color: #fff; }

.intro-calendar ul li.active.event span.date,
.intro-calendar ul li.active.event span.month   { color: #15a1de; text-shadow: none; }

.intro-calendar ul li.active.event a:hover span.date,
.intro-calendar ul li.active.event a:hover span.month { color: #15a1de; }

.intro-calendar ul li.event span.date           { font-size: 2.4em; font-weight: 300; }

.intro-calendar ul li.event span.month          { clear: left; font-size: 0.9em; font-weight: bold; margin-top: -6px; }

.intro-calendar ul li.event span.title          { float: left; clear: left; color: #fff; font-size: 0.9em; font-weight: 400; text-shadow: #444 0 -2px 0; margin: 6px 0 0; }

.intro-calendar ul li.active.event span.title   { color: #666; text-shadow: #fff 0 1px 0; }

/* -- Kidz calendar customizations -- */

.intro-calendar ul.page-selectors               { float: left; width: 300px; margin-top: 5px; padding: 0; list-style: none; }

.intro-calendar ul.page-selectors li            { float: left; clear: left; background: url(images/horizontal-border.png) repeat-x top;  }

.intro-calendar ul.page-selectors li.first      { background: none;  }

.intro-calendar ul.page-selectors a             { display: block; float: left; font-size: 1.5em; text-decoration: none; width: 200px; padding: 10px; }

.intro-calendar #slider                         { float: left; width: 10000px; }

.intro-calendar #slider .page                   { float: left; width: 465px; }

.intro-calendar .event-display ul.kids          { width: 440px; list-style: none; margin: 0; padding: 0; }

.intro-calendar .event-display ul.kids li       { float: left; margin: 0 10px 10px 0; }

.intro-calendar .event-display ul.kids li a     { float: left; }

.intro-calendar .event-display .kids a img      { float: left; width: 100px; height: 120px; }

/* -- Article list on frontpage -- */

body.frontpage .full-articlelist h3             { display: none; }


/* -- Calendar list -- */

.small-calendarlist                             { float: left; clear: left; width: 940px; height: 23px; margin: 5px 29px; padding: 1px 0; border: 1px solid #ccc; border-width: 1px 0; overflow: hidden; }

.small-calendarlist h3                          { float: left; color: #fff; font-size: 0.75em; text-transform: uppercase; text-shadow: #555 0 -1px 0; height: 19px; margin: 0; padding: 4px 14px 0; background: #a8a8a8; -moz-box-shadow: inset 0 1px 2px #888; -webkit-box-shadow: inset 0 1px 2px #888; box-shadow: inset 0 1px 2px #888; }

.small-calendarlist .tile-content               { clear: none; width: 780px; overflow: hidden; }

.small-calendarlist ul                          { float: left; width: 900px; height: 23px; } /* Width spans intentionally outside tile */

.small-calendarlist li                          { float: left; margin: 0 0 0 15px; padding: 3px; }

.small-calendarlist li a span.title             { float: left; color: #009ee5; font-size: 0.85em; font-weight: 700; text-decoration: none; text-shadow: #fff 0 1px 0; }

.small-calendarlist .details                    { float: left; font-size: 0.85em; margin-left: 5px; }

.small-calendarlist li .details span            { float: left; color: #888; text-shadow: #fff 0 1px 0; }

.small-calendarlist li a                        { text-decoration: none; }

.small-calendarlist li a:hover span.title       { text-decoration: underline; }

.small-calendarlist li span.date                { text-transform: lowercase; }

.small-calendarlist .bottomlink                 { display: none; }


/* -- Highlights -- */

.highlights                                     { float: left; clear: left; width: 620px; margin-left: 30px; }

.highlights li                                  { float: left; position: relative; margin-right: 20px; -moz-box-shadow: 0 1px 2px #aaa; -webkit-box-shadow: 0 1px 2px #aaa; box-shadow: 0 1px 2px #aaa; }

.highlights li.last                             { margin-right: 0; }

.highlights li a                                { float: left; }

.highlights img.highlight                       { width: 300px; height: 260px; }

.highlights li .overlay                         { position: absolute; top: 0; width: 300px; height: 255px; }

.highlights li.video .overlay                   { background: url(images/play-button.png) center center no-repeat; }

.highlights li.article .overlay                 { top: 217px; height: 24px; background: url(images/more-button.png) 15px 0px no-repeat; }

.highlights li.article a:hover .overlay         { background-position: 15px -24px; }


/* -- Podcast list -- */

.podcast-list                                   { float: left; clear: left; width: 100%; margin-top: 4px; }

.podcast-list .tile-content                     { width: 100%; }

.podcast-list ul                                { list-style: none; margin: 0; padding: 0; }

.podcast-list li                                { padding: 15px 0 17px; background: url(images/horizontal-border.png) repeat-x bottom; }

.podcast-list li.first                          { padding-top: 0; }

.podcast-list li.last                           { background: none; }

.podcast-list h3                                { color: #000; font-size: 1.3em; margin: 6px 0 15px; padding: 0; }

.podcast-list span.speaker                      { color: #009ee5; font-size: 0.85em; font-weight: bold; text-decoration: none; margin-left: 2px; }

.podcast-list span.date                         { color: #999; font-size: 0.85em; }


/* -- Site menu -- */

.site-menu                                      { float: right; clear: right; font-family: Arial; }

.site-menu li                                   { float: left; display: block; }

.site-menu a                                    { display: block; float: left; padding: 2px 5px; text-shadow: #fff 0 1px 0 }

#placeholder-content-no-right-no-left .site-menu { width: 444px; margin: 20px 195px 40px; padding: 95px 83px; background: url(images/velgdinby.png) no-repeat; }

#placeholder-content-no-right-no-left .site-menu li { margin-right: 19px; padding: 0; }

#placeholder-content-no-right-no-left .site-menu li.last { margin-right: 0; }

#placeholder-content-no-right-no-left .site-menu a {
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      font: 15px 'Proxima-Nova-1', Helvetica, sans-serif;
      padding: 5px 15px 6px 15px;
      font-weight: bold;
      color: #fff;
      text-align: center;
      text-shadow: 0 -1px 0 rgba(0,0,0,.3);
      text-decoration: none;
      -webkit-border-radius: 1000px;
      -moz-border-radius: 1000px;
      border-radius: 1000px;
      background: #237fd7;
      background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #4db7eb),color-stop(1, #1768a9));
      background: -moz-linear-gradient(center top,#4db7eb 20%,#1768a9 100%);
      -webkit-box-shadow: inset 0 1px 0 rgba(34,57,100,0.6), inset 1px 0 0 rgba(34,57,100,0.4), inset -1px 0 0 rgba(34,57,100,0.5), inset 0 -1px 0 rgba(34,57,100,0.6),inset 0 2px 0 rgba(255,255,255,.3),inset 0 0 4px rgba(255,255,255,.3),0 1px 2px rgba(0,0,0,.29);
      -moz-box-shadow: inset 0 1px 0 rgba(34,57,100,0.6), inset 1px 0 0 rgba(34,57,100,0.4), inset -1px 0 0 rgba(34,57,100,0.5), inset 0 -1px 0 rgba(34,57,100,0.6),inset 0 2px 0 rgba(255,255,255,.3),inset 0 0 4px rgba(255,255,255,.3),0 1px 2px rgba(0,0,0,.29);
      box-shadow: inset 0 1px 0 rgba(34,57,100,0.6), inset 1px 0 0 rgba(34,57,100,0.4), inset -1px 0 0 rgba(34,57,100,0.5), inset 0 -1px 0 rgba(34,57,100,0.6),inset 0 2px 0 rgba(255,255,255,.3),inset 0 0 4px rgba(255,255,255,.3),0 1px 2px rgba(0,0,0,.29);
}

#placeholder-content-no-right-no-left .site-menu a:hover {
      background: #0073d2;
      background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3e9ee5),color-stop(1, #1666ca));
      background: -moz-linear-gradient(center top,#3e9ee5 20%,#1666ca 100%);
}

#placeholder-content-no-right-no-left .site-menu a:active {
    position: relative;
    top: 1px;
    padding-top: 6px;
    padding-bottom: 5px;
    -webkit-box-shadow:inset 0 1px 0 rgba(10,10,10,0.5), inset 1px 0 0 rgba(10,10,10,0.3), inset -1px 0 0 rgba(10,10,10,0.4), inset 0 -1px 0 rgba(10,10,10,0.5),inset 0 1px 5px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255, 0.3);
    -moz-box-shadow:inset 0 1px 0 rgba(10,10,10,0.5), inset 1px 0 0 rgba(10,10,10,0.3), inset -1px 0 0 rgba(10,10,10,0.4), inset 0 -1px 0 rgba(10,10,10,0.5),inset 0 1px 5px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255, 0.3);
    box-shadow:inset 0 1px 0 rgba(10,10,10,0.5), inset 1px 0 0 rgba(10,10,10,0.3), inset -1px 0 0 rgba(10,10,10,0.4), inset 0 -1px 0 rgba(10,10,10,0.5),inset 0 1px 5px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255, 0.3);
}

#placeholder-content-no-right-no-left .site-menu a.link {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    font: 15px 'Proxima Nova', Helvetica, sans-serif;
    padding: 6px 15px 5px 15px;
    margin: 53px 0 0 67px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
    text-decoration: none;
    -webkit-border-radius: 1000px;
    -moz-border-radius:    1000px;
    border-radius:         1000px;
    background: #237fd7;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #555),color-stop(1, #222));
    background: -moz-linear-gradient(center top,#555 20%,#222 100%);
    -webkit-box-shadow: inset 0 1px 0 rgba(34,57,100,0.6), inset 1px 0 0 rgba(34,57,100,0.4), inset -1px 0 0 rgba(34,57,100,0.5), inset 0 -1px 0 rgba(34,57,100,0.6),inset 0 2px 0 rgba(255,255,255,.3),inset 0 0 4px rgba(255,255,255,.3),0 1px 2px rgba(0,0,0,.29);
    -moz-box-shadow: inset 0 1px 0 rgba(34,57,100,0.6), inset 1px 0 0 rgba(34,57,100,0.4), inset -1px 0 0 rgba(34,57,100,0.5), inset 0 -1px 0 rgba(34,57,100,0.6),inset 0 2px 0 rgba(255,255,255,.3),inset 0 0 4px rgba(255,255,255,.3),0 1px 2px rgba(0,0,0,.29);
    box-shadow: inset 0 1px 0 rgba(34,57,100,0.6), inset 1px 0 0 rgba(34,57,100,0.4), inset -1px 0 0 rgba(34,57,100,0.5), inset 0 -1px 0 rgba(34,57,100,0.6),inset 0 2px 0 rgba(255,255,255,.3),inset 0 0 4px rgba(255,255,255,.3),0 1px 2px rgba(0,0,0,.29);
}

#placeholder-content-no-right-no-left .site-menu a.link:hover {
    background: #000;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #333),color-stop(1, #111));
    background: -moz-linear-gradient(center top,#333 20%,#111 100%);
}

#placeholder-content-no-right-no-left .site-menu a.link:active {
	position: relative;
    top: 1px;
    padding-top: 6px;
    padding-bottom: 5px;
    -webkit-box-shadow:inset 0 1px 0 rgba(10,10,10,0.5), inset 1px 0 0 rgba(10,10,10,0.3), inset -1px 0 0 rgba(10,10,10,0.4), inset 0 -1px 0 rgba(10,10,10,0.5),inset 0 1px 5px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255, 0.3);
    -moz-box-shadow:inset 0 1px 0 rgba(10,10,10,0.5), inset 1px 0 0 rgba(10,10,10,0.3), inset -1px 0 0 rgba(10,10,10,0.4), inset 0 -1px 0 rgba(10,10,10,0.5),inset 0 1px 5px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255, 0.3);
    box-shadow:inset 0 1px 0 rgba(10,10,10,0.5), inset 1px 0 0 rgba(10,10,10,0.3), inset -1px 0 0 rgba(10,10,10,0.4), inset 0 -1px 0 rgba(10,10,10,0.5),inset 0 1px 5px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255, 0.3);
}

#placeholder-bottom .site-menu li.active a      { color: #fff; background: url(images/submenu.png) 0 -66px; text-shadow: #006699 0 1px 0; }


/* -- Facebook Like button -- */

.facebook-likebutton                            { float: left; margin: -2px 0 0 5px; }

/* -- Facebook Like Box -- */

.facebook-likebox                               { float: left; margin-left: 20px; -moz-box-shadow: 0 1px 2px #aaa; -webkit-box-shadow: 0 1px 2px #aaa; box-shadow: 0 1px 2px #aaa; background: #fff; }

/* -- Login tile -- */

.login-form                                     { float: left; }

.login-form input                               { float: left; font-size: 0.9em; }

.login-form input[type=text],
.login-form input[type=password]                { clear: left; clear: left; text-shadow: #fff 0 1px 0; width: 240px; height: 28px; margin-bottom: 6px; padding: 2px 10px; border: 1px solid #aaa; }

.login-form div,
.login-form form                                { float: left; }

div.login-form-link                             { float: right; font-size: 0.8em; margin: -17px 35px 0 0; }

.login-form-link a                              { text-decoration: none; }

#placeholder-left .login-form .button-wrapper   { font-size: 0.7em; }

#placehoolder-left .login-form-link a           { float: right; font-size: 0.7em; }

#placeholder-left .login-form                   { margin-left: 10px; }

#placeholder-left .login-form h3                { font-size: 1em; margin: 0 0 5px; }

#placeholder-left .login-form label             { font-size: 0.8em; }

#drawer .login-form input[type=text],
#drawer .login-form input[type=password]        { color: #fff; text-shadow: #000 0 1px 0; border: none; background: url(images/login-field.png) no-repeat; }

#drawer .login-form                             { height: 160px; padding-right: 30px; border-right: 1px solid #474747;}

#drawer .login-form button                      { float: left; clear: left; font-family: proxima-nova-1; color: #fff; font-size: 0.82em; font-weight: bold; text-shadow: #555 0 1px 0; text-transform: uppercase; text-align: left; width: 101px; margin: 5px 0 0 -3px; padding: 3px 0 3px 10px; border: none; background: url(images/login-button.png) no-repeat; }

#drawer .login-form a                           { float: left; color: #ccc; font-size: 0.75em; text-decoration: none; text-shadow: #000 0 1px 0; margin: 9px 14px; }


/* -- CoreTrek footer -- */

#coretrek-footer                                { display: none; float: left; clear: left; font-size: 0.8em; }

/* -- Tooltip -- */
#tooltip-top                                { background: url(images/tooltip/tooltip-top.gif) no-repeat 5px 0; overflow: hidden; height: 14px; width: 33px; }

#tooltip-bottom                             { background: url(images/tooltip/tooltip-bottom.gif) no-repeat 5px 0; overflow: hidden; height: 14px; width: 33px; display: none; }

#tooltip-content                            { background: #fff588; border-right: 1px solid #ccc255; border-bottom: 1px solid #ddd366; padding: 10px; max-width: 300px; }

.flipped-y #tooltip-bottom                  { display: block; }

.flipped-y #tooltip-top                     { display: none; }

.flipped-y #tooltip-content                 { border-bottom: none; }


/* -- Debug info -- */

#sc-page-debug                                  { display: none; }