.em11 { font-size: 1.1em; line-height: 185%; }
.em12 { font-size: 1.2em; line-height: 185%; }
.em13 { font-size: 1.3em; line-height: 185%; }
.em14 { font-size: 1.4em; line-height: 185%; }
.em24 { font-size: 2.4em; line-height: 185%; }
.em19 { font-size: 1.9em; line-height: 140% }

.lineHeight145 { line-height: 145%; }

.textContentEm12 p { font-size: 1.2em; line-height: 150%; margin-bottom: 20px; }

.margRight22 { margin-right: 22px; }



/* Branding */ 
#defaultHeader h1 
{

    text-indent: -9999px;
    position: absolute;
    z-index: 12;
    top: 25px;
    left: 37px;
    width: 301px;
    height: 59px;
    display: block;
}

#innerHeader h1 a:link, #innerHeader h1 a:visited
{
    background: transparent url(/images/graphics/logo.png) repeat-x 0 0; 
    text-indent: -9999px;
    position: absolute;
    z-index: 12;
    top: 25px;
    left: 37px;
    width: 301px;
    height: 59px;
    display: block;
}



/* Default Headline sizes h2-h5 */ 
#mainContent h2, #mainContent #ResultArea h2
{
    font-size: 2.8em;
    line-height: 30px;
    letter-spacing: -1px:
}

#mainContent h3
{
    padding-top: 8px;
    font-size: 2.2em;
    margin-bottom: 10px;
}

h3.em14 { line-height: 100%; }

#mainContent h4
{
    font-size: 1.8em;
    margin-bottom: 6px;
}

#mainContent h5
{
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
}



/* Paragraphs */ 


#MainContentHolder p
{
    font-size: 1.2em;
    font-family: verdana, Lucida sans, arial, helvetica;
    line-height: 1.5em;
    margin: 0 0 20px 0;
}

/* Lists */
#mainContent ul, #mainContent ol
{
    margin: 20px 0 30px 20px;
}

#mainContent ul li
{
    font-size: 1.2em;
    line-height: 1.6em;
    margin: 0 0 5px 13px;
}

#mainContent ol li
{
    font-size: 1.2em;
    line-height: 1.6em;
    margin: 0 0 0 18px;
}



/* Labels */ 
p label
{
    font-family: georgia, Times New Roman, serif;
    font-size: 1.4em;
    color: #EEA332;
}

blockquote 
{
    font-size: 1.2em;
    font-style: italic;
    line-height: 1.4em;
    margin: 20px 40px;
    
}

/* Common classes */
.inline
{
    display: inline;
}

/* Typo colors */
.blue { color: #336699; }


/* Linkbuttons */
.linkButton                     { padding: 0px 0px 0px 10px; font-size: 1.2em; line-height: 165%; cursor: pointer; }
.linkButton.left                { float: left; }
.linkButton.right               { float: right; }
.linkButton span                { display: block; float: left; padding: 7px 10px 0px 0px; }

.linkButton.small span { display: block; float: left; padding: 3px 10px 0px 0px; /*font-size: 80%;*/ } 



/* Normal link buttons */
a.orangeButton             
{ 
    background: url(/templates/public/images/graphic_sprite.png) left -1px no-repeat;
    color: #fff;
    height: 35px;
}

    /* Hover */
    a.orangeButton:hover,       
    a.orangeButton:active,       
    a.orangeButton:focus       { background: url(/templates/public/images/graphic_sprite.png) left -72px no-repeat; color: #fff;}


a.orangeButton span 
{ 
    text-transform: uppercase;
    background: url(/templates/public/images/graphic_sprite.png) right -36px no-repeat;
    height: 28px;
}

    /* Hover */
    a.orangeButton:hover span,
    a.orangeButton:active span,
    a.orangeButton:focus span  { background: url(/templates/public/images/graphic_sprite.png) right -109px no-repeat; }
		

/* Orange Button Small */
		
a.orangeButtonSmall             
{ 
    background: url(/templates/public/images/graphic_sprite.png) left -199px no-repeat;
    color: #fff;
    height: 31px;
    margin-top: 16px;
}

.programInfo a.orangeButtonSmall             
{
    margin-top: 27px;
}

    /* Hover */
    a.orangeButtonSmall:hover,       
    a.orangeButtonSmall:active,       
    a.orangeButtonSmall:focus       { background: url(/templates/public/images/graphic_sprite.png) left -266px no-repeat; color: #fff;}


a.orangeButtonSmall span 
{ 
    text-transform: uppercase;
    background: url(/templates/public/images/graphic_sprite.png) right -232px no-repeat;
    height: 28px;
}

    /* Hover */
    a.orangeButtonSmall:hover span,
    a.orangeButtonSmall:active span,
    a.orangeButtonSmall:focus span  { background: url(/templates/public/images/graphic_sprite.png) right -299px no-repeat; }
		
	
		
/* Blue headers */

.blueHeader
{
    font-size: 1.2em;
    color: #fff;
    font-weight: bold;
    display: block;
    height: 22px;
    padding: 10px 0 0 13px;
}
    
.blueHeaderSmall   { width: 205px; background: url(/templates/public/images/graphic_sprite.png) 0 -152px no-repeat; }
.blueHeaderXLarge  { width: 440px; background: url(/templates/public/images/graphic_sprite.png) 0 -350px no-repeat; }


.blueHeaderSmallBottom   { width: 205px; height: 7px; background: url(/templates/public/images/graphic_sprite.png) 0 -184px no-repeat; }
.blueHeaderXLargeBottom  { width: 440px; height: 7px; background: url(/templates/public/images/graphic_sprite.png) 0 -382px no-repeat; }




/*** Blivande elev ***/

/* H2 */
h2 { margin-bottom: 9px; }

/* Breadcrumbs */
.breadcrumb, .breadcrumb a, .breadcrumb a:visited, .breadcrumb a:hover, .breadcrumb a:active { font-size: 1.1em; color: #336699; }
.breadcrumb a:link, .breadcrumb a:visited
{
    color: #35679a;
    
}

.breadcrumb a:hover, .breadcrumb a:active
{
    color: #35679a;
    background: #dee7ef;
    border-bottom: 1px solid #c9d8e5;
}

.blivandeElevGraphic1 ul li h3 { margin-bottom: 10px; }