/* 1. Global styles */
a
{
	font-weight: bold;
}
a:link
{
	text-decoration:none;
	color: #f16607;
}
a:visited
{
	text-decoration:none;
	color: #f16607;
}
a:hover, a:active
{
	text-decoration: none;
	color: #013275;
}

.selected a
{
	color: #013275;
}

body
{
	
	text-align:center;
	margin:0;
	padding:0;
	
}
#aspnetForm
{
	margin:0;
	padding: 0px 0 30px 0;
	float:left;
	width:100%;
}

/* 2. Styles for wrappers */
div#wrapper
{
	width: 750px;
	margin: 0 auto;
	text-align:left;
}
div#wrapperInside
{
	width: 750px;
	margin: 0;
	padding:0;
	float:left;
}
div#headerWrapper 
{
	padding:0px;
}
div#contentWrapper 
{
	background-color: #f1f4f9;
	padding: 0px 20px 0px 20px;
	font-size: 11px;		
}
div#contentLeft
{
	width: 30%;
	float:left;
	/* font-size:90%; */
	margin:0;
	padding:10px 0 25px 0;
}
div#contentCenter
{
	width: 40%;
	float:left;
	margin:0;
	padding:10px 0 25px 0;
}
div#contentRight
{
	width: 30%;
	float:left;
	margin:0;
	padding:10px 0 25px 0;
}
div#footerWrapper
{
	width: 750px;
	margin: 0;
	padding:0;
	float:left;
	font-size:85%;
}
div#footerWrapper .navigation 
{
	width: 750px;
	margin: 0 auto;
	padding:15px 0 0 0;
	border-top:1px solid #e2e2e2;	
}

/* [ROTARY SPECIFIC] */
#wrapper #wrapperInside #contentWrapper
{
	background: #f1f4f9 url(/Layout/Rotary_Helsinki/Image/bg_rnd_btm.jpg) bottom left no-repeat;
	width: 750px;	
}
#contentWrapper .contentWrapperInside
{	
	background: transparent url(/Layout/Rotary_Helsinki/Image/bg_rnd_top.jpg) top left no-repeat;
	padding: 20px;
	width: 710px;	
}


	#headerWrapper .navigation
	{		
		padding: 10px 10px 8px 10px;
		margin: 0px;
	}
	
	#headerWrapper .navigation ul li
	{
		float: none !important;
		display: inline;
	}
	
	#headerWrapper .navigation .content ul
	{
		float: none;
	}
	
	#cellLeft .controlHolderExtra
	{
		margin-right: 20px;
	}
	

	#wrapper #contentWrapper
	{
		padding: 0px;
	}

	.contentTable
	{
		width: 100%;
	}

	.twoColumn .contentTable #cellLeft
	{	
		width: 285px;
		border-right: solid 1px #c3ccd5;		
	}
	.twoColumn #cellRight
	{
		padding-left: 20px;
	}	

	.control .title h2
	{
		font-size: 20px;	
	}
	.twoColumn #cellRight .control .title h2,
	.twoColumn #cellLeft .control .title h2	
	{
		padding-bottom: 6px;
	}
	
	
	#wrapperInside .divided
	{
		border-bottom: solid 1px #c3ccd5;
		margin-bottom: 20px;
	}
	
	.twoColumn .contentTable #cellLeft .control
	{
		padding-bottom: 20px;		
	}
	.twoColumn.contentTable #cellLeft .control
	{
		margin-right: 25px;
	}
	
/* [Announcement] */

	.announcementGroupLifts
	{
		float: left;
		width: 100%;
	}
	.announcementGroupLifts .content .announcement
	{
		float: left;
		width: 100%;
	}

	.twoColumn .announcement .publishingTime
	{
		padding-top: 0px;
	}
/* [/Announcement] */


/* [imageBankFolderList] */
	.imageBankImageFolderList .title
	{
		padding-bottom: 20px;
	}
	
	.imageBankImageFolderList .content table
	{
		width: 100%;
	}
	.imageBankImageFolderList .content table td
	{
		padding-bottom: 20px;
	}
	
	.imageBankImageFolderList .image
	{
		float: left;
	}
	.imageBankImageFolderList .Textual
	{
		float: left;
		padding-left: 15px;
	}
	.imageBankImageFolderList .imageName
	{
		font-weight: bold;
	}
				
	.imageBankImageFolderList .linkImageFolderDetail
	{
		padding-top: 10px;
	}	
/* [/imageBankFolderList] */	


/* [imageBankFolderDetail] */

	.imageBankImageFolderDetail .folderDescription
	{
		padding: 5px 0px 10px 0px;		
	}
	.imageBankImageFolderDetail .image
	{
		float: left;
	}
	.imageBankImageFolderDetail .imageDetails
	{
		float: left;		
	}	
	.imageBankImageFolderDetail .imageDetails
	{
		padding: 0px 0px 0px 20px;
	}
	
	.imageBankImageFolderDetail .imageDetails .description
	{
		padding-bottom: 5px;
		font-weight: bold;
	}
	
	.imageBankImageFolderDetail .function
	{
		clear: both;
		width: auto;
	}
	


	.imageBankImageFolderDetail .labelGoBack
	{
		padding: 5px 0px 10px 0px;
	}

	.imageBankImageFolderDetail .content
	{
		padding-bottom: 5px;
	}
	
	.imageBankImageFolderDetail .function
	{
		padding-top: 5px;
	}
	.imageBankImageFolderDetail .function .linkOpenImageInNewWindowLabel
	{
		padding-bottom: 3px;
	}
	
	.imageBankImageFolderDetail a
	{
		color: #f16607;
	}		
/* [imageBankFolderDetail] */

	
	
/* [Text] */
	#wrapperInside .text table .headerRow
	{
		background-color: #dae0ec;
		color: #012d5c;
		font-weight: bold;
	}
	#wrapperInside .text table .headerRow td
	{
		background-color: #dae0ec;	
	}

	#wrapperInside .text table td
	{
		padding: 5px;
		background-color: #f9fafc;
	}	
/* [/Text] */	
	
	
	div#footerWrapper .text
	{
		padding: 10px 20px 10px 20px;
	}
/* [/ROTARY SPECIFIC] */	
	
/* 3. Default styles for controls */
div.control
{
}
div.control div.content
{
}
div.control div.title
{
}
div.control div.functions
{
}

div.NavigationTree 
{

}

/* 4. Control type specific overrides */
div.navigationPath ul
{
	margin: 0 0 0.25em 0;
	padding: 0;
	list-style: none;
	width:100%;
	float:left;
	border-bottom:1px solid #eee;
	font-size:85%;
}
div.navigationPath li
{
	padding:0 0 0.25em 0;
	float: left;
	display: block;
}
div#footerWrapper ul
{
	margin: 0 auto;
	padding: 0;
	
	clear:both;
	list-style:none;
}
div#footerWrapper ul li
{
	margin: 0 10px 0 0;
	padding: 0;
	float:left;
	list-style:none;
}


/* [ROTARY SPECIFIC] */
	div#headerWrapper .navigation
	{
		font-size: 90%;
	}

	div#headerWrapper .navigation ul .rootPage
	{
		border: none;
		padding-left: 0px;
	}
	div#headerWrapper .navigation ul li
	{
		border-left: solid 1px #000;
		padding: 0px 10px 0px 10px;
	}

	div#contentWrapper .text strong
	{
		color: #1a365d;
	}

	.announcementGroupLifts div
	{
		float: none;
	}
	.announcementGroupLifts a
	{
		font-weight: bold;
		color: #f16607;
	}
	.announcementGroupLifts .publishingTime
	{
		color: #5c5f64;
		padding: 10px 0px 2px 0px;
	}
	.announcementGroupLifts .documentBody
	{
		float: left;
	}
/* [/ROTARY SPECIFIC] */

/* 5. Wrapper specific overrides */
div#main div.control
{
}
div.announcement 
{
	margin:0 0 0.5em 0;
	padding:0;
}
#contentCenter div.announcement 
{
	margin:0 0 0.35em 0;
	padding:0 0 0.35em 0;
	float:left;
	width:100%;
	border-bottom:1px solid #eee;
	/* font-size:90%; */
}
.publishingTime 
{
	float:left;
	width:30%;
}
.hyperLinkTitle 
{
	float:left;
	width:70%;
}
.documentBody 
{
	float:left;
	width:100%;
}
div.function {
	margin:0 0 2em 0;
	padding:0;
	float:left;
	width:100%;
}
.siteMap 
{
	float:left;
	width:800px;
}
.searchForm 
{
	float:left;
	width:100%;
	margin:0 0 10px 0;
}
.searchForm .title 
{
	display:none;
}
.fieldQueryString 
{
	float:left;
}
.fieldQueryString .TextBox 
{
	float:left;
}
.buttonSearch 
{
	float:left;
}
.buttonSearch .Button 
{
	float:left;
}
.logon 
{
	float:left;
	width:100%;
	margin:0 0 10px 0;
}
.sectionLogOn 
{
}
.labelLoginName, .labelLoginPassword
{
	float:left;margin:0;padding:0; width:100%;
}
.fieldLoginName, .fieldLoginPassword, .buttonLogOn
{
	float:left;margin:0;padding:0;
}
.buttonSearch input, .buttonLogOn input, .buttonLogOff input, .Normal-button-0 
{
	font-size:90%;
	border:2px solid #4f6caa;
	background:#e2e2e2 url(/Layout/Default/Image/buttonBackground.gif) repeat-x;
	color:#0e50c8;
}
.buttonSearch input:hover, .buttonLogOn input:hover, .buttonLogOff input:hover, .Normal-button-0:hover 
{
	border:2px solid #0e50c8;
	color:#000;
	cursor:pointer;
}
/* 6. Additional css classes */
#headerWrapper .navigation ul 
{
	margin:0 0 0.5em 0;
	padding:0;
	list-style:none;
	width:100%;
	float:left;
}
#headerWrapper .navigation ul li 
{
	margin:0;
	padding:0 1em 0 0;
	list-style:none;
	float:left;
}
div#headerWrapper div.languageOption ul 
{
	font-size:85%;
	float:right;
	width:225px;
	margin:0 0 1em 0;
}
div#headerWrapper div.languageOption ul li 
{
	margin:0;
	padding:0;
}
div#headerWrapper div.mainNavigation ul 
{
	margin:0 0 -1px 0;
	padding:0;
	list-style:none;
	width:800px;
	float:left;
	border-bottom:1px solid #000
}
div#headerWrapper div.mainNavigation ul li 
{
	margin:0 3px 0 0;
	padding:0;
	float:left;
	font-size:90%;
}
div#headerWrapper div.mainNavigation ul li a 
{
	display:block;
	float:left;
	background:#000;
	color:#ccc;
	margin:0;
	padding:3px;
}
div#headerWrapper div.mainNavigation ul li a:hover 
{
	display:block;
	float:left;
	background:#000;
	color:#fff;
	text-decoration:none;
	margin:0;
	padding:2px 3px 4px 3px;
}
div#headerWrapper div.mainNavigation ul li.selected a, 
div#headerWrapper div.mainNavigation ul li.selected a:hover 
{
	display:block;
	float:left;
	background:#fff;
	color:#000;
	text-decoration:none;
	margin:0;
	padding:2px 3px 3px 2px;
	border:1px solid #000;
	border-bottom:0 none;
	font-weight:bold;
}
div.navigation.vertical
{
	clear: left;
}
div.navigation.vertical ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
div.navigation.vertical ul li
{
	float: left;
	padding-right: 10px;
	display: block;
}
#footerWrapper li a 
{
	color:#999;
	display:block;
	padding:3px 8px 3px 8px;
	margin:0;
	border:1px solid #e2e2e2;
	border-bottom:0 none;
}
#footerWrapper li a:hover 
{
	color:#333;
	display:block;
	padding:5px 8px 1px 8px;
	margin:0;
	border:1px solid #e2e2e2;
	border-bottom:0 none;
	background:#e2e2e2 url(/Layout/Default/Image/footer-gradient.gif) repeat-x;
	text-decoration:none;
}
div#headerWrapper div.languageOption ul li a 
{
	border-left:1px solid #8ca8e1;
	padding:3px 5px 3px 5px;
	text-decoration:none;
	display:block;
}
div#headerWrapper div.languageOption ul li.itemIndex0 a 
{
	border-left:0 none;
	display:block;
}
div#headerWrapper div.languageOption ul li a:hover
{
	color:#000;
	padding:1px 5px 5px 5px;
	text-decoration:none;
	display:block;
	background:#fff url(/Layout/Default/Image/header-gradient.gif) repeat-x;
}
/* Otsikot */
h1 
{
	margin:0 0 0.35em 0;
	padding:0;
	line-height:120%;
	font-weight:bold;
	color:#17315f;
}
h2 
{
	margin:0 0 0.25em 0;
	padding:0;
	line-height:120%;
	font-weight:bold;
	color:#17315f;
}
#contentLeft .title h2 
{
	font-size:120%;
}
.siteMap .title 
{
	display:none;
}
h3 
{
	margin:0.25em 0 0 0;
	padding:0;
	line-height:120%;
	font-weight:bold;
	color:#17315f;
}
h4 
{
	margin:0.5em 0 0 0;
	padding:0;
	line-height:120%;
	font-weight:bold;
	color:#17315f;
}
h5 
{
	margin:0.65em 0 0 0;
	padding:0;
	line-height:120%;
	font-weight:bold;
	color:#17315f;
}
p 
{	
	margin:0 0 1.25em 0;
	padding:0;
	line-height: 11pt;
}
.siteMap ul 
{
	margin:0;
	padding:0;
}
.fleft
{
	float: left;
}
.fright
{
	float: right;
}
.imageCarousel 
{
	float:left;
	display:block;
	width:800px;
	height:153px;
	background: url(/Layout/Default/Image/meteordemo_ylaosa.jpg) no-repeat;
	margin:0;
	padding:0;
}
.imageCarousel .content a 
{
	display:block;
	float:left;
	width:800px;
	height:153px;
	text-indent:-9999px;
	text-decoration:none;
	outline:0 none;
	margin:0;
	padding:0;
}
.imageCarousel .content a img
{
	text-decoration:none;
	border:0 none;
	text-indent:-9999px
}
#contentCenter textarea, #contentCenter select
{
	width:200px;
}
#contentCenter table td 
{
	font-size:90%;
}
#contentCenter .Pages table 
{
	margin:0 0 10px 0;
	width:100%;
}
.Pages table td 
{
	border:1px solid #eee;
}
.Pages table tr.Alternating td 
{
	border:0 none;
	background:#eee;
}
.discussionMessageNew 
{
	margin:0;
	padding:0 0 20px 0;
	float:left;
	width:100%;
}
.discussionMessageNew table div 
{
	float:left;
	font-size:90%;
}
.discussionMessageNew table div.labelTitle {
	width:25%;
}
.discussionMessageNew table div.labelReplyCount {
	width:35%;
}
.discussionMessageNew table div.labelLatesReply {
	width:40%;
}
.discussionMessageNew table td 
{
	border-bottom:1px solid #eee;
}
.Announcement div.Title 
{
	padding:0 0 10px 0;
}
.feedback 
{
	width:100%;
	float:left;
	margin:0;
	padding:0;
}
.feedback div div 
{
	width:100%;float:left;
    margin:0 0 0.5em 0;
    padding:0;
}
.feedback div div span 
{
	font-weight:bold;
}
.feedback div.Comment 
{
	float:left;
	margin:0;
	padding:0.5em 0 0.25em 0;
	width:100%;
}
.feedback div.Nick 
{
	float:left;
	margin:0 0 0.5em 0;
	padding:0;
	width:33%;
	font-size:90%;
}
.feedback div.Date 
{
	float:left;
	margin:0 0 0.5em 0;
	padding:0;
	width:34%;
	font-size:90%;
}
.feedback div.Time 
{
	float:left;
	margin:0 0 0.5em 0;
	padding:0;
	width:33%;
	font-size:90%;
}
.feedback div.Comment span, .feedback div.Nick span, .feedback div.Date span, .feedback div.Time span 
{
	font-weight:normal;
}

/* [FIX for layout] */
	.fieldLoginName,
	labelLoginName
	{
		float: none;		
	}
	div#contentWrapper,
	div#headerWrapper
	{
		width: auto;
	}
	div#contentLeft
	{
		width: 210px !important;
	}
	div#contentCenter
	{
		width: 350px !important;
		padding-left: 10px;
		padding-right: 10px;
	}
	div#contentRight
	{
		width: 220px !important;
	}

	ul
	{
		list-style-type: none;
	}
	div#headerWrapper div.languageOption ul
	{
		width: auto !important;
	}
/* [/FIX for layout] */
	
	
/*	[Poll]  */	
	.fieldQuestionQuestion
	{
		padding: 5px 0px 0px 0px;	
	}

	.sectionAnswers
	{
		padding: 5px 10px 10px 10px;
	}
	.imageAnswerBar
	{
		padding-bottom: 5px;
	}
/*	[/Poll]  */	

/*	[Captcha]  */	
	.Captcha img
	{
		border: solid 1px #000;
	}
/*	[/Captcha]  */