/* Latuportaali */
body {
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size: 10pt;
}

html, body {
	height: 100%;
	margin: 0 0 1px;
	padding: 0;
}


div#tausta {
	position: absolute;
	x-index: 1;
	background: url(images/design/hiutaletausta.jpg) no-repeat center;
	left: 0px; top:0px;height:255px;width:100%
}

div#main {
	position: relative;
	x-index: 2;
	display: block;
	width: 990px;
	margin: 15px auto;
	padding: 0;
	background-color: white;

}
div#usermessage {
	color: black;
	margin-right: 10px;
}
div#usermessage a {
	color: blue;
}


div#maincontent {
	padding: 0 5px 0 10px;
}

/* Vaakamenu (siten valikko) */
#vlistmenu {
	background: url(images/design/menutausta.jpg) repeat-y;
}

#vlistmenu a {
	 color: white;
}

div#vlistmenu ul.ListMenu {
	margin: 0;
	padding: 0;
}
div#vlistmenu ul.ListMenu li {
	list-style: none;
	display: inline;
}
div#vlistmenu ul.ListMenu li a {
	display: inline-block;
	padding: 5px 15px;
}
div#vlistmenu ul.ListMenu li.MenuSel a {
	background-color: #094DAE;
	border-left: 1px solid #7290C4;
	border-right: 1px solid #7290C4;
	margin-left: -1px;
	margin-right: -1px;
}

/* Latusivu */
td#slsleft {
	width: 20px;
	height: 42px;
	background: transparent url(images/design/palkki_vasen.png) no-repeat 0 0;
}
td#slsright {
	width: 20px;
	height: 42px;
	background: transparent url(images/design/palkki_oikea.png) no-repeat 0 0;
}
td#slsmiddle {
	height: 42px;
	background: transparent url(images/design/palkki_tausta.png) repeat-x 0 0;
	line-height: 42px;
	text-align: center;
	font-weight: bold;
}
div#suljelatusivu {
	cursor: pointer;
/*	background: #EEE;*/
}
div.ajaxcontent div.LatudoNavigatorBase {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 14px;
}
table.latutiedot th {
	text-align: right;
	vertical-align: top;
	width: 150px;
}

table.latutiedot td {
	width: 550px;
}

div.kuva {
	float: left;
	margin-right: 10px;
}

table.latutiedot div.kuva a {
	display: block;
}
div.kuva span, div.newspic span {
	font-style: italic;
	font-size: 0.9em;
	color: black;
	display: block;
	width: 200px;
}

/* Uutispalikka */ 
#uutiset a:hover {
	color: #808080
}
div.newspic {
	display: block;
	margin: 10px;
}
div.newscontent {
	margin-bottom: 20px;
}
div.newsingress {
	font-weight: normal;
	font-style: italic;
	margin: 10px;
}
h3.newssubject {
	margin-bottom: 0;
}
h4.newslatu {
	margin-top: 0;
	margin-bottom: 10px;
}
table.NewsEtusivu p.ingress {
	margin: 0 10px 10px 10px;
}
table.NewsEtusivu .doListRowOdd a,
table.NewsEtusivu .doListRowEven a {
	color: blue;
}
table.NewsEtusivu a.NewsBrowseLink:hover {
	color: blue;
	text-decoration: underline;
}

table.NewsEtusivu a.NewsBrowseLink {
	font-size: 11px;
	display: block;
	width: 100%;
	text-align: center;
	position: relative;
	top: 10px;
	margin-top: -8px;
	color: black;
	text-decoration: none;
	font-weight: normal;
}
table.NewsEtusivu .doListRowOdd td, table.NewsEtusivu .doListRowEven td  {
	border-bottom: 1px dotted #D0D0D0;
}

/* Uutislistaus */
.newslist table.doListBase {
/*	border-left: 1px dotted grey;*/
	margin-bottom: 20px;
}
.newslist table.doListBase th {
	text-align: left;
/*	background-color: #F0F0F0;*/
	padding: 3px 5px;
/*	border-right: 1px dotted grey;*/
	border-bottom: 1px solid #E0E0E0;
/*	border-top: 1px solid #E0E0E0;*/
}
.newslist table.doListBase td {
	border-bottom: 1px solid #E0E0E0;
/*	border-right: 1px solid #E0E0E0;*/
	padding: 10px;
}
.newslist table.doListBase tr.doListRowOdd td {
	background-color: #FAFAFA;
}
.newslist table.doListBase span.ingress {
	font-style: italic;
	display: block;
	margin-left: 20px;
}
.newslist table.doListBase th.publishbegin {
	width: 300px;
}
.newslist table.doListBase td.publishbegin {
	font-size: 0.8em;
}

/* Uutishaku */
form#newssearch fieldset {
	padding: 0 20px;
	margin-bottom: 0;
}
form#newssearch table tr td {
	vertical-align: middle;
}
form#newssearch label {
	display: inline-block;
	width: 80px;
	line-height: 20px;
	text-align: right;
	vertical-align: top;
	margin-right: 10px;
}
form#newssearch select {
	width: 100px;
}

/* Kartta */
#kartta table.latuinfo {
	margin: 0px 0;
}
#kartta table.latuinfo th {
	font-weight: bold;
	vertical-align: top;
}
#kartta table.latuinfo td {
	font-size: 0.9em;
	margin-bottom: 4px;
}
#kartta .ladunnimi {
	font-size: 14px;
	font-weight: bold;
	display: block;
	width: 100%;
	border-bottom: 1px solid #C0C0C0;
}
#kartta .latulinkki {
	cursor: pointer;
	color: blue;
	text-decoration: underline;
}

/* Menu oikealla (DO Listaus) */
div#hiihtopaikat ul {
	padding-left: 25px;
	margin-left: 0px;
}
div#hiihtopaikat ul li {
	margin-top: 0px;
}
div#hiihtopaikat a, div#hiihtopaikat a:visited {
	color: blue;
	display:block;
	padding-bottom: 2px;
}

div#hiihtopaikat a:hover {
	color: #808080
}
div#hiihtopaikat span.otsikko, div#uutiset span.otsikko {
	display: block;
	width: 100%;
	text-align: center;
	white-space: nowrap;
	font-weight: bold;
	font-size: 0.7em;
}
div#content {

}
/* IE6 min-height workaround */
div#content {
	min-height: 450px;
	height:auto !important;
	height: 450px;
}

div#vlistmenu ul.ListMenu li a.loginlink {
	padding-right: 30px;
	background: transparent url(images/design/lukko_pieni.png) no-repeat 90% 50%;
}




/* DataOrg Input */
fieldset {
	margin-bottom: 20px;
	padding: 40px 10px 20px 10px;
}
fieldset legend {
	font-weight: bold;
}
fieldset .item {
	display: block;
	margin-bottom: 8px;
}
fieldset .item label {
	display: inline-block;
	text-align: right;
	vertical-align: top;
	margin-top: 2px;
	width: 150px;
}
fieldset div.line {
	border-top: 1px solid #C0C0C0;
}

/*fieldset span.ohje, #kartta span.ohje {*/
span.ohje {
	font-style: italic;
	font-size: 0.9em;
	color: #505050;
}
span.ohje ul {
	margin: 0;
}
span.huom {
	color: #FF0000;
	font-weight: bold;
	font-style: italic;
}
.smalltext {
	font-size: 0.9em !important;
}
form .wide {
	width: 500px;
}
form .narrow {
	width: 200px;
}
form .large {
	height: 200px;
}
form .medium {
	height: 100px;
}
form .small {
	height: 50px;
}
form textarea {
	overflow-y: scroll;
}

input.doInputSubmit {
	display: inline-block;
	padding: 2px 15px;
	color: green;
	font-weight: bold;
}
input.doInputDelete {
	display: inline-block;
	padding: 2px 15px;
	color: red;
	font-weight: bold;
}
form table {
	border-collapse: collapse;
}
form table th {
	text-align: left;
}
form table td:first-child {
	white-space: nowrap;
	padding: 2px;
}
#usermanager table td {
	white-space: normal;
}
form table input.pituus {
	width: 30px;
	text-align: right;
}
form table input.hiihdettavissa {
	margin: 0 10px;
}
.odd {
	background: #F0F0F0;
}
div.odd {
	padding: 5px 0;
}
div.file a {
	display: inline-block;
	font-size: 8pt;
	vertical-align: middle;
	width: 200px;
	word-wrap: break-word;

	zoom:1;
	*display: inline;
	_height: 30px;
}


/*Navigointi*/

div.LatudoNavigatorBase a.doNavigatorLink {
	padding: 0;
	margin: 0;
	border: 0;
}
div.LatudoNavigatorBase  a.disabledbutton {
	margin-right: 5px;
}
/* kuvien asemointi (nuolet) */
a.doNavigatorLink img, a.doActionLink img {
	border: 0;
	vertical-align: top;
}

/* Muut listaukset */
a.doNavigatorLink, a.umNavigatorLink {
	color:#0063e3;
}
span.doNavigatorLinkDisabled, span.umNavigatorLinkDisabled {
	font-weight: normal;
	color: #888888;
}
span.doNavigatorLinkDisabled img, span.umNavigatorLinkDisabled img {
	vertical-align: middle;
}
.doNavigatorBase, .umNavigatorBase {
	margin-bottom: 10px;
	text-align: center;
	margin-top: 20px;
}

.XdoNavigatorLink-off { 
	font-size:11px;
	padding:3px 6px;
	margin-right:2px;
	display: inline;	
	border:solid 1px #DDDDDD; 
	color:#DDDDDD; 
}

.XdoNavigatorLink-active{ 
	font-size:11px;
	padding:3px 6px;
	margin-right:2px;
	display: inline;	
	border:solid 1px #DDDDDD; 
	color:#000; 
	font-weight: bold;
}

.doNavigatorBase .doNavigatorLink, .doNavigatorBase .doNavigatorLinkDisabled,
.umNavigatorBase .umNavigatorLink, .umNavigatorBase .umNavigatorLinkDisabled { 
	font-size:11px;
	text-decoration: none; 
	padding:3px 6px;
	margin-right:2px;
	display: inline;
	font-weight: bold;
}

.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;
}


.XDO-NavigatorLink a{
	font-weight: bold; 
	border: 1px solid #828282; 
	text-decoration: none; 
	padding: 0.5px; 
	margin: 0.1px; 
	width: 0.3em;
	display: inline;
	line-weight: 22px;
}

.XDO-NavigatorLink:hover { background-color: #666; }

/* 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 table.doListBase,
 div.yllapito table.umListBase {
	width: 100%;
}
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;
}

#footer {
	color: #555555;
	text-align: center;
	font-size: 11px;
}

.liitetiedosto a {
	padding-left: 20px;
	background: url('images/design/page_white_acrobat.png') no-repeat 0 0 transparent;
}

#maptool {
	border: 10px solid black;
}
img.maptool {
	vertical-align: text-top;
	margin-left: 8px;
}

img.hiihdettavyys {
	vertical-align: text-top;
}

#laturivit table td {
	width: auto;
}
table.latuinfo td.pituus,
#laturivit td.pituus {
	width: 50px;
}