/* - - - - - - - - - - - - - - - - - - - - - */
/*
/* = = = = = = = = = = = = = = = = = = = = = =
/* Styles for Samverka.nu admin
/* = = = = = = = = = = = = = = = = = = = = = =
/*
/* Author: 
/* - - - - - - - - - - - - - - - 
/* Adrian Bengtson
/* Adagio design
/* adrian at adagiodesign dot se
/*
/* Colors: 
/* - - - - - - - - - - - - - - - 
/* #D2DDDD very light green
/* #97ACAC medium light green
/* #325555 medium dark green
/* #0E2C2C dark green
/* #076C6C clear green
/* #E5E1F0 very light liliac
/* #C7C0DB light liliac
/* #B8B1CB medium light liliac
/* #9187AC medium liliac
/* #5A4C81 medium dark liliac
/* #2B1E4D dark liliac
/* #764AEE clear liliac
/*
/* Global White Space Reset
/* - - - - - - - - - - - - - - - - - - - - - */

* {
padding: 0;
margin: 0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {
margin: 10px 0;
}

li, dd {
margin-left:5%; 
}

fieldset { 
padding: .5em;
}

/*
/* Modified HTML elements
/* - - - - - - - - - - - - - - - - - - - - - */

body {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
border: 0px solid red;
padding: 0px;
border: 0px solid blue;
text-align: center;
background-color: #97ACAC;
}

blockquote {
border-left: 5px solid #C6ACC6;
margin-left: 1.5em;
padding-left: 5px;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

cite {
font-size: 90%;
font-style: normal;
}

code {
font: 1.1em 'Courier New', Courier, Fixed, monospace;
}

dt {
font-weight: bold;
padding: 0px;
margin-top: 6px;
}

h1 {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, sans-serif;
font-weight: bold;
font-size: 24px;
line-height: 1.2em;
color: #E5E1F0;
letter-spacing: 0px;
margin: 4px 0px 0px 0px;
padding: 0px 0 2px;
}

h2 {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, sans-serif;
font-weight: bold;
font-size: 18px;
line-height: 1.3em;
color: #5A4C81;
letter-spacing: 0px;
margin: 0px 0 2px 0;
padding-top: 10px;
padding-bottom: 2px;
}

h3 {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
color: #6A006A;
margin: 12px 0 2px 0px;
padding: 0px 0 0px 0;
text-shadow: 2px 2px 2px #AC87AC;
border: 0px solid #AC00AC;
}

h4 {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #6A006A;
margin: 4px 0 -2px 0px;
padding: 0px 0 0px 0;
text-shadow: 2px 2px 2px #AC87AC;
border: 0px solid #AC00AC;
}

p, li {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
}

small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}

hr {
display: none;
}

/*
/* Links
/* - - - - - - - - - - - - - - - - - - - - - */

a img {
border: none;
}

a, a:link {
color: #5A4C81;
text-decoration: none;
padding-bottom: 0px;
border-bottom: 0px dotted #764AEE;
}

a:visited {
color: #9187AC;
text-decoration: none;
padding-bottom: 0px;
border-bottom: 0px dotted #333333;
}

a:hover {
text-decoration: none;
color: #764AEE;
padding-bottom: 0px;
xborder-bottom: 1px solid #764AEE;
text-decoration: underline;
}

/*
/* actionlink styles
/* - - - - - - - - - - - - - - - - - - - - - */

a.actionlink,
a.actionlink:link,
a.actionlink:visited {
font-family: Verdana, lucida, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: normal;
border: 1px solid;
background: #B8B1CB;
border-color: #fff #9187AC #9187AC #fff;
color: #fff;
margin: 3px 4px;
padding: 2px 4px;
display:inline;
float: right;
}

a.actionlink:hover {
background: #D2DDDD;
border-color: #fff #325555 #325555 #fff;
color: #076C6C;
}

/*
/* Form elements
/* - - - - - - - - - - - - - - - - - - - - - */

label,
select,
textarea,
input {
font-family: Verdana, lucida, Helvetica, sans-serif;
font-size: 11px;
margin: 5px 0;
}

.inputsubmit {
color: #fff;
background: #B8B1CB;
font-weight: bold;
margin: 4px;
padding: 2px;
}

.inputtext-w,
.inputtext-n {
display: block;
width: 200px;
float: left;
margin: 5px 0;
}

.inputtext-n {
width: 70px;
}

.inputhidden {
}

.select-l,
.select-n {
display: block;
width: 170px;
float: left;
margin: 5px 0;
}

.select-n {
width: 170px;
}

/*
/* page styles
/* - - - - - - - - - - - - - - - - - - - - - */

#page {
border: 0px solid red;
width: 778px;
text-align: left;
margin: 0 auto;
padding: 0;
}

/*
/* result-message styles
/* - - - - - - - - - - - - - - - - - - - - - */

#result-message {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
line-height: 16px;
border: 0px solid red;
color: #c00;
background-color: #E5E1F0;
border: 2px solid #9187AC;
text-align: center;
margin: 14px 4px 0px 4px;
padding: 4px;
font-weight: bold;
}


/*
/* header styles
/* - - - - - - - - - - - - - - - - - - - - - */

#header {
background-color: #9187AC;
border: 0px solid #5A4C81;
width: 754px;
xheight: 2.3em;
xheight: 50px;
margin: 10px 0px 0px 0px;
padding: 10px;
color: #E5E1F0;
font-size: 12px;
float: left;
border-width: 2px 2px 0px 2px;
}


#header img {
margin: 0px;
padding: 0px;
}

#header a,
#header a:visited,
#header a:hover {
margin: 0px;
padding: 0px;
border: 0px solid blue;
text-decoration: none;
}

#header h1 {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, sans-serif;
font-weight: bold;
font-size: 24px;
line-height: 36px;
color: #E5E1F0;
padding: 0px 0 0px;
margin: 30px 0px 0px 0px;
border: 0px solid red;
clear: left;

}

#header .change {
font-size: 10px;
line-height: 1.3;
font-weight: bold;
display: inline;
float: left;
margin: 0px 20px 0px 0px;
border: 0px solid red;
}

#header .change.login {
margin: 0px 0px 0px 0px;
float: right;
text-align: right;
}

#header .change a,
#header .change a:visited {
color: #fff;
text-decoration: none;
font-weight: bold;
}

#header .change a:hover {
color: #ff9;
text-decoration: underline;
}

#header .user {
line-height: 20px;
font-size: 10px;
text-align: center;
display: inline;
float: right;
margin: 0px 20px 0px 0px;
}

#header .logout {
line-height: 20px;
font-size: 10px;
text-align: right;
display: inline;
float: right;
margin: 0px 0px 0px 0px;
border: 0px solid red;
}

#header .logout a,
#header .logout a:visited {
color: #fff;
text-decoration: none;
font-weight: bold;
}

#header .logout a:hover {
color: #ff9;
text-decoration: underline;
}

/*
/* navcontainer - mavigation container
/* - - - - - - - - - - - - - - - - - - - - - */

#navcontainer {
border: 0px solid #5A4C81;
background: #9187AC;
float: left;
display: inline;
margin: 0px;
padding: 0px;
width: 774px;
border-width: 0px 2px 0px 2px;
height: 25px;
}

#navcontainer ul {
border: 0px solid red;
margin: 0px;
padding: 0px 0px 0px 0px;
color: #133174;
width: 730px;
float: left;
line-height: 18px;
font-weight: bold;
display: inline;
height: 23px;
position: relative;
bottom: -1px;
}

#navcontainer ul li {
display: inline;
}

#navcontainer ul li a {
height: 17px;
padding: 3px 10px 3px 10px;
margin: 0px 0px 0px 4px;
color: #2B1E4D;
text-decoration: none;
float: left;
background: #9187AC;
border: solid #9187AC;
border-width: 1px 1px 0px 1px;
}

#navcontainer ul li a:hover {
background-color: #5A4C81;
color: #fff;
}

#navcontainer #current {
background-color: #D2DDDD;
height: 18px;
color: #2B1E4D;
border: solid #5A4C81;
border-width: 1px 1px 0px 1px;
}

/*
/* content styles
/* - - - - - - - - - - - - - - - - - - - - - */

#content {
border: solid #325555;
border-top: solid #5A4C81;
border-width: 1px 2px 2px 2px;
width: 774px;
float: left;
display: inline;
padding: 8px 0px 0px 0px;
margin: 0px;
background-color: #D2DDDD;
}

/*
/* main-header styles
/* - - - - - - - - - - - - - - - - - - - - - */

#main-header {
border: 0px solid #9187AC;
border: 0px solid black;
padding: 2px 0px  0px;
margin: 0px 0px 8px 0px;
display:inline;
float: left;
border-bottom: 1px solid #9187AC;
width: 99%;
}

#main-header h2 {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, sans-serif;
font-weight: bold;
font-size: 18px;
line-height: 1.3em;
color: #5A4C81;
margin: 5px;
padding: 0px;
display:inline;
float: left;
border: 0px solid black;
}

#main-header .inputsubmit {
float: right;
display: inline;
}

/*
/* main styles
/* - - - - - - - - - - - - - - - - - - - - - */

#main {
border: 2px solid #9187AC;
width: 742px;
float: left;
display: inline;
background-color: #E5E1F0;
padding: 6px 6px 10px 6px;
margin: 0px 8px 8px 8px;
}

#main h2 {
text-shadow: 2px 2px 2px #AC87AC;
border: 0px solid #AC00AC;
}

#main h3 {
border: 0px solid #AC00AC;
margin-left: 10px;
margin-bottom: 6px;
margin-top: 6px;
font-size: 14px;
}

#main #starttext h3 {
margin-left: 0px;
}

#main h3#respond {
margin: 22px 0 2px 8px;
padding: 0px 0 0px 0;
border: 0px solid #AC00AC;
}

#main h4 {
border: 0px solid #AC00AC;
}

#main p {
border: 0px solid black;
}

#main small {
color: #AC87AC;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, sans-serif;
font-size: 9px;
margin: 0px 0 4px 0;
padding: 0px;
}

#main a.delete_link,
#main a.delete_link:link,
#main a.delete_link:visited {
color: #AC87AC;
font-size: 9px;
margin: 0px 0 0px 4px;
padding: 0px;
border: 0px;
}

#main a.delete_link:hover {
border-bottom: 1px solid;
}

#main p.skapad {
margin-left: 10px;
margin-bottom: 6px;
margin-top: 0px;
font-style: normal;
}

/* - - - - - - smallbox - - - - - - - */

#main .smallbox {
border: 2px solid #B8B1CB;
width: 322px;
margin: 10px 8px 0px;
padding: 0px;
float: left;
display: inline;
}

.smallboxwide {
width: 320px;
margin-left: 18px;
}


#main .smallbox h3 {
background-color: #B8B1CB;
font-family: Tahoma, "Trebuchet MS", Verdana, lucida, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
padding: 2px;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;

}

#main .smallbox p {
margin: 0px;
padding: 2px 5px;
color: #000;
line-height: 19px;
display: block;
}


#main .smallbox ul {
border: 0px solid red;
margin-left: 5px;
}

#main .smallbox a.actionlink,
#main .smallbox a.actionlink:link,
#main .smallbox a.actionlink:visited {
font-size: 10px;
padding: 1px 3px;
}

#main .smallbox a.actionlink:hover {
}

#main .smallbox label,
#main .smallbox select,
#main .smallbox input {
font-size: 10px;
float: left;
display: inline;
margin: 4px 5px;
}

#main .smallbox input.nofloat {
float: none;
margin: 0px 5px;
}

#main .smallbox .inputsubmit {
display:inline;
float: right;
padding: 1px;
}

#main .smallbox .select-w {
width: 220px;
}

#main .smallbox .select-n {
width: 65px;
}

#main .smallbox .inputtext-n {
width: 65px;
}

.smallbox .divider {
border-top: 1px solid #B8B1CB;
clear: both;
line-height: 2px;
margin: 1px 0 0 0;
}

#main .smallbox.helptext h4 {
border: 0px solid red;
padding: 0px;
margin: 10px 10px 5px;
display: block;
float: none;
text-align: center;
}

#main .smallbox.helptext textarea {
width: 260px;
height: 12em;
margin: 5px auto;
float: none;
display: block;
padding: 2px;
}

#main .smallbox.helptext .inputsubmit {
display: block;
float: none;
margin-left: auto;
margin-right: auto;
}

#main .smallbox.helptext form {
border: 0px solid green;
}

/* - - - - - - form elements - - - - - - - */

#main label,
#main select,
#main textarea,
#main input {
font-family: Verdana, lucida, Helvetica, sans-serif;
font-size: 11px;
margin: 5px 0;
}

#main .inputsubmit {
color: #fff;
background: #B8B1CB;
font-weight: bold;
margin: 4px;
padding: 2px;
}

#main .inputtext-w,
#main .inputtext-n {
display: block;
width: 180px;
float: left;
margin: 5px 0;
}

#main .inputtext-n {
width: 70px;
}

#main .inputhidden {
}

#main .select-l,
#main .select-n {
display: block;
width: 170px;
float: left;
margin: 5px 0;
}

#main .select-n {
width: 170px;
}

/*
/* main-extra styles
/* - - - - - - - - - - - - - - - - - - - - - */

#main-extra {
border: 2px solid #9187AC;
width: 742px;
float: left;
display: inline;
background-color: #E5E1F0;
padding: 6px 6px 6px 6px;
margin: 0px 8px 8px 8px;
}

#main-extra label,
#main-extra select,
#main-extra input {
width: 190px;
float: left;
}

#main-extra label {
border: 0px solid #9187AC;
line-height: 20px;
text-align: right;
width: 130px;
padding-right: 10px;
}

#main-extra .inputsubmit {
display:inline;
float: right;
width: auto;
color: #fff;
background: #B8B1CB;
font-weight: bold;
padding: 1px;
}

#main-extra .inputsubmit2 {
xdisplay:inline;
float: none;
width: auto;
color: #fff;
background: #B8B1CB;
font-weight: bold;
padding: 1px;
margin: 2px 6px;
}

#main-extra .nofloat {
float: none;
margin: 2px 6px;
}

#main-extra .divider {
border-top: 1px solid #B8B1CB;
clear: both;
line-height: 2px;
margin: 1px 0 0 0;
}

#main-extra ul.praoplatser li a {
	font-weight: bold;
}

/*
/* listresult styles
/* - - - - - - - - - - - - - - - - - - - - - */

.listresult {
border: 0px solid blue;
border-top: 1px solid #9187AC;
border-bottom: 0px solid red;
margin: 10px 0px 0px;
padding: 14px 0px 0px;
display:inline;
float: left;
width: 100%;
}

.listresult h2 {
display:inline;
float: left;
margin: 0px 0px 10px;
padding: 0px;
width: 99%
}

.listresult input {
padding: 1px;
margin: 2px auto;
}

.listresult .inputsubmit {
display: block;
padding: 1px;
margin: 6px auto;
}

.listresult a.actionlink,
.listresult a.actionlink:link,
.listresult a.actionlink:visited {
background: #B8B1CB;
border-color: #fff #9187AC #9187AC #fff;
color: #fff;
font-size: 10px;
padding: 1px 3px;
}

.listresult a.actionlink:hover {
background: #D2DDDD;
border-color: #fff #325555 #325555 #fff;
color: #076C6C;
}

/* - - - - - - table - - - - - - - */

.listresult table {
width: 100%;
border-spacing: 0px;
clear: both;
border: 0px solid red;
margin: 4px 0px;
}

.listresult table tr {
background: #C7C0DB;
}

.listresult table th, 
.listresult table td {
padding: 1px 2px;
margin: 0px;
border: 0px solid red;
text-align: left;
}

.listresult table tr.tableheaderrow,
.listresult table tr.alt {
background: none;
}

.listresult th.foretag {
width: 140px;
}

.listresult th.plats {
width: 100px;
}

.listresult th.vecka1,
.listresult th.vecka2,
.listresult th.vecka3,
.listresult th.vecka4 {
width: 20px;
}

.listresult th.vecka4 {
width: 40px;
}

.listresult th.vecka {
width: 40px;
}

.listresult th.elevnamn {
width: 420px;
}

.listresult th.klass {
width: 160px;
}

.listresult table.pb-student-table {
padding: 0px;
margin: 0px;
}

.listresult table.pb-student-table tr {
background: none;
}

.listresult table.pb-student-table td {
padding: 0px;
margin: 0px;
height: 22px;
}

.listresult table.pb-student-table td.vecka {
width: 40px;
}

.listresult table.pb-student-table td.elev {
width: 280px;
}

.listresult table.pb-student-table td.button {
xwidth: 280px;
}

#main .listresult table.pb-student-table td.button input.inputsubmit {
padding: 1px;
margin: 2px;
xbackground: #000;
}

.listresult table.pb-student-table span.free {
font-style: italic;
color: #666;
}

.listresult table.pb-student-table span.call {
xfont-style: italic;
color: #c00;
}

.listresult table.pb-student-table span.otherstudent {
font-style: italic;
}

span.otherstudent {
font-style: italic;
}

/*
/* labeledfields styles
/* - - - - - - - - - - - - - - - - - - - - - */

#main .labeledfields {
border: 0px solid red;
width: 366px;
float: left;
display: inline;
}


#main .labeledfields.lf-wide {
border: 0px solid red;
width: 480px;
}

#main .labeledfields.lf-narrow {
border: 0px solid red;
width: 220px;
text-align: center;
}

#main .labeledfields fieldset.radiobuttons {
border: 0px solid red;
margin: 4px 0;
padding: 0px;
display: inline;
float: left;
width: 190px;
font-size: 11px;
text-align: left;
line-height: 24px;
}

#main .labeledfields.lf-wide fieldset.radiobuttons {
border: 0px solid red;
margin: 4px 0;
padding: 0px;
display: inline;
float: left;
width: 350px;
font-size: 13px;
text-align: left;
line-height: normal;
}

#main .labeledfields label,
#main .labeledfields select,
#main .labeledfields textarea,
#main .labeledfields input {
display: inline;
float: left;
}

#main .labeledfields .label {
display: inline;
float: left;
}

#main .labeledfields.lf-wide input.inputtext-n {
width: 350px;
margin: 10px 0;
}

#main .labeledfields.lf-narrow input {
margin: 10px 4px;
float: none;
}

#main .labeledfields.lf-narrow #addimage2_button,
#main .labeledfields.lf-narrow #addimage3_button {
display: none;
}

#main .labeledfields textarea {
width: 190px;
height: 12em;
}

#main .labeledfields.lf-wide textarea {
width: 350px;
height: 20em;
}

#main .labeledfields textarea.textfield-small {
width: 350px;
height: 6em;
}

#main .labeledfields label,
#main .labeledfields .label {
line-height: 20px;
text-align: right;
width: 130px;
padding-right: 10px;
margin: 5px 0;
border: 0px solid green;
}

#main .labeledfields fieldset.radiobuttons label {
border: 0px solid red;
margin: 4px 0;
padding: 0px;
display: inline;
float: left;
width: 110px;
font-size: 11px;
text-align: left;
line-height: 24px;
}

#main .labeledfields.lf-wide fieldset.radiobuttons label {
border: 0px solid red;
margin: 4px 0px;
padding: 0 0px 0 10px;
display: inline;
float: left;
width: 300px;
font-size: 11px;
text-align: left;
line-height: normal;
}

#main .labeledfields.lf-wide label,
#main .labeledfields.lf-wide .label {
line-height: normal;
width: 90px;
margin: 5px 0;
padding-top: 4px;
border: 0px solid red;

}

#main .labeledfields br {
clear: left;
}

#main .labeledfields p.passwordinfo {
border: 1px solid red;
font-style: italic;
display: block;
float: right;
margin-top: 2px;
color: #5A4C81;
}


#main form .inputsubmit {
}

#main form .inputhidden {
margin: 0;
}

#main .labeledfields .thumbplace,
#main .labeledfields .filenameplace {
border: 1px solid white;
xbackground: #fff;
padding: 0px;
margin: 6px 0px 0px;
}

#main .labeledfields .thumbplace div,
#main .labeledfields .filenameplace div {
border: 0px solid red;
xbackground: #fff;
padding: 0px;
margin: 5px 0px -10px;
}

#main .labeledfields .thumbplace label,
#main .labeledfields .filenameplace label {
border: 0px solid red;
float: none;
clear: both;
display: block;
text-align: center;
width: auto;
margin: 4px 0px -5px;
padding: 0px;
}

.labeledfields .thumbplace input,
.labeledfields .filenameplace input {
xborder: 1px solid red;
margin: 0px;
padding: 0px;
}

.labeledfields .thumbplace input.button,
.labeledfields .filenameplace input.button {
display: inline;
}

/*
/* rapport styles
/* - - - - - - - - - - - - - - - - - - - - - */

.rapport {
border: 0px solid red;
text-align: center;
}

.rapport .inputsubmit {
float:none;
display: inline;
margin: 0 auto;

}

/*
/* nice-formfields styles
/* - - - - - - - - - - - - - - - - - - - - - */


.nice-formfields {
text-align: center;
}

.nice-formfields label,
.nice-formfields select,
.nice-formfields textarea,
.nice-formfields input {
display: inline;
float: left;
}

.nice-formfields label {
line-height: 20px;
text-align: right;
width: 130px;
padding-right: 10px;
margin: 5px 0;
}

.nice-formfields br {
clear: left;
}


/*
/* loginform styles
/* - - - - - - - - - - - - - - - - - - - - - */

#loginform {
border: 0px solid red;
width: 350px;
margin: 30px auto;
text-align: left;
}

#loginform h3 {
text-align: center;
}

#loginform .nice-formfields {
text-align: left;
}

#loginform .inputsubmit {
float: none;
xdisplay: inline;
margin-left: 140px;
}

#loginform p.lostpw {
margin-left: 140px;
}


/*
/* lostpwform styles
/* - - - - - - - - - - - - - - - - - - - - - */

#lostpwform {
border: 0px solid red;
width: 350px;
margin: 30px auto;
text-align: center;
}

#lostpwform .inputsubmit {
float: none;
xdisplay: inline;
}


/*
/* praosearch styles
/* - - - - - - - - - - - - - - - - - - - - - */

.praosearch {
border: 0px solid red;
padding: 2px;
}

.praosearch label,
.praosearch select,
.praosearch input {
float: left;
display: inline;
margin: 0px 5px;
}

.praosearch select {
}

.praosearch label {
line-height: 20px;
text-align: left;
width: auto;
padding: 0px 6px 0px 10px;
}

.praosearch br {
clear: left;
}

#main .praosearch .inputsubmit {
display:inline;
float: right;
margin: 0 10px;
clear: none;
padding: 1px;
}


/*
/* users styles
/* - - - - - - - - - - - - - - - - - - - - - */

#users {
	border: 0px solid red;
	width: 340px;
}

#users label,
#users select,
#users input {
	font-family: Verdana, lucida, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	width: 160px;
	float: left;
	margin: 5px 0;
}

#users label {
	line-height: 20px;
	text-align: right;
	width: 130px;
	padding-right: 10px;
}

#users br {
	clear: left;
}

#users #firstbutton {
	float: right;
}

#users #firstbutton input,
#users #secondbutton input {
width: auto;
}

/*
/* formbuttons styles
/* - - - - - - - - - - - - - - - - - - - - - */

.formbuttons {
border: 0px solid red;
clear:both;
width: auto;
padding: 2px 0px 0px 0px;
margin: 22px 0px 2px;
text-align: center;
}

#loggedincontent .formbuttons .inputsubmit,
#content .formbuttons .inputsubmit {
color: #fff;
background: #B8B1CB;
font-weight: bold;
margin: 4px;
padding: 2px;
clear: both;
display: block;
margin: 6px auto;
float: none;
}

/*
/* footer styles
/* - - - - - - - - - - - - - - - - - - - - - */

#footer {
border: 0px solid blue;
height: 40px;
padding: 6px;
margin: 0px;
clear: both;
text-align: center;
color: #325555;
}

#footer a {
color: #652564;
text-decoration: none;
}

#footer a:hover {
color: #AC00AC;
border-bottom: 1px solid #AC00AC;
}


/*
/* floatbox style
/* - - - - - - - - - - - - - - - - - - - - - */

.floatbox {
border: 1px solid #B8B1CB;
padding: 5px 5px 5px;
float: right;
display: inline;
margin: 0px 0px 6px 0px;
}

.floatbox p {
float:left;
display: inline;
margin:0;
margin-right: 10px;
}

.floatbox form {
display:inline;
float:left;
}

#main .floatbox form .inputsubmit {
margin:0;
padding: 1px;
font-size: 10px;
float: left;
display: inline;
}

/*
/* showhide style
/* - - - - - - - - - - - - - - - - - - - - - */

.showhide {
border: 1px solid #B8B1CB;
padding: 1px;
display: inline;
margin: 6px 12px 6px 6px;
font-family: Verdana, lucida, Helvetica, sans-serif;
font-size: 11px;
color: #5A4C81;
font-weight: normal;
}

.showhide:hover {
border: 1px solid #764AEE;
padding: 1px;
color: #764AEE;
}

/*
/* imagelink style
/* - - - - - - - - - - - - - - - - - - - - - */

.imagelink,
.imagelink:hover {
border: 0px;
}

/*
/* upload styles
/* - - - - - - - - - - - - - - - - - - - - - */

#statusmessage {
display:none;
text-align: center;
padding: 10px;
}

#errormessage {
font-weight: bold;
color: red;
text-align: center;
padding: 10px;
}


/*
/* popupmain styles
/* - - - - - - - - - - - - - - - - - - - - - */

#popupmain {
border: 2px solid #9187AC;
background-color: #E5E1F0;
padding: 6px 6px 10px 6px;
margin: 8px 8px 8px 8px;
}

#popupmain ul {
text-align: left;
}

#popupmain li.unavailable {
color: #666;
}

#popupmain ul span.namn {
font-weight: bold;
}


/*
/* student-list styles
/* - - - - - - - - - - - - - - - - - - - - - */

table.student-list {
border: 0px solid #9187AC;
}

table.student-list th {
border-bottom: 2px solid #9187AC;
padding: 2px;
}

table.student-list td {
border-bottom: 1px solid #9187AC;
padding: 2px 4px 2px 2px;
}

table.student-list td.warning {
xborder-bottom: 1px solid #9187AC;
width: 400px;
color: #c00;
font-weight: bold;
}

/*
/* praktikkort styles
/* - - - - - - - - - - - - - - - - - - - - - */

#mejl_preview {
width: 400px;
padding: 10px;
text-align: left;
}

#mejl_preview,
#mejl_preview p {
font-size: 12px;
}

#mejl_preview .inline-header {
font-weight: bold;
}

#mejl_preview p.body {
border: 0px solid red;
background: #fff;
padding: 6px;
}

/*
/* praktikkort styles
/* - - - - - - - - - - - - - - - - - - - - - */

body.praktikkort {
border: 0px solid #9187AC;
background: #fff;
padding: 5px;
}

table.praktikkort {
border: 2px solid #000;
padding: 2px;
border-collapse: collapse;
}

table.praktikkort td {
font-family: Verdana, lucida, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: normal;
padding: 2px 2px 10px 2px;
border: 1px solid #000;
vertical-align: top;
}

table.praktikkort table.narvaro {
border: 0px solid #000;
padding: 2px;
border-collapse: collapse;
width: 600px;
}

table.praktikkort table.narvaro td {
border: 0px solid #000;
padding: 5px;
}


table.praktikkort table.narvaro table {
border: 1px solid #000;
border-collapse: collapse;
margin: 0px;
}

table.praktikkort table.narvaro table td {
border: 1px solid #000;
}

table.praktikkort table.omdome {
border: 0px solid #000;
padding: 2px;
border-collapse: collapse;
width: 600px;
}


table.praktikkort table.omdome td {
border: 0px solid #000;
padding: 5px;
}

table.praktikkort h1 {
font-family: Verdana, lucida, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: normal;
text-align: center;
color: #000;
margin: 10px 0px 0px 0px;
padding: 0px;
}

table.praktikkort h2 {
font-family: Verdana, lucida, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
line-height: normal;
color: #c00;
margin: 0px;
padding: 0px;
}

body.praktikkort div.klassutskrift {
margin-bottom: 10px;
page-break-after: always;
}


/*
/* alpha-navigation style
/* - - - - - - - - - - - - - - - - - - - - - */

#alpha-navigation {
xbackground: #ff0;
float: left;
display: inline;
margin: 4px 0;
width: 100%;
border-bottom: 1px solid #C7C0DB;
}

#alpha-navigation span {
xbackground: #ff0;
float: left;
display: inline;
font-size: 11px;
xcolor: #C7C0DB;
margin-right: 6px;
}

#alpha-navigation a {
xbackground: #ff0;
float: left;
display: inline;
margin: 0 10px 0px;
font-size: 12px;
font-weight: bold;
padding: 1px 6px 1px;
border: 1px solid #E5E1F0;
border-width: 1px 1px 0;
}

#main #alpha-navigation a:hover {
xbackground: #ff0;
border-bottom: none;
border: 1px solid #C7C0DB;
border-width: 1px 1px 0;
}

#alpha-navigation a.selected {
background: #C7C0DB;
color: black;
border: 1px solid #C7C0DB;
border-width: 1px 1px 0;
}

/*
/* users style
/* - - - - - - - - - - - - - - - - - - - - - */


#userlist ul {
xbackground: #f30;
clear: both;
xmargin-left: 20px;
xlist-style: disc;
}

#userlist ul li {
xbackground: #f30;
clear: both;
width: 500px;
border-bottom: 1px solid #C7C0DB;
xlist-style: disc;
xmargin-left: 20px;
float: left;
display: inline;
}

#userlist ul span.fullname {
xbackground: #ff0;
width: 16em;
float: left;
display: inline;
clear: both;
margin-bottom: 2px;
}

#userlist ul span.username {
xbackground: #0f0;
width: 10em;
float: left;
display: inline;
}

#userlist ul span.userlevel {
xbackground: #ff0;
width: 12em;
float: left;
display: inline;
}

/*
/* startsida style
/* - - - - - - - - - - - - - - - - - - - - - */

ul.startsida {
text-align: left;
clear: both;
}

ul.startsida li {
list-style: none;
xborder-bottom: 1px solid red;
background: #D8D3E7;
xclear: both;
float: left;
display: inline;
padding: 6px;
margin: 8px;
font-size: 13px;
}

ul.startsida li span.label {
width: 125px;
float: left;
display: inline;
xline-height: 30px;
xbackground: #ff0;
xheight: 40px;
xvertical-align: middle;
margin: 6px 0;
}

ul.startsida li a.rubrik {
width: 480px;
font-weight: bold;
float: left;
display: inline;
xline-height: 30px;
color: #5A4C81;
xbackground: #f00;
clear: none;
xheight: 40px;
margin: 6px 0;
}

ul.startsida li a.rubrik:visited {
color: #5A4C81;
}

ul.startsida li input.inputsubmit {
width: 100px;
float: left;
display: inline;
clear: none;
}

ul.startsida-popup {
}

ul.startsida-popup li {
list-style: none;
margin-top: 6px;
margin-bottom: 6px;
font-size: 12px;
background: #D8D3E7;
float: left;
display: inline;
padding: 4px;
}

ul.startsida-popup span.rubrik {
margin: 0 4px;
width: 340px;
float: left;
display: inline;
margin: 2px 0;
}

ul.startsida-popup a.buttonlink {
margin: 0 4px;
float: left;
display: inline;
width: 100px;
margin: 2px 0;
}


/*
/* startauto style
/* - - - - - - - - - - - - - - - - - - - - - */

#starttext {
xbackground: #ff0;
width: 450px;
float: left;
display: inline;
padding: 10px;
}

#startauto {
xbackground: #ff0;
width: 250px;
float: right;
display: inline;
padding: 10px;
border-left: 1px solid #97ACAC;
}

#startauto li {
margin-bottom: 4px;
}

#startauto a {
font-weight: bold;
}

#startauto span.datetime {
color: #325555;
}

/*
/* clearing style
/* - - - - - - - - - - - - - - - - - - - - - */

.cleared {
clear: both;
line-height: 0px;
}

/* - - - - - - - - - - - - - - - - - - - - - */