body
{
	background-color: #FFFFFF;
	margin-left: 3px;
	margin-top: 0px;
}
#divHeader
{
	width: 100%;
	height: 66px;
	margin-left: 0px;
	padding: 0px;
}
#divHeaderLogotype
{
	width: 200px;
	height: 66px;
	float: left;
	text-align: center;
}
#divHeaderMeny {
    width: 100%;
    height: 30px;
    margin-left: 0px;
    margin-top: 0px;
    float: left;
    background: #eeeeee;
    background: linear-gradient(to right, #cccccc 0%,#eeeeee 100%);
    background: -webkit-linear-gradient(left, #cccccc 0%,#eeeeee 100%);
    background: -moz-linear-gradient(left, #cccccc0%, #eeeeee100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc, endColorstr='#eeeeee,GradientType=1 );
    border-radius: 5px 5px 0px 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #eeeeee;
}

#divHeaderMenyLeft
{
	width: 65%;
	float:left;
}
#divHeaderMenyRight
{
	width: 35%;
	float: right;
	padding-top: 8px;
	padding-right: 12px;
    min-width: 430px;
}
#divAnvandareNamn
{
	float: right;
	text-align: right;
	width: 30%;
}
#divLoggaUt
{
	float: right;
	color: #000000;
	font-weight: bold;
	text-align: right;
	width: 60px;
	cursor: pointer;
}
#divHeaderContainer
{
	width: 100%;
	height: 66px;
/*	border-bottom: solid 1px red; */
}
#divHeaderSasong
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	height: 42px;
	padding-top: 5px;
}
#divHeaderContent
{
	margin-top: 1px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	height: 24px;
/*	border-bottom: solid 1px green; */
}
#divHeaderContentFlikar
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	float: left;
	width: 454px; /*464px;*/
	height: 24px;
	/* border: solid 1px purple; */
	padding-top: 4px;
	
}
#divHeaderContentSok {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 70%;
    height: 100%;
    float: left;
}

#divHeaderContentSokTextbox
{
	float: left;
	margin-right: 2px;
}
#divHeaderContentSokButton
{
	float: left;
    padding-left: 5px;
}
#divHeaderContentSokDropDownList
{
	float: left;
    padding-left: 40px;
}



/* Div för login-sidan */
#divLoginPageContainer
{
	width: 99%;
	height: 99%;
	text-align: center;
}
/* Div för login-sidan */
#divLoginMain
{
	margin: auto; /* Firefox */
	margin-top: 150px; /*150px; */
	width: 382px;
	background-color: #F9F9F8;
	border-left: solid 1px #C5C5C5;
	border-right: solid 1px #C5C5C5;
}
/* Div för login-sidan */
#divLoginHeader
{
	height: 43px;
	background-image: url(../Bilder/loggaInHeader.gif);
}
/* Div för login-sidan */
#divLoginContent
{
	margin-bottom: 20px;
	text-align: left;
}
/* Div för login-sidan */
#divLoginFooter
{
	border-top: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
}
/* Div för login-sidan */
#divLoginContentRubrik
{
	text-align: left;
	height: 25px;
	font-size: 14px;
	font-weight: bold;
	margin-top: 25px;
	margin-left: 34px;
	margin-right: 34px;
	
}
/* Div för login-sidan */
#divLoginContentAnvandarnamn
{
	text-align: left;
	height: 25px;
	margin-top: 20px;
	margin-left: 34px;
	margin-right: 34px;
}
/* Div för login-sidan */
.divLoginContentLosenord
{
	margin-top: 8px;
	text-align: left;
	height: 25px;
	margin-left: 34px;
	margin-right: 34px;
}
/* Div för login-sidan */
#divLoginContentGlomtLosenord
{
	margin-top: 8px;
/*	margin-right: 34px;*/
/*	text-align: right;*/
	margin-left: 178px;
	text-align: left;
	height: 20px;
}
/* Div för login-sidan */
#divLoginContentInfoOmFogis
{
/*	margin-right: 109px;*/
/*	text-align: right;*/
	margin-left: 178px;
	text-align: left;
	height: 20px;
}
/* Div för login-sidan */
#divLoginContentAnvandarnamnText
{
	float: left;
	font-weight: bold;
	
}
/* Div för login-sidan */
#divLoginContentAnvandarnamnTextruta
{
	float: right;
	
}
/* Div för login-sidan */
.divLoginContentLosenordText
{
	float: left;
	font-weight: bold;
	
}
/* Div för login-sidan */
.divLoginContentLosenordTextruta
{
	float: right;
	
}
/* Div för login-sidan */
#divLoginFooterButton
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 34px;
	text-align: right;
}
/* Informations-div på sidan där användaren tvingas byta lösenord */
.divBytLosenordInfo
{
	margin-top: 8px;
	text-align: left;
	margin-left: 34px;
	margin-right: 34px;
}
/* Validerings-sumamry-div på sidan där användaren tvingas byta lösenord*/
.divLoginValidationSummary
{
	margin-top: 8px;
	text-align: left;
	margin-left: 34px;
	margin-right: 34px;
}
/* Div för nytt lösenord-sidan */
#divNyttLosenordPageContainer
{
	width: 99%;
	height: 99%;
	text-align: center;
}
/* Div för login-sidan */
#divNyttLosenordMain
{
	margin: auto; /* Firefox */
	margin-top: 20px;
	width: 600px;
	background-color: #F9F9F8;
	border-left: solid 1px #C5C5C5;
	border-right: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
}
/* Div för login-sidan */
#divNyttLosenordMainHeader
{
	height: 27px;
	width: 600px;
	background-image: url(../Bilder/nyttLosenordRubrik.gif);
	border-top: solid 1px #C5C5C5;
}
/* Div för login-sidan */
#divNyttLosenordMainHeaderRubrik
{
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 16px;
	color: #8F8F8F;
}
/* Div för login-sidan */
.divNyttLosenordMainContent
{
	width: 600px;
	border-top: solid 1px #C5C5C5;
}
/* Div för login-sidan */
#divNyttLosenordMainContentTop
{
	margin-left: 40px;
	margin-top: 40px;
	margin-right: 80px;
	text-align: left;
}
/* Div för login-sidan */
.divNyttLosenordMainContentMiddle
{
	margin-left: 40px;
	margin-top: 20px;
	margin-right: 80px;
	text-align: left;
}
.divNyttLosenordAngeEpostadress
{
	margin-left: 0px;
	padding-left: 40px;
	margin-top: 20px;
	margin-right: 0px;
	padding-right: 80px;
	text-align: left;
	border-top: solid 1px #C5C5C5;
}
.divNyttLosenordMainContentHelp
{
	margin-left: 0px;
	padding-left: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 0px;
	padding-right: 80px;
	text-align: left;
	border-top: solid 1px #C5C5C5;
}
.divNyttLosenordMainContentBottom
{
	margin-left: 40px;
	margin-top: 20px;
	margin-right: 80px;
	margin-bottom: 20px;
	text-align: left;
	font-weight: bold;
}
/* Div för login-sidan */
.divNyttLosenordMainFooter
{
	width: 600px;
	border-top: solid 1px #C5C5C5;
}
/* Div för login-sidan */
.divNyttLosenordMainFooterButton
{
	margin-top: 5px;
	margin-left: 32px;
	text-align: left;
}

#divHogerInfo
{
	width: 200px;
	background-color: #F9F9F8;
	float: left;
	margin-left: 0px;
	border: solid 1px #C5C5C5;
}
#divHogerInfoRubrik
{
	background-color: #ECF4FC;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	border-bottom: solid 1px #C5C5C5;
}
#divHogerInfoInformation
{
	padding: 5px 5px 5px 5px;
}


/*Den gråa Header-raden i divMain, som till exempel på laganmälan.*/
#divMainHeader
{
	background-color: #B7B7B7;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
}

#divMainContentLeft
{
    order: 0;
    width: 50%;
    float: left;
}
.divMainContentLeft
{
	width: 80%;
}

#divMainContentRight
{
	margin-top: 3px;
    order: 1;
    width: 50%;
    float: left;
}

.divMainContentRight
{
	margin-top: 3px;
	width: 20%;
    flex: 0.5;
}
div.clear
{
	clear: both;
}

/* Div som används för att dela upp formuläret i två kolumner*/
#divMainContentInfoLeft
{
	width: 420px;
	float: left;
}
/* Div som används för att dela upp formuläret i två kolumner*/
#divMainContentInfoRight
{
	margin-top: 3px;
	width: 330px;
	float:right;
}

.divVanstermenyRubrik
{
	height: 20px;
	background-image: url(../Bilder/vanstermenyRandig.gif);
	font-size: 11px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 2px;
}
.divVanstermenyInnehall
{
	font-size: 10px;
	font-weight: bold;
	padding-left: 5px;
	margin-bottom: 15px;
	margin-top: 5px;
	
}
.divVanstermenyHeader
{
	font-size: 10px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
}

#divLagAnmalanKommentar
{
	width: 230px;
	margin-top: 16px;
}

/* Används i modala dialoger där det finns en meny */
.divModalHorisontalMenuContainer
{
	height: 22px; 
    background-image: url(../Bilder/tabstrippBakgrund.gif);
}
/*En mindre divHorisontalMenuContainerSmall med utrymme för informationsfält till höger(divHogerInfo)*/
.divHorisontalMenuContainerSmall
{
	width: 500px;
	height: 22px; 
    background-image: url(../Bilder/tabstrippBakgrund.gif);
}

.tabAktiv73
{
	 cursor: pointer;
     width: 73px;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: black;
     font-weight: bold;
     text-decoration: none;
     float:left;
     background: #f6e6b4;
     border-radius: 5px 5px 0px 0px;
     border-width: 1px;
     border-color: #aaaaaa;
     border-style: solid;
     background: linear-gradient(to bottom, #f6e6b4 0%,#ed9017 100%);

}
.tabAktiv80
{
	 cursor: pointer;
     width: 80px;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: black;
     font-weight: bold;
     text-decoration: none;
     float:left;
     background: #f6e6b4;
     border-radius: 5px 5px 0px 0px;
     border-width: 1px;
     border-color: #aaaaaa;
     border-style: solid;
     background: linear-gradient(to bottom, #f6e6b4 0%,#ed9017 100%);}
.tabAktiv90
{
	 cursor: pointer;
     width: 90px;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: black;
     font-weight: bold;
     text-decoration: none;
     float:left;
     background: #f6e6b4;
     border-radius: 5px 5px 0px 0px;
     border-width: 1px;
     border-color: #aaaaaa;
    border-style: solid;
     background: linear-gradient(to bottom, #f6e6b4 0%,#ed9017 100%);}
.tabAktiv100
{
	 cursor: pointer;
     width: 100px;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: black;
     font-weight: bold;
     text-decoration: none;
     float:left;
     background: #f6e6b4;
     border-radius: 5px 5px 0px 0px;
     border-width: 1px;
     border-color: #aaaaaa;
    border-style: solid;
     background: linear-gradient(to bottom, #f6e6b4 0%,#ed9017 100%);}
.tabAktiv110 {
    cursor: pointer;
    width: 110px;
    height: 22px;
    padding-top: 4px;
    text-align: center;
    color: black;
    font-weight: bold;
    text-decoration: none;
    float: left;
    background: #f6e6b4;
    border-radius: 5px 5px 0px 0px;
    border-width: 1px;
    border-color: #aaaaaa;
    border-style: solid;
    background: linear-gradient(to bottom, #f6e6b4 0%,#ed9017 100%);
}
.tabAktiv120
{
	 cursor: pointer;
     width: 120px;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: black;
     font-weight: bold;
     text-decoration: none;
     float:left;
     background: #f6e6b4;
     border-radius: 5px 5px 0px 0px;
     border-width: 1px;
     border-color: #aaaaaa;
    border-style: solid;
     background: linear-gradient(to bottom, #f6e6b4 0%,#ed9017 100%);
}
.tabAktiv140
{
	 cursor: pointer;
     width: 140px;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: black;
     font-weight: bold;
     text-decoration: none;
     float:left;
     background: #f6e6b4;
     border-radius: 5px 5px 0px 0px;
     border-width: 1px;
     border-color: #aaaaaa;
    border-style: solid;
     background: linear-gradient(to bottom, #f6e6b4 0%,#ed9017 100%);
}
.tabAktiv160
{
	 cursor: pointer;
     width: 160px;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: black;
     font-weight: bold;
     text-decoration: none;
     float:left;
     background: #f6e6b4;
     border-radius: 5px 5px 0px 0px;
     border-width: 1px;
     border-color: #aaaaaa;
    border-style: solid;
     background: linear-gradient(to bottom, #f6e6b4 0%,#ed9017 100%);

}
.tabAktiv73Disabled
{
     width: 73px;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: #333333;
     font-weight: bold;
     text-decoration: none;
     float:left;
     background-image: url(../Bilder/tabKontextmenyAktiverad73.gif);
}
.tabAktiv80Disabled
{
     width: 80px;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: #333333;
     font-weight: bold;
     text-decoration: none;
     float:left;
     background-image: url(../Bilder/tabKontextmenyAktiverad80.gif);
}
.tabAktiv90Disabled
{
     width: 90px;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: #333333;
     font-weight: bold;
     text-decoration: none;
     float:left;
     background-image: url(../Bilder/tabKontextmenyAktiverad90.gif);
}
.tabAktiv100Disabled
{
     width: 100px;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: #333333;
     font-weight: bold;
     text-decoration: none;
     float:left;
     background-image: url(../Bilder/tabKontextmenyAktiverad100.gif);
}
.tabAktiv110Disabled
{
     width: 110px;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: #333333;
     font-weight: bold;
     text-decoration: none;
     float:left;
     background-image: url(../Bilder/tabKontextmenyAktiverad110.gif);
}
.tabAktiv120Disabled
{
     width: 120px;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: #333333;
     font-weight: bold;
     text-decoration: none;
     float:left;
     background-image: url(../Bilder/tabKontextmenyAktiverad120.gif);
}
.tabAktiv140Disabled
{
     width: 140px;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: #333333;
     font-weight: bold;
     text-decoration: none;
     float:left;
     background-image: url(../Bilder/tabKontextmenyAktiverad140.gif);
}
.tabAktiv160Disabled
{
     width: 160px;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: #333333;
     font-weight: bold;
     text-decoration: none;
     float:left;
     background-image: url(../Bilder/tabKontextmenyAktiverad160.gif);
}
.tabInaktiv73
{
	 cursor: pointer;
     width: 73px;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: black;
     font-weight: bold;
     text-decoration: none;
     float:left;
    background: #dddddd;
    border-radius: 5px 5px 0px 0px;
    border-width: 1px;
    border-color: #aaaaaa;
    border-style: solid;
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
}
.tabInaktiv80
{
	 cursor: pointer;
     width: 80px;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: black;
     font-weight: bold;
     text-decoration: none;
     float:left;
    background: #dddddd;
    border-radius: 5px 5px 0px 0px;
    border-width: 1px;
    border-color: #aaaaaa;
    border-style: solid;
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
}
.tabInaktiv90
{
	 cursor: pointer;
     width: 90px;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: black;
     font-weight: bold;
     text-decoration: none;
     float:left;
    background: #dddddd;
    border-radius: 5px 5px 0px 0px;
    border-width: 1px;
    border-color: #aaaaaa;
    border-style: solid;
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);}
.tabInaktiv100
{
	 cursor: pointer;
     width: 100px;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: black;
     font-weight: bold;
     text-decoration: none;
     float:left;
    background: #dddddd;
    border-radius: 5px 5px 0px 0px;
    border-width: 1px;
    border-color: #aaaaaa;
    border-style: solid;
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);

}
.tabInaktiv110
{
	 cursor: pointer;
     width: 110px;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: black;
     font-weight: bold;
     text-decoration: none;
     float:left;
    background: #dddddd;
    border-radius: 5px 5px 0px 0px;
    border-width: 1px;
    border-color: #aaaaaa;
    border-style: solid;
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);

}
.tabInaktiv120
{
	 cursor: pointer;
     width: 120px;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: black;
     font-weight: bold;
     text-decoration: none;
     float:left;
    background: #dddddd;
    border-radius: 5px 5px 0px 0px;
    border-width: 1px;
    border-color: #aaaaaa;
    border-style: solid;
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);

}
.tabInaktiv140
{
	 cursor: pointer;
     width: 140px;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: black;
     font-weight: bold;
     text-decoration: none;
     float:left;
    background: #dddddd;
    border-radius: 5px 5px 0px 0px;
    border-width: 1px;
    border-color: #aaaaaa;
    border-style: solid;
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
}
.tabInaktiv160
{
	 cursor: pointer;
     width: 160px;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: black;
     font-weight: bold;
     text-decoration: none;
     float:left;
    background: #dddddd;
    border-radius: 5px 5px 0px 0px;
    border-width: 1px;
    border-color: #aaaaaa;
    border-style: solid;
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
}
.tabInaktiv73Disabled
{
     width: 73px;
  	 cursor: pointer;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: #333333;
     font-weight: bold;
     text-decoration: none;
     float:left;
    background: #dddddd;
    border-radius: 5px 5px 0px 0px;
    border-width: 1px;
    border-color: #aaaaaa;
    border-style: solid;
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
}
.tabInaktiv80Disabled
{
     width: 80px;
  	 cursor: pointer;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: #333333;
     font-weight: bold;
     text-decoration: none;
     float:left;
    background: #dddddd;
    border-radius: 5px 5px 0px 0px;
    border-width: 1px;
    border-color: #aaaaaa;
    border-style: solid;
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
}
.tabInaktiv90Disabled
{
     width: 90px;
  	 cursor: pointer;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: #333333;
     font-weight: bold;
     text-decoration: none;
     float:left;
    background: #dddddd;
    border-radius: 5px 5px 0px 0px;
    border-width: 1px;
    border-color: #aaaaaa;
    border-style: solid;
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
}
.tabInaktiv100Disabled
{
     width: 100px;
  	 cursor: pointer;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: #333333;
     font-weight: bold;
     text-decoration: none;
     float:left;
    background: #dddddd;
    border-radius: 5px 5px 0px 0px;
    border-width: 1px;
    border-color: #aaaaaa;
    border-style: solid;
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
}
.tabInaktiv110Disabled
{
     width: 110px;
  	 cursor: pointer;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: #333333;
     font-weight: bold;
     text-decoration: none;
     float:left;
    background: #dddddd;
    border-radius: 5px 5px 0px 0px;
    border-width: 1px;
    border-color: #aaaaaa;
    border-style: solid;
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
}
.tabInaktiv120Disabled
{
     width: 120px;
  	 cursor: pointer;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: #333333;
     font-weight: bold;
     text-decoration: none;
     float:left;
    background: #dddddd;
    border-radius: 5px 5px 0px 0px;
    border-width: 1px;
    border-color: #aaaaaa;
    border-style: solid;
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
}
.tabInaktiv140Disabled
{
     width: 140px;
  	 cursor: pointer;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: #333333;
     font-weight: bold;
     text-decoration: none;
     float:left;
    background: #dddddd;
    border-radius: 5px 5px 0px 0px;
    border-width: 1px;
    border-color: #aaaaaa;
    border-style: solid;
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
}
.tabInaktiv160Disabled
{
     width: 160px;
  	 cursor: pointer;
     height: 22px;
     padding-top: 4px;
     text-align:center;
     color: #333333;
     font-weight: bold;
     text-decoration: none;
     float:left;
    background: #dddddd;
    border-radius: 5px 5px 0px 0px;
    border-width: 1px;
    border-color: #aaaaaa;
    border-style: solid;
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
} 
    
.tabHeaderMenyInaktiverad73 {
    cursor: pointer;
    width: 73px;
    height: 20px;
    padding-top: 4px;
    text-align: center;
    color: black;
    font-weight: bold;
    text-decoration: none;
    float: left;
    background: #dddddd;
    border-radius: 5px 5px 0px 0px;
    border-width: 1px;
    border-color: #aaaaaa;
    border-style: solid;
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
}

.tabHeaderMenyInaktiverad80 {
    cursor: pointer;
    width: 80px;
    height: 20px;
    padding-top: 4px;
    text-align: center;
    color: black;
    font-weight: bold;
    text-decoration: none;
    float: left;
    background: #dddddd;
    border-radius: 5px 5px 0px 0px;
    border-width: 1px;
    border-color: #aaaaaa;
    border-style: solid;
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
}
.tabHeaderMenyInaktiverad100 {
    cursor: pointer;
    width: 100px;
    height: 20px;
    padding-top: 4px;
    text-align: center;
    color: black;
    font-weight: bold;
    text-decoration: none;
    float: left;
    background: #dddddd;
    border-radius: 5px 5px 0px 0px;
    border-width: 1px;
    border-color: #aaaaaa;
    border-style: solid;
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
}
.tabHeaderMenyInaktiverad110 {
    cursor: pointer;
    width: 110px;
    height: 20px;
    padding-top: 4px;
    text-align: center;
    color: black;
    font-weight: bold;
    text-decoration: none;
    float: left;
    background: #dddddd;
    border-radius: 5px 5px 0px 0px;
    border-width: 1px;
    border-color: #aaaaaa;
    border-style: solid;
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
}
.tabHeaderMenyAktiverad73
{
	 cursor: pointer;
     width: 73px;
     height: 20px;
     padding-top: 4px;
     text-align:center;
     color: black;
     font-weight: bold;
     text-decoration: none;
     float:left;
     background: #f6e6b4;
     border-radius: 5px 5px 0px 0px;
     border-width: 1px;
     border-color: #aaaaaa;
    border-style: solid;
     background: linear-gradient(to bottom, #f6e6b4 0%,#ed9017 100%);
}
.tabHeaderMenyAktiverad80
{
	 cursor: pointer;
     width: 80px;
     height: 20px;
     padding-top: 4px;
     text-align:center;
     color: black;
     font-weight: bold;
     text-decoration: none;
     float:left;
     background: #f6e6b4;
    border-radius: 5px 5px 0px 0px;
    border-width: 1px;
    border-color: #aaaaaa;
    border-style: solid;

     background: linear-gradient(to bottom, #f6e6b4 0%,#ed9017 100%);
}

.tabHeaderMenyAktiverad100
{
    cursor: pointer;
    width: 100px;
    height: 20px;
    padding-top: 4px;
    text-align:center;
    color: black;
    font-weight: bold;
    text-decoration: none;
    float:left;
    background: #f6e6b4;
    border-radius: 5px 5px 0px 0px;
    border-width: 1px;
    border-color: #aaaaaa;
    border-style: solid;
    background: linear-gradient(to bottom, #f6e6b4 0%,#ed9017 100%);
}
.tabHeaderMenyAktiverad110
{
	 cursor: pointer;
     width: 110px;
     height: 20px;
     padding-top: 4px;
     text-align:center;
     color: black;
     font-weight: bold;
     text-decoration: none;
     float:left;
     background: #f6e6b4;
         border-radius: 5px 5px 0px 0px;
    border-width: 1px;
    border-color: #aaaaaa;
    border-style: solid;

     background: linear-gradient(to bottom, #f6e6b4 0%,#ed9017 100%);
}
.divHeaderUnderMenyOsynlig
{
	visibility: hidden;
	height: 0px;
	position:absolute;
	left: 10px;
	top: 72px;
}
.divHeaderUnderMeny
{
	position:absolute;
	left: 10px;
	top: 72px;
	visibility: visible;
	width: 60%;
	height: 32px;
	font-weight: bold;
	padding-top: 13px;
	padding-left: 10px;
}
.divHeaderUnderMenyLank
{
	cursor: pointer;
	float: left;
}
/* Används för att disabla länkar i undermenyer vid tex nya releaser */
.divHeaderUnderMenyLankDisabled
{
	float: left;
	cursor: auto;
}
.divHeaderUnderMenyStreck
{
	height: 11px;
	width: 2px;
	background-image: url(../Bilder/tabHeaderMenyMellanStreck.gif);
	margin-left: 10px;
	margin-right: 10px;
	float: left;
}
#divTavlingskategoriSokModal
{
	width: 980px;
	background-color: #F9F9F8;
	margin: 10px;
	padding: 5px 5px 5px 5px;
	border: solid 1px #C5C5C5;
}

/* Används i den modala dialogen för att söka personer */
#divSokModalContainer
{
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
}
/* Används i den modala dialogen för att söka objekt */
#divSokModalSok
{
	padding: 5px 5px 5px 5px;
	background-color: #F9F9F8;
	border: solid 1px #C5C5C5;
}
/* Används i den modala dialogen för att söka objekt */
#divSokModalSokFooter
{
	background-color: #F9F9F8;
	border-bottom: solid 1px #C5C5C5;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
}
/* Används i den modala dialogen för att söka objekt */
#divSokModalSokLista
{
	margin-top: 10px;
	padding: 5px 5px 5px 5px;
}
/* Används i den modala dialogen för att söka objekt */
#divSokModalSokListaMedBakgrund
{
	padding: 10px 5px 5px 5px;
	background-color: #F9F9F8;
	border-bottom: solid 1px #C5C5C5;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
}
/* Används i den modala dialogen för att söka objekt */
#divSokModalFooter
{
	background-color: #F9F9F8;
	border-bottom: solid 1px #C5C5C5;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
}
/* Används i den modala dialogen för att spara nytt objekt */
.divModalObjektContainer
{
	margin-left: 10px;
	margin-top: 10px;
}
/* Används i den modala dialogen för att spara nytt objekt */
.divModalObjekt
{
	padding: 5px 5px 5px 5px;
	background-color: #F9F9F8;
	border: solid 1px #C5C5C5;
}
.divModalObjektUtanHojd
{
	padding: 5px 5px 5px 5px;
	background-color: #F9F9F8;
	border: solid 1px #C5C5C5;
}

/* Används i den modala dialogen för att spara nytt objekt. Används där det finns en meny */
.divModalObjektMedMeny
{
	padding: 5px 5px 5px 5px;
	background-color: #F9F9F8;
	border-left: solid 1px #C5C5C5;
	border-right: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	height: 100px;
}
/* Används i den modala dialogen för att spara nytt objekt */
#divModalObjektFooter
{
	background-color: #F9F9F8;
	border-bottom: solid 1px #C5C5C5;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
}
/* För formuläret Placera lag */
#divPlaceraLagTavlingskategori
{
	height: 100px;
	float: left;
	width: 40%;
}
/* För formuläret Placera lag */
#divPlaceraLagTavlingskategoriInformation
{
	float: left;
	margin-right: 20px;
}
#divPlaceraLagTavlingskategoriInformationHeaderTavling
{
	margin-bottom: 14px;
}
#divPlaceraLagTavlingskategoriInformationHeaderTavlingskategori
{
	margin-bottom: 14px;
}
#divPlaceraLagTavlingskategoriInformationHeaderTavling tr td.buttonColumn
{
    width: 250px;
    text-align: right;
}
/* För formuläret Placera lag */
#divPlaceraLagTavlingskategoriKnappar
{
	float: left;
	margin-top: 91px;
}
/* För formuläret Placera lag */
#divPlaceraLagTavlingar
{
	float: left;
	margin-left: 20px;
	width: 50%;

}
#divPlaceraLagTavlingarInformationHeader
{
	margin-bottom: 70px;
}

#divLagengagemangInputTabell
{
    /*
	width: 530px;
	float: left;
        */
}
/* För formuläret beslutsdeltagare till bestraffningsärende */
#divBeslutsdeltagareContainer
{
	/*width: 500px;*/
	width: 700px;
	overflow: auto;
	float: none;
}
#divValdaBeslutsdeltagare
{
    width: 30%;
    margin-left: 5px;
	float: left;
}
#divTillgangligaBeslutsdeltagare
{
    width: 30%;
    margin-left: 5px;
	float: left;
}
#divBeslutsdeltagareJav
{
    width: 30%;
    float: left;
    margin-left: 5px;
}


#divLagengagemangSidoInformation
{
	float: right;
	width: 220px;
	margin-top: 3px;
}
#divPersonUppgifterInputTabell
{
	width: 570px;
	float: left;
}
#divPersonUppgifterSidoInformation
{
	float: right;
	width: 180px;
	margin-top: 3px;
}
#divAnlaggningUppgifterInputTabell
{
	width: 570px;
	float: left;
}
#divAnlaggningUppgifterSidoInformation
{
	float: right;
	width: 180px;
	margin-top: 3px;
}
#divForeningUppgifterInputTabell
{
	width: 570px;
	float: left;
}
#divForeningUppgifterSidoInformation
{
	float: right;
	width: 180px;
	margin-top: 3px;
}
#divAnvandareUppgifterInputTabell
{
	width: 570px;
	float: left;
}
#divAnvandareUppgifterSidoInformation
{
	float: right;
	width: 180px;
	margin-top: 3px;
}

/* Används i Userconrollen(TavlingAttribut.ascx) som hanterar attribut */
.divAttributgrupp
{
	margin-bottom: 30px;
}
.divAttributgruppMedRam 
{
    border: 1px solid #dddddd;
}

/* Används i Userconrollen(TavlingAttribut.ascx) som hanterar attribut */
.divAttributgruppRubrik
{
	margin-top: 10px;
}
/***********************************************************************
***********************************************************************
TESTAR FÖR TK-PLACERA LAG. TA BORT NÄR DET ÄR FIXAT MED VISA/DÖLJ
***********************************************************************
***********************************************************************/
/* Klasser som används när man visar och döljer vänstermenyn */
.divDoljVansterMeny
{
	visibility: hidden;
}
.divVisaVansterMeny
{
	width: 195px;
	background-color: #F9F9F8;
	float: left;
	margin-left: 0px;
	border: solid 1px #C5C5C5;
}
.divMainMedVansterMeny
{
	width: 980px;
	float: left;
	margin-left: 10px;
}
.divMainUtanVansterMeny
{
	width: 1160px;
	float: left;
	margin-left: 1px;
}
.divPageContainerMedVansterMeny
{
	width: 1200px;
	margin-left: 0px;
	margin-top: 10px;
}
.divPageContainerUtanVansterMeny
{
	width: 1200px;
	margin-left: 0px;
	margin-top: 10px;
}
.divMainContentMedVansterMeny
{
	width: 980px;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	padding: 10px 5px 5px 5px;
}
.divMainContentUtanVansterMeny
{
	width: 1160px;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	padding: 10px 5px 5px 5px;
}
.divHorisontalMenuContainerMedVansterMeny
{
	width: 980px;
	height: 22px; 
    background-image: url(../Bilder/tabstrippBakgrund.gif);
}
.divHorisontalMenuContainerUtanVansterMeny
{
	width: 1200px;
	height: 22px; 
    background-image: url(../Bilder/tabstrippBakgrund.gif);
}
/***********************************************************************
***********************************************************************
SLUT
***********************************************************************
***********************************************************************/
/************************ Classer för divvar som används för att dölja/visa vänstermenyn *************************/
.divPageContainerClass
{
	width: 99%;
	margin-left: 0px;
	margin-top: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.divPageContainerBred1200Class
{
	width: 98%;
	margin-left: 0px;
	margin-top: 10px;
}
.divPageContainerBred1400Class
{
	width: 1400px;
	margin-left: 0px;
	margin-top: 10px;
}
.divPageContainerBred1600Class
{
	width: 1600px;
	margin-left: 0px;
	margin-top: 10px;
}
.divVanstermenyClass
{
	width: 195px;
	background-color: #F9F9F8;
	float: left;
	margin-left: 0px;
	border: solid 1px #C5C5C5;
	/* display: none;  Används för att dölja vänstermenyn. Tex vid nya releaser */
}
.divMainClass
{
	width: 100%;
    padding-left: 10px;
}

.divLottningTopClass {

    display: flex;
}

.divMainUtanVanstermenyClass
{
	width: 945px;
	float: left;
	margin-left: 5px;
}
.divPageContainerBred1200Class .divMainClass .divPageContainerClass .divMainClass, .divMainBred1200Class
{
	width: 100%;
	float: left;
	margin-left: 10px;
}
.divMainBred1200UtanVanstermenyClass
{
	width: 1170px;
	float: left;
	margin-left: 5px;
}
.divPageContainerBred1400Class .divMainClass, .divMainBred1400Class
{
	width: 1190px;
	float: left;
	margin-left: 10px;
}
.divMainBred1400UtanVanstermenyClass
{
	width: 1370px;
	float: left;
	margin-left: 5px;
}
.divPageContainerBred1600Class .divMainClass, .divMainBred1600Class
{
	width: 1390px;
	float: left;
	margin-left: 10px;
}
.divPageContainerBred1600Class .divMainUtanVanstermenyClass, .divMainBred1600UtanVanstermenyClass
{
	width: 1570px;
	float: left;
	margin-left: 5px;
}
.divHorisontalMenuContainer
{
	width: 100%;
	height: 22px; 

}
.divHorisontalMenuContainerClass
{
	width: 100%;
	height: 22px;
}
.divHorisontalMenuContainerUtanVanstermenyClass
{
	width: 100%;
	height: 22px; 
}
.divMainContentClass
{
	width: 99%;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	border-top: solid 1px #C5C5C5;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	float: left;
}

.divMainContentHorizontalClass
{
	width: 99%;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	border-top: solid 1px #C5C5C5;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
    display: flex;
    flex-direction: row;
}

.divMainContentVerticalClass
{
	width: 99%;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	border-top: solid 1px #C5C5C5;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
    display: flex;
    flex-direction: column;
}


.divMainContentLottningClass
{
	width: 765px;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.divMainContentUtanVanstermenyClass
{
	width: 945px;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	padding: 5px 5px 5px 5px;
}
/* En bredare variant av divMainContent som används på "breda" sidor. 1200px bred */
.divPageContainerBred1200Class .divMainContentClass, .divMainContentBred1200Class
{
	width: 990px;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	padding: 10px 5px 5px 5px;
}
.divMainContentBred1200UtanMenyClass
{
	width: 990px;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-top: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	padding: 10px 5px 5px 5px;
}
.divMainContentBred1200UtanVanstermenyClass
{
	width: 1170px;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	padding: 10px 5px 5px 5px;
}
/* En bredare variant av divMainContent som används på "breda" sidor. 1400px bred */
.divPageContainerBred1400Class .divMainContentClass, .divMainContentBred1400Class
{
	width: 1190px;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-top: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	padding: 5px 5px 5px 5px;
}
.divMainContentBred1400UtanVanstermenyClass
{
	width: 1370px;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	padding: 10px 5px 5px 5px;
}
/* En bredare variant av divMainContent som används på "breda" sidor */
.divPageContainerBred1600Class .divMainContentClass, .divMainContentBred1600Class
{
	width: 1390px;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	padding: 10px 5px 5px 5px;
}
/* Används när formuläret INTE innehåller en meny */
.divMainContentUtanMenyClass
{
    width: 99%;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-top: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
    margin-right: 10px;

}
.divMainContentUtanMenyUtanVanstermenyClass
{
	width: 945px;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-top: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	padding: 5px 5px 5px 5px;
}
/* En bredare variant av divMainContentUtanMeny som används på "breda" sidor. 1200px bred */
.divMainContentUtanMenyBred1200UtanVanstermenyClass
{
	width: 100%;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-top: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	padding: 5px 5px 5px 5px;
}
.divMainContentUtanMenyBred1200Class
{
	width: 98%;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-top: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
/* En bredare variant av divMainContentUtanMeny som används på "breda" sidor. 1400px bred */
.divMainContentUtanMenyBred1400Class
{
	width: 1190px;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-top: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	padding: 5px 5px 5px 5px;
}
.divMainContentUtanMenyBred1400UtanVanstermenyClass
{
	width: 1370px;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-top: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	padding: 5px 5px 5px 5px;
}
/* En bredare variant av divMainContentUtanMeny som används på "breda" sidor. 1600px bred */
.divPageContainerBred1600Class .divMainContentUtanMenyClass, .divMainContentUtanMenyBred1600Class
{
	width: 1390px;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-top: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	padding: 5px 5px 5px 5px;
}
.divPageContainerBred1600Class .divMainContentUtanMenyUtanVanstermenyClass, .divMainContentUtanMenyBred1600UtanVanstermenyClass
{
	width: 1570px;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-top: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	padding: 5px 5px 5px 5px;
}
#divHorisontalMenu
{
	height: 22px;
}
.divVisaDoljVanstermenyClass
{
	float: right;	
	margin-right: 3px;
}
.divVanstermenyVisaClass
{
	width: 195px;
	background-color: #F9F9F8;
	float: left;
	margin-left: 0px;
	border: solid 1px #C5C5C5;
	
}
.divVanstermenyDoljClass
{
	width: 20px;
	background-color: #F9F9F8;
	float: left;
	margin-left: 0px;
	border: solid 1px #C5C5C5;
}
.divMainFooterClass
{
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
    padding-right: 10px;
    width: 99%;
}

/* Innehall i footer som är text och som behöver margin; */
.divFooterContent
{
	width: 745px;
	background-color: #F9F9F8;
	margin-left: 10px;
	margin-right: 10px;
}

.divMainFooterUtanVanstermenyClass
{
	width: 945px;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
}
/*En bredare divMainFooter */
.divPageContainerBred1600Class .divMainFooterClass, .divMainFooterBred1600Class
{
	width: 1390px;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
}
.divPageContainerBred1600Class .divMainFooterUtanVanstermenyClass, .divMainFooterBred1600UtanVanstermenyClass
{
	width: 1570px;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
}
.divPageContainerBred1200Class .divMainFooterClass, .divMainFooterBred1200Class
{
	width: 990px;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	padding: 0px 5px 5px px;
}

.divPageContainerBred1400Class .divMainFooterClass, .divMainFooterBred1400Class
{
	width: 1190px;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	padding: 0px 5px 5px px;
}

.divMainFooterBred1200UtanVanstermenyClass
{
	width: 1170px;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
}

.divMainFooterBred1400UtanVanstermenyClass
{
	width: 1370px;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
}

/*En mindre divMainFooter med utrymme för informationsfält till höger(divHogerInfo)*/
#divMainFooterSmall
{
	width: 500px;
	background-color: #F9F9F8;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	padding: 5px 5px 5px 5px;
}
/* Divvar för att få två kolumner i Tavling/TavlingOmgangar.aspx */
/*#divOmgangar
{
	float:left;
	width: 230px;
}
    */

#divOmgangar {
    display: flex;

}

.divOmgangarVanster {
    order: 1;
}


.divOmgangarHoger {
    margin-left: 10px;
    order: 2;
    border: solid 1px #DDDDDD;
	padding: 15px;
}


/*
#divOmgangarInstallningar
{
	float:right;
	width: 480px;
	border: solid 1px #DDDDDD;
	padding: 8px;
}
    */
/************************ Classer för divvar som används för att dölja/visa vänstermenyn *************************/
/* Används i formulär för att lotta en tävling */
.divLottningContainerClass
{
	margin-top: 10px;
}
/* Används i formulär för att lotta en tävling */
.divLottningLagClass
{
	float: left;
	margin-right: 5px;
	margin-top: 2px;
}
.divLottningKnapparClass
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
/*	margin-right: 5px;
	margin-top: 0px;*/
	width: 120px;
}
.lottningKnapparTableClass
{
	border: none 0;
	padding: 0;
	margin: 0px;
}
.lottningKnapparTableRowClass
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Används i formulär för att lotta en tävling */
.divLottningMatcherClass
{
	float: none;
	clear: both;
}

.divCupOmgangarClass
{
	float: left;
	width: 120px;
}

.divLottningInstallningarClass
{
    order: 2;
    padding-left: 50px;
}

/* Använd i domarrapport-formuläret */
.divDomarrapportUppgiterClass
{
	float: left;
	margin-bottom: 10px;
}
/* Använd i domarrapport-formuläret */
.divDomarrapportMatchuppgifterClass
{
	float: left;
	margin-right: 30px;
}
/* Använd i domarrapport-formuläret */
.divDomarrapportResultatUppgifterClass
{
	float: left;
	margin-right: 30px;
}
/* Använd i domarrapport-formuläret */
.divDomarrapportDomaruppdragClass
{
	float: left; 
	width: 300px;
}

/* Använd vid förhandsgranskning av text från editor */
.divForhandsgranskaClass
{
	background-color: #F9F9F8;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 20px;
	border: solid 1px #C5C5C5;
}
/* Använd vid förhandsgranskning av text från editor */
.divForhandsgranskaLitenClass
{
	background-color: #F9F9F8;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	border: solid 1px #C5C5C5;
	width: 360px;
}
/* Används i den modala dialogen(DomareTilldelaAnmaldaUppdragModal.aspx)
för att välja vilka som ska meddelas när man tillsätter en intresseanmälan */
#divMeddelaIntressenter
{
	margin-left: 25px;
}

/* Används i modala dialoger */
#divModalContainer
{
	margin-left: 10px;
	margin-top: 10px;
}
/* Används i modala dialoger */
#divModalContent
{
	padding: 5px 5px 5px 5px;
	background-color: #F9F9F8;
	border: solid 1px #C5C5C5;
    width: 100%;
}
.divModalContent
{
	padding: 5px 5px 5px 5px;
	background-color: #F9F9F8;
	border: solid 1px #C5C5C5;
	margin-bottom: 8px;
}
/* Används i modala dialoger */
#divModalFooter
{
	background-color: #F9F9F8;
	border-bottom: solid 1px #C5C5C5;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	padding: 5px 5px 5px 5px;
    width: 100%;
}

/* Används i modal dialog för att se anläggningsbokningar*/
#divModalFooterAnlaggningsbokningar
{
	padding: 5px 5px 5px 5px;
	background-color: #F9F9F8;
	border-bottom: solid 1px #C5C5C5;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
}
/* Används på startsidan för att visa meddelanden. */
#divMeddelandeRubrik
{
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 10px;
}
/* Används på startsidan för att visa meddelanden. */
#divMeddelandeInformation
{
	margin-bottom: 10px;
}
/* Används på startsidan för att visa meddelanden. */
#divMeddelandeText
{
	margin-bottom: 20px;
}
/* Används bl a på sidan för att byta lösenord, till feedbackmeddelande. */
#divMeddelande
{
	margin-left: 8px;
	margin-top: 8px;
}


/*********** MEDDELANDEFÖNSTER (START)*********************/
/* Används för att  */
.msgDivClass
{
	left: 350px;
	top: 5px;
	color: Gray;
	border: solid 1px #C5C5C5;
	background: url(../Bilder/headerTonadeRanderLogga.gif);
	text-align: center;
	width: 350px;
	height: 68px;
	z-Index: 10010;
	padding-top: 8px;
	padding-bottom: 8px;
	position: absolute;
}
.msgDivMeddelande
{
	font-weight: bold;
	font-family: Verdana;
	font-size: 12;
	margin-bottom: 10px;
}
/*********** MEDDELANDEFÖNSTER (SLUT)*********************/

/* Används i formuläret för ett beslut på ett ärende*/
#divArendeBeslutContainer
{
	width: 720px;
}

/* Används i formuläret för ett beslut på ett ärende*/
#divArendeBeslutUppgifter
{
	/*width: 600px;
	float: left;*/
}

/* Används i formuläret för ett beslut på ett ärende*/
#divArendeBeslutBeslutsorgan
{
	width: 260px;
	float: left;
}

/* Används i formuläret för ett beslut på ett ärende*/
#divArendeBeslutAvstangningar
{
	margin-left: 154px;
	margin-bottom: 20px;
}


/* Används i formuläret för att se schemat för en anläggning och även möjlighet att boka tid */
.tableAnlaggningBokning
{
	border-top: solid 1px #97AFC5;
	border-bottom: solid 1px #97AFC5;
	border-left: solid 1px #97AFC5;
	border-right: solid 1px #97AFC5;
	border-collapse: collapse; 
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}
.tableAnlaggningBokning th
{
	text-align: left;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.tableAnlaggningBokning td
{
	border: 0;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 2px;
	padding-left: 5px;
}
/* För formuläret Placera kursdeltagare */
#divPlaceraKursdeltagare
{
	height: 100px;
	float: left;
}
/* För formuläret Placera kursdeltagare */
#divPlaceraKursdeltagareKurstillfalleInformation
{
	float: left;
	margin-right: 20px;
}
/* För formuläret Placera kursdeltagare */
#divPlaceraKursdeltagareKurstillfalleInformationHeader
{
	margin-bottom: 14px;
}
/* För formuläret Placera kursdeltagare */
#divPlaceraKursdeltagareGrupp
{
	float: left;
	margin-left: 20px;
}
/* För formuläret Placera kursdeltagare */
#divPlaceraKursdeltagareGruppInformation
{
	margin-bottom: 45px;
}
/* För formuläret Placera kursdeltagare */
#divPlaceraKursdeltagareKnappar
{
	float: left;
	margin-top: 91px;
}

/* Används i formuläret för en lottnyckels matcher */
.divLottnyckelMatcherContainer {

    display: flex;
    flex-direction: column;
}

#divLottnyckelMatcher
{	
	padding-right: 20px;
    order: 0;
}
/* Används i formuläret för en lottnyckels matcher */
#divLottnyckelInformation
{	
    order: 1;
}
.divLottnyckelMatcherKnappar {
    order: 2;
}

/* Används när en ny person skapas, wizard*/
#divPersonNavigering
{
	border: solid 1px #C5C5C5;
	width: 600px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
    display: flex;
}
/* Används när en ny person skapas, wizard*/
.divPersonNavigeringAlternativ
{
	width: 150px;
	float: left;
}
/* Används för att välja kön, licenstyp i modal dialog */
.divSpelareIForeningListor
{
	background-color: #F9F9F8;
	border-bottom: solid 1px #C5C5C5;
	border-right: solid 1px #C5C5C5;
	border-left: solid 1px #C5C5C5;
	border-top: solid 1px #C5C5C5;
	padding-bottom: 3px;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 3px;
	margin-bottom: 5px;
}
/* Använd i domarrapport-formuläret */
.divDomarrapportUppgifterContainerClass
{
	width: 950px;
}
/* Använd i domarrapport-formuläret */
.divDomarrapportMatchuppgifterClass
{
	float: left;
	margin-right: 0px;
}
/* Använd i domarrapport-formuläret */
.divDomarrapportResultatUppgifterClass
{
	float: left;
	margin-right: 30px;
}
/* Ritar ut en ram */
.divIndelare
{
	border: solid 2px #C5C5C5;
	margin-top: 10px;
	padding: 5px;
}
/* Används för dialog med epostskickande*/
.divEpostBred
{
	border: solid 1px #C5C5C5;
	margin-top: 10px;
	padding: 5px;
	width: 600px;
}

.divPersondubblettMaster
{
    width: 370px;
    padding-right: 5px;
    padding-left: 0px;
    float: left;
}
.divPersondubblettKopia
{
    width: 370px;
    padding-left: 5px;
    padding-right: 0px;
    float: right;
}
/* *******************************************************
Inmatning av anmälningstext, två lika breda kolumner
* ***************************************************** */
.divVansterSpalt
{
	width: 360px;
	float: left;
}
.divHogerSpalt
{
	width: 360px;
	float: right;
	margin-right: 10px;
}

/*****
Behörigheter för domarrapporter
******/
#pnlDomarrapportKonfiguration
{
	margin-left: 20px;
}
.cellMedCheckbox
{
	width: 50px;
}

/* Paneler med etikett-rubrik */
.borderedPanel
{
    margin: 10px 3px 20px 3px;
}
.borderedPanel legend
{
    font-size:110%;
    background-color: #F7D072;
    border: 1px solid #C5C5C5;
/*    border-radius: 8px; */
    padding: 2px 6px;
}

.divStoppsida 
{
    width: 640px;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 14px;
}