/* Defaults for everything (the body part) */
/* Background image, standard fonts and a light-blue text colour */
/* A light-blue background colour in case the image doesn't load. */
body { background: url("img/yogabak.gif") #EEF6FF fixed }
body { font-family: verdana, arial, helvetica, sans-serif }

/* Links: not underlined, red under the mouse, otherwise blue */
a { text-decoration: none }
a:link { color: #000099 }
a:visited { color: #000099 }
a:hover { color: #F15997 }
a img {border: none; }
a:hover img{border: 1px solid #000000;} 

/* Defaults for Horizontal Rulers <hr>: lightblue color */
hr { color: #ccffff; background-color: #ccffff; height: 2px; border-width: 0 }

/* Defaults for tables: no borders, centered */
/* Light-blue small text, white background */
table { border-style: none; text-align: left }
table { font-size: xx-small; color: #3377BB; background: #FFFFFF }

/* Defaults for paragraphs: left-justified */
p { text-align: left }

/* Narrow paragraphs: less width and left-justified. Used in the OLD thank pages. */
p.narrow { width:80%; text-align:left }

/* Headers for invoice: big, bold and centered */
p.invoice-header1 { font-size:200%; font-weight:bold; text-decoration:underline; text-align:center }
p.invoice-header2 { font-size:150%; font-weight:bold; text-align:center }

/* Smaller paragraphs, used for the left column in the thanks page. Smaller font. */
p.smaller { text-align:left }

/* The outmost table: top margin specifies the placement */
table.outmost-table { margin-top:12mm }

/* The outmost table with less width: top margin and width */
table.outmost-table-narrow { margin-top:12mm; width:75% }

/* Table for pink boxes: dark red text colour on pink, left aligned ,color: #0000CC;     FFF2F0  FFE4E1 det var denna färgen under pink-box#FFF2F0  FFE4E1  colour förut #0000CC
#660000*/
table.pink-box { background: #FFF2F0 }
table.pink-box { text-align: left; padding: 1em; margin: 1em }
/* td.pink-box { background: #FFE4E1 } mörkare rosa färg */
td.pink-box { background: #FFF2F0 }
td.pink-box { text-align: left; padding: 1em; margin: 1em }

/* Text under images */
.image-texts { color: #3399FF; background: #FFFFFF; text-align: center }

/* Text for page bottom */
p.bottom-texts { color: #3399FF; background: #FFFFFF; text-align: center; font-size:xx-small }

/* Application forms */
.text_rjust { text-align: right; }
.af_small { font-size: xx-small; }
.af_big { font-size: large; }
.af_blue { color: #3377BB; }
.af_blue2 { color: #000099; }
.personalia { width: 160mm; }
.no_bg { background: none; }
.af_total { font-size: 20px; color: black; }
input { width: 80mm; }
input.small { width: 5mm; }
td.amount { text-align: right; width: 10mm; }
p.total { text-align: right; width: 30mm; }
button.plus { width: 6mm; height: 6mm; font-size: 7px; }
table.af_form {
    border-collapse:     collapse;
    background:          none;
}
td.af_line,th.af_line {
    padding-left:        0mm;
    padding-right:       3mm;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-top-style:    none;
    border-right-style:  none;
    border-left-style:   none;
}
td.af_descr,    th.af_descr    { width: 10mm; }
td.af_location, th.af_location { width: 20mm; }
div.af_header {width: 50%; float: left; }
div.af_basket {width: 40%; float: right; }
div.af_inltext {width: 55%; float: left; }
/* Table cells for the OLD application forms: left and right column. */
td.af_left { vertical-align: top; font-weight: bold }
td.af_right { vertical-align: top }
td.af_right-big { vertical-align: top; font-size: 200%; }

/* Table cells used in the navigation bar: blue background colour */
td.navigation { color: #3399FF; background: #DDEEFF; font-size: xx-small; text-align: center}
td.navigation2 { color: #3399FF; background: #DDEEFF; font-size: small; text-align: center}

/* Navigation bar cell for current page: bold and red */
td.is-here { font-weight: bold; color: #848484; background: #DDEEFF; font-size: xx-small; text-align: center }
td.is-here2 { font-weight: bold; color: #848484; background: #DDEEFF; font-size: small; text-align: center }

/* Smaller table cells, used for the left column in the thanks page. Some sides visible. */
td.thanks-left { width:40mm; border-left-style:solid; border-right-style:solid; padding:20px;
	         vertical-align:top; }

/* Used for the right column in the thanks page. */
td.thanks-right { padding:20px; }

/* Table for empty space */
table.empty-space { padding: 3em }

/* Tests only: take away/disable them before publishing */
/* body  { color:green; }         /* Test: discover undefined colours */
/* table { border-style:solid; }  /* Test: visible borders */