/* @override http://www.svenskgalopp.se/sg/templates/gk_icki_sports/css/template_css.css */


/* @override http://www.svenskgalopp.se/joomla/templates/gk_icki_sports/css/template_css.css */

/*--------------------------------------------------------------

# ICKI Sports - May 2009 (for Joomla 1.5)

# Copyright (C) 2007-2009 Gavick.com. All Rights Reserved.

# License: Copyrighted Commercial Software

# Website: http://www.gavick.com

# Support: support@gavick.com  

---------------------------------------------------------------*/

	

/* universal set of reset styles

---------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,caption,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend {vertical-align: baseline;font-size: 100%;outline: 0;padding: 0;margin: 0;border: 0;}

/* remember to define focus styles! */

:focus {outline: 0;}

body {background: white;line-height: 1;color: black;}

ol,ul {list-style: none;}

/* tables still need cellspacing="0" in the markup */

table{border-collapse: separate;border-spacing: 0;}

caption,th,td {font-weight: normal;}

/* remove possible quote marks (") from <q> & <blockquote> */

blockquote:before,blockquote:after,q:before,q:after {content: "";}

blockquote,q {quotes: "" "";}

/* ||| the end |||*/

/* ||| set of clearing floats |||*/	

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

.clearfix {display: inline-block;}

.clr {font-size : 1px;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

.clear {clear: both;}

/* End hide from IE-mac */

/* ------------------------ the end ----------------------------*/

html {

	height:100%;

	margin-bottom:1px;

}

body { margin:0; padding:0; font-size:65%; /* Reset: 1em = 10px */ font-family:Arial, Helvetica, sans-serif; line-height: 135%; 
}

/* Basic link styles 

---------------------------------------------------------------*/

a{

	outline:none;

	cursor:pointer;

}

a:link,

a:visited,

a:active{

	text-decoration:none;

}

a:hover{

	text-decoration:none;

}

/* Basic image style 

----------------------------------------------------------------*/

img{

	border:none;

	text-decoration:none;

}

/* Basic lists styles 

----------------------------------------------------------------*/

ul{

	padding:0 6px 6px 6px;

	margin:0 12px;

}

ul ul{

	padding-bottom:0px;

}

ul li{

	padding-left:4px;

	line-height:100%; 

	margin:5px 0;

}

ul li a{

	text-decoration: none;

}

ol li{

	line-height:170%;

}

dl#system-message dd ul li{

	border: none !important;

}

/* Basic heading styles 

-----------------------------------------------------------------*/

th {

	padding:4px;

	text-align:left;

}

h1 { font-size:240%; }

h2 { font-size:175%; }

h3 { font-size:150%; }

h4 { font-size:125%; }

h5 { font-size:115%; }

p, pre, blockquote, h1, h2, h3, h4, h5, h6{

	margin:1em 0px;
	padding:0;
	line-height: 135%;

}

/* Basic form styles 

-----------------------------------------------------------------*/

fieldset{

	border:none;

	padding:5px 0;

}

fieldset a{

	font-weight:bold;

}

input, select, button{

	font-size:11px;

	font-weight:normal;

}

/* Basic HR-line style 

-----------------------------------------------------------------*/

hr {

	border-right: 0;

	border-left: 0;

	border-bottom: 0;

	height: 1px;

}

/* Basic positioning classes 

-----------------------------------------------------------------*/

.clearfix{ clear: both; }

.lf { float: left; }

.rf { float: right; }

/* Logo 

------------------------------------------------------------*/

a#logo, 

a#logo_styled {

	float: right;

	display:block;
	margin-top: 15px;
}

a#logo_styled{

	/* 

		Here you can change width or height of your logo 

		if you've disabled option "logo as image"

	*/

	width: 195px;

	height: 95px; 

}

/* Basic wrapper styles 

-----------------------------------------------------------------*/



div#wrapper_bg{

	width:100%;

	min-height:656px;	

}

div#wrapper_main{
width:980px;
margin:0 auto;
padding-bottom:20px; /* Basic font size: 12px, line-height: 15px */
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-style: normal;
font-weight: normal;
font-variant: normal;
}

div#wrapper_top{

	position:relative;

	min-height:95px;

	margin:0;

}

div#wrapper_top_content{

	float:right;

	width:780px;

}

div#wrapper_topheader{

	width:980px;

	overflow:hidden;

	position:relative;

	top:38px;

	padding-bottom:38px;

}

/* menu

-------------------------------------------------------------------*/

div#wrapper_menu1{

	width:980px;

	height:38px;

	display:block;

	position:absolute;

	z-index:10000;

}

div#wrapper_menu2{

	width:100%;

	margin-right:8px;

	height:38px;

	display:block;

	position:static;

}

div#horiz-menu{

	margin:0 8px;

	height:38px;

	display:block;

	position:static;

}

div#wrapper_menu1 ul.menu{

	width:auto;

	margin-left:-9px;

	position: absolute;

	z-index: 10000;

}

div#wrapper_menu1 ul li.level1 a,

div#wrapper_menu1 ul li.level1 span.separator{

	text-transform: none;
}

div#wrapper_menu1 ul li a,

div#wrapper_menu1 ul li span.separator{

	font-size: 11px;

	text-transform: none;	

}

div#wrapper_menu1 ul li:hover,

div#wrapper_menu1 ul li.active{

	height:38px;

	border-left:none!important;

	margin-left:1px!important;

}

div#wrapper_menu1 ul li:first-child:hover,

div#wrapper_menu1 ul li.active:first-child{

	height:38px;

}

div#wrapper_menu1 ul li:first-child{

	border-left:none!important;

	padding-left:9px;

}

div#wrapper_menu1 ul li:first-child span{

	padding-left:0!important;

}

div#wrapper_menu1 ul li:first-child:hover,

div#wrapper_menu1 ul li.active:first-child{

	padding-right:0;

}

div#wrapper_menu1 ul li:first-child:hover a,

div#wrapper_menu1 ul li.active:first-child a,

div#wrapper_menu1 ul li:first-child:hover span.separator,

div#wrapper_menu1 ul li.active:first-child span.separator{

	padding-left:0!important;

}

div#wrapper_menu1 ul li:first-child:hover a span,

div#wrapper_menu1 ul li.active:first-child a span,

div#wrapper_menu1 ul li:first-child:hover span span,

div#wrapper_menu1 ul li.active:first-child span span{

	height: 38px;

	line-height:38px;

	display:block;

	float:left;

	padding-left: 2px!important;

	padding-right:12px;	

}

div#wrapper_menu li.topli ul{

	top:33px!important;

	border-top:none;

	position: absolute;

	z-index: 10000;

}

div#wrapper_menu1 ul li li:first-child{

	margin: 0;

	padding: 0;

}

div#wrapper_menu1 ul li li:first-child a,

div#wrapper_menu1 ul li li:first-child span.separator{

	padding-left: 12px;

}

div#wrapper_menu1 ul li li{

	line-height: 30px;

}

div#wrapper_menu1 ul li li.active,

div#wrapper_menu1 ul li li:hover,

div#wrapper_menu1 ul li li:hover a,

div#wrapper_menu1 ul li li:hover a span,

div#wrapper_menu1 ul li li:hover span.separator,

div#wrapper_menu1 ul li li:hover span.separator span,

div#wrapper_menu1 ul li li:first-child:hover,

div#wrapper_menu1 ul li li:first-child:hover a,

div#wrapper_menu1 ul li li:first-child:hover a span,

div#wrapper_menu1 ul li li:first-child:hover span.separator,

div#wrapper_menu1 ul li li:first-child:hover span.separator span{

	height: 30px;

	line-height: 30px;

}

div#wrapper_menu1 ul li li:first-child:hover a span,

div#wrapper_menu1 ul li li:first-child:hover span span{

	margin-left: 10px!important;

}

div#wrapper_menu1 ul li li:hover{

	margin: 0!important;

}

div#wrapper_menu1 ul li li:first-child:hover a span,

div#wrapper_menu1 ul li li:first-child:hover span span{

	margin-left: 3px;

}

div#wrapper_menu1 ul ul li.active:first-child,

div#wrapper_menu1 ul ul li.current:first-child,

div#wrapper_menu1 ul ul li.active:first-child a span,

div#wrapper_menu1 ul ul li.current:first-child a span,

div#wrapper_menu1 ul li li:first-child span span{

	margin-left:10px;

	height: 30px!important;

	line-height: 30px!important;

}

div#wrapper_menu1 ul ul li.active,

div#wrapper_menu1 ul ul li.current{

	margin-left:0!important;

}

/* top

-------------------------------------------------------------------*/

div#buttons{

	width:auto;

	float:right;

	margin:39px 0 0 0;

	padding-right:12px;

	height:22px

}

div#buttons div{

	height:17px;

	padding:1px 0 4px 12px;

}

div#buttons span#login_btn_noborder,

div#buttons span#register_btn{

	border: none !important;

	display:block;

	padding-right:0;

	padding-top:4px;

	margin-right:0;

}

div#buttons span#login_btn{

	padding-right:8px;

	margin-right:5px;

	margin-top:4px;

}

div#buttons span{

	font-size:11px;

	font-weight:normal;

	display:block;

	float:left;

}

div#buttons span a{

	line-height:11px;

}
/*TOPMENU BANORNA*/
div#banner1{
	width:630px;
	height:30px;
	float:left;
	margin: 0px 0px 0px -140px;

}
div#banner1 ul.menu_topmenu{
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
div#banner1 li.level1{
	display: inline;
	padding: 0;
	margin-right: 20px;
	float: left;
	clear: none;
}
/*TOPMENU BANORNA*/
div#search{
	float:right;
	margin: 5px 0px 0px 0px;
}

div#search input#mod_search_searchword{

	border:none;

	background:none;

	height:16px;

	padding:3px 20px 0 6px;

	display:block;

	font-size:11px;

}

div#search input.button{

	display:none;

}

/* highlighter

-------------------------------------------------------------------*/

div#wrapper_highlight{

	height:36px;

	overflow:hidden;

}

div#highlight{

	float: left;

	width: 80%;

	overflow:hidden;

}

div#datatop{

	text-align: right;

	float:right;

	margin: 8px 12px 0 0;

	font-size: 10px;

	font-weight:bold;

	text-transform:uppercase;

	width:auto;

	height:17px;

}

div#datatop span{

	display: block;

	height:17px;

	padding-left:11px;

	margin-right:11px;

	line-height:16px;

}

/* header

-------------------------------------------------------------------*/

div#wrapper_header{

	overflow: hidden;

}

div#banner2,

div#banner3,

div#header1,

div#header2{

	float: left;

	overflow:hidden;

}

div#header_modules{

	clear: both;

	margin: 0px 10px 0 10px;

	padding-top: 10px;

}

/* content

-------------------------------------------------------------------*/

div#component{

	position: relative;

	float:left;	

}

div#right{

	float:right;

}

div#wrapper_content{

	overflow:hidden;

}

div#inset{

	width:249px;

	float:left;

}

div#mainbody{

	float:left;

}

div#mainbody_wrapper{

	margin: 10px 30px;

	/*padding: 15px 0;*/

    padding: 0px;

}

div.users_wrap,

div.module_wrap{

	overflow:hidden;

	width: 100%;

}

#wrapper_content_mainbody {
	overflow: hidden;
}

/* Bottom

-----------------------------------------------------------------*/

div#wrapper_bottom{

	overflow: hidden;

	padding-bottom: 15px;

}

/* Footer

-----------------------------------------------------------------*/

div#wrapper_footer{

	padding:8px 15px 15px 5px;

	height:22px;

	font-size:0.9em;

}

div#wrapper_footer ul{

	width:auto;

	float:left;

	list-style-image:none;

	margin:0;

	padding:0;

}

div#wrapper_footer ul li.level1 a{

	padding:0 6px;

}

div#wrapper_footer ul li.level1 {

	float:left;

}

div#wrapper_footer div.moduletable_content{

	margin:0!important;

	padding:0!important;	

}

div#informations{

	float:right;

	margin-top:3px;

}

div#stylearea{

	float:right;

	margin-left:5px;

	margin-top:3px;

}

div#footer_menu{

	float: left;

	width: auto;

}

/* set the width of user modules 

-------------------------------------------------------------------*/ 

.us_width-20,

.us_width-25,

.us_width-33, 

.us_width-50{

	display:block;

	float:left;

}

.us_width-33:first-child{

	width:34%;

}

.us_width-20{ width:20%; }

.us_width-25{ width:25%; }

.us_width-33{ width:33%; }

.us_width-50{ width:50%; }

.us_width-100{ width:100%; }

/* 	

	Available suffixes:

	* _light (only on right module position)

	* _clear

	* _menu

	* _text	

*/

div.moduletable,

div.moduletable_clear,

div.moduletable_menu,

div.moduletable_text, 

div.moduletable_light{

	margin: 0;	

}

div.moduletable h3,

div.moduletable_clear h3,

div.moduletable_menu h3,

div.moduletable_text h3,

div.moduletable_light h3{

	margin:0!important;

	text-indent:15px;

	height:46px;

	font-size:10px;

	width: 100%;

	line-height:38px;

	text-align:left;

}

div.moduletable h3 span,

div.moduletable_clear h3 span,

div.moduletable_menu h3 span,

div.moduletable_text h3 span,

div.moduletable_light h3 span{

	padding: 0;

	width: 99.9%;

	display:block;

	height: 46px;

	float: left;

	font-weight: bold;

	text-transform:uppercase;

}

div.moduletable div.moduletable_content,

div.moduletable_clear div.moduletable_content,

div.moduletable_menu div.moduletable_content,

div.moduletable_text div.moduletable_content,

div.moduletable_light div.moduletable_content{

	margin:10px 15px 15px 15px;

}

div.moduletable_clear div.moduletable_content{

	margin: 0px;

}

div.moduletable_content{

	padding: 0;

	margin: 0 0 10px 0;

	font-size: 11px;

}

div.moduletable_clear{

	margin: 0;

	padding:0;

	border: none;

}

div.moduletable_clear div.moduletable_content{

	margin: 0;

	padding:0;	

}

/* restrictions

------------------------------------------------------------------- */

/* mainbody */

div#mainbody div.moduletable h3,

div#mainbody div.moduletable_clear h3,

div#mainbody div.moduletable_menu h3,

div#mainbody div.moduletable_text h3{

	background: none;

	height: 20px;

	line-height: 20px;

}

div#mainbody div.moduletable h3 span,

div#mainbody div.moduletable_clear h3 span,

div#mainbody div.moduletable_menu h3 span,

div#mainbody div.moduletable_text h3 span{

	background: none;

	height: 20px;

	line-height: 20px;

}



div#mainbody div.moduletable div.moduletable_content,

div#mainbody div.moduletable_clear div.moduletable_content,

div#mainbody div.moduletable_menu div.moduletable_content,

div#mainbody div.moduletable_text div.moduletable_content{

	margin:0!important;

}

div#mainbody div.moduletable h3,

div#mainbody div.moduletable_clear h3,

div#mainbody div.moduletable_menu h3,

div#mainbody div.moduletable_text h3{

	text-indent:0px!important;

}

/* right */

div#right div.moduletable,

div#right div.moduletable_clear,

div#right div.moduletable_menu,

div#right div.moduletable_text{

	overflow:hidden;

}

/* bottom */

div#wrapper_bottom div.moduletable h3,

div#wrapper_bottom div.moduletable_clear h3,

div#wrapper_bottom div.moduletable_menu h3,

div#wrapper_bottom div.moduletable_text h3{

	background:none;

}

div#wrapper_bottom div.moduletable h3 span,

div#wrapper_bottom div.moduletable_clear h3 span,

div#wrapper_bottom div.moduletable_menu h3 span,

div#wrapper_bottom div.moduletable_text h3 span{

	background:none;

}

div#wrapper_bottom .us_width-20 div.moduletable_content,

div#wrapper_bottom .us_width-25 div.moduletable_content,

div#wrapper_bottom .us_width-33 div.moduletable_content, 

div#wrapper_bottom .us_width-50 div.moduletable_content{

	display:block;

	float:left;

	margin-right: -1px;

	margin: 0;

	padding: 5px 15px 5px 15px;

}

div#wrapper_bottom .us_width-20:first-child div.moduletable_content,

div#wrapper_bottom .us_width-25:first-child div.moduletable_content,

div#wrapper_bottom .us_width-33:first-child div.moduletable_content, 

div#wrapper_bottom .us_width-50:first-child div.moduletable_content{

	border-left: none;

	margin-right: 0;	

}

/* Default Joomla menu */

.moduletable_menu ul.menu, 

.moduletable_menu ul.menu ul, 

.moduletable_menu ul.menu ul ul {

	list-style-image: none;

	margin: 0;

	padding: 0; 

	background: none;

}

.moduletable_menu ul.menu li {

	line-height: 18px;

}

.moduletable_menu ul.menu li:first-child {

	border: none;

}

.moduletable_menu ul.menu li.current li{

	margin-left: 10px;

	padding-left: 16px; 

}

.moduletable_menu ul.menu ul {}

.moduletable_menu ul.menu ul li a {

	font-size: 0.9em;

	font-weight: normal;

}

.moduletable_menu ul.menu ul li {

	padding: 3px 0;

}

/* popups */

div#popup_login,

div#popup_register{

	position: absolute;

	z-index: 100000;

	width: 530px;

	top: 5px;

	margin-left:460px;

	display: none;

}

div#close_button_login,

div#close_button_register{

	width: 24px;

	margin: 3px 3px 0 0;

	height: 24px;

	cursor: pointer;

	float: right;

}

div.top{

	width: 488px;

	padding: 0 10px 16px 32px;

	margin: 27px 0 0 0;

	overflow: hidden;

}

div.top form#josForm{

	width: 480px;

	margin: 0 auto;

}

div.bottom{

	width: 530px;

	height: 15px;

}

/* joomla.classes readon */

a.readon{

	width:92px;

	height:16px;

	line-height:15px!important;

	margin:4px 0 !important;

	display:block;

	float:left;

	padding-left:10px;

	font-size:11px!important;

	font-weight: bold;

}

.button{

	height:16px;

}

/* System messages */

#system-message{

	margin-bottom:0;

}

#system-message dt.error{

	display:none;

}

#system-message dd{

	font-weight:bold;

	margin:0;

	text-indent:30px;

}

#system-message dd.error ul{

	margin-bottom:0;

}

dl#system-message ul{

	margin:0;

}

#system-message dd ul{

	list-style-type:none;

	margin-bottom:10px;

	padding:10px;

}

/*Statistik tabs startsida*/
div.moduletable_statistik table {

	margin: 0;
	/*background: url(../images/style1/bg_table.png) repeat-x left top;*/
	border-collapse: collapse;
}

div.moduletable_statistik table.ttxtm td {

	padding: 2px 3px 2px 3px;
	color: #b4b4b4;
	
}
div.moduletable_statistik table td.ttxth {

}
/*RSS tabs startsidan*/
div.moduletable_rss ul.newsfeed {

	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
div.moduletable_rss ul.newsfeed li {
	
	margin: 10px 0 0 0;
	padding: 0;
	color: #909090;

}
div.moduletable_rss ul.newsfeed li a {

	font-weight: bold;
	color: #b4b4b4;
}

/*special startsida*/

div.moduletable_puff1 img{

	margin: 1px 0 0 10px;
	padding: 0;
	width: 315px;

}
div.moduletable_puff2 img{

	margin: 1px 0 0 5px;
	padding: 0;
	width: 310px;

}
div.moduletable_puff3 img{

	margin: 1px 0 0 5px;
	padding: 0;
	width: 305px;

}
/*just nu mörk*/
div.moduletable_justnu{

	margin: 0;
	padding: 0 5px;
	background:  url(../images/inset_shadow.png) repeat-x left top;
	height: 302px;
}

div.moduletable_justnu h3{

	margin: 0;
	padding: 0 0 6px 0;
	color: #ccc;

}
div.moduletable_justnu h4 a{

	margin: 0;
	padding: 5px 0;
	color: #ccc;
	font-weight: bold;

}
div.moduletable_justnu p a{

	color: #ccc;
	
}
div.moduletable_justnu a.gk_npro_readmore_inline {

	color: maroon;
	font-weight: bold;
}
div.moduletable_justnu img{

	width: 328px;
	border: none;
	
}
/*senaste nytt ljus*/
div.moduletable_senastenytt{

	margin: 0;
	padding: 0 5px;
	background: #e7e7e7 url(../images/inset_shadow.png) repeat-x left top;
	height: 100%;
}

div.moduletable_senastenytt h3{

	margin: 0;
	padding: 15px 0 20px;
	color: #515151;

}
div.moduletable_senastenytt h4 a{

	margin: 0;
	padding: 5px 0;
	color: #333333;
	font-weight: bold;

}
div.moduletable_senastenytt p a{

	color: #333333;
	
}
div.moduletable_senastenytt a.gk_npro_readmore_inline {

	color: maroon;
	font-weight: bold;
}

div.moduletable_senastenytt img{

	width: 328px;
	border: none;
	
}

div.gk_npro_mainwrap {

	border:none;
}

/*Artikel marginal
div.blog_more,
div.componentheading,
table.blog tbody td h1,
table.blog tbody td h2,
table.blog tbody td h3,
table.blog tbody td h4,
table.blog tbody td p,
table.contentpaneopen tbody td p,
table.contentpaneopen tbody td h1,
table.contentpaneopen tbody td h2,
table.contentpaneopen tbody td h3,
table.contentpaneopen tbody td h4,
table.contentpaneopen tbody td .contentpagetitle {

	margin-right: 50px;
	margin-left: 50px;
	
}*/
/*Artikel bild*/
/*table.blog tbody td p img,
table.contentpaneopen tbody td p img
 {

	margin-right: 0px;
	margin-left: 20px;
	
}
*/

/*+++++++++++++++++++++++++++++++++++++++++++++++++
LÅT STÅ. för att undvika glipa i iframe innehållet
++++++++++++++++++++++++++++++++++++++++++++++++++*/

div.contentpane_iframebanor, div.contentpanemenu_topmenu {

	margin: -10px -30px 0 -30px;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++*/