/********************************************************************************

* VNM Content Management System                                          		*

* http://www.verkkonewmedia.com                                                 *

*                                                                               *

* Copyright (c) 2006 								                           	*

********************************************************************************/





/********************************* General styles ******************************/

body, a, table, td, tr, tbody, b, p, input, select, label, textarea {

	color: black;

	font-size: 11px;

	font-family: Verdana, Helvetica, Arial, Sans-serif;

}

input, select, textarea {

	border: 1px solid #a2c72c;

}



body {padding: 0px; margin: 0px; background-color:#ecf3d9;}

input, textarea, select {margin-bottom: 1px;}

form {margin: 0px;padding: 0px;}

img {border: none;}

label {width: 140px; padding: 3px 0px 0px 0px;	float: left;}

h1 {

	font-size: 150%;

	font-weight: bolder;

}

h2 {

	font-size: 130%;

	font-weight: bolder;

	color: #a2c72c;

	margin: 3px 0px 2px 0px;

}

h3 {font-size: 120%; font-weight: bolder;}

h4 {font-size: 110%; font-weight: bolder;}

h5 {font-size: 100%; font-weight: bolder;}

.comment {

	color: gray;

}

.description {

	font-size: 85%;

}

.selected {

	color: gray;

}

.message {

	border: 1px solid #FFA500;

	background: #FFCE7B;

	padding: 5px;

	font-weight: bolder;

	margin-bottom: 8px;

}

.error {

	color: red;

}



img .text_right {float: left; padding-right: 5px;}

img .text_left {float: right; padding-left: 5px;}



.item {

	background: #729FCF;

	padding: 3px;

	margin: 3px 0px 3px 0px;

	border: 1px solid #204A87;

}

.item:hover {background: #3465A4;}

.item a {

	text-decoration: none;

}

hr {

	height: 1px;

	border: 1px solid #a2c72c;

}

.highlighting {

	background: yellow;

}

/*******************************************************************************/





/*********************************** Categories ********************************/

.categories {

	text-align: left;

}

.categories a {

	text-decoration: none;

	display: block;

	padding: 10px 0px 0px 0px;

}

/*******************************************************************************/





/********************************* Language Switcher ***************************/

.language_switcher {

	margin: 6px 0px 0px 0px;

	padding: 4px;

	background: transparent;

}

.language_switcher h1 {

	font-size: 100%;

	padding: 0px;

	margin: 0px 0px 3px 0px;

	border-bottom: 1px solid #a2c72c;

}

/*******************************************************************************/





/******************************* Administration panel **************************/

.administration {

	position: absolute;

	top: 1px;

	right: 1px;

	width: 200px;

	padding: 3px;

	background: #EEEEEE;

	border: 1px solid #a2c72c;

}

.administration h1 {

	font-size: 100%;

	padding: 0px;

	margin: 0px 0px 3px 0px;

}

.administration a {

	text-decoration: none;

}

.administration hr {

	height: 1px; 

	width: 100%; 

	margin: 0px; 

	padding: 0px; 

	color: black

}

/*******************************************************************************/





/********************************** Member panel *******************************/

.member {

	margin: 6px 0px 0px 0px;

	padding: 4px;

	background: transparent;

}

.member h1 {

	font-size: 100%;

	padding: 0px;

	margin: 0px 0px 3px 0px;

	border-bottom: 1px solid #a2c72c;

}

.member a {

	text-decoration: none;

}

/*******************************************************************************/





/********************************** Login panel ********************************/

.login_panel {

	margin: 6px 0px 0px 0px;

	padding: 4px;

	background: transparent;

}

.login_panel h1 {

	font-size: 100%;

	padding: 0px;

	margin: 0px 0px 3px 0px;

	border-bottom: 1px solid #a2c72c;

}

.login_panel a {

	text-decoration: none;

}

.login_panel p {

	margin: 0px;

	padding: 0px;

}



/*******************************************************************************/





/********************************** Page Tools *********************************/

.search_box {

	margin: 6px 0px 0px 0px;

	padding: 4px;

	background: transparent;

}

.search_box h1 {

	font-size: 100%;

	padding: 0px;

	margin: 0px 0px 3px 0px;

	border-bottom: 1px solid #a2c72c;

}





.page_tools {

	margin: 6px 0px 0px 0px;

	padding: 4px;

	background: transparent;

}

.page_tools h1 {

	font-size: 100%;

	padding: 0px;

	margin: 0px 0px 3px 0px;

	border-bottom: 1px solid #a2c72c;

}

.page_tools a {

	text-decoration: none;

	display: block;

}

.page_tools p {

	margin: 0px;

	padding: 0px;

}

/*******************************************************************************/





/********************************* Tools styles ********************************/

.page_counter {

	background: #DDDDDD;

	border: 1px solid #a2c72c;

	padding: 3px;

	margin: 5px 0px 5px 0px;

	float: left;

}

.page_counter a {

	font-weight: bolder;

}

/*******************************************************************************/





/********************************* Search styles *******************************/

.search_item {

	display: block;

	text-decoration: none;

	padding-top: 5px;

}



.search_item_title,

.search_item_title .highlighting {

	text-decoration: underline;

	font-weight: bolder;

}

.search_item_introduction {

	display: block;

	font-weight: bolder;

}

.search_item_content {

	display: block;

	text-decoration: none;

}

.search_item_details {

	display: block;

	color: gray;

}

/*******************************************************************************/





/********************************* Module styles *******************************/

.module_intro {

	border-bottom: 1px solid #a2c72c;

	margin-bottom: 6px;

	padding-bottom: 3px;

}

.module_admin {

	border-bottom: 1px solid #a2c72c;

	margin-bottom: 6px;

	padding-bottom: 3px;

}



/*******************************************************************************/





/********************************** Management *********************************/

.management {

	background: white;

	color: black;

}

.management a {

	color: black;

	text-decoration: none;

}

.management a:hover {

	text-decoration: underline;

}

.management h1 {

	font-size: 120%;

}

.management h2 {

	font-size: 100%;

	margin-bottom: 0px;

}

.management p {

	margin-top: 0px;

	margin-bottom: 2px;

}



.management .custom_table {

	border: 1px solid #a2c72c;

	background: white;

}

.management table .heading {

	font-weight: bolder;

	background: #a2c72c;

}

.management table .heading td {

	color: white;

}



.management input, textarea, select {

	border: 1px solid #a2c72c;

	background: white;

}

.general_settings label {

	width: 260px;

}

/*******************************************************************************/





/********************************** Navigation *********************************/

/***** navigation *****/

.navigation {

	line-height: 15px;

}



.navigation.level0 {

	margin-left: 0px;

	font-weight: bolder;

	padding: 8px 0px 0px 0px;



}

.navigation.level1 {

	margin-left: 10px;

}

.navigation.level2 {

	margin-left: 20px;

}

.navigation.level3 {

	margin-left: 30px;

}

.navigation.level4 {

	margin-left: 40px;

}

.navigation a {

	text-decoration: none;

}



.navigation.level1 a {

	font-size: 100%;

}

	

.navigation.level2 a {

	font-size: 100%;

}

	

.navigation.level3 a {

	font-size: 75%;

}

	

.navigation.level4 a {

	font-size: 75%;

}



.navigation.current a {

	color: #990000;

}



.navigation a:hover {

	color: #990000;

}





/***** Next and previous buttons *****/

.next_previous {

	color: black;

	margin: 5px 0px 0px 0px;

	text-align: right;

	float: left;

	clear: left;

	width: 100%;

}

.next_previous a {

	color: black;

	padding: 0px 5px 0px 0px;

	text-decoration: none;

}



/***** Page 1 2 3 ... *****/

.page_123 {

	border-top: 1px solid #a2c72c;

	color: black;

	text-decoration: none;

	display: block;

	padding: 2px 0px 0px 0px;

	margin: 6px 0px 0px 0px;

	float: left;

	clear: left;

	width: 100%;

}

.page_123 a {

	padding: 0px 0px 0px 5px;

	font-weight: bolder;

	color: #a2c72c;

	text-decoration: none;

}

.page_123 span {

	padding: 0px 0px 0px 5px;

}

/*******************************************************************************/





/******************************** Content styles *******************************/

.introduction {

	font-weight: bold;

	margin: 5px 0px 5px 0px;

}

/*******************************************************************************/





/******************************** Site and body ********************************/

/***** Header *****/

.header {

/*	background: url(img/header.jpg) no-repeat;*/

	height: 140px;

	width: 760px;

	text-align: right;

	vertical-align: top;

}



/***** Site *****/

.site {

	margin-top: 0px;

	text-align: left;

	border-bottom: 1px solid #a2c72c;

}



/***** Left column *****/

.left {

	background: none;

	border-right: 0px solid #a2c72c;

	padding: 0px;

	width: 160px;

	border-left: 0px solid #a2c72c;

}



/***** Right column *****/

.right {

	padding-left: 8px;

/*	background: white url(img/right.jpg) no-repeat;*/

	width: 152px;

	border-right: 1px solid #a2c72c;

}



/***** Body column *****/

.body {

	padding: 5px;

	width: 580px;

	height: 440px;

	text-align: left;

}



.title {

	margin-top: 5px;

}



.content {

	line-height: 15px;

}



.content ul, li {

	margin-top: 0px;

	margin-bottom: 0px;

}

.content p {

	margin-top: 4px;

	margin-bottom: 2px;

}

.content .heading {

	font-weight: bolder;

	background: #DDDDDD;

}



.content a:hover {

	text-decoration: none;

	color: #F48000;

}

/*******************************************************************************/