/* Editorin säädöt */
.mceContentBody{
	background: transparent none;
	background-color: transparent;
}
.dynamic_contentarea{
	border:1px dotted red;
}
.static_contentarea{
	border:1px dotted blue;
}

/* 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{
font-family: Verdana, Helvetica, sans-serif !important;
color: #8C1801 !important;
text-decoration: none;
}

/* Tyylit */

html {

	min-height: 100%;
	margin-bottom: 1px;
	
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	color: #000000;

}


a, a:link, a:visited, a:active {
	color:#2d96d4;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

a.sitemanagerlinks, a.sitemanagerlinks:link, a.sitemanagerlinks:active, a.sitemanagerlinks:visited, .sitemanagerlinks {
	color:#ab0000;
	text-decoration: none;
}

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

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}
.login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}


h1 {
	font-size: 16px;
	font-family: Trebuchet, Arial;
	color: #000000;
}

h2 {
	font-family: Trebuchet, Arial;
	font-size: 14px;
	color: #000000;
}

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

h4 {
	color: #458AD7;
}

h5 {
	color: #458AD7;
}

h6 {
	color: #458AD7;
}

table.ilm {
	width: 623px;
}

table.ilm td.tab-a a, table.ilm td.tab-p a, table.ilm td.tab-a2 a, table.ilm td.tab-p2 a {
	color: #444;
	font-size: 9px;
	text-transform: uppercase;
}

table.ilm td.tab-a {
	background-image: url(../img/ilm/tab_a.gif);
	background-repeat: no-repeat;	
	width: 107px;
	height: 29px;
	text-align: center;
}   

table.ilm td.tab-a2 {
	background-image: url(../img/ilm/tab_a2.gif);
	background-repeat: no-repeat;	
	width: 107px;
	height: 29px;
	text-align: center;
}

table.ilm td.tab-p {
	background-image: url(../img/ilm/tab_p.gif);
	background-repeat: no-repeat;	
	width: 106px;
	height: 29px;
	
	text-align: center;
}

table.ilm td.tab-p2 {
	background-image: url(../img/ilm/tab_p2.gif);
	background-repeat: no-repeat;	
	width: 106px;
	height: 29px;
	
	text-align: center;
}

table.ilm td.top {
	background-image: url(../img/ilm/top_fill.gif);
	background-repeat: repeat-x;
	width:76px;
}

table.ilm td.corner {
	background-image: url(../img/ilm/top_corner.gif);
	background-repeat: no-repeat;
	width: 5px;
	height: 29px;
}

table.ilm td.content {
	background-image: url(../img/ilm/bg.gif);
	background-repeat: repeat-y;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}


table.ilm td.bottom {
	background-image: url(../img/ilm/bottom.gif);
	background-repeat: no-repeat;
	height: 5px;
}



table.ilm2 {
	width: 776px;
	width: 713px;
}

table.ilm2 td.tab-a a, table.ilm2 td.tab-p a, table.ilm2 td.tab-a2 a, table.ilm2 td.tab-p2 a {
	color: #444;
	font-size: 9px;
	text-transform: uppercase;
}

table.ilm2 td.tab-a {
	background-image: url(../img/ilm/tab_a.gif);
	background-repeat: no-repeat;	
	width: 107px;
	height: 29px;
	text-align: center;
}

table.ilm2 td.tab-a2 {
	background-image: url(../img/ilm/tab_a2.gif);
	background-repeat: no-repeat;	
	width: 107px;
	height: 29px;
	text-align: center;
}

table.ilm2 td.tab-p {
	background-image: url(../img/ilm/tab_p.gif);
	background-repeat: no-repeat;	
	width: 106px;
	height: 29px;
	
	text-align: center;
}

table.ilm2 td.tab-p2 {
	background-image: url(../img/ilm/tab_p2.gif);
	background-repeat: no-repeat;	
	width: 106px;
	height: 29px;
	
	text-align: center;
}

table.ilm2 td.top {
	background-image: url(../img/ilm/top_fill.gif);
	background-repeat: repeat-x;
	width:auto;
}

table.ilm2 td.corner {
	background-image: url(../img/ilm/top_corner.gif);
	background-repeat: no-repeat;
	
	width: 5px;
	height: 29px;
}

table.ilm2 td.content {
	background-image: url(../img/ilm/bg2.gif);
	background-repeat: repeat-y;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}


table.ilm2 td.bottom {
	background-image: url(../img/ilm/bottom2.gif);
	background-repeat: no-repeat;
	height: 5px;
}



/* Ilmottautumisten tyylittely */

table.ilm-list {
	border-collapse: collapse;
}

table.ilm-list th {
	text-align:left; 
	padding-left:10px;
	border-bottom: 1px dotted #333;
	background-color: #fff;
}

table.ilm-list td {
	color: #333;
	padding: 0px 10px;
	font-size: 11px;
	background-color: #fff;
}

table.ilm-list tr.odd td {
	background-color: #eff4f8;
}


a.remove:link, a.remove:visited, a.remove:active,
a.edit:link, a.edit:visited, a.edit:active,
a.new:link, a.new:visited, a.new:active,
a.export:link, a.export:visited, a.export:active,  
a.mail:link, a.mail:visited, a.mail:active {
	border: 1px solid #ccc;
	background-color: #fff;
	background-repeat: no-repeat;
	color: #555;
	padding: 3px 8px 3px 18px;
	
	font-size: 11px;

	margin: 1px;
	display: inline;
	
	float: left;
	clear: none;
}
a.remove:hover, 
a.edit:hover,
a.new:hover,
a.export:hover, 
a.mail:hover{
	border: 1px solid #c3c3c3;
	background-color: #eee;
	text-decoration:none;
	color: #000;
}

a.remove {
	background-image: url(../img/icons/remove.gif);	
	background-position: 2px 2px;	
}

a.edit {
	background-image: url(../img/icons/edit.gif);
	background-position: 2px 3px;	
}

a.new {
	background-image: url(../img/icons/new.gif);
	background-position: 3px 2px;		
}

a.export {
	background-image: url(../img/icons/export.gif);	
	background-position: 1px 2px;
}

a.mail {
	background-image: url(../img/icons/mail.jpg);	
	background-position: 1px 2px;
}