/* ----------------
// Standard Elements
// ---------------- */

html, body {
/*  height:                100%;*/
	margin:                0;
	padding:               0;
}

body {
	background:            url(/images/body_bg.gif) repeat-x #ffffff;
	color:                 #555555;
	margin:                15px;
}

body, td {
	font:                  9pt Tahoma, Arial, Helvetica;
}

a {
	color:                 #597999;
}

a:hover {
	text-decoration:       none;
}

a:active { 
	outline:               none; 
}

a:focus { 
	-moz-outline-style:    none; 
}

a.close_modal {
  display:               block;
  margin-top:            5px;
  font-size:             0.9em;
  font-weight:           bold;
  text-align:            right;
}

img {
	border:                0px;
}

img.border {
	padding:               3px;
	background:            #ffffff;
	border:                1px solid #dddddd;
}

img.icon {
	vertical-align:        -3px;
	margin-right:          6px;
}

/*
a img {
	vertical-align:        middle;
}
*/

form {
	margin:                0;
	padding:               0;
}

label.form {
	display:               block;
	min-width:             150px;
	color:                 #696969;
	font-size:             1.1em;
	font-weight:           bold;
	margin:                4px 0 2px 0;
	letter-spacing:        -1px;
}

input.input, select.input, textarea.input, iframe.input {
	color:                 #505050;
	padding:               1px;
	border:                1px solid #cccccc;
/*  border-top:            2px groove #dddddd;*/
	margin-bottom:         2px;
	letter-spacing:        0px;
}

input.input {
	padding:               4px;
}

select.input {
	/*font-size:             0.9em;*/
}

#shortcut_url {
  padding-top:           10px;
}

.clear {
  clear:                 both;
}

/* ----------------
// Validation
// ---------------- */

.fieldWithErrors {
    display:               inline;
}

.fieldWithErrors input,
.fieldWithErrors select {
    background-color:      #ffdfdf;
}

/* ----------------
// Page Elements
// ---------------- */

div#page {
	clear:                 both;
	width:                 1142px;
	/*min-width:             1140px;*/
	margin:                15px 0 0 0;
	padding:               0;
}

/* IE6 fix */
/*
* html div#page {
	width:                 1140px;
}
*/

div#page .left {
	float:                 left;
	width:                 270px;
	margin-right:          15px;
}

div#page .content {
	float:                 left;
	width:                 692px;
	/*min-width:             1px;*/
	margin-right:          15px;
}

/* IE6 fix */
/*
* html div#page .content {
	width:                 1px;
}
*/

div#page .right {
	float:                 left;
	width:                 150px;
}

div#page .right .banner {
  margin-bottom:         10px;
}

ul#pageinfo {
	height:                30px;
	margin:                0;
	padding:               0;
	list-style-type:       none;
}

ul#pageinfo li {
	float:                 left;
	padding:               4px 0;
}

ul#pageinfo li.print {
	width:                 13%;
}

ul#pageinfo li.video {
	width:                 37%;
}

ul#pageinfo li.footnote {
	width:                 50%;
	padding-top:           8px;
	text-align:            right;
}

ul#pageinfo button {
	padding:               3px 0 5px 20px;  
	margin:                0;
	font:                  inherit;
	font-size:             0.9em;
	color:                 #597999;
	text-decoration:       underline;
	text-align:            left;
	border:                none;
	cursor:                pointer;
}

button#print {
	width:                 85px;
	background:            url(/images/icons/printer.gif) no-repeat left center;
}

button#video {
	width:                 145px;
	background:            url(/images/icons/image.gif) no-repeat left center;
}

/* ----------------
// Header
// ---------------- */

div#header {
	width:                 1142px;
	height:                100px;
	margin:                0;
	color:                 #ffffff;
	overflow:              hidden; /* IE6 fix */
}

div#header a {
	text-decoration:       none !important;
}

div#header div.wrapper {
	float:                 left;
	width:                 595px;
	height:                70px;
	padding:               15px 10px 15px 20px;
	margin-right:          17px;
	background:            url(/images/header_bg.gif) no-repeat;
}

div#header .left {
	float:                 left;
	width:                 255px;
}

div#header .right {
	float:                 left;
	width:                 335px;
}

ul#headeritems {
	float:                 right;
	height:                32px;
	padding:               0;
	margin:                5px 0 0 0;
	list-style-type:       none;
}

ul#headeritems li {
	float:                 left;
}

ul#headeritems li a.icon {
	display:               block;
	width:                 17px;
	height:                17px;
	margin-left:           4px;
	text-indent:           -999em;
}

ul#headeritems li.date          { width:205px; }
ul#headeritems li a.decrease    { background: url(/images/header/decrease.gif) no-repeat; }
ul#headeritems li a.increase    { background: url(/images/header/increase.gif) no-repeat; }
ul#headeritems li a.invert      { background: url(/images/header/invert.gif) no-repeat; }
ul#headeritems li a.locale_is   { background: url(/images/flags/16/is.png) no-repeat; }
ul#headeritems li a.locale_en   { background: url(/images/flags/16/uk.png) no-repeat; }
ul#headeritems li a.locale_fo   { background: url(/images/flags/16/fo.png) no-repeat; }

img#headerlogo {
	display:               none;
}

#header .banner {
	float:                 left;
}

h1, h2, h3, h4 {
	margin:                0 0 10px 0;
	padding:               0;
}

h1 {
	margin:                0 0 0 0;
	height:                53px;
	font-size:             2.8em;
  font-weight:           normal;
	color:                 #ffffff;
  letter-spacing:        -1px;
}

h1 a {
  color:                 #ffffff;
}

h2 {
	font-size:             1em;
	font-weight:           normal;
}

h2 a {
  display:               block;
  width:                 130px;
	padding:               0 0 0 32px;
	margin:                -8px 0 0 0;
	color:                 #b2b7cb;
	background:            url(/images/riv_logo.gif) no-repeat left;
}

h3 {
	color:                 #476aa2;
	font-size:             1em;
	font-weight:           bold;
	text-transform:        uppercase;
}

h4 {
	color:                 #666666;
	font-size:             1.3em;
	font-weight:           normal;
}

/* ----------------
// Footer
// ---------------- */

div#footer {
  clear:                 both;
  position:              relative;
  height:                30px;
	margin:                0 0 5px 0;
	background:            url(/images/footer_bg_right.gif) repeat-x top right;
}

div#footer .wrapper {
	height:                20px;
	padding:               7px 0 3px 0;
	color:                 #ffffff;
	text-align:            center;
	background:            url(/images/footer_bg_left.gif) no-repeat top left;
}

div#footer a {
	color:                 #ffffff;
}

div#iologo {
	margin-bottom:         10px;
}


/* ----------------
// Menu Top
// ---------------- */

ul#menu_top {
	height:                47px;
	padding:               0;
	margin:                0;
	list-style-type:       none;
	font-size:             1.2em;
}

ul#menu_top li {
	float:                 left;
	/*background:            url(/images/menu_top_sep.gif) no-repeat left;*/
}

ul#menu_top li a {
	display:               block;
	width:                 100px;
	height:                17px;
	padding:               15px 0;
	/*margin-left:           2px;*/
	color:                 #d7dcf0;
	text-align:            center;
	text-decoration:       none;
}

ul#menu_top li.open a {
	color:                 #ffffff;
	/*font-weight:           bold;*/
	background:            url(/images/menu_top_selected_bg.gif) repeat-x;
}

ul#menu_top li a:hover {
	color:                 #ffffff;
	background:            url(/images/menu_top_selected_bg.gif) repeat-x;
}


/* ----------------
// Buttons
// ---------------- */

input.button_medium,
input.button_medium_special,
input.button_long {
	width:                 120px;
	height:                40px;
	font:                  9pt Tahoma, Arial, Helvetica;
	font-weight:           bold;
	padding:               0 0 4px 0;
	text-align:            center;
	color:                 #ffffff;
	border:                none;
	cursor:                pointer;
}

input.button_medium {
	background:            url(/images/button_medium.gif) no-repeat;
}

input.button_medium_special {
	background:            url(/images/button_medium_special.gif) no-repeat;
}

input.button_long {
	width:                 167px;
	background:            url(/images/button_long.gif) no-repeat;
}


/*
input.button, a.button, button {
	height:                26px;
	font:                  10pt Arial, Helvetica;
	font-weight:           bold;
	color:                 #597999;
	background:            url(/images/tableheader_bg.gif) repeat-x bottom #fcfcfc;
	border-top:            1px solid #e5e5e5;
	border-left:           1px solid #e5e5e5;
	border-bottom:         1px solid #cccccc;
	border-right:          1px solid #cccccc;
	white-space:           nowrap;
}

a.button {
	display:               block;
	float:                 left;
	height:                20px;
	padding:               5px 10px 0 10px;
	margin:                0 0 0 2px;
	text-decoration:       none;
	overflow-y:            hidden;
}

a.button span {
	display:               block;
	height:                26px;
	padding:               3px 0 0 20px;
	cursor:                pointer;
}
*/

/* IE hack */
/** html a.button {
	width:                 1px;
}*/

/* ----------------
// DL Elements
// ---------------- */
/*
dl.table dt {
  float: left;
  width: 130px;
  text-align: right;
}

dl.table dd {
  margin-left: 140px;
}

dl.table input {
  width: 160px;
}
*/

/* ----------------
// Lists
// ---------------- */

ul.none {
	padding:               0;
	margin:                0;
	list-style-type:       none;	
}

/* ----------------
// Tables
// ---------------- */

table tr {
	height:                22px;
}

table th {
	font-weight:           bold;
	text-align:            left;
}

table.list {
	width:                 100%;
	border-collapse:       collapse;
}

table.list tr.highlight {
	background:            #f4f4f4;
}

table.list th {
	padding:               4px;
	font-size:             9pt;
	text-transform:        uppercase;
	color:                 #476aa2;
	border-bottom:         2px solid #888888;
}

table.list th.center {
	text-align:            center;
}

table.list th.right {
	text-align:            right;
}

table.list td {
	padding:               4px;
	border-bottom:         1px solid #dddddd;
}

table.list td.over {
	background:            #eeeeee;
}

/* ----------------
// Notification, alerts, errors and information
// ---------------- */

.smallwarning {
	font-size:             0.9em;
	color:                 #990000;
}

div.notification {
	padding:               15px;
	margin-bottom:         15px;
	color:                 #996600;
	background:            url(/images/tip3_bg.gif) repeat-x top #ffffdc;
	border-top:            1px solid #ddccaa;
	border-bottom:         1px solid #ddccaa;
}

.error {
	padding:               15px; /*15px 15px 15px 30px;*/
	margin-bottom:         10px;
	color:                 #990000;
	background:            #ffeeee;
	border-top:            1px solid #ddcccc;
	border-bottom:         1px solid #ddcccc;	
}

.attention {
	padding:               15px;
	margin-bottom:         10px;
	color:                 #007700;
	background:            #eeffee;
	border-top:            1px solid #aaddaa;
	border-bottom:         1px solid #aaddaa;	
}

.notification ul, .error ul, .attention ul {
	margin:                 0 0 0 20px;
	padding:                0;
}

.notification p, .error p, .attention p {
	margin:                 0 0 10px 0;
}


/* ----------------
// Box
// ---------------- */

.rbroundbox {
	display:               block;
	width:                 100%;
	background:            url(/images/box/bg.gif) repeat-x #ffffff;
}

.rbroundbox .cont {
	padding:               5px 15px;
	border-left:           1px solid #cccccc;
	border-right:          1px solid #cccccc;
}

.rbroundbox .top div,
.rbroundbox .top,
.rbroundbox .bot div,
.rbroundbox .bot {
	width:                 100%;
	height:                10px;
	font-size:             1px;
}

.rbroundbox .top div  { background: url(/images/box/tl.gif) no-repeat top left; }
.rbroundbox .top      { background: url(/images/box/tr.gif) no-repeat top right; }
.rbroundbox .bot div  { background: url(/images/box/bl.gif) no-repeat bottom left; }
.rbroundbox .bot      { background: url(/images/box/br.gif) no-repeat bottom right; }


/* ----------------
// Toolbox
// ---------------- */

div.toolbox {
	margin-bottom:         15px;
}

.toolbox select {
  width:                 230px !important;
}


/* ----------------
// Box Tabs
// ---------------- */

ul.boxtabs {
	position:              relative;
	padding:               0;
	/*margin:                0 0 24px 6px;*/
	list-style-type:       none;
	height:                27px;
	margin:                0 0 -3px 6px;
	overflow:              hidden;
}

ul.boxtabs li {
	float:                 left;
	margin-right:          2px;
}

ul.boxtabs li a {
	display:               block;
	width:                 59px;
	height:                21px;
	padding-top:           6px;
	color:                 #666666;
	background:            url(/images/box_tab_bg.gif) no-repeat top left;
	text-align:            center;
	text-decoration:       none;
}

ul.boxtabs li.open a {
	background:            url(/images/box_tab_selected_bg.gif) no-repeat top left;
}


/* ----------------
// Update Information
// ---------------- */

div.update_information {
	font-size:             0.9em;
}

/* ----------------
// Update Information
// ---------------- */

div.message_box .cont {
  padding-bottom:        1px;
}

div.message_box p {
  margin:                0 0 10px 0;
}

/* ----------------
// Image Information
// ---------------- */

div#imageinfo {
	margin:                10px 0 25px 0;
}

div#imageinfo .details {
	float:                 left;
	width:                 460px;
}

div#imageinfo .legend {
	float:                 left;
	width:                 200px;
	text-align:            right;
}

div#weatherimagewrapper {
	text-align:            center;
	overflow:              hidden;
	background:            url(/images/ajax-loader2.gif) center center no-repeat;
}


/* ----------------
// Slider
// ---------------- */

div#slider {
	height:                60px;
	padding-top:           2px;
	/*margin-bottom:         10px;*/
	font-size:             0.9em;
	background:            url(/images/slider_bg.gif) no-repeat;
	overflow:              hidden;
}

div#slider .button_left {
	float:                 left;
	margin-top:            17px;
	width:                 20px;
	height:                20px;
	cursor:                pointer;
}

div#slider .button_right {
	float:                 right;
	margin-top:            17px;
	width:                 20px;
	height:                20px;
	cursor:                pointer;
}

div#slider .center {
	/*float:                 left;*/
	/*margin:                0 4px 0 16px;
	width:                 596px;*/
	/*margin:                0 4px 0 4px;*/
	/*width:                 610px;*/
	margin:                0 auto;
}

div#slider .days_wrapper {
  width:                 565px;
	height:                18px;
  overflow:              hidden;
}

div#slider ul.days {
  width:                 1000px;
	margin:                0;
	padding:               4px 0 0 0;
	/*height:                22px; */
	height:                18px;
	list-style-type:       none;
	background:            url(/images/slider_day_sep.gif) no-repeat 5px 0;
}

div#slider ul.days li {
	float:                 left;
	width:                 1px;
	/*height:                22px; */
	height:                18px;
/*  text-align:            center;*/
	background:            url(/images/slider_day_sep.gif) no-repeat 5px 0;
	overflow:              hidden;
	cursor:                pointer;
}

div#slider ul.time {
	margin:                -14px 0 0 0;
	padding:               0;
	list-style-type:       none;
}

div#slider ul.time li {
	float:                 left;
	width:                 1px;
	height:                30px;
	padding-top:           14px;
/*  text-align:            center;*/
	background:            url(/images/slider_hour_sep.gif) no-repeat 5px 0px;
	cursor:                pointer;
}

#slider-bg {
  position:              relative;
  height:                28px;
  margin-top:            -22px;
	outline:               none;
	-moz-outline-style:    none;
}

#slider-thumb {
  position:              absolute;
  top:                   4px;
}

/* ----------------
// Weather Types
// ---------------- */

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

ul#weathertypes li {
	float:                 left;
	width:                 79px;
}

/* ----------------
// Areas - Map (veðurkort)
// ---------------- */

#areas {
	width:                 238px;
	height:                166px;
	background-repeat:     no-repeat;
	overflow:              hidden;
}

#areas a {
	position:              relative;
	display:               block;
	background:            none;
	filter:                alpha(opacity=40);
	-moz-opacity:          0.4;
	-khtml-opacity:        0.4;
	opacity:               0.4;
}

#areas a:hover,
#areas .selected {
	background:            #476aa2;
}

#areaall {
	margin-top:            6px;
	font-size:             0.9em;
	text-align:            center;
}

/* ----------------
// Places - Map (staðarspár, flugveður)
// ---------------- */

#places {
	width:                 238px;
	height:                166px;
	background:            url(/images/areas/landid.gif) no-repeat;
	overflow:              hidden;
}

#places a {
	position:              relative;
	display:               block;
	width:                 9px;
	height:                9px;
	overflow:              hidden;
	text-decoration:       none;
}

/* ----------------
// Places - Search
// ---------------- */

#placesautocomplete {
	width:                 230px;
	margin-top:            5px;
	padding-bottom:        20px;
}

#placesautocomplete {
	z-index:               9000;
}

#placesinput {
	_position:             absolute; /* IE6 fix */
	width:                 230px;
}

/* ----------------
// Places - Search
// ---------------- */

div#panelBg {
	position:              absolute;
	display:               none;
	top:                   0px;
	left:                  0px;
	width:                 100%;
	height:                100%;
	background:            #000000;
	filter:                alpha(opacity=50);
	-moz-opacity:          0.5;
	-khtml-opacity:        0.5;
	opacity:               0.5;
	z-index:               10;
}

div#panelContainer {
	position:              absolute;
	display:               none;
	min-width:             1px;
	min-height:            1px;
	top:                   0px;
	left:                  0px;
	/*width:                 250px;
	height:                100px;*/
	padding:               20px;
	background:            #ffffff;
	z-index:               20;
	text-align:            center;
}

/* IE6 fix */

* html div#panelContainer {
	width:                 1px;
	height:                1px;
}

/*
div#panelHeader {
	color:                 #476aa2;
	font-size:             1em;
	font-weight:           bold;
	text-transform:        uppercase;
	text-align:            center;
}
*/

div#panelBody {
	text-align:            center;
}