/* resets and layout into the island.is css */

.pgextra2 .wrap,
.pgextra2 {
  background : none;
  height : 1px;
  min-height : 1px;
  padding : 0;
}
.pgextra2 .wrap,
.pgextra2 {
  background : none;
  height : 1px;
  min-height : 1px;
  padding : 0;
}
.pgmain .wrap {
  padding : 0 2px;
}

.pgmain .boxhead,
.pgmain h1 {
  padding-bottom : 0;
}

#dashboard {
}
#dashboard h1 {
  margin : 12px 0 0 0;
  padding : 0 10px 0 15px;
  float : left;
  line-height : 1;
  ~display : inline;
}
#dashboard .boxbody {
  _height:auto;
  min-height:auto;
}

.summary {
  padding : 17px 15em 12px 15px;
  padding : 17px 15em 12px 56px;
  background : url(img/fcon.png) 0 100% repeat-x;
  margin-bottom : 12px;
  color : #777;
  font-size : .92em;
  font-weight : bold;
  line-height : 1.2;
  min-height : 16px;
  _height:auto;
  min-height:auto;
}
.summary p {
  margin : 0;
}


#disclamer {
  border-top : 1px dotted #ccc;
  border-bottom : 1px dotted #ccc;
  padding : 1em 0;
  margin : 0 36px;
  font-size : .92em;
  color : #666;
}

#datamarket {
  line-height : 1.5;
  position : absolute;
  right : 20px;
  top : 182px;
  font-size : 10px;
  margin : 0;
  padding : 0;
}
#datamarket img {
}
#datamarket a {
  margin : 0;
  padding : 0;
  padding-top : 1em;
  position : relative;
  background : none;
  text-decoration : none;
  color : #aaa;
}
#datamarket small {
  position : absolute;
  left : 18px;
  bottom : 14px;
  font-size : 9px;
  line-height : 1.5;
}



#dashboard {
  _height:0;min-height:0;/* ie hasLayout fix */
}
#dashboard:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }

#dashboard h2 {
  margin : 0;
  padding : 0;
  background : #fff;
}
#dashboard hr { display : none; }


.widget {
  margin : 0;
  padding : 0;
  float : left;
  width : 100%;
  height : 100%;
  position : relative;
}

.dash {
  width : 949px;
  width : 941px;
  margin-left : 15px;
}
.dash:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }

.row {
  float: left;
  width: 100%;
  display: block;
  position: relative;
  margin-bottom : -2px;
  ~padding-bottom : 12px;
}

.widget {
  position: relative;
  float: left;
  left: 100%;
  margin : 0;
  margin-bottom : 1em;
}


/* heights */
.sy1 {
  height : 16em;
}
.sy2 {
  height : 33em;
  margin-bottom : -50%;
  z-index: 2;
}
.sy3 {
  height : 62px;
  margin-bottom : -21.3%;
  ~margin-bottom : -23%;
  z-index: 3;
}

/* widths */
.sx1 {
  width : 24%;
}
.sx2 {
  width : 49%;
}
.sx3 {
  width : 74%;
}

/* position */

.px0 {
  margin-left : -100%;
}
.px1 {
  margin-left : -75%;
}
.px2 {
  margin-left : -50%;
}
.px3 {
  margin-left : -25%;
}

.widget {
  background : url(img/hd-grad.png) 0 -1px repeat-x;
  border : 1px solid #bbb;
  -webkit-box-shadow : 0 1px 3px #ddd;
  -moz-box-shadow : 0 1px 3px #ddd;
  -webkit-border-radius : 8px;
  -moz-border-radius : 8px;
  -o-border-radius : 8px;
  border-radius : 8px;
}
.widget .head,
.widget .body {
  margin : 0;
  padding : 5px 10px;
  font-family: 'Lucida Sans','Lucida Grande', Verdana, sans-serif;
  -webkit-border-radius : 8px;
  -moz-border-radius : 8px;
  -o-border-radius : 8px;
  border-radius : 8px;
}
.widget .head {
  font-size : 1.2em;
  color : #444;
  padding : 6px 10px 0 10px;
  border : 1px solid #fff;
  border-bottom : 0;
}
.widget .head a {
  color : #444;
  text-decoration : none;
}
.widget .body {
  border : 1px solid #fff;
  font-size : .84em;
  padding : 2px 10px 5px;
}



.force-none .body > .value,
.force-stable .body  > .value,
.force-none > .value,
.force-stable > .value {
  color : #517fc3;
}
.force-none .body > .move-down,
.force-stable .body  > .move-down,
.force-none > .move-down,
.force-stable > .move-down {
  color : #2f5c8f;
}

.force-negative .body > .value,
.force-negative > .value {
  color : #a2181b;
}
.force-positive .body > .value,
.force-positive > .value {
  color : #3e8613;
}

.widget .value small {
  margin-left : .4em;
  white-space : nowrap;
}


.widget .info {
  clear : left; /* FF3.0 */
  margin-bottom : 6px;
}
.widget .subvalue .info {
  margin-top : 4px;
  margin-bottom : 0;
}

.widget .bigvalue {
  display : block;
  border-top : 1px solid #eee;
  border-bottom : 1px solid #eee;
  font-size : 1.7em;
  text-align : center;
  padding : .16em 0;
  margin-bottom : 5px;
}


.sx2 .bigvalue {
  font-size : 2.4em;
  padding : .05em 0;
}


.widget .subvalue {
  padding : .4em 0;
  border-top : 1px solid #eee;
/*
  border-bottom : 1px solid #eee;
  margin-bottom : -1px;
*/
  overflow : hidden;
}
.widget .subvalue h4 {
  display : inline;
  float : left; /* FF 3.0 */
  margin : 0;
}
.widget .subvalue .value {
  float : right;
}


.widget .subvalue h4,
.widget .subvalue .value {
  font-size : 1.2em;
}


.value .unit {
  font-size : 10px;
}

.widget .figure {
  clear : both;
  margin-bottom : 6px;
}

.change b {
  background : #517fc3 url(img/arrows.png) 0 0 no-repeat;
  padding-left : 9px;
  padding-top : 9px;
  margin-right : .18em;
  width : 0;
  height : 0;
  overflow : hidden;
  display : inline-block;
  line-height : .8em;
  ~vertical-align : 1.3%;
}
.move-down .change b {
  background-position : -30px 0;
  background-color : #2f5c8f;
}
.move-up .change b {
  background-position : -60px 0;
}
.force-positive .change b {
  background-color : #3e8613;
}
.force-negative .change b {
  background-color : #a2181b;
}


.widget.sx1 .figure img {
}
.widget.sx2 .figure img {
}

.widget div.help {
  display : none;
  position : absolute;
  top : 0px;
  left : 0px;
  height : 100%;
  width : 100%;
  z-index: 2;
}

/* silly */


.helpwrap {
  text-align : left;
  padding-top : 4px;
  padding-bottom : 12px;
}
.helpwrap ul,
.helpwrap p {
  line-height : 1.4;
  margin : 0 0 1.4em 0;
}
.helpwrap ul br {
  display : none;
}
.helpwrap ul li {
  display : list-item;
  margin-bottom : .4em;
}
.helpwrap ul {
  list-style-image : none;
  list-style-position : outside;
  list-style-type : disc;
  margin-bottom : 1em;
  padding-left : 1.75em;
}
.helpwrap cite {
  display : block;
  text-align : right;
  font-size : .92em;
}



.ui-dialog h3 {
  display : none;
}
.ui-dialog .return { position:absolute;right:9999em;left:auto; }


.widget .longdesc {
  position : absolute;
  right : 3px;
  top : 50%;
  margin-top : -11px;
}
.widget .longdesc a {
  background : url(img/info.png) 50% 50% no-repeat;
  display : block;
  overflow : hidden;
  text-indent : -999em;
  height : 22px;
  width : 22px;
}

.widget .meta {
  position : absolute;
  bottom : 0;
  left : 0;
  width : 100%;
  padding : 2px;
  line-height : 1.2;
  font-size : .92em;
  min-height : 2.4em; 
  background : url(img/dotted.png) 0 0 repeat-x;
  margin-top : 4px;
  padding : 4px 0;
}
.widget .meta .date,
.widget .meta .source {
  font-size : .92em;
  line-height : 1.4;
  padding : 0 28px 0 5px;
}
.pgwrap .widget a.external {
  margin : 0;
  padding : 0;
  white-space : normal;
  background : none;
  display : inline;
}


#kortavelta .subvalue .value {
}
#kortavelta .subvalue .value span {
  float : left;
}
#kortavelta .subvalue .value small {
  clear : left;
  float : right;
}
#kortavelta .subvalue .value .unit {
  float : none;
  line-height : 1.8;
  padding-left : .25em;
}

#wch-visitala-mealgengis h4 {
  display : inline-block;
  line-height : 1.1;
  width : 55%;
}

#kortavelta .subvalue .value {
  ~display : block;
  ~position : relative;
  ~float : right;
  ~text-align : right;
}
#kortavelta .subvalue .value span,
#kortavelta .subvalue .value small {
  ~float : none;
}
#kortavelta .subvalue .value .unit {
  ~float : none;
  ~line-height : 1.8;
  ~padding-left : .25em;
}

#utanrikisverslun .subvalue {
  letter-spacing : -0.02em;
}