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




TABLE.eeTbl{ 
}
TABLE.eeTblBorder{
	border-collapse: collapse;
}
TABLE.eeTblBorder TD{ 
	border: 1px solid #333333;
	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 :  11px;
	color: #;
}

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

BODY {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #346499;
	color: #333333;
	font-size :  11px;
	overflow-y: auto;
}

A {
	color: #c33c3c;
}

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: #333333;
}

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

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

	
	/***********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 : #456AB5;
	font-weight: bold;
	color: #000000;
}

.searchActive {
	background-color : #B9C5E3;
}

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

/* 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 : #FDFDFD;*/
}


/*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: #B9C5E3;
}

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


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

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

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

/* sarakkeen otsikko */
TABLE.pick TD.title,
.colTitle {
	background-color : #456AB5;
	font-weight: bold;
	color: #000000;
}

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

/* rivi 2 (vertikaali näkymässä) */
.rV2
{
	background-color: #c33c3c;
}
/* rivin otsikko */
.rowTitle {
	background-color : #456AB5;
	font-weight: bold;
	color: #000000;
}

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


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

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

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

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

/* -- aktivoimaton kategoria --- */
TD.categoriesMainUndefined {
	font-style: italic;
	color: #456AB5;
	background-color: #B9C5E3;
}
TD.categoriesBorderUndefined {
	background-color: #456AB5;
}
		
/*alakategoriat*/
.categoriesSubsRow1 {
	background-color: #f2f2f2;
}

	
	
div.PageMainTitle {
	color: #000000;
	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: #000000;
}
TD.pageBorderAdditional{
	background-color: #FDFDFD;
}
TD.contentBgr { 
	background-color: #FDFDFD;
}
TD.menuCol{
	background-color: #456ab5;
}
TD.captionMain{
	background-color: #ffffff;
	padding-left: 7px;
}

TD.copy A,
A.copyMagic,
A.copy {
	color: #333333;	
	text-decoration: none;
}
TD.copy A.normal{
	color: #c33c3c;
	text-decoration:underline:
}

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

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

	
	
	


.formTitle {
	font-weight : bold;
}

.formSubmit {
	background-color : #B9C5E3 ;
}
	
	
	
.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;
}