@import "editor.css";

body, html {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
        background-color: #999999;
	background-image: url('/media/layout/bg.gif');
	background-repeat: repeat-x;
	background-position: left top;
}

.formTextinput {
	background-color: #ffffff;
	border: solid 1px #7b7b68;
	height: 20px;
	padding: 2px;
}

/* MAIN */

#wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}

#main {
	margin: 0 auto;
	width: 1155px;
	padding-top: 40px;
	position: relative;
}

/* HEADER */

#header {
	float: left;
	width: 123px;
	height: 159px;
	padding: 435px 0px 0px 10px;
	line-height: 100%;
	margin-right: 15px;
	background-image: url('/media/layout/header_bg.gif');
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}

#header #page_link {
	position: absolute;
	width: 133px;
	height: 320px;
	top: 0px;
	left: 0px;
}


#header p {
	font-size: 80%;
}

#header a {
	color: #6e3c14;
}

/* CONTENT */


#mainWrapper {
	float: left;
	width: 1006px;
	margin: 47px 0px 0px 0px;
}

#flags {
	float: left;
	width: 50px;
	height: 26px;
	padding: 0px 0px 0px 5px;
}

#flags ul {
	float: left;
	width: 50px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

#flags ul li {
	float: left;
	width: 20px;
	margin: 0;
	list-style-type: none;
}


#flags ul li.first {
	margin-right: 10px;
}

#flags .languageText {
	display: none;
}


#contentWrapper {
	float: left;
	width: 1006px;
	padding: 14px 0px 30px 0px;
	background-image: url('/media/layout/main_top.gif');
	background-repeat: no-repeat;
	background-position: left top;
}

#contentWrapper1 {
	float: left;
	width: 1006px;
	padding: 0px 0px 9px 0px;
	background-image: url('/media/layout/main_bottom.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
}

#content {
	float: left;
	width: 1006px;
	min-height: 400px;
	padding: 0px 0px 40px 0px;
	margin: 0;
	background-image: url('/media/layout/main_center.gif');
	background-repeat: repeat-y;
	background-position: left top;
}

/* LEFT CONTENT */


#leftColumn {
	float: left;
	width: 252px;
	padding: 0;
	margin: 0px 7px 0px 0px;
}

*html #leftColumn {
	margin: 0px 3px 0px 0px;
}

/* LOGIN */

#login_template, #user_template {
	float: left;
	width: 213px;
	padding: 20px 0px 10px 0px;
}


#login_template .formTextinput {
	background-color: #ffffff;
	border: solid 1px #7b7b68;
	height: 20px;
	padding: 2px;
	width: 150px;
	margin: 5px 0px;
}


/* SEARCH */

#searchWrapper {
	float: left;
	width: 252px;
	margin: 0px;
	padding: 0px 0px 18px 0px;
	background-image: url('/media/layout/search_bg.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
}

#search {
	float: left;
	width: 212px;
	margin: 0px;
	padding: 0px 20px 2px 20px;
	background-image: url('/media/layout/search_center.gif');
	background-repeat: repeat-y;
	background-position: left top;
}

#search .formTextinput {
	background-color: #ffffff;
	border: solid 1px #7b7b68;
	height: 20px;
	padding: 2px;
	width: 210px;
	margin: 5px 0px;
}

.tarkHaku {
	text-decoration: underline;
	font-size: 90%;
	color: #6E3C14;
}

#foldersWrapper {
	float: left;
	width: 253px;
	padding: 14px 0px 0px 0px;
	background-image: url('/media/layout/folders_top.gif');
	background-repeat: no-repeat;
	background-position: left top;
}

#folders {
	float: left;
	width: 213px;
	padding: 0px 20px;
}

.folderName {
	float: left;
	width: 100%;
	color: #f8971d;
	font-size: 140%;
	font-weight: normal;
	padding: 10px 0px;
}

*html .folderName {
	height: 15px;
}

/* RIGHT CONTENT */


#rightColumn {
	float: left;
	width: 747px;
	padding: 0;
	margin: 0;
}

#mainContentWrapper {
	float: left;
	width: 746px;
	padding: 0;
	margin: 0;
}

#mainContent {
	float: left;
	width: 746px;
	padding: 0px 0px 10px 0px;
	margin: 0;
}

#mainContent p, #mainContent h2  {
	margin-left: 10px;
}

#mainContent .mainTitle {
	float: left;
	width: 706px;
	padding: 5px 0px 10px 40px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #faba00;
	line-height: 100%;
	font-size: 150%;
	color: #926d4f;
	font-weight: normal;
	text-transform: uppercase;
}

#files {
	float: left;
	width: 706px;
	padding: 10px 20px 10px 20px;
}

#files ul {
	float: left;
	width: 706px;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#files ul li {
	float: left;
	width: 347px;
	border: solid 2px #f5e5e3;
	padding-bottom: 10px;
}

.thumb {
	float: left;
	width: 320px;
	height: 140px;
	margin: 10px 10px 10px 10px;
	border-bottom: solid 1px #f5e5e3;
}

*html .thumb {
	margin: 10px 5px 10px 5px;
}

.thumb a {
	margin: 0 auto;
	width: 320px;
	height: 140px;
}

.meta {
	float: left;
	width: 320px;
	margin: 10px 10px 10px 10px;
	border-bottom: solid 1px #f5e5e3;
}

*html .meta {
	margin: 10px 5px 10px 5px;
}


.fileName {
	font-size: 120%;
	color: #6E3C14;
}


.lataa {
	float: left;
	width: 327px;
	height: 27px;
	margin: 10px 0px 0px 10px;
}

*html .lataa {
	width: 290px;
	margin: 10px 0px 0px 5px;
}

.download {
	float: left;
	width: 297px;
	height: 23px;
	background-image: url('/media/layout/lataa_bg.gif');
	background-repeat: no-repeat;
	background-position: left top;
	border: 0;
	font-size: 120%;
	color: #6E3C14;
	text-align: left;
	padding: 5px 0px 0px 30px;
	cursor: pointer;
}

.linkTop {
float: left;
width: 100%;
text-align: right;
padding-top: 20px;
}

/* SEACRH */

#searchResults, #advSearch  {
	float: left;
	width: 696px;
	padding: 10px 20px 10px 20px;
}

#advSearch span {
	float: left;
}

#advSearch label {
	float: left;
	width: 696px;
}

#advSearch table td {
	padding: 0px 0px 10px 0px;
}

#advSearch .separator {
	float: left;
	padding: 0px 3px;
}

#advSearch .narrowTextinput {
	float: left;
	width: 30px;
}