/* ========================================================================
    Created    : 4th of June 2007, 10:28 CET
          by   : Tina Holmboe <tina.holmboe@upright.se>

    Updated    : 29th of June 2007, 10:31 CET
            by : Tina Holmboe <tina.holmboe@upright.se>
            
    Updated    : 22nd of January 2008, 10:31 CET
            by : Mikael Berglund <mikael.berglund@upright.se>

    Media type : screen
    Usage      : Main layout.
    Purpose    : Stylesheets for CSS 2/2.1 compliant/near compliant UAs.


    Please note that, when updating stylesheets, the following rules are to
    be observed:

      - Rulesets start in column 1.

      - Blocks are written with the opening curly bracket following the rule
        name and the ending bracket in column 0, alone.

      - A declaration start in column 1. Properties are separated from values
        by a colon (":") in column 25. Declarations always end with one
        whitespace and a semi-colon (" ;") whether needed by syntax or not.

      - Short-hand properties are not used. margin- and padding- are exempt.

      - Short-hand RGB codes are not used.

    Note also that accessibility guidelines from the W3C are adhered to,
    specifically in the choice of units for font sizes (px, em, ex and % only),
    colour and background-colour is always specified together, and the font
    is never reduced below 70%

    Some widths are, however, set in pixels, making resizing difficult.

    ======================================================================== */


 /* ========================================================================
  Generic styles
  ======================================================================== */

 * {
  margin                 : 0ex ;
  padding                : 0ex ;
  font-family            : Verdana, sans-serif ;
 }

 body {
  color: #000000;
  background-color: #ffffff;

 }

 h1 {
  font-size              : 300% ;
 }

 h2 {
  font-size              : 14px ;
 }
 
 h3 {
  font-size				 : 11px ;
 }
 
 h4 {
  font-size				 : 12px ;
 }

 ul, ol, li {
  list-style-type        : none ;
 }

 a img {
  border-style           : none ;
 }

 a:link, a:visited {
  color                  : #000000 ;
  background-color       : inherit ;
 }
 
 a.small {
	font-size: 		10px;
	font-weight:	bold;
	}
	

 a.readMore:link, a.readMore:visited {
  text-decoration        : none ;
  color                  : #f99c56 ;
  background-color       : inherit ;
  font-weight            : 900 ;
 }
 
 a.paging:link, a.paging:visited
 {
	padding-left: 3px;
	padding-right: 3px;
 }
 a.pagingBig:link, a.pagingBig:visited
 {
	padding-left: 15px;
	padding-right: 15px;
 }
 
/* Klaus 030301 */
.SvartText
{
color:Green;
}

a:link, a:visited, a:hover, a:active {
    color:#0006ff;
}

/* Klaus 030301 */
/*#main a, #main a:visited, #main a:hover, #main a:active {
    color:#0006ff;
}
*/
.SvartText
{
color:red;
}

/* 071210
 fieldset {
  border-width           : 0px ;
 }*/

 fieldset legend {
  display                : none ;
 }

 div.paging {
   text-align			:center;
  padding-top			: 10px;
 }
 
 div.paging fieldset
 {
	text-align: center;
 }

 td.number {
  text-align             : center ;
 }

 p.links {
  margin-top             : 17px ;
 }

 p.longWarning {
  color                  : #ff0000 ;
  background-color       : inherit ;
  width                  : 90% ;
padding-top: 3em ;
 }

 p.longWarning strong {
  font-weight            : bold ;
 }

 em.shortWarning {
  font-size              : 120% ;
  font-weight            : bold ;
  color                  : #ff0000 ;
  background-color       : inherit ;
  margin-left            : 1ex ;
 }
 
 .bold {
  font-weight            : 900 ;
 }
 
 ul.menuInText {
  font-size              : 80% ;
  margin-bottom          : 4ex ;
  margin-left            : 0ex !important ;
  width                  : 75ex !important ;
 }

 ul.menuInText li {
  display                : inline ;
 }

 img.floatRightInText {
  float                  : right ;
 }

 option {
  padding-right          : 1ex ;
 }

 .notRendered {
  display                : none !important ;
 }

 .ordlisteLink {
  position               : relative ;
  top                    : 64px ;
  left                   : 30px ;
 }


 /* ========================================================================
  The, well, logotype ...
  ======================================================================== */

 div#logotype {
  /*width                  : 405px ;*/
  height                 : 62px ;
  margin-bottom          : 28px ;
  margin-top             : 34px ;
  margin-left            : 4px ;
 }

 .floatLeft {
  float                  : left ;
  width                  : 49% ;
 }

 div#rightLogo {
  margin-top             : 10px ;
  text-align			 : right ;
 }

 div#rightLogo a {
  margin-right			 : 100px ;
  text-decoration		 : none ;
 }

 /* ========================================================================
  The "top menu" is structurally outside of the main content, and located
  just "underneath" (after) the logotype.
  ======================================================================== */
/*
 div#topMenu, div#topMenuPopup {
  position               : relative ;
  height                 : 28px ;
  margin-left            : 12px ;
  color                  : inherit ;
  background-image       : url(../images/topmenu-background-2x28.png) ;
  background-repeat      : repeat-x ;
  background-color       : #ececea ;
  text-align             : right ;
 }
 
 div#topMenu {
  width                  : 1000px ;
 }
 div#topMenuPopup {
  width                  : 338px ;
 }

 img.topMenuLeftCorner{
  position               : absolute ;
   z-index				 :1;
  left                   : 0px ;
 }

 img.topMenuRightCorner 
 {
	z-index				:1;
  position               : absolute ;
  right                  : 0px ;
 }
 
 div.topMenuText {
  position				 : absolute ;
  z-index:9;
  margin-top			 : 7px;
  left					 : 15px;
  font-size              : 10px ;
  font-weight            : bold ;
  white-space: nowrap 
}

 #topMenu ul {
  border-style           : solid ;
  border-width           : 0px ;
  border-color           : #000000 ;
  font-size              : 10px ;
  font-size              : 12px ;
  color                  : inherit ;
  background-color       : transparent ;
  display                : inline ;
  margin-right           : 83px ;
 }

 #topMenu ul li {
  max-height             : 28px ;
  display                : inline ;
 }
*/

 /* ========================================================================
  The date set between the top menu and the main "frame"
  ======================================================================== */
/*
 p#date {
  margin-top             : 11px ;
  margin-bottom          : 13px ;
  margin-left            : 34px ; / 45 /
  width                  : 152px ;
  font-size              : 10px ;
  font-size              : 12px ;
 }
*/


 /* ========================================================================
   The "left menu" is the light grey column stretching along the left
   hand side, vertically. It is structurally a part of the "main"
   area.
  ======================================================================== */
/*
 div#leftMenu {
  float                  : left ;
  width                  : 152px ;
  height                 : 95% ;
  background-color       : #f1f0ee ;
  font-size              : 12px ;
 }

 #leftMenu ul {
  width                  : 148px ;
  margin-left            : auto ;
  margin-right           : auto ;
 }

 #leftMenu .leftMenuHeader {
 }

 #leftMenu ul li {
  width                  : 117px ;
  padding-top            : 7px ;
  padding-bottom         : 6px ;
  margin-left            : auto ;
  margin-right           : auto ;
 }

 #leftMenu ul li.top {
  background-image       : url(../images/leftmenu-divider-148x2.png) ;
  background-position    : center bottom ;
  background-repeat      : no-repeat ;
  margin-bottom          : 4px ;
  margin-top             : 4px ;
 }

 #leftMenu ul li a:link, #leftMenu ul li a:visited {
  text-decoration        : none ;
 }

 a.expand {
  display                : block ;
  width                  : 100% ; 
  background-repeat      : no-repeat ;
  background-position    : center right ;
  background-image       : url(../images/leftmenu-arrow-3x5.png) ;
 }

 a.expanded {
  display                : block ;
  width                  : 100% ;
  background-repeat      : no-repeat ;
  background-position    : center right ;
  background-image       : url(../images/leftmenu-arrow-down-5x3.png) ;
  / font-weight			: bold; /
 }

 li.active {
  font-weight            : 900 !important ;
 }

 ul.expandedMenu {
  position               : relative ;
  left                   : 10px ;
  top                    : 4px ;
  width                  : 123px !important ;
  padding-left           : 2px ;
  margin-bottom          : 4px ;
  font-size              : 10px ; / 10 /
  color                  : #000000 ;
  background-color       : #e2e0e3 ;
  right					: -50px; 
  padding-right			: -50px;

 }

 ul.expandedMenu li {
  padding-left           : 2px ;
 }

 ul.expandedMenu li a {
  width                  : 90% ;
  display                : block ;
 }

/ li.top img {
  display                : block ;
 } /




 #main {
  width                  : 1000px ;
  height                 : 90% ;
  margin-left            : 12px ;
  background-image       : url(../images/leftmenu-background--sand--152x2.png) ;
  background-repeat      : repeat-y ;
  background-position    : top left ;
 }
 */





 /* ========================================================================
  "content" is a container element for the right-hand side content, which
  is where the various content changes are actually made.
  ======================================================================== */
/*
 #content {
  xborder: 1px solid blue;

  margin-left            : 152px ;
  margin-bottom          : 0px ;
 }*/
 
 #contentPopup {
  margin-left            : 16px ;
  width:	360px;
 }

 #contentPopup h1 {
  margin-top             : 21px ;
  font-size              : 10px ;
  font-weight            : bold ;
 }

 #contentPopup p 
 {
	
  font-size              : 10px ;
  width					: 90%;
  padding-bottom		: 10px;
  margin-bottom			: 10px;
 }


 .closeButton {
  margin-left            : 60% ;
  font-size              : 11px ;
 }


 #logoContainer {
  text-align             : center ;
  width                  : 152px ;
  position               : relative ;
  left                   : 0px ;
  top                    : 0px ;
  margin-bottom          : 0px;
  padding-top            : 100px ;
 }

 #logoContainer img {
  margin-bottom          : 50px ;
 }

 .KO_logotype 
 {
	 margin-bottom          : 50px ;
 }

 .PTS_logotype {
 
 }
/*
#fadeContainer {
 clear                  : both ;
  position               : relative ;
  width			 : 154px;
  top				 : -160px;
  height			 : 200px;
  margin-left            : 0px ;
  background-image       : url(../images/logocontainer-background-10x115.png) ;
//margin-bottom  	       : -100;
//  bottom  	       : -40;
  
//  background-repeat      : repeat-x ;
//  background-position    : bottom left ;
 }*/




 /* ========================================================================
  The "topFrame", "bottomFrame", "topFrameLeft", "topFrameRight",
  "bottomFrameLeft" and "bottomFrameRight" divide the main content into
  four distinct sections.
  ======================================================================== */

 #topFrame {
  margin-left            : 11px ;
  padding-bottom         : 4px;
 }

 .minimumHeight {
  min-height             : 500px ;
 }

 #bottomFrame 
 {
	/*zborder : 1px black solid;*/
	position			     	   : relative;
  background-repeat      : no-repeat ;
  padding-top            : 0px ;
  margin-top             : 5px ;
  padding-bottom		 : 30px ;
  margin-left            : 11px ;
 }
 
 #emptyBottomFrame 
 {
	position				       : relative;
  padding-top            : 0px ;
  margin-top             : 40px ;
  padding-bottom		     : 20px ;
 }

 #topFrameLeft {
  float                  : left ;
  width                  : 267px ;
 }
 
 #topFrameLeft img {
   margin-bottom	    	 : 10px;	
 }

 #topFrameLeft h2 {
  margin-top             : 0px ;/* XXMB */
  font-size              : 14px ;
 }

 #topFrameLeft p {
  font-size              : 12px ;
  margin-bottom          : 1em ;
 }

 #topFrameLeft p span {
  color                  : #b1afb0 ;
  background-color       : inherit ;
 }

 #topFrameRight {
  border-width           : 1px ;
  border-color           : white ;
  border-style           : solid ;
  margin-left            : 325px ;
  width                  : 514px ;
  height                 : 200px ;
  background-image       : url(../images/quickmenu-background-514x270.png) ;
  background-repeat      : no-repeat ;
  background-position    : top right ;
 }

 #topFrameRightDecoration {
  border-width           : 1px ;
  border-color           : white ;
  border-style           : solid ;
  margin-left            : 270px ;
  width                  : 510px ;
  height                 : 250px ;
  text-align             : right ;
 }

 /*#topFrameRight a:link, #topFrameRight a:visited {
  text-decoration        :none ; /*är det här länkarna i fönstret?
 }*/

 #topFrameRight h2 {
  width                  : 100% ;
  font-size              : 14px ;
  font-weight            : 600 ;
 }

 #topFrameRight h2.imageCaption {
  margin-top             : 14px ;
 }

 #topFrameRight p {
  width                  : 442px ;
  margin-left            : 55px ;
  margin-right           : 24px ;
  font-weight            : 100 ;
  font-size              : 12px ;
 }

 #topFrameRight p.step1 {
  position               : relative ;
  top                    : 10px ;
  font-size              : 10px ;
  margin-top			 : 10px ;
 }

 #topFrameRight p.step2 {
  position               : relative ;
  top                    : 26px ;
  font-size              : 10px ;
 }

 #topFrameRight p.step3 {
  position               : relative ;
  top                    : 42px ;
  font-size              : 10px ;
 }

 #topFrameRight ul {
  width                  : 78px ;
  margin-top             : 26px ;
  margin-right           : 13px ;
  text-align             : center ;
  float                  : right ;
  font-size              : 11px ;
  font-size              : 12px ;
 }

 #topFrameRight li {
  margin-bottom          : 1.5ex ;
 }

 #bottomFrameLeft 
 {
  float                  : left ;
  width                  : 200px ;
 }

 #bottomFrameLeft h1 {
  margin-bottom          : 13px ;
  font-weight            : 100 ;
  font-size              : 24px ;
 }
 
 #bottomFrameLeft h3 {
  margin-top 			 : 15px ;
 }

 #bottomFrameLeft p {
  font-size              : 12px ;
  margin-bottom          : 1em ;
  width                  : 30ex ;
 }

 #bottomFrameRight 
 {
  position               : relative;
  margin-left            : 260px ;
  width                  : 580px ;
  padding-bottom      	 : 0px ;
  margin-bottom			 : 0px ;
 }
 
 #priceSectionTitle
 {
  margin-bottom:2px;
  margin-left:2px;
 }
 
 #priceSectionTitle h2
 {
  display				 : block !important ;
 }
 
 #priceSectionTitle p
 {
	font-size			 : 12px ;
 }
 
 #priceSection
 {
  background-image       : url(../images/main-rightsection-580x293.png) ;
  background-repeat      : no-repeat ;
  padding-top            : 71px ;
  font-size              : 10px ;
  height                 : 223px ;
 }
 
 #bottomFrameRight th, #priceSection h2 {
  display                : none ;
 }


 /* ========================================================================
  The "plain" rules are used to remove background images and so forth when
  using the top and bottom 'frame' DIVs for text content. This is the case
  on every page except the first.
  ======================================================================== */

 .plain {
  background-image       : none !important ;
  /*height                 : auto !important */
 }

 .plain h1 {
  font-size              : 16px ;
  max-width              : 85ex ;
 }

 .plain h1.extraTall {
  height                 : 64px ;
 }

 .plain h2 {
  font-size              : 12px ;
  font-size              : 14px ;
  max-width              : 85ex ;
 }

 .plain p {
  font-size              : 12px !important ;
  max-width              : 85ex ;
  margin-bottom          : 1em ;
  margin-top			 : 0.5em ;
  line-height            : 1.4 ;
 }
 
 .plain p.forenklad
 {
	max-width: 85ex;
	margin-top: 1em;
 }

 .plain div.form {
  font-size              : 10px !important ;
 }

.plain div.tipsaForm {
  font-size              : 10px !important ;
 }
 
 .plain div.contactForm {
  font-size              : 10px !important ;
 }
 
 .plain fieldset {
  border-width           : 0px ;
  width                  : 100% ;
  display                : block ;
 }

 .plain fieldset legend {
  display                : block ;
 }

 .plain ul {
  font-size              : 12px ;
  margin-left            : 3em ;
  width                  : 65ex ;
 }

 .plain ul li {
  margin-bottom          : 1em ;
  list-style-type        : square ;
 }



 /* ========================================================================
  The following three - mobilSection, fasttelefoniSection, internetSection -
  are also used on the front page, for the quick-choice menu in the lower
  right hand quadrant.
  ======================================================================== */

 div#mobilSection {
  float                  : left ;
  width                  : 151px ;
  padding-left           : 17px ;
  padding-right          : 26px ;
 }
 
 /*div#mobilSection {
  float                  : left ;
  width                  : 131px ;
  padding-left           : 26px ;
  padding-right          : 37px ;
 }*/
  
  div#fasttelefoniSection {
  float                  : left ;
  width                  : 160px ;
  padding-left           : 11px ;
  padding-right          : 16px ;
 }
 
  /*div#fasttelefoniSection {
  float                  : left ;
  width                  : 138px ;
  padding-left           : 21px ;
  padding-right          : 28px ;
 }*/

 div#internetSection {
  float                  : left ;
  width                  : 155px ;
  padding-left           : 15px ;
  padding-right          : 0px ;
  margin-right			: 0px ;
 }

 /*div#internetSection {
  float                  : left ;
  width                  : 138px ;
  padding-left           : 32px ;
  padding-right          : 0px ;
  margin-right			: 0px ;
 }*/

 #mobilSection div.form, #fasttelefoniSection div.form, #internetSection div.form {
  margin-top             : 0px ;
  margin-bottom          : 4px ;
 }
 
 #mobilSection p.profileDescription, #fasttelefoniSection p.profileDescription, #internetSection p.profileDescription {
  height				 : 45px ;
 }

 #mobilSection p, #fasttelefoniSection p, #internetSection p {
  /*height                 : 80px ;
  width                  : 131px ;*/
  margin				 : 0px ;
 }
 
 #mobilSection p.label, #fasttelefoniSection p.label, #internetSection p.label {
  margin				 : 7px 0 ;
 }

 table.shortToplist {
  margin-top             : 8px ;
  margin-bottom          : 6px ;
 }

 td.supplierName {
  padding-right          : 8px ;
 }
 
 /*td.supplierName {
  padding-right          : 21px ;
 }*/

 td.price span {
  white-space            : pre ;
  text-align             : left ;
 }

 #mobiltelefoni_lite, #mobiltelefoni_mycket {
  display                : none ;
 }

 #mobiltelefoni_lite_explained, #mobiltelefoni_mycket_explained {
  display                : none ;
 }








 /* ========================================================================
  The "footer" is structurally part of the "main" section, and contain
  administrative information.
  ======================================================================== */

 div#footer {
  clear                  : both ;
  position               : relative ;
  width                  : 1000px ;
  height                 : 28px ;
  margin-left            : 11px ;
  margin-top             : 0px ;
  color                  : inherit ;
  background-image       : url(../images/topmenu-background-2x28.png) ;
  background-color       : #e4ebf3 ;
  text-align             : center ;
 }

 
 div#footer p {  
  font-size              : 9px ;
  border-style           : solid ;
  border-width           : 0px ;
  border-color           : #000000 ;
  color                  : inherit ;
  background-color       : transparent ;
  display                : inline ;
  position               : relative ;
  top                    : 6px ;

 }

 img.footerMenuLeftCorner {
  position               : absolute ;
  left                   : 0px ;
 }

 img.footerMenuRightCorner {
  position               : absolute ;
  right                  : 0px ;
 }





 /* ========================================================================
  These rulesets are used specifically for the sub-pages that contain lists
  of comparisons.
  ======================================================================== */

 div#Comparison {
  background-image        : url(../images/compare-background-710x15.png) ;
  background-repeat       : no-repeat ;
  padding-top             : 16px ;
  margin-top              : -16px ;
  padding-left            : 12px ;
 }


 div.samtalsTypVal {
  color                  : #000000 ;
  background-color       : #d4ddec ;
  border-color           : #989493 ;
  border-width           : 1px ;
  border-style           : solid ;
  padding-top: 14px ;
  padding-bottom: 11px ;
  padding-left: 9px ;
  padding-right: 17px ;
 }



 /* ========================================================================
  These rulesets are for the "avancerad kalkyl" pages.
  ======================================================================== */

 div#kalkylBar {
  width                  : 207px ;
  float                  : left ;
  margin-bottom          : 2em ;
 }

 #kalkylBar h2 {
  display                : block ;
  width                  : 190px ;
  margin-left            : 4px ;
  margin-right           : 4px ;
  padding-left           : 9px ;
  padding-top            : 4px ;
  padding-bottom         : 3px ;
  font-size              : 11px ;
  font-size              : 12px ;
  font-size              : 14px ;
  color                  : inherit ;
  background-color       : #d6d6d6 ;
 }

 #kalkylBar p {
  width                  : 100% ;
  margin-left            : 4px ;
  margin-right           : 4px ;
  font-size              : 10px ;
  font-size              : 12px ;
 }

 #kalkylBar div.form {
  width                  : 207px ;
  margin-left            : 2px ;
  margin-top             : -3px ;
  /*margin-bottom          : -10px ;*/
  margin-bottom          : -6px ;
  font-size              : 11px ;
  font-size              : 12px ;
  color                  : inherit ;
  background-color       : #eff0ea ;
 }

 #kalkylBar div.form fieldset {
  padding-bottom         : 9px ;
  margin-top             : 10px ;
  margin-left            : 14px ;
  border-width           : 0px ;
  background-image       : url(../images/FK-mobiltelefon-form-divider--207x6.png) ;
  background-repeat      : no-repeat ;
  background-position    : bottom left ;
 }

 .tugControlsLeft {
  position               : relative ;
  left                   : -14px ;
 }

 #kalkylBar div.form fieldset.noDecoration {
  background-image       : none !important ;
 }

 #kalkylBar #trafikMangd {
  margin-top             : 4px ;
 }

 #kalkylBar div.form input {
  margin-right           : 4px ;
  /*font-size              : 10px ;*/
  font-size              : 12px ;
 }

 #kakylBar div.form select {
  /*font-size              : 10px ;*/
  font-size              : 12px ;
  width                  : 4ex ;
 }
 
 input {
  font-size             : 12px;
 }
 
 .advancedCalculateMobileCountrySelect {
  width                  : 100% ; /*40*/
 }


 div.inputFloatedRight {
  width                  : 100% ;
  text-align             : right ;
 }


 img.kalkylTop, img.kalkylBottom {
  margin-left            : 2px ;
 }

 #kalkylBar label.labelLeft {
  float                  : left ;
 }

 /* ========================================================================

  ======================================================================== */

 table.kalkylPrislista_mobiltelefon, table.kalkylPrislista_fasttelefoni, table.kalkylPrislista_internet,
  table.kalkylPrislista_mobiltelefon_bred, table.kalkylPrislista_fasttelefoni_bred, table.kalkylPrislista_internet_bred,
  table.kalkylPrislista_mobiltinternet_bred, table.kalkylPrislista_uppringt_bred, table.kalkylPrislista_paket_bred, table.operator_lista {
  position               : relative ;
  left                   : 37px ;
  /*top                    : 51px ;*/
  width                  : 584px ;
  font-size              : 12px ;
  border-width           : 1px ;
  border-style           : solid ;
  border-color           : #a9abaa ;
  border-collapse        : collapse ;
  border-spacing         : 0ex ;
 }

 table.kalkylPrislista_mobiltelefon_bred, table.kalkylPrislista_fasttelefoni_bred, table.kalkylPrislista_internet_bred, 
 table.kalkylPrislista_mobiltinternet_bred, table.kalkylPrislista_uppringt_bred, table.kalkylPrislista_paket_bred, table.operator_lista {
  top                    : 51px ;
  width                  : 100% !important ;
  left                   : 0px ;
  margin-bottom          : 12ex ; 
  margin-top             : -6ex ;
 }


 table.kalkylPrislista_mobiltelefon th, table.kalkylPrislista_mobiltelefon td, table.kalkylPrislista_fasttelefoni th, table.kalkylPrislista_fasttelefoni td, table.kalkylPrislista_internet th, table.kalkylPrislista_internet td, 
  table.kalkylPrislista_mobiltelefon_bred th, table.kalkylPrislista_mobiltelefon_bred td, table.kalkylPrislista_fasttelefoni_bred th, table.kalkylPrislista_fasttelefoni_bred td, table.kalkylPrislista_internet_bred th, table.kalkylPrislista_internet_bred td,
  table.kalkylPrislista_mobiltinternet_bred th, table.kalkylPrislista_mobiltinternet_bred td, table.kalkylPrislista_uppringt_bred th, table.kalkylPrislista_uppringt_bred th, table.kalkylPrislista_uppringt_bred td,
  table.kalkylPrislista_paket_bred th, table.kalkylPrislista_paket_bred td, table.operator_lista th, table.operator_lista td{
  border-color           : #a9abaa ;
  border-width           : 1px ;
  border-style           : solid ;
  font-size              : 10px ;
  height                 : 19px ;
  padding-left           : 4px ;
  padding-right          : 4px ;
 }

table.kalkylPrislista_fasttelefoni_bred th a,
table.kalkylPrislista_fasttelefoni_bred th a:visited,
table.kalkylPrislista_fasttelefoni_bred th a:hover,
table.kalkylPrislista_fasttelefoni_bred th a:active,

table.kalkylPrislista_mobiltelefon_bred th a,
table.kalkylPrislista_mobiltelefon_bred th a:visited,
table.kalkylPrislista_mobiltelefon_bred th a:hover,
table.kalkylPrislista_mobiltelefon_bred th a:active,

table.kalkylPrislista_internet_bred th a,
table.kalkylPrislista_internet_bred th a:visited,
table.kalkylPrislista_internet_bred th a:hover,
table.kalkylPrislista_internet_bred th a:active,

table.kalkylPrislista_mobiltinternet_bred th a,
table.kalkylPrislista_mobiltinternet_bred th a:visited,
table.kalkylPrislista_mobiltinternet_bred th a:hover,
table.kalkylPrislista_mobiltinternet_bred th a:active,

table.kalkylPrislista_uppringt_bred th a,
table.kalkylPrislista_uppringt_bred th a:visited,
table.kalkylPrislista_uppringt_bred th a:hover,
table.kalkylPrislista_uppringt_bred th a:active,

table.kalkylPrislista_paket_bred th a,
table.kalkylPrislista_paket_bred th a:visited,
table.kalkylPrislista_paket_bred th a:hover,
table.kalkylPrislista_paket_bred th a:active,

table.operator_lista th a,
table.operator_lista th a:visited,
table.operator_lista th a:hover,
table.operator_lista th a:active
{
    text-decoration:none;
    color:#000;
}

.SvartText
{
    color:Black;
}

 table.kalkylPrislista_mobiltelefon tr.odd td,
  table.kalkylPrislista_mobiltelefon_bred tr.odd td {
  color                  : #000000 ;
  /*background-color       : #ccccff ;*/
  background-color       : #ead1d2;
 }

 table.kalkylPrislista_fasttelefoni tr.even td,
  table.kalkylPrislista_fasttelefoni_bred tr.even td {
  color                  : #000000 ;
  background-color       : #fbf0cc ;
 }
 


 table.kalkylPrislista_internet tr.odd td,
  table.kalkylPrislista_internet_bred tr.odd td {
  color                  : #000000 ;
  background-color       : #d3f8f6  ;
  /*background-color       : #8eafcd ;*/
 }
 
  table.kalkylPrislista_uppringt_bred tr.odd td {
  color                  : #000000 ;
  background-color       : #d7e4ed ;
 }
 
 table.kalkylPrislista_paket_bred tr.odd td {
  color                  : #000000 ;
  background-color       : #fee6cd ;
 }
 
 table.operator_lista tr.odd td 
 {
  color                  : #000000 ;
  background-color       : #ebebeb ;
 }

 
  table.kalkylPrislista_mobiltinternet_bred tr.odd td {
  color                  : #000000 ;
  background-color       : #ccf3e4  ;
  /*background-color       : #99ccff  ;*/
 }


 table.kalkylPrislista_mobiltelefon th.sortColumn, table.kalkylPrislista_mobiltelefon td.sortColumn, table.kalkylPrislista_fasttelefoni th.sortColumn, table.kalkylPrislista_fasttelefoni td.sortColumn, table.kalkylPrislista_internet th.sortColumn, table.kalkylPrislista_internet td.sortColumn,
  table.kalkylPrislista_mobiltelefon_bred th.sortColumn, table.kalkylPrislista_mobiltelefon_bred td.sortColumn, table.kalkylPrislista_fasttelefoni_bred th.sortColumn, table.kalkylPrislista_fasttelefoni_bred td.sortColumn, table.kalkylPrislista_internet_bred th.sortColumn, table.kalkylPrislista_internet_bred td.sortColumn,
  table.kalkylPrislista_mobiltinternet_bred th.sortColumn, table.kalkylPrislista_mobiltinternet_bred td.sortColumn, table.kalkylPrislista_uppringt_bred th.sortColumn, table.kalkylPrislista_uppringt_bred td.sortColumn,
  table.kalkylPrislista_paket_bred th.sortColumn, table.kalkylPrislista_paket_bred td.sortColumn, table.operator_lista th.sortColumn, table.operator_lista td.sortColumn{
  vertical-align         : middle ;
 }

 table.kalkylPrislista_mobiltelefon th.sortedColumn, table.kalkylPrislista_mobiltelefon td.sortedColumn, table.kalkylPrislista_fasttelefoni th.sortedColumn, table.kalkylPrislista_fasttelefoni td.sortedColumn, table.kalkylPrislista_internet th.sortedColumn, table.kalkylPrislista_internet td.sortedColumn,
  table.kalkylPrislista_mobiltelefon_bred th.sortedColumn, table.kalkylPrislista_mobiltelefon_bred td.sortedColumn, table.kalkylPrislista_fasttelefoni_bred th.sortedColumn, table.kalkylPrislista_fasttelefoni_bred td.sortedColumn, table.kalkylPrislista_internet_bred th.sortedColumn, table.kalkylPrislista_internet_bred td.sortedColumn,
  table.kalkylPrislista_mobiltinternet_bred th.sortedColumn, table.kalkylPrislista_mobiltinternet_bred td.sortedColumn, table.kalkylPrislista_uppringt_bred th.sortedColumn, table.kalkylPrislista_uppringt_bred td.sortedColumn,
  table.kalkylPrislista_paket_bred th.sortedColumn, table.kalkylPrislista_paket_bred td.sortedColumn, table.operator_lista th.sortedColumn,  table.operator_lista td.sortedColumn{
  vertical-align         : middle ;
  color                  : #000000 ;
  background-color       : #ffffff ;
 }
 
 table.kalkylPrislista_mobiltelefon tr.columnHeader,
 table.kalkylPrislista_fasttelefoni tr.columnHeader,
 table.kalkylPrislista_internet tr.columnHeader,
 table.kalkylPrislista_mobiltelefon_bred tr.columnHeader,
 table.kalkylPrislista_fasttelefoni_bred tr.columnHeader,
 table.kalkylPrislista_internet_bred tr.columnHeader,
 table.kalkylPrislista_mobiltinternet_bred tr.columnHeader,
 table.kalkylPrislista_uppringt_bred tr.columnHeader,
 table.kalkylPrislista_paket_bred tr.columnHeader,
 table.operator_lista tr.columnHeader
{
	background-color: #D5D5D5;
	vertical-align: top;
}

 img.personligKalkylMobiltelefonDekoration {
  margin-left            : 278px ;
  margin-bottom          : 5px ;
 }



 /* ========================================================================
  This block of rules is used for the advanced "kalkyl" pages.
  ======================================================================== */

 div#grundval_mobiltelefon, div#flerdetaljer_mobiltelefon, div#tillaggstjanster_mobiltelefon,
  div#grundval_fasttelefoni, div#flerdetaljer_fasttelefoni, div#tillaggstjanster_fasttelefoni,
   .fleruppgifter_paket, .grundval_paket, div#grundval_internet, div#flerdetaljer_internet, div#tillaggstjanster_internet {
  width                  : 629px ;
 }

 div#tillaggstjanster_mobiltelefon, div#tillaggstjanster_fasttelefoni, div#tillaggstjanster_internet {
  margin-bottom          : 4em ;
 }

 #flerdetaljer_mobiltelefon, #tillaggstjanster_mobiltelefon,
  #flerdetaljer_fasttelefoni, #tillaggstjanster_fasttelefoni,
   #flerdetaljer_internet, #tillaggstjanster_internet {
  margin-top             : 34px ;
 }

 /*#grundval_mobiltelefon fieldset {
  background-image       : url(../images/AK-mobiltelefon-grundval-background--629x39.png) ; 
 }*/



#tillaggstjanster_mobiltelefon fieldset {
  background-image       : url(../images/AK-mobiltelefon-tillaggstjanster-background--629x39.png) ;
 }

 #tillaggstjanster_fasttelefoni fieldset {
  background-image       : url(../images/AK-fasttelefon-tillaggstjanster-background--629x41.png) ;
 }

 
.grundval_paket .fieldset_wrap,  #grundval_internet .fieldset_wrap, #grundval_mobiltelefon .fieldset_wrap,
#grundval_fasttelefoni .fieldset_wrap{
	padding				: 15px 0 0 34px; 
	background			: #EAEBE3;
	height				: 30px;
 }
 
 .fleruppgifter_paket .fieldset_wrap
 {
	background			: #EAEBE3;
	height				: 30px;
	color				: #ffffff;
	font-size			: 12px;
	font-weight			: bold;
 }
 
 .fleruppgifter_paket .fieldset_img
 {
	display				: none;
 }
 
 .fleruppgifter_paket .fieldset_div
 {
	width				: 250px;
	height				: 25px;
	padding-left		: 5px;
	padding-top			: 7px;
	background-color	: inherit;
	font-size			: 14px;
 }
  
 .grundval_paket .fieldset_div, #grundval_internet  .fieldset_div, #grundval_mobiltelefon .fieldset_div, 
 #grundval_fasttelefoni .fieldset_div{
  margin-top			: 6px;
  font-size				: 14px;
  font-family			: Verdana;	
  font-weight			: bold;
  margin-left			: 10px;
  float					: left;				
 }
 
 .grundval_paket .fieldset_img, #grundval_internet  .fieldset_img,  #grundval_mobiltelefon .fieldset_img,
 #grundval_fasttelefoni .fieldset_img{
	float				: left;	
	width				: 30px;
	height				: 30px;
  }
  
  .grundval_paket, .fleruppgifter_paket, #grundval_mobiltelefon, #grundval_fasttelefoni,
  #grundval_internet
  {
	margin-bottom: 15px;
  }
  

  
  div.yellow_color_uppgifter .fieldset_div {
	background-color		: #e9b501;
  }
  
  div.blue_color_uppgifter .fieldset_div {
	 background-color		: #24ddd3;
  }
  
  div.orange_color_uppgifter .fieldset_div {
	 background-color		: #FC8404;
  }
  
  div.red_color_uppgifter .fieldset_div {
	 background-color		: #981b1f;
  }



 #grundval_mobiltelefon fieldset, #flerdetaljer_mobiltelefon fieldset, #tillaggstjanster_mobiltelefon fieldset,
  #grundval_fasttelefoni fieldset, #flerdetaljer_fasttelefoni fieldset, #tillaggstjanster_fasttelefoni fieldset,
   .fleruppgifter_paket fieldset, .grundval_paket fieldset, #grundval_internet fieldset, #flerdetaljer_internet fieldset, 
   #tillaggstjanster_internet fieldset {
  background-repeat      : no-repeat ;
  background-position    : top left ;
  color                  : #000000 ;
  background-color       : #eaebe3 ;
  width                  : 100% ;
  border-width           : 0ex ;
  border				 :none ;
 }
 

 #grundval_mobiltelefon fieldset legend, #flerdetaljer_mobiltelefon fieldset legend,  #tillaggstjanster_mobiltelefon fieldset legend,
  #grundval_fasttelefoni legend, #flerdetaljer_fasttelefoni legend, #tillaggstjanster_fasttelefoni legend,
   .fleruppgifter_paket legend, .grundval_paket legend, #grundval_internet legend, #flerdetaljer_internet legend, 
   #tillaggstjanster_internet legend {
  display                : none ;
 }

 #grundval_mobiltelefon table, #flerdetaljer_mobiltelefon table, #tillaggstjanster_mobiltelefon table,
  #grundval_fasttelefoni table, #flerdetaljer_fasttelefoni table, #tillaggstjanster_fasttelefoni table,
   .fleruppgifter_paket table, .grundval_paket table, #grundval_internet table, #flerdetaljer_internet table, 
   #tillaggstjanster_internet table {
  width                  : 558px ;
  border-collapse        : collapse ;
  margin-top			 : 15px ;
  margin-left            : auto ;
  margin-right           : auto ;
 }


 #grundval_mobiltelefon table tr.odd, #flerdetaljer_mobiltelefon table tr.odd, #tillaggstjanster_mobiltelefon tr.odd,
  #grundval_fasttelefoni table tr.odd, #flerdetaljer_fasttelefoni table tr.odd, #tillaggstjanster_fasttelefoni tr.odd,
   .fleruppgifter_paket tr.odd, .grundval_paket tr.odd, #grundval_internet table tr.odd, #flerdetaljer_internet table tr.odd, 
   #tillaggstjanster_internet tr.odd {
  color                  : #000000 ;
  background-color       : #dbdcd4 ;
/*  background-image       : url(../images/AK-oddrow-background--558x29.png) ; */
  background-repeat      : no-repeat ;
 }

 #grundval_mobiltelefon table tr.even, #flerdetaljer_mobiltelefon table tr.even, #tillaggstjanster_mobiltelefon table tr.even,
  #grundval_fasttelefoni table tr.even, #flerdetaljer_fasttelefoni table tr.even, #tillaggstjanster_fasttelefoni table tr.even,
   .fleruppgifter_paket table tr.even, .grundval_paket table tr.even, #grundval_internet table tr.even, 
   #flerdetaljer_internet table tr.even, #tillaggstjanster_internet table tr.even {
  color                  : #000000 ;
  background-color       : #f2f3ee ;
/*  background-image       : url(../images/AK-evenrow-background--558x30.png) ;*/
  background-repeat      : no-repeat ;
  background-position    : top left ;
 }
 
 #grundval_mobiltelefon table tr.empty,
  #grundval_fasttelefoni table tr.empty,
   #grundval_internet table tr.empty,
    .grundval_paket table tr.empty,
     .fleruppgifter_paket table tr.empty
   {
	height: 20px;
  color                  : #000000 ;
  color                  : #000000 ;
  background-color       : #eaebe3 ;
 }

 #grundval_mobiltelefon th, #flerdetaljer_mobiltelefon th, #tillaggstjanster_mobiltelefon th,
  #grundval_fasttelefoni th, #flerdetaljer_fasttelefoni th, #tillaggstjanster_fasttelefoni th,
   .fleruppgifter_paket th, .grundval_paket th, #grundval_internet th, #flerdetaljer_internet th, 
    #tillaggstjanster_internet th {
  text-align             : left ;
  font-size              : 12px ;
  padding-top            : 7px ;
  padding-bottom         : 7px ;
  padding-left           : 8px ;
 }
 
 #grundval_mobiltelefon th.thIndrag, #flerdetaljer_mobiltelefon th.thIndrag, #tillaggstjanster_mobiltelefon th.thIndrag,
  #grundval_fasttelefoni th.thIndrag, #flerdetaljer_fasttelefoni th.thIndrag, #tillaggstjanster_fasttelefoni th.thIndrag,
   .fleruppgifter_paket th.thIndrag, .grundval_paket th.thIndrag, #grundval_internet th.thIndrag, 
    #flerdetaljer_internet th.thIndrag, #tillaggstjanster_internet th.thIndrag
 {
	padding-left: 20px;
	font-weight: normal;
 }

 #grundval_mobiltelefon td, #flerdetaljer_mobiltelefon td, #tillaggstjanster_mobiltelefon td,
  #grundval_fasttelefoni td, #flerdetaljer_fasttelefoni td, #tillaggstjanster_fasttelefoni td,
   .fleruppgifter_paket td, .grundval_paket td, #grundval_internet td, #flerdetaljer_internet td, #tillaggstjanster_internet td {
  padding-left           : 4px ;
  font-size              : 11px ;
  font-size              : 12px ;
  height                 : 30px ;
 }
 
  #grundval_mobiltelefon td.KorgBeskr,  #grundval_fasttelefoni td.KorgBeskr,  #grundval_internet td.KorgBeskr, 
  .fleruppgifter_paket td.KorgBeskr, .grundval_paket td.KorgBeskr
  {
	font-size: 90%;
	width: 30%;
  }

 #grundval_mobiltelefon p, #flerdetaljer_mobiltelefon p, #tillaggstjanster_mobiltelefon p,
  #grundval_fasttelefoni p, #flerdetaljer_fasttelefoni p, #tillaggstjanster_fasttelefoni p,
   .fleruppgifter_paket p, .grundval_paket p, #grundval_internet p, #flerdetaljer_internet p, 
    #tillaggstjanster_internet p {
  margin-left             : 35px ;
  margin-top              : 4px ;
 }

 p.kalkylAdvancedExplained {
  padding-left            : 198px ;
  padding-top             : 4px ;
  margin-left             : -35px ;
  margin-bottom           : -2em ;
 }

 img.avanceradKalkylDekoration {
  margin-left             : 22px ;
 }
 
 p.kalkylAdvancedSok
 {
	padding-top: 10px;
	text-align:center;
 }
 
  /* ========================================================================
  This block of rules is used for webbkarta.aspx
  ======================================================================== */
 
	#webbkarta ul.tree, #webbkarta ul.tree ul { 
		list-style-type		: none; 
		background			: url(../images/vline.png) repeat-y; 
		margin				: 0; 
		padding				: 0; 
	} 

	#webbkarta ul.tree ul { 
		margin-left			: 10px; 
	} 

	#webbkarta ul.tree li 
	{
		list-style-type		:none;
		margin				: 0; 
		padding				: 0 12px; 
		line-height			: 20px; 
		background			: url(../images/node.png) no-repeat; 
	} 

	#webbkarta ul.tree li.last { 
		background			: #fff url(../images/lastnode.png) no-repeat; 
	}





 /* ========================================================================

  ======================================================================== */

 div#produktFakta_mobiltelefon, div#produktFakta_fasttelefon, div#produktFakta_internet, div#produktFakta_mobiltinternet, div#produktFakta_paket {
  border-style           : solid ;
  border-width           : 1px ;
  border-color           : #9a9a9a ;
  padding-bottom         : 1em ;
 }

 #produktFakta_mobiltelefon table.faktaPriser, #produktFakta_fasttelefon table.faktaPriser, #produktFakta_internet table.faktaPriser,
 #produktFakta_mobiltinternet table.faktaPriser, #produktFakta_paket table.faktaPriser{
  min-width              : 540px ;
  width                  : 800px ;
  margin-right           : 5px ;
  border-style           : solid ;
  border-width           : 1px ;
  border-color           : #cccccc ;
  border-collapse        : collapse ;
  border-spacing         : 0ex ;
  margin-top             : 1em ;
  margin-left            : auto ;
  margin-right           : auto ;
  width                  : 99% ;
}

 #produktFakta_mobiltelefon table.faktaPriser th, #produktFakta_fasttelefon table.faktaPriser th, #produktFakta_internet table.faktaPriser th,
 #produktFakta_mobiltinternet table.faktaPriser th,  #produktFakta_paket table.faktaPriser th {
  font-size              : 12px ;
  border-style           : solid ;
  border-width           : 1px ;
  border-color           : #cccccc ;
  padding-left           : 15px ;
  padding-right          : 15px ;
 }

 #produktFakta_mobiltelefon table.faktaPriser tr, #produktFakta_fasttelefon table.faktaPriser tr, #produktFakta_internet table.faktaPriser tr,
 #produktFakta_mobiltinternet table.faktaPriser tr, #produktFakta_paket table.faktaPriser tr {
  font-size              : 12px ;
  border-style           : solid ;
  border-width           : 1px ;
  border-color           : #cccccc ;
  height                 : 30px ;
 }

 #produktFakta_mobiltelefon table.faktaPriser td, #produktFakta_fasttelefon table.faktaPriser td, #produktFakta_internet table.faktaPriser td,
 #produktFakta_mobiltinternet table.faktaPriser td, #produktFakta_paket table.faktaPriser td {
  padding-left           : 15px ;
  padding-right          : 15px ;
  empty-cells            : show ;
 }

 #produktFakta_mobiltelefon table.faktaPriser td.price, #produktFakta_fasttelefon table.faktaPriser td.price, #produktFakta_internet table.faktaPriser td.price,
 #produktFakta_mobiltinternet table.faktaPriser td.price,  #produktFakta_paket table.faktaPriser td.price {
  font-size              : 12px ;
  text-align             : left ;
 }


 #produktFakta_mobiltelefon table.faktaPriser tbody th, #produktFakta_fasttelefon table.faktaPriser tbody th, #produktFakta_internet table.faktaPriser tbody th,
 #produktFakta_mobiltinternet table.faktaPriser tbody th,  #produktFakta_paket table.faktaPriser tbody th {
  width                  : 146px ;
  text-align             : left ;
  font-weight            : 100 ;
 }


 table.faktaPriser tr.topLevel {
  color                  : #000000 ;
  background-color       : #e2e0e3 ;
 }
 
 table.faktaPriser tbody td.borderUnder {
  border-bottom-style     : solid ;
  border-bottom-width    : 1px ;
  border-bottom-color    : #cccccc 
 }


 #produktFakta_mobiltelefon h4.productName, #produktFakta_fasttelefon h4.productName, #produktFakta_internet h4.productName,
 #produktFakta_mobiltinternet h4.productName, #produktFakta_paket h4.productName {
  padding-top            : 4px ;
  padding-bottom         : 6px ;
  text-align             : center ;
  border-bottom-style    : solid ;
  border-bottom-width    : 1px ;
  border-bottom-color    : #9a9a9a ;
 }


 #produktFakta_mobiltelefon h4.productName {
  color                  : #000000 ;
  background-color			: #ead1d2
  /*background-color       : #e0d5e7 ;
  background-color       : #ccccff ;*/
 }

 #produktFakta_fasttelefon h4.productName {
  color                  : #000000 ;
  background-color			: #fbf0cc
  /* background-color       : #e8f4d9 ;
  background-color       : #b7ca93 ;*/
 }

 #produktFakta_internet h4.productName {
  color                  : #000000 ;
  background-color			: #d3f8f6
  /*background-color       : #d0f0fb  ;
  background-color       : #8eafcd ;*/
 }
 
  #produktFakta_mobiltinternet h4.productName {
  color                  : #000000 ;
  background-color			: #ccf3e4
  /*background-color       : #ccdbe8  ;
  /*background-color       : #99ccff ;*/
 }
 
 #produktFakta_paket h4.productName {
  color                  : #000000 ;
  background-color       : #fee6cd  ;
  /*background-color       : #99ccff ;*/
 }

 .formControlsRight {
  text-align             : right ;
 }

.formControlsCenter {
  text-align             : center;
 }
 
 p.formControlsCenterAdvanced {
  text-align             : right;
  max-width              : 95ex ;
  padding-right			: 15px;
 }

 p.introTextAdvanced {
  /*width                  : 629px ;*/
  width					 : 85ex;
  margin-top			 : 1em;
  padding-bottom		 : 15px;
  
 }

 .ordlista {
  position               : relative ;
  left                   : 32px ;
  width                  : 589px ;
  top                    : 38px ;
  height                 : 44px ;
  margin-bottom          : 35px ;
  display                : block ;
 }

 .contactForm, .tipsaForm {
  background-image       : url(../images/form-background-629x40.png) ;
  background-repeat      : no-repeat ;
  background-position    : top left ;
  width                  : 629px ;
  color                  : #000000 ;
  background-color       : #eaebe3 ;
 }

 .contactForm table, .tipsaForm table {
  margin-top             : 2em ;
  margin-left            : 1em ;
  padding-bottom         : 2em ;
 }

 .contactForm th, .tipsaForm th {
  text-align             : left ;
  font-weight            : 100 ;
 }


 .contactForm textarea, .tipsaForm textarea {
  width                  : 400px ;
 }

 p.ingress {
  position               : relative ;
  margin-top             : -20em ;
 }
 
 p.ingressWPict {/*With picture*/
  position               : relative ;
  margin-top             : -13em ; 
 }
 p.ingressWPNoHI {/*With picture no header image*/
  position               : relative ;
  margin-top             : -18em ;
 }

 /* ========================================================================
  NOTE: this is a hack. Since IE 6 doesn't understand adjacent selectors
  (+) the following will apply only to Opera, Firefox, Safari, IE 7, etc,
  and place a border around any P following a P with class ingress, so that
  it sits prettily where it should.
  ======================================================================== */
 p.ingress + p {
  border                 : solid 1px white ;
 }

 img.decorativeImageInText {
  position               : relative ; 
  /*top                    : -100px ;*/
  left                   : 75ex ;
 }

 td.sortDetails {
  vertical-align         : middle ;
  padding-top            : 2px ;
  padding-bottom         : 2ex ;
 }

 td.sortDetails div.form, td.sortDetails fieldset, td.sortDetails input {
  display                : inline ;
 }

 td.sortDetails input {
  margin-left            : 1ex ;
  margin-top             : 4px ;
 }
 
 th.sortDetails 
 {
	font-weight:normal;
 }
 
 
 /*kasj*/
 INPUT.short1 {
	width:40px;
}
 #kalkylBar div.form input.ieFix, #kalkylBar div.form input.ieFix2 {
   width:40px;
 }
 
 SELECT.dropCountry
{
	width: 80%;
}

 SELECT.dropKommun
{
	width: 60%;
}

.kriterierLista  {
  list-style-type		:square;
 }
 
 /*kasj hit*/
 /*MB*/

.tblLetters {
margin: 0px;
}
.tblLetters TD.middleLetter {
	padding: 2px;
}
.tblLetters TD.firstLetter {
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.tblLetters TD.lastLetter {
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 2px;
}
a.letterLink {
	border		: 0px;
}

.glossaryItem {
	list-style	: none;
	padding		: 0px;
	border		: none;
	margin		: 0;
}

.glossaryLabel {
  font-size              : 12px ;
	font-weight: bold;
	margin-top:	20px;
	margin-bottom: 0;
	padding: 0;
}
.glossaryDescription {
  font-size              : 12px ;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 40px;
	padding: 0;
  width: 300px;
}

table.generalTable
{
	border:1px solid #A9ABAA;
	border-collapse: collapse;
	border-spacing: 0;
	
	width: 570px;
	margin-bottom : 10px;
}

table.generalTable td, table.generalTable th
{
	border:1px solid #A9ABAA;
	font-size:10px;
	height:19px;
	padding-left:4px;
	padding-right:4px;
}

table.generalTable th
{
	vertical-align: top;
	background-color: #d5d5d5;
}

h1.hdrGlossary {
	font-size: 		14px;
	font-weight:	bold;
}

 table.glossary {
  margin-left            : 0px ;
  margin-top             : 0px ;
 }

 table.glossary, table.glossary th, table.glossary td {
	vertical-align: top;
 }

 table.glossary .columnOne, table.glossary .columnTwo, table.glossary .columnThree {
  width                  : 300px ;
 }

 table.glossary .columnTwo, table.glossary .columnThree {
  padding-left           : 74px ;
 }


 table.glossary tbody tr.topRow td {
  padding-top            : 73px ;
 }

 table.glossary a:link, table.glossary a:visited {
  text-decoration        : none ;
 }
 
 
 /*kasj*/

.tblPopup {
	border-collapse: collapse;
	margin-top:15px;
	margin-bottom: 5px;
	width: 330px;
}


.tblPopup TH
{
	text-align: left;
	vertical-align: top;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
	background-color:White ;
	font-weight:normal;
	border: 1px solid #CCCCCC;
	font-size: 10px;
}

.tblPopup TD 
{
	border: 1px solid #CCCCCC;
	font-size: 10px;
	text-align: left;
	vertical-align: top;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}

div#CloseButton
{
	text-align: right;
	width: 330px;
}

div.rightAlign
{
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
}

.clear 
{
	clear: both;
}


INPUT.radio {
	margin: 0px 1px 0px 1px;
	width:auto;
}

SPAN.radio INPUT{
	margin: 2px 2px 0px 2px;
	width:auto;
}

INPUT.checkbox {
	margin: 0px 1px 0px 1px;
	width:auto;
}

SPAN.checkbox INPUT{
	margin: 0px 2px 0px 2px;
	width:auto;
}

div.dimrow
{
	opacity:0.40;
	filter:alpha(opacity=40);
}


 /* ========================================================================
  This is for Paket - prislista
  ======================================================================== */

#paket_selections
 {
	font-size: 10px !important;
 }
 
 #paket_selections fieldset
 {
	padding: 10px;
	border:1px solid #A9ABAA;
	height: 175px;

 }
 
 #paket_selections legend
 {
	/*border: 1px solid;*/
	padding: 2px 2px;
 } 
 
 #paket_selections p
 {
	font-size:10px !important;
	margin-top:0;
	margin-bottom: 3px;
 }
  
  #paket_selections .threecol {
	 float:left;
	 margin-left: 30px;
	 height: 175px;
  }
  #paket_selections .threecol_plusone {
	 float:left;
	 margin-left: 10px;
	 height: 175px;
	 text-align:left;
  }
  
  #paket_selections .threecol_big {
	 float:left;
	 margin-left: 30px;
	 height: 175px;
  }
  
  #paket_selections .twocol_big
  {
	float:left;
	width:60%;
  }
  
  #paket_selections .twocol_small
  {
	float:left;
	width:40%;
  }
  
  #paket_selections .threecol_no_margin
  {
	 float:left;
  }
  
 #paket_selections fieldset ol {
  margin: 0;
  padding: 0;
 }
 
 #paket_selections fieldset li {
  list-style: none;
  padding-bottom: 5px;
  margin: 0;
 }
 
 #paket_selections fieldset label
 {
	margin-top: 2px;
	vertical-align:top;
 }
 
 .imgage_middle
 {
	text-align: center;
	padding: 3px;
 }
 
 
 .search_button_paket
 {
	margin-left: 15px;
	padding-top: 2px;
 }
 
a.warning img
 {
     height: 15px;
     width: 15px;
 }
	
div.left_begransning_1st
{
 	float: left; 
 	text-align:right; 
 	width:60%;
}

div.left_begransning_2nd
{
 	float: left; 
}

.lblAcceptCookies, .cbAcceptCookies
{
	font-size:11px;
	margin-top:10px;
}

.extraHeaderAcceptCookie
{
	font-size :11px;
	color:Red;
}