/* Standardelement */

html, body
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    color: #000;
    background-color: #FFFFFF;
    background-image: url(Image/bodybackground.gif);
    background-repeat: repeat-x;
    margin: 0;
    padding: 0;
}

a { color: #0770c0; text-decoration: none; }
a:visited { color: #0770c0; text-decoration: none; }
a:active { color: #0770c0; text-decoration: underline; }
a:hover { color: #0770c0; text-decoration: underline; }

ul, li
{
    margin: 0;
    padding: 0;
}

p
{
    line-height: 16px;
    margin-top: 5px;
    margin-bottom: 2px;
}

img
{
    border: 0px;
}

h1
{
    font-size: 16px;
    color: #3B3B3B;
    position: relative;
    top: 10px;
    padding-left: 7px;
    margin: 10px 0 0 0;
}

h2
{
    display: inline;
    font-size: 14px;
    color: #3B3B3B;
    padding: 0px;
    margin: 0 0 0 2px;
}

h3
{
    font-size: 12px;
    padding: 0px;
    margin: 0px;
}

td
{
    vertical-align: top;
}

th
{
    text-align: left;
}

hr
{
    height: 1px;
}

/* Klasser */

.hr-replacement
{
    border-bottom: 1px solid #CCC;
    width: 100%;
    margin-bottom: 10px;
}

.MainContent
{
    background-color: #FFFFFF;
    width: 920px;
    min-height: 350px;
    height: auto !important;
    height: 320px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 0px 14px 0px;
    border-left: solid 1px #D3D3D3;
    border-right: solid 1px #D3D3D3;
}

.MainHeader
{
    background-image: url(Image/headerbackground.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    text-align: right;
    width: 880px;
    height: 75px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 9px 10px 9px;
}

.MainColumn
{
    float: left;
    width: 95%;
    margin-left: 14px !important;
    margin-left: 7px;
}

.LeftColumn
{
    float: left;
    width: 65%;
    margin-left: 14px !important;
    margin-left: 7px;
    margin-top: 14px;
}

.RightColumn
{
    float: right;
    width: 30%;
    height: 98%;
    min-height: 250px;
    margin-top: 14px;
}

.RightColumn img
{
    border-style: solid;
    border-width: 1px;
    border-color: #ACA899;
    padding: 1px;
}

.Right
{
    float: right;
}

.IconInHeader
{
    margin-left: 18px;
}

.Panel50
{
    width: 48%;
    float: left;
    margin-right: 7px;
}

.EndOfPage
{
    clear: both;
    border: 0px;
    height: 0px;
    visibility: hidden;
}

.MinaTjanster, .MinaKundUppgifter, .MinaAnvandare, .MinaFakturor
{
    float: left;
    position: relative;
    display: inline;
    width: 272px;
    height: 133px;
    background: url(Image/puff_bg.png) no-repeat;
    margin: 5px 0px 5px 5px;
    padding: 0px 0px 10px 20px;
    cursor: pointer;
}

.MinaTjanster h1, .MinaKundUppgifter h1, .MinaAnvandare h1, .MinaFakturor h1
{
    color: #032e6e !important;
    padding-left: 0 !important;
    top: 10px !important;
    width: 230px;
    margin-bottom: 20px;
}

.MinaTjanster p, .MinaKundUppgifter p, .MinaAnvandare p, .MinaFakturor p
{
    width: 230px;
}

.MinaTjanster div, .MinaKundUppgifter div, .MinaAnvandare div, .MinaFakturor div
{
    position: absolute;
    bottom: 30px;
    left: 20px;
    margin: 0px 0 0 0px !important;
}

.MinaTjanster.hover, .MinaKundUppgifter.hover, .MinaAnvandare.hover, .MinaFakturor.hover
{
    background: url(Image/puff_bg_aktiv.png) no-repeat;
}

.MinaTjanster div .Button, .MinaKundUppgifter div .Button, .MinaAnvandare div .Button, .MinaFakturor div .Button
{
    float: left !important;
    display: inline;
    border: 1px solid #CCC;
    background: url(Image/button-background.gif) repeat-x left bottom;
    font: bold 12px arial,verdana,sans-serif !important;
    color: #0770c0 !important;
    margin: 0 10px 0 0 !important;
}

.MinaKundUppgifter div .Button, .MinaFakturor div .Button
{
    float: none !important;
}

.Language
{
    float: right;
    width: 210px;
    height: 25px;
    color: #555;
}

.UserInfo
{
    text-align: left;
    float: right;
    width: 150px;
    height: 75px;
    position: relative;
}

.UserInfoContent
{
    position: absolute;
    bottom: 0;
}

.UserInfoHeading
{
    color: #F16435;
}

/* Menyer */
.MainNavigation
{
    width: 890px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 0px 0px 0px;
    border-bottom-style: solid;
    border-bottom-color: #f46330;
    border-bottom-width: 1px;
    text-align: center !important;
}

.MainNavigation ul
{
    float: left;
    display: inline;
    margin: 1px 0 0 10px;
    padding: 0;
    list-style: none;
}

.MainNavigation ul li
{
    float: left;
    display: inline;
    background: url(Image/meny.png) repeat-x left top;
    height: 28px;
    margin: 1px 0;
}

.MainNavigation ul li.selected
{
    /*background: url(Image/menu-bg-selected.gif) repeat-x left top;*/
}

.MainNavigation ul li a
{
    float: left;
    background: url(Image/meny_mid.png) no-repeat right top !important;
    font: bold 12px/26px arial, verdana, sans-serif;
    color: #555;
    padding: 0 32px 0 22px;
    text-decoration: none !important;
}

.MainNavigation ul li.selected a
{
    color: #f46330;
}

.MainNavigation ul li.background-none a
{
    background: none !important;
}

.MainNavigation ul li.start, .MainNavigation ul li.start-selected
{
    background: url(Image/meny_start.png) no-repeat left top !important;
    width: 6px;
    padding: 0 !important;
}

/*
.MainNavigation ul li.hover a
{
    color: black;
}
*/

/*
.MainNavigation ul li.start-selected
{
    background: url(Image/menu-bg-start-selected.gif) no-repeat left top !important;
    width: 6px;
    padding: 0 !important;
}
*/
.MainNavigation ul li.end, .MainNavigation ul li.end-selected
{
    background: url(Image/meny_end.png) no-repeat left top !important;
    width: 6px;
    padding: 0 !important;
}
/*
.MainNavigation ul li.end-selected
{
    background: url(Image/menu-bg-end-selected.gif) no-repeat left top !important;
    width: 6px;
    padding: 0 !important;
}
*/
/* Wizard */
.WizardStep
{
    width: 155px;
    display: block;
    background: transparent url(image/wizardbackground.gif);
    text-decoration: none;
    height: 25px;
    padding: 5px;
}

.WizardStep:hover
{
    background: transparent url(image/wizardbackground_hover.gif);
}

.WizardStep:link, .WizardStep:visited
{
    color: #333333;
}

.WizardContainer .current
{
    background: transparent url(image/wizardbackground_current.gif);
    font-weight: bold;
}

.WizardColumn
{
    float: left;
    width: 674px;
    margin-left: 14px;
}

.WizardHeader
{
    margin-bottom: 10px;
}

.WizardSubHeader
{
    margin-bottom: 5px;
}

.WizardTopMargin
{
    margin-top: 5px;
}

/* Login kontrollen */
.Login
{
    background-color: Transparent;
}

.Login-Input
{
    width: 150px;
}

/* Rubriker */
.Rubrik
{
    height: 33px;
    /*
    background-image: url(Image/h1background.gif);
    background-position: right;
    border-left-style: solid;
    border-left-color: #EFEDED;
    border-left-width: 1px;
    */
}

.Icon
{
    margin-right: 7px;
    float: left;
}

.Help
{
    position: absolute;
    z-index: 1;
    width: 250px;
    visibility: hidden;
    border-color: #CCC;
    border-width: 1px;
    border-style: solid;
    padding: 7px;
    background-color: #F3F2F2;
}

.Error
{
    color: Red;
    font-weight: bold;
}

/* Tabeller */
.Grid
{
    background-image: url(Image/tablerowbackground.gif);
    border-width: 0px !important;
    width: 100%;
}

.Grid th
{
    background-color: White;
    text-align: left;
    border-bottom: 1px solid #E4E4E4;
    padding-left: 7px;
}

.Grid td
{
    text-align: left;
    border-bottom: 1px solid #E4E4E4;
    padding-left: 7px;
}

.DataList
{
    background-image: url(Image/tablerowbackground.gif);
    border-collapse: collapse;
    border-style: solid;
    border-color: #ACA899;
    border-width: 0px;
    width: 100%;
}

.DataList td
{
    text-align: left;
    border-bottom: 1px solid #E4E4E4;
    padding-left: 7px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.AltRow
{
    background-color: White;
}

.Ingress
{
    font-weight: bold;
}

.Button
{
    margin-bottom: 7px;
    margin-top: 7px;
    margin-left: 0px;
    margin-right: 14px;
    float: right;
}

.StandardButton
{
    display: inline;
    border: 1px solid #CCC;
    background: url(Image/button-background.gif) repeat-x left bottom;
    font: bold 12px arial,verdana,sans-serif !important;
    padding: 0 5px 0 5px;
}

.Submit
{
    float: right !important;
    display: inline;
    border: 1px solid #CCC;
    background: url(Image/button-background.gif) repeat-x left bottom;
    font: bold 12px arial,verdana,sans-serif !important;
    margin: 7px 0 0 10px !important;
    padding: 0 5px 0 5px;
}

.Cancel
{
    float: right !important;
    display: inline;
    border: 1px solid #CCC;
    background: url(Image/button-background.gif) repeat-x left bottom;
    font: bold 12px arial,verdana,sans-serif !important;
    margin: 7px 0 0 10px !important;
    padding: 0 5px 0 5px;
}

.AvtalVillkorPDFLinkButton
{
    float: left !important;
    margin: 7px 0 0 10px !important;
}

.AdobeReader
{
    float: left !important;
}

.medium-button
{
    width: 140px !important;
}

.min-button-width
{
    width: 80px !important;
}

/* Kunduppgifter */
h2.kunduppgifter
{
    margin-top: 10px;
}

.box-half-width
{
    width: 362px;
    padding: 7px;
    margin-right: 7px;
    display: inline;
    margin-top: 5px !important;
    margin-top: 0px;
    margin-left: 34px;
    min-height: 200px;
    height: auto !important;
    height: 200px;
    float: left;
}

.two-col
{
    float: left;
    display: inline;
}

.two-col h2
{
    margin: 15px 0 0 40px;
}

/* Box */
.box-full-width
{
    width: 781px;
    margin-top: 10px;
    margin-left: 40px;
}

.box-semi-width
{
    width: 528px;
    margin-top: 10px;
    margin-left: 40px;
}

.box-faded-background
{
    background: url(Image/box-background.gif) repeat-x left bottom;
    border: 1px solid #CCC;
    border-width: 0 1px 0 1px;
    min-height: 150px;
    height: auto !important;
    height: 150px;
    padding: 5px;
}

.box-faded-background table
{
    text-align: left;
}

.min-height-160
{
    min-height: 160px;
}

.box-bottom-image
{
    float: left;
}

.box-top-image
{
    float: none !important;
    float: left;
    margin-top: 2px;
}

.box-bottom-text
{
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}

.clear-float
{
    clear: both;
}

.float-right-link
{
    float: right;
    margin-right: 5px;
    margin-bottom: 4px;
}

.scroll-layer
{
    overflow-y: auto;
    height: 300px;
}

.ContactPersonDroplist
{
    width: 245px !important;
    width: 255px;
}

.CountryDroplist
{
    width: 147px !important;
    width: 155px;
}

.WizardFaktureringField
{
    width: 347px !important;
    width: 355px;
}

.ie-negative-topmargin
{
    margin-top: 0 !important;
    margin-top: -7px;
}

.regular-font
{
    font-weight: normal !important;
}

.ContactPersonUseAbortLinks
{
    width: 245px !important;
    width: 255px;
    margin: 3px 0 3px 0;
    text-align: right;
}

.no-margins
{
    margin: 0 !important;
}

.error-bottom-margin
{
    margin-bottom: 5px;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    background: url(Image/box-background.gif) repeat-x left bottom;
    background-color: White !important;
    border: 1px solid #CCC;
    border-width: 0 1px 0 1px;
    padding: 3px;
    overflow: auto;
}

.textboxMultiLine
{
    overflow: hidden;
}

.UserInfoValue
{
    color: #032e6e;
    font-weight: bold;
}

.hr-validoo
{
    margin: 15px auto 20px auto;
    background-color: #f46330;
    width: 888px;
    height: 1px;
    border: 0;
}

.Validoo
{
    background: url(Image/validoo_bg.png) no-repeat left top;
    width: 878px;
    height: 145px;
    margin-top: 14px;
    margin-bottom: 10px;
    margin-left: 8px;
}

.Validoo table
{
    padding: 5px;
    height: 145px;
}

.Validoo th
{
    width: 160px;
    padding-top: 5px;
    vertical-align: top;
    text-align: center;
    color: #032e6e !important;
}

.Validoo h2 { color: #032e6e !important; }

.Validoo th div
{
    position: relative;
    padding-top: 10px;
    width: 160px;
    height: 120px;
}

.ValidooPuffAvailable
{
    cursor: pointer;
}

.ValidooPuffUnavailable h2
{
    color: #dde !important;
}

.ValidooPuffUnavailable img
{
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.Validoo th img
{
    position: absolute;
    bottom: 20px;
    left: 30px;
}

#ValidooLogo
{
    position: absolute;
    bottom: 20px;
    left: 10px;
    
}

.ValidooDivider
{
    width: 10px;
    background: url(Image/validoo_divider.png) no-repeat center top;
}

.ValidooPuffAvailable.hover
{
    background: url(Image/puff_validoo_aktiv.png) no-repeat;
    background-position: left top;
}

.MainFooter
{
    background-color: #FFFFFF;
    width: 920px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px !important;
    padding: 0px 0px 14px 0px;
}

.MainFooter p
{
    padding: 0 20px 0 20px;
}

.hr-footer
{
    margin: 15px auto 2px auto;
    background-color: #25396f;
    width: 878px;
    height: 3px;
    border: 0;
}

.hr-footer2
{
    margin: 0 auto 10px auto;
    background-color: #f46330;
    width: 878px;
    height: 8px;
    border: 0;
}

.Fot
{
    color: #555;
    font-size: 8pt;
}

.FotKundservice
{
    float: right;
}

#BestallTjansterDiv
{
    margin-left: 8px;
}