/* css Zen Garden default style v1.01 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */


/* This file based on 'Tranquille' by Dave Shea */
/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */

/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


/******************************************************************
/* basklasser
******************************************************************/
body { 
	font: 10px/16px Verdana, Arial, sans-serif; 
	color: #666666; 
	background: #117caa no-repeat bottom right; /*#0033FF*/
	margin: 15px;
	text-align: center;
	/*IE-specifikt*/
	SCROLLBAR-FACE-COLOR: #117caa;/*#0033FF;*/ 
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
	SCROLLBAR-SHADOW-COLOR: #ffffff; 
	SCROLLBAR-3DLIGHT-COLOR: #117caa;/*#0033FF;*/ 
	SCROLLBAR-ARROW-COLOR: #ffffff; 
	SCROLLBAR-TRACK-COLOR: #ffffff; 
	SCROLLBAR-DARKSHADOW-COLOR: #000000; 
	SCROLLBAR-BASE-COLOR: #000000;
	}

b.helg{ margin: 0; color: red; }

p { 
	margin-top: 0px 0px 5px; 
	/*text-align: justify;*/
	}

p.p1 { 
	font-size: 10px;
	font-weight: bold;
	line-height: 20px;
	/*text-align: justify;*/
	}

p.p2 { 
	font-size: 10px;
	/*line-height: 20px;*/
	text-align: justify;
	}

p.p3 { 
	font-size: 10px;
	/*line-height: 20px;*/
	text-align: justify;
	margin: 10px 15px;
}

p.p4 { 
	margin: 0px 25px 0px 25px;
}

p.p5 { 
	margin: 5px 0px 5px 0px;
}

p.p6 { 
	font-size: 10px;
	margin: 5px 0px 5px 0px;
	text-align: left;
}

p.p6b { 
	font-size: 10px;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	text-align: justify;
}

p.p6border { 
	font-size: 10px;
	margin: 20px 0px 5px 0px;
	border-bottom: 1px dotted #808080;
}

p.p6Sborder { 
	font-size: 6px;
	margin: 5px 0px 5px 0px;
	border-bottom: 1px dotted #808080;
}

p.p7 { 
	margin: 10px 0px 5px 0px;
}

p.p87 { 
	margin: 30px 0px 5px 0px;
}


h3 { 
	font: bold 14px ; 
	letter-spacing: 1px; 
	margin: 10px 0px 2px;
	text-transform: uppercase;
	color: #18d;
	}


h3.bigFlash { 
	margin-top: 30px;
	text-align: center;
	}

h3.mitt { 
	margin-top: 10px;
	text-align: center;
	}

h4 { 
	font: bold 12px ; 
	letter-spacing: 1px; 
	margin: 20px 0px 2px;
	text-transform: uppercase;
	color: #18d;
	}

a:link { 
	text-decoration: none; 
	color: #0033ff;
	}

a:visited, a:active  { 
	text-decoration: none; 
	color: #0033ff;
	}

a:hover{ 
	text-decoration: underline; 
	color: #99ccff;
	}

form{
	margin: 0;
}

hr{
	color: #0033ff;
	height: 1px;
}

hr.lightgrey{
	color: #808080;
	height: 1px;
}

select{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	background: #FFFFFF;
	border: solid 1px black;
	padding: 2px;
}

ul { 
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 0px;
	margin: 0px;
	line-height: 1.2em;
	list-style-type: none;
}

ol { 
	padding: 10px;
	margin: 20px;
	list-style-type: decimal-leading-zero;
}

ul.onlyLeftPadding { 
	margin: 0px;
	padding-left: 25px;
	list-style-type: none;
}

ul.match{
	list-style-type: none;
	padding: 10px;
	border: none;
	background-color: white;
}

li { 
	padding-bottom: 7px;
}

li.order{
	margin: 0px;
	padding-left: 5px;
	text-align: left;
}

li.noMargin { 
	margin: 0px;
	list-style-type: none;
}

li.resultatColor  { 
	background-color: #99ccff;
	color: black;
	padding: 1px;
	vertical-align: middle;
}

li.resultat  { 
	padding: 1px;
	vertical-align: middle;
}

li.news  { 
	font-style: italic;
	color: #0033ff;
}


li.rad{
	width: 75px;
	padding: 5px;
	display: inline;
}

li.rad1{
	display: inline;
	padding: 0px;
	margin: 1px;
}

li.matchRubrik{
	color: white;
	font-weight: bold; 
	font-size: 10px;
	padding: 5px;
	padding-bottom: 10px;
	background-color: #0033FF;
	width: 100%;
	display: block
}
li.match{
	/*color: white;*/
	font-size: 10px;
	text-align: left;
	padding: 5px;
	width: 100%;
	border-left: dotted 1px #808080;
	border-right: dotted 1px #808080;
	border-bottom: dotted 1px #808080;
	display: block
}

td.schema{
	border-bottom: solid 1px #000;
}

tr.stat {
	margin-left: 25px;
}

td.statAdminBL{
	font-weight: bold;
	width: 25px;
}

td.statAdminL{
	width: 25px;
}

td.statAdminB{
	font-weight: bold;
	width: 25px;
	text-align: center;
}

td.statAdmin{
	width: 25px;
	text-align: center;
}

td.textBoxRubr{
	font-weight: bold; 
	padding: 4; 
	text-align: left;
}

table.statistik{
	border-collapse: collapse;
}

td.statistikTop{
	border-bottom: 1px dotted #808080;
	padding: 8px;
}

td.statistikLeft{
	padding-left: 15px;
	padding-top: 8px
}

td.statistikRight{
	border-left: 1px dotted #808080;
	padding-left: 15px;
	padding-top: 8px
}

td.statistik{
	border: solid 1px #808080;
	padding-left: 2px;
	padding-right: 1px;
}

td.statistikHead{
	border: solid 1px #808080;
	padding-left: 2px;
	font-weight: bold;
}

td.statinfo{
	padding: 15px;
	margin-left: 5px;
	font-size: 10px;
}

td.textBoxAll{
    FONT-SIZE: 10px; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	background-color: whhite;
	border: 1px dotted #808080;
}

td.textBoxBody{
    FONT-SIZE: 10px; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	background-color: white;
	border-bottom: 1px dotted #808080;
	border-left: 1px dotted #808080;
	border-right: 1px dotted #808080;
}

td.textBoxRight{
	FONT-WEIGHT: bold; 
    FONT-SIZE: 12px; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #0033ff;
	background-color: white;
	border-bottom: 1px dotted #808080;
	border-right: 1px dotted #808080;
	border-top: 1px dotted #808080;
}

td.textBoxRightNormal{
	FONT-WEIGHT: normal; 
    FONT-SIZE: 10px; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	background-color: white;
	border-bottom: 1px dotted #808080;
	border-right: 1px dotted #808080;
}



div.halsning{
	margin: 3px 0px 0px 0px;
	font-weight: bold;
}

div.alertMsg{
	margin: 3px 0px 0px 0px;
	font-size: 11pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: red;
}

div.counterBox{
	margin: 0px;
	width: 195px;
	border-top: 1px dotted #808080;
	
}

div.counter{
	margin: 10px 0px;
	width: 195px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

div.imgCenter{
	margin: 10px 0px 5px 0px;
	text-align: center;
}

div.formular{
	background-color: #99ccff;
	margin: 10px 0px 5px 0px;
	padding: 10px;
	border: 1px solid #808080;
}

div.statInfo{
	background-color: #ffffff;
	margin: 10px;
	padding: 10px;
}

div.popBack{
	text-align: center;
	color: #ffffff;
}

div.special {
	font: bold 11px; 
	letter-spacing: 1px; 
	margin: 10px 0px 2px;
	text-transform: uppercase;
	color: #18d;
}

.verd1 {
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
}

.verd1Bottom {
	font-size: 11px;
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
	margin-bottom: 10px;
}

.heighlightText {
	font-weight: bold; 
	font-size: 10px; 
	color: red; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
}

/******************************************************************
/* specifika divs
******************************************************************/


ACRONYM {
	border-bottom: #666 1px dotted;
	font-style: normal;
}
.accesskey {
	text-decoration: underline;
}

#container {
	border: #fff 15px solid;
	width: 800px! important;
	background: url(container_bg.gif) #fff repeat-y; 
	padding: 0px 0px 0px 0px;  
	margin: 0px auto;
	position: relative;
	text-align: left;
	}

#intro { 
	min-width: 470px;
	}
#pageHeader { 
	background: url(../bilder/top.jpg) no-repeat center; /*url(../bilder/logga2006.gif) #0033FF no-repeat center;*/
	width: 800px;
	height: 200px;
	}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1 { 
	margin: 0px;
	text-indent: -999em;
	}
#pageHeader h1 span {
	display:none
	}
#pageHeader h2 { 
	margin: 0px;
	text-indent: -999em;
	}
#pageHeader h2 span {
	display:none;
	}

#quickSummary {
	border-top: #fff 1px solid;
	background: #A7D261; /*#147;*/
	width: 800px;
	/*height: 20px;*/
	min-height: 20px;
	}
#quickSummary P.p1 {
	left: -999em;
	position: absolute;
	}

#quickSummary P.p2 {
	border-right: #fff 1px; 
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	padding-top: 11px;
	margin: 0px;
	text-align: center;
	width: 800px! important; 
	color: #6cf;
	height: 20px! important;
	}

#quickSummary A:link {
	text-transform: uppercase; 
	color: #fff; 
	text-decoration: none;
	}

#quickSummary A:visited {
	text-transform: uppercase; 
	color: #fff; 
	text-decoration: none;
	}

#quickSummary A:hover {
	background: none transparent scroll repeat 0% 0%; 
	text-decoration: underline;
	}

#quickSummary A:active {
	background: none transparent scroll repeat 0% 0%; 
	text-decoration: underline;
	}

#preamble {
	margin: 0px 10px 0px 150px;
	width: 435px; height: 550px;
	padding-left:15px;
	border-bottom: 1px dotted #808080;
	overflow: hidden;
	}

#explanation {
	margin: 0px 10px 0px 150px;
	width: 420px; height: 200px;
	/*position: absolute;*/
	top: 577px;
	padding-left:15px; padding-right:10px;
	overflow: hidden;
	}

#rightfield {
	margin: 0px 10px 0px 180px;
	width: 270px; height: 250px;

	}
#introLag {
	margin: 0px 0px 0px 320px;
	height: 75px;
	}
/* LAGSTART

   Centralboxen */
#bigFlash {
	margin: 0px 10px 0px 150px;
	width: 435px; height: 450px;
	padding-left:15px;
	border-bottom: 1px dotted #808080;
	overflow: hidden;
	}

/* nedre raden vänster box */
#nummer1{
	margin: 0px 10px 0px 150px;
	width: 450px; height: 200px;
	/*position: absolute;*/
	top: 577px;
	padding-left:15px; padding-right:10px;
	/*overflow: hidden;*/
}

/* nedre raden mitten box 
#nummer2 {
	margin: 0px 10px 0px 150px;
	width: 225px; height: 200px;
	position: absolute;
	top: 543px; left: 225px;
	padding-left:10px; padding-right:10px;
	border-left: 1px dotted #808080;
	overflow: hidden;
	}
*/

/* nedre raden höger box */
#nummer3 {
	margin: 0px 10px 0px 150px;
	width: 185px; height: 200px;
	position: absolute;
	top: 643px; left: 450px;
	padding-left:10px;
	border-left: 1px dotted #808080;
	overflow: hidden;
}

/* högerraden överst box */
#nummer4 {
	margin: 0px 10px 0px 150px;
	width: 185px; height: 110px;
	position: absolute;
	top: 232px; left: 450px;
	padding-left:10px;
	border-left: 1px dotted #808080;
	border-bottom: 1px dotted #808080;
	overflow: hidden;

	}

/* högerraden mitten box */
#nummer5 {
	margin: 0px 10px 0px 150px;
	width: 185px; height: 120px;
	position: absolute;
	top: 342px; left: 450px;
	padding-left:10px;
	border-left: 1px dotted #808080;
	border-bottom: 1px dotted #808080;
	overflow: hidden;

	}


/* högerraden mitten box */
#nummer6 {
	margin: 0px 10px 0px 150px;
	width: 185px; height: 180px;
	position: absolute;
	top: 462px; left: 450px;
	padding-left:10px;
	border-left: 1px dotted #808080;
	border-bottom: 1px dotted #808080;
	overflow: hidden;

	}

/* högerraden admin hjälpbox */
#nummer7 {
	margin: 0px 10px 0px 150px;
	width: 185px; height: 425px;
	position: absolute;
	top: 398px; left: 450px;
	padding:10px 0px 10px 10px;
	border-left: 1px dotted #808080;
	border-bottom: 1px dotted #808080;
	overflow: auto;

}

/* högerraden styrelsesidorna */
#nummer7S {
	margin: 0px 10px 0px 150px;
	width: 185px; height: 425px;
	position: absolute;
	top: 398px; left: 450px;
	padding:10px 0px 10px 10px;
	border-left: 1px dotted #808080;
	overflow: auto;

}

/* högerraden överst box admin*/
#nummer8 {
	margin: 0px 10px 0px 150px;
	width: 185px; height: 160px;
	position: absolute;
	top: 232px; left: 450px;
	padding-left:10px;
	border-left: 1px dotted #808080;
	border-bottom: 1px dotted #808080;
	overflow: hidden;

	}


#participation {
	margin: 0px 10px 0px 150px;
	width: 205px; height: 75px;
	position: absolute;
	top: 692px; left: 0px;
	padding-left:10px;
	border-top: 1px dotted #808080;
	border-right: 1px dotted #808080;
	border-left: none;
	border-bottom: none;
	overflow: hidden;
}

#participation2 {
	margin: 0px 10px 0px 150px;
	width: 225px; height: 75px;
	position: absolute;
	top: 692px; left: 215px;
	padding-left:10px;
	border-left: none;
	border-bottom: none;
	border-right: none;
	border-top: 1px dotted #808080;
	overflow: hidden;
	}

#rightBox{
	margin: 0px 10px 0px 150px;
	width: 185px; height: 410px;/*248px;*/
	position: absolute;
	top: 232px; left: 450px;
	padding-left:10px;
	border-left: 1px dotted #808080;
	border-bottom: 1px dotted #808080;
	overflow: hidden;
}

#rightBox2{
	margin: 0px 10px 0px 150px;
	width: 185px; height: 355px;/*162px;*/
	position: absolute;
	top: 642px; left: 450px;
	padding-left:10px;
	border-left: 1px dotted #808080;
	border-bottom: 1px dotted #808080;
	overflow: hidden;
}

#benefits {
	margin: 0px 150px 0px 220px;
	}

#requirements {
	margin: 0px 150px 0px 220px;
	}

#supportingText {
	margin: 0px 10px 0px 150px;
	width: 420px; min-height: 610px;
	padding-left: 15px;
	}

#supportingTextIE {
	margin: 0px 10px 0px 150px;
	width: 420px; height: 610px;
	padding-left: 15px;
	}


#footer {
	color: yellow; 
	padding-right: 12px; 
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 6px;
	margin-top: 15px;  
	background: #117caa;/*#0033FF;*/  
	width: 788px! important;  
	height: 24px! important; 
	text-align: center;
	}

#footer A:link {
	text-decoration: none 
	color: yellow;
	}
#footer A:visited {
	text-decoration: none 
	color: yellow;
	}
#footer A:hover {
	text-decoration: none 
	color: yellow;
	}
#footer A:active {
	text-decoration: none 
	color: yellow;
	}

#linkList {
	left: 0px; 
	width: 150px; 
	border-bottom: #fff 1px solid; 
	position: absolute; 
	top: 232px;
}
#linkList H3 {
	margin: 0px; 
	text-indent: -1100px; 
	height: 45px;
}
#linkList A:link {
	font-size: 11px; 
	color: #fff;
}
#linkList A:visited {
	font-size: 11px; 
	color: #fff;
}
#linkList A:hover {
	font-size: 12px; 
	color: yellow;
}
#linkList A:active {
	font-size: 11px; 
	color: #fff;
}
#linkList A.c {
	font-size: 10px;
}
#linkList ACRONYM {
	border-bottom-style: none;
}
/*#linkList2 { 
	font: 10px verdana, sans-serif; 
	background: transparent url(paper-bg.jpg) top left repeat-y; 
	padding: 10px; 
	margin-top: 150px; 
	width: 130px; 
	}*/
#linkList h3.select { 
	background: transparent url(h3.gif) no-repeat top left;
	margin: 5px 0px 5px 0px; 
	width: 97px; 
	height: 5px;
	}
#linkList h3.select span {
	display: none;
	}
#linkList h3.favorites { 
	background: transparent url(h4.gif) no-repeat top left; 
	margin: 5px 0px 5px 0px; 
	width: 60px; 
	height: 5px; 
	}
#linkList h3.favorites span {
	display:none
	}
#linkList h3.archives { 
	background: transparent url(h5.gif) no-repeat top left; 
	margin: 5px 0px 5px 0px; 
	width:57px; 
	height: 5px; 
	}
#linkList h3.archives span {
	display:none
	}
#linkList h3.resources { 
	background: transparent url(h6.gif) no-repeat top left; 
	margin: 25px 0px 5px 0px; 
	width:63px; 
	height: 10px; 
	}
#linkList h3.resources span {
	display:none
	}
/*
#linkList ul {
	margin: 0px;
	padding: 0px;
	}
#linkList li {
	line-height: 2.5ex; 
	list-style-type: none;
	background: transparent url(cr1.gif) no-repeat top center; 
	display: block; 
	padding-top: 5px; 
	margin-bottom: 5px;
	}
#linkList li a:link { 
	color: #988F5E;
	}
#linkList li a:visited {
	color: #B3AE94;
	}
*/	
#lselect {
	border-top: #fff 1px solid; 
	background: #117caa;/*#0033FF;*/
}
#lfavorites {
	border-top: #fff 1px solid; 
	background: #18d;
}
#lselect H3 {
	background: url(select.gif);
}
#lfavorites H3 {
	background: url(favourites.gif);
}
#lselect LI {
	background: url(select_bg.gif) repeat-x left bottom; 
	color: #6cf;
}
#lfavorites LI {
	background: url(select_bg.gif) repeat-x left bottom; 
	color: #6cf;
}
#lselect A:hover {
	color: yellow;
}
#lselect A:active {
	color: #fff;
}
#lfavorites A:hover {
	color: yellow;
}
#lfavorites A:active {
	color: fff;
}
#larchives {
	border-top: #fff 1px solid; 
	background: #A7D261;
}
#larchives H3 {
	background: url(archives.gif);
}
#larchives LI {
	background: url(archives_bg.gif) repeat-x left bottom; 
	color: #cf3;
}

#larchives A:hover {
	color: #9c0;
}
#larchives A:active {
	color: #9c0;
}
#lresources {
	border-top: #fff 1px solid;
	height: 90px;
	
	background: url(../bilder/sponsorer.gif) #FFAE62 no-repeat center;
}
#lresources H3 {
	background: url(resources.gif);
}
#lresources LI {
	background: url(resources_bg.gif) repeat-x left bottom; 
	color: #fcc;
}
#lresources A:hover {
	color: #d8c;
}
#lresources A:active {
	color: #d8c;
}

#extraDiv1 { 
	background: transparent url(cr2.gif) top left no-repeat; 
	position: absolute; 
	top: 40px; 
	right: 0px; 
	width: 148px; 
	height: 110px; 
	}
.timeDate{
	background : #A7D261;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color : #147;
	font-weight: bold;
}

.inputstyle{ 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 8pt; 
	color: black; 
	background: #FFFFFF; 
	border: solid 1px black; 
}

/******************************************************************
/* popup calender Klasser
******************************************************************/
.TESTcpYearNavigation,
.TESTcpMonthNavigation
		{
		background-color:#6677DD;
		text-align:center;
		vertical-align:center;
		text-decoration:none;
		color:#FFFFFF;
		font-weight:bold;
		}
.TESTcpDayColumnHeader,
.TESTcpYearNavigation,
.TESTcpMonthNavigation,
.TESTcpCurrentMonthDate,
.TESTcpCurrentMonthDateDisabled,
.TESTcpOtherMonthDate,
.TESTcpOtherMonthDateDisabled,
.TESTcpCurrentDate,
.TESTcpCurrentDateDisabled,
.TESTcpTodayText,
.TESTcpTodayTextDisabled,
.TESTcpText
		{
		font-family:arial;
		font-size:8pt;
		}
TD.TESTcpDayColumnHeader
		{
		text-align:right;
		border:solid thin #6677DD;
		border-width:0 0 1 0;
		}
.TESTcpCurrentMonthDate,
.TESTcpOtherMonthDate,
.TESTcpCurrentDate
		{
		text-align:right;
		text-decoration:none;
		}
.TESTcpCurrentMonthDateDisabled,
.TESTcpOtherMonthDateDisabled,
.TESTcpCurrentDateDisabled
		{
		color:#D0D0D0;
		text-align:right;
		text-decoration:line-through;
		}
.TESTcpCurrentMonthDate
		{
		color:#6677DD;
		font-weight:bold;
		}
.TESTcpCurrentDate
		{
		color: #FFFFFF;
		font-weight:bold;
		}
.TESTcpOtherMonthDate
		{
		color:#808080;
		}
TD.TESTcpCurrentDate
		{
		color:#FFFFFF;
		background-color: #6677DD;
		border-width:1;
		border:solid thin #000000;
		}
TD.TESTcpCurrentDateDisabled
		{
		border-width:1;
		border:solid thin #FFAAAA;
		}
TD.TESTcpTodayText,
TD.TESTcpTodayTextDisabled
		{
		border:solid thin #6677DD;
		border-width:1 0 0 0;
		}
A.TESTcpTodayText,
SPAN.TESTcpTodayTextDisabled
		{
		height:20px;
		}
A.TESTcpTodayText
		{
		color:#6677DD;
		font-weight:bold;
		}
SPAN.TESTcpTodayTextDisabled
		{
		color:#D0D0D0;
		}
.TESTcpBorder
		{
		border:solid thin #6677DD;
		}