/* CSS Document */

/* PAGE __________________________ */

html, body
{
	padding-right: 0px;
	padding-left: 0px;
	background: #fff;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	height: 100%;
}

/* Fönster utan pageWidth. */
body.popup
{
	background: white;
}

/* Sidans bredd med bakgrund. */
#pageWidth
{
	margin-left: auto;
	margin-right: auto;
	width: 935px;
	background-color: white;
}
/* width = 1000px eller 75em för bildskärm 1024 */

/* __________________________ PAGE */



/* GENERAL __________________________ */

.inactive
{
	visibility: hidden;
}

.active
{
	visibility: visible;
}

.center
{
	text-align: center;
}

/* __________________________ GENERAL */


/* TABLES __________________________ */

.table
{
	border-right: #909090 1px solid;
	border-top: #909090 1px solid;
	border-left: #909090 1px solid;
	border-bottom: #909090 1px solid;
	border-collapse: collapse;
}

/* Alternativa tabellrader. */
.tableRowAlt
{
	background-color: #efefef;
}

/* Kolumnrubriker */
.tableHeader
{
	background-color: gainsboro;
}

/* Tabellrader */
tr
{
	vertical-align: top;
}

/* Tabellceller */
td
{
}
/*	border: blue 1px solid;*/

.DataListStyle1
{
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;
}
.DataListStyle1 td
{
	width:50%;
}

.DataListStyle1 a
{
	color:#3a519a;
	font-weight:bold;
	text-decoration:underline;	
}

.DataListStyle1 a:visited
{
	color:#cc66cc;
	text-decoration:underline;	
}

.DataListStyle1 a:hover
{
	color:Black;
	text-decoration:underline;	
}



/* __________________________ TABLES */


img.hoger
{
	width: 16.5em;
}
img.bottom
{
	width: 38.4em;
}


/* ___________________________ PAGE HEADER  */

/* __________________________ HEADER CONTENT */

/* __________________________ PAGE HEADER */


/* PAGE BODY (MIDDLE) __________________________ */

#pageBody
{
	margin: 0;
	padding: 0;
	/*background-image: url(../images/navbg.gif);*/
	width: 100%;
	background-repeat: repeat-y;
	height:auto;
}

/* Start Hack för att... ? */ 
#pageBody:after
{
	clear: both;
	display: block;
	visibility: hidden;
	height: 0px;
	content: ".";
}
/* End Hack */  

/* LEFT NAVIGATION __________________________*/

#leftNavContainer
{
	width: 175px;
	margin: 10px 0 0 0;
	padding: 30px 0 0 0;
	float: left;
	height:auto;
	background-color:#fff;
}

/* Ram för navigeringsrubriken (H2) på en sida. */
#leftNavHeader
{
	background: transparent url(../images/section_top.gif) top right no-repeat;
	height:50px;
	margin:0 0 0 0;
}

#leftNav
{
	padding-left:5px;
	margin: 0px;
}

hr.dotted
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	border: #cccccc 1px dotted;
}

#leftNavFooter
{
	background: transparent url(../images/section_bottom2.gif) top right no-repeat;
	margin:0 0 0 0;
	height:50px;
}

/* ______________________LEFT NAVIGATION END*/

/* PAGE CONTENT __________________________*/

#pageContentContainer
{
	clear: right;
	padding-right: 0px;
	padding-left: 10px;
	float: left;
	padding-bottom: 15px;
	margin: 0px;
	width: 740px;
	padding-top: 0px;
	background-color: white;
}
	/*width: auto;*/
/* För att det skall funka i Mozilla så måste bredden sättas på pageContentContainer.
	width = 75em(pageWidth) - 0.5em(padding-left) - 16.25em(leftNavContainer) - 1em(padding-left) = 56.25em
	Fattas 1em?
*/

/* Ram för innehållets huvud. */
#pageContentHeader
{
	margin-bottom: 0.37em;
	clear:right;
	float:left;
}
/* Ram för innehållsrubriken (H1) på en sida. */
#ContentHeader
{
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	padding-bottom: 0px;
	margin:13px 0 0 0;
	width: 620px;
	padding-top: 0px;
}

/* Ram för Sökruta och sökknapp.*/
.Search
{
	border:solid 1px #999;
	padding:0 0.2em 0.2em 0.2em;
	margin-top: 0.2em;
	float: right;
	width: 21em;
	background: transparent url(../images/topFadeBg.gif) top left repeat-x;
	text-align: right;
}

/* Ram för Sökruta och sökknapp.*/
.SearchExt
{
	border:solid 1px #999;
	padding:0 0.2em 0.2em 0.2em;
	margin-top: 0.2em;
	float: right;
	width: 28em;
	background: transparent url(../images/topFadeBgLarge.gif) top left repeat-x;
	text-align: right;
}

/* Klasser för runda hörn på söktextbox*/
.ms-sbtable{
color:#000;
font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size:0.9em;
}
.ms-sbtable-ex{
width:275px;
border-collapse:collapse;
margin:0;
}
td.ms-sbcell{
padding:0px 10px 0 0;
padding-left:0;
white-space:nowrap;
border:none;
}
.ms-sbplain{
font-family:Tahoma;
font-size:1em;
border:none;
}
td.ms-sbgo{
background-color:transparent;
padding:0;
}
/*inherited styles end*/
.topSearchContainer{
height:35px;
overflow:hidden;
display:inline;
margin-bottom:9px;
}
#SRSB{
float:right;
}
.ms-sbplain
{
	font-family:Tahoma;
	font-size:1em;
	border:none;
}
.ms-sbcell{
width:142px;
height:26px;
display:block;
background:url(../images/searchInputBox.gif) no-repeat;
float:left;
}
.ms-sbplain{
width:132px;
height:18px;
border:0;
background-color:#fff;
margin:2px;
position:relative;
top:2px;
left:2px;
font:Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size:0.9em;
float:left;
}
.ms-sbplain input
{
width:132px;
}
/* IE Hack */
html* .ms-sbplain{
position:relative;
top:0px;
left:2px;
}
/* END IE Hack */




/* Ram för Sök och Skriv ut. */
#SearchPrint
{
	padding-left: 0;
	float: right;
	width: 7em;
	text-align: right;
	padding-top:14px;
	border-bottom: solid 1px #edeeef;
}

/* Ram för brödsmulor. */

#breadCrumb
{
    float:left;
    margin:0;
    padding-left:0px;
    padding-top:15px;
    padding-bottom:3px;
    width:635px;
    font-size:11px;
    color:#765;
    border-bottom: solid 1px #edeeef;
}
#breadCrumb a
{
    color:#99999a;
    font-size:11px;
    text-decoration:none;
}
#breadCrumb a:hover
{
    color:#000;
    text-decoration:underline;
}

#lbSok
{
    color:#99999a;
    font-size:11px;
    text-decoration:none;
}

#lbSok hover
{
	color:#000;
}

#lbPrint
{
    color:#99999a;
    font-size:11px;
    text-decoration:none;
}

/* Normalt avsnitt */
.sectionContainer
{
	padding: 0;
	margin: 0.4em 0px;
	width:auto;
	float:left;
}
	/*width: 100%; Varför inte?*/

/* Fast bredd? */
.pnlContainer
{
	width:30em;
}

/* Avsnitt med inforuta (ram och bakgrund). */
.sectionInfoContainer
{
	border-right: #909090 1px solid;
	padding-right: 0.5em;
	border-top: #909090 1px solid;
	padding-left: 0.5em;
	background: #e5e5e5;
	padding-bottom: 1em;
	margin: 0.4em 0px;
	border-left: #909090 1px solid;
	width: auto;
	padding-top: 0em;
	border-bottom: #909090 1px solid;
}

/* Avsnitt med inforuta och tabell (ram och bakgrund). */
.sectionTableContainer
{
	border-right: #909090 1px solid;
	padding-right: 0px;
	border-top: #909090 1px solid;
	padding-left: 0px;
	background: #efefef;
	padding-bottom: 0px;
	margin: 0.4em 0px 0.4em;
	border-left: #909090 1px solid;
	width: auto;
	padding-top: 0px;
	border-bottom: #909090 1px solid;
	float:left;
}

/* Avsnitt med inforuta och tabell (ram och vit bakgrund). */
.sectionTableContainerWhite
{
	border-right: #909090 1px solid;
	padding-right: 0.4em;
	border-top: #909090 1px solid;
	padding-left: 0.4em;
	background: #ffffff;
	float: left;
	padding-bottom: 0px;
	margin: 0.4em 0.7em 0.4em 0px;
	border-left: #909090 1px solid;
	width: auto;
	padding-top: 0px;
	border-bottom: #909090 1px solid;
}

.sectionTableContainerWhite ul 
{
	list-style-position: outside; 
	list-style-type:square;
	margin: 0px 0px 0px 15px; 
	padding: 0 0 0 10px;
}

.sectionTableContainerWhite li 
{
	margin:0;
	padding:0;
	list-style-type:square;
}


#bottomPicture
{
	margin: 1em 0px 0em;
}

/* ___________________________PAGE CONTENT*/


/* RIGHT MARGIN __________________________ */

#rightMarginContainer
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 15px;
	margin: 0px 0em 0px 0em;
	width: auto;
}
/* width = 220px ger 206px i sectionInfoContainer i KursView? */

#rightMarginHeader
{
	padding-bottom: 0px;
	width: 100%;
	padding-top: 0px;
}

#rightPicture
{
	margin: 0.5em 0px 1em;
}

/* __________________________ RIGHT MARGIN */


/* Startsida _____________________________ */

.splash1
{
	float:left;
	padding-right: 10px;
}
.splash2
{
	float:left;
}
.splash3
{
	float:right;
}

.splashBox
{
	width: 240px;
}

.splashPicture
{
	width: 240px;
}

.col1
{
	margin-right: 0.5em;
}

.col2
{
	margin-left: 0.5em;
}

/* __________________________ Startsida */

/* Streck under ett sökresultat*/
.SearchLine
{
	border-bottom:solid 1px #999;
}

/* __________________________ PAGE BODY (MIDDLE) */

