/****************************************/
/*                                      */
/* CSS för Stockholms Miljöbarometer    */
/*                                      */
/****************************************/

/****************************************/
/* TAGGAR                               */
/****************************************/
body {
  margin: 0;
  background: url(images/backgrounds/body.gif) #f1f1f1 no-repeat 50% 0;
}
p, td, th, address {
  font-size: 1.3em;
  line-height: 1.3em;
  color: #3A3A3A;
}
p {
  margin: 0 0 0.7em;
}
hr {
  border-width: 0px;
  border-top: 1px solid #D1D2D4;
}
abbr {
  border-bottom: none;
}
h1, h2, h3, h4 {
  margin: 0;
}
h1 {
  font-size: 2.8em;
  font-weight: normal;
  line-height: 1.2em;
  color: #02639c;
  padding-bottom: 1px;
}
h2 {
  color: #02639c;
  font-size: 1.8em;
  font-weight: normal;
  letter-spacing: -.02em;
  line-height: 1.5em;
}
h3, caption {
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.2em;
  color: #3A3A3A;
}
h4 {
  color: #3A3A3A;
  font-size: 1.3em;
  font-weight: bold;
}
address {
  font-style: normal;
}
a {
  color: #02639c;
  text-decoration: none;
}
a:hover {
  text-decoration: underline !important;
}
li {
  font-size: 1.2em;
  margin: 6px;
}
#mbContent li {
  font-size: 1.3em;
  line-height: 1.3em;
  margin: 6px;
}
li li {
  font-size: 1em;
}

table {
  width: 100%;
}
table, tr, td {
  font-weight: normal;
}
td, th {
  padding: 2px 4px;
}
h5 {
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 3px;
  line-height : 130%;
}
h6 {
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 3px;
  line-height : 130%;
}
img {
  border-width: 0px;
}
form {
  margin: 4px 0px 0px 0px;
}
select, option {
  font-weight: normal;
}
select {
  width: 200px;
}
label {
  font-weight: normal;
}
ul, ol {
  margin: 4px 2px 4px 15px;
  padding: 0px;
}


/****************************************/
/* Generella klasser                    */
/****************************************/
.Ingress {
  font-weight: bold;
  margin-top: 0px;
  line-height : 140%;
}
.Clear, .Spacer, .mbSpacer {
  clear: both;
}
.Left, .left {
  float: left;
}
.Right, .right {
  float: right;
}
.Hidden {
  display: none;
}
a span.External {
  display: inline-block;
  overflow: hidden;
  height: 11px;
  width: 0px;
  padding-top: 2px;
  padding-left: 17px;
  vertical-align: top;
  background-image: url(/custom/images/main/external.png);
  background-position: 6px 2px;
  background-repeat: no-repeat;
}
table.LT, table.LT th, table.LT td {
  padding: 0px 2px 0px 2px;
  border: none;
  text-align: left;
  font-size: 100%;
  vertical-align: top;
  background-color: transparent;
}
table.LT td {
  width: 50%;
}
table.LT h3 {
  padding-top: 1em;
}

.TRend, .STatus, .trend, .status {
  text-align: center;
}
.pdf {
  background-image: url(images/main/pdf.gif);
  background-repeat: no-repeat;
  padding-left: 22px;
}
.doc {
  background-image: url(images/main/doc.gif);
  background-repeat: no-repeat;
  padding-left: 22px;
}
.htm {
  background-image: url(images/main/htm.gif);
  background-repeat: no-repeat;
  padding-left: 22px;
}
.ybox, .JWHelpContent { /* yellow info box */
  padding: 6px 4px 2px 10px;
  border: 1px solid #cccccc;
  background-color: #ffffcc;
  font-size: 1.2em;
  margin-bottom: 1em;
  line-height: 1.8em;
}
#mbContentText h2, #mbSubContent h2 {
  border-bottom: 1px solid #cccccc;
}
#mbSubContent h2 {
  font-size: 1.4em;
  margin-top: 0.8em;
}
.JWHelp {
  margin: 0px;
  padding: 0px;
}
.JWHelpContent img {
  vertical-align: middle;
}
div.JWHelpInner {
  float: right;
  padding-left: 18px;
  font-size: 1.1em;
  padding: 2px 0px 2px 0px;
  border: 1px solid #cccccc;
  background-image: url(images/main/info.gif);
  background-repeat: no-repeat;
  background-position: left center;
}
.JWHelpLink {
  background-repeat: no-repeat;
  background-position: right center;
  padding: 0px 18px;
  margin-right: 5px;
}
.Collapsed .JWHelpLink {
  background-image: url(images/main/ArrowDown.gif);
}
.Expanded .JWHelpLink {
  background-image: url(images/main/ArrowUp.gif);
}
.RelArtik div.GBox { /* gray info box */
  width: 199px;
  padding: 6px 4px 6px 6px;
  border: 1px solid #d1d2d4;
  background-color: #ffffff;
  background-image: url(images/backgrounds/gbox.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  margin-top: 0px;
}
.Related, #mbDocuments { /* gray info box */
  border-top: 1px solid #d1d2d4;
  border-bottom: 1px solid #d1d2d4;
  background-color: #f3f3f3;
  margin-top: 1.5em;
  margin-right: 0pt;
  margin-bottom: 1.5em;
  margin-left: 0pt;
  padding-top: 0em;
  padding-right: 0pt;
  padding-bottom: 0.5em;
  padding-left: 2em;
}
.Related h3, #mbContent #mbDocuments h2 {
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 0;
}
#mbDocuments div {
  margin: 8px 0px;
  font-size: 1.3em;
  font-weight: bold;
}
#mbDocuments p {
  margin: 3px 0px;
  font-size: 1.3em;
  font-weight: bold;
}
.PageArticle #mbContentText h2 {
  border-bottom-width: 0px;
}
.PageArticle .Wide {
  width: 70em;
}
.PageArticle .GraphBox {
  width: 458px;
  height: 240px;
  border: 1px solid #cccccc;
  border-top: 0px;
  border-bottom: 0px;
}
.PageArticle.IE7 .GraphBox {
  width: 455px;
}
.PageArticle .GraphBox img {
  overflow: hidden;
  position: absolute;
  clip: rect(30px, 458px, 260px, 0px);
  margin-left: 54px;
  margin-top: -20px;
}
.PageArticle .GraphLegend {
  border: 1px solid #cccccc;
  border-top: 0px;
  padding-bottom: 4px;
}
.PageArticle .GraphLegend span {
  margin-left: 8px;
  font-size: 1.2em;
}
.PageArticle .GraphLegend img {
  border: 1px solid black;
}
.PageArticle #mbContent ul, 
.PageArticle #mbContent ol {
  margin: 10px 2px 10px 30px;
  padding: 0px;
}
.PageArticle #mbContent li {
  font-size: 1.3em;
  margin: 6px;
  line-height: 1.2em;
}

/****************************************/
/* Länkar                               */
/****************************************/
a {
  text-decoration: none;
}
#mbContentTitle a, #mbMapLargeContainer a,
#mbContent h2 a, #mbContent h3 a, #mbCalNews a, #mbHelpIndex {
  text-decoration: none;
}
a:hover, a.LasMer,
#mbContent h3 a:hover,
#mbContent h2 a:hover {
  text-decoration: underline;
}

/****************************************/
/* Container                            */
/****************************************/
#mbContainer {
  text-align: left;
  background: #ffffff;
}

/****************************************/
/* Header                               */
/****************************************/
#mbHeader {
  position: relative;
}
#mbHeader .Caption span {
  line-height: 80px;
}
#mbHeader form {
  margin: 0 auto 2em;
  padding: 0 0 1.5em;
}
#mbHeader fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
#mbHeader fieldset legend span,
#mbHeader fieldset label {
  position: absolute;
  left: -999em;
}
#mbHeader fieldset div {
  position: absolute;
  right: 20px;
  bottom: 3px;
  padding: 1em 1.5em;
}
#mbHeader fieldset div input {
  padding-left: 18px;
  margin-right: 5px;
}
#mbHeader fieldset div a {
  margin: 0.3em 0 0;
  display: block;
}
#mbHeader fieldset input,
#mbHeader fieldset button {
  font-size: 1.3em;
  line-height: 1.25;
}
#mbHeader button {
  margin-left: 0.3em;
  color: #373737;
  font-weight: bold;
  font-size: 1em;
}
#mbHeader input, #mbHeader button {
  font-family: arial;
  line-height: 1.25;
  font-size: 1em;
}
#mbHeader fieldset div {
  background-image: url(images/backgrounds/repeat-x.png);
  background-repeat: repeat-x;
  background-position: 0 -500px;
}
#mbHeader fieldset div input {
  background-image:  url(images/backgrounds/sprite.gif);
  background-repeat: no-repeat;
  background-position: 2px 2px;
}
/****************************************/
/* Path                                 */
/****************************************/
#mbPath {
  padding: 0pt 26px 0pt 26px;
  line-height: 1.3em;
  font-size: 1.1em;
}
#mbPath a {
  font-weight: normal;
}

/****************************************/
/* Main                                 */
/****************************************/
#mbMain {
  padding-right: 2em;
}

/****************************************/
/* ContentTitle                         */
/****************************************/
#mbContentTitle {
}
#mbContentTitle h1 {
  border-bottom: 1px solid;
}
#mbContentTitle div {
  padding: 6px 6px 6px 6px;
  margin-bottom: 0px;
  font-size: 1.1em;
}
#mbContentTitle .Title {
  float: left;
}
#mbContentTitle .Sibs {
  float: right;
}
#mbContentTitle .Sibs .Selected {
  font-weight: bold;
}
.PageDefault #mbContentTitle div,
.PageArticle #mbContentTitle div {
  display: none;
}
/****************************************/
/* Content                              */
/****************************************/
#mbContent {
  float: left;
  margin: 0.8em 0px 0px;
  padding: 0px 0px 10px 0px;
}
#mbContent .right {
  margin-left: 6px;
}
#mbContent .left {
  margin-right: 6px;
}
#mbContent h2 {
  margin: 10px 0px 5px 0px;
}
#mbContent h3 {
  margin: 10px 0px 2px 0px;
}
/****************************************/
/* ContentHeader                        */
/****************************************/
#mbContentHeader .ContentImg {
  margin: 0px 0px 0px 0px;
  height: 180px;
}
#mbContentHeader #mbBarDiv {
  border: 1px solid;
  padding: 4px;
  background-image: url(images/backgrounds/sub-nav.gif);
  background-repeat: repeat-x;
  background-position: 0px -40px;
  font-size: 110%;
  line-height: 140%;
}
.PageMainall #mbContentHeader div {
  font-size: 110%;
  line-height: 140%;
  
}
#mbContentHeader #mbBarDiv h2 {
  margin: 4px 0px;
}
#mbContentHeader #mbBarDiv table {
  margin-bottom: 6px;
}
#mbContentHeader .BarTable td {
  padding: 2px 4px;
}
table.BarTable.LT td {
  width: auto;
  font-size: 1.2em;
}
#mbContentHeader .QuickStatus img {
  vertical-align: middle;
  margin-right: 2px;
}
#mbContentInfo .QuickStatus {
  vertical-align: middle;
}
#mbContentInfo .QuickStatus .Label {
  font-weight: bold;
}
/****************************************/
/* ContentText                          */
/****************************************/
#mbContentTextHeader img {
  float: right;
  margin-right: 4px;
  margin-top: 4px;
}
#mbContentText h3 img {
  vertical-align: middle;
}
#mbContentText .Item, #mbContentText .Puff {
  padding-top: 8px;
  padding-bottom: 8px;
  clear: both;
  border-top: 0px solid;
}
#mbContentText .Item .ChildImg {
  float: left;
  margin: 0px 4px 0px 0px;
}
.Puff h2 {
  margin-left: 28px;
}
.PageDefault #mbContentText .Item .MeasureList {
  margin-left: 0px;
}
.Item p, .Item h3, .Contact {
  margin: 0px 0px 2px;
}
/* MeasureList */
.MeasureList {
  padding: 0px 0px 2px 0px;
}
.MeasureList {
  margin-right: 7px;
  padding-right: 7px;
}
.MeasureList img, .MeasureList span {
  vertical-align: middle;
}
.PageDefault .MeasureList p,
.PageMain .MeasureList p{
  display: inline;
  margin-right: 16px;
}
.PageMain .MeasureList .MVBedom .Info {
  display: none;
}
.PageSub .MeasureList .MVTrend .Title,
.MeasureList .MVKlassning .Title {
  display: none;
}
.QuickStatus img {
  margin-right: 5px;
  margin-left: 3px;
  vertical-align: middle;
} 

/* Uppföljningsverktyg */
img.DrawBar {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
img.DrawBar.First {
  border-left: 1px solid black;
}
img.DrawBar.Last {
  border-right: 1px solid black;
}
.Compbar {
  border: 1px solid black;
}

/* Klassningar */
table#mbKlassningar {
  font-size: 120%;
}
table#mbKlassningar td {
  vertical-align: middle;
}
table#mbKlassningar img {
  position: relative;
  top: 2px;
}
/* PageDefault */
.PageDefault .MOImg {
  float: left;
  margin: 0px 4px 0px 0px;
}
.PageDefault #mbContentText h3, .PageMain #mbContentText h3, .PageSub #mbContentText h3 {
  margin-top: 0px;
}

/* PageKey och PageActivity */
.DataCaption {
  padding: 4px 6px;
  margin: 0px 0px 0px 0px;
  border: 1px solid #AAAAAA;
}
.IE6 .DataCaption {
  margin: 0px 0px 0px 0px;
}
.PageKey .MeasureList, .PageKey .MeasureList td, .PageActivity .MeasureList td {
  border: 0px;
  padding: 3px 0px;
  vertical-align: top;
}
.PageKey .MeasureList {
  margin-top: 22px;
}
.PageActivity .MeasureList {
  margin-top: 16px;
  margin-bottom: 16px;
}
.IE6 .PageActivity .MeasureList td img {
  position: relative;
  top: 2px;
}
.PageKey .MeasureList {
  display: block;
  border-right: 0px;
}
.PageKey table.MeasureList td {
  vertical-align: top;
  padding-right: 10px;
}
.PageKey #mbDataTable, .PageKey #mbDataCompare {
  width: 100%;
  border: solid #AAAAAA;
  border-width: 0px 1px 1px 1px;
  margin-bottom: 12px;
}
#mbDataTable caption,
#mbDataCompare caption {
  padding: 4px 6px;
  margin: 0px 0px 0px 0px;
  border: 1px solid #AAAAAA;
  font-weight: normal;
  font-size: 1.3em;
  text-align: left;
}
.PageKey #mbDataCompare th.Row {
  font-weight: normal;
}
.PageKey #mbContent td {
  font-weight: normal;
}
.PageKey #mbContent th.Col a, .PageKey #mbDataTable th {
  font-weight: bold;
}
#mbDataCompare .MVTrend, #mbDataCompare .MVSenasteDat {
  text-align: center;
}
.PageKey #mbDataTable td, .PageKey #mbDataTable th, .PageKey #mbDataCompare td, .PageKey #mbDataCompare th {
  padding: 4px 6px;
}
.PageKey #mbDataTable td, .PageKey #mbDataCompare td, .PageKey #mbDataCompare th.Row {
  border-top: 1px dotted Gray;
}
.PageKey #mbDataTable th.Col, .PageKey #mbDataCompare th.Col {
  vertical-align: top;
}
.PageKey .MeasureList td.MV {
  width: 110px;
}
#mbContentText div.Activity {
  border-top: 0px;
  padding: 1px 0px;
}
#mbContentText div.Activity h3 {
  font-weight: normal;
  font-size: 1.3em;
}
/* PageSearch */
.PageSearch #mbContentTitle, .PageSearch h2 {
  display: none;
}
.PageSearch h2 {
  margin: 0px;
  padding: 1px 4px 3px 4px;
}
#mbSok, #mbSokKat {
  padding: 0px;
  margin: 0px;
  width: 100%;
}
#mbSok {
  margin-bottom: 10px;
}
#mbSokKat td {
  width: 33%;
  vertical-align: top;
}
#mbSokKat ul {
  font-weight: normal;
  margin: 0px;
  padding-left: 16px;
}
.PageSearch #mbContent .Items {
  border: 0px;
  padding: 0px;
  margin: 0px;
}
.PageSearch #SearchForm {
  margin: 0px;
}
.PageSearch #mbSokKat a {
  font-weight: bold;
}
.PageSearch #mbSokKat li a {
  font-weight: normal;
}
.PageSearch #mbSokText {
  width: 250px;
}
.PageSearch #mbSokTextSubmit {
  margin: 0px 0px 0px 6px;
}
.PageSearch .searchresult {
  margin: 10px 0px;
  font-weight: bold;
}
.PageSearch .SearchSibs {
  border-bottom: 1px solid #D9D9D9;
  text-align: right;
  padding: 1px 4px 3px 4px;
}
.PageWebmap #mbContentTitle div {
  display: none;
}
.PageWebmap #mbContent ul {
  margin: 5px 0px 5px 0px;
  padding: 0px;
}
.PageWebmap #mbContent ul li {
  font-weight: bold;
  list-style: none;
  border-top: 1px solid Silver;
  margin-top: 10px;
  margin-bottom: 1px;
  padding-top: 10px;
}
.PageWebmap #mbContent ul li:first-child {
  border-top: 0px;
}
.PageWebmap #mbContent ul ul {
  padding-left: 30px;
}
.PageWebmap #mbContent ul ul li {
  font-weight: normal;
  list-style: square;
  border-top: 0px;
  margin-top: 0px;
  padding-top: 0px;

}
.PageWebmap #mbContent ul ul ul li {
  list-style: disc;
}
.PageWebmap #mbContent ul ul ul ul li {
   list-style: circle;
}

/* PageCalendar */
.PageCalendar #mbContentTitle {
  display: none;
}

/* PageHelp */
.PageHelp #mbContentTitle div {
  display: none;
}
.PageHelp #mbSubContent li {
  font-size: 1em;
  margin-top: 2px;
}
.PageHelp h2 {
  margin-top: 10px;
  padding: 0px 4px 1px 4px;
}
.PageHelp .Up {
  float: right;
  padding: 4px;
}

/* PageMainall */
.PageMainall .MOImg {
  float: left;
}
.PageMainall table {
  width: 100%;
}
.PageMainall th {
  vertical-align: top;
}
.PageMainall td.MVMalupp {
  padding: 4px 2px;
}

/****************************************/
/* ContentMenu                          */
/****************************************/
#mbContentMenu {
  clear: both;
  margin: 20px 0px 10px 0px;
  padding: 6px 0px 3px 6px;
  border-bottom: 1px solid;
}
#mbContentMenu li {
  list-style: none;
  display: inline;
  padding: 3px 0px 3px 0px;
  margin: 0px 4px;
  font-weight: bold;
  border-top: 1px solid;
  border-right: 1px solid;
  border-left: 1px solid;
  line-height: 1.2em;
}
.IE6 #mbContentMenu li, .IE7 #mbContentMenu li {
  padding: 0px 0px 0px 0px;
}
#mbContentMenu img {
  vertical-align: text-bottom;
}
#mbContentMenu a, #mbContentMenu span {
  padding: 3px 12px 3px 12px;
  margin: 0px 0px;
  text-decoration: none;
}
#mbContentMenu li.Selected {
  border-bottom: 1px solid white;
  border-top: 2px solid;
  background-color: white;
}
#mbContentMenu .Disabled a, #mbContentMenu .Disabled span {
  color: silver;
}
/****************************************/
/* MsrAreas                             */
/****************************************/
.PageKey #mbMsrAreas {
  padding: 4px;
  margin: 0px;
  border-left: 1px solid #AAAAAA;
  border-right: 1px solid #AAAAAA;
}
#mbMsrAreas label {
  display: block;
  float: left;
  margin-right: 10px;
  margin-bottom: 4px;
  margin-top: 4px;
  min-width: 120px;
  font-size: 1.2em;
}
.IE6 #mbMsrAreas label {
  width: 150px;
}
.PageKey #mbMsrAreas {
  padding: 16px 11px 0px 11px;
}
.IE6 #mbMsrArea {
  height: 10px; /* Marginbugg i IE6 */
}
#mbMsrAreas img {
  float: right;
  margin-top: 2px;
}
.PageKey #mbMsrAreas img {
  margin-right: 6px;
}
#mbMsrAreas h2, #mbMsrAreas {
  clear: none;
}
/****************************************/
/* Graph                                */
/****************************************/
#mbGraph {
  border: 1px solid #AAAAAA;
  border-top: 0px;
  background-image: url(images/backgrounds/sub-nav.gif);
  padding: 0px 5px 2px 5px;
  margin: 0px;
}
.IE6 #mbGraph {
  background-image: none;
}
#mbGraph .GraphImg {
  margin: 0px -5px;
}
#mbGraph .GraphSerieLegend span {
  margin-right: 8px;
  font-size: 1.2em;
}
#mbGraph .GraphSerieLegend img {
  border: 1px solid Black;
}

/****************************************/
/* Contact                              */
/****************************************/
#mbContact {
  clear: both;
  padding: 6px 6px 0px 6px;
  margin: 20px 0px 10px 0px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  font-size: 0.9em;
}
#mbCalNew {
  clear: both;
  border-top: 1px solid gray;
  margin-top: 10px;
}
#mbContent .RelArtik h3, #mbContent .RelArtik .Label {
  margin: 0px;
}
#mbContent .RelArtik p.Label {
  display: none;
}
.PageDefault #mbContent .RelArtik h2 {
  margin-bottom: 0px;
}

/****************************************/
/* Updated                              */
/****************************************/
#mbUpdated {
  font-size: 1.1em;
  clear: both;
  border-bottom: 1px solid;
  padding: 11px 0px 2px 0px;
  margin-top: 11px;
  font-weight: bold;
}
#mbUpdated span {
  font-weight: normal;
}

/****************************************/
/* SubContent                           */
/****************************************/
#mbSubContent {
  float: right;
  margin-top: 0.8em;
}
.IE6 #mbSubConten {
  overflow: hidden;
}
#mbSubContent p {
  margin-bottom: 0em;
}
#mbSubContent h3 {
  font-size: 1.3em;
  margin-top: 2px;
}
#mbSubContent label {
  display: block;
  margin-bottom: 4px;
  font-weight: bold;
}
#mbSubContent option:first-child {
  border-bottom: 1px solid silver;
}
#mbSubContent .Item {
  clear: both;
}
#mbSubContent .Item {
  margin: 0px;
  line-height : 130%;
}
#mbSubContent .Items .Label {
  margin: 0px;
}
.RelArtik div+div, .artRelSidor div {
  clear: both;
  margin-top: 6px;
}
.PImgLeft img, .MVDiagram img {
  float: left;
  margin-right: 6px;
  margin-top: 1px;
  margin-bottom: 8px;
}
#mbSubContent .PImgLeft img {
  float: none; /* Ska eventuellt tas bort */
  clear: both; /* Ska eventuellt tas bort */
}
.PImgRight h3, .PImgRight h3 {
  float: left;
}
.PImgRight img {
  float: right;
  clear: none;
  margin-left: 5px;
  margin-top: 1px;
}
.PImgRight p {
  clear: left;
}
.RelArtik div.PImgRight:after, .RelArtik div.PImgLeft:after {
  content: ' ';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.IE7 .RelArtik div.PImgRight, .IE7 .RelArtik div.PImgLeft {
  overflow : hidden;
}
.IE6 div.PImgRight, .IE6 div.PImgLeft , .IE6 div.PImgLeft {
  height: 2px;
}
/****************************************/
/* LangForm                             */
/****************************************/
#mbLangForm {
  padding: 5px;
  background-color: #EEEEEE;
  margin-bottom: 1px;
}
#mbLangForm img {
   vertical-align: middle;
}
/****************************************/
/* FindDiv                              */
/****************************************/
#mbSubContent .SearchForm {
  margin: 0px;
}
.IE6 #mbSubContent .SearchForm {
  border-bottom: 1px solid #D0DCD2;
}
#mbSubContent .SearchForm label {
  line-height: 120%;
  display: block;
  color: White;
  padding: 8px 2px 8px 10px;
  border-bottom: 1px solid White;
  font-weight: bold;
  text-transform: uppercase;
}
#mbSubContent .SearchForm input {
  vertical-align: middle;
  margin: 8px 1px 8px 7px;
  width: 98px;
}
#mbSubContent .SearchForm img {
  vertical-align: middle;
  margin-left: 2px;
}
#mbSubContent .SearchForm {
  display: none;
}
/****************************************/
/* RelArtik                             */
/****************************************/
#mbSubContent .RelArtik div {
  clear: both;
}
/****************************************/
/* HelpIndex                            */
/****************************************/
#mbHelpIndex {
  margin: 0px;
  padding: 0px 10px;
  clear: both;
}
#mbHelpIndex ul {
  padding: 0px;
  margin: 0px;
}
#mbHelpIndex li {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
/****************************************/
/* Footer                               */
/****************************************/
#mbFooter {
  clear: both;
  padding-top: 1.25em;
  font-size: 1.2em;
}
#mbFooter a {
  margin-left: 1.5em;
}
/****************************************/
/* Kartor                               */
/****************************************/
#mbMapLargeContainer {
  position: relative;
  overflow: hidden;
  width: 440px;
}

#mbMapLarge {
  overflow: hidden;
  border: 1px solid #BBBBBB;
}
div.MapPos {
  position: absolute;
  width: 20px;
  height: 20px;
  text-align: center;
  z-index: 2;
}
div.MapPos a {
  display: block;
  background-image: url(images/main/circle.gif);
  width: 20px;
  height: 20px;
  padding-top: 2px;
}
div.MapPos a:hover {
  display: block;
  background-image: url(images/main/circle_over.gif);
  width: 20px;
  height: 20px;
  padding-top: 2px;
  color: white;
  text-decoration: none;
}
#mbMapControls {
  border-left: 1px solid #BBBBBB;
  border-right: 1px solid #BBBBBB;
  background-color: #EEEEEE;
  padding: 1px 3px 3px 3px;
}
.PageDefault #mbMapControls, .PageMain #mbMapControls {
  border-top: 1px solid #BBBBBB;
}
#mbMapControls a {
  text-decoration: none;
}
#mbMapControls a:hover {
  text-decoration: underline;
}
#mbMapZoom {
  float: left;
}
#mbMapType {
  float: right;
}

/* TEMP */
#mbContentText .Puff {
  margin-top: 10px;
  padding: 5px 0px;
}
#mbContentText .Puff {
  margin-bottom: 0px;
}
.Puff img {
  margin-left: 0px;
  width: 24px;
}
.IE6 .Puff img {
  position: relative;
  top: -1px;
}

/****************************************/
/* Navigation                           */
/****************************************/
#navigation {
  width: 93.6em;
  position: absolute;
  top: 11.5em;
  left: 20px;
}
#navigation h1 {
  padding-top: 3px;
  height: 0.1px;
  text-indent: -9999em;
}
.IE6 #navigation h1 {
  display: none;
}
#navigation ul {
/*  padding: 0;
  margin: 2px 0 4px; */
  margin: -2px -3px 4px 0;
  padding: 0 0 4px;
  line-height: 1.6em;
  list-style: none;
  overflow: hidden;
  background: url(images/backgrounds/main-navigation.gif) #065893 no-repeat 100% 100%;
}
#navigation li {
  float: left;
  text-align: center;
  padding: 0 0 0 7px;
  margin: 0px;
}
#navigation li a {
  display: block;
  padding: 7px 1.2em 7px 0.9em;
  color: white;
  font-weight: bold;
}
#navigation ul li.selected-path {
  background: url(images/backgrounds/selected-path.gif) transparent no-repeat 0 0;
}
#navigation ul ul {
  position: absolute;
  top: 6.6em;
  left: 3px;
  width: 17.8em;
  padding: 0;
  margin: 0;
  background-image: none;
  background-color: transparent;
}
#navigation ul ul li {
  float:none;
  padding: 0;
  line-height: 1.3em;
  text-align: left;
  font-size: 1em;
}
#navigation ul ul a, #navigation ul ul span,
#navigation #personal-navigation a, #navigation #global-navigation a {
  color: #02639c;
  font-weight: normal;
}
#navigation ul ul li a {
  padding: 0.35em 0em 0.35em 1.7em;
}
#navigation ul ul .Selected a, #navigation ul ul .hem a  {
  font-weight: bold;
}
#navigation ul ul li.Level1 a {
  font-weight: bold;
  padding-left: 0.7em;
}
#navigation ul ul li.Level2, #navigation ul ul li.HasChildren {
  border-top: 1px solid #d1d2d4;
}
#navigation ul ul li.Level2.Last {
  border-bottom: 1px solid #d1d2d4;
}
#navigation ul ul li.Level2 a, #navigation ul ul li.HasChildren a {
  background-color: transparent;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0%;
}
#navigation ul ul li.HasChildren a {
  background-color: transparent;
  background-image: url(images/backgrounds/sub-path.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0.7em 0.7em;
}
#navigation ul ul li.HasChildren.Selected a, #navigation ul ul li.hem a {
  background-color: transparent;
  background-image: url(images/backgrounds/sub-selectedpath.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0.5em 0.9em;
}
#navigation ul ul li.Level1 a, #navigation ul ul li.Level2 a, #navigation ul ul li.Level3 a {
  background-image: none;
}
#navigation ul ul li.Level3 a {
  background-color: #fbfbfb;
}
#navigation ul ul li.Level3 a {
  padding-left: 2.7em;
}
#navigation ul ul li.HasChildren.Selected, #navigation ul ul li.hem {
  background-image: url(images/backgrounds/sub-selectedgradient.gif);
}
#navigation ul ul li.Level1, #navigation ul ul li.Level2, #navigation ul ul li.Level3 {
  background-image: none;
}
#navigation #global-navigation {
  position: absolute;
  top: -11em;
  right: 0;
}
#navigation #global-navigation {
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  list-style: none;
  background-image: none;
  background-image: none;
  background-color: transparent;
}
#navigation #global-navigation li {
  display: inline;
  padding: 0.7em 0;
  font-size:1.1em;
}
#navigation #global-navigation li a {
  float: left;
  padding: 0 0.5em;
  border-right: 1px solid #02639C;
  color: #02639c;
  font-weight: normal;
}
#navigation #global-navigation li#adjust a,
#navigation #global-navigation li#tourist a {
  margin-right: 2.2em;
  border: 0;
}
#navigation #global-navigation li#contact a {
  border: 0;
  padding-right: 0;
}
#navigation #global-navigation li#translate a {
  padding-left: 15px;
}
#navigation #global-navigation li#translate a {
  background-image: url(http://www.stockholm.se/web/core/ui/skins/standard/img/background/sprite/sprite.png);
  background-repeat: no-repeat;
}
#navigation #global-navigation li#translate a {
  background-position: -738px -350px;
}

#personal-navigation #user, #personal-navigation #unread-messages, #personal-navigation, .personal #personal-navigation #login {
  background-image: url(http://www.stockholm.se/web/core/ui/skins/standard/img/background/sprite/personal-sprite.png);
  background-repeat: no-repeat;
}
#personal-navigation {
  position: absolute;
  left: 15.6em;
  top: 0.6em;
  background-position: 0 -100px;
  padding: 2px 0 0 10px;
}
#personal-navigation ul {
  font-weight: normal;
  line-height: 1.2em;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#personal-navigation a {
  font-weight: normal;
}
.personal #personal-navigation ul {
  background-image: url(/web/core/ui/skins/standard/img/background/sprite/personal-sprite-x.png);
  background-position: 0 -24px;
  background-repeat: repeat-x;
  background-attachment: fixed;
  width: 84.7em;
  margin: auto;
  padding: 0 2em 0 1.5em;
  list-style: none;
  line-height: 1.9em;
  height: 2.2em;
  position: relative;
}
#personal-navigation li {
  float: left;
  margin: 0;
  font-size: 1.1em;
}
#personal-navigation li a {
  padding: 0 0.7em 0;
  display: block;
}
#personal-navigation #user, #personal-navigation #unread-messages, .personal #personal-navigation #login {
  padding-left: 1.5em;
}
#personal-navigation #user {
  background-position: 0 -97px;
  margin-right: 1em;
}
#personal-navigation #login a {
  border-left: 1px solid #02639c;
}
.personal #personal-navigation #user a {
  padding-left: 0;
}
.personal #personal-navigation #login {
  background-position: 0 -197px;
}
.personal #personal-navigation #login a {
  border-left: 0;
  padding: 0;
}
#personal-navigation #unread-messages {
  background-position: 0 4px;
  padding-left: 1.5em;
  position: absolute;
  right: 1.8em;
  top: 0;
}
#personal-navigation #unread-messages a {
  padding-right: 0;
}
#personal-navigation #user span, #personal-navigation #user a {
  display: inline;
}
#personal-navigation {
  display: none;
}

/****************************************/
/* Internal                             */
/****************************************/
.Internal #personal-navigation {
  display: none;
}
#mbContentTitle h1 .Internal,
#navigation span.Internal, .Item .Internal,
.RelArtik .Internal {
  color: gray;
  font-weight: normal;
}

/****************************************/
/* Layout                               */
/****************************************/
#mbContainer.IE6, #mbContainer.IE7 {
  width: 97.7em;
}
#mbContainer {
  position: relative;
  width: 97em;
  margin: 0px auto 2em;
  padding: 0 0 1.5em;
}
#mbHeader {
  height: 10.4em;
  margin: 0 0 5.1em;
}
#mbMain {
  margin: 0.9em 0 0 25.4em;
}
#mbContent {
  min-height: 55em;
  width: 46em;
  /* margin-right: 2em; */
}
#mbSubContent {
  width: 21.3em;
  margin-bottom: 1.5em;
}
#mbFooter {
  margin-left: 21.2em;
}
#mbContentLink {
  position: absolute;
  top: 0px;
  left: 0px;
}
#logo {
  position: absolute;
  top: 10px;
  left: 30px;
  z-index: 1;
  margin: 0 1.9em 0 0;
}
#mbHeader .Caption span {
  line-height: 80px;
  margin-left: 40px;
}
#mbMapLarge {
  position: relative;
  overflow: hidden;
  margin: 0px;
  height: 30em;
}
.IE6 #mbContent {
  width: 460px;
}

/****************************************/
/* Färger                               */
/****************************************/
/* Bakgrundsfärg */
body {                               background-color: #f1f1f1;}
#mbContainer {                       background-color: white;}
/* Normal textfärg */
body {                               color: #3a3a3a;} /* #002f2f; */
/* Länkfärger */
a {                                  color: #005fa9;} /* #014993; */
#mbMenu a,
#mbContentMenu a:hover {             color: black;}
/* Rubrikfärger */
h1 {                                 color: #02639c;}
h2 {                                 color: #3a3a3a;}
/* Ljus text */
/*#mbContentTitle,
#mbContentTitle .Sibs a,
.Label, .Label SPAN,
.PageSearch .searchSibs span,
#mbUpdated, #mbUpdated span {       color: #888888;} */
/* Huvudfärg1 */
#mbMenu,
#mbSubContent .SearchForm label,
#mbSubMenu .Level1,
#mbSubMenu .Level1 a:hover  {        background-color: #0066cc;}
#mbContentMenu li.Selected {         border-top-color: #0066cc;}
/* Huvudfärg2 */
/*#mbSubContent .SearchForm,
#mbSokKat border-bottom,
#mbMenu li a:hover {                background-color:    #9f1414;}
#mbPath, #mbFooter {                border-color:        #9f1414;}
#mbMenu li a:hover {                border-bottom-color: #9f1414;} */
/* Ljus bakgrund */
#mbContentTitle div,
#mbSubMenu a:hover,
#mbContentHeader #mbBarDiv,
#mbContact, #mbSok,
.PageHelp h2,
.DataCaption, caption,
#mbContentMenu li,
.PageSearch .SearchSibs {            background-color: #f3f3f3;}
/* Linjefärg */
#mbContentTitle h1,
#mbUpdated,
.RelArtik div,
#mbContentText .Puff,
#mbContentText .Item,
#mbContentHeader #mbBarDiv,
#mbContentMenu,
#mbContentMenu li,
#mbContact {                         border-color: #d1d2d4;}
/* Mouseover i tabeller (Firefox) */
/*tr:hover {                           background-color: #deebf7;}*/

/****************************************/
/* Font-family                          */
/****************************************/
/* Standardfont */
body {
  font: 62.5%/1 Helvetica, Arial, sans-serif;
}

/****************************************/
/* Clearfix                             */
/****************************************/
/*  Firefox  */
#mbMain:after, #mbContentTitle div:after, #mbContentHeader:after,
#mbContentText div.Item:after, #mbSubContent .SearchForm:after,
#mbMapControls:after {
  content: ' ';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/*  IE8  */
.IE8 #mbMain, .IE8 #mbContentTitle, .IE8 #mbContentHeader,
.IE8 #mbContentText div.Item, .IE8 #mbSubContent .SearchForm,
.IE8 #mbMapControls {
  overflow : hidden;
}
/*  IE7  */
.IE7 #mbMain, .IE7 #mbContentTitle, .IE7 #mbContentHeader,
.IE7 #mbContentText div.Item, .IE7 #mbSubContent .SearchForm,
.IE7 #mbMapControls {
  overflow : hidden;
}
/*  IE6  */
.IE6 #mbContainer,
.IE6 #mbMain, .IE6 #mbContentTitle, .IE6 #mbContentHeader,
.IE6 #mbContentText div.Item, .IE6 #mbSubContent .SearchForm,
.IE6 #navigation ul, .IE6 #mbFooter, #mbContentTitle div,
.IE6 #mbMapControls {
  height: 1%;
}

/***** MHU *****/
.MHU .PageDefault #mbContentText .Item h3 {
  margin-left: 60px;
}
.MHU .PageDefault #mbContentText .Item p {
  margin-left: 60px;
}
.MHUK .PageSub #mbContentText h2 {
  display: none;
}

/***** VP *****/
.VP .PageDefault #mbMapLarge {
  height: 502px;
}
.VP .Sibs {
  display: none;
}
#mbSubContent img.ContentImg {
  border: 1px solid #d1d2d4;
  border-bottom: 0px solid #d1d2d4;
}
.VP .RelArtik div.GBox {
  border-top-width: 0px;
  margin-bottom: 0.7em;
}
/******* TEMA *******/
.TEMA .PageDefault #mbMain {
  margin-left: 2.0em;
  margin-top: 0;
}
.TEMA .PageDefault #mbContent {
  width: 94em;
  min-height: 30em;
  margin-top: 0em;
  padding-bottom: 0em;
}
.TEMA .PageDefault #mbContent h2,
.TEMA .PageDefault #mbContent .Item .MeasureList,
.TEMA .PageMain .Ingress, 
.TEMA .PageDefault #mbContentHeader {
  display: none;
}
.TEMA .PageDefault #navigation ul ul {
  display: none;
}
.TEMA .PageDefault #mbContent .Item {
  background-color: #eeeeee;
  border: 1px solid #e7e7e7;
  margin: 3px 6px 3px 0px;
  padding: 4px;
  width: 29.8em;
  float: left;
  clear: none;
}
.TEMA .PageDefault #mbContent #mbItem3,
.TEMA .PageDefault #mbContent #mbItem6,
.TEMA .PageDefault #mbContent #mbItem9,
.TEMA .PageDefault #mbContent #mbItem12 {
  margin: 3px 0px 3px 0px;
}
.TEMA .PageDefault #mbContent .ChildImg {
  margin-right: 10px;
  border: 1px solid #dddddd;
}
.PageSub #mbContentText div.UT div.FirstLayer, .PageSub #mbContentText div.UT div.Expanded {
  display: block;
}
.PageSub #mbContentText div.UT div, .PageSub #mbContentText div.UT div.Collapsed {
  display: none;
}
.Byline {
  font-size: 0.9em;
  text-align: right;
  margin: 0em;
  padding: 0em;
  color: gray;
}
.TEMA .Internal.PageDefault #mbMain {
  margin-left: 25.4em;
}
.TEMA .Internal.PageDefault #mbContentTitle h1 {
  border: none;
}
.TEMA .Internal.PageDefault #mbContent {
  min-height: 55em;
  width: 70.2em;
}
.TEMA .Internal.PageDefault #navigation ul ul {
  display: block;
}
.TEMA .Internal.PageDefault #mbContent .Item {
  width: 22.45em;
  margin: 2px 2px 0px 0px;
  padding: 2px;
}
.TEMA .Internal.PageDefault #mbContent .Item h3 {
  font-size: 1.1em;
}
.TEMA .Internal.PageDefault #mbContent .Item p {
  font-size: 1.1em;
}
.TEMA .Internal.PageDefault #mbContent .ChildImg {
  width: 10em;
  margin-right: 4px;
  border: 1px solid #dddddd;
}