/* base - The base font-size is set in includer jsp file */
body, table, td, p, div, a, input, textarea, select, h1, h2, h3, h4  { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; }
/* position: relative; due to IE6 float bug */
h1, h2, h3, h4, p { position: relative;}
h1 { margin: 0em 0em 0.2em 0em; font-size: 110%; }
h2 { margin: 0em 0em 0.1em 0em; font-size: 105%; }
h2.SgDownpusher {}
h2.SgCrazyRow {}
h3 { margin: 0em; font-size: 100%;}
h4 { margin: 0em; font-size: 100%;}

/** Recept **/
#recAdvancedOptions { display: none; }
#recLessAlt { display: none; }
.recStyleIcon { position: relative; top: 4; }
.c1RecSearchTable { background-color: #F6F5F1; }
.c1RecSearchTable tr.rowLineFirst td { border-bottom: 1px solid #DDDBCE; border-top: 2px solid #DDDBCE; padding-top: 0.8em; }
.c1RecSearchTable tr.rowLine td { border-bottom: 1px solid #DDDBCE; }
.c1RecSearchTable tr.rowLine td.cell1, .c1RecSearchTable tr.rowLineFirst td.cell1 { border-left: 5px solid #F6F5F1; text-align: right; width: 10%; white-space: nowrap; }
.c1RecSearchTable tr.rowLine td.cell2, .c1RecSearchTable tr.rowLineFirst td.cell2  { border-right: 5px solid #F6F5F1; width: 90%; }
.c1RecSearchTable tr.srcBtnTr td { border-right: 5px solid #F6F5F1; border-left: 5px solid #F6F5F1; }
.c1RecSearchTable tr td.cellfull {  border-bottom: 1px solid #DDDBCE; border-right: 5px solid #F6F5F1; width: 90%; border-left: 5px solid #F6F5F1; }
.c1RecSearchTable tr td.rowMoreSearchTable { border-bottom: 1px solid #DDDBCE; border-top: 1px solid #DDDBCE;}
.c1RecPaging {
	border-bottom: 1px solid #DDDBCE;
	border-top: 1px solid #DDDBCE;
	background-color: #F6F5F1;
	text-align: center;	
	padding-bottom: 5px;
	padding-top: 5px;
}

/******************************************************************
* 	Recept Sök wide 650px
******************************************************************/
.c1WideSearchTable .head                { background-color: #EEEEEE; }
.c1WideSearchTable .type                { border-top: 1px solid #DDDBCE;}
.c1WideSearchTable .type                { border-bottom: 1px solid #DDDBCE;}
.c1WideSearchTable div.vr               { background-color: #DDDBCE; }
.c1WideSearchTable .content             { background-color: #F6F5F1; }

.c1WideSearchTable div.vr br            { display:none; }
.c1WideSearchTable div.vr               { height: 90px; width: 1px; margin-top:5px; margin-bottom:5px; margin-right:10px; margin-left:4px;}
.c1WideSearchTable th                   { text-align:left; font-size: 70%; font-weight: bold; }

.c1WideSearchTable .heading,
.c1WideSearchTable .heading div         { width:125px;}
.c1WideSearchTable .head .search        { width:110px; }
.c1WideSearchTable .head .search input  { width:100px; }
.c1WideSearchTable .grid                { width:100px; }
.c1WideSearchTable .content             { padding-top:10px; padding-bottom:10px; }
.c1WideSearchTable .heading div         { overflow: hidden;}
 .c1WideSearchTable .type               { margin-top: 10px; margin-bottom: 10px; }
 .c1WideSearchTable .head h1 { font-size: 120%; }

div.c1RecIng {
	z-index: 1;
	position: relative;
}
div.c1RecIngDiv { 
	z-index: 100;
	position: absolute;
	top: 1em;
	left: 0px;
	background-color: #EEEEEE;
	border: 1px solid #000000;
	padding-top: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 5px;
	visibility: hidden;
}
/* For table Pyjamas and lines */
.c1PyjamaOdd { background-color: #F6F5F1; }
.c1PyjamaEven { background-color: #FDFCF8;}
/** END Recept **/

input.formRecSearch, select.formRecSearch { width: 150px; }

.w25  { width: 25%;  }
.w33  { width: 33%;  }
.w50  { width: 50%;  }
.w66  { width: 66%;  }
.w75  { width: 75%;  }
.w100 { width: 100%; }

.p100 { width: 100px; }
.p200 { width: 200px; }

/* TODO: Remove? */
.SgExmatUl, .SgExmatLi { margin: 0px; padding: 0px; }
.SgExmatUl { list-style-type: none; list-style-position : outside; }
.SgExmatLi { background-repeat: no-repeat; background-position: 0em 0.4em; padding-left: 16px; }

/* START New Styles */
.SgQuote { display: inline; }
.SgListingHolder { margin: 0.5em 0 0 0; }
/* position: relative; due to IE6 float bug */ 
.SgListingIconDiv { position: relative; background-repeat: no-repeat; padding: 0 0 0.2em 14px; }
a.SgListingIcon { background-repeat: no-repeat; }
.SgListingDiv { margin: 0 0 0.3em 0; }
.SgExMatHolder { margin-top: 4px; }
.SgIHolderFleft  { float: left; text-align: left; margin: 1px 8px 5px 0px; display: inline; }
.SgIHolderFright { float: right; text-align: left; margin: 1px 0px 5px 8px; display: inline; }
.SgIHolderFullW { margin-bottom: 0.4em;}
.SgImageWText { margin-bottom: 0.3em;}

/* END NEW STYLES */

/* Global meny - colors set in glocal stylesheet */
.SgMenTr        { background-color: #000066; }
.SgMenMargin    { background-color: #9999CC; }
.SgBgWhite      { background-color: #FFFFFF; }
.SgMenuPadded   { padding-top: 2px; padding-bottom: 3px; }

/* Styles for localmenu, to alter redefine them in local (site) stylesheet */
.SlRegionalMenuSpan { }
.SlRegionalMenu, .SlRegionalMenu:visited        { text-decoration: none; }
.SlRegionalMenu:hover, .SlRegionalMenu:visited:hover  { text-decoration: underline; }
.SlRegionalMenuActive, .SlRegionalMenuActive:visited        { text-decoration: none; font-weight: bold; }
.SlRegionalMenuActive:hover, .SlRegionalMenuActive:visited:hover  { text-decoration: underline; font-weight: bold; }

/* Styles for secondmenu, to alter redefine them in local (site) stylesheet */
.SlSecondMenuSpan { }
.SlSecondMenu, .SlSecondMenu:visited        { text-decoration: none; }
.SlSecondMenu:hover, .SlSecondMenu:visited:hover  { text-decoration: underline; }
.SlSecondMenuActive, .SlSecondMenuActive:visited        { text-decoration: none; font-weight: bold; }
.SlSecondMenuActive:hover, .SlSecondMenuActive:visited:hover  { text-decoration: underline; font-weight: bold; }

/* links */
a, a:visited, a:active    { color: #003399; text-decoration: none;}
a:hover, a:visited:hover  { color: #666666; text-decoration: underline;}
a.SgLasMer          { /*white-space: nowrap; font-weight: normal;*/ }

/* Footer */
a.SgFooterLink, a.SgFooterLink:link, a.SgFooterLink:visited, a.SgFooterLink:active  {  color: #003399; text-decoration: none; }
a.SgFooterLink:hover, a.SgFooterLink:link:hover, a.SgFooterLink:visited:hover {  color: #003399; text-decoration: underline; }
.SgFooter { padding-left: 0.8em; font-size: 0.8em; color: #666666; white-space: nowrap; }
div.SgFooterLine { float: right; width: 650; border-top: 1px solid; border-top-color: #100073; padding-top: 5px; margin: 8 0 3 0; }
div.SgFooterNoLine { float: right; width: 650; margin: 8 0 3 0; }

  /* bold links */
  a.SgLinkBold, a.SgLinkBold:visited, a.SgLinkBold:active   { color: #003399; text-decoration: none; font-weight: bold;}
  a.SgLinkBold:hover, a.SgLinkBold:visited:hover        { color: #666666; text-decoration: underline; font-weight: bold;}

  /* Headline links */
  .SgHeadlineLink, .SgHeadlineLink:visited          { color: #000000; text-decoration: none; }
  .SgHeadlineLink:hover, .SgHeadlineLink:visited:hover  { color: #000000; text-decoration: none; }

  .SgHeadlineLinkDark, .SgHeadlineLinkDark:visited          { color: #666666; text-decoration: none; }
  .SgHeadlineLinkDark:hover, .SgHeadlineLinkDark:visited:hover  { color: #666666; text-decoration: none; }

  /* Latest news links */
  .SgShortPuff, .SgShortPuff:visited          { color: #000000; text-decoration: none; }
  .SgShortPuff:hover, .SgShortPuff:visited:hover  { color: #003399; text-decoration: underline; }

  /* links.Globalmenu The color is set in the Local stylesheet xxxSL.css */
  /* TODO: try other typefaces */
  a.SgGlobalMenu, a.SgGlobalMenu:link, a.SgGlobalMenu:visited       { font-size: 11px; color: #FFFFFF; text-decoration: none; font-weight: normal; }
  a.SgGlobalMenu:hover, a.SgGlobalMenu:link:hover, a.SgGlobalMenu:visited:hover { font-size: 11px; text-decoration: underline; color: #FFFFFF; font-weight: normal; }
  a.SgGlobalMenuActive, a.SgGlobalMenuActive:visited  { font-size: 11px; color: #FFFFFF; text-decoration: none; font-weight: bold; }
  
  /* Menu */
  a.SgNavigation,a.SgNavigation:visited {
  	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 1px;
 	padding-left: 4px;
	font-size: 110%;
    color: #444444;
    display: block;
    text-transform: lowercase;
    text-decoration: none;
  }
  
  a.SgNavigation:hover,a.SgNavigation:visited:hover {
    color: #000000;
	background-color: #EEEEEE;
    text-decoration: none;
  }

  a.SgNavigationActive,a.SgNavigationActive:visited,a.SgNavigationActive:hover {
    padding: 1px;
	font-size: 110%;
    margin: 0px;
    margin-left: 4px;
    color: #444444;
    display: block;
    text-transform: lowercase;
    text-decoration: none;
  }

  /* links.Clocalmenu The color is set in the Local stylesheet xxxSL.css */
  .SgGlocalMenu, .SgGlocalMenu:visited        { font-size: 11px; font-weight: bold; text-decoration: none; }
  .SgGlocalMenu:hover, .SgGlocalMenu:visited:hover  { font-size: 11px; font-weight: bold; text-decoration: none; }
  .SgGlocalMenuActive,.SgGlocalMenuActive:visited   { font-size: 11px; font-weight: bold; text-decoration: none; }

  /* Sitename */
  a.SgMenuSiteName, a.SgMenuSiteName:visited  { color: #FFFFFF; text-decoration: none; }
  a.SgMenuSiteName:hover, a.SgMenuSiteName:visited:hover  { color: #FFFFFF; text-decoration: underline; }

/* Zoombara stilar - Text som kan ändra storlek efter användarens önskemål även i IE på PC, font-size anges i % */
.SgZText        { line-height: 130%; }
.SgZTextDark      { line-height: 130%; color: #666666; }
.SgZTextLight     { color: #FFFFFF; }
.SgZBoldText      { line-height: 130%; font-weight: bold;}
.SgZBoldTextDark    { line-height: 130%; color: #666666; font-weight: bold; }
.SgZIntroTextDark   { font-size: 105%; color: #666666; font-weight: bold; }
.SgZIntroText     { font-size: 105%; font-weight: bold; }
.SgZIntroTextNormal   { font-size: 105%; font-weight: normal; }
.SgZHeading1      { font-size: 180%; font-weight: bold; }
.SgZHeading2      { font-size: 155%; font-weight: bold; }
.SgZHeading3      { font-size: 110%; font-weight: bold; }
.SgZHeading4      { color: #333333; font-weight: bold; }
.SgZHeadingNormal1  { font-size: 150%; font-weight: normal; }
.SgZHeadingNormal2  { font-size: 130%; font-weight: normal; }
.SgZHeadingNormal3  { font-size: 115%; font-weight: normal; }
.SgZHeading1Dark    { font-size: 180%; font-weight: bold; color: #666666; }
.SgZHeading2Dark    { font-size: 150%; font-weight: bold; color: #666666; }
.SgZHeading3Dark    { font-size: 110%; font-weight: bold; color: #666666; }
.SgZLightLarge2   { font-size: 150%; color: #FFFFFF; }
.SgZLightLarge3   { font-size: 110%; color: #FFFFFF; }
.SgZLightBold2      { font-size: 150%; color: #FFFFFF; font-weight: bold; }
.SgZLightBold3      { font-size: 110%; color: #FFFFFF; font-weight: bold; }
.SgZLightBold     { color: #FFFFFF; font-weight: bold; }
.SgZImageText     { font-size: 95%; color: #333333; }
.SgZByline        { font-size: 95%; color: #666666;  }
.SgZFooter        { font-size: 9px; color: #666666; white-space: nowrap; }
.SgZClock       { color: #666666; }
.SgZDate        { color: #333333;  font-size: 95%; }
.SgZClockMono     { font-family: "Courier New", Courier, monospace; color: #666666; }
.SgZIntroKey      { }
.SgNewsMidHeadline    { font-size: 110%; font-weight: bold; line-height: 180%;}
.SgZAuthorText { font-style: italic; }

/* Pad content - used to create margins around content on colored backgrounds (margin-... used instead of padding-... for NS4) */
.SgPadContent0 { padding-bottom: 0px;  padding-left: 0px;  padding-right: 0px;  padding-top: 0px; }
.SgPadContent1 { padding-bottom: 15px;  padding-left: 17px;  padding-right: 17px;  padding-top: 0px; }
.SgPadContent2 { padding-bottom: 15px;  padding-left: 9px;  padding-right: 9px;  padding-top: 0px; }
.SgPadContent3  { padding-bottom: 0px;  padding-left: 0px;  padding-right: 0px;  padding-top: 5px; }
.SgPadContent4 { padding-bottom: 12px;  padding-left: 0px;  padding-right: 0px;  padding-top: 0px; }
.SgPadContent5 { padding-bottom: 25px;  padding-left: 17px;  padding-right: 17px;  padding-top: 0px; }
.SgPadContent6 { padding-bottom: 10px;  padding-left: 17px;  padding-right: 17px;  padding-top: 10px; }
.SgPuffImage  { margin-bottom: 0px;  margin-left: 0px;  margin-right: 0px;  margin-top: 0px; }
.SgArticleImage { margin-bottom: 4px;  margin-left: 0px;  margin-right: 0px;  margin-top: 0px; }

/* form objects */
input, textarea, option, select   { font-size: 10px; color: #000000; }
.SgSnabbval       { font-size: 10px; width: 140px; } /* Ska tas bort när nya svt.se går upp */
.SgIndex          { font-size: 10px; width: 135px; }
.SgSiteIndex	  { font-size: 10px; width: 156px; } /* Används i nya top meny */
.SgSearch       { font-size: 10px; width: 50px; }
.SgSearchSubmit   { background-color: #FFFFFF;}
.SgButton       { font-size: 10px; background-color: #EEEEEE; }
.SgForumTd    { padding-bottom: 3px; padding-top: 3px; }
.SgForumTdAnswear {  padding-left: 20px; padding-right: 5px; padding-bottom: 10px; padding-top: 10px; }

/* misc*/
div.SgNSBackroundFix  { border:none 1px; margin-bottom: 2px;  margin-left: 0px;  margin-right: 0px;  margin-top: 0px;}
.SgZChannelInfo { }  /* KANAL info i puffen: ex SVT1 20:00 - not used right now  */
.SgHeadlinePadding  { padding-bottom: 8px; } 
.SgHeadlinePaddingLarge   { padding-bottom: 11px; }
.SgHeadlinePaddingSmall   { padding-bottom: 4px; } 
.SgErrorMessage   { color: #CC0000; font-weight: bold;}
.SgAlert    { color: #CC0000; font-weight: bold;}
.SgSmallBR        { font-size: 9px; } /* Används endast för rad-mellanrum */
.SgDark         { color: #666666; }
.SgLight          { color: #FFFFFF; }
.SgBlack          { color: #000000; }
.SgLargeIndexer   { font-size: 18px; color: #FFFFFF;  text-transform: lowercase;  }
.SgIndexer        { font-size: 11px; color: #FFFFFF;  text-transform: lowercase;  }
.SgToLowerCase      { text-transform: lowercase;  }
.SgBorderTvTime   { background-color: #000000; margin-left: 15px; margin-bottom: 15px; margin-top: 0px; margin-right: 0px;}
.SgBgTvTime     { background-color: #EFEFEF; }
td.SgPrognose { background-color: #ACC0E3; text-align : center; vertical-align: middle;}
td.SgPrognoseColor { background-color: #ACC0E3; }
td.SgIngredientsTable { padding-bottom: 2px; }

  /* Clearing flows */
  BR#SgClearLeft { clear: left }
  BR#SgClearRight { clear: right }
  br.SgClear { 
  	line-height: 1px;
	font-size: 1px;
	clear: both;
  }
  .SgClear { 
	clear: both;
  }

  /* For recipie template */
  .SlRecDate      { font-size: 95%; color: #333333; }
  .SlRecFromProgram   { font-size: 95%; color: #333333; }
  .SlRecPortions    { font-size: 95%; color: #333333; }
  .SlRecTime      { font-size: 95%; color: #333333; }
  .SlRecIngredients   { font-size: 120%; color: #000000; }
  .SlRecIngredientsSubHead  { font-weight: bold; color: #666666; }
  .SlRecDoLikeThis  { font-size: 110%; color: #000000; }
  .SlRecOther     { font-size: 110%; color: #000000; }
  .SlRecRelated   { font-size: 105%; color: #000000; background-color: #EFEFEF; padding-left: 4px; padding-right: 4px; padding-bottom: 3px; padding-top: 3px; }



/* Typo on plates - size and weight set here in Global stylesheet set the color in loclal */
.SlGenreHead      { font-size: 11px; }
.SlPlateHeader      { text-transform: lowercase; font-size: 11px; font-weight: bold; }

/* Global backgrounds to be used on plates ... RENAME to Sg? */
.SgBorderFactbox  { background-color: #000000; }  /* DEPRECATED */
.SgBgFactbox    { background-color: #A7DBEF; }  /* DEPRECATED */
.SgPuffBgred    { background-color: #FDB9B0; }
.SgPuffBgyellow   { background-color: #FFF1DB; }
.SgPuffBgorange   { background-color: #FBD9BA; }
.SgPaleBg     { background-color: #EFEDEB; }
.SlBgPlateWeather { background-color: #679BCD; }
.SlBgPlateDebatt  { background-color: #6D8690; }
.SlBgPlateTVGuide { background-color: #FF9900; }
.SlBgPlateTVGuide { background-color: #FF0031; }

/***** Stylesheet for tableautexts - used by all platforms and browsers ****/
/*
  .Sg<Kanal>           		tidstexter (ex 06.00) - skall vanligtvis vara samma färg som fördjupningslänkar och sitelänkar
  .Sg<Kanal>BG         		bakgrundsfärg för tiderna
  .Sg<Kanal>Title      		normal titel ingen länk, dessa har en "massa" undantag för visited/active/hover
  .Sg<Kanal>Headline		rubrik för datum i 7dagarsläget
  .Sg<Kanal>Link       		klass för länkar (ex till sajten)

*/
.SgSVT1 { color: #CC6600; }
.SgSVT1BG { background-color: #FFF4E4;}
.SgSVT1Title { color: #E6A563; font-weight: bold; text-decoration: none; }
.SgSVT1Headline { color: #CC6600; font-weight: bold; font-size: 120%;}
a.SgSVT1Title, a.SgSVT1Title:visited, a.SgSVT1Title:active { color: #CC6600; font-weight: bold; text-decoration: none; }
a.SgSVT1Title:hover, a.SgSVT1Title:visited:hover, a.SgSVT1Title:active:hover { color: #CC6600; font-weight: bold; text-decoration: underline; }
.SgSVT1Link { color: #E6A563; text-decoration: none; } /* borde aldrig förekomma - länk som inte är i en a-tagg... */
a.SgSVT1Link, a.SgSVT1Link:visited, a.SgSVT1Link:active { color: #CC6600; text-decoration: none; }
a.SgSVT1Link:hover, a.SgSVT1Link:visited:hover, a.SgSVT1Link:active:hover { color: #CC6600; text-decoration: underline; }

.SgSVT2 { color: #006699; }
.SgSVT2BG { background-color: #E9F4F8;}
.SgSVT2Title { color: #00A1CB; font-weight: bold; text-decoration: none; }
.SgSVT2Headline { color: #006699; font-weight: bold; font-size: 120%;}
a.SgSVT2Title, a.SgSVT2Title:visited, a.SgSVT2Title:active   { color: #006699; font-weight: bold; text-decoration: none; }
a.SgSVT2Title:hover, a.SgSVT2Title:visited:hover, a.SgSVT2Title:active:hover { color: #006699; font-weight: bold; text-decoration: underline; }
.SgSVT2Link { color: #00A1CB; text-decoration: none; } /* borde aldrig förekomma - länk som inte är i en a-tagg... */
a.SgSVT2Link, a.SgSVT2Link:visited, a.SgSVT2Link:active   { color: #006699; text-decoration: none; }
a.SgSVT2Link:hover, a.SgSVT2Link:visited:hover, a.SgSVT2Link:active:hover { color: #006699; text-decoration: underline; }

.Sg24 { color: #62722B; }
.Sg24BG { background-color: #E9EDCE;}
.Sg24Title { color: #93AC40; font-weight: bold; text-decoration: none; }
.Sg24Headline { color: #62722B; font-weight: bold; font-size: 120%; }
a.Sg24Title, a.Sg24Title:visited, a.Sg24Title:active { color: #62722B;  font-weight: bold; text-decoration: none; }
a.Sg24Title:hover, a.Sg24Title:visited:hover, a.Sg24Title:active:hover  { color: #62722B;  font-weight: bold; text-decoration: underline; }
.Sg24Link { color: #93AC40; text-decoration: none; } /* borde aldrig förekomma - länk som inte är i en a-tagg... */
a.Sg24Link, a.Sg24Link:visited, a.Sg24Link:active { color: #62722B;  text-decoration: none; }
a.Sg24Link:hover, a.Sg24Link:visited:hover, a.Sg24Link:active:hover  { color: #62722B;  text-decoration: underline; }

.SgSVTEuropa { color: #31009C; }
.SgSVTEuropaBG { background-color: #E0DEEF;}
.SgSVTEuropaTitle { color: #8071B4; font-weight: bold; text-decoration: none; }
.SgSVTEuropaHeadline { color: #31009C; font-weight: bold; font-size: 120%;}
a.SgSVTEuropaTitle, a.SgSVTEuropaTitle:visited, a.SgSVTEuropaTitle:active { color: #31009C;  font-weight: bold; text-decoration: none; }
a.SgSVTEuropaTitle:hover, a.SgSVTEuropaTitle:visited:hover, a.SgSVTEuropaTitle:active:hover { color: #31009C;  font-weight: bold; text-decoration: underline; }
.SgSVTEuropaLink { color: #8071B4; text-decoration: none; } /* borde aldrig förekomma - länk som inte är i en a-tagg... */
a.SgSVTEuropaLink, a.SgSVTEuropaLink:visited, a.SgSVTEuropaLink:active { color: #31009C;  text-decoration: none; }
a.SgSVTEuropaLink:hover, a.SgSVTEuropaLink:visited:hover, a.SgSVTEuropaLink:active:hover { color: #31009C;  text-decoration: underline; }


.SgSVTEXTRAOS { color: #CC6600; }
.SgSVTEXTRAOSBG { background-color: #FFF4E4;}
.SgSVTEXTRAOSTitle { color: #E6A563; font-weight: bold; text-decoration: none; }
.SgSVTEXTRAOSHeadline { color: #CC6600; font-weight: bold; font-size: 120%;}
a.SgSVTEXTRAOSTitle, a.SgSVTEXTRAOSTitle:visited, a.SgSVTEXTRAOSTitle:active { color: #CC6600; font-weight: bold; text-decoration: none; }
a.SgSVTEXTRAOSTitle:hover, a.SgSVTEXTRAOSTitle:visited:hover, a.SgSVTEXTRAOSTitle:active:hover { color: #CC6600; font-weight: bold; text-decoration: underline; }
.SgSVTEXTRAOSLink { color: #E6A563; text-decoration: none; } /* borde aldrig förekomma - länk som inte är i en a-tagg... */
a.SgSVTEXTRAOSLink, a.SgSVTEXTRAOSLink:visited, a.SgSVTEXTRAOSLink:active { color: #CC6600; text-decoration: none; }
a.SgSVTEXTRAOSLink:hover, a.SgSVTEXTRAOSLink:visited:hover, a.SgSVTEXTRAOSLink:active:hover { color: #CC6600; text-decoration: underline; }

/* NEW 
Nolink: #6B81A1
Link: #3F5D8B
*/

.SgBarnkanalen { color: #3F5D8B;  }
.SgBarnkanalenBG { background-color: #E9EEF8; white-space: nowrap;}
.SgBarnkanalenTitle { color: #6B81A1; font-weight: bold; text-decoration: none; }
.SgBarnkanalenHeadline { color: #3F5D8B; font-weight: bold; font-size: 120%;}
a.SgBarnkanalenTitle, a.SgBarnkanalenTitle:visited, a.SgBarnkanalenTitle:active { color: #3F5D8B;  font-weight: bold; text-decoration: none; }
a.SgBarnkanalenTitle:hover, a.SgBarnkanalenTitle:visited:hover, a.SgBarnkanalenTitle:active:hover { color: #3F5D8B;  font-weight: bold; text-decoration: underline; }
.SgBarnkanalenLink { color: #6B81A1; text-decoration: none; } /* borde aldrig förekomma - länk som inte är i en a-tagg... */
a.SgBarnkanalenLink, a.SgBarnkanalenLink:visited, a.SgBarnkanalenLink:active { color: #3F5D8B; text-decoration: none; }
a.SgBarnkanalenLink:hover, a.SgBarnkanalenLink:visited:hover, a.SgBarnkanalenLink:active:hover { color: #3F5D8B;  text-decoration: underline; }
div.SgSpecialTableauPad { padding-bottom: 0.6em }
div.SgSpecialTableauPadTwoContent { padding-bottom: 0.6em; padding-left: 0.5em }

.SgKUNSKAPSKANALEN { color: #CC6600; }
.SgKUNSKAPSKANALENBG { background-color: #FFF4E4;}
.SgKUNSKAPSKANALENTitle { color: #E6A563; font-weight: bold; text-decoration: none; }
.SgKUNSKAPSKANALENHeadline { color: #CC6600; font-weight: bold; font-size: 120%;}
a.SgKUNSKAPSKANALENTitle, a.SgKUNSKAPSKANALENTitle:visited, a.SgKUNSKAPSKANALENTitle:active { color: #CC6600; font-weight: bold; text-decoration: none; }
a.SgKUNSKAPSKANALENTitle:hover, a.SgKUNSKAPSKANALENTitle:visited:hover, a.SgKUNSKAPSKANALENTitle:active:hover { color: #CC6600; font-weight: bold; text-decoration: underline; }
.SgKUNSKAPSKANALENLink { color: #E6A563; text-decoration: none; } /* borde aldrig förekomma - länk som inte är i en a-tagg... */
a.SgKUNSKAPSKANALENLink, a.SgKUNSKAPSKANALENLink:visited, a.SgKUNSKAPSKANALENLink:active { color: #CC6600; text-decoration: none; }
a.SgKUNSKAPSKANALENLink:hover, a.SgKUNSKAPSKANALENLink:visited:hover, a.SgKUNSKAPSKANALENLink:active:hover { color: #CC6600; text-decoration: underline; }

.SgTV3, .SgTV4, .SgKANAL5 { color: #000000; }
.SgTV3BG, .SgTV4BG, .SgKANAL5BG { background-color: #FFF4E4;}
.SgTV3Title, .SgTV4Title, .SgKANAL5Title { color: #3B3B3B; font-weight: bold; text-decoration: none; }
.SgTV3Headline, .SgTV4Headline, .SgKANAL5Headline { color: #3B3B3B; font-weight: bold; font-size: 120%;}
a.SgTV3Title, a.SgTV3Title:visited, a.SgTV3Title:active, a.SgTV4Title, a.SgTV4Title:visited, a.SgTV4Title:active, a.SgKANAL5Title, a.SgKANAL5Title:visited, a.SgKANAL5Title:active { color: #3B3B3B; font-weight: bold; text-decoration: none; }
a.SgTV3Title:hover, a.SgTV3Title:visited:hover, a.SgTV3Title:active:hover, a.SgTV4Title:hover, a.SgTV4Title:visited:hover, a.SgTV4Title:active:hover, a.SgKANAL5Title:hover, a.SgKANAL5Title:visited:hover, a.SgKANAL5Title:active:hover { color: #3B3B3B; font-weight: bold; text-decoration: underline; }
.SgTV3Link, .SgTV4Link, .SgKANAL5Link { color: #3B3B3B; text-decoration: none; } /* borde aldrig förekomma - länk som inte är i en a-tagg... */
a.SgTV3Link, a.SgTV3Link:visited, a.SgTV3Link:active, a.SgTV4Link, a.SgTV4Link:visited, a.SgTV4Link:active, a.SgKANAL5Link, a.SgKANAL5Link:visited, a.SgKANAL5Link:active { color: #3B3B3B; text-decoration: none; }
a.SgTV3Link:hover, a.SgTV3Link:visited:hover, a.SgTV3Link:active:hover, a.SgTV4Link:hover, a.SgTV4Link:visited:hover, a.SgTV4Link:active:hover, a.SgKANAL5Link:hover, a.SgKANAL5Link:visited:hover, a.SgKANAL5Link:active:hover { color: #3B3B3B; text-decoration: underline; }

.SgOldShow    { background-color: #FFFFFF; color: #909090; padding-top: 4px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; }
.SgNextShow   { background-color: #FFFFFF;                 padding-top: 4px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; }
.SgFutureShow { background-color: #FFFFFF;                 padding-top: 4px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; }
#SgCQLTable tr.firstRow td {
		padding: 0 0 7px 0;
}
.SgChannelQLink {
	border: 1px solid #ECE7F0;	
}


/**
 * styles from toc.css
 * bakground images are taken from prod ie http://svt.se
 */
 form { margin: 0px; padding: 0px; }
 select.tocGoto { width: 156px; }
 input.tocBtn { vertical-align: bottom; }
 #topContainer	{ position: relative; text-align: left; width: 770px; height: 54px; margin-bottom: 10px; }
 /* While old menu */
 #topHolder { margin-bottom: 10px; }
 #logoHolder		{ z-index: 1; position: absolute; left: 0px; top: 0px; }
 #portalHeadline { z-index: 2; position: absolute; left: 290px; top: 18px; }
 #tbMember { z-index: 10; position: absolute; left: 420px; bottom: 5px; width: 145px; text-align: right; overflow: hidden; }
 #tbMember a { text-decoration: none; color: #FFFFFF; font-weight: bold; }
 #tbMember a:hover { text-decoration: underline; }
 #tbBgBox  { z-index: 5; position: absolute; left: 572px; top: 3px; width: 195px; height: 48px; }
 #tbCombobox { z-index: 11; position: absolute; left: 5px; top: 4px;}
 #tbBtnShow  { z-index: 12; position: absolute; left: 165px; top: 6px;}
 #tbLinks 	{ z-index: 13; position: absolute; left: 5px; top: 31px;}
 #tbLinks a  	 { text-decoration: none; color: #FFFFFF; }
 #tbLinks a:hover { text-decoration: underline; }
 #tbSearch 	  { z-index: 14; position: absolute; left: 111px; top: 25px;}
 #tbBtnSearch  { z-index: 15; position: absolute; left: 165px; top: 27px;}
 #tocContainer	{ width: 113px; height: auto; background-image: url(/c/client-kee-marcello/svt.se/svt_se/images/framework/tocHolderBg.gif); background-repeat: repeat-y;}
 #tocContainer a:link, #tocContainer a {
 	text-decoration: none;
 	color: #222222;
 	font-size: 1.1em;
 	font-weight: normal;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	display : block;
 	padding : 1px 1px 2px 5px;
 	border-style: solid;
 	border-width: 0px;
 	border-left-width: 6px;
 	border-left-color: #000063;
 	margin-bottom: 1px;
 }
 #tocContainer ul, #tocContainer li { margin: 0px; padding: 0px; }
 #tocContainer ul { list-style-type: none; list-style-position : outside; }
 #tocContainer ul li { display: inline; }
 #tocContainer ul li a:hover { background-color: #EEEEEE; }
 #tocContainer ul li.active a { margin-bottom: 1px; }
 #tocContainer ul li.activeHasSub a { margin-bottom: 0px; }
 #tocContainer ul.sub li a, #tocContainer ul.sub li a:visited {
 	color: #FFFFFF;
 	border-left-width: 0px;
 	font-size: 1em;
 	margin-bottom: 0px;
 	padding: 2px 4px 3px 13px;
 }
 #tocContainer ul li a#activeSub, #tocContainer ul li a#activeSub:visited {
 	background-image: url(/c/client-kee-marcello/svt.se/svt_se/images/menu/arrow_active.gif);
 	background-position: 5px 0px;
 	background-repeat: no-repeat;
 }
 #tocContainer ul li a img.downArrow { display: inline; width: 5; height: 5; margin-left: 4px; }
 #tocContainer ul.blue li a:hover { border-left-color: #00009C; }
 #tocContainer ul.green li a:hover  { border-left-color: #00C739; }
 #tocContainer ul.red li a:hover { border-left-color: #FF3031; }
 #tocContainer ul.corpblue li a:hover { border-left-color: #170077; }
 #tocContainer ul.yellow li a:hover { border-left-color: #FF9933; }
 #tocContainer ul.lilac li a:hover { border-left-color: #691768; }
 #tocContainer ul.turqoise li a:hover { border-left-color: #0593E2; }
/**
 * div
 */

#mainholder {
    text-align: left;
    width: 770px;
    padding: 0px;
}
    #tocholder {
        float: left;
        width: 120px;
        padding: 0px;
    }
    #contentholder {
        float: right;
        width: 650px;
        padding: 0px;
        overflow: hidden;
    }
#footer, #clearit {
    clear: both;
    width: 770px;
    padding: 0px;
}
#footerContent {
    float: right;
    width: 650;
    border-top: 1px solid;
    border-top-color: #100073;
    padding-top: 5px;
    margin: 8 0 3 0;
    text-align: right;
}

/***** Top bar default login & member styles. Customize in SGL style sheets ****/
#tbMember .loginStatus { font-weight: normal; }
#tbMember .loginOut { font-weight: normal; color: #A79DD2; }
#tbMember .memberJoin, #tbMember .memberSetings { font-weight: normal; color: #A79DD2; }

/******************************************************************
* 	A till Ö lista
******************************************************************/

table.A2ZList { width: 100%; border-top:1px solid #DFDCD8; border-bottom:1px solid #DFDCD8; }
table.A2ZList td { padding: 2px; }
table.A2ZList td, table.A2ZList td a { font-weight: normal; color: #000000; }
table.A2ZList td.icon { text-align: right; padding: 0px; padding-right: 2px;}
table.A2ZList td.title { font-weight: normal; }
table.A2ZList td.bold , table.A2ZList td.bold a { font-weight: bold; }
table.A2ZList tr.odd td { background-color: #F0F2F5;}
table.A2ZList tr.even td { background-color: #FFFFFF;}
table.A2ZList td.icon img { margin: 3px 0px 0px 3px; }
table.A2ZList tr.odd td, table.A2ZList tr.odd td a { color: #000000; } 
div.A2ZToc {  letter-spacing: 2px; font-weight:bold; padding: 4px; border-top:1px solid #DFDCD8; border-bottom:1px solid #DFDCD8; }
div.A2ZHeading { font-weight:bold; margin-top: 10px; padding: 2px; font-size: 110%;}

/******************************************************************
* 	Forum puff styles
******************************************************************/

.forum-puff-wide			{ width: 290px; }
.forum-puff-wide .cell1 	{ width: 17px;	}
.forum-puff-wide .cell2 	{ width: 215px; }
.forum-puff-wide .cell3 	{ width: 45px;	}

.forum-puff-thin			{ width: 180px; }
.forum-puff-thin .cell1 	{ width: 17px;	}
.forum-puff-thin .cell2 	{ width: 150px; }
/* .forum-puff-thin .cell3 	{ width: 45px; } */

#forum-puff					{ background-color: #E2E3D5; }
#forum-puff .link 			{ background-color: #EBE7E4; }
#forum-puff .heading 		{ background-color: #FFFFFF; }
#forum-puff h1 				{ background-color: #281372; }
#forum-puff .list .row 		{ background-color: #FFFFFF; }
#forum-puff .list .row-dark { background-color: #FBFCF7; }
#forum-puff .list .block 	{ background-color: #281473; }

#forum-puff .link A 		{ color: #555555; }
#forum-puff h1 				{ color: #FFFFFF; }
#forum-puff .heading .cell2 { color: #969696; }
#forum-puff .heading .cell3 { color: #969696; }
#forum-puff .date 			{ color: #969696; }

#forum-puff 				{ font-size: 95%; 		}
#forum-puff A 				{ font-weight: bold;	}

#forum-puff  div.hr, #forum div.hr-dark { height: 1px; }
#forum-puff  div.hr HR, #forum div.hr-dark HR { display: none; }

#forum-puff .link 		{ text-align:right; padding: 5px;	}
#forum-puff .heading 	{ padding: 5px; font-weight: bold;	}
#forum-puff h1			{ margin: 0px; padding: 5px; 		}
#forum-puff .cell1,
#forum-puff .cell2,
#forum-puff .cell3 		{ float:left; 	}
#forum-puff .clear 		{ clear: both;	}
#forum-puff .list  		{ padding-right: 1px; padding-left: 1px; }
#forum-puff .list .row-dark,
#forum-puff .list .row	{ padding: 4px;			}
#forum-puff .cell3		{ text-align: center;	}
#forum-puff .uid		{ font-weight: bold;	}

#forum-puff .list .block {
	line-height: 1px;
	font-size: 1px;
	width: 8px;
	height: 8px;
	margin: 3px;
}
.SgNoMargin {
	margin: 0px;
}