A {
  TEXT-DECORATION: none;
  COLOR: #000055} 

A:HOVER {
  TEXT-DECORATION: underline;
  COLOR: #444444}

.mainframe A       { color: #4444A8 }    
.mainframe A:hover { color: #884444 }    
.mainframe A:visited { color: #4444C8 }    

/* -- Radioknapp: markerad bakgrund -- */
input[type="radio"]:checked+label{ background-color: #ffddbb; }

BODY {
	FONT-FAMILY: "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif;
	margin: 0px;
	padding: 0px; 
}

P, OL, UL, LI, DL, DD, DT, ADDRESS, A, BLOCKQUOTE, TD {
	FONT-FAMILY: "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif;
    FONT-SIZE: 11px;
	/* # Let it be auto here.. # LINE-HEIGHT: 13px;  */
}

TH {
	FONT-FAMILY: "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold; 
  color: #000000; background-color: #FFDD99}

H1 {
	FONT-FAMILY: "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif;
    FONT-SIZE: 18px;
}

H2 {
	FONT-FAMILY: "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif;
    FONT-SIZE: 16px;
}

H3 {
	FONT-FAMILY: "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif;
    FONT-SIZE: 14px;
	LINE-HEIGHT: 19px;
}

H4 {
	FONT-FAMILY: "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif;
    FONT-SIZE: 12px 
}

H5 {
    FONT-WEIGHT: bold;
	FONT-FAMILY: "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif;
    FONT-SIZE: 11px 
}

H6 {
	FONT-FAMILY: "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif;
    FONT-SIZE: 11px 
}

/* Try to get menu items easily clickable - more on small screens */
/* background-color: #fec1a2;  -- är lite ljusare, behövs ej nu */
@media all and (max-width: 800px) {
              .menuitem {
                      line-height: 22px;
                      FONT-SIZE: 18px;
              }
}


/* --- std --- */

.line-through { text-decoration: line-through }
.small { font-size: 10px; line-height: 12px; }
.debug { color: #6ECaF5; }
.info { color: #a57Af0; }
.head { color: #a08030; }
.red  { color: #ff0000; }

/* Booking - bra subheader "Det finstilta" med färg? */
.subtitle { color: #884444; }    


/* Button - få en link att se ut som en button, generiskt accessbar. https://cssbuttongenerator.com/ */
a.greenbutton {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;


  font-size:15px;
  # font-family:Arial;
  text-align:center;
  line-height:30px;
  width:140px;
  height:30px;
  color:#fff;
  border-width:1px;
  border-color:#18ab29;
  border-top-left-radius:18px;
  border-top-right-radius:18px;
  border-bottom-left-radius:18px;
  border-bottom-right-radius:18px;
  # text-shadow: 1px 1px 0px #2f6627;
  background:#44c767;
}
.greenbutton:hover {
  background: #5cbf2a
}

/* trackorder - skriv osynlig debugtext */
/* TW TESTWEB: Koliderar med riktig .debug ovan - byt namn, rätta trackorder sedan */
.orderdebug { color: #aFFFFF; }

/* ekonomi track-order kvittenstext - kanske generellt? */
p.box { border: solid; border-width: thick; width: 100%; }
  p.green {
    background: rgb(204,255,204);
    padding: 0.5em;
    border: none;
  }
  p.warning {
    color: rgb(255,0,0);
    background: rgb(255,255,110);
    padding: 0.5em;
    border: none;
  }

/* The Tomas WIP box - put design thoughts out there openly, discreet info style? */
.tomas {
  padding: 10px;
  /* background-color: rgb(169,245,255); /* lightblue, almost like left menu */
  background-color: rgb(199,245,255); /* lightblue, almost like left menu */
  color: #884444;	/* dark purple */
  padding-left: 30;
  margin-bottom: 5px;
}

/* The alert message box */
.alert {
  padding: 15px;
  background-color: #f44336; /* Red */
  color: white;
  margin-bottom: 15px;
}

/* pw-awa: red frame round msg i password_reset */
.framedmsg {
        margin: 5px auto;
        border-radius: 5px;
        border: 1px solid red;
        text-align: left;
        color: brown;
        padding: 10px;
}



div.box { border: solid; border-width: thin; width: 100%; }
  div.color {
    background: rgb(204,204,255);
    padding: 0.5em;
    border: none;
  }

H2.subsection { background: rgb(255,221,153); }

/* Bars for poll bar grapps */
.bar { width: 99%; border: 1px solid #8080c0; }
.percentage { background: #f0f0a0; }
.pct_blue { background: #a0f0f0; }
.pct_lila { background: #f0a0f0; }
.pct_green { background: #c0ffc0; }
.pct_grey { background: #f0f0f0; }

/* Evenemangsadmin_kassor - tilted table column headers */
/* oldvertical - writingmode OR rotate, not both */
/*
 .oldvertical
    {
    writing-mode:vertical-lr;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(90deg);
    -o-transform: rotate(90deg);
    white-space:nowrap;
    display:block;
    bottom:0;
    width:90px;
    height:20px;   
    position:relative;
    left:90px;
    top:80px;
}
*/

 .sned {
    -moz-transform:rotate(-42deg);
    -webkit-transform:rotate(-41deg);
    -o-transform:rotate(40deg);
    -ms-transform:rotate(40deg);
    transform(35deg);
    position:relative;
    bottom:00;
}

 .utgift {
    background: #f7ddaa;
}

 .inkomst {
    background: #ddf7aa;
}

/* Kassor_event_admin */
 .green {
        border-style: solid;
        border-width: 1px;
        border-color: green;
}
 .boxedgrey {
        border: 1px solid #eeeeee ;
}


/* --- end CSS --- */