/* **************************************************************** */
/* Login (Višskiptamannavefur)                                      */
/* **************************************************************** */

.box-login { float: left; width: 190px; margin-top: 16px; }

.box-login h2 {
  height: 53px;
  margin-bottom: 0px;
  text-indent: -10000px;
  background: url(../img/bg-login-box-header.gif) no-repeat 0% 0%;
}

.box-login .content {
  float: left;
  padding: 8px;
  background: url(../img/bg-login-box.gif) no-repeat 0% 100%;
}

.box-login .content label {
  float: left;
  width: 60px;
  color: #848589;
  padding-top: 3px;
}

.box-login .content input {
  width: 110px;
  _width: 105px;
  margin-bottom: 5px;
  border: 1px solid #cddce3;
}

.box-login .content input.button {
  float: right;
  width: 63px;
  height: 24px;
  border: none;
  margin-top: 5px;
  cursor: pointer;
  _cursor: hand;
  background: url(../img/bg-button-innskra.gif) no-repeat 0% 0%;
}

/* **************************************************************** */
/* Contact Us Box                                                   */
/* **************************************************************** */

.box-contact { float: left; width: 190px; margin-bottom: 5px; }

.box-contact h2 {
  height: 67px;
  margin-bottom: 0px;
  text-indent: -10000px;
  background: url(../img/bg-contact-box-header.gif) no-repeat 0% 0%;
}

.box-contact .content {
  float: left;
  width: 190px;
  padding: 0;
  background: url(../img/bg-login-box.gif) no-repeat 0% 100%;
}

.box-contact .content ul { list-style: none; padding: 0; margin: 0; }
.box-contact .content ul li { 
  display: block; 
  padding: 4px 0 4px 0; 
  list-style-position: outside;
  border-bottom: 1px solid #e7e7e7;
}

.box-contact .content ul li.first { margin-top: -7px; }
.box-contact .content ul li.last { border-bottom: none; }

.box-contact .content ul li a { 
  font-size: .9em;
  color: #003361;
  font-weight: bold;
  padding-left: 15px; 
}

/* **************************************************************** */
/* Currency Box                                                     */
/* **************************************************************** */

.box-currency { float: left; width: 190px; margin-top: 3px; _margin-top: -13px; padding-bottom:13px; }

*:first-child+html .box-currency { margin-top: -13px; }

.box-currency h2 {
  height: 32px;
  padding: 7px 12px 0 12px;
  margin-bottom: -7px;
  /*text-indent: -10000px;*/
  color: #003463;
  font-size: 14px;
  background: url(../img/bg-header-currency.gif) no-repeat 0% 0%;
}
.box-currency h2 span 
{
	margin-left: 20px;
}

.box-currency .content {
  float: left;
  width: 190px;
  padding: 0;
  background: url(../img/bg-login-box.gif) no-repeat 0% 100%;
}

table.currency {
  width: 188px;
  background: url(../img/bg-table-header.gif) no-repeat 0% 0%;
}

table.currency th {
  padding: 3px 0 3px 0;
  text-indent: -10000px;
}

table.currency th.col1 { width: 89px; }
table.currency th.col2 { width: 53px; }
table.currency th.col3 { width: 46px; }

table.currency td {
  font-size: .8em;
  color: #000066;
  font-weight: normal;
  padding: 3px 0 3px 0;
  border-bottom: 1px solid #e7e7e7;
}

table.currency td.first { text-align: left; font-weight: bold; padding: 3px 0 3px 33px; }
table.currency tr.last td { border-bottom: none; }

table.currency td.first.usd { background: url(../img/bg-flag-usd.gif) no-repeat 16% 40%; }
table.currency td.first.jpy { background: url(../img/bg-flag-jpy.gif) no-repeat 16% 40%; }
table.currency td.first.dkk { background: url(../img/bg-flag-dkk.gif) no-repeat 16% 40%; }
table.currency td.first.nok { background: url(../img/bg-flag-nok.gif) no-repeat 16% 40%; }
table.currency td.first.sek { background: url(../img/bg-flag-sek.gif) no-repeat 16% 40%; }
table.currency td.first.gbp { background: url(../img/bg-flag-gbp.gif) no-repeat 16% 40%; }
table.currency td.first.chf { background: url(../img/bg-flag-chf.gif) no-repeat 16% 40%; }
table.currency td.first.eur { background: url(../img/bg-flag-eur.gif) no-repeat 16% 40%; }
table.currency td.first.twi { background: url(../img/bg-flag-ice.gif) no-repeat 16% 40%;}

/* **************************************************************** */
/* Content at the top of frontpage                                  */
/* **************************************************************** */

.fp-content {
  float: left;
  width: 562px;
  margin-top: -15px;
}

.fp-content .left,
.fp-content .right { float: left; width: 281px; text-align:left; }
.fp-content .left { background: url(../img/bg-left-content-fp.gif) no-repeat 100% 0%; }

.fp-content .left .content { padding: 15px 10px 0 0; }
.fp-content .right .content { padding: 15px 0 0 10px; }

.fp-content .right .content ul { list-style: none; padding: 0; margin: 0; }
.fp-content .right .content ul li { 
  display: block; 
  padding: 2px 0 2px 10px; 
  list-style-position: outside;
  background: url(../img/bg-arrow.gif) no-repeat 0% 50%;
}

.fp-content .right .content ul li a { text-decoration: underline; }
.fp-content .right .content ul li a:hover { text-decoration: none; }

/* **************************************************************** */
/* Banners at the Middle of frontpage                                  */
/* **************************************************************** */
.fp-banners-middle {
  float: left;
  width: 562px;
  padding: 10px 0 15px 0;
}


.fp-banners-middle .content { float: left; width: 281px; text-align:center; margin-top: 20px; }




/* **************************************************************** */
/* Calculator Box Frontpage                                         */
/* **************************************************************** */

.box-calculator { float: left; width: 562px; margin-top: 35px; }

.box-banner { float: left; width: 562px; margin-top: 35px; }

.box-calculator h2 {
  height: 50px;
  margin-bottom: 0px;
  text-indent: -10000px;
  background: url(../img/bg-header-calculator.gif) no-repeat 0% 0%;
}

.box-calculator .content {
  float: left;
  width: 562px;
  _width: 538px;
  padding: 0 12px 2px 12px;
  background: url(../img/bg-box-content.gif) no-repeat 0% 100%;
}

.box-calculator .content .description {
  float: left;
  width: 480px;
  font-size: .9em;
  color: #605a5a;
}

.box-calculator .content .form-container {
  position: relative;
  float: left;
  width: 513px;
  min-height: 118px;
  _height: 118px;
  margin-top: 25px;
  padding: 25px 0 0 25px;
  background: #f1f1f1 url(../img/bg-form.gif) no-repeat 0% 0%;
}

.box-calculator .content label {
  float: left;
  width: 80px;
  color: #3a3a3a;
  padding-top: 3px;
}

.box-calculator .content input {
  width: 110px;
  _width: 105px;
  margin-bottom: 5px;
  border: 1px solid #bcd6e6;
}

.box-calculator .content input.button {
  position: absolute;
  top: 20px;
  right: 172px;
  width: 63px;
  height: 24px;
  border: none;
  margin-top: 5px;
  cursor: pointer;
  _cursor: hand;
  background: url(../img/bg-button-reikna.gif) no-repeat 0% 0%;
}

.CssButton {
  color:#fff;
  border: 1px solid #c3c3c3;    
  background-color:#0b3355;
}

/* DataGrid controls. Used in e.g. OnnurBrefYfirlitGenius.ascx*/
.GridHeader           { font-weight: bold; text-align: left; color: #003361; background-color: #f5f5f5; }
.GridTextRow          { background-color: #FFFFFF; color: #003361; }
.GridTextAltRow       { background-color: #f5f5f5; color: #003361; }
.GridText             {  }
.GridTextBold         { font-weight: bold; }
/* DataGrid controls */