/* Fraktguide specific styles */
#top { height:85px; background:#fff url(gfx/shadowTop.gif) repeat-x left bottom; padding:0 10px; }
.super_main_block { float:left; width:654px; overflow:hidden; margin-bottom:-10000px; padding:10px 10px 10010px; background-color:#fff; }
.super_main_block p { margin-bottom:1em; }
.main_column { float:left; width:624px; overflow:hidden; }
.errors { color: red; }
.fieldError { color: red ! important; }
.important { font-weight: bold; }
.notice { border: 1px solid #FDBB2F; padding: 10px 13px; margin: 0 3px 7px 2px;  }
h2 { margin:0.3em 0 0.5em ! important; }
h3 { margin-top:15px }
h4 { margin-top:15px }
.miniHeading { color:#7BC144; font-size:1.0em;}
.ekstraboksHeading { color:#7BC144; font-size:1.2em; padding-bottom: 6px;}
#avtaletekst { font-size: 0.9em; font-family:Arial, Tahoma, sans-serif; }
.forklaring { color: #919195; font-size:small; padding-left: 1px; }
.fieldErrorSmall { color: red ! important; font-size:0.9em; padding-left: 1px; }
.comment { font-style: italic; }
.menuheader {background-color: green; color: black }
hr.formDivider { height: 1px; color: #919195; margin: 4px 0 4px 0; padding: 0; }
.ui-datepicker-trigger { position: relative; top: 3px; left: 3px; }
.disabled { color: #919195; }
td.formButtons { padding-top: 4px; padding-right: 3px; }
.plainFormButton { padding: 0 8px; width:auto; overflow:visible; }
.produktHeading { font-size: small; font-weight: bold; padding-bottom: 9px; }
div.resultsbox { border: 2px solid #7BC144; padding: 7px 3px 7px 7px;}
img.contentImage { border: 1px solid #cccccc; padding:5px}
h1 { margin:0; font-size:4.5em; letter-spacing:-2px; padding:0.2em 0 0em; color:#fff; font-weight:normal; }
.sIFR-flash { vertical-align: bottom; height: 60px ! important; }
.ruler {background-color:#FDBB2F; clear:both; display:block; font-size:1px; height:10px; margin-bottom: 10px; }
input.text, textarea {color: #4d4f53; border: 1px solid #8d8e8f; background: white url(gfx/input_text_bg.gif) repeat-x top left;}
input.submitButton {color: white; padding: 0 10px; font-weight: bold; font-size:1.18em; background-repeat: repeat-x; background-image: url(gfx/button_background.gif); background: url(gfx/button_background.gif); background-color:#7BC144; width:auto; overflow:visible;}
input.resetButton {color: #5b5d61; padding: 0 10px; font-weight: bold; font-size:1.18em; background-repeat: repeat-x; background-image: url(gfx/buttonSecondary_background.gif); background: url(gfx/buttonSecondary_background.gif); background-color:#d5d5d5; width:auto; overflow:visible;}
input.secondaryButton {color: #5b5d61; padding: 0 10px; margin: 4px 4px 4px 0; font-weight: bold; background-repeat: repeat-x; background-image: url(gfx/buttonSecondary_background.gif); background: url(gfx/buttonSecondary_background.gif); background-color:#d5d5d5; width:auto; overflow:visible;}
.mainHeader { margin:0; font-size:5em; letter-spacing:-2px; padding:0.2em 0 0em; color:#fff; font-weight:normal; }
.beta { margin:0; font-size:2.5em; letter-spacing:0px; padding:0.2em 0 0 0; color:#FFFFFF; font-weight:normal; }
.ui-datepicker-current-day { font-weight: bold ! important; } 
.offlineData table { width: 300px; border: 1px solid #222222; margin: 0 0 0 20px; padding: 0px; border-spacing: 0px; border-collapse: collapse; }
.offlineData table td { border: 1px solid #999999; padding: 0 0 0 2px;}
#offlineDataInputTable td { padding-bottom: 3px; }
.offlineData .produktName { font-weight: bold; font-size: medium; padding-top: 30px; }
.offlineData .tableName { font-weight: bold; font-size: small; padding-bottom: 15px; padding-top: 30px;}
body.plain { font-family:Arial, Tahoma, sans-serif; font-size:62.5%; color:#4d4f53; background:#ffffff ! important; margin:0; padding:0; }
.bringPostnumberQueryInvalidPostnumber { color: red ! important; font-size:0.9em; }
tr.even td { background-color: #E6E6E6; }
.frontpageContainer { padding-bottom:15px;  }
.frontpageBox  { margin:4px; border-left: 3px solid #7BC144; border-bottom: 3px solid #7BC144; border-right: 3px solid #7BC144; border-top: 3px solid #7BC144; padding-top:8px;padding-bottom:8px;padding-left:8px;padding-right:8px  }
.frontpageTitle { font-size:1.4em; font-weight:bold; padding-bottom:4px; color:#7BC144}
.frontpageText { margin:0; padding:0; font-size:1.2em; line-height:1.4em;}
pre { overflow:auto; font-size:12px; background:#eee; border:1px solid #999; padding:.5em; }
iframe {	background:#eee; }
textarea.code {	background:#eee; }
#fraktguideTweets { display: none; }
.exampleLink { padding-left: 5px; }

li { font-size:12px }
li li {  list-style-image: none }
.introText ul { list-style-image:none; }
.introText li { color:#4D4F53; font-size:1em;}

.tabell table { font-size: 13px; }
.tabell td { padding: 1px 3px 1px 4px; border-left: 1px solid #919195; border-bottom: 1px solid #919195; border-right: 1px solid #919195; border-top: 1px solid #919195; }
.tabell td.tabellkolonneheader { width:200px; }
.tabell td.tabellmidtstiltcelle { text-align:center; }
.tabell th { background:none; padding: 1px 3px 1px 4px; text-align:left; border-left: 1px solid #919195; border-right: 1px solid #919195; padding-bottom: 2px; background-color: #BFC0C4; border-top: 1px solid #919195; font-weight: bold; }
.tabell tr { vertical-align:top;}
.tabell tr.even td { background-color: #E6E6E6; }
.tabell td.inputLeft { cursor: default; }
.tabell td.inputRight { cursor: default; }
.tabell th.headerSortUp { background-image: url(gfx/asc.gif); }
.tabell th.headerSortDown { background-image: url(gfx/desc.gif);}
.tabell .header { background-image: url(gfx/both.gif); background-repeat:  no-repeat; background-position: right 95%;}

#demoFraktalternativer .demoContainerTop { width:660px; position:absolute; top:35px; left:300px; background-color:#7bc143; border: 5px solid #7bc143;  }
#demoFraktalternativer .demoLevertavBringFormTop { width:262px; position:absolute; top:35px; left:5px; background-color:#fdbb30; border:5px solid #fdbb30; }
#demoFraktalternativer .demoHeader { font-family:Arial; font-size:10pt; font-weight:bold; height:35px; padding:4px; }
#demoFraktalternativer .demoContainer { width:658px; position:absolute; top:90px; left:300px; padding:5px; border: 5px solid #7bc143;  }
#demoFraktalternativer .demoLevertavBringForm { width:260px; font-family:Arial; font-size:9pt; position:absolute; top:90px; left: 5px;  padding:5px; border:5px solid #fdbb30; overflow: hidden;}
#demoFraktalternativer .demoLevertavBringForUtviklere { width:100%; border-top:4px solid #FDBB30; padding-top: 10px; }
#demoFraktalternativer .ui-datepicker-trigger { position: relative; top: 3px; left: 3px; }
#demoFraktalternativer .demoSubmit { padding-top: 8px; padding-bottom: 5px; }
#demoFraktalternativer a { color:#00B2E4; text-decoration:none; }

#tweet li { font-size: 1.1em; }


/*Top*/
#top-bar {
    float: right;
}

ul.menu-top {
    list-style: none none;
    float: right;
    height: 40px;
    margin: 0;
    padding: 0;
}

ul.menu-top li {
    float: left;
}

ul.menu-top li a {
    font-size: 0.9em;
    font-weight: 400;
    padding: 13px 11px 0;
    display: block;
    font-family: Arial;
    text-transform: uppercase;
    color: #4D4F53;
    text-decoration: none;
}

ul.menu-top li.right-spacer {
    background: transparent url(../images/menu_top_spacer.gif) no-repeat scroll right center;
    margin-right: 5px;
    padding-right: 16px;
}

ul.menu-top li.first {
    background: transparent url(../images/menu_top_spacer.gif) no-repeat scroll left center;
    padding-left: 16px;
}

/* ------------------------------------------------------------------------------------------------------
   Div-basert tab-panel
   ------------------------------------------------------------------------------------------------------ */
.itemTabPane { float:left; height: 34px; padding-bottom: 15px;}
ul.itemTabList { float: left; margin: 0 0 -4px -1px; padding: 0; list-style: none none; }
ul.itemTabList li { float:left; margin-right: 1px; padding-left: 0; margin-left: 1px}
ul.itemTabList li a:hover{ text-decoration: underline; }
ul.itemTabList li a:hover, ul.itemTabList li.path a {float: left; background: url(gfx/ui-tab-left.gif) no-repeat left top;}
ul.itemTabList li.first a:hover { background-image: url(gfx/ui-tab-left-first.gif);}
ul.itemTabList li.first a { background-image: url(gfx/ui-tab-left-first.gif);}
ul.itemTabList li a span, ul.itemTabList li a span { line-height:22px; color: #fff; background:url(gfx/ui-tab-unselected.gif) repeat-x right top; float: left; height: 25px; padding: 7px 10px 0 10px; display:block; cursor: pointer; }
ul.itemTabList li a:hover span, ul.itemTabList li.path a span { color: #4D4F53; background: #fff url(gfx/ui-tab-center.gif) no-repeat right top; height: 28px; padding-right:15px; margin-right:-5px; }
ul.itemTabList li a {text-decoration: none; font-family: Arial,sans-serif; text-transform: capitalize; display: block;}
ul.itemTabList li a {padding: 0 0 0 5px;}
ul.itemTabList li a {color: #4d4f53;}

.itemContent { margin: 10px 15px; width: 357px;}
.itemContentHTML { margin: 10px 15px; width: 357px; overflow-x: scroll;}
.itemContentTop { background: transparent url(gfx/itemContentTop.gif) no-repeat left bottom; }
.itemContentMid{ background: transparent url(gfx/itemContentMid.gif) repeat-y left top; }
.itemContentBottom { background: transparent url(gfx/itemContentBottom.gif) no-repeat left top;}

.collapseButton{ cursor:pointer; padding-left: 25px; background: url(../images/collapseEnabled.png) no-repeat left center; }
.expandButton{ cursor:pointer; padding-left: 25px; background: url(../images/expandEnabled.png) no-repeat left center; }

/* ------------------------------------------------------------------------------------------------------
   Tilbake-knapp
   ------------------------------------------------------------------------------------------------------ */
div.link_back { background-color:#E6E6E6; margin: 0; width: 150px; padding-right: 5px;}
div.link_back:hover { background-color:#7bc143; padding-right: 5px;}
div.link_back a { color:#4D4F53; background: #E6E6E6 url(gfx/backwardarrow.gif) no-repeat scroll right center; display:block; height:20px; line-height:20px; margin:0; padding: 0 5px; text-decoration:none; font-size: 12px;}
div.link_back a:hover { color: white; background: #7bc143 url(gfx/backwardarrow_white.gif ) no-repeat right; text-decoration:none; padding: 0 5px;}

.termsOfUse { text-align: left; padding: 2px 12px 12px 12px; background-color: white; }
.termsOfUse .left { float: left; }
.termsOfUse .right { float: right; } 

.blankDecoratorContainer { margin: 10px; }