/*
////////////////////////////
////////HTML ELEMENT////////
////////////////////////////
*/

body
{
	color: #404040;
}

h1, h2, h3, h4
{
	color: #404040;
	font-family: verdana, arial, sans-serif, Times New Roman;
	font-weight: bold;
	font-size: 22px;
	display: inline;
}
/*Huvudrubriken på varje sida*/
h1
{
    font-family: arial;
    display: block;
    margin:0px;
}

/*Underrubriker på varje sida*/
h2
{
    font-family: arial;
    display: block;
    margin: 0px 0px 3px 0px;
	font-size: 22px;
	color: #404040;
}

/*H3 texten i menyn*/
h3
{
	font-size: 11px;
	display: block;
	margin: 0px 0px 0px 0px;
}
h4
{
    margin:2px 0px 0px 0px;
    display: block;
	font-size: 11px;
	
}
h5
{
	display: inline;
}

.sectionHeadline
{
    font-size: 14px;
    margin: 15px 0px 3px 0px;
}

img
{
	border: 0px;
}
a, a:visited, a:hover
{
	color: #004097;
	font-weight: bold;
	font-size: 11px;
	font-family: verdana, arial, sans-serif, Times New Roman;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}

p
{
    margin: 3px;
}
form
{
	margin: 0px;
}

.h2_link a, .h2_link a:hover
{
    font-family: arial;
    color: #404040;
	font-size: 22px;
	display: inline;
}

.h2_link a:hover
{
    text-decoration: underline;
}

.page_headline
{
    position: relative;
    border-bottom: 1px dotted #cfcfcf; 
    padding: 0px 0px 2px 0px;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}
input, textarea, select
{
	color: black;
	font-family: verdana, arial, sans-serif, Times New Roman;
	font-size: 11px;
	font-weight: normal;
}
table, tr, td, th
{
	font-family: verdana, arial, sans-serif, Times New Roman;
	font-size: 11px;
	color: #000000;
}

/*
////////////////////////////
////////DIV ELEMENT/////////
////////////////////////////
*/

/*//////////MAIN STRUCTURE////////// */

#head
{
    clear: left;
    position: relative;
    margin: 5px 5px 0px 5px;
	width: 980px;
	height: 120px;
}

#body_left
{
    float: left;
    display: inline;
    margin: 15px 0px 0px 5px;
	width: 154px;
	height: auto;
}

/*//////////MODULES////////// */

.module_top
{
    height: 22px;
}

.L1, .L2, .L3, .L4, .L5
{
    width: 1px;
    margin: 0px;
    float: left;
}
.L1 {height: 15px; margin-top: 5px;}
.L2 {height: 17px; margin-top: 3px;}
.L3 {height: 18px; margin-top: 2px;}
.L4 {height: 19px; margin-top: 1px; width: 2px;}

.module1_top_headline, .module2_top_headline, .module3_top_headline, .module4_top_headline
{
    height: 17px;
    margin: 0px;
    padding: 3px 3px 0px 1px;
    float: left;
}

.R1, .R2, .R3, .R4, .R5
{
    width: 1px;
    margin: 0px;
    float: left;
}
.R1 {height: 15px; margin-top: 5px;}
.R2 {height: 17px; margin-top: 3px;}
.R3 {height: 18px; margin-top: 2px;}
.R4 {height: 19px; margin-top: 1px; width: 2px;}

.module_top_underline
{
    background-color: White;
    height: 1px;
    clear: both;
}

.module_content
{
    margin: 0px;
    border-left: solid 1px #cfcfcf;
    border-right: solid 1px #cfcfcf;
    background-color: White;
}

.contentModulePicture {float: left; margin: 0px 4px 4px 0px;}

/*Differenses between module 1, 2 and 3*/
.module1_top_headline {width: 140px;}
.module2_top_headline {width: 306px;}
.module3_top_headline {width: 196px;}
.module4_top_headline {width: 211px;}

/*//////////ROUND CORNERS////////// */

/*For all browsern other then IE6*/
.cornerTL, .borderTR, .borderBL, .borderBR {
  width: 5px; height: 5px;
}

.cornerTL, .cornerBL {float: left; clear: both; display: block;}
.cornerTR, .cornerBR {float: right; clear: right; display: block;}
.cornerTL {margin: 0px 0px 0px 0px; }
.cornerTR {margin: 0px 0px 0px 0px; }
.cornerBL {margin: -5px 0px 0px 0px; }
.cornerBR {margin: -5px 0px 0px 0px; }

/*Just for IE6*/
.cornerTL_IE6, .cornerTR_IE6, .cornerBL_IE6, .cornerBR_IE6, .cornerTL, .cornerTR, .cornerBL, .cornerBR
{
    width: 5px; height: 5px;
}

.containerTL_IE6, .containerTR_IE6, .containerBL_IE6, .containerBR_IE6
{
    position: absolute;
    height: 5px;
    width: 5px;
}
.containerTL_IE6 {top: 0px; left: 0px;}
.containerTR_IE6 {top: 0px; right: -1px;}
.containerBL_IE6 {bottom: -1px; left: 0px;}
.containerBR_IE6 {bottom: -1px; right: -1px;}

#cornersContainer_IE6 {visibility: visible;}
#cornersContainer_IE6 {visibility: hidden;}

/*//////////TOP////////// */

#top_msg
{
    margin: 5px 5px 0px 5px;
    width: 980px;
}

#top_headline
{
    height: 17px;
    width: 140px;
    margin: 0px;
    padding: 3px 3px 0px 1px;
    float: left;
}

#top_line
{
    background-color: White;
    width: 1px;
    height: 20px;
    float: left;
}

#top_info
{
    float: left;
    width: 819px;
    height: 14px;
    background-color: White;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    padding: 2px 0px 2px 5px;
    overflow: hidden;
}

.head_topbanner_text1
{
    font-family: verdana; 
    font-size: 40px; 
    font-weight: bold; 
    color: #FFFFFF;
}
.head_topbanner_text2
{
    font-family: verdana; 
    font-size: 20px; 
    font-weight: bold; 
    color: #FFFFFF;
}
.head_topbanner_text1_shadow
{
    font-family: verdana; 
    font-size: 40px; 
    font-weight: bold; 
    color: #000000;
}
.head_topbanner_text2_shadow
{
    font-family: verdana; 
    font-size: 20px; 
    font-weight: bold; 
    color: #000000;
}

/*//////////HEAD////////// */

#head_teamList
{
    position: absolute;
    width: 154px;
    top: 72px;
    left: 770px;
}

/*//////////BODY_LEFT////////// */

.moduleLeft
{
    margin: 0px 0px 10px 0px;
	width: 154px;
	height: auto;
}

.toolbox_item
{
    margin: 0px 8px 0px 8px; 
}

/*---------- MENU ---------- */

.module_content ul
{
	list-style: none;
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
}
.module_content li.active
{
	height: 17px;
	width: 152px;
	line-height: 17px;
	text-indent: 5px;
	color: black;
	font-weight: bold;
	background-color: #ECECEC;
}
.module_content li.inactive
{
	height: 17px;
	width: 152px;
	line-height: 17px;
	text-indent: 5px;
	color: black;
	font-weight: bold;
}
.module_content li a
{
	display: block;
	color: black;
	text-decoration: none;
	font-family: verdana, arial, sans-serif, Times New Roman;
	font-weight: bold;
	font-size: 11px;
	width:100%;
}
.module_content li a:hover
{
	text-decoration: underline;
}

/*//////////BODY_MAIN////////// */

.borderTL, .borderTR, .borderBL, .borderBR {
  width: 5px; height: 5px;
}

.borderTL, .borderBL {float: left; clear: both; display: block;}
.borderTR, .borderBR {float: right; clear: right; display: block;}
.borderTL {margin: 0px 0px 0px 0px; }
.borderTR {margin: 0px 0px 0px 0px; }
.borderBL {margin: -5px 0px 0px 0px; }
.borderBR {margin: -5px 0px 0px 0px; }

#content_main
{
    margin: 0px 10px 0px 10px;
	height: auto;
	word-wrap: break-word;
	overflow: hidden;
}

.r1{margin: 0 5px; height: 1px; overflow: hidden; background: #cfcfcf; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf;}
.r2{margin: 0 3px; height: 1px; overflow: hidden; background: #FFFFFF; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-width: 0 2px;}
.r3{margin: 0 2px; height: 1px; overflow: hidden; background: #FFFFFF; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf;}
.r4{margin: 0 1px; height: 2px; overflow: hidden; background: #FFFFFF; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf;}

.content_main_info {background: #FFFFFF; border-left:  1px solid #cfcfcf; border-right: 1px solid #cfcfcf; overflow: hidden; word-wrap: break-word;}

#content_module2_1, #content_module2_2, #content_module2_3, #content_module2_4
{
    float: left;
    display: inline;
	width: 320px;
	height: auto;
}
#content_module2_1, #content_module2_3 {margin: 10px 6px 0px 10px;}
#content_module2_2, #content_module2_4 {margin: 10px 10px 0px 6px;}

#content_module3_1, #content_module3_2, #content_module3_3
{
    float: left;
    display: inline;
	width: 210px;
	height: auto;
}
#content_module3_1 {margin: 10px 0px 0px 10px;}
#content_module3_2 {margin: 10px 11px 0px 11px;}
#content_module3_3 {margin: 10px 10px 0px 0px;}

#content_module4_1, #content_module4_2, #content_module4_3, #content_module4_4
{
    float: left;
    display: inline;
	width: 225px;
	height: auto;
}
#content_module4_1, #content_module4_3 {margin: 10px 6px 0px 10px;}
#content_module4_2, #content_module4_4 {margin: 10px 10px 0px 6px;}

.sectionArea
{
    border: dashed 1px #DCDCDC;
    background-color: #f3f3f3;
    padding: 5px;
}

.default_msg
{
    background-color: #f5f5f5;
    border-style: solid;
    border-color: #d3d3d3;
	border-width: 1px 1px 1px 1px;
	vertical-align: middle;
	padding:3px;
	margin-bottom:4px;
}

/*---------- MAIN ---------- */

.main_headline
{
	font-weight: bold;
	display: block;
    padding: 0px 0px 3px 0px;
	font-size: 16px;
}

.main_contentArea
{
    margin-bottom: 10px;
    padding-bottom: 10px;
   
}

.main_listItem
{
    margin: 1px;
    padding: 3px;
    border-bottom: 1px solid #D3D3D3;
}

/*---------- BOARD ---------- */

.board_contactIcon
{
    float: left;
    margin: 1px 5px 1px 0px; 
}

.board_contactInfo
{
    float: left;
    padding-top: 4px; 
    padding-bottom: 4px;
}

/*---------- GUESTBOOK ---------- */


#guestbook_write{width: 100%;}
#guestbook_write th{width: auto;text-align: left;}

#guestbook_report{width: 100%;}
#guestbook_report th{width: auto;text-align: left;}

#guestbook_read
{
	width: 100%;
	margin-bottom: 16px;
	line-height: 14px;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	/*Följer inte standard men är ett måste*/
	word-wrap: break-word;
	table-layout: fixed;
	/*-------------------------------------*/
}

#guestbook_read td
{
	height: 15px;
	text-align: left;
	border-bottom: 1px solid #EBEADD;
	background-color: #EBEADD;
}

#guestbook_read .inlagg
{
	height: auto;
	background-color: #F7F7F7;
	border-top: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC;
}

#guestbook_style {width: 130px; border: 1px dotted #8b0000;}

/*---------- CONTACT US ---------- */

#contact_club {width: 100%;}
#contact_club th{height: 20px; padding-left: 5px; width: 150px; border-bottom: 1px dotted #CCCCFF; text-align: left;}
#contact_club td{height: 20px; border-bottom: 1px dotted #CCCCFF;}

.contact_contactIcon
{
    float: left;
    margin: 1px 5px 1px 0px; 
}

.contact_contactInfo
{
    float: left;
    padding-top: 4px; 
    padding-bottom: 4px;
}

/*---------- POPUP CALENDAR ---------- */

#popup_calendar_week
{
	border-bottom: 1px solid #C6C6C6;
	border-right: 1px solid #C6C6C6;
	padding: 2px;
    width: 750px;
}
#popup_calendar_week th
{
    font-size: 10px;
    line-height: 18px;
	border-top: 1px solid #C6C6C6;
	border-left: 1px solid #C6C6C6;
}
#popup_calendar_week td
{
    font-size: 10px;
	vertical-align:top;
    border-top: 1px solid #C6C6C6;
	border-left: 1px solid #C6C6C6;
}
#popup_calendar_week .week
{
    width: 20px;
    background-color: #EFEFEF;
    text-align: center;
}

#popup_calendar_day
{
	border-bottom: 1px solid #C6C6C6;
	border-right: 1px solid #C6C6C6;
    padding: 2px;
	width: 750px;
}
#popup_calendar_day th
{
    height: 21px;
	border-top: 1px solid #C6C6C6;
	border-left: 1px solid #C6C6C6;
}
#popup_calendar_day td
{
	height: 21px;
	border-top: 1px solid #C6C6C6;
	border-left: 1px solid #C6C6C6;

}
#popup_calendar_day p
{
    display: inline;
}
#popup_calendar_day p.break
{
    display: block;
}
#popup_calendar_day .day
{
    width: 40px;
    background-color: #EFEFEF;
    text-align: left;
}

/*//////////BODY_RIGHT////////// */

.moduleRight
{
    position: relative;
    margin: 0px 0px 10px 0px;
	width: 154px;
	height: auto;
}

.pollAnswerDiag
{
	background-color: #000000;
	width: 130px;
	height: 6px;	
	margin-bottom: 5px;
	line-height: 10px;

}

/*---------- CALENDAR ---------- */

#calendar
{
	border-bottom: 1px solid #C6C6C6;
	border-right: 1px solid #C6C6C6;
	width: 146px;
}
#calendar-nav
{
	line-height: 20px;
	width: 146px;
}
#calendar th
{
	height: 18px;
	line-height: 18px;
	border-top: 1px solid #C6C6C6;
	border-left: 1px solid #C6C6C6;
}
#calendar td
{
	height: 18px;
	text-align: center;
	border-top: 1px solid #C6C6C6;
	border-left: 1px solid #C6C6C6;
}

#calendar .match
{
	background-color: #FFCCCC;
}
#calendar .match-today
{
	background-image: url(../images/public/calendar_today.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #FFCCCC;
}
#calendar .misc
{
	background-color: #CCCCFF;
}

#calendar .misc-today
{
	background-image: url(../images/public/calendar_today.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #CCCCFF;
}
#calendar .empty-today
{
	background-image: url(../images/public/calendar_today.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


/*//////////BOTTOM////////// */

.B1, .B2, .B3, .B4
{
    width: 1px;
    float: left;
}
.B1 {height: 10px; margin: 5px 0px 5px 0px;}
.B2 {height: 14px; margin: 3px 0px 3px 0px;}
.B3 {height: 16px; margin: 2px 0px 2px 0px;}
.B4 {height: 18px; margin: 1px 0px 1px 0px; width:2px;}

#bottom_headline
{
    height: 17px;
    width: 100px;
    margin: 0px;
    padding: 3px 3px 0px 1px;
    float: left;
}

#bottom_line
{
    background-color: White;
    width: 1px;
    height: 20px;
    float: left;
}

#bottom_info
{
    float: left;
    width: 859px;
    height: 14px;
    background-color: White;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    padding: 2px 0px 2px 5px;
}

.B5, .B6, .B7, .B8
{
    float: left;
}

.B5 {margin: 5px 0px 5px 0px; height: 8px; background: #cfcfcf; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; width: 1px;}
.B6 {margin: 3px 0px 3px 0px; height: 10px; background: #FFFFFF; border-top: 2px solid #cfcfcf; border-bottom: 2px solid #cfcfcf; width: 1px;}
.B7 {margin: 2px 0px 2px 0px; height: 14px; background: #FFFFFF; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; width: 1px;}
.B8 {margin: 1px 0px 1px 0px; height: 16px; background: #FFFFFF; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; width: 2px;}

#info_sportion
{
    clear: left;
    padding: 0px 25px 0px 0px;
    color: Gray;
    font-size: 11px;
    text-align: right;
}

.red{color: #FF0000;}



#headlist {
    border:1px solid #EFEFEF;
    width:142px;
    overflow:hidden;
    font-size:11px;
    font-family:Verdana;
    border-style:inset;
    cursor:default;
    border-bottom: 1px solid #dedede;
    -moz-user-select: none;
    -khtml-user-select: none;
    
}

#selectlist {
    border:1px solid #a6a6a6;
    display:none;
    width:142px;
    margin:0px;
    padding:0px;
    list-style-type: none;
    font-family:Verdana;
    font-size:11px;
    position:absolute;
    margin-top:0px;
    
    z-index:999;
    background-color:#FFFFFF;
    
    -moz-user-select: none;
    -khtml-user-select: none;
    
    
}

#selectlist li {
    list-style-type: none;
    padding:0px;
    border-width:1px;
    border-style:dotted;
    border-color:#FFFFFF;
    cursor:default;
    overflow:hidden;
}

#selectlist li.headline {
    font-weight:bold;
    padding-left:5px;
}

#selectlist li.listitem {
    padding-left:2px;
}

#selectlist li.separator {
    height:1px;
    border:0px;
    border-bottom:1px solid #b0b0b0;
    margin:-2px 4px 2px 4px;
}



 #selectlist li.secondLevel {
    padding-left:8px;
}
