/* Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } ol, ul{ list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ a:link, a:visited, a:active,a:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #8BC53F; } table{ border-collapse: separate; border-spacing: 0; } caption, th, td{ text-align: left; font-weight: normal; } blockquote:before, blockquote:after,q:before, q:after{ content: ""; } blockquote, q{ quotes: "" ""; } /* Reset end */ /* Global Css */ .allContent{ width: 968px; margin: 0 auto; } .shadowTop{ float: left; background-image: url(/sitefiles/1/design/shadowTop.png); background-repeat: repeat-x; background-position: top; padding-top: 4px; margin-top: 1px; position: relative; } .shadowRight{ float: left; background-image: url(/sitefiles/1/design/shadowRight.png); background-repeat: repeat-y; background-position: right; padding-right: 4px; } .shadowBottom{ float: left; background-image: url(/sitefiles/1/design/shadowBottom.png); background-repeat: repeat-x; background-position: bottom; padding-bottom: 4px; } .shadowLeft{ float: left; background-image: url(/sitefiles/1/design/shadowLeft.png); background-repeat: repeat-y; background-position: left; padding-left: 4px; } .shadowCornerTop{ width: 6px; height: 6px; background-image: url(/sitefiles/1/design/shadowCornerTop.gif); /*background-color: #000000;*/ background-repeat: no-repeat; position: absolute; z-index: 11; top: 0px; left: 0px; clear: both; overflow: hidden; } .shadowCornerRight{ width: 6px; height: 6px; background-image: url(/sitefiles/1/design/shadowCornerRight.gif); background-repeat: no-repeat; position: absolute; z-index: 12; top: 0; right: 0; clear: both; overflow: hidden; } .shadowCornerBottom{ width: 6px; height: 6px; background-image: url(/sitefiles/1/design/shadowCornerBottom.gif); background-repeat: no-repeat; position: absolute; z-index: 13; bottom: 0; right: 0; clear: both; overflow: hidden; } .shadowCornerLeft{ width: 6px; height: 6px; background-image: url(/sitefiles/1/design/shadowCornerLeft.gif); background-repeat: no-repeat; position: absolute; z-index: 14; bottom: 0; left: 0; clear: both; overflow: hidden; } .wrapper{ clear: left; } .header{ float: left; width: 960px; height: 149px; background: url(/sitefiles/1/design/header.jpg); } .menu{ float: left; } .textRight { text-align: right; } /* Menu */ .menuLeft{ float: left; display: block; width: 660px; height: 50px; background: url(/sitefiles/1/design/menu.jpg); } .menuLeft li{ float: left; display: inline; } .menuRight{ float: left; display: block; width: 300px; height: 50px; background: url(/sitefiles/1/design/menu.jpg); } .menuRightContainer{ float: left; width: 300px; } .menuRight li{ float: right; display: inline; } .menuLeft li a , .menuRight li a{ display: block; float: left; height: 50px; background: url(/sitefiles/1/design/menuActive.png) 0 50px repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration: none; text-transform: uppercase; cursor:pointer; } .menuLeft li a:hover, .menuRight li a:hover { background-position: 0 0; } .menuLeft li a .linkBorderLeft, .menuRight li a .linkBorderLeft{ float: left; display: block; height: 50px; padding-left: 24px; background: url(/sitefiles/1/design/left.png) 0 50px no-repeat; cursor:pointer; } .menuLeft li a:hover .linkBorderLeft, .menuRight li a:hover .linkBorderLeft { background-position: 0 0px; } .menuLeft li a .linkBorderRight, .menuRight li a .linkBorderRight { float: left; display: block; height: 50px; padding-right: 24px; line-height: 50px; vertical-align: middle; background: url(/sitefiles/1/design/right.png) 100% 50px no-repeat; cursor:pointer; } .menuLeft li a:hover .linkBorderRight, .menuRight li a:hover .linkBorderRight { background-position: 100% 0px; cursor:pointer; } /* Tooltip CSS */ #tooltipCont { background: url(/sitefiles/1/design/toolTipBg.png); padding-left: 5px; padding-right: 5px; } * html #tooltipCont{ background-color: #ccc; background-color: transparent; background-image: url(/sitefiles/9/design/space.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/toolTipBg.png", sizingMethod="scale"); } #tooltipContent { font-family:Arial, Helvetica, sans-serif; color: #ffffff; font-size: 11px; padding: 10px 15px 10px 15px; background: url(/sitefiles/1/design/toolTipCenter.png) transparent repeat-y; width: 181px; margin-left: 1px; } * html #tooltipContent{ background-color: #ccc; background-color: transparent; background-image: url(/sitefiles/9/design/space.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/toolTipCenter.png", sizingMethod="scale"); } #tooltipCont p { color: #ffffff; margin: 2px 0 0 0; background-color: transparent; } #tooltipCont strong { font-weight: bold; color: #ffffff; text-align: center; } .toolTop { font-family:Georgia, Times New Roman, Times, serif; font-size: 14px; color: #8BC53F; width:166px; position:relative; background: url(/sitefiles/1/design/tooltipTop.png) no-repeat; height:21px; padding: 8px 0 0 35px; } * html .toolTop{ background-color: #ccc; background-color: transparent; background-image: url(/sitefiles/9/design/space.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/tooltipTop.png", sizingMethod="scale"); } .toolBottom { width:201px; position:relative; background: url(/sitefiles/1/design/toolTipBottom.png) no-repeat; height:20px; } * html .toolBottom{ background-color: #ccc; background-color: transparent; background-image: url(/sitefiles/9/design/space.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/toolTipBottom.png", sizingMethod="scale"); } /* Menu */ .clear{ clear: both; } .content{ float: left; width: 960px; } .contentLeft{ float: left; width: 640px; padding: 0 0 0 26px; } .contentRight{ float: left; width: 280px; } /* Informasjons Boks */ .infoBoxFrame{ float: left; position: relative; padding: 42px 0 15px 0; } .infoBoxFrame .infoBoxSecondFrame{ float: left; width: 415px; position: relative; overflow: hidden; background-color: #f2f2f2; } .infoBoxFrame .infoBoxBorder{ width: 100%; height: 10px; background: url(/sitefiles/1/design/gradientHeader.png) 0 0 repeat-x; overflow: hidden; } .infoBoxFrame .infoBoxContent{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; padding: 0 25px 0 25px; margin: 15px 0 15px 0; } .infoBoxFrame .infoBoxContent ul{ width: 365px; } .infoBoxFrame .infoBoxHeader{ position: absolute; z-index: 10; top: -3px; left: 0; } .infoBoxFrame .infoBoxHeader h3{ display: block; float: left; font-family: Georgia, Times New Roman, Times, serif; font-size: 19px; font-weight: normal; padding: 30px 0 0 4px; text-transform: uppercase; } .infoBoxFrame .infoBoxNum{ float: left; font-family: Georgia, Times New Roman, Times, serif; font-size: 50px; text-transform: uppercase; padding: 0 8px 0 0; } .infoBoxFrame .infoIcon{ float: left; margin-left: 6px!important; margin-left: 3px!important; width: 20px; height: 20px; background: url(/sitefiles/1/design/info.png) 0 0 no-repeat; } .infoBoxFrame .okIcon{ float: right; margin: 22px 8px 0 0!important; margin: 22px 18px 0 0; width: 30px; height: 30px; background: url('/sitefiles/1/design/ok.png') 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/ok.png", sizingMethod="scale"); } .infoBoxFrame .infoBoxSecondFrame li{ list-style-type: none; float: left; padding: 0 0 5px 0; width: 100%; } .infoBoxFrame .infoBoxSecondFrame .labelShort{ width: 90px; float: left; display: block; } .infoBoxFrame .infoBoxSecondFrame .labelMedium{ width: 120px; float: left; display: block; } .infoBoxFrame .infoBoxSecondFrame .labelMediumSecond{ float: left; display: block; width: 95px; padding: 0 0 0 12px;; } .infoBoxFrame .infoBoxSecondFrame .inputMedium{ width: 234px; float: left; display: block; } .infoBoxFrame .infoBoxSecondFrame .inputMediumShort{ width: 120px; float: left; display: block; } .infoBoxFrame .infoBoxSecondFrame .inputShort{ width: 62px; float: left; display: block; } .inputSearch{ width: 153px; float: left; display: block; } .sum { background: url(/sitefiles/1/design/sum-background.png) repeat-x; } .sum td { height: 46px; margin: 10px 0; padding: 10px 0; /*border-top: 1px solid #CCC; border-bottom: 4px double #CCC;*/ font-family: Georgia,Times New Roman,Times,serif; font-size: 19px; color: #000; } /* Inputs Default*/ input{ border: 1px solid #bcbcbc; color: #666666; } label{ width: 100%; font-family: Georgia, Times New Roman, Times, serif; font-size: 11px; text-transform: uppercase; color: #666666; } input.inputRadio { border: 0; } .linkBtn{ display: block; float: left; height: 22px; background: url(/sitefiles/1/design/buttonLeftBg.png) 0 0 no-repeat; padding-left: 10px; font-family: Georgia, Times New Roman, Times, serif; font-size: 12px; text-transform: uppercase; text-decoration: none; color: #ffffff; } .linkBtn span{ display: block; float: left; height: 22px; line-height: 22px; vertical-align: middle; background: url(/sitefiles/1/design/buttonRightBg.png) right top no-repeat; padding-right: 10px; color: #ffffff; cursor:pointer; } .submitBtnContainer, .submitBtnContainerLeft, .submitBtnContainerRight { display: inline; } .submitBtnContainerLeft { float: left; } .submitBtnContainerRight { float: right; } .submitBtn{ float: left; height: 22px; background: url(/sitefiles/1/design/buttonLeftBg.png) 0 0 no-repeat; font-family: Georgia, Times New Roman, Times, serif; font-size: 12px; text-transform: uppercase; padding-left: 10px; border: 0; margin: 0; cursor: pointer; color: #ffffff; } .submitBtnEnd{ display: inline; float: left; height: 22px; width: 3px; background: url(/sitefiles/1/design/buttonRightBg.png) right top no-repeat; } .divinputfile{ background:url(/sitefiles/1/design/utforsk.png) no-repeat 100% 1px; height:30px; width:350px; margin:0px; float: left; } .divinputfilesave{ padding-left: 120px; } .divinputfile .filepc{ opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=00); } .fakeinputfile{ margin-top:-21px; } .fakeinputfile .fakefilepc{ width: 260px; height: 20px; } .red{ background-color: #c72127; } .message{ height: 54px; background: url(/sitefiles/1/design/messageBg.png); float: left; width: 100%; } .message img{ margin: 0 0 0 20px!important; margin: 0 0 0 10px; float: left; } .message p{ float: left; padding: 15px; 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; } .printMeNot table{ float: left; width: 560px; margin: 20px 0 20px 0; } .printMeNot .infoBoxSecondFrame ol li { width: 275px; } input.loginstyle { float:left; }