/*------------------------------------------------------------------------
# magic_urheilu - Joomla Template by Joomagic.com
# ------------------------------------------------------------------------
# author    JoomShaper http://www.joomshaper.com
# copyright Copyright (C) 2010 JoomShaper.com. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Websites:  http://www.joomagic.com
# This file may not be redistributed in whole or significant part
-------------------------------------------------------------------------*/
*{margin:0; padding:0; outline:0}
body{text-align:left; color:#666; font:76%/160% Verdana,Arial,Helvetica,sans-serif}
body.bg{background:#444 url(../images/main-bg.gif) repeat-x 0 0; text-align:left}

/*LOGIN AREA*/
#members-area{float:right; height:24px; line-height:24px; color:#fff; font-weight:bold; margin:20px 0 0 0; padding:0 10px;border:1px solid #2191d6;}
#members-area a, #members-area a:hover{padding:0; margin:0; color:#fff}
#login{background:#111;border:1px solid #222; position:absolute; right:0; top:50px; padding:20px; z-index:999}
/*END LOGIN AREA*/

.inside{padding:10px 0}
.clr{clear:both}
.gap{clear:both; margin-bottom:10px}
.wrap{width:960px; margin:0 auto; text-align:left; position:relative}
.wrap .padding{padding:20px}
.main-bg {background:#fff;padding:0 10px}

/*HEADER AND LOGO*/
#header{width:100%; height:180px;}
a#logo{width:960px; height:180px; background:url(../images/top_banner_lirtraining1.jpg) no-repeat 0 50%;float:left;}
/*END HEADER AND LOGO*/

/*SEARCH*/
#search{width:auto; height:auto; float:right; margin:6px 10px 0 0}
input.search-button{background:url(../images/search-button.gif) repeat-x 0 0; color:#fff; border:none; width:auto; font-size:12px; line-height:12px; padding:3px 3px; margin:0; cursor:pointer}
.searchbox{font-size:12px; line-height:12px; height:auto; color:#f3f3f3; padding:3px 3px; border:0; background:#000;border:1px solid #222;}
/*END SEARCH*/

/*SLIDESHOW*/
#slides{width:640px; height:auto!important; float:right; margin:0;}
.inner-padding{padding:20px 30px}
#slides h2.title{color:#f5f5f5; font:bold 18px Arial; letter-spacing:normal; margin:10px 0 5px 0; text-shadow:1px 1px #000}
#slides p.intro{font-size:130%; line-height:normal;color:#e1e1e1}
#slides .slide-description {bottom:0;overflow:hidden;padding:10px;position:absolute;right:0;width:620px;z-index:5;background: url(../images/slide-textbg.png) repeat}
.controllers {top:10px;left:auto!important;right:10px;width:20px;}
.controllers span {background-color:#000;color:#fff;height:20px;line-height:20px;width:20px;cursor:pointer;display:block;float:left;margin:2px 0;overflow:hidden;padding:0;text-align:center;}
.controllers span.active {background-color:#3480af;}

.morein{margin:0;}
/*END SLIDESHOW*/

/*START MAIN AREA*/
.container{background:#fff}
#right{float:right; width:290px; overflow:hidden;}
#content80{width:640px; overflow:hidden; float:left;}
#content100{float:left; width:100%; overflow:hidden}
/*END MAIN AREA*/

/*BOTTOM MODULES*/
#bottom{width:100%; height:auto; color:#666; background:#151515}
#bottom .padding{padding: 16px 0;}
.bottom-padding{padding:0 16px 10px 16px}
#user1, #user2, #user3, #user4{height:auto; float:left}
/*END BOTTOM MODULES*/

/*TOP MODULES*/
#top1, #top2, #top3, #top4{height:auto; float:left}
#top2, #top4{margin-bottom:16px;}
/*END TOP MODULES*/

/*FOOTER*/
#footer{width:100%; height:auto; margin-bottom:80px; color:#666;background:#151515;border-top:1px solid #333;}
#footer .padding{padding:10px}
.cp{float:left}
.credit{float:left; font-weight:bold}
.topofpage{float:right; width:37px; height:19px; background:url(../images/top.png)}
/*END FOOTER*/

/*TOOL TIP*/
.tool-tip{color:#333; width:200px; z-index:13000}
.tool-title{font-weight:bold; font-size:11px; margin:0; color:#9FD4FF; padding:8px 8px 4px; background:#F5F5F5;}
.tool-text{font-size:11px; padding:4px 8px 8px; background:url(../images/bubble.png) repeat top left}
/*END TOOL TIP*/

#breadcrumbs{padding-bottom:10px}

img.border{background:#e1e1e1; border:1px solid #d3d3d3; margin:0 10px 5px 0; padding:5px}

/*NEWS SHOW*/
.joom_ns1-contents {margin-bottom:5px; padding: 0 0 5px 0;border-bottom:1px solid #e5e5e5;}
#joom_ns1_id4 .joom_ns1-contents {margin-bottom:0; padding: 0 0 5px 0;border-bottom:0;}
h4.title {font-size:12px;font-weight:bold;margin:0;}
img.ns1image{background:#f5f5f5; border:1px solid #e5e5e5; margin:0 10px 5px 0; padding:5px}
/*For Module Class Sufiix _dark*/
.moduletable_dark .joom_ns1-contents {border-bottom:1px solid #222;}
.moduletable_dark h4.title a {color:#fff;}
.moduletable_dark h4.title a:hover {color:#f5f5f5;}
.moduletable_dark img.ns1image{background:#222; border:1px solid #444;}
.moduletable_dark a.readmore{color:#999;}

p.intro {margin:2px 0;}
span.created {font-size:9px;font-weight:bold;}

#top .ns1_padding {padding:0 16px 0 0;}
/*END NEWS SHOW*/


/*SIMPLE TAB MODULE*/
.pane-sliders .title {	margin: 0;
	padding:0;
	color: #666;
	cursor: pointer;
}

div.pane-sliders .panel   { border: none; margin-bottom: 3px;}

.pane-sliders .panel h3 { background: #f6f6f6; color: #666}

.pane-sliders .content { background: #f6f6f6; }

.pane-sliders .adminlist     { border: 0 none; }
.pane-sliders .adminlist td  { border: 0 none; }

.jpane-toggler  span     { background: transparent url(../images/bg_h_tab.gif) 5px 50% no-repeat; padding-left: 20px;}
.jpane-toggler-down span { background: transparent url(../images/j_arrow_down.png) 5px 50% no-repeat; padding-left: 20px;}

.jpane-toggler-down {  border-bottom: 1px solid #ccc; }

/* tabs */

dl.tabs {
	width:100%;
	height:23px;
	line-height:23px;
	margin:0;
	padding:0;
	z-index: 50;
	background: none;
	border-bottom:1px solid #e5e5e5
}

dl.tabs dt,dl.tabs dt span {
	float: left;
	border:0!important;
	padding:0!important;
	margin-left: 3px;
	height:24px;
	line-height:24px;
	font-family:"Lucida Grande",Arial,sans-serif;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold !important;
	color: #666;
}
dl.tabs dt {
	background:url(../images/tab-l.gif) no-repeat 0 0;
}
dl.tabs dt span {
	padding:0 10px 0 6px!important;
	background:url(../images/tab-r.gif) no-repeat 100% 0;
}
dl.tabs dt.open {
	color:#000;
	border:0!important;
	background:url(../images/tab-l-active.gif) no-repeat 0 0;
	z-index: 100;
}
dl.tabs dt.open span {
	background:url(../images/tab-r-active.gif) no-repeat 100% 0;
}

div.current {
	clear: both;
	border: 0;
	padding: 10px 0 0 0;
}

div.current dd {
	padding: 0;
	margin: 0;
}
/*END OF SIMPLE TAB*/