/** Copyright 2009 (c) SPYM Oy  */
/** Erkka Kinnunen, www.spym.fi */

@import url('reset.css');
@import url('admin_forms.css');


/*################ TEKSTITYYLIT ################*/

h1, h2, .contentheading, .componentheading, .componentheading_twitter {
	font-family: "Trebuchet MS", Tahoma, Helvetica, Sans Serif;
	font-size: 16px;
	font-weight: normal;
	color: #31559b;
	padding-bottom: 5px;
}

h3 {
	font-family: "Trebuchet MS", Tahoma, Helvetica, Sans Serif;
	font-size: 14px;
	font-weight: normal;
	color: #31559b;
	padding-top: 5px;
	padding-bottom: 2px;
}

h4 {
	font-family: "Trebuchet MS", Tahoma, Helvetica, Sans Serif;
	font-size: 13px;
	font-weight: normal;
	color: #31559b;
	padding-top: 5px;	
	padding-bottom: 2px;	
}

a:link, a:visited {
	color: #31559b;
}

a:hover {
	color: #4a71bc;
}

ul {
	margin: 10px 0px 10px;
	padding-left: 20px;
	list-style-position: outside;
}

ol {
	margin: 10px 0px 10px;
	padding-left: 25px;
	list-style-position: outside;
}

li {
	line-height: 14px;
}

legend {
	font-family: "Trebuchet MS", Tahoma, Helvetica, Sans Serif;
	font-size: 14px;
	font-weight: bold;
	color: #31559b;
}


/*################ LAYOUT ################*/

body {
	line-height: 17px;
	font-family: "Trebuchet MS", Tahoma, Helvetica, Sans Serif;
	font-size: 11px;
	color: #3a3a3a;
	background: url('../images/body_bg.jpg') repeat-x top left;		
}

.body_wrap {
	position: relative;
	width: 933px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto -172px;
}


/** language menu */
.language_menu {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 75px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	z-index: 50;
}
.moduletable_languages {
	position: relative;
	width: 70px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	float: right;	
}
.moduletable_languages ul {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;	
}
.moduletable_languages ul li {
	display: inline;
	height: 35px;
	margin: 0px;
	padding: 0px;	
}
.moduletable_languages ul li a {
	position: relative;
	width: 35px;
	height: 35px;
	float: left;
	margin: 0px;
	padding: 0px;
}
.moduletable_languages ul li a img {
	width: 35px;
	height: 35px;
	margin: 0px;
	padding: 0px;
}
/* mod_jflanguageselection.css disabloitu */



/** sivun ylälaidan logo ja ajankohtaista */
.top {
	clear: both;
	position: relative;
	width: 100%;
	height: 132px;
	margin: 0px;
	padding: 0px;	
}

.moduletable_logo {
	position: relative;
	width: 240px;
	height: 132px;
	margin: 0px;
	padding: 0px;	
	float: left;
}

.news {
	position: relative;
	top: 50px;
	left: 0px;
	width: 600px;
	height: 82px;
	margin: 0px;
	padding: 0px;
	float: right;	
	background: #fff;
}
.news_left{
	width: 100%;
	height: 82px;
	margin: 0px;
	padding: 0px;	
	background: url('../images/news_left.jpg') no-repeat top left;
}

.news_right {
	width: 100%;
	height: 82px;
	margin: 0px;
	padding: 0px;	
	background: url('../images/news_right.jpg') no-repeat top right;	
}
.moduletable_news {
	position: relative;
	left: 60px;
	width: 215px;
	height: 82px;
	margin: 0px;
	padding: 0px;	
	line-height: 14px;
	color: #5f5f5f;
	float: left;
}
.moduletable_news table.contentpaneopen_news {
	position: relative;
	top: 5px;
	left: 10px;
	width: 210px;
	height: auto;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	background #eee;
}
.moduletable_news table.contentpaneopen_news td {
	width: 100%;
	height: 59px;
	cursor: pointer;
}
.moduletable_news table.contentpaneopen_news td.contentheading_news {
	width: 100%;
	height: 16px;
}
.moduletable_news table.contentpaneopen_news:hover {
	color: #3f3f3f;
}
.moduletable_news table.contentpaneopen_news a.contentpagetitle_news {
	font-family: "Trebuchet MS", Tahoma, Helvetica, Sans Serif;
	font-size: 13px;
	color: #f89400;
	text-decoration: none;
}
.moduletable_news table.contentpaneopen_news a.contentpagetitle_news:hover { 
	color: #4a71bc;
}
.moduletable_news table.contentpaneopen_news a.readmore {
	display: none;
}



/** sivun iso banneri */
.header {
	clear: both;
	position: relative;
	width: 100%;
	height: 284px;
}
.moduletable_banner {
	position: relative;
	width: 714px;
	height: 250px;
	float: right;
}


/** päävalikko */
.moduletable_menu {
	position: relative;
	width: 219px;
	height: 250px;
	background: url('../images/navigation_bg.jpg') no-repeat top left;		
	float: right;	
}
.moduletable_menu ul  {
	position: relative;
	top: 18px;
	width: 219px;
	height: 190px;
	margin: 0px;
	padding: 0px;	
	text-align: right;
}
.moduletable_menu ul li {
	position: relative;
	width: 219px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	display: block;
	font-size: 15px;
	list-style-type: none;
}
.moduletable_menu ul li a {
	position: relative;
	z-index: 5;
	width: 219px;
	/*height: 100%;*/
	line-height: 30px;
	margin: 0px;
	padding: 0px;
	padding-right: 70px;	
	font-family: Tahoma, Helvetica, Sans Serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}
.moduletable_menu ul li a span {
	color: #fff;
}
.moduletable_menu ul li:hover {
	background: transparent url('../images/navigation_hover-trans.png');
}
.moduletable_menu ul li.item1 {background: url('../images/icons/menu_icon_etusivu-trans.png') no-repeat 100% 50%;}
.moduletable_menu ul li.item11 {background: url('../images/icons/menu_icon_toiminta-trans.png') no-repeat 100% 50%;}
.moduletable_menu ul li.item3 {background: url('../images/icons/menu_icon_kenelle-trans.png') no-repeat 100% 50%;}
.moduletable_menu ul li.item2 {background: url('../images/icons/menu_icon_ajankohtaista-trans.png') no-repeat 100% 50%;}
.moduletable_menu ul li.item4 {background: url('../images/icons/menu_icon_yhteys-trans.png') no-repeat 100% 50%;}
.moduletable_menu ul li.item9 {background: url('../images/icons/menu_icon_kumppanit-trans.png') no-repeat 100% 50%;}
.moduletable_menu ul li.item12 {background: url('../images/icons/menu_icon_global-trans.png') no-repeat 100% 50%;}


.moduletable_submenu {
	clear: both;
	position: relative;
	width: 933px;
	height: 34px;
	margin: 0px;
	padding: 0px;
	line-height: 34px;
	text-align: left;
}
.moduletable_submenu a {
	position: relative;
	width: auto;
	margin: 0px 10px;
	padding: 0px;
	line-height: 34px;
	font-size: 12px;
	text-decoration: none;
	background: 0 none;
}
.moduletable_submenu a:link {
	color: #5f5f5f;
}
.moduletable_submenu a:visited {
	color: #5f5f5f;
}
.moduletable_submenu a:hover {
	color: #3f3f3f;
}


/** sisäsivujen sisältö */
.container {
	position: relative;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block; 
	overflow: hidden;
}


/** left column */
.leftcolumn {
	position: relative;
	left: 5px;
	min-height: 350px;
	height: auto !important;
	height: 350px;
	float: left;
	background: url('../images/content_shadow.jpg') no-repeat top right;
	z-index: 50;	
}
.leftcolumn.narrow {
	width: 540px;
	background: url('../images/content_shadow.jpg') no-repeat top right;	
}
.leftcolumn.full {
	width: 90%;
	background: 0 none;
}
.leftcolumn .contentpaneopen {
	width: 93%;
	margin-right: 7%;
}
.leftcolumn .contentpaneopen p {
	margin-bottom: 10px
}

/** twitter feed */
.leftcolumn .contentpane_twitter {
	width: 93%;
	margin-right: 7%;
}
.leftcolumn .contentpane_twitter a {
	text-decoration: none;
}
.leftcolumn .contentpane_twitter ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style-position: outside; 
}
.leftcolumn .contentpane_twitter ul li {
	margin-bottom: 10px;
}
.leftcolumn .contentpane_twitter ul li a {
	color: #3a3a3a;
}
.leftcolumn .contentpane_twitter ul li a:hover {
	color: #6e6e6e;
}

.leftcolumn.narrow div.footer {
	width: 540px;
	display: none;	
}


/** right column */
.rightcolumn {
	position: relative;
	left: 5px;	
	width: 383px;
	float: left;
	z-index: 1;		
}
.rightcolumn .col_left, .rightcolumn .col_right {
	position: relative;
	width: 48%;
	height: auto;
	text-align: center;	
	float: left;
	z-index: 1;		
}
.rightcolumn .col_left img, .rightcolumn .col_right img {
	margin-bottom: 7px;
}


/** follow SoL Global on Twitter */
.rightcolumn .col_left .moduletable_twitter {
	position: relative;
	left: 12px;
	width: 180px;
	height: 25px;
	text-align: center;
}
.rightcolumn .col_left .moduletable_twitter img {
	width: 25px;
	height: 25px;
	margin-right: 5px;
	float: left;
}

.rightcolumn .col_left .moduletable_twitter a {
	width: 120px;
	line-height: 22px;
	padding-top: 3px;
	font-size: 12px;
	text-decoration: none;
	float: left;
}
.rightcolumn .col_left .moduletable_twitter a {
	color: #1e86a2;
}
.rightcolumn .col_left .moduletable_twitter a:hover {
	color: #3a3a3a;
}


/** boksit */
.box {
	width: 100%;
	height: auto;
	padding-bottom: 10px;
	display: block;
	overflow: hidden;
}
.box h3 {
	font-size: 16px;
	margin: 15px 10px 5px 5px;
}
.box h3 a {
	text-decoration: none;
}
.box p {
	margin: 0px 10px 5px 5px;
}
.box p:hover {
	color: #6e6e6e;
}
.box .moduletable_box_join {
	position: relative;
	width: 225px;
	float: left;
}
.box .moduletable_box_newsletter {
	position: relative;
	left: 11px;
	width: 225px;		
	float: left;
}
.box .moduletable_box_blog {
	position: relative;
	left: 22px;	
	width: 225px;		
	float: left;
}
.box .moduletable_box_forum {
	position: relative;
	left: 33px;		
	width: 225px;		
	float: left;	
}


/** footer */
.push {
	height: 172px;	
}
.footer_wrap {
	position: relative;
	width: 100%;
	height: 172px;	
	background: url('../images/footer_bg.jpg') repeat-x top left;		
}
.footer {
	position: relative;
	width: 933px;
	height: 143px;
	margin: 0 auto;
	text-align: center;
}

/** footer menu */
.moduletable_footermenu {
	clear: both;
	position: relative;
	top: 28px;	
	width: 745px;
	height: 18px;
	margin: 0 auto;
	text-align: center;
}
.moduletable_footermenu a {
	position: relative;
	line-height: 18px;
	margin: 0px 5px;
	font-size: 13px;
	text-decoration: none;
}
.moduletable_footermenu a:link {
	color: #fff;
}
.moduletable_footermenu a:visited {
	color: #fff;
}
.moduletable_footermenu a:hover {
	color: #363636;
}
.moduletable_footermenu span.mainlevel {
	color: #fff;
}


/** web 2.0 */
.moduletable_web20 {
	clear: both;
	position: relative;
	top: 48px;
	width: 467px;
	height: 48px;
	margin: 0 auto;	
	background: url('../images/web20_bg.jpg') no-repeat top center;			
}
.moduletable_web20 h3 {
	position: relative;
	width: 170px;
	font-size: 13px;
	color: #fff;
	padding: 0px;
	line-height: 48px;	
	float: left;
}
.moduletable_web20 table {
	position: relative;
	top: 12px;
	left: 0px;
	width: 290px;
	height: 25px;	
	float: left;
	margin: 0px;
	padding: 0px;
}
.moduletable_web20 table td  {
	height: 25px;
	line-height: 25px;
}
.moduletable_web20 table td a {
	font-size: 13px;
	margin: 0px;	
	padding-right: 8px;
	text-decoration: none;
	vertical-align: middle;
	color: #fff;	
	float: left;	
}
.moduletable_web20 img {
	position: relative;
	height: 25px;
	margin-right: 3px;
	padding: 0px;
	float: left;
}
.moduletable_web20 a:link {
	color: #fff;
}
.moduletable_web20 a:visited {
	color: #fff;
}
.moduletable_web20 a:hover {
	color: #363636;
}


/** login menu */
.moduletable_login {
	clear: both;
	position: relative;
	top: 48px;
	width: 467px;
	height: 30px;
	line-height: 30px;
	margin: 0 auto;	
}
.moduletable_login a {
	margin: 0px 4px;
	font-size: 11px;
	color: #fff;	
	text-decoration: none;
}
.moduletable_login a:link {
	color: #fff;
}
.moduletable_login a:visited {
	color: #fff;
}
.moduletable_login a:hover {
	color: #363636;
}


/** footer copyrights */
.copy {
	position: relative;
	width: 933px;
	height: 20px;
	margin: 0 auto;
	text-align: center;
}
.moduletable_copy {
	clear: both;
	position: relative;
	top: 0px;
	width: 100%;
	height: 24px;
	line-height: 28px;
	margin: 0 auto;	
	font-size: 11px;
	color: #fff;
}
.moduletable_copy p {
	color: #fff;
}
.moduletable_copy a:link {
	color: #fff;
}
.moduletable_copy a:visited {
	color: #fff;
}
.moduletable_copy a:hover {
	color: #363636;
}


/** acajoom -newsletter */

.moduletable_acajoom input.inputbox {
	width: 140px;
	margin: 2px 0px 2px;
}

.moduletable_acajoom input.inputbox#wz_2 {
	width: auto;
	margin: 3px 0px 3px;
	padding: 3px 0px 3px;
}

table.adminlist {

}

table.adminlist th.title {
	text-align: left;
}


/** chronocomment */

#comments-container {
	margin-top: 30px;
	width: 95%;
	padding: 0px;
}

#comments-container  #comments-header h3 {
	font-family: "Trebuchet MS",Tahoma,Helvetica,Sans Serif;
	font-size: 16px;
	font-weight: normal;
	color: #31559b;
	padding-bottom: 15px;
}