/* Tyylit */
body {
	font-family: Trebuchet ms, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;

}

#wrapper {
	background: url(../img/wrapper_bg.jpg) #ffffff repeat-x top center;	
}


p{
	margin:10px 0;
}

a, a:link, a:visited, a:active{
	color: #00a6eb;
	text-decoration: none;
}

/* Tällä pakotetaan editorin sisällön linkit oikean näköisiksi
   Eli yleensä sama tyyli kuin tuossa yllä a-elementille, mutta jokaisen perään !important */
.mceContentBody a,.mceContentBody a:link, .mceContentBody a:visited{
	color: #00a6eb !important;
	text-decoration: none !important;
}
.mceContentBody{
	background:transparent !important;
}



a.news, a.news:link, a.news:visited {
	color:#0c6c94;
	text-decoration: none;
}

td {
	font-size: 12px;

}
.login {
	font-size: 12px;

}

input, select, textarea {
	font-size: 11px;
}
.text{
	width:100%;
}

h1 {
	font-size: 18px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 100;	
}


h2 {
	font-size: 14px;
	color: #000000;
	text-transform: uppercase;
}

h3 {
	font-size: 12px;
	color: #000000;
}

h4 {
	color: #458AD7;
}

h5 {
	color: #458AD7;
}

h6 {
	color: #458AD7;
}

img {
	border :0px;	
}

.pointer, .pointer_grey , .pointer_red, .pointer_purple {
	background:url(../img/pointer.jpg) no-repeat left;
	text-transform: uppercase;	
	padding: 15px 0px 15px 50px;
	margin-bottom: 25px;
	height: 45px;
}

.pointer_grey {
	background:url(../img/pointer_grey.jpg) no-repeat left;
}
.pointer_red {
	background:url(../img/pointer_red.jpg) no-repeat left;
}
.pointer_purple {
	background:url(../img/pointer_purple.jpg) no-repeat left;
	padding: 20px 0px 20px 60px;
	margin-bottom: 30px;
	height: 52px;
	font-size: 14px;
}

.note {
	border: 1px solid #d1d1d1;
	padding: 10px;
	background-color: #f1f1f1;
}

.error_message{
	color:#ab0000;
	margin:10px 0 20px 0;
}
.success_message{
	color:#368b1c;
	margin:10px 0 20px 0;
}

td.mandatory {
	color: #ab0000;
}

/* Dropdownmenu */
.menuarea{
	position:absolute;
	display:none;
	width:180px;
	border:1px solid #c3c3c3;
	background-color:white;
	padding-bottom:5px;
}

#menutable .menutop_a{
	color:#6D3A78;
	padding:0 4px;
}
#menutable .menutop{
	color:#3c3c3c;
	padding:0 4px;
}

#menutable .menusub_a{
	color:#6D3A78;
	padding:0 4px;
	font-weight:bold;
	display:block;
}
#menutable .menusub{
	color:#3c3c3c;
	padding:0 4px;
	display:block;
}


/* Tabit */

.tab-button:link, .tab-button:active, .tab-button:visited{
	border:1px solid #c3c3c3;
	border-bottom:1px solid #c3c3c3;
	background-color:#eeeeee;
	padding:3px 7px;
	color:#555555;
	text-decoration:none;
	line-height:16px;
	margin-right:3px;
	margin-bottom:-1px;
	margin-top:4px;
	position:relative;
	float:left;
}
.tab-button-a:link, .tab-button-a:active, .tab-button-a:visited{
	border:1px solid #c3c3c3;
	border-bottom:0px solid #ffffff;
	background-color:#ffffff;
	padding:5px 7px 1px 7px;
	color:#000000;
	text-decoration:none;
	line-height:20px;
	margin-right:3px;
	position:relative;
	bottom:-1px;
	float:left;
}
div.tab-content{
	clear:both;
	border:1px solid #c3c3c3;
	padding:10px;
	margin-bottom:10px;
	width: 95%;
}

table.member_type {
	width: 430px;
}