body
{
    font-family: Verdana, Arial, Sans-Serif !important;
    font-size: 10px !important;
}
a
{
    color: #EC6900;
    text-decoration: none;
}
.lankDisabled
{
    color: #AAAAAA;
    text-decoration: none;
}
.lankUtlandskDomare
{
    color: #000000;
    text-decoration: none;
}

.lankMatchandring
{
    color: #FF0000;
    text-decoration: none;
    font-weight: bold;
}
.error
{
    color: Red;
}

img.delete {
    cursor: pointer;
}

.textbox-error {
    margin-bottom: 2px;
}

.errorExtraTydlig
{
	color: Red;
	font-weight: bold;
	font-size: 1.5em;
}
.tips
{
    color: Blue;
}
.externSpelare
{
    color: #ABAB1B;
}
.meddelandeTillLista
{
    font-weight: bold;
}
.cursor
{
    cursor: pointer;
}
.fetstil
{
    font-weight: bold;
}
.datumGra
{
    color: Gray;
}
.info
{
    color: Blue;
}
.rubrikIDomarandring
{
    font-size: 10px;
    font-weight: bold;
    font-family: Verdana, Arial, Sans-Serif;
}
.hjalpIkon
{
    float: right;
    vertical-align: top;
}
h1
{
    font-size: 12px !important;
    font-weight: bold !important;
}
h2
{
    font-size: 11px;
    margin-bottom: 8px;
}
h3
{
    font-size: 10px;
    margin-bottom: 3px;
}
h4
{
    font-size: 12px;
    margin-bottom: 3px;
}
h5
{
    margin-bottom: 5px;
    margin-top: 1px;
    font-size: 10px;
}
h6
{
    font-size: 10px;
    margin-bottom: 0px;
    margin-top: 8px;
}
img
{
    border: 0px;
}
td
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
}
.genomstruken
{
    text-decoration: line-through;
}
.rubrik
{
    font-size: 12px;
    font-weight: bold;
    padding: 1px 1px 1px 1px;
    vertical-align: top;
}
.teckenForklaring
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
}
.textbox
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin: 0px;
}
#txtKlubbarAdress.textbox
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin: 0px;
    width: 220px;
}
.textbox220
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin: 0px;
    width: 220px;
}
.textboxBred
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin: 0px;
    width: 200px;
}
.textboxArenderubrik
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin: 0px;
    width: 580px;
}
.textbox300px
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin: 0px;
    width: 300px;
}
.textboxEpostMeddelande
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin: 0px;
    width: 500px;
    height: 300px;
}
.textboxUtanMargin
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin-left: -4px;
}

.textboxDataGridDomarNr
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 9px;
    width: 50px;
    margin-top: -2px;
    margin-bottom: -2px;
}
.textboxHemsida
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 300px;
}
.textboxBelopp
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin: 0px;
    text-align: right;
    width: 65px;
}
.textboxDatum
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 80px;
}
.textboxTid
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 40px;
}
.textboxDatumOchTid
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 140px;
}
.textboxPersonnr
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 90px;
}
.textboxDomarnr
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 50px;
}
.textboxAnlaggningNr
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 50px;
}
.textboxPlanNr
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 22px;
}
/* Används tex. till textboxar i en repeater */
.textbox1tecken
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 13px;
}
/* Används tex. till textboxar i en repeater */
.textbox1teckenUtanMargin
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 13px;
    margin-left: -4px;
}
/* Används tex. till textboxar som ska innehålla månader, dagar, timmar, minuter... */
.textbox2tecken
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 20px;
}
/* Används tex. till textboxar som ska innehålla månader, dagar, timmar, minuter... */
.textbox2teckenUtanMargin
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 20px;
    margin-left: -4px;
}

.textboxDisabled
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    color: #7F9DB9;
}
.textboxLottLagNr
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 27px;
}
.textboxLottLagNrDisabled
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 20px;
    text-align: right;
    background-color: #EEEEEE;
    background: #EEEEEE;
}
/* Används tex. till textboxar i en repeater för minuter */
.textbox3tecken
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 27px;
}
/* Används tex. till textboxar i en repeater för minuter */
.textbox3teckenUtanMargin
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 27px;
    margin-left: -4px;
}
/* Används tex. till textboxar som ska innehålla årtal... */
.textbox4tecken
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 35px;
}
/* Används tex. till textboxar som ska innehålla postnummer med möjlighet till mellanslag eller -... */
.textbox6tecken
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 51px;
}
.trAntalAskadare td
{
    padding-top: 15px;
    margin-top: 15px;
}
.trAntalAskadare th
{
    padding-top: 15px;
    margin-top: 15px;
}
.textboxAskadare
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 55px;
    text-align: right;
}
.textboxForeningNr
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 46px;
}

.textboxMatchnr
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 75px;
}
.textbox30px
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 30px;
}
.textbox50px
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 50px;
}
.textbox200px
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 200px;
}
.textbox300px
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 300px;
}

.textboxEpost
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 300px;
}
/* I formulär ska konto-textboxen ha samma bredd som 
   belopps-textboxen. I listningar (repeaters) blir detta för
   brett, och därför finns två separata styles.
	Detsamma gäller resultatenhet och projekt. */
.textboxKonto
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin: 0px;
    text-align: right;
    width: 65px;
}
.textboxKontoILista
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin: 0px;
    text-align: right;
    width: 40px;
}
.textboxResultatenhet
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin: 0px;
    text-align: right;
    width: 65px;
}
.textboxResultatenhetILista
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin: 0px;
    text-align: right;
    width: 40px;
}
.textboxProjekt
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin: 0px;
    text-align: right;
    width: 65px;
}
.textboxProjektILista
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin: 0px;
    text-align: right;
    width: 40px;
}
/* Används tex. till textboxar i listor till ett lags trupp i en match. */
.textboxTrojnummer
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 25px;
    margin-left: -4px;
    text-align: right;
}
/* Används vid redigering av elektronisk anmälningstext vid grova matchförseelser */
.textboxAnmalan
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 350px;
    height: 175px;
}
.textboxAnmalanDisabled {
	border: solid 1px #7F9DB9;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	width: 350px;
	height: 175px;
	color: #7F9DB9;
}
.textboxAdress
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 300px;
}

.beskrivning
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 200px;
    height: 60px;
}
.beskrivningDebitering
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 400px;
    height: 70px;
}
.beskrivningLag
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 200px;
    height: 30px;
}
.beskrivning300px
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 300px;
    height: 100px;
}

.beskrivningbred
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 400px;
    height: 150px;
}
.beskrivningArende
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 600px;
    height: 200px;
}
.beskrivningbredUtanHojd
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 400px;
}
.beskrivningbredEpost
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 600px;
    height: 150px;
}
.beskrivningbredEpostMottagare
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 600px;
    height: 50px;
}
.beskrivningbredEpostUtanHojd
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 600px;
}
.fritextfalt
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 330px;
    height: 30px;
}
.beskrivningbredkursdeltagare
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 330px;
    height: 150px;
}
.beskrivningbredlag
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 400px;
    height: 75px;
}
.listbox
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
}

.listboxHog
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    height: 80px;
}

.listboxHogKursUrval
{
    height: 200px;
}
.dropdownlist
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
}

.dropdownlistStor {
	border: solid 1px #7F9DB9;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	border-radius: 2px;
}

.dropdownlist220
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 220px;
}

.dropdownlistMellan
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 110px;
}

.dropdownlistbred
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    width: 400px;
}
.dropdownlistLottnyckelOmgangar
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin-bottom: 10px;
}

.dropdownlistSmal
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.dropdownlistmargin
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.radiobuttonlist
{
    font-weight: bold;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
}

.button
{
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}


.buttonDisabled
{
    font-weight: bold;
    background-color: #EEEEEE;
    color: #BBBBBB;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

table tfoot .button
{
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 8px;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
table thead .button
{
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 8px;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.buttonUtanMargin
{
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin: 0px;
}
.button40
{
    width: 40px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.button40UtanMargin
{
    width: 40px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin: 0px;
}
.button50
{
    width: 50px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.button50UtanMargin
{
    width: 50px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin: 0px;
}
.button60
{
    width: 60px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.button70
{
    width: 70px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.button70UtanMargin
{
    width: 70px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin: 0px;
}
.button80
{
    width: 80px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.button80UtanMargin
{
    width: 80px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin: 0px;
}
.button90
{
    width: 90px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.button100
{
    width: 100px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.button100UtanMargin
{
    width: 100px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin: 0px;
}

.button110
{
    width: 110px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.button110UtanMargin
{
    width: 110px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin: 0px;
}

.button120
{
    width: 120px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.button120UtanMargin
{
    width: 120px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin: 0px;
}
.button140
{
    width: 140px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.button120UtanMargin
{
    width: 120px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
}
.button130
{
    width: 130px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.button130UtanMargin
{
    width: 130px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
}
.button140
{
    width: 140px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 20px;
}
.button140UtanMargin
{
    width: 140px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
}
.button160
{
    width: 160px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.button170
{
    width: 170px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.button170UtanMargin
{
    width: 170px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
}
.button180
{
    width: 180px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.button200
{
    width: 200px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.button220
{
    width: 220px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.button240 {
    width: 240px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.button350
{
    width: 350px;
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.button350TvaRader {
	width: 350px;
	height: 50px;
	font-weight: bold;
	background-color: #97AFC5;
	color: #FFFFFF;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	white-space: normal;
}
.button350TvaRaderDisabled {
	width: 350px;
	height: 50px;
	font-weight: bold;
	background-color: #97AFC5;
	color: #DDDDDD;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	white-space: normal;
}
.buttonvariabelbredd
{
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.buttonSmal
{
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    height: 18px;
}
.buttonTest
{
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    height: 18px;
}

.checkbox
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    font-weight: bold;
    /*
    margin-left: -4px;
    margin-top: -4px;
    margin-bottom: -3px;
        */
}

 .checkboxUtanVansterMargin
 {
     margin-left: 0px;
 }
 
.checkboxILista
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    font-weight: bold;
    margin-left: -4px;
    margin-top: -4px;
    margin-bottom: -3px;
}
.checkboxICheckBoxList
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    font-weight: bold;
    margin-top: -4px;
    margin-bottom: -3px;
}

.checkboxDataGrid
{
    font-family: Verdana, Arial, Sans-Serif;
    margin-left: -4px;
    margin-top: -4px;
    margin-bottom: -4px;
}

/* Etiketter i tabeller som anger information i cellen till höger */
.horisontalPlaceradEtikett
{
    font-size: 10px;
    text-align: left;
    height: 20px;
    padding-right: 10px;
}
/* Etiketter i tabeller som anger information i cellen till höger */
.horisontalPlaceradEtikettSmal
{
    font-size: 10px;
    text-align: left;
}

/* Etiketter i tabeller som anger information i cellen till höger. Valignade som top */
.horisontalPlaceradEtikettTop
{
    font-size: 10px;
    text-align: left;
    height: 20px;
    padding-right: 10px;
    vertical-align: text-top;
    padding-top: 5px;
}
/* Etiketter i tabeller. Har en margin till kolumnen till vänster med 10px. */
.horisontalPlaceradEtikettMarginLeft10px
{
    font-size: 10px;
    text-align: left;
    height: 20px;
    padding-right: 10px;
    padding-left: 10px;
}
.horisontalPlaceradEtikettMarginLeft10pxVarning
{
    font-size: 10px;
    text-align: left;
    height: 20px;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #FFCCCC;
}
/* Etiketter i tabeller. Har en margin till kolumnen till vänster med 30px. */
.horisontalPlaceradEtikettMarginLeft30px
{
    font-size: 10px;
    text-align: left;
    height: 20px;
    padding-right: 10px;
    padding-left: 30px;
}


/* Etiketter som anger "Skapad av", "Skapad datum", "Ändrad av",
   "Ändrad datum" på objekt. Används ofta på uppgiftsfliken på ett
   objekt.*/
.skapadAndradDataEtikett
{
    font-size: 9px;
    text-align: left;
}
.skapadAndradData
{
    font-size: 9px;
    text-align: left;
}
.tabMenyLank
{
    text-decoration: none;
    color: black;
    font-weight: bold;
}
.tabMenyLankDisabled
{
    cursor: default;
    text-decoration: none;
    color: #AAAAAA;
    font-weight: bold;
}
/* Används till labels som beskriver listor */
.rubrikTillLista
{
    font-weight: bold;
    margin-bottom: 3px;
    height: 3px;
}

.statistikniva
{
    font-family: Verdana, Arial, Sans-Serif;
    color: #97AFC5;
}

@media screen
{
    .fogisInfoTable
    {
        border-collapse: collapse;
        border-top: solid 1px #97AFC5;
        border-bottom: solid 1px #97AFC5;
        border-left: solid 1px #97AFC5;
        border-right: solid 1px #97AFC5;
        padding: 0px;
        margin: 0px;
        width: 100%;
    }

    .fogisInfoTable th
    {
        text-align: left;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
    }

    .fogisInfoTable th.aktiv
    {
        cursor: pointer;
        text-align: left;
        font-family: Verdana, Arial, Sans-Serif;
        font-size: 10px;
        color: #000000;
        background-color: #F7D072;
        padding-top: 2px;
        padding-right: 10px;
        padding-bottom: 2px;
        padding-left: 16px;
    }


    .fogisInfoTable th.aktivStigande
    {
        cursor: pointer;
        text-align: left;
        font-family: Verdana, Arial, Sans-Serif;
        font-size: 10px;
        color: #000000;
        background-color: #F7D072;
        background-image: url(../Bilder/sortering_stigande.png);
        background-repeat: no-repeat;
        padding-top: 2px;
        padding-right: 10px;
        padding-bottom: 2px;
        padding-left: 16px;
    }
    .fogisInfoTable th.aktivFallande
    {
        cursor: pointer;
        text-align: left;
        font-family: Verdana, Arial, Sans-Serif;
        font-size: 10px;
        color: #000000;
        background-color: #F7D072;
        background-image: url(../Bilder/sortering_fallande.png);
        background-repeat: no-repeat;
        padding-top: 2px;
        padding-right: 10px;
        padding-bottom: 2px;
        padding-left: 16px;
    }

    .fogisInfoTable th.inaktiv
    {
        cursor: pointer;
        text-align: left;
        font-family: Verdana, Arial, Sans-Serif;
        font-size: 10px;
        color: #FFFFFF;
        background-color: #97AFC5;
        padding-top: 2px; /*padding-right: 10px;*/
        padding-right: 5px;
        padding-bottom: 2px; /*padding-left: 16px;*/
        padding-left: 5px;
    }
    .fogisInfoTable th.inaktivMedVansterkant
    {
        text-align: left;
        font-family: Verdana, Arial, Sans-Serif;
        font-size: 10px;
        color: #FFFFFF;
        background-color: #97AFC5;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
        border-left: solid 2px #FFFFFF;
        cursor: hand;
    }
    .fogisInfoTable th.aktivStigandeMedVansterkant
    {
        cursor: pointer;
        text-align: left;
        font-family: Verdana, Arial, Sans-Serif;
        font-size: 10px;
        color: #000000;
        background-color: #F7D072;
        background-image: url(../Bilder/sortering_stigande.png);
        background-repeat: no-repeat;
        padding-top: 2px;
        padding-right: 10px;
        padding-bottom: 2px;
        padding-left: 16px;
        border-left: solid 2px #FFFFFF;
    }
    .fogisInfoTable th.aktivFallandeMedVansterkant
    {
        cursor: pointer;
        text-align: left;
        font-family: Verdana, Arial, Sans-Serif;
        font-size: 10px;
        color: #000000;
        background-color: #F7D072;
        background-image: url(../Bilder/sortering_fallande.png);
        background-repeat: no-repeat;
        padding-top: 2px;
        padding-right: 10px;
        padding-bottom: 2px;
        padding-left: 2px;
        border-left: solid 2px #FFFFFF;
    }

    .fogisInfoTable th.inaktivEjKlickbar
    {
        text-align: left;
        font-family: Verdana, Arial, Sans-Serif;
        font-size: 10px;
        color: #FFFFFF;
        background-color: #97AFC5;
        padding-top: 2px;
        padding-right: 5px; /*padding-right: 10px;*/
        padding-bottom: 2px;
        padding-left: 5px; /*padding-left: 16px;*/
    }
    .fogisInfoTable th.inaktivEjKlickbarHogerJusterad
    {
        text-align: right;
        font-family: Verdana, Arial, Sans-Serif;
        font-size: 10px;
        color: #FFFFFF;
        background-color: #97AFC5;
        padding-top: 2px;
        padding-right: 5px; /*padding-right: 10px;*/
        padding-bottom: 2px;
        padding-left: 5px; /*padding-left: 16px;*/
    }

    .fogisInfoTable th.aktivEjKlickbar
    {
        text-align: left;
        font-family: Verdana, Arial, Sans-Serif;
        font-size: 10px;
        color: #000000;
        background-color: #F7D072;
        padding-top: 2px;
        padding-right: 5px; /*padding-right: 10px;*/
        padding-bottom: 2px;
        padding-left: 5px; /*padding-left: 16px;*/
    }

    /* Används för att centrara kolumner i en tabell */
    .fogisInfoTable tr td.centrerad
    {
        text-align: center;
    }

}
@media print and (width: 21cm) and (height: 29.7cm)
{
    .fogisInfoTable
    {
        border-collapse: collapse;
        border-top: solid 1px #97AFC5;
        border-bottom: solid 1px #97AFC5;
        border-left: solid 1px #97AFC5;
        border-right: solid 1px #97AFC5;
        padding: 0px;
        margin: 0px;
    }

    .fogisInfoTable table tbody tr td input[type=text]
    {
        border-collapse: collapse;
        border: 0;
    }

    .fogisInfoTable th
    {
        text-align: left;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
    }

    .fogisInfoTable th.aktiv
    {
        cursor: hand;
        text-align: left;
        font-family: Verdana, Arial, Sans-Serif;
        font-size: 10px;
        color: #000000;
        background-color: #d3d3d3;
        padding-top: 2px;
        padding-right: 10px;
        padding-bottom: 2px;
        padding-left: 16px;
    }


    .fogisInfoTable th.aktivStigande
    {
        cursor: hand;
        text-align: left;
        font-family: Verdana, Arial, Sans-Serif;
        font-size: 10px;
        color: #000000;
        background-color: #d3d3d3;
        padding-top: 2px;
        padding-right: 10px;
        padding-bottom: 2px;
        padding-left: 16px;
    }
    .fogisInfoTable th.aktivFallande
    {
        cursor: hand;
        text-align: left;
        font-family: Verdana, Arial, Sans-Serif;
        font-size: 10px;
        color: #000000;
        background-color: #d3d3d3;
        padding-top: 2px;
        padding-right: 10px;
        padding-bottom: 2px;
        padding-left: 16px;
    }

    .fogisInfoTable th.inaktivEjKlickbar
    {
        text-align: left;
        font-family: Verdana, Arial, Sans-Serif;
        font-size: 10px;
        color: #000000;
        background-color: #d3d3d3;
        padding-top: 2px;
        padding-right: 5px; /*padding-right: 10px;*/
        padding-bottom: 2px;
        padding-left: 5px; /*padding-left: 16px;*/
    }
    .fogisInfoTable th.inaktivEjKlickbarHogerJusterad
    {
        text-align: right;
        font-family: Verdana, Arial, Sans-Serif;
        font-size: 10px;
        color: #000000;
        background-color: #d3d3d3;
        padding-top: 2px;
        padding-right: 5px; /*padding-right: 10px;*/
        padding-bottom: 2px;
        padding-left: 5px; /*padding-left: 16px;*/
    }
}
.fogisInfoTable th.debiteringskonfigurationForbundsspecifikHuvud
{
    text-align: center;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    color: #000000;
    background-color: #FFFFFF;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    border-left: solid 1px #97AFC5;
}

.fogisInfoTable th.debiteringskonfiguration
{
    text-align: center;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    color: #FFFFFF;
    background-color: #97AFC5;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    border-left: solid 1px #FFFFFF;
}

.fogisInfoTable tr
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    background-color: #FFFFFF;
    vertical-align: top;
}
.fogisInfoTable tr.fakturaSummaRad
{
    border-top: solid 1px #97AFC5;
    font-weight: bold;
}
.fogisInfoTable tr.fakturaSummaRad td
{
    border-top: solid 1px #97AFC5;
    font-weight: bold;
}

.fogisInfoTable tr.alternate
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    background-color: #EEEEEE; /*	background-color: #F9F9F8;*/
    vertical-align: top;
}

.fogisInfoTable tr.total
{
    font-family: Verdana, Arial, Sans-Serif;
    font-weight: bold;
    font-size: 10px;
    background-color: #B0B0B0;
    vertical-align: top;
}

.fogisInfoTable tr.markeradRadAlternate
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    background-color: #98FDCE;
    vertical-align: top;
}

.fogisInfoTable tr.markeradRad
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    background-color: #F7D072;
    vertical-align: top;
}

.fogisInfoTable tr.varning
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    background-color: #FFCCCC;
    vertical-align: top;
}

.fogisInfoTable tr.alternate_varning
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    background-color: #FFEEEE; /*	background-color: #F9F9F8;*/
    vertical-align: top;
}

.fogisInfoTable tr.matchlista_alternate_topspace
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px; /*	background-color: #F9F9F8;*/
    background-color: #EEEEEE;
    vertical-align: top;
}
.fogisInfoTable tr.matchlista_alternate_topspace_varning
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    background-color: #FFEEEE;
    vertical-align: top;
}

.fogisInfoTable tr.matchlista_topspace
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    background-color: #FFFFFF;
    vertical-align: top;
}
.fogisInfoTable tr.matchlista_topspace_varning
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    background-color: #FFCCCC;
    vertical-align: top;
}

.fogisInfoTable tr.matchlista_topspace td
{
    margin-top: 10px;
    padding-top: 10px;
    border-top: dashed 1px #999999;
}
.fogisInfoTable tr.matchlista_topspace_varning td
{
    margin-top: 10px;
    padding-top: 10px;
    border-top: dashed 1px #999999;
}
.fogisInfoTable tr.matchlista_alternate_topspace td
{
    margin-top: 10px;
    padding-top: 10px;
    border-top: dashed 1px #999999;
}
.fogisInfoTable tr.matchlista_alternate_topspace_varning td
{
    margin-top: 10px;
    padding-top: 10px;
    border-top: dashed 1px #999999;
}

/* Används för att avgränsa kolumner i en tabell */
.fogisInfoTable tr td.avgransaKolumner
{
    border-left: solid 1px #97AFC5;
    border-right: solid 1px #97AFC5;
    text-align: center;
}
/* Används för att avgränsa kolumner i en tabell */
.fogisInfoTable tr td.avgransaKolumnerEjCentrerad
{
    border-left: solid 1px #97AFC5;
    border-right: solid 1px #97AFC5;
}

/* Används för att avgränsa kolumner i en tabell */
.fogisInfoTable tr td.avgransaKolumnerValdDag
{
    background-color: #D2DFEA;
    border-left: solid 1px #97AFC5;
    border-right: solid 1px #97AFC5;
    text-align: center;
}

.fogisInfoTable tr td.avgransaKolumnerValdDagEjTillganglig
{
    background-color: #FADBD8;
    border-left: solid 1px #97AFC5;
    border-right: solid 1px #97AFC5;
    text-align: center;
}

.fogisInfoTable tr td.avgransaKolumnerValdDagDelvisTillganglig
{
    background-color: #FEF9E7;
    border-left: solid 1px #97AFC5;
    border-right: solid 1px #97AFC5;
    text-align: center;
}

.fogisInfoTable tr td.avgransaKolumnerValdDagHeltTillganglig 
{
    background-color: #EAFAF1;
    border-left: solid 1px #97AFC5;
    border-right: solid 1px #97AFC5;
    text-align: center;
}

/*********** START:Används för att rita ut rader i tabellen på en tävling *********/
.fogisInfoTable tr.flyttasUpp td
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    vertical-align: top;
    background-color: #FFFFFF;
    border-top: solid 1px #97AFC5;
}
.fogisInfoTable tr.kvalarUpp td
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    vertical-align: top;
    background-color: #FFFFFF;
    border-top: dotted 1px #97AFC5;
}
.fogisInfoTable tr.flyttasNer td
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    vertical-align: top;
    background-color: #FFFFFF;
    border-top: solid 1px #97AFC5;
}
.fogisInfoTable tr.kvalarNer td
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    vertical-align: top;
    background-color: #FFFFFF;
    border-top: dotted 1px #97AFC5;
}
.fogisInfoTable tr.alternateFlyttasUpp td
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    vertical-align: top; /*	background-color: #F9F9F8;*/
    background-color: #EEEEEE;
    border-top: solid 1px #97AFC5;
}
.fogisInfoTable tr.alternateKvalarUpp td
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    vertical-align: top;
    background-color: #EEEEEE; /*	background-color: #F9F9F8;*/
    border-top: dotted 1px #97AFC5;
}
.fogisInfoTable tr.alternateFlyttasNer td
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    vertical-align: top;
    background-color: #EEEEEE; /*	background-color: #F9F9F8;*/
    border-top: solid 1px #97AFC5;
}
.fogisInfoTable tr.alternateKvalarNer td
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    vertical-align: top;
    background-color: #EEEEEE; /*	background-color: #F9F9F8;*/
    border-top: dotted 1px #97AFC5;
}

.sokresultatPersonrollTable
{
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
}

/*********** SLUT:Används för att rita ut rader i tabellen på en tävling *********/

/* Används i största allmänhet vid varningar, t.ex. vid dubbelbokningar */
.varning
{
    background-color: #FFCCCC;
}
.ok
{
    background-color: #84e952;
}
.matchUppgifterTabell
{
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
}
.matchUppgifterTabell th.horisontalPlaceradEtikett
{
    padding-left: 5px;
    padding-right: 5px;
}
.matchUppgifterTabell td
{
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/*********** START: Används för att rita ut huvud-info i domarrapporten. *********/
#divDomarrapportDomaruppdrag th.horisontalPlaceradEtikett
{
    padding-left: 5px;
}
/*********** START: Används för att rita ut rader i tabellen för bokningar på en anläggning *********/
.fogisAnlaggningBokning
{
    border-collapse: collapse;
    border-top: solid 1px #97AFC5;
    border-bottom: solid 1px #97AFC5;
    border-left: solid 1px #97AFC5;
    border-right: solid 1px #97AFC5;
    padding: 0px;
    margin: 0px;
}

.fogisAnlaggningBokning th
{
    text-align: left;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    color: #FFFFFF;
    background-color: #97AFC5;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 1px;
    width: 20px;
}

.fogisAnlaggningBokning th.vecka
{
    text-align: left;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    color: #FFFFFF;
    background-color: #97AFC5;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    width: 130px;
    text-align: center;
}

.fogisAnlaggningBokning tr
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    vertical-align: top;
    background-color: #F9F9F8;
    border-top: solid 1px #97AFC5;
}

.fogisAnlaggningBokning td
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    vertical-align: top;
    background-color: #F9F9F8;
    border-left: solid 1px #97AFC5;
    border-bottom: solid 1px #97AFC5;
    padding: 0px 0px 0px 0px;
}
.fogisAnlaggningBokning td.datum
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    vertical-align: top;
    background-color: #F9F9F8;
    border-left: solid 1px #97AFC5;
    border-bottom: solid 1px #97AFC5;
    padding: 0px 0px 0px 0px;
}

.ledig
{
    background-color: #F9F9F8;
    display: block;
    position: relative;
    height: 1em;
}

.matchBokning
{
    background-color: #EC6900;
    display: block;
    position: relative;
    height: 1em;
}
.ejBokningsbar
{
    background-color: #C5C5C5;
    display: block;
    position: relative;
    height: 1em;
}
.ejBokadMatch
{
    background-color: #009966;
    display: block;
    position: relative;
    height: 1em;
}

.linkAnlaggningBokningar
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    color: #FFFFFF;
}
/*********** SLUT: Används för att rita ut rader i tabellen för bokningar på en anläggning *********/

.fogisInfoTable tr.highlighted
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    background-color: #97AFC5;
    color: White;
    vertical-align: top;
}

.fogisInfoTable tr.avgransadUppat td
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    background-color: #FFFFFF;
    vertical-align: top;
    border-collapse: collapse;
    border-top: solid 1px #97AFC5;
}

.fogisInfoTable tr.avgransadUppatAlternate td
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    background-color: #EEEEEE; /*	background-color: #F9F9F8;*/
    vertical-align: top;
    border-top: solid 1px #97AFC5;
}

.fogisInfoTable tr.avgransadUppatAlternate_topspace td
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    background-color: #EEEEEE; /*	background-color: #F9F9F8;*/
    vertical-align: bottom;
    border-top: solid 2px #97AFC5;
    height: 45px;
}

.fogisInfoTable td
{
    border: 0;
    padding-top: 2px; /*padding-right: 10px;*/
    padding-right: 5px;
    padding-bottom: 2px; /*padding-left: 16px;*/
    padding-left: 5px;
}

.fogisInfoTable td.belopp
{
    text-align: right;
}

.fogisInfoTable td.mal
{
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
    text-align: right;
}

.fogisInfoTable td.debiteringskonfiguration
{
    border-left: solid 1px #97AFC5;
}

.nowrap
{
    white-space: nowrap;
}

.fogisInfoTable .soft
{
    color: #CCCCCC;
}

.mittenJusterad
{
    text-align: center;
}
.hogerJusterad
{
    text-align: right;
}
.vansterJusterad
{
    text-align: left;
}
.bottenJusterad
{
    vertical-align: bottom;
}

.lagengagemangInfoTable
{
    width: 400px;
    border-collapse: collapse;
    border-top: solid 1px #97AFC5;
    border-bottom: solid 1px #97AFC5;
    border-left: solid 1px #97AFC5;
    border-right: solid 1px #97AFC5;
    padding: 0px;
    margin: 0px;
}

/*#LagengagemangListValjareForTavlingskategori_thLag
{
	width: 200px;
}

#LagengagemangListValjareForValdTavling_thLag
{
	width: 200px;
}*/

.lagengagemangInfoTable th.aktiv
{
    cursor: hand;
    text-align: left;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    color: #000000;
    background-color: #F7D072;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 16px;
}
.lagengagemangInfoTable th.aktivStigande
{
    cursor: hand;
    text-align: left;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    color: #000000;
    background-color: #F7D072;
    background-image: url(../Bilder/sortering_stigande.png);
    background-repeat: no-repeat;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 16px;
}
.lagengagemangInfoTable th.aktivFallande
{
    cursor: hand;
    text-align: left;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    color: #000000;
    background-color: #F7D072;
    background-image: url(../Bilder/sortering_fallande.png);
    background-repeat: no-repeat;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 16px;
}

.lagengagemangInfoTable th.inaktiv
{
    cursor: hand;
    text-align: left;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    color: #FFFFFF;
    background-color: #97AFC5;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 16px;
}

.lagengagemangInfoTable tr
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    background-color: #FFFFFF;
}

.lagengagemangInfoTable tr.alternate
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    background-color: #EEEEEE; /*	background-color: #F9F9F8;*/
}

.lagengagemangInfoTable td
{
    border: 0;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 16px;
}

/* Används i Userconrollen(TavlingAttribut.ascx) som hanterar attribut. Sätter bredd på kolumnerna */
.attributgruppEtikett
{
    font-size: 10px;
    text-align: left;
    height: 20px;
    padding-right: 10px;
    width: 250px;
}

/* Används i Userconrollen(TavlingAttribut.ascx) som hanterar attribut. Sätter bredd på kolumnerna */
.attributListaTd
{
    width: 230px;
}
/* Högerkolumnen i inställningarna på sidan där man genererar omgångar */
.omgangarInstallningarVarde
{
    width: 230px;
    text-align: right;
}
/* Används i Userconrollen(TavlingAttribut.ascx) som hanterar attribut. Sätter bredd på rubrik-kolumnen */
.attributListaTdRubrik
{
    width: 230px;
    font-weight: bold;
}
/* Används i Usercontrollen Avsparkstidvaljare.aspx */
.thSpaltrubrik
{
    text-align: left;
    font-size: 10px;
    font-weight: bold;
}
/* Används i Usercontrollen Avsparkstidvaljare.aspx */
.avsparkstidvaljareLordagsspalt
{
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #DDDDDD;
}
/* Används när man vill gömma en bild. Tex när dokumentikonen visas eller inte i tävling->lag-fliken */
.imageHidden
{
    visibility: hidden;
    height: 9px;
}
.imageUtanMargin
{
    margin-bottom: -3px;
}
.imageUtanMarginOchBorder
{
    border: none;
    margin-bottom: -3px;
}
.imageUtanBorder
{
    border: none;
}
/* Används för att gömma en bild vid utskrift. Tex printerikon */
@media print
{
    .gomVidUtskrift
    {
        cursor: hand;
        display: none;
    }
    span.gomVidUtskrift
    {
        cursor: hand;
        display: none;
    }
    /* Används för lablar som skall visas vid utskrift men inte på bildskärmen */
    .divVisaVidUtskrift
    {
        display: none;
    }
    .tableSidbrytningVidUtskrift
    {
        page-break-after: always;
    }

}
@media screen
{
    span.gomVidUtskrift
    {
        color: #EC6900;
        text-decoration: none;
        cursor: default;
    }
    .gomVidUtskrift
    {
    }
    /* Används för lablar som skall visas vid utskrift men inte på bildskärmen */
    .divVisaVidUtskrift
    {
    }
}
/* Används för att gömma ett objekt. Tex en kolumn i en repeater */
.gomd
{
    display: none;
}

/* Används för att sätta text till en påkallande färg. Tex när antalet deltagare överstiger antalet platser på ett utbildningstillfälle*/
.infoText
{
    color: Red;
}

.avslutadRoll
{
    color: Red;
    text-align: center;
}

/* Används för att sätta färg på tecken som visar att ett inmatningsfält är obligatoriskt. Tex i en designad kursanmälan*/
.faltObligatoriskt
{
    color: Red;
}

/* Används för att musmarkören ska bli en hand vid mouseover */
.handMouseOver
{
    cursor: hand;
}
#trRadITabell
{
    border: solid 1px red;
}

/* ***********************************************
 * Körningsutfall - I detaljvy
 * ********************************************* */
.KorningUtfallEjKord
{
}
.KorningUtfallEjPerfekt
{
    padding-left: 6px;
    background-color: #fdf8db;/*Ljusgul*/
    color: black; 
}
.KorningUtfallNoll
{
    padding-left: 6px;
    background-color:  #fde6d6; /*Ljusröd*/
    color: black; 
}
.KorningUtfallPerfekt
{
    padding-left: 6px;
    background-color: #e0fef1; /*Ljusgrön*/
    color: black; 
}
/* ***********************************************
 * Körningsutfall - I listvy
 * ********************************************* */
.ListaKorningUtfallEjKord
{
    text-align: right;
}
.ListaKorningUtfallEjPerfekt
{
    padding-left: 6px;
    background-color: #fdf8db;/*Ljusgul*/
    text-align: right;
    color: black; /*ljusgrå*/
}
.ListaKorningUtfallNoll
{
    padding-left: 6px;
    background-color:  #fde6d6; /*Ljusröd*/
    color: black; 
    text-align: right;
}
.ListaKorningUtfallPerfekt
{
    padding-left: 6px;
    background-color: #e0fef1; /*Ljusgrön*/
    color: black; 
    text-align: right;
}
/* ***********************************************
 * Körningsstatus
 * ********************************************* */
.KorningsstatusEjKord
{
}
.KorningsstatusPagaende
{
    padding-left: 6px;
    background-color: #fdf8db;/*Ljusgul*/
    color: black; 
}
.KorningsstatusAvslutadMedFel
{
    padding-left: 6px;
    background-color:  #fde6d6; /*Ljusröd*/
    color: black; 
}
.KorningsstatusAvslutadUtanFel
{
    padding-left: 6px;
    background-color: #e0fef1; /*Ljusgrön*/
    color: black; 
}

/* Val av tävlingar vid domartillsättning */
.tavlingsvaljare
{
    border: solid 1px #7F9DB9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    margin: 0px;
    width: 300px;
    height: 100px;
}
.buttonTavlingsvaljare
{
    font-weight: bold;
    background-color: #97AFC5;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 9px;
    height: 18px;
    width: 24px;
}
th.thTavlingsvaljare
{
    text-align: left;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    color: #FFFFFF;
    background-color: #97AFC5;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    border-left: solid 1px #FFFFFF;
}

@media screen
{
    .divSpelarlistaHuvudClass
    {
        display: none;
    }
    .spelarlistaUtskriftRubrikClass
    {
        display: none;
    }
    #cbMarkeraAlla
    {
    }
}
@media print
{
    .divSpelarlistaHuvudClass
    {
        margin-bottom: 10px;
    }
    .spelarlistaUtskriftRubrikClass
    {
    }
    #cbMarkeraAlla
    {
        display: none;
    }
}

/*****************************
** Cupstege
*****************************/
.cupstegeInfoTable
{
    border-collapse: collapse;
    border-top: solid 1px #97AFC5;
    border-bottom: solid 1px #97AFC5;
    border-left: solid 1px #97AFC5;
    border-right: solid 1px #97AFC5;
    padding: 0px;
    margin: 0px;
}
.cupstegeInfoTable td.title
{
    cursor: hand;
    text-align: left;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #97AFC5;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 16px;
}
.cupstegeInfoTable td.tom
{
    text-align: left;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    height: 50px;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 16px;
}
.cupstegeInfoTable td.fylld
{
    cursor: hand;
    text-align: left;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    height: 50px;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 16px;
}

/* ******************************
** Domarsök / behörighetsgrupp
* **************************** */
.extraZoner
{
    font-style: italic;
}
.ingenHemmazon
{
    font-style: italic;
    color: Gray;
}
.imgExpand
{
    vertical-align: middle;
}

/* ******************
Style för att visa ett hål
när e-postadress saknas
***************** */
.ingenEpost
{
    width: 19px;
}

/*
	Svårighetsgrad-hantering i tävlingskategorier och lagengagemang
*/
.indenteradSvarighetsgradLista
{
    padding-left: 20px;
}
/* ******************
Style för att i en rullgardingsmeny indikera att
data (tävling, etc) hör till ett främmande förbund
* ******************* */
.frammandeForbund
{
    color: #AAAAAA;
}
/* Används i Match/MatchRedigeraDomarrapportLedare.aspx */
.divIndelare th
{
    font-size: 10px;
}
/* Används i diverse dialoger i domarrapporten */
.anmalanSaknas
{
    font-weight: bold;
}



/*
* Styla telefinbild
*/
.telefonILista
{
    height: 10px;
    margin-left: 5px;
}

.totalAnmalningsgrad tr, .totalAnmalningsgrad tfoot
{
    color: black;
    font-weight: bold;
    background-color: #97AFC5;
    border-top: solid 2px black;
    margin-top: 3px;
}
/* Vill inte ha superstora tabellhuvuden i deltagarlista i kallelse till kurstillfälle */
@media screen
{
    .kursdeltagareEmailTabell th, .kursdeltagareEmailTabell td
    {
        text-align: left;
        font-family: Verdana, Arial, Sans-Serif;
        font-size: 0.8em;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 0px;
        margin-right: 0px;
    }
    table.kursdeltagareEmailTabell
    {
        border: solid 1px black;
    }
    .kursdeltagareEmailTabell th
    {
        border-bottom: solid 1px black;
    }
}
@media print
{
    .kursdeltagareEmailTabell th, .kursdeltagareEmailTabell td
    {
        text-align: left;
        font-family: Times New Roman, Times, Serif;
        font-size: 10pt;
        padding-left: 1.0pt;
        padding-right: 1.0pt;
        margin-left: 0pt;
        margin-right: 0pt;
    }
    table.kursdeltagareEmailTabell
    {
        border: solid 1pt black;
    }
    .kursdeltagareEmailTabell th
    {
        border-bottom: solid 1pt black;
    }
}
/*********** START: Används i spelarlistan för att indikera att en licens innehas i en annan förening än den egna *********/
.annanForening, .annanForening td
{
    color: #EE0000;
    font-style: italic;
}
/*********** SLUT: Används i spelarlistan för att indikera att en licens innehas i en annan förening än den egna *********/
.inaktivFunktion
{
    color: Gray;
}
/**** Används för att visa varningsikon i manuell domartillsättning/anlaggningstilldelning ****/
.domaruppdragvarning
{
    height: 12px;
    width: 12px;
}
.anlaggningsbokningvarning
{
    height: 12px;
    width: 12px;
}
.varningsbild
{
    width: 12px;
}

img.fogissubscribe
{
}
a.fogissubscribe
{
}

/*
** Ersätter attribut align="absmiddle"
*/
img.absmiddle
{
    vertical-align: middle;
}

.vansterJusteradKnappkolumn
{
    width: 480px;
}

.kolumnMedVanstermarginal
{
    margin-left: 10px;
}

.utskickWizardLink
{
    border-radius: 5px;
    background-color: #F2FFE1;
}

div.sammanfattning
{
    border-radius: 20px;
    background-color: rgb(238, 238, 238);
    padding: 10px;
}

/* Klassdefinitioner för treeview */
.treeViewNyNod
{
    margin-left: 3px;
}
.treeViewAktuellNod
{
    margin-left: 3px;
    background-color: #FFFFDD;
}
.treeViewHoverNod
{
    border: 1px solid #97afc5;
}

.treeViewExtraInfo
{
    font-style: italic;
    margin-left: 10px;
}

.treeViewInaktiv {
	text-decoration: line-through;
	color: Red;
}


/* Används på startsidan för att visa meddelanden. */
.divMeddelande
{
	margin-bottom: 10px;
	background-color: #EEEEEE;
	border: 1px solid #C7C7C7;
	-moz-border-radius: 10px;
    border-radius: 10px;
}
/* Används på startsidan för att visa meddelanden. */
.divMeddelandeRubrik
{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
	background-color: #C7C7C7;
	border-bottom-style: double;
	padding-left: 5px;
	-moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    text-transform: uppercase;
}
/* Används på startsidan för att visa meddelanden. */
.divMeddelandeInformation
{
	margin-bottom: 10px;
	margin-left: 5px;
	color: Gray;
	font-style: italic;
}
/* Används på startsidan för att visa meddelanden. */
.divMeddelandeText
{
	margin-bottom: 20px;
	margin-left: 5px;
	margin-right: 5px;
	border-top: 1px solid #C7C7C7;
}
/* Inaktiva matcher i matchlista där man kan välja att inkludera sådana */
.inaktivMatch
{
    text-decoration: line-through;
}
.inaktivtMatchlag
{
    text-decoration: line-through;
}
.inaktivtLagengagemang
{
    text-decoration: line-through;
}
.matchIngarIHuvudtavling {
    font-style: italic;
    color: darkslategrey;
}

/* Matchändring, förhandstitt på skärm */
.andring{color: green; font-weight: bold;}
.borttaget{color: red; text-decoration: line-through;}
span.title{font-family: Verdana, Arial, Sans-Serif;font-size: 12px;font-weight: bold;}

/*UtskickWizard*/
.utskickWizAktivFlik 
{
    background-color: #ffc0cb;
}

.ejOffentigaKontaktuppgifter 
{
    border: none;
    height: 12px;
}
.deltagareNotering 
{
    border: none;
    height: 12px;
}
.ejOffentligaKontaktuppgifterText 
{
    color: red;
}

.information_ikon_lista {
	height: 14px;
	width: 14px;
	border: 0 none;
}
/* Lite anpassning av spelarkortet */
.spelarkortEtikettKolumnVanster
{
    width: 160px;
}
.spelarkortEtikettKolumnHoger
{
    width: 130px;
}
.spelarkortInfoKolumnVanster
{
    width: 240px;
}
.spelarkortSpecialKolumnMitt
{
    width: 50px;
}
.spelarkortInfoKolumnHoger
{
    width: 256px;
}
#divKansligaUppgifterDoljs
{
    margin-left: 4px;
    margin-top: 8px;
    padding-top: 8px;
    padding-left: 8px;
    padding-bottom: 8px;
    background-color: #FFFFAA;
}

#divKansligaUppgifterInfo
{
    margin-left: 4px;
    margin-top: 8px;
    padding-top: 8px;
    padding-left: 8px;
    padding-bottom: 8px;
    background-color: #FFFFAA;
}
.kansligUppgift
{
    background-color: #FFAAAA;
}

/*Hyperlänk i jquery-sorterad lista*/
.fogisLink
{
    color: #ec6900;
}

/*Mottagarväljning vid utskick map avanmälan etc*/
#divMottagarkategorier 
{
    margin-left: 20px;
    padding: 10px;
/*    border-radius: 10px;
    background-color: rgba(100,100,100,0.2);
    border: 1px solid black */
}
#divMottagarkategorier label
{
    font-weight: normal;
    font-style: italic;
}

/* För att visa infotext då ett formulär disablats*/
.disabledFormInfoMeddelande
{
    color: Red;
    font-weight: normal;
    display: inline-block;
    background-color: rgb(256, 220, 220);
}

/* Avbruten match */
td span.avbrutenMatch
{
    color: Red;
    font-weight: bold;
}

.transparent {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
tr.avbrutenMatchBakgrund
{
    /*background-color: rgb(255, 106, 0);*/
    background-color: #FAD7C8;
 }
/* Uppskjuten match */
td span.uppskjutenMatch
{
    color: Red;
    font-weight: bold;
}
tr.uppskjutenMatch .veckodag
{
    text-decoration: line-through;    
}
tr.uppskjutenMatch .datum-tid
{
    text-decoration: line-through;    
}

/* Inställd match */

tr.installd td
{
    text-decoration: line-through;
}
td span.installdMatch
{
    color: Red;
    font-weight: bold;
    text-decoration: none !important;
}
.no-line-through
{
    text-decoration: none !important;
}

/*Intresseanmälningar*/
.raderaAndraIntresseanmalningar
{
    margin-top: 15px;
    margin-left: 5px;
}

.no-margin {
    margin: 0px;
}

.multilinebutton {
    white-space: pre-line;
}

td.tid > .textboxTid, td.datum > .textboxDatum {
    background-color: #FFFFDD !important;
    font-size: 9px !important;
    margin-top: -2px;
    margin-bottom: -2px;
}

textarea.matchflyttorsak {
  width: 100%;
  border: solid 1px #7F9DB9;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 10px;
}

.tabellrubrik {
    font-weight: bold;
}

.matchflyttuppgifter .vertikalheader {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

.matchflyttuppgifter .tabellcell {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

.fogisInfoTable > thead > tr > th {
    cursor: pointer;
    text-align: left;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    color: #FFFFFF;
    background-color: #97AFC5;
    padding-top: 2px; /*padding-right: 10px;*/
    padding-right: 5px;
    padding-bottom: 2px; /*padding-left: 16px;*/
    padding-left: 5px;
}

.fogisInfoTable > thead > tr > th.headerSortUp, .fogisInfoTable > thead > tr > th.headerSortDown {
    background-color: #F7D072;
    color: black;
}

table.table-striped > tbody > tr:nth-child(even) {
    background-color: #EEEEEE;
}

i.pull-right {
    float: right;
}
.textboxKommentar
{
	border: solid 1px #7F9DB9;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	width: 255px;
	height: 50px;
    word-wrap: break-word;
}

.lankSasong {
    font-size: large;
    cursor: pointer;
}
.ejAktuellSasong {
    background-color: lightcoral;
    color: white;
}

.DropDownLook {
	padding: 0px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 8px;
	border-color: #7F9DB9;
	margin: 0px;
	/*
		border: solid 1px #7F9DB9;
		border-style: solid;
		border-width: 1px;
	*/
}

.DivClose
{
	display: none;
	position: absolute;
	width: 220px;
	height: 170px;
	border-style: solid;
	border-color: Gray;
	border-width: 1px;
	background-color: #99A479;
}

.LabelClose
{
	vertical-align: text-top;
	position: absolute;
	bottom: 0px;
	font-family: Verdana;
}

.DivCheckBoxList
{
	display: none;
	background-color: White;
	width: 220px;
	position: absolute;
	height: 150px;
	overflow-y: auto;
	overflow-x: hidden;
	border-style: solid;
	border-color: Gray;
	border-width: 1px;
}

.CheckBoxList
{
	position: relative;
	width: 220px;
	height: 8px;
	overflow: scroll;
	font-size: small;
}

.infoBox {
	background-color: #ffff99;
	width: 96%;
	margin: 6px;
	padding: 2px;
	float: left;
	border: solid;
	border-color: silver;
	border-radius: 8px;
}

.inaktivPerson {
	text-decoration-color: dimgrey;
}

.slutspelsmappning-error {
    background-color: lightyellow;
    border: 1px solid black;
    padding: 10px;
    font-size: 12px;
}