/* @override 
	http://www.kansanmusiikki.fi/css/kamu16.css
*/

/* @group Main Layout */

html {
	margin: 0px;
	padding: 0px;
}
body {
	display: block;
	margin: 0px auto 0px auto;
	padding: 0px;
	background: #7C3F30;
	color: #000;
	text-align: left;
	font: normal 12px/18px Arial, Helvetica, Geneva, sans-serif;
}
div {
	margin: 0px 0px;
	padding: 0px 0px;
	text-align: left;
	border: 0px;
}
#header {
	position: relative;
	float:  left;
	height: 66px;
	width: 780px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	clear: both;
	display: block;
	vertical-align: bottom;
}
#footer {
	display: block;
	float:  left;
	width: 100%;
	height: 240px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	background: url(img/footer2.gif) repeat-x 0px 0px;
	clear: both;
}
#wrap {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 6px 0px 0px 0px;
	text-align: left;
	border-top: 0px;
	display: block;
	clear: both;
}
#pagewrap {
	position: relative;
	display: block;
	float: left;
	top: 0px;
	left: 0px;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #fff;
	clear: both;
}
#page {
	position: relative;
	display: block;
	float: left;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	background: #fff;
	clear: both;
	width: 972px;
	vertical-align: top;
}
#leftcolumn {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 236px;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	display: block;
	overflow: hidden;
}
#rightcolumn {
	display: block;
	float: left;
	width: 512px;
	background: url(/css/img/green-bg.gif) repeat-y 0px 0px;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#rightcolumn-footer {
	display: block;
	float: left;
	width: 512px;
	height:  6px;
	background: #fff url(/css/img/green-bottom.gif) no-repeat 0px 0px;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#rightcolumn-footer span {
	height:  6px;
}
#rightcolumn-header, #rightcolumn-header-preview { 
	display: block;
	position:  relative;
	float: left;
	width: 502px;
	background: #598b00 url(/css/img/green-top.gif) no-repeat 0px 0px;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}

.brown #rightcolumn-preview {
	background: url(/css/img/brown-bg.gif) repeat-y 0px 0px;
}
.brown #rightcolumn-header-preview {
	background: #6b1203 url(/css/img/brown-top.gif) no-repeat 0px 0px;
}
.brown #rightcolumn-footer-preview {
	background: #fff url(/css/img/brown-bottom.gif) no-repeat 0px 0px;
}


.brown #rightcolumn {
	background: url(/css/img/brown-bg.gif) repeat-y 0px 0px;
}
.brown #rightcolumn-header {
	background: #6b1203 url(/css/img/brown-top.gif) no-repeat 0px 0px;
}
.brown #rightcolumn-footer {
	background: #fff url(/css/img/brown-bottom.gif) no-repeat 0px 0px;
}

.green #rightcolumn {
	background: url(/css/img/green-bg.gif) repeat-y 0px 0px;
}
.green #rightcolumn-header {
	background: #598b00 url(/css/img/green-top.gif) no-repeat 0px 0px;
}
.green #rightcolumn-footer {
	background: #fff url(/css/img/green-bottom.gif) no-repeat 0px 0px;
}

.nocolor #rightcolumn {
	background: none;
}
.nocolor #rightcolumn-header {
	background: none;
}
.nocolor #rightcolumn-footer {
	background: none;
}



#rightcolumn-header h1 {
	padding-top: 20px;
	color:  #fff;	
}
#rightcolumn-header p {
	color:  #fff;
}
#rightcolumn-header a {
	color:  #fff !important;
}
#rightcolumn-header .picture {
	position:  relative;
	float: right;
	display: block;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-bottom:  -1px;
}
#notecolumn {
	display: block;
	float: left;
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#note {
	position: relative;
	float: left;
	top: 0px;
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	clear: both;
}

#search-help {
	position: absolute; left: 570px; width: 200px; top: 290px;
}

#text {
	float: left;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	width: 490px;
	text-align: left;
}
#text a {
	color: #598b00 !important;

}
.brown #text a {
	color: #6b1203 !important;
}
.green #text a {
	color: #598b00 !important;
}
#mainmenu {
	position: relative;
	float: left;
	width: 236px;
	padding: 0px 0px;
	margin: 0px 0px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	font-weight: normal;
	display: block;
	overflow: hidden;
}
#leftnote {
	float: left;
	width: 160px;

	border: 1px solid #ccc;
	color: #000;
	padding: 10px 10px 10px 0px;
	margin: 20px 0px 0px 0px;
	text-align: left;
}
#widecolumn {
	margin: 18px 20px 0px 197px;
	padding: 0px;
	text-align: left;
}
#centercolumn {
	margin: 18px 50px 0 197px;
	padding: 0px;
	text-align: left;
	position: relative;
	width: 370px;
	top: 0px;
}
#list-results {
	margin: 0px;
	padding: 0px;
	width: 500px; 
}
#search-results {
	margin: 0px;
	padding: 0px;
	height: 300px; 
	width: 500px; 
	overflow: auto;
	
}
#search-results p {
	padding: 10px 0px 0px 0px;
	margin: 0px;
}
#search-results p a.firstletter {
	text-decoration: none; 
	font-size: 15px; 
	color: #000 !important;
	padding: 0px 0px 0px 0px;
	
}
#aakkoslista h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #999;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;	
}
#aakkoslista p {
	font-size: 10px;
	line-height: 13px; 
	color: #999;	
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 0px 0px;	
}
#aakkoslista p a {
	font-size: 10px; 
	text-decoration: none; 
	font-weight: normal; 
	color: #fff;
}

/* @end */

/* @group Breadcrumbs */

#rightcolumn ul.breadcrumbs {
	width:509px;
	float:left;
	padding:0 0 2px 5px;
	margin:0 0 0 0px;
	list-style:none;
	background:#fff;
	font-size:0.9em;
	color:#000;
}
#rightcolumn ul.breadcrumbs li {
	float:left;
	line-height:17px;
	padding-left:15px;
	margin-left:6px;
	background:url(/css/img/green-breadcrumbs.gif) no-repeat 0 50%;
}
#rightcolumn ul.breadcrumbs li.first {
	padding-left:0px;
	margin-left:0px;
	background:none;
}
#rightcolumn ul.breadcrumbs li a {
	text-decoration:none !important;
	font-weight: normal !important;
	color: #598b00 !important;
	
}
#rightcolumn ul.breadcrumbs li a:hover {
	text-decoration:underline;
	color:#fff;
}


.brown #rightcolumn  ul.breadcrumbs li a {
	color: #640014 !important;
	
}
.brown #rightcolumn  ul.breadcrumbs li {
	background:url(/css/img/breadcrumbs.gif) no-repeat 0 50%;
}
.brown #rightcolumn  ul.breadcrumbs li.first {
	background: none;
}



/* @end */

/* @group Logo */

#logo {
	position: relative;
	float:  left;
	padding: 4px 0px 0px 0px;
	margin: 0px 0px;
	top: 0px;
	left: 0px;
	text-align: left;
	font: normal 16px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
}
#logo a, #logo img {
	border: 0px;
	margin: 0px 0px 0px 0px;
}

/* @end */

/* @group Sekalaista */

#slogan {
	position: absolute;
	top: 54px;
	left: 60px;
	height: 14px;
	padding: 0px;
	margin: 0px 0px;
	display: block;
	font: normal 11px/14px Verdana, Arial, sans-serif;
	color: #666;
	z-index: 2;

}
#slogan p {
	border: 0px;
	font: normal 11px/14px Verdana, Arial, sans-serif;
	padding: 0px;
	margin: 0px;
	color: #666;

}


/*-- preface */


#preface h1 {
	font: normal 36px/30px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
	color: #333;
	padding: 25px 0px 16px 10px;
	margin: 0px 0px 0px 0px;
	line-height: 24px;
	border: 0px;
}

#preface p {
/*	font: normal 18px/26px Times New Roman, Arial, sans-serif;*/
	font: normal 16px/26px "Trebuchet MS", Arial, sans-serif;
	color: #777;
	margin: 0px 0px 12px 0px;
	padding: 0px 270px 0px 10px;
	font-weight: 100;
	letter-spacing: 0.1px;
}


#preface img {
	padding: 8px 0px 0px 0px;
}





/*-- columnleft */

#columnleft p, #note p {
	padding: 4px 0px 4px 0px ! important;
	margin: 0px 0px 6px 0px;
}


#columnleft ul li, #note ul li  {
	font: normal 12px/17px Arial, Helvetica, Geneva, sans-serif;
	margin: 0px 0px 2px -10px;
	padding:  0px 0px 0px 15px;
	text-align: left;
	text-indent: 0px;
	color: #777;
	width: 230px;
}




#notewrap {
 	/*position: absolute;*/
 	float: left;
	top: 44px;
	left: 0px;
	width: 140px;
}
#apina {
	width: 140px;
}
#apina p {
 	font-size: 10px;
	line-height: 14px;
	color: #666;
}
#apina p strong, #apina p b  {
	color: #000;
}

.pdf {
	background: url(img/icons/pdf.gif) no-repeat top left;
	padding: 2px 0px 0px 20px;

}

a.array, a.array:active {
	padding-right: 18px;
	background: url(img/icons/array.gif) no-repeat right center;
	font-weight: normal;
	color: #555 ! important;
}

a.array:hover {
	background: url(img/icons/array_hover.gif) no-repeat right center;
	color: #000 ! important;

}
table td {
	margin: 0px;
	padding: 2px;
	vertical-align: top;
	line-height: 18px;
}
.hidden {
	display: none;
}
.current {
	color: #f00;
	border: 1px solid #f00;
}
#note p, #note p strong, #note p b {
	color: #555;
}
#note h1 {
	color: #555;
}

dd {
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
em {
	font-style: italic;
}
small {
	font-size: 9px;
	line-height: 14px;
	color: #999;
}
form {
	margin: 0px 0px;
	padding: 0px 0px;
}

/* @end */

/* @group Menu Content */

/*-- contentmenu */

#contentmenu ul {
	padding: 0px 0px 0px 0px;
	margin: 12px 0px 16px -1px;
	list-style: none;
}
#contentmenu ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background: none;
}

#contentmenu ul li a {
	font: bold 11px/13px Arial, Helvetica, Geneva, sans-serif;
	display: block;
	color: #777  ! important;
	margin: 0px;
	padding: 0px 0px 6px 12px;
	border: 0px solid #fff;
	text-decoration: underline;

}

#contentmenu ul li a:hover {
	text-decoration: none !important;
	color: #000 ! important;
	background: url(img/arrow_red.gif) no-repeat 0px 2px;
}
#contentmenu ul li.selected a {
	font-weight: bold;
	text-decoration: none !important;
	color: #000 ! important;
	background: url(img/arrow_black.gif) no-repeat 0px 2px;

}


#contentmenu a span.date {
	display: block;
	clear: both;
	color: #a00 ! important;
	text-decoration: none ! important;
	/*font-weight: normal;*/
}

/* @end */

/* @group Text Styles */

body, td, img, a, span, div, select, textarea, input {
	font-family:Verdana, Arial, Sans-Serif;
	font-size:10px;
	color:black;
}


dt, p {
	font: normal 12px/18px Arial, Helvetica, Geneva, sans-serif;
	color: #333;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
a, a:visited, a:link {
	color: #c00 ! important;
	font-weight: normal;
	cursor: pointer;
	background-color: transparent;
	font-weight: bold;
	color: #777  ! important;
	text-decoration: underline;
}
a:hover {
	color: #c00 ! important;
	text-decoration: underline;
	cursor: pointer;
	background-color: transparent;
}
a.big {
	font-size: 14px;
}


img, a img  {
	border: 0px;
	margin: 0px 0px;
}




h1 {
	font: normal 18px/18px  Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 10px 0px;
	color: #333;
}


h1 em {
	font: normal 18px/18px  Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	color: #DD4385;
}

h2 {
	font: normal 14px/17px Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
h3 {
	font: normal 12px/17px Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin: 2px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	color: #55f;
	color: #581;
}



h3 a, h3 a:visited, h3 a:link {
	color: #DD4385 !important;
	text-decoration: none;
	font-size: 9px;

}

#columnleft h3 {
	width: 228px;
}

h4{
	font: italic  10px/14px Arial, Helvetica, Geneva, sans-serif;
	padding: 4px 2px 4px 36px ! important;
	margin: 0px 4px 0px 0px;
	color: #333 !important;
	text-align: left;
}

.hr {
	width: 100%;
	height: 4px;
	padding: 0px;
	margin: 0px;
	line-height: 1px;
	font-size: 1px;
	border: 0px;
	background: url(img/hr_dotted.gif) repeat-x top left;
	color: #fff;
}
hr {
	width: 100%;
	height: 4px;
	padding: 0px;
	margin: 0px;
	line-height: 1px;
	font-size: 1px;
	border: 0px;
	background: url(img/hr_dotted.gif) repeat-x top left;
	color: #fff;
}

.gotosmall {
	background: url(img/icons/array.gif) no-repeat right center;
	padding-right: 18px;
	font-weight: normal ! important;
	color: #555 ! important;
	display: inline;
}

a:hover.gotosmall {
	background:  url(img/icons/array_hover.gif) no-repeat right center;
}

a.gotonone {
	font-weight: normal ! important;
	color: #555 ! important;
	border: 0px;
}
a:hover.gotonone {
	color: #000 ! important;
}

.gotonone img {
	border: 0px;
	vertical-align: middle;
	margin-top: 2px;
	margin-bottom: 3px;
}

#text img {
	margin: -10px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	position: relative;
	left: -15px;
}

#text p img {
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
	margin: 0px;
}

#text ul li {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}

/* @end */

/* @group List Styles */



ol, ul {
	background-color: transparent;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px;
	font: normal 12px/18px Arial, Helvetica, Geneva, sans-serif;
	}

ol li  {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
	text-indent: 0px;
	color: #333;
	background-color: transparent;
	font: normal 12px/18px Arial, Helvetica, Geneva, sans-serif;
}

ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	text-align: left;
	text-indent: 0px;
	color: #333;
	background: url("img/bullet.gif") no-repeat 0px 0px;
	list-style: none;
	vertical-align: top;
	font: normal 12px/18px Arial, Helvetica, Geneva, sans-serif;
}

/* @end */

/* @group Form */

input, textarea, select, option {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	}

input {
	margin: 0px;
/*	width: 300px;*/
}
input.button {
	margin: 8px 0px 0px 0px;
	width: auto;
}
textarea {
	margin: 3px 0px 0px 0px;
	/*width: 300px;*/
}




dl {


	position: relative;
	display: block;
	float: left;
	width: 450px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	vertical-align: top;
	clear: both;

	}

dt {
	width: 140px;
	float: left;
	margin: 0px 0px;
	padding: 4px 0px 2px 0px;
	border: 0px;
	vertical-align: top;
	line-height: 14px;
	font-size: 11px;
	text-align: right;
}
/* commented backslash hack for mac-ie5 \ */
dt { clear: both; }
/* end hack */

dd {
	width: 300px;
	float: left;
	margin: 0px;
	padding: 4px 0px 2px 10px;
	border: 0px;
	vertical-align: top;
		font-size: 11px;
	/*	background: #f0f;*/

}


#basicform textarea {
        /*width: 90%;*/
        /*height: 75px;*/
        font-size: 100%;
        padding-top: 5px;
        padding-right: 0px;
        padding-left: 5px;
        border: 1px solid #7f9db9;
}

input[type=text] {
        border: 1px solid #ccc;
        padding-right: 25px;
        padding-left: 5px;
        color: #555;
}
input:focus, select:focus, textarea:focus {
    color: #000;
    border: 1px solid #000;
}
input.email {
        background: url('img/email.gif') no-repeat 5px center;
        padding-left: 25px;
        padding-right: 5px;
}

input.email:focus {
        background-image: url('img/emailactive.gif');
}

input.phone {
        background: url('img/phone.gif') no-repeat 3px center;
        padding-left: 25px;
        padding-right: 5px;
}

input.phone:focus {
        background-image: url('img/phoneactive.gif');
}


input.fileselect, input[type=file] {
	height: 18px;
}


#basicform label input, label input {
	text-align: right;
	vertical-align: top;

}




#basicform h3 {
	border: none;
}
#basicform h3 input {
	height: 20px;
	font: normal 14px/17px Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #DD4385;
	border: 1px solid #999;
	text-align: left;
}

.label {
	text-align: right;
	vertical-align: top;
	color: #555;
}
label {
	text-align: right;
	vertical-align: top;
	color: #555;
}
.label span, .required {
	color: #f00;
	font-weight: bold;
}
.alert, notice {
	color: #581;
	font-weight: bold;
}



















#basicform h2 input {
	height: 22px;
	font: normal 14px/18px Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
	background: #fff;
	text-align: left;
	border: none;
	width: 512px;
	padding-left: 6px;
}
	.collapsed {
		position: relative;
		display: block;
		float: left;
		overflow: hidden;
		height: 28px;
		width: 512px;
	}
	.open {
		position: relative;
 		display: block;
		float: left;
	}
	#basicform .collapsed h2 input {
		cursor: pointer;
		border-top: 1px solid #ddd;
		border-left: 4px solid #581;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		color: #581;
		color: #555;
		padding-left: 4px;
	}

.greenbutton {
	position: relative;
	float: left;
	margin: 0px 4px 0px 0px;
	font: bold 11px/14px Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #77aa33;
	border:1px solid;
	padding: 2px 6px 2px 6px;
	border-color: #ad7 #490 #490 #ad7;
}

.submitbutton {
	position: relative;
	float: left;
	padding: 10px 0px 0px 0px;
}
.alignright {
	text-align: right;
}
input, select {
	padding: 1px 1px;
	margin: 0px;
	height: 18px;
	line-height: 12px;
}

/*input {
	height: 13px;
}*/
label input {
	padding: 4px 4px 4px 4px;

	margin: 4px 4px 4px 4px;
	line-height: 12px;
	vertical-align: top;
}

.blackbutton {
	margin: 0px;
	/* width: 40px;	*/
	height: 20px;
	font: bold 11px/11px Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #000;
	border:0px solid;
	padding: 0px 6px 0px 6px;
	line-height: 18px;
	vertical-align: middle;
	cursor: pointer;
}

/* @end */

/* @group Menu Header */

/*-- Header menu */

#header_menu {
	position: absolute;
	float: left;
	display: block;
	clear: both;
	top: 0px;
	right: 0px;


	padding: 0px 0px 0px 0px;
	margin: 0px 0px;

	color: #000;
	font: bold 11px/15px Arial, Helvetica, sans-serif;
	text-align: left;

	z-index: 299;
	display: inline;
	}

	#header_menu ul {
	float: right;
	margin: 0px 2px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style:none;
}

#header_menu li {
	float: left;
	display: inline;
	margin:0px;
	padding:0px 0px 0px 12px;
	list-style-image: none;
	list-style:none;
	background: none;
	line-height: 21px;
	font-size: 12px;
}

#header_menu a {
	float:left;
	display: block;
	line-height: 21px;
	padding: 0px 0px 0px 0px;
	text-decoration: none ! important;
	color:#5C281B ! important;
	top: 0px;
	border: 0px solid #fff;
}
#header_menu a:hover {
	color: #092 ! important;
	text-decoration: none ! important;
}
#header_menu .search a {
	padding-left: 10px ! important;
}

/* @end */

/* @group Mainmenu */

/* Menu yleiset */	
#mainmenu ul {
	padding: 0px 0px;
	margin: 0px 0px;
	list-style: none;
	float: left;
	width: 236px;
}
#mainmenu li {
	display: block;
	position: relative;
	clear: both;
	width: auto;
	float: left;
	top: 0px;
	padding: 0px 0px;
	margin: 1px 0px 1px 0px;
	width: 236px;
	list-style: none;
	list-style-image: none;
	font: normal 12px/13px Verdana, Arial, Helvetica, sans-serif;
	clear: both;
	background: url(img/mainmenu_li.gif) no-repeat left bottom;
}
#mainmenu li a {
	display: block;
	padding: 3px 50px 3px 4px;
	margin: 0px 0px;
	position: relative;
	top: 0px;
	vertical-align: bottom;
	text-decoration: none ! important;
	color: #000 ! important;
	font: normal 12px/13px Verdana, Arial, Helvetica, sans-serif;
	border: 0px solid #fff;
	width: 191px;
}

/* Menu 1. taso */	
#mainmenu li.folder.open a {
	font-weight: bold;
}
#mainmenu li.selected-1 a, 
#mainmenu li.selected-1 a:hover {
	background: url(/css/img/green-menu-li.gif) repeat-y;
	color: #fff !important;
	width: 183px;
	padding: 3px 50px 3px 3px;
	font-weight: normal !important;
}

/* Menu 2. taso */
#mainmenu ul.level-2 li a,
#mainmenu ul.level-2 li a:hover {
	font: normal 11px/13px Verdana, Arial, Helvetica, sans-serif;
	width: 166px;
	padding: 3px 50px 3px 20px;
	color: #000 !important;
	font-weight: normal !important;
	background: #fff;
}
#mainmenu ul.level-2 li.selected-2 a,
#mainmenu ul.level-2 li.selected-2 a:hover {
	background: url(/css/img/green-menu-li.gif);
	color: #fff !important;
}

.green #mainmenu li.selected-1 a, 
.green #mainmenu li.selected-1 a:hover {
	background: url(/css/img/green-menu-li.gif) repeat-y;
}
.green #mainmenu ul.level-2 li.selected-2 a,
.green #mainmenu ul.level-2 li.selected-2 a:hover {
	background: url(/css/img/green-menu-li.gif) repeat-y;
}
.brown #mainmenu li.selected-1 a, 
.brown #mainmenu li.selected-1 a:hover {
	background: url(/css/img/brown-menu-li.gif) repeat-y;
}
.brown #mainmenu ul.level-2 li.selected-2 a,
.brown #mainmenu ul.level-2 li.selected-2 a:hover {
	background: url(/css/img/brown-menu-li.gif) repeat-y;
}

.nocolor #mainmenu li.selected-1 a, 
.nocolor #mainmenu li.selected-1 a:hover {
	background: none;
	color: #000 !important;
}
.nocolor #mainmenu ul.level-2 li.selected-2 a,
.nocolor #mainmenu ul.level-2 li.selected-2 a:hover {
	background: none;
	color: #000 !important;
}
/* @end */

/* @group Tabbed Menu */

#tabmenu {
	position: relative;
	float: left;
	display: block;

	/*position: absolute;*/
	padding: 0px 0px 0px 0px;
	margin: 0px;
	height: 25px;
	line-height: 0px;
	font-size: 0px;
	color:#000;
	bottom: -2px;
	width: 498px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(img/tabmenu.gif) repeat-x left bottom;

}

#tabmenu ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	list-style:none;
}

#tabmenu li {
	float: left;
	display: inline;
	background: url(img/tabmenu.gif) no-repeat 0px -120px;
	height: 21px;
	margin:0px;
	padding:0px 0px 0px 8px;
	list-style-image: none;
	list-style:none;
	line-height: 21px;
	font-size: 12px;
}


#tabmenu a, #tabmenu span {
	float:left;
	display: block;
	background: url(img/tabmenu.gif) no-repeat right 0px ;
	line-height: 21px;
	height: 21px;
	padding: 0px 12px 0px 0px;
	text-decoration:none;
	font-weight: normal;
	color:#fff;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	top: 0px;
}

#tabmenu input {
	background: none;
	border: none;
}

#tabmenu a:hover {
	color: #000;
	text-decoration: none;
}

#tabmenu li.selected {
	background: url(img/tabmenu.gif) no-repeat 0px -180px;
}

#tabmenu .selected a, #tabmenu .selected span {
	background: url(img/tabmenu.gif) no-repeat right -60px;
	color: #000;
	padding-bottom: 0px;
}
#tabmenu input {
	cursor: pointer;
}

#tabs {
	position: relative;
	float: left;
	border: 1px solid #78AF0D;
	border-top: 0px solid #78AF0D;
	margin: -2px 0px 0px 0px;
	padding: 5px 1px 0px 1px;
	width: 494px;
}

#tabs p {
	padding-left: 12px;
	font: normal 10px/14px Verdana, Georgia, Times, sans !important;
}
#tabs input, #tabs textarea {
	width: 468px;
	padding: 2px 0px 0px 4px;
	font: normal 10px/14px Verdana, Georgia, Times, sans !important;

}
#tabs input {
	height: 16px;
}

#tabs span, p.instruction {
	color: #666;
	font: normal 10px/14px Arial, Helvetica, Geneva, sans-serif;
}

/* @end */

/* @group Footer */

#footer p {
	float: left;
	font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #E9D2CC;
/*	color: #fff;*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


#footer p a {
	margin: 0px;
	padding: 0px;
	color: #fff !important;
	text-decoration: none !important;
}
#footer p strong, #footer p b {
	font: bold 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}
#footer a, #footer a:link, #footer a:visited {
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#5C281B ! important;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#footer a:hover, #footer a:active {

	color: #DD4385 ! important;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
}

#copyright {
	position: relative;
	display: block;
	float: left;
	clear: both;
	padding: 10px 0px 0px 40px;
	width: 500px;
}

/*-- Footer menu */

#menu-bottom {
	position: relative;
	float: left;
	display: block;
	clear: both;

	padding: 0px 0px 0px 0px;
	margin: 0px 0px;

	color: #000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	text-align: left;
	font-weight: normal;
	width: 780px;

	z-index: 299;
	display: inline;
	}

#menu-bottom ul {
	float: right;
	margin: 0px 2px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style:none;
}

#menu-bottom li {
	float: left;
	display: inline;
	margin:0px;
	padding:0px 0px 0px 12px;
	list-style-image: none;
	list-style:none;
	background: none;
	line-height: 21px;
	font-size: 12px;
}

#menu-bottom a {
	float:left;
	display: block;
	line-height: 21px;
	padding: 0px 12px 0px 0px;
	text-decoration: none ! important;
	font-weight: normal;
	color:#5C281B ! important;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	top: 0px;
	border: 0px solid #fff;
}
#menu-bottom a:hover {
	color: #092 ! important;
	text-decoration: none ! important;
}
#menu-bottom .search a {
	padding-left: 10px ! important;
}

/* @end */

/* @group Codesigner */

/* codesigner fixes */

.contentarea>br {
	display: none;
}
.contentarea h1 br, .contentarea h2 br, .contentarea h3 br, .contentarea h4 br, .contentarea p br  {
	display: inline;
}

.controllable {
	position: relative;

}
.controllable .controls {
	position: absolute;
	background: #ccc;
	right: 0px;
	top: 0px;

	display: none;
}

.controllable:hover .controls {
	display: block;
 }

/* @end */

/* @group Search */

#searchform {
	position: relative;
	display: block;
	float: left;
	background: url(img/hr_dotted.gif) repeat-x top left;
	height: 30px;
	padding: 13px 0px 0px 0px;
	margin: 0px;

	width: 235px;
	vertical-align: middle;
}
#searchform form {
	float: right;
	padding: 0px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
}

#searchform .field {
	padding: 2px 0px 0px 2px;
	margin: 0px;
	width: 105px;
	height: 18px;
	/*	font: normal 12px/12px Arial, Helvetica, sans-serif;
	*/
	background: #fff url(img/input_bg.gif) repeat-x top left;
	border: 1px solid #999;
	border-top: 0px solid #222;
	border-bottom: 0px solid #222;
	line-height: 16px;
	vertical-align: middle;
}

/* @end */

/* @group Haku */

#search {
	position: relative;
	display: block;
	float: left;
	height: 30px;
	padding: 13px 0px 0px 0px;
	margin: 0px;

	width: 235px;
	vertical-align: middle;
}
#search form {
	float: left;
	padding: 0px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
}

#search .field {
	padding: 2px 0px 0px 2px;
	margin: 0px;
	width: 105px;
	height: 18px;
	float: left;
	/*	font: normal 12px/12px Arial, Helvetica, sans-serif;
	*/
	background: #fff url(img/input_bg.gif) repeat-x top left;
	border: 1px solid #999;
	border-top: 0px solid #222;
	border-bottom: 0px solid #222;
	line-height: 16px;
	vertical-align: middle;
}
#search .greenbutton {
	height: 19px;
}
/* @end */

/* @group Etusivu */

/* @group Ajankohtaista */

#ajankohtaista {
	position: absolute;
	left: 545px;
	top: 250px;
	width:220px;
	float:left;
	font-size:0.9em;
	margin-bottom: 10px;
}
#ajankohtaista h1 {
	padding: 4px 0px 0px 0px;
	color: #cec;
	font-size: 18px;
}

#ajankohtaista ul,
#ajankohtaista ul li {
	width:232px;
	float:left;
}
#ajankohtaista ul {
	padding:0 0 7px 0px;
	margin:0;
	list-style:none;
}
#ajankohtaista ul li {
	padding: 7px 7px 0px 0px;
	background: none;
}
#ajankohtaista ul li span {
	padding-left:0px;
	font-weight: normal;
	color:#fff;

}
#ajankohtaista ul li span.date {
	padding: 0px;
	line-height: 14px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	color:#cec;
	clear: both;
	display: block;
	
}
#ajankohtaista ul li a {
	padding-left:0px;
	line-height: 14px;
	float:left;
	background: none;
	color:#fff !important;
	text-decoration:none;
	font-weight:normal;
}
#ajankohtaista ul li a:hover {
	color:#007bc4;
}

/* @end */
/* @group Uusimmat profiilit */

#uusimmatprofiilit {
	position: absolute;
	left: 545px;
	top: 356px;
	width:220px;
	float:left;
	font-size:0.9em;
	margin-bottom: 10px;
	text-align: right;
}
#uusimmatprofiilit h1 {
	padding: 4px 0px 0px 0px;
	color: #fff;
	font-size: 18px;
}

#uusimmatprofiilit ul,
#uusimmatprofiilit ul li {
	width: 221px;
	float:right;
}
#uusimmatprofiilit ul {
	padding:0 0 7px 0px;
	margin:0;
	list-style:none;
}
#uusimmatprofiilit ul li {
	padding: 7px 7px 0px 0px;
	background: none;
}
#uusimmatprofiilit ul li span {
	padding-left:0px;
	font-weight: normal;
	color:#fff;
	text-align: right;

}
#uusimmatprofiilit ul li span.date {
	padding: 0px;
	line-height: 14px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	color:#fff;
	clear: both;
	display: block;
	
}
#uusimmatprofiilit ul li a {
	padding-left:0px;
	line-height: 14px;
	float:right;
	background: none;
	color:#000 !important;
	text-decoration:none;
	font-weight:normal;
}
#uusimmatprofiilit ul li a:hover {
	color:#007bc4;
}

/* @end */

/* @group Tapahtumia */

#tapahtumia-wrap {
	position: absolute;
	left: 545px;
	top: 0px;
	width:225px;
	float:left;
	font-size:0.9em;
	margin-bottom: 10px;
}


#tapahtumia {
	display: block;
	float: left;
	width:225px;
}

#tapahtumia h1, #tapahtumia h1 a  {
	padding: 10px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	color: #999 !important;
	font: normal 18px/18px Verdana, Arial, Helvetica, Geneva, sans-serif;
}
#tapahtumia h2, #tapahtumia h2 a  {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #000 !important;
	font: normal 18px/18px Verdana, Arial, Helvetica, Geneva, sans-serif;
/*	font-size: 18px;*/
}
#tapahtumia h3, #tapahtumia h3 a  {
	padding: 10px 0px 0px 0px;
	color: #000 !important;
	font: normal 11px/18px Verdana, Arial, Helvetica, Geneva, sans-serif;
}

#tapahtumia p {
	font: normal 11px/14px Verdana, Arial, Helvetica, Geneva, sans-serif;
	color:#fff;	
	padding: 6px 0px 0px 0px;
}
#tapahtumia p a {
	color:#fff !important;
	font-weight: normal;
	text-decoration: none;	
}
#tapahtumia p b, p strong, #tapahtumia p a b, p a strong {
	font: bold 12px/14px Verdana, Arial, Helvetica, Geneva, sans-serif;
}

#tapahtumia p a, #tapahtumia h1 a, #tapahtumia h2 a, #tapahtumia h3 a, #tapahtumia h4 a {
	padding: 0px 0px;
	text-decoration: none;
}

#tapahtumia p a:hover, #tapahtumia h1 a:hover, #tapahtumia h2 a:hover, #tapahtumia h3 a:hover, #tapahtumia h4 a:hover {
	text-decoration: underline;
}






#tapahtumia ul,
#tapahtumia ul li {
	width:222px;
	float:left;
}
#tapahtumia ul {
	padding: 0px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
	list-style:none;
}
#tapahtumia ul li {
	padding: 7px 7px 0px 16px;
	background: none;
}
#tapahtumia ul li span {
	padding-left: 0px;
	font-weight: bold;
	display: block;
	clear: both;
	color:#fff;

}
#tapahtumia ul li span.more {
	font-size: 14px;
	display: inline;
}

#tapahtumia ul li a {
	padding-left:0px;
	float:left;
	background: none;
	color:#fff !important;
	text-decoration:none;
	font-weight:normal;
}
#tapahtumia ul li a:hover {
	color:#007bc4;
}

/* @end */

/* @group Kurssikalenteri */

#kurssikalenteri-wrap, #buffi-wrap {
	position: absolute;
	left: 285px;
	top: 225px;
	width:225px;
	height: 225px;
	float:left;
	font-size:0.9em;
	margin-bottom: 10px;
	overflow: hidden;
	
}
#buffi-wrap {
	top: 0px;
}

#kurssikalenteri, #buffi {
	display: block;
	float: left;
}



#kurssikalenteri h1, #buffi h1 {
	padding: 10px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	color: #fff;
	font-size: 18px;
	color: #fff;
}
#kurssikalenteri p, #buffi p {
	color:#fff;	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	line-height: 14px;
}
#kurssikalenteri p a, #buffi p a {
	color:#fff !important;
	font-weight: normal;
	text-decoration: none;	
	font-size: 12px;
}
#kurssikalenteri a span.more {
	font-size: 14px;
	display: inline;
	color: #fff;
	font-weight: bold;
}




#kurssikalenteri h1, #kurssikalenteri h1 a  {
	padding: 10px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	color: #fff !important;
	font: normal 18px/18px Verdana, Arial, Helvetica, Geneva, sans-serif;
}
#kurssikalenteri h2, #kurssikalenteri h2 a  {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #000 !important;
	font: normal 18px/18px Verdana, Arial, Helvetica, Geneva, sans-serif;
/*	font-size: 18px;*/
}
#kurssikalenteri h3, #kurssikalenteri h3 a  {
	padding: 10px 0px 0px 0px;
	color: #000 !important;
	font: normal 11px/18px Verdana, Arial, Helvetica, Geneva, sans-serif;
}

#kurssikalenteri p {
	font: normal 11px/14px Verdana, Arial, Helvetica, Geneva, sans-serif;
	color:#fff;	
	padding: 6px 0px 0px 0px;
}
#kurssikalenteri p a {
	font: normal 11px/14px Verdana, Arial, Helvetica, Geneva, sans-serif;
	color:#fff !important;
	font-weight: normal;
	text-decoration: none;	
}
#kurssikalenteri p b, p strong, #kurssikalenteri p a b, p a strong {
	font: bold 12px/14px Verdana, Arial, Helvetica, Geneva, sans-serif;
}

#kurssikalenteri p a, #kurssikalenteri h1 a, #kurssikalenteri h2 a, #kurssikalenteri h3 a, #kurssikalenteri h4 a {
	padding: 0px 0px;
	text-decoration: none;
}

#kurssikalenteri p a:hover, #kurssikalenteri h1 a:hover, #kurssikalenteri h2 a:hover, #kurssikalenteri h3 a:hover, #kurssikalenteri h4 a:hover {
	text-decoration: underline;
}




#buffi h1, #buffi h1 a  {
	padding: 10px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	color: #fff !important;
	font: normal 18px/18px Verdana, Arial, Helvetica, Geneva, sans-serif;
}
#buffi h2, #buffi h2 a  {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #000 !important;
	font: normal 18px/18px Verdana, Arial, Helvetica, Geneva, sans-serif;
/*	font-size: 18px;*/
}
#buffi h3, #buffi h3 a  {
	padding: 10px 0px 0px 0px;
	color: #000 !important;
	font: normal 11px/18px Verdana, Arial, Helvetica, Geneva, sans-serif;
}

#buffi p {
	font: normal 11px/14px Verdana, Arial, Helvetica, Geneva, sans-serif;
	color:#fff;	
	padding: 6px 0px 0px 0px;
}
#buffi p a {
	font: normal 11px/14px Verdana, Arial, Helvetica, Geneva, sans-serif;
	color:#fff !important;
	font-weight: normal;
	text-decoration: none;	
}
#buffi p b, p strong, #buffi p a b, p a strong {
	font: bold 12px/14px Verdana, Arial, Helvetica, Geneva, sans-serif;
}

#buffi p a, #buffi h1 a, #buffi h2 a, #buffi h3 a, #buffi h4 a {
	padding: 0px 0px;
	text-decoration: none;
}

#buffi p a:hover, #buffi h1 a:hover, #buffi h2 a:hover, #buffi h3 a:hover, #buffi h4 a:hover {
	text-decoration: underline;
}




/* @end */

/* @group Huomio */

#huomio {
	float: left;
	
	padding: 30px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 200px;
}

#huomio h1 {
	padding: 0px 0px 5px 0px;
	font-size: 18px;
}
#huomio p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	color: #7C3F30;
	line-height: 14px;
}
#huomio p strong, #huomio p b {
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-align: left;
	display: inline;
}
#huomio p a {
	font-weight: normal;
	text-decoration: none;	
	font-size: 11px;
}
/* @end */

/* @end */

#frontnote {
	padding: 0px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
	width: 180px;
}

#frontnote p {
	padding: 0px 0px 6px 0px;
}

/* @group Right Menu */

#right-menu {
	position: relative;
	width:190px;
	float:left;
	font-size:0.9em;
	margin-bottom: 10px;
	padding: 0px 0px 0px 10px;
	background: transparent url(img/mainmenu_li.gif) no-repeat scroll left bottom;
}
#right-menu h1 {
	padding: 10px 0px 5px 16px;
	color: #fff;
	font-size: 18px;
	color: #bbb;
}
#right-menu p {
	color:#000;	
	padding: 0px 0px 0px 0px;
}
#right-menu p a {
	color:#000 !important;
	font-weight: normal;
	text-decoration: none;	
}


#right-menu ul,
#right-menu ul li {
	width:180px;
	float:left;
}
#right-menu ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style:none;
}
#right-menu ul li {
	padding: 0px 0px 6px 10px;
	background: url(img/archive.gif) no-repeat 0px -62px;
}
#right-menu ul li.selected {
	padding: 0px 0px 6px 10px;
	background: url(img/archive.gif) no-repeat 0px -211px;
}
#right-menu ul li span {
	padding-left: 0px;
	font-weight: bold;
	display: block;
	clear: both;
	color:#555;
}
#right-menu ul li span.more {
	font-size: 14px;
	display: inline;
}
#right-menu ul li a {
	padding-left:0px;
	float:left;
	background: none;
	color:#000 !important;
	text-decoration:none;
	font-weight:normal;
	line-height: 13px;
}
#right-menu ul li.selected a {
	font-weight: bold;
	color:#000 !important;
}
#right-menu ul li a:hover {
	color:#007bc4;
}
a.newsarchive {
	font-weight: bold;
	color:#555 !important;
	text-decoration: none;
	margin-left: 22px;
}

/* @end */

/* @group News archive */

#archive-menu {
	position: relative;
	margin-top: 22px;
	margin-left: -10px;
	width: 200px;
	height:30px;
	background: url(img/archive.gif) no-repeat -10px 0px;
		
}
#archive-menu p#go-current {
	text-align: center;
	padding: 6px;
	margin: 0px;
	font: normal 12px/13px Arial, Helvetica, sans-serif;
}

#archive-menu a#go-forward-disabled,
#archive-menu a#go-forward {
	position: absolute;
	top: 0px;
	right: 8px;
	width: 24px;
	height: 24px;
	background: url(img/archive.gif) no-repeat -113px -33px;

}
#archive-menu a#go-back-disabled,
#archive-menu a#go-back {
	position: absolute;
	top: 0px;
	left: 8px;
	width: 24px;
	height: 24px;
	background: url(img/archive.gif) no-repeat -80px -33px;
 }


#archive-menu a#go-forward:hover {
	background-position: -145px -33px;
}
#archive-menu a#go-back:hover {
	background-position: -47px -33px;
}

#archive-menu a#go-forward-disabled:hover {
	background-position: -180px -33px;
	cursor: default;
}
#archive-menu a#go-back-disabled:hover {
	background-position: -15px -33px;
	cursor: default;
}
#archive-menu a#go-forward-disabled {
	background-position: -180px -33px;
}
#archive-menu a#go-back-disabled {
	background-position: -15px -33px;
}


#archive-menu a#go-forward-disabled span,
#archive-menu a#go-forward span {
	display: none;
}

#archive-menu a#go-back-disabled span,
#archive-menu a#go-back span {
	display: none;
}



/* @end */

#advanced-search {
	padding: 5px 0px 10px 0px;
	display:  block;
	float: left;
	height: 165px;
	width: 490px;
	overflow: hidden;
	display: block;
	
}

#advanced-search table {
	width: 350px;
}
#advanced-search table label {
	color: #fff;
	height: 16px;
	line-height: 14px;

}
#advanced-search table label input {
	padding: 0px;
	margin: 2px 3px 4px 3px;	
}
#advanced-search table h2 {
	color: #fff;
	font: normal 18px/18px Verdana, Arial, sans-serif;
	
}

#quick-links  {
	display: block;
	float: left;
}
#quick-links a {
	color:#598B00 !important;
	font-size: 11px;
}

/* codesigner fixes */

.contentarea>br {
	display: none;
}
.contentarea h1 br, 
.contentarea h2 br, 
.contentarea h3 br, 
.contentarea h4 br, 
.contentarea p br  {
	display: inline;
}

.controllable {
	position: relative;

}
.controllable .controls {
	position: absolute;
	background: #ccc;
	right: 0px;
	top: 0px;

	display: none;
}

.controllable:hover .controls {
	display: block;
 }

.contentarea br {
	display: none;
}

#hakupoksi input[type="submit"] {
	height: 20px;	
	cursor: pointer;
}

/* END */



/* @group Table styles */

/* @group General table, with no class set.. */

[contenteditable=true] table, 
[contenteditable=true]>table {       
   border-top: 1px  dotted #faa;
}
[contenteditable=true] table td, 
[contenteditable=true]>table td {
   border-right: 1px  dotted #faa;
   border-bottom: 1px  dotted #faa;
}

/* @end */


/* @group Table dark */

table.table-dark  {
   border-collapse: collapse;
   border-spacing: 0px;
   border: 2px solid #818181;
}

table.table-dark tr {
}

table.table-dark td {
   border-bottom: 1px solid #818181;
   border-left: 1px solid #818181;
   background: #fff;
   border-spacing: 0px;
   border-collapse: collapse;
   border: 1px solid #818181;
   padding: 1px 0px 1px 5px;
}

[contenteditable=true] table.table-dark, 
[contenteditable=true]>table.table-dark {       
   border: 2px solid #818181;
}

[contenteditable=true] table.table-dark td, 
[contenteditable=true]>table.table-dark td {
   border: 1px solid #818181;	
}

/* @end */

/* @group Table Light */

table.table-light {
   border-collapse: collapse;
   border-spacing: 0px;
   border: 0px solid #999;
   border-top: 1px solid #999;
   background: #999;   
}

table.table-light tr {
}

table.table-light td {
   background: #fff;
   border-spacing: 0px;
   border-collapse: collapse;
   border: 0px solid transparent;
   border-bottom: 1px solid #999;
   padding: 1px 0px 1px 5px;
}

[contenteditable=true] table.table-light, 
[contenteditable=true]>table.table-light {       
   border: 0px solid #999;
   border-top: 1px solid #999;
}

[contenteditable=true] table.table-light td,
[contenteditable=true]>table.table-light td {
   border-right: dotted 1px #faa;
}

/* @end */

/* @group Table None */

table.table-none  {
   border: 0px solid transparent;
   border-collapse: separate;
   border-spacing: 0px;
}

table.table-none td {
   padding: 0px 0px 0px 5px;
   border-spacing: 0px;
   border-spacing: 1px 1px;
}

[contenteditable=true] table.table-none, 
[contenteditable=true]>table.table-none {       
   border-top: 1px  dotted #faa;
}
/*.contenteditor */
[contenteditable=true] table.table-none td, 
[contenteditable=true]>table.table-none td {
   border-right: 1px  dotted #faa;
   border-bottom: 1px  dotted #faa;
}

/* @end */

/* @group Row styles */

tr.row-bold td {
   font-size: 15px;
}

tr.row-bold td p {
   font-size: 15px;
}

tr.row-dark td {
   background: #818181;       
   color: #fff;    
}

tr.row-light td {
   background: #eeeeee;    
}

/* @end */

/* @end */