body {
	/*background: #bbb;*/
}

label{
	font-weight: normal;
}

p.sys {
  font-family: tahoma, sans-serif;
  font-size: 11px;
  color: #000000;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-align: left;
  letter-spacing: 0px;
	display: inline;
}

p.supermeny {
	position:absolute;
	left:100px;
	top:5px;
}

p.submeny {
	position:absolute;
	left:100px;
	top:45px;
}

p.ok {
  font-family: tahoma, sans-serif;
  font-size: 11px;
  color: #5AA45A;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-align: left;
  letter-spacing: 0px;
  display: inline; /* Kanske strular nånstans*/
}

p.fail {
  font-family: tahoma, sans-serif;
  font-size: 11px;
  color: #970000;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-align: left;
  letter-spacing: 0px;
 	display: inline;
}
p.fail a {
  font-family: tahoma, sans-serif;
  font-size: 11px;
  color: #970000;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-align: left;
  letter-spacing: 0px;
 	display: inline;
	text-decoration:none;
}
p.bokade {
  font-family: tahoma, sans-serif;
  font-size: 11px;
  color: #009700;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-align: left;
  letter-spacing: 0px;
 	display: inline;
}

p.bokade a {
  font-family: tahoma, sans-serif;
  font-size: 11px;
  color: #009700;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-align: left;
  letter-spacing: 0px;
 	display: inline;
	text-decoration:none;
}

p.mess {
  font-family: tahoma, sans-serif;
  font-size: 11px;
  color: #000000;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-align: left;
  letter-spacing: 0px;
 	display: inline;
}
p.mess a {
  font-family: tahoma, sans-serif;
  font-size: 11px;
  color: #000000;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-align: left;
  letter-spacing: 0px;
 	display: inline;
	text-decoration:none;
}


p.list {
font-family: tahoma, sans-serif;
  font-size: 15px;
  color: #000000;
  text-align: left;
 }

 p.glyphbuttons {
 	font-size: 14px;
 }

.redigerapass {
	position:absolute;
	left:5px;
	top:98px;
	z-index:1;
	background-color:#FFF;
	border: 3px solid #989898;
}
 
#seeklist
{
font-family: tahoma, sans-serif;
font-size: 0.8em;
vertical-align:top;
border-collapse:collapse;
}
#seeklist td, #seeklist th 
{
font-size:1em;
border:0px solid #000000;
padding:3px 7px 2px 7px;

}
#seeklist th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#484848;
color:#ffffff;
}
#seeklist th input, #seeklist th select{
	color: #333;
}
#seeklist th.alt
{
font-size:1.1em;
text-align:right;
padding-top:5px;
padding-bottom:4px;
background-color:#484848;
color:#ffffff;
align:right;
}

#seeklist tr.alt td 
{
color:#000000;
background-color:#D8D8D8;
}

#seeklist td.bilnr
{
background-repeat:no-repeat;
background-position:right top;
}


#alertlist
{
font-family: tahoma, sans-serif;
font-size: 0.8em;
vertical-align:top;
border-collapse:collapse;
}
#alertlist td, #alertlist th 
{
font-size:1em;
border:0px solid #000000;
padding:3px 7px 2px 7px;

}
#alertlist th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#CD0000;
color:#ffffff;
}
#alertlist th.alt
{
font-size:1.1em;
text-align:right;
padding-top:5px;
padding-bottom:4px;
background-color:#484848;
color:#ffffff;
align:right;
}

#alertlist tr.alt td 
{
color:#000000;
background-color:#FF8282;
}

#alertlist td.bilnr
{
background-image:url('img/ico-bilnr.png');
background-repeat:no-repeat;
background-position:right top;
}

#alertlist input{
	color: #000;
}

#orolist
{
font-family: tahoma, sans-serif;
font-size: 0.8em;
vertical-align:top;
border-collapse:collapse;
}
#orolist td, #orolist th 
{
font-size:1em;
border:0px solid #000000;
padding:3px 7px 2px 7px;

}
#orolist th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#CDAB01;
color:#ffffff;
}
#orolist th.alt
{
font-size:1.1em;
text-align:right;
padding-top:5px;
padding-bottom:4px;
background-color:#484848;
color:#ffffff;
align:right;
}

#orolist tr.alt td 
{
color:#000000;
background-color:#FFFF82;
}

#orolist td.bilnr
{
background-image:url('img/ico-bilnr.png');
background-repeat:no-repeat;
background-position:right top;
}

#extralist
{
font-family: tahoma, sans-serif;
font-size: 0.8em;
vertical-align:top;
border-collapse:collapse;
}
#extralist td, #extralist th 
{
font-size:1em;
border:0px solid #000000;
padding:3px 7px 2px 7px;

}
#extralist th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#3355ff;
color:#ffffff;
}
#extralist th.alt
{
font-size:1.1em;
text-align:right;
padding-top:5px;
padding-bottom:4px;
background-color:#484848;
color:#ffffff;
align:right;
}

#extralist tr.alt td 
{
color:#000000;
background-color:#484848;
}

#extralist td.bilnr
{
background-image:url('img/ico-bilnr.png');
background-repeat:no-repeat;
background-position:right top;
}

#passlistaedit {
border:2px solid #D8D8D8;
background-color:#EBEBEB
vertical-align:top;
}
#passlistaeditalt {border:none;
background-color:#EBEBEB
vertical-align:top;
}


div.page_content {
	position: relative;
	width: 900px;
	margin: 15px auto;
	padding: 10px;
	border: 0px;
/*	border: 1px solid #ccc;
	border-radius: 15px;*/
	/* Drop-shadow in lower-left corner. */
/*	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;*/
	/* Shadow all around. */
/*	-moz-box-shadow: 0 0 5px 5px #888;
	-webkit-box-shadow: 0 0 5px 5px#888;
	box-shadow: 0 0 5px 5px #888;*/
}

div.textcontent {
	float:left;
	width:588px;
	padding:0;
	border:0;
	margin:0px auto 0px 0px;
	position:relative;
	left:0px;
	top:0px;
}

.textflow {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 0.7em;
	font-weight: 500;
	font-style: normal;
	font-variant: normal;
	vertical-align: top;
	text-align: left;
	letter-spacing:0.01em;
	line-height:145%;
	padding:0px 0px 0px 0px;
	border:0;
	margin:5px 5px 5px 5px;
}

.rubrik {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 0.8em;
	font-weight: 600;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-align: left;
	position: relative;
	letter-spacing:0px;
	padding:0px 0px 0px 0px;
	border:0;
	margin:0px 0px 10px 0px;
}

ul#navlist {
	display: inline;
	list-style: none;
}

ul#navlist li {
	float: left;
}

ul#navlist li a {
	float:left;
	text-decoration: none;
	padding:3px;
	margin:3px;
	margin-bottom:0px;
	font-family: tahoma, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: 0px;
	text-align:left;
	border-top: 3px solid #989898;
	border-bottom: 3px solid #989898;
	border-right:3px solid #989898;
	border-left:3px solid #989898;
	background: #e8e8e8;
	display:block;
	color: #000
}

ul#sublist {
	display: inline;
	list-style: none;
}

ul#sublist li {
	float: left;
}

ul#sublist li a {
	float:left;
	text-decoration: none;
	padding:2px;
	margin:2px;
	margin-top:3px;
	margin-left:3px;
	font-family: tahoma, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: 0px;
	text-align:left;
	border-top: 2px solid #989898;
	border-bottom: 2px solid #989898;
	border-right:2px solid #989898;
	border-left:2px solid #989898;
	background: #e8e8e8;
	display:block;
	color: #000
}

#icolist {
    position: relative;
    display: inline-block;
    margin-right: 0;
    padding: 0;
    width: 0;
}

#icolist li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
}

#icolist li, #icolist a {
    height: 13px;
    width: 11px;
    display: inline;
}

.bygg-lock {
	position: relative;
	left: -20px;
	margin-right: -11px;
}

.red {
	color: #ed1c24;
}

.green {
	color: #00d500;
}

#unlocked {
    left: -18px;
    width: 11px;
    height: 13px;
    background: url('img/lock.png') 0 0;
}

#locked {
    left: -18px;
	top: 20px;
    width: 11px;
    height: 13px;
    background: url('img/lock.png') 0 -13px;
}




/* Main menu */
#menu {
	display: none;
}
#menu .ui-accordion-content {
	padding: 0;
}

#menu ul {
	list-style-type: none;
	padding: 0;
}

#menu li {
	padding: .5em;
	border-top: 1px solid #aaaaaa;
}

#menu a:hover {
	text-decoration: none;
}

.ui-state-focus { outline: none; }

.formlist .list-group-item{
	padding: 1px 15px;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }


/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('img/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

.bold {
	font-weight: bold;
}

/* Utskrift */
@media only print {
	p.sys, p.fail{
		display: none;
	}
}