/***********oletus HTML elementit  *************************
	 - käytetään sivupohjissa, editrowssa, extroissa..
***********************************************************/




TABLE.eeTbl{ 
}
TABLE.eeTblBorder{
	border-collapse: collapse;
}
TABLE.eeTblBorder TD{ 
	border: 1px solid #000000;
	padding: 5px;
}



/************************** IE **************************/
FONT {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	
	color: #;
}
TH, SPAN, DIV, TD {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size :  12px;
	color: #;
}

P, LI {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

BODY {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #000000;
	font-size :  12px;
	overflow-y: auto;
}

A {
	color: #0C3D91;
}

INPUT, SELECT, TEXTAREA {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
}
 
foo { bar }


	
	/**** oletus otsikointi css - yksi plussa on vaan bold ****/



/* yksi plussa */
.PlusHeader1,
H3 {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	
	color: #000000;
}

/* kaksi plussaa */
.PlusHeader2,
H2 {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: bold;
	color: #000000;
}

/* kolme plussaa */
.PlusHeader3,
H1 {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 159%;
	font-weight: bold;
	color: #000000;
}

	
	/***********oletus Lista CSS  *************************
	 - käytetään sivupohjissa, editrowssa, extroissa
	 - täällä on nyt toistaiseksi kategoria muokkaus
***********************************************************/



/*haun tyylit - aktiivinen alue, jolla hakulaatikko*/
.searchTitle {
	background-color : #568FE7;
	font-weight: bold;
	color: #ffffff;
}

.searchActive {
	background-color : #FAFAFA;
}

/*haun tyylit- passiivinen alue hakulaatikon oikealla puolella*/
.searchPassive {
	background-color : #EAEAEA;
}

/* käytetään listan tablessa (myös muokkaus ja uusi tietue) ,
 tällä voidaan tehdä taululle tumma kehys, 
oletusväri valkoinen (ei kehystä) */
.tableList {
	/*background-color : #ffffff;*/
}


/*uusi tietue ja muokkaa&poista napit*/
TD.newRecord,
TD.editCell {
	text-align: center;
	padding: 0px;
	padding-left: 1px;
	height: 100%;
	vertical-align: middle;
}
A.newRecord,
A.editCell {
	width: 100%;
	font-weight: bold;
	color: #ffffff;
	background-color: #39CC49;	
	border-top: #8EE292 1px solid;
	border-left: #8EE292 1px solid;
	border-right: #179F1E 1px solid;
	border-bottom: #179F1E 1px solid;
	padding: 5px;
	vertical-align: middle;
	text-decoration: none;
}
A.newRecord:hover,
A.editCell:hover {
	background-color: #4FB743;
	border-bottom: #8EE292 1px solid;
	border-right: #8EE292 1px solid;
	border-left: #179F1E 1px solid;
	border-top: #179F1E 1px solid;
}

/* listan sivulinkit */
.showlinks {
	background-color: #FAFAFA;
}

/* taulu jossa listan sivulinkit */
. tableShowlinks {
	/*background-color : #ffffff;*/
}


/* HORIZONTAL *********/

/* rivi 1(horisontaali näkymässä)*/
.r1,
TABLE.pick TD {
	background-color: #FAFAFA;
}

/* rivi 2 (horisontaali näkymässä) */
.r2
{
	background-color: #EAEAEA;
}

/* sarakkeen otsikko */
TABLE.pick TD.title,
.colTitle {
	background-color : #568FE7;
	font-weight: bold;
	color: #ffffff;
}

/* VERTICAL *********/
/* rivi 1(vertikaali näkymässä)*/
.rV1
{
	background-color: #FAFAFA;
}

/* rivi 2 (vertikaali näkymässä) */
.rV2
{
	background-color: #EAEAEA;
}
/* rivin otsikko */
.rowTitle {
	background-color : #568FE7;
	font-weight: bold;
	color: #ffffff;
}

/*kuvan tausta*/
.imageBgr {
	background-color: #FAFAFA;
}


TD.categoriesCaption {
	font-size: 110%;
}

TD.categoriesDiv {
	background-color: #000000;
}

/*Pääkategorioiden muokkaus*/
.categoriesMainEdit {
	color: #ffffff;
	background-color: #DD8221;
}

/* --- aktivoitu kategoria --- */
TD.categoriesMainDefined {
	font-weight: bold;
	color: #ffffff;
	background-color: #6279A0;
}
TD.categoriesBorder {
	background-color: #000000;
}

/* -- aktivoimaton kategoria --- */
TD.categoriesMainUndefined {
	font-style: italic;
	color: #568FE7;
	background-color: #FAFAFA;
}
TD.categoriesBorderUndefined {
	background-color: #568FE7;
}
		
/*alakategoriat*/
.categoriesSubsRow1 {
	background-color: #f2f2f2;
}

	
	
div.PageMainTitle {
	color: #0C3D91;
	font-size: 180%;
	font-weight: bold;
}
table.valikonAlusZone {
	border: none;
	width: 100%;
	border-collapse: collapse;
}
table.valikonAlusZone td.bx {
	padding: 4px;
}

TD.pageBorder { 
	background-color: #ffffff;
}
TD.pageBorderAdditional{
	background-color: #FAFAFA;
}
TD.contentBgr { 
	background-color: #ffffff;
}
TD.menuCol{
	background-color: #FAFAFA;
}
TD.captionMain{
	background-color: #ffffff;
	padding-left: 7px;
}

TD.copy A,
A.copyMagic,
A.copy {
	color: #000000;	
	text-decoration: none;
}
TD.copy A.normal{
	color: #0C3D91;
	text-decoration:underline:
}

table.editbarNoGrantedit {
	border: 1px dashed #ffffff;
	margin-bottom: 8px;
	background-color: #ffffff;
}

table.embeddedLogin {
	width: 90%;
	border: 1px solid #FAFAFA;
	margin: 20px;
}

	
	
	


.formTitle {
	font-weight : bold;
}

.formSubmit {
	background-color : #FAFAFA ;
}
	
	
	
.dnotesBorder {
	background-color: #000000;
}
.dnotesMove {
	background-color: #F0EAE3;
}
.dnotesClose {
	font-size:12px;
	font-weight:bold;
	color: #ffffff;
	background-color: #324D9A;
	text-decoration: none;
}
.dnotesOpen {
	font-size:12px;
	color: #ffffff;
	background-color: #ff0000;
	text-decoration: none;
}
.dnotesNormal {
	font-size:12px;
	background-color: #F0EAE3;
	color: #000000;
}
.dnotesTop {
	font-size:12px;
	background-color: #9FC2EA;
}

.dnoteAction {
	font-size:12px;
	color: #324D9A;
	text-decoration: none;
}
.dnoteAction:hover {
	text-decoration: underline;
}
.dnotesLow {
	font-size:12px;
	background-color: #ffffff;
}
.dnoteDone {
	color: #A0A0A0;
}

	
	


	
	
DIV.defEditElem{
	position:absolute;
	z-index:80;
	height:21px;
	top:0px;
	left:0px;
	vertical-align:middle;
	background-color: #D7A818;
	padding-right:5px;
	border: 1px solid #7B641D;
}
DIV.defEditElem IMG {
	vertical-align:middle;
	margin-right:5px;
}	
DIV.defEditElem A {
	color: #ffffff;
	font-size: 11px;
}

div.editbarFloat {
	float: left;
}

div.editbarOhje a {
	color: #35B11B;
	font-weigh: bold;
}
div.editbarOhje {
	float: right;
	margin-bottom: 15px;
	background-color: #E9FBD5;
	border: 1px solid #7EDB57;
	padding: 5px;
}
div.editbarOhje img {
	vertical-align: middle;
	margin-right: 5px;
}

	
	

	

	

	
	
table.blogHome a {
	font-weight: bold;
	text-decoration: none;
}
table.blogHome a:hover {
	text-decoration: underline;
}
table.blogHome td.footer {
	border-top: 1px solid #ffffff;
	background-color: #EAEAEA;
}

table.blogMerkinta {
	border: none;
	border-collapse: collapse;
}
table.blogMerkinta td.merkinta{
	padding-right: 5px;
	vertical-align: top;
	width: 70%;
}
table.blogMerkinta td.toiminnot{
	vertical-align: top;
	width: 30%;
}
table.blogMerkinta td.toiminnot div.ohje a {
	color: #35B11B;
	font-weigh: bold;
}
table.blogMerkinta td.toiminnot div.ohje {
	margin-bottom: 15px;
	background-color: #E9FBD5;
	border: 1px solid #7EDB57;
	padding: 5px;
}
table.blogMerkinta td.toiminnot div.ohje img {
	vertical-align: middle;
	margin-right: 5px;
}
table.blogMerkinta div.asetukset{
	border: 1px dashed #999;
	background-color: white;
	padding: 3px;
}
table.blogMerkinta div.asetukset h2 {
	margin: 0px;
	margin-bottom: 4px;
	padding: 3px;
	font-size: 12px;
	background-color: #e1e1e1;
}
table.blogMerkinta div.asetukset table {
	border-collapse: collapse;
}
table.blogMerkinta div.asetukset table td {
	padding: 2px;
	vertical-align: top;
}
table.blogMerkinta div.asetukset div.info {
	color: #666;
}

table.blogMerkinta h1.kirjOtsikko {
	padding: 3px;
	margin: 0px;
	padding-bottom: 2px;
	font-size: 21px;
	font-weight: normal;
	border-bottom: 1px dashed #ffffff;
}
table.blogMerkinta div.kirjTiedot {
	padding: 3px;
	margin-bottom: 10px;
	text-align: right;
	color: #888;
}
table.blogMerkinta div.youtube {
	width: 100%;
	text-align: center;
	margin-top: 20 px;
	margin-bottom: 20px;
}
table.blogMerkinta div.kirjTeksti p{
	margin-top: 0px;
}
table.blogMerkinta div.kirjTeksti {
	line-height: 1.3;
}
table.blogMerkinta img.jutunKuva {
	float: left;
	margin-left: 0px;
	margin-top: 3px;
	margin-right: 8px;
	margin-bottom: 3px;
}
table.blogMerkinta div.kirjAiheet {
	border-top: 1px dashed #ffffff;
	padding: 3px;
	color: #888;

}


div.blogJulkaisemattomatKommentit {
	
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid silver;
}
div.blogJulkaisemattomatKommentit h2 {
	color: #000;
	margin: 0px;
	padding: 4px;
}
div.blogJulkaisemattomatKommentit table {
	width: 100%;
	border-collapse: collapse;
}
div.blogJulkaisemattomatKommentit table td {
	padding: 3px;
}
div.blogJulkaisemattomatKommentit table tr.header td.first {
	width: 20%;
}
div.blogJulkaisemattomatKommentit table tr.header td {
	background-color: #e1e1e1;
}
div.blogJulkaisemattomatKommentit div.noComments {
	padding: 4px;
}

table.blogKommentoi {
	width: 100%;
	border-collapse: collapse;
}
table.blogKommentoi td {
	vertical-align: top;
	padding: 0px;
	padding-bottom: 8px;
}
table.blogKommentoi textarea {
	width: 100%;
	margin-top: 5px;
	height: 200px;
}
table.blogKommentoi input {
	float: right;
	width: 200px;
}
table.blogKommentoi input.go {
	width: 180px;
	float: right;
}


table.blogKommentit{
	width: 100%;
	border-collapse: collapse;
}
table.blogKommentit tr td {
	padding: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
table.blogKommentit form {
	margin: 0px;
	padding: 0px;
}
table.blogKommentit h3.nimi, 
table.blogKommentit h3.nimi a{
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	font-size: 15px;
}
table.blogKommentit h3.nimi a:hover{
	text-decoration: underline;
}
table.blogKommentit div.aika{
	margin-bottom: 9px;
	font-size: 11px;
}
table.blogKommentit div.kommentti{
	line-height: 1.3;
}
div.blogKommentitRss {
	margin-top: 15px;
	margin-bottom: 5px;
}

table.blogShowlinks {
	width:100%;
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 10px;
}
table.blogShowlinks td.prev {
	
}
table.blogShowlinks td.pages {
	text-align: center;
}
table.blogShowlinks td.next {
	text-align:right;
}

table.blogMerkinta span.rss,
table.blogMerkinta div.rss {
	float: left;
	background-color: #FF6600;
	border-top: 1px solid #FFCC99;
	border-left: 1px solid #FFCC99;
	border-right: 1px solid #663300;
	border-bottom: 1px solid #663300;
	text-decoration: none;
	font-weight:bold;
	color: white;
	font-size: 10px;
	padding: 1px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-right: 3px;
	width: 25px;
	text-align: center;
}
table.blogMerkinta span.rss a,
table.blogMerkinta div.rss a {
	text-decoration: none;
	color: white;
}
table.blogMerkinta div.blogOikea {
	padding-top: 13px;
	padding-bottom: 13px;
	border-top: 1px dashed #ffffff;
}
table.blogMerkinta div.blogHae {
	padding-top: 0px;
	border-top: none;
}
table.blogMerkinta div.blogHae h3 {
	margin: 0px;
	padding: 0px;
	margin-bottom: 3px;
	font-size: ERRORpx;
}
table.blogMerkinta div.blogHae form {
	margin: 0px;
	padding: 0px;
}
table.blogMerkinta div.blogHae input {
	width: 100%;
}
table.blogMerkinta div.blogHae input.go {
	width: 40%;
}

table.blogMerkinta div.blogUusimmat div {
	margin-bottom: 5px;
}
table.blogMerkinta div.blogUusimmat a {
	text-decoration: none;
}
table.blogMerkinta div.blogUusimmat a:hover {
	text-decoration: underline;
}

table.blogMerkinta div.blogUusimmat a.selected {
	font-weight: bold;
}
table.blogMerkinta div.blogUusimmat a.kommentti {
	color: #888888;
	text-decoration: none;
}
table.blogMerkinta div.blogUusimmat a.kommentti:hover {
	text-decoration: underline;
}
table.blogMerkinta div.blogUusimmat div.arkisto {
	margin-bottom: 0px;
}
table.blogMerkinta div.blogUusimmat div.arkisto {
	margin-top: 8px;
	font-weight: bold;
}

table.arkistoLayout {
	border-collapse: collapse;
	width: 100%;
}
table.arkistoLayout td {
	vertical-align: top;
}
table.arkistoLayout td.lista{
	padding:0px;
	padding-right: 8px;
	width: 70%;
}
table.arkistoLayout td.lista table {
	clear: right;
}
table.arkistoLayout td.lista table.haku {
	clear: left;
	width: 100%;
	border-bottom: 1px dashed #ffffff;
	padding-bottom: 3px;
	margin-bottom: 10px;
}
table.arkistoLayout td.lista table.haku td {
	vertical-align: middle;
}
table.arkistoLayout td.lista table.haku td.teksti {
	font-weight: bold;
}
table.arkistoLayout td.lista table.haku input {
	width: 150px;
}
table.arkistoLayout td.lista table.haku input.go {
	margin-left: 3px;
	width: 50px;
}
table.arkistoLayout td.lista form {
	text-align: right;
	padding: 0px;
	margin: 0px;	
}
table.arkistoLayout td.lista div.eiOsumia {
	padding-top: 5px;
	padding-bottom: 5px;
}
table.arkistoLayout td.lista div.merkinta {
	margin-top: 10px;
	margin-bottom: 10px;
}
table.arkistoLayout td.lista div.merkinta div.otsikko {
	font-weight: bold;
	font-size: 13px;
}
table.arkistoLayout td.lista div.merkinta div.otsikko a {
	text-decoration: none;
}
table.arkistoLayout td.lista div.merkinta div.otsikko a:hover {
	text-decoration: underline;
}
table.arkistoLayout td.lista div.merkinta div.aiheet {
	border-top: 1px dashed #ffffff;
	margin-top: 3px;
	padding-top: 2px;
	color: #888;
}
table.arkistoLayout td.aiheet{
	width: 30%;
	padding:0px;
	padding-left: 8px;
	border-left: 1px dashed #ffffff;
}
table.arkistoLayout td.aiheet h2 {

}
table.arkistoLayout td.aiheet div.aihe {
	margin-top: 5px;
	padding-left: 5px;
}
table.arkistoLayout td.aiheet div.kaikkiAiheet {
	padding-left: 0px;
	margin-top: 0px;
}
table.arkistoLayout td.aiheet div.merkintoja {
	color: #888;
}
table.arkistoLayout td.aiheet div.aihe a {
	text-decoration: none;
}
table.arkistoLayout td.aiheet div.aihe a:hover {
	text-decoration: underline;
}
table.arkistoLayout td.aiheet div.aihe a.selected {
	font-weight: bold;
}