* {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: inherit;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
    background-color: #FFF;
    margin: 0px;
}

.spacer {
    clear: both;
}

.new {
    color: red;
    font-size: large;
}

#slogan {
    position: absolute;
    top: 37px;
    left: 170px;
    font-size: 24px;
    font-weight: bolder;
    color: #FEBF2E;
}

#container {
    width: 880px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

#main {
    width: 690px;
    margin-left: 20px;
    float: left;
    background-color: #f1f1f1;
    padding: 10px 5px 10px 5px;
}

p {
    text-align: justify;
    padding: 2px 4px 2px 4px;
}

h1 {
    margin-left: 170px;
    color: #333366;
    font-size: 24px;
    text-decoration: none;
}

h2, h3 {
    color: #990033;
}

h2 {
    font-weight: bold;
    font-size: 13pt;
    background: url("../images/h2.gif") left top no-repeat;
    padding-left: 24px;
}

h3 {
    font-size: 11pt;
    font-weight: normal;
}

h4 {
    font-size: 9pt;
    font-style: normal;
    font-weight: bold;
}

h5 {
    font-size: 9pt;
    font-style: italic;
    font-weight: normal;
}

a {
    color: #333366;
    text-decoration: none;
}

a:hover {
    color: #333366;
    text-decoration: underline;
}

/* menu */
#header-menu {
    background-image: url(../images/header/background.png);
    height: 134px;
}

#nav {
    position: absolute;
    float: right;
    top: 95px; /*adjust position of menu*/
    right: 0px;
    z-index: 5;
}

#nav a {
    font-size: 14px;
    display: block;
    background: none;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 0px;
    border-right: 1px solid white;
    padding: 0 1em 7px;
}

#nav, #nav ul {
    float: left;
    list-style: none;
    line-height: 22px;
    height: 22px;
    font-weight: bold;
    padding: 0 5px 0;
    margin: 0px;
}

#nav ul a {
    font-size: 11px;
    font-weight: normal;
}

#nav a:hover {
    text-decoration: underline;
}

#nav li {
    float: left;
    padding: 0;
    width: auto;
}

/* submenus */
#nav li ul, #nav li:hover ul li ul {
    position: absolute;
    left: -999em;
    width: 13em;
    font-weight: normal;
    border-width: 0;
    margin: 0;
    padding: 0;
}

#nav li ul li {
    float: left;
    padding: 0;
    margin: 0;
    width: 13em;
    background-color: #B10015;
    line-height: 22px;
    height: 22px;
}

#nav li:hover ul, #nav li:hover, #nav li.sfhover ul, #nav li.sfhover, #nav li:hover li {
    left: auto;
}

#nav li:hover li:hover ul, #nav li.sfhover li.sfhover ul {
    left: auto;
    margin-left: 13em;
    margin-top: -29px;
}

#nav li li:hover, #nav li li.sfhover {
    background-color: #d7160d;
}

/* languages */

#lang-switch {
    position: relative;
    top: 5px; /*adjust position of menu*/
    left: 790px;
    font-size: 10pt;
    font-weight: bold;
    border: 0;
}

#lang-switch, #lang-switch ul {
    color: #CCCCCC;
    float: left;
    list-style: none;
    line-height: 10pt;
    height: 10pt;
    padding: 0 5px 0;
    margin: 0px;
    border: 0;
    width: 90px;
}

#lang-switch ul li {
    float: left;
    padding: 0;
    width: 35px;
}

#lang-switch a {
    color: #CCCCCC;
    padding: 0;
    border-bottom: 0px;
    text-decoration: none;
}

#lang-switch a:hover {
    text-decoration: underline;
}

/* user box */
#user-welcome {
    height: 10px;
    clear: both;
    position: relative;
    top: -1.5ex;
    right: 5px;
    text-align: right;
    font-size: 85%;
    padding: 0;
    margin: 0;
    z-index: 1;
    color: #000000;
}

/* left side - my kiala */

#sidebar-left {
    float: left;
    margin-left: auto;
    width: 140px;
    padding-left: 0;
    padding-right: 10px;
    padding-top: 0px;
    margin-top: 30px;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
}

.sidebaritem a:link {
    text-decoration: none;
}

.sidebaritem a:hover {
    text-decoration: underline;
}

.sidebaritem {
    background-image: url(../images/dotted-arrow.png);
    background-repeat: no-repeat;
    background-position: center left;
    border: 1px solid #ccc;
    background-color: #fff;
    width: 137px;
    height: 50px;
    vertical-align: middle;
}

.sidebaritem a {
    margin-top: 3px;
    color: #1F427A;
    margin-left: 32px;
    display: block;
    text-decoration: none;
}

.sidebaritem-mykiala {
    color: #ffffff;
    background-image: url(../images/dotted-arrow-white.png);
    background-repeat: no-repeat;
    background-position: center left;
    border: 1px solid #ccc;
    background-color: #1F427A;
    width: 105px;
    height: 40px;
    padding-top: 15px;
    padding-left: 32px;
}

/* footer */
#legal {
    text-align: center;
    clear: both;
    margin: 0;
    padding: 10px 20px 10px 20px;
    width: 100%;
    font-size: 85%;
}

/* OLD STYLE*/

em {
    vertical-align: inherit;
}

form {
    margin: 0px;
    padding: 0px 0px 20px 0px;
}

fieldset {
    margin: 0 0 20px 0;
    padding: 5px;
    border: 1px dotted #000066;
}

fieldset.nogroup {
    border: none;
}

div.fieldandlabel {
    margin-bottom: 0.5ex;
    float: left;
}

div.checkbox, div.radio, div.submit {
    margin-bottom: 0.5ex;
}

fieldset .explanations, fieldset div.fieldcomment {
    font-size: 90%;
    vertical-align: top;
    width: 290px;
    float: left;
    margin-left: 0.5em;
}

legend {
    font-weight: bold;
    padding-right: 0.5em;
    padding-left: 0.5em;
}

input, select, textarea {
    width: 15em;
    margin: 0 0.5em 2px 0;
}

div.submit input,
    input.radio,
    div.radio input,
    input.checkbox,
    div.checkbox input {
    margin-left: 16em;
    width: auto;
}

fieldset.nogroup div.submit input,
    fieldset.nogroup input.radio,
    fieldset.nogroup div.radio input,
    fieldset.nogroup input.checkbox,
    fieldset.nogroup div.checkbox input {
    margin-left: 0;
}

div.submit {
    clear: left;
}

label {
    display: block;
    float: left;
    width: 15em;
    text-align: right;
    padding-right: 1em;
}

label.checkboxLabel {
    display: block;
    float: none;
    margin-left: 17.5em;
    text-align: left;
    width: 40em;
    margin-top: -18px
}

div.fieldandlabel span.required,
    div.dimensions span.required {
    vertical-align: top;
    font-style: italic;
}

div.submit + input + label, input.radio + label, input.checkbox + label {
    text-align: left;
}

p.formlegend {
    clear: left;
    padding-top: 2ex;
    font-style: italic;
}

p.formlegend-tiny {
    clear: left;
    padding-top: 2ex;
    font-size: 7pt;
}

form br {
    clear: left;
}

label.errorLabel {
    color: red;
}

.errors {
    background: url("../images/icons/warning.png") top left no-repeat;
    color: red;
    list-style: none;
    padding-left: 24px;
}

ul.warning {
    background: url("../images/icons/warning.png") top left no-repeat;
    list-style: disc;
    padding-left: 40px;
}

.messages, #berkano-lostpassword {
    background: url("../images/icons/info.gif") top left no-repeat;
    list-style: none;
    padding-left: 24px;
}

.notes {
    font-style: italic;
    font-weight: normal;
    font-size: 85%;
    color: #666666;
}

caption, th.section, td.section {
    text-align: center;
    font-weight: bold;
    font-style: italic;
}

th, td.key {
    text-align: right;
    padding: 1px 0.5em 1px 0;
    vertical-align: top;
}

td.section {
    height: 4ex;
    vertical-align: bottom;
}

tr.first td.section {
    height: auto;
}

td {
    text-align: left;
    vertical-align: top;
}

img {
    border: none;
}

ul#steplist {
    font-size: 85%;
    margin: -3.8ex 0 0 0;
    padding: 0;
}

ul#steplist li {
    display: inline;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul#steplist li.current {
    color: #990000;
}

ul#steplist li.not-completed {
    color: #3333cc;
}

ul#steplist li.completed {
    font-style: normal;
    font-weight: normal;
    color: #cccccc;
}

ul#steplist li span.sep {
    font-style: normal;
    font-weight: normal;
    color: #000066;
}

.switchable-visible {
}

.switchable-hidden {
    display: none;
}

div.dimensions {
    clear: left;
}

div.dimensions .fieldandlabel {
    display: inline;
    float: none;
}

div.dimensions .fieldcomment {
    display: inline;
    float: none;
    font-size: 100%;
    margin-left: 0;
}

input.dimensions {
    float: none;
    width: 3em;
    margin-left: 0;
    margin-right: 0;
}

#receiver-confirm th, #sender-confirm th {
    padding: 1px 0.5em 1px 0.5em;
    width: 15em;
    font-weight: normal;
    text-align: right;
}

#receiver-confirm td, #sender-confirm td {
    padding: 1px 0.5em 1px 0.5em;
}

#sender-confirm th.section, #receiver-confirm th.section {
    text-align: center;
    font-weight: bold;
    font-style: italic;
}

#sender-confirm div.submit, #receiver-confirm div.submit {
    margin-top: 3ex;
}

#receiver-confirm li strong {
    font-weight: normal;
    color: #cc0000;
}

#contact form {
    padding-bottom: 0;
}

#contact textarea {
    width: 30em;
    height: 15ex;
}

#contact .address {
    text-align: center;
    font-weight: bold;
}

#termsandconditions .numbering {
    float: left;
    text-align: right;
    width: 3em;
    padding-right: 0.5em;
}

.submit {
    display: inline;
}

.submit input {
    margin-top: 10px;
}