/* ------------------------------------------------ \\
| Author            | Edvard Wendelin               |
| Date created      | 04.01.2005                    |
| Last modified     | 07.01.2005                    |
| Additional notes  | -                             |
\\--------------------------------------------------*/

/* --------------------- CSS according to start.con indents ---------------------*/

body {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; margin: 0; padding: 0; background: url(../img/bg_body.gif)  #002952 repeat-x  fixed bottom;}
#start, #recepie, #beige, #registry, #fullText { text-align:center;}

  #container { margin: 0 auto; width: 770px; text-align: left !important; }
    #header img {float: left; border-left: 1px solid #CCC; margin: 0;}
    #decoration {float: right;}
    #header #pageNav {float: right; top: 10px; position: relative; color: #747C83;  }
      #header strong {color: #CCC; font-size: 10px;}
      #header a {color: #999; text-decoration:none; }
      #header a:hover {color: #999; text-decoration:underline; }
    #topMenu { background: url(../img/bg_topmenu.gif) repeat-x; height: 25px; margin:0; clear: both; z-index: 2;}
    /* now applying clearing rules after the contentcontainer in order to seal the
    content in after floating it*/
    /* Hides from IE-mac \\*/
    #topMenu:after {content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}
    /* End hide from IE-mac */
      /* the class topMenu is for the ul, the id is for the wrapperdiv */
      .topMenu {width: 595px; float: right; list-style: none; margin: 0; padding: 0; }
        .topMenu li {float: left; background: url(../img/bg_li.gif) no-repeat top left; display: block;height: 25px; width: 1em; white-space: nowrap; }
        /* Hides from IE-mac \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
        .topMenu>li {width: auto !important;}
        /* End hide */
          .topMenu li a {padding: 0 10px; display: block; margin: 3px 0; color: #FFF; text-decoration: none; font-size: 11px; }
            .topMenu li a img {border: 0; margin: 1px 0 -5px 0; display: inline;}

      #topMenu h3 {float: left; padding: 0 0 0 20px; color:#FFF; font-size: 10px; line-height: 21px; margin: 0; white-space: nowrap; }
    /* This is for the top subMenu found on some of the pages! */
    #subMenu {background: url(../img/bg_subMenu.gif) no-repeat; clear: left; height: 19px; margin: -2px 0 0 0; }
    /* Hides from IE-mac \\*/
    #subMenu:after {content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}
    /* End hide from IE-mac */
      .subMenu {margin: 0 0 0 175px; padding: 0; list-style: none;}
        .subMenu li {float: left; padding: 0 10px; line-height: 16px; background: url(../img/bg_subMenu_li.gif) no-repeat 0 2px; }
          .subMenu a {color: #333; text-decoration: none;}
          .subMenu a:hover {text-decoration: underline;}
    /* contentContainer is just a wrapper div for the content and the left menu. The contentcontaienr
       holds the different backgrounds also. A template has a body ID you can use in order to make
       unique pages */
    #start #contentContainer {background: url(../img/bg_content.gif); height: 1em; clear: left; border: 0;}
    #recepie #contentContainer, #white #contentContainer, #fullText #contentContainer {background: url(../img/bg_content_full.gif); height: 1em; clear: left;}
    #beige #contentContainer {background: url(../img/bg_content_2.gif); height: 1em; clear: left;}
    #registry #contentContainer {background: #FFF; height: 1em; clear: left;}
    #forum #contentContainer {background: url(../img/bg_forum.gif); height: 1em; clear: left;}
    /* CSS-hack: height bug in IE*/
    #container>#contentContainer {height: auto;}
    /* clearing the floats within Content, same reason as above */
    /* Hides from IE-mac \\*/
    #contentContainer:after {content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}
    /* End hide from IE-mac */
      /* content is for ALL text flow on the page */
      #forum #content {width: 100%;}
      #content {width: 595px; float: right;}
      #registry #content {width: 100%;}
      /* clearing the floats within Content, same reason as above */
      /* Hides from IE-mac \\*/
      #content:after {content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}
      /* End hide from IE-mac */
        /* wideColumn is for the widest textblocks, in this case in the center area */
        #wideColumn {width: 395px; float: left; padding: 0 0 30px 0;  color: #747C83;}
        #fullText #wideColumn, #registry #wideColumn {width: 100%; }
        #beige #wideColumn {width: 422px;}
        #white #wideColumn {width: 425px;}
        #recepie #wideColumn {width: 415px;}
        #forum #wideColumn {width: 550px;}
          #wideColumn div {margin: 10px 15px; padding: 10px;}
          /* Lemon Hack */
          #wideColumn>div {height: auto !important;}
              #wideColumn a {color: #0066CC; }
              #wideColumn a:hover {color: #7BA6CA;}
              #wideColumn hr {border-bottom: 1px dashed #808080; color: transparent; background: transparent; border-top: 0px; height: 1px; margin: 10px 0;}
        /* narrowColumn is for the lists, in this case to the right */
        #narrowColumn {width: 200px; float: right; padding: 0 0 40px 0;}
         #beige #narrowColumn, #white #narrowColumn {width: 170px;}
         #forum #narrowColumn {width: 220px;}
        #recepie #narrowColumn {width: 180px;}
          #narrowColumn div {margin: 10px 5px; padding: 10px;}
            #narrowColumn a {text-decoration: none;}
            #narrowColumn a:hover {text-decoration: underline;}
             #narrowColumn div .normal{margin: 0; padding: 0;}
            #narrowColumn hr {color: transparent; background: transparent; border: dashed #808080; border-width: 0 0 1px 0; height: 1px; margin: 10px 0 10px 0;}
            #narrowColumn p {font-size: 10px;}
            #narrowColumn img {border: 1px solid #747C83;}
            #narrowColumn dl {margin: 0 0 20px 0; padding: 0;  color: #394552; font-weight: bold;}
            #narrowColumn dt {background: url(../img/bg_dl_top.gif) no-repeat; padding: 10px 0; text-transform: uppercase; text-align: center;}
            #narrowColumn dd {background: url(../img/bg_dl_bottom.gif) repeat-y bottom left; margin: 0; padding: 6px 6px 15px 6px;}
            #narrowColumn dd ul {margin: 0; padding: 0; list-style: none;}
            #narrowColumn dd ul li {padding: 3px;}
            #narrowColumn dd ul li a {font-weight: normal;}

            #narrowColumn h2 {font-size: 10px;}

            .member ul {margin: 0 0 15px 0; padding: 0; list-style: none; }
              .member ul li {background: url(../img/kna_meny_member.gif) no-repeat -7px 0; padding: 2px 0 2px 15px;  font-weight: bold; color: #999;}
                .member ul li a {font-weight: bold;color: #993333;}
                .member ul li a.inactive {color: #999;}
      /* menu is for the left menu */
      #menu {width: 175px; float: left; padding: 0 0 55px 0;}
        #menu div {margin: 0 10px;}
		#menu div .partner {margin: 0px;}
          /* the class is for the ul and the id is for the containing div */
          .menu {margin: 20px 0 0 -5px; list-style: none; padding: 0;}
            .menu li {margin: 3px 0; background: url(../img/kna_meny.gif) no-repeat 0 -3px; padding: 0 0 0 20px; }
            .menu .active {background: url(../img/kna_meny_active.gif) no-repeat 0 -3px ; }
              .menu li ul {padding-left: 5px; margin: 0; list-style-type: none !important;}
              .menu li ul {display: none;}
              .menu .active ul {display: block;}
                .menu li li {background: url(../img/kna_meny_sub.gif) no-repeat ; padding: 0 0 0 10px; list-style: none;}

          #menu a {text-decoration: none;}
          #menu a:hover {text-decoration: underline;}
          #menu hr {background: #D2D0C2; color:#F3F1E1; margin: 10px 0; height: 2px; border-top: 1px solid #D2D0C2;border-bottom: 1px solid #F3F1E1; border-left: 0px; border-right: 0px;}
          #menu input {width: 100px; border: 1px solid #7F9DB9;}
          #menu p {font-size: 10px; color: #394552;}

        #banners {position: relative; top: -60px; clear: both;}
          #banners img {margin: 0;}



    #footer {clear: both; text-align: center; color: #CCC; position: relative; top: -50px;}
      #footer p {margin: 7px 0; color: #CCC;}
        #footer a {color: #CCC;}


/* --------------------- General styles for (Skargardssmak) --------------------- */

H1 {font-family: georgia,times new roman,arial,verdana,sans-serif; font-size:	26px; letter-spacing: 1px; color: #747C83; font-weight: normal; margin: 0px 0 25px 0; } /*Stor rubrik */
H2 {font-size: 11px;  text-transform: uppercase; color: #747C83; padding: 0 0 10px 0; margin: 0; } /*Mellan rubrik */
H3 {font-size: 11px; color: #747C83; margin:0; padding: 0; } /*Liten rubrik */
H4 {font-family: georgia,times new roman,arial,verdana,sans-serif; font-size:	18px; letter-spacing: 1px; color: #747C83; font-weight: normal; margin: 35px 0 25px 0; } /*Stor rubrik (mindre)*/

p { color: #747C83; line-height: 14px; font-size: 11px; margin: 0 0 15px 0; }
a img { border: 0;}
form {margin: 0; padding: 0;}
input, textarea {font-size: 10px; margin: 0 0 5px 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
select {font-size: 10px;}
a {color: #0066CC;}
.borderText {border-bottom: 1px dashed #808080; margin-bottom: 10px  !important;}
strong {font-size: 11px; margin: 0 0 15px 0;}
.button {background: url(../img/bttn_submit.gif) no-repeat; width: 42px !important; height: 19px !important; color: #FFF; font-size: 10px; }
.right {float: right;}
hr {clear: both;}
form {margin: 0; padding: 0;}
  form dl {margin: 0; padding: 0;}
  /* Hides from IE-mac \\*/
  form dl:after {content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}
  /* End hide from IE-mac */
    form dl dt {width: 105px; float: left; background: #F4F1E1; padding: 0; margin: 0;clear: left; height: 22px; }
    #wideColumn div form dl dd {float: right;  width: 100%; margin: 0 0 0 -106px;padding: 0 0 0 108px;}
      .frmText {margin: 0 0 0 108px !important ;}
  form .frmSubmit {clear: both; float: right; margin: 15px 0 0 0;}
  /* Hides from IE-mac \\*/
  form .frmSubmit:after {content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}
  /* End hide from IE-mac */

.destination {margin: 20px 0 -10px 0;}
  form dl {margin: 0; padding: 0;}
    form dl dt {margin: 0; padding: 2px 0; height: auto; font-weight: bold; color: #747C83; }
    form dd {margin: 0 0 10px 0; padding: 0;}
      .destination select {width: 100%;}
      .destination .button {float: right;}

#linkList {margin: 0 0 10px 0; padding: 0; list-style: none; clear: both;}
  #linkList li { padding: 3px 0 3px 20px; background: url(../img/kna_linklist.gif) 0 4px no-repeat; color: #888; }
    #linkList a {color: #0066CC; font-style: normal; }

/* ----------- FORM STYLES ---------- */

#frmLimeForm {padding: 0; margin:-20px; }
.form_table { width: 100%; margin: 15px 0 ;color: #333; font-size: 11px;}
  .form_table input { margin: 0px; }
  .field_input {width: 384px;}
  .form_table textarea {width: 384px; height: 80px;}
  .form_table td {vertical-align: middle; background: #F4F1E1; padding: 4px; }
  td.label_td { width: 150px;}
  td.field_td {padding: 0;}

.categories {margin: 15px 0; border-collapse: collapse;  border-bottom: 1px dotted #CCC; width: 100%;  }
  .categories td {padding: 5px 5px 10px 5px; vertical-align: top;}
  .categories .noimg {width: 100%; height: 85px; display: block;  margin: 0 !important; padding: 0 !important;}
  .categories p {margin: 0 0 -15px 0 !important; padding: 0 !important;}
    .categories td img {margin: 0 0 5px 0 !important; max-width: 170px !important; max-height: 85px;}
    .categories td a {font-weight: bold;}
    .categories .border {border: dotted #CCC; border-width: 0px 1px 0 1px;}

.srchResult {margin: 15px 0;   width: 100%; }
.srchResult thead {font-weight: bold;}
  .srchResult td {padding: 4px; margin: 1px; background: #F4F1E1;}

.fldName {width: 320px;}

.clear {clear: both; line-height: 1px; }

#registry {width: 100%;}
#registry thead td {font-weight: bold; border-bottom: 1px solid #CCC;}
#registry .break {font-size: 2px; height: 2px; line-height: 2px;padding: 0 !important; margin: 0 !important;}
#registryForm {float: right; padding: 12px; border: 1px solid #CCC; }
.infotext {font-size: 9px; font-color: #CCC; margin: 10px 0 35px 0; display: block;}
.center {text-align: center;}

	.bgdashedtable
	{
	border-left:1px solid #AAA;
	border-bottom:1px solid #AAA;
	border-top:1px solid #AAA;
	border-right:1px solid #AAA;
	padding:5px 0 2px 2px;
	background: url("../img/barbg.gif") repeat-x;
	color: #F0F0F0;
	}

  #forum #menu {display: none;}