/*******************************************************************/
/*** Generella definitioner ***/
/*******************************************************************/

body {
   background      : #ffffff;
   color           : #000000;
   font-family     : lucida grande, verdana, arial, helvetica, sans-serif;
   font-size       : 68%;
   line-height     : 1.5em;
   margin          : 2em;
  /* width           : 65em;*/
}

input, textarea, select {
   font-family     : lucida grande, verdana, arial, helvetica, sans-serif;
   font-size       : 100%;
}

/* Rent generellt vill vi inte ha kanter runt bilder */
img {   border          : none;}

/* De vanligaste blockelementen ska ha ganska mycket luft omkring sig. */
p, ol, dl, form {
   font-family     : lucida grande, verdana, arial, helvetica, sans-serif;
   margin          : 0pt 0pt 12pt 0pt;
}

ul {
  margin-top: 6pt; 
}

/* Länkar. */
a:link {
   color           : #000000;
   text-decoration : none;
   font-weight:		bold;
}
a:visited {
    color           : #000000;
    text-decoration : none;
	 font-weight:		bold;
}

a:hover {
    color : #87CEEB;
    text-decoration : none;
	font-weight:		bold;
}

/* Headings. */
h1, h2, h3, h4, h5, h6 {
   color           : #000000;
   font-family     : lucida grande, verdana, arial, helvetica, sans-serif;
   font-weight     : bold;
   margin          : 0pt 0pt 5px 0pt;
}
h1 {    font-size       : 165%;}
h2 {   font-size       : 150%;}
h3 {   font-size       : 135%;}
h4 {   font-size       : 120%;}
h5 {   font-size       : 105%;}
h6 {   font-size       : 90%;}

/* Årtal i headern */
span.date { color: #87CEEB; }


/*******************************************************************/
/*** Buggfixar ***/
/*******************************************************************/

/* Fontstorleken är som standard oläsbart liten för de här. Fixa. */
pre, code, tt
{   font-size       : 130%;}

/*
font-size från body ärvs. Detta är kass i nästlade tabeller. Fixa.
Återställ till 100%, annars minskar _varje_ nivå till 73% av den förra.
*/
table, tr, th, td
{   font-size       : 100%;
    line-height: 150%;
}

/* dd-och-dt-listor ser konstiga ut om de inte får lite luft. Fixa. */
dt {   padding-top     : 10px;}

/* Om man nästlar p i form, får man dubbel indentering. Fixa. */
form p {margin-left     : 0px;}




/*******************************************************************/
/*** Huvudkolumnen */
/*******************************************************************/

#maintable {
	margin: 0px;
}

#outerTable{
	margin: 0px auto;
	width: 65em;
	position: relative;
}

#outerTable tr td{
	background-repeat: no-repeat;
}



/* Innehållscellen. Den stora i mitten. */
#contentcell {
   background      : #ffffff;
   border          : none;
   padding         : 15px;
   vertical-align  : top;
}

#contentcell hr {
 border: 0px;
 border-top: 1px solid #808080; 
 height: 1px;
}

#contentcell table {
margin          : 6pt 0pt 12pt 0pt;
}

#dsektable, .dsektable {
  border-collapse: collapse;
}

#dsektable th, .dsektable th, .sortableTableHeading {
  padding: 2px;
  background-color: #ebebeb;
  border: 1px solid #ebebeb;
  padding-left: 8px;
  padding-right: 8px;
  text-align: left;
}

#dsektable .subth, .dsektable .subth {
  padding: 2px;
  background-color: #ebebeb;
  border: 1px solid #ebebeb;
  padding-left: 8px;
  padding-right: 8px;
  text-align: left;
  font-size: 93%;
}

#dsektable td, .dsektable td {
  padding: 2px;
  padding-left: 8px;
  padding-right: 8px;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;

  vertical-align: middle;
}

/*******************************************************************/
/*** Extrakolumnen */
/*******************************************************************/


/* Den (valfria) tredje kolumnen på sidan. */


.extradata {
   padding: 10px;
   background: #ebebeb;
   font-size       : 93%;
}





/*******************************************************************/
/*** Sidfot */
/*******************************************************************/

/* Tabellen i botten av sidan, med sidinformation etcetera. */
#bottom {
   margin-top      : 0;
   width           : 100%;
   vertical-align  : bottom;
   text-align      : right;
   background      : white;
}

/* Luft ovanför och under informationen. IE tycker inte om att lägga det här direkt under #bottom. */
#bottom   td {
   padding-bottom  : 1em;
   padding-top     : 1em;
}

/* Ikonerna ska sänkas något och få lite luft gentemot sin text. */
#bottom img {
   margin-bottom   : -4px;
   margin-right    : 6pt;
}






/*******************************************************************/
/*** Generella klasser ***/
/*******************************************************************/


/* Ikoner som hängs på länkar (till exempel för att märka ut en PDF-fil). */
.identifier {
   margin-bottom   : -2px;
   margin-left     : 6pt;
}

.tableRolloverEffect, .tableRolloverEffect a {
	background-color: #ebebeb;
}


.sortableTableHeading {
	cursor          : pointer;
	text-decoration : underline;
}

.personPhoto{
	border: 6px solid white;
	-webkit-box-shadow: 0px 0px 7px RGBA(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 7px RGBA(0,0,0,0.25);
	box-shadow: 0px 0px 7px RGBA(0,0,0,0.25);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 5px;
}

a:hover .personPhoto {
	border: 6px solid #87CEEB;
}

.dsekimage {
  float:left;
  
  background: url(/ikoner/shadow.gif) no-repeat bottom right;
  margin: px 0 0 10px !important;
  margin: 6px 0 0 5px;
  }

.dsekimage img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #000000;
  margin: -6px 6px 6px -6px;
  padding: 0px;
  } 

.reportSuccess {
        font-weight: bold;
	color: green;
}

.reportFailure {
        font-weight: bold;
        color: maroon;
}


/*******************************************************************/
/* Headern
/*******************************************************************/


#headerinput {
     width: 90px;
     font-size: 10px;
     border: 1px solid #000000;
	 background: #e8e8e8;

}
#headersubmit {
     width: 60px;
     font-size: 9px;
     border: 1px solid #000000;

}


/*******************************************************************/
/* Inlogad / logga in */
/*******************************************************************/
#usertable 
{
	margin: 1px;
	border: solid 1px #626262;
	background: #484848;
	font-size: 93%;
}

#usertable, #usertable a {
	color: #e8e8e8;
}




/*******************************************************************/
/*    Navbaren */
/*******************************************************************/


.navbar {
	width: 164x !important;
}

/* Den tabellcell som innehåller navbaren. */
#navcell {
   font-family     : lucida grande, verdana, arial, helvetica, sans-serif;
   vertical-align  : top;
   font-size: 100%;
   line-height: 100%;
   padding: 15px;
   padding-top: 13px;
   padding-right: 0px;
}

/* Alla ul-listor i navbaren ska ha samma padding, inte visa några bullets, och inte ha några marginaler. */
#navcell ul {
   padding         : 0px;
   margin          : 0px;
   list-style-image: url("/ikoner//teknikfokus/teknikfokus2006_pil_liten.gif");

}

/* Eftersom padding ärvs, måste vi nollställa den på andra nivån. Marginalen sätts för att få lagom indrag. */
#navcell ul ul {
   padding         : 0px;
   margin-left     : 12px;
}

/* Skapa lite luft mellan alla listitems. */
#navcell li {
   line-height: 0px;
   margin-top: 3px;
   margin-bottom: 3px;

}

#navcell hr {
 border: 0px;
 border-top: 1px solid #808080; 
 height: 1px;
}

#navcell a {
   color:  #000000;
   text-decoration: none;
   font-weight: bold;
   line-height: 200%;
}

#navcell a.selected {
   font-weight: bold;
}

#navcell a:hover {
   color: #87CEEB;
   text-decoration: none;
}

#navcell h1 a {
   color           :  #000000;
   font-weight     : bold;
   line-height: 1em;
}

#navcell h1 a:hover {
	text-decoration: none;
	color: #87CEEB;
}



/* Mellanrum mellan navbaren och innehållet, samt (eventuellt) innehållet och extracellen. */
#spacer {
   width           : 0px;
}

#navcell h1 {
	margin: 0 0 10px 0;
}

/*******************************************************************/
/* Bloggsystemet */
/*******************************************************************/

blockquote {
   margin-left     : 2em;
   padding         : 4px 0px 4px 4px;
   border          : 1px solid black;
   font-family     : courier new, courier, monospace;
}

cite {
   font-family     : courier new, courier, monospace;
}

q {
   font-family     : courier new, courier, monospace;
}




/*******************************************************************/
/* Reklam-bilderna (projects) */
/*******************************************************************/

#projectstable  {
	border-collapse: separate;
	border-spacing: 5px;
}

#projectstable td {
	padding: 1px;
	

}