/* s�rskilgreiningar fyrir ve�ursp�kortas��u */

/* Pirrandi hopp � valmyndum
.pgextra2 {
  margin-top : 2.85em;
}
.pgextra1 {
  margin-top : 2.85em;
}
*/

/* vkort hefur ekki brau�molasl�� */
.pgmain {
  margin-top: 0;
}
.breadcrumbs {
  display: none;
}

/* ---- vedurkort ---- */

.vedurkort {
  _height:0;min-height:0; /* ie hasLayout fix */
  position: relative;
  z-index: 3;
  /* margin-top: -25px; */
  background: #fff;
}

.vedurkort .boxhead {
  font-size : 1.6em;
}

.vedurkort .boxbody {  }

.vedurkort .boxbody .cwrapper {
  clear : both;
  border : 1px solid #ddd;
  _height:0;~min-height:0; /* ie hasLayout fix */
}

.vedurkort .boxbody .cwrapper:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }


.vedurkort .boxbody .boxbody {
  border : 0;
  padding : 0;
  background : none;
  float: right;
  margin-right: 0px;
}

.vedurkort .boxbody .yfirkorti {
  margin-right: 0px;
}

.vedurkort .boxbody .meta {
  font-size : 1em;
  position : absolute;
  z-index : 8;
  top : -2.4em;
  right : 0;
}
.vedurkort .meta em {
  font-weight : bold;
  font-style : normal;
}


.vedurkort .boxbody .fi_sel {
  float : left;
  margin-right : 5px;
}
.vedurkort .boxbody .fi_sel select{
  padding : 2px;
}

.vedurkort .boxbody .fi_btn {
  display : block;
  float : left;
  /* background : url(../i/button1.gif) 0 0 no-repeat; */
}
/*
.vedurkort .boxbody .fi_btn input {
  border : 0;
  font-size : .9em;
  background  : none;
  padding : 4px 0 5px 0 ;
  width : 64px;
  color : #fff;
  font-weight : bold;
}
*/
.vedurkort .boxbody p.tag {
  text-align: center;
  margin-bottom: 2em;
}
.vedurkort .boxbody .s_btn {
 margin-left: 19px;
 _display: inline;
 float: left;
}

.boxbody .stationinp {
  width: 185px;
}



.cwrapper {
/*  background : url(i/vedurkort-top2.gif) 0 0 no-repeat;*/
/*  padding-left : 3px; */
/*  padding-top : 12px; */
  position : relative;
  margin-bottom: 26px;
  border : 1px solid #ddd;
  z-index : 3;
}

.cwrapper .c_bl,
.cwrapper .c_br,
.cwrapper .c_tl,
.cwrapper .c_tr {
  background-image : url(../i/corners_white.gif);
}

.cwrapper .list {
 padding: 1em 0.5em;
}

.cwrapper .smallnote {
  float:right;
  margin: -8px 10px 8px;
  clear:both;
  font-size: .75em;
}



.kort {
  padding-top  : 10px;
  padding-left : 3px;
  padding: 6px 0;
  text-align: center;
}

.kort a {
  text-decoration : underline;
}
.kort img {
  /* Disabled because this affects **all** .kort images including arrows and other icons...  */
  /* width: calc(100% - 12px); */
}


.vedurkort .fi_txt,
.vedurkort .fi_sel {
  margin-bottom : 0;
}


/* mapflval */

.vedurkort .mapflval {
  background :  url(i/wtabs-right.gif) 100% 0 no-repeat;
  padding-right: 3px;
  float : right;
  z-index : 99;
  position : relative;
  padding-bottom : 9px;
  margin-bottom : -12px;
  ~margin-bottom: -10px;
  _width : 50%;
  _margin-left : 0;
}
.vedurkort .mapflval .boxbody {
  background : url(i/wtabs-left.gif) 0 0 no-repeat;
  padding : 7px 12px 0 12px;
  _padding : 6px 0px 1px 12px;
  margin : 0;
  min-height: 23px;
  _height: 23px;
}
.vedurkort .mapflval label,
.vedurkort .mapflval .boxhead {
  display : none;
}

.mapflval .boxbody .fi_sel {
  float : left;
  margin-right : 5px;
}
.mapflval .boxbody .fi_sel select{
  padding : 2px;
}

.mapflval .boxbody .fi_btn {
  display : block;
  float : left;
  /* background : url(../i/button1.gif) 0 0 no-repeat; */
}
/*
.mapflval .boxbody .fi_btn input {
  border : 0;
  font-size : .9em;
  background  : none;
  padding : 4px 0;
  width : 64px;
  color : #fff;
  font-weight : bold;
}
*/





/* mapnav instance */

.vedurkort .mapnav {
  _display : inline;
  background : #eee;
  padding : 7px 12px;
  clear : both;
  _clear : none;
  float : left;
  width : 520px;
  border-top: 1px solid #ddd;
}

.twocol .vedurkort .mapnav { width : 732px; }

.vedurkort .mapnav .boxhead,
.vedurkort .mapnav .boxhead_ath {
  font-size : 1em;
  float : left;
  padding : 0;
  padding-right : 10px;
  padding-top : 4px;
  width : 14.5em;
  text-align : right;
}
.vedurkort .mapnav .boxhead_ath {
  width : 15.5em;
}
.vedurkort .mapnav .boxbody {
  background : url(i/ssearch.gif) 0 60% no-repeat;
  width: 100%;
}
*:first-child+html .vedurkort hr {
  margin-top : -4px;
}
.vedurkort .mapnav .boxbody label {
  display : none;
}
.vedurkort .mapnav .fi_txt,
.vedurkort .mapnav .fi_sel {
  padding-right : 6px;
  float : left;
}
.vedurkort .mapnav .fi_txt input,
.vedurkort .mapnav .fi_sel select {
  width : 150px;
  padding : 2px;
  margin : 0;
}

.mapnav .boxbody .boxhead,
.mapnav .boxbody .boxhead_ath {
  margin : 0;
}


/* --- knav --- */

.knav {
  font-size : .9em;
  z-index : 99;
  position : relative;
  margin-bottom : -1px;
  padding-left : 7px;
  _height:0;~min-height:0; /* ie hasLayout fix */
  clear: both;
  float: left;
  margin-right: -500px;
}
.knav:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }
.knav .boxhead { position:absolute;right:9999px;left:auto; }
.knav ul {
  list-style : none;
  width : 532px;
}
.knav li {
  display : inline;
  padding-bottom : 0;
  float : left;
  margin-right : 4px;
  background : url(../i/tabs-right.gif) 100% 0 no-repeat;
}
.knav ul a {
  display : block;
  text-decoration : none;
  padding : 8px 12px 7px;
  background : url(../i/tabs-left.gif) 0 0 no-repeat;
  font-weight : bold;
  float : left;
  _height:0;~min-height:0; /* ie hasLayout fix */
  border-bottom: 1px solid #dedede;
}


.knav a:hover,
.knav a:focus,
.knav a:active {
  text-decoration : none;
  color : #F5821F;
}
.knav li.parent,
.knav li.current {
  background : url(../i/tabs-right.gif) 100% -80px no-repeat;
}
.knav .parent a,
.knav .current a {
  background : url(../i/tabs-left.gif) 0 -80px no-repeat;
  color : #F5821F;
  border-bottom: none;
  padding-bottom: 8px;
}




.knavCompact .knav {
  padding: 0;
  margin-bottom: 5px;
}
.knavCompact .knav ul {
  width: 763px;
}
.knavCompact .knav li {
  margin: 0 3px 3px 0;
  padding: 0;
  background: none;
}
.knavCompact .knav a {
  padding: 3px 4px 3px;
  border-radius: 5px;
  border: 1px solid #ddd;
  background: #fff;
  font-weight: 400;
}
.knavCompact .knav .parent a,
.knavCompact .knav .current a {
  font-weight: 700;
}



/* ---- summary in table pages ---- */

.sum {
  text-align: left;
  margin: 0 1.5em 1.5em;
}
.sum ul {
  text-align: left;
  list-style-type: circle; padding-left : 2.5em;
}




/* ---- textforec ---- */

div.textforec {
  margin-top: 1.57em;
}
.textforec h2{
  font-size : 1.25em;
  border-bottom : 1px solid #FCD3B1;
  margin-top: 0;
}
.textforec h3{
  font-size : 1em;
  border-bottom : none;
  margin-top: 1em;
  margin-bottom: 0.2em;
  line-height: 1em;
}
.textforec img {
  border: 0px;
}
.textforec ul {
  list-style: none;
  list-style-image: none;
}
.textforec ul li {
  margin-bottom: 2px;
}
.textforec table.imgs {
  width: 100%;
  border : 0;
  text-align : center;
}
.textforec table.imgs td {
  width: 180px;
  border: 0;
  text-align : center;
  padding-bottom: 10px;
}
.textforec table.imgs a img {
  border: 1px solid #305DA3;
  padding-bottom: 5px;
}




/* meteo page */

.meteogrps {
  padding-bottom: 1em;
  background:#eee;
  padding:10px;
}

.meteogrps .buttons {
  margin-top : 0;
  text-align : center;
  background:#eee;
  height: 2em;
}
.meteogrps .buttons ul,
.meteogrps .buttons li,
.meteogrps .buttons a {
  float : none;
  display : inline;
  white-space: normal;
}
.meteogrps .buttons li {
/*  width: 120px; */
}

.onecol .vedurkort .boxbody .cwrapper {
  width: 546px;
  margin: 0 auto;
}
.onecol h1.boxhead {
  margin-left: 210px;
}

.meteocleanall {
  float: right;
  margin-bottom: 2em;
}

.meteo {
  float : left;
  display : inline;
  position : relative;
  margin : 0 0 2.3em 30px;
}
.meteo img {
  display: inline;
}

.meteo .ctrl ul,
.meteo .ctrl li,
.meteo .ctrl a {
  float : left;
  display : inline;
  white-space: normal;
}
.meteo .ctrl a {
  background: transparent url(../i/fwd.gif) no-repeat scroll 0% 50%;
  float:left;
  padding:0pt 10px;
}

.meteo .meteoclean {
  float : left;
  margin-left: 190px;
}

.met_remark {
 margin-top: 33px;
 font-size: 1.17em;
}


/* ---- weatherlist ---- */
.weatherlist img {
    border: medium none;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}


/* ---- undirs��ukort ---- */

.vedurkort .wmap_isl,
.vedurkort .wmap_island,
.vedurkort .wmap_ho,
.vedurkort .wmap_fa,
.vedurkort .wmap_br,
.vedurkort .wmap_ve,
.vedurkort .wmap_nv,
.vedurkort .wmap_na,
.vedurkort .wmap_ag,
.vedurkort .wmap_af,
.vedurkort .wmap_sa,
.vedurkort .wmap_su,
.vedurkort .wmap_mi,
.vedurkort .wmap_djup {
  margin-top: 5px;
  z-index: -100;
}
.vedurkort .maptitle1 {
  position : absolute;
  cursor: auto;
  width: 250px;
  margin: 0;
  text-align: left;
}
.vedurkort .mapfoot {
  float: right;
  cursor: auto;
  font-size : .83em;
  color : #999;
  margin-right: 5px;
}
.vedurkort .mapmsg {
  position : absolute;
  top: 200px;
  width: 540px;
  color: #000;
  font-size: 1.15em;
  text-align: center;
  cursor: auto;
}
.vedurkort .mapmsg a{
  text-decoration : underline;
}



.wmap_island .maptitle1 {
  top: 14px;
  right: 100px;
}
.wmap_island .mapfoot {
  top: 340px;
  right: 8px;
}

.wmap_ho .maptitle1 {
  top: 20px;
  left: 10px;
}
.wmap_ho .mapfoot {
  top: 90px;
  left: 10px;
}

.wmap_fa .maptitle1 {
  top: 180px;
  left: 40px;
}
.wmap_fa .mapfoot {
  top: 250px;
  left: 40px;
}

.wmap_br .maptitle1 {
  top: 160px;
  left: 40px;
}
.wmap_br .mapfoot {
  top: 210px;
  left: 40px;
}

.wmap_ve .maptitle1 {
  top: 80px;
  left: 25px;
}
.wmap_ve .mapfoot {
  top: 150px;
  left: 25px;
}

.wmap_nv .maptitle1 {
  top: 10px;
  left: 170px;
}
.wmap_nv .mapfoot {
  top: 10px;
  left: 290px;
}

.wmap_na .maptitle1 {
  top: 64px;
  left: 155px;
}
.wmap_na .mapfoot {
  top: 64px;
  left: 10px;
}

.wmap_ag .maptitle1 {
  top: 80px;
  left: 410px;
}
.wmap_ag .mapfoot {
  top: 150px;
  left: 410px;
}

.wmap_af .maptitle1 {
  top: 400px;
  left: 410px;
}
.wmap_af .mapfoot {
  top: 460px;
  left: 410px;
}

.wmap_sa .maptitle1 {
  top: 230px;
  left: 400px;
}
.wmap_sa .mapfoot {
  top: 290px;
  left: 400px;
}

.wmap_su .maptitle1 {
  top: 270px;
  left: 40px;
}
.wmap_su .mapfoot {
  top: 320px;
  left: 40px;
}

.wmap_mi .maptitle1 {
  top: 320px;
  left: 430px;
}
.wmap_mi .mapfoot {
  top: 375px;
  left: 430px;
}
.wmap_djup .maptitle1 {
  top: 20px;
  left: 410px;
}
.wmap_djup .mapfoot {
  top: 310px;
  left: 170px;
}

.kort .loadinfo {
  float : left;
  width: 540px;
  height: 400px;
}

.kort .loadinfo p,
.kort .loadinfo p.s {
  position : absolute;
  left: 20px;
  top: 150px;
  width: 500px;
  font-size: 1.17em;
  text-align: center;
}
.kort .loadinfo p.s {
 top: 190px;
 font-size: .75em;
 color: #999;
}


/* ---- ve�urg�gn � t�fluformi ---- */
.vedurkort .wtable {
  text-align: center;
  padding-bottom: 2em;
  margin: 1em auto 0.3em;
}
.vedurkort .wtable .wrap {
}
.vedurkort .wtable table {
  width : 524px;
  margin-left: 10px;
}
.vedurkort .wtable caption {
  margin-left: 6px;
}
.vedurkort .wtable th {
  text-transform : none;
}
.vedurkort td img.type {
  border: 0;
}

/* ---- form � undirs��um ---- */

.vkort .vedurkort .mapflval label {
 display: inline;
}


/* ---- ve�ur st��var t2 ofan � kortum ---- */

.vedurkort .t2 .iinfo {
  position : absolute;
  width: 11px;
  height: 11px;
  cursor: pointer;
  padding: 2px;
}

.vedurkort .t2 .iinfo img.dot {
}
.vedurkort .t2 .map_marker img.dot {
  visibility: hidden;
}

/* ---- jar�skj�lftar ---- */
.quake .qmap {
  margin: 0 0 1.5em 0;
  padding-top: 0;
}
.quake .qmap h2 {
  margin-top: 1.2em;
}
.quake .qlist {
  width : 95%;
  margin: 1em auto 0 auto;
}
.quake .qlist  select {
  width : 200px;
}
.quake .qtable {
  margin: 1.5em 0;
}

/* ---- avalanches ---- */
.avalforecast h1 img,
.avalforecast h2 img  {
  border: none;
}

.avalforecast .textforec {
  float: left;
  clear: both;
  display: block;
  margin-top: 1em;
  width: 100%;
  overflow: hidden;
  }

.avalforecast .textforec img.map {
  float: left;
  margin: 1em 15px 15px 0;
  border: 1px solid #CBCBCB;
  padding: 1px;
}

.avalforecast .textforec h2 {
	font-size: 1.6em;
	margin-bottom: 0.7em;
}
.avalforecast .textforec h2.notice {
  background : url(i/large-notice.gif) 0 3px no-repeat;
  padding-left : 26px;
}

.avalforecast .textforec h2.simple {
  font-size: 1.167em;
  border: none;
}

.avalforecast .textforec h3 {
    font-size: 1.17em;
	float: left;
	margin-top: 0.7em;
}

.avalforecast .textforec .region {
	float: left;
	width: 395px;
	margin-top: 10px;
	margin-bottom: 1.5em;
}

.avalforecast .textforec .region ul {
  float: left;
  width: 395px;
  margin-bottom: 5px;
  padding-left: 0;
  color: #515151;
  font-weight: bold;
}

.avalforecast .textforec .region li {
  display: inline-block;
  margin-right: 25px;
  vertical-align: top;
  text-align: center;
  max-width: 70px;
  padding: 3px;
}

.avalforecast .textforec .region li.current {
  border: 1px solid #d6d6d6;
  border-radius: 5px;
}


.avalforecast .textforec .region .day {
    white-space: nowrap;
    padding: 2px;
}

.avalforecast .textforec .region img {
  border: none;
  margin: 4px 2px;
}

.avalforecast .textforec .region .danger {
  font-weight: normal;
  color: #111;
  font-size: 15px;
}

.avalforecast .textforec .region .detailinfo {
  text-decoration: none;
}

.avalforecast .prob {
  background-color: #EDEDED;
  padding-bottom: 0.5em;
  margin-bottom: 1.5em;
}

.avalforecast .prob ul {
  display: table;
  width: 100%;
  padding: 0;
  margin: 0;
  text-align: center;
}

.avalforecast .prob li {
  width: 20%;
  border: none;
  display: table-cell;
  text-align: center;
}

.avalforecast .prob li div {
  display: block;
}

.avalforecast .prob li div.title {
  background-color: #ccc;
  font-weight: bold;
}

.avalforecast .prob li div.cnt {
  display: inline-block;
  margin: 5px;
  margin-top: 8px;
  font-weight: normal;
  text-align: center;
  font-family: ArialMT, Arial;
  color: #111;
  font-size: 14px;
  line-height: 1.1em;

}

.avalforecast .prob li img {
  padding-bottom: 5px;
}

.avalforecast .prob li a {
  text-decoration: none;
  color: #333;
}


.avalforecast .prob p {
  margin: 0.2em 10px;
}

.avalforecast .prob .note {
  font-size : .92em;
  color : #999;
  font-style: italic;
  padding: 0 10px;
}

.avalbox .boxbody {
	border-top: 1px solid #ddd !important;
}

.avalbox .boxbody p {
	font-size: 1.08em;
	padding: 5px 5px 5px 20px;
}
.avalbox .boxbody p a{
  text-decoration : underline;
}

.avalbox .boxbody a.warn {
	font-size: 1.08em;
	font-weight: bold;
	padding: 5px;
	margin: 7px 23px;
	text-align: center;
}

.avalmap .mapbox {
  float: left;
  margin: 0 1em;
}

.avalmap .tnav {
  float: left;
  margin: 16px 0 8px 20px;
}

.avalmap .tnav li {
  display : inline;
  margin : 2px 2px;
}

.avalmap .tnav li a {
  text-decoration : none;
  margin-right : 6px;
}

.avalmap .tnav li.current a {
  font-weight : bold;
  border-bottom: 2px solid #F5821F;
}

.avalmap .lnav {
  float: right;
  margin: 18px 0 6px 20px;
  font-weight : bold;
}

.avalmap .lnav a {
  text-decoration: none;
  padding : 0 0 0 10px;
  background : url(../i/fwd.gif) 0% 50% no-repeat;
}

.avalmap .amapwrap,
.avalmap .expl {
  clear: left;
}

.avalmap .amap {
  width: 550px;
  height: 420px;
  margin-bottom: 0.8em;
  float: left;
}

.avalmap img.legend {
  margin: 1em 3.5em;
}

.avalmap .ecol {
  width: 170px;
  float: right;
  margin-top: 38px;
  margin-right: 1em;
}

.avalmap .ecol .itm {
  padding-bottom: 20px;
}

.avalmap .atable {
  padding-bottom: 2em;
  margin: 1em 1.5em 0.3em;
}

.avalmap .atable caption {
  display: none;
}

.avalmap .atable tr {
  cursor: pointer;
}
.avalmap .atable tr.sel td,
.avalmap .atable tr:hover td {
  background-color: #EDEDED;
}
.avalmap .atable tr.detail,
.avalmap .atable tr.sel {
  cursor: auto;
}
.avalmap .atable tr.detail:hover td {
  background-color: #fff;
}

.avalmap .atable td {
  padding: 0.5em 0.4em;
}

.avalmap .atable tr.detail td {
  padding: 1em;
}

.avalmap .atable tr.detail td div {
  float: left;
  width: 46%;
  line-height: 1.6em;
  padding: 0 10px;
}

.avalmap h2 {
  text-align: left;
}


.full_olay .amap {
  width: 100%;
  height: 100%;
}






.ecol .itm h3 {
  background: #f8f8f8 url(i/ecol-short-h3.gif) no-repeat 0 100%;
}

.ecol .itm .tables table {
  width: 140px;
}

.ecol .itm .tables th,
.ecol .itm .tables td {
  padding: 3px 6px;
}


/* ---- aurora text forecast ---- */

.auroratext {
  margin-bottom: 2.5em;
}

.auroratext p {
  font-size: 1.167;
}

/* ---- aurora forecast indexes ---- */

.wrap .aurorabox .boxbody {
  padding-bottom: 10px;
}
.aurorabox .boxbody h3 {
	color: #555;
	font-size: 1.083em;
	padding: 15px 0 8px 13px;
	border-top: 1px solid #DDDDDD;
}

.aurorabox .boxbody p {
  font-size: 1.33em;
  color: #333;
  margin-bottom: 0.4em;
  padding-left: 20px;
  padding-right: 5px;
}

.aurorabox .moon p{
  min-height: 2.4em;
}

.aurorabox .moon img{
  display: block;
  margin: 0 auto 7px;
  border: none;
}


.aurorabox .idx {
  width: 100%;
  text-align: center;
}
.aurorabox .idx ul {
  display: inline-block;
  margin-left: 0;
  margin-right: 0;
  /* IE support */
  zoom:1;
  *display: inline;
}
.aurorabox .idx li {
  display : inline;
  padding-bottom : 0;
  float : left;
  margin-right : 4px;
  font-size: 1.42em;
}

.aurorabox .idx .current {
  padding-left: 0.3em;
  padding-right: 0.3em;
  color: #fff;
}
.aurorabox .idx0 {background: #82d82b }
.aurorabox .idx1 {background: #AAD52B }
.aurorabox .idx2 {background: #BBAA22 }
.aurorabox .idx3 {background: #CC801A }
.aurorabox .idx4 {background: #DD5511 }
.aurorabox .idx5 {background: #EE2B09 }
.aurorabox .idx6 {background: #FF0000 }
.aurorabox .idx7 {background: #B3004D }
.aurorabox .idx8 {background: #8C0073 }
.aurorabox .idx9 {background: #660099 }

.aurorabox .odds {
  clear: both;
  padding: 10px 0;
  font-size: 1.42em;
  text-align: center;
  font-weight: bolder;
  color: #888;
}
.aurorabox .odds0 {color: #82d82b }
.aurorabox .odds1 {color: #AAD52B }
.aurorabox .odds2 {color: #BBAA22 }
.aurorabox .odds3 {color: #CC801A }
.aurorabox .odds4 {color: #DD5511 }
.aurorabox .odds5 {color: #EE2B09 }
.aurorabox .odds6 {color: #FF0000 }
.aurorabox .odds7 {color: #B3004D }
.aurorabox .odds8 {color: #8C0073 }
.aurorabox .odds9 {color: #660099 }