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

# 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:62.5%; /* Reset: 1em = 10px */

	font-family:Arial , Verdana, 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:200%; }

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 0;

	padding:0;

}

/* 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:left;

	margin-left:50px;

	margin-bottom:-40px;

	   }

a#logo_styled{

	/* 

		Here you can change width or height of your logo 

		if you've disabled option "logo as image"

	*/

	width: 320px;

	display:block;

	overflow:hidden	;

	height:150px;

	float:left;

	margin-left:-50px;

}

/* Basic wrapper styles 

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



div#wrapper_bg{

	width:100%;

	min-height:656px;	

}

div#wrapper_main{

	width:980px;

	margin:0 auto;	

	padding-bottom:20px;

	font:normal 12px  Arial, Verdana, sans-serif; /* Basic font size: 12px, line-height: 15px */

}

div#wrapper_top{

	position:relative;

	min-height:30px;

	margin-top:-20px;

}

div#wrapper_top_content{

	float:right;

	width:500px;/*logo & login aligned :)*/

	

	}

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:uppercase;

}

div#wrapper_menu1 ul li a,

div#wrapper_menu1 ul li span.separator{

	font-size:10px;

	font-weight: bold;

	text-transform:uppercase;	

}

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;

}

div#banner1{

	width: 155px;

	height:20px;

	float:right;

	overflow:hidden;

	margin:40px 0 0 15px;

}

div#search{

	width: 155px;

	height:20px;

	float:right;

	margin:40px 0 0 15px;

}

div#search input#mod_search_searchword{

	border:none;

	background:none;

	height:16px;

	padding:3px 20px 0 6px;

	width:139px;

	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;

        /*background: url('../images/style1/bg_module.png') repeat-x; */

	/*background: url(../images/style1/bg_main.jpg) left;*/

}

div#mainbody_wrapper{

	margin: 0 15px;

	padding: 15px 0;

}

div.users_wrap,

div.module_wrap{

	overflow:hidden;

	width: 100%;

}

#wrapper_content_mainbody {overflow: hidden;}

/* Bottom

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

div#wrapper_bottom{

	overflow: visible;

        float:left;

        width:980px; /*new*/

	padding-bottom: 0px; /*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;	

	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;

}
