/* encoding: UTF-8 */
/* ------------------------------------------------------------------ *\
||     Copyright (c) 2006 Hugsmiðjan ehf. - www.eplica.is             ||
\* ------------------------------------------------------------------ */

.bodywrap { background-image : url(i/fade-l.gif); }

.pagebody {
  position : relative;
  _position : static;
  width : 70%;
  width : 68.5%;
}
.pagebody .wrapper {
  min-height : 63em;
  _height : 63em;
}


.pageextra1 .wrapper { background-color : #555; }

.wrapper img.icon {
  width : 1.83em;
  height : 1.83em;
}


form {
  _padding-top : 1px;
  _height:0;min-height:0; /* ie hasLayout fix */
}
form h1 { position:absolute;right:9999em;left:auto; }

fieldset.settings {
  position : absolute;
  right : 100%;
  _right : auto;
  _left : 0;
/*
  width : 30%;
*/
  margin-top : -15px;
  width : 42.75%; /* 30/0.70 */
  width : 46.00%; /* 31.5/0.685 */
  _width : 49.75%;
  overflow : hidden;
}
fieldset.settings ul {
  margin-left : 8px;
  padding : .5em 7px .6em 10px;
  background-color : #555;
  color : #fff;
  _height:0;min-height:0; /* ie hasLayout fix */
}

fieldset.settings li {
  padding : 0 0 1.2em 3px;
  background : #555 url(../i/dotline-h.gif) 0 100% repeat-x;
  margin : -.5em 0 0 0;
}
fieldset.settings label {
  float : left;
  width : 7em;
  width : 8.5em;
  max-width : 100%;
  padding-top : .33em;
  white-space : nowrap;
}
/* fieldset.settings li.defaultvalue label { color : #eee; } */

fieldset.settings select {
  width : 12em;
  max-width : 97%;
  margin-top : 2px;
}
fieldset.settings option {
  background-color : #fff;
  color : #000;
}

fieldset.settings li.defaultvalue select,
fieldset.settings select option.empty {
  background-color : #ccc;
  color : #333;
}

fieldset.settings .fi_btn {
  text-align : right;
  text-align : center;
  margin : 0 7px .7em 17px;
  padding-bottom : .5em;
}
fieldset.settings #savebutton1 {
  background : #555 url(../i/dotline-h.gif) 0 100% repeat-x;
}

fieldset.settings .fi_btn input {
  background : #04a0c6;
  color : #fff;
  border : none;
}



div.article,
div.examplewrap {
  position : relative;
  margin : 0 -10px -20px -15px;
  border : 1px solid #999;
  border-right-color : #666;
  border-bottom-color : #666;
  _height:0;min-height:0; /* ie hasLayout fix */
  background-color : #eee;
  font-size : 12px;
}
div.examplewrap h2 {
  position : absolute;
  z-index : 1;
  top : -1px;
  left : -1px;
  margin : 0;
  padding : 5px 10px;
  font-size : .85em;
  text-transform : uppercase;
  font-weight : bold;
  color : #fff;
  background-color : #666;
}
div.article div.content,
div.examplewrap div#example {
  padding : 35px 17px 3em 17px;
  _height:0;min-height:0; /* ie hasLayout fix */
}
div.examplewrap div#example:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }

div.article div.content {
  padding-top : 12px;
  padding-bottom : 25px;
}

div.examplewrap div#example h3 {
  margin-top : 0;
  font-size : 1.33em;
}
div.examplewrap div#example h4 {
  font-size : 1.09em;
  margin-top : 1.5em;
  margin-bottom : 1em;
}
.examplewrap h3 {
  text-transform : uppercase;
  border-bottom : 2px ridge #ccc;
  padding : 0 0 5px 21px;
  background : url(i/example-h3-bullet.gif) 4px .15em no-repeat;
}


div.xmain {
  float : left;
  width : 64%;
  border : 2px ridge #ccc;
  padding : .8em 0 2em 0;
}
div.xextra {
  float : right;
  width : 33%;
  border : 2px ridge #ccc;
  padding : .8em 0 4em 0;
}
div.examplewrap h3,
div.examplewrap h4,
div.examplewrap p {
  margin-left : 10px;
  margin-right : 7px;
}



.fontsizer {
  width : 65px;
}