@import url("reset.css");
@import url("rounder.css");
@import url("dploading.css");
@import url("common.css");
@import url("fireboard.css");

body, div, table {
	font-size: 11px;
	font-family: verdana;
}

body { 
	height: 100%; 
}

html {
	height: 100%;
}

p { 
	/*margin-top: 8px;*/
	margin: 0 0 8px 0;
	line-height: 16px;
}

.borders {
	border: 1px solid #ccc;
	padding: 4px;
}

a { color: #336699; }

h1 {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

h2,h3,h4,h5,h6 { 
	font-weight: bold; 
	font-size: 11px;
        padding-bottom: 8px;
}

hr {
	background-color: #eaeaea;
	border: none;
	clear: both;
	height: 1px;
}

.contentpaneopen ul {
	list-style-type: disc;
	margin: 0 0 18px 18px;
}

.contentpaneopen ul ul, .contentpaneopen ul ul ul, .contentpaneopen ul ul ul ul, .contentpaneopen ul ul ul ul ul,
.contentpaneopen ul ul ul ul ul ul, .contentpaneopen ul ul ul ul ul ul ul, .contentpaneopen ul ul ul ul ul ul ul ul {
	margin-bottom: 0;
}

.contentpaneopen ol {
	list-style-type: decimal;
	margin: 0 0 18px 24px;
}

.contentpaneopen ol ol, .contentpaneopen ol ol ol, .contentpaneopen ol ol ol ol, .contentpaneopen ol ol ol ol ol,
.contentpaneopen ol ol ol ol ol ol, .contentpaneopen ol ol ol ol ol ol ol, .contentpaneopen ol ol ol ol ol ol ol ol {
	margin-bottom: 0;
}

.contentpaneopen li { padding: 1px 0; }

.blue {
	color: #336699;
}

.clearboth { clear: both; }

.boxheader {
	text-transform: uppercase;
	padding: 0 0 0 15px;
	font-size: 10px;
	color: #000;
}

.boxheader a { color: #000; }
.boxheader  a:hover{ text-decoration: underline !important; }
.outer_container {
	width: 1026px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	min-height: 100%;
}

.container {
	width: 880px;
	height: 100%;
	min-height: 100%;
	background-image: url('../images/contbg.png');
	background-repeat: repeat-y;
}

#topbar {
	height: 35px;
	background-image: url('../images/topbar_bg.png');
	background-repeat: repeat-x;
	width: 860px; /* 880px */
	margin-left: auto;
	margin-right: auto;
	/*overflow: hidden;*/
}

#topbar .leftbg {
	height: 100%;
	background-image: url('../images/topbar_left.png');
	background-position: top left;
	background-repeat: no-repeat;
}

#topbar .rightbg {
	height: 100%;
	background-image: url('../images/topbar_right.png');
	background-position: top right;
	background-repeat: no-repeat;
	padding-left: 11px;
}

#topbar .formtitle {
	float: left;
	margin-top: 11px;
	margin-right: 5px;
	font-size: 9px;
	color: #7f7f7f;
}

#topbar .forminput {
	float: left;
	margin-top: 8px;
	padding-right: 8px;
}

#topbar .forminput input {
	width: 93px;
	padding: 1px;
	height: 15px;
	border: 1px solid #d4d5cf;
}

#topbar .less_rightmargin {
	padding-right: 6px;
}

#topbar .loginbtn {
	float: left;
}

#topbar .loginbtn input {
	background-color: #e6e5e9;
	border: 1px solid #ddddd9;
	color: #585858;
	float: left;
	font-family: verdana,arial;
	font-size: 9px;
	margin-left: 3px;
	overflow: visible;
	padding: 1px 0 2px 0;
	margin-top: 8px;
}

#topbar .loginhelp {
	float: left;
}

#topbar .loginhelp {
	float: left;
	margin: 11px 5px 0 13px;
	font-size: 9px;
	color: #a9582f;
}

#topbar .loginhelp a {
	color: #a9582f;
	text-decoration: none;
}

#topbar .langlinks {
	float: right;
}

#topbar .langlinks ul {
	list-style-type: none;
	margin-right: 9px;
}

#topbar .langlinks a {
	color: #808080;
}

#topbar .langlinks, #topbar .langlinks a.active {
	color: #cfcfcf;
}

#topbar .langlinks li {
	float: left;
	padding-left: 11px;
	font-size: 9px;
	margin-top: 11px;
}

.topimg {
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 13px;
	background-color: #fff;
	position: relative;
}

.hvv_logo {
	position: absolute;
	right: -67px;
	padding-top: 14px;
	z-index: 100;
}

#topmenu {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	background-image: url('../images/topmenu_bg.png');
	height: 32px;
}

#topmenu .leftbg {
	background-image: url('../images/topmenu_lbg.png');
	background-position: top left;
	background-repeat: no-repeat;
	height: 100%;
}

#topmenu .rightbg {
	background-image: url('../images/topmenu_rbg.png');
	background-position: top right;
	background-repeat: no-repeat;
	height: 100%;
}

#topmenu ul {
	list-style-type: none;
	margin-left: 12px;
}

#topmenu li {
	float: left;
	padding: 0 11px 0 14px;
	font-family: "Times New Roman",serif;
	font-size: 11px;
	font-weight: bold;
	background-image: url('../images/topnavi_bg.png');
	background-repeat: no-repeat;
	background-position: 0 2px;
	letter-spacing: 1px;
}

#topmenu li a {
	color: #000;
}

#topmenu li a.active_menu {
	color: #663333;
}

#topmenu .search {
	float: right;
	margin-top: 6px;
	#margin-top: 4px;
	padding-right: 18px;
}

#topmenu input.searchword {
	height: 16px;
	border: 1px solid #888;
	width: 136px;
	padding: 1px;
}
#topmenu .searchbtn input {
	background-color: #e0dfe3;
	border: 1px solid #888;
	color: #666;
	font-family: verdana, arial;
	font-size: 11px;
	overflow: visible;
	height: 20px;
	float: left;
	#margin-top: 1px;
	margin-left: 3px;
	padding: 0 5px 3px 5px;
}

#topmenu div.searchword {
	float: left;
}

#topmenu div.searchbtn {
	float: left;
}


#topmenu .toplinks_cont {
	margin-top: 9px;
	text-transform: uppercase;
	width: 643px;
	float: left;
}

.maincont { 
	width: 846px; 
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	padding-left: 5px;
	padding-right: 5px;
}

#breadcrumb {
	padding-top: 6px;
	padding-left: 11px;
	font-size: 10px;
	margin-bottom: 9px;
	font-family: arial, verdana;
	/*font-style: italic;*/
	color: #993300;
}

#breadcrumb a {
	color: #999;
}

#breadcrumb ul {
	list-style-type: none;
	margin: 0;
}

#breadcrumb li {
	float: left;
	padding-right: 4px;
	font-size: 10px;
}

.colholder {
	padding-bottom: 10px;
}

.leftcol {
	float: left;
	width: 216px;
	padding: 0 17px 10px 0;
	padding-top: 0 !important;
}

.middle_round_cont, .right_round_cont {
	padding: 12px 13px;
}

.leftcol li {
	font-weight: bold;
	padding: 8px 0 11px 0;
	background-image: url('../images/leftnavi_bg.gif');
	background-position: bottom left;
	background-repeat: repeat-x;
}

.leftcol li li, .leftcol li li li {
	background-image: none;
}

.leftcol ul ul, .leftcol ul ul ul {
	margin-top: 5px;
}

.leftcol li li, .leftcol li li li {
	padding: 4px 0 4px 10px !important;
	font-weight: normal;
}

.leftcol li  a {
	display: block;
	color: #333;
	width: 100%;
	/*letter-spacing: 1px;*/	
}

.leftcol li a.active_menu {
	color: #990000;
}

.leftcol li li a.active_menu, .leftcol li li li a.active_menu {
	font-weight: bold;
}

.leftcol ul {
	list-style-type: none;
}

.leftcol .leftcol_cont {
	padding: 9px 15px 4px 15px;
}

.leftcol .rmbtmborder {
	background-color: #f5f6f1;
	height: 2px;
	position: relative;
	top: -2px;
}
.leftcol .rmbtmborder2 {
	background-color: #ffb1f1;
	height: 2px;
	position: relative;
	top: -2px;
}

.middlecol {
	float: left;
	width: 603px;
	/*overflow: hidden;*/
}

* html .middlecol {
	overflow: hidden;
}

.middlecol .lead {
	font-size: 13px;
	line-height: 16px;
}

.sitenavi_lbg {
	background-image: url('../images/sitenavi_lbg.png');
	background-position: top left;
	background-repeat: repeat-y;
}

#sitenavi {
	background-image: url('../images/sitenavibg.png');
	background-position: top left;	
	width: 850px;
	margin-left: auto;
	margin-right: auto;
}
/* This for IE */
#sitenavi {
	height: 300px;
}
/*this for others */
#sitenavi[id] {
	height: auto;
	min-height: 300px;
}

#sitenavi .sitenavi_tbg {
	background-image: url('../images/sitenavi_tbg.png');
	background-position: top left;
	background-repeat: repeat-x;
}

#sitenavi .sitenavi_lc {
	background-image: url('../images/sitenavi_lcbg.png');
	background-position: top left;
	background-repeat: no-repeat;
	height: 100%;
}

#sitenavi .sitenavi_rc {
	background-image: url('../images/sitenavi_rcbg.png');
	background-position: top right;
	background-repeat: no-repeat;
	height: 100%;
}

#sitenavi .contact_info {
	padding: 18px 0 0 25px;
/* 	color: #adacac; */
	color: #666666;
}

#sitenavi .naviholder {
	float: left;
	margin-right: 40px;
	width: 160px;
}

#sitenavi .linksholder  {
	margin-top: 28px;
	width: 800px;
	overflow: hidden;
}

#sitenavi .linkscont {
	padding-left: 25px;
	width: 800px;
}

#sitenavi a.sitemap_toplevel {
	color: #666 !important;
	text-transform: uppercase;
	text-decoration: underline;
}

#sitenavi .linksholder a {
/* 	color: #adacac; */
}

#sitenavi .linksholder li {
	padding-bottom: 4px;
}

#sitenavi .linksholder li ul {
	margin-top: 5px;
	margin-bottom: -5px;
}

#sitenavi .linksholder li li li, #sitenavi .linksholder li li li li {
	padding-left: 3px;
}

.whitebg {
	background-color: #fff;
}

.flatbtn {
	background-color: #e0dfe3;
	border: 1px solid #888;
	color: #666;
	font-family: verdana, arial;
	font-size: 11px;
	font-weight: bold;
	margin: 6px 0px;
	overflow: visible;
	padding: 3px 7px;
}

.answerbtn {
	background-color: #e0dfe3;
	border: none;
	border: 1px solid #d4d5cf;
	color: #000;
	font-family: verdana, arial;
	font-size: 10px;
	margin: 6px 0px;
	overflow: visible;
	padding: 1px 7px;
}

.contentheading, .dpcomponentheading {
	font-weight: bold;
	font-size: 14px;
	color: #333;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.dpregistration td {
	padding-bottom: 6px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

/* Module-css */
.forum_msg, .fmarket_msg {
	color: #999;
	padding-bottom: 4px;
}

.forum_new_chain, .fmarket_new_chain {
	padding-top: 3px;
	padding-left: 3px;
}

.forum_msg a, .fmarket_msg a {
	color: #993333;
}

.galpicl_holder { 
	margin-right: 10px;
} 
.galpicl_holder, .galpicr_holder { 
	float: left; 
	width: 99px;
	overflow: hidden;
}

.galpicl_holder, .galpicr_holder {
	color: #999;
}

.gal_lpic, .gal_rpic {
	width: 87px;
	border: 2px solid #ccc;
	background-color: #fff;
	padding: 4px;
	margin-bottom: 5px;
	overflow: hidden;
	position: relative;
}

div.galpic_area {
	width: 100%;
	height: 93px;
	overflow: hidden;
	text-align: center;
}

table.galpic_area {
	height: 100%;
	width: 100%;
}

table.galpic_area td {
	vertical-align: middle;
	text-align: center;
}

.gal_add_new_pic { 
	padding-top: 6px;
	clear: both;
	#margin-top: -11px;
}

.fpage_survey {
	color: #666;
	padding-bottom: 9px;
}

.sur_questions {
	margin-top: 3px;
	#margin-top: 0;
}

.sur_questions li { 
	color: #993333;
	padding-bottom: 3px;
	#bottom: 0;
}

.sur_questions li input { width: 18px; }

.answer_btn {
	float: left;
	padding-left: 4px;
}

.view_answers {
	float: right;
	padding-top: 8px;
	padding-right: 17px;
}

/* Uutiset ja tapahtumat */
.news_intro_txt { margin-top: 7px; }

.news_date {
	margin-top: 3px;
	color: #666;
}

.news_date  a { color: #993300; }

.news_title a {
	color: #336699;
	font-weight: bold;
}

.first {
	font-size: 16px;
}

.middlecol .news_cont {
	padding-left: 12px;
}

.news_each {
	background-image: url('../images/news_border.gif');
	background-position: bottom left;
	background-repeat: repeat-x;
	padding-bottom: 11px;
	padding-top: 13px;
	clear: left;
}

.endorsement_each {
	background-image: url('../images/news_border.gif');
	background-position: bottom left;
	background-repeat: repeat-x;
	padding-bottom: 8px;
	padding-top: 8px;
	color: #666;
}

.endorsement_title {
	color: #336699;
}

.endorsement_date { color: #000; }

.endorsement_links, .news_links {
	margin-top: 9px;
	color: #999;
	font-size: 9px;
}

.endorsement_links a, .news_links  a { color: #999; }

#table_listaus_id {
	width: 100%;
	padding-right: 1px;
	padding-left: 1px;
	
}

#table_listaus_id  TH {
	font-weight: bold;
	
}

#table_listaus_id .rivi_0 {
	background-color: #F9F9F9;

}

#table_listaus_id .rivi_1 {
	background-color: #FDFEFF;

}

.mceToolbarTop {
	text-align: left !important;
}

#toolbar .toolbar {
	margin-left: 2px;
} 

.dnor-more {
	padding-top: 10px;
}

.message {
	background-color: #fff;
	border-color: #fbb016;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	margin-bottom: 10px;
	padding: 10px;
}

.fpage_fbmsg {
	padding-bottom: 4px;
	color: #999;
}

.fpage_fbmsg a {
	color: #993333;
}

.dpmygroups_heading {
	margin-top: 10px;
}
.etusivunKuva{
	width: 200px;
}
.yritysLogo{
	width: 120px;
}

/* dpmaterial */
div.tube_icon_holder {
	position: relative;
}

div.tube_icon {
	position: absolute;
	bottom: 7px;
	right: 3px;
	padding: 2px;
	background-color: #fff;
}

.dpmat_mod_thumb_holder {
	position: relative;
}

div.tube_video_icon_abs {
	position: absolute;
	bottom: 7px;
	right: 7px;
	background-color: #fff;
	padding: 2px;
}

.sobi2OikeanreunanKuva{
	text-align: center;
}
/* // dpmaterial */

.dpsearchform td {
	padding-bottom: 8px;
}

td.dpsearchbtn {
	padding-left: 5px;
}

.highlight {
	background-color: #ffffcc;
}

/* mydet */

.leftcol_btm {
	padding: 19px 5px 0 17px; 
}

.btmlinks {
	list-style-type: none;
}

.btmlinks li {
	background-image: none;
	font-weight: normal;
}

.btmlinks li a {
	color: #336699;
}

.btmlinks li {
	padding: 0;
	padding-top: 8px;
}

ul.mydet {
	font-weight: normal;
	margin-bottom: 6px;
}

ul.mydet li {
	font-weight: normal;
	padding-bottom: 15px;
}

ul.mydet li a {
	color: #336699;
	text-transform: uppercase;
	
}

#grouplist_holder {
	float: right;
	padding: 11px 9px 0 0;
	position: relative;
	z-index: 100;
}

#grouplist_holder  a {
	color: #808080;
	font-size: 9px;
}

#grouplist {
	position: absolute;
	z-index: 1000;
	background-color: #fff;
	right: 7px;
	top: 35px;
	width: 200px;
	border-left: 1px solid #c8c9c4;
	border-right: 1px solid #c8c9c4;
	border-bottom: 1px solid #c8c9c4;
	padding: 10px;
	overflow: hidden;
	background-color: #f7f8f3;
	display: none;
}

#grouplist li {
	padding: 3px 0;
}

#grouplist li.dpmygroups_header {
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 10px;
}

#grouplist li a {
	color: #333 !important;
}

#close_glist {
	position: absolute;
	right: 0px;
	top: 38px;
	padding: 10px 17px 0 0;
	z-index: 1001;
	display: none;
}

/* // mydet */

a.fbdb-quick-post-toggle {
	display: block;
	margin-top: 10px !important;
	padding-left: 12px;
}

span.fbdb-full-page a {
	display: block;
	padding-bottom: 5px;
	padding-left: 12px;
}

div.dp_rss_icon {
	float: right;
	padding: 15px 0 0 0;
}
div.adminBox{
	/*background-color: red !important;*/
}
div.modeListHolder{
	clear: both;
	width: 550px;
	margin-left: 20px;
}
div.taloName{
	float: left;
	width: 295px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
div.modetHolder{
	float:left;
	width: 250px;
	clear:right;
	padding-top: 5px;
	padding-bottom: 5px;
}
div.taloMode{
	float: left;
	
}
div.taloRiviHolder{
	width: 550px;
}
div.greyRow{
	background-color: #EAEAEA;
}
div.whiteRow{
	background-color: #FFF;
}

div.application-message p {
margin-bottom: 14px;
line-height: 1.5;
}