/* 
================================================================================
CSS styles for SCREEN media
Author: Sininen Meteoriitti Oy, 2010

Document structure:
  - Basic styles for tags
  - Unique elements and their contents (in order of appearance in page source)
  - Other classes

This stylesheet is used in every page of the site and contains styles used by
all of them. 
================================================================================
*/

/*

FONTS
font-family: Helvetica, Arial, sans-serif
line height: 1.5
body text: 16px (/24px)
heading 1: 36px (/48px)
heading 2: 24px (/24px)
heading 3: 18px (/24px)
bottom margin (basic elements): 24px

COLORS
text: #333
headings: #f90
links: #069 (visited: #09c)

*/

/*
================================================================================
RESET (modified http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/)
================================================================================
*/

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; border: 0; padding: 0; outline: 0; font-family: inherit; font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline; }
:focus{ outline: 0; }
ol, ul{ list-style: none; }
table{ border-collapse: separate; border-spacing: 0; }
caption, th, td{ text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after{ content: ""; }
blockquote, q{ quotes: "" ""; }

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{ padding: 0; border: none; }

/*
================================================================================
12 COLUMN GRID (modified http://960.gs/)
================================================================================
*/

.container-12{ width: 960px; margin: 0 auto; }
.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9,.grid-10,.grid-11,.grid-12{ display: inline; float: left; margin-left: 10px; margin-right: 10px; }
.container-12 .grid-1{ width: 60px; } .container-12 .grid-2{ width: 140px; }
.container-12 .grid-3{ width: 220px; } .container-12 .grid-4{ width: 300px; }
.container-12 .grid-5{ width: 380px; } .container-12 .grid-6{ width: 460px; }
.container-12 .grid-7{ width: 540px; } .container-12 .grid-8{ width: 620px; }
.container-12 .grid-9{ width: 700px; } .container-12 .grid-10{ width: 780px; }
.container-12 .grid-11{ width: 860px; } .container-12 .grid-12{ width: 940px; }
.container-12 .prefix-1{ padding-left: 80px; } .container-12 .prefix-2{ padding-left: 160px; }
.container-12 .prefix-3{ padding-left: 240px; } .container-12 .prefix-4{ padding-left: 320px; }
.container-12 .prefix-5{ padding-left: 400px; } .container-12 .prefix-6{ padding-left: 480px; }
.container-12 .prefix-7{ padding-left: 560px; } .container-12 .prefix-8{ padding-left: 640px; }
.container-12 .prefix-9{ padding-left: 720px; } .container-12 .prefix-10{ padding-left: 800px; }
.container-12 .prefix-11{ padding-left: 880px; }
.container-12 .suffix-1{ padding-right: 80px; } .container-12 .suffix-2{ padding-right: 160px; }
.container-12 .suffix-3{ padding-right: 240px; } .container-12 .suffix-4{ padding-right: 320px; }
.container-12 .suffix-5{ padding-right: 400px; } .container-12 .suffix-6{ padding-right: 480px; }
.container-12 .suffix-7{ padding-right: 560px; } .container-12 .suffix-8{ padding-right: 640px; }
.container-12 .suffix-9{ padding-right: 720px; } .container-12 .suffix-10{ padding-right: 800px; }
.container-12 .suffix-11{ padding-right: 880px; }
.container-12 .push-1{ left: 80px; } .container-12 .push-2{ left: 160px; }
.container-12 .push-3{ left: 240px; } .container-12 .push-4{ left: 320px; }
.container-12 .push-5{ left: 400px; } .container-12 .push-6{ left: 480px; }
.container-12 .push-7{ left: 560px; } .container-12 .push-8{ left: 640px; }
.container-12 .push-9{ left: 720px; } .container-12 .push-10{ left: 800px; }
.container-12 .push-11{ left: 880px; }
.container-12 .pull-1{ left: -80px; } .container-12 .pull-2{ left: -160px; }
.container-12 .pull-3{ left: -240px; } .container-12 .pull-4{ left: -320px; }
.container-12 .pull-5{ left: -400px; } .container-12 .pull-6{ left: -480px; }
.container-12 .pull-7{ left: -560px; } .container-12 .pull-8{ left: -640px; }
.container-12 .pull-9{ left: -720px; } .container-12 .pull-10{ left: -800px; }
.container-12 .pull-11{ left: -880px; }
.alpha{ margin-left: 0; }
.omega{ margin-right: 0; }

/*
================================================================================
BASIC STYLES for tags
================================================================================
*/

body{ min-width: 980px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.5; color: #333; background-color: #3a3a3a; }

h1, h2, h3, h4, h5, h6{ font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #333; }
h1{ font-size: 36px; line-height: 1; color: #f90; }
h2{ font-size: 24px; }
h3{ font-size: 18px; }
h4, h5, h6{ font-size: 16px; font-weight: bold; }

input, textarea, select{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1em; }

a, a:link{ text-decoration: none; color: #069; cursor: pointer; }
a:visited{ color: #09c; }
a:hover{ text-decoration: underline; color: #069; }
a:active{ color: #069; }
a:not([href]){ text-decoration: none; color: #333; }

h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active{ text-decoration: none; color: #f90; }
h2 a, h3 a, h4 a, h5 a, h6 a,
h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link{ color: #333; }
h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited{ color: #333; }
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{ text-decoration: underline; }

sup, sub{ line-height: 1; }

strong{ font-weight: bold; }
em{ font-style: italic; }

/*
================================================================================
UNIQUE ELEMENTS and their contents
================================================================================
*/

div#top, div#bottom{ display: block; position: absolute; top: 0; left: 0; width: 0; height: 0; margin: 0; padding: 0; overflow: hidden; margin-left: -9999px; }

/* Header */

div#header{ height: 120px; padding-bottom: 5px; color: #fff; background: #61605c url(/Layout/Default/Image/Bg/bg-header.png) repeat-x left top; }
div#header div.container-12{ position: relative; height: 120px; padding: 0 10px; background: transparent url(/Layout/Default/Image/Bg/bg-header-container.png) no-repeat center top; }
div#header h5{ display: none; }

div#logo{ position: absolute; bottom: 16px; left: 15px; }
div#logo, div#logo p, div#logo p a{ display: block; width: 205px; height: 35px; line-height: 1; text-decoration: none; }
div#logo p a{ background-color: transparent; background-repeat: no-repeat; background-position: left top; }
.fi div#logo p a{ background-image: url(/Layout/Default/Image/Bg/bg-logo-fi.png) }
.sv div#logo p a{ background-image: url(/Layout/Default/Image/Bg/bg-logo-sv.png) }
.en div#logo p a{ background-image: url(/Layout/Default/Image/Bg/bg-logo-en.png) }
div#logo p a img{ display: none; }

div#langNav, div#siteNav{ height: 50px; font-size: 12px; line-height: 50px; }
div#langNav ul, div#langNav ul li, div#siteNav ul, div#siteNav ul li{ float: left; }
div#siteNav ul{ float: right; }
div#langNav ul li, div#siteNav ul li{ margin-right: 10px; }
div#langNav ul li.selectedPath{ display: none; }
div#langNav ul li.lastItem, div#siteNav ul li.lastItem{ margin: 0; }
div#langNav ul li a, div#siteNav ul li a{ color: #ccc; }
div#langNav ul li a:hover, div#siteNav ul li a:hover{ text-decoration: none; color: #000; }
div#langNav ul li.selected a, div#siteNav ul li.selected a{ border: 0; color: #000; }

div#search{ float: right; height: 30px; margin: 0; padding: 10px 0; font-size: 12px; }
div#search div.searchForm, div#search div.searchForm div, div#search div.searchForm div fieldset{ float: left; width: 218px; }
div#search div.searchForm{ height: 28px; border: 1px solid #999; overflow: hidden; background-color: #777;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
div#search legend, div#search label{ display: none; }
div#search input.inputText{ float: left; width: 166px; height: 14px; border: 0; padding: 7px 9px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ccc; background: none; }
div#search input.inputText:hover, div#search input.inputText:focus{ color: #fff; }
div#search input.searchButton{ float: right; width: 32px; height: 28px; margin: 0; border: 0; padding: 28px 0 0; overflow: hidden; text-indent: -9999px; background: transparent url(/Layout/Default/Image/Bg/bg-search-button.png) no-repeat center center; cursor: pointer; }
div#search input.searchButton:active, div#search input.searchButton:focus{ outline: none; border: 0; }

div#mainNav{ position: absolute; bottom: 0; left: 240px; width: 740px; margin: 0; padding-left: 0; overflow: hidden; line-height: 1; }
div#mainNav ul, div#mainNav ul li, div#mainNav ul li a{ float: left; }
div#mainNav ul{ height: 63px; padding: 10px 10px 0 10px; font-size: 21px; }
div#mainNav ul li{ margin-right: 6px; height: 62px; padding: 1px 1px 0 1px; }
div#mainNav ul li.lastItem{ margin-right: 0; }
div#mainNav ul li.selected,
div#mainNav ul li.selectedPath{ border: 1px solid #f90; border-bottom: 0; padding: 0; color: #fff; background: #f90 url(/Layout/Default/Image/Bg/bg-mainnav-item-act.png) repeat-x left top;
	-webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px;
	border-top-left-radius: 15px; border-top-right-radius: 15px;
	-webkit-box-shadow: 0 0 10px #333; -moz-box-shadow: 0 0 10px #333; box-shadow: 0 0 10px #333; }
div#mainNav ul li strong{ font-weight: normal; }
div#mainNav ul li a{ padding: 14px 9px; color: #fff; }
div#mainNav ul li.rootPage a{ width: 22px; height: 34px; text-indent: -9999px; background: transparent url(/Layout/Default/Image/Bg/bg-mainnav-home.png) no-repeat center top; }
div#mainNav ul li a:hover,
div#mainNav ul li.rootPage a:hover,
div#mainNav ul li.selected a,
div#mainNav ul li.selectedPath a{ text-decoration: none; color: #333; background-position: center -62px; }
div#mainNav ul li a span.separator{ display: none; }
div#mainNav ul li a span.description{ display: block; font-size: 10px; color: #eee; white-space: nowrap; }
div#mainNav ul li a:hover span.description,
div#mainNav ul li.selected a span.description,
div#mainNav ul li.selectedPath a span.description{ color: #444; }

/* Content */

div#content{ min-height: 450px; padding-bottom: 50px; background-color: #fff; }
div#content div.container-12{ position: relative; padding: 0 10px; }
div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6,
div#content p, div#content blockquote, div#content pre,
div#content dl, div#content ol, div#content ul, div#content form, div#content table{ margin-bottom: 24px; }

div#content .grid-3,
div#content .grid-6{ font-size: 14px; line-height: 18px; }
div#content .grid-3 h1, div#content .grid-3 h2, div#content .grid-3 h3, div#content .grid-3 h4, div#content .grid-3 h5, div#content .grid-3 h6,
div#content .grid-6 h1, div#content .grid-6 h2, div#content .grid-6 h3, div#content .grid-6 h4, div#content .grid-6 h5, div#content .grid-6 h6,
div#content .grid-3 p, div#content .grid-3 blockquote, div#content .grid-3 pre,
div#content .grid-6 p, div#content .grid-6 blockquote, div#content .grid-6 pre,
div#content .grid-3 dl, div#content .grid-3 ol, div#content .grid-3 ul, div#content .grid-3 form, div#content .grid-3 table,
div#content .grid-6 dl, div#content .grid-6 ol, div#content .grid-6 ul, div#content .grid-6 form, div#content .grid-6 table{ margin-bottom: 18px; }
div#content .grid-3 h2,
div#content .grid-6 h2{ font-size: 16px; }
div#content .grid-6 h2{ background: transparent url(/Layout/Default/Image/Bg/bg-grid6-heading.png) no-repeat left bottom; }
div#content .grid-3 h2{ background: transparent url(/Layout/Default/Image/Bg/bg-grid3-heading.png) no-repeat left bottom; }
div#content .grid-3 h3,
div#content .grid-6 h3{ font-size: 16px; }

div#login{ float: right; min-height: 14px; margin: 0 !important; padding: 18px 0; font-size: 14px !important; line-height: 16px !important; text-align: right; color: #323232; }
div#login ul{ float: right; margin: 0 !important; }
div#login ul li{ float: left; margin-right: 10px; }
div#login ul li.lastItem{ margin-right: 0; }
div#login ul li a{ color: #323232; }
div#login .linkButton{ margin: 0; border: 0; padding: 0; overflow: visible; background: none; cursor: pointer; }

div#crumbtrail{ float: left; min-height: 14px; padding: 18px 0; font-size: 14px; line-height: 16px; color: #323232; }
div#crumbtrail p{ width: 100%; margin: 0 !important; overflow: hidden; }
div#crumbtrail span.active, div#crumbtrail span.inactive{ float: left; margin-right: 5px; }
div#crumbtrail span.inactive{ padding-right: 11px; background: transparent url(/Layout/Default/Image/Bg/bg-crumbtrail-separator.png) no-repeat right center; }
div#crumbtrail a{ border-color: #323232; color: #323232; }
div#crumbtrail span.separator{ display: none; }

div#subNav{ width: 230px; margin-right: 20px; margin-left: -10px; } 
div#subNav h5{ display: none; }
div#subNav div.bottom{ padding-bottom: 50px; background: transparent url(/Layout/Default/Image/Bg/bg-subnav-container-bottom.png) no-repeat -3px bottom; }
div#subNav div.top{ padding-top: 50px; background: transparent url(/Layout/Default/Image/Bg/bg-subnav-container-top.png) no-repeat -3px top; }
div#subNav div.middle{ background: transparent url(/Layout/Default/Image/Bg/bg-subnav-container-middle.png) repeat-y -3px top; }
div#subNav ul{ min-height: 300px; height: auto !important; height: 300px; margin: 0 !important; font-size: 14px; line-height: 21px; }
div#subNav ul li{ margin-bottom: 5px; }
div#subNav ul li.selectedPath{ border: 1px solid #f90; background: #fa1 url(/Layout/Default/Image/Bg/bg-subnav-item-act.png) repeat-y right top;
	-webkit-border-radius: 3px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px;
	-moz-border-radius: 3px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px;
	border-radius: 3px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
div#subNav ul li.lastItem{ margin-bottom: 0; }
div#subNav ul li strong{ font-weight: normal; }
div#subNav ul li a{ display: block; border: 1px solid #ddd; min-height: 21px; height: auto !important; height: 21px; padding: 11px 19px 4px 19px; color: #666; background: #eee url(/Layout/Default/Image/Bg/bg-subnav-item.png) repeat-y right top;
	-webkit-border-radius: 3px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px;
	-moz-border-radius: 3px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px;
	border-radius: 3px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
div#subNav ul li a:hover{ text-decoration: none; color: #333; border: 1px solid #ccc; background: #ddd url(/Layout/Default/Image/Bg/bg-subnav-item-hover.png) repeat-y right top; }
div#subNav ul li.selectedPath a{ border: 0; color: #fff; background: none; }
div#subNav ul li.selectedPath a:hover{ border: 0; color: #333; background: none; }
div#subNav ul li.selected a,
div#subNav ul li.selectedWithChildren a{ border: 0; color: #333; }
div#subNav ul li ul{ float: none; width: auto; min-height: 0; height: auto !important; padding-bottom: 10px; font-size: 12px; background: none; }
div#subNav ul li ul li{ border: 0 !important; margin: 0; }
div#subNav ul li ul li a{ padding: 0 20px 0 40px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
div#subNav ul li.selectedPath ul li a{ color: #fff; }
div#subNav ul li ul li.selected a{ color: #333; }
div#subNav ul li ul li a:hover{ color: #333; }
div#subNav ul li ul li ul{ padding-bottom: 0; }
div#subNav ul li ul li ul li a{ padding: 0 20px 0 60px; color: #fff; }
div#subNav ul li ul li.selectedPath ul li a{ color: #fff; }
div#subNav ul li ul li ul li.selected a{ color: #333; }

div#mainContent .highlights .image{ width: 220px; height: 90px; margin-bottom: 18px; border: 0; overflow: hidden; line-height: 1; }
div#mainContent .highlights .image a,
div#mainContent .highlights .image img{ display: block; border: 0; }
div#mainContent .highlights .text{ font-size: 12px; }
div#mainContent .highlights .text h2{ margin-bottom: 0; font-size: 16px; background: none; }
/*div#mainContent .highlights .text .content{ margin-bottom: 36px; }*/

/* Footer */

div#footer{ padding-top: 20px; color: #fff; background: #3a3a3a url(/Layout/Default/Image/Bg/bg-footer.png) repeat-x left top; }
div#footer div.container-12{ padding: 0 10px; background: transparent url(/Layout/Default/Image/Bg/bg-footer-container.png) no-repeat center top; }
div#footer h5{ display: none; }

div#footerNav{ width: 790px; margin-left: 0; }
div#footerNav ul{ float: left; width: 100%; font-size: 18px; line-height: 50px; }
div#footerNav ul li{ display: inline; float: left; width: 140px; margin-right: 10px; padding-left: 10px; }
div#footerNav ul li.lastItem{ margin-right: 0; }
div#footerNav ul li a{ display: block; height: 50px; color: #fff; }
div#footerNav ul li a:hover{ text-decoration: none; color: #000; }
div#footerNav ul li ul{ float: none; margin: 15px 0 0 -10px; font-size: 11px; line-height: 16px; }
div#footerNav ul li ul li{ display: block; float: none; width: auto; margin: 0; background: transparent url(/Layout/Default/Image/Bg/bg-footernav-item.png) no-repeat 0 6px; }
div#footerNav ul li ul li a{ display: block; min-height: 16px; height: auto !important; height: 16px; color: #ccc; }

div#socialNav{ float: right; width: 160px; margin: 20px 0 0; font-size: 12px; line-height: 16px; background: #5a5a5a url(/Layout/Default/Image/Bg/bg-social.png) no-repeat -40px -120px;
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
	-webkit-box-shadow: 0 0 10px #333; -moz-box-shadow: 0 0 10px #333; box-shadow: 0 0 10px #333; }
div#socialNav ul{ width: 140px; padding: 15px 10px; }
div#socialNav ul li{ display: block; min-height: 32px; height: auto !important; height: 32px; margin-bottom: 8px; }
div#socialNav ul li.itemIndex0{ margin-bottom: 16px; }
div#socialNav ul li.lastItem{ margin-bottom: 0; }
div#socialNav ul li a{ display: block; min-height: 32px; height: auto !important; height: 32px; padding-left: 40px; color: #fff; background-color: transparent; background-repeat: no-repeat; background-position: left center; }
div#socialNav ul li a:hover{ text-decoration: none; color: #000; }
/* Social Media Icons by: FastIcon.com */
div#socialNav ul li.delicious a{ background-image: url(/Layout/Default/Image/Icon/icon-social-delicious.png); }
div#socialNav ul li.digg a{ background-image: url(/Layout/Default/Image/Icon/icon-social-digg.png); }
div#socialNav ul li.facebook a{ background-image: url(/Layout/Default/Image/Icon/icon-social-facebook.png); }
div#socialNav ul li.favorite a{ background-image: url(/Layout/Default/Image/Icon/icon-social-favorite.png); }
div#socialNav ul li.feed a,
div#socialNav ul li.rss a{ background-image: url(/Layout/Default/Image/Icon/icon-social-feed.png); }
div#socialNav ul li.flickr a{ background-image: url(/Layout/Default/Image/Icon/icon-social-flickr.png); }
div#socialNav ul li.google a{ background-image: url(/Layout/Default/Image/Icon/icon-social-google.png); }
div#socialNav ul li.myspace a{ background-image: url(/Layout/Default/Image/Icon/icon-social-myspace.png); }
div#socialNav ul li.twitter a{ background-image: url(/Layout/Default/Image/Icon/icon-social-twitter.png); }
div#socialNav ul li.youtube a{ background-image: url(/Layout/Default/Image/Icon/icon-social-youtube.png); }

div#copyright{ clear: both; min-height: 50px; height: auto !important; height: 50px; margin-top: 10px; font-size: 12px; line-height: 50px; }
div#copyright a{ color: #fff; }

/* Meteor Sidebar */

div#meteorSidebarWrapper{ z-index: 1000 !important; }

/*
================================================================================
PAGE SPECIFIC ELEMENTS and their contents
================================================================================
*/

/* Frontpage */

.frontpage div#extraContent{ float: right; margin-right: 0; }

body.frontpage #mainContent p
{
	margin-bottom:8px;
}

/* 4 Column Layout */

.col4 div#mainContent .extra{ margin-bottom: 24px; padding-bottom: 6px; background: transparent url(/Layout/Default/Image/Bg/bg-horizontal-separator-grid-9.png) no-repeat center bottom; }

/*
================================================================================
CONTROL ELEMENTS and their contents
================================================================================
*/

/* Announcements */

div#content div.announcement .publishingTime{ font-style: italic; }
div#content div.announcement .caption{ font-weight: bold; }

.announcementGroup ul li{ margin-bottom: 24px; }
.grid-3 .announcementGroup ul li{ margin-bottom: 18px; }
.announcementGroup ul li a{ font-weight: bold; }
.grid-3 .announcementGroup ul li a{ font-weight: normal; }
.grid-3 .announcementGroup ul li .image{ margin-bottom: 18px; }
.grid-3 .announcementGroup ul li .body{ font-size: 12px; }

div#content .announcementArchive ul{ width: 100%; overflow: hidden; }
div#content .announcementArchive ul li{ width: 100%; overflow: hidden; }
div#content .announcementArchive ul li .date{ float: left; }
div#content .announcementArchive ul li .link{ margin-left: 100px; }

/* Blog */

.blog, .post{ clear: both; }
.blog .date, .post .date{ margin-top: -24px; font-style: italic; }

/* Channel View */

.channelView ul li{ margin-bottom: 24px; }
.grid-3 .channelView ul li{ margin-bottom: 18px; }
.channelView ul li .separator{ display: none; }
.channelView ul li .meta{ display: block; }
.grid-3 .channelView ul li .meta{ font-size: 12px; }

body.frontpage #mainContent .channelView ul,
body.frontpage #mainContent .channelView ul li
{
	margin-bottom:0;
}

body.frontpage #mainContent .channelView a
{
	display:block;
	font-size:12px;
	line-height:normal;
	margin:0 0 10px 0;
	color:#333;
}

body.frontpage #mainContent .channelView .date
{
	display:block;
	margin-bottom:10px;
	font-size:12px;
	line-height:normal;
}

/* Custom Form */

.form{ width: 100%; overflow: hidden; font-size: 14px; }
.form fieldset{ clear: both; margin: 0; border: 0; padding: 0; }
.form fieldset legend{ float: left; width: 100%; margin: 0 0 24px; border: 0; padding: 0; font-size: 18px; color: #333; }
.form .formMessage{ clear: both; margin-bottom: 24px; border: 1px solid #fc3; padding: 19px; color: #fff; background-color: #f90;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.125); -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.125); box-shadow: inset 0 0 10px rgba(0,0,0,0.125); }
.form .information{ border-color: #cf0; background-color: #9c0; }
.form .exclamation{ border-color: #f00; background-color: #c00; }
.form .formMessage p,
.form .formMessage ul,
.form .formMessage ul li{ margin: 0 !important; padding: 0 !important; }
.form .formMessage a{ text-decoration: underline; color: #fff; }
.form .formMessage a:hover{ text-decoration: none; }
.form .innerForm{ clear: both; float: left; width: 100%; }
.form .field, .form .fieldset{ clear: both; float: left; width: 100%; margin-bottom: 12px; }
.form .field.error, .form .fieldset.error{ background-color: #ecc; }
.form .inputGroup .field{ clear: both; float: left; width: 100%; margin: 0; padding: 0; }

/*
.form .label{ float: left; width: 140px; margin-right: 20px; padding-top: 3px; font-weight: normal; }
*/
.form .label{ float: left; width: 180px; margin-right: 0px; padding-top: 3px; font-weight: normal; }

/*
.form .field .input, .form .fieldset .inputGroup{ float: left; width: 540px;}
*/
.form .field .input, .form .fieldset .inputGroup{ float: left; width: 515px;}

.form .label strong{ font-weight: normal; }
.form .field .input .help{ display: block; font-size: 14px; }
.form .field .input input.textfield,
.form .field .input textarea,
.form .field .input select,
.form .calendar table td.inputCell input,
.form .captcha .inputGroup table td.inputCaptcha input.textfield{ border: 1px solid #ccc; padding: 4px 9px; color: #666; background-color: #eee;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.125); -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.125); box-shadow: inset 0 0 10px rgba(0,0,0,0.125); }
.form .field .input .markItUp, .form .field .input .markItUpPreviewFrame{ width: 100% !important; }

.form .field .input input.textfield{ width: 280px; }


.form .field .input input.small{ width: 120px; }
.form .field .input input.large{ width: 440px; }
.form .field .input input.full{ width: 500px; }
.form .field .input input.numeral{ text-align: right; }
.form .field .input textarea{ width: 500px; }

.form .field .input select{ min-width: 300px; max-width: 100%; }


.form .preference .input,
.form .inputGroup .field .input{ float: left; width: 24px !important; margin-top: 0; margin-bottom: 0; padding-top: 3px; text-align: center; line-height: 24px; }
.form .preference .input{ padding: 0; }
.form .preference .label,
.form .inputGroup .field .label{ float: none; display: block; width: auto !important; margin-right: 0; margin-left: 30px; }
.form .preference .label{ padding: 0; }
.form .inputGroup .field .label .additionalInput{ float: none; display: block; width: auto !important; margin-top: 5px; padding: 0; }
.form .field table, .form .fieldset table{ table-layout: fixed; width: 100%; margin: 0 !important; }
.form .fieldset table.inputGroup{ table-layout: auto; }
.form .field table td, .form .fieldset table td{ vertical-align: top; }
.form table.inputGroup tr td.input{ float: none; width: 24px; padding-right: 6px; vertical-align: middle; }
.form table.inputGroup tr td.label{ width: auto; }
.form .calendar{ float: left; width: 160px; margin-right: 10px; font-family: Tahoma, Arial, Helvetica, sans-serif !important; font-size: 1em !important; }
.form .calendarSeparator{ float: left; width: auto; }
.form .calendar table{ float: left; width: auto !important; font-size: 1em !important; }
.form .calendar table td{ vertical-align: middle !important; }
.form .calendar table td span{ display: inline !important; }
.form .calendar table td.inputCell{ width: 140px !important; padding: 0 5px 0 0 !important; }
.form .calendar table td.inputCell span{ font-size: 1em; }
.form .calendar table td.inputCell input{ display: inline; width: 120px !important; font-family: Tahoma, Arial, Helvetica, sans-serif !important; font-size: 1em !important; }
table.calendarWrapper_Meteor{ font-size: 11px !important; }
table.titlebar_Meteor td{ vertical-align: middle; }
.form .captcha .inputGroup table{ width: auto; margin: 0 !important; border: 0; border-collapse: collapse; border-spacing: 0; padding: 0; }
.form .captcha .inputGroup table td{ padding: 0; vertical-align: middle; }
.form .captcha .inputGroup table td.image{ width: 53px; }
.form .captcha .inputGroup table td.image img{ margin: 0 !important; padding: 0 !important; }
.form .captcha .inputGroup table td.equal{ padding: 0 10px; font-size: 18px; text-align: center; }
.form .captcha .inputGroup table td.inputCaptcha{ width: 120px; }
.form .captcha .inputGroup table td.inputCaptcha input.textfield{ width: 120px; }
.form .buttons{ clear: both; float: left; width: 540px; padding-left: 160px; margin: 12px 0 24px; padding-top: 24px; font-size: 16px; background: transparent url(/Layout/Default/Image/Bg/bg-horizontal-separator-grid-9.png) no-repeat center top; }

/* Alternative Gorm */

.altForm{ margin-bottom: 24px; border: 1px solid #ddd; padding: 19px; overflow: hidden; font-size: 14px; background-color: #eee;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.125); -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.125); box-shadow: inset 0 0 10px rgba(0,0,0,0.125); }
.altForm a{ color: #069; }
.altForm fieldset legend{ font-size: 18px; margin-bottom: 12px; }
.altForm .field, 
.altForm .fieldset{ clear: both; float: left; width: 100%; margin-bottom: 6px; }
.altForm .searchForm .input{ margin-right: 5px; }
.altForm .searchForm .buttons{ margin: 0; padding: 0; }
.altForm .single,
.altForm .last{ margin-bottom: 0; }
.altForm .heading h2, .altForm .heading h3{ margin: 0 !important; }
.altForm .label{ float: left; width: 140px; margin-right: 20px; }
.altForm .input{ float: left; }
.altForm .input .textfield,
.altForm .input select{ margin: 0; border: 1px solid #ccc; padding: 2px 4px; background-color: #fff;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.125); -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.125); box-shadow: inset 0 0 5px rgba(0,0,0,0.125); }
.altForm .input .textfield{ width: 150px; }
.altForm .input .full{ width: 490px; }
.altForm .input select{ min-width: 160px; padding: 1px; }
.altForm .help{ float: left; font-size: 12px; line-height: 23px; color: #666; }
.altForm .buttons{ float: left; margin-top: 6px; padding-left: 160px; }

/* Forum and Commenting */

.forum .paging, .commenting .paging{ margin-top: 0; padding-top: 0; }

.forum .moderationTools,
.commenting .moderationTools{ text-align: right; }
.forum .groupHeader,
.commenting .groupHeader{ margin-bottom: 20px; }

.forum .sectionChildGroups .groupContainer h3 {font-weight:normal; font-size:16px;}
.forum .sectionChildGroups .groupContainer h3 a{color:#069;}
.forum .sectionChildGroups .groupContainer .description{ margin-top: -24px; }

.forum table.statistics{ width: 100%; font-size: 14px; }
.forum table.statistics th{ width: 160px; font-style: italic; text-align: left; }
.forum table.statistics td{ width: auto; white-space: normal; }
.forum table.statistics td span span{ white-space: nowrap; }
.forum table.statistics td span span.title{ white-space: normal; }

.forum table.threadList{ width: 100%; font-size: 14px; }
.forum table.threadList th,
.forum table.threadList td{ border-bottom: 1px solid #ddd; padding: 5px 10px; text-align: left; vertical-align: top; }
.forum table.threadList th{ font-weight: bold; }
.forum table.threadList .type{ width: 1px; padding-right: 0; text-align: center; }
.forum table.threadList .title{ width: 280px; }
.forum table.threadList th.title{ padding-left: 44px; }
.forum table.threadList .messageCount,
.forum table.threadList .viewCount{ width: 1px; text-align: center; }
.forum table.threadList .action{ width: 1px; text-align: center; }
.forum table.threadList td.info span span{ white-space: nowrap; }
.forum table.threadList td.info span span.title{ font-weight: normal; white-space: normal; }

.forum .displayOptions{ margin-bottom: 24px; font-size: 14px; line-height: 24px; }
.forum .displayOptions fieldset{ margin: 0; border: 0; padding: 0; }
.forum .displayOptions span.field{ margin-right: 10px; }

.commenting .commentList{ width: 100%; margin: 0 !important; }
.forum .message,
.commenting .comment{ margin: 0 0 24px; border: 1px solid #ddd; padding: 20px; overflow: hidden;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.forum .message .messageTitle,
.commenting .comment .commentTitle{ margin: 0 !important; font-size: 18px; color: #333; }

.discussionNavigationPath, .discussionNavigationPath a { font-size: 13px; }

.forum .message .messageMeta,
.commenting .comment .commentMeta{ font-style: italic; font-size: 14px; }
.forum .message .messageMeta p,
.commenting .comment .commentMeta p{ margin: 0 !important; }
.forum .message .messageBody,
.commenting .comment .commentBody{ padding: 24px 0; }
.commenting .commentList .comment .commentBody{ padding-bottom: 0; }
.forum .message .messageBody blockquote,
.commenting .comment .commentBody blockquote{ margin: 0 !important; border: 1px dashed #ccc; padding: 20px; font-size: 14px; color: #666; background-color: #eee;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.forum .message .messageBody blockquote cite,
.commenting .comment .commentBody blockquote cite{ display: block; margin-bottom: 0; font-size: 12px; font-style: italic; }
.forum .message .messageActions,
.blog .post .postActions,
.commenting .comment .commentActions{ width: 100%; overflow: hidden; }
.blog .post .postActions{ margin-bottom: 24px; }
.forum .message .messageActions ul,
.blog .post .postActions ul,
.commenting .comment .commentActions ul{ float: left; width: auto; margin: 0 !important; padding: 0; list-style: none; }
.forum .message .messageActions ul li,
.blog .post .postActions ul li,
.commenting .comment .commentActions ul li{ float: left; }
.forum .message .messageActions ul li a,
.blog .post .postActions ul li a,
.commenting .comment .commentActions ul li a{ color: #069; }
.forum .message .messageActions ul.links li,
.blog .post .postActions ul.links li,
.commenting .comment .commentActions ul.links li{ margin-right: 10px; }
.forum .message .messageActions ul.links li a,
.blog .post .postActions ul.links li a,
.commenting .comment .commentActions ul.links li a{ padding-left: 0; background: transparent no-repeat left center; }
.forum .message .messageActions ul.links li.quote a,
.blog .post .postActions ul.links li.quote a,
.commenting .comment .commentActions ul.links li.quote a{ background-image: url(/Layout/Default/Image/Forum/icon_quote.png); }
.forum .message .messageActions ul.links li.reportAbuse a,
.blog .post .postActions ul.links li.reportAbuse a,
.commenting .comment .commentActions ul.links li.reportAbuse a{ background-image: url(/Layout/Default/Image/Forum/icon_report-abuse.png); }
.forum .message .messageActions div,
.blog .post .postActions div,
.commenting .comment .commentActions div{ float: left; text-align: left; }
.forum .message .messageActions div .rating,
.blog .post .postActions div .rating,
.commenting .comment .commentActions div .rating{ margin: 0 10px 0 0; }

/* Links */

.feedLink{ margin-bottom: 24px; }
.feedLink a{ padding-left: 26px; background: transparent url(/Layout/Default/Image/Icon/icon-feed.png) no-repeat left center; }

/* Map View */

.mapView .map{ margin-bottom: 24px; }
.mapView .mapViewRoute{ padding: 0 !important; }
.mapView .googledir{ margin-bottom: 24px; }
.mapView .googledir b{ padding: 0 !important; }

/* Pagination */

.pagination,
.paging{ margin: 0 0 24px; padding: 24px 0 0; font-size: 14px; line-height: 24px; text-align: center; }
.pagination .pages .page,
.paging a{ display: inline-block; border: 1px solid #ddd; margin: 0 2px; padding: 0 9px; font-weight: normal; text-decoration: none !important; color: #333; background-color: #eee;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.pagination .pages .page:hover,
.paging a:hover{ color: #333; background-color: #ddd; }
.pagination .pages .selected,
.pagination .pages .selected:hover,
.pagination .pages .page[disabled],
.paging span.selectedPageNumber{ display: inline-block; border: 0; padding: 3px 10px; color: #333; background-color: #fff; cursor: default; }
.pagination .pages .previous[disabled],
.pagination .pages .next[disabled]{ display: none; }
.paging span.separator{ padding: 0 10px 0 10px; }
.paging span strong{ font-weight: normal; }
.pagination .total{ margin-top: 24px; }

/* Rating */

.rating{ width: 100%; overflow: hidden; font-weight: bold; }
.rating ul{ float: left; margin: 0; list-style: none; }
.rating ul li{ float: left; margin-right: 5px; }
.rating ul li.value{ margin-right: 10px; }
.rating ul li.positiveValue{ color: #66bc29; }
.rating ul li.negativeValue{ color: #b10e0e; }
.rating ul li a{ text-decoration: none; }
.rating ul li a img{ vertical-align: middle; }

/* Rating View (Stars) */

.ratingView{ width: 100%; overflow: hidden; }
.ratingView .stars{ margin-right: 10px; vertical-align: text-top; }
.ratingView .separator{ display: none; }

/* Sitemap */

div#mainContent .siteMap .content ul{ float: left; width: 100%; }
div#mainContent .siteMap .content ul li{ float: left; margin-bottom: 24px; width: 220px; margin-right: 20px; }
div#mainContent .siteMap .content ul li.itemIndex2, div#mainContent .siteMap ul li.itemIndex5,
div#mainContent .siteMap .content ul li.itemIndex8, div#mainContent .siteMap ul li.itemIndex11,
div#mainContent .siteMap .content ul li.itemIndex14, div#mainContent .siteMap ul li.itemIndex17{ margin-right: 0; }
div#mainContent .siteMap .content ul li.itemIndex3, div#mainContent .siteMap ul li.itemIndex6,
div#mainContent .siteMap .content ul li.itemIndex9, div#mainContent .siteMap ul li.itemIndex12,
div#mainContent .siteMap .content ul li.itemIndex15, div#mainContent .siteMap ul li.itemIndex18{ clear: both; }
div#mainContent .siteMap .content ul li a{ display: block; font-size: 1.5em; text-decoration: none; color: #333; }
div#mainContent .siteMap .content ul li ul{ float: none; margin: 24px 0 0; }
div#mainContent .siteMap .content ul li ul li{ float: none; width: auto; margin: 0; }
div#mainContent .siteMap .content ul li ul li a{ font-size: 1em; font-weight: normal; color: #069; }
div#mainContent .siteMap .content ul li ul li a:hover{ text-decoration: underline; }
div#mainContent .siteMap .content ul li ul li ul{ margin: 0 0 0 20px; }
div#mainContent .siteMap .content ul li ul li ul li{ background-position: 7px 0.5em; }
div#mainContent .siteMap .content ul li ul li ul li a{ font-size: 0.875em; }

.siteMap .content .repeaterLetters{ float: left; width: 100%; margin-bottom: 24px; }
.siteMap .content .repeaterLetters span{ float: left; margin-right: 10px; }
.siteMap .content .repeaterLetters span a{ display: block; color: #069; }
.siteMap .content .dataListIndex table{ clear: both; width: 100%; }
.siteMap .content .dataListIndex table tr td .labelLetter a{ display: block; margin-top: 24px; }
.siteMap .content .labelLetter span{ font-size: 24px; }
.siteMap .content .labelLetter span a, .siteMap .content .labelLetter span a:hover{ text-decoration: none !important; color: #333; cursor: default; }
.siteMap .content .labelLetter span br{ display: none; }
.siteMap .content .labelLetter span b{ font-weight: normal; }

/* Text */

div#mainContent .text .content ol,
div#mainContent .text .content ul{ margin-left: 40px; list-style-position: outside; }
div#mainContent .text .content ol ol,
div#mainContent .text .content ul ul{ margin-bottom: 0; }
div#mainContent .grid-3 .text .content ol, div#mainContent .grid-6 .text .content ol,
div#mainContent .grid-3 .text .content ul, div#mainContent .grid-6 .text .content ul{ margin-left: 20px; }
div#mainContent .text .content ol{ list-style-type: decimal; }
div#mainContent .text .content ul{ list-style-type: disc; }

/*
================================================================================
SITE SPECIFIC CONTROL ELEMENTS and their contents
================================================================================
*/

table.list{ table-layout: fixed; width: 100%; font-size: 14px; }
table.list tr:hover{ background-color: #eee; }
table.list tr.header:hover{ background-color: transparent; }
table.list tr.header td{ font-weight: bold; vertical-align: bottom; }
table.list tr.header td a{ display: block; text-decoration: none; color: #333; }
table.list td{ padding: 3px 5px; }
table.list .first{ border-left: 1px solid #ddd; padding-left: 19px; }

.wordList ul{ float: left; width: 100%; overflow: hidden; font-size: 14px; }
.wordList ul li{ float: left; display: inline; width: 220px; margin: 0 10px; }
.wordList ul li.alpha{ clear: both; margin-left: 0; }
.wordList ul li.omega{ margin-right: 0; }

/* Library Database */

.libraryBrowse table.list{ font-size: 12px; }
.publicLibraryPersonnelBrowse table.list td,
.libraryUnitBrowse table.list td{ width: auto !important; }
.libraryBrowse table.list .name{ width: auto; border-left: 1px solid #ddd; padding-left: 19px; }
.libraryBrowse table.list .phone,
.libraryBrowse table.list .address,
.libraryBrowse table.list .position{ width: 140px; }
.libraryBrowse table.list .office,
.libraryBrowse table.list .email{ width: 180px; }

.libraryDatabase .message{ margin-bottom: 24px; }

.libraryDatabase table{ width: 100%; }
.libraryDatabase table.info{ width: 100%; overflow: hidden; }
.libraryDatabase table.info th{ width: 220px; padding-right: 10px; font-style: italic; }
.libraryDatabase table.info td{ width: auto; padding: 0 10px; }
.libraryDatabase table.info td.image{ padding-right: 0; text-align: right; vertical-align: top; }
.libraryDatabase table.info td.image img{ border: 1px solid #eee !important; padding: 9px; background-color: #fff; }
.libraryDatabase table.info td.image img{ vertical-align: middle }

.libraryDatabase .results table .header td{ font-weight: bold; }
.libraryPersonSearch .results table{ table-layout: fixed; font-size: 14px; }
.libraryPersonSearch .results table td{ padding: 0 10px; }
.libraryPersonSearch .results table .name{ padding-left: 0; }
.libraryPersonSearch .results table .municipality{ padding-right: 0; }
.librarySystemSearch .results table{ font-size: 14px; }
.librarySystemSearch .results table td{ padding: 0 10px; }
.librarySystemSearch .results table .system{ width: 140px; padding-left: 0; }
.librarySystemSearch .results table .name{ padding-right: 0; }
.libraryCollaborationSearch .results table{ table-layout: fixed; font-size: 14px; }
.libraryCollaborationSearch .results table td{ padding: 0 10px; }
.libraryCollaborationSearch .results table .collaboration{ padding-left: 0; }
.libraryCollaborationSearch .results table .name{ padding-right: 0; }

.publicLibraryList table{ font-size: 14px; }
.publicLibraryList table tr:hover{ background-color: #eee; }
.publicLibraryList table td{ padding: 3px 5px; }
.publicLibraryList table .name{ width: 140px; border-left: 1px solid #ddd; padding-left: 19px; }
.publicLibraryList table .link{ width: 60px; }
.publicLibraryList table .database{ width: auto; }
.publicLibraryList table td a{ display: block; }

.libraryBrowse .navigation{ border-left: 1px solid #ddd; padding-left: 19px; }
.libraryBrowse .navigation a{ color: #069; }

.timeTable table{ table-layout: fixed; }
.timeTable table th, .timeTable table td{ border-bottom: 1px solid #ddd; padding: 0 10px; }
.timeTable table th{ font-style: italic; }
.timeTable table thead th{ vertical-align: bottom; }
.timeTable table .day{ padding-left: 0; }
.timeTable table .summer{ padding-right: 0; }
.timeTable dl dt{ font-style: italic; }

/* Link Library */

.searchBar{ width: 100%; overflow: hidden; }
.searchBar a{ color: #069; }
.searchBar .searchForm{ float: left; width: auto; margin-right: 20px; }
.searchBar ul.links{ float: left; margin: 0 !important; }
.searchBar ul.links li{ float: left; margin-right: 10px; }
.searchBar .keywords{ margin-bottom: 0; clear: both; width: 100%; overflow: hidden; }
.searchBar .classes{ border-left: 1px solid #ddd; padding-left: 19px; }
.searchBar .classes ul li ul{ margin-left: 20px; }

.linkLibrary table{ margin: 0 !important; }
.linkLibrary h2 a, .linkLibrary h3 a{ display: inline; color: #333; background: none; }
.link table th{ width: 140px; padding-right: 20px; font-weight: bold; }

/* Professional Calendar */

.professionalCalendar table.list .title{ width: auto; }
.professionalCalendar table.list .city{ width: 140px; }
.professionalCalendar table.list .date{ width: 140px; white-space: nowrap; }

.professionalCalendarNoticeView table.info{ width: 100%; }
.professionalCalendarNoticeView table.info th{ width: 220px; padding-right: 10px; font-style: italic; }
.professionalCalendarNoticeView table.info td{ width: auto; padding-left: 10px; }
.professionalCalendarNoticeView .body{ margin: 24px 0; padding-top: 24px; background: transparent url(/Layout/Default/Image/Bg/bg-horizontal-separator-grid-9.png) no-repeat center top; }
.professionalCalendarNoticeView .body .container{ padding-bottom: 24px; background: transparent url(/Layout/Default/Image/Bg/bg-horizontal-separator-grid-9.png) no-repeat center bottom; }

/* Semantic Librarian */

.semanticLibrarian table.list .question{ width: auto; }
.userQuestionBrowse table.list{ font-size: 12px; }
.semanticLibrarian table.list .rating,
.semanticLibrarian table.list .count,
.semanticLibrarian table.list .date{ width: 140px; }
.userQuestionBrowse table.list .status,
.userQuestionBrowse table.list .count,
.userQuestionBrowse table.list .date{ width: 60px; }

.browseQuestions ul{ float: left; width: 100%; overflow: hidden; font-size: 14px; }
.browseQuestions ul li{ float: left; display: inline; width: 210px; margin: 0 10px; }
/*
.browseQuestions ul li{ float: left; display: inline; width: 220px; margin: 0 10px; }
.browseQuestions ul li.alpha{ clear: both; margin-left: 0; }
.browseQuestions ul li.omega{ margin-right: 0; }
*/

.questionView .question{ margin: 0 0 24px; border: 1px solid #ddd; padding: 20px; overflow: hidden; font-style: italic; background-color: #eee;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.questionView .answer{ margin: 0 0 24px; border: 1px solid #ddd; padding: 20px; overflow: hidden;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.questionView .answer .answerMeta{ font-style: italic; font-size: 14px; }
.questionView .message{ margin-bottom: 24px; }

.askQuestion .form .column{ float: left; width: 100%; }
.askQuestion .form .left, .askQuestion .form .right{ width: 220px !important; }
.askQuestion .form .right{ clear: none; float: right; }
.askQuestion .form .column .label,
.askQuestion .form .full .label{ width: 100%; margin-right: 0; padding: 0; }
.askQuestion .form .full .input{ width: 100%; }
.askQuestion .form .full .input input.textfield,
.askQuestion .form .full .input textarea{ width: 440px; }
.askQuestion .form .column .input input.textfield,
.askQuestion .form .column .input textarea{ width: 200px; }
.askQuestion .form .column .input select{ min-width: 200px; max-width: 220px; width: 220px; }
.askQuestion .form .column .input,
.askQuestion .form .column .inputGroup{ width: 100%; }
.askQuestion .form .column .inputGroup .field{ margin: 2px 0; }
.askQuestion .form .column .inputGroup .field .label .additionalInput input.textfield{ width: 170px; }
.askQuestion .form .column .inputGroup .field .input{ padding-top: 0; }
.askQuestion .form .column .preference{ margin: 0; padding-top: 5px; }
.askQuestion .form .column #municipalityIdSection div{ display: block !important; }
.askQuestion .form .column #municipalityIdSection div .ComboBox_None input{ width: 200px !important; height: auto !important; border: 1px solid #ccc; padding: 4px 9px; background-color: #eee;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.125); -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.125); box-shadow: inset 0 0 10px rgba(0,0,0,0.125); }
.askQuestion .form .column #municipalityIdSection div .ComboBoxDropDown_None{ display: none !important; }
.askQuestion .form .buttons{ width: 100%; padding: 0; background: none; }
.askQuestion .form .buttons .askLibrarian,
.askQuestion .form .buttons .searchArchive{ float: left; width: 220px; height: 75px; padding-left: 90px; padding-right: 0; font-size: 14px; font-weight: normal; text-align: left; white-space: normal; background-repeat: no-repeat; background-position: left center; }
.askQuestion .form .buttons .askLibrarian{ margin-right: 20px; background-image: url(/Layout/Default/Image/Bg/bg-button-ask-librarian.png); }
.askQuestion .form .buttons .searchArchive{ background-image: url(/Layout/Default/Image/Bg/bg-button-ask-librarian-search.png); }
.askQuestion .form .buttons .active,
.askQuestion .form .buttons .askLibrarian[disabled],
.askQuestion .form .buttons .searchArchive[disabled]{ border-color: #ccc; color: #666; background-color: #ddd; cursor: default; }
.askQuestion .form .buttons .send{ width: 100%; padding-left: 0; padding-right: 0; }

.askQuestion .form .column .smallText select
{
	padding-left:0;
	padding-right:0;
	font-size:11px;
}

.askQuestion .date
{
width:100%;
text-align:right;
font-size:11px;
color:#666;
margin-top:15px;
}

.askQuestion div.question
{ border: 1px solid #ccc; padding:0; color: #666; background-color: #eee;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.125); -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.125); box-shadow: inset 0 0 10px rgba(0,0,0,0.125); }

.askQuestion div.answer
{ border: 1px solid #ccc; padding:10px; color: #666; background-color: #fff;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.125); -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.125); box-shadow: inset 0 0 10px rgba(0,0,0,0.125); }

.askQuestion a.question
{
display:block;
width:417px;
background: transparent url(/Layout/Default/Image/Bg/nuolialas1.gif) no-repeat 100% 100%;
padding:12px 25px 0px 10px;
margin-bottom:8px;
}

.askQuestion a.question:hover
{
background-image:url(/Layout/Default/Image/Bg/nuolialas2.gif);
}

.askQuestion a.open
{
background-image:url(/Layout/Default/Image/Bg/nuoliylos1.gif);
}

.askQuestion a.open:hover
{
background-image:url(/Layout/Default/Image/Bg/nuoliylos2.gif);
}

.askQuestion .answer .keywords
{
border-top:solid 1px #dcdcdc;
border-bottom:solid 1px #dcdcdc;
margin-top:10px;
margin-bottom:10px;
padding-top:4px;
padding-bottom:4px;
}

.askQuestion .answer .keywords span
{
font-size:14px;
font-weight:normal;
color:#000;
}

.askQuestion .answer .commenting .form
{
clear:both;
margin:0;
padding:0;
}

.askQuestion .answer .commenting .form fieldset
{
display:none;
}

div#content .askQuestion .answer .commenting h2
{
float:left;
width:auto;
margin:0;
padding:0;
background:none;
font-size:14px;
font-weight:normal;
color:#000;
}

.askQuestion .answer .commenting .message
{
float:left;
width:auto;
margin-left:6px;
}


/* childrenQuestionInsert */
.childrenQuestionInsert .label,
.childrenQuestionInsert .input
{
	display:block;
}

.childrenQuestionInsert .input
{
	margin-bottom:10px;
}

.childrenQuestionInsert .input input,
.childrenQuestionInsert .input select,
.childrenQuestionInsert .input textarea
{ border: 1px solid #ccc; padding: 4px 9px; color: #666; background-color: #eee;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.125); -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.125); box-shadow: inset 0 0 10px rgba(0,0,0,0.125); }
.childrenQuestionInsert .help
{
	display:block;
	margin:10px 0 15px 0;
}

.questionSummary table.list { margin-top:20px; }
.questionSummary table.list .first{ border-left:0; padding-left:0; }

/* musicfromsubject */
.musicfromsubject .title
{
	font-size:36px; 
	line-height:1; 
	color: #f90;
	margin-bottom:20px;
}

div.musicfromsubject.tracksearch table.Functions td
{
	vertical-align:top;
	padding-right:10px;
}



.musicfromsubject .letterList,
.musicfromsubject .letterListActive,
.musicfromsubject .letterListSelectedActive
{
	padding:0 4px 0 4px;
}

.musicfromsubject .letterListSelectedActive
{
	font-weight:bold;
	color:#f8a002;
}

.musicfromsubject table.SearchResults
{
	border-top:solid 1px #ccc;
	margin-top:10px;
}

.musicfromsubject .SResultLink
{
	margin-top:6px;
}


/* chat */
.chat .title
{
	color: #333;
	font-size: 24px;
	margin-bottom:15px;
}

div.chat.channels .content tr.header td
{
	border-top:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
	background-color:#eee;
	color:#666;
}

div.chat.channels .content td
{
	padding:6px;
}

div.chat.userDetails .requiredFieldText
{
	color:#ff9900;
	margin-bottom:15px;
}

.chatLog
{
	border:solid 4px #ff9900;
	background-color:#fff;
	padding:20px;
}

.chatLog .chatFeed
{
	clear: both; float: left; width: 540px; padding-left: 160px; margin: 12px 0 24px; padding-top: 24px; font-size: 16px; background: transparent url(/Layout/Default/Image/Bg/bg-horizontal-separator-grid-9.png) no-repeat center top;
}

.chatLog .Normal-Chatlog
{
	margin-bottom:15px;
}


/* searchResult */
.searchResult .resultList td
{
	border-bottom:solid 1px #e2e2e2;
	padding:15px 0 10px 0;
}

.searchResult .resultList td p
{
	margin-bottom:8px !important;
}

/* customCarousel */
body.frontpage .customCarousel .title
{
	display:none;
}

body.frontpage div#content .customCarousel h2
{
	background-image:none;
	margin:0;
}

body.frontpage div#content .customCarousel ul
{
	margin:0;
}

body.frontpage div#content .customCarousel ul li
{
	font-size:12px;
	line-height:normal;
	margin-bottom:10px;
}

body.frontpage div#content .customCarousel ul li a
{
	color:#333;
}


/*
================================================================================
GENERIC CLASSES
================================================================================
*/
.goBack
{
	display:block;
	margin-bottom:10px;
	color: #069 !important;
}

.goBack:hover
{
	text-decoration:underline;
}

.button, .button:visited, .Normal-button-0{ position: relative; display: inline-block; width: 0; margin: 0; border: 1px solid #f90; padding: 5px 9px; overflow: visible;
	font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; text-decoration: none; text-shadow: 0 1px 1px rgba(0,0,0,0.25); vertical-align: top;
	color: #fff; background: #fa1 repeat-x left top; cursor: pointer;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.25); box-shadow: 0 0 1px rgba(0,0,0,0.25); }
.button[class], .Normal-button-0[class]{ width: auto; }
.button:hover, .Normal-button-0:hover{ background-color: #f90; color: #fff; }
.button:active, .Normal-button-0:active{ top: 1px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.small.button, .small.button:visited{ padding: 2px 9px; font-size: 14px; }
.secondary.button, .secondary.button:visited{ border-color: #888; background-color: #999; }
.secondary.button:hover{ background-color: #888; }

.function a{ color: #069; }

.internalLink, .externalLink{ color: #069; }

.noScript{ display: block; }
.jsEnabled .noScript{ display: none; }
.script{ display: none; }
.jsEnabled .script{ display: block; }

.hidden{ display: block; position: absolute; top: 0; left: 0; width: 0; height: 0; margin: 0; padding: 0; overflow: hidden; margin-left: -9999px; }
.hidden hr{ display: none; }

.alignLeft{ text-align: left; }
.alignRight{ text-align: right; }

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

.clear{ clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after{ clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
* html .clearfix,*:first-child+html .clearfix{ zoom: 1; }

.termList table
{
width: 100%;
}

.termList td
{
	padding-bottom:10px;
}

.askQuestionLinks
{
	margin-bottom:10px;
}

.errorMsg
{
	clear:both;
	color:#ff9900 !important;
	font-weight:bold;
	font-style:italic;
	display:block;
	margin:5px 0 5px 0;
}


/* calendarhandler */

.calendarhandler
{
	width: 720px;
	font-size: 12px;
	-moz-user-select: none; -webkit-user-select: none;
}
.calendarhandler .calendarHeaderButtons
{
	width: 100%;
	height: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;	
	font-family: Verdana;	
}
.calendarhandler .calendarHeaderButtons .eventGroupTitle
{
	width: 150px;
	height: 30px;
	float:left;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: middle;
	padding-top: 5px;
}
.calendarhandler .calendarHeaderButtons .eventGroupValue
{
	width: 250px;
	height: 21px;
	float:left;
	padding: 2px;
	border: 1px solid #888;
	background-color: #eee;
	color: #000;
	margin-left: 10px;
	margin-right: 50px;
}
.calendarhandler .calendarHeaderButtons .eventGroupValue select
{
	width: 100%;
	border: 1px solid #eee;
	background-color: #eee;
	color: #000;
	font-family: Verdana;
}
.calendarhandler .calendarHeaderButtons .selectedMonth
{
	color: #000;
	margin-left: 40px;
	height: 30px;
	float:left;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: middle;
	padding-top: 5px;	
}
.calendarhandler .calendarHeaderButtons .button
{
	height: 19px;
	padding: 4px 6px 2px 6px;
	border: 1px solid #888;
	background-color: #eee;
	color: #000;
	margin-right: 10px;
	font-family: Verdana;
	float:left;
}
.calendarhandler .items
{
	width: 100%;
	float: left;
	font-size: 10px;
	line-height: 12px;
	font-family: Verdana;
}
.calendarhandler .items .weekHeader
{
	height: 15px;
}
.calendarhandler .items .weekHeader .header .weekday
{
	margin-left: 3px;
	font-size: 12px;
}
.calendarhandler .items .weekHeader .holy
{
	color: red;
}
.calendarhandler .items .week
{
	margin-bottom: 10px;
}
.calendarhandler .items .week .day
{	
	height: 100%;
	width: 95px;
	max-width: 95px;
	padding: 2px;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
}
.calendarhandler .items .weeklast .day, .calendarhandler .items .weeklast .daylast
{
	border-bottom: 1px solid #ddd;
}
.calendarhandler .items .week .day .event, 
.calendarhandler .items .week .day .eventEmpty, 
.calendarhandler .items .week .daylast .event,
.calendarhandler .items .week .daylast .eventEmpty
{
	font-family: Arial;
	font-size: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 12px;
	overflow: hidden;
	width: 87px;
	max-width: 87px;
	padding-left: 6px;
}
.calendarhandler .items .week .day .event, 
.calendarhandler .items .week .daylast .event
{
	background: #fff url(/Layout/Default/Image/calendarItem_orange.gif) no-repeat left 4px;
}
.calendarhandler .items .week .difmonth .event
{	
	background: #fff url(/Layout/Default/Image/calendarItem_gray.gif) no-repeat left 4px;
}
.calendarhandler .items .week .day .event a:hover, 
.calendarhandler .items .week .daylast .event a:hover
{
	text-decoration: underline;
}
.calendarhandler .items .week .daylast
{	
	height: 100%;
	width: 87px;
	max-width: 87px;	
	padding: 2px;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.calendarhandler .items .week .day .dayNumber, 
.calendarhandler .items .week .daylast .dayNumber
{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 3px;
}
.calendarhandler .items .week .day .holy, 
.calendarhandler .items .week .daylast .holy
{
	color: red;
}
.calendarhandler .items .week .selected
{
	color: #069;
	border: 1px solid #069;
}
.calendarhandler .items .week .normal a
{
	color: #069;
}
.calendarhandler .items .week .difmonth, 
.calendarhandler .items .week .difmonth .holy, 
.calendarhandler .items .week .difmonth .event a
{
	color: #aaa;
}
.calendarhandler .items .weekHeader .headerWeekNumber .weekNumber, .calendarhandler .items .week .weekNumber .weekNumber
{
	width: 30px;
}
.calendarHandlerEvent
{
	float: left;
}
.calendarHandlerEvent, calendarHandlerEvent .row
{
	width: 500px;
	font-size: 11px;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
	float: left;
	min-height: 16px;
}
.calendarHandlerEvent .row .colheader
{
	float: left;
	width: 140px;	
	height: 16px;
}
.calendarHandlerEvent .row .colval
{
	padding: 0px;
	margin: 0px;
	float: left;
	width: 360px;
	min-height: 16px;
}
.calendarHandlerEvent .row .widecol
{
	float: left;
	width: 100%;
}
.calendarHandlerEventHeader
{
	float: left;
	width: 500px;
}
.calendarHandlerEventHeader .icon
{
	float: left;
	width: 40px;		
}
.calendarHandlerEventHeader .title
{
	float: left;
	width: 430px;	
}
.calendarHandlerEventHeader .title h1
{
	font-size: 20px;
}
.calendarHandlerEventHeader .closeButton
{
	float: left;
	width: 29px;
	height: 29px;
	background-image: url('/Layout/Default/Image/close.gif');
	cursor: pointer;
}
.calendarHandlerEvent tr th
{
	width: 140px;
}
.calendarHandlerEvent tr td
{
	width: 400px;
}
.calendarHandlerEvent p
{
	margin-top: 5px;
	margin-bottom: 5px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 5px 0 5px 0;
}
.calendarHandlerEvent .browsingControls
{
	float: right;
	height: 25px;
	white-space: nowrap;
}
.calendarHandlerEvent .browsingControls .position
{
	float: left;
	margin: 5px 5px 0 5px;	
}
.calendarHandlerEvent .browsingControls a
{
	float: left;
	font-size: 14px;
	padding: 3px 6px 3px 6px;
	border: 1px solid #999;
	background-color: #eee;
	color: #000;
	text-decoration:none;
}
.calendarHandlerEvent .browsingControls a:hover
{
	border: 1px solid #444;
	background-color: #aaa;
}
.calendarHandlerEvent .browsingControls .disabledBtn
{
	color: #999;
	background-color: white;
	cursor:default;
}
.calendarHandlerEvent .browsingControls .disabledBtn:hover
{
	color: #999;
	background-color: white;
	border: 1px solid #999;	
}
/* musicfromsubject*/
.trackName
{
	float: left;
	width: 700px;
}
.trackKeywords
{
	color: #404E64; font-size: 11px;float: left;margin-bottom: 15px;width: 700px;white-space: pre-wrap;
}