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

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. 
================================================================================
*/

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

body{ position: relative; margin: 0; padding: 0 0 20px; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; line-height: 1.3; color: #000; background: #d4f0fa url(/Layout/Default/Image/PY/bg/bg_body.gif) repeat-x left top; }

h1, h2, h3{ margin: 0 0 0.75em; padding: 0; font-weight: bold; color: #000; }
h1{ font-size: 1.333em; }
h2{ font-size: 1.333em; }	
h3{ font-size: 1.167em; }
h4, h5, h6{ margin: 0 0 1em; padding: 0; font-size: 1em; font-weight: bold; color: #000; }
p, pre, hr, form{ margin: 0 0 1em; padding: 0; }
form, input, textarea, select, option{ font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
fieldset{ margin: 0; border: 0; padding: 0; }
table{ margin: 0 0 1em; border: 0; border-collapse: collapse; border-spacing: 0; padding: 0; font-size: 1em; }
th, td{ vertical-align: top; text-align: left; }
table td[valign=bottom]{ vertical-align: bottom; }
table td[valign=top]{ vertical-align: top; }
ul, ol, dl{ margin-top: 0; margin-bottom: 1em; padding-top: 0; padding-bottom: 0; }
blockquote, pre{ margin: 2em; border: 1px dashed #32c0e0; padding: 1em; font-style: italic; line-height: 1.5; background-color: transparent; }
sup, sub{ font-size: 0.8em; line-height: 0; }
a, a:link{ text-decoration: none; color: #008dbd; }
a:visited, a:active{ color: #006a8e; }
a:hover{ text-decoration: underline; color: #006a8e; }
img{ margin: 0; border: 0; padding: 0; }

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


.noMargin, .noMargin .content
{
	margin: 0px !important;
	padding: 0px !important;
}

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

form#aspnetForm{ margin: 0; padding: 0; }

div#topNav{ position: absolute; top: 0px; left: 0px; width: 0; height: 0; overflow: hidden; margin-left: -9999px; }

#outerWrapper
{
	float: left;
	width: 100%;
	min-width: 1010px; /* make sure that the background is visible even with smaller browser windows (fails ie6) */
}

/* div#wrapper{ position: relative; float: left; padding-top: 22px; width: 862px; overflow: hidden; } */

div#wrapper
{
	width: 862px !important;
	float: left;
}

div#header2
{
    position: relative;
	width: 860px !important;
	width: 856px; /* For ie6 */
	height: 22px; 
}

div#header
{ 
    position: relative; 
    height: 100px; 
    padding: 6px 7px 0 0; 
    overflow: hidden; 
    background: transparent url(/Layout/Default/Image/PY/bg/bg_header.png) no-repeat left top; 
}
    
	div#logo{ padding: 30px 25px 0; font-family: "Times New Roman", Times, serif; font-size: 27px; font-weight: bold; font-style: italic; line-height: 55px; }
		div#logo img{ display: none; }

		div#logo a{ display: block; height: 70px; padding: 0 0 0 48px; text-decoration: none; color: #000; background: transparent url(/Layout/Default/Image/PY/bg/bg_logo.gif) no-repeat left top; }
		div#logo a.alternative{ background-image: url(/Layout/Default/Image/PY/bg/bg_logo_alternative.gif); padding-left: 32px;}
		div#logo .small a { font-size: 23px; padding-top: 3px; }

        /* Mestarikiltaneuvoston logo */
        div#logo div.Yhteistyokumppani img { display:inline; float:left; }
        div#logo div.Yhteistyokumppani a { background-image:none; }
		*:first-child+html div#logo div.Yhteistyokumppani a { padding-left:10px; } /* IE7 hac */

/* ruotsinkielisten header-kuva */
form.sv-FI div#header{ background-image:url(/Layout/Default/Image/PY/bg/bg_header_sv.png); }

	div#search{ position: absolute; bottom: 0px; right: 7px; width: 300px; height: 25px; padding: 6px 25px 6px 35px; overflow: hidden; background: transparent url(/Layout/Default/Image/PY/bg/bg_search.png) no-repeat left top; }
		div#search label{ position: absolute; top: 0px; left: 0px; width: 0; height: 0; overflow: hidden; margin-left: -9999px; }
		div#search input.inputText{ float: left; width: 142px; height: 15px; margin: 0 5px 0 0; border: 0; padding: 5px; background: transparent url(/Layout/Default/Image/PY/bg/bg_search_input.gif) no-repeat left top; }
		div#search span.button{ float: left; height: 21px; margin: 2px 0 0 0; overflow: hidden; background: transparent url(/Layout/Default/Image/PY/bg/bg_search_button_right.gif) no-repeat right top; }
			div#search span.button input{ float: left; width: auto; margin: 0; border: 0; padding: 3px 5px 10px 5px; overflow: visible; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase;  color: #fff; cursor: pointer; background: transparent url(/Layout/Default/Image/PY/bg/bg_search_button_left.gif) no-repeat left top; }
		div#search span.advancedSearchLink{ float: right; line-height: 25px; white-space: nowrap; }
			div#search span.advancedSearchLink a{ text-decoration: none; }
			div#search span.advancedSearchLink a:hover{ text-decoration: underline; }

div#contentWrapper{ padding: 0 7px 0 0; background: transparent url(/Layout/Default/Image/PY/bg/bg_contentwrapper.png) repeat-y left top; }

	div#nav{ width: 100%; min-height: 37px; height: auto !important; height: 37px; background: #fff url(/Layout/Default/Image/PY/bg/bg_nav.gif) repeat-x left bottom; }
		div#nav ul{ float: left; margin: 0; padding: 0; list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; line-height: 37px; }
			div#nav ul li{ float: left; margin: 0; border-right: 1px solid #ccc; padding: 0; background: transparent url(/Layout/Default/Image/PY/bg/bg_nav_item.gif) no-repeat left top; }
			div#nav ul li.selected{ background-image: url(/Layout/Default/Image/PY/bg/bg_nav_item_act.gif); }
				div#nav ul li a{ float: left; height: 37px; padding: 0 25px 0 24px; text-decoration: none; color: #000; }
				div#nav ul li.selected a{ color: #f1063e; }
				div#nav ul li a:hover{ color: #f1063e; }

	div#content{ min-height: 225px; height: auto !important; height: 225px; padding: 35px 25px 25px; background: #fff url(/Layout/Default/Image/PY/bg/bg_content.gif) repeat-x left top; }
		div#subNav{ float: left; width: 221px; min-height: 200px; height: auto !important; height: 200px; margin-right: 25px; }
		.wide div#subNav, .frontpage div#subNav{ display: none; }
			div#subNav ul{ margin: 0; padding: 0; list-style: none; }
				div#subNav ul li{ border-bottom: 1px solid #b2daf0; }
					div#subNav ul li a{ display: block; padding: 5px 10px 5px 25px; color: #000; text-decoration: none; background: transparent url(/Layout/Default/Image/PY/bullet/bullet_arrow_right.gif) no-repeat 12px 9px; }
					div#subNav ul li.selectedPath a,
					div#subNav ul li.selected a{ font-weight: bold; background: #f2fafd url(/Layout/Default/Image/PY/bullet/bullet_arrow_down.gif) no-repeat 8px 11px; }
					div#subNav ul li a:hover{ text-decoration: underline; }
					div#subNav ul li.selected a:hover{ text-decoration: none; }
					div#subNav ul li ul{ border-top: 1px solid #b2daf0; }
						div#subNav ul li ul li{ border: 0; }
							div#subNav ul li ul li a{ padding: 4px 0 4px 45px; background: none; }
							div#subNav ul li ul li a:hover{ text-decoration:underline !important; }
							div#subNav ul li.selectedPath ul li a,
							div#subNav ul li.selected ul li a{ font-weight: normal; background: none; }
								div#subNav ul li.selected ul li a{ font-weight: normal; background: none; }
								div#subNav ul li ul li.selected a{ font-weight: bold; }
								
		div#mainContent{ float: left; width: 559px; }
		.frontpage div#mainContent{ width: 469px; }
		.wide div#mainContent{ width: 805px; }
		div#subContent{ display: none; }
		.frontpage div#subContent{ display: block; float: right; width: 311px; }
		.frontpage div#subContent div.textBanner div.content{ padding:0; }

div#areaNav, div#toolNav
{ 
    position: absolute; 
    top: 0; 
    font-weight: bold; 
    line-height: 1.1; 
    color: #fff; 
}

div#areaNav{ left: 25px; width: 402px; }

div#toolNav{ right: 32px; width: 402px;  text-align: right; }

	div#areaNav ul, div#toolNav ul{ float: left; margin: 0; padding: 7px 0 0; list-style: none; }
	div#toolNav ul{ float: right; }
		div#areaNav ul li, div#toolNav ul li{ float: left; margin: 0 5px 0 0; border-right: 1px solid #fff; padding: 0 5px 1px 0; }
		div#areaNav ul li.lastItem, div#toolNav ul li.lastItem{ margin: 0; border: 0; padding: 0; }
		div#areaNav a, div#toolNav a{ float: left; text-decoration: none; color: #fff; }
		div#areaNav a:hover, div#toolNav a:hover{ text-decoration: underline; }

div#footer{ padding: 0 7px 8px 0; background: transparent url(/Layout/Default/Image/PY/bg/bg_footer.png) no-repeat left bottom; }
	div#copyright, div#contact{ min-height: 28px; height: auto !important; height: 28px; padding: 0 25px; line-height: 28px; }
	div#copyright p, div#contact p{ margin: 0; }
	div#copyright{ position: relative; padding-right: 0; font-weight: bold; color: #fff; background: #006dbb url(/Layout/Default/Image/PY/bg/bg_yrittajatlink.gif) no-repeat right top; }
		div#yrittajatLink{ position: absolute; top: 0px; right: 0px; display: block; width: 116px; height: 28px; }
			div#yrittajatLink a{ display: block; width: 116px; height: 28px; text-decoration: none; background: transparent url(/Layout/Default/Image/PY/bg/bg_yrittajatlink.gif) no-repeat right top; }
				div#yrittajatLink a span { position: absolute; top: 0px; left: 0px; width: 0; height: 0; overflow: hidden; margin-left: -9999px; }
		div#contact a{ text-decoration: none; color: #000; }
		div#contact a:hover{ text-decoration: underline; }

div#bottomNav{ position: absolute; top: 0px; left: 0px; width: 0; height: 0; overflow: hidden; margin-left: -9999px; }

/*
div#banners{ float: left; margin: 38px 0 18px -2px; overflow: hidden; }
*/
div#banners
{ 
    width:200px;
    position:absolute; 
    left:860px; 
    margin-top:35px;
    margin-left: 0px;
}

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

/* Basic styles for all controls elements */

div.control{ clear: both; }
div#subContent div.control{ margin-bottom: 1.5em; }
div#search div.title, div#copyright div.title, div#contact div.title{ display: none; }
div.control div.title h2{ font-size: 1.667em; }
.frontpage div.control div.title h2{ font-size: 1.333em; }
div#subContent div.control div.title h2{ padding: 6px 10px; font-size: 1.333em; font-weight: bold; text-transform: uppercase; color: #fff; background: transparent url(/Layout/Default/Image/PY/bg/bg_subcontent_heading.gif) no-repeat right top; }
	div.control div.title h2 a{ text-decoration: none; color: #000; }
	div#subContent div.control div.title h2 a{ color: #fff; text-decoration: none; }
div#mainContent div.control div.content,
div#mainContent div.control div.function{ margin: 1em 0; }
div#subContent div.control div.content,
div#subContent div.control div.function{ margin: 1em 0; padding: 0 10px; }
div#mainContent div.control div.block,
div#subContent div.control div.block{ margin-bottom: 1em; border-bottom: 1px solid #b2e1f4; padding-bottom: 1em; }

/* Text & document table styles */

.frontpage div.text{ border-bottom: 1px solid #b2e1f4; }
div.text table, div.document table{ border-collapse: collapse; }
div.document table.withBorder{ border: 1px solid #000; }
div.text table td, div.document table td{ padding: 0.2em 1em 0.2em 0; }
div.document table.withBorder td{ border: 1px solid #000; }
div.text table td p, div.document table td p{ margin: 0; }
div.text table, div.text table td{ border-color: #000; }
div.text img[align=right]{ margin: 0 0 1em 1em; }
div.text img[align=left]{ margin: 0 1em 1em 0; }

/* Announcements */

.frontpage div.announcementGroup div.content{ margin-bottom: 0; }
.frontpage div#mainContent div.announcementGroup div.content .firstAnnouncement .content{ margin:0; }
.frontpage div.announcementGroup{ border-bottom: 1px solid #b2e1f4; }
div.announcementGroup .feedLink{ display: none; }
div.announcementGroup .publishingTime{ color: #666; }
div.announcementGroupFirstAnnouncement .firstAnnouncement{ padding-bottom: 1em; }
div.announcementGroupFirstAnnouncement .firstAnnouncement h1{ margin: 0.5em 0em; }
div.announcementGroupFirstAnnouncement .firstAnnouncement h2{ margin: 0.5em 0 1em; }
div.announcementGroupFirstAnnouncement .firstAnnouncement .firstAnnouncementImage img{ float: right; padding: 0 0 1em 5em; }
div.announcementGroup .announcement{ padding-bottom: 0.5em; }
div.announcementGroup .announcement .publishingTime{ float: left; width: 5em; }
div.announcementGroup .announcement .hyperLinkTitle{ margin-left: 6em; font-weight: normal; }
div.announcementArchive{ clear: both; }
div.announcementArchive table td{ padding: 0.2em 1em 0.2em 0; }
div#mainContent div.announcementYearSelector{ float: left; margin-bottom: 1em; }
div#mainContent div.announcementYearSelector div.content{ float: left; }
div#mainContent div.announcementYearSelector ul{ width: 100%; margin: 0; padding: 0; list-style: none; }
div#mainContent div.announcementYearSelector li{ float: left; margin: 0 1em 0 0; border-right: 1px solid #000; padding: 0 1em 0 0; }
div#mainContent div.announcementYearSelector li.selected a{ color: #000; }

/* announcement */
.announcement .announcementContent
{
	margin-bottom:30px;
}

/* Calendar and event listing */

div.eventListing .calendarNoEvents{ font-style: italic; }
div.eventListing table{ width: 100%; margin: 0; }
div.eventListing .eventTime{ font-weight: bold; }
div.eventListing .calendarName{ display: block; font-weight: bold; }
div.eventListing .calendarTitle{ font-weight: bold; }
div.eventListing .calendarMonthHeader{ font-weight: bold; }
div.eventListing .eventTitle{ margin: 0; font-size: 1em; font-weight: normal; }
div#mainContent div.eventListing div.content,
div#subContent div.eventListing div.content{ margin-bottom: 0; }
div#mainContent div.eventListing div.function,
div#subContent div.eventListing div.function{ margin-top: 0; }
div.eventView .calendarSignUp{ margin: 1em 0; font-weight: bold; }
div.eventView .eventTime{ margin-bottom: 1em; font-weight: bold; }
div.eventView .eventLocation{ margin-bottom: 1em; font-style: italic; }
div.eventView .eventAttachmentFile { margin:20px 0px; }
div.eventView span.label { font-style:italic; font-weight:bold; }

/* Enrollment */

div.enroll div.fieldSet { clear:both; width:575px; margin-bottom:10px; }
div.enroll div.function { clear:both; margin-top:10px; }
div.enroll div.fieldSet div.label { float:left; width:150px; padding-top:4px; }
div.enroll div.fieldSet div.input { float:left; width:400px; margin-bottom:15px; }
div.enroll div.fieldSet div.input input { width:250px; margin:0; padding:2px; }
div.enroll div.subtitle { clear:both; border-top:solid 1px #b2e1f4; border-bottom:solid 1px #b2e1f4; margin:10px 0 10px 0; }
div.enroll div.subtitle h2 { margin:6px 0 6px 0; padding:0; }
div.enroll div.formMessage { margin-top:10px; } 
div.enroll div.fieldSet div.radio input { width:auto; margin:0px 2px 0px 8px; }
div.enroll div.Information  
{
    color:#e49218;
    font-size:16px;
}

/* Custom Forms */

div.customFormView table{ border-collapse: collapse; margin-bottom: 1em; }
div.customFormView table td{ padding: 0.25em 0; }
div.customFormView table td.lbl{ padding: 0.5em 1em 0.5em 0; }
div.customFormView table td hr{ display: none; }

/* Image bank */

.imageBankList table{ width: 100%; }
.imageBankList table td{ padding: 0 1em 1em 0; }
.imageBankImageFolderList table{ width: 100%; }
.imageBankImageFolderList div.image{ padding: 0 2em 2em 0; }
.imageBankImageFolderDetail .imageDetails{ padding-top: 1em; }
.imageBankImageFolderDetail .label{ clear: left; float: left; width: 17em; font-weight: bold; }
.imageBankImageFolderDetail .value{ margin-left: 18em; }
.imageBankImageFolderDetail .function{ clear: left; padding: 1em 0; }
.imageBankImageFolderDetail .folderDescription,
.imageBankImageFolderDetail .description{ margin-bottom: 1em; }

/* Image */

div#subContent div.image{ margin-bottom: 1em; }
div#subContent div.image div.content{ padding: 0; }

/* Polls */

div.poll .question{ clear: left; float: left; width: 25%; font-weight: bold; }
div.poll .imageAnswerBar{ margin-left: 30%; }
div.poll .imageAnswerBar img{ float: left; min-width: 1px; margin-right: 0.5em; }
div.poll .fieldQuestionQuestion{ margin-bottom: 1em; font-weight: bold; }
div.poll .sectionExplanation{ margin: 1em 0; }
div.poll .sectionTopicLink{ margin: 1em 0; }
div.questionAnswered .sectionAnswer{ float: left; width: 100%; margin-bottom: 1em; }

/* Search results */

div.searchResult table{ width: 100%; }
div.searchResult div.fieldSet{ float: left; margin-right: 10px; }
div.searchResult div.fieldSet input, div.searchResult div.fieldSet select{ float: left; padding: 1px; font-size: 16px; }
div.searchResult div.label{ font-weight: bold; }
div.searchResult div.fieldSetSearchFilters{ clear: left; width: 100%; padding-top: 20px; }
div.searchResult div.buttonSearch{ float: left; height: 21px; margin: 16px 0 0 0; overflow: hidden; background: transparent url(/Layout/Default/Image/PY/bg/bg_search_button_right.gif) no-repeat right top; }
div.searchResult div.buttonSearch input{ float: left; width: auto; margin: 0; border: 0; padding: 2px 5px 10px 5px; overflow: visible; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase;  color: #fff; cursor: pointer; background: transparent url(/Layout/Default/Image/PY/bg/bg_search_button_left.gif) no-repeat left top; }
div.searchResult div.searchResultsWrapper{ clear: left; float: left; width: 100%; margin-top: 1em; }


/* ChannelView */
div.channelView div.contentItem
{
	clear:both;
}

div.channelView div.channelPublishingTime, div.channelView div.channelAuthor
{
	color:#666666;
	float:left;
	margin:0 10px 5px 0;
}

div.channelView h3
{
	clear:both;
	margin:0 0 5px 0;
	padding:0;
	font-weight:normal;
	font-size:12px;
}

div.channelView div.channelDescription
{
	margin-bottom:5px;
}

div.channelView div.channelNumberOfComments
{
	float:left;
	margin-top:10px;
}

div.channelView div.channelNumberOfComments a
{
	font-weight:bold;
	font-size:14px;
}

div.channelView div.channelRatings
{
	float:right;
	margin-top:10px;
}

div.channelView div.sectionFeedLink
{
	margin-bottom:10px;
}



/* Yhteisolliset */

/* Captcha */
/*
div.captcha
{
	margin:10px 0 15px 0;
}

div.captcha div.title
{
	font-weight:bold;
	margin-bottom:6px;
}

div.captcha table.captchaTable
{
	vertical-align:top;
}

div.captcha table.captchaTable td.capcthaImg
{
	width:65px;
}

div.captcha table.captchaTable td.captchaInput input
{
	height:16px;
	width:65px;
	margin:0;
	padding:2px;
	border:solid 1px #cde7fd;
}
*/



/*
================================================================================
YHTEISOLLISET: FOORUMI JA KOMMENTOINTI
================================================================================
*/

/* Sivutus */

div.paging{ float: none !important; padding: 0; margin: 20px 0; border: 0; text-align: center; }
div.paging .pages span,
div.paging .pages a{ margin: 0 2px; border: 1px solid #b2e1f4; padding: 2px 4px; font-weight: bold; background-color: #dcf0fa; }
div.paging .pages a{ color: #1d8cba; text-decoration: none; background-color: #eee; }
div.paging .pages a:hover{ background-color: #fff; }
div.paging span.selectedPageNumber{ background-color:#dcdcdc; font-weight: bold; padding: 2px 4px; }
div.paging span.separator{ padding: 0 10px 0 10px; }

/* Arvostelu */

div.rating{ float: left !important; margin: 0 0 20px !important; padding: 0  !important; font-size: 16px; font-weight: bold; }
div.rating ul{ float: left; width: auto; height: 16px; margin: 0; padding: 0; list-style: none; line-height: 16px; }
div.rating ul li{ float: left; margin-right: 0; margin-right: 5px; }
div.rating ul li.value{ margin-right: 10px; }
div.rating ul li.positiveValue{ color: #66bc29; }
div.rating ul li.negativeValue{ color: #b10e0e; }

/* Lomakkeet */

.formForum fieldset{ clear: both; margin: 0; border: 0; padding: 0; }
.formForum fieldset fieldset{ margin: 0 0 1em; border-bottom: 1px solid #b2e1f4; }
.formForum fieldset fieldset legend{ float: left; width: 555px; margin: 0; border: 0; padding: 6px 10px; font-size: 1em; font-weight: bold; color: #fff; background-color: #00a5e0; }
.formForum .field, .formForum .fieldset{ clear: both; float: left; width: 555px; padding: 6px 10px; }
.formForum .field:hover, .formForum .fieldset:hover{ background-color: #fff; }
.formForum .field.error, .formForum .fieldset.error{ background-color: #ecc; }
.formForum .first{ border-top: 1px solid #b2e1f4; }
.formForum .disableHover:hover{ background-color: transparent; }
.formForum .inputGroup .field{ clear: both; float: left; width: 100%; margin: 0; padding: 0; }
.formForum .label{ float: left; width: 155px; margin-right: 10px; font-weight: normal; }
.formForum .label strong{ font-weight: normal; }
.formForum .inputGroup .field .label{ float: none; display: block; width: auto; margin-right: 0; margin-left: 25px; }
.formForum .field .input, .formForum .fieldset .inputGroup{ float: left; width: 390px; }
.formForum .field .input input.textfield,
.formForum .field .input textarea{ padding: 2px 4px; }
.formForum .field .input .markItUp, .formForum .field .input .markItUpPreviewFrame{ width: 100% !important; }
.formForum .field .input input.textfield{ width: 48%; }
.formForum .field .input input.small{ width: 23%; }
.formForum .field .input input.large{ width: 97%; }
.formForum .field .input input.numeral{ text-align: right; }
.formForum .field .input textarea{ width: 97%; }
.formForum .field .input select{ max-width: 100%; width: auto; }
.formForum .inputGroup .field .input{ float: left; width: 20px; margin-top: 0; margin-bottom: 0; text-align: center; }
.formForum .inputGroup .field .input input{ margin: 0; }
.formForum .buttons{ float: left; width: 100%; text-align: right; }
.formForum .buttons .button{ width: auto; margin-left: 5px; border:solid 1px #f6050c; padding: 3px 6px; overflow: visible; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color: #fff; background-color: #f6050c; cursor: pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.formForum .buttons .buttonAlt{ border-color: #666; background-color: #666; }

.formForum div.captcha .inputGroup table{ width: auto; margin: 0; border: 0; border-collapse: collapse; border-spacing: 0; padding: 0; }
.formForum div.captcha .inputGroup table td{ padding: 0; vertical-align: middle; }
.formForum div.captcha .inputGroup table td.image{ width: 80px; }
.formForum div.captcha .inputGroup table td.image img{ margin: 0 !important; padding: 0 !important; }
.formForum div.captcha .inputGroup table td.equal{ padding: 0 10px; font-size: 18px; text-align: center; }
.formForum div.captcha .inputGroup table td.inputCaptcha{ width: 200px; }
.formForum div.captcha .inputGroup table td.inputCaptcha input.textfield{ width: 72px; margin: 0; padding: 2px 4px; font-size: 18px; color: #333; }

/* Foorumi ja kommentointi */

div.forum h2,
div.commenting h2{ font-size: 20px; }
div.forum div.moderationTools,
div.commenting div.moderationTools{ text-align: right; }
div.forum div.moderationTools input,
div.commenting div.moderationTools input{ width: auto; margin: 10px 0 10px 5px; border:solid 1px #666; padding: 1px 4px; overflow: visible; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; background-color: #666; cursor: pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.forum div.groupHeader,
div.commenting div.groupHeader{ margin-bottom: 20px; }

div.forum table.statistics{ width: 100%; margin: 0 0 20px; border: 0; border-collapse: collapse; border-spacing: 0; padding: 0; }
div.forum table.statistics th{ width: 175px; text-align: left; }
div.forum table.statistics td{ width: auto; white-space: normal; }
div.forum table.statistics td span span{ white-space: nowrap; }
div.forum table.statistics td span span.title{ white-space: normal; }

div.forum table.threadList{ width: 100%; margin: 0; }
div.forum table.threadList th,
div.forum table.threadList td{ border-bottom: 1px solid #b2e1f4; padding: 6px 10px; text-align: left; vertical-align: top; }
div.forum table.threadList th{ color: #fff; background-color: #00a5e0; }
div.forum table.threadList .type{ width: 1px; padding-right: 0; text-align: center; }
div.forum table.threadList .title{ width: 280px; font-weight: bold; }
div.forum table.threadList .messageCount,
div.forum table.threadList .viewCount{ width: 1px; text-align: center; }
div.forum table.threadList .action{ width: 1px; text-align: center; }
div.forum table.threadList td.info span span{ white-space: nowrap; }
div.forum table.threadList td.info span span.title{ font-weight: normal; white-space: normal; }

div.forum div.displayOptions{ padding-top: 20px; text-align: center; line-height: 20px; }
div.forum div.displayOptions fieldset{ margin: 0; border: 0; padding: 0; }
div.forum div.displayOptions span.field{ margin-right: 10px; }
div.forum div.displayOptions span.field input,
div.forum div.displayOptions span.field select{ margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
div.forum div.displayOptions span.field select option{ margin: 0; }
div.forum div.displayOptions span.buttons .button{ width: auto; border: 2px outset #f6050c; padding: 1px 4px; overflow: visible; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #fff; background-color: #f6050c; cursor: pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

div.forum div.message{ margin: 10px 0; }
div.commenting div.comment{ margin: 0; }
div.forum div.message .messageTitle,
div.commenting div.comment .commentMeta{ margin: 0; border-bottom: 1px solid #b2e1f4; padding: 6px 10px; font-size: 12px; color: #fff; background-color: #00a5e0; }
div.commenting div.comment .commentMeta{ margin: 10px 0 0;  }
div.forum div.message div.messageMeta { padding: 6px 10px; color: #666; }
div.forum div.message div.messageMeta p,
div.commenting div.comment div.commentMeta p{ margin: 0; }
div.forum div.message div.messageMeta em,
div.commenting div.comment div.commentMeta em{ font-style: normal; }
div.forum div.message div.messageBody,
div.commenting div.comment div.commentBody{ margin: 0; padding: 20px 10px; }
div.forum div.message div.messageBody blockquote,
div.commenting div.comment div.commentBody blockquote{ margin: 0 0 10px; border: 1px dashed #ddd; padding: 20px; color: #666; background-color: #eee; }
div.forum div.message div.messageBody blockquote cite,
div.commenting div.comment div.commentBody blockquote cite{ display: block; margin-bottom: 10px; }
div.forum div.message div.messageActions,
div.commenting div.comment div.commentActions{ min-height: 16px; height: auto !important; height: 16px; border-bottom: 1px solid #b2e1f4; padding: 6px 10px; line-height: 16px; color: #009366; }
div.forum div.message div.messageActions ul,
div.commenting div.comment div.commentActions ul{ float: right; width: auto; height: 16px; margin: 0; padding: 0; list-style: none; line-height: 16px; }
div.forum div.message div.messageActions ul li,
div.commenting div.comment div.commentActions ul li{ float: left; height: 16px; }
div.forum div.message div.messageActions ul li a,
div.commenting div.comment div.commentActions ul li a{ float: left; }
div.forum div.message div.messageActions ul.links li,
div.commenting div.comment div.commentActions ul.links li{ margin-left: 10px; }
div.forum div.message div.messageActions ul.links li a,
div.commenting div.comment div.commentActions ul.links li a{ padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; }
div.forum div.message div.messageActions ul.links li.quote a,
div.commenting div.comment div.commentActions ul.links li.quote a{ background-image: url(/Layout/Default/Image/Forum/icon_quote.png); }
div.forum div.message div.messageActions ul.links li.reportAbuse a,
div.commenting div.comment div.commentActions ul.links li.reportAbuse a{ background-image: url(/Layout/Default/Image/Forum/icon_report-abuse.png); }
div.forum div.message div.messageActions div,
div.commenting div.comment div.commentActions div{ float: left !important; width: auto !important; height: 16px; line-height: 16px; text-align: right; }
div.forum div.message div.messageActions div div.rating,
div.commenting div.comment div.commentActions div div.rating{ margin: 0 !important; }

div.commenting
{
	border:solid 1px #b2e1f4;
	padding:5px 15px 5px 15px;
	width:540px !important;
}

div.commenting .label
{
	width: 120px;
}

div.commenting .field
{
	width: 518px;
	background-color:#f9f9f9;
}

div.commenting fieldset fieldset
{
	border:solid 1px #ccc;
}

div.commenting .commentActions ul.links
{
	margin-top:10px !important;
}

div.commenting .commentActions
{
	padding-bottom:10px !important;
}

div.commenting .captcha
{
	width: 523px;
	background-color:#f9f9f9;
}


div.marketBoardContents table tr.Header td { font-weight: bold; font-size: 14px; }
div.marketBoardContents table td { padding: 5px 5px 5px 0px }
div.marketBoardContents table tr.Alternating td { background-color: #eef4fb; }

/* RSS linkki */
div.sectionFeedLink
{
    margin-top:10px;
    font-size:11px;
}

div.sectionFeedLink a
{
	display:block;
	float:left;
}

div.sectionFeedLink div.feedLinkText
{
	float:left;
	margin:0 20px 0 6px;
	padding-top:3px;
}

/*
================================================================================
GENERIC CLASSES
================================================================================
*/

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

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

.clearLeft{ clear: left; }
.clearRight{ clear: right; }
.clearBoth{ clear: both; width: 0; height: 0; line-height: 0; overflow: hidden; }
.screenHide{ position: absolute; top: 0px; left: 0px; width: 0; height: 0; overflow: hidden; margin-left: -9999px; }
.clearLeft hr, .clearRight hr, .clearBoth hr, .screenHide hr{ display: none; }
.borderParagraph .content p, p.borderParagraph{ margin-bottom: 5px; margin-top: 0px; padding-bottom: 5px; border-bottom: 1px solid #b2e1f4; }


/*** USER REGISTRATION */
.userRegistration .radEnabledCss_Default
{
    border-style:inset;
    border-color:#ccc;
    border-width:1px;
    margin-top:0px;
}
.userRegistration .radPopupImage_Meteor img
{
    display:none;
}
.userRegistration .inputCell
{
    padding-top:0px;
}

.userRegistration h2, .userRegistration h3 
{
    color: #3399cc;
    margin: 0 0 10px 0;
}

.userRegistration .hr 
{
    margin: 20px 0;
    background:  url(/Layout/Default/Image/hr-repeat.gif) top left repeat-x;
    height: 1px;
}

.userRegistration .hr hr 
{
    display: none;
}

.userRegistration .firstName 
{
    float: left;
}

.userRegistration .lastName 
{
    float: right;
}

.userRegistration .isCorrect
{
    margin: 10px 0;
}

.userRegistration .isCorrectOrganization, .userRegistration .labelIsCorrect 
{
    float: left;
}

.userRegistration .labelIsCorrect 
{
    display: block;
    margin: 0 0 10px 5px; 
}

.sendButton input, .sectionAddEmail input, .sectionAddWww input
{
    margin: 0;
    padding: 0; 
    height: 23px;    
    width: 103px;
    background: url(/Layout/Default/Image/send-button.gif) top left no-repeat;
    border: none;
    color: #fff;
    cursor: pointer; 
}

.sendButton input:hover, .sectionAddEmail input:hover, .sectionAddWww input:hover
{
   background: url(/Layout/Default/Image/send-button-hover.gif) top left no-repeat;  
}

.black 
{
    color: #000000 !important;    
}




#proposedLocalOrganizationName 
{
    font-weight: bold;
}

.userRegistration input[type=text],  .userRegistration select
{
    border: 1px solid #abadb3;
    margin-bottom: 15px;
}

.userRegistration select 
{
    width: 100%;
}

.userRegistration table td 
{
    vertical-align: top;
}



.userRegistration2 .organizationSelector{ float: none; }
.userRegistration2 .organizationDropdowns, .userRegistration2 .organizationLabels  { margin-top: 10px; position: relative; height: 50px;}

.userRegistration2 .areaOrganizationLabel { position: absolute; top: 0; left: 0; width: 150px;}
.userRegistration2 .localOrganizationLabel { position: absolute; top: 30px; left: 0; width: 150px;}
.userRegistration2 .areaOrganization { position: absolute; top: 0; left: 0;  }
.userRegistration2 .areaOrganization select, #contentCenter .userRegistration .localOrganization select {width: 300px;}
.userRegistration2 .localOrganization {position: absolute; top: 30px; left: 0; }
.userRegistration2 .infoCompanyDescription { width: 100%; height: 80px; border: 1px solid #abadb3; }
.labelIsCorrect { display: block; width: 300px;}

/* Error messages */
.formMessage { border: 1px solid #CCC; padding: 10px; margin: 0 0 10px 0; }
.formMessage .Exclamation { color: #000; font-weight: normal; padding-left: 22px; line-height: 18px; background: url(/Layout/default/Image/exclamation.png) top left no-repeat; }