/* -------------/
 RESET & BODY 
------------ */

body, h1, h2, h3, h4, h5, h6, p, ul, li {
	padding: 0;
	margin: 0;
}

body {
	font: 76% Arial, Helvetica, sans-serif;
	padding: 20px;
}

/* -------------/
 LAYOUT 
------------ */

div#wrap {
	width: 955px;
}

div#userinfo {
	float: left;
	margin-left: 20px;
}

div#leftcol {
	clear: left;
	float: left;
	margin-right: 20px;
	padding: 40px 0 10px 0;
	width: 240px;
}

div#rightcol {
	float: left;
	padding: 40px 0 10px 0;
	width: 695px;
}

div#footer {
	clear: left;
	text-align: center;
}

/* -------------/
 OTSIKOT 
------------ */

h1 {
	background: url(../img/ui/vwd_logo.jpg) no-repeat;
	float: left;
	height: 44px;
	text-indent: -9999px;
	width: 240px;
}

div#leftcol h2 {
	font: 1.8em "Times New Roman", Times, serif;
	margin-bottom: 15px;
}

div#rightcol h2 {
	float: left;
	font-size: 1.6em;
	margin-bottom: 15px;
}

div#rightcol h3 {
	margin-bottom: 10px;
}

/* -------------/
 TEKSTIT 
------------ */

p {
	margin-bottom: 10px;
}

address {
	font-style: normal; 
}

div#userinfo p {
	color: #999;
	margin-bottom: 5px;
}

span.email {
	color: #000;
}	

/* -------------/
 LINKIT 
------------ */

a {
	color: #09f;
	text-decoration: none;
}

a:hover {
	background: #E3F4FF;
}

a:visited {
	color: #09f;
}

/* -------------/
 LISTAT 
------------ */

ul {
	list-style: none;
}

ul#submenu, ul#filemenu {
	width: 180px;
}

ul#filemenu li, ul#submenu li {
	margin-bottom: 5px;
}

ul#submenu li a, ul#filemenu li a {
	display: block;
	padding: 3px 1px;
}

li.selected, a.selected {
	background: #E3F4FF;
}

ul#filemenu li.newfiles {
	font-weight: bold;
}

ul#usermenu {
	float: right;
}

ul#usermenu li {
	display: inline;
	margin-left: 10px;
}

ul#usermenu li a {
	padding: 3px 5px;
}

ul.submenutabs {
	clear: both;
	margin-bottom: 50px;
}

ul.submenutabs li {
	float: left;
}

ul.submenutabs li.selected, ul.submenutabs li.selected a {
	background: #E3F4FF;
}

ul.submenutabs li a {
	border-right: 1px #82D1FC solid;
	padding: 5px;
}

/* -------------/
 TAULUKOT 
------------ */

table {
	border-collapse: collapse;
	clear: both;
	margin-bottom: 20px;
	margin-top: 15px;
	width: 100%;
}

table th {
	border-bottom: 1px #82D1FC solid;
	color: #09f;
	font-weight: normal;
	padding: 4px;
	text-align: left;
}

table th a.sortdown {
	background: url(../img/ui/btn_sort_down.png) center right no-repeat;
	padding-right: 15px;
}

table th a.sortup {
	background: url(../img/ui/btn_sort_up.png) center right no-repeat;
	padding-right: 15px;
}

table td {
	border-bottom: 1px #82D1FC solid;
	padding: 4px;
}

table td.activateform {
	background: #FFFF99;
}

table tr.activaterow {
	background: #FFFF99;
}

table tr.activaterow td {
	border-bottom: none;
} 

table tr.newfile {
	font-weight: bold;
}

td.doc {
	background: url(../img/ui/ico_doc.gif) center left no-repeat;
	padding-left: 18px;
}

td.pdf {
	background: url(../img/ui/ico_pdf.gif) center left no-repeat;
	padding-left: 18px;
}

td.ppt {
	background: url(../img/ui/ico_ppt.gif) center left no-repeat;
	padding-left: 18px;
}

td.txt {
	background: url(../img/ui/ico_txt.gif) center left no-repeat;
	padding-left: 18px;
}

td.xls {
	background: url(../img/ui/ico_xls.gif) center left no-repeat;
	padding-left: 18px;
}

/* -------------/
 KUVAT 
------------ */

/* -------------/
 LOMAKKEET 
------------ */

form {
	clear: both;
	margin-bottom: 10px;
}

form.addform {
	border-top: 1px #82D1FC solid;
	border-bottom: 1px #82D1FC solid;
	float: left;
	margin: 10px 0 0 0;
	padding: 10px 0;
	width: 695px;
}

fieldset {
	border: 1px #82D1FC solid;
	width: 300px;
}

form.category {
	margin-bottom: 0;
}

input, textarea, select {
	margin-bottom: 5px;
	width: 250px;
}

form.category input, form.category select, input.chkrad  {
	margin-bottom: 0;
}

input.inputbtn, input.chkrad {
	width: auto;
}

/* -------------/
 NAPPULAT 
------------ */

div.addbtn {
	float: right;
	font-size: 0.9em;
	margin-left: 10px;
	text-align: center;
}

div.addbtn a {
	color: #000;
}

div.addbtn a:hover {
	background: none;
}

div.addbtn img {
	margin-bottom: 5px;
}

/* -------------/
 UUTISET 
------------ */

div.newsitem {
	float: left;
	border-bottom: 3px #82D1FC solid;
	padding: 10px 0;
}

div.newsitem p.date {
	float: right;
	color: #999;
}

div.newsitem h3 {
	color: #999;
	font-weight: normal;
	margin-bottom: 15px;
}

div.newsitem img {
	margin: 0 10px 10px 0;
}

/* -------------/
 SEKALAISTA 
------------ */

div.errormsg {
	background: #CC0000;
	clear: both;
	color: #fff;
	font-weight: bold;
	padding: 5px;
	width: 300px;
}

div.thumbnailwrap {
	border: 1px #82D1FC solid;
	float: left;
	height: 190px;
	margin-top: 20px;
	margin-right: 10px;
	overflow: hidden;
	padding: 5px;
	text-align: center;
	width: 150px;
}

div.thumbnail {
	height: 150px;
}

div.thumbnailbtns {
	float: left;
	overflow: hidden;
	width: 150px;
}

div.pdf {
	background: url(../img/ui/ico_pdf.gif) center center no-repeat;
}