/* Common */
BODY, TD, DIV {
	color: Black;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size : 10pt;

}

td {
	vertical-align:top
}

#parent   {
	position:relative; 
	width: 981px; 
	z-index:1; 
	left:0px;
	margin: 0px auto; 
	text-align: left; 
}

#yla {
	height:70px;
	background:url('images/design/ylamuoto.gif') no-repeat bottom;
}

#sisalto {
	border-left:3px white solid;
	border-right:3px white solid;
	background-color:#E4E4E4;

}

#menu {
	background:black url('images/design/menu_background.jpg') repeat-x;
	color:white;
	text-decoration:none;
/*	height:24px;*/
	padding: 6px
}
#menu2 a {
	color: black;
}

#nimi {
	color: white;
	font-size: xx-large
}

#osoite {
	color: white;
	font-size: 12pt
}

#user {
	color: white;
}
#user a {
	color: #C0C0C0;
}


#content {
	color : Black;
	font-size : 10pt;
	margin-left: 2em;
	margin-right: 2em;
	padding-bottom: 0.25em;
}

img {
	border:0;
}

/* Menu */


a.MenuInc {
	color: white;
	text-decoration: none;
	padding: 0 1em 0 1em;	
}

a.MenuInc:hover {
	color: #C0C0C0
}

a.MenuSel {
	color: #D4D4D4;
	text-decoration: none;
	padding: 0 1em 0 1em;	
}

/* Feedback */
.FeedbackBase {

}

.FeedbackHeader {

	font-weight: Bold;
}



/* News */

TABLE.NewsEtusivu {
	border: 1px solid #C0C0C0;
	background: #F5F5F5;
}

.NewsArticleBase {
	border-width: 0;
	background: White;
} 
div.newslist {
	background: white;
	border: 1px solid #C0C0C0;
	padding: 10px;
}
div.newslist table.doListBase {
	width: 100%;
	margin: 10px 0;
}
div.newslist table.doListBase td {
	padding: 3px;
}
div.newslist table.doListBase th {
	border-bottom: 1px solid black;
	padding: 2px 5px;
}
div.newslist table.doListBase th a {
	text-decoration: none;
}

.NewsListBase {
	border-width: 0;
	background: White;
} 

.NewsBase {
	border-width: 0;
	background: #6E94B7;
}

.NewsHeader {
	background: #AFC6DB;
	font-weight: Bold;
}

TD.NewsContHeader {
	background: White;
	font-weight: Bold;
}

TD.NewsContent {
	background: White;
}












/*Henkilöt*/

table.doMessageBase, 
table.DataOrgBase { 
     border: 1px solid #F8F8F8;
	background: #EAEAEA;

}

table.DataOrg { 
     border-top: 1px solid #F8F8F8;
	 border-left: 1px solid #F8F8F8;
}

table.DataOrg td.DataOrgHeader,
table.DataOrgBase td.DataOrgHeader {
	background: #F8F8F8;
	border-bottom: 1px solid #F8F8F8;
	font-weight: Bold;
}

a.doActionLink,
table.DataOrgBase a,
table.DataOrg a,
tr.odd td a,
tr.even td a {
    color: #000;
	font-weight: bold;
	text-decoration: underline;
}

a.doActionLink:hover,
table.DataOrgBase a:hover,
table.DataOrg a:hover, 
tr.odd td a:hover,
tr.even td a:hover {
    color: #000;
	font-weight: bold;
	text-decoration: none;
}

tr.odd td a,
tr.even td a {
	text-decoration: none;
}

tr.odd td a:hover,
tr.even td a:hover {
    color: #404040;
}


table.DataOrg tr.odd td { 
     background: #FFF; 
	 border-bottom: 1px solid #F7F7F7; 
	 border-right: 1px solid #F7F7F7;
}

table.DataOrg tr.even td { 
     background: #EFEFEF; 
	 border-bottom: 1px solid #F8F8F8;
     border-right: 1px solid #F8F8F8;	 
}

table.DataOrg tr.odd:hover  td,
table.DataOrg tr.even:hover  td{ 
     background: #F0F0F0;  
}

tr.odd td { 
     background: #FFF; 
	 border-bottom: 1px solid #F8F8F8; 
}

tr.even td { 
     background: #F8F8F8; 
	 border-bottom: 1px solid #F8F8F8;
}

table.doListBase tr.doListRowOdd {
    background: #FFF; 
}

table.doListBase tr.doListRowEven {
    background: #F8F8F8; 
}


.VierasPaiva {
    font-style:italic;
	font-size: 9pt;
	padding-top:10px;
}

/*
.doInputText, .doInputTextarea  {
	background-color: #fff;
	font-family: Tahoma, sans-serif;
	font-size: 10pt;
	border: 1px solid #000;
	padding-left: 3px;
}


.doInputSubmit {
	border: 1px solid #000;
	padding: 2px;
	background-color: #fff;
	color:#565656;
	font-size: 9pt;
	font-weight:bold;
}

.doInputSubmit:hover {
    background:#F9FCFE;
    border:1px solid #000;
    color:#000;
}

.doInputDelete {
	border: 1px solid #000;
	padding: 2px;
	background-color: #fff;
	color: #d12f19;
	font-size: 9pt;
	font-weight:bold;
}

.doInputDelete:hover {
    background:#fbe3e4;
    border:1px solid #d12f19;
    color:#000;
}
*/

IMG.kuva {
	border: 1px solid #000000;
	padding: 3px;
	background: #fff;
}

tr.DataOrgContent {
    border-bottom:solid 1px #000;
}






/*Navigointi*/
doNavigatorBase, .umNavigatorBase {
	text-align: center;
	margin: 0 auto;
}
.doNavigatorBase .doNavigatorLink, .doNavigatorBase .doNavigatorLinkDisabled,
.umNavigatorBase .umNavigatorLink, .umNavigatorBase .umNavigatorLinkDisabled { 
	background: white;
	display: inline-block;
	height: 22px;
	line-height: 20px;
	padding: 0 6px;

	font-size:11px;
	text-decoration: none; 
	margin-right:2px;
	font-weight: bold;
	cursor: pointer;

	/* IE inline-block hack */
	zoom: 1;
	*display: inline;
	_height: 22px;
}
a.doNavigatorLink, a.umNavigatorLink {
/*	color:#0063e3;*/
	color: #7F4C27;
}
span.doNavigatorLinkDisabled, span.umNavigatorLinkDisabled {
	font-weight: normal;
	color: #888888;
}

a.doNavigatorLink.next, a.umNavigatorLink.next,
span.doNavigatorLinkDisabled.nextDisabled, span.umNavigatorLinkDisabled.nextDisabled {
	padding-right: 22px;
	background-repeat: no-repeat;
	background-position: 97% 60%;
}
a.doNavigatorLink.next, a.umNavigatorLink.next { background-image: url(images/design/next.png); }
span.doNavigatorLinkDisabled.nextDisabled, span.umNavigatorLinkDisabled.nextDisabled { background-image: url(images/design/next_grey.png); }

a.doNavigatorLink.last, a.umNavigatorLink.last,
span.doNavigatorLinkDisabled.lastDisabled, span.umNavigatorLinkDisabled.lastDisabled {
	padding-right: 28px;
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
a.doNavigatorLink.last, a.umNavigatorLink.last { background-image: url(images/design/last.png); }
span.doNavigatorLinkDisabled.lastDisabled, span.umNavigatorLinkDisabled.lastDisabled { background-image: url(images/design/last_grey.png); }

a.doNavigatorLink.previous, a.umNavigatorLink.previous,
span.doNavigatorLinkDisabled.previousDisabled, span.umNavigatorLinkDisabled.previousDisabled {
	padding-left: 22px;
	background-repeat: no-repeat;
	background-position: 3% 50%;
}
a.doNavigatorLink.previous, a.umNavigatorLink.previous { background-image: url(images/design/prev.png); }
span.doNavigatorLinkDisabled.previousDisabled, span.umNavigatorLinkDisabled.previousDisabled { background-image: url(images/design/prev_grey.png); }

a.doNavigatorLink.first, a.umNavigatorLink.first,
span.doNavigatorLinkDisabled.firstDisabled, span.umNavigatorLinkDisabled.firstDisabled {
	padding-left: 28px;
	background-repeat: no-repeat;
	background-position: 5% 50%;
}
a.doNavigatorLink.first, a.umNavigatorLink.first { background-image: url(images/design/first.png); }
span.doNavigatorLinkDisabled.firstDisabled, span.umNavigatorLinkDisabled.firstDisabled { background-image: url(images/design/first_grey.png); }


.doNavigatorBase .doNavigatorLink:link, .doNavigatorBase .doNavigatorLink:visited, .doNavigatorBase .doNavigatorLinkDisabled,
.umNavigatorBase .umNavigatorLink:link, .umNavigatorBase .umNavigatorLink:visited, .umNavigatorBase .umNavigatorLinkDisabled {
	border: solid 1px #DDDDDD;
}
.doNavigatorBase .doNavigatorLink:hover,
.umNavigatorBase .umNavigatorLink:hover {
	border: solid 1px #666;
}

td.ar {text-align: right;}



/* Käyttäjien ylläpito (usermanager)*/
input.umSubmitButton {
	color: green;
	font-weight: bold;
}
input.umDeleteButton {
	color: red;
	font-weight: bold;
}

/* Ylläpitonode dataorgin listaukset */
div.yllapito {
	background: white;
	padding: 10px;
}
div.yllapito table.doListBase,
 div.yllapito table.umListBase {
	width: 100%;
	border-collapse: collapse;
}
div.yllapito table.doListBase tr td,
 div.yllapito table.umListBase tr td {
	padding: 5px;
}
div.yllapito table.doListBase tr.doListHeader td,
div.yllapito table.umListBase tr.umListHeader td {
	font-weight: bold;
	border-bottom: 1px solid #E0E0E0;
}
div.yllapito table.doListBase tr.doListRowOdd td,
div.yllapito table.umListBase tr.umListRowOdd td {
	background-color: #FAFAFA;
}
div.yllapito .doListRowOdd td, div.yllapito .doListRowEven td,
div.yllapito .umListRowOdd td, div.yllapito .umListRowEven td  {
	border-bottom: 1px solid #E0E0E0;
}
div.yllapito table.doListBase table.nocss tr td {
	padding: 0;
	border-bottom: 0;
}

/* Kommenttien listaus */
table.doCommentList div.doCommentHeader {
	font-weight: bold;
	margin-bottom: 5px;
}

table.doCommentList tr.doCommentRowOdd td {
	background-color: #FAFAFA;
	
}
table.doCommentList tr.doCommentRowOdd td,
table.doCommentList tr.doCommentRowEven td {
	border-top: 1px solid #E0E0E0;
	padding: 10px;
}

/* Ylläpidon listaukset (kauppa) */
form#usermanager {
	background: white;
	margin-bottom: 20px;
	padding: 10px;
}
div.yllapito .umListBase {
	width: 100%;
}
div.yllapito .doListBase,
div.yllapito .umListBase {
	border-spacing: 0;
	border: 1px solid #C0C0C0;
	background: white;
}
div.yllapito .doListHeader td,
div.yllapito .umListHeader td {
/*	background: #F0F0F0;*/
	border-bottom: 1px solid black;
	font-weight: bold;
}
div.yllapito tr td {
	padding: 3px;
}
div.yllapito .doListRowOdd,
div.yllapito .umListRowOdd {
	background: #F0F0F0;
}
span.huom {
	font-weight: bold;
}
span.ohje {
	font-style: italic;
}
span.invalidfield {
	color: red;
	font-size: 1.1em;
}
div.yllapito span.field_info {
	font-size: 0.8em;
	font-style: italic;
}
div.yllapito .doInputDelete, input[name=delete] {
	background: #FF4444;
	font-weight: bold;
}
/* Tuotteen lisäys lomake */
div.yllapito fieldset {
	padding: 20px;
	border-color: #FFFFFF #E0E0E0 #E0E0E0 #F0F0F0;
	border-style: solid;
	border-width: 1px;
/*	background: #FFF3E3 url(images/design/lomake_bg2.png) repeat-x 0 -4px;*/
	background: #FFFFFF url(images/design/lomake_bg2.png) repeat-x 0 -4px;
	margin-bottom: 20px;
}

/* FileArea */


A.filehead {
	text-decoration: none;
	color: black;
}
A.filehead:hover {
	text-decoration: underline;
}
A.file {
	text-decoration: none;
	color: black;
}
A.file:hover {
	text-decoration: underline;
}