@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
html, body {
	/*background: url(_images/pagebg.png) #929292 repeat-x;*/
	background: url(_images/pagebg2.png) top  center repeat-y;
background-image: -moz-linear-gradient(left, #C2C2C2, #C22626);
background-image: -webkit-gradient(linear, left top, right top, from(#C2C2C2), to(#C22626));
	margin: 0;
	padding: 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
}
a {
	color: #731717;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#wrapper {
	width: 900px;
	background: url(_images/wrapperbg.png) top center repeat-y;
	margin: 0 auto;
}

#innerWrapper {
	width: 800px;
	margin: 0 auto;
	padding-top: 20px;
}
#bottompanel {
	margin: 0 auto;
	background: url(_images/bottombg.png) top center no-repeat;
	height: 40px;
	width: 836px;
}
#pageHeader {
	width: 722px;
	height: 100px;
	background: url(_images/page-logo.png) top left no-repeat;
	margin: 0 auto;
}

#pageHeader #loginBox {
	float: right;
	margin-right: 10px;
	margin-top: 7px;
	font-size: 10px;
	text-align: center;
}
#pageHeader #loginBox #logoutLink {
	display: block;
	width: 100px;
	text-align: right;
	margin-top: 63px;
	line-height: 24px;
	vertical-align: middle;
	background: url(_images/logout.png) top right no-repeat;
	padding-right: 26px;
	font-size: 14px;
}
#pageHeader #loginBox a#logoutLink {
	color: #000;
	text-decoration: none;
}
#pageHeader #loginBox a#logoutLink:hover {
	color: #666;
	text-decoration: underline;
}

#pageHeader #loginBox input {
	padding: 2px;
	font-size: 10px;
	border: 1px solid #383838;
	margin-bottom: 2px;
}

#mainContentWrapper {
	margin: 20px 10px 0px 10px;
}

#mainContent {
	width: 580px;
	margin: 0px 0px 0px 0px;
	float: left;
}

#sideBar {
	margin: 0px 0px 0px 590px;
}

#copyright {
	border-top: 4px #c22626 solid;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 10px;
	text-align: center;
}


/* 	PAGE STRUCTURE ENDS
	Next comes text styles */

#mainContent p, #preview p {
	margin-bottom: 20px;
}

#page ul, #preview ul {
	list-style: none;
	margin-left: 5px;
	margin-bottom: 20px;
}

#page ul li, #preview ul li {
	padding-left: 14px;
	line-height: 16px;
	background: url(_images/bullet2.gif) top left no-repeat;
	padding-bottom: 5px;
}

#mainContent .noMargin, #preview noMargin {
	margin: 0;
	padding: 0;
}

#mainContent h2, #preview h2 {
	color: #c22626;
	font-size: 13px;
}

/* =====[ Pääsisällön header tyyli ]===== */
#mainContent h1 {
	font-size: 16px;
	color: #c22626;
	border-bottom: 2px solid #CCC;
	margin-bottom: 10px;
	text-align: left;
	vertical-align: middle;
}
#adminPanel td a {
	font-size: 12px;
	color: #930;
	text-decoration: none;
	text-align: center;
}

#adminPanel {
	float: right;
	border-top: 2px solid #C30;
	margin-top: 20px;
	width: 100%;

}
#adminPanel td {
	text-align: center;
	padding-top: 5px;
}


strong {
	color: #383838;
}

/* STRUCTURE FOR ROUNDED BOXES */
div.roundBox .lTop { background: url(_images/roundedBox/topLeft.gif) top left no-repeat; }
div.roundBox .rTop { background:url(_images/roundedBox/topRight.gif) top right no-repeat; }
div.roundBox .midLeft { background: url(_images/roundedBox/midLeft.gif) top left repeat-y; }
div.roundBox .midRight { background: url(_images/roundedBox/midRight.gif) top right repeat-y; }
div.roundBox .lBot { background: url(_images/roundedBox/botLeft.gif) bottom left no-repeat; }
div.roundBox .rBot { background: url(_images/roundedBox/botRight.gif) bottom right no-repeat; }
div.roundBox .contentWrap { padding: 10px 0px 10px 0px; }
div.roundBox .content { border-left: 3px solid #dcdcdc; border-right: 3px solid #dcdcdc; background: #fff; padding: 0px 3px 0px 3px; }
div.roundBox .contentBlue { border-left: 3px solid #dcdcdc; border-right: 3px solid #dcdcdc; background: #fff; padding: 0px 3px 0px 3px; color: #333; }

/* STRUCTURE FOR ROUNDED BOXES */
div.roundBox2 .lTop { background: url(_images/roundedBox2/topLeft.gif) top left no-repeat; }
div.roundBox2 .rTop { background:url(_images/roundedBox2/topRight.gif) top right no-repeat; }
div.roundBox2 .midLeft { background: url(_images/roundedBox2/midLeft.gif) top left repeat-y; }
div.roundBox2 .midRight { background: url(_images/roundedBox2/midRight.gif) top right repeat-y; }
div.roundBox2 .lBot { background: url(_images/roundedBox2/botLeft.gif) bottom left no-repeat; }
div.roundBox2 .rBot { background: url(_images/roundedBox2/botRight.gif) bottom right no-repeat; }
div.roundBox2 .contentWrap { padding: 10px 0px 10px 0px; }
div.roundBox2 .content { border-left: 3px solid #dcdcdc; border-right: 3px solid #dcdcdc; background: #c22626; padding: 0px 3px 0px 3px; color: #FFF; }

/* STRUCTURE FOR ROUNDED BOXES */
div.roundBox3 .lTop { background: url(_images/roundedBox3/leftTop.gif) top left no-repeat #f7f7f7; }
div.roundBox3 .rTop { background:url(_images/roundedBox3/rightTop.gif) top right no-repeat; }
div.roundBox3 .lBot { background: url(_images/roundedBox3/leftBottom.gif) bottom left no-repeat; }
div.roundBox3 .rBot { background: url(_images/roundedBox3/rightBottom.gif) bottom right no-repeat; }
div.roundBox3 .contentWrap { padding: 2px 2px 2px 0px; }
div.roundBox3 .content { padding: 3px; }

/* Navigaatiolistojen tyylit */
ul#navigation {
	list-style: none;
	color: #383838;
	font-weight: bold;
}

ul#navigation li {
	line-height: 20px;
}

ul#navigation li ul {
	font-weight: normal;
	list-style: none;
}
ul#navigation li ul li {
	padding-left: 5px;
	line-height: 20px;
}
ul#navigation li ul li ul li { padding-left: 10px; }
ul#navigation li ul li ul li ul li { padding-left: 15px; }
ul#navigation li ul li ul li ul li ul li { padding-left: 20px; }
ul#navigation li ul li ul li ul li ul li ul li { padding-left: 25px; }

ul#navigation a {
	color: #383838;
	text-decoration: none;
}
ul#navigation a:hover {
	color: #c22626;
	text-decoration: underline;
}

/* Ajankohtaista boksin tyylit */
ul#ajankohtaista {
	list-style: none;
}

ul#ajankohtaista li {
	padding-bottom: 10px;
}

ul#ajankohtaista li span {
	font-size: 10px;
	border-right: 1px solid #383838;
	color: #333;
	padding-right: 3px;
	margin-right: 3px;
}

/* Kuvien floatit */
img.toRight {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
img.toLeft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* Custom link styles */
a.smallLink {
	font-size: 10px;
	color: #900;
	text-decoration: none;
}
a:hover.smallLink {
	color: #000;
	text-decoration: underline;
}

/* Uutisten lisäys lootan tyylit */
#addNewsFormBox input, #addNewsFormBox textarea {
	border: 1px solid #000;
	padding: 1px;
	font-size: 12px;
}
#addNewsFormBox input:hover, #addNewsFormBox textarea:hover {
	border: 1px solid #999;
	background: #CCC;
}
#addNewsFormBox textarea {
	margin-top: 5px;
	display: block;
	width: 100%;
	height: 60px;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
}

/* Infopopupin tyylit */
#infoPopup {
	position: absolute;
	z-index: 0;
	display: none;
	background: #fffeed;
	padding: 5px;
	border: 1px solid #000;
	font-size: 11px;
	color: #900;
	max-width: 240px;
	-moz-border-radius: 5px;
}
#infoPopup p {
	margin-bottom: 5px;
}

/* =====[ Sivun lisäyksen esikatselun tyylit ]===== */
#preview {
	width: 780px;
	background: #FFF;
	overflow: auto;
	padding: 20px;
	display: none;
}

/* =====[ Sivun lisäysformin tyylit ]===== */
#new_page_form #header {
	border: 1px solid #CCC;
	width: 100%;
	font-size: 16px;
	padding: 3px;
	font-weight: bold;
}

#new_page_form #content {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}

#new_page_form #createButton, #new_page_form #cancelButton {
	background: url(_images/create.png) top center no-repeat;
	padding-top: 48px;
	font-size: 12px;
	color: #C60;
	border: 0;
	cursor: pointer;
	text-align: center;
	width: 64px;
}
#new_page_form #cancelButton {
	background-image: url(_images/cancel.png); 
	display: block;
}
#new_page_form #createButton:hover {
	font-weight: bold;
	color: #060;
}
#new_page_form #cancelButton:hover {
	font-weight: bold;
	color: #900;
}

#new_page_form #addFile {
	float: right;
	border: none;
	background: url(_images/addFile.png) top right no-repeat;
	line-height: 32px;
	height: 32px;
	padding-right: 32px;
	vertical-align: middle;
	color: #C60;
	cursor: pointer;
	display: block;
}
#new_page_form #addFile:hover { font-weight: bold; }

#new_page_form ul#attachments {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
}
#new_page_form ul#attachments li {
	border-bottom: 1px solid #CCC;
	padding-bottom: 2px;
	padding: 3px;
	padding-top: 10px;
	-moz-border-radius: 3px;
}
#new_page_form ul#attachments li:hover {
	background: #E8E8E8;
}
#new_page_form span.removeAttachment {
	line-height: 16px;
	color: #C60;
	padding-right: 16px;
	float: right;
	cursor: pointer;
	background: url(_images/deleteAttachment.png) top right no-repeat;
}
#new_page_form span:hover.removeAttachment {
	font-weight: bold;
}
#new_page_form .attachmentDesc {
	border: 1px solid #CCC;
	width: 480px;
}

td.attachment {
	width: 25%;
	text-align: center;
	padding-bottom: 5px;
}
td.attachment a {
	color: #731717;
	text-decoration: none;
	font-size: 11px;
}
td.attachment a:hover {
	/*font-weight: bold;*/
	text-decoration: underline;
}
td.attachment span {
	font-size: 10px;
}

.noDec {
	text-decoration: none;
	border: none;
}