@charset "utf-8";

/* (c) 2009 RokSet Oy ----------------------------------------------------------- */

/* Eric Meyer reset: http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
----------------------------------------------------------- */

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, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; padding: 0; margin: 0; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* Clearing and other cadgets.
----------------------------------------------------------- */

.clearfix:after, .FormItem:after, .CheckWrap:after, .Checks:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .FormItem, .CheckWrap, .Checks { display: inline-block; }
/* IE-mac \*/ .clearfix, .FormItem, .CheckWrap, .Checks { display: block; } /* IE-mac */
.clear { clear: both; }
.HiddenInput, .hide, .hidden { display: none; }


/* ----- PAGE SETUP ----- */

html { height:100%; }

body { min-height: 101%; background-color: #ccc; margin: 0; padding: 0; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; font-size: 0.8125em; color: #333; line-height: 130%; }

.inxNavigationWrapper {
	background: #f7f7f7;
	height: 147px;
	margin-bottom: 0.5em; 
	border-bottom: 1px solid #ccc;}

.NavigationLinks {
	line-height: 16px;
	font-size: 12px;
	height: 147px;
	position: relative;
	left: -17px;
	border-bottom: 1px solid #ccc;
}

.NavigationLinks li {
	width: 196px;
	border-top: 1px dashed #a6a6a6;
	padding: 2px;
	padding-left: 17px;
}

.NavigationLinks .navSelected {
	background: #507b36;
	border-top: 1px solid #507b36;
}


a:link, a:visited { color: #5e7c49; text-decoration: none; border-bottom: 1px solid #ccc; }
a:hover, a:active { border-bottom: 1px solid #5e7c49; }
a.disabledLink:link, a.disabledLink, a.disabledLink:visited { border-bottom: 0; color: #a7a7a7; }

.NavigationLinks li a, .NavigationLinks li a:link, .NavigationLinks li a:visited { text-decoration: none; border-bottom: none; color: black; }
.NavigationLinks li a:hover, .NavigationLinks li a:active { color: #5e7c49; }
.NavigationLinks .navSelected a, .NavigationLinks .navSelected a:link, .NavigationLinks .navSelected a:visited { color: #fff; }
.NavigationLinks .navSelected a:hover, .NavigationLinks .navSelected a:active { color: #c5f0a6; }

.topImg {
	background: url('../images/topImage-1.jpg');
	float: right;
	height: 147px;
	width: 747px;
	position: relative;
	left: 17px;
}

.municipal { background: url('../images/topImage-4.jpg'); }

.content {
	margin: 0;
	width: 660px;
	float: left;
	background: #fff;
}

.columnContainer2 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	/* background:#ffa7a7; column 2 background colour */
}
.columnContainer1 {
	float:left;
	width:100%;
	position:relative;
	right:50%;
	/* background:#fff689; /* column 1 background colour */
}
.col1 {
	float:left;
	width:46%;
	position:relative;
	left:332px;
	overflow:hidden;
}
.col2 {
	float:left;
	width:46%;
	position:relative;
	left:56%;
	overflow:hidden;
}

.floatedBodyContent { float: right; }

.floatedBanners { overflow: hidden; float: right; height: 890px; width: 262px; background: #ddd; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #666; border-bottom: 1px solid #666; position: relative; left: 17px; top: 24px; text-align: left; }
.floatedImages { overflow: auto; }
.floatedBanners a, .floatedBanners a:visited, .floatedBanners a:hover, .floatedBanners a:active, .floatedBanners a:link { border: 0; }
.floatedBanners ul li { display: inline; }
.floatedBanners img, .floatedBanners object { margin-top: 7px; margin-left: 7px; margin-right: 7px;	 }

.quickJump a, .quickJump a:visited, .quickJump a:link, .quickJump a:hover, .quickJump a:visited { border:0; }
.quickJump img { margin-left: 2px; margin-top: 20px; margin-bottom: 12px; }

.byline { color: #888; text-align: center; width: 30%; margin-left: auto; margin-right: auto; margin-top: 1.4em; clear: both; }
.byline p { margin-bottom: 1em; }
.byline a:link, .byline a:visited, .byline a { color: #888; text-decoration: none; border: 0; }
.byline p a:hover, .byline p a:active { color: #000; }

div.content p.byline { text-align: left; margin-left:0; margin-right:0; position: relative; top: -18px; color: #5e5e5e; text-transform: uppercase; margin-bottom: 0; }
	

.inxMainWrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	border: 1px solid #666;
	overflow: hidden;
	}

h1,h2,h3 { font-family: Georgia, 'Times New Roman', Times, serif; font-weight: normal; color: #5e7c49; }

h1 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-indent: -1000px;
	width: 118px;
	height: 55px;
	background-image: url('../images/rabc_logo_118.png');
	}

h2 { font-size: 2em; margin-top:1em; margin-bottom:1em; margin-left:0; margin-right:0; }
	
h3 {
	line-height: 120%;
	font-size: 1.3em;
	margin-top:0.5em;
	margin-bottom:1em;
}
	
.inxWrapper {
	padding-left: 16px;
	padding-right: 16px;
}

.content p {
	margin-bottom: 0.75em;
}

.inlineTitleIcon { width:32px; height:32px; position: relative; top: 6px; margin-right: 8px; border:0; }
.inlineEditIcon { width:16px; height:16px; position: relative; top: 3px; margin-right: 4px; border:0; }
.searchResultIcon { width:16px; height:16px; position: relative; top: 3px; margin-right: 4px; border:0; }
.linkIcon:link, .linkIcon:hover, .linkIcon:visited { border: 0; }
.inlineSubTitleIcon { width:20px; height:20px; position: relative; top: 4px; margin-right: 8px; border:0; }

/* --- LOGIN --- */

.loginForm, .loginForm input, .loginForm ul li input, .loginForm ul, .loginForm ul li { margin: 0; padding: 0; font-size: 11px; }
.loginForm { float: right; width: 380px; }

.loginForm ul li label { display: block; float: left; margin-right: 8px; width: 80px; text-align: right; }
.genericText { height: 11px; font-size: 11px; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; }

input.loginButton { height: 16px; width: 70px; font-size:12px; font-family: Georgia, 'Times New Roman', Times, serif; color:#333333; background-color:#e7e7e7; border-style:solid; border-color:#999999; border-width:1px; }

.inxAccountLinks {
	float: right;
	list-style: none;
	display: inline;
}

.AcctRegisterLink {
	float: left;
	width: 110px;
}

.inxAccountLinks li, .inxBreadcrumb li, .inxSearchBox li {
	display: inline;
}

.loginForm { margin-top: 10px; }

/* --- MENU FOR LOGGED IN USER --- */

.logout input, .logout li input, .logout, .logout li  { margin: 0; padding: 0; font-size: 11px; text-align: right; }
.logout { float: right; display: block; width: 400px; height: 40px;}
.logout li label { display: block; float: left; margin-right: 8px; width: 80px; text-align: right; }
.logout .ulos {display: block; float: right; background: url("../images/logout.png"); width: 83px; height: 16px; border:0; cursor:pointer;}
.logout .oma {display: block; float: right; background: url("../images/own_page.png"); width: 65px; height: 16px; border:0; cursor:pointer;}
.logoutInlineIcon { width:12px; height:12px; position: relative; top: 2px; margin-left: 8px; margin-right: 2px; border:0; }

/* --- SOMISTEITA --- */

.inxBreadcrumb {
	font-size: 0.95em;
	margin-top: 1em;
}

.authorLine {
	font-size: 0.7em;
	color: #5e5e5e;
}

.newsArticle {
	margin-bottom: 2em;
}

hr {
	border: 0;
	padding:0;
	margin: 1em 0;
	width: 100%;
	height: 27px;
	text-indent: -1500px;
	background: transparent url('../images/hr.png') 0 0 no-repeat;
}

.recentArticlesList {
	margin-bottom: 2.5em;
}

.content ul li {
	list-style: disc inside;
}

.recentArticlesList li {
	list-style: disc inside;
}

.recentArticlesList li .authorLine {
	padding-left: 1.2em;
}

/* --- FOOTER --- */
.footer ul li { list-style: none; font-size: 11px; }
.footer ul { float: left; margin-right: 40px; margin-left: 40px; margin-bottom: 1em; }
.content .footerFirst { margin-right: 60px; margin-left: 0; }
.content .footerLast { margin-right: 0; margin-left: 60px; }
.footer a, .footer a:link, .footer a:visited { border:0; color: #666; }
.footer a:hover, .footer a:active { color: black; border: 0; }

/* --- ARTICLE CONTENT TYPES --- */

ul.categoryList { font-family: Georgia, 'Times New Roman', Times, serif; font-weight: normal; line-height: 1.5em; font-size: 1.2em; }
ul.categoryList li { list-style: none; }
ul.categoryList li a:link,ul.categoryList li a:visited { text-decoration: none; border: 0; }
ul.categoryList li a:hover { border-bottom: 1px solid #aaa; }

ul.auxList { float: right; text-align: right; padding-top: 20px; margin-bottom: 12px; }

.standaloneContacts { margin-bottom: 1.5em; }

div.explanation { background: #bcf29c; padding-left: 2em; margin-left: -1.5em; padding-top: 1em; padding-bottom: 1em; }

div.article p { text-align: justify; font-size: 0.92em; }

div p.deck { font-family: Georgia, 'Times New Roman', Times, serif; font-weight: normal; font-style: italic; margin-bottom: 1.8em; font-size: 1em; }

div p.pullquote { text-align: justify; line-height: 120%; float: right; width: 15em; font-size: 1.5em; font-family: Georgia, 'Times New Roman', Times, serif; font-weight: normal; font-style: italic; margin-left: 1em; margin-top: 0; margin-bottom: 0.5em; margin-right:0; padding:0; }

abbr { border-bottom: 1px dotted #666; }

p + h3 { margin-top: 1.5em; }
p.deck + hr { position: relative; top: -12px; }

img.articleInlineImage { float: left; margin-right: 12px; margin-bottom: 16px; }

ul.relatedItems {
	margin-left: 9em;
}

.masthead { margin-top: 1em; font-size: 11px; text-indent: 0; margin-left: 0; padding-left: 0; line-height: 110%; }
.masthead ul { width: 34%; }
.masthead ul li { list-style: none outside; text-indent: 0; margin-left: 0; padding-left: 0; }
.mastheadContact { float: right; }
.mastheadImage { float: right; margin-left: 12px; margin-right: 12px; width: 25%; text-align: center; }
.mastheadImage img { width: 100px; height: 40px; margin-left: auto; margin-right: auto; }

table.contactPageTable { line-height: 1.4em; border:0; font-size: 0.9em; }
.contactPageTable td { width: 45%; }
table tr.contactPageTableSectionLast { height: 30px; }
.contactTableLabel { font-weight: bold; padding-right: 24px; }
sup { vertical-align: super; line-height: 0; font-size: 0.8em; }
.municipalityCrest img { height: 67px; width: 60px; margin-bottom: 1em; }

a.linkButton:link, a.linkButton, a.linkButton:visited { display: block; margin:0; text-align: center; background: #507b36; color: #fff; padding-top: 4px; padding-bottom: 4px; border: 1px solid black; }

/* --- TOOLTIP --- */

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}
	
.infoLink {
	cursor:help;
}

a.infoLink:link { border-bottom: 1px dotted #507b36; }

.advertTextWrap { margin-top: 12px; }
.advertTextWrap h3 { margin-bottom: 8px; }	

.inxSearchWrap { background: #bcf29c; text-align: left; height: 100px; padding-left: 10px; margin-right: 20px; }

/* --- VALIDATION --- */
.valid_info, .valid_success, .valid_warning, .valid_error, .valid_validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 80px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.valid_info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/info_48.png');
}
.valid_success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../images/info_48.png');
}
.valid_warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/info_48.png');
}
.valid_error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/info_48.png');
}

/* --- ADMIN --- */

.admin select {
	width: 100px;	
}

.error {
	background-color: #ffcccc;
}