/* *** layout *** */

.bodywrap { background-image: url(/design/mypages/i/k-bw-bg.gif); }

.twocol .bodywrap { background-image: url(/design/mypages/i/k-bw-bg-twocol.gif); }

.pageheader { background-image: url(/design/mypages/i/k-pagehead.png); }

.twocol .pageheader { background-image: url(/design/mypages/i/k-pagehead-twocol.gif); }

.bodywrap .pagebody {
  margin-left: 0;
  width: 700px;
}

.twocol .pagebody { width: 960px; }

.bodywrap .pagebody .wrapper { padding: 3px 30px 0 21px; }

.twocol .bodywrap .pagebody .wrapper {
  padding-bottom: 57px;
  padding-right: 40px;
}

.pageextra2 .wrapper { padding: 62px 10px 0 12px; }

.pageextra3 {
  margin: 0;
  width: 100%;
  clear: both;
}

.pageextra5 { background-image: url(/design/mypages/i/k-pagefoot.png); }

.twocol .pageextra5 { background-image: url(/design/mypages/i/k-pagefoot-2col.gif); }




/* *** box *** */

.boxhd { margin-top: 23px; }

.pagebody .boxhd { padding-top: 5px; }


.h2right {
  float: none;
  _height:0;min-height:0; /* ie hasLayout fix */
  margin-bottom: 10px;
}

.h2right .boxhd {
  margin-top: 0;
  padding-top: 8px;
  background-position: 12px 77%;
}

.h2right ul li a {
  background: url(../i/arrow2.gif) no-repeat 0 .11em;
  padding-left: 16px;
}

.attbox {
  background: url(/design/mypages/i/attbox-bottom.gif) no-repeat 0 100%;
  width: 242px;
  _height:0;min-height:0; /* ie hasLayout fix */
  overflow: hidden;
  _overflow: normal;
  margin-left: -5px;
  margin-bottom: 20px;
}

.attbox .content {
  background: url(/design/mypages/i/attbox-top.gif) no-repeat;
  padding: 16px 10px 0 52px;
  font-weight: bold;
  color: #4D4D4E;
}

.attbox .more a {
  background-image: url(/design/mypages/i/attbox-more.gif);
  padding-left: 15px;
}




/* **** pinfo **** */

.pinfo {
  position : absolute;
  z-index: 99;
  top: 162px;
  left: 37px;
  width: 669px;
  margin-top: -1.2em;
}

.pinfo .boxhd {
  color: #fff;
  margin-top: 0;
  font-size: 2.33em;
  margin-bottom: 7px;
}

.pinfo li { float: left; }

.pinfo li a {
  float: left;
  _height:0;min-height:0; /* ie hasLayout fix */
  display: block;
  padding: 4px 17px 0 27px;
  background:  no-repeat 0 50%;
    color: #fff;
  font-weight: bold;
}

.pinfo .cat1 a { background-image: url(/design/mypages/i/pi-cat1.gif); }
.pinfo .cat2 a { background-image: url(/design/mypages/i/pi-cat2.gif); }
.pinfo .cat3 a { background-image: url(/design/mypages/i/pi-cat3.gif); }

.wrapper .pinfo a:hover,
.wrapper .pinfo a:focus,
.wrapper .pinfo a:active { color: #fff; }



/* **** pnav **** */

.pnav {
  position : absolute;
  top: 234px;
  left: 20px;
  z-index: 99;
}

.pnav li {
  float: left;
  margin-right: 10px;
  _display: inline;
}

.pnav li a {
  float: left;
  width: 139px;
  padding-top: 16px;
  height: 27px;
  _height /**/: 43px;
  display: block;
  background: url(/design/mypages/i/pnav-a.gif) no-repeat;
  font-weight: bold;
  text-align: center;
  color: #EAF1F6;
  font-size: 1.1em;
}

.pnav li.parent a,
.pnav li.current a,
.wrapper .pnav a:hover,
.wrapper .pnav a:focus,
.wrapper .pnav a:active {
  background-position: 0 -43px;
  color: #00549D;
  text-decoration: none;
  font-size: 1.2em;
}



/* **** ms (mínar síđur) **** */

.threecol .ms .content, 
.twocol .ms .content 
{ padding-left: 30px; }

.ms .boxhd {
  font-size: 1.5em;
  padding-left: 30px;
  background: url(/design/mypages/i/msb-orb.gif) no-repeat 0 .44em;
}

.msg .boxhd { background-image: url(/design/mypages/i/msg-orb.gif); }
.msr .boxhd { background-image: url(/design/mypages/i/msr-orb.gif); }

.ms .adgerd {
  background: #F5F5F6 url(/design/mypages/i/ms-adgerd-top.gif) repeat-x;
  border-bottom: 1px solid #DFDFDF;
  position : relative;
  margin-bottom: 12px;
}

.ms .adgerd h3 {
  position : absolute;
  top: 5px;
  left: 0;
  width: 94px;
  margin : 0;
  padding-left: 46px;
  background: url(../i/arrow_blue.gif) no-repeat 32px .33em;
  color: #3366B0;
  font-size: 1.1em;
}




.ms .adgerd p {
  padding: 6px 22px 12px 12px;
  font-size: .92em;
  line-height: 1.3;
  float: left;
  width: 400px;
}


.ms .adgerd ul {
  border-bottom: 1px solid #fff;
  padding: 3px 0 3px 140px;
}

.ms .adgerd .vmidar {
  float: left;
  border-bottom: none;
  padding-left: 50px;
  padding-top: 24px;
  padding-bottom: 12px;
  width: 202px;
  color: #777;
  font-weight: bold;
}


.ms .adgerd li {
  margin: 0;
  padding: 2px 0;
  _padding: 0;
}

.ms .adgerd ul label {
  margin-top: 3px;
  color: #737373;
  font-size: .92em;
  font-weight: bold;
}

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

.ms .midar li {
  width : 203px;
  height : 161px;
  float : left;
  background : url(i/ms-box-bg.gif) 0 0 no-repeat;
  text-align : center;
  position : relative;
  overflow: hidden;
}
.ms .midar li.selected { background-position : -250px 0; }

.ms .midar label {
  display : block;
  font-weight : bold;
  color : #6E6E6E;
  font-size : 2.7em;
  margin-top : -1.2em;
  padding-top : 70px;
  height : 121px;
  _height /**/: 191px;
}
.ms .midar li.focused label {
  border : 1px dotted #666;
  border-top : none;
}

.msr .midar label { color: #C30C0C; }

.ms .midar label span {
  display : block;
  color : #424649;
  font-size : .4em;
}
.ms .midar input {
  position : absolute;
  top : 116px;
  left : 16px;
}
body.js-active .ms .midar input { position:absolute;right:19999px;left:auto; }

.ms .midar .more a {
  position : absolute;
  right: 16px;
  top: 117px;
  /* image replacement */padding:0; display:block; overflow:hidden; border:none; line-height:0; text-indent:-9999em; font-size:1px; letter-spacing:-1em;
  width: 18px;
  height: 18px;
  background: url(i/adinfo-more-unsel.gif) no-repeat;
}

.ms .midar .selected .more a { background-image: url(i/adinfo-more-sel.gif); }

.ms .midar .more a:hover,
.ms .midar .more a:focus,
.ms .midar .more a:active { background-position: 0 -18px; }


.ms .midar .adinfo {
  position : absolute;
  top: 4px;
  left: 7px;
  width: 159px;
  _width /**/: 187px;
  height: 100px;
  _height /**/: 107px;
  background: #fff;
  font-size: .92em;
  background: #757575 url(i/adinfo-bg.gif) repeat-x 0 100%;
  color: #fff;
  padding: 7px 14px 0;
  text-align: left;
  overflow: hidden;
}

.ms .midar .adinfo strong { font-size: 1.5em; }

.ms .midar .adinfo p {
  display: block;
  padding: 4px 6px 0;
  background: url(/design/mypages/i/adinfo-p.gif) repeat-x;
  margin: 0 -6px;
}




.ms .sinf {
  clear: left;
  background: url(/design/mypages/i/ms-sinf-bg.gif) no-repeat;
  position : relative;
  width: 601px;
  margin-left: 20px;
}

.ms .sinf li { float: left; }

.ms .sinf li a {
  float: left;
  display: block;
  _height:0;min-height:0; /* ie hasLayout fix */
  background: url(../i/arrow2.gif) no-repeat 16px .7em;
  color: #737373;
  font-size: .83em;
  font-weight: bold;
  padding: 5px 0;
  padding-left: 28px;
  font-family: Verdana;
}

.ms .fi_btn { float: right; }

.ms .fi_btn input {
  width: 156px;
  height: 26px;
  background: url(/design/mypages/i/ms-butt.gif) no-repeat 0 -26px;
  color: #fff;
  padding-bottom: 5px;
  _padding-bottom: 2px;
}

.ms .fi_btn .disabled { background-position: 0 0; }


.ms .vinningsskra {
  text-align: right;
  font-weight: bold;
  padding-right: 20px;
  font-size: 1.1em;
}

.ms .vinningsskra .fi_sel { padding-bottom: 1em; }

.ms .vinningsskra span,
.ms .vinningsskra label {
  color: #0B66B8;
  font-size: .83em;
  padding-right: 10px;
}

.ms .vinningsskra select {
  min-width: 175px;
  ~width: expression(this.offsetWidth > 175 ? "auto" : "175px");
}


.ms table { width: 100%; margin-bottom: 20px; }

.ms table th {
  background: #f6f6f6 url(/design/mypages/i/table-th-bg.gif) repeat-x 0 100%;
  color: #767677;
  padding-bottom: 9px;
  padding-top: 7px;
  padding-left: 20px;
}

.ms table td { padding-left: 20px; }

.ms table td.small { font-size: .92em; }

.ms table td.small a { font-weight: bold; }



/* ** msforms ** */

.twocol .msforms p {
  width: 580px;
}

.msforms .col1,
.msforms .col2 {
  float: left;
  width: 225px;
  _width /**/: 265px;
  padding-left: 40px;
}

.msforms .col2 { padding-bottom: 12px; }

.msforms .col1 p,
.msforms .col2 p { margin-bottom: 1.2em; }

.msforms .content h3 {
  color: #3366B0;
  background: url(../i/dots2.gif) repeat-x 0 100%;
  padding-bottom: 6px;
  width: 600px;
}

.msforms .content h2 {
  color: #3366B0;
  padding: 10px 0;
  padding-left: 40px;
  background: url(/design/mypages/i/h2-avatar.gif) no-repeat 0 .11em;
  margin-top: 0;
}

.msforms .content .col1 h2,
.msforms .content .col2 h2 {
  margin-left: -40px;
}

.msforms .content h2.lock { background-image: url(/design/mypages/i/h2-lock.gif); }

.msforms a.btn {
  font-size: .92em;
  font-weight: bold;
  color: #fff;
  width: 156px;
  height: 26px;
  display: block;
  background: url(/design/mypages/i/ms-butt.gif) no-repeat 0 -26px;
  text-align: left;
  line-height: 2.1;
}

.wrapper .msforms a.btn:hover,
.wrapper .msforms a.btn:focus,
.wrapper .msforms a.btn:active {
  background-position: 0 0;
  color: #fff;
  text-decoration: none;
}

.msforms .simar p {
  padding-left: 0;
  float: left;
  margin-right: 16px;
}

.msforms .simar p b { display: block; }

.msforms .simar .fi_txt {
  float: left;
  margin-right: 3px;
}

.msforms .simar .fi_txt input {
  width: 56px;
}

.msforms .fi_chk {
  float: left;
  width: 280px;
  padding: 12px 0;
  margin-right: 40px;
}

.msforms .fi_chk h4 {
  background: url(../i/arrow_blue.gif) no-repeat 0 .22em;
  padding-left: 16px;
}

.msforms .fi_chk li { padding-left: 16px; }

.msforms .fi_chk label { font-weight: bold; }

.msforms .fi_btn {
  background: url(../i/dots2.gif) repeat-x;
  padding-top: 12px;
  float: none;
  text-align: right;
  clear: both;
  width: 600px;
  padding-right: 20px;
}

.msforms .fi_txt,
.msforms .fi_sel { padding: 0 0 12px 0; }

.msforms .fi_txt label,
.msforms .fi_sel label {
  display: block;
  padding-bottom: 3px;
}

.msforms .fi_pnr label { position:absolute;right:19999px;left:auto; }

.msforms .fi_txt input  {
  background: url(/design/mypages/i/input-bg.gif) no-repeat;
  border: 1px solid #3366B0;
}

.msforms .fi_txt input {
  width: 190px;
  padding: 4px 5px;
  font-size: 1.1em;
  color: #4C4C4C;
}

.msforms .fi_sel select {
  /*
  min-width: 202px;
  ~width: expression(this.offsetWidth > 202 ? "auto" : "202px");
  */
}

.msforms .fi_chk { width: 200px; }

.msforms .fi_chk label {
  color: #3366B0;
  font-weight: normal;
}

.msforms .fi_rdo li {
  padding-bottom: .4em;
}

.msforms .fi_rdo legend {
  font-weight: bold;
  padding-bottom: .7em;
}

.msforms .info {
  clear: left;
}






/* **** attention **** */

.attention {
  background: #fff url(/design/mypages/i/attention-bg.gif) no-repeat;
  min-height: 110px; _height: 110px;
  position: relative;
  width: 948px;
  overflow: hidden;
  margin-bottom: -18px;
}

.pagebody .attention {
  margin-left: -20px;
  margin-top: 50px;
}

.pagebody .attention .content {
  padding-right: 159px;
}

.threecol .pagebody .attention { width: 648px; }

.contactform .attention {
  margin-left : -21px;
  width : 940px;
  background : none;
}

.twocol .attention { background-position: 0 -57px; }

.twocol .pagebody .attention {
  margin-bottom: -10px;
}

.threecol .attention {
  padding-top: 57px;
  _height /**/: 167px;
}

.attention .boxhd {
  font-size: 1.5em;
  color: #7B7B7C;
  margin: 0;
  padding-top: 20px;
  padding-left: 77px;
  margin-bottom: 0;
}
.contactform .attention .boxhd {
  padding-left : 82px;
}
.attention .content {
  padding-left: 78px;
  float: left;
  font-size: .92em;
  z-index: 99;
  _height:0;min-height:0; /* ie hasLayout fix */
}

.attention .more a {
  background: none;
  font-size: .83em;
  font-weight: bold;
  color: #3366B0;
  padding-left: 0;
}

.attention .verisign {
  /* image replacement */padding:0; display:block; overflow:hidden; border:none; line-height:0; text-indent:-9999em; font-size:1px; letter-spacing:-1em;
  width: 150px;
  height: 70px;
  background: url(/design/mypages/i/verisign-logo.gif) no-repeat;
  position : absolute;
  right: 0;
}

.twocol .attention .verisign { top: 20px; }
.threecol .attention .verisign { top: 77px; }