/* GENERAL */
BODY{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	color: #585858;
	line-height: 16px;
	margin-top: 0px;
	text-decoration: none;
	background-color: #ffffff;
}

BODY.print{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	color: #585858;
	margin: 5px;
	text-decoration: none;
	background-color: #FFFFFF;
}

input {
	padding: 2px 3px 2px 5px;
	font-size: 10px;
	color: #6e6e6e;
	font-family: Tahoma, Arial, Verdana;
	border: solid 1px #c7c7c7;
	background-image: url(../../images/joints/kenttatausta.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

input.button {
	display: inline;
	border: 1px solid #ca210a;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	padding-left: 12px;
	padding-right: 12px;
}

select {
		height: 18px;
		width: 135px;
		font-size: 10px;
		color: #6e6e6e;
		line-height: 17px;
		border: solid 1px #b8b8b8;
}

.textboxstyle{
	border: none;
	background-color: #FFFFFF;
	width: 140px;
	font-size: 10px;
	padding: 1px 3px 0px 0px;
	background-image: none;
	color: #6e6e6e;
}

FORM{
	margin:0px;
	padding:0px;
}

INPUT.textfield{
	background-color: #FFFFFF;
	border: 1px solid #c2c2c2;
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	padding: 0.2em;
}

TEXTAREA{
	background-color: #FFFFFF;
	border: solid 1px #c2c2c2;
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	padding: 0.2em;
}

.feedbackform {
	font-family: Tahoma, Verdana, Arial, sans-serif;
}
.feedbackform input, .feedbackform textarea {
	display: block;
	margin-top: 2px;
	border: none;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #5d5d5d;
	font-size: 11px;
	background-color: #e9e9e9;
	background-image: url(../../images/joints/palautekentta_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 6px;
	padding-left: 12px;
	overflow: hidden;
}
.feedbackform textarea {
	background-image: url(../../images/joints/palautekentta_02.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.feedbackform input.button {
	display: inline;
	border: 1px solid #ca210a;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffc209;
	background-color: #ca210a;
	background-image: none;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

TD{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	line-height: 16px;
}

a:link    { color: #ca210a; font-weight: normal; text-decoration: underline; }
a:visited { color: #ca210a; font-weight: normal; text-decoration: underline; }
a:hover   { color: #ca210a; font-weight: normal; text-decoration: underline; }


TD.tuotelaatikko{
	border: solid 1px #e1e1e1;
}
TD.tuoteotsikko{
	background-color: #eeeeee;
	padding: 2px;
}
A.tuoteotsikko{
	font-size: 11px;
	font-weight: bold;
}

A.tuoteotsikko:link    { color: #ca210a; text-decoration: none; }
A.tuoteotsikko:visited { color: #ca210a; text-decoration: none; }
A.tuoteotsikko:hover   { color: #cd5d4e; text-decoration: none; }

TD.tuotekuva{
	padding: 5px;
}


/* GENRERAL LAYOUT STUFF */
TD.layout_content{
	background-color: #FFFFFF;
	border-left: solid 31px #eeeeee;
}

TD.layout_content2{
	padding: 24px;
	padding-top: 30px;
	padding-bottom: 30px;
}

TD.layout_topbar {
	background-image: url(../../images/joints/top_bar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

TD.layout_ylareuna {
	background-image: url(../../images/joints/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-right: 10px;
}

TD.layout_bottombar{
	background-image: url(../../images/joints/bottom_bar.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #d9d9d9;
	padding-left: 31px;
	padding-right: 12px;
	padding-bottom: 30px;
	padding-top: 10px;
}
TD.layout_bottombar_yhttiedot{
	color: #6e6e6e;
	font-size: 14px;
	line-height: 20px;
}

.message_info {
	border: 2px dashed #f07065;
	margin: 15px;
	padding: 10px;
	font-size: 10px;
	font-weight: bold;
}

.message_error {
	border: 2px dashed #e42713;
	margin: 15px;
	padding: 10px;
	font-size: 10px;
	font-weight: bold;
}

/* CLOCK */
TD.clock	{
	font-weight: bold;
	color: #585858;
	white-space: nowrap;
}
#clock	{
	font-weight: bold;
	color: #585858;
	border: 0px;
	background-color: #FFFFFF;
}

TD.login, TD.login A {
	color: #f06d62;
	font-weight: bold;
	white-space: nowrap;
}

/* GENERAL MENU STUFF FOR ALL MENUS */
TD.menu_bg	{
	background-image: url(../../images/joints/menu_bar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-right: 10px;
}

/* DOMMENU */
/* Default Style */
DIV.domMenu_menuBar {
	padding-left: 0px;
	padding-right: 0px;
}

DIV.domMenu_menuElement {
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
	padding-left: 27px;
	padding-right: 39px;
	padding-top: 8px;
	text-transform: uppercase;
	height: 23px;
	background-image: url(../../images/joints/bullet.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

DIV.domMenu_menuElementHover {
	background-color: #ca210a;
	background-image: url(../../images/joints/bullet_h.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

DIV.domMenu_subMenuBar {
    border: solid 1px #ffffff;  
	border-bottom: none;
	margin-top: 1px;
}

DIV.domMenu_subMenuElement {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: normal;
	border-bottom: solid 1px #ffffff;
	background-color: #e65a4b;
	color: #ffffff;
	padding: 4px;
	padding-left: 27px;
	padding-right: 20px;
	background-image: url(../../images/joints/alivalitausta.gif);
	background-repeat: repeat-x;
	background-position: top;
}

DIV.domMenu_subMenuElementHeading {
    font-weight: bold;
	text-align: right;
}

DIV.domMenu_subMenuElementHover {
    background-color: #ca210a;
}

/* PAGETITLES */
TD.pagetitle{
	font-size: 12px;
	font-weight: bold;
	color: #e42713;
}

TD.pagetitle_text{
	font-size: 12px;
	font-weight: bold;
	color: #e42713;
}

A.pagetitle_back{
	font-size: 11px;
}

A.pagetitle_back:link    { color: #585858; font-weight: normal; text-decoration: none; }
A.pagetitle_back:visited { color: #585858; font-weight: normal; text-decoration: none; }
A.pagetitle_back:hover   { color: #8c8c8c; font-weight: normal; text-decoration: none; }

/* where pagetitle is link (gallery etc) */
A.pagetitle_link{
	font-size: 12px;
}

A.pagetitle_link:link    { color: #e42713; font-weight: bold; text-decoration: none; }
A.pagetitle_link:visited { color: #e42713; font-weight: bold; text-decoration: none; }
A.pagetitle_link:hover   { color: #e42713; font-weight: bold; text-decoration: none; }

/* NAVIGATION */
A.navigation{
	font-size: 10px;
}
A.navigation:link    { color: #f06d62; font-weight: normal; text-decoration: none; }
A.navigation:visited { color: #f06d62; font-weight: normal; text-decoration: none; }
A.navigation:hover   { color: #f06d62; font-weight: normal; text-decoration: none; }

TD.pagenumber{
	padding: 1px 2px 1px 2px;
}

A.pagenumber{
	font-size: 10px;
}

A.pagenumber:link    { color: #ca210a; font-weight: normal; text-decoration: none; }
A.pagenumber:visited { color: #ca210a; font-weight: normal; text-decoration: none; }
A.pagenumber:hover   { color: #ca210a; font-weight: normal; text-decoration: none; }

TD.pagenumber_selected{
	font-weight: bold;
	padding: 1px 2px 1px 2px;
}

A.pagenumber_selected{
	font-size: 10px;
}

A.pagenumber_selected:link    { color: #f06d62; font-weight: bold; text-decoration: none; }
A.pagenumber_selected:visited { color: #f06d62; font-weight: bold; text-decoration: none; }
A.pagenumber_selected:hover   { color: #f06d62; font-weight: bold; text-decoration: none; }

/* ARTICLES */
TD.artic_list{
	color: #585858;
	padding: 18px 25px 18px 25px;
}

A.artic_list_title{
}
A.artic_list_title:link			{color: #ca210a; font-weight: normal; text-decoration: none;}
A.artic_list_title:active		{color: #ca210a; font-weight: normal; text-decoration: none;}
A.artic_list_title:visited		{color: #ca210a; font-weight: normal; text-decoration: none;}
A.artic_list_title:hover		{color: #cd5d4e; font-weight: normal; text-decoration: none;}

A.artic_readmore{
}
A.artic_readmore:link		{color: #8d8d8d; font-weight: normal; text-decoration: none;}
A.artic_readmore:visited	{color: #8d8d8d; font-weight: normal; text-decoration: none;}
A.artic_readmore:hover		{color: #6e6e6e; font-weight: normal; text-decoration: none;}

TD.artic_title	{
	font-size: 11px;
	font-weight: bold;
	color: #f06d62;
}

A.artic_title{
	font-size: 11px;
}

A.artic_title:link			{color: #f06d62; font-weight: bold; text-decoration: none;}
A.artic_title:active		{color: #f06d62; font-weight: bold; text-decoration: none;}
A.artic_title:visited		{color: #f06d62; font-weight: bold; text-decoration: none;}
A.artic_title:hover			{color: #cd5d4e; font-weight: bold; text-decoration: none;}

/* FRONTPAGE ARTICLES */
TD.index_artic_heading{
	font-weight: bold;
	font-size: 16px;
	color: #f06d62;
	padding-top: 10px;
	padding-bottom: 15px;
}

/* FRONTPAGE RIGHT PANEL*/
TD.index_rightpanel	{
	background-color: #e9e9e9;
}

TD.index_rightpanel_content	{
	padding: 10px;
	line-height: 14px;
	font-size: 10px;
	color: #585858;
}

TD.index_rightpanel_content_02	{
	padding: 10px;
	line-height: 14px;
	font-size: 10px;
	color: #585858;
	background-color: #d9d9d9;
}

A.index_rightpanel_link{
	font-size: 10px;
}

A.index_rightpanel_link:link		{color: #ca210a; font-weight: bold; text-decoration: none;}
A.index_rightpanel_link:active		{color: #ca210a; font-weight: bold; text-decoration: none;}
A.index_rightpanel_link:visited		{color: #ca210a; font-weight: bold; text-decoration: none;}
A.index_rightpanel_link:hover		{color: #d56151; font-weight: bold; text-decoration: none;}

/* GALLERY */
A.gallery_folder{
	font-size: 10px;
}

A.gallery_folder:link    { color: #ca210a; font-weight: normal; text-decoration: none; }
A.gallery_folder:visited { color: #ca210a; font-weight: normal; text-decoration: none; }
A.gallery_folder:hover   { color: #ca210a; font-weight: normal; text-decoration: none; }

A.gallery_image{
	font-size: 10px;
}

A.gallery_image:link    { color: #585858; font-weight: normal; text-decoration: none; }
A.gallery_image:visited { color: #585858; font-weight: normal; text-decoration: none; }
A.gallery_image:hover   { color: #828282; font-weight: normal; text-decoration: none; }

TD.gallery_pic_title{
	font-size: 11px;
	font-weight: bold;
	color: #ca210a;
	padding: 2px 2px 2px 3px;
}

/* SEARCH */

TD.search_sectiontitle	{
	background-color: #eeeeee;
	border: 1px solid #e1e1e1;
	font-weight: bold;
	color: #f06d62;
}

A.search_result{
	font-size: 11px;
}

A.search_result:link    { color: #ca210a;; font-weight: normal; text-decoration: none; }
A.search_result:visited { color: #ca210a;; font-weight: normal; text-decoration: none; }
A.search_result:hover   { color: #cd5d4e; font-weight: normal; text-decoration: none; }

/* SITEMAP */
A.sitemap_link{
	font-size: 11px;
}

A.sitemap_link:link    { color: #ca210a;; font-weight: normal; text-decoration: none; }
A.sitemap_link:visited { color: #ca210a;; font-weight: normal; text-decoration: none; }
A.sitemap_link:hover   { color: #cd5d4e; font-weight: normal; text-decoration: none; }

/* LINKS-MODULE */
a.lh_kategoria {
	font-size: 11px;
	text-decoration: none;
}

a.lh_kategoria:link    { color: #f06d62; font-weight: bold; text-decoration: none; }
a.lh_kategoria:visited { color: #f06d62; font-weight: bold; text-decoration: none; }
a.lh_kategoria:hover   { color: #ca210a;; font-weight: bold; text-decoration: none; }

a.lh_url_nakyva {
	font-size: 10px;
}

a.lh_url_nakyva:link    { color: #585858; font-weight: normal; text-decoration: none; }
a.lh_url_nakyva:visited { color: #585858; font-weight: normal; text-decoration: none; }
a.lh_url_nakyva:hover   { color: #828282; font-weight: normal; text-decoration: underline; }

/* GUESTBOOK */
TD.gb_topic{
	background-color: #eeeeee;
	border: solid 1px #cbcbcb;
	color: #ca210a;
	font-size: 11px;
	padding: 2px 2px 2px 3px;
}

TD.gb_content{
	color: #585858;
	font-size: 11px;
	padding: 1px 1px 5px 3px;
}

TD.gb_sign_guestbook{
	border: 1px solid #cbcbcb;
	background-color: #eeeeee;
	color: #ca210a;
	padding: 2px 5px 2px 5px;
}

A.gb_sign_guestbook{
	font-size: 11px;
}

A.gb_sign_guestbook:link    { color: #ca210a; font-weight: bold; text-decoration: none; }
A.gb_sign_guestbook:visited { color: #ca210a; font-weight: bold; text-decoration: none; }
A.gb_sign_guestbook:hover   { color: #ca210a; font-weight: bold; text-decoration: none; }

/* FORUM */
A.forum_cattree_link{	/* exp. forum >> category*/
	font-size: 11px;
}

A.forum_cattree_link:link    { color: #ca210a; font-weight: bold; text-decoration: none; }
A.forum_cattree_link:visited { color: #ca210a; font-weight: bold; text-decoration: none; }
A.forum_cattree_link:hover   { color: #ca210a; font-weight: bold; text-decoration: none; }

TD.forum_cat_topic{		/* on forum frontpage*/
	border: 1px solid #cbcbcb;
	background-color: #eeeeee;
	color: #f06d62;
	padding: 2px 5px 2px 5px;
	font-weight: bold;
}

TD.forum_cat_bg{		/* bg of category-topic*/
	border: 1px solid #cbcbcb;
	background-color: #eeeeee;
	color: #585858;
	padding: 2px 5px 2px 5px;
	height: 50px;
}

TD.forum_cat_name{		/* category name on frontpage cat-list */
	background-color: #ffffff;
	color: #585858;
	padding: 2px 5px 2px 5px;
}

A.forum_cat_link{		/* category link*/
	font-size: 11px;
}

A.forum_cat_link:link    { color: #ca210a; font-weight: bold; text-decoration: none; }
A.forum_cat_link:visited { color: #ca210a; font-weight: bold; text-decoration: none; }
A.forum_cat_link:hover   { color: #ca210a; font-weight: bold; text-decoration: none; }

TD.forum_cat_info{		/* info of category (total messages) */
	color: #585858;
	padding: 2px 5px 2px 5px;
}

TD.forum_msglist_topic{		/* topic, nickname, total replies */
	font-size: 11px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding: 2px 2px 2px 2px;
}

TD.forum_msglist_1{		/* msg list where user has selected category line 1 */
	font-size: 11px;	
	color: #585858;
}

TD.forum_msglist_2{		/* msg list where user has selected category line 2 */
	font-size: 11px;	
	color: #585858;
	background-color: #dcdbe1;
}

TD.forum_msgtree_topic{		/* topic, nickname, total replies */
	font-size: 11px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding: 2px 2px 2px 2px;
}

TD.forum_msgtree_1{		/* msg tree under chosen message line 1 */
	font-size: 11px;	
	color: #585858;
	padding:2px;
}

TD.forum_msgtree_2{		/* msg tree under chosen message line 2 */
	font-size: 11px;	
	color: #585858;
	background-color: #dcdbe1;
	padding:2px;
}

A.forum_msg_link{		/* link to message */
	font-size: 11px;
}

A.forum_msg_link:link    { color: #585858; font-weight: bold; text-decoration: none; }
A.forum_msg_link:visited { color: #585858; font-weight: bold; text-decoration: none; }
A.forum_msg_link:hover   { color: #828282; font-weight: bold; text-decoration: none; }

A.forum_msg_link_selected{	/* link to message (selected message) */
	font-size: 11px;
}

A.forum_msg_link_selected:link    { color: #ca210a; font-weight: bold; text-decoration: none; }
A.forum_msg_link_selected:visited { color: #ca210a; font-weight: bold; text-decoration: none; }
A.forum_msg_link_selected:hover   { color: #ca210a; font-weight: bold; text-decoration: none; }

TD.forum_msg_bg	{ /* open message whole cell bg*/
	background-color: #ffffff;
	border: 1px solid #999999;
	padding: 0px;
}

TD.forum_msg_topic	{	/* open message topic */
	background-color: #eeeeee;
	font-size: 11px;	
	font-weight: bold;
	color: #ca210a;
	padding: 2px 2px 2px 2px;
}

TD.forum_msg_info	{	/* open message info (nickame, time) */
	background-color: #eeeeee;
	font-size: 10px;
	font-weight: bold;
	color: #585858;
	padding: 2px 2px 2px 2px;
}

TD.forum_msg_content{		/* open message content */
	font-size: 11px;
	color: #585858;
	padding: 2px 2px 2px 2px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

TD.forum_msg_functions	{	/* bg of reply to message, inform of bad message */
	background-color: #eeeeee;
	padding: 2px 3px 2px 3px;
}

A.forum_msg_function{		/* reply to message, inform of bad message*/
	font-size: 11px;
}

A.forum_msg_function:link    { color: #ca210a;	font-weight: bold;	text-decoration: none; }
A.forum_msg_function:visited { color: #ca210a;	font-weight: bold;	text-decoration: none; }
A.forum_msg_function:hover   { color: #ca210a;	font-weight: bold;	text-decoration: none; }

TD.forum_add_new{		/* bg of add new topic or message */
	border: 1px solid #cdcdd5;
	background-color: #eeeeee;
	color: #ca210a;
	padding: 2px 5px 2px 5px;
}

A.forum_add_new{	/* add new topic or message */
	font-size: 11px;
}

A.forum_add_new:link    { color: #ca210a; font-weight: bold; text-decoration: none; }
A.forum_add_new:visited { color: #ca210a; font-weight: bold; text-decoration: none; }
A.forum_add_new:hover   { color: #ca210a; font-weight: bold; text-decoration: none; }

TD.forum_form_topic{		/* topic of form of new message or topic */
	border: 1px solid #cdcdd5;
	background-color: #eeeeee;
	color: #ca210a;
	padding: 2px 2px 2px 5px;
	font-weight: bold;
}

/* KAMERAT */
div.slideshow {
        position: relative;
        width: 99%;
        background: #fdfff8 url('../../images/joints/play_tr.jpg') no-repeat top right;
        border: 1px solid #585858;
}

div.topbar {
        background: url('../../images/joints/play_tl.jpg') no-repeat top left;

        height: 23px;
        margin-bottom: 5px;
}

.showimage {
        width: 100%;

}

.showinfo {
        margin-left: 10px;
        font-weight: bold;
        font-size: 12px;
}

.showcontent td {
        vertical-align: top;
}

.showmenu {
        padding-left: 10px;
        padding-top: 18px;
        width: 170px;
}

.slideshow .windowbuttons {
        position: absolute;
        top: 5px;
        right: 5px;
}

.slideshow .controls {
        clear:both;
        position: relative;
        background: url('../../images/joints/play_br.jpg') no-repeat bottom right;
        margin-top: -10px;
        padding-left: 7px;
}

.slideshow .controls .buttons {
        position: relative;
        background: url('../../images/joints/play_bl.jpg') no-repeat bottom left;
        margin-left: -7px;
        padding-left: 5px;
        height: 34px;

}

.slideshow .controls .buttons img {
        position: relative;
        top: 2px;
        margin-left: -3px;
        margin-top: 2px;
}

.slideshow .controls .zoom {
        position: absolute;
        left: 230px;
        top: 11px;
        font-weight: bold;
        white-space: nowrap;
}
.slideshow .controls .zoom img {
        margin: 0px;
}

div.calendarbox {
        position: relative;
        border: 1px solid #cdcdd5;
        background: #eeeeee;
        width: 145px;
        padding: 1px;
        text-align: center;
}

.curdate {
        background: #bdbbc4;
        margin-bottom: 1px;
}

table.calendar {
    border-collapse:collapse
}

table.calendar th {
    color: #585858;
    font-weight: bold;
	background: #cbcbcb;
}
table.calendar td {
    border: solid 1px #eeeeee;
    padding:2px;
	cursor: pointer;
}

.othermonth {
    color: #a8a8a8;
    background-color: #c8c3d3;
}

.thismonth {
    background-color: #ffffff;
}
.picday {
    background-color: #bab7cb;
}


.today {
    background: #ffc561;
}

.selected, .weekselected {
        background: #cecde4;
}

.week {
        background: #cbcbcb;
}

.datelink {
        text-decoration: none;
        color: #ca210a;
        font-weight: bold;
        font-size: 11px;
}

/* KAMERAT LOPPUU */

.pwdform {
	width: 80%;
	margin: auto;
}

